:root{--brand: #0f3d3e;--brand-ink: #0a2a2b;--brand-soft: #1a5556;--accent: #14b8a6;--accent-hover: #0d9488;--accent-soft: rgba(20, 184, 166, .12);--bg: #f3f1ec;--bg-elevated: #faf9f6;--bg-muted: #e8e5de;--surface: #ffffff;--surface-hover: #f7f5f0;--border: rgba(15, 61, 62, .12);--border-strong: rgba(15, 61, 62, .22);--text: #141816;--text-secondary: #3d4543;--text-muted: #5c6663;--text-inverse: #faf9f6;--success: #15803d;--success-bg: rgba(21, 128, 61, .1);--warn: #b45309;--warn-bg: rgba(180, 83, 9, .1);--danger: #b91c1c;--danger-bg: rgba(185, 28, 28, .1);--info: #0369a1;--info-bg: rgba(3, 105, 161, .1);--font-display: "Microsoft YaHei", "微软雅黑", sans-serif;--font-body: "Microsoft YaHei", "微软雅黑", sans-serif;--font-mono: Consolas, "Courier New", monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--fs-3xl: 2.25rem;--fs-hero: clamp(2.5rem, 6vw, 4.25rem);--lh-tight: 1.2;--lh-body: 1.65;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(15, 24, 22, .06);--shadow-md: 0 4px 12px rgba(15, 24, 22, .08);--shadow-lg: 0 8px 24px rgba(15, 24, 22, .1);--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .16s;--dur: .24s;--dur-slow: .28s;--z-nav: 100;--z-dropdown: 200;--z-modal: 300;--z-toast: 400;--z-cmdk: 500;--nav-h: 64px;--content-max: 1120px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--focus-ring: 0 0 0 3px var(--accent-soft), 0 0 0 1px var(--accent);--touch-min: 44px}[data-theme=dark]{--bg: #0e1413;--bg-elevated: #141c1b;--bg-muted: #1a2422;--surface: #18201e;--surface-hover: #1f2927;--border: rgba(244, 241, 236, .1);--border-strong: rgba(244, 241, 236, .18);--text: #f0ebe3;--text-secondary: #c4beb4;--text-muted: #8f8980;--text-inverse: #0e1413;--brand: #7dd3c8;--brand-ink: #a7e8df;--accent: #2dd4bf;--accent-hover: #5eead4;--accent-soft: rgba(45, 212, 191, .16);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .45)}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 0ms;--dur: 0ms;--dur-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;min-height:100dvh;font-family:var(--font-body);font-size:var(--fs-md);line-height:var(--lh-body);color:var(--text);background:var(--bg);padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right)}img{max-width:100%;display:block}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--accent-hover)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{font-size:16px}h1,h2,h3,h4{font-family:var(--font-display);line-height:var(--lh-tight);letter-spacing:-.02em;margin:0 0 var(--space-3);color:var(--text)}p{margin:0 0 var(--space-4);color:var(--text-secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-5);border-radius:var(--radius-md);border:1px solid transparent;background:var(--brand);color:var(--text-inverse);font-weight:600;cursor:pointer;text-decoration:none;transition:transform var(--dur-fast) var(--ease-out),background var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),opacity var(--dur) var(--ease-out)}.btn:hover{background:var(--brand-soft);color:var(--text-inverse);text-decoration:none}.btn:active{transform:scale(.98)}.btn:disabled,.btn[aria-busy=true]{opacity:.55;cursor:not-allowed;transform:none}.btn-accent{background:var(--accent);color:#042f2e}.btn-accent:hover{background:var(--accent-hover);color:#042f2e}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{min-height:36px;padding:0 var(--space-3);font-size:var(--fs-sm)}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field label{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.field input,.field select,.field textarea{min-height:var(--touch-min);padding:var(--space-3) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.field-error{font-size:var(--fs-sm);color:var(--danger);margin:0}.badge{display:inline-flex;align-items:center;min-height:24px;padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:600;background:var(--bg-muted);color:var(--text-secondary)}.badge-free{background:var(--success-bg);color:var(--success)}.badge-vip{background:var(--warn-bg);color:var(--warn)}.badge-auth{background:var(--info-bg);color:var(--info)}.badge-sign{background:var(--accent-soft);color:var(--brand-ink)}.skeleton{background:linear-gradient(90deg,var(--bg-muted) 25%,var(--surface-hover) 50%,var(--bg-muted) 75%);background-size:200% 100%;animation:skeleton-shine 1.2s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.state-block{padding:var(--space-7);text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated)}.state-block.error{color:var(--danger);border-color:#b91c1c4d}.page-enter{animation:page-in var(--dur-slow) var(--ease-out)}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.list-enter>*{animation:list-in var(--dur) var(--ease-out) both}.list-enter>*:nth-child(1){animation-delay:20ms}.list-enter>*:nth-child(2){animation-delay:40ms}.list-enter>*:nth-child(3){animation-delay:60ms}.list-enter>*:nth-child(4){animation-delay:80ms}.list-enter>*:nth-child(5){animation-delay:.1s}@keyframes list-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.site-nav{position:sticky;top:0;z-index:var(--z-nav);height:calc(var(--nav-h) + var(--safe-top));padding-top:var(--safe-top);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.site-nav-inner{max-width:var(--content-max);margin:0 auto;height:var(--nav-h);padding:0 var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.brand-link{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--text);min-height:var(--touch-min)}.brand-link img{width:36px;height:36px}.brand-name{font-family:var(--font-display);font-weight:800;font-size:var(--fs-xl);letter-spacing:-.03em;color:var(--brand)}.nav-links{display:flex;align-items:center;gap:var(--space-1)}.nav-links a,.nav-icon-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);min-width:var(--touch-min);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;border:none;background:transparent;cursor:pointer;font-weight:500}.nav-links a:hover,.nav-icon-btn:hover,.nav-links a.active{color:var(--text);background:var(--bg-muted)}.nav-cta{margin-left:var(--space-2)}.site-main{flex:1;width:100%}.site-footer{border-top:1px solid var(--border);padding:var(--space-6) var(--space-5);padding-bottom:calc(var(--space-6) + var(--safe-bottom));background:var(--bg-elevated)}.site-footer-inner{max-width:var(--content-max);margin:0 auto;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;align-items:center;font-size:var(--fs-sm);color:var(--text-muted)}.site-footer a{color:var(--text-secondary)}.mobile-more{display:none;position:fixed;right:var(--space-4);bottom:calc(var(--space-4) + var(--safe-bottom));z-index:var(--z-nav);min-width:var(--touch-min);min-height:var(--touch-min);border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--surface);box-shadow:var(--shadow-md);font-weight:600;cursor:pointer}@media(max-width:768px){.nav-links .nav-hide-sm{display:none}.mobile-more{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-4)}}.toast-host{position:fixed;top:calc(var(--nav-h) + var(--space-3) + var(--safe-top));right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);max-width:min(360px,calc(100vw - 32px));pointer-events:none}.toast{pointer-events:auto;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);color:var(--text);font-size:var(--fs-sm);animation:list-in var(--dur) var(--ease-out)}.toast.success{border-color:#15803d59}.toast.error{border-color:#b91c1c59}.toast.warn{border-color:#b4530959}.modal-host[hidden]{display:none!important}.modal-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:#0a100f73}.modal-panel{width:min(480px,100%);max-height:min(85dvh,720px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-5)}.modal-body{margin:0 0 var(--space-4);max-height:min(60vh,420px);overflow:auto}.modal-panel h2{font-size:var(--fs-xl)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5)}.cmdk-host[hidden]{display:none!important}.cmdk-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-cmdk);display:flex;align-items:flex-start;justify-content:center;padding:12vh var(--space-4) var(--space-4);background:#0a100f66}.cmdk-panel{width:min(560px,100%);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.cmdk-panel input{width:100%;border:none;border-bottom:1px solid var(--border);padding:var(--space-4);min-height:var(--touch-min);background:transparent;font-size:16px}.cmdk-list{max-height:320px;overflow:auto;padding:var(--space-2)}.cmdk-item{display:flex;align-items:center;justify-content:space-between;min-height:var(--touch-min);padding:0 var(--space-3);border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;background:transparent;text-align:left;color:var(--text)}.cmdk-item[aria-selected=true],.cmdk-item:hover{background:var(--accent-soft)}.cmdk-hint{font-size:var(--fs-xs);color:var(--text-muted)}.section{max-width:var(--content-max);margin:0 auto;padding:var(--space-8) var(--space-5)}.section-title{font-size:var(--fs-2xl);color:var(--brand)}.section-lead{max-width:40rem;margin-bottom:var(--space-6)}.home-minimal{min-height:calc(100dvh - var(--nav-h) - 5.5rem);display:grid;place-content:center;text-align:center;padding:var(--space-8) var(--space-5);gap:var(--space-3)}.home-minimal-title{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;letter-spacing:-.03em;color:var(--brand);line-height:1.25}.home-minimal-sub{margin:0;color:var(--text-muted);font-size:var(--fs-lg)}.hero{position:relative;min-height:calc(100dvh - var(--nav-h));display:grid;grid-template-rows:1fr auto}.hero-copy{max-width:var(--content-max);margin:0 auto;padding:var(--space-8) var(--space-5) var(--space-6);display:flex;flex-direction:column;justify-content:center;gap:var(--space-4)}.hero-brand{font-family:var(--font-display);font-size:var(--fs-hero);font-weight:800;letter-spacing:-.04em;color:var(--brand);margin:0;line-height:1.05}.hero-tagline{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600;color:var(--text);margin:0;max-width:28ch}.hero-support{margin:0;max-width:42ch;color:var(--text-secondary);font-size:var(--fs-lg)}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.hero-bleed{width:100%;min-height:clamp(220px,36vw,420px);background:linear-gradient(180deg,transparent 0%,var(--bg) 100%),linear-gradient(135deg,#0f3d3e,#1a5556 42%,#0d9488);position:relative;overflow:hidden}.hero-bleed-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-6)}.hero-icon-plane{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(8,1fr);grid-auto-rows:1fr;gap:clamp(12px,2vw,28px);padding:clamp(16px,3vw,40px);align-content:center;justify-items:center;opacity:.92}.hero-icon-tile{width:clamp(40px,7vw,72px);height:clamp(40px,7vw,72px);display:grid;place-items:center;text-decoration:none;transform:translateY(calc(var(--i, 0) * 1px)) scale(.96);animation:hero-tile-in .7s ease both;animation-delay:calc(var(--i, 0) * 28ms);transition:transform .25s ease,filter .25s ease;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22))}.hero-icon-tile:hover,.hero-icon-tile:focus-visible{transform:scale(1.08);filter:drop-shadow(0 10px 22px rgba(0,0,0,.32))}.hero-icon-tile img{width:100%;height:100%;object-fit:contain;border-radius:18%}@keyframes hero-tile-in{0%{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:translateY(0) scale(.96)}}@media(max-width:720px){.hero-icon-plane{grid-template-columns:repeat(4,1fr)}}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.work-item{display:block;text-decoration:none;color:inherit;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:border-color var(--dur) var(--ease-out),transform var(--dur-fast) var(--ease-out);min-height:160px}.work-item:hover,.work-item:focus-visible{border-color:var(--accent);transform:translateY(-2px);text-decoration:none;color:inherit}.work-item h3{font-size:var(--fs-lg);margin-bottom:var(--space-2)}.cap-list{display:grid;gap:var(--space-3);padding:0;margin:0;list-style:none}.cap-list li{padding:var(--space-4) 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:140px 1fr;gap:var(--space-4)}.cap-list strong{color:var(--brand);font-family:var(--font-display)}@media(max-width:640px){.cap-list li{grid-template-columns:1fr;gap:var(--space-1)}}.soft-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5);align-items:center}.soft-toolbar input[type=search]{flex:1;min-width:200px;min-height:var(--touch-min);padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface)}.filter-chip{min-height:var(--touch-min);padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);cursor:pointer;font-weight:500}.filter-chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--brand-ink)}.soft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.soft-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);transition:border-color var(--dur) var(--ease-out)}.soft-card:hover{border-color:var(--border-strong)}.soft-card-top{display:flex;gap:var(--space-3);align-items:flex-start}.soft-icon{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-muted);flex-shrink:0}.soft-card h3{font-size:var(--fs-lg);margin:0 0 4px}.soft-card h3 a{color:inherit;text-decoration:none}.soft-card h3 a:hover{color:var(--accent)}.soft-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--fs-sm);color:var(--text-muted)}.soft-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto}.detail-head{display:flex;gap:var(--space-4);align-items:flex-start;margin-bottom:var(--space-6)}.detail-head img{width:72px;height:72px;border-radius:var(--radius-md);background:var(--bg-muted)}.detail-panels{display:grid;gap:var(--space-5)}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-5)}.panel h2{font-size:var(--fs-lg);margin-bottom:var(--space-4)}.log-item{padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.log-item:last-child{border-bottom:none}.auth-wrap{min-height:calc(100dvh - var(--nav-h) - 120px);display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-5)}.auth-card{width:min(420px,100%);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.auth-card h1{font-size:var(--fs-2xl);color:var(--brand)}.auth-links{margin-top:var(--space-4);font-size:var(--fs-sm);color:var(--text-muted);display:flex;flex-wrap:wrap;gap:var(--space-3)}.password-row{display:flex;gap:var(--space-2)}.password-row input{flex:1}.account-layout{max-width:var(--content-max);margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-8);display:grid;grid-template-columns:220px 1fr;gap:var(--space-6)}.account-tabs{display:flex;flex-direction:column;gap:var(--space-1);position:sticky;top:calc(var(--nav-h) + var(--space-4));align-self:start}.account-tabs button{min-height:var(--touch-min);text-align:left;padding:0 var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;font-weight:500}.account-tabs button.active,.account-tabs button:hover{background:var(--accent-soft);color:var(--brand-ink)}.account-panel h1{font-size:var(--fs-2xl);color:var(--brand);margin-bottom:var(--space-5)}.account-grid{display:grid;gap:var(--space-4)}.info-row{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);font-size:var(--fs-sm)}.info-row span:first-child{color:var(--text-muted)}.quick-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media(max-width:800px){.account-layout{grid-template-columns:1fr}.account-tabs{position:static;flex-direction:row;overflow-x:auto;padding-bottom:var(--space-2)}.account-tabs button{white-space:nowrap}}.table-wrap{overflow:auto}table.data{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}table.data th,table.data td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--border)}table.data th{color:var(--text-muted);font-weight:600}.avatar{width:64px;height:64px;border-radius:var(--radius-md);object-fit:cover;background:var(--bg-muted)}.status-grid{display:grid;gap:var(--space-3);max-width:480px}.status-row{display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}


:root{
  --font-display:"Syne","Microsoft YaHei",sans-serif;
  --font-body:"Manrope","Microsoft YaHei",sans-serif;
  --brand:#0c3f3a;
  --brand-ink:#082e2a;
  --accent:#0f9f8c;
  --accent-hover:#0d8a7a;
  --bg:#eef3f1;
  --bg-elevated:#f7faf8;
}
body{font-family:var(--font-body)}
.hero-v2{
  position:relative;
  min-height:calc(100dvh - var(--nav-h));
  display:grid;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(1200px 600px at 12% 18%, rgba(15,159,140,.18), transparent 55%),
    radial-gradient(900px 500px at 88% 72%, rgba(12,63,58,.16), transparent 60%),
    linear-gradient(180deg, #eef3f1 0%, #e4eeeb 48%, #d5e7e2 100%);
}
.hero-stage{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero-wash{
  position:absolute;inset:0;
  background:
    linear-gradient(115deg, rgba(12,63,58,.92) 0%, rgba(12,63,58,.55) 38%, rgba(15,159,140,.28) 68%, transparent 100%);
  opacity:.88;
  animation:hero-wash-shift 14s ease-in-out infinite alternate;
}
.hero-mesh{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(ellipse at 70% 40%, #000 20%, transparent 72%);
  opacity:.35;
}
.hero-beam{
  position:absolute;left:-10%;top:18%;width:70%;height:42%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
  transform:rotate(-8deg);
  filter:blur(18px);
  animation:hero-beam 9s ease-in-out infinite;
}
.hero-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55}
.hero-orb-a{width:280px;height:280px;right:12%;top:16%;background:#14b8a6;animation:hero-float 8s ease-in-out infinite}
.hero-orb-b{width:220px;height:220px;right:28%;bottom:10%;background:#0c3f3a;animation:hero-float 10s ease-in-out infinite reverse}
.hero-product{
  position:absolute;right:6%;top:50%;transform:translateY(-50%);
  width:min(420px,42vw);aspect-ratio:4/3;
  animation:hero-rise .9s var(--ease-out) both;
}
.hero-product-frame{
  height:100%;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(247,250,248,.14);
  backdrop-filter:blur(10px);
  border-radius:18px;
  box-shadow:0 24px 60px rgba(8,30,28,.28);
  overflow:hidden;
}
.hero-product-bar{
  height:34px;display:flex;align-items:center;gap:6px;padding:0 12px;
  background:rgba(8,46,42,.35);border-bottom:1px solid rgba(255,255,255,.12);
}
.hero-product-bar span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35)}
.hero-product-body{display:grid;grid-template-columns:72px 1fr;height:calc(100% - 34px)}
.hero-product-side{background:rgba(8,46,42,.28);border-right:1px solid rgba(255,255,255,.1)}
.hero-product-main{padding:18px;display:flex;flex-direction:column;gap:12px}
.hero-product-line{height:10px;border-radius:999px;background:rgba(255,255,255,.22)}
.hero-product-line.w60{width:60%}.hero-product-line.w40{width:40%}
.hero-product-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px}
.hero-product-cards i{
  display:block;aspect-ratio:1;border-radius:12px;
  background:linear-gradient(160deg, rgba(255,255,255,.28), rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.18);
}
.hero-copy-v2{
  position:relative;z-index:1;
  max-width:var(--content-max);
  width:100%;
  margin:0 auto;
  padding:clamp(48px,10vh,96px) var(--space-5);
  color:#f4fffc;
}
.hero-v2 .hero-brand{
  font-family:var(--font-display);
  font-size:clamp(3.4rem, 9vw, 6.4rem);
  font-weight:800;
  letter-spacing:-.05em;
  color:#f7fffc;
  margin:0 0 .2em;
  text-shadow:0 10px 40px rgba(0,0,0,.18);
  animation:hero-rise .7s var(--ease-out) both;
}
.hero-v2 .hero-tagline{
  font-family:var(--font-display);
  font-size:clamp(1.15rem,2.2vw,1.65rem);
  font-weight:600;
  color:rgba(244,255,252,.92);
  margin:0 0 .55em;
  max-width:18em;
  animation:hero-rise .7s var(--ease-out) .08s both;
}
.hero-v2 .hero-support{
  margin:0 0 1.4em;
  max-width:28em;
  color:rgba(236,250,246,.82);
  font-size:clamp(1rem,1.4vw,1.125rem);
  animation:hero-rise .7s var(--ease-out) .14s both;
}
.hero-v2 .hero-cta{
  display:flex;flex-wrap:wrap;gap:12px;
  animation:hero-rise .7s var(--ease-out) .2s both;
}
.hero-v2 .btn-accent{
  background:#ecfffa;color:#08332e;border-color:transparent;
  min-width:148px;
}
.hero-v2 .btn-accent:hover{background:#fff;color:#062722}
.hero-v2 .btn-ghost{
  background:transparent;color:#f4fffc;border-color:rgba(255,255,255,.42);
}
.hero-v2 .btn-ghost:hover{background:rgba(255,255,255,.12);color:#fff}
@keyframes hero-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}
@keyframes hero-beam{0%,to{opacity:.25;transform:translateX(0) rotate(-8deg)}50%{opacity:.5;transform:translateX(8%) rotate(-8deg)}}
@keyframes hero-wash-shift{0%{filter:saturate(1)}to{filter:saturate(1.15) brightness(1.05)}}
@media (max-width:900px){
  .hero-product{display:none}
  .hero-copy-v2{text-align:left;padding-top:clamp(56px,12vh,100px)}
  .hero-wash{opacity:.95}
}
@media (prefers-reduced-motion:reduce){
  .hero-v2 .hero-brand,.hero-v2 .hero-tagline,.hero-v2 .hero-support,.hero-v2 .hero-cta,.hero-product,.hero-orb,.hero-beam,.hero-wash{animation:none}
}

.site-nav{border-bottom-color:rgba(12,63,58,.08)}
.brand-name{font-family:var(--font-display)}