:root{--primary:#10b981;--primary-container:#34d399;--bg:#f9faf7;--surface:#f9faf7;--surface-low:#f3f4f1;--surface-high:#e7e8e6;--white:#fff;--emerald-950:#064e3b;--emerald-900:#065f46;--slate-950:#020617;--teal-900:#134e4a;--text:#191c1b;--font-sans:"Inter",ui-sans-serif,system-ui,sans-serif;--font-head:"Manrope",ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);overflow-x:clip;scroll-behavior:smooth}button,a{font-family:inherit}button{border:0;background:transparent;cursor:pointer}.site-shell{min-height:100vh;overflow-x:clip;background:var(--bg)}.main{position:relative}.navbar{position:fixed;inset:0 0 auto 0;z-index:100;padding:0 16px;pointer-events:none;transition:.3s}.navbar-inner{height:96px;max-width:100%;margin:0 auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;pointer-events:auto;border-bottom:1px solid rgba(255,255,255,.05);background:linear-gradient(to bottom,rgba(0,0,0,.4),transparent);transition:all .7s cubic-bezier(.23,1,.32,1)}.navbar.scrolled .navbar-inner{height:56px;max-width:500px;margin-top:24px;border-radius:999px;border:1px solid rgba(6,95,70,.1);background:rgba(255,255,255,.8);backdrop-filter:blur(32px);box-shadow:0 15px 40px rgba(0,0,0,.1);padding:0 24px}.brand{font-family:var(--font-head);font-size:20px;font-weight:800;letter-spacing:-.05em;color:white;transition:.3s}.navbar.scrolled .brand{color:var(--emerald-950);transform:scale(.9)}.nav-links{display:flex;gap:28px;align-items:center;color:rgba(255,255,255,.8);transition:.25s}.navbar.scrolled .nav-links{display:none}.nav-links button{font-family:var(--font-head);font-weight:800;font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:inherit;white-space:nowrap;transition:.2s}.nav-links button:hover{color:#fff}.nav-actions{display:flex;gap:16px;align-items:center}.login-btn{font-family:var(--font-head);font-weight:800;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:rgba(236,253,245,.8);transition:.3s}.navbar.scrolled .login-btn{color:rgba(6,78,59,.6)}.start-btn{padding:8px 20px;border-radius:999px;font-weight:800;font-size:10px;text-transform:uppercase;letter-spacing:.15em;background:#fff;color:var(--emerald-950);box-shadow:0 10px 20px rgba(255,255,255,.1);transition:.25s}.navbar.scrolled .start-btn{background:var(--emerald-950);color:#fff;box-shadow:0 10px 20px rgba(6,78,59,.2)}.section-nav{position:fixed;left:32px;top:50%;transform:translate(-48px,-50%);opacity:0;z-index:100;display:flex;flex-direction:column;gap:24px;align-items:flex-start;transition:all .7s}.section-nav.show{opacity:1;transform:translate(0,-50%)}.section-nav-item{position:relative;display:flex;align-items:center;gap:16px}.section-nav button{width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--emerald-950);background:rgba(255,255,255,.2);border:1px solid rgba(6,78,59,.1);backdrop-filter:blur(12px);transition:.3s}.section-nav button.active{background:var(--primary);color:#fff;transform:scale(1.1);box-shadow:0 12px 25px rgba(16,185,129,.2)}.section-nav button.active:after{content:"";position:absolute;inset:0;border-radius:999px;border:4px solid rgba(16,185,129,.2)}.section-nav span{opacity:0;transform:translateX(-10px);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.9);color:var(--emerald-950);border:1px solid rgba(6,78,59,.1);box-shadow:0 6px 18px rgba(0,0,0,.08);transition:.25s}.section-nav-item:hover span{opacity:1;transform:none}.hero{position:relative;overflow:hidden;padding:128px 24px 380px;background:linear-gradient(135deg,var(--emerald-950),var(--slate-950) 50%,var(--teal-900));text-align:center}.candlestick-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.95}.candlestick-layer{position:absolute;inset:0;width:110%;height:100%;animation:chartDrift 18s linear infinite}.candlestick-layer.deep{opacity:.3;transform:scale(1.8) translateY(32px) rotate(-3deg)}.candlestick-layer.main{opacity:.045;transform:scale(1.25)}.candlestick-layer.front{opacity:.04;transform:scale(1.02) translateX(-1%)}@keyframes chartDrift{0%,100%{translate:-1% 0}50%{translate:-5% 0}}.scanline{position:absolute;inset-inline:0;height:384px;top:-384px;background:linear-gradient(to bottom,transparent,rgba(52,211,153,.12),transparent);animation:scanline 10s linear infinite}.candlestick-mask{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,transparent 30%,rgba(6,78,59,.7) 100%)}.candlestick-bottom{position:absolute;inset:auto 0 0 0;height:65%;background:linear-gradient(to top,var(--emerald-950),rgba(6,78,59,.3),transparent)}.hero-glow{position:absolute;border-radius:999px;filter:blur(130px);pointer-events:none;animation:breath 12s ease-in-out infinite}.hero-glow-a{top:-15%;left:-5%;width:80vw;height:80vw;background:rgba(52,211,153,.2)}.hero-glow-b{right:-5%;bottom:-10%;width:70vw;height:70vw;background:rgba(16,185,129,.2);animation-duration:15s;animation-direction:reverse}.noise-layer{position:absolute;inset:0;opacity:.15;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-fade{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,rgba(2,6,23,.2),rgba(2,6,23,.9))}.hero-content{max-width:1280px;margin:0 auto;position:relative;z-index:50}.eyebrow{display:inline-block;padding:4px 16px;border-radius:999px;background:rgba(255,255,255,.1);color:#6ee7b7;border:1px solid rgba(255,255,255,.2);font-weight:800;font-size:9px;text-transform:uppercase;letter-spacing:.2em;margin-bottom:24px;backdrop-filter:blur(12px)}.hero h1{font-family:var(--font-head);font-size:clamp(42px,6vw,60px);line-height:1.1;font-weight:800;letter-spacing:-.04em;color:white;margin:0 auto 16px;max-width:760px}.hero h1 span{color:var(--primary);font-style:italic}.hero p{max-width:672px;margin:0 auto 32px;color:rgba(236,253,245,.7);font-size:18px;line-height:1.7;font-weight:500}.hero-actions{display:flex;justify-content:center;gap:16px}.primary-pill,.secondary-pill{border-radius:999px;padding:12px 32px;font-size:14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.25s}.primary-pill{background:var(--primary);color:#fff;box-shadow:0 20px 40px -10px rgba(16,185,129,.5)}.primary-pill:hover{transform:scale(1.05)}.secondary-pill{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px)}.secondary-pill:hover{background:rgba(255,255,255,.2)}.demo-anchor{height:1px;scroll-margin-top:96px}.phone-flow{position:relative;z-index:40;min-height:500vh;margin-top:-400px}.phone-sticky{position:sticky;top:0;height:100vh;width:100%;display:flex;align-items:center;justify-content:center}.phone-wrap{position:relative;z-index:20;margin-top:48px;padding:80px}.phone-mockup{position:relative;width:320px;height:640px;background:var(--emerald-950);border:10px solid var(--emerald-950);border-radius:48px;overflow:hidden;box-shadow:0 32px 64px -16px rgba(6,78,59,.3),0 50px 100px -20px rgba(0,108,73,.15),0 30px 60px -30px rgba(0,0,0,.2);font-family:var(--font-sans)}.phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:128px;height:24px;background:var(--emerald-950);border-radius:0 0 16px 16px;z-index:50}.phone-screen{position:absolute;inset:0;background:#fff;overflow:hidden}.phone-panel{position:absolute;inset:0;background:#fff;padding:16px;display:flex;flex-direction:column;gap:16px;transition:.55s ease;opacity:0;transform:translateX(24px);pointer-events:none}.phone-panel.active{opacity:1;transform:none;pointer-events:auto}.phone-panel.exit-left{opacity:0;transform:translateX(-24px)}.phone-title{padding:24px 8px 0}.phone-title h4{font-family:var(--font-head);font-size:24px;line-height:1.05;margin:0;color:var(--emerald-950);font-weight:800;letter-spacing:-.04em}.phone-title p{font-size:10px;color:rgba(6,95,70,.6);margin:4px 0 0;font-weight:600}.market-head,.market-row{display:grid;grid-template-columns:4fr 3fr 3fr 2fr;align-items:center}.market-head{padding:8px;background:#ecfdf5;border-radius:8px;font-size:8px;font-weight:900;color:rgba(6,95,70,.4);letter-spacing:.12em;text-transform:uppercase}.market-row{padding:14px 8px;border-bottom:1px solid #d1fae5}.market-symbol{display:flex;align-items:center;gap:8px}.market-symbol i{width:24px;height:24px;border-radius:50%;background:#d1fae5;display:flex;align-items:center;justify-content:center;font-size:8px;font-style:normal;font-weight:800;color:#065f46}.market-symbol b{font-size:11px;color:var(--emerald-950)}.phone-num{text-align:right;font-size:11px;font-weight:800;color:#10b981}.phone-num.red{color:#ef4444}.phone-spread{text-align:right;font-size:9px;color:rgba(6,95,70,.3);font-weight:600}.execution-select{padding:12px;border:1px solid #d1fae5;border-radius:16px;background:rgba(236,253,245,.2);display:flex;justify-content:space-between;align-items:center}.execution-tabs{display:flex;padding:4px;background:#ecfdf5;border-radius:16px}.execution-tabs button{flex:1;padding:8px;border-radius:12px;color:rgba(6,95,70,.4);font-size:8px;font-weight:900;text-transform:uppercase}.execution-tabs button:first-child{background:var(--emerald-950);color:white}.qty-box{position:relative;margin-top:6px}.qty-box label{position:absolute;top:-8px;left:50%;transform:translateX(-50%);padding:0 8px;background:white;font-size:7px;font-weight:900;color:rgba(6,95,70,.4);letter-spacing:.12em;text-transform:uppercase}.qty-control{height:44px;border:1px solid #d1fae5;border-radius:16px;display:flex;align-items:center;overflow:hidden;box-shadow:0 3px 8px rgba(0,0,0,.04)}.qty-control button{width:40px;color:var(--primary);font-size:18px}.qty-control div{flex:1;text-align:center;font-size:12px;font-weight:900;color:var(--emerald-950)}.phone-two{display:flex;gap:8px}.phone-two div{flex:1;height:44px;border:1px solid #d1fae5;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(236,253,245,.1);font-size:8px;font-weight:900;color:rgba(6,95,70,.2);letter-spacing:.12em;text-transform:uppercase}.buy-sell{display:flex;gap:12px;padding-top:16px}.buy-sell button{flex:1;padding:14px 0;border-radius:16px;font-size:9px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.buy-sell button:first-child{background:#d1fae5;color:var(--emerald-950)}.buy-sell button:last-child{background:var(--primary);color:white;box-shadow:0 12px 20px rgba(16,185,129,.2)}.signal-card{border:1px solid #d1fae5;border-radius:24px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.signal-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.signal-meter{height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:24px}.signal-meter svg{width:128px;height:64px}.signal-meter strong{display:block;font-size:20px;line-height:1;color:var(--emerald-950)}.signal-meter span{display:block;font-size:8px;color:rgba(6,95,70,.6);font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin-top:4px}.strong-buy{width:100%;padding:12px;border-radius:16px;background:var(--primary);color:white;font-size:10px;font-weight:900;letter-spacing:.2em;box-shadow:0 12px 20px rgba(16,185,129,.2);margin-bottom:24px}.phone-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid #ecfdf5;padding-top:16px}.phone-stats div{text-align:center}.phone-stats span{font-size:8px;color:rgba(6,95,70,.4);font-weight:800;text-transform:uppercase}.phone-stats b{display:block;font-size:10px;color:var(--emerald-950);margin-top:3px}.candle-mini{flex:1;display:flex;align-items:flex-end;justify-content:space-around;padding:0 8px 16px;position:relative;height:100%}.candle-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.candle-col:before,.candle-col:after{content:"";width:1px;height:8px;background:#d1fae5}.candle-bar{width:12px;border-radius:2px;background:var(--primary)}.candle-bar.red{background:#ef4444}.time-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.time-buttons button{padding:8px;border-radius:12px;background:#ecfdf5;color:rgba(6,95,70,.6);font-size:8px;font-weight:900;letter-spacing:.12em}.time-buttons button.active{background:var(--emerald-950);color:white}.live-analysis{margin-top:auto;margin-bottom:16px;padding:12px;background:#ecfdf5;border:1px solid #d1fae5;border-radius:16px;display:flex;align-items:center;justify-content:space-between}.live-analysis div{display:flex;align-items:center;gap:8px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:pulse 1.3s infinite}.floating-card{position:absolute;z-index:30;display:flex;align-items:center;gap:20px;min-width:240px;padding:24px 32px;border-radius:40px;background:white;border:2px solid rgba(6,78,59,.05);box-shadow:0 40px 80px -15px rgba(0,0,0,.12);transition:.3s;pointer-events:none}.floating-left{left:15%;top:35%}.floating-right{right:15%;top:42%}.floating-card .float-icon{width:56px;height:56px;border-radius:50%;background:#ecfdf5;color:#047857;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.floating-card small{display:block;font-size:11px;text-transform:uppercase;color:rgba(6,95,70,.5);font-weight:900;letter-spacing:.15em;margin-bottom:2px}.floating-card strong{font-family:var(--font-head);font-size:20px;color:var(--emerald-950);line-height:1}.bento,.performance,.market,.sessions,.testimonials,.contact{position:relative;z-index:30;background:var(--bg);overflow:hidden}.bento{max-width:1400px;margin:0 auto;padding:128px 40px}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.bento-card{border-radius:40px;padding:48px;position:relative;overflow:hidden;transition:.5s}.bento-wide{grid-column:span 2}.execution-card{background:#f0fdf4;border:1px solid rgba(6,78,59,.05);box-shadow:0 1px 3px rgba(0,0,0,.04)}.execution-card img{position:absolute;right:0;top:0;width:75%;height:100%;object-fit:cover;opacity:.25;filter:grayscale(1);mix-blend-mode:multiply;transition:1s}.execution-card:hover img{opacity:.4;transform:scale(1.05)}.execution-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,#f0fdf4 0 35%,rgba(240,253,244,.85),transparent),linear-gradient(to top,#f0fdf4,transparent,#f0fdf4)}.bento-copy{position:relative;z-index:2;max-width:520px}.micro-label{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:rgba(6,78,59,.4);margin-bottom:32px}.micro-label span{width:6px;height:6px;border-radius:50%;background:var(--primary)}.bento h3{font-family:var(--font-head);font-size:30px;line-height:1.15;font-weight:800;letter-spacing:-.04em;margin:0 0 24px;color:var(--emerald-950)}.bento p{font-size:16px;line-height:1.65;color:rgba(6,95,70,.6);font-weight:500;margin:0 0 40px}.tag-row{display:flex;flex-wrap:wrap;gap:12px}.tag-row span{padding:8px 20px;border-radius:999px;background:white;border:1px solid rgba(6,78,59,.1);font-size:11px;font-weight:800;color:rgba(6,78,59,.7);box-shadow:0 1px 8px rgba(0,0,0,.04)}.pricing-card{background:var(--emerald-950);color:white;box-shadow:0 20px 60px rgba(0,0,0,.25);display:flex;flex-direction:column;justify-content:space-between}.pricing-card h3,.stability-card h3{color:white}.pricing-card p{color:rgba(255,255,255,.5);font-size:14px}.icon-box{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:40px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#34d399}.icon-box.dark{background:rgba(255,255,255,.1);color:white}.stability-card{background:var(--slate-950);color:white;border:1px solid rgba(16,185,129,.1);box-shadow:0 20px 60px rgba(0,0,0,.3)}.stability-card p{color:rgba(255,255,255,.7)}.interface-card{display:flex;gap:48px;align-items:center;background:white;border:1px solid rgba(6,78,59,.1);box-shadow:0 8px 30px rgba(0,0,0,.02)}.interface-copy{flex:1}.interface-img{width:50%;height:256px;background:#f0fdf4;border-radius:24px;border:1px solid rgba(6,78,59,.05);position:relative;overflow:hidden}.interface-img img{width:100%;height:100%;object-fit:cover;transition:1s}.interface-img:hover img{transform:scale(1.1)}.phone-mini{position:absolute;right:16px;bottom:16px;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:0 8px 20px rgba(0,0,0,.08)}.engineered{background:var(--emerald-950);padding:128px 40px;color:white}.engineered-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:96px;position:relative;z-index:1}.engineered-copy,.neural-visual{flex:1}.engineered h2{font-family:var(--font-head);font-size:60px;line-height:1.1;margin:0 0 40px;font-weight:800;letter-spacing:-.04em}.engineered h2 span{color:#34d399;font-style:italic}.engineered-copy>p{font-size:18px;line-height:1.7;color:rgba(236,253,245,.6);font-weight:500;margin:0 0 48px;max-width:540px}.neural-card{max-width:450px;display:flex;gap:24px;align-items:center;padding:24px;border-radius:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(6px)}.neural-card>div:first-child{width:56px;height:56px;border-radius:16px;background:rgba(52,211,153,.2);border:1px solid rgba(52,211,153,.3);color:#34d399;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.neural-card strong{display:block;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.2em;margin-bottom:4px}.neural-card p{font-size:11px;line-height:1.6;color:rgba(236,253,245,.4);margin:0}.neural-visual{position:relative;border-radius:64px;overflow:hidden;box-shadow:0 50px 100px -20px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1);aspect-ratio:1;background:rgba(6,78,59,.2)}.neural-visual img{width:100%;height:100%;object-fit:cover;filter:hue-rotate(140deg) saturate(1.5) brightness(1.1);transition:1s}.neural-visual:hover img{transform:scale(1.05)}.visual-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--emerald-950),rgba(6,78,59,.2),transparent);mix-blend-mode:normal}.pulse-core{position:absolute;left:50%;top:50%;translate:-50% -50%;width:192px;height:192px;border-radius:50%;background:rgba(52,211,153,.15);filter:blur(60px);animation:pulse 2s infinite}.dot-grid{position:absolute;inset:0;opacity:.03;background-image:radial-gradient(circle,white 1px,transparent 1px);background-size:40px 40px}.performance{max-width:1280px;margin:0 auto;padding:160px 40px}.performance-layout{display:flex;gap:80px}.performance-copy{width:33%;padding-top:16px}.performance-copy>div{position:sticky;top:128px}.section-kicker,.center-kicker,.contact-kicker{display:flex;align-items:center;gap:12px;margin-bottom:32px}.section-kicker i,.center-kicker i,.contact-kicker i{display:block;width:40px;height:1px;background:rgba(6,78,59,.2)}.section-kicker span,.center-kicker span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.4em;color:var(--primary)}.performance h2,.split-heading h2,.center-heading h2,.testimonial-copy h2{font-family:var(--font-head);font-size:48px;line-height:1.1;font-weight:800;letter-spacing:-.04em;color:var(--emerald-950);margin:0 0 40px}.performance p{font-size:18px;line-height:1.65;color:rgba(6,95,70,.6);font-weight:500}.performance-grid{width:67%;display:grid;grid-template-columns:repeat(2,1fr);gap:48px}.perf-card{background:white;padding:48px;border-radius:56px;border:1px solid rgba(6,78,59,.05);box-shadow:0 30px 60px -15px rgba(0,0,0,.04);transition:.7s}.perf-card.offset{transform:translateY(64px)}.perf-card:hover{box-shadow:0 25px 60px rgba(0,0,0,.1);transform:translateY(-8px)}.perf-card.offset:hover{transform:translateY(48px)}.perf-icon{width:64px;height:64px;border-radius:16px;background:#ecfdf5;color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:40px;border:1px solid rgba(6,78,59,.05);transition:.5s}.perf-card:hover .perf-icon{background:var(--primary);color:#fff}.perf-card h3{font-family:var(--font-head);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.2em;color:var(--emerald-950);margin:0 0 24px}.perf-card p{font-size:11px;line-height:1.7;color:rgba(6,95,70,.5);font-weight:700;margin:0}.market,.sessions{max-width:1280px;margin:0 auto;padding:128px 40px}.center-heading{text-align:center;margin-bottom:96px}.center-kicker{justify-content:center;margin-bottom:24px}.center-kicker i{width:48px;background:rgba(6,95,70,.1)}.center-kicker span{letter-spacing:.3em}.center-heading h2{margin-bottom:24px}.center-heading p{max-width:672px;margin:0 auto;color:rgba(6,95,70,.6);line-height:1.65}.market-table{border:1px solid rgba(6,95,70,.1);border-radius:48px;overflow:hidden;background:#fff;box-shadow:0 30px 100px rgba(0,0,0,.04)}.mt-head,.mt-row{display:grid;grid-template-columns:3fr 3fr 3fr 3fr}.mt-head{background:rgba(236,253,245,.4);border-bottom:1px solid rgba(6,95,70,.1)}.mt-head div{padding:32px 40px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.25em;color:rgba(6,78,59,.5);border-left:1px solid rgba(6,95,70,.1)}.mt-head div:first-child{border-left:0}.mt-row{border-bottom:1px solid rgba(6,95,70,.1);transition:.3s}.mt-row:last-child{border-bottom:0}.mt-row:hover{background:rgba(236,253,245,.15)}.mt-cell{padding:48px 40px;border-left:1px solid rgba(6,95,70,.1);display:flex;align-items:center;gap:20px}.mt-cell:first-child{border-left:0}.asset-icon{width:48px;height:48px;border-radius:16px;background:#ecfdf5;color:rgba(6,95,70,.5);display:flex;align-items:center;justify-content:center;transition:.5s}.mt-row:hover .asset-icon{background:var(--primary);color:#fff;transform:scale(1.1) rotate(3deg)}.mt-cell strong{font-size:20px;color:var(--emerald-950)}.mt-cell span{font-size:13px;font-weight:700;color:rgba(6,95,70,.7)}.mt-adapt{justify-content:space-between}.mt-adapt b{font-size:14px;color:var(--emerald-950)}.active-line{display:flex;align-items:center;gap:8px;margin-top:8px}.active-line i{width:6px;height:6px;border-radius:50%;background:var(--primary);animation:pulse 1.4s infinite}.active-line span{font-size:10px;font-weight:900;color:rgba(6,95,70,.4);letter-spacing:.12em;text-transform:uppercase}.market-mobile-card,.market-mobile-dots{display:none}.split-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:80px;gap:32px}.split-heading h2{margin:0}.session-side{display:flex;flex-direction:column;align-items:flex-end;gap:16px}.session-side p{max-width:320px;text-align:right;color:rgba(6,95,70,.4);font-size:11px;line-height:1.7;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.page-dots,.testimonial-dots,.market-mobile-dots{display:flex;gap:8px}.page-dots button,.testimonial-dots button,.market-mobile-dots button{height:6px;width:8px;border-radius:999px;background:rgba(6,95,70,.1);transition:.35s}.page-dots button.active,.testimonial-dots button.active,.market-mobile-dots button.active{width:32px;background:var(--primary)}.session-grid{min-height:400px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;transition:.4s}.session-card{position:relative}.session-card-inner{height:100%;position:relative;background:#fff;border:1px solid rgba(6,95,70,.05);border-radius:48px;padding:40px;overflow:hidden;box-shadow:0 10px 50px rgba(0,0,0,.02);transition:.5s}.session-card-inner:hover{box-shadow:0 18px 45px rgba(0,0,0,.08)}.session-accent{position:absolute;top:-32px;right:-32px;width:128px;height:128px;border-radius:50%;opacity:.03;transition:.7s}.session-card:hover .session-accent{transform:scale(1.5)}.flag{width:56px;height:56px;border-radius:16px;overflow:hidden;margin-bottom:32px;border:2px solid #fff;box-shadow:0 10px 20px rgba(0,0,0,.12);transition:.5s}.session-card:hover .flag{transform:rotate(6deg)}.flag img{width:100%;height:100%;object-fit:cover}.session-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}.session-title span{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:rgba(6,95,70,.4)}.session-title i{height:1px;flex:1;background:rgba(6,95,70,.05)}.session-time{font-size:24px;font-weight:900;color:var(--emerald-950);letter-spacing:-.04em;margin-bottom:16px}.session-active{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:800;color:rgba(6,95,70,.3);text-transform:uppercase;letter-spacing:.2em}.session-active i{width:6px;height:6px;border-radius:50%;background:#34d399;animation:pulse 1.5s infinite}.access{height:600vh;background:var(--emerald-950);overflow-x:clip;position:relative}.access-sticky{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:128px 0 16px;gap:48px;overflow:hidden}.access-glow{position:absolute;width:50%;height:50%;border-radius:50%;filter:blur(120px);background:rgba(16,185,129,.05);pointer-events:none}.access-glow-a{right:0;top:0}.access-glow-b{left:0;bottom:0}.access-header{position:relative;z-index:1;width:100%;max-width:1400px;padding:0 48px;display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.dark-kicker i{background:rgba(255,255,255,.1)}.access-header h2{font-family:var(--font-head);font-size:48px;line-height:1.1;font-weight:800;color:white;margin:0;letter-spacing:-.04em}.pipeline{display:flex;flex-direction:column;align-items:flex-end;gap:20px}.pipeline p{max-width:320px;text-align:right;color:rgba(255,255,255,.3);font-size:9px;font-weight:900;line-height:1.7;text-transform:uppercase;letter-spacing:.3em;margin:0}.pipeline div{display:flex;align-items:center;gap:12px}.pipeline div span{width:6px;height:6px;background:var(--primary);border-radius:50%;animation:pulse 1.3s infinite}.pipeline b{font-size:8px;color:rgba(255,255,255,.2);letter-spacing:.4em;text-transform:uppercase}.progress-track{width:224px;height:4px!important;background:rgba(255,255,255,.05);border-radius:999px;overflow:hidden;display:block!important}.progress-track em{display:block;height:100%;width:0;background:var(--primary);transform-origin:left}.access-viewport{position:relative;z-index:2;width:100%;flex:1;display:flex;align-items:center;overflow:hidden}.access-track{display:flex;gap:40px;padding:16px 10vw;align-items:flex-start;will-change:transform}.tier-card{flex:0 0 560px;padding:40px;border-radius:48px;text-align:left;position:relative;display:flex;flex-direction:column;justify-content:flex-start;transition:.7s}.tier-card.normal{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:white}.tier-card.highlight{background:white;color:var(--emerald-950);transform:scale(1.05);z-index:3;box-shadow:0 40px 80px -20px rgba(0,0,0,.25)}.tier-card.vip{background:var(--slate-950);color:white;border:1px solid rgba(52,211,153,.3);transform:scale(1.05);z-index:4;box-shadow:0 40px 100px -20px rgba(0,0,0,.8)}.tier-label{position:absolute;top:-12px;left:50%;translate:-50% 0;padding:8px 24px;border-radius:999px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.4em;white-space:nowrap;box-shadow:0 10px 30px rgba(0,0,0,.2);background:#059669;color:white;display:flex;align-items:center;gap:8px}.tier-card.vip .tier-label{background:white;color:var(--emerald-950)}.tier-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.tier-kicker{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.3em;margin-bottom:4px;color:rgba(255,255,255,.4)}.tier-card.highlight .tier-kicker{color:var(--emerald-950)}.tier-card.vip .tier-kicker{color:rgba(255,255,255,.6)}.tier-card h3{font-family:var(--font-head);font-size:36px;line-height:1;font-weight:900;letter-spacing:-.05em;margin:0}.tier-price{text-align:right}.tier-price strong{display:block;font-size:30px;font-weight:900;letter-spacing:-.06em;line-height:1;margin-bottom:4px}.tier-price span{font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.2em;color:rgba(255,255,255,.3)}.tier-card.highlight .tier-price span{color:rgba(6,78,59,.6)}.tier-features{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;margin-bottom:24px}.tier-card.highlight .tier-features{border-color:rgba(6,78,59,.1)}.tier-features b{display:block;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.3em;color:rgba(255,255,255,.2);margin-bottom:16px}.tier-card.highlight .tier-features b{color:rgba(6,95,70,.4)}.tier-features ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.tier-features li{display:flex;align-items:center;gap:10px;min-width:0}.feature-dot{width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.feature-dot.ok{background:var(--primary);color:var(--emerald-950)}.tier-card.highlight .feature-dot.ok{background:#059669;color:white}.tier-card.vip .feature-dot.ok{background:#34d399;color:var(--emerald-950)}.feature-dot.no{background:rgba(255,255,255,.1);color:rgba(255,255,255,.2)}.tier-card.highlight .feature-dot.no{background:rgba(0,0,0,.06);color:rgba(6,95,70,.3)}.tier-features li span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.8)}.tier-features li.off span{color:rgba(255,255,255,.2)}.tier-card.highlight .tier-features li span{color:var(--emerald-950)}.tier-card.highlight .tier-features li.off span{color:rgba(6,95,70,.3)}.tier-button{width:100%;padding:16px;border-radius:16px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.3em;transition:.25s;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:white}.tier-card.highlight .tier-button{background:#059669;color:white;border:0;box-shadow:0 15px 25px rgba(5,150,105,.2)}.tier-card.vip .tier-button{background:var(--primary);color:var(--emerald-950);border:0}.testimonials{padding:160px 40px}.testimonial-layout{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start;position:relative}.testimonial-copy{position:sticky;top:128px}.testimonial-copy h2{margin-bottom:32px}.testimonial-copy h2 span{color:var(--primary);font-style:italic}.testimonial-copy p{font-size:18px;line-height:1.7;color:rgba(6,95,70,.7);max-width:550px;margin:0 0 40px}.partner-btn{display:inline-flex;align-items:center;gap:16px;padding:16px 32px;border-radius:999px;background:var(--emerald-950);color:white;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;box-shadow:0 10px 25px rgba(6,78,59,.12)}.partner-btn i{display:block;width:24px;height:1px;background:rgba(255,255,255,.3);transition:.25s}.partner-btn:hover{background:var(--primary)}.partner-btn:hover i{width:40px}.testimonial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;position:relative}.testimonial-card{background:white;padding:40px;border-radius:48px;border:1px solid rgba(6,78,59,.05);box-shadow:0 20px 50px rgba(0,0,0,.03);position:relative;overflow:hidden;transition:.7s}.testimonial-card:nth-child(even){transform:translateY(48px)}.testimonial-card:hover{box-shadow:0 22px 60px rgba(0,0,0,.1);border-color:rgba(16,185,129,.2)}.testimonial-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.testimonial-tag{padding:4px 12px;background:rgba(16,185,129,.1);border-radius:999px;color:var(--primary);font-size:8px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.quote-icon{color:rgba(16,185,129,.2)}.testimonial-card p{font-size:13px;line-height:1.7;font-weight:600;color:rgba(6,78,59,.8);font-style:italic;margin:0 0 40px}.testimonial-author{font-size:12px;font-weight:900;color:var(--emerald-950);text-transform:uppercase;letter-spacing:.1em}.testimonial-role{font-size:10px;color:rgba(6,95,70,.4);font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.testimonial-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(to right,transparent,rgba(16,185,129,.2),transparent);transform:scaleX(0);transition:1s}.testimonial-card:hover:after{transform:scaleX(1)}.testimonial-mobile,.testimonial-dots{display:none}.contact{padding:80px 40px 160px}.contact-card{max-width:1280px;margin:0 auto;position:relative;border-radius:64px;background:var(--emerald-950);overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 80px rgba(0,0,0,.2);padding:96px}.contact-bg-a{position:absolute;right:0;top:0;width:60%;height:100%;background:linear-gradient(to left,rgba(52,211,153,.1),transparent);transform:skewX(12deg) translateX(50%)}.contact-bg-b{position:absolute;left:-96px;bottom:-96px;width:384px;height:384px;background:rgba(16,185,129,.2);filter:blur(120px);border-radius:50%}.contact-layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.contact-kicker i{width:40px;background:rgba(255,255,255,.2)}.contact-kicker span{font-size:10px;font-weight:900;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.4em}.contact-copy h2{font-family:var(--font-head);font-size:72px;line-height:1.1;font-weight:800;letter-spacing:-.05em;color:white;margin:0 0 40px}.contact-copy h2 span{color:#34d399}.contact-copy p{max-width:450px;color:rgba(236,253,245,.6);font-size:18px;line-height:1.7;font-weight:500}.mail-card{position:relative;width:100%;max-width:450px;margin:0 auto;padding:56px;border-radius:56px;background:#fff;color:var(--emerald-950);text-align:center;text-decoration:none;box-shadow:0 25px 80px rgba(0,0,0,.25);overflow:hidden;transition:.25s}.mail-card:hover{transform:scale(1.02);background:#ecfdf5}.mail-topline{position:absolute;top:0;left:0;width:100%;height:4px;background:rgba(16,185,129,.3);transform:scaleX(0);transition:.7s}.mail-card:hover .mail-topline{transform:scaleX(1)}.mail-icon{width:96px;height:96px;border-radius:24px;background:var(--emerald-950);color:white;display:flex;align-items:center;justify-content:center;margin:0 auto 32px;box-shadow:0 12px 30px rgba(0,0,0,.12);transition:.5s}.mail-card:hover .mail-icon{background:var(--primary)}.mail-card>span{display:block;font-size:10px;color:rgba(6,78,59,.4);text-transform:uppercase;letter-spacing:.3em;font-weight:900;margin-bottom:12px}.mail-card strong{display:block;font-family:var(--font-head);font-size:24px;font-weight:900;letter-spacing:-.04em;margin-bottom:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-card b{display:inline-flex;align-items:center;gap:16px;padding:16px 40px;border-radius:999px;background:var(--emerald-950);color:white;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.mail-card:hover b{background:var(--primary)}.footer{position:relative;z-index:30;background:#f7f9f7;border-top:1px solid rgba(6,95,70,.1)}.footer-inner{max-width:1280px;margin:0 auto;padding:64px 32px;display:flex;align-items:center;justify-content:space-between;gap:48px}.footer strong{font-family:var(--font-head);font-size:20px;font-weight:900;color:#065f46}.footer p{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:rgba(6,95,70,.4)}.footer-links{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}.footer a{text-decoration:none;font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.12em;color:rgba(6,95,70,.4);transition:.25s}.footer a:hover{color:#059669}.footer em{width:1px;height:16px;background:rgba(6,95,70,.1)}.export-link{padding:10px 20px!important;border-radius:999px;background:var(--emerald-950);color:white!important;display:flex;align-items:center;gap:8px;box-shadow:0 12px 24px rgba(6,78,59,.12)}.icon,.lucide{width:1em;height:1em;display:inline-block;vertical-align:middle;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.reveal-on-scroll{opacity:0;transform:translateY(70px);transition:1.2s cubic-bezier(.22,1,.36,1)}.reveal-on-scroll.in-view{opacity:1;transform:none}@keyframes breath{0%,100%{transform:scale(1);opacity:.4}50%{transform:scale(1.15);opacity:.6}}@keyframes scanline{from{transform:translateY(-100%)}to{transform:translateY(calc(100vh + 100%))}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}@media(max-width:1023px){.navbar-inner{height:80px;padding:0 24px}.nav-links{display:none}.section-nav{left:16px;gap:16px}.section-nav button{width:32px;height:32px}.hero{padding-bottom:280px}.phone-flow{margin-top:-240px}.floating-card{display:none}.bento-grid,.performance-layout,.engineered-inner,.testimonial-layout,.contact-layout{grid-template-columns:1fr;display:grid}.engineered-inner,.performance-layout{display:flex;flex-direction:column}.performance-copy,.performance-grid{width:100%}.performance-grid{gap:28px}.perf-card.offset{transform:none}.market-table{display:none}.market-mobile-card,.market-mobile-dots{display:block}.market-mobile-dots{justify-content:center;margin-bottom:32px}.session-grid{grid-template-columns:repeat(2,1fr)}.access-header{align-items:center;text-align:center;flex-direction:column}.pipeline{align-items:center}.pipeline p{text-align:center}.tier-card{flex-basis:420px}.testimonial-copy{position:relative;top:auto;text-align:center}.testimonial-grid{grid-template-columns:1fr 1fr}.contact-copy{text-align:center}.contact-copy p{margin-inline:auto}.contact-kicker{justify-content:center}.footer-inner{flex-direction:column;text-align:center}}@media(max-width:767px){.navbar{padding:0 16px}.navbar-inner{height:80px;padding:0 24px}.navbar.scrolled .navbar-inner{height:48px;margin-top:16px;padding:0 16px}.login-btn{display:none}.start-btn{padding:6px 16px;font-size:9px}.section-nav{display:none}.hero{padding:112px 24px 240px}.hero h1{font-size:34px;line-height:1.2}.hero p{font-size:13px;padding:0 16px}.hero-actions{flex-direction:column;padding:0 24px}.phone-mockup{width:280px;height:560px;border-width:8px}.phone-wrap{padding:40px}.bento,.engineered,.performance,.market,.sessions,.testimonials,.contact{padding:80px 24px}.bento-grid,.performance-grid,.session-grid,.testimonial-grid{grid-template-columns:1fr}.bento-wide{grid-column:span 1}.bento-card{padding:32px;border-radius:32px}.interface-card{flex-direction:column}.interface-img{width:100%;height:192px}.engineered-inner{gap:64px}.engineered h2,.performance h2,.center-heading h2,.split-heading h2,.testimonial-copy h2{font-size:34px}.neural-visual{border-radius:48px}.performance-copy{text-align:center}.section-kicker{justify-content:center}.performance-grid{display:grid}.perf-card{padding:32px;border-radius:40px}.mt-mobile{display:block}.split-heading{flex-direction:column;align-items:center;text-align:center;margin-bottom:56px}.session-side{align-items:center}.session-side p{text-align:center}.access{height:500vh}.access-sticky{padding-top:64px;gap:24px}.access-header{padding:0 24px}.access-header h2{font-size:34px}.pipeline p{font-size:7px}.access-track{gap:12px;padding:16px 8vw}.tier-card{flex-basis:260px;padding:20px;border-radius:24px}.tier-card h3{font-size:22px}.tier-price strong{font-size:18px}.tier-features ul{gap:8px 12px}.tier-features li span{font-size:8px}.testimonial-grid{display:none}.testimonial-mobile,.testimonial-dots{display:block}.testimonial-dots{justify-content:center;margin-top:24px}.partner-btn{display:none}.contact-card{padding:48px 24px;border-radius:32px}.contact-copy h2{font-size:34px}.contact-copy p{font-size:13px}.mail-card{padding:32px 24px;border-radius:28px}.mail-icon{width:48px;height:48px;border-radius:14px}.mail-card strong{font-size:18px}.mail-card b{padding:12px 28px}.footer-links{gap:20px}.footer em{display:none}}


.brand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  line-height: 1;
}

.brand-logo {
  width: 32px;
  height: 32px;
  display: block;
  flex-shrink: 0;
  object-fit: contain;
}

.brand span {
  display: flex;
  align-items: center;
  line-height: 1;
  margin: 0;
  padding: 0;
}

/* Precision animation pass: closer to the original Motion/Tailwind timing */
.hero-content .eyebrow,
.hero-content h1,
.hero-content p,
.hero-actions {
  opacity: 0;
  will-change: transform, opacity;
}
.page-ready .hero-content .eyebrow {
  animation: heroScaleIn .5s ease-out .04s forwards;
}
.page-ready .hero-content h1 {
  animation: heroRise .8s cubic-bezier(.22,1,.36,1) .1s forwards;
}
.page-ready .hero-content p {
  animation: heroRiseSmall .8s ease-out .2s forwards;
}
.page-ready .hero-actions {
  animation: heroRiseSmall .8s ease-out .3s forwards;
}
.candle {
  animation: candlePulse var(--candle-duration,3s) ease-in-out var(--candle-delay,0s) infinite;
  transform-box: fill-box;
  transform-origin: center;
}
.phone-wrap {
  opacity: var(--phone-opacity, 0);
  transform: translateY(var(--phone-y, 100px));
  transition: opacity 1.2s cubic-bezier(.22,1,.36,1), transform 1.2s cubic-bezier(.22,1,.36,1);
  will-change: transform, opacity;
}
.phone-panel.exit-left {
  opacity: 0;
  transform: translateX(-24px);
}
.phone-panel.exit-right {
  opacity: 0;
  transform: translateX(24px);
}
.phone-panel.panel-entered > * {
  animation: panelChildIn .55s ease-out both;
}
.phone-panel.panel-entered > *:nth-child(2) { animation-delay: .06s; }
.phone-panel.panel-entered > *:nth-child(3) { animation-delay: .1s; }
.phone-panel.panel-entered > *:nth-child(4) { animation-delay: .14s; }
.phone-panel.panel-entered > *:nth-child(5) { animation-delay: .18s; }
.floating-card {
  transition: transform .35s ease-out, opacity .25s ease-out, box-shadow .35s ease, border-color .35s ease;
  will-change: transform, opacity;
}
.floating-card.float-swap > * {
  animation: floatSwap .35s ease-out both;
}
.primary-pill:active,
.start-btn:active {
  transform: scale(.95);
}
.secondary-pill:active {
  transform: scale(.98);
}
.nav-links button,
.login-btn,
.start-btn,
.primary-pill,
.secondary-pill,
.section-nav button,
.partner-btn,
.tier-button,
.mail-card {
  will-change: transform, background-color, opacity;
}
@keyframes heroScaleIn {
  from { opacity:0; transform:scale(.9); }
  to { opacity:1; transform:scale(1); }
}
@keyframes heroRise {
  from { opacity:0; transform:translateY(30px); }
  to { opacity:1; transform:translateY(0); }
}
@keyframes heroRiseSmall {
  from { opacity:0; transform:translateY(20px); }
  to { opacity:1; transform:translateY(0); }
}
@keyframes candlePulse {
  0%,100% { opacity:.7; transform:translateY(0); }
  50% { opacity:1; transform:translateY(var(--candle-dy, 3px)); }
}
@keyframes panelChildIn {
  from { opacity:0; transform:translateX(20px); }
  to { opacity:1; transform:translateX(0); }
}
@keyframes floatSwap {
  from { opacity:0; transform:translateX(-10px); }
  to { opacity:1; transform:translateX(0); }
}
@media (prefers-reduced-motion: reduce) {
  .hero-content .eyebrow,
  .hero-content h1,
  .hero-content p,
  .hero-actions,
  .phone-wrap,
  .phone-panel,
  .floating-card {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Refined 1:1 motion polish */
.hero-content .eyebrow,.hero-content h1,.hero-content p,.hero-actions{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
.page-ready .hero-content .eyebrow{opacity:1;transform:scale(1);transition-delay:.05s}
.page-ready .hero-content h1{opacity:1;transform:translateY(0);transition-delay:.12s}
.page-ready .hero-content p{opacity:1;transform:translateY(0);transition-delay:.22s}
.page-ready .hero-actions{opacity:1;transform:translateY(0);transition-delay:.32s}
.candle{animation:candlePulse var(--candle-duration,3s) ease-in-out infinite;animation-delay:var(--candle-delay,0s);transform-box:fill-box;transform-origin:center}
@keyframes candlePulse{0%,100%{opacity:.45;transform:translateY(0)}50%{opacity:.85;transform:translateY(var(--candle-dy,2px))}}
.gallery-swap{animation:gallerySwap .5s cubic-bezier(.22,1,.36,1) both}
.gallery-swap-soft{animation:gallerySwapSoft .58s cubic-bezier(.22,1,.36,1) both}
@keyframes gallerySwap{0%{opacity:0;transform:translateX(18px)}100%{opacity:1;transform:translateX(0)}}
@keyframes gallerySwapSoft{0%{opacity:0;transform:translateY(14px) scale(.985)}100%{opacity:1;transform:translateY(0) scale(1)}}
.session-card{animation:sessionCardIn .55s cubic-bezier(.22,1,.36,1) both}
.session-card:nth-child(2){animation-delay:.06s}.session-card:nth-child(3){animation-delay:.12s}.session-card:nth-child(4){animation-delay:.18s}.session-card:nth-child(5){animation-delay:.24s}.session-card:nth-child(6){animation-delay:.30s}
@keyframes sessionCardIn{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:translateY(0)}}
.testimonial-card{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1)}
.testimonial-card:hover{transform:translateY(-6px);box-shadow:0 30px 70px rgba(0,0,0,.06)}

/* Mobile parity pass — translated from the original React/Tailwind breakpoints */
@media (max-width: 1023px) {
  html, body, .site-shell { overflow-x: hidden; }
  .nav-links { display: none !important; }
  .section-nav { left: 16px; gap: 16px; }
  .section-nav button { width: 32px; height: 32px; }
  .section-nav .lucide { width: 14px; height: 14px; }
  .hero { padding-bottom: 280px; }
  .phone-flow { margin-top: -240px; }
  .phone-wrap { margin-top: 40px; padding: 80px; }
  .floating-card { display: none !important; }

  .bento-grid,
  .performance-layout,
  .engineered-inner,
  .testimonial-layout,
  .contact-layout { grid-template-columns: 1fr !important; }
  .engineered-inner,
  .performance-layout { display: flex !important; flex-direction: column; }
  .performance-copy,
  .performance-grid { width: 100%; }
  .performance-grid { gap: 28px; }
  .perf-card.offset { transform: none !important; }
  .market-table { display: none !important; }
  .market-mobile-card,
  .market-mobile-dots { display: block; }
  .market-mobile-dots { display: flex; justify-content: center; margin-bottom: 32px; }
  .session-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .access-header { flex-direction: column; align-items: center; text-align: center; }
  .pipeline { align-items: center; }
  .pipeline p { text-align: center; }
  .tier-card { flex-basis: 420px; }
  .testimonial-copy { position: relative; top: auto; text-align: center; }
  .testimonial-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .contact-copy { text-align: center; }
  .contact-copy p { margin-inline: auto; }
  .contact-kicker { justify-content: center; }
  .footer-inner { flex-direction: column; text-align: center; }
}

@media (max-width: 767px) {
  .navbar { padding: 0 16px; }
  .navbar-inner { height: 80px; padding: 0 24px; }
  .navbar.scrolled .navbar-inner {
    height: 48px;
    max-width: 500px;
    margin-top: 16px;
    padding: 0 16px;
  }
  .brand { font-size: 20px; }
  .login-btn { display: none !important; }
  .start-btn { padding: 6px 16px; font-size: 9px; letter-spacing: .15em; }
  .section-nav { display: none !important; }

  .hero {
    padding: 112px 24px 240px;
    min-height: auto;
  }
  .hero-content { max-width: 100%; }
  .eyebrow { margin-bottom: 16px; }
  .hero h1 {
    font-size: 30px;
    line-height: 1.2;
    max-width: 340px;
    margin-bottom: 16px;
  }
  .mob-break { display: block; }
  .hero p {
    font-size: 12px;
    line-height: 1.625;
    max-width: 330px;
    padding: 0 16px;
    margin-bottom: 32px;
  }
  .hero-actions {
    flex-direction: column;
    gap: 12px;
    padding: 0 24px;
    align-items: stretch;
  }
  .primary-pill,
  .secondary-pill {
    width: 100%;
    min-height: 44px;
    padding: 12px 24px;
    font-size: 10px;
  }
  .candlestick-bg { opacity: .72; }
  .candlestick-layer.deep { opacity: .22; transform: scale(1.75) translateY(32px) rotate(-3deg); }
  .candlestick-layer.main { opacity: .035; transform: scale(1.22); }
  .candlestick-layer.front { opacity: .03; transform: scale(1.02) translateX(-1%); }
  .candlestick-mask { background: radial-gradient(circle at 50% 38%, transparent 26%, rgba(6,78,59,.74) 100%); }

  .phone-flow { min-height: 500vh; margin-top: -240px; }
  .phone-sticky { height: 100svh; min-height: 620px; }
  .phone-wrap { margin-top: 32px; padding: 80px 20px; width: 100%; display: flex; justify-content: center; }
  .phone-mockup {
    width: 280px;
    height: 560px;
    border-width: 8px;
    border-radius: 48px;
    flex: 0 0 auto;
  }
  .phone-panel { padding: 16px; gap: 16px; }
  .phone-title { padding: 24px 8px 0; }
  .phone-title h4 { font-size: 24px; }
  .market-row { padding: 14px 8px; }

  .bento,
  .engineered,
  .performance,
  .market,
  .sessions,
  .testimonials,
  .contact { padding: 80px 24px; }

  .bento-grid,
  .performance-grid,
  .session-grid,
  .testimonial-grid { grid-template-columns: 1fr !important; }
  .bento-wide { grid-column: span 1 !important; }
  .bento-card { padding: 32px; border-radius: 32px; min-height: unset; }
  .execution-card { min-height: 520px; }
  .execution-card img { width: 100%; height: 240px; position: relative; right: auto; bottom: auto; margin-top: 28px; border-radius: 28px; }
  .interface-card { flex-direction: column; }
  .interface-img { width: 100%; height: 192px; }
  .tag-row { gap: 8px; flex-wrap: wrap; }
  .tag-row span { font-size: 8px; }

  .engineered-inner { gap: 64px; }
  .engineered h2,
  .performance h2,
  .center-heading h2,
  .split-heading h2,
  .testimonial-copy h2 { font-size: 34px; line-height: 1.1; }
  .engineered-copy p,
  .performance-copy p,
  .center-heading p,
  .testimonial-copy p { font-size: 14px; line-height: 1.7; }
  .neural-visual { border-radius: 48px; aspect-ratio: 16/9; }
  .pulse-core { width: 128px; height: 128px; filter: blur(40px); }

  .performance-copy { text-align: center; }
  .section-kicker { justify-content: center; }
  .performance-grid { display: grid; gap: 24px; }
  .perf-card { padding: 32px; border-radius: 40px; }
  .perf-icon { width: 48px; height: 48px; border-radius: 16px; }
  .perf-card h3 { font-size: 11px; margin-bottom: 16px; }
  .perf-card p { font-size: 10px; }

  .market-mobile-card { display: block; min-height: 340px; }
  .mt-mobile { display: block; }
  .split-heading { flex-direction: column; align-items: center; text-align: center; margin-bottom: 56px; gap: 24px; }
  .session-side { align-items: center; }
  .session-side p { text-align: center; font-size: 10px; }
  .session-grid { gap: 24px; min-height: 0; }
  .session-card-inner { padding: 32px; border-radius: 40px; }
  .flag { width: 48px; height: 48px; margin-bottom: 28px; }
  .session-time { font-size: 24px; }

  .access { height: 500vh; }
  .access-sticky { height: 100svh; padding-top: 64px; gap: 24px; }
  .access-header { padding: 0 24px; gap: 18px; }
  .access-header h2 { font-size: 34px; }
  .pipeline p { font-size: 7px; max-width: 280px; }
  .access-viewport { width: 100%; overflow: visible; }
  .access-track { gap: 12px; padding: 16px 8vw; align-items: stretch; }
  .tier-card { flex: 0 0 260px; padding: 20px; border-radius: 24px; }
  .tier-card h3 { font-size: 22px; }
  .tier-price strong { font-size: 18px; }
  .tier-features ul { gap: 8px 12px; }
  .tier-features li span { font-size: 8px; }
  .tier-button { height: 42px; font-size: 9px; }

  .testimonial-grid { display: none !important; }
  .testimonial-mobile,
  .testimonial-dots { display: block; }
  .testimonial-dots { display: flex; justify-content: center; margin-top: 24px; }
  .testimonial-card { padding: 32px; border-radius: 40px; }
  .testimonial-card:nth-child(even) { transform: none; }
  .partner-btn { display: none !important; }

  .contact-card { padding: 48px 24px; border-radius: 32px; }
  .contact-copy h2 { font-size: 34px; line-height: 1.1; }
  .contact-copy p { font-size: 13px; }
  .mail-card { padding: 32px 24px; border-radius: 28px; }
  .mail-icon { width: 48px; height: 48px; border-radius: 14px; margin-bottom: 24px; }
  .mail-card strong { font-size: 18px; }
  .mail-card b { padding: 12px 28px; }

  .footer-inner { padding: 64px 24px; gap: 28px; }
  .footer-links { gap: 20px; }
  .footer em { display: none; }
}

@media (min-width: 640px) {
  .mob-break { display: none; }
}

@media (max-width: 374px) {
  .hero { padding-inline: 18px; }
  .hero h1 { font-size: 28px; max-width: 300px; }
  .hero p { padding-inline: 6px; }
  .hero-actions { padding-inline: 10px; }
  .phone-wrap { padding-left: 8px; padding-right: 8px; }
  .phone-mockup { width: 268px; height: 536px; }
  .bento,
  .engineered,
  .performance,
  .market,
  .sessions,
  .testimonials,
  .contact { padding-left: 18px; padding-right: 18px; }
}

/* === Responsive precision pass based on original React breakpoints === */
/* Desktop/tablet must not expose mobile-only galleries. In React, MarketMatrix
   and Testimonials switch to carousel ONLY below 768px. */
@media (min-width: 768px) {
  .market-table { display: block !important; }
  .market-mobile-card,
  .market-mobile-dots,
  .testimonial-mobile,
  .testimonial-dots { display: none !important; }
  .testimonial-grid { display: grid !important; }
  .partner-btn { display: inline-flex !important; }
}

/* Tablet parity: keep desktop behavior for market/testimonials, but use medium spacing. */
@media (min-width: 768px) and (max-width: 1023px) {
  .navbar-inner { height: 80px; padding: 0 24px; }
  .navbar.scrolled .navbar-inner { height: 48px; margin-top: 16px; padding: 0 16px; }
  .hero { padding-top: 112px; padding-bottom: 280px; }
  .hero h1 { font-size: 48px; line-height: 1.1; max-width: 720px; }
  .hero p { font-size: 16px; max-width: 672px; }
  .phone-flow { margin-top: -240px; }
  .phone-wrap { margin-top: 48px; padding: 80px; }
  .phone-mockup { width: 320px; height: 640px; border-width: 10px; }
  .floating-card { display: flex !important; }
  .floating-left { left: max(24px, calc(50% - 430px)); }
  .floating-right { right: max(24px, calc(50% - 430px)); }

  .market { overflow: visible; }
  .market-table { border-radius: 48px; box-shadow: 0 24px 70px rgba(0,0,0,.035); }
  .mt-row { grid-template-columns: 3fr 3fr 3fr 3fr; }
  .mt-cell { padding: 28px 18px !important; }
  .mt-cell strong { font-size: 16px; }
  .mt-cell span { font-size: 11px; }

  .testimonial-layout { display: grid !important; grid-template-columns: 1fr; gap: 56px; }
  .testimonial-copy { text-align: center; max-width: 680px; margin: 0 auto; }
  .testimonial-copy p { margin-left: auto; margin-right: auto; }
  .testimonial-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 28px; }
  .testimonial-card { padding: 34px; border-radius: 44px; }
  .testimonial-card:nth-child(even) { transform: translateY(48px); }

  .access { height: 600vh; }
  .access-sticky { padding-top: 128px; gap: 48px; }
  .access-header { flex-direction: row; align-items: flex-end; text-align: left; padding: 0 48px; }
  .pipeline { align-items: flex-end; }
  .pipeline p { text-align: right; }
  .tier-card { flex: 0 0 560px; padding: 40px; border-radius: 48px; }
}

/* Mobile parity: match React mobile values without disabling the original gestures. */
@media (max-width: 767px) {
  html, body { overflow-x: clip; }
  .site-shell, .main { overflow-x: clip; }
  .section-nav {
    display: flex !important;
    left: 16px;
    gap: 16px;
    transform: translate(0,-50%);
    opacity: 1;
  }
  .section-nav button { width: 32px; height: 32px; }
  .section-nav button.active:after { border-width: 2px; }
  .section-nav span { display: none; }

  .hero { padding-top: 112px; padding-bottom: 240px; }
  .hero h1 { font-size: 30px; line-height: 1.2; letter-spacing: -0.04em; max-width: 340px; }
  .hero p { font-size: 12px; line-height: 1.625; max-width: 330px; }
  .eyebrow { margin-bottom: 16px; }
  .hero-actions { flex-direction: column; gap: 12px; align-items: stretch; padding: 0 24px; }
  .primary-pill, .secondary-pill { width: 100%; min-height: 44px; font-size: 10px; }

  .phone-flow { min-height: 500vh; margin-top: -240px; }
  .phone-sticky { height: 100svh; min-height: 620px; overflow: visible; }
  .phone-wrap { padding: 40px 20px; margin-top: 32px; width: 100%; display: flex; justify-content: center; }
  .phone-mockup { width: 280px; height: 560px; border-width: 8px; border-radius: 48px; }
  .floating-card { display: none !important; }

  .market-table { display: none !important; }
  .market-mobile-card { display: block !important; min-height: 340px; }
  .market-mobile-dots { display: flex !important; justify-content: center; gap: 6px; margin-bottom: 32px; }
  .testimonial-grid { display: none !important; }
  .testimonial-mobile { display: block !important; min-height: 280px; }
  .testimonial-dots { display: flex !important; justify-content: center; gap: 8px; margin-top: 24px; }

  .bento, .engineered, .performance, .market, .sessions, .testimonials, .contact { padding: 80px 24px; overflow: visible; }
  .bento-card, .perf-card, .session-card-inner, .testimonial-card, .contact-card { box-shadow: 0 20px 50px rgba(0,0,0,.04); }
  .execution-card { min-height: auto; }
  .execution-card img { position: relative; right: auto; bottom: auto; width: 100%; height: 240px; margin-top: 28px; border-radius: 28px; }
  .interface-card { flex-direction: column; }
  .interface-img { width: 100%; height: 192px; }

  .engineered h2, .performance h2, .center-heading h2, .split-heading h2, .testimonial-copy h2, .contact-copy h2, .access-header h2 { font-size: 34px; line-height: 1.1; }
  .neural-visual { aspect-ratio: 16/9; border-radius: 48px; }
  .performance-layout, .engineered-inner, .testimonial-layout, .contact-layout { grid-template-columns: 1fr !important; }
  .perf-card.offset { transform: none !important; }
  .session-grid { grid-template-columns: 1fr !important; min-height: 0; }

  .access { height: 500vh; overflow-x: clip; }
  .access-sticky { height: 100svh; padding-top: 64px; gap: 24px; overflow: hidden; }
  .access-header { padding: 0 24px; flex-direction: column; text-align: center; align-items: center; }
  .access-viewport { width: 100%; overflow: visible; }
  .access-track { padding: 16px 8vw; gap: 12px; }
  .tier-card { flex: 0 0 260px; padding: 20px; border-radius: 24px; justify-content: center; }
  .tier-card h3 { font-size: 22px; }
  .tier-price strong { font-size: 18px; }
}

/* Prevent shadow clipping on non-pinned sections while keeping horizontal page clean. */
.bento, .performance, .market, .sessions, .testimonials, .contact { overflow: visible; }
.hero, .phone-screen, .phone-mockup, .access, .access-sticky { overflow: hidden; }
.bento-grid, .performance-grid, .session-grid, .testimonial-grid { padding-block: 6px 64px; }


/* === Source-parity repair pass: scroll effects, icon rendering, overflow and responsive separation === */
.lucide { stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; fill: none; }
.icon-box .lucide, .perf-icon .lucide, .asset-icon .lucide, .mail-icon .lucide { width: 1em; height: 1em; }

/* Keep scroll-driven phone effect identical to the React source: sticky 500vh, screen transitions controlled by JS. */
.phone-flow { position: relative; z-index: 40; min-height: 500vh; margin-top: -240px; overflow: visible; }
@media (min-width: 1024px) { .phone-flow { margin-top: -400px; } }
.phone-sticky { position: sticky; top: 0; height: 100vh; width: 100%; display: flex; align-items: center; justify-content: center; overflow: visible; }
.phone-wrap { position: relative; z-index: 20; margin-top: 32px; padding: 80px; opacity: var(--phone-opacity,0); transform: translate3d(0,var(--phone-y,100px),0); transition: opacity 1.2s cubic-bezier(.22,1,.36,1), transform 1.2s cubic-bezier(.22,1,.36,1); will-change: transform, opacity; }
@media (min-width: 768px) { .phone-wrap { margin-top: 40px; } }
@media (min-width: 1024px) { .phone-wrap { margin-top: 48px; } }
.phone-mockup { width: 280px; height: 560px; border-width: 8px; border-radius: 48px; overflow: hidden; }
@media (min-width: 640px) { .phone-mockup { width: 320px; height: 640px; border-width: 10px; } }
.phone-panel { transition: opacity .6s ease-in-out, transform .6s ease-in-out; }
.phone-panel.exit-left { opacity: 0; transform: translateX(-20px); }
.phone-panel.exit-right { opacity: 0; transform: translateX(20px); }
.phone-panel.active { opacity: 1; transform: translateX(0); }
.phone-panel.panel-entered > * { animation: phoneContentIn .6s ease-in-out both; }
@keyframes phoneContentIn { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: translateX(0); } }

/* Original React: floating cards are hidden until lg only. Make sure they never leak into mobile/tablet. */
.floating-card { display: none !important; }
@media (min-width: 1024px) {
  .floating-card { display: flex !important; position: absolute; z-index: 30; align-items: center; gap: 20px; min-width: 240px; padding: 24px 32px; border-radius: 40px; background: #fff; border: 2px solid rgba(6,78,59,.05); box-shadow: 0 40px 80px -15px rgba(0,0,0,.12); backdrop-filter: blur(24px); transition: opacity .25s ease, transform .1s linear; will-change: transform, opacity; }
  .floating-left { left: 15%; top: 35%; }
  .floating-right { right: 15%; top: 42%; }
  .float-icon { width: 56px; height: 56px; border-radius: 999px; background: #ecfdf5; color: #047857; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
  .floating-card small { display: block; font-size: 11px; line-height: 1; text-transform: uppercase; letter-spacing: .15em; color: rgba(6,95,70,.5); font-weight: 900; margin-bottom: 4px; }
  .floating-card strong { display: block; font-family: var(--font-head); font-size: 20px; line-height: 1; color: var(--emerald-950); font-weight: 800; }
}

/* Horizontal pricing scroll: preserve original sticky gesture and prevent card shadows from being visibly chopped on the cards themselves. */
.access { height: 500vh; overflow-x: clip; overflow-y: visible; }
@media (min-width: 768px) { .access { height: 600vh; } }
.access-sticky { height: 100vh; overflow: hidden; }
.access-viewport { overflow: visible; min-height: 0; }
.access-track { transform: translate3d(0,0,0); will-change: transform; }
.progress-track em { transform-origin: left center; transform: scaleX(0); width: 100% !important; }
.tier-card { box-shadow: none; }
.tier-card.highlight { box-shadow: 0 40px 80px -20px rgba(0,0,0,.25); }
.tier-card.vip { box-shadow: 0 40px 100px -20px rgba(0,0,0,.8); }

/* React responsive parity. Do not show mobile-only pieces on desktop and do not override scroll gestures. */
.market-mobile-card, .market-mobile-dots, .testimonial-mobile, .testimonial-dots { display: none; }
@media (max-width: 767px) {
  .market-table { display: none !important; }
  .market-mobile-card { display: block !important; }
  .market-mobile-dots { display: flex !important; justify-content: center; margin-bottom: 32px; }
  .testimonial-grid { display: none !important; }
  .testimonial-mobile { display: block !important; }
  .testimonial-dots { display: flex !important; justify-content: center; margin-top: 24px; }
}
@media (min-width: 768px) {
  .market-table { display: block !important; }
  .market-mobile-card, .market-mobile-dots, .testimonial-mobile, .testimonial-dots { display: none !important; }
}

/* Avoid accidental horizontal page scroll without clipping inner shadows/scroll effects that need to animate. */
html, body, .site-shell { overflow-x: clip; }
.bento, .performance, .market, .sessions, .testimonials, .contact { overflow: visible; }
.hero, .phone-screen, .phone-mockup { overflow: hidden; }

/* Mobile sizes copied from the React Tailwind breakpoints instead of a custom redesign. */
@media (max-width: 639px) {
  .hero { padding-top: 112px; padding-bottom: 240px; }
  .hero h1 { font-size: 34px; line-height: 1.2; max-width: 340px; }
  .hero p { font-size: 13px; line-height: 1.625; max-width: 330px; padding-inline: 16px; }
  .hero-actions { flex-direction: column; gap: 12px; padding-inline: 24px; align-items: stretch; }
  .primary-pill, .secondary-pill { width: 100%; min-height: 44px; font-size: 10px; }
  .phone-wrap { padding: 80px 20px; width: 100%; display: flex; justify-content: center; }
  .access-sticky { height: 100svh; padding-top: 64px; gap: 24px; }
  .access-header { padding-inline: 24px; flex-direction: column; text-align: center; align-items: center; gap: 18px; }
  .access-header h2 { font-size: 34px; }
  .access-track { gap: 12px; padding: 16px 8vw; align-items: center; }
  .tier-card { flex: 0 0 260px; width: 260px; padding: 20px; border-radius: 24px; }
}

/* === FINAL MOBILE SOURCE PARITY PASS ===
   These overrides are intentionally placed last. They translate the original
   React/Tailwind mobile breakpoints directly instead of redesigning mobile. */
@media (max-width: 1023px) {
  .nav-links { display: none !important; }
  .navbar-inner { height: 80px; padding: 0 24px; }
  .section-nav { left: 16px; gap: 16px; }
  .section-nav button { width: 32px; height: 32px; }
  .section-nav button .lucide { width: 12px; height: 12px; }
  .section-nav button.active .lucide { width: 14px; height: 14px; }
  .section-nav button.active:after { border-width: 2px; }
  .section-nav span { display: none; }
  .phone-flow { margin-top: -240px; min-height: 500vh; overflow: visible; }
  .phone-sticky { height: 100vh; overflow: visible; }
  .phone-wrap { margin-top: 40px; padding: 80px; }
  .floating-card { display: none !important; }
  .performance-layout,
  .engineered-inner,
  .testimonial-layout,
  .contact-layout { grid-template-columns: 1fr !important; }
  .performance-layout,
  .engineered-inner { display: flex !important; flex-direction: column !important; }
  .performance-copy,
  .performance-grid { width: 100%; }
  .perf-card.offset { transform: none !important; }
  .market-table { display: none !important; }
  .market-mobile-card { display: block !important; }
  .market-mobile-dots { display: flex !important; justify-content: center; margin-bottom: 32px; }
  .testimonial-copy { position: relative; top: auto; text-align: center; }
  .testimonial-copy p { margin-left: auto; margin-right: auto; }
  .contact-copy { text-align: center; }
  .contact-copy p { margin-left: auto; margin-right: auto; }
  .contact-kicker { justify-content: center; }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .navbar.scrolled .navbar-inner { height: 56px; margin-top: 24px; padding: 0 24px; }
  .phone-wrap { margin-top: 40px; padding: 80px; }
  .phone-mockup { width: 320px; height: 640px; border-width: 10px; }
  .testimonial-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .testimonial-mobile,
  .testimonial-dots { display: none !important; }
  .market-table { display: block !important; }
  .market-mobile-card,
  .market-mobile-dots { display: none !important; }
}

@media (min-width: 640px) {
  .mob-break { display: none !important; }
}

@media (max-width: 639px) {
  .mob-break { display: block !important; }
}

@media (max-width: 767px) {
  html, body, .site-shell { overflow-x: clip; }

  /* Navbar: source uses h-20, px-6; scrolled h-12, mt-4, px-4. */
  .navbar { padding: 0 16px; }
  .navbar-inner { height: 80px; padding: 0 24px; }
  .navbar.scrolled .navbar-inner { height: 48px; margin-top: 16px; padding: 0 16px; }
  .login-btn { display: none; }
  .start-btn { padding: 6px 16px; font-size: 9px; }

  /* Section nav exists on mobile in the React source, with smaller icons. */
  .section-nav { display: flex !important; left: 16px; gap: 16px; opacity: 1; transform: translate(0,-50%); }
  .section-nav.show { opacity: 1; transform: translate(0,-50%); }
  .section-nav button { width: 32px; height: 32px; }
  .section-nav button .lucide { width: 12px; height: 12px; }
  .section-nav button.active .lucide { width: 14px; height: 14px; }
  .section-nav span { display: none !important; }

  /* Hero exact mobile Tailwind values: text-3xl/text-xs, px-6, pb-[240px]. */
  .hero { padding: 112px 24px 240px; }
  .hero h1 { font-size: 30px; line-height: 1.2; letter-spacing: -0.04em; max-width: 768px; margin-bottom: 16px; }
  .hero p { font-size: 12px; line-height: 1.625; max-width: 672px; padding: 0 16px; margin-bottom: 32px; }
  .eyebrow { margin-bottom: 16px; }
  .hero-actions { flex-direction: column; justify-content: center; gap: 12px; padding: 0 24px; align-items: stretch; }
  .primary-pill, .secondary-pill { width: 100%; padding: 12px 24px; min-height: 44px; font-size: 10px; }

  /* Phone scroll section exact mobile source: -mt-[240px], p-20, 280x560 mockup. */
  .phone-flow { min-height: 500vh; margin-top: -240px; overflow: visible; }
  .phone-sticky { height: 100vh; min-height: 0; overflow: visible; }
  .phone-wrap { margin-top: 32px; padding: 80px; width: auto; display: block; }
  .phone-mockup { width: 280px; height: 560px; border-width: 8px; border-radius: 48px; }
  .floating-card { display: none !important; }

  /* Section spacing and typography copied from the source mobile Tailwind. */
  .bento { padding: 80px 24px; }
  .engineered { padding: 80px 24px; }
  .performance { padding: 80px 24px; }
  .market { padding: 80px 24px; }
  .sessions { padding: 80px 24px; }
  .testimonials { padding: 80px 24px; }
  .contact { padding: 64px 24px; }

  .bento-grid,
  .performance-grid,
  .session-grid { grid-template-columns: 1fr !important; }
  .bento-wide { grid-column: span 1 !important; }
  .bento-card { padding: 32px; border-radius: 32px; }
  .bento-card h3 { font-size: 24px; line-height: 1.18; }
  .bento-card p { font-size: 14px; line-height: 1.625; }

  /* Original execution card keeps the image as a background layer on mobile. */
  .execution-card { min-height: 520px; }
  .execution-card img { position: absolute !important; right: 0 !important; top: 0 !important; bottom: auto !important; width: 100% !important; height: 100% !important; margin: 0 !important; border-radius: 0 !important; object-fit: cover; opacity: .25; filter: grayscale(1); mix-blend-mode: multiply; }
  .execution-card:after { background: linear-gradient(to right,#f0fdf4 0 35%,rgba(240,253,244,.85),transparent),linear-gradient(to top,#f0fdf4,transparent,#f0fdf4); }
  .bento-copy { position: relative; z-index: 2; max-width: 450px; }

  .interface-card { flex-direction: column; }
  .interface-img { width: 100%; height: 192px; }

  .engineered-inner { gap: 64px; }
  .engineered h2,
  .performance h2,
  .center-heading h2,
  .split-heading h2,
  .testimonial-copy h2,
  .access-header h2 { font-size: 30px; line-height: 1.1; }
  .engineered-copy p,
  .performance-copy p,
  .center-heading p,
  .split-heading p,
  .testimonial-copy p { font-size: 14px; line-height: 1.7; }
  .neural-visual { border-radius: 48px; }
  .performance-copy { text-align: center; }
  .section-kicker,
  .center-kicker { justify-content: center; }
  .perf-card { padding: 32px; border-radius: 40px; }

  .market-table { display: none !important; }
  .market-mobile-card { display: block !important; min-height: 340px; }
  .market-mobile-dots { display: flex !important; justify-content: center; gap: 6px; margin-bottom: 32px; }

  .split-heading { flex-direction: column; align-items: center; text-align: center; margin-bottom: 56px; }
  .session-side { align-items: center; }
  .session-side p { text-align: center; }
  .session-grid { min-height: 0; }

  .access { height: 500vh; overflow-x: clip; overflow-y: visible; }
  .access-sticky { height: 100vh; padding-top: 64px; gap: 24px; overflow: hidden; }
  .access-header { padding: 0 24px; flex-direction: column; text-align: center; align-items: center; gap: 18px; }
  .pipeline { align-items: center; }
  .pipeline p { text-align: center; font-size: 7px; }
  .access-track { gap: 12px; padding: 16px 8vw; align-items: center; }
  .tier-card { flex: 0 0 260px; width: 260px; padding: 20px; border-radius: 24px; }
  .tier-card h3 { font-size: 20px; }
  .tier-price strong { font-size: 18px; }
  .tier-features ul { gap: 8px 12px; }
  .tier-features li span { font-size: 8px; }

  .testimonial-grid { display: none !important; }
  .testimonial-mobile { display: block !important; min-height: 280px; }
  .testimonial-dots { display: flex !important; justify-content: center; gap: 8px; margin-top: 24px; }
  .partner-btn { display: none !important; }

  /* Contact source mobile is compact: section py-16, card p-6 rounded-2xl, inner mail p-6. */
  .contact-card { padding: 24px; border-radius: 32px; }
  .contact-layout { gap: 32px; }
  .contact-copy h2 { font-size: 24px; line-height: 1.1; margin-bottom: 16px; }
  .contact-copy p { font-size: 13px; line-height: 1.7; margin-bottom: 32px; }
  .contact-kicker { margin-bottom: 16px; }
  .mail-card { padding: 24px; border-radius: 24px; max-width: 384px; }
  .mail-icon { width: 40px; height: 40px; border-radius: 12px; margin-bottom: 16px; }
  .mail-card > span { font-size: 7px; margin-bottom: 6px; letter-spacing: .3em; }
  .mail-card strong { font-size: 13px; margin-bottom: 24px; }
  .mail-card b { padding: 10px 24px; font-size: 8px; gap: 8px; }

  .footer-inner { padding: 64px 32px; flex-direction: column; text-align: center; gap: 48px; }
  .footer-links { gap: 20px; }
  .footer em { display: none; }
}

@media (min-width: 640px) and (max-width: 767px) {
  .login-btn { display: block; font-size: 9px; }
  .hero h1 { font-size: 36px; }
  .hero p { font-size: 14px; }
  .hero-actions { flex-direction: row; align-items: center; }
  .primary-pill, .secondary-pill { width: auto; font-size: 12px; padding-left: 24px; padding-right: 24px; }
  .phone-mockup { width: 320px; height: 640px; border-width: 10px; }
}


/* === Final source mobile parity patch for photographed sections === */
.desktop-break{display:none}
@media (min-width:768px){.desktop-break{display:block}}

/* Testimonials: restore exact React copy structure and mobile spacing. */
.testimonial-copy .section-kicker.centered-mobile{justify-content:center;gap:12px;margin-bottom:32px}
.testimonial-copy .section-kicker.centered-mobile i{display:block;width:40px;height:1px;background:rgba(6,78,59,.2)}
.testimonial-copy h2 span{color:var(--primary);font-style:normal}

/* Prevent kicker/header collisions caused by earlier override passes. */
.performance-copy .section-kicker,
.center-heading .center-kicker,
.testimonial-copy .section-kicker,
.contact-copy .contact-kicker,
.access-header .section-kicker{position:relative;z-index:2;display:flex;align-items:center;gap:12px;margin:0 0 32px 0;line-height:1;transform:none!important}
.performance-copy h2,
.center-heading h2,
.testimonial-copy h2,
.contact-copy h2,
.access-header h2{position:relative;z-index:1;margin-top:0;transform:none!important}

/* Keep the source overflow behavior: shadows visible on normal sections, clipped only where React clips. */
.bento,.engineered,.performance,.market,.sessions,.testimonials,.contact{overflow:visible!important}
.hero,.phone-mockup,.phone-screen,.access,.access-sticky{overflow:hidden!important}
.bento-card,.perf-card,.session-card-inner,.testimonial-card,.contact-card,.mail-card{will-change:transform;backface-visibility:hidden}

@media (max-width:767px){
  /* Source mobile wrapper values: max width sections with px-6 and py-20/py-16 equivalents. */
  .bento,.engineered,.performance,.market,.sessions,.testimonials{padding:80px 24px!important}
  .contact{padding:64px 24px!important}

  /* Sidebar exact React values, visible on mobile but not allowed to resize/layout the page. */
  .section-nav{display:flex!important;left:16px!important;top:50%!important;gap:16px!important;opacity:1!important;transform:translateY(-50%)!important;pointer-events:auto}
  .section-nav button{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}
  .section-nav svg{width:12px!important;height:12px!important}
  .section-nav button.active svg{width:14px!important;height:14px!important}
  .section-nav span{display:none!important}

  /* Section headers: match text-3xl, centered, no overlap. */
  .performance-copy{width:100%!important;text-align:center!important;padding-top:0!important}
  .performance-copy>div{position:relative!important;top:auto!important}
  .performance-copy .section-kicker,
  .testimonial-copy .section-kicker,
  .contact-copy .contact-kicker,
  .access-header .section-kicker{justify-content:center!important;margin-bottom:32px!important}
  .performance h2,
  .testimonial-copy h2,
  .contact-copy h2,
  .access-header h2{font-size:30px!important;line-height:1.1!important;letter-spacing:-.04em!important;margin:0 0 24px 0!important}
  .performance-copy p,
  .testimonial-copy p,
  .contact-copy p{font-size:13px!important;line-height:1.7!important;max-width:36rem!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}

  /* Contact card exact source mobile geometry. */
  .contact-card{padding:24px!important;border-radius:32px!important;max-width:100%!important;overflow:hidden!important}
  .contact-layout{display:grid!important;grid-template-columns:1fr!important;gap:32px!important;align-items:center!important}
  .contact-copy{text-align:center!important}
  .contact-copy h2{font-size:24px!important;margin-bottom:16px!important}
  .contact-copy p{margin-bottom:32px!important}
  .contact-kicker span{font-size:8px!important;letter-spacing:.4em!important;color:rgba(255,255,255,.4)!important}
  .contact-kicker i{width:32px!important;background:rgba(255,255,255,.2)!important}
  .mail-card{width:100%!important;max-width:28rem!important;margin-inline:auto!important;padding:32px 24px!important;border-radius:28px!important;overflow:hidden!important}
  .mail-icon{width:40px!important;height:40px!important;border-radius:12px!important;margin-bottom:16px!important}
  .mail-icon svg{width:20px!important;height:20px!important}
  .mail-card small{font-size:7px!important;letter-spacing:.3em!important;margin-bottom:6px!important}
  .mail-card strong{font-size:13px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;margin-bottom:24px!important}
  .mail-card b{padding:10px 24px!important;font-size:8px!important;letter-spacing:.14em!important}

  /* Testimonials exact source mobile behavior: text first, dots under copy, single card only. */
  .testimonials{font-family:var(--font-sans)!important}
  .testimonial-layout{display:grid!important;grid-template-columns:1fr!important;gap:48px!important}
  .testimonial-copy{text-align:center!important;max-width:none!important;margin:0!important}
  .testimonial-copy h2{font-size:30px!important;margin-bottom:24px!important}
  .testimonial-copy .section-kicker span{font-size:9px!important;color:rgba(6,78,59,.4)!important;letter-spacing:.4em!important}
  .testimonial-dots{display:flex!important;justify-content:center!important;gap:8px!important;margin-top:10px!important;margin-bottom:0!important}
  .testimonial-dots button{height:6px!important;border-radius:999px!important;background:rgba(6,78,59,.1)!important;width:6px!important;padding:0!important;transition:.3s!important}
  .testimonial-dots button.active{width:32px!important;background:var(--primary)!important}
  .testimonial-grid{display:none!important}
  .testimonial-mobile{display:block!important;min-height:0!important}

  /* Performance cards follow source: one column, no offset, no crop. */
  .performance-layout{display:flex!important;flex-direction:column!important;gap:48px!important}
  .performance-grid{display:grid!important;grid-template-columns:1fr!important;gap:24px!important;padding:0!important}
  .perf-card{padding:32px!important;border-radius:40px!important;transform:none!important}
  .perf-card.offset{transform:none!important}

  /* Bento fast-execution mobile: background image stays absolute/faded like source, not inserted as a huge block. */
  .execution-card{min-height:auto!important;overflow:hidden!important}
  .execution-card img{position:absolute!important;inset:0 0 0 auto!important;width:100%!important;height:100%!important;margin:0!important;border-radius:0!important;object-fit:cover!important;opacity:.25!important;mix-blend-mode:multiply!important;filter:grayscale(1)!important;transform:none!important}
  .execution-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,#F0FDF4,#F0FDF4 30%,transparent),linear-gradient(to top,#F0FDF4,transparent,#F0FDF4);pointer-events:none;z-index:1}
  .execution-card .bento-copy{position:relative!important;z-index:2!important;max-width:450px!important}

  /* Pricing/access: preserve source horizontal scroll layout without accidental vertical clipping of labels. */
  .access{height:500vh!important;overflow-x:clip!important;overflow-y:visible!important}
  .access-sticky{height:100vh!important;padding-top:64px!important;gap:24px!important;overflow:hidden!important}
  .access-header{padding:0 24px!important;flex-direction:column!important;text-align:center!important;align-items:center!important;gap:18px!important;flex:0 0 auto!important}
  .access-viewport{width:100%!important;overflow:visible!important;min-height:0!important}
  .access-track{gap:12px!important;padding:16px 8vw!important;align-items:center!important;will-change:transform!important}
  .tier-card{flex:0 0 260px!important;padding:20px!important;border-radius:24px!important;justify-content:center!important;min-height:308px!important}
  .tier-label{top:-14px!important;font-size:7px!important;letter-spacing:.35em!important;padding:7px 16px!important}
}

@media (min-width:768px) and (max-width:1023px){
  .testimonial-copy .section-kicker.centered-mobile i:last-child{display:block!important}
  .performance-copy .section-kicker,.testimonial-copy .section-kicker,.contact-copy .contact-kicker{justify-content:center!important}
}

/* === PRICING SOURCE PARITY FIX ===
   Restores the React/Tailwind pricing section layout exactly: sticky horizontal scroll,
   desktop/mobile card dimensions, header alignment, labels, shadows and feature grid. */
#pricing.access{
  position:relative!important;
  height:500vh!important;
  background:#064e3b!important;
  overflow-x:clip!important;
  overflow-y:visible!important;
}
#pricing .access-sticky{
  position:sticky!important;
  top:0!important;
  height:100vh!important;
  min-height:100svh!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:64px 0 16px!important;
  gap:24px!important;
  overflow:hidden!important;
}
#pricing .access-glow{pointer-events:none!important;position:absolute!important;width:50%!important;height:50%!important;border-radius:999px!important;filter:blur(120px)!important;background:rgba(16,185,129,.05)!important}
#pricing .access-glow-a{top:0!important;right:0!important;left:auto!important;bottom:auto!important}
#pricing .access-glow-b{bottom:0!important;left:0!important;top:auto!important;right:auto!important}
#pricing .access-header{
  position:relative!important;
  z-index:10!important;
  width:100%!important;
  max-width:1400px!important;
  padding:0 24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:space-between!important;
  text-align:center!important;
  gap:18px!important;
  flex:0 0 auto!important;
}
#pricing .access-header .section-kicker,
#pricing .access-header .dark-kicker{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  margin:0 0 8px!important;
  transform:none!important;
  line-height:1!important;
}
#pricing .access-header .section-kicker i{width:32px!important;height:1px!important;background:rgba(255,255,255,.1)!important;display:block!important;flex:none!important}
#pricing .access-header .section-kicker span{font-size:9px!important;font-weight:900!important;letter-spacing:.3em!important;color:#10b981!important;text-transform:uppercase!important;white-space:nowrap!important}
#pricing .access-header h2{
  font-family:var(--font-head)!important;
  font-size:30px!important;
  line-height:1.1!important;
  font-weight:800!important;
  letter-spacing:-.04em!important;
  color:#fff!important;
  margin:0!important;
  transform:none!important;
}
#pricing .pipeline{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;max-width:320px!important}
#pricing .pipeline p{max-width:320px!important;margin:0!important;text-align:center!important;font-size:7px!important;line-height:1.7!important;font-weight:900!important;letter-spacing:.3em!important;text-transform:uppercase!important;color:rgba(255,255,255,.3)!important}
#pricing .pipeline div{display:flex!important;align-items:center!important;gap:8px!important}
#pricing .pipeline div span{width:4px!important;height:4px!important;border-radius:999px!important;background:#10b981!important;display:block!important;animation:pulse 1.3s infinite!important}
#pricing .pipeline b{font-size:6px!important;font-weight:900!important;letter-spacing:.4em!important;text-transform:uppercase!important;color:rgba(255,255,255,.2)!important;white-space:nowrap!important}
#pricing .progress-track{display:block!important;width:80px!important;height:2px!important;border-radius:999px!important;background:rgba(255,255,255,.05)!important;overflow:hidden!important}
#pricing .progress-track em{display:block!important;width:100%!important;height:100%!important;background:#10b981!important;transform:scaleX(0);transform-origin:left center!important}
#pricing .access-viewport{
  position:relative!important;
  z-index:20!important;
  width:100%!important;
  flex:1 1 auto!important;
  display:flex!important;
  align-items:center!important;
  min-height:0!important;
  overflow:visible!important;
}
#pricing .access-track{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:16px 8vw!important;
  will-change:transform!important;
  transform:translate3d(0,0,0);
}
#pricing .tier-card{
  box-sizing:border-box!important;
  position:relative!important;
  flex:0 0 260px!important;
  width:260px!important;
  min-width:260px!important;
  max-width:260px!important;
  height:auto!important;
  min-height:0!important;
  padding:20px!important;
  border-radius:24px!important;
  text-align:left!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  transition:transform .7s ease, box-shadow .7s ease, background-color .7s ease!important;
  overflow:visible!important;
}
#pricing .tier-card.normal{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;box-shadow:none!important;transform:none!important}
#pricing .tier-card.highlight{background:#fff!important;color:#064e3b!important;border:0!important;transform:scale(1.05)!important;z-index:20!important;box-shadow:0 40px 80px -20px rgba(0,0,0,.25)!important}
#pricing .tier-card.vip{background:#020617!important;color:#fff!important;border:1px solid rgba(52,211,153,.3)!important;transform:scale(1.05)!important;z-index:20!important;box-shadow:0 40px 100px -20px rgba(0,0,0,.8)!important}
#pricing .tier-label{position:absolute!important;top:-12px!important;left:50%!important;right:auto!important;translate:-50% 0!important;transform:none!important;padding:6px 16px!important;border-radius:999px!important;background:#059669!important;color:#fff!important;font-size:7px!important;font-weight:900!important;line-height:1!important;letter-spacing:.4em!important;text-transform:uppercase!important;white-space:nowrap!important;box-shadow:0 10px 30px rgba(0,0,0,.2)!important;z-index:30!important;display:flex!important;align-items:center!important;gap:8px!important}
#pricing .tier-card.vip .tier-label{background:#fff!important;color:#064e3b!important}
#pricing .tier-top{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;margin:0 0 16px!important;width:100%!important}
#pricing .tier-kicker{font-size:7px!important;font-weight:800!important;line-height:1.2!important;text-transform:uppercase!important;letter-spacing:.3em!important;margin:0 0 2px!important;color:rgba(255,255,255,.4)!important;white-space:nowrap!important}
#pricing .tier-card.highlight .tier-kicker{color:#064e3b!important}
#pricing .tier-card.vip .tier-kicker{color:rgba(255,255,255,.6)!important}
#pricing .tier-card h3{font-family:var(--font-head)!important;font-size:22px!important;line-height:1!important;font-weight:900!important;letter-spacing:-.05em!important;margin:0!important;color:inherit!important}
#pricing .tier-price{text-align:right!important;flex:none!important}
#pricing .tier-price strong{display:block!important;font-size:18px!important;font-weight:900!important;letter-spacing:-.06em!important;line-height:1!important;margin:0 0 4px!important;color:inherit!important;white-space:nowrap!important}
#pricing .tier-price span{display:block!important;font-size:6px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.2em!important;color:rgba(255,255,255,.3)!important;white-space:nowrap!important}
#pricing .tier-card.highlight .tier-price span{color:rgba(6,78,59,.6)!important}
#pricing .tier-card.vip .tier-price span{color:rgba(255,255,255,.4)!important}
#pricing .tier-features{flex:1 1 auto!important;border-top:1px solid rgba(255,255,255,.1)!important;padding-top:16px!important;margin:0 0 20px!important;min-height:0!important}
#pricing .tier-card.highlight .tier-features{border-color:rgba(6,78,59,.1)!important}
#pricing .tier-features>b{display:block!important;font-size:8px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.3em!important;color:rgba(255,255,255,.2)!important;margin:0 0 12px!important;line-height:1!important}
#pricing .tier-card.highlight .tier-features>b{color:rgba(6,95,70,.4)!important}
#pricing .tier-card.vip .tier-features>b{color:rgba(52,211,153,.6)!important}
#pricing .tier-features ul{list-style:none!important;padding:0!important;margin:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 12px!important}
#pricing .tier-features li{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;margin:0!important;padding:0!important}
#pricing .feature-dot{width:12px!important;height:12px!important;min-width:12px!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 12px!important}
#pricing .feature-dot svg{width:7px!important;height:7px!important;stroke-width:6!important}
#pricing .feature-dot.ok{background:#10b981!important;color:#064e3b!important}
#pricing .tier-card.highlight .feature-dot.ok{background:#059669!important;color:#fff!important}
#pricing .tier-card.vip .feature-dot.ok{background:#34d399!important;color:#064e3b!important}
#pricing .feature-dot.no{background:rgba(255,255,255,.1)!important;color:rgba(255,255,255,.2)!important}
#pricing .tier-card.highlight .feature-dot.no{background:rgba(0,0,0,.06)!important;color:rgba(6,95,70,.3)!important}
#pricing .tier-features li span:last-child{display:block!important;min-width:0!important;font-size:8px!important;font-weight:800!important;line-height:1.1!important;text-transform:uppercase!important;letter-spacing:-.02em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:rgba(255,255,255,.8)!important}
#pricing .tier-features li.off span:last-child{color:rgba(255,255,255,.2)!important}
#pricing .tier-card.highlight .tier-features li span:last-child{color:#064e3b!important}
#pricing .tier-card.highlight .tier-features li.off span:last-child{color:rgba(6,95,70,.3)!important}
#pricing .tier-card.vip .tier-features li span:last-child{color:#fff!important}
#pricing .tier-card.vip .tier-features li.off span:last-child{color:rgba(255,255,255,.2)!important}
#pricing .tier-button{width:100%!important;height:auto!important;padding:12px 16px!important;border-radius:12px!important;font-size:8px!important;font-weight:900!important;line-height:1!important;text-transform:uppercase!important;letter-spacing:.3em!important;transition:all .25s ease!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;box-shadow:none!important}
#pricing .tier-card.highlight .tier-button{background:#059669!important;border-color:#059669!important;color:#fff!important;box-shadow:0 16px 35px rgba(0,0,0,.12)!important}
#pricing .tier-card.vip .tier-button{background:#10b981!important;border-color:#10b981!important;color:#064e3b!important}

@media (min-width:640px) and (max-width:767px){
  #pricing .tier-card{flex-basis:340px!important;width:340px!important;min-width:340px!important;max-width:340px!important;padding:32px!important;border-radius:24px!important}
}
@media (min-width:768px){
  #pricing.access{height:600vh!important}
  #pricing .access-sticky{padding-top:128px!important;padding-bottom:16px!important;gap:48px!important;min-height:100vh!important}
  #pricing .access-header{padding:0 48px!important;flex-direction:row!important;align-items:flex-end!important;text-align:left!important;gap:32px!important}
  #pricing .access-header .section-kicker{justify-content:flex-start!important;margin-bottom:24px!important}
  #pricing .access-header .section-kicker i{width:48px!important}
  #pricing .access-header .section-kicker span{font-size:10px!important}
  #pricing .access-header h2{font-size:48px!important}
  #pricing .pipeline{align-items:flex-end!important;gap:20px!important}
  #pricing .pipeline p{text-align:right!important;font-size:9px!important}
  #pricing .pipeline div{gap:12px!important}
  #pricing .pipeline div span{width:6px!important;height:6px!important}
  #pricing .pipeline b{font-size:8px!important}
  #pricing .progress-track{width:224px!important;height:4px!important}
  #pricing .access-track{gap:40px!important;padding:16px 10vw!important;align-items:flex-start!important}
  #pricing .tier-card{flex:0 0 560px!important;width:560px!important;min-width:560px!important;max-width:560px!important;padding:40px!important;border-radius:48px!important;justify-content:flex-start!important}
  #pricing .tier-label{top:-12px!important;padding:8px 24px!important;font-size:8px!important}
  #pricing .tier-top{margin-bottom:24px!important}
  #pricing .tier-kicker{font-size:8px!important;margin-bottom:4px!important}
  #pricing .tier-card h3{font-size:36px!important}
  #pricing .tier-price strong{font-size:30px!important}
  #pricing .tier-price span{font-size:7px!important}
  #pricing .tier-features{padding-top:20px!important;margin-bottom:24px!important}
  #pricing .tier-features>b{font-size:8px!important;margin-bottom:16px!important}
  #pricing .tier-features ul{gap:12px 24px!important}
  #pricing .tier-features li{gap:10px!important}
  #pricing .feature-dot{width:14px!important;height:14px!important;min-width:14px!important;flex-basis:14px!important}
  #pricing .feature-dot svg{width:8px!important;height:8px!important}
  #pricing .tier-features li span:last-child{font-size:10px!important}
  #pricing .tier-button{padding:16px!important;border-radius:16px!important;font-size:9px!important}
}

/* === FINAL TYPOGRAPHY + SPACING CONSISTENCY PASS ===
   Keeps the existing React-parity gestures/JS intact, but normalizes section rhythm,
   readable body sizes and card text scale across mobile and desktop. */
:root{
  --section-pad-y:128px;
  --section-pad-x:48px;
  --section-pad-y-mobile:88px;
  --section-pad-x-mobile:24px;
  --section-title-desktop:56px;
  --section-title-tablet:44px;
  --section-title-mobile:34px;
  --section-body-desktop:17px;
  --section-body-mobile:15px;
}

@media (min-width:1024px){
  .bento,
  .engineered,
  .performance,
  .market,
  .sessions,
  .testimonials,
  .contact{
    padding-top:var(--section-pad-y)!important;
    padding-bottom:var(--section-pad-y)!important;
    padding-left:var(--section-pad-x)!important;
    padding-right:var(--section-pad-x)!important;
  }

  .engineered h2,
  .performance h2,
  .center-heading h2,
  .split-heading h2,
  .testimonial-copy h2,
  .contact-copy h2{
    font-size:var(--section-title-desktop)!important;
    line-height:1.05!important;
    letter-spacing:-.045em!important;
    margin:0 0 28px!important;
  }

  .engineered-copy p,
  .performance-copy p,
  .center-heading p,
  .split-heading p,
  .session-side p,
  .testimonial-copy p,
  .contact-copy p,
  .bento-card p{
    font-size:var(--section-body-desktop)!important;
    line-height:1.72!important;
  }

  .bento-card h3,
  .perf-card strong,
  .session-card h3,
  .testimonial-card strong{
    font-size:clamp(24px,2vw,32px)!important;
    line-height:1.12!important;
  }

  .bento-grid,
  .performance-grid,
  .session-grid,
  .testimonial-grid{
    padding-top:0!important;
    padding-bottom:24px!important;
  }

  .performance-layout,
  .engineered-inner,
  .testimonial-layout,
  .contact-layout{
    gap:clamp(56px,6vw,96px)!important;
  }
}

@media (min-width:768px) and (max-width:1023px){
  .bento,
  .engineered,
  .performance,
  .market,
  .sessions,
  .testimonials,
  .contact{
    padding:104px 40px!important;
  }
  .engineered h2,
  .performance h2,
  .center-heading h2,
  .split-heading h2,
  .testimonial-copy h2,
  .contact-copy h2{
    font-size:var(--section-title-tablet)!important;
    line-height:1.08!important;
    margin-bottom:24px!important;
  }
  .engineered-copy p,
  .performance-copy p,
  .center-heading p,
  .split-heading p,
  .session-side p,
  .testimonial-copy p,
  .contact-copy p,
  .bento-card p{
    font-size:16px!important;
    line-height:1.7!important;
  }
}

@media (max-width:767px){
  .bento,
  .engineered,
  .performance,
  .market,
  .sessions,
  .testimonials{
    padding-top:var(--section-pad-y-mobile)!important;
    padding-bottom:var(--section-pad-y-mobile)!important;
    padding-left:var(--section-pad-x-mobile)!important;
    padding-right:var(--section-pad-x-mobile)!important;
  }
  .contact{
    padding:80px var(--section-pad-x-mobile)!important;
  }

  .engineered h2,
  .performance h2,
  .center-heading h2,
  .split-heading h2,
  .testimonial-copy h2,
  .contact-copy h2{
    font-size:var(--section-title-mobile)!important;
    line-height:1.1!important;
    letter-spacing:-.045em!important;
    margin:0 0 22px!important;
  }

  .engineered-copy p,
  .performance-copy p,
  .center-heading p,
  .split-heading p,
  .session-side p,
  .testimonial-copy p,
  .contact-copy p,
  .bento-card p,
  .perf-card p,
  .testimonial-card p{
    font-size:var(--section-body-mobile)!important;
    line-height:1.68!important;
  }

  .section-kicker span,
  .center-kicker span,
  .contact-kicker span,
  .micro-label,
  .tier-kicker,
  #pricing .access-header .section-kicker span{
    font-size:9px!important;
    line-height:1.2!important;
  }

  .bento-card,
  .perf-card,
  .session-card-inner,
  .testimonial-card{
    padding:30px 28px!important;
  }

  .bento-card h3,
  .perf-card strong,
  .session-card h3{
    font-size:24px!important;
    line-height:1.16!important;
  }

  .bento-grid,
  .performance-grid,
  .session-grid,
  .testimonial-grid{
    gap:24px!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }

  .split-heading,
  .center-heading,
  .performance-copy,
  .testimonial-copy{
    margin-bottom:42px!important;
  }

  .contact-card{
    padding:36px 24px!important;
  }
  .mail-card strong{
    font-size:15px!important;
  }

  /* Pricing was visually too small on mobile: keep the original horizontal behavior, only improve legibility. */
  #pricing .pipeline p{font-size:8px!important;line-height:1.55!important;letter-spacing:.22em!important;}
  #pricing .pipeline b{font-size:7px!important;letter-spacing:.28em!important;}
  #pricing .tier-features>b{font-size:8.5px!important;}
  #pricing .tier-features li span:last-child{font-size:9px!important;line-height:1.15!important;}
  #pricing .tier-button{font-size:8.5px!important;}
}

@media (max-width:374px){
  :root{--section-title-mobile:32px;--section-body-mobile:14px;}
  .bento-card,
  .perf-card,
  .session-card-inner,
  .testimonial-card{padding:28px 24px!important;}
  #pricing .tier-features li span:last-child{font-size:8.5px!important;}
}

/* === Mobile typography parity pass: section titles and lead descriptions === */
@media (max-width:767px){
  :root{
    --mobile-section-title:34px;
    --mobile-section-title-line:1.08;
    --mobile-section-body:15px;
    --mobile-section-body-line:1.68;
    --mobile-section-gap:18px;
  }

  /* Main section titles: keep every section heading on the same visual scale. */
  .engineered-copy h2,
  .performance-copy h2,
  .center-heading h2,
  .split-heading h2,
  #pricing .access-header h2,
  .testimonial-copy h2,
  .contact-copy h2{
    font-size:var(--mobile-section-title)!important;
    line-height:var(--mobile-section-title-line)!important;
    letter-spacing:-0.045em!important;
    font-weight:800!important;
    margin:0 0 var(--mobile-section-gap)!important;
  }

  /* Main section descriptions: one readable size across all mobile sections. */
  .engineered-copy p,
  .performance-copy p,
  .center-heading p,
  .split-heading p,
  .session-side p,
  #pricing .pipeline p,
  .testimonial-copy p,
  .contact-copy p,
  .bento-copy p,
  .bento-card > p,
  .perf-card p,
  .testimonial-card p{
    font-size:var(--mobile-section-body)!important;
    line-height:var(--mobile-section-body-line)!important;
    letter-spacing:0!important;
    font-weight:500!important;
    margin-top:0!important;
  }

  /* Keep label text intentionally small, but consistent and readable. */
  .section-kicker span,
  .center-kicker span,
  .contact-kicker span,
  .micro-label,
  .tier-kicker,
  #pricing .access-header .section-kicker span{
    font-size:9px!important;
    line-height:1.25!important;
    letter-spacing:.32em!important;
    font-weight:800!important;
  }

  /* Card titles should be consistent with each other, but still smaller than section h2s. */
  .bento-card h3,
  .bento-copy h3,
  .perf-card strong,
  .session-card h3,
  .testimonial-card strong{
    font-size:24px!important;
    line-height:1.14!important;
    letter-spacing:-.035em!important;
    font-weight:800!important;
  }

  /* Remove oversized vertical gaps that made sections feel inconsistent on mobile. */
  .center-heading,
  .split-heading,
  .performance-copy,
  .testimonial-copy,
  .contact-copy{
    margin-bottom:40px!important;
  }

  .bento,
  .engineered,
  .performance,
  .market,
  .sessions,
  .testimonials,
  .contact{
    padding-top:86px!important;
    padding-bottom:86px!important;
  }

  /* Pricing micro copy inside feature lists remains compact, but not unreadable. */
  #pricing .tier-features > b,
  #pricing .tier-features li span:last-child,
  #pricing .tier-button{
    font-size:9px!important;
    line-height:1.22!important;
  }
}

@media (max-width:374px){
  :root{
    --mobile-section-title:32px;
    --mobile-section-body:14px;
  }
}

/* === HARD MOBILE TYPE/RHYTHM LOCK ===
   Final override: one typography system for all mobile sections. */
@media (max-width: 767px){
  html, body, .site-shell{width:100%;max-width:100%;overflow-x:clip!important;}

  /* same outer rhythm for every content section */
  .bento,
  .engineered,
  .performance,
  .market,
  .sessions,
  .testimonials,
  .contact{
    padding:82px 24px!important;
  }

  /* unified section headline scale */
  .engineered-copy h2,
  .performance-copy h2,
  .center-heading h2,
  .split-heading h2,
  #pricing .access-header h2,
  .testimonial-copy h2,
  .contact-copy h2{
    font-family:var(--font-head)!important;
    font-size:30px!important;
    line-height:1.08!important;
    letter-spacing:-0.045em!important;
    font-weight:800!important;
    margin:0 0 18px!important;
    max-width:100%!important;
  }

  /* unified lead/description text scale */
  .engineered-copy > p,
  .performance-copy > p,
  .center-heading > p,
  .split-heading p,
  .session-side > p,
  .testimonial-copy > p,
  .contact-copy > p,
  .bento-copy > p,
  .bento-card > p,
  .perf-card > p,
  .testimonial-card > p{
    font-size:15px!important;
    line-height:1.62!important;
    letter-spacing:0!important;
    font-weight:500!important;
    margin:0 auto!important;
    max-width:34rem!important;
  }

  /* consistent spacing from labels to titles */
  .section-kicker,
  .center-kicker,
  .contact-kicker,
  .micro-label,
  #pricing .access-header .section-kicker{
    margin:0 0 22px!important;
  }

  .section-kicker span,
  .center-kicker span,
  .contact-kicker span,
  .micro-label,
  #pricing .access-header .section-kicker span{
    font-size:9px!important;
    line-height:1.2!important;
    letter-spacing:.32em!important;
    font-weight:900!important;
  }

  /* card titles remain one clear tier below section titles */
  .bento-card h3,
  .bento-copy h3,
  .perf-card strong,
  .session-card h3,
  .testimonial-card strong,
  .pricing-card h3,
  .stability-card h3,
  .interface-copy h3{
    font-family:var(--font-head)!important;
    font-size:23px!important;
    line-height:1.15!important;
    letter-spacing:-.035em!important;
    font-weight:800!important;
    margin:0 0 14px!important;
  }

  .bento-card,
  .perf-card,
  .session-card-inner,
  .testimonial-card{
    padding:28px 24px!important;
  }

  /* prevent earlier section-specific overrides from shrinking/oversizing these */
  .contact-copy h2,
  .testimonial-copy h2,
  .performance-copy h2,
  #pricing .access-header h2{
    font-size:30px!important;
  }
  .contact-copy p,
  .testimonial-copy p,
  .performance-copy p{
    font-size:15px!important;
  }

  /* pricing keeps the original sticky/horizontal behavior, only text readability is normalized */
  #pricing .pipeline p{
    font-size:9px!important;
    line-height:1.5!important;
    letter-spacing:.18em!important;
    max-width:300px!important;
  }
  #pricing .tier-features > b,
  #pricing .tier-features li span:last-child,
  #pricing .tier-button{
    font-size:9px!important;
    line-height:1.18!important;
  }
}

@media (max-width:374px){
  .engineered-copy h2,
  .performance-copy h2,
  .center-heading h2,
  .split-heading h2,
  #pricing .access-header h2,
  .testimonial-copy h2,
  .contact-copy h2{font-size:28px!important;}
  .engineered-copy > p,
  .performance-copy > p,
  .center-heading > p,
  .split-heading p,
  .session-side > p,
  .testimonial-copy > p,
  .contact-copy > p,
  .bento-copy > p,
  .bento-card > p,
  .perf-card > p,
  .testimonial-card > p{font-size:14px!important;}
}

/* === FINAL READABILITY + PRICING REPAIR ===
   Fixes the sections that became too small, and rebuilds Pricing so it stays
   readable on mobile without breaking the original sticky horizontal gesture. */
@media (max-width: 767px){
  /* Global mobile readability floor for real content text only */
  .engineered-copy > p,
  .performance-copy > p,
  .center-heading > p,
  .split-heading > p,
  .session-side > p,
  .testimonial-copy > p,
  .contact-copy > p,
  .bento-copy > p,
  .bento-card > p,
  .perf-card > p,
  .testimonial-card > p,
  .session-card p,
  .contact-note,
  .form-field,
  .metric-text,
  .interface-copy p{
    font-size:15.5px!important;
    line-height:1.62!important;
    letter-spacing:0!important;
    font-weight:500!important;
  }

  .engineered-copy h2,
  .performance-copy h2,
  .center-heading h2,
  .split-heading h2,
  .testimonial-copy h2,
  .contact-copy h2,
  #pricing .access-header h2{
    font-size:32px!important;
    line-height:1.08!important;
    letter-spacing:-.045em!important;
  }

  .bento-card h3,
  .bento-copy h3,
  .perf-card h3,
  .perf-card strong,
  .session-card h3,
  .testimonial-card strong,
  .interface-copy h3{
    font-size:24px!important;
    line-height:1.15!important;
  }

  /* Pricing: keep sticky horizontal scroll, but stop the card contents from becoming microscopic. */
  #pricing.access{
    height:520vh!important;
    overflow-x:clip!important;
  }

  #pricing .access-sticky{
    padding-top:74px!important;
    padding-bottom:18px!important;
    gap:24px!important;
    overflow:hidden!important;
  }

  #pricing .access-header{
    padding:0 22px!important;
    gap:16px!important;
  }

  #pricing .access-header .section-kicker{
    margin-bottom:12px!important;
  }

  #pricing .access-header .section-kicker span{
    font-size:9px!important;
    letter-spacing:.28em!important;
  }

  #pricing .pipeline{
    max-width:340px!important;
    gap:10px!important;
  }

  #pricing .pipeline p{
    font-size:11px!important;
    line-height:1.5!important;
    letter-spacing:.08em!important;
    font-weight:800!important;
    max-width:330px!important;
  }

  #pricing .pipeline b{
    font-size:8px!important;
    line-height:1.2!important;
    letter-spacing:.24em!important;
  }

  #pricing .progress-track{
    width:120px!important;
    height:3px!important;
  }

  #pricing .access-viewport{
    align-items:center!important;
    overflow:visible!important;
  }

  #pricing .access-track{
    align-items:center!important;
    gap:18px!important;
    padding:18px 24px!important;
  }

  #pricing .tier-card{
    flex:0 0 min(330px, calc(100vw - 48px))!important;
    width:min(330px, calc(100vw - 48px))!important;
    min-width:min(330px, calc(100vw - 48px))!important;
    max-width:min(330px, calc(100vw - 48px))!important;
    min-height:430px!important;
    padding:26px 22px 22px!important;
    border-radius:28px!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }

  #pricing .tier-card.highlight,
  #pricing .tier-card.vip{
    transform:scale(1.025)!important;
  }

  #pricing .tier-label{
    top:-11px!important;
    padding:7px 15px!important;
    font-size:8px!important;
    letter-spacing:.28em!important;
  }

  #pricing .tier-top{
    align-items:flex-start!important;
    gap:14px!important;
    margin-bottom:20px!important;
  }

  #pricing .tier-kicker{
    font-size:9px!important;
    line-height:1.2!important;
    letter-spacing:.22em!important;
    margin-bottom:6px!important;
  }

  #pricing .tier-card h3{
    font-size:28px!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
  }

  #pricing .tier-price strong{
    font-size:23px!important;
    line-height:1!important;
    margin-bottom:5px!important;
  }

  #pricing .tier-price span{
    font-size:8px!important;
    line-height:1.15!important;
    letter-spacing:.16em!important;
  }

  #pricing .tier-features{
    padding-top:18px!important;
    margin-bottom:22px!important;
  }

  #pricing .tier-features > b{
    font-size:9px!important;
    line-height:1.2!important;
    letter-spacing:.22em!important;
    margin-bottom:16px!important;
  }

  #pricing .tier-features ul{
    grid-template-columns:1fr 1fr!important;
    gap:12px 12px!important;
  }

  #pricing .tier-features li{
    gap:8px!important;
    align-items:flex-start!important;
  }

  #pricing .feature-dot{
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
    flex:0 0 15px!important;
    margin-top:1px!important;
  }

  #pricing .feature-dot svg{
    width:8px!important;
    height:8px!important;
  }

  #pricing .tier-features li span:last-child{
    font-size:10.5px!important;
    line-height:1.22!important;
    letter-spacing:0!important;
    font-weight:800!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  #pricing .tier-button{
    margin-top:auto!important;
    min-height:46px!important;
    padding:15px 16px!important;
    border-radius:15px!important;
    font-size:10px!important;
    line-height:1.1!important;
    letter-spacing:.22em!important;
  }
}

@media (max-width: 374px){
  #pricing .tier-card{
    flex-basis:calc(100vw - 36px)!important;
    width:calc(100vw - 36px)!important;
    min-width:calc(100vw - 36px)!important;
    max-width:calc(100vw - 36px)!important;
    padding:24px 18px 20px!important;
  }
  #pricing .access-track{padding-left:18px!important;padding-right:18px!important;}
  #pricing .tier-card h3{font-size:26px!important;}
  #pricing .tier-price strong{font-size:21px!important;}
  #pricing .tier-features li span:last-child{font-size:10px!important;}
}

@media (min-width: 768px){
  #pricing .tier-features li span:last-child{
    font-size:11px!important;
    line-height:1.2!important;
  }
  #pricing .tier-button{font-size:10px!important;}
  #pricing .tier-features > b{font-size:9px!important;}
}


/* === REPAIR PASS AFTER SECTION-BY-SECTION SCREENSHOTS ===
   Starts from the last stable version and only fixes parity issues reported:
   export button removal, mobile side nav visibility, consistent mobile type,
   source-like section spacing, pricing readability and overflow control. */
.footer .export-link,
.footer em{display:none!important}

:root{
  --lum-bg:#f9faf7;
  --lum-ink:#003c2e;
  --lum-muted:rgba(6,95,70,.68);
  --lum-primary:#10b981;
}

/* keep shadows from being clipped without changing card geometry */
.bento,.performance,.market,.sessions,.testimonials,.contact,.access{overflow:visible!important}
.bento-card,.perf-card,.session-card-inner,.testimonial-card,.contact-card,.mail-card{backface-visibility:hidden;will-change:transform}

/* desktop rhythm closer to React source */
@media (min-width:1024px){
  .hero{padding-top:128px!important;padding-bottom:380px!important}
  .hero h1{font-size:60px!important;line-height:1.1!important;max-width:768px!important;letter-spacing:-.045em!important}
  .hero p{font-size:18px!important;line-height:1.7!important;max-width:672px!important}
  .candlestick-layer.main{opacity:.045!important}.candlestick-layer.front{opacity:.04!important}.candlestick-layer.deep{opacity:.3!important}

  .bento,.performance,.market,.sessions,.testimonials{padding:160px 40px!important}
  .contact{padding:80px 40px 160px!important}
  .bento-grid,.performance-layout,.engineered-inner,.testimonial-layout,.split-heading,.session-grid,.footer-inner{max-width:1280px!important}
  .bento-grid{gap:32px!important}
  .bento-card{border-radius:48px!important;padding:48px!important;box-shadow:0 20px 50px rgba(0,0,0,.03)!important}
  .pricing-card,.stability-card{min-height:360px!important}
  .interface-card{min-height:360px!important}

  .performance-layout{grid-template-columns:5fr 7fr!important;gap:80px!important;align-items:center!important}
  .performance-copy h2,.center-heading h2,.split-heading h2,.testimonial-copy h2{font-size:56px!important;line-height:1.08!important;letter-spacing:-.045em!important}
  .performance-copy p,.center-heading p,.testimonial-copy p{font-size:18px!important;line-height:1.7!important;color:rgba(6,95,70,.7)!important}
  .performance-grid{gap:48px!important}
  .perf-card{min-height:300px!important;padding:48px!important;border-radius:48px!important;box-shadow:0 20px 50px rgba(0,0,0,.03)!important}
  .perf-card.offset{transform:translateY(64px)!important}

  .engineered{padding:160px 40px!important;background:#003c2e!important}
  .engineered-inner{gap:96px!important;grid-template-columns:1fr 1.1fr!important}
  .engineered h2{font-size:60px!important;line-height:1.1!important;color:#fff!important}
  .engineered-copy p{font-size:18px!important;line-height:1.7!important;color:rgba(255,255,255,.55)!important}

  .market-table{max-width:1160px!important;margin-inline:auto!important;border-radius:48px!important;overflow:hidden!important}
  .session-grid{grid-template-columns:repeat(3,1fr)!important;gap:32px!important}
  .session-card-inner{min-height:245px!important;border-radius:40px!important;padding:40px!important}

  .testimonial-layout{grid-template-columns:5fr 7fr!important;gap:64px!important}
  .testimonial-copy{position:sticky!important;top:128px!important;text-align:left!important}
  .testimonial-card{border-radius:48px!important;padding:40px!important}

  .contact-card{border-radius:64px!important;padding:96px!important}
  .contact-layout{grid-template-columns:1fr 1fr!important;gap:80px!important}
  .contact-copy{text-align:left!important}.contact-copy h2{font-size:72px!important;line-height:1.1!important;color:#fff!important}
  .mail-card{max-width:450px!important;border-radius:56px!important;padding:56px!important}
}

/* mobile source parity: visible side nav, no hidden React gestures, readable but source-like scale */
@media (max-width:767px){
  html,body,.site-shell{overflow-x:clip!important}
  .navbar{padding:0 16px!important}.navbar-inner{height:80px!important;padding:0 24px!important}.navbar.scrolled .navbar-inner{height:48px!important;margin-top:16px!important;padding:0 16px!important}
  .nav-links,.login-btn{display:none!important}.brand{font-size:20px!important}.start-btn{font-size:9px!important;padding:6px 16px!important}

  .section-nav{display:flex!important;left:16px!important;top:50%!important;gap:16px!important;opacity:1!important;transform:translate(0,-50%)!important;z-index:120!important}
  .section-nav.show{opacity:1!important;transform:translate(0,-50%)!important}
  .section-nav button{width:32px!important;height:32px!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(6,78,59,.12)!important;color:#064e3b!important;backdrop-filter:blur(12px)!important}
  .section-nav button.active{background:#10b981!important;color:#fff!important;box-shadow:0 12px 26px rgba(16,185,129,.28)!important}
  .section-nav button.active:after{border-width:2px!important}.section-nav svg{width:14px!important;height:14px!important}.section-nav span{display:none!important}

  .hero{padding:112px 24px 240px!important;min-height:680px!important}
  .hero-content{max-width:360px!important;margin:0 auto!important}.eyebrow{font-size:9px!important;margin-bottom:16px!important;letter-spacing:.2em!important}
  .hero h1{font-size:34px!important;line-height:1.2!important;max-width:340px!important;margin:0 auto 16px!important;letter-spacing:-.045em!important}
  .hero p{font-size:13px!important;line-height:1.62!important;max-width:330px!important;padding:0 16px!important;margin-bottom:32px!important}
  .hero-actions{flex-direction:column!important;gap:12px!important;padding:0 24px!important}.primary-pill,.secondary-pill{width:100%!important;min-height:44px!important;font-size:10px!important}
  .candlestick-layer.main{opacity:.055!important}.candlestick-layer.front{opacity:.045!important}.candlestick-layer.deep{opacity:.18!important}
  .phone-flow{margin-top:-240px!important;min-height:500vh!important}.phone-sticky{height:100svh!important;overflow:visible!important}.phone-wrap{padding:40px!important}.phone-mockup{width:280px!important;height:560px!important;border-width:8px!important}

  .bento,.engineered,.performance,.market,.sessions,.testimonials{padding:80px 24px!important}.contact{padding:80px 24px 120px!important}
  .bento-grid,.engineered-inner,.performance-layout,.testimonial-layout,.contact-layout{grid-template-columns:1fr!important;display:grid!important;max-width:440px!important;margin-inline:auto!important;gap:32px!important}
  .bento-card{border-radius:32px!important;padding:32px!important}.bento-card h3{font-size:24px!important;line-height:1.16!important}.bento-card p{font-size:15px!important;line-height:1.65!important}
  .execution-card{min-height:405px!important}.execution-card img{width:100%!important;height:100%!important;opacity:.22!important}.tag-row{gap:10px!important}.tag-row span{font-size:8px!important;min-width:0!important;flex:1 1 120px!important}
  .pricing-card,.stability-card{min-height:280px!important}.interface-card{flex-direction:column!important;text-align:center!important}.interface-img{width:100%!important;height:192px!important}

  .engineered{text-align:center!important}.engineered h2,.performance h2,.center-heading h2,.split-heading h2,.testimonial-copy h2,.contact-copy h2{font-size:34px!important;line-height:1.1!important;letter-spacing:-.045em!important;margin-bottom:20px!important}.engineered-copy p,.performance-copy p,.center-heading p,.testimonial-copy p,.contact-copy p{font-size:15px!important;line-height:1.65!important}.neural-card{margin-top:34px!important;text-align:left!important}.neural-visual{border-radius:48px!important}

  .performance-copy,.testimonial-copy,.contact-copy{text-align:center!important}.section-kicker,.center-kicker,.contact-kicker{justify-content:center!important}.performance-grid{grid-template-columns:1fr!important;gap:24px!important}.perf-card{padding:32px!important;border-radius:40px!important}.perf-card.offset{transform:none!important}.perf-card h3{font-size:16px!important;line-height:1.2!important}.perf-card p{font-size:13px!important;line-height:1.6!important}

  .center-heading{margin-bottom:36px!important}.market-table{display:none!important}.market-mobile-dots{display:flex!important;justify-content:center!important;gap:8px!important;margin-bottom:32px!important}.market-mobile-card{display:block!important;max-width:440px!important;margin:0 auto!important}.market-mobile-card .session-card-inner{border-radius:40px!important;padding:32px!important}
  .split-heading{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:18px!important;margin-bottom:48px!important}.session-side{align-items:center!important;text-align:center!important}.session-side p{font-size:13px!important;line-height:1.55!important;letter-spacing:.12em!important;text-transform:uppercase!important}.session-grid{grid-template-columns:1fr!important;max-width:440px!important;margin-inline:auto!important;gap:24px!important}.session-card-inner{min-height:210px!important;border-radius:40px!important;padding:32px!important}.session-time{font-size:24px!important}

  .access{height:500vh!important;overflow:clip!important}.access-sticky{height:100svh!important;min-height:640px!important;padding-top:64px!important;gap:24px!important}.access-header{padding:0 24px!important;align-items:center!important;text-align:center!important;flex-direction:column!important}.access-header h2{font-size:34px!important}.pipeline{align-items:center!important}.pipeline p{text-align:center!important;font-size:8px!important;line-height:1.55!important}.access-track{gap:16px!important;padding:16px 7vw!important}.tier-card{flex:0 0 320px!important;width:320px!important;min-width:320px!important;max-width:320px!important;padding:24px!important;border-radius:28px!important;min-height:350px!important}.tier-card h3{font-size:28px!important}.tier-price strong{font-size:24px!important}.tier-features li span:last-child{font-size:9.5px!important;line-height:1.16!important;white-space:normal!important}

  .testimonial-grid{display:none!important}.testimonial-mobile{display:block!important}.testimonial-dots{display:flex!important;justify-content:center!important;gap:8px!important;margin-top:24px!important}.testimonial-card{border-radius:40px!important;padding:32px!important}.testimonial-card:nth-child(even){transform:none!important}.testimonial-card p{font-size:15px!important;line-height:1.65!important}.partner-btn{display:none!important}
  .contact-card{border-radius:32px!important;padding:48px 24px!important}.contact-copy h2{font-size:34px!important}.mail-card{border-radius:28px!important;padding:32px 24px!important}.mail-icon{width:48px!important;height:48px!important;border-radius:14px!important}.mail-card strong{font-size:15px!important;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-card b{font-size:8px!important;padding:12px 28px!important}
  .footer-inner{padding:56px 24px!important;flex-direction:column!important;text-align:center!important;align-items:center!important;gap:28px!important}.footer-links{justify-content:center!important;gap:24px 34px!important;max-width:390px!important}
}

/* === FINAL SOURCE PARITY POLISH ===
   One final high-specificity layer based on the React/Tailwind source and the
   section-by-section screenshots. Keeps Vanilla self-contained and does not use Tailwind. */

.footer .export-link{display:none!important;}
.footer em{display:none!important;}
img{max-width:100%;}
.bento,.engineered,.performance,.market,.sessions,.access,.testimonials,.contact{position:relative;}
.bento-card,.perf-card,.session-card-inner,.testimonial-card,.mail-card,.contact-card,.tier-card{overflow:hidden;}

/* Source-like common headings */
.section-kicker,.center-kicker,.contact-kicker{display:flex;align-items:center;gap:12px;}
.section-kicker i,.center-kicker i,.contact-kicker i{height:1px;width:48px;background:rgba(6,78,59,.12);display:block;}
.section-kicker span,.center-kicker span,.contact-kicker span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.30em;color:#10b981;line-height:1;}
.center-heading h2,.split-heading h2,.performance-copy h2,.testimonial-copy h2{font-family:var(--font-head);font-weight:800;color:#064e3b;letter-spacing:-.055em;}
.center-heading p,.split-heading p,.performance-copy p,.testimonial-copy p{color:rgba(6,95,70,.62);font-weight:500;}

@media (min-width:1024px){
  .section-nav{left:32px!important;gap:24px!important;}
  .section-nav button{width:40px!important;height:40px!important;}

  .hero{min-height:900px!important;padding:128px 24px 380px!important;}
  .hero h1{font-size:60px!important;line-height:1.08!important;max-width:760px!important;}
  .hero p{font-size:18px!important;line-height:1.65!important;max-width:690px!important;}
  .candlestick-layer.deep{opacity:.30!important;}.candlestick-layer.main{opacity:.045!important;}.candlestick-layer.front{opacity:.04!important;}

  .bento{padding:160px 40px 96px!important;}
  .bento-grid{max-width:1400px!important;margin-inline:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:32px!important;}
  .bento-wide{grid-column:span 2!important;}
  .bento-card{border-radius:40px!important;padding:48px!important;box-shadow:0 8px 30px rgba(0,0,0,.02)!important;border-width:1px!important;}
  .execution-card,.pricing-card,.stability-card,.interface-card{min-height:360px!important;}
  .execution-card h3,.pricing-card h3,.stability-card h3,.interface-card h3{font-size:30px!important;line-height:1.16!important;letter-spacing:-.045em!important;}
  .execution-card p,.pricing-card p,.stability-card p,.interface-card p{font-size:16px!important;line-height:1.65!important;}
  .icon-box{width:64px!important;height:64px!important;border-radius:16px!important;margin-bottom:40px!important;}
  .tag-row span{font-size:11px!important;padding:8px 20px!important;}

  .engineered{padding:160px 40px!important;background:#003c2e!important;color:white!important;}
  .engineered-inner{max-width:1280px!important;margin-inline:auto!important;display:grid!important;grid-template-columns:1fr 1.08fr!important;gap:96px!important;align-items:center!important;}
  .engineered h2{font-size:60px!important;line-height:1.1!important;letter-spacing:-.055em!important;}
  .engineered-copy p{max-width:560px!important;font-size:18px!important;line-height:1.7!important;color:rgba(255,255,255,.58)!important;}
  .neural-card{max-width:480px!important;border-radius:24px!important;padding:24px!important;}
  .neural-visual{height:560px!important;border-radius:48px!important;}

  .performance{padding:160px 40px!important;}
  .performance-layout{max-width:1280px!important;margin-inline:auto!important;display:grid!important;grid-template-columns:5fr 7fr!important;gap:80px!important;align-items:center!important;}
  .performance-copy{text-align:left!important;}
  .performance-copy h2{font-size:56px!important;line-height:1.1!important;margin:0 0 40px!important;}
  .performance-copy p{font-size:18px!important;line-height:1.7!important;max-width:420px!important;margin:0!important;}
  .performance-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:48px!important;}
  .perf-card{min-height:300px!important;padding:48px!important;border-radius:48px!important;box-shadow:0 20px 50px rgba(0,0,0,.03)!important;}
  .perf-card.offset{transform:translateY(64px)!important;}
  .perf-card h3{font-size:15px!important;line-height:1.25!important;letter-spacing:.22em!important;}
  .perf-card p{font-size:13px!important;line-height:1.65!important;}

  .market{padding:160px 40px!important;max-width:1280px!important;margin-inline:auto!important;}
  .center-heading{margin-bottom:96px!important;}
  .center-heading h2{font-size:48px!important;line-height:1.12!important;margin:0 0 24px!important;}
  .center-heading p{font-size:16px!important;line-height:1.65!important;max-width:680px!important;}
  .market-table{display:block!important;max-width:1160px!important;margin-inline:auto!important;border-radius:48px!important;box-shadow:0 30px 100px rgba(0,0,0,.04)!important;}
  .market-mobile-card,.market-mobile-dots{display:none!important;}
  .mt-head{min-height:80px!important;}
  .mt-row{min-height:138px!important;}
  .mt-cell{padding-block:38px!important;}

  .sessions{padding:160px 40px!important;}
  .split-heading{max-width:1280px!important;margin:0 auto 88px!important;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:80px!important;}
  .split-heading h2{font-size:56px!important;line-height:1.1!important;margin:0!important;}
  .session-side p{max-width:400px!important;font-size:14px!important;line-height:1.55!important;letter-spacing:.14em!important;text-transform:uppercase!important;text-align:center!important;}
  .session-grid{max-width:1280px!important;margin-inline:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:32px!important;}
  .session-card-inner{min-height:245px!important;border-radius:40px!important;padding:40px!important;box-shadow:0 20px 50px rgba(0,0,0,.03)!important;}

  .access{height:600vh!important;background:#003c2e!important;color:white!important;overflow:clip!important;}
  .access-sticky{height:100vh!important;padding:128px 0 72px!important;gap:60px!important;}
  .access-header{max-width:1280px!important;margin-inline:auto!important;padding:0 48px!important;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;text-align:left!important;}
  .access-header h2{font-size:48px!important;line-height:1.1!important;color:white!important;}
  .pipeline{text-align:center!important;align-items:center!important;}
  .access-viewport{width:100%!important;overflow:visible!important;}
  .access-track{gap:40px!important;padding:24px 10vw!important;align-items:center!important;}
  .tier-card{flex:0 0 560px!important;width:560px!important;min-width:560px!important;min-height:385px!important;border-radius:48px!important;padding:40px!important;}
  .tier-card.highlight{transform:scale(1.05)!important;}
  .tier-card h3{font-size:36px!important;line-height:1.05!important;}
  .tier-price strong{font-size:32px!important;}
  .tier-features ul{grid-template-columns:1fr 1fr!important;gap:14px 28px!important;}
  .tier-features li span:last-child{font-size:11px!important;line-height:1.25!important;white-space:nowrap!important;}

  .testimonials{padding:160px 40px!important;}
  .testimonial-layout{max-width:1280px!important;margin-inline:auto!important;display:grid!important;grid-template-columns:5fr 7fr!important;gap:64px!important;align-items:start!important;}
  .testimonial-copy{position:sticky!important;top:128px!important;text-align:left!important;}
  .testimonial-copy h2{font-size:56px!important;line-height:1.08!important;}
  .testimonial-copy p{font-size:18px!important;line-height:1.7!important;max-width:550px!important;}
  .testimonial-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:32px!important;}
  .testimonial-mobile,.testimonial-dots{display:none!important;}
  .testimonial-card{border-radius:48px!important;padding:40px!important;}

  .contact{padding:80px 40px 160px!important;}
  .contact-card{max-width:1280px!important;border-radius:64px!important;padding:96px!important;}
  .contact-layout{display:grid!important;grid-template-columns:1fr 1fr!important;gap:80px!important;align-items:center!important;}
  .contact-copy{text-align:left!important;}
  .contact-kicker{justify-content:flex-start!important;}
  .contact-copy h2{font-size:72px!important;line-height:1.1!important;margin-bottom:40px!important;}
  .contact-copy p{font-size:18px!important;line-height:1.7!important;max-width:450px!important;}
  .mail-card{max-width:450px!important;padding:56px!important;border-radius:56px!important;}

  .footer-inner{max-width:1280px!important;margin-inline:auto!important;padding:64px 32px!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;text-align:left!important;}
}

@media (max-width:1023px){
  .nav-links{display:none!important;}
  .floating-card{display:none!important;}
  .market-table{display:none!important;}
  .testimonial-grid{display:none!important;}
}

@media (max-width:767px){
  html,body{width:100%;overflow-x:clip!important;}
  .site-shell{overflow-x:clip!important;}
  .navbar{padding:0 16px!important;}
  .navbar-inner{height:80px!important;max-width:100%!important;margin-top:0!important;border-radius:0!important;padding:0 24px!important;background:linear-gradient(to bottom,rgba(0,0,0,.4),transparent)!important;border-bottom:1px solid rgba(255,255,255,.05)!important;box-shadow:none!important;}
  .navbar.scrolled .navbar-inner{height:48px!important;margin-top:16px!important;border-radius:999px!important;background:rgba(255,255,255,.82)!important;backdrop-filter:blur(32px)!important;box-shadow:0 15px 40px rgba(0,0,0,.1)!important;border:1px solid rgba(6,95,70,.1)!important;padding:0 16px!important;}
  .brand{font-size:20px!important;color:white!important;transform:none!important;}
  .navbar.scrolled .brand{color:#064e3b!important;transform:scale(.9)!important;}
  .login-btn{display:none!important;}
  .start-btn{font-size:9px!important;line-height:1!important;padding:8px 16px!important;letter-spacing:.15em!important;}
  .navbar.scrolled .start-btn{padding:7px 16px!important;}

  .section-nav{display:flex!important;left:16px!important;top:50%!important;transform:translate(0,-50%)!important;opacity:1!important;gap:16px!important;z-index:115!important;}
  .section-nav.show{opacity:1!important;transform:translate(0,-50%)!important;}
  .section-nav-item{gap:0!important;}
  .section-nav button{width:32px!important;height:32px!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(6,78,59,.12)!important;color:#064e3b!important;backdrop-filter:blur(12px)!important;}
  .section-nav button.active{background:#10b981!important;color:white!important;transform:scale(1.1)!important;box-shadow:0 12px 26px rgba(16,185,129,.25)!important;}
  .section-nav button.active:after{border-width:2px!important;}
  .section-nav span{display:none!important;}

  .hero{min-height:675px!important;padding:112px 24px 240px!important;}
  .hero-content{max-width:360px!important;margin-inline:auto!important;}
  .eyebrow{font-size:9px!important;line-height:1!important;letter-spacing:.20em!important;padding:5px 16px!important;margin-bottom:18px!important;}
  .hero h1{font-size:34px!important;line-height:1.18!important;max-width:330px!important;margin:0 auto 18px!important;letter-spacing:-.055em!important;}
  .hero p{font-size:13px!important;line-height:1.62!important;max-width:328px!important;margin:0 auto 30px!important;padding:0 10px!important;}
  .hero-actions{display:flex!important;flex-direction:column!important;gap:12px!important;padding:0 24px!important;}
  .primary-pill,.secondary-pill{width:100%!important;min-height:44px!important;font-size:10px!important;padding:13px 20px!important;}
  .candlestick-layer.deep{opacity:.18!important;}.candlestick-layer.main{opacity:.055!important;}.candlestick-layer.front{opacity:.045!important;}
  .phone-flow{margin-top:-240px!important;min-height:500vh!important;}
  .phone-mockup{width:280px!important;height:560px!important;border-width:8px!important;}

  .bento,.engineered,.performance,.market,.sessions,.testimonials{padding:80px 24px!important;}
  .contact{padding:80px 24px 120px!important;}

  .bento-grid{max-width:440px!important;margin-inline:auto!important;grid-template-columns:1fr!important;gap:24px!important;}
  .bento-wide{grid-column:span 1!important;}
  .bento-card{border-radius:32px!important;padding:32px!important;}
  .bento-card h3{font-size:24px!important;line-height:1.16!important;letter-spacing:-.045em!important;}
  .bento-card p{font-size:15px!important;line-height:1.62!important;}
  .execution-card{min-height:405px!important;}
  .execution-card .micro-label{margin-bottom:28px!important;}
  .execution-card img{opacity:.25!important;}
  .tag-row{gap:10px!important;}
  .tag-row span{flex:1 1 120px!important;text-align:center!important;font-size:8px!important;padding:8px 12px!important;}
  .pricing-card,.stability-card{min-height:282px!important;}
  .interface-card{text-align:center!important;display:flex!important;flex-direction:column!important;gap:28px!important;}
  .interface-img{width:100%!important;height:192px!important;}

  .engineered{background:#003c2e!important;color:white!important;text-align:center!important;}
  .engineered-inner{max-width:440px!important;margin-inline:auto!important;grid-template-columns:1fr!important;gap:64px!important;}
  .engineered h2{font-size:34px!important;line-height:1.1!important;letter-spacing:-.055em!important;}
  .engineered-copy p{font-size:15px!important;line-height:1.62!important;color:rgba(255,255,255,.58)!important;}
  .neural-card{text-align:left!important;padding:24px!important;border-radius:24px!important;margin-top:34px!important;}
  .neural-card strong{font-size:12px!important;letter-spacing:.22em!important;}
  .neural-card p{font-size:12px!important;line-height:1.55!important;}
  .neural-visual{height:360px!important;border-radius:48px!important;}

  .performance-layout{max-width:440px!important;margin-inline:auto!important;grid-template-columns:1fr!important;gap:48px!important;}
  .performance-copy{text-align:center!important;}
  .section-kicker,.center-kicker,.contact-kicker{justify-content:center!important;}
  .performance-copy h2,.center-heading h2,.split-heading h2,.testimonial-copy h2,.contact-copy h2,.access-header h2{font-size:34px!important;line-height:1.1!important;letter-spacing:-.055em!important;margin-bottom:20px!important;}
  .performance-copy p,.center-heading p,.testimonial-copy p,.contact-copy p{font-size:15px!important;line-height:1.62!important;}
  .performance-grid{grid-template-columns:1fr!important;gap:24px!important;}
  .perf-card{padding:32px!important;border-radius:40px!important;min-height:225px!important;}
  .perf-card.offset{transform:none!important;}
  .perf-card h3{font-size:16px!important;line-height:1.2!important;letter-spacing:.22em!important;}
  .perf-card p{font-size:13px!important;line-height:1.6!important;}

  .market{max-width:100%!important;}
  .center-heading{margin-bottom:36px!important;text-align:center!important;}
  .center-heading p{max-width:340px!important;margin-inline:auto!important;}
  .market-mobile-dots{display:flex!important;justify-content:center!important;gap:8px!important;margin:0 0 32px!important;}
  .market-mobile-card{display:block!important;max-width:440px!important;margin-inline:auto!important;}
  .market-mobile-card .session-card-inner{border-radius:40px!important;padding:24px!important;min-height:340px!important;}

  .split-heading{max-width:440px!important;margin:0 auto 48px!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:18px!important;}
  .session-side{align-items:center!important;text-align:center!important;}
  .session-side p{font-size:13px!important;line-height:1.55!important;letter-spacing:.12em!important;text-transform:uppercase!important;max-width:330px!important;}
  .session-grid{max-width:440px!important;margin-inline:auto!important;grid-template-columns:1fr!important;gap:24px!important;}
  .session-card-inner{border-radius:40px!important;padding:32px!important;min-height:210px!important;}
  .session-title span{font-size:9px!important;letter-spacing:.14em!important;}
  .session-time{font-size:24px!important;line-height:1.15!important;}

  .access{height:500vh!important;background:#003c2e!important;overflow:clip!important;}
  .access-sticky{height:100svh!important;min-height:650px!important;padding-top:64px!important;gap:24px!important;}
  .access-header{padding:0 24px!important;flex-direction:column!important;text-align:center!important;align-items:center!important;gap:18px!important;}
  .pipeline{align-items:center!important;}
  .pipeline p{text-align:center!important;font-size:8px!important;line-height:1.55!important;max-width:300px!important;}
  .access-track{gap:16px!important;padding:16px 6vw!important;align-items:stretch!important;}
  .tier-card{flex:0 0 330px!important;width:330px!important;min-width:330px!important;max-width:330px!important;min-height:370px!important;border-radius:28px!important;padding:26px 22px!important;}
  .tier-card.highlight{transform:none!important;}
  .tier-top{gap:14px!important;margin-bottom:18px!important;}
  .tier-card h3{font-size:28px!important;line-height:1.05!important;}
  .tier-price strong{font-size:24px!important;line-height:1!important;}
  .tier-price span,.tier-kicker,.tier-features>b{font-size:8px!important;letter-spacing:.22em!important;}
  .tier-features ul{grid-template-columns:1fr 1fr!important;gap:12px 12px!important;}
  .tier-features li span:last-child{font-size:10px!important;line-height:1.18!important;white-space:normal!important;}
  .tier-button{min-height:46px!important;font-size:10px!important;letter-spacing:.22em!important;}

  .testimonial-layout{max-width:440px!important;margin-inline:auto!important;grid-template-columns:1fr!important;gap:32px!important;}
  .testimonial-copy{text-align:center!important;position:relative!important;top:auto!important;}
  .testimonial-copy h2 br{display:none!important;}
  .testimonial-copy p{max-width:350px!important;margin-inline:auto!important;}
  .partner-btn{display:none!important;}
  .testimonial-mobile{display:block!important;}
  .testimonial-dots{display:flex!important;justify-content:center!important;gap:8px!important;margin-top:24px!important;}
  .testimonial-card{border-radius:40px!important;padding:32px!important;}
  .testimonial-card:nth-child(even){transform:none!important;}
  .testimonial-card p{font-size:15px!important;line-height:1.65!important;}

  .contact-card{border-radius:32px!important;padding:48px 24px!important;}
  .contact-layout{grid-template-columns:1fr!important;gap:40px!important;}
  .contact-copy{text-align:center!important;}
  .contact-copy p{max-width:340px!important;margin-inline:auto!important;}
  .mail-card{max-width:100%!important;border-radius:28px!important;padding:32px 24px!important;}
  .mail-icon{width:48px!important;height:48px!important;border-radius:14px!important;margin-bottom:24px!important;}
  .mail-card>span{font-size:7px!important;letter-spacing:.22em!important;}
  .mail-card strong{font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .mail-card b{font-size:8px!important;padding:12px 28px!important;}

  .footer-inner{padding:56px 24px!important;flex-direction:column!important;text-align:center!important;align-items:center!important;gap:28px!important;}
  .footer-links{justify-content:center!important;gap:24px 34px!important;}
  .footer a{font-size:10px!important;}
}

@media (max-width:374px){
  .tier-card{flex-basis:calc(100vw - 36px)!important;width:calc(100vw - 36px)!important;min-width:calc(100vw - 36px)!important;max-width:calc(100vw - 36px)!important;}
  .access-track{padding-left:18px!important;padding-right:18px!important;}
  .hero h1,.engineered h2,.performance-copy h2,.center-heading h2,.split-heading h2,.testimonial-copy h2,.contact-copy h2,.access-header h2{font-size:31px!important;}
}

/* ======================================================================
   FINAL STABILITY / PARITY CLEANUP
   This is the last layer only. It does not add Tailwind or React.
   Goal: remove broken overrides, restore readable typography, preserve the
   original scroll gestures, fix Pricing, clipping, mobile/desktop visibility.
   ====================================================================== */

/* Safety */
html,body{width:100%;max-width:100%;overflow-x:clip!important;background:#f9faf7!important;}
.site-shell,.main{width:100%;max-width:100%;overflow-x:clip!important;}
img,svg{max-width:100%;}
.footer .export-link,.export-link{display:none!important;}
.footer em{display:none!important;}

/* Icon rendering must match lucide stroke behavior */
.lucide{display:inline-block;width:1em;height:1em;stroke:currentColor!important;fill:none!important;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}

/* Global section rhythm matching the source */
.bento,.engineered,.performance,.market,.sessions,.testimonials,.contact{overflow:visible!important;}
.bento-card,.perf-card,.session-card-inner,.testimonial-card,.mail-card,.contact-card{box-sizing:border-box;}
.section-kicker,.center-kicker,.contact-kicker{display:flex!important;align-items:center!important;gap:12px!important;line-height:1!important;}
.section-kicker i,.center-kicker i,.contact-kicker i{display:block;width:40px;height:1px;flex:0 0 auto;}
.section-kicker span,.center-kicker span,.contact-kicker span{font-weight:900!important;text-transform:uppercase!important;letter-spacing:.3em!important;line-height:1!important;}

/* Desktop source parity */
@media (min-width:1024px){
  .navbar-inner{height:96px!important;padding:0 48px!important;}
  .navbar.scrolled .navbar-inner{height:56px!important;max-width:500px!important;margin-top:24px!important;padding:0 24px!important;border-radius:999px!important;}
  .nav-links{display:flex!important;gap:28px!important;}
  .navbar.scrolled .nav-links{display:none!important;}
  .login-btn{display:block!important;}

  .section-nav{display:flex!important;left:32px!important;gap:24px!important;}
  .section-nav button{width:40px!important;height:40px!important;}
  .section-nav button .lucide{width:16px!important;height:16px!important;}
  .section-nav button.active .lucide{width:18px!important;height:18px!important;}

  .hero{min-height:900px!important;padding:128px 24px 380px!important;}
  .hero-content{max-width:1280px!important;}
  .hero h1{font-size:60px!important;line-height:1.1!important;max-width:768px!important;letter-spacing:-.045em!important;margin-bottom:16px!important;}
  .hero p{font-size:18px!important;line-height:1.65!important;max-width:672px!important;margin-bottom:32px!important;}
  .candlestick-layer.deep{opacity:.3!important;}
  .candlestick-layer.main{opacity:.045!important;}
  .candlestick-layer.front{opacity:.04!important;}

  .phone-flow{margin-top:-400px!important;min-height:500vh!important;}
  .phone-sticky{height:100vh!important;overflow:visible!important;}
  .phone-wrap{padding:80px!important;margin-top:48px!important;}
  .phone-mockup{width:320px!important;height:640px!important;border-width:10px!important;}

  .bento{padding:160px 40px 96px!important;}
  .bento-grid{display:grid!important;max-width:1400px!important;margin:0 auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:32px!important;}
  .bento-wide{grid-column:span 2!important;}
  .bento-card{padding:48px!important;border-radius:40px!important;}
  .bento-card h3{font-size:30px!important;line-height:1.16!important;}
  .bento-card p{font-size:16px!important;line-height:1.65!important;}

  .engineered{padding:128px 40px!important;}
  .engineered-inner{display:flex!important;flex-direction:row!important;max-width:1280px!important;margin:0 auto!important;gap:96px!important;align-items:center!important;}
  .engineered-copy{text-align:left!important;}
  .engineered h2{font-size:60px!important;line-height:1.1!important;}
  .engineered-copy p{font-size:18px!important;line-height:1.7!important;}
  .neural-visual{height:auto!important;aspect-ratio:1/1!important;border-radius:64px!important;}

  .performance{max-width:1280px!important;margin:0 auto!important;padding:160px 40px!important;}
  .performance-layout{display:flex!important;flex-direction:row!important;gap:80px!important;}
  .performance-copy{width:33.333%!important;text-align:left!important;}
  .performance-grid{width:66.666%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:48px!important;}
  .performance-copy h2,.center-heading h2,.split-heading h2,.testimonial-copy h2{font-size:48px!important;line-height:1.1!important;letter-spacing:-.055em!important;}
  .performance-copy p,.center-heading p,.testimonial-copy p{font-size:18px!important;line-height:1.7!important;}
  .perf-card{padding:48px!important;border-radius:56px!important;min-height:330px!important;overflow:hidden!important;}
  .perf-card.offset{transform:translateY(64px)!important;}
  .perf-card h3{font-size:13px!important;line-height:1.3!important;letter-spacing:.2em!important;}
  .perf-card p{font-size:11px!important;line-height:1.7!important;}

  .market{padding:160px 40px!important;}
  .center-heading{max-width:768px!important;margin:0 auto 80px!important;text-align:center!important;}
  .market-table{display:block!important;max-width:1280px!important;margin:0 auto!important;}
  .market-mobile-card,.market-mobile-dots{display:none!important;}

  .sessions{padding:160px 40px!important;}
  .split-heading{max-width:1280px!important;margin:0 auto 80px!important;display:flex!important;flex-direction:row!important;align-items:flex-end!important;justify-content:space-between!important;text-align:left!important;}
  .session-grid{max-width:1280px!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;}
  .session-card-inner{min-height:260px!important;border-radius:48px!important;padding:40px!important;}
  .session-time{font-size:30px!important;}

  .testimonials{padding:160px 40px!important;}
  .testimonial-layout{max-width:1280px!important;margin:0 auto!important;display:grid!important;grid-template-columns:5fr 7fr!important;gap:80px!important;align-items:start!important;}
  .testimonial-copy{position:sticky!important;top:128px!important;text-align:left!important;}
  .testimonial-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:32px!important;}
  .testimonial-mobile,.testimonial-dots{display:none!important;}
  .testimonial-card{padding:40px!important;border-radius:48px!important;}
  .testimonial-card:nth-child(even){transform:translateY(48px)!important;}
  .testimonial-card p{font-size:13px!important;line-height:1.7!important;}

  .contact{padding:80px 40px 160px!important;}
  .contact-card{max-width:1280px!important;margin:0 auto!important;padding:96px!important;border-radius:64px!important;}
  .contact-layout{display:grid!important;grid-template-columns:1fr 1fr!important;gap:80px!important;align-items:center!important;}
  .contact-copy{text-align:left!important;}
  .contact-copy h2{font-size:72px!important;line-height:1.1!important;}
  .contact-copy p{font-size:18px!important;line-height:1.7!important;}
  .mail-card{max-width:450px!important;padding:56px!important;border-radius:56px!important;}
}

/* Pricing restored from the React source, with enough padding so labels/shadows are not clipped. */
#pricing.access{position:relative!important;background:#064e3b!important;overflow-x:clip!important;overflow-y:visible!important;}
#pricing .access-sticky{position:sticky!important;top:0!important;height:100vh!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;overflow:hidden!important;}
#pricing .access-header{position:relative!important;z-index:10!important;width:100%!important;max-width:1400px!important;display:flex!important;justify-content:space-between!important;}
#pricing .access-header h2{font-family:var(--font-head)!important;font-weight:800!important;color:#fff!important;letter-spacing:-.055em!important;margin:0!important;}
#pricing .dark-kicker i{background:rgba(255,255,255,.1)!important;}
#pricing .dark-kicker span{color:#10b981!important;}
#pricing .pipeline{display:flex!important;flex-direction:column!important;}
#pricing .pipeline p{color:rgba(255,255,255,.3)!important;text-transform:uppercase!important;letter-spacing:.3em!important;font-weight:900!important;}
#pricing .pipeline div{display:flex!important;align-items:center!important;}
#pricing .pipeline div span{border-radius:999px!important;background:#10b981!important;animation:pulse 1.4s infinite!important;}
#pricing .pipeline b{color:rgba(255,255,255,.22)!important;text-transform:uppercase!important;letter-spacing:.4em!important;font-weight:900!important;white-space:nowrap!important;}
#pricing .progress-track{background:rgba(255,255,255,.05)!important;border-radius:999px!important;overflow:hidden!important;}
#pricing .progress-track em{display:block!important;height:100%!important;background:#10b981!important;transform-origin:left center!important;}
#pricing .access-viewport{position:relative!important;z-index:20!important;width:100%!important;flex:1 1 auto!important;display:flex!important;align-items:center!important;overflow:visible!important;padding:42px 0!important;margin:-32px 0!important;}
#pricing .access-track{display:flex!important;will-change:transform!important;transform:translate3d(0,0,0);}
#pricing .tier-card{box-sizing:border-box!important;position:relative!important;flex-shrink:0!important;text-align:left!important;display:flex!important;flex-direction:column!important;transition:transform .7s ease,box-shadow .7s ease,background-color .7s ease!important;overflow:visible!important;}
#pricing .tier-card.normal{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;box-shadow:none!important;transform:none!important;}
#pricing .tier-card.highlight{background:#fff!important;color:#064e3b!important;border:0!important;z-index:20!important;transform:scale(1.05)!important;box-shadow:0 40px 80px -20px rgba(0,0,0,.25)!important;}
#pricing .tier-card.vip{background:#020617!important;color:#fff!important;border:1px solid rgba(52,211,153,.3)!important;z-index:20!important;transform:scale(1.05)!important;box-shadow:0 40px 100px -20px rgba(0,0,0,.8)!important;}
#pricing .tier-label{position:absolute!important;top:-12px!important;left:50%!important;transform:translateX(-50%)!important;border-radius:999px!important;text-transform:uppercase!important;letter-spacing:.4em!important;font-weight:900!important;white-space:nowrap!important;z-index:30!important;display:flex!important;align-items:center!important;gap:8px!important;box-shadow:0 10px 30px rgba(0,0,0,.2)!important;}
#pricing .tier-card.highlight .tier-label{background:#059669!important;color:#fff!important;}
#pricing .tier-card.vip .tier-label{background:#fff!important;color:#064e3b!important;}
#pricing .tier-top{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;width:100%!important;}
#pricing .tier-kicker,#pricing .tier-price span,#pricing .tier-features>b{font-weight:900!important;text-transform:uppercase!important;letter-spacing:.26em!important;}
#pricing .tier-card h3,#pricing .tier-price strong{font-family:var(--font-head)!important;font-weight:900!important;line-height:1!important;letter-spacing:-.055em!important;margin:0!important;color:inherit!important;}
#pricing .tier-price{text-align:right!important;flex:none!important;}
#pricing .tier-features{border-top:1px solid rgba(255,255,255,.1)!important;}
#pricing .tier-card.highlight .tier-features{border-color:rgba(6,78,59,.1)!important;}
#pricing .tier-features ul{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;}
#pricing .tier-features li{display:flex!important;align-items:center!important;min-width:0!important;}
#pricing .feature-dot{border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;}
#pricing .feature-dot svg{stroke-width:6!important;}
#pricing .feature-dot.ok{background:#10b981!important;color:#064e3b!important;}
#pricing .tier-card.highlight .feature-dot.ok{background:#059669!important;color:#fff!important;}
#pricing .tier-card.vip .feature-dot.ok{background:#34d399!important;color:#064e3b!important;}
#pricing .feature-dot.no{background:rgba(255,255,255,.1)!important;color:rgba(255,255,255,.2)!important;}
#pricing .tier-card.highlight .feature-dot.no{background:rgba(0,0,0,.06)!important;color:rgba(6,95,70,.3)!important;}
#pricing .tier-features li span:last-child{display:block!important;min-width:0!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:-.02em!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#pricing .tier-card.normal .tier-features li span:last-child{color:rgba(255,255,255,.8)!important;}
#pricing .tier-card.normal .tier-features li.off span:last-child{color:rgba(255,255,255,.2)!important;}
#pricing .tier-card.highlight .tier-features li span:last-child{color:#064e3b!important;}
#pricing .tier-card.highlight .tier-features li.off span:last-child{color:rgba(6,95,70,.3)!important;}
#pricing .tier-card.vip .tier-features li span:last-child{color:#fff!important;}
#pricing .tier-card.vip .tier-features li.off span:last-child{color:rgba(255,255,255,.2)!important;}
#pricing .tier-button{width:100%!important;border-radius:16px!important;text-transform:uppercase!important;font-weight:900!important;letter-spacing:.28em!important;}
#pricing .tier-card.normal .tier-button{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;}
#pricing .tier-card.highlight .tier-button{background:#059669!important;border:1px solid #059669!important;color:#fff!important;box-shadow:0 16px 35px rgba(0,0,0,.12)!important;}
#pricing .tier-card.vip .tier-button{background:#10b981!important;border:1px solid #10b981!important;color:#064e3b!important;}

@media (min-width:768px){
  #pricing.access{height:600vh!important;}
  #pricing .access-sticky{padding-top:128px!important;padding-bottom:16px!important;gap:48px!important;}
  #pricing .access-header{padding:0 48px!important;flex-direction:row!important;align-items:flex-end!important;text-align:left!important;gap:32px!important;}
  #pricing .access-header .section-kicker{justify-content:flex-start!important;margin-bottom:24px!important;}
  #pricing .access-header h2{font-size:48px!important;line-height:1.05!important;}
  #pricing .pipeline{align-items:flex-end!important;gap:20px!important;}
  #pricing .pipeline p{text-align:right!important;font-size:9px!important;line-height:1.55!important;max-width:320px!important;margin:0!important;}
  #pricing .pipeline div{gap:12px!important;}
  #pricing .pipeline div span{width:6px!important;height:6px!important;}
  #pricing .pipeline b{font-size:8px!important;}
  #pricing .progress-track{width:224px!important;height:4px!important;}
  #pricing .access-track{gap:40px!important;padding:16px 10vw!important;align-items:flex-start!important;}
  #pricing .tier-card{flex-basis:560px!important;width:560px!important;min-width:560px!important;max-width:560px!important;padding:40px!important;border-radius:48px!important;justify-content:flex-start!important;}
  #pricing .tier-label{padding:8px 24px!important;font-size:8px!important;}
  #pricing .tier-top{margin-bottom:24px!important;gap:24px!important;}
  #pricing .tier-kicker{font-size:8px!important;margin-bottom:4px!important;}
  #pricing .tier-card h3{font-size:36px!important;}
  #pricing .tier-price strong{font-size:30px!important;}
  #pricing .tier-price span{font-size:7px!important;}
  #pricing .tier-features{padding-top:20px!important;margin-bottom:24px!important;}
  #pricing .tier-features>b{font-size:8px!important;margin:0 0 16px!important;}
  #pricing .tier-features ul{gap:12px 24px!important;}
  #pricing .tier-features li{gap:10px!important;}
  #pricing .feature-dot{width:14px!important;height:14px!important;}
  #pricing .feature-dot svg{width:8px!important;height:8px!important;}
  #pricing .tier-features li span:last-child{font-size:10px!important;line-height:1.18!important;white-space:nowrap!important;}
  #pricing .tier-button{padding:16px!important;font-size:9px!important;}
}

/* Mobile: consistent, readable and not broken. */
@media (max-width:767px){
  .navbar{padding:0 16px!important;}
  .navbar-inner{height:80px!important;padding:0 24px!important;}
  .navbar.scrolled .navbar-inner{height:48px!important;margin-top:16px!important;padding:0 16px!important;}
  .nav-links,.login-btn{display:none!important;}
  .brand{font-size:20px!important;}
  .start-btn{font-size:9px!important;padding:6px 16px!important;}

  .section-nav{display:flex!important;left:16px!important;gap:16px!important;opacity:1!important;transform:translate(0,-50%)!important;}
  .section-nav span{display:none!important;}
  .section-nav button{width:32px!important;height:32px!important;background:rgba(255,255,255,.72)!important;}
  .section-nav button .lucide{width:12px!important;height:12px!important;}
  .section-nav button.active .lucide{width:14px!important;height:14px!important;}

  .hero{min-height:675px!important;padding:112px 24px 240px!important;}
  .hero h1{font-size:34px!important;line-height:1.18!important;max-width:340px!important;letter-spacing:-.055em!important;margin-bottom:18px!important;}
  .hero p{font-size:13.5px!important;line-height:1.62!important;max-width:340px!important;padding:0 10px!important;margin-bottom:30px!important;}
  .hero-actions{flex-direction:column!important;gap:12px!important;padding:0 24px!important;align-items:stretch!important;}
  .primary-pill,.secondary-pill{width:100%!important;min-height:44px!important;font-size:10px!important;padding:13px 20px!important;}
  .candlestick-layer.deep{opacity:.18!important;}.candlestick-layer.main{opacity:.055!important;}.candlestick-layer.front{opacity:.045!important;}

  .phone-flow{margin-top:-240px!important;min-height:500vh!important;overflow:visible!important;}
  .phone-sticky{height:100svh!important;overflow:visible!important;}
  .phone-wrap{padding:40px!important;margin-top:32px!important;}
  .phone-mockup{width:280px!important;height:560px!important;border-width:8px!important;}

  .bento,.engineered,.performance,.market,.sessions,.testimonials{padding:80px 24px!important;}
  .contact{padding:80px 24px 120px!important;}
  .bento-grid,.engineered-inner,.performance-layout,.testimonial-layout,.contact-layout{display:grid!important;grid-template-columns:1fr!important;max-width:440px!important;margin-inline:auto!important;gap:32px!important;}
  .engineered-inner,.performance-layout{display:flex!important;flex-direction:column!important;}

  .engineered h2,.performance-copy h2,.center-heading h2,.split-heading h2,.testimonial-copy h2,.contact-copy h2,#pricing .access-header h2{font-size:34px!important;line-height:1.1!important;letter-spacing:-.055em!important;margin-bottom:20px!important;}
  .engineered-copy p,.performance-copy p,.center-heading p,.testimonial-copy p,.contact-copy p{font-size:15px!important;line-height:1.62!important;font-weight:500!important;}
  .performance-copy,.testimonial-copy,.contact-copy,.engineered-copy{text-align:center!important;}
  .section-kicker,.center-kicker,.contact-kicker{justify-content:center!important;margin-bottom:28px!important;}
  .section-kicker span,.center-kicker span,.contact-kicker span{font-size:9px!important;}

  .bento-grid{gap:24px!important;}
  .bento-card{border-radius:32px!important;padding:32px!important;}
  .bento-card h3{font-size:24px!important;line-height:1.16!important;}
  .bento-card p{font-size:15px!important;line-height:1.62!important;}
  .execution-card{min-height:405px!important;}
  .pricing-card,.stability-card{min-height:280px!important;}
  .interface-card{display:flex!important;flex-direction:column!important;text-align:center!important;}
  .interface-img{height:192px!important;width:100%!important;}

  .neural-card{text-align:left!important;padding:24px!important;border-radius:24px!important;}
  .neural-card strong{font-size:12px!important;}
  .neural-card p{font-size:12px!important;line-height:1.55!important;}
  .neural-visual{height:360px!important;border-radius:48px!important;}

  .performance-grid{display:grid!important;grid-template-columns:1fr!important;gap:24px!important;width:100%!important;}
  .perf-card{padding:32px!important;border-radius:40px!important;min-height:225px!important;}
  .perf-card.offset{transform:none!important;}
  .perf-card h3{font-size:16px!important;line-height:1.22!important;letter-spacing:.18em!important;}
  .perf-card p{font-size:13.5px!important;line-height:1.6!important;}

  .market-table{display:none!important;}
  .market-mobile-dots{display:flex!important;justify-content:center!important;gap:8px!important;margin:0 0 32px!important;}
  .market-mobile-card{display:block!important;max-width:440px!important;margin-inline:auto!important;}
  .market-mobile-card .session-card-inner{border-radius:40px!important;padding:28px!important;min-height:340px!important;}

  .split-heading{max-width:440px!important;margin:0 auto 48px!important;display:flex!important;flex-direction:column!important;text-align:center!important;align-items:center!important;gap:18px!important;}
  .session-side{align-items:center!important;text-align:center!important;}
  .session-side p{font-size:13px!important;line-height:1.55!important;letter-spacing:.12em!important;text-transform:uppercase!important;}
  .session-grid{display:grid!important;grid-template-columns:1fr!important;max-width:440px!important;margin-inline:auto!important;gap:24px!important;}
  .session-card-inner{border-radius:40px!important;padding:32px!important;min-height:210px!important;}
  .session-time{font-size:24px!important;line-height:1.15!important;}

  #pricing.access{height:500vh!important;}
  #pricing .access-sticky{height:100svh!important;min-height:650px!important;padding-top:64px!important;gap:24px!important;}
  #pricing .access-header{padding:0 24px!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:18px!important;}
  #pricing .pipeline{align-items:center!important;gap:10px!important;}
  #pricing .pipeline p{text-align:center!important;font-size:8px!important;line-height:1.55!important;max-width:310px!important;margin:0!important;}
  #pricing .pipeline div{gap:8px!important;}
  #pricing .pipeline div span{width:4px!important;height:4px!important;}
  #pricing .pipeline b{font-size:6px!important;}
  #pricing .progress-track{width:86px!important;height:2px!important;}
  #pricing .access-track{gap:16px!important;padding:16px 6vw!important;align-items:center!important;}
  #pricing .tier-card{flex-basis:min(340px,88vw)!important;width:min(340px,88vw)!important;min-width:min(340px,88vw)!important;max-width:min(340px,88vw)!important;padding:26px 22px!important;border-radius:28px!important;justify-content:center!important;}
  #pricing .tier-card.highlight,#pricing .tier-card.vip{transform:none!important;}
  #pricing .tier-label{padding:7px 18px!important;font-size:7px!important;}
  #pricing .tier-top{margin-bottom:18px!important;gap:14px!important;}
  #pricing .tier-kicker{font-size:8px!important;margin-bottom:3px!important;}
  #pricing .tier-card h3{font-size:28px!important;}
  #pricing .tier-price strong{font-size:24px!important;}
  #pricing .tier-price span{font-size:8px!important;letter-spacing:.18em!important;}
  #pricing .tier-features{padding-top:18px!important;margin-bottom:20px!important;}
  #pricing .tier-features>b{font-size:8px!important;margin:0 0 14px!important;}
  #pricing .tier-features ul{gap:12px 12px!important;}
  #pricing .tier-features li{gap:8px!important;}
  #pricing .feature-dot{width:14px!important;height:14px!important;}
  #pricing .feature-dot svg{width:8px!important;height:8px!important;}
  #pricing .tier-features li span:last-child{font-size:10.5px!important;line-height:1.18!important;white-space:normal!important;}
  #pricing .tier-button{min-height:46px!important;padding:14px 16px!important;font-size:10px!important;letter-spacing:.22em!important;}

  .testimonial-grid{display:none!important;}
  .testimonial-mobile{display:block!important;}
  .testimonial-dots{display:flex!important;justify-content:center!important;gap:8px!important;margin-top:24px!important;}
  .testimonial-card{border-radius:40px!important;padding:32px!important;}
  .testimonial-card:nth-child(even){transform:none!important;}
  .testimonial-card p{font-size:15px!important;line-height:1.65!important;}
  .partner-btn{display:none!important;}

  .contact-card{border-radius:32px!important;padding:48px 24px!important;}
  .contact-layout{grid-template-columns:1fr!important;gap:40px!important;}
  .mail-card{border-radius:28px!important;padding:32px 24px!important;max-width:100%!important;}
  .mail-icon{width:48px!important;height:48px!important;border-radius:14px!important;}
  .mail-card strong{font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .mail-card b{font-size:8px!important;padding:12px 28px!important;}
  .footer-inner{padding:56px 24px!important;flex-direction:column!important;text-align:center!important;align-items:center!important;gap:28px!important;}
  .footer-links{justify-content:center!important;gap:24px 34px!important;}
}

@media (max-width:374px){
  .hero h1,.engineered h2,.performance-copy h2,.center-heading h2,.split-heading h2,.testimonial-copy h2,.contact-copy h2,#pricing .access-header h2{font-size:31px!important;}
  #pricing .tier-card{flex-basis:calc(100vw - 36px)!important;width:calc(100vw - 36px)!important;min-width:calc(100vw - 36px)!important;max-width:calc(100vw - 36px)!important;}
  #pricing .access-track{padding-left:18px!important;padding-right:18px!important;}
}

/* === FINAL TARGETED PATCH: source icon parity + broken mobile sections === */
.lucide{
  width:1em;
  height:1em;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  flex:0 0 auto;
}
.section-nav button{position:relative!important;overflow:visible!important;}
.section-nav button .lucide{width:16px!important;height:16px!important;stroke-width:2!important;}
.section-nav button.active .lucide{width:18px!important;height:18px!important;stroke-width:2.5!important;}
.icon-box[data-icon="CoinStack"] .lucide{stroke-width:2.5!important;}
.icon-box .lucide{width:32px!important;height:32px!important;}
.perf-icon .lucide{width:24px!important;height:24px!important;}
.neural-card .lucide{width:24px!important;height:24px!important;}
.mail-icon .lucide{width:36px!important;height:36px!important;}
.phone-mini .lucide{width:18px!important;height:18px!important;}

/* restore React source proportions for overview cards */
.execution-card .tag-row{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  max-width:520px!important;
}
.execution-card .tag-row span{
  flex:0 0 auto!important;
  min-width:0!important;
  width:auto!important;
  padding:8px 20px!important;
  border-radius:999px!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
  text-align:center!important;
  color:rgba(6,78,59,.7)!important;
  background:#fff!important;
  border:1px solid rgba(6,78,59,.1)!important;
  box-shadow:0 3px 10px rgba(6,78,59,.08)!important;
}
.execution-card img{right:0!important;left:auto!important;object-fit:cover!important;}

/* fix performance label/title overlap and use the same rhythm as React */
.performance-copy{position:relative!important;overflow:visible!important;}
.performance-copy .section-kicker{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  transform:none!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 32px 0!important;
  width:auto!important;
  height:auto!important;
  line-height:1!important;
}
.performance-copy .section-kicker i{display:block!important;width:40px!important;height:1px!important;flex:0 0 40px!important;background:rgba(6,78,59,.2)!important;}
.performance-copy .section-kicker span{display:inline-block!important;position:static!important;font-size:10px!important;line-height:1!important;font-weight:900!important;letter-spacing:.4em!important;color:#10b981!important;white-space:nowrap!important;}
.performance-copy h2{position:relative!important;z-index:2!important;margin-top:0!important;}
.performance-copy p{position:relative!important;z-index:2!important;}

@media (min-width:768px){
  .performance-copy{text-align:left!important;}
  .performance-copy .section-kicker{justify-content:flex-start!important;}
  .execution-card .tag-row span{font-size:11px!important;padding:8px 20px!important;}
}

@media (max-width:767px){
  /* Source nav: visible on mobile, smaller inactive icons, active icon slightly larger. */
  .section-nav{display:flex!important;left:16px!important;top:50%!important;gap:16px!important;z-index:120!important;opacity:1!important;transform:translate(0,-50%)!important;}
  .section-nav span{display:none!important;}
  .section-nav button{width:32px!important;height:32px!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(6,78,59,.1)!important;color:#064e3b!important;backdrop-filter:blur(12px)!important;}
  .section-nav button.active{background:#10b981!important;color:#fff!important;transform:scale(1.1)!important;box-shadow:0 12px 25px rgba(16,185,129,.2)!important;}
  .section-nav button .lucide{width:12px!important;height:12px!important;stroke-width:2!important;}
  .section-nav button.active .lucide{width:14px!important;height:14px!important;stroke-width:2.5!important;}

  /* Overview / execution card: no oversized full-width pills. */
  .bento{padding:80px 24px!important;}
  .bento-grid{max-width:440px!important;margin-inline:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:24px!important;}
  .bento-card{border-radius:32px!important;padding:32px!important;overflow:hidden!important;}
  .execution-card{min-height:405px!important;text-align:left!important;}
  .execution-card .bento-copy{position:relative!important;z-index:2!important;}
  .execution-card .micro-label{justify-content:flex-start!important;margin-bottom:28px!important;font-size:9px!important;letter-spacing:.2em!important;}
  .execution-card h3{font-size:24px!important;line-height:1.16!important;letter-spacing:-.035em!important;margin:0 0 16px!important;text-align:left!important;}
  .execution-card p{font-size:15px!important;line-height:1.62!important;font-weight:500!important;margin:0 0 32px!important;max-width:330px!important;text-align:left!important;}
  .execution-card .tag-row{justify-content:flex-start!important;gap:10px!important;max-width:320px!important;}
  .execution-card .tag-row span{flex:0 0 auto!important;width:auto!important;min-width:0!important;padding:8px 16px!important;font-size:10px!important;line-height:1!important;}
  .execution-card img{position:absolute!important;inset:0 0 0 auto!important;width:100%!important;height:100%!important;opacity:.25!important;mix-blend-mode:multiply!important;filter:grayscale(1)!important;}

  /* Performance title block: match source mobile spacing and stop the kicker crossing the title. */
  .performance{padding:80px 24px!important;overflow:visible!important;}
  .performance-layout{display:flex!important;flex-direction:column!important;gap:48px!important;max-width:440px!important;margin-inline:auto!important;}
  .performance-copy{text-align:center!important;width:100%!important;padding:0!important;}
  .performance-copy .section-kicker{justify-content:center!important;margin:0 0 32px!important;}
  .performance-copy .section-kicker i{width:40px!important;flex-basis:40px!important;}
  .performance-copy .section-kicker span{font-size:9px!important;letter-spacing:.4em!important;}
  .performance-copy h2{font-size:34px!important;line-height:1.1!important;letter-spacing:-.055em!important;margin:0 0 24px!important;}
  .performance-copy p{font-size:18px!important;line-height:1.7!important;font-weight:500!important;color:rgba(6,95,70,.6)!important;margin:0 auto!important;max-width:360px!important;}
  .performance-grid{display:grid!important;grid-template-columns:1fr!important;gap:24px!important;width:100%!important;padding:0!important;}
  .perf-card{padding:32px!important;border-radius:40px!important;min-height:225px!important;}
  .perf-card.offset{transform:none!important;}
  .perf-icon{width:56px!important;height:56px!important;border-radius:16px!important;margin-bottom:40px!important;}
  .perf-icon .lucide{width:24px!important;height:24px!important;}
  .perf-card h3{font-size:13px!important;line-height:1.25!important;letter-spacing:.2em!important;font-weight:900!important;margin:0 0 26px!important;}
  .perf-card p{font-size:12px!important;line-height:1.7!important;font-weight:600!important;margin:0!important;}

  /* Other icon containers should inherit exact React sizes on mobile. */
  .icon-box{width:48px!important;height:48px!important;border-radius:16px!important;}
  .icon-box .lucide{width:28px!important;height:28px!important;}
  .pricing-card .icon-box .lucide{width:28px!important;height:28px!important;stroke-width:2.5!important;}
  .stability-card .icon-box .lucide{width:24px!important;height:24px!important;}
  .mail-icon .lucide{width:20px!important;height:20px!important;}
}

@media (max-width:374px){
  .performance-copy h2{font-size:32px!important;}
  .performance-copy p{font-size:16px!important;}
  .execution-card .tag-row span{font-size:9px!important;padding:8px 14px!important;}
}

/* Fix for replacement AI brain image: keep the source colors intact. */
.neural-visual img[src*="ai-brain"]{
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
}
.neural-visual:has(img[src*="ai-brain"]) .visual-overlay{
  background:linear-gradient(to top, rgba(6,78,59,.72) 0%, rgba(6,78,59,.18) 45%, transparent 100%)!important;
  mix-blend-mode:normal!important;
}
.neural-visual:has(img[src*="ai-brain"]) .pulse-core{
  background:rgba(16,185,129,.10)!important;
}


/* ===== TERMINAL DEPTH FIELD ===== */

.phone-sticky{
  isolation:isolate;
}

.terminal-depth-field{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  overflow:visible;
  opacity:var(--terminalOpacity,1);
}

.terminal-glow{
  position:absolute;
  left:50%;
  top:50%;
  width:min(760px,84vw);
  height:min(760px,84vw);
  transform:translate(-50%,-50%);
  border-radius:999px;
  background:
    radial-gradient(circle,
      rgba(16,185,129,.18) 0%,
      rgba(16,185,129,.08) 34%,
      rgba(16,185,129,.03) 52%,
      transparent 72%);
  filter:blur(38px);
}

.terminal-panel{
  position:absolute;
  background:
    linear-gradient(135deg,
      rgba(255,255,255,.34),
      rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.24);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  box-shadow:
    0 30px 80px rgba(6,78,59,.10),
    inset 0 1px 0 rgba(255,255,255,.34);
  overflow:hidden;
}

.terminal-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.08),
      transparent);
  transform:translateX(-120%);
  animation:terminalSweep 8s linear infinite;
}

.panel-a{
  width:240px;
  height:160px;
  border-radius:28px;
  left:8%;
  top:18%;
  transform:
    translateY(calc(var(--terminalShift,0px) * -.18))
    rotate(-12deg);
  opacity:.9;
}

.panel-b{
  width:190px;
  height:120px;
  border-radius:24px;
  right:10%;
  top:28%;
  transform:
    translateY(calc(var(--terminalShift,0px) * .16))
    rotate(10deg);
  opacity:.75;
}

.panel-c{
  width:280px;
  height:140px;
  border-radius:30px;
  left:14%;
  bottom:12%;
  transform:
    translateY(calc(var(--terminalShift,0px) * -.1))
    rotate(8deg);
  opacity:.68;
}

.panel-d{
  width:220px;
  height:180px;
  border-radius:34px;
  right:16%;
  bottom:14%;
  transform:
    translateY(calc(var(--terminalShift,0px) * .2))
    rotate(-8deg);
  opacity:.56;
}

.terminal-streak{
  position:absolute;
  height:1px;
  background:
    linear-gradient(90deg,
      transparent,
      rgba(16,185,129,.24),
      rgba(255,255,255,.14),
      transparent);
  filter:blur(.2px);
  opacity:.5;
}

.streak-a{
  width:440px;
  left:10%;
  top:42%;
  transform:rotate(-8deg);
}

.streak-b{
  width:360px;
  right:14%;
  top:58%;
  transform:rotate(11deg);
}

.terminal-reflection{
  position:absolute;
  inset:12%;
  border-radius:44px;
  background:
    linear-gradient(
      125deg,
      rgba(255,255,255,.12),
      transparent 28%,
      transparent 72%,
      rgba(16,185,129,.05));
  opacity:.75;
}

.phone-wrap{
  position:relative;
  z-index:5;
}

.floating-card{
  z-index:6;
}

@keyframes terminalSweep{
  from{
    transform:translateX(-120%);
  }
  to{
    transform:translateX(120%);
  }
}

@media(max-width:767px){

  .terminal-glow{
    width:420px;
    height:420px;
  }

  .panel-a{
    width:130px;
    height:90px;
    border-radius:18px;
    left:-2%;
    top:16%;
  }

  .panel-b{
    width:120px;
    height:74px;
    border-radius:16px;
    right:-3%;
    top:32%;
  }

  .panel-c{
    width:150px;
    height:82px;
    border-radius:20px;
    left:4%;
    bottom:14%;
  }

  .panel-d{
    width:128px;
    height:100px;
    border-radius:22px;
    right:4%;
    bottom:18%;
  }

  .streak-a{
    width:180px;
    top:38%;
  }

  .streak-b{
    width:140px;
    top:62%;
  }
}

/* ===== END TERMINAL DEPTH FIELD ===== */



/* ===== SAFE TERMINAL DENSITY PATCH ===== */
/* This patch adds more depth without touching the phone DOM/layout. */

.terminal-depth-field {
  z-index: 1 !important;
  pointer-events: none !important;
  overflow: visible !important;
}

.phone-wrap,
.phone-mockup {
  position: relative;
  z-index: 5 !important;
}

.floating-card {
  z-index: 6 !important;
}

.terminal-depth-field::before,
.terminal-depth-field::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border: 1px solid rgba(255,255,255,.18);
  background: linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,.045));
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow:
    0 26px 70px rgba(6,78,59,.08),
    inset 0 1px 0 rgba(255,255,255,.28);
}

.terminal-depth-field::before {
  width: 168px;
  height: 98px;
  border-radius: 22px;
  left: 23%;
  top: 10%;
  transform: rotate(7deg) translateY(calc(var(--terminalShift,0px) * .08));
  opacity: .46;
}

.terminal-depth-field::after {
  width: 156px;
  height: 118px;
  border-radius: 26px;
  right: 23%;
  top: 9%;
  transform: rotate(-12deg) translateY(calc(var(--terminalShift,0px) * -.1));
  opacity: .38;
}

.terminal-reflection::before,
.terminal-reflection::after {
  content: "";
  position: absolute;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(16,185,129,.20), rgba(255,255,255,.16), transparent);
  opacity: .45;
  pointer-events: none;
}

.terminal-reflection::before {
  width: 320px;
  left: 8%;
  top: 26%;
  transform: rotate(11deg);
}

.terminal-reflection::after {
  width: 260px;
  right: 9%;
  bottom: 20%;
  transform: rotate(-13deg);
}

@media(max-width:767px){
  .terminal-depth-field::before {
    width: 94px;
    height: 58px;
    border-radius: 15px;
    left: 17%;
    top: 7%;
  }

  .terminal-depth-field::after {
    width: 86px;
    height: 72px;
    border-radius: 17px;
    right: 17%;
    top: 8%;
  }

  .terminal-reflection::before {
    width: 116px;
    left: 10%;
    top: 25%;
  }

  .terminal-reflection::after {
    width: 110px;
    right: 8%;
    bottom: 18%;
  }
}

/* ===== END SAFE TERMINAL DENSITY PATCH ===== */


/* ===== TERMINAL BACKGROUND VISIBILITY ONLY ===== */
/* Only decorative terminal layers fade in/out. Phone mockup and floating data cards are untouched. */

.terminal-depth-field {
  opacity: var(--terminal-bg-opacity, 0) !important;
  visibility: hidden;
  transition: opacity .45s ease;
  pointer-events: none !important;
}

.terminal-depth-field.terminal-bg-visible {
  visibility: visible;
}

/* ===== END TERMINAL BACKGROUND VISIBILITY ONLY ===== */