:root {
    --ink: #081311;
    --ink-2: #13211e;
    --paper: #f5f7f2;
    --white: #ffffff;
    --muted: #687571;
    --line: rgba(8, 19, 17, .11);
    --lime: #c8ff65;
    --lime-2: #9de840;
    --mint: #6ce5b1;
    --purple: #a99aff;
    --amber: #ffc76a;
    --blue: #80b8ff;
    --radius: 24px;
    --shadow: 0 30px 90px rgba(4, 15, 13, .16);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; background: var(--paper); color: var(--ink); font-family: "DM Sans", sans-serif; -webkit-font-smoothing: antialiased; }
body::selection { background: var(--lime); color: var(--ink); }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
svg { width: 1em; height: 1em; }

.noise { position: fixed; inset: 0; pointer-events: none; opacity: .035; z-index: 999; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E"); }
.cursor-glow { position: fixed; width: 420px; height: 420px; margin: -210px 0 0 -210px; border-radius: 50%; pointer-events: none; z-index: 0; background: radial-gradient(circle, rgba(200,255,101,.08), transparent 66%); }

.site-header { position: fixed; z-index: 50; top: 18px; left: 50%; width: min(1240px, calc(100% - 36px)); height: 68px; transform: translateX(-50%); display: flex; align-items: center; justify-content: space-between; padding: 0 12px 0 22px; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; color: #fff; transition: .35s ease; }
.site-header.scrolled { top: 10px; background: rgba(8,19,17,.82); backdrop-filter: blur(18px); box-shadow: 0 12px 35px rgba(0,0,0,.14); }
.brand { display: inline-flex; align-items: center; gap: 11px; font: 800 20px/1 "Manrope", sans-serif; letter-spacing: -.7px; }
.brand > span:last-child > span { color: var(--lime); }
.brand-mark { width: 26px; height: 26px; position: relative; display: inline-grid; grid-template-columns: repeat(3, 1fr); align-items: end; gap: 2px; padding: 4px; border: 1px solid rgba(255,255,255,.35); border-radius: 8px; }
.brand-mark span { display: block; background: var(--lime); border-radius: 2px; }
.brand-mark span:nth-child(1){height: 42%}.brand-mark span:nth-child(2){height: 72%}.brand-mark span:nth-child(3){height: 100%}
.main-nav { display: flex; gap: 32px; font-size: 14px; font-weight: 600; color: rgba(255,255,255,.74); }
.main-nav a { transition: .2s; }
.main-nav a:hover { color: #fff; }
.header-actions { display: flex; align-items: center; gap: 22px; }
.text-link { font-size: 14px; font-weight: 600; }
.menu-toggle { display: none; border: 0; background: transparent; font-size: 24px; }

.button { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 22px; border: 1px solid transparent; border-radius: 14px; font-weight: 700; font-size: 15px; transition: transform .2s, background .2s, border-color .2s; }
.button svg { font-size: 18px; }
.button-small { min-height: 44px; padding: 0 17px; border-radius: 11px; font-size: 14px; }
.button-primary { background: var(--lime); color: var(--ink); box-shadow: 0 12px 32px rgba(200,255,101,.15); }
.button-primary:hover { background: #d6ff89; }
.button-light { background: #fff; color: var(--ink); }
.button-light:hover { background: var(--lime); }
.button-ghost { color: #fff; border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.04); }
.button-ghost:hover { background: rgba(255,255,255,.09); }
.play { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: rgba(255,255,255,.14); }
.play svg { width: 12px; fill: currentColor; }

.hero { position: relative; min-height: 920px; overflow: hidden; display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: 34px; padding: 150px max(5vw, 32px) 95px; background: #07100f; color: #fff; isolation: isolate; }
.hero-grid { position: absolute; inset: 0; z-index: -2; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to right, #000, transparent 85%); }
.hero::after { content:""; position:absolute; inset:auto 0 0; height:200px; z-index:-1; background:linear-gradient(transparent, rgba(4,11,10,.72)); }
.hero-orb { position: absolute; border-radius: 50%; filter: blur(2px); z-index: -1; }
.hero-orb-one { width: 520px; height: 520px; top: -140px; left: 8%; background: radial-gradient(circle, rgba(108,229,177,.18), transparent 66%); }
.hero-orb-two { width: 680px; height: 680px; right: -150px; bottom: -180px; background: radial-gradient(circle, rgba(169,154,255,.14), transparent 65%); }
.hero-copy { max-width: 660px; justify-self: end; position: relative; z-index: 2; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin-bottom: 25px; color: rgba(255,255,255,.63); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.4px; }
.eyebrow span { width: 25px; height: 1px; background: var(--lime); }
.hero-title { margin: 0; font: 700 clamp(55px, 6vw, 94px)/.94 "Manrope", sans-serif; letter-spacing: -5px; }
.hero-title .line { display: block; overflow: hidden; padding-bottom: .07em; }
.hero-title .line > span { display: block; }
h1 em, h2 em { color: var(--lime); font-style: normal; }
.hero-intro { max-width: 590px; margin: 28px 0; color: rgba(255,255,255,.68); font-size: 18px; line-height: 1.7; }
.hero-actions { display: flex; align-items: center; gap: 12px; }
.trust-row { display: flex; align-items: center; gap: 16px; margin-top: 37px; }
.avatar-stack { display: flex; }
.avatar-stack span { width: 34px; height: 34px; display: grid; place-items: center; margin-left: -8px; border: 2px solid #07100f; border-radius: 50%; background: #22312d; color: #fff; font-size: 10px; font-weight: 800; }
.avatar-stack span:first-child { margin-left: 0; background: #5c806f; }.avatar-stack span:nth-child(2){background:#7d6d58}.avatar-stack span:nth-child(3){background:#5a647e}.avatar-stack span:last-child{background:var(--lime);color:var(--ink)}
.trust-row p { margin: 0; color: rgba(255,255,255,.5); font-size: 12px; line-height: 1.45; }.trust-row strong{color:#fff;font-size:13px}

.hero-product { position: relative; width: min(900px, 58vw); perspective: 1600px; }
.product-shell { overflow: hidden; border: 1px solid rgba(255,255,255,.18); border-radius: 22px; background: #f4f6f4; box-shadow: 0 50px 120px rgba(0,0,0,.45); transform-origin: center; }
.product-topbar { height: 54px; display: grid; grid-template-columns: 180px 1fr 150px; align-items: center; padding: 0 14px; background: #fff; color: var(--ink); border-bottom: 1px solid #e4e8e5; font-size: 11px; }
.mini-brand { display:flex;align-items:center;gap:7px;font-weight:800}.mini-brand span{width:18px;height:18px;border-radius:5px;background:var(--ink);box-shadow:inset 0 0 0 5px var(--lime)}
.topbar-search { height: 30px; max-width: 310px; justify-self: center; width: 100%; display:flex;align-items:center;gap:8px;padding:0 9px;border:1px solid #e3e7e4;border-radius:8px;color:#87928e;background:#f8faf8}.topbar-search kbd{margin-left:auto;padding:2px 5px;border:1px solid #dfe4e1;border-radius:4px;background:#fff;font-size:9px}.topbar-tools{justify-self:end;display:flex;align-items:center;gap:13px}.profile-dot{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#13211e;color:#fff;font-size:9px;font-weight:700}
.product-body { display: grid; grid-template-columns: 178px 1fr; min-height: 540px; }
.product-sidebar { padding: 13px 10px; border-right: 1px solid #e0e6e2; background: #fff; color: #53605c; font-size: 10px; }
.project-switcher { display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #e5e9e6;border-radius:9px;margin-bottom:13px}.project-switcher div{display:flex;flex-direction:column;min-width:0}.project-switcher small{font-size:8px;color:#98a19e}.project-switcher strong{font-size:9px;color:var(--ink)}.project-switcher>svg{margin-left:auto}.project-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#e6ffc0;color:#395311;font-size:9px;font-weight:800}
.product-sidebar ul{list-style:none;margin:0;padding:0}.product-sidebar li{display:flex;align-items:center;gap:9px;height:35px;padding:0 9px;border-radius:7px;font-weight:600}.product-sidebar li svg{font-size:14px}.product-sidebar li b{margin-left:auto;min-width:17px;height:17px;display:grid;place-items:center;border-radius:6px;background:#eff2ef;font-size:8px}.product-sidebar li.active{background:#ecffd1;color:#17230d}.product-sidebar li.active svg{color:#5b8318}
.sidebar-help{display:flex;gap:8px;margin-top:72px;padding:10px;border-radius:10px;background:#101d1a;color:white}.sidebar-help>svg{color:var(--lime);font-size:15px;flex:0 0 auto}.sidebar-help p{margin:0;font-size:8px;line-height:1.45}.sidebar-help span{color:#9eaaa6}
.dashboard { padding: 26px; color: var(--ink); }
.dashboard-heading{display:flex;justify-content:space-between;align-items:flex-start}.dash-kicker{font-size:8px;text-transform:uppercase;letter-spacing:.7px;color:#87928e}.dashboard-heading h2{margin:5px 0 3px;font:800 22px/1.1 "Manrope";letter-spacing:-.8px}.dashboard-heading p{margin:0;color:#82908b;font-size:9px}.dashboard-heading button{display:flex;align-items:center;gap:5px;height:30px;padding:0 10px;border:0;border-radius:7px;background:#14221f;color:#fff;font-size:9px;font-weight:700}
.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:21px 0 13px}.metric-row article{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e2e7e4;border-radius:11px;background:#fff}.metric-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;font-size:15px}.metric-icon.mint{background:#dcf8eb;color:#18805c}.metric-icon.amber{background:#fff0d4;color:#a36400}.metric-icon.blue{background:#e2edff;color:#266abd}.metric-row article>div:last-child{display:flex;flex-direction:column}.metric-row span{font-size:8px;color:#7b8984}.metric-row strong{font:800 19px/1.2 "Manrope"}.metric-row small{font-size:7px;color:#8b9692}.metric-row small b{color:#21825d}
.dashboard-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:12px}.panel{padding:14px;border:1px solid #e1e7e3;border-radius:12px;background:#fff}.panel-title{display:flex;align-items:flex-start;justify-content:space-between}.panel-title h3{margin:0 0 2px;font:800 11px "Manrope"}.panel-title p{margin:0;color:#96a09d;font-size:8px}.panel-title button{border:0;background:transparent;color:#89948f}.live-dot{font-size:7px;padding:4px 7px;border-radius:10px;background:#e1f8ec;color:#24745a}.live-dot::before{content:"";display:inline-block;width:4px;height:4px;margin-right:4px;border-radius:50%;background:#28a575}
.timeline{margin-top:9px}.timeline>div{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;padding:9px 0;border-top:1px solid #edf0ee}.timeline-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;font-size:12px}.timeline-icon.green{background:#dff8ec;color:#17845d}.timeline-icon.orange{background:#fff0d9;color:#ae6a05}.timeline-icon.purple{background:#eeeaff;color:#6556bd}.timeline p{margin:0;display:flex;flex-direction:column;font-size:8px}.timeline p small{color:#909a96;margin-top:2px}.timeline time{font-size:7px;color:#9da6a3}
.donut-wrap{display:flex;flex-direction:column;align-items:center}.donut{width:92px;height:92px;margin:16px auto 13px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--ink) 0 78%,#e8ece9 78% 100%);position:relative}.donut::after{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}.donut span{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column}.donut strong{font:800 19px "Manrope"}.donut small{font-size:7px;color:#8f9a96}.donut-wrap ul{width:100%;list-style:none;margin:0;padding:0}.donut-wrap li{display:flex;align-items:center;gap:6px;padding:4px 0;font-size:7px;color:#67746f}.donut-wrap li span{width:6px;height:6px;border-radius:2px;background:var(--ink)}.donut-wrap li:nth-child(2) span{background:var(--lime-2)}.donut-wrap li:nth-child(3) span{background:#cfd6d2}.donut-wrap li b{margin-left:auto;color:var(--ink)}
.floating-card{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid rgba(255,255,255,.8);border-radius:13px;background:rgba(255,255,255,.91);color:var(--ink);box-shadow:0 20px 50px rgba(0,0,0,.22);backdrop-filter:blur(12px)}.floating-card>div{display:flex;flex-direction:column}.floating-card strong{font-size:11px}.floating-card small{font-size:8px;color:#72807b;margin-top:2px}.floating-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#dff8ec;color:#16815b}.floating-icon.purple{background:#eeeaff;color:#6658c3}.floating-one{left:-42px;bottom:72px}.floating-two{right:12px;top:-34px}

.logo-strip { overflow: hidden; padding: 30px 0; background: #0c1715; color: #fff; border-top: 1px solid rgba(255,255,255,.08); }
.logo-strip>p { margin: 0 0 22px; text-align: center; color: rgba(255,255,255,.4); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.6px; }
.marquee { overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)}.marquee-track{width:max-content;display:flex;gap:55px;animation:marquee 28s linear infinite}.marquee span{display:inline-flex;align-items:center;gap:9px;color:rgba(255,255,255,.65);font:700 14px "Manrope";white-space:nowrap}.marquee svg{font-size:19px;color:var(--lime)}@keyframes marquee{to{transform:translateX(-50%)}}

.section { padding: 120px max(6vw, 32px); }
.section-heading { max-width: 1260px; margin: 0 auto 65px; display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 80px; }
.section-tag { display: inline-flex; align-items:center; gap:9px; color:#4f5d58; font-size:11px; text-transform:uppercase; letter-spacing:1.5px; font-weight:800; }.section-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime-2);box-shadow:0 0 0 5px rgba(157,232,64,.14)}
.section-tag-dark { color: rgba(255,255,255,.55); }
.section-heading h2,.ai-copy h2,.workflow-intro h2,.pricing-copy h2,.cta-content h2 { margin: 17px 0 0; font: 700 clamp(44px,5vw,74px)/1.01 "Manrope"; letter-spacing: -3.8px; }
.section-heading h2 em,.workflow-intro h2 em,.pricing-copy h2 em { color:#6f7d78; }
.section-heading>p { margin: 0 0 8px; color: var(--muted); font-size: 18px; line-height: 1.7; }
.feature-grid { max-width: 1260px; margin:auto; display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.feature-card{min-height:340px;padding:30px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.23);transition:.35s ease;position:relative;overflow:hidden}.feature-card::after{content:"";position:absolute;width:180px;height:180px;right:-90px;bottom:-90px;border-radius:50%;background:var(--lime);filter:blur(5px);opacity:0;transition:.4s}.feature-card:hover{background:#fff;transform:translateY(-5px);box-shadow:0 20px 55px rgba(13,31,27,.08);z-index:2}.feature-card:hover::after{opacity:.15}.feature-top{display:flex;justify-content:space-between;align-items:center}.feature-icon{width:45px;height:45px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;background:#fff;font-size:21px}.feature-tag{font-size:9px;text-transform:uppercase;letter-spacing:1.1px;color:#899590;font-weight:800}.feature-card h3{margin:55px 0 12px;font:800 23px "Manrope";letter-spacing:-.8px}.feature-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.feature-card a{display:inline-flex;align-items:center;gap:6px;margin-top:auto;font-size:12px;font-weight:800}.feature-card a svg{transition:.25s}.feature-card:hover a svg{transform:translate(3px,-3px)}

.ai-section { background: var(--ink); color: #fff; display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:90px;overflow:hidden; }
.ai-visual{position:relative;min-width:0}.ai-window{border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#f8faf8;color:var(--ink);box-shadow:0 45px 100px rgba(0,0,0,.34);overflow:hidden}.ai-header{height:65px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e4e8e5}.ai-header>div{display:flex;align-items:center;gap:10px;font:800 13px "Manrope"}.ai-header>span{font-size:9px;color:#899590}.ai-symbol{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--ink);color:var(--lime)}.ai-conversation{padding:28px}.ai-question,.ai-answer{display:grid;grid-template-columns:32px 1fr;gap:11px}.ai-question>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#d7ddda;font-size:9px;font-weight:800}.ai-question p{margin:0;padding:12px 14px;border-radius:3px 13px 13px 13px;background:#e9edea;font-size:12px;line-height:1.55}.ai-answer{margin-top:24px}.ai-answer>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--ink);color:var(--lime)}.ai-answer>div{padding:2px 0}.ai-answer p{font-size:12px;line-height:1.65;color:#56645f}.ai-answer p:first-child{margin-top:0;color:var(--ink)}.ai-alert{display:flex;gap:9px;margin-top:15px;padding:12px;border:1px solid #f1d8a9;border-radius:10px;background:#fff7e8}.ai-alert>svg{flex:0 0 auto;color:#a76b0d;margin-top:3px}.ai-alert p{margin:0!important;font-size:10px}.typing{display:flex;gap:4px;margin-top:14px}.typing i{width:5px;height:5px;border-radius:50%;background:#aeb8b4;animation:typing 1.2s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes typing{50%{transform:translateY(-4px);background:var(--lime-2)}}.ai-input{height:52px;margin:0 20px 20px;padding:0 7px 0 15px;display:flex;align-items:center;justify-content:space-between;border:1px solid #dce2de;border-radius:12px;background:#fff;color:#9aa4a0;font-size:10px}.ai-input button{width:34px;height:34px;border:0;border-radius:9px;background:var(--ink);color:#fff}.data-chip{position:absolute;display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#1a2825;color:#d9e1de;font-size:10px;font-weight:700;box-shadow:0 15px 40px rgba(0,0,0,.3)}.data-chip svg{color:var(--lime)}.chip-one{left:-30px;bottom:55px}.chip-two{right:-30px;top:82px}
.ai-copy h2 em{color:var(--lime)}.ai-copy>p{max-width:590px;color:#aab5b1;font-size:17px;line-height:1.75}.ai-copy ul{list-style:none;margin:38px 0;padding:0}.ai-copy li{display:grid;grid-template-columns:44px 1fr;gap:15px;padding:18px 0;border-top:1px solid rgba(255,255,255,.1)}.ai-copy li>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.07);color:var(--lime)}.ai-copy li strong{font:700 15px "Manrope"}.ai-copy li p{margin:5px 0 0;color:#91a09b;font-size:13px;line-height:1.6}

.workflow{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;max-width:1400px;margin:auto}.workflow-intro{position:sticky;top:130px;align-self:start}.workflow-intro>p{color:var(--muted);font-size:16px;line-height:1.75}.workflow-steps{border-top:1px solid var(--line)}.workflow-step{position:relative;display:grid;grid-template-columns:65px 1fr 42px;gap:20px;padding:48px 10px;border-bottom:1px solid var(--line)}.step-number{font:700 11px "Manrope";color:#87938e}.workflow-step h3{margin:0 0 10px;font:800 28px "Manrope";letter-spacing:-1px}.workflow-step p{max-width:560px;margin:0;color:var(--muted);line-height:1.7}.step-arrow{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;transition:.3s}.workflow-step:hover .step-arrow{background:var(--ink);color:#fff;transform:rotate(-45deg)}
.stats-band{display:grid;grid-template-columns:repeat(4,1fr);background:var(--lime);padding:55px max(6vw,32px)}.stats-band article{padding:0 30px;border-left:1px solid rgba(8,19,17,.17)}.stats-band article:first-child{border:0}.stats-band strong{font:800 clamp(32px,4vw,52px) "Manrope";letter-spacing:-2px}.stats-band p{margin:5px 0 0;color:#445426;font-size:12px}
.testimonial{text-align:center;max-width:1100px;margin:auto}.quote-mark{font:800 100px/.6 Georgia;color:var(--lime-2)}.testimonial blockquote{margin:20px auto 35px;font:600 clamp(28px,4vw,52px)/1.28 "Manrope";letter-spacing:-2px}.quote-person{display:inline-flex;align-items:center;gap:12px;text-align:left}.quote-person>span{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;font-size:11px}.quote-person div{display:flex;flex-direction:column}.quote-person strong{font-size:13px}.quote-person p{margin:3px 0 0;color:var(--muted);font-size:11px}
.pricing-preview{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center;background:#e9eee9}.pricing-copy>p{color:var(--muted);font-size:16px;line-height:1.7}.price-note{display:flex;align-items:center;gap:13px;margin-top:30px}.price-note>svg{width:42px;height:42px;padding:10px;border-radius:12px;background:var(--lime)}.price-note div{display:flex;flex-direction:column}.price-note strong{font-size:13px}.price-note span{margin-top:3px;color:var(--muted);font-size:11px}.module-cloud{position:relative;height:420px;border:1px solid rgba(8,19,17,.1);border-radius:50%;background:radial-gradient(circle at center,#fff 0 18%,transparent 18.5%),repeating-radial-gradient(circle at center,transparent 0 68px,rgba(8,19,17,.07) 69px 70px)}.module-cloud::before{content:"PF";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:95px;height:95px;display:grid;place-items:center;border-radius:30px;background:var(--ink);color:var(--lime);font:800 27px "Manrope";box-shadow:0 20px 50px rgba(0,0,0,.25)}.module-cloud span{position:absolute;left:var(--x);top:var(--y);transform:rotate(var(--r));display:flex;align-items:center;gap:8px;padding:12px 15px;border:1px solid #dce3de;border-radius:13px;background:#fff;font:700 12px "Manrope";box-shadow:0 10px 30px rgba(15,35,30,.09)}.module-cloud span svg{color:#68952a}
.cta-section{position:relative;overflow:hidden;min-height:560px;padding:120px max(6vw,32px);display:flex;align-items:center;background:#0b1714;color:#fff}.cta-content{position:relative;z-index:2;max-width:890px}.cta-content h2{font-size:clamp(58px,8vw,112px);letter-spacing:-6px}.cta-content h2 em{color:var(--lime)}.cta-content>p{color:#a1aea9;font-size:18px}.cta-actions{display:flex;align-items:center;gap:20px;margin-top:35px}.cta-actions>span{color:#71807b;font-size:11px}.cta-glow{position:absolute;width:700px;height:700px;right:-180px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(200,255,101,.15),transparent 65%)}.cta-rings{position:absolute;right:-80px;top:50%;width:520px;height:520px;transform:translateY(-50%)}.cta-rings span{position:absolute;inset:0;border:1px solid rgba(200,255,101,.11);border-radius:50%}.cta-rings span:nth-child(2){inset:70px}.cta-rings span:nth-child(3){inset:140px;background:rgba(200,255,101,.03)}
footer{padding:70px max(6vw,32px) 25px;background:#07100f;color:#fff;border-top:1px solid rgba(255,255,255,.07)}.footer-top{display:flex;flex-direction:column;gap:14px}.footer-top p{margin:0;color:#75837e;font-size:13px}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:65px 0}.footer-links>div{display:flex;flex-direction:column;gap:12px}.footer-links strong{margin-bottom:6px;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#fff}.footer-links a{font-size:12px;color:#84918d}.footer-links a:hover{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);font-size:10px;color:#66746f}.footer-bottom div{display:flex;gap:15px}.footer-bottom a{font-size:17px;color:#85928e}.brand-footer .brand-mark{border-color:rgba(255,255,255,.3)}

@media (max-width: 1180px){
    .hero{grid-template-columns:1fr;padding-top:150px}.hero-copy{justify-self:start;max-width:850px}.hero-product{width:92vw;margin:45px auto 0}.product-shell{max-width:900px;margin:auto}.hero{min-height:auto}.ai-section{grid-template-columns:1fr;gap:70px}.ai-visual{max-width:800px}.workflow{gap:45px}.pricing-preview{gap:45px}
}
@media (max-width: 820px){
    .site-header{height:58px;padding:0 11px 0 15px}.main-nav{position:absolute;top:68px;left:0;width:100%;display:none;flex-direction:column;gap:0;padding:10px;border-radius:16px;background:#101d1a;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:14px}.menu-toggle{display:block;margin-left:auto}.header-actions .text-link{display:none}.header-actions{margin-left:6px}.button-small{min-height:38px;padding:0 12px}.hero{padding:125px 20px 70px}.hero-title{font-size:clamp(49px,14vw,72px);letter-spacing:-3.5px}.hero-intro{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.hero-product{width:1100px;transform:scale(.68);transform-origin:left top;margin-bottom:-180px}.floating-two{right:10px}.section{padding:85px 22px}.section-heading{grid-template-columns:1fr;gap:20px}.section-heading h2,.ai-copy h2,.workflow-intro h2,.pricing-copy h2{letter-spacing:-2.4px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card{min-height:310px}.workflow{display:block}.workflow-intro{position:relative;top:auto;margin-bottom:45px}.stats-band{grid-template-columns:1fr 1fr;gap:35px 0}.stats-band article:nth-child(3){border:0}.pricing-preview{grid-template-columns:1fr}.module-cloud{height:370px}.cta-actions{align-items:flex-start;flex-direction:column}.footer-links{grid-template-columns:1fr 1fr}
}
@media (max-width: 560px){
    .header-actions .button-small{font-size:0;width:40px;padding:0}.header-actions .button-small svg{font-size:16px}.hero-product{transform:scale(.47);margin-bottom:-285px}.hero-title{font-size:48px}.trust-row{align-items:flex-start}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:285px}.feature-card h3{margin-top:38px}.ai-section{padding-left:16px;padding-right:16px}.ai-visual{transform:scale(.88);margin:-25px -25px}.chip-one{left:-5px}.chip-two{right:-5px}.workflow-step{grid-template-columns:42px 1fr}.step-arrow{display:none}.stats-band{grid-template-columns:1fr}.stats-band article,.stats-band article:nth-child(3){border:0;border-top:1px solid rgba(8,19,17,.16);padding:25px 0}.stats-band article:first-child{border-top:0}.module-cloud{height:470px;border-radius:34px;background:repeating-radial-gradient(circle at center,transparent 0 63px,rgba(8,19,17,.07) 64px 65px)}.module-cloud span{left:var(--x);top:var(--y)}.cta-section{min-height:600px;padding-left:22px;padding-right:22px}.cta-content h2{font-size:58px;letter-spacing:-3.5px}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{align-items:flex-start;gap:20px;flex-direction:column}
}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cursor-glow{display:none}}