:root{
  --ink:#07101b;--ink2:#0b1726;--paper:#f5f7fb;--white:#fff;--muted:#a8b4c3;
  --red:#ff3b24;--orange:#ff8b12;--gold:#ffc23c;--purple:#a62ac7;--blue:#1672e8;
  --line:rgba(255,255,255,.13);--shadow:0 24px 70px rgba(3,10,19,.18);--radius:24px;
  --wrap:min(1180px,calc(100% - 40px));
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#122033;background:var(--paper);line-height:1.55}img{display:block;max-width:100%}a{color:inherit}button,a{touch-action:manipulation}.wrap{width:var(--wrap);margin-inline:auto}.skip{position:absolute;left:-999px;top:8px;z-index:9999;padding:10px 14px;background:#fff;color:#000}.skip:focus{left:8px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(5,12,22,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-row{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;font-weight:900;letter-spacing:.02em}.brand-burst{width:38px;height:38px;position:relative;border-radius:50%;background:repeating-conic-gradient(from 2deg,#ff9322 0 3deg,transparent 3deg 22deg);filter:drop-shadow(0 0 8px rgba(255,100,20,.25))}.brand-burst:after{content:"";position:absolute;inset:15px;border-radius:50%;background:var(--red);box-shadow:0 0 16px var(--orange)}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:19px}.brand-copy span{color:#ff4b2f;font-size:17px;margin-top:5px}.main-nav{display:flex;align-items:center;gap:25px}.main-nav a{color:#eaf0f7;text-decoration:none;font-size:14px;font-weight:750}.main-nav a:hover,.main-nav a:focus-visible{color:#ff7d59}.menu-btn{display:none;border:1px solid var(--line);background:transparent;color:#fff;border-radius:12px;padding:9px 12px;font-weight:800}
.hero{position:relative;overflow:hidden;background:#05101d;color:#fff;min-height:600px;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,15,.96) 0%,rgba(2,8,15,.88) 37%,rgba(2,8,15,.44) 70%,rgba(2,8,15,.7) 100%),url('../img/feuerwerk1-hero.webp') center/cover no-repeat;z-index:-3}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(255,68,28,.18),transparent 32%),radial-gradient(circle at 95% 60%,rgba(255,146,18,.12),transparent 24%);z-index:-2}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center;padding:82px 0 104px}.eyebrow{margin:0 0 13px;color:#ff9a4f;text-transform:uppercase;font-size:13px;font-weight:900;letter-spacing:.15em}.hero h1{font-size:clamp(44px,5vw,73px);line-height:.98;letter-spacing:-.045em;margin:0;max-width:650px}.hero h1 span{color:#ff4a2e}.hero-lead{font-size:19px;max-width:650px;color:#d5deea;margin:25px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:13px 18px;text-decoration:none;font-weight:850;transition:.2s transform,.2s box-shadow,.2s background}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#ff3b24,#ff6a2a);color:#fff;box-shadow:0 12px 26px rgba(255,62,36,.24)}.btn-ghost{border:1px solid rgba(255,255,255,.38);color:#fff;background:rgba(2,10,18,.44)}.btn-light{background:#fff;color:#132032;border:1px solid #dde3eb}.btn-purple{background:linear-gradient(135deg,#8d20aa,#bd38db);color:#fff}.btn-blue{background:linear-gradient(135deg,#0f5bc2,#1d83ff);color:#fff}.btn-orange{background:linear-gradient(135deg,#f07800,#ff9e1b);color:#fff}
.portal-stage{position:relative;min-height:455px;perspective:1200px;filter:drop-shadow(0 24px 44px rgba(0,0,0,.22))}.portal-preview{position:absolute;width:53%;border-radius:18px;background:#0b1320;border:1px solid rgba(255,255,255,.24);box-shadow:0 30px 70px rgba(0,0,0,.45);overflow:hidden;transform-origin:center}.portal-preview .preview-label{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;color:#fff;font-size:12px;font-weight:900;letter-spacing:.04em}.portal-preview .preview-screen{height:305px;position:relative;overflow:hidden;background:#101923}.portal-preview .preview-screen img{width:100%;height:100%;object-fit:cover;opacity:.9;filter:saturate(1.12) contrast(1.05)}.portal-preview .screen-copy{position:absolute;inset:auto 16px 17px 16px;text-shadow:0 2px 20px #000}.portal-preview .screen-copy b{display:block;color:#fff;font-size:26px;line-height:1.02}.portal-preview .screen-copy small{color:#e8edf4}.preview-f1{left:-3%;top:58px;transform:rotateY(8deg) rotate(-1deg);z-index:1}.preview-f1 .preview-label{background:#74228e}.preview-b24{left:23%;top:-8px;width:58%;z-index:3}.preview-b24 .preview-label{background:#0c56b6}.preview-s24{right:-3%;top:62px;transform:rotateY(-8deg) rotate(1deg);z-index:2}.preview-s24 .preview-label{background:#c76100}.preview-s24 .preview-screen{background:radial-gradient(circle at 50% 15%,#ff9f2e 0 1px,transparent 2px),radial-gradient(circle at 23% 30%,rgba(255,93,32,.9) 0 2px,transparent 3px),radial-gradient(circle at 78% 32%,rgba(255,186,49,.9) 0 2px,transparent 3px),linear-gradient(#07111f,#100e19)}.preview-s24 .preview-screen:before,.preview-s24 .preview-screen:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,187,60,.95) 0 2deg,transparent 2deg 13deg);mask:radial-gradient(circle,transparent 0 18%,#000 19% 52%,transparent 53%);opacity:.72}.preview-s24 .preview-screen:before{left:-25px;top:15px}.preview-s24 .preview-screen:after{right:-34px;top:58px;transform:scale(.8);background:repeating-conic-gradient(from 4deg,rgba(255,77,38,.95) 0 2deg,transparent 2deg 15deg)}.preview-s24 .screen-copy{top:85px;bottom:auto;text-align:center}.preview-s24 .screen-copy b{font-size:29px}.preview-chip{position:absolute;right:10px;bottom:10px;background:rgba(4,11,20,.85);border:1px solid rgba(255,255,255,.25);padding:7px 9px;border-radius:9px;color:#fff;font-size:10px;font-weight:800}
.stats-wrap{position:relative;margin-top:-42px;z-index:5}.stats{display:grid;grid-template-columns:repeat(6,1fr);background:#0a1523;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:19px;box-shadow:var(--shadow);overflow:hidden}.stat{min-height:116px;padding:20px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.09)}.stat:last-child{border-right:0}.stat-icon{font-size:23px;margin-bottom:7px}.stat b{font-size:18px}.stat small{color:#b8c2cf;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.035em}.stat:nth-child(1) .stat-icon{color:#c24ad6}.stat:nth-child(2) .stat-icon{color:#4c99ff}.stat:nth-child(3){background:linear-gradient(180deg,rgba(255,139,18,.08),transparent)}.stat:nth-child(3) b{color:#ffc46d}.stat:nth-child(3) .stat-icon{color:#ff9a28}.stat:nth-child(4) .stat-icon{color:#ffd04b}.stat:nth-child(5) .stat-icon{color:#56d17d}.stat:nth-child(6) .stat-icon{color:#ff5b47}
.section{padding:86px 0}.section-head{text-align:center;max-width:790px;margin:0 auto 38px}.section-head .eyebrow{color:#e54a30}.section-head h2{font-size:clamp(34px,4vw,50px);line-height:1.08;margin:0 0 15px;letter-spacing:-.035em}.section-head p{color:#647287;font-size:17px}.portal-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portal-card{background:#fff;border:1px solid #dde3eb;border-radius:20px;padding:20px;box-shadow:0 14px 40px rgba(20,35,55,.07);display:flex;flex-direction:column}.portal-card h3{font-size:25px;margin:0}.portal-card .portal-sub{margin:2px 0 17px;color:#647287;font-weight:650}.portal-shot{height:178px;border-radius:14px;overflow:hidden;position:relative;background:#0c1420}.portal-shot img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05)}.portal-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(4,9,16,.6))}.portal-card.f1 h3{color:#9525b3}.portal-card.b24 h3{color:#1267d5}.portal-card.s24 h3{color:#e27800}.portal-shot.s24-shot{background:linear-gradient(135deg,#090c13,#271006);display:grid;place-items:center;color:#fff;text-align:center}.s24-shot .mini-burst{position:absolute;width:190px;height:190px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ff9a21 0 2deg,transparent 2deg 13deg);mask:radial-gradient(circle,transparent 0 22%,#000 23% 52%,transparent 53%);right:-26px;top:-22px;opacity:.75}.s24-shot strong{font-size:31px;line-height:1;z-index:2}.s24-shot small{display:block;color:#ffc960;margin-top:7px}.portal-card ul{list-style:none;margin:19px 0 22px;padding:0;display:grid;gap:9px;flex:1}.portal-card li{font-size:14px;padding-left:23px;position:relative}.portal-card li:before{content:"✓";position:absolute;left:0;font-weight:900}.f1 li:before{color:#9c2cbc}.b24 li:before{color:#146ddc}.s24 li:before{color:#ef8300}.portal-card .btn{width:100%}.portal-effect{margin:12px 0 0;padding:11px 12px;border-radius:11px;background:#f4f7fb;font-size:12px;font-weight:800;color:#445367}
.feature-section{background:#081321;color:#fff;position:relative;overflow:hidden}.feature-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 10%,rgba(158,42,190,.1),transparent 30%),radial-gradient(circle at 85% 65%,rgba(255,108,15,.1),transparent 35%)}.feature-section .section-head{position:relative}.feature-section .section-head p{color:#aeb9c8}.feature-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature{border:1px solid rgba(255,255,255,.12);background:rgba(13,28,46,.82);border-radius:17px;padding:20px;min-height:175px}.feature .ficon{font-size:28px}.feature h3{font-size:17px;margin:12px 0 6px}.feature p{color:#aeb8c5;font-size:13px;margin:0}.feature a{display:inline-block;color:#ffc55c;font-size:12px;font-weight:850;margin-top:12px;text-decoration:none}.feature a:hover{text-decoration:underline}.hero-demo{position:relative;border-color:rgba(255,126,50,.65);background:linear-gradient(145deg,rgba(94,34,13,.86),rgba(13,28,46,.94));box-shadow:0 0 0 1px rgba(255,141,67,.08),0 16px 36px rgba(255,89,24,.12)}.hero-demo .ficon{filter:drop-shadow(0 0 12px rgba(255,126,50,.45))}.hero-demo h3{font-size:19px}.feature-badge{position:absolute;right:14px;top:14px;padding:5px 8px;border-radius:999px;background:linear-gradient(135deg,#ff4a2e,#ff9b22);color:#fff;font-size:9px;font-weight:950;letter-spacing:.08em;box-shadow:0 8px 18px rgba(255,80,30,.22)}
.about-section{background:#fff}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:stretch}.about-card,.other-projects{border:1px solid #dfe5ec;border-radius:20px;padding:28px;background:#fff}.about-card h2,.other-projects h2{margin:0 0 13px;font-size:28px}.about-card p,.other-projects p{color:#607084}.about-signature{margin-top:24px;padding:18px;border:1px solid #e6d8d2;border-radius:16px;background:linear-gradient(135deg,#fff8f4,#fff);display:flex;align-items:center;gap:14px;box-shadow:0 12px 28px rgba(255,76,42,.06)}.about-signature .brand-burst{flex:0 0 46px}.about-signature strong{display:block;font-size:18px;color:#111d2c}.about-signature small{display:block;color:#596a7d;font-weight:750}.about-signature em{display:block;margin-top:4px;color:#8b4b35;font-size:12px;font-style:normal}.since-badge{width:62px;height:62px;flex:0 0 62px;border-radius:50%;display:grid;place-items:center;align-content:center;background:linear-gradient(145deg,#0b1726,#111f31);color:#fff;border:2px solid #ff6b39;box-shadow:0 8px 20px rgba(255,86,40,.16)}.since-badge b{font-size:18px;line-height:1}.since-badge small{font-size:9px!important;text-transform:uppercase;letter-spacing:.12em;color:#ffbd9f!important;margin-top:2px}.project-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.project-link{border:1px solid #e1e6ed;border-radius:12px;padding:14px;text-decoration:none;background:#f8fafc}.project-link strong{display:block}.project-link small{color:#76869a}.project-link:hover{border-color:#ff8a63;background:#fff7f3}.all-projects{margin-top:16px}
.why{padding:72px 0;background:#f0f3f7}.why-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:center}.why h2{font-size:38px;line-height:1.1;margin:0 0 14px}.why p{color:#617084}.why-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.why-point{background:#fff;border-radius:16px;padding:18px;border:1px solid #dfe5ec}.why-point b{display:block;margin-bottom:5px}.why-point small{color:#6d7c90}
.site-footer{background:#050d17;color:#dbe3ec;padding:48px 0 24px}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:34px}.footer-brand p{color:#8f9dad;max-width:480px}.footer-links{display:grid;gap:8px}.footer-links strong{color:#fff;margin-bottom:4px}.footer-links a{color:#b7c2ce;text-decoration:none;font-size:14px}.footer-links a:hover{color:#fff}.legal-note{margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:20px;color:#7f8da0;font-size:12px}
.legal-hero{background:#07111e;color:#fff;padding:74px 0 52px}.legal-hero h1{font-size:48px;margin:0 0 10px}.legal-main{padding:60px 0 80px}.legal-card{max-width:900px;background:#fff;border:1px solid #dde4ec;border-radius:20px;padding:32px;box-shadow:0 12px 40px rgba(19,33,50,.06)}.legal-card h2{margin-top:30px}.legal-card h2:first-child{margin-top:0}.legal-card a{color:#0c62c9}.backline{margin-top:26px}.error-page{min-height:100vh;background:#06101d;color:#fff;display:grid;place-items:center;padding:40px}.error-card{width:min(850px,100%);text-align:center;background:linear-gradient(145deg,#0c1b2d,#07101b);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:55px 35px;box-shadow:0 30px 90px rgba(0,0,0,.35);position:relative;overflow:hidden}.error-card:before{content:"";position:absolute;width:360px;height:360px;left:-140px;top:-160px;border-radius:50%;background:repeating-conic-gradient(#ff6834 0 2deg,transparent 2deg 16deg);mask:radial-gradient(circle,transparent 0 32%,#000 33% 53%,transparent 54%);opacity:.35}.error-code{font-size:96px;font-weight:950;line-height:1;color:#ff5737}.error-card h1{font-size:37px;margin:10px 0}.error-card p{color:#a9b5c3}.error-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:25px}.error-projects{margin-top:30px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.error-projects a{color:#cbd6e2}
.reveal{opacity:1;transform:none}
@media (max-width:980px){.portal-preview{width:52%}.preview-b24{left:24%;width:56%}.main-nav{display:none;position:absolute;top:74px;left:0;right:0;background:#07101b;padding:20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.main-nav.is-open{display:flex}.menu-btn{display:block}.hero-grid{grid-template-columns:1fr;padding-top:62px}.portal-stage{min-height:390px}.stats{grid-template-columns:repeat(3,1fr)}.stat:nth-child(3){border-right:0}.portal-cards{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.why-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media (max-width:650px){.about-signature{align-items:flex-start;flex-wrap:wrap}.since-badge{width:54px;height:54px;flex-basis:54px}.feature-badge{font-size:8px;right:10px;top:10px}:root{--wrap:min(100% - 26px,1180px)}.header-row{height:66px}.brand-copy strong{font-size:16px}.brand-copy span{font-size:14px}.brand-burst{width:31px;height:31px}.main-nav{top:66px}.hero{min-height:auto}.hero-grid{padding:48px 0 88px;gap:30px}.hero h1{font-size:43px}.hero-lead{font-size:16px}.portal-stage{min-height:275px}.portal-preview{width:55%}.portal-preview .preview-screen{height:190px}.preview-f1{top:46px}.preview-b24{left:25%;width:55%}.preview-s24{top:50px}.portal-preview .screen-copy b{font-size:17px}.preview-s24 .screen-copy{top:65px}.preview-s24 .screen-copy b{font-size:18px}.preview-chip{font-size:8px}.stats{grid-template-columns:repeat(2,1fr)}.stat{min-height:102px}.stat:nth-child(2n){border-right:0}.section{padding:62px 0}.section-head h2{font-size:35px}.feature-grid{grid-template-columns:1fr}.project-links{grid-template-columns:1fr}.why-points{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.legal-note{flex-direction:column}.legal-hero h1{font-size:39px}.legal-card{padding:24px}.error-card{padding:42px 20px}.error-code{font-size:80px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portal-preview{transform:none!important}.btn{transition:none}}

.legal-nav{display:flex;gap:18px;align-items:center}.legal-nav a{color:#eaf0f7;text-decoration:none;font-size:14px;font-weight:750}.legal-nav a:hover{color:#ff7d59}@media(max-width:650px){.legal-nav{gap:11px}.legal-nav a{font-size:12px}}