:root{--paper:#f7f5f0;--paper-soft:#fdfcf9;--paper-deep:#ece9e1;--ink:#16140f;--ink-soft:#43403a;--ink-subtle:#7d786c;--line:#16140f24;--line-strong:#16140f66;--brand:#e62e8a;--cyan:#0d96ae;--yellow:#d9a514;--white:#fff;--black:var(--ink);--neutral-primary:var(--paper);--neutral-primary-soft:var(--paper-soft);--neutral-secondary-soft:var(--paper-deep);--neutral-secondary-medium:#ddd7c9;--neutral-tertiary-soft:#cdc6b4;--neutral-quaternary:#aaa28d;--gray:var(--ink-subtle);--heading:var(--ink);--body:var(--ink-soft);--body-subtle:var(--ink-subtle);--border-width:1px;--border-color:var(--line);--border-default:1px solid var(--line);--shadow-color-default:#16140f1a;--shadow-flat:0 1px 2px #16140f0a, 0 16px 40px -20px #16140f2e;--shadow-flat-cyan:var(--shadow-flat);--shadow-flat-brand:var(--shadow-flat);--shadow-flat-yellow:var(--shadow-flat);--shadow-hover:0 2px 4px #16140f0a, 0 28px 56px -24px #16140f42;--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--radius-pill:999px;--font-heading:"Clash Display", "Outfit", -apple-system, sans-serif;--font-logo:"Clash Display", sans-serif;--font-body:"Satoshi", "Inter", -apple-system, sans-serif;--font-mono:"Space Mono", monospace;--font-serif:"Instrument Serif", "EB Garamond", "Times New Roman", serif;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-brutal:var(--ease-out-expo);--dur-fast:.3s;--dur-med:.6s;--gutter:clamp(20px, 4vw, 56px);--header-h:76px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--paper)}body{background:var(--paper);color:var(--ink-soft);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;font-weight:400;line-height:1.65;overflow-x:hidden}::selection{background:var(--ink);color:var(--paper)}.page-container{width:100%;min-height:100vh;position:relative}.page-container:before{content:"";pointer-events:none;z-index:999;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}main{z-index:1;position:relative}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:3px solid var(--paper);background:#16140f40;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#16140f73}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--ink);letter-spacing:-.03em;text-transform:none;font-weight:600}h1{margin-bottom:.35em;font-size:clamp(44px,7vw,96px);line-height:1}h2{margin-bottom:.4em;font-size:clamp(32px,4.6vw,60px);line-height:1.05}h3{letter-spacing:-.02em;margin-bottom:.45em;font-size:clamp(21px,2.4vw,28px);line-height:1.2}h4{letter-spacing:-.01em;font-size:18px;line-height:1.35}.serif-italic{text-transform:none;letter-spacing:inherit;color:inherit;font-family:inherit;font-style:normal;font-weight:400}a{color:inherit;text-decoration:none}p{max-width:68ch}.container{max-width:1320px;padding:0 var(--gutter);margin:0 auto}.section{border-bottom:1px solid var(--line);padding:clamp(56px,9vh,110px) 0;position:relative}.section-header{text-align:left;max-width:880px;box-shadow:none;background:0 0;border:none;margin-bottom:clamp(28px,5vh,56px);padding:0;transform:none}.section-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-subtle);box-shadow:none;background:0 0;border:none;align-items:center;gap:10px;margin-bottom:22px;padding:0;font-size:12px;font-weight:400;display:inline-flex}.section-label:before{content:"";background:var(--line-strong);width:28px;height:1px}.section-title{color:var(--ink);letter-spacing:-.03em;margin-top:0;font-size:clamp(34px,4.8vw,64px);font-weight:600}.section-desc{color:var(--ink-soft);max-width:620px;margin-top:18px;font-size:clamp(16px,1.4vw,19px);line-height:1.7}.site-header{z-index:100;background:color-mix(in srgb, var(--paper) 72%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);border-bottom:1px solid var(--line);transition:transform var(--dur-med) var(--ease-out-expo);padding:0;position:fixed;top:0;left:0;right:0}.site-header.is-hidden{transform:translateY(-100%)}.header-container{height:var(--header-h);justify-content:space-between;align-items:center;display:flex}.logo-group{font-family:var(--font-logo);letter-spacing:-.02em;color:var(--ink);text-transform:none;box-shadow:none;transition:opacity var(--dur-fast) ease;background:0 0;border:none;align-items:baseline;gap:2px;padding:0;font-size:17px;font-weight:600;display:inline-flex;transform:none}.logo-group:hover{opacity:.6;box-shadow:none;transform:none}.logo-mark{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-subtle);font-size:.9em;font-style:normal}.nav-links{align-items:center;gap:clamp(14px,2.4vw,34px);display:flex}.nav-link{font-family:var(--font-body);letter-spacing:.01em;color:var(--ink);transition:color var(--dur-fast) ease;background:0 0;border:none;padding:6px 0;font-size:14px;font-weight:500;position:relative}.nav-link:after{content:"";background:var(--ink);transform-origin:100%;width:100%;height:1px;transition:transform .45s var(--ease-out-expo);position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-link:hover{box-shadow:none;background:0 0;border:none;transform:none}.nav-link:hover:after,.nav-link.is-active:after{transform-origin:0;transform:scaleX(1)}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin:0 -10px 0 0;padding:0;display:none}.nav-toggle span{background:var(--ink);width:22px;height:2px;transition:transform .32s var(--ease-out-expo), opacity .2s ease;border-radius:2px;margin:0 auto;display:block}.is-menu-open .nav-toggle span:first-child{transform:translateY(7px)rotate(45deg)}.is-menu-open .nav-toggle span:nth-child(2){opacity:0}.is-menu-open .nav-toggle span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-nav{top:var(--header-h);z-index:99;padding:32px 24px calc(32px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--paper) 96%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.2);flex-direction:column;gap:4px;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-link{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--ink);border-bottom:1px solid var(--line);transition:opacity .2s ease, padding-left .3s var(--ease-out-expo);padding:14px 0;font-size:clamp(34px,11vw,56px);font-weight:600}.mobile-nav-link.active{opacity:.45}.mobile-nav-link:active{padding-left:8px}.mobile-nav-cta{width:100%;margin-top:28px;padding:18px 30px;font-size:17px}.btn{font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;border:1px solid var(--ink);border-radius:var(--radius-pill);text-transform:none;transition:background var(--dur-fast) var(--ease-out-expo), color var(--dur-fast) var(--ease-out-expo), border-color var(--dur-fast) var(--ease-out-expo), transform var(--dur-fast) var(--ease-out-expo);justify-content:center;align-items:center;gap:10px;padding:14px 30px;font-size:15px;font-weight:700;display:inline-flex}.btn-primary{background:var(--ink);color:var(--paper);box-shadow:none}.btn-primary:hover{background:var(--brand);border-color:var(--brand);color:var(--white);box-shadow:none;transform:none}.btn-primary:active{box-shadow:none;transform:scale(.97)}.btn-secondary{color:var(--ink);border-color:var(--line-strong);box-shadow:none;background:0 0}.btn-secondary:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:none;transform:none}.btn-secondary:active{box-shadow:none;transform:scale(.97)}.hero-collage{border-bottom:1px solid var(--line);min-height:100svh;padding:calc(var(--header-h) + 24px) var(--gutter) 64px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-stack{z-index:2;text-align:center;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:relative}.stack-line{font-family:var(--font-heading);white-space:nowrap;letter-spacing:-.04em;text-transform:lowercase;color:var(--ink);margin:0;font-size:clamp(42px,8.6vw,130px);font-weight:700;line-height:.92}.stack-period{color:var(--brand)}.stack-parens{align-items:center;gap:clamp(10px,1.6vw,26px);margin:clamp(2px,.8vh,12px) 0;display:flex}.stack-parens .paren{font-family:var(--font-heading);color:var(--ink);font-size:clamp(52px,9.2vw,142px);font-weight:500;line-height:.8}.paren-card{aspect-ratio:4/3;background:var(--ink);border-radius:clamp(12px,1.4vw,22px);justify-content:center;align-items:center;width:clamp(76px,9.4vw,142px);display:inline-flex;overflow:hidden}.paren-card .pie-glyph{width:62%;height:auto;animation:14s linear infinite pieSpin}@keyframes pieSpin{to{transform:rotate(360deg)}}.collage-card{z-index:1;will-change:transform;position:absolute}.mini-caption{font-family:var(--font-mono);letter-spacing:.1em;text-transform:lowercase;color:#f4f1eabf;margin-top:10px;font-size:10px;display:block}.mini-caption.dark{color:var(--ink-subtle)}.card-pie{width:clamp(150px,16vw,230px);top:12%;left:5%}.mini-poster{text-align:center;background:linear-gradient(160deg,#3447ff 0%,#2434d8 100%);border-radius:18px;flex-direction:column;align-items:center;padding:30px 20px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px -16px #2b3cf073}.mini-poster:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 42%,#ffffff24 0%,#0000 55%);position:absolute;inset:0}.mini-poster-index{font-family:var(--font-mono);letter-spacing:.12em;color:#ffffff8c;font-size:9px;position:absolute;top:12px;left:14px}.mini-poster .pie-glyph{width:70%;height:auto;animation:18s linear infinite pieSpin}.card-app{width:clamp(150px,15vw,220px);height:clamp(100px,9vw,140px);top:11%;right:6%}.app-blob{background:linear-gradient(150deg,#ff9560,#ec6a33);border-radius:28px 28px 8px;position:absolute;inset:0 0 22% 18%;box-shadow:0 20px 40px -16px #ec6a3380}.app-chip{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--ink);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:11px 16px 11px 11px;font-size:14.5px;font-weight:600;display:flex;position:absolute;bottom:0;left:0;box-shadow:0 18px 38px -14px #16140f59}.app-chip-text{flex-direction:column;gap:5px;line-height:1;display:flex}.app-chip-bar{background:var(--paper-deep);border-radius:999px;width:72px;height:4px;display:block;overflow:hidden}.app-chip-bar i{background:var(--brand);height:100%;animation:chipFill 3.2s var(--ease-out-expo) infinite;border-radius:999px;display:block}@keyframes chipFill{0%{width:8%}55%{width:100%}78%{width:100%}to{width:8%}}.app-chip-check{color:#1d9d55;background:#e9f8ef;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:inline-flex}.app-avatar{width:30px;height:30px;color:var(--brand);background:#fde3ef;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.card-curve{width:clamp(150px,14vw,215px);top:44%;right:3.5%}.curve-card{background:#17161b;border:1px solid #ffffff17;border-radius:16px;flex-direction:column;gap:10px;padding:16px 16px 14px;display:flex;box-shadow:0 24px 50px -18px #16140f80}.curve-label{font-family:var(--font-mono);letter-spacing:.1em;color:#ffffff73;font-size:9.5px}.curve-svg{width:100%;height:auto}.curve-path{stroke-dasharray:130;stroke-dashoffset:130px;animation:curveDraw 3s var(--ease-out-expo) infinite}@keyframes curveDraw{0%{stroke-dashoffset:130px}45%,80%{stroke-dashoffset:0}to{stroke-dashoffset:-130px}}.curve-value{font-family:var(--font-mono);letter-spacing:.04em;color:#fff9;text-align:center;font-size:8.5px}.card-keycap{background:linear-gradient(170deg,#efece5,#e2ded4);border-radius:18px;flex-direction:column;align-items:center;width:clamp(120px,12vw,180px);padding:24px 18px 16px;display:flex;bottom:14%;left:7%;box-shadow:0 24px 50px -18px #16140f4d}.keycap{aspect-ratio:1;width:clamp(58px,5.5vw,84px);animation:keycapPress 2.8s var(--ease-out-expo) infinite;background:linear-gradient(145deg,#fa9ecb 0%,#e62e8a 70%,#c41f73 100%);border-radius:18px;justify-content:center;align-items:center;display:flex;rotate:-8deg;box-shadow:0 14px 26px -8px #e62e8a99,inset 0 -6px #0003,inset 0 1px #ffffff59}@keyframes keycapPress{0%,to{transform:translateY(0);box-shadow:0 14px 26px -8px #e62e8a99,inset 0 -6px #0003,inset 0 1px #ffffff59}12%{transform:translateY(4px);box-shadow:0 6px 14px -6px #e62e8a80,inset 0 -2px #0003,inset 0 1px #ffffff59}24%{transform:translateY(0)}}.keycap-face{width:76%;height:72%;font-family:var(--font-heading);color:#fff;background:#ffffff38;border-radius:10px;justify-content:center;align-items:center;font-size:clamp(20px,2vw,30px);font-weight:700;display:flex}.card-player{background:#fff;border-radius:16px;width:clamp(180px,18vw,260px);padding:10px;bottom:10%;right:8%;box-shadow:0 24px 50px -18px #16140f59}.player-cover{aspect-ratio:16/9;background:radial-gradient(circle at 75% 20%,#ffffff40 0%,#0000 45%),linear-gradient(140deg,#3447ff 0%,#e62e8a 100%);border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.player-chip{font-family:var(--font-mono);letter-spacing:.06em;color:#ffffffd9;background:#0000004d;border-radius:999px;padding:3px 8px;font-size:8px;position:absolute;top:8px;left:8px}.player-play{width:34px;height:34px;color:var(--ink);background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;padding-left:3px;font-size:11px;animation:2.2s ease-in-out infinite capPulse;display:flex}.player-bar{align-items:center;gap:10px;padding:10px 4px 4px;display:flex}.player-track{background:var(--paper-deep);border-radius:999px;flex:1;height:3px;overflow:hidden}.player-track i{background:var(--brand);border-radius:999px;height:100%;animation:6s linear infinite playerProgress;display:block}@keyframes playerProgress{0%{width:4%}to{width:100%}}.player-time{font-family:var(--font-mono);color:var(--ink-subtle);font-size:9px}.collage-dot{background:var(--ink);z-index:1;border-radius:50%;width:14px;height:14px;position:absolute;top:52%;left:18%}.collage-dot:after{content:"";border:1px solid var(--ink);animation:dotPulse 2.4s var(--ease-out-expo) infinite;border-radius:50%;position:absolute;inset:-4px}@keyframes dotPulse{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(2.1)}}.hero-corner{z-index:3;font-family:var(--font-mono);letter-spacing:.12em;text-transform:lowercase;color:var(--ink-subtle);font-size:11.5px;position:absolute}.corner-bl{left:var(--gutter);bottom:26px}.corner-br{right:var(--gutter);bottom:26px}.intro-grid{grid-template-columns:minmax(0,.35fr) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,80px);display:grid}.intro-copy{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--ink);max-width:26ch;font-size:clamp(22px,2.8vw,40px);font-weight:600;line-height:1.35}.intro-copy em{color:var(--brand);font-style:normal;font-weight:600}.intro-ctas{flex-wrap:wrap;gap:14px;margin-top:40px;display:flex}.split-reveal .split-mask{overflow:hidden}.split-reveal .split-line{will-change:transform}.marquee{border-bottom:1px solid var(--line);background:var(--paper);padding:22px 0;overflow:hidden}.marquee-track{width:max-content;animation:marqueeScroll var(--marquee-speed,28s) linear infinite;display:flex}.marquee-row{flex-shrink:0;align-items:center;display:flex}.marquee-item{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--ink-soft);white-space:nowrap;align-items:center;gap:28px;padding-right:28px;font-size:clamp(15px,1.6vw,21px);font-weight:500;display:inline-flex}.marquee-item .serif-italic{color:var(--ink)}.marquee-dot{background:var(--brand);border-radius:50%;flex-shrink:0;width:5px;height:5px}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.work-index{border-top:1px solid var(--line)}.index-row{border-bottom:1px solid var(--line);cursor:pointer;isolation:isolate;grid-template-columns:64px minmax(0,1.1fr) minmax(0,1fr) auto;align-items:center;gap:clamp(16px,3vw,48px);padding:clamp(28px,4.5vh,48px) 0;display:grid;position:relative}.index-row:before{content:"";inset:0 calc(var(--gutter) * -1);background:var(--paper-deep);transform-origin:bottom;transition:transform .5s var(--ease-out-expo);z-index:-1;position:absolute;transform:scaleY(0)}.index-row:hover:before{transform:scaleY(1)}.index-num{font-family:var(--font-mono);letter-spacing:.1em;color:var(--ink-subtle);font-size:12px}.index-title{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--ink);transition:transform .5s var(--ease-out-expo);font-size:clamp(28px,4vw,54px);font-weight:600;line-height:1.05}.index-row:hover .index-title{transform:translate(12px)}.index-desc{color:var(--ink-soft);max-width:42ch;font-size:15px;line-height:1.6}.index-meta{align-items:center;gap:18px;display:flex}.index-tag{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-subtle);border:1px solid var(--line-strong);border-radius:var(--radius-pill);white-space:nowrap;padding:6px 14px;font-size:11px}.index-arrow{border:1px solid var(--line-strong);width:52px;height:52px;color:var(--ink);transition:background .4s var(--ease-out-expo), color .4s var(--ease-out-expo), transform .4s var(--ease-out-expo);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.index-row:hover .index-arrow{background:var(--ink);color:var(--paper);transform:rotate(-45deg)}.about-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:clamp(32px,6vw,120px);display:grid}.about-lede{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--ink);font-size:clamp(22px,2.6vw,36px);font-weight:600;line-height:1.35}.stat-list{border-top:1px solid var(--line);flex-direction:column;display:flex}.stat-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding:20px 0;display:flex}.stat-value{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--ink);font-size:clamp(28px,3vw,44px);font-weight:600}.stat-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-subtle);font-size:11.5px}.site-footer{background:var(--ink);color:var(--paper);text-align:left;border-top:none;padding:0;overflow:hidden}.footer-cta{padding:clamp(72px,13vh,150px) 0 clamp(40px,7vh,80px)}.footer-cta-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#f4f1ea80;margin-bottom:24px;font-size:12px;display:block}.footer-cta-link{font-family:var(--font-heading);letter-spacing:-.04em;color:var(--paper);transition:color var(--dur-fast) ease;align-items:center;gap:.25em;font-size:clamp(40px,8vw,120px);font-weight:600;line-height:1;display:inline-flex}.footer-cta-link .serif-italic{color:#f4f1eabf}.footer-cta-link:hover{color:var(--brand)}.footer-cta-arrow{width:1.4em;height:1.4em;transition:transform .5s var(--ease-out-expo), background var(--dur-fast) ease;border:1px solid #f4f1ea4d;border-radius:50%;justify-content:center;align-items:center;font-size:.5em;display:inline-flex}.footer-cta-link:hover .footer-cta-arrow{background:#f4f1ea14;transform:rotate(-45deg)}.footer-rule{border-top:1px solid #f4f1ea24;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:28px 0 36px;display:flex}.footer-links{flex-wrap:wrap;gap:28px;display:flex}.footer-link{font-family:var(--font-body);color:var(--paper);padding:4px 0;font-size:14px;font-weight:500;position:relative}.footer-link:after{content:"";background:var(--paper);transform-origin:100%;width:100%;height:1px;transition:transform .45s var(--ease-out-expo);position:absolute;bottom:0;left:0;transform:scaleX(0)}.footer-link:hover:after{transform-origin:0;transform:scaleX(1)}.footer-copy{font-family:var(--font-mono);color:#f4f1ea73;letter-spacing:.1em;text-transform:uppercase;font-size:11.5px}.cursor-blob{mix-blend-mode:difference;pointer-events:none;z-index:2000;background:#fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:fixed;top:0;left:0}@media (pointer:coarse){.cursor-blob{display:none}}.page-wrap{min-height:100vh}.video-wrapper{aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-soft);width:100%;max-width:980px;box-shadow:var(--shadow-flat);margin:0 auto 56px;position:relative;overflow:hidden}.video-wrapper iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.split-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:40px;display:grid}.split-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-soft);box-shadow:none;transition:box-shadow var(--dur-med) var(--ease-out-expo), transform var(--dur-med) var(--ease-out-expo);padding:clamp(28px,3.5vw,44px);position:relative}.split-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.problem-card{border-color:var(--line);background:#f7efe9}.solution-card{border-color:var(--line);background:#edf3f2}.split-card-label{font-family:var(--font-heading);text-transform:none;letter-spacing:-.01em;margin-bottom:22px;font-size:20px;font-weight:500}.problem-card .split-card-label{color:var(--brand)}.solution-card .split-card-label{color:var(--cyan)}.split-list{list-style:none}.split-list li{color:var(--ink-soft);margin-bottom:16px;padding-left:26px;font-size:15px;line-height:1.6;position:relative}.split-list li:before{font-weight:600;position:absolute;top:1px;left:0}.problem-card li:before{content:"✕";color:var(--brand)}.solution-card li:before{content:"✓";color:var(--cyan)}.steps-row{justify-content:space-between;align-items:stretch;gap:16px;margin-top:40px;display:flex}.step-card{background:var(--paper-soft);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:none;text-align:left;transition:transform var(--dur-med) var(--ease-out-expo), box-shadow var(--dur-med) var(--ease-out-expo);flex:1;padding:32px 26px}.step-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.step-card.highlight{border-color:var(--line-strong);box-shadow:none}.step-card.highlight:hover{box-shadow:var(--shadow-hover)}.step-icon{background:var(--paper-deep);border-radius:var(--radius-sm);box-shadow:none;border:none;margin-bottom:18px;padding:12px;font-size:30px;display:inline-block}.step-card h4{margin-bottom:10px;font-size:18px}.step-card p{color:var(--ink-soft);font-size:14.5px}.step-arrow{font-family:var(--font-mono);color:var(--ink-subtle);-webkit-user-select:none;user-select:none;align-self:center;font-size:20px}.premium-bento-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}.bento-card{background:var(--paper-soft);border:1px solid var(--line);border-radius:var(--radius-md);transition:transform var(--dur-med) var(--ease-out-expo), box-shadow var(--dur-med) var(--ease-out-expo);box-shadow:none;padding:32px;position:relative;overflow:hidden}.bento-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.bento-card.wide{box-shadow:none;grid-column:span 2}.bento-card.wide:hover{box-shadow:var(--shadow-hover)}.bento-icon{background:var(--paper-deep);border-radius:var(--radius-sm);box-shadow:none;border:none;margin-bottom:20px;padding:10px 14px;font-size:26px;display:inline-block}.bento-card h3{text-transform:none;margin-bottom:10px;font-size:21px}.bento-card p{color:var(--ink-soft);font-size:15px}.compare-table-wrapper{background:var(--paper-soft);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:none;margin-top:40px;padding:clamp(8px,2vw,24px);overflow-x:auto}.compare-table{border-collapse:collapse;width:100%}.compare-table th{text-align:left;font-family:var(--font-heading);border-bottom:1px solid var(--line-strong);color:var(--ink);text-transform:none;letter-spacing:-.01em;padding:18px 20px;font-size:15px;font-weight:500}.compare-table td{border-bottom:1px solid var(--line);color:var(--ink-soft);padding:18px 20px;font-size:14.5px}.compare-table tr:last-child td{border-bottom:none}.compare-table tr:hover td{background:var(--paper-deep)}.compare-table th.highlight-col{border-left:1px solid var(--line);border-right:1px solid var(--line);background:var(--paper-deep);color:var(--cyan);border-top:none}.compare-table td.highlight-col{background:color-mix(in srgb, var(--paper-deep) 50%, transparent);color:var(--ink);border-left:1px solid var(--line);border-right:1px solid var(--line);font-weight:500}.compare-table tr:last-child td.highlight-col{border-bottom:none}.muted-col{color:var(--ink-subtle)}.faq-list{border-top:1px solid var(--line);flex-direction:column;gap:0;max-width:800px;margin:40px auto 0;display:flex}.faq-item{border:none;border-bottom:1px solid var(--line);box-shadow:none;background:0 0;transition:none}.faq-item:hover{box-shadow:none;transform:none}.faq-trigger{width:100%;font-family:var(--font-heading);color:var(--ink);cursor:pointer;text-align:left;text-transform:none;letter-spacing:-.01em;transition:color var(--dur-fast) ease;background:0 0;border:none;justify-content:space-between;align-items:center;padding:26px 4px;font-size:18px;font-weight:500;display:flex}.faq-trigger:hover{color:var(--ink-subtle)}.faq-chevron{color:var(--ink-subtle);transition:transform .35s var(--ease-out-expo);font-size:13px;font-family:var(--font-heading);font-size:22px;font-weight:400;line-height:1}.faq-item.open .faq-chevron{transform:rotate(45deg)}.faq-body-wrapper{overflow:hidden}.faq-body{color:var(--ink-soft);border-top:none;margin-top:0;padding:0 4px 26px;font-size:15px;line-height:1.7}.beta-lab-card{background:var(--paper-soft);border:1px solid var(--line);border-radius:var(--radius-lg);text-align:center;max-width:800px;box-shadow:var(--shadow-flat);margin:0 auto;padding:clamp(48px,7vw,80px) clamp(28px,5vw,64px)}.beta-form{flex-direction:column;gap:14px;max-width:420px;margin:32px auto 0;display:flex}.form-input{border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--paper);color:var(--ink);font-size:15px;font-family:var(--font-body);transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;width:100%;box-shadow:none;outline:none;padding:16px 22px}.form-input::placeholder{color:var(--ink-subtle)}.form-input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #16140f14}textarea.form-input{border-radius:var(--radius-md)}.success-msg{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);color:var(--ink);font-family:var(--font-heading);text-transform:none;box-shadow:none;padding:20px;font-size:16px;font-weight:500}.contact-page{background:var(--paper)}.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.contact-info-block{border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding:28px 0;display:flex}.contact-info-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-subtle);font-size:11.5px}.contact-info-link{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--ink);width:fit-content;transition:color var(--dur-fast) ease;align-items:center;gap:10px;font-size:clamp(18px,2vw,24px);font-weight:500;display:inline-flex}.contact-info-link:hover{color:var(--brand)}.form-group{text-align:left;flex-direction:column;gap:10px;display:flex}.form-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-subtle);font-size:11.5px;font-weight:400}.field-line{border:none;border-bottom:1px solid var(--line-strong);font-size:clamp(16px,1.4vw,19px);font-family:var(--font-heading);color:var(--ink);width:100%;transition:border-color var(--dur-fast) ease;background:0 0;border-radius:0;outline:none;padding:12px 0 14px}.field-line::placeholder{color:var(--ink-subtle);opacity:.7}.field-line:focus{border-color:var(--ink);box-shadow:none}.portfolio-bento{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}.bento-item{background:var(--paper-soft);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:none;min-height:320px;transition:transform var(--dur-med) var(--ease-out-expo), box-shadow var(--dur-med) var(--ease-out-expo);flex-direction:column;justify-content:space-between;padding:clamp(24px,2.8vw,36px);display:flex;position:relative}.bento-item:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}.bento-item.bento-large{box-shadow:none;grid-column:span 2}.bento-item.bento-large:hover,.bento-item.bento-secondary-highlight:hover,.bento-item.bento-accent-highlight:hover{box-shadow:var(--shadow-hover)}.bento-item.bento-secondary-highlight,.bento-item.bento-accent-highlight{box-shadow:none}.bento-content h3{text-transform:none;margin-bottom:10px;font-size:22px}.bento-content p{color:var(--ink-soft);font-size:14.5px}.bento-media{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-deep);height:120px;box-shadow:none;margin-top:24px;position:relative;overflow:hidden}.widget-chip{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-subtle);border:1px solid var(--line-strong);border-radius:var(--radius-pill);width:fit-content;margin-bottom:14px;padding:4px 12px;font-size:10.5px;display:inline-block}.widget-panel{border-radius:var(--radius-md);background:#16151a;border:1px solid #ffffff12;position:relative;overflow:hidden}.widget-slider{appearance:none;background:var(--line-strong);cursor:ew-resize;border-radius:999px;outline:none;flex:1;height:2px}.widget-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border:3px solid var(--paper);width:16px;height:16px;box-shadow:0 0 0 1px var(--line-strong);cursor:grab;border-radius:50%}.widget-slider::-moz-range-thumb{background:var(--ink);border:3px solid var(--paper);width:16px;height:16px;box-shadow:0 0 0 1px var(--line-strong);cursor:grab;border-radius:50%}.widget-pill-btn{color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;transition:background var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;padding:8px 18px;font-size:12.5px;font-weight:500}.widget-pill-btn:hover,.widget-pill-btn.active{background:var(--ink);color:var(--paper)}.showreel-container{aspect-ratio:21/9;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-soft);box-shadow:none;cursor:pointer;transition:box-shadow var(--dur-med) var(--ease-out-expo);justify-content:center;align-items:center;margin-bottom:40px;display:flex;position:relative;overflow:hidden}.showreel-container:hover{box-shadow:var(--shadow-hover);transform:none}.showreel-placeholder{font-family:var(--font-heading);color:var(--ink);text-transform:none;align-items:center;gap:16px;font-size:17px;font-weight:500;display:flex}.play-icon{background:var(--ink);color:var(--paper);width:60px;height:60px;box-shadow:none;transition:transform .4s var(--ease-out-expo), background var(--dur-fast) ease;border:none;border-radius:50%;justify-content:center;align-items:center;padding-left:4px;font-size:18px;display:flex}.showreel-container:hover .play-icon{background:var(--brand);color:var(--white);transform:scale(1.12)}.showcase-controls-wrapper{background:0 0;border-bottom:none;justify-content:center;margin-bottom:16px;padding:clamp(24px,4vh,44px) 0 20px;display:flex;position:static}.floating-switcher{z-index:90;background:color-mix(in srgb, var(--ink) 92%, transparent);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-pill);border:1px solid #f4f1ea1f;gap:4px;padding:5px;display:flex;position:fixed;bottom:22px;left:50%;translate:-50%;box-shadow:0 18px 44px -12px #16140f73}.floating-switcher-item{border-radius:var(--radius-pill);color:#f4f1ea99;font-family:var(--font-heading);cursor:pointer;transition:background var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:500;display:inline-flex}.floating-switcher-item:hover{color:var(--paper)}.floating-switcher-item.active{background:var(--paper);color:var(--ink)}.floating-switcher-glyph{font-size:12px}.plugin-showcase-section{padding-bottom:clamp(56px,9vh,110px)}.plugin-hero{text-align:center;max-width:880px;margin:0 auto clamp(40px,6vh,72px);padding-top:clamp(16px,3vh,36px)}.plugin-hero .section-label{justify-content:center}.plugin-hero .section-label:before{display:none}.plugin-title{letter-spacing:-.035em;margin:0 0 24px;font-size:clamp(40px,6.5vw,92px);font-weight:600;line-height:1.02}.plugin-sub{color:var(--ink-soft);max-width:58ch;margin:0 auto 36px;font-size:clamp(16px,1.5vw,19px);line-height:1.7}.cta-row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.plugin-section{border-bottom:1px solid var(--line);margin-bottom:clamp(44px,7vh,76px);padding-bottom:clamp(44px,7vh,76px)}.plugin-section.last{border-bottom:none;margin-bottom:0;padding-bottom:clamp(24px,4vh,48px)}.step-num{font-family:var(--font-mono);letter-spacing:.12em;color:var(--ink-subtle);margin-bottom:18px;font-size:12px;display:block}.beta-lab-card .section-title{font-size:clamp(28px,3.6vw,48px)}.context-explorer{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;gap:clamp(20px,3vw,40px);display:grid}.context-tabs{grid-template-columns:1fr 1fr;align-content:start;gap:8px;display:grid}.context-tab{background:var(--paper-soft);border:1px solid var(--line);border-radius:var(--radius-pill);font-family:var(--font-body);color:var(--ink-soft);cursor:pointer;text-align:left;transition:background var(--dur-fast) ease, color var(--dur-fast) ease, border-color var(--dur-fast) ease;align-items:center;gap:10px;padding:13px 18px;font-size:13.5px;font-weight:500;display:flex}.context-tab:hover{border-color:var(--line-strong);color:var(--ink)}.context-tab.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.context-tab-icon{font-size:15px;line-height:1}.context-stage{border-radius:var(--radius-lg);background:#16151a;border:1px solid #ffffff12;flex-direction:column;gap:16px;padding:28px;display:flex;overflow:hidden}.context-stage-head p{color:#f4f1eab8;max-width:48ch;margin-top:14px;font-size:14.5px;line-height:1.6}.widget-chip.light{color:#f4f1ead9;border-color:#f4f1ea59}.context-stage-menu{cursor:crosshair;flex-shrink:0;width:300px;height:360px;margin:0 auto;position:relative}.plugin-toggle{background:var(--paper-deep);border:1px solid var(--line);border-radius:var(--radius-pill);gap:6px;padding:7px;display:inline-flex;position:relative}.plugin-toggle-item{border-radius:var(--radius-pill);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:14px;padding:16px 34px 16px 24px;display:flex;position:relative}.plugin-toggle-highlight{background:var(--ink);border-radius:var(--radius-pill);z-index:1;position:absolute;inset:0}.plugin-toggle-glyph{z-index:2;border:1px solid var(--line-strong);width:40px;height:40px;color:var(--ink);background:var(--paper-soft);transition:color var(--dur-fast) ease, border-color var(--dur-fast) ease, background var(--dur-fast) ease;border-radius:50%;justify-content:center;align-items:center;font-size:17px;display:inline-flex;position:relative}.plugin-toggle-item.active .plugin-toggle-glyph{background:var(--brand);border-color:var(--brand);color:var(--white)}.plugin-toggle-text{z-index:2;flex-direction:column;gap:1px;display:flex;position:relative}.plugin-toggle-name{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--ink);transition:color var(--dur-fast) ease;font-size:19px;font-weight:500;line-height:1.15}.plugin-toggle-sub{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-subtle);transition:color var(--dur-fast) ease;font-size:10px}.plugin-toggle-item.active .plugin-toggle-name{color:var(--paper)}.plugin-toggle-item.active .plugin-toggle-sub{color:#f4f1ea99}.logo-pill{border:1px solid var(--line-strong);border-radius:var(--radius-pill);font-family:var(--font-heading);color:var(--ink);align-items:center;gap:9px;margin-bottom:30px;padding:9px 20px;font-size:14.5px;font-weight:500;display:inline-flex}.logo-pill i{color:var(--brand);font-size:13px;font-style:normal}.logo-pill em{font-style:normal;font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink-subtle);font-size:.72em}.workflow-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(14px,2vw,28px);margin:0 auto 36px;padding:13px 6px;font-size:11.5px;display:inline-flex}.workflow-step{box-shadow:none;color:var(--ink-soft);white-space:nowrap;background:0 0;border:none;border-radius:0;align-items:baseline;gap:8px;padding:0;display:inline-flex}.workflow-num{color:var(--ink-subtle);font-size:9.5px}.workflow-step.highlight{box-shadow:none;color:var(--brand);background:0 0;border:none;font-weight:700}.workflow-step.highlight .workflow-num{color:var(--brand)}.workflow-arrow{font-family:var(--font-mono);color:var(--ink-subtle);opacity:.6;font-size:12px}.trust-badge{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-subtle);align-items:center;gap:10px;margin-top:28px;font-size:11.5px;display:inline-flex}.trust-dot{background:var(--brand);border-radius:50%;width:4px;height:4px}.table-badge{width:fit-content;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--brand);border:1px solid color-mix(in srgb, var(--brand) 45%, transparent);border-radius:var(--radius-pill);margin-bottom:8px;padding:3px 10px;font-size:9.5px;display:block}.final-cta{text-align:center;flex-direction:column;align-items:center;max-width:720px;margin:0 auto;display:flex}.final-cta .trust-badge{margin-top:24px}.form-error{color:var(--brand);font-family:var(--font-mono);margin:0;font-size:13px}.success-link{text-underline-offset:3px;font-weight:500;text-decoration:underline}.band-dark,.band-tint{border-radius:var(--radius-lg);border-bottom:none;padding:clamp(36px,6vh,64px) clamp(22px,4vw,56px);position:relative;overflow:hidden}.band-dark{background:radial-gradient(circle at 18% 0%, #ffffff12 0%, transparent 45%), var(--ink)}.band-dark:before{content:"";pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.band-dark>*{position:relative}.band-tint{background-color:var(--paper-deep);background-image:radial-gradient(#16140f12 1px,#0000 1px);background-size:18px 18px}.band-dark .section-title,.band-dark h2,.band-dark h3,.band-dark h4{color:var(--paper)}.band-dark .section-desc,.band-dark p{color:#f4f1eab3}.band-dark .section-label{color:#f4f1ea8c}.band-dark .section-label:before{background:#f4f1ea59}.band-dark .serif-italic{color:#f4f1ead9}.band-dark .bento-card,.band-dark .step-card{box-shadow:none;background:#ffffff0b;border-color:#ffffff17}.band-dark .bento-card:hover,.band-dark .step-card:hover{box-shadow:none;background:#ffffff13}.band-dark .bento-card h3,.band-dark .step-card h4{color:var(--paper)}.band-dark .bento-card p,.band-dark .step-card p{color:#f4f1ea9e}.band-dark .widget-chip{color:#f4f1eab3;border-color:#f4f1ea4d}.band-dark .step-num{color:#f4f1ea73}.band-tint .compare-table-wrapper{background:var(--paper-soft);border-color:var(--line)}.beta-lab-card{background:var(--ink);border-color:var(--ink)}.beta-lab-card .section-title{color:var(--paper)}.beta-lab-card .serif-italic{color:#f4f1ead9}.beta-lab-card p{color:#f4f1eaad}.beta-lab-card .section-label{color:#f4f1ea80}.beta-lab-card .form-input{color:var(--paper);background:#ffffff0f;border-color:#f4f1ea38}.beta-lab-card .form-input::placeholder{color:#f4f1ea66}.beta-lab-card .form-input:focus{border-color:var(--paper);box-shadow:0 0 0 3px #f4f1ea1a}.beta-lab-card .btn-primary{background:var(--paper);color:var(--ink);border-color:var(--paper)}.beta-lab-card .btn-primary:hover{background:var(--brand);border-color:var(--brand);color:var(--white)}.beta-lab-card .success-msg{color:var(--paper);background:#ffffff0f;border-color:#f4f1ea33}.beta-lab-card .form-error{color:#ff7ab8}.section.band-dark,.section.band-tint{border-radius:var(--radius-lg);margin-inline:clamp(8px,1vw,18px)}.band-dark .about-lede{color:var(--paper)}.band-dark .stat-list{border-top-color:#f4f1ea2e}.band-dark .stat-row{border-bottom-color:#f4f1ea2e}.band-dark .stat-value{color:var(--paper)}.band-dark .stat-label{color:#f4f1ea80}.work-section{padding-top:clamp(56px,7vw,100px);padding-bottom:clamp(40px,6vw,80px)}.work-stack{margin-top:clamp(20px,3vw,40px);position:relative}.work-card-container{justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0}.work-card{border-radius:var(--radius-lg);transform-origin:top;will-change:transform;align-items:stretch;gap:clamp(24px,3vw,56px);width:min(1140px,92vw);height:clamp(440px,66vh,640px);padding:clamp(28px,3.4vw,56px);text-decoration:none;display:flex;position:relative;top:0;overflow:hidden;box-shadow:0 40px 90px -36px #16140f8c}.work-card.is-flip{flex-direction:row-reverse}.work-card-ghost{font-family:var(--font-heading);letter-spacing:-.04em;color:currentColor;opacity:.07;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(180px,26vw,420px);font-weight:600;line-height:1;position:absolute;top:-.32em;right:.04em}.work-card.is-flip .work-card-ghost{left:.04em;right:auto}.work-card-text{z-index:1;flex-direction:column;flex:36%;justify-content:space-between;gap:24px;min-width:0;display:flex;position:relative}.work-card-num{font-family:var(--font-mono);letter-spacing:.16em;opacity:.6;font-size:12px}.work-card-title{font-family:var(--font-heading);letter-spacing:-.035em;margin:14px 0 0;font-size:clamp(40px,5.2vw,82px);font-weight:600;line-height:.92}.work-card-tag{font-family:var(--font-body);opacity:.78;margin-top:12px;font-size:clamp(15px,1.4vw,19px);display:block}.work-card-foot{flex-direction:column;gap:18px;display:flex}.work-card-services{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.work-card-services li{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-pill);opacity:.65;border:1px solid;padding:6px 13px;font-size:10.5px}.work-card-cta{font-family:var(--font-body);width:fit-content;transition:gap .3s var(--ease-out-expo);align-items:center;gap:7px;font-size:15px;font-weight:700;display:inline-flex}.work-card:hover .work-card-cta{gap:14px}.work-card-media{border-radius:var(--radius-md);background:#0000002e;flex:56%;overflow:hidden}.work-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .85s var(--ease-out-expo);display:block}.work-card:hover .work-card-media img{transform:scale(1.05)}@media (width<=760px){.work-card-container{height:auto;padding:16px 0;position:relative}.work-card,.work-card.is-flip{flex-direction:column;width:92vw;height:auto}.work-card-media{aspect-ratio:16/10;flex:none}.work-card-title{font-size:clamp(34px,11vw,56px)}.work-card-ghost{font-size:150px}}.doodad{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;display:block;position:absolute}.doodad svg{display:block;overflow:visible}.doodad-spin svg{animation:26s linear infinite doodadSpin}.doodad-float{animation:5.5s ease-in-out infinite alternate doodadFloat}@keyframes doodadSpin{to{transform:rotate(360deg)}}@keyframes doodadFloat{0%{translate:0 -8px}to{translate:0 8px}}.plugin-hero,.footer-cta,.intro-section .container{position:relative}.cap-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,64px);display:grid}.cap-list{border-top:1px solid var(--line);flex-direction:column;display:flex}.cap-row{text-align:left;border:none;border-bottom:1px solid var(--line);cursor:pointer;transition:background var(--dur-fast) ease;background:0 0;grid-template-columns:56px minmax(0,1fr) 44px;grid-template-areas:"num title arrow"".desc arrow";align-items:center;gap:6px 14px;padding:clamp(22px,3.4vh,34px) 6px;display:grid}.cap-num{font-family:var(--font-mono);letter-spacing:.1em;color:var(--ink-subtle);grid-area:num;font-size:11px}.cap-title{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--ink-subtle);transition:color var(--dur-fast) ease, transform .4s var(--ease-out-expo);grid-area:title;font-size:clamp(24px,3vw,40px);font-weight:600;line-height:1.1}.cap-row.active .cap-title{color:var(--ink);transform:translate(8px)}.cap-desc{color:var(--ink-subtle);opacity:0;max-width:52ch;max-height:0;transition:opacity .4s ease, max-height .45s var(--ease-out-expo);grid-area:desc;font-size:14.5px;line-height:1.6;overflow:hidden}.cap-row.active .cap-desc{opacity:1;max-height:90px}.cap-arrow{border:1px solid var(--line-strong);width:40px;height:40px;color:var(--ink);opacity:0;transition:opacity .3s ease, transform .45s var(--ease-out-expo);border-radius:50%;grid-area:arrow;justify-content:center;align-items:center;display:inline-flex;transform:rotate(45deg)scale(.7)}.cap-row.active .cap-arrow{opacity:1;transform:rotate(0)scale(1)}.cap-stage{top:calc(var(--header-h) + 32px);background:var(--ink);border-radius:var(--radius-lg);aspect-ratio:4/3.4;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:sticky;overflow:hidden}.cap-stage-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#f4f1ea73;font-size:10px;position:absolute;bottom:16px;left:20px}.cap-stage-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.cap-scene{justify-content:center;align-items:center;width:100%;display:flex}.cap-browser{background:#221f28;border:1px solid #ffffff1a;border-radius:14px;width:min(78%,320px);position:relative;overflow:hidden}.cap-browser-bar{background:#ffffff0a;border-bottom:1px solid #ffffff12;gap:5px;padding:9px 11px;display:flex}.cap-browser-bar i{background:#ffffff40;border-radius:50%;width:7px;height:7px}.cap-browser-body{padding:18px 16px 16px}.cap-headline-block{background:#f4f1ead9;border-radius:5px;width:70%;height:10px;margin-bottom:8px;display:block}.cap-headline-block.short{background:#f4f1ea66;width:44%;margin-bottom:18px}.cap-chart{background:#ffffff0a;border-radius:10px;align-items:flex-end;gap:8px;height:84px;padding:10px;display:flex}.cap-chart i{height:var(--h);animation:capBar 2.6s var(--ease-out-expo) infinite;animation-delay:var(--d);transform-origin:bottom;border-radius:4px 4px 0 0;flex:1}@keyframes capBar{0%,to{transform:scaleY(.55)}45%,70%{transform:scaleY(1)}}.cap-play{background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding-left:2px;font-size:11px;animation:2s ease-in-out infinite capPulse;display:flex;position:absolute;bottom:12px;right:12px}@keyframes capPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.cap-ui{flex-direction:column;align-items:center;gap:16px;display:flex}.cap-toggle{background:#ffffff1f;border-radius:999px;width:58px;height:32px;position:relative}.cap-toggle i{width:24px;height:24px;animation:capToggle 2.4s var(--ease-out-expo) infinite;background:#fff;border-radius:50%;position:absolute;top:4px;left:4px}@keyframes capToggle{0%,40%,to{left:4px}55%,85%{left:30px}}.cap-btn-demo{background:var(--paper);color:var(--ink);font-family:var(--font-body);animation:capBtnPress 2.4s var(--ease-out-expo) infinite;border-radius:999px;padding:12px 28px;font-size:14px;font-weight:700}@keyframes capBtnPress{0%,30%,to{transform:scale(1)}40%{transform:scale(.94)}52%{transform:scale(1.03)}64%{transform:scale(1)}}.cap-slider{background:#ffffff26;border-radius:999px;width:150px;height:3px;position:relative}.cap-slider i{background:var(--brand);width:14px;height:14px;animation:capSlide 3s var(--ease-out-expo) infinite alternate;border-radius:50%;position:absolute;top:50%;left:0;transform:translateY(-50%)}@keyframes capSlide{0%{left:4%}to{left:88%}}.cap-toast{font-family:var(--font-mono);letter-spacing:.06em;color:#9ef0b8;background:#34c7591f;border:1px solid #34c75959;border-radius:999px;padding:6px 14px;font-size:10.5px;animation:2.4s infinite capToast}@keyframes capToast{0%,45%,to{opacity:0;transform:translateY(6px)}60%,90%{opacity:1;transform:translateY(0)}}.cap-tool{flex-direction:column;align-items:center;gap:18px;display:flex}.cap-pie{width:clamp(90px,10vw,130px);animation:16s linear infinite pieSpin}.cap-code{font-family:var(--font-mono);color:#f4f1ea8c;background:#ffffff0d;border:1px solid #ffffff17;border-radius:10px;flex-direction:column;gap:4px;padding:12px 16px;font-size:11px;display:flex}.cap-code .hl{color:#9ef0b8}.plugin-teaser{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:clamp(28px,4vw,72px);display:grid}.plugin-teaser-cards{grid-template-columns:1fr 1fr;gap:16px;display:grid}.plugin-teaser-card{background:var(--paper-soft);border:1px solid var(--line);border-radius:var(--radius-md);height:100%;transition:transform .5s var(--ease-out-expo), box-shadow .5s var(--ease-out-expo), border-color var(--dur-fast) ease;flex-direction:column;gap:10px;padding:clamp(22px,2.6vw,34px);display:flex}.plugin-teaser-card:hover{box-shadow:var(--shadow-hover);border-color:var(--line-strong);transform:translateY(-6px)}.plugin-teaser-glyph{font-size:26px;line-height:1}.plugin-teaser-title{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--ink);font-size:22px;font-weight:600}.plugin-teaser-desc{color:var(--ink-soft);font-size:14px;line-height:1.6}.plugin-teaser-cta{font-family:var(--font-body);color:var(--ink);transition:color var(--dur-fast) ease;margin-top:auto;padding-top:12px;font-size:13.5px;font-weight:700}.plugin-teaser-card:hover .plugin-teaser-cta{color:var(--brand)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.marquee-track{animation:none}html{scroll-behavior:auto}}@media (width<=1024px){.premium-bento-grid{grid-template-columns:repeat(2,1fr)}.bento-card.wide{grid-column:span 1}.steps-row{flex-direction:column;align-items:stretch}.step-arrow{text-align:center;padding:4px 0}.portfolio-bento{grid-template-columns:1fr}.bento-item.bento-large{grid-column:span 1}.index-row{grid-template-columns:40px minmax(0,1fr) auto}.index-desc{display:none}.about-grid,.contact-grid,.intro-grid{grid-template-columns:1fr}.card-curve,.collage-dot{display:none}}@media (width<=768px){:root{--header-h:64px}.header-container{gap:12px}.logo-group{font-size:15px}.nav-links{display:none}.nav-toggle,.mobile-nav{display:flex}.hero-collage{min-height:92svh}.card-app,.card-keycap{display:none}.card-pie{width:96px;top:9%;left:-4%}.card-player{width:124px;bottom:7%;right:-3%}.hero-corner{font-size:10px}.corner-bl,.corner-br{bottom:16px}.stack-line{font-size:clamp(30px,9vw,130px)}.stack-parens .paren{font-size:clamp(38px,10.5vw,142px)}.paren-card{width:clamp(56px,11vw,142px)}.intro-ctas{flex-direction:column;align-items:stretch;gap:10px}.split-grid,.premium-bento-grid{grid-template-columns:1fr}.index-row{grid-template-columns:minmax(0,1fr) auto}.index-num,.index-meta .index-tag{display:none}.footer-rule{flex-direction:column;align-items:flex-start}.context-explorer{grid-template-columns:1fr}.context-tabs{grid-template-columns:1fr 1fr}.context-stage-menu{transform-origin:top;transform:scale(.9)}.cta-row{flex-direction:column;align-items:stretch}.cap-grid{grid-template-columns:1fr}.cap-stage{aspect-ratio:16/10;position:static}.plugin-teaser,.plugin-teaser-cards{grid-template-columns:1fr}.plugin-toggle{width:100%}.plugin-toggle-item{flex:1;justify-content:center;gap:10px;padding:12px 16px}.plugin-toggle-glyph{width:32px;height:32px;font-size:14px}.plugin-toggle-name{font-size:15px}.plugin-toggle-sub,.workflow-arrow{display:none}.work-card-services li{padding:5px 11px;font-size:10px}.work-card-text{gap:18px}}@media (width<=380px){.logo-mark{display:none}.stack-line{font-size:clamp(27px,8.5vw,130px)}}