:root{--bg:#0b0b0c;--surface:#141416;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);--text:#f4f3f1;--muted:rgba(244,243,241,.64);--faint:rgba(244,243,241,.52);--coral:#ec6a45;--coral-text:#ff9d7f;--ink:#1c1613}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:'Geist',ui-sans-serif,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
.wide{max-width:1280px;margin:0 auto;padding:0 24px}
.narrow{max-width:1008px;margin:0 auto;padding:0 24px}
.sec{padding-top:240px}
h1,h2,h3{font-weight:500;margin:0}
h2{font-size:44px;line-height:1.06;letter-spacing:-.032em}
h2.c{text-align:center}
.lead{font-size:17px;line-height:1.55;color:var(--muted)}

/* buttons */
.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border-radius:999px;font-size:15px;font-weight:500;letter-spacing:-.01em;white-space:nowrap;transition:background .15s ease,transform .15s ease}
.pill:hover{transform:translateY(-1px)}
.pill.sm{height:36px;padding:0 16px;font-size:14px}
.pill.w{background:#fff;color:#0b0b0c}
.pill.d{background:#1e1e21;color:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.pill.glass{background:#2a1712;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.pill.ink{background:#1c1613;color:#fff}
.mini{display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:500;white-space:nowrap}
.mini.w{background:#fff;color:#0b0b0c}.mini.d{background:#2a2a2e;color:#fff}
.nw{white-space:nowrap}

/* nav */
.nav{position:sticky;top:0;z-index:20;background:rgba(11,11,12,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.nav .wide{display:flex;align-items:center;gap:40px;height:68px}
.brand{display:inline-block;font-family:Quicksand,ui-rounded,system-ui,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1;white-space:nowrap}
.brand svg{height:0.69em;width:auto;vertical-align:0;margin-right:.13em}  /* the agent peeks up from behind the baseline */
.links{display:flex;gap:28px}
.links a,.signin{font-size:14.5px;color:var(--muted)}
.links a:hover,.signin:hover{color:var(--text)}
.nav-r{margin-left:auto;display:flex;align-items:center;gap:20px}

/* hero */
.hero{padding-top:57px;text-align:center}
h1{margin:18px auto 0;max-width:800px;font-size:72px;line-height:1;letter-spacing:-.04em;text-wrap:balance}
.hero .lede{margin:18px auto 0;max-width:820px;font-size:19px;line-height:1.5;color:var(--muted);letter-spacing:-.01em}
.ctas{margin-top:28px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.frame{position:relative;margin:36px auto 0;max-width:1232px;height:640px;border-radius:28px;background:url(img/hero.webp) left top/cover;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.frame .app{position:absolute;left:128px;right:128px;top:80px;z-index:1}
.frame .fg{position:absolute;left:-70px;bottom:-140px;width:400px;z-index:2;pointer-events:none}
.frame .light{position:absolute;inset:-20% -30%;background:radial-gradient(35% 45% at 30% 20%,rgba(255,250,240,.55),rgba(255,250,240,0) 70%);mix-blend-mode:soft-light;pointer-events:none}
.hero-m{position:absolute;left:168px;top:6px;width:120px;height:auto;z-index:0}

/* app window */
.app{border-radius:16px;background:#121214;box-shadow:0 40px 90px -24px rgba(70,22,8,.55),0 0 0 1px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.06);overflow:hidden;text-align:left}
.bar{display:flex;align-items:center;height:44px;padding:0 16px;border-bottom:1px solid var(--line);position:relative}
.tl{width:12px;height:12px;border-radius:999px;margin-right:8px;background:#3a3a3e}
.bar .t{position:absolute;left:0;right:0;text-align:center;font-size:13px;color:var(--faint);pointer-events:none}
.body{display:flex;min-height:620px}
.side{width:224px;flex:none;padding:14px 12px;border-right:1px solid var(--line);background:#0f0f11}
.search{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border-radius:9px;background:#18181b;box-shadow:inset 0 0 0 1px var(--line);font-size:13px;color:var(--faint);margin-bottom:10px}
.search kbd{margin-left:auto;font:inherit;font-size:12px}
.si{display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;border-radius:9px;font-size:13.5px;color:#dcdad6}
.si.on{background:#1f1f23;color:#fff}
.si .k{margin-left:auto;font-size:12px;color:var(--faint)}
.si .n{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:rgba(236,106,69,.18);color:var(--coral-text);font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}
.si .live{margin-left:auto;width:7px;height:7px;border-radius:999px;background:var(--coral)}
.ic{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.sl{margin:18px 10px 6px;font-size:12px;color:var(--faint)}
.sq{width:20px;height:20px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;background:#3b332e;color:#efe4d8}
.peb{flex:none;display:block}
.main{flex:1;min-width:0;padding:28px 28px}
.hi{font-size:24px;letter-spacing:-.025em;font-weight:500}
.hi-s{margin-top:5px;font-size:14.5px;color:var(--muted)}
.cols{margin-top:24px;display:grid;grid-template-columns:1.1fr 1fr;gap:18px}
.ch{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--faint);margin-bottom:10px}
.ch i{width:6px;height:6px;border-radius:999px;background:var(--coral)}
.ask{padding:16px;border-radius:14px;background:#18181b;box-shadow:inset 0 0 0 1px var(--line);margin-bottom:10px}
.ask .who{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--faint)}
.ask .tt{margin-top:9px;font-size:15px;font-weight:500;letter-spacing:-.01em}
.ask .dd{margin-top:3px;font-size:13.5px;color:var(--muted)}
.ask .bb{margin-top:13px;display:flex;gap:6px}
.feed{border-radius:14px;background:#151517;box-shadow:inset 0 0 0 1px var(--line);padding:4px 14px}
.fr{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13.5px;color:#e6e4e0}
.fr:last-child{border-bottom:0}
.fr .x{flex:1;min-width:0;text-wrap:pretty}
.fr .w{font-size:12.5px;color:var(--faint)}
.fr.new .w{color:var(--coral-text)}
.hrs{margin-top:10px;display:flex;align-items:baseline;gap:10px;padding:14px 16px;border-radius:14px;background:#151517;box-shadow:inset 0 0 0 1px var(--line)}
.hrs b{font-size:24px;font-weight:500;letter-spacing:-.025em;color:var(--coral-text)}
.hrs span{font-size:13.5px;color:var(--muted)}

/* bento */
.bento{margin-top:56px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.cell{border-radius:26px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;display:flex;flex-direction:column;min-height:580px}
.s7{grid-column:span 7}.s5{grid-column:span 5}
.cell .tx{padding:32px 34px 0}
.cell h3{font-size:20px;line-height:1.3;letter-spacing:-.015em}
.cell p{margin:8px 0 0;max-width:32em;font-size:16px;line-height:1.55;color:var(--muted)}
.vis{flex:1;margin-top:28px;min-height:380px;display:flex;align-items:center;justify-content:center;padding:32px;position:relative}
.vis.top{background:url(img/scene-top.webp) 30% 40%/cover}
.vis.morning{background:url(img/scene-morning.webp) 60% 40%/cover}
.vis.apricot{background:url(img/scene-apricot.webp) center/cover}
.vis.peach{background:url(img/scene-peach.webp) center/cover}
.cairn{position:absolute;left:-72px;bottom:40px;width:132px;height:auto;pointer-events:none}
.ui{width:100%;max-width:440px;border-radius:16px;background:rgba(18,18,20,.95);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 30px 60px -20px rgba(60,20,6,.5);padding:18px}
.acct-wrap{position:relative;width:100%;max-width:340px;padding-bottom:18px}
.ui .hd{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--faint)}
.ui .hd b{font-size:14.5px;color:var(--text);font-weight:500}
.draft{margin-top:12px;padding:13px 14px;border-radius:12px;background:#1f1f22;font-size:14px;line-height:1.55;color:#e9e7e3}
.checks{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}
.chk{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px 0 8px;border-radius:999px;background:#1f1f22;font-size:13px;color:#e9e7e3}
.chk svg{width:14px;height:14px;fill:none;stroke:var(--coral-text);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.chk span{color:var(--faint)}
.sites{margin-top:8px}
.site{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.site:last-child{border-bottom:0}
.site.on{position:relative;margin:0 -10px 4px;padding:10px 10px 18px;border:0;border-radius:12px;background:rgba(236,106,69,.1);box-shadow:inset 0 0 0 1px rgba(236,106,69,.2)}
.site.on .sd{color:var(--muted)}
.site .fav{width:28px;height:28px;border-radius:8px;flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 0 0 1px rgba(0,0,0,.18)}
.fc{background:linear-gradient(160deg,#55504b,#1f1d1b);color:#f4f1eb}
.fl{background:linear-gradient(160deg,#fffdf9,#e4dacd);color:#3a2a22}
.ft{background:linear-gradient(160deg,#cdbbae,#8d776a);color:#2a1d16}
.prog{position:absolute;left:50px;right:10px;bottom:8px;height:3px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}
.prog i{display:block;width:66%;height:100%;border-radius:999px;background:var(--coral)}
.napi{display:inline-flex;align-items:center;height:20px;margin-left:8px;padding:0 7px;border-radius:6px;vertical-align:1px;background:rgba(255,255,255,.07);font-size:11.5px;color:var(--faint)}
.site .x{flex:1;min-width:0}
.site .sn{display:block;font-size:14.5px;color:#e9e7e3}
.site .sd{display:block;font-size:12.5px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site .ok{width:16px;height:16px;flex:none;fill:none;stroke:var(--faint);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.now{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;background:rgba(236,106,69,.16);color:var(--coral-text);font-size:12.5px;font-weight:500;white-space:nowrap}
.now i{width:6px;height:6px;border-radius:999px;background:var(--coral)}
.toast{position:absolute;bottom:0;z-index:2;display:flex;align-items:center;gap:8px;height:36px;padding:0 14px 0 12px;border-radius:999px;background:#2a2a2e;font-size:13px;color:#e9e7e3;white-space:nowrap;box-shadow:0 14px 30px -12px rgba(60,20,6,.55),inset 0 0 0 1px rgba(255,255,255,.12)}
.toast.l{left:-14px}.toast.r{right:-14px}
.toast svg{width:15px;height:15px;flex:none;fill:none;stroke:var(--muted);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.toast.ok svg{stroke:var(--coral-text);stroke-width:2}
.req{margin-left:auto;width:max-content;max-width:100%;display:flex;align-items:center;gap:9px;padding:8px 14px 8px 8px;border-radius:14px 14px 4px 14px;background:#2a2a2e;font-size:13.5px;line-height:1.45;color:#e9e7e3}
.req .av{width:22px;height:22px;font-size:11px}
.scr-wrap{position:relative;z-index:1;width:100%;max-width:360px;padding:0 0 18px}
.scr-wrap .req{position:relative;z-index:2;margin:0 -14px -14px auto;box-shadow:0 14px 30px -12px rgba(60,20,6,.55),inset 0 0 0 1px rgba(255,255,255,.12)}
.scr-wrap .ui{position:relative;z-index:1;padding:30px 18px 34px}
.tot{margin-top:6px;display:flex;align-items:baseline;gap:10px;font-size:26px;font-weight:500;letter-spacing:-.03em}
.up{font-size:13px;font-weight:500;letter-spacing:0;color:var(--coral-text)}
.spark{display:block;width:100%;height:32px;margin-top:8px}
.bars{margin-top:10px;display:flex;flex-direction:column;gap:5px}
.br{display:grid;grid-template-columns:92px minmax(0,1fr) 56px;align-items:center;gap:10px;font-size:13px}
.bn{color:var(--muted)}
.bt{height:6px;border-radius:999px;background:#2a2a2e;overflow:hidden}
.bt i{display:block;height:100%;border-radius:999px;background:var(--coral)}
.bv{text-align:right;font-variant-numeric:tabular-nums;color:#e9e7e3}
.msg{display:flex;gap:10px;padding:9px 0}
.av{width:30px;height:30px;border-radius:999px;flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;background:#3b332e;color:#efe4d8}
.msg .nm{font-size:13.5px;font-weight:500}.msg .nm i{font-style:normal;font-weight:400;color:var(--faint);margin-left:6px;font-size:12.5px}
.msg .tx2{margin-top:2px;font-size:14px;line-height:1.5;color:#e9e7e3}
.at{color:var(--coral-text)}
.mem{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mem div{padding:11px 12px;border-radius:12px;background:#1f1f22;font-size:13px;color:#e9e7e3;line-height:1.5}
.mem b{display:block;font-size:12.5px;color:var(--faint);font-weight:400;margin-bottom:2px}

/* experts */
.ex-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 40px;flex-wrap:wrap}
.ex-head .lead{margin:0;max-width:24em}
.experts{margin-top:48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.xp{border-radius:24px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;display:flex;flex-direction:column}
.xp-art{height:176px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;background:url(img/scene-morning.webp) center/170% auto no-repeat}
.a1{background-position:0% 25%}.a2{background-position:100% 20%}.a3{background-position:90% 95%}
.xp-tx{padding:24px 26px 26px;display:flex;flex-direction:column;flex:1}
.xp-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.xp h3{font-size:20px;letter-spacing:-.015em}
.tag{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:500;background:rgba(255,255,255,.07);color:var(--muted);white-space:nowrap}
.tag.live{background:rgba(236,106,69,.16);color:var(--coral-text)}
.tag.live i{width:6px;height:6px;border-radius:999px;background:var(--coral)}
.by{margin-top:4px;font-size:13.5px;color:var(--faint)}
.xp p{margin:14px 0 0;font-size:15.5px;line-height:1.55;color:var(--muted)}
.chips{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px}
.chips span{display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:999px;background:#1d1d20;box-shadow:inset 0 0 0 1px var(--line);font-size:13px;color:#dcdad6;white-space:nowrap}
.xp-ft{margin-top:auto;padding-top:22px;font-size:14.5px;color:var(--muted)}
.xp-ft a{color:var(--coral-text);font-weight:500}

/* scenes with the mascots */
.scene{position:relative;overflow:hidden}
.scene .wide{position:relative;height:100%}
.band{margin-top:240px;height:680px;background:url(img/band.webp) center 35%/cover}
.band-tx{position:absolute;left:24px;top:96px;max-width:560px;color:var(--ink)}
.band h2{color:var(--ink)}
.band p{margin:18px 0 0;font-size:17px;line-height:1.55;color:#4a3b33}
.band-cta{margin-top:32px}
.cast{position:absolute;display:flex;align-items:flex-end}
.band .cast{right:72px;bottom:64px}
.mascot{display:block;overflow:visible}
.mini3{display:inline-flex}
.mini3 svg{margin-left:-6px}.mini3 svg:first-child{margin-left:0}

/* steps */
.steps{margin-top:56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.step{padding-top:22px;border-top:1px solid var(--line2)}
.step .no{font-size:15px;font-weight:500;color:var(--coral-text)}
.step h3{margin-top:16px;font-size:20px;letter-spacing:-.015em}
.step p{margin:8px 0 0;font-size:16px;line-height:1.55;color:var(--muted)}

/* pricing */
.plans{margin-top:48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.plan{display:flex;flex-direction:column;padding:28px;border-radius:22px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.plan.pro{box-shadow:inset 0 0 0 1px var(--line2);background:linear-gradient(180deg,#1b1b1e,#141416)}
.plan .pn{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--muted)}
.amt{margin-top:16px;font-size:44px;font-weight:500;letter-spacing:-.045em}
.amt span{font-size:15px;color:var(--faint);letter-spacing:0;font-weight:400}
.amt-x{margin-top:2px;font-size:14px;color:var(--faint)}
.plan ul{margin:22px 0 28px;padding:0;list-style:none;flex:1}
.plan li{display:flex;gap:10px;padding:7px 0;font-size:15px;line-height:1.45;color:#dcdad6}
.plan li svg{width:16px;height:16px;flex:none;margin-top:2px;fill:none;stroke:var(--faint);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.plan .pill{width:100%}
.pricing-sub{margin:16px auto 0;text-align:center;max-width:34em}

/* faq */
.faq{margin-top:48px}
.q{border-top:1px solid var(--line);padding:24px 0}
.q:last-child{border-bottom:1px solid var(--line)}
.qh{display:flex;justify-content:space-between;gap:24px;font-size:18px;font-weight:500;letter-spacing:-.01em}
.qh svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--faint);stroke-width:1.8;stroke-linecap:round;margin-top:4px}
.qa{margin-top:10px;max-width:40em;font-size:16px;line-height:1.6;color:var(--muted)}

/* closing */
.closing{margin-top:240px;height:640px;background:url(img/closing.webp) center 60%/cover;text-align:center}
.closing:after{content:'';position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(rgba(11,11,12,0),#0b0b0c);pointer-events:none}
.closing .inner{position:absolute;left:0;right:0;top:110px;z-index:1}
.closing h2{color:#fff;font-size:52px}
.closing .lead{margin:16px auto 0;max-width:30em;color:rgba(255,240,232,.78)}
.closing .cast{left:50%;bottom:104px;transform:translateX(-50%);z-index:1}
footer .wide{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;padding-top:48px;padding-bottom:56px}
.fcols{display:flex;gap:64px;flex-wrap:wrap}
.fcol{display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--muted)}
.fcol b{color:var(--text);font-weight:500;font-size:13.5px;margin-bottom:2px}
.copy{margin-top:14px;font-size:13px;color:var(--faint)}

.appicon{display:block;margin:0 auto;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25)) drop-shadow(0 6px 14px rgba(0,0,0,.35))}

@media (max-width:1100px){
  .experts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .links{display:none}
  .s7,.s5{grid-column:span 12}
  .frame .app{left:56px;right:56px}
}
@media (max-width:480px){
  .h480{display:none}
}
@media (max-width:760px){
  .sec{padding-top:128px}
  h1{font-size:40px;letter-spacing:-.035em}
  h2,.closing h2{font-size:32px}
  .hero .lede{font-size:17px}
  .ctas{flex-direction:column;align-items:stretch;padding:0 4px}
  .ctas .pill{height:52px}
  .frame{height:600px;border-radius:22px;margin-left:-8px;margin-right:-8px}
  .frame .app{left:12px;right:12px;top:64px}
  .frame:after{content:'';position:absolute;left:0;right:0;bottom:0;height:72px;z-index:3;background:linear-gradient(rgba(11,11,12,0),var(--bg))}
  .frame .fg{display:none}
  .hero-m{left:22px;top:6px;width:76px}
  .side{display:none}
  .main{padding:20px 18px}
  .cols{grid-template-columns:1fr}
  .bento{grid-template-columns:1fr}
  .s7,.s5,.cell{grid-column:auto}
  .cell{min-height:0}
  .cell .tx{padding:26px 24px 0}
  .vis{padding:20px;min-height:0}
  .br{grid-template-columns:78px minmax(0,1fr) 52px}
  .experts{grid-template-columns:1fr}
  .band{height:auto;margin-top:128px}
  .band-tx{position:relative;left:0;top:0;padding:64px 0 0}
  .band .cast{position:relative;right:auto;bottom:auto;justify-content:center;padding:40px 0 36px}
  .band .cast .m-s{width:92px;height:auto;margin-right:-20px!important;margin-bottom:26px!important}
  .band .cast .m-o{width:116px;height:auto;margin-right:-18px!important;margin-bottom:14px!important}
  .band .cast .m-c{width:150px;height:auto}
  .steps,.plans{grid-template-columns:1fr}
  .steps{gap:28px}
  .closing{margin-top:128px;height:600px}
  .closing .inner{top:72px;padding:0 24px}
  .closing .cast{bottom:88px}
  .closing .ctas{max-width:340px;margin-left:auto;margin-right:auto}
}
@media (min-width:761px) and (max-width:1100px){
  .vis.apricot{background-image:url(img/scene-apricot-tablet.webp)}
  .vis.peach{background-image:url(img/scene-peach-tablet.webp)}
}
@media (max-width:760px){
  .toast.l{left:0}.toast.r{right:0}
  .scr-wrap .req{margin-right:0;max-width:72%}
  .vis.peach{padding-top:32px}
  .cairn{left:2px;top:-26px;bottom:auto;width:96px}
  .vis.apricot{padding-top:44px;background-image:url(img/scene-apricot-phone.webp);background-position:center top}
}

/* site: anchors, the access form and the FAQ */
html{scroll-behavior:smooth;scroll-padding-top:68px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
button.pill{border:0;font-family:inherit;cursor:pointer}
.pill:focus-visible,summary.qh:focus-visible,.req-form input:focus-visible{outline:2px solid var(--coral-text);outline-offset:3px}
.req-form{margin:28px auto 0;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;max-width:560px;padding:0 24px}
.req-form input{height:44px;border:0;border-radius:999px;padding:0 20px;font:inherit;font-size:15px;color:#fff;background:rgba(42,23,18,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.req-form input{flex:1 1 220px;min-width:0}
.req-form input::placeholder{color:rgba(255,240,232,.62)}
.req-form button:disabled{opacity:.6;cursor:default;transform:none}
.req-msg{min-height:24px;margin:14px auto 0;padding:0 24px;font-size:15px;color:rgba(255,240,232,.86)}
.req-msg.done{font-size:17px;color:#fff}
summary.qh{cursor:pointer;list-style:none}
summary.qh::-webkit-details-marker{display:none}
details[open] .qh .v{display:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media (max-width:760px){
  .closing{height:auto}
  .closing .inner{position:relative;top:auto;padding:72px 24px 0}
  .closing .cast{position:relative;left:auto;bottom:auto;transform:none;justify-content:center;padding:40px 0 96px}
  .req-form{flex-direction:column;align-items:stretch;max-width:340px;padding:0}
  .req-form input,.req-form button{flex:none;height:52px}
}

/* about and agency */
.links a.on{color:var(--text)}
.ph{padding-top:72px}
.eyebrow{margin:0;font-size:14.5px;font-weight:500;color:var(--coral-text)}
.ph-grid{margin-top:20px;display:grid;grid-template-columns:1.55fr 1fr;gap:64px;align-items:end}
.ph h1{margin:0;max-width:none;font-size:56px;line-height:1.05;letter-spacing:-.035em}
.ph .lead{margin:0}
.ph .pill{margin-top:24px}
.stage{position:relative;margin-top:56px;height:440px;border-radius:28px;overflow:hidden;background:url(img/scene-top.webp) center 40%/cover;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.stage .cast{left:50%;bottom:56px;transform:translateX(-50%)}
.logos{padding-top:120px;text-align:center}
.chip{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:#1d1d20;box-shadow:inset 0 0 0 1px var(--line);font-size:13px;color:var(--muted)}
.logo-row{margin-top:36px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:36px 40px;align-items:center;justify-items:center}
.logo-row img{height:24px;width:auto;max-width:100%;object-fit:contain;filter:brightness(0) invert(1);opacity:.6}
.row{padding-top:160px}
.row-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px}
.row-l{margin:0;font-size:15px;font-weight:500;letter-spacing:-.01em;line-height:1.6}
.big{margin:0;max-width:34em;font-size:23px;line-height:1.5;letter-spacing:-.015em}
.row .lead{margin:24px 0 0;max-width:38em}
.lnk{color:var(--coral-text);font-weight:500;white-space:nowrap}
.lnk:hover{color:#ffb8a2}
.cards3{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.card{padding:28px;border-radius:22px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.card .no{font-size:15px;font-weight:500;color:var(--coral-text)}
.card h3{margin-top:20px;font-size:19px;line-height:1.3;letter-spacing:-.015em}
.card p{margin:8px 0 0;font-size:15.5px;line-height:1.55;color:var(--muted)}
.team{margin:32px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:16px 36px}
.team li{display:flex;align-items:center;gap:12px;font-size:15.5px;font-weight:500}
.team img{width:44px;height:44px;border-radius:999px;object-fit:cover}

.ah{padding-top:72px}
.ah h1 .m{color:rgba(244,243,241,.58)}
.faces{margin-top:28px;display:inline-flex;align-items:center;gap:12px;font-size:14.5px;color:var(--muted)}
.faces:hover{color:var(--text)}
.faces span{display:flex}
.faces img{width:28px;height:28px;border-radius:999px;object-fit:cover;margin-right:-8px;box-shadow:0 0 0 2px var(--bg)}
.faces b{font-weight:400;padding-left:8px}
.stage.rep{height:auto;margin-top:40px;padding:72px 64px;display:flex;justify-content:center;background-image:url(img/scene-morning.webp);background-position:center}
.report{max-width:900px;padding:0;overflow:hidden;text-align:left}
.report .hd{padding:16px 20px;border-bottom:1px solid var(--line)}
.report .rt{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.report .sent{display:inline-flex;align-items:center;gap:7px;font-size:12.5px}
.report .sent i{width:6px;height:6px;border-radius:999px;background:var(--coral)}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border-bottom:1px solid var(--line)}
.kpi{background:#131315;padding:16px 20px 18px}
.kpi .c{display:flex;align-items:center;gap:8px;font-size:13px;color:#dcdad6}
.kpi .fav{width:20px;height:20px;border-radius:6px;font-size:10.5px}
.kpi .m{margin-top:14px;font-size:12.5px;color:var(--faint)}
.kpi .v{margin-top:4px;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;font-size:26px;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.kpi .v span{font-size:12.5px;font-weight:500;letter-spacing:0;color:var(--coral-text)}
.kpi svg{display:block;margin-top:10px;width:120px;height:30px;max-width:100%}
.kpi polyline{fill:none;stroke:var(--coral);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.kpi circle{fill:var(--coral)}
.rl{display:grid;grid-template-columns:1fr 1fr}
.rl>div{padding:18px 20px 20px}
.rl>div+div{border-left:1px solid var(--line);background:rgba(255,255,255,.02)}
.rl b{display:block;font-size:12.5px;font-weight:400;color:var(--faint)}
.rl ul{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.rl li{display:flex;gap:10px;font-size:14px;line-height:1.4;color:#e9e7e3}
.rl li svg{width:16px;height:16px;flex:none;margin-top:1px;fill:none;stroke:var(--coral-text);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rl>div+div li svg{stroke:var(--faint)}
.fs{background:linear-gradient(160deg,#a9bb9b,#5d7054);color:#16200f}
.tag2{display:block;margin-bottom:14px;text-align:center;font-size:14.5px;font-weight:500;color:var(--coral-text)}
.lead.sub{margin:16px auto 0;max-width:36em;text-align:center}
.chan{margin-top:48px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.chan .card{padding:30px}
.ch-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ch-top .n{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:500;letter-spacing:-.015em}
.ch-top .fav{width:36px;height:36px;border-radius:10px;font-size:15px}
.chan p.s{margin:16px 0 0;font-size:15.5px;line-height:1.55;color:#dcdad6}
.chan ul{margin:20px 0 0;padding:20px 0 0;border-top:1px solid var(--line);list-style:none;display:flex;flex-direction:column;gap:10px}
.chan li{display:flex;gap:10px;font-size:15px;line-height:1.45;color:var(--muted)}
.chan li svg{width:16px;height:16px;flex:none;margin-top:2px;fill:none;stroke:var(--coral-text);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.steps4{margin:48px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.steps4 h3{margin-top:16px}
.facts{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:22px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.facts>div{padding:24px 28px}
.facts>div+div{border-left:1px solid var(--line)}
.facts b{display:block;font-size:15.5px;font-weight:500}
.facts p{margin:6px 0 0;font-size:14.5px;line-height:1.55;color:var(--muted)}
.req-form.wide-f{max-width:760px}

@media (max-width:1100px){
  .row-grid{grid-template-columns:1fr;gap:20px}
  .steps4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stage.rep{padding:48px 32px}
}
@media (max-width:760px){
  .ph,.ah{padding-top:40px}
  .ph-grid{grid-template-columns:1fr;gap:20px}
  .ph h1{font-size:36px}
  .stage{height:300px;margin-top:40px;border-radius:22px}
  .stage .cast{bottom:32px}
  .stage .cast .m-s{width:84px;height:auto;margin-right:-20px!important;margin-bottom:24px!important}
  .stage .cast .m-o{width:106px;height:auto;margin-right:-18px!important;margin-bottom:12px!important}
  .stage .cast .m-c{width:140px;height:auto}
  .stage.rep{height:auto;padding:24px 12px;margin-left:-8px;margin-right:-8px}
  .logos{padding-top:96px}
  .logo-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
  .logo-row img{height:20px}
  .logo-row img:nth-child(10){display:none}
  .row{padding-top:104px}
  .big{font-size:20px}
  .cards3,.chan,.steps4,.facts{grid-template-columns:1fr}
  .facts>div+div{border-left:0;border-top:1px solid var(--line)}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpi .v{font-size:22px}
  .rl{grid-template-columns:1fr}
  .rl>div+div{border-left:0;border-top:1px solid var(--line)}
  .chan .card,.card{padding:24px}
}
.kpi .fav,.ch-top .fav{display:inline-flex;align-items:center;justify-content:center;flex:none;font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 0 0 1px rgba(0,0,0,.18)}
@media (max-width:480px){.report .sent{display:none}}