:root{
  --beige:#dfdacd;
  --dark:#2c2a25;
  --dark-deep:#1e1c18;
  --muted-light:#6b6560;
  --muted-dark:rgba(223,218,205,0.5);
  --border-light:rgba(44,42,37,0.12);
  --border-dark:rgba(223,218,205,0.12);
  --brand:'Archivo Black',sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:'Manrope',system-ui,sans-serif;background:var(--beige);color:var(--dark);font-weight:400;line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font-family:inherit;cursor:pointer;border:none;background:none}

/* shared */
.container{max-width:1320px;margin:0 auto;padding:0 2.5rem}
.eyebrow{font-family:'DM Mono',monospace;font-size:0.72rem;font-weight:400;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted-light);display:inline-flex;align-items:center;gap:0.55rem}
.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--dark);display:inline-block}
.on-dark .eyebrow{color:var(--muted-dark)}
.on-dark .eyebrow .dot{background:var(--beige)}

.btn{display:inline-flex;align-items:center;gap:0.6rem;padding:0.95rem 1.7rem;border-radius:100px;font-weight:700;font-size:0.92rem;letter-spacing:0.005em;transition:transform .2s ease,opacity .2s ease,background .2s ease,color .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary-dark{background:var(--dark);color:var(--beige)}
.btn-primary-dark:hover{background:var(--dark-deep)}
.btn-primary-light{background:var(--beige);color:var(--dark)}
.btn-primary-light:hover{background:#ece8db}
.btn-ghost-light{color:var(--dark);border-bottom:1px solid var(--dark);border-radius:0;padding:0.4rem 0.1rem}
.btn-ghost-light:hover{transform:none;opacity:0.7}
.btn-ghost-dark{color:var(--beige);border-bottom:1px solid var(--beige);border-radius:0;padding:0.4rem 0.1rem}
.btn-ghost-dark:hover{transform:none;opacity:0.7}

/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.4rem 0;transition:background .35s ease,border-color .35s ease,padding .35s ease}
.nav.scrolled{padding:0.9rem 0;background:var(--beige);border-bottom:1px solid var(--border-light)}
.nav.scrolled.on-dark-section{background:var(--dark);border-bottom:1px solid var(--border-dark)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.brand{font-family:var(--brand);font-size:1.15rem;letter-spacing:0.01em}
.nav-links{display:flex;gap:2rem;font-weight:500;font-size:0.9rem}
.nav-links a{opacity:0.8;transition:opacity .15s ease}
.nav-links a:hover{opacity:1}
.nav-cta{font-family:'DM Mono',monospace;font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;padding:0.75rem 1.3rem;border-radius:100px;border:1px solid currentColor;font-weight:500;transition:background .2s ease,color .2s ease}
.nav-cta:hover{background:currentColor}
.nav-cta:hover span{color:var(--beige)}
.nav.on-dark-section .nav-cta:hover span{color:var(--dark)}
.nav-cta span{transition:color .2s ease}

/* HERO */
.hero{background:var(--dark);color:var(--beige);padding:11rem 0 6rem;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:5rem;align-items:center}
.hero-eyebrow{margin-bottom:2.25rem}
.hero h1{font-family:'Manrope';font-weight:900;font-size:clamp(3rem,7.2vw,7rem);line-height:0.96;letter-spacing:-0.035em;margin-bottom:1.75rem}
.hero h1 .accent{display:block;color:var(--beige);opacity:0.55}
.hero .sub{font-size:1.15rem;line-height:1.55;max-width:38rem;color:rgba(223,218,205,0.78);margin-bottom:2.5rem;font-weight:400}
.hero-ctas{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}

/* glass sphere */
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}
.sphere-wrap{display:flex;align-items:center;justify-content:center;animation:float 6s ease-in-out infinite}
.sphere-wrap svg{width:380px;height:auto;max-width:100%}

/* section header */
.section{padding:8rem 0}
.section-head{margin-bottom:5rem;max-width:60rem}
.section-head h2{font-family:'Manrope';font-weight:800;font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.02;letter-spacing:-0.025em;margin-top:1.4rem}

/* SERVICES — two pillars */
.services{background:var(--beige);color:var(--dark)}
.pillars{display:grid;grid-template-columns:1fr 1fr;gap:4.5rem;align-items:start;border-top:1px solid var(--border-light);padding-top:3rem}
.pillar-eyebrow{font-family:'DM Mono',monospace;font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted-light);margin-bottom:0.9rem}
.pillar-title{font-family:'Manrope';font-weight:500;font-size:1.5rem;letter-spacing:-0.015em;margin-bottom:1.75rem;line-height:1.2}

.svc-cards{display:flex;flex-direction:column;border-top:1px solid var(--border-light)}
.svc-card{border-bottom:1px solid var(--border-light)}
.svc-toggle{width:100%;display:grid;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:1.2rem;padding:1.6rem 0;text-align:left;transition:padding-left .25s ease}
.svc-toggle:hover{padding-left:0.5rem}
.svc-toggle:focus-visible{outline:2px solid var(--dark);outline-offset:4px;border-radius:2px}
.svc-num{font-family:'DM Mono',monospace;font-size:0.78rem;letter-spacing:0.08em;color:var(--muted-light);font-weight:400}
.svc-name{font-family:'Manrope';font-weight:700;font-size:1.45rem;letter-spacing:-0.015em;transition:opacity .25s ease}
.svc-toggle:hover .svc-name{opacity:0.7}
.svc-chevron{font-family:'DM Mono',monospace;font-size:1.25rem;line-height:1;color:var(--muted-light);transition:transform .3s ease}
.svc-toggle[aria-expanded="true"] .svc-chevron{transform:rotate(90deg);color:var(--dark)}

.svc-panel{max-height:0;overflow:hidden;transition:max-height .35s ease}
.svc-panel-inner{padding:0.2rem 0 1.9rem 3.4rem}
.svc-tagline{font-style:italic;font-size:1.1rem;line-height:1.5;color:var(--dark);opacity:0.9;margin-bottom:1.5rem}
.svc-meta{display:flex;flex-direction:column;gap:0.85rem;margin-bottom:1.6rem}
.svc-meta-row{display:grid;grid-template-columns:6.5rem 1fr;gap:1rem;align-items:baseline}
.svc-meta-label{font-family:'DM Mono',monospace;font-size:0.68rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted-light)}
.svc-meta-val{font-size:0.96rem;line-height:1.5;color:var(--dark);opacity:0.85}
.svc-readmore{font-family:'DM Mono',monospace;font-size:0.78rem;letter-spacing:0.05em;text-transform:uppercase;border-bottom:1px solid var(--dark);padding-bottom:0.2rem;transition:opacity .2s ease}
.svc-readmore:hover{opacity:0.6}

/* PROOF / STATS */
.proof{background:var(--dark);color:var(--beige)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;border-top:1px solid var(--border-dark);padding-top:3.5rem;margin-top:1rem}
.stat .num{font-family:'Manrope';font-weight:900;font-size:clamp(3rem,5.5vw,5.2rem);line-height:0.95;letter-spacing:-0.035em;margin-bottom:0.6rem}
.stat .lbl{font-family:'DM Mono',monospace;font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted-dark)}
.proof-foot{margin-top:3.5rem;font-size:1.05rem;color:var(--muted-dark);max-width:35rem}

/* ABOUT */
.about{background:var(--beige);color:var(--dark)}
.about-body{display:grid;grid-template-columns:1fr 1.1fr;gap:5rem;align-items:flex-start;border-top:1px solid var(--border-light);padding-top:3rem}
.about-body h2{font-family:'Manrope';font-weight:800;font-size:clamp(2rem,3.8vw,3.4rem);line-height:1.05;letter-spacing:-0.025em}
.about-body .copy p{font-size:1.05rem;line-height:1.7;margin-bottom:1.4rem;color:var(--dark);opacity:0.88}
.about-foot{margin-top:4rem;padding-top:2.5rem;border-top:1px solid var(--border-light);font-size:1.05rem;line-height:1.6;max-width:55rem;color:var(--dark);opacity:0.78}

/* AI FLEET */
.fleet{background:var(--dark);color:var(--beige)}
.fleet-frame{margin-top:1rem;background:var(--dark-deep);border:1px solid var(--border-dark);border-radius:14px;padding:2.5rem;overflow:hidden}
.fleet-frame-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-dark)}
.fleet-frame-title{font-family:'DM Mono',monospace;font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted-dark)}
.fleet-frame-dots{display:flex;gap:0.4rem}
.fleet-frame-dots i{width:8px;height:8px;border-radius:50%;background:rgba(223,218,205,0.15);display:block}
.agents{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem}
.agent{padding:1.5rem;background:rgba(223,218,205,0.04);border:1px solid var(--border-dark);border-radius:8px}
.agent-head{display:flex;align-items:center;gap:0.6rem;margin-bottom:1rem}
.agent .pulse{width:9px;height:9px;border-radius:50%;background:#4ade80;position:relative;flex-shrink:0}
.agent .pulse::after{content:'';position:absolute;inset:-4px;border-radius:50%;background:#4ade80;opacity:0.4;animation:pulse 1.8s ease-out infinite}
@keyframes pulse{0%{transform:scale(0.6);opacity:0.5}80%,100%{transform:scale(2.2);opacity:0}}
.agent-name{font-family:'DM Mono',monospace;font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--beige)}
.agent-status{font-size:0.92rem;color:var(--muted-dark);line-height:1.4}

.terminal{background:rgba(0,0,0,0.35);border:1px solid var(--border-dark);border-radius:6px;padding:1.25rem 1.5rem;font-family:'DM Mono',monospace;font-size:0.82rem;color:var(--beige);min-height:5rem;line-height:1.7;overflow:hidden;position:relative}
.terminal-prefix{color:var(--muted-dark);margin-right:0.6rem}
.terminal-line{opacity:0;transition:opacity .35s ease}
.terminal-line.show{opacity:1}

.fleet-foot{margin-top:3.5rem;display:grid;grid-template-columns:1.4fr auto;gap:2rem;align-items:center}
.fleet-foot .copy{font-size:1.08rem;color:var(--muted-dark);line-height:1.6;max-width:34rem}

/* CTA band */
.cta-band{background:var(--dark-deep);color:var(--beige);padding:7rem 0}
.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;border-top:1px solid var(--border-dark);padding-top:3rem}
.cta-grid h2{font-family:'Manrope';font-weight:800;font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.05;letter-spacing:-0.025em;margin-top:1.25rem}
.cta-grid .right p{font-size:1.05rem;line-height:1.65;color:rgba(223,218,205,0.8);margin-bottom:1rem}
.cta-grid .right p.muted{color:var(--muted-dark);margin-bottom:2rem}

/* FOOTER */
footer{background:var(--beige);color:var(--dark);padding:5rem 0 2rem}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1.3fr;gap:4rem;border-top:1px solid var(--border-light);padding-top:3.5rem}
.foot-brand{font-family:var(--brand);font-size:1.75rem;letter-spacing:0.01em;margin-bottom:0.4rem}
.foot-tag{font-family:'DM Mono',monospace;font-size:0.78rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted-light)}
.foot-col h4{font-family:'DM Mono',monospace;font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted-light);margin-bottom:1.2rem;font-weight:400}
.foot-col ul{list-style:none;display:flex;flex-direction:column;gap:0.7rem;font-size:0.98rem}
.foot-col a{transition:opacity .15s ease}
.foot-col a:hover{opacity:0.6}
.foot-bottom{margin-top:4rem;padding-top:1.75rem;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;font-family:'DM Mono',monospace;font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted-light)}

/* ═══ SERVICE DETAIL PAGES ═══ */
.svc-hero{background:var(--dark);color:var(--beige);padding:11rem 0 6.5rem}
.svc-hero .eyebrow{margin-bottom:2rem}
.svc-hero h1{font-family:'Manrope';font-weight:900;font-size:clamp(2.6rem,6.5vw,5.8rem);line-height:0.97;letter-spacing:-0.035em;margin-bottom:1.6rem;max-width:16ch}
.svc-hero .tagline{font-style:italic;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.45;color:rgba(223,218,205,0.82);max-width:34rem}

.pov{background:var(--beige);color:var(--dark)}
.pov-body{display:grid;grid-template-columns:1.1fr 1fr;gap:5rem;align-items:start;border-top:1px solid var(--border-light);padding-top:3rem}
.pov-statement{font-family:'Manrope';font-weight:800;font-size:clamp(1.9rem,3.8vw,3.2rem);line-height:1.08;letter-spacing:-0.025em}
.pov-copy p{font-size:1.08rem;line-height:1.7;color:var(--dark);opacity:0.88;margin-bottom:1.3rem}

.what{background:var(--dark);color:var(--beige)}
.what-body{max-width:46rem;border-top:1px solid var(--border-dark);padding-top:3rem}
.what-body p{font-size:1.12rem;line-height:1.75;color:rgba(223,218,205,0.85);margin-bottom:1.5rem}
.what-body p:last-child{margin-bottom:0}

.detail-proof{background:var(--beige);color:var(--dark)}
.detail-proof .lead{font-size:1.15rem;line-height:1.65;max-width:44rem;color:var(--dark);opacity:0.88;border-top:1px solid var(--border-light);padding-top:3rem}
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2.5rem 2rem;margin-top:3rem}
.metric .num{font-family:'Manrope';font-weight:900;font-size:clamp(2.4rem,4.5vw,4rem);line-height:0.95;letter-spacing:-0.035em;margin-bottom:0.55rem}
.metric .lbl{font-family:'DM Mono',monospace;font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted-light);line-height:1.4}
.case-card{margin-top:3rem;border:1px dashed var(--border-light);border-radius:12px;padding:2.5rem;background:rgba(44,42,37,0.02)}
.case-card .tag{font-family:'DM Mono',monospace;font-size:0.7rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted-light);margin-bottom:0.8rem}
.case-card p{font-size:1.05rem;line-height:1.6;color:var(--dark);opacity:0.85;max-width:44rem}

/* engagement / tiers */
.engagement{background:var(--dark);color:var(--beige)}
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;border-top:1px solid var(--border-dark);padding-top:3rem;margin-top:1rem}
.tier{padding:2rem;border:1px solid var(--border-dark);border-radius:12px;background:rgba(223,218,205,0.04)}
.tier-name{font-family:'Manrope';font-weight:700;font-size:1.25rem;letter-spacing:-0.01em;margin-bottom:0.6rem}
.tier-price{font-family:'DM Mono',monospace;font-size:0.78rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--beige);opacity:0.7;margin-bottom:1rem}
.tier-desc{font-size:0.98rem;line-height:1.55;color:var(--muted-dark)}
.engagement-note{margin-top:2.5rem;font-size:1.02rem;color:var(--muted-dark);max-width:40rem;line-height:1.6}

/* dashboard preview link (fleet builds page) */
.dash-link{display:block;margin-top:3rem;text-decoration:none}
.dash-link .fleet-frame{margin-top:0;transition:transform .25s ease,border-color .25s ease}
.dash-link:hover .fleet-frame{transform:translateY(-3px);border-color:rgba(223,218,205,0.25)}
.dash-cta{margin-top:1.5rem;font-family:'DM Mono',monospace;font-size:0.78rem;letter-spacing:0.05em;text-transform:uppercase;color:var(--beige);display:inline-flex;gap:0.5rem;border-bottom:1px solid var(--beige);padding-bottom:0.2rem}

/* TalentOS teaser + waitlist */
.teaser{background:var(--dark-deep);color:var(--beige);padding:6rem 0}
.teaser-inner{border-top:1px solid var(--border-dark);padding-top:3rem;max-width:42rem}
.teaser h3{font-family:'Manrope';font-weight:800;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-0.02em;margin-bottom:0.8rem}
.teaser p{color:var(--muted-dark);font-size:1.05rem;line-height:1.6;margin-bottom:2rem}
.waitlist{display:flex;gap:0.8rem;flex-wrap:wrap;max-width:30rem}
.waitlist input{flex:1;min-width:14rem;background:rgba(223,218,205,0.06);border:1px solid var(--border-dark);border-radius:100px;padding:0.85rem 1.4rem;color:var(--beige);font-family:inherit;font-size:0.95rem}
.waitlist input::placeholder{color:var(--muted-dark)}
.waitlist input:focus{outline:none;border-color:rgba(223,218,205,0.4)}

/* mobile */
@media (max-width:900px){
  .container{padding:0 1.5rem}
  .nav-links{display:none}
  .hero,.svc-hero{padding:9rem 0 5rem}
  .hero-grid,.about-body,.fleet-foot,.cta-grid,.foot-grid,.pov-body{grid-template-columns:1fr;gap:3.5rem}
  .section{padding:5rem 0}
  .section-head{margin-bottom:3rem}
  .sphere-wrap svg{width:280px}
  .stats{grid-template-columns:1fr 1fr;gap:2.5rem 1.5rem}
  .agents{grid-template-columns:1fr}
  .foot-bottom{flex-direction:column;gap:1rem;align-items:flex-start}
  .hero-ctas{gap:1.25rem}
  .svc-name{font-size:1.3rem}
}

/* pillars stack below 768px (per spec) */
@media (max-width:768px){
  .pillars{grid-template-columns:1fr;gap:3.5rem}
  .svc-panel-inner{padding-left:3.4rem}
  .svc-meta-row{grid-template-columns:1fr}
  .svc-meta-row{gap:0.25rem}
}