.demo-html{scroll-snap-type:none!important;scroll-padding-top:0!important}
.demo-page{background:#f3f0e8;min-height:100svh}
.demo-page .v4-nav{background:rgba(244,243,239,.94)}
.demo-page .v4-button{border-radius:4px;background:var(--blue);box-shadow:none}
.demo-page .v4-button:hover{box-shadow:none}
.try-main{position:relative;width:100%;max-width:1640px;margin:auto;padding:112px 56px 30px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;height:100svh;overflow:hidden}
.try-left{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;min-height:0}
html body.demo-page .try-intro.v4-hero{display:block;min-height:0;height:auto;grid-template-columns:none;grid-template-rows:none;gap:0;padding:0;background:transparent;overflow:visible;flex:0 0 auto}
.try-intro .v4-hero-copy{max-width:none}
.try-intro.v4-hero h1{margin:19px 0 18px}
.try-tool{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;margin-top:27px}
.try-input{display:flex;flex-direction:column;position:relative;flex:1;min-height:0;padding:21px 23px;background:#fff;border:1px solid #cbd0d5;border-radius:4px;box-shadow:0 15px 40px -30px #26334645}
.try-input label{font-size:12px;font-weight:600;color:#404956}
.input-limit{position:absolute;right:23px;top:25px;font:9px var(--mono);color:#929aa4}
.try-input textarea{display:block;width:100%;flex:1;height:auto;resize:none;min-height:62px;margin:13px 0 17px;padding:0;border:0;background:transparent;color:#252d37;font:14px/1.8 var(--sans);outline:none}
.try-input textarea::placeholder{color:#a0a5ad}
.try-actions{display:flex;gap:25px;align-items:center;flex:0 0 auto}
.try-actions .v4-button{min-height:44px;min-width:172px;font-size:12px}
#run-label{font:inherit}
.try-example{display:flex;gap:10px;align-items:center;padding:9px 0;border:0;background:transparent;color:#586370;font:500 12px var(--sans);cursor:pointer}
.try-example span{color:var(--blue)}
.try-privacy{font-size:10px;color:#828b96;margin:12px 0 0;flex:0 0 auto}
.try-privacy a{color:#626f80;margin-left:8px}
.sample-note{margin:12px 0 0;color:#6d7785;font:10px/1.5 var(--sans)}
.try-input:focus-within{border-color:#728da7}
.try-output{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;background:rgba(255,255,255,.88);border:1px solid #d0d5da;border-radius:4px;overflow:hidden;box-shadow:0 15px 40px -35px #26334640}
.output-heading{height:58px;min-height:58px;display:flex;justify-content:space-between;align-items:center;padding:0 27px;border-bottom:1px solid #e0e3e6;font:600 12px var(--sans);color:#354457}
#output-state{font:9px var(--mono);color:#8c96a3}
.output-body{position:relative;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 26px}
.output-idle{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 10px;text-align:center;color:#bbc3ca}
.output-idle svg{margin-bottom:22px}.output-idle p{font:500 15px var(--sans);color:#768391;margin:0 0 10px}.output-idle>span{font:12px/1.6 var(--sans);color:#a0a9b2}
.try-progress{min-height:100%;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;padding:35px 15px;color:#526174;font-size:13px;text-align:center}
.try-progress #lookup-count{font:9px var(--mono);color:#8a96a3}
.progress-dot{width:27px;height:27px;border:1.5px solid #d6dfe8;border-top-color:var(--blue);border-radius:50%;animation:try-turn 1s linear infinite}
.try-error{border-left:2px solid #a56745;padding:13px;margin-top:25px;background:#fff9f3;color:#9a5033;font-size:12px;line-height:1.7}
button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.try-actions .v4-button:disabled{transform:none}[hidden]{display:none!important}
@keyframes try-turn{to{transform:rotate(360deg)}}
.try-results{margin:0;padding:23px 0 22px}.results-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.results-heading h2{margin:0;color:#283341;font:600 15px var(--sans);letter-spacing:-.03em}.results-heading>span{font:8px var(--mono);color:#7f8994}.example-note{margin:-1px 0 14px;font-size:10px;color:#8b9199}.result-row{border-bottom:1px solid #d5d9de}.result-row>summary{display:flex;align-items:center;gap:13px;padding:19px 0;cursor:pointer;list-style:none}.result-row>summary::-webkit-details-marker{display:none}.result-index{font:9px var(--mono);color:#97a0aa;flex:0 0 18px}.result-title{flex:1;min-width:0;font-size:13px;font-weight:500;line-height:1.45;color:#343e4b}.result-status{display:flex;gap:6px;align-items:center;color:#a06c42;white-space:nowrap;font-size:10px}.result-status:before{content:"";height:4px;width:4px;border-radius:50%;background:currentColor}.result-status.good{color:#527363}.result-row>summary:after{content:"+";color:#7f8da0;font-size:17px;width:12px;text-align:center;margin-left:7px}.result-row[open]>summary:after{content:"-"}.result-evidence{padding:2px 0 22px 31px}.evidence-field{display:grid;grid-template-columns:1fr 1fr;gap:9px 22px;border-top:1px solid #d9dde3;padding:13px 0}.evidence-field>b{grid-column:1/-1;font-size:10px;font-weight:600;color:#5c6775}.evidence-field small{display:block;font:8px var(--mono);color:#8d97a3;margin-bottom:6px}.evidence-field p{margin:0;font-size:12px;line-height:1.8;overflow-wrap:anywhere;color:#55606d}.evidence-field.different>div:last-child p{color:#244d73}.field-use{margin-top:9px;padding:5px 8px;border:1px solid #c7d3df;border-radius:3px;background:#f1f5fa;color:var(--blue);font:10px var(--sans);cursor:pointer}.field-use.accepted{background:#dae6f3}.evidence-notes{margin:12px 0;font-size:11px;color:#778393}.evidence-notes>summary{cursor:pointer;width:max-content}.evidence-notes p{line-height:1.7;font-size:12px;max-width:670px}.decision-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;font-size:10px;color:#8a94a1}.copy-citation{border:0;background:transparent;color:var(--blue);font:500 11px var(--sans);padding:4px 0;cursor:pointer}.try-more{display:inline-flex;gap:15px;margin-top:20px;color:var(--blue);font-size:12px;font-weight:600}
.result-row>summary{min-height:64px}.result-row>summary:hover .result-title{color:var(--blue)}.evidence-notes>summary{padding:5px 0}
@media(min-width:981px) and (max-height:800px){.try-main{padding-top:96px;padding-bottom:22px;gap:48px}.try-intro.v4-hero h1{margin:13px 0 12px}.try-tool{margin-top:19px}.try-input{padding:17px 20px}.input-limit{right:20px;top:21px}.try-input textarea{margin-top:11px;margin-bottom:12px;min-height:48px}.try-privacy{margin-top:9px}.sample-note{font-size:9px;margin-top:8px}}
@media(min-width:981px){.demo-page{height:100svh;overflow:hidden}}
@media(max-width:1100px) and (min-width:981px){.try-main{padding-left:32px;padding-right:32px;gap:34px}.try-input{padding-inline:18px}.try-actions{gap:16px}.try-actions .v4-button{min-width:150px;padding-inline:12px}.try-example{font-size:11px}.output-body{padding-inline:20px}}
@media(max-width:980px){.try-main{display:block;height:auto;min-height:100svh;padding:104px 24px 30px;overflow:hidden}.try-left{min-height:0}.try-intro .v4-hero-copy{max-width:680px}.try-tool{flex:none;min-height:0;margin-top:27px}.try-input{flex:none;min-height:260px}.try-input textarea{height:145px;flex:none;resize:vertical}.try-output{height:auto;min-height:280px;max-height:none;margin-top:28px}.output-body{overflow:visible;min-height:230px;padding:0 23px}.output-idle{min-height:230px}.try-progress{min-height:230px}}
@media(max-width:600px){.try-main{padding:100px 20px 26px}.try-intro.v4-hero h1{margin-top:18px}.try-input{padding:19px}.input-limit{right:19px;top:23px}.try-input textarea{font-size:13px}.try-actions{gap:17px}.try-actions .v4-button{min-width:150px;padding:0 13px;font-size:11px;gap:10px}.try-example{font-size:11px;gap:6px}.try-privacy{font-size:9px}.sample-note{font-size:10px}.output-heading{height:50px;min-height:50px;padding:0 19px}.output-body{padding:0 18px}.results-heading h2{font-size:14px}.results-heading>span{font-size:7px}.result-row>summary{flex-wrap:wrap;gap:4px 8px;padding:16px 0}.result-index{flex-basis:15px}.result-title{font-size:12px;flex-basis:calc(100% - 50px)}.result-status{margin-left:23px;order:2;font-size:10px;flex-basis:calc(100% - 23px)}.result-row>summary:after{margin-left:0}.result-evidence{padding-left:0}.evidence-field{gap:9px 15px}.evidence-field p{font-size:11px}.try-more{font-size:11px}}
@media(prefers-reduced-motion:reduce){.progress-dot{animation:none}}
.try-main{grid-template-rows:minmax(0,1fr)}html body.demo-page main.try-main>section.try-output{min-height:0;height:auto;scroll-snap-align:none}
@media(max-width:980px){html body.demo-page main.try-main>section.try-output{min-height:280px}}
@media(max-width:980px){}
.demo-page{--mono:var(--sans)}
.try-left,.try-output{position:relative;z-index:1}
.try-tree{position:absolute;z-index:0;right:-220px;left:auto;bottom:-110px;top:auto;width:max(120vw,170svh);height:auto;max-width:none;opacity:.09;filter:sepia(.32) saturate(.56) hue-rotate(82deg) brightness(.74);pointer-events:none}
.trial-limit{flex:0 0 auto;margin:12px 0 0;color:#697889;font:11px/1.5 var(--sans)}
.try-privacy{margin-top:5px}
.limit-invite{margin:0 0 25px;font-size:12px}
@media(max-width:980px){.try-tree{width:1400px;right:-450px;bottom:-160px;opacity:.065}}
@media(max-width:600px){.trial-limit{font-size:10px}}
.demo-page .try-nav{z-index:50}.try-nav .try-menu-login,.try-menu-toggle{display:none}
.try-footer{position:fixed;z-index:3;bottom:0;left:0;right:0;height:48px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 56px;border-top:1px solid #d9dbe0;background:#f4f3ef;color:#79828e;font:11px var(--sans)}
.try-footer-identity{display:flex;align-items:center;gap:18px}.try-footer-identity>a{color:#293542;font-weight:650;letter-spacing:-.03em}.try-footer-identity>span{font-size:10px;color:#98a0aa}
.try-footer nav{display:flex;align-items:center;gap:22px}.try-footer nav a:hover{color:var(--blue)}.try-footer nav span{margin-left:4px;color:var(--blue)}
@media(min-width:981px){.demo-page .try-main{height:calc(100svh - 48px)}}
@media(max-width:1200px){.demo-page .try-nav{grid-template-columns:1fr auto}.demo-page .try-nav>nav{display:none}.try-nav .v4-nav-actions{gap:14px}.try-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:36px;flex:0 0 auto;border:1px solid #d0d5db;border-radius:4px;background:transparent;color:#263749;cursor:pointer}.try-menu-icon,.try-menu-icon::before,.try-menu-icon::after{display:block;position:relative;width:16px;height:1px;background:currentColor;transition:transform .15s}.try-menu-icon::before,.try-menu-icon::after{content:"";position:absolute;left:0}.try-menu-icon::before{top:-5px}.try-menu-icon::after{top:5px}.is-menu-open .try-menu-icon{background:transparent}.is-menu-open .try-menu-icon::before{transform:translateY(5px) rotate(45deg)}.is-menu-open .try-menu-icon::after{transform:translateY(-5px) rotate(-45deg)}.demo-page .try-nav.is-menu-open>nav{display:grid;position:absolute;grid-template-columns:1fr 1fr;gap:0;top:calc(100% - 1px);left:auto;right:20px;width:min(430px,calc(100vw - 40px));max-height:calc(100svh - 90px);overflow-y:auto;padding:12px;border:1px solid #d2d7dd;border-radius:0 0 4px 4px;background:#f4f3ef;box-shadow:0 16px 32px -20px #1a2a3e55}.try-nav>nav a{padding:12px;font-size:12px}.try-nav .try-menu-login{display:block}.try-footer{padding-inline:32px}}
@media(max-width:980px){.try-footer{position:relative;height:auto;min-height:76px;padding:20px 24px;flex-wrap:wrap;gap:17px}.try-footer nav{flex-wrap:wrap;gap:14px 22px}.try-footer-identity{gap:15px}}
@media(max-width:600px){.try-nav .v4-nav-actions{gap:9px}.try-nav .v4-button-small{min-height:36px;padding-inline:11px;font-size:11px;gap:8px}.try-footer{padding:21px 20px}.try-footer nav{gap:14px 20px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.try-menu-icon,.try-menu-icon::before,.try-menu-icon::after{transition:none}}
.try-menu-close{display:none}.is-menu-open .try-menu-open{display:none}.is-menu-open .try-menu-close{display:block}