*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07101d;color:#f7f9fc;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid #ffffff12;position:sticky;top:0;background:#07101de8;backdrop-filter:blur(16px);z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:21px}.mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#14c8ff,#6557ff 55%,#b72cff);font-size:13px}.nav nav{display:flex;align-items:center;gap:28px;font-size:14px;color:#c7cfdd}.button{display:inline-flex;justify-content:center;align-items:center;background:linear-gradient(100deg,#16c7ff,#5b63ff 58%,#a82dff);color:#fff;border:0;border-radius:12px;padding:15px 22px;font-weight:700;cursor:pointer;box-shadow:0 10px 35px #335dff30}.button.small{padding:11px 16px}.menu{display:none;background:none;border:0;color:white;font-size:24px}.hero{min-height:720px;padding:130px 8vw 90px;position:relative;overflow:hidden}.hero h1{font-size:clamp(56px,8vw,112px);line-height:.91;letter-spacing:-.065em;margin:15px 0 30px;max-width:1050px}.hero h1 span{background:linear-gradient(90deg,#1bcfff,#6571ff,#bd36ff);-webkit-background-clip:text;color:transparent}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.2em;color:#45cfff}.lead{font-size:20px;line-height:1.7;color:#aeb9ca;max-width:720px}.actions{display:flex;align-items:center;gap:28px;margin-top:38px}.text-link{color:#d8deea;font-weight:600}.trust{display:flex;gap:34px;flex-wrap:wrap;margin-top:70px;color:#7f8da3;font-size:13px}.trust span:before{content:"✓";color:#39d7b5;margin-right:8px}.glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.17;pointer-events:none}.glow.one{width:450px;height:450px;background:#00c8ff;right:-120px;top:70px}.glow.two{width:380px;height:380px;background:#922dff;right:180px;top:350px}.section{padding:110px 8vw}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-bottom:55px}.section h2{font-size:clamp(34px,4vw,60px);line-height:1.05;letter-spacing:-.04em;margin:0;max-width:900px}.grid{display:grid}.cards{grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff15;border:1px solid #ffffff15;border-radius:18px;overflow:hidden}.cards article{background:#0a1423;padding:34px;min-height:230px}.cards b,.steps span{color:#64738a;font-size:12px}.cards h3,.steps h3,.project h3{font-size:20px;margin:38px 0 12px}.cards p,.steps p,.project p,.support>p,.quote>div>p{color:#8f9db1;line-height:1.65}.alt{background:#0a1423}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.mock{height:330px;border-radius:18px;padding:25px;display:flex;align-items:flex-end;font-size:64px;font-weight:800;color:#ffffff20}.restaurant{background:radial-gradient(circle at 70% 25%,#ff8a3340,transparent 30%),linear-gradient(145deg,#27160f,#0e1721)}.service{background:radial-gradient(circle at 30% 20%,#1dd4ff44,transparent 30%),linear-gradient(145deg,#0b2830,#10151f)}.commerce{background:radial-gradient(circle at 70% 25%,#b642ff44,transparent 30%),linear-gradient(145deg,#241037,#10151f)}.project h3{margin:18px 0 4px}.project p{margin:0}.disclaimer{color:#59677b;font-size:12px;margin-top:28px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.steps div{border-top:1px solid #273448;padding-top:24px}.support{background:linear-gradient(135deg,#0c1a2b,#101126);text-align:center}.support h2,.support>p{max-width:850px;margin-left:auto;margin-right:auto}.support>p{font-size:18px}.quote{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}form{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#0b1626;padding:28px;border:1px solid #ffffff14;border-radius:20px}label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#9da9bb;font-weight:600}input,select,textarea{width:100%;background:#07101d;border:1px solid #26364b;border-radius:10px;color:white;padding:14px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#4d7cff}.full{grid-column:1/-1}.form-note{font-size:11px;color:#65748a;margin:0}footer{display:flex;align-items:center;justify-content:space-between;padding:35px 6vw;border-top:1px solid #ffffff12;color:#758399;font-size:12px}footer .brand{color:white}@media(max-width:850px){.nav nav{display:none}.nav nav.open{display:flex;position:absolute;top:76px;left:0;right:0;background:#07101d;flex-direction:column;padding:30px}.menu{display:block}.hero{min-height:auto;padding-top:100px}.section-head,.quote{grid-template-columns:1fr}.cards,.projects{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.mock{height:260px}footer{gap:20px;flex-direction:column}.lead{font-size:17px}}@media(max-width:520px){.hero,.section{padding-left:6vw;padding-right:6vw}.hero h1{font-size:52px}.actions{align-items:flex-start;flex-direction:column}.steps{grid-template-columns:1fr}form{grid-template-columns:1fr}.full{grid-column:1}.trust{gap:16px 24px}}
/* V2 enhancements */
.proofbar{display:grid;grid-template-columns:repeat(4,1fr);margin:0 6vw;border:1px solid #ffffff14;border-radius:18px;background:#0a1423;overflow:hidden}.proofbar div{padding:22px 24px;display:flex;gap:14px;align-items:center;border-right:1px solid #ffffff12}.proofbar div:last-child{border-right:0}.proofbar strong{color:#48ceff;font-size:11px}.proofbar span{font-size:13px;color:#aeb9ca}.cards article{transition:transform .25s ease,background .25s ease}.cards article:hover{background:#0e1c30;transform:translateY(-3px)}.project .mock{transition:transform .3s ease,filter .3s ease}.project:hover .mock{transform:translateY(-5px);filter:brightness(1.1)}.support-pills{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:30px}.support-pills span{padding:10px 14px;border:1px solid #ffffff1c;border-radius:999px;color:#b7c1d0;background:#ffffff08;font-size:12px}.faq-grid{max-width:980px;margin-left:auto}.faq details{border-top:1px solid #243247;padding:22px 0}.faq details:last-child{border-bottom:1px solid #243247}.faq summary{cursor:pointer;font-weight:700;font-size:18px;list-style:none}.faq summary:after{content:'+';float:right;color:#4dcfff}.faq details[open] summary:after{content:'–'}.faq details p{max-width:760px;color:#8f9db1;line-height:1.7}.quote{background:radial-gradient(circle at 10% 10%,#143c6b55,transparent 28%)}
@media(max-width:850px){.proofbar{grid-template-columns:1fr 1fr}.proofbar div:nth-child(2){border-right:0}.proofbar div{border-bottom:1px solid #ffffff12}.proofbar div:nth-child(3),.proofbar div:nth-child(4){border-bottom:0}}
@media(max-width:520px){.proofbar{grid-template-columns:1fr;margin:0 6vw}.proofbar div{border-right:0!important;border-bottom:1px solid #ffffff12!important}.proofbar div:last-child{border-bottom:0!important}}

.proofbar{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;background:#091321;padding:0 8vw}
.proofbar div{padding:24px 20px;border-right:1px solid #ffffff12;display:flex;gap:12px;align-items:center}.proofbar div:last-child{border-right:0}.proofbar strong{color:#45cfff;font-size:11px}.proofbar span{font-size:13px;color:#aab6c8}
.launch-cta{text-align:center;padding:100px 8vw 110px;background:radial-gradient(circle at 50% 100%,#6534ff30,transparent 45%),#07101d}.launch-cta h2{font-size:clamp(34px,5vw,66px);letter-spacing:-.045em;line-height:1.05;max-width:950px;margin:16px auto 36px}
@media(max-width:850px){.proofbar{grid-template-columns:1fr 1fr}.proofbar div:nth-child(2){border-right:0}.proofbar div{border-bottom:1px solid #ffffff12}}
@media(max-width:520px){.proofbar{grid-template-columns:1fr}.proofbar div{border-right:0}.launch-cta{padding-left:6vw;padding-right:6vw}}

/* V4 refinements */
.site-preview{height:330px;border-radius:18px;overflow:hidden;border:1px solid #ffffff16;position:relative;box-shadow:0 22px 55px #0005}
.browser{height:34px;background:#ffffff0d;border-bottom:1px solid #ffffff12;display:flex;align-items:center;gap:6px;padding:0 12px;color:#ffffff70;font-size:9px}
.browser i{width:6px;height:6px;border-radius:50%;background:#ffffff45}.browser span{margin-left:6px}
.preview-copy{height:calc(100% - 34px);padding:34px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.preview-copy small{letter-spacing:.18em;font-weight:800;opacity:.8}.preview-copy strong{font-size:30px;line-height:1.03;letter-spacing:-.04em;margin:18px 0 28px}.preview-copy em{font-style:normal;font-size:11px;border:1px solid #ffffff35;padding:10px 13px;border-radius:999px}
.food{background:radial-gradient(circle at 80% 20%,#ff9d4d55,transparent 30%),linear-gradient(145deg,#25140d,#0b1119 70%)}
.local{background:radial-gradient(circle at 80% 20%,#18d5ff55,transparent 30%),linear-gradient(145deg,#08242b,#0b1119 70%)}
.shop{background:radial-gradient(circle at 80% 20%,#a83aff55,transparent 30%),linear-gradient(145deg,#241033,#0b1119 70%)}
.launch-cta p:not(.eyebrow){color:#95a3b8;max-width:650px;margin:0 auto 30px;line-height:1.7}
@media(max-width:850px){
 .nav{height:66px}.hero{padding-top:82px;padding-bottom:64px}
 .hero h1{font-size:clamp(48px,14vw,68px)}
 .section{padding-top:78px;padding-bottom:78px}
 .cards article{min-height:auto;padding:28px}.cards h3{margin-top:24px}
 .site-preview{height:300px}.preview-copy{padding:28px}.preview-copy strong{font-size:27px}
 .support{padding-top:72px;padding-bottom:72px}
}
