:root{--blue:#183ef5;--ink:#142453;--paper:#f4f1e9;--line:#c8c9d0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit}button,input{font:inherit}button,a,label{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,canvas:focus-visible{outline:3px solid #fc7a36;outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:27px 5%;border-bottom:1px solid var(--line)}.brand{font-size:36px;font-weight:800;letter-spacing:-2px;text-decoration:none;color:var(--blue)}.brand span{font-size:13px;vertical-align:top;letter-spacing:0;display:inline-block;margin:6px 0 0 5px}nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:700}nav a{text-decoration:none}.nav-cta{padding:14px 20px;border:1px solid var(--ink);border-radius:99px}.hero{padding:48px 5% 65px}.hero-top,.hero-bottom{display:flex;justify-content:space-between;gap:40px;align-items:start}.eyebrow{font-size:13px;font-weight:700;letter-spacing:1.3px;line-height:1.6;margin:0 0 24px}.hero-note{font-size:15px;line-height:1.4;margin:0;min-width:180px}.hero h1{font-size:clamp(64px,8.1vw,122px);line-height:.97;letter-spacing:-.065em;margin:40px 0;color:var(--blue);font-weight:700}em{font-style:normal}.hero h1 em{color:var(--ink)}.hero-bottom>p{font-size:20px;line-height:1.55;max-width:670px;margin:0}.arrow-link{font-size:16px;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:55px;white-space:nowrap}.arrow-link span{font-size:45px;font-weight:400}.section,.demo-section{padding:80px 5%}.demo-section{background:var(--blue);color:white}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px}.section-head h2{margin:0;font-size:clamp(30px,3.2vw,48px);letter-spacing:-.04em;line-height:1.06}.section-head>p{font-size:15px;line-height:1.6;margin:0}.section-head .eyebrow{margin-bottom:14px}.configurator{display:grid;grid-template-columns:1.35fr 1fr;background:white;color:var(--ink);border-radius:6px;overflow:hidden;min-width:0}.viewer{background:#e9edf5;position:relative;min-width:0;display:flex;flex-direction:column}.viewer-top,.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 28px;font-size:12px;letter-spacing:.7px}.viewer-top{font-weight:700}.viewer-bottom{margin-top:auto;font-size:13px;letter-spacing:0}.viewer-bottom p{margin:0;line-height:1.4}.view-controls{display:flex;gap:6px}.view-controls button{min-width:44px;min-height:44px;border:1px solid #bcc5d5;background:transparent;border-radius:50%;font-size:20px;color:var(--ink)}.view-controls #reset-view{border-radius:30px;font-size:12px;padding:8px 12px;white-space:nowrap}canvas{display:block;width:100%;height:440px;touch-action:pan-y;cursor:grab}canvas:active{cursor:grabbing}.options{padding:30px 35px}.options-title{display:flex;justify-content:space-between;font-size:12px;font-weight:700;letter-spacing:1px;padding-bottom:25px;border-bottom:1px solid var(--line)}fieldset{border:0;padding:22px 0 0;margin:0 0 20px}legend{padding:18px 0 0;font-size:15px;font-weight:700}.swatches{display:flex;gap:22px}.swatches label{position:relative;display:grid;justify-items:center;gap:10px;font-size:13px;cursor:pointer}.swatch{width:39px;height:39px;border-radius:50%;background:var(--swatch);border:3px solid white;box-shadow:0 0 0 1px #c7cbd4}input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}input:checked+.swatch{box-shadow:0 0 0 2px var(--blue)}input:focus-visible+span{outline:3px solid #f27d38;outline-offset:4px}.pills{display:flex;gap:10px}.pills label{cursor:pointer;position:relative}.pills span{display:block;padding:12px 22px;border:1px solid var(--line);border-radius:30px;font-size:15px}.pills input:checked+span{background:var(--ink);color:white;border-color:var(--ink)}.selection-summary{border-top:1px solid var(--line);padding-top:20px;margin:26px 0 22px}.selection-summary>span{font-size:11px;letter-spacing:.7px;font-weight:700}.selection-summary p{font-size:20px;font-weight:700;line-height:1.4;margin:10px 0 4px}.selection-summary .dimensions{font-size:14px;font-weight:400}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:0;background:var(--blue);color:#fff;border-radius:5px;padding:18px 22px;font-size:15px;font-weight:700;line-height:1.4;text-decoration:none;min-height:52px}.button:hover{background:#102ed0}.button.full{width:100%}.small{font-size:12px;line-height:1.6}.demo-caption{max-width:720px;font-size:14px;line-height:1.6;margin:24px 0 0;color:#e0e5ff}.service{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:110px;padding-bottom:110px}.service h2,.contact h2{font-size:clamp(38px,4.5vw,68px);line-height:1.02;letter-spacing:-.055em;margin:0}.service h2 em{color:var(--blue)}.service-copy>p{font-size:17px;line-height:1.7}.service-copy .large{font-size:27px;line-height:1.3;margin-top:0;letter-spacing:-.02em}.service-copy ul{list-style:none;padding:0;margin:35px 0 0}.service-copy li{padding:20px 0;border-top:1px solid var(--line)}.service-copy li strong{display:block;font-size:17px;margin-bottom:8px}.service-copy li span{font-size:15px;line-height:1.6;display:block}.process{background:var(--ink);color:white}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:60px}.steps article{border-top:1px solid #677191;padding-top:20px}.steps article>span{font-size:14px;color:#bdc8fa}.steps h3{font-size:24px;line-height:1.2;letter-spacing:-.025em}.steps p{font-size:16px;line-height:1.7;color:#e3e7f3}.scope{font-size:14px;line-height:1.7;border-top:1px solid #677191;padding-top:25px;margin:45px 0 0;color:#bdc8da;max-width:940px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.contact>div>p:not(.eyebrow){font-size:18px;line-height:1.6;max-width:550px}.contact h2 em{color:var(--blue)}.email{display:inline-block;font-size:26px;margin-top:10px;text-underline-offset:8px;overflow-wrap:anywhere}.contact-card{background:var(--blue);color:white;padding:40px;border-radius:6px}.contact-card h3{font-size:30px;letter-spacing:-.03em;line-height:1.1;margin-top:0}.contact .contact-card .small{font-size:13px;margin-top:25px}.button.light{background:white;color:var(--blue);margin-top:16px}.button.outline{border:1px solid var(--blue);background:white;color:var(--blue)}footer{padding:35px 5%;border-top:1px solid var(--line);display:flex;gap:30px;align-items:center;justify-content:space-between;font-size:13px}footer p{font-size:15px}.back-top{position:fixed;bottom:20px;right:20px;padding:12px 16px;border-radius:40px;background:white;color:var(--ink);text-decoration:none;box-shadow:0 2px 15px #14245320;border:1px solid #ccd1df;font-size:14px;z-index:4}.skip{position:absolute;left:15px;top:-80px;background:var(--ink);color:white;padding:16px;z-index:10}.skip:focus{top:10px}dialog{width:min(660px,94vw);max-height:90vh;border:0;padding:40px;background:white;color:var(--ink);border-radius:14px}dialog::backdrop{background:#101b48a6}dialog h2{font-size:34px;letter-spacing:-.045em}.close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:30px;color:inherit;width:44px;height:44px}dl{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;font-size:17px}dd{margin:0;font-weight:700}dialog>p:not(.eyebrow){font-size:14px;line-height:1.6}.summary-actions{display:flex;flex-wrap:wrap;gap:12px}#print-sheet{display:none}@media(max-width:850px){header{align-items:flex-start}.brand{font-size:30px}nav{gap:16px;font-size:13px}.nav-cta{padding:11px 13px}.hero-note{min-width:auto}.hero-bottom{display:block}.hero-bottom .arrow-link{margin-top:26px}.configurator{grid-template-columns:1fr}.viewer canvas{height:400px}.service,.contact{grid-template-columns:1fr;gap:40px}.steps{gap:24px}.hero h1{font-size:clamp(60px,10vw,86px)}.section-head{align-items:start}}@media(max-width:600px){header{padding:22px 6%;flex-wrap:wrap;gap:20px}nav{width:100%;justify-content:space-between;gap:10px}nav a:last-child{font-size:12px}.hero{padding:30px 6% 45px}.hero-top{gap:18px}.hero-note{font-size:12px;min-width:105px}.eyebrow{font-size:11px;letter-spacing:.8px}.hero h1{font-size:clamp(48px,12vw,72px);margin:30px 0;line-height:1.02}.hero-bottom>p{font-size:18px}.section,.demo-section{padding:55px 6%}.section-head{display:block;margin-bottom:25px}.section-head>p{margin-top:20px}.section-head h2{font-size:32px}.viewer-top,.viewer-bottom{padding:18px 16px;gap:10px}.viewer-bottom p{font-size:12px;max-width:110px}.viewer canvas{height:310px}.options{padding:25px 22px}.steps{grid-template-columns:1fr;gap:25px;margin-top:35px}.steps h3{margin:20px 0 10px}.service h2,.contact h2{font-size:44px}.service-copy .large{font-size:25px}.contact-card{padding:30px 25px}footer{flex-wrap:wrap;padding:28px 6%;gap:18px}footer p{width:100%;order:3;margin:0}.back-top{bottom:12px;right:12px;font-size:13px}.back-top span{display:none}dialog{padding:35px 24px}dialog h2{font-size:30px}.summary-actions .button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{body>*{display:none!important}#print-sheet{display:block!important;color:#142453;background:white;padding:35px;font:16px/1.6 Arial}#print-sheet h1{color:#183ef5}#print-sheet dl{display:grid}#print-sheet .small{font-size:12px}}