:root{--max:1280px;--ink:#101425;--cream:#f0f4fc;--paper:#ffffff;--night:#070915;--night2:#101329;--night3:#171332;--purple:#985bff;--violet:#7045ff;--lav:#d8cbff;--cyan:#4bdbf6;--hot:#e748d8;--line:rgba(151,164,236,.16);--radius:24px}
html{scroll-padding-top:100px}body{background:#080b17;overflow-x:clip;font-family:Inter,"Segoe UI",system-ui,Arial,sans-serif}a,button{ -webkit-tap-highlight-color:transparent}::selection{background:#985bff;color:white}.wrap{width:min(var(--max),calc(100% - 70px))}
.site-nav{top:16px;width:min(1320px,calc(100% - 56px));min-height:76px;background:linear-gradient(100deg,rgba(10,13,31,.94),rgba(17,15,36,.90));border:1px solid rgba(173,147,251,.26);border-radius:21px;box-shadow:0 24px 90px rgba(2,1,14,.52),inset 0 1px rgba(255,255,255,.11);padding:11px 16px 11px 19px;gap:18px}
.site-nav::after{content:"";pointer-events:none;position:absolute;inset:auto 18px -1px 18px;height:1px;background:linear-gradient(90deg,transparent,#935aff,#3ad6ec,transparent);opacity:.63}.nav-brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:900;letter-spacing:-.05em;border-left:3px solid #995dff;padding-left:12px}.brand-orbit{position:relative;display:block;flex:none;height:35px;width:35px;border-radius:11px;background:linear-gradient(140deg,#63dcf8 1%,#9354ff 55%,#e65af6 100%);box-shadow:0 0 23px rgba(125,86,255,.48);transform:rotate(-9deg)}.brand-orbit span{display:block;position:absolute;inset:7px;border-radius:8px;background:#17132b;transform:rotate(24deg)}.nav-brand .brand-text b{color:#aa82ff}.nav-brand small{margin-top:6px;font-size:8px;letter-spacing:.17em;color:#8c98b6}.nav-menu{gap:4px}.nav-menu a{color:#ced5ee;font-weight:730}.nav-menu a:hover{background:rgba(97,90,196,.17);box-shadow:inset 0 0 0 1px rgba(126,132,240,.16)}.nav-cta,.btn-primary{background:linear-gradient(112deg,#6448ed,#9e52ff 60%,#cd4eec);border:1px solid rgba(232,200,255,.23);box-shadow:0 10px 38px rgba(119,67,255,.43),inset 0 1px 0 rgba(255,255,255,.23)}.nav-cta{min-height:46px;border-radius:14px}.nav-cta:hover,.btn-primary:hover{box-shadow:0 10px 55px rgba(135,78,255,.68),0 0 36px rgba(106,87,255,.25);transform:translateY(-3px)}.btn{min-height:55px;border-radius:15px;font-size:14px;padding:0 22px}.btn-quiet{background:rgba(84,99,159,.1);border-color:rgba(150,172,247,.30);color:#eff3ff;box-shadow:inset 0 1px rgba(255,255,255,.08)}.btn-quiet:hover{background:rgba(106,109,184,.25)}.btn-dark{background:linear-gradient(115deg,#6943e7,#8a42e6);color:white}.btn-light{border-color:#c4c8df;background:#fff;color:#241333}
.hero{min-height:unset;text-align:left;padding:172px 0 0;background:radial-gradient(ellipse at 76% 35%,rgba(71,52,179,.34),transparent 37%),radial-gradient(ellipse at 14% 77%,rgba(31,118,168,.23),transparent 36%),linear-gradient(120deg,#070a17 0%,#0a1023 42%,#120b2b 100%)}.hero:before{background-image:linear-gradient(rgba(130,149,234,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(130,149,234,.045) 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 85%,transparent)}.hero:after{content:"";position:absolute;pointer-events:none;width:800px;height:800px;border:1px solid rgba(129,104,255,.1);border-radius:50%;top:5%;right:-300px;box-shadow:0 0 0 135px rgba(131,103,255,.017),0 0 0 270px rgba(119,73,205,.015)}.hero-shell{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.15fr);align-items:center;gap:26px;padding-bottom:118px;position:relative}.hero-copy{position:relative;z-index:3;padding-bottom:20px}.hero-kicker{display:flex;align-items:center;gap:10px;color:#bad3f7;font-size:10px;font-weight:850;letter-spacing:.17em;white-space:nowrap}.live-dot,.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#64f0cf;box-shadow:0 0 0 4px rgba(100,240,207,.10),0 0 18px #2fe9c4}.kicker-line{display:block;width:35px;height:1px;background:#575c89}.hero h1{font-size:clamp(72px,7.1vw,118px);line-height:.86;letter-spacing:-.087em;font-weight:950;margin:34px 0 29px;position:relative;max-width:none}.hero-outline{color:transparent;-webkit-text-stroke:2px rgba(184,185,253,.86)}.hero-neon{background:linear-gradient(108deg,#a679ff 0%,#e49bf3 40%,#6bddf8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 12px 80px rgba(112,70,239,.18)}.hero-stop{color:#62dcf7;-webkit-text-fill-color:#62dcf7}.hero-tagline{font-size:clamp(19px,2vw,25px);color:#e8e9ff;line-height:1.38;font-weight:550;margin:0 0 20px;letter-spacing:-.035em}.hero-tagline strong{color:#8cecff}.hero-description{font-size:14px;max-width:485px;margin:0 0 28px;color:#aab7cf;line-height:1.85}.hero-actions{justify-content:flex-start;gap:11px}.hero-facts{display:flex;align-items:stretch;gap:28px;border-top:1px solid rgba(158,169,232,.17);margin-top:42px;padding-top:22px}.hero-facts div{display:flex;align-items:center;gap:10px}.hero-facts b{font-size:27px;letter-spacing:-.07em;background:linear-gradient(120deg,#e4ddff,#5adff4);background-clip:text;color:transparent}.hero-facts span{color:#8797b4;font-size:11px;font-weight:650;line-height:1.4}.play-circle{display:inline-grid;place-items:center;border-radius:50%;width:24px;height:24px;border:1px solid rgba(135,168,247,.35);font-size:9px;color:#86dff8}.hero-art{height:640px;position:relative;isolation:isolate;min-width:0}.hero-halo{position:absolute;top:50%;left:45%;width:80%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(121,80,239,.48),rgba(58,132,247,.18) 35%,transparent 70%);filter:blur(28px);pointer-events:none}.desktop-frame{position:absolute;top:85px;left:4%;width:103%;padding:9px;border:1px solid rgba(151,165,255,.55);border-radius:23px;background:linear-gradient(135deg,#202642,#0b1225 55%,#3c2557);box-shadow:0 40px 100px rgba(0,0,0,.61),0 0 60px rgba(114,94,255,.25),inset 0 1px rgba(255,255,255,.2);transform:perspective(1200px) rotateY(-8deg) rotateX(3deg);transition:transform .5s}.desktop-frame:hover{transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}.desktop-frame img{aspect-ratio:16/9;object-fit:cover;border-radius:10px;cursor:zoom-in}.window-top{display:flex;align-items:center;gap:5px;height:29px;padding:0 8px 8px;color:#9eabc9;font-size:10px;letter-spacing:.07em}.window-top i{width:7px;height:7px;border-radius:50%;background:#ff6778}.window-top i:nth-child(2){background:#ffc65e}.window-top i:nth-child(3){background:#57d7a6}.window-top span:nth-last-child(2){margin-left:12px}.window-pulse{margin-left:auto;width:31px;height:6px;border-radius:9px;background:linear-gradient(90deg,#6ce3f4,#9457ff);box-shadow:0 0 12px #735bef}.float-app{position:absolute;z-index:2;border:1px solid rgba(139,164,254,.45);background:rgba(10,15,36,.96);padding:7px;border-radius:15px;box-shadow:0 19px 55px rgba(0,0,0,.65),0 0 40px rgba(84,93,248,.20);backdrop-filter:blur(14px)}.float-app span{display:flex;align-items:center;justify-content:space-between;padding:5px 7px 8px;color:#b6c4e7;font-size:9px;letter-spacing:.11em;font-weight:850}.float-app em{font-style:normal;color:#8cecff}.float-app img{border-radius:7px;aspect-ratio:16/9;object-fit:cover;cursor:zoom-in}.float-app-video{width:58%;right:-1%;bottom:36px;transform:rotate(3deg)}.float-app-pulse{width:40%;left:0;bottom:0;transform:rotate(-5deg)}.hero-vertical{position:absolute;right:-25px;top:15px;writing-mode:vertical-rl;color:#8995ba;letter-spacing:.25em;font-size:9px;font-weight:800}.hero-vertical span{color:#a273ff}.hero-bottom{position:relative;z-index:2;border-top:1px solid rgba(137,139,218,.21);border-bottom:1px solid rgba(137,139,218,.21);background:linear-gradient(100deg,rgba(27,20,56,.90),rgba(13,38,62,.86));box-shadow:inset 0 1px rgba(255,255,255,.04)}.hero-bottom>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:87px}.hero-bottom-label{display:flex;align-items:center;gap:12px;color:#e2eaff;font-size:11px;font-weight:900;letter-spacing:.1em;white-space:nowrap}.hero-bottom-label span{width:30px;height:2px;background:linear-gradient(90deg,#9e59ff,#4adcf1);box-shadow:0 0 15px #9e59ff}.hero-bottom-tags{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.hero-bottom-tags span{color:#9badd2;font-size:12px;font-weight:740}.hero-bottom a{display:grid;place-items:center;flex:none;border:1px solid rgba(145,162,234,.30);width:37px;height:37px;border-radius:50%;color:#8feaff;font-size:18px}
.section{padding:126px 0;position:relative;overflow:hidden}.section>.wrap{position:relative;z-index:1}.dark,.dark-flat{background:#0b1021}.light,.light-alt{background:#f2f5fd;color:#121629}.zone-macos{background:linear-gradient(140deg,#f6f8ff,#e9f0fc 70%,#f9f4ff)}.zone-notes{background:#f8f6ff}.zone-system{background:linear-gradient(135deg,#eef6fb,#eef2fe)}.zone-bezug{background:linear-gradient(120deg,#f7f8ff,#f2eafa)}.zone-warum{background:#090d1b;color:#fff;padding:60px 0 108px}.zone-cloud{background:radial-gradient(ellipse at 85% 25%,rgba(8,111,166,.28),transparent 50%),linear-gradient(130deg,#070f20,#0a1d31)}.zone-nachrichten{background:radial-gradient(ellipse at 10% 40%,rgba(154,52,196,.28),transparent 49%),linear-gradient(145deg,#160d2b,#100d23)}.zone-medien{background:radial-gradient(ellipse at 80% 80%,rgba(73,40,230,.38),transparent 52%),linear-gradient(110deg,#090f22,#15113b)}.zone-apps{background:radial-gradient(circle at 12% 7%,rgba(84,60,212,.2),transparent 40%),#090d1a;color:#f3f4ff}.zone-kreativ{background:linear-gradient(135deg,#151242,#20115d 60%,#1a2855)}.zone-video{background:radial-gradient(ellipse at 50% 65%,rgba(117,37,213,.27),transparent 53%),linear-gradient(140deg,#060b1b,#12113a 73%,#211049)}.zone-study{background:#f6f6ff}.zone-kontakt{background:radial-gradient(ellipse at 80% 10%,rgba(107,54,217,.32),transparent 50%),linear-gradient(130deg,#070d1f,#151139)}
.zone-cloud:before,.zone-nachrichten:before,.zone-apps:before,.zone-video:before,.zone-medien:before,.zone-kreativ:before{content:"";pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(189,193,255,.028) 1px,transparent 1px),linear-gradient(rgba(189,193,255,.028) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,black,transparent 95%)}.zone-cloud:after,.zone-video:after,.zone-medien:after{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#714eff,#44dcf4,transparent);opacity:.65}.section[data-index]:not(.light):not(.light-alt)>.wrap:before{content:attr(data-index);position:absolute;right:0;top:-37px;font-size:100px;line-height:1;font-weight:900;letter-spacing:-.13em;color:rgba(133,153,246,.065);pointer-events:none}
.eyebrow{color:#84def6;font-size:11px;letter-spacing:.22em;font-weight:900;margin-bottom:21px;display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";display:inline-block;width:25px;height:2px;background:linear-gradient(90deg,#8269ff,#56dff6);box-shadow:0 0 12px rgba(108,108,249,.5)}.light .eyebrow,.light-alt .eyebrow{color:#684bf5}.h2{font-size:clamp(40px,5.1vw,73px);line-height:1.02;max-width:810px;letter-spacing:-.067em;font-weight:900}.h3{font-size:clamp(32px,3.3vw,48px)}.accent{background:linear-gradient(102deg,#aa82ff,#60dffe);background-clip:text;-webkit-text-fill-color:transparent}.lead{color:#aebbd6;font-size:16px;line-height:1.83}.light .lead,.light-alt .lead{color:#606b81}.two-col{gap:7%;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr)}.wide-intro{max-width:950px}.feature-ribbon{margin:0;grid-template-columns:repeat(5,1fr);border:1px solid rgba(126,153,242,.26);border-radius:23px;background:linear-gradient(107deg,#161734,#111b30);box-shadow:0 20px 80px rgba(0,0,0,.45);color:#e7e9ff}.feature-ribbon>div{padding:24px 17px;border-right:1px solid rgba(153,177,251,.13);position:relative}.feature-ribbon>div:before{content:"";display:block;width:21px;height:3px;background:linear-gradient(90deg,#a561fb,#60e4f3);margin-bottom:16px;border-radius:20px}.feature-ribbon strong{color:#f1eeff;font-size:12px}.feature-ribbon p{color:#95a6c7;font-size:11px}.idea-panel{margin-top:84px;position:relative;background:linear-gradient(115deg,rgba(20,30,63,.95),rgba(35,22,87,.90));border:1px solid rgba(113,113,237,.29);box-shadow:0 30px 90px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.05);padding:70px;border-radius:35px}.idea-panel:after{content:"";position:absolute;width:250px;height:250px;right:0;top:0;background:radial-gradient(circle,rgba(124,63,255,.22),transparent 70%);pointer-events:none}.idea-panel .h2{font-size:clamp(39px,4.5vw,64px)}.soft-row{border-color:rgba(154,161,255,.19);background:rgba(97,92,197,.11);padding:21px}.soft-row p{color:#adbcdd}.ico{background:rgba(116,91,242,.19);color:#80e2fa}.flow-banner{position:relative;overflow:hidden;padding:100px 0;background:linear-gradient(110deg,#6f45f3,#5538bb 50%,#2346a3);color:white}.flow-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 0%,rgba(147,222,255,.34),transparent 33%),repeating-linear-gradient(115deg,transparent 0 65px,rgba(255,255,255,.025) 66px 67px)}.flow-banner-inner{position:relative;display:grid;grid-template-columns:.78fr 1.22fr;gap:44px;align-items:center}.flow-index{font-size:10px;font-weight:900;letter-spacing:.20em;color:#c8e7ff}.flow-banner h2{font-size:clamp(40px,5vw,68px);letter-spacing:-.065em;line-height:.99;margin:13px 0 0}.flow-banner h2 span{color:#bbecff}.flow-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.flow-pillars a{position:relative;min-height:174px;padding:22px;border:1px solid rgba(241,239,255,.35);border-radius:20px;background:rgba(3,8,41,.20);box-shadow:inset 0 1px rgba(255,255,255,.12);transition:background .25s,transform .25s}.flow-pillars a:hover{background:rgba(3,8,41,.35);transform:translateY(-5px)}.flow-pillars a span{display:block;color:#9fe8ff;font-size:11px;font-weight:800;margin-bottom:35px}.flow-pillars b{display:block;font-size:18px;letter-spacing:-.04em}.flow-pillars small{display:block;font-size:11px;color:#d4d5fa;margin-top:8px}.flow-pillars em{position:absolute;right:17px;top:17px;font-style:normal;font-size:20px;color:#c5edff}
.shot{border-radius:24px;border:1px solid rgba(143,158,253,.37);background:#0c1326;box-shadow:0 26px 70px rgba(3,4,17,.35),0 0 60px rgba(89,78,245,.12);transition:transform .32s,box-shadow .32s}.shot:hover{transform:translateY(-5px);box-shadow:0 35px 95px rgba(0,0,0,.42),0 0 50px rgba(80,128,255,.20)}.shot img{cursor:zoom-in}.shot button{border-color:rgba(150,182,255,.28);border-radius:12px;padding:12px 15px;background:rgba(13,15,38,.86);color:#deebff}.shot button:hover{background:#714aff}.light .shot,.light-alt .shot{border-color:rgba(124,121,225,.24);box-shadow:0 24px 70px rgba(55,49,129,.18)}.bullets>div{background:rgba(113,111,241,.085);border-color:rgba(135,162,237,.17);padding:20px;border-radius:18px}.bullets strong{font-size:14px}.bullets p{color:#aebad6}.chips span{border-color:rgba(155,143,255,.28);background:rgba(109,96,215,.13);color:#d7def7;font-weight:750;padding:9px 14px}.light .chips span,.light-alt .chips span{background:#e8e7ff;color:#6041bb;border:1px solid #d4d1fa}.mini-card{border-radius:22px;border:1px solid #dce0f5;box-shadow:0 19px 45px rgba(68,51,133,.13)}.mini-card h3{color:#1e1a37;font-size:22px}.mini-card .copy-mini{background:linear-gradient(130deg,#fff,#f2f3ff)}.media-grid .shot:nth-child(2):hover{transform:translateY(19px)}.media-grid .shot:nth-child(3){width:76%}.section-header-row{margin-bottom:52px}.app-grid{grid-template-columns:repeat(3,1fr);gap:22px}.app-tile{border:1px solid rgba(139,155,230,.24);border-radius:24px;background:linear-gradient(160deg,#191c35,#12192c 85%);box-shadow:0 22px 60px rgba(1,3,13,.22);transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;color:#f4f4ff}.app-tile:hover{transform:translateY(-7px);border-color:rgba(138,120,255,.60);box-shadow:0 24px 70px rgba(72,52,162,.2)}.app-tile:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,#885afb,#46d7ee,transparent);opacity:.75;z-index:1}.app-tile img{aspect-ratio:16/9;object-fit:cover;cursor:zoom-in}.app-tile-body{padding:26px}.app-tile small{color:#76dffa}.app-tile h3{font-size:25px;font-weight:830;margin:10px 0;color:#fff}.app-tile p{font-size:13px;color:#a9b5d0}.app-tile button{color:#a6abff;margin-top:17px}.app-tile button:hover{color:#83eeff}.app-text-visual{background:linear-gradient(135deg,#233771,#491f87)!important}.app-tile--textonly{border-color:rgba(133,112,241,.4)}.strip-callout{border:1px solid rgba(140,151,245,.3);background:linear-gradient(115deg,#24205b,#1b3355);border-radius:27px;padding:34px}.strip-callout p{color:#b9c8eb}.video-section{border-top:1px solid rgba(124,120,243,.2)}.video-feature-intro{max-width:840px}.video-showcase{position:relative;border:1px solid rgba(138,121,248,.48)!important;box-shadow:0 40px 110px rgba(6,6,25,.75),0 0 120px rgba(128,79,252,.22)!important}.video-hero-shot{border-radius:21px}.video-showcase:before{content:"";position:absolute;inset:-80px 13% auto;height:130px;pointer-events:none;background:radial-gradient(ellipse,rgba(153,90,255,.45),transparent 65%);filter:blur(25px)}.zone-video .h2{font-size:clamp(50px,5.8vw,81px)}.zone-video .chips span{background:rgba(116,78,238,.23)}.zone-system .app-tile{background:linear-gradient(150deg,#fff,#f5f7ff);color:#15203d;border:1px solid #dce5f5;box-shadow:0 17px 40px rgba(33,52,96,.10)}.zone-system .app-tile:before{background:linear-gradient(90deg,transparent,#8357fa,#3dd8ef,transparent)}.zone-system .app-tile h3{color:#19203a}.zone-system .app-tile p{color:#59677f}.zone-system .app-tile small{color:#674dda}.zone-system .app-tile button{color:#6549de}.zone-study{background:#eaf0ff}.zone-warum .lead{color:#afbcdb}.zone-contact .lead{color:#aab7cd}.zone-kontakt .contact-card{border:1px solid rgba(145,138,249,.36);background:linear-gradient(145deg,rgba(30,31,69,.72),rgba(17,24,49,.86));box-shadow:0 30px 95px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.07);border-radius:26px;padding:34px}.contact-grid{gap:8%}.field input,.field select,.field textarea{border-color:rgba(128,145,227,.25);background:#10152c}.field input:focus,.field select:focus,.field textarea:focus{border-color:#76ccfa;box-shadow:0 0 0 3px rgba(110,189,249,.12)}.contact-note{color:#9aaaca}.footer{background:#070a14;border-color:#262342}.footer .wrap{color:#8c98b2}.lightbox{background:rgba(4,6,15,.96)}.lightbox[open]{border:0;max-width:100vw;max-height:100vh;margin:auto}.lightbox::backdrop{background:rgba(1,1,7,.92)}.lightbox-close{background:#241b4b}
@media(max-width:1100px){.hero h1{font-size:clamp(62px,8vw,100px)}.hero-art{height:560px}.desktop-frame{top:90px}.hero-bottom-tags{gap:13px}.site-nav{gap:7px}.nav-menu a{padding:12px 7px;font-size:11px}.two-col{gap:34px}}
@media(max-width:850px){.site-nav{top:12px;width:calc(100% - 28px);min-height:65px;border-radius:17px;padding:8px 11px 8px 15px}.nav-brand{font-size:19px}.brand-orbit{width:30px;height:30px}.nav-menu{top:73px;max-height:calc(100vh - 100px);overflow-y:auto;background:rgba(12,16,38,.98);border-color:rgba(142,145,249,.32)}.nav-menu a{font-size:15px;padding:15px}.nav-cta{font-size:12px;min-height:43px}.wrap{width:calc(100% - 38px)}.hero{padding-top:133px}.hero-shell{grid-template-columns:1fr;gap:23px;padding-bottom:60px}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(64px,13.5vw,108px);margin:28px 0}.hero-description{max-width:670px}.hero-art{height:540px;max-width:720px;width:100%;margin:auto}.desktop-frame{top:60px;width:92%;left:4%;transform:perspective(1200px) rotateY(-3deg)}.float-app-video{width:50%;right:0;bottom:15px}.float-app-pulse{width:38%;left:0;bottom:0}.hero-bottom>.wrap{min-height:77px}.hero-bottom-tags{display:none}.zone-warum{padding:50px 0 85px}.flow-banner-inner{grid-template-columns:1fr}.flow-pillars{gap:13px}.idea-panel{padding:36px;margin-top:50px}.section{padding:95px 0}.section[data-index]:not(.light):not(.light-alt)>.wrap:before{font-size:70px;top:-30px}.app-grid{grid-template-columns:repeat(2,1fr)}.two-col{gap:35px}.contact-grid{gap:35px}}
@media(max-width:580px){.wrap{width:calc(100% - 34px)}.site-nav{width:calc(100% - 20px);min-height:60px;gap:7px}.nav-brand small{font-size:7px}.nav-cta{padding:0 11px;font-size:11px}.brand-orbit{width:27px;height:27px}.menu-toggle{width:40px;height:40px}.hero{padding-top:123px}.hero-kicker{font-size:8px;letter-spacing:.09em}.hero h1{font-size:clamp(59px,15.1vw,86px);letter-spacing:-.09em;margin:25px 0}.hero-outline{-webkit-text-stroke:1.4px rgba(188,191,255,.9)}.hero-tagline{font-size:19px}.hero-description{font-size:13px;line-height:1.7}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.hero-facts{gap:16px;margin-top:26px}.hero-facts b{font-size:23px}.hero-facts span{font-size:9px}.hero-art{height:324px;margin:0 auto}.desktop-frame{top:23px;left:1%;width:98%;padding:5px;border-radius:13px;transform:none}.window-top{height:22px;padding:0 4px 5px;font-size:7px}.float-app{padding:4px;border-radius:9px}.float-app span{font-size:7px;padding:2px 3px 5px}.float-app-video{width:50%;bottom:0;right:0;transform:rotate(2deg)}.float-app-pulse{width:38%;left:0;bottom:0;transform:rotate(-3deg)}.hero-vertical{display:none}.hero-bottom>.wrap{min-height:66px}.hero-bottom-label{font-size:9px;letter-spacing:.05em}.section{padding:80px 0}.zone-warum{padding:34px 0 70px}.feature-ribbon{grid-template-columns:1fr 1fr;border-radius:18px}.feature-ribbon>div{padding:14px 12px}.feature-ribbon>div:before{margin-bottom:10px}.feature-ribbon>div:last-child{grid-column:1/-1}.feature-ribbon strong{font-size:10px}.feature-ribbon p{font-size:9px}.idea-panel{padding:25px;margin-top:32px;border-radius:22px}.flow-banner{padding:60px 0}.flow-banner-inner{gap:30px}.flow-banner h2{font-size:48px}.flow-pillars{grid-template-columns:1fr;gap:9px}.flow-pillars a{min-height:103px;padding:16px 20px}.flow-pillars a span{margin-bottom:12px}.flow-pillars b{font-size:17px}.flow-pillars small{margin-top:3px}.h2{font-size:clamp(37px,9.6vw,53px)}.lead{font-size:14px}.two-col{grid-template-columns:1fr;gap:30px}.two-col.reverse .copy,.two-col.reverse .visual{order:initial}.media-grid{gap:11px}.media-grid .shot:nth-child(2){transform:translateY(8px)}.media-grid .shot:nth-child(3){width:94%}.app-grid{grid-template-columns:1fr;gap:16px}.app-tile-body{padding:21px}.app-tile h3{font-size:23px}.side-images{gap:9px}.contact-card{padding:22px!important}.form-row{grid-template-columns:1fr}.footer .wrap{gap:14px}.section[data-index]:not(.light):not(.light-alt)>.wrap:before{font-size:53px}.video-showcase{margin-top:38px}.hero-bottom a{width:33px;height:33px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


.mac-stage-section{position:relative;overflow:hidden;padding-top:92px;padding-bottom:110px;background:radial-gradient(circle at 18% 30%,rgba(71,145,229,.16),transparent 30%),radial-gradient(circle at 82% 12%,rgba(174,86,255,.22),transparent 28%),linear-gradient(180deg,#090d1d 0%,#0b1022 55%,#090d1b 100%)}
.mac-stage-wrap{display:grid;grid-template-columns:minmax(300px,420px) 1fr;align-items:center;gap:58px}
.mac-stage-copy .h2{max-width:660px}.mac-stage-copy .lead{max-width:520px}
.mac-stage-controls{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 26px}.mac-toggle{appearance:none;border:1px solid rgba(145,162,246,.28);background:rgba(255,255,255,.055);color:#eef3ff;border-radius:999px;padding:11px 16px;font-weight:770;font-size:13px;transition:.2s box-shadow,.2s transform,.2s background,.2s border-color}.mac-toggle:hover{transform:translateY(-2px);border-color:rgba(134,222,255,.5);box-shadow:0 10px 35px rgba(34,134,255,.15)}.mac-toggle.is-active{background:linear-gradient(120deg,#6648ee,#9f54ff 64%,#4fdbf6);border-color:rgba(238,232,255,.32);color:white;box-shadow:0 16px 44px rgba(120,89,255,.36)}
.mac-stage-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:12px}.mac-stage-meta div{padding:15px 16px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(146,163,241,.14)}.mac-stage-meta strong{display:block;font-size:14px;color:#fff}.mac-stage-meta span{display:block;margin-top:6px;font-size:12px;line-height:1.45;color:#b4bfd9}
.mac-scene{position:relative;min-height:620px;display:grid;place-items:center}.mac-glow{position:absolute;inset:auto 10% 4% 10%;height:120px;border-radius:999px;background:radial-gradient(ellipse,rgba(146,84,255,.45),rgba(71,219,246,.22) 42%,transparent 72%);filter:blur(22px)}
.macbook-shell{position:relative;width:min(860px,100%);padding:16px 16px 0;border-radius:34px 34px 20px 20px;background:linear-gradient(180deg,#5d6572 0%,#adb5bf 4%,#30394a 9%,#181e2c 100%);box-shadow:0 44px 110px rgba(0,0,0,.55),0 0 120px rgba(119,79,255,.12)}
.macbook-display-wrap{position:relative;background:#02050c;padding:18px 18px 20px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.macbook-camera{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:92px;height:16px;border-radius:0 0 12px 12px;background:#070a12;z-index:2;box-shadow:0 1px 0 rgba(255,255,255,.08)}
.macbook-display{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:15px;box-shadow:0 18px 50px rgba(0,0,0,.5);cursor:zoom-in}
.macbook-overlay-tag{position:absolute;right:28px;bottom:28px;padding:13px 15px;border-radius:17px;background:rgba(11,15,30,.72);border:1px solid rgba(153,176,255,.24);backdrop-filter:blur(14px);box-shadow:0 18px 40px rgba(0,0,0,.3)}
.macbook-tag-label{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#b8c6e5;margin-bottom:5px}.macbook-overlay-tag strong{display:block;font-size:16px;color:#fff;letter-spacing:-.03em}
.macbook-base{position:relative;height:22px;margin:0 auto;width:108%;transform:translateX(-4%);border-radius:0 0 60px 60px;background:linear-gradient(180deg,#cfd5de 0%,#8c95a4 10%,#b3bbc7 34%,#747d8d 100%);box-shadow:0 14px 30px rgba(0,0,0,.26)}
.macbook-base:before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:18%;height:6px;border-radius:0 0 999px 999px;background:rgba(72,79,95,.85)}
.macbook-trackpad{position:absolute;left:50%;top:8px;transform:translateX(-50%);width:23%;height:7px;border-radius:999px;background:rgba(89,96,110,.75)}
.mac-float-card{position:absolute;display:grid;gap:6px;max-width:220px;padding:18px 18px 16px;border-radius:20px;background:rgba(17,22,41,.75);backdrop-filter:blur(18px);border:1px solid rgba(152,168,255,.18);box-shadow:0 24px 60px rgba(2,6,18,.42)}.mac-float-card small{font-size:10px;letter-spacing:.14em;color:#86d7ff}.mac-float-card strong{font-size:18px;letter-spacing:-.04em;color:#fff}.mac-float-card span{font-size:12px;line-height:1.55;color:#b0bbd3}.mac-float-left{left:-10px;bottom:68px}.mac-float-right{right:-10px;top:48px}
@media(max-width:1100px){.mac-stage-wrap{grid-template-columns:1fr;gap:28px}.mac-scene{min-height:inherit}.mac-float-left{left:0;bottom:34px}.mac-float-right{right:0;top:20px}.mac-stage-meta{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.mac-stage-section{padding-top:80px;padding-bottom:86px}.mac-stage-meta{grid-template-columns:1fr}.mac-stage-controls{gap:8px}.mac-toggle{padding:10px 14px;font-size:12px}.mac-scene{padding-bottom:54px}.mac-float-card{position:static;max-width:none;margin-top:16px}.macbook-shell{padding:10px 10px 0;border-radius:20px 20px 14px 14px}.macbook-display-wrap{padding:12px 12px 14px;border-radius:16px}.macbook-camera{top:4px;width:62px;height:12px}.macbook-overlay-tag{right:16px;bottom:16px;padding:10px 12px;border-radius:14px}.macbook-overlay-tag strong{font-size:14px}.macbook-base{height:16px;border-radius:0 0 30px 30px}.macbook-trackpad{top:5px;height:5px}.mac-glow{inset:auto 4% 3% 4%;height:84px}}


.mac-stage-wrap--ai{grid-template-columns:minmax(300px,440px) 1fr;gap:60px}
.mac-scene--ai{min-height:inherit;padding:28px 0 34px}.mac-hero-shot{position:relative;overflow:hidden;border-radius:30px;border:1px solid rgba(171,184,255,.22);background:linear-gradient(160deg,rgba(17,20,37,.95),rgba(10,13,27,.95));box-shadow:0 38px 110px rgba(0,0,0,.45),0 0 120px rgba(120,78,255,.12)}.mac-hero-shot:before{content:"";position:absolute;inset:-120px 16% auto;height:180px;pointer-events:none;background:radial-gradient(ellipse,rgba(150,84,255,.30),transparent 70%);filter:blur(18px);z-index:0}.mac-hero-shot img{position:relative;z-index:1;display:block;width:100%;aspect-ratio:16/9;object-fit:cover;cursor:zoom-in}.mac-quick-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.mac-preview-btn{appearance:none;border:1px solid rgba(151,167,242,.26);background:rgba(255,255,255,.055);color:#eef3ff;border-radius:15px;padding:13px 16px;font-size:13px;font-weight:760;transition:.2s transform,.2s background,.2s border-color,.2s box-shadow}.mac-preview-btn:hover{transform:translateY(-2px);background:rgba(98,80,230,.18);border-color:rgba(87,212,245,.44);box-shadow:0 14px 34px rgba(52,114,219,.15)}
@media(max-width:1100px){.mac-stage-wrap--ai{grid-template-columns:1fr;gap:34px}}
@media(max-width:580px){.mac-stage-wrap--ai{gap:24px}.mac-quick-actions{gap:10px}.mac-preview-btn{width:100%;text-align:left}}