:root{--bg: #14171a;--bg-alt: #1b1f24;--card: #21262c;--border: #30363d;--text: #e8eaed;--text-dim: #9aa4af;--accent: #f5a623;--accent-dark: #d48f15;--accent-glow: rgba(245, 166, 35, .35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}h1,h2,h3{line-height:1.2;margin:0 0 .5em}a{color:var(--accent)}img{display:block;max-width:100%}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.print-head,.print-line:before{animation:none!important}}.hero{position:relative;min-height:92vh;display:flex;flex-direction:column;overflow:hidden;border-bottom:1px solid var(--border)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/img/hero.jpg) center 30% / cover no-repeat;animation:hero-zoom 22s ease-out forwards}@keyframes hero-zoom{0%{transform:scale(1.08)}to{transform:scale(1)}}.hero-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#0d0f12f0,#0d0f12c7 42%,#0d0f1259 75%,#0d0f128c),radial-gradient(ellipse at 75% 45%,rgba(245,166,35,.1),transparent 60%)}.hero-fade{position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(180deg,transparent,var(--bg))}.nav{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;max-width:1120px;width:100%;margin:0 auto;padding:22px 24px}.logo{font-weight:800;letter-spacing:.1em;font-size:1.15rem;text-shadow:0 2px 12px rgba(0,0,0,.6)}.logo-accent{color:var(--accent)}.nav-cta{text-decoration:none;font-weight:600;color:var(--text);border:1px solid var(--accent);padding:9px 20px;border-radius:6px;background:#14171a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .25s ease,box-shadow .25s ease}.nav-cta:hover{background:#f5a62329;box-shadow:0 0 22px var(--accent-glow)}.hero-inner{position:relative;z-index:2;max-width:1120px;width:100%;margin:auto;padding:48px 24px 110px}.hero-kicker{text-transform:uppercase;letter-spacing:.22em;font-size:.8rem;font-weight:700;color:var(--accent);margin:0 0 14px;text-shadow:0 1px 8px rgba(0,0,0,.7)}.hero h1{font-size:clamp(2.2rem,5.4vw,3.6rem);max-width:16ch;text-shadow:0 2px 24px rgba(0,0,0,.65)}.accent-grad{background:linear-gradient(92deg,var(--accent) 0%,#ffd37a 55%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.print-line{position:relative;height:4px;max-width:340px;margin:6px 0 22px;background:#f5a62324;border-radius:2px;overflow:visible}.print-line:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;background:linear-gradient(90deg,var(--accent),#ffd37a);transform-origin:left;animation:print-draw 2.6s cubic-bezier(.65,0,.35,1) forwards}.print-head{position:absolute;top:50%;left:0;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#ffe2a6 0%,var(--accent) 45%,transparent 72%);filter:blur(.5px);box-shadow:0 0 18px 4px var(--accent-glow);transform:translate(-50%,-50%);animation:print-head-move 2.6s cubic-bezier(.65,0,.35,1) forwards}@keyframes print-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes print-head-move{0%{left:0;opacity:1}92%{opacity:1}to{left:100%;opacity:0}}.lead{font-size:1.18rem;color:#c8cdd3;max-width:56ch;text-shadow:0 1px 10px rgba(0,0,0,.6)}.hero-actions{display:flex;gap:14px;margin:30px 0;flex-wrap:wrap}.btn{display:inline-block;padding:14px 28px;border-radius:8px;font-size:1rem;font-weight:700;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .2s ease,box-shadow .25s ease,background .25s ease}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(180deg,#ffbe4d,var(--accent));color:#14171a}.btn-primary:hover{box-shadow:0 4px 28px var(--accent-glow);transform:translateY(-1px)}.btn-glow{box-shadow:0 0 26px var(--accent-glow)}.btn-ghost{border-color:#e8eaed59;color:var(--text);background:#14171a73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-ghost:hover{border-color:var(--text-dim);transform:translateY(-1px)}.hero-usp{list-style:none;padding:0;margin:0;display:flex;gap:26px;flex-wrap:wrap;color:#c8cdd3;font-size:.95rem;text-shadow:0 1px 8px rgba(0,0,0,.7)}.hero-usp li:before{content:"✓ ";color:var(--accent);font-weight:700}.section{max-width:1120px;margin:0 auto;padding:76px 24px}.section-alt{max-width:none;background:radial-gradient(ellipse at 15% 0%,rgba(245,166,35,.05),transparent 55%),var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-alt>*{max-width:1072px;margin-left:auto;margin-right:auto}.section h2{font-size:clamp(1.6rem,3vw,2.1rem);margin-bottom:10px}.layer-divider{width:86px;height:10px;margin-bottom:26px;background:repeating-linear-gradient(180deg,var(--accent) 0 2px,transparent 2px 4px);opacity:.85;border-radius:1px}.section-lead{color:var(--text-dim);max-width:70ch;margin-bottom:34px}.grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card{background:linear-gradient(180deg,#232930,var(--card));border:1px solid var(--border);border-radius:12px;padding:26px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-4px);border-color:#f5a62373;box-shadow:0 14px 34px #00000059}.card h3{font-size:1.08rem}.card p{color:var(--text-dim);font-size:.95rem;margin:0}.step-n{display:inline-block;font-size:2rem;font-weight:800;line-height:1;margin-bottom:14px;background:linear-gradient(180deg,#ffd37a,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.case-tag{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(245,166,35,.4);border-radius:999px;padding:3px 12px;margin-bottom:14px}.case-card h3{font-size:1.02rem}.specs{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.spec{flex:1 1 140px;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}.spec-value{font-weight:800;font-size:1.02rem;color:var(--accent);white-space:nowrap}.spec-label{font-size:.8rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.faq{max-width:780px}.faq-item{border:1px solid var(--border);border-radius:10px;background:var(--card);margin-bottom:10px;overflow:hidden;transition:border-color .2s ease}.faq-item[open]{border-color:#f5a62373}.faq-item summary{cursor:pointer;padding:16px 44px 16px 20px;font-weight:700;list-style:none;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--accent);font-size:1.3rem;font-weight:700;transition:transform .2s ease}.faq-item[open] summary:after{transform:translateY(-50%) rotate(45deg)}.faq-item p{margin:0;padding:0 20px 18px;color:var(--text-dim);font-size:.95rem}.photo-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.photo-card:hover{transform:translateY(-5px);border-color:#f5a62380;box-shadow:0 18px 44px #00000073}.photo-wrap{aspect-ratio:16 / 9;overflow:hidden}.photo-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.photo-card:hover .photo-wrap img{transform:scale(1.05)}.photo-body{padding:20px 24px 24px}.photo-body h3{font-size:1.1rem;margin-bottom:6px}.photo-body p{color:var(--text-dim);font-size:.95rem;margin:0}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:start}@media(max-width:860px){.split{grid-template-columns:1fr}}.split-img{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--border)}.split-img img{width:100%;height:100%;object-fit:cover}.split-img-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 70% 40%,rgba(245,166,35,.14),transparent 60%);pointer-events:none}.materials{border:1px solid var(--border);border-radius:12px;overflow:hidden}.material-row{display:grid;grid-template-columns:200px 1fr;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--card);transition:background .2s ease}.material-row:hover{background:#262c33}.material-row:last-child{border-bottom:none}.material-name{font-weight:700}.material-use{color:var(--text-dim)}@media(max-width:560px){.material-row{grid-template-columns:1fr;gap:2px}}.order-form{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:30px;display:flex;flex-direction:column;gap:18px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}.order-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.95rem}.order-form input,.order-form textarea{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:11px 14px;font:inherit;font-weight:400;transition:border-color .2s ease,box-shadow .2s ease}.order-form input:focus,.order-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f5a6232e}.order-form input[type=file]{padding:9px}.label-hint,.file-list{color:var(--text-dim);font-weight:400;font-size:.85rem}.hp{position:absolute;left:-9999px;height:0;width:0;border:0;padding:0}.btn-submit{align-self:flex-start}.btn-submit:disabled{opacity:.6;cursor:wait}.form-note{color:var(--text-dim);font-size:.85rem;margin:0}.form-error{color:#ff7b72;background:#ff7b7214;border:1px solid rgba(255,123,114,.4);border-radius:8px;padding:10px 14px;margin:0}.form-success{background:var(--card);border:1px solid var(--accent);border-radius:14px;padding:34px;text-align:center;box-shadow:0 0 40px #f5a6231f}.form-success p{color:var(--text-dim);max-width:50ch;margin:0 auto 20px}.calc{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 14px 44px #0000004d}.calc-tabs{display:flex;border-bottom:1px solid var(--border)}.calc-tab{flex:1;padding:15px;background:var(--bg);color:var(--text-dim);border:none;border-right:1px solid var(--border);border-bottom:2px solid transparent;font:inherit;font-weight:700;cursor:pointer;transition:color .2s ease,background .2s ease}.calc-tab:last-child{border-right:none}.calc-tab:hover{color:var(--text)}.calc-tab.active{background:var(--card);color:var(--accent);border-bottom-color:var(--accent)}.calc-body{padding:26px 30px 30px;display:flex;flex-direction:column;gap:18px}.calc-hint{color:var(--text-dim);margin:0;font-size:.95rem}.calc-body label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.95rem}.calc-body input,.calc-body select{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:11px 14px;font:inherit;font-weight:400;transition:border-color .2s ease,box-shadow .2s ease}.calc-body input:focus,.calc-body select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f5a6232e}.calc-result{border:1px solid var(--accent);border-radius:12px;padding:22px;background:radial-gradient(ellipse at 20% 0%,rgba(245,166,35,.12),transparent 60%),#f5a6230d;box-shadow:0 0 34px #f5a6231a;animation:result-in .35s ease}@keyframes result-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.calc-price{display:block;font-size:1.7rem;font-weight:800;background:linear-gradient(92deg,#ffd37a,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:6px}.calc-result p{color:var(--text-dim);font-size:.9rem;margin:0 0 14px}.calc-note{color:var(--text-dim);font-size:.9rem;margin:0}.estimate-chip{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f5a62314;border:1px solid var(--accent);border-radius:8px;padding:10px 14px;font-size:.9rem}.estimate-chip button{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:1rem}.footer{border-top:1px solid var(--border);padding:44px 24px;background:radial-gradient(ellipse at 50% 120%,rgba(245,166,35,.06),transparent 60%),var(--bg)}.footer-inner{max-width:1120px;margin:0 auto;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer p{color:var(--text-dim);font-size:.9rem;margin:0}.footer-about{max-width:520px}.footer-about p{margin-top:14px}.footer-contact{text-align:right}@media(max-width:700px){.footer-inner{flex-direction:column}.footer-contact{text-align:left}}
