:root{--bg:#f6f7f5;--surface:#fff;--ink:#111713;--muted:#5e6a62;--line:#dfe5df;--brand:#196b45;--brand2:#0f4f33;--accent:#d9ff7b;--dark:#0d1711;--shadow:0 18px 55px rgba(11,31,20,.10);--radius:22px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 36px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:10px 14px;z-index:1000}.topbar{background:var(--dark);color:#dce9e1;font-size:13px}.topbar .container{display:flex;justify-content:space-between;gap:18px;padding:7px 0}.topbar a{color:#fff}.header{position:sticky;top:0;z-index:50;background:rgba(246,247,245,.91);backdrop-filter:blur(15px);border-bottom:1px solid rgba(223,229,223,.75)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:18px}.logo{font-weight:900;letter-spacing:-.05em;font-size:24px}.logo span{color:var(--brand)}.navlinks{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:650}.navlinks a:hover{color:var(--brand)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:var(--brand);color:#fff;padding:12px 19px;font-weight:750;cursor:pointer;transition:.2s transform,.2s background}.btn:hover{background:var(--brand2);transform:translateY(-1px)}.btn.light{background:#fff;color:var(--ink)}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.menu-btn{display:none;background:transparent;border:0;font-size:26px}.hero{padding:58px 0 34px}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:38px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--brand)}.dot{width:8px;height:8px;background:var(--accent);border:2px solid var(--brand);border-radius:50%}h1,h2,h3{line-height:1.08;letter-spacing:-.045em;margin:0 0 15px}h1{font-size:clamp(40px,5.5vw,72px)}h2{font-size:clamp(30px,4vw,48px)}h3{font-size:22px}.lead{font-size:clamp(17px,2vw,21px);color:var(--muted);max-width:740px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;color:var(--muted);font-size:14px}.hero-media{position:relative}.hero-media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:30px;box-shadow:var(--shadow)}.hero-card{position:absolute;left:-24px;bottom:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:16px 18px;max-width:245px}.hero-card b{display:block;font-size:20px}.section{padding:72px 0}.section.compact{padding:48px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-head p{max-width:620px;color:var(--muted);margin:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 5px 18px rgba(11,31,20,.03)}.card.feature{padding:0;overflow:hidden}.card.feature img{width:100%;aspect-ratio:16/10;object-fit:cover}.card.feature .content{padding:22px}.card p{color:var(--muted);margin:0 0 16px}.kicker{font-size:12px;text-transform:uppercase;font-weight:850;letter-spacing:.09em;color:var(--brand);margin-bottom:9px}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}.metric{padding:22px;text-align:center;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric strong{display:block;font-size:28px;letter-spacing:-.04em}.metric span{font-size:13px;color:var(--muted)}.dark{background:var(--dark);color:#fff}.dark .muted{color:#aab9b0}.dark .card{background:#142119;border-color:#2a3c31}.dark .card p{color:#b5c2bb}.pill{display:inline-flex;background:#e8f2ec;color:var(--brand2);font-weight:750;font-size:12px;padding:7px 10px;border-radius:999px}.process{counter-reset:step}.process .card{position:relative;padding-left:72px}.process .card:before{counter-increment:step;content:counter(step);position:absolute;left:22px;top:22px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--accent);font-weight:900}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.gallery img{width:100%;height:330px;object-fit:cover;border-radius:20px}.gallery img:first-child{height:672px;grid-row:span 2}.gallery .small{height:330px}.faq{display:grid;gap:10px}.faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 18px}.faq summary{cursor:pointer;font-weight:760;padding:17px 0}.faq details p{color:var(--muted);margin:0 0 18px}.cta{background:linear-gradient(135deg,#173e2b,#0d1711);border-radius:30px;padding:42px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:28px}.cta p{color:#c5d4cb;max-width:680px}.footer{background:#09100c;color:#dce6df;padding:54px 0 90px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:35px}.footer .footer-title{margin:0 0 14px;color:#fff;font-weight:750;font-size:16px;line-height:1.3}.footer a{display:block;color:#aebcb4;margin:8px 0;font-size:14px}.footer .logo{color:#fff}.copyright{border-top:1px solid #26342b;margin-top:34px;padding-top:20px;color:#8d9b93;font-size:13px}.breadcrumbs{font-size:13px;color:var(--muted);padding-top:22px}.article-hero{padding:38px 0 24px}.article-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}.article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px}.article h2{font-size:32px;margin-top:38px}.article h3{font-size:22px;margin-top:28px}.article p,.article li{color:#344039}.article img{border-radius:18px;margin:24px 0}.summary-box{background:#eef7f1;border:1px solid #d3e8da;border-radius:18px;padding:20px;margin:4px 0 28px}.summary-box strong{display:block;margin-bottom:6px}.toc{position:sticky;top:100px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.toc b{display:block;margin-bottom:10px}.toc a{display:block;color:var(--muted);padding:6px 0;font-size:14px}.form-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #cfd8d1;background:#fbfcfb;padding:12px 13px;border-radius:12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(25,107,69,.10)}.notice{font-size:12px;color:var(--muted)}.calc{display:grid;grid-template-columns:1fr .8fr;gap:24px}.result{background:var(--dark);color:#fff;border-radius:24px;padding:26px;min-height:280px}.result .big{font-size:48px;font-weight:900;letter-spacing:-.05em}.result p{color:#b7c6bd}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);border-radius:999px;padding:9px 12px;background:#fff;font-size:13px}.compare{overflow:auto}.compare table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden}.compare th,.compare td{padding:15px;border-bottom:1px solid var(--line);text-align:left;min-width:160px}.compare th{background:#f0f4f1}.ai-answer{border-left:4px solid var(--accent);padding:4px 0 4px 16px;margin:20px 0}.tag-list{display:flex;gap:8px;flex-wrap:wrap}.mobile-cta{display:none;position:fixed;left:10px;right:10px;bottom:10px;z-index:60;background:var(--dark);border:1px solid #2a3c31;border-radius:18px;padding:9px;gap:8px;box-shadow:var(--shadow)}.mobile-cta .btn{flex:1;padding:11px 12px}.hide-desktop{display:none}
@media(max-width:900px){.navlinks{display:none;position:absolute;top:72px;left:18px;right:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.menu-btn{display:block}.nav>.btn{display:none}.hero-grid,.article-wrap,.calc,.grid-3,.grid-2{grid-template-columns:1fr}.hero{padding-top:34px}.hero-card{left:10px}.metric-row{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.section{padding:54px 0}.gallery{grid-template-columns:1fr 1fr}.gallery img:first-child{grid-column:1/-1;height:430px;grid-row:auto}.gallery .small{height:240px}.footer-grid{grid-template-columns:1fr 1fr}.toc{display:none}.section-head{align-items:start;flex-direction:column}.mobile-cta{display:flex}.footer{padding-bottom:120px}.hide-mobile{display:none}.hide-desktop{display:block}}
@media(max-width:560px){.container{width:min(100% - 24px,var(--max))}.topbar .container{justify-content:center}.topbar span{display:none}h1{font-size:42px}.hero-media img{border-radius:22px}.hero-card{position:static;margin-top:10px;max-width:none}.gallery{grid-template-columns:1fr}.gallery img:first-child,.gallery .small{height:280px}.metric-row{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.cta{padding:28px;align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.article{padding:22px}.article h2{font-size:28px}.hide-desktop{display:block}}
/* Projektant Pergoli 360 */
.nav-special{color:var(--brand)!important;font-weight:850!important}.designer-hero{padding:54px 0 34px;background:radial-gradient(circle at 82% 8%,rgba(217,255,123,.32),transparent 26%),linear-gradient(180deg,#f8faf7 0%,#f1f6f2 100%)}.designer-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:46px;align-items:center}.designer-hero h1 span{color:var(--brand)}.designer-demo{background:#0d1711;color:#fff;border-radius:30px;padding:28px;box-shadow:0 24px 60px rgba(13,23,17,.22);position:relative;overflow:hidden}.designer-demo:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(217,255,123,.08);right:-80px;top:-90px}.demo-top{display:flex;align-items:center;gap:10px;font-size:13px;color:#b6c7bd}.demo-top b{color:#fff;margin-right:auto}.demo-top>span:last-child{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--accent)}.pulse{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px rgba(217,255,123,.11)}.demo-score{display:flex;align-items:center;justify-content:space-between;padding:34px 0 26px}.demo-score small{display:block;color:#91a49a}.demo-score strong{font-size:52px;letter-spacing:-.06em}.score-ring{width:72px;height:72px;border:8px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-right-color:var(--accent);border-radius:50%;display:grid;place-items:center;color:var(--accent);font-weight:900}.demo-lines{display:grid;gap:10px}.demo-lines span{display:grid;grid-template-columns:34px 1fr auto;gap:10px;padding:12px 0;border-top:1px solid #24342b;font-size:13px;color:#c8d5ce}.demo-lines i{font-style:normal;color:#6f8478}.demo-lines b{color:#fff;font-size:12px}.designer-section{padding-top:60px}.designer-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:24px;align-items:start}.designer-form{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 12px 35px rgba(11,31,20,.05);overflow:hidden}.designer-progress{padding:18px 26px 16px;border-bottom:1px solid var(--line);background:#fbfcfb}.designer-progress>div:first-child{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:9px}.designer-progress b{color:var(--brand)}.progress-track{height:7px;background:#e9efeb;border-radius:999px;overflow:hidden}.progress-track i{display:block;height:100%;width:17%;background:linear-gradient(90deg,var(--brand),#6dbb74,var(--accent));border-radius:inherit;transition:width .25s}.designer-step{border:0;margin:0;padding:30px}.designer-step legend{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:850;line-height:1.1;letter-spacing:-.035em;padding:0}.designer-step legend span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#eef7f1;color:var(--brand);font-size:13px;letter-spacing:0}.step-intro{margin:10px 0 24px;color:var(--muted)}.choice-grid{display:grid;gap:12px;margin:16px 0 20px}.choice-grid.three{grid-template-columns:repeat(3,1fr)}.choice-grid.two{grid-template-columns:repeat(2,1fr)}.choice-card{position:relative;cursor:pointer}.choice-card input{position:absolute;opacity:0;pointer-events:none}.choice-card span{height:100%;display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:16px;padding:16px;background:#fbfcfb;transition:.18s border,.18s background,.18s transform}.choice-card b{font-size:15px}.choice-card small{color:var(--muted);line-height:1.35}.choice-card:hover span{transform:translateY(-1px);border-color:#b9c9be}.choice-card input:checked+span{border-color:var(--brand);background:#edf7f1;box-shadow:inset 0 0 0 1px var(--brand)}.choice-card input:focus-visible+span{outline:3px solid rgba(25,107,69,.16)}.designer-fields{margin:22px 0}.spaced{margin-top:24px}.step-nav{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.hp{position:absolute!important;left:-9999px!important}.designer-result{position:sticky;top:94px;background:#0d1711;color:#fff;border-radius:26px;padding:24px;box-shadow:0 20px 50px rgba(10,25,16,.15)}.result-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #28372f;padding-bottom:17px}.result-head h3{margin:2px 0 0}.readiness{width:70px;height:70px;border-radius:50%;background:#16271d;border:1px solid #33473b;display:grid;place-items:center;align-content:center}.readiness span{font-weight:900;font-size:18px;color:var(--accent);line-height:1}.readiness small{font-size:9px;color:#a7b6ae;margin-top:4px}.plan-card{position:relative;min-height:210px;margin:18px 0;background:linear-gradient(135deg,#16271d,#101c15);border:1px solid #2b3f33;border-radius:18px;overflow:hidden}.compass span{position:absolute;font-size:9px;color:#778b7f;font-weight:900;z-index:3}.compass span:nth-child(1){top:8px;left:50%}.compass span:nth-child(2){right:8px;top:48%}.compass span:nth-child(3){bottom:8px;left:50%}.compass span:nth-child(4){left:8px;top:48%}.plan-house{position:absolute;top:24px;left:24%;right:24%;height:34px;background:#d9e2dc;color:#31423a;border-radius:4px 4px 0 0;display:grid;place-items:center;font-size:9px;font-weight:900;letter-spacing:.12em}.plan-pergola{position:absolute;left:22%;right:22%;top:64px;bottom:28px;border:2px solid #8da89a;background:repeating-linear-gradient(90deg,rgba(217,255,123,.08),rgba(217,255,123,.08) 8px,transparent 8px,transparent 18px);display:grid;place-items:center;transition:.2s}.plan-pergola>span{font-size:12px;font-weight:800;background:#0d1711;padding:5px 8px;border-radius:8px}.screen-edge{position:absolute;background:transparent;transition:.2s}.screen-edge.recommended{background:var(--accent);box-shadow:0 0 12px rgba(217,255,123,.5)}.edge-top{height:4px;left:0;right:0;top:-3px}.edge-bottom{height:4px;left:0;right:0;bottom:-3px}.edge-left{width:4px;top:0;bottom:0;left:-3px}.edge-right{width:4px;top:0;bottom:0;right:-3px}.sun-dot{position:absolute;transform:translate(-50%,-50%);font-size:19px;transition:.3s;filter:drop-shadow(0 0 7px rgba(255,220,90,.4))}.result-block{padding:15px 0;border-top:1px solid #28372f}.result-block small,.risk-box>small,.photo-list>small{display:block;color:#91a49a;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:850;margin-bottom:6px}.result-block strong{font-size:18px}.result-block p{color:#b8c7bf;font-size:12px;line-height:1.5;margin:6px 0 0}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:2px 0 14px}.result-grid div{background:#142219;border:1px solid #26382d;border-radius:12px;padding:11px}.result-grid small{display:block;font-size:9px;color:#82968b;text-transform:uppercase}.result-grid b{font-size:12px}.recommend-list,.risk-box ul{padding-left:18px;margin:8px 0 0}.recommend-list li,.risk-box li{color:#c2d0c8;font-size:12px;margin:7px 0;line-height:1.45}.recommend-list li::marker{color:var(--accent)}.risk-box{background:#2a2113;border:1px solid #584525;border-radius:14px;padding:14px;margin-top:4px}.risk-box>small{color:#e3c77b}.risk-box li{color:#eadfc6}.photo-list{margin-top:15px;padding:14px;border:1px solid #2c3e34;border-radius:14px}.photo-list ol{display:grid;grid-template-columns:1fr 1fr;gap:5px 18px;margin:7px 0 0;padding-left:18px}.photo-list li{font-size:11px;color:#b9c7c0}.lead-box{margin-top:12px;padding:22px;border-radius:20px;background:#f3f8f4;border:1px solid #dce9df}.lead-box h3{margin-bottom:8px}.lead-box p{color:var(--muted);font-size:14px}.result-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.result-actions .btn{font-size:13px;padding:10px 14px}.mobile-result-copy{display:none}.result-mobile-card{display:grid;gap:4px;background:#0d1711;color:#fff;border-radius:16px;padding:16px;margin-bottom:18px}.result-mobile-card span{color:var(--accent);font-weight:800}.result-mobile-card small{color:#aebdb5}
@media(max-width:900px){.designer-hero-grid,.designer-layout{grid-template-columns:1fr}.designer-result{position:static;order:-1}.choice-grid.three{grid-template-columns:1fr}.designer-form{order:2}.mobile-result-copy{display:block}.designer-result{margin-bottom:2px}.designer-hero{padding-top:34px}.designer-demo{margin-top:4px}.photo-list ol{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.designer-step{padding:22px 18px}.designer-progress{padding:15px 18px}.designer-step legend{font-size:24px}.choice-grid.two{grid-template-columns:1fr}.step-nav{align-items:stretch;flex-direction:column-reverse}.step-nav .btn{width:100%}.designer-result{padding:18px}.designer-demo{padding:22px}.demo-score strong{font-size:44px}.demo-lines span{grid-template-columns:28px 1fr}.demo-lines b{display:none}.result-actions .btn{width:100%}.photo-list ol{grid-template-columns:1fr}.plan-card{min-height:190px}}
@media print{.topbar,.header,.designer-hero,.metric-row,.section-head,.designer-form>fieldset:not(.result-step),.designer-progress,.mobile-cta,.footer,.dark,.faq,.breadcrumbs,.result-actions,.step-nav,.lead-box .form-grid,.lead-box>div:first-child{display:none!important}.designer-section{padding:0}.designer-layout{display:block}.designer-form{border:0;box-shadow:none}.result-step{display:block!important;padding:0}.designer-result{position:static;background:#fff;color:#111;border:0;box-shadow:none;padding:0;margin:0}.designer-result .result-block,.designer-result .result-head{border-color:#ddd}.result-grid div,.plan-card{background:#fff;color:#111;border-color:#ddd}.result-block p,.recommend-list li,.risk-box li,.photo-list li{color:#333}.risk-box{background:#fff7e8;border-color:#cdb67f}.risk-box>small{color:#725817}.readiness{background:#fff;border-color:#aaa}.readiness span{color:#111}.plan-house{background:#ddd}.plan-pergola>span{background:#fff;color:#111}.lead-box{background:#fff;border:0;padding:16px 0}.mobile-result-copy{display:none!important}}
.game-card{border-color:#b8d7c3;background:linear-gradient(145deg,#ffffff,#eff8f2);position:relative;overflow:hidden}.game-card:after{content:"360°";position:absolute;right:-12px;top:-22px;font-size:74px;font-weight:950;color:rgba(25,107,69,.055);letter-spacing:-.08em;pointer-events:none}
@media(max-width:900px){.designer-form{order:1}.designer-result{order:2}}

.designer-mobile-preview{display:none}
.mobile-preview-top{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px}
.mobile-readiness{width:64px;height:64px}
.mobile-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.mobile-preview-grid div{background:#142219;border:1px solid #26382d;border-radius:12px;padding:11px}
.mobile-preview-grid small{display:block;font-size:9px;color:#82968b;text-transform:uppercase}
.mobile-preview-grid b{font-size:12px;color:#fff}
.mobile-preview-why{margin:12px 0 0;color:#b8c7bf;font-size:13px;line-height:1.55}
@media(max-width:900px){.designer-mobile-preview{display:block;background:#0d1711;color:#fff;border-radius:22px;padding:18px;margin:18px;box-shadow:0 18px 40px rgba(10,25,16,.12)}.designer-result{display:none}.mobile-plan-card{min-height:220px;margin:0;background:linear-gradient(135deg,#16271d,#101c15)}.mobile-plan-card .plan-house{top:24px;left:24%;right:24%}.mobile-plan-card .plan-pergola{left:22%;right:22%;top:64px;bottom:28px}.mobile-preview-top h3{margin:2px 0 0;font-size:22px}.mobile-preview-top .kicker{color:#91a49a;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:850}}
@media(max-width:560px){.designer-mobile-preview{margin:15px;padding:16px}.mobile-preview-top{align-items:flex-start}.mobile-preview-top h3{font-size:20px}.mobile-preview-grid{grid-template-columns:1fr 1fr}.mobile-plan-card{min-height:210px}}

.footer .logo span{color:#75d7a0}

/* ===== AluPergola PRO 2026 ===== */
:root{--pro-gold:#c7ef67;--pro-dark:#0a120d;--pro-ink:#0d1711;--pro-soft:#edf4ef;--pro-blue:#7fd9d2}
.pro-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #cfe0d4;background:#fff;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}
.pro-hero{padding:64px 0 40px;background:radial-gradient(circle at 78% 20%,rgba(217,255,123,.34),transparent 26%),linear-gradient(180deg,#f9fbf8,#f0f6f2)}
.pro-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.pro-hero h1{max-width:760px}.pro-hero h1 em{font-style:normal;color:var(--brand)}
.pro-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:26px}.pro-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.pro-proof span{padding:8px 10px;background:#fff;border:1px solid var(--line);border-radius:999px;color:#425047;font-size:12px;font-weight:700}
.pro-hero-panel{background:#0c1710;color:#fff;border-radius:30px;padding:16px;box-shadow:0 28px 80px rgba(7,24,14,.22);position:relative;overflow:hidden}.pro-hero-panel:after{content:"";position:absolute;inset:auto -70px -80px auto;width:220px;height:220px;border-radius:50%;background:rgba(217,255,123,.08)}
.pro-hero-panel .iso-card{margin:0}.pro-panel-head{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 2px}.pro-panel-head small{color:#9fb0a6}.pro-panel-head b{font-size:14px}.live-dot{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:var(--accent);font-weight:900;letter-spacing:.08em}.live-dot:before{content:"";width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px rgba(217,255,123,.1)}
.pro-start-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.pro-start-card{position:relative;overflow:hidden;min-height:240px}.pro-start-card.primary{background:linear-gradient(145deg,#0d1711,#173b29);color:#fff;border-color:#243c2d}.pro-start-card.primary p{color:#b9c9c0}.pro-start-card .step-number{font-size:11px;font-weight:900;letter-spacing:.08em;color:var(--brand);text-transform:uppercase}.pro-start-card.primary .step-number{color:var(--accent)}.pro-start-card .big-link{display:inline-flex;margin-top:14px;font-weight:850;color:var(--brand)}.pro-start-card.primary .big-link{color:var(--accent)}
.pro-trust-strip{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pro-trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.pro-trust-item{padding:22px;border-right:1px solid var(--line)}.pro-trust-item:last-child{border:0}.pro-trust-item b{display:block;font-size:15px}.pro-trust-item small{color:var(--muted)}
.pro-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.pro-feature{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start}.pro-icon{width:48px;height:48px;display:grid;place-items:center;background:#eef7f1;border:1px solid #d6e7dc;border-radius:15px;font-weight:950;color:var(--brand)}
.pro-split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.pro-dark-card{background:#0d1711;color:#fff;border-radius:28px;padding:32px}.pro-dark-card p{color:#b8c6bd}.pro-checks{display:grid;gap:10px;margin-top:20px}.pro-checks span{display:flex;gap:10px;color:#dce6df}.pro-checks span:before{content:"✓";color:var(--accent);font-weight:900}
.pro-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.pro-tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;cursor:pointer;font-weight:750}.pro-tab.active{background:var(--dark);color:#fff;border-color:var(--dark)}
.pro-compare{overflow:auto;border:1px solid var(--line);border-radius:20px;background:#fff}.pro-compare table{width:100%;border-collapse:collapse;min-width:720px}.pro-compare th,.pro-compare td{padding:16px;border-bottom:1px solid var(--line);text-align:left}.pro-compare th{background:#f4f7f5}.pro-compare .yes{color:var(--brand);font-weight:900}.pro-compare .mid{color:#75631e;font-weight:800}.pro-compare .no{color:#8a4b4b}

/* Premium isometric visualizer */
.iso-card{--frame:#353b3e;--frame-light:#596064;background:linear-gradient(145deg,#0d1711,#14231a);border:1px solid #284034;border-radius:22px;padding:14px;color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.03)}
.iso-scene-wrap{position:relative;border-radius:17px;overflow:hidden;background:radial-gradient(circle at 72% 20%,rgba(217,255,123,.12),transparent 25%),linear-gradient(180deg,#182a20 0%,#0d1711 70%);min-height:290px}
.iso-svg{display:block;width:100%;height:auto;min-height:270px}.iso-ground{fill:#203128}.iso-ground-shadow{fill:#07100a;opacity:.35}.iso-house-face{fill:#c8d0cb}.iso-house-side{fill:#9da9a2}.iso-house-top{fill:#eef1ef}.iso-house-label{font:900 9px system-ui;letter-spacing:.12em;fill:#324139;text-anchor:middle}.iso-roof-top{fill:var(--frame);stroke:#88958e;stroke-width:1}.iso-roof-front,.iso-roof-right,.iso-post{fill:var(--frame-light);stroke:#7b8881;stroke-width:.6}.iso-slats line{stroke:#b8c3bd;stroke-width:2.2;opacity:.65;transition:.25s}.iso-side-panel{opacity:0;transition:.25s;pointer-events:none}.iso-side-panel.active{opacity:.72}.iso-card[data-side-style="screen"] .iso-side-panel.active{fill:#263931;stroke:#d9ff7b;stroke-width:1}.iso-card[data-side-style="shutters"] .iso-side-panel.active{fill:rgba(217,255,123,.08);stroke:#d9ff7b;stroke-width:3;stroke-dasharray:2 5}.iso-card[data-side-style="glass"] .iso-side-panel.active{fill:#8bd0d4;stroke:#d5fbff;stroke-width:1;opacity:.3}.iso-card[data-side-style="recommended"] .iso-side-panel.active{fill:#d9ff7b;stroke:#d9ff7b;stroke-width:1;opacity:.12}.iso-edge{fill:none;stroke:transparent;stroke-width:4;transition:.25s}.iso-edge.active{stroke:#d9ff7b;filter:drop-shadow(0 0 5px rgba(217,255,123,.7))}.iso-compass-chip rect{fill:#15231a;stroke:#3c5145}.iso-compass-chip text{font:900 9px system-ui;fill:#809187;text-anchor:middle}.iso-compass-chip.active rect{fill:#d9ff7b;stroke:#d9ff7b}.iso-compass-chip.active text{fill:#0d1711}.iso-sun-halo{fill:#ffe685;opacity:.13}.iso-sun-core{fill:#ffe27a;filter:drop-shadow(0 0 7px rgba(255,221,98,.55))}.iso-glow ellipse{fill:#d9ff7b;opacity:.12;filter:blur(5px)}.iso-card.has-led .iso-glow ellipse{opacity:.32}.iso-card.night .iso-scene-wrap{background:radial-gradient(circle at 68% 16%,rgba(82,111,161,.16),transparent 25%),linear-gradient(180deg,#071018,#08110c 70%)}.iso-card.night .iso-ground{fill:#15231d}.iso-card.night .iso-house-face{fill:#79827d}.iso-card.night .iso-house-side{fill:#5d6962}.iso-card.night .iso-house-top{fill:#9ba49f}.iso-card.night.has-led .iso-glow ellipse{opacity:.65}.iso-card.night.has-led .iso-slats line{stroke:#e8ffb5;filter:drop-shadow(0 0 3px rgba(217,255,123,.7))}
.iso-float{position:absolute;z-index:4;background:rgba(8,17,12,.84);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.iso-size-pill{left:12px;bottom:12px}.iso-type-pill{right:12px;top:12px;color:var(--accent)}.iso-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.iso-legend-item{background:#15231a;border:1px solid #2b4033;padding:8px 9px;border-radius:11px;color:#b7c6bd;font-size:10px}.iso-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.iso-badge{border:1px solid #31483a;color:#dbe7df;border-radius:999px;padding:6px 8px;font-size:9px;font-weight:800}.iso-badge.highlight{background:#d9ff7b;color:#0d1711;border-color:#d9ff7b}.iso-view-switch{display:flex;gap:5px;position:absolute;z-index:5;left:12px;top:12px;background:rgba(8,17,12,.7);padding:4px;border-radius:999px}.iso-view-switch button{border:0;background:transparent;color:#aab9b0;font-size:9px;font-weight:900;padding:5px 8px;border-radius:999px;cursor:pointer}.iso-view-switch button.active{background:#fff;color:#111}

/* Designer PRO */
.designer-layout.pro{grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr)}.designer-result.pro-result{padding:18px}.designer-result.pro-result .iso-card{margin-bottom:14px}.designer-mobile-preview.pro-mobile{padding:14px}.designer-mobile-preview.pro-mobile .iso-scene-wrap{min-height:235px}.designer-mobile-preview.pro-mobile .iso-svg{min-height:220px}.designer-mobile-preview.pro-mobile .iso-legend,.designer-mobile-preview.pro-mobile .iso-badges{display:none}.designer-mobile-preview.pro-mobile .iso-scene-wrap{margin-top:8px}.pro-inline-status{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.pro-inline-status div{background:#142219;border:1px solid #2a3d31;border-radius:12px;padding:10px}.pro-inline-status small{display:block;color:#83958b;font-size:9px;text-transform:uppercase}.pro-inline-status b{font-size:11px}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:16px 0}.color-choice{cursor:pointer;position:relative}.color-choice input{position:absolute;opacity:0}.color-choice span{display:grid;gap:7px;text-align:center;font-size:10px;color:var(--muted)}.color-choice i{width:100%;aspect-ratio:1;border-radius:14px;background:var(--swatch);border:2px solid #fff;box-shadow:0 0 0 1px #cfd8d1}.color-choice input:checked+span i{box-shadow:0 0 0 3px var(--brand)}.range-row{display:grid;grid-template-columns:1fr 76px;gap:14px;align-items:center}.range-row input[type="range"]{width:100%;accent-color:var(--brand)}.range-value{background:#eef7f1;border-radius:12px;padding:9px;text-align:center;font-weight:900;color:var(--brand)}.visual-note{padding:13px;border:1px solid #dce9df;background:#f5faf6;border-radius:14px;color:#405047;font-size:12px}.side-pick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.side-pick label{position:relative}.side-pick input{position:absolute;opacity:0}.side-pick span{display:block;text-align:center;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff;font-weight:850}.side-pick input:checked+span{background:#edf7f1;border-color:var(--brand);color:var(--brand)}
.result-summary-pro{display:grid;gap:10px}.result-summary-pro .hero-rec{background:linear-gradient(145deg,#182a20,#0d1711);border:1px solid #2c4336;border-radius:16px;padding:15px}.result-summary-pro .hero-rec small{color:#8ea197;text-transform:uppercase;font-size:9px}.result-summary-pro .hero-rec b{display:block;color:#fff;font-size:17px;margin-top:3px}.result-summary-pro .hero-rec p{color:#b6c6bd;font-size:11px;margin:5px 0 0}

/* Photo visualizer */
.photo-lab{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:22px;align-items:start}.photo-stage{position:relative;min-height:560px;border-radius:26px;overflow:hidden;background:linear-gradient(135deg,#dfe7e1,#c9d6cd);border:1px solid var(--line);touch-action:none}.photo-stage.has-photo{background:#111}.photo-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-placeholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:30px;color:#4d5b53}.photo-placeholder b{display:block;font-size:24px;color:#172019}.photo-stage.has-photo .photo-placeholder{display:none}.photo-overlay{--frame:#353b3e;position:absolute;left:52%;top:52%;width:48%;aspect-ratio:1.45;transform:translate(-50%,-50%);cursor:move;filter:drop-shadow(0 16px 20px rgba(0,0,0,.28));touch-action:none}.photo-overlay svg{width:100%;height:100%;overflow:visible}.photo-overlay .pf{stroke:var(--frame);stroke-width:8;stroke-linecap:round;fill:none}.photo-overlay .pr{fill:rgba(35,45,40,.16);stroke:var(--frame);stroke-width:5}.photo-overlay .pl{stroke:#fff;stroke-opacity:.42;stroke-width:2}.photo-overlay .ps{fill:rgba(30,50,40,.35);stroke:#d9ff7b;stroke-width:2;opacity:0}.photo-overlay.screen-front .screen-front,.photo-overlay.screen-left .screen-left,.photo-overlay.screen-right .screen-right{opacity:.8}.photo-overlay.glass .ps{fill:rgba(126,208,216,.22);stroke:#d5fbff}.photo-control{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;position:sticky;top:94px}.photo-control .field{margin-bottom:14px}.photo-control input[type="range"]{width:100%;accent-color:var(--brand)}.upload-btn{position:relative;overflow:hidden}.upload-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.privacy-chip{display:flex;gap:8px;align-items:flex-start;padding:12px;border-radius:14px;background:#eef7f1;color:#345042;font-size:12px}.privacy-chip b{color:var(--brand)}

/* Sticky quick nav */
.pro-quickbar{position:fixed;right:16px;bottom:18px;z-index:58;display:flex;flex-direction:column;gap:7px}.pro-quickbar a{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);box-shadow:0 12px 28px rgba(11,31,20,.12);font-weight:900;color:var(--brand)}.pro-quickbar a.primary{background:var(--brand);color:#fff;border-color:var(--brand)}

@media(max-width:900px){.pro-hero-grid,.pro-split,.photo-lab{grid-template-columns:1fr}.pro-start-grid{grid-template-columns:1fr 1fr}.pro-start-card.primary{grid-column:1/-1}.pro-trust-grid{grid-template-columns:1fr 1fr}.pro-trust-item:nth-child(2){border-right:0}.pro-trust-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.pro-feature-grid{grid-template-columns:1fr}.designer-result.pro-result{display:none}.designer-mobile-preview.pro-mobile{display:block}.photo-control{position:static}.photo-stage{min-height:480px}.pro-quickbar{display:none}}
@media(max-width:560px){.pro-hero{padding-top:36px}.pro-start-grid{grid-template-columns:1fr}.pro-start-card.primary{grid-column:auto}.pro-trust-grid{grid-template-columns:1fr 1fr}.pro-trust-item{padding:16px}.pro-split{gap:18px}.pro-dark-card{padding:24px}.color-grid{grid-template-columns:repeat(5,1fr);gap:7px}.color-choice span{font-size:8px}.side-pick{grid-template-columns:repeat(4,1fr)}.photo-stage{min-height:390px}.iso-scene-wrap{min-height:240px}.iso-svg{min-height:230px}.iso-type-pill{max-width:58%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iso-legend{grid-template-columns:1fr}.pro-inline-status{grid-template-columns:1fr 1fr 1fr}}
.upload-panel{padding:14px;border:1px dashed #b9cbbf;border-radius:14px;background:#fbfdfb}.upload-panel input[type="file"]{background:#fff}.upload-panel small{color:var(--muted);font-size:11px}
:focus-visible{outline:3px solid rgba(25,107,69,.28);outline-offset:3px}.dark :focus-visible,.footer :focus-visible,.iso-card :focus-visible{outline-color:rgba(217,255,123,.65)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}