:root{--white: #ffffff;--bg: #fbfaf6;--bg-deep: #f5f3ef;--panel: #efece6;--ink: #0a0a0c;--ink-soft: #2a2a2e;--muted: #6b6b70;--line: #dcd9d2;--orange: #e8541a;--orange-dp: #cf4715;--orange-soft: rgba(232, 84, 26, .08);--display: "Bricolage Grotesque", Verdana, sans-serif;--font: Verdana, Geneva, Tahoma, "DejaVu Sans", sans-serif;--hand: "Caveat", cursive;--mono: "JetBrains Mono", "Roboto Mono", monospace;--r-control: 12px;--r-card: 20px;--r-media: 20px;--shadow-accent: 0 14px 30px -12px rgba(232, 84, 26, .42);--z-nav: 100}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--white);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{max-width:1240px;margin:0 auto;padding-inline:clamp(20px,5vw,56px)}.wrap--narrow{max-width:760px}.dot{color:var(--orange)}.site{--c-bg: var(--bg-deep);--c-bg2: var(--white);--c-panel: var(--panel);--c-ink: var(--ink);--c-soft: var(--ink-soft);--c-muted: var(--muted);--c-line: var(--line);min-height:100svh;display:flex;flex-direction:column;background:var(--c-bg);color:var(--c-ink)}.site.tech{--c-bg: #050507;--c-bg2: #0b0b0f;--c-panel: #101014;--c-ink: #f2f2f4;--c-soft: #c9c9cf;--c-muted: #8a8a90;--c-line: #26262b}@media (prefers-reduced-motion: no-preference){.site.anim,.site.anim .nav,.site.anim .footer,.site.anim section,.site.anim h1,.site.anim h2,.site.anim h3,.site.anim p,.site.anim li,.site.anim dt,.site.anim dd,.site.anim a,.site.anim pre,.site.anim summary,.site.anim .code-card{transition:background-color .9s ease,color .9s ease,border-color .9s ease}}.t-hero{font-family:var(--display);font-size:clamp(2.6rem,6.4vw,4.9rem);font-weight:800;line-height:1.02;letter-spacing:-.03em;font-variation-settings:"opsz" 96;color:var(--c-ink, var(--ink));text-wrap:balance;margin:0}.t-section{font-family:var(--display);font-size:clamp(1.9rem,4vw,3rem);font-weight:800;line-height:1.06;letter-spacing:-.025em;font-variation-settings:"opsz" 48;color:var(--c-ink, var(--ink));text-wrap:balance;margin:0}.t-sub{font-family:var(--display);font-size:clamp(1.15rem,1.9vw,1.45rem);font-weight:700;letter-spacing:-.015em;font-variation-settings:"opsz" 24;color:var(--c-ink, var(--ink));margin:0}.t-lead{font-size:clamp(15.5px,1.4vw,17px);font-weight:400;line-height:1.65;color:var(--c-soft, var(--ink-soft));max-width:56ch;margin:0}.t-body{font-size:clamp(14.5px,1.25vw,16px);font-weight:400;line-height:1.7;color:var(--c-soft, var(--ink-soft));max-width:60ch;margin:0}.t-body strong{font-weight:700;color:var(--c-ink, var(--ink))}.t-micro{font-size:12.5px;line-height:1.6;color:var(--c-muted, var(--muted));margin:0}.t-hand{font-family:var(--hand);font-weight:600;font-size:clamp(22px,2.6vw,30px);line-height:1.2;color:var(--orange);transform:rotate(-1.2deg);text-wrap:balance;margin:0}.t-label{font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--c-muted, var(--muted))}.story-body{margin-top:clamp(30px,4vh,44px);display:grid;gap:1.4em}.story-quote{margin:clamp(14px,2vh,22px) 0}.link{color:var(--c-ink, var(--ink));font-weight:700;border-bottom:2px solid var(--orange);transition:color .15s ease}.link:hover{color:var(--orange)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font);font-weight:700;font-size:14.5px;letter-spacing:0;border:none;border-radius:var(--r-control);padding:15px 26px;cursor:pointer;transition:transform .15s ease,background .15s ease,color .15s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.98)}.btn:disabled{opacity:.6;cursor:wait;transform:none}.btn-orange{background:var(--orange);color:var(--white)}.btn-orange:hover{background:var(--orange-dp);color:var(--white)}.btn-dark{background:var(--ink);color:var(--white)}.btn-dark:hover{background:var(--ink-soft);color:var(--white)}.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}.capture{max-width:440px}.capture-row{display:flex;flex-direction:column;gap:10px}.capture input[type=email]{flex:1;min-width:0;font-family:var(--font);font-size:16px;color:var(--ink);background:var(--white);border:1.5px solid var(--line);border-radius:var(--r-control);padding:15px 18px;transition:border-color .15s ease,box-shadow .15s ease}.capture input[type=email]::placeholder{color:var(--muted)}.capture input[type=email]:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-soft)}.capture .btn{width:100%;white-space:nowrap}.capture-micro{margin-top:12px;font-size:12.5px;line-height:1.6;color:var(--muted)}.capture-micro strong{color:var(--ink-soft);font-weight:700}.capture .err{margin:10px 0 0;font-size:13px;color:var(--orange-dp)}.field{display:grid;gap:8px}.field label{font-size:13.5px;font-weight:700;color:var(--ink)}.field .error{font-size:13px;color:var(--orange-dp)}.cutout{height:auto}.capture-flanked{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,56px)}.capture-flanked .flank{width:clamp(150px,16vw,240px);height:auto;justify-self:end;pointer-events:none;-webkit-user-select:none;user-select:none}.capture-flanked .flank--right{justify-self:start}.capture-flanked .capture{margin-inline:auto;width:100%}@media (max-width: 920px){.capture-flanked{grid-template-columns:minmax(0,1fr)}.capture-flanked .flank{display:none}}.card{background:var(--c-bg2);border-radius:var(--r-card);padding:clamp(22px,3vw,32px)}.slot{background:var(--c-panel);border:1.5px dashed var(--c-line);border-radius:var(--r-card);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px;min-height:120px}.preis-card{background:var(--c-bg2);border-radius:var(--r-card);padding:clamp(28px,4vw,56px)}.preis-card .t-section{max-width:22ch}.preis-nach{margin-top:clamp(26px,4vh,38px);display:grid;gap:1em;max-width:68ch}.preis-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(36px,6vw,88px);align-items:start;margin-top:clamp(30px,4vh,44px)}.preis-amount{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.preis-amount .ab{font-size:16px;color:var(--muted)}.preis-amount .chf{font-family:var(--display);font-size:clamp(2.6rem,5vw,4rem);font-weight:800;letter-spacing:-.03em;line-height:1;font-variation-settings:"opsz" 72}.preis-amount .once{font-size:13.5px;color:var(--muted)}.preis-incl{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:10px}.preis-incl li{display:flex;gap:10px;align-items:baseline;font-size:14.5px;color:var(--ink-soft)}.preis-incl li:before{content:"✓";color:var(--orange);font-weight:700;font-size:12px}.preis-fine{margin-top:20px;font-size:12.5px;color:var(--muted);max-width:46ch;line-height:1.6}.warum{border-top:2px solid var(--ink);padding-top:20px}.warum h3{font-family:var(--display);font-size:19px;font-weight:700;margin:0 0 10px}.warum p{margin:0;font-size:14px;line-height:1.7;color:var(--ink-soft)}.warum .rechnung{margin-top:22px;display:grid;gap:10px}.warum .rechnung div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:10px}.warum .rechnung dt{font-size:13.5px;color:var(--ink-soft)}.warum .rechnung dd{font-family:var(--mono);font-size:13px;margin:0;white-space:nowrap}.warum .rechnung .sum dt{font-weight:700;color:var(--ink)}.warum .rechnung .sum dd{color:var(--orange)}.warum .t-micro{margin-top:14px}@media (max-width: 900px){.preis-grid{grid-template-columns:minmax(0,1fr)}}.steps{counter-reset:schritt;list-style:none;margin:clamp(24px,3vh,34px) 0 0;padding:0}.steps li{counter-increment:schritt;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:clamp(14px,2.5vw,24px);row-gap:6px;border-top:1px solid var(--line);padding:clamp(18px,2.4vh,24px) 0}.steps li:last-child{border-bottom:1px solid var(--line)}.steps li:before{content:counter(schritt,decimal-leading-zero);grid-row:1 / span 2;font-family:var(--mono);font-size:12.5px;color:var(--orange);padding-top:5px}.steps b{font-family:var(--display);font-size:19px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.steps span{font-size:14.5px;line-height:1.7;color:var(--ink-soft);max-width:60ch}.closing{text-align:center}.closing .t-section,.closing .t-lead{margin-inline:auto}.closing .t-lead{margin-top:18px}.closing .wrap>.btn{margin-top:28px}.closing .t-micro{margin-top:18px}.closing .mail{color:var(--orange);font-weight:700}.section{padding:clamp(40px,4.5vh,60px) 0}.hairline{border:none;border-top:1px solid var(--line);margin:0}.page-hero{padding:clamp(44px,6vh,72px) 0 clamp(32px,4vh,52px);text-align:center}.page-hero .t-hero{max-width:22ch;margin-inline:auto}.page-hero .t-lead{margin:22px auto 0}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(20px,5vw,56px);position:relative;z-index:var(--z-nav)}.wordmark{font-family:var(--display);font-weight:800;font-size:19px;letter-spacing:-.02em;white-space:nowrap;color:var(--c-ink)}.wordmark:hover .dot{color:var(--orange-dp)}.nav-links{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}.nav-links a{font-size:13px;color:var(--c-soft)}.nav-links a:hover,.nav-links a.active{color:var(--orange)}.nav-right{display:flex;align-items:center;gap:16px}.nav-cta{display:inline-flex;align-items:center;font-family:var(--font);font-weight:700;font-size:13px;color:var(--white);background:var(--orange);padding:10px 18px;border-radius:999px;white-space:nowrap;transition:background .15s ease,transform .15s ease}.nav-cta:hover{background:var(--orange-dp);color:var(--white);transform:translateY(-1px)}.nav-cta:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.mobile-menu .nav-cta{font-size:17px;padding:14px 28px;margin-top:10px}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.hamburger span{display:block;width:22px;height:2px;background:var(--c-ink);border-radius:2px;transition:all .25s ease}.mobile-menu{display:none;position:fixed;inset:0;z-index:200;background:var(--bg-deep);flex-direction:column;align-items:center;justify-content:center;gap:28px;opacity:0;pointer-events:none;transition:opacity .25s ease}.mobile-menu.open{opacity:1;pointer-events:all}.mobile-menu .menu-link{font-family:var(--display);font-size:28px;font-weight:700;color:var(--ink);letter-spacing:-.02em;transition:color .15s}.mobile-menu .menu-link:hover{color:var(--orange)}.mobile-menu-close{position:absolute;top:24px;right:24px;background:none;border:none;cursor:pointer;color:var(--ink);display:flex;align-items:center;justify-content:center;padding:8px}@media (max-width: 800px){.nav-links,.nav-right .nav-cta{display:none}.hamburger,.mobile-menu{display:flex}}.footer{background:var(--c-panel);border-top:1px solid var(--c-line);padding:44px 0 52px;margin-top:auto}.foot-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr);gap:36px clamp(32px,6vw,88px);align-items:start}.foot-brand{display:grid;gap:14px;justify-items:start}.footer .wordmark{font-size:16px}.foot-claim{margin:0;font-size:13px;line-height:1.6;color:var(--c-muted);max-width:30ch}.foot-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px clamp(20px,3vw,48px)}.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.footer a{font-size:13px;color:var(--c-muted)}.footer a:hover,.footer .wordmark:hover{color:var(--c-ink)}@media (max-width: 760px){.foot-grid{grid-template-columns:minmax(0,1fr)}.foot-nav{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@keyframes rise{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}.rise{animation:rise .9s cubic-bezier(.22,1,.36,1)}@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){.reveal{animation:rise linear backwards;animation-timeline:view();animation-range:entry 5% entry 40%}}}@media (prefers-reduced-motion: reduce){.rise,.reveal{animation:none!important}}