:root{--paper:#f2f1eb;--paper-2:#e8e7e0;--ink:#111310;--muted:#666861;--line:#c9c9c0;--green:#0c5748;--green-2:#d9f2e7;--acid:#e7ff65;--white:#fff;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:inherit;text-decoration:none}
.site-header{height:78px;padding:0 clamp(20px,4.3vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(242,241,235,.94);backdrop-filter:blur(12px);position:relative;z-index:5}
.brand{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:800;letter-spacing:.1em}
.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:6px;background:var(--green);color:#fff;letter-spacing:0}
.site-header nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:700}
.header-download{border:1px solid var(--ink);border-radius:99px;padding:11px 16px}
.hero{padding:clamp(76px,9vw,140px) clamp(20px,4.3vw,72px) 82px;overflow:hidden;background:radial-gradient(circle at 72% 18%,rgba(12,87,72,.13),transparent 28%),linear-gradient(90deg,transparent 49.9%,rgba(17,19,16,.06) 50%,transparent 50.1%)}
.hero-copy{max-width:1130px}
.kicker{margin:0 0 26px;font:700 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--green)}
.hero h1{max-width:1100px;margin:0;font-size:clamp(54px,7.6vw,124px);line-height:.96;letter-spacing:-.075em}
.hero h1 em{font-style:normal;color:var(--green)}
.lead{max-width:690px;margin:38px 0 0;font-size:clamp(16px,1.45vw,21px);line-height:1.85;color:#4e504a}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:38px}
.button{min-height:56px;padding:0 22px;border:1px solid var(--ink);border-radius:999px;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;font-size:13px;font-weight:800;transition:.25s var(--ease)}
.button-primary{background:var(--ink);color:#fff}
.button-secondary{background:transparent}
.button:hover,.download-card>a:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(17,19,16,.14)}
.hero-note{margin:16px 0 56px;color:var(--muted);font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}
.product-frame{margin:0;border:1px solid #aaaba3;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 24px 75px rgba(24,31,27,.13)}
.product-frame img{display:block;width:100%;height:auto}
.hero-frame{max-width:1340px;margin-left:auto;position:relative}
.frame-bar{height:38px;display:flex;align-items:center;gap:6px;padding:0 14px;background:#e4e4de;border-bottom:1px solid #c5c5bd;color:#696b65;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}
.frame-bar i{width:8px;height:8px;border-radius:50%;background:#a5a69f}
.frame-bar span{margin-left:9px}
.signal-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.signal-strip div{min-height:112px;padding:24px clamp(20px,4.3vw,72px);display:flex;align-items:flex-end;gap:18px;border-right:1px solid var(--line)}
.signal-strip div:last-child{border-right:0}
.signal-strip span,.section-label,.step-index{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted)}
.signal-strip strong{font-size:14px}
.section-grid{display:grid;grid-template-columns:minmax(86px,150px) minmax(0,1fr);gap:clamp(28px,5vw,86px)}
.problem{padding:clamp(90px,11vw,170px) clamp(20px,4.3vw,72px);grid-template-columns:minmax(86px,150px) minmax(0,1fr) minmax(260px,360px);align-items:end}
.problem h2,.workflow h2,.capabilities h2,.boundary h2,.implementation h2,.download-section h2{margin:0;font-size:clamp(48px,6.4vw,100px);line-height:.96;letter-spacing:-.07em}
.problem-copy>p:last-child{max-width:740px;margin:38px 0 0;color:var(--muted);font-size:17px;line-height:1.95}
.quote-card{padding:28px;border-top:6px solid var(--green);background:var(--white)}
.quote-card>span{font-size:11px;color:var(--muted)}
.quote-card blockquote{margin:45px 0 32px;font-size:clamp(28px,3vw,44px);line-height:1.25;font-weight:800;letter-spacing:-.05em}
.quote-card p{margin:0;font-size:12px;line-height:1.75;color:var(--muted)}
.workflow{padding:clamp(90px,10vw,150px) 0;background:var(--ink);color:#fff}
.workflow-heading,.workflow-step{padding-left:clamp(20px,4.3vw,72px);padding-right:clamp(20px,4.3vw,72px)}
.workflow .section-label{color:#969b94}
.workflow .kicker{color:#79c3b1}
.workflow-heading{margin-bottom:100px}
.workflow-step{grid-template-columns:minmax(52px,100px) minmax(240px,.7fr) minmax(0,1.55fr);align-items:center;padding-top:48px;padding-bottom:48px;border-top:1px solid #ffffff24}
.workflow-step.reverse{grid-template-columns:minmax(52px,100px) minmax(240px,.7fr) minmax(0,1.55fr)}
.step-index{align-self:start;padding-top:6px;color:#90958e}
.step-copy>span{display:inline-block;margin-bottom:20px;color:var(--acid);font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}
.step-copy h3{margin:0 0 22px;font-size:clamp(30px,3.3vw,52px);line-height:1.05;letter-spacing:-.05em}
.step-copy p{max-width:440px;margin:0;color:#adb2ab;font-size:14px;line-height:1.85}
.step-copy ul{margin:26px 0 0;padding:0;list-style:none;color:#d9dcd7;font-size:12px;line-height:2}
.step-copy li:before{content:"✓";margin-right:9px;color:var(--acid)}
.workflow .product-frame{box-shadow:none;border-color:#3d423d}
.capabilities{padding:clamp(90px,11vw,170px) clamp(20px,4.3vw,72px);background:var(--acid)}
.capabilities-heading{margin-bottom:80px}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #1115}
.capability-grid article{min-height:330px;padding:28px 30px;border-right:1px solid #1115;display:flex;flex-direction:column}
.capability-grid article:last-child{border-right:0}
.capability-grid span{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#555}
.capability-grid h3{margin:auto 0 18px;font-size:clamp(28px,3vw,46px);letter-spacing:-.05em}
.capability-grid p{margin:0;max-width:340px;color:#4f5148;font-size:14px;line-height:1.8}
.boundary{padding:clamp(90px,11vw,170px) clamp(20px,4.3vw,72px);grid-template-columns:minmax(86px,150px) minmax(280px,.8fr) minmax(300px,1fr);align-items:start}
.boundary-list{border-top:1px solid var(--line)}
.boundary-list div{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}
.boundary-list span{font-size:11px;font-weight:800}
.boundary-list p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}
.implementation{padding:clamp(90px,11vw,170px) clamp(20px,4.3vw,72px);background:var(--green);color:#fff}
.implementation .section-label{color:#a4c8bf}.implementation .kicker{color:var(--acid)}
.implementation dl{margin:85px 0 0;border-top:1px solid #ffffff44}
.implementation dl div{display:grid;grid-template-columns:minmax(100px,200px) 1fr;gap:24px;padding:24px 0;border-bottom:1px solid #ffffff44}
.implementation dt{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#b9d3cc}
.implementation dd{margin:0;font-size:clamp(18px,2vw,28px);font-weight:700;letter-spacing:-.03em}
.download-section{padding:clamp(90px,11vw,170px) clamp(20px,4.3vw,72px);background:#deddd5}
.download-copy{max-width:1050px}
.download-copy>p:last-child{max-width:720px;margin:35px 0 0;color:var(--muted);line-height:1.85}
.download-card{margin-top:62px;padding:28px;display:grid;grid-template-columns:88px 1fr auto;gap:24px;align-items:center;border:1px solid var(--ink);border-radius:16px;background:var(--paper);box-shadow:9px 9px 0 var(--ink)}
.file-icon{width:70px;height:70px;display:grid;place-items:center;border-radius:8px;background:var(--green);color:#fff;font:800 13px ui-monospace,SFMono-Regular,Consolas,monospace}
.file-meta{display:flex;flex-direction:column;gap:6px}.file-meta span{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted)}
.file-meta strong{font-size:24px}.file-meta p{margin:0;color:var(--muted);font-size:11px}
.download-card>a{min-height:58px;padding:0 24px;border-radius:99px;background:var(--ink);color:#fff;display:flex;align-items:center;gap:35px;font-size:13px;font-weight:800;transition:.25s var(--ease)}
.hash-row{display:grid;grid-template-columns:110px 1fr;gap:20px;margin-top:45px;padding-top:18px;border-top:1px solid #1115}
.hash-row span{font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.hash-row code{font-size:11px;line-height:1.7;overflow-wrap:anywhere}
.risk-note{margin:36px 0 0;padding:16px;border:1px solid #1114;font-size:12px;line-height:1.7}
footer{padding:30px clamp(20px,4.3vw,72px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-top:1px solid var(--line);font-size:11px}
footer p{text-align:center}footer>a:last-child{text-align:right;font-weight:700}
:focus-visible{outline:3px solid #55a791;outline-offset:4px}
@media(max-width:980px){.problem{grid-template-columns:100px 1fr}.quote-card{grid-column:2;margin-top:30px}.workflow-step,.workflow-step.reverse{grid-template-columns:60px 1fr}.workflow-step .product-frame{grid-column:2;margin-top:30px}.boundary{grid-template-columns:100px 1fr}.boundary-list{grid-column:2;margin-top:30px}}
@media(max-width:720px){.site-header{height:68px}.site-header nav>a:not(.header-download){display:none}.header-download{padding:9px 13px}.hero{padding-top:72px;background:none}.hero h1{font-size:clamp(49px,15vw,72px)}.lead{margin-top:28px}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.hero-note{margin-bottom:38px}.frame-bar{height:30px}.signal-strip{grid-template-columns:1fr}.signal-strip div{min-height:76px;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.signal-strip div:last-child{border-bottom:0}.section-grid,.problem,.boundary{grid-template-columns:1fr;gap:30px}.problem,.workflow,.capabilities,.boundary,.implementation,.download-section{padding-top:78px;padding-bottom:78px}.quote-card,.boundary-list{grid-column:auto;margin-top:10px}.workflow-heading{margin-bottom:60px}.workflow-step,.workflow-step.reverse{grid-template-columns:1fr;gap:20px;padding-top:40px;padding-bottom:50px}.workflow-step .product-frame{grid-column:auto;margin-top:10px}.step-index{padding:0}.capabilities-heading{margin-bottom:55px}.capability-grid{grid-template-columns:1fr}.capability-grid article{min-height:230px;padding-inline:0;border-right:0;border-bottom:1px solid #1115}.boundary-list div{grid-template-columns:1fr;gap:8px}.implementation dl{margin-top:55px}.implementation dl div{grid-template-columns:76px 1fr}.download-card{grid-template-columns:58px 1fr;padding:20px;box-shadow:6px 6px 0 var(--ink)}.file-icon{width:54px;height:54px}.file-meta strong{font-size:18px}.download-card>a{grid-column:1/-1;justify-content:space-between}.hash-row{grid-template-columns:1fr}.product-frame{border-radius:8px}footer{grid-template-columns:1fr;gap:18px;text-align:center}footer .brand{justify-content:center}footer p,footer>a:last-child{text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:720px){.hero h1{font-size:clamp(42px,11.3vw,52px);line-height:.98}}