:root{--bg: #141414;--text: #E8E8E8;--primary: #A4ADB4;--secondary: #2A2F32;--accent: #0992f8;--accent-dark: #2F71F1;--purple: #a838c9;--green: #7AF94E;--orange: #F97316;--muted: #797F86;--hairline: rgba(164, 173, 180, .18);--hairline-strong: rgba(164, 173, 180, .32);--surface-nav: rgba(20, 20, 20, .72);--surface-footer: #101010;--surface-terminal: #0c0c0c;--surface-term-head: #121212;--surface-logo-mark: linear-gradient(180deg, #1a1a1a, #0f0f0f);--surface-card: #18191B;--f-display: "Space Grotesk", sans-serif;--f-body: "Inter", system-ui, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, monospace;--radius-s: 6px;--radius-m: 12px;--radius-l: 16px;--radius-pill: 9999px;--shadow-subtle: 0 0 20px -4px rgba(9, 146, 248, .15);--shadow-hover: 0px 0px 32px -2px rgba(9, 146, 248, .4), 0px 0px 80px 0px rgba(9, 146, 248, .15);--shadow-purple: 0px 0px 32px -2px rgba(168, 56, 201, .4), 0px 0px 80px 0px rgba(168, 56, 201, .15);--shadow-green: 0px 0px 32px -2px rgba(122, 249, 78, .35), 0px 0px 80px 0px rgba(122, 249, 78, .12);--shadow-orange: 0px 0px 32px -2px rgba(249, 115, 22, .4), 0px 0px 80px 0px rgba(249, 115, 22, .15);--page-max: 1360px;--gutter: clamp(20px, 5vw, 40px);--transition: .2s cubic-bezier(.25, .46, .45, .94);--text-2xs: 9px;--text-xs: 11px;--text-sm: 12px;--text-ui: 13px;--text-base: clamp(14px, 1.5vw + 10px, 16px);--text-md: clamp(16px, .5vw + 14px, 19px);--text-lg: clamp(20px, 2.2vw + 14px, 22px);--text-xl: clamp(24px, 3vw + 15px, 28px);--text-2xl: clamp(28px, 3.5vw + 16px, 34px);--text-3xl: clamp(28px, 3.4vw, 44px);--text-4xl: clamp(36px, 4.5vw, 58px);--text-5xl: clamp(44px, 6vw, 80px);--text-6xl: clamp(56px, 7vw, 96px);--space-1: 4px;--space-2: 6px;--space-3: 8px;--space-4: 10px;--space-5: 12px;--space-6: 14px;--space-7: 16px;--space-8: clamp(18px, 2.2vw, 22px);--space-9: clamp(22px, 2.8vw, 28px);--space-10: clamp(26px, 3.2vw, 32px);--space-11: clamp(36px, 4.5vw, 48px);--space-12: clamp(48px, 6vw, 60px);--space-13: clamp(60px, 7.5vw, 80px);--space-14: clamp(80px, 10vw, 96px);--space-15: clamp(96px, 12vw, 120px);--space-16: clamp(120px, 15vw, 140px)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text)}body{font-family:var(--f-body);font-weight:400;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--f-display);font-weight:700;font-size:inherit;letter-spacing:-.02em;margin:0}p{margin:0}img,video{max-width:100%;display:block}.wrap{max-width:var(--page-max);margin:0 auto;padding:0 var(--gutter)}.mono{font-family:var(--f-mono)}.label{font-family:var(--f-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--primary)}.skip-nav{position:fixed;top:-100%;left:var(--gutter);z-index:100;padding:var(--space-4) var(--space-8);background:var(--accent);color:var(--bg);font-family:var(--f-mono);font-size:var(--text-ui);border-radius:var(--radius-s);transition:top var(--transition)}.skip-nav:focus{top:var(--space-4)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-s)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.nav{position:fixed;top:var(--space-7);left:50%;transform:translate(-50%);z-index:50;width:calc(100% - var(--gutter) * 2);max-width:1280px;background:var(--surface-nav);backdrop-filter:saturate(1.1) blur(16px);-webkit-backdrop-filter:saturate(1.1) blur(16px);border:1px solid var(--hairline);border-radius:var(--radius-l);box-shadow:var(--shadow-subtle)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 var(--space-9)}.logo{display:flex;align-items:center;gap:var(--space-4);font-family:var(--f-mono);font-weight:700;font-size:var(--text-base);letter-spacing:.02em;transition:opacity var(--transition)}.logo:hover{opacity:.75}.logo-mark{width:22px;height:22px;border:1px solid var(--primary);border-radius:5px;display:grid;place-items:center;font-family:var(--f-mono);font-weight:700;font-size:var(--text-xs);color:var(--text);background:var(--surface-logo-mark)}.logo-mark:after{content:"//";color:var(--accent)}.logo .dim{color:var(--primary)}.nav-links{display:flex;gap:var(--space-10);font-family:var(--f-mono);font-size:var(--text-ui);color:var(--text)}.nav-links a{transition:color var(--transition)}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.nav-item{position:relative;display:flex;align-items:center}.nav-item>a{display:flex;align-items:center;gap:var(--space-2)}.nav-chevron{font-size:11px;display:inline-block;transform:rotate(90deg);transition:transform var(--transition)}.nav-item:hover .nav-chevron,.nav-item:focus-within .nav-chevron{transform:rotate(270deg)}.nav-dropdown{position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%);min-width:200px;background:#101010fa;backdrop-filter:saturate(1.1) blur(24px);-webkit-backdrop-filter:saturate(1.1) blur(24px);border:1px solid var(--hairline);border-radius:var(--radius-l);box-shadow:var(--shadow-subtle);padding:var(--space-3);list-style:none;margin:0;visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--transition),visibility var(--transition);z-index:10}.nav-dropdown:before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown{visibility:visible;opacity:1;pointer-events:auto}.nav-dropdown li a{display:block;font-family:var(--f-mono);font-size:var(--text-ui);color:var(--primary);padding:var(--space-4) var(--space-6);border-radius:var(--radius-s);white-space:nowrap;transition:color var(--transition),background var(--transition)}.nav-dropdown li a:hover{color:var(--text);background:#ffffff0a}.nav-right{display:flex;align-items:center;gap:var(--space-6)}.nav-hamburger{display:none;background:none;border:none;padding:0;cursor:pointer;flex-shrink:0;min-width:44px;min-height:44px;width:44px;height:44px;position:relative;align-items:center;justify-content:center;overflow:visible}.nav-hamburger .ham-clip{width:34px;height:22px}.ham-clip{display:block;width:100%;height:100%;position:relative;overflow:hidden}.ham-top,.ham-mid,.ham-bot{background:var(--primary);border-radius:2px;width:100%;height:2px;position:absolute;left:0;will-change:transform,opacity}.ham-top{top:0;transition:transform .4s cubic-bezier(.68,-.55,.27,1.55)}.ham-mid{top:10px;transition:transform .4s cubic-bezier(.68,-.55,.27,1.55)}.ham-bot{top:20px;transition:opacity .15s}.ham-label{font-family:var(--f-mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);opacity:0;pointer-events:none;display:flex;justify-content:center;align-items:center;position:absolute;inset:0;transform:translateY(5px);transition:opacity .3s ease,transform .3s ease}.nav-open .ham-top{transform:translate(-100%)}.nav-open .ham-mid{transform:translate(100%)}.nav-open .ham-bot{opacity:0}.nav-open .ham-label{opacity:1;transform:translateY(0)}.nav-mobile-menu{display:none;flex-direction:column;gap:var(--space-1);padding:var(--space-5) var(--space-7) var(--space-7);border-top:1px solid var(--hairline)}.nav-mobile-menu a{font-family:var(--f-mono);font-size:var(--text-ui);color:var(--primary);padding:var(--space-6) var(--space-3);min-height:44px;display:flex;align-items:center;border-radius:var(--radius-s);transition:color var(--transition),background var(--transition)}.nav-mobile-menu a:hover{color:var(--text);background:#ffffff0a}.nav-mobile-menu .mobile-cta{margin-top:var(--space-3);font-family:var(--f-mono);font-size:var(--text-ui);background:var(--accent);color:var(--bg);text-align:center;justify-content:center;padding:0 var(--space-7);border-radius:var(--radius-s)}.nav-open .nav-mobile-menu{display:flex}.nav-open{background:#101010fa}.mobile-nav-group{display:flex;flex-direction:column}.mobile-nav-toggle{background:none;border:none;cursor:pointer;width:100%;text-align:left;font-family:var(--f-mono);font-size:var(--text-ui);color:var(--primary);padding:var(--space-6) var(--space-3);min-height:44px;display:flex;align-items:center;gap:var(--space-3);border-radius:var(--radius-s);transition:color var(--transition),background var(--transition)}.mobile-nav-toggle:hover{color:var(--text);background:#ffffff0a}.toggle-chevron{font-size:11px;display:inline-block;transform:rotate(90deg);transition:transform var(--transition)}.mobile-nav-group.open .toggle-chevron{transform:rotate(270deg)}.mobile-nav-sub{display:none;flex-direction:column;padding-left:var(--space-7)}.mobile-nav-group.open .mobile-nav-sub{display:flex}.mobile-nav-sub a{font-family:var(--f-mono);font-size:var(--text-ui);color:var(--primary);padding:var(--space-4) var(--space-3);min-height:44px;display:flex;align-items:center;border-radius:var(--radius-s);transition:color var(--transition),background var(--transition)}.mobile-nav-sub a:hover{color:var(--text);background:#ffffff0a}.btn{display:inline-flex;align-items:center;gap:var(--space-4);height:44px;padding:0 var(--space-8);border-radius:var(--radius-s);border:1px solid var(--primary);background:transparent;color:var(--text);font-family:var(--f-mono);font-size:var(--text-ui);font-weight:500;cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition),color var(--transition)}.btn:hover{border-color:var(--accent);box-shadow:0 0 16px -2px #0992f866}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.btn-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark);box-shadow:0 0 24px -2px #0992f88c}.btn-ghost{border-color:var(--hairline-strong);color:var(--text)}.btn-ghost:hover{color:var(--primary)}.btn .arrow{display:inline-block;transition:transform var(--transition)}.btn:hover .arrow{transform:translate(var(--space-1))}.btn:active{opacity:.8}footer{border-top:1px solid var(--hairline);padding:var(--space-12) 0 var(--space-11);background:var(--surface-footer)}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-12);padding-bottom:var(--space-12)}.foot-col .label{font-family:var(--f-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin:0 0 var(--space-7)}.foot-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-4)}.foot-col a{font-family:var(--f-mono);font-size:var(--text-ui);color:var(--primary);transition:color var(--transition)}.foot-col a:hover{color:var(--text)}.foot-brand .logo{margin-bottom:var(--space-6)}.foot-brand p{font-size:var(--text-base);color:var(--primary);max-width:36ch;line-height:1.55}.foot-bottom{border-top:1px solid var(--hairline);padding-top:var(--space-8);display:flex;align-items:center;justify-content:space-between;font-family:var(--f-mono);font-size:var(--text-xs);color:var(--primary);letter-spacing:.06em}.foot-bottom .right{display:flex;gap:var(--space-8)}@media(max-width:960px){.nav-links,.nav-right{display:none}.nav-hamburger{display:flex}.nav{width:calc(100% - var(--gutter) * 2)}.foot-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.foot-grid{grid-template-columns:1fr}}.marker{font-family:var(--f-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--primary)}.dim{color:var(--primary)}.page-head{position:relative;isolation:isolate;padding:160px 0 60px;border-bottom:1px solid var(--hairline);overflow:hidden}.page-head .grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse at 50% 0%,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 0%,black 30%,transparent 75%);pointer-events:none;z-index:-2}.page-head .glow-bg{position:absolute;left:0;right:0;top:-10%;height:600px;background:radial-gradient(ellipse at 50% 0%,rgba(9,146,248,.42) 0%,rgba(47,113,241,.18) 35%,transparent 70%);filter:blur(60px);animation:kanso-glow 9s ease-in-out infinite alternate;pointer-events:none;z-index:-1}@keyframes kanso-glow{0%{transform:scale(1) translate(0);opacity:.55}50%{transform:scale(1.1) translate(2%,-2%);opacity:.85}to{transform:scale(.95) translate(-3%,2%);opacity:.5}}.crumbs{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);font-family:var(--f-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin-bottom:28px;padding-top:14px;border-top:1px solid var(--hairline-strong)}.crumbs a{transition:color var(--transition)}.crumbs a:hover{color:var(--text)}.crumbs .sep{color:var(--muted)}.work-hero h1{font-size:var(--text-5xl);line-height:.98;letter-spacing:-.035em;max-width:16ch;margin:0 0 24px}.work-hero h1 .dot{color:var(--accent)}.work-hero .lede{max-width:60ch;font-size:var(--text-md);color:var(--primary);line-height:1.55;margin-bottom:28px}.work-hero-meta{display:flex;flex-wrap:wrap;gap:14px 20px;margin-top:32px;font-family:var(--f-mono);font-size:var(--text-sm);color:var(--primary);letter-spacing:.08em;text-transform:uppercase}.work-hero-meta span{display:inline-flex;align-items:center;gap:var(--space-3)}.work-hero-meta .pulse{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #0992f8b3}.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-8);padding-top:56px}.cs-card{position:relative;background:var(--surface-card);border:1px solid var(--hairline-strong);border-radius:var(--radius-l);overflow:hidden;display:flex;flex-direction:column;min-height:420px;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.cs-card:hover{border-color:var(--accent);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.cs-card .thumb{position:relative;background:var(--surface-terminal);overflow:hidden;flex:none;aspect-ratio:8 / 5}.cs-card .thumb img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.cs-card:hover .thumb img{transform:scale(1.03)}.cs-card .meta-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-5);padding:14px 20px;border-bottom:1px solid var(--hairline);font-family:var(--f-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--primary);flex-wrap:wrap}.cs-card .meta-row .pill{font-family:var(--f-mono);font-size:10px;padding:3px 10px;border-radius:var(--radius-pill);border:1px solid var(--hairline-strong);letter-spacing:.1em;color:var(--primary);white-space:nowrap}.cs-card .body{padding:22px 24px 26px;border-top:1px solid var(--hairline);display:flex;flex-direction:column;flex:1;justify-content:center}.cs-card h3{font-size:var(--text-xl);line-height:1.12;letter-spacing:-.02em;margin-bottom:10px}.cs-card .summary{font-size:14px;color:var(--primary);line-height:1.55;margin-bottom:18px;max-width:52ch}.cs-card .foot{display:flex;justify-content:space-between;align-items:center;gap:var(--space-5);font-family:var(--f-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--primary);flex-wrap:wrap}.cs-card .read{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--accent);font-weight:500}.cs-card .read .arrow{transition:transform var(--transition)}.cs-card:hover .read .arrow{transform:translate(var(--space-1))}.cs-card.span-7{grid-column:span 7}.cs-card.span-5{grid-column:span 5}.cs-card.span-12{grid-column:span 12}.cs-card.span-12{flex-direction:row;aspect-ratio:3 / 1;min-height:0}.cs-card.span-12>.thumb{flex:1.2 1 0;min-height:0;min-width:0;aspect-ratio:unset;border-right:1px solid var(--hairline)}.cs-card.span-12>.body-wrap{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.cs-card.span-12 .meta-row{border-bottom:1px solid var(--hairline);border-top:none}.cs-card.span-12 .body{flex:1;display:flex;flex-direction:column;border-top:none}.cs-card.span-12 .body .summary{font-size:15px}.cs-hero h1{font-size:var(--text-5xl);line-height:1;letter-spacing:-.03em;max-width:18ch;margin:0 0 24px}.cs-hero .lede{max-width:64ch;font-size:var(--text-md);color:var(--primary);line-height:1.55;margin-bottom:32px}.cs-hero .meta-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:var(--space-11);border:1px solid var(--hairline);border-radius:var(--radius-m);background:#2a2f3259;backdrop-filter:blur(12px);overflow:hidden}.meta-strip .cell{padding:20px 22px;border-right:1px solid var(--hairline);min-width:0}.meta-strip .cell:last-child{border-right:none}.meta-strip .k{font-family:var(--f-mono);font-size:10px;color:var(--primary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.meta-strip .v{font-family:var(--f-mono);font-size:var(--text-ui);color:var(--text);font-weight:500;word-break:break-word;overflow-wrap:anywhere}.meta-strip a.v{color:var(--text);transition:color var(--transition)}.meta-strip a.v:hover{color:var(--accent)}.variant-section{padding-top:64px}.variant-tabs-wrap{position:relative;border:1px solid var(--hairline-strong);border-radius:var(--radius-pill);background:#2a2f3259;width:fit-content;max-width:100%;margin-bottom:24px;overflow:hidden}.variant-tabs-wrap.has-fade:after{content:"";position:absolute;top:0;right:0;bottom:0;width:56px;background:linear-gradient(to right,transparent,var(--bg));pointer-events:none;border-radius:0 var(--radius-pill) var(--radius-pill) 0}.variant-tabs{display:flex;flex-wrap:nowrap;gap:var(--space-2);padding:var(--space-2);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.variant-tabs::-webkit-scrollbar{display:none}.variant-tab{font-family:var(--f-mono);font-size:var(--text-sm);letter-spacing:.04em;padding:8px 14px;border-radius:var(--radius-pill);color:var(--primary);cursor:pointer;border:none;background:transparent;transition:color var(--transition),background var(--transition);white-space:nowrap}.variant-tab:hover{color:var(--text)}.variant-tab.active{background:var(--text);color:var(--bg);font-weight:500}.variant-frame{position:relative;border:1px solid var(--hairline);border-radius:var(--radius-m);background:#0a0a0a;overflow:hidden;padding-top:calc(62.5% + 32px)}.variant-frame .frame-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:var(--space-4);height:32px;padding:0 14px;background:#0a0a0ad9;backdrop-filter:blur(8px);border-bottom:1px solid var(--hairline);font-family:var(--f-mono);font-size:var(--text-xs);color:var(--primary);letter-spacing:.06em;z-index:2;overflow:hidden}.frame-bar .dots{display:flex;gap:5px;flex-shrink:0}.frame-bar .dots span{width:9px;height:9px;border-radius:50%;background:var(--secondary)}.frame-bar .dots span:nth-child(1){background:var(--purple)}.frame-bar .dots span:nth-child(2){background:var(--orange)}.frame-bar .dots span:nth-child(3){background:var(--green)}.frame-bar .url{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frame-bar .right{margin-left:auto;flex-shrink:0;white-space:nowrap}.variant-frame img{position:absolute;inset:32px 0 0;width:100%;height:calc(100% - 32px);object-fit:cover;display:block}.variant-caption{display:flex;justify-content:flex-end;margin-top:var(--space-6)}.variant-caption .live-link{font-family:var(--f-mono);font-size:var(--text-sm);color:var(--accent);letter-spacing:.06em;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2);transition:color var(--transition)}.variant-caption .live-link:hover{color:var(--text)}.cs-body{padding-top:64px}.cs-section-head{display:grid;grid-template-columns:minmax(160px,200px) 1fr;gap:clamp(28px,4vw,60px);padding-top:64px;padding-bottom:var(--space-11)}.cs-section-head .marker{font-family:var(--f-mono);font-size:var(--text-xs);color:var(--primary);letter-spacing:.12em;text-transform:uppercase;padding-top:14px;border-top:1px solid var(--hairline-strong);align-self:start}.cs-section-head h2{font-size:clamp(28px,4vw,48px);line-height:1.05;letter-spacing:-.025em;max-width:22ch}.cs-prose{display:grid;grid-template-columns:minmax(160px,200px) 1fr;gap:clamp(28px,4vw,60px);padding-bottom:24px}.cs-prose>.marker,.cs-section-head>.marker,.outcome-grid>.marker,.cs-band-inner>.marker{grid-column:1;min-width:0;align-self:start}.cs-prose>.body,.cs-section-head>h2,.outcome-grid>.outcome-cards,.cs-band-inner>blockquote{grid-column:2;min-width:0}.cs-prose>.body{max-width:62ch}.cs-prose p{font-size:clamp(15px,.4vw + 14px,17px);line-height:1.7;color:var(--text)}.cs-prose p+p{margin-top:20px}.cs-prose p.dim{color:var(--primary)}.cs-prose ul{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:12px}.cs-prose li{font-size:clamp(15px,.4vw + 14px,17px);line-height:1.6;color:var(--text);padding-left:24px;position:relative}.cs-prose li:before{content:"";position:absolute;left:0;top:12px;width:14px;height:1px;background:var(--accent)}.outcome-grid{display:grid;grid-template-columns:minmax(160px,200px) 1fr;gap:clamp(28px,4vw,60px)}.outcome-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-7)}.outcome-card{border:1px solid var(--hairline);border-radius:var(--radius-m);padding:24px 26px;background:#2a2f3240;transition:border-color var(--transition),background var(--transition);min-width:0}.outcome-card:hover{border-color:var(--hairline-strong);background:#2a2f3273}.outcome-card .k{font-family:var(--f-mono);font-size:10px;color:var(--primary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px}.outcome-card .v{font-family:var(--f-display);font-weight:700;font-size:clamp(28px,4vw,48px);line-height:.98;letter-spacing:-.03em;margin-bottom:12px;color:var(--text);word-break:break-word;overflow-wrap:anywhere}.outcome-card .v .unit{display:block;color:var(--primary);font-weight:500;font-size:var(--text-sm);font-family:var(--f-mono);margin-top:8px;letter-spacing:.06em;text-transform:uppercase}.outcome-card .desc{font-size:14px;color:var(--primary);line-height:1.55}.cs-band{margin-top:64px;padding:64px 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);position:relative;overflow:hidden}.cs-band .grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 70% 50%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 70% 50%,black 20%,transparent 70%);pointer-events:none}.cs-band-inner{display:grid;grid-template-columns:minmax(160px,200px) 1fr;gap:clamp(28px,4vw,60px);position:relative}.cs-band-inner blockquote{margin:0;font-family:var(--f-display);font-weight:600;font-size:clamp(24px,3.4vw,44px);line-height:1.18;letter-spacing:-.025em;max-width:24ch}.cs-band-inner blockquote .em{color:var(--accent)}.cs-next{padding-top:64px}.cs-next .next-card{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--hairline-strong);border-radius:var(--radius-l);overflow:hidden;background:var(--surface-card);transition:border-color var(--transition),box-shadow var(--transition)}.cs-next .next-card:hover{border-color:var(--accent);box-shadow:var(--shadow-hover)}.next-card .copy{padding:clamp(28px,4vw,56px) clamp(24px,3vw,48px);display:flex;flex-direction:column;justify-content:center;min-width:0}.next-card .copy .marker{margin-bottom:16px}.next-card .copy h3{font-family:var(--f-display);font-weight:700;font-size:clamp(22px,3vw,36px);line-height:1.08;letter-spacing:-.02em;margin-bottom:18px}.next-card .copy .summary{color:var(--primary);font-size:14px;line-height:1.55;max-width:36ch;margin-bottom:24px}.next-card .copy .read{display:inline-flex;align-items:center;gap:var(--space-4);font-family:var(--f-mono);font-size:var(--text-sm);color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.next-card .copy .read .arrow{transition:transform var(--transition)}.cs-next .next-card:hover .read .arrow{transform:translate(var(--space-1))}.next-card .thumb{background:var(--surface-terminal);position:relative;overflow:hidden;min-width:0;aspect-ratio:8 / 5;align-self:center}.next-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.cs-next .next-card:hover .thumb img{transform:scale(1.03)}.cs-final{margin-top:96px;padding:96px 0;text-align:center;position:relative;overflow:hidden;isolation:isolate;border-top:1px solid var(--hairline)}.cs-final .grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse at 50% 50%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,black 20%,transparent 70%);pointer-events:none;z-index:-2}.cs-final .glow-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(9,146,248,.52) 0%,rgba(47,113,241,.26) 40%,transparent 70%);filter:blur(80px);animation:kanso-glow 10s ease-in-out infinite alternate;pointer-events:none;z-index:-1}.cs-final .marker{display:inline-block;padding-top:14px;border-top:1px solid var(--hairline-strong);margin-bottom:24px}.cs-final h2{font-size:clamp(36px,5vw,72px);line-height:1.04;letter-spacing:-.035em;max-width:18ch;margin:0 auto 22px}.cs-final .lede{font-size:var(--text-md);color:var(--primary);max-width:54ch;margin:0 auto 32px;line-height:1.55}.cs-final .ctas{display:inline-flex;gap:14px;flex-wrap:wrap;justify-content:center}@media(max-width:960px){.page-head{padding:140px 0 48px}.bento{grid-template-columns:1fr;gap:14px}.cs-card.span-7,.cs-card.span-5,.cs-card.span-12{grid-column:1 / -1}.cs-card.span-12{flex-direction:column;min-height:unset;aspect-ratio:unset}.cs-card.span-12>.body-wrap{display:contents}.cs-card.span-12>.thumb{order:2;flex:none;aspect-ratio:8 / 5;border-right:none;border-bottom:none;min-height:unset;min-width:unset}.cs-card.span-12 .meta-row{order:1;border-top:none}.cs-card.span-12 .body{order:3;flex:none;display:block;border-top:1px solid var(--hairline)}.cs-hero .meta-strip{grid-template-columns:1fr 1fr}.meta-strip .cell{border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.meta-strip .cell:nth-child(2n){border-right:none}.meta-strip .cell:nth-last-child(-n+2){border-bottom:none}.cs-section-head,.cs-prose,.outcome-grid,.cs-band-inner{grid-template-columns:1fr;gap:var(--space-8)}.cs-section-head{padding-top:56px;padding-bottom:var(--space-11)}.cs-prose>.marker,.cs-section-head>.marker,.outcome-grid>.marker,.cs-band-inner>.marker,.cs-prose>.body,.cs-section-head>h2,.outcome-grid>.outcome-cards,.cs-band-inner>blockquote{grid-column:1}.cs-prose>.marker:empty,.outcome-grid>.marker:empty,.cs-band-inner>.marker:empty{display:none}.outcome-cards,.cs-next .next-card{grid-template-columns:1fr}.next-card .thumb{order:-1}.variant-tabs-wrap{width:100%}}@media(max-width:640px){.page-head{padding:120px 0 40px}.cs-hero .meta-strip{grid-template-columns:1fr}.meta-strip .cell{border-right:none;border-bottom:1px solid var(--hairline)}.meta-strip .cell:nth-last-child(-n+2){border-bottom:1px solid var(--hairline)}.meta-strip .cell:last-child{border-bottom:none}.variant-section{padding-top:48px}.cs-band{padding:48px 0;margin-top:48px}.cs-final{padding:72px 0;margin-top:72px}.cs-final .ctas{display:flex;flex-direction:column;width:100%;max-width:320px;margin:0 auto}.cs-final .ctas .btn{justify-content:center;width:100%}}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter_18pt-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}