:root{--bg:oklch(9.5% .014 268);--surface:oklch(13.5% .016 268);--surface-2:oklch(17.5% .018 268);--accent:oklch(55% .27 268);--accent-dim:oklch(65% .22 268);--fg:oklch(95% .008 268);--fg-muted:oklch(68% .012 268);--fg-subtle:oklch(48% .01 268);--border:oklch(95% .008 268/.08);--border-2:oklch(95% .008 268/.16);--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-7:1.75rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--sp-24:6rem;--sp-32:8rem;--radius:3px;--radius-md:6px;--nav-h:68px;--container:1200px;--section-space:4.35rem;--section-space-sm:2.85rem;--section-space-lg:5.5rem;--section-space-mobile:3rem;--hero-min:78svh;--hero-inner-min:42svh;--hero-space-top:var(--sp-10);--hero-space-btm:var(--sp-12);--ease-expo:cubic-bezier(.16, 1, .3, 1);--ease-quart:cubic-bezier(.25, 1, .5, 1);--t-fast:.14s var(--ease-quart);--t-base:.28s var(--ease-quart);--t-slow:.56s var(--ease-expo)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;max-width:100%;font-size:16px;overflow-x:hidden}body{background-color:var(--bg);color:var(--fg);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Bricolage Grotesque,system-ui,sans-serif;font-weight:350;line-height:1.6;overflow-x:hidden}#root{max-width:100%;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.app-shell{min-height:100svh;position:relative}.app-content{z-index:1;position:relative}.site-background{z-index:0;pointer-events:none;background:#161b2a;position:fixed;inset:0;overflow:hidden}.site-background-glow{filter:blur(28px);background:radial-gradient(42% 32% at 12% 8%,oklch(56% .2 268/.035),#0000 72%),radial-gradient(34% 28% at 92% 32%,oklch(62% .15 302/.032),#0000 70%),radial-gradient(34% 26% at 78% 92%,oklch(68% .11 210/.026),#0000 74%);position:absolute;inset:0}.site-background-shapes{position:absolute;inset:0}.background-ambient{pointer-events:none;will-change:transform, opacity;position:absolute}.background-ambient-float{border-radius:inherit;position:absolute;inset:0}.background-orb .background-ambient-float{background:radial-gradient(circle at 35% 30%,oklch(95% .008 268/.075),#0000 34%),linear-gradient(145deg,oklch(95% .008 268/.038),#0000 64%);border:1px solid oklch(95% .008 268/.14);border-radius:999px;box-shadow:inset 0 0 28px oklch(95% .008 268/.038)}.background-orb-large{aspect-ratio:1;width:min(280px,34vw);top:36%;right:-112px}.background-orb-small{aspect-ratio:1;width:96px;bottom:10%;left:7%}.background-orb-large .background-ambient-float{background:radial-gradient(circle at 34% 30%,oklch(95% .008 268/.055),#0000 34%),linear-gradient(145deg,oklch(95% .008 268/.028),#0000 66%);border-color:oklch(95% .008 268/.12);box-shadow:inset 0 0 26px oklch(95% .008 268/.03)}.background-orb-small .background-ambient-float{border-color:oklch(95% .008 268/.16);box-shadow:inset 0 0 24px oklch(95% .008 268/.045)}.background-line{transform-origin:50%;width:min(340px,34vw);height:1px}.background-line .background-ambient-float{filter:none;background:linear-gradient(90deg,#0000,oklch(95% .008 268/.16),#0000)}.background-line-one{top:18%;right:4%}.background-line-accent{width:180px;top:9%;left:6%}.background-line-accent .background-ambient-float{background:linear-gradient(90deg,#0000,oklch(72% .12 210/.16),#0000)}.background-panel{width:min(245px,24vw);height:116px}.background-panel .background-ambient-float{-webkit-backdrop-filter:blur(1.5px);background:linear-gradient(135deg,oklch(95% .008 268/.06),oklch(95% .008 268/.018)),radial-gradient(circle at 18% 18%,oklch(95% .008 268/.08),#0000 32%);border:1px solid oklch(95% .008 268/.14);border-radius:8px;box-shadow:0 14px 36px oklch(0% 0 0/.14),inset 0 1px oklch(95% .008 268/.1)}.background-panel-one{bottom:12%;right:17%}.background-shape{will-change:transform, opacity;position:absolute}.background-shape-float{width:min(var(--shape-width), 82vw);height:var(--shape-height);will-change:transform;position:relative}.background-shape-surface{background:linear-gradient(90deg, var(--shape-gradient), transparent);-webkit-backdrop-filter:blur(1px);border:2px solid oklch(95% .008 268/.2);border-radius:999px;position:absolute;inset:0;box-shadow:0 8px 26px oklch(95% .008 268/.12)}.background-shape-surface:after{content:"";border-radius:inherit;background:radial-gradient(circle,oklch(95% .008 268/.22),#0000 70%);position:absolute;inset:0}.background-shape-one .background-shape-surface{border-color:oklch(95% .008 268/.18);box-shadow:0 8px 24px oklch(95% .008 268/.1)}.background-shape-two .background-shape-surface{border-color:oklch(95% .008 268/.24);box-shadow:0 10px 30px oklch(95% .008 268/.14)}.background-shape-three .background-shape-surface{border-color:oklch(95% .008 268/.17);box-shadow:0 8px 24px oklch(95% .008 268/.09)}.background-shape-one{top:16%;left:-12%}.background-shape-two{top:14%;right:11%}.background-shape-three{bottom:5%;right:-16%}.site-background-vignette{background:linear-gradient(to top, var(--bg), transparent 42%, oklch(15.5% .03 268/.65));position:absolute;inset:0}@media (width>=768px){.background-shape-one{top:18%;left:-8%}.background-shape-two{top:14%;right:12%}.background-shape-three{bottom:5%;right:-12%}}@media (width<=767px){.background-shape-mobile-hidden{display:none}.background-orb-large{width:170px;top:35%;right:-102px}.background-orb-small{width:72px;bottom:14%;left:-22px}.background-shape-one{top:13%;left:-34%}.background-shape-two{top:18%;right:-18%}}@media (prefers-reduced-motion:reduce){.background-shape,.background-shape-float,.background-ambient{will-change:auto}}#scroll-progress{background:var(--accent);z-index:9999;width:0%;height:1px;transition:width .1s linear;position:fixed;top:0;left:0}h1,h2,h3,h4{font-optical-sizing:auto;letter-spacing:-.03em;color:var(--fg);text-wrap:balance;line-height:1.05}h1{font-size:clamp(2.8rem,8.5vw,7rem);font-weight:780}h2{font-size:clamp(1.9rem,4.5vw,3.5rem);font-weight:720}h3{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:660}h4{letter-spacing:-.01em;font-size:1rem;font-weight:580}p{color:var(--fg-muted);line-height:1.75}p.lead{letter-spacing:-.01em;max-width:62ch;font-size:clamp(1rem,1.8vw,1.2rem);font-weight:380;line-height:1.65}.container{width:100%;max-width:var(--container);padding-inline:var(--sp-6);margin-inline:auto}.reveal{opacity:0;transition:opacity .6s var(--ease-expo), transform .6s var(--ease-expo);transform:translateY(18px)}.reveal.visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:80ms}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.btn{align-items:center;gap:var(--sp-2);letter-spacing:-.01em;border-radius:var(--radius);cursor:pointer;transition:var(--t-base);white-space:nowrap;border:1px solid #0000;min-height:44px;padding:11px 20px;font-family:inherit;font-size:.9rem;font-weight:540;line-height:1;display:inline-flex}.btn-primary{background:var(--accent);color:oklch(97% .006 268);border-color:var(--accent)}.btn-primary:hover{background:oklch(60% .27 268);border-color:oklch(60% .27 268)}.btn-ghost{color:var(--fg-muted);border-color:var(--border-2);background:0 0}.btn-ghost:hover{color:var(--fg);background:oklch(95% .008 268/.04);border-color:oklch(95% .008 268/.28)}.nav{z-index:1000;height:var(--nav-h);transition:background var(--t-base), border-color var(--t-base);border-bottom:1px solid #0000;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(18px);background:#050812c7;border-bottom-color:#ffffff0f;box-shadow:0 12px 40px #00000040}.nav-inner{width:100%;max-width:var(--container);padding-inline:var(--sp-6);justify-content:space-between;align-items:center;margin-inline:auto;display:flex}.nav-logo{align-items:center;gap:var(--sp-2);letter-spacing:-.03em;color:var(--fg);z-index:10;transition:opacity var(--t-base);flex-shrink:0;font-size:1.1rem;font-weight:700;display:inline-flex}.nav-logo:hover{opacity:.75}.logo-mark{align-items:center;display:inline-flex}.logo-nt{letter-spacing:-.04em;font-size:1.15rem;font-weight:800}.logo-triangle{border-left:4px solid #0000;border-right:4px solid #0000;border-bottom:7px solid var(--accent);width:0;height:0;margin-inline:2px;display:inline-block;position:relative;top:-1px}.logo-digital{color:var(--fg-muted);font-size:.95rem;font-weight:350}.nav-links{align-items:center;gap:var(--sp-10);display:none}.nav-links a{color:var(--fg-muted);transition:color var(--t-fast);letter-spacing:-.01em;align-items:center;min-height:44px;font-size:.88rem;font-weight:440;display:flex;position:relative}.nav-links a:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform var(--t-base);position:absolute;bottom:10px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover,.nav-links a.active{color:var(--fg)}.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}.nav-cta{display:none}.hamburger{cursor:pointer;padding:var(--sp-2);z-index:10;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:44px;min-height:44px;display:flex}.hamburger span{background:var(--fg);width:22px;height:1.5px;transition:transform var(--t-base), opacity var(--t-fast);transform-origin:50%;display:block}.hamburger.open span:first-child{transform:translateY(6.5px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.nav-mobile{background:var(--bg);z-index:999;padding:var(--sp-24) var(--sp-6) var(--sp-16);justify-content:center;align-items:flex-start;gap:var(--sp-3);opacity:0;pointer-events:none;transition:opacity var(--t-slow);flex-direction:column;display:flex;position:fixed;inset:0}.nav-mobile.open{opacity:1;pointer-events:all}.nav-mobile a{color:var(--fg-muted);letter-spacing:-.03em;transition:color var(--t-fast);font-size:clamp(2rem,8vw,3.5rem);font-weight:700;line-height:1.1}.nav-mobile a:hover,.nav-mobile a.active{color:var(--fg)}.nav-mobile .mobile-cta{margin-top:var(--sp-8);font-size:1rem}.footer{border-top:1px solid var(--border);padding-block:var(--sp-8);margin-top:var(--section-space-sm)}.footer-inner{gap:var(--sp-4);flex-direction:column;display:flex}.footer-logo{align-items:center;gap:var(--sp-2);opacity:.5;transition:opacity var(--t-base);display:inline-flex}.footer-logo:hover{opacity:1}.footer-copy{color:var(--fg-subtle);gap:4px var(--sp-4);flex-wrap:wrap;align-items:center;font-size:.78rem;display:flex}.footer-copy a{color:var(--fg-subtle);transition:color var(--t-fast)}.footer-copy a:hover{color:var(--accent-dim)}.footer-sep{opacity:.35}.hero{min-height:var(--hero-min);padding-top:calc(var(--nav-h) + var(--hero-space-top));padding-bottom:var(--hero-space-btm);align-items:center;display:flex;position:relative}.hero-inner{min-height:var(--hero-inner-min);padding-bottom:var(--section-space-sm)}.hero-body{flex-direction:column;display:flex}.hero-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:var(--sp-5);font-size:.76rem;font-weight:500}.hero-title{margin-bottom:var(--sp-8)}.hero-title em{color:var(--accent-dim);font-style:normal}.hero-body{gap:var(--sp-8);flex-direction:column;display:flex}.hero-actions{gap:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.hero-rule{border:none;border-top:1px solid var(--border);margin:0}.hero-meta{gap:var(--sp-6);flex-wrap:wrap;display:flex}.hero-meta span{color:var(--fg-subtle);letter-spacing:.04em;font-size:.76rem}.home-hero-rule{margin-bottom:var(--sp-6)}.home-hero-copy{gap:var(--sp-5);flex-direction:column;display:flex}.home-hero-text{max-width:52ch;font-size:clamp(.95rem,1.6vw,1.1rem);font-weight:380}.home-project-link{margin-top:var(--sp-4)}section{padding-block:var(--section-space)}section.tight{padding-block:var(--section-space-sm)}section.flush-top{padding-top:0}main>section+section,section.hero+section:not(.flush-top){padding-top:var(--section-space-sm)}.section-intro{margin-bottom:var(--sp-8)}.section-intro h2{margin-bottom:var(--sp-4)}.section-intro p{max-width:58ch}.section-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-subtle);margin-bottom:var(--sp-4);font-size:.72rem;font-weight:600}@media (width<=767px){:root{--section-space:3.25rem;--section-space-sm:2.35rem;--section-space-lg:4rem;--section-space-mobile:2.85rem;--hero-min:72svh;--hero-inner-min:38svh;--hero-space-top:var(--sp-7);--hero-space-btm:var(--sp-8)}.footer{padding-block:var(--sp-6);margin-top:var(--section-space-sm)}.hero-title{margin-bottom:var(--sp-6)}.hero-body{gap:var(--sp-6)}.section-intro{margin-bottom:var(--sp-6)}.cta-strip{padding-top:var(--sp-8);gap:var(--sp-5)}}.service-list{border-top:1px solid var(--border)}.service-item{gap:0 var(--sp-6);padding-block:var(--sp-7,1.75rem);border-bottom:1px solid var(--border);grid-template-columns:2.5rem 1fr;display:grid}.service-num{color:var(--accent);letter-spacing:.06em;padding-top:.4em;font-size:.72rem;font-weight:660}.service-name{color:var(--fg);letter-spacing:-.02em;margin-bottom:var(--sp-2);font-size:clamp(1.05rem,1.8vw,1.3rem);font-weight:660;line-height:1.2}.service-desc{color:var(--fg-muted);max-width:54ch;font-size:.88rem;line-height:1.72}.project-feature{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-block:var(--sp-10);gap:var(--sp-5);flex-direction:column;display:flex}.project-feature-index{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-subtle);font-size:.72rem;font-weight:600}.project-feature-title{letter-spacing:-.03em;color:var(--fg);font-size:clamp(1.5rem,3vw,2.4rem);font-weight:720;line-height:1.08}.project-feature-desc{color:var(--fg-muted);max-width:58ch;font-size:.92rem;line-height:1.72}.project-feature-meta{align-items:center;gap:var(--sp-5);flex-wrap:wrap;display:flex}.project-badge{letter-spacing:.06em;text-transform:uppercase;border:1px solid;border-radius:2px;padding:4px 9px;font-size:.7rem;font-weight:620}.project-badge.amber{color:oklch(78% .14 78);background:oklch(78% .14 78/.07);border-color:oklch(78% .14 78/.3)}.project-badge.blue{color:oklch(72% .12 240);background:oklch(72% .12 240/.07);border-color:oklch(72% .12 240/.3)}.project-badge.violet{color:oklch(78% .15 315);background:oklch(78% .15 315/.08);border-color:oklch(78% .15 315/.35)}.project-badge.green{color:oklch(78% .13 155);background:oklch(78% .13 155/.08);border-color:oklch(78% .13 155/.34)}.project-badge.rose{color:oklch(77% .15 18);background:oklch(77% .15 18/.08);border-color:oklch(77% .15 18/.34)}.project-stack{gap:var(--sp-2);flex-wrap:wrap;display:flex}.stack-tag{color:var(--fg-subtle);border:1px solid var(--border);border-radius:2px;padding:3px 7px;font-size:.72rem}.project-link{align-items:center;gap:var(--sp-2);color:var(--accent-dim);transition:color var(--t-fast), gap var(--t-base);min-height:44px;font-size:.88rem;font-weight:540;display:inline-flex}.project-link:hover{color:var(--fg);gap:var(--sp-3)}.cta-strip{border-top:1px solid var(--border);padding-top:var(--sp-10);gap:var(--sp-6);flex-direction:column;align-items:flex-start;display:flex}.cta-strip h2{max-width:16ch}.team-list{border-top:1px solid var(--border)}.team-member{gap:var(--sp-8);padding-block:var(--sp-12);border-bottom:1px solid var(--border);grid-template-columns:200px 1fr;align-items:start;display:grid}.team-member-img-wrap{border-radius:4px;flex-shrink:0;width:200px;height:200px;position:relative;overflow:hidden}.team-member-img-wrap:after{content:"";pointer-events:none;border-radius:4px;transition:box-shadow .35s;position:absolute;inset:0;box-shadow:0 0 oklch(55% .27 268/0)}.team-member-img-wrap:hover:after{box-shadow:0 0 0 3px oklch(55% .27 268/.45),0 0 28px 6px oklch(55% .27 268/.2)}.team-member-img{object-fit:cover;object-position:top center;border-radius:4px;width:200px;height:200px;transition:transform .4s;display:block}.team-member-img-wrap:hover .team-member-img{transform:scale(1.04)}.team-member-content{min-width:0}@media (width<=640px){.team-member{padding-block:var(--sp-8);text-align:center;grid-template-columns:1fr}.team-member-img-wrap{width:140px;height:140px;margin-inline:auto}.team-member-img{width:140px;height:140px}.team-member-head,.team-links{justify-content:center}}.team-member-head{align-items:baseline;gap:var(--sp-3) var(--sp-5);margin-bottom:var(--sp-6);padding-bottom:var(--sp-5);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.team-name{letter-spacing:-.04em;color:var(--fg);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:760;line-height:1}.team-role{color:var(--accent-dim);font-size:.85rem;font-weight:460}.team-bio{color:var(--fg-muted);margin-bottom:var(--sp-6);max-width:58ch;font-size:.93rem;line-height:1.75}.team-skills-inline{color:var(--fg-subtle);margin-bottom:var(--sp-6);max-width:60ch;font-size:.8rem;line-height:2.2}.team-links{gap:var(--sp-6);flex-wrap:wrap;display:flex}.team-link{color:var(--fg-muted);align-items:center;gap:var(--sp-2);min-height:44px;transition:color var(--t-fast);font-size:.85rem;font-weight:480;display:inline-flex}.team-link:hover{color:var(--fg)}.values-list{border-top:1px solid var(--border)}.value-item{gap:0 var(--sp-6);padding-block:var(--sp-7,1.75rem);border-bottom:1px solid var(--border);grid-template-columns:2.5rem 1fr;display:grid}.value-num{color:var(--accent);letter-spacing:.06em;padding-top:.4em;font-size:.72rem;font-weight:660}.value-title{color:var(--fg);letter-spacing:-.02em;margin-bottom:var(--sp-2);font-size:1.05rem;font-weight:640}.value-text{color:var(--fg-muted);max-width:54ch;font-size:.88rem;line-height:1.72}.skills-grid{gap:var(--sp-8);border-top:1px solid var(--border);padding-top:var(--sp-8);grid-template-columns:1fr;display:grid}.skill-cat-label{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-subtle);margin-bottom:var(--sp-4);font-size:.7rem;font-weight:620}.skill-items{gap:var(--sp-2);flex-wrap:wrap;display:flex}.skill-item{color:var(--fg-muted);border:1px solid var(--border);transition:color var(--t-fast), border-color var(--t-fast);cursor:default;border-radius:2px;padding:3px 9px;font-size:.8rem;font-weight:430}.skill-item:hover{color:var(--fg);border-color:var(--border-2)}.projects-list{border-top:1px solid var(--border)}.project-item{padding-block:var(--sp-10);border-bottom:1px solid var(--border);gap:var(--sp-5);flex-direction:column;display:flex}.project-item-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-subtle);font-size:.7rem;font-weight:620}.project-item-thumb{border-radius:var(--radius);flex-shrink:0;width:100%;height:200px;overflow:hidden}.project-item-thumb-premium{border:1px solid oklch(95% .008 268/.12);box-shadow:0 18px 48px oklch(4% .012 268/.22),0 0 34px oklch(78% .13 155/.08)}.project-item-thumb-marketplace{box-shadow:0 18px 48px oklch(4% .012 268/.22),0 0 34px oklch(77% .15 18/.08)}.project-thumb-huafoo{height:100%}.project-thumb-huafoo-img{object-fit:cover;object-position:center 32%;width:100%;height:100%;display:block}.project-thumb-jonesthala{background:oklch(8% .018 268);height:100%}.project-thumb-jonesthala-img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.project-thumb-acfinds{background:oklch(8% .014 268);height:100%}.project-thumb-acfinds-img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.project-item-title{letter-spacing:-.03em;color:var(--fg);font-size:clamp(1.4rem,3vw,2.2rem);font-weight:720;line-height:1.1}.project-item-desc{color:var(--fg-muted);max-width:58ch;font-size:.9rem;line-height:1.72}.project-highlights{gap:var(--sp-2) var(--sp-6);max-width:64ch;margin-top:var(--sp-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-highlights li{color:var(--fg-muted);padding-left:14px;font-size:.78rem;line-height:1.55;position:relative}.project-highlights li:before{content:"";background:oklch(78% .15 315);border-radius:999px;width:4px;height:4px;position:absolute;top:.72em;left:0;box-shadow:0 0 12px oklch(78% .15 315/.65)}.project-item-footer{align-items:center;gap:var(--sp-6);flex-wrap:wrap;display:flex}.project-highlights+.project-item-footer{margin-top:var(--sp-6)}@media (width<=640px){.project-highlights{grid-template-columns:1fr}}.project-next{padding-block:var(--sp-10);border-bottom:1px solid var(--border)}.project-next-label{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-subtle);margin-bottom:var(--sp-4);font-size:.7rem;font-weight:620}.project-next-text{letter-spacing:-.03em;color:oklch(95% .008 268/.22);margin-bottom:var(--sp-6);font-size:clamp(1.3rem,3vw,2rem);font-weight:640;line-height:1.2}.process-list{border-top:1px solid var(--border)}.process-item{gap:0 var(--sp-6);padding-block:var(--sp-7,1.75rem);border-bottom:1px solid var(--border);grid-template-columns:2.5rem 1fr;display:grid}.process-num{color:var(--accent);letter-spacing:.06em;padding-top:.4em;font-size:.72rem;font-weight:660}.process-title{color:var(--fg);letter-spacing:-.02em;margin-bottom:var(--sp-2);font-size:1.05rem;font-weight:640}.process-desc{color:var(--fg-muted);max-width:52ch;font-size:.88rem;line-height:1.72}.legal-hero{min-height:44svh}.legal-content{border-top:1px solid var(--border);max-width:820px}.legal-block{padding-block:var(--sp-8);border-bottom:1px solid var(--border)}.legal-block h2{margin-bottom:var(--sp-4);font-size:clamp(1.2rem,2.2vw,1.6rem)}.legal-block p,.legal-block address{color:var(--fg-muted);max-width:70ch;font-size:.95rem;line-height:1.78}.legal-block p+p{margin-top:var(--sp-4)}.legal-block address{margin-bottom:var(--sp-4);font-style:normal}.legal-link{color:var(--accent-dim);transition:color var(--t-fast)}.legal-link:hover{color:var(--fg)}.legal-updated{padding-top:var(--sp-6);color:var(--fg-subtle);font-size:.78rem}.prices-section{min-height:auto;padding-top:calc(var(--nav-h) + var(--section-space-sm));padding-bottom:var(--section-space)}.prices-head{max-width:850px;margin-bottom:var(--sp-10)}.prices-head h1{max-width:11ch;margin-bottom:var(--sp-6)}.prices-config{gap:var(--sp-7);align-items:start;display:grid}.prices-options{gap:var(--sp-8);min-width:0;display:grid}.prices-group{border-top:1px solid var(--border);padding-top:var(--sp-7)}.prices-group-head{margin-bottom:var(--sp-6)}.prices-group-head h2{font-size:clamp(1.35rem,3vw,2rem)}.project-type-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));display:grid}.price-type-card{gap:var(--sp-5);width:100%;min-height:168px;padding:var(--sp-6);text-align:left;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:background var(--t-base), border-color var(--t-base), transform var(--t-base);display:grid}.price-type-card:hover,.price-type-card.active{background:var(--surface-2);border-color:var(--border-2)}.price-type-card.active{border-color:oklch(65% .22 268/.72);box-shadow:inset 0 0 0 1px oklch(65% .22 268/.26)}.price-type-card:hover{transform:translateY(-3px)}.price-type-top{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);display:flex}.price-type-name{letter-spacing:-.02em;color:var(--fg);font-size:1.05rem;font-weight:660;line-height:1.2}.price-type-price{color:var(--accent-dim);white-space:nowrap;flex:none;font-size:.78rem;font-weight:620}.price-type-description{color:var(--fg-muted);max-width:34ch;font-size:.9rem;line-height:1.7}.addon-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));display:grid}.addon-option{align-items:center;gap:var(--sp-6);min-width:0;min-height:88px;padding:var(--sp-6) var(--sp-7,1.75rem);background:linear-gradient(135deg, oklch(95% .008 268/.035), transparent 62%), var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:background var(--t-base), border-color var(--t-base), box-shadow var(--t-base), transform var(--t-base);grid-template-columns:minmax(0,1fr) 24px;display:grid;position:relative;box-shadow:0 14px 36px oklch(4% .012 268/.08)}.addon-option:hover{background:linear-gradient(135deg, oklch(95% .008 268/.055), transparent 62%), var(--surface-2);border-color:var(--border-2);transform:translateY(-2px)}.addon-option:has(input:checked){background:linear-gradient(135deg, oklch(55% .27 268/.13), transparent 58%), var(--surface-2);border-color:oklch(65% .22 268/.64);box-shadow:0 16px 42px oklch(4% .012 268/.12),inset 0 0 0 1px oklch(65% .22 268/.16)}.addon-option:after{content:"";border:1px solid var(--border-2);width:20px;height:20px;transition:background var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast);background:oklch(95% .008 268/.025);border-radius:999px;justify-self:end}.addon-option:has(input:checked):after{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 5px var(--surface-2)}.addon-option input{opacity:0;pointer-events:none;position:absolute}.addon-copy{gap:var(--sp-2);min-width:0;display:grid}.addon-copy span:first-child{color:var(--fg);font-size:.93rem;font-weight:560;line-height:1.4}.addon-copy span:last-child{color:var(--accent-dim);font-size:.82rem;font-weight:620}.price-summary{border-top:1px solid var(--border);padding-top:var(--sp-7)}.price-summary-total{margin:var(--sp-3) 0 var(--sp-4);letter-spacing:-.04em;color:var(--fg);font-size:clamp(2.1rem,5vw,3.6rem);font-weight:760;line-height:.95}.price-summary>p{max-width:42ch;font-size:.92rem}.price-summary-lines{gap:var(--sp-3);margin-block:var(--sp-6);display:grid}.price-summary-lines div{justify-content:space-between;gap:var(--sp-4);padding-block:var(--sp-3);border-bottom:1px solid var(--border);display:flex}.price-summary-lines span{color:var(--fg-subtle);font-size:.78rem}.price-summary-lines strong{color:var(--fg);text-align:right;font-size:.86rem;font-weight:620}.price-summary-selected{color:var(--fg-muted);font-size:.86rem}.price-note{margin-top:var(--sp-5);padding:var(--sp-5);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--fg-muted);background:oklch(95% .008 268/.035);font-size:.84rem;line-height:1.65}.price-summary-cta{margin-top:var(--sp-5)}@media (width<=767px){.prices-section{padding-top:calc(var(--nav-h) + var(--section-space-mobile));padding-bottom:var(--section-space-mobile)}.prices-head{margin-bottom:var(--sp-8)}.prices-head h1{max-width:10ch;margin-bottom:var(--sp-4)}.prices-config{gap:var(--sp-6)}.prices-options{gap:var(--sp-8)}.prices-group{padding-top:var(--sp-6)}.prices-group-head{margin-bottom:var(--sp-4)}.prices-group-head h2{font-size:1.3rem}.project-type-grid{gap:var(--sp-3);grid-template-columns:1fr}.price-type-card{gap:var(--sp-3);min-height:auto;padding:var(--sp-4)}.price-type-card:hover{transform:none}.price-type-top{align-items:center;gap:var(--sp-3)}.price-type-name{font-size:1rem}.price-type-price{border:1px solid var(--border);background:oklch(95% .008 268/.055);border-radius:999px;padding:5px 8px;font-size:.72rem}.price-type-description{max-width:none;font-size:.84rem;line-height:1.55}.addon-grid{grid-template-columns:1fr;gap:8px;display:grid}.addon-option{align-items:center;gap:var(--sp-3);border-radius:var(--radius-md);min-width:0;min-height:0;box-shadow:none;grid-template-columns:18px minmax(0,1fr);padding:10px 12px;display:grid;position:relative;transform:none}.addon-option:hover{transform:none}.addon-option:after{display:none}.addon-option:before{content:"";border:1px solid var(--border-2);width:16px;height:16px;transition:background var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast);background:oklch(95% .008 268/.025);border-radius:999px}.addon-option:has(input:checked):before{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 4px var(--surface-2)}.addon-option input{opacity:0;pointer-events:none;position:absolute}.addon-copy{justify-content:space-between;align-items:baseline;gap:var(--sp-3);display:flex}.addon-copy span:first-child{min-width:0;font-size:.84rem;line-height:1.3}.addon-copy span:last-child{color:var(--accent-dim);flex:none;font-size:.74rem}.price-summary{padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-md);background:oklch(95% .008 268/.035)}.price-summary-total{margin:var(--sp-1) 0 var(--sp-3);font-size:clamp(1.65rem,8vw,2.15rem)}.price-summary>p{font-size:.8rem;line-height:1.55}.price-summary-lines{margin-block:var(--sp-4);gap:0}.price-summary-lines div{align-items:baseline;padding-block:9px}.price-summary-lines span{font-size:.72rem}.price-summary-lines strong{font-size:.8rem}.price-summary-selected{font-size:.76rem;line-height:1.5}.price-note{margin-top:var(--sp-3);padding:var(--sp-3);font-size:.74rem;line-height:1.5}.price-summary-cta{width:100%;margin-top:var(--sp-5);justify-content:center}}.contact-hero-section{min-height:auto;padding-top:calc(var(--nav-h) + var(--section-space-sm));padding-bottom:var(--section-space-sm)}.contact-layout{gap:var(--sp-10);align-items:start;display:grid}.contact-layout-hero{align-items:start}.contact-left{gap:var(--sp-8);flex-direction:column;display:flex}.contact-left .hero-body{gap:var(--sp-6)}.contact-left .hero-title{margin-bottom:0}.contact-info-stack{border-top:1px solid var(--border)}.contact-row{gap:var(--sp-4);padding-block:var(--sp-5);border-bottom:1px solid var(--border);grid-template-columns:72px 1fr;align-items:baseline;display:grid}.contact-label{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-subtle);font-size:.68rem;font-weight:640}.contact-value{color:var(--fg-muted);font-size:.9rem;line-height:1.6}.contact-value a{color:var(--fg-muted);transition:color var(--t-fast)}.contact-value a:hover{color:var(--fg)}.contact-next-steps{--timeline-progress:0;--next-scroll-length:0px;--next-sticky-height:560px;border-top:1px solid var(--border);margin-top:var(--sp-8);padding-top:var(--sp-8)}.contact-next-sticky{position:relative;overflow:visible}.contact-next-head{gap:var(--sp-4);margin-bottom:var(--sp-8);display:grid}.contact-next-head h2{max-width:12ch}.contact-next-head p:not(.section-eyebrow){max-width:58ch;font-size:.95rem;line-height:1.75}.contact-next-viewport{padding:var(--sp-6) 0 var(--sp-3);touch-action:pan-y;max-width:100%;position:relative;overflow:hidden}.contact-next-rail{top:18px;left:var(--sp-8);right:var(--sp-8);background:var(--border-2);height:1px;position:absolute;transform:translateY(-50%)}.contact-next-rail-fill{background:var(--accent);width:100%;height:100%;transform:scaleX(var(--timeline-progress));transform-origin:0;display:block}.contact-next-list{gap:var(--sp-6);will-change:transform;width:max-content;display:flex}.contact-next-row{gap:var(--sp-6);min-height:224px;padding:var(--sp-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);backface-visibility:hidden;transition:background var(--t-base), border-color var(--t-base), transform var(--t-base);flex-direction:column;flex:0 0 min(68vw,430px);display:flex;position:relative}.contact-next-row:hover{background:var(--surface-2);border-color:var(--border-2);transform:translateY(-4px)}.contact-next-dot{top:-26px;left:var(--sp-8);background:var(--bg);border:1px solid var(--accent);width:11px;height:11px;box-shadow:0 0 0 8px var(--bg);border-radius:999px;position:absolute}.contact-next-num{color:oklch(95% .008 268/.12);letter-spacing:-.04em;font-size:clamp(2.4rem,6vw,4.8rem);font-weight:760;line-height:.9}.contact-next-name{color:var(--fg);letter-spacing:-.02em;margin-bottom:var(--sp-3);font-size:clamp(1.05rem,2vw,1.35rem);font-weight:680;line-height:1.2}.contact-next-text{color:var(--fg-muted);max-width:34ch;font-size:.9rem;line-height:1.72}.contact-next-cta{gap:var(--sp-5);margin-top:var(--sp-6);padding:var(--sp-6) 0 0;border-top:1px solid var(--border);align-items:center;display:grid}.contact-next-cta h3{letter-spacing:-.02em;margin-bottom:var(--sp-3);font-size:clamp(1.35rem,3vw,2rem);font-weight:700}.contact-next-cta p{max-width:64ch;color:var(--fg-muted);font-size:.95rem;line-height:1.75}.contact-next-cta-button{width:fit-content}@media (width<=767px){.contact-next-viewport{padding:0;overflow:visible}.contact-next-rail{display:none}.contact-next-list{gap:var(--sp-4);grid-template-columns:1fr;width:auto;display:grid}.contact-next-row{min-height:auto;padding:var(--sp-6);flex-basis:auto}.contact-next-dot{display:none}}body[data-page=kontakt] .footer{margin-top:var(--sp-4)}.contact-form-block{border-top:1px solid var(--border);padding-top:var(--sp-6);scroll-margin-top:calc(var(--nav-h) + var(--sp-6))}.contact-form-block>h3{margin-bottom:var(--sp-6);font-size:1.05rem;font-weight:640}.price-request-summary{gap:var(--sp-6);margin-bottom:var(--sp-8);padding:var(--sp-6);border-radius:var(--radius-md);background:linear-gradient(135deg,oklch(55% .27 268/.12),#0000 42%),oklch(95% .008 268/.035);border:1px solid oklch(95% .008 268/.12);display:grid;position:relative;overflow:hidden;box-shadow:0 18px 44px oklch(4% .012 268/.2)}.price-request-head{justify-content:space-between;gap:var(--sp-4);padding-bottom:var(--sp-1);display:flex}.price-request-head .section-eyebrow{margin-bottom:var(--sp-1)}.price-request-head p:not(.section-eyebrow),.price-request-note{color:var(--fg-muted);font-size:.84rem;line-height:1.55}.price-request-project,.price-request-addons{gap:var(--sp-3);display:grid}.price-request-project{padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-md);background:oklch(95% .008 268/.04)}.price-request-project>span,.price-request-addons>span,.price-request-price>span{color:var(--fg-subtle);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:620}.price-request-project strong{color:var(--fg);letter-spacing:-.01em;font-size:1rem;font-weight:660;line-height:1.3}.price-request-addons{padding-top:var(--sp-1)}.price-request-addons div{flex-wrap:wrap;gap:10px;min-width:0;display:flex}.price-request-pill{border:1px solid var(--border);max-width:100%;min-height:30px;color:var(--fg-muted);background:oklch(95% .008 268/.055);border-radius:999px;align-items:center;padding:8px 11px;font-size:.8rem;line-height:1.2;display:inline-flex}.price-request-pill.muted{color:var(--fg-subtle)}.price-request-price{gap:var(--sp-2);margin-top:var(--sp-3);padding-top:var(--sp-2);display:grid}.price-request-price>span{color:var(--fg-subtle)}.price-request-price strong{color:var(--fg);letter-spacing:-.04em;font-size:clamp(1.55rem,4vw,2.2rem);font-weight:760;line-height:1}.price-request-note{padding-top:var(--sp-1)}.form-field{margin-bottom:var(--sp-5)}.form-field label{color:var(--fg-muted);margin-bottom:var(--sp-2);letter-spacing:-.01em;font-size:.8rem;font-weight:540;display:block}.form-field input,.form-field select,.form-field textarea{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius);width:100%;color:var(--fg);transition:border-color var(--t-fast), background var(--t-fast);appearance:none;outline:none;padding:11px 13px;font-family:inherit;font-size:.93rem;font-weight:350}.form-field select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2348485a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding-right:34px}.form-field select option{background:var(--surface);color:var(--fg)}.form-field textarea{resize:vertical;min-height:130px}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--fg-subtle)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{background:oklch(14.5% .018 268);border-color:oklch(55% .27 268/.55);box-shadow:0 0 0 3px oklch(55% .27 268/.08)}.form-check{align-items:flex-start;gap:var(--sp-3);cursor:pointer;margin-bottom:var(--sp-8);display:flex}.form-check input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin-top:3px}.form-check span{color:var(--fg-subtle);font-size:.8rem;line-height:1.6}.form-check a{color:var(--accent-dim);transition:color var(--t-fast)}.form-check a:hover{color:var(--fg)}.required-mark{color:var(--accent-dim)}.contact-submit{justify-content:center;width:100%}.honeypot-field{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}.form-success{border-radius:var(--radius);padding:var(--sp-4) var(--sp-6);text-align:center;color:oklch(72% .15 164);margin-top:var(--sp-4);background:oklch(42% .12 164/.1);border:1px solid oklch(65% .15 164/.28);font-size:.88rem;font-weight:500;display:none}.form-success.show{display:block}.form-error{border-radius:var(--radius);padding:var(--sp-4) var(--sp-6);text-align:center;color:oklch(74% .16 28);margin-top:var(--sp-4);background:oklch(45% .16 28/.1);border:1px solid oklch(68% .18 28/.32);font-size:.88rem;font-weight:500}@media (width<=767px){body:not([data-page=skills]){--section-space:4.5rem;--section-space-sm:3rem;--hero-min:auto;--hero-inner-min:auto;--hero-space-top:var(--sp-10);--hero-space-btm:var(--sp-8)}body:not([data-page=skills]) .container{overflow-wrap:break-word;width:100%;max-width:100%;padding-inline:20px}body:not([data-page=skills]) .hero{padding-top:calc(var(--nav-h) + var(--hero-space-top));padding-bottom:var(--hero-space-btm);align-items:flex-start}body:not([data-page=skills]) .hero-inner{padding-bottom:var(--section-space-sm)}body:not([data-page=skills]) .hero-body{gap:var(--sp-5);min-width:0;max-width:100%}body:not([data-page=skills]) .hero-eyebrow,body:not([data-page=skills]) .section-eyebrow{margin-bottom:var(--sp-3);letter-spacing:.11em;font-size:.68rem}body:not([data-page=skills]) .hero-title,body:not([data-page=skills]) .scramble-title{overflow-wrap:anywhere;word-break:normal;max-width:calc(100vw - 40px);font-size:clamp(2.25rem,11.5vw,3.7rem);line-height:.98}body:not([data-page=skills]) .scramble-prefix,body:not([data-page=skills]) .scramble-word{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%}body:not([data-page=skills]) .scramble-word{width:auto!important}body:not([data-page=skills]) h2{font-size:clamp(1.65rem,9vw,2.45rem);line-height:1.02}body:not([data-page=skills]) p,body:not([data-page=skills]) .lead{max-width:38ch;line-height:1.62}body:not([data-page=skills]) .home-hero-copy,body:not([data-page=skills]) .contact-left .hero-body{gap:var(--sp-4)}body:not([data-page=skills]) .hero-actions{gap:var(--sp-2);max-width:100%}body:not([data-page=skills]) .btn{white-space:normal;text-align:center;justify-content:center;max-width:100%}body:not([data-page=skills]) main>section+section{padding-top:var(--section-space-sm)}body:not([data-page=skills]) .section-intro{margin-bottom:var(--sp-6)}body:not([data-page=skills]) .service-item,body:not([data-page=skills]) .value-item,body:not([data-page=skills]) .process-item{gap:0 var(--sp-4);padding-block:var(--sp-6)}body:not([data-page=skills]) .service-desc,body:not([data-page=skills]) .value-text,body:not([data-page=skills]) .process-desc,body:not([data-page=skills]) .project-feature-desc,body:not([data-page=skills]) .project-item-desc,body:not([data-page=skills]) .team-bio,body:not([data-page=skills]) .team-skills-inline,body:not([data-page=skills]) .contact-next-text{max-width:38ch}body:not([data-page=skills]) .project-feature,body:not([data-page=skills]) .project-item,body:not([data-page=skills]) .team-member{border-radius:var(--radius-md);background:linear-gradient(145deg,oklch(95% .008 268/.045),#0000 62%),oklch(12% .014 268/.62);border:1px solid oklch(95% .008 268/.11);box-shadow:0 18px 48px oklch(4% .012 268/.16)}body:not([data-page=skills]) .project-feature{padding:var(--sp-6);gap:var(--sp-4)}body:not([data-page=skills]) .projects-list,body:not([data-page=skills]) .team-list{gap:var(--sp-5);border-top:0;display:grid}body:not([data-page=skills]) .project-item{padding:var(--sp-4);gap:var(--sp-4);border-bottom:0}body:not([data-page=skills]) .project-item-thumb{border-radius:var(--radius-md);border:1px solid oklch(95% .008 268/.1);height:clamp(180px,52vw,240px)}body:not([data-page=skills]) .project-item-title,body:not([data-page=skills]) .project-feature-title{font-size:clamp(1.55rem,8vw,2rem)}body:not([data-page=skills]) .project-highlights{margin-top:var(--sp-4);gap:9px}body:not([data-page=skills]) .project-highlights li{font-size:.82rem;line-height:1.5}body:not([data-page=skills]) .project-highlights+.project-item-footer{margin-top:var(--sp-4)}body:not([data-page=skills]) .project-item-footer,body:not([data-page=skills]) .project-feature-meta{gap:var(--sp-3)}body:not([data-page=skills]) .project-stack,body:not([data-page=skills]) .price-request-addons div{gap:8px}body:not([data-page=skills]) .stack-tag,body:not([data-page=skills]) .project-badge,body:not([data-page=skills]) .price-request-pill{background:oklch(95% .008 268/.035);border-color:oklch(95% .008 268/.12);border-radius:999px;padding:6px 10px;font-size:.78rem;line-height:1.15}body:not([data-page=skills]) .project-link,body:not([data-page=skills]) .team-link{min-height:38px}body:not([data-page=skills]) .team-member{padding:var(--sp-6);text-align:left}body:not([data-page=skills]) .team-member-img-wrap,body:not([data-page=skills]) .team-member-img{border-radius:var(--radius-md);width:132px;height:132px}body:not([data-page=skills]) .team-member-img-wrap{margin-inline:0}body:not([data-page=skills]) .team-member-head{margin-bottom:var(--sp-4);padding-bottom:var(--sp-4);justify-content:flex-start}body:not([data-page=skills]) .team-name{font-size:clamp(1.75rem,10vw,2.35rem)}body:not([data-page=skills]) .team-bio{margin-bottom:var(--sp-4)}body:not([data-page=skills]) .team-skills-inline{margin-bottom:var(--sp-5);line-height:1.8}body:not([data-page=skills]) .team-links{justify-content:flex-start;gap:var(--sp-3)}body:not([data-page=skills]) .contact-hero-section{padding-top:calc(var(--nav-h) + var(--sp-8));padding-bottom:var(--section-space-sm)}body:not([data-page=skills]) .contact-layout,body:not([data-page=skills]) .contact-left{gap:var(--sp-6)}body:not([data-page=skills]) .contact-info-stack{gap:var(--sp-2);border-top:0;display:grid}body:not([data-page=skills]) .contact-row{padding:var(--sp-4);border-radius:var(--radius-md);background:oklch(95% .008 268/.032);border:1px solid oklch(95% .008 268/.1);grid-template-columns:1fr;gap:3px}body:not([data-page=skills]) .contact-form-block{padding:var(--sp-6);border-radius:var(--radius-md);background:linear-gradient(145deg,oklch(95% .008 268/.045),#0000 62%),oklch(12% .014 268/.64);border:1px solid oklch(95% .008 268/.11);box-shadow:0 18px 48px oklch(4% .012 268/.16)}body:not([data-page=skills]) .contact-form-block>h3,body:not([data-page=skills]) .price-request-summary{margin-bottom:var(--sp-5)}body:not([data-page=skills]) .form-field{margin-bottom:var(--sp-4)}body:not([data-page=skills]) .form-field input,body:not([data-page=skills]) .form-field select,body:not([data-page=skills]) .form-field textarea{border-radius:var(--radius-md);background:oklch(95% .008 268/.04);min-height:46px;padding:12px 14px}body:not([data-page=skills]) .form-field textarea{min-height:112px}body:not([data-page=skills]) .form-check{margin-bottom:var(--sp-6);align-items:flex-start;gap:10px}body:not([data-page=skills]) .form-check input[type=checkbox]{width:18px;height:18px;margin-top:2px}body:not([data-page=skills]) .form-check span{font-size:.82rem;line-height:1.55}body:not([data-page=skills]) .contact-next-steps{margin-top:var(--sp-6);padding-top:var(--sp-6)}body:not([data-page=skills]) .contact-next-head{margin-bottom:var(--sp-5)}body:not([data-page=skills]) .contact-next-list{gap:var(--sp-3)}body:not([data-page=skills]) .contact-next-row{gap:var(--sp-4);padding:var(--sp-5);border-radius:var(--radius-md)}body:not([data-page=skills]) .contact-next-num{font-size:2.4rem}body:not([data-page=skills]) .contact-next-cta{gap:var(--sp-4)}body:not([data-page=skills]) .footer{margin-top:var(--section-space-sm)}body:not([data-page=skills]) .footer-inner{gap:var(--sp-5);align-items:flex-start}body:not([data-page=skills]) .footer-copy{grid-template-columns:1fr;gap:8px;line-height:1.45;display:grid}body:not([data-page=skills]) .footer-sep{display:none}body[data-page=projekte] main>section{padding-block:64px}body[data-page=projekte] .hero{padding-bottom:56px}body[data-page=projekte] .hero-inner{padding-bottom:40px}body[data-page=projekte] section.flush-top{padding-top:0;padding-bottom:36px}body[data-page=projekte] section.flush-top+section{padding-top:28px;padding-bottom:56px}body[data-page=projekte] section.tight{padding-top:40px;padding-bottom:44px}body[data-page=projekte] .projects-list{gap:var(--sp-4)}body[data-page=projekte] .project-item{padding:var(--sp-4);gap:var(--sp-3)}body[data-page=projekte] .project-item-desc{line-height:1.58}body[data-page=projekte] .project-highlights{margin-top:var(--sp-3);gap:8px}body[data-page=projekte] .project-highlights+.project-item-footer{margin-top:var(--sp-3)}body[data-page=projekte] .project-next{padding:var(--sp-5);border-radius:var(--radius-md);background:oklch(95% .008 268/.026);border:1px solid oklch(95% .008 268/.1)}body[data-page=projekte] .project-next-label{margin-bottom:var(--sp-2)}body[data-page=projekte] .project-next-text{margin-bottom:var(--sp-4);line-height:1.12}body[data-page=projekte] .process-list{gap:var(--sp-3);border-top:0;display:grid}body[data-page=projekte] .process-item{padding:var(--sp-5);border-radius:var(--radius-md);background:oklch(95% .008 268/.026);border:1px solid oklch(95% .008 268/.1)}body[data-page=projekte] .cta-strip{padding-top:var(--sp-6);gap:var(--sp-4)}body[data-page=projekte] .footer{margin-top:var(--sp-6)}body[data-page=about] main>section{padding-block:64px}body[data-page=about] .hero{padding-bottom:56px}body[data-page=about] .hero-inner{padding-bottom:40px}body[data-page=about] section.flush-top{padding-top:0;padding-bottom:36px}body[data-page=about] section.flush-top+section{padding-top:28px;padding-bottom:52px}body[data-page=about] main>section:nth-of-type(4){padding-top:28px;padding-bottom:44px}body[data-page=about] section.tight{padding-top:36px;padding-bottom:44px}body[data-page=about] .team-list{gap:var(--sp-4)}body[data-page=about] .team-member{padding:var(--sp-5);gap:var(--sp-4)}body[data-page=about] .team-member-img-wrap,body[data-page=about] .team-member-img{width:116px;height:116px}body[data-page=about] .team-member-head{margin-bottom:var(--sp-3);padding-bottom:var(--sp-3)}body[data-page=about] .team-bio{margin-bottom:var(--sp-3);line-height:1.58}body[data-page=about] .team-skills-inline{margin-bottom:var(--sp-4);line-height:1.6}body[data-page=about] .team-links{gap:var(--sp-2) var(--sp-3)}body[data-page=about] .values-list{border-top:0}body[data-page=about] .value-item{padding-block:var(--sp-5);gap:0 var(--sp-4)}body[data-page=about] .value-text{line-height:1.58}body[data-page=about] .skills-grid{gap:var(--sp-5);padding-top:var(--sp-5)}body[data-page=about] .skill-cat-label{margin-bottom:var(--sp-2)}body[data-page=about] .skill-items{gap:7px}body[data-page=about] .skill-item{padding:4px 8px;line-height:1.15}body[data-page=about] .cta-strip{padding-top:var(--sp-6);gap:var(--sp-4)}body[data-page=about] .footer{margin-top:var(--sp-6)}body[data-page=kontakt] .contact-hero-section{padding-bottom:var(--sp-8)}body[data-page=kontakt] .contact-layout,body[data-page=kontakt] .contact-left{gap:var(--sp-5)}body[data-page=kontakt] .contact-left .hero-body{gap:var(--sp-3)}body[data-page=kontakt] .contact-info-stack{border-radius:var(--radius-md);background:linear-gradient(145deg,oklch(95% .008 268/.035),#0000 64%),oklch(10.5% .014 268/.58);border:1px solid oklch(95% .008 268/.11);display:block;overflow:hidden;box-shadow:0 14px 36px oklch(4% .012 268/.12)}body[data-page=kontakt] .contact-row{background:0 0;border:0;border-bottom:1px solid oklch(95% .008 268/.08);border-radius:0;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:12px;padding:11px 13px;display:grid}body[data-page=kontakt] .contact-row:last-child{border-bottom:0}body[data-page=kontakt] .contact-label{letter-spacing:.11em;font-size:.62rem;line-height:1.2}body[data-page=kontakt] .contact-value{min-width:0;max-width:100%;color:var(--fg-muted);text-align:right;justify-self:end;font-size:.86rem;line-height:1.35}body[data-page=kontakt] .contact-value a{overflow-wrap:anywhere;color:var(--fg-muted)}body[data-page=kontakt] .contact-form-block{padding:var(--sp-5)}body[data-page=kontakt] .contact-form-block>h3{margin-bottom:var(--sp-4)}body[data-page=kontakt] .contact-next-steps{margin-top:var(--sp-5)}body[data-page=kontakt] .contact-next-row{padding:var(--sp-4)}}@media (width>=640px){.cta-strip{flex-direction:row;justify-content:space-between;align-items:flex-end}.cta-strip h2{max-width:none}.footer-inner{flex-direction:row;justify-content:space-between;align-items:center}.nav-links{display:flex}.hamburger{display:none}}@media (width>=768px){.nav-cta{display:flex}.contact-layout{gap:clamp(var(--sp-10), 6vw, var(--sp-16));grid-template-columns:minmax(0,.95fr) minmax(360px,520px)}.contact-layout-hero .contact-form-block{width:100%;max-width:520px;margin-top:var(--sp-4);justify-self:end}.prices-config{gap:clamp(var(--sp-8), 5vw, var(--sp-16));grid-template-columns:minmax(0,1fr) minmax(320px,380px)}.price-summary{top:calc(var(--nav-h) + var(--sp-8));position:sticky}.price-request-summary{grid-template-columns:minmax(0,1fr) minmax(170px,.72fr)}.price-request-head,.price-request-addons,.price-request-note{grid-column:1/-1}.price-request-price{margin-top:0}.contact-next-steps{min-height:calc(var(--next-sticky-height) + var(--next-scroll-length));padding-bottom:0}.contact-next-sticky{top:calc(var(--nav-h) + var(--sp-4));padding-bottom:var(--sp-4);position:sticky}.contact-next-head{grid-template-columns:minmax(240px,.7fr) 1fr;align-items:end}.contact-next-head .section-eyebrow{grid-column:1/-1;margin-bottom:0}.contact-next-head p:not(.section-eyebrow){justify-self:end}.contact-next-cta{margin-top:var(--sp-7);grid-template-columns:minmax(0,1fr) auto}.project-item{gap:var(--sp-8);grid-template-columns:260px 1fr;align-items:start;display:grid}.project-item-eyebrow{grid-column:1/-1}.service-item{grid-template-columns:2.5rem 1fr 1.4fr}.service-body{display:contents}.service-name{align-self:baseline;padding-top:0}.service-desc{max-width:42ch;margin-top:0}}@media (width>=900px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1080px){.skills-grid{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.skills-hero-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.skills-hero-bg:before{content:"";background-image:linear-gradient(oklch(95% .008 268/.04) 1px,#0000 1px),linear-gradient(90deg,oklch(95% .008 268/.04) 1px,#0000 1px);background-size:64px 64px;animation:20s linear infinite grid-drift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 30%,#0000 100%)}@keyframes grid-drift{0%{background-position:0 0}to{background-position:64px 64px}}.expertise-badge{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dim);margin-bottom:var(--sp-8);background:oklch(55% .27 268/.07);border:1px solid oklch(55% .27 268/.28);border-radius:2px;align-items:center;gap:6px;padding:5px 12px;font-size:.68rem;font-weight:640;display:inline-flex}.expertise-badge:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;animation:2.4s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}.hero-subtitle{color:var(--fg-muted);max-width:52ch;font-size:clamp(.95rem,1.6vw,1.1rem);font-weight:380;line-height:1.72}.skills-hero{position:relative}.skills-hero-content{z-index:1;position:relative}.skills-hero-rule{margin-bottom:var(--sp-8)}.skills-responsive-stage,.skills-typography-stage{gap:var(--sp-3);flex-direction:column}.skills-responsive-stage{height:auto;padding-block:var(--sp-2)}.skills-cta-copy{margin-top:var(--sp-3);font-size:.92rem}.hero-subtitle strong{color:var(--fg);font-weight:560}.demo-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:1fr;gap:1px;display:grid;overflow:hidden}@media (width>=640px){.demo-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.demo-grid{grid-template-columns:repeat(3,1fr)}}.demo-card{background:var(--surface);padding:var(--sp-8);gap:var(--sp-6);transition:background var(--t-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.demo-card:hover{background:var(--surface-2)}.demo-stage{justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.demo-meta{gap:var(--sp-3);flex-direction:column;display:flex}.demo-label{color:var(--fg);letter-spacing:-.02em;font-size:.92rem;font-weight:640}.demo-tags{color:var(--accent-dim);letter-spacing:.04em;font-family:SF Mono,Fira Code,monospace;font-size:.68rem;font-weight:520}.demo-desc{color:var(--fg-muted);font-size:.82rem;line-height:1.65}.anim-rhombus{background:var(--accent);will-change:transform;width:52px;height:52px;position:relative;transform:rotate(45deg)}.anim-rhombus:before,.anim-rhombus:after{content:"";border:1px solid oklch(55% .27 268/.3);animation:3s ease-in-out infinite rhombus-pulse;position:absolute;inset:-8px}.anim-rhombus:after{animation-delay:.4s;inset:-16px}@keyframes rhombus-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.15;transform:scale(1.1)}}.micro-btn{border-radius:var(--radius);color:var(--accent-dim);cursor:pointer;letter-spacing:-.01em;-webkit-user-select:none;user-select:none;background:oklch(55% .27 268/.12);border:1px solid oklch(55% .27 268/.35);justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 28px;font-family:inherit;font-size:.85rem;font-weight:580;transition:all .28s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;overflow:hidden}.micro-btn:hover{color:var(--fg);background:oklch(55% .27 268/.18);border-color:oklch(55% .27 268/.55);transform:scale(1.06);box-shadow:0 4px 24px oklch(55% .27 268/.2)}.micro-btn:active{box-shadow:none;transition-duration:.1s;transform:scale(.97)}.ripple-ring{pointer-events:none;background:oklch(55% .27 268/.25);border-radius:50%;animation:.6s ease-out forwards ripple-out;position:absolute;transform:scale(0)}@keyframes ripple-out{to{opacity:0;transform:scale(4)}}.glass-bg{filter:blur(1px);background:radial-gradient(circle at 25% 35%,oklch(55% .27 268/.55) 0%,#0000 55%),radial-gradient(circle at 75% 65%,oklch(72% .18 320/.35) 0%,#0000 55%);position:absolute;inset:0}.glass-card{z-index:1;-webkit-backdrop-filter:blur(14px)saturate(180%);background:oklch(95% .008 268/.06);border:1px solid oklch(95% .008 268/.14);border-radius:6px;flex-direction:column;gap:4px;min-width:160px;padding:14px 20px;display:flex;position:relative}.glass-card-title{color:oklch(95% .008 268/.9);letter-spacing:-.01em;font-size:.78rem;font-weight:600}.glass-card-sub{color:oklch(95% .008 268/.5);font-size:.68rem}.glass-card-bar{background:oklch(95% .008 268/.12);border-radius:1px;height:2px;margin-top:6px;overflow:hidden}.glass-card-bar-fill{background:var(--accent);transform-origin:0;will-change:transform;border-radius:1px;width:100%;height:100%}.resp-toggle{justify-content:center;gap:6px;display:flex}.resp-btn{border-radius:var(--radius);border:1px solid var(--border-2);color:var(--fg-muted);letter-spacing:.05em;cursor:pointer;background:0 0;min-height:30px;padding:5px 14px;font-family:DM Mono,monospace;font-size:.65rem;font-weight:500;transition:all .2s}.resp-btn:hover{border-color:var(--accent);color:var(--accent)}.resp-btn.active{border-color:var(--accent);color:var(--accent);background:oklch(55% .27 268/.12)}.resp-mini-grid{flex:1;gap:4px;width:100%;display:grid;overflow:hidden}.resp-mini-grid[data-cols="1"]{grid-template-columns:1fr}.resp-mini-grid[data-cols="2"]{grid-template-columns:repeat(2,1fr)}.resp-mini-grid[data-cols="3"]{grid-template-columns:repeat(3,1fr)}.resp-mini-cell{height:20px;min-height:unset;background:oklch(55% .27 268/.15);border:1px solid oklch(55% .27 268/.25);border-radius:4px}.scroll-bars-wrap{flex-direction:column;gap:8px;width:100%;max-width:200px;display:flex}.scroll-bar-row{align-items:center;gap:8px;display:flex}.scroll-bar-label{color:var(--fg-subtle);letter-spacing:.04em;flex-shrink:0;width:28px;font-size:.6rem}.scroll-bar-track{background:oklch(95% .008 268/.07);border-radius:2px;flex:1;height:3px;overflow:hidden}.scroll-bar-fill{background:var(--accent);transform-origin:0;will-change:transform;border-radius:2px;height:100%}.typo-counter{letter-spacing:-.04em;color:var(--fg);tabular-nums:normal;font-variant-numeric:tabular-nums;font-size:clamp(2.8rem,6vw,3.6rem);font-weight:780;line-height:1}.typo-counter-sub{color:var(--fg-subtle);letter-spacing:.1em;text-transform:uppercase;margin-top:4px;font-size:.72rem}.typo-split-word{cursor:default;gap:0;display:flex}.typo-split-word span{letter-spacing:-.03em;color:var(--fg);font-size:clamp(1.4rem,3vw,2rem);font-weight:720;transition:transform .28s cubic-bezier(.34,1.56,.64,1),color .2s;display:inline-block}.typo-split-word:hover span{color:var(--accent-dim)}.typo-split-word:hover span:nth-child(odd){transform:translateY(-4px)}.typo-split-word:hover span:nth-child(2n){transform:translateY(4px)}.tag-row{gap:var(--sp-2);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.tag-row:last-child{margin-bottom:0}.skill-tag{color:var(--fg-muted);border:1px solid var(--border);cursor:default;opacity:0;transition:opacity .4s var(--ease-expo), transform .4s var(--ease-expo), color var(--t-fast), border-color var(--t-fast), background var(--t-fast);border-radius:3px;padding:5px 11px;font-size:.78rem;font-weight:460;transform:translateY(10px)}.skill-tag.visible{opacity:1;transform:none}.skill-tag:hover{color:var(--accent-dim);background:oklch(55% .27 268/.07);border-color:oklch(55% .27 268/.45)}.process-timeline{gap:0 var(--sp-8);margin-top:var(--sp-12);grid-template-columns:repeat(3,1fr);padding-top:2.5rem;display:grid;position:relative}.process-line{background:linear-gradient(to right, var(--accent) 0%, var(--border-2) 100%);transform-origin:0;z-index:0;will-change:transform;height:1px;position:absolute;top:1.25rem;left:1.25rem;right:1.25rem;transform:scaleX(0)}.process-step{z-index:1;will-change:transform, opacity;flex-direction:column;display:flex;position:relative}.process-step-num{z-index:1;border:1px solid var(--accent);background:var(--bg);width:2.5rem;height:2.5rem;color:var(--accent);letter-spacing:.08em;margin-bottom:var(--sp-5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:DM Mono,monospace;font-size:.65rem;font-weight:500;display:flex;position:relative}.process-step-title{color:var(--fg);letter-spacing:-.02em;margin-bottom:var(--sp-2);font-size:1.05rem;font-weight:660}.process-step-sub{color:var(--accent);margin-bottom:var(--sp-3);font-size:.85rem;font-weight:500}.process-step-desc{color:var(--fg-muted);font-size:.82rem;line-height:1.65}@media (width<=767px){.process-timeline{gap:var(--sp-8) 0;grid-template-columns:1fr;padding-top:0}.process-line{display:none}}@media (prefers-reduced-motion:reduce){.anim-rhombus:before,.anim-rhombus:after,.skills-hero-bg:before,.expertise-badge:before,.ripple-ring,.marquee-track,.marquee-track-rev{animation:none}.skill-tag{transition:none}}.scramble-title{letter-spacing:-.04em;will-change:transform, opacity;font-size:clamp(1.85rem,9vw,7.5rem);font-weight:760;line-height:.92}.scramble-prefix{white-space:nowrap}.scramble-word{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:6ch;display:inline-block}.skills-hero-cinematic{align-items:center;min-height:78vh;display:flex}.hero-cinematic-overlay{z-index:0;pointer-events:none;background:radial-gradient(90% 55% at 50% 0,oklch(55% .27 268/.09) 0%,#0000 70%),radial-gradient(70% 40% at 50% 105%,oklch(8% .01 268) 0%,#0000 70%);position:absolute;inset:0}.hero-cinematic-inner{z-index:1;text-align:center;align-items:center;gap:var(--sp-8);flex-direction:column;max-width:1000px;margin:0 auto;padding-block:clamp(3rem,8vh,5.5rem);display:flex;position:relative}.hero-cinematic-inner .hero-eyebrow{letter-spacing:.22em;color:var(--fg-subtle);will-change:transform, opacity;margin-bottom:0;font-family:DM Mono,SF Mono,monospace;font-size:.65rem;font-weight:400}.hero-cinematic-inner .hero-title{letter-spacing:-.04em;will-change:transform, opacity;margin-bottom:0;font-size:clamp(4.5rem,9vw,7.5rem);font-weight:760;line-height:.92}.hero-title-divider{background:linear-gradient(to bottom, var(--accent) 0%, transparent 100%);opacity:.6;width:1px;height:2.5rem;margin:0 auto;display:block}.hero-cinematic-inner .hero-subtitle{color:var(--fg-muted);will-change:transform, opacity;max-width:42ch;font-size:clamp(.9rem,1.5vw,1.05rem);font-weight:380;line-height:1.78}.hero-ctas{gap:var(--sp-3);will-change:transform, opacity;flex-wrap:wrap;justify-content:center;display:flex}.hero-scramble-word{color:var(--accent);font-variant-numeric:tabular-nums;min-width:6ch;display:inline-block}.demo-card{transform-style:preserve-3d}@media (width>=1024px){.demo-grid{grid-template-rows:360px 300px 390px;grid-auto-flow:dense}.demo-card:first-child{grid-column:1/3}.demo-card:nth-child(2){grid-area:1/3/3}.demo-card:nth-child(3){grid-column:1}.demo-card:nth-child(4){grid-column:2}.demo-card:nth-child(5){grid-column:1/3}.demo-card:nth-child(6){grid-column:3}.demo-card:first-child .demo-stage,.demo-card:nth-child(5) .demo-stage{height:190px}.demo-card:nth-child(2) .demo-stage{flex:1;height:auto;min-height:200px}.demo-card:first-child .demo-stage{flex-direction:row;justify-content:center;align-items:center;gap:48px}.demo-card:nth-child(5) .demo-stage{flex-direction:row;justify-content:center;gap:48px}.demo-card:nth-child(2) .demo-stage{gap:var(--sp-4);flex-direction:column}}.demo-card-num{top:var(--sp-5);right:var(--sp-5);color:var(--fg-subtle);letter-spacing:.08em;opacity:.5;font-family:DM Mono,monospace;font-size:.58rem;font-weight:500;position:absolute}.section-header-inline{justify-content:space-between;align-items:flex-end;gap:var(--sp-6);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.section-header-inline h2{margin:0;font-size:clamp(1.6rem,3vw,2.4rem)}.section-header-inline p{color:var(--fg-muted);text-align:right;max-width:32ch;font-size:.82rem;line-height:1.65}@media (width<=640px){.section-header-inline p{text-align:left}}.anim-rhombus-label{display:none}@media (width>=1024px){.anim-rhombus-label{flex-direction:column;gap:6px;display:flex}.anim-rhombus-label span{color:var(--fg-subtle);letter-spacing:.1em;font-family:DM Mono,monospace;font-size:.6rem}.anim-rhombus-label strong{color:var(--fg-muted);letter-spacing:-.01em;font-size:.72rem;font-weight:500}}.micro-btn-hint{display:none}@media (width>=1024px){.micro-btn-hint{color:var(--fg-subtle);letter-spacing:.12em;text-transform:uppercase;opacity:.5;font-family:DM Mono,monospace;font-size:.58rem;display:block}}.scroll-stage-label{display:none}@media (width>=1024px){.scroll-stage-label{flex-direction:column;align-self:center;gap:6px;display:flex}.scroll-stage-label span{color:var(--fg-subtle);letter-spacing:.1em;font-family:DM Mono,monospace;font-size:.6rem}.scroll-stage-label strong{color:var(--fg-muted);max-width:18ch;font-size:.72rem;font-weight:500;line-height:1.5}.scroll-bars-wrap{max-width:220px}}.h-scroll-section{padding-block:var(--sp-16) 0;overflow:hidden}.h-scroll-track-wrapper{margin-top:var(--sp-10);overflow:hidden}.h-scroll-track{background:var(--border);border-top:1px solid var(--border);border-bottom:1px solid var(--border);will-change:transform;gap:1px;width:max-content;padding-inline:5vw;display:flex}.h-scroll-card{background:var(--surface);width:clamp(320px,32vw,440px);min-height:320px;padding:var(--sp-8);gap:var(--sp-4);transition:background var(--t-base);flex-direction:column;flex-shrink:0;display:flex}.h-scroll-card:hover{background:var(--surface-2)}.h-scroll-card-num{letter-spacing:.12em;color:var(--fg-subtle);font-family:DM Mono,monospace;font-size:.58rem}.h-scroll-card-icon{color:var(--accent);margin-block:var(--sp-2);font-size:1.5rem;line-height:1}.h-scroll-card h3{letter-spacing:-.025em;color:var(--fg);font-size:1.15rem;font-weight:660;line-height:1.2}.h-scroll-card p{color:var(--fg-muted);flex:1;font-size:.82rem;line-height:1.65}.h-scroll-tag{color:var(--accent-dim);letter-spacing:.06em;opacity:.7;font-family:DM Mono,monospace;font-size:.6rem}@media (width<=767px){.cursor-magic-section{display:none}}.cursor-demo-area{border-radius:var(--radius-md);border:1px solid var(--border);cursor:none;background:oklch(10% .015 268);width:100%;height:400px;position:relative;overflow:hidden}.cursor-hint{pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.cursor-hint-icon{color:oklch(55% .05 268/.4);font-size:1.2rem}.cursor-hint-text{letter-spacing:.18em;text-transform:uppercase;color:oklch(55% .05 268/.3);font-family:DM Mono,monospace;font-size:.62rem}.cursor-dot{pointer-events:none;will-change:transform;opacity:0;background:oklch(58% .27 268);border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;top:0;left:0;box-shadow:0 0 18px oklch(58% .27 268/.9),0 0 50px oklch(58% .27 268/.4)}.cursor-trail{pointer-events:none;will-change:transform;opacity:0;background:oklch(58% .27 268/.35);border-radius:50%;position:absolute;top:0;left:0}.cursor-trail:nth-child(2){width:15px;height:15px;margin:-7.5px 0 0 -7.5px}.cursor-trail:nth-child(3){width:13px;height:13px;margin:-6.5px 0 0 -6.5px}.cursor-trail:nth-child(4){width:11px;height:11px;margin:-5.5px 0 0 -5.5px}.cursor-trail:nth-child(5){width:9px;height:9px;margin:-4.5px 0 0 -4.5px}.cursor-trail:nth-child(6){width:7px;height:7px;margin:-3.5px 0 0 -3.5px}.cursor-trail:nth-child(7){width:5px;height:5px;margin:-2.5px 0 0 -2.5px}.cursor-trail:nth-child(8){width:3px;height:3px;margin:-1.5px 0 0 -1.5px}.marquee-section{overflow:hidden}.marquee-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--fg-subtle);margin-bottom:var(--sp-8);font-family:DM Mono,monospace;font-size:.62rem}.marquee-outer{gap:var(--sp-3);flex-direction:column;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.marquee-track{gap:var(--sp-3);width:max-content;animation:40s linear infinite marquee-left;display:flex}.marquee-track-rev{animation:36s linear infinite marquee-right}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.marquee-tag{white-space:nowrap;color:var(--fg-muted);border:1px solid var(--border);transition:color var(--t-fast), border-color var(--t-fast), background var(--t-fast);cursor:default;border-radius:3px;flex-shrink:0;align-items:center;padding:6px 14px;font-size:.78rem;font-weight:460;display:inline-flex}.marquee-tag:hover{color:var(--accent-dim);background:oklch(55% .27 268/.06);border-color:oklch(55% .27 268/.4)}.marquee-tag-dot{background:var(--accent);opacity:.5;border-radius:50%;flex-shrink:0;width:4px;height:4px;margin-right:8px;display:inline-block}