@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Raleway:wght@400;500;600;700;800&display=swap');
:root{--blue:#0081c3;--ink:#202f38;--muted:#65747d;--line:#dce4e8;--pale:#edf6fa;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:#fff;color:var(--ink);font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Raleway,Arial,sans-serif}h1{font-size:clamp(58px,6.7vw,100px);font-weight:600;line-height:1.03;letter-spacing:-5px;margin-bottom:28px}h1 span,h2 span{color:var(--blue)}h2{font-size:clamp(34px,4vw,54px);font-weight:500;letter-spacing:-2px;line-height:1.13;margin-bottom:25px}h3{font-size:20px;font-weight:700;line-height:1.35}p{color:var(--muted)}.wrap{max-width:1280px;margin:auto;padding-left:44px;padding-right:44px}header{height:104px;padding:0 44px;max-width:1440px;margin:auto;display:flex;align-items:center;gap:36px;border-bottom:1px solid #edf0f2;background:#fff}.logo{width:160px;height:auto}nav{display:flex;gap:30px;margin-left:auto;font-size:12px;font-weight:600}nav a:hover,.text-link:hover{color:var(--blue)}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;background:var(--blue);color:#fff;border:1px solid var(--blue);padding:16px 22px;border-radius:4px;font-size:12px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:#006ba5;transform:translateY(-2px);box-shadow:0 6px 20px #0081c322}.button span{font-size:20px;line-height:1}.button.small{padding:12px 16px;font-size:11px}.full{width:100%}.text-link{font-size:12px;font-weight:600;display:inline-flex;gap:14px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--blue);margin-bottom:24px;display:flex;align-items:center;gap:10px}.eyebrow i{width:7px;height:7px;background:var(--blue);border-radius:50%}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:45px;align-items:center;padding-top:48px;padding-bottom:55px}.hero-copy{padding:35px 0}.intro{font-size:15px;line-height:1.85;max-width:540px}.actions{display:flex;align-items:center;gap:26px;margin:32px 0 40px}.hero-note{display:flex;gap:14px;align-items:center}.hero-note p{font-size:11px;line-height:1.8;margin:0}.hero-note strong{font-weight:500;color:var(--ink)}.cross{font-size:38px;color:var(--blue)}.hero-art{height:560px;position:relative;background:#e9f0f2;overflow:hidden;border-radius:3px;background-image:linear-gradient(120deg,#eef3f3,#dbe8ec)}.art-top{position:absolute;top:22px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#526970}.art-board{position:absolute;left:23%;top:15%;width:58%;height:69%;transform:perspective(1000px) rotateY(-13deg) rotateZ(3deg);box-shadow:12px 20px 22px #26455235,6px 3px 0 #a4b3b4;border:5px solid #f9f7ee}.art-board img{height:100%;width:100%;object-fit:cover}.floating-label{position:absolute;right:12px;top:116px;z-index:2;padding:15px 20px;background:#ffffffed;box-shadow:0 6px 25px #102e3b08;font-size:11px;transform:rotate(3deg)}.floating-label strong{font-weight:600}.dimension{position:absolute;bottom:58px;left:20%;right:15%;display:flex;align-items:center;justify-content:space-between;font-size:17px;color:#73919e}.dimension span{font-size:7px;letter-spacing:1px}.art-tag{position:absolute;bottom:18px;left:25px;right:25px;font-size:10px;display:flex;justify-content:space-between}.art-tag span{font-size:8px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding-top:30px;padding-bottom:34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats div{padding-left:30px;border-left:1px solid var(--line);display:flex;flex-direction:column}.stats div:first-child{padding-left:0;border:0}.stats strong{font-size:34px;font-family:Raleway,sans-serif;font-weight:500;letter-spacing:-1px}.stats small{font-size:21px}.stats span{font-size:10px;color:var(--muted)}.section{padding-top:96px;padding-bottom:80px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px;gap:35px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:12px;line-height:1.9;max-width:360px;margin-bottom:4px}.materials{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.swatch{height:245px;display:grid;place-items:center;overflow:hidden;background:#f1f4f3;position:relative}.swatch>div{transition:transform .5s}.material:hover .swatch>div{transform:rotate(-4deg) scale(1.05)}.glass{background:linear-gradient(130deg,#e0edf2,#c4dce1)}.glass>div{width:65%;height:65%;display:flex;align-items:center;justify-content:space-evenly;font-size:80px;font-weight:500;letter-spacing:-8px;color:#0081c3;transform:rotate(-8deg);background:linear-gradient(120deg,#ffffff77,#ffffff11);border:1px solid #fff9;box-shadow:12px 18px 0 #588b9a20,14px 20px 25px #335b6822}.glass span{font-size:35px;align-self:flex-start;letter-spacing:0}.wood{background:#eee5d8}.wood>div{width:63%;height:77%;background:repeating-linear-gradient(92deg,#d7b98e 0,#e0c6a2 2px,#d7bb9522 5px,#d7b98e 8px),#debd91;box-shadow:9px 13px 0 #b69c7933;transform:rotate(7deg);font-family:Georgia,serif;font-size:44px;font-weight:bold;color:#365146;line-height:1;text-align:center;padding-top:42px}.metal{background:#e9edf0}.metal>div{position:relative;width:70%;height:65%;padding:20px 22px;background:linear-gradient(125deg,#eceded,#b4c0c5);box-shadow:10px 15px 20px #2d424327;transform:rotate(-7deg);font-size:9px;letter-spacing:4px;color:#283b45}.metal b{font-size:78px;font-weight:500;letter-spacing:-4px;line-height:1}.metal span{position:absolute;right:22px;bottom:22px;font-size:35px}.material-title{display:flex;justify-content:space-between;align-items:center;margin-top:23px}.material-title h3{margin:0;font-size:20px}.material-title>span{font-size:24px;color:var(--blue)}.material p{font-size:12px;margin:14px 0 22px}.tag{font-size:8px;font-weight:600;letter-spacing:1.3px;color:var(--blue)}.other-materials{border-top:1px solid var(--line);margin-top:32px;padding-top:22px;display:flex;align-items:center;gap:20px;justify-content:space-between}.other-materials p{font-size:11px;margin:0}.caption{font-size:10px;line-height:1.7;margin:10px 0;color:#657680}.config-section{background:#f0f7fa;padding:85px 0}.test-label{display:inline-block;color:var(--blue);border:1px solid #c0dce9;padding:3px 8px;font-size:8px;letter-spacing:1px;margin-top:12px}.config-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:60px}.preview-room{position:relative;min-height:650px;align-self:start;background:linear-gradient(#e1e8e8 78%,#d3d9d6 78%,#e3e6e1 100%);text-align:center;padding:20px 25px 15px;overflow:hidden}.preview-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px;color:#647579}.plain{border:0;background:transparent;color:#526a76;font-size:10px;padding:8px}.canvas-holder{height:455px;display:flex;align-items:center;justify-content:center;padding:35px 25px 45px}.canvas-holder canvas{max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:9px 14px 18px #24362c35,3px 3px 0 #9aada7;touch-action:none;cursor:grab}.room-bench{height:14px;background:#a88f6e;width:84%;margin:0 auto 30px;position:relative;box-shadow:0 3px 1px #807359}.room-bench:before,.room-bench:after{content:'';width:9px;height:55px;background:#84745f;position:absolute;top:14px;left:10px}.room-bench:after{left:auto;right:10px}.preview-room>p{position:relative;font-size:10px;margin-bottom:0}.preview-room>.caption{font-size:8px;margin-top:2px}.control-heading{display:flex;align-items:center;gap:12px;margin:0 0 16px}.control-heading>span{border:1px solid #9dc8dd;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;color:var(--blue);font-size:10px}.control-heading h3{font-size:16px;margin:0}.upload{display:flex;flex-direction:column;align-items:center;border:1px dashed #98bdd0;background:#ffffff99;padding:16px;text-align:center;cursor:pointer;position:relative}.upload:focus-within{outline:2px solid var(--blue);outline-offset:3px}.upload strong{font-size:12px;color:var(--blue)}.upload small{font-size:9px;color:var(--muted);margin-top:4px}.upload-icon{font-size:24px;color:var(--blue)}.upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.config-controls>.caption{margin-bottom:23px}.size-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:28px}.size-options button{border:1px solid #cfdee5;background:#fff;border-radius:3px;padding:10px 5px;font-size:12px;font-weight:600;color:var(--ink)}.size-options button.selected{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);color:#006da7}.size-options small{font-size:9px}.size-options canvas{display:block;margin:9px auto 0;height:55px;width:auto;max-width:100%}.range-label{display:flex;justify-content:space-between;font-size:10px;font-weight:600;margin:12px 0 5px}.range-label span{font-size:9px;font-weight:400;color:var(--muted)}input[type=range]{width:100%;accent-color:var(--blue);cursor:pointer;margin:8px 0}.position-controls{display:flex;gap:25px;margin:8px 0}.position-controls label{flex:1;font-size:9px}.check{display:flex;gap:8px;align-items:center;font-size:10px;margin:13px 0}.check input{accent-color:var(--blue)}select,input:not([type=range]):not([type=checkbox]):not([type=file]),textarea{width:100%;border:1px solid #cedce2;border-radius:3px;padding:12px;background:#fff;color:var(--ink);font-size:12px}textarea{resize:vertical}select{padding:10px}.quality{font-size:10px;min-height:18px;color:#4c6764}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.about>div>p:not(.eyebrow){font-size:13px}.about .text-link{margin-top:12px}.features article{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:22px 0}.features article:first-child{padding-top:0}.features article>span{font-size:11px;color:var(--blue)}.features h3{font-size:19px;margin-bottom:9px}.features p{font-size:12px;margin-bottom:0}.process{padding-top:35px;padding-bottom:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process>div{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.process article>span{color:var(--blue);font-size:11px}.process h3{font-size:17px;margin:12px 0 8px}.process p{font-size:11px}.faq{display:grid;grid-template-columns:1fr 1.1fr;gap:50px}.faq h2{font-size:36px}details{border-bottom:1px solid var(--line);padding:17px 0}summary{cursor:pointer;font-size:12px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:15px}summary:after{content:'+';color:var(--blue);font-size:18px}details[open] summary:after{content:'−'}details p{font-size:12px;margin:15px 0 0}.contact-section{padding:80px 0;background:#edf6fa}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-grid>div>p{font-size:12px}.contact-phone{font-size:25px;font-weight:500;display:block;margin:28px 0 5px}.contact-email{color:var(--blue);font-size:15px}.address{display:flex;gap:30px;margin-top:40px;font-size:10px}.address p{margin:10px 0}.address a{color:var(--blue)}form{background:#fff;padding:30px}form h3{margin-bottom:8px;font-size:23px}form>label,.form-row label{display:block;font-size:10px;font-weight:600;margin-bottom:18px}form input,form select,form textarea{margin-top:6px}form .caption{font-size:9px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.selection{background:var(--pale);padding:10px 12px;font-size:11px;margin:15px 0;display:flex;align-items:center;justify-content:space-between}.selection[hidden]{display:none}.selection button{border:0;background:transparent;font-size:20px;color:var(--blue)}footer{display:flex;gap:30px;align-items:center;justify-content:space-between;padding-top:40px;padding-bottom:40px}footer img{width:120px;height:auto}footer p{font-size:9px;margin:10px 0 0}footer a{font-size:10px}.menu-toggle{display:none}.skip{position:fixed;top:-100px;left:20px;background:white;z-index:20;padding:10px}.skip:focus{top:5px}:focus-visible{outline:3px solid #0081c3;outline-offset:4px}button:disabled{opacity:.5;cursor:wait}
@media(min-width:1500px){header{max-width:1280px}.hero{padding-top:65px;padding-bottom:65px}}@media(max-width:1100px){header{gap:20px;padding:0 28px}nav{gap:18px}.wrap{padding-left:30px;padding-right:30px}header>.button{display:none}.hero{gap:25px}.hero-art{height:500px}h1{letter-spacing:-3px}.actions{flex-wrap:wrap;gap:18px}.config-grid{gap:30px}.about,.contact-grid{gap:45px}.address{flex-wrap:wrap}.swatch{height:220px}.hero-note{margin-top:20px}}@media(max-width:760px){header{height:80px;position:relative}.logo{width:135px}.menu-toggle{display:block;margin-left:auto;background:transparent;border:1px solid var(--line);border-radius:3px;padding:7px 12px;font-size:12px}nav{display:none;position:absolute;top:80px;left:0;right:0;padding:22px 30px;background:white;border-bottom:1px solid var(--line);z-index:10;box-shadow:0 10px 20px #1232}nav.open{display:flex;flex-direction:column;gap:20px}.wrap{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;padding-top:18px;padding-bottom:35px;gap:15px}.hero-copy{padding:24px 0 0}h1{font-size:63px;letter-spacing:-3px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:20px}.intro{font-size:13px}.actions{margin:25px 0}.hero-note{margin-bottom:10px}.hero-art{height:440px;max-width:500px;width:100%;margin:auto}.stats{grid-template-columns:1fr 1fr;gap:25px;padding-top:26px;padding-bottom:26px}.stats div{padding-left:20px}.stats div:nth-child(3){border:0;padding-left:0}.stats strong{font-size:28px}.stats span{font-size:8px}.section{padding-top:60px;padding-bottom:55px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:24px;font-size:11px}h2{font-size:39px}.materials{grid-template-columns:1fr;gap:32px}.swatch{height:270px}.material p{margin-bottom:10px}.material-title{margin-top:17px}.other-materials{display:block}.other-materials .text-link{margin-top:15px}.config-section{padding:55px 0}.config-grid{grid-template-columns:1fr;gap:30px}.preview-room{min-height:480px}.canvas-holder{height:340px;padding:25px 35px 35px}.room-bench{margin-bottom:28px}.config-controls{padding-top:5px}.about,.faq,.contact-grid{grid-template-columns:1fr;gap:35px}.process>div{grid-template-columns:1fr;gap:15px}.process article{border-bottom:1px solid #edf0f2;padding-bottom:10px}.faq h2{font-size:33px}.contact-section{padding:55px 0}.contact-phone{font-size:24px}.address{gap:24px;margin-top:28px}form{padding:23px 19px}.form-row{grid-template-columns:1fr;gap:0}footer{align-items:flex-start;flex-direction:column;gap:16px}.floating-label{font-size:10px;right:16px;top:100px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.canvas-holder canvas{user-select:none;-webkit-user-select:none}.canvas-holder canvas.dragging{cursor:grabbing}.preview-room .pan-help{font-size:10px;line-height:1.6;margin:-20px 0 24px;min-height:32px;color:#3c5967}input[type=range]:disabled{opacity:.35;cursor:not-allowed}