:root {
  --ink: #07121d;
  --ink-2: #0b1a27;
  --panel: rgba(12, 30, 45, .68);
  --panel-solid: #0e2231;
  --line: rgba(176, 224, 230, .16);
  --line-bright: rgba(119, 247, 222, .42);
  --text: #f2f8f8;
  --muted: #9caeb9;
  --faint: #5f737f;
  --aqua: #32f6d4;
  --violet: #9670ff;
  --gold: #e8bb71;
  --danger: #ff7785;
  --max-width: 1280px;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; background: var(--ink); color: var(--text); font-family: var(--sans); line-height: 1.55; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button { cursor: pointer; }
.site-shell { min-height: 100vh; position: relative; overflow: clip; background: radial-gradient(ellipse 52% 38% at 78% 5%, rgba(64, 107, 164, .21), transparent 66%), radial-gradient(ellipse 55% 32% at 0% 63%, rgba(41, 162, 149, .08), transparent 68%), var(--ink); }
#signal-canvas { position: fixed; z-index: 0; inset: 0; width: 100%; height: 100%; pointer-events: none; opacity: .56; }
.noise-layer { position: fixed; z-index: 1; inset: 0; pointer-events: none; opacity: .06; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E"); }
.site-header, main, .site-footer { position: relative; z-index: 2; }
.site-header { height: 84px; max-width: var(--max-width); margin: 0 auto; padding: 0 32px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(184, 231, 233, .12); }
.brand, .footer-brand, .admin-logo { display: inline-flex; align-items: center; gap: 10px; letter-spacing: .14em; font-size: 13px; font-weight: 750; }
.brand-mark { position: relative; width: 22px; height: 18px; display: inline-block; }
.brand-mark i { position: absolute; display: block; width: 14px; height: 6px; border: 2px solid var(--aqua); transform: skewX(-30deg); }
.brand-mark i:first-child { left: 0; top: 2px; border-right: 0; }
.brand-mark i:last-child { right: 0; bottom: 2px; border-left: 0; border-color: var(--violet); }
.main-nav { display: flex; align-items: center; gap: 32px; margin-left: auto; margin-right: 36px; }
.main-nav a { color: #b6c7cc; font-size: 13px; transition: color .25s ease; }
.main-nav a:hover { color: var(--aqua); }
.header-actions { display: flex; gap: 16px; align-items: center; }
.header-status { color: #91a4aa; font: 10px var(--mono); letter-spacing: .1em; white-space: nowrap; }
.header-status i, .pulse-dot { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--aqua); box-shadow: 0 0 0 0 rgba(50,246,212,.45); animation: pulse 2.2s infinite; vertical-align: 1px; }
.header-cta { min-width: 122px; height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 13px; color: #051713; background: var(--aqua); font-size: 12px; font-weight: 800; border-radius: 3px; transition: transform .2s ease, box-shadow .2s ease; }
.header-cta:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(50,246,212,.28); }
.header-cta span { font-size: 16px; line-height: 1; }
.menu-toggle { display: none; border: 0; width: 42px; height: 40px; background: transparent; position: relative; }
.menu-toggle span { position: absolute; left: 9px; right: 9px; height: 1px; background: var(--text); transition: transform .22s ease; }
.menu-toggle span:first-child { top: 15px; }.menu-toggle span:last-child { top: 24px; }
.section-frame { max-width: var(--max-width); margin: 0 auto; padding-left: 32px; padding-right: 32px; }
.hero { min-height: 690px; display: grid; grid-template-columns: minmax(380px, .94fr) 1.06fr; align-items: center; column-gap: 40px; position: relative; }
.hero:before { content: ""; position: absolute; inset: 0 32px; background-image: linear-gradient(rgba(159,225,227,.065) 1px, transparent 1px), linear-gradient(90deg, rgba(159,225,227,.065) 1px, transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(to bottom, transparent 0, black 16%, black 74%, transparent 100%); pointer-events: none; }
.hero-copy { position: relative; z-index: 1; padding: 85px 0 95px; }
.eyebrow, .section-index { color: #a6c5c5; font: 11px var(--mono); letter-spacing: .13em; }
.eyebrow { display: inline-flex; align-items: center; padding: 6px 10px; border: 1px solid rgba(145,208,209,.18); border-radius: 999px; background: rgba(12,31,42,.38); }
.hero h1, .section-heading h2, .method h2, .contact h2 { margin: 23px 0 18px; font-size: clamp(45px, 5.1vw, 76px); line-height: 1.06; letter-spacing: -.065em; font-weight: 720; }
.hero h1 span, h2 strong { color: var(--aqua); font-weight: inherit; text-shadow: 0 0 36px rgba(50,246,212,.14); }
.hero-copy > p { max-width: 510px; margin: 0; color: #a8b9c1; font-size: 16px; line-height: 1.9; }
.hero-buttons { display: flex; gap: 14px; margin-top: 32px; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 17px; border: 1px solid var(--line-bright); border-radius: 3px; font-size: 13px; font-weight: 700; letter-spacing: .02em; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { min-width: 166px; gap: 21px; color: #062018; background: var(--aqua); border-color: var(--aqua); box-shadow: 0 10px 30px rgba(50,246,212,.13); }
.button-primary b { font-size: 19px; font-weight: 500; }.button-ghost { gap: 12px; color: #d6e3e4; background: rgba(13,32,44,.32); border-color: rgba(180,232,235,.25); }.button-ghost:hover { border-color: var(--aqua); color: var(--aqua); }
.hero-metrics { display: flex; gap: 34px; margin: 52px 0 0; }.hero-metrics div { position: relative; }.hero-metrics div + div:before { content: ""; position: absolute; width: 1px; height: 36px; left: -17px; top: 7px; background: var(--line); }.hero-metrics dt { color: #dcefe9; font-size: 22px; font-weight: 760; letter-spacing: -.04em; }.hero-metrics dt small { color: var(--aqua); font-size: 11px; margin-left: 2px; letter-spacing: 0; }.hero-metrics dd { margin: 1px 0 0; color: #788c96; font-size: 11px; }
.hero-system { align-self: center; height: 470px; position: relative; margin: 40px 0 0; border: 1px solid rgba(175,232,235,.17); border-radius: 24px 24px 24px 80px; background: radial-gradient(circle at 53% 49%, rgba(38,142,153,.21), transparent 20%), linear-gradient(138deg, rgba(28,57,78,.52), rgba(6,20,31,.18)); box-shadow: inset 0 0 42px rgba(58,167,174,.06), 0 24px 65px rgba(0,0,0,.2); overflow: hidden; }
.hero-system:after { content:""; position:absolute; inset: 12px; border:1px solid rgba(174,228,233,.08); border-radius: 17px 17px 17px 65px; pointer-events:none; }.system-orbit { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(88,239,219,.26); border-radius: 50%; transform: translate(-50%,-50%) rotateX(68deg) rotateZ(-18deg); }.orbit-one { width: 310px; height: 310px; animation: rotate-orbit 14s linear infinite; }.orbit-two { width: 440px; height: 145px; border-color: rgba(148,112,255,.24); animation: rotate-orbit 20s linear infinite reverse; }.system-axis { position:absolute; background: linear-gradient(90deg, transparent, rgba(105,251,226,.4), transparent); }.axis-h { width: 82%; height: 1px; top: 50%; left: 9%; }.axis-v { width: 1px; height: 77%; left: 50%; top: 12%; background: linear-gradient(transparent, rgba(105,251,226,.24), transparent); }.system-core { width: 92px; height: 92px; left:50%; top:50%; transform: translate(-50%,-50%); position:absolute; border: 1px solid var(--aqua); border-radius: 50%; display:flex; flex-direction:column; justify-content:center; align-items:center; background:rgba(6,28,34,.82); box-shadow: 0 0 0 8px rgba(50,246,212,.04), 0 0 47px rgba(50,246,212,.28); z-index:2; }.system-core:before,.system-core:after { content:""; position:absolute; width:6px; height:6px; border-radius:50%; background:var(--aqua); box-shadow: 0 0 13px var(--aqua); }.system-core:before{top:-4px;left:50%;}.system-core:after{bottom:-4px;left:50%;}.system-core span {font: 24px var(--mono);letter-spacing:-.15em;margin-left:-4px}.system-core small{font:8px var(--mono); color:var(--aqua);letter-spacing:.19em;margin-top:1px}.signal-card {position:absolute;z-index:2; min-width: 133px; padding: 13px 13px 12px; background:rgba(11,35,48,.78); border:1px solid rgba(178,231,231,.24); backdrop-filter: blur(10px);box-shadow: 0 16px 25px rgba(0,0,0,.14); }.signal-card:before{content:"";position:absolute;left:-45px;top:50%;width:44px;height:1px;background:rgba(110,242,220,.4); transform-origin:right center;}.signal-card em{display:block;color:var(--aqua);font:10px var(--mono);font-style:normal;margin-bottom:7px}.signal-card span{display:block;color:#91a8b2;font-size:11px}.signal-card strong{display:block;font:600 12px var(--mono);color:#ecf6f7;margin-top:2px}.signal-card i{position:absolute;width:5px;height:5px;background:var(--aqua);border-radius:50%;right:10px;top:14px;box-shadow:0 0 8px var(--aqua)}.signal-card-a{left:8%;top:20%;border-radius:5px 5px 5px 17px}.signal-card-b{right:6%;top:40%;border-radius:5px 17px 5px 5px}.signal-card-b:before{right:-45px;left:auto;transform-origin:left center;transform:rotate(14deg)}.signal-card-c{left:18%;bottom:16%;border-radius:17px 5px 5px 5px}.signal-card-c:before{transform:rotate(-22deg)}.floating-coordinates{position:absolute;font:9px var(--mono);letter-spacing:.08em;color:#7e999f}.c-one{right:7%;bottom:9%}.c-two{left:8%;top:9%;color:var(--aqua)}.scan-line{position:absolute;left:0;right:0;height:90px;background:linear-gradient(transparent,rgba(82,244,215,.08),transparent);border-top:1px solid rgba(82,244,215,.13);border-bottom:1px solid rgba(82,244,215,.08);animation:scan 6s ease-in-out infinite}.hero-index{position:absolute;right:33px;bottom:22px;font:11px var(--mono);color:var(--aqua)}.hero-index span{color:#6e858d;margin:0 5px}.scroll-cue{position:absolute;left:32px;bottom:22px;display:flex;align-items:center;gap:10px;font:9px var(--mono);letter-spacing:.14em;color:#78929a}.scroll-cue span{height:28px;width:1px;background:linear-gradient(var(--aqua),transparent);}
.services { padding-top: 118px; padding-bottom: 132px; }.section-heading { display:flex; justify-content:space-between; gap:70px; align-items:end; }.section-heading h2,.method h2,.contact h2 { font-size: clamp(37px, 4vw, 58px); margin-bottom:0; }.section-heading p { max-width:370px;margin:0 0 5px;color:#91a7af;font-size:15px;line-height:1.82; }.service-rail { display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:50px;position:relative; }.service-rail:before{content:"";position:absolute;top:24px;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--aqua),rgba(137,234,225,.13) 42%,rgba(137,234,225,.13));}.service-card{min-height:303px;padding:49px 27px 27px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(19,52,65,.38),rgba(8,26,38,.3));position:relative;transition:transform .3s ease,border-color .3s ease,background .3s ease;overflow:hidden}.service-card:after{content:"";position:absolute;inset:auto -20% -80px;height:145px;background:radial-gradient(ellipse,rgba(50,246,212,.14),transparent 66%);opacity:0;transition:opacity .3s}.service-card:hover{transform:translateY(-7px);border-color:rgba(92,249,222,.52);background:linear-gradient(145deg,rgba(27,77,90,.62),rgba(8,27,37,.44))}.service-card:hover:after{opacity:1}.service-number{position:absolute;top:15px;left:18px;font:10px var(--mono);color:#7c999c}.service-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(50,246,212,.43);color:var(--aqua);font-size:25px;margin-bottom:31px;box-shadow:inset 0 0 13px rgba(50,246,212,.05)}.service-card h3{margin:0 0 12px;font-size:22px;letter-spacing:-.04em}.service-card p{margin:0;color:#90a7af;font-size:14px;line-height:1.8;max-width:260px}.service-card a{position:absolute;left:27px;bottom:24px;font-size:12px;color:#c9dcdd}.service-card a b{color:var(--aqua);font-size:17px;margin-left:8px;font-weight:400}.method{padding-top:114px;padding-bottom:130px;border-top:1px solid var(--line);background:linear-gradient(90deg,rgba(18,51,66,.18),transparent 50%)}.method-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:100px;align-items:center}.method-intro p{color:#90a6ae;max-width:430px;font-size:15px;line-height:1.85;margin:23px 0 31px}.method-signal{display:flex;gap:5px;align-items:end;height:34px}.method-signal span{display:block;width:7px;background:var(--aqua);box-shadow:0 0 10px rgba(50,246,212,.2);animation:bars 1.9s ease-in-out infinite}.method-signal span:nth-child(1){height:10px}.method-signal span:nth-child(2){height:27px;animation-delay:.2s}.method-signal span:nth-child(3){height:17px;animation-delay:.4s}.method-signal span:nth-child(4){height:31px;animation-delay:.6s}.method-signal span:nth-child(5){height:14px;animation-delay:.8s}.method-signal b{font:10px var(--mono);letter-spacing:.11em;color:#8facad;margin-left:10px;margin-bottom:1px}.method-steps{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.method-steps li{display:grid;grid-template-columns:58px 1fr 22px;gap:16px;align-items:center;padding:28px 3px;border-bottom:1px solid var(--line);transition:padding .2s ease,background .2s}.method-steps li:hover{padding-left:13px;background:linear-gradient(90deg,rgba(50,246,212,.07),transparent)}.method-steps li>span{color:var(--aqua);font:12px var(--mono)}.method-steps h3{margin:0 0 3px;font-size:19px;letter-spacing:-.03em}.method-steps p{margin:0;color:#8098a2;font-size:13px}.method-steps i{font-style:normal;color:#77959a;font-size:19px}
.contact { padding-top: 118px; padding-bottom: 110px; }.contact-top{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px}.contact-top h2{margin-top:0}.contact-top p{max-width:440px;color:#91a7b0;margin:20px 0 0;font-size:15px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:49px}.contact-card{min-height:314px;position:relative;overflow:hidden;padding:17px;border:1px solid var(--line);background:rgba(12,32,44,.45);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.contact-card:hover{transform:translateY(-6px);border-color:rgba(50,246,212,.55);box-shadow:0 23px 38px rgba(0,0,0,.18)}.contact-card-head{display:flex;justify-content:space-between;position:relative;z-index:2;font:10px var(--mono);color:#89a5a9}.contact-card-head i{color:var(--aqua);font-size:18px;font-style:normal;line-height:.6}.contact-visual,.contact-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.63;transition:transform .4s ease,opacity .3s ease}.contact-card:hover .contact-visual,.contact-card:hover .contact-image{transform:scale(1.04);opacity:.78}.contact-visual:before,.contact-visual:after{content:"";position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);border:1px solid rgba(114,251,227,.4);border-radius:50%}.contact-visual:before{width:145px;height:145px;box-shadow:0 0 55px rgba(50,246,212,.16)}.contact-visual:after{width:215px;height:80px;transform:translate(-50%,-50%) rotate(-26deg)}.contact-visual span{position:absolute;background:var(--aqua);border-radius:50%;box-shadow:0 0 15px var(--aqua)}.contact-visual span:first-child{width:9px;height:9px;left:32%;top:30%}.contact-visual span:nth-child(2){width:5px;height:5px;right:31%;top:57%}.contact-visual b{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);font:29px var(--mono);letter-spacing:-.15em;color:rgba(209,250,243,.82)}.contact-visual-phone{background:radial-gradient(circle at 52% 48%,rgba(150,112,255,.27),transparent 26%),linear-gradient(138deg,#142b48,#172039)}.contact-visual-phone:after{transform:translate(-50%,-50%) rotate(45deg);border-color:rgba(177,154,255,.46)}.contact-visual-mail{background:radial-gradient(circle at 49% 44%,rgba(232,187,113,.23),transparent 26%),linear-gradient(136deg,#143434,#162b41)}.contact-visual-mail:before{border-radius:0;transform:translate(-50%,-50%) rotate(45deg);width:130px;height:130px}.contact-card-body{position:absolute;z-index:2;left:24px;right:20px;bottom:21px;padding-top:26px;background:linear-gradient(transparent,rgba(4,18,27,.71) 30%)}.contact-card-body p{margin:0;color:#afc5c8;font-size:12px}.contact-card-body h3{margin:3px 0 4px;font-size:20px;letter-spacing:-.035em}.contact-card-body small{color:#88a0a7;font-size:11px}.site-footer{max-width:var(--max-width);margin:0 auto;padding:28px 32px 36px;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;color:#80959d;font-size:11px}.site-footer p{margin:0;flex:1}.site-footer a{color:#b6ced0}.site-footer a span{color:var(--aqua);font-size:15px;margin-left:4px}.qr-modal{position:fixed;z-index:22;inset:0;display:grid;place-items:center;padding:20px;background:rgba(3,12,19,.74);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.qr-modal.is-open{opacity:1;visibility:visible}.qr-dialog{width:min(375px,100%);padding:37px;background:linear-gradient(150deg,#153242,#0a1d2a);border:1px solid rgba(96,249,222,.42);box-shadow:0 28px 80px rgba(0,0,0,.4);position:relative;text-align:center}.qr-close{position:absolute;right:11px;top:8px;border:0;background:transparent;color:#a3b8bb;font-size:29px;line-height:1}.qr-dialog h2{margin:17px 0 19px;font-size:26px}.qr-dialog img{width:210px;height:210px;display:block;object-fit:cover;margin:0 auto;background:white;padding:8px}.qr-dialog p{color:#9eb4b9;font-size:12px;margin:17px 0 0}
/* Admin */.admin-body{min-height:100vh;background:radial-gradient(ellipse 45% 32% at 90% 0%,rgba(80,127,191,.2),transparent 70%),var(--ink)}.admin-shell{max-width:1120px;margin:0 auto;padding:26px 28px 70px}.admin-back{display:inline-block;color:#9ab0b5;font:12px var(--mono);letter-spacing:.06em}.admin-back:hover{color:var(--aqua)}.admin-auth-card{max-width:480px;margin:84px auto 0;padding:43px;background:rgba(11,31,44,.78);border:1px solid var(--line);box-shadow:0 30px 65px rgba(0,0,0,.16)}.admin-auth-card h1{margin:22px 0 11px;font-size:35px;letter-spacing:-.055em}.admin-auth-card>p{color:#9bb0b7;font-size:14px;line-height:1.8}.admin-auth-card code{display:block;margin-top:20px;padding:13px;overflow:auto;background:#07141d;color:var(--aqua);font:11px var(--mono);line-height:1.6}.admin-logo{margin-bottom:31px}.admin-logo small{font:9px var(--mono);color:#769095;margin-left:4px;letter-spacing:.08em}.admin-login-form{display:grid;gap:16px;margin-top:26px}.admin-login-form label,.field-grid>label{display:grid;gap:7px;color:#c1d3d5;font-size:12px}.admin-login-form input,.field-grid input,.field-grid textarea{width:100%;border:1px solid rgba(177,225,229,.18);border-radius:2px;background:rgba(3,17,26,.52);color:#eff7f6;padding:11px 12px;outline:none;transition:border-color .18s,box-shadow .18s}.admin-login-form input:focus,.field-grid input:focus,.field-grid textarea:focus{border-color:var(--aqua);box-shadow:0 0 0 3px rgba(50,246,212,.08)}.admin-login-form .button{margin-top:4px;width:100%}.notice{margin:20px 0;padding:12px 14px;border-left:3px solid var(--aqua);background:rgba(50,246,212,.08);color:#d1eeee;font-size:13px}.notice-error{border-color:var(--danger);background:rgba(255,119,133,.09);color:#ffdce1}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:4px 0 23px;border-bottom:1px solid var(--line)}.admin-header .admin-logo{margin:0}.admin-header>div:last-child{display:flex;align-items:center;gap:20px;font-size:12px}.admin-user{color:#9fb4b8}.admin-header a{color:var(--aqua)}.admin-main{padding-top:48px}.admin-intro{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:34px}.admin-intro h1{margin:13px 0 5px;font-size:38px;letter-spacing:-.06em}.admin-intro p{margin:0;color:#90a7af;font-size:14px}.settings-form{display:grid;gap:17px}.settings-panel{padding:27px;border:1px solid var(--line);background:rgba(11,30,42,.58)}.panel-title{display:flex;gap:14px;padding-bottom:23px;margin-bottom:24px;border-bottom:1px solid rgba(179,225,226,.12)}.panel-title>span{color:var(--aqua);font:12px var(--mono)}.panel-title h2{font-size:17px;margin:0 0 3px;letter-spacing:-.03em}.panel-title p{margin:0;color:#829aa2;font-size:12px}.panel-title code{color:var(--aqua)}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.field-grid .span-two{grid-column:span 2}.field-grid textarea{resize:vertical;min-height:84px}.upload-field input[type=file]{padding:9px;background:#081923;color:#9fb8bb;font-size:12px}.upload-field small{color:#788f99;font-size:11px}.image-preview{margin-top:8px;display:flex;align-items:center;gap:12px}.image-preview img{width:65px;height:65px;object-fit:cover;border:1px solid rgba(159,237,223,.28)}.image-preview.qr-preview img{width:96px;height:96px}.clear-check{color:#93a8ae;font-size:12px;display:flex!important;align-items:center;gap:6px}.clear-check input{width:auto!important}.save-bar{position:sticky;bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px 14px 19px;background:rgba(8,24,35,.93);border:1px solid rgba(67,235,213,.32);backdrop-filter:blur(12px);box-shadow:0 15px 34px rgba(0,0,0,.2)}.save-bar p{margin:0;color:#8ba0a6;font-size:11px}.save-bar .button{min-height:42px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(50,246,212,0)}}@keyframes rotate-orbit{to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(342deg)}}@keyframes scan{0%,100%{top:-20%}50%{top:100%}}@keyframes bars{50%{transform:scaleY(.35);transform-origin:bottom}}
@media (max-width: 880px){.site-header{padding:0 22px}.main-nav{gap:18px;margin-right:20px}.header-status{display:none}.section-frame{padding-left:22px;padding-right:22px}.hero{min-height:780px;grid-template-columns:1fr;align-content:start}.hero-copy{padding:74px 0 10px}.hero-system{width:min(560px,100%);height:385px;margin:24px auto 46px}.scroll-cue{left:22px}.hero-index{right:23px}.section-heading{gap:30px}.method-grid{gap:50px}.site-footer{padding-left:22px;padding-right:22px}.contact-card{min-height:285px}.admin-shell{padding-left:22px;padding-right:22px}}
@media (max-width: 680px){.site-header{height:68px}.brand{font-size:12px}.header-cta{display:none}.menu-toggle{display:block}.main-nav{position:absolute;display:grid;gap:0;top:67px;left:0;right:0;margin:0;padding:8px 22px 17px;background:rgba(7,18,29,.97);border-bottom:1px solid var(--line);transform:translateY(-150%);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease}.main-nav.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.main-nav a{padding:10px 0}.menu-toggle.is-open span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle.is-open span:last-child{transform:translateY(-5px) rotate(-45deg)}.hero{min-height:730px}.hero-copy{padding-top:56px}.hero h1{font-size:clamp(42px,12vw,57px)}.hero-copy>p{font-size:14px;line-height:1.82}.hero-buttons{margin-top:26px}.button{font-size:12px}.hero-metrics{gap:22px;margin-top:38px}.hero-metrics div+div:before{left:-11px}.hero-metrics dt{font-size:19px}.hero-metrics dd{font-size:10px;max-width:70px}.hero-system{height:290px;margin-top:18px;border-radius:18px 18px 18px 48px}.orbit-one{width:200px;height:200px}.orbit-two{width:270px;height:90px}.system-core{width:68px;height:68px}.system-core span{font-size:19px}.system-core small{font-size:7px}.signal-card{min-width:100px;padding:8px 9px}.signal-card:before{width:21px;left:-22px}.signal-card-b:before{right:-22px;left:auto}.signal-card em{font-size:8px;margin-bottom:3px}.signal-card span,.signal-card strong{font-size:9px}.signal-card i{width:4px;height:4px;right:7px;top:9px}.signal-card-a{left:4%;top:17%}.signal-card-b{right:3%;top:45%}.signal-card-c{left:9%;bottom:12%}.floating-coordinates{font-size:7px}.section-heading,.contact-top{display:block}.services,.method,.contact{padding-top:85px;padding-bottom:88px}.section-heading p{margin-top:22px;font-size:14px}.service-rail{grid-template-columns:1fr;margin-top:35px}.service-rail:before{left:24px;bottom:0;top:0;height:auto;width:1px;background:linear-gradient(var(--aqua),rgba(137,234,225,.13))}.service-card{min-height:260px}.method-grid{grid-template-columns:1fr;gap:36px}.method-steps li{grid-template-columns:45px 1fr 16px}.method-steps h3{font-size:17px}.method-steps p{font-size:12px}.contact-top p{font-size:14px}.contact-grid{grid-template-columns:1fr;gap:12px;margin-top:32px}.contact-card{min-height:220px}.site-footer{display:grid;gap:11px;padding-top:23px}.site-footer p{line-height:1.7}.qr-dialog{padding:31px 20px}.admin-shell{padding:20px 15px 50px}.admin-auth-card{margin-top:44px;padding:29px 22px}.admin-header{align-items:flex-start;gap:16px}.admin-header>div:last-child{display:grid;gap:4px;text-align:right}.admin-main{padding-top:34px}.admin-intro{display:block}.admin-intro .button{margin-top:20px}.field-grid{grid-template-columns:1fr}.field-grid .span-two{grid-column:span 1}.settings-panel{padding:21px 16px}.save-bar{align-items:flex-start;flex-direction:column}.save-bar .button{width:100%}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.pulse-dot,.system-orbit,.scan-line,.method-signal span{animation:none}.contact-card,.service-card,.button{transition:none}}

/* AIYUN ROUTER-inspired light product-site refresh (site only; admin stays dark). */
body:not(.admin-body) {
  --ink: #f7f8ff;
  --ink-2: #eef3ff;
  --panel: rgba(255, 255, 255, .82);
  --panel-solid: #fff;
  --line: rgba(39, 57, 90, .11);
  --line-bright: rgba(77, 128, 242, .35);
  --text: #151a2a;
  --muted: #697286;
  --faint: #9299aa;
  --aqua: #527ff1;
  --violet: #9478f6;
  color: var(--text);
  background: #f7f8ff;
}
body:not(.admin-body) .site-shell {
  background: radial-gradient(ellipse 54% 33% at 88% 5%, rgba(168, 218, 255, .56), transparent 70%), radial-gradient(ellipse 43% 39% at 9% 26%, rgba(223, 218, 255, .7), transparent 74%), linear-gradient(140deg, #fff 0%, #f8f8ff 48%, #f2f7ff 100%);
}
body:not(.admin-body) #signal-canvas { opacity: .34; }
body:not(.admin-body) .noise-layer { opacity: .018; }
body:not(.admin-body) .site-header { height: 72px; padding: 0 23px; border-bottom-color: rgba(40, 58, 95, .08); max-width: 1440px; }
body:not(.admin-body) .brand { color: #1c2232; letter-spacing: .04em; }
body:not(.admin-body) .brand-mark i { border-color: #5485f1; }
body:not(.admin-body) .brand-mark i:last-child { border-color: #9678f6; }
body:not(.admin-body) .main-nav { gap: clamp(12px, 1.55vw, 23px); margin-right: 22px; }
body:not(.admin-body) .main-nav a { color: #535b70; font-size: 12px; white-space: nowrap; }
body:not(.admin-body) .main-nav a:hover { color: #416ee6; }
body:not(.admin-body) .header-actions { gap: 11px; }
.theme-toggle { width: 34px; height: 34px; display: inline-grid; place-items: center; color: #687189; border: 1px solid rgba(45, 63, 98, .11); border-radius: 50%; background: rgba(255,255,255,.66); font-size: 17px; transition: color .2s,border-color .2s,transform .2s; }
.theme-toggle:hover { color: #416ee6; border-color: rgba(77,128,242,.42); transform: rotate(15deg); }
body:not(.admin-body) .header-cta { min-width: 101px; height: 36px; color: #fff; background: linear-gradient(112deg,#568cf5,#8a6df0); border: 0; border-radius: 999px; box-shadow: 0 6px 19px rgba(97,123,238,.23); }
body:not(.admin-body) .section-frame { max-width: 1320px; padding-left: 36px; padding-right: 36px; }
body:not(.admin-body) .hero { min-height: 690px; grid-template-columns: minmax(420px,.95fr) 1.05fr; column-gap: 42px; }
body:not(.admin-body) .hero:before { inset: 12px 36px 0; background-image: linear-gradient(rgba(105,139,209,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(105,139,209,.07) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom,transparent 0,black 14%,black 75%,transparent 100%); }
body:not(.admin-body) .hero-copy { padding: 72px 0 65px; }
body:not(.admin-body) .eyebrow { color: #505c72; border-color: rgba(61,89,141,.13); background: rgba(255,255,255,.72); box-shadow: 0 2px 10px rgba(40,56,90,.035); }
body:not(.admin-body) .pulse-dot { background: #28bb79; box-shadow: 0 0 0 0 rgba(40,187,121,.28); }
body:not(.admin-body) .hero h1 { margin: 22px 0 17px; font-size: clamp(47px,5.25vw,72px); line-height: 1.07; letter-spacing: -.065em; font-weight: 760; color: #101523; }
body:not(.admin-body) .hero h1 [data-live-part="accent"], body:not(.admin-body) h2 strong { color: #527fed; background: linear-gradient(105deg,#4b87f2 6%,#8071ed 92%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; }
body:not(.admin-body) .hero-copy > p { max-width: 535px; color: #626b7b; font-size: 15px; line-height: 1.9; }
body:not(.admin-body) .button { border-radius: 999px; }
body:not(.admin-body) .button-primary { min-width: 150px; color: #fff; border-color: transparent; background: linear-gradient(110deg,#568df5,#8e70ee); box-shadow: 0 7px 21px rgba(97,123,238,.25); }
body:not(.admin-body) .button-ghost { color: #232c3c; border-color: rgba(48,63,98,.14); background: rgba(255,255,255,.72); }
body:not(.admin-body) .button-ghost:hover { border-color: rgba(77,128,242,.52); color: #416ee6; }
body:not(.admin-body) .hero-metrics { gap: 31px; margin-top: 38px; }
body:not(.admin-body) .hero-metrics dt { color: #151a2a; font-size: 21px; }
body:not(.admin-body) .hero-metrics dt small { color: #557feb; }
body:not(.admin-body) .hero-metrics dd { color: #7d8492; }
body:not(.admin-body) .hero-metrics div + div:before { background: rgba(43,60,98,.13); }
body:not(.admin-body) .hero-system { height: 390px; margin: 16px 0 0; padding: 20px 21px; border: 1px solid rgba(102,125,170,.19); border-radius: 22px; background: rgba(255,255,255,.8); box-shadow: 0 23px 65px rgba(48,66,121,.11), inset 0 1px 0 rgba(255,255,255,.9); backdrop-filter: blur(18px); overflow: visible; }
body:not(.admin-body) .hero-system:after, body:not(.admin-body) .hero-system .system-orbit, body:not(.admin-body) .hero-system .system-axis, body:not(.admin-body) .hero-system .system-core, body:not(.admin-body) .hero-system .signal-card, body:not(.admin-body) .hero-system .floating-coordinates, body:not(.admin-body) .hero-system .scan-line { display: none; }
.dashboard-top { height: 34px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:15px; border-bottom:1px solid rgba(42,58,88,.09); color:#6e7584; font-size:11px; }
.window-dots { display:flex; gap:5px; }
.window-dots i { width:7px;height:7px;border-radius:50%;background:#f58c95; }
.window-dots i:nth-child(2){background:#f4c56c}.window-dots i:nth-child(3){background:#5dcc98}
.dashboard-live { color:#42a979; font-size:10px; }
.dashboard-live i { width:6px;height:6px;margin-right:4px;display:inline-block;border-radius:50%;background:#38bf7a;vertical-align:1px;box-shadow:0 0 0 3px rgba(56,191,122,.12); }
.model-status-list { display:grid;gap:9px;padding-top:17px; }
.model-status-row { min-height:53px;display:grid;grid-template-columns:35px minmax(78px,.76fr) minmax(130px,1.65fr) auto;align-items:center;gap:10px;padding:7px 11px;border:1px solid rgba(44,61,92,.09);border-radius:12px;background:linear-gradient(110deg,rgba(249,250,255,.95),rgba(245,248,255,.82));box-shadow:0 2px 5px rgba(28,43,75,.025); }
.model-status-row strong {color:#22293a;font-size:13px;white-space:nowrap;}
.model-status-row small {color:#7c8493;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.model-status-row>b { justify-self:end;padding:4px 8px;border-radius:999px;background:#e9f8ee;color:#359463;font-size:10px;white-space:nowrap; }
.model-status-row>b.badge-purple {background:#f1edff;color:#7c64dc;}
.model-badge { width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#edf1f7;color:#434d61;font:700 10px var(--mono);letter-spacing:-.04em; }
.badge-codex {background:#eaf5f6;color:#338288}.badge-gemini {background:#f3efff;color:#7761bf}.badge-route {background:#eef0ff;color:#6672d6}
.model-status-row {transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;}
.model-status-row:hover {transform:translateX(3px);border-color:rgba(83,127,235,.3);box-shadow:0 6px 17px rgba(64,96,176,.09);}
.dashboard-live i {animation:status-pulse 2s ease-out infinite;}
.dashboard-foot {display:flex;justify-content:space-between;gap:12px;margin-top:17px;padding-top:12px;border-top:1px solid rgba(42,58,88,.08);color:#969cad;font:9px var(--mono);letter-spacing:.08em;}
body:not(.admin-body) .hero-index { color:#6584d9; }
body:not(.admin-body) .hero-index span { color:#9aa2b4; }
body:not(.admin-body) .scroll-cue { color:#8e98aa; }
body:not(.admin-body) .scroll-cue span { background:linear-gradient(#678cf1,transparent); }
body:not(.admin-body) .section-index { color:#78869f; }
body:not(.admin-body) .models-section { padding-top:33px; padding-bottom:78px; }
.models-kicker { display:flex;align-items:center;gap:12px;padding:11px 15px;border-top:1px solid rgba(49,67,104,.12);color:#8790a2;font-size:11px; }
.models-kicker>span:first-child { padding:5px 10px;border-radius:99px;background:rgba(255,255,255,.8);color:#545d6e;font:10px var(--mono);letter-spacing:.08em;box-shadow:0 2px 9px rgba(36,52,86,.06); }
.models-heading { display:flex;justify-content:space-between;align-items:end;gap:25px;margin:33px 0 23px; }
body:not(.admin-body) .models-heading h2 { margin:10px 0 0;color:#1b2131;font-size:clamp(25px,3vw,37px);letter-spacing:-.055em; }
.models-heading>a { color:#587bd6;font-size:12px;white-space:nowrap; }
.models-heading>a b {font-size:16px;margin-left:6px;font-weight:400;}
.models-strip { display:grid;grid-template-columns:repeat(4,1fr);gap:13px; }
.model-tile { display:flex;align-items:center;gap:12px;padding:15px 15px;border:1px solid rgba(47,65,105,.1);border-radius:13px;background:rgba(255,255,255,.73);box-shadow:0 5px 20px rgba(52,70,123,.035);transition:transform .23s,border-color .23s,box-shadow .23s; }
.model-tile:hover {transform:translateY(-4px);border-color:rgba(87,126,231,.28);box-shadow:0 12px 23px rgba(52,70,123,.09);}
.model-tile .model-badge {width:37px;height:37px;flex:none;}
.model-tile>div {min-width:0;display:grid;gap:2px;}
.model-tile>div b {color:#252c3c;font-size:13px;}
.model-tile>div small {color:#818a9c;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.model-arrow {margin-left:auto;color:#8b98b4;font-size:15px;}
body:not(.admin-body) .services { padding-top:77px;padding-bottom:92px; }
body:not(.admin-body) .section-heading h2,body:not(.admin-body) .method h2,body:not(.admin-body) .contact h2 { color:#1a2030; }
body:not(.admin-body) .section-heading p,body:not(.admin-body) .method-intro p,body:not(.admin-body) .contact-top p { color:#697286; }
body:not(.admin-body) .service-rail:before {background:linear-gradient(90deg,#5f8bf2,rgba(122,150,229,.13) 42%,rgba(122,150,229,.13));}
body:not(.admin-body) .service-card {border-color:rgba(41,62,106,.1);background:rgba(255,255,255,.64);box-shadow:0 9px 24px rgba(50,68,113,.035);}
body:not(.admin-body) .service-card:hover {border-color:rgba(87,126,231,.42);background:#fff;box-shadow:0 16px 34px rgba(62,82,145,.1);}
body:not(.admin-body) .service-number,body:not(.admin-body) .service-card p {color:#768195;}
body:not(.admin-body) .service-card h3 {color:#202739;}
body:not(.admin-body) .service-card a {color:#52627c;}
body:not(.admin-body) .service-icon {border-color:rgba(83,127,235,.28);color:#577fe7;background:rgba(91,130,235,.035);}
body:not(.admin-body) .method {border-top-color:rgba(41,62,106,.1);background:linear-gradient(90deg,rgba(227,232,255,.33),transparent 54%);}
body:not(.admin-body) .method-steps {border-top-color:rgba(42,61,100,.12);}
body:not(.admin-body) .method-steps li {border-bottom-color:rgba(42,61,100,.12);}
body:not(.admin-body) .method-steps li:hover {background:linear-gradient(90deg,rgba(97,131,234,.07),transparent);}
body:not(.admin-body) .method-steps h3 {color:#252c3c;}
body:not(.admin-body) .method-steps p,body:not(.admin-body) .method-signal b {color:#788398;}
body:not(.admin-body) .method-steps li>span,body:not(.admin-body) .method-signal span {color:#6281dc;background:#6988e7;}
body:not(.admin-body) .contact-card {border-color:rgba(41,62,106,.11);background:rgba(255,255,255,.75);box-shadow:0 8px 25px rgba(45,63,112,.055);}
body:not(.admin-body) .contact-card-body {background:linear-gradient(transparent,rgba(255,255,255,.94) 33%);}
body:not(.admin-body) .contact-card-body h3 {color:#1d2535;}
body:not(.admin-body) .contact-card-body p,body:not(.admin-body) .contact-card-body small,body:not(.admin-body) .contact-card-head {color:#66738b;}
body:not(.admin-body) .contact-visual-wechat {background:radial-gradient(circle at 52% 48%,rgba(123,170,255,.43),transparent 27%),linear-gradient(138deg,#f4f7ff,#e7f0ff);}
body:not(.admin-body) .contact-visual-phone {background:radial-gradient(circle at 52% 48%,rgba(167,146,255,.36),transparent 27%),linear-gradient(138deg,#f5f2ff,#ecebff);}
body:not(.admin-body) .contact-visual-mail {background:radial-gradient(circle at 49% 44%,rgba(111,194,255,.34),transparent 27%),linear-gradient(136deg,#eff8ff,#eaf2ff);}
body:not(.admin-body) .site-footer {border-top-color:rgba(44,64,102,.12);color:#788398;}
body:not(.admin-body) .site-footer a {color:#56688a;}
body:not(.admin-body) .site-footer .brand-mark i {border-color:#5c83e6;}
body:not(.admin-body) .site-footer .brand-mark i:last-child {border-color:#9478f6;}
body:not(.admin-body) .qr-dialog {color:#202639;border-color:rgba(89,124,218,.3);background:linear-gradient(145deg,#fff,#f3f6ff);box-shadow:0 28px 80px rgba(30,46,92,.22);}
body:not(.admin-body) .qr-dialog h2 {color:#202639;}
body:not(.admin-body) .qr-dialog p {color:#6d7890;}
body.theme-dark:not(.admin-body) {--ink:#07121d;--ink-2:#0b1a27;--panel:rgba(12,30,45,.68);--panel-solid:#0e2231;--line:rgba(176,224,230,.16);--line-bright:rgba(119,247,222,.42);--text:#f2f8f8;--muted:#9caeb9;--faint:#5f737f;--aqua:#32f6d4;--violet:#9670ff;background:#07121d;color:#f2f8f8;}
body.theme-dark:not(.admin-body) .site-shell {background:radial-gradient(ellipse 52% 38% at 78% 5%,rgba(64,107,164,.21),transparent 66%),radial-gradient(ellipse 55% 32% at 0% 63%,rgba(41,162,149,.08),transparent 68%),#07121d;}
body.theme-dark:not(.admin-body) .site-header {border-bottom-color:rgba(184,231,233,.12);}
body.theme-dark:not(.admin-body) .brand,body.theme-dark:not(.admin-body) .section-heading h2,body.theme-dark:not(.admin-body) .method h2,body.theme-dark:not(.admin-body) .contact h2,body.theme-dark:not(.admin-body) .models-heading h2,body.theme-dark:not(.admin-body) .model-tile>div b,body.theme-dark:not(.admin-body) .model-status-row strong,body.theme-dark:not(.admin-body) .service-card h3,body.theme-dark:not(.admin-body) .contact-card-body h3 {color:#f2f8f8;}
body.theme-dark:not(.admin-body) .main-nav a,body.theme-dark:not(.admin-body) .hero-copy>p,body.theme-dark:not(.admin-body) .section-heading p,body.theme-dark:not(.admin-body) .method-intro p,body.theme-dark:not(.admin-body) .contact-top p,body.theme-dark:not(.admin-body) .model-tile>div small {color:#9caeb9;}
body.theme-dark:not(.admin-body) .hero h1 {color:#f2f8f8;}
body.theme-dark:not(.admin-body) .hero-system,body.theme-dark:not(.admin-body) .service-card,body.theme-dark:not(.admin-body) .contact-card,body.theme-dark:not(.admin-body) .model-tile {background:rgba(12,30,45,.78);border-color:rgba(176,224,230,.16);}
body.theme-dark:not(.admin-body) .model-status-row {background:rgba(12,30,45,.72);border-color:rgba(176,224,230,.16);}
body.theme-dark:not(.admin-body) .dashboard-top,body.theme-dark:not(.admin-body) .dashboard-foot {color:#9caeb9;border-color:rgba(176,224,230,.16);}
body.theme-dark:not(.admin-body) .model-status-row small,body.theme-dark:not(.admin-body) .service-card p,body.theme-dark:not(.admin-body) .method-steps p,body.theme-dark:not(.admin-body) .contact-card-body small {color:#9caeb9;}
body.theme-dark:not(.admin-body) .contact-card-body {background:linear-gradient(transparent,rgba(4,18,27,.87) 33%);}
body.theme-dark:not(.admin-body) .button-ghost {color:#d6e3e4;background:rgba(13,32,44,.32);border-color:rgba(180,232,235,.25);}
body.theme-dark:not(.admin-body) .theme-toggle {color:#d5ddf4;background:rgba(18,35,51,.7);border-color:rgba(180,220,235,.2);}
@media (max-width: 1080px) {
  body:not(.admin-body) .main-nav {gap:12px;margin-right:12px;}
  body:not(.admin-body) .main-nav a {font-size:11px;}
  body:not(.admin-body) .site-header {padding-left:18px;padding-right:18px;}
  body:not(.admin-body) .hero {grid-template-columns:minmax(360px,.92fr) 1.08fr;column-gap:25px;}
  body:not(.admin-body) .section-frame {padding-left:26px;padding-right:26px;}
}
@media (max-width: 820px) {
  body:not(.admin-body) .site-header {height:68px;}
  body:not(.admin-body) .main-nav {gap:15px;}
  body:not(.admin-body) .main-nav a {font-size:12px;}
  body:not(.admin-body) .header-cta {display:none;}
  body:not(.admin-body) .hero {min-height:760px;grid-template-columns:1fr;align-content:start;}
  body:not(.admin-body) .hero-copy {padding:68px 0 15px;}
  body:not(.admin-body) .hero-system {width:min(560px,100%);height:350px;margin:18px auto 45px;}
  body:not(.admin-body) .models-strip {grid-template-columns:repeat(2,1fr);}
  body:not(.admin-body) .section-frame {padding-left:24px;padding-right:24px;}
}
@media (max-width: 680px) {
  body:not(.admin-body) .site-header {padding-left:17px;padding-right:14px;}
  body:not(.admin-body) .main-nav {gap:0;}
  body:not(.admin-body) .main-nav a {padding:10px 0;}
  body:not(.admin-body) .header-cta {display:none;}
  body:not(.admin-body) .hero {min-height:700px;}
  body:not(.admin-body) .hero-copy {padding-top:53px;}
  body:not(.admin-body) .hero h1 {font-size:clamp(42px,11.8vw,58px);}
  body:not(.admin-body) .hero-copy>p {font-size:14px;}
  body:not(.admin-body) .hero-system {height:275px;padding:14px;margin-top:15px;border-radius:18px;}
  body:not(.admin-body) .dashboard-top {font-size:9px;}
  body:not(.admin-body) .model-status-list {gap:7px;padding-top:13px;}
  body:not(.admin-body) .model-status-row {min-height:45px;grid-template-columns:30px minmax(55px,.6fr) minmax(74px,1.4fr) auto;gap:6px;padding:6px 7px;border-radius:10px;}
  body:not(.admin-body) .model-status-row .model-badge {width:26px;height:26px;border-radius:7px;font-size:8px;}
  body:not(.admin-body) .model-status-row strong {font-size:11px;}
  body:not(.admin-body) .model-status-row small {font-size:8px;}
  body:not(.admin-body) .model-status-row>b {font-size:8px;padding:4px 6px;}
  body:not(.admin-body) .dashboard-foot {font-size:7px;margin-top:11px;}
  body:not(.admin-body) .models-section {padding-top:17px;padding-bottom:59px;}
  body:not(.admin-body) .models-heading {align-items:start;flex-direction:column;gap:13px;margin-top:24px;}
  body:not(.admin-body) .models-strip {gap:9px;}
  body:not(.admin-body) .model-tile {padding:11px 9px;gap:8px;}
  body:not(.admin-body) .model-tile .model-badge {width:30px;height:30px;font-size:8px;}
  body:not(.admin-body) .model-tile>div b {font-size:11px;}
  body:not(.admin-body) .model-tile>div small {font-size:8px;}
}
body.theme-dark:not(.admin-body) .models-kicker>span:first-child {background:#102231;color:#d1dce8;}
body.theme-dark:not(.admin-body) .section-index,body.theme-dark:not(.admin-body) .models-kicker,body.theme-dark:not(.admin-body) .models-heading>a,body.theme-dark:not(.admin-body) .service-number,body.theme-dark:not(.admin-body) .service-card a,body.theme-dark:not(.admin-body) .site-footer {color:#9caeb9;}
body.theme-dark:not(.admin-body) .method-steps h3 {color:#e9f2f2;}
body.theme-dark:not(.admin-body) .method-steps,body.theme-dark:not(.admin-body) .method-steps li {border-color:rgba(176,224,230,.16);}
body.theme-dark:not(.admin-body) .contact-card-body p,body.theme-dark:not(.admin-body) .contact-card-body small,body.theme-dark:not(.admin-body) .contact-card-head {color:#a9bdc4;}
@keyframes status-pulse {0%{box-shadow:0 0 0 0 rgba(56,191,122,.32)}70%{box-shadow:0 0 0 6px rgba(56,191,122,0)}100%{box-shadow:0 0 0 0 rgba(56,191,122,0)}}
@media (prefers-reduced-motion: reduce) {
  .dashboard-live i { animation:none; }
  .model-status-row,.model-tile { transition:none; }
}

/* Admin live visual editor */
.visual-editor-panel { margin: 0 0 24px; padding: 24px; border: 1px solid rgba(176,224,230,.16); background: rgba(12,30,45,.53); }
.visual-editor-panel > .panel-title { margin-bottom: 18px; }
.visual-editor-panel .panel-title > span { color: var(--aqua); font: 11px var(--mono); letter-spacing: .08em; }
.visual-editor-panel .panel-title p { max-width: 760px; }
.visual-editor-layout { display:grid; grid-template-columns:minmax(180px,.42fr) minmax(0,1.58fr); gap:18px; align-items:stretch; }
.visual-editor-hint { padding:19px; border:1px solid rgba(176,224,230,.12); background:rgba(5,18,28,.48); }
.visual-editor-hint strong { color:#eaf5f5; font-size:15px; }
.visual-editor-hint p { margin:10px 0 0; color:#9caeb9; font-size:12px; line-height:1.8; }
.editor-badges { display:flex; flex-wrap:wrap; gap:7px; margin-top:20px; }
.editor-badges span { padding:5px 8px; border:1px solid rgba(119,247,222,.2); border-radius:999px; color:#9ee9dc; font-size:10px; }
.visual-preview-wrap { min-width:0; height:420px; overflow:hidden; border:1px solid rgba(176,224,230,.18); border-radius:8px; background:#f7f8ff; }
.visual-preview-top { height:34px; display:flex; align-items:center; gap:12px; padding:0 10px; color:#617087; background:#f9fbff; border-bottom:1px solid rgba(38,58,95,.1); }
.visual-preview-top > span { display:flex; gap:4px; }
.visual-preview-top > span i { width:7px;height:7px;border-radius:50%;background:#f58c95; }
.visual-preview-top > span i:nth-child(2){background:#f4c56c}.visual-preview-top > span i:nth-child(3){background:#5dcc98}
.visual-preview-top b { flex:1; font-size:10px; font-weight:600; }
.visual-preview-top button { padding:4px 8px; border:1px solid rgba(48,63,98,.15); border-radius:5px; background:#fff; color:#53627b; font-size:10px; }
.visual-preview-wrap iframe { width:100%; height:calc(100% - 34px); border:0; background:#f7f8ff; }
.visual-editor-panel.preview-floating { position:fixed; z-index:80; right:18px; bottom:18px; width:min(520px,42vw); padding:13px; border:1px solid rgba(119,247,222,.4); background:rgba(5,18,28,.97); box-shadow:0 18px 55px rgba(0,0,0,.38); }
.visual-editor-panel.preview-floating > .panel-title,.visual-editor-panel.preview-floating .visual-editor-hint { display:none; }
.visual-editor-panel.preview-floating .visual-editor-layout { display:block; }
.visual-editor-panel.preview-floating .visual-preview-wrap { height:330px; }
.visual-editor-panel.preview-collapsed.preview-floating { width:auto; padding:6px; }
.visual-editor-panel.preview-collapsed.preview-floating .visual-preview-wrap { height:auto; border:0; background:transparent; }
.visual-editor-panel.preview-collapsed.preview-floating .visual-preview-wrap iframe { display:none; }
.visual-edit-repeater { display:grid; gap:12px; }
.visual-edit-item { padding:16px; border:1px solid rgba(176,224,230,.12); background:rgba(5,18,28,.32); }
.visual-edit-item > strong { display:block; margin-bottom:13px; color:#d8e9e9; font-size:13px; }
.visual-edit-item .field-grid { padding:0; }
.settings-panel label small { display:block; margin-top:5px; color:#8298a5; font-size:11px; line-height:1.5; }
@media (max-width: 900px) { .visual-editor-layout { grid-template-columns:1fr; } .visual-editor-hint { padding:14px; } .visual-preview-wrap { height:380px; } }
@media (max-width: 600px) { .visual-editor-panel { padding:15px; } .visual-preview-wrap { height:320px; } .visual-edit-item { padding:12px; } }
@media (max-width: 600px) { .visual-editor-panel.preview-floating { right:8px;bottom:8px;width:calc(100vw - 16px);padding:7px; } .visual-editor-panel.preview-floating .visual-preview-wrap { height:270px; } .visual-editor-panel.preview-collapsed.preview-floating { width:auto; } }


/* Developer-first multi-model gateway sections. */
body:not(.admin-body) .platform-overview { padding-top:54px; padding-bottom:104px; }
.platform-heading { display:flex; align-items:end; justify-content:space-between; gap:54px; margin:0 0 28px; }
.platform-heading h2,.api-demo-intro h2 { margin:13px 0 0; color:#1a2030; font-size:clamp(31px,4vw,50px); line-height:1.12; letter-spacing:-.055em; }
.platform-heading>p { max-width:485px; margin:0 0 4px; color:#697286; font-size:14px; line-height:1.9; }
.gateway-map { position:relative; min-height:298px; display:grid; grid-template-columns:1fr .7fr 1.25fr .7fr 1.3fr; align-items:center; gap:9px; padding:34px 30px 52px; overflow:hidden; border:1px solid rgba(64,91,155,.15); border-radius:24px; background:radial-gradient(ellipse at 49% 48%,rgba(132,156,255,.17),transparent 29%),linear-gradient(118deg,rgba(255,255,255,.94),rgba(237,244,255,.86)); box-shadow:0 20px 55px rgba(65,91,153,.08); }
.gateway-map:before { content:""; position:absolute; inset:0; opacity:.5; background-image:linear-gradient(rgba(84,117,190,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(84,117,190,.06) 1px,transparent 1px); background-size:28px 28px; mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent); pointer-events:none; }
.gateway-orbit { position:absolute; left:50%; top:49%; border:1px solid rgba(104,129,230,.17); border-radius:50%; transform:translate(-50%,-50%); pointer-events:none; }
.gateway-orbit-a { width:360px;height:175px;transform:translate(-50%,-50%) rotate(-14deg); }
.gateway-orbit-b { width:270px;height:120px;transform:translate(-50%,-50%) rotate(25deg);border-color:rgba(98,184,213,.17); }
.gateway-node,.gateway-link,.gateway-branches,.gateway-models { position:relative; z-index:1; }
.gateway-node { display:grid; justify-items:center; gap:6px; padding:17px 10px; text-align:center; border:1px solid rgba(67,95,160,.18); border-radius:15px; background:rgba(255,255,255,.86); box-shadow:0 11px 28px rgba(56,76,139,.08); }
.gateway-node small { color:#78849b;font:9px var(--mono);letter-spacing:.08em; }
.gateway-node b { color:#263149;font-size:14px; }
.gateway-app>span { color:#8a93a7;font:9px var(--mono); }
.gateway-core { padding:22px 12px; border-color:rgba(95,120,233,.38); background:linear-gradient(145deg,#fff,#f1f3ff); box-shadow:0 13px 38px rgba(111,113,221,.17),0 0 0 6px rgba(121,128,236,.055); }
.gateway-logo { display:grid;place-items:center;width:39px;height:39px;border-radius:13px;color:#fff;font:800 20px var(--mono);background:linear-gradient(135deg,#508cf4,#9a6dec);box-shadow:0 8px 20px rgba(100,114,226,.28); }
.gateway-core small { color:#6779bb; }
.gateway-link { height:1px; background:linear-gradient(90deg,rgba(97,131,220,.1),rgba(81,125,227,.72),rgba(130,114,221,.2)); }
.gateway-link i { position:absolute;top:-2px;width:5px;height:5px;border-radius:50%;background:#5a91ef;box-shadow:0 0 9px rgba(75,135,244,.72);animation:gateway-flow 2.4s linear infinite; }
.gateway-link i:nth-child(2){animation-delay:.8s;background:#8c76ec}.gateway-link i:nth-child(3){animation-delay:1.6s;}
.gateway-link-in span { position:absolute;left:50%;top:-20px;transform:translateX(-50%);color:#8994ac;font:8px var(--mono);white-space:nowrap;letter-spacing:.07em; }
.gateway-branches { display:grid;gap:17px; }
.gateway-models { display:grid;gap:8px; }
.gateway-models>span { display:flex;align-items:center;gap:8px;min-height:39px;padding:5px 9px;border:1px solid rgba(66,91,150,.12);border-radius:10px;background:rgba(255,255,255,.83);color:#49556e;font-size:11px;white-space:nowrap; }
.gateway-models i { width:25px;height:25px;display:grid;place-items:center;border-radius:8px;font:700 8px var(--mono);font-style:normal; }
.badge-claude {background:#fff1e9;color:#c77448}.gateway-models .badge-codex {background:#e9f5f4;color:#3c9285}.gateway-models .badge-gemini {background:#f0edff;color:#7865cf}
.gateway-caption { position:absolute;left:22px;right:22px;bottom:14px;display:flex;align-items:center;gap:9px;color:#8b95a9;font:9px var(--mono);letter-spacing:.06em; }
.gateway-caption b { color:#4bbd8b;font-size:9px; }
.capability-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px; }
.capability-card { min-height:218px;position:relative;overflow:hidden;padding:24px 19px 20px;border:1px solid rgba(49,68,110,.11);border-radius:15px;background:rgba(255,255,255,.78);box-shadow:0 7px 22px rgba(50,68,113,.035);transition:transform .24s,border-color .24s,box-shadow .24s; }
.capability-card:hover { transform:translateY(-5px);border-color:rgba(90,123,225,.3);box-shadow:0 16px 32px rgba(69,92,162,.1); }
.capability-index { position:absolute;right:17px;top:16px;color:#a5adbf;font:10px var(--mono); }
.capability-symbol { width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(83,127,235,.23);border-radius:13px;color:#5a7fe1;background:linear-gradient(145deg,#f8faff,#edf1ff);font-size:21px; }
.capability-card h3 { margin:19px 0 8px;color:#20283a;font-size:15px;letter-spacing:-.025em; }
.capability-card p { max-width:270px;margin:0;color:#748097;font-size:11px;line-height:1.8; }
.capability-line { position:absolute;left:19px;bottom:0;width:0;height:2px;background:linear-gradient(90deg,#568cf5,#a079ed);transition:width .28s; }
.capability-card:hover .capability-line { width:calc(100% - 38px); }
.api-demo-section { display:grid;grid-template-columns:.83fr 1.17fr;align-items:center;gap:54px;padding-top:86px;padding-bottom:107px;border-top:1px solid rgba(49,67,104,.1); }
.api-demo-intro h2 { margin-top:17px; }
.api-demo-intro>p { max-width:420px;margin:20px 0;color:#697286;font-size:14px;line-height:1.9; }
.api-doc-link { display:inline-flex;align-items:center;gap:10px;margin-top:5px;color:#527be0;font-size:12px;font-weight:700; }
.api-doc-link b {font-size:17px;font-weight:400;}
.code-window { overflow:hidden;border:1px solid rgba(53,69,113,.23);border-radius:17px;background:#101827;box-shadow:0 23px 55px rgba(29,43,83,.2); }
.code-window-top { min-height:53px;display:flex;align-items:center;gap:16px;padding:0 15px;border-bottom:1px solid rgba(226,234,255,.1);color:#94a0b9;font:9px var(--mono);letter-spacing:.045em; }
.code-window-top>.window-dots { flex:none; }
.code-window-top>.window-dots i { width:7px;height:7px; }
.code-actions { margin-left:auto;display:flex;align-items:center;gap:9px; }
.code-tabs { display:flex;align-items:center;gap:3px;padding:3px;border:1px solid rgba(198,211,255,.12);border-radius:8px;background:rgba(4,10,19,.4); }
.code-tabs button,.copy-code { min-height:27px;padding:0 9px;border:0;border-radius:5px;background:transparent;color:#8793aa;font:9px var(--mono); }
.code-tabs button.is-active {color:#edf1ff;background:rgba(112,133,231,.28);}
.copy-code { border:1px solid rgba(192,206,255,.17);color:#cbd6ef;transition:background .2s,color .2s; }
.copy-code:hover {color:#fff;background:rgba(108,133,231,.2);}
.code-sample { min-height:208px;margin:0;padding:20px 21px;overflow:auto;color:#d7e0f0;font:11px/1.9 var(--mono);tab-size:2; }
.code-sample code {font:inherit;}
.code-comment {color:#71819f;}
.code-note { display:flex;gap:9px;align-items:flex-start;padding:12px 17px 15px;border-top:1px solid rgba(226,234,255,.09);color:#8592aa;font-size:10px;line-height:1.7; }
.code-note span { flex:none;width:15px;height:15px;display:grid;place-items:center;border:1px solid rgba(150,169,224,.37);border-radius:50%;color:#acbae1;font:9px var(--mono); }
.code-sample[hidden] {display:none;}
@keyframes gateway-flow {0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:100%;opacity:0}}
body.theme-dark:not(.admin-body) .platform-heading h2,body.theme-dark:not(.admin-body) .api-demo-intro h2 {color:#f2f8f8;}
body.theme-dark:not(.admin-body) .platform-heading>p,body.theme-dark:not(.admin-body) .api-demo-intro>p {color:#9caeb9;}
body.theme-dark:not(.admin-body) .gateway-map {border-color:rgba(176,224,230,.16);background:radial-gradient(ellipse at 49% 48%,rgba(91,103,200,.2),transparent 29%),linear-gradient(118deg,rgba(12,30,45,.94),rgba(12,25,43,.9));box-shadow:0 20px 55px rgba(0,0,0,.18);}
body.theme-dark:not(.admin-body) .gateway-map:before {background-image:linear-gradient(rgba(159,200,227,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(159,200,227,.055) 1px,transparent 1px);}
body.theme-dark:not(.admin-body) .gateway-node,body.theme-dark:not(.admin-body) .gateway-models>span {border-color:rgba(176,224,230,.17);background:rgba(19,39,57,.92);}
body.theme-dark:not(.admin-body) .gateway-node b,body.theme-dark:not(.admin-body) .gateway-models>span {color:#e4ebf7;}
body.theme-dark:not(.admin-body) .gateway-node small,body.theme-dark:not(.admin-body) .gateway-app>span,body.theme-dark:not(.admin-body) .gateway-caption {color:#94a2b9;}
body.theme-dark:not(.admin-body) .gateway-core {background:linear-gradient(145deg,#182845,#151c36);}
body.theme-dark:not(.admin-body) .capability-card {border-color:rgba(176,224,230,.16);background:rgba(12,30,45,.8);}
body.theme-dark:not(.admin-body) .capability-card h3 {color:#f2f8f8;}
body.theme-dark:not(.admin-body) .capability-card p {color:#9caeb9;}
body.theme-dark:not(.admin-body) .api-demo-section {border-top-color:rgba(176,224,230,.16);}
@media (max-width: 900px) {
  .capability-grid {grid-template-columns:repeat(2,1fr);}
  .api-demo-section {grid-template-columns:1fr;gap:28px;}
  .gateway-map {gap:6px;padding-left:20px;padding-right:20px;}
}
@media (max-width: 680px) {
  body:not(.admin-body) .platform-overview {padding-top:38px;padding-bottom:72px;}
  .platform-heading {display:block;margin-bottom:22px;}
  .platform-heading>p {margin-top:18px;font-size:13px;}
  .gateway-map {min-height:0;grid-template-columns:1fr;padding:22px 18px 45px;gap:13px;border-radius:18px;}
  .gateway-app,.gateway-core,.gateway-models {width:min(100%,270px);justify-self:center;}
  .gateway-link-in {width:1px;height:29px;justify-self:center;background:linear-gradient(rgba(97,131,220,.1),rgba(81,125,227,.72));}
  .gateway-link-in i,.gateway-branches .gateway-link i {display:none;}
  .gateway-link-in span {left:20px;top:9px;transform:none;}
  .gateway-branches {width:1px;height:22px;justify-self:center;gap:0;background:linear-gradient(rgba(97,131,220,.1),rgba(81,125,227,.72));}
  .gateway-branches .gateway-link {display:none;}
  .gateway-models {grid-template-columns:1fr 1fr 1fr;gap:5px;}
  .gateway-models>span {justify-content:center;gap:5px;padding:5px 3px;font-size:9px;}
  .gateway-models i {width:21px;height:21px;}
  .gateway-orbit-a {width:240px;height:150px;}.gateway-orbit-b {width:200px;height:105px;}
  .gateway-caption {left:12px;right:12px;bottom:11px;justify-content:center;font-size:7px;}
  .capability-grid {grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;}
  .capability-card {min-height:210px;padding:17px 13px;}
  .capability-card h3 {font-size:13px;}
  .capability-card p {font-size:10px;}
  .capability-symbol {width:36px;height:36px;}
  .api-demo-section {padding-top:66px;padding-bottom:75px;gap:23px;}
  .api-demo-intro>p {font-size:13px;}
  .code-window-top {gap:8px;padding:0 10px;min-height:49px;font-size:7px;}
  .code-tabs button,.copy-code {padding:0 6px;font-size:8px;}
  .code-actions {gap:5px;}
  .code-sample {padding:16px 13px;font-size:9px;}
}
@media (prefers-reduced-motion: reduce) { .gateway-link i {animation:none;left:50%;} .capability-card,.capability-line {transition:none;} }

.admin-logout-form {display:inline-flex;margin-left:12px;}
.admin-header .admin-logout-form button {padding:0;border:0;background:transparent;color:#91a7b0;font:inherit;cursor:pointer;}
.admin-header .admin-logout-form button:hover {color:#52eed1;}

/* Keep every contact image above its copy and action, without overlaying content. */
body:not(.admin-body) .contact-card {display:flex;flex-direction:column;min-height:404px;padding:17px;}
.contact-card .contact-card-head {flex:0 0 auto;z-index:3;}
.contact-card-media {position:relative;flex:0 0 210px;width:100%;margin-top:12px;overflow:hidden;border:1px solid rgba(80,112,177,.14);border-radius:8px;background:linear-gradient(135deg,#f7f9ff,#edf2ff);}
.contact-card-media .contact-image {position:relative;inset:auto;z-index:1;display:block;width:100%;height:100%;max-height:none;margin:0;padding:8px;object-fit:contain;opacity:1;transform:none;background:rgba(255,255,255,.93);}
.contact-card:hover .contact-card-media .contact-image {transform:none;opacity:1;}
.contact-card-media .contact-visual {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;}
.contact-card .contact-card-body {position:relative;inset:auto;z-index:2;flex:1;padding:12px 3px 0;background:none;}
body:not(.admin-body) .contact-card-body {background:none;}
body.theme-dark:not(.admin-body) .contact-card-body {background:none;}
.contact-card .contact-card-body p {margin:0 0 2px;}
.contact-card .contact-card-body h3 {margin:2px 0 3px;}
.contact-card .contact-card-action {position:relative;z-index:3;left:auto;right:auto;bottom:auto;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:43px;margin:13px 0 0;padding:0 14px;border:1px solid #4b83f2;border-radius:7px;background:linear-gradient(105deg,#4b83f2,#8b71ef);color:#fff;font-size:13px;font-weight:700;box-shadow:0 8px 20px rgba(75,131,242,.2);transition:transform .2s ease,box-shadow .2s ease;}
.contact-card .contact-card-action:hover {transform:translateY(-2px);box-shadow:0 12px 25px rgba(75,131,242,.3);}
.contact-card .contact-card-action span {font-size:16px;line-height:1;}
@media (max-width: 720px) {
  body:not(.admin-body) .contact-card {min-height:400px;}
  .contact-card-media {flex-basis:200px;}
}

/* Keep the navigation visible and the contact action obvious on every card. */
html {scroll-padding-top:96px;}
.site-header {position:sticky;top:0;z-index:30;background:rgba(247,248,255,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background-color .22s ease,box-shadow .22s ease,border-color .22s ease;}
.site-header.is-scrolled {background:rgba(247,248,255,.96);border-bottom-color:rgba(44,64,102,.16);box-shadow:0 8px 24px rgba(42,58,99,.08);}
body.theme-dark:not(.admin-body) .site-header {background:rgba(7,18,29,.84);}
body.theme-dark:not(.admin-body) .site-header.is-scrolled {background:rgba(7,18,29,.96);border-bottom-color:rgba(176,224,230,.16);box-shadow:0 8px 24px rgba(0,0,0,.22);}

/* Progressive enhancement: all content remains visible if JavaScript does not run. */
.reveal {opacity:1;transform:none;}
.motion-ready .reveal {opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease;}
.motion-ready .reveal.is-visible {opacity:1;transform:none;}
@media (prefers-reduced-motion: reduce) {
  html {scroll-behavior:auto;}
  .site-header,.contact-card .contact-card-action {transition:none;}
}

/* Restore a visible, lightweight motion signature in the current model dashboard hero. */
.hero-system::before {content:"";position:absolute;z-index:1;left:10%;right:10%;top:-36%;height:34%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(50,246,212,.12) 48%,rgba(50,246,212,.025) 72%,transparent);animation:dashboard-scan 7.5s linear infinite;}
body:not(.admin-body) .hero-system::before {background:linear-gradient(180deg,transparent,rgba(82,127,241,.14) 48%,rgba(148,120,246,.035) 72%,transparent);}
@keyframes dashboard-scan {to {transform:translateY(405%);}}
@media (prefers-reduced-motion: reduce) {.hero-system::before {animation:none;}}

.cache-control-panel {display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 22px;padding:19px 21px;border:1px solid rgba(119,247,222,.16);border-radius:8px;background:linear-gradient(115deg,rgba(12,30,45,.72),rgba(11,28,42,.38));}
.cache-control-copy {min-width:0;}
.cache-control-copy .eyebrow {font-size:9px;}
.cache-control-copy h2 {margin:12px 0 4px;color:#e9f4f4;font-size:16px;letter-spacing:-.025em;}
.cache-control-copy p {max-width:760px;margin:0;color:#91a7af;font-size:11px;line-height:1.7;}
.cache-clear-form {flex:none;}
.cache-clear-button {gap:13px;border:1px solid rgba(119,247,222,.35);background:linear-gradient(105deg,rgba(50,246,212,.13),rgba(150,112,255,.15));color:#d9f8f1;}
.cache-clear-button:hover {border-color:rgba(119,247,222,.7);background:rgba(50,246,212,.16);}
.cache-clear-button b {font-size:18px;font-weight:500;}
@media (max-width: 680px) {.cache-control-panel {align-items:stretch;flex-direction:column;}.cache-clear-form,.cache-clear-button {width:100%;}}

.admin-quick-nav {position:sticky;top:8px;z-index:25;display:grid;grid-template-columns:minmax(175px,.36fr) minmax(0,1.64fr);align-items:center;gap:16px;margin:18px 0 22px;padding:14px 16px;border:1px solid rgba(119,247,222,.22);border-radius:9px;background:rgba(7,18,29,.96);backdrop-filter:blur(16px);box-shadow:0 12px 30px rgba(0,0,0,.2);}
.admin-quick-nav-heading>span {color:var(--aqua);font:9px var(--mono);letter-spacing:.13em;}
.admin-quick-nav-heading h2 {margin:5px 0 2px;color:#e9f4f4;font-size:15px;letter-spacing:-.025em;}
.admin-quick-nav-heading p {margin:0;color:#91a7af;font-size:10px;line-height:1.5;}
.admin-quick-nav-links {display:flex;flex-wrap:wrap;gap:7px;}
.admin-quick-nav-links a {display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border:1px solid rgba(176,224,230,.15);border-radius:999px;color:#b7cbcc;background:rgba(12,30,45,.55);font-size:10px;white-space:nowrap;transition:border-color .18s ease,color .18s ease,background .18s ease;}
.admin-quick-nav-links a:hover {border-color:rgba(119,247,222,.52);color:#e6fffb;background:rgba(50,246,212,.1);}
.admin-quick-nav-links a.quick-contact-link {border-color:rgba(119,247,222,.3);color:#a8f1e3;background:rgba(50,246,212,.08);}
.settings-panel[id] {scroll-margin-top:132px;}
@media (max-width: 680px) {
  .admin-quick-nav {grid-template-columns:1fr;gap:10px;top:4px;padding:11px 12px;}
  .admin-quick-nav-links {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
  .admin-quick-nav-links a {min-height:32px;padding:4px 6px;font-size:9px;white-space:normal;text-align:center;}
  .settings-panel[id] {scroll-margin-top:190px;}
}