:root{--navy:#082f49;--navy2:#0b405f;--blue:#155d7f;--green:#16bd6b;--green2:#0d9f57;--lime:#eafaf1;--soft:#f4f9fb;--line:#d7e7ee;--text:#102d3d;--muted:#607783;--white:#fff;--shadow:0 22px 60px rgba(8,47,73,.10);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body.ss-site{margin:0;color:var(--text);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}.ss-site a{color:inherit;text-decoration:none}.ss-shell{width:min(1180px,calc(100% - 40px));margin:auto}.ss-skip{position:fixed;left:-999px;top:8px;background:#fff;padding:12px;z-index:999}.ss-skip:focus{left:12px}.ss-topbar{background:var(--navy);color:#dff8e9;font-size:14px}.ss-topbar .ss-shell{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:18px}.ss-topbar a{text-decoration:underline}.ss-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #eaf2f5}.ss-header-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.ss-brand{display:inline-flex;align-items:center;gap:11px;min-width:220px}.ss-logo-icon{width:58px;display:block}.ss-logo-icon svg{display:block;width:100%;height:auto}.ss-logo-text{display:flex;flex-wrap:wrap;align-items:baseline;line-height:1}.ss-logo-text strong{font-size:23px;letter-spacing:.02em;color:#092f4b}.ss-logo-text b{font-size:23px;color:#3a9949;margin-left:6px}.ss-logo-text small{flex-basis:100%;margin-top:6px;font-size:10px;font-weight:700;letter-spacing:.09em;color:#718692;text-transform:uppercase}.ss-nav{display:flex;align-items:center;gap:22px;font-size:15px;font-weight:700}.ss-nav>a:not(.ss-btn){padding:12px 0}.ss-nav>a:not(.ss-btn):hover{color:var(--green2)}.ss-nav-account{padding:10px 14px!important;border:1px solid var(--line);border-radius:12px}.ss-logout-inline{margin:0;font:inherit;border:0;background:none;color:#b43c3c!important;cursor:pointer;padding:10px 0;font-weight:800}.ss-logout-inline:hover{color:#8b1f1f!important}.ss-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:linear-gradient(135deg,var(--green),#16c86f);color:#fff!important;font-weight:800;padding:16px 24px;box-shadow:0 12px 28px rgba(22,189,107,.22);cursor:pointer;transition:.2s}.ss-btn:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(22,189,107,.28)}.ss-btn-small{padding:12px 18px}.ss-btn-block{width:100%}.ss-btn-light{background:#eef7f8;color:var(--navy)!important;box-shadow:none}.ss-menu-toggle{display:none;background:none;border:0}.ss-kicker{display:inline-block;color:var(--green2);font-weight:900;letter-spacing:.18em;font-size:12px;text-transform:uppercase}.ss-home-hero{padding:70px 0 64px;background:radial-gradient(circle at 76% 15%,#dff8ea 0,transparent 28%),linear-gradient(180deg,#fbfeff 0,#f5fbfd 100%)}.ss-home-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}.ss-home-copy h1,.ss-page-hero h1,.ss-login-copy h1{font-size:clamp(44px,5.4vw,70px);line-height:1.02;letter-spacing:-.045em;margin:18px 0 18px;color:var(--navy)}.ss-home-copy h1 em{font-style:normal;color:var(--green2)}.ss-lead{font-size:21px;color:#4f6976;max-width:660px}.ss-hero-benefit{margin:28px 0;background:#fff;border:1px solid #c9ead7;box-shadow:var(--shadow);border-radius:22px;padding:18px 22px;display:grid;grid-template-columns:auto 1fr;gap:0 18px;align-items:center;max-width:600px}.ss-hero-benefit span{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#4c6c5a}.ss-hero-benefit strong{grid-row:1/4;grid-column:2;font-size:45px;color:var(--green2);line-height:1}.ss-hero-benefit b{font-size:17px}.ss-hero-benefit small{color:var(--muted);margin-top:3px}.ss-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.ss-link{font-weight:800;color:var(--navy2)!important}.ss-mini-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;font-size:14px;color:#53707d}.ss-hero-visual{position:relative;background:linear-gradient(145deg,#0b405f,#0a334e);border-radius:36px;min-height:500px;padding:34px;display:grid;place-items:center;box-shadow:var(--shadow);overflow:hidden}.ss-hero-visual:before{content:"";position:absolute;width:330px;height:330px;background:#16bd6b33;border-radius:50%;right:-110px;top:-70px}.ss-hero-visual img{position:relative;width:100%;max-width:470px}.ss-float-card{position:absolute;left:26px;bottom:24px;background:#fff;border-radius:18px;padding:15px 18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:2px}.ss-float-card b{color:var(--navy)}.ss-float-card span{font-size:13px;color:var(--muted)}.ss-section{padding:84px 0}.ss-section-soft{background:var(--soft)}.ss-section-head{max-width:760px;margin-bottom:38px}.ss-section-head h2,.ss-two-col h2,.ss-final-grid h2{font-size:clamp(34px,4vw,48px);letter-spacing:-.035em;line-height:1.08;margin:12px 0;color:var(--navy)}.ss-section-head p,.ss-lead-sm{font-size:19px;color:var(--muted)}.ss-card-grid{display:grid;gap:20px}.ss-card-grid-2{grid-template-columns:repeat(2,1fr)}.ss-card-grid-3{grid-template-columns:repeat(3,1fr)}.ss-card-grid-4{grid-template-columns:repeat(4,1fr)}.ss-info-card,.ss-link-card,.ss-contact-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 10px 32px rgba(8,47,73,.05)}.ss-info-card img,.ss-contact-card img{width:46px;height:46px;margin-bottom:18px}.ss-info-card h3,.ss-link-card h3,.ss-contact-card h3{font-size:22px;margin:0 0 8px;color:var(--navy)}.ss-info-card p,.ss-link-card p,.ss-contact-card p{color:var(--muted);margin:0}.ss-link-card{transition:.2s}.ss-link-card:hover{transform:translateY(-4px);border-color:#9fdbbb;box-shadow:var(--shadow)}.ss-link-card>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--lime);color:var(--green2);font-weight:900;margin-bottom:18px}.ss-two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:58px;align-items:start}.ss-step-list{display:grid;gap:16px;margin:28px 0}.ss-step-list>div{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start}.ss-step-list>div>b{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--green);color:#fff}.ss-step-list span{display:flex;flex-direction:column;color:var(--muted)}.ss-step-list strong{color:var(--navy);font-size:17px}.ss-zero-panel{background:var(--navy);color:#fff;border-radius:28px;padding:30px;box-shadow:var(--shadow)}.ss-zero-panel>span{color:#56dc97;font-weight:900;letter-spacing:.15em;text-transform:uppercase;font-size:11px}.ss-zero-panel>div{display:flex;justify-content:space-between;gap:20px;margin-top:20px}.ss-zero-panel label{color:#b9d3df}.ss-zero-panel strong{font-size:22px}.ss-zero-panel hr{border:0;border-top:1px solid #ffffff2b;margin:24px 0 0}.ss-zero-panel .ss-zero strong{font-size:38px;color:#63e59e}.ss-note{font-size:13px;color:#6b7f87}.ss-final-cta{background:linear-gradient(135deg,#07334d,#0b4b69);color:#fff;padding:54px 0}.ss-final-grid{display:flex;justify-content:space-between;align-items:center;gap:30px}.ss-final-grid h2{color:#fff;margin-bottom:10px}.ss-final-grid p{color:#c9e0ea;margin:0;max-width:720px}.ss-footer{background:#061f31;color:#dce8ed;padding:60px 0 24px}.ss-footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:46px}.ss-footer .ss-brand{color:#fff}.ss-footer .ss-logo-text strong{color:#fff}.ss-footer .ss-logo-text small{color:#9eb6c1}.ss-footer p{color:#9eb6c1}.ss-footer h3{font-size:15px;color:#fff;margin:0 0 16px}.ss-footer-grid>div>a{display:block;color:#b9ccd5;margin:9px 0}.ss-footer-grid>div>a:hover{color:#fff}.ss-footer-bottom{border-top:1px solid #ffffff1f;margin-top:42px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#8da7b2;font-size:12px}.ss-main{min-height:1px}.ss-main:not(.ss-main-calculator)>*{max-width:1180px;margin-left:auto;margin-right:auto}.ss-main-calculator{padding:34px 0 70px}.ss-page-hero{padding:78px 0 54px;background:linear-gradient(180deg,#f7fbfd,#fff);border-bottom:1px solid #e7f0f4}.ss-page-hero h1{margin-bottom:14px}.ss-page-hero p{font-size:20px;color:var(--muted);max-width:820px}.ss-page-body{padding:64px 0 86px}.ss-content-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:start}.ss-content-block{margin-top:48px}.ss-content-block h2,.ss-content-grid h2,.ss-legal h2{font-size:30px;color:var(--navy);letter-spacing:-.02em}.ss-checklist{list-style:none;padding:0;margin:22px 0;display:grid;gap:12px}.ss-checklist li{padding-left:32px;position:relative}.ss-checklist li:before{content:"✓";position:absolute;left:0;top:0;color:var(--green2);font-weight:900}.ss-highlight{background:var(--navy);border-radius:24px;color:#fff;padding:28px;display:flex;flex-direction:column;gap:7px}.ss-highlight>span{text-transform:uppercase;letter-spacing:.13em;font-size:11px;color:#55d994;font-weight:900}.ss-highlight>strong{font-size:48px;color:#63e59e}.ss-highlight>b{margin-bottom:18px}.ss-doc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.ss-doc-grid>a{display:flex;gap:16px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff}.ss-doc-grid img{width:42px}.ss-doc-grid span{display:flex;flex-direction:column}.ss-doc-grid small{color:var(--muted)}.ss-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ss-contact-card a{color:var(--blue);font-weight:800}.ss-legal{max-width:880px}.ss-legal p{font-size:17px;color:#445f6d}.ss-faq{display:grid;gap:12px;max-width:900px}.ss-faq details{border:1px solid var(--line);border-radius:16px;padding:0 20px;background:#fff}.ss-faq summary{cursor:pointer;font-weight:800;color:var(--navy);padding:18px 0}.ss-faq p{color:var(--muted);padding-bottom:18px}.ss-login-page{background:linear-gradient(135deg,#f4fbfd,#eefaf4);padding:70px 0;min-height:calc(100vh - 122px)}.ss-login-grid{display:grid;grid-template-columns:1.05fr .75fr;gap:70px;align-items:center}.ss-login-copy p{font-size:19px;color:var(--muted)}.ss-login-benefit{background:#fff;border:1px solid #bfe7d1;border-radius:22px;padding:20px 24px;margin:26px 0;display:flex;flex-direction:column;width:max-content;max-width:100%;box-shadow:var(--shadow)}.ss-login-benefit strong{font-size:44px;color:var(--green2);line-height:1}.ss-login-benefit span{font-weight:800}.ss-login-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.ss-login-card h2{font-size:34px;margin:10px 0 20px;color:var(--navy)}.ss-login-form{display:grid;gap:18px}.ss-login-form label{font-weight:800;font-size:14px}.ss-login-form input[type=text],.ss-login-form input[type=password]{display:block;width:100%;margin-top:7px;border:1px solid #cddfe7;border-radius:14px;padding:14px 15px;font:inherit;outline:none}.ss-login-form input:focus{border-color:#36bb78;box-shadow:0 0 0 4px #36bb7818}.ss-password{position:relative}.ss-password button{position:absolute;right:9px;top:14px;border:0;background:#edf6f8;border-radius:10px;padding:7px 10px;font-weight:700;color:var(--navy);cursor:pointer}.ss-remember{display:flex;align-items:center;gap:8px}.ss-login-links{display:flex;justify-content:space-between;gap:15px;margin-top:18px;font-size:14px}.ss-login-links a{color:var(--blue);font-weight:700}.ss-logout-card{display:flex;align-items:center;justify-content:center;margin-top:12px;width:100%;border:1px solid #f0bdbd;background:#fff3f3;color:#a92f2f!important;border-radius:999px;padding:13px 18px;font-weight:800}.ss-logout-card:hover{background:#ffe9e9;color:#8b1f1f!important}.ss-error{padding:100px 0;text-align:center;background:#f5fafc;min-height:60vh}.ss-error strong{display:block;font-size:92px;line-height:1;color:var(--navy);margin:18px}.ss-error h1{font-size:34px}.ss-error p{color:var(--muted)}.ss-error .ss-actions{justify-content:center;margin-top:26px}.ss-is-calculator .ss-final-cta{display:none}
@media(max-width:980px){.ss-nav{position:absolute;top:84px;left:20px;right:20px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;display:none}.ss-nav.is-open{display:flex}.ss-menu-toggle{display:inline-flex;width:46px;height:44px;flex-direction:column;justify-content:center;gap:4px;align-items:center}.ss-menu-toggle span{width:22px;height:2px;background:var(--navy)}.ss-menu-toggle b{font-size:9px;margin-top:2px}.ss-home-grid,.ss-two-col,.ss-login-grid,.ss-content-grid{grid-template-columns:1fr}.ss-hero-visual{min-height:410px}.ss-card-grid-4{grid-template-columns:repeat(2,1fr)}.ss-footer-grid{grid-template-columns:repeat(2,1fr)}.ss-contact-grid{grid-template-columns:1fr}.ss-final-grid{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.ss-shell{width:min(100% - 26px,1180px)}.ss-topbar .ss-shell{font-size:12px;min-height:44px}.ss-topbar a{display:none}.ss-header-inner{height:74px}.ss-brand{min-width:0}.ss-logo-icon{width:48px}.ss-logo-text strong,.ss-logo-text b{font-size:19px}.ss-logo-text small{font-size:8px}.ss-nav{top:74px}.ss-home-hero{padding:44px 0}.ss-home-copy h1,.ss-page-hero h1,.ss-login-copy h1{font-size:42px}.ss-hero-benefit{grid-template-columns:1fr}.ss-hero-benefit strong{grid-row:auto;grid-column:auto;margin:7px 0}.ss-hero-visual{min-height:330px;border-radius:24px}.ss-float-card{left:14px;right:14px;bottom:14px}.ss-section{padding:56px 0}.ss-card-grid-2,.ss-card-grid-3,.ss-card-grid-4,.ss-doc-grid{grid-template-columns:1fr}.ss-footer-grid{grid-template-columns:1fr;gap:28px}.ss-footer-bottom{flex-direction:column}.ss-final-cta{padding:42px 0}.ss-login-page{padding:40px 0}.ss-login-card{padding:24px}.ss-login-links{flex-direction:column}.ss-page-hero{padding:54px 0 38px}.ss-page-body{padding:44px 0 60px}}


/* Solar Safe v1.3.0 - visual depth and living backgrounds */
body.ss-site{background:
  radial-gradient(circle at 8% 10%,rgba(22,189,107,.055),transparent 28rem),
  radial-gradient(circle at 94% 34%,rgba(21,93,127,.055),transparent 30rem),
  #fff;
}
.ss-header{box-shadow:0 8px 28px rgba(8,47,73,.035)}
.ss-home-hero{position:relative;overflow:hidden;padding:84px 0 76px;background:
  linear-gradient(115deg,rgba(236,251,244,.94) 0%,rgba(249,253,255,.98) 46%,rgba(231,244,250,.96) 100%)}
.ss-home-hero:before,.ss-home-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(1px)}
.ss-home-hero:before{width:520px;height:520px;right:-140px;top:-180px;background:radial-gradient(circle at 35% 35%,rgba(99,229,158,.42),rgba(22,189,107,.12) 48%,transparent 70%)}
.ss-home-hero:after{width:420px;height:420px;left:-180px;bottom:-220px;background:radial-gradient(circle,rgba(21,93,127,.12),transparent 68%)}
.ss-home-grid{position:relative;z-index:1}
.ss-home-copy{position:relative}
.ss-home-copy:after{content:"";display:block;width:86px;height:5px;border-radius:99px;background:linear-gradient(90deg,var(--green),#7ae3aa);margin-top:28px;opacity:.75}
.ss-hero-benefit{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,252,245,.96));box-shadow:0 24px 70px rgba(8,47,73,.12);border-color:#b8e5cc}
.ss-hero-visual{background:
  radial-gradient(circle at 82% 16%,rgba(86,220,151,.34),transparent 28%),
  radial-gradient(circle at 18% 88%,rgba(70,149,181,.20),transparent 34%),
  linear-gradient(145deg,#0b405f,#082f49 70%);box-shadow:0 30px 80px rgba(8,47,73,.2)}
.ss-hero-visual:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.09);border-radius:28px;pointer-events:none}
.ss-float-card{border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(14px)}
.ss-section{position:relative;overflow:hidden}
.ss-section:nth-of-type(odd):not(.ss-final-cta){background:
  radial-gradient(circle at 10% 25%,rgba(22,189,107,.055),transparent 22rem),
  radial-gradient(circle at 88% 75%,rgba(21,93,127,.05),transparent 26rem),#fff}
.ss-section-soft{background:
  linear-gradient(135deg,rgba(241,250,253,.98),rgba(238,251,244,.96)),
  repeating-linear-gradient(135deg,rgba(8,47,73,.025) 0 1px,transparent 1px 16px)!important}
.ss-section-soft:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-140px;top:30px;background:radial-gradient(circle,rgba(22,189,107,.12),transparent 68%)}
.ss-section .ss-shell{position:relative;z-index:1}
.ss-info-card,.ss-link-card,.ss-contact-card{position:relative;overflow:hidden;background:linear-gradient(160deg,#fff 0%,#fbfeff 100%);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.ss-info-card:before,.ss-contact-card:before{content:"";position:absolute;right:-42px;top:-42px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(22,189,107,.12),transparent 68%)}
.ss-info-card:hover,.ss-contact-card:hover{transform:translateY(-5px);border-color:#b8dfc9;box-shadow:0 22px 55px rgba(8,47,73,.11)}
.ss-info-card img,.ss-contact-card img{filter:drop-shadow(0 8px 14px rgba(8,47,73,.10))}
.ss-step-list>div{background:rgba(255,255,255,.72);border:1px solid rgba(215,231,238,.9);border-radius:18px;padding:15px 16px;box-shadow:0 8px 22px rgba(8,47,73,.04)}
.ss-zero-panel{position:relative;overflow:hidden;background:
  radial-gradient(circle at 105% -5%,rgba(99,229,158,.34),transparent 34%),
  linear-gradient(145deg,#082f49,#0d4967);box-shadow:0 28px 70px rgba(8,47,73,.18)}
.ss-zero-panel:after{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(255,255,255,.10);border-radius:50%;right:-70px;bottom:-70px}
.ss-page-hero{position:relative;overflow:hidden;padding:92px 0 70px;background:
  radial-gradient(circle at 78% 10%,rgba(22,189,107,.16),transparent 24rem),
  linear-gradient(120deg,#f4fbfd 0%,#f8fdf9 56%,#eef8fb 100%);border-bottom:1px solid #dcebef}
.ss-page-hero:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;left:-150px;bottom:-220px;border:56px solid rgba(21,93,127,.035)}
.ss-page-body{background:
  radial-gradient(circle at 92% 20%,rgba(22,189,107,.04),transparent 22rem),
  linear-gradient(180deg,#fff 0%,#fbfdfe 100%)}
.ss-content-block,.ss-legal,.ss-faq{position:relative}
.ss-legal{background:#fff;border:1px solid #e2edf1;border-radius:28px;padding:34px 38px;box-shadow:0 18px 50px rgba(8,47,73,.06)}
.ss-doc-grid>a{background:linear-gradient(145deg,#fff,#f8fcfd);transition:.2s;box-shadow:0 8px 24px rgba(8,47,73,.035)}
.ss-doc-grid>a:hover{transform:translateY(-3px);border-color:#a8dcc0;box-shadow:0 18px 42px rgba(8,47,73,.09)}
.ss-faq details{box-shadow:0 9px 28px rgba(8,47,73,.035)}
.ss-login-page{position:relative;overflow:hidden;background:
  radial-gradient(circle at 10% 12%,rgba(22,189,107,.18),transparent 27rem),
  radial-gradient(circle at 95% 88%,rgba(21,93,127,.14),transparent 32rem),
  linear-gradient(135deg,#f6fcfe,#effaf4)}
.ss-login-page:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(8,47,73,.018) 0 1px,transparent 1px 18px);pointer-events:none}
.ss-login-grid{position:relative;z-index:1}
.ss-login-card{background:rgba(255,255,255,.94);backdrop-filter:blur(15px);box-shadow:0 30px 80px rgba(8,47,73,.14)}
.ss-final-cta{position:relative;overflow:hidden;background:
  radial-gradient(circle at 82% 20%,rgba(99,229,158,.28),transparent 30%),
  linear-gradient(135deg,#062f49,#0c5674)}
.ss-final-cta:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;border:56px solid rgba(255,255,255,.035);left:-140px;bottom:-220px}
.ss-final-grid{position:relative;z-index:1}
.ss-footer{background:
  radial-gradient(circle at 90% 10%,rgba(22,189,107,.10),transparent 24rem),
  linear-gradient(145deg,#051d2d,#082f49 72%)}
.ss-footer-grid>div:not(.ss-footer-brand){padding-top:8px}
.ss-footer-grid>div>a{position:relative;padding-left:0;transition:.18s}
.ss-footer-grid>div>a:hover{padding-left:5px;color:#6ee6a7}
@media(max-width:680px){
  .ss-home-hero{padding:54px 0 48px}.ss-page-hero{padding:62px 0 44px}.ss-legal{padding:24px 20px;border-radius:22px}
  .ss-section-soft:before{width:220px;height:220px;right:-110px}
}

/* v1.4.0 - Onepage Landingpage */
section[id]{scroll-margin-top:128px}.ss-one-hero{position:relative;overflow:hidden;padding:90px 0 82px;background:radial-gradient(circle at 10% 12%,rgba(22,189,107,.18),transparent 28rem),radial-gradient(circle at 92% 0%,rgba(21,93,127,.18),transparent 30rem),linear-gradient(135deg,#f7fcff 0%,#f0fbf5 52%,#edf8fc 100%)}.ss-one-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(8,47,73,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(8,47,73,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent 75%)}.ss-one-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:66px;align-items:center}.ss-one-hero h1{font-size:clamp(48px,5.8vw,76px);line-height:1.01;letter-spacing:-.05em;color:var(--navy);margin:18px 0 20px}.ss-one-hero h1 em{font-style:normal;color:var(--green2)}.ss-one-visual .ss-float-card strong{font-size:40px;line-height:1;color:var(--green2);margin:5px 0}.ss-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.ss-flow>div{position:relative;background:linear-gradient(160deg,#fff,#f7fbfd);border:1px solid var(--line);border-radius:22px;padding:24px;min-height:170px;box-shadow:0 12px 34px rgba(8,47,73,.055)}.ss-flow b{display:block;font-size:34px;color:#b6d6c5}.ss-flow strong{display:block;color:var(--navy);font-size:18px;margin:10px 0 4px}.ss-flow span{color:var(--muted);font-size:14px}.ss-cta-stage{background:radial-gradient(circle at 15% 18%,rgba(22,189,107,.18),transparent 28rem),linear-gradient(145deg,#082f49,#0c5674);color:#fff}.ss-cta-stage .ss-kicker{color:#65e6a3}.ss-cta-stage h2{color:#fff;font-size:clamp(38px,4.4vw,58px);letter-spacing:-.04em;margin:12px 0}.ss-cta-stage p{color:#c7dde7;font-size:19px}.ss-cta-stage-grid{display:grid;grid-template-columns:1fr .72fr;gap:56px;align-items:center}.ss-check-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.ss-check-row span{background:#ffffff10;border:1px solid #ffffff20;border-radius:999px;padding:9px 12px;font-size:13px}.ss-cta-card{background:#fff;color:var(--navy);border-radius:30px;padding:30px;box-shadow:0 28px 80px rgba(0,0,0,.2)}.ss-cta-card>span{display:block;color:var(--muted);font-weight:800}.ss-cta-card>strong{display:block;font-size:62px;line-height:1;color:var(--green2);margin:8px 0}.ss-cta-card>b{display:block;margin-bottom:22px}.ss-cta-card small{display:block;color:var(--muted);margin-top:14px}.ss-login-inline{background:radial-gradient(circle at 85% 20%,rgba(22,189,107,.13),transparent 25rem),linear-gradient(135deg,#f6fcfe,#effaf4)}.ss-login-inline-grid{display:grid;grid-template-columns:1fr .8fr;gap:64px;align-items:center}.ss-login-inline h2{font-size:clamp(36px,4.4vw,54px);letter-spacing:-.04em;margin:12px 0;color:var(--navy)}.ss-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ss-legal-zone{background:linear-gradient(180deg,#fbfdfe,#f2f8fa)}.ss-legal-stack{display:grid;gap:14px}.ss-legal-stack details{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 10px 28px rgba(8,47,73,.04)}.ss-legal-stack summary{cursor:pointer;padding:20px 24px;font-weight:850;color:var(--navy);font-size:18px;list-style:none}.ss-legal-stack summary::-webkit-details-marker{display:none}.ss-legal-stack summary:after{content:"+";float:right;color:var(--green2);font-size:24px;line-height:1}.ss-legal-stack details[open] summary:after{content:"−"}.ss-legal-stack details>div{padding:0 24px 24px;color:#456472}.ss-legal-stack h3{color:var(--navy);margin:22px 0 7px}.ss-footer-one-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:42px}.ss-footer-one-grid>div{display:flex;flex-direction:column;gap:9px}.ss-footer-one-grid h3{margin:0 0 8px;color:#fff}.ss-footer-one-grid a{color:#cfe1e9}.ss-footer-one-grid a:hover{color:#6ee6a7}.ss-footer-one .ss-brand{margin-bottom:12px}.ss-footer-one .ss-logo-text strong{color:#fff}.ss-footer-one .ss-logo-text small{color:#b9d3df}.ss-footer-one .ss-logo-text b{color:#59db91}.ss-nav{gap:18px}.ss-nav>a:not(.ss-btn){position:relative}.ss-nav>a:not(.ss-btn):after{content:"";position:absolute;left:0;right:100%;bottom:7px;height:2px;background:var(--green);transition:.2s}.ss-nav>a:not(.ss-btn):hover:after{right:0}
@media(max-width:1080px){.ss-flow{grid-template-columns:repeat(3,1fr)}.ss-one-hero-grid,.ss-cta-stage-grid,.ss-login-inline-grid{grid-template-columns:1fr}.ss-contact-grid{grid-template-columns:1fr 1fr}.ss-footer-one-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){section[id]{scroll-margin-top:104px}.ss-one-hero{padding:54px 0}.ss-one-hero h1{font-size:44px}.ss-flow{grid-template-columns:1fr}.ss-contact-grid{grid-template-columns:1fr}.ss-footer-one-grid{grid-template-columns:1fr}.ss-cta-card>strong{font-size:50px}.ss-topbar .ss-shell{justify-content:center;text-align:center}.ss-topbar a{display:none}}

.ss-logout-form{margin:0;padding:0;display:inline-flex;align-items:center}.ss-login-card .ss-logout-form{display:block;width:100%}.ss-logout-form button{font-family:inherit}

/* v1.5.6: simple login/logout popups */
.ss-nav-popup{font:inherit;font-weight:800;color:var(--navy);background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;cursor:pointer}.ss-nav-popup:hover{color:var(--green2);border-color:#a9d9bf}.ss-auth-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:20px}.ss-auth-modal.is-open{display:flex}.ss-auth-backdrop{position:absolute;inset:0;background:rgba(4,28,43,.68);backdrop-filter:blur(5px)}.ss-auth-dialog{position:relative;width:min(460px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:0 34px 100px rgba(0,0,0,.28);z-index:1}.ss-auth-dialog-small{width:min(430px,100%)}.ss-auth-dialog h2{font-size:36px;line-height:1.05;margin:10px 0 8px;color:var(--navy)}.ss-auth-dialog>p{color:var(--muted);margin:0 0 24px}.ss-auth-close{position:absolute;right:16px;top:13px;width:38px;height:38px;border:0;border-radius:50%;background:#eff6f8;color:var(--navy);font-size:28px;line-height:1;cursor:pointer}.ss-auth-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center;margin-top:24px}.ss-auth-actions form{margin:0}.ss-btn-danger{background:#b73b3b;box-shadow:none}.ss-btn-danger:hover{box-shadow:none;background:#992b2b}.ss-auth-lock{overflow:hidden}.ss-logout-card{cursor:pointer}.ss-nav .ss-logout-inline{font:inherit;border:0;background:none;color:#b43c3c!important;cursor:pointer;padding:10px 0;font-weight:800}.ss-nav .ss-logout-inline:hover{color:#8b1f1f!important}
@media(max-width:680px){.ss-auth-dialog{padding:26px 20px;border-radius:22px}.ss-auth-actions{flex-direction:column-reverse}.ss-auth-actions>*{width:100%}.ss-auth-actions form .ss-btn{width:100%}}


/* v1.6.0 Footer- und Informations-Popups */
.ss-footer-one-grid button{font:inherit;text-align:left;border:0;background:none;color:#cfe1e9;padding:0;cursor:pointer;transition:.18s}
.ss-footer-one-grid button:hover{color:#6ee6a7;transform:translateX(4px)}
.ss-info-modal{position:fixed;inset:0;z-index:10020;display:none;align-items:center;justify-content:center;padding:20px}
.ss-info-modal.is-open{display:flex}
.ss-info-backdrop{position:absolute;inset:0;background:rgba(4,28,43,.72);backdrop-filter:blur(6px)}
.ss-info-dialog{position:relative;z-index:1;width:min(760px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:0 34px 100px rgba(0,0,0,.3)}
.ss-info-dialog h2{font-size:clamp(30px,4vw,44px);line-height:1.05;margin:10px 0 20px;color:var(--navy);letter-spacing:-.035em}
.ss-info-content{color:#456472;font-size:16px}.ss-info-content h3{color:var(--navy);margin:24px 0 8px}.ss-info-content p{margin:0 0 16px}.ss-info-content ul{padding-left:22px}.ss-info-content li{margin:8px 0}
.ss-popup-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ss-popup-grid>div{background:#f5fafb;border:1px solid var(--line);border-radius:18px;padding:20px}.ss-popup-grid b{display:block;color:var(--navy);font-size:18px;margin-bottom:6px}.ss-popup-grid p{margin:0}
@media(max-width:680px){.ss-info-dialog{padding:26px 22px;border-radius:22px}.ss-popup-grid{grid-template-columns:1fr}}

/* v1.7.0 FINAL VISUAL REFRESH - landingpage only */
:root{--ss-glow:rgba(18,196,112,.26);--ss-blueglow:rgba(34,146,190,.18);--ss-shadow-lg:0 28px 70px rgba(8,47,73,.14);--ss-shadow-hover:0 26px 65px rgba(8,47,73,.18)}
body.ss-site{background:#f8fbfc}
.ss-header{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(18px) saturate(150%);border-bottom:1px solid rgba(16,80,105,.09);box-shadow:0 10px 35px rgba(8,47,73,.055);position:sticky;top:0;z-index:1000}
.ss-topbar{background:linear-gradient(90deg,#062b43,#094e69 58%,#0a6a60)!important;box-shadow:0 6px 20px rgba(5,38,56,.12)}
.ss-brand{transition:transform .28s ease}.ss-brand:hover{transform:translateY(-2px)}
.ss-nav>a:not(.ss-btn),.ss-nav button{transition:color .22s ease,transform .22s ease,border-color .22s ease,background .22s ease}.ss-nav>a:not(.ss-btn):hover,.ss-nav button:hover{transform:translateY(-1px)}
.ss-btn{position:relative;isolation:isolate;overflow:hidden;transition:transform .24s ease,box-shadow .24s ease,filter .24s ease}.ss-btn:before{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.35) 48%,transparent 72%);transform:translateX(-130%);transition:transform .65s ease}.ss-btn:hover:before{transform:translateX(130%)}.ss-btn:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(18,189,107,.26)}

.ss-one-hero{min-height:720px;display:flex;align-items:center;padding:92px 0 100px!important;background-image:url('../images/home-energy-bg.svg'),radial-gradient(circle at 11% 9%,rgba(22,189,107,.20),transparent 29rem),radial-gradient(circle at 91% 18%,rgba(40,151,192,.20),transparent 32rem),linear-gradient(135deg,#fbfeff 0%,#f3fbf7 52%,#edf8fc 100%)!important;background-size:cover,auto,auto,auto;background-position:center;position:relative}
.ss-one-hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:110px;background:linear-gradient(to bottom,transparent,#f6fafb);pointer-events:none}
.ss-one-hero-grid{gap:82px!important}.ss-one-hero-grid>div:first-child{animation:ssHeroIn .7s cubic-bezier(.2,.7,.2,1) both}.ss-one-hero h1{text-shadow:0 1px 0 rgba(255,255,255,.7)}
.ss-one-hero .ss-kicker{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.68);border:1px solid rgba(20,147,92,.17);padding:8px 12px;border-radius:999px;box-shadow:0 10px 30px rgba(8,47,73,.055);backdrop-filter:blur(8px)}
.ss-one-hero .ss-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:#18c575;box-shadow:0 0 0 6px rgba(24,197,117,.10)}
.ss-one-hero .ss-lead{max-width:720px;font-size:20px;line-height:1.65}.ss-one-hero .ss-actions{margin-top:30px}.ss-one-hero .ss-mini-trust{margin-top:28px;gap:10px}.ss-one-hero .ss-mini-trust span{background:rgba(255,255,255,.72);border:1px solid rgba(14,105,80,.10);box-shadow:0 10px 25px rgba(8,47,73,.05);padding:9px 12px;border-radius:999px;backdrop-filter:blur(10px)}
.ss-hero-visual{position:relative;transform:perspective(1200px) rotateY(-3deg) rotateX(1deg);transition:transform .45s ease,filter .45s ease;filter:drop-shadow(0 35px 45px rgba(5,52,76,.16))}.ss-hero-visual:hover{transform:perspective(1200px) rotateY(0) rotateX(0) translateY(-7px);filter:drop-shadow(0 45px 55px rgba(5,52,76,.21))}.ss-hero-visual:before{content:"";position:absolute;width:70%;height:70%;left:16%;top:16%;border-radius:50%;background:radial-gradient(circle,var(--ss-glow),transparent 68%);filter:blur(12px);z-index:-1}.ss-hero-visual img{position:relative;z-index:1}.ss-float-card{animation:ssFloat 4.6s ease-in-out infinite;box-shadow:0 22px 45px rgba(8,47,73,.16)!important;border:1px solid rgba(18,189,107,.16)!important;backdrop-filter:blur(8px)}

.ss-section{position:relative}.ss-section-soft{background:linear-gradient(180deg,#f6fafb 0%,#eef8f4 48%,#f7fbfd 100%)!important;overflow:hidden}.ss-section-soft:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 9% 30%,rgba(22,189,107,.08),transparent 26rem),radial-gradient(circle at 92% 72%,rgba(29,130,173,.08),transparent 30rem);pointer-events:none}.ss-section-soft>.ss-shell{position:relative;z-index:1}
.ss-section-head{max-width:760px}.ss-section-head h2,.ss-two-col h2{letter-spacing:-.035em}
.ss-info-card{position:relative;overflow:hidden;background:rgba(255,255,255,.88)!important;backdrop-filter:blur(12px);border:1px solid rgba(15,89,115,.10)!important;box-shadow:0 16px 42px rgba(8,47,73,.07)!important;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease}.ss-info-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#17bf70,#26a7cf);transform:scaleX(.15);transform-origin:left;opacity:.65;transition:transform .35s ease}.ss-info-card:hover{transform:translateY(-9px) scale(1.012);box-shadow:var(--ss-shadow-hover)!important;border-color:rgba(18,189,107,.24)!important}.ss-info-card:hover:before{transform:scaleX(1)}.ss-info-card img{transition:transform .32s ease,filter .32s ease}.ss-info-card:hover img{transform:translateY(-3px) scale(1.08);filter:drop-shadow(0 9px 14px rgba(18,189,107,.16))}

.ss-two-col{gap:72px!important}.ss-zero-panel{position:relative;overflow:hidden;background:linear-gradient(145deg,#062f49,#0a536e 60%,#08715f)!important;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px rgba(5,42,62,.22)!important;transition:transform .35s ease}.ss-zero-panel:hover{transform:translateY(-5px)}.ss-zero-panel:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-100px;top:-120px;background:radial-gradient(circle,rgba(58,226,143,.22),transparent 70%)}.ss-zero-panel .ss-zero{background:rgba(30,203,112,.13);border:1px solid rgba(89,239,154,.22);border-radius:18px;padding:18px 18px 14px}.ss-zero-panel .ss-zero strong{font-size:42px;text-shadow:0 0 30px rgba(95,255,168,.18)}
.ss-step-list>div{transition:transform .24s ease,background .24s ease,border-color .24s ease;border:1px solid transparent;border-radius:18px;padding:12px}.ss-step-list>div:hover{transform:translateX(8px);background:#f4fbf7;border-color:#dcefe4}.ss-step-list>div>b{box-shadow:0 8px 22px rgba(18,189,107,.18)}

.ss-flow{gap:18px!important}.ss-flow>div{overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.ss-flow>div:after{content:"";position:absolute;right:-35px;bottom:-38px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(22,189,107,.16),transparent 70%);transition:transform .35s ease}.ss-flow>div:hover{transform:translateY(-8px);box-shadow:0 22px 52px rgba(8,47,73,.13);border-color:rgba(18,189,107,.23)}.ss-flow>div:hover:after{transform:scale(1.35)}.ss-flow>div:hover b{color:#17b86b}

.ss-cta-stage{background-image:radial-gradient(circle at 76% 15%,rgba(79,231,151,.30),transparent 24rem),radial-gradient(circle at 10% 100%,rgba(38,158,198,.20),transparent 30rem),linear-gradient(135deg,#05283e 0%,#083e59 52%,#08705e 100%)!important;box-shadow:inset 0 1px rgba(255,255,255,.08),inset 0 -1px rgba(255,255,255,.05)}.ss-cta-card{transition:transform .35s ease,box-shadow .35s ease}.ss-cta-card:hover{transform:translateY(-8px) rotate(-.4deg);box-shadow:0 38px 90px rgba(0,0,0,.26)}

.ss-login-inline{background:linear-gradient(135deg,#f3fbf7,#edf8fc)!important}.ss-login-inline:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 30%,rgba(22,189,107,.11),transparent 25rem),radial-gradient(circle at 88% 65%,rgba(31,132,177,.10),transparent 28rem);pointer-events:none}.ss-login-inline>.ss-shell{position:relative;z-index:1}.ss-login-card{transition:transform .3s ease,box-shadow .3s ease}.ss-login-card:hover{transform:translateY(-5px);box-shadow:0 30px 75px rgba(8,47,73,.15)}

.ss-contact-grid .ss-info-card{min-height:180px}.ss-faq details{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.ss-faq details:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(8,47,73,.08);border-color:#cbe6d6}
.ss-footer{position:relative;overflow:hidden}.ss-footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 4%,rgba(36,208,125,.13),transparent 26rem),linear-gradient(120deg,transparent 45%,rgba(255,255,255,.025));pointer-events:none}.ss-footer>.ss-shell{position:relative;z-index:1}

.ss-reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.ss-reveal.is-visible{opacity:1;transform:none}
@keyframes ssHeroIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes ssFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media (prefers-reduced-motion:reduce){.ss-float-card,.ss-one-hero-grid>div:first-child{animation:none!important}.ss-reveal{opacity:1!important;transform:none!important;transition:none!important}.ss-btn,.ss-info-card,.ss-flow>div,.ss-hero-visual{transition:none!important}}
@media(max-width:1080px){.ss-one-hero{min-height:auto}.ss-hero-visual{transform:none}.ss-one-hero-grid{gap:48px!important}.ss-two-col{gap:42px!important}}
@media(max-width:680px){.ss-one-hero{padding:58px 0 72px!important;background-position:center}.ss-one-hero h1{font-size:43px!important}.ss-one-hero .ss-lead{font-size:17px}.ss-one-hero .ss-mini-trust span{font-size:12px}.ss-info-card:hover,.ss-flow>div:hover,.ss-zero-panel:hover,.ss-cta-card:hover,.ss-login-card:hover{transform:none}.ss-hero-visual:hover{transform:none}}

/* Solar Safe v1.7.1 - calculator navigation + visual polish */
.ss-is-calculator{background:
  radial-gradient(circle at 8% 15%,rgba(22,189,107,.12),transparent 30rem),
  radial-gradient(circle at 92% 18%,rgba(21,93,127,.13),transparent 34rem),
  linear-gradient(180deg,#f7fcfe 0%,#f2faf6 54%,#f8fbfd 100%);}
.ss-is-calculator .ss-main-calculator{position:relative;overflow:hidden;padding:36px 0 72px;isolation:isolate}
.ss-is-calculator .ss-main-calculator:before,.ss-is-calculator .ss-main-calculator:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}
.ss-is-calculator .ss-main-calculator:before{width:560px;height:560px;left:-300px;top:120px;background:radial-gradient(circle,rgba(22,189,107,.15),transparent 68%)}
.ss-is-calculator .ss-main-calculator:after{width:640px;height:640px;right:-330px;top:520px;background:radial-gradient(circle,rgba(21,93,127,.15),transparent 68%)}
.ss-is-calculator .ssc-shell{position:relative;z-index:1}
.ss-is-calculator .ssc-hero-v2{position:relative;overflow:hidden;border:1px solid rgba(15,110,96,.14);border-radius:34px;background:
  linear-gradient(135deg,rgba(255,255,255,.97),rgba(243,252,248,.95)),
  url('../images/home-energy-bg.svg') center/cover no-repeat;box-shadow:0 30px 80px rgba(8,47,73,.11);padding:34px}
.ss-is-calculator .ssc-hero-v2:before{content:"";position:absolute;width:340px;height:340px;right:-90px;top:-110px;border-radius:50%;background:linear-gradient(135deg,rgba(22,189,107,.20),rgba(21,93,127,.10));pointer-events:none}
.ss-is-calculator .ssc-hero-copy,.ss-is-calculator .ssc-hero-value{position:relative;z-index:1}
.ss-is-calculator .ssc-hero-copy h1{font-size:clamp(38px,4.7vw,62px);letter-spacing:-.045em;line-height:1.02}
.ss-is-calculator .ssc-firstyear{border:1px solid #bfead1;background:linear-gradient(135deg,#f5fff9,#eafaf1);box-shadow:0 14px 34px rgba(22,189,107,.10)}
.ss-is-calculator .ssc-benefits span{transition:transform .22s ease,background .22s ease,box-shadow .22s ease}
.ss-is-calculator .ssc-benefits span:hover{transform:translateY(-2px);background:#fff;box-shadow:0 10px 24px rgba(8,47,73,.08)}
.ss-is-calculator .ssc-hero-value{background:linear-gradient(145deg,#073b58,#0b5f70);border-radius:26px;box-shadow:0 20px 46px rgba(8,47,73,.20);transition:transform .25s ease,box-shadow .25s ease}
.ss-is-calculator .ssc-hero-value:hover{transform:translateY(-4px);box-shadow:0 26px 58px rgba(8,47,73,.24)}
.ss-is-calculator .ssc-progress{margin-top:34px;padding:22px 22px 18px;background:rgba(255,255,255,.86);border:1px solid #dbe9ee;border-radius:22px;box-shadow:0 14px 38px rgba(8,47,73,.07);backdrop-filter:blur(10px)}
.ss-is-calculator .ssc-layout{gap:26px;align-items:start}
.ss-is-calculator .ssc-form{background:rgba(255,255,255,.90);border:1px solid #d9e8ee;border-radius:30px;box-shadow:0 22px 58px rgba(8,47,73,.09);backdrop-filter:blur(12px)}
.ss-is-calculator .ssc-step section{background:linear-gradient(160deg,#fff,#fbfefd);border:1px solid #dce9ee;border-radius:24px;box-shadow:0 12px 34px rgba(8,47,73,.05)}
.ss-is-calculator .ssc-step section h2{position:relative;padding-bottom:14px}
.ss-is-calculator .ssc-step section h2:after{content:"";position:absolute;left:0;bottom:0;width:54px;height:4px;border-radius:999px;background:linear-gradient(90deg,#16bd6b,#1b7898)}
.ss-is-calculator .ssc-form input,.ss-is-calculator .ssc-form select{background:#fbfdfe;border-color:#cfe0e7;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease}
.ss-is-calculator .ssc-form input:hover,.ss-is-calculator .ssc-form select:hover{background:#fff;border-color:#a9cbd8}
.ss-is-calculator .ssc-form input:focus,.ss-is-calculator .ssc-form select:focus{border-color:#16bd6b;box-shadow:0 0 0 4px rgba(22,189,107,.11);transform:translateY(-1px)}
.ss-is-calculator .ssc-choice label{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.ss-is-calculator .ssc-choice label:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(8,47,73,.08)}
.ss-is-calculator .ssc-risk{background:linear-gradient(135deg,#f6fcf9,#edf8f4);border-color:#c9e8d7}
.ss-is-calculator .ssc-summary{position:sticky;top:142px;border-radius:30px;background:linear-gradient(155deg,#063a57 0%,#0a566f 60%,#0b6a63 100%);box-shadow:0 28px 70px rgba(8,47,73,.20);overflow:hidden}
.ss-is-calculator .ssc-summary:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-105px;top:-95px;background:rgba(22,189,107,.17);pointer-events:none}
.ss-is-calculator .ssc-summary>*{position:relative;z-index:1}
.ss-is-calculator .ssc-card{transition:transform .2s ease,background .2s ease,border-color .2s ease}
.ss-is-calculator .ssc-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.25)}
.ss-is-calculator .ssc-total{background:linear-gradient(135deg,#13b964,#20ce77);box-shadow:0 16px 34px rgba(22,189,107,.22)}
.ss-is-calculator .ssc-btn{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.ss-is-calculator .ssc-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(22,189,107,.25);filter:saturate(1.05)}
.ss-is-calculator .ssc-secondary:hover{box-shadow:0 12px 28px rgba(8,47,73,.10)}
.ss-is-calculator .ssc-success{border-radius:30px;background:linear-gradient(145deg,#fff,#f0fbf5);box-shadow:0 28px 70px rgba(8,47,73,.12)}
@media(max-width:980px){.ss-is-calculator .ss-main-calculator{padding-top:22px}.ss-is-calculator .ssc-summary{position:relative;top:auto}.ss-is-calculator .ssc-hero-v2{padding:24px;border-radius:26px}}
@media(max-width:680px){.ss-is-calculator .ss-main-calculator{padding:14px 0 48px}.ss-is-calculator .ssc-hero-v2{padding:18px;border-radius:22px}.ss-is-calculator .ssc-progress{padding:16px 12px}.ss-is-calculator .ssc-form{border-radius:22px}.ss-is-calculator .ssc-step section{border-radius:18px}}

/* v1.7.2 MOBILE APP NAV --------------------------------------------------- */
.ss-mobile-app-nav{display:none}
@media(max-width:820px){
  body.ss-site{padding-bottom:88px}
  .ss-header{top:0}
  .ss-topbar{display:none}
  .ss-header-inner{height:66px;justify-content:center}
  .ss-header .ss-brand{min-width:0;transform:scale(.88);transform-origin:center}
  .ss-header .ss-nav,.ss-header .ss-menu-toggle{display:none!important}
  .ss-mobile-app-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));z-index:1200;min-height:72px;padding:8px 5px 7px;background:rgba(255,255,255,.94);border:1px solid rgba(8,47,73,.10);border-radius:24px;box-shadow:0 18px 44px rgba(8,47,73,.20);backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25)}
  .ss-app-nav-item{appearance:none;border:0;background:transparent;color:#607783!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;padding:2px 2px;font:inherit;font-size:10.5px;font-weight:800;line-height:1.1;cursor:pointer;transition:color .2s ease,transform .2s ease}
  .ss-app-nav-item:hover,.ss-app-nav-item:focus-visible{color:var(--green2)!important;transform:translateY(-1px)}
  .ss-app-nav-icon{display:grid;place-items:center;width:27px;height:27px}
  .ss-app-nav-icon svg,.ss-app-nav-primary-bubble svg{width:24px;height:24px;fill:currentColor;stroke:none}
  .ss-app-nav-icon svg .ss-nav-icon-cut,.ss-app-nav-primary-bubble svg .ss-nav-icon-cut{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .ss-app-nav-item.is-active{color:var(--green2)!important}
  .ss-app-nav-item.is-active .ss-app-nav-icon{background:#e9f9f0;border-radius:10px}
  .ss-app-nav-primary{position:relative;color:var(--navy)!important;padding-top:28px}
  .ss-app-nav-primary-bubble{position:absolute;top:-28px;left:50%;transform:translateX(-50%);width:58px;height:58px;border-radius:19px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#16bd6b,#0a9c61);box-shadow:0 12px 28px rgba(22,189,107,.36),0 0 0 6px rgba(255,255,255,.95);transition:transform .22s ease,box-shadow .22s ease}
  .ss-app-nav-primary:hover .ss-app-nav-primary-bubble,.ss-app-nav-primary:focus-visible .ss-app-nav-primary-bubble{transform:translateX(-50%) translateY(-3px) scale(1.04);box-shadow:0 16px 32px rgba(22,189,107,.42),0 0 0 6px rgba(255,255,255,.96)}
  .ss-app-nav-primary.is-active .ss-app-nav-primary-bubble{background:linear-gradient(145deg,#0f9f59,#087b68);box-shadow:0 14px 34px rgba(15,159,89,.42),0 0 0 6px rgba(232,250,241,.98)}
  .ss-footer{padding-bottom:26px}
  .ss-is-calculator .ssc-summary{margin-bottom:16px}
}
@media(max-width:390px){
  .ss-mobile-app-nav{left:6px;right:6px;border-radius:21px;min-height:68px}
  .ss-app-nav-item{font-size:9.5px}
  .ss-app-nav-icon{width:24px;height:24px}
  .ss-app-nav-primary-bubble{width:54px;height:54px;border-radius:18px}
}

/* Solar Safe v1.7.3 - mobile calculator UX */
@media(max-width:680px){
  .ss-is-calculator .ss-main-calculator{padding:8px 0 30px!important;overflow:visible}
  .ss-is-calculator .ssc-shell{width:100%;max-width:none;margin:8px auto 18px!important;padding:0 8px!important}

  /* Compact mobile intro: the calculator starts immediately instead of using a large hero. */
  .ss-is-calculator .ssc-hero-v2{display:block!important;margin:4px 0 12px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}
  .ss-is-calculator .ssc-hero-v2:before{display:none!important}
  .ss-is-calculator .ssc-hero-copy{padding:16px 16px 14px!important;border:1px solid #d8e8ee!important;border-radius:20px!important;background:linear-gradient(145deg,#ffffff,#f1fbf6)!important;box-shadow:0 10px 28px rgba(8,47,73,.07)!important}
  .ss-is-calculator .ssc-hero-copy .ssc-eyebrow{font-size:9px!important;letter-spacing:.11em!important}
  .ss-is-calculator .ssc-hero-copy h1{font-size:27px!important;line-height:1.04!important;letter-spacing:-.035em!important;margin:7px 0 10px!important}
  .ss-is-calculator .ssc-hero-copy>p,.ss-is-calculator .ssc-benefits{display:none!important}
  .ss-is-calculator .ssc-firstyear{margin:10px 0 0!important;padding:11px 12px!important;border-left-width:4px!important;border-radius:12px!important;gap:1px!important}
  .ss-is-calculator .ssc-firstyear span{font-size:10px!important}
  .ss-is-calculator .ssc-firstyear strong{font-size:20px!important;line-height:1.15!important}
  .ss-is-calculator .ssc-hero-value{display:none!important}

  /* Five equally positioned numbered steps. */
  .ss-is-calculator .ssc-progress{position:relative!important;overflow:visible!important;margin:0 0 12px!important;padding:12px 7px 9px!important;border-radius:18px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 8px 24px rgba(8,47,73,.06)!important}
  .ss-is-calculator .ssc-progress:before{left:10%!important;right:10%!important;top:23px!important;height:2px!important;background:#dce8ed!important}
  .ss-is-calculator .ssc-progress-bar{left:10%!important;top:23px!important;height:2px!important;max-width:80%!important}
  .ss-is-calculator .ssc-progress ol{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:start!important;width:100%!important}
  .ss-is-calculator .ssc-progress li{counter-increment:ss-mobile-step;position:relative!important;min-width:0!important;padding:38px 1px 0!important;font-size:0!important;line-height:1!important;text-align:center!important;color:#718692!important}
  .ss-is-calculator .ssc-progress ol{counter-reset:ss-mobile-step}
  .ss-is-calculator .ssc-progress li:before{content:counter(ss-mobile-step)!important;position:absolute!important;left:50%!important;top:0!important;margin:0!important;transform:translateX(-50%)!important;width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#edf3f5!important;border:3px solid #fff!important;box-shadow:0 0 0 1px #cfdee5!important;color:#718692!important;font-size:11px!important;font-weight:900!important}
  .ss-is-calculator .ssc-progress li:after{display:block!important;margin-top:0!important;font-size:9px!important;line-height:1.15!important;font-weight:750!important;white-space:normal!important;color:inherit!important}
  .ss-is-calculator .ssc-progress li:nth-child(1):after{content:"Person"!important}
  .ss-is-calculator .ssc-progress li:nth-child(2):after{content:"Standort"!important}
  .ss-is-calculator .ssc-progress li:nth-child(3):after{content:"Anlage"!important}
  .ss-is-calculator .ssc-progress li:nth-child(4):after{content:"Schutz"!important}
  .ss-is-calculator .ssc-progress li:nth-child(5):after{content:"Prüfung"!important}
  .ss-is-calculator .ssc-progress li.active,.ss-is-calculator .ssc-progress li.done{color:#087648!important}
  .ss-is-calculator .ssc-progress li.active:before,.ss-is-calculator .ssc-progress li.done:before{background:linear-gradient(145deg,#24c96a,#10a85a)!important;color:#fff!important;box-shadow:0 0 0 1px #16b864,0 5px 12px rgba(22,189,107,.18)!important}

  /* Denser, app-like form cards. */
  .ss-is-calculator .ssc-layout{display:block!important}
  .ss-is-calculator .ssc-form{width:100%!important;padding:10px!important;border-radius:20px!important;box-shadow:0 12px 34px rgba(8,47,73,.08)!important}
  .ss-is-calculator .ssc-step section{padding:15px 14px!important;margin-bottom:10px!important;border-radius:16px!important}
  .ss-is-calculator .ssc-step section h2{font-size:23px!important;line-height:1.1!important;margin:0 0 13px!important;padding-bottom:11px!important}
  .ss-is-calculator .ssc-step section h2:after{width:42px!important;height:3px!important}
  .ss-is-calculator .ssc-grid{gap:9px!important;margin-top:9px!important}
  .ss-is-calculator .ssc-grid4,.ss-is-calculator .ssc-grid3,.ss-is-calculator .ssc-grid2{grid-template-columns:1fr!important}
  .ss-is-calculator .ssc-form label,.ss-is-calculator .ssc-risk legend{font-size:13px!important;line-height:1.25!important}
  .ss-is-calculator .ssc-form input,.ss-is-calculator .ssc-form select{height:48px!important;min-height:48px!important;margin-top:5px!important;padding:0 12px!important;border-radius:12px!important;font-size:16px!important}
  .ss-is-calculator .ssc-tariff-display{min-height:48px!important;padding:10px 12px!important;border-radius:12px!important}
  .ss-is-calculator .ssc-risk{margin-top:12px!important;padding:13px!important;border-radius:13px!important}
  .ss-is-calculator .ssc-risk p{font-size:13px!important;line-height:1.45!important;margin:7px 0!important}
  .ss-is-calculator .ssc-choice{gap:8px!important;margin-top:9px!important}
  .ss-is-calculator .ssc-choice label{padding:11px!important;border-radius:12px!important}
  .ss-is-calculator .ssc-choice b{font-size:15px!important}
  .ss-is-calculator .ssc-choice small{font-size:11px!important}
  .ss-is-calculator .ssc-risk-live{margin-top:9px!important;padding:9px 10px!important;font-size:12px!important}
  .ss-is-calculator .ssc-actions{gap:8px!important;margin-top:10px!important}
  .ss-is-calculator .ssc-actions .ssc-btn{min-height:48px!important;padding:12px 18px!important;font-size:15px!important}
  .ss-is-calculator .ssc-summary{margin:12px 0 8px!important;padding:18px!important;border-radius:20px!important}
  .ss-is-calculator .ssc-summary h2{font-size:27px!important;margin:5px 0 12px!important}
  .ss-is-calculator .ssc-card{padding:13px!important;margin-bottom:8px!important;border-radius:13px!important}
  .ss-is-calculator .ssc-total{padding:15px!important;border-radius:14px!important}
  .ss-is-calculator .ssc-total strong{font-size:34px!important}

  /* Keep content clear of the app bar. */
  .ss-is-calculator .ssc-form,.ss-is-calculator .ssc-summary{scroll-margin-bottom:108px}
}

@media(max-width:370px){
  .ss-is-calculator .ssc-progress{padding-left:3px!important;padding-right:3px!important}
  .ss-is-calculator .ssc-progress li:after{font-size:8px!important}
  .ss-is-calculator .ssc-progress li:before{width:26px!important;height:26px!important}
  .ss-is-calculator .ssc-progress:before,.ss-is-calculator .ssc-progress-bar{top:22px!important}
  .ss-is-calculator .ssc-hero-copy h1{font-size:24px!important}
}

/* v1.7.4 ElbCrew credit */
.ss-elbcrew-credit{position:relative;z-index:1;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);text-align:center;color:#7895a2;font-size:12px;letter-spacing:.01em}.ss-elbcrew-credit a{color:#b9d3df;font-weight:800;transition:.18s}.ss-elbcrew-credit a:hover{color:#6ee6a7}
@media(max-width:680px){.ss-elbcrew-credit{margin-top:14px;padding:14px 0 92px;font-size:11px}}

/* v1.7.5 CALCULATOR DESKTOP ALIGNMENT + FORM ENERGY ----------------------- */
@media(min-width:681px){
  .ss-is-calculator .ssc-progress{
    position:relative!important;
    max-width:1040px!important;
    margin:28px auto 26px!important;
    padding:18px 24px 16px!important;
    overflow:visible!important;
    background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(245,252,249,.92))!important;
    border:1px solid rgba(35,130,110,.14)!important;
    box-shadow:0 18px 50px rgba(8,47,73,.09)!important;
  }
  .ss-is-calculator .ssc-progress ol{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    z-index:2!important;
  }
  .ss-is-calculator .ssc-progress li{
    position:relative!important;
    min-width:0!important;
    padding:34px 8px 0!important;
    text-align:center!important;
    font-size:12px!important;
    line-height:1.25!important;
  }
  .ss-is-calculator .ssc-progress li:before{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:0!important;
    margin:0!important;
    transform:translateX(-50%)!important;
    width:16px!important;
    height:16px!important;
    border-radius:50%!important;
    background:#dce7ec!important;
    border:4px solid #fff!important;
    box-shadow:0 0 0 1px #cbdbe3,0 4px 12px rgba(8,47,73,.09)!important;
    z-index:3!important;
  }
  .ss-is-calculator .ssc-progress li.active:before,
  .ss-is-calculator .ssc-progress li.done:before{
    background:linear-gradient(145deg,#22cd72,#0ea45c)!important;
    box-shadow:0 0 0 1px #18b665,0 6px 16px rgba(22,189,107,.25)!important;
  }
  .ss-is-calculator .ssc-progress:before{
    content:""!important;
    position:absolute!important;
    left:10%!important;
    right:10%!important;
    top:26px!important;
    height:3px!important;
    background:linear-gradient(90deg,#d8e7ec,#e7f1f3)!important;
    border-radius:999px!important;
    z-index:1!important;
  }
  .ss-is-calculator .ssc-progress-bar{
    position:absolute!important;
    left:10%!important;
    top:26px!important;
    height:3px!important;
    max-width:80%!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#13bd68,#37d98a)!important;
    box-shadow:0 0 14px rgba(22,189,107,.24)!important;
    z-index:1!important;
  }
}

/* The form should feel like a guided application, not a dead data table. */
.ss-is-calculator .ssc-layout{gap:24px!important;align-items:start!important}
.ss-is-calculator .ssc-form{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 5% 0,rgba(22,189,107,.08),transparent 23%),
    linear-gradient(145deg,#ffffff 0,#fbfefe 55%,#f3fbf7 100%)!important;
  border:1px solid rgba(21,93,127,.14)!important;
  box-shadow:0 26px 70px rgba(8,47,73,.11)!important;
}
.ss-is-calculator .ssc-form:before{
  content:"";
  position:absolute;
  width:190px;height:190px;border-radius:50%;
  right:-92px;top:-100px;
  background:radial-gradient(circle,rgba(22,189,107,.13),rgba(22,189,107,0) 70%);
  pointer-events:none;
}
.ss-is-calculator .ssc-step section{
  position:relative!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.86)!important;
  border:1px solid #d8e8ee!important;
  box-shadow:0 10px 28px rgba(8,47,73,.045)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.ss-is-calculator .ssc-step section:hover{
  transform:translateY(-2px)!important;
  border-color:#b9dfcf!important;
  box-shadow:0 18px 38px rgba(8,47,73,.075)!important;
}
.ss-is-calculator .ssc-step section h2{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  color:#083c58!important;
}
.ss-is-calculator .ssc-step section h2:before{
  content:"✦";
  display:grid;place-items:center;
  width:34px;height:34px;flex:0 0 34px;
  border-radius:11px;
  color:#fff;
  font-size:14px;
  background:linear-gradient(145deg,#17c66e,#0e9f64);
  box-shadow:0 8px 18px rgba(22,189,107,.22);
}
.ss-is-calculator .ssc-step section h2:after{
  background:linear-gradient(90deg,#14bd68,#1f7892)!important;
  border-radius:999px!important;
}
.ss-is-calculator .ssc-grid label{
  position:relative!important;
  color:#143b4d!important;
  font-weight:800!important;
}
.ss-is-calculator .ssc-form input,
.ss-is-calculator .ssc-form select{
  background:linear-gradient(180deg,#fff,#fbfdfe)!important;
  border:1.5px solid #cfe0e7!important;
  box-shadow:inset 0 1px 2px rgba(8,47,73,.025)!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease!important;
}
.ss-is-calculator .ssc-form input:hover,
.ss-is-calculator .ssc-form select:hover{
  border-color:#9bcbbb!important;
  background:#fff!important;
}
.ss-is-calculator .ssc-form input:focus,
.ss-is-calculator .ssc-form select:focus{
  outline:none!important;
  border-color:#15b866!important;
  box-shadow:0 0 0 4px rgba(22,189,107,.11),0 8px 20px rgba(8,47,73,.06)!important;
  transform:translateY(-1px)!important;
}
.ss-is-calculator .ssc-form input:not(:placeholder-shown){background:#fbfff9!important}
.ss-is-calculator .ssc-risk{
  border:1px solid rgba(22,189,107,.20)!important;
  background:linear-gradient(145deg,#eefaf4,#f9fdfb)!important;
  box-shadow:inset 4px 0 0 rgba(22,189,107,.70)!important;
}
.ss-is-calculator .ssc-choice label{
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.ss-is-calculator .ssc-choice label:hover{
  transform:translateY(-2px)!important;
  border-color:#8fd0b2!important;
  box-shadow:0 10px 24px rgba(8,47,73,.07)!important;
}
.ss-is-calculator .ssc-summary{
  background:
    radial-gradient(circle at 110% 0,rgba(47,204,125,.22),transparent 31%),
    linear-gradient(155deg,#073a56,#0a5970)!important;
  box-shadow:0 30px 70px rgba(8,47,73,.20)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
.ss-is-calculator .ssc-summary:before{
  content:"LIVE";
  display:inline-flex;align-items:center;gap:6px;
  margin-bottom:8px;padding:5px 9px;
  border-radius:999px;
  background:rgba(95,231,155,.13);
  border:1px solid rgba(95,231,155,.26);
  color:#6ce2a1;
  font-size:9px;font-weight:900;letter-spacing:.16em;
}
.ss-is-calculator .ssc-summary .ssc-card{
  background:rgba(255,255,255,.09)!important;
  border-color:rgba(255,255,255,.16)!important;
}
.ss-is-calculator .ssc-summary .ssc-card:hover{
  transform:translateY(-3px)!important;
  background:rgba(255,255,255,.13)!important;
}
.ss-is-calculator .ssc-actions .ssc-btn:not(.ssc-secondary){
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#17c86e,#0ba95d)!important;
  box-shadow:0 12px 28px rgba(22,189,107,.26)!important;
}
.ss-is-calculator .ssc-actions .ssc-btn:not(.ssc-secondary):after{
  content:"";position:absolute;inset:0;transform:translateX(-110%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
  transition:transform .55s ease;
}
.ss-is-calculator .ssc-actions .ssc-btn:not(.ssc-secondary):hover:after{transform:translateX(110%)}

@media(max-width:680px){
  .ss-is-calculator .ssc-step section:hover{transform:none!important}
  .ss-is-calculator .ssc-step section h2:before{width:30px;height:30px;flex-basis:30px;border-radius:10px;font-size:12px}
}
