/* 1ACE-Farben und -Schriften: Schwarz, Weiß, Flieder-Verlauf; Anton, General Sans, Geist Mono */
:root{
  --ink:#070707; --ink2:#0F0F11; --paper:#F4F4F4; --mute:#8A8A90;
  --a:#B79CFF; --a2:#6A44FF; --grad:linear-gradient(100deg,var(--a),var(--a2));
  --line:rgba(244,244,244,.12); --line-d:rgba(7,7,7,.14);
  --disp:"Anton",Impact,sans-serif; --sans:"General Sans",system-ui,sans-serif; --mono:"Geist Mono",ui-monospace,monospace;
  --pad:clamp(16px,4vw,64px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;overscroll-behavior-x:none}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{overscroll-behavior-x:none;background:var(--ink);color:var(--paper);font:400 17px/1.55 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
img{display:block;max-width:100%}
::selection{background:var(--a);color:var(--ink)}
em{font-style:normal}
.h2 em,.hero__title em{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-right:.04em}

.label{font:500 12px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);display:flex;align-items:center;gap:10px}
.label--light{color:rgba(7,7,7,.6)}
.dot{width:7px;height:7px;border-radius:50%;background:var(--a);box-shadow:0 0 0 4px rgba(183,156,255,.2);animation:pulse 2.4s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(183,156,255,0)}}
.h2{font:400 clamp(48px,7vw,120px)/.9 var(--disp);text-transform:uppercase;letter-spacing:.005em}

.btn{display:inline-flex;align-items:center;gap:.7em;background:var(--paper);color:var(--ink);text-decoration:none;border:0;cursor:pointer;font:500 15px/1 var(--sans);padding:16px 24px;border-radius:999px;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s,color .3s,box-shadow .3s}
.btn:hover{transform:translateY(-2px)}
.btn span{transition:transform .3s}.btn:hover span{transform:translateX(5px)}
.btn--sm{padding:11px 18px;font-size:13px;background:transparent;color:var(--paper);box-shadow:inset 0 0 0 1px rgba(244,244,244,.25)}
.btn--sm:hover{background:var(--paper);color:var(--ink)}
.btn--accent{background:var(--grad);color:#fff;box-shadow:0 10px 40px -10px rgba(106,68,255,.7)}
.btn--accent:hover{box-shadow:0 14px 50px -8px rgba(106,68,255,.95)}
.btn--big{font-size:18px;padding:20px 28px;width:100%;justify-content:space-between}

/* NAV */
.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px var(--pad);transition:transform .5s cubic-bezier(.2,.8,.2,1),background .3s}
.nav.is-hidden{transform:translateY(-110%)}
.nav.is-solid{background:rgba(7,7,7,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.nav__logo img{width:96px;height:auto}
.nav__links{display:flex;gap:30px;font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.nav__links a{text-decoration:none;opacity:.6;transition:opacity .2s,color .2s}.nav__links a:hover{opacity:1;color:var(--a)}

/* HERO */
.hero{position:relative;height:100vh;height:100svh;min-height:640px;overflow:hidden;background:var(--ink)}
.wall{position:absolute;inset:-30% -20%;perspective:2000px;z-index:0}
.wall__tilt{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,1fr);gap:22px;transform:rotateX(32deg) rotateZ(-16deg) translateY(-4%);transform-style:preserve-3d}
.wall__col{display:flex;flex-direction:column;gap:22px;animation:wallUp 70s linear infinite;will-change:transform}
.wall__col:nth-child(even){animation-direction:reverse;animation-duration:85s}
.wall__col img{width:100%;aspect-ratio:1200/685;object-fit:cover;border-radius:12px;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
@keyframes wallUp{to{transform:translateY(-50%)}}
.hero__shade{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(7,7,7,.55) 0%,rgba(7,7,7,.35) 30%,rgba(7,7,7,.82) 62%,#070707 100%),radial-gradient(70% 60% at 80% 20%,rgba(106,68,255,.35),transparent 70%)}
.hero__wave{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;mix-blend-mode:normal}
.hero__wave path{fill:none;stroke:var(--a);stroke-width:56;stroke-linecap:round}
.hero__copy{position:absolute;z-index:3;left:var(--pad);right:var(--pad);bottom:clamp(26px,6vh,70px)}
.hero__title{font:400 clamp(66px,11.2vw,214px)/.85 var(--disp);text-transform:uppercase;margin:18px 0 28px;letter-spacing:.003em}
.line{display:block;overflow:hidden;padding-bottom:.04em}.line>span{display:block}
.mb,.mb-line{display:none}
.hero__row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap}
.hero__sub{max-width:460px;color:rgba(244,244,244,.8);font-size:clamp(16px,1.25vw,19px)}
.hero__cta{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.hero__more{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;opacity:.7;transition:opacity .2s,color .2s}
.hero__more:hover{opacity:1;color:var(--a)}
.btn--lg{font-size:17px;padding:20px 30px}
.ticks{list-style:none;display:flex;gap:24px;flex-wrap:wrap;margin-top:30px;padding-top:20px;border-top:1px solid var(--line);font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(244,244,244,.7)}
.ticks li{display:flex;align-items:center;gap:9px}
.ticks li::before{content:"";width:12px;height:7px;border-left:2px solid var(--a);border-bottom:2px solid var(--a);transform:rotate(-45deg) translateY(-2px)}

/* VORHER/NACHHER im MacBook */
.rebuild{height:300vh;position:relative}
.rebuild__pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;grid-template-columns:1fr;align-content:center;justify-items:center;gap:18px;padding:96px var(--pad) 30px;text-align:center;
  background:radial-gradient(50% 50% at 50% 60%,rgba(106,68,255,.32),transparent 72%),var(--ink)}
.rebuild__head{display:contents}
.rebuild__head>*{position:relative;z-index:1}
.rebuild__head .label{justify-content:center}
.rebuild__head .h2{margin-top:0;font-size:clamp(40px,5.2vw,90px)}
.rebuild__sub{display:none}
.mac{position:relative;order:3;width:min(100%,calc((100svh - 330px) * 1.518),1180px);aspect-ratio:1530/1008;will-change:transform;margin-top:6px}
.mac__img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 50px 70px rgba(0,0,0,.75))}
.mac__screen{position:absolute;left:12.549%;top:3.075%;width:74.902%;height:73.611%;overflow:hidden;border-radius:1.2% 1.2% 0 0;background:#000;display:flex;flex-direction:column}
.mac__url{flex:none;height:5.2%;background:#1A1A1D;display:flex;align-items:center;padding:0 2%;font:400 max(7px,.95cqw)/1 var(--mono);color:#8A8A90;position:relative;container-type:inline-size}
.mac__url b{font-weight:400;position:absolute;left:3%;transition:opacity .3s;font-size:1.3cqw}
.url-new{opacity:0}
.screen{position:relative;flex:1;overflow:hidden;container-type:inline-size}
.log{order:4;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:1000px}
.log li{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:9px 14px;border-radius:99px;background:rgba(183,156,255,.08);box-shadow:inset 0 0 0 1px rgba(183,156,255,.35);display:flex;align-items:center;gap:8px;color:rgba(244,244,244,.4);transition:background .4s,color .4s}
.log li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--a)}
.log li.on{background:var(--grad);color:#fff;box-shadow:none}
.log li.on::before{background:#fff}

/* alte Seite */
.old{position:absolute;inset:0;background:#C9C9C9 repeating-linear-gradient(45deg,#cfcfcf 0 6px,#c4c4c4 6px 12px);font-family:"Times New Roman",Times,serif;color:#000;font-size:2.1cqw;padding:1.4cqw}
.old__top{display:flex;justify-content:space-between;align-items:flex-end;background:linear-gradient(#1a2fa0,#0b1660);color:#ff0;padding:1.6cqw 2cqw;border:.4cqw outset #8a9cff}
.old__logo{font:700 4.6cqw/1 "Comic Sans MS","Comic Sans",cursive;text-shadow:.3cqw .3cqw 0 #c00}
.old__logo small{display:block;font:italic 1.6cqw "Times New Roman",serif;color:#fff;text-shadow:none;margin-top:.6cqw}
.old__counter{font:1.6cqw "Courier New",monospace;color:#fff}.old__counter b{background:#000;color:#0f0;padding:0 .5cqw;letter-spacing:.2cqw}
.old__marquee{background:#ff0;color:#c00;font-weight:700;overflow:hidden;white-space:nowrap;border:.2cqw solid #000;margin:1cqw 0;font-size:1.9cqw}
.old__marquee span{display:inline-block;padding-left:100%;animation:marq 14s linear infinite}
@keyframes marq{to{transform:translateX(-100%)}}
.old__body{display:grid;grid-template-columns:22% 1fr;gap:1.4cqw}
.old__nav{list-style:none;background:#eee;border:.3cqw ridge #999;padding:1cqw}
.old__nav li{margin:.5cqw 0}.old__nav a{color:#00e;text-decoration:underline;font-size:1.9cqw}
.old__nav li:nth-child(4) a{color:#551a8b}
.old__main{background:#fff;border:.3cqw ridge #999;padding:1.4cqw 2cqw}
.old__main h2{font:700 3.4cqw "Comic Sans MS",cursive;color:#008000;text-align:center;margin-bottom:1cqw}
.old__main p{font-size:1.8cqw;line-height:1.3}
.old__new{color:red;font-weight:700;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.old__img{margin:1.2cqw auto;width:60%;height:9cqw;background:#ddd;border:.2cqw dashed #888;display:grid;place-items:center;color:#777;font-size:1.6cqw}
.old__small{font-size:1.35cqw!important;color:#666;text-align:center}
.old__uc{text-align:center;font:700 1.7cqw Arial;color:#000;background:#fc0;margin-top:1cqw;padding:.4cqw}

/* neue Seite */
.new{position:absolute;inset:0;background:#1d1a15;color:#F4F4F4;clip-path:inset(0 100% 0 0)}
.new__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.15);filter:brightness(.72)}
.new::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,7,.75),transparent 70%)}
.new__nav{position:absolute;z-index:2;inset:0 0 auto;display:flex;align-items:center;gap:3cqw;padding:3cqw 4cqw;font:400 1.5cqw var(--sans)}
.new__nav b{font:600 2.1cqw var(--sans);letter-spacing:-.02em;margin-right:auto}
.new__nav span{opacity:.8}
.new__nav em{font:500 1.4cqw var(--sans);background:#F4F4F4;color:#070707;padding:1cqw 1.8cqw;border-radius:99px}
.new__hero{position:absolute;z-index:2;left:4cqw;bottom:5cqw}
.new__hero small{font:500 1.2cqw var(--mono);letter-spacing:.1em;text-transform:uppercase;opacity:.75}
.new__hero strong{display:block;font:400 7.4cqw/.9 var(--disp);text-transform:uppercase;margin:1.4cqw 0 2.4cqw}
.new__hero strong i{font-style:normal;color:var(--a)}
.new__hero em{font:500 1.5cqw var(--sans);border:1px solid rgba(244,244,244,.5);padding:1.1cqw 2cqw;border-radius:99px}

.wipe{position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--a);z-index:5;box-shadow:0 0 30px 4px rgba(183,156,255,.8)}
.wipe__tag{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;background:var(--ink);color:#fff;border-radius:99px;font:500 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;overflow:hidden;box-shadow:0 0 0 1px rgba(183,156,255,.6)}
.wipe__tag{flex-direction:row-reverse}.wipe__tag b{font-weight:500;padding:9px 12px}.wipe__tag b:last-child{background:var(--grad)}

/* MANIFEST */
.manifest-wrap{position:relative}
.rebuild__wave{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.rebuild__wave path{fill:none;stroke:var(--a);stroke-width:58;stroke-linecap:round}
.rebuild__pin>*:not(.rebuild__wave){position:relative;z-index:1}
.manifest{position:relative;padding:clamp(110px,16vw,220px) var(--pad);max-width:1320px;margin:0 auto}
.manifest__text{margin-top:30px;font:500 clamp(30px,4vw,62px)/1.08 var(--sans);letter-spacing:-.035em}
.manifest__text .w{opacity:.18}
.manifest__text .w.hl{color:var(--a)}

/* WHAT */
.what{padding:clamp(90px,12vw,170px) var(--pad);max-width:1440px;margin:0 auto}
.what__head .h2{margin-top:22px}
.what__list{list-style:none;margin-top:clamp(40px,6vw,80px);border-top:1px solid var(--line)}
.what__list li{display:grid;grid-template-columns:90px minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,3vw,48px);align-items:baseline;padding:clamp(26px,3vw,42px) 0;border-bottom:1px solid var(--line);transition:background .4s}
.what__n{font:500 13px var(--mono);color:var(--a)}
.what__list h3{font:400 clamp(34px,4.2vw,68px)/.95 var(--disp);text-transform:uppercase;transition:color .3s}
.what__list p{color:rgba(244,244,244,.68);max-width:520px}
.what__list li:hover h3{color:var(--a)}

/* WORK */
.work{height:520vh;position:relative;background:var(--ink2)}
.work__pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(24px,4vw,64px);align-items:center;padding:90px var(--pad) 50px}
.work__head .h2{margin:22px 0 22px}
.work__note{max-width:340px;color:rgba(244,244,244,.62);font-size:15px}
.work__count{margin-top:44px;font:500 13px var(--mono);color:rgba(244,244,244,.5);display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.work__count b{font:400 64px/1 var(--disp);color:var(--paper);min-width:1.1em}
.work__cap{flex-basis:100%;margin-top:10px;color:var(--a);letter-spacing:.08em;text-transform:uppercase;font-size:12px}
.deck{position:relative;height:min(64vh,640px)}
.card{position:absolute;inset:0;margin:auto;width:100%;height:auto;aspect-ratio:1200/685;max-height:100%;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08);will-change:transform;background:#222}
.card img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.card{display:block;color:var(--paper);text-decoration:none}
.card__open{position:absolute;right:16px;bottom:16px;font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:10px 14px;border-radius:99px;background:rgba(7,7,7,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px rgba(183,156,255,.5);transition:background .3s,color .3s}
.card:hover .card__open{background:var(--grad);color:#fff}
.card:hover img{transform:scale(1.03)}

/* DEVICES */
.devices{position:relative;padding:clamp(100px,13vw,190px) var(--pad) clamp(80px,10vw,140px);overflow:hidden;
  background:radial-gradient(50% 50% at 50% 72%,rgba(106,68,255,.3),transparent 70%),var(--ink2)}
.devices__head{max-width:1300px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}
.devices__head .h2{margin-top:22px}
.devices__head p{max-width:400px;color:rgba(244,244,244,.7)}
.devices__stage{position:relative;max-width:1240px;margin:clamp(40px,6vw,80px) auto 0;aspect-ratio:16/9.2}
.dev{position:absolute;will-change:transform}
.dev__screen{position:absolute;overflow:hidden;background:#000}
.dev__screen img{width:100%;height:100%;object-fit:cover}
.dev--mac{left:14%;width:72%;top:0;aspect-ratio:1530/1008}
.dev__frame{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 40px 60px rgba(0,0,0,.7));z-index:1;pointer-events:none}
.dev--mac .dev__screen{left:12.549%;top:3.075%;width:74.902%;height:73.611%;z-index:2;border-radius:1.2% 1.2% 0 0}
.dev--tablet{left:1%;bottom:0;width:25%;padding:.9%;background:#1B1B1E;border-radius:7%/5.2%;box-shadow:0 50px 90px -30px rgba(0,0,0,.95),inset 0 0 0 2px #3a3a40;z-index:3}
.dev--tablet .dev__screen,.dev--phone .dev__screen{position:relative;inset:auto;width:100%}
.dev--tablet .dev__screen{aspect-ratio:820/1093;border-radius:3.5%/2.6%}
.dev--phone{right:2%;bottom:0;width:14%;padding:.6% .65%;background:#1B1B1E;border-radius:17%/8%;box-shadow:0 50px 90px -30px rgba(0,0,0,.95),inset 0 0 0 2px #3a3a40;z-index:3}
.dev--phone .dev__screen{aspect-ratio:390/844;border-radius:13%/6%}
.dev--phone::after{content:"";position:absolute;z-index:4;top:5.6%;left:50%;transform:translateX(-50%);width:28%;height:2.6%;border-radius:99px;background:#000}
.dev__screen img{object-position:top center}
.devices__chips{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:clamp(40px,5vw,70px) auto 0;max-width:900px}
.chip{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:10px 16px;border-radius:99px;box-shadow:inset 0 0 0 1px rgba(183,156,255,.4);color:var(--paper);display:flex;align-items:center;gap:8px}
.chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--a)}

/* HOW: helle Fläche */
.how-wrap{background:var(--paper);color:var(--ink)}
.how{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,6vw,100px);padding:clamp(100px,14vw,200px) var(--pad);max-width:1440px;margin:0 auto}
.how .label{color:#6b6b70}
.how__side{position:sticky;top:120px;align-self:start}
.how__side .h2{margin:22px 0}.how__note{max-width:360px;color:#3a3a3e}
.how__steps{list-style:none;border-top:1px solid var(--line-d)}
.step{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,60px);padding:clamp(34px,4vw,56px) 0;border-bottom:1px solid var(--line-d)}
.step__n{font:400 clamp(90px,12vw,180px)/.8 var(--disp);color:transparent;-webkit-text-stroke:1.5px var(--ink);transition:color .5s,-webkit-text-stroke-color .5s}
.step.is-on .step__n{color:var(--a2);-webkit-text-stroke-color:var(--a2)}
.step h3{font:600 clamp(24px,2.4vw,34px)/1.05 var(--sans);letter-spacing:-.03em;margin:6px 0 14px}
.step p{color:#3a3a3e;max-width:520px}

/* OFFER */
.offer{padding:clamp(80px,10vw,140px) var(--pad);max-width:1440px;margin:0 auto}
.offer__card{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);background:var(--grad);color:var(--ink);border-radius:28px;padding:clamp(30px,5vw,72px);position:relative;overflow:hidden}
.offer__card::before{content:"";position:absolute;width:70vw;height:70vw;right:-30vw;bottom:-40vw;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.28),transparent);pointer-events:none}
.offer__name{font:400 clamp(40px,4.6vw,72px)/.95 var(--disp);text-transform:uppercase;margin:22px 0 14px}
.offer__lead{color:rgba(7,7,7,.75);max-width:400px}
.offer__price{margin:40px 0 34px;display:flex;flex-direction:column;gap:10px}
.offer__price span{font:400 clamp(80px,10vw,150px)/.85 var(--disp)}
.offer__price small{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(7,7,7,.6)}
.offer__items{list-style:none;align-self:end;position:relative}
.offer__items li{padding:20px 0 20px 40px;border-bottom:1px solid rgba(7,7,7,.16);position:relative;font-size:clamp(16px,1.3vw,19px);font-weight:500}
.offer__items li::before{content:"";position:absolute;left:0;top:24px;width:20px;height:11px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-45deg) scale(.8)}
.btn--light{background:var(--ink);color:var(--paper)}
.promise{display:flex;align-items:center;gap:clamp(20px,4vw,50px);margin:clamp(40px,6vw,80px) auto 0;max-width:820px}
.promise__ring{width:clamp(110px,14vw,170px);flex:none;font:500 12.3px var(--mono);letter-spacing:.12em;fill:var(--a);animation:spin 26s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.promise p{font-size:clamp(18px,1.6vw,22px);line-height:1.4;color:rgba(244,244,244,.75)}
.promise strong{color:var(--paper);font-weight:600}

/* FAQ */
.faq{padding:clamp(60px,8vw,120px) var(--pad);max-width:1100px;margin:0 auto}
.faq .h2{margin:22px 0 40px}
.faq__list{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:26px 0;font:500 clamp(19px,1.8vw,25px)/1.2 var(--sans);letter-spacing:-.02em}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font:300 32px/.8 var(--sans);transition:transform .4s;color:var(--a)}
details[open] summary::after{transform:rotate(45deg)}
details p{padding:0 0 28px;max-width:680px;color:rgba(244,244,244,.68)}

/* START */
.start{background:var(--grad);color:var(--ink);padding:clamp(80px,12vw,180px) var(--pad)}
.start__inner{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);align-items:end}
.start__title{font:400 clamp(80px,12vw,210px)/.84 var(--disp);text-transform:uppercase}
.start__title em{color:var(--paper)}
.form{display:grid;gap:18px}
.form label{display:grid;gap:8px;font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.form input{font:500 19px var(--sans);background:transparent;border:0;border-bottom:1.5px solid rgba(7,7,7,.35);padding:10px 0;color:var(--ink);outline:0;border-radius:0;transition:border-color .2s}
.form input::placeholder{color:rgba(7,7,7,.45)}
.form input:focus{border-bottom-color:var(--ink)}
.form .btn--big{margin-top:14px;background:var(--ink);color:var(--paper)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form__fine{font-size:13px;opacity:.75}
.form__msg{font-weight:600;min-height:1.4em}

/* FOOTER */
.foot{background:var(--ink);color:var(--paper);padding:70px var(--pad) 30px;overflow:hidden}
.foot__big{width:96px;height:auto}
.foot__row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:50px;padding-top:22px;border-top:1px solid var(--line);font-size:14px;color:rgba(244,244,244,.6)}
.foot__row a{text-decoration:none}.foot__row a:hover{color:var(--a)}

/* Unterseiten */
.lg main{min-height:70vh}
.lg__hero{position:relative;padding:150px var(--pad) 50px;max-width:760px;margin:0 auto;box-sizing:content-box}
.lg__hero::before{content:"";position:absolute;z-index:-1;width:70vw;height:70vw;max-width:900px;max-height:900px;left:50%;top:-40%;transform:translateX(-30%);border-radius:50%;background:radial-gradient(closest-side,rgba(106,68,255,.35),transparent)}
.lg__back{display:inline-block;margin-bottom:34px;font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--mute);transition:color .2s}
.lg__back:hover{color:var(--a)}
.lg__hero h1{font:400 clamp(64px,10vw,160px)/.86 var(--disp);text-transform:uppercase;margin:18px 0 22px;background:linear-gradient(180deg,#fff 30%,var(--a));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lg__intro{max-width:520px;color:rgba(244,244,244,.7);font-size:18px}
.lg__body{max-width:1100px;margin:0 auto;padding:0 var(--pad) 120px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.lg__card{background:#111114;border:1px solid rgba(183,156,255,.16);border-radius:22px;padding:30px 30px 26px;transition:border-color .3s,transform .3s}
.lg__card:hover{border-color:rgba(183,156,255,.45);transform:translateY(-2px)}
.lg__card h2{font:400 30px/1 var(--disp);text-transform:uppercase;margin-bottom:16px;color:var(--paper)}
.lg__card p{color:rgba(244,244,244,.72);margin-bottom:10px}
.lg__card a{color:var(--a);text-decoration:none}
.lg__dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin-top:14px;font-size:15px}
.lg__dl dt{font:500 11px/1.9 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.lg__dl dd{color:var(--paper)}
.lg__plain{display:block;max-width:760px;box-sizing:content-box;padding-top:10px}
.lg__plain section{padding:0;margin:0 0 34px;border:0;background:none}
.lg__plain h2{font:600 22px var(--sans);text-transform:none;margin:0 0 10px;color:var(--paper)}
.lg__plain p,.lg__plain dd{color:rgba(244,244,244,.72)}
.lg__plain .lg__dl{grid-template-columns:auto 1fr;margin-top:10px}
@media (max-width:760px){.lg__body{grid-template-columns:1fr}.lg__hero{padding-top:120px}}

/* MOBIL */
@media (max-width:900px){
  .nav__links{display:none}
  .wall__tilt{grid-template-columns:repeat(3,1fr);gap:12px}
  .wall__col{gap:12px}
  .hero__title{margin:14px 0 18px;font-size:min(18.6vw,104px);line-height:.88}
  .hero__title .dk{display:none}
  .hero__title .mb{display:inline}
  .hero__title .mb-line{display:block}
  .hero__sub{font-size:15px}
  .hero__row{gap:20px}
  .rebuild__wave path{stroke-width:34}
  .rebuild__wave{left:0;width:100%;top:36%;height:36%;bottom:auto}
  .ticks{gap:14px;margin-top:22px;padding-top:16px;font-size:11px}
  .rebuild{height:260vh}
  .rebuild__pin{padding-top:80px}
  .rebuild__head .h2{font-size:clamp(38px,11vw,56px)}
  .mac{width:100%;margin-top:8px}
  .log{gap:8px;margin-top:6px}
  .log li{padding:7px 11px;font-size:10.5px;gap:7px}

  .work{height:480vh}
  .work__pin{grid-template-columns:1fr;align-content:center;gap:20px;padding-top:80px}
  .work__head .h2{margin:14px 0 12px}
  .work__note{font-size:14px}
  .work__count{margin-top:16px}.work__count b{font-size:44px}
  .deck{height:min(48vh,340px)}
  .devices__stage{aspect-ratio:16/12}
  .dev--mac{left:0;width:100%}
  .dev--tablet{width:34%;left:0;padding:1.2%}
  .dev--phone{width:20%;right:0;padding:.85% .9%}
  .what__list li{grid-template-columns:1fr;gap:10px}
  .how{grid-template-columns:1fr}
  .how__side{position:static}
  .offer__card{grid-template-columns:1fr}
  .promise{flex-direction:column;text-align:center}
  .start__inner{grid-template-columns:1fr}
}
@media (max-width:900px) and (max-height:760px){.hero__sub{display:none}}
@media (max-height:720px) and (min-width:901px){.ticks{display:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}