:root{--ink:#111314;--muted:#62676d;--paper:#fffaf2;--soft:#f4efe6;--line:#ddd5c8;--green:#090a0b;--green-soft:#eee;--coral:#d95f48;--amber:#d89b24;--blue:#3778bf;--black:#090a0b;--white:#fff;--shadow:0 22px 60px #11131429;--max:1180px;--phone-ratio:1206 / 2622;--cluster-phone-ratio:1179 / 2556;--timeline-shot-width:min(350px, 86vw)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;line-height:1.6;overflow:hidden}img{max-width:100%;display:block}picture{display:block}button,a{font:inherit}a{color:inherit}.skip-link{z-index:200;background:var(--ink);color:var(--white);border-radius:8px;padding:10px 14px;text-decoration:none;position:fixed;top:16px;left:16px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf2e0;border-bottom:1px solid #11131414;justify-content:space-between;align-items:center;gap:20px;padding:16px 28px;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}.brand{color:var(--ink);letter-spacing:0;flex:none;font-size:15px;font-weight:850;text-decoration:none}.nav-links{overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;-webkit-overflow-scrolling:touch;align-items:center;gap:6px;width:100%;min-width:0;max-width:100%;padding-block:3px;scroll-padding-inline:12px;display:flex;overflow:auto hidden}.nav-links::-webkit-scrollbar{display:none}.nav-links button,.timeline-controls button,.timeline-rail button{cursor:pointer;background:0 0;border:0}.nav-links button{min-height:34px;color:var(--muted);scroll-snap-align:center;white-space:nowrap;touch-action:manipulation;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:8px 11px;font-size:13px;font-weight:800;line-height:1;transition:background-color .16s,color .16s;display:inline-flex}.nav-links button:hover,.nav-links button.active{background:var(--ink);color:var(--white)}.snap-scroll{scroll-behavior:auto;scroll-snap-type:y mandatory;scrollbar-color:var(--green) transparent;height:100svh;overflow:hidden auto}.timeline-panel{--timeline-gutter:max(28px, calc((100vw - var(--max)) / 2));--timeline-axis:calc(var(--timeline-gutter) + 35px);scroll-snap-align:start;scroll-snap-stop:always;border-bottom:1px solid var(--line);background:var(--paper);content-visibility:visible;contain-intrinsic-size:auto;align-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.timeline-panel:before{content:"";left:var(--timeline-axis);background:linear-gradient(var(--line), #111314b8, var(--line));width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.panel-inner{z-index:2;width:min(var(--max), calc(100% - 56px));margin:0 auto;padding:108px 0 72px;position:relative}.hero-panel{background:linear-gradient(110deg, #fffaf2 0%, #fffaf2eb 54%, #edf4f1e6 100%), var(--soft)}.hero-panel:before,.cv-panel-section:before,.contact-panel:before{display:none}.hero-grid,.item-grid,.cv-grid,.contact-grid{grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);align-items:center;gap:62px;display:grid}.item-grid{grid-template-columns:70px minmax(0,.9fr) minmax(320px,1fr);column-gap:72px}#cluster .media-stage{padding-left:clamp(24px,3vw,52px)}.eyebrow{color:var(--green);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:900}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:720px;margin-bottom:18px;font-size:78px;line-height:.94}h2{letter-spacing:0;margin-bottom:18px;font-size:54px;line-height:.98}h3{font-size:24px;line-height:1.15}.hero-copy,.story-description,.cv-grid p,.contact-grid p{color:#303437;font-size:21px;line-height:1.45}.hero-actions,.contact-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.button{border:1px solid var(--ink);border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:10px 17px;font-size:14px;font-weight:850;text-decoration:none;display:inline-flex}.button.primary{background:var(--ink);color:var(--white)}.button.secondary{color:var(--ink);background:0 0}.proof-strip{border:1px solid var(--line);background:var(--line);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;max-width:820px;margin:42px 0 0;padding:0;display:grid;overflow:hidden}.proof-strip div{background:#fffaf2f0;min-height:106px;padding:18px}.proof-strip dt{margin-bottom:6px;font-size:23px;font-weight:900}.proof-strip dd{color:var(--muted);margin:0;font-size:14px;line-height:1.3}.hero-screenshots{min-height:620px;margin-top:-104px;position:relative;overflow:visible}.hero-screenshot,.plain-shot-frame{background:0 0;margin:0;position:absolute;overflow:visible}.hero-screenshot{width:305px;box-shadow:0 24px 52px #11131429}.hero-screenshot img,.hero-screenshot picture,.plain-shot-frame picture,.plain-shot-frame img{width:100%}.hero-screenshot img{height:auto}.plain-shot-frame img{filter:drop-shadow(0 20px 34px #1113142b);height:auto}.store-frame img{object-fit:cover}.hero-screenshot-one{top:0;left:18%;transform:rotate(7deg)}.hero-screenshot-two{top:8%;right:4%;transform:rotate(-8deg)}.timeline-meta{color:var(--green);align-content:center;align-self:stretch;justify-items:center;gap:14px;display:grid}.timeline-index{border:1px solid var(--green);background:var(--paper);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:22px;font-weight:900;display:inline-flex}.timeline-period{writing-mode:vertical-rl;width:70px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:900;transform:rotate(180deg)}.story-copy{max-width:620px}.app-heading{align-items:center;gap:16px;margin-bottom:16px;display:flex}.app-heading h2{margin:0}.app-icon{background:var(--soft);border:1px solid #1113141a;border-radius:19px;flex:none;place-items:center;width:68px;height:68px;display:grid;overflow:hidden;box-shadow:0 14px 26px #11131429,inset 0 1px #ffffff6b}.app-icon img{object-fit:cover;width:100%;height:100%}.store-badge{align-items:center;display:inline-flex}.role-line{color:var(--green);margin-bottom:20px;font-weight:850}.impact-list{gap:10px;margin:24px 0;padding:0;list-style:none;display:grid}.impact-list li{color:#3b3f42;padding-left:24px;position:relative}.impact-list li:before{content:"";background:var(--coral);border-radius:50%;width:8px;height:8px;position:absolute;top:11px;left:0}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.tag-row span{border:1px solid var(--line);background:var(--white);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:850}.store-buttons{flex-wrap:wrap;gap:10px;margin:-2px 0 20px;display:flex}.store-badge{border:1px solid var(--black);background:var(--black);min-width:150px;min-height:46px;color:var(--white);border-radius:8px;gap:10px;padding:7px 12px 7px 11px;line-height:1;text-decoration:none;transition:transform .16s,box-shadow .16s;box-shadow:0 14px 28px #11131424}.store-badge:hover{transform:translateY(-1px);box-shadow:0 18px 34px #1113142e}.store-logo{flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:22px;line-height:1;display:grid;position:relative}.store-logo.android:before{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:14px solid var(--white);width:0;height:0}.store-copy{gap:2px;display:grid}.store-kicker{letter-spacing:0;font-size:9px;font-weight:750}.store-name{letter-spacing:0;font-size:15px;font-weight:900}.media-stage{place-items:center;min-height:620px;display:grid}.plain-shot-frame{aspect-ratio:var(--phone-ratio);width:var(--timeline-shot-width);position:relative}.plain-shot-frame picture,.plain-shot-frame img{height:100%}.plain-shot-frame img{object-fit:contain}.fan-stage{isolation:isolate;width:min(600px,100%);min-height:760px;position:relative}.fan-card{aspect-ratio:var(--phone-ratio);width:var(--timeline-shot-width);transform-origin:50% 82%;background:0 0;margin:0;transition:transform .22s,filter .22s,z-index .22s;position:absolute;top:50%;left:50%;overflow:visible}.fan-card picture,.fan-card img{width:100%;height:100%}.fan-card img{object-fit:contain;filter:drop-shadow(0 22px 42px #11131438)}.fan-card:first-child{z-index:1;transform:translate(-62%,-50%)rotate(-12deg)}.fan-card:nth-child(2){z-index:3;transform:translate(-50%,-53%)rotate(0)}.fan-card:nth-child(3){z-index:2;transform:translate(-38%,-50%)rotate(12deg)}.fan-stage:hover .fan-card:first-child,.fan-stage:focus-within .fan-card:first-child{transform:translate(-78%,-50%)rotate(-15deg)}.fan-stage:hover .fan-card:nth-child(2),.fan-stage:focus-within .fan-card:nth-child(2){transform:translate(-50%,-55%)rotate(0)}.fan-stage:hover .fan-card:nth-child(3),.fan-stage:focus-within .fan-card:nth-child(3){transform:translate(-22%,-50%)rotate(15deg)}#cluster .fan-stage{width:min(500px,100%);min-height:640px}#cluster .fan-card{aspect-ratio:var(--cluster-phone-ratio);width:min(292px,70vw)}#cluster .fan-card:first-child{transform:translate(-60%,-50%)rotate(-9deg)}#cluster .fan-card:nth-child(3){transform:translate(-40%,-50%)rotate(9deg)}#cluster .fan-stage:hover .fan-card:first-child,#cluster .fan-stage:focus-within .fan-card:first-child{transform:translate(-66%,-50%)rotate(-11deg)}#cluster .fan-stage:hover .fan-card:nth-child(2),#cluster .fan-stage:focus-within .fan-card:nth-child(2){transform:translate(-50%,-54%)rotate(0)}#cluster .fan-stage:hover .fan-card:nth-child(3),#cluster .fan-stage:focus-within .fan-card:nth-child(3){transform:translate(-34%,-50%)rotate(11deg)}.store-frame{aspect-ratio:var(--phone-ratio);width:var(--timeline-shot-width);place-items:center;min-height:620px;margin:0;display:grid}.store-frame img{width:100%;height:100%;box-shadow:none;object-fit:contain;filter:drop-shadow(0 22px 42px #1113142e);border-radius:0}.store-frame picture{place-items:center;width:100%;height:100%;display:grid}.store-frame.item-cutout img{box-shadow:none;filter:drop-shadow(0 22px 34px #0000004d);border-radius:0}.pending-shot{border:1px solid var(--line);background:linear-gradient(135deg, #11131412, transparent 52%), var(--soft);width:min(420px,100%);min-height:420px;color:var(--muted);text-align:center;border-radius:8px;place-items:center;padding:28px;display:grid}.pending-shot p{max-width:250px;margin:16px 0 0;font-size:14px;font-weight:850;line-height:1.35}.archive-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;display:grid}.archive-strip figure{border:1px solid var(--line);background:var(--white);border-radius:8px;margin:0;overflow:hidden}.archive-strip img{aspect-ratio:4/5;object-fit:contain;background:var(--soft);width:100%;padding:16px}.archive-strip figcaption{padding:12px 14px;font-weight:900}.tone-draft{background:linear-gradient(120deg, var(--paper), #fff6f1)}.tone-live{background:linear-gradient(120deg, var(--paper), #f0f0ef)}.tone-archive{background:linear-gradient(120deg, var(--paper), #f0f5fb)}.cv-panel-section{background:var(--soft)}.cv-grid{align-items:center}.cv-panel{border:1px solid var(--line);background:var(--line);border-radius:8px;gap:1px;display:grid;overflow:hidden}.cv-row{background:var(--white);grid-template-columns:130px 1fr;gap:18px;padding:18px;display:grid}.cv-row span{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:900}.cv-row strong{line-height:1.35}.contact-panel{background:var(--black);color:var(--white)}.contact-panel .eyebrow{color:#d7dadd}.contact-panel p{color:#ffffffd1}.contact-panel .button{border-color:#ffffffe6}.contact-panel .button.primary{background:var(--white);color:var(--black)}.contact-panel .button.secondary{color:var(--white)}.timeline-rail{z-index:80;gap:9px;display:grid;position:fixed;top:50%;right:22px;transform:translateY(-50%)}.rail-track{background:#11131424;width:2px;position:absolute;top:10px;bottom:10px;left:50%;transform:translate(-50%)}.rail-track span{transform-origin:top;background:var(--green);width:100%;height:100%;display:block}.rail-track span.progress-0{transform:scaleY(0)}.rail-track span.progress-1{transform:scaleY(.111)}.rail-track span.progress-2{transform:scaleY(.222)}.rail-track span.progress-3{transform:scaleY(.333)}.rail-track span.progress-4{transform:scaleY(.444)}.rail-track span.progress-5{transform:scaleY(.555)}.rail-track span.progress-6{transform:scaleY(.666)}.rail-track span.progress-7{transform:scaleY(.777)}.rail-track span.progress-8{transform:scaleY(.888)}.rail-track span.progress-9{transform:scaleY(1)}.timeline-rail button{z-index:2;width:34px;height:34px;color:var(--muted);background:#fffaf2e6;border:1px solid #1113142e;border-radius:50%;place-items:center;display:grid;position:relative}.timeline-rail button span{font-size:9px;font-weight:900}.timeline-rail button.active{border-color:var(--green);background:var(--green);color:var(--white)}.timeline-controls{z-index:90;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffaf2e0;border:1px solid #1113141f;border-radius:999px;align-items:center;gap:12px;padding:8px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #1113141a}.timeline-controls button{color:var(--ink);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900}.timeline-controls button:hover:not(:disabled){background:var(--ink);color:var(--white)}.timeline-controls button:disabled{cursor:default;opacity:.38}.timeline-controls span{color:var(--muted);font-size:12px;font-weight:900}@media (width<=1080px){.item-grid{grid-template-columns:82px minmax(0,1fr);gap:34px}#cluster .item-grid{gap:34px}.media-stage{grid-column:2;min-height:520px}#cluster .media-stage{padding-left:22px}.hero-grid,.cv-grid,.contact-grid{grid-template-columns:1fr}.hero-screenshots{min-height:540px;margin-top:0}.hero-screenshot-one{top:8%}.hero-screenshot-two{top:23%}}@media (width<=760px){:root{--timeline-shot-width:min(286px, 84vw)}body{font-size:16px;overflow:auto}.site-header{padding:12px 16px;display:block}.brand{margin-bottom:8px;font-size:14px;display:inline-flex}.nav-links{scroll-snap-type:none;touch-action:pan-x;gap:4px;width:calc(100% + 32px);max-width:none;margin-inline:-16px;padding-block:4px;padding-inline:16px;scroll-padding-inline:16px}.nav-links:before,.nav-links:after{content:"";flex:0 0 max(18px,50vw - 72px)}.nav-links button{scroll-snap-align:none;min-height:36px;padding:9px 10px;font-size:12px}.snap-scroll{scroll-snap-type:none;height:auto;overflow:visible}.timeline-panel{--timeline-gutter:16px;--timeline-axis:38px;content-visibility:visible;contain-intrinsic-size:auto;scroll-snap-align:none;min-height:auto;scroll-margin-top:34px;overflow:visible}.timeline-panel:not(.item-panel):before{display:none}.panel-inner{width:min(100% - 32px, var(--max));padding:82px 0 56px}.hero-panel .panel-inner{padding-top:112px}h1{font-size:48px}h2{font-size:34px}.hero-copy,.story-description,.cv-grid p,.contact-grid p{font-size:18px}.proof-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:30px}.item-grid{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:22px 18px}.timeline-meta{grid-area:1/1/span 2;align-self:start;justify-items:center;gap:10px;padding-top:2px;display:grid}.timeline-index{width:44px;height:44px;font-size:15px}.timeline-period{writing-mode:vertical-rl;text-align:center;width:44px;transform:rotate(180deg)}.story-copy{grid-column:2;min-width:0;max-width:none}.app-heading{align-items:center;gap:12px;margin-bottom:10px}.store-buttons{gap:8px;margin:0 0 16px}.store-badge{gap:8px;min-width:134px;min-height:42px;padding:6px 10px}.store-logo{flex-basis:21px;width:21px;height:21px;font-size:20px}.store-name{font-size:13px}.app-icon{border-radius:16px;width:56px;height:56px}.media-stage{grid-column:2;min-height:auto}#cluster .media-stage{margin-top:30px;padding-left:0}.eyebrow{margin-bottom:8px}.app-heading h2{margin:0}.role-line,.story-description{margin-bottom:12px}.impact-list{gap:8px;margin:16px 0}.impact-list li{padding-left:22px;line-height:1.45}.tag-row span{padding:5px 9px;font-size:11px}.hero-screenshots{min-height:490px}.hero-screenshot{width:188px}.hero-screenshot-one{top:20px;left:5%}.hero-screenshot-two{top:62px;right:2%}.plain-shot-frame{width:var(--timeline-shot-width)}.store-frame{min-height:auto}.store-frame img,.store-frame.item-cutout img{max-height:none}.pending-shot{min-height:260px}.fan-stage{width:100%;min-height:520px}.fan-card{width:var(--timeline-shot-width)}#cluster .fan-stage{min-height:420px}#cluster .fan-card{width:min(196px,58vw)}#cluster .fan-card:first-child{transform:translate(-58%,-50%)rotate(-8deg)}#cluster .fan-card:nth-child(3){transform:translate(-42%,-50%)rotate(8deg)}.archive-strip{grid-template-columns:1fr}.archive-strip img{aspect-ratio:5/4;max-height:230px}.cv-row{grid-template-columns:1fr;gap:6px}.button{width:100%}.timeline-rail,.timeline-controls{display:none}}@media (width<=420px){.hero-screenshots{min-height:460px}.hero-screenshot{width:174px}.hero-screenshot-one{left:0}.hero-screenshot-two{right:0}.proof-strip div{min-height:auto;padding:14px}}