:root{--p-bone:#f2efe7;--p-white:#fffdfa;--p-ink:#182126;--p-blue:#173f52;--p-soft-blue:#dfeaec;--p-sage:#dfe6d8;--p-peach:#f0dfd3;--p-line:#d7d3ca;--p-muted:#747773;--s-bg:var(--p-bone);--s-surface:var(--p-white);--s-text:var(--p-ink);--s-accent:var(--p-blue);--button-bg:var(--s-accent);--button-fg:var(--p-white);--sans:"Helvetica Neue","Microsoft YaHei",sans-serif;--serif:"Songti SC","STSong",serif;--mono:"SFMono-Regular","Courier New",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--s-bg)}body{margin:0;background:var(--s-bg);color:var(--s-text);font-family:var(--sans);line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip{position:fixed;top:-60px;left:10px;z-index:99;background:var(--s-accent);color:white;padding:12px}.skip:focus{top:10px}.site-head{height:66px;padding:0 3vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--p-line);font:11px var(--mono);position:sticky;top:0;z-index:30;background:#f2efe7ee;backdrop-filter:blur(10px)}.site-head nav{display:flex;gap:28px}.site-head>span{text-align:right;color:var(--p-muted)}.intro{min-height:calc(100vh - 66px);display:grid;grid-template-columns:1.4fr .6fr;padding:10vh 6vw;border-bottom:1px solid var(--p-line)}.intro-copy>p:first-child,.demo-notes>p:first-child,.state-monitor>p,.architecture header>p,.qualification header>p{font:11px var(--mono);color:var(--p-blue)}.intro h1{font:400 clamp(68px,8.8vw,144px)/.91 var(--serif);letter-spacing:-.07em;margin:7vh 0}.intro h1 i{font-style:normal;color:var(--p-blue)}.lead{max-width:650px;font-size:16px;color:var(--p-muted)}.intro-copy>a{display:flex;justify-content:space-between;align-items:center;margin-top:7vh;width:min(100%,360px);min-height:54px;padding:0 18px;background:var(--button-bg);color:var(--button-fg);border-radius:5px}.readiness{align-self:end;background:var(--p-white);border:1px solid var(--p-line);padding:30px;border-radius:12px}.readiness>p{font:11px var(--mono)}.readiness strong{font:400 72px var(--serif)}.readiness-line{height:4px;background:var(--p-line)}.readiness-line i{display:block;width:36%;height:100%;background:var(--p-blue)}.readiness ul{list-style:none;padding:20px 0;margin:0;border-bottom:1px solid var(--p-line)}.readiness li{padding:8px 0;color:var(--p-muted);font-size:12px}.readiness li:before{content:"○";margin-right:10px}.readiness li.done{color:var(--p-ink)}.readiness li.done:before{content:"●";color:var(--p-blue)}.readiness small{display:block;margin-top:18px;color:var(--p-muted)}.demo{min-height:120vh;padding:14vh 4vw;display:grid;grid-template-columns:1fr minmax(320px,390px) .7fr;gap:6vw;align-items:start;background:#e8e3d9}.demo-notes{position:sticky;top:110px}.demo h2,.architecture h2,.qualification h2{font:400 clamp(48px,6vw,94px)/1 var(--serif);letter-spacing:-.055em}.demo-notes ol{list-style:none;padding:0;margin:60px 0}.demo-notes li{display:grid;grid-template-columns:40px 1fr;padding:15px 0;border-bottom:1px solid var(--p-line);font-size:12px;color:var(--p-muted)}.demo-notes li b{font:10px var(--mono)}.demo-notes li.active{color:var(--p-blue)}.boundary{font:11px/1.7 var(--mono);color:var(--p-muted)}.phone-shell{height:780px;border:8px solid var(--p-ink);border-radius:42px;background:var(--p-white);overflow:hidden;position:relative;box-shadow:0 20px 60px #18212612}.phone-status{height:30px;padding:7px 22px 0;display:flex;justify-content:space-between;font:9px var(--mono)}.mini-head{height:48px;display:grid;grid-template-columns:50px 1fr 50px;align-items:center;text-align:center;border-bottom:1px solid #eee}.mini-head button{border:0;background:none;min-height:44px}.mini-screen{height:calc(100% - 140px);overflow:auto;padding:18px;background:#fbfaf6}.tabbar{height:62px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e7e5df}.tabbar button{border:0;background:white;font-size:11px;color:#999}.tabbar button.active{color:var(--p-blue);font-weight:700}.mini-hello{padding:14px 4px 28px}.mini-hello small{color:#888}.mini-hello h3{font:400 32px/1.15 var(--serif);margin:8px 0}.mini-banner{background:var(--p-soft-blue);padding:22px;border-radius:10px;min-height:150px;display:flex;flex-direction:column}.mini-banner span{font-size:10px;color:#456}.mini-banner strong{font:400 28px var(--serif);margin-top:auto}.service-title{display:flex;justify-content:space-between;align-items:center;margin:26px 0 12px}.service-title h4{margin:0;font-size:15px}.service-title span{font-size:10px;color:#888}.service-list{display:grid;gap:10px}.service-card{border:1px solid #e6e2da;border-radius:8px;padding:15px;background:white;text-align:left;display:grid;grid-template-columns:45px 1fr auto;gap:12px;align-items:center}.service-card i{width:45px;height:45px;background:var(--p-sage);border-radius:5px;display:grid;place-items:center;font-style:normal}.service-card b{display:block;font-size:13px}.service-card small{color:#888}.service-card>span{font-size:18px}.screen-title{font:400 27px var(--serif);margin:8px 0 25px}.slot-date{display:flex;gap:7px;overflow:auto}.slot-date button{min-width:54px;height:65px;border:1px solid #ddd;background:white;border-radius:6px;font-size:10px}.slot-date button.active{background:var(--p-blue);color:white}.slot-list{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.slot-list button{height:45px;border:1px solid #ddd;background:white;border-radius:5px}.slot-list button.active{border-color:var(--p-blue);color:var(--p-blue);background:var(--p-soft-blue)}.mini-primary{width:100%;min-height:50px;margin-top:30px;border:0;border-radius:5px;background:var(--p-blue);color:white}.summary-box{padding:18px;background:var(--p-soft-blue);border-radius:8px}.summary-box div{display:flex;justify-content:space-between;padding:8px 0;font-size:12px}.empty-state{text-align:center;padding:120px 25px;color:#777}.empty-state i{display:block;width:75px;height:90px;margin:auto;border:1px solid #bbb;border-radius:8px}.profile-card{background:var(--p-blue);color:white;border-radius:8px;padding:25px}.profile-card p{font:400 26px var(--serif);margin:5px 0}.profile-links{margin-top:18px;background:white;border-radius:8px}.profile-links button{width:100%;height:52px;text-align:left;padding:0 15px;border:0;border-bottom:1px solid #eee;background:none}.state-monitor{position:sticky;top:110px;border-top:1px solid;padding-top:20px}.state-monitor dl div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--p-line);font:11px var(--mono)}.state-monitor dd{margin:0;color:var(--p-blue)}.state-monitor button{margin-top:20px;min-height:46px;width:100%;background:transparent;border:1px solid;border-radius:5px}.architecture,.qualification{padding:15vh 5vw;border-bottom:1px solid var(--p-line)}.architecture header,.qualification header{display:grid;grid-template-columns:.55fr 1.45fr}.architecture h2,.qualification h2{margin-top:0}.layers{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12vh;border:1px solid var(--p-line);border-radius:12px;overflow:hidden}.layers article{padding:35px;min-height:330px;border-right:1px solid var(--p-line);display:flex;flex-direction:column}.layers article:last-child{border:0}.layers span{font:10px var(--mono);color:var(--p-blue)}.layers h3{font:400 35px var(--serif)}.layers p{font-size:13px;color:var(--p-muted)}.layers code{margin-top:auto;font:10px var(--mono);color:var(--p-blue)}.state-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--p-line);border:1px solid var(--p-line);margin-top:1px}.state-grid div{background:var(--p-white);padding:24px;min-height:150px}.state-grid i{display:block;width:18px;height:18px;border-radius:50%;background:var(--p-peach)}.state-grid b,.state-grid span{display:block;margin-top:22px}.state-grid span{font-size:11px;color:var(--p-muted)}.checklist{margin-left:38%;margin-top:10vh}.checklist details{border-top:1px solid var(--p-line)}.checklist summary{min-height:75px;display:grid;grid-template-columns:55px 1fr;align-items:center;cursor:pointer}.checklist summary b{font:10px var(--mono);color:var(--p-blue)}.checklist p{padding:0 0 30px 55px;color:var(--p-muted);max-width:760px}footer{padding:28px 4vw;display:flex;gap:30px;font:10px var(--mono)}footer span{margin-right:auto}dialog{width:min(90vw,600px);border:1px solid var(--p-line);border-radius:12px;background:var(--p-white);padding:35px}dialog::backdrop{background:#18212699;backdrop-filter:blur(5px)}.dialog-close{float:right;border:0;background:none;min-height:44px}dialog>p{font:10px var(--mono);color:var(--p-blue)}dialog h2{font:400 38px/1.1 var(--serif)}dialog li{margin:12px 0;color:var(--p-muted)}dialog>div{display:flex;justify-content:flex-end;gap:10px;margin-top:30px}dialog>div button{min-height:48px;padding:0 16px;border:1px solid var(--p-blue);background:white;border-radius:5px}#privacy-accept{background:var(--p-blue);color:white}:focus-visible{outline:3px solid #bf6c48;outline-offset:2px}
@media(max-width:900px){.site-head{grid-template-columns:1fr auto}.site-head nav{display:none}.site-head>span{display:none}.intro{grid-template-columns:1fr;gap:80px}.demo{grid-template-columns:1fr}.demo-notes,.state-monitor{position:static}.phone-shell{margin:auto;width:min(100%,390px)}.architecture header,.qualification header{grid-template-columns:1fr}.layers{grid-template-columns:1fr}.layers article{border-right:0;border-bottom:1px solid var(--p-line)}.state-grid{grid-template-columns:1fr 1fr}.checklist{margin-left:0}.architecture,.qualification{padding:110px 20px}}@media(max-width:600px){.intro{padding:90px 20px}.intro h1{font-size:16vw}.demo{padding:100px 14px}.demo-notes,.state-monitor{padding-inline:6px}.phone-shell{height:740px;border-width:6px}.architecture h2,.qualification h2,.demo h2{font-size:13vw}.state-grid{grid-template-columns:1fr}.layers article{min-height:270px}footer{flex-wrap:wrap;padding-inline:20px}footer span{width:100%}}