:root{--navy:#11243b;--ink:#15283a;--muted:#667586;--orange:#ec784d;--orange-dark:#d35f3b;--cream:#f9f8f5;--line:#e5e9e9;--pale:#eff6f7;--white:#fff;--blue:#0d476f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,"Aptos","Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8bd3f1;outline-offset:2px}.wrap{width:min(1256px,calc(100% - 76px));margin:0 auto}
.demo-strip{height:30px;display:flex;align-items:center;justify-content:center;background:#11243b;color:#d6e3eb;font-size:10px;font-weight:700;letter-spacing:1.25px;gap:12px}.demo-strip .dot{opacity:.45}.demo-spark{color:#ffc083;font-size:13px}
.site-header{height:79px;background:#fff;border-bottom:1px solid #eef0f0}.header-inner{height:100%;width:min(1256px,calc(100% - 76px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:27px;font-weight:860;letter-spacing:-1.7px;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand-accent,.brand-period{color:var(--orange)}.brand-mark{position:relative;width:26px;height:29px;transform:rotate(-12deg)}.brand-mark span{position:absolute;display:block;border-radius:3px;background:var(--orange)}.brand-mark span:nth-child(1){width:8px;height:26px;left:0;top:3px}.brand-mark span:nth-child(2){width:8px;height:20px;left:10px;top:0;background:#eeaa73}.brand-mark span:nth-child(3){width:8px;height:15px;left:20px;top:7px;background:#183b57}.main-nav{display:flex;align-items:center;gap:38px;color:#455366;font-size:13px;font-weight:650}.main-nav a:hover{color:var(--orange)}.header-actions{display:flex;align-items:center;gap:20px}.settings-link{border:0;background:none;padding:8px 2px;color:var(--ink);font-size:12px;font-weight:750}.settings-link:hover{color:var(--orange)}.gear{font-size:17px;vertical-align:-1px;padding-right:4px}.cart-button{background:#f4f6f6;border:1px solid #e5e9e9;border-radius:12px;padding:11px 15px;color:var(--ink);font-weight:750;font-size:12px;white-space:nowrap}.cart-button span{background:var(--navy);color:#fff;display:inline-grid;place-items:center;min-width:19px;height:19px;border-radius:50%;margin-left:7px;font-size:10px}
.intro{padding-top:46px;padding-bottom:32px;position:relative}.eyebrow{color:var(--orange-dark);font-size:11px;font-weight:820;letter-spacing:2.2px;display:flex;align-items:center;gap:10px}.eyebrow-line{width:20px;height:2px;background:var(--orange)}.intro h1{font-size:clamp(38px,4.25vw,60px);line-height:1.06;letter-spacing:-3.0px;max-width:800px;margin:16px 0 13px;font-weight:850}.intro h1 em{font-style:normal;color:var(--orange)}.intro p{max-width:640px;color:#5c6977;font-size:14px;line-height:1.75;margin:0}.intro-link{position:absolute;bottom:34px;right:0;background:#fff;border:1px solid #e2e7e6;padding:11px 17px;border-radius:40px;font-size:12px;font-weight:790}.intro-link span{margin-left:10px;color:var(--orange)}.intro-link:hover{border-color:var(--orange)}
.builder{display:grid;grid-template-columns:minmax(0,1.09fr) minmax(400px,.91fr);gap:26px;align-items:start}.preview-stage{background:#fff;border:1px solid #e7e9e7;border-radius:20px;overflow:hidden;box-shadow:0 12px 38px rgba(20,40,49,.045)}.stage-header{height:55px;display:flex;align-items:center;padding:0 24px;color:var(--ink);font-size:10px;letter-spacing:1.15px;font-weight:800}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#5daf87;margin-right:9px;box-shadow:0 0 0 4px #ebf6f0}.stage-note{margin-left:auto;font-size:10px;letter-spacing:0;color:#8d989c;font-weight:600}.stage-art{background:#e1e1d9;line-height:0}.banner-mockup{width:100%;height:auto;display:block}.preview-footer{display:flex;align-items:center;gap:12px;padding:21px 23px}.preview-footer strong{font-size:13px;display:block}.preview-footer small{display:block;color:#778592;font-size:11px;margin-top:4px}.preview-check{display:grid;place-items:center;background:#eaf4ef;width:32px;height:32px;border-radius:50%;font-size:15px;color:#398d64;font-weight:900;flex:none}.benefit-row{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:14px}.benefit-row>div{border:1px solid #e7e9e6;border-radius:13px;padding:18px 15px 16px;background:#fff}.benefit-icon{color:var(--orange-dark);font-size:22px;display:block;line-height:1;margin-bottom:14px}.benefit-row strong{display:block;font-size:11px;line-height:1.4;letter-spacing:-.1px}.benefit-row small{display:block;font-size:10px;color:#7c8a96;margin-top:5px;line-height:1.4}
.config-card{background:#fff;border:1px solid #e7e9e8;border-radius:20px;padding:27px 30px 22px;box-shadow:0 17px 45px rgba(20,40,49,.06)}.card-kicker{display:flex;align-items:center;color:#738391;font-size:10px;font-weight:820;letter-spacing:1.2px;gap:8px}.number-pill{background:#f9ebe2;color:#ce7448;border-radius:7px;padding:6px 8px;letter-spacing:0}.instant-label{margin-left:auto;display:flex;align-items:center;gap:6px;color:#238663;font-size:9px;letter-spacing:.5px}.instant-label span{width:6px;height:6px;background:#39ba84;border-radius:50%}.config-card h2{margin:17px 0 3px;font-size:28px;letter-spacing:-1.15px;line-height:1.2}.card-subtitle{font-size:12px;color:#798692;line-height:1.5;margin:0}.line-divider{height:1px;background:#e9ecec;margin:20px 0}.form-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:820;margin-bottom:13px}.optional-tag,.dimension-unit{font-size:9px;letter-spacing:.5px;font-weight:750;color:#82909d}.field label,.quantity-row label{font-size:11px;color:#495968;font-weight:770;display:block;margin-bottom:8px}.field label span{color:#8e9aa3}.field select,.field input{width:100%;height:48px;border:1px solid #dfe5e7;border-radius:10px;background:#fff;color:#1b3145;padding:0 16px;font-size:13px;font-weight:760;outline:none;transition:border .15s,box-shadow .15s}.field select:focus,.field input:focus{border-color:#6db7cd;box-shadow:0 0 0 3px #e5f4f5}.select-wrap{position:relative}.select-wrap select{appearance:none;cursor:pointer;padding-right:46px}.field-arrow{position:absolute;pointer-events:none;right:17px;top:8px;font-size:26px;line-height:1;color:#536b7a}.field-help{font-size:11px;color:#81909a;margin:10px 0 0;min-height:14px}.dimensions-heading{margin-top:25px}.dimension-grid{display:grid;grid-template-columns:1fr 21px 1fr;gap:13px;align-items:end}.dimension-times{align-self:center;text-align:center;padding-top:22px;font-size:18px;color:#9aa4aa}.input-unit{position:relative}.input-unit input{padding-right:53px;font-size:16px}.input-unit>span{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#7f8e97;font-size:10px;font-weight:800}.dimensions-footer{background:#f7f9f9;border:1px solid #edf0ef;border-radius:9px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#6f7e8b;margin-top:13px}.dimensions-footer strong{color:#173451;font-size:12px}.orange-dot{color:var(--orange);margin-right:5px}.validation-error{color:#b63838;font-size:11px;margin:8px 0 0}.lower-divider{margin:19px 0}.quantity-row{display:flex;align-items:center;justify-content:space-between}.quantity-row label{font-size:12px;margin-bottom:3px}.quantity-row p{font-size:11px;color:#8a97a1;margin:0}.qty-stepper{display:flex;align-items:center;overflow:hidden;border:1px solid #dfe5e7;border-radius:10px;height:42px}.qty-stepper button{background:#f7f8f8;border:0;color:#1e4059;font-size:20px;width:37px;height:42px}.qty-stepper input{border:0;text-align:center;width:40px;height:40px;font-size:12px;font-weight:800;appearance:textfield;-moz-appearance:textfield}.qty-stepper input::-webkit-inner-spin-button{appearance:none}.qty-stepper button:hover{background:#e9f0f0}.quote-box{background:#edf5f6;border:1px solid #dce9eb;padding:18px 20px 16px;border-radius:12px;margin-top:23px}.quote-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;font-weight:850;color:#3b5e6e}.quote-live{color:#23946a;font-size:9px;letter-spacing:.8px}.quote-total-row{display:flex;gap:9px;align-items:baseline;padding:10px 0 15px}.quote-total-row strong{color:#133d5a;font-weight:890;font-size:42px;line-height:1;letter-spacing:-1.8px;font-variant-numeric:tabular-nums}.quote-total-row span{color:#77919a;font-size:12px}.price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#627987;font-size:11px;margin:9px 0}.price-row strong{color:#2b5063;font-size:11px;font-variant-numeric:tabular-nums}.quote-rule{border-top:1px dashed #cadde0;margin:14px 0 12px}.quote-final{font-weight:820;color:#234960;font-size:12px;margin:0}.quote-final strong{font-size:14px}.primary-cta{margin-top:14px;width:100%;height:53px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;border:0;border-radius:10px;background:var(--orange);color:#fff;font-weight:820;font-size:14px;box-shadow:0 10px 19px rgba(236,120,77,.17)}.primary-cta:hover{background:var(--orange-dark)}.primary-cta span{font-size:22px;line-height:1}.under-cta{display:flex;justify-content:space-between;gap:7px;margin-top:13px;color:#9ca8ac;font-size:10px}
.how{margin-top:62px;margin-bottom:44px;display:grid;grid-template-columns:.9fr 1.7fr;gap:65px;align-items:end}.how h2{font-size:36px;line-height:1.08;letter-spacing:-1.7px;margin:17px 0 10px}.how p{font-size:12px;color:#7a8996;line-height:1.65;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{border-top:2px solid #d3ddde;padding-top:18px}.step>span{font-size:11px;color:var(--orange);font-weight:840}.step strong{display:block;font-size:13px;margin:12px 0 9px}.disclosure{margin-bottom:35px;border:1px solid #e8e9e4;border-radius:11px;background:#fff;padding:14px 17px;color:#70808b;font-size:11px;line-height:1.5}.disclosure span{font-size:15px;margin-right:5px}.disclosure strong{font-weight:750}.footer{background:#11243b;color:#adbfcb;padding:26px 0;font-size:11px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}.footer-brand{font-size:20px;color:white;font-weight:850;letter-spacing:-1px}.footer-brand span{color:#ee8e61}
/* Dialogs */
dialog{padding:0;border:0;border-radius:19px;box-shadow:0 24px 80px rgba(4,24,39,.33);color:var(--ink);width:min(600px,calc(100vw - 25px));max-height:min(88vh,900px);overflow-y:auto}dialog::backdrop{background:rgba(13,34,51,.57);backdrop-filter:blur(3px)}.dialog-container{padding:30px}.dialog-head{display:flex;justify-content:space-between;gap:15px;align-items:start}.dialog-head h2{font-size:26px;line-height:1.15;letter-spacing:-.7px;margin:5px 0 0}.dialog-overline{font-size:10px;letter-spacing:1.5px;color:var(--orange-dark);font-weight:850;margin:0}.icon-close{width:35px;height:35px;border-radius:50%;background:#f3f5f5;border:0;font-size:25px;display:grid;place-items:center;color:#596974}.dialog-description{font-size:12px;color:#6d7d88;line-height:1.7;margin:17px 0 23px}.material-editor-head{display:flex;justify-content:space-between;margin-bottom:9px;align-items:center}.material-editor-head strong{font-size:13px}.material-editor-head span{font-size:11px;color:#82909e}.material-editor{display:grid;gap:9px}.material-row{display:grid;grid-template-columns:minmax(0,1fr) 107px 33px;gap:8px}.material-row input,.setup-setting input{min-width:0;border:1px solid #dbe3e5;background:#fff;padding:10px 11px;border-radius:9px;color:#19334a;font-size:12px}.material-row button{background:#fff3f0;border:1px solid #f7d5cb;color:#a84732;border-radius:9px;font-size:19px}.material-row button:hover{background:#ffe8e2}.add-material{border:1px dashed #cbd8d9;background:#f7fafa;color:#29607b;border-radius:10px;margin-top:12px;padding:11px 16px;font-weight:780;font-size:12px}.setup-setting{border-top:1px solid #e6ebec;margin-top:18px;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:14px}.setup-setting label{font-size:12px;font-weight:750}.setup-setting input{width:130px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.secondary-button,.primary-button{border-radius:9px;padding:12px 15px;font-weight:800;font-size:12px;border:1px solid #dae3e5;background:#fff;color:#345267}.primary-button{background:var(--orange);border-color:var(--orange);color:#fff}.primary-button:hover{background:var(--orange-dark)}.secondary-button:hover{background:#f2f6f7}#settings-error{font-size:12px;color:#a82e31;margin:13px 0 0}.order-dialog{width:min(560px,calc(100vw - 25px))}.order-confirm{display:flex;gap:9px;align-items:center;background:#eef9f2;padding:13px;border:1px solid #d4eddd;border-radius:9px;font-size:12px;font-weight:800;color:#236f4b}.order-confirm-mark{background:#278c5a;color:#fff;width:22px;height:22px;display:grid;place-items:center;border-radius:50%}.order-lines{display:grid;gap:12px;margin:22px 0}.order-line{display:flex;justify-content:space-between;gap:14px;font-size:12px}.order-line span{color:#72818c}.order-line strong{text-align:right}.order-total{display:flex;justify-content:space-between;border-top:1px solid #e4e9eb;padding:15px 0;font-size:13px;font-weight:800}.order-total strong{color:#143b59;font-size:22px}.payload-section{margin-top:5px}.payload-heading{display:flex;justify-content:space-between;font-size:12px;align-items:center;margin:0 0 9px}.payload-heading span{font-size:10px;color:#8796a1}.payload-section pre{background:#10263a;color:#d8eff1;border-radius:10px;padding:15px;overflow:auto;max-height:170px;line-height:1.5;font-size:10px;white-space:pre-wrap;overflow-wrap:anywhere}.checkout-disclaimer{margin:13px 0 0;background:#fff8ed;color:#845d32;padding:11px 12px;border-radius:8px;font-size:11px;line-height:1.6}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;background:#11243b;color:#fff;border-radius:10px;padding:12px 16px;z-index:999;font-size:12px;box-shadow:0 10px 27px rgba(0,0,0,.2)}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1060px){.wrap,.header-inner{width:min(100% - 46px,1256px)}.builder{grid-template-columns: minmax(0,1fr) minmax(370px,.95fr);gap:16px}.config-card{padding:24px}.main-nav{gap:18px}.intro h1{font-size:50px}.benefit-row>div{padding:14px 11px}}
@media(max-width:760px){.demo-strip{height:29px}.site-header{height:65px}.wrap,.header-inner{width:calc(100% - 30px)}.main-nav{display:none}.header-actions{gap:9px}.settings-link{font-size:0;padding:8px}.gear{font-size:20px}.cart-button{padding:9px 10px}.brand{font-size:24px}.intro{padding-top:33px;padding-bottom:25px}.intro h1{font-size:clamp(34px,8vw,48px);letter-spacing:-1.9px;line-height:1.1}.intro p{font-size:12px}.intro-link{position:static;display:inline-block;margin-top:16px}.builder{grid-template-columns:1fr;gap:14px}.stage-header{height:43px;padding:0 15px}.preview-footer{padding:15px}.preview-stage{border-radius:14px}.benefit-row{gap:7px;margin-top:9px}.benefit-row>div{padding:12px 9px}.benefit-row strong{font-size:10px}.benefit-row small{font-size:9px}.benefit-icon{font-size:17px;margin-bottom:9px}.config-card{padding:22px 18px;border-radius:15px}.config-card h2{font-size:26px}.how{grid-template-columns:1fr;gap:25px;margin-top:46px}.how h2{font-size:32px}.footer-inner{flex-wrap:wrap;justify-content:center;text-align:center}.footer-inner>span:last-child{display:none}}
@media(max-width:430px){.intro h1{font-size:35px}.under-cta{font-size:9px}.benefit-row{grid-template-columns:1fr 1fr 1fr}.benefit-row small{display:none}.config-card{padding:20px 15px}.quote-total-row strong{font-size:39px}.dimensions-footer{font-size:10px}.material-row{grid-template-columns:minmax(0,1fr) 84px 30px}.dialog-container{padding:22px 16px}.dialog-head h2{font-size:23px}.dialog-actions{flex-wrap:wrap}.dialog-actions>button{flex:1}.steps{gap:9px}.step strong{font-size:11px}.step p{font-size:10px}.setup-setting{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}