:root{--cc-blue: #1466e0;--cc-blue-deep: #0d4fb8;--cc-teal: #00a9a5;--cc-teal-bright: #00c6c2;--cc-amber: #f5a524;--cc-navy: #081226;--cc-navy-2: #0e1d3d;--cc-ink: #0d1b36;--cc-muted: #56637a;--cc-bg: #ffffff;--cc-soft: #f4f7fc;--cc-card: #ffffff;--cc-line: #e1e7f0;--cc-grad: linear-gradient(135deg, #1466e0 0%, #00c6c2 100%);--max: 1160px;--gutter: clamp(20px, 4vw, 40px);--radius: 14px;--shadow-sm: 0 1px 2px rgba(13, 27, 54, .05), 0 1px 1px rgba(13, 27, 54, .03);--shadow-md: 0 12px 32px rgba(13, 27, 54, .09), 0 2px 8px rgba(13, 27, 54, .04);--font-sans: "Segoe UI Variable Display", "Segoe UI", -apple-system, system-ui, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--font-mono: "Cascadia Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}html,body{margin:0;padding:0;background:var(--cc-bg);color:var(--cc-ink);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{color:var(--cc-ink);margin:0 0 .5em;font-family:var(--font-sans);text-wrap:balance}h1{font-size:clamp(2.5rem,5.2vw,4rem);font-weight:600;line-height:1.05;letter-spacing:-.028em}h2{font-size:clamp(1.85rem,3.5vw,2.7rem);font-weight:600;line-height:1.12;letter-spacing:-.022em}h3{font-size:1.14rem;font-weight:650;line-height:1.3;letter-spacing:-.01em}.accent{background:var(--cc-grad);-webkit-background-clip:text;background-clip:text;color:transparent}p{margin:0 0 1em;color:var(--cc-ink)}a{color:var(--cc-blue);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--font-mono);font-size:.92em;background:var(--cc-soft);color:var(--cc-blue-deep);padding:.12em .4em;border-radius:4px}.container{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}.muted{color:var(--cc-muted)}.site-header{position:sticky;top:0;z-index:20;background:#ffffffe0;backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--cc-line)}.nav{display:flex;align-items:center;justify-content:space-between;height:68px;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem;letter-spacing:-.01em;color:var(--cc-ink)}.brand img{width:30px;height:30px}.brand:hover{text-decoration:none}.nav-links{display:flex;gap:28px;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.01em}.nav-links a{color:var(--cc-ink)}.nav-links a:hover,.nav-links a.active{color:var(--cc-blue);text-decoration:none}.nav-right{display:flex;align-items:center;gap:10px}.nav-menu{display:none;position:relative}.nav-menu summary{list-style:none;cursor:pointer;width:40px;height:40px;border:1px solid var(--cc-line);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--cc-ink)}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu-panel{position:absolute;right:0;top:48px;min-width:200px;background:var(--cc-card);border:1px solid var(--cc-line);border-radius:12px;box-shadow:var(--shadow-md);padding:8px;display:grid}.nav-menu-panel a{padding:10px 12px;border-radius:8px;color:var(--cc-ink);font-weight:500}.nav-menu-panel a:hover{background:var(--cc-soft);text-decoration:none}@media (max-width: 900px){.nav-links{display:none}.nav-menu{display:block}}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;font-weight:600;font-size:.95rem;cursor:pointer;border:1px solid transparent;transition:transform .08s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.btn:hover{text-decoration:none}.btn-primary{background:var(--cc-blue);color:#fff;box-shadow:0 4px 14px #1466e047}.btn-primary:hover{background:var(--cc-blue-deep);transform:translateY(-1px);box-shadow:0 8px 22px #1466e052}.btn-ghost{color:var(--cc-ink);background:var(--cc-card);border-color:var(--cc-line)}.btn-ghost:hover{border-color:var(--cc-blue);color:var(--cc-blue)}.btn-light{background:#fff;color:var(--cc-navy)}.btn-light:hover{transform:translateY(-1px)}.btn-outline-light{color:#fff;border-color:#ffffff59}.btn-outline-light:hover{border-color:#fff}.nav-cta{padding:9px 18px;font-size:.9rem}.hero{padding:clamp(56px,8vw,96px) 0 clamp(48px,6vw,72px);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-160px 0 auto;height:720px;background:radial-gradient(760px 420px at 78% 30%,rgba(0,198,194,.16),transparent 62%),radial-gradient(720px 420px at 18% 0%,rgba(20,102,224,.13),transparent 62%);z-index:-1}.eyebrow{display:inline-block;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--cc-blue);margin-bottom:18px}.hero .eyebrow{background:#1466e014;padding:6px 12px;border-radius:999px}.hero p.lede{font-size:clamp(1.05rem,1.4vw,1.22rem);color:var(--cc-muted);max-width:600px;margin-bottom:30px}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}.hero-meta{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:.88rem;color:var(--cc-muted)}.hero-meta span:before{content:"✓";color:var(--cc-teal);font-weight:700;margin-right:6px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,48px);align-items:center}.hero-text,.hero-visual{min-width:0}.orbit{width:100%;height:auto;display:block;font-family:var(--font-sans)}.orbit .ring{fill:none;stroke:#c9d6ea;stroke-width:1.2;stroke-dasharray:3 7;transform-origin:300px 270px;animation:orbit-spin 90s linear infinite}.orbit .ring.inner{stroke:#9fc0f0;animation-duration:60s;animation-direction:reverse}.orbit .spoke{stroke:#dbe4f1;stroke-width:1}.orbit .node rect{fill:#fff;stroke:var(--cc-line);filter:drop-shadow(0 4px 10px rgba(13,27,54,.08))}.orbit .node text{font-size:12.5px;font-weight:600;fill:var(--cc-ink)}.orbit .iface rect{fill:#eaf2fe;stroke:#c5dafa}.orbit .iface text{font-family:var(--font-mono);font-size:10.5px;font-weight:600;fill:var(--cc-blue-deep)}.orbit .core-label{font-size:13px;font-weight:700;fill:#fff}.orbit .core-sub{font-family:var(--font-mono);font-size:9px;fill:#ffffffbf;letter-spacing:.08em}@keyframes orbit-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.orbit .ring{animation:none}html{scroll-behavior:auto}}@media (max-width: 960px){.hero-grid{grid-template-columns:1fr}.hero-visual{max-width:560px;margin:0 auto;width:100%}}section{padding:clamp(60px,8vw,104px) 0}.band{background:var(--cc-soft)}.dark{background:radial-gradient(900px 480px at 85% 0%,rgba(0,198,194,.16),transparent 60%),radial-gradient(800px 480px at 0% 100%,rgba(20,102,224,.28),transparent 60%),var(--cc-navy);color:#fff}.dark h2,.dark h3{color:#fff}.dark p{color:#b9c6dc}.dark .eyebrow{color:var(--cc-teal-bright)}.section-head{max-width:760px;margin-bottom:clamp(32px,4vw,52px)}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-head p{color:var(--cc-muted);font-size:1.08rem;margin:0}.dark .section-head p{color:#b9c6dc}.section-title{text-align:center;margin-bottom:14px}.section-sub{text-align:center;color:var(--cc-muted);font-size:1.05rem;margin:0 auto 48px;max-width:660px}.stats{padding:0;border-top:1px solid var(--cc-line);border-bottom:1px solid var(--cc-line)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:30px 24px;border-left:1px solid var(--cc-line)}.stat:first-child{border-left:none;padding-left:0}.stat .num{font-size:clamp(1.9rem,3vw,2.5rem);font-weight:600;letter-spacing:-.03em;line-height:1.1;color:var(--cc-ink)}.stat .lbl{font-weight:600;margin-top:6px}.stat .sub{font-size:.88rem;color:var(--cc-muted)}@media (max-width: 860px){.stats-row{grid-template-columns:repeat(2,1fr)}.stat{padding:22px 16px}.stat:nth-child(odd){border-left:none;padding-left:0}.stat:nth-child(n+3){border-top:1px solid var(--cc-line)}}.grid{display:grid;gap:20px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 1000px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 860px){.grid-3,.grid-2{grid-template-columns:1fr}}@media (max-width: 560px){.grid-4{grid-template-columns:1fr}}.card{background:var(--cc-card);border:1px solid var(--cc-line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#c9d6ea}.card h3{margin-bottom:8px}.card p{color:var(--cc-muted);margin-bottom:0;font-size:.96rem}.card .icon{width:40px;height:40px;border-radius:10px;background:var(--cc-grad);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.pillar{border-top:2px solid var(--cc-ink);padding-top:20px}.pillar .k{font-family:var(--font-mono);font-size:.78rem;color:var(--cc-blue);font-weight:600;letter-spacing:.06em}.pillar h3{font-size:1.3rem;margin:10px 0;letter-spacing:-.015em}.pillar p{color:var(--cc-muted);font-size:.97rem;margin:0}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.pill-live{background:#00a9a521;color:#00716f}.pill-design{background:#1466e01a;color:var(--cc-blue-deep)}.pill-planned{background:#56637a21;color:#3d4a63}.eco-group{display:grid;grid-template-columns:220px 1fr;gap:28px;padding:30px 0;border-top:1px solid var(--cc-line)}.eco-group:last-child{padding-bottom:0}.eco-desk .k{font-family:var(--font-mono);font-size:.76rem;color:var(--cc-blue);font-weight:600;letter-spacing:.06em}.eco-desk h3{font-size:1.25rem;margin:8px 0 0}.eco-items{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.eco-card{padding:20px;display:flex;flex-direction:column}.eco-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px}.eco-card h4{font-size:1.04rem;font-weight:650;margin:0}.eco-host{font-family:var(--font-mono);font-size:.74rem;color:var(--cc-muted);margin-bottom:10px}@media (max-width: 1000px){.eco-group{grid-template-columns:1fr;gap:16px}.eco-items{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.eco-items{grid-template-columns:1fr}}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,5vw,72px);align-items:center}.split>*{min-width:0}@media (max-width: 960px){.split{grid-template-columns:1fr}}.checks{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:16px}.checks li{padding-left:30px;position:relative;color:var(--cc-muted)}.checks li:before{content:"✓";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:#00a9a524;color:var(--cc-teal);font-size:.74rem;font-weight:800;display:flex;align-items:center;justify-content:center}.checks b{color:var(--cc-ink);font-weight:650}.dark .checks li{color:#b9c6dc}.dark .checks b{color:#fff}.dark .checks li:before{background:#00c6c22e;color:var(--cc-teal-bright)}.stack{display:grid;gap:10px}.layer{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;border-radius:14px;padding:16px 18px}.layer-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#8fa3c4;margin-bottom:10px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-size:.84rem;font-weight:550;padding:6px 12px;border-radius:8px;background:#ffffff14;color:#e6edf8;white-space:nowrap}.layer.iface{border-color:#00c6c280;background:#00c6c214}.layer.iface .layer-label{color:var(--cc-teal-bright)}.layer.iface .chip{font-family:var(--font-mono);font-size:.78rem;background:#00c6c224;color:#c9fbf9}.layer.core{background:var(--cc-grad);border:none;text-align:center;padding:20px}.layer.core b{display:block;font-size:1.1rem;color:#fff}.layer.core span{font-size:.86rem;color:#ffffffd9}.stack-flow{text-align:center;color:#6f86ab;font-size:.8rem;line-height:1}.mock{background:var(--cc-card);border:1px solid var(--cc-line);border-radius:16px;box-shadow:var(--shadow-md);overflow:hidden;font-size:.9rem}.mock-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-bottom:1px solid var(--cc-line);background:var(--cc-soft);font-family:var(--font-mono);font-size:.78rem;color:var(--cc-muted)}.mock-body{padding:18px}.mock-route{font-size:1.15rem;font-weight:700;margin-bottom:4px}.mock-route span{color:var(--cc-teal)}.mock-rows{display:grid;gap:8px;margin:14px 0;padding:14px 0;border-top:1px solid var(--cc-line);border-bottom:1px solid var(--cc-line)}.mock-row{display:flex;justify-content:space-between;gap:12px}.mock-row span{color:var(--cc-muted)}.mock-row b{font-weight:600;text-align:right}.mock-reply{background:var(--cc-soft);border-radius:10px;padding:14px 16px;color:var(--cc-ink);line-height:1.55}.mock-reply .tag{display:block;font-family:var(--font-mono);font-size:.72rem;color:var(--cc-blue);font-weight:600;margin-bottom:8px}.outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.outcome .num{font-size:1.7rem;font-weight:600;letter-spacing:-.02em;white-space:nowrap}.outcome .lbl{font-size:.86rem;color:var(--cc-muted)}@media (max-width: 560px){.outcomes{grid-template-columns:1fr}}.quote{font-size:clamp(1.3rem,2.2vw,1.7rem);line-height:1.35;letter-spacing:-.015em;font-weight:500;color:var(--cc-ink);border-left:3px solid var(--cc-teal-bright);padding-left:22px;margin:26px 0 0}.exp-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.exp-item{background:var(--cc-card);border:1px solid var(--cc-line);border-radius:12px;padding:18px}.exp-item h4{font-size:.98rem;font-weight:650;margin:0 0 4px}.exp-item p{font-size:.9rem;color:var(--cc-muted);margin:0}@media (max-width: 560px){.exp-list{grid-template-columns:1fr}}.step .k{font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:var(--cc-blue);letter-spacing:.06em;margin-bottom:10px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 860px){.price-grid{grid-template-columns:1fr}}.price-card{background:var(--cc-card);border:1px solid var(--cc-line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column}.price-card.featured{border-color:var(--cc-blue);box-shadow:0 0 0 3px #1466e01a,var(--shadow-md);position:relative}.price-card.featured:before{content:"Recommended";position:absolute;top:-12px;left:24px;background:var(--cc-grad);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:4px 10px;border-radius:999px}.price-card h3{margin-bottom:6px}.price-card .price{font-size:2.1rem;font-weight:650;letter-spacing:-.02em;line-height:1.2;margin:14px 0 4px}.price-card .price small{font-size:.9rem;font-weight:500;letter-spacing:0;color:var(--cc-muted)}.price-card ul{list-style:none;padding:0;margin:18px 0 24px;font-size:.94rem}.price-card li{padding:7px 0;border-top:1px solid var(--cc-line);color:var(--cc-ink)}.price-card li:before{content:"✓ ";color:var(--cc-teal);font-weight:800;margin-right:4px}.price-card li:first-child{border-top:none}.price-card .btn{margin-top:auto;justify-content:center}.prose{max-width:760px;margin:0 auto}.prose h2{margin-top:1.6em;font-size:clamp(1.5rem,2.6vw,1.9rem)}.prose ul,.prose ol{padding-left:22px;margin:0 0 1em}.prose li{margin:.3em 0}.prose table{width:100%;border-collapse:collapse;margin:14px 0 22px;font-size:.95rem}.prose th,.prose td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--cc-line)}.prose th{background:var(--cc-soft);font-weight:700}.cta-band{background:radial-gradient(700px 320px at 90% 0%,rgba(0,198,194,.3),transparent 60%),linear-gradient(135deg,#0b2a66 0%,var(--cc-navy) 100%);color:#fff;border-radius:22px;padding:clamp(36px,6vw,64px);text-align:center}.cta-band h2{color:#fff;margin-bottom:12px}.cta-band p{color:#c4d1e6;max-width:560px;margin:0 auto 26px}.cta-band .cta-row{justify-content:center;margin-bottom:0}.site-footer{background:var(--cc-navy);color:#9fb0cc;padding:56px 0 32px;font-size:.9rem}.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}.site-footer .brand{color:#fff;margin-bottom:12px}.foot-col h4{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#6f86ab;font-weight:600;margin:0 0 14px}.foot-col a{display:block;color:#d5deed;padding:4px 0}.foot-legal{margin-top:40px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem;color:#6f86ab;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px}@media (max-width: 860px){.foot-grid{grid-template-columns:1fr 1fr}.foot-grid>:first-child{grid-column:1 / -1}}