@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap";:root{--paper:#f4f0ea;--ink:#1d1c1b;--wine:#702f38;--wine-dark:#52242b;--sand:#dfd6cb;--muted:#77706a;--line:#c8beb3;--card:#fffdf9}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0;font-family:Manrope,Arial,sans-serif}button{font:inherit;cursor:pointer}.hero{border-bottom:1px solid var(--line);background:linear-gradient(106deg,#e9e2d9 0%,#f4f0ea 60%,#e5dbd1 100%);justify-content:space-between;align-items:flex-end;gap:40px;min-height:260px;padding:42px clamp(22px,6vw,88px) 38px;display:flex}.eyebrow,.section-label{color:var(--wine);letter-spacing:.11em;margin:0 0 12px;font:500 11px/1.3 DM Mono,monospace}h1,h2,p{margin-top:0}h1{letter-spacing:-.06em;margin-bottom:0;font:700 clamp(42px,7vw,86px)/.88 Playfair Display,serif}h1 em{color:var(--wine);font-weight:600}.hero-copy{color:#4d4844;max-width:430px;margin:0;font-size:15px;line-height:1.7}.journey{border-bottom:1px solid var(--line);background:var(--card);gap:5px;padding:28px clamp(22px,6vw,88px);display:flex;position:relative;overflow-x:auto}.journey-line{background:var(--line);min-width:790px;height:1px;position:absolute;top:49px;left:6vw;right:6vw}.journey-point{z-index:1;text-align:left;min-width:94px;color:var(--muted);background:0 0;border:0;flex:1 0 94px;padding:0 3px;position:relative}.journey-point span{border:1px solid var(--line);background:var(--card);width:42px;height:42px;color:var(--wine);border-radius:50%;place-items:center;margin-bottom:10px;font:11px DM Mono,monospace;transition:all .2s;display:grid}.journey-point b{max-width:80px;font-size:10px;font-weight:600;line-height:1.25;display:block}.journey-point.is-active span{background:var(--wine);border-color:var(--wine);color:#fff;transform:scale(1.08)}.journey-point.is-active b{color:var(--wine)}.map-grid{grid-template-columns:minmax(190px,.85fr) minmax(300px,1.25fr) minmax(250px,1fr);gap:clamp(20px,4vw,58px);max-width:1440px;margin:0 auto;padding:50px clamp(22px,6vw,88px) 64px;display:grid}.screen-list{border-right:1px solid var(--line);padding-right:22px}.phase{margin-bottom:18px}.phase>p{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 5px;font:10px DM Mono,monospace}.phase button{color:#4e4945;text-align:left;background:0 0;border:0;border-radius:3px;gap:10px;width:100%;padding:7px 8px;font-size:12px;display:flex}.phase button span{color:#aa9d92;font:10px DM Mono,monospace}.phase button:hover,.phase button.selected{color:var(--wine);background:#e7ddd4}.phase button.selected span{color:var(--wine)}.phone-wrap{flex-direction:column;align-items:center;display:flex}.phone{background:#fbf8f2;border:8px solid #2a2928;border-radius:35px;flex-direction:column;width:min(100%,355px);height:620px;animation:.25s both appear;display:flex;overflow:hidden;box-shadow:13px 14px #d7cfc5,0 18px 45px #2a201c24}.phone-top{justify-content:space-between;padding:14px 20px 12px;font:10px DM Mono,monospace;display:flex}.phone-top i{background:#2a2928;border-radius:10px;width:38px;height:8px}.phone-content{padding:46px 23px 0}.phone-kicker{color:var(--wine);letter-spacing:.07em;text-transform:uppercase;margin-bottom:14px;font:10px DM Mono,monospace}.phone h2{letter-spacing:-.05em;margin-bottom:25px;font:600 34px/1.02 Playfair Display,serif}.preview-card{background:#fffdf9;border:1px solid #ddd2c8;min-height:220px;padding:18px}.preview-card p{color:#5f5852;font-size:13px;line-height:1.6}.preview-card .strong{color:var(--ink);font-size:17px;font-weight:700;line-height:1.25}.phone-actions{gap:9px;margin-top:auto;padding:20px;display:grid}.phone-actions button{border-radius:2px;padding:13px 10px;font-size:12px;font-weight:600}.primary{border:1px solid var(--wine);background:var(--wine);color:#fff}.secondary{color:#655d57;background:0 0;border:1px solid #b9aca1}.phone-nav{width:min(100%,355px);color:var(--muted);justify-content:space-between;align-items:center;margin-top:28px;font:10px DM Mono,monospace;display:flex}.phone-nav button{color:var(--wine);background:0 0;border:0;font:500 10px DM Mono,monospace}.phone-nav button:disabled{color:#b5aaa1;cursor:default}.detail-panel{padding-top:35px}.detail-panel h2{letter-spacing:-.045em;margin-bottom:10px;font:600 32px/1 Playfair Display,serif}.purpose{max-width:280px;margin-bottom:30px;font-size:16px;line-height:1.5}.detail-note{border-left:2px solid var(--wine);background:#ebe3db;margin-bottom:34px;padding:18px}.detail-note span{color:var(--wine);letter-spacing:.06em;text-transform:uppercase;margin-bottom:9px;font:10px DM Mono,monospace;display:block}.detail-note p{color:#4c4641;margin:0;font-size:13px;line-height:1.6}.decision-list{border-top:1px solid var(--line);padding-top:18px}.decision-list>p:not(.section-label){border-bottom:1px solid var(--line);color:#5e5751;margin:0;padding:10px 0;font-size:12px}.mvp{color:#f8f2eb;background:var(--wine-dark);grid-template-columns:.8fr 2fr;gap:28px;padding:40px clamp(22px,6vw,88px) 60px;display:grid}.mvp .section-label{color:#e0b9aa}.mvp h2{letter-spacing:-.04em;margin:0;font:600 clamp(25px,3.1vw,43px)/1.05 Playfair Display,serif}.mvp p:last-child{color:#e8ddd5;max-width:640px;margin:22px 0 0;font-size:14px;line-height:1.7}@keyframes appear{0%{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:980px){.map-grid{grid-template-columns:1fr 1fr}.screen-list{border-right:0;border-bottom:1px solid var(--line);grid-column:1/-1;gap:16px;padding:0 0 14px;display:flex;overflow:auto}.phase{min-width:150px}.detail-panel{padding-top:15px}.hero{flex-direction:column;align-items:flex-start}.mvp{grid-template-columns:1fr}}@media (max-width:650px){.hero{min-height:auto;padding-top:32px}.map-grid{grid-template-columns:1fr;padding-top:32px}.phone{height:570px}.detail-panel{padding-top:0}.journey{padding-left:22px;padding-right:22px}.journey-line{left:22px;right:22px}.mvp{padding-top:32px;padding-bottom:40px}}