:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.designer-page{color:#0b2a44;background:#eef4fa;min-height:100vh;padding:32px 22px 50px}.designer-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#0b2a44,#123f6d);border-radius:28px;max-width:1320px;margin:0 auto 24px;padding:32px;box-shadow:0 18px 45px #0b2a4440}.designer-hero span{letter-spacing:2px;opacity:.85;margin-bottom:8px;font-size:12px;font-weight:900;display:inline-block}.designer-hero h1{color:#fff;margin:0;font-size:clamp(34px,5vw,58px);font-weight:900;line-height:1}.designer-hero p{color:#fff;opacity:.9;margin:12px 0 0;font-size:18px}.designer-layout{grid-template-columns:minmax(220px,260px) minmax(0,1fr);align-items:stretch;gap:18px;max-width:1320px;margin:0 auto;display:grid}.designer-card{background:#fff;border:1px solid #0b2a4414;border-radius:24px;box-shadow:0 14px 40px #0b2a441a}.details-card,.summary-card,.submit-card{padding:20px}.designer-card h2{color:#0b2a44;text-align:center;margin:0 0 18px;font-size:22px;font-weight:900}.designer-card h3{color:#0b2a44;text-align:center;margin:18px 0 12px;font-size:16px;font-weight:900}.designer-card label{color:#24445d;text-align:center;margin:12px 0 7px;font-size:14px;font-weight:900;display:block}.designer-card input,.designer-card select{color:#0b2a44;background:#f8fbfd;border:1px solid #d5e0ea;border-radius:12px;outline:none;width:100%;height:44px;padding:0 12px;font-size:15px}.designer-card input:focus,.designer-card select:focus{border-color:#123f6d;box-shadow:0 0 0 3px #123f6d1f}.primary-btn,.secondary-btn,.danger-btn,.save-btn,.submit-btn,.upload-btn{cursor:pointer;text-align:center;border:none;border-radius:14px;width:100%;padding:13px 16px;font-size:15px;font-weight:900;transition:all .2s}.primary-btn,.save-btn,.submit-btn{color:#fff;background:#0b2a44}.primary-btn:hover,.save-btn:hover,.submit-btn:hover{background:#123f6d;transform:translateY(-1px)}.secondary-btn{color:#fff;background:#2563eb;margin-top:12px}.danger-btn{color:#fff;background:#dc2626;margin-top:10px}.upload-btn{color:#0b2a44;background:#eaf1f8;margin-top:10px;display:block}.upload-btn input{display:none}.edit-panel{border-top:1px solid #e4edf5;margin-top:18px;padding-top:16px}.small-note{color:#40576a;text-align:center;background:#eef4fa;border-radius:12px;padding:12px;font-size:13px;font-weight:700}.designer-main{gap:18px;min-width:0;display:grid}.canvas-card{min-width:0;padding:20px;overflow:hidden}.canvas-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.canvas-top span{letter-spacing:1.3px;color:#5c7182;font-size:12px;font-weight:900;display:block}.canvas-top h2{color:#0b2a44;margin:4px 0 0;font-size:24px}.save-btn{width:auto;min-width:170px}.canvas-wrapper{background:#f2f7fb;border:1px dashed #c9d7e3;border-radius:22px;justify-content:center;align-items:center;width:100%;min-height:clamp(360px,42vw,540px);padding:22px;display:flex;overflow:auto}.designer-bottom-panels{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.estimate-card,.submit-card{min-width:0}.submit-card{flex-direction:column;display:flex}.banner-canvas{border-radius:14px;flex:none;max-width:none;position:relative;overflow:hidden;box-shadow:0 18px 50px #0b2a4459}.bleed-line{pointer-events:none;z-index:3;border:2px solid #ffffffa6;border-radius:14px;position:absolute;inset:0}.safe-area{pointer-events:none;z-index:4;border:2px dashed #ffffff8c;border-radius:10px;position:absolute;inset:6%}.safe-area span{color:#fff;letter-spacing:1px;background:#0b2a44d9;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;position:absolute;top:-13px;left:14px}.canvas-item{cursor:move;z-index:20}.canvas-item.selected{outline-offset:3px;z-index:50;outline:2px solid #fff}.drag-content{cursor:move;width:100%;height:100%}.text-item{text-align:center;word-break:break-word;-webkit-user-select:none;user-select:none;cursor:move;justify-content:center;align-items:center;width:100%;height:100%;font-weight:900;line-height:1.1;display:flex}.image-item{object-fit:contain;-webkit-user-select:none;user-select:none;cursor:move;width:100%;height:100%;display:block}.bleed-line,.safe-area{pointer-events:none}.summary-row{border-bottom:1px solid #e4edf5;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.summary-row span{color:#5c7182;font-size:14px;font-weight:900}.summary-row strong{color:#0b2a44;text-align:right;font-size:15px}.summary-total{color:#fff;background:linear-gradient(135deg,#0b2a44,#123f6d);border-radius:18px;justify-content:space-between;align-items:center;margin:18px 0 0;padding:18px;display:flex}.summary-total span{font-size:14px;font-weight:900}.summary-total strong{font-size:28px;font-weight:900}.how-box{background:#eef4fa;border-radius:18px;flex:1;margin:0 0 18px;padding:16px}.how-box h3{margin-top:0}.how-box p{color:#40576a;text-align:center;margin:9px 0;font-size:14px;font-weight:800}.submit-btn{margin-top:4px}@media (width<=1050px){.designer-layout{grid-template-columns:1fr}.designer-bottom-panels{grid-template-columns:1fr 1fr}.canvas-wrapper{min-height:400px}}@media (width<=760px){.designer-bottom-panels{grid-template-columns:1fr}}@media (width<=640px){.designer-page{padding:18px 12px 34px}.designer-hero{border-radius:22px;padding:24px 20px}.canvas-top{flex-direction:column;align-items:stretch}.save-btn{width:100%}.canvas-wrapper{min-height:320px;padding:14px}.details-card,.summary-card,.submit-card,.canvas-card{padding:16px}}.canvas-item{cursor:move!important}.drag-content{width:100%;height:100%;cursor:move!important;pointer-events:auto!important}.text-item,.image-item{pointer-events:auto!important;-webkit-user-select:none!important;user-select:none!important;cursor:move!important}.bleed-line,.safe-area,.safe-area span{pointer-events:none!important}.reseller-strip{color:#fff;background:linear-gradient(90deg,#05275c,#03bfe7);justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:10px 30px;display:flex}.reseller-strip div{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.reseller-strip strong{text-transform:uppercase;font-size:.82rem}.reseller-strip span{color:#e9fbff;font-size:.74rem;font-weight:700}.reseller-cta{color:#05275c;text-transform:uppercase;white-space:nowrap;background:#fff;border-radius:7px;justify-content:center;align-items:center;min-height:34px;padding:0 15px;font-size:.72rem;font-weight:900;text-decoration:none;display:inline-flex}.top-nav{background:#fff;border-bottom:8px solid #05275c;grid-template-columns:170px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:120px;padding:14px 26px;display:grid}.brand img{width:160px;height:auto;display:block}.menu{color:#07142f;text-align:center;text-transform:uppercase;justify-content:center;align-items:center;gap:6px;min-width:0;font-size:.6rem;font-weight:900;line-height:.95;display:flex}.menu a{color:#07142f;background:#f8fbff;border:1px solid #dbe8f7;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:7px 8px;text-decoration:none;display:inline-flex;box-shadow:0 5px 12px #07142f0a}.menu a.active,.menu a:hover{color:#03bfe7;background:#eefdff;border-color:#03bfe78c}.nav-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.phone-pill{color:#fff;white-space:nowrap;background:#05275c;border-radius:10px;justify-content:center;align-items:center;min-height:40px;padding:0 10px;font-size:.66rem;font-weight:900;text-decoration:none;display:inline-flex}.language-switch{background:#fff;border:1px solid #dce6f4;border-radius:10px;align-items:center;gap:3px;min-height:40px;padding:3px;display:inline-flex}.language-switch button{color:#66708a;cursor:pointer;background:0 0;border:0;border-radius:7px;min-width:32px;height:32px;padding:0;font-size:.68rem;font-weight:900}.language-switch button.active{color:#fff;background:#05275c}.menu-toggle{background:#05275c;border:0;border-radius:10px;width:44px;height:44px;padding:10px;display:none}.menu-toggle span{background:#fff;border-radius:999px;height:3px;margin:5px 0;display:block}@media (width<=980px){.top-nav{grid-template-columns:auto 1fr auto;min-height:0;padding:12px 18px}.menu-toggle{justify-self:end;display:block}.menu{flex-direction:column;grid-column:1/-1;align-items:stretch;gap:4px;display:none}.menu.open{display:flex}.menu a{padding:12px}}@media (width<=620px){.reseller-strip{text-align:center;flex-direction:column;align-items:stretch;padding:12px 18px}.reseller-strip div{justify-content:center}.top-nav{grid-template-columns:1fr auto;gap:10px;padding:12px 14px}.brand img{width:142px}.nav-actions,.menu{grid-column:1/-1}.nav-actions{flex-wrap:wrap;justify-content:center}}.footer{color:#eefbff;background:linear-gradient(105deg,#04183cfa 0%,#05275cfa 54%,#03bfe7e6 150%),#05275c;border-top:1px solid #7de9ff38;margin-top:64px;padding:26px 30px 0;box-shadow:inset 0 1px #ffffff14}.footer-container{grid-template-columns:minmax(250px,1.55fr) repeat(4,minmax(120px,1fr));align-items:start;gap:0;max-width:1400px;margin:0 auto;display:grid}.footer-col{text-align:center;border-left:1px solid #7de9ff52;flex-direction:column;align-items:center;min-width:0;min-height:170px;padding:0 20px;display:flex}.footer-col:first-child{text-align:left;border-left:0;align-items:flex-start;padding-left:0}.footer-logo{filter:drop-shadow(0 10px 18px #000a244d);width:170px;max-width:100%;height:auto;margin:0 0 12px}.footer-col h4{color:#fff;letter-spacing:.01em;margin:0 0 12px;font-size:.95rem;font-weight:900}.footer-col p,.footer-col a{color:#d9f2ff;margin:0 0 7px;font-size:.8rem;line-height:1.35;text-decoration:none}.footer-col a:hover{color:#fff}.footer-brand p{max-width:310px}.footer-contact p,.footer-why p{white-space:nowrap}.socials{gap:9px;margin-top:12px;display:flex}.socials a{color:#fff;border:1px solid #d9f2ff61;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.78rem;font-weight:900;text-decoration:none;display:inline-flex}.socials a:hover{background:#ffffff1f;border-color:#fff}.footer-bottom{color:#cfe7f6;text-align:center;border-top:1px solid #d9f2ff33;max-width:1400px;margin:22px auto 0;padding:16px 0 18px;font-size:.78rem}@media (width<=900px){.footer-container{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}.footer-col,.footer-col:first-child{text-align:center;border-top:1px solid #d9f2ff2e;border-left:0;align-items:center;padding:20px 24px 0}.footer-col:first-child,.footer-col:nth-child(2){border-top:0;padding-top:0}.footer-brand p{margin-left:auto;margin-right:auto}.socials{justify-content:center}}@media (width<=700px){.footer{padding:24px 20px 0}.footer-container{grid-template-columns:1fr;row-gap:0}.footer-col,.footer-col:first-child,.footer-col:nth-child(2){border-top:1px solid #d9f2ff2e;padding:20px 0 0}.footer-col:first-child{border-top:0;padding-top:0}.footer-contact p,.footer-why p{white-space:normal}}*{box-sizing:border-box;margin:0;padding:0}body{color:#061a35;background:#eef2f7;font-family:Arial,Helvetica,sans-serif}button{color:#fff;cursor:pointer;background:#061a35;border:none;border-radius:8px;padding:12px 20px;font-weight:800}.hero-buttons a,.product-card a{text-decoration:none}.hero{color:#061a35;background:radial-gradient(circle at 92% 15%,#ff58ac52,#0000 26%),radial-gradient(circle at 72% 28%,#3f6fff3d,#0000 30%),linear-gradient(90deg,#fff 0%,#f8fbff 45%,#eef8ff 100%);grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:22px;max-width:1200px;min-height:330px;margin:0 auto 28px;padding:24px 18px 16px;display:grid;overflow:hidden}.hero-left{max-width:760px}.breadcrumb{color:#40516f;margin:0 0 16px;font-size:.72rem;font-weight:800}.hero-badge{color:#08b9d7;text-transform:uppercase;background:0 0;border-radius:0;margin-bottom:0;padding:0;font-size:.82rem;font-weight:800;display:inline-block}.hero h1{color:#061a35;text-transform:uppercase;max-width:760px;margin:6px 0 12px;font-size:clamp(2.25rem,4.15vw,3.55rem);font-weight:900;line-height:.94}.hero h1 span,.hero h1 strong{white-space:nowrap;display:block}.hero h1 strong{color:#147ee8}.hero p{color:#0a2350;max-width:560px;margin-bottom:0;font-size:1rem;line-height:1.55}.hero-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px 0 22px;list-style:none;display:grid}.hero-list li{color:#53617a;min-height:44px;padding-left:38px;font-size:.66rem;font-weight:800;line-height:1.25;position:relative}.hero-list li:before{content:"";background:#129eff14;border:2px solid #129eff;border-radius:50%;width:28px;height:28px;position:absolute;top:1px;left:0}.hero-list b{color:#061a35;font-size:.7rem;display:block}.hero-buttons{flex-wrap:wrap;gap:16px;display:flex}.hero-buttons button{text-transform:uppercase;background:linear-gradient(135deg,#04c6d8,#11d4cf);border-radius:8px;min-width:190px;min-height:46px;box-shadow:0 12px 24px #07bcd533}.outline-btn{color:#0866c6;box-shadow:none;background:#fff;border:1px solid #168ee8}.np-rating{color:#061a35;margin-top:6px;font-size:1rem;font-weight:900}.np-rating span{color:#53617a;font-size:.8rem}.hero-right{place-items:center;min-height:305px;display:grid;position:relative}.hero-right:before{content:"";filter:blur(4px);background:radial-gradient(circle at 18% 28%,#0a8fff57,#0000 18%),radial-gradient(circle at 78% 25%,#ff4cb052,#0000 20%),radial-gradient(circle at 70% 76%,#ffa62447,#0000 22%);border-radius:50%;position:absolute;inset:12px 0 78px}.hero-right img{z-index:1;object-fit:cover;object-position:center;background:#fff;border-radius:12px;width:min(560px,100%);max-height:255px;position:relative;box-shadow:0 20px 42px #07142f2e}.perfect-for{z-index:2;color:#fff;background:linear-gradient(135deg,#061b42,#073b83);border-radius:9px;flex-wrap:wrap;gap:8px;width:min(500px,92%);padding:12px 14px;display:flex;position:absolute;bottom:4px;right:12px;box-shadow:0 14px 26px #07142f38}.perfect-for strong{text-transform:uppercase;flex:0 0 100%;font-size:.75rem}.perfect-for span{text-align:center;background:#ffffff17;border-radius:999px;place-items:center;min-height:28px;padding:0 8px;font-size:.64rem;font-weight:900;display:inline-grid}.products,.why-us,.sizes{text-align:center;max-width:1200px;margin:0 auto;padding:45px 5%}.products h2,.why-us h2,.sizes h2{margin-bottom:25px;font-size:24px}.products-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.product-card{background:#fff;border-radius:14px;padding:24px 18px;box-shadow:0 8px 22px #0000000f}.product-card h3{margin-bottom:10px;font-size:17px}.product-card p{margin-bottom:16px;font-size:13px;line-height:1.5}.product-card button{padding:10px 16px;font-size:12px}.why-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.why-grid div,.sizes-grid div{background:#fff;border-radius:10px;padding:14px 10px;font-size:13px;font-weight:700}.sizes-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.cta{color:#fff;text-align:center;background:#061a35;max-width:1200px;margin:0 auto;padding:40px 5%}.cta h2{color:#fff;margin-bottom:12px;font-size:26px}.cta p{color:#dce8f8;margin-bottom:20px}.cta-button{color:#061a35;background:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:12px 20px;font-weight:900;text-decoration:none;display:inline-flex}@media (width<=900px){.hero{grid-template-columns:1fr;padding:35px 5%}.hero-list{grid-template-columns:repeat(2,minmax(0,1fr))}.perfect-for{margin-top:14px;position:relative;bottom:auto;right:auto}.products-grid,.why-grid,.sizes-grid{grid-template-columns:1fr 1fr}}@media (width<=620px){.hero{padding:22px 8px}.hero h1{font-size:clamp(2rem,13vw,3.25rem)}.hero h1 span,.hero h1 strong{white-space:normal}.hero-list,.products-grid,.why-grid,.sizes-grid{grid-template-columns:1fr}.hero-buttons,.perfect-for{grid-template-columns:1fr;display:grid}.hero-buttons button{width:100%}.hero-right{min-height:280px}.hero-right img{max-height:220px}}