/* SRIS World v3.4 · Startseite */

/* Hero */
.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 85% 10%,rgba(0,87,216,.32),transparent 46%),radial-gradient(ellipse at 15% 90%,rgba(0,200,255,.08),transparent 50%),linear-gradient(115deg,#071426,#0a2546 72%,#071426)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(140,188,230,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(140,188,230,.05) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to right,transparent 5%,#000 100%);mask-image:linear-gradient(to right,transparent 5%,#000 100%)}
.hero-inner{position:relative;display:grid;grid-template-columns:1.3fr .7fr;gap:56px;align-items:center;padding:88px 0 76px}
.hero h1{font:400 clamp(30px,4.2vw,54px)/1.14 var(--brand);letter-spacing:.005em;margin:18px 0 22px}
.hero h1 em{font-style:normal;color:var(--cyan)}
.hero-sub{font-size:19px;line-height:1.65;color:#d0e0ef;max-width:620px;margin:0 0 30px}
.hero-buttons{display:flex;flex-wrap:wrap;gap:12px}
.hero-facts{display:flex;flex-wrap:wrap;gap:10px 22px;margin:30px 0 0;padding:0;list-style:none;color:#b3c8dc;font-size:14px}
.hero-facts li{display:flex;align-items:center;gap:8px}
.hero-facts li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan)}
.logo-stage{justify-self:end;width:100%;max-width:400px;text-align:center}
.logo-plate{background:#fff;border-radius:24px;padding:30px 34px;box-shadow:0 26px 70px rgba(0,0,0,.45),0 0 0 1px #29425d}
.logo-plate img{display:block;width:100%;height:auto}
.claim{margin:20px 0 0;font:400 14px/1.5 var(--brand);letter-spacing:.16em;text-transform:uppercase;color:var(--silver)}
.badge{display:inline-block;margin-top:12px;font:13px/1.4 var(--mono);color:#9fb6cc;border:1px solid #2c4766;border-radius:99px;padding:6px 13px;background:rgba(16,44,75,.6)}

/* Resonanzwelle (Signatur aus v1) */
.resonance{background:var(--navy);border-top:1px solid #1d3550;border-bottom:1px solid #1d3550}
.resonance canvas{display:block;width:100%;height:120px}
.legend{display:flex;gap:26px;flex-wrap:wrap;padding:10px 0 16px;font:13px/1.4 var(--mono);color:#9fb3c8}
.legend span::before{content:"";display:inline-block;width:22px;height:3px;border-radius:2px;margin-right:8px;vertical-align:middle}
.legend .l-bi::before{background:var(--silver)}.legend .l-ki::before{background:var(--blue)}.legend .l-si::before{background:var(--cyan);height:5px}
.legend .l-res::before{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(239,117,26,.18)}

/* Interview */
.interview{background:linear-gradient(180deg,#f2f7fc,#fff);border-bottom:1px solid var(--line);padding:84px 0}
.interview-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.interview h2{margin-top:12px}
.interview p{color:var(--body);font-size:17px}
.topics{list-style:none;margin:22px 0 26px;padding:0;display:grid;gap:12px}
.topics li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:16px;color:#1d3a57;font-weight:600}
.topics li span{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#e6f2ff;color:var(--electric);font:400 13px var(--brand)}
.interview-meta{font-size:14px!important;color:var(--muted)!important;margin-top:14px}

/* Einsatzfelder */
.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.use-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 22px;transition:transform .2s,box-shadow .2s}
.use-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(8,45,93,.08)}
.use-num{font:400 12px/1 var(--brand);letter-spacing:.14em;color:var(--electric)}
.use-card h3{font-size:20px;line-height:1.25;letter-spacing:-.02em;margin:22px 0 10px}
.use-card p{color:var(--muted);font-size:15px;margin:0}
.use-card .fit{display:block;margin-top:14px;font-size:14px;font-weight:700;color:#1d4f80}

/* Produkte */
.legend-row{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin:0 0 8px;font-size:14px;color:var(--muted)}
.legend-row strong{color:var(--ink);margin-right:4px}
.feature{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center;padding:64px 0;border-top:1px solid var(--line)}
.feature.reverse .feature-copy{order:2}
.product-top{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;margin-bottom:18px}
.feature h3{font:400 clamp(26px,2.8vw,38px)/1.2 var(--brand);letter-spacing:.01em;margin:0 0 6px}
.feature .claimline{font-size:21px;line-height:1.4;font-weight:700;color:#0c3b6c;margin:14px 0 14px;letter-spacing:-.01em}
.feature p.desc{color:var(--body);font-size:16px}
.everyday{border-left:3px solid var(--cyan);padding:2px 0 2px 16px;margin:20px 0}
.everyday strong{font-size:14px;color:var(--electric)}
.everyday p{margin:4px 0 0;color:var(--body);font-size:15px}
.checklist{list-style:none;margin:18px 0 24px;padding:0;display:grid;gap:8px}
.checklist li{position:relative;padding-left:26px;font-size:15px;font-weight:600;color:#284763}
.checklist li::before{content:"✓";position:absolute;left:0;color:var(--electric);font-weight:900}
.dse-logo{display:block;width:min(340px,100%);border-radius:12px;margin:0 0 18px;border:1px solid var(--line)}
.shot{margin:0;border-radius:16px;overflow:hidden;border:1px solid #cfe0ee;background:#0a1a31;box-shadow:0 22px 50px rgba(8,36,64,.14)}
.shot img{display:block;width:100%;height:auto}
.shot figcaption{background:#f3f7fb;color:#4a6279;font-size:14px;padding:11px 16px;border-top:1px solid #dbe7f1}
.shot figcaption strong{color:#173856}
.logo-tile{border-radius:18px;background:radial-gradient(circle at 70% 25%,#143e6e,transparent 60%),linear-gradient(140deg,#0b2240,#071426);aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:28px;box-shadow:0 22px 50px rgba(8,36,64,.16);position:relative;overflow:hidden}
.logo-tile img.mark{width:min(78%,440px);height:auto}
.logo-tile .tile-note{font:400 12px/1.4 var(--brand);letter-spacing:.14em;color:#8fb0cc;text-transform:uppercase}
.logo-tile .real-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}
.logo-tile.has-shot .real-shot{display:block}
.dse-flow{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;margin:8px 0 0;padding:0}
.dse-flow li{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.dse-flow b{display:inline-block;font:400 12px/1 var(--brand);color:var(--electric);background:#e6f2ff;border-radius:6px;padding:6px 8px;margin-bottom:10px}
.dse-flow strong{display:block;font-size:16px;color:#163858}
.dse-flow p{font-size:14px;color:var(--muted);margin:6px 0 0}
.gallery{grid-column:1/-1;border:1px solid #cfe0ee;border-radius:14px;background:#fff;padding:0 20px}
.gallery summary{cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 0;font-weight:700;color:var(--electric);font-size:16px}
.gallery summary span{font-weight:500;font-size:14px;color:var(--muted)}
.gallery[open] summary{border-bottom:1px solid var(--line);margin-bottom:18px}
.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:20px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.tags span{border:1px solid #cfe0ee;background:#fff;border-radius:99px;padding:6px 12px;font-size:13px;font-weight:600;color:#1f496b}

/* Weitere Bausteine */
.modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.module{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.module .stage{height:150px;display:flex;align-items:center;justify-content:center;padding:18px;background:radial-gradient(circle at 70% 25%,#143e6e,transparent 60%),linear-gradient(140deg,#0b2240,#071426);position:relative}
.module .stage.light{background:linear-gradient(140deg,#f6f8fb,#e6ecf3)}
.module .stage img{max-height:118px;width:auto;max-width:92%}
.module .stage .mono{font:400 34px/1 var(--brand);color:#cfe6ff;letter-spacing:.1em}
.module .body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.module h3{font:400 20px/1.3 var(--brand);margin:4px 0 0;letter-spacing:.01em}
.module .why{font-weight:700;color:#173e66;font-size:15px;margin:0}
.module p{color:var(--muted);font-size:15px;margin:0}
.module .status{align-self:flex-start}

/* Beratung & Start */
.start-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.steps{display:grid;gap:12px;counter-reset:s}
.step{display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}
.step .num{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#e6f2ff;color:var(--electric);font:400 14px var(--brand)}
.step h3{font-size:17px;margin:0 0 4px}
.step p{margin:0;color:var(--muted);font-size:15px}
.pilot-note{margin-top:24px;border-left:4px solid var(--orange);background:#071426;color:#d6e4f1;border-radius:14px;padding:22px 24px}
.pilot-note strong{display:block;font:400 15px/1.4 var(--brand);letter-spacing:.06em;color:var(--orange);margin-bottom:6px}
.pilot-note p{margin:0;font-size:15px}

/* Fundament (dunkel) */
.definition{background:var(--navy-3);border-left:4px solid var(--blue);border-radius:0 14px 14px 0;padding:30px 34px;max-width:880px;margin:10px 0 44px}
.definition p{font-size:clamp(17px,2vw,20px);line-height:1.65;color:#eaf2fa;margin:0}
.definition footer{margin-top:14px;font:13px/1.5 var(--mono);color:#93abc2}
.formula{font:600 clamp(19px,3.6vw,34px)/1.3 var(--mono);letter-spacing:.02em;padding:4px 0 20px;overflow-x:auto;white-space:nowrap}
.formula .f-bi{color:var(--silver)}.formula .f-ki{color:#6fa6ff}.formula .f-si{color:var(--cyan)}
.formula-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:52px}
.formula-legend div{border-top:2px solid #26415f;padding-top:12px;font-size:15px;color:#b2c6d9}
.formula-legend strong{display:block;font:400 13px/1.4 var(--brand);letter-spacing:.1em;color:#fff;margin-bottom:4px}
.arch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.arch-card{border:1px solid #2e4e70;border-radius:14px;padding:26px;background:#0e2744}
.arch-card .idx{font:400 12px/1 var(--brand);letter-spacing:.16em;color:var(--cyan)}
.arch-card h3{font:400 24px/1.2 var(--brand);margin:14px 0 10px}
.arch-card p{font-size:15px;color:#c0d1e0;margin:0}
.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}
.principle{border-top:2px solid var(--blue);padding:16px 4px 0}
.principle h3{font-size:17px;margin:0 0 6px;color:#fff}
.principle h3 em{font-style:normal;color:#8ea8c0;font-weight:500}
.principle p{font-size:14.5px;color:#b2c6d9;margin:0}

/* Nachweise */
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.proof{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:26px}
.proof .tag{display:block;font:400 12px/1.3 var(--brand);letter-spacing:.12em;color:var(--electric);margin-bottom:12px;text-transform:uppercase}
.proof h3{font-size:18px;margin:0 0 8px}
.proof p{font-size:15px;color:var(--muted);margin:0}
.method{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;align-items:start;margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 30px}
.method h3{font-size:22px;line-height:1.3;margin:10px 0 10px}
.method p{color:var(--muted);font-size:15px}
.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.checks div{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:14px}
.checks span{font:400 12px var(--brand);color:var(--electric)}
.checks strong{display:block;font-size:15px;color:#163854;margin:4px 0 2px}
.checks small{font-size:13px;color:var(--muted);line-height:1.5;display:block}
.stand{margin-top:22px;border-left:4px solid #d3a63c;background:#fbf8ef;border-radius:0 12px 12px 0;padding:18px 22px;font-size:15px;color:#4d5a66}
.stand strong{color:#2e3b47}
.thirdparty{margin-top:14px;border-left:4px solid var(--electric);background:#f1f6fc;border-radius:0 12px 12px 0;padding:18px 22px;font-size:15px;color:#3f5469}

/* Über */
.about-grid{display:grid;grid-template-columns:320px 1fr;gap:56px;align-items:center}
.portrait{position:relative;aspect-ratio:1;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 50% 35%,#1b5aa0,#071426 72%);display:grid;place-items:center;box-shadow:0 24px 60px rgba(7,20,38,.22)}
.portrait .initials{font:400 64px/1 var(--brand);color:#e6f2ff;letter-spacing:.06em}
.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.about-copy p{color:var(--body);font-size:17px}
.about-copy .sig{font:400 15px/1.4 var(--brand);letter-spacing:.06em;color:var(--electric);margin-top:6px}

/* Blog-Teaser */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.blog-card{border:1px solid var(--line);border-radius:var(--r);padding:26px;display:flex;flex-direction:column;background:linear-gradient(145deg,#fff,#f7fafd)}
.blog-card .meta{font:400 12px/1.3 var(--brand);letter-spacing:.1em;color:var(--electric);text-transform:uppercase}
.blog-card h3{font-size:19px;line-height:1.35;margin:14px 0 10px;color:#143a60}
.blog-card p{font-size:15px;color:var(--muted);margin:0 0 18px}
.blog-card a{margin-top:auto;font-weight:700;font-size:15px;color:var(--electric);text-decoration:none}
.blog-card a:hover{text-decoration:underline}
.channels{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.channel{border-radius:16px;background:var(--navy);color:#fff;padding:26px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.channel h3{font:400 17px/1.3 var(--brand);letter-spacing:.04em;margin:0 0 6px}
.channel p{margin:0;color:#b9cde0;font-size:15px}
.channel .btn{flex:0 0 auto}

/* FAQ */
.faq{max-width:880px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-size:17px;font-weight:700}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 24px/1 var(--mono);color:var(--electric);flex:0 0 auto}
.faq details[open] summary::after{content:"–"}
.faq details p{color:var(--body);font-size:16px;margin:0 0 20px;max-width:76ch}

/* Kontakt */
.contact{background:radial-gradient(ellipse at 85% 40%,#184778,transparent 50%),var(--navy);color:#fff;padding:90px 0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.contact h2{color:#fff}
.contact .lead{color:#c2d5e7}
.contact-direct{margin-top:22px;display:grid;gap:10px;font-size:16px}
.contact-direct a{color:var(--cyan);text-decoration:none;font-weight:700}
.contact-direct a:hover{text-decoration:underline}
.form{background:#0e2744;border:1px solid #2e4e70;border-radius:18px;padding:28px}
.form label{display:block;font-size:14px;font-weight:700;color:#d8e6f2;margin:0 0 6px}
.form input,.form textarea,.form select{width:100%;font:16px/1.4 var(--sans);color:#fff;background:#081b31;border:1px solid #35567a;border-radius:10px;padding:12px 14px;margin-bottom:16px}
.form textarea{min-height:120px;resize:vertical}
.form .hint{font-size:13px;color:#9fb6cc;margin:4px 0 0}
.form .btn{width:100%}

/* Responsive */
@media (max-width:1060px){
  .use-grid{grid-template-columns:repeat(2,1fr)}
  .modules-grid,.blog-grid,.proof-grid{grid-template-columns:repeat(2,1fr)}
  .principles,.formula-legend{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .hero-inner{grid-template-columns:1fr;gap:40px;padding:64px 0 60px}
  .logo-stage{justify-self:start;max-width:260px}
  .interview-grid,.feature,.start-grid,.contact-grid,.method,.about-grid{grid-template-columns:1fr;gap:30px}
  .feature.reverse .feature-copy{order:0}
  .feature{padding:52px 0}
  .dse-flow{grid-template-columns:repeat(2,1fr)}
  .arch-grid{grid-template-columns:1fr}
  .channels{grid-template-columns:1fr}
  .about-grid .portrait{max-width:240px}
}
@media (max-width:640px){
  .hero h1{font-size:clamp(28px,8.4vw,40px)}
  .hero-sub{font-size:17px}
  .use-grid,.modules-grid,.blog-grid,.proof-grid,.principles,.formula-legend,.dse-flow,.gallery-grid{grid-template-columns:1fr}
  .checks{grid-template-columns:repeat(2,1fr)}
  .channel{flex-direction:column;align-items:flex-start}
  .definition{padding:22px 20px}
  .method{padding:22px 18px}
  .gallery summary{flex-direction:column;align-items:flex-start;gap:2px}
  .legend{gap:12px 20px}
}
@media (prefers-reduced-motion:reduce){.use-card{transition:none}.use-card:hover{transform:none}}.interview .video-box p{color:#bcd0e2;font-size:14px}
.interview .pullquote p{color:#fff;font-size:19px}