:root{--background:#f7f9fc;--card:#fff;--ink:#152238;--muted:#526277;--accent:#0863cd;--accent-light:#e8f1ff;--border:#dfe6ef;--dark:#111f35;--success:#197052;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--background);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%;height:auto}svg{width:22px;height:22px;flex:none}section{scroll-margin-top:28px}.section-wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:-70px;left:20px;z-index:20;background:var(--ink);color:white;padding:12px 20px}.skip-link:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;padding:21px 48px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;background:rgba(247,249,252,.96);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:700;letter-spacing:.01em}.brand small{font-size:12px;letter-spacing:.01em;font-weight:500;color:var(--muted);margin-left:7px}.site-header nav{display:flex;gap:32px;font-size:14px}.site-header nav a{padding:9px 0}.site-header a:hover{color:var(--accent)}.header-cta{font-size:14px;font-weight:600;padding:10px 15px;border:1px solid var(--border);border-radius:9px;background:white}.header-cta span{margin-left:10px}.hero{display:grid;grid-template-columns:1fr 1.03fr;gap:55px;align-items:center;padding:94px 0 70px}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:.14em;font-weight:650;text-transform:uppercase;margin:0 0 24px;display:flex;align-items:center;gap:10px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block;box-shadow:0 0 0 4px #dceaff;flex:none}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(43px,4.3vw,64px);font-weight:750;line-height:1.19;letter-spacing:-.055em;margin-bottom:26px}.accent{color:var(--accent)}.hero-description{font-size:18px;line-height:1.9;color:var(--muted);margin-bottom:31px}.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:12px 22px;border-radius:9px;font-size:15px;font-weight:650;transition:background .2s,transform .2s}.primary{background:var(--accent);color:white;box-shadow:0 7px 20px #0863cd20}.primary:hover{background:#074fa3;transform:translateY(-2px)}.primary svg{fill:currentColor;width:17px;height:17px}.text-link{font-size:14px;font-weight:600;padding:10px 0}.text-link span{margin-left:10px}.hero-note{font-size:12px;color:var(--muted);margin:20px 0 0;letter-spacing:.02em}.hero-visual{position:relative;padding:16px 0 55px}.visual-label{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);margin-bottom:21px}.flow-strip{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;background:#eaf1fa;border:1px solid #dce7f6;border-radius:12px;margin-bottom:16px;font-size:13px;font-weight:600}.flow-strip b{font-size:20px;font-weight:400;color:#7793b2}.browser-frame{background:white;border:1px solid var(--border);border-radius:13px;overflow:hidden;box-shadow:0 24px 65px #17345416,0 4px 10px #17345408}.browser-frame img{width:100%;display:block;aspect-ratio:1.44;object-fit:cover}.browser-bar{height:36px;display:flex;gap:5px;align-items:center;padding:0 14px;border-bottom:1px solid var(--border);background:#fcfdff}.browser-bar>span{height:6px;width:6px;border-radius:50%;background:#bcc8d8}.browser-bar em{font-size:10px;font-style:normal;margin-left:15px;color:var(--muted)}.evidence-note{position:absolute;bottom:0;left:25px;right:25px;display:flex;align-items:center;gap:14px;padding:19px 22px;background:white;border:1px solid var(--border);border-radius:13px;box-shadow:0 12px 28px #15305210}.evidence-note svg{stroke:var(--accent);fill:none;stroke-width:1.5;width:29px;height:29px}.evidence-note strong{display:block;font-size:14px}.evidence-note span{color:var(--muted);font-size:12px}.principles-strip{display:flex;justify-content:space-between;gap:16px;padding:25px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:13px;color:var(--muted)}.principles-strip span::before{content:"✓";color:var(--success);font-weight:700;margin-right:10px}.capabilities{padding-block:96px}.section-heading{margin-bottom:44px}.section-heading .eyebrow{margin-bottom:18px}h2{font-size:clamp(32px,3.1vw,45px);line-height:1.3;letter-spacing:-.04em;margin-bottom:18px;font-weight:700}.section-heading>p:last-child{color:var(--muted);max-width:680px;line-height:1.9}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:32px 32px 0;overflow:hidden}.feature-number{display:block;font-size:11px;letter-spacing:.09em;color:var(--accent);font-weight:650;margin-bottom:20px}.feature-card h3{font-size:23px;line-height:1.45;letter-spacing:-.035em;margin-bottom:12px}.feature-card p{color:var(--muted);font-size:14px;line-height:1.9;max-width:480px;margin-bottom:18px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:26px}.tags span{font-size:11px;background:var(--accent-light);color:#245b95;border-radius:5px;padding:3px 8px}.feature-card img{border:1px solid var(--border);border-bottom:0;border-radius:9px 9px 0 0;width:100%;display:block;aspect-ratio:1.7;object-fit:cover;object-position:top}.secondary-features{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px}.secondary-features h3{font-size:16px;margin-bottom:10px}.secondary-features p{font-size:13px;line-height:1.9;color:var(--muted)}.demo-section{background:var(--dark);color:#f7faff;padding:84px 0}.demo-section .eyebrow{color:#87b9ff}.demo-section .section-heading>p:last-child{color:#becbdd}.demo-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:35px}.video-frame video{width:100%;display:block;background:#0a1321;border:1px solid #344761;border-radius:12px;aspect-ratio:1.25;object-fit:contain}.video-footnote{font-size:12px;color:#c0cada;margin:14px 0 0}.chapter-label{font-size:12px;color:#b2c1d5;margin-bottom:12px}.chapters ol{list-style:none;padding:0;margin:0}.chapters button{background:none;border:0;border-bottom:1px solid #304059;color:white;text-align:left;width:100%;padding:12px 10px 12px 37px;position:relative;min-height:61px;border-radius:4px;transition:background .2s}.chapters button:hover,.chapters button[aria-current="true"]{background:#203554}.chapters button>span{position:absolute;left:7px;top:15px;color:#9ab8e2;font-size:11px}.chapters strong{display:block;font-size:13px;font-weight:600}.chapters small{display:block;font-size:11px;color:#c1cedf;margin-top:2px}.video-download{display:flex;justify-content:space-between;border-bottom:1px solid #708db4;font-size:13px;padding:16px 9px 12px;margin-top:14px;color:#b9d5ff}.transcript{margin-top:24px;border-top:1px solid #344761;padding-top:16px;font-size:13px;color:#c4d1e2}.transcript summary{cursor:pointer;padding:8px 0;width:fit-content;min-height:44px}.transcript p{max-width:900px;line-height:2;margin-top:14px}.technology{padding-block:96px}.architecture{display:flex;gap:23px;align-items:center;padding:30px;background:white;border:1px solid var(--border);border-radius:var(--radius)}.architecture>div{flex:1;min-width:0}.architecture small{display:block;font-size:11px;color:var(--accent);margin-bottom:9px}.architecture strong{font-size:18px;display:block;margin-bottom:7px}.architecture div>span{font-size:12px;color:var(--muted)}.architecture-arrow{font-size:25px;color:#92a8c0}.technical-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:38px}.technical-grid h3{font-size:15px;line-height:1.6;margin-bottom:12px}.technical-grid p{font-size:13px;color:var(--muted);line-height:1.95}.boundaries{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;border-top:1px solid var(--border);padding-top:65px;padding-bottom:65px}.boundaries h2{font-size:30px}.boundaries p{font-size:13px;color:var(--muted)}.scope-list p{padding:15px 0;border-bottom:1px solid var(--border);margin:0;font-size:13px}.scope-status{display:block;font-size:11px;font-weight:650;color:var(--success);margin-bottom:6px}.scope-status.pending{color:#836214}.scope-status.planned{color:var(--muted)}.closing{text-align:center;border-top:1px solid var(--border);padding-block:70px 78px}.closing>img{margin-bottom:24px}.closing h2{font-size:36px;line-height:1.45}.closing .button{margin-top:13px}.closing p{font-size:12px;color:var(--muted);margin-top:21px}footer{border-top:1px solid var(--border);padding-block:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:17px}footer p,footer>a:last-child{font-size:11px;color:var(--muted);margin:0}
@media(min-width:1500px){.hero{padding-block:110px 90px}}@media(max-width:1050px){.section-wrap{width:calc(100% - 64px)}.site-header{padding:16px 32px}.site-header nav{gap:20px}.hero{gap:28px;padding-block:65px}.hero-description{font-size:16px}.hero-actions{gap:18px}.technical-grid{grid-template-columns:1fr 1fr}.demo-grid{grid-template-columns:minmax(0,1fr) 220px;gap:22px}.feature-card{padding:25px 25px 0}.boundaries{gap:40px}.desktop-break{display:none}}
@media(max-width:760px){html{scroll-padding-top:80px}.section-wrap{width:calc(100% - 40px)}.site-header{padding:14px 20px}.brand{font-size:18px}.brand small{display:none}.site-header nav{display:none}.header-cta{font-size:12px;padding:9px 12px}.hero{grid-template-columns:1fr;padding:52px 0 40px;gap:38px}h1{font-size:48px}.hero-description{font-size:16px}.hero-visual{max-width:600px;width:100%}.principles-strip{display:grid;grid-template-columns:1fr 1fr;font-size:12px;padding:20px 0;gap:13px}.capabilities,.technology{padding-block:62px}.section-heading{margin-bottom:30px}h2{font-size:32px}.section-heading>p:last-child{font-size:14px}.feature-grid{grid-template-columns:1fr;gap:20px}.feature-card h3{font-size:22px}.secondary-features{grid-template-columns:1fr;gap:13px;margin-top:28px}.secondary-features article{padding-bottom:12px;border-bottom:1px solid var(--border)}.demo-section{padding-block:60px}.demo-grid{grid-template-columns:1fr;gap:28px}.chapters ol{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}.chapters button{min-height:76px}.video-download{max-width:300px}.architecture{flex-direction:column;align-items:stretch;padding:25px;gap:14px}.architecture-arrow{transform:rotate(90deg);align-self:flex-start;line-height:1}.technical-grid{gap:20px}.boundaries{grid-template-columns:1fr;gap:18px;padding-block:45px}.boundaries .eyebrow{margin-bottom:15px}.closing{padding-block:50px}.closing h2{font-size:30px}footer{flex-wrap:wrap;gap:12px}footer p{width:100%;order:3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.primary:hover{transform:none}}

.chapter-files{display:flex;justify-content:flex-end;padding:0 10px 7px}.chapter-files a{display:inline-flex;align-items:center;gap:10px;min-height:36px;font-size:11px;color:#b9d5ff}.chapter-files a:hover{text-decoration:underline}.chapters .full-video{margin-top:17px;padding:12px;border:1px solid #708db4;min-height:48px;text-align:center;font-size:13px;color:#b9d5ff}.video-status{font-size:13px;color:#b9d5ff;margin:14px 0 0}