@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#171820;--muted:#64716b;--bg:#F8F7F9;--white:#fff;--lime:#B16A78;--line:#E7E1E5;--dark:#24242D;--blue:#8398BE;--peach:#D9C4B1;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.52 'DM Sans',Arial,sans-serif}h1,h2,h3,h4,.brand,.big-number{font-family:'Space Grotesk',sans-serif;letter-spacing:-.045em;line-height:1.06}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #783847;outline-offset:4px}.wrap{max-width:1320px;margin:auto;padding:0 42px}.top{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:700;font-size:27px;letter-spacing:-.065em}.brand .dot{color:#86b544}.nav{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:600}.nav a:hover{color:#689231}.pill{border:1px solid var(--line);border-radius:100px;padding:10px 17px;display:inline-flex;gap:10px;align-items:center;background:#ffffffaa}.btn{background:var(--lime);border:0;color:#171820;border-radius:100px;padding:15px 25px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:14px}.btn:hover{background:#b4e656}.btn.dark{background:var(--ink);color:white}.btn.outline{border:1px solid #ffffff55;background:transparent;color:white}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:700}.tag{font-size:12px;font-weight:700;border-radius:100px;padding:7px 11px;display:inline-block}.muted{color:var(--muted)}.hero{border-radius:30px;background:var(--ink);color:#fff;min-height:670px;overflow:hidden;position:relative}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:25px;align-items:center;padding:76px 66px}.hero h1{font-size:clamp(62px,6.4vw,108px);margin:30px 0 23px}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{font-size:18px;max-width:520px;color:#DAD6DA;line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:35px 0}.hero-note{font-size:12px;color:#aab6ae}.art{min-height:500px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:480px;aspect-ratio:1;border-radius:50%;border:1px solid #506057;transform:rotate(-17deg)}.orbit.two{width:350px;border-color:#658162}.orbit.three{width:235px;border-color:#93ab84}.sphere{width:260px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 24%,#f0ffcf 0%,#cdf779 25%,#7eab47 58%,#34482f 100%);box-shadow:30px 40px 120px #a7d66444;position:relative;z-index:1}.floating{position:absolute;z-index:2;background:#fff;color:var(--ink);padding:15px 19px;border-radius:18px;box-shadow:0 18px 65px #0003;font-size:12px;font-weight:700}.floating.one{top:80px;left:0}.floating.two{right:0;bottom:90px}.floating .mini{font-size:11px;color:#6a756e;font-weight:500}.micro{position:absolute;bottom:27px;left:65px;font-size:11px;letter-spacing:.16em;color:#9ba9a0;text-transform:uppercase}.section{padding:106px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:37px}.section h2{font-size:clamp(38px,4.8vw,68px);margin:10px 0 0}.section-head p{max-width:320px}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.brand-card{padding:29px;border-radius:22px;min-height:285px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);background:white;transition:transform .2s}.brand-card:hover{transform:translateY(-4px)}.brand-card.feature{grid-column:span 2;background:var(--lime);border-color:var(--lime)}.brand-card h3{font-size:42px;margin:14px 0}.brand-card p{font-size:14px;max-width:280px}.card-arrow{display:grid;place-items:center;border:1px solid currentColor;width:36px;height:36px;border-radius:50%;font-size:20px}.category{display:flex;justify-content:space-between;align-items:start}.brand-card.event{background:#F4EDE6}.brand-card.snow{background:#E9EEF7}.brand-card.support{background:#24242D;color:white}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat{padding:30px;border:1px solid var(--line);border-radius:20px;background:white}.stat .big-number{font-size:53px;margin:10px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.visual{border-radius:27px;min-height:420px;background:#dde9d0;padding:40px;display:grid;place-items:center;overflow:hidden}.visual .browser{width:100%;height:280px;border-radius:15px;background:#24242D;box-shadow:12px 20px 40px #31492e3b;padding:24px;color:white;transform:rotate(-3deg)}.visual .browser .bar{height:10px;background:#3f5041;border-radius:9px;margin-bottom:23px;width:45%}.visual .browser .stripe{background:var(--lime);height:90px;border-radius:8px;margin-top:20px}.foot{padding:48px 0;border-top:1px solid var(--line)}.foot-in{display:flex;align-items:center;justify-content:space-between;gap:30px}.toggle{display:none}.portal-body{background:#f4f6f2}.portal-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:#1E1F29;color:#f7faf6;min-height:100vh;padding:31px 22px;display:flex;flex-direction:column;gap:42px}.sidebar .brand{padding:0 12px;font-size:25px}.sidebar .brand .dot{color:var(--lime)}.side-nav{display:flex;flex-direction:column;gap:7px}.side-label{padding:0 15px;color:#91a098;font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;margin-bottom:11px}.side-nav a{border-radius:13px;padding:12px 14px;display:flex;gap:13px;align-items:center;font-size:13px;color:#becbc2}.side-nav a.active{background:var(--lime);color:#1b231d;font-weight:700}.side-nav a:hover:not(.active){background:#2c3830;color:#fff}.side-bottom{margin-top:auto;border-top:1px solid #38423c;padding-top:18px}.portal-main{padding:0 42px 60px;min-width:0}.portal-top{height:82px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e5de;gap:20px}.portal-top .crumb{font-size:13px;color:#68766a}.avatar{height:39px;width:39px;background:#dce5d6;display:grid;place-items:center;border-radius:50%;font-weight:700;font-size:12px}.user{display:flex;align-items:center;gap:14px;font-size:13px}.portal-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:45px 0 32px}.portal-head h1{font-size:clamp(32px,3.5vw,49px);margin:10px 0}.portal-head p{margin:0;color:#64716b}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{background:#fff;border:1px solid #e3e8e1;border-radius:18px;padding:23px;min-width:0}.metric.green{background:var(--lime);border-color:var(--lime)}.metric .value{font:700 38px 'Space Grotesk';letter-spacing:-.05em;margin:17px 0 5px}.metric .hint{font-size:12px;color:#5f6f61}.metric .label{display:flex;justify-content:space-between;font-size:12px;font-weight:600}.dash-columns{display:grid;grid-template-columns:1.45fr 1fr;gap:18px;margin-top:18px}.panel{background:#fff;border:1px solid #e1e6de;border-radius:20px;padding:28px;min-width:0}.panel h2{font-size:22px;margin:0 0 8px}.panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:10px}.panel-top a{font-size:12px;font-weight:700;color:#546c30}.service{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-top:1px solid #edf0eb;gap:12px}.service:first-of-type{border-top:0}.service-info{display:flex;gap:15px;align-items:center}.service-icon{background:#eef3e9;border-radius:14px;padding:12px;font-size:20px}.service .name{font-weight:700;font-size:14px}.service .sub{color:#77837a;font-size:12px;margin-top:2px}.status{border-radius:50px;background:#e9f6d7;color:#426321;font-size:11px;font-weight:700;padding:7px 11px;white-space:nowrap}.status.grey{background:#f0f1ef;color:#65706a}.activity{display:flex;gap:15px;padding:17px 0;border-top:1px solid #edf0eb;font-size:13px}.activity:first-of-type{border-top:0}.activity .time{font-size:11px;color:#829084}.activity-dot{width:9px;height:9px;border-radius:50%;background:var(--lime);margin-top:6px;flex:0 0 9px}.activity-dot.blue{background:#8398BE}.activity-dot.peach{background:#D9C4B1}.bottom-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:18px}.quick{background:#24242D;color:#fff;padding:25px;border-radius:18px;min-height:155px}.quick:nth-child(2){background:#E9EEF7;color:#17231e}.quick:nth-child(3){background:#F4EDE6;color:#17231e}.quick h3{font-size:22px;margin:10px 0}.quick p{font-size:12px;opacity:.75}.demo{font-size:11px;text-align:center;padding:9px;background:#e7ece4;color:#465448}.portal-head .tag{background:#eaf1de}.mobile-top{display:none}@media(max-width:1080px){.nav{gap:13px}.hero-grid{padding:60px 40px}.art{min-height:400px}.orbit{width:350px}.orbit.two{width:270px}.orbit.three{width:190px}.sphere{width:205px}.portal-shell{grid-template-columns:205px 1fr}.sidebar{padding:28px 12px}.portal-main{padding:0 22px 45px}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.dash-columns{grid-template-columns:1fr}.brand-grid{grid-template-columns:1fr 1fr}}@media(max-width:740px){.wrap{padding:0 20px}.top{height:72px}.nav{display:none}.toggle{display:block;background:var(--ink);color:white;border:0;border-radius:25px;padding:10px 15px}.nav.open{display:flex;position:absolute;z-index:10;top:72px;left:12px;right:12px;padding:20px;border-radius:14px;background:white;flex-direction:column;align-items:stretch;box-shadow:0 15px 45px #0002}.hero{border-radius:20px;min-height:0}.hero-grid{grid-template-columns:1fr;padding:35px 26px 40px}.hero h1{font-size:60px}.art{min-height:290px}.orbit{width:270px}.orbit.two{width:210px}.orbit.three{width:160px}.sphere{width:165px}.floating.one{left:3px;top:15px}.floating.two{right:0;bottom:15px}.micro{display:none}.section{padding:65px 0}.section-head{display:block}.brand-grid{grid-template-columns:1fr}.brand-card.feature{grid-column:auto}.brand-card{min-height:220px}.stats,.split{grid-template-columns:1fr}.foot-in{flex-direction:column;align-items:start}.portal-shell{display:block}.sidebar{min-height:unset;padding:13px 17px;gap:0}.sidebar>.brand{display:inline}.side-nav,.side-bottom{display:none}.mobile-top{display:flex;color:#bac6bc;font-size:12px;align-items:center;justify-content:space-between;margin-top:12px}.portal-main{padding:0 15px 35px}.portal-top{height:65px}.portal-top .crumb{font-size:11px}.user span{display:none}.portal-head{margin:28px 0}.portal-head h1{font-size:34px}.portal-head .btn{display:none}.dashboard-grid{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:15px}.metric .value{font-size:30px}.dash-columns,.bottom-grid{grid-template-columns:1fr}.panel{padding:19px}.service{gap:8px}.service .sub{font-size:11px}.status{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* BLACKSNOW V17: vollbreiter Hero mit begrenztem Inhaltsraster */
body{overflow-x:clip}
.hero.hero-bleed{width:100vw;max-width:none;margin-left:calc(50% - 50vw);border-radius:0;min-height:680px}
.hero.hero-bleed .hero-grid{max-width:1320px;margin:0 auto;padding-left:42px;padding-right:42px}
.hero.hero-bleed .micro{left:max(42px,calc((100vw - 1236px)/2))}
.hero.hero-bleed:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 77% 45%,#4e714129,transparent 43%);pointer-events:none}
.brand-card{transition:transform .22s ease,box-shadow .22s ease}
.brand-card:hover{box-shadow:0 24px 70px #1c281a14}
.site-pagehero{position:relative;overflow:hidden;background:var(--ink);color:white;width:100vw;margin-left:calc(50% - 50vw);min-height:400px;display:flex;align-items:center}
.site-pagehero .site-pageinner{max-width:1320px;margin:auto;padding:82px 42px;width:100%;position:relative;z-index:1}
.site-pagehero h1{font-size:clamp(58px,7.2vw,108px);line-height:.98;margin:19px 0 24px;max-width:900px}
.site-pagehero p{max-width:620px;color:#c5cec8;font-size:18px;line-height:1.7}
.site-pagehero:after{content:'';position:absolute;width:490px;height:490px;border:1px solid #7da96944;border-radius:50%;right:-130px;top:-150px;box-shadow:0 0 0 75px #7da9690d,0 0 0 155px #7da9690a}
.site-pagehero .accent{color:var(--lime)}
.site-pagehero.event-tone{background:#2c2925}.site-pagehero.event-tone .accent{color:#D9C4B1}
.site-pagehero.snow-tone{background:#1e2432}.site-pagehero.snow-tone .accent{color:#8398BE}
.site-pagehero.support-tone{background:#1e2823}
.site-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.19em;font-weight:700;color:var(--lime)}
.site-section{padding:96px 0}.site-section h2{font-size:clamp(38px,4.8vw,65px);margin:14px 0 22px}.site-section p{line-height:1.72}
.site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.site-tile{background:#fff;border:1px solid var(--line);padding:29px;border-radius:22px;min-height:250px;display:flex;flex-direction:column;justify-content:space-between}
.site-tile h3{font-size:29px;margin:8px 0}.site-tile p{font-size:14px;color:var(--muted);max-width:360px}.site-tile .tile-index{font-size:11px;font-weight:700;letter-spacing:.13em;color:#7c8a7b}
.site-tile.green{background:#e7f3d8;border-color:#e7f3d8}.site-tile.cream{background:#ffede4;border-color:#ffede4}.site-tile.blue{background:#e6eafe;border-color:#e6eafe}
.site-row{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.site-highlight{background:#24242D;color:white;border-radius:26px;padding:45px;min-height:310px;display:flex;flex-direction:column;justify-content:space-between}
.site-highlight h3{font-size:clamp(32px,3.4vw,50px);margin:0}.site-highlight p{color:#cbd8cf}.site-highlight .eyebrow{color:var(--lime)}
.site-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.site-step{padding:26px 21px 28px 0;border-bottom:1px solid var(--line)}.site-step b{display:block;font-size:11px;letter-spacing:.16em;color:#7a897a}.site-step h3{font-size:23px;margin:18px 0 12px}.site-step p{font-size:13px;color:var(--muted);max-width:245px}
.site-cta{background:var(--lime);padding:53px 56px;border-radius:26px;display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:72px}.site-cta h2{font-size:clamp(32px,4vw,52px);margin:0 0 9px}.site-cta p{margin:0;color:#3d4a33}.site-cta .btn{background:#151b16;color:white}
.site-faq details{border-top:1px solid var(--line);padding:20px 0}.site-faq details:last-child{border-bottom:1px solid var(--line)}.site-faq summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}.site-faq summary:after{content:'+';font-size:22px;line-height:1}.site-faq details[open] summary:after{content:'−'}.site-faq details p{max-width:700px;color:var(--muted);font-size:14px;margin:14px 0 0}
.site-nav-active{color:#557d32}
@media(max-width:800px){.hero.hero-bleed{min-height:0}.hero.hero-bleed .hero-grid{padding:48px 24px}.hero.hero-bleed .micro{display:none}.site-pagehero{min-height:350px}.site-pagehero .site-pageinner{padding:70px 24px}.site-pagehero h1{font-size:clamp(45px,12vw,77px)}.site-grid,.site-row{grid-template-columns:1fr}.site-section{padding:65px 0}.site-steps{grid-template-columns:repeat(2,1fr)}.site-cta{padding:30px;align-items:start;flex-direction:column}}
@media(max-width:500px){.site-steps{grid-template-columns:1fr}.site-pagehero p{font-size:16px}.site-cta{border-radius:16px}}

.site-mini-nav{display:flex;gap:8px;flex-wrap:wrap;padding:18px 0 0}.site-mini-nav a{border:1px solid var(--line);border-radius:30px;padding:9px 15px;font-size:13px;font-weight:700;background:white}.site-mini-nav a:hover{background:var(--lime)}