:root{--bg:#061317;--bg2:#0b2024;--ink:#0d1b21;--muted:#607078;--paper:#fff;--soft:#f3f7f6;--line:#dce7e4;--green:#00b579;--green2:#63ddb0;--cyan:#78d9d2;--gold:#c7a75e;--max:1240px;--shadow:0 24px 65px rgba(2,18,22,.16)}
*{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(--paper);line-height:1.55}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit}
.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;z-index:999;background:#fff;color:#000;padding:10px 14px;border-radius:8px}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.eyebrow{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:800;color:#7a8b92}.eyebrow:before{content:"";width:28px;height:2px;background:var(--green)}
.site-header{position:sticky;top:0;z-index:100;background:rgba(5,18,22,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{width:215px;flex:0 0 auto}.navlinks{display:flex;align-items:center;gap:28px;color:#d8e2e4;font-size:.93rem}.navlinks a{opacity:.82}.navlinks a:hover,.navlinks a:focus{opacity:1;color:#fff}.navcta{background:var(--green);color:#001d14;font-weight:800;padding:13px 18px;border-radius:6px}.menu{display:none;background:none;border:0;color:#fff;font-size:1.5rem}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 72% 28%,rgba(0,181,121,.22),transparent 22%),linear-gradient(118deg,#041116 0%,#071b20 50%,#0d2428 100%);color:#fff;padding:94px 0 72px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 62%,rgba(255,255,255,.025) 62% 63%,transparent 63% 75%,rgba(255,255,255,.025) 75% 76%,transparent 76%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:58px;align-items:center}.hero h1{font-size:clamp(3rem,6vw,6rem);line-height:.98;letter-spacing:-.055em;margin:18px 0 26px;max-width:850px}.hero h1 em{font-style:normal;color:var(--green2)}.hero p{font-size:1.18rem;max-width:690px;color:#c8d3d6}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 20px;border-radius:7px;font-weight:800;border:1px solid transparent}.btn.primary{background:var(--green);color:#002319}.btn.secondary{border-color:#7a8c90;color:#fff}.btn.light{background:#fff;color:var(--ink)}.btn.outline{border-color:#aac1bb;color:var(--ink)}
.hero-visual{position:relative;min-height:520px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.01));box-shadow:var(--shadow);overflow:hidden}.hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 45%),repeating-linear-gradient(90deg,transparent 0 96px,rgba(255,255,255,.04) 97px 98px)}.city{position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,transparent,#071418),repeating-linear-gradient(90deg,#0f2d32 0 34px,#0a2024 34px 58px,#163b3f 58px 84px);clip-path:polygon(0 28%,8% 17%,13% 33%,20% 10%,27% 25%,34% 7%,40% 29%,48% 16%,55% 31%,62% 13%,68% 27%,77% 5%,84% 30%,91% 12%,100% 24%,100% 100%,0 100%)}.focus-stack{position:absolute;top:42px;left:42px;right:42px}.focus-stack span{display:block;font-size:clamp(1.5rem,3vw,3.3rem);font-weight:800;letter-spacing:-.03em;color:#edf6f5;opacity:.22}.focus-stack span.active{color:var(--green2);opacity:1}.control-map{position:absolute;left:50%;top:53%;width:330px;height:250px;transform:translate(-50%,-50%)}.hub{position:absolute;left:135px;top:92px;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#001e15;font-weight:900;font-size:1.2rem;box-shadow:0 0 0 14px rgba(0,181,121,.09)}.cm-node{position:absolute;padding:8px 12px;border:1px solid rgba(255,255,255,.22);background:rgba(4,20,24,.78);color:#dbe7e8;font-size:.78rem;font-weight:800;z-index:2}.cm-node.nsl{left:12px;top:22px}.cm-node.tech{right:2px;top:18px}.cm-node.service{right:0;bottom:22px}.cm-node.fm{left:18px;bottom:24px}.cm-node.intervention{left:108px;bottom:-18px}.control-map .line{position:absolute;left:166px;top:124px;height:1px;background:rgba(99,221,176,.65);transform-origin:left center;z-index:1}.l1{width:150px;transform:rotate(-40deg)}.l2{width:150px;transform:rotate(38deg)}.l3{width:150px;transform:rotate(145deg)}.l4{width:145px;transform:rotate(215deg)}.l5{width:128px;transform:rotate(87deg)}.focus-panel{position:absolute;right:30px;bottom:30px;width:290px;background:rgba(4,18,22,.86);border:1px solid rgba(0,181,121,.4);padding:22px}.focus-panel strong{display:block;font-size:1.35rem;margin-bottom:8px}.focus-panel small{color:#b6c4c7}.trustbar{margin-top:62px;display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.trustbar div{padding:20px 16px;color:#cbd7da;font-size:.9rem;border-right:1px solid rgba(255,255,255,.08)}.trustbar div:last-child{border-right:0}.trustbar b{display:block;color:#fff;margin-bottom:4px}
section{padding:100px 0}.section-title{font-size:clamp(2.5rem,4.5vw,4.5rem);line-height:1.03;letter-spacing:-.045em;margin:14px 0 22px}.lead{font-size:1.14rem;color:var(--muted);max-width:760px}.problem{background:#fff}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.problem-card{min-height:330px;background:var(--soft);padding:28px;position:relative;overflow:hidden;border:1px solid var(--line)}.problem-card .num{font-size:4rem;font-weight:900;color:rgba(0,181,121,.16);position:absolute;right:18px;top:4px}.problem-card h3{font-size:1.3rem;margin:150px 0 10px}.problem-card p{color:var(--muted);font-size:.95rem}.problem-card:before{content:"";position:absolute;left:28px;top:35px;width:92px;height:92px;border:1px solid #93aaa4;border-radius:50%;box-shadow:0 0 0 18px rgba(0,181,121,.06),0 0 0 36px rgba(0,181,121,.03)}
.solution{background:var(--bg);color:#fff}.solution .lead{color:#b7c4c7}.cycle{position:relative;aspect-ratio:1;max-width:610px;margin:auto;border:1px solid rgba(255,255,255,.08);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(0,181,121,.12),transparent 58%)}.cycle-center{width:42%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;background:#0d282b;border:1px solid rgba(0,181,121,.4);padding:26px}.cycle-center strong{font-size:1.45rem;line-height:1.1}.node{position:absolute;width:120px;height:120px;border-radius:50%;background:#0b2024;border:2px solid var(--green);display:grid;place-items:center;text-align:center;padding:12px;font-weight:800;font-size:.86rem}.node small{display:block;color:#a8b8bb;font-weight:500}.n1{top:-18px;left:50%;transform:translateX(-50%)}.n2{right:-22px;top:24%}.n3{right:7%;bottom:2%}.n4{left:50%;bottom:-24px;transform:translateX(-50%)}.n5{left:7%;bottom:2%}.n6{left:-22px;top:24%}.cycle-ring{position:absolute;inset:17%;border:18px solid rgba(0,181,121,.3);border-radius:50%}
.packages{background:#f7faf9}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}.package{background:#fff;border:1px solid var(--line);padding:34px;min-height:430px;display:flex;flex-direction:column}.package.featured{border-color:rgba(0,181,121,.7);box-shadow:0 18px 55px rgba(0,60,44,.12)}.package .icon{width:54px;height:54px;border-radius:12px;background:#0c5b45;color:#fff;display:grid;place-items:center;font-weight:900}.package h3{font-size:1.5rem;margin:24px 0 5px}.package .sub{color:var(--muted);margin:0 0 24px}.checklist{list-style:none;padding:0;margin:0 0 30px}.checklist li{padding:9px 0;border-bottom:1px solid #edf1f0;color:#34464d}.checklist li:before{content:"✓";color:var(--green);font-weight:900;margin-right:10px}.package a{margin-top:auto;color:#087453;font-weight:800}
.network{background:linear-gradient(135deg,#071a20,#0e2b30);color:#fff;overflow:hidden}.network-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center}.network-map{min-height:460px;position:relative}.germany{position:absolute;inset:8% 18%;background:linear-gradient(160deg,#0c614b,#0f3b38);clip-path:polygon(47% 0,59% 8%,60% 18%,72% 22%,67% 33%,74% 43%,66% 53%,70% 65%,56% 72%,57% 88%,46% 100%,36% 90%,27% 92%,22% 79%,12% 71%,19% 58%,12% 48%,18% 35%,25% 27%,31% 14%,40% 12%);border:1px solid rgba(255,255,255,.18);filter:drop-shadow(0 22px 30px rgba(0,0,0,.28))}.dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--green2);box-shadow:0 0 0 6px rgba(99,221,176,.12)}.network-card{position:absolute;right:0;bottom:18px;width:310px;background:rgba(4,16,19,.9);border:1px solid rgba(0,181,121,.42);padding:25px}.network-card b{font-size:1.55rem;display:block;margin-bottom:12px}.network-card ul{padding-left:18px;color:#c4d2d4}
.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:44px}.industry{background:#fff;padding:30px;min-height:210px}.industry b{display:block;font-size:1.12rem;margin:26px 0 10px}.industry p{font-size:.92rem;color:var(--muted)}.glyph{font-size:2rem;color:#087453}
.answer{background:#f6f9f8}.answer-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:70px}.qa{border-top:1px solid #c9d8d4;padding:24px 0}.qa h3{font-size:1.2rem;margin:0 0 10px}.qa p{margin:0;color:var(--muted)}
.authority{background:#fff}.authority-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.authority-panel{padding:36px;border:1px solid var(--line);background:#fff}.authority-panel h3{font-size:1.45rem}.authority-panel p{color:var(--muted)}
.cta{background:var(--green);padding:70px 0}.cta-grid{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1;margin:0;max-width:760px;letter-spacing:-.04em}.cta .btn{background:#071a20;color:#fff}
.footer{background:#031013;color:#a9b9bd;padding:60px 0 28px}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,.7fr);gap:50px}.footer h4{color:#fff}.footer a{display:block;padding:5px 0}.footer-logo{width:230px}.fine{border-top:1px solid rgba(255,255,255,.1);margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:.85rem}
.page-hero{background:var(--bg);color:#fff;padding:84px 0 74px}.page-hero h1{font-size:clamp(3rem,6vw,5.8rem);letter-spacing:-.05em;line-height:1;margin:15px 0 22px;max-width:900px}.page-hero p{max-width:760px;color:#c4d0d3;font-size:1.15rem}.content{padding:80px 0}.content h2{font-size:2.3rem;letter-spacing:-.035em;margin-top:60px}.content h3{font-size:1.35rem}.content p,.content li{color:#4c5f66}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.toc{border-left:3px solid var(--green);padding:8px 0 8px 24px}.toc a{display:block;padding:6px 0;color:#37615a}.definition{background:#eef8f4;border:1px solid #cce8dd;padding:28px;margin:38px 0}.definition strong{display:block;font-size:1.25rem;margin-bottom:8px}.breadcrumbs{font-size:.88rem;color:#819196;margin-bottom:18px}.breadcrumbs a{color:#9fd7c6}.article-meta{display:flex;gap:18px;flex-wrap:wrap;color:#7b8a90;font-size:.9rem;margin:20px 0 34px}.article-meta span{border-right:1px solid #b8c5c8;padding-right:18px}.article-meta span:last-child{border-right:0}
@media(max-width:980px){.navlinks{display:none}.menu{display:block}.nav.open .navlinks{display:flex;position:absolute;left:0;right:0;top:82px;background:#07181d;padding:24px;flex-direction:column;align-items:flex-start}.navcta{margin-left:auto}.hero-grid,.split,.network-grid,.answer-grid,.content-grid{grid-template-columns:1fr}.hero-visual{min-height:420px}.trustbar{grid-template-columns:1fr 1fr}.problem-grid,.package-grid{grid-template-columns:1fr}.industry-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.cycle{margin-top:40px;transform:scale(.86)}.network-card{position:relative;right:auto;bottom:auto;margin:0 auto}.network-map{min-height:420px}}
@media(max-width:620px){.wrap{width:min(calc(100% - 28px),var(--max))}.navcta{display:none}.hero{padding-top:62px}.hero h1{font-size:3.35rem}.trustbar{grid-template-columns:1fr}.trustbar div{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}section{padding:72px 0}.industry-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.fine{flex-direction:column}.cta-grid{align-items:flex-start;flex-direction:column}.cycle{transform:scale(.68);margin:-60px -80px}.hero-visual{min-height:360px}.focus-stack{left:24px;top:24px}.focus-panel{left:24px;right:24px;width:auto}.page-hero{padding-top:62px}.page-hero h1{font-size:3.2rem}}
/* SecuFokus conversion funnel */
.funnel-page{background:#07171b;color:#fff}.funnel-nav-note{color:#98abb0;font-size:.9rem;margin-left:auto}.funnel-phone{color:#fff;font-weight:800;border-left:1px solid rgba(255,255,255,.12);padding-left:22px}.funnel-shell{padding:72px 0 90px;background:radial-gradient(circle at 18% 24%,rgba(0,181,121,.14),transparent 28%),linear-gradient(135deg,#051317,#0a2024)}.funnel-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:start}.funnel-intro{position:sticky;top:118px}.funnel-intro h1{font-size:clamp(2.8rem,5vw,5.2rem);line-height:1;letter-spacing:-.05em;margin:18px 0 24px}.funnel-intro>p{color:#bcc9cc;font-size:1.08rem}.funnel-promise{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.funnel-promise span{border:1px solid rgba(255,255,255,.14);padding:8px 12px;color:#d7e0e2;font-size:.83rem}.funnel-side-card{margin-top:38px;border-top:1px solid rgba(255,255,255,.13);padding-top:28px}.funnel-side-card strong{font-size:1.2rem}.funnel-side-card ul{padding-left:18px;color:#9fb0b4}.funnel-card{background:#fff;color:var(--ink);box-shadow:0 35px 85px rgba(0,0,0,.28);padding:38px;min-height:640px}.progress{height:5px;background:#e5ecea;margin-bottom:24px;overflow:hidden}.progress-bar{display:block;height:100%;background:var(--green);transition:width .25s ease}.step-indicator{display:flex;justify-content:space-between;gap:20px;color:#718188;font-size:.86rem;margin-bottom:36px}.step-indicator b{color:#24413a}.form-step{display:none;border:0;padding:0;margin:0}.form-step.active{display:block}.form-step legend{font-size:clamp(1.8rem,3vw,2.7rem);font-weight:900;letter-spacing:-.035em;margin-bottom:8px}.form-help{margin-top:0;color:#7a8a90}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}.option-grid.compact{grid-template-columns:1fr}.option{position:relative;cursor:pointer}.option input{position:absolute;opacity:0;pointer-events:none}.option span{display:block;border:1px solid #d6e1de;padding:20px;min-height:118px;transition:.15s ease;background:#fff}.option b{display:block;margin-bottom:6px;font-size:1.02rem}.option small{display:block;color:#607078;line-height:1.4}.option input:checked+span{border-color:var(--green);background:#eef9f5;box-shadow:inset 4px 0 0 var(--green)}.option input:focus-visible+span{outline:3px solid rgba(0,181,121,.25);outline-offset:2px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}.field-grid label,.field-block{display:block}.field-grid label.full{grid-column:1/-1}.field-grid span,.field-block span{display:block;font-weight:800;margin-bottom:7px;color:#33464d}.field-grid input,.field-grid select,.field-block textarea{width:100%;border:1px solid #cddad6;background:#fff;color:#14242a;padding:14px 15px;border-radius:4px;outline:none}.field-grid input:focus,.field-grid select:focus,.field-block textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(0,181,121,.1)}.field-block{margin-top:24px}.privacy-note{margin-top:24px;padding:15px 16px;background:#f4f8f7;color:#617178;font-size:.88rem}.privacy-note a{text-decoration:underline}.form-actions{display:flex;justify-content:space-between;gap:16px;margin-top:34px;border-top:1px solid #edf1f0;padding-top:24px}.form-errors{background:#fff4f2;border:1px solid #f0c8c0;color:#7a2c22;padding:16px 18px;margin-bottom:24px}.form-errors ul{margin-bottom:0}.hp{position:absolute!important;left:-9999px!important}.funnel-footer{padding:24px 0;background:#030d10;color:#84969b;font-size:.86rem}.funnel-footer .wrap{display:flex;justify-content:space-between;gap:20px}.thanks{min-height:calc(100vh - 82px);display:grid;place-items:center;padding:90px 0;background:radial-gradient(circle at 50% 20%,rgba(0,181,121,.16),transparent 30%),#07171b}.thanks-card{max-width:840px;margin:auto;background:#fff;color:var(--ink);padding:52px}.thanks-mark{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--green);font-size:2rem;font-weight:900}.thanks h1{font-size:clamp(2.7rem,5vw,5rem);line-height:1;letter-spacing:-.05em;margin:26px 0 20px}.thanks p{font-size:1.12rem;color:var(--muted)}
@media(max-width:980px){.funnel-grid{grid-template-columns:1fr}.funnel-intro{position:static}.funnel-card{min-height:auto}.funnel-phone{display:none}.option-grid{grid-template-columns:1fr}}
@media(max-width:620px){.funnel-shell{padding-top:38px}.funnel-card{padding:24px 18px}.field-grid{grid-template-columns:1fr}.field-grid label.full{grid-column:auto}.step-indicator{display:block}.step-indicator b{display:block;margin-top:4px}.funnel-footer .wrap{display:block}.funnel-footer span{display:block;margin:5px 0}.thanks-card{padding:34px 22px}}
/* Contact + legal */
.contact-route{display:grid;grid-template-columns:1.35fr .65fr;gap:60px;align-items:start;padding:20px 0 70px}.contact-route h2{font-size:clamp(2.5rem,4vw,4.2rem);margin:14px 0 20px}.contact-direct{background:var(--bg);color:#fff;padding:34px;display:flex;flex-direction:column;gap:14px}.contact-direct strong{font-size:1.35rem}.contact-direct a{font-size:1.1rem;color:var(--green2);font-weight:800}.contact-direct small{color:#91a4a8;margin-top:10px}.contact-fit{border-top:1px solid var(--line);padding-top:50px}.legal-hero{padding-bottom:54px}.legal-content{background:#fff}.legal-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:start}.legal-grid article h2:first-child{margin-top:0}.legal-partner{border:1px solid var(--line);padding:28px;position:sticky;top:112px}.legal-partner img{width:190px;max-height:110px;object-fit:contain;object-position:left center;margin-bottom:24px;background:#fff}.legal-partner h3{margin:0 0 8px}.legal-partner a{color:#087453;font-weight:800}.legal-source{border-top:1px solid var(--line);padding-top:20px;font-size:.88rem;color:#718188!important}
@media(max-width:980px){.contact-route,.legal-grid{grid-template-columns:1fr}.legal-partner{position:static}}

/* Keep inactive form actions hidden and let narrow form columns shrink. */
[hidden]{display:none!important}
.funnel-grid>*{min-width:0}
.form-step{min-inline-size:0}
.form-actions .btn{white-space:normal;overflow-wrap:anywhere}
.funnel-intro h1{overflow-wrap:break-word}

/* Keep the six-step process ring large enough for its six nodes. */
.cycle{width:min(100%,610px)}

@media(max-width:620px){.cycle{margin:40px auto;}}

/* Keep long German headings and contact details within narrow screens. */
h1,h2,h3,.contact-direct a,.legal-content a{overflow-wrap:anywhere;hyphens:auto}
@media(max-width:980px){.authority-grid{grid-template-columns:1fr}}