:root{--night:#091927;--night2:#122638;--ice:#e8f9f8;--lime:#d2f183;--aqua:#99e2d7;--ink:#13202a;--muted:#687580;--paper:#f6f7f4;--hair:#e5e8e5;--font:'Manrope','DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}body.has-modal{overflow:hidden}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button:focus-visible{outline-color:#78bfb1}h1,h2,h3,p{margin-top:0}button{border:0}.global-nav{position:sticky;top:0;z-index:40;background:#091927f5;backdrop-filter:blur(22px);border-bottom:1px solid #ffffff18}.nav-shell{min-height:79px;width:min(1410px,calc(100% - 100px));margin:auto;display:flex;align-items:center;gap:42px}.wordmark{display:inline-flex;align-items:center;gap:13px;white-space:nowrap;color:white}.emblem{width:36px;height:36px;display:grid;place-items:center;border:1px solid #7bd3c8aa;border-radius:10px;font-size:26px;font-weight:900;letter-spacing:-3px;padding-right:4px;position:relative;color:#c3f9eb;background:#1d3d4a}.emblem span{position:absolute;right:-3px;top:-5px;font-size:10px;letter-spacing:0;color:var(--lime)}.logotype{font-size:15px;font-weight:800;letter-spacing:2.2px}.logotype small{display:block;font-size:9px;letter-spacing:3.8px;color:#92b8bf;margin-top:4px}.nav-menu{display:flex;align-items:center;gap:32px;margin-left:auto}.nav-menu a{font-size:12px;color:#b6c9ce;font-weight:700;transition:color .2s}.nav-menu a:hover{color:#fff}.nav-cta{display:flex;align-items:center;gap:23px}.nav-editor{font-size:12px;font-weight:750;color:#edf7f8;white-space:nowrap}.nav-editor span{font-size:16px;padding-left:7px;color:#86d5cf}.nav-button{background:var(--lime);padding:14px 18px;border-radius:9px;color:#193423;font-weight:800;font-size:12px;white-space:nowrap;transition:transform .2s,background .2s}.nav-button:hover,.large-primary:hover,.last-cta-button:hover{transform:translateY(-3px);background:#e0ffa0}.nav-button span{margin-left:15px;font-size:17px}.hamburger{display:none;color:white;font-size:25px;background:transparent}.masthead{background:linear-gradient(145deg,#091927 0%,#102637 70%,#112839 100%);position:relative;overflow:hidden;color:#fff}.masthead:before{content:'';position:absolute;width:800px;height:800px;border:1px solid #a9e5dd1c;border-radius:50%;top:-380px;right:-300px;pointer-events:none}.masthead:after{content:'';position:absolute;width:950px;height:950px;border:1px solid #a9e5dd10;border-radius:50%;top:-450px;right:-365px;pointer-events:none}.hero-grid{position:relative;z-index:1;width:min(1410px,calc(100% - 100px));margin:auto;min-height:700px;display:grid;grid-template-columns:.98fr 1.02fr;gap:58px;align-items:center;padding:74px 0 92px}.hero-text{padding-top:15px}.pill{display:inline-flex;align-items:center;gap:13px;border-radius:100px;border:1px solid #ffffff2e;background:#ffffff0a;padding:9px 14px;color:#d1e5e8;font-size:9px;letter-spacing:1.6px;font-weight:850;margin-bottom:35px}.pulse{width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px #c4ed8025}.pill-line{width:14px;height:1px;background:#789aa0}.hero-text h1{font-size:clamp(56px,5.45vw,84px);font-weight:750;letter-spacing:-5px;line-height:1.065;max-width:740px;margin:0 0 28px}.hero-text h1 em,.section-heading em,.design-heading em,.steps-heading em,.pricing-top em,.faq-intro em,.last-cta em{font-weight:550;font-style:normal;color:var(--aqua)}.hero-text>p{max-width:565px;font-size:15px;line-height:2;color:#bdd1d5;margin-bottom:36px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.large-primary,.large-secondary{padding:18px 24px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:35px;font-size:13px;font-weight:850;min-height:57px;transition:transform .2s,background .2s}.large-primary{background:var(--lime);color:#203a29}.large-secondary{background:#ffffff10;border:1px solid #ffffff30;color:#e5f3f4}.large-secondary:hover{background:#ffffff25}.large-primary span,.large-secondary span{font-size:19px}.trust-metrics{display:flex;align-items:center;gap:26px;margin-top:65px}.trust-metrics>div{display:flex;flex-direction:column;gap:5px}.trust-metrics strong{font-size:26px;letter-spacing:-.5px;color:#fff}.trust-metrics span{font-size:11px;color:#a8bec5}.trust-metrics i{width:1px;height:32px;background:#ffffff22}.hero-visual{height:540px;position:relative;display:flex;align-items:center;justify-content:center}.halo{position:absolute;inset:4% 4% 4% 2%;border-radius:50%;background:radial-gradient(circle at 45% 50%,#4ebfc44d,transparent 60%);filter:blur(23px)}.browser-mock{width:95%;position:relative;transform:perspective(1600px) rotateY(-8deg) rotateX(3deg) rotateZ(1deg);background:#edf4ee;border-radius:17px;border:1px solid #ffffff29;overflow:hidden;box-shadow:0 35px 100px #000a,0 0 90px #81f0da28}.mock-head{height:43px;display:flex;gap:15px;align-items:center;padding:0 18px;background:#eaf0ed;color:#62767a;font-size:10px;justify-content:space-between}.mock-dots{display:flex;gap:6px}.mock-dots b{width:7px;height:7px;border-radius:50%;background:#bbc6c2}.mock-dots b:nth-child(1){background:#ec9b93}.mock-dots b:nth-child(2){background:#f1cf82}.mock-dots b:nth-child(3){background:#a1cea8}.browser-mock img{width:100%;height:auto;min-height:360px;object-fit:cover;object-position:top}.float-card{display:flex;align-items:center;gap:11px;position:absolute;z-index:2;background:#fff;color:var(--ink);padding:14px 20px;border-radius:11px;box-shadow:0 18px 45px #0006;font-size:13px}.float-icon{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;color:#25566b;background:#d4f0f5;font-size:18px}.float-icon.green{background:#e7f7cc;color:#47632c}.float-card b,.float-card small{display:block}.float-card b{font-size:12px}.float-card small{font-size:10px;color:#7f8c8e;margin-top:3px}.little-top{top:37px;right:-2px;transform:rotate(4deg)}.little-bottom{bottom:34px;left:-15px;transform:rotate(-5deg)}.hero-backdrop-word{position:absolute;bottom:-80px;right:-20px;font-size:115px;font-weight:900;letter-spacing:-11px;color:#ffffff04;pointer-events:none}.hero-base{border-top:1px solid #ffffff1c;height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 max(50px,calc((100vw - 1410px)/2));font-size:10px;letter-spacing:1.9px;font-weight:750;color:#9cbec6}.hero-base span:last-child{letter-spacing:.5px;color:#d2e4e5}.intro-strip{background:#fbfcf9;padding:110px max(50px,calc((100vw - 1410px)/2)) 115px}.section-heading{max-width:730px;margin:auto;text-align:center}.overline{display:inline-block;font-size:10px;letter-spacing:2.5px;font-weight:850;color:#80d1d1;margin-bottom:23px}.overline.dark{color:#358379}.section-heading h2,.design-heading h2,.steps-heading h2,.pricing-top h2,.faq-intro h2,.last-cta h2{font-size:clamp(37px,4.5vw,62px);letter-spacing:-2.7px;line-height:1.15;font-weight:750;margin:0 0 20px}.section-heading h2 em,.pricing-top h2 em{color:#45998c}.section-heading p{color:#728087;font-size:14px;line-height:1.9;max-width:590px;margin:auto}.feature-row{max-width:1410px;margin:75px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--hair);border-radius:17px;background:#fff;overflow:hidden}.feature-blurb{padding:36px 34px;border-right:1px solid var(--hair)}.feature-blurb:last-child{border-right:0}.feature-icon{height:49px;width:49px;border-radius:13px;display:grid;place-items:center;background:#eaf5f3;color:#3c8b83;font-size:24px;margin-bottom:26px}.feature-blurb b{display:block;font-size:15px;margin-bottom:11px}.feature-blurb p{font-size:12px;line-height:1.8;color:#76828a;margin:0}.design-section{background:#102332;color:white;padding:110px max(50px,calc((100vw - 1410px)/2)) 105px;scroll-margin-top:78px}.design-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.design-heading h2{margin-bottom:15px}.design-heading h2 em{color:var(--aqua)}.design-heading p{color:#a8c2c8;max-width:610px;line-height:1.85;font-size:14px;margin:0}.count-chip{border:1px solid #ffffff25;border-radius:8px;color:#afc7cb;padding:11px 14px;white-space:nowrap;font-size:11px;margin-bottom:7px}.count-chip b{color:white;font-size:14px;margin:0 4px 0 5px}.count-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime)}.filter-bar{display:flex;gap:9px;flex-wrap:wrap;border-bottom:1px solid #ffffff25;padding-bottom:31px;margin-bottom:32px}.filter{color:#b0c3c8;background:transparent;border:1px solid #ffffff30;border-radius:6px;padding:11px 17px;font-size:11px;font-weight:800;transition:.18s}.filter:hover{border-color:#b0e6d4;color:#fff}.filter.active{background:var(--lime);color:#203421;border-color:var(--lime)}.filter span{opacity:.6;margin-left:8px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.design-card{background:#1a3140;border:1px solid #ffffff16;border-radius:13px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s;min-width:0}.design-card:hover{transform:translateY(-5px);border-color:#83bdb9aa;box-shadow:0 18px 45px #07111d70}.design-card[hidden]{display:none}.design-shot{position:relative;background:#e3e9e4;overflow:hidden;aspect-ratio:670/440}.design-shot img{height:100%;width:100%;object-fit:cover;object-position:top;transition:transform .35s}.design-card:hover .design-shot img{transform:scale(1.035)}.preview-on{position:absolute;left:50%;top:50%;transform:translate(-50%,-35%);opacity:0;transition:.22s;white-space:nowrap;padding:13px 18px;background:#fbfefa;color:#143028;border-radius:8px;font-size:12px;font-weight:800;box-shadow:0 4px 24px #0919274d}.design-card:hover .preview-on,.preview-on:focus-visible{opacity:1;transform:translate(-50%,-50%)}.design-info{padding:24px 24px 22px}.design-category{font-weight:900;letter-spacing:1.8px;font-size:9px;color:#9dd8cb;text-transform:uppercase}.design-info h3{font-size:19px;letter-spacing:-.6px;margin:10px 0 7px}.design-info p{color:#aabec2;font-size:12px;line-height:1.6;margin:0;min-height:39px}.design-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:23px;padding-top:17px;border-top:1px solid #ffffff1c}.btn-minor{background:transparent;color:#cededf;font-size:11px;font-weight:750;padding:11px 0}.btn-minor:hover{color:white}.btn-use{background:#d5f398;color:#193529;border-radius:7px;padding:12px 14px;font-size:11px;font-weight:850;white-space:nowrap;transition:background .2s}.btn-use:hover{background:#e6ffbb}.btn-use span{padding-left:9px}.gallery-foot{display:flex;align-items:center;justify-content:center;gap:20px;border-top:1px solid #ffffff21;margin-top:62px;padding-top:38px;font-size:12px;color:#9db8be}.gallery-foot a{font-weight:850;color:#e2f7ef;text-decoration:underline;text-underline-offset:5px}.steps-section{background:#f6f7f4;padding:105px max(50px,calc((100vw - 1410px)/2)) 112px}.steps-heading{text-align:center;margin-bottom:53px}.steps-heading .overline{color:#378778}.steps-heading h2 em{color:#438d80}.step-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.step-cards article{position:relative;border:1px solid #e2e6e3;background:white;padding:33px 35px 38px;border-radius:12px}.step-number{display:inline-block;color:#5b9790;font-size:13px;font-weight:850;letter-spacing:3px}.step-graphic{height:114px;display:flex;align-items:center;justify-content:center;font-size:57px;color:#388e83;position:relative;background:linear-gradient(135deg,#f0f8f3,#eef3f1);border-radius:11px;margin:23px 0 28px}.step-graphic>span{position:absolute;top:18px;right:29%;font-size:24px;color:#d7a356}.step-cards h3{font-size:19px;margin:0 0 12px}.step-cards p{font-size:12px;color:#7c8789;line-height:1.9;margin:0}.pricing-section{background:#fff;padding:115px max(50px,calc((100vw - 1410px)/2)) 115px;scroll-margin-top:90px}.pricing-top{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:48px}.pricing-top h2{max-width:600px}.pricing-top p{font-size:13px;line-height:1.9;color:#6c7a7f;max-width:690px;margin:0}.pricing-top p strong{color:#315f59}.pricing-state{white-space:nowrap;border:1px solid #cae5d9;background:#eff9f3;color:#3e806c;padding:13px 18px;border-radius:12px;font-size:12px;font-weight:800;margin-bottom:11px}.status-light{display:inline-block;width:8px;height:8px;border-radius:50%;background:#5eb98a;margin-right:9px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.price-card{border:1px solid #e0e5e2;background:#fafbf9;border-radius:13px;padding:32px;min-width:0}.price-card.active-card{border:2px solid #a4d3ba;box-shadow:0 18px 55px #548c7d18;background:#f7fcf8;padding:31px}.plan-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px;gap:9px}.plan-emoji{font-size:28px;color:#3c8f81}.plan-badge{font-size:9px;letter-spacing:1px;background:#d9f3df;padding:8px 10px;border-radius:5px;font-weight:900;color:#378263;white-space:nowrap}.plan-badge.muted{background:#e9eeec;color:#637d74}.price-card h3{font-size:25px;letter-spacing:-1px;margin-bottom:10px}.price-card>p{font-size:12px;color:#788587;line-height:1.75;min-height:43px;max-width:285px}.price-tag{font-size:40px;letter-spacing:-2.5px;font-weight:850;margin:22px 0 25px;white-space:nowrap}.price-tag span{font-size:11px;color:#8a9494;letter-spacing:0;font-weight:600;white-space:normal}.price-cta{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:14px 18px;border-radius:8px;font-size:12px;font-weight:850}.price-current{background:#183d37;color:white;transition:background .2s}.price-current:hover{background:#24574b}.price-later{background:#e9eeea;color:#668077;cursor:default}.price-card ul{list-style:none;margin:25px 0;padding:0;display:grid;gap:17px}.price-card li{position:relative;padding-left:25px;font-size:12px;color:#4d6260;line-height:1.55}.price-card li:before{content:'✓';position:absolute;left:0;top:0;font-weight:900;color:#3c998a}.price-card li em{font-style:normal;font-size:10px;color:#a18852}.price-card small{display:block;font-size:10px;line-height:1.8;color:#818e8f;border-top:1px solid #dde7e1;padding-top:19px}.prices-disclaimer{margin:26px 0 0;text-align:center;color:#84908b;font-size:10px;line-height:1.6}.faq-section{background:#f6f8f5;padding:110px max(50px,calc((100vw - 1410px)/2)) 120px;display:grid;grid-template-columns:.8fr 1.2fr;gap:95px;scroll-margin-top:90px}.faq-intro .overline{color:#428a7b}.faq-intro h2 em{color:#46998d}.faq-intro p{max-width:280px;font-size:13px;line-height:1.9;color:#8a9493}.faq-intro>a{display:inline-block;font-weight:850;font-size:12px;color:#327f73;margin-top:20px;text-decoration:underline;text-underline-offset:7px}.faq-stack{border-top:1px solid #dbe3df}.faq-stack details{border-bottom:1px solid #dbe3df;padding:24px 0}.faq-stack summary{list-style:none;cursor:pointer;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:15px}.faq-stack summary::-webkit-details-marker{display:none}.faq-stack summary span{font-size:23px;font-weight:400;color:#429389}.faq-stack details[open] summary span{transform:rotate(45deg)}.faq-stack details p{font-size:12px;color:#71817d;line-height:1.9;max-width:600px;margin:17px 30px 0 0}.last-cta{background:#112d32;color:white;padding:110px 25px 120px;position:relative;overflow:hidden}.last-cta-inner{position:relative;max-width:790px;margin:auto;text-align:center;z-index:1}.last-cta h2{font-size:clamp(42px,5.4vw,73px);letter-spacing:-3.4px}.last-cta p{color:#b4d1ce;font-size:14px;line-height:1.7;margin-bottom:30px}.last-cta-button{display:inline-flex;gap:80px;align-items:center;padding:18px 23px;border-radius:9px;background:var(--lime);font-size:13px;font-weight:850;color:#233b29;transition:transform .2s,background .2s}.last-watermark{position:absolute;z-index:-1;font-size:530px;top:-195px;left:50%;transform:translateX(-50%);font-weight:900;color:#ffffff09;pointer-events:none}.site-footer{background:#091927;padding:75px max(50px,calc((100vw - 1410px)/2)) 30px;color:white;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.footer-brand .emblem{width:31px;height:31px;font-size:21px}.footer-brand .logotype{font-size:13px}.site-footer p{font-size:12px;color:#a1b7bd;margin:21px 0 0}.site-footer p.footer-disclose{font-size:10px;margin-top:30px;color:#73909a}.footer-cols{display:flex;justify-content:flex-end;gap:90px}.footer-cols>div{display:flex;flex-direction:column;gap:17px}.footer-cols b{font-size:10px;letter-spacing:1.8px;color:#82b9b9;margin-bottom:8px}.footer-cols a{font-size:12px;color:#acbfc6}.footer-cols a:hover{color:#fff}.footer-bottom{grid-column:1 / -1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff22;color:#79949e;margin-top:66px;padding-top:25px;font-size:10px}.preview-overlay{position:fixed;inset:0;background:#020b12e8;z-index:100;display:none;align-items:center;justify-content:center;padding:23px}.preview-overlay.is-visible{display:flex}.preview-shell{height:100%;width:min(1550px,100%);display:flex;flex-direction:column;background:#eff2f1;border-radius:14px;overflow:hidden;box-shadow:0 24px 90px #000b}.preview-bar{height:65px;background:#0f2431;color:white;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px}.preview-brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:850}.preview-brand small{font-size:10px;color:#97afb7;font-weight:500;margin-left:10px}.preview-indicator{height:8px;width:8px;background:#bbec9b;border-radius:50%}.preview-controls{display:flex;align-items:center;gap:10px}.screen-size{background:#ffffff14;color:white;border:1px solid #ffffff23;border-radius:6px;width:36px;height:35px;font-size:23px}.screen-size.is-active{background:#316361;color:#d1ffeb}.choose-design{margin-left:12px;background:var(--lime);color:#143a27;font-size:12px;font-weight:850;padding:11px 15px;border-radius:7px}.choose-design span{margin-left:17px}.preview-close{background:#ffffff14;color:white;width:34px;height:34px;border-radius:7px;font-size:16px}.preview-stage{flex:1;min-height:0;overflow:hidden;display:flex;align-items:stretch;justify-content:center;background:#e1e8e5;padding:14px}.preview-stage iframe{width:100%;height:100%;border:0;background:white;box-shadow:0 0 20px #0001;transition:width .2s}.preview-stage iframe.mobile{width:390px;max-width:100%;border-radius:18px}.preview-bottom{background:#f4f7f5;text-align:center;font-size:10px;color:#647a7a;min-height:30px;padding:9px}.nav-open .nav-menu{display:flex}
@media(max-width:1250px){.nav-shell,.hero-grid{width:calc(100% - 64px)}.nav-shell{gap:22px}.nav-menu{gap:18px}.nav-cta{gap:12px}.hero-grid{gap:20px}.hero-text h1{font-size:64px}.float-card{display:none}.intro-strip,.design-section,.steps-section,.pricing-section,.faq-section,.site-footer{padding-left:32px;padding-right:32px}.hero-base{padding:0 32px}.feature-blurb{padding:31px 23px}.price-card{padding:24px}.price-card.active-card{padding:23px}.price-tag{font-size:33px}}
@media(max-width:980px){.nav-menu{display:none;position:absolute;top:79px;left:0;right:0;background:#0d2331;border-bottom:1px solid #ffffff25;flex-direction:column;gap:0;align-items:stretch;padding:10px 25px 20px}.nav-menu a{padding:14px 10px;font-size:14px}.hamburger{display:block}.nav-cta{margin-left:auto}.nav-shell{width:calc(100% - 40px)}.hero-grid{grid-template-columns:1fr;gap:25px;padding:86px 0 80px;min-height:unset}.hero-text{max-width:670px}.hero-visual{max-width:700px;width:100%;margin:auto;height:auto;min-height:370px}.browser-mock{max-width:630px}.trust-metrics{margin-top:45px}.feature-row{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-blurb:nth-child(2){border-right:0}.feature-blurb:nth-child(-n+2){border-bottom:1px solid var(--hair)}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step-cards,.pricing-grid{grid-template-columns:1fr}.step-cards article{min-height:0}.pricing-top{align-items:start}.faq-section{grid-template-columns:1fr;gap:40px}.faq-intro{max-width:500px}.footer-cols{gap:40px}.nav-editor{display:none}}
@media(max-width:620px){.nav-shell{min-height:69px}.global-nav .nav-menu{top:69px}.nav-button{padding:12px 13px}.nav-button span{margin-left:4px}.wordmark{gap:8px}.emblem{width:30px;height:30px;font-size:22px}.logotype{font-size:12px;letter-spacing:1.2px}.logotype small{font-size:8px}.hero-grid{width:calc(100% - 42px);padding:67px 0 60px}.hero-text h1{font-size:clamp(43px,10vw,59px);letter-spacing:-2.6px}.pill{font-size:8px;letter-spacing:.7px;gap:8px;padding:9px 10px}.pill-line{width:8px}.hero-text>p{font-size:13px}.large-primary,.large-secondary{padding:14px 17px;gap:15px;font-size:12px}.trust-metrics{gap:15px;margin-top:44px}.trust-metrics strong{font-size:22px}.trust-metrics span{font-size:9px}.hero-visual{min-height:240px}.browser-mock{width:100%;transform:none}.browser-mock img{min-height:0}.mock-head{height:31px}.hero-base{padding:0 21px;height:48px;font-size:8px;letter-spacing:.7px}.hero-base span:first-child{display:none}.intro-strip,.design-section,.steps-section,.pricing-section,.faq-section{padding:75px 21px}.section-heading h2,.design-heading h2,.steps-heading h2,.pricing-top h2,.faq-intro h2,.last-cta h2{font-size:clamp(35px,9vw,47px);letter-spacing:-1.8px}.feature-row{margin-top:45px;grid-template-columns:1fr}.feature-blurb{padding:26px}.feature-blurb:nth-child(n){border-right:0;border-bottom:1px solid var(--hair)}.feature-blurb:last-child{border-bottom:0}.feature-icon{margin-bottom:14px}.design-heading,.pricing-top{flex-direction:column;align-items:start}.design-heading{gap:20px}.filter-bar{gap:6px;padding-bottom:20px}.filter{font-size:10px;padding:9px 11px}.catalog-grid{grid-template-columns:1fr;gap:17px}.design-shot{aspect-ratio:670/440}.gallery-foot{flex-direction:column;text-align:center;gap:9px}.step-cards{gap:12px}.step-cards article{padding:24px}.step-graphic{height:85px;margin:16px 0}.price-card{padding:23px}.price-card.active-card{padding:22px}.pricing-top{gap:22px}.pricing-state{margin:0}.price-tag{font-size:35px}.faq-section{gap:25px}.faq-stack summary{font-size:12px;line-height:1.6}.faq-stack details{padding:18px 0}.last-cta{padding:80px 23px}.last-cta-button{gap:30px}.site-footer{padding:55px 22px 28px;grid-template-columns:1fr}.footer-cols{justify-content:start;gap:65px;margin-top:43px}.footer-bottom{margin-top:45px;flex-direction:column;gap:10px}.preview-overlay{padding:0}.preview-shell{border-radius:0}.preview-bar{padding:0 9px;height:54px}.preview-brand{font-size:10px}.preview-brand small{display:none}.preview-controls{gap:5px}.screen-size{width:25px;height:27px;font-size:15px}.choose-design{font-size:10px;padding:9px;margin-left:3px}.choose-design span{margin-left:1px}.preview-close{width:28px;height:28px}.preview-stage{padding:5px}.preview-bottom{font-size:8px}}

/* V4 — a screenshot is always taken from the matching real exported template. */
.layout-label{position:absolute;left:12px;top:12px;z-index:2;background:#092336d9;color:#e7fff4;font-size:9px;letter-spacing:1.3px;text-transform:uppercase;padding:7px 10px;border-radius:4px;pointer-events:none}
.design-shot{position:relative;background:#dfe5df}
.design-shot img{object-fit:cover;width:100%;height:100%}
.design-card{min-width:0}
.design-info .design-titles p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.design-section .design-heading p{max-width:620px}
.filter-bar{flex-wrap:wrap;overflow:visible;padding-bottom:17px;row-gap:6px}
.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
@media(max-width:960px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.catalog-grid{grid-template-columns:1fr}.layout-label{font-size:8px;padding:5px 7px}}

.premium-label{right:12px;left:auto;background:#1b364f;color:#9fffe7;border:1px solid #57d9c4}
.premium-card .design-shot{box-shadow:0 22px 60px rgba(6,14,28,.08)}
.premium-card .design-category{color:#2b8c7b}

/* V8 — verified site previews and explicit editor entry points */
.design-shot{display:block;overflow:hidden;aspect-ratio:740/470;border-radius:18px 18px 0 0}
.design-shot img{width:100%;height:100%;object-fit:cover;transition:transform .32s ease}
.design-shot:hover img{transform:scale(1.04)}
.preview-overlay-label{position:absolute;right:14px;bottom:13px;padding:9px 12px;border-radius:9px;background:#0e2035e8;color:#d1ffee;border:1px solid #ffffff30;font-size:11px;font-weight:850;letter-spacing:.08em}
.design-actions{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}
.design-actions>a{display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;flex:1 1 auto;min-height:43px;border-radius:9px;padding:11px 12px}
.design-actions .btn-minor{border:1px solid #c6d2d5;background:#f5f9f9;color:#123144;font-weight:800}
.design-actions .btn-use{background:#133a40;color:white;border:1px solid #133a40;font-weight:800}
.design-actions .btn-use span{margin-left:7px}
.design-actions>a:hover{filter:brightness(.96);transform:translateY(-1px)}
.design-card{background:#fff;border:1px solid #e2e8e7;border-radius:18px;overflow:hidden;box-shadow:0 12px 42px rgba(13,35,49,.055)}
.design-info{padding:19px 21px 20px}
.design-titles h3{margin-bottom:8px}
.design-titles p{line-height:1.65}
.browser-mock{overflow:hidden}
.browser-mock img{width:100%;object-fit:cover}
@media(max-width:650px){.design-actions{gap:9px}.design-actions>a{font-size:11px}.preview-overlay-label{font-size:9px;bottom:10px;right:10px}.design-info{padding:16px}}

.design-titles h3{color:#182934!important}.design-titles p{color:#61717d!important}.design-category{color:#317f73!important;font-size:10px!important;font-weight:850!important;letter-spacing:.12em!important}.design-info{background:#fff}.design-card .design-shot:focus-visible{outline:4px solid #67e3cf;outline-offset:0}