:root{--paper:#f5f0e7;--paper-2:#ece5d9;--ink:#1d1c19;--muted:#625e57;--line:#d5cdc0;--orange:#d94d12;--dark:#1c1916;--cream:#fffaf1;--radius:18px;--shadow:0 18px 55px rgba(58,45,29,.11);--shell:min(1180px,calc(100% - 48px));font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;overflow-x:hidden;background:var(--paper);font-size:16px;line-height:1.65}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.shell{width:var(--shell);margin-inline:auto}.paper-grain{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.42;background-image:linear-gradient(115deg,transparent 0 48%,rgba(67,54,39,.035) 48% 49%,transparent 49%),radial-gradient(rgba(30,28,25,.06) .65px,transparent .65px);background-size:34px 34px,7px 7px}.skip-link{position:fixed;top:8px;left:8px;z-index:1000;background:var(--ink);color:white;padding:10px 16px;border-radius:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(85,72,55,.15);background:rgba(245,240,231,.88);backdrop-filter:blur(16px)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:750;min-height:44px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--ink);color:#fff;font-weight:800}.nav-links{display:flex;align-items:center;gap:8px}.nav-links a{display:flex;align-items:center;min-height:44px;padding:0 14px;color:var(--muted);border-radius:999px;font-size:14px}.nav-links a:hover,.nav-links a[aria-current="true"]{color:var(--ink);background:rgba(255,255,255,.62)}.github-link{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 17px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.65);font-weight:700}.github-link svg{width:19px;fill:currentColor}
.hero{min-height:calc(100svh - 72px);padding:78px 0 70px;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);align-items:center;gap:72px}.hero-copy h1{font-family:Georgia,"Songti SC",serif;font-size:clamp(54px,6.8vw,92px);line-height:.98;letter-spacing:-.055em;font-weight:400;margin:0 0 30px}.hero-copy h1 em{color:var(--orange);font-style:italic}.hero-lead{max-width:650px;margin:0 0 30px;color:#504c46;font-size:18px;line-height:1.8}.quick-install{max-width:690px;border:1px solid rgba(97,82,63,.2);border-radius:16px;background:rgba(255,255,255,.72);box-shadow:0 12px 36px rgba(48,39,27,.07);overflow:hidden}.command-label{display:flex;justify-content:space-between;gap:16px;padding:9px 16px;border-bottom:1px solid rgba(97,82,63,.14);color:var(--muted);font-size:12px;font-weight:700}.command-row{display:flex;align-items:center;gap:12px;padding:10px 10px 10px 18px}.command-row code{flex:1;min-width:0;overflow-wrap:anywhere;font:600 14px/1.5 "Cascadia Code",Consolas,monospace}.copy-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 14px;border:0;border-radius:11px;background:transparent;cursor:pointer;font-weight:700;font-size:14px;transition:background .2s ease,color .2s ease}.copy-button:hover{background:rgba(29,28,25,.07)}.copy-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 23px;border-radius:999px;border:1px solid var(--ink);font-weight:750;cursor:pointer}.button.primary{background:var(--ink);color:white;box-shadow:0 5px 0 #8f877c}.text-link{min-height:44px;display:inline-flex;align-items:center;gap:8px;font-weight:700}.text-link span{color:var(--orange)}
.hero-forge{border-radius:22px;background:var(--dark);color:#f6efe5;box-shadow:0 32px 80px rgba(37,29,21,.23);overflow:hidden;transform:rotate(1.2deg)}.forge-head{height:48px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3d3730;color:#aaa196;font:12px "Cascadia Code",monospace}.lights{display:flex;gap:6px}.lights i{width:10px;height:10px;border-radius:50%;background:#ff665b}.lights i:nth-child(2){background:#f7b42c}.lights i:nth-child(3){background:#36c85b}.forge-body{padding:24px}.prompt{margin:0 0 20px;font:14px/1.6 "Cascadia Code",monospace}.prompt span{color:#ff6d2d}.forge-steps{list-style:none;margin:0;padding:0;border-top:1px solid #3b352f}.forge-steps li{display:grid;grid-template-columns:34px 72px 1fr;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #3b352f}.forge-steps li>span{color:#ef6d36;font:12px monospace}.forge-steps strong{font-size:14px}.forge-steps small{color:#b6afa5}.forge-done{margin-top:22px;padding:13px;border-radius:9px;background:#292520;color:#c8c0b6;font:12px monospace}.forge-done span{margin-right:9px;color:#73d58b}
.statement-band{padding:76px 0;background:var(--dark);color:var(--cream)}.statement-grid{display:grid;grid-template-columns:.7fr 1.6fr 1fr;gap:48px;align-items:start}.statement-grid p{margin:5px 0;color:#ada49a}.statement-grid h2{font-family:Georgia,"Songti SC",serif;font-size:clamp(38px,4.5vw,64px);line-height:1.15;font-weight:400;margin:0}.statement-note{padding-top:8px;color:#c8c0b7;max-width:360px}.section{padding:110px 0}.section-heading{margin-bottom:60px}.split-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.section-index{display:block;margin-bottom:14px;color:#a33b12;font-size:13px;font-weight:800;letter-spacing:.08em}.section-heading h2,.commands-copy h2,.provider-layout h2,.final-cta h2{font-family:Georgia,"Songti SC",serif;font-size:clamp(40px,5vw,66px);line-height:1.12;font-weight:400;letter-spacing:-.035em;margin:0}.section-heading>p,.split-heading>p,.commands-copy>p{margin:0;color:var(--muted);font-size:17px}
.feature-rail{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-rail article{padding:36px 30px 42px;border-right:1px solid var(--line)}.feature-rail article:last-child{border-right:0}.feature-number{font:12px monospace;color:var(--orange)}.feature-rail h3{font-size:23px;margin:38px 0 12px}.feature-rail p{color:var(--muted);margin:0}
.install-section{padding:110px 0;background:var(--paper-2);border-block:1px solid var(--line)}.install-heading{max-width:750px}.install-heading p{max-width:650px;margin:20px 0 0;color:var(--muted);font-size:17px}.install-console{display:grid;grid-template-columns:1.15fr .85fr;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.install-primary{min-width:0;padding:38px;background:var(--dark);color:white}.terminal-top{display:flex;justify-content:space-between;margin-bottom:70px;color:#a59d93;font:12px monospace}.terminal-command{display:flex;gap:16px;align-items:flex-start;margin-bottom:30px}.terminal-command code{font:600 clamp(17px,2vw,22px)/1.7 "Cascadia Code",Consolas,monospace;overflow-wrap:anywhere}.terminal-prompt{color:#ff6d2d;font:bold 22px monospace}.button.light{background:#fff;color:var(--ink);border-color:#fff}.terminal-note{margin:24px 0 0;color:#afa79d;font-size:13px}.install-options{padding:38px;background:#fffaf2}.install-options h3{margin:0 0 28px;font-size:15px;text-transform:uppercase;letter-spacing:.08em}.install-options details{border-top:1px solid var(--line)}.install-options details:last-child{border-bottom:1px solid var(--line)}.install-options summary{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;font-weight:700;list-style:none}.install-options details[open] summary span:last-child{transform:rotate(45deg)}.install-options code{display:block;padding:0 0 20px;color:#514b44;font:13px/1.7 monospace;overflow-wrap:anywhere}
.workflow-line{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.workflow-line li{padding:25px 10px 27px;border-right:1px solid var(--line);text-align:center}.workflow-line li:last-child{border-right:0}.workflow-line span{display:block;color:var(--orange);font:11px monospace;margin-bottom:22px}.workflow-line strong{display:block}.workflow-line small{display:block;color:var(--muted);font-size:11px}
.commands-section{padding:110px 0;background:var(--dark);color:white}.commands-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:90px;align-items:start}.commands-copy p{margin-top:24px;color:#b9b1a7}.command-lab{border:1px solid #484139;border-radius:16px;overflow:hidden;background:#211e1a}.tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #484139}.tabs button{min-height:48px;border:0;border-right:1px solid #484139;background:transparent;color:#aaa196;cursor:pointer;font-weight:700}.tabs button:last-child{border-right:0}.tabs button[aria-selected="true"]{background:#f6efe5;color:var(--ink)}.tab-panel pre{margin:0;padding:34px;min-height:190px;overflow:auto}.tab-panel code{color:#e9e1d6;font:15px/2 "Cascadia Code",Consolas,monospace}
.provider-band{padding:100px 0;background:#d85319;color:#fff}.provider-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.provider-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.45)}.provider-list span{padding:17px 4px;border-bottom:1px solid rgba(255,255,255,.45);font-weight:700}.security-note{grid-column:2;display:flex;gap:18px}.security-note svg{flex:0 0 32px;width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.6}.security-note p{margin:0;color:#fff3eb}.final-cta{padding:120px 0;text-align:center}.final-cta h2{margin-bottom:38px}.final-command{max-width:780px;margin:auto;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 20px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.68);box-shadow:var(--shadow)}.final-command code{flex:1;min-width:0;text-align:left;overflow-wrap:anywhere;font:600 14px/1.6 monospace}.site-footer{border-top:1px solid var(--line);padding:28px 0}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-row p{color:var(--muted);font-size:14px}.footer-row>a:last-child{min-height:44px;display:flex;align-items:center;font-weight:700}.sr-status{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}:focus-visible{outline:3px solid #1476d4;outline-offset:3px}
@media (max-width: 900px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:64px;gap:54px}.hero-forge{max-width:660px;transform:none}.statement-grid,.split-heading,.commands-layout{grid-template-columns:1fr;gap:28px}.statement-note{max-width:600px}.feature-rail{grid-template-columns:1fr}.feature-rail article{border-right:0;border-bottom:1px solid var(--line)}.feature-rail article:last-child{border-bottom:0}.install-console{grid-template-columns:1fr}.workflow-line{grid-template-columns:repeat(4,1fr)}.provider-layout{grid-template-columns:1fr}.security-note{grid-column:auto}.section,.install-section,.commands-section{padding:84px 0}}
@media (max-width: 640px){:root{--shell:calc(100% - 32px)}.site-header .nav{height:64px}.brand{font-size:14px}.brand-mark{width:30px;height:30px}.github-link{padding:0 13px}.hero{min-height:auto;padding:52px 0 60px;gap:42px}.hero-copy h1{font-size:48px;line-height:1.01;margin-bottom:24px}.hero-lead{font-size:16px;line-height:1.7}.command-label span:last-child{display:none}.command-row{align-items:stretch;flex-direction:column;padding:14px}.command-row code{font-size:13px;overflow-wrap:anywhere}.command-row .copy-button{background:var(--ink);color:#fff}.hero-actions{justify-content:space-between}.hero-forge{border-radius:16px}.forge-body{padding:18px}.forge-steps li{grid-template-columns:28px 60px 1fr;font-size:13px}.forge-steps small{font-size:11px}.statement-band{padding:56px 0}.statement-grid{gap:18px}.statement-grid h2{font-size:40px}.section,.install-section,.commands-section{padding:70px 0}.section-heading{margin-bottom:38px}.section-heading h2,.commands-copy h2,.provider-layout h2,.final-cta h2{font-size:40px}.feature-rail article{padding:28px 20px}.feature-rail h3{margin-top:22px}.install-primary,.install-options{padding:24px}.terminal-top{margin-bottom:38px}.terminal-command{gap:10px}.terminal-command code{font-size:16px;overflow-wrap:anywhere}.install-primary .button{width:100%;padding-inline:14px}.workflow-line{grid-template-columns:repeat(2,1fr)}.workflow-line li{border-bottom:1px solid var(--line)}.workflow-line li:nth-child(2n){border-right:0}.workflow-line li:nth-last-child(-n+2){border-bottom:0}.commands-layout{gap:42px}.tabs{grid-template-columns:repeat(2,1fr)}.tabs button:nth-child(-n+2){border-bottom:1px solid #484139}.tabs button:nth-child(2n){border-right:0}.tab-panel pre{padding:24px 18px;min-height:170px}.provider-band{padding:72px 0}.provider-layout{gap:40px}.final-cta{padding:80px 0}.final-command{align-items:stretch;flex-direction:column;padding:14px}.final-command code{text-align:center}.final-command .copy-button{background:var(--ink);color:#fff}.footer-row{flex-direction:column;text-align:center}.footer-row p{margin:0}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.hero-copy h1{font-size:clamp(54px,5.8vw,78px)}.hero-copy h1 em{display:inline-block;white-space:nowrap}
@media (max-width: 640px){.hero-copy h1{font-size:46px}}
+
/* Spatial Liquid Glass — approved direction B */
:root{--glass-surface:rgba(255,255,255,.42);--glass-strong:rgba(247,251,255,.68);--glass-border:rgba(255,255,255,.82);--glass-shadow:0 30px 80px rgba(41,69,102,.16),inset 0 1px 0 rgba(255,255,255,.95);--ocean:#0a408f;--ocean-deep:#06265d;--pointer-x:50%;--pointer-y:30%;--paper:#edf3f9;--paper-2:#e4edf6;--ink:#07152b;--muted:#46566c;--line:rgba(73,101,134,.18);--orange:#236fc8}
body{background:linear-gradient(145deg,#f9fbfd 0%,#eaf2fa 46%,#f6f9fc 100%);color:var(--ink)}
body::before{content:"";position:fixed;inset:0;z-index:-4;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.96),transparent 24%),linear-gradient(118deg,transparent 28%,rgba(118,185,255,.12) 40%,rgba(255,175,218,.1) 49%,transparent 61%);transition:background-position .24s ease}
.ambient-light{position:fixed;z-index:-3;pointer-events:none;border-radius:50%;filter:blur(12px);opacity:.9}.ambient-light-one{width:70vw;height:52vw;left:-18vw;top:-20vw;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(126,190,255,.22) 42%,transparent 70%)}.ambient-light-two{width:64vw;height:50vw;right:-22vw;top:10vh;background:radial-gradient(circle,rgba(166,218,255,.34),rgba(216,175,255,.15) 40%,transparent 70%)}
.paper-grain{opacity:.22;background-image:linear-gradient(112deg,transparent 0 49.7%,rgba(255,255,255,.65) 49.8% 50.1%,transparent 50.2%),linear-gradient(rgba(44,81,120,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(44,81,120,.035) 1px,transparent 1px);background-size:120px 120px,80px 80px,80px 80px}
.site-header{top:12px;border:0;background:transparent;backdrop-filter:none}.nav{height:62px;padding:0 14px 0 18px;border:1px solid var(--glass-border);border-radius:22px;background:var(--glass-surface);backdrop-filter:blur(28px) saturate(150%);box-shadow:0 12px 35px rgba(65,91,123,.12),inset 0 1px 0 #fff}
.brand-mark{border-radius:50%;background:linear-gradient(145deg,#092e67,#1675d1);box-shadow:inset 0 1px 1px rgba(255,255,255,.35),0 5px 15px rgba(17,83,158,.22)}
.nav-links a:hover,.nav-links a[aria-current="true"]{background:rgba(255,255,255,.55);box-shadow:inset 0 1px 0 #fff}
.github-link{border-color:rgba(255,255,255,.88);background:rgba(255,255,255,.48);box-shadow:inset 0 1px 0 white}
.hero{min-height:calc(100svh - 12px);padding-top:105px;grid-template-columns:minmax(0,.9fr) minmax(560px,1.1fr);gap:60px}
.hero-copy h1{font-family:"Songti SC","STSong","Noto Serif SC",Georgia,serif;font-size:clamp(62px,5.5vw,82px);line-height:1.03;letter-spacing:-.065em;color:#071426;text-shadow:0 1px 0 rgba(255,255,255,.9)}.hero-copy h1 em{color:inherit;font-style:normal}
.hero-lead{color:#415268;max-width:600px}
.quick-install{border-color:var(--glass-border);background:var(--glass-strong);backdrop-filter:blur(26px) saturate(155%);box-shadow:var(--glass-shadow),inset 0 -1px 0 rgba(77,116,158,.08);border-radius:22px}
.command-label{border-color:rgba(80,111,148,.13);color:#52657c}.copy-button:hover{background:rgba(21,87,161,.1)}
.button.primary{border:1px solid rgba(0,45,105,.6);background:linear-gradient(180deg,#1766bd,#083c86);box-shadow:0 12px 28px rgba(7,64,137,.28),inset 0 1px 0 rgba(255,255,255,.36);color:#fff}.button.primary:hover{filter:brightness(1.06)}
.text-link span,.section-index,.feature-number{color:#145fae}
.hero-forge{position:relative;transform:perspective(1100px) rotateY(-5deg) rotateX(1.5deg);border:1px solid rgba(255,255,255,.85);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.5),rgba(220,237,252,.28));backdrop-filter:blur(30px) saturate(160%);box-shadow:0 45px 100px rgba(37,75,118,.2),inset 0 1px 0 #fff;color:var(--ink);overflow:visible}
.hero-forge::before,.hero-forge::after{content:"";position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.82);border-radius:26px;background:rgba(242,249,255,.3);backdrop-filter:blur(20px);box-shadow:0 25px 60px rgba(51,84,124,.12)}.hero-forge::before{inset:11% -7% 14% 24%;transform:translate(22px,-45px)}.hero-forge::after{width:46%;height:34%;right:-9%;top:23%;transform:translateX(36px)}
.forge-head{border-color:rgba(62,93,129,.14);color:#556980}.forge-body{position:relative}.prompt{color:#173452}.prompt span{color:#176dc4}.forge-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;border:0}.forge-steps li{grid-template-columns:34px 1fr;grid-template-rows:auto auto;border:1px solid rgba(255,255,255,.8);border-radius:18px;padding:16px;background:rgba(255,255,255,.38);box-shadow:inset 0 1px 0 #fff}.forge-steps li>span{grid-row:1/3;color:#1668bd}.forge-steps small{color:#53667c}.forge-done{background:rgba(6,42,92,.88);color:#dcecff;border:1px solid rgba(255,255,255,.2)}.forge-done span{color:#7ee2ad}
.statement-band,.commands-section{background:linear-gradient(145deg,#07172d,#0a3265 58%,#164f8d);position:relative;overflow:hidden}.statement-band::before,.commands-section::before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 75% 35%,rgba(84,170,255,.26),transparent 32%),linear-gradient(120deg,transparent 35%,rgba(255,255,255,.06),transparent 55%);pointer-events:none}
.feature-rail article,.install-console,.command-lab,.final-command{backdrop-filter:blur(26px) saturate(145%)}.feature-rail{border:0;gap:18px}.feature-rail article{border:1px solid var(--glass-border)!important;border-radius:24px;background:var(--glass-surface);box-shadow:var(--glass-shadow)}
.install-section{background:rgba(225,237,248,.55)}.install-console{border:1px solid var(--glass-border);background:rgba(255,255,255,.38);box-shadow:var(--glass-shadow);border-radius:28px}.install-primary{background:linear-gradient(145deg,rgba(5,34,77,.96),rgba(10,65,130,.9))}.install-options{background:rgba(255,255,255,.48)}
.workflow-line{gap:10px;border:0}.workflow-line li{border:1px solid var(--glass-border)!important;border-radius:18px;background:var(--glass-surface);backdrop-filter:blur(18px);box-shadow:0 16px 40px rgba(55,83,116,.09)}
.command-lab{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.08);box-shadow:0 30px 80px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.16)}.tabs button[aria-selected="true"]{background:rgba(255,255,255,.9);color:#092b59}
.provider-band{background:linear-gradient(135deg,#dcecff,#edf5fc 45%,#e8e5ff);color:var(--ink)}.provider-list span{border-color:rgba(55,91,130,.2)}.security-note p{color:#354a61}.final-command{border-color:var(--glass-border);background:var(--glass-strong)}
@media(max-width:1100px){.hero{grid-template-columns:1fr;min-height:auto}.hero-forge{max-width:760px;transform:none}.hero-forge::before,.hero-forge::after{display:none}}
@media(max-width:640px){.site-header{top:8px}.nav{height:56px;border-radius:18px}.hero{padding-top:72px}.hero-copy h1{font-size:46px}.hero-forge{border-radius:22px}.forge-steps{grid-template-columns:1fr}.feature-rail{gap:12px}.workflow-line{gap:8px}}
@media(prefers-reduced-motion:reduce){body::before{transition:none}.ambient-light{display:none}.hero-forge{transform:none}}