:root{--ivory:#faf7f2;--paper:#fffdfa;--ink:#292521;--muted:#66645f;--sage:#a7b29a;--sage-dark:#747f69;--blush:#ead6ce;--rose:#d1a89c;--mocha:#6a584e;--line:#e9e2dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--ivory);font:16px/1.48 "Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--sage-dark);outline-offset:3px}[hidden]{display:none!important}.site-shell{min-height:100vh}.topbar{height:77px;padding:0 clamp(18px,4vw,58px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fffcf8}.brand{display:flex;align-items:center;gap:5px;white-space:nowrap}.brand svg{width:32px;height:32px;stroke-width:2.8;stroke-linecap:round}.brand span{font-size:29px;letter-spacing:.06em;font-weight:300;line-height:1}.concept-tag,.eyebrow{font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:#85776c}.workspace{display:grid;grid-template-columns:minmax(290px,390px) minmax(0,1fr);min-height:calc(100vh - 77px)}.guide{display:flex;flex-direction:column;padding:clamp(28px,4vw,54px) clamp(23px,3vw,46px);border-right:1px solid var(--line);background:#f7f2ec}.guide h1{font:400 clamp(2.4rem,3.2vw,3.6rem)/1.08 Georgia,serif;letter-spacing:-.05em;margin:20px 0}.guide h1 em{color:#a4766a;font-weight:400}.guide-intro{font-size:15px;line-height:1.62;color:#675f59;max-width:325px;margin:0 0 30px}.journey{display:grid;gap:7px}.journey button{border:1px solid transparent;border-radius:10px;background:transparent;color:#554e48;text-align:left;padding:12px 14px;font-size:16px}.journey button:hover,.journey button.active{border-color:#dfd4c9;background:#fffdfa}.journey button>span{font-size:11px;color:#a28b7f;letter-spacing:.13em;margin-right:12px}.journey small{font-size:12px;color:#8b8078;display:block;margin:4px 0 0 34px}.guide-bottom{margin-top:auto;padding-top:32px}.guide-bottom p{font-size:14px;line-height:1.55;color:#74675e}.text-link,.quiet{border:0;background:none;color:var(--mocha);padding:3px 0;text-decoration:underline;text-underline-offset:4px}.older-links{border-top:1px solid #ddd2c8;margin-top:22px;padding-top:13px;display:flex;gap:15px;flex-wrap:wrap;font-size:12px;color:#766b62}.older-links a{text-decoration:underline;text-underline-offset:3px}.stage{padding:27px 30px 16px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;background:radial-gradient(circle at 65% 20%,#f6ebe4,transparent 48%),#f9f6f1}.phone-frame{width:min(430px,100%);aspect-ratio:853/1844;background:white;border:6px solid #252321;border-radius:42px;box-shadow:0 22px 54px #544a4036,0 2px 2px #70675e30;overflow:hidden;position:relative}.screen{width:100%;height:100%;position:relative;background:#fffdfa}.screen>img{display:block;width:100%;height:100%;object-fit:fill}.hotspot{position:absolute;border:0;background:transparent;z-index:3;border-radius:8px;padding:0}.hotspot:hover{background:#a7b29a1c}.hotspot:focus-visible{outline:2px solid #4d6343;outline-offset:-2px;background:#a7b29a33}.hotspot.nav{border-radius:0}.stage-caption{text-align:center;font-size:13px;color:#82766e;margin:15px 0}.layer{position:fixed;inset:0;background:#211b18a6;z-index:10;display:flex;justify-content:center;align-items:flex-end;padding:18px}.sheet{width:min(100%,520px);max-height:min(90vh,790px);overflow:auto;background:var(--paper);border-radius:24px 24px 16px 16px;padding:25px clamp(20px,5vw,30px) calc(25px + env(safe-area-inset-bottom));box-shadow:0 20px 65px #1a15174d}.sheet-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.sheet h2{font:400 32px/1.12 Georgia,serif;letter-spacing:-.035em;margin:5px 0 12px}.sheet h3{font:400 23px/1.2 Georgia,serif;margin:18px 0 10px}.sheet p{margin:0 0 18px;color:#68605a}.sheet .eyebrow{font-size:11px}.icon-button{border:1px solid #ded4cc;background:transparent;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex:none;font-size:23px;line-height:1;color:var(--mocha)}.field{display:block;margin:18px 0 0;color:#554d46;font-size:14px}.field input,.field textarea,.field select{display:block;width:100%;border:1px solid #d9d0c7;border-radius:11px;background:white;color:var(--ink);padding:13px 14px;margin-top:7px;font-size:16px}.field textarea{min-height:116px;resize:vertical}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.primary,.secondary,.pill{border-radius:30px;padding:12px 19px;font-size:15px}.primary{border:1px solid var(--sage-dark);background:var(--sage-dark);color:white}.primary:hover{background:#5f6c57}.secondary,.pill{border:1px solid #d5ccc2;background:white;color:var(--mocha)}.secondary:hover,.pill:hover{background:#f4ece6}.pill.selected{background:var(--sage-dark);border-color:var(--sage-dark);color:white}.choice-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}.demo-card{background:#f2ebe5;border:1px solid #e7dcd3;border-radius:14px;padding:16px;margin:14px 0;color:#5d554e}.demo-card.sage{background:#e9ede5}.demo-card strong{display:block;margin-bottom:5px;color:var(--ink)}.demo-card p{font-size:14px;margin:0}.entry-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}.entry-row small{display:block;color:#82766c}.entry-row button{border:0;background:none;text-decoration:underline;color:var(--mocha);font-size:13px}.voice-dot{width:11px;height:11px;border-radius:50%;background:#b96961;display:inline-block;margin-right:6px}.fine{font-size:12px!important;color:#80776f!important;margin-top:13px!important}.toast{position:fixed;z-index:20;left:50%;bottom:28px;transform:translateX(-50%);padding:12px 18px;border-radius:12px;max-width:calc(100vw - 32px);background:#424b3d;color:#fff;box-shadow:0 10px 30px #2925214d;font-size:14px}.screen-badge{position:absolute;left:10%;top:67%;z-index:2;border-radius:30px;background:#fffdfaed;border:1px solid #bcc8b8;padding:8px 12px;color:#4d6447;font-size:13px;box-shadow:0 4px 12px #544a401c}.screen-overlay-pill{position:absolute;z-index:2;top:30%;left:11%;right:11%;background:#fffdf9f0;border:1px solid #e0d6cd;border-radius:12px;padding:10px 12px;color:#5b514b;font-size:13px;text-align:center}.tiny-selected{position:absolute;z-index:2;border:2px solid var(--sage-dark);border-radius:50%;pointer-events:none}.small-screen-menu,.close-map{display:none}.guide-top{display:flex;justify-content:space-between}.phone-title{font-size:13px;color:#81766f}
@media(max-width:850px){.topbar{height:70px}.concept-tag{font-size:10px}.workspace{grid-template-columns:1fr}.guide{position:fixed;z-index:9;inset:70px 0 0;display:none;overflow:auto}.guide.open{display:flex}.small-screen-menu,.close-map{display:block}.stage{padding:9px 0 12px}.phone-frame{width:min(100vw,430px);border:0;border-radius:0;box-shadow:none}.stage-caption{font-size:12px;margin:10px 12px}.guide-bottom{margin-top:18px}}
@media(max-width:390px){.concept-tag{display:none}.phone-frame{width:100vw}.sheet{padding:21px 19px calc(22px + env(safe-area-inset-bottom))}.sheet h2{font-size:28px}.field-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.brand{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:108px}
.brand .brand-mark{display:block;width:35px;height:31px;object-fit:contain}
.brand .brand-wordmark{display:block;width:108px;height:auto;object-fit:contain}
@media(max-width:850px){.brand{min-width:92px}.brand .brand-mark{width:30px;height:25px}.brand .brand-wordmark{width:92px}}