
:root{
  --bg:#f6f8f8;
  --bg-soft:#eef4f2;
  --panel:#ffffff;
  --text:#162427;
  --muted:#667779;
  --line:#d9e4df;
  --brand:#15989c;
  --brand-2:#89d0b5;
  --gold:#b89c56;
  --dark:#202325;
  --shadow:0 12px 34px rgba(20,42,40,.08);
  --shadow-lg:0 24px 60px rgba(20,42,40,.10);
  --radius:34px;
  --radius-md:26px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:
    radial-gradient(circle at top right, rgba(21,152,156,.06), transparent 18%),
    radial-gradient(circle at bottom left, rgba(127,208,181,.11), transparent 24%),
    linear-gradient(180deg,#f7f9f8 0%, #eef4f2 100%);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:var(--max);margin:0 auto;padding:0 22px}
.topbar{position:sticky;top:0;z-index:200;background:rgba(248,250,249,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(22,36,39,.06)}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0}
.brand-lockup{display:flex;align-items:center;gap:14px;min-width:0}
.brand-mark{height:56px;width:auto;flex:none}
.brand-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.brand-wordmark{height:34px;width:auto;max-width:220px}
.brand-tag{font-size:.94rem;color:#4b6467;letter-spacing:.18em;font-weight:700;text-transform:uppercase}
.desktop-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.desktop-nav a{padding:10px 14px;border-radius:999px;font-size:.95rem;color:#314649}
.desktop-nav a:hover{background:#eaf1ef}
.menu-btn,.action-btn,.pill-btn,.ghost-btn{border-radius:999px;cursor:pointer;font:inherit;transition:.2s ease;display:inline-flex;align-items:center;justify-content:center}
.menu-btn{width:76px;height:76px;border:1px solid var(--line);background:rgba(255,255,255,.95);box-shadow:var(--shadow);position:relative}
.menu-btn span,.menu-btn span:before,.menu-btn span:after{display:block;content:"";width:30px;height:3px;background:#627074;border-radius:4px;position:relative}
.menu-btn span:before{position:absolute;top:-9px}
.menu-btn span:after{position:absolute;top:9px}
.pill-btn,.ghost-btn,.action-btn{padding:16px 24px;font-weight:800;border:1px solid var(--line);background:var(--panel)}
.pill-btn{background:linear-gradient(90deg,#55a1a6 0%, #86cfb6 100%);border:none;color:#fff;box-shadow:0 14px 34px rgba(21,152,156,.20)}
.pill-btn:hover{transform:translateY(-1px)}
.ghost-btn{background:var(--panel);color:#b49756;border-color:#d8ccb0}
.action-btn:hover,.ghost-btn:hover{background:#fbfaf5}
.action-btn.small{padding:12px 18px;font-size:.92rem}
.mobile-menu{position:fixed;inset:0;background:rgba(27,30,32,.96);color:#fff;display:none;overflow:auto;z-index:300;padding:24px}
.mobile-menu.open{display:block}
.menu-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}
.menu-close{width:60px;height:60px;border-radius:22px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;font-size:2rem;line-height:1}
.mobile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.mobile-col h4{margin:0 0 14px;color:#cfb36b;font-size:1rem;letter-spacing:.06em}
.mobile-col a{display:block;padding:8px 0;font-size:1.15rem;color:#fff}
.mobile-footer{margin-top:42px;padding-top:24px;border-top:1px solid rgba(255,255,255,.10)}
.mobile-social,.footer-social-row{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0}
.social-icon{width:54px;height:54px;border-radius:16px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.06)}
.social-icon svg{width:24px;height:24px;fill:currentColor}
.hero{padding:40px 0 34px}
.hero-shell,.page-hero-card{background:linear-gradient(90deg, rgba(255,255,255,.98), rgba(249,252,251,.94));border:1px solid rgba(22,36,39,.06);box-shadow:var(--shadow-lg);border-radius:42px;padding:34px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
.eyebrow,.kicker{font-size:.9rem;text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:var(--gold);margin-bottom:18px}
.hero h1,.page-hero h1{font-size:clamp(3rem,6vw,5.7rem);line-height:.95;letter-spacing:-.05em;margin:0 0 18px}
.lead,.page-hero p{font-size:1.16rem;line-height:1.85;color:var(--muted);max-width:760px}
.hero-actions{display:flex;flex-direction:column;gap:16px;max-width:720px;margin-top:28px}
.hero-visual{position:relative;min-height:620px;border-radius:36px;overflow:hidden;background:linear-gradient(180deg,#f9fcfb 0%, #edf4f1 100%)}
.bg-shapes{position:absolute;inset:0;opacity:.86;background-image:radial-gradient(circle at 18% 82%, rgba(125,197,188,.34) 0 72px, transparent 73px),radial-gradient(circle at 88% 85%, rgba(125,197,188,.34) 0 88px, transparent 89px),linear-gradient(135deg, transparent 0 73%, rgba(185,217,212,.44) 73% 100%),linear-gradient(45deg, transparent 0 84%, rgba(214,234,229,.7) 84% 100%)}
.rings{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:76%;aspect-ratio:1/1;border-radius:50%}
.rings:before,.rings:after,.ring{content:"";position:absolute;inset:0;border-radius:50%;border:3px dashed rgba(118,196,185,.34)}
.rings:after{inset:12%}
.ring.r2{inset:24%}
.ring.r3{inset:36%}
.orbit-node,.center-badge{position:absolute;border-radius:50%;background:#fff;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;border:1px solid rgba(22,36,39,.06)}
.center-badge{width:170px;height:170px;left:50%;top:52%;transform:translate(-50%,-50%)}
.center-badge img{width:94px}
.orbit-node{width:88px;height:88px;color:#7c8b8b;font-weight:800;font-size:2rem}
.n-top{left:50%;top:14%;transform:translateX(-50%)}
.n-left{left:8%;top:51%;transform:translateY(-50%)}
.n-right{right:8%;top:51%;transform:translateY(-50%)}
.n-bottom{left:50%;bottom:12%;transform:translateX(-50%)}
.n-right-mid{right:26%;top:40%}
.n-bottom-right{right:28%;bottom:28%}
.info-strip,.fact-grid,.reference-grid,.grid-3,.feature-grid{display:grid;gap:18px}
.info-strip{grid-template-columns:repeat(4,1fr);margin-top:28px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.feature-grid{grid-template-columns:repeat(2,1fr)}
.reference-grid{grid-template-columns:repeat(3,1fr)}
.fact-grid{grid-template-columns:repeat(4,1fr)}
.info-card,.content-card,.data-list,.cta-band,.reference-item,.fact-box,.faq-item,.table-wrap,.page-hero-card{background:var(--panel);border:1px solid rgba(22,36,39,.07);box-shadow:var(--shadow);border-radius:34px}
.info-card,.content-card,.data-list,.reference-item,.fact-box,.faq-item{padding:28px}
.info-card .k,.fact-box .label{font-size:.84rem;text-transform:uppercase;letter-spacing:.16em;color:#839292;font-weight:800;margin-bottom:10px}
.info-card .v,.fact-box strong{font-size:1.95rem;font-weight:800;letter-spacing:-.03em;display:block}
.info-card .s,.content-card p,.content-card li,.reference-item p,.faq-item p,.section-head p,.copy-note,.data-note{color:var(--muted);line-height:1.8}
.section{padding:56px 0}
.section-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:24px}
.section-head h2{font-size:clamp(2rem,5vw,3.3rem);line-height:1;letter-spacing:-.04em;margin:0}
.section-head p{max-width:780px;font-size:1.05rem;margin:0}
.content-card h3{font-size:2rem;line-height:1.03;letter-spacing:-.04em;margin:0 0 16px}
.content-card ul{margin:0;padding-left:18px}
.metrics-grid,.grid-2,.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.metrics-grid{grid-template-columns:1.2fr .8fr}
.data-list h3,.faq-item h4{margin:0 0 16px;font-size:1.55rem}
.data-row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid rgba(22,36,39,.08)}
.data-row:last-child{border-bottom:none}
.data-row .label{color:#7a8a8b;font-weight:700}
.data-row .value{font-weight:800;text-align:right;word-break:break-word}
.copy-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.reference-item h4{margin:0 0 10px;font-size:1.25rem}
.cta-band{padding:34px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.footer{background:#212325;color:#fff;position:relative;overflow:hidden;margin-top:60px}
.footer::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 26% 66%, rgba(255,255,255,.035) 0 80px, transparent 81px),linear-gradient(45deg, transparent 0 83%, rgba(255,255,255,.03) 83% 100%),linear-gradient(135deg, transparent 0 74%, rgba(255,255,255,.022) 74% 100%)}
.footer-inner{position:relative;padding:52px 0 34px}
.footer-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:34px}
.footer h4{color:#cfb36b;font-size:1rem;margin:0 0 18px}
.footer a{display:block;color:#fff;opacity:.96;padding:7px 0;font-size:1.08rem}
.footer-brand{margin-top:26px}
.footer-brand img{height:62px;width:auto}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid rgba(255,255,255,.10);padding-top:22px;color:#aab3b5}
.page-hero{padding:38px 0 24px}
.breadcrumb{font-size:.9rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:800}
.number-list{display:grid;gap:18px}
.number-item{display:grid;grid-template-columns:96px 1fr;gap:22px;align-items:start}
.number-badge{width:86px;height:86px;border-radius:26px;background:linear-gradient(135deg,#86d0b8,#7db8a9);color:#fff;font-weight:900;font-size:1.9rem;display:flex;align-items:center;justify-content:center}
.table-wrap{overflow:auto;padding:10px 18px}
.simple-table{width:100%;border-collapse:collapse}
.simple-table th,.simple-table td{padding:16px;border-bottom:1px solid rgba(22,36,39,.08);text-align:left;vertical-align:top}
.simple-table th{font-size:.88rem;text-transform:uppercase;letter-spacing:.12em;color:#7d8c8d}
.notice-line{font-size:.96rem;color:#738486}
@media (max-width:1100px){
  .desktop-nav{display:none}
  .hero-grid,.info-strip,.grid-3,.grid-2,.metrics-grid,.reference-grid,.feature-grid,.fact-grid,.footer-grid,.split-grid{grid-template-columns:1fr}
  .section-head,.cta-band,.footer-bottom{flex-direction:column;align-items:flex-start}
}
@media (max-width:720px){
  .container{padding:0 16px}
  .topbar-inner{padding:16px 0}
  .brand-mark{height:42px}
  .brand-wordmark{height:24px;max-width:150px}
  .brand-tag{font-size:.74rem;letter-spacing:.13em}
  .menu-btn{width:72px;height:72px;border-radius:24px}
  .mobile-grid{grid-template-columns:1fr 1fr}
  .hero-shell,.page-hero-card,.content-card,.data-list,.reference-item,.fact-box,.cta-band{padding:24px}
  .hero{padding:18px 0}
  .hero h1,.page-hero h1{font-size:3.5rem}
  .lead,.page-hero p,.section-head p,.content-card p,.content-card li,.reference-item p{font-size:1rem;line-height:1.8}
  .hero-visual{min-height:460px}
  .center-badge{width:132px;height:132px}
  .center-badge img{width:74px}
  .orbit-node{width:74px;height:74px}
  .number-item{grid-template-columns:74px 1fr;gap:14px}
  .number-badge{width:74px;height:74px;border-radius:22px;font-size:1.7rem}
}


/* HEADER FIX OVERRIDES */
.header-fixed-layout{align-items:center}
.brand-lockup-clean{gap:18px;align-items:center}
.brand-wordmark-main{height:44px;width:auto;max-width:260px;display:block}
.brand-stack{display:flex;flex-direction:column;gap:4px;min-width:0}
.brand-aedt{font-size:2rem;line-height:1;font-weight:800;letter-spacing:-.03em;color:var(--text)}
.brand-tag{font-size:.94rem;color:#4b6467;letter-spacing:.18em;font-weight:700;text-transform:uppercase}
@media (max-width:720px){.brand-lockup-clean{gap:12px}.brand-wordmark-main{height:28px;max-width:170px}.brand-aedt{font-size:1.2rem}.brand-tag{font-size:.72rem;letter-spacing:.12em}.topbar-inner.header-fixed-layout{gap:12px}.menu-btn{width:64px;height:64px}}
