:root{color-scheme:light;--ink:#19243a;--muted:#66728a;--fine:#8792a3;--line:#e1e6ee;--bg:#fff;--canvas:#f7f9fc;--blue:#204bc8;--blue-soft:#edf3ff;--terracotta:#e04b31;--orange-soft:#fff4ee;--lavender:#f7f3ff;--focus:#0f46c0;--shadow:0 12px 38px rgba(18,32,67,.06);--radius:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-synthesis:none}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.55}button,textarea,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:var(--blue)}:focus-visible{outline:3px solid #80a5ff;outline-offset:3px}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(28px,3vw,43px);letter-spacing:-.04em;line-height:1.12;margin-bottom:12px}h2{font-size:25px;letter-spacing:-.035em;line-height:1.18}h3{font-size:19px;letter-spacing:-.025em;line-height:1.3}h4{font-size:15px}small,.small{font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.content-wrap{max-width:1432px;width:calc(100% - 72px);margin:0 auto}.site-head{border-bottom:1px solid var(--line);background:#fff}.head-inner{max-width:1432px;width:calc(100% - 72px);margin:0 auto;min-height:93px;display:flex;align-items:center;gap:26px}.brand-block{display:flex;align-items:center;gap:13px;padding-right:30px;border-right:1px solid var(--line)}.brand-mark{width:40px;height:40px;flex-shrink:0}.brand-block strong{font-weight:790;font-size:26px;letter-spacing:-.06em;display:block;line-height:1.1}.brand-block small,.project-name small{display:block;margin-top:2px;color:var(--muted);font-size:12px;letter-spacing:0}.project-name{font-size:14px;line-height:1.3;display:flex;flex-direction:column}.head-tools{margin-left:auto;display:flex;align-items:center;gap:14px;white-space:nowrap}.head-tools label{font-size:12px;color:var(--muted)}select,input,textarea{border:1px solid #abb6c8;border-radius:10px;background:#fff;outline:none}select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b4c9ff;outline-offset:1px;border-color:var(--blue)}select{padding:10px 32px 10px 12px}.topnav{border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;gap:8px;padding:16px 0}.nav-inner button{background:transparent;border:1px solid transparent;border-radius:12px;padding:12px 18px;color:var(--ink);font-weight:650}.nav-inner button span{color:var(--muted);font-weight:500;font-size:12px;margin-right:10px}.nav-inner button[aria-current=page]{background:var(--ink);color:#fff}.nav-inner button[aria-current=page] span{color:#aebbd6}.notice-strip{min-height:49px}.notice-strip .content-wrap{padding:15px 0;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;font-size:12.5px}.notice-strip span{color:var(--muted)}.storage-alert{padding:12px 36px;text-align:center;background:#fff0e4;color:#8a321e;border-block:1px solid #eebaa6}main{padding-bottom:72px;min-height:calc(100vh - 260px)}.eyebrow{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:680}.eyebrow.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.page-heading{display:flex;justify-content:space-between;gap:28px;align-items:start;margin:20px 0 25px}.page-heading h1{margin:0 0 5px}.page-heading .subline{font-size:13px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:10px;padding:10px 15px;border:1px solid #9eabc0;background:#fff;color:var(--ink);font-weight:670;text-decoration:none;white-space:normal}.button:hover:not(:disabled){border-color:#4c6bd7;background:#f4f7ff}.button.primary{border-color:var(--blue);background:var(--blue);color:#fff}.button.primary:hover:not(:disabled){background:#163cae}.button.secondary{background:var(--blue-soft);border-color:#b9ceff;color:#183ba4}.button.subtle{background:transparent;border-color:var(--line)}.button.tiny{font-size:12px;min-height:32px;padding:6px 10px}.button.full{width:100%}.button-row{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:12px}.text-button{background:none;border:0;padding:0;color:var(--blue);font-size:13px;text-decoration:underline;text-underline-offset:3px}.status{display:inline-flex;gap:7px;align-items:center;padding:4px 9px;border:1px solid #d4deec;border-radius:999px;font-size:11px;line-height:1.35;color:var(--muted);background:#fff}.status .dot{width:7px;height:7px;border-radius:50%;background:#2d64ed;flex:none}.status.warn{border-color:#f1d4bf;color:#8c521f;background:#fff8f2}.status.warn .dot{background:#d97b30}.status.good{border-color:#b9d8cb;color:#287450;background:#f1faf5}.status.good .dot{background:#35a36d}.card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:23px}.subtle-panel{padding:17px 19px;border:1px solid var(--line);border-radius:14px;background:var(--canvas)}.info-panel{background:var(--blue-soft);border:1px solid #c7d9ff;border-radius:12px;padding:15px 17px}.warning-panel{background:var(--orange-soft);border:1px solid #f1d8bd;border-radius:12px;padding:15px 17px}.warning-panel strong,.info-panel strong{display:block}.tabular{font-variant-numeric:tabular-nums}.context-grid{display:grid;grid-template-columns:200px minmax(400px,1fr) 280px;gap:22px;align-items:start}.side-list{display:grid;gap:5px}.side-list button{text-align:left;border:1px solid transparent;border-radius:10px;background:transparent;display:grid;grid-template-columns:20px 1fr;gap:10px;padding:10px 10px 10px 12px;font-weight:600;font-size:12.5px;line-height:1.35}.side-list button:hover{background:var(--canvas)}.side-list button.selected{border-color:#6d93ed;background:var(--blue-soft)}.side-list button .number{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);padding-top:2px}.side-list button small{display:block;font-size:11px;margin-top:2px;color:var(--muted)}.editor-card{min-height:420px}.editor-card h2{max-width:540px;margin-bottom:9px}.field-label{display:block;font-weight:700;font-size:13px;margin:20px 0 8px}.field-textarea{display:block;width:100%;min-height:130px;resize:vertical;padding:13px 14px;line-height:1.5}.field-textarea.compact{min-height:88px}.brief-card{border:1px solid var(--line);border-radius:17px;padding:21px 21px;background:#fff}.brief-card h3{margin:12px 0 16px}.brief-card p{font-size:12.5px;margin-bottom:13px;line-height:1.58}.brief-card strong{font-weight:700}.brief-card .brief-value{white-space:pre-wrap;overflow-wrap:anywhere}.brief-card .outstanding{margin:17px 0;color:var(--muted)}.card-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.divider{height:1px;background:var(--line);margin:23px 0}.prewrap{white-space:pre-wrap;overflow-wrap:anywhere}.stepper{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.step-btn{display:flex;align-items:center;gap:10px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px;min-height:67px;min-width:0;font-size:12px;font-weight:700;line-height:1.4}.step-btn span.index{display:flex;justify-content:center;align-items:center;border-radius:7px;background:#d9e8ff;color:#365785;min-width:29px;height:29px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.step-btn:hover{background:var(--canvas)}.step-btn.active{border:2px solid #39485e;background:#f0f5ff;padding:9px}.step-title{overflow-wrap:anywhere}.journey-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.journey-header h2{margin:0}.path-layout{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(400px,1.4fr);gap:23px;align-items:start;margin-top:25px}.path-notes{display:grid;gap:15px}.decision-note{padding-bottom:16px;border-bottom:1px solid var(--line)}.decision-note:last-child{border:0;padding-bottom:0}.decision-note .eyebrow{margin-bottom:8px}.decision-note h3{margin-bottom:8px}.decision-note p{font-size:13px;color:#424d61;margin:0}.screen-shell{padding:17px 17px 20px;background:#f8f9fb;border:1px solid var(--line);border-radius:18px}.screen-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:12px;color:var(--muted)}.mockup{border:1px solid #d8d7d0;border-radius:12px;overflow:hidden;background:#fffcf7;box-shadow:0 3px 12px rgba(30,37,56,.05);min-height:278px}.mock-nav{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6ded2;padding:12px 18px;font-size:11px;letter-spacing:.06em;color:#796757}.mock-nav strong{font-size:13px;letter-spacing:0;color:#403a34}.mock-body{padding:25px 26px 24px;display:grid;grid-template-columns:1fr 110px;gap:20px;align-items:center}.mock-type{font-size:10px;letter-spacing:.11em;color:#8f7963;text-transform:uppercase;margin-bottom:7px}.mock-body h3{color:#352e2b;font-family:Georgia,serif;font-size:clamp(21px,2.3vw,31px);line-height:1.1;font-weight:500;margin:0 0 12px;letter-spacing:-.03em}.mock-lead{color:#675c54;font-size:12px;margin:0 0 8px}.mock-desc{color:#776e67;font-size:11px;margin:0 0 17px}.mock-cta{display:inline-flex;border:1px solid #453e38;border-radius:5px;background:#453e38;color:white;padding:8px 12px;font-weight:600;font-size:11px;align-items:center;min-height:32px}.clay-graphic{position:relative;width:108px;height:134px;background:#eaddce;border-radius:8px;display:grid;place-items:center;overflow:hidden}.clay-graphic:before{content:"";width:64px;height:73px;border-radius:14px 14px 25px 25px;background:linear-gradient(140deg,#b57d59,#d3a886 58%,#8f6044);box-shadow:inset -8px -4px 12px #97694a,0 12px 15px rgba(111,65,37,.17);transform:rotate(8deg)}.clay-graphic:after{content:"";position:absolute;width:50px;height:12px;border:3px solid #eac5a5;border-radius:100%;top:34px;left:30px;transform:rotate(8deg)}.mock-bottom{border-top:1px solid #e6ded2;padding:8px 18px;font-size:10px;color:#8c7864}.revision-label{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.revision-label select{font-size:12px;padding:6px 28px 6px 9px}.revision-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.revision-compare .mock-body{grid-template-columns:1fr;min-height:190px;padding:16px}.revision-compare .mock-body h3{font-size:20px}.revision-compare .clay-graphic{display:none}.revision-compare .mockup{min-height:0}.hero-solution{border-bottom:1px solid var(--line);padding:16px 0 26px;margin:15px 0 24px;display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:25px;align-items:center}.hero-solution h1{margin-bottom:10px}.hero-solution .lead{font-size:16px;color:var(--muted);margin-bottom:12px}.branch-art{height:150px;border-radius:18px;background:#d0e5ff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;color:#214fc6}.branch-art svg{width:92px;height:86px}.branch-art span{color:#324a74;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em}.branch-art.a{background:#f6e5db;color:#ba5e3e}.branch-art.c{background:#e7e5fb;color:#625bc2}.branch-selector{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 15px}.branch-selector button{border:1px solid var(--line);padding:7px 11px;background:white;border-radius:8px;font-size:12px;font-weight:680}.branch-selector button.active{color:var(--blue);background:var(--blue-soft);border-color:#91acef}.variant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.variant-card{display:flex;flex-direction:column;gap:12px}.variant-card h2{margin:0}.variant-card .letter{font:700 13px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--blue);margin-bottom:4px}.variant-card p{font-size:13px;color:var(--muted);margin:0}.variant-card .variant-action{margin-top:auto;padding-top:8px}.mini-path{border-top:1px solid var(--line);padding-top:11px}.mini-path strong{display:block;font-size:12px;margin:0 0 7px}.mini-path ol{margin:0;padding-left:17px;color:#48546a;font-size:12px}.mini-path li{margin-bottom:5px}.compare-box{margin-top:27px}.compare-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}.compare-selects{display:flex;align-items:center;gap:8px}.compare-grid{display:grid;grid-template-columns:170px 1fr 1fr;gap:0;border:1px solid var(--line);border-radius:13px;overflow:hidden;margin-top:16px}.compare-grid>div{padding:12px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12.5px;overflow-wrap:anywhere}.compare-grid>div:nth-child(3n){border-right:0}.compare-grid>div:nth-last-child(-n+3){border-bottom:0}.compare-grid .compare-top{font-size:12px;color:var(--muted);font-weight:750;background:var(--canvas)}.decision-card{margin-top:27px;border-top:1px solid var(--line);padding-top:23px}.decision-box{border:1px solid var(--line);border-radius:15px;padding:19px;margin-top:13px}.decision-box h3{margin-bottom:6px}.decision-box p{color:var(--muted);font-size:13px}.saved-decision{background:#f5fbf7;border-color:#a4d6b7}.draft-status{font-size:12px;color:var(--muted);margin-top:9px}.foot{border-top:1px solid var(--line);padding-top:20px;padding-bottom:30px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.foot div{display:flex;gap:17px;flex-wrap:wrap}.foot-session{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.link-section{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.variant-summary{padding:15px 18px;border-left:3px solid var(--ink);margin:18px 0 0}.variant-summary p{margin:0 0 5px;font-size:13px}.client-view{max-width:840px;margin:45px auto}.client-view li{margin-bottom:10px}.locked{opacity:.55;pointer-events:none}.hint{font-size:12px;color:var(--muted)}.skip-link{position:absolute;top:-100px;left:15px;padding:12px;background:white;color:var(--blue);z-index:999}.skip-link:focus{top:10px}#toast{position:fixed;z-index:999;bottom:22px;right:22px;background:#19243a;color:#fff;border-radius:9px;padding:12px 18px;box-shadow:0 10px 32px #19243a35;display:none;font-size:13px;max-width:340px}#toast.show{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1180px){.context-grid{grid-template-columns:190px minmax(0,1fr)}.brief-card{grid-column:2}.path-layout{grid-template-columns:minmax(280px,.85fr) minmax(320px,1.4fr)}.variant-grid{gap:10px}.variant-card{padding:18px}}
@media(max-width:800px){.content-wrap,.head-inner{width:calc(100% - 32px)}.head-inner{min-height:81px;gap:13px}.brand-block{padding-right:14px}.project-name{display:none}.head-tools label{display:none}.context-grid,.path-layout{grid-template-columns:1fr}.side-list{display:flex;overflow-x:auto;padding-bottom:6px}.side-list button{min-width:170px}.brief-card{grid-column:auto}.stepper{grid-template-columns:repeat(3,minmax(0,1fr))}.variant-grid{grid-template-columns:1fr}.hero-solution{grid-template-columns:1fr 128px}.branch-art{height:128px}.page-heading{flex-direction:column}.compare-grid{grid-template-columns:110px 1fr 1fr}.compare-grid>div{padding:9px;font-size:11px}}
@media(max-width:520px){.brand-block strong{font-size:21px}.brand-block small{font-size:9px}.brand-mark{width:31px;height:31px}.head-tools select{font-size:12px;max-width:158px}.topnav .nav-inner{gap:2px;justify-content:space-between}.nav-inner button{font-size:11px;padding:9px 7px;flex:1}.nav-inner button span{margin-right:3px;font-size:10px}.notice-strip .content-wrap{font-size:11px}.stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-solution{grid-template-columns:1fr}.branch-art{display:none}.mock-body{grid-template-columns:1fr}.clay-graphic{display:none}.revision-compare{grid-template-columns:1fr}.compare-grid{grid-template-columns:1fr}.compare-grid>div{border-right:0!important}.compare-grid .compare-top{display:none}.compare-grid>div:nth-child(3n+1){font-weight:750;background:var(--canvas)}.compare-grid>div:nth-last-child(-n+3){border-bottom:1px solid var(--line)}.button-row>*{width:100%}.head-inner{gap:8px}.brand-block{gap:8px}.page-heading h1{font-size:29px}.card{padding:17px}.screen-shell{padding:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}