@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit;background:0 0;border:0;padding:0}}@layer tokens{:root{color-scheme:light;--paper:#f3f0e9;--ink:#161714;--ink-soft:#565750;--ink-body:#3f403a;--on-ink:#fffdf9;--line:#cbc6ba;--accent:#e95d43;--accent-strong:#bd3f27;--panel:#1c1d1a;--panel-raised:#282925;--panel-fg:#fffdf9;--panel-mute:#8f9088;--panel-line:#484943;--panel-accent:#ff7b61;--tone-coral:#d95039;--tone-mint:#8ac9b9;--tone-cyan:#5be7ff;--bezel:#151613;--shadow-device:0 30px 60px -34px #0000008c;--shadow-ipad:0 24px 50px -32px #00000080;--sans:-apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;--shell:min(100% - 44px, 46rem);--section-space:clamp(2.75rem, 6vw, 4rem);--radius-sm:8px;--radius-md:14px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--paper:#121310;--ink:#eeeae0;--ink-soft:#a1a299;--ink-body:#c6c3b9;--on-ink:#121310;--line:#2f302b;--accent:#e95d43;--accent-strong:#e95d43;--panel:#1e1f1a;--panel-raised:#2a2b26;--panel-fg:#eeeae0;--panel-mute:#93948c;--panel-line:#35362f;--bezel:#0a0b09;--shadow-device:0 30px 60px -34px #000c;--shadow-ipad:0 24px 50px -32px #000000bf}}:root[data-theme=dark]{color-scheme:dark;--paper:#121310;--ink:#eeeae0;--ink-soft:#a1a299;--ink-body:#c6c3b9;--on-ink:#121310;--line:#2f302b;--accent:#e95d43;--accent-strong:#e95d43;--panel:#1e1f1a;--panel-raised:#2a2b26;--panel-fg:#eeeae0;--panel-mute:#93948c;--panel-line:#35362f;--bezel:#0a0b09;--shadow-device:0 30px 60px -34px #000c;--shadow-ipad:0 24px 50px -32px #000000bf}}@layer base{html{background:var(--paper);min-width:320px;color:var(--ink);font-family:var(--sans);-webkit-text-size-adjust:100%}body{flex-direction:column;min-height:100svh;font-size:1rem;line-height:1.65;display:flex}main{flex:1}::selection{background:var(--ink);color:var(--paper)}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}h1,h2,h3{letter-spacing:-.018em;font-weight:600;line-height:1.2}}@layer components{.shell{width:var(--shell);margin-inline:auto}.skip-link{z-index:100;background:var(--ink);color:var(--on-ink);border-radius:999px;padding:8px 14px;font-size:.8125rem;font-weight:600;transition:transform .18s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--line)}.header-inner{justify-content:space-between;align-items:center;gap:1.5rem;min-height:60px;display:flex}.brand{letter-spacing:-.01em;font-size:.875rem;font-weight:600}.site-nav{align-items:center;gap:1.25rem;font-size:.875rem;display:flex}.site-nav a{color:var(--ink-soft);transition:color .16s}.site-nav a:hover{color:var(--ink)}.theme-toggle{width:28px;height:28px;color:var(--ink-soft);cursor:pointer;place-content:center;transition:color .16s;display:none}:root.js .theme-toggle{display:grid}.theme-toggle:hover{color:var(--ink)}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:16px;height:16px}.theme-icon--sun{display:none}:root[data-theme=dark] .theme-icon--sun{display:block}:root[data-theme=dark] .theme-icon--moon{display:none}.page{padding-block:clamp(3rem, 8vw, 5rem) var(--section-space)}.intro h1{font-size:clamp(1.625rem,4vw,2rem)}.intro>p{max-width:40rem;color:var(--ink-body);margin-top:1.1rem}.intro>.intro-kicker{max-width:none;color:var(--accent-strong);font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;margin-top:0;margin-bottom:.7rem;font-size:.6875rem}.back-link{color:var(--ink-soft);margin-bottom:1.75rem;font-size:.8125rem;display:inline-block}.back-link:hover{color:var(--ink)}.inline-links{flex-wrap:wrap;gap:.4rem 1.25rem;margin-top:1.6rem;font-size:.875rem;display:flex}.inline-links a{border-bottom:1px solid var(--line);padding-bottom:1px;transition:border-color .16s}.inline-links a:hover{border-color:var(--ink)}.section{margin-top:var(--section-space)}.section>h2{color:var(--ink-soft);font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;margin-bottom:1.25rem;font-size:.6875rem;font-weight:500}.entries{gap:2rem;display:grid}.app-icon{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);border-radius:6px;flex:none;width:26px;height:26px}.app-icon--lg{border-radius:13px;width:56px;height:56px}.entry-name{align-items:center;gap:.55rem;min-width:0;display:flex}.entry-title{letter-spacing:-.012em;justify-content:space-between;align-items:baseline;gap:1rem;font-size:1.0625rem;font-weight:600;display:flex}.entry-title a{border-bottom:1px solid #0000;transition:border-color .16s}.entry-title a:hover{border-color:var(--ink)}.entry-period{color:var(--ink-soft);font-family:var(--mono);letter-spacing:.02em;flex:none;font-size:.6875rem;font-weight:400}.entry-summary{max-width:40rem;color:var(--ink-body);margin-top:.4rem;font-size:.9375rem}.entry-meta{color:var(--ink-soft);font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:.35rem 1rem;margin-top:.65rem;font-size:.6875rem;display:flex}.entry-meta a{color:var(--accent-strong);border-bottom:1px solid #0000;transition:border-color .16s}.entry-meta a:hover{border-color:currentColor}.rows{border-top:1px solid var(--line)}.row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;padding-block:.7rem;font-size:.9375rem;display:flex}.row>a{border-bottom:1px solid #0000;transition:border-color .16s}.row>a:hover{border-color:var(--ink)}.row time,.row-period{color:var(--ink-soft);font-family:var(--mono);flex:none;font-size:.6875rem}.site-footer{margin-top:var(--section-space);border-top:1px solid var(--line);color:var(--ink-soft);padding-block:1.5rem;font-size:.8125rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;display:flex}.footer-links{flex-wrap:wrap;gap:1.25rem;display:flex}.footer-links a{transition:color .16s}.footer-links a:hover{color:var(--ink)}.eyebrow{color:var(--ink-soft);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem}.button{border:1px solid var(--line);border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.8125rem;font-weight:500;transition:border-color .16s,background-color .16s,color .16s;display:inline-flex}.button:hover{border-color:var(--ink);background:var(--ink);color:var(--on-ink)}.button--quiet:hover{color:var(--ink);background:0 0}.text-link{border-bottom:1px solid var(--line);align-items:center;gap:.35rem;padding-bottom:1px;font-size:.875rem;transition:border-color .16s;display:inline-flex}.text-link:hover{border-color:currentColor}.text-link--quiet{color:var(--ink-soft)}}@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.article-header{border-bottom:1px solid var(--line);margin-bottom:2.5rem;padding-block:clamp(3rem,8vw,5rem) 1.75rem}.article-header h1{font-size:clamp(1.75rem,4.5vw,2.25rem)}.article-deck{max-width:38rem;color:var(--ink-soft);margin-top:.9rem;font-size:1.0625rem;line-height:1.55}.article-byline{color:var(--ink-soft);font-family:var(--mono);flex-wrap:wrap;gap:.3rem 1.25rem;margin-top:1.4rem;font-size:.6875rem;display:flex}.prose{max-width:38rem;padding-bottom:var(--section-space)}.prose>*+*{margin-top:1.35rem}.prose p,.prose li{color:var(--ink-body);font-size:1.0625rem;line-height:1.75}.prose .prose-lede{color:var(--ink);font-size:1.1875rem;line-height:1.6}.prose h2{margin-top:2.75rem;font-size:1.1875rem}.prose ol,.prose ul{gap:.5rem;padding-left:1.2rem;list-style:decimal;display:grid}.prose ul{list-style:outside}.prose blockquote{border-left:2px solid var(--accent);color:var(--ink);margin-block:2rem;padding-left:1.25rem;font-size:1.0625rem;line-height:1.6}.prose pre{border-radius:var(--radius-sm);background:var(--panel);color:var(--panel-fg);font-family:var(--mono);tab-size:2;padding:1.1rem 1.25rem;font-size:.8125rem;line-height:1.7;overflow-x:auto}:not(pre)>code{border:1px solid var(--line);background:color-mix(in srgb, var(--ink) 6%, transparent);font-family:var(--mono);overflow-wrap:break-word;border-radius:4px;padding:.1em .34em;font-size:.86em}.prose pre code{font:inherit;color:inherit}.case-page--coral{--case-accent:#bd3f27;--case-surface:var(--tone-coral);--case-on-surface:#200803}.case-page--mint{--case-accent:#0f7362;--case-surface:var(--tone-mint);--case-on-surface:#0d2b25}.case-page--cyan{--case-accent:#0a6b80;--case-surface:var(--tone-cyan);--case-on-surface:#04141c}.case-page--ink{--case-accent:#bd3f27;--case-surface:transparent;--case-on-surface:var(--ink);--case-wash:transparent}.case-page--coral,.case-page--mint,.case-page--cyan{--case-wash:color-mix(in srgb, var(--case-surface) 55%, var(--paper))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .case-page--coral,:root:not([data-theme=light]) .case-page--mint,:root:not([data-theme=light]) .case-page--cyan{--case-wash:color-mix(in srgb, var(--case-surface) 30%, var(--paper));--case-on-surface:var(--ink)}:root:not([data-theme=light]) .case-page--coral{--case-accent:#e95d43}:root:not([data-theme=light]) .case-page--mint{--case-accent:#57c9af}:root:not([data-theme=light]) .case-page--cyan{--case-accent:#5be7ff}:root:not([data-theme=light]) .case-page--ink{--case-accent:#e95d43}}:root[data-theme=dark] .case-page--coral,:root[data-theme=dark] .case-page--mint,:root[data-theme=dark] .case-page--cyan{--case-wash:color-mix(in srgb, var(--case-surface) 30%, var(--paper));--case-on-surface:var(--ink)}:root[data-theme=dark] .case-page--coral{--case-accent:#e95d43}:root[data-theme=dark] .case-page--mint{--case-accent:#57c9af}:root[data-theme=dark] .case-page--cyan{--case-accent:#5be7ff}:root[data-theme=dark] .case-page--ink{--case-accent:#e95d43}.case-hero{padding-block:clamp(3rem,8vw,5rem) 2.5rem}.case-identity{align-items:center;gap:.85rem;display:flex}.case-name{letter-spacing:-.012em;margin-top:.15rem;font-size:1.0625rem;font-weight:600}.case-hero h1{margin-top:.9rem;font-size:clamp(1.75rem,4.5vw,2.25rem)}.case-intro{margin-top:1.1rem}.case-intro>p{max-width:38rem;color:var(--ink-body);font-size:1.0625rem;line-height:1.7}.case-actions{flex-wrap:wrap;gap:.6rem;margin-top:1.6rem;display:flex}.case-facts{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2rem;margin-top:2.5rem;padding-top:1.5rem;display:grid}.case-facts dt{color:var(--ink-soft);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem}.case-facts dd{margin:.35rem 0 0;font-size:.875rem}.case-visual-shell{background:linear-gradient(to bottom, var(--paper) 0%, var(--case-wash) 82%);overflow:hidden}.case-device-gallery{justify-content:center;align-items:flex-end;gap:clamp(.75rem,2vw,1.5rem);padding-top:clamp(2.5rem,6vw,4rem);display:flex}.case-phone{border:6px solid var(--bezel);background:var(--bezel);width:min(30%,190px);box-shadow:var(--shadow-device);border-bottom:0;border-radius:22px 22px 0 0;overflow:hidden}.case-phone img{border-radius:16px 16px 0 0;width:100%;height:auto}.case-phone--left{transform:translateY(12%)}.case-phone--right{transform:translateY(16%)}.case-body{padding-block:var(--section-space)}.case-section+.case-section,.case-section--result{border-top:1px solid var(--line);margin-top:2.75rem;padding-top:2.5rem}.case-section-label{color:var(--ink-soft);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;gap:.6rem;margin-bottom:.9rem;font-size:.6875rem;display:flex}.case-section-label span{color:var(--case-accent)}.case-section-content h2{max-width:34rem;font-size:1.1875rem}.case-section-content>p{max-width:38rem;color:var(--ink-body);margin-top:.9rem;font-size:.9375rem;line-height:1.7}.case-section-content .case-lede{color:var(--ink);font-size:1.0625rem}.decision-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem;margin-top:1.75rem;display:grid}.decision-grid span{color:var(--case-accent);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem}.decision-grid h3{margin-top:.35rem;font-size:.9375rem}.decision-grid p{color:var(--ink-body);margin-top:.4rem;font-size:.875rem}.case-quote{border-radius:var(--radius-md);background:var(--panel);color:var(--panel-fg);margin-block:2.5rem;padding:1.5rem 1.75rem}.case-quote p{max-width:34rem;font-size:1.0625rem;line-height:1.55}.case-ipad{border-radius:var(--radius-md);background:linear-gradient(to bottom, color-mix(in srgb, var(--case-wash) 40%, var(--paper)), var(--case-wash));color:var(--case-on-surface);margin-block:2.5rem;padding:clamp(1.25rem,4vw,2rem)}.case-ipad-intro{max-width:34rem;margin-bottom:1.5rem}.case-ipad-intro .eyebrow{color:var(--case-on-surface)}.case-ipad-intro p:last-child{margin-top:.5rem;font-size:1rem;line-height:1.5}.ipad-duo{grid-template-columns:repeat(2,1fr);gap:clamp(.75rem,2vw,1.5rem);display:grid}.ipad-frame{border:5px solid var(--bezel);background:var(--bezel);box-shadow:var(--shadow-ipad);border-radius:12px;overflow:hidden}.ipad-frame img{border-radius:8px;width:100%;height:auto}.case-checklist,.process-list{border-top:1px solid var(--line);margin-top:1.5rem}.case-checklist li{border-bottom:1px solid var(--line);color:var(--ink-body);padding:.7rem 0 .7rem 1.5rem;font-size:.9375rem;position:relative}.case-checklist li:before{content:"→";color:var(--case-accent);position:absolute;left:0}.process-list li{border-bottom:1px solid var(--line);grid-template-columns:2.25rem 1fr;gap:.75rem;padding-block:.85rem;display:grid}.process-list li>span{color:var(--case-accent);font-family:var(--mono);font-size:.6875rem;line-height:1.7}.process-list h3{font-size:.9375rem}.process-list p{color:var(--ink-body);margin-top:.25rem;font-size:.875rem}.case-result-links{flex-wrap:wrap;gap:.75rem 1.75rem;margin-top:1.5rem;display:flex}.next-case{margin-top:var(--section-space);border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;padding-top:1.25rem;display:flex}.next-case small{color:var(--ink-soft);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem}.next-case strong{border-bottom:1px solid #0000;font-size:1rem;font-weight:600;transition:border-color .16s}.next-case:hover strong{border-color:var(--ink)}.payment-map{border:1px solid var(--panel-line);border-radius:var(--radius-md);background:var(--panel-line);color:var(--panel-fg);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-block:clamp(2rem,5vw,3rem);display:grid;overflow:hidden}.payment-node{background:var(--panel-raised);flex-direction:column;gap:.3rem;padding:1.1rem 1.25rem;display:flex}.payment-node span{color:var(--panel-accent);font-family:var(--mono);font-size:.6875rem}.payment-node small{color:var(--panel-mute);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;font-size:.625rem}.payment-node strong{font-size:.9375rem;font-weight:600}@media (width<=620px){:root{--shell:min(100% - 32px, 46rem)}.entry-title,.row{flex-direction:column;align-items:flex-start;gap:.15rem}.entry-title .entry-period{padding-left:calc(26px + .55rem)}.case-facts,.decision-grid,.payment-map{grid-template-columns:1fr}.ipad-duo{grid-template-columns:1fr;max-width:320px;margin-inline:auto}.footer-inner{flex-direction:column}}@media (width<=380px){.site-nav{gap:.9rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}