@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap");

:root{
  --bg:#ffffff;
  --soft:#f6f9fe;
  --soft-blue:#eef6ff;
  --surface:#ffffff;
  --ink:#071a36;
  --text:#27364d;
  --muted:#667489;
  --primary:#0d6efd;
  --primary-dark:#0758cf;
  --primary-soft:#eaf3ff;
  --line:#dfe8f3;
  --success:#0d86d7;
  --shadow:0 16px 44px rgba(17,57,105,.10);
  --shadow-sm:0 8px 24px rgba(17,57,105,.07);
  --radius:18px;
  --max:1140px;
  --header-h:70px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Poppins,"Segoe UI",Arial,sans-serif;font-size:18px;line-height:1.72;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--primary)}
button,input,textarea,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}
.site-main{overflow:hidden}
.section{padding:78px 0}
.section.compact{padding:54px 0}
.band{background:linear-gradient(180deg,#fbfdff 0%,#f6f9fe 100%);border-block:1px solid #edf2f8}
.section-head{margin:0 auto 30px;max-width:820px;text-align:center}
.section-head.center{text-align:center;margin-inline:auto}
.section-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--primary-dark);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.section-kicker::before{content:"";width:22px;height:2px;background:var(--primary);border-radius:2px}
.section-title{color:var(--ink);font-size:clamp(2.35rem,4.4vw,3.55rem);line-height:1.12;letter-spacing:-.035em;margin:.15rem 0 .65rem;font-weight:800;text-align:center}
.section-lead{margin:0 auto;color:var(--muted);max-width:760px;text-align:center}
.tag{display:inline-flex;align-items:center;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 10px;color:#476078;font-size:.76rem;font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 22px;border-radius:11px;border:1px solid transparent;text-decoration:none;font-weight:800;line-height:1;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;color:var(--ink);cursor:pointer}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,#1680ff,#0b63eb);color:#fff;box-shadow:0 12px 24px rgba(13,110,253,.22)}
.btn-primary:hover{background:linear-gradient(135deg,#0f73ef,#0759d5)}
.btn-secondary{background:#fff;color:var(--primary-dark);border-color:#cbdcf0}
.btn-secondary:hover{background:#f5f9ff}
.btn svg{width:17px;height:17px;fill:currentColor}
/* Header */
.site-header{position:sticky;top:0;z-index:1000;height:var(--header-h);background:rgba(255,255,255,.97);border-bottom:1px solid transparent;backdrop-filter:blur(10px);transition:box-shadow .2s ease,border-color .2s ease}
.site-header.is-scrolled{box-shadow:0 8px 22px rgba(6,29,58,.08);border-color:#e8eef6}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:900;letter-spacing:.01em;white-space:nowrap}
.brand img{width:60px;height:60px;flex:0 0 60px}.brand-wordmark{display:block;font-size:1.26rem;text-transform:uppercase;letter-spacing:.01em;font-weight:900;color:var(--ink)}
.main-nav{display:flex;align-items:center;gap:26px}.main-nav>a:not(.btn){position:relative;color:#1a2b44;text-decoration:none;font-size:.97rem;font-weight:600}.main-nav>a:not(.btn)::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:var(--primary);transform:scaleX(0);transition:.2s}.main-nav>a:hover::after,.main-nav>a.active::after{transform:scaleX(1)}
.header-cta{min-height:42px;padding-inline:20px;border-radius:999px;font-size:.86rem;margin-left:5px}
.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;position:relative}.menu-toggle::before,.menu-toggle::after,.menu-toggle span{content:"";position:absolute;left:11px;right:11px;height:2px;background:var(--ink);border-radius:3px}.menu-toggle::before{top:13px}.menu-toggle span{top:20px}.menu-toggle::after{top:27px}
/* Hero */
.hero{padding:0 0 18px;background:#fff}
.hero-shell{position:relative;min-height:455px;background:#05182f;border-radius:0 0 0 0;overflow:hidden;isolation:isolate}
.hero-shell::before{content:"";position:absolute;inset:0;background:url("../images/hero-ad-astra.png") center/cover no-repeat;z-index:-2}
.hero-shell::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,18,38,.98) 0%,rgba(3,18,38,.92) 34%,rgba(3,18,38,.55) 55%,rgba(3,18,38,.08) 78%,rgba(3,18,38,0) 100%);z-index:-1}
.hero-inner{width:min(calc(100% - 40px),var(--max));min-height:455px;margin:auto;display:flex;align-items:center;position:relative}
.hero-copy{width:min(560px,56%);padding:54px 0;color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center}.hero h1{font-size:clamp(3rem,5.5vw,4.65rem);line-height:.98;letter-spacing:-.045em;margin:0 0 10px;color:#fff;font-weight:900}.hero h1 em{font-style:normal;color:#2184ff}.hero-subtitle{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 14px;line-height:1.2}.hero-subtitle span{color:#62b7ff}.hero-copy>p{color:#e4ebf5;max-width:540px;margin:0 0 22px;font-size:1.08rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.hero .btn-primary{min-height:50px;border-radius:10px}.hero-trust{display:flex;flex-wrap:wrap;gap:22px;margin-top:18px;color:#fff;font-size:.92rem;justify-content:center}.hero-trust span{display:flex;gap:7px;align-items:center}.hero-trust b{color:#42b9ff;font-size:1rem}.hero-float{position:absolute;right:0;bottom:28px;background:#fff;color:var(--ink);padding:13px 17px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 14px 32px rgba(0,0,0,.18);font-size:.83rem;font-weight:800;line-height:1.15}.hero-float .planet-dot{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#47b7ff,#0d6efd 50%,#072e74);position:relative}.hero-float .planet-dot::after{content:"";position:absolute;left:-5px;right:-5px;top:15px;height:4px;border:2px solid #0d6efd;border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-24deg)}
/* Quick cards */
.quick-strip{padding:16px 0 8px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quick-card{display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:center;background:linear-gradient(135deg,#f7fbff,#eef6ff);border:1px solid #e1ebf7;border-radius:16px;padding:22px 22px;box-shadow:0 10px 24px rgba(19,66,118,.05)}.quick-icon,.feature-icon{display:grid;place-items:center;color:var(--primary);background:#e7f2ff;border-radius:50%}.quick-icon{width:46px;height:46px}.quick-icon svg,.feature-icon svg{width:26px;height:26px;fill:currentColor}.quick-card h3{margin:0 0 3px;color:var(--ink);font-size:.98rem}.quick-card p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.45}
/* About */
.about-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}.about-copy .section-title{font-size:clamp(2.1rem,4vw,3.1rem)}.about-copy p{color:var(--muted);margin:0 0 18px}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0 22px}.about-stat small{display:block;color:#52637a;margin-bottom:3px}.about-stat strong{display:block;color:#0759bd;font-size:1.75rem;line-height:1.1}.media-card{border-radius:14px;overflow:hidden;background:#eef5fd;box-shadow:var(--shadow-sm);border:1px solid var(--line)}.media-card img{width:100%;aspect-ratio:16/9;object-fit:cover}
/* Features */
.features-board{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{background:#fff;border:1px solid #dfe8f2;border-radius:13px;padding:24px 18px;text-align:center;min-height:185px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 7px 18px rgba(18,52,91,.035)}.feature-icon{width:50px;height:50px;margin-bottom:13px}.feature-card h3{margin:0 0 6px;color:var(--ink);font-size:1rem}.feature-card p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5}
/* How it works */
.process-wrap{position:relative}.process-line{display:grid;grid-template-columns:repeat(4,1fr);gap:56px}.process-step{position:relative;border:1px solid #dbe6f1;background:#fff;border-radius:12px;padding:30px 18px 18px;min-height:150px;box-shadow:0 7px 18px rgba(18,52,91,.035)}.process-step:not(:last-child)::after{content:"→";position:absolute;right:-41px;top:48%;font-size:2rem;color:#b8c5d5;font-weight:300}.step-num{position:absolute;top:-19px;left:26px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#1a7bff,#064eaf);color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(13,110,253,.24)}.process-step h3{margin:0 0 4px;color:var(--ink);font-size:1rem}.process-step p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5}
/* Common cards */
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 7px 18px rgba(18,52,91,.035)}.info-card h3{margin:0 0 7px;color:var(--ink);font-size:1.06rem}.info-card p{margin:0;color:var(--muted);font-size:.9rem}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.check-list,.plain-list{margin:18px 0 0;padding:0;list-style:none}.check-list li,.plain-list li{position:relative;padding:8px 0 8px 27px;color:#45566b}.check-list li::before{content:"✓";position:absolute;left:0;top:8px;color:var(--primary);font-weight:900}.plain-list li::before{content:"•";position:absolute;left:8px;top:8px;color:#7d8b9d;font-weight:900}
/* Compatibility */
.compat-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}.compat-table th,.compat-table td{padding:16px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.compat-table th{background:#f3f8ff;color:var(--ink);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.compat-table td{font-size:.88rem;color:#4c5e73}.compat-table tr:last-child td{border-bottom:0}.status{font-weight:800;color:#0871de}.status.warn{color:#8a5a1d}
/* Download */
.download-panel{display:grid;grid-template-columns:.98fr 1.02fr;gap:50px;align-items:center;background:#fff;padding:0}.download-panel>img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;box-shadow:var(--shadow-sm);border:1px solid var(--line)}.download-copy .section-title{font-size:clamp(2rem,3.4vw,2.8rem)}.download-copy p{color:var(--muted);margin:0 0 16px}.download-facts{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 18px}.download-copy>.btn{min-width:310px;min-height:52px}.download-note{font-size:.78rem!important;margin:10px 0 0!important}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.trust-pill{display:flex;align-items:center;justify-content:center;gap:8px;background:#f2f7fd;border:1px solid #e2ebf6;border-radius:10px;padding:10px 8px;font-size:.75rem;color:#41566f}.trust-pill b{color:var(--primary);font-size:1rem}
/* Split/release/troubleshooting */
.split-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pros,.cons{padding:26px;border-radius:14px;border:1px solid var(--line);background:#fff}.pros{border-top:4px solid #0d6efd}.cons{border-top:4px solid #f59f33}.pros h3,.cons h3{margin-top:0;color:var(--ink)}.release-card{display:grid;grid-template-columns:126px 1fr auto;gap:24px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:var(--shadow-sm)}.release-mark{width:118px;aspect-ratio:1;border-radius:14px;background:linear-gradient(145deg,#e9f4ff,#f7fbff);display:grid;place-items:center;font-size:1.7rem;font-weight:900;color:#0759bd}.release-card h3{margin:0 0 5px;color:var(--ink)}.release-card p{margin:0;color:var(--muted);font-size:.9rem}.troubleshoot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.trouble{display:grid;grid-template-columns:42px 1fr;gap:14px;background:#fff;border:1px solid var(--line);padding:20px;border-radius:14px}.trouble b{width:42px;height:42px;border-radius:50%;background:#eaf3ff;color:#0a65ce;display:grid;place-items:center}.trouble h3{margin:0 0 4px;color:var(--ink);font-size:1rem}.trouble p{margin:0;color:var(--muted);font-size:.86rem}
/* Guides/blog */
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 22px rgba(20,61,107,.04)}.guide-image{background:#f5f8fc}.guide-image img{width:100%;aspect-ratio:16/9;object-fit:cover}.guide-body{padding:19px;display:flex;flex-direction:column;flex:1}.guide-body .tag{align-self:flex-start}.guide-body h2,.guide-body h3{font-size:1.03rem;line-height:1.4;margin:11px 0 7px;color:var(--ink)}.guide-body p{color:var(--muted);font-size:.86rem;margin:0 0 16px}.guide-body a{font-weight:800;text-decoration:none;margin-top:auto;font-size:.88rem}.guide-body a:hover{text-decoration:underline}.center-actions{display:flex;justify-content:center;margin-top:28px}.blog-hero{padding:54px 0 34px;background:#f9fbfe}.blog-hero-card{background:linear-gradient(135deg,#ffffff,#f1f7ff);border:1px solid var(--line);border-radius:16px;padding:34px;display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:end;box-shadow:var(--shadow-sm)}.blog-count{justify-self:end;font-size:3.25rem;font-weight:900;color:#0b66d3;line-height:1}.blog-count span{display:block;font-size:.78rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.blog-list{padding:30px 0 84px}.blog-list .guide-grid{grid-template-columns:repeat(3,1fr)}
/* FAQ */
.faq-shell{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:var(--shadow-sm)}.faq-tabs{display:flex;gap:9px;margin-bottom:20px;border-bottom:1px solid var(--line);padding-bottom:13px}.faq-tab{border:1px solid var(--line);background:#f7faff;color:var(--ink);border-radius:9px;padding:9px 13px;font-weight:800;font-size:.83rem;cursor:pointer}.faq-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-item{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff}.faq-item[hidden]{display:none}.faq-item h3{margin:0}.faq-question{width:100%;display:flex;justify-content:space-between;gap:14px;align-items:center;text-align:left;border:0;background:#fff;padding:16px;color:var(--ink);font-weight:800;font-size:.88rem;cursor:pointer}.faq-question::after{content:"+";width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#eaf3ff;color:var(--primary);flex:0 0 27px}.faq-question[aria-expanded="true"]::after{content:"–";background:#0d6efd;color:#fff}.faq-answer{padding:0 16px 16px;color:var(--muted);font-size:.86rem}.faq-answer[hidden]{display:none}
/* Supporting pages */
.page-hero{padding:50px 0 30px;background:#f8fbff}.page-hero .inner{background:linear-gradient(135deg,#fff,#f3f8ff);border:1px solid var(--line);border-radius:16px;padding:36px;box-shadow:var(--shadow-sm)}.breadcrumbs{font-size:.8rem;color:var(--muted);margin-bottom:13px}.breadcrumbs a{color:var(--muted);text-decoration:none}.prose-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;padding:36px 0 84px}.prose-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:32px;box-shadow:0 8px 22px rgba(20,61,107,.035)}.prose-card h2{font-size:1.55rem;margin-top:32px;line-height:1.3;color:var(--ink)}.prose-card h2:first-child{margin-top:0}.prose-card h3{font-size:1.1rem;color:var(--ink)}.prose-card p,.prose-card li{color:#475b72}.prose-card a{font-weight:700}.sidebar{display:grid;gap:16px;align-content:start}.side-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;position:sticky;top:92px;box-shadow:0 8px 22px rgba(20,61,107,.035)}.side-card h3{margin-top:0;color:var(--ink)}.side-links{list-style:none;padding:0;margin:0}.side-links li{border-top:1px solid var(--line);padding:11px 0}.side-links li:first-child{border-top:0}.side-links a{text-decoration:none;font-weight:700;font-size:.88rem}.article-figure{margin:0 0 26px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#f7faff}.article-figure img{width:100%;aspect-ratio:16/9;object-fit:cover}.article-meta{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 0}.notice{border-left:4px solid var(--primary);background:#eef6ff;padding:15px 17px;border-radius:8px}.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-item{padding:22px;background:#fff;border:1px solid var(--line);border-radius:13px}.contact-item strong{display:block;margin-bottom:4px;color:var(--ink)}.contact-item span{color:var(--muted)}
/* Footer */
.site-footer{background:#edf1f6;color:var(--ink);padding:42px 0 22px;border-top:6px solid #0a2e64}.footer-top{display:grid;grid-template-columns:1.4fr .7fr .95fr;gap:36px;align-items:start}.footer-brand{display:inline-flex;gap:16px;align-items:center;text-decoration:none}.footer-brand img{width:80px;height:80px;flex:0 0 80px}.footer-brand-wordmark{display:block;font-size:1.34rem;text-transform:uppercase;letter-spacing:.01em;font-weight:900;color:var(--ink)}.footer-brand-block{display:flex;flex-direction:column;align-items:flex-start}.footer-brand-desc{margin:22px 0 0;color:#516b8f;font-size:1rem;max-width:600px;line-height:1.75}.footer-col h3{margin:8px 0 24px;color:#0b2b63;font-size:1.45rem;line-height:1.1}.footer-nav{display:grid;gap:20px}.footer-nav a{color:#4e6789;text-decoration:none;font-size:1rem;font-weight:500}.footer-nav a:hover{color:#0d6efd}.footer-email{text-align:left;color:#516b8f;font-size:1rem;margin-top:18px}.footer-bottom{border-top:1px solid #d8e1ec;margin-top:38px;padding-top:28px;text-align:center}.footer-bottom p{margin:8px 0;color:#5b7090;font-size:1rem}.footer-bottom a{color:#0b2b63;text-decoration:none;font-weight:800}.footer-disclaimer{font-size:1rem!important}.scroll-top{position:fixed;right:20px;bottom:18px;width:56px;height:56px;border-radius:50%;border:0;background:#102b61;color:#fff;box-shadow:0 14px 34px rgba(11,39,90,.24);opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s;z-index:900}.scroll-top.show{opacity:1;pointer-events:auto;transform:none}
/* Reveal */
.js-enabled .reveal{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.js-enabled .reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js-enabled .reveal{opacity:1!important;transform:none!important;transition:none!important}.btn{transition:none}}
@media (max-width:1000px){
  .main-nav{position:absolute;top:calc(100% + 1px);left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:14px;background:#fff;border:1px solid var(--line);border-radius:0 0 14px 14px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:11px 13px}.main-nav>a:not(.btn)::after{display:none}.main-nav .header-cta{margin:4px 0 0;border-radius:10px}.menu-toggle{display:block}.hero-copy{width:62%}.quick-grid{grid-template-columns:1fr 1fr}.quick-card:last-child{grid-column:1/-1}.about-grid,.two-col,.download-panel,.blog-hero-card{grid-template-columns:1fr}.about-grid{gap:30px}.features-board{grid-template-columns:repeat(2,1fr)}.process-line{grid-template-columns:repeat(2,1fr);gap:48px 30px}.process-step:nth-child(2)::after{display:none}.info-grid,.guide-grid,.blog-list .guide-grid{grid-template-columns:repeat(2,1fr)}.prose-layout{grid-template-columns:1fr}.side-card{position:static}.footer-top{grid-template-columns:1fr}.download-panel{gap:28px}.release-card{grid-template-columns:118px 1fr}
  .release-card>.btn{grid-column:1/-1;justify-self:start}
}
@media (max-width:720px){
  :root{--header-h:66px}.container{width:min(calc(100% - 28px),var(--max))}.section{padding:62px 0}.section.compact{padding:48px 0}.brand img{width:48px;height:48px}.brand-wordmark{font-size:1rem}.hero-shell{min-height:0;background:#05182f}.hero-shell::before{position:relative;display:block;content:"";width:100%;aspect-ratio:16/9;background:url("../images/hero-ad-astra.png") right center/cover no-repeat}.hero-shell::after{background:none}.hero-inner{min-height:0;width:min(calc(100% - 28px),var(--max));display:block}.hero-copy{width:100%;padding:32px 0 36px}.hero h1{font-size:clamp(2.8rem,14vw,4.1rem)}.hero-subtitle{font-size:1.25rem}.hero-float{display:none}.hero-trust{gap:12px 18px}.quick-grid,.features-board,.info-grid,.guide-grid,.blog-list .guide-grid,.faq-grid,.troubleshoot-grid,.split-cards,.contact-box{grid-template-columns:1fr}.quick-card:last-child{grid-column:auto}.about-grid,.two-col{grid-template-columns:1fr}.about-stats{grid-template-columns:1fr 1fr}.about-stat:last-child{grid-column:1/-1}.process-line{grid-template-columns:1fr;gap:34px}.process-step::after{display:none!important}.download-copy>.btn{width:100%;min-width:0}.trust-grid{grid-template-columns:1fr}.release-card{grid-template-columns:1fr}.release-mark{width:92px}.faq-shell{padding:14px}.faq-tabs{overflow:auto}.page-hero .inner,.prose-card{padding:23px}.compat-table{font-size:.8rem}.compat-table th,.compat-table td{padding:11px}.blog-count{justify-self:start}.section-title{font-size:clamp(2rem,10vw,2.8rem)}
}

/* Requested homepage heading alignment */
.about-copy{text-align:center}.about-copy>p{max-width:760px;margin-left:auto;margin-right:auto}.about-copy .about-stats{margin-left:auto;margin-right:auto}.about-copy .btn{margin-left:auto;margin-right:auto}.two-col>div:first-child>.section-title,.two-col>div:first-child>.section-lead,.download-copy>.section-title,.download-copy>p{text-align:center}.two-col>div:first-child>.section-lead,.download-copy>p{margin-left:auto;margin-right:auto}.download-copy{text-align:center}.download-copy .trust-grid{justify-content:center}.download-copy>.btn{margin-left:auto;margin-right:auto}

/* Exact approved hero reference */
.hero{padding:0 0 18px;background:#fff}.hero-reference{position:relative;width:100%;overflow:hidden;background:#06172d}.hero-reference>img{display:block;width:100%;height:auto;aspect-ratio:1024/348;object-fit:cover;object-position:center}.hero-download-hit{position:absolute;left:5.7%;top:67.5%;width:22.5%;height:14%;border-radius:12px;z-index:3}.hero-download-hit:focus-visible{outline:3px solid #fff;outline-offset:3px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media (max-width:720px){.hero-reference>img{aspect-ratio:1024/348;object-fit:cover}.hero-download-hit{left:5.7%;top:67.5%;width:23%;height:15%}}

/* Final requested hero + typography refinements */
:root{--header-h:84px}
body{font-size:18px}
.section-lead{text-align:center;margin-left:auto;margin-right:auto;font-size:1.05rem;line-height:1.7}
.section-head{max-width:900px}
.brand img{width:68px;height:68px;flex:0 0 68px}
.brand-wordmark{font-size:1.34rem;text-transform:none}
.footer-brand-wordmark{font-size:1.4rem;text-transform:none}
.hero{padding:0 0 18px;background:#fff}
.hero-shell{min-height:600px;background:#041326}
.hero-shell::before{background:url("../images/hero-ad-astra-wide.jpg") center center/cover no-repeat}
.hero-shell::after{background:linear-gradient(90deg,rgba(2,15,32,.97) 0%,rgba(2,15,32,.90) 29%,rgba(2,15,32,.62) 40%,rgba(2,15,32,.18) 52%,rgba(2,15,32,0) 67%)}
.hero-inner{min-height:600px}
.hero-copy{width:min(600px,43%);padding:58px 0;color:#fff;display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.hero h1{font-size:clamp(3.7rem,5.8vw,5.6rem);line-height:.98;margin:0 0 14px}
.hero-subtitle{font-size:clamp(1.65rem,2.1vw,2.15rem);margin:0 0 20px}
.hero-copy>p{font-size:1.08rem;line-height:1.65;max-width:590px;margin:0 0 24px}
.hero-actions{justify-content:flex-start}
.hero .btn-primary{min-height:58px;padding-inline:28px;font-size:1rem}
.hero-trust{justify-content:flex-start;font-size:.96rem;gap:24px;margin-top:22px}
.hero-float{right:1.5%;bottom:34px;padding:16px 21px;font-size:.94rem}
.quick-card h3,.feature-card h3,.process-step h3,.info-card h3,.trouble h3,.guide-body h2,.guide-body h3,.release-card h3{font-size:1.08rem}
.quick-card p,.feature-card p,.process-step p,.info-card p,.trouble p,.guide-body p,.release-card p{font-size:.96rem;line-height:1.6}
.guide-body a{font-size:.95rem}
.faq-question{font-size:1rem}
.faq-answer{font-size:.96rem;line-height:1.65}
.compat-table td{font-size:.96rem}
.compat-table th{font-size:.9rem}
.trust-pill{font-size:.9rem}
.download-note{font-size:.9rem!important}
.page-hero .section-lead{text-align:center;margin-left:auto;margin-right:auto}

@media (max-width:1000px){
  .hero-copy{width:50%}
  .hero h1{font-size:clamp(3.1rem,7vw,4.6rem)}
}
@media (max-width:720px){
  :root{--header-h:72px}
  body{font-size:17px}
  .brand img{width:54px;height:54px;flex-basis:54px}
  .brand-wordmark{font-size:1.05rem}
  .hero-shell{min-height:0;background:#05182f}
  .hero-shell::before{position:relative;display:block;content:"";width:100%;aspect-ratio:16/7;background:url("../images/hero-ad-astra-wide.jpg") center/cover no-repeat}
  .hero-shell::after{display:none}
  .hero-inner{min-height:0;width:min(calc(100% - 28px),var(--max));display:block}
  .hero-copy{width:100%;padding:34px 0 38px;align-items:center;text-align:center}
  .hero h1{font-size:clamp(2.8rem,14vw,4rem)}
  .hero-subtitle{font-size:1.4rem}
  .hero-actions,.hero-trust{justify-content:center}
  .hero-float{display:none}
}

/* Final hero match adjustment */
.hero-shell{
  min-height:410px;
  background:#05182f;
}
.hero-shell::before{
  background:url("../images/hero-ad-astra-wide.jpg") center center/cover no-repeat;
}
.hero-shell::after{
  background:linear-gradient(90deg,rgba(2,15,32,.98) 0%,rgba(2,15,32,.93) 27%,rgba(2,15,32,.70) 41%,rgba(2,15,32,.24) 57%,rgba(2,15,32,0) 73%);
}
.hero-inner{
  min-height:410px;
  align-items:center;
}
.hero-copy{
  width:min(500px,38%);
  padding:34px 0 26px;
  align-items:flex-start;
  text-align:left;
}
.hero h1{
  font-size:clamp(3rem,4.7vw,4.35rem);
  line-height:1.02;
  letter-spacing:-.04em;
  margin:0 0 8px;
}
.hero-subtitle{
  font-size:clamp(1.7rem,2.35vw,2.18rem);
  margin:0 0 18px;
  line-height:1.15;
}
.hero-copy>p{
  max-width:470px;
  margin:0 0 20px;
  font-size:1.02rem;
  line-height:1.55;
}
.hero .btn-primary{
  min-height:48px;
  padding:13px 22px;
}
.hero-trust{
  gap:18px;
  margin-top:16px;
  font-size:.83rem;
}
.hero-float{
  right:1.4%;
  bottom:20px;
  padding:12px 17px;
  font-size:.8rem;
}
@media (max-width: 1180px){
  .hero-copy{width:min(500px,44%)}
}
@media (max-width: 900px){
  .hero-shell{min-height:0}
  .hero-shell::before{position:relative;display:block;content:"";width:100%;aspect-ratio:16/7;background:url("../images/hero-ad-astra-wide.jpg") center/cover no-repeat}
  .hero-shell::after{display:none}
  .hero-inner{min-height:0;display:block}
  .hero-copy{width:100%;padding:34px 0 38px;align-items:center;text-align:center}
  .hero-actions,.hero-trust{justify-content:center}
  .hero-float{display:none}
}

/* Final hero cover fix */
html,body{overflow-x:hidden}
.hero{margin:0;padding:0}
.hero-shell{
  position:relative !important;
  min-height:560px !important;
  background:#05182f !important;
  overflow:hidden !important;
}
.hero-shell::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:auto !important;
  aspect-ratio:auto !important;
  background:url("../images/hero-ad-astra-wide.jpg") center center/cover no-repeat !important;
  z-index:-2 !important;
}
.hero-shell::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  background:linear-gradient(90deg,rgba(2,15,32,.98) 0%,rgba(2,15,32,.92) 28%,rgba(2,15,32,.68) 41%,rgba(2,15,32,.22) 57%,rgba(2,15,32,0) 74%) !important;
  z-index:-1 !important;
}
.hero-inner{
  width:min(calc(100% - 48px),var(--max)) !important;
  min-height:560px !important;
  margin:auto !important;
  display:flex !important;
  align-items:center !important;
  position:relative !important;
}
.hero-copy{
  width:min(520px,39%) !important;
  max-width:520px !important;
  padding:36px 0 30px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  text-align:left !important;
}
.hero h1{
  font-size:clamp(3.2rem,4.9vw,4.6rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  margin:0 0 10px !important;
}
.hero-subtitle{
  font-size:clamp(1.75rem,2.25vw,2.15rem) !important;
  margin:0 0 18px !important;
  line-height:1.14 !important;
}
.hero-copy>p{
  max-width:460px !important;
  margin:0 0 20px !important;
  font-size:1.02rem !important;
  line-height:1.56 !important;
}
.hero-actions{justify-content:flex-start !important}
.hero .btn-primary{min-height:50px !important;padding:13px 23px !important}
.hero-trust{
  justify-content:flex-start !important;
  gap:18px !important;
  margin-top:16px !important;
  font-size:.84rem !important;
}
.hero-float{
  right:1.5% !important;
  bottom:22px !important;
  padding:13px 18px !important;
  font-size:.82rem !important;
}
@media (max-width: 1180px){
  .hero-shell{min-height:520px !important}
  .hero-inner{min-height:520px !important;width:min(calc(100% - 40px),var(--max)) !important}
  .hero-copy{width:min(500px,45%) !important;max-width:500px !important}
}
@media (max-width: 900px){
  .hero-shell{min-height:540px !important}
  .hero-shell::before{background-position:62% center !important}
  .hero-inner{min-height:540px !important;width:min(calc(100% - 32px),var(--max)) !important;align-items:flex-start !important}
  .hero-copy{width:100% !important;max-width:560px !important;padding:34px 0 120px !important;align-items:flex-start !important;text-align:left !important}
  .hero h1{font-size:clamp(2.9rem,10vw,4rem) !important}
  .hero-subtitle{font-size:clamp(1.5rem,4.5vw,1.9rem) !important}
  .hero-copy>p{font-size:1rem !important;max-width:430px !important}
  .hero-actions,.hero-trust{justify-content:flex-start !important}
  .hero-float{display:flex !important;right:18px !important;bottom:18px !important}
}
@media (max-width: 640px){
  .hero-shell{min-height:500px !important}
  .hero-shell::before{background-position:68% center !important}
  .hero-shell::after{background:linear-gradient(180deg,rgba(2,15,32,.35) 0%,rgba(2,15,32,.55) 24%,rgba(2,15,32,.90) 100%) !important}
  .hero-inner{min-height:500px !important;width:min(calc(100% - 24px),var(--max)) !important}
  .hero-copy{padding:28px 0 112px !important;max-width:100% !important}
  .hero h1{font-size:clamp(2.45rem,12vw,3.3rem) !important}
  .hero-subtitle{font-size:1.35rem !important;margin:0 0 14px !important}
  .hero-copy>p{font-size:.98rem !important;line-height:1.52 !important;max-width:100% !important}
  .hero .btn-primary{width:auto !important}
  .hero-trust{gap:12px 16px !important;font-size:.8rem !important}
  .hero-float{padding:11px 14px !important;font-size:.76rem !important;max-width:210px !important}
}

/* HERO — exact reference composition, final override */
.hero{padding:0 0 18px;background:#fff}
.hero-shell{
  position:relative !important;
  min-height:560px !important;
  background:#06172d !important;
  overflow:hidden !important;
  isolation:isolate !important;
}
.hero-shell::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:auto !important;
  height:auto !important;
  aspect-ratio:auto !important;
  background-image:url("../images/hero-ad-astra.webp") !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:cover !important;
  z-index:-2 !important;
}
.hero-shell::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  background:linear-gradient(90deg,rgba(2,17,35,.30) 0%,rgba(2,17,35,.20) 24%,rgba(2,17,35,.08) 42%,rgba(2,17,35,0) 58%) !important;
  z-index:-1 !important;
}
.hero-inner{
  width:min(calc(100% - 80px),1140px) !important;
  min-height:560px !important;
  margin-inline:auto !important;
  display:flex !important;
  align-items:center !important;
  position:relative !important;
}
.hero-copy{
  width:min(500px,40%) !important;
  max-width:500px !important;
  padding:42px 0 30px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  text-align:left !important;
}
.hero h1{
  font-size:clamp(3.1rem,4.7vw,4.45rem) !important;
  line-height:1.01 !important;
  letter-spacing:-.045em !important;
  margin:0 0 9px !important;
}
.hero-subtitle{
  font-size:clamp(1.65rem,2.05vw,2.02rem) !important;
  line-height:1.15 !important;
  margin:0 0 18px !important;
}
.hero-copy>p{
  max-width:455px !important;
  margin:0 0 20px !important;
  font-size:1rem !important;
  line-height:1.52 !important;
}
.hero-actions{justify-content:flex-start !important}
.hero .btn-primary{min-height:50px !important;padding:13px 23px !important}
.hero-trust{justify-content:flex-start !important;gap:18px !important;margin-top:16px !important;font-size:.83rem !important}
.hero-float{right:0 !important;bottom:24px !important;padding:13px 18px !important;font-size:.82rem !important}

/* Keep the same composition when users zoom far out / use ultra-wide viewports. */
@media (min-width:2200px){
  .hero-shell::before{
    background-size:auto 100% !important;
    background-position:center center !important;
  }
  .hero-shell{
    background:linear-gradient(90deg,#06172d 0%,#06172d 28%,#0b2039 50%,#23364c 100%) !important;
  }
}
@media (max-width:1100px){
  .hero-inner{width:min(calc(100% - 48px),1140px) !important}
  .hero-copy{width:min(470px,45%) !important}
}
@media (max-width:760px){
  .hero-shell{min-height:520px !important}
  .hero-shell::before{
    position:absolute !important;
    inset:0 !important;
    width:auto !important;
    aspect-ratio:auto !important;
    background-image:url("../images/hero-ad-astra.webp") !important;
    background-size:cover !important;
    background-position:64% center !important;
  }
  .hero-shell::after{
    display:block !important;
    background:linear-gradient(180deg,rgba(2,17,35,.28) 0%,rgba(2,17,35,.40) 30%,rgba(2,17,35,.93) 100%) !important;
  }
  .hero-inner{min-height:520px !important;width:min(calc(100% - 28px),1140px) !important;display:flex !important;align-items:flex-end !important}
  .hero-copy{width:100% !important;max-width:560px !important;padding:30px 0 98px !important;align-items:flex-start !important;text-align:left !important}
  .hero h1{font-size:clamp(2.55rem,12vw,3.45rem) !important}
  .hero-subtitle{font-size:1.35rem !important}
  .hero-copy>p{font-size:.98rem !important;max-width:100% !important}
  .hero-actions,.hero-trust{justify-content:flex-start !important}
  .hero-float{display:flex !important;right:14px !important;bottom:14px !important}
}


/* HERO no-zoom exact fit fix */
.hero-shell::before{
  background-position:center center !important;
  background-size:100% 100% !important;
}
@media (min-width:1500px){
  .hero-shell::before{
    background-size:100% 100% !important;
    background-position:center center !important;
  }
}
@media (max-width:1100px){
  .hero-shell::before{
    background-size:100% 100% !important;
    background-position:center center !important;
  }
}
@media (max-width:760px){
  .hero-shell{
    min-height:520px !important;
  }
  .hero-shell::before{
    background-size:cover !important;
    background-position:60% center !important;
  }
}
@media (max-width:520px){
  .hero-shell::before{
    background-size:cover !important;
    background-position:63% center !important;
  }
}


/* HERO exact first-screenshot style */
.hero{background:#fff;padding:10px 0 18px !important}
.hero .container{width:min(calc(100% - 32px),1140px) !important}
.hero-shell{
  min-height:350px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:#07172d !important;
  box-shadow:0 12px 32px rgba(9,28,63,.10) !important;
}
.hero-shell::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:url("../images/hero-ad-astra.webp") center center/100% 100% no-repeat !important;
  z-index:-2 !important;
}
.hero-shell::after{
  content:none !important;
  display:none !important;
}
.hero-inner{
  width:100% !important;
  min-height:350px !important;
  max-width:none !important;
  padding:0 28px 0 32px !important;
  display:flex !important;
  align-items:center !important;
}
.hero-copy{
  width:34% !important;
  max-width:360px !important;
  padding:12px 0 8px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  text-align:left !important;
}
.hero h1{
  font-size:clamp(2.2rem,4.25vw,3.45rem) !important;
  line-height:1.01 !important;
  margin:0 0 8px !important;
  letter-spacing:-.045em !important;
}
.hero-subtitle{
  font-size:clamp(1.2rem,2vw,1.9rem) !important;
  line-height:1.12 !important;
  margin:0 0 12px !important;
}
.hero-copy>p{
  max-width:330px !important;
  font-size:.98rem !important;
  line-height:1.45 !important;
  margin:0 0 14px !important;
}
.hero .btn-primary{
  min-height:44px !important;
  padding:11px 18px !important;
  border-radius:10px !important;
  font-size:1rem !important;
}
.hero-trust{
  gap:14px !important;
  margin-top:12px !important;
  font-size:.74rem !important;
  justify-content:flex-start !important;
}
.hero-trust span{gap:5px !important}
.hero-trust b{font-size:.84rem !important}
.hero-float{
  right:18px !important;
  bottom:16px !important;
  padding:12px 16px !important;
  border-radius:14px !important;
  font-size:.78rem !important;
  line-height:1.15 !important;
}
.hero-float .planet-dot{width:30px !important;height:30px !important}
@media (max-width: 1200px){
  .hero-copy{width:36% !important;max-width:350px !important}
  .hero-copy>p{max-width:320px !important}
}
@media (max-width: 980px){
  .hero-shell{min-height:320px !important}
  .hero-inner{min-height:320px !important;padding:0 22px 0 24px !important}
  .hero-copy{width:40% !important;max-width:330px !important}
  .hero h1{font-size:clamp(2rem,4vw,3rem) !important}
  .hero-subtitle{font-size:1.2rem !important}
  .hero-copy>p{font-size:.92rem !important;line-height:1.4 !important;max-width:300px !important}
  .hero .btn-primary{font-size:.92rem !important}
  .hero-trust{font-size:.68rem !important;gap:10px !important}
  .hero-float{transform:scale(.92);transform-origin:right bottom}
}
@media (max-width: 760px){
  .hero .container{width:min(calc(100% - 20px),1140px) !important}
  .hero-shell{min-height:0 !important;border-radius:18px !important}
  .hero-shell::before{
    position:absolute !important;
    inset:0 !important;
    background:url("../images/hero-ad-astra.webp") center center/cover no-repeat !important;
  }
  .hero-shell::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(180deg,rgba(5,22,45,.18) 0%,rgba(5,22,45,.32) 28%,rgba(5,22,45,.86) 100%) !important;
    z-index:-1 !important;
  }
  .hero-inner{min-height:470px !important;padding:0 18px !important;align-items:flex-end !important}
  .hero-copy{width:100% !important;max-width:none !important;padding:28px 0 92px !important}
  .hero h1{font-size:clamp(2.35rem,11vw,3.4rem) !important}
  .hero-subtitle{font-size:1.3rem !important;margin:0 0 12px !important}
  .hero-copy>p{max-width:100% !important;font-size:.98rem !important;line-height:1.5 !important}
  .hero-actions,.hero-trust{justify-content:flex-start !important}
  .hero-trust{gap:12px 14px !important;font-size:.78rem !important}
  .hero-float{display:flex !important;right:14px !important;bottom:14px !important}
}
@media (max-width: 520px){
  .hero-shell{border-radius:16px !important}
  .hero-inner{min-height:420px !important;padding:0 14px !important}
  .hero-copy{padding:24px 0 84px !important}
  .hero h1{font-size:clamp(2.05rem,10.5vw,3rem) !important}
  .hero-subtitle{font-size:1.15rem !important}
  .hero-copy>p{font-size:.92rem !important;line-height:1.45 !important}
  .hero .btn-primary{min-height:42px !important;padding:10px 15px !important;font-size:.9rem !important}
  .hero-trust{font-size:.7rem !important;gap:10px 12px !important}
  .hero-float{padding:10px 12px !important;font-size:.72rem !important;max-width:190px !important}
}

/* FINAL HERO: match the approved reference proportions exactly */
.hero{
  padding:6px 6px 18px !important;
  background:#fff !important;
}
.hero-shell{
  position:relative !important;
  width:100% !important;
  min-height:0 !important;
  aspect-ratio:607 / 223 !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:#06172d !important;
  isolation:isolate !important;
}
.hero-shell::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  background-image:url("../images/hero-ad-astra-wide.jpg") !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:100% 100% !important;
  z-index:-2 !important;
}
.hero-shell::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  background:linear-gradient(90deg,rgba(3,18,38,.74) 0%,rgba(3,18,38,.58) 26%,rgba(3,18,38,.20) 42%,rgba(3,18,38,0) 61%) !important;
  z-index:-1 !important;
}
.hero-inner{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  min-height:0 !important;
  height:100% !important;
  margin:0 !important;
  display:block !important;
}
.hero-copy{
  position:absolute !important;
  left:5.2% !important;
  top:16% !important;
  width:35% !important;
  max-width:none !important;
  padding:0 !important;
  display:block !important;
  text-align:left !important;
}
.hero h1{
  margin:0 0 .18em !important;
  font-size:clamp(2.45rem,4.4vw,4.55rem) !important;
  line-height:.98 !important;
  letter-spacing:-.045em !important;
  color:#fff !important;
  font-weight:900 !important;
}
.hero h1 em{color:#2184ff !important;font-style:normal !important}
.hero-subtitle{
  margin:0 0 .62em !important;
  font-size:clamp(1.25rem,2.15vw,2rem) !important;
  line-height:1.08 !important;
  font-weight:800 !important;
  color:#fff !important;
}
.hero-subtitle span{color:#62b7ff !important}
.hero-copy>p{
  width:100% !important;
  max-width:100% !important;
  margin:0 0 .9em !important;
  font-size:clamp(.82rem,1.03vw,1.05rem) !important;
  line-height:1.46 !important;
  color:#f4f7fb !important;
}
.hero-actions{
  display:flex !important;
  justify-content:flex-start !important;
  margin:0 !important;
}
.hero .btn-primary{
  min-height:0 !important;
  padding:.85em 1.35em !important;
  border-radius:10px !important;
  font-size:clamp(.84rem,1vw,1rem) !important;
}
.hero-trust{
  display:flex !important;
  justify-content:flex-start !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:1.4em !important;
  margin-top:1em !important;
  font-size:clamp(.66rem,.82vw,.86rem) !important;
  color:#fff !important;
  white-space:nowrap !important;
}
.hero-trust span{display:flex !important;align-items:center !important;gap:.38em !important}
.hero-trust b{font-size:1em !important;color:#42b9ff !important}
.hero-float{
  position:absolute !important;
  right:4.3% !important;
  bottom:8.5% !important;
  display:flex !important;
  align-items:center !important;
  gap:.72em !important;
  padding:.9em 1.15em !important;
  border-radius:13px !important;
  background:#fff !important;
  color:var(--ink) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.16) !important;
  font-size:clamp(.72rem,.9vw,.9rem) !important;
  font-weight:800 !important;
  line-height:1.13 !important;
}
.hero-float .planet-dot{width:2.15em !important;height:2.15em !important;flex:0 0 2.15em !important}

/* Preserve the same full image at desktop/zoom-out sizes: never crop/zoom it. */
@media (min-width:761px){
  .hero-shell::before{
    background-size:100% 100% !important;
    background-position:center center !important;
  }
}

/* Small screens can crop rather than squeezing the artwork. */
@media (max-width:760px){
  .hero{padding:6px 6px 14px !important}
  .hero-shell{
    aspect-ratio:auto !important;
    min-height:500px !important;
    border-radius:18px !important;
  }
  .hero-shell::before{
    background-size:cover !important;
    background-position:61% center !important;
  }
  .hero-shell::after{
    background:linear-gradient(180deg,rgba(3,18,38,.18) 0%,rgba(3,18,38,.34) 32%,rgba(3,18,38,.92) 100%) !important;
  }
  .hero-inner{position:relative !important;inset:auto !important;height:auto !important;min-height:500px !important;display:flex !important;align-items:flex-end !important}
  .hero-copy{position:relative !important;left:auto !important;top:auto !important;width:100% !important;padding:28px 18px 96px !important}
  .hero h1{font-size:clamp(2.4rem,11vw,3.35rem) !important}
  .hero-subtitle{font-size:1.3rem !important}
  .hero-copy>p{font-size:.96rem !important;max-width:540px !important}
  .hero-trust{flex-wrap:wrap !important;gap:10px 16px !important;font-size:.76rem !important}
  .hero-float{right:14px !important;bottom:14px !important;font-size:.74rem !important;padding:10px 13px !important}
}

/* FINAL WIDTH FIX: hero follows the same 1140px site container */
@media (min-width:761px){
  .hero{
    padding:6px 0 18px !important;
  }
  .hero-shell{
    width:min(calc(100% - 48px),1140px) !important;
    max-width:1140px !important;
    margin:0 auto !important;
    aspect-ratio:607 / 223 !important;
    min-height:0 !important;
    border-radius:24px !important;
  }
  .hero-inner{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 !important;
  }
  .hero-copy{
    left:5.2% !important;
    top:16% !important;
    width:35% !important;
  }
  .hero h1{
    font-size:60px !important;
  }
  .hero-subtitle{
    font-size:26px !important;
  }
  .hero-copy>p{
    font-size:15.5px !important;
    line-height:1.46 !important;
  }
  .hero .btn-primary{
    font-size:15px !important;
  }
  .hero-trust{
    font-size:12px !important;
  }
  .hero-float{
    font-size:13px !important;
  }
}

/* Requested header/footer keyword, nav icons, and page-title cleanup */
.keyword-mod{color:#1678ff !important;font-weight:900}
.brand-wordmark,.footer-brand-wordmark{text-transform:none !important}
.main-nav>a:not(.btn){display:inline-flex;align-items:center;gap:6px}
.nav-icon{width:17px;height:17px;display:inline-grid;place-items:center;flex:0 0 17px}
.nav-icon svg{width:17px;height:17px;display:block}
.nav-home{color:#1678ff}.nav-about{color:#14a6a1}.nav-features{color:#7457e8}.nav-works{color:#f08b2f}.nav-compatibility{color:#0a9bd7}.nav-faq{color:#d04d87}.nav-guide{color:#39a35d}
.footer-disclaimer strong{font-weight:800;color:var(--ink)}
.page-hero{padding:38px 0 24px;background:#f8fbff}
.page-hero .inner{background:transparent;border:0;border-radius:0;padding:20px 0;box-shadow:none;text-align:left}
.page-hero .section-title,.page-hero .section-lead{text-align:left;margin-left:0;margin-right:0}
.page-hero .section-lead{max-width:850px}
.blog-hero{padding:38px 0 24px;background:#f9fbfe}
.blog-hero-card{background:transparent;border:0;border-radius:0;padding:20px 0;box-shadow:none;align-items:start}
.blog-hero-card .section-title,.blog-hero-card .section-lead{text-align:left;margin-left:0;margin-right:0}
.blog-hero-card .section-lead{max-width:850px}
.prose-card,.side-card,.guide-card{min-width:0;overflow-wrap:break-word;word-break:normal}
.prose-card p,.prose-card li,.guide-body p,.guide-body h2,.guide-body h3{max-width:100%;overflow-wrap:break-word}
@media (max-width:1000px){
  .main-nav>a:not(.btn){display:flex}
  .blog-hero-card{grid-template-columns:1fr}
  .blog-count{justify-self:start}
}
@media (max-width:720px){
  .page-hero .inner,.blog-hero-card{padding:12px 0}
}


/* Requested final header, guide title, and sticky sidebar refinements */
@media (min-width:1001px){
  .header-inner{gap:12px !important}
  .main-nav{gap:12px !important;white-space:nowrap !important}
  .main-nav>a:not(.btn){gap:5px !important;font-size:.92rem !important;white-space:nowrap !important}
  .main-nav>a[data-section="how-it-works"]{white-space:nowrap !important}
  .nav-icon{width:16px !important;height:16px !important;flex-basis:16px !important}
  .nav-icon svg{width:16px !important;height:16px !important}
  .header-cta{margin-left:2px !important;padding-inline:18px !important;font-size:.9rem !important;white-space:nowrap !important}
  .brand img{width:72px !important;height:72px !important;flex-basis:72px !important}
  .brand-wordmark{font-size:1.42rem !important}
  .footer-brand-wordmark{font-size:1.5rem !important}

  .guide-page-hero .inner{max-width:812px !important;width:calc(100% - 328px) !important}

  .side-card{
    position:sticky !important;
    top:calc(var(--header-h) + 16px) !important;
    max-height:calc(100vh - var(--header-h) - 32px) !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    scrollbar-gutter:stable !important;
  }
}

/* Center only the Guide Library hero text shown in the second screenshot. */
.blog-hero-card>div:first-child{text-align:center !important}
.blog-hero-card>div:first-child .section-title,
.blog-hero-card>div:first-child .section-lead{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.blog-hero-card>div:first-child .section-lead{max-width:850px !important}

@media (max-width:1000px){
  .side-card{position:static !important;max-height:none !important;overflow:visible !important}
  .guide-page-hero .inner{max-width:none !important;width:100% !important}
}


/* Requested: centered guide-library intro, sticky side cards, sticky header */
.site-header{
  position:sticky !important;
  top:0 !important;
  z-index:1000 !important;
}

/* Center Guide Library copy across the full 1140px hero while keeping the count at right. */
.blog-hero-card{
  position:relative !important;
  grid-template-columns:1fr !important;
}
.blog-hero-card>div:first-child{
  width:min(100%,900px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
.blog-hero-card>div:first-child .breadcrumbs,
.blog-hero-card>div:first-child .section-kicker,
.blog-hero-card>div:first-child .section-title,
.blog-hero-card>div:first-child .section-lead{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.blog-count{
  position:absolute !important;
  top:18px !important;
  right:0 !important;
  justify-self:auto !important;
  text-align:center !important;
}

/* Keep guide article title/description inside the same left-column edge as the image below. */
@media (min-width:1001px){
  .guide-page-hero .inner{
    width:calc(100% - 328px) !important;
    max-width:812px !important;
    margin-left:0 !important;
    margin-right:auto !important;
    overflow-wrap:break-word !important;
  }
  .guide-page-hero .section-title,
  .guide-page-hero .section-lead{
    max-width:100% !important;
    overflow-wrap:break-word !important;
  }

  /* Guide and legal/support side cards follow the reader down the page. */
  .prose-layout>.sidebar{
    align-self:stretch !important;
    position:relative !important;
  }
  .prose-layout>.sidebar>.side-card{
    position:sticky !important;
    top:calc(var(--header-h) + 18px) !important;
    align-self:start !important;
    max-height:calc(100vh - var(--header-h) - 36px) !important;
    overflow-y:auto !important;
  }
}

@media (max-width:1000px){
  .blog-count{
    position:static !important;
    margin:18px auto 0 !important;
  }
  .guide-page-hero .inner{
    width:100% !important;
    max-width:none !important;
  }
  .prose-layout>.sidebar>.side-card{
    position:static !important;
    max-height:none !important;
    overflow:visible !important;
  }
}

/* Requested only: fixed header + sticky right-side cards */
body{
  padding-top:var(--header-h) !important;
  overflow-x:hidden !important;
}
.site-header{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:5000 !important;
}
.site-main{
  overflow:visible !important;
}
@media (min-width:1001px){
  .prose-layout{
    align-items:start !important;
  }
  .prose-layout>.sidebar{
    position:sticky !important;
    top:calc(var(--header-h) + 18px) !important;
    align-self:start !important;
    height:max-content !important;
  }
  .prose-layout>.sidebar>.side-card{
    position:static !important;
    top:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }
}
@media (max-width:1000px){
  .prose-layout>.sidebar{
    position:static !important;
    height:auto !important;
  }
}


/* Final sticky-follow fix: guide + legal/support right-side cards */
@media (min-width:1001px){
  .prose-layout>.sidebar{
    position:relative !important;
    top:auto !important;
    align-self:stretch !important;
    height:auto !important;
    min-height:100% !important;
  }
  .prose-layout>.sidebar>.side-card{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    width:100% !important;
    max-height:none !important;
    overflow:visible !important;
  }
}

/* User requested update: replace previous hero background with provided image only */
.hero-shell::before{
  background-image:url("../images/hero-custom-bg.png") !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
@media (max-width:820px){
  .hero-shell::before{
    background-image:url("../images/hero-custom-bg.png") !important;
    background-position:center center !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
  }
}

/* User requested update: use the full provided hero image without cropping */
.hero-shell::before{
  background-image:url("../images/hero-custom-bg.png") !important;
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
@media (max-width:820px){
  .hero-shell::before{
    background-image:url("../images/hero-custom-bg.png") !important;
    background-size:contain !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }
}

/* User requested update: keep full hero image and align it to the right side */
.hero-shell::before{
  background-image:url("../images/hero-custom-bg.png") !important;
  background-size:contain !important;
  background-position:right center !important;
  background-repeat:no-repeat !important;
}
@media (max-width:820px){
  .hero-shell::before{
    background-image:url("../images/hero-custom-bg.png") !important;
    background-size:contain !important;
    background-position:right center !important;
    background-repeat:no-repeat !important;
  }
}

/* User requested update: keep hero text on the left only */
.hero-copy{
  align-items:flex-start !important;
  text-align:left !important;
  margin-left:0 !important;
  margin-right:auto !important;
}
.hero-actions,
.hero-trust{
  justify-content:flex-start !important;
}
@media (max-width:820px){
  .hero-copy{
    align-items:flex-start !important;
    text-align:left !important;
    margin-left:0 !important;
    margin-right:auto !important;
  }
  .hero-actions,
  .hero-trust{
    justify-content:flex-start !important;
  }
}

/* Requested only: hero text moved fully to the left + site accents matched to the planet logo palette */
:root{
  --primary:#f28b18;
  --primary-dark:#6f3ba8;
  --primary-soft:#fff1dc;
  --soft-blue:#fff5e7;
  --success:#7a43ad;
  --line:#eadfef;
  --shadow:0 16px 44px rgba(95,53,120,.10);
  --shadow-sm:0 8px 24px rgba(95,53,120,.07);
}

/* Hero copy: keep content at the far-left side without changing the hero image */
.hero-inner{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:clamp(24px,5vw,72px) !important;
  padding-right:clamp(24px,5vw,72px) !important;
}
.hero-copy{
  align-items:flex-start !important;
  text-align:left !important;
  margin-left:0 !important;
  margin-right:auto !important;
}
.hero-actions,.hero-trust{justify-content:flex-start !important}

/* Planet-logo color scheme */
.keyword-mod{color:#7a43ad !important}
.hero h1 em,.hero-subtitle span,.hero-trust b{color:#ffb51b !important}
.btn-primary{
  background:linear-gradient(135deg,#ffad1f,#7b43ad) !important;
  box-shadow:0 12px 24px rgba(122,67,173,.20) !important;
}
.btn-primary:hover{background:linear-gradient(135deg,#f39a0c,#693598) !important}
.btn-secondary{color:#6f3ba8 !important;border-color:#dcc7e7 !important}
.btn-secondary:hover{background:#fff7e9 !important}
.section-kicker{color:#6f3ba8 !important}
.section-kicker::before{background:#f28b18 !important}
.main-nav>a:not(.btn)::after{background:linear-gradient(90deg,#f28b18,#7a43ad) !important}
.quick-icon,.feature-icon{color:#7a43ad !important;background:#fff0d7 !important}
.quick-card{background:linear-gradient(135deg,#fffaf3,#f7effc) !important;border-color:#eadcf1 !important}
.about-stat strong,.status{color:#7a43ad !important}
.step-num{background:linear-gradient(145deg,#ffad1f,#7a43ad) !important;box-shadow:0 8px 18px rgba(122,67,173,.20) !important}
.check-list li::before,.trust-pill b{color:#f28b18 !important}
.compat-table th{background:#fbf4fd !important}
.trust-pill{background:#fff8ee !important;border-color:#eedfee !important}
.pros{border-top-color:#7a43ad !important}
.release-mark{background:linear-gradient(145deg,#fff0d9,#f4e8fb) !important;color:#7a43ad !important}
.trouble b{background:#fff0d9 !important;color:#7a43ad !important}
.site-footer{border-top-color:#7a43ad !important}
.footer-col h3,.footer-bottom a{color:#6f3ba8 !important}
.scroll-top{background:linear-gradient(145deg,#7a43ad,#f28b18) !important}

@media (max-width:820px){
  .hero-inner{
    width:100% !important;
    padding-left:24px !important;
    padding-right:24px !important;
  }
  .hero-copy{
    align-items:flex-start !important;
    text-align:left !important;
    margin-left:0 !important;
    margin-right:auto !important;
  }
  .hero-actions,.hero-trust{justify-content:flex-start !important}
}

/* Requested only: move hero text to the marked far-left position */
@media (min-width:821px){
  .hero-inner{
    padding-left:30px !important;
  }
}

/* Exact correction: place hero text at the marked extreme-left position only */
@media (min-width:821px){
  .hero-inner{
    padding-left:5px !important;
  }
  .hero-copy{
    margin-left:0 !important;
    transform:none !important;
  }
}


/* Final requested correction: move only the hero text block to the marked left position */
@media (min-width:821px){
  .hero-inner{
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .hero-copy{
    margin-left:32px !important;
    margin-right:auto !important;
    transform:none !important;
  }
}

/* FORCE FIX — desktop hero text anchored to the actual left edge */
@media (min-width:821px){
  .hero-inner{
    position:relative !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }
  .hero-copy{
    position:absolute !important;
    left:28px !important;
    top:50% !important;
    margin:0 !important;
    transform:translateY(-50%) !important;
    align-items:flex-start !important;
    text-align:left !important;
  }
}

/* Requested only: extend the dark text background to the marked line and add gap above/below the button */
@media (min-width:821px){
  .hero-shell::after{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    bottom:0 !important;
    width:min(38%, 650px) !important;
    background:#00183b !important;
    z-index:0 !important;
  }
  .hero-inner{
    position:relative !important;
    z-index:1 !important;
  }
  .hero-copy{
    left:44px !important;
    z-index:2 !important;
  }
  .hero-copy > p{
    margin-bottom:34px !important;
  }
  .hero-actions{
    margin-top:0 !important;
    margin-bottom:24px !important;
  }
  .hero-trust{
    margin-top:0 !important;
  }
}

/* =========================================================
   Requested design update only
   - orange Mod keyword in header/footer
   - compact header download button
   - black hero text panel
   - About image left / copy right + left-aligned copy
   - redesigned Features / How It Works / Use Cases
   ========================================================= */

/* Header + footer brand keyword */
.brand-wordmark .keyword-mod,
.footer-brand-wordmark .keyword-mod{
  color:#f28b18 !important;
}

/* Compact header download CTA */
@media (min-width:1001px){
  .main-nav .header-cta{
    min-height:34px !important;
    padding:7px 13px !important;
    border-radius:9px !important;
    font-size:.78rem !important;
    gap:6px !important;
    margin-left:0 !important;
    box-shadow:0 7px 14px rgba(122,67,173,.14) !important;
  }
  .main-nav .header-cta svg{
    width:14px !important;
    height:14px !important;
  }
}

/* Hero: change only the copy panel from blue to black */
@media (min-width:821px){
  .hero-shell::after{
    background:#050505 !important;
  }
}

/* About: image left, content right; copy aligned left as marked */
#about .about-grid{
  grid-template-columns:.98fr 1.02fr !important;
  gap:54px !important;
}
#about .media-card{
  order:1 !important;
}
#about .about-copy{
  order:2 !important;
  text-align:left !important;
}
#about .about-copy>p{
  max-width:720px !important;
  margin-left:0 !important;
  margin-right:0 !important;
  text-align:left !important;
}
#about .about-copy .section-kicker,
#about .about-copy .section-title{
  text-align:left !important;
}
#about .about-copy .about-stats{
  margin-left:0 !important;
  margin-right:0 !important;
  text-align:left !important;
}
#about .about-copy .btn{
  margin-left:0 !important;
  margin-right:0 !important;
}
#about .media-card{
  border-radius:20px !important;
  box-shadow:0 22px 50px rgba(39,24,58,.12) !important;
}

/* Features: asymmetric bento-style layout */
#features{
  background:linear-gradient(180deg,#fff 0%,#fff9f1 100%) !important;
}
#features .features-board{
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  gap:18px !important;
}
#features .feature-card{
  position:relative !important;
  overflow:hidden !important;
  min-height:210px !important;
  padding:28px 28px 26px !important;
  border:1px solid #eadfeb !important;
  border-radius:22px !important;
  background:linear-gradient(145deg,#ffffff 0%,#fff8ef 58%,#f8f0fc 100%) !important;
  box-shadow:0 16px 36px rgba(75,47,92,.08) !important;
  align-items:flex-start !important;
  justify-content:flex-end !important;
  text-align:left !important;
}
#features .feature-card:nth-child(1),
#features .feature-card:nth-child(4){
  grid-column:span 7 !important;
}
#features .feature-card:nth-child(2),
#features .feature-card:nth-child(3){
  grid-column:span 5 !important;
}
#features .feature-card::after{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-56px;
  top:-56px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(242,139,24,.18),rgba(122,67,173,.05) 64%,transparent 66%);
  pointer-events:none;
}
#features .feature-icon{
  width:58px !important;
  height:58px !important;
  margin:0 0 28px !important;
  color:#7a43ad !important;
  background:linear-gradient(145deg,#fff0d7,#f2e6fb) !important;
  box-shadow:0 10px 22px rgba(122,67,173,.12) !important;
}
#features .feature-card h3{
  font-size:1.18rem !important;
  margin:0 0 7px !important;
}
#features .feature-card p{
  max-width:520px !important;
  font-size:.96rem !important;
  line-height:1.6 !important;
}

/* How It Works: mission-board 2x2 layout */
#how-it-works .process-wrap{
  padding:28px !important;
  border:1px solid #e9dfeb !important;
  border-radius:26px !important;
  background:linear-gradient(135deg,#0c0b11 0%,#17111d 62%,#211126 100%) !important;
  box-shadow:0 24px 58px rgba(30,16,38,.15) !important;
}
#how-it-works .process-line{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
}
#how-it-works .process-step{
  min-height:145px !important;
  padding:24px 24px 24px 92px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.07) !important;
  box-shadow:none !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  text-align:left !important;
}
#how-it-works .process-step::after{
  display:none !important;
}
#how-it-works .step-num{
  top:50% !important;
  left:24px !important;
  width:48px !important;
  height:48px !important;
  transform:translateY(-50%) !important;
  border-radius:14px !important;
  background:linear-gradient(145deg,#f6a124,#8647ae) !important;
  box-shadow:0 10px 24px rgba(242,139,24,.22) !important;
  font-size:1.05rem !important;
}
#how-it-works .process-step h3{
  color:#fff !important;
  font-size:1.12rem !important;
  margin:0 0 5px !important;
}
#how-it-works .process-step p{
  color:#d8d1df !important;
  font-size:.94rem !important;
  line-height:1.55 !important;
  margin:0 !important;
}

/* Use Cases: one featured card + two supporting cards */
#use-cases{
  background:linear-gradient(180deg,#fff 0%,#faf6fc 100%) !important;
}
#use-cases .info-grid{
  display:grid !important;
  grid-template-columns:1.08fr .92fr !important;
  grid-template-rows:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
}
#use-cases .info-card{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid #e7ddea !important;
  border-radius:20px !important;
  padding:28px 30px !important;
  background:#fff !important;
  box-shadow:0 16px 34px rgba(67,43,80,.07) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  text-align:left !important;
}
#use-cases .info-card:first-child{
  grid-row:1 / span 2 !important;
  min-height:310px !important;
  padding:40px !important;
  background:linear-gradient(145deg,#fff5e7 0%,#fff 52%,#f5eafd 100%) !important;
}
#use-cases .info-card::before{
  content:"";
  width:46px;
  height:5px;
  border-radius:999px;
  background:linear-gradient(90deg,#f28b18,#7a43ad);
  margin-bottom:18px;
}
#use-cases .info-card:first-child::after{
  content:"01";
  position:absolute;
  right:26px;
  top:18px;
  font-size:4.8rem;
  line-height:1;
  font-weight:900;
  color:rgba(122,67,173,.07);
}
#use-cases .info-card:nth-child(2)::after,
#use-cases .info-card:nth-child(3)::after{
  position:absolute;
  right:20px;
  top:14px;
  font-size:2.6rem;
  line-height:1;
  font-weight:900;
  color:rgba(242,139,24,.09);
}
#use-cases .info-card:nth-child(2)::after{content:"02";}
#use-cases .info-card:nth-child(3)::after{content:"03";}
#use-cases .info-card h3{
  font-size:1.18rem !important;
  margin:0 0 8px !important;
}
#use-cases .info-card p{
  font-size:.96rem !important;
  line-height:1.65 !important;
}
#use-cases .info-card:first-child h3{
  font-size:1.48rem !important;
}

/* Responsive: keep the requested layouts clean without changing other sections */
@media (max-width:1000px){
  #about .about-grid{
    grid-template-columns:1fr !important;
  }
  #about .media-card{order:1 !important;}
  #about .about-copy{order:2 !important;}
  #features .features-board{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  #features .feature-card{
    grid-column:span 1 !important;
  }
  #how-it-works .process-line{
    grid-template-columns:1fr !important;
  }
  #use-cases .info-grid{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
  }
  #use-cases .info-card:first-child{
    grid-row:auto !important;
    min-height:220px !important;
  }
}
@media (max-width:620px){
  #features .features-board{
    grid-template-columns:1fr !important;
  }
  #how-it-works .process-wrap{
    padding:16px !important;
  }
  #how-it-works .process-step{
    padding:22px 20px 22px 78px !important;
  }
  #how-it-works .step-num{
    left:18px !important;
  }
}


/* Requested update: new images + unique non-box layouts for Features and Use Cases only */

#features{
  background:linear-gradient(180deg,#fffaf3 0%,#fff 100%) !important;
}
#features .section-head{
  margin-bottom:32px !important;
}
#features .features-board{
  display:grid !important;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr) !important;
  gap:22px 34px !important;
  align-items:start !important;
}
#features .feature-card{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
  min-height:auto !important;
  padding:0 0 22px 0 !important;
  margin:0 !important;
  text-align:left !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  position:relative !important;
  overflow:visible !important;
}
#features .feature-card::after{display:none !important;}
#features .feature-card:nth-child(1){
  grid-row:1 / span 3 !important;
  padding:12px 34px 12px 0 !important;
  border-right:1px solid rgba(122,67,173,.18) !important;
}
#features .feature-card:nth-child(2),
#features .feature-card:nth-child(3),
#features .feature-card:nth-child(4){
  padding-left:18px !important;
  border-left:4px solid transparent !important;
  border-image:linear-gradient(180deg,#f28b18,#7a43ad) 1 !important;
}
#features .feature-icon{
  width:54px !important;
  height:54px !important;
  margin:0 0 16px !important;
  color:#7a43ad !important;
  background:transparent !important;
  box-shadow:none !important;
}
#features .feature-card:nth-child(1) .feature-icon{
  width:64px !important;
  height:64px !important;
  margin-bottom:22px !important;
}
#features .feature-card h3{
  margin:0 0 8px !important;
  color:var(--ink) !important;
  font-size:1.14rem !important;
}
#features .feature-card:nth-child(1) h3{
  font-size:1.75rem !important;
  line-height:1.15 !important;
}
#features .feature-card p{
  margin:0 !important;
  max-width:540px !important;
  color:var(--muted) !important;
  font-size:.97rem !important;
  line-height:1.7 !important;
}
#features .feature-card:nth-child(1) p{
  font-size:1.02rem !important;
}

#use-cases{
  background:linear-gradient(180deg,#ffffff 0%,#fff8ee 100%) !important;
}
#use-cases .section-head{
  margin-bottom:26px !important;
}
#use-cases .info-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:24px !important;
}
#use-cases .info-card{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 0 0 96px !important;
  min-height:auto !important;
  position:relative !important;
  text-align:left !important;
}
#use-cases .info-card::before{
  content:counter(usecase, decimal-leading-zero) !important;
  counter-increment:usecase !important;
  position:absolute !important;
  left:0 !important;
  top:-6px !important;
  width:72px !important;
  height:72px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:1.25rem !important;
  font-weight:900 !important;
  color:#7a43ad !important;
  background:linear-gradient(145deg,#fff1da,#f4e8fc) !important;
  border-radius:50% !important;
  margin:0 !important;
}
#use-cases .info-grid{counter-reset:usecase;}
#use-cases .info-card::after{display:none !important;}
#use-cases .info-card:nth-child(1){
  max-width:82% !important;
  padding-bottom:24px !important;
  border-bottom:1px dashed rgba(122,67,173,.28) !important;
}
#use-cases .info-card:nth-child(2){
  margin-left:auto !important;
  max-width:76% !important;
  padding-bottom:24px !important;
  border-bottom:1px dashed rgba(242,139,24,.32) !important;
}
#use-cases .info-card:nth-child(3){
  max-width:82% !important;
}
#use-cases .info-card h3{
  margin:0 0 7px !important;
  color:var(--ink) !important;
  font-size:1.2rem !important;
}
#use-cases .info-card p{
  margin:0 !important;
  color:var(--muted) !important;
  font-size:.98rem !important;
  line-height:1.7 !important;
}

@media (max-width:1000px){
  #features .features-board{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }
  #features .feature-card:nth-child(1){
    grid-row:auto !important;
    padding:0 0 18px !important;
    border-right:none !important;
    border-bottom:1px solid rgba(122,67,173,.18) !important;
  }
  #features .feature-card:nth-child(2),
  #features .feature-card:nth-child(3),
  #features .feature-card:nth-child(4){
    padding-left:16px !important;
  }
  #use-cases .info-card,
  #use-cases .info-card:nth-child(1),
  #use-cases .info-card:nth-child(2),
  #use-cases .info-card:nth-child(3){
    max-width:100% !important;
    margin-left:0 !important;
  }
}
@media (max-width:620px){
  #use-cases .info-card{
    padding-left:82px !important;
  }
  #use-cases .info-card::before{
    width:60px !important;
    height:60px !important;
    top:0 !important;
  }
}

/* Requested only: alternate Features layout left-right and add left column line to the first item too */
#features .features-board{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:20px !important;
}
#features .feature-card{
  width:100% !important;
  max-width:48% !important;
  padding:0 0 20px 18px !important;
  margin:0 !important;
  border:none !important;
  border-left:4px solid transparent !important;
  border-image:linear-gradient(180deg,#f28b18,#7a43ad) 1 !important;
  background:transparent !important;
  box-shadow:none !important;
  min-height:auto !important;
  justify-self:start !important;
  text-align:left !important;
  align-items:flex-start !important;
}
#features .feature-card:nth-child(odd){
  justify-self:start !important;
}
#features .feature-card:nth-child(even){
  justify-self:end !important;
}
#features .feature-card:nth-child(1),
#features .feature-card:nth-child(2),
#features .feature-card:nth-child(3),
#features .feature-card:nth-child(4){
  grid-row:auto !important;
  grid-column:auto !important;
}
#features .feature-card:nth-child(1){
  padding-right:0 !important;
}
#features .feature-icon{
  width:50px !important;
  height:50px !important;
  margin:0 0 14px !important;
}
#features .feature-card:nth-child(1) .feature-icon{
  width:50px !important;
  height:50px !important;
  margin-bottom:14px !important;
}
#features .feature-card h3,
#features .feature-card:nth-child(1) h3{
  font-size:1.12rem !important;
  line-height:1.3 !important;
  margin:0 0 8px !important;
}
#features .feature-card p,
#features .feature-card:nth-child(1) p{
  font-size:.96rem !important;
  line-height:1.65 !important;
  margin:0 !important;
  max-width:100% !important;
}

/* Requested only: reduce top empty space in Use Cases and make all rows a matching alternating layout */
#use-cases .info-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:18px !important;
}
#use-cases .info-card{
  width:100% !important;
  max-width:48% !important;
  min-height:auto !important;
  padding:0 0 18px 96px !important;
  margin:0 !important;
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-align:left !important;
}
#use-cases .info-card:nth-child(odd){
  justify-self:start !important;
}
#use-cases .info-card:nth-child(even){
  justify-self:end !important;
}
#use-cases .info-card:nth-child(1),
#use-cases .info-card:nth-child(2),
#use-cases .info-card:nth-child(3){
  max-width:48% !important;
  margin-left:0 !important;
  padding-bottom:18px !important;
  border-bottom:1px dashed rgba(122,67,173,.22) !important;
}
#use-cases .info-card:nth-child(3){
  border-bottom:none !important;
}
#use-cases .info-card::before{
  top:0 !important;
  left:0 !important;
  width:62px !important;
  height:62px !important;
  font-size:1.05rem !important;
}
#use-cases .info-card h3,
#use-cases .info-card:first-child h3{
  margin:0 0 8px !important;
  font-size:1.14rem !important;
}
#use-cases .info-card p{
  margin:0 !important;
  font-size:.96rem !important;
  line-height:1.65 !important;
}

@media (max-width:1000px){
  #features .feature-card,
  #use-cases .info-card,
  #use-cases .info-card:nth-child(1),
  #use-cases .info-card:nth-child(2),
  #use-cases .info-card:nth-child(3){
    max-width:100% !important;
    justify-self:stretch !important;
  }
}

/* Final requested refinements only */

/* Features: keep the alternating layout, give the first item the same line/text gap, and remove the old center divider */
#features .feature-card,
#features .feature-card:nth-child(1){
  border-right:none !important;
  padding-left:30px !important;
}
#features .feature-card:nth-child(1){
  padding-right:0 !important;
}

/* Use Cases: unique zig-zag timeline layout without cards/boxes */
#use-cases .info-grid{
  position:relative !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  column-gap:92px !important;
  row-gap:34px !important;
  counter-reset:usecase !important;
  padding:8px 0 !important;
}
#use-cases .info-grid::before{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  left:50% !important;
  width:3px !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(180deg,#f28b18 0%,#7a43ad 52%,#f28b18 100%) !important;
  border-radius:999px !important;
  opacity:.75 !important;
}
#use-cases .info-card,
#use-cases .info-card:nth-child(1),
#use-cases .info-card:nth-child(2),
#use-cases .info-card:nth-child(3){
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  min-height:auto !important;
  padding:16px 0 18px !important;
  margin:0 !important;
  background:transparent !important;
  border:none !important;
  border-bottom:1px dashed rgba(122,67,173,.22) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-align:left !important;
  justify-self:stretch !important;
}
#use-cases .info-card:nth-child(1){
  grid-column:1 !important;
  grid-row:1 !important;
  padding-right:16px !important;
}
#use-cases .info-card:nth-child(2){
  grid-column:2 !important;
  grid-row:2 !important;
  padding-left:16px !important;
}
#use-cases .info-card:nth-child(3){
  grid-column:1 !important;
  grid-row:3 !important;
  padding-right:16px !important;
  border-bottom:none !important;
}
#use-cases .info-card::before{
  content:counter(usecase, decimal-leading-zero) !important;
  counter-increment:usecase !important;
  position:absolute !important;
  top:10px !important;
  width:58px !important;
  height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% !important;
  color:#6f3ba8 !important;
  font-size:1rem !important;
  font-weight:900 !important;
  background:#fff7ec !important;
  border:2px solid rgba(242,139,24,.55) !important;
  box-shadow:0 8px 18px rgba(80,47,97,.08) !important;
  z-index:2 !important;
}
#use-cases .info-card:nth-child(odd)::before{
  right:-76px !important;
  left:auto !important;
}
#use-cases .info-card:nth-child(even)::before{
  left:-76px !important;
  right:auto !important;
}
#use-cases .info-card::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:38px !important;
  width:38px !important;
  height:2px !important;
  background:linear-gradient(90deg,#f28b18,#7a43ad) !important;
  opacity:.6 !important;
}
#use-cases .info-card:nth-child(odd)::after{
  right:-38px !important;
  left:auto !important;
}
#use-cases .info-card:nth-child(even)::after{
  left:-38px !important;
  right:auto !important;
}
#use-cases .info-card h3,
#use-cases .info-card:first-child h3{
  margin:0 0 7px !important;
  font-size:1.18rem !important;
  line-height:1.35 !important;
}
#use-cases .info-card p{
  margin:0 !important;
  font-size:.96rem !important;
  line-height:1.65 !important;
}

/* About: move the button slightly right and center it under the text column */
#about .about-copy .btn{
  display:flex !important;
  width:max-content !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Download: keep all text left aligned */
#download .download-copy,
#download .download-copy .section-kicker,
#download .download-copy .section-title,
#download .download-copy p{
  text-align:left !important;
}

@media (max-width:1000px){
  #features .feature-card,
  #features .feature-card:nth-child(1){
    padding-left:24px !important;
  }
  #use-cases .info-grid{
    grid-template-columns:1fr !important;
    row-gap:22px !important;
    padding-left:76px !important;
  }
  #use-cases .info-grid::before{
    left:28px !important;
    transform:none !important;
  }
  #use-cases .info-card:nth-child(1),
  #use-cases .info-card:nth-child(2),
  #use-cases .info-card:nth-child(3){
    grid-column:1 !important;
    grid-row:auto !important;
    padding:12px 0 16px !important;
  }
  #use-cases .info-card::before,
  #use-cases .info-card:nth-child(odd)::before,
  #use-cases .info-card:nth-child(even)::before{
    left:-76px !important;
    right:auto !important;
  }
  #use-cases .info-card::after,
  #use-cases .info-card:nth-child(odd)::after,
  #use-cases .info-card:nth-child(even)::after{
    left:-38px !important;
    right:auto !important;
  }
}

/* Requested only: troubleshooting section stacked center like the reference marks */
#troubleshooting .section-head,
#troubleshooting .section-head .section-title,
#troubleshooting .section-head .section-lead{
  text-align:center !important;
}
#troubleshooting .troubleshoot-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:18px !important;
  max-width:860px !important;
  margin:0 auto !important;
}
#troubleshooting .trouble{
  width:min(100%, 760px) !important;
  margin:0 auto !important;
  grid-template-columns:56px 1fr !important;
  gap:18px !important;
  padding:26px 30px !important;
  border-radius:18px !important;
}
#troubleshooting .trouble b{
  width:56px !important;
  height:56px !important;
  font-size:1.45rem !important;
}
#troubleshooting .trouble h3{
  margin:0 0 7px !important;
  font-size:1.18rem !important;
}
#troubleshooting .trouble p{
  font-size:1rem !important;
  line-height:1.65 !important;
}

/* Requested only: safety section right card lower, heading/description centered */
#safety .two-col{
  align-items:start !important;
}
#safety .two-col > .reveal:first-child .section-kicker,
#safety .two-col > .reveal:first-child .section-title,
#safety .two-col > .reveal:first-child .section-lead{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
#safety .two-col > .reveal:first-child .section-lead{
  max-width:760px !important;
}
#safety .info-card{
  margin-top:72px !important;
  align-self:start !important;
}

/* Requested only: installation section right image lower, heading/description centered */
#installation .two-col{
  align-items:start !important;
}
#installation .two-col > .reveal:first-child .section-kicker,
#installation .two-col > .reveal:first-child .section-title,
#installation .two-col > .reveal:first-child .section-lead{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
#installation .two-col > .reveal:first-child .section-lead{
  max-width:760px !important;
}
#installation .media-card{
  margin-top:72px !important;
  align-self:start !important;
}

@media (max-width:900px){
  #safety .info-card,
  #installation .media-card{
    margin-top:20px !important;
  }
  #troubleshooting .trouble{
    width:100% !important;
    padding:22px 20px !important;
  }
}

/* Requested only: Troubleshooting layout = one centered top card, two middle cards, one centered bottom card */
#troubleshooting .troubleshoot-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px 22px !important;
  max-width:1100px !important;
  margin:0 auto !important;
  align-items:stretch !important;
}
#troubleshooting .trouble{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:24px 26px !important;
  grid-template-columns:54px minmax(0,1fr) !important;
  gap:18px !important;
  border:1px solid var(--line) !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 12px 28px rgba(47,31,60,.05) !important;
}
#troubleshooting .trouble:nth-child(1){
  grid-column:1 / -1 !important;
  justify-self:center !important;
  width:min(100%,760px) !important;
  background:#09090c !important;
  border-color:#09090c !important;
  box-shadow:0 18px 38px rgba(10,10,14,.16) !important;
}
#troubleshooting .trouble:nth-child(1) h3{color:#fff !important;}
#troubleshooting .trouble:nth-child(1) p{color:#d9d5dd !important;}
#troubleshooting .trouble:nth-child(2){grid-column:1 !important;}
#troubleshooting .trouble:nth-child(3){grid-column:2 !important;}
#troubleshooting .trouble:nth-child(4){
  grid-column:1 / -1 !important;
  justify-self:center !important;
  width:min(100%,760px) !important;
}
#troubleshooting .trouble b{
  width:54px !important;
  height:54px !important;
  font-size:1.25rem !important;
  flex:none !important;
}
#troubleshooting .trouble h3{
  margin:0 0 6px !important;
  font-size:1.12rem !important;
}
#troubleshooting .trouble p{
  margin:0 !important;
  font-size:.97rem !important;
  line-height:1.62 !important;
}

/* Requested only: proper icons for the Cons list */
#pros-cons .cons .plain-list li{
  padding-left:34px !important;
}
#pros-cons .cons .plain-list li::before{
  content:"✕" !important;
  left:0 !important;
  top:7px !important;
  color:#7a43ad !important;
  font-size:1.05rem !important;
  font-weight:900 !important;
  line-height:1 !important;
}

/* Requested only: Safety heading/description centered above both columns; right card lower */
#safety .two-col{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  column-gap:46px !important;
  row-gap:10px !important;
  align-items:start !important;
}
#safety .two-col > .reveal:first-child{
  display:contents !important;
}
#safety .two-col > .reveal:first-child > .section-kicker{
  grid-column:1 / -1 !important;
  grid-row:1 !important;
  justify-self:center !important;
  text-align:center !important;
}
#safety .two-col > .reveal:first-child > .section-title{
  grid-column:1 / -1 !important;
  grid-row:2 !important;
  max-width:980px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
#safety .two-col > .reveal:first-child > .section-lead{
  grid-column:1 / -1 !important;
  grid-row:3 !important;
  max-width:840px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
#safety .two-col > .reveal:first-child > .check-list{
  grid-column:1 !important;
  grid-row:4 !important;
  margin-top:30px !important;
}
#safety .two-col > .info-card{
  grid-column:2 !important;
  grid-row:4 !important;
  margin-top:78px !important;
  align-self:start !important;
}

/* Requested only: Installation heading/description centered above both columns; right image lower */
#installation .two-col{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  column-gap:46px !important;
  row-gap:10px !important;
  align-items:start !important;
}
#installation .two-col > .reveal:first-child{
  display:contents !important;
}
#installation .two-col > .reveal:first-child > .section-kicker{
  grid-column:1 / -1 !important;
  grid-row:1 !important;
  justify-self:center !important;
  text-align:center !important;
}
#installation .two-col > .reveal:first-child > .section-title{
  grid-column:1 / -1 !important;
  grid-row:2 !important;
  max-width:980px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
#installation .two-col > .reveal:first-child > .section-lead{
  grid-column:1 / -1 !important;
  grid-row:3 !important;
  max-width:840px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
#installation .two-col > .reveal:first-child > .check-list{
  grid-column:1 !important;
  grid-row:4 !important;
  margin-top:30px !important;
}
#installation .two-col > .media-card{
  grid-column:2 !important;
  grid-row:4 !important;
  margin-top:78px !important;
  align-self:start !important;
}

@media (max-width:900px){
  #troubleshooting .troubleshoot-grid{
    grid-template-columns:1fr !important;
  }
  #troubleshooting .trouble,
  #troubleshooting .trouble:nth-child(1),
  #troubleshooting .trouble:nth-child(2),
  #troubleshooting .trouble:nth-child(3),
  #troubleshooting .trouble:nth-child(4){
    grid-column:1 !important;
    width:100% !important;
  }
  #safety .two-col,
  #installation .two-col{
    grid-template-columns:1fr !important;
  }
  #safety .two-col > .reveal:first-child > .section-kicker,
  #safety .two-col > .reveal:first-child > .section-title,
  #safety .two-col > .reveal:first-child > .section-lead,
  #safety .two-col > .reveal:first-child > .check-list,
  #safety .two-col > .info-card,
  #installation .two-col > .reveal:first-child > .section-kicker,
  #installation .two-col > .reveal:first-child > .section-title,
  #installation .two-col > .reveal:first-child > .section-lead,
  #installation .two-col > .reveal:first-child > .check-list,
  #installation .two-col > .media-card{
    grid-column:1 !important;
    grid-row:auto !important;
  }
  #safety .two-col > .info-card,
  #installation .two-col > .media-card{
    margin-top:20px !important;
  }
}

/* Requested only: move installation image slightly upward and add space filled by two extra setup lines */
#installation .two-col > .media-card{
  margin-top:46px !important;
}
#installation .two-col > .reveal:first-child > .check-list li:last-child,
#installation .two-col > .reveal:first-child > .check-list li:nth-last-child(2){
  margin-top:6px !important;
}

/* Requested only: make the highlighted troubleshooting card white with black text */
#troubleshooting .trouble:nth-child(1){
  background:#ffffff !important;
  border-color:var(--line) !important;
  box-shadow:0 12px 28px rgba(47,31,60,.05) !important;
}
#troubleshooting .trouble:nth-child(1) h3,
#troubleshooting .trouble:nth-child(1) p{
  color:var(--ink) !important;
}
#troubleshooting .trouble:nth-child(1) p{
  color:var(--muted) !important;
}

/* Requested only: larger header/footer keyword and one-color header category icons */
.brand-wordmark{
  font-size:1.52rem !important;
}
.footer-brand-wordmark{
  font-size:1.62rem !important;
}
.brand-wordmark .keyword-mod,
.footer-brand-wordmark .keyword-mod{
  font-size:1.12em !important;
  font-weight:900 !important;
}
.nav-home,.nav-about,.nav-features,.nav-works,.nav-compatibility,.nav-faq,.nav-guide,
.main-nav .nav-icon,
.main-nav .nav-icon svg{
  color:#7a43ad !important;
  fill:currentColor !important;
}

@media (max-width:900px){
  #installation .two-col > .media-card{
    margin-top:18px !important;
  }
  .brand-wordmark{
    font-size:1.18rem !important;
  }
  .footer-brand-wordmark{
    font-size:1.28rem !important;
  }
}


/* Requested only: use Poppins across the entire site */
html, body, button, input, textarea, select, a, p, span, div, li, td, th, label, small, strong, em, b, h1, h2, h3, h4, h5, h6 {
  font-family:"Poppins", sans-serif !important;
}

/* Requested only: give the hero copy more breathing room before the image */
@media (min-width:821px){
  .hero-shell::after{
    width:42% !important;
  }
}