:root{color-scheme:dark;--bg:#05070b;--surface:#0a0f18;--surface-2:#0d1522;--text:#f7f9fc;--muted:#aab4c3;--line:rgba(255,255,255,.11);--blue:#2d6df6;--blue-soft:#93b4ff;--max:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Manrope",system-ui,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
::selection{background:var(--blue);color:#fff}
*{scrollbar-color:#34425a var(--bg);scrollbar-width:thin}
a{color:inherit}
button,input,textarea,select{font:inherit}
.wrap{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:#fff;color:#05070b;padding:.8rem 1rem;text-decoration:none}.skip-link:focus{top:1rem}
.promo-strip{min-height:2.7rem;display:flex;align-items:center;justify-content:center;gap:1.2rem;padding:.65rem 1rem;background:#10275b;color:#dce8ff;font-size:.78rem;text-align:center}.promo-strip a{color:#fff;font-weight:800;text-underline-offset:.25rem}
.site-header{position:sticky;top:0;z-index:20;background:rgba(5,7,11,.94);border-bottom:1px solid var(--line)}
.nav-shell{min-height:5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:800;letter-spacing:-.02em}.brand img{width:3rem;height:3rem;object-fit:contain}.brand small{display:block;color:var(--muted);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase}
.nav-shell nav{display:flex;align-items:center;gap:1.7rem}.nav-shell nav a{color:#bac4d2;font-size:.8rem;text-decoration:none}.nav-shell nav a:hover{color:#fff}
.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.75rem 1.05rem;text-decoration:none;font-weight:800;font-size:.84rem;border:1px solid transparent;transition:transform .25s cubic-bezier(.2,.75,.25,1),background .2s,border-color .2s}
.nav-cta,.button.primary{background:var(--blue);color:#fff}.nav-cta:hover,.button.primary:hover{background:#245bd0;transform:translateY(-2px)}
.button.quiet{border-color:#3b4658;background:#090d14;color:#e8edf5}.button.quiet:hover{border-color:#8290a5;transform:translateY(-2px)}
.button:focus-visible,.nav-cta:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue-soft);outline-offset:4px}
.hero{min-height:calc(100vh - 7.7rem);display:grid;grid-template-columns:minmax(0,.88fr) minmax(28rem,1.12fr);gap:clamp(3rem,7vw,7rem);align-items:center;padding-block:clamp(4rem,8vw,8rem)}
.hero h1,.section-heading h2,.pricing-copy h2,.final-cta h2{font-family:"DM Serif Display",Georgia,serif;font-weight:400;letter-spacing:-.035em;text-wrap:balance}
.hero h1{font-size:clamp(3.7rem,6.5vw,6.2rem);line-height:.9;max-width:10ch;margin:0 0 1.6rem}.hero-copy>p{max-width:58ch;margin:0;color:#b6c0ce;font-size:clamp(1rem,1.35vw,1.16rem);text-wrap:pretty}
.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.hero-price{display:flex;align-items:center;gap:1.25rem;margin-top:3.5rem;padding-top:1.4rem;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}.hero-price div{display:grid}.hero-price strong{font-size:clamp(1.65rem,3vw,2.5rem);letter-spacing:-.035em}.hero-price span{color:#8793a5;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.hero-price i{color:#6680b4;font-size:1.5rem;font-style:normal}
.site-preview{position:relative;min-height:38rem;display:grid;place-items:center}
.site-preview::before{content:"";position:absolute;inset:8% 6% 4% 3%;background:#0c1c3e;filter:blur(50px);opacity:.7}
.preview-window{position:relative;width:100%;max-width:45rem;background:#08101e;border:1px solid rgba(111,155,255,.42);box-shadow:0 2.2rem 6rem rgba(0,0,0,.48);transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}
.preview-bar{height:2.3rem;padding:0 .9rem;display:flex;align-items:center;gap:.42rem;background:#0d1420;border-bottom:1px solid var(--line)}.preview-bar>span{width:.48rem;height:.48rem;border-radius:50%;background:#334056}.preview-bar b{margin-left:.5rem;color:#7f8ba0;font-size:.62rem;font-weight:600}
.preview-page{min-height:30rem;background:#eef3ff;color:#101726;padding:1.3rem}.preview-nav{display:flex;align-items:center;gap:1rem;font-size:.65rem;letter-spacing:.08em}.preview-nav strong{margin-right:auto}.preview-nav i{display:block;width:2.4rem;height:.32rem;background:#8390a6}
.preview-hero{margin-top:1.25rem;min-height:16rem;padding:2.1rem;background:#0d1f49;color:#fff;position:relative;overflow:hidden}.preview-hero::after{content:"";position:absolute;width:13rem;height:13rem;right:-1rem;top:1.3rem;border-radius:50%;background:#2d6df6;opacity:.8}.preview-hero>span{display:block;width:4rem;height:.4rem;background:#7fa5ff}.preview-hero h2{position:relative;z-index:1;margin:1rem 0;font:400 2.5rem/.95 "DM Serif Display",Georgia,serif;letter-spacing:-.025em}.preview-hero p{width:45%;height:.45rem;background:#8193b9}.preview-hero button,.preview-phone button{border:0;background:#fff;color:#0b1834;padding:.7rem 1rem;font-size:.65rem;font-weight:800;margin-top:1.2rem}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem}.preview-grid i{height:6.5rem;background:#d8e2f6;border:1px solid #bdcbe4}
.preview-phone{position:absolute;right:-1rem;bottom:0;width:11.5rem;min-height:22rem;padding:1.4rem;background:#071020;border:.45rem solid #111a29;border-radius:1.5rem;box-shadow:0 1.5rem 4rem rgba(0,0,0,.55);color:#fff}.phone-top{width:3.5rem;height:.35rem;border-radius:1rem;background:#26334a;margin:0 auto 2.5rem}.preview-phone strong{display:block;font:400 1.9rem/.95 "DM Serif Display",Georgia,serif}.preview-phone span{display:block;height:.38rem;background:#5e7195;margin-top:1.2rem}.preview-phone span+span{width:70%;margin-top:.55rem}.preview-phone button{background:var(--blue);color:#fff;width:100%;margin-top:2rem}
.promo{display:grid;grid-template-columns:minmax(0,1fr) minmax(28rem,.9fr);gap:clamp(2rem,6vw,6rem);align-items:center;padding:clamp(2rem,5vw,4rem);background:#0a1a3b;border:1px solid rgba(96,145,255,.36);margin-bottom:clamp(5rem,9vw,9rem)}
.promo h2{font-family:"DM Serif Display",Georgia,serif;font-size:clamp(2.3rem,4vw,4rem);font-weight:400;line-height:.95;letter-spacing:-.03em;margin:0 0 1rem;text-wrap:balance}.promo p{color:#bdcdec;margin:0;max-width:58ch}.promo>.button{grid-column:2;justify-self:start}.promo-timeline{display:grid;grid-template-columns:repeat(3,1fr) 1.5fr;border:1px solid rgba(134,169,242,.26);font-variant-numeric:tabular-nums}.promo-timeline span{min-height:5rem;padding:.8rem;display:grid;align-content:center;justify-items:center;border-right:1px solid rgba(134,169,242,.2);color:#fff;font-weight:800}.promo-timeline span:last-child{border:0}.promo-timeline b{display:block;color:#81a6fa;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.promo-timeline .after{background:#2563eb;text-align:center}
.section{padding-block:clamp(5rem,9vw,9rem);border-top:1px solid var(--line)}
.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr);gap:clamp(2rem,8vw,8rem);align-items:end;margin-bottom:3.5rem}.section-heading h2,.pricing-copy h2,.final-cta h2{font-size:clamp(3rem,5vw,5.2rem);line-height:.92;margin:0;max-width:13ch}.section-heading p{margin:0;color:#aab5c4;max-width:58ch;text-wrap:pretty}
.feature-list{border-top:1px solid var(--line)}.feature-list article{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:2rem;padding:1.6rem .2rem;border-bottom:1px solid var(--line)}.feature-list article>span{color:#83a9ff;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding-top:.25rem}.feature-list h3{font-size:clamp(1.15rem,2vw,1.55rem);margin:0 0 .35rem;letter-spacing:-.02em}.feature-list p{margin:0;color:#9da8b8;max-width:65ch}
.process-section{background:#080d15}.process-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(30rem,1.2fr);gap:clamp(3rem,8vw,8rem)}.process-grid .section-heading{display:block;margin:0}.process-grid .section-heading p{margin-top:1.2rem}.process{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.process li{display:grid;grid-template-columns:4rem 1fr;gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--line)}.process li>b{color:#729cf8;font-size:.75rem;font-variant-numeric:tabular-nums}.process h3{margin:0 0 .35rem;font-size:1.15rem}.process p{margin:0;color:#98a5b7;font-size:.9rem}
.demo-heading{grid-template-columns:minmax(0,1fr) minmax(18rem,.55fr) auto}.demo-heading>a,.pricing-copy>a{color:#bed1ff;text-underline-offset:.35rem;font-weight:800;font-size:.85rem}.work-list{border-top:1px solid var(--line)}.work-list a{display:grid;grid-template-columns:11rem minmax(0,1fr) auto;gap:2rem;align-items:center;padding:1.45rem .2rem;border-bottom:1px solid var(--line);text-decoration:none;transition:background .2s}.work-list a:hover{background:#0a101a}.work-list span{color:#779de8;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.work-list strong{font-size:clamp(1.15rem,2vw,1.55rem)}.work-list em{font-style:normal;color:#bfc9d7;font-size:.8rem;font-weight:800}
.pricing-section{background:#081124}.pricing-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(25rem,.72fr);gap:clamp(3rem,9vw,9rem);align-items:start}.pricing-copy p{color:#adbbd0;max-width:60ch;margin:1.5rem 0 2rem}.price-panel{background:#f1f5ff;color:#0a1020;padding:clamp(2rem,4vw,3.5rem);box-shadow:0 2rem 6rem rgba(0,0,0,.35)}.price-panel h3{font-size:1rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 2rem}.price-line{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid #c8d3e6}.price-line strong{font:400 clamp(2.5rem,5vw,4.5rem)/1 "DM Serif Display",Georgia,serif;letter-spacing:-.035em}.price-line span{text-transform:uppercase;font-size:.65rem;letter-spacing:.1em;font-weight:800;color:#56647a}.price-line.monthly strong{color:#2059d4}.price-panel ul{list-style:none;padding:0;margin:2rem 0}.price-panel li{padding:.6rem 0 .6rem 1.25rem;border-bottom:1px solid #d2dbea;position:relative;font-size:.88rem}.price-panel li::before{content:"";position:absolute;left:0;top:1.05rem;width:.42rem;height:.42rem;background:#2563eb;border-radius:50%}.price-panel .button{width:100%}.price-panel small{display:block;margin-top:1rem;color:#59677b;font-size:.72rem;line-height:1.5}
.faq .section-heading{grid-template-columns:1fr}.faq-list{max-width:900px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:1.5rem 3rem 1.5rem 0;font-weight:800;position:relative}summary::-webkit-details-marker{display:none}summary::after{content:"+";position:absolute;right:.3rem;top:1.25rem;color:#83a9ff;font-size:1.4rem}details[open] summary::after{content:"–"}details p{margin:0;padding:0 3rem 1.5rem 0;color:#9eabba;max-width:72ch}
.final-cta{padding-block:clamp(6rem,12vw,11rem);text-align:center}.final-cta h2{max-width:15ch;margin-inline:auto}.final-cta p{color:#aab5c4;max-width:58ch;margin:1.5rem auto 0}.final-cta .hero-actions{justify-content:center}
footer{border-top:1px solid var(--line)}.footer-grid{min-height:7rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;color:#7f8b9d;font-size:.75rem}.footer-grid div{display:flex;gap:1.2rem}.footer-grid a{text-decoration:none}.footer-grid a:hover{color:#fff}
@media(max-width:1050px){.nav-shell nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.site-preview{min-height:34rem}.promo{grid-template-columns:1fr}.promo>.button{grid-column:auto}.process-grid,.pricing-grid{grid-template-columns:1fr}.products{grid-template-columns:1fr 1fr}.demo-heading{grid-template-columns:1fr}.demo-heading>a{width:max-content}}
@media(max-width:700px){.promo-strip{align-items:flex-start;justify-content:flex-start;text-align:left}.promo-strip a{display:none}.site-header{position:relative}.nav-shell{min-height:4.4rem}.brand img{width:2.6rem;height:2.6rem}.nav-cta{padding:.65rem .75rem;font-size:.72rem}.hero{padding-top:3.5rem;gap:2.5rem}.hero h1{font-size:clamp(3.25rem,15vw,4.8rem)}.site-preview{min-height:25rem}.preview-window{transform:none}.preview-page{min-height:20rem;padding:.8rem}.preview-nav i{display:none}.preview-hero{min-height:12rem;padding:1.3rem}.preview-hero h2{font-size:1.75rem}.preview-hero::after{width:8rem;height:8rem}.preview-grid i{height:4.2rem}.preview-phone{right:-.2rem;width:8rem;min-height:15.5rem;padding:.85rem;border-width:.3rem}.phone-top{margin-bottom:1.6rem}.preview-phone strong{font-size:1.25rem}.preview-phone button{padding:.55rem;font-size:.55rem}.hero-price{gap:.8rem}.promo{padding:1.35rem}.promo-timeline{grid-template-columns:repeat(3,1fr)}.promo-timeline .after{grid-column:1/-1}.section-heading{grid-template-columns:1fr}.section-heading h2,.pricing-copy h2,.final-cta h2{font-size:clamp(2.7rem,13vw,4.2rem)}.feature-list article{grid-template-columns:1fr;gap:.5rem}.process-grid{display:block}.process{margin-top:3rem}.work-list a{grid-template-columns:1fr auto;gap:.35rem 1rem}.work-list span{grid-column:1/-1}.pricing-grid{display:block}.price-panel{margin-top:3rem;padding:1.5rem}.footer-grid{align-items:flex-start;flex-direction:column;justify-content:center}.hero-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.nav-cta,.work-list a{transition:none}}
.preview-hero b,.preview-phone b{display:inline-block;background:#fff;color:#0b1834;padding:.7rem 1rem;font-size:.65rem;font-weight:800;margin-top:1.2rem}.preview-phone b{background:var(--blue);color:#fff;width:100%;margin-top:2rem;text-align:center}@media(max-width:700px){.preview-phone b{padding:.55rem;font-size:.55rem}}
.brand small{font-size:.7rem}.preview-bar b{font-size:.7rem}.promo-timeline b{font-size:.7rem}.promo-timeline .after b{color:#fff}.price-line span{font-size:.7rem}.price-panel small{font-size:.78rem}