*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#101828;background:#fff}button,input,textarea{font:inherit}button{cursor:pointer}.nav{height:72px;display:flex;align-items:center;gap:28px;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid #eee;position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(12px);z-index:20}.logo{font-weight:900;font-size:25px;letter-spacing:-1.2px}.nav a{color:#344054;text-decoration:none;font-weight:600;font-size:14px}.push{margin-left:auto}.btn{border:1px solid #d0d5dd;background:#fff;padding:10px 16px;border-radius:10px;font-weight:750}.btn.dark{background:#101828;color:#fff;border-color:#101828}.btn.big{padding:14px 21px;font-size:16px}.hero{max-width:1180px;margin:auto;padding:95px 24px 70px;text-align:center}.pill{display:inline-block;border:1px solid #d0d5dd;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700}.hero h1{font-size:clamp(48px,7vw,84px);line-height:.98;letter-spacing:-5px;margin:24px auto;max-width:1000px}.hero p{font-size:20px;color:#667085;max-width:700px;margin:0 auto 30px;line-height:1.6}.hero-actions{display:flex;gap:10px;justify-content:center}.mock{max-width:1080px;margin:45px auto 0;border:1px solid #d0d5dd;border-radius:18px;padding:10px;background:#f9fafb;box-shadow:0 30px 70px #1018281c}.mockbar{height:42px;border-bottom:1px solid #e4e7ec;display:flex;align-items:center;gap:7px;padding:0 12px}.dot{width:9px;height:9px;border-radius:50%;background:#d0d5dd}.mockbody{height:420px;background:#fff;border-radius:0 0 12px 12px;display:grid;grid-template-columns:180px 1fr}.mockside{border-right:1px solid #eee;padding:18px;text-align:left}.sk{height:12px;background:#eaecf0;border-radius:8px;margin:10px 0}.mockcanvas{display:grid;place-items:center;padding:35px}.mockhero{text-align:center}.mockhero h2{font-size:43px;letter-spacing:-2px;margin:0 0 12px}.section{padding:90px 24px}.soft{background:#f8fafc}.inner{max-width:1180px;margin:auto}.eyebrow{font-weight:800;font-size:13px}.section h2{font-size:46px;letter-spacing:-2px;margin:10px 0 14px}.lead{color:#667085;font-size:18px;max-width:650px;line-height:1.6}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.card{border:1px solid #e4e7ec;border-radius:16px;padding:25px;background:#fff}.card h3{margin:10px 0}.icon{font-size:27px}.price{font-size:43px;font-weight:900;letter-spacing:-2px}.price small{font-size:14px;font-weight:600;color:#667085}.card ul{padding-left:20px;color:#475467;line-height:2}.footer{padding:45px 24px;border-top:1px solid #eee}.footer .inner{display:flex;justify-content:space-between;color:#667085}
.auth{min-height:100vh;background:#f8fafc;display:grid;place-items:center;padding:20px}.authbox{width:min(430px,100%);background:#fff;border:1px solid #e4e7ec;border-radius:18px;padding:32px}.authbox h1{margin-top:0}.field{margin:14px 0}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.field input,.field textarea{width:100%;border:1px solid #d0d5dd;border-radius:9px;padding:11px}.wide{width:100%}.dash{min-height:100vh;background:#f8fafc}.dashnav{height:68px;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;padding:0 28px}.dashmain{max-width:1120px;margin:auto;padding:45px 24px}.dashhead{display:flex;justify-content:space-between;align-items:center}.sites{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.sitecard{background:#fff;border:1px solid #e4e7ec;border-radius:16px;overflow:hidden}.thumb{height:150px;background:linear-gradient(145deg,#eef2f6,#fff);display:grid;place-items:center;font-weight:850;color:#98a2b3}.siteinfo{padding:18px}.siteinfo h3{margin:0 0 5px}.actions{display:flex;gap:7px;margin-top:15px}.emptydash{background:#fff;border:1px dashed #cbd5e1;border-radius:16px;padding:70px;text-align:center;margin-top:30px}
.builderTop{height:62px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid #e4e7ec;background:#fff;gap:8px}.builder{height:calc(100vh - 62px);display:grid;grid-template-columns:230px 1fr 280px}.tools,.inspect{padding:14px;background:#fff;overflow:auto}.tools{border-right:1px solid #e4e7ec}.inspect{border-left:1px solid #e4e7ec}.toolgrid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tool{padding:12px 7px;border:1px solid #e4e7ec;border-radius:9px;background:#fff;text-align:left;font-weight:700}.canvaswrap{background:#eef1f5;padding:25px;overflow:auto}.device{width:min(1050px,100%);min-height:720px;background:#fff;margin:auto;box-shadow:0 10px 30px #10182814}.device.mobile{width:390px}.canvas{padding:28px;min-height:720px}.block{padding:11px;border:1px solid transparent;border-radius:8px;margin:3px 0}.block:hover,.block.sel{border-color:#84adff}.bhero{padding:60px 25px;text-align:center;background:#f2f4f7;border-radius:14px}.bhero h1{font-size:44px;margin:0 0 10px}.sitebutton{display:inline-block;background:#101828;color:white;padding:11px 17px;border-radius:8px}.label{font-size:11px;letter-spacing:.08em;font-weight:850;color:#667085;margin:14px 0 8px}.muted{color:#667085;font-size:13px}.pagebtn{width:100%;margin-bottom:6px;text-align:left}.selectedpage{background:#101828;color:white}.sectionblock{border:1px dashed #d0d5dd;border-radius:12px;padding:30px 20px}.notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#101828;color:white;padding:10px 16px;border-radius:10px;z-index:50}
@media(max-width:800px){.nav a{display:none}.hero h1{letter-spacing:-3px}.mockbody{grid-template-columns:1fr}.mockside{display:none}.grid3,.sites{grid-template-columns:1fr}.builder{grid-template-columns:170px 1fr}.inspect{display:none}.section h2{font-size:37px}}
/* V4 landing polish + templates */
.hero{position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:#eef2ff;left:-150px;top:80px;z-index:-1;animation:orb 7s ease-in-out infinite}.hero:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#ecfdf3;right:-120px;top:230px;z-index:-1;animation:orb 8s ease-in-out infinite reverse}@keyframes orb{50%{transform:translateY(-28px) scale(1.06)}}@keyframes up{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}.hero h1,.hero p,.hero-actions,.mock{animation:up .75s ease both}.mock{animation-delay:.15s}.card,.template-card{transition:.25s ease}.card:hover,.template-card:hover{transform:translateY(-7px);box-shadow:0 18px 45px #10182818}.templates{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}.template-card{border:1px solid #e4e7ec;border-radius:18px;background:#fff;overflow:hidden}.template-preview{height:235px;padding:14px;background:#eef1f5}.mini-browser{height:100%;background:white;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #10182810}.mini-top{height:24px;border-bottom:1px solid #eee;display:flex;align-items:center;padding:0 8px;gap:4px}.mini-dot{height:5px;width:5px;border-radius:50%;background:#d0d5dd}.mini-hero{height:105px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:12px}.mini-hero b{font-size:17px}.mini-hero span{font-size:8px;color:#667085;margin:5px}.mini-btn{font-size:7px;background:#101828;color:#fff;border-radius:4px;padding:5px 8px}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px}.mini-card{height:47px;background:#f2f4f7;border-radius:5px}.template-info{padding:18px}.template-info h3{margin:0 0 5px}.template-info p{font-size:13px;color:#667085;min-height:38px}.badge{font-size:10px;font-weight:850;background:#f2f4f7;border-radius:999px;padding:5px 8px;display:inline-block;margin-bottom:9px}.pricing-detail{font-size:13px;color:#667085;border-top:1px solid #eee;padding-top:12px;margin-top:12px}.reveal{opacity:0;transform:translateY(20px);transition:.65s ease}.reveal.show{opacity:1;transform:none}
@media(max-width:800px){.templates{grid-template-columns:1fr}}
/* V5 unique template gallery */
.template-preview{height:270px;padding:12px}
.preview-site{height:100%;overflow:hidden;position:relative}
/* Cleaning — airy blue service business */
.tpl-clean{background:#f8fbff;font-family:Arial,sans-serif}
.tpl-clean .t-nav{height:32px;display:flex;align-items:center;padding:0 12px;font-size:7px;font-weight:800;color:#155eef}.tpl-clean .t-nav span{margin-left:auto;color:#475467}
.tpl-clean .t-main{display:grid;grid-template-columns:1.1fr .9fr;min-height:135px;padding:18px;background:linear-gradient(135deg,#eff8ff,#fff)}
.tpl-clean .copy{display:flex;flex-direction:column;justify-content:center}.tpl-clean h4{font-size:19px;line-height:1.05;margin:0 0 7px;color:#102a56}.tpl-clean p{font-size:7px;color:#667085;margin:0 0 9px}.tpl-clean .bubble{border-radius:55% 45% 50% 50%;background:linear-gradient(145deg,#84caff,#d1e9ff);margin:4px}
.tpl-clean .t-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:9px}.tpl-clean .t-row i{height:47px;border-radius:8px;background:#fff;border:1px solid #d1e9ff}
/* Portfolio — editorial dark */
.tpl-portfolio{background:#0b0b0c;color:#fff;font-family:Georgia,serif;padding:14px}.tpl-portfolio .t-nav{font-size:7px;letter-spacing:2px;display:flex;justify-content:space-between}.tpl-portfolio .giant{font-size:31px;line-height:.9;margin-top:29px;letter-spacing:-2px}.tpl-portfolio .sub{font:7px Arial;color:#aaa;margin-top:8px}.tpl-portfolio .works{display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:5px;margin-top:18px}.tpl-portfolio .works i{height:72px;background:linear-gradient(145deg,#555,#191919)}.tpl-portfolio .works i:nth-child(2){background:linear-gradient(145deg,#725b49,#181818)}.tpl-portfolio .works i:nth-child(3){background:linear-gradient(145deg,#3f5264,#111)}
/* Shop — playful ecommerce */
.tpl-shop{background:#fff8e8;color:#25200f;font-family:Arial}.tpl-shop .t-nav{height:34px;padding:0 10px;display:flex;align-items:center;font-size:8px;font-weight:900;border-bottom:1px solid #eadfbd}.tpl-shop .t-nav span{margin-left:auto;font-weight:500}.tpl-shop .shophero{padding:15px 12px;background:#f8d875}.tpl-shop .shophero small{font-size:6px}.tpl-shop .shophero h4{font-size:20px;margin:3px 0}.tpl-shop .products{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:10px}.tpl-shop .prod i{display:block;height:60px;background:#eadcc8;border-radius:2px}.tpl-shop .prod:nth-child(2) i{background:#d9e8d2}.tpl-shop .prod:nth-child(3) i{background:#e7cfcb}.tpl-shop .prod b{display:block;font-size:6px;margin-top:4px}
/* Restaurant — warm split menu */
.tpl-food{background:#f6efe4;color:#422b1d;font-family:Georgia,serif}.tpl-food .foodgrid{display:grid;grid-template-columns:.85fr 1.15fr;height:100%}.tpl-food .foodcopy{padding:19px 13px;display:flex;flex-direction:column;justify-content:center}.tpl-food .foodcopy small{font-size:6px;letter-spacing:1px}.tpl-food h4{font-size:22px;line-height:1;margin:7px 0}.tpl-food p{font-size:7px;line-height:1.5}.tpl-food .foodimg{background:radial-gradient(circle at 50% 45%,#d48b55 0 17%,#7f4f33 18% 26%,#ddbd8e 27% 39%,#31543a 40% 47%,#d6c0a0 48% 56%,#866044 57% 65%,#30291f 66% 100%)}
/* Consulting — corporate geometric */
.tpl-business{background:#f7f8fa;font-family:Arial;color:#101828}.tpl-business .t-nav{height:35px;background:#102a43;color:#fff;padding:0 12px;display:flex;align-items:center;font-size:7px;font-weight:800}.tpl-business .t-nav span{margin-left:auto}.tpl-business .bizhero{padding:22px 14px 15px;position:relative;overflow:hidden}.tpl-business .bizhero:after{content:"";position:absolute;width:120px;height:120px;border:18px solid #84adff;right:-30px;top:-30px;transform:rotate(25deg)}.tpl-business h4{font-size:23px;max-width:150px;margin:0 0 8px;line-height:1}.tpl-business p{font-size:7px;max-width:135px;color:#667085}.tpl-business .stats{display:grid;grid-template-columns:repeat(3,1fr);background:#102a43;color:white;margin:10px 12px;padding:12px}.tpl-business .stats b{font-size:13px}.tpl-business .stats small{display:block;font-size:5px;color:#b3c8dc}
/* Blank — wireframe canvas */
.tpl-blank{background:#f4f4f5;background-image:linear-gradient(#e4e4e7 1px,transparent 1px),linear-gradient(90deg,#e4e4e7 1px,transparent 1px);background-size:14px 14px;display:grid;place-items:center}.tpl-blank .blankbox{width:72%;height:70%;border:2px dashed #a1a1aa;background:#ffffffd9;border-radius:8px;display:grid;place-items:center;text-align:center;color:#71717a}.tpl-blank .plus{font-size:32px;font-weight:300}.tpl-blank b{display:block;font-size:10px}
/* V6 Theme + Section Engine */
.designPanel .swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.swatch{height:30px;border:2px solid #fff;box-shadow:0 0 0 1px #d0d5dd;border-radius:8px}
.themeSelect{width:100%;padding:10px;border:1px solid #d0d5dd;border-radius:8px}.range{width:100%}
.sectionblock.featuregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border:0;padding:12px 0}.featurebox{padding:22px;border:1px solid #e4e7ec;border-radius:var(--radius,12px);background:var(--surface,#fff)}
.testimonial{padding:38px;text-align:center;background:var(--soft,#f8fafc);border-radius:var(--radius,12px);font-size:20px}.statsblock{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center;padding:28px;background:var(--primary,#101828);color:#fff;border-radius:var(--radius,12px)}.statsblock b{font-size:28px;display:block}
.ctablock{padding:45px;text-align:center;border-radius:var(--radius,12px);background:var(--accent,#eef2ff)}.galleryblock{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}.galleryblock i{min-height:120px;background:var(--soft,#f2f4f7);border-radius:var(--radius,12px)}.galleryblock i:first-child{min-height:200px}
.device.themed{font-family:var(--bodyfont,Arial);color:var(--text,#101828);background:var(--bg,#fff)}.device.themed .canvas{max-width:var(--content,1050px);margin:auto}.device.themed h1,.device.themed h2{font-family:var(--headfont,Arial)}.device.themed .sitebutton{background:var(--primary,#101828);border-radius:var(--radius,8px)}.device.themed .bhero{background:var(--soft,#f2f4f7);border-radius:var(--radius,14px)}
@media(max-width:800px){.sectionblock.featuregrid,.statsblock{grid-template-columns:1fr}.galleryblock{grid-template-columns:1fr}}
/* V9 builder controls */
.block{position:relative}
.blocktools{position:absolute;right:10px;top:10px;display:flex;gap:5px;opacity:0;z-index:8;transition:.18s}
.block:hover .blocktools,.block.sel .blocktools{opacity:1}
.blocktools button{border:1px solid #d0d5dd;background:#fff;border-radius:7px;padding:5px 8px;cursor:pointer;box-shadow:0 2px 8px #10182818}
.dropzone{height:10px;margin:3px 8px;border:2px dashed transparent;border-radius:8px;font-size:0;transition:.15s}
.dropzone:hover,.dropzone.dropactive{height:38px;border-color:#7c3aed;background:#f4f0ff;color:#6941c6;font-size:12px;display:grid;place-items:center}