:root{--bg: #0b1220;--bg-alt: #101a2e;--text: #e8edf5;--muted: #a9b4c7;--accent: #5c86ff;--line: #22314d;--max: 1200px}*{box-sizing:border-box}body{margin:0;font-family:Arial, Helvetica, sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:1000;background:rgba(11,18,32,0.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav{max-width:var(--max);margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between}.logo img{height:40px;display:block}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{font-size:15px;color:var(--muted);transition:color .15s ease}.nav-links a:hover{color:var(--text)}.nav-cta{padding:10px 16px;border-radius:8px;border:1px solid var(--line);color:var(--text)}.nav-cta:hover{border-color:var(--accent)}main section{position:relative;padding:72px 24px;background:linear-gradient(180deg, rgba(255,255,255,0.012) 0%, rgba(255,255,255,0.004) 100%)}main section:not(:last-of-type){border-bottom:1px solid rgba(34,49,77,0.65)}main section::before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg, transparent 0%, rgba(127,167,255,0.18) 18%, rgba(127,167,255,0.08) 50%, rgba(127,167,255,0.18) 82%, transparent 100%);pointer-events:none}main section:nth-of-type(even){background:linear-gradient(180deg, rgba(255,255,255,0.018) 0%, rgba(255,255,255,0.006) 100%)}.section-inner{max-width:var(--max);margin:0 auto}.section-bridge{margin-top:22px;font-weight:550;color:var(--text)}.hero{position:relative;overflow:hidden;padding:160px 24px 130px;background:transparent}.hero::before{display:none}.hero h1{max-width:820px;font-size:60px;line-height:1.1;margin:0 0 20px;letter-spacing:-0.02em}.hero p{max-width:760px;font-size:20px;color:var(--muted);margin:0 0 28px}.hero-content{max-width:820px;position:relative;z-index:2}.hero{position:relative;overflow:hidden;padding:160px 24px 130px;background:transparent}.hero-background{position:absolute;inset:0;z-index:1;background-image:url("/assets/img/timing-network-bg.png"),radial-gradient(900px 500px at 35% 35%, rgba(127,167,255,0.12), transparent 60%),radial-gradient(700px 400px at 70% 10%, rgba(127,167,255,0.06), transparent 70%),repeating-linear-gradient(0deg, rgba(255,255,255,0.02) 0px, rgba(255,255,255,0.02) 1px, transparent 1px, transparent 80px),repeating-linear-gradient(90deg, rgba(255,255,255,0.02) 0px, rgba(255,255,255,0.02) 1px, transparent 1px, transparent 80px);background-repeat:no-repeat, no-repeat, no-repeat, repeat, repeat;background-position:center center, center center, center center, center center, center center;background-size:cover, auto, auto, auto, auto;opacity:0.9}.hero-note{margin:26px 0 0;max-width:640px;font-size:15px;line-height:1.5;color:var(--muted)}.button-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:16px}.button{display:inline-block;padding:14px 20px;border-radius:8px;border:1px solid var(--line)}.button.primary{background:var(--accent);color:#08111f;border-color:var(--accent);font-weight:700}.grid-2{display:grid;grid-template-columns:1.1fr 0.9fr;gap:36px}.card-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:20px}.problem-grid{align-items:center}.problem-copy{max-width:640px}.problem-visual{min-width:0}.problem-diagram-frame{background:linear-gradient(180deg, rgba(16,26,46,0.96) 0%, rgba(16,26,46,0.9) 100%);border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:0 0 0 1px rgba(255,255,255,0.015) inset}.problem-diagram{display:block;width:100%;height:auto;border-radius:10px;max-width:720px;margin:0 auto}.card{background:linear-gradient(180deg, rgba(16,26,46,0.96) 0%, rgba(16,26,46,0.9) 100%);border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 0 0 1px rgba(255,255,255,0.015) inset}.solutions-intro{max-width:760px}.solutions-grid{margin-top:32px}.solution-card{padding:24px 24px 22px}.solution-card h3{margin:4px 0 8px;max-width:320px}.solution-card p{margin:0;max-width:340px}.solution-icon{width:140px;height:auto;display:block;margin:0 0 10px;filter:drop-shadow(0 10px 25px rgba(127,167,255,0.25))}.solutions-bridge{margin-top:28px;max-width:820px}.lead{margin-bottom:18px;max-width:640px;color:var(--muted);line-height:1.5}.eyebrow{color:var(--accent);font-size:13px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:14px}h2{font-size:36px;margin:0 0 16px}p.lead,.card p,section p{color:var(--muted)}h3{font-size:22px;margin:0 0 12px}ul{margin-top:0;margin-bottom:0}li{line-height:1.6}.site-footer{margin-top:24px;border-top:1px solid var(--line);padding:48px 24px 32px}.footer-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px}.footer-brand img{height:36px;margin-bottom:14px}.footer-brand p{color:var(--muted);max-width:340px}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a{color:var(--muted)}.footer-links a:hover{color:var(--text)}.footer-contact a{color:var(--muted)}.footer-bottom{max-width:var(--max);margin:40px auto 0;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.architecture-section{padding-top:96px;padding-bottom:96px}.architecture-intro{margin-bottom:28px}.architecture-section .architecture-intro{max-width:760px}.architecture-explorer{display:grid;grid-template-columns:minmax(0, 1fr) 0.9fr;gap:36px;align-items:start;margin-top:36px}.architecture-visual{min-width:0}.architecture-image-frame{background:radial-gradient(600px 300px at 50% 40%, rgba(127,167,255,0.08), transparent 70%),var(--bg-alt);border:1px solid var(--line);border-radius:18px;padding:12px}.architecture-image-frame img{display:block;width:100%;max-width:660px;height:auto;margin:0 auto}.architecture-panel{display:grid;gap:10px;align-content:start;position:sticky;top:110px}.arch-layer{width:100%;display:block;text-align:left;background:var(--bg-alt);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:12px 16px;cursor:pointer;appearance:none;-webkit-appearance:none;font:inherit;transition:border-color 0.18s ease, background 0.18s ease, transform 0.18s ease}.arch-layer:hover{border-color:#3a537f;background:rgba(127,167,255,0.05);transform:translateY(-1px)}.arch-layer.active{border-color:var(--accent);background:rgba(127,167,255,0.08);box-shadow:inset 3px 0 0 var(--accent),0 6px 16px rgba(0,0,0,0.25)}.arch-layer-title{display:block;font-size:17px;font-weight:700;margin-bottom:4px}.arch-layer-copy{display:block;color:var(--muted);font-size:14px;line-height:1.35}.architecture-detail{margin-bottom:6px}#architecture-detail-title{margin:0 0 8px;font-size:20px}#architecture-detail-copy{margin:0 0 8px;color:var(--muted);line-height:1.5}.feature-list{margin:0;padding-left:18px}.feature-list li{margin-bottom:10px;color:rgba(255,255,255,0.82)}.split-section{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:center}.diagram-card{position:relative;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:22px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.18)}@keyframes diagramPulse{0%{opacity:0.8}50%{opacity:1}100%{opacity:0.8}}.diagram-card::before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at center, rgba(92,134,255,0.18) 0%, rgba(92,134,255,0.08) 30%, rgba(92,134,255,0.02) 60%, rgba(92,134,255,0) 80%);pointer-events:none;z-index:0;animation:diagramPulse 8s ease-in-out infinite}.diagram-card svg{position:relative;z-index:1;width:100%;height:auto;display:block}.diagram-caption{margin-top:14px;font-size:0.95rem;line-height:1.5;color:rgba(255,255,255,0.72)}form label{display:block;margin:16px 0 6px;font-weight:600}form input,form select,form textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.04);color:#fff;box-sizing:border-box}form textarea{resize:vertical;min-height:140px}.grid{display:grid;gap:24px}.grid-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid{display:grid;gap:24px}.grid-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.form-field{margin-bottom:2px}.field-error{min-height:18px;margin-top:6px;font-size:14px;color:#ff8f8f}.is-invalid{border-color:#ff8f8f !important;box-shadow:0 0 0 1px rgba(255,143,143,0.25)}.form-status{margin-top:18px;padding:0;min-height:24px;font-size:15px}.form-status.success{color:#9ad7a5}.form-status.error{color:#ffb0b0}button[disabled],.button[disabled]{opacity:0.7;cursor:not-allowed}.hp-field{position:absolute !important;left:-9999px !important;opacity:0 !important;pointer-events:none !important}.scenario-image{width:100%;height:auto;max-height:420px;object-fit:cover}.scenario-row{display:grid;grid-template-columns:1.0fr 1.0fr;gap:36px;align-items:center;margin-top:64px}.scenario-row-image{border-radius:20px;overflow:hidden;background:#0b1220;border:1px solid rgba(127,167,255,0.14);box-shadow:0 10px 40px rgba(0,0,0,0.28);max-height:420px}.scenario-row-text{height:fit-content}.hero-architecture{position:relative;overflow:hidden;background:linear-gradient(90deg, rgba(11,18,32,0.95) 0%, rgba(11,18,32,0.92) 35%, rgba(11,18,32,0.75) 60%, rgba(11,18,32,0.9) 100%),url("/assets/img/architecture-hero-bg.png");background-size:cover;background-position:center right;background-repeat:no-repeat}.hero-architecture .section-inner{position:relative;z-index:2}.hero-architecture::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 42%, rgba(92,134,255,0.16), transparent 18%),radial-gradient(circle at 82% 60%, rgba(127,167,255,0.1), transparent 22%);pointer-events:none}.section-inner.narrow{max-width:900px}.architecture-layer-grid{align-items:stretch;grid-template-columns:1.0fr 1.0fr}.architecture-layer-card{position:relative;padding:28px;min-height:220px}.architecture-layer-card h3{margin-top:8px;margin-bottom:12px}.layer-number{font-size:0.8rem;font-weight:700;letter-spacing:0.12em;color:rgba(127,167,255,0.9);margin-bottom:6px}.architecture-layer-card::before{content:"";position:absolute;top:0;left:28px;right:28px;height:1px;background:linear-gradient(90deg, rgba(92,134,255,0), rgba(92,134,255,0.55), rgba(92,134,255,0))}.architecture-illustration{display:flex;justify-content:center;align-items:center}.architecture-illustration img{max-width:100%;opacity:0.95}.timing-callout-card{min-height:100%;padding:32px;display:flex;flex-direction:column;justify-content:center}.timing-callout-card h3{margin-top:6px;margin-bottom:14px;max-width:18ch}.resilience-visual{display:flex;justify-content:center;align-items:center}.resilience-svg{width:100%;max-width:340px;height:auto}.resilience-diagram svg{position:absolute;inset:0;stroke:rgba(127,167,255,0.6);stroke-width:2;fill:none}.res-node{position:absolute;width:14px;height:14px;border-radius:50%}.res-node.active{background:#7fa7ff;box-shadow:0 0 10px rgba(127,167,255,0.8)}.res-node.degraded{background:rgba(127,167,255,0.3)}.res-node:nth-child(1){left:52px;top:52px}.res-node:nth-child(2){left:142px;top:32px}.res-node:nth-child(3){left:232px;top:82px}.res-node:nth-child(4){left:132px;top:142px}.res-node:nth-child(5){left:252px;top:162px}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.integration-card{padding:24px}.integration-card h3{margin-top:0;margin-bottom:10px}.system-view-wrap{width:100%}.system-view-svg{width:100%;height:auto;display:block}.system-view-svg text{font-family:inherit}@media (max-width: 900px){.hero h1{font-size:40px}.hero-note{max-width:100%}.grid-2,.grid-3,.card-grid,.architecture-explorer,.footer-inner{grid-template-columns:1fr}.nav{flex-wrap:wrap;gap:16px}.nav-links{gap:16px;flex-wrap:wrap}.architecture-image-frame{padding:18px}.solution-icon{width:130px}.split-section{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr}.scenario-row{grid-template-columns:1fr}}