:root{--paper:#f7f8f2;--ink:#183e36;--muted:#6e7c72;--line:#dce2d8;--lime:#dff5aa;--green:#244f43;--font:Arial,'Microsoft JhengHei','PingFang TC',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #719444;outline-offset:5px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #719444;outline-offset:2px}::selection{background:var(--lime);color:var(--ink)}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section{padding-top:102px;padding-bottom:100px}.header{height:96px;padding:0 56px;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:10px;font-size:27px;font-weight:750;letter-spacing:-1.3px;white-space:nowrap;line-height:1.2}.brand svg{width:26px;height:30px;fill:none;stroke:var(--ink);stroke-width:2}.brand-dot{color:#73935b}.header nav{display:flex;gap:30px;margin-left:auto;font-size:13px;font-weight:600}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;width:0;bottom:-6px;left:0;height:1px;background:var(--ink);transition:width .2s}.header nav a:hover:after{width:100%}.header-actions{display:flex;gap:24px;align-items:center}.preview-label{font-size:10px;color:var(--muted);letter-spacing:.3px;display:flex;align-items:center;gap:6px}.preview-label i,.local-indicator i,.visual-bottom i,.demo-caption i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#70944f}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:15px 23px;font-size:14px;font-weight:600;border-radius:5px;transition:background .2s,transform .2s}.button:hover{background:#2e594a;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.button.small{padding:10px 15px;font-size:12px;gap:20px}.text-button{background:transparent;border:0;padding:10px 0;font-size:13px;font-weight:600;display:inline-flex;gap:22px;align-items:center}.text-button:hover{text-decoration:underline;text-underline-offset:5px}.menu-toggle{display:none}.skip-link{position:fixed;left:20px;top:-80px;background:var(--ink);color:white;padding:14px;z-index:100}.skip-link:focus{top:10px}.hero{display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:28px;padding-top:65px;padding-bottom:53px;min-height:690px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;display:flex;gap:11px;align-items:center}.eyebrow-line{height:1px;width:25px;background:#779267}.hero h1{font-size:clamp(60px,5.7vw,88px);letter-spacing:-5px;line-height:1.27;margin:24px 0 22px;font-weight:750}.hero h1>span{color:#6a865c}.hero-description{font-size:20px;line-height:1.75;letter-spacing:1px;margin:0 0 14px}.hero-detail{font-size:14px;line-height:1.95;color:var(--muted);margin:0 0 30px}.hero-actions{display:flex;gap:28px;align-items:center}.hero-footnote{margin-top:30px;color:#7c897d;display:flex;gap:14px;font-size:10px;letter-spacing:1px;align-items:center}.mini-shield{font-size:20px;color:var(--ink)}.hero-footnote>span:not(.mini-shield){color:#c0cabb}.hero-visual{position:relative;min-height:540px;height:100%;max-height:570px;background:radial-gradient(ellipse at 50% 48%,#dce8d6 0%,#eaf0e4 46%,#f0f3ea 78%);border:1px solid #e4e9de;overflow:hidden;border-radius:3px}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#62866a0b 1px,transparent 1px),linear-gradient(90deg,#62866a0b 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,black,transparent 85%)}.visual-coordinates{position:absolute;top:24px;left:25px;font-family:Consolas,monospace;font-size:9px;letter-spacing:1.8px;color:#7d9683}.shield-scene{width:100%;height:100%;position:absolute;inset:8px 0 0}.signal{position:absolute;padding:13px 15px;background:#fafcf6ec;border:1px solid #dae3d5;border-radius:5px;box-shadow:0 9px 24px #2b4d3810;display:flex;gap:11px;align-items:center}.signal-one{left:5%;top:27%;animation:float 7s ease-in-out infinite}.signal-two{right:3%;top:58%;animation:float 7s ease-in-out -2s infinite}.signal-three{left:13%;top:77%;animation:float 7s ease-in-out -4s infinite}.signal small{font:8px Consolas,monospace;letter-spacing:1px;color:#7e927e;display:block}.signal strong{font-size:12px;font-weight:500;display:block;margin-top:2px}.signal-icon{color:#738b60;font-size:22px;line-height:1}.signal-dot{width:5px;height:5px;border-radius:50%;background:#86a571;margin-left:10px}.visual-bottom{display:flex;justify-content:space-between;position:absolute;bottom:20px;left:25px;right:25px;font:8px Consolas,monospace;letter-spacing:1px;color:#7d9683}.visual-bottom span:first-child{display:flex;gap:6px;align-items:center}.principle-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#eef2e9}.principle-strip>.wrap{display:flex;align-items:center;justify-content:space-between;padding-block:25px}.principle-strip span{font-size:13px;color:#66765f}.principle-strip div div{font-size:10px;letter-spacing:2.2px;font-weight:600;display:flex;gap:30px}.principle-strip b{font-weight:400;color:#a0b495}.section-label{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:21px;margin-bottom:42px;font-size:10px;letter-spacing:1.8px}.section-label>span:last-child{letter-spacing:1px;color:var(--muted)}h2{font-size:40px;font-weight:650;line-height:1.45;letter-spacing:-1.7px;margin:0}h3,h4,p{margin-top:0}.serif-emphasis{font-family:Georgia,'PMingLiU',serif;color:#6a865c;font-weight:500}.approach-heading,.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:54px}.approach-heading>p,.section-heading>p{font-size:14px;color:var(--muted);line-height:2;margin:0;width:34%}.approach-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.approach-columns article{border-top:1px solid var(--line);padding-top:25px;position:relative}.step-index{font:11px Consolas,monospace;letter-spacing:2px;color:#8d9d81}.approach-columns h3{font-size:20px;letter-spacing:-.5px;margin:16px 0 11px;font-weight:600}.approach-columns p{font-size:13px;color:var(--muted);line-height:1.95;max-width:325px;margin-bottom:25px}.wordmark{font-size:10px;letter-spacing:2px;font-weight:600;color:#8b9c80}.demo-section{background:#173e36;color:#f3f6ed}.demo-section .section-label{border-color:#416052}.demo-section .section-label .light-tag{font:9px Consolas,monospace;letter-spacing:1px;color:#c8d7b9}.demo-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:36px}.demo-heading h2{font-size:34px}.demo-heading p{color:#adbfad;font-size:13px;margin:12px 0 0}.demo-controls{display:flex;border:1px solid #4b6656;border-radius:5px;padding:4px;gap:3px;flex-shrink:0}.demo-controls button{background:transparent;border:0;color:#b8c6b2;padding:9px 16px;font-size:12px;border-radius:3px}.demo-controls button[aria-selected=true]{background:#e1f0ba;color:#244a3b;font-weight:600}.demo-window{background:#f8f9f5;color:var(--ink);border-radius:8px;overflow:hidden;border:1px solid #769075;box-shadow:0 25px 60px #06251c25}.window-bar{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#eaf0e6;border-bottom:1px solid #dbe3d4;font-size:10px;color:#87967e}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border:1px solid #a8b49b;border-radius:50%;background:#d5dfca}.window-bar>span:nth-child(2){letter-spacing:1px}.sample-badge{border:1px solid #ced9c2;padding:1px 7px;border-radius:3px;font-size:9px;letter-spacing:.7px}.workspace{display:flex;min-height:492px}.workspace-sidebar{width:204px;flex-shrink:0;border-right:1px solid var(--line);padding:24px 14px;background:#f0f4eb;position:relative}.workspace-logo{font-weight:700;font-size:21px;letter-spacing:-1px;padding-left:7px}.workspace-logo span{color:#93a579;font-size:14px;margin-inline:4px}.workspace-org{display:flex;align-items:center;gap:8px;padding:16px 5px 26px;font-size:10px}.workspace-org>span:last-child{margin-left:auto}.org-avatar{width:27px;height:27px;display:grid;place-items:center;border-radius:5px;background:#dbe5cc;color:#637b4f}.workspace-org small{display:block;font-size:8px;color:#88957f}.sidebar-heading{display:block;font-size:8px;color:#92a087;letter-spacing:1.2px;margin:0 7px 10px}.workspace-nav{display:flex;align-items:center;gap:12px;width:100%;background:transparent;border:0;text-align:left;padding:10px;border-radius:4px;font-size:11px;margin-bottom:5px;color:#78866d}.workspace-nav>span{font-size:16px}.workspace-nav.active{background:#dce9c8;color:#335534;font-weight:600}.workspace-nav small{margin-left:auto;font-size:9px;background:#e1e7d9;padding:0 6px;border-radius:3px}.sidebar-bottom{position:absolute;bottom:24px;left:20px;font-size:9px;color:#8b9783}.sidebar-bottom small{display:block;font-size:8px;margin-top:8px}.local-indicator{display:flex;align-items:center;gap:6px}.workspace-main{padding:25px 28px;width:100%;min-width:0}.workspace-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:12px}.breadcrumb{font-size:9px;color:#8d9886;margin-bottom:6px}.workspace-title h3{font-size:20px;font-weight:600;letter-spacing:-.6px;margin:0}.workspace-date{font-size:9px;color:#829079;padding:5px 8px;border:1px solid var(--line);border-radius:4px;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metrics>div{border:1px solid #e1e6d9;border-radius:5px;background:#fff;padding:16px 17px;display:flex;flex-direction:column;gap:5px}.metrics>div>span:first-child{font-size:10px;color:#809076}.metrics strong{font-size:29px;font-weight:500;letter-spacing:-1px;line-height:1.25}.metrics strong small{font-size:10px;color:#8d987f;letter-spacing:0}.metric-bottom{font-size:8px;color:#92a086;margin-top:4px}.amber-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#bc9e55;margin-right:4px}.chart-layout{display:grid;grid-template-columns:1fr 210px;gap:14px;margin-top:16px}.trend-panel{padding:15px;border:1px solid #e1e6d9;background:white;border-radius:5px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading h4{font-size:11px;font-weight:500;margin:0}.panel-heading>span{font-size:8px;color:#92a086;display:flex;align-items:center;gap:4px}.panel-heading i{width:5px;height:5px;border-radius:50%;background:#70905a}.trend-chart{width:100%;display:block;margin-top:13px;min-height:145px}.attention-panel{background:#edf2e3;padding:20px 18px;border-radius:5px;border:1px solid #dfe7d4}.tiny-label{font-size:8px;letter-spacing:1.2px;color:#8a9b7c}.attention-panel h4{font-size:17px;font-weight:500;line-height:1.5;margin:8px 0}.attention-panel p{font-size:10px;color:#7e8d72;line-height:1.9;margin-bottom:10px}.demo-link{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:10px;border:0;background:transparent;padding:0;font-weight:600;width:100%}.activity-row{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #e1e6d9;border-radius:5px;margin-top:15px;background:white}.activity-icon{font-size:24px;color:#8ca277}.activity-row strong{display:block;font-size:10px;font-weight:500}.activity-row div>span{display:block;font-size:8px;color:#8e9d80;margin-top:3px}.activity-row .outline-tag{margin-left:auto}.outline-tag{font-size:9px;color:#7a8a6c;border:1px solid #d7e0cc;padding:3px 8px;border-radius:3px;white-space:nowrap;letter-spacing:.2px}.demo-caption{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:10px;color:#aec1a5}.demo-caption>span{display:flex;align-items:center;gap:7px}.demo-caption i{background:#bed992}.demo-caption a{color:#d2e2bb;display:flex;gap:16px}.tracing-graph{min-height:260px;display:flex;align-items:center;gap:80px;padding:25px 24px}.trace-source{background:#e7efdb;border:1px solid #c9d9b8;border-radius:5px;padding:20px;position:relative;flex:1}.trace-source>span,.trace-node small{font:9px Consolas,monospace;color:#839b69;letter-spacing:.5px}.trace-source h4{margin:9px 0 5px;font-size:15px;font-weight:600}.trace-source p{margin:0;font-size:10px;color:#839176}.trace-source:after{content:'';position:absolute;left:100%;top:50%;height:1px;width:40px;background:#c6d3b9}.trace-branches{display:flex;flex-direction:column;gap:28px;flex:1;position:relative}.trace-branches:before{content:'';position:absolute;left:-40px;top:25%;bottom:25%;border-left:1px solid #c6d3b9}.trace-node{position:relative;background:white;border:1px solid #dce5d2;border-radius:5px;text-align:left;padding:15px 18px;display:flex;flex-direction:column;gap:7px}.trace-node:before{content:'';position:absolute;right:100%;top:50%;width:40px;border-top:1px solid #c6d3b9}.trace-node.active{border-color:#789a51;background:#f4f9ec;box-shadow:0 0 0 2px #789a5112}.trace-node strong{font-size:13px;font-weight:500;display:flex;justify-content:space-between}.trace-node>span{font-size:9px;color:#879977}.trace-detail{border:1px solid #dce5d2;border-radius:5px;padding:20px;background:white;display:flex;align-items:center;gap:23px}.trace-detail h4{margin:5px 0 0;font-size:13px;white-space:nowrap}.trace-detail p{font-size:11px;color:#7b8c6e;margin:0}.workspace-note{font-size:9px;color:#879577;margin:17px 0 0}.review-filter{display:flex;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px;gap:8px}.review-filter button{background:transparent;border:0;border-radius:4px;padding:5px 10px;font-size:10px;color:#7a8c6b}.review-filter button.active{background:#e3ecd7;color:#3c6139}.review-filter button span{margin-left:6px}.review-filter>span{margin-left:auto;font-size:9px;color:#8c9a7f}.review-item{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:19px 0}.review-avatar{width:32px;height:32px;display:grid;place-items:center;background:#edf1e5;border:1px solid #dce6cf;font-size:10px;color:#82966c;border-radius:4px}.review-item-copy{flex:1}.review-item h4{font-size:12px;font-weight:500;margin:0 0 4px}.review-item p{font-size:9px;color:#899779;margin:0}.review-item>button{border:1px solid #dce5d1;background:#f5f8ee;padding:5px 10px;border-radius:4px;font-size:10px}.review-item .review-status{font-size:9px;color:#a28441;white-space:nowrap}.review-item .review-status.done{color:#67945a}.review-detail{background:#edf3e3;border:1px solid #d9e6ca;padding:18px;border-radius:5px;margin-top:20px}.review-detail h4{font-size:13px;margin-bottom:7px}.review-detail p{font-size:11px;color:#778b63;margin-bottom:12px}.review-detail .button{font-size:10px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:28px 27px 20px;background:#eef2e8;border:1px solid #e0e6d7;border-radius:6px;display:flex;flex-direction:column}.feature-local{background:#e6eddf}.feature-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px;gap:10px}.feature-icon{font-size:25px;color:#63805a}.status-tag{font-size:9px;letter-spacing:.2px;border:1px solid #cddbc0;border-radius:3px;color:#5e7854;padding:3px 7px}.status-tag.planning{color:#8b825e;border-color:#dbd7bb}.feature h3{font-size:25px;font-weight:600;letter-spacing:-.8px;line-height:1.5;margin:0 0 15px}.feature p{font-size:12px;color:#77856c;line-height:1.95;margin-bottom:22px}.feature-footer{display:flex;justify-content:space-between;border-top:1px solid #d5dfca;padding-top:15px;margin-top:auto;font-size:9px;letter-spacing:1.4px;color:#899a79}.local-diagram{display:flex;gap:7px;align-items:center;border:1px dashed #abbf92;border-radius:3px;position:relative;padding:22px 10px;margin:10px 0 27px;justify-content:space-between;font-size:9px;color:#8a9e77}.local-diagram>div{background:#f4f8ed;padding:8px 7px;border:1px solid #d4dfc5;border-radius:3px;white-space:nowrap}.local-diagram .diagram-center{background:#d6e7bc;border-color:#a6c086;color:#416536}.diagram-boundary{position:absolute;bottom:-7px;left:13px;background:#e6eddf;font:7px Consolas,monospace;padding:0 5px;letter-spacing:1px}.mini-trace{display:flex;gap:50px;align-items:center;font-size:9px;padding:8px 0 25px;justify-content:center}.mini-trace>span{position:relative;border:1px solid #bcccb0;background:#f5f8ee;padding:9px 14px;border-radius:3px}.mini-trace>span:after{content:'';position:absolute;left:100%;top:50%;width:25px;border-top:1px solid #bcccb0}.mini-trace>div{display:flex;flex-direction:column;gap:12px;position:relative}.mini-trace>div:before{content:'';position:absolute;left:-25px;top:25%;bottom:25%;border-left:1px solid #bcccb0}.mini-trace>div>span{position:relative;border:1px solid #c9d5be;background:#f5f8ee;padding:5px 14px;border-radius:3px}.mini-trace>div>span:before{content:'';position:absolute;right:100%;top:50%;width:25px;border-top:1px solid #bcccb0}.human-diagram{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:15px 0 34px;font-size:9px}.human-diagram>span{position:relative;padding:12px 9px;border:1px solid #cbd7bf;background:#f4f7ef;border-radius:50px;white-space:nowrap}.human-diagram .human-node{border-color:#7f9d67;background:#e1edce;color:#47683b}.human-diagram>span:not(:last-child):after{content:'→';position:absolute;right:-15px;color:#a5b596}.roadmap-note{margin-top:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;display:flex;gap:25px;align-items:center}.roadmap-symbol{font-size:27px;color:#80986f}.roadmap-note h4{font-size:13px;font-weight:600;margin:0 0 4px}.roadmap-note p{font-size:11px;color:var(--muted);margin:0}.roadmap-note .outline-tag{margin-left:auto;font:8px Consolas,monospace;letter-spacing:1px}.deployment{background:#e9eee1}.deployment-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.deployment h2{font-size:36px}.deployment-layout>div>p{font-size:13px;line-height:1.95;color:var(--muted);max-width:390px;margin:23px 0 27px}.deployment-note{display:block;font-size:10px;color:#87937b;margin-top:15px}.deployment-steps{margin:0;padding:0;list-style:none}.deployment-steps li{display:flex;gap:22px;border-top:1px solid #cfdbc4;padding:26px 0}.deployment-steps li:last-child{border-bottom:1px solid #cfdbc4}.deployment-steps li>span{font:12px Consolas,monospace;letter-spacing:1px;color:#8ea279;padding-top:4px}.deployment-steps h3{font-size:18px;font-weight:600;margin:0 0 7px}.deployment-steps p{font-size:12px;color:#7b896f;line-height:1.8;margin:0;max-width:310px}.deployment-steps small{font:8px Consolas,monospace;letter-spacing:1px;color:#8ba078;margin-left:auto;padding-top:7px}.faq{display:grid;grid-template-columns:1fr 1.35fr;gap:70px}.faq .eyebrow{font-size:9px;color:#8c9c7e;letter-spacing:1.4px;margin-bottom:19px}.faq h2{font-size:29px;letter-spacing:-1px}.faq>div>p{font-size:12px;color:var(--muted);margin-top:14px}.faq-items details{border-bottom:1px solid var(--line)}.faq-items details:first-child{border-top:1px solid var(--line)}.faq-items summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;font-weight:600}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary>span{font-size:17px;font-weight:400;color:#8c9a7d;transition:transform .2s}.faq-items details[open] summary>span{transform:rotate(45deg)}.faq-items details>p{font-size:12px;color:var(--muted);line-height:1.95;margin:0 25px 24px 0}.closing{padding:65px 30px 60px;position:relative;text-align:center;background:#e9efdf;border:1px solid #dce5d2;overflow:hidden;border-radius:5px;margin-bottom:70px}.closing .eyebrow{justify-content:center;font-size:9px;color:#8a9e75;position:relative}.closing h2{position:relative;font-size:41px;margin:23px 0 28px}.closing .button{position:relative}.closing p{position:relative;font-size:11px;color:#8b987e;margin:17px 0 0}.closing-mark{position:absolute;font-size:420px;color:#b8cdaa14;font-weight:600;line-height:1;left:50%;top:-20px;transform:translateX(-50%);font-family:Georgia,serif}.footer{padding:30px 0 40px;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px}.footer .brand{font-size:23px;gap:0}.footer>p{font-size:10px;color:var(--muted);margin:0}.footer>div{margin-left:auto;display:flex;gap:25px;font-size:9px;color:#87947d;align-items:center}.footer button{background:none;border:0;padding:0;font-size:9px;color:inherit}.footer a:hover,.footer button:hover{text-decoration:underline;text-underline-offset:4px}dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:38px;width:min(570px,calc(100% - 36px));max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 30px 100px #0d2d3655}dialog::backdrop{background:#112f2acf;backdrop-filter:blur(5px)}dialog .eyebrow{font-size:9px;color:#8d9c7c;margin:4px 0 16px}dialog h2{font-size:29px;letter-spacing:-1px}dialog p{font-size:13px;color:var(--muted);line-height:1.9}dialog .dialog-intro{margin-top:10px;margin-bottom:22px}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:27px;color:#80916f;padding:5px 10px}form label{display:block;font-size:12px;margin-bottom:15px}form input,form select,form textarea{display:block;width:100%;padding:10px 12px;font-size:13px;color:var(--ink);background:#fff;border:1px solid #d6dfce;border-radius:4px;margin-top:6px}form textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#a1ab97}.form-row{display:grid;grid-template-columns:1fr 1.35fr;gap:15px}form .form-note{font-size:10px;margin:0 0 20px;color:#849175}form .button{width:100%}.result-check{font-size:26px;color:#6a8b4f;margin:20px 0 12px}#contact-result h3{font-size:21px;font-weight:600;margin-bottom:10px}#contact-result p{font-size:12px}#request-preview{font-family:var(--font);font-size:11px;background:#eaf0e2;padding:18px;border:1px solid #d5dfc9;border-radius:5px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow-y:auto;line-height:1.8}#contact-result .button{font-size:12px;margin-top:10px}#edit-request{margin-left:18px;font-size:12px}body.modal-open{overflow:hidden}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(min-width:1600px){.hero h1{font-size:86px}.hero{min-height:725px}}@media(max-width:1200px){.wrap{width:calc(100% - 72px)}.header{padding:0 36px;gap:25px}.header nav{gap:22px}.header-actions{gap:18px}.preview-label{display:none}.hero{min-height:630px;padding-top:48px;grid-template-columns:1fr 1fr;gap:18px}.hero h1{font-size:66px}.hero-visual{min-height:510px}.hero-description{font-size:18px}.hero-actions{gap:18px}.button{gap:20px;padding:13px 18px}.chart-layout{grid-template-columns:1fr 185px}.workspace-sidebar{width:176px}.workspace-main{padding:24px}.feature{padding:24px 20px 18px}.feature h3{font-size:23px}.local-diagram{gap:3px;padding-inline:5px;font-size:8px}.local-diagram>div{padding:8px 5px}.human-diagram{gap:6px;font-size:8px}.human-diagram>span{padding:10px 7px}.deployment-layout{gap:45px}.principle-strip div div{gap:20px;font-size:9px;letter-spacing:1.5px}.trace-detail{flex-wrap:wrap;gap:12px}.trace-detail>p{flex:1}.trace-detail>.outline-tag{margin-left:auto}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.header{height:78px;padding:0 24px;gap:20px}.header nav{gap:15px;font-size:11px}.brand{font-size:23px}.header-actions{gap:12px}.hero{grid-template-columns:1fr 1fr;min-height:565px;padding-top:40px;gap:15px}.hero h1{font-size:53px;letter-spacing:-3px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-visual{min-height:450px}.signal{padding:10px;gap:7px}.signal small{font-size:6px}.signal strong{font-size:10px}.signal-icon{font-size:16px}.signal-dot{margin-left:2px}.visual-coordinates{font-size:7px;left:15px;top:18px}.visual-bottom{font-size:6px;left:15px;right:15px}.hero-description{font-size:16px}.hero-detail{font-size:12px}.hero-actions{flex-wrap:wrap;gap:10px 18px}.hero-actions .button{font-size:12px;gap:15px}.hero-actions .text-button{font-size:11px}.hero-footnote{gap:9px;font-size:8px;margin-top:18px}.section{padding-top:75px;padding-bottom:75px}h2{font-size:34px}.approach-heading>p,.section-heading>p{font-size:12px;width:38%}.approach-columns{gap:23px}.approach-columns h3{font-size:18px}.approach-columns p{font-size:12px}.demo-heading{flex-wrap:wrap}.demo-heading h2{font-size:30px}.demo-controls{margin-top:5px}.workspace-sidebar{width:150px;padding:20px 10px}.workspace-logo{font-size:18px}.workspace-org{gap:5px;font-size:9px}.workspace-org small{font-size:7px}.workspace-nav{font-size:10px;padding:9px;gap:8px}.workspace-main{padding:22px 19px}.workspace-title h3{font-size:17px}.metrics>div{padding:12px}.metrics strong{font-size:25px}.metric-bottom{font-size:7px}.chart-layout{grid-template-columns:1fr 160px;gap:10px}.trend-panel{padding:12px}.attention-panel{padding:16px 12px}.attention-panel h4{font-size:15px}.attention-panel p{font-size:9px}.workspace{min-height:465px}.feature-grid{gap:12px}.feature{padding:20px 15px 16px}.feature h3{font-size:20px}.feature p{font-size:11px}.status-tag{font-size:8px;padding:2px 5px}.feature-icon{font-size:20px}.feature-top{gap:5px}.local-diagram{flex-wrap:wrap;justify-content:center;gap:4px;padding-inline:0;font-size:7px}.human-diagram{gap:4px;font-size:7px}.human-diagram>span{padding:8px 5px}.human-diagram>span:not(:last-child):after{right:-9px}.mini-trace{gap:30px;font-size:8px}.mini-trace>span{padding:7px 8px}.mini-trace>span:after{width:15px}.mini-trace>div:before{left:-15px}.mini-trace>div>span:before{width:15px}.mini-trace>div>span{padding:5px 10px}.feature-footer{font-size:7px;letter-spacing:1px}.roadmap-note{gap:15px}.roadmap-note p{font-size:10px}.roadmap-note .outline-tag{display:none}.deployment-layout{gap:32px}.deployment h2{font-size:29px}.deployment-steps small{display:none}.deployment-steps li{gap:15px;padding-block:23px}.faq{gap:40px;grid-template-columns:1fr 1.5fr}.faq h2{font-size:24px}.faq-items summary{font-size:12px}.footer{gap:18px;flex-wrap:wrap}.footer>div{gap:18px}.trace-source{padding:16px}.tracing-graph{gap:60px;padding-inline:8px}.trace-source:after{width:30px}.trace-branches:before{left:-30px}.trace-node:before{width:30px}}
@media(max-width:680px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}.header{height:73px;padding:0 20px;gap:10px}.brand{font-size:24px}.header-actions{margin-left:auto}.header-actions>.button{font-size:10px;padding:8px 11px;gap:10px}.header nav{position:absolute;top:72px;left:0;right:0;padding:20px;background:var(--paper);border-bottom:1px solid var(--line);display:none;flex-direction:column;gap:20px;font-size:14px}.header nav.open{display:flex}.menu-toggle{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:35px;height:35px;border:0;background:transparent}.menu-toggle span{width:19px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.hero{grid-template-columns:1fr;gap:38px;padding-top:38px;padding-bottom:33px}.hero h1{font-size:61px;letter-spacing:-3px;margin-block:23px 18px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero-description{font-size:18px}.hero-detail{font-size:13px;margin-bottom:22px}.hero-actions{gap:22px}.hero-actions .button{font-size:12px;padding:14px 18px;gap:28px}.hero-actions .text-button{font-size:11px}.hero-footnote{font-size:9px;gap:12px;margin-top:22px}.hero-visual{min-height:405px;height:405px;max-height:none}.shield-scene{inset:0}.signal small{font-size:7px}.signal strong{font-size:11px}.signal-icon{font-size:20px}.signal{padding:10px 13px;gap:9px}.signal-one{left:4%;top:25%}.signal-two{right:2%;top:57%}.signal-three{left:11%;top:76%}.visual-coordinates{font-size:7px;letter-spacing:1.2px}.visual-bottom{font-size:6px}.principle-strip>.wrap{flex-direction:column;gap:15px;padding-block:21px;align-items:flex-start}.principle-strip span{font-size:12px}.principle-strip div div{gap:9px;font-size:7px;letter-spacing:.8px;flex-wrap:wrap}.section{padding-block:60px}.section-label{font-size:8px;letter-spacing:1px;margin-bottom:30px;padding-bottom:16px;gap:15px}.section-label>span:last-child{font-size:8px;letter-spacing:.3px}.approach-heading,.section-heading{display:block;margin-bottom:32px}h2{font-size:32px;letter-spacing:-1.3px}.approach-heading>p,.section-heading>p{width:100%;font-size:12px;margin-top:21px;line-height:1.9}.approach-columns{grid-template-columns:1fr;gap:25px}.approach-columns article{padding-top:20px}.approach-columns h3{font-size:20px;margin-top:10px}.approach-columns p{max-width:none;margin-bottom:14px}.wordmark{font-size:8px}.demo-heading{display:block;margin-bottom:25px}.demo-heading h2{font-size:25px}.demo-heading p{font-size:11px;margin-top:9px}.demo-controls{display:inline-flex;margin-top:22px;gap:3px}.demo-controls button{font-size:10px;padding:8px 13px}.window-bar{height:35px;padding-inline:12px;font-size:8px}.window-dots i{width:6px;height:6px}.window-bar>span:nth-child(2){font-size:8px}.sample-badge{font-size:7px}.workspace-sidebar{display:none}.workspace-main{padding:20px 14px;min-height:520px}.workspace-title{margin-bottom:18px;gap:5px}.breadcrumb{font-size:8px}.workspace-title h3{font-size:16px;letter-spacing:-.3px}.workspace-date{font-size:7px;padding:4px 5px}.metrics{gap:7px}.metrics>div{padding:12px 8px;gap:6px}.metrics>div>span:first-child{font-size:9px}.metrics strong{font-size:25px}.metrics strong small{font-size:8px}.metric-bottom{font-size:7px;line-height:1.6;min-height:22px}.chart-layout{grid-template-columns:1fr;margin-top:12px;gap:12px}.trend-panel{padding:13px 10px}.trend-chart{min-height:135px}.attention-panel{padding:14px 15px;position:relative}.attention-panel .tiny-label{font-size:7px}.attention-panel h4{font-size:14px;margin:4px 0 8px}.attention-panel h4 br{display:none}.attention-panel p{font-size:9px;margin:0;max-width:65%}.attention-panel .demo-link{position:absolute;right:15px;bottom:18px;width:auto;gap:9px;font-size:9px}.activity-row{padding:10px;gap:9px}.activity-row strong{font-size:9px}.activity-row div>span{font-size:7px}.activity-row .outline-tag{font-size:7px;padding:2px 4px}.demo-caption{font-size:8px;align-items:flex-start;gap:15px}.demo-caption>span{align-items:flex-start;max-width:70%;line-height:1.7}.demo-caption i{margin-top:5px;flex-shrink:0;width:4px;height:4px}.demo-caption a{white-space:nowrap;gap:5px}.feature-grid{grid-template-columns:1fr;gap:16px}.feature{padding:25px}.feature-top{margin-bottom:17px}.feature h3{font-size:25px}.feature p{font-size:12px;max-width:400px}.feature-icon{font-size:26px}.status-tag{font-size:9px;padding:3px 7px}.local-diagram{font-size:10px;gap:7px;padding:24px 10px}.local-diagram>div{padding:10px}.diagram-boundary{font-size:8px}.mini-trace{font-size:10px;gap:50px;padding-block:3px 27px}.mini-trace>span{padding:11px 15px}.mini-trace>span:after{width:25px}.mini-trace>div:before{left:-25px}.mini-trace>div>span:before{width:25px}.mini-trace>div>span{padding:7px 15px}.human-diagram{justify-content:center;gap:27px;font-size:10px}.human-diagram>span{padding:11px 13px}.human-diagram>span:not(:last-child):after{right:-21px}.feature-footer{font-size:9px}.roadmap-note{padding:22px 0;gap:13px;align-items:flex-start}.roadmap-note h4{font-size:12px;line-height:1.7}.roadmap-note p{line-height:1.85;margin-top:5px}.roadmap-symbol{font-size:23px}.deployment-layout{grid-template-columns:1fr;gap:36px}.deployment h2{font-size:30px}.deployment-layout>div>p{font-size:12px;margin-top:20px}.deployment-note{font-size:9px}.deployment-steps li{padding-block:23px;gap:17px}.deployment-steps h3{font-size:17px}.deployment-steps p{font-size:11px}.deployment-steps small{display:block;font-size:7px}.faq{grid-template-columns:1fr;gap:27px}.faq h2{font-size:27px}.faq .eyebrow{font-size:8px;margin-bottom:15px}.faq>div>p{margin-bottom:0}.faq-items summary{font-size:12px;padding-block:21px}.faq-items details>p{font-size:11px}.closing{padding:45px 20px 40px;margin-bottom:40px}.closing h2{font-size:31px;line-height:1.5;margin:22px 0}.closing .button{font-size:11px;gap:20px;padding:14px 16px}.closing .eyebrow{font-size:7px;letter-spacing:1.4px}.closing-mark{font-size:330px;top:0}.closing p{font-size:10px}.footer{padding:25px 0 30px;gap:16px;align-items:center}.footer .brand{font-size:22px}.footer>p{font-size:9px}.footer>div{width:100%;margin-left:0;gap:23px;font-size:8px}.footer>div>span{margin-left:auto}.footer button{font-size:8px}.tracing-graph{gap:32px;padding:25px 0;min-height:290px}.trace-source{padding:12px 9px}.trace-source h4{font-size:12px}.trace-source>span{font-size:6px}.trace-source p{font-size:8px}.trace-source:after{width:16px}.trace-branches:before{left:-16px}.trace-node:before{width:16px}.trace-node{padding:12px 9px;gap:5px}.trace-node small{font-size:6px}.trace-node strong{font-size:11px}.trace-node>span{font-size:8px}.trace-detail{padding:15px;display:block}.trace-detail p{font-size:10px;margin:10px 0 15px}.trace-detail .outline-tag{font-size:8px;display:inline-block}.workspace-note{font-size:8px;line-height:1.8}.review-filter{gap:3px}.review-filter button{padding:5px 7px;font-size:9px}.review-filter>span{font-size:7px}.review-item{gap:8px;flex-wrap:wrap;padding-block:18px}.review-avatar{width:27px;height:27px;font-size:8px}.review-item h4{font-size:10px}.review-item p{font-size:8px}.review-item>button{font-size:8px;padding:4px 6px}.review-item .review-status{font-size:7px}.review-detail{padding:15px}.review-detail h4{font-size:12px}.review-detail p{font-size:10px}dialog{padding:30px 22px;max-height:calc(100dvh - 30px)}dialog h2{font-size:25px}.form-row{grid-template-columns:1fr;gap:0}#contact-result h3{font-size:18px}#contact-result .button{font-size:11px}#edit-request{margin-left:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:360px){.hero h1{font-size:54px}.hero-visual{min-height:360px;height:360px}.human-diagram{font-size:8px;gap:23px}.human-diagram>span{padding:10px}.principle-strip div div{font-size:6px}.header-actions>.button{gap:6px;font-size:9px}.feature{padding:20px}.workspace-title h3{font-size:14px}}

/* Brand refinement: warm editorial typography and a translucent protection crest. */
:root {
  --paper: #faf9f3;
  --ink: #203f36;
  --muted: #687b70;
  --line: #dfe4d8;
  --lime: #e3edba;
  --display: 'Noto Serif TC', 'Songti TC', 'Yu Mincho', 'PMingLiU', 'Times New Roman', serif;
}
body { background: var(--paper); }
.header {
  height: 86px;
  border-bottom-color: #e3e6db;
  background: #faf9f3ee;
}
.brand { font-size: 25px; letter-spacing: -1.1px; }
.brand svg { stroke-width: 1.6; }
.header nav { gap: 34px; font-size: 12px; font-weight: 500; }
.header nav a { color: #556b5e; }
.header-actions { gap: 22px; }
.preview-label {
  color: #75856c;
  font-size: 10px;
  padding: 4px 9px;
  border: 1px solid #dce4d1;
  border-radius: 30px;
}
.button {
  border-radius: 50px;
  padding: 12px 15px 12px 24px;
  gap: 30px;
  font-size: 13px;
  font-weight: 500;
  background: #24483b;
  border-color: #24483b;
  box-shadow: 0 5px 15px #214b3010;
  transition: background .25s, box-shadow .25s, transform .25s;
}
.button:hover { background: #385e46; box-shadow: 0 8px 24px #214b3020; }
.button > span {
  display: grid;
  place-items: center;
  width: 31px;
  height: 31px;
  flex-shrink: 0;
  border-radius: 50%;
  background: #ffffff13;
  font-size: 18px;
}
.button.small { padding: 7px 9px 7px 19px; gap: 23px; }
.button.small > span { width: 27px; height: 27px; font-size: 16px; }
.text-button { font-weight: 500; color: #61725e; }
.hero {
  grid-template-columns: 1fr 1.08fr;
  gap: 30px;
  min-height: 640px;
  padding-top: 38px;
  padding-bottom: 38px;
  position: relative;
}
.hero-copy { padding-top: 7px; padding-bottom: 14px; }
.hero .eyebrow { font-size: 9px; letter-spacing: 2px; color: #7c8d70; font-weight: 500; }
.eyebrow-line { width: 29px; background: #a2b191; }
.hero h1 {
  font-family: var(--display);
  font-size: clamp(65px, 6.2vw, 88px);
  font-weight: 400;
  letter-spacing: -4px;
  line-height: 1.28;
  margin: 28px 0 25px;
}
.hero h1 > span { color: #738767; }
.title-period { color: #a2b58b; }
.hero-description { font-size: 17px; letter-spacing: .5px; color: #455f50; line-height: 1.9; }
.hero-detail { font-size: 13px; line-height: 1.95; color: #7d8979; margin-top: 16px; margin-bottom: 27px; }
.hero-actions { gap: 27px; }
.hero-footnote { color: #788772; letter-spacing: .5px; margin-top: 26px; }
.hero-visual {
  min-height: 552px;
  height: 552px;
  max-height: none;
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  isolation: isolate;
}
.hero-visual::before {
  content: '';
  position: absolute;
  inset: 28px -12px 22px;
  border-radius: 50%;
  background: radial-gradient(ellipse at 54% 53%, #e1ebd9 0%, #ebf1e360 51%, transparent 74%);
  z-index: -1;
}
.visual-grid {
  inset: 50px 12px 43px;
  background-size: 46px 46px;
  background-image: linear-gradient(#6d93670a 1px,transparent 1px), linear-gradient(90deg,#6d93670a 1px,transparent 1px);
  mask-image: radial-gradient(ellipse, #000 30%, transparent 72%);
}
.visual-coordinates { top: 14px; left: 30px; font-size: 8px; letter-spacing: 1.8px; color: #93a18b; }
.visual-cross { font-size: 13px; margin-right: 9px; color: #7e9773; }
.shield-scene { inset: -2px 0 0; }
.scene-crest { animation: crest-drift 9s ease-in-out infinite; transform-origin: 306px 275px; }
.signal {
  border: 1px solid #ffffffb8;
  padding: 14px 16px;
  border-radius: 10px;
  background: linear-gradient(120deg, #fffffff2, #f5f8eea6);
  backdrop-filter: blur(14px);
  box-shadow: 0 11px 35px #3151360a, inset 0 0 0 1px #dde5d14d;
  gap: 12px;
}
.signal-one { top: 25%; left: 0; }
.signal-two { top: 58%; right: -1%; }
.signal-three { top: 79%; left: 12%; }
.signal small { color: #93a087; font-size: 7px; letter-spacing: 1.3px; }
.signal strong { color: #51694f; font-size: 11px; margin-top: 4px; }
.signal-icon { display: flex; color: #829b71; }
.signal-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; }
.signal-dot { width: 4px; height: 4px; background: #9db28a; margin-left: 7px; }
.visual-bottom { left: 30px; right: 22px; bottom: 1px; color: #8f9d84; font-size: 7px; letter-spacing: 1.15px; }
.principle-strip { background: #f1f3e9; border-color: #e2e7d8; }
.principle-strip > .wrap { padding-block: 23px; }
.principle-strip span { font-family: var(--display); font-size: 15px; color: #617456; }
.principle-strip div div { color: #7d8d70; font-size: 9px; letter-spacing: 1.9px; font-weight: 400; }
.section { padding-top: 106px; padding-bottom: 106px; }
.section-label { color: #7d8d72; font-size: 9px; letter-spacing: 1.5px; margin-bottom: 45px; }
.section-label > span:last-child { color: #8a9580; font-size: 10px; }
h2 {
  font-family: var(--display);
  font-size: 43px;
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -1.5px;
}
.serif-emphasis { font-family: var(--display); color: #7b8e68; }
.approach-heading > p, .section-heading > p { line-height: 2.05; color: #7b8978; }
.approach-columns { gap: 48px; }
.approach-columns article { border-color: #d9e1ce; padding-top: 21px; }
.step-index { font-family: Georgia, serif; font-size: 35px; font-weight: 400; color: #a4b293; letter-spacing: -1px; line-height: 1.3; }
.approach-columns h3 { font-size: 20px; font-weight: 500; margin-top: 17px; }
.approach-columns p { color: #74846f; font-size: 14px; line-height: 1.95; margin-bottom: 30px; }
.wordmark { font-size: 8px; color: #91a27f; font-weight: 400; letter-spacing: 2.6px; }
.demo-section {
  background: radial-gradient(ellipse at 75% 7%, #365f48 0%, #254c3b 40%, #1d4135 85%);
  position: relative;
}
.demo-section::before {
  content: '';
  pointer-events: none;
  position: absolute;
  inset: 0;
  opacity: .07;
  background-image: radial-gradient(#d2dfb7 .6px, transparent .6px);
  background-size: 7px 7px;
}
.demo-section > .wrap { position: relative; }
.demo-section .section-label { color: #b5c89e; border-color: #54765a; }
.demo-section .section-label .light-tag { border: 1px solid #6b896440; padding: 2px 8px; border-radius: 30px; }
.demo-heading { margin-bottom: 37px; }
.demo-heading h2 { font-size: 37px; }
.demo-heading p { font-size: 14px; color: #bbcab0; }
.demo-controls { border-radius: 30px; padding: 5px; border-color: #89a27544; background: #17372620; }
.demo-controls button { border-radius: 25px; padding: 10px 18px; font-size: 11px; }
.demo-controls button[aria-selected=true] { background: #e0e9b7; color: #385137; }
.demo-window { border-radius: 13px; border-color: #aabc9160; box-shadow: 0 35px 70px #08291b33; }
.window-bar { height: 46px; background: #eff3e8; }
.window-dots i:nth-child(1) { background: #dab7a0; border-color: #dab7a0; }
.window-dots i:nth-child(2) { background: #dbc998; border-color: #dbc998; }
.window-dots i:nth-child(3) { background: #aabd90; border-color: #aabd90; }
.workspace-sidebar { background: #f1f5eb; }
.workspace-main { background: #fafbf7; padding: 30px; }
.workspace-title h3 { font-size: 20px; font-weight: 500; }
.metrics > div { border-radius: 9px; padding: 18px; border-color: #e2e8d9; }
.metrics strong { font-family: Georgia, serif; font-size: 34px; }
.metrics > div > span:first-child { font-size: 11px; }
.metric-bottom { font-size: 9px; }
.trend-panel, .attention-panel, .activity-row, .trace-detail, .review-detail { border-radius: 8px; }
.attention-panel { background: #edf2df; }
.activity-row { padding: 15px; }
.demo-caption { font-size: 11px; color: #bdcfaf; margin-top: 22px; }
.feature-grid { gap: 22px; }
.feature { border-radius: 12px; padding: 32px 29px 24px; background: #f1f4ea; border-color: #e1e8d6; transition: transform .3s, box-shadow .3s; }
.feature:hover { transform: translateY(-5px); box-shadow: 0 15px 35px #304d3309; }
.feature-local { background: #e9efdf; }
.feature-top { margin-bottom: 26px; }
.feature-icon { width: 43px; height: 43px; display: grid; place-items: center; border: 1px solid #c4d2b5; border-radius: 50%; font-size: 22px; }
.status-tag { border-radius: 30px; font-size: 9px; padding: 4px 9px; color: #708260; }
.feature h3 { font-family: var(--display); font-size: 27px; font-weight: 400; line-height: 1.6; }
.feature p { font-size: 13px; line-height: 1.95; color: #75846b; margin-bottom: 25px; }
.feature-footer { color: #8c9e79; font-size: 8px; letter-spacing: 1.8px; padding-top: 18px; }
.local-diagram { margin-top: auto; border-color: #bdcda8; padding-block: 23px; }
.diagram-boundary { background: #e9efdf; }
.mini-trace { margin-top: auto; }
.human-diagram { margin-top: auto; padding-top: 15px; }
.roadmap-note { margin-top: 36px; padding-block: 26px; }
.roadmap-note h4 { font-weight: 500; font-size: 14px; }
.roadmap-note p { font-size: 12px; }
.roadmap-symbol { width: 41px; height: 41px; display: grid; place-items: center; border-radius: 50%; background: #eef2e5; font-size: 21px; flex-shrink: 0; }
.deployment { background: #eff2e7; }
.deployment h2 { font-size: 39px; line-height: 1.55; }
.deployment-layout > div > p { font-size: 14px; line-height: 2; }
.deployment-steps li { padding: 29px 0; gap: 24px; align-items: flex-start; }
.deployment-steps li > span { font-family: Georgia, serif; font-size: 28px; line-height: 1.2; color: #9dae87; }
.deployment-steps h3 { font-size: 19px; font-weight: 500; }
.deployment-steps p { font-size: 13px; }
.deployment-steps small { padding-top: 9px; font-size: 8px; }
.faq h2 { font-size: 31px; }
.faq-items summary { font-size: 14px; font-weight: 500; padding-block: 25px; }
.faq-items details > p { font-size: 13px; line-height: 2; }
.closing {
  background: radial-gradient(ellipse at 50% 105%, #dce8ca 0%, #edf2e3 49%, #f3f5ed 100%);
  border-color: #e4e9dc;
  border-radius: 16px;
  padding: 73px 30px 67px;
}
.closing h2 { font-size: 45px; line-height: 1.5; }
.closing-mark { color: #a9c18e12; font-size: 455px; top: -6px; }
.closing .eyebrow { letter-spacing: 2.4px; font-weight: 400; color: #84956f; }
.closing p { font-size: 12px; margin-top: 21px; }
.footer { padding-bottom: 35px; }
.footer > p { font-size: 11px; color: #8c9882; }
.footer > div, .footer button { font-size: 10px; }
dialog { border-radius: 18px; border-color: #e5e8db; }
dialog h2 { font-family: var(--display); font-weight: 400; font-size: 31px; }
form input, form select, form textarea { background: #fffefa; border-radius: 7px; }
form .button { padding-right: 14px; }
#contact-result h3 { font-family: var(--display); font-weight: 400; }
@keyframes crest-drift {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

@media (min-width: 1600px) {
  .hero { min-height: 685px; }
  .hero h1 { font-size: 88px; }
  .hero-visual { height: 590px; min-height: 590px; }
}
@media (max-width: 1200px) {
  .header nav { gap: 26px; }
  .preview-label { display: none; }
  .hero { gap: 26px; min-height: 610px; }
  .hero h1 { font-size: 73px; }
  .hero-visual { height: 520px; min-height: 520px; }
  .signal { padding: 12px; gap: 10px; }
  .signal-two { right: 0; }
  .feature { padding: 27px 23px 21px; }
  .feature h3 { font-size: 25px; }
  .feature p { font-size: 12px; }
  .local-diagram { font-size: 8px; }
  .deployment h2 { font-size: 34px; }
  .workspace-main { padding: 26px; }
}
@media (max-width: 900px) {
  .header { height: 78px; }
  .header nav { gap: 16px; font-size: 11px; }
  .header-actions { gap: 12px; }
  .hero { gap: 18px; min-height: 560px; padding-top: 28px; padding-bottom: 34px; }
  .hero h1 { font-size: 55px; letter-spacing: -3px; }
  .hero .eyebrow { font-size: 7px; letter-spacing: 1.1px; }
  .hero-description { font-size: 15px; }
  .hero-detail { font-size: 12px; }
  .hero-visual { height: 470px; min-height: 470px; }
  .hero-visual::before { inset: 50px 0; }
  .visual-coordinates { top: 18px; left: 15px; font-size: 6px; letter-spacing: .8px; }
  .visual-bottom { font-size: 5px; left: 15px; right: 5px; }
  .signal { padding: 10px; gap: 7px; border-radius: 8px; }
  .signal-one { top: 29%; }
  .signal-two { top: 58%; right: -2%; }
  .signal-three { top: 75%; left: 7%; }
  .signal small { font-size: 6px; letter-spacing: .8px; }
  .signal strong { font-size: 9px; }
  .signal-icon svg { width: 18px; height: 18px; }
  .signal-dot { margin-left: 1px; }
  .hero-actions .button { padding: 10px 12px 10px 17px; gap: 16px; font-size: 11px; }
  .hero-actions .button > span { width: 25px; height: 25px; font-size: 16px; }
  .section { padding-block: 80px; }
  h2 { font-size: 36px; }
  .approach-columns { gap: 25px; }
  .approach-columns h3 { font-size: 18px; }
  .approach-columns p { font-size: 12px; }
  .step-index { font-size: 30px; }
  .demo-heading h2 { font-size: 32px; }
  .demo-heading p { font-size: 13px; }
  .workspace-main { padding: 22px 18px; }
  .workspace-title h3 { font-size: 17px; }
  .metrics > div { padding: 13px 10px; }
  .metrics strong { font-size: 28px; }
  .metric-bottom { font-size: 7px; }
  .feature-grid { gap: 13px; }
  .feature { padding: 22px 17px; }
  .feature h3 { font-size: 23px; }
  .feature p { font-size: 11px; }
  .feature-icon { width: 34px; height: 34px; font-size: 20px; }
  .status-tag { font-size: 7px; padding: 3px 6px; }
  .local-diagram { font-size: 7px; }
  .roadmap-note h4 { font-size: 13px; }
  .roadmap-note p { font-size: 11px; }
  .deployment h2 { font-size: 30px; }
  .deployment-layout > div > p { font-size: 13px; }
  .deployment-steps li { gap: 18px; padding-block: 25px; }
  .deployment-steps h3 { font-size: 17px; }
  .deployment-steps p { font-size: 12px; }
  .faq h2 { font-size: 26px; }
  .faq-items summary { font-size: 12px; }
  .closing h2 { font-size: 38px; }
}
@media (max-width: 680px) {
  .header { height: 74px; }
  .header nav { top: 73px; background: #faf9f3fa; gap: 23px; font-size: 14px; backdrop-filter: blur(16px); }
  .header-actions > .button { font-size: 10px; padding: 6px 7px 6px 14px; gap: 12px; }
  .button.small > span { width: 25px; height: 25px; }
  .hero { grid-template-columns: 1fr; padding-top: 35px; padding-bottom: 23px; gap: 13px; }
  .hero-copy { padding-top: 0; padding-bottom: 0; }
  .hero .eyebrow { font-size: 7px; letter-spacing: 1.2px; }
  .hero h1 { font-size: clamp(57px, 15.6vw, 76px); line-height: 1.32; letter-spacing: -3px; margin-top: 24px; margin-bottom: 20px; }
  .hero-description { font-size: 16px; line-height: 1.85; }
  .hero-detail { font-size: 12px; margin-top: 12px; margin-bottom: 22px; }
  .hero-actions { gap: 23px; }
  .hero-actions .button { padding: 11px 13px 11px 20px; gap: 21px; font-size: 11px; }
  .hero-actions .button > span { width: 28px; height: 28px; font-size: 17px; }
  .hero-actions .text-button { font-size: 11px; }
  .hero-footnote { font-size: 8px; gap: 11px; margin-top: 22px; }
  .hero-visual { height: 405px; min-height: 405px; margin-top: 7px; }
  .hero-visual::before { inset: 25px 0 20px; }
  .visual-coordinates { top: 8px; left: 8px; font-size: 6px; letter-spacing: 1px; }
  .visual-cross { font-size: 11px; }
  .visual-bottom { left: 8px; right: 8px; bottom: 1px; font-size: 5px; letter-spacing: .7px; }
  .signal { padding: 10px 12px; gap: 9px; border-radius: 8px; }
  .signal-one { left: -3px; top: 24%; }
  .signal-two { right: -3px; top: 57%; }
  .signal-three { left: 8%; top: 77%; }
  .signal small { font-size: 6px; letter-spacing: 1px; }
  .signal strong { font-size: 10px; }
  .signal-icon svg { width: 20px; height: 20px; }
  .signal-dot { margin-left: 5px; }
  .principle-strip > .wrap { gap: 13px; padding-block: 23px; }
  .principle-strip span { font-size: 15px; }
  .principle-strip div div { font-size: 7px; letter-spacing: .9px; gap: 10px; }
  .section { padding-block: 64px; }
  .section-label { font-size: 8px; letter-spacing: 1px; margin-bottom: 30px; }
  .section-label > span:last-child { font-size: 8px; letter-spacing: .1px; }
  h2 { font-size: 32px; letter-spacing: -1px; line-height: 1.6; }
  .approach-heading > p, .section-heading > p { font-size: 13px; margin-top: 19px; }
  .approach-columns { gap: 28px; }
  .step-index { font-size: 32px; }
  .approach-columns h3 { font-size: 20px; margin-top: 12px; }
  .approach-columns p { font-size: 13px; margin-bottom: 19px; }
  .demo-heading h2 { font-size: 27px; letter-spacing: -1px; }
  .demo-heading p { font-size: 12px; }
  .demo-controls { margin-top: 23px; padding: 4px; }
  .demo-controls button { font-size: 10px; padding: 8px 15px; }
  .demo-window { border-radius: 10px; }
  .window-bar { height: 37px; }
  .workspace-main { padding: 20px 14px; }
  .workspace-title h3 { font-size: 16px; }
  .metrics > div { padding: 13px 8px; border-radius: 7px; }
  .metrics > div > span:first-child { font-size: 9px; }
  .metrics strong { font-size: 28px; }
  .metric-bottom { font-size: 7px; }
  .activity-row { padding: 11px; }
  .demo-caption { font-size: 8px; }
  .demo-caption > span { max-width: 68%; }
  .feature-grid { gap: 18px; }
  .feature { border-radius: 12px; padding: 27px; }
  .feature-icon { width: 41px; height: 41px; font-size: 22px; }
  .status-tag { font-size: 9px; padding: 4px 9px; }
  .feature-top { margin-bottom: 21px; }
  .feature h3 { font-size: 28px; line-height: 1.55; }
  .feature p { font-size: 13px; }
  .feature-footer { font-size: 8px; }
  .local-diagram { font-size: 9px; }
  .human-diagram { margin-top: 0; }
  .roadmap-note { gap: 13px; padding-block: 22px; margin-top: 25px; }
  .roadmap-symbol { width: 30px; height: 30px; font-size: 17px; }
  .roadmap-note h4 { font-size: 12px; }
  .roadmap-note p { font-size: 11px; }
  .deployment h2 { font-size: 31px; }
  .deployment-layout > div > p { font-size: 13px; }
  .deployment-steps li { padding-block: 25px; }
  .deployment-steps h3 { font-size: 17px; }
  .deployment-steps p { font-size: 12px; }
  .deployment-steps small { display: none; }
  .faq h2 { font-size: 27px; }
  .faq-items summary { font-size: 12px; padding-block: 23px; }
  .faq-items details > p { font-size: 12px; }
  .closing { border-radius: 12px; padding: 48px 18px 44px; }
  .closing h2 { font-size: 33px; }
  .closing-mark { font-size: 350px; top: 10px; }
  .closing .button { padding: 11px 12px 11px 17px; font-size: 10px; gap: 13px; }
  .closing .button > span { width: 27px; height: 27px; font-size: 17px; }
  .closing p { font-size: 10px; margin-top: 19px; }
  .footer > p { font-size: 9px; }
  .footer > div, .footer button { font-size: 8px; }
  dialog h2 { font-size: 27px; }
}
@media (max-width: 360px) {
  .hero h1 { font-size: 55px; }
  .hero-visual { height: 350px; min-height: 350px; }
  .hero-actions { gap: 16px; }
  .hero-actions .button { gap: 14px; font-size: 10px; padding-left: 16px; }
  .signal { padding: 8px 9px; gap: 6px; }
  .signal strong { font-size: 9px; }
  .signal-icon svg { width: 17px; height: 17px; }
  .signal-dot { margin-left: 2px; }
  .feature { padding: 23px; }
  .feature h3 { font-size: 26px; }
  .local-diagram { font-size: 8px; }
  .closing h2 { font-size: 30px; }
  .closing .button { font-size: 9px; gap: 9px; padding-left: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .scene-crest, .signal { animation: none; }
  .feature:hover { transform: none; }
}

/* Japanese editorial direction and motion, with complete reduced-motion support. */
:root { --ease-out: cubic-bezier(.22,1,.36,1); --reading-progress: 0; }
.reading-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  transform: scaleX(var(--reading-progress));
  transform-origin: left;
  background: #8a9c70;
  z-index: 50;
  pointer-events: none;
}
.language-switch {
  display: flex;
  align-items: center;
  gap: 3px;
  white-space: nowrap;
}
.language-switch button {
  position: relative;
  padding: 8px 6px;
  font-family: Arial, 'Microsoft JhengHei', sans-serif;
  font-size: 10px;
  letter-spacing: .4px;
  color: #9da592;
  border: 0;
  background: transparent;
  transition: color .25s;
}
.language-switch button::after {
  content: '';
  position: absolute;
  bottom: 2px;
  left: 50%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #80966a;
  transform: translateX(-50%) scale(0);
  transition: transform .3s var(--ease-out);
}
.language-switch button[aria-pressed="true"] { color: #365240; }
.language-switch button[aria-pressed="true"]::after { transform: translateX(-50%) scale(1); }
.language-switch button:hover { color: #365240; }
.language-switch > span { font-size: 8px; color: #c5ccbb; }
.header { gap: 28px; }
.header nav { gap: 25px; }
.header-actions { gap: 17px; }
.preview-label { display: none; }
.hero { min-height: 696px; padding-top: 44px; padding-bottom: 63px; gap: 48px; }
.hero h1 { margin-bottom: 15px; }
.hero h1 > .title-line:first-child { color: var(--ink); }
.hero h1 > .title-line.accent { color: #75886a; }
.title-line { display: inline-block; }
.hero-jp-caption {
  display: block;
  font-family: var(--display);
  font-size: 11px;
  letter-spacing: .2em;
  color: #89987d;
  margin-bottom: 24px;
}
.hero-description { font-size: 16px; line-height: 2; }
.hero-margin-note {
  position: absolute;
  right: -27px;
  top: 150px;
  writing-mode: vertical-rl;
  font-family: var(--display);
  font-size: 9px;
  color: #9fac93;
  letter-spacing: .22em;
  pointer-events: none;
}
.scroll-cue {
  position: absolute;
  bottom: 22px;
  left: 0;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 9px;
  letter-spacing: .5px;
  color: #849276;
}
.scroll-cue small { font-size: 7px; letter-spacing: 1.8px; color: #a5b094; margin-left: 6px; }
.scroll-cue-line { position: relative; width: 1px; height: 24px; background: #d9e1cc; overflow: hidden; }
.scroll-cue-line::after { content: ''; position: absolute; inset: -100% 0 100%; background: #79966b; animation: scroll-thread 3s ease-in-out infinite; }
.section { padding-block: 118px; }
h2 { letter-spacing: .01em; }
.section-label { letter-spacing: 1.8px; }
.approach-columns article:first-child { padding-top: 37px; }
.approach-columns article:nth-child(2) { padding-top: 62px; }
.approach-columns article:nth-child(3) { padding-top: 87px; }
.approach-columns p { max-width: 320px; }
.feature { border-radius: 8px; }
.feature:hover { transform: translateY(-5px); box-shadow: 0 18px 40px #344f330b; }
.deployment-steps { padding-top: 24px; }
.closing { border-radius: 8px; }
.button > span { transition: transform .45s var(--ease-out), background .3s; }
.button:hover > span { transform: translate(2px,-2px); background: #ffffff20; }
.demo-panel:not([hidden]) { animation: panel-arrive .55s var(--ease-out) both; }
.faq-items details[open] > p { animation: panel-arrive .45s var(--ease-out) both; }
dialog[open] { animation: dialog-arrive .45s var(--ease-out) both; }
dialog[open]::backdrop { animation: backdrop-arrive .4s ease both; }
.shield-scene { transform: translate(var(--scene-x,0px),var(--scene-y,0px)); transition: transform 1.3s var(--ease-out); }
.scene-orbits { transform-box: view-box; transform-origin: 306px 279px; animation: orbit-turn 90s linear infinite; }
.crest-glint { animation: crest-light 12s ease-in-out infinite; }
.hero-visual::before { animation: aura-breathe 12s ease-in-out infinite; }
.scene-paused .scene-orbits, .scene-paused .scene-crest, .scene-paused .crest-glint,
.scene-paused .signal, .scene-paused .hero-visual::before { animation-play-state: paused; }
.motion-paused *, .motion-paused *::before, .motion-paused *::after { animation-play-state: paused !important; }
.motion-enabled .hero-copy > .eyebrow,
.motion-enabled .hero-jp-caption,
.motion-enabled .hero-description,
.motion-enabled .hero-detail,
.motion-enabled .hero-actions,
.motion-enabled .hero-footnote {
  animation: gentle-arrive 1.2s var(--ease-out) both;
}
.motion-enabled .hero-copy > .eyebrow { animation-delay: .08s; }
.motion-enabled .title-line { animation: title-arrive 1.5s var(--ease-out) both; }
.motion-enabled .title-line:first-child { animation-delay: .18s; }
.motion-enabled .title-line.accent { animation-delay: .33s; }
.motion-enabled .hero-jp-caption { animation-delay: .46s; }
.motion-enabled .hero-description { animation-delay: .55s; }
.motion-enabled .hero-detail { animation-delay: .65s; }
.motion-enabled .hero-actions { animation-delay: .75s; }
.motion-enabled .hero-footnote { animation-delay: .88s; }
.motion-enabled .hero-visual { animation: scene-arrive 1.8s var(--ease-out) .18s both; }
.motion-enabled .reveal {
  opacity: 0;
  transform: translateY(23px);
  transition: opacity 1s var(--ease-out) var(--reveal-delay,0ms), transform 1.1s var(--ease-out) var(--reveal-delay,0ms);
}
.motion-enabled .reveal.is-visible { opacity: 1; transform: translateY(0); }
.motion-enabled .reveal:focus-within { opacity: 1; transform: none; transition-delay: 0ms; }

/* Language-specific typography lets each translation breathe at the same viewport. */
html[data-language="ja"] {
  --font: 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'Meiryo', 'Microsoft JhengHei', sans-serif;
  --display: 'Yu Mincho', 'Hiragino Mincho ProN', 'MS PMincho', 'PMingLiU', serif;
}
html[data-language="ja"] .hero h1 { font-size: clamp(44px,4.7vw,69px); line-height: 1.6; letter-spacing: .035em; }
html[data-language="ja"] .hero-jp-caption { display: none; }
html[data-language="ja"] .hero h1 { margin-top: 14px; margin-bottom: 24px; }
html[data-language="ja"] h2 { letter-spacing: .035em; line-height: 1.7; }
html[data-language="ja"] .hero-description { font-size: 15px; letter-spacing: .025em; }
html[data-language="ja"] .hero-detail { font-size: 12px; }
html[data-language="ja"] .feature h3 { font-size: 24px; line-height: 1.8; letter-spacing: .015em; }
html[data-language="ja"] .feature p { font-size: 12px; line-height: 2; }
html[data-language="ja"] .workspace-title h3 { font-size: 17px; }
html[data-language="ja"] .demo-heading h2 { font-size: 30px; }
html[data-language="ja"] .closing h2 { font-size: 39px; }
html[data-language="en"] .hero h1 { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(42px,5.1vw,72px); line-height: 1.24; letter-spacing: -2.5px; }
html[data-language="en"] .hero-description { font-size: 16px; letter-spacing: 0; }
html[data-language="en"] h2 { font-family: Georgia, 'Times New Roman', serif; letter-spacing: -1.2px; }
html[data-language="en"] .feature h3 { font-family: Georgia, 'Times New Roman', serif; font-size: 25px; letter-spacing: -.7px; }
html[data-language="en"] .feature p { line-height: 1.8; }
html[data-language="en"] .demo-controls button { padding-inline: 15px; }
html[data-language="en"] .section-label { font-size: 8px; letter-spacing: 1px; }
html[data-language="en"] .outline-tag { white-space: normal; max-width: 190px; }
html[data-language="en"] .hero-footnote { gap: 10px; font-size: 9px; }
html[data-language="en"] .workspace-title h3 { font-size: 18px; }
html[data-language="en"] .trace-source h4 { font-size: 13px; }
html[data-language="en"] .trace-node strong { font-size: 12px; }
html[data-language="en"] .sidebar-bottom small { font-size: 7px; }
html[data-language="en"] .workspace-nav { gap: 8px; font-size: 10px; }
html[data-language="en"] .roadmap-note .outline-tag { flex-shrink: 0; }
.form-note { line-height: 1.9; }
.trace-node, .feature, .review-item-copy, .workspace-title > div { min-width: 0; }
.review-item h4, .trace-source h4, .trace-node strong { overflow-wrap: anywhere; }

@keyframes scroll-thread { 0%,15% { transform: translateY(0); } 65%,100% { transform: translateY(200%); } }
@keyframes orbit-turn { to { transform: rotate(360deg); } }
@keyframes crest-light {
  0%,25% { opacity: 0; transform: translateX(-130px); }
  38% { opacity: .15; }
  48% { opacity: .28; }
  63%,100% { opacity: 0; transform: translateX(170px); }
}
@keyframes aura-breathe { 0%,100% { opacity: .75; transform: scale(.98); } 50% { opacity: 1; transform: scale(1.02); } }
@keyframes gentle-arrive { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@keyframes title-arrive { from { opacity: 0; transform: translateY(20px); filter: blur(3px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } }
@keyframes scene-arrive { from { opacity: 0; transform: translateY(12px) scale(.975); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes panel-arrive { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
@keyframes dialog-arrive { from { opacity: 0; transform: translateY(14px) scale(.99); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes backdrop-arrive { from { opacity: 0; } to { opacity: 1; } }

@media (max-width: 1200px) {
  .header { gap: 22px; }
  .header nav { gap: 21px; }
  .header-actions { gap: 15px; }
  .hero { gap: 35px; }
  .hero-margin-note { right: -24px; }
  html[data-language="en"] .header nav { gap: 17px; font-size: 11px; }
  html[data-language="ja"] .header nav { font-size: 11px; gap: 18px; }
  html[data-language="ja"] .hero h1 { font-size: 54px; }
  html[data-language="en"] .hero h1 { font-size: 59px; }
}
@media (max-width: 1000px) and (min-width: 681px) {
  .header { gap: 16px; }
  .header nav { gap: 15px; font-size: 10px; }
  .header-actions > .button { display: none; }
  html[data-language="en"] .header nav { font-size: 10px; gap: 12px; }
}
@media (max-width: 900px) {
  .section { padding-block: 85px; }
  .hero { gap: 24px; min-height: 590px; padding-bottom: 60px; }
  .hero-margin-note { right: -17px; font-size: 8px; }
  .hero-jp-caption { font-size: 9px; letter-spacing: .15em; }
  .hero-description { font-size: 14px; }
  html[data-language="ja"] .hero h1 { font-size: 45px; }
  html[data-language="ja"] .hero-description { font-size: 12px; }
  html[data-language="ja"] .hero-detail { font-size: 10px; }
  html[data-language="en"] .hero h1 { font-size: 47px; }
  html[data-language="en"] .hero-description { font-size: 13px; }
  html[data-language="en"] .hero-detail { font-size: 11px; }
  html[data-language="ja"] .feature h3 { font-size: 21px; }
  html[data-language="ja"] .feature p { font-size: 11px; }
  html[data-language="en"] .feature h3 { font-size: 21px; }
  html[data-language="en"] .workspace-title h3 { font-size: 16px; }
  .approach-columns article:nth-child(2) { padding-top: 52px; }
  .approach-columns article:nth-child(3) { padding-top: 67px; }
  .deployment-steps { padding-top: 10px; }
}
@media (max-width: 680px) {
  .header { gap: 8px; }
  .header-actions { gap: 7px; }
  .header-actions > .button { display: none; }
  .language-switch { gap: 2px; }
  .language-switch button { font-size: 9px; padding: 9px 6px; }
  .hero { gap: 10px; padding-top: 32px; padding-bottom: 59px; min-height: 0; }
  .hero-margin-note { display: none; }
  .hero-jp-caption { font-size: 10px; letter-spacing: .18em; margin-bottom: 21px; }
  .hero-description { font-size: 15px; }
  .hero-visual { margin-top: 13px; }
  .scroll-cue { bottom: 18px; left: 0; font-size: 8px; }
  .scroll-cue-line { height: 20px; }
  .section { padding-block: 66px; }
  .approach-columns article:first-child,
  .approach-columns article:nth-child(2),
  .approach-columns article:nth-child(3) { padding-top: 24px; }
  .approach-columns p { max-width: none; }
  .deployment-steps { padding-top: 0; }
  .demo-controls { display: flex; width: fit-content; max-width: 100%; }
  .demo-controls button { padding-inline: 12px; flex: 1; }
  html[data-language="ja"] .hero h1 { font-size: clamp(38px,11vw,62px); letter-spacing: .025em; margin-top: 24px; margin-bottom: 24px; }
  html[data-language="ja"] .hero-description { font-size: 13px; }
  html[data-language="ja"] .hero-detail { font-size: 11px; }
  html[data-language="ja"] .feature h3 { font-size: 25px; }
  html[data-language="ja"] .feature p { font-size: 12px; }
  html[data-language="ja"] .demo-heading h2 { font-size: 25px; }
  html[data-language="ja"] .closing h2 { font-size: 28px; }
  html[data-language="ja"] .workspace-title h3 { font-size: 14px; }
  html[data-language="en"] .hero h1 { font-size: clamp(36px,10.2vw,58px); letter-spacing: -1.2px; margin-top: 29px; margin-bottom: 23px; }
  html[data-language="en"] .hero-description { font-size: 13px; line-height: 1.9; }
  html[data-language="en"] .hero-detail { font-size: 12px; }
  html[data-language="en"] .hero-actions { gap: 15px; }
  html[data-language="en"] .hero-actions .button { font-size: 10px; gap: 12px; padding-left: 16px; }
  html[data-language="en"] .hero-actions .text-button { font-size: 10px; gap: 9px; }
  html[data-language="en"] .hero-footnote { font-size: 8px; gap: 9px; letter-spacing: 0; }
  html[data-language="en"] .signal strong { font-size: 9px; }
  html[data-language="en"] .feature h3 { font-size: 26px; }
  html[data-language="en"] .demo-controls button { padding-inline: 10px; font-size: 9px; }
  html[data-language="en"] .demo-caption { flex-wrap: wrap; gap: 9px; }
  html[data-language="en"] .demo-caption > span { max-width: none; }
  html[data-language="en"] .workspace-title { flex-wrap: wrap; }
  html[data-language="en"] .workspace-title h3 { font-size: 15px; }
  html[data-language="en"] .metrics > div > span:first-child { font-size: 8px; }
  html[data-language="en"] .metric-bottom { font-size: 7px; }
  html[data-language="en"] .metrics strong small { font-size: 7px; }
  html[data-language="en"] .attention-panel { padding-bottom: 45px; }
  html[data-language="en"] .attention-panel p { max-width: none; font-size: 10px; }
  html[data-language="en"] .attention-panel .demo-link { left: 15px; right: 15px; bottom: 15px; width: auto; }
  html[data-language="en"] .activity-row .outline-tag { display: none; }
  html[data-language="en"] .activity-row strong { font-size: 8px; }
  html[data-language="en"] .trace-source h4, html[data-language="en"] .trace-node strong { font-size: 10px; }
  html[data-language="en"] .trace-node > span { font-size: 7px; }
  html[data-language="en"] .review-item { column-gap: 7px; }
  html[data-language="en"] .review-item-copy { min-width: 110px; }
  html[data-language="en"] .closing h2 { font-size: 31px; }
  html[data-language="en"] .closing .button { font-size: 10px; }
  html[data-language="en"] .footer > div { gap: 17px; }
  html[data-language="en"] .local-diagram { font-size: 8px; }
  html[data-language="en"] .local-diagram > div { padding-inline: 7px; }
  html[data-language="en"] .human-diagram { font-size: 9px; gap: 20px; }
}
@media (max-width: 360px) {
  .hero h1 { font-size: 52px; }
  .hero-footnote { gap: 9px; }
  html[data-language="en"] .hero h1 { font-size: 35px; }
  html[data-language="ja"] .hero h1 { font-size: 37px; }
  html[data-language="en"] .hero-actions { flex-direction: column; align-items: flex-start; gap: 7px; }
  html[data-language="en"] .hero-footnote { font-size: 7px; gap: 7px; }
  html[data-language="ja"] .hero-footnote { font-size: 7px; gap: 8px; }
  html[data-language="en"] .demo-controls button { padding-inline: 9px; font-size: 8px; }
  html[data-language="en"] .human-diagram { font-size: 8px; gap: 17px; }
  html[data-language="en"] .local-diagram { font-size: 7px; }
  html[data-language="ja"] .closing h2 { font-size: 25px; }
}
@media (prefers-reduced-motion: reduce) {
  .motion-enabled .reveal { opacity: 1; transform: none; }
  .shield-scene { transform: none; }
  .crest-glint { opacity: 0; }
  .scroll-cue-line::after { inset: 0; transform: none; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

@media (prefers-reduced-motion: no-preference) {
  .motion-enabled .feature.reveal.is-visible:hover {
    transform: translateY(-5px);
    transition-delay: 0ms;
  }
}