/* Layout: an Apple-style product story. Black chapters for the subconscious, white chapters for the conscious, one orange dot as the brand's only colour. */
:root{
  --bg:#FFFFFF;
  --bg-2:#F5F5F7;
  --fg:#1D1D1F;
  --mute:#6E6E73;
  --line:#D2D2D7;
  --black:#000000;
  --ink-2:#161617;
  --on-black:#F5F5F7;
  --on-black-mute:#86868B;
  --dot:#FF5A1F;
  --dot-soft:#FF8A5C;
  --link:#0066CC;
  --link-dark:#2997FF;
  --f:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","PingFang SC","Noto Sans SC","Helvetica Neue",Arial,sans-serif;
  --ease:cubic-bezier(.25,.1,.25,1);
  --w:1100px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--fg);font-family:var(--f);font-size:17px;line-height:1.47;letter-spacing:-.022em;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:rgba(22,22,23,.85)}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;letter-spacing:inherit}
:focus-visible{outline:2px solid var(--link);outline-offset:3px;border-radius:4px}
p{margin:0}
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.03em;text-wrap:balance}
.wrap{max-width:var(--w);margin:0 auto;padding-left:max(22px,env(safe-area-inset-left,0px));padding-right:max(22px,env(safe-area-inset-right,0px))}
.wide{max-width:1280px}
.center{text-align:center}
.eyebrow{font-size:17px;font-weight:600;color:var(--dot);letter-spacing:-.01em}
.h-hero{font-size:clamp(46px,8.4vw,108px);line-height:1.02;letter-spacing:-.05em;font-weight:700}
.h-l{font-size:clamp(36px,5.6vw,68px);line-height:1.05;letter-spacing:-.045em;font-weight:700}
.sub{font-size:clamp(19px,2vw,24px);line-height:1.4;color:var(--mute);font-weight:400;letter-spacing:-.02em}
.dark{background:var(--black);color:var(--on-black)}
.dark .sub{color:var(--on-black-mute)}
.grad{background:linear-gradient(100deg,var(--dot) 0%,var(--dot-soft) 60%,#FFC9A8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
html[lang="zh"] body{letter-spacing:0}
html[lang="zh"] h1,html[lang="zh"] h2,html[lang="zh"] h3,html[lang="zh"] .h-hero,html[lang="zh"] .h-l{letter-spacing:0;line-height:1.18}
.dot{display:inline-block;width:.2em;height:.2em;border-radius:50%;background:var(--dot);margin-left:.04em}
sup.fn{font-size:.45em;color:var(--on-black-mute);vertical-align:super;margin-left:2px;letter-spacing:0}

/* nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(22,22,23,.8);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);color:var(--on-black)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:52px;gap:20px}
.logo{font-weight:600;font-size:20px;letter-spacing:-.03em;display:flex;align-items:baseline}
.logo .dot{width:7px;height:7px;margin-left:2px}
.links{display:flex;gap:30px;font-size:13px;color:#D2D2D7;letter-spacing:-.01em}
.links a:hover{color:#fff}
.nav-r{display:flex;align-items:center;gap:14px;font-size:13px}
.lang{display:flex;gap:2px;background:rgba(255,255,255,.1);border-radius:99px;padding:2px}
.lang button{font-size:12px;padding:4px 10px;border-radius:99px;color:#A1A1A6}
.lang button[aria-pressed="true"]{background:var(--on-black);color:var(--black)}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:99px;background:var(--dot);color:#fff;font-size:17px;padding:12px 24px;font-weight:500;transition:background .3s var(--ease),transform .3s var(--ease);white-space:nowrap}
.pill:hover{background:#E84E15}
.pill.sm{font-size:12px;padding:6px 13px}
.pill.ink{background:var(--fg)}
.pill.ink:hover{background:#333336}
.more{color:var(--link);font-size:17px;display:inline-flex;align-items:center;gap:4px}
.dark .more{color:var(--link-dark)}
.more:hover{text-decoration:underline}
.more::after{content:"›";font-size:1.15em;line-height:1}
@media (max-width:860px){.links{display:none}}
@media (max-width:600px){.hero .hero-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;font-size:12px;padding-top:110px}.hero .hero-foot b{font-size:20px}}

/* hero */
.hero{position:relative;overflow:hidden;padding-block:clamp(70px,9vw,120px) 0;text-align:center;min-height:min(900px,96svh);display:flex;flex-direction:column}
#mind{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero .wrap{position:relative;z-index:2}
.hero .h-hero{margin-top:16px}
.hero .sub{max-width:700px;margin:24px auto 0}
.cta-row{display:flex;gap:28px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:36px}
.hero-foot{position:relative;z-index:2;margin-top:auto;padding-top:clamp(120px,14vw,170px);padding-bottom:40px;display:flex;justify-content:center;gap:clamp(24px,6vw,80px);flex-wrap:wrap;color:var(--on-black-mute);font-size:14px}
.hero-foot b{display:block;color:var(--on-black);font-size:clamp(24px,2.6vw,32px);font-weight:600;letter-spacing:-.03em}
.rv-load{animation:up 1.2s var(--ease) both}
.hero .wrap>*:nth-child(2){animation-delay:.1s}
.hero .wrap>*:nth-child(3){animation-delay:.2s}
.hero .wrap>*:nth-child(4){animation-delay:.3s}
@keyframes up{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}

/* iceberg */
.ice{padding-block:clamp(90px,12vw,160px)}
.ice-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(30px,6vw,90px);align-items:center}
.ice-grid>*{min-width:0}
.big-num{font-size:clamp(110px,17vw,230px);font-weight:700;letter-spacing:-.06em;line-height:.9;font-variant-numeric:tabular-nums}
.ice-copy{display:flex;flex-direction:column;gap:22px}
.ice-copy .lead{font-size:clamp(24px,2.6vw,32px);font-weight:600;letter-spacing:-.03em;line-height:1.2}
.ice-copy .src{font-size:13px;color:var(--on-black-mute)}
.ice-svg{width:100%;height:auto;display:block;max-width:100%}
.ice-legend{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
.ice-legend div{border-top:1px solid #333336;padding-top:12px;font-size:14px;color:var(--on-black-mute)}
.ice-legend b{display:block;color:var(--on-black);font-size:16px;font-weight:600;margin-bottom:4px}
.ice-legend .sub-c b{color:var(--dot)}
@media (max-width:860px){.ice-grid{grid-template-columns:1fr}}

/* two minds */
.sec{padding-block:clamp(90px,12vw,160px)}
.sec.gray{background:var(--bg-2)}
.head{max-width:800px;margin:0 auto clamp(48px,6vw,80px);text-align:center}
.head .sub{margin-top:20px}
.minds{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mind{border-radius:28px;padding:clamp(30px,4vw,52px);display:flex;flex-direction:column;gap:16px;min-width:0;position:relative;overflow:hidden;min-height:440px}
.mind.fast{background:var(--black);color:var(--on-black)}
.mind.slow{background:var(--bg-2)}
.mind .tag{font-size:14px;font-weight:600;color:var(--mute)}
.mind.fast .tag{color:var(--dot)}
.mind h3{font-size:clamp(30px,3.4vw,44px);letter-spacing:-.04em;line-height:1.08}
.mind p{color:var(--mute);max-width:40ch}
.mind.fast p{color:var(--on-black-mute)}
.traits{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.traits span{font-size:14px;border-radius:99px;padding:7px 14px;background:var(--bg);color:var(--fg)}
.mind.fast .traits span{background:#1D1D1F;color:var(--on-black)}
.speed{position:absolute;right:clamp(24px,3vw,44px);top:clamp(24px,3vw,44px);font-size:13px;color:var(--mute);font-variant-numeric:tabular-nums}
.mind.fast .speed{color:var(--on-black-mute)}
.punch{text-align:center;font-size:clamp(24px,3vw,36px);font-weight:600;letter-spacing:-.035em;line-height:1.25;max-width:820px;margin:clamp(50px,6vw,80px) auto 0}
.punch span{color:var(--mute)}
@media (max-width:820px){.minds{grid-template-columns:1fr}.mind{min-height:0}}

/* levers */
.levers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lever{background:var(--bg);border-radius:28px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.lever .vis{aspect-ratio:4/3;max-width:100%;background:var(--black);position:relative;display:grid;place-items:center;overflow:hidden}
.lever .txt{padding:30px 32px 36px;display:flex;flex-direction:column;gap:10px}
.lever .k{font-size:14px;font-weight:600;color:var(--dot)}
.lever h3{font-size:26px;letter-spacing:-.03em;line-height:1.15}
.lever p{color:var(--mute);font-size:16px}
.lever .from{font-size:13px;color:var(--mute);margin-top:6px;padding-top:12px;border-top:1px solid var(--line)}
@media (max-width:900px){.levers{grid-template-columns:1fr}}
/* lever visuals */
.v-sym{display:grid;grid-template-columns:repeat(5,28px);gap:18px}
.v-sym i{width:28px;height:28px;border-radius:50%;border:1.5px solid #3A3A3C}
.v-sym i:nth-child(3n){border-radius:6px}
.v-sym i:nth-child(4n){border-radius:0;transform:rotate(45deg) scale(.8)}
.v-sym i.hit{background:var(--dot);border-color:var(--dot);border-radius:50%;transform:none;box-shadow:0 0 30px rgba(255,90,31,.6)}
.v-word{display:flex;flex-direction:column;align-items:center;gap:6px;font-weight:600;font-size:20px;letter-spacing:-.02em}
.v-word s{color:#48484A;text-decoration-color:#636366;font-weight:500;font-size:15px}
.v-word b{font-size:40px;color:var(--on-black);letter-spacing:-.04em;margin-top:6px}
.v-word b::after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--dot);margin-left:3px}
.v-rep{display:flex;gap:14px;align-items:flex-end}
.v-rep .o{background:#1D1D1F;border-radius:10px;display:grid;place-items:center;position:relative}
.v-rep .o::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--dot)}
.v-rep .o1{width:56px;height:88px}
.v-rep .o2{width:46px;height:92px;border-radius:12px}
.v-rep .o3{width:100px;height:64px}
.v-rep .o4{width:70px;height:110px;border-radius:4px}

/* touchpoints / services */
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.tile{background:var(--bg);border-radius:28px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.tile .scene{height:260px;background:var(--bg-2);display:grid;place-items:center;position:relative;overflow:hidden}
.tile .body{padding:30px 34px 36px;display:flex;flex-direction:column;gap:10px;flex:1}
.tile .moment{font-size:14px;font-weight:600;color:var(--dot)}
.tile h3{font-size:clamp(26px,2.6vw,32px);letter-spacing:-.035em;line-height:1.12}
.tile p{color:var(--mute);font-size:16px}
.tile .meta{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:15px;flex-wrap:wrap}
.tile .meta b{font-weight:600}
.tile .meta span{color:var(--mute)}
.tile.hero-tile{grid-column:1/-1;background:var(--black);color:var(--on-black);display:grid;grid-template-columns:1fr 1fr}
.tile.hero-tile .scene{height:auto;min-height:380px;background:radial-gradient(60% 60% at 50% 50%,#2A140A 0%,#000 70%)}
.tile.hero-tile p{color:var(--on-black-mute)}
.tile.hero-tile .meta{border-color:#333336}
.tile.hero-tile .meta span{color:var(--on-black-mute)}
.tile ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:7px;font-size:15px}
.tile li{padding-left:16px;position:relative}
.tile li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--dot)}
@media (max-width:860px){.tiles{grid-template-columns:1fr}.tile.hero-tile{grid-template-columns:1fr}.tile.hero-tile .scene{min-height:260px}}
.extras{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.extra{background:var(--bg);border-radius:22px;padding:26px 28px;display:flex;flex-direction:column;gap:6px;min-width:0}
.extra h4{font-size:19px;letter-spacing:-.02em}
.extra p{font-size:15px;color:var(--mute)}
.extra .q{font-size:14px;margin-top:6px}
@media (max-width:860px){.extras{grid-template-columns:1fr}}

/* scene mocks */
.orb{position:relative;width:220px;height:220px;display:grid;place-items:center;perspective:700px}
.orb::before{content:"";position:absolute;inset:-35%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,90,31,.38),rgba(255,90,31,.12) 45%,transparent 75%);filter:blur(6px);animation:halo 6s ease-in-out infinite}
.orb::after{content:"";position:absolute;left:18%;right:18%;bottom:-6%;height:18px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,110,50,.45),transparent);filter:blur(4px)}
.orb .core{position:relative;z-index:2;width:118px;height:118px;border-radius:50%;
 background:radial-gradient(circle at 33% 27%,rgba(255,255,255,.95) 0 2.5%,rgba(255,240,230,.45) 6%,transparent 17%),
 radial-gradient(circle at 68% 82%,rgba(255,196,160,.55),transparent 34%),
 radial-gradient(circle at 42% 36%,#FFA37A 0%,#FF5A1F 36%,#C23A05 64%,#3D0F00 100%);
 box-shadow:inset -16px -20px 34px rgba(20,4,0,.55),inset 10px 12px 26px rgba(255,214,190,.3),0 34px 70px -24px rgba(255,90,31,.75);animation:float 7s ease-in-out infinite}
.orb .core::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,226,210,.22)}
.orb .ring{position:absolute;z-index:1;border-radius:50%;border:1px solid rgba(255,170,130,.32);transform-style:preserve-3d}
.orb .ring::after{content:"";position:absolute;top:-3px;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#FFC2A5;box-shadow:0 0 12px 3px rgba(255,120,60,.7)}
.orb .r1{width:200px;height:200px;animation:orbit1 16s linear infinite}
.orb .r2{width:256px;height:256px;border-color:rgba(255,255,255,.12);animation:orbit2 26s linear infinite}
.orb .r2::after{background:#F5F5F7;box-shadow:0 0 10px 2px rgba(255,255,255,.45);width:4px;height:4px;margin-left:-2px;top:-2px}
@keyframes orbit1{from{transform:rotateX(74deg) rotateZ(0)}to{transform:rotateX(74deg) rotateZ(360deg)}}
@keyframes orbit2{from{transform:rotateX(68deg) rotateY(-18deg) rotateZ(360deg)}to{transform:rotateX(68deg) rotateY(-18deg) rotateZ(0)}}
@keyframes float{50%{transform:translateY(-6px)}}
@keyframes halo{50%{opacity:.7;transform:scale(1.06)}}
.orb-word{position:absolute;bottom:34px;left:0;right:0;text-align:center;font-size:14px;color:var(--on-black-mute)}
.pack{display:flex;gap:16px;align-items:flex-end}
.box{width:96px;height:150px;border-radius:8px;background:#E8E8ED;display:flex;flex-direction:column;justify-content:space-between;padding:12px 10px;box-shadow:inset -10px 0 0 rgba(0,0,0,.04)}
.box i{display:block;height:6px;border-radius:3px;background:#D2D2D7}
.box i+i{width:60%;margin-top:6px}
.box.me{background:var(--black);height:170px;width:106px;box-shadow:0 30px 60px -20px rgba(0,0,0,.45);transform:translateY(-6px)}
.box.me i{background:#333336}
.box.me .mk{width:22px;height:22px;border-radius:50%;background:var(--dot);align-self:center}
.browser{width:min(330px,82%);border-radius:12px;background:#fff;box-shadow:0 30px 60px -24px rgba(0,0,0,.3);overflow:hidden}
.browser .bar{height:26px;background:#EDEDF0;display:flex;align-items:center;gap:6px;padding-left:12px}
.browser .bar i{width:8px;height:8px;border-radius:50%;background:#C7C7CC}
.browser .pg{padding:22px;display:flex;flex-direction:column;gap:9px;align-items:center}
.browser .pg b{width:60%;height:14px;border-radius:7px;background:var(--fg)}
.browser .pg b+b{width:42%;background:var(--fg)}
.browser .pg s{width:70%;height:7px;border-radius:4px;background:#D2D2D7;text-decoration:none}
.browser .pg u{width:70px;height:20px;border-radius:10px;background:var(--dot);margin-top:6px}
.timer{position:absolute;right:18px;top:16px;font-size:12px;color:var(--mute);font-variant-numeric:tabular-nums}
.phone{width:132px;height:230px;border-radius:26px;background:var(--black);padding:8px;box-shadow:0 30px 60px -20px rgba(0,0,0,.4)}
.phone .scr{width:100%;height:100%;border-radius:20px;background:radial-gradient(80% 60% at 50% 40%,#3A1A0C,#0A0A0A);position:relative;display:grid;place-items:center;overflow:hidden}
.phone .play{width:0;height:0;border-left:20px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:6px}
.phone .prog{position:absolute;left:12px;right:12px;bottom:16px;height:3px;border-radius:2px;background:rgba(255,255,255,.2);overflow:hidden}
.phone .prog i{display:block;height:100%;width:35%;background:var(--dot);animation:prog 9s linear infinite}
@keyframes prog{from{width:0}to{width:100%}}
.phone .tc{position:absolute;bottom:26px;left:12px;font-size:10px;color:#A1A1A6;font-variant-numeric:tabular-nums}
.serp{width:min(340px,84%);display:flex;flex-direction:column;gap:10px}
.serp .q{height:34px;border-radius:17px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08);display:flex;align-items:center;padding:0 14px;font-size:13px;color:var(--mute);gap:8px}
.serp .q::before{content:"";width:10px;height:10px;border:1.5px solid var(--mute);border-radius:50%}
.serp .r{background:#fff;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;opacity:.55}
.serp .r.me{opacity:1;box-shadow:0 18px 40px -18px rgba(0,0,0,.3)}
.serp .r b{height:9px;width:55%;border-radius:5px;background:#C7C7CC;display:flex;align-items:center}
.serp .r.me b{background:var(--link)}
.serp .r s{height:6px;width:85%;border-radius:3px;background:#E5E5EA;text-decoration:none}

/* method */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid #333336;counter-reset:s}
.step{padding:28px 22px 0 0;display:flex;flex-direction:column;gap:10px;min-width:0}
.step .when{font-size:13px;color:var(--on-black-mute)}
.step h3{font-size:24px;letter-spacing:-.03em;display:flex;gap:10px;align-items:baseline}
.step h3 .k{font-size:13px;color:var(--dot);font-weight:500;letter-spacing:0}
.step p{font-size:15px;color:var(--on-black-mute)}
@media (max-width:960px){.steps{grid-template-columns:1fr 1fr;row-gap:36px}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}

/* pricing */
.plans{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:20px}
.plan{border:1px solid var(--line);border-radius:28px;padding:38px 32px;display:flex;flex-direction:column;gap:14px;min-width:0;background:var(--bg)}
.plan.main{background:var(--black);color:var(--on-black);border-color:var(--black)}
.plan .badge{font-size:13px;font-weight:600;color:var(--dot);min-height:1.4em}
.plan h3{font-size:24px;letter-spacing:-.025em;line-height:1.2}
.amount{font-size:48px;font-weight:700;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums}
.amount small{font-size:16px;font-weight:400;color:var(--mute);letter-spacing:-.01em;margin-left:4px}
.plan.main .amount small{color:var(--on-black-mute)}
.amount sup{font-size:16px;font-weight:500;vertical-align:top;margin-right:4px;letter-spacing:0;position:relative;top:.35em}
.plan ul{margin:8px 0 0;padding:18px 0 0;border-top:1px solid var(--line);list-style:none;display:grid;gap:10px;font-size:15px}
.plan.main ul{border-color:#333336}
.plan li{padding-left:16px;position:relative}
.plan li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--dot)}
.plan .pill{margin-top:auto;align-self:stretch}
.plan:not(.main) .pill{background:var(--bg-2);color:var(--fg)}
.plan:not(.main) .pill:hover{background:#E8E8ED}
.quoted{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.quoted>div{background:var(--bg-2);border-radius:22px;padding:24px 30px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.quoted h4{font-size:19px;letter-spacing:-.02em}
.quoted p{font-size:15px;color:var(--mute)}
.note{text-align:center;color:var(--mute);font-size:14px;margin-top:30px}
@media (max-width:960px){.plans,.quoted{grid-template-columns:1fr}}

/* fit */
.fit{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fit>div{border-radius:28px;padding:clamp(30px,4vw,50px);min-width:0}
.fit .yes{background:var(--black);color:var(--on-black)}
.fit .no{background:var(--bg)}
.fit h3{font-size:26px;letter-spacing:-.03em;margin-bottom:22px}
.fit ul{margin:0;padding:0;list-style:none;display:grid;gap:14px}
.fit li{display:grid;grid-template-columns:22px 1fr;gap:8px}
.fit .yes li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--dot);margin-top:.5em}
.fit .no li::before{content:"";width:9px;height:1.5px;background:var(--mute);margin-top:.75em}
.fit .no li{color:var(--mute)}
@media (max-width:820px){.fit{grid-template-columns:1fr}}

/* faq */
.faq{max-width:840px;margin:0 auto}
details{border-bottom:1px solid var(--line)}
details:first-child{border-top:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:clamp(19px,2vw,22px);font-weight:600;letter-spacing:-.02em}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-weight:300;font-size:28px;color:var(--mute);transition:transform .3s var(--ease);flex:none}
details[open] summary::after{transform:rotate(45deg)}
details p{color:var(--mute);padding:0 40px 24px 0;max-width:66ch}

/* contact */
.contact{padding-block:clamp(100px,13vw,170px);position:relative;overflow:hidden}
.contact::before{content:"";position:absolute;left:50%;top:-240px;width:620px;height:620px;max-width:100%;transform:translateX(-50%);background:radial-gradient(circle,rgba(255,90,31,.28),rgba(255,90,31,0) 65%);pointer-events:none}
.contact .wrap{position:relative}
.c-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(40px,7vw,100px);margin-top:64px;text-align:left}
.c-grid>*{min-width:0}
.c-info{display:grid;gap:26px;align-content:start}
.c-info .k{font-size:13px;color:var(--on-black-mute)}
.c-info .v{font-size:19px;margin-top:4px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.copy{font-size:12px;color:var(--link-dark)}
form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.in{display:flex;flex-direction:column;min-width:0}
.in.full{grid-column:1/-1}
.in label{font-size:12px;color:var(--on-black-mute);margin:0 0 6px 4px}
.in input,.in select,.in textarea{font:inherit;font-size:17px;letter-spacing:-.02em;color:var(--on-black);background:#1C1C1E;border:1px solid #2C2C2E;border-radius:12px;padding:14px 16px;width:100%;transition:border-color .2s;color-scheme:dark}
.in select option{background:#1C1C1E}
.in textarea{min-height:120px;resize:vertical}
.in input:focus,.in select:focus,.in textarea:focus{outline:none;border-color:var(--link-dark)}
.f-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px}
.f-foot small{color:var(--on-black-mute);font-size:13px}
.sent{grid-column:1/-1;font-size:15px;background:#1C1C1E;border-radius:12px;padding:16px}
@media (max-width:820px){.c-grid,form{grid-template-columns:1fr}}

footer{background:var(--bg-2);font-size:12px;color:var(--mute);padding-block:40px;letter-spacing:-.01em}
.refs{display:grid;gap:6px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.refs p{max-width:90ch}
.f-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center;margin-top:20px}
.f-links{display:flex;gap:20px;flex-wrap:wrap}
.f-links a:hover{color:var(--fg)}

/* reveal */
.js .rv{opacity:0;transform:translateY(34px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.js .rv.in{opacity:1;transform:none}
.js .ice-svg .under{transition:opacity 1.6s var(--ease) .2s,transform 1.6s var(--ease) .2s;opacity:.25;transform:translateY(30px)}
.js .ice-svg.in .under{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.js .rv{opacity:1;transform:none}.js .ice-svg .under{opacity:1;transform:none}}
[hidden]{display:none!important}
html,body{margin:0}
img{max-width:100%}
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}

/* ---------- multi-page additions ---------- */
/* logo: the i's tittle is the brand dot */
.logo{font-weight:600;font-size:21px;letter-spacing:-.035em;display:inline-flex;align-items:baseline;line-height:1}
.logo .i{position:relative;display:inline-block}
.logo .i b{position:absolute;left:50%;top:-.02em;width:.25em;height:.25em;border-radius:50%;background:var(--dot);transform:translateX(-50%)}
.links a[aria-current="page"]{color:#fff}
.menu-btn{display:none;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;color:var(--on-black)}
.menu-btn span{display:block;width:16px;height:1.5px;background:currentColor;box-shadow:0 5px 0 currentColor,0 -5px 0 currentColor}
.m-menu{position:fixed;inset:calc(52px + env(safe-area-inset-top,0px)) 0 auto 0;z-index:49;background:rgba(22,22,23,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:10px max(22px,env(safe-area-inset-right,0px)) 30px max(22px,env(safe-area-inset-left,0px));display:flex;flex-direction:column}
.m-menu a{color:var(--on-black);font-size:26px;font-weight:600;letter-spacing:-.03em;padding:12px 0;border-bottom:1px solid #2C2C2E}
@media (max-width:860px){.menu-btn{display:inline-flex}}
@media (max-width:420px){.nav-r .pill.sm{display:none}}

/* sub-page hero */
.p-hero{padding-block:clamp(80px,11vw,140px) clamp(60px,8vw,100px);text-align:center;position:relative;overflow:hidden}
.p-hero.dark::after{content:"";position:absolute;left:50%;bottom:-320px;width:760px;height:560px;max-width:100%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(255,90,31,.32),rgba(255,90,31,0));pointer-events:none}
.p-hero .wrap{position:relative;z-index:1}
.p-hero .h-hero{margin-top:14px}
.p-hero .sub{max-width:720px;margin:22px auto 0}
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:36px}
.chips a{font-size:14px;border-radius:99px;padding:8px 16px;background:var(--bg-2);color:var(--fg);transition:background .2s}
.chips a:hover{background:#E8E8ED}
.dark .chips a{background:#1D1D1F;color:var(--on-black)}
.dark .chips a:hover{background:#2C2C2E}

/* section link row */
.link-row{display:flex;justify-content:center;margin-top:44px}

/* research cards */
.research{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.rcard{background:var(--bg);border-radius:28px;padding:clamp(28px,3.5vw,44px);display:flex;flex-direction:column;gap:12px;min-width:0}
.rcard .num{font-size:clamp(48px,6vw,72px);font-weight:700;letter-spacing:-.05em;line-height:1}
.rcard h3{font-size:22px;letter-spacing:-.025em}
.rcard p{color:var(--mute);font-size:16px}
.rcard .cite{font-size:13px;color:var(--mute);margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.rcard .use{font-size:15px;color:var(--fg)}
.rcard .use b{color:var(--dot);font-weight:600}
@media (max-width:820px){.research{grid-template-columns:1fr}}

/* lever deep-dive rows */
.deep{display:grid;gap:20px}
.drow{display:grid;grid-template-columns:1fr 1fr;border-radius:28px;overflow:hidden;background:var(--bg)}
.drow>*{min-width:0}
.drow .vis{background:var(--black);display:grid;place-items:center;min-height:320px}
.drow .txt{padding:clamp(30px,4vw,56px);display:flex;flex-direction:column;gap:14px;justify-content:center}
.drow .k{font-size:14px;font-weight:600;color:var(--dot)}
.drow h3{font-size:clamp(28px,3vw,38px);letter-spacing:-.035em;line-height:1.1}
.drow p{color:var(--mute)}
.drow ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px;font-size:15px}
.drow li{padding-left:16px;position:relative}
.drow li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--dot)}
.drow:nth-child(even) .vis{order:2}
@media (max-width:820px){.drow{grid-template-columns:1fr}.drow:nth-child(even) .vis{order:0}.drow .vis{min-height:240px}}

/* stage cards (method detail) */
.stages{display:grid;gap:14px}
.stage{display:grid;grid-template-columns:120px 1fr 1fr;gap:30px;padding:30px 0;border-top:1px solid #333336;align-items:start}
.stage>*{min-width:0}
.stage .n{font-size:15px;color:var(--dot);font-weight:600}
.stage .n span{display:block;color:var(--on-black-mute);font-weight:400;font-size:13px;margin-top:4px}
.stage h3{font-size:28px;letter-spacing:-.03em}
.stage p{color:var(--on-black-mute);margin-top:8px}
.stage ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15px}
.stage li{padding-left:16px;position:relative}
.stage li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--dot)}
.stage .lbl{font-size:12px;color:var(--on-black-mute);margin-bottom:10px;display:block}
@media (max-width:820px){.stage{grid-template-columns:1fr;gap:14px}}

/* principles */
.principles{display:grid;grid-template-columns:repeat(2,1fr);gap:0 60px}
.pr{padding:28px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:40px 1fr;gap:14px}
.pr .n{color:var(--dot);font-weight:600;font-size:15px}
.pr h3{font-size:22px;letter-spacing:-.025em}
.pr p{color:var(--mute);font-size:16px;margin-top:6px}
@media (max-width:820px){.principles{grid-template-columns:1fr}}

/* service detail */
.svc{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(30px,6vw,90px);padding-block:clamp(70px,9vw,120px);border-top:1px solid var(--line);scroll-margin-top:60px}
.svc:first-child{border-top:0}
.svc>*{min-width:0}
.svc .scene-box{border-radius:28px;background:var(--bg-2);min-height:320px;display:grid;place-items:center;position:relative;overflow:hidden;margin-top:24px}
.svc .scene-box.blk{background:radial-gradient(60% 60% at 50% 50%,#2A140A 0%,#000 70%)}
.svc .moment{font-size:14px;font-weight:600;color:var(--dot)}
.svc h2{font-size:clamp(34px,4.4vw,52px);letter-spacing:-.045em;line-height:1.06;margin-top:8px}
.svc .price-tag{margin-top:18px;font-size:19px;font-weight:600}
.svc .price-tag span{color:var(--mute);font-weight:400;font-size:15px;margin-left:6px}
.svc .lead{font-size:clamp(19px,1.8vw,22px);line-height:1.45;color:var(--fg);letter-spacing:-.02em}
.svc h4{font-size:13px;font-weight:600;color:var(--mute);margin:30px 0 12px;letter-spacing:0}
.svc ul.inc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;font-size:15px}
.svc ul.inc li{padding-left:16px;position:relative}
.svc ul.inc li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--dot)}
.svc ol.flow{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:f}
.svc ol.flow li{counter-increment:f;display:grid;grid-template-columns:36px 1fr;gap:10px;padding:12px 0;border-top:1px solid var(--line);font-size:15px}
.svc ol.flow li::before{content:counter(f,decimal-leading-zero);color:var(--dot);font-weight:600;font-size:13px;padding-top:2px}
.svc ol.flow b{font-weight:600}
.svc ol.flow span{color:var(--mute)}
.svc .facts{display:flex;gap:30px;flex-wrap:wrap;margin-top:28px;font-size:14px;color:var(--mute)}
.svc .facts b{display:block;color:var(--fg);font-size:17px;font-weight:600}
@media (max-width:860px){.svc{grid-template-columns:1fr}.svc ul.inc{grid-template-columns:1fr}}

/* compare table */
.tbl-wrap{overflow-x:auto;margin-top:60px;border-radius:24px;border:1px solid var(--line)}
table.cmp{width:100%;border-collapse:collapse;font-size:15px;min-width:640px}
.cmp th,.cmp td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.cmp thead th{font-size:13px;color:var(--mute);font-weight:600;background:var(--bg-2)}
.cmp tbody tr:last-child td{border-bottom:0}
.cmp td:first-child{font-weight:600;width:28%}
.cmp td{color:var(--mute)}
.cmp td.y{color:var(--fg)}
.cmp td.y::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--dot);margin-right:8px;vertical-align:middle}

/* how pricing works */
.how3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.how3>div{background:var(--bg-2);border-radius:22px;padding:28px;min-width:0}
.how3 h3{font-size:19px;letter-spacing:-.02em;margin-bottom:8px}
.how3 p{font-size:15px;color:var(--mute)}
@media (max-width:820px){.how3{grid-template-columns:1fr}}

/* about */
.name-card{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}
.name-card>*{min-width:0}
.name-big{white-space:nowrap;font-size:clamp(56px,9.2vw,128px);font-weight:700;letter-spacing:-.06em;line-height:.9}
.name-big .i{position:relative;display:inline-block}
.name-big .i b{position:absolute;left:50%;top:-.02em;width:.25em;height:.25em;border-radius:50%;background:var(--dot);transform:translateX(-50%)}
.name-def{font-size:15px;color:var(--on-black-mute);margin-top:20px}
.name-def i{color:var(--on-black)}
.letter{max-width:720px;margin:0 auto;display:grid;gap:22px;font-size:clamp(18px,1.6vw,20px);line-height:1.6;color:#3A3A3C}
.letter .sig{font-weight:600;color:var(--fg);margin-top:10px}
.letter .sig span{display:block;font-weight:400;color:var(--mute);font-size:15px}
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.values>div{background:var(--bg);border-radius:24px;padding:28px;min-width:0}
.values .dotm{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#FFD2BC 0 8%,#FF5A1F 45%,#B33503 100%);box-shadow:0 4px 10px -2px rgba(255,90,31,.55);margin-bottom:18px}
.values h3{font-size:20px;letter-spacing:-.02em}
.values p{font-size:15px;color:var(--mute);margin-top:8px}
@media (max-width:960px){.values{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.values{grid-template-columns:1fr}}
@media (max-width:820px){.name-card{grid-template-columns:1fr}}

/* insights */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.post{background:var(--bg);border-radius:28px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.post:hover{transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(0,0,0,.25)}
.post .cover{aspect-ratio:16/10;max-width:100%;background:var(--black);display:grid;place-items:center;position:relative;overflow:hidden}
.post .cover .cw{font-size:clamp(26px,2.6vw,34px);font-weight:700;letter-spacing:-.04em;color:var(--on-black);text-align:center;padding:0 20px;line-height:1.1}
.post .cover .cw em{font-style:normal;color:var(--dot)}
.post .pb{padding:26px 28px 30px;display:flex;flex-direction:column;gap:10px;flex:1}
.post .meta{font-size:13px;color:var(--mute)}
.post h3{font-size:22px;letter-spacing:-.025em;line-height:1.2}
.post p{font-size:15px;color:var(--mute)}
.post .more{margin-top:auto;font-size:15px}
.sec.gray .post{background:var(--bg)}
@media (max-width:900px){.posts{grid-template-columns:1fr}}
.article{max-width:720px;margin:0 auto;padding-block:clamp(70px,9vw,110px);border-top:1px solid var(--line);scroll-margin-top:60px}
.article:first-of-type{border-top:0}
.article .meta{font-size:14px;color:var(--dot);font-weight:600}
.article h2{font-size:clamp(32px,4.4vw,48px);letter-spacing:-.04em;line-height:1.08;margin:10px 0 26px}
.article p{font-size:clamp(17px,1.5vw,19px);line-height:1.65;color:#3A3A3C;margin-bottom:18px}
.article h3{font-size:22px;letter-spacing:-.02em;margin:34px 0 12px}
.article blockquote{margin:30px 0;padding:0 0 0 22px;border-left:3px solid var(--dot);font-size:clamp(21px,2vw,26px);font-weight:600;letter-spacing:-.025em;line-height:1.3;color:var(--fg)}
.article .cite{font-size:13px;color:var(--mute);border-top:1px solid var(--line);padding-top:14px;margin-top:30px}

/* contact page */
.next{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.next>div{background:var(--bg);border-radius:24px;padding:30px;min-width:0}
.next .n{font-size:14px;color:var(--dot);font-weight:600}
.next h3{font-size:22px;letter-spacing:-.025em;margin:8px 0}
.next p{font-size:15px;color:var(--mute)}
@media (max-width:820px){.next{grid-template-columns:1fr}}
.light-form form .in label{color:var(--mute)}
.contact.page{padding-block:clamp(60px,8vw,100px) clamp(90px,12vw,150px)}
.contact.page::before{display:none}

/* footer (multi-column) */
.f-cols{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:30px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.f-cols>*{min-width:0}
.f-cols h4{font-size:12px;font-weight:600;color:var(--fg);margin:0 0 10px;letter-spacing:-.01em}
.f-cols a{display:block;padding:3px 0;color:var(--mute)}
.f-cols a:hover{color:var(--fg)}
.f-cols .logo{color:var(--fg);font-size:19px}
.f-cols .tag{margin-top:12px;max-width:34ch}
@media (max-width:820px){.f-cols{grid-template-columns:1fr 1fr}.f-cols>div:first-child{grid-column:1/-1}}
/* pricing v2 */
.plans.tiers{grid-template-columns:1fr 1.1fr 1fr;align-items:stretch}
.plans.tiers .amount{white-space:nowrap;font-size:44px}
.plan .fit-l{font-size:14px;color:var(--mute);margin-top:4px}
.plan.main .fit-l{color:var(--on-black-mute)}
.entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;background:var(--bg-2);border-radius:28px;padding:36px 40px}
.entry>div:first-child{min-width:0;text-align:left}
.entry .badge{font-size:13px;font-weight:600;color:var(--dot)}
.entry h3{font-size:28px;letter-spacing:-.025em;margin:8px 0 10px}
.entry p{color:var(--mute);font-size:16px;max-width:560px}
.entry-r{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
table.rates td:last-child{white-space:nowrap;font-weight:600}
table.rates td:nth-child(2){color:var(--mute);font-size:15px}
@media (max-width:960px){.plans.tiers{grid-template-columns:1fr}.entry{padding:28px 24px;grid-template-columns:1fr;gap:20px}table.rates td:last-child{white-space:normal}}
/* iceberg mark */
.logo{align-items:center;gap:.36em}
.logo .mk{width:1.1em;height:1.47em;flex:none;display:block;margin:-.2em 0}
.f-cols .logo{display:inline-flex!important;align-items:center}
.logo .wmk{display:inline-flex;align-items:baseline}
/* work / proof */
.sec.dark .stats4:only-child{margin:0}
.stats4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;border-top:1px solid #333336;padding-top:28px}
.stats4 b{display:block;font-size:clamp(30px,3.6vw,46px);font-weight:700;letter-spacing:-.045em;line-height:1.05;color:var(--on-black)}
.stats4 span{display:block;margin-top:8px;font-size:14px;color:var(--on-black-mute);max-width:24ch}
.stats4.lt{border-color:var(--line)}.stats4.lt b{color:var(--fg)}.stats4.lt span{color:var(--mute)}
.stats4 > div:first-child b{color:var(--dot)}
.cases{display:grid;gap:clamp(56px,8vw,110px)}
.case{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,70px);align-items:start}
.case>*{min-width:0}
.case .cover{border-radius:28px;aspect-ratio:4/5;display:grid;place-items:center;padding:28px;position:sticky;top:90px;overflow:hidden}
.case .cw{font-size:clamp(34px,4.4vw,60px);font-weight:700;letter-spacing:-.05em;line-height:1.02;text-align:center}
.case .cw em{font-style:normal;color:var(--dot)}
.cover.c1{background:#000;color:#F5F5F7}
.cover.c2c{background:#F5F5F7;color:#1D1D1F}
.cover.c3{background:linear-gradient(180deg,#1C1C1E,#000);color:#F5F5F7}
.cover.c4{background:#FF5A1F;color:#fff}.cover.c4 .cw em{color:#000}
.cmeta{font-size:14px;font-weight:600;color:var(--dot)}
.case h2{font-size:clamp(28px,3.2vw,40px);letter-spacing:-.035em;line-height:1.1;margin-top:10px}
.lede-s{font-size:clamp(17px,1.5vw,19px);color:var(--mute);margin-top:16px;line-height:1.55}
.case .c2{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}
.case h4{font-size:13px;font-weight:600;color:var(--fg);margin-bottom:12px}
.case .inc{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:15px;color:#3A3A3C}
.case .inc li{padding-left:16px;position:relative}
.case .inc li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--dot)}
.case .res{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.case .res b{display:block;font-size:28px;font-weight:700;letter-spacing:-.04em;line-height:1.1}
.case .res span{display:block;font-size:14px;color:var(--mute);margin-top:2px}
.lever{margin-top:28px;background:var(--bg-2);border-radius:18px;padding:16px 20px;font-size:16px}
.lever b{display:block;font-size:13px;color:var(--dot);margin-bottom:4px}
.disclaim{font-size:13px;color:var(--mute);max-width:80ch;border-top:1px solid var(--line);padding-top:20px}
.work-teaser{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:40px}
.wt{border-radius:22px;overflow:hidden;background:var(--bg);display:flex;flex-direction:column;min-width:0;transition:transform .4s var(--ease)}
.wt:hover{transform:translateY(-4px)}
.wt .cover{aspect-ratio:1/1;display:grid;place-items:center;padding:18px}
.wt .cw{font-size:clamp(22px,2.2vw,30px);font-weight:700;letter-spacing:-.045em;line-height:1.05;text-align:center}
.wt .cw em{font-style:normal;color:var(--dot)}
.wt .cover.c4 .cw em{color:#000}
.wt .tb{padding:16px 18px 20px}
.wt .tb small{display:block;font-size:12px;color:var(--mute)}
.wt .tb b{display:block;font-size:16px;margin-top:4px;letter-spacing:-.02em;font-weight:600;color:var(--fg)}
.brands{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;margin-top:34px;color:var(--mute);font-size:15px;font-weight:600;letter-spacing:-.01em}
.brands span{white-space:nowrap}
.timeline{display:grid;gap:0;max-width:820px;margin:0 auto}
.timeline>div{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:22px 0;border-top:1px solid var(--line)}
.timeline>div:last-child{border-bottom:1px solid var(--line)}
.timeline .yr{font-size:14px;color:var(--mute);font-variant-numeric:tabular-nums;padding-top:3px}
.timeline h3{font-size:20px;letter-spacing:-.02em}
.timeline h3 small{font-size:15px;font-weight:400;color:var(--mute);margin-left:6px}
.timeline p{font-size:15px;color:var(--mute);margin-top:6px}
.timeline .now h3{color:var(--dot)}
.founder{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;max-width:820px;margin:0 auto 40px}
.founder .av{width:96px;height:96px;border-radius:50%;background:#000;display:grid;place-items:center}
.founder .av svg{width:44px;height:59px;color:#F5F5F7}
.founder h3{font-size:28px;letter-spacing:-.03em}
.founder p{color:var(--mute);margin-top:4px}
.chips2{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.chips2 span{font-size:13px;border:1px solid var(--line);border-radius:99px;padding:5px 12px;color:#3A3A3C}
.m-cta{position:fixed;left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:60;display:none;justify-content:center;transform:translateY(140%);transition:transform .45s var(--ease)}
.m-cta.on{transform:none}
.m-cta a{box-shadow:0 10px 30px rgba(0,0,0,.25);width:100%;max-width:420px;text-align:center}
@media (max-width:860px){.case,.case .c2{grid-template-columns:1fr}.case .cover{position:static;aspect-ratio:16/10}.stats4,.work-teaser{grid-template-columns:1fr 1fr}.timeline>div{grid-template-columns:1fr;gap:4px}.founder{grid-template-columns:1fr;text-align:left}.m-cta{display:flex}}
.values.vgray>div{background:var(--bg-2)}
/* about v2 */
.f-hero{padding:clamp(48px,7vw,100px) 0 clamp(50px,7vw,90px)}
.f-hero-in{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,6vw,90px);align-items:center}
.f-hero-in>*{min-width:0}
.portrait{margin:0;position:relative;border-radius:32px;overflow:hidden;background:#ECECEF;aspect-ratio:4/5}
.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}
.portrait figcaption{position:absolute;left:16px;bottom:16px;right:16px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:16px;padding:12px 16px;color:var(--fg);font-size:14px}
.portrait figcaption span{color:var(--mute)}
.f-copy .h-hero{margin-top:12px;font-size:clamp(38px,4.4vw,62px);text-align:left}
.f-copy .sub{margin-top:20px;text-align:left;max-width:560px}
.f-copy .eyebrow{text-align:left}
.prev{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}
.prev p{text-align:center;font-size:13px;color:var(--mute)}
.brands.big{margin-top:14px;font-size:clamp(18px,2.2vw,26px);font-weight:700;letter-spacing:-.03em;color:#86868B;gap:12px clamp(24px,5vw,64px)}
.pull{margin:6px 0;padding:0 0 0 22px;border-left:3px solid var(--dot);font-size:clamp(24px,2.6vw,32px);font-weight:600;letter-spacing:-.03em;line-height:1.25;color:var(--fg)}
.sig2{display:flex;align-items:center;gap:14px;margin-top:10px}
.sig2 img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 18%}
.sig2 .sig{margin:0}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.trio>div{background:var(--bg-2);border-radius:24px;padding:30px 28px;min-width:0}
.trio .n{font-size:13px;font-weight:600;color:var(--dot)}
.trio h3{font-size:22px;letter-spacing:-.025em;margin-top:14px}
.trio p{color:var(--mute);font-size:15px;margin-top:10px}
.work-with{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,6vw,90px);align-items:start}
.work-with>*{min-width:0}
.ww{list-style:none;margin:0;padding:0;display:grid;gap:0;background:var(--bg);border-radius:24px;overflow:hidden}
.ww li{padding:22px 26px;border-bottom:1px solid var(--line)}
.ww li:last-child{border-bottom:0}
.ww b{display:block;font-size:17px;letter-spacing:-.02em}
.ww span{display:block;color:var(--mute);font-size:15px;margin-top:4px}
.cta-face{width:88px;height:88px;border-radius:50%;object-fit:cover;object-position:50% 18%;margin:0 auto 22px;display:block;border:3px solid rgba(255,255,255,.12)}
.fcard{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;background:var(--bg);border-radius:24px;padding:18px 22px;margin-top:28px}
.fcard img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 18%}
.fcard b{display:block;font-size:17px;letter-spacing:-.02em}
.fcard span{color:var(--mute);font-size:14px}
@media (max-width:900px){.f-hero-in,.work-with{grid-template-columns:1fr}.portrait{max-width:440px;aspect-ratio:4/4.6}.trio{grid-template-columns:1fr}.fcard{grid-template-columns:auto 1fr}.fcard .more{grid-column:1/-1}}
/* quiz */
.quiz{max-width:820px;margin:0 auto;background:#111113;border:1px solid #2C2C2E;border-radius:28px;padding:clamp(24px,4vw,44px);position:relative;overflow:hidden}
.quiz::before{content:"";position:absolute;right:-120px;top:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,90,31,.22),transparent);pointer-events:none}
.qbar{height:4px;border-radius:4px;background:#2C2C2E;overflow:hidden;margin-bottom:28px}
.qbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#FF5A1F,#FFB08C);transition:width .5s var(--ease)}
.qn{font-size:13px;color:var(--dot);font-weight:600}
.q h3{font-size:clamp(22px,2.6vw,30px);letter-spacing:-.03em;line-height:1.2;margin-top:10px;color:var(--on-black);animation:up .5s var(--ease) both}
.qbtns{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.qb{font:inherit;font-size:17px;border-radius:99px;padding:12px 26px;border:1px solid #3A3A3C;background:transparent;color:var(--on-black);cursor:pointer;transition:background .2s,border-color .2s}
.qb:hover{background:#1C1C1E;border-color:#6E6E73}
.qb:first-child{background:var(--dot);border-color:var(--dot);color:#fff}
.qb:focus-visible,.qagain:focus-visible{outline:2px solid #FFB08C;outline-offset:2px}
.qres{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,40px);align-items:center;animation:up .6s var(--ease) both}
.qscore{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 34% 28%,#FFB08C,#FF5A1F 45%,#9E2E03 100%);box-shadow:0 30px 60px -24px rgba(255,90,31,.7),inset -10px -14px 26px rgba(0,0,0,.35)}
.qscore b{font-size:52px;font-weight:700;letter-spacing:-.05em;line-height:1;color:#fff}
.qscore span{font-size:14px;color:rgba(255,255,255,.75)}
.qres h3{font-size:clamp(24px,2.8vw,32px);letter-spacing:-.03em;color:var(--on-black)}
.qres p{color:var(--on-black-mute);margin-top:10px;font-size:17px}
.qagain{background:none;border:0;font:inherit;cursor:pointer}
@media (max-width:640px){.qres{grid-template-columns:1fr}.qscore{width:110px;height:110px}}

/* hero waterline labels */
.wl{position:absolute;left:0;right:0;top:60%;z-index:2;pointer-events:none;height:0}
.wl .wrap{position:relative;height:0;text-align:left}
.wl span{position:absolute;left:var(--gut,22px);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;white-space:nowrap}
.wl .up{bottom:10px;color:#A1A1A6}
.wl .dn{top:12px;color:#FF8A5C}
html[lang="zh"] .wl span{letter-spacing:.12em}
@media (max-width:600px){.wl span,html[lang="zh"] .wl span{font-size:10px;letter-spacing:.04em}}

/* live sites */
.sites{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,64px) clamp(24px,4vw,48px);margin-top:44px}
.site{min-width:0;display:flex;flex-direction:column}
.shot{display:block;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.04),0 18px 50px -20px rgba(0,0,0,.28);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.shot:hover{transform:translateY(-5px);box-shadow:0 1px 0 rgba(0,0,0,.04),0 30px 70px -24px rgba(0,0,0,.36)}
.shot .bar{display:flex;align-items:center;gap:6px;padding:11px 14px;background:#ECECEF;border-bottom:1px solid #DCDCE0}
.shot .bar i{width:10px;height:10px;border-radius:50%;background:#C9C9CE}
.shot .bar span{margin-left:10px;flex:1;max-width:240px;background:#fff;border-radius:7px;font-size:11.5px;color:#6E6E73;padding:4px 10px;text-align:center}
.scr{aspect-ratio:16/10;padding:clamp(14px,2.2vw,24px);display:flex;flex-direction:column;position:relative;overflow:hidden;text-align:left}
.scr .nv{display:flex;align-items:center;gap:10px;font-size:13px}
.scr .nv b{margin-right:auto;letter-spacing:-.02em}
.scr .nv em{display:block;width:34px;height:5px;border-radius:3px;background:currentColor;opacity:.18}
.scr .hl{margin:auto 0 0;font-weight:700;letter-spacing:-.04em;line-height:1.04;font-size:clamp(22px,2.6vw,34px);max-width:15ch}
.scr .sl{margin-top:8px;font-size:13px;opacity:.7;max-width:34ch}
.s-dm{background:linear-gradient(180deg,#fff,#F3F3FF);color:#111}
.s-dm .nv b{color:#4F46E5}
.s-dm .row{display:flex;gap:10px;align-items:center;margin-top:16px;flex-wrap:wrap}
.s-dm .btn{background:#4F46E5;color:#fff;border-radius:999px;font-size:12px;padding:7px 14px;font-weight:600}
.s-dm .chip{font-size:12px;color:#4F46E5;border:1px solid #C7C4F7;border-radius:999px;padding:6px 12px}
.s-k9{background:radial-gradient(80% 90% at 85% 100%,#2A1408 0%,#0D0D10 60%);color:#F5F5F7}
.s-k9 .hl{max-width:11ch}
.s-k9 .wave{position:absolute;right:clamp(16px,3vw,30px);bottom:clamp(18px,3vw,30px);display:flex;gap:4px;align-items:center;height:56px}
.s-k9 .wave i{width:4px;border-radius:2px;background:#FF5A1F;animation:k9 1.4s ease-in-out infinite}
.s-k9 .wave i:nth-child(odd){animation-delay:.2s}.s-k9 .wave i:nth-child(3n){animation-delay:.45s}
.s-k9 .wave i:nth-child(1),.s-k9 .wave i:nth-child(9){height:12px}.s-k9 .wave i:nth-child(2),.s-k9 .wave i:nth-child(8){height:22px}.s-k9 .wave i:nth-child(3),.s-k9 .wave i:nth-child(7){height:36px}.s-k9 .wave i:nth-child(4),.s-k9 .wave i:nth-child(6){height:48px}.s-k9 .wave i:nth-child(5){height:56px}
@keyframes k9{50%{transform:scaleY(.45)}}
@media (prefers-reduced-motion:reduce){.s-k9 .wave i{animation:none}}
.s-bh{background:linear-gradient(180deg,#E9E5DE,#F7F5F1);color:#1D1D1F;padding:0}
.s-bh .nv{background:#1D1D1F;color:#fff;padding:10px clamp(14px,2.2vw,24px)}
.s-bh .mid{margin:auto;text-align:center;padding:0 16px}
.s-bh .hl{margin:0 auto;font-weight:300;letter-spacing:.02em;font-size:clamp(28px,3.4vw,46px);max-width:none}
.s-bh .sl{margin:10px auto 0}
.s-221{background:#549182;color:#0B0B0B}
.s-221 .hl{font-weight:800;max-width:12ch}
.sbody{padding:22px 4px 0}
.sbody h3{font-size:clamp(24px,2.4vw,30px);letter-spacing:-.035em;margin-top:6px}
.sbody .inc{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px;font-size:15px;color:#3A3A3C}
.sbody .inc li{padding-left:16px;position:relative}
.sbody .inc li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--dot)}
.sbody .lever{margin-top:18px}
#sites .disclaim{margin-top:48px}
.live{margin-top:30px}
.lv-h{font-size:13px;color:var(--mute);font-weight:600;margin-bottom:12px}
.lv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.lv a{display:block;background:var(--bg);border-radius:16px;padding:14px 16px;border:1px solid var(--line);transition:border-color .3s}
.lv a:hover{border-color:var(--dot)}
.lv b{display:block;font-size:15px;color:var(--fg);letter-spacing:-.02em}
.lv span{display:block;font-size:12.5px;color:var(--mute);margin-top:2px}
@media (max-width:860px){.sites{grid-template-columns:1fr}.lv{grid-template-columns:1fr 1fr}}
#sites .lever{background:var(--bg)}
.hero{padding-top:clamp(44px,6vw,88px)}
.hero:has(.wl){min-height:min(940px,100svh)}
@media (max-width:600px){.hero:has(.wl){min-height:max(720px,100svh)}}

/* said vs decided */
.said{padding-block:clamp(90px,12vw,150px)}
.said .head{text-align:center;max-width:820px;margin:0 auto}
.said .sub{margin:22px auto 0;max-width:680px}
.said-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(18px,3vw,40px);align-items:stretch;margin-top:clamp(44px,6vw,70px)}
.said-grid>*{min-width:0}
.said-col{border-radius:24px;padding:clamp(22px,3vw,34px);background:#141416;border:1px solid #2A2A2D}
.said-col.real{background:linear-gradient(160deg,#2A1206,#120804);border-color:rgba(255,90,31,.45)}
.said-h{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#86868B}
.said-col.real .said-h{color:var(--dot)}
.said-col ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:14px}
.said-col li{font-size:clamp(18px,1.8vw,22px);font-weight:500;letter-spacing:-.02em;line-height:1.3;color:#A1A1A6;padding-bottom:14px;border-bottom:1px solid #2A2A2D}
.said-col li:last-child{border-bottom:0;padding-bottom:0}
.said-col.real li{color:#F5F5F7;border-color:rgba(255,90,31,.2)}
.said-arrow{display:grid;place-items:center}
.said-arrow span{font-size:13px;color:#86868B;writing-mode:vertical-rl;letter-spacing:.2em;text-transform:uppercase;position:relative;padding:40px 0}
.said-arrow span::before,.said-arrow span::after{content:"";position:absolute;left:50%;width:1px;height:30px;background:#3A3A3D}
.said-arrow span::before{top:0}.said-arrow span::after{bottom:0}
.said-foot{text-align:center;color:var(--on-black-mute);margin:36px auto 0;max-width:640px;font-size:16px}
@media (max-width:760px){.said-grid{grid-template-columns:1fr}.said-arrow span{writing-mode:horizontal-tb;padding:0 40px}.said-arrow span::before,.said-arrow span::after{top:50%;left:auto;width:28px;height:1px}.said-arrow span::before{left:0}.said-arrow span::after{right:0;bottom:auto}}

.lv a{padding:0;overflow:hidden}
.lv a b{padding:12px 16px 0}.lv a span{padding:0 16px 14px}
.scr.mini{aspect-ratio:16/9;padding:14px;border-bottom:1px solid var(--line)}
.scr.mini .hl{font-size:clamp(14px,1.3vw,17px);max-width:16ch}
.s-bh.mini{padding:0}.s-bh.mini .hl{font-size:clamp(18px,1.8vw,24px)}
.lv-h{font-size:15px;color:var(--fg)}

/* work: real screenshots, case images, AI video */
.scr-img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.case .cimg{margin:26px 0 0}
.case .cimg img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:20px;background:var(--bg-2)}
.case .cimg figcaption{font-size:13px;color:var(--mute);margin-top:10px}
.vids{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,36px);margin-top:44px}
.vid{margin:0;min-width:0;display:flex;flex-direction:column}
.vid video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:18px;background:#000;box-shadow:0 1px 0 rgba(0,0,0,.04),0 18px 50px -20px rgba(0,0,0,.28)}
.vid figcaption{padding:18px 4px 0;display:grid;gap:6px}
.vid figcaption b{font-size:clamp(19px,1.8vw,22px);letter-spacing:-.03em}
.vid figcaption span{font-size:15px;color:#3A3A3C}
@media (max-width:860px){.vids{grid-template-columns:1fr}}
#ai-video .disclaim{margin-top:48px}
.case .cimg.two{display:grid;grid-template-columns:2fr 1fr;gap:12px}
.case .cimg.two img{height:300px;max-height:none}
.case .cimg.two figcaption{grid-column:1/-1;margin-top:0}
@media (max-width:520px){.case .cimg.two img{height:200px}}