:root{--ink:#111114;--muted:#65636a;--line:rgba(17,17,20,0.14);--paper:#f3f3f1;--paper-soft:#fafaf8;--violet:#8046df;--violet-soft:#bdb4d5;--gray-depth:#bfbfbf;--gray-transition:#cfcdd0;--gray-light:#dddddd;--gray-base:#d0ced0;--max:1440px;--copy:1040px}@font-face{font-family:Archivo;src:url(/fonts/Archivo-Variable.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;color:var(--ink);background:radial-gradient(circle at 87% 3%,rgba(189,180,213,.26),transparent 28rem),var(--paper);font-family:Archivo,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}img,video{max-width:100%}.site-header{display:flex;align-items:center;justify-content:space-between;width:min(calc(100% - 64px),var(--max));min-height:84px;margin:0 auto;border-bottom:1px solid var(--line);font-size:13px}.portfolio-mark{font-weight:650;letter-spacing:-.01em;text-decoration:none}.header-meta{display:flex;gap:24px;color:var(--muted)}main{width:100%}.case-intro{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:end;gap:80px;width:min(calc(100% - 64px),var(--max));margin:0 auto;padding:112px 0 72px}.eyebrow,.result-callout span,.section-label{margin:0 0 20px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}blockquote,dd,dl,h1,h2,h3,p{margin-top:0}h1{max-width:1040px;margin-bottom:0;font-size:clamp(62px,7.4vw,118px);font-weight:500;line-height:.86;letter-spacing:-.065em}h1 span{display:block;max-width:940px;margin-top:28px;color:#4e4b54;font-size:clamp(34px,4.2vw,65px);line-height:1.02;letter-spacing:-.048em}.case-facts{padding-bottom:8px}.case-facts dl{margin-bottom:0}.case-facts dl>div{display:grid;grid-template-columns:105px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.35}.case-facts dt{color:var(--muted)}.case-facts dd{margin-bottom:0;font-weight:540}.product-visual{position:relative;width:100%;height:min(62.5vw,1000px);overflow:hidden;isolation:isolate;background:var(--gray-base)}.visual-stage{position:absolute;left:50%;top:50%;width:min(100%,1600px);aspect-ratio:8/5;transform:translate(-50%,-50%)}.visual-mesh,.visual-mesh:after{position:absolute;z-index:-2;inset:-12%;content:""}.visual-mesh{background:radial-gradient(ellipse 52% 58% at 12% 17%,rgba(221,221,221,.98) 0,rgba(221,221,221,.74) 21%,transparent 66%),radial-gradient(ellipse 48% 60% at 78% 12%,rgba(189,180,213,.9) 0,rgba(189,180,213,.57) 26%,transparent 68%),radial-gradient(ellipse 50% 54% at 96% 78%,rgba(207,205,208,.94) 0,rgba(207,205,208,.54) 28%,transparent 70%),radial-gradient(ellipse 57% 49% at 13% 91%,rgba(191,191,191,.86) 0,rgba(191,191,191,.48) 29%,transparent 72%),var(--gray-base);animation:mesh-drift 18s ease-in-out infinite alternate}.visual-mesh:after{z-index:-1;background:radial-gradient(ellipse 32% 46% at 70% 58%,rgba(189,180,213,.28),transparent 72%),radial-gradient(ellipse 38% 30% at 39% 31%,rgba(221,221,221,.3),transparent 74%);filter:blur(34px);animation:light-drift 22s ease-in-out infinite alternate}.product-visual--projects .visual-mesh{background:radial-gradient(ellipse 54% 57% at 14% 18%,rgba(221,221,221,.98),transparent 66%),radial-gradient(ellipse 48% 60% at 84% 17%,rgba(189,180,213,.88),transparent 68%),radial-gradient(ellipse 55% 52% at 92% 87%,rgba(207,205,208,.92),transparent 70%),radial-gradient(ellipse 58% 50% at 17% 88%,rgba(191,191,191,.82),transparent 72%),var(--gray-base)}.product-visual--mathienzo .visual-mesh{background:radial-gradient(ellipse 46% 60% at 86% 16%,rgba(221,221,221,.96),transparent 67%),radial-gradient(ellipse 56% 55% at 17% 36%,rgba(189,180,213,.76),transparent 70%),radial-gradient(ellipse 48% 58% at 78% 90%,rgba(191,191,191,.82),transparent 72%),radial-gradient(ellipse 54% 48% at 22% 92%,rgba(207,205,208,.92),transparent 70%),var(--gray-base)}.product-visual--purchase .visual-mesh{background:radial-gradient(ellipse 52% 55% at 10% 74%,rgba(221,221,221,.96),transparent 68%),radial-gradient(ellipse 50% 58% at 83% 18%,rgba(189,180,213,.84),transparent 69%),radial-gradient(ellipse 50% 52% at 90% 92%,rgba(191,191,191,.82),transparent 72%),radial-gradient(ellipse 55% 50% at 24% 10%,rgba(207,205,208,.9),transparent 70%),var(--gray-base)}.product-visual--gold .visual-mesh{background:radial-gradient(ellipse 52% 58% at 18% 18%,rgba(189,180,213,.84),transparent 68%),radial-gradient(ellipse 48% 54% at 88% 30%,rgba(221,221,221,.96),transparent 70%),radial-gradient(ellipse 58% 48% at 74% 92%,rgba(207,205,208,.92),transparent 70%),radial-gradient(ellipse 46% 56% at 8% 86%,rgba(191,191,191,.8),transparent 72%),var(--gray-base)}.product-visual--account .visual-mesh{background:radial-gradient(ellipse 50% 58% at 10% 24%,rgba(207,205,208,.94),transparent 69%),radial-gradient(ellipse 56% 54% at 82% 12%,rgba(189,180,213,.86),transparent 68%),radial-gradient(ellipse 48% 60% at 92% 88%,rgba(221,221,221,.94),transparent 71%),radial-gradient(ellipse 55% 50% at 20% 92%,rgba(191,191,191,.82),transparent 72%),var(--gray-base)}.browser-window{position:absolute;left:9.375%;top:9.5%;width:77.8125%;aspect-ratio:1.53846/1;--browser-radius:clamp(10px,1.75vw,28px);overflow:hidden;border:1px solid rgba(65,60,72,.24);border-radius:var(--browser-radius);clip-path:inset(0 round var(--browser-radius));background:transparent;box-shadow:0 40px 84px rgba(55,49,65,.24),0 12px 28px rgba(46,41,54,.14),inset 0 1px 0 rgba(255,255,255,.62)}.browser-bar{position:relative;z-index:4;display:flex;align-items:center;height:3.846%;min-height:12px;padding:0 1.285%;overflow:hidden;border-bottom:1px solid rgba(54,49,62,.16);background:rgba(255,255,255,.2);backdrop-filter:blur(20px) saturate(124%) brightness(1.06);-webkit-backdrop-filter:blur(20px) saturate(124%) brightness(1.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.66);border-radius:var(--browser-radius) var(--browser-radius) 0 0}.browser-bar:after{position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.28),transparent 32%,rgba(255,255,255,.1) 62%,transparent);content:""}.browser-dots{position:relative;z-index:1;display:flex;gap:clamp(2px,.38vw,6px)}.browser-dots i{width:clamp(3px,.56vw,9px);height:clamp(3px,.56vw,9px);border-radius:50%;background:rgba(61,56,69,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.24)}.browser-viewport{position:relative;width:100%;aspect-ratio:8/5;overflow:hidden;background:#000;border-radius:0 0 var(--browser-radius) var(--browser-radius)}.product-video{display:block;width:100%;height:100%;object-fit:contain;object-position:center top;background:#000}.home-objects,.visual-accent{pointer-events:none}.cube,.visual-accent{position:absolute;z-index:5;object-fit:contain;filter:drop-shadow(-18px 24px 24px rgba(49,40,60,.22)) drop-shadow(0 0 20px rgba(115,51,236,.12))}.cube--back{right:.25%;bottom:1.6%;width:16.875%}.cube--front{right:9.4375%;bottom:-1.2%;width:14.0625%}.visual-accent{right:6.4%;bottom:5.2%;width:13.75%}.product-visual--mathienzo .visual-accent{right:9%;bottom:5%}.product-visual--purchase .visual-accent{right:6.5%;bottom:5%}.product-visual--gold .visual-accent{right:8%;bottom:5%}.product-visual--account .visual-accent{right:7%;bottom:5%}@keyframes mesh-drift{0%{transform:translate3d(-1.5%,-1%,0) scale(1.02)}to{transform:translate3d(2%,1.5%,0) scale(1.07)}}@keyframes light-drift{0%{transform:translate3d(1%,-2%,0) rotate(-2deg)}to{transform:translate3d(-2%,2%,0) rotate(2deg)}}.editorial-block{display:grid;grid-template-columns:200px minmax(0,760px);justify-content:center;gap:72px;width:min(calc(100% - 64px),var(--copy));margin:0 auto;padding:72px 0 140px}.editorial-block--lead{padding-top:96px}.editorial-block h2,.journey h2{margin-bottom:26px;font-size:clamp(38px,4.1vw,62px);font-weight:500;line-height:1.02;letter-spacing:-.045em}.editorial-block p:not(.section-label){margin-bottom:18px;color:#47454c;font-size:clamp(17px,1.45vw,20px);line-height:1.68}.editorial-block .lead-copy{color:var(--ink)!important;font-size:clamp(20px,1.75vw,24px)!important;line-height:1.55!important}.journey{width:min(calc(100% - 64px),var(--max));margin:0 auto;padding:100px 0 140px;border-top:1px solid var(--line)}.journey-heading{display:grid;grid-template-columns:200px minmax(0,760px);justify-content:center;gap:72px;margin-bottom:68px}.journey ol{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;border-top:1px solid var(--line);list-style:none}.journey li{min-height:260px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.journey li:nth-child(3n){border-right:0}.journey li:nth-last-child(-n+3){border-bottom:0}.journey li>span{display:block;margin-bottom:76px;color:var(--violet);font-size:12px;font-weight:700}.journey h3{margin-bottom:12px;font-size:24px;font-weight:560;letter-spacing:-.025em}.journey li p{margin-bottom:0;color:var(--muted);font-size:14px;line-height:1.55}.case-section{padding-top:36px}.decision-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:42px;padding-top:30px;border-top:1px solid var(--line)}.decision-grid h3{margin-bottom:12px;font-size:19px;font-weight:620;letter-spacing:-.02em}.decision-grid p{margin-bottom:0!important;color:var(--muted)!important;font-size:15px!important;line-height:1.6!important}.state-section{width:min(calc(100% - 64px),var(--max));margin:20px auto 140px;padding-top:100px;border-top:1px solid var(--line)}.state-heading{display:grid;grid-template-columns:200px minmax(0,760px);justify-content:center;gap:72px;margin-bottom:64px}.state-heading h2{margin-bottom:24px;font-size:clamp(38px,4.1vw,62px);font-weight:500;line-height:1.02;letter-spacing:-.045em}.state-heading>div>p{max-width:720px;margin-bottom:0;color:#47454c;font-size:clamp(17px,1.45vw,20px);line-height:1.68}.state-evidence{margin:0}.state-evidence__scene{position:relative;overflow:hidden;border-radius:24px;padding:0;background:var(--gray-base)}.state-evidence figcaption{margin-top:14px;color:var(--muted);font-size:13px;line-height:1.5}.state-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.state-grid article{min-height:236px;padding:28px;border-right:1px solid var(--line)}.state-grid article:last-child{border-right:0}.state-grid span{display:block;margin-bottom:62px;color:var(--violet);font-size:12px;font-weight:700}.state-grid h3{margin-bottom:12px;font-size:24px;font-weight:560;letter-spacing:-.025em}.state-grid p{margin-bottom:0;color:var(--muted);font-size:14px;line-height:1.55}.editorial-block--collaboration{padding-top:36px}.result-callout{margin-top:48px;padding:28px 0 0;border-top:1px solid var(--line)}.result-callout span{display:block;margin-bottom:14px;color:var(--violet)}.result-callout strong{display:block;margin-bottom:12px;font-size:clamp(28px,3vw,44px);font-weight:540;line-height:1.1;letter-spacing:-.035em}.result-callout p{max-width:650px;color:var(--muted)!important;font-size:14px!important;line-height:1.6!important}.closing-section{width:min(calc(100% - 64px),var(--max));margin:0 auto;padding:128px 0 150px;border-top:1px solid var(--line);text-align:center}.closing-section blockquote{max-width:1120px;margin:0 auto 34px;font-size:clamp(52px,7vw,104px);font-weight:500;line-height:.94;letter-spacing:-.06em}.closing-section>p:last-child{max-width:720px;margin:0 auto;color:var(--muted);font-size:18px;line-height:1.62}footer{display:flex;justify-content:space-between;width:min(calc(100% - 64px),var(--max));min-height:108px;margin:0 auto;padding-top:30px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}@media (max-width:900px){.case-intro{grid-template-columns:1fr;gap:48px;padding-top:80px}.case-facts{max-width:440px}.editorial-block,.journey-heading,.state-heading{grid-template-columns:150px minmax(0,1fr);gap:36px}.journey ol{grid-template-columns:repeat(2,1fr)}.journey li{border-bottom:1px solid var(--line)}.journey li,.journey li:nth-child(3n){border-right:1px solid var(--line)}.journey li:nth-child(2n){border-right:0}.journey li:nth-last-child(-n+2){border-bottom:0}}@media (max-width:620px){.site-header,footer{width:min(calc(100% - 28px),var(--max))}.site-header{min-height:68px}.header-meta span:last-child{display:none}.case-intro{width:min(calc(100% - 28px),var(--max));padding:64px 0 46px}h1{font-size:clamp(52px,18vw,78px)}h1 span{margin-top:20px;font-size:clamp(30px,10vw,44px)}.editorial-block,.journey-heading,.state-heading{grid-template-columns:1fr;gap:8px}.editorial-block{width:min(calc(100% - 28px),var(--copy));padding:48px 6px 94px}.editorial-block--lead{padding-top:58px}.journey{width:min(calc(100% - 28px),var(--max));padding:72px 0 96px}.journey-heading{margin-bottom:42px}.journey ol{grid-template-columns:1fr}.journey li{min-height:0;border-bottom:1px solid var(--line)}.journey li,.journey li:nth-child(2n),.journey li:nth-child(3n){border-right:0}.journey li:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.journey li:last-child{border-bottom:0}.journey li>span{margin-bottom:40px}.decision-grid,.state-grid{grid-template-columns:1fr}.decision-grid{gap:22px}.state-section{width:min(calc(100% - 28px),var(--max));margin-bottom:96px;padding-top:72px}.state-grid article{min-height:0;border-right:0;border-bottom:1px solid var(--line)}.state-grid article:last-child{border-bottom:0}.state-grid span{margin-bottom:36px}.closing-section{width:min(calc(100% - 28px),var(--max));padding:92px 6px 110px}footer{flex-direction:column;justify-content:flex-start;gap:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.visual-mesh,.visual-mesh:after{animation:none}}