/* Subject-led homepage: an interactive measurement-order sketch, quiet surrounding UI. */
:root{--accent-home:#df662e;--ease-home:cubic-bezier(.22,1,.36,1)}
.topbar{background:rgba(255,255,255,.86);border-bottom:1px solid #e9e7e1;min-height:68px}.top-actions{gap:6px}.top-action{border:0;background:transparent;border-radius:8px;color:#697479;padding:8px 10px;font-size:11px;min-height:36px;transition:background .2s,color .2s}.top-action:hover{background:#fff0e5;color:#b74e20}.top-action svg{display:inline-block;width:14px;height:14px;vertical-align:-3px;margin-right:5px;fill:none;stroke:currentColor;stroke-width:1.6}.top-action.primary{color:#a94a24;background:#fff3ea}.version-button{font-family:Consolas,monospace;color:#8c969b}.hero-meta .help-chip{background:#fff;border:1px solid #e7e4dd;border-radius:99px;padding:7px 11px;font-size:10px;color:#828b8e;min-height:34px;transition:border-color .2s,color .2s}.hero-meta .help-chip:hover{color:#b45629;border-color:#e8bfa7}.help-chip::after{content:" ?";margin-left:6px;color:#bdb9b1}
.home-view{max-width:1180px;margin:0 auto}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,1fr);gap:68px;align-items:center;padding:35px 0 38px}.home-wordmark{font-size:13px;color:#a96f4c;margin:0 0 23px}.home-hero h1{font-size:clamp(33px,3.6vw,51px);font-weight:600;line-height:1.25;letter-spacing:-.045em;color:#252e2f;margin:0 0 25px}.home-hero p:not(.home-wordmark){font-size:15px;line-height:1.9;color:#7b8588;max-width:430px;margin:0 0 27px}.home-hero .button-row{margin-top:22px}.home-hero .btn{min-height:43px;border-radius:8px;font-size:12px;padding:10px 18px}.home-hero .btn-primary{background:var(--accent-home);border-color:var(--accent-home);color:white}.home-hero .btn-primary:hover{background:#c85321}.home-demo{background:#fff;border:1px solid #e9e6df;border-radius:20px;padding:25px;box-shadow:0 14px 45px #46321d06;position:relative;overflow:hidden}.home-demo::before{content:"";position:absolute;right:-25px;top:-40px;width:100px;height:100px;border:1px solid #f2e6dc;border-radius:50%;pointer-events:none}.home-demo-head{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;color:#667279}.home-demo-head span{font-size:10px;color:#adb5b7}.home-demo-tabs{display:flex;background:#f6f5f2;padding:4px;border-radius:9px;gap:4px;margin:24px 0 20px}.home-demo-tabs button{flex:1;min-height:35px;font-size:11px;border:0;background:none;border-radius:6px;color:#8d9698}.home-demo-tabs button.active{background:#fff;color:#bd5a2e;box-shadow:0 2px 5px #29271b08}.home-demo svg{width:100%;height:auto}.home-demo .home-bias-line{stroke:#df8758;stroke-width:2;fill:none;stroke-dasharray:1;stroke-dashoffset:1;animation:home-draw .55s var(--ease-home) forwards}.home-demo .demo-grid{stroke:#eeefef}.home-demo-note{font-size:12px;line-height:1.8;color:#849195;min-height:42px;margin:18px 0 0!important}.home-demo button.home-try{background:none;border:0;color:#b35e35;font-size:11px;padding:8px 0;margin-top:8px;text-decoration:underline;text-underline-offset:5px}.home-start{padding-top:32px;border-top:1px solid #e2dfd7}.home-start h2{font-size:18px;font-weight:600;margin:0 0 20px}.home-entry-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.home-entry{display:flex;align-items:start;gap:17px;padding:24px 0 27px;border:0;border-bottom:1px solid #e1dfd8;background:none;text-align:left;transition:transform .25s var(--ease-home)}.home-entry:hover{transform:translateY(-3px)}.home-entry-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:9px;background:#f7eade;color:#b77041}.home-entry:nth-child(2) .home-entry-icon{background:#eaf0f1;color:#668592}.home-entry:nth-child(3) .home-entry-icon{background:#f0eeeb;color:#899393}.home-entry svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.6;fill:none}.home-entry-title{display:block;font-size:14px;font-weight:600;color:#434d50;margin:0 0 8px}.home-entry p{font-size:13px;color:#8d9798;line-height:1.85;margin:0;max-width:225px}.home-session{margin:30px 0 0;color:#8c9698;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:20px}.home-session button{background:none;border:0;color:#b36841;font-size:11px;padding:8px 0}.home-boundary{font-size:12px;line-height:1.8;color:#a1a9aa;margin-top:25px;max-width:760px}
.context-ai-response{white-space:normal;overflow-wrap:anywhere}.context-ai-response .md-content{line-height:1.9}.md-content p{margin:0 0 16px}.md-content p:last-child{margin-bottom:0}.md-content strong{display:inline!important;margin:0!important;font-size:inherit;color:#32687a}.md-content h3,.md-content h4,.md-content h5,.md-content h6{font-size:14px;color:#3b6b7b;margin:22px 0 12px}.md-content h3:first-child{margin-top:0}.md-content ul,.md-content ol{padding-left:23px;margin:12px 0 20px}.md-content li{padding-left:3px;margin:8px 0}.md-content code{font:12px/1.7 Consolas,monospace;color:#507387;background:#eaf2f6;border-radius:4px;padding:2px 5px;overflow-wrap:anywhere}.md-content pre{background:#edf4f7;border:1px solid #dce8ed;border-radius:9px;padding:15px;margin:16px 0;overflow-x:auto;white-space:pre}.md-content pre code{padding:0;background:transparent;white-space:pre;overflow-wrap:normal}.md-content blockquote{border-left:2px solid #a9c3cf;margin:20px 0 0;padding:6px 0 6px 15px;font-size:12px;color:#7795a2}.md-content a{color:#3b7f97;text-underline-offset:3px}.md-table-scroll{overflow:auto;margin:16px 0}.md-content table{width:100%;border-collapse:collapse;font-size:11px;min-width:240px}.md-content th,.md-content td{padding:9px;border:1px solid #dce7ec;text-align:left}.md-content th{background:#edf4f7;color:#4f788a}
.help-dialog{border:1px solid #e5e0d7;border-radius:18px;max-width:460px;width:calc(100% - 36px);padding:30px;box-shadow:0 20px 90px #2e342920;color:#4c5c60;background:#fff}.help-dialog::backdrop{background:#23303b33;backdrop-filter:blur(2px)}.help-dialog h2{font-size:21px;margin:0 0 17px}.help-dialog p{color:#768387;font-size:13px;line-height:1.9}.help-dialog .button-row{margin-top:25px}.help-dialog .btn{border-radius:8px}.help-dialog[open]{animation:home-dialog .3s var(--ease-home)}
@keyframes home-draw{to{stroke-dashoffset:0}}@keyframes home-dialog{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.home-view{position:relative;isolation:isolate}.home-view>div:not(.home-background),.home-boundary{position:relative;z-index:1}.home-background{position:absolute;inset:-25px -35px;z-index:0;pointer-events:none;overflow:hidden}.home-background i{position:absolute;width:45px;height:45px;border-radius:10px;background:rgba(237,150,91,.21);border:1px solid rgba(246,173,119,.25);filter:blur(3px);animation:home-square-drift 17s ease-in-out infinite;opacity:.75;transform:rotate(-13deg)}.home-background i:nth-child(1){left:4%;top:3%;width:57px;height:57px}.home-background i:nth-child(2){left:47%;top:28%;width:31px;height:31px;background:rgba(255,255,255,.9);border-color:#ece4da;animation-duration:21s;animation-delay:-7s}.home-background i:nth-child(3){right:0;top:53%;width:70px;height:70px;filter:blur(5px);animation-delay:-12s}.home-background i:nth-child(4){left:23%;bottom:2%;width:38px;height:38px;animation-duration:24s;animation-delay:-4s}.home-background i:nth-child(5){right:22%;top:0;width:40px;height:40px;background:rgba(255,255,255,.8);animation-delay:-10s}.home-background i:nth-child(6){left:0;top:58%;width:27px;height:27px;animation-duration:19s;animation-delay:-2s}.page:has(#screen-home:not([hidden])) .ambient-data{display:none}.home-demo-wrap{animation:home-float 8s ease-in-out infinite;will-change:transform}.home-demo{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s var(--ease-home)}.home-view:not([hidden]) .home-hero>div:first-child{animation:enterColumnLeft .46s var(--ease-home) both}.home-view:not([hidden]) .home-demo{animation:enterColumnRight .5s .05s var(--ease-home) backwards}
@keyframes home-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes home-square-drift{0%,100%{transform:translate3d(0,0,0) rotate(-13deg)}50%{transform:translate3d(9px,-12px,0) rotate(-5deg)}}
@media(max-width:1150px){.home-hero{gap:35px;padding-top:20px}.home-entry-list{gap:20px}.home-entry{gap:12px}.topbar .brand-sub{display:none}}
@media(max-width:850px){.home-hero{grid-template-columns:1fr;gap:30px;padding-top:5px}.home-hero h1{max-width:560px}.home-hero p:not(.home-wordmark){max-width:560px}.home-entry-list{grid-template-columns:1fr}.home-entry{padding:20px 0}.home-entry p{max-width:none}.home-session{flex-wrap:wrap}.home-demo{max-width:590px}.top-actions{gap:0}.top-action{font-size:10px;padding:8px}}
@media(max-width:680px){.home-hero h1{font-size:35px}.home-demo{padding:20px}.top-actions .version-button{display:none}.home-session{font-size:10px}.home-hero .btn{padding-inline:14px}.nav-buttons{width:calc(100% - 52px)}.home-start{padding-top:25px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.home-bias-line{stroke-dashoffset:0!important}}