/* Pipeline landing hero: the Hoy screen of an advisor as a physical product render.
   Layers (back to front): glow + brand bars, floor, contact shadow, phone, lead card, notices.
   Everything inside .hd-stage is sized in em, so one font-size scales the whole object without blur.
   Motion: a single intro sequence, then still. Pointer tilt is an interaction, never an idle loop. */
@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/landing/manrope-800.ttf) format("truetype")}

.hd{--hd-ink:var(--brand-ink,#1b1d22);--hd-ember:var(--brand-primary,#e4572e);--hd-ember-hi:#f47b55;--hd-ember-lo:#873316;--hd-paper:var(--brand-paper,#faf8f6);
  position:relative;isolation:isolate;overflow:hidden;color:#fff;background:var(--hd-ink);padding:clamp(40px,6vw,84px) 0 clamp(96px,10vw,150px)}
.hd-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(70% 60% at 78% 28%,rgba(228,87,46,.30) 0%,rgba(228,87,46,.08) 45%,transparent 72%),radial-gradient(90% 70% at 10% 0%,#2a2d36 0%,transparent 60%),linear-gradient(180deg,#1f2127 0%,#15161a 100%)}
.hd-bars{position:absolute;right:-8%;top:6%;width:min(78vw,980px);height:auto;opacity:1;transform:translate3d(calc(var(--px,0)*-18px),calc(var(--py,0)*-10px),0)}
.hd-bars rect{fill:rgba(255,255,255,.045)}
.hd-bars rect:last-child{fill:rgba(228,87,46,.2)}
.hd-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:center}
.hd-copy{position:relative;z-index:2}
.hd .eyebrow{color:var(--hd-ember-hi);margin-bottom:20px}
.hd h1{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:clamp(30px,4.3vw,62px);line-height:1.04;letter-spacing:-.045em;text-wrap:balance;color:#fff}
.hd-lede{margin-top:22px;font-size:clamp(16px,1.35vw,19px);line-height:1.55;color:#c9ccd4;max-width:30em}
.hd .hero-actions{margin-top:30px;gap:12px 22px}
.hd .button{border-radius:999px;background:var(--hd-ember-hi);color:var(--hd-ink);min-height:52px;padding:13px 28px;font-size:15px;font-weight:700;gap:0;justify-content:center}
.hd .button:hover{background:#ff997a}
.hd .login-link{color:#fff;font-size:15px;padding:0 6px;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:6px}
.hd .login-link:hover{text-decoration-color:var(--hd-ember-hi)}
.hd .explorer-link{margin-top:10px;color:#ffb59c;font-size:14px;gap:0}
.hd a:focus-visible,.site-header a:focus-visible,.site-header button:focus-visible{outline:3px solid #ffb59c;outline-offset:4px}

/* ---------- stage ---------- */
.hd-stage{position:relative;font-size:15px;perspective:1700px;perspective-origin:50% 40%;z-index:1}
.hd-scene{position:relative;width:min(100%,40em);height:43em;margin-inline:auto}
.hd-contact,.hd-phone{font-size:calc(1em*var(--pz,1))}
.hd-lead{font-size:calc(.94em*var(--pz,1))}
.hd-floor{position:absolute;left:14%;right:6%;bottom:-1.2em;height:6em;border-radius:50%;background:radial-gradient(closest-side,rgba(244,123,85,.34),rgba(228,87,46,.1) 55%,transparent 80%);filter:blur(.6em)}
.hd-rig{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(calc(-9deg + var(--px,0)*8deg)) rotateX(calc(3deg - var(--py,0)*6deg));will-change:transform}
.hd-contact{position:absolute;left:50%;margin-left:-8.6em;bottom:.2em;width:17.2em;height:3em;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.75),rgba(0,0,0,.25) 60%,transparent);filter:blur(.5em);transform:translateZ(-4em) translateX(calc(var(--px,0)*-.8em))}

/* phone: frame, thickness layers, glass */
.hd-phone{position:absolute;left:50%;top:.6em;width:17.6em;height:37em;margin-left:-8.8em;transform-style:preserve-3d}
.hd-body,.hd-phone::before,.hd-phone::after{position:absolute;inset:0;border-radius:3.1em;content:""}
.hd-phone::before{transform:translateZ(-.35em);background:#17181c}
.hd-phone::after{transform:translateZ(-.7em);background:#0e0f12;box-shadow:0 0 0 1px rgba(255,255,255,.04)}
.hd-body{background:linear-gradient(150deg,#5a5d68 0%,#2a2c33 18%,#15161a 52%,#33353d 100%);padding:.5em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),inset 0 0 0 .14em #0b0b0e,0 0 0 1px rgba(0,0,0,.6);overflow:hidden}
.hd-btn{position:absolute;width:.22em;border-radius:.2em;background:linear-gradient(180deg,#4a4d57,#22242a);transform:translateZ(-.2em)}
.hd-btn.b1{left:-.2em;top:7em;height:2.4em}.hd-btn.b2{left:-.2em;top:10.4em;height:3.4em}.hd-btn.b3{right:-.2em;top:9em;height:5em}
.hd-screen{position:relative;height:100%;border-radius:2.6em;overflow:hidden;background:#fafaf8;color:#1b1d22;font-family:'IBM Plex Sans',Arial,sans-serif;font-size:.84em}
.hd-island{position:absolute;left:50%;top:.75em;width:6em;height:1.7em;margin-left:-3em;border-radius:1em;background:#050506;z-index:4}
.hd-sb{display:flex;justify-content:space-between;align-items:center;padding:.95em 1.9em 0;font-weight:600;font-size:.92em;height:3.2em}
.hd-sb svg{width:3.2em;height:1em}
.hd-top{display:flex;align-items:center;justify-content:space-between;padding:.4em 1.3em 0}
.hd-top h3{font:800 2em/1 Manrope,Arial,sans-serif;letter-spacing:-.04em}
.hd-top p{margin:.35em 0 0;color:#62616a;font-size:.95em}
.hd-av{width:2.7em;height:2.7em;border-radius:50%;display:grid;place-items:center;background:#1b1d22;color:#fff;font-weight:600;font-size:.95em}
.hd-sum{display:flex;gap:.5em;padding:1.1em 1.3em .4em}
.hd-sum span{border-radius:999px;padding:.4em .9em;font-weight:600;font-size:.92em;background:#efeae3;color:#1b1d22}
.hd-sum span:first-child{background:#1b1d22;color:#fff}
.hd-label{padding:.9em 1.3em .5em;font-size:.88em;font-weight:600;color:#62616a}
.hd-row{display:flex;align-items:center;gap:.8em;margin:0 .9em;padding:.8em .5em;border-top:1px solid #e7e2da}
.hd-row .a{flex:none;width:2.6em;height:2.6em;border-radius:50%;display:grid;place-items:center;background:#efeae3;color:#4a4a50;font-weight:600;font-size:.92em}
.hd-row b{display:block;font-size:1.04em;font-weight:600;line-height:1.2}
.hd-row small{display:flex;flex-wrap:wrap;gap:.35em;margin-top:.35em;font-size:.88em}
.hd-chip{border-radius:999px;padding:.18em .7em;background:#efeae3;color:#3a3a40;font-weight:600;line-height:1.5}
.hd-chip.e{background:#fbe0d6;color:#873316}
.hd-chip.g{background:#dff3e6;color:#17623a}
.hd-row.slot{margin:.1em .9em .1em;border:1.5px dashed rgba(228,87,46,.55);border-radius:1.1em;padding:.8em .6em;background:rgba(228,87,46,.05);min-height:4.4em}
.hd-row.slot .a,.hd-row.slot b,.hd-row.slot small{opacity:.35}
.hd-bar{position:absolute;left:0;right:0;bottom:0;height:4.9em;display:flex;justify-content:space-around;align-items:flex-start;padding-top:.8em;background:#fff;border-top:1px solid #e7e2da}
.hd-bar span{display:grid;justify-items:center;gap:.25em;font-size:.84em;color:#62616a;font-weight:500;min-width:3.4em}
.hd-bar span.on{color:#1b1d22;font-weight:700}
.hd-bar svg{width:1.7em;height:1.7em}
.hd-glass{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:5;
  background:linear-gradient(112deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.06) 24%,transparent 42%),radial-gradient(22em circle at var(--gx,30%) var(--gy,15%),rgba(255,255,255,.16),transparent 60%)}

/* lead card: paper material with thickness, grain, light sweep and a cast shadow */
.hd-lead{position:absolute;left:50%;margin-left:-9.8em;bottom:12.3em;width:16.4em;transform-style:preserve-3d;
  transform:translate3d(calc(var(--px,0)*-1.4em),calc(var(--py,0)*-.8em),6.5em) rotateY(calc(-11deg + var(--px,0)*6deg)) rotateX(calc(5deg - var(--py,0)*4deg))}
.hd-lead-cast{position:absolute;inset:.6em -.2em -1.5em .9em;border-radius:1.4em;background:rgba(0,0,0,.55);filter:blur(1.1em);transform:translateZ(-1.2em)}
.hd-edge{position:absolute;inset:0;border-radius:1.3em;background:#8a3a1c}
.hd-edge.e1{transform:translateZ(-.1em)}.hd-edge.e2{transform:translateZ(-.2em)}.hd-edge.e3{transform:translateZ(-.3em);background:#70301a}
.hd-edge.e4{transform:translateZ(-.4em);background:#70301a}.hd-edge.e5{transform:translateZ(-.5em);background:#5a2514}
.hd-face{position:relative;border-radius:1.3em;padding:1.1em 1.1em 1em;background:linear-gradient(160deg,#ffffff 0%,#f6f2ec 60%,#ece6dd 100%);color:#1b1d22;font-family:'IBM Plex Sans',Arial,sans-serif;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),inset 0 -.16em 0 rgba(228,87,46,.55),0 0 0 1px rgba(27,29,34,.08);overflow:hidden}
.hd-face::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.1;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}
.hd-sweep{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;mix-blend-mode:soft-light;
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.9) 48%,transparent 62%);background-size:260% 100%;background-position:calc(100% - var(--gx,40%)*1.4) 0}
.hd-lead-head{display:flex;align-items:center;gap:.8em}
.hd-lead .av{flex:none;width:2.9em;height:2.9em;border-radius:50%;display:grid;place-items:center;background:var(--hd-ember);color:#fff;font-weight:600;font-size:.95em}
.hd-lead h4{margin:0;font:800 1.12em/1.15 Manrope,Arial,sans-serif;letter-spacing:-.02em}
.hd-lead .src{margin:.2em 0 0;font-size:.86em;color:#5b5a62}
.hd-lead .row2{display:flex;flex-wrap:wrap;align-items:center;gap:.5em;margin-top:.8em}
.hd-lead .row2 .hd-chip{font-size:.86em}
.hd-lead .row2 span.i{font-size:.86em;color:#3d3d44}
.hd-next{display:flex;align-items:center;gap:.8em;margin-top:.8em;padding:.8em .8em .8em 1em;border-radius:1em;background:#f1ece4}
.hd-next div{flex:1;min-width:0}
.hd-next small{display:block;font-size:.8em;color:#5b5a62;font-weight:500}
.hd-next strong{display:block;font-size:.98em;font-weight:700;line-height:1.25;margin-top:.1em}
.hd-act{flex:none;width:2.7em;height:2.7em;border-radius:50%;display:grid;place-items:center;color:#fff}
.hd-act svg{width:1.25em;height:1.25em}
.hd-act.call{background:#1b1d22}.hd-act.wa{background:#1f9d55}
.hd-rota{display:inline-flex;align-items:center;gap:.55em;border-radius:999px;padding:.4em .9em;background:#fdebd0;color:#6b3f00;font-weight:700;font-size:.88em;line-height:1.4}
.hd-rota i{width:.6em;height:.6em;border-radius:50%;background:#d98a0b}

/* floating notices: each on its own plane, never masked */
.hd-note{position:absolute;display:flex;align-items:center;gap:.8em;width:12.4em;padding:.8em 1em;border-radius:1.1em;background:rgba(255,255,255,.97);color:#1b1d22;
  box-shadow:0 1.6em 3em rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.5) inset,0 .1em 0 #fff inset;font-family:'IBM Plex Sans',Arial,sans-serif;font-size:.92em;line-height:1.3}
.hd-note b{display:block;font-weight:600;font-size:.98em}
.hd-note small{display:block;margin-top:.2em;font-size:.88em;color:#5b5a62}
.hd-note .ic{flex:none;width:2.5em;height:2.5em;border-radius:50%;display:grid;place-items:center;background:#fbe0d6;color:#873316}
.hd-note .ic svg{width:1.25em;height:1.25em}
.hd-note.ok .ic{background:#dff3e6;color:#17623a}
.hd-note.n1{left:-1em;top:3em;transform:translate3d(calc(var(--px,0)*-2.4em),calc(var(--py,0)*-1.3em),9em)}
.hd-note.n2{left:-.6em;top:17em;transform:translate3d(calc(var(--px,0)*-2.8em),calc(var(--py,0)*-1.5em),7.5em)}
.hd-note.n3{right:-4.2em;bottom:.4em;transform:translate3d(calc(var(--px,0)*-2em),calc(var(--py,0)*-1.1em),10.5em)}
.hd-tag{text-align:center;margin:1.6em 0 0;font-size:.82em}
.hd-tag span{display:inline-block;border-radius:999px;padding:.3em .95em;border:1px solid rgba(255,255,255,.28);color:#d9dce3;font-weight:600;letter-spacing:.02em}
.hd-cta-note{position:absolute;left:0;right:0;bottom:-3.4em;text-align:center;font-size:.8em;color:#a9adb8}
.hd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* paper sheet that closes the hero */
.hd-cap{position:absolute;left:0;right:0;bottom:-1px;height:clamp(34px,4vw,56px);background:var(--hd-paper);border-radius:clamp(26px,3.4vw,44px) clamp(26px,3.4vw,44px) 0 0}

/* dark header over the hero, same bar on the paper sections */
.site-header{background:var(--brand-ink,#1b1d22);border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
.site-header .logo,.site-header nav a,.site-header #mobile-nav a{color:#fff}
.site-header .nav nav a{color:#d9dce3}
.site-header .nav nav a:hover{color:#fff}
.site-header .menu-toggle{color:#fff;border-color:rgba(255,255,255,.3)}
.site-header #mobile-nav{border-top-color:rgba(255,255,255,.1);background:var(--brand-ink,#1b1d22)}
.site-header #mobile-nav a{border-bottom:1px solid rgba(255,255,255,.06)}

/* intro: the lead lifts out of its slot in the Hoy list, then the notices arrive one by one. Ends still. */
@media(prefers-reduced-motion:no-preference){
  .hd-lead{animation:hdLift .24s cubic-bezier(.2,.7,.2,1)}
  .hd-note.n1{animation:hdIn .24s cubic-bezier(.2,.7,.2,1)}
  .hd-note.n2{animation:hdIn .24s cubic-bezier(.2,.7,.2,1)}
  .hd-note.n3{animation:hdIn .24s cubic-bezier(.2,.7,.2,1)}
  .hd-rig.live{transition:none}
}
@keyframes hdLift{from{opacity:0;transform:translate3d(8em,6em,0) rotateY(0) rotateX(0)}}
@keyframes hdIn{from{opacity:0;translate:0 1.4em}}

@media(max-width:980px){
  .hd-grid{grid-template-columns:1fr;gap:20px}
  .hd-stage{font-size:15.5px;margin-top:6px}
  .hd .hero-actions{align-items:stretch}
  .hd .hero-actions .button{flex:1 1 100%}
  .hd .login-link{justify-content:center;flex:1 1 100%}
  .hd{padding-top:28px}.hd-lede{margin-top:16px}.hd .hero-actions{margin-top:22px}
}
@media(min-width:981px) and (max-width:1180px){.hd-stage{font-size:13.2px}}
@media(min-width:1500px){.hd-stage{font-size:16px}}
/* phone width: notices go above and below the phone so they never touch the Hoy screen */
@media(max-width:560px){
  .hd-grid{display:flex;flex-direction:column;gap:0;align-items:stretch}
  .hd-copy{display:contents}
  .hd-copy>*{order:1}
  .hd h1{font-size:25px;order:1}.hd .eyebrow{margin-bottom:12px}
  .hd .hero-actions{margin-top:16px;order:2}
  .hd-stage{order:3;font-size:13.4px;margin-top:6px}
  .hd-lede{order:4;margin-top:34px}.hd .explorer-link{order:5}
  .hd-scene{width:100%;height:42.4em;--pz:.9}
  .hd-phone{top:5em}
  .hd-contact{bottom:3.6em}
  .hd-lead{bottom:11.6em}
  .hd-note{width:13.2em}
  .hd-note.n1{left:auto;right:.2em;top:0}
  .hd-note.n2{display:none}
  .hd-note.n3{right:auto;left:.2em;bottom:0}
  .hd-tag{position:absolute;left:.2em;top:.6em;margin:0;z-index:3}
}
/* Preserve the established product illustration with a clearer, shorter opening. */
.hd h1{font-size:clamp(46px,4.4vw,64px);line-height:1.04;letter-spacing:-.06em}.hd h1 em{color:var(--hd-ember-hi)}.hd .hero-actions{gap:18px}.hd .button{font-size:13px;padding-inline:23px}.hd .hero-caption{font-size:11px;color:#bfc2ca;margin-top:15px}.hd-screen,.hd-face,.hd-note{font-family:Manrope,Arial,sans-serif}.hd-lede{font-size:16px;max-width:27em}
@media(max-width:560px){.hd h1{font-size:42px;line-height:1.04}.hd .hero-actions{gap:5px;margin-top:22px}.hd .hero-actions .button{min-height:50px}.hd .login-link{min-height:44px;display:flex;font-size:13px}.hd .hero-caption{order:2;margin-top:0;text-align:center;font-size:10px}.hd-stage{margin-top:25px}.hd-lede{order:1;margin-top:18px;font-size:14px;max-width:300px}.hd{padding-bottom:70px}.hd-tag{font-size:.72em}.hd-note.n1{right:0}.hd-note.n3{left:0}}
@media(max-width:370px){.hd h1{font-size:43px}.hd-stage{font-size:12.4px}}

.hd-lead{width:18.8em;margin-left:-10em}.hd-next{gap:.55em}.hd-next strong{font-size:.94em}.hd-note{width:13.4em}

.hd .signup-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#fff;font-size:12px;text-decoration:underline;text-underline-offset:5px;margin-top:7px}.hd .signup-link span{font-size:16px}@media(max-width:560px){.hd .signup-link{order:2;justify-content:center;margin-top:4px;font-size:11px}}