@charset "UTF-8";
:root{--bg:#f5f5f1;--paper:#fff;--ink:#242932;--muted:#6c737d;--line:#dfe2df;--purple:#6654d9;--lav:#eae7fa;--mint:#e6ede6;--side:224px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Microsoft YaHei","PingFang SC",sans-serif;font-size:14px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.4}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #a491ef;outline-offset:4px}button{border:0}::selection{background:#ded6ff}h1,h2,h3,p{margin-top:0}h2{font-size:32px;letter-spacing:-1px;line-height:1.5;margin-bottom:0;font-weight:600}h3{font-weight:600}p{color:var(--muted)}.skip{position:fixed;left:240px;top:-100px;background:#fff;padding:10px;z-index:100}.skip:focus{top:10px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side);padding:36px 24px 26px;border-right:1px solid var(--line);background:#f0f1ec;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:12px;align-items:center;font-size:26px;line-height:1.25;font-weight:650}.brand-mark{background:var(--purple);color:#fff;width:43px;height:43px;display:grid;place-content:center;border-radius:13px;font-size:31px;font-weight:400}.brand small{display:block;font-size:7px;letter-spacing:1px;margin-top:6px}.sidebar-label{margin:54px 10px 18px;color:#7a8083;font-size:11px;letter-spacing:2px;display:flex;justify-content:space-between}.sidebar-label span{font-size:9px;letter-spacing:0}nav{display:flex;flex-direction:column;gap:8px}nav a{padding:12px 13px;border-radius:7px;display:flex;gap:14px;color:#69717b;font-size:13px}nav a i{font-style:normal;font-size:10px;opacity:.6;padding-top:3px}nav a>span{margin-left:auto;visibility:hidden}nav a.active{background:#e4e0f4;color:var(--purple);font-weight:600}nav a.active>span{visibility:visible}.sidebar-bottom{margin-top:auto;padding:30px 10px 0;color:#717a72;font-size:10px}.status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#6e947d;margin-right:5px}.sidebar-bottom p{font-size:13px;line-height:1.9;color:#717a72;margin:16px 0 22px}.sidebar-bottom a{padding-top:18px;border-top:1px solid var(--line);display:block;font-size:11px}.sidebar-bottom a span{float:right}main{margin-left:var(--side)}.topbar{height:83px;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#788087;border-bottom:1px solid var(--line)}.topbar b{margin:0 13px;color:#b4b9b8;font-weight:400}.top-meta{display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:1px}.pill{display:inline-block;padding:4px 10px;border:1px solid var(--line);border-radius:20px;font-size:10px;color:#70777e;letter-spacing:.2px;background:#f7f8f4;white-space:nowrap}.purple{color:var(--purple);background:#eeebfb;border-color:#d9d1f7}.hero{padding:48px 5.2% 0}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#7c8489;font-weight:500;display:block}.hero>.eyebrow{letter-spacing:2px;display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--purple)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;min-height:457px}.hero-copy{padding:24px 0 20px}h1{font-size:clamp(42px,4.4vw,68px);line-height:1.3;letter-spacing:-2px;font-weight:600;margin:0 0 25px}.underline{position:relative;white-space:nowrap}.underline:after{content:"";height:9px;background:#cfc7ee;position:absolute;left:2px;right:0;bottom:4px;z-index:-1;transform:rotate(-2deg)}.hero-copy>p{font-size:14px;line-height:2;margin-bottom:26px}.hero-actions{display:flex;align-items:center;gap:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:6px;padding:12px 18px;font-size:12px;font-weight:500}.primary{background:var(--purple);color:#fff}.primary:hover{background:#5542c3}.text-link{font-size:11px;color:#666e78}.hero-foot{display:flex;gap:17px;margin-top:32px;color:#7c848a;font-size:10px}.hero-foot span:before{content:'✓';color:#8170c6;margin-right:6px}.hero-art{position:relative;height:414px;isolation:isolate}.art-grid{position:absolute;inset:10px 0;background-image:radial-gradient(#c8cbc7 .7px,transparent .7px);background-size:17px 17px;mask-image:radial-gradient(ellipse,#000 25%,transparent 70%)}.orbit{position:absolute;border:1px solid #dddfe1;border-radius:50%;transform:rotate(-24deg);z-index:-1}.o1{inset:12px 42px}.o2{inset:67px 3px}.art-caption{position:absolute;top:12px;right:12px;font-size:8px;color:#929892;letter-spacing:1.5px}.art-center{position:absolute;top:76px;left:27%;width:205px;height:280px;background:#fafaf7;border:1px solid #d2d3d8;border-radius:19px;box-shadow:0 18px 35px #2c254315;text-align:center;padding:24px 12px;transform:rotate(6deg);z-index:3}.app-symbol{display:grid;place-content:center;width:50px;height:50px;border-radius:16px;background:var(--purple);color:white;font-size:37px;margin:auto}.art-center h3{font-size:20px;margin:8px 0 2px;letter-spacing:4px}.art-center p{font-size:9px;margin:0 0 22px}.art-chips{display:flex;justify-content:center;gap:4px}.art-chips span{font-size:7px;background:#eeebfa;color:#7066a1;padding:4px;border-radius:4px}.sorted-row{display:flex;justify-content:center;gap:8px;margin:8px 0 10px}.sorted-row div{height:42px;width:47px;background:#ede9f7;border-radius:6px;color:#8e80af;font-size:24px;display:grid;place-content:center}.sorted-row div:nth-child(2){background:#e8eee3;color:#7f9772}.sorted-row div:nth-child(3){background:#f6ede3;color:#b18e66}.art-center small{font-size:8px;color:#8e9195}.floating-note{position:absolute;background:#fff;border:1px solid #dfe0db;box-shadow:0 9px 30px #2d2b3812;border-radius:9px}.note-a{top:31px;left:0;width:155px;height:186px;padding:19px;transform:rotate(-13deg)}.mini-label{font-size:8px;letter-spacing:2px;color:#8e80ad}.note-a strong{display:block;font-size:14px;font-weight:500;margin:11px 0}.fake-lines{height:25px;background:repeating-linear-gradient(transparent 0 6px,#dfe4db 6px 8px)}.note-line{height:9px;width:65%;background:#e7e2f8;margin-top:8px}.note-b{right:0;top:87px;width:147px;min-height:173px;transform:rotate(13deg);padding:13px;background:#edf1e9}.note-b>span{font-size:8px;color:#788e72;letter-spacing:1px}.food-art{height:72px;font-size:69px;color:#a7b38f;line-height:1;text-align:center;margin:9px 0}.note-b strong{font-size:11px;display:block;text-align:center}.note-b small{font-size:7px;display:block;text-align:center;color:#838c7b}.note-c{bottom:7px;left:8px;z-index:4;display:flex;align-items:center;gap:11px;padding:14px 17px;transform:rotate(-5deg);font-size:9px;color:#7c8380}.note-c strong{font-weight:500;color:#454f4a;font-size:10px}.tick-circle{border-radius:50%;background:#e5ebdf;color:#7b916a;width:25px;height:25px;text-align:center;padding-top:4px}.art-tag{position:absolute;bottom:25px;right:0;font-size:9px;color:#827c96;transform:rotate(4deg)}.summary-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:35px;padding:26px 0}.summary-strip>div{flex:1.2}.summary-strip>div>span{font-size:10px;color:#8a9095;display:block;margin-bottom:5px}.summary-strip strong{font-size:15px;font-weight:500}.summary-strip>p{margin:0;font-size:11px;flex:1;line-height:1.8}.summary-strip small{font-size:9px;color:#91979a}.arrow-circle{display:grid;place-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);font-size:21px;color:#8b9396}.section{padding:75px 5.2%;scroll-margin-top:10px}.section+.section{border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:32px}.section-head .eyebrow{margin-bottom:13px;color:#7f719f}.section-head>p{font-size:12px;line-height:1.9;margin:0 0 5px}.section-head.compact h2{font-size:27px}.evidence-grid{display:grid;grid-template-columns:1fr 1fr 1.1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.evidence-grid article{padding:25px 26px 24px 0}.evidence-grid article+article{border-left:1px solid var(--line);padding-left:26px}.evidence-num{font-family:Georgia,serif;font-size:47px;letter-spacing:-1px;line-height:1.4}.evidence-num small{font-family:"Microsoft YaHei",sans-serif;letter-spacing:0;font-size:10px;color:#8a9195;margin-left:9px}.evidence-grid h3{font-size:14px;margin:12px 0 8px}.evidence-grid p{font-size:12px;line-height:1.9;margin-bottom:20px}.small-tag{font-size:9px;color:#8d9495;border-bottom:1px solid #dce0db;padding-bottom:4px}.line-icon{font-size:43px;line-height:1.5;color:var(--purple)}.evidence-grid .evidence-note{background:#eeedf4;padding-right:24px}.source-note{font-size:10px;line-height:1.9;color:#8b9295;margin:16px 0 0}.persona-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.persona{padding:28px;border:1px solid var(--line);background:#f9faf6;border-radius:11px}.main-persona{background:#eeedf5;border-color:#ded9ed}.persona-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.persona-icon{display:grid;place-content:center;width:44px;height:44px;background:#ddd7f1;border-radius:50%;font-size:26px;color:#8071b9}.persona-icon.mint{background:#e0e7dc;color:#829476}.persona h3{font-size:23px;line-height:1.4;margin-bottom:7px}.persona-line{font-size:12px}.persona dl{display:grid;grid-template-columns:72px 1fr;gap:15px 12px;margin:25px 0}.persona dt{font-size:10px;color:#858998;padding-top:2px}.persona dd{margin:0;font-size:12px;color:#565e6c;line-height:1.9}.need{border-top:1px solid #dcdce5;padding-top:18px;font-size:11px;color:#656078}.need>span{display:block;font-size:9px;letter-spacing:1px;color:#9891a6;margin-bottom:6px}.boundary{display:flex;gap:20px;padding:21px 3px 0}.boundary>span{font-size:10px;color:var(--purple);white-space:nowrap;padding-top:1px}.boundary p{font-size:11px;margin:0}.journey-section{background:#f0f2ed}.journey{display:grid;grid-template-columns:repeat(4,1fr);margin-top:43px}.journey article{position:relative}.journey article:not(:last-child):after{content:'→';position:absolute;top:3px;right:25px;color:#9b9caa}.step-number{font-family:Georgia,serif;font-size:31px;color:#a7a1bc}.journey h3{font-size:16px;margin:18px 0 9px}.journey p{font-size:12px;line-height:1.9;margin-bottom:18px}.journey small{font-size:9px;color:#8b9292}.principle{border-top:1px solid #d9ddd6;margin-top:36px;padding-top:24px;display:grid;grid-template-columns:90px 1fr}.principle>span{font-size:10px;color:#899184;padding-top:3px}.principle strong{font-size:14px;font-weight:500}.principle p{font-size:11px;grid-column:2;margin:7px 0 0}.prototype-section{background:#eae8f1}.prototype-layout{display:grid;grid-template-columns:1fr 340px .65fr;gap:28px;align-items:center}.demo-guide>p{font-size:12px;line-height:2}.demo-guide .lead{font-size:17px;font-weight:500;color:#3f3d50;margin:0 0 13px}.demo-guide ol{list-style:none;padding:0;margin:26px 0}.demo-guide li+li{margin-top:12px}.demo-guide li button{display:flex;gap:14px;align-items:center;background:transparent;text-align:left;padding:8px 0;width:100%;border-radius:7px}.demo-guide li button:hover{background:#e1ddef}.demo-guide li b{font-size:11px;font-weight:500;border:1px solid #c8c2d7;border-radius:50%;height:29px;width:29px;display:grid;place-content:center;flex-shrink:0;color:#8b7ab1}.demo-guide li strong{display:block;font-size:12px;font-weight:500}.demo-guide li small{display:block;font-size:9px;color:#868291;margin-top:3px}.demo-limit{border-top:1px solid #d6d0e0;padding-top:16px;margin-top:20px}.demo-limit>span{font-size:10px;color:#84768c}.demo-limit p{font-size:10px;line-height:1.9;margin:7px 0 0}.reset-btn{background:none;color:#7966a6;border-bottom:1px solid #c3b9d5;font-size:11px;padding:4px 0;margin-top:20px}.phone-stage{text-align:center}.stage-caption,.stage-bottom{font-size:8px;letter-spacing:1px;color:#938b9f;display:block;margin-bottom:17px}.stage-bottom{margin:18px 0 0}.phone{width:320px;margin:auto;height:646px;border-radius:43px;border:6px solid #32333c;background:#fafbf8;box-shadow:0 25px 45px #3d344020,inset 0 0 0 1px #b4b4b7;position:relative;overflow:hidden;display:flex;flex-direction:column;text-align:left}.phone-status{height:45px;display:flex;justify-content:space-between;align-items:center;padding:2px 21px 0;font-size:10px;flex-shrink:0}.island{background:#25252d;border-radius:20px;height:20px;width:78px;position:absolute;left:50%;top:10px;transform:translateX(-50%)}.phone-status>span{font-size:10px}.home-indicator{width:94px;height:4px;background:#31333c;border-radius:6px;position:absolute;bottom:7px;left:50%;transform:translateX(-50%)}#phone-app{height:calc(100% - 45px);display:flex;flex-direction:column;padding-bottom:16px;min-height:0}.phone-head{padding:10px 19px 13px;flex-shrink:0}.phone-title{display:flex;justify-content:space-between;align-items:center}.phone-title h3{font-size:22px;margin:0;letter-spacing:-1px}.phone-title button{font-size:10px;background:#efecf7;color:#7868ad;border-radius:20px;padding:4px 9px}.phone-head>p{font-size:9px;color:#979aa1;margin:5px 0 0}.app-scroll{overflow-y:auto;flex:1;min-height:0;padding:0 17px 15px;scrollbar-width:thin}.app-bottom{padding:11px 17px 7px;border-top:1px solid #e6e7e3;flex-shrink:0;background:#fafbf8}.app-tabs{display:flex;gap:12px;justify-content:center;padding:7px 0 0}.app-tabs button{background:none;color:#a0a2aa;font-size:9px;padding:2px 10px}.app-tabs button.current{color:var(--purple);font-weight:600}.import-screen{padding:21px 18px}.import-logo{height:78px;width:78px;border-radius:25px;display:grid;place-content:center;color:#fff;background:var(--purple);font-size:53px;margin:15px auto 28px;box-shadow:0 12px 25px #6654d92b}.import-screen h3{font-size:22px;line-height:1.5;text-align:center;letter-spacing:-.7px;margin:0 0 13px}.import-screen>p{font-size:11px;text-align:center;line-height:1.9}.import-benefits{padding:17px;background:#eeedf5;border-radius:12px;margin-top:23px}.import-benefits div{display:flex;gap:13px;font-size:10px;color:#69677a;padding:5px 0}.import-benefits b{font-weight:400;color:#8c7fb3}.app-btn{padding:10px 9px;border-radius:8px;font-size:11px;background:var(--purple);color:#fff;text-align:center}.app-btn.secondary{background:#eceaf5;color:#78679f}.app-btn.danger{background:#f4e8e6;color:#ad6257}.app-btn.full{display:block;width:100%}.import-tip{font-size:8px;text-align:center;margin:8px 0 0;color:#9d9ca5}.app-stats{display:flex;justify-content:space-between;background:#f0edf7;border:1px solid #e4dff1;border-radius:10px;padding:12px 14px;margin-bottom:14px;align-items:center;font-size:10px;color:#817394}.app-stats strong{font-size:23px;color:#60517d;font-weight:500;margin-right:6px}.app-stats small{font-size:8px;display:block;color:#9e94ad}.group-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:11px}.group-tabs button{font-size:9px;background:#eeefe9;color:#8a8d91;border-radius:20px;padding:4px 8px}.group-tabs button.current{background:#e7e0fa;color:#7762a8}.selection-row{display:flex;justify-content:space-between;font-size:9px;color:#8d9197;margin:10px 0}.selection-row button{font-size:9px;background:none;color:#81709f;padding:0}.screenshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.screenshot-card{border:1.5px solid #e3e5df;border-radius:10px;overflow:hidden;background:#fff;position:relative}.screenshot-card.picked{border-color:#8a70d0;background:#f5f1ff}.card-select{padding:0;width:100%;display:block;background:none;text-align:left;position:relative}.card-check{position:absolute;right:6px;top:6px;border-radius:50%;height:18px;width:18px;border:1px solid #cecdd8;background:#ffffffdb;color:#fff;display:grid;place-content:center;font-size:10px;z-index:1}.picked .card-check{background:#8670c3;border-color:#8670c3}.shot-art{height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:14px 9px;gap:5px;background:#edeaf4;color:#706189}.shot-art small{font-size:7px;letter-spacing:.5px;opacity:.7}.shot-art strong{font-size:12px;line-height:1.5;font-weight:500}.shot-art em{font-size:7px;font-style:normal;opacity:.7}.shot-art.life{background:#e9eee2;color:#69815c}.shot-art.share{background:#f3e9de;color:#a18363}.shot-art.unknown{background:#e9edf1;color:#7a8b9d}.shot-art .art-decor{height:4px;width:58%;background:currentColor;opacity:.17;box-shadow:0 7px 0 currentColor;margin:3px 0 8px}.card-label{padding:7px 7px 0;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.card-footer{padding:3px 7px 6px;display:flex;align-items:center;justify-content:space-between}.card-footer span{font-size:7px;color:#94959f}.card-footer button{font-size:8px;padding:2px 0;background:none;color:#8271b0}.phone-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:7px}.app-bottom>small{display:block;font-size:8px;color:#93949d;margin-bottom:7px}.app-undo{font-size:9px;padding:4px 0;background:none;color:#8d73b7;margin-top:5px;width:100%}.library-search{width:100%;padding:8px 10px;border:1px solid #e1e2db;background:#f0f1ec;border-radius:8px;font-size:10px;margin-bottom:10px;color:#6f757a}.library-empty,.queue-empty{text-align:center;padding:38px 6px;color:#9a91ad}.queue-empty>span{display:grid;place-content:center;width:60px;height:60px;margin:0 auto 20px;background:#eeebf5;border-radius:50%;font-size:28px;color:#9988b9}.queue-empty h3{font-size:17px;color:#5f586e}.queue-empty p,.library-empty p{font-size:10px;line-height:1.9}.queue-empty button{margin-top:16px}.library-empty{font-size:12px}.library-empty button{background:none;color:#8166aa;font-size:10px}.result-mini{border:1px solid #e6e1ed;border-radius:8px;padding:12px;margin-top:16px;font-size:10px;color:#8b819b}.result-mini strong{color:#6d5b8d;font-size:15px;font-weight:500}.prototype-note{align-self:center;transform:rotate(3deg);padding:27px 19px;background:#f3f0e5;border:1px solid #ddd8c8;box-shadow:0 5px 10px #5b4e3d05;min-width:140px}.note-pin{font-size:28px;color:#a59a7c}.prototype-note h3{font-size:14px;line-height:1.8;margin:14px 0}.prototype-note p{font-size:10px;line-height:2;color:#97907e}.note-rule{width:40px;height:1px;background:#d9d0bd;margin:25px 0 18px}.tiny-label{font-size:9px;letter-spacing:1px;color:#9a9286}.prototype-note ul{padding-left:13px;font-size:9px;color:#8f887a;line-height:2.3;margin-bottom:3px}.outline{border:1px solid #ced1ce;background:transparent;color:#5c6269}.outline:hover{background:#eeeef0}.req-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.req-toolbar>span{font-size:10px;color:#93999a}.segmented{display:flex;gap:4px}.segmented button{background:none;padding:8px 12px;font-size:10px;color:#8b9397;border-radius:6px}.segmented .selected{background:#e8e4f4;color:#7b6aab}.req-list{border-top:1px solid var(--line)}.req-list details{border-bottom:1px solid var(--line)}.req-list summary{padding:20px 0;display:flex;align-items:center;gap:18px;cursor:pointer;list-style:none}.req-list summary::-webkit-details-marker{display:none}.req-id{font-size:10px;color:#999faa;width:40px}.req-title{font-weight:500;font-size:14px;flex:1}.priority{font-size:9px;background:#e8e3f3;color:#8874ac;padding:3px 7px;border-radius:4px}.priority.p1{background:#e6ebe2;color:#87977c}.req-summary{font-size:11px;color:#8c9297;flex:1.1}.req-toggle{font-size:20px;color:#a0a5aa;width:14px}.req-list details[open] .req-toggle{transform:rotate(45deg)}.req-description{padding:0 35px 23px 58px;font-size:12px;line-height:2;color:#747c82}.req-description strong{font-size:10px;color:#8875a4;font-weight:500;display:block;margin:12px 0 3px}.req-description p{margin:0}.scope-box{padding:22px 24px;margin-top:27px;border:1px dashed #cfd2ce;border-radius:8px;display:grid;grid-template-columns:105px 1fr;gap:3px 16px}.scope-box h3{font-size:12px;margin:0}.scope-box p{font-size:10px;margin:0}.scope-box span{font-size:9px;color:#9b9fa2;grid-column:2}.design-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:41px}.design-notes article>span{font-size:9px;color:#9a90aa;letter-spacing:.7px}.design-notes h3{font-size:14px;line-height:1.7;margin:13px 0 9px}.design-notes p{font-size:11px;line-height:2;margin-bottom:0}.validation-section{background:#eff1ec}.validation-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:40px}.validation-grid h3{font-size:17px;margin:0 0 15px}.validation-grid>div>p{font-size:12px;line-height:1.9}.metric-row{display:flex;gap:22px;border-top:1px solid #d8ddd5;padding:16px 0}.metric-row>span{font-size:11px;min-width:65px;color:#75806d}.metric-row p{font-size:11px;margin:0}.metric-row small{display:block;font-size:9px;color:#9a9e96;margin-top:3px}.roadmap{padding-left:30px;border-left:1px solid #d7ddd3}.roadmap article{display:flex;gap:21px;position:relative;padding-bottom:28px}.roadmap>.tiny-label{display:block;margin-bottom:27px}.roadmap article>span{height:9px;width:9px;border:1px solid #b3bdab;border-radius:50%;margin-top:7px;background:#eff1ec;z-index:1;flex-shrink:0}.roadmap article.current>span{background:#8f7aae;border-color:#8f7aae;box-shadow:0 0 0 4px #ded8e8}.roadmap article:not(:last-child):before{content:'';position:absolute;left:4px;top:17px;bottom:-8px;width:1px;background:#d6dace}.roadmap article:last-child{padding-bottom:0}.roadmap article small{font-size:9px;color:#92998b}.roadmap article h3{font-size:14px;margin:5px 0}.roadmap article p{font-size:10px;margin:0}.open-questions{margin-top:40px;padding-top:24px;border-top:1px solid #d6ddd1;display:flex;align-items:center;gap:22px}.open-questions>span{font-size:10px;color:#86927e}.open-questions p{font-size:11px;margin:0;flex:1}.open-questions a{font-size:10px;color:#80749b}footer{padding:35px 5.2%;display:flex;align-items:center;gap:30px;border-top:1px solid var(--line)}.footer-brand{font-size:22px;color:#75698e}footer p{font-size:11px;margin:0;flex:1}footer>span{font-size:9px;color:#989e9d;line-height:1.9}footer>a:last-child{font-size:10px;color:#888c93;margin-left:15px}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:#25233080;backdrop-filter:blur(4px)}.dialog{position:relative;background:#fafbf8;border-radius:18px;padding:30px;width:420px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 25px 80px #25223330}.dialog-close{position:absolute;top:10px;right:12px;font-size:26px;color:#9c98a5;background:none;width:30px;height:30px}.dialog h3{font-size:21px;margin:6px 0 13px}.dialog p{font-size:12px;line-height:1.9}.dialog small{font-size:10px;color:#9a92a4;display:block}.dialog .shot-art{height:220px;border-radius:10px;margin:18px 0}.dialog .shot-art strong{font-size:24px}.dialog .shot-art small,.dialog .shot-art em{font-size:11px}.dialog .shot-art .art-decor{height:7px;margin-top:16px;box-shadow:0 12px 0 currentColor}.dialog label{font-size:11px;color:#8b8495;display:block;margin-bottom:7px}.dialog select{width:100%;padding:11px;border:1px solid #d7d2e1;background:#fff;border-radius:7px;font-size:12px;color:#696175;margin-bottom:15px}.dialog-actions{display:flex;gap:10px;margin-top:20px}.dialog-actions button{flex:1}.dialog-warning{background:#f2eae6;color:#9a786b;padding:12px 15px;border-radius:8px;font-size:11px;margin:18px 0}.dialog-warning.neutral{background:#ece9f3;color:#8b7c9e}.toast{position:fixed;bottom:25px;left:calc(50% + 80px);transform:translate(-50%,20px);padding:11px 19px;border-radius:8px;background:#38323f;color:#fff;box-shadow:0 6px 30px #2222;z-index:70;font-size:12px;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1550px){main{max-width:1500px}.hero-grid{min-height:490px}.hero-art{max-width:500px}.hero{padding-top:60px}.section{padding-top:90px;padding-bottom:90px}}
@media(max-width:1250px){:root{--side:192px}.sidebar{padding:30px 16px}.hero-grid{gap:12px}.hero-art{transform:scale(.9);transform-origin:center right}.hero-foot{gap:9px;font-size:8px}.hero-actions{gap:13px}.prototype-layout{grid-template-columns:1fr 320px;gap:30px}.prototype-note{display:none}.hero-copy>p{font-size:12px}.hero-actions .button{font-size:11px;gap:14px}.hero .text-link{font-size:10px}.req-summary{font-size:10px}.validation-grid{gap:35px}.section-head h2{font-size:29px}}
@media(max-width:960px){:root{--side:0px}.sidebar{position:sticky;top:0;width:100%;height:auto;padding:12px 22px;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 3px 10px #33333303;border-bottom:1px solid var(--line);border-right:0}.brand{font-size:20px;flex-shrink:0}.brand-mark{height:34px;width:34px;border-radius:10px;font-size:25px}.brand small{display:none}.sidebar-label,.sidebar-bottom{display:none}nav{flex-direction:row;gap:5px;overflow-x:auto}nav a{font-size:10px;padding:7px 8px;white-space:nowrap}nav a i,nav a>span{display:none}main{margin:0}.hero{padding-top:35px}.topbar{height:60px}.section{scroll-margin-top:65px}.hero-art{transform:none}.section-head>p{font-size:11px}.toast{left:50%}.hero-grid{min-height:430px;gap:20px}.hero-art{height:375px}.art-center{left:25%;top:60px}.note-a{width:135px;left:0;top:27px}.note-b{width:123px;right:-5px;top:105px}.note-c{left:0;bottom:0}.summary-strip{gap:20px}.summary-strip strong{font-size:13px}.summary-strip>p{font-size:10px}.prototype-layout{gap:45px}.section-head.compact h2{font-size:25px}}
@media(max-width:640px){html{scroll-padding-top:78px}.sidebar{display:block;padding:11px 17px 6px}.brand{position:absolute;top:11px;left:17px;font-size:17px}.brand-mark{width:25px;height:25px;font-size:20px;border-radius:7px}.brand{gap:7px}.sidebar nav{padding:33px 0 1px;justify-content:space-between;gap:0}nav a{padding:5px 3px;font-size:9px}nav a.active{background:none;color:#6654d9;border-radius:0;border-bottom:2px solid #8f7bcb}.topbar{height:49px;font-size:9px;padding:0 6%}.top-meta{gap:0;font-size:8px}.top-meta .pill{display:none}.topbar b{margin:0 6px}.hero{padding:30px 6% 0}.hero>.eyebrow{font-size:9px}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding-top:24px}h1{font-size:48px;margin-bottom:19px;letter-spacing:-2px}.hero-copy>p{font-size:12px}.hero-actions{gap:24px}.hero-actions .button{font-size:12px}.hero .text-link{font-size:11px}.hero-foot{font-size:9px;gap:16px;margin-top:24px}.hero-art{height:340px;width:330px;max-width:100%;margin:0 auto 22px}.art-center{top:33px;left:26%;width:177px;height:266px;padding-top:20px}.note-a{top:14px;width:125px;height:166px;padding:13px}.note-a strong{font-size:12px}.note-b{width:111px;top:79px;right:0;min-height:156px}.note-b strong{font-size:9px}.note-b .food-art{height:61px;font-size:60px}.note-c{font-size:8px;bottom:0;left:0;padding:11px}.note-c strong{font-size:9px}.art-caption{top:0;font-size:7px}.art-tag{font-size:8px;bottom:6px;right:0}.summary-strip{display:block;position:relative;padding:22px 0}.summary-strip strong{font-size:13px}.summary-strip>p{margin-top:13px;font-size:10px}.arrow-circle{position:absolute;right:0;bottom:26px;width:29px;height:29px;font-size:15px}.section{padding:48px 6%;scroll-margin-top:80px}.section-head{display:block;margin-bottom:26px}.section-head h2,.section-head.compact h2{font-size:25px;letter-spacing:-.8px}.section-head>p{margin:14px 0 0;font-size:11px}.section-head>.button,.section-head>.pill{margin-top:17px}.eyebrow{font-size:9px;letter-spacing:1.1px}.evidence-grid{grid-template-columns:1fr 1fr}.evidence-grid article{padding:18px 16px 22px 0}.evidence-grid article+article{padding-left:16px}.evidence-grid .evidence-note{grid-column:1 / -1;border-left:0;border-top:1px solid var(--line);padding:18px 20px}.evidence-note .line-icon{float:right}.evidence-note h3{margin-top:0}.evidence-grid .evidence-note p{margin-bottom:13px}.evidence-num{font-size:38px}.evidence-num small{font-size:9px}.evidence-grid h3{font-size:12px}.evidence-grid p{font-size:10px}.small-tag{font-size:8px}.source-note{font-size:9px}.persona-grid{grid-template-columns:1fr;gap:16px}.persona{padding:23px}.persona h3{font-size:21px}.persona dd{font-size:11px}.persona-top{margin-bottom:19px}.boundary{gap:15px}.boundary p{font-size:10px}.boundary>span{font-size:9px}.journey{grid-template-columns:1fr 1fr;gap:28px 15px;margin-top:29px}.journey article:nth-child(2):after{display:none}.journey article:not(:last-child):after{right:10px}.step-number{font-size:27px}.journey h3{font-size:15px;margin-top:9px}.journey p{font-size:11px;margin-bottom:10px}.journey small{font-size:8px}.principle{grid-template-columns:1fr;margin-top:28px;gap:9px}.principle strong{font-size:13px}.principle p{grid-column:1;font-size:10px;margin:0}.prototype-layout{grid-template-columns:1fr;gap:28px}.demo-guide>p{font-size:11px}.demo-guide ol{margin:16px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-guide li+li{margin:0}.demo-guide li button{gap:8px;align-items:start}.demo-guide li b{width:24px;height:24px;font-size:9px;margin-top:2px}.demo-guide li strong{font-size:10px}.demo-guide li small{font-size:8px;line-height:1.6}.demo-limit{margin-top:12px}.demo-limit p{font-size:9px}.reset-btn{margin-top:12px}.phone-stage{margin-top:5px}.phone{width:308px;max-width:100%}.stage-caption{font-size:8px}.req-toolbar{display:block;margin-bottom:14px}.req-toolbar>span{display:block;font-size:9px;margin-top:10px}.segmented button{font-size:9px;padding:7px 10px}.req-list summary{padding:17px 0;gap:9px;flex-wrap:wrap}.req-id{font-size:9px;width:34px}.req-title{font-size:12px;flex:1}.req-summary{order:5;flex-basis:100%;font-size:10px;padding-left:43px}.priority{font-size:8px}.req-toggle{font-size:17px}.req-description{padding:0 5px 21px 43px;font-size:11px}.scope-box{grid-template-columns:1fr;padding:19px;gap:10px}.scope-box span{grid-column:1}.scope-box p{font-size:10px;line-height:1.9}.design-notes{grid-template-columns:1fr;gap:25px;margin-top:30px}.design-notes h3{font-size:14px;margin:8px 0}.design-notes p{font-size:11px}.validation-grid{grid-template-columns:1fr;gap:30px;margin-top:28px}.validation-grid h3{font-size:16px}.validation-grid>div>p{font-size:11px}.roadmap{border-left:0;border-top:1px solid #d7ddd3;padding:25px 0 0}.open-questions{display:block;margin-top:30px;padding-top:21px}.open-questions p{font-size:11px;margin:11px 0}.open-questions a{font-size:10px}footer{padding:26px 6%;gap:15px;flex-wrap:wrap}.footer-brand{font-size:20px}footer p{font-size:10px}footer>span{font-size:8px}footer>a:last-child{margin-left:auto;font-size:9px}.dialog{padding:25px}.dialog h3{font-size:20px}.dialog .shot-art{height:185px}.toast{font-size:11px;white-space:normal;min-width:220px}.button{font-size:11px;padding:10px 15px}}
.hero-art{overflow:clip}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}