[data-theme="dark"]{color-scheme:dark;--bg:#080C14;--bg2:#0D1220;--bg3:#111828;--surface:#0F1726;--surface2:#151E2E;--border:#1E2A3F;--border2:#243350;--blue:#3B6EF8;--blue-dim:rgba(59,110,248,.12);--blue-border:rgba(59,110,248,.22);--mint:#00E5A0;--mint-dim:rgba(0,229,160,.12);--mint-border:rgba(0,229,160,.22);--mint-dark:#00C488;--mint-text:#061210;--text:#F0F4FF;--text-muted:#7A8BA8;--text-dim:#4A5A72;--nav-bg:rgba(8,12,20,.92);--glow-hero:rgba(59,110,248,.15);--glow-mint:rgba(0,229,160,.07);--grid-line:rgba(59,110,248,.04);--noise-op:.4;--modal-bg:rgba(0,0,0,.78);--bc:#111828;--bb:#080C14;--bu:#0D1220;}
[data-theme="light"]{color-scheme:light;--bg:#F4F7FF;--bg2:#EBF0FA;--bg3:#DFE7F5;--surface:#FFFFFF;--surface2:#F8FAFF;--border:#D8E0F0;--border2:#C2CEEA;--blue:#2455D4;--blue-dim:rgba(36,85,212,.08);--blue-border:rgba(36,85,212,.18);--mint:#00966A;--mint-dim:rgba(0,150,106,.1);--mint-border:rgba(0,150,106,.18);--mint-dark:#007D58;--mint-text:#002A1E;--text:#0A1020;--text-muted:#425070;--text-dim:#8494B0;--nav-bg:rgba(244,247,255,.92);--glow-hero:rgba(36,85,212,.06);--glow-mint:rgba(0,150,106,.04);--grid-line:rgba(36,85,212,.05);--noise-op:.15;--modal-bg:rgba(5,10,30,.6);--bc:#1A2038;--bb:#0F1525;--bu:#151E32;}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;transition:background .3s,color .3s;}
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:var(--noise-op);transition:opacity .3s;}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;}

/* ── LOGO SYSTEM ── */
.site-logo { display:flex; align-items:baseline; font-family:'Syne',sans-serif; font-size:24px; letter-spacing:-.02em; text-decoration:none; line-height:1; gap:1px; }
.site-logo .a { color:var(--text); font-weight:700; margin-right:2px; }
.site-logo .q-icon-inline { width:20px; height:20px; border:3px solid var(--blue); border-radius:50%; position:relative; display:inline-block; top:2px; margin:0 1px; }
.site-logo .q-icon-inline::after { content:''; position:absolute; bottom:-3px; right:-5px; width:7px; height:3px; background:var(--mint); transform:rotate(45deg); border-radius:2px; }
.site-logo .ore { color:var(--text); font-weight:700; }

/* ── NAV ── */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between;transition:background .3s,border-color .3s;border-bottom:1px solid transparent;}
nav.scrolled{background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--border);}
.nav-links{display:flex;align-items:center;gap:2rem;list-style:none;}
.nav-links a{font-size:14px;font-weight:400;color:var(--text-muted);text-decoration:none;transition:color .2s;}
.nav-links a:hover{color:var(--text);}
.nav-right{display:flex;align-items:center;gap:.75rem;}
.btn-theme{width:36px;height:36px;border-radius:10px;background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,border-color .2s;flex-shrink:0;}
.btn-theme:hover{background:var(--surface);border-color:var(--border2);color:var(--text);}
.btn-theme svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;}
[data-theme="dark"] .icon-sun{display:block;}[data-theme="dark"] .icon-moon{display:none;}
[data-theme="light"] .icon-sun{display:none;}[data-theme="light"] .icon-moon{display:block;}
.btn-login{font-size:14px;color:var(--text-muted);background:none;border:none;cursor:pointer;font-family:'DM Sans',sans-serif;transition:color .2s;padding:0;}
.btn-login:hover{color:var(--text);}
.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--mint);color:var(--mint-text);font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;border-radius:100px;border:none;cursor:pointer;text-decoration:none;transition:background .2s,transform .15s;white-space:nowrap;}
.btn-primary:hover{background:var(--mint-dark);transform:translateY(-1px);}
.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px;font-weight:400;border-radius:100px;border:1px solid var(--border2);cursor:pointer;text-decoration:none;transition:border-color .2s,background .2s,transform .15s;}
.btn-ghost:hover{border-color:var(--text-muted);background:var(--blue-dim);transform:translateY(-1px);}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none;}
.hamburger span{display:block;width:22px;height:1.5px;background:var(--text);transition:all .3s;}
.mobile-menu{display:none;position:fixed;top:64px;left:0;right:0;background:var(--nav-bg);backdrop-filter:blur(20px);padding:1.5rem 2rem 2rem;border-bottom:1px solid var(--border);z-index:99;flex-direction:column;gap:1.25rem;}
.mobile-menu.open{display:flex;}
.mobile-menu a{font-size:16px;color:var(--text-muted);text-decoration:none;padding:.5rem 0;border-bottom:1px solid var(--border);}
.mobile-menu .btn-primary{margin-top:.5rem;justify-content:center;}
.mobile-menu-bottom{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;}

/* ── REVEAL ── */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease;}
.reveal.visible{opacity:1;transform:none;}
.reveal-delay-1{transition-delay:.1s;}.reveal-delay-2{transition-delay:.2s;}.reveal-delay-3{transition-delay:.3s;}

/* ── HERO ── */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:120px 2rem 80px;overflow:hidden;}
.hero-glow{position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(ellipse,var(--glow-hero) 0%,transparent 65%);pointer-events:none;transition:background .3s;}
.hero-glow-2{position:absolute;bottom:-100px;right:-100px;width:500px;height:500px;background:radial-gradient(ellipse,var(--glow-mint) 0%,transparent 65%);pointer-events:none;}
.hero-inner{max-width:1200px;margin:0 auto;width:100%;position:relative;z-index:1;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--blue);margin-bottom:1.5rem;opacity:0;animation:fadeUp .6s ease .1s forwards;}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 var(--mint-dim);}50%{box-shadow:0 0 0 6px transparent;}}
.hero h1{font-family:'Syne',sans-serif;font-size:clamp(3rem,7vw,5.5rem);font-weight:800;line-height:1;letter-spacing:-.04em;max-width:800px;margin-bottom:1.5rem;opacity:0;animation:fadeUp .7s ease .25s forwards;}
.hero h1 .accent{color:var(--blue);}.hero h1 .accent-mint{color:var(--mint);}
.hero-sub{font-size:clamp(16px,2vw,18px);color:var(--text-muted);max-width:560px;line-height:1.7;margin-bottom:2.5rem;font-weight:300;opacity:0;animation:fadeUp .7s ease .4s forwards;}
.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3.5rem;opacity:0;animation:fadeUp .7s ease .55s forwards;}
.hero-ctas .btn-primary,.hero-ctas .btn-ghost{padding:13px 28px;font-size:15px;}
.play-icon{width:18px;height:18px;border:1.5px solid currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.play-icon::after{content:'';width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid currentColor;margin-left:1px;}
.hero-stats{display:flex;gap:2.5rem;flex-wrap:wrap;opacity:0;animation:fadeUp .7s ease .7s forwards;}
.hero-stat-num{font-family:'Syne',sans-serif;font-size:28px;font-weight:700;letter-spacing:-.03em;color:var(--text);display:block;line-height:1;margin-bottom:4px;}
.hero-stat-num span{color:var(--mint);}
.hero-stat-label{font-size:12px;color:var(--text-dim);font-family:'Space Mono',monospace;text-transform:uppercase;letter-spacing:.08em;}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:none;}}
@keyframes fadeInRight{from{opacity:0;transform:translateY(-50%) translateX(30px);}to{opacity:.95;transform:translateY(-50%) translateX(0);}}

/* browser mock */
.hero-visual{position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:480px;opacity:0;animation:fadeInRight .9s ease .6s forwards;}
@media(max-width:1100px){.hero-visual{display:none;}}
.browser-mock{background:var(--bc);border:1px solid var(--border2);border-radius:12px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.03);}
.browser-bar{background:var(--bb);padding:10px 14px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);}
.browser-dots{display:flex;gap:5px;}
.browser-dots span{width:8px;height:8px;border-radius:50%;background:var(--border2);}
.browser-url{flex:1;background:var(--bu);border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-family:'Space Mono',monospace;font-size:10px;color:var(--text-muted);}
.browser-content{height:280px;position:relative;overflow:hidden;}
.mock-site-header{background:#0a1628;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);}
.mock-logo-bar{width:48px;height:8px;border-radius:4px;background:rgba(255,255,255,.7);}
.mock-nav-pills{display:flex;gap:6px;}
.mock-nav-pills span{width:20px;height:5px;border-radius:3px;background:rgba(255,255,255,.2);}
.mock-cta-pill{width:48px;height:20px;border-radius:10px;background:#00E5A0;opacity:.9;}
.mock-hero-area{padding:20px 16px 0;background:linear-gradient(180deg,#0a1628 0%,#0d1e38 100%);}
.mock-h1-lines div{height:10px;border-radius:5px;background:rgba(255,255,255,.85);margin-bottom:5px;}
.mock-body-lines div{height:6px;border-radius:3px;background:rgba(255,255,255,.2);margin-bottom:4px;}
.mock-btn-row{display:flex;gap:8px;margin-top:14px;}
.mock-btn{height:22px;border-radius:11px;}
.mock-cards-row{display:flex;gap:8px;padding:16px 16px 0;}
.mock-card-item{flex:1;height:68px;border-radius:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);}
.variant-pills{display:flex;gap:8px;padding:12px 14px;background:var(--bb);border-top:1px solid var(--border);}
.variant-pill{flex:1;padding:5px 8px;border-radius:6px;border:1px solid var(--border2);font-family:'Space Mono',monospace;font-size:9px;text-align:center;color:var(--text-dim);cursor:pointer;transition:all .2s;}
.variant-pill.active{border-color:var(--blue);color:var(--blue);background:var(--blue-dim);}
.float-badge{position:absolute;bottom:-16px;left:-24px;background:var(--surface2);border:1px solid var(--border2);border-radius:10px;padding:8px 14px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 24px rgba(0,0,0,.3);}
.float-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);animation:pulse 2s infinite;flex-shrink:0;}
.float-badge-text{font-family:'Space Mono',monospace;font-size:10px;color:var(--text-muted);white-space:nowrap;}
.float-badge-text strong{color:var(--text);}

/* ── MARQUEE ── */
.marquee-section{padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;position:relative;z-index:1;}
.marquee-track{display:flex;animation:marquee 28s linear infinite;width:max-content;}
.marquee-item{display:flex;align-items:center;gap:12px;padding:0 32px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;}
.marquee-dot{width:4px;height:4px;border-radius:50%;background:var(--blue);flex-shrink:0;}
@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ── SECTIONS ── */
section{position:relative;z-index:1;}
.section-inner{max-width:1200px;margin:0 auto;padding:100px 2rem;}
.section-header{text-align:center;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto;}
.section-header.left{text-align:left;margin-left:0;max-width:600px;}
.section-eyebrow{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--blue);margin-bottom:1rem;}
.section-title{font-family:'Syne',sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.5rem;}
.section-sub{font-size:17px;color:var(--text-muted);max-width:600px;line-height:1.7;font-weight:300;margin-left:auto;margin-right:auto;}
.section-header.left .section-sub{margin-left:0;}

/* ── HOW IT WORKS ── */
.hiw-section{background:var(--bg2);}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:16px;overflow:hidden;}
.step-card{background:var(--bg2);padding:2rem 1.75rem;}
.step-card:last-child{background:linear-gradient(135deg,var(--bg2) 60%,var(--mint-dim));}
.step-num{font-family:'Space Mono',monospace;font-size:11px;color:var(--text-dim);margin-bottom:1.5rem;letter-spacing:.1em;}
.step-icon{width:40px;height:40px;border-radius:10px;background:var(--blue-dim);border:1px solid var(--blue-border);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;}
.step-icon svg{width:20px;height:20px;stroke:var(--blue);fill:none;stroke-width:1.5;}
.step-card:last-child .step-icon{background:var(--mint-dim);border-color:var(--mint-border);}
.step-card:last-child .step-icon svg{stroke:var(--mint);}
.step-card h3{font-family:'Syne',sans-serif;font-size:17px;font-weight:600;letter-spacing:-.02em;margin-bottom:.6rem;}
.step-card p{font-size:13.5px;color:var(--text-muted);line-height:1.65;font-weight:300;}
.step-tag{display:inline-block;margin-top:1rem;padding:3px 10px;border-radius:100px;font-family:'Space Mono',monospace;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;}
.step-tag.free{background:var(--mint-dim);color:var(--mint);border:1px solid var(--mint-border);}
.step-tag.done{background:var(--blue-dim);color:var(--blue);border:1px solid var(--blue-border);}

/* ── SHOWCASE ── */
.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:4rem;}
.showcase-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:border-color .3s,transform .3s;cursor:pointer;}
.showcase-card:hover{border-color:var(--border2);transform:translateY(-4px);}
.showcase-preview{height:200px;overflow:hidden;}
.preview-a{background:linear-gradient(160deg,#0a1a2e 0%,#0d2040 100%);}
.preview-b{background:linear-gradient(160deg,#1a0a0d 0%,#2d0f14 100%);}
.preview-c{background:linear-gradient(160deg,#0a150a 0%,#0d1f12 100%);}
.preview-content{padding:16px;height:100%;}
.preview-nav-mock{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
.preview-logo-mock{width:48px;height:8px;border-radius:4px;background:rgba(255,255,255,.7);}
.preview-nav-links-mock{display:flex;gap:6px;}
.preview-nav-links-mock span{width:20px;height:5px;border-radius:3px;background:rgba(255,255,255,.2);}
.preview-h1-mock{height:10px;border-radius:5px;margin-bottom:6px;}
.preview-a .preview-h1-mock div{background:rgba(59,110,248,.7);}
.preview-b .preview-h1-mock div{background:rgba(255,100,100,.7);}
.preview-c .preview-h1-mock div{background:rgba(0,200,120,.7);}
.preview-body-mock div{height:5px;border-radius:3px;background:rgba(255,255,255,.15);margin-bottom:4px;}
.preview-cta-mock{height:24px;border-radius:12px;width:80px;margin-top:12px;}
.preview-a .preview-cta-mock{background:rgba(59,110,248,.85);}
.preview-b .preview-cta-mock{background:rgba(255,80,80,.85);}
.preview-c .preview-cta-mock{background:rgba(0,200,120,.85);}
.showcase-meta{padding:1.25rem 1.5rem;}
.showcase-tag{font-family:'Space Mono',monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.5rem;}
.showcase-meta h3{font-family:'Syne',sans-serif;font-size:16px;font-weight:600;letter-spacing:-.02em;margin-bottom:.35rem;}
.showcase-meta p{font-size:13px;color:var(--text-muted);font-weight:300;margin-bottom:1rem;}
.btn-demo{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--blue);background:var(--blue-dim);border:1px solid var(--blue-border);border-radius:100px;padding:6px 14px;text-decoration:none;font-family:'DM Sans',sans-serif;transition:filter .2s;cursor:pointer;}
.btn-demo:hover{filter:brightness(1.15);}
.btn-demo .play-sm{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.btn-demo .play-sm::after{content:'';width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid var(--blue);margin-left:1px;}

/* ── PRICING ── */
.pricing-section{background:var(--bg2);}
.pricing-center{display:flex;justify-content:center;margin-top:4rem;}
.pricing-card{max-width:560px;width:100%;background:var(--surface);border:1px solid var(--border2);border-radius:20px;padding:3rem;text-align:center;position:relative;overflow:hidden;}
.pricing-card::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,var(--blue),transparent);}
.pricing-card-icon{width:56px;height:56px;border-radius:14px;background:var(--blue-dim);border:1px solid var(--blue-border);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;}
.pricing-card-icon svg{width:26px;height:26px;stroke:var(--blue);fill:none;stroke-width:1.5;}
.pricing-card h3{font-family:'Syne',sans-serif;font-size:26px;font-weight:700;letter-spacing:-.03em;margin-bottom:.75rem;}
.pricing-card p{font-size:15px;color:var(--text-muted);font-weight:300;line-height:1.7;max-width:380px;margin:0 auto 2rem;}
.pricing-cta{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--blue);color:#fff;font-family:'DM Sans',sans-serif;font-size:15px;font-weight:500;border-radius:100px;border:none;cursor:pointer;text-decoration:none;transition:filter .2s,transform .15s;margin-bottom:2rem;}
.pricing-cta:hover{filter:brightness(1.12);transform:translateY(-1px);}
.trust-chips{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;}
.trust-chip{display:flex;align-items:center;gap:6px;font-family:'Space Mono',monospace;font-size:10px;color:var(--text-dim);letter-spacing:.05em;}
.trust-chip-check{width:14px;height:14px;border-radius:50%;background:var(--mint-dim);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.trust-chip-check::after{content:'';width:5px;height:3px;border-left:1.5px solid var(--mint);border-bottom:1.5px solid var(--mint);transform:rotate(-45deg) translateY(-1px);}

/* ── FAQ ── */
.faq-list{margin-top:3rem;max-width:720px;}
.faq-item{border-bottom:1px solid var(--border);overflow:hidden;}
.faq-question{width:100%;text-align:left;background:none;border:none;padding:1.25rem 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:1rem;}
.faq-question-text{font-family:'Syne',sans-serif;font-size:16px;font-weight:500;letter-spacing:-.01em;color:var(--text);text-align:left;}
.faq-chevron{width:20px;height:20px;border:1px solid var(--border2);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,border-color .2s;}
.faq-chevron svg{width:10px;height:10px;stroke:var(--text-muted);transition:transform .3s;}
.faq-item.open .faq-chevron{background:var(--blue-dim);border-color:var(--blue-border);}
.faq-item.open .faq-chevron svg{transform:rotate(180deg);stroke:var(--blue);}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-item.open .faq-answer{max-height:200px;}
.faq-answer p{font-size:14.5px;color:var(--text-muted);line-height:1.75;padding-bottom:1.25rem;font-weight:300;}

/* ── CTA BANNER ── */
.cta-section{background:var(--bg2);}
.cta-banner{border:1px solid var(--border2);border-radius:20px;padding:4rem;text-align:center;position:relative;overflow:hidden;background:var(--surface);}
.cta-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,var(--glow-hero) 0%,transparent 60%);pointer-events:none;transition:background .3s;}
.cta-banner::after{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--blue),var(--mint),transparent);}
.cta-banner h2{font-family:'Syne',sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:1rem;position:relative;z-index:1;}
.cta-banner p{font-size:16px;color:var(--text-muted);font-weight:300;margin-bottom:2.5rem;position:relative;z-index:1;}
.cta-banner .btn-primary{padding:15px 36px;font-size:16px;position:relative;z-index:1;}

/* ── FOOTER ── */
footer{background:var(--bg);border-top:1px solid var(--border);position:relative;z-index:1;}
.footer-inner{max-width:1200px;margin:0 auto;padding:3rem 2rem 2rem;}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem;flex-wrap:wrap;gap:2rem;}
.footer-tagline{font-size:13px;color:var(--text-dim);font-weight:300;margin-top:.6rem;}
.footer-links{display:flex;gap:3rem;flex-wrap:wrap;}
.footer-col h4{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:1rem;}
.footer-col a{display:block;font-size:13.5px;color:var(--text-muted);text-decoration:none;margin-bottom:.6rem;transition:color .2s;font-weight:300;}
.footer-col a:hover{color:var(--text);}
.footer-bottom{border-top:1px solid var(--border);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}
.footer-legal,.footer-address{font-family:'Space Mono',monospace;font-size:10px;color:var(--text-dim);line-height:1.6;}
.footer-address{text-align:right;}

/* ── MODAL ── */
.modal-backdrop{position:fixed;inset:0;background:var(--modal-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity .25s ease;}
.modal-backdrop.open{opacity:1;pointer-events:all;}
.modal{background:var(--surface2);border:1px solid var(--border2);border-radius:20px;width:100%;max-width:400px;padding:2.5rem;position:relative;transform:translateY(16px) scale(.98);transition:transform .3s ease;box-shadow:0 40px 80px rgba(0,0,0,.4);}
.modal-backdrop.open .modal{transform:none;}
.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:8px;background:none;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;transition:background .2s,color .2s;font-family:'DM Sans',sans-serif;}
.modal-close:hover{background:var(--border);color:var(--text);}
.modal-logo-area{display:flex;justify-content:center;margin-bottom:1rem;}
.modal-logo-area .logo-wrap{font-size:20px;}
.modal h2{font-family:'Syne',sans-serif;font-size:22px;font-weight:700;letter-spacing:-.03em;text-align:center;margin-bottom:.4rem;}
.modal-sub{font-size:13.5px;color:var(--text-muted);text-align:center;margin-bottom:2rem;font-weight:300;}
.modal-form{display:flex;flex-direction:column;gap:.875rem;}
.form-group{display:flex;flex-direction:column;gap:6px;}
.form-group label{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);}
.form-group input{background:var(--bg2);border:1px solid var(--border2);border-radius:10px;padding:11px 14px;font-family:'DM Sans',sans-serif;font-size:14px;color:var(--text);outline:none;transition:border-color .2s;width:100%;}
.form-group input::placeholder{color:var(--text-dim);}
.form-group input:focus{border-color:var(--blue);}
.modal-signin{display:flex;align-items:center;justify-content:center;padding:12px;background:var(--blue);color:#fff;font-family:'DM Sans',sans-serif;font-size:15px;font-weight:500;border-radius:10px;border:none;cursor:pointer;transition:filter .2s;margin-top:.25rem;}
.modal-signin:hover{filter:brightness(1.12);}
.modal-forgot{text-align:center;font-size:13px;color:var(--text-dim);background:none;border:none;cursor:pointer;font-family:'DM Sans',sans-serif;transition:color .2s;padding:0;}
.modal-forgot:hover{color:var(--blue);}
.modal-divider{width:100%;height:1px;background:var(--border);margin:.25rem 0;}
.modal-fn{text-align:center;font-size:12.5px;color:var(--text-dim);font-weight:300;margin-top:1.25rem;}
.modal-fn a{color:var(--blue);text-decoration:none;}
.modal-fn a:hover{text-decoration:underline;}


/* ── RESPONSIVE ── */
@media(max-width:900px){.steps-grid{grid-template-columns:repeat(2,1fr);border-radius:12px;}.showcase-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){nav{padding:0 1.25rem;}.nav-links,.nav-right .btn-login,.nav-right .btn-primary{display:none;}.hamburger{display:flex;}.section-inner{padding:72px 1.25rem;}.hero{padding:100px 1.25rem 60px;}.hero-stats{gap:1.5rem;}.steps-grid{grid-template-columns:1fr;border-radius:10px;}.showcase-grid{grid-template-columns:1fr;}.pricing-card{padding:2rem 1.5rem;}.cta-banner{padding:2.5rem 1.5rem;}.footer-top{flex-direction:column;}.footer-bottom{flex-direction:column;text-align:center;}.footer-address{text-align:center;}.trust-chips{gap:.75rem;}}

/* ── AI FEATURE ── */
.ai-feature-section{background:var(--bg2);}
.ai-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}
.ai-feature-content{text-align:left;}
.ai-feature-visual{display:flex;justify-content:center;position:relative;}
.chat-mock-container{position:relative;width:100%;max-width:320px;}
.chat-mock{background:var(--surface);border:1px solid var(--border2);border-radius:18px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5);display:flex;flex-direction:column;height:400px;font-family:'DM Sans',sans-serif;}
.chat-header{background:var(--blue);padding:14px;color:white;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;}
.online-pulse{width:8px;height:8px;background:#00E5A0;border-radius:50%;box-shadow:0 0 10px #00E5A0;}
.chat-body{flex:1;padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--bg2);}
.chat-bubble{max-width:85%;padding:10px 14px;border-radius:14px;font-size:12px;line-height:1.4;font-weight:300;}
.chat-bubble.bot{background:var(--surface);color:var(--text);align-self:flex-start;border-bottom-left-radius:2px;border:1px solid var(--border);}
.chat-bubble.user{background:var(--blue);color:white;align-self:flex-end;border-bottom-right-radius:2px;}
.chat-footer{padding:12px;border-top:1px solid var(--border2);background:var(--surface);display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-dim);}
.chat-send-icon{width:16px;height:16px;background:var(--blue);border-radius:4px;}
.chat-badge{position:absolute;bottom:-15px;right:-15px;background:var(--mint);color:var(--bg);font-family:'Space Mono',monospace;font-size:9px;font-weight:700;padding:4px 10px;border-radius:100px;box-shadow:0 4px 12px rgba(0,229,160,0.3);}

.feature-list{margin-top:2rem; list-style:none; padding:0; color:var(--text-dim);}
.feature-list li{margin-bottom:1.5rem; display:flex; align-items:start;}
.feature-list-check{width:20px; height:20px; background:var(--blue); border-radius:50%; margin-right:16px; display:inline-flex; align-items:center; justify-content:center; color:white; font-size:10px; flex-shrink:0; margin-top:4px;}
.feature-list-text strong{color:var(--text); display:block; margin-bottom:2px; font-size:15px;}
.feature-list-text{font-size:14px; line-height:1.5;}

@media(max-width:900px){
  .ai-feature-grid{grid-template-columns:1fr; gap:3rem; text-align:center;}
  .ai-feature-content{max-width:100%; margin:0 auto;}
  .section-header.left{text-align:center; margin-left:auto; margin-right:auto;}
  .section-header.left .section-sub{margin-left:auto; margin-right:auto;}
  .ai-feature-content .section-header{margin-bottom:2rem;}
  .feature-list{max-width:480px; margin:2rem auto 0; text-align:left;}
  .feature-list li{justify-content:start;}
}
@media(max-width:640px){
  .chat-mock-container{max-width:280px;}
  .chat-mock{height:360px;}
}