:root{--case-hero:#ebe9e2;--case-hero-ink:#8b867d;--case-accent:#cfa58c;--case-apps:#dcd8cf;--case-apps-ink:#2d2f2b}.js .reveal{opacity:0;transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1.2s cubic-bezier(.2,.7,.2,1);transform:translateY(28px)}.js .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.top{z-index:10;padding:18px var(--gutter);mix-blend-mode:difference;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#fff;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:fixed;inset:0 0 auto}.top a{color:inherit;text-decoration:none}.intro{align-content:end;min-height:100svh;padding-block:120px 64px;display:grid}.intro .meta{flex-wrap:wrap;gap:10px 28px;margin-bottom:28px;display:flex}.intro h1{letter-spacing:-.035em;font-size:clamp(44px,8.4vw,128px);font-weight:800;line-height:.92}.intro h1 span{font-weight:100;display:block}.intro p{max-width:54ch;color:var(--ink-2);margin-top:28px;font-size:clamp(16px,1.5vw,19px);line-height:1.6}.badge{border:1px solid var(--line);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:11px;display:inline-flex}.badge i{background:var(--case-accent);border-radius:50%;width:6px;height:6px}.facts{background:var(--line);border-block:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:1px;margin-top:56px;display:grid}.facts div{background:var(--bg);align-content:start;gap:8px;padding:20px 24px;display:grid}.facts div:first-child{padding-left:0}@media (width<=700px){.facts div{padding:16px 0}}.facts b{font-size:15px;font-weight:400}.hero-logo{background:var(--case-hero);min-height:100svh;padding:12vh var(--gutter);place-items:center;display:grid;position:relative;overflow:hidden}.hero-logo img{width:min(620px,78vw);height:auto}.js .hero-logo .logo-draw{clip-path:inset(0 0 100%);transition:clip-path 2.4s cubic-bezier(.65,0,.25,1)}.hero-logo.in .logo-draw{clip-path:inset(0)}.hero-logo .tag{left:var(--gutter);color:var(--case-hero-ink);position:absolute;bottom:24px}.concept{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:center;gap:clamp(40px,6vw,96px);padding-block:clamp(96px,14vw,180px);display:grid}.concept h2{letter-spacing:-.025em;font-size:clamp(32px,4.6vw,64px);font-weight:800;line-height:1}.concept h2 em{font-style:normal;font-weight:100}.concept p{color:var(--ink-2);max-width:48ch;margin-top:24px;font-size:17px;line-height:1.7}.concept figure{background:var(--panel);border:1px solid var(--line);aspect-ratio:4/5;border-radius:4px;place-items:center;display:grid;position:relative;overflow:hidden}.concept figcaption{position:absolute;bottom:16px;left:18px}.pin{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--case-accent);align-items:center;gap:8px;font-size:10px;display:flex;position:absolute}.pin:before{content:"";background:currentColor;width:34px;height:1px}.pin.left{flex-direction:row-reverse}.system{padding-bottom:clamp(96px,12vw,160px)}.system h3,.apps-head h3,.section-title{margin-bottom:24px;font-size:20px;font-weight:600}.swatches{gap:12px;min-height:260px;display:grid}.sw{border-radius:4px;flex-direction:column;justify-content:space-between;min-height:120px;padding:18px;display:flex}.sw b{font-size:clamp(20px,2.2vw,28px);font-weight:600}.sw span{font-family:var(--mono);letter-spacing:.06em;opacity:.8;font-size:12px}.type{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:12px;margin-top:12px;display:grid}.type>div{background:var(--panel);border:1px solid var(--line);border-radius:4px;align-content:start;gap:14px;padding:clamp(22px,3vw,36px);display:grid}.type .aa{color:var(--ink);font-size:clamp(84px,11vw,150px);line-height:.9}.type p{color:var(--ink-2);font-size:14px}@media (width<=700px){.swatches{min-height:0;grid-template-columns:1fr!important}}.apps{background:var(--case-apps);color:var(--case-apps-ink);padding-block:clamp(88px,12vw,160px);overflow:hidden}.apps-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:48px;display:flex}.apps-head .label{color:color-mix(in srgb,var(--case-apps-ink) 55%,transparent)}.apps-grid{grid-template-columns:repeat(12,1fr);gap:clamp(12px,2vw,24px);display:grid}.scene{perspective:1200px;border-radius:6px;place-items:center;display:grid;position:relative;overflow:hidden}.scene .cap{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#00000073;font-size:10px;position:absolute;bottom:14px;left:16px}.scene.dark .cap{color:#ffffff73}.span-7{grid-column:span 7}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-12{grid-column:1/-1}@media (width<=860px){.apps-grid>*{grid-column:1/-1!important}}.note{font-family:var(--mono);letter-spacing:.08em;color:color-mix(in srgb,var(--case-apps-ink) 55%,transparent);margin-top:32px;font-size:11px}.next{text-align:center;padding-block:clamp(88px,12vw,160px)}.next a{letter-spacing:-.03em;color:var(--ink);margin-top:16px;font-size:clamp(34px,6vw,84px);font-weight:800;text-decoration:none;transition:opacity .3s;display:inline-block}.next a:hover{opacity:.7}.next a span{font-weight:100}.phone{aspect-ratio:9/19;background:#0e0e0e;border-radius:34px;width:54%;padding:10px;box-shadow:0 40px 60px -24px #000c}.screen{border-radius:26px;width:100%;height:100%;position:relative;overflow:hidden}.cards{aspect-ratio:1.8;width:74%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:relative}.card{aspect-ratio:90/50;border-radius:3px;width:58%;position:absolute;box-shadow:0 2px 3px #0000001f,0 26px 40px -18px #00000073}.card.front{top:6%;left:0;transform:rotate(-7deg)translateZ(20px)}.card.back{bottom:4%;right:0;transform:rotate(5deg)translateZ(40px)}.top-right[data-astro-cid-2x6fd5t4]{align-items:center;gap:20px;display:flex}.top[data-astro-cid-2x6fd5t4] .lang a{color:inherit;opacity:.55}.top[data-astro-cid-2x6fd5t4] .lang a[aria-current]{opacity:1}@media (width<=520px){.top-right[data-astro-cid-2x6fd5t4]>span[data-astro-cid-2x6fd5t4]:first-child{display:none}}