.hero{background:var(--night);color:var(--on-night);position:relative;overflow:hidden}.stage{min-height:100svh;padding:clamp(104px,14vh,150px) var(--gutter) clamp(56px,9vh,110px);--p:1;--c:clamp(0,(var(--p) - .3)*6,1);--ph:clamp(0,(var(--p) - .66)*5,1);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,5vw,88px);max-width:1560px;margin-inline:auto;display:grid;position:relative}.js .stage{--p:0}.hero-glow{width:75vw;height:75vw;opacity:calc(.3 + .7*var(--c));pointer-events:none;background:radial-gradient(closest-side,#c9a45c24,#286e5529 45%,#0f2a2200 75%);border-radius:50%;position:absolute;top:50%;right:-12%;transform:translateY(-50%)}.hero-copy{z-index:1;position:relative}.hero-h em{letter-spacing:-.01em;font-family:Instrument Serif,Georgia,serif;font-size:1.08em;font-style:italic;font-weight:400}.hero-h{letter-spacing:-.025em;margin-bottom:.34em;font-size:clamp(2.7rem,4.5vw,4.9rem);line-height:.96}.hero-sub{color:var(--on-night-2);max-width:36ch;margin-bottom:2rem;font-size:clamp(1.05rem,1.25vw,1.22rem)}.hero-cta{flex-wrap:wrap;gap:12px;display:flex}.trust{color:var(--on-night);border-top:1px solid #f2efe724;flex-wrap:wrap;gap:10px 26px;margin-top:2.4rem;padding-top:1.6rem;font-size:.95rem;display:flex}.trust li{align-items:center;gap:9px;display:flex}.trust svg{fill:none;width:16px;height:16px;stroke:var(--gold);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.js .hero-copy>*{animation:rise .9s var(--ease-out) both}.js .hero-copy>:nth-child(2){animation-delay:80ms}.js .hero-copy>:nth-child(3){animation-delay:.16s}.js .hero-copy>:nth-child(4){animation-delay:.24s}@keyframes rise{0%{opacity:.001;transform:translateY(14px)}to{opacity:1;transform:none}}.mock-wrap{justify-self:end;width:100%;max-width:min(980px,162vh - 405px);margin-bottom:4%;position:relative}.mock-browser{background:#0a1f18;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #f2efe714,0 40px 90px -30px #000000b3}.mock-bar{height:30px;color:var(--on-night-2);background:#173a2f;align-items:center;gap:6px;padding:0 12px;display:flex}.mock-bar i{background:#f2efe733;border-radius:50%;width:9px;height:9px}.mock-bar span{letter-spacing:.08em;text-transform:none;margin-left:10px;font-size:.62rem}.mock-vp{aspect-ratio:1200/700;position:relative;overflow:hidden}.mock-browser .mock{width:1200px;height:700px;transform:scale(var(--ms,.6));transform-origin:0 0;position:absolute;top:0;left:0}.mock{--mk-bg:#f3f0ea;--mk-ink:#1d2b26;--mk-soft:#5d6a64;--mk-accent:#2f5d50;--mk-awning-2:#f3f0ea;--mk-sky:#dce3df;--mk-facade:#cfc5b6;--mk-upper:#a7b4b0;--mk-door:#2f5d50;--mk-ground:#bdb3a4;--mk-plant:#4e7a5b;--mk-pot:#b8835a;background:var(--mk-bg);color:var(--mk-ink);font-family:var(--f-body);transition:background-color .7s var(--ease-out),color .7s var(--ease-out)}.mock[data-theme=cafe]{--mk-bg:#f7efe4;--mk-ink:#3a2a1e;--mk-soft:#7a6454;--mk-accent:#b1602b;--mk-awning-2:#f7efe4;--mk-sky:#ead9c4;--mk-facade:#d9c2a5;--mk-upper:#c4a98a;--mk-door:#6b4630;--mk-ground:#c9b093;--mk-plant:#6e8a4e;--mk-pot:#9c5a32}.mock[data-theme=praxis]{--mk-bg:#f1f5f7;--mk-ink:#17293b;--mk-soft:#56687a;--mk-accent:#2e6a9e;--mk-awning-2:#f1f5f7;--mk-sky:#dce7ee;--mk-facade:#e4e9ec;--mk-upper:#b9ccd8;--mk-door:#2e6a9e;--mk-ground:#c5cfd6;--mk-plant:#5e8c6a;--mk-pot:#9fb3c1}.mock[data-theme=nagel]{--mk-bg:#f8efef;--mk-ink:#3b2329;--mk-soft:#7d5e64;--mk-accent:#b25a6f;--mk-awning-2:#f8efef;--mk-sky:#efdcdc;--mk-facade:#e6d2cf;--mk-upper:#d2b3b3;--mk-door:#7a3b4b;--mk-ground:#d4bebb;--mk-plant:#7f9a6b;--mk-pot:#c98e8e}.mock[data-theme=kosmetik]{--mk-bg:#eff2ec;--mk-ink:#243128;--mk-soft:#5f6d62;--mk-accent:#5e7550;--mk-awning-2:#eff2ec;--mk-sky:#dde5d8;--mk-facade:#d5dccd;--mk-upper:#b5c2aa;--mk-door:#3f5236;--mk-ground:#bfc7b5;--mk-plant:#56794a;--mk-pot:#a98c6c}.mk-img svg *{transition:fill .7s var(--ease-out),stroke .7s var(--ease-out)}.mk-t{transition:opacity .28s var(--ease-out)}.mock.swap .mk-t{opacity:0}.mk-dark{z-index:2;pointer-events:none;height:104%;transform:translate3d(0,calc(var(--c)*-104%),0);background-color:#0e251d;background-image:linear-gradient(#b9c4bc14 1px,#0000 1px),linear-gradient(90deg,#b9c4bc14 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:40px 40px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;position:absolute;top:-2%;left:0;right:0}.mk-dark:after{content:"";background:repeating-linear-gradient(#24473a 0 5px,#173a2f 5px 9px);height:26px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 10px 30px #00000059}.mk-el{--w:clamp(0,(var(--p) - var(--wa))*9,1);--f:clamp(0,(var(--p) - var(--fa))*8,1);position:relative}.mk-wire{z-index:3;opacity:calc(var(--w)*(1 - var(--f)));transform:scale(calc(.97 + .03*var(--w)));pointer-events:none;background:#beccc20f;border:2px dashed #beccc2f2;border-radius:8px;position:absolute;inset:-6px}.mk-in{opacity:var(--f);transform:translateY(calc((1 - var(--f))*10px))}.mk-nav{height:48px;position:absolute;top:28px;left:56px;right:56px}.mk-nav .mk-in{align-items:center;gap:40px;height:100%;display:flex}.mk-logo{font-family:var(--f-display);align-items:center;gap:12px;font-size:22px;font-weight:700;display:flex}.mk-logo i{background:var(--mk-accent);width:30px;height:30px;transition:background-color .7s var(--ease-out);border-radius:8px}.mk-links{color:var(--mk-soft);gap:28px;margin-left:auto;font-size:16px;display:flex}.mk-links i{font-style:normal}.mk-btn{background:var(--mk-accent);color:#fff;white-space:nowrap;height:52px;transition:background-color .7s var(--ease-out),opacity .28s var(--ease-out);border-radius:999px;align-items:center;padding:0 26px;font-size:17px;font-weight:600;display:inline-flex}.mk-btn-sm{height:42px;padding:0 20px;font-size:15px}.mk-hero{grid-template-columns:600px 1fr;gap:48px;height:390px;display:grid;position:absolute;top:120px;left:56px;right:56px}.mk-copy{padding-top:30px}.mk-kicker{color:var(--mk-soft);margin:0 0 14px;font-size:17px;font-weight:500}.mk-h{font-family:var(--f-display);letter-spacing:-.015em;margin:0 0 20px;font-size:62px;font-weight:700;line-height:1}.mk-type{color:var(--mk-accent);transition:color .7s var(--ease-out),opacity .28s var(--ease-out)}.mk-p{color:var(--mk-soft);max-width:30em;margin:0 0 26px;font-size:19px;line-height:1.5}.mk-actions .mk-in{align-items:center;gap:22px;display:flex}.mk-link{border-bottom:2px solid;font-size:17px;font-weight:600}.mk-chips{margin-top:26px}.mk-chips .mk-in{gap:10px;display:flex}.mk-chip{background:#ffffffb3;border:1px solid #00000014;border-radius:999px;align-items:center;gap:8px;height:34px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.mk-open i{background:#3e9b6a;border-radius:50%;width:8px;height:8px}.mk-img{border-radius:18px;overflow:hidden}.mk-img .mk-in{border-radius:18px;height:100%;overflow:hidden}.mk-img svg{width:100%;height:100%}.mk-window{filter:drop-shadow(0 0 18px #f2be688c)}.mk-cards{grid-template-columns:repeat(3,1fr);gap:22px;display:grid;position:absolute;top:540px;left:56px;right:56px}.mk-card .mk-in{background:#ffffffb8;border:1px solid #00000012;border-radius:14px;justify-content:space-between;align-items:baseline;padding:24px 26px;font-size:18px;display:flex}.mk-card b{font-family:var(--f-display);font-size:22px}.mk-card span{color:var(--mk-soft);font-family:var(--f-mono);font-size:14px}.mock-phone{aspect-ratio:9/18.5;width:23%;min-width:150px;opacity:var(--ph);transform:translate3d(calc((1 - var(--ph))*40px),calc((1 - var(--ph))*60px),0);background:#081a14;border-radius:26px;padding:7px;position:absolute;bottom:-12%;right:-4%;box-shadow:0 0 0 1px #f2efe71a,0 30px 60px -20px #000000b3;container-type:inline-size}.mock-m{border-radius:20px;flex-direction:column;gap:5cqw;height:100%;padding:0 8cqw 8cqw;display:flex;overflow:hidden}.mkm-img{background:linear-gradient(180deg,var(--mk-sky) 0 30%,var(--mk-facade) 30%);height:44%;margin:0 -8cqw;transition:background .7s;position:relative}.mkm-img:before{content:"";background:repeating-linear-gradient(90deg,var(--mk-accent) 0 9%,var(--mk-awning-2) 9% 18%);height:12%;position:absolute;top:40%;left:14%;right:14%}.mkm-img:after{content:"";background:radial-gradient(circle at 50% 45%,#ffe3a8,#f2be68 60%,#d99a45);border-radius:4px;width:44%;position:absolute;top:60%;bottom:8%;left:18%;box-shadow:0 0 14px #f2be6899}.mkm-k{color:var(--mk-soft);margin:0;font-size:5.2cqw;font-weight:500}.mkm-h{font-family:var(--f-display);margin:0;font-size:10cqw;font-weight:700;line-height:1.02}.mkm-h .mk-t{color:var(--mk-accent)}.mock-m .mk-btn{align-self:flex-start;height:16cqw;padding:0 7cqw;font-size:6cqw}.mock-m .mk-chip{align-self:flex-start;height:12cqw;padding:0 5cqw;font-size:5cqw}.build{align-items:center;gap:20px;min-height:32px;margin-top:22px;display:flex}.build-steps{gap:6px;margin:0;padding:0;list-style:none;display:flex}.build-steps li{color:var(--on-night-2);transition:color .4s var(--ease-out),border-color .4s var(--ease-out),background-color .4s var(--ease-out);border:1px solid #f2efe724;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 10px;display:flex}.build-steps li:before{content:"";opacity:.45;background:currentColor;border-radius:50%;width:7px;height:7px;transition:opacity .4s,background-color .4s}.build-steps li.on{color:var(--on-night);border-color:#c9a45c80}.build-steps li.on:before{opacity:1;background:var(--gold)}.build-live{color:var(--on-night-2);opacity:0;transition:opacity .6s var(--ease-out);align-items:center;gap:9px;margin:0;display:flex}.build.done .build-live{opacity:1}.build.done .build-steps{display:none}.mock-dot{background:var(--gold);border-radius:50%;width:7px;height:7px;position:relative}.mock-dot:after{content:"";animation:ping 2.4s var(--ease-out) infinite;background:#c9a45c8c;border-radius:50%;animation-delay:-.8s;position:absolute;inset:0}@keyframes ping{0%{opacity:1;transform:scale(1)}70%,to{opacity:0;transform:scale(3.571)}}.replay{color:var(--on-night-2);cursor:pointer;text-underline-offset:.25em;transition:color .3s var(--ease-out);background:0 0;border:0;padding:6px 0;text-decoration:underline}.replay:hover{color:var(--on-night)}@media (width<=1100px){.stage{grid-template-columns:minmax(0,1fr);align-items:start;padding-top:clamp(112px,14vh,140px)}.mock-wrap{justify-self:start;max-width:760px;margin-bottom:10%}}@media (width<=720px){.hero-cta .btn{flex:auto}.mock-phone{width:27%;min-width:0;bottom:-10%;right:-1%}.trust{gap:10px 18px}.build{margin-top:34px}}.mk-star{fill:#e0a93a;width:13px;height:13px}.mock-m .mk-star{width:4.6cqw;height:4.6cqw}@media (prefers-reduced-motion:reduce){.stage{--p:1!important}}.build-live a{color:var(--on-night);transition:text-decoration-color .3s var(--ease-out);text-decoration-color:#f2efe773}.build-live a:hover{text-decoration-color:var(--gold)}.ueber-grid{grid-template-columns:minmax(0,4fr) minmax(0,6fr);align-items:center;gap:clamp(40px,7vw,120px);display:grid}.portrait{margin:0}.portrait-frame{aspect-ratio:4/5;background:linear-gradient(160deg,#1b4034,#0f2a22);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #0a1f188c}.portrait-frame img{object-fit:cover;width:100%;height:100%}.portrait-ph{color:var(--on-night-2);place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0}.portrait-ph .logo-icon{--s:64px;--icon-bg:#f2efe7;--icon-fg:#184437}@keyframes breathe{0%{opacity:.18}to{opacity:.55}}.portrait figcaption{color:var(--text-secondary);margin-top:14px}.ueber-text p{max-width:48ch;font-size:clamp(1.05rem,1.2vw,1.18rem)}.facts{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:2.2rem 0 0;padding-top:1.6rem;display:grid}.facts dt{color:var(--text-secondary);margin-bottom:6px}.facts dd{font-family:var(--f-display);margin:0;font-size:1.15rem;font-weight:600;line-height:1.25}@media (width<=960px){.ueber-grid{grid-template-columns:minmax(0,1fr)}.portrait{max-width:380px}}@media (width<=560px){.facts{grid-template-columns:minmax(0,1fr);gap:14px}}