:root{--navy:#09151c;--gold:#dfb775;--cream:#f3efdf;--muted:#b1bec3;--line:rgba(223,183,117,.23)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:var(--navy);color:var(--cream);font-family:'DM Sans',sans-serif;line-height:1.5}::selection{background:var(--gold);color:var(--navy)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:transparent;border:1px solid var(--line);padding:12px 20px;border-radius:4px}button:hover,a.primary:hover{background:var(--gold);color:var(--navy)}:focus-visible{outline:3px solid #bc914e;outline-offset:5px}button:disabled{opacity:.4;cursor:default}header{position:fixed;inset:0 0 auto;z-index:50;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:rgba(9,21,28,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.wordmark{font-family:Fraunces,serif;font-size:25px;letter-spacing:-1px}.wordmark span{font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:2px;margin-left:15px;color:var(--gold)}.header-title{font-size:9px;letter-spacing:2px;color:var(--muted)}header button{font-size:12px;border:0;padding:10px}header button span{margin-left:12px}.skip{position:fixed;left:10px;top:-80px;z-index:100;background:var(--cream);color:var(--navy);padding:16px}.skip:focus{top:10px}.progress{position:fixed;top:69px;height:2px;left:0;right:0;z-index:51}.progress i{display:block;height:100%;background:var(--gold);width:0}#chapters{position:fixed;top:70px;right:0;width:min(520px,100%);bottom:65px;z-index:60;background:#102129;overflow:auto;padding:22px 30px;box-shadow:-30px 0 80px #0006}#chapters a{display:block;padding:11px;border-bottom:1px solid var(--line);font-size:15px}#chapters a:hover{color:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-size:clamp(44px,6.5vw,100px);line-height:1.04;letter-spacing:-.065em;font-weight:600;margin-bottom:30px}h1{font-size:clamp(45px,6.3vw,104px)}h3{font-size:clamp(22px,2.3vw,34px);letter-spacing:-.035em;line-height:1.15;margin-bottom:18px}em{font-family:Fraunces,serif;color:var(--gold);font-weight:400;letter-spacing:-.055em}p{color:var(--muted);font-size:18px;max-width:760px}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:600;color:var(--gold);margin-bottom:28px}.large{font-size:clamp(22px,2.4vw,35px);letter-spacing:-.025em;line-height:1.35;color:var(--cream)}.lede{font-size:clamp(20px,2.1vw,30px);line-height:1.4;color:var(--muted)}.fine{font-size:13px;line-height:1.6}.panel{min-height:100svh;padding:120px 8% 110px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;isolation:isolate;border-bottom:1px solid var(--line)}.centered{text-align:center;align-items:center}.scene{position:relative;height:180svh}.sticky{height:100svh;position:sticky;top:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:110px 6% 90px;isolation:isolate}.intro{height:150svh}.intro h1{max-width:1100px}.halo{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(ellipse,#9b71331c,transparent 65%);left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}.intro .eyebrow{margin-bottom:40px}.scroll-cue{position:absolute;bottom:80px;font-size:9px;letter-spacing:3px;color:var(--gold);display:flex;gap:30px;align-items:center}.scroll-cue span{font-size:24px;animation:bob 2s ease-in-out infinite}.problem h2{font-size:clamp(65px,12vw,190px)}.problem .sticky{background:radial-gradient(ellipse at 50% 50%,#183039 0%,#09151c 70%)}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;width:70vw;height:70vw;z-index:-1;transform:rotateX(60deg) rotate(-30deg)}.orbit-two{transform:rotateX(45deg) rotate(60deg);width:65vw;height:90vw}.word-cycle{display:flex;gap:45px;margin-top:40px;font-family:Fraunces,serif;font-size:25px;color:var(--muted)}.possibilities{height:230svh}.possibilities .sticky{background:radial-gradient(ellipse at center,#1b3037,var(--navy) 70%)}.possibility-copy{z-index:2;text-shadow:0 3px 30px #09151c}.possibility-copy h2{font-size:clamp(45px,6.5vw,100px)}.constellation{position:absolute;inset:0;z-index:1;perspective:900px}.mini-app{position:absolute;width:220px;padding:24px;text-align:left;background:linear-gradient(120deg,#24404ae6,#102129ed);border:1px solid #dfb77566;border-radius:14px;box-shadow:0 20px 70px #0007;left:50%;top:50%;transform:translate(calc(-50% + var(--x)*var(--spread)),calc(-50% + var(--y)*var(--spread))) rotate(var(--r));opacity:var(--spread)}.mini-app b{font-size:17px}.mini-app i{display:block;width:90%;height:6px;border-radius:5px;background:#dfb77533;margin:14px 0}.mini-app i+i{width:60%}.mini-app span{font-size:11px;color:var(--gold)}.mini-app:nth-child(1){--x:-440px;--y:-230px;--r:-12deg}.mini-app:nth-child(2){--x:430px;--y:-210px;--r:12deg}.mini-app:nth-child(3){--x:-470px;--y:90px;--r:8deg}.mini-app:nth-child(4){--x:460px;--y:100px;--r:-8deg}.mini-app:nth-child(5){--x:-250px;--y:270px;--r:-6deg}.mini-app:nth-child(6){--x:250px;--y:280px;--r:8deg}.possibilities small{position:absolute;bottom:80px;color:var(--muted);font-size:10px;z-index:3}.cream{background:var(--cream);color:var(--navy)}.cream p,.cream .fine{color:#4f626a}.cream .large{color:var(--navy)}.cream em,.cream .eyebrow{color:#927043}.cream button,.cream .actions a{border-color:#09151c44}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start;margin-top:25px}.note{border-left:2px solid var(--gold);padding:10px 0 10px 30px}.note>span,.label{font-size:10px;letter-spacing:2px;color:var(--gold);display:block;margin-bottom:20px}.cream .note>span,.cream .label{color:#876336}.note h3{font-family:Fraunces,serif;font-weight:400}.actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:25px}.actions a{padding:12px 18px;border:1px solid var(--line);border-radius:4px}.primary{display:inline-block;background:var(--gold);color:var(--navy);border:1px solid var(--gold);font-weight:600;padding:14px 24px;border-radius:4px}.actions span{font-size:13px}.portrait{min-height:110svh;padding-left:12%;background:radial-gradient(ellipse at 78% 45%,#314038,var(--navy) 60%)}.portrait-copy{width:53%;z-index:3}.portrait-copy p{max-width:520px}.raven-photo{position:absolute;right:2%;bottom:0;width:47%;max-height:90%;object-fit:contain;object-position:bottom}.portrait-ring{position:absolute;width:55vw;height:55vw;border:1px solid var(--line);border-radius:50%;right:-4%;top:10%;z-index:-1}.text-link{border-bottom:1px solid var(--gold);padding-bottom:9px;color:var(--gold)}.photo-spread{display:grid;grid-template-columns:1.1fr 1.3fr .8fr;gap:24px;align-items:start;margin-top:25px}figure{margin:0}figure:nth-child(2){margin-top:55px}.photo-crop{height:310px;background-repeat:no-repeat;background-size:auto 200%;filter:saturate(.7);border-radius:3px}.work-photo{background-image:url('/mvp-with-ai/assets/work.webp');background-position:0 0}.team-photo{background-image:url('/mvp-with-ai/assets/ventures.webp');background-size:250% auto;background-position:100% 100%}.founder-photo{background-image:url('/mvp-with-ai/assets/ventures.webp');background-size:auto 200%;background-position:27% 0}figcaption{font-size:12px;color:var(--muted);line-height:1.5;margin-top:16px}.failure h2 em{color:#dfa58a}.failure{background:radial-gradient(ellipse at 50% 60%,#33261f55,var(--navy) 65%)}.tuition{font-size:clamp(24px,3vw,45px);margin-top:20px;margin-bottom:12px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:35px;margin-top:45px}.steps article{border-top:1px solid #8d775950;padding-top:20px}.steps span{display:block;color:#947041;font-size:12px;letter-spacing:2px;margin-bottom:26px}.steps p{font-size:17px}.bottom-line{margin-top:45px;font-size:22px;font-family:Fraunces,serif}.editorial-list{margin-top:30px}.editorial-list p{border-bottom:1px solid var(--line);padding:18px 0;font-size:clamp(18px,2vw,28px)}.editorial-list span{color:var(--gold);display:inline-block;min-width:190px;font-size:14px}.cream .editorial-list span{color:#876336}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:35px}.three-col article{border-top:1px solid var(--line);padding-top:28px}.number{font-family:Fraunces,serif;font-size:50px;color:var(--gold);display:block;margin-bottom:25px}.three-col small{color:var(--gold)}.prompt-compare{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;margin-top:35px}.prompt-compare>div{border-top:1px solid #09151c33;padding-top:20px}.prompt-compare p{font-size:21px}.formula{margin-top:30px;font-size:16px}.formula span{color:#937043;margin:0 15px}.taste-demo{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:20px;width:100%}.bad-ui,.good-ui{padding:30px;border-radius:8px;min-height:280px}.bad-ui{background:linear-gradient(135deg,#4b2393,#882fa5);text-align:center;border:3px solid #a66de6;transform:rotate(-2deg)}.bad-ui b{font-family:serif;color:#ffdc63}.bad-ui h3{font-size:28px;color:white;margin:12px 0}.bad-ui p{font-size:15px;color:white}.bad-ui button{background:#f7da4b;color:#31195a;font-weight:bold;border-radius:30px}.good-ui{background:#f3efdf;color:#09151c;box-shadow:0 20px 50px #0005}.good-ui>span{font-size:9px;letter-spacing:2px}.good-ui h3{font-family:Fraunces;font-size:32px;margin-top:20px}.good-ui label{display:block;font-size:11px}.good-ui>div{padding:10px;border-bottom:1px solid #09151c33;font-size:14px}.good-ui button{background:var(--navy);color:var(--cream);margin-top:20px;font-size:13px}.taste-demo+.fine{margin-top:25px}.reference-stack{padding:30px;border-left:1px solid var(--gold)}blockquote{font-size:clamp(22px,2.5vw,36px);font-family:Fraunces;line-height:1.4;margin:0 0 25px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 35px;margin:20px 0}.tool-grid a{padding:25px 0;border-top:1px solid #09151c33}.tool-grid a:hover b{color:#947043}.tool-grid b{font-size:23px;display:block}.tool-grid span{font-size:12px;color:#876336;display:block;margin:8px 0}.tool-grid p{font-size:15px;margin:0}ol{padding-left:25px;font-size:20px;color:var(--muted)}li{margin-bottom:18px;padding-left:12px}.timer-box{border:1px solid var(--line);padding:32px}.timer-box output{font-size:clamp(60px,7vw,100px);font-variant-numeric:tabular-nums;letter-spacing:-7px;line-height:1}.timer-box .actions{gap:8px}.timer-box button{font-size:12px;padding:10px}.timer-box p{font-size:12px;margin:25px 0 0}.iteration-stage{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:30px}.iteration-stage small{display:block;color:var(--muted);font-size:11px;margin-top:15px}.iteration-ui{background:#152a34;border:1px solid #355260;padding:35px;border-radius:12px;transition:background .7s,color .7s,transform .7s}.iteration-ui>span{font-size:10px;letter-spacing:3px}.iteration-ui h3{margin-top:35px}.iteration-ui p{font-size:17px}.fake-control{border:1px solid #ffffff55;padding:15px;font-size:14px}.iteration-ui.improved{background:var(--cream);color:var(--navy);transform:translateY(-8px);box-shadow:0 15px 60px #dfb77522}.improved p{color:#4f626a}.improved .fake-control{background:var(--navy);color:var(--cream)}.responsibility-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 65px;margin-top:25px}.responsibility-grid article{border-top:1px solid #09151c33;padding-top:20px}.responsibility-grid span{font-size:10px;letter-spacing:2px;color:#876336;display:block;margin-bottom:15px}.responsibility-grid p{font-size:17px}.answer{min-height:70px;margin-top:30px;color:var(--gold)}.reveal{background:radial-gradient(ellipse at 75% 60%,#5a492733,var(--navy) 60%)}.reveal-checks{display:flex;gap:30px;flex-wrap:wrap;margin:40px 0;color:var(--gold);font-size:16px}.signature{font-family:Fraunces;font-size:36px;margin:40px 0 15px}.closing details{max-width:750px;margin-top:45px;font-size:12px;color:var(--muted)}.closing details p{font-size:12px;margin-top:14px}.closing details a{text-decoration:underline}.presenter-bar{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;background:#09151cf0;backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:8px 4%;height:58px}.presenter-bar>span{font-size:9px;letter-spacing:2px;color:var(--muted)}.presenter-bar button{border:0;padding:7px 12px}.presenter-bar #motion{font-size:10px}.presenter-bar div{display:flex;gap:5px}dialog{background:#102129;color:var(--cream);border:1px solid var(--line);border-radius:8px;padding:45px;width:min(850px,90vw);max-height:85svh}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}dialog h2{font-size:45px}dialog pre{white-space:pre-wrap;font-family:'DM Sans';font-size:15px;color:var(--muted);line-height:1.6}dialog .dialog-close{position:absolute;top:10px;right:10px;border:0;font-size:25px;padding:3px 10px}dialog input{display:block;width:100%;padding:16px;background:var(--navy);border:1px solid var(--line);color:var(--cream);margin:15px 0}dialog p{font-size:14px}#toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);z-index:100;background:var(--cream);color:var(--navy);padding:12px 25px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .2s;font-size:14px}#toast.show{opacity:1}.mobile{display:none}.no-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.no-motion .mini-app{opacity:1;--spread:1}.no-motion .scene{height:100svh}@keyframes bob{50%{transform:translateY(8px)}}@media(min-width:1600px){.panel{padding-left:max(8%,calc((100vw - 1450px)/2));padding-right:max(8%,calc((100vw - 1450px)/2))}}@media(max-width:900px){.header-title{display:none}.wordmark span{display:none}.panel{padding:105px 6% 95px}.two-col{gap:35px}.mini-app{width:170px;padding:18px}.photo-spread{gap:16px}.photo-crop{height:230px}.key-hint{display:none}.portrait{padding-left:6%}.portrait-copy{width:60%}.raven-photo{right:-8%;width:55%}.tool-grid{grid-template-columns:repeat(2,1fr)}.word-cycle{gap:20px;font-size:20px}.formula span{margin:0 7px}.three-col{gap:25px}.editorial-list span{min-width:140px}.taste-demo{gap:22px}.bad-ui,.good-ui{padding:22px}}@media(max-width:600px){header{height:60px}.progress{top:59px}.wordmark{font-size:22px}#chapters{top:60px}.sticky{padding:100px 6% 100px}.intro h1{font-size:44px}.eyebrow{font-size:8px;letter-spacing:2px}.mobile{display:block}h2{font-size:47px}.problem h2{font-size:66px}.two-col,.three-col,.prompt-compare,.taste-demo,.iteration-stage,.responsibility-grid{grid-template-columns:1fr;gap:25px}.panel{min-height:100svh;height:auto}.portrait{min-height:1100px;justify-content:flex-start}.portrait-copy{width:100%}.raven-photo{width:95%;right:0;max-height:500px}.portrait-ring{width:100vw;height:100vw;top:45%}.photo-spread{grid-template-columns:1fr}.photo-spread figure:nth-child(2){margin:0}.photo-crop{height:280px}.photo-spread figure:nth-child(3){display:none}.word-cycle{flex-direction:column;gap:10px;margin-top:15px}.mini-app{width:130px;padding:14px}.mini-app b{font-size:13px}.mini-app:nth-child(1){--x:-130px;--y:-230px}.mini-app:nth-child(2){--x:130px;--y:-220px}.mini-app:nth-child(3){--x:-180px;--y:10px}.mini-app:nth-child(4){--x:180px;--y:10px}.mini-app:nth-child(5){--x:-100px;--y:230px}.mini-app:nth-child(6){--x:100px;--y:240px}.possibility-copy{background:#09151cbb;border-radius:50%;padding:30px 0}.possibility-copy h2{font-size:45px}.possibility-copy .lede{font-size:19px}.steps{gap:20px;margin-top:15px}.steps article{padding-top:14px}.steps span{margin-bottom:12px}.tool-grid{gap:0 20px}.tool-grid b{font-size:20px}.tool-grid p{font-size:13px}.formula{line-height:2}.presenter-bar>span{font-size:8px;letter-spacing:1px;max-width:150px}.presenter-bar button{padding:6px 9px}.actions{gap:10px}.editorial-list span{display:block}.closing h2{font-size:42px}dialog{padding:35px 22px}.fine{font-size:12px}.timer-box output{font-size:85px}.reveal-checks{gap:15px}.three-col small{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.scene{height:100svh}.mini-app{--spread:1!important;opacity:1!important}}@media print{header,.presenter-bar,.progress,.actions,button,.scroll-cue{display:none!important}.scene,.panel{height:auto;min-height:95vh;break-after:page}.sticky{position:relative;height:95vh}.mini-app{--spread:1!important;opacity:1}.panel{overflow:visible}}

.possibilities .sticky::before{content:'';position:absolute;inset:0;background:url('/mvp-with-ai/assets/possibilities.webp') center/cover;opacity:.3;z-index:0}.possibilities .sticky::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse,#09151cdd 10%,#09151c22 70%);z-index:0}.story-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;z-index:0}.no-motion .story-video{display:none}@media(prefers-reduced-motion:reduce){.story-video{display:none}}
@media(min-width:901px) and (max-height:820px){.panel{padding:95px 8% 85px}.panel h2{font-size:clamp(45px,5.1vw,75px);margin-bottom:22px}.panel p{font-size:16px}.panel .large{font-size:25px}.panel .fine{font-size:12px}.panel .eyebrow{font-size:9px;margin-bottom:20px}.panel .two-col{margin-top:15px}.panel .steps{margin-top:20px}.panel .bottom-line{margin-top:28px}.panel .three-col{margin-top:20px}.panel .number{font-size:35px;margin-bottom:15px}.panel .photo-crop{height:240px}.panel .portrait-copy{width:53%}.panel.portrait{min-height:100svh}.panel .taste-demo{margin-top:5px}.panel .bad-ui,.panel .good-ui{min-height:240px;padding:20px}.panel .good-ui h3{margin:12px 0;font-size:27px}.panel .responsibility-grid{gap:20px 50px;margin-top:10px}.panel .responsibility-grid h3{font-size:26px}.panel .responsibility-grid p{font-size:15px}.panel .tool-grid{margin:10px 0}.panel .tool-grid a{padding:18px 0}.panel .tool-grid p{font-size:14px}.panel .tool-grid b{font-size:22px}.panel .signature{margin-top:20px}.panel .closing details{margin-top:20px}}

@media(min-width:601px){.raven-photo{bottom:58px;max-height:80%;width:45%}}
@media(min-width:901px) and (max-height:820px){#exercise h2{font-size:54px;line-height:1.02}#exercise ol{font-size:17px;line-height:1.8;margin:0 0 15px}#exercise li{margin-bottom:6px}#exercise .timer-box{padding:22px}#exercise .timer-box output{font-size:80px}#taste h2,#references h2,#close h2{font-size:54px}#taste .large,#references .large{font-size:22px;margin:15px 0}#references .two-col{gap:35px}#close details{margin-top:18px}#journey .photo-crop{height:210px}}
.work-photo{background-size:310% auto;background-position:0 5%}.team-photo{background-size:340% auto;background-position:100% 83%}.founder-photo{background-size:500% auto;background-position:30% 5%}
.founder-photo{background-position:30% 26%}