@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap');:root{--ink:#1b2024;--muted:#687178;--paper:#f4f2ec;--accent:#f2b84b;--line:#d9d7cf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}header{height:80px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:inherit;font-weight:800;letter-spacing:-.04em}.brand small{display:block;font:10px 'DM Mono';letter-spacing:.12em;color:var(--muted);margin-top:2px}.mark{background:var(--accent);width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:23px}nav{display:flex;gap:28px}nav a{color:var(--muted);text-decoration:none;font-size:13px}.nav-contact{color:#a27a24;text-decoration:none;font:12px "DM Mono";margin-right:8px}.nav-cta,.primary{background:var(--ink);color:#fff;text-decoration:none;border:0;padding:13px 18px;border-radius:8px;font-weight:700;font-size:13px}.nav-cta span,.primary span{color:var(--accent);margin-left:12px}.hero{min-height:650px;padding:85px 10vw 90px;display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center}.eyebrow{font:11px 'DM Mono';letter-spacing:.16em;color:#a27a24;margin:0 0 18px}h1,h2{font-size:clamp(46px,6.5vw,92px);line-height:.98;letter-spacing:-.07em;margin:0 0 26px}h1 em,h2 em{font-style:normal;color:#b87e1c}h2{font-size:clamp(34px,4vw,58px)}.intro{max-width:430px;line-height:1.8;color:var(--muted);font-size:16px;margin-bottom:33px}.hero-meta{display:flex;gap:18px;margin-top:44px;color:var(--muted);font:11px 'DM Mono';flex-wrap:wrap}.hero-meta b{color:var(--ink)}.hero-art{height:430px;background:#23282b;position:relative;overflow:hidden;border-radius:18px;box-shadow:20px 20px 0 var(--accent)}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:360px;height:360px;background:linear-gradient(140deg,#eee6d2,#8a8d87);top:80px;left:20%}.orb-two{width:150px;height:150px;background:#dd7153;top:40px;right:10%;opacity:.95}.cube{position:absolute;background:#29617b;color:#dce7e7;width:120px;height:120px;right:24%;bottom:65px;transform:rotate(18deg) skewY(-8deg);display:grid;place-items:center;text-align:center;font:bold 27px 'DM Mono';box-shadow:18px 16px 0 #143744}.cube small{font-size:10px;letter-spacing:.15em}.label{position:absolute;left:25px;bottom:25px;color:#fff;font:11px 'DM Mono';line-height:1.7}.label strong{font-family:Manrope;font-size:14px}.mode-switch{display:flex;gap:8px;margin-bottom:28px}.mode{padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);cursor:pointer}.mode.active{background:var(--ink);color:#fff;border-color:var(--ink)}.estimator{padding:90px 6vw;background:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.section-head>p{color:var(--muted);font-size:13px}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;max-width:1200px;margin:auto}.drop{border:1px dashed #aaa99f;border-radius:10px;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;background:#faf9f5}.drop input{display:none}.upload-icon{font-size:28px;color:#b87e1c}.drop span:not(.upload-icon){color:var(--muted);font-size:12px}.file-state{font:11px 'DM Mono';color:var(--muted);padding:13px 0}.viewer{height:330px;background:#202629;border-radius:10px;position:relative;overflow:hidden}.viewer canvas{display:block;width:100%;height:100%}.viewer-empty{height:100%;display:grid;place-items:center;align-content:center;color:#788083;text-align:center}.viewer-empty span{font-size:44px;color:#d1a248}.viewer-empty p{margin:8px 0 3px;color:#d7d7d0}.viewer-empty small{font:11px 'DM Mono'}.controls{display:flex;flex-direction:column;gap:18px}.control-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700}select,input{font:13px Manrope;padding:12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}output{float:right;font:11px 'DM Mono';color:#a27a24}input[type=range]{padding:0;accent-color:#b87e1c}.manual{border-top:1px solid var(--line);padding-top:18px}.price-card{background:var(--ink);color:#fff;border-radius:9px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.price-card span{color:#aab1b0;font:11px 'DM Mono'}.price-card strong{display:block;font-size:26px;margin-top:7px}.price-card strong small{font-size:12px}.price{color:var(--accent)}.breakdown{grid-column:1/-1;border-top:1px solid #3e4649;padding-top:13px;color:#bac1be;font:11px 'DM Mono';line-height:1.7}.wide{width:100%;cursor:pointer}.fine{font-size:11px;color:var(--muted);line-height:1.6;margin:0}.process{padding:100px 10vw;display:grid;grid-template-columns:1fr 2fr;gap:7vw}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps article{border-top:1px solid var(--ink);padding-top:15px}.steps b{font:11px 'DM Mono';color:#b87e1c}.steps h3{margin:35px 0 10px;font-size:18px}.steps p,.contact-info p{color:var(--muted);font-size:13px;line-height:1.7}.contact{background:var(--accent);padding:90px 10vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw}.contact h2{color:var(--ink)}.contact-info{align-self:end}.contact-info a,.contact-info span{display:block;color:var(--ink);font-weight:700;margin-top:14px;text-decoration:none}.contact-info span{font:12px 'DM Mono'}footer{padding:24px 6vw;display:flex;justify-content:space-between;color:var(--muted);font:10px 'DM Mono'}@media(max-width:750px){header{padding:0 5vw}nav{display:none}.nav-cta{padding:10px}.hero{padding:60px 7vw;display:block}.hero-art{margin-top:60px;height:300px}.estimator,.process,.contact{padding:65px 7vw}.section-head,.process,.contact{display:block}.section-head>p{margin-top:20px}.quote-grid{display:block}.controls{margin-top:28px}.steps{margin-top:38px;grid-template-columns:1fr}.steps h3{margin-top:18px}.contact-info{margin-top:34px}footer{padding:22px 5vw;gap:12px;flex-direction:column}}


