:root{--bg: #fbfaf7;--bg-elev: #ffffff;--ink: #0e1524;--ink-2: #2a3144;--ink-3: #5b6170;--ink-4: #8e94a3;--line: #e8e5dd;--line-2: #efece5;--blue: oklch(.46 .16 258);--blue-deep: oklch(.34 .14 258);--blue-soft: oklch(.93 .04 258);--blue-ink: oklch(.28 .12 258);--amber: oklch(.78 .15 70);--amber-soft: oklch(.95 .05 75);--amber-ink: oklch(.48 .13 60);--green: oklch(.62 .12 155);--green-soft: oklch(.94 .04 155);--radius-xs: 6px;--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 0 rgba(15, 23, 42, .02);--shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 8px 24px -12px rgba(15, 23, 42, .12);--shadow-lg: 0 2px 4px rgba(15, 23, 42, .04), 0 24px 60px -20px rgba(15, 23, 42, .18);--font-sans: "Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Instrument Serif", "Source Serif 4", Georgia, serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--maxw: 1200px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11"}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}input,textarea,select{font-family:inherit;color:inherit}.h-display{font-family:var(--font-sans);font-weight:500;letter-spacing:-.035em;line-height:1.02;font-size:clamp(44px,6vw,84px);color:var(--ink)}.h-display em{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.01em}.h-1{font-weight:500;letter-spacing:-.028em;line-height:1.05;font-size:clamp(36px,4.2vw,56px)}.h-1 em{font-family:var(--font-serif);font-style:italic;font-weight:400}.h-2{font-weight:500;letter-spacing:-.022em;line-height:1.1;font-size:clamp(26px,2.4vw,34px)}.h-3{font-weight:500;letter-spacing:-.015em;line-height:1.2;font-size:20px}.eyebrow{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.lead{font-size:20px;line-height:1.5;color:var(--ink-2);letter-spacing:-.008em}.body{font-size:16px;line-height:1.65;color:var(--ink-2)}.mono{font-family:var(--font-mono)}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 28px}section{padding:96px 0;position:relative}section+section{border-top:1px solid var(--line)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-sm);font-weight:500;font-size:15px;letter-spacing:-.005em;transition:transform .15s ease,background .2s ease,box-shadow .2s ease;white-space:nowrap}.btn-primary{background:var(--ink);color:#fff;box-shadow:0 1px #ffffff14 inset,0 1px 2px #0f172a26}.btn-primary:hover{background:#1a2235;transform:translateY(-1px)}.btn-ghost{color:var(--ink-2)}.btn-ghost:hover{color:var(--ink)}.btn-outline{border:1px solid var(--line);background:var(--bg-elev);color:var(--ink)}.btn-outline:hover{border-color:var(--ink-4)}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 8px;background:var(--bg-elev);border:1px solid var(--line);border-radius:100px;font-size:13px;color:var(--ink-2);font-weight:500}.chip .dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.placeholder-img{background:repeating-linear-gradient(135deg,var(--line-2) 0 6px,transparent 6px 12px),var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--ink-4);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em}.dot-grid{background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:16px 16px}.fine-details summary{cursor:pointer;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);list-style:none;display:inline-flex;align-items:center;gap:6px}.fine-details summary::-webkit-details-marker{display:none}.fine-details summary:before{content:"+";font-size:14px;color:var(--blue);transition:transform .15s ease}.fine-details[open] summary:before{transform:rotate(45deg)}.pulse-ring{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;border:1px solid var(--amber);animation:pulse-ring 2.4s ease-out infinite;pointer-events:none}@keyframes pulse-ring{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.55);opacity:0}to{transform:scale(1.55);opacity:0}}@media(prefers-reduced-motion:reduce){.pulse-ring{animation:none;opacity:.4}}#p247-dot{position:fixed;top:0;left:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--blue);z-index:40;pointer-events:none;opacity:0;will-change:transform}html.motion-on #p247-dot{opacity:1}#p247-dot[data-tone=amber]{background:var(--amber)}html.motion-on .hero-dot-static,html.motion-on .dot-static-pad{opacity:0}@media(min-width:981px)and (pointer:fine)and (prefers-reduced-motion:no-preference){#problem{height:calc(var(--runway, 130vh) + 100vh);padding:0}#how{height:calc(var(--runway-how, 140vh) + 100vh);padding:0}#try{height:calc(var(--runway-try, 150vh) + 100vh);padding:0}#problem .sticky-frame,#how .sticky-frame,#try .sticky-frame{position:sticky;top:0;height:100lvh;display:flex;align-items:center;overflow:hidden;padding-top:34px}#problem .sticky-frame>.container,#how .sticky-frame>.container,#try .sticky-frame>.container{width:100%}html.motion-on #try-points{position:relative;min-height:240px}html.motion-on #try-points .try-point{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:none}}html.motion-on #waffle-today circle,html.motion-on #waffle-after circle{transition:opacity .18s linear}.hero-morph .m-dot{animation:morph-a 6s ease-in-out infinite}.hero-morph .m-play{animation:morph-b 6s ease-in-out infinite}.hero-morph .m-pause{animation:morph-c 6s ease-in-out infinite}@keyframes morph-a{0%,27%{opacity:1}33%,94%{opacity:0}to{opacity:1}}@keyframes morph-b{0%,27%{opacity:0}33%,60%{opacity:1}66%,to{opacity:0}}@keyframes morph-c{0%,60%{opacity:0}66%,94%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.hero-morph .m-dot{animation:none;opacity:1}.hero-morph .m-play,.hero-morph .m-pause{animation:none;opacity:0}}.live-ping{position:relative;width:10px;height:10px;display:inline-block}.live-ping-dot{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--amber);display:block}.live-ping-ring{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;border:1px solid var(--amber);animation:pulse-ring 2.4s ease-out infinite;pointer-events:none}@media(prefers-reduced-motion:reduce){.live-ping-ring{animation:none;opacity:.4}}.try-phone{position:relative;width:280px;max-width:78vw;aspect-ratio:9 / 16;border-radius:26px;overflow:hidden;background:var(--bg);border:6px solid var(--ink);box-shadow:var(--shadow-lg)}.try-phone video{width:100%;height:100%;object-fit:cover;display:block}.try-track{position:relative;width:200px;max-width:60vw;height:4px;border-radius:2px;background:var(--line)}.try-track-fill{position:absolute;left:0;top:0;bottom:0;width:42%;border-radius:2px;background:var(--amber)}.try-playhead{position:absolute;left:42%;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px #fff9}.try-points{display:flex;flex-direction:column;gap:32px}.try-sound{position:absolute;right:12px;bottom:12px;width:30px;height:30px;border-radius:50%;background:#0e152480;color:#fff;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;transition:background .15s ease,transform .15s ease}.try-sound:hover{background:#0e1524d1;transform:scale(1.06)}.mini{display:block;overflow:visible}.mini circle,.mini path{transform-box:fill-box;transform-origin:center}.mini-pace .pace-strong{animation:pace-strong 3.4s cubic-bezier(.4,0,.2,1) infinite}.mini-pace .pace-weak{animation:pace-weak 3.4s cubic-bezier(.4,0,.2,1) infinite}.mini-pace .pace-ring{opacity:0;animation:pace-ring 3.4s ease-in-out infinite}@keyframes pace-strong{0%{transform:translate(0)}88%,to{transform:translate(118px)}}@keyframes pace-weak{0%{transform:translate(0)}30%{transform:translate(58px)}52%{transform:translate(58px)}90%,to{transform:translate(118px)}}@keyframes pace-ring{0%,30%{opacity:0;transform:scale(.5)}40%{opacity:.9;transform:scale(1)}52%{opacity:0;transform:scale(1.9)}to{opacity:0;transform:scale(1.9)}}.mini-drift .drift-dot{animation:drift-fade 2.9s ease-in-out infinite}.mini-drift .drift-ring{opacity:0;animation:drift-ring 2.9s ease-in-out infinite}@keyframes drift-fade{0%,to{opacity:1}44%{opacity:.14}70%{opacity:1}}@keyframes drift-ring{0%,46%{opacity:0;transform:scale(.5)}60%{opacity:.9;transform:scale(1)}80%{opacity:0;transform:scale(2)}to{opacity:0;transform:scale(2)}}.mini-batch .batch-new{opacity:0}.mini-batch .batch-n0{animation:batch-in 3.4s ease-out infinite}.mini-batch .batch-n1{animation:batch-in 3.4s ease-out infinite .18s}.mini-batch .batch-n2{animation:batch-in 3.4s ease-out infinite .36s}.mini-batch .batch-n3{animation:batch-in 3.4s ease-out infinite .54s}.mini-batch .batch-n4{animation:batch-in 3.4s ease-out infinite .72s}.mini-batch .batch-feed{opacity:.55}@keyframes batch-in{0%,6%{opacity:0;transform:translateY(-7px) scale(.5)}20%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(0) scale(1)}90%,to{opacity:0;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.mini *{animation:none!important;opacity:1!important;transform:none!important}.mini-pace .pace-ring,.mini-drift .drift-ring{opacity:0!important}}.linkedin-link{color:var(--ink-4);transition:color .15s ease}.linkedin-link:hover{color:var(--blue)}#p247-dev{position:fixed;bottom:12px;left:12px;z-index:60;background:#0e1524d9;color:#fff;font:11px/1.5 var(--font-mono);padding:8px 10px;border-radius:8px;pointer-events:none;white-space:pre}.dev-pad{outline:2px dashed var(--amber);outline-offset:4px}@media(max-width:980px){section{padding:76px 0}}@media(max-width:640px){.container{padding:0 20px}section{padding:56px 0}.h-display{font-size:clamp(32px,8.6vw,56px);letter-spacing:-.028em}.h-1{font-size:clamp(28px,7.2vw,44px)}.h-2{font-size:clamp(22px,5.4vw,30px)}.lead{font-size:17px}.nav-links-collapse{display:none!important}}
