:root{
  color-scheme:light;--color-primary:#176b87;--color-primary-hover:#12566d;--color-primary-soft:#e5f2f6;
  --color-accent:#d9852b;--color-background:#f6f8fb;--color-surface:#fff;--color-text:#172033;
  --color-text-muted:#657084;--color-border:#dce3ea;--color-success:#16825d;--color-warning:#a96308;
  --color-danger:#bd3947;--shadow-sm:0 3px 12px rgba(23,32,51,.06);--shadow-md:0 14px 40px rgba(23,32,51,.1);
  --radius-sm:9px;--radius-md:15px;--radius-lg:24px;--container:1180px
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--color-background);color:var(--color-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}a{color:var(--color-primary)}img,svg{max-width:100%}button,input,textarea{font:inherit}.public-container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.narrow{max-width:850px}.skip-link{position:fixed;top:8px;left:8px;z-index:1000;transform:translateY(-150%);background:var(--color-text);color:#fff;padding:10px 14px;border-radius:8px}.skip-link:focus{transform:none}
.site-header{height:72px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.header-inner{height:100%;display:flex;align-items:center;gap:26px}.public-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-text);font-size:1.18rem;font-weight:800;letter-spacing:-.4px}.public-logo img{width:38px;height:38px}.public-nav{display:flex;align-items:center;gap:22px;margin-left:auto}.public-nav a{color:#4f5a6d;text-decoration:none;font-size:.84rem;font-weight:600}.public-nav a:hover{color:var(--color-primary)}.header-actions{display:flex;gap:8px}.nav-toggle{display:none;border:1px solid var(--color-border);background:#fff;border-radius:8px;min-height:42px;padding:0 13px;color:var(--color-text);font-weight:700}
.button{min-height:42px;border:1px solid transparent;border-radius:9px;padding:9px 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-size:.82rem;font-weight:750;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.button:hover{transform:translateY(-1px)}.button:active{transform:none}.button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,.nav-toggle:focus-visible{outline:3px solid rgba(23,107,135,.22);outline-offset:2px}.button-primary{background:var(--color-primary);color:#fff;box-shadow:0 6px 16px rgba(23,107,135,.17)}.button-primary:hover{background:var(--color-primary-hover)}.button-ghost{background:#fff;color:var(--color-text);border-color:var(--color-border)}.button-ghost:hover{border-color:#aebbc7;background:#f9fbfc}.button-soft{background:var(--color-primary-soft);color:var(--color-primary);border-color:#c7e0e8}.button-large{min-height:48px;padding:12px 21px;font-size:.9rem}
.hero{padding:76px 0 82px;background:linear-gradient(180deg,#fff 0%,#f3f8fa 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:62px;align-items:center}.eyebrow{display:inline-block;color:var(--color-primary);font-size:.73rem;text-transform:uppercase;letter-spacing:1.25px;font-weight:800;margin-bottom:13px}.hero h1{font-size:clamp(2.35rem,4.8vw,4.35rem);line-height:1.04;letter-spacing:-2.7px;margin:0 0 22px;max-width:720px}.hero-copy>p{font-size:1.07rem;color:var(--color-text-muted);max-width:630px;margin:0 0 28px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.trust-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:26px;color:#536074;font-size:.78rem;font-weight:600}
.app-mockup{background:#fff;border:1px solid var(--color-border);border-radius:20px;box-shadow:0 28px 70px rgba(23,56,70,.16);overflow:hidden;transform:perspective(1100px) rotateY(-2deg) rotateX(1deg)}.mockup-top{height:54px;display:flex;align-items:center;gap:9px;padding:0 17px;border-bottom:1px solid var(--color-border)}.mockup-logo{width:25px;height:25px;background:var(--color-primary);border-radius:7px;position:relative}.mockup-logo:after{content:"";position:absolute;width:5px;height:5px;background:var(--color-accent);border-radius:2px;right:4px;bottom:4px}.mockup-pill{margin-left:auto;background:#f3f6f8;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:999px;padding:5px 10px;font-size:.62rem}.mockup-body{display:grid;grid-template-columns:106px 1fr;min-height:390px}.mockup-sidebar{background:#f8fafb;border-right:1px solid var(--color-border);padding:15px 9px;display:flex;flex-direction:column;gap:7px}.mockup-sidebar span{font-size:.58rem;color:var(--color-text-muted);padding:8px;border-radius:6px}.mockup-sidebar .active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:800}.mockup-content{padding:20px}.mockup-title{display:flex;justify-content:space-between;align-items:center}.mockup-title div{display:flex;flex-direction:column}.mockup-title small,.mockup-metrics small{font-size:.58rem;color:var(--color-text-muted)}.mockup-title strong{font-size:1.3rem}.mockup-title>span{font-size:.58rem;color:var(--color-success);background:#e7f6f0;padding:5px 8px;border-radius:999px}.roof-visual{background:#f8fafb;border:1px solid var(--color-border);border-radius:11px;margin:18px 0;height:210px;display:grid;place-items:center;padding:16px}.mockup-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mockup-metrics span{display:flex;flex-direction:column;background:#f8fafb;border:1px solid var(--color-border);border-radius:8px;padding:9px}.mockup-metrics strong{font-size:.72rem;margin-top:2px}
.section{padding:84px 0}.section-soft{background:#edf5f7}.section-heading{max-width:760px;margin-bottom:38px}.section-heading.centered{text-align:center;margin-inline:auto}.section h2,.final-cta h2{font-size:clamp(1.8rem,3.4vw,2.8rem);line-height:1.15;letter-spacing:-1.2px;margin:0}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-card,.details-grid article{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:25px;box-shadow:var(--shadow-sm)}.feature-card h3,.details-grid h3{font-size:1rem;margin:13px 0 8px}.feature-card p,.details-grid p{margin:0;color:var(--color-text-muted);font-size:.86rem}.feature-icon{width:38px;height:38px;border-radius:10px;background:var(--color-primary-soft);color:var(--color-primary);display:grid;place-items:center;font-weight:900;font-size:1.05rem}.steps{padding:0;margin:42px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;list-style:none}.steps li{display:flex;gap:15px;background:#fff;border:1px solid #d4e5ea;border-radius:var(--radius-md);padding:23px}.steps li>span{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:grid;place-items:center;background:var(--color-primary);color:#fff;font-weight:800}.steps h3{font-size:.97rem;margin:2px 0 6px}.steps p{margin:0;color:var(--color-text-muted);font-size:.82rem}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.details-grid article{box-shadow:none}.audience-section{background:#173b48;color:#fff}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.audience-section .eyebrow{color:#8bd1e2}.audience-section p{color:#c7dbe1}.audience-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.audience-list span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);padding:13px 15px;border-radius:10px;font-size:.82rem}.disclaimer-section{padding:48px 0}.technical-note{display:flex;gap:18px;align-items:flex-start;background:#fffaf1;border:1px solid #f0d8ad;border-radius:var(--radius-md);padding:24px}.technical-note>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff0cf;color:var(--color-warning);font-weight:900}.technical-note h2{font-size:1.05rem;margin:0 0 5px}.technical-note p{margin:0;color:#695c47;font-size:.84rem}.faq-list{display:grid;gap:10px}.faq-list details{background:#fff;border:1px solid var(--color-border);border-radius:11px;padding:0 18px}.faq-list summary{cursor:pointer;font-weight:700;padding:17px 0}.faq-list p{color:var(--color-text-muted);font-size:.85rem;margin:0;padding:0 0 17px}
.contact-section{background:#fff}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:start}.contact-grid h2{margin-bottom:14px}.contact-grid>div>p{color:var(--color-text-muted);margin-bottom:24px}.access-form{background:#f8fafb;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm)}.access-form label{display:flex;flex-direction:column;gap:6px;font-size:.76rem;font-weight:700;color:#465266;margin-bottom:14px}.access-form .field-label-line{display:flex;align-items:baseline;gap:5px;line-height:1.2}.access-form small{font-weight:500;color:var(--color-text-muted)}.access-form input,.access-form textarea,.demo-form input{width:100%;min-height:46px;border:1px solid #cbd5df;border-radius:9px;background:#fff;color:var(--color-text);padding:10px 12px}.access-form textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.consent-check{flex-direction:row!important;align-items:flex-start;gap:9px!important;font-weight:500!important}.consent-check input{width:17px!important;min-height:17px!important;margin-top:2px}.honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.form-alert{padding:11px 13px;border-radius:8px;margin-bottom:15px;font-size:.78rem}.form-alert.success{background:#e7f6f0;color:#126849}.form-alert.error{background:#fdecee;color:#9d303d}.form-alert.warning{background:#fff5df;color:#8c560b}.final-cta{text-align:center;padding:80px 0;background:#e6f2f6}.final-cta p{color:var(--color-text-muted)}.final-cta>div>div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}
.site-footer{background:#fff;border-top:1px solid var(--color-border);padding:50px 0 25px}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:35px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-grid strong{font-size:.82rem}.footer-grid p,.footer-grid a,.footer-grid span,.footer-link{font-size:.74rem;color:var(--color-text-muted);margin:0;text-decoration:none}.footer-link{border:0;background:none;padding:0;cursor:pointer}.footer-grid a:hover,.footer-link:hover{color:var(--color-primary)}.footer-disclaimer{border-top:1px solid var(--color-border);margin-top:28px;padding-top:18px;color:#7a8495;font-size:.7rem}.cookie-banner{position:fixed;z-index:100;left:20px;right:20px;bottom:20px;max-width:920px;margin:auto;background:#fff;border:1px solid var(--color-border);border-radius:14px;box-shadow:var(--shadow-md);padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:24px}.cookie-banner[hidden]{display:none}.cookie-banner strong{font-size:.86rem}.cookie-banner p{margin:3px 0;color:var(--color-text-muted);font-size:.74rem;max-width:630px}.cookie-banner a{font-size:.7rem}.cookie-actions{display:flex;gap:8px;flex:0 0 auto}
/* Demo */.demo-hero{padding:52px 0 24px}.demo-label{display:inline-flex;background:#fff0d8;color:#9b5c0d;border:1px solid #f0d1a3;border-radius:999px;padding:6px 11px;font-size:.7rem;font-weight:800;letter-spacing:.7px}.demo-hero h1{font-size:clamp(2rem,4vw,3.2rem);margin:15px 0 8px;letter-spacing:-1.5px}.demo-hero p{color:var(--color-text-muted);max-width:720px}.demo-shell{padding:24px 0 90px}.demo-grid{display:grid;grid-template-columns:400px 1fr;gap:22px;align-items:start}.demo-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.demo-card-header{padding:17px 20px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.demo-card-header h2{font-size:.94rem;margin:0}.demo-card-body{padding:20px}.demo-form label{display:flex;flex-direction:column;gap:6px;font-size:.74rem;font-weight:700;margin-bottom:14px;color:#4d596c}.demo-form small{color:var(--color-text-muted);font-weight:500}.demo-form-actions{display:flex;gap:8px;margin-top:20px}.demo-watermark{color:#9a5b0e;background:#fff7e8;border:1px solid #efd7b5;border-radius:8px;padding:9px 11px;font-size:.7rem;font-weight:700}.demo-roof{height:235px;background:#f8fafb;border:1px solid var(--color-border);border-radius:11px;display:grid;place-items:center;margin-bottom:17px}.demo-results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.demo-result{border:1px solid var(--color-border);border-radius:10px;padding:14px;display:flex;flex-direction:column}.demo-result span{font-size:.65rem;color:var(--color-text-muted)}.demo-result strong{font-size:1.25rem;margin-top:3px}.demo-result.total{background:var(--color-primary-soft);border-color:#bcdbe4;color:var(--color-primary)}.demo-empty{display:grid;place-items:center;min-height:320px;text-align:center;color:var(--color-text-muted)}.locked-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.locked-feature{position:relative;background:#fff;border:1px solid var(--color-border);border-radius:12px;padding:18px;overflow:hidden}.locked-feature:after{content:"Disponibil în versiunea completă";position:absolute;inset:auto 8px 8px;background:rgba(23,32,51,.9);color:#fff;border-radius:7px;padding:7px;text-align:center;font-size:.64rem}.locked-feature h3{font-size:.86rem;margin:0 0 6px}.locked-feature p{color:var(--color-text-muted);font-size:.73rem;margin:0 0 28px}.demo-cta{position:sticky;bottom:12px;z-index:30;margin:24px auto 0;width:min(680px,calc(100% - 30px));background:#173b48;color:#fff;border-radius:14px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:var(--shadow-md)}.demo-cta p{margin:0;font-size:.78rem}.legal-page{padding:60px 0 90px}.legal-content{max-width:850px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:38px}.legal-content h1{font-size:2.2rem;margin-top:0}.legal-content h2{font-size:1.1rem;margin-top:30px}.legal-content p,.legal-content li{color:#556174;font-size:.86rem}
@media(max-width:980px){.public-nav{display:none;position:absolute;top:64px;left:20px;right:20px;background:#fff;border:1px solid var(--color-border);border-radius:12px;padding:12px;box-shadow:var(--shadow-md);flex-direction:column;align-items:stretch}.public-nav.open{display:flex}.nav-toggle{display:block;margin-left:auto}.header-actions .button-ghost{display:none}.hero-grid,.contact-grid,.audience-grid{grid-template-columns:1fr}.hero-grid{gap:42px}.app-mockup{max-width:700px}.benefit-grid,.details-grid{grid-template-columns:repeat(2,1fr)}.demo-grid{grid-template-columns:1fr}.demo-grid>.demo-card:first-child{max-width:none}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.public-container{width:min(100% - 24px,var(--container))}.site-header{height:64px}.header-inner{gap:8px}.public-logo span{display:none}.header-actions .button{min-height:42px;padding:8px 11px;font-size:.72rem}.header-actions .button-soft{display:none}.hero{padding:48px 0}.hero h1{font-size:2.35rem;letter-spacing:-1.5px}.app-mockup{transform:none}.mockup-body{grid-template-columns:72px 1fr}.mockup-sidebar{padding:9px 5px}.mockup-content{padding:11px}.roof-visual{height:160px}.mockup-metrics{grid-template-columns:1fr}.section{padding:60px 0}.benefit-grid,.details-grid,.steps,.audience-list,.form-grid,.demo-results,.locked-grid{grid-template-columns:1fr}.steps{gap:10px}.contact-grid{gap:32px}.access-form{padding:19px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px 16px}.cookie-banner{left:10px;right:10px;bottom:10px;align-items:stretch;flex-direction:column;gap:12px}.cookie-actions{width:100%}.cookie-actions .button{flex:1}.demo-form-actions{flex-direction:column}.demo-cta{align-items:stretch;flex-direction:column;text-align:center}.legal-content{padding:23px}.public-nav{top:58px;left:12px;right:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Multilingual header */
.public-tagline{font-size:.67rem;color:var(--color-text-muted);padding-left:14px;border-left:1px solid var(--color-border);white-space:nowrap}.language-switcher{display:flex;align-items:center;padding:3px;border:1px solid var(--color-border);border-radius:9px;background:#f7f9fb;flex:0 0 auto}.language-switcher a{min-width:31px;height:30px;display:grid;place-items:center;border-radius:6px;text-decoration:none;color:var(--color-text-muted);font-size:.66rem;font-weight:800}.language-switcher a:hover{color:var(--color-primary)}.language-switcher a[aria-current="page"]{background:#fff;color:var(--color-primary);box-shadow:0 1px 5px rgba(23,32,51,.1)}.language-switcher a:focus-visible,.footer-link:focus-visible{outline:3px solid rgba(23,107,135,.22);outline-offset:2px}

/* Hero architectural illustration */
.hero-architecture{position:relative;min-height:440px;border:1px solid #cfe0e6;border-radius:24px;background:linear-gradient(145deg,#fff,#edf6f8);box-shadow:0 28px 70px rgba(23,56,70,.13);overflow:hidden;isolation:isolate}.blueprint-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(23,107,135,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(23,107,135,.055) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}.hero-architecture svg{position:absolute;inset:36px 22px 18px;width:calc(100% - 44px);height:calc(100% - 54px);overflow:visible}.hero-house path{fill:none;stroke:#64778a;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.hero-roof{transform:translateX(15px);animation:heroRoofFloat 4s ease-in-out infinite}.hero-roof path{fill:rgba(23,107,135,.08);stroke:var(--color-primary);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.hero-dim path{fill:none;stroke:#d9852b;stroke-width:2;stroke-dasharray:7 6}.hero-dim text{fill:#a35f12;font-size:18px;font-weight:750}.architecture-label{position:absolute;z-index:2;border:1px solid var(--color-border);background:rgba(255,255,255,.88);backdrop-filter:blur(6px);border-radius:999px;padding:6px 10px;color:var(--color-text-muted);font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.label-house{left:28px;top:28px}.label-roof{right:28px;top:28px}.architecture-status{position:absolute;right:24px;bottom:20px;display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:9px;background:#fff;border:1px solid var(--color-border);font-size:.68rem;color:var(--color-success);font-weight:750}.architecture-status i{width:7px;height:7px;background:var(--color-success);border-radius:50%;box-shadow:0 0 0 4px rgba(22,130,93,.12)}@keyframes heroRoofFloat{50%{transform:translate(8px,-6px)}}

/* Scroll-driven construction story */
.build-story{position:relative;background:linear-gradient(180deg,#edf5f7 0%,#f8fafb 50%,#eef6f8 100%)}.story-track{min-height:430vh}.story-sticky{position:sticky;top:72px;height:calc(100vh - 72px);min-height:650px;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(520px,1.28fr);gap:42px;align-items:center;overflow:hidden}.story-copy{align-self:center}.story-copy h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-1.8px;margin:0}.story-intro{color:var(--color-text-muted);max-width:520px;margin:15px 0 24px}.story-stages{list-style:none;margin:0;padding:0;display:grid;gap:5px}.story-stages li{display:flex;gap:13px;padding:10px 12px;border-radius:11px;opacity:.42;transform:translateX(-5px);transition:opacity .25s ease,transform .25s ease,background .25s ease}.story-stages li.is-active{opacity:1;transform:none;background:rgba(255,255,255,.8);box-shadow:var(--shadow-sm)}.story-stages li>span{font:700 .67rem ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--color-primary);padding-top:3px}.story-stages h3{font-size:.86rem;margin:0 0 2px}.story-stages p{font-size:.73rem;line-height:1.4;color:var(--color-text-muted);margin:0}.story-progress{display:flex;align-items:center;gap:12px;margin-top:17px;color:var(--color-text-muted);font-size:.65rem;font-weight:750;text-transform:uppercase;letter-spacing:.6px}.story-progress>div{height:5px;flex:1;max-width:230px;background:#d8e5e9;border-radius:999px;overflow:hidden}.story-progress i{display:block;width:var(--story-progress,0%);height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:inherit}.story-visual{position:relative;min-width:0}.roof-story-svg{width:100%;max-height:76vh;filter:drop-shadow(0 24px 32px rgba(23,56,70,.08))}.story-grid{stroke:#d9e7eb;stroke-width:.8}.house-fill{fill:#fff;stroke:#9aabba;stroke-width:3}.house-line{fill:none;stroke:#536b7b;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.foundation{fill:none;stroke:#354d5c;stroke-width:6;stroke-linecap:round}.roof-moving{transform:translate(var(--roof-x,270px),var(--roof-y,0));transform-box:fill-box;transform-origin:center;will-change:transform}.roof-outline{fill:rgba(23,107,135,.035);stroke:#176b87;stroke-width:5;stroke-linejoin:round}.rafters path{fill:none;stroke:#9b6b36;stroke-width:7;stroke-linecap:round}.membrane{fill:rgba(83,168,190,.35);stroke:#27829a;stroke-width:3}.battens path{fill:none;stroke:#d69a55;stroke-width:6;stroke-linecap:round}.covering{stroke:#12566d;stroke-width:4;stroke-linejoin:round}.sheet-lines path{fill:none;stroke:rgba(255,255,255,.55);stroke-width:2}.gutter path{fill:none;stroke:#d9852b;stroke-width:9;stroke-linecap:round;stroke-linejoin:round}.story-layer{opacity:0;transition:opacity .2s linear}.story-layer.is-visible{opacity:1}.dimensions path{fill:none;stroke:#d9852b;stroke-width:2.5;stroke-dasharray:var(--dimension-dash,420);stroke-dashoffset:var(--dimension-offset,420)}.dimensions text{fill:#9b5c0d;font-size:18px;font-weight:800}.story-results rect{fill:#fff;stroke:#cbdce2;stroke-width:2;filter:drop-shadow(0 15px 25px rgba(23,56,70,.12))}.story-results path{stroke:#dbe4e9;stroke-width:2}.result-kicker{fill:#176b87;font-size:14px;font-weight:900;letter-spacing:2px}.result-title{fill:#172033;font-size:15px;font-weight:750}.result-label{fill:#6c7889;font-size:14px}.result-value{fill:#172033;font-size:19px;font-weight:800}.result-total{fill:#176b87;font-size:25px;font-weight:900}.story-final{position:absolute;left:50%;bottom:5%;transform:translate(-50%,12px);opacity:0;white-space:nowrap;padding:10px 15px;background:#173b48;color:#fff;border-radius:999px;font-size:.72rem;font-weight:750;box-shadow:var(--shadow-md);transition:opacity .25s ease,transform .25s ease}.story-final.is-visible{opacity:1;transform:translate(-50%,0)}

/* Progressive enhancement: content stays visible without JavaScript. */
.reveal-enabled [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}.reveal-enabled [data-reveal].is-revealed{opacity:1;transform:none}

@media(max-width:1180px){.public-tagline{display:none}.header-inner{gap:14px}.public-nav{gap:13px}.header-actions .button-soft{display:none}.story-sticky{grid-template-columns:330px 1fr;gap:18px}.story-stages li{padding:8px}.story-intro{font-size:.86rem}}
@media(max-width:980px){.language-switcher{margin-left:auto}.nav-toggle{margin-left:0}.header-actions .button-ghost{display:none}.story-track{min-height:360vh}.story-sticky{top:64px;height:calc(100vh - 64px);min-height:620px;grid-template-columns:1fr;grid-template-rows:auto minmax(320px,1fr);gap:8px;padding-top:24px;padding-bottom:15px}.story-copy h2{font-size:2rem}.story-intro{margin:8px 0 12px}.story-stages{grid-template-columns:repeat(5,1fr);gap:4px}.story-stages li{display:block;padding:7px;text-align:center}.story-stages li>span{display:block}.story-stages li div p{display:none}.story-stages h3{font-size:.64rem}.story-progress{justify-content:center;margin-top:9px}.story-visual{height:100%;display:grid;place-items:center}.roof-story-svg{height:100%;max-height:52vh}.story-final{bottom:2%}.hero-architecture{min-height:400px}}
@media(max-width:650px){.language-switcher a{min-width:28px}.header-actions .button-primary{display:none}.hero-architecture{min-height:330px}.architecture-label{font-size:.55rem}.hero-architecture svg{inset:45px 8px 10px;width:calc(100% - 16px);height:calc(100% - 55px)}.story-track{min-height:330vh}.story-sticky{min-height:570px;grid-template-rows:auto minmax(270px,1fr);padding-top:18px}.story-copy h2{font-size:1.65rem}.story-intro{font-size:.75rem}.story-stages li{padding:5px 2px}.story-stages h3{font-size:.56rem;line-height:1.15}.story-progress>span{display:none}.roof-story-svg{width:112%;max-width:none}.story-results{transform:translate(-45px,105px) scale(.82);transform-origin:center}.story-final{white-space:normal;width:88%;text-align:center;font-size:.64rem}.final-cta>div>div .button{width:100%}}
@media(prefers-reduced-motion:reduce){.hero-roof{animation:none}.reveal-enabled [data-reveal]{opacity:1;transform:none}.story-track{min-height:auto}.story-sticky{position:relative;top:auto;height:auto;min-height:0;padding-top:60px;padding-bottom:60px}.roof-moving{transform:none!important;will-change:auto}.story-layer{opacity:1!important}.dimensions path{stroke-dashoffset:0!important}.story-stages li{opacity:1;transform:none}.story-final{position:relative;left:auto;bottom:auto;transform:none!important;opacity:1;margin:15px auto 0;width:max-content;max-width:90%;white-space:normal;text-align:center}}
.locked-feature:after{content:attr(data-label)}
.story-progress i{width:100%;transform:scaleX(var(--story-progress-scale,0));transform-origin:left;will-change:transform}
#storyGrid path{fill:none;stroke:#d9e7eb;stroke-width:.8}
.public-nav a{white-space:nowrap}
.hero-roof{transform:translateX(-52px)}
.hero-dim{transform:translateX(-58px)}
@keyframes heroRoofFloat{0%,100%{transform:translate(-52px,0)}50%{transform:translate(-52px,-6px)}}
.story-final{left:75%;bottom:3%}
@media(max-width:650px){.story-final{left:50%;bottom:1%}}