/* Wizard Tools: original heraldic night-sky theme. */
:root {
  --ink:#0a1726;
  --pine:#11243a;
  --cream:#f1f3f1;
  --paper:#e9edf0;
  --orange:#b7dce9;
  --lime:#dce8f2;
  --muted:#506173;
  --line:#b9c7d3;
  --silver:#d6e2ed;
  --steel:#91a8bd;
  --jewel:#9cd9ef;
  --gold:#c3a975;
}
body {background:var(--paper);color:var(--ink)}
.display {font-family:"Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;letter-spacing:-.058em}
.eyebrow {letter-spacing:.23em;font-size:11px}
a:focus-visible {outline-color:var(--jewel)}
header {background:#071320;border-bottom:1px solid #c3a97555}
.nav {height:84px}
.brand {font-family:"Palatino Linotype",Palatino,Georgia,serif;font-weight:600;letter-spacing:.12em;font-size:19px}
.logo-badge {width:50px;height:50px;border:0;background:transparent;border-radius:50%;box-shadow:none}
.logo-badge img {width:50px;height:50px;filter:none}
.links a {text-transform:uppercase;font-size:11px;letter-spacing:.16em}
.nav-cta {border-radius:2px;border-color:#9cb5c8;padding:12px 16px}
.hero {
  background:
    radial-gradient(ellipse at 75% 38%,#27425d 0%,transparent 38%),
    radial-gradient(ellipse at 16% 0%,#223650 0%,transparent 44%),
    repeating-linear-gradient(90deg,transparent 0,transparent 143px,#8a9aab0d 144px,#8a9aab0d 145px),
    #071320;
  color:#f4f5f1;
  position:relative
}
.hero:before {content:"";position:absolute;inset:14px;border:1px solid #90a7b72e;pointer-events:none}
.hero:after {content:"✦   ✧   ✦";position:absolute;top:25px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:18px;color:#b9cbd9a8;white-space:nowrap}
.hero-inner {grid-template-columns:1.02fr .98fr;min-height:685px;gap:10px;padding-top:72px;padding-bottom:80px}
.hero-copy {position:relative;z-index:1}
.hero .eyebrow {color:#d1bb8b}
.hero h1 {font-size:clamp(58px,7.5vw,110px);margin:25px 0 25px;max-width:670px;text-wrap:balance}
.hero h1 em {color:#d7e9f4;font-style:italic;font-weight:400;text-shadow:0 0 30px #a7dff54a}
.hero .intro {max-width:515px;color:#bdcbd7;font-size:19px;line-height:1.65}
.btn {border-radius:2px;letter-spacing:.08em;text-transform:uppercase;font-size:12px;min-height:52px;padding:15px 23px}
.btn-primary {background:#dce7ed;color:#0b1a2a;border:1px solid #fff}
.btn-primary:hover {background:#fff}
.btn-secondary {border-color:#91a8bd;color:#eef4f7}
.hero-seal {display:flex;align-items:center;gap:17px;margin-top:67px;color:#96adc0;font-size:10px;letter-spacing:.27em;text-transform:uppercase}
.hero-seal span {color:#d1bb8b}
.hero-art {height:575px;display:grid;place-items:center;overflow:visible}
.hero-art img {height:min(575px,100%);width:100%;object-fit:contain;filter:drop-shadow(0 12px 45px #b4dffc22)}
.hero-art {display:block;isolation:auto}
.hero-art .star-frame {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 45px #b4dffc22)}
.hero-art .strider-logo-white {
  position:absolute;top:53%;left:50%;width:80%;height:88%;
  transform:translate(-50%,-50%);object-fit:contain;
  filter:brightness(0) invert(1);
}
.hero-art:before,.hero-art:after {display:none}
.art-label {bottom:-18px;right:50%;transform:translateX(50%);white-space:nowrap;color:#91a8bd;font-size:10px;letter-spacing:.25em}
.ribbon {padding:17px 0;background:#d6e1e9;color:#182c41;border-top:2px solid #adbdca;border-bottom:1px solid #b4c4d0}
.ribbon .wrap {font-size:10px;letter-spacing:.18em}
.ribbon span:before {content:"✦";font-size:10px;color:#718da3;margin-right:16px}
section {padding:112px 0}
.section-head h2,.story h2,.final h2 {line-height:1.03}
.section-head .eyebrow,.story .eyebrow {color:#597590}
.section-head p,.story p {color:#4d6173}
#tools {background:#0d2033;color:#eff3f6}
#tools .section-head .eyebrow {color:#c3a975}
#tools .section-head p {color:#b9cbd8}
.feature-grid {gap:18px}
.feature {border:1px solid #7893aa99;border-radius:2px;background:#162d42;box-shadow:8px 8px 0 #03101d;padding:32px;min-height:315px;position:relative}
.feature:before {content:"✦";position:absolute;top:25px;right:28px;color:#91a8bd;font-size:24px}
.feature .num {color:#b9cde0;font-size:10px;letter-spacing:.23em;border-bottom:1px solid #8ca5b966;padding-bottom:25px}
.feature h3 {font-family:"Palatino Linotype",Palatino,Georgia,serif;margin:56px 0 13px;font-size:35px}
.feature p {color:#bdd0dc}
.feature a {color:#edf5fa}
.feature a {text-decoration-color:#6b91aa;text-underline-offset:7px}
.dark {
  background:
    linear-gradient(90deg,#071320ee,#0a192ce8),
    radial-gradient(circle at 74% 43%,#264763,#081525 57%);
  color:#eff3f5;border-top:4px double #92a8ba;border-bottom:4px double #92a8ba
}
.product h2 {font-size:clamp(48px,5.4vw,72px);line-height:1.04;max-width:540px}
.product p {color:#bfced9}
.product .eyebrow {color:#d1bb8b}
.spec {border-color:#9db4c15c}
.spec strong {color:#c3a975}
.spec span {color:#d1dce5}
.shadow-frame {
  border-radius:2px;border:1px solid #90abc27a;
  background:#030c18 url("https://static.wixstatic.com/media/f49ea8_db7e73490603419d952651ec6543bbf5~mv2.png") center center / contain no-repeat;
  box-shadow:inset 0 0 0 12px #12283d, inset 0 0 0 13px #7791a04d
}
.shadow-frame:before {display:none}
.shadow-frame:after {content:"THE NEXT INVENTION";position:absolute;top:22px;left:26px;font-size:10px;letter-spacing:.27em;color:#9bb7c9}
.shadow-frame span {color:#a6bcca}
#story {background:#102337;color:#eef3f6}
#story .eyebrow {color:#c3a975}
#story p {color:#bccedb}
.quote {background:#1d394f;border:1px solid #7394a9;border-radius:2px;box-shadow:10px 10px 0 #081929;font-family:"Palatino Linotype",Palatino,Georgia,serif;color:#f0f5f7}
.quote:before {content:"✦";display:block;color:#68859b;font-size:29px;margin-bottom:24px}
.quote small {color:#a7bfd0}
.final {background:#c9dae5;border-top:1px solid #97b2c5}
.final .btn {background:#0b1a2b;color:#edf3f6}
.fine {background:#071320;color:#a9bbca;border-top:2px solid #c3a97566}
.disclaimer {color:#8599aa}
@media(max-width:900px){
  .hero-inner {display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:85px;padding-bottom:80px}
  .hero-art {position:relative;height:510px;width:min(100%,520px);right:auto;bottom:auto;opacity:1;margin:18px auto 0}
  .hero-art .star-frame {height:100%;width:100%}
  .art-label {bottom:0}
  .hero-copy {max-width:650px}
}
@media(max-width:620px){
  .nav {height:72px}
  .brand {font-size:15px;letter-spacing:.06em}
  .logo-badge {width:39px;height:39px}
  .logo-badge img {width:36px;height:36px}
  .nav-cta {padding:10px;font-size:10px!important}
  .hero-inner {min-height:0;padding-top:86px;padding-bottom:58px}
  .hero h1 {font-size:clamp(54px,12vw,72px);line-height:1.03}
  .hero .intro {font-size:17px;line-height:1.55}
  .hero-art {height:350px;width:min(100%,390px);right:auto;bottom:auto;opacity:1;margin-top:8px}
  .hero-art .strider-logo-white {width:77%}
  .art-label {font-size:8px;letter-spacing:.16em;bottom:0}
  .hero-seal {margin-top:49px}
  .hero:before {inset:8px}
  .hero:after {top:18px}
  section {padding:80px 0}
  .feature {min-height:245px}
  .feature h3 {margin-top:36px}
  .ribbon .wrap {gap:20px}
}