:root{--bg-base:#fff;--bg-alt:#f6f6f6;--surface-1:#f7f7f7;--surface-2:#eee;--surface-solid:#f5f5f5;--border-dim:#e9e9e9;--border-light:#ddd;--accent-cyan:#647351;--accent-blue:#647351;--text-main:#242424;--text-dim:#626262;--text-muted:#737373}
body{background:#fff;color:#242424}::selection{background:#e8c6af;color:#222}
.ambient-glow,.grid-layer,.path-ambient-glow,#webgl-wave-container,.noise-layer{display:none!important}
section,footer,.path-section,#lagoon-one,#diagnostico,.social-proof-section{background-color:#fff!important;background-image:none!important}
section+section{border-top:1px solid #ececec}.section-padding{padding:112px 0}
#header{background:rgba(255,255,255,.94);border-bottom:1px solid #eee;backdrop-filter:blur(18px)}#header-bg{display:none}#header img,footer img{filter:grayscale(1)}
#header a,#header span,footer{color:#292929!important}#header nav a{font-size:12px;text-transform:none;letter-spacing:0}
#mobile-menu{background:#fff!important}#mobile-menu a{color:#222!important}#mobile-menu-btn span{background:#333!important}
.hero{position:relative;isolation:isolate;min-height:780px;min-height:92svh;display:flex;align-items:center;padding:160px 0 110px!important;overflow:hidden}
#hero-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.hero .container{width:100%}
.hero-content{max-width:960px!important}.hero-content h1.hero-dynamic-title{font-size:clamp(54px,7.5vw,104px)!important;line-height:1.03;letter-spacing:-.065em;display:flex;flex-direction:column;gap:5px;margin-bottom:30px;color:#242424}
.static-headline{font-weight:400}.agentic-highlight{color:#555!important;background:none!important;-webkit-text-fill-color:currentColor!important;font-family:'Instrument Serif',Georgia,serif;font-style:italic;text-shadow:none!important}
.hero-subheadline{font-size:clamp(17px,1.6vw,21px)!important;line-height:1.65!important;color:#626262!important;max-width:610px;position:relative;min-height:74px}
.hero-subheadline span{color:inherit!important}.typing-copy{position:absolute;inset:0}.typing-caret{border-right:1px solid #7b7b7b;padding-right:3px;animation:caret 1s step-end infinite}@keyframes caret{50%{border-color:transparent}}
.hero-actions{margin-top:30px;gap:14px}.hero-cta-glass,.header-cta-glass,.btn-primary{background:#292929!important;border:1px solid #292929!important;color:#fff!important;box-shadow:none!important;border-radius:8px!important;transition:transform .3s,background .3s!important}.hero-cta-glass span,#header .header-cta-glass{color:#fff!important}.hero-cta-glass:before,.header-cta-glass:before{display:none!important}.hero-cta-glass:hover,.header-cta-glass:hover{background:#484848!important;transform:translateY(-3px)}.btn-secondary{background:#fff!important;border:1px solid #d8d8d8!important;color:#333!important;border-radius:8px!important}
h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.045em;text-wrap:balance}p{color:#626262}.section-info p{max-width:58ch}.feature-list{color:#626262}.feature-list strong{color:#333}.feature-icon{background:#f0f2ec!important;color:#647351!important;border-color:#dce1d5!important;box-shadow:none!important}.feature-list li:nth-child(even) .feature-icon{background:#f7e9df!important;color:#a76e4e!important}
.lead-funnel{margin:0;background:#fafafa;border:1px solid #e8e8e8;border-radius:18px;overflow:hidden;padding:24px 22px;min-width:0}.lead-funnel svg{width:100%;height:auto;display:block}.funnel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#6b6b6b}.funnel-heading button{background:none;border:0;border-bottom:1px solid #aaa;color:#555;font:inherit;cursor:pointer;padding:6px 0}.funnel-label{font:10px system-ui;letter-spacing:2px;fill:#656565}.leak-label{font:12px system-ui;fill:#91664c}.lead-funnel figcaption{border-top:1px solid #e4e4e4;padding-top:18px;display:grid;gap:6px}.lead-funnel figcaption strong{font-size:16px;font-weight:500}.lead-funnel figcaption span{font-size:11px;color:#777}
.browser-mockup{box-shadow:0 18px 60px #0000000b!important;border-color:#ddd}.browser-mockup:hover{box-shadow:0 22px 70px #00000012!important}
.tweet-card,.bento-card,.method-card,.glass-card{background:#fafafa!important;border-color:#e1e1e1!important;box-shadow:none!important;color:#333!important}
[class*="text-white"]{color:#292929!important}[class*="text-zinc-"],[class*="text-gray-"],[class*="text-slate-"]{color:#656565!important}[class*="text-[#33D2FF]"],[class*="text-cyan"]{color:#647351!important}
[class*="bg-[#0"],[class*="bg-[#1"],[class*="bg-black"]{background-color:#f6f6f6!important}[class*="border-white"]{border-color:#e5e5e5!important}
.path-rail .stn-head,.path-rail .stn.lit .stn-head{color:#292929!important}.path-rail .stn-name,.path-rail .stn.lit .stn-name{color:#647351!important}.path-rail .stn:before{background:#fff!important;box-shadow:none!important}.path-rail:before{background:#ddd!important}
.motion-enter{opacity:0;filter:blur(7px);transform:translateY(30px) scale(.98);transition:opacity .85s,filter .85s,transform 1s cubic-bezier(.16,1,.3,1);transition-delay:var(--entrance-delay,0ms)}.motion-enter.is-in{opacity:1;filter:blur(0);transform:none}
.letter-word{display:inline-block;opacity:0;filter:blur(6px);transform:translateY(18px);transition:opacity .65s,filter .65s,transform .8s;transition-delay:calc(var(--word) * 45ms)}.is-in .letter-word{opacity:1;filter:none;transform:none}
section h2{background:linear-gradient(110deg,#242424 20%,#8a8a8a 50%,#242424 80%);background-size:220% auto;background-clip:text;-webkit-background-clip:text;color:transparent;transition:background-position 1.2s}section:hover h2{background-position:100% center}
a:focus-visible,button:focus-visible{outline:2px solid #647351;outline-offset:5px}a:active,button:active{transform:scale(.98)}
@media(max-width:767px){.hero{min-height:720px;padding:140px 0 90px!important}.hero-content h1.hero-dynamic-title{font-size:clamp(46px,10vw,72px)!important}.hero-subheadline{min-height:112px}.section-padding{padding:72px 0}.lead-funnel{padding:18px 12px}.funnel-heading{font-size:10px}.container{padding-left:24px;padding-right:24px}.hero-actions{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-enter,.letter-word{opacity:1;filter:none;transform:none}}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
.hero-content h1.hero-dynamic-title{height:auto;min-height:0;max-height:none;align-items:center;color:#242424!important;white-space:normal!important}.agentic-highlight{filter:none!important}.static-headline{color:#242424!important;-webkit-text-fill-color:#242424!important}
.browser-header,.pf-side-nav,.pf-chat-list,.pf-chat-header,.pf-chat-input,.pf-bubble.incoming,.browser-address,.browser-mockup{background-color:#fff!important}.pf-chat-main,.platform-mockup{background:#f7f7f7!important}.pf-avatar-circle,.pf-avatar-circle-sm{color:#fff!important;background:#647351!important}.pf-bubble.outgoing{background:#e8ede2!important;color:#30382b!important}
[id*="toast"],[class*="toast"]{box-shadow:0 8px 30px #00000012!important;border-color:#ddd!important}
section h2{color:#292929!important;-webkit-text-fill-color:transparent!important;-webkit-text-stroke:0!important;text-shadow:none!important;background-image:linear-gradient(110deg,#242424 20%,#858585 50%,#242424 80%)!important}section h2 span{-webkit-text-fill-color:inherit!important;color:inherit!important}.typing-caret{border:0;animation:none}.typing-caret:after{content:'';display:inline-block;height:1em;border-right:1px solid #777;margin-left:3px;vertical-align:-.1em;animation:caret 1s step-end infinite}
section h2 .letter-word{-webkit-text-fill-color:#333!important;color:#333!important;position:relative;transform:none!important}section h2{line-height:1.15!important}section{scroll-margin-top:90px}
@media(max-width:900px){.split-section{grid-template-columns:minmax(0,1fr)!important;gap:42px!important}.section-info,.section-visual{width:100%;min-width:0}.section-info{position:static!important;top:auto!important}.lead-funnel{max-width:580px;margin-inline:auto}.hero-content h1.hero-dynamic-title{font-size:clamp(42px,9vw,72px)!important}.hero-actions{flex-wrap:wrap}.browser-mockup{max-width:100%}.section-padding{padding:72px 0}.scarcity-toast{display:none!important}}
/* Requested refinements: original headline rhythm, quiet section entrances. */
#header{position:relative!important;top:auto!important;height:90px!important}
.hero-content h1.hero-dynamic-title{font-size:clamp(2rem,3.6vw,4.2rem)!important;flex-direction:row!important;align-items:baseline!important;justify-content:center!important;gap:.35em!important;line-height:1.15!important;letter-spacing:-.03em!important;height:1.25em!important;min-height:1.25em!important;max-height:1.25em!important;white-space:nowrap!important;margin-bottom:24px!important}
.ticker-item{color:rgba(45,45,45,.45)!important;-webkit-text-fill-color:rgba(45,45,45,.45)!important;text-decoration:line-through;text-decoration-color:rgba(45,45,45,.45);text-decoration-thickness:2.5px}
.motion-enter{filter:none!important;transform:translateY(12px);transition:opacity .7s ease,transform .7s ease;transition-delay:0s}.motion-enter.is-in{transform:none}.letter-word{opacity:1;filter:none;transform:none;transition:none}
section h2,section h2 span{-webkit-text-fill-color:currentColor!important;color:#292929!important;background:none!important;filter:none!important}
#pipeline-path-base{stroke:#eddbce}#pipeline-path-glow{stroke:#dca987;filter:none}.pipeline-side-node{background:#e3b494!important;border-color:#dca987!important;box-shadow:none!important}
@media(max-width:768px){.hero-content h1.hero-dynamic-title{font-size:clamp(1.5rem,6.8vw,2.5rem)!important}}
/* Lagoon One CTA uses the homepage moss-green accent. */
#lagoon-one .hero-cta-glass{background:#647351!important;border-color:#647351!important;color:#fff!important}
#lagoon-one .hero-cta-glass:hover{background:#536044!important;border-color:#536044!important}
/* The reference simulation owns this canvas; clip it to the hero only. */
#hero-particles{overflow:hidden;contain:strict}
#hero-particles canvas{display:block;width:100%;height:100%;pointer-events:none}
/* Larger hero composition, preserving its horizontal headline and CTA layout. */
.hero-content{max-width:1080px!important}
.hero-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:38px;color:#292929;font-family:var(--font-display);font-size:30px;font-weight:500;letter-spacing:-.035em;line-height:1.2}
.hero-brand img{width:40px;height:40px;object-fit:contain;filter:grayscale(1)}
.hero-brand-ai{font-weight:400}
.hero-content h1.hero-dynamic-title{font-size:clamp(2.5rem,4.5vw,5.25rem)!important;margin-bottom:30px!important}
.hero-subheadline{max-width:760px;font-size:clamp(20px,2vw,26px)!important;min-height:86px}
.hero .hero-actions{gap:18px;margin-top:38px}
.hero .hero-actions>a{font-size:17px!important;height:64px!important;padding:0 38px!important}
#header nav a>span{background:#647351!important;box-shadow:none!important}
.lead-funnel figcaption{text-align:center;justify-items:center}
@media(max-width:768px){
  .hero{padding:90px 0 80px!important}
  .hero-brand{font-size:25px;gap:10px;margin-bottom:30px}
  .hero-brand img{width:34px;height:34px}
  .hero-content h1.hero-dynamic-title{font-size:clamp(1.5rem,7.6vw,3rem)!important;margin-bottom:26px!important}
  .hero-subheadline{font-size:19px!important;min-height:112px}
  .hero .hero-actions{gap:14px;margin-top:30px}
  .hero .hero-actions>a{font-size:15px!important;height:58px!important;padding:0 22px!important;max-width:360px}
}
/* Deliberate scroll entrances; the hero keeps its existing animations. */
section:not(.hero) .motion-enter{transition:opacity 1.3s ease,transform 1.3s cubic-bezier(.22,1,.36,1);transition-delay:0s}
section:not(.hero) .motion-subheadline{transition-delay:.18s}
@media(prefers-reduced-motion:reduce){section:not(.hero) .motion-enter{transition:none!important;transition-delay:0s!important}}
