/* Layout: Peacock Ink. Split hero with layered offset blocks behind the logo → three floating pillars →
   a central statement surrounded by floating cards at different depths (parallax) → consulting tiles →
   design studio → launch kit → contact. Gold leads, teal supports. Single dark look by choice. */
:root{
  --ink:#04161B; --ink-2:#071A30; --ink-3:#0A1430;
  --fg:#EAF4F2; --muted:#9DBDBB; --dim:#6E8E8F;
  --gold:#E6B54A; --gold-hi:#FFE6A3; --gold-lo:#B9811C; --gold-edge:#7A5410;
  --teal:#56D3DB; --teal-deep:#1F8A8A; --blue:#6CB4FF;
  --glass:rgba(255,255,255,.055); --glass-hi:rgba(255,255,255,.10); --glass-line:rgba(255,255,255,.10); --gold-line:rgba(230,181,74,.30);
  --shadow:0 30px 60px rgba(0,0,0,.50);
  --display:'Fraunces', Georgia, 'Times New Roman', serif;
  --body:'Manrope', 'Segoe UI', system-ui, sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
body{margin:0}
img{max-width:100%}
[hidden]{display:none!important}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-behavior:smooth;background:#04161B}
body{background:radial-gradient(1000px 620px at 78% 18%, rgba(31,138,138,.38), transparent 62%),radial-gradient(800px 600px at 8% 70%, rgba(47,100,232,.16), transparent 65%),linear-gradient(160deg,#03181D 0%,#071C33 60%,#0A1430 100%);background-attachment:fixed;color:var(--fg);font-family:var(--body);font-size:17px;line-height:1.6;min-height:100%}
main{overflow-x:clip;position:relative;z-index:1}
footer{position:relative;z-index:1}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(16px, env(safe-area-inset-left, 0px));padding-right:max(16px, env(safe-area-inset-right, 0px))}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.08;margin:0;text-wrap:balance;letter-spacing:-.015em}
h2{font-size:clamp(32px,4.6vw,52px)}
h2 em,h1 em{font-style:italic;color:var(--gold)}
h3{font-size:23px}
p{margin:0}
a{color:var(--teal)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.lede{color:var(--muted);max-width:58ch;font-size:18px}
.note{font-size:14px;color:var(--muted)}

/* background: ink gradient, faint feather-eye pattern, slow glows */
.bgfx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.bgfx .pat{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800'%3E%3Ccircle cx='259' cy='121' r='0.6' fill='rgba(230,181,74,0.48)'/%3E%3Ccircle cx='75' cy='466' r='1.6' fill='rgba(230,181,74,0.16)'/%3E%3Ccircle cx='347' cy='56' r='0.6' fill='rgba(255,255,255,0.32)'/%3E%3Ccircle cx='661' cy='99' r='0.8' fill='rgba(255,255,255,0.4)'/%3E%3Ccircle cx='758' cy='462' r='1.2' fill='rgba(230,181,74,0.54)'/%3E%3Ccircle cx='37' cy='687' r='1' fill='rgba(86,211,219,0.21)'/%3E%3Ccircle cx='94' cy='247' r='0.8' fill='rgba(230,181,74,0.38)'/%3E%3Ccircle cx='511' cy='298' r='1.6' fill='rgba(255,255,255,0.18)'/%3E%3Ccircle cx='48' cy='165' r='1.6' fill='rgba(86,211,219,0.46)'/%3E%3Ccircle cx='372' cy='739' r='1' fill='rgba(86,211,219,0.25)'/%3E%3Ccircle cx='144' cy='624' r='0.6' fill='rgba(255,255,255,0.27)'/%3E%3Ccircle cx='396' cy='275' r='1.2' fill='rgba(86,211,219,0.39)'/%3E%3Ccircle cx='59' cy='410' r='0.8' fill='rgba(86,211,219,0.21)'/%3E%3Ccircle cx='391' cy='31' r='0.6' fill='rgba(255,255,255,0.38)'/%3E%3Ccircle cx='700' cy='251' r='1' fill='rgba(255,255,255,0.35)'/%3E%3Ccircle cx='638' cy='55' r='0.6' fill='rgba(86,211,219,0.34)'/%3E%3Ccircle cx='531' cy='49' r='1' fill='rgba(255,255,255,0.38)'/%3E%3Ccircle cx='545' cy='357' r='1.2' fill='rgba(255,255,255,0.29)'/%3E%3Ccircle cx='753' cy='284' r='1.6' fill='rgba(230,181,74,0.35)'/%3E%3Ccircle cx='175' cy='230' r='0.8' fill='rgba(86,211,219,0.31)'/%3E%3Ccircle cx='697' cy='64' r='1.2' fill='rgba(86,211,219,0.37)'/%3E%3Ccircle cx='707' cy='655' r='1.6' fill='rgba(86,211,219,0.43)'/%3E%3Ccircle cx='789' cy='546' r='1.2' fill='rgba(230,181,74,0.21)'/%3E%3Ccircle cx='141' cy='186' r='0.8' fill='rgba(230,181,74,0.34)'/%3E%3Ccircle cx='471' cy='210' r='0.6' fill='rgba(230,181,74,0.32)'/%3E%3Ccircle cx='295' cy='453' r='0.8' fill='rgba(255,255,255,0.49)'/%3E%3Ccircle cx='760' cy='524' r='0.6' fill='rgba(86,211,219,0.51)'/%3E%3Ccircle cx='624' cy='700' r='1.6' fill='rgba(86,211,219,0.31)'/%3E%3Ccircle cx='315' cy='385' r='1.2' fill='rgba(230,181,74,0.23)'/%3E%3Ccircle cx='788' cy='353' r='0.6' fill='rgba(86,211,219,0.39)'/%3E%3Ccircle cx='82' cy='453' r='1.6' fill='rgba(230,181,74,0.53)'/%3E%3Ccircle cx='491' cy='56' r='0.8' fill='rgba(255,255,255,0.3)'/%3E%3Ccircle cx='508' cy='764' r='1.6' fill='rgba(86,211,219,0.34)'/%3E%3Ccircle cx='92' cy='390' r='1.2' fill='rgba(86,211,219,0.34)'/%3E%3Ccircle cx='69' cy='82' r='1' fill='rgba(255,255,255,0.26)'/%3E%3Ccircle cx='663' cy='129' r='0.6' fill='rgba(230,181,74,0.53)'/%3E%3Ccircle cx='423' cy='117' r='1.6' fill='rgba(230,181,74,0.45)'/%3E%3Ccircle cx='238' cy='514' r='0.6' fill='rgba(255,255,255,0.49)'/%3E%3Ccircle cx='415' cy='727' r='1' fill='rgba(230,181,74,0.36)'/%3E%3Ccircle cx='623' cy='264' r='0.8' fill='rgba(255,255,255,0.47)'/%3E%3Ccircle cx='788' cy='682' r='0.8' fill='rgba(86,211,219,0.45)'/%3E%3Ccircle cx='181' cy='414' r='1' fill='rgba(255,255,255,0.16)'/%3E%3Ccircle cx='22' cy='224' r='1' fill='rgba(230,181,74,0.43)'/%3E%3Ccircle cx='765' cy='358' r='1' fill='rgba(86,211,219,0.18)'/%3E%3Ccircle cx='82' cy='376' r='1' fill='rgba(230,181,74,0.34)'/%3E%3Ccircle cx='788' cy='488' r='0.6' fill='rgba(86,211,219,0.51)'/%3E%3Ccircle cx='275' cy='515' r='0.6' fill='rgba(86,211,219,0.46)'/%3E%3Ccircle cx='600' cy='382' r='0.8' fill='rgba(86,211,219,0.47)'/%3E%3Ccircle cx='266' cy='641' r='1.2' fill='rgba(86,211,219,0.31)'/%3E%3Ccircle cx='757' cy='580' r='0.8' fill='rgba(230,181,74,0.16)'/%3E%3Ccircle cx='473' cy='372' r='0.8' fill='rgba(255,255,255,0.48)'/%3E%3Ccircle cx='784' cy='526' r='1' fill='rgba(230,181,74,0.37)'/%3E%3Ccircle cx='105' cy='11' r='0.6' fill='rgba(255,255,255,0.45)'/%3E%3Ccircle cx='111' cy='789' r='0.8' fill='rgba(230,181,74,0.16)'/%3E%3Ccircle cx='170' cy='401' r='1.6' fill='rgba(86,211,219,0.25)'/%3E%3Ccircle cx='335' cy='105' r='1' fill='rgba(86,211,219,0.41)'/%3E%3Ccircle cx='652' cy='413' r='1.6' fill='rgba(230,181,74,0.36)'/%3E%3Ccircle cx='419' cy='15' r='1.2' fill='rgba(230,181,74,0.39)'/%3E%3Ccircle cx='621' cy='120' r='0.8' fill='rgba(86,211,219,0.4)'/%3E%3Ccircle cx='96' cy='49' r='1.6' fill='rgba(255,255,255,0.37)'/%3E%3Ccircle cx='627' cy='85' r='1.6' fill='rgba(230,181,74,0.25)'/%3E%3Ccircle cx='222' cy='618' r='1.6' fill='rgba(86,211,219,0.37)'/%3E%3Ccircle cx='608' cy='730' r='1.2' fill='rgba(86,211,219,0.4)'/%3E%3Ccircle cx='404' cy='410' r='1' fill='rgba(86,211,219,0.35)'/%3E%3Ccircle cx='646' cy='406' r='0.8' fill='rgba(255,255,255,0.36)'/%3E%3Ccircle cx='701' cy='742' r='1.6' fill='rgba(230,181,74,0.49)'/%3E%3Ccircle cx='110' cy='97' r='1.2' fill='rgba(86,211,219,0.18)'/%3E%3Ccircle cx='193' cy='58' r='1' fill='rgba(230,181,74,0.51)'/%3E%3Ccircle cx='124' cy='573' r='1' fill='rgba(230,181,74,0.25)'/%3E%3Ccircle cx='110' cy='374' r='0.6' fill='rgba(86,211,219,0.5)'/%3E%3Ccircle cx='130' cy='534' r='0.8' fill='rgba(230,181,74,0.43)'/%3E%3Ccircle cx='795' cy='323' r='1.2' fill='rgba(230,181,74,0.29)'/%3E%3Ccircle cx='74' cy='293' r='1' fill='rgba(255,255,255,0.33)'/%3E%3Ccircle cx='563' cy='307' r='1.6' fill='rgba(255,255,255,0.27)'/%3E%3Ccircle cx='769' cy='90' r='0.8' fill='rgba(230,181,74,0.18)'/%3E%3Ccircle cx='218' cy='725' r='0.8' fill='rgba(86,211,219,0.45)'/%3E%3Ccircle cx='656' cy='680' r='1' fill='rgba(86,211,219,0.21)'/%3E%3Ccircle cx='735' cy='456' r='1' fill='rgba(230,181,74,0.26)'/%3E%3Ccircle cx='640' cy='147' r='0.6' fill='rgba(86,211,219,0.53)'/%3E%3Ccircle cx='508' cy='641' r='0.6' fill='rgba(255,255,255,0.49)'/%3E%3Ccircle cx='53' cy='690' r='1.2' fill='rgba(230,181,74,0.29)'/%3E%3Ccircle cx='442' cy='741' r='1' fill='rgba(255,255,255,0.2)'/%3E%3Ccircle cx='422' cy='191' r='0.6' fill='rgba(230,181,74,0.25)'/%3E%3Ccircle cx='145' cy='746' r='1' fill='rgba(255,255,255,0.45)'/%3E%3Ccircle cx='232' cy='400' r='0.8' fill='rgba(86,211,219,0.29)'/%3E%3Ccircle cx='15' cy='200' r='0.6' fill='rgba(230,181,74,0.44)'/%3E%3Ccircle cx='441' cy='152' r='1.2' fill='rgba(230,181,74,0.52)'/%3E%3Ccircle cx='85' cy='655' r='1.2' fill='rgba(255,255,255,0.35)'/%3E%3Ccircle cx='668' cy='314' r='1.6' fill='rgba(86,211,219,0.43)'/%3E%3Ccircle cx='786' cy='274' r='0.8' fill='rgba(86,211,219,0.55)'/%3E%3Ccircle cx='786' cy='670' r='0.6' fill='rgba(230,181,74,0.4)'/%3E%3Ccircle cx='704' cy='345' r='0.6' fill='rgba(230,181,74,0.42)'/%3E%3Ccircle cx='305' cy='405' r='1' fill='rgba(255,255,255,0.25)'/%3E%3Ccircle cx='234' cy='368' r='0.8' fill='rgba(86,211,219,0.33)'/%3E%3Ccircle cx='211' cy='769' r='1.6' fill='rgba(86,211,219,0.25)'/%3E%3Ccircle cx='773' cy='248' r='1' fill='rgba(230,181,74,0.15)'/%3E%3Ccircle cx='305' cy='380' r='1.6' fill='rgba(255,255,255,0.23)'/%3E%3Ccircle cx='404' cy='4' r='1' fill='rgba(230,181,74,0.21)'/%3E%3Ccircle cx='469' cy='315' r='1' fill='rgba(86,211,219,0.4)'/%3E%3Ccircle cx='68' cy='766' r='0.8' fill='rgba(255,255,255,0.51)'/%3E%3Ccircle cx='627' cy='477' r='1' fill='rgba(255,255,255,0.54)'/%3E%3Ccircle cx='120' cy='579' r='0.8' fill='rgba(230,181,74,0.48)'/%3E%3Ccircle cx='572' cy='410' r='1.2' fill='rgba(255,255,255,0.43)'/%3E%3Ccircle cx='404' cy='728' r='1.6' fill='rgba(255,255,255,0.48)'/%3E%3Ccircle cx='644' cy='661' r='1.6' fill='rgba(255,255,255,0.42)'/%3E%3Ccircle cx='555' cy='184' r='0.6' fill='rgba(230,181,74,0.2)'/%3E%3Ccircle cx='289' cy='84' r='1.2' fill='rgba(255,255,255,0.17)'/%3E%3Ccircle cx='15' cy='425' r='0.8' fill='rgba(86,211,219,0.26)'/%3E%3Ccircle cx='366' cy='56' r='1.6' fill='rgba(255,255,255,0.19)'/%3E%3Ccircle cx='421' cy='597' r='1.2' fill='rgba(86,211,219,0.47)'/%3E%3Ccircle cx='677' cy='188' r='0.8' fill='rgba(230,181,74,0.45)'/%3E%3Ccircle cx='781' cy='395' r='1.2' fill='rgba(230,181,74,0.34)'/%3E%3Ccircle cx='547' cy='614' r='1.6' fill='rgba(255,255,255,0.41)'/%3E%3Ccircle cx='62' cy='118' r='1' fill='rgba(255,255,255,0.45)'/%3E%3Ccircle cx='244' cy='454' r='0.6' fill='rgba(86,211,219,0.17)'/%3E%3Ccircle cx='215' cy='538' r='0.8' fill='rgba(255,255,255,0.35)'/%3E%3Ccircle cx='567' cy='228' r='1.2' fill='rgba(86,211,219,0.46)'/%3E%3Ccircle cx='795' cy='439' r='1' fill='rgba(230,181,74,0.52)'/%3E%3Ccircle cx='14' cy='367' r='1.6' fill='rgba(86,211,219,0.55)'/%3E%3Ccircle cx='309' cy='733' r='0.8' fill='rgba(230,181,74,0.38)'/%3E%3Ccircle cx='113' cy='419' r='1' fill='rgba(230,181,74,0.39)'/%3E%3Ccircle cx='505' cy='224' r='0.6' fill='rgba(255,255,255,0.3)'/%3E%3Ccircle cx='398' cy='701' r='1.2' fill='rgba(230,181,74,0.21)'/%3E%3Ccircle cx='760' cy='545' r='1.2' fill='rgba(86,211,219,0.44)'/%3E%3Ccircle cx='333' cy='301' r='0.6' fill='rgba(86,211,219,0.15)'/%3E%3Ccircle cx='601' cy='671' r='0.6' fill='rgba(230,181,74,0.44)'/%3E%3Ccircle cx='721' cy='232' r='1' fill='rgba(230,181,74,0.31)'/%3E%3Ccircle cx='799' cy='471' r='1' fill='rgba(86,211,219,0.45)'/%3E%3Ccircle cx='683' cy='225' r='0.6' fill='rgba(255,255,255,0.26)'/%3E%3Ccircle cx='748' cy='199' r='1' fill='rgba(86,211,219,0.35)'/%3E%3Ccircle cx='152' cy='299' r='1.2' fill='rgba(230,181,74,0.47)'/%3E%3Ccircle cx='505' cy='731' r='1.6' fill='rgba(255,255,255,0.23)'/%3E%3Ccircle cx='64' cy='747' r='1.2' fill='rgba(86,211,219,0.4)'/%3E%3Ccircle cx='111' cy='696' r='1.2' fill='rgba(230,181,74,0.51)'/%3E%3Ccircle cx='440' cy='137' r='1.2' fill='rgba(86,211,219,0.26)'/%3E%3Ccircle cx='205' cy='591' r='1' fill='rgba(86,211,219,0.41)'/%3E%3Ccircle cx='241' cy='446' r='1.2' fill='rgba(230,181,74,0.22)'/%3E%3Ccircle cx='129' cy='166' r='1.2' fill='rgba(255,255,255,0.24)'/%3E%3Ccircle cx='725' cy='797' r='1.2' fill='rgba(86,211,219,0.21)'/%3E%3Ccircle cx='154' cy='73' r='1' fill='rgba(255,255,255,0.19)'/%3E%3Cpath transform='translate(191 207)' d='M0 -13.696177423159915 Q1.7120221778949893 -1.7120221778949893 13.696177423159915 0 Q1.7120221778949893 1.7120221778949893 0 13.696177423159915 Q-1.7120221778949893 1.7120221778949893 -13.696177423159915 0 Q-1.7120221778949893 -1.7120221778949893 0 -13.696177423159915Z' fill='rgba(230,181,74,0.45)'/%3E%3Cpath transform='translate(710 600)' d='M0 -12.12781658640786 Q1.5159770733009825 -1.5159770733009825 12.12781658640786 0 Q1.5159770733009825 1.5159770733009825 0 12.12781658640786 Q-1.5159770733009825 1.5159770733009825 -12.12781658640786 0 Q-1.5159770733009825 -1.5159770733009825 0 -12.12781658640786Z' fill='rgba(230,181,74,0.45)'/%3E%3Cpath transform='translate(331 419)' d='M0 -11.768658136594283 Q1.4710822670742854 -1.4710822670742854 11.768658136594283 0 Q1.4710822670742854 1.4710822670742854 0 11.768658136594283 Q-1.4710822670742854 1.4710822670742854 -11.768658136594283 0 Q-1.4710822670742854 -1.4710822670742854 0 -11.768658136594283Z' fill='rgba(230,181,74,0.45)'/%3E%3Cpath transform='translate(271 50)' d='M0 -10.775163469782527 Q1.3468954337228158 -1.3468954337228158 10.775163469782527 0 Q1.3468954337228158 1.3468954337228158 0 10.775163469782527 Q-1.3468954337228158 1.3468954337228158 -10.775163469782527 0 Q-1.3468954337228158 -1.3468954337228158 0 -10.775163469782527Z' fill='rgba(230,181,74,0.45)'/%3E%3Cpath transform='translate(774 101)' d='M0 -13.03395747611118 Q1.6292446845138975 -1.6292446845138975 13.03395747611118 0 Q1.6292446845138975 1.6292446845138975 0 13.03395747611118 Q-1.6292446845138975 1.6292446845138975 -13.03395747611118 0 Q-1.6292446845138975 -1.6292446845138975 0 -13.03395747611118Z' fill='rgba(230,181,74,0.45)'/%3E%3Cpath transform='translate(504 690)' d='M0 -10.15963140819953 Q1.2699539260249413 -1.2699539260249413 10.15963140819953 0 Q1.2699539260249413 1.2699539260249413 0 10.15963140819953 Q-1.2699539260249413 1.2699539260249413 -10.15963140819953 0 Q-1.2699539260249413 -1.2699539260249413 0 -10.15963140819953Z' fill='rgba(230,181,74,0.45)'/%3E%3Cpath transform='translate(217 199)' d='M0 -11.997571367456892 Q1.4996964209321115 -1.4996964209321115 11.997571367456892 0 Q1.4996964209321115 1.4996964209321115 0 11.997571367456892 Q-1.4996964209321115 1.4996964209321115 -11.997571367456892 0 Q-1.4996964209321115 -1.4996964209321115 0 -11.997571367456892Z' fill='rgba(230,181,74,0.45)'/%3E%3Cpath transform='translate(357 763)' d='M0 -16.486836762304527 Q2.060854595288066 -2.060854595288066 16.486836762304527 0 Q2.060854595288066 2.060854595288066 0 16.486836762304527 Q-2.060854595288066 2.060854595288066 -16.486836762304527 0 Q-2.060854595288066 -2.060854595288066 0 -16.486836762304527Z' fill='rgba(230,181,74,0.45)'/%3E%3Cpath transform='translate(698 17)' d='M0 -8.32243493387102 Q1.0403043667338776 -1.0403043667338776 8.32243493387102 0 Q1.0403043667338776 1.0403043667338776 0 8.32243493387102 Q-1.0403043667338776 1.0403043667338776 -8.32243493387102 0 Q-1.0403043667338776 -1.0403043667338776 0 -8.32243493387102Z' fill='rgba(230,181,74,0.45)'/%3E%3C/svg%3E");background-size:800px 800px;-webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.8));mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.8))}
.glow{position:absolute;border-radius:50%;filter:blur(80px);animation:drift 20s ease-in-out infinite alternate}
.glow.a{width:620px;height:620px;background:rgba(31,138,138,.30);right:-10%;top:-8%}
.glow.b{width:520px;height:520px;background:rgba(47,100,232,.18);left:-14%;top:45%;animation-duration:26s}
.glow.c{width:340px;height:340px;background:rgba(230,181,74,.10);right:22%;bottom:-8%;animation-duration:17s}
@keyframes drift{to{transform:translate3d(50px,-40px,0) scale(1.08)}}

/* header */
header{position:sticky;top:env(safe-area-inset-top, 0px);z-index:20;background:rgba(4,22,27,.62);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--glass-line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg);font-family:var(--display);font-size:24px}
.icon-tile{width:38px;height:38px;border-radius:10px;display:block;background:#000;box-shadow:0 6px 16px rgba(0,0,0,.4)}
.nav-word{display:none}
.links{display:flex;gap:28px}
.links a{color:var(--muted);text-decoration:none;font-size:15px;font-weight:500}
.links a:hover{color:var(--fg)}
@media (max-width:720px){.links{display:none}}

/* buttons: 3D gold, glass outline */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--body);font-weight:700;font-size:15px;padding:13px 22px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;transition:transform .12s ease, box-shadow .12s ease}
.btn-gold{color:#2A1A00;background:linear-gradient(180deg,var(--gold-hi) 0%,var(--gold) 50%,var(--gold-lo) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7), 0 4px 0 var(--gold-edge), 0 12px 24px rgba(0,0,0,.35)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7), 0 6px 0 var(--gold-edge), 0 18px 30px rgba(0,0,0,.4)}
.btn-gold:active{transform:translateY(4px);box-shadow:inset 0 2px 4px rgba(0,0,0,.2), 0 3px 8px rgba(0,0,0,.3)}
.btn-ghost{color:var(--fg);background:var(--glass);border:1px solid rgba(234,244,242,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.btn-ghost:hover{border-color:var(--teal);color:#fff;transform:translateY(-2px)}
.btn:disabled{opacity:.7;transform:none}
/* gold buttons: dark icon medallion + slow light sweep */
.btn-gold,.btn-ghost{overflow:hidden;isolation:isolate}
.btn-gold::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;z-index:-1;pointer-events:none;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);animation:sheen 5.5s ease-in-out infinite}
@keyframes sheen{0%,70%{left:-60%}100%{left:130%}}
.btn.has-ic{padding:7px 20px 7px 8px;gap:10px}
.bi{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;transition:transform .2s}
.btn-gold .bi{background:radial-gradient(circle at 35% 30%,#1C3540,#06121A 70%);box-shadow:inset 0 1px 0 rgba(255,255,255,.15), 0 0 0 1.5px rgba(122,84,16,.55), 0 2px 6px rgba(0,0,0,.35)}
.btn-ghost .bi{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.bi svg{width:16px;height:16px;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.btn-gold .bi svg{stroke:var(--gold)}
.btn-ghost .bi svg{stroke:var(--teal)}
.btn.has-ic:hover .bi{transform:translateX(2px) rotate(-6deg)}
header .btn.has-ic{padding:5px 16px 5px 6px}
header .bi{width:28px;height:28px}
.chat-form .btn,.req .btn{overflow:visible}
.chat-form .btn::after,.req .btn::after{display:none}

/* hero: split, logo with offset layered blocks (parallax) */
.hero{padding-block:56px 72px}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:56px;align-items:center}
.hero-grid>*{min-width:0}
.hero h1{font-size:clamp(42px,7vw,86px);line-height:1}
.hero h1 em{display:block}
.hero .lede{margin-top:24px}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.stage{position:relative;width:100%;max-width:440px;justify-self:end;aspect-ratio:1/1.05;perspective:1100px}
.stage>*{--py:0px;--wob:0deg;--wx:0px}
.blk{position:absolute;border-radius:22px;transform:translate3d(var(--wx),var(--py),0) rotate(calc(var(--base,0deg) + var(--wob)));animation:idle 6s ease-in-out infinite;will-change:transform}
.blk.gold{--base:-8deg;width:46%;height:42%;left:-10%;bottom:-6%;background:linear-gradient(140deg,var(--gold-hi),var(--gold) 55%,var(--gold-lo));
  box-shadow:inset 0 2px 0 rgba(255,255,255,.55), inset 0 -3px 0 rgba(0,0,0,.18), 6px 8px 0 #6E4A0C, 0 30px 60px rgba(0,0,0,.5)}
.blk.teal{--base:6deg;width:52%;height:30%;right:-9%;top:-7%;background:linear-gradient(150deg,rgba(86,211,219,.34),rgba(31,138,138,.14));border:1px solid rgba(86,211,219,.45);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3), 0 20px 40px rgba(0,0,0,.35);animation-delay:-2s}
.blk.line{--base:-3deg;width:62%;height:62%;right:-6%;bottom:-11%;border:1.5px solid rgba(230,181,74,.55);box-shadow:0 0 24px rgba(230,181,74,.12);animation-delay:-4s}
@keyframes idle{0%,100%{translate:0 0}50%{translate:0 -8px}}
.slab{position:relative;z-index:1;border-radius:28px;padding:7% 7% 5%;
  transform:translate3d(var(--wx),var(--py),0) rotate(calc(-4deg + var(--wob))) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;will-change:transform;
  background:linear-gradient(145deg,rgba(28,30,34,.92) 0%,rgba(6,7,9,.90) 50%,rgba(0,0,0,.94) 100%);
  -webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28), inset 1px 0 0 rgba(255,255,255,.08), inset 0 -2px 0 rgba(0,0,0,.35),
    1px 1px 0 #2A2C31, 2px 2px 0 #25272B, 3px 3px 0 #202226, 4px 4px 0 #1B1D20, 5px 5px 0 #17181B, 6px 6px 0 #121316, 7px 7px 0 #0E0F11, 8px 8px 0 #0A0B0C,
    0 50px 90px rgba(0,0,0,.6), 0 0 80px rgba(31,138,138,.30);
  animation:idle 7s ease-in-out infinite;animation-delay:-1s}
.slab::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(125deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.04) 28%,transparent 45%,transparent 70%,rgba(86,211,219,.10) 100%)}
.slab img{position:relative;display:block;width:100%;height:auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}
@media (max-width:860px){.hero{padding-block:24px 48px}.hero-grid{grid-template-columns:1fr;gap:52px}.stage{order:-1;max-width:290px;justify-self:center;margin-top:24px}}

/* pillars */
.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-block:8px 24px}
.pillar{padding:26px 24px 24px;display:flex;flex-direction:column;gap:10px;min-width:0}
.pillar .num{font-family:var(--display);font-style:italic;font-size:15px;color:var(--gold)}
.pillar .who{font-size:15px;color:var(--muted)}
.pillar a{margin-top:auto;font-weight:700;text-decoration:none}
@media (max-width:860px){.pillars{grid-template-columns:1fr}}

/* glass tiles (JS adds .tile3d to pillars, services and steps) */
.tile3d,.panel{background:linear-gradient(160deg,var(--glass-hi),rgba(255,255,255,.02));border:1px solid var(--glass-line);border-radius:20px;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12), var(--shadow)}
.tile3d{position:relative;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0px));transition:transform .25s ease, box-shadow .25s, border-color .25s;animation:bob 7s ease-in-out infinite}
.tile3d::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,0%), rgba(255,255,255,.18), transparent 55%);opacity:var(--shine,0);transition:opacity .25s}
.tile3d.is-click{cursor:pointer}
.tile3d.is-click:hover,.tile3d.is-click:focus-visible{--lift:-6px;border-color:var(--gold-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 34px 70px rgba(0,0,0,.6), 0 0 40px rgba(230,181,74,.14);animation-play-state:paused}
.tile3d.is-click:active{--lift:3px}
.tile3d .go{margin-top:auto;font-weight:700;font-size:15px;color:var(--teal)}
.pillars .tile3d:nth-child(2),.svc .tile3d:nth-child(2n),.steps .tile3d:nth-child(2){animation-delay:-2.4s}
.pillars .tile3d:nth-child(3),.svc .tile3d:nth-child(3n),.steps .tile3d:nth-child(3){animation-delay:-4.8s}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -7px}}

section{padding-block:88px}
.head{display:flex;flex-direction:column;gap:14px;margin-bottom:44px}

/* statement with floating cards at different depths */
.scatter{position:relative;min-height:720px;display:grid;place-items:center;padding-block:150px;margin-top:40px}
.statement{position:relative;z-index:2;text-align:center;max-width:720px;display:flex;flex-direction:column;align-items:center;gap:18px}
.statement h2{font-size:clamp(34px,5.4vw,62px)}
.fc{position:absolute;z-index:1;padding:16px 18px;border-radius:18px;font-size:14px;min-width:0;max-width:260px}
.fc.back{filter:blur(2px);opacity:.55;transform:scale(.88)}
.fc .lbl{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.fc .ex{font-size:11px;color:var(--dim);margin-left:6px;letter-spacing:.04em;text-transform:none;font-weight:500}
.fc h4{font-family:var(--display);font-weight:400;font-size:19px;margin:6px 0 8px}
.stages{display:flex;gap:6px;flex-wrap:wrap}
.stages span{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--glass-line);color:var(--muted)}
.stages span.on{background:rgba(86,211,219,.16);border-color:rgba(86,211,219,.45);color:var(--teal)}
.bubble{background:rgba(31,138,138,.22);border:1px solid rgba(86,211,219,.25);border-radius:14px 14px 14px 4px;padding:10px 12px;color:var(--fg);font-size:13px;line-height:1.45}
.sw{display:flex;gap:8px;margin-top:4px}
.sw i{width:34px;height:34px;border-radius:10px;display:block;border:1px solid rgba(255,255,255,.15)}
.aa{font-family:var(--display);font-size:40px;line-height:1;color:var(--fg)}
.aa em{color:var(--gold)}
.ph{height:84px;border-radius:12px;border:1px dashed rgba(234,244,242,.25);display:grid;place-items:center;color:var(--dim);font-size:12px;margin-bottom:8px}
.mk{display:flex;gap:6px;flex-wrap:wrap}
.mk span{font-size:12px;padding:4px 10px;border-radius:999px;background:rgba(230,181,74,.12);color:var(--gold);border:1px solid var(--gold-line)}
.p1{left:2%;top:16%}.p2{right:3%;top:12%}.p3{left:6%;bottom:8%}.p4{right:1%;bottom:10%}.p5{left:32%;top:6%}.p6{right:28%;bottom:2%}
@media (max-width:960px){
  .scatter{display:block;min-height:0;padding-block:72px}
  .statement{margin:0 auto 32px}
  .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .fc{position:static;max-width:none;transform:none!important}
  .fc.back{filter:none;opacity:1}
}
@media (max-width:520px){.cards{grid-template-columns:1fr}}

/* consulting */
.svc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 24px}
.svc-item{padding:24px;display:flex;flex-direction:column;gap:8px;min-width:0}
.svc-item p{color:var(--muted)}
.tag{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-line);border-radius:999px;padding:3px 10px}
@media (max-width:760px){.svc{grid-template-columns:1fr}}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:56px}
.step{padding:24px;display:flex;flex-direction:column;gap:8px;min-width:0}
.step .n{font-family:var(--display);font-style:italic;font-size:15px;color:var(--gold)}
.step p{color:var(--muted)}
@media (max-width:860px){.steps{grid-template-columns:1fr}}

/* design studio */
.design-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;padding:44px;border-radius:28px}
.design-grid>*{min-width:0}
.dlist{list-style:none;margin:24px 0 0;padding:0}
.dlist li{padding:15px 0;border-bottom:1px solid var(--glass-line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.dlist li span:last-child{color:var(--muted);font-size:15px}
.frames{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;perspective:1200px}
.frame{aspect-ratio:4/3;max-width:100%;border-radius:16px;display:flex;align-items:flex-end;padding:16px;font-size:14px;color:var(--dim);
  background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.015));border:1px solid var(--glass-line);box-shadow:0 20px 40px rgba(0,0,0,.4);transform:rotateY(-6deg) rotateX(3deg);transition:transform .3s}
.frame:hover{transform:none}
.frame:first-child{grid-column:span 2;aspect-ratio:16/7}
@media (max-width:860px){.design-grid{grid-template-columns:1fr;padding:24px}}

/* launch kit */
.kit{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;padding:40px;border-radius:28px;position:relative;overflow:hidden}
.kit::before{content:"";position:absolute;width:300px;height:300px;right:-80px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(230,181,74,.25),transparent 65%)}
.kit>*{min-width:0;position:relative}
.kit ul{margin:18px 0 0;padding-left:20px;color:var(--muted)}
@media (max-width:760px){.kit{grid-template-columns:1fr;padding:26px}}

/* contact */
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px}
.contact-grid>*{min-width:0}
form{display:grid;gap:16px}
#contact-form{padding:30px;border-radius:24px}
label{font-weight:600;font-size:14px;display:flex;flex-direction:column;gap:6px}
input,select,textarea{font:inherit;font-size:16px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.35);color:var(--fg);width:100%}
input::placeholder,textarea::placeholder{color:var(--dim)}
textarea{min-height:120px;resize:vertical}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ok{font-size:15px;color:var(--teal);font-weight:600}
.reach{display:flex;flex-direction:column;gap:14px;margin-top:28px}
.reach div{display:flex;flex-direction:column}
.reach span:first-child{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.phd{color:var(--gold)}
@media (max-width:860px){.contact-grid{grid-template-columns:1fr}}
@media (max-width:560px){.row2{grid-template-columns:1fr}#contact-form{padding:20px}}

footer{border-top:1px solid var(--glass-line);padding-block:36px}
.foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:14px}
.foot .brand{font-size:20px}
.foot .icon-tile{width:30px;height:30px;border-radius:8px}
.linkbtn{background:none;border:0;color:var(--muted);font:inherit;font-size:14px;cursor:pointer;text-decoration:underline}
.inbox{margin-top:24px;padding:22px;border-radius:20px;display:grid;gap:12px}
.inbox[hidden],.inbox-btn[hidden]{display:none}
.tbl{overflow-x:auto}
.inbox table{width:100%;border-collapse:collapse;font-size:14px}
.inbox th,.inbox td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--glass-line);vertical-align:top}
.inbox th{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}

/* chat */
.chat-fab{position:fixed;right:calc(20px + env(safe-area-inset-right, 0px));bottom:calc(20px + env(safe-area-inset-bottom, 0px));z-index:30;
  display:flex;align-items:center;gap:12px;padding:7px 18px 7px 7px;border-radius:999px;cursor:pointer;color:var(--fg);font-family:var(--body);text-align:left;
  background:linear-gradient(160deg,rgba(12,40,48,.92),rgba(4,14,20,.94));border:0;isolation:isolate;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 4px 0 #021015, 0 16px 36px rgba(0,0,0,.55), 0 0 30px rgba(86,211,219,.25);transition:transform .15s, box-shadow .15s}
.chat-fab::before{content:"";position:absolute;inset:-1.5px;border-radius:inherit;z-index:-1;padding:1.5px;
  background:conic-gradient(from var(--ang,0deg), var(--gold), var(--teal), #2F8FE8, var(--gold));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ring 4s linear infinite}
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes ring{to{--ang:360deg}}
.chat-fab:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 6px 0 #021015, 0 20px 40px rgba(0,0,0,.6), 0 0 40px rgba(86,211,219,.35)}
.chat-fab:active{transform:translateY(3px)}
.fab-ic{position:relative;width:44px;height:44px;flex:none}
.fab-ic img{width:44px;height:44px;border-radius:50%;display:block;background:#000;box-shadow:0 0 0 2px rgba(230,181,74,.6), 0 6px 14px rgba(0,0,0,.5);object-fit:cover}
.spark{position:absolute;right:-5px;top:-5px;width:18px;height:18px;fill:var(--gold);filter:drop-shadow(0 0 6px rgba(230,181,74,.8));animation:twinkle 2.4s ease-in-out infinite}
@keyframes twinkle{0%,100%{transform:scale(.8) rotate(0)}50%{transform:scale(1.15) rotate(45deg)}}
.fab-txt{display:flex;flex-direction:column;line-height:1.15}
.fab-l1{font-weight:700;font-size:15px}
.fab-l2{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
.live{width:7px;height:7px;border-radius:50%;background:#3EE29A;box-shadow:0 0 0 0 rgba(62,226,154,.6);animation:live 2s infinite}
@keyframes live{70%{box-shadow:0 0 0 7px rgba(62,226,154,0)}100%{box-shadow:0 0 0 0 rgba(62,226,154,0)}}
.chat-fab.is-open .fab-l2{display:none}
@media (max-width:520px){.chat-fab{padding:6px 14px 6px 6px}.fab-ic,.fab-ic img{width:38px;height:38px}}
.chat{position:fixed;right:calc(20px + env(safe-area-inset-right, 0px));bottom:calc(86px + env(safe-area-inset-bottom, 0px));z-index:31;width:min(380px, calc(100vw - 32px));height:min(560px, calc(100vh - 140px));
  background:rgba(6,24,32,.94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--fg);border:1px solid var(--glass-line);border-radius:20px;box-shadow:0 30px 70px rgba(0,0,0,.6);display:flex;flex-direction:column;overflow:hidden}
.chat[hidden]{display:none}
.chat-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--glass-line);background:rgba(31,138,138,.18)}
.chat-head .icon-tile{width:32px;height:32px;border-radius:8px}
.chat-head div{display:flex;flex-direction:column;line-height:1.25;flex:1;min-width:0}
.chat-head strong{font-family:var(--display);font-weight:400;font-size:18px}
.chat-head span{font-size:12px;color:var(--muted)}
.chat-x{background:transparent;border:0;color:var(--fg);font-size:22px;cursor:pointer;line-height:1;padding:4px 8px;border-radius:8px}
.chat-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.msg{max-width:85%;padding:10px 14px;border-radius:14px;font-size:15px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.msg.bot{background:rgba(255,255,255,.07);align-self:flex-start;border-bottom-left-radius:4px}
.msg.me{background:var(--teal-deep);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.msg a{color:var(--gold)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font:inherit;font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid var(--glass-line);background:var(--glass);color:var(--fg);cursor:pointer;transition:transform .12s}
.chip:hover{border-color:var(--teal);transform:translateY(-1px)}
.chip-gold{color:#2A1A00;border:0;font-weight:700;background:linear-gradient(180deg,var(--gold-hi),var(--gold) 55%,var(--gold-lo));box-shadow:0 3px 0 var(--gold-edge)}
.chip-gold:hover{border:0}
.chat-actions{display:flex;gap:8px;padding:10px 12px 0;flex-wrap:wrap;border-top:1px solid var(--glass-line)}
.chat-form{display:flex;gap:8px;padding:12px}
.chat-form input{flex:1;min-width:0;border-radius:999px}
.chat-form .btn{padding:10px 16px}
.chat-note{font-size:12px;color:var(--dim);padding:0 16px 10px}
.req{align-self:stretch;background:rgba(0,0,0,.3);border:1px solid var(--glass-line);border-radius:14px;padding:14px;display:grid;gap:10px}
.req strong{font-family:var(--display);font-weight:400;font-size:18px}
.req label{font-size:13px;gap:4px}
.req input,.req select{font-size:15px;padding:9px 12px}
.req-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.req .btn{padding:9px 16px;font-size:14px}
.req .err{color:#FFB38A;font-size:13px}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .glow,.tile3d,.blk,.slab,.spark,.live,.chat-fab::before,.btn-gold::after{animation:none}
  .tile3d,.btn,.chip,.frame{transition:none}
}

/* tools */
.tool-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.tool-tab{font:inherit;font-weight:600;font-size:15px;padding:10px 18px;border-radius:999px;cursor:pointer;color:var(--muted);background:var(--glass);border:1px solid var(--glass-line)}
.tool-tab[aria-selected="true"]{color:#2A1A00;background:linear-gradient(180deg,var(--gold-hi),var(--gold) 55%,var(--gold-lo));border-color:transparent;box-shadow:0 3px 0 var(--gold-edge)}
.tool{padding:28px;border-radius:24px}
.tool[hidden]{display:none}
.tool-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:22px}
.tool-top>div{min-width:0}
.quota{font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid var(--gold-line);color:var(--gold);white-space:nowrap}
.quota.out{color:#FFB38A;border-color:rgba(255,179,138,.4)}
.tool-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:28px}
.tool-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;align-content:start}
.tool-form label{font-size:13px}
.tool-form input,.tool-form select{padding:10px 12px;font-size:15px;font-variant-numeric:tabular-nums}
.tool-form .hint{grid-column:1/-1;font-size:12.5px;color:var(--dim)}
.tool-form .btn{grid-column:1/-1;justify-self:start}
.tool-out{display:flex;flex-direction:column;gap:16px;min-width:0}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.kpis div{background:rgba(0,0,0,.28);border:1px solid var(--glass-line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}
.kpis span{font-size:12px;color:var(--dim)}
.kpis strong{font-family:var(--display);font-weight:400;font-size:26px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.kpis strong.hot{color:var(--gold)}
.kpis strong.neg{color:#FF9B8A}
.bar{display:flex;height:16px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.06)}
.bar span{display:block;height:100%}
.legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}
.legend li{display:flex;justify-content:space-between;gap:8px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:middle}
.legend b{color:var(--fg);font-weight:600}
.locked{position:relative;border-radius:16px;border:1px dashed var(--gold-line);overflow:hidden;min-height:150px}
.locked-body{filter:blur(5px);opacity:.55;padding:16px;pointer-events:none;user-select:none}
.lock-cta{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:18px;background:linear-gradient(90deg,rgba(4,22,27,.92),rgba(4,22,27,.55))}
.lock-cta p{font-size:14px;color:var(--fg);max-width:44ch}
.lock-actions{display:flex;gap:8px;flex-wrap:wrap}
.pro{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#2A1A00;background:linear-gradient(180deg,var(--gold-hi),var(--gold));padding:3px 9px;border-radius:6px}
.mini{width:100%;border-collapse:collapse;font-size:14px}
.mini th,.mini td{padding:6px 8px;text-align:left;border-bottom:1px solid var(--glass-line)}
.mini-list{margin:0;padding-left:20px;font-size:14px;display:grid;gap:6px}
.pro-btn{padding:9px 16px;font-size:14px}
.lock-actions .btn{padding:9px 16px;font-size:14px}
@media (max-width:900px){.tool-grid{grid-template-columns:1fr}}
@media (max-width:520px){.tool{padding:18px}.tool-form{grid-template-columns:1fr}.kpis{grid-template-columns:1fr}.legend{grid-template-columns:1fr}}

.logo-drop{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px;border:1.5px dashed rgba(234,244,242,.25);border-radius:16px;margin-bottom:18px}
.logo-drop.drag{border-color:var(--gold);background:rgba(230,181,74,.06)}
.logo-drop input{position:absolute;width:1px;height:1px;opacity:0}
.logo-drop label{cursor:pointer}
.lg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lg-card{margin:0;display:flex;flex-direction:column;gap:8px;min-width:0;position:relative}
.lg-card figcaption{font-size:13px;color:var(--muted)}
.lg-stage{aspect-ratio:4/3;max-width:100%;border-radius:14px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--glass-line)}
.lg-stage.light{background:#FFFFFF}
.lg-stage.dark{background:#0B0D12}
.lg-stage.tabbar{background:#DEE1E6;align-items:end;justify-items:start;padding:0 0 0 12px}
.lg-stage.app{background:linear-gradient(160deg,#5B7FA6,#2C3E57)}
.lg-stage.social{background:#F0F2F5}
.lg-stage .lg-img{max-width:70%;max-height:70%;object-fit:contain}
.fake-tab{display:flex;align-items:center;gap:8px;background:#FFFFFF;color:#333;font-size:12px;padding:9px 14px;border-radius:10px 10px 0 0;font-family:system-ui,sans-serif}
.lg-stage .fav32{width:32px;height:32px;max-width:none;max-height:none}
.lg-stage .fav16{width:16px;height:16px;max-width:none;max-height:none}
.lg-stage .appic{width:76px;height:76px;max-width:none;max-height:none;border-radius:18px;background:#000;object-fit:cover;box-shadow:0 8px 18px rgba(0,0,0,.35)}
.lg-stage .avatar{width:80px;height:80px;max-width:none;max-height:none;border-radius:50%;background:#000;object-fit:cover}
.lg-stage .gray{filter:grayscale(1) contrast(1.8) brightness(.9)}
.lg-card.is-locked .lg-stage{filter:blur(6px);opacity:.6}
.lg-card.is-locked figcaption::after{content:" · Pro";color:var(--gold);font-weight:700}
.lock-tile{grid-column:span 4;flex-direction:row;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px;border:1px dashed var(--gold-line);border-radius:14px}
.lock-tile p{font-size:14px;color:var(--fg);flex:1;min-width:200px}
@media (max-width:860px){.lg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lock-tile{grid-column:span 2}}

.modal{position:fixed;inset:0;z-index:40;background:rgba(2,10,14,.66);display:grid;place-items:center;padding:16px}
.modal[hidden]{display:none}
.modal-card{width:min(440px,100%);padding:26px;border-radius:22px;display:grid;gap:12px;background:rgba(6,24,32,.96)}
.modal-card .err{color:#FFB38A;font-size:13px;min-height:1em}
.modal-card .req-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

/* ===== Page identities: same Peacock Ink system, each page with its own accent and hero object ===== */
:root{--accent:var(--gold);--accent-2:var(--teal);--hero-glow:rgba(31,138,138,.38)}
body.pg-sellers{--accent:#F2A93B;--accent-2:#3FD39A;--hero-glow:rgba(242,169,59,.20)}
body.pg-design{--accent:#F28FB0;--accent-2:#B9A2FF;--hero-glow:rgba(185,162,255,.22)}
body.pg-sales{--accent:#5CC8FF;--accent-2:#3FD39A;--hero-glow:rgba(63,211,154,.20)}
body.pg-tools{--accent:var(--gold);--accent-2:var(--teal)}
body{background:radial-gradient(1000px 620px at 78% 18%, var(--hero-glow), transparent 62%),radial-gradient(800px 600px at 8% 70%, rgba(47,100,232,.16), transparent 65%),linear-gradient(160deg,#03181D 0%,#071C33 60%,#0A1430 100%);background-attachment:fixed}
.eyebrow{color:var(--accent)}
h1 em,h2 em{color:var(--accent)}
.links a[aria-current="page"]{color:var(--fg);box-shadow:inset 0 -2px 0 var(--accent);padding-bottom:4px}
.crumbs{font-size:13px;color:var(--dim);display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--fg)}

/* home: audience chooser */
.chooser{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-block:8px 24px}
.choice{padding:28px 26px 26px;display:flex;flex-direction:column;gap:12px;min-width:0;overflow:hidden}
.choice .ico{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;border:1px solid var(--glass-line);background:rgba(0,0,0,.25)}
.choice .ico svg{width:28px;height:28px;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.choice h3{font-size:26px}
.choice ul{margin:0;padding-left:18px;color:var(--muted);font-size:15px;display:grid;gap:4px}
.choice .go{margin-top:auto}
.choice.c-sellers .ico svg{stroke:#F2A93B}.choice.c-sellers .num{color:#F2A93B}
.choice.c-design .ico svg{stroke:#F28FB0}.choice.c-design .num{color:#F28FB0}
.choice.c-sales .ico svg{stroke:#5CC8FF}.choice.c-sales .num{color:#5CC8FF}
.choice::before{content:"";position:absolute;width:220px;height:220px;right:-70px;top:-90px;border-radius:50%;opacity:.5;pointer-events:none}
.choice.c-sellers::before{background:radial-gradient(circle,rgba(242,169,59,.35),transparent 65%)}
.choice.c-design::before{background:radial-gradient(circle,rgba(242,143,176,.32),transparent 65%)}
.choice.c-sales::before{background:radial-gradient(circle,rgba(92,200,255,.30),transparent 65%)}
.choice .num{font-family:var(--display);font-style:italic;font-size:15px}
@media (max-width:900px){.chooser{grid-template-columns:1fr}}

/* tool cards grid */
.toolgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.toolcard{padding:22px;display:flex;flex-direction:column;gap:8px;min-width:0}
.toolcard .tag{border-color:var(--glass-line);color:var(--muted)}
.toolcard h3{font-size:21px}
.toolcard p{color:var(--muted);font-size:15px}
@media (max-width:900px){.toolgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.toolgrid{grid-template-columns:1fr}}

/* proof strip + cross-sell */
.proof{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:18px 22px;border-radius:18px;margin-top:8px}
.proof p{color:var(--fg);flex:1;min-width:240px}
.mkts{display:flex;gap:8px;flex-wrap:wrap}
.mkts span{font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;border:1px solid var(--glass-line);background:rgba(0,0,0,.25)}
.cross{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cross .tile3d{padding:24px;display:flex;flex-direction:column;gap:8px}
.cross p{color:var(--muted)}
@media (max-width:760px){.cross{grid-template-columns:1fr}}

/* service packages */
.pk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pk .svc-item ul{margin:4px 0 0;padding-left:18px;color:var(--muted);font-size:15px}
@media (max-width:760px){.pk{grid-template-columns:1fr}}

/* idea check */
.idea{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;padding:36px;border-radius:28px}
.idea>*{min-width:0}
.idea ol{color:var(--muted);padding-left:20px;display:grid;gap:6px;margin:18px 0 0}
.idea form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.idea form .full{grid-column:1/-1}
.idea .rules{font-size:13px;color:var(--dim)}
@media (max-width:860px){.idea{grid-template-columns:1fr;padding:22px}.idea form{grid-template-columns:1fr}}

/* tool pages */
.tool-hero{padding-block:40px 24px}
.tool-hero h1{font-size:clamp(36px,5.6vw,64px);line-height:1.02;margin:10px 0 0}
.tool-hero .lede{margin-top:16px}
.howto{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.howto>div{padding:20px;border-radius:18px;border:1px solid var(--glass-line);background:rgba(0,0,0,.18)}
.howto b{display:block;font-family:var(--display);font-weight:400;font-size:20px;margin-bottom:4px;color:var(--fg)}
.howto p{color:var(--muted);font-size:15px}
@media (max-width:760px){.howto{grid-template-columns:1fr}}

/* health check */
.qlist{display:grid;gap:10px;counter-reset:q}
.q{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;border:1px solid var(--glass-line);background:rgba(0,0,0,.22)}
.q p{color:var(--fg);font-size:15px}
.q p::before{counter-increment:q;content:counter(q) ". ";color:var(--accent);font-weight:700}
.seg{display:flex;border:1px solid var(--glass-line);border-radius:999px;overflow:hidden}
.seg input{position:absolute;opacity:0;width:1px;height:1px}
.seg label{padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;color:var(--muted)}
.seg input:checked+label{background:var(--accent);color:#1A1206}
.seg input:focus-visible+label{outline:2px solid var(--gold);outline-offset:-2px}
@media (max-width:640px){.q{grid-template-columns:1fr}}
.hc-out{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center}
.ring{--p:0;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--p)*1%), rgba(255,255,255,.08) 0)}
.ring div{width:118px;height:118px;border-radius:50%;background:#071C2A;display:grid;place-items:center;text-align:center}
.ring b{font-family:var(--display);font-weight:400;font-size:46px;line-height:1}
.ring span{font-size:12px;color:var(--dim)}
.areas{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.areas li{display:grid;grid-template-columns:130px 1fr 44px;gap:10px;align-items:center;font-size:14px;color:var(--muted)}
.meter{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent))}
.areas b{color:var(--fg);text-align:right;font-variant-numeric:tabular-nums}
.fixes{margin:6px 0 0;padding-left:20px;display:grid;gap:8px;color:var(--muted)}
.fixes b{color:var(--fg)}
@media (max-width:640px){.hc-out{grid-template-columns:1fr;justify-items:start}.areas li{grid-template-columns:110px 1fr 40px}}

/* CRM chooser */
.crm-q{display:grid;gap:16px}
.crm-q fieldset{border:1px solid var(--glass-line);border-radius:14px;padding:14px 16px;margin:0;background:rgba(0,0,0,.2)}
.crm-q legend{padding:0 6px;font-weight:700;font-size:14px;color:var(--fg)}
.opts{display:flex;gap:8px;flex-wrap:wrap}
.opts input{position:absolute;opacity:0;width:1px;height:1px}
.opts label{padding:8px 14px;border-radius:999px;border:1px solid var(--glass-line);font-size:14px;cursor:pointer;color:var(--muted)}
.opts input:checked+label{background:var(--accent);border-color:transparent;color:#1A1206;font-weight:700}
.opts input:focus-visible+label{outline:2px solid var(--gold)}
.pick{padding:22px;border-radius:18px;border:1px solid var(--gold-line);background:rgba(230,181,74,.06)}
.pick h4{font-family:var(--display);font-weight:400;font-size:32px;margin:4px 0 8px;color:var(--fg)}

/* palette generator */
.pl-controls{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end}
.pl-controls label{font-size:13px}
.pl-controls input[type=color]{width:64px;height:46px;padding:4px;cursor:pointer}
.sw-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.sw-tile{font:inherit;border:0;border-radius:14px;min-height:120px;padding:12px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;text-align:left;cursor:pointer;box-shadow:0 12px 24px rgba(0,0,0,.35);transition:transform .15s}
.sw-tile:hover{transform:translateY(-3px)}
.sw-tile span{font-size:12px;opacity:.8}
.sw-tile b{font-size:15px;font-variant-numeric:tabular-nums}
.sw-tile em{font-style:normal;font-size:11px;opacity:.7}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.checks li{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.checks .pass{color:#3FD39A}.checks .warn{color:var(--gold)}.checks .fail{color:#FF9B8A}
.pv{border-radius:18px;border:1px solid;padding:24px;display:grid;gap:10px}
.pv h4{font-size:30px;margin:0;line-height:1.1}
.pv p{color:inherit;opacity:.8}
.pv-eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;font-family:var(--body)}
.pv-btn{justify-self:start;padding:10px 18px;border-radius:999px;font-weight:700;font-size:14px}
@media (max-width:640px){.sw-row{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== Hero objects, one per page ===== */
.stage .obj{position:absolute;transform:translate3d(var(--wx,0px),var(--py,0px),0) rotate(calc(var(--base,0deg) + var(--wob,0deg))) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease;animation:idle 6s ease-in-out infinite;will-change:transform}
.card-g{border-radius:18px;padding:16px 18px;background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 6px 8px 0 rgba(0,0,0,.35), 0 30px 60px rgba(0,0,0,.5)}
.card-g .k{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.card-g .t{font-family:var(--display);font-size:20px;margin:4px 0 6px;color:var(--fg)}
.line{height:8px;border-radius:999px;background:rgba(255,255,255,.12);margin:6px 0}
.chip-s{display:inline-block;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;margin:2px 4px 0 0;border:1px solid var(--glass-line);color:var(--muted)}
.chip-s.on{background:rgba(63,211,154,.16);border-color:rgba(63,211,154,.5);color:#3FD39A}

/* sellers: listing card, order ticket, margin card, parcel box */
.hv-sellers .listing{--base:-5deg;width:62%;left:6%;top:4%;z-index:2}
.listing .img{height:120px;border-radius:12px;margin-bottom:10px;background:radial-gradient(circle at 30% 30%,rgba(242,169,59,.6),transparent 55%),linear-gradient(135deg,#1F8A8A,#0B2E4A)}
.listing .price{font-family:var(--display);font-size:22px;color:var(--accent)}
.hv-sellers .order{--base:6deg;width:54%;right:-2%;top:30%;z-index:3;animation-delay:-2s}
.order ol{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px;font-size:13px;color:var(--muted)}
.order li::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;border:2px solid var(--accent-2);vertical-align:middle}
.order li.done::before{background:var(--accent-2)}
.hv-sellers .margin{--base:-3deg;width:46%;left:14%;bottom:-2%;z-index:4;animation-delay:-4s}
.margin .bar2{display:flex;height:12px;border-radius:999px;overflow:hidden;margin-top:8px}
.margin .bar2 i{display:block;height:100%}
.box3d{--base:12deg;width:120px;height:120px;right:6%;bottom:2%;z-index:1;transform-style:preserve-3d;animation-delay:-3s}
.box3d .face{position:absolute;inset:0;border-radius:8px;background:linear-gradient(145deg,#E6B54A,#B9811C);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.box3d .face::after{content:"";position:absolute;left:44%;top:0;bottom:0;width:12%;background:rgba(255,255,255,.35)}
.box3d .side{position:absolute;top:10px;right:-20px;width:20px;height:120px;background:#8F5C0C;transform:skewY(-30deg);border-radius:0 6px 6px 0}
.box3d .top{position:absolute;left:10px;top:-20px;width:120px;height:20px;background:#F6CF7A;transform:skewX(-30deg);border-radius:6px 6px 0 0}

/* design: artboard, swatches, type specimen, pen curve */
.hv-design .board{--base:-4deg;width:74%;height:62%;left:4%;top:8%;z-index:1;border-radius:18px;background:
  linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/24px 24px,rgba(8,20,40,.55);
  border:1px solid rgba(255,255,255,.14);box-shadow:6px 8px 0 rgba(0,0,0,.35),0 30px 60px rgba(0,0,0,.5)}
.board svg{position:absolute;inset:0;width:100%;height:100%}
.hv-design .spec{--base:6deg;width:46%;right:-2%;top:2%;z-index:3;animation-delay:-2s}
.spec .aa{font-family:var(--display);font-size:64px;line-height:1;color:var(--fg)}
.spec .aa em{color:var(--accent)}
.hv-design .swatches{--base:-8deg;left:10%;bottom:4%;z-index:4;display:flex;gap:8px;padding:12px;animation-delay:-4s}
.swatches i{display:block;width:44px;height:58px;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.hv-design .cursor{--base:-10deg;right:16%;bottom:16%;z-index:5;width:42px;height:42px;animation-delay:-1s}
.cursor svg{width:100%;height:100%;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}

/* sales: funnel, chat bubbles, contact card */
.hv-sales .funnel{--base:-3deg;width:66%;left:4%;top:8%;z-index:2;display:grid;gap:10px}
.funnel span{display:flex;justify-content:space-between;align-items:center;margin:0 auto;height:46px;border-radius:12px;padding:0 16px;font-size:14px;font-weight:700;color:var(--fg);
  background:linear-gradient(90deg,rgba(92,200,255,.28),rgba(63,211,154,.18));border:1px solid rgba(92,200,255,.35);box-shadow:4px 6px 0 rgba(0,0,0,.3)}
.funnel span:nth-child(1){width:100%}.funnel span:nth-child(2){width:84%}.funnel span:nth-child(3){width:66%}.funnel span:nth-child(4){width:48%;background:linear-gradient(90deg,rgba(230,181,74,.5),rgba(230,181,74,.25));border-color:rgba(230,181,74,.6)}
.hv-sales .bub1{--base:5deg;width:56%;right:-4%;top:6%;z-index:3;animation-delay:-2s}
.hv-sales .bub2{--base:-4deg;width:50%;right:4%;top:40%;z-index:3;animation-delay:-3.5s}
.bub{border-radius:16px 16px 16px 4px;padding:12px 14px;font-size:14px;color:var(--fg);background:rgba(63,211,154,.18);border:1px solid rgba(63,211,154,.35);box-shadow:4px 6px 0 rgba(0,0,0,.3),0 20px 40px rgba(0,0,0,.4)}
.bub.me{border-radius:16px 16px 4px 16px;background:rgba(92,200,255,.18);border-color:rgba(92,200,255,.35)}
.bub small{display:block;font-size:11px;color:var(--dim);margin-top:4px}
.hv-sales .contact{--base:-6deg;width:58%;left:10%;bottom:-2%;z-index:4;animation-delay:-4s;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}
.contact .av{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#06232B;background:linear-gradient(135deg,#5CC8FF,#3FD39A)}
.contact .who{font-family:var(--display);font-size:18px}
@media (max-width:860px){.stage.hv{max-width:340px}}
@media (prefers-reduced-motion: reduce){.stage .obj{animation:none}}