:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;--color-dark:#0f172a;--color-mid:#475569;--color-light:#f8fafc;--color-surface:#fff;--color-surface-soft:hsla(0,0%,100%,.82);--color-accent:#fb923c;--color-accent-dark:#ea580c;--color-technical:#0f766e;--color-border:rgba(15,23,42,.08);--color-border-strong:rgba(15,23,42,.14);--shadow-soft:0 18px 40px -25px rgba(15,23,42,.45);--shadow-strong:0 28px 70px -45px rgba(15,23,42,.48);--shadow-card:0 20px 60px -35px rgba(15,23,42,.4)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--color-light);color:var(--color-dark)}a{color:inherit;text-decoration:none}a:focus,a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.site-header{background:linear-gradient(rgba(148,163,184,.08) 1px,transparent 0),linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 0),radial-gradient(90% 100% at 12% 0,rgba(15,118,110,.34) 0,transparent 48%),radial-gradient(80% 90% at 92% 18%,rgba(251,146,60,.2) 0,transparent 42%),linear-gradient(160deg,#111827,#1f2937 62%,#334155);background-size:36px 36px,36px 36px,auto,auto,auto;color:#f8fafc;padding:28px 20px 92px}.top-nav{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto 56px}.brand{font-weight:700;font-size:1.25rem;letter-spacing:.05em;color:#f1f5f9}.nav-links{display:flex;gap:28px;list-style:none;margin:0;padding:0}.nav-links a{font-weight:500;color:#e2e8f0;transition:color .2s ease}.nav-links a:focus,.nav-links a:hover{color:#fff;text-decoration:none}.menu-toggle{display:none;flex-direction:column;gap:6px;background:transparent;border:1px solid rgba(226,232,240,.4);border-radius:10px;padding:10px;cursor:pointer}.menu-bar{display:block;width:24px;height:2px;background:#e2e8f0}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);grid-gap:48px;gap:48px;max-width:1100px;margin:0 auto;align-items:center}.hero-content .eyebrow{font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(248,250,252,.7);font-weight:700}.hero-content h1{font-size:clamp(2.6rem,4vw,3.6rem);line-height:1.1;margin:12px 0 18px}.hero-content .lead{color:rgba(248,250,252,.85);max-width:560px;margin:0;font-size:1.08rem}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.hero-card{background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.28);border-radius:14px;padding:28px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:360px;justify-self:end;box-shadow:inset 0 1px 0 rgba(248,250,252,.08)}.hero-card__title{font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:.08em}.hero-card__list{margin:0;padding-left:20px;color:rgba(226,232,240,.88)}main{padding:0 20px 96px}.section{max-width:1100px;margin:0 auto;padding:76px 0;color:var(--color-dark)}.section.accent{background:var(--color-surface);border-radius:18px;padding:76px clamp(1.5rem,4vw,3rem);box-shadow:var(--shadow-card)}.section-header{max-width:720px;margin-bottom:48px}.section-eyebrow{display:inline-block;letter-spacing:.18em;text-transform:uppercase;font-size:.82rem;color:var(--color-accent-dark);font-weight:600;margin-bottom:12px}.section h2{font-size:clamp(2rem,3.2vw,2.6rem);line-height:1.2;margin:0 0 18px}.panel-stack{display:grid;grid-gap:18px;gap:18px;width:100%}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:clamp(1.75rem,3vw,2.35rem);box-shadow:var(--shadow-soft);width:100%;min-width:0}.panel.compact{padding:clamp(1.15rem,2vw,1.55rem)}.panel-heading{display:flex;align-items:center;gap:.8rem;margin-bottom:1.15rem}.step-badge{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#ecfeff;color:var(--color-technical);border:1px solid rgba(15,118,110,.14);font-weight:800;font-size:.82rem}.panel h3{margin:0;font-size:1.3rem;font-weight:650;letter-spacing:-.01em}.panel p{color:var(--color-mid)}.field{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1.1rem}.field span{font-weight:600;letter-spacing:.01em;color:var(--color-dark)}.field input,.field select{padding:.75rem .9rem;border:1px solid rgba(15,23,42,.14);border-radius:10px;font-size:1rem;background:#f1f5f9;color:var(--color-dark);transition:border-color .2s ease,box-shadow .2s ease}.field input:focus,.field select:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px rgba(251,146,60,.25);outline:none}.file-field input{padding:.65rem;background:#e2e8f0}.hint{margin:0;font-size:.95rem}.hint,.material-meta{color:var(--color-mid)}.material-meta{margin:.9rem 0 1.2rem;display:grid;grid-gap:.45rem;gap:.45rem;font-size:.97rem}.material-meta strong{color:var(--color-dark)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1.15rem;gap:1.15rem}.wide-field{grid-column:1/-1}.add-ons{margin:0;padding:0;border:none;display:grid;grid-gap:.95rem;gap:.95rem;min-inline-size:0}.add-on{display:flex;gap:.85rem;align-items:flex-start;padding:.95rem 1.15rem;border:1px solid rgba(15,23,42,.12);border-radius:12px;background:#f8fafc;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.add-on input{margin-top:.25rem}.add-on div{display:flex;flex-direction:column;gap:.3rem}.add-on__name{font-weight:600;color:var(--color-dark)}.add-on__description{color:var(--color-mid);font-size:.93rem}.add-on:hover{border-color:var(--color-accent);box-shadow:0 18px 45px -28px rgba(251,146,60,.55);transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.8rem;border-radius:10px;border:none;font-weight:600;font-size:1rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn.primary{background:var(--color-accent);color:#0f172a;box-shadow:0 18px 35px rgba(251,146,60,.35)}.btn.primary:focus,.btn.primary:hover{background:var(--color-accent-dark);text-decoration:none;transform:translateY(-2px)}.btn.ghost{border:1px solid rgba(248,250,252,.5);color:rgba(248,250,252,.9);background:rgba(15,23,42,.2)}.btn.ghost:focus,.btn.ghost:hover{border-color:rgba(248,250,252,.85);text-decoration:none}.results{margin-top:1.8rem;padding:1.35rem 1.5rem;border-radius:12px;background:#f8fafc;border:1px solid rgba(15,23,42,.08);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8)}.results h3{margin:0 0 1rem;font-size:1.12rem;letter-spacing:-.005em;color:var(--color-dark)}.results ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem}.results li{font-size:1rem;color:var(--color-mid)}.results li strong{color:var(--color-dark)}.info-box,.warning{margin-top:.9rem;padding:.95rem 1.1rem;border-radius:12px;font-size:.98rem}.info-box{background:rgba(251,146,60,.1);border:1px solid rgba(251,146,60,.3);color:var(--color-dark)}.warning{background:rgba(234,88,12,.12);border:1px solid rgba(234,88,12,.28);color:#ea580c}.hidden{display:none!important}.contact-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:32px;gap:32px;background:var(--color-surface);padding:clamp(1.8rem,4vw,3rem);border-radius:14px;box-shadow:var(--shadow-strong)}.calculator-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);grid-gap:24px;gap:24px;align-items:start}.preview-column{position:-webkit-sticky;position:sticky;top:22px;min-width:0}.preview-card{background:linear-gradient(180deg,rgba(248,250,252,.96),hsla(0,0%,100%,.98)),#fff;border:1px solid var(--color-border-strong);border-radius:16px;padding:clamp(1.15rem,2vw,1.45rem);box-shadow:var(--shadow-strong)}.preview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.preview-header h3{margin:0;font-size:1.24rem;line-height:1.2}.preview-pill{display:inline-flex;align-items:center;min-height:30px;padding:.35rem .7rem;border-radius:999px;background:#ecfeff;border:1px solid rgba(15,118,110,.16);color:var(--color-technical);font-size:.78rem;font-weight:800;text-transform:uppercase;white-space:nowrap}.preview-stage{aspect-ratio:1.35;border:1px solid rgba(15,23,42,.09);border-radius:14px;background:linear-gradient(rgba(15,23,42,.035) 1px,transparent 0),linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 0),#f8fafc;background-size:28px 28px;overflow:hidden}.preview-stage,.three-viewer{position:relative;min-height:300px}.three-viewer,.three-viewer canvas{width:100%;height:100%}.three-viewer canvas{display:block}.viewer-hint{position:absolute;left:12px;bottom:12px;z-index:1;padding:.4rem .6rem;border:1px solid rgba(15,23,42,.08);border-radius:999px;background:hsla(0,0%,100%,.82);color:#475569;font-size:.78rem;font-weight:700;pointer-events:none}.empty-preview{display:grid;place-items:center;align-content:center;grid-gap:1rem;gap:1rem;min-height:300px;height:100%;padding:2rem;color:var(--color-mid);text-align:center}.empty-preview__icon{display:grid;place-items:center;width:82px;height:82px;border-radius:18px;background:linear-gradient(135deg,rgba(15,118,110,.12),rgba(251,146,60,.12)),#fff;border:1px solid rgba(15,23,42,.1);box-shadow:0 18px 40px -32px rgba(15,23,42,.48)}.empty-preview__icon span{color:var(--color-technical);font-size:1rem;font-weight:850;letter-spacing:.08em}.empty-preview strong{display:block;color:var(--color-dark);font-size:1.1rem;margin-bottom:.35rem}.empty-preview p{max-width:300px;margin:0 auto;font-size:.94rem;line-height:1.45}.preview-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.7rem;gap:.7rem;margin-top:1rem}.preview-metric{padding:.85rem;border:1px solid rgba(15,23,42,.08);border-radius:12px;background:#fff}.estimate-strip span,.preview-metric span{display:block;color:var(--color-mid);font-size:.8rem;font-weight:650;text-transform:uppercase}.preview-metric strong{display:block;margin-top:.22rem;font-size:.98rem;line-height:1.25;color:var(--color-dark)}.estimate-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem;border-radius:14px;overflow:hidden;border:1px solid rgba(15,118,110,.22)}.estimate-strip div{padding:1rem;background:#0f766e;color:#f8fafc}.estimate-strip div+div{border-left:1px solid hsla(0,0%,100%,.22);background:#115e59}.estimate-strip span{color:rgba(240,253,250,.78)}.estimate-strip strong{display:block;margin-top:.2rem;font-size:clamp(1.18rem,2vw,1.55rem);line-height:1.15}.contact-info h3{margin-top:0;margin-bottom:8px}.contact-info p{margin:0 0 6px;color:var(--color-mid)}.contact-link{font-weight:600;color:var(--color-accent-dark)}.contact-link:focus,.contact-link:hover{color:var(--color-accent);text-decoration:none}.contact-cta{align-self:center;text-align:center}.contact-highlight{font-weight:600;margin-bottom:16px;color:var(--color-dark)}.site-footer{text-align:center;padding:40px 20px 60px;color:var(--color-mid);background:transparent}@media (max-width:900px){.hero{grid-template-columns:minmax(0,1fr);justify-items:start}.hero-card{justify-self:stretch}.calculator-shell{grid-template-columns:minmax(0,1fr)}.preview-column{position:static;order:-1}}@media (max-width:768px){.top-nav{position:relative}.menu-toggle{display:flex}.nav-links{position:absolute;top:60px;right:0;left:0;flex-direction:column;background:rgba(15,23,42,.95);padding:28px;gap:20px;border-radius:16px;border:1px solid rgba(148,163,184,.3);transition:opacity .2s ease,transform .2s ease;opacity:0;pointer-events:none;transform:translateY(-10px)}.nav-links.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.hero{margin-top:40px}}@media (max-width:540px){main{padding-left:16px;padding-right:16px}.section{padding:56px 0}.section.accent{padding:56px 1rem;border-radius:24px}.panel{padding:1.4rem;border-radius:14px}.grid{gap:1rem}.estimate-strip,.grid,.preview-header,.preview-metrics{grid-template-columns:minmax(0,1fr)}.preview-header{align-items:flex-start}.estimate-strip div+div{border-left:0;border-top:1px solid hsla(0,0%,100%,.22)}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}