:root{--bg:#10120f;--panel:#171b15;--line:#30372c;--text:#f1f3e9;--muted:#9da594;--lime:#c9f36a;--font:Manrope,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font)}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{height:76px;padding:0 max(20px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#10120feF;border-bottom:1px solid #ffffff18;z-index:10;backdrop-filter:blur(16px)}.brand{font-weight:800;font-size:19px;letter-spacing:-1px;display:flex;align-items:center;gap:9px}.brand>span:last-child{color:#a3ad98;font-weight:500;margin-left:-8px}.mark{background:var(--lime);color:#10120f;border-radius:8px;width:30px;height:30px;display:grid;place-items:center;font-size:13px}.topbar nav{display:flex;gap:30px;font-size:12px;color:#aeb5a7}.topbar nav a:hover,.quiet:hover{color:var(--lime)}.nav-cta{border:1px solid #ffffff40;padding:11px 15px;border-radius:4px;font-size:11px}.menu{display:none;background:none;color:white;border:0;font-size:22px}.hero{min-height:630px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding-top:55px;padding-bottom:70px}.eyebrow{font:10px var(--mono);letter-spacing:1.5px;color:#aab49d}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 12px var(--lime)}h1{font-size:clamp(56px,7.2vw,92px);line-height:.99;letter-spacing:-6px;margin:28px 0 22px}h1 em,h2 em{font-style:normal;color:var(--lime)}h1 span{color:#777f70}.lead{max-width:420px;color:#aeb5a7;font-size:14px;line-height:1.8}.actions{display:flex;gap:25px;align-items:center;margin-top:30px}.btn{border:0;background:var(--lime);color:#14180e;padding:14px 18px;border-radius:4px;font:700 11px var(--font);cursor:pointer;display:inline-flex;gap:20px;align-items:center;transition:.2s}.btn:hover{background:#e0ff91;transform:translateY(-2px)}.quiet{font-size:11px;color:#c3cbbb}.proof{margin-top:48px;font-size:10px;color:#a5ad9b}.visual{height:430px;position:relative;display:grid;place-items:center}.orbit{position:absolute;width:450px;height:350px;border:1px solid #c9f36a28;border-radius:50%;transform:rotate(-28deg)}.browser{position:relative;width:min(390px,90%);background:#e8eadf;border-radius:9px;overflow:hidden;box-shadow:0 35px 90px #0009;transform:rotate(3deg);z-index:1}.browserbar{height:33px;background:#d9dccf;color:#687160;display:flex;justify-content:space-between;padding:0 12px;align-items:center;font:9px var(--mono)}.mock{padding:25px 28px 22px;color:#20251c;background:linear-gradient(135deg,#f1f1e8,#dce4d2)}.mocknav{display:flex;justify-content:space-between;align-items:center}.mocknav b{font-size:13px}.mocknav b span{color:#8da84d}.mocknav small{font-size:7px}.micro{display:block;margin-top:45px;font:7px var(--mono);letter-spacing:1px;color:#78806f}.mock h2{font-size:49px;line-height:.95;letter-spacing:-3px;margin:12px 0 22px}.mock h2 em{color:#8aa84c}.mockbottom{display:flex;align-items:end;justify-content:space-between}.mockimage{height:68px;width:145px;background:linear-gradient(120deg,#9dbd75,#e4c9a1);display:grid;place-items:center;font-size:32px}.mockbottom b{font:12px var(--mono);display:block}.mockbottom small{font-size:8px;color:#747d6b}.float{position:absolute;background:#20261c;border:1px solid #47513b;padding:12px 15px;border-radius:4px;font:9px var(--mono);letter-spacing:1px;z-index:2}.float.top{right:0;top:38px}.float.bottom{left:0;bottom:38px}.ticker{border-block:1px solid #ffffff19;background:#151812;padding:17px;text-align:center;color:#9ba48e;font:10px var(--mono);letter-spacing:2px}.ticker:first-letter{color:var(--lime)}.section{padding-top:115px;padding-bottom:115px}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.sectionhead h2,.about h2,.final h2{font-size:clamp(42px,5vw,62px);line-height:1.04;letter-spacing:-3px;margin:18px 0 0}.sectionhead>p{max-width:340px;font-size:12px;color:#a0a897;line-height:1.8;margin-bottom:5px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.steps article{padding:27px;min-height:235px;border-right:1px solid var(--line)}.steps article:last-child{border:0}.steps small{display:block;color:#899380;font:10px var(--mono)}.steps b{display:block;color:var(--lime);font-size:26px;margin:24px 0 16px}.steps h3{font-size:16px}.steps p{font-size:11px;line-height:1.8;color:#9da594;max-width:260px}.builder-section{background:#151812;border-block:1px solid #ffffff16;padding:100px 0}.builder-intro{text-align:center;margin-bottom:45px}.builder-intro h2{font-size:56px;line-height:1;letter-spacing:-3px;margin:18px 0}.builder-intro p{font-size:12px;color:#9da594}.builder{display:grid;grid-template-columns:230px 1fr;border:1px solid #343c30;background:#10130f;min-height:720px}.builder aside{padding:24px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column}.builder aside>small{font:9px var(--mono);letter-spacing:1px;color:#c5ceba}.progress{height:3px;background:#30372c;margin:22px 0 28px}.progress i{display:block;height:100%;width:25%;background:var(--lime);transition:.3s}.stepnav{display:grid;gap:8px}.stepnav button{background:none;border:0;color:#87907e;text-align:left;padding:13px 9px;font:11px var(--font);cursor:pointer;border-radius:3px}.stepnav button.active{background:#22291c;color:var(--lime)}.stepnav button.done{color:#c9f36a}.aside-note{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;font-size:10px;line-height:1.7;color:#9ca592}.aside-note b{color:#e0e6d8;font-weight:500}.builder-main{padding:35px 40px}.panel{display:none;animation:appear .25s ease}.panel.active{display:block}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.panel h3{font-size:38px;line-height:1.04;letter-spacing:-2px;margin:16px 0 10px}.desc{font-size:11px;color:#a1aa98;line-height:1.7;margin-bottom:24px}.templates{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.template{background:#171c15;border:1px solid #30372c;border-radius:3px;color:#e8eddf;text-align:left;padding:13px;min-height:94px;cursor:pointer;position:relative}.template.selected,.template:hover{border-color:var(--lime);background:#20271a}.template .ico{display:block;color:var(--lime);font-size:20px;margin-bottom:10px}.template b{font-size:10px;display:block}.template small{font-size:8px;color:#929b87}.template.selected:after{content:'✓';position:absolute;right:9px;top:8px;color:var(--lime)}.feature-head{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding-top:20px;margin-top:27px}.feature-head small{font:9px var(--mono);color:var(--lime)}.feature-head h4{margin:6px 0 0;font-size:15px}.feature-head>span{font:9px var(--mono);color:var(--lime)}.hint{font-size:9px;color:#87907e;margin:8px 0 14px}.features{display:grid;grid-template-columns:1fr 1fr;gap:7px}.features label{display:flex;align-items:center;gap:8px;padding:9px;background:#171c15;border:1px solid #2d3529;border-radius:3px;font-size:9px;color:#c8cebf}.features input,.consent input{accent-color:var(--lime)}.panel-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:26px;padding-top:18px;gap:10px}.panel-actions>span{font-size:9px;color:#87907e}.secondary{background:transparent;color:#dce3d2;border:1px solid #4a5541}.themes{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:25px 0}.theme{border:1px solid #343c30;background:#171c15;color:#e8eddf;text-align:left;padding:7px;cursor:pointer;border-radius:3px}.theme.selected{border-color:var(--lime)}.swatch{height:65px;display:flex;align-items:end;gap:4px;padding:8px}.swatch i{display:block;width:25%;height:70%;background:#c9f36a;border-radius:2px}.swatch i:nth-child(2){height:48%;width:43%;opacity:.65}.swatch i:nth-child(3){height:30%;width:20%;opacity:.4}.theme b{font-size:9px;display:block;margin:8px 2px 2px}.theme small{font-size:7px;color:#98a18d;margin:0 2px 3px;display:block}.midnight{background:#131b20}.clean{background:#eee}.clean i{background:#354234}.editorial{background:#e8d7c4}.editorial i{background:#6d3d2a}.playful{background:#f5b5a8}.playful i{background:#713c9d}.nature{background:#d9e2c8}.nature i{background:#31563d}.corporate{background:#d7e2ee}.corporate i{background:#1c4770}.luxury{background:#211e1a}.luxury i{background:#c6a66c}.tech{background:linear-gradient(120deg,#2b246c,#1499a9)}.tech i{background:#b8f4e8}.field{display:block;font-size:10px;color:#cbd2c2}.field input,.field select,.field textarea{display:block;width:100%;margin-top:7px;background:#171c15;border:1px solid #384032;color:#e9eddf;border-radius:3px;padding:11px;font:10px var(--font);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--lime)}.field textarea{resize:vertical}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field.full{grid-column:1/-1}.summary{background:#171c15;border:1px solid #384032;padding:15px;margin-top:22px}.summarytop{display:flex;justify-content:space-between;font:9px var(--mono);color:#aeb8a2}.summarytop button{background:none;border:0;color:var(--lime);cursor:pointer;font:9px var(--font)}#summaryContent{display:flex;gap:23px;flex-wrap:wrap;margin-top:13px;font-size:10px;color:#eef2e7}#summaryContent small{display:block;color:#899481;font:8px var(--mono);margin-bottom:4px}.consent{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:9px;color:#b6c0ab}.fineprint{font-size:9px;color:#7f8977;line-height:1.6}.success{display:none;background:#26351d;border:1px solid #627b42;color:#e0f7b9;padding:12px;font-size:10px}.success.show{display:block}.possibilities{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.possibilities article{padding:23px;min-height:190px;background:linear-gradient(140deg,#20271d,#171b15);border:1px solid #ffffff16}.possibilities article:nth-child(2){background:linear-gradient(140deg,#292038,#171b15)}.possibilities article:nth-child(3){background:linear-gradient(140deg,#1c2c3b,#171b15)}.possibilities article:nth-child(4){background:linear-gradient(140deg,#33251d,#171b15)}.possibilities article:nth-child(5){background:linear-gradient(140deg,#1c3023,#171b15)}.possibilities small{font:9px var(--mono);color:#aeb99f}.possibilities h3{margin:62px 0 8px;font-size:21px}.possibilities p{font-size:10px;color:#a5ae9a;line-height:1.7}.about{background:var(--lime);color:#17200f;padding:95px 0}.aboutinner{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about .eyebrow{color:#56673a}.about h2 em{color:#6d8840}.aboutinner>div+div{padding-top:28px}.aboutinner p{font-size:14px;line-height:1.8;color:#344326}.aboutinner b{display:block;margin-top:30px;font:10px var(--mono);letter-spacing:1px}.aboutinner b span{opacity:.55}.final{padding-top:100px;padding-bottom:100px;position:relative}.final h2{font-size:72px;margin:18px 0 28px}footer{border-top:1px solid #ffffff1a;padding:24px 0}.foot{display:flex;align-items:center;justify-content:space-between}.foot small,.foot>a:last-child{font-size:10px;color:#929b87}.foot>a:last-child{color:var(--lime)}@media(max-width:800px){.topbar nav{display:none}.menu{display:block}.nav-cta{margin-left:auto;margin-right:15px}.hero{grid-template-columns:1fr;text-align:center;padding-top:65px}.lead{margin-inline:auto}.actions,.proof{justify-content:center}.visual{height:350px}.sectionhead{display:block}.sectionhead>p{margin-top:20px}.builder{grid-template-columns:1fr}.builder aside{border-right:0;border-bottom:1px solid var(--line);padding:15px}.aside-note{display:none}.stepnav{grid-template-columns:repeat(4,1fr);gap:3px;margin-top:12px}.stepnav button{text-align:center;padding:10px 3px;font-size:9px}.builder-main{padding:25px 20px}.aboutinner{grid-template-columns:1fr;gap:10px}.aboutinner>div+div{padding:0}}@media(max-width:520px){.wrap{width:calc(100% - 30px)}.topbar{height:66px;padding:0 15px}.nav-cta{font-size:9px;padding:9px}.hero h1{font-size:57px;letter-spacing:-4px}.visual{height:300px}.browser{width:82%}.mock h2{font-size:40px}.float{font-size:7px;padding:10px}.section{padding:75px 0}.sectionhead h2,.about h2{font-size:45px}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line);min-height:190px}.steps article:last-child{border-bottom:0}.builder-section{padding:75px 0}.builder-intro h2{font-size:48px}.builder-main{padding:22px 14px}.templates{grid-template-columns:repeat(2,1fr)}.features,.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.themes{grid-template-columns:repeat(2,1fr)}.panel h3{font-size:35px}.panel-actions .btn{padding:12px;font-size:9px;gap:8px}.possibilities{grid-template-columns:1fr 1fr;gap:8px}.possibilities article{padding:14px;min-height:180px}.possibilities h3{font-size:17px;margin-top:55px}.possibilities p{font-size:9px}.final h2{font-size:60px}.foot{flex-wrap:wrap;gap:14px}.foot small{order:3;width:100%}}
/* WebSprint visual studio */
.studio-wrap{border:1px solid #384032;background:#0e110d;padding:22px;margin:30px 0 38px}.studio-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.studio-heading h3{font-size:25px;letter-spacing:-1px;margin:8px 0}.studio-heading h3 em{color:var(--lime);font-style:normal}.studio-heading p{font-size:10px;color:#9da594;margin:0}.studio-actions,.ai-tools{display:flex;gap:8px;flex-wrap:wrap}.studio-btn,.ai-tools button{background:#20271a;color:#eaf0e2;border:1px solid #48543d;padding:10px 13px;border-radius:3px;font:10px var(--font);cursor:pointer}.studio-btn:hover,.ai-tools button:hover{border-color:var(--lime);color:var(--lime)}.ai-bar{padding:15px;background:#171c15;border:1px solid #303a2b;margin-bottom:12px}.ai-label{font:10px var(--mono);color:var(--lime);margin-bottom:10px}.ai-label span{font:10px var(--font);color:#9da594;margin-left:8px}.ai-prompt{display:flex;gap:8px}.ai-prompt input{flex:1;min-width:0;background:#0e110d;border:1px solid #3b4633;color:#fff;padding:12px;font:11px var(--font)}.ai-prompt button{background:var(--lime);color:#14180e;border:0;padding:0 16px;font:700 10px var(--font);cursor:pointer}.ai-tools{align-items:center;margin-top:10px}.ai-tools button{padding:8px 10px}.ai-tools span{font-size:9px;color:#8f9a83}.ai-suggestions{font-size:10px;color:#cbd4c1;line-height:1.8;margin-top:9px}.ai-suggestions:empty{display:none}.studio-shell{border:1px solid #3a4433;background:#fff;overflow:hidden}.studio-shell #gjs{height:610px;color:#222}.gjs-one-bg{background:#151a13!important}.gjs-two-color{color:#e7eedf!important}.gjs-three-bg{background:#252d20!important}.gjs-four-color,.gjs-four-color-h:hover{color:var(--lime)!important}.gjs-pn-btn{border-radius:3px}.gjs-block{width:auto;min-height:58px;padding:8px}.gjs-block-label{font-size:10px}.gjs-cv-canvas{background:#d9ddd4}.studio-foot{display:flex;justify-content:space-between;gap:12px;padding-top:10px;color:#899481;font-size:9px}.backend-box{border:1px solid #3b4633;background:#141912;padding:15px;margin-top:5px}.backend-title{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.backend-title span{font:10px var(--mono);color:var(--lime)}.backend-title small{font-size:9px;color:#9da594}.backend-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.backend-options label{display:flex;align-items:center;gap:8px;padding:9px;background:#1b2118;border:1px solid #333d2d;color:#cbd2c2;font-size:9px}.backend-options input{accent-color:var(--lime)}.backend-box>.field{margin-top:12px}.recommendations{border-top:1px solid #384032;margin-top:14px;padding-top:12px;color:#cbd4c1;font-size:10px;line-height:1.7}.recommendations b{color:var(--lime)}.recommendations p{margin:5px 0}.recommendations ul{padding-left:17px;margin:6px 0}.success{line-height:1.7}
@media(max-width:700px){.studio-wrap{padding:12px;margin-inline:-8px}.studio-heading{display:block}.studio-actions{margin-top:12px}.studio-shell #gjs{height:520px}.ai-prompt{flex-direction:column}.ai-prompt button{padding:11px}.backend-options{grid-template-columns:1fr}.studio-foot{display:block}.studio-foot span{display:block;margin-top:5px}}

.ai-generated{margin-top:10px;padding:12px;border:1px solid #3c4a30;background:#1b2417}.ai-generated p{white-space:pre-wrap;margin:6px 0 0}

/* Studio polish and consistently sized, keyboard-accessible controls */
.studio-wrap{border-radius:22px;padding:26px;background:linear-gradient(145deg,#171f17,#0c110e 70%);box-shadow:0 25px 75px #0005}
.studio-heading{align-items:flex-start}.studio-heading h3{font-size:clamp(24px,2.5vw,33px);line-height:1.15}
.studio-heading p{font-size:12px;line-height:1.6;max-width:460px}
.studio-actions{display:grid;grid-template-columns:repeat(3,minmax(88px,1fr));gap:8px;max-width:430px;width:100%}
.studio-actions #previewBtn,.studio-actions #saveDesignBtn{grid-column:span 3}
.studio-btn,.ai-tools button,.ai-prompt button{min-height:42px;border-radius:9px;padding:10px 15px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap}
.studio-btn.is-active,.ai-tools button.is-active{border-color:var(--lime);background:#2d4123;color:var(--lime)}
.studio-actions #previewBtn{background:var(--lime);color:#182311;border-color:var(--lime);font-size:12px}
.studio-actions #previewBtn:hover{background:#e0ffa3}
.ai-bar{border-radius:14px;padding:20px;background:#1b2319;margin-bottom:18px}
.ai-label{font-size:11px;margin-bottom:14px}.ai-label span{line-height:1.6}
.ai-prompt input{border-radius:9px;min-height:46px;font-size:12px;padding:12px 15px}
.ai-prompt button{min-width:128px}.ai-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}
.ai-tools button{width:100%;white-space:normal;line-height:1.3}.ai-tools #aiStatus{grid-column:1/-1;font-size:11px;line-height:1.5;padding:7px 2px;color:#bac6b0}
.studio-shell{border-radius:12px;overflow:hidden}.studio-foot{font-size:11px;line-height:1.6;padding:14px 4px 0}
.studio-foot #designSaved{color:var(--lime);white-space:nowrap}
.studio-wrap button:focus-visible,.builder button:focus-visible,.ws-preview-dialog button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.panel-actions .btn{min-height:44px;justify-content:center;font-size:11px}
.template,.theme{border-radius:10px;transition:background .2s,border-color .2s}.template{padding:16px}.theme{padding:10px}
.features label,.backend-options label{min-height:41px;border-radius:8px;line-height:1.4;font-size:11px}
.field input,.field select,.field textarea{font-size:12px;line-height:1.5;border-radius:8px}
.ws-preview-dialog{width:min(1380px,calc(100vw - 32px));height:min(92vh,960px);max-width:none;max-height:none;padding:0;border:1px solid #475441;border-radius:16px;background:#101510;color:#f3f7ed;box-shadow:0 36px 100px #000b;overflow:hidden}
.ws-preview-dialog::backdrop{background:#020602ce;backdrop-filter:blur(9px)}
.ws-preview-toolbar{min-height:78px;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #354332}
.ws-preview-toolbar strong{display:block;font-size:15px}.ws-preview-toolbar span{display:block;margin-top:4px;font-size:11px;color:#aab8a2}
.ws-preview-controls{display:flex;gap:8px;flex-wrap:wrap}.ws-preview-controls button{background:#263125;border:1px solid #455542;color:#eff7e9;border-radius:8px;padding:10px 13px;font:600 11px var(--font);cursor:pointer}
.ws-preview-controls button:hover,.ws-preview-controls .is-active{background:#c9f36a;color:#17200f}
.ws-preview-stage{height:calc(100% - 79px);background:repeating-linear-gradient(45deg,#273026,#273026 10px,#202920 10px,#202920 20px);display:flex;align-items:stretch;justify-content:center;padding:18px;overflow:auto}
.ws-preview-stage iframe{width:100%;height:100%;min-height:450px;background:white;border:0;box-shadow:0 10px 45px #0006;transition:width .2s}
@media(max-width:950px){.studio-heading{flex-direction:column}.studio-actions{max-width:none}}
@media(max-width:700px){.studio-wrap{padding:14px;border-radius:15px}.ai-tools{grid-template-columns:1fr 1fr}.ai-tools #addSection{grid-column:1/-1}.studio-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-btn{font-size:10px;padding:8px}.ws-preview-toolbar{display:block;padding:12px}.ws-preview-controls{margin-top:12px}.ws-preview-controls button{padding:8px;font-size:10px}.ws-preview-stage{height:calc(100% - 138px);padding:8px}.ws-preview-stage iframe{min-height:400px}.ws-preview-dialog{height:90vh}.studio-foot #designSaved{white-space:normal}}

/* Legible, deliberate rhythm throughout the customer journey */
.topbar nav{font-size:13px}.nav-cta{font-size:12px;border-radius:9px}
.lead{font-size:16px}.quiet{font-size:13px}.proof{font-size:12px}
.steps p,.sectionhead>p,.builder-intro p{font-size:13px}
.steps h3{font-size:18px}.steps article{padding:32px}
.builder{border-radius:18px;overflow:hidden;box-shadow:0 24px 65px #0003}
.stepnav button{font-size:12px;padding:15px 12px;border-radius:9px}
.builder aside>small,.feature-head small{font-size:10px}
.desc{font-size:13px}.template b{font-size:12px}.template small{font-size:10px;line-height:1.5}
.hint,.panel-actions>span{font-size:11px}.theme b{font-size:11px}.theme small{font-size:9px;line-height:1.4}
.field{font-size:12px}.consent,.fineprint{font-size:11px;line-height:1.6}
.possibilities p{font-size:12px}.possibilities small{font-size:10px}
@media(max-width:520px){.stepnav button{font-size:10px;padding:11px 6px}.studio-heading h3{font-size:24px}.builder-intro h2{font-size:clamp(38px,10vw,48px)}}

/* Final review is a dedicated, immersive step in the brief */
.ws-stage-top{background:#1c271b;border:1px solid #3b5038;border-bottom:0;border-radius:14px 14px 0 0;padding:18px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.ws-stage-top strong{font:11px var(--mono);letter-spacing:.08em;color:var(--lime)}
.ws-stage-top p{margin:7px 0 0;color:#aebda6;font-size:11px;line-height:1.5}
.ws-stage-devices{display:flex;gap:6px;flex-wrap:wrap}.ws-stage-devices button{background:#293528;color:#dce8d4;border:1px solid #455a41;border-radius:8px;padding:9px 12px;font:700 11px var(--font);cursor:pointer}
.ws-stage-devices button.is-active,.ws-stage-devices button:hover{background:var(--lime);border-color:var(--lime);color:#17210e}
.ws-stage{height:570px;border:1px solid #42513d;background:repeating-linear-gradient(45deg,#283227,#283227 12px,#212a21 12px,#212a21 24px);padding:15px;display:flex;justify-content:center;overflow:auto;border-radius:0 0 14px 14px}
.ws-stage iframe{width:100%;height:100%;min-height:500px;flex-shrink:0;background:#fff;border:0;border-radius:6px;box-shadow:0 15px 40px #0008;transition:width .25s}
.ws-stage-note{color:#a9baa3;font-size:11px;line-height:1.75;margin-top:14px}
.ws-stage-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.ws-stage-actions .btn{min-height:40px}
@media(max-width:800px){.stepnav{grid-template-columns:repeat(5,minmax(0,1fr))}.stepnav button{font-size:9px;padding:10px 4px}}
@media(max-width:700px){.ws-stage-top{display:block}.ws-stage-devices{margin-top:13px}.ws-stage{height:470px;padding:8px}.ws-stage iframe{min-height:430px}.stepnav{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Make the pre-final website preview a true full-width review stage. */
.builder.preview-mode{display:block}.builder.preview-mode>aside{display:none}
.builder.preview-mode .builder-main{padding:32px clamp(16px,3vw,42px)}
.builder.preview-mode .panel[data-panel="3"]{max-width:none}
.builder.preview-mode .ws-stage{height:clamp(600px,72vh,840px);padding:22px}
.builder.preview-mode .ws-stage iframe{height:100%;min-height:560px}
.builder.preview-mode .ws-stage-top{padding:20px 24px}
@media(max-width:700px){.builder.preview-mode .builder-main{padding:20px 12px}.builder.preview-mode .ws-stage{height:560px;padding:8px}.builder.preview-mode .ws-stage iframe{min-height:500px}}

/* Clear no-code positioning tools for individual website components. */
.ws-arrange-toolbar{border:1px solid #50674b;border-radius:14px;background:linear-gradient(130deg,#1d2a1d,#172218);padding:18px 20px;margin:14px 0 18px;box-shadow:0 13px 40px #0002}
.ws-arrange-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}.ws-arrange-dot{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#c9f36a;color:#192512;font-size:18px}
.ws-arrange-heading strong{display:block;font-size:13px}.ws-arrange-heading small{display:block;color:#adc1a4;font-size:11px;margin-top:3px;line-height:1.4}
.ws-arrange-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
.ws-arrange-actions button,.ws-arrange-destination{background:#2b3b2a;color:#edf5e8;border:1px solid #597053;border-radius:9px;min-height:39px;padding:9px 13px;font:700 11px var(--font);cursor:pointer}
.ws-arrange-actions #ws-insert-dynamic{background:#e8f7d9;color:#1d4933;border:1px dashed #91c578;border-radius:18px;min-height:39px;padding:9px 12px;font:800 11px var(--font);cursor:pointer;max-width:190px}
.ws-arrange-actions #ws-insert-dynamic:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.ws-arrange-horizontal{display:inline-flex;gap:5px;align-items:stretch}
.ws-arrange-actions .ws-arrange-horizontal button{background:#263a31;border-color:#638778;color:#c8f5df}
.ws-arrange-actions .ws-arrange-horizontal button:hover{background:#355949;color:#f0fff5}
.ws-arrange-actions button:hover:not(:disabled){border-color:#c9f36a;color:#d4fa94;background:#354c30}
.ws-arrange-actions button:disabled{opacity:.4;cursor:not-allowed}
.ws-arrange-destination{display:flex;align-items:center;gap:8px;cursor:default;padding:4px 6px 4px 12px}
.ws-arrange-destination select{background:#162319;color:#f2f6ed;border:1px solid #526c4f;border-radius:6px;min-height:30px;padding:4px 7px;max-width:225px;font:11px var(--font)}
.ws-arrange-destination select:disabled{opacity:.45}
.ws-arrange-toolbar p{font-size:11px;color:#a8ba9f;line-height:1.5;margin:12px 0 0}
@media(max-width:700px){.ws-arrange-toolbar{padding:14px}.ws-arrange-actions{display:grid;grid-template-columns:1fr 1fr}.ws-arrange-actions button{white-space:normal}.ws-arrange-destination{grid-column:1/-1;justify-content:space-between}.ws-arrange-destination select{flex:1;max-width:none}}
@media(max-width:700px){.ws-arrange-actions #ws-insert-dynamic{max-width:none;width:100%;min-height:44px;grid-column:1/-1}}
@media(max-width:700px){.ws-arrange-horizontal{grid-column:1/-1}.ws-arrange-horizontal button{flex:1;min-height:44px}}
.ws-fullscreen-hint{margin:0;display:flex;align-items:center;gap:15px;padding:16px 20px;background:linear-gradient(115deg,#e9f8c8,#f7fcea);color:#27432b;border:1px solid #a5cc79;border-bottom:0;font-family:var(--font);position:relative}
.ws-fullscreen-hint .ws-hint-arrow{font-size:35px;line-height:1;color:#327a45;flex-shrink:0;animation:ws-point-down 1.8s ease-in-out infinite}
.ws-fullscreen-hint .ws-hint-copy{display:grid;gap:4px;min-width:0;flex:1}
.ws-fullscreen-hint strong{display:block;font-size:14px;letter-spacing:-.015em}
.ws-fullscreen-hint small{display:block;font-size:11px;font-weight:500;line-height:1.6;color:#536a50}
.ws-fullscreen-hint .ws-hint-open{border:0;border-radius:10px;padding:12px 15px;background:#245d42;color:#fff;font:800 11px var(--font);cursor:pointer;white-space:nowrap;min-height:44px}
.ws-fullscreen-hint .ws-hint-open:hover{background:#174a33}
@keyframes ws-point-down{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}
@media(max-width:700px){.ws-fullscreen-hint{padding:14px;gap:10px;flex-wrap:wrap}.ws-fullscreen-hint .ws-hint-copy{flex-basis:calc(100% - 50px)}.ws-fullscreen-hint .ws-hint-open{width:100%}}
@media(prefers-reduced-motion:reduce){.ws-fullscreen-hint .ws-hint-arrow{animation:none}}
.panel[data-panel="3"]:fullscreen{display:block!important;overflow:auto;min-height:100dvh;background:#122018;color:#f0f7e8;padding:22px max(16px,2vw)}
.panel[data-panel="3"]:fullscreen .ws-stage.ws-is-designing{height:calc(100dvh - 250px)!important;min-height:560px}
.panel[data-panel="3"]:fullscreen .ws-stage.ws-is-designing #gjs{height:100%!important;min-height:540px!important}
@media(max-width:750px){.panel[data-panel="3"]:fullscreen{padding:12px}.panel[data-panel="3"]:fullscreen .ws-stage.ws-is-designing{height:auto!important}.panel[data-panel="3"]:fullscreen .ws-stage.ws-is-designing #gjs{height:530px!important;min-height:490px!important}}

.ws-text-composer{border-top:1px solid #4c6146;margin-top:18px;padding-top:16px;display:grid;gap:10px}
.ws-text-composer label strong{display:block;font-size:13px;color:#eef6e6}.ws-text-composer label span{display:block;font-size:11px;color:#a8bda0;margin-top:4px;line-height:1.5}
.ws-text-composer textarea{width:100%;background:#101a12;border:1px solid #566e50;border-radius:9px;padding:13px 15px;color:#f5f8ef;font:12px/1.6 var(--font);resize:vertical;min-height:66px}
.ws-text-composer textarea:focus,.ws-text-controls select:focus{outline:2px solid #c9f36a;outline-offset:2px}
.ws-text-controls{display:grid;grid-template-columns:minmax(130px,.75fr) minmax(185px,1fr) minmax(170px,1fr);gap:9px}
.ws-text-controls select,.ws-text-controls button{min-height:42px;border:1px solid #5c7555;border-radius:9px;padding:9px 13px;font:700 11px var(--font)}
.ws-text-controls select{background:#1c2a1d;color:#e8f1e1;min-width:0}.ws-text-controls button{background:var(--lime);color:#1b2b16;border-color:var(--lime);cursor:pointer}
.ws-text-controls button:hover{background:#e2ffa6}
@media(max-width:700px){.ws-text-controls{grid-template-columns:1fr}.ws-text-controls select,.ws-text-controls button{width:100%}}

/* Quick editing embedded in the pre-final review step. */
.ws-preview-quickedit{border:1px solid #526e4b;background:linear-gradient(125deg,#203020,#152317);border-radius:16px;padding:18px 20px;margin:20px 0;box-shadow:0 12px 40px #0002}
.ws-quickedit-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}
.ws-quickedit-heading strong{font-size:15px;letter-spacing:-.02em}.ws-quickedit-heading strong span{color:var(--lime)}
.ws-quickedit-heading p{font-size:11px;line-height:1.5;color:#b1c4ac;margin:4px 0 0}
.ws-quickedit-heading button{background:#2b3e2a;color:#dff0d5;border:1px solid #657e60;border-radius:9px;padding:10px 13px;font:700 11px var(--font);cursor:pointer}
.ws-quickedit-heading button:hover{border-color:var(--lime)}
.ws-quickedit-controls{display:grid;grid-template-columns:minmax(190px,2fr) minmax(160px,1.15fr) repeat(3,minmax(90px,.85fr));gap:8px}
.ws-quickedit-controls input,.ws-quickedit-controls select,.ws-quickedit-controls button{min-width:0;min-height:43px;border-radius:9px;padding:10px 12px;font:700 11px var(--font)}
.ws-quickedit-controls input,.ws-quickedit-controls select{background:#101c13;border:1px solid #5b7754;color:#eff8ea;outline:none}
.ws-quickedit-controls input:focus,.ws-quickedit-controls select:focus{border-color:var(--lime);box-shadow:0 0 0 2px #c9f36a44}
.ws-quickedit-controls button{background:#30442d;color:#f0f9e9;border:1px solid #647d5d;cursor:pointer}
.ws-quickedit-controls #ws-preview-add-text{background:var(--lime);color:#172213;border-color:var(--lime)}
.ws-quickedit-controls button:hover{filter:brightness(1.12)}
.ws-quickedit-feedback{font-size:11px;line-height:1.5;color:#acc1a3;margin:12px 0 0}
@media(max-width:1050px){.ws-quickedit-controls{grid-template-columns:1fr 1fr 1fr}.ws-quickedit-controls input{grid-column:span 2}}
@media(max-width:700px){.ws-preview-quickedit{padding:13px}.ws-quickedit-heading{display:block}.ws-quickedit-heading button{margin-top:12px;width:100%}.ws-quickedit-controls{grid-template-columns:1fr 1fr}.ws-quickedit-controls input{grid-column:1/-1}.ws-quickedit-controls select{grid-column:1/-1}.ws-quickedit-controls #ws-preview-add-text{grid-column:1/-1}}

/* In-place WYSIWYG editing inside the pre-final preview stage */
.ws-editmode-toggle{border-radius:9px;background:var(--lime);color:#172310;border:1px solid var(--lime);font:800 11px var(--font);min-height:42px;padding:10px 17px;cursor:pointer;white-space:nowrap}
.ws-editmode-toggle.active{background:#324b2a;color:#e5ffd1;border-color:#b1e47d}
.ws-inline-design{background:#1a281c;border:1px solid #58744f;border-radius:14px;padding:18px 20px;margin:15px 0}
.ws-inline-design[hidden]{display:none}
.ws-inline-design-head{display:flex;justify-content:space-between;align-items:center;gap:16px}
.ws-inline-design-head strong{font-size:15px}.ws-inline-design-head p{font-size:11px;color:#abc1a2;margin:5px 0 0;line-height:1.5}
.ws-inline-design-head button{background:var(--lime);border:0;border-radius:9px;padding:11px 15px;color:#182511;font:800 11px var(--font);cursor:pointer}
.ws-inline-design-controls{display:grid;grid-template-columns:minmax(200px,1.8fr) repeat(2,minmax(130px,1fr)) minmax(90px,.7fr) auto;align-items:end;gap:10px;margin-top:17px}
.ws-inline-design-controls label{font-size:11px;color:#d6e4cf;display:grid;gap:7px}
.ws-inline-design-controls input,.ws-inline-design-controls select{min-height:43px;background:#0f1c12;color:#eff6e9;border:1px solid #5b7754;border-radius:8px;padding:9px 12px;font:12px var(--font);min-width:0}
.ws-inline-design-controls input[type=color]{padding:5px;width:100%;cursor:pointer}
.ws-inline-design-controls button{min-height:43px;background:#2e472b;color:#e6f7dd;border:1px solid #72976b;border-radius:9px;padding:10px 13px;font:800 11px var(--font);cursor:pointer}
.ws-inline-design-controls button:hover{background:#405b39}
.ws-inline-design>p{font-size:11px;color:#afc5a6;line-height:1.6;margin:12px 0 0}
.ws-stage.ws-is-designing{height:750px!important;padding:0!important;background:#f5f6f1;display:block;overflow:hidden}
.ws-stage.ws-is-designing>iframe{display:none}
.ws-stage.ws-is-designing #gjs{display:block;width:100%;height:745px!important;min-height:720px;color:#172018}
.ws-stage.ws-is-designing .gjs-editor{height:100%!important}
@media(max-width:1050px){.ws-inline-design-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-inline-design-controls label:first-child{grid-column:1/-1}.ws-inline-design-controls button{grid-column:1/-1}}
@media(max-width:700px){.ws-inline-design{padding:13px}.ws-inline-design-head{display:block}.ws-inline-design-head button{margin-top:12px;width:100%}.ws-inline-design-controls{grid-template-columns:1fr}.ws-inline-design-controls label:first-child,.ws-inline-design-controls button{grid-column:auto}.ws-editmode-toggle{margin-top:10px;width:100%}.ws-stage.ws-is-designing{height:660px!important}.ws-stage.ws-is-designing #gjs{height:650px!important;min-height:640px}}

/* Visual building blocks beside the live editing canvas */
.ws-stage.ws-is-designing:has(.ws-builder-palette:not([hidden])){display:grid;grid-template-columns:245px minmax(0,1fr) 235px;gap:0}
.ws-builder-palette{background:#17231a;color:#eaf1e6;border-right:1px solid #506a49;padding:20px 15px;overflow-y:auto;max-height:745px;min-width:0}
.ws-builder-palette[hidden]{display:none}
.ws-palette-head{padding:5px 6px 16px;border-bottom:1px solid #40553c}.ws-palette-head .ws-kicker{font:10px var(--mono);letter-spacing:.09em;color:var(--lime)}
.ws-palette-head h3{font-size:24px;letter-spacing:-.05em;margin:9px 0 6px}.ws-palette-head p{font-size:11px;color:#aebfa9;line-height:1.65;margin:0}
.ws-palette-field{display:grid;gap:8px;font-size:11px;font-weight:700;margin:18px 0;color:#cadcc2}
.ws-palette-field select{background:#293b2a;color:#f2f7ee;border:1px solid #587553;border-radius:9px;padding:12px 10px;min-width:0;width:100%;font:12px var(--font)}
.ws-palette-section{border-top:1px solid #40553c;padding-top:16px;margin-top:16px}.ws-palette-section>strong{display:block;font-size:12px;margin-bottom:12px}
.ws-palette-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ws-palette-tiles button{background:#263727;border:1px solid #526b4c;border-radius:11px;min-height:74px;color:var(--lime);font-size:22px;font-weight:700;cursor:pointer;display:grid;place-items:center;padding:8px}
.ws-palette-tiles button span{font:700 10px var(--font);color:#e7f2e0}.ws-palette-tiles button:hover{background:#344b2f;border-color:var(--lime)}
.ws-palette-section input[type=search]{background:#0d1a10;border:1px solid #516b4a;color:white;width:100%;border-radius:9px;padding:10px 12px;font:12px var(--font);margin-bottom:10px}
.ws-palette-features{display:grid;gap:6px;max-height:320px;overflow-y:auto}
.ws-palette-features button{background:#223323;border:1px solid #455e40;border-radius:8px;text-align:left;color:#dcebd5;padding:10px;font:600 11px/1.4 var(--font);cursor:pointer}
.ws-palette-features button:hover{background:#375233;border-color:var(--lime)}
.ws-palette-features p,.ws-palette-note{font-size:11px;color:#afc4a7;line-height:1.6}.ws-palette-note{margin-top:15px;padding-top:12px;border-top:1px solid #415a3d}
.ws-stage.ws-is-designing:has(.ws-builder-palette:not([hidden])) #gjs{width:100%;min-width:0}
.ws-stage.ws-is-designing:not(.ws-advanced-tools) .gjs-pn-views-container,.ws-stage.ws-is-designing:not(.ws-advanced-tools) .gjs-pn-views{display:none!important}
.ws-stage.ws-is-designing:not(.ws-advanced-tools) .gjs-cv-canvas{width:100%!important;right:0!important}
.ws-stage.ws-is-designing.ws-advanced-tools{grid-template-columns:225px minmax(0,1fr) 235px!important}
.ws-stage.ws-is-designing:not(.ws-advanced-tools)+.ws-inline-design .ws-inline-design-controls{display:none}
.ws-simple-inspector{background:#f9fcf8;color:#173b29;border-left:1px solid #d4e4d7;padding:18px 14px;overflow-y:auto;max-height:745px;min-width:0}
.ws-simple-inspector[hidden]{display:none!important}
.ws-simple-head{padding-bottom:15px;border-bottom:1px solid #dce8df;margin-bottom:14px}
.ws-simple-head span{font:700 10px var(--mono);color:#367c55;letter-spacing:.12em}
.ws-simple-head h3{font-size:21px;line-height:1.2;margin:8px 0}
.ws-simple-head p,.ws-simple-empty{font-size:11px;line-height:1.6;color:#678375}
.ws-simple-inspector label{display:grid;gap:6px;font-size:11px;font-weight:700;margin:12px 0;color:#31543e}
.ws-simple-inspector [hidden]{display:none!important}
.ws-simple-inspector input,.ws-simple-inspector select{width:100%;min-width:0;border:1px solid #cbdfd0;border-radius:9px;background:#fff;padding:10px;color:#173b29;font:12px var(--font)}
.ws-simple-inspector input[type=color]{height:39px;padding:4px;cursor:pointer}
.ws-simple-inspector input:disabled{opacity:.45}
.ws-simple-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ws-simple-inspector button{width:100%;border:1px solid #c9ddce;background:#eaf4ec;border-radius:9px;padding:11px;color:#245638;font:700 11px var(--font);cursor:pointer}
.ws-simple-inspector #ws-simple-apply{background:#286a4a;color:#fff;border-color:#286a4a;margin-top:13px}
.ws-simple-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
.ws-simple-inspector #ws-simple-delete{color:#a43b40;background:#fff0f0;border-color:#f1c9cb}
.ws-simple-inspector #ws-advanced-toggle{margin-top:16px;background:#f8faf7;border-style:dashed}
.ws-simple-inspector #ws-simple-status{font-size:11px;color:#2f764e;line-height:1.5}
@media(max-width:900px){.ws-stage.ws-is-designing:has(.ws-builder-palette:not([hidden])){grid-template-columns:210px minmax(0,1fr) 210px}.ws-simple-inspector{padding:12px 9px}}
@media(max-width:750px){.ws-stage.ws-is-designing:has(.ws-builder-palette:not([hidden])){grid-template-columns:1fr;grid-template-rows:190px minmax(0,1fr) 280px;height:1110px!important}.ws-builder-palette{max-height:190px;overflow:auto;border-right:0;border-bottom:1px solid #506a49}.ws-palette-head{padding-bottom:8px}.ws-palette-head p{display:none}.ws-palette-section{margin-top:10px;padding-top:10px}.ws-palette-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.ws-palette-tiles button{min-height:55px;font-size:16px}.ws-palette-tiles button span{font-size:9px}.ws-stage.ws-is-designing #gjs{height:635px!important;min-height:620px}.ws-simple-inspector{max-height:280px;border-left:0;border-top:1px solid #d4e4d7}}
.ws-dropdown-settings{margin:16px 0 0;padding:20px;border-radius:17px;border:1px solid #dce9e0;background:linear-gradient(135deg,#f7fcf8,#fff);color:#193a2b;box-shadow:0 14px 36px rgba(20,55,37,.07)}
.ws-dropdown-settings[hidden]{display:none!important}
.ws-dropdown-head{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:16px}
.ws-dropdown-head strong{font-size:17px;display:block}
.ws-dropdown-head small,.ws-dd-heading small{display:block;color:#6e8577;font-size:12px;line-height:1.6;margin-top:3px}
.ws-dropdown-head>button,.ws-dd-row button{border:0;border-radius:9px;background:#e9f2eb;color:#254b35;cursor:pointer;font-size:20px;min-width:34px;height:34px}
.ws-dd-field{display:grid;gap:7px;font-size:12px;font-weight:700;margin-bottom:15px}
.ws-dd-field input,.ws-dd-row input{width:100%;min-width:0;padding:11px 12px;background:#fff;border:1px solid #cdded3;border-radius:9px;font:inherit;font-size:13px;color:#163b29}
.ws-dd-heading{margin:0 0 10px}
.ws-dd-heading strong{font-size:13px}
.ws-dd-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(120px,1.25fr) 34px;gap:8px;align-items:center;margin-bottom:8px}
.ws-dd-add{padding:10px 14px;border:1px dashed #80a894;background:#f3f9f4;border-radius:10px;color:#28684e;font-weight:700;cursor:pointer}
.ws-dd-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}
.ws-dd-actions>button{padding:12px 17px;border:0;border-radius:10px;background:#245a42;color:white;font-weight:700;cursor:pointer}
.ws-dd-actions span{font-size:12px;color:#327452}
@media(max-width:580px){.ws-dd-row{grid-template-columns:1fr 34px}.ws-dd-row input:nth-child(2){grid-column:1;grid-row:2}.ws-dd-row button{grid-column:2;grid-row:1 / 3}}

/* Mobile-first touch pass: desktop grid and editor dimensions remain unchanged. */
@media(max-width:750px){
  html,body{max-width:100%;overflow-x:clip}
  .wrap{width:calc(100% - 28px)}
  .topbar{padding-inline:15px;gap:10px;min-height:66px;height:auto}
  .topbar .brand{font-size:17px;white-space:nowrap}
  .topbar .nav-cta{font-size:10px;padding:10px 11px;white-space:nowrap}
  .hero,.builder-section,.about,.final{overflow-wrap:anywhere}
  .hero{padding-bottom:50px}
  .hero h1{font-size:clamp(41px,11vw,66px);line-height:1.04;letter-spacing:-.055em}
  .hero .lead{max-width:100%}
  .browser{max-width:100%;transform:none}
  .builder,.builder-main,.panel,.studio-wrap{min-width:0}
  .builder-main{padding:22px 13px}
  .stepnav{gap:6px}
  .stepnav button{min-height:42px;line-height:1.3}
  .ws-stage-devices button,.ws-stage-actions button{min-height:44px}
  .ws-stage.ws-is-designing:has(.ws-builder-palette:not([hidden])),
  .ws-stage.ws-is-designing.ws-advanced-tools:has(.ws-builder-palette:not([hidden])){
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto minmax(490px,auto) auto!important;
    height:auto!important;overflow:visible!important;border-radius:0 0 14px 14px
  }
  .ws-stage.ws-is-designing .ws-builder-palette{
    width:100%;max-height:430px;overflow-y:auto;overscroll-behavior:contain;
    padding:15px;border:0;border-bottom:1px solid #506a49
  }
  .ws-stage.ws-is-designing .ws-builder-palette .ws-palette-head p{display:block}
  .ws-stage.ws-is-designing .ws-builder-palette .ws-palette-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ws-stage.ws-is-designing #gjs{
    width:100%!important;min-width:0!important;height:530px!important;min-height:490px!important;
    border-bottom:1px solid #d3dfd4
  }
  .ws-stage.ws-is-designing .ws-simple-inspector{
    width:100%;max-height:none;overflow:visible;padding:18px 15px 20px;
    border:0;border-top:1px solid #d4e4d7
  }
  .ws-simple-inspector input,.ws-simple-inspector select,.ws-simple-inspector button{min-height:44px;font-size:14px}
  .ws-palette-tiles button,.ws-palette-features button{min-height:48px;touch-action:manipulation}
  .ws-preview-dialog{width:calc(100vw - 12px);height:calc(100dvh - 12px);border-radius:10px}
  .ws-preview-toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}
  .ws-preview-controls{width:100%}
  .ws-preview-controls button{min-height:42px}
  .ws-preview-stage{height:calc(100% - 165px);overflow:auto}
  .ws-preview-stage iframe{min-width:0}
}
@media(max-width:420px){
  .wrap{width:calc(100% - 24px)}
  .hero h1{font-size:clamp(38px,10.5vw,52px)}
  .topbar .nav-cta{padding:9px 8px}
  .ws-stage.ws-is-designing .ws-builder-palette .ws-palette-tiles button{font-size:14px;padding:5px;min-height:50px}
  .ws-stage.ws-is-designing .ws-builder-palette .ws-palette-tiles button span{font-size:9px}
  .ws-stage.ws-is-designing #gjs{height:500px!important;min-height:480px!important}
  .ws-simple-split{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ws-stage-actions{display:grid;grid-template-columns:minmax(0,1fr)}
  .ws-stage-actions .btn{width:100%}
}
.ws-dynamic-tags p{margin:8px 0 12px;color:#acc4aa;font-size:11px;line-height:1.55}
.ws-dynamic-tag-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.ws-dynamic-tag-list button{min-width:0;min-height:43px;padding:9px 8px;text-align:left;border:1px solid #668260;border-radius:9px;background:#2a412d;color:#e1f3d9;font:700 10px/1.35 var(--font);cursor:pointer}
.ws-dynamic-tag-list button:hover,.ws-dynamic-tag-list button:focus-visible{border-color:var(--lime);background:#3b593a}
@media(max-width:700px){
  .builder.preview-mode .ws-stage:not(.ws-is-designing){height:min(68dvh,620px);min-height:390px;overflow:auto;justify-content:center;padding:8px}
  .builder.preview-mode .ws-stage:not(.ws-is-designing) iframe{width:100%;max-width:100%;height:100%;min-height:370px;flex-shrink:1}
  .ws-stage.ws-is-designing .gjs-cv-canvas{max-width:100%!important}
  .ws-stage.ws-is-designing .gjs-frame-wrapper{max-width:100%;overflow:hidden}
  .ws-stage.ws-is-designing .ws-palette-tiles button{touch-action:manipulation}
  .ws-dynamic-tag-list button{min-height:46px;font-size:11px}
}
.ws-pages-manager,.ws-palette-move{background:#203225;border:1px solid #395641;border-radius:12px;padding:14px!important;margin-top:14px!important}
.ws-pages-manager p,.ws-palette-move p{color:#b0c8b4;font-size:11px;line-height:1.55;margin:7px 0 11px}
.ws-pages-manager label,.ws-palette-move label{display:grid;gap:7px;color:#d9ecdb;font-size:11px;margin-top:10px}
.ws-pages-manager select,.ws-pages-manager input,.ws-palette-move select{width:100%;min-width:0;padding:11px 10px;color:#edf8ef;background:#111f17;border:1px solid #59715d;border-radius:8px;font:12px var(--font)}
.ws-add-page{display:grid;gap:8px;margin:10px 0}
.ws-pages-manager button,.ws-palette-move button{border:1px solid #668769;background:#2c4c35;color:#f1fff1;font:700 11px var(--font);padding:10px 11px;border-radius:8px;cursor:pointer}
.ws-pages-manager button:hover,.ws-palette-move button:hover{background:#446c4d}
.ws-pages-manager #ws-page-add{background:var(--lime);color:#1b2b17;border-color:var(--lime)}
.ws-palette-move-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.ws-pages-manager #ws-page-tip{color:#c7e9b7;margin-bottom:0}
.ws-visual-settings{background:#203225;border:1px solid #395641;border-radius:12px;padding:14px!important;margin-top:14px!important}
.ws-visual-settings>p,.ws-visual-settings #ws-visual-status{font-size:11px;line-height:1.6;color:#b9d0bd;margin:8px 0}
.ws-visual-settings label{display:grid;gap:6px;font-size:11px;color:#e0efe2}
.ws-visual-settings select,.ws-visual-settings input{width:100%;min-width:0;border:1px solid #5b795f;border-radius:8px;background:#122117;color:#f0f8ef;padding:10px;font:12px var(--font)}
.ws-visual-settings>label{margin:12px 0}
.ws-measure-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11px 9px}
.ws-visual-settings button{width:100%;background:var(--lime);color:#1c2919;border:0;border-radius:8px;padding:12px;margin-top:14px;font:800 11px var(--font);cursor:pointer}
.ws-visual-settings button:hover{filter:brightness(1.08)}
.ws-simple-placement{border-top:1px solid #d9e6dc;margin-top:14px;padding-top:14px}
.ws-simple-placement strong{font-size:12px;color:#2d5940}
.ws-simple-placement p{font-size:11px;line-height:1.5;color:#6a8472;margin:5px 0 9px}
.ws-simple-placement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.ws-simple-placement-grid button{padding:10px 3px;font-size:10px}
.hero h1{font-size:clamp(47px,6.8vw,84px);line-height:1.04;letter-spacing:-.065em}
.hero h1 span{font-size:.8em;color:#d1dac4}
.hero .lead{font-size:14px;max-width:510px;color:#c4cdbb}
.hero .eyebrow{color:var(--lime)}
.hero-trust{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:30px;color:#b6c4aa;font-size:11px}
.ws-palette-align{margin:10px 0}
.ws-palette-align>span{font-size:11px;color:#dcebd5;display:block;margin-bottom:7px}
.ws-palette-align>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.ws-palette-align button{min-width:0;padding:9px 2px;font-size:10px}
.ws-precision-move{margin:16px 0;padding:15px 12px;border-radius:14px;background:linear-gradient(160deg,#e5f5e9,#f5f8f2);border:1px solid #b9d9c3;box-shadow:0 7px 22px #1c4d2b10}
.ws-precision-title strong{display:block;font-size:13px;color:#214b32}
.ws-precision-title small{display:block;color:#5d806b;font-size:10px;line-height:1.6;margin-top:4px}
.ws-precision-move #ws-grab-move{background:#275e44;color:white;border-color:#275e44;margin:12px 0 8px;font-size:11px;padding:12px 7px}
.ws-move-sensitivity{display:grid;gap:10px;margin:10px 0 14px;padding:12px;background:#fff;border:1px solid #d0e3d4;border-radius:11px}
.ws-move-sensitivity label{display:grid!important;gap:5px!important;color:#315c42!important;font-size:11px!important;font-weight:700!important}
.ws-move-sensitivity output{float:right;color:#2b7753;font-variant-numeric:tabular-nums}
.ws-move-sensitivity input[type=range]{width:100%;min-height:24px;padding:0;border:0;accent-color:#37865c;touch-action:pan-y}
.ws-move-sensitivity small{font-size:10px;line-height:1.5;color:#6b8270}
.ws-stage.ws-grab-active #gjs{cursor:grab}
.ws-stage.ws-grab-active .gjs-cv-canvas{cursor:grab!important}
.ws-free-move-tip{display:inline-flex;align-items:center;max-width:560px;padding:8px 11px;border-radius:10px;background:#e8f8d4;color:#244c31;font-size:11px;font-weight:700;line-height:1.4;border:1px solid #b9e59b}
.ws-free-move-tip[hidden]{display:none!important}
.ws-nudge-pad{display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,37px);justify-content:center;gap:5px;margin:12px 0}
.ws-nudge-pad button{padding:0!important;background:white!important;color:#2d5d42!important;border:1px solid #b7d1bf!important;box-shadow:0 2px 5px #20472e1b;font-size:19px!important}
.ws-nudge-pad button:hover{background:#d8eedc!important}
.ws-nudge-pad #ws-move-reset{font-size:20px!important;background:#c9f36a!important}
.ws-precision-coordinates{display:grid;gap:4px}
.ws-precision-coordinates label{margin:6px 0!important;color:#355943!important}
.ws-precision-coordinates input[type=range]{padding:0;border:0;background:transparent;accent-color:#37865c;cursor:ew-resize}
.ws-precision-move #ws-move-position{text-align:center;margin:9px 0 0;color:#396c4c;font:700 10px var(--mono)}