
:root{
  --bg:#050706;--panel:#0b100d;--panel2:#101611;--line:#263126;--text:#f5f7f5;--muted:#aab2aa;
  --lime:#a8ef00;--lime2:#d5ff4f;--danger:#ff5b5b;--warn:#ffbd4a;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#050706;color:var(--text)}
a{text-decoration:none;color:inherit}.wrap{max-width:1220px;margin:auto;padding:0 20px}
header{position:sticky;top:0;z-index:50;background:rgba(3,5,4,.94);backdrop-filter:blur(10px);border-bottom:1px solid #172018}
.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px}.brand img{width:74px;height:54px;object-fit:contain;border-radius:9px}
.brand b{font-size:15px;letter-spacing:1px}.brand small{display:block;color:var(--muted);letter-spacing:2px;font-size:10px}
nav{display:flex;gap:22px;font-size:13px;font-weight:800}.pill{background:var(--lime);color:#071000;padding:12px 17px;border-radius:10px;font-weight:900}
.hero{min-height:660px;position:relative;overflow:hidden;border-bottom:1px solid #1a211b;background:#050706}
.hero::before{content:"";position:absolute;inset:0;background:
linear-gradient(90deg,rgba(0,0,0,.80) 0%,rgba(0,0,0,.62) 36%,rgba(0,0,0,.28) 68%,rgba(0,0,0,.16) 100%),
url('/assets/hero-bg.jpg') center/cover no-repeat;filter:saturate(.95) contrast(1.06)}
.hero .wrap{position:relative;z-index:2;padding-top:86px;padding-bottom:70px}
.hero-star{position:absolute;right:34px;top:88px;width:200px;height:200px;display:grid;place-items:center;color:#fff;filter:drop-shadow(0 12px 18px rgba(0,0,0,.42));z-index:3}.hero-star::before{content:"";position:absolute;inset:0;background:#ef2a2a;clip-path:polygon(50% 0%,58% 15%,71% 4%,74% 20%,88% 12%,84% 28%,100% 28%,89% 40%,100% 50%,89% 60%,100% 72%,84% 72%,88% 88%,74% 80%,71% 96%,58% 85%,50% 100%,42% 85%,29% 96%,26% 80%,12% 88%,16% 72%,0 72%,11% 60%,0 50%,11% 40%,0 28%,16% 28%,12% 12%,26% 20%,29% 4%,42% 15%)}.hero-star::after{content:"";position:absolute;inset:34px;background:#ef2a2a;border-radius:50%}.hero-star span{position:relative;z-index:1;width:112px;height:112px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.02;font-weight:900}.hero-star span{font-size:15px;letter-spacing:.04em}.hero-star strong{display:block;font-size:44px;margin-top:6px;line-height:1}.service-jumps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:900px;margin-top:18px}.service-jump{border:1px solid #39453a;background:rgba(8,12,9,.88);border-radius:12px;padding:16px 14px;min-height:82px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;letter-spacing:.02em;transition:.18s transform,.18s border-color,.18s background}.service-jump:hover{transform:translateY(-2px);border-color:var(--lime);background:#101710}.service-jump b{font-size:15px}.anchor-marker{scroll-margin-top:90px}.ppf-card{display:grid;grid-template-columns:1fr .75fr;gap:20px;margin-top:22px}.ppf-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ppf-option{border:1px solid #303a31;background:#080b09;border-radius:12px;padding:14px}.ppf-option b{display:block;margin-bottom:6px}.ppf-option span{color:var(--muted);font-size:13px;line-height:1.45}
.kit-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;margin-top:22px}.kit-pieces{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.kit-piece{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid #303a31;background:#080b09;border-radius:12px;padding:14px;cursor:pointer;margin:0}.kit-piece input{width:20px;height:20px;accent-color:var(--lime);margin:0}.kit-piece span b{display:block;font-size:14px}.kit-piece span small{display:block;color:var(--muted);font-size:12px;margin-top:4px;line-height:1.35}.kit-piece strong{color:var(--lime);font-size:20px;white-space:nowrap}
.kicker{color:#fff;font-weight:900;letter-spacing:.5px;font-size:15px;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.6)}
h1{font-size:clamp(46px,6.2vw,78px);line-height:.98;margin:18px 0 20px;text-transform:none;max-width:830px;text-shadow:0 3px 18px rgba(0,0,0,.55)}
h1 span{color:#fff}
.hero p{font-size:18px;line-height:1.6;max-width:620px;color:#e3e8e3}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.btn{border:1px solid #3b493c;background:#101510;color:#fff;border-radius:10px;padding:14px 18px;font-weight:900;cursor:pointer}
.btn.primary{background:var(--lime);border-color:var(--lime);color:#071000}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:860px;margin-top:22px}.feature{border:1px solid #263027;background:rgba(7,10,8,.75);border-radius:12px;padding:14px}.feature b{display:block;margin-bottom:5px}.feature span{color:var(--muted);font-size:13px}
section{padding:58px 0}.title h2{font-size:34px;margin:0}.title p{color:var(--muted);margin:8px 0 0}
.builder{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;margin-top:22px}.card{background:linear-gradient(180deg,#0d120e,#080b09);border:1px solid #263027;border-radius:18px;padding:20px}
.step{display:flex;align-items:center;gap:10px;margin:4px 0 17px}.num{width:30px;height:30px;border-radius:50%;background:var(--lime);display:grid;place-items:center;color:#071000;font-weight:900}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
label{display:block;font-size:12px;font-weight:800;margin-bottom:6px;color:#dce3dc} input,select,textarea{width:100%;background:#060907;color:#fff;border:1px solid #303a31;border-radius:10px;padding:12px;outline:none}
select:focus,input:focus,textarea:focus{border-color:var(--lime)}
.film-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.film{padding:12px;border:1px solid #303a31;border-radius:14px;background:linear-gradient(180deg,#0a0d0b,#060806);cursor:pointer;transition:.18s transform,.18s border-color,.18s box-shadow;overflow:hidden}
.film:hover{transform:translateY(-2px);border-color:#566257}
.film.active{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime) inset,0 0 22px rgba(168,239,0,.10)}
.film-preview{height:118px;border-radius:10px;margin-bottom:12px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#020302}
.film-preview img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .25s ease,filter .25s ease}
.film:hover .film-preview img{transform:scale(1.035);filter:contrast(1.04) saturate(1.04)}
.film-preview::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.22) 100%)}
.film strong{display:block;font-size:15px}
.film .p{color:var(--lime);font-size:21px;font-weight:900;margin:8px 0 3px}
.film small{color:var(--muted);line-height:1.35;display:block}
.windows{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.window{background:#080b09;border:1px solid #273028;border-radius:12px;padding:12px}.window.warn{border-color:var(--warn);box-shadow:0 0 0 1px rgba(255,189,74,.25) inset}.risk{display:none;color:#ffd77c;font-size:11px;margin-top:6px}.window.warn .risk{display:block}
.summary{position:sticky;top:94px;height:max-content}.big{font-size:56px;font-weight:900;color:var(--lime);margin:10px 0}.line{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #1e261f;color:#dce2dc}.line span:last-child{font-weight:800}
.alert{margin-top:14px;padding:12px;border-radius:10px;background:#20170a;border:1px solid #6e5116;color:#ffd98c;font-size:13px;line-height:1.45;display:none}.alert.show{display:block}
.shop{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.product{background:#0b100c;border:1px solid #273028;border-radius:14px;overflow:hidden}.product img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#fff}.product div{padding:12px}.product b{display:block}.product span{color:var(--muted);font-size:12px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}

.property-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;margin-top:22px}
.property-films{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.property-film{padding:12px;border:1px solid #303a31;border-radius:14px;background:linear-gradient(180deg,#0b100c,#060806);cursor:pointer;transition:.18s transform,.18s border-color,.18s box-shadow;overflow:hidden}
.property-film:hover{transform:translateY(-2px);border-color:#566257}
.property-film.active{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime) inset,0 0 22px rgba(168,239,0,.10)}
.property-film-photo{height:150px;width:100%;display:block;object-fit:cover;object-position:center;border-radius:10px;margin-bottom:14px;border:1px solid rgba(255,255,255,.10);background:#050706;transition:transform .25s ease,filter .25s ease}
.property-film:hover .property-film-photo{transform:scale(1.015);filter:contrast(1.03) saturate(1.03)}
.property-film strong{font-size:16px;display:block;padding:0 4px}.property-film .rate{font-size:27px;color:var(--lime);font-weight:900;margin:8px 4px 4px}.property-film small{color:var(--muted);line-height:1.45;display:block;padding:0 4px 4px}
.measure-box{margin-top:12px;padding:14px;border:1px solid #2c362e;border-radius:12px;background:#080b09}
.measure-check{display:flex;align-items:flex-start;gap:10px}.measure-check input{width:auto;margin-top:2px}.measure-check label{font-size:14px;margin:0;line-height:1.4}
.uploadbox{border:1px dashed #465449;border-radius:14px;padding:14px;background:#070a08}.uploadbox input[type=file]{padding:10px;background:#0b0f0c}
.photo-preview{display:none;margin-top:12px;max-height:260px;width:100%;object-fit:contain;border-radius:12px;border:1px solid #313c33;background:#030403}.photo-preview.show{display:block}
.property-price{font-size:46px;font-weight:900;color:var(--lime);margin:10px 0;line-height:1.05}.property-price.text{font-size:30px}
.contact-links{display:grid;gap:10px}.contact-link{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border:1px solid #303a31;border-radius:12px;background:#060907}.contact-link b{color:#fff}.contact-link span{color:var(--lime);font-weight:900;text-align:right;word-break:break-word}
.property-result{margin-top:10px}

footer{border-top:1px solid #1c241d;padding:28px 0;color:var(--muted)}
.modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.82);display:none;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.modalbox{width:min(760px,100%);max-height:92vh;overflow:auto;background:#0b100d;border:1px solid #39433a;border-radius:18px;padding:20px}.modalbox h3{font-size:26px;margin:0 0 10px}.warningbox{background:#1d1408;border:1px solid #6b4f16;padding:12px;border-radius:10px;color:#ffdc97;line-height:1.5;font-size:13px}
.check{display:flex;gap:10px;align-items:flex-start;margin:14px 0}.check input{width:auto;margin-top:3px}.sigwrap{background:#fff;border-radius:10px;border:2px solid #3d463e;overflow:hidden}.sigwrap canvas{width:100%;height:190px;display:block;touch-action:none}.sigbar{display:flex;justify-content:space-between;gap:10px;margin-top:8px}.small{font-size:12px;color:var(--muted);line-height:1.45}
.records{margin-top:14px}.record{border:1px solid #263027;border-radius:10px;padding:10px;margin-top:8px;background:#080b09}.record code{color:#bde768}
@media(max-width:950px){nav{display:none}.builder,.property-layout,.ppf-card{grid-template-columns:1fr}.summary{position:static}.grid4{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:repeat(2,1fr)}.hero-star{right:18px;top:54px;width:170px;height:170px}.hero-star::after{inset:28px}.hero-star span{width:96px;height:96px;font-size:13px}.hero-star strong{font-size:36px}.service-jumps{grid-template-columns:repeat(2,1fr);max-width:620px}}
@media(max-width:620px){.wrap{padding:0 14px}.brand b{display:none}.hero .wrap{padding-top:48px}.hero-star{position:relative;right:auto;top:auto;margin:0 0 18px auto;width:138px;height:138px}.hero-star::after{inset:23px}.hero-star span{width:80px;height:80px;font-size:11px}.hero-star strong{font-size:29px}.grid4,.grid2,.film-grid,.windows,.contact-grid,.property-films,.ppf-options,.kit-layout,.kit-pieces{grid-template-columns:1fr}.features{grid-template-columns:1fr 1fr}.service-jumps{grid-template-columns:1fr 1fr}.service-jump{min-height:72px;padding:12px 10px}.service-jump b{font-size:13px}.big{font-size:48px}.property-price{font-size:38px}.film-preview{height:150px}.property-film-photo{height:190px}}

/* Section-specific backgrounds requested by GTS */
#builder{position:relative;background:
  linear-gradient(180deg,rgba(3,6,4,.88),rgba(3,6,4,.92)),
  url('/assets/auto-builder-bg.jpg') center 22%/cover no-repeat;
  border-bottom:1px solid #1a211b}
#builder .card{background:linear-gradient(180deg,rgba(13,18,14,.94),rgba(8,11,9,.96));backdrop-filter:blur(2px)}
#property{position:relative;background:
  linear-gradient(180deg,rgba(3,6,4,.68),rgba(3,6,4,.82)),
  url('/assets/property-bg.jpg') center/cover no-repeat;
  border-top:1px solid #1a211b;border-bottom:1px solid #1a211b}
#property .card{background:linear-gradient(180deg,rgba(10,15,11,.93),rgba(6,9,7,.96));backdrop-filter:blur(2px)}
#precut-kit{position:relative;background:
  linear-gradient(90deg,rgba(3,6,4,.90),rgba(3,6,4,.78)),
  url('/assets/precut-bg.png') center/cover no-repeat;
  border-top:1px solid #1a211b}
#precut-kit .card{background:linear-gradient(180deg,rgba(10,15,11,.94),rgba(6,9,7,.97));backdrop-filter:blur(2px)}
.tier-rate{display:grid;gap:4px;margin:9px 4px 4px;font-size:13px;color:#dce3dc}
.tier-rate span{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #1e261f;padding-top:5px}
.tier-rate b{color:var(--lime);white-space:nowrap}
.kit-result{margin-top:10px}


.site-links{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.site-links a{border:1px solid #39453a;padding:10px 14px;border-radius:8px}.page-hero{padding:85px 0 65px;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.55)),url('/assets/hero-bg.jpg') center/cover}.page-hero h1{font-size:clamp(36px,6vw,66px)}.page-hero p,.prose p{max-width:760px;line-height:1.8;color:#dce3dc}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.prose h2{font-size:28px}.prose h3{font-size:21px}.prose li{line-height:1.8}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:15px;background:white;color:black;z-index:200;padding:12px}a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:4px}.preview-banner{text-align:center;padding:9px;background:#202718;font-size:13px}.footer-links{display:flex;flex-wrap:wrap;gap:14px;margin:16px 0}.mobile-menu{display:none}.mobile-menu summary{cursor:pointer;padding:10px}.mobile-menu a{display:block;padding:10px}@media(max-width:950px){.mobile-menu{display:block}.mobile-menu[open]{position:absolute;right:14px;top:14px;background:#101611;border:1px solid #39453a;border-radius:10px;padding:8px;z-index:60}.content-grid{grid-template-columns:1fr}}
