:root {
	--public-canvas: var(--surface-canvas, #f7faff);
	--public-panel: var(--surface-panel, #fff);
	--public-ink: var(--text-primary, #0b1f3a);
	--public-muted: var(--text-secondary, #61708a);
	--public-border: var(--border-subtle, #dce7f5);
	--public-action: var(--action-primary, #1e6bff);
	--public-action-hover: var(--action-primary-hover, #1554d6);
	--public-soft: var(--action-primary-soft, #eaf2ff);
	--public-radius: 24px;
}

html { scroll-behavior: smooth; }
body { margin: 0; background: var(--public-canvas); color: var(--public-ink); font-family: Inter, "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body .web-footer, body .navbar { display: none !important; }
.wuno-public-shell { min-height: 100vh; overflow: hidden; background: radial-gradient(circle at 80% 10%, color-mix(in srgb, var(--public-action) 12%, transparent), transparent 32rem), var(--public-canvas); }
.wuno-skip-link { position: fixed; left: 16px; top: -64px; z-index: 100; padding: 10px 14px; border-radius: 10px; background: var(--public-ink); color: white; }
.wuno-skip-link:focus { top: 16px; }
.wuno-public-header, .wuno-public-main, .wuno-public-footer { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.wuno-public-header { min-height: 76px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid color-mix(in srgb, var(--public-border) 70%, transparent); }
.wuno-public-brand img { width: 132px; height: auto; display: block; }
.wuno-public-nav { display: flex; align-items: center; gap: 28px; }
.wuno-public-nav a, .wuno-public-footer a { color: var(--public-muted); text-decoration: none; font-weight: 600; }
.wuno-public-nav a:hover, .wuno-public-footer a:hover { color: var(--public-action); }
.wuno-public-nav .wuno-public-login { padding: 10px 16px; border: 1px solid var(--public-border); border-radius: 12px; color: var(--public-ink); background: color-mix(in srgb, var(--public-panel) 82%, transparent); }
.wuno-hero { min-height: 680px; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr); align-items: center; gap: 64px; padding: 72px 0 88px; }
.wuno-eyebrow { margin: 0 0 16px; color: var(--public-action); font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.wuno-hero h1 { margin: 0; max-width: 780px; font-size: clamp(48px, 6vw, 80px); line-height: 1.03; letter-spacing: -.055em; font-weight: 800; }
.wuno-hero h1 span { color: var(--public-action); }
.wuno-hero-lead { max-width: 700px; margin: 28px 0 0; color: var(--public-muted); font-size: 20px; line-height: 1.75; }
.wuno-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.wuno-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 0 20px; border-radius: 14px; text-decoration: none; font-weight: 750; transition: transform .18s ease, background .18s ease, border-color .18s ease; }
.wuno-button:hover { transform: translateY(-2px); text-decoration: none; }
.wuno-button-primary { background: var(--public-action); color: white; box-shadow: 0 14px 30px color-mix(in srgb, var(--public-action) 24%, transparent); }
.wuno-button-primary:hover { background: var(--public-action-hover); color: white; }
.wuno-button-secondary { border: 1px solid var(--public-border); background: var(--public-panel); color: var(--public-ink); }
.wuno-trust-list { display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 28px 0 0; padding: 0; color: var(--public-muted); font-size: 13px; list-style: none; }
.wuno-trust-list li::before { content: "✓"; margin-right: 8px; color: var(--brand-mint, #22c55e); font-weight: 900; }
.wuno-hero-visual { position: relative; min-height: 480px; display: grid; place-items: center; }
.wuno-hero-visual::before { content: ""; position: absolute; width: 390px; height: 390px; border-radius: 50%; background: color-mix(in srgb, var(--public-action) 8%, var(--public-panel)); filter: blur(2px); box-shadow: inset 0 0 80px color-mix(in srgb, var(--public-action) 14%, transparent), 0 40px 100px color-mix(in srgb, var(--public-action) 12%, transparent); }
.wuno-hero-visual > img { position: relative; z-index: 1; width: min(390px, 82%); height: auto; filter: drop-shadow(0 28px 38px rgb(29 73 140 / .2)); }
.wuno-runtime-card { position: absolute; z-index: 2; right: 0; bottom: 42px; display: flex; gap: 12px; align-items: center; min-width: 220px; padding: 16px 18px; border: 1px solid color-mix(in srgb, var(--public-border) 75%, white); border-radius: 16px; background: color-mix(in srgb, var(--public-panel) 84%, transparent); box-shadow: 0 22px 50px rgb(22 55 105 / .12); backdrop-filter: blur(20px); }
.wuno-runtime-card strong, .wuno-runtime-card small { display: block; }
.wuno-runtime-card small { margin-top: 3px; color: var(--public-muted); }
.wuno-status-dot { width: 11px; height: 11px; border-radius: 50%; background: var(--brand-mint, #22c55e); box-shadow: 0 0 0 6px color-mix(in srgb, var(--brand-mint, #22c55e) 13%, transparent); }
.wuno-section { padding: 96px 0; }
.wuno-section-heading { max-width: 780px; margin-bottom: 42px; }
.wuno-section h2, .wuno-doc-content h2 { margin: 0; font-size: clamp(34px, 4vw, 52px); line-height: 1.12; letter-spacing: -.035em; }
.wuno-section-heading > p:last-child { margin: 18px 0 0; color: var(--public-muted); font-size: 18px; line-height: 1.7; }
.wuno-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.wuno-feature-card { min-height: 230px; padding: 30px; border: 1px solid var(--public-border); border-radius: var(--public-radius); background: color-mix(in srgb, var(--public-panel) 90%, transparent); box-shadow: 0 18px 50px rgb(22 55 105 / .05); }
.wuno-feature-card > span { color: var(--public-action); font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.wuno-feature-card h3 { margin: 54px 0 12px; font-size: 23px; }
.wuno-feature-card p { margin: 0; color: var(--public-muted); font-size: 16px; line-height: 1.75; }
.wuno-architecture-band { width: min(1180px, calc(100% - 40px)); margin: 32px auto; padding: 64px; border-radius: 32px; background: var(--brand-ink, #0b1f3a); color: white; box-sizing: border-box; }
.wuno-architecture-band h2 { color: white; }
.wuno-architecture-band .wuno-eyebrow { color: var(--brand-sky, #55dcff); }
.wuno-flow-grid { display: grid; grid-template-columns: repeat(7, auto); align-items: center; justify-content: space-between; gap: 14px; margin-top: 42px; }
.wuno-flow-grid div { min-width: 150px; padding: 20px; border: 1px solid rgb(255 255 255 / .14); border-radius: 16px; background: rgb(255 255 255 / .06); }
.wuno-flow-grid strong, .wuno-flow-grid span { display: block; }
.wuno-flow-grid span { margin-top: 6px; color: rgb(255 255 255 / .64); font-size: 12px; }
.wuno-flow-grid i { color: var(--brand-sky, #55dcff); font-style: normal; }
.wuno-band-note { margin: 30px 0 0; color: rgb(255 255 255 / .66); line-height: 1.7; }
.wuno-cta-panel { display: flex; align-items: end; justify-content: space-between; gap: 48px; border-top: 1px solid var(--public-border); }
.wuno-cta-panel p:last-child { max-width: 720px; color: var(--public-muted); font-size: 17px; line-height: 1.7; }
.wuno-public-footer { display: flex; justify-content: space-between; gap: 40px; padding: 34px 0 50px; border-top: 1px solid var(--public-border); color: var(--public-muted); }
.wuno-public-footer p { margin: 6px 0 0; }
.wuno-public-footer nav { display: flex; gap: 22px; }
.wuno-doc-hero { padding: 86px 0 58px; border-bottom: 1px solid var(--public-border); }
.wuno-doc-hero h1 { margin: 0; max-width: 900px; font-size: clamp(44px, 6vw, 72px); letter-spacing: -.05em; line-height: 1.05; }
.wuno-doc-hero > p:last-child { max-width: 760px; margin: 22px 0 0; color: var(--public-muted); font-size: 19px; line-height: 1.7; }
.wuno-doc-layout { display: grid; grid-template-columns: 220px minmax(0, 760px); gap: 72px; align-items: start; padding: 58px 0 100px; }
.wuno-doc-sidebar { position: sticky; top: 24px; }
.wuno-doc-sidebar > p { margin: 0 0 12px; color: var(--public-muted); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.wuno-doc-sidebar nav { display: grid; gap: 5px; }
.wuno-doc-sidebar a { padding: 10px 12px; border-radius: 10px; color: var(--public-muted); text-decoration: none; font-weight: 650; }
.wuno-doc-sidebar a:hover, .wuno-doc-sidebar a[aria-current="page"] { background: var(--public-soft); color: var(--public-action); }
.wuno-doc-content { font-size: 17px; line-height: 1.8; }
.wuno-doc-content h2 { margin: 54px 0 18px; font-size: 30px; }
.wuno-doc-content h2:first-child { margin-top: 0; }
.wuno-doc-content p, .wuno-doc-content li, .wuno-doc-content dd { color: var(--public-muted); }
.wuno-doc-content code { padding: .12em .4em; border-radius: 6px; background: var(--public-soft); color: var(--public-action-hover); font-size: .9em; }
.wuno-doc-content pre { overflow: auto; padding: 22px; border-radius: 16px; background: var(--brand-ink, #0b1f3a); color: #eaf2ff; }
.wuno-doc-content pre code { padding: 0; background: none; color: inherit; }
.wuno-doc-content dt { margin-top: 22px; font-weight: 800; }
.wuno-doc-content dd { margin: 5px 0 0; }
.wuno-doc-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.wuno-doc-card-grid a { min-height: 140px; padding: 22px; border: 1px solid var(--public-border); border-radius: 16px; background: var(--public-panel); text-decoration: none; }
.wuno-doc-card-grid strong, .wuno-doc-card-grid span { display: block; }
.wuno-doc-card-grid strong { color: var(--public-ink); font-size: 18px; }
.wuno-doc-card-grid span { margin-top: 10px; color: var(--public-muted); line-height: 1.55; }
.wuno-doc-card-grid a:hover { border-color: color-mix(in srgb, var(--public-action) 45%, var(--public-border)); box-shadow: 0 15px 34px rgb(22 55 105 / .08); }
.wuno-doc-next { display: flex; align-items: center; justify-content: space-between; margin-top: 60px; padding-top: 24px; border-top: 1px solid var(--public-border); }
.wuno-doc-next span { color: var(--public-muted); font-size: 13px; }
.wuno-doc-next a { color: var(--public-action); font-weight: 800; text-decoration: none; }
@media (max-width: 900px) {
	.wuno-public-nav > a:not(.wuno-public-login) { display: none; }
	.wuno-hero { grid-template-columns: 1fr; padding-top: 54px; }
	.wuno-hero-visual { min-height: 380px; }
	.wuno-runtime-card { right: 8%; }
	.wuno-flow-grid { grid-template-columns: 1fr; }
	.wuno-flow-grid i { transform: rotate(90deg); justify-self: center; }
	.wuno-card-grid { grid-template-columns: 1fr; }
	.wuno-architecture-band { padding: 42px 28px; }
	.wuno-cta-panel { align-items: start; flex-direction: column; }
	.wuno-doc-layout { grid-template-columns: 1fr; gap: 32px; }
	.wuno-doc-sidebar { position: static; overflow-x: auto; }
	.wuno-doc-sidebar nav { display: flex; min-width: max-content; }
}
@media (max-width: 620px) {
	.wuno-public-header, .wuno-public-main, .wuno-public-footer { width: min(100% - 28px, 1180px); }
	.wuno-public-header { min-height: 66px; }
	.wuno-public-brand img { width: 112px; }
	.wuno-public-login { padding: 8px 12px !important; }
	.wuno-hero { min-height: auto; gap: 28px; padding: 58px 0 68px; }
	.wuno-hero h1 { font-size: 45px; }
	.wuno-hero-lead { font-size: 17px; }
	.wuno-hero-visual { min-height: 320px; }
	.wuno-hero-visual::before { width: 290px; height: 290px; }
	.wuno-section { padding: 68px 0; }
	.wuno-feature-card { min-height: 0; }
	.wuno-feature-card h3 { margin-top: 34px; }
	.wuno-architecture-band { width: calc(100% - 28px); }
	.wuno-public-footer { align-items: flex-start; flex-direction: column; }
	.wuno-doc-hero { padding: 58px 0 42px; }
	.wuno-doc-hero h1 { font-size: 44px; }
	.wuno-doc-card-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .wuno-button { transition: none; } }