:root{--paper:#fff;--paper-2:#f5f2ef;--ink:#121110;--ink-2:#2e2a27;--muted:#6a635d;--line:#e5dfd9;--tuntz:#ff6a00;--tuntz-soft:#ffe8d6;--tuntz-text:#b04500;--monitor:#0f0e0d;--monitor-2:#1d1b19;--monitor-line:#34302c;--on-dark:#f5f1ed;--on-dark-muted:#a49c94;--ok:#1d7348;--error:#bf2a2f;--f-display:"Unageo","Bricolage Grotesque",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--f-body:"Made Tommy","Outfit",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--s--1:.875rem;--s-0:1.0625rem;--s-1:1.25rem;--s-2:clamp(1.35rem,1.9vw,1.6rem);--s-3:clamp(1.9rem,3.4vw,2.9rem);--s-4:clamp(2.3rem,5.2vw,4.5rem);--s-5:clamp(2.6rem,7.2vw,6.6rem);--gutter:clamp(16px,4vw,48px);--max:1320px;--header-h:68px;--section:clamp(80px,11vw,152px);--ease:cubic-bezier(.65,0,.35,1);--ease-out:cubic-bezier(.2,.8,.2,1);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:var(--s-0);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-weight:400;line-height:1.6;overflow-x:hidden}img,video,svg,canvas{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--f-display);font-variation-settings:"wdth" 80,"opsz" 96;letter-spacing:-.008em;text-wrap:balance;margin:0;font-weight:760;line-height:.98}p{margin:0}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:2px}.on-dark :focus-visible{outline-color:var(--on-dark)}::selection{background:var(--tuntz);color:var(--ink)}[id]{scroll-margin-top:calc(var(--header-h) + 16px)}.skip{z-index:100;background:var(--ink);color:var(--paper);padding:10px 16px;font-weight:600;text-decoration:none;position:absolute;top:-80px;left:16px}.skip:focus{top:12px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.wrap{width:100%;max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}.grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2.2vw,32px);display:grid}.section{padding-block:var(--section)}.dot{background:var(--tuntz);border-radius:50%;flex:none;width:.55em;height:.55em;display:inline-block}.eyebrow{font-size:var(--s--1);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.6em;font-weight:500;display:inline-flex}.eyebrow .dot{width:.6em;height:.6em}.lead{font-size:var(--s-1);color:var(--ink-2);max-width:38ch;line-height:1.55}.muted{color:var(--muted)}.btn{--bg:var(--tuntz);--fg:var(--ink);border:1.5px solid var(--bg);background:var(--bg);min-height:52px;color:var(--fg);cursor:pointer;transition:background .25s var(--ease-out),color .25s var(--ease-out),border-color .25s var(--ease-out),transform .2s var(--ease-out);border-radius:999px;align-items:center;gap:.75em;padding:.85em 1.4em;font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn__dot{width:.5em;height:.5em;transition:transform .3s var(--ease-out);background:currentColor;border-radius:50%}.btn:hover{--bg:var(--ink);--fg:var(--paper)}.btn:hover .btn__dot{transform:scale(1.6)}.btn:active{transform:translateY(1px)scale(.99)}.btn--ghost{--bg:transparent;--fg:var(--ink);border-color:var(--ink)}.btn--ghost:hover{--bg:var(--ink);--fg:var(--paper)}.on-dark .btn--ghost{--fg:var(--on-dark);border-color:var(--on-dark)}.on-dark .btn--ghost:hover{--bg:var(--on-dark);--fg:var(--ink)}.on-dark .btn:hover{--bg:var(--on-dark);--fg:var(--ink);border-color:var(--on-dark)}.link{border-bottom:1.5px solid;align-items:center;gap:.5em;padding-bottom:2px;font-weight:600;text-decoration:none;display:inline-flex}.link:hover{color:var(--tuntz-text)}.header{top:env(safe-area-inset-top,0px);z-index:50;background:var(--paper);transition:box-shadow .3s;position:sticky}.header.is-scrolled{box-shadow:0 1px 0 var(--line)}.header__bar{height:var(--header-h);justify-content:space-between;align-items:center;gap:24px;display:flex}.brand{font-family:var(--f-display);font-variation-settings:"wdth" 78;letter-spacing:-.02em;align-items:center;gap:.4em;font-size:1.45rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.brand__img{width:auto;height:34px;display:block}.brand__img--full{height:72px}@media (width<=560px){.header .brand__img{height:28px}}.brand__mark{align-items:baseline;gap:.12em;display:inline-flex}.brand__mark .dot{width:.32em;height:.32em;transform:translateY(-.05em)}.nav{align-items:center;gap:clamp(16px,2.4vw,36px);display:flex}.nav__links{gap:clamp(16px,2.2vw,32px);display:flex}.nav__links a{padding-block:6px;font-size:.98rem;font-weight:500;text-decoration:none;position:relative}.nav__links a:before{content:"";background:var(--tuntz);width:6px;height:6px;transition:transform .3s var(--ease-out);border-radius:50%;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)scale(0)}.nav__links a:hover:before,.nav__links a[aria-current=true]:before{transform:translate(-50%)scale(1)}.nav .btn{min-height:44px;padding:.65em 1.15em;font-size:.95rem}.menu-btn{border:1.5px solid var(--ink);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.6em;min-height:44px;padding:.55em 1em;font-weight:600;display:none}.menu-btn__icon{width:16px;height:10px;position:relative}.menu-btn__icon:before,.menu-btn__icon:after{content:"";height:2px;transition:transform .3s var(--ease-out),top .3s var(--ease-out);background:currentColor;position:absolute;left:0;right:0}.menu-btn__icon:before{top:0}.menu-btn__icon:after{top:8px}.menu-btn[aria-expanded=true] .menu-btn__icon:before{top:4px;transform:rotate(45deg)}.menu-btn[aria-expanded=true] .menu-btn__icon:after{top:4px;transform:rotate(-45deg)}.mobile-menu{inset:calc(var(--header-h) + env(safe-area-inset-top,0px)) 0 0 0;z-index:49;background:var(--paper);padding:32px var(--gutter) calc(32px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:28px;display:flex;position:fixed;overflow-y:auto}.mobile-menu ul{flex-direction:column;display:flex}.mobile-menu li a{border-bottom:1px solid var(--line);font-family:var(--f-display);font-variation-settings:"wdth" 80;letter-spacing:-.008em;justify-content:space-between;align-items:center;padding:16px 0;font-size:2rem;font-weight:760;line-height:1.1;text-decoration:none;display:flex}.mobile-menu li a span{font-family:var(--f-body);color:var(--muted);letter-spacing:.06em;font-size:.85rem;font-weight:500}.hero{padding-block:clamp(40px,6vw,88px) clamp(64px,8vw,112px)}.hero .grid{align-items:end;row-gap:48px}.hero__text{flex-direction:column;grid-column:1/span 7;gap:28px;display:flex}.hero h1{font-size:var(--s-5);font-variation-settings:"wdth" 76,"opsz" 96;letter-spacing:-.012em;font-weight:800;line-height:.9}.hero h1 em{white-space:nowrap;font-style:normal;position:relative}.hero h1 .hero__dot{background:var(--tuntz);vertical-align:baseline;border-radius:50%;width:.2em;height:.2em;margin-left:.04em;display:inline-block}.hero__support{font-size:var(--s-1);color:var(--ink-2);max-width:44ch;line-height:1.5}.hero__ctas{flex-wrap:wrap;gap:12px;display:flex}.hero__for{font-size:var(--s--1);color:var(--muted);align-items:center;gap:.6em;display:flex}.hero__media{grid-column:8/span 5}.scroll-cue{font-size:var(--s--1);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:12px;margin-top:clamp(40px,6vw,72px);font-weight:500;text-decoration:none;display:inline-flex}.scroll-cue__track{border:1.5px solid var(--ink);border-radius:999px;width:14px;height:36px;position:relative}.scroll-cue__track:after{content:"";background:var(--tuntz);width:5px;height:5px;animation:cue 2.2s var(--ease) infinite;border-radius:50%;margin-left:-2.5px;position:absolute;top:5px;left:50%}@keyframes cue{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(18px)}to{opacity:0;transform:translateY(0)}}.monitor{background:var(--monitor);color:var(--on-dark);isolation:isolate;border-radius:6px;position:relative;overflow:hidden}.monitor__bar{z-index:3;letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-muted);font-variant-numeric:tabular-nums;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:.72rem;display:flex;position:absolute;inset:0 0 auto}.monitor__rec{color:var(--on-dark);align-items:center;gap:8px;display:inline-flex}.monitor__rec .dot{width:7px;height:7px;animation:1.6s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.2}}.monitor__stage{aspect-ratio:4/5;width:100%;position:relative}.monitor__stage canvas,.monitor__stage video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.monitor__safe{pointer-events:none;z-index:2;border:1px dashed #f5f1ed1f;position:absolute;inset:11% 8%}.monitor__foot{z-index:3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex;position:absolute;inset:auto 0 0}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--monitor-line);color:var(--on-dark-muted);cursor:pointer;background:#0f0e0db3;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:7px 11px;font-size:.78rem;font-weight:500;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.chip:hover{color:var(--on-dark);border-color:var(--on-dark-muted)}.chip[aria-pressed=true]{color:var(--ink);background:var(--on-dark);border-color:var(--on-dark)}.chip[aria-pressed=true] .dot{background:var(--tuntz)}.chip .dot{background:var(--monitor-line);width:6px;height:6px}.monitor__tag{letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-muted);font-size:.68rem}.problem__head{grid-column:1/span 7}.problem__head h2{font-size:var(--s-4)}.problem__intro{color:var(--ink-2);grid-column:9/span 4;align-self:end}.problem__list{border-top:1.5px solid var(--ink);grid-column:1/-1;margin-top:clamp(48px,6vw,80px)}.problem__row{border-bottom:1px solid var(--line);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:20px;padding:22px 0;display:grid}.problem__row .dot{background:var(--line);width:10px;height:10px;transition:background .25s,transform .3s var(--ease-out)}.problem__row:hover .dot{background:var(--tuntz);transform:scale(1.4)}.problem__row p{font-family:var(--f-display);font-variation-settings:"wdth" 85;font-weight:650;font-size:var(--s-2);letter-spacing:-.015em;line-height:1.15}.problem__tags{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.tag{border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:500;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}a.tag:hover{border-color:var(--ink);background:var(--paper-2)}.tag .dot{width:6px;height:6px}.problem__note{color:var(--muted);font-size:var(--s--1);grid-column:1/-1;align-items:center;gap:10px;margin-top:28px;display:flex}.pillars__head{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:32px clamp(16px,2.2vw,32px);display:grid}.pillars__head h2{font-size:var(--s-4);grid-column:1/span 8}.pillars__index{flex-wrap:wrap;grid-column:1/-1;gap:8px;margin-top:8px;display:flex}.pillars__index a{border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:.95rem;font-weight:500;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.pillars__index a:hover{border-color:var(--ink)}.pillars__index b{font-variant-numeric:tabular-nums;color:var(--tuntz-text);font-weight:600}.pillar{padding-block:clamp(72px,9vw,128px)}.pillar+.pillar{border-top:1px solid var(--line)}.pillar .grid{align-items:center;row-gap:48px}.pillar__text{flex-direction:column;gap:22px;min-width:0;display:flex}.pillar__index{font-variant-numeric:tabular-nums;align-items:center;gap:14px;display:flex}.pillar__num{font-family:var(--f-display);font-variation-settings:"wdth" 75;letter-spacing:-.02em;color:var(--tuntz);font-size:clamp(3.4rem,6vw,5.4rem);font-weight:800;line-height:.8}.pillar__of{font-size:var(--s--1);color:var(--muted);letter-spacing:.08em}.pillar__title{font-size:var(--s-3);flex-direction:column;gap:14px;display:flex}.pillar__name{font-family:var(--f-body);font-weight:600;font-size:var(--s--1);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-variation-settings:normal;line-height:1.2}.pillar__desc{color:var(--ink-2);max-width:52ch}.solve{border-left:3px solid var(--tuntz);background:var(--paper-2);gap:6px;padding:18px 20px;display:grid}.solve__label{letter-spacing:.1em;text-transform:uppercase;color:var(--tuntz-text);font-size:.75rem;font-weight:600}.solve p{font-weight:500;line-height:1.45}.apps{color:var(--ink-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;font-size:.95rem;display:grid}.apps li{align-items:baseline;gap:10px;display:flex}.apps li:before{content:"";background:var(--ink);border-radius:50%;flex:none;width:5px;height:5px;transform:translateY(-2px)}.apps__title{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:-8px;font-size:.75rem;font-weight:600}.pillar__cta{margin-top:6px}.p-motion .pillar__text{grid-column:1/span 5}.p-motion .pillar__visual{grid-column:7/span 6}.kinetic{background:var(--paper-2);border-radius:6px;flex-direction:column;gap:28px;padding:clamp(28px,4vw,48px);display:flex;position:relative;overflow:hidden}.kinetic__type{font-family:var(--f-display);font-variation-settings:"wdth" 75;letter-spacing:-.015em;font-size:clamp(2.6rem,5.6vw,5rem);font-weight:800;line-height:.92}.kinetic__line{white-space:nowrap;display:block}.kinetic__ch{animation:kin 2.8s var(--ease) infinite;animation-delay:calc(var(--i) * 70ms);animation-play-state:paused;display:inline-block}.kinetic__ch.is-accent{color:var(--tuntz)}@keyframes kin{0%,55%,to{transform:translateY(0)}20%{transform:translateY(-14%)}35%{transform:translateY(3%)}}.graph{border-top:1px solid var(--line);padding-top:18px;position:relative}.graph__head{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-bottom:10px;font-size:.72rem;display:flex}.graph svg{width:100%;height:auto;overflow:visible}.graph__dot{offset-path:path("M20 140 C 140 140,160 20,380 20");offset-rotate:0deg;animation:along 2.8s var(--ease) infinite;animation-play-state:paused}@keyframes along{0%{offset-distance:0%}60%,to{offset-distance:100%}}[data-animate].is-in .kinetic__ch,[data-animate].is-in .graph__dot,[data-animate].is-in .tl__head-play,[data-animate].is-in .tl__playhead,[data-animate].is-in .fooh__sphere,[data-animate].is-in .ai-tile{animation-play-state:running}.p-edit{background:var(--monitor);color:var(--on-dark)}.p-edit+.pillar{border-top:0}.p-edit .pillar__visual{grid-column:1/span 7}.p-edit .pillar__text{grid-column:9/span 4}.p-edit .pillar__name,.p-edit .pillar__of{color:var(--on-dark-muted)}.p-edit .pillar__desc,.p-edit .apps{color:#d8d1ca}.p-edit .apps li:before{background:var(--on-dark)}.p-edit .apps__title{color:var(--on-dark-muted)}.p-edit .solve{background:var(--monitor-2)}.p-edit .solve__label{color:var(--tuntz)}.p-edit .btn:hover{--bg:var(--on-dark);--fg:var(--ink);border-color:var(--on-dark)}.tl{border:1px solid var(--monitor-line);background:var(--monitor-2);font-variant-numeric:tabular-nums;border-radius:6px;overflow:hidden}.tl__viewer{aspect-ratio:16/9;border-bottom:1px solid var(--monitor-line);background:#090807;place-items:center;display:grid;position:relative;overflow:hidden}.tl__frame{opacity:.9;grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:0}.tl__frame span{border-right:1px solid #161412}.tl__frame span:first-child{background:linear-gradient(160deg,#2a2622,#141210)}.tl__frame span:nth-child(2){background:radial-gradient(circle at 50% 60%,var(--tuntz) 0 18%,#3a1d08 19% 34%,#141210 35%)}.tl__frame span:nth-child(3){background:linear-gradient(200deg,#24211e,#0f0e0d)}.tl__caption{z-index:1;font-family:var(--f-display);font-variation-settings:"wdth" 75;letter-spacing:-.02em;color:var(--on-dark);text-align:center;font-size:clamp(1.4rem,3vw,2.4rem);font-weight:800;line-height:1;position:relative}.tl__caption small{font-family:var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-muted);margin-top:10px;font-size:.72rem;font-weight:500;display:block}.tl__head{letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-muted);border-bottom:1px solid var(--monitor-line);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:.72rem;display:flex}.tl__head-play{color:var(--on-dark);align-items:center;gap:8px;display:inline-flex}.tl__head-play .dot{width:7px;height:7px;animation:1.6s steps(2,end) infinite paused blink}.tl__body{padding:10px 0 14px;position:relative}.tl__ruler{color:var(--on-dark-muted);grid-template-columns:44px 1fr;padding:0 14px 8px;font-size:.65rem;display:grid}.tl__ruler div{justify-content:space-between;display:flex}.tl__track{grid-template-columns:44px 1fr;align-items:center;padding:3px 14px;display:grid}.tl__label{color:var(--on-dark-muted);font-size:.7rem;font-weight:600}.tl__lane{background:#ffffff08;border-radius:3px;height:26px;position:relative}.tl__clip{background:#3b3631;border:1px solid #4a443e;border-radius:3px;position:absolute;top:2px;bottom:2px;overflow:hidden}.tl__clip--motion{border-color:var(--tuntz);background:#ff6a00d9}.tl__clip--fx{background:#5a524a;border-color:#6d645a}.tl__clip--audio{background:repeating-linear-gradient(90deg,#2f4b3d 0 2px,#0000 2px 4px),#1f2c25;border-color:#33503f}.tl__clip--audio:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 3px,#8cd2aa8c 3px 4px);position:absolute;inset:4px 0;-webkit-mask:linear-gradient(#0000 0,#000 30% 70%,#0000 100%);mask:linear-gradient(#0000 0,#000 30% 70%,#0000 100%)}.tl__playhead{background:var(--tuntz);width:2px;animation:9s linear infinite paused play;position:absolute;top:0;bottom:0;left:58px}.tl__playhead:before{content:"";background:var(--tuntz);border-radius:50%;width:12px;height:12px;position:absolute;top:-1px;left:-5px}@keyframes play{0%{transform:translate(0)}to{transform:translateX(calc(var(--lane-w,400px) - 2px))}}.p-fooh .grid{align-items:start}.p-fooh .pillar__visual{grid-column:1/-1}.p-fooh .pillar__text{grid-column:1/span 6}.p-fooh .pillar__side{flex-direction:column;grid-column:8/span 5;gap:28px;min-width:0;display:flex}.fooh{border:1.5px solid var(--ink);background:var(--paper);border-radius:6px;position:relative;overflow:hidden}.fooh svg{width:100%;height:auto}.fooh__stamp{background:var(--ink);color:var(--paper);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.72rem;font-weight:600;display:inline-flex;position:absolute;top:16px;left:16px}.fooh__stamp .dot{width:7px;height:7px}.fooh__scale{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums;background:var(--paper);padding:4px 8px;font-size:.72rem;position:absolute;bottom:14px;right:16px}.fooh__sphere{transform-box:fill-box;transform-origin:50% 100%;animation:settle 6s var(--ease) infinite;animation-play-state:paused}@keyframes settle{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5%)}}.transparency{border:1px solid var(--line);color:var(--ink-2);border-radius:6px;grid-template-columns:auto 1fr;gap:14px;padding:18px 20px;font-size:.95rem;display:grid}.transparency strong{color:var(--ink);margin-bottom:4px;display:block}.transparency .dot{background:var(--ink);width:12px;height:12px;margin-top:6px}.p-ai .pillar__text{grid-column:1/span 5}.p-ai .pillar__visual{grid-column:7/span 6}.ai{flex-direction:column;gap:16px;display:flex}.ai__prompt{border:1px solid var(--line);color:var(--ink-2);border-radius:6px;align-items:center;gap:12px;padding:14px 16px;font-size:.92rem;display:flex}.ai__prompt b{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:600}.ai__caret{background:var(--tuntz);vertical-align:-3px;width:2px;height:1.1em;animation:1s steps(2,end) infinite blink;display:inline-block}.ai__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ai-tile{aspect-ratio:1;background:var(--paper-2);opacity:.55;animation:tileIn 4.8s var(--ease) infinite;animation-delay:calc(var(--i) * .12s);border-radius:4px;animation-play-state:paused;position:relative;overflow:hidden}.ai-tile svg{width:100%;height:100%}.ai-tile.is-chosen{opacity:1;outline:2.5px solid var(--tuntz);outline-offset:3px;animation:none}.ai-tile__label{background:var(--ink);color:var(--paper);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:.66rem;font-weight:600;position:absolute;bottom:8px;left:8px}@keyframes tileIn{0%,to{opacity:.55}50%{opacity:.35}}.ai__legend{color:var(--muted);letter-spacing:.04em;justify-content:space-between;gap:12px;font-size:.78rem;display:flex}.work__head{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:24px clamp(16px,2.2vw,32px);display:grid}.work__head h2{font-size:var(--s-4);grid-column:1/span 7}.work__note{color:var(--muted);grid-column:9/span 4;font-size:.95rem}.filters{flex-wrap:wrap;gap:8px;margin-top:40px;display:flex}.filter{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:9px 16px;font-size:.92rem;font-weight:500;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.filter:hover{border-color:var(--ink)}.filter[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filter[aria-pressed=true] .dot{background:var(--tuntz)}.filter .dot{background:var(--line);width:6px;height:6px}.works{align-items:start;row-gap:clamp(40px,5vw,72px);margin-top:48px}.work{min-width:0}.work[hidden]{display:none}.work__open{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:16px;width:100%;padding:0;display:flex}.work__cover{background:var(--paper-2);border-radius:6px;width:100%;position:relative;overflow:hidden}.work__cover>svg,.work__cover>img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease-out);position:absolute;inset:0}.work__open:hover .work__cover>svg,.work__open:hover .work__cover>img,.work__open:focus-visible .work__cover>svg{transform:scale(1.035)}.work__badge{z-index:1;background:var(--paper);color:var(--ink);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:6px 10px;font-size:.68rem;font-weight:600;position:absolute;top:12px;left:12px}.work__view{z-index:1;background:var(--tuntz);color:var(--ink);opacity:0;transition:transform .35s var(--ease-out),opacity .35s;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.82rem;font-weight:600;display:inline-flex;position:absolute;bottom:12px;right:12px;transform:translateY(8px)}.work__open:hover .work__view,.work__open:focus-visible .work__view{opacity:1;transform:none}.work__meta{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.work__title{font-family:var(--f-display);font-variation-settings:"wdth" 82;font-weight:720;font-size:var(--s-2);letter-spacing:-.015em;line-height:1.1}.work__service{color:var(--muted);white-space:nowrap;font-size:.85rem}.w-a{grid-column:1/span 7}.w-a .work__cover{aspect-ratio:16/10}.w-b{grid-column:9/span 4;margin-top:clamp(0px,9vw,120px)}.w-b .work__cover{aspect-ratio:4/5}.w-c{grid-column:1/span 4}.w-c .work__cover{aspect-ratio:4/5}.w-d{grid-column:6/span 7;margin-top:clamp(0px,6vw,80px)}.w-d .work__cover{aspect-ratio:16/9}.w-e{grid-column:2/span 5}.w-e .work__cover{aspect-ratio:1}.w-f{grid-column:8/span 5;margin-top:clamp(0px,10vw,140px)}.w-f .work__cover{aspect-ratio:4/5}.works.is-filtered .work{grid-column:auto/span 6;margin-top:0}.works.is-filtered .work__cover{aspect-ratio:16/10}.case{background:var(--paper);width:min(1080px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border:0;border-radius:8px;padding:0;overflow:auto}.case::backdrop{background:#121110b8}.case[open]{animation:caseIn .35s var(--ease-out)}@keyframes caseIn{0%{opacity:0;transform:translateY(16px)}}.case__media{aspect-ratio:16/9;background:var(--monitor);width:100%;max-height:52vh;position:relative;overflow:hidden}.case__media>svg,.case__media>img,.case__media>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.case__media>video{object-fit:contain;background:var(--monitor)}.case__close{z-index:2;background:var(--paper);min-height:44px;color:var(--ink);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;display:inline-flex;position:absolute;top:12px;right:12px}.case__close:hover{background:var(--tuntz)}.case__body{grid-template-columns:repeat(12,minmax(0,1fr));gap:32px clamp(16px,2.2vw,32px);padding:clamp(24px,4vw,48px);display:grid}.case__head{flex-direction:column;grid-column:1/-1;gap:14px;display:flex}.case__head h3{font-size:var(--s-3)}.case__flag{background:var(--tuntz-soft);color:var(--tuntz-text);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:6px 12px;font-size:.72rem;font-weight:600;display:inline-flex}.case__flag .dot{width:6px;height:6px}.case__block{border-top:1px solid var(--line);flex-direction:column;grid-column:span 6;gap:8px;min-width:0;padding-top:16px;display:flex}.case__block h4{font-family:var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-variation-settings:normal;align-items:center;gap:10px;font-size:.75rem;font-weight:600;display:flex}.case__block h4 b{color:var(--tuntz-text);font-variant-numeric:tabular-nums}.case__block p{color:var(--ink-2)}.case__tags{flex-wrap:wrap;gap:6px;display:flex}.case__foot{border-top:1.5px solid var(--ink);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex}.process{background:var(--paper-2)}.process__head{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:24px clamp(16px,2.2vw,32px);display:grid}.process__head h2{font-size:var(--s-4);grid-column:1/span 7}.process__head p{color:var(--ink-2);grid-column:9/span 4}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.2vw,32px);margin-top:clamp(48px,6vw,80px);display:grid;position:relative}.steps:before{content:"";border-top:2px dotted var(--ink);height:0;position:absolute;top:15px;left:0;right:0}.step{flex-direction:column;gap:14px;min-width:0;display:flex;position:relative}.step__mark{z-index:1;background:var(--paper-2);border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:relative}.step__mark:after{content:"";background:var(--tuntz);border-radius:50%;width:18px;height:18px}.step:not(:first-child) .step__mark:after{background:var(--ink)}.step__num{font-family:var(--f-display);font-variation-settings:"wdth" 75;letter-spacing:-.015em;font-variant-numeric:tabular-nums;margin-top:12px;font-size:clamp(2.4rem,4vw,3.4rem);font-weight:800;line-height:.9}.step h3{font-size:var(--s-2);font-variation-settings:"wdth" 85}.step p{color:var(--ink-2);max-width:30ch;font-size:.98rem}.why .grid{row-gap:56px}.why h2{font-size:var(--s-4);grid-column:1/span 9}.why h2 span{color:var(--muted)}.principles{border-top:1.5px solid var(--ink);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.principle{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;gap:4px 20px;min-width:0;padding:32px 32px 36px 0;display:grid}.principle:nth-child(odd){border-right:1px solid var(--line)}.principle:nth-child(2n){padding-left:32px;padding-right:0}.principle .dot{grid-row:1/span 2;width:12px;height:12px;margin-top:.55em}.principle h3{font-size:var(--s-3);font-variation-settings:"wdth" 80}.principle p{color:var(--ink-2);max-width:46ch;margin-top:12px}.faq .grid{row-gap:40px}.faq__head{top:calc(var(--header-h) + 32px);flex-direction:column;grid-column:1/span 4;align-self:start;gap:18px;display:flex;position:sticky}.faq__head h2{font-size:var(--s-4)}.faq__list{border-top:1.5px solid var(--ink);grid-column:6/span 7}.qa{border-bottom:1px solid var(--line)}.qa summary{cursor:pointer;font-family:var(--f-display);font-variation-settings:"wdth" 86;font-weight:680;font-size:var(--s-1);letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;line-height:1.25;list-style:none;display:flex}.qa summary::-webkit-details-marker{display:none}.qa__icon{border:1.5px solid var(--ink);border-radius:50%;flex:none;width:28px;height:28px;transition:background .25s,border-color .25s;position:relative}.qa__icon:before,.qa__icon:after{content:"";background:var(--ink);width:10px;height:1.5px;transition:transform .3s var(--ease-out);margin:-.75px 0 0 -5px;position:absolute;top:50%;left:50%}.qa__icon:after{transform:rotate(90deg)}.qa[open] .qa__icon{background:var(--tuntz);border-color:var(--tuntz)}.qa[open] .qa__icon:after{transform:rotate(0)}.qa summary:hover .qa__icon{border-color:var(--tuntz)}.qa__a{color:var(--ink-2);max-width:62ch;padding:0 48px 24px 0}.contact{border-top:1px solid var(--line)}.contact .grid{align-items:start;row-gap:48px}.contact__text{flex-direction:column;grid-column:1/span 5;gap:24px;display:flex}.contact__text h2{font-size:var(--s-4)}.next{border-top:1px solid var(--line);flex-direction:column;gap:14px;margin-top:8px;padding-top:24px;display:flex}.next h3{font-family:var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-variation-settings:normal;font-size:.75rem;font-weight:600}.next ol{counter-reset:n;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.next li{color:var(--ink-2);counter-increment:n;grid-template-columns:32px 1fr;gap:8px;display:grid}.next li:before{content:"0" counter(n);color:var(--tuntz-text);font-variant-numeric:tabular-nums;font-weight:600}.wa{border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:10px;padding:18px 20px;display:none}.wa.is-on{display:flex}.wa p{color:var(--ink-2);font-size:.95rem}.form{background:var(--paper-2);border-radius:8px;flex-direction:column;grid-column:7/span 6;gap:22px;min-width:0;padding:clamp(24px,3.4vw,44px);display:flex}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.field__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.field label,.field legend{padding:0;font-size:.95rem;font-weight:600}.field .opt{color:var(--muted);font-weight:400}.field input,.field select,.field textarea{border:1.5px solid var(--line);background:var(--paper);width:100%;min-height:52px;color:var(--ink);font:inherit;border-radius:4px;padding:12px 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;min-height:120px;line-height:1.5}.field input:hover,.field select:hover,.field textarea:hover{border-color:#cfc7bf}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px var(--tuntz-soft);outline:none}.field [aria-invalid=true]{border-color:var(--error)}.field__hint{color:var(--muted);font-size:.82rem}.field__error{color:var(--error);font-size:.85rem;font-weight:500}.field__error:empty{display:none}fieldset.field{border:0;margin:0;padding:0}.types{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.type{position:relative}.type input{opacity:0;width:1px;height:1px;position:absolute}.type span{border:1.5px solid var(--line);background:var(--paper);cursor:pointer;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:9px 14px;font-size:.93rem;font-weight:500;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.type span:before{content:"";background:var(--line);border-radius:50%;width:8px;height:8px;transition:background .2s}.type input:hover+span{border-color:#cfc7bf}.type input:checked+span{border-color:var(--ink);background:var(--ink);color:var(--paper)}.type input:checked+span:before{background:var(--tuntz)}.type input:focus-visible+span{outline:3px solid var(--ink);outline-offset:3px}.types[aria-invalid=true] .type span{border-color:var(--error)}.form__actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.form__actions .btn[disabled]{opacity:.7;cursor:progress}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form__privacy{color:var(--muted);font-size:.82rem}.status{border:1.5px solid var(--line);background:var(--paper);border-radius:6px;flex-direction:column;gap:12px;padding:18px 20px;display:none}.status.is-on{display:flex}.status strong{align-items:center;gap:10px;display:flex}.status--ok{border-color:var(--ok)}.status--ok strong{color:var(--ok)}.status--error{border-color:var(--error)}.status--error strong{color:var(--error)}.status--info{border-color:var(--ink)}.status textarea{border:1px solid var(--line);width:100%;min-height:120px;font:inherit;background:var(--paper-2);color:var(--ink);resize:vertical;border-radius:4px;padding:12px;font-size:.9rem}.status .btn{align-self:flex-start;min-height:44px;padding:.6em 1.1em;font-size:.92rem}.hp{position:absolute;left:-9999px}.footer{border-top:1.5px solid var(--ink);padding-block:clamp(56px,7vw,96px) clamp(28px,4vw,40px)}.footer .grid{row-gap:40px}.footer__brand{flex-direction:column;grid-column:1/span 5;gap:18px;display:flex}.footer__brand p{color:var(--ink-2);max-width:40ch}.footer__col{flex-direction:column;grid-column:span 2;gap:12px;min-width:0;display:flex}.footer__col:first-of-type{grid-column:7/span 2}.footer__col h2{font-family:var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-variation-settings:normal;font-size:.75rem;font-weight:600;line-height:1.4}.footer__col ul{flex-direction:column;gap:8px;display:flex}.footer__col a{font-weight:500;text-decoration:none}.footer__col a:hover{color:var(--tuntz-text)}.footer__base{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:12px;padding-top:24px;font-size:.85rem;display:flex}.to-top{color:var(--ink);align-items:center;gap:8px;font-weight:500;text-decoration:none;display:inline-flex}@media (width<=1080px){.hero__text,.hero__media{grid-column:1/span 12}.hero .monitor__stage{aspect-ratio:16/11}.hero .grid{align-items:start}.scroll-cue{display:none}.p-motion .pillar__text,.p-motion .pillar__visual,.p-edit .pillar__visual,.p-edit .pillar__text,.p-ai .pillar__text,.p-ai .pillar__visual,.p-fooh .pillar__text,.p-fooh .pillar__side{grid-column:1/-1}.p-edit .pillar__text{order:-1}.problem__head,.problem__intro,.faq__head,.faq__list{grid-column:1/-1}.faq__head{position:static}.contact__text,.form,.work__head h2,.work__note,.process__head h2,.process__head p,.pillars__head h2,.footer__brand{grid-column:1/-1}.footer__col,.footer__col:first-of-type{grid-column:span 4}}@media (width<=860px){.nav__links,.nav .btn{display:none}.menu-btn{display:inline-flex}.steps{grid-template-columns:1fr;gap:36px}.steps:before{border-top:0;border-left:2px dotted var(--ink);width:0;height:auto;inset:0 auto 0 15px}.step{padding-left:52px}.step__mark{position:absolute;top:0;left:0}.step__num{margin-top:0}.principles{grid-template-columns:1fr}.principle,.principle:nth-child(2n){border-right:0;padding:28px 0 32px}.works .work,.works.is-filtered .work{grid-column:1/-1;margin-top:0}.w-b .work__cover,.w-c .work__cover,.w-f .work__cover{aspect-ratio:4/3}.problem__row{grid-template-columns:20px minmax(0,1fr);row-gap:12px}.problem__tags{grid-column:2;justify-content:flex-start}.case__block{grid-column:1/-1}}@media (width<=560px){.apps,.field__row{grid-template-columns:1fr}.hero .monitor__stage{aspect-ratio:4/5}.footer__col,.footer__col:first-of-type{grid-column:span 6}.hero__ctas .btn{justify-content:center;width:100%}.fooh__scale{display:none}.qa__a{padding-right:0}.monitor__foot{padding:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.graph__dot{offset-distance:100%}}