:root{--bg:#f7f8fc;--surface:#fff;--ink:#121421;--muted:#696f7e;--line:#e7e9f0;--blue:#5d5cf6;--blue2:#7d62ff;--dark:#111320;--green:#33c481;--shadow:0 25px 70px rgba(23,27,46,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}section[id],main[id]{scroll-margin-top:88px}:focus-visible{outline:3px solid #8f8efb;outline-offset:2px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.container{width:min(1180px,calc(100% - 40px));margin:auto}.nav-shell{position:sticky;top:0;z-index:20;background:rgba(247,248,252,.84);backdrop-filter:blur(16px);border-bottom:1px solid rgba(231,233,240,.7)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:var(--ink);text-decoration:none}.logo-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#4c56f7,#a565ff);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 8px 20px rgba(93,92,246,.3)}.nav-links{display:flex;gap:30px}.nav-links a,.footer-links a{color:#595f6e;text-decoration:none;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;text-decoration:none;font-weight:750;border:0;transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-1px)}.btn-small{padding:11px 17px;font-size:14px}.btn-dark{background:var(--dark);color:#fff}.btn-primary{background:linear-gradient(135deg,#5557f8,#7b5cf7);color:#fff;padding:15px 21px;box-shadow:0 12px 25px rgba(91,88,248,.25)}.btn-buy{background:linear-gradient(135deg,#0e7a57,#23b57f);color:#fff;padding:17px 24px;font-size:16px;box-shadow:0 14px 30px rgba(27,150,100,.35)}.btn-buy:hover{box-shadow:0 16px 34px rgba(27,150,100,.45)}.hero-trades{font-size:14px!important;font-weight:750;color:#3d4252!important;margin:14px 0 0!important}.builder-caption{margin:18px 6px 0;text-align:center;font-size:13px;color:#5a5f6e;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;box-shadow:0 10px 26px rgba(30,34,53,.08)}.builder-caption b{color:#121421}.hp-field{position:absolute;left:-9999px;top:auto;width:1px;height:1px;opacity:0;pointer-events:none}.real-example{background:linear-gradient(150deg,#1c2030,#3a3f57);color:#fff}.real-example .tb-nav b{color:#fff}.live-dot{color:#4ade80;font-size:9px;font-weight:800;letter-spacing:.06em}.real-example .tb-copy{padding:42px 20px;position:relative;z-index:2}.real-example .tb-copy small{color:#aeb4c8}.real-example .tb-copy h3{color:#fff}.tb-photo.roof{background:linear-gradient(140deg,#8a6f52,#3d3227)}.tb-photo.wheel{background:linear-gradient(140deg,#5b6b7d,#232a33)}.tb-photo.cpa{background:linear-gradient(140deg,#4a5fa5,#1e2647)}.card-btn{margin:12px 5px 2px;padding:12px 16px;font-size:14px}.hero{min-height:760px;display:grid;grid-template-columns:.9fr 1.3fr;gap:54px;align-items:center;padding:92px 0 80px}.pill,.kicker{display:inline-flex;align-items:center;gap:8px;color:#5d61c8;font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.pill{background:#fff;border:1px solid var(--line);border-radius:99px;padding:8px 11px;letter-spacing:0;text-transform:none;color:#464b5d;font-size:13px}.dot{width:8px;height:8px;background:#38c982;border-radius:50%;box-shadow:0 0 0 5px #e9fbf2}.hero h1{font-size:clamp(52px,6vw,80px);line-height:.98;letter-spacing:-.055em;margin:22px 0 25px}.hero h1 span,.section-head h2 span,.pricing-copy h2 span{background:linear-gradient(135deg,#5e5bf5,#a65cff);-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:19px;line-height:1.65;color:#676d7c;max-width:600px}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:30px}.text-link{color:#2c3141;text-decoration:none;font-weight:750}.hero-proof{display:flex;gap:30px;margin-top:38px;border-top:1px solid var(--line);padding-top:24px}.hero-proof div{display:flex;flex-direction:column;gap:4px}.hero-proof b{font-size:16px}.hero-proof span{font-size:12px;color:#858a97}.builder-wrap{position:relative}.builder-window{background:#fff;border:1px solid #e4e6ed;border-radius:22px;box-shadow:var(--shadow);overflow:hidden;transform:rotate(1deg)}.builder-topbar{height:58px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 16px}.window-dots{display:flex;gap:6px}.window-dots i{width:9px;height:9px;background:#d7dae2;border-radius:50%}.project-name{justify-self:center;font-size:12px;font-weight:750;color:#444a58}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#39c985;margin-right:6px}.top-actions{justify-self:end;display:flex;gap:7px}.top-actions button{border:0;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:700}.ghost-chip{background:#f1f2f7}.publish-chip{background:#171a25;color:#fff}.builder-body{display:grid;grid-template-columns:190px 1fr;min-height:495px}.builder-sidebar{padding:20px 15px;background:#fbfbfd;border-right:1px solid var(--line)}.sidebar-title{font-weight:800;font-size:13px;margin-bottom:20px}.builder-sidebar label{display:block;font-size:10px;text-transform:uppercase;color:#9a9fad;letter-spacing:.08em;margin:13px 0 7px}.field{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px;font-size:11px;display:flex;align-items:center;gap:7px}.field b{margin-left:auto;color:#9da2ae}.swatches{display:flex;gap:8px}.swatch{width:22px;height:22px;border-radius:7px;background:#5d5cf6;border:3px solid #fff;box-shadow:0 0 0 2px #5d5cf6}.s2{background:#1f8a70;box-shadow:none}.s3{background:#df6b53;box-shadow:none}.s4{background:#20232d;box-shadow:none}.divider{height:1px;background:var(--line);margin:18px 0}.mini-check{font-size:10px;color:#5a606d;margin:10px 0}.mini-check span{color:#28b975;font-weight:900;margin-right:6px}.generate-btn{width:100%;border:0;border-radius:9px;background:linear-gradient(135deg,#5b5cf6,#8b5ef5);color:#fff;font-weight:800;padding:10px;margin-top:18px;font-size:11px}.canvas-area{background:#f0f2f6;padding:14px 20px 24px;position:relative}.canvas-toolbar{display:flex;gap:18px;align-items:center;height:34px;color:#4d5361;font-size:10px}.canvas-toolbar b{margin-left:auto}.tool-muted{color:#9ca1ac}.website-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px rgba(39,43,61,.1)}.site-nav{height:48px;display:flex;align-items:center;padding:0 20px;gap:20px;font-size:9px}.site-nav>div{display:flex;gap:14px;margin-left:auto;color:#717684}.site-nav button{border:0;background:#161923;color:#fff;border-radius:6px;font-size:8px;padding:8px 10px}.site-hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:280px;background:#eef4f2}.site-copy{padding:38px 24px}.site-copy small{font-size:7px;letter-spacing:.12em}.site-copy h3{font-size:30px;line-height:1.02;margin:14px 0 12px;letter-spacing:-.04em}.site-copy h3 em{font-style:normal;color:#1b725c}.site-copy p{font-size:10px;line-height:1.55;color:#5f6c68;max-width:220px}.site-actions{display:flex;align-items:center;gap:10px;margin-top:20px}.site-actions button{background:#1b725c;color:#fff;border:0;border-radius:6px;padding:9px 11px;font-size:8px}.site-actions span{font-size:8px;font-weight:700}.site-photo{margin:16px;border-radius:9px;background:linear-gradient(160deg,rgba(27,114,92,.12),rgba(7,39,31,.2)),linear-gradient(135deg,#8da79f,#c5d3cf 48%,#507366);position:relative;overflow:hidden}.site-photo:before,.site-photo:after{content:"";position:absolute;border-radius:999px;background:rgba(255,255,255,.2)}.site-photo:before{width:220px;height:220px;right:-70px;top:-40px}.site-photo:after{width:150px;height:150px;left:-30px;bottom:-60px}.photo-overlay{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.9);border-radius:7px;padding:9px 10px;display:flex;flex-direction:column;font-size:8px}.service-strip{height:47px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #edf0f0}.service-strip span{display:grid;place-items:center;font-size:8px;font-weight:700;border-right:1px solid #edf0f0}.ai-toast{position:absolute;right:8px;bottom:8px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;gap:9px;box-shadow:0 12px 28px rgba(24,26,37,.12);max-width:205px}.spark{background:#eeeefe;color:#5d5cf6;border-radius:8px;width:28px;height:28px;display:grid;place-items:center}.ai-toast div:last-child{display:flex;flex-direction:column}.ai-toast b{font-size:9px}.ai-toast span{font-size:7px;color:#858b98;margin-top:2px}.float-card{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:0 15px 35px rgba(30,34,53,.14);border-radius:12px;padding:11px 14px;display:flex;align-items:center;gap:9px}.float-card>span{width:28px;height:28px;border-radius:9px;background:#f0efff;color:#635cf4;display:grid;place-items:center}.float-card div{display:flex;flex-direction:column}.float-card b{font-size:11px}.float-card small{font-size:8px;color:#8b909d;margin-top:2px}.f1{left:-30px;bottom:112px}.f2{right:-24px;top:80px}.trust-band{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-inner{height:78px;display:flex;justify-content:space-between;align-items:center;color:#969aa6;font-size:11px;font-weight:800;letter-spacing:.12em}.trust-label{color:#c2c5cd;font-weight:700;letter-spacing:.04em;text-transform:none;font-size:12px}.section{padding:110px 0}.section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin-bottom:45px}.section-head h2,.process-intro h2,.showcase-copy h2,.pricing-copy h2,.faq-copy h2{font-size:clamp(38px,4vw,58px);line-height:1.03;letter-spacing:-.04em;margin:12px 0}.section-head>p,.process-intro p,.showcase-copy>p,.pricing-copy>p,.faq-copy>p{color:#747987;line-height:1.7}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.template-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:0 10px 35px rgba(42,45,61,.06)}.template-browser{height:330px;border-radius:12px;overflow:hidden;position:relative}.tb-nav{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:10px}.tb-nav button{border:0;border-radius:6px;padding:7px 9px}.home-template{background:#e9f0f3}.home-template .tb-copy{padding:30px 18px;position:relative;z-index:2}.tb-copy small,.salon-center small,.restaurant-copy small{font-size:7px;letter-spacing:.12em}.tb-copy h3,.salon-center h3,.restaurant-copy h3{font-size:26px;line-height:1.05;letter-spacing:-.04em;margin:12px 0}.tb-copy button,.salon-center button,.restaurant-copy button{border:0;border-radius:6px;padding:8px 10px;background:#14252a;color:#fff;font-size:8px}.tb-photo{position:absolute;width:52%;height:100%;right:-2%;top:0;background:linear-gradient(140deg,#adbcc4,#607c88);clip-path:polygon(25% 0,100% 0,100% 100%,0 100%)}.salon-template{background:linear-gradient(135deg,#f7e8ea,#f3d6dd);color:#3e262d}.salon-center{position:absolute;inset:52px 0 0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.salon-center button{background:#542f39}.restaurant-template{background:linear-gradient(140deg,#222,#665141);color:#fff}.restaurant-copy{padding:45px 18px}.restaurant-copy button{background:#f1d7ac;color:#2a211a}.template-meta{display:flex;align-items:center;justify-content:space-between;padding:14px 5px 4px}.template-meta>div{display:flex;flex-direction:column}.template-meta b{font-size:14px}.template-meta span{font-size:11px;color:#8b909b;margin-top:3px}.tag{background:#f2f2fb;padding:5px 8px;border-radius:99px;color:#625ee0!important;font-weight:700}.tiny-inline{font-size:11px;color:#9095a0;font-style:normal}.card-cta{display:block;text-align:center;margin:8px 5px 6px;font-size:13px;font-weight:750;color:#5d5cf6;text-decoration:none}.card-cta:hover{text-decoration:underline}.process-section{background:#111320;color:#fff}.process-intro{text-align:center;max-width:760px;margin:0 auto 48px}.process-intro p{color:#a9adba}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.process-grid article{border:1px solid #2c2f3b;background:#171a27;border-radius:18px;padding:28px;min-height:250px;position:relative}.process-grid article>span{position:absolute;right:22px;top:20px;color:#5f6370;font-size:12px}.process-icon{width:46px;height:46px;border-radius:13px;background:#23263a;color:#9d8cff;display:grid;place-items:center;font-size:22px}.process-grid h3{font-size:21px;margin-top:28px}.process-grid p{color:#a7acb8;font-size:14px;line-height:1.65}.split-showcase{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-bottom:64px}.capabilities{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.capabilities span{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:12px;font-weight:700}.phone-stage{position:relative;display:grid;place-items:center;min-height:560px;background:radial-gradient(circle at center,#ebe9ff 0,#f7f8fc 62%)}.phone{width:270px;background:#13151e;border-radius:38px;padding:10px;box-shadow:0 28px 80px rgba(26,28,45,.25)}.phone-screen{background:#fff;border-radius:30px;padding:35px 20px 24px;min-height:505px}.phone-island{position:absolute;width:95px;height:24px;background:#11131b;border-radius:99px;z-index:2;margin:10px 0 0 87px}.mobile-logo{font-weight:900;font-size:13px;color:#1b725c}.phone-screen>small{font-size:8px;color:#8d929c}.phone-screen h3{font-size:29px;letter-spacing:-.04em;margin:38px 0 25px}.phone-screen label{display:block;font-size:9px;font-weight:700;margin:14px 0 6px}.mobile-field{border:1px solid #e6e8ed;background:#fafbfc;padding:12px;border-radius:9px;font-size:11px;display:flex;justify-content:space-between}.phone-screen button{margin-top:20px;width:100%;border:0;border-radius:10px;background:#1b725c;color:#fff;padding:13px;font-weight:800}.phone-screen p{text-align:center;font-size:9px;color:#777d89;margin-top:15px}.phone-note{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px rgba(28,31,47,.1);border-radius:11px;padding:10px 12px;font-size:11px;font-weight:800}.note-a{left:6%;top:24%}.note-b{right:5%;bottom:25%}.pricing-shell{background:#eef0f6;padding-top:64px}.pricing-grid{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.price-proof{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.price-proof span{font-size:13px;font-weight:700;color:#555b68}.price-card{background:#fff;border:1px solid #e2e4ea;border-radius:20px;padding:30px;box-shadow:0 20px 60px rgba(31,34,54,.1)}.price-top{display:flex;justify-content:space-between;align-items:center}.price-top>span{font-weight:800}.price-top b{font-size:10px;background:#ecebff;color:#655fe7;padding:6px 8px;border-radius:99px}.amount{display:flex;align-items:flex-start;margin:30px 0 4px}.amount sup{font-size:24px;font-weight:800;margin-top:8px}.amount strong{font-size:78px;line-height:.85;letter-spacing:-.06em}.amount>div{display:flex;flex-direction:column;margin:10px 0 0 10px}.amount span{font-weight:800}.amount small,.tiny{font-size:10px;color:#9095a0}.monthly{color:#646a78;margin-bottom:22px}.price-card ul{list-style:none;padding:20px 0;margin:0;border-top:1px solid var(--line)}.price-card li{padding:8px 0;font-size:13px}.price-card li:before{content:"✓";color:#31bb7b;margin-right:9px;font-weight:900}.btn-full{width:100%}.tiny{display:block;text-align:center;margin-top:10px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:0 18px}.faq-list summary{list-style:none;display:flex;justify-content:space-between;padding:18px 0;font-weight:750;cursor:pointer}.faq-list p{color:#747987;line-height:1.65;margin:0 0 18px;font-size:14px}.faq-list a,.faq-copy a{color:#5d5cf6}.final-cta{background:linear-gradient(135deg,#4e53f5,#8b5ff6);color:#fff;padding:72px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-inner h2{font-size:44px;letter-spacing:-.04em;margin:8px 0}.cta-inner p{color:#e3e4ff}.kicker.light{color:#dedfff}.btn-white{background:#fff;color:#292d3c;padding:14px 20px}footer{background:#fff;border-top:1px solid var(--line);padding:32px 0}.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.footer-links{display:flex;gap:18px}.footer-right{justify-self:end;display:flex;gap:18px;color:#8b909d;font-size:12px}.footer-right a{color:#5d5cf6;text-decoration:none}@media(max-width:980px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.builder-wrap{max-width:720px;margin:auto}.section-head,.split-showcase,.pricing-grid,.faq-section{grid-template-columns:1fr}.template-grid,.process-grid{grid-template-columns:1fr}.template-browser{height:360px}.hero-proof{flex-wrap:wrap}.trust-inner{overflow:auto;gap:28px;justify-content:flex-start}.footer-grid{grid-template-columns:1fr;gap:20px}.footer-links{flex-wrap:wrap}.footer-right{justify-self:start}.cta-inner{align-items:flex-start;flex-direction:column}}.demo-form-shell{padding-top:0}
.demo-form-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 60px rgba(31,34,54,.08);padding:44px;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}
.demo-form-copy h2{font-size:clamp(34px,3.4vw,48px);line-height:1.05;letter-spacing:-.04em;margin:12px 0}
.demo-form-copy h2 span{background:linear-gradient(135deg,#5e5bf5,#a65cff);-webkit-background-clip:text;color:transparent}
.demo-form-copy>p{color:#747987;line-height:1.7}
.demo-form-copy a{color:#5d5cf6;font-weight:700}
.demo-form{display:grid;gap:14px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-row label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:750;color:#3c414e}
.form-row .form-full{grid-column:1/-1}
.demo-form input,.demo-form select,.demo-form textarea{border:1px solid var(--line);border-radius:10px;padding:13px 14px;font-size:14px;font-family:inherit;color:var(--ink);background:#fafbfc;width:100%}
.demo-form input:focus,.demo-form select:focus,.demo-form textarea:focus{outline:2px solid #b9b8ff;border-color:#8f8efb;background:#fff}
.demo-form textarea{resize:vertical;min-height:76px}
.form-note{margin:0}
.cta-buttons{display:flex;gap:14px;flex-wrap:wrap}
.btn-outline{border:2px solid rgba(255,255,255,.75);color:#fff;padding:13px 19px}
.btn-outline:hover{background:rgba(255,255,255,.12)}
@media(max-width:980px){.demo-form-card{grid-template-columns:1fr;padding:30px;gap:30px}}
@media(max-width:640px){.form-row{grid-template-columns:1fr}.demo-form-card{padding:24px}}
@media(max-width:640px){.container{width:min(100% - 24px,1180px)}.nav{height:68px}.hero{min-height:auto;padding:50px 0 60px;gap:44px}.hero h1{font-size:48px}.hero-copy>p{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn{width:100%}.btn-buy{font-size:15px;padding:16px 20px}.builder-caption{margin:14px 0 0}.template-browser{height:330px}.text-link{text-align:center}.builder-window{transform:none}.builder-body{grid-template-columns:1fr}.builder-sidebar{display:none}.canvas-area{padding:10px}.site-hero{grid-template-columns:1fr}.site-photo{height:180px}.site-copy h3{font-size:26px}.f1,.f2{display:none}.section{padding:78px 0}.section-head h2,.process-intro h2,.showcase-copy h2,.pricing-copy h2,.faq-copy h2{font-size:40px}.section-head{gap:10px}.split-showcase{gap:30px}.phone-stage{min-height:520px}.price-proof{grid-template-columns:1fr}.cta-inner h2{font-size:38px}.template-browser{height:320px}.builder-topbar{grid-template-columns:1fr 1fr}.project-name{display:none}.top-actions{justify-self:end}.footer-links{gap:12px}.cta-buttons{flex-direction:column;align-items:stretch}}