:root {
  color-scheme: light;
  --obsidian: #0d0f14;
  --graphite: #191c24;
  --page: #f5f6f8;
  --white: #fff;
  --ink: #171923;
  --steel: #777e8b;
  --violet: #8b5cf6;
  --violet-soft: #b39aff;
  --red: #ef4444;
  --red-deep: #c9363e;
  --line: #e3e6eb;
  --mono: "DM Mono", "SFMono-Regular", Consolas, monospace;
  --sans: "Manrope", Inter, "Segoe UI", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; background: var(--page); color: var(--ink); font-family: var(--sans); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
.section-wrap { width: min(1160px, calc(100% - 56px)); margin-inline: auto; }

.site-header { min-height: 86px; padding: 10px max(28px, calc((100% - 1320px) / 2)); display: flex; justify-content: space-between; align-items: center; gap: 28px; background: var(--obsidian); color: var(--white); border-bottom: 1px solid #ffffff14; }
.brand { display: flex; align-items: center; flex: 0 0 auto; }
.brand img { display: block; width: 178px; height: auto; }
.main-nav { display: flex; align-items: center; gap: clamp(12px, 1.9vw, 26px); font-size: 11px; color: #c3c6ce; }
.main-nav a { transition: color .18s ease, border-color .18s ease; }
.main-nav a:hover, .footer-links a:hover { color: var(--violet-soft); }
.main-nav .nav-login { color: var(--violet-soft); border: 1px solid #8b5cf660; padding: 10px 13px; }
.main-nav .nav-contact { color: var(--white); border: 1px solid #454954; padding: 10px 13px; }
.main-nav .nav-contact span { color: var(--red); margin-left: 7px; }
.menu-toggle { display: none; border: 1px solid #484c56; background: transparent; padding: 10px; }
.menu-toggle span { display: block; width: 21px; height: 1px; margin: 5px 0; background: var(--white); }

.hero { min-height: 590px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; position: relative; padding-block: 62px 74px; }
.eyebrow, .product-meta, .art-label, .hero-index, .availability, .category-row, .footer-bottom { font-family: var(--mono); letter-spacing: .11em; }
.eyebrow { display: flex; align-items: center; gap: 10px; color: var(--steel); font-size: 9px; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--red); box-shadow: 0 0 12px #ef444455; }
.hero h1 { margin: 27px 0 20px; font-size: clamp(54px, 7vw, 86px); line-height: .99; letter-spacing: -.075em; font-weight: 700; }
.accent { color: var(--violet); }
.hero-description { max-width: 420px; color: #69717f; font-size: 14px; line-height: 1.8; }
.hero-actions { display: flex; align-items: center; gap: 25px; margin-top: 32px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 20px; padding: 14px 17px; font-size: 11px; font-weight: 700; transition: transform .18s ease, background .18s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: var(--white); background: var(--violet); }
.button-primary:hover { background: #7545e5; }
.button-primary span { font-size: 16px; }
.text-link { color: #444a55; font-size: 11px; }
.text-link span { margin-left: 7px; color: var(--red); }
.text-link:hover { color: var(--violet); }
.hero-art { height: 370px; position: relative; display: grid; place-items: center; overflow: hidden; background: radial-gradient(ellipse at center, #ded8f8 0, #f0eff8 34%, transparent 72%); }
.art-orbit { position: absolute; border: 1px solid #8b5cf655; border-radius: 50%; transform: rotate(-30deg); }
.orbit-one { width: 420px; height: 170px; }
.orbit-two { width: 330px; height: 280px; transform: rotate(35deg); border-color: #ef444455; }
.art-core { width: 160px; height: 184px; display: grid; place-items: center; clip-path: polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); background: linear-gradient(145deg, #24202f, #101116); box-shadow: 0 20px 50px #17192335; }
.art-core span { color: var(--violet-soft); font-size: 37px; font-weight: 800; letter-spacing: -.12em; }
.art-label { position: absolute; color: #6c6878; font-size: 8px; }
.label-top { top: 40px; right: 6px; }
.label-bottom { bottom: 37px; left: 8px; }
.art-cross { position: absolute; color: var(--red); font: 18px var(--mono); }
.cross-one { top: 90px; left: 45px; }
.cross-two { right: 54px; bottom: 77px; }
.hero-index { position: absolute; bottom: 23px; left: 0; display: flex; align-items: center; gap: 11px; color: #898e99; font-size: 9px; }
.hero-index span:first-child { color: var(--violet); }
.index-line { width: 48px; height: 1px; background: #a9adb7; }

.ticker { overflow: hidden; border-block: 1px solid #e0e3e8; background: var(--white); }
.ticker-track { display: flex; align-items: center; gap: 32px; width: max-content; height: 51px; animation: marquee 30s linear infinite; color: #69717f; font: 9px var(--mono); letter-spacing: .15em; }
.ticker-track i { color: var(--red); font-style: normal; }
@keyframes marquee { to { transform: translateX(-50%); } }
.section-block { padding-block: 98px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 30px; }
.section-heading h2, .about-grid h2, .feature-inner h2, .blog-inner h2, .contact h2 { margin: 16px 0 0; font-size: clamp(32px, 4vw, 46px); line-height: 1.12; letter-spacing: -.06em; }
.section-intro { max-width: 370px; margin: 0 0 4px; color: var(--steel); font-size: 12px; line-height: 1.8; }
.category-row { display: flex; gap: 9px; flex-wrap: wrap; margin-bottom: 18px; }
.category-row span { padding: 9px 11px; border: 1px solid var(--line); background: var(--white); color: #626977; font-size: 8px; }
.product-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; }
.product-card { grid-column: span 3; padding: 18px; border: 1px solid var(--line); background: var(--white); }
.product-art { height: 150px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; background: linear-gradient(135deg, #eee9fc, #f8f8fa); }
.product-art:before, .product-art:after { content: ""; position: absolute; width: 150px; height: 150px; border: 1px solid #8b5cf633; transform: rotate(45deg); }
.product-art:after { width: 100px; height: 100px; border-color: #ef444455; }
.product-art>span { z-index: 1; color: var(--violet); font-size: 45px; font-weight: 800; letter-spacing: -.09em; }
.product-art small { position: absolute; right: 12px; bottom: 10px; color: #858997; font: 8px var(--mono); letter-spacing: .1em; }
.product-art-red { background: linear-gradient(135deg, #fce9ea, #f8f8fa); }
.product-art-red>span { color: var(--red-deep); font-size: 32px; }
.product-meta { display: flex; justify-content: space-between; gap: 12px; margin-top: 16px; color: var(--steel); font-size: 8px; }
.availability { color: #777e8b; font-size: 8px; white-space: nowrap; }
.availability i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: var(--violet); }
.availability.soon i { background: var(--red); }
.product-card h3, .teaser-card h3, .store-placeholder h3 { margin: 12px 0 7px; font-size: 21px; letter-spacing: -.04em; }
.product-card>p, .teaser-card p, .store-placeholder p { margin: 0; color: var(--steel); font-size: 11px; line-height: 1.75; }
.card-link { display: inline-flex; gap: 10px; align-items: center; margin-top: 16px; color: var(--ink); font-size: 10px; font-weight: 700; }
.card-link span { color: var(--red); }
.product-card-compact { grid-column: span 2; min-height: 150px; padding: 20px; }
.product-card-compact .product-meta { margin-top: 0; }
.product-card-compact h3 { margin-top: 25px; font-size: 17px; }

.dark-band { background: var(--obsidian); color: var(--white); }
.about-grid { min-height: 360px; display: grid; grid-template-columns: 1fr 2fr 120px; align-items: center; gap: 25px; position: relative; }
.about-grid>.eyebrow { align-self: start; margin-top: 68px; color: #9399a6; }
.about-grid h2 { margin-top: 0; }
.about-grid>div>p { max-width: 510px; margin: 18px 0; color: #a3a8b2; font-size: 12px; line-height: 1.9; }
.about-grid .text-link { color: #e0e2e6; }
.about-monogram { color: #242733; font-size: 72px; font-weight: 800; letter-spacing: -.14em; }
.teaser-card, .store-placeholder { display: flex; align-items: center; gap: 22px; padding: 25px; border: 1px solid var(--line); background: var(--white); }
.teaser-icon, .store-stamp { width: 54px; height: 54px; display: grid; place-items: center; flex: 0 0 auto; background: #eee9fc; color: var(--violet); font: 12px var(--mono); }
.teaser-card h3, .store-placeholder h3 { margin-top: 0; }
.teaser-card .card-link, .store-placeholder .card-link { margin: 0 0 0 auto; white-space: nowrap; }
.feature-band { background: #eeebf8; border-block: 1px solid #e1dcef; }
.feature-inner { min-height: 260px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.feature-inner>div { max-width: 580px; }
.feature-inner>div>p:last-child { max-width: 500px; color: #6d7180; font-size: 12px; line-height: 1.8; }
.button-outline { border: 1px solid #b8accf; color: var(--ink); }
.button-outline span { color: var(--red); }
.blog-band { background: var(--graphite); color: var(--white); }
.blog-inner { min-height: 250px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.blog-inner>div>p:last-child { color: #a3a8b2; font-size: 12px; }
.contact { min-height: 310px; display: grid; grid-template-columns: 1fr auto; align-items: center; position: relative; padding-block: 70px 95px; }
.contact-link { display: flex; align-items: center; gap: 24px; padding-bottom: 12px; border-bottom: 1px solid #b8bbc3; font-size: 13px; }
.contact-arrow { color: var(--red); font-size: 22px; }
.contact-note { position: absolute; right: 0; bottom: 52px; color: var(--steel); font-size: 9px; }
.not-found { min-height: 58vh; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; }
.not-found h1 { font-size: clamp(40px, 7vw, 72px); letter-spacing: -.06em; }

.site-footer { position:relative;overflow:hidden;padding:68px max(28px, calc((100% - 1160px) / 2)) 20px;background:radial-gradient(ellipse at 12% 0,#8b5cf619,transparent 38%),linear-gradient(135deg,#101116,#0b0c10 65%,#121016);color:var(--white); }
.site-footer:before { position:absolute;top:0;left:max(28px,calc((100% - 1160px)/2));right:max(28px,calc((100% - 1160px)/2));height:1px;background:linear-gradient(90deg,#8b5cf6,#ef444466,transparent);content:""; }
.footer-shell { position:relative;z-index:1;width:100%;max-width:1160px;margin:0 auto; }
.footer-main { display:grid;grid-template-columns:minmax(230px,.9fr) minmax(0,1.5fr);gap:clamp(36px,8vw,110px);padding:0 0 52px; }
.footer-brand-area { max-width:350px; }
.footer-brand { display:inline-flex;align-items:center;min-height:54px; }
.footer-brand img { display:block;width:175px;height:auto; }
.footer-brand-area>p { max-width:290px;margin:17px 0 27px;color:#a6a9b3;font-size:12px;line-height:1.75; }
.footer-contact-link { display:grid;gap:8px;padding-top:17px;border-top:1px solid #ffffff1c;color:#888d99;font-size:10px; }
.footer-contact-link span { color:#f5f5f7;font-size:13px;font-weight:750; }
.footer-contact-link b { margin-left:6px;color:#b39aff;font-size:16px; }
.footer-nav-groups { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:10px; }
.footer-nav-group { display:grid;align-content:start;gap:14px; }
.footer-nav-group h2 { margin:0 0 6px;color:#f5f5f7;font:700 9px var(--mono);letter-spacing:.13em;text-transform:uppercase; }
.footer-nav-group a { width:max-content;max-width:100%;color:#a7abb5;font-size:11px;line-height:1.35;transition:color .18s ease,transform .18s ease; }
.footer-nav-group a:hover { color:#d0c2ff;transform:translateX(2px); }
.footer-bottom { display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:17px;border-top:1px solid #ffffff18;color:#808591;font-size:9px;letter-spacing:.04em; }

@media (max-width: 1020px) {
  .site-header { padding-inline: 22px; }
  .main-nav { gap: 12px; font-size: 9px; }
  .main-nav .nav-login, .main-nav .nav-contact { padding: 9px; }
  .brand img { width: 145px; }
}
@media (max-width: 760px) {
  .section-wrap { width: calc(100% - 40px); }
  .site-header { min-height: 70px; padding-inline: 20px; }
  .brand img { width: 145px; }
  .menu-toggle { display: block; z-index: 3; }
  .main-nav { display: none; position: absolute; z-index: 2; top: 69px; left: 0; right: 0; padding: 16px 20px 22px; flex-direction: column; align-items: stretch; gap: 0; background: var(--obsidian); border-bottom: 1px solid #ffffff22; }
  .main-nav.is-open { display: flex; }
  .main-nav a { padding: 13px 0; font-size: 12px; }
  .main-nav .nav-login, .main-nav .nav-contact { padding: 12px; margin-top: 5px; }
  .hero { grid-template-columns: 1fr; min-height: auto; padding-block: 65px 64px; }
  .hero h1 { font-size: clamp(56px, 15vw, 82px); }
  .hero-art { height: 290px; margin-top: 28px; }
  .hero-index { bottom: 18px; }
  .section-block { padding-block: 70px; }
  .section-heading { align-items: flex-start; flex-direction: column; gap: 13px; }
  .section-intro { max-width: 500px; }
  .product-grid { grid-template-columns: 1fr; }
  .product-card, .product-card-compact { grid-column: auto; }
  .product-card-compact { min-height: 132px; }
  .product-meta { font-size: 7px; }
  .about-grid { min-height: 360px; grid-template-columns: 1fr; gap: 20px; padding-block: 45px; }
  .about-grid>.eyebrow { margin: 0; }
  .about-grid h2 { font-size: 36px; }
  .about-monogram { position: absolute; right: 5px; bottom: 34px; font-size: 52px; }
  .teaser-card, .store-placeholder { align-items: flex-start; flex-wrap: wrap; padding: 20px; }
  .teaser-card>div, .store-placeholder>div { flex: 1; min-width: 160px; }
  .teaser-card .card-link, .store-placeholder .card-link { margin: 3px 0 0; }
  .feature-inner, .blog-inner { min-height: 0; align-items: flex-start; flex-direction: column; padding-block: 45px; }
  .feature-inner h2, .blog-inner h2 { font-size: 36px; }
  .contact { min-height: 300px; grid-template-columns: 1fr; gap: 30px; padding-block: 65px 95px; }
  .contact h2 { font-size: 44px; }
  .contact-link { justify-self: start; }
  .contact-note { left: 0; right: auto; bottom: 34px; }
  .site-footer { padding:48px 20px 18px; }
  .site-footer:before { left:20px;right:20px; }
  .footer-main { grid-template-columns:1fr;gap:34px;padding-bottom:34px; }
  .footer-brand-area { max-width:420px; }
  .footer-brand-area>p { margin:12px 0 20px; }
  .footer-contact-link { max-width:300px; }
  .footer-nav-groups { gap:18px; }
  .footer-nav-group { gap:12px; }
  .footer-bottom { align-items:flex-start; }
}
@media(max-width:480px){
  .site-footer{padding:40px 22px 20px}
  .site-footer:before{left:22px;right:22px}
  .footer-main{gap:30px;padding-bottom:28px}
  .footer-brand-area{max-width:none}
  .footer-brand img{width:158px}
  .footer-brand-area>p{max-width:330px;margin:13px 0 18px;font-size:13px;line-height:1.7}
  .footer-contact-link{max-width:none;gap:9px;padding-top:15px;font-size:11px}
  .footer-contact-link span{font-size:15px}
  .footer-nav-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;padding-top:0}
  .footer-nav-group{gap:11px;padding-top:16px;border-top:1px solid #ffffff18}
  .footer-nav-group h2{margin-bottom:3px;font-size:10px}
  .footer-nav-group a{width:auto;font-size:13px;line-height:1.45}
  .footer-nav-group:last-child{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
  .footer-nav-group:last-child h2{grid-column:1/-1}
  .footer-bottom{padding-top:15px;font-size:9px;line-height:1.6}
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Premium services landing page: authorized cyber operations. */
.services-index-page .services-index-hero { min-height:680px;background:radial-gradient(ellipse at 75% 46%,#231742 0%,#111019 34%,#0b0d12 73%); }
.services-index-page .services-hero-grid { opacity:.2;background-size:46px 46px;mask-image:linear-gradient(90deg,transparent 3%,#000 48%,#000); }
.services-hero-noise { position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");mix-blend-mode:screen; }
.services-index-page .services-hero-inner { min-height:620px;grid-template-columns:1fr 1fr;gap:20px;padding-block:70px 40px; }
.services-index-page .services-hero-copy { max-width:670px; }
.services-index-page .services-hero-copy .eyebrow { color:#a4a7b3; }
.services-index-page .services-hero-copy h1 { margin:26px 0 23px;font-size:clamp(54px,6.15vw,82px);line-height:.96;letter-spacing:-.078em; }
.services-index-page .services-hero-copy h1 span { color:#b49aff;text-shadow:0 0 35px #8d5cf633; }
.services-index-page .services-hero-copy>p:not(.eyebrow):not(.consent-inline) { max-width:550px;font-size:14px;line-height:1.8;color:#a8adbb; }
.services-index-page .service-hero-actions { margin-top:32px; }
.services-index-page .service-hero-link { color:#e0deea;font-size:11px;transition:color .2s; }
.services-index-page .service-hero-link:hover { color:#b49aff; }
.services-index-page .consent-inline { max-width:530px;margin-top:31px;font-size:10px; }
.services-index-page .services-hero-art { height:470px;perspective:900px; }
.services-index-page .service-art-glow { width:280px;height:280px;opacity:.45;filter:blur(80px);animation:ehPulse 5s ease-in-out infinite; }
.services-index-page .service-art-ring { width:420px;height:220px;border-color:#a985ff55;animation:ehOrbit 20s linear infinite; }
.services-index-page .service-ring-two { width:340px;height:330px;border-color:#ff465b55;transform:rotate(35deg);animation:ehOrbitReverse 27s linear infinite; }
.services-index-page .service-ring-three { position:absolute;width:470px;height:390px;border:1px dashed #a985ff30;border-radius:50%;transform:rotate(-18deg);animation:ehOrbit 40s linear infinite; }
.services-index-page .services-art-core { position:relative;width:210px;height:238px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);border:1px solid #a985ff70;background:linear-gradient(145deg,#211a30,#11131c 70%);box-shadow:inset 0 0 40px #9a6cff19,0 0 65px #845dff22,0 25px 90px #0009;transform:rotateY(-10deg) rotateX(5deg);animation:ehFloat 6s ease-in-out infinite; }
.services-index-page .services-art-core:before,.services-index-page .services-art-core:after { content:"";position:absolute;inset:14px;border:1px solid #ffffff12;clip-path:inherit; }
.services-index-page .services-art-core:after { inset:30px;border-color:#8b5cf622; }
.services-index-page .services-art-core span { font-size:58px;text-shadow:0 0 24px #a680ff88; }
.services-index-page .services-art-core i { font-size:7px; }
.services-index-page .service-float { z-index:2;padding:10px 12px;background:#10121ae8;border-color:#9a82ce40;box-shadow:0 12px 35px #0004;backdrop-filter:blur(12px); }
.services-index-page .service-float-a { top:83px;left:1%;transform:rotate(-7deg); }
.services-index-page .service-float-a i { display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#33e3a1;box-shadow:0 0 12px #33e3a1; }
.services-index-page .service-float-b { right:0;bottom:85px;transform:rotate(6deg); }
.services-index-page .service-cross { text-shadow:0 0 12px #f04455;animation:ehBlink 3s ease-in-out infinite; }
.service-scanline { position:absolute;z-index:1;left:16%;right:16%;height:1px;background:linear-gradient(90deg,transparent,#d2c0ffbb,transparent);box-shadow:0 0 16px #a97cff;animation:ehScan 4.5s ease-in-out infinite; }
.service-art-coordinate { position:absolute;color:#8d8f9c;font:7px/1.8 var(--mono);letter-spacing:.12em; }
.coordinate-a { top:24px;right:8%; }.coordinate-b { bottom:30px;left:8%;color:#b9a5f2; }
.service-art-node { position:absolute;width:7px;height:7px;border:1px solid #ff596b;border-radius:50%;box-shadow:0 0 16px #ff4054;animation:ehPulse 2.5s ease-in-out infinite; }
.node-a { top:17%;left:26%; }.node-b { right:21%;bottom:17%;animation-delay:1.1s; }
.services-index-page .services-hero-bottom { color:#9b9ca9;font-size:8px; }
.services-index-page .service-list-section { padding-block:112px 118px; }
.services-index-page .services-section-heading { margin-bottom:46px; }
.services-index-page .services-section-heading h2 { font-size:clamp(42px,5vw,62px); }
.services-index-page .services-section-heading h2 span { color:#8055df; }
.services-index-page .services-section-heading>p { max-width:460px;font-size:13px; }
.services-index-page .category-card-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }
.services-index-page .category-card-grid { width:100%;max-width:none; }
.services-index-page .services-collection-card { min-height:300px;padding:22px;color:#f5f3fb;background:linear-gradient(150deg,#171821,#11131a 70%);border:1px solid #2d303d;border-top:2px solid #e53d4d;box-shadow:0 18px 55px #11131a0b;transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s;will-change:transform; }
.services-index-page .services-collection-card:before { content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--spot-x,50%) var(--spot-y,50%),#f04a5d20,transparent 44%),radial-gradient(circle at 100% 0%,#865bff25,transparent 42%),linear-gradient(115deg,#e53d4d0b,transparent 44%);opacity:.72;transition:opacity .35s;pointer-events:none; }
.services-index-page .services-collection-card:after { width:170px;height:170px;right:-90px;top:-90px;border-color:#9c7bf344; }
.services-index-page .services-collection-card:hover { transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-8px);border-color:#8060c9;border-top-color:#ff5363;box-shadow:0 26px 65px #5c3c9726,0 12px 38px #df31451a,0 0 0 1px #e53d4d1c; }
.services-index-page .services-collection-card:hover:before { opacity:1; }
.services-index-page .service-number { color:#8e94a3; }
.services-index-page .service-arrow { color:#ff5363; }
.services-index-page .service-icon { position:relative;z-index:1;width:50px;height:50px;display:grid;place-items:center;margin-top:14px;background:linear-gradient(145deg,#a82f4025,#8a5cf51c);border:1px solid #e64a5c88;box-shadow:inset 0 0 20px #e53d4d0c,0 0 22px #e53d4d12; }
.services-index-page .service-icon:before { content:"";width:22px;height:16px;border:1px solid #ff6472;box-shadow:0 0 12px #ff465455; }
.services-index-page .service-icon.icon-laptop:before { width:24px;height:16px;border-bottom-width:3px; }
.services-index-page .service-icon i,.services-index-page .service-icon b { display:none; }
.services-index-page .collection-icon:before { display:none; }
.services-index-page .collection-icon svg { position:relative;z-index:1;width:34px;height:34px;overflow:visible;stroke:#d9d5e4;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s; }
.services-index-page .collection-icon svg .icon-accent { stroke:#ff5363;stroke-width:2; }
.services-index-page .services-collection-card:hover .collection-icon svg { transform:translateY(-2px) scale(1.09);filter:drop-shadow(0 0 7px #ff405455); }
.services-index-page .service-category-label { margin-top:12px;color:#b49aff; }
.services-index-page .services-collection-card h3 { position:relative;z-index:1;margin:7px 0 5px;font-size:21px;letter-spacing:-.055em; }
.services-index-page .services-collection-card>p { position:relative;z-index:1;margin:0 0 10px;color:#9da3b1;font-size:11px;line-height:1.6; }
.services-index-page .service-card-price { position:relative;z-index:1;margin-top:0;color:#f3efff;font-size:16px; }
.services-index-page .service-card-price small { color:#9da2af;font:8px var(--mono); }
.services-index-page .service-card-link { position:relative;z-index:1;margin-top:auto;padding-top:12px;border-color:#ffffff1a;color:#cac9d3;font-size:9px; }
.services-index-page .service-card-link span { transition:transform .3s,color .3s,filter .3s; }
.services-index-page .services-collection-card:hover .service-card-link span { color:#ff6573;filter:drop-shadow(0 0 5px #ff596b88); }
.services-index-page .services-collection-card:hover .service-category-label { color:#d0baff; }
.engagement-code { position:relative;overflow:hidden;color:#f5f4fa;background:radial-gradient(ellipse at 85% 50%,#281a48,#101119 46%,#0c0e13 80%); }
.engagement-code:before { content:"";position:absolute;inset:0;opacity:.14;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,#000,transparent); }
.engagement-code-inner { position:relative;z-index:1;padding-block:100px 108px; }
.engagement-code-heading { max-width:680px;margin-bottom:42px; }
.engagement-code-heading h2 { margin:17px 0;font-size:clamp(42px,5vw,62px);line-height:1;letter-spacing:-.075em; }
.engagement-code-heading h2 span { color:#b49aff; }
.engagement-code-heading>p:last-child { max-width:530px;color:#a5a8b4;font-size:13px;line-height:1.8; }
.engagement-code-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }
.engagement-principle { position:relative;min-height:255px;padding:24px;border:1px solid #ffffff1c;background:linear-gradient(145deg,#ffffff0b,#ffffff03);backdrop-filter:blur(8px);transition:transform .3s,border-color .3s,background .3s; }
.engagement-principle:hover { transform:translateY(-5px);border-color:#9d7bfa77;background:#ffffff0d; }
.engagement-principle>span { color:#b49aff;font:8px var(--mono);letter-spacing:.13em; }
.principle-mark { width:48px;height:48px;display:grid;place-items:center;margin-top:26px;color:#d4c5ff;font-size:26px;background:#8b5cf522;border:1px solid #a17bfa55; }
.engagement-principle h3 { margin:20px 0 9px;font-size:18px;letter-spacing:-.04em; }
.engagement-principle p { max-width:340px;margin:0;color:#a3a6b2;font-size:11px;line-height:1.8; }
@keyframes ehOrbit { to { transform:rotate(332deg); } }
@keyframes ehOrbitReverse { to { transform:rotate(-325deg); } }
@keyframes ehFloat { 0%,100% { translate:0 0; } 50% { translate:0 -9px; } }
@keyframes ehPulse { 0%,100% { opacity:.45;scale:.94; } 50% { opacity:.95;scale:1.06; } }
@keyframes ehBlink { 0%,100% { opacity:.6; } 50% { opacity:1; } }
@keyframes ehScan { 0% { top:14%;opacity:0; } 12%,84% { opacity:.75; } 100% { top:86%;opacity:0; } }
@media(max-width:1000px) {
  .services-index-page .services-hero-inner { grid-template-columns:1fr .9fr; }
  .services-index-page .services-hero-copy h1 { font-size:clamp(48px,6vw,66px); }
  .services-index-page .services-hero-art { scale:.88; }
  .services-index-page .category-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:760px) {
  .services-index-page .services-hero-inner { grid-template-columns:1fr;gap:5px;padding-block:52px 25px; }
  .services-index-page .services-hero-copy h1 { font-size:clamp(44px,11vw,62px); }
  .services-index-page .services-hero-copy>p:not(.eyebrow):not(.consent-inline) { font-size:12px; }
  .services-index-page .services-hero-art { height:330px;scale:.82;transform-origin:center top;margin-bottom:-42px; }
  .services-index-page .services-hero-bottom { gap:8px;font-size:6px; }
  .services-index-page .service-list-section { padding-block:72px; }
  .services-index-page .services-section-heading { margin-bottom:28px; }
  .services-index-page .services-section-heading h2 { font-size:42px; }
  .services-index-page .category-card-grid,.engagement-code-grid { grid-template-columns:1fr; }
  .services-index-page .services-collection-card { min-height:280px;padding:19px; }
  .engagement-code-inner { padding-block:70px; }
  .engagement-code-heading { margin-bottom:28px; }
  .engagement-principle { min-height:220px; }
}
@media(prefers-reduced-motion:reduce) {
  .services-index-page .service-art-glow,.services-index-page .service-art-ring,.services-index-page .services-art-core,.services-index-page .service-cross,.service-scanline,.service-art-node { animation:none !important; }
  .services-index-page .services-collection-card,.services-index-page .collection-icon svg { transform:none !important;transition:none !important; }
}

/* Shared dropdown navigation and placeholder page layouts. */
.site-header { position: relative; z-index: 10; }
.nav-dropdown, .account-dropdown { position: relative; }
.nav-dropdown > summary, .account-dropdown > summary { display: flex; align-items: center; gap: 7px; list-style: none; cursor: pointer; }
.nav-dropdown > summary::-webkit-details-marker, .account-dropdown > summary::-webkit-details-marker, .submenu > summary::-webkit-details-marker { display: none; }
.nav-dropdown > summary::after, .account-dropdown > summary::after { content: "⌄"; color: var(--red); font-size: 12px; }
.dropdown-menu { display: none; position: absolute; top: calc(100% + 18px); left: -14px; min-width: 230px; padding: 8px; background: var(--obsidian); border: 1px solid #ffffff20; box-shadow: 0 14px 34px #0003; }
.nav-dropdown[open] > .dropdown-menu, .account-dropdown[open] > .dropdown-menu, .submenu[open] > .dropdown-menu { display: flex; flex-direction: column; }
.dropdown-menu a, .submenu > summary { display: block; padding: 11px 12px; color: #d6d8de; font-size: 10px; line-height: 1.4; white-space: nowrap; }
.dropdown-menu a:hover, .submenu > summary:hover { color: var(--violet-soft); background: #ffffff0a; }
.submenu { position: relative; }
.submenu > summary { list-style: none; cursor: pointer; }
.submenu > summary::after { content: "›"; float: right; color: var(--red); font-size: 15px; line-height: 10px; }
.nested-menu { top: -8px; left: calc(100% + 8px); }
.account-menu { right: 0; left: auto; min-width: 170px; }
.account-menu .logout-link { border-top: 1px solid #ffffff1b; color: #ff8b90; }

.inner-page { min-height: 60vh; padding-block: 82px 100px; }
.inner-page h1, .auth-card h1 { margin: 17px 0 12px; font-size: clamp(42px, 6vw, 70px); line-height: 1.05; letter-spacing: -.07em; }
.inner-intro { max-width: 620px; color: var(--steel); font-size: 13px; line-height: 1.8; }
.page-link-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 36px; }
.page-link-card { min-height: 100px; padding: 20px; display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; border: 1px solid var(--line); background: var(--white); font-size: 12px; font-weight: 700; }
.page-link-card b { color: var(--red); font-size: 16px; }
.page-link-card:hover { border-color: var(--violet); }
.page-placeholder { min-height: 150px; margin-top: 35px; padding: 24px; display: flex; align-items: center; gap: 20px; background: var(--white); border: 1px solid var(--line); }
.placeholder-mark { width: 52px; height: 52px; display: grid; place-items: center; flex: 0 0 auto; background: #eee9fc; color: var(--violet); font: 12px var(--mono); }
.page-placeholder p { color: var(--steel); font-size: 12px; line-height: 1.7; }
.auth-page { min-height: 65vh; display: grid; place-items: center; padding-block: 70px; }
.auth-card { width: min(100%, 510px); padding: clamp(26px, 6vw, 48px); background: var(--white); border: 1px solid var(--line); }
.auth-card h1 { font-size: 43px; }
.auth-card>p:not(.eyebrow) { color: var(--steel); font-size: 12px; line-height: 1.8; }
.auth-notice { margin:18px 0;padding:12px 14px;border:1px solid #d8c9fa;background:#f4f0ff;color:#51436f;font-size:11px;line-height:1.7; }
.auth-form { display:grid;gap:16px;margin-top:22px; }
.auth-form>label,.auth-name-row>label { display:grid;gap:7px;color:#34333b;font-size:10px;font-weight:700; }
.auth-form input:not([type="checkbox"]) { width:100%;min-height:45px;padding:11px 12px;border:1px solid #dfe0e6;background:#fbfbfc;color:var(--ink);font:12px var(--sans);outline:none; }
.auth-form input:focus { border-color:var(--violet);box-shadow:0 0 0 3px #8b5cf61a; }
.auth-form small { color:var(--steel);font-size:9px;font-weight:400;line-height:1.5; }
.auth-form small.auth-error { color:#b4232c; }
.auth-form .button { width:100%;border:0;cursor:pointer;font-family:var(--sans); }
.auth-name-row { display:grid;grid-template-columns:1fr 1fr;gap:13px; }
.auth-optional { color:var(--steel);font-weight:400; }
.auth-checkbox { display:flex!important;align-items:flex-start;gap:9px!important;line-height:1.6; }
.auth-checkbox input { margin:2px 0 0;accent-color:var(--violet); }
.auth-checkbox a { color:#6c4f9e;text-decoration:underline;text-underline-offset:2px; }
.auth-privacy-note { margin:0;color:var(--steel);font-size:9px;line-height:1.7; }
.auth-privacy-note a { color:#6c4f9e;text-decoration:underline;text-underline-offset:2px; }
.auth-actions>a { color:#665292;font-size:10px; }
.account-menu form { margin:0; }
.account-menu .logout-link { width:100%;display:block;padding:10px 12px;border:0;border-top:1px solid #ffffff1b;background:transparent;color:#ff8b90;text-align:left;font:inherit;font-size:10px;cursor:pointer; }
.auth-actions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-top: 25px; }
.auth-actions>a:last-child { color: var(--steel); font-size: 10px; }
.logout-button { display: inline-block; margin-top: 20px; padding: 11px 16px; border: 1px solid #e7b9bc; background:white;color: var(--red-deep); font:11px var(--sans);cursor:pointer; }

/* Branded account and recovery screens. */
body:has(.auth-page) { background:#0d0f14; }
.auth-page { position:relative;isolation:isolate;width:100%;min-height:calc(100vh - 86px);margin:0;padding:clamp(42px,7vw,88px) 24px;background:radial-gradient(ellipse at 15% 16%,#8b5cf622,transparent 34%),radial-gradient(ellipse at 88% 88%,#ef444410,transparent 30%),#0d0f14; }
.auth-page:before { position:absolute;z-index:-1;inset:0;content:"";opacity:.22;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(135deg,#000,transparent 74%); }
.auth-page .auth-card { width:min(100%,560px);padding:clamp(28px,5vw,54px);background:linear-gradient(145deg,#191c24,#111319 75%);border:1px solid #ffffff1a;border-top:2px solid #8b5cf6;box-shadow:0 28px 90px #0006;color:#f7f7fa; }
.auth-page--register .auth-card { width:min(100%,760px); }
.auth-brand { display:inline-flex;align-items:center;margin:0 0 28px; }
.auth-brand img { display:block;width:172px;height:auto; }
.auth-page .eyebrow { color:#b39aff; }
.auth-page .auth-card h1 { margin:15px 0 12px;color:#f7f7fa;font-size:clamp(36px,5vw,52px);line-height:1.04;letter-spacing:-.065em; }
.auth-page .auth-card>p:not(.eyebrow) { color:#a6a9b3;font-size:13px;line-height:1.75; }
.auth-page .auth-form { gap:18px;margin-top:27px; }
.auth-page .auth-form>label,.auth-page .auth-name-row>label,.auth-page .auth-phone-field>label:first-child { color:#e1e2e8;font-size:11px; }
.auth-page .auth-form input:not([type="checkbox"]),.auth-page .auth-country-trigger,.auth-page .auth-phone-country-row>#phone-number { min-height:49px;border-color:#373b47;background:#101218;color:#f7f7fa;font-size:13px; }
.auth-page .auth-form input::placeholder { color:#777e8b; }
.auth-page .auth-form input:focus,.auth-page .auth-country-trigger:focus { border-color:#9a73ff;box-shadow:0 0 0 3px #8b5cf626; }
.auth-page .auth-form small,.auth-page .auth-phone-field>small { color:#9297a4; }
.auth-page .auth-form small.auth-error,.auth-page .auth-phone-field>small.auth-error { color:#ff969d; }
.auth-page .auth-form .button { min-height:52px;background:linear-gradient(100deg,#8b5cf6,#7041d8); }
.auth-page .auth-form .button:hover { background:linear-gradient(100deg,#9b72fa,#8053e8); }
.auth-page .auth-actions { gap:12px 22px;margin-top:25px;padding-top:20px;border-top:1px solid #ffffff18; }
.auth-page .auth-actions>a,.auth-page .auth-actions>a:last-child { color:#c7b6ff;font-size:11px; }
.auth-page .auth-actions>a:hover,.auth-page .auth-privacy-note a { color:#e1d7ff; }
.auth-page .auth-notice { border-color:#6a55a0;background:#211b31;color:#e4dcf8; }
.auth-page .auth-optional { color:#9297a4; }
.auth-page .auth-privacy-note { color:#a6a9b3;font-size:10px; }
.auth-page .auth-privacy-note a { color:#c7b6ff; }
.auth-page .auth-country-trigger { color:#f7f7fa; }
.auth-page .auth-country-menu { border-color:#373b47;background:#171922;color:#f7f7fa; }
.auth-page .auth-country-menu input { background:#101218;color:#f7f7fa; }
@media(max-width:760px) {
  .auth-page { min-height:calc(100svh - 70px);padding:34px 18px 48px; }
  .auth-page .auth-card { padding:28px 22px; }
  .auth-brand { margin-bottom:22px; }
  .auth-brand img { width:150px; }
}
@media(max-width:420px) {
  .auth-page { padding-inline:12px; }
  .auth-page .auth-card { padding:25px 18px; }
  .auth-page .auth-card h1 { font-size:35px; }
}
@media(max-width: 760px) {
  .site-header { position: relative; }
  .main-nav { top: 100%; max-height: calc(100vh - 70px); overflow-y: auto; }
  .nav-dropdown, .account-dropdown { width: 100%; }
  .nav-dropdown > summary, .account-dropdown > summary { justify-content: space-between; padding: 13px 0; font-size: 12px; }
  .dropdown-menu, .nested-menu, .account-menu { position: static; min-width: 0; margin: 0 0 6px 10px; padding: 4px; box-shadow: none; border: 0; border-left: 1px solid #ffffff25; }
  .dropdown-menu a, .submenu > summary { white-space: normal; font-size: 11px; }
  .submenu > summary { padding: 11px 12px; }
  .submenu > summary::after { content: "⌄"; }
  .page-link-grid { grid-template-columns: 1fr; }
  .inner-page { padding-block: 62px 78px; }
  .page-placeholder { align-items: flex-start; }
  .auth-card h1 { font-size: 38px; }
  .auth-name-row { grid-template-columns:1fr; }
}

/* Home page: responsive founder story, service cards, software catalog and courses. */
.home-hero { min-height: 665px; position: relative; overflow: hidden; background: var(--obsidian); color: var(--white); }
.hero-grid-lines { position: absolute; inset: 0; opacity: .16; background-image: linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(90deg,transparent,#000 55%,#000); }
.hero-layout { min-height: 625px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 30px; position: relative; z-index: 1; padding-block: 62px 82px; }
.hero-eyebrow { color: #a6a9b2; }
.pulse-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--red); box-shadow: 0 0 0 0 #ef444477; animation: pulse 2s ease-out infinite; }
@keyframes pulse { 70% { box-shadow: 0 0 0 9px #ef444400; } 100% { box-shadow: 0 0 0 0 #ef444400; } }
.hero-copy h1 { margin: 23px 0 20px; color: #f7f7fa; font-size: clamp(53px, 6.6vw, 84px); line-height: .98; letter-spacing: -.08em; font-weight: 700; }
.hero-name { color: var(--violet-soft); }
.name-period { color: var(--red); }
.hero-title-line { color: #c6c8d1; font-size: .72em; letter-spacing: -.065em; }
.hero-lede { max-width: 470px; color: #a7abb5; font-size: 13px; line-height: 1.9; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 29px; }
.hero-secondary { display: inline-flex; align-items: center; gap: 9px; color: #d0d1d8; font-size: 10px; }
.hero-secondary span { color: var(--red); transition: transform .2s; }
.hero-secondary:hover span { transform: translateY(3px); }
.hero-note { display: flex; align-items: center; gap: 10px; margin-top: 43px; color: #777c87; font: 8px var(--mono); letter-spacing: .12em; }
.note-rule { width: 28px; height: 1px; background: var(--red); }
.hero-visual { height: 430px; display: grid; place-items: center; position: relative; isolation: isolate; }
.visual-halo { position: absolute; width: 260px; height: 260px; border-radius: 50%; filter: blur(60px); opacity: .36; z-index: -1; }
.halo-violet { background: var(--violet); transform: translate(-58px,18px); }
.halo-red { background: var(--red); width: 175px; height: 175px; transform: translate(100px,-74px); opacity: .2; }
.visual-ring { position: absolute; width: min(100%,430px); height: 205px; border: 1px solid #b39aff60; border-radius: 50%; transform: rotate(-25deg); }
.ring-b { width: 330px; height: 300px; border-color: #ef444455; transform: rotate(34deg); }
.visual-logo { width: min(88%,460px); padding: 20px; display: grid; place-items: center; background: #0d0f14dd; border: 1px solid #ffffff20; box-shadow: 0 24px 80px #0008; transform: rotate(-3deg); animation: logo-float 6s ease-in-out infinite; }
.visual-logo img { display: block; width: 100%; filter: drop-shadow(0 0 20px #8b5cf622); }
@keyframes logo-float { 50% { transform: translateY(-9px) rotate(-1deg); } }
.visual-tag { position: absolute; color: #acb0ba; font: 8px var(--mono); letter-spacing: .13em; }
.tag-top { top: 54px; right: 9px; }
.tag-bottom { bottom: 55px; left: 8px; }
.visual-cross { position: absolute; color: var(--red); font: 18px var(--mono); }
.cross-left { left: 28px; top: 109px; }
.cross-right { right: 24px; bottom: 109px; }
.visual-coordinate { position: absolute; right: -5px; bottom: 61px; display: grid; gap: 5px; color: #767b88; font: 7px var(--mono); letter-spacing: .14em; }
.visual-coordinate b { color: var(--violet-soft); font-size: 11px; }
.scroll-cue { position: absolute; right: max(28px,calc((100% - 1160px)/2)); bottom: 23px; display: flex; align-items: center; gap: 9px; color: #858a95; font: 8px var(--mono); letter-spacing: .14em; }
.scroll-cue span { width: 23px; height: 1px; background: var(--red); }
.intro-band { background: #eeebf8; border-bottom: 1px solid #e1dcef; }
.intro-band-inner { min-height: 125px; display: grid; grid-template-columns: 190px 1fr 60px; align-items: center; gap: 26px; position: relative; }
.intro-band-inner .eyebrow { color: #646477; }
.intro-band-inner>p:nth-child(2) { max-width: 700px; color: #555766; font-size: 15px; line-height: 1.7; }
.intro-band-inner strong { color: var(--ink); }
.intro-mark { color: #8b5cf633; font-size: 53px; font-weight: 800; letter-spacing: -.12em; }
.home-section { padding-block: 100px; }
.section-title-row { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 38px; }
.section-title-row h2 { max-width: 610px; margin: 15px 0 0; color: var(--ink); font-size: clamp(34px, 4.4vw, 52px); line-height: 1.07; letter-spacing: -.07em; }
.section-index { color: var(--red); margin-right: 5px; }
.title-side { max-width: 400px; }
.title-side>p { margin: 0 0 12px; color: var(--steel); font-size: 11px; line-height: 1.8; }
.inline-link { display: inline-flex; align-items: center; gap: 9px; color: var(--ink); font-size: 10px; font-weight: 700; }
.inline-link span { color: var(--red); transition: transform .18s; }
.inline-link:hover span { transform: translate(3px,-3px); }
.service-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.service-card { min-height: 305px; padding: 23px; display: flex; flex-direction: column; align-items: flex-start; position: relative; overflow: hidden; background: var(--white); border: 1px solid var(--line); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.service-card:before { content: ""; position: absolute; width: 140px; height: 140px; right: -65px; top: -72px; border: 1px solid #8b5cf622; border-radius: 50%; transition: transform .35s; }
.service-card:hover { transform: translateY(-6px); border-color: #b7a0f7; box-shadow: 0 18px 38px #1719230d; }
.service-card:hover:before { transform: scale(1.3); }
.card-index, .category-kicker { color: #888e99; font: 8px var(--mono); letter-spacing: .12em; }
.service-icon { width: 47px; height: 47px; margin-top: 24px; display: grid; place-items: center; position: relative; background: #f0ebfc; color: var(--violet); }
.icon-mobile i { width: 17px; height: 27px; border: 1px solid currentColor; border-radius: 4px; position: relative; }
.icon-mobile i:after { content: ""; position: absolute; width: 3px; height: 3px; border-radius: 50%; background: var(--red); bottom: 3px; left: 6px; }
.icon-web i { width: 27px; height: 19px; border: 1px solid currentColor; position: relative; }
.icon-web i:before { content: ""; position: absolute; left: 0; right: 0; top: 4px; border-top: 1px solid currentColor; }
.icon-web i:after { content: ""; position: absolute; left: 4px; top: 2px; width: 2px; height: 2px; border-radius: 50%; background: var(--red); }
.icon-laptop i { width: 25px; height: 17px; border: 1px solid currentColor; position: relative; }
.icon-laptop b { width: 30px; height: 1px; background: currentColor; position: absolute; bottom: 13px; }
.service-card h3 { margin: 18px 0 8px; color: var(--ink); font-size: 19px; letter-spacing: -.045em; }
.service-card>p { margin: 0 0 22px; color: var(--steel); font-size: 10px; line-height: 1.8; }
.card-foot { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 15px; border-top: 1px solid #eef0f3; color: #686e79; font: 8px var(--mono); letter-spacing: .1em; }
.card-foot b { color: var(--red); font: 15px var(--sans); transition: transform .2s; }
.service-card:hover .card-foot b, .software-card:hover .card-foot b { transform: translate(3px,-3px); }
.software-section { background: var(--obsidian); color: var(--white); overflow: hidden; }
.software-section .section-title-row h2 { color: var(--white); }
.software-section .title-side>p { color: #9da2ad; }
.software-section .inline-link { color: #f0f1f4; }
.software-category { margin-top: 50px; }
.category-heading { display: flex; justify-content: space-between; align-items: center; gap: 22px; padding-bottom: 17px; border-bottom: 1px solid #ffffff20; }
.category-heading h3 { margin: 8px 0 5px; font-size: 24px; letter-spacing: -.05em; }
.category-heading p { margin: 0; color: #969ba6; font-size: 10px; line-height: 1.7; }
.category-symbol { color: #ffffff16; font-size: 47px; font-weight: 800; letter-spacing: -.13em; }
.category-symbol span { color: var(--red); font-size: 24px; }
.software-grid { display: grid; gap: 16px; margin-top: 17px; }
.two-up { grid-template-columns: repeat(2,minmax(0,1fr)); }
.software-card { display: grid; grid-template-columns: .82fr 1.18fr; min-height: 240px; background: #171a22; border: 1px solid #ffffff1c; color: var(--white); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.software-card:hover { transform: translateY(-5px); border-color: #8b5cf688; box-shadow: 0 18px 42px #0005; }
.software-art { min-height: 240px; position: relative; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 50% 48%,#8b5cf644,transparent 50%),linear-gradient(145deg,#242032,#12141a); }
.software-art:before,.software-art:after { content: ""; position: absolute; width: 200px; height: 200px; border: 1px solid #b39aff28; border-radius: 50%; }
.software-art:after { width: 145px; height: 145px; border-color: #ef444433; }
.art-chip,.art-corner { position: absolute; color: #a8a5b2; font: 7px var(--mono); letter-spacing: .11em; }
.art-chip { left: 13px; top: 13px; }
.art-corner { right: 13px; bottom: 12px; color: #888d98; }
.device-frame { width: 72px; height: 130px; display: grid; place-items: center; position: relative; z-index: 1; border: 2px solid #c7b6fa; border-radius: 13px; background: linear-gradient(150deg,#282334,#12131a); box-shadow: 0 10px 30px #0007; transform: rotate(-8deg); }
.device-frame:before { content: ""; position: absolute; top: 6px; width: 20px; height: 3px; border-radius: 5px; background: #b39aff; }
.device-eye { color: var(--violet-soft); font-size: 30px; font-weight: 800; }
.device-frame i { position: absolute; bottom: 7px; width: 5px; height: 5px; border-radius: 50%; background: var(--red); }
.art-pcspy { background: radial-gradient(circle at 50% 48%,#ef444433,transparent 50%),linear-gradient(145deg,#29202b,#12141a); }
.monitor-frame { width: 125px; height: 88px; display: grid; place-items: center; position: relative; z-index: 1; border: 2px solid #d0c1fa; background: linear-gradient(145deg,#282334,#15161d); box-shadow: 0 10px 30px #0007; transform: perspective(300px) rotateY(-8deg); }
.monitor-frame:after { content: ""; position: absolute; left: 52px; bottom: -18px; width: 24px; height: 17px; border-bottom: 2px solid #d0c1fa; border-left: 1px solid #d0c1fa; border-right: 1px solid #d0c1fa; }
.monitor-frame span { color: var(--violet-soft); font-size: 27px; font-weight: 800; }
.software-card-body { display: flex; flex-direction: column; align-items: flex-start; padding: 18px; }
.software-meta { width: 100%; display: flex; justify-content: space-between; gap: 8px; align-items: center; color: #9da2ad; font: 7px var(--mono); letter-spacing: .08em; }
.pill { padding: 6px 7px; border: 1px solid #ffffff24; font: 7px var(--mono); letter-spacing: .07em; white-space: nowrap; }
.pill-violet { color: #c7b6fa; border-color: #8b5cf655; }
.pill-red { color: #ff999d; border-color: #ef444455; }
.pill-dark { color: #c8c2d3; background: #ffffff0a; }
.software-card-body h4 { margin: 21px 0 7px; font-size: 20px; letter-spacing: -.05em; }
.software-card-body>p { margin: 0 0 18px; color: #9da2ad; font-size: 9px; line-height: 1.8; }
.software-card .card-foot { color: #c0c3ca; border-color: #ffffff1a; }
.art-flash { background: radial-gradient(circle at center,#ef444433,transparent 52%),linear-gradient(145deg,#302025,#15151b); }
.art-bflash { background: radial-gradient(circle at center,#8b5cf644,transparent 52%),linear-gradient(145deg,#242032,#15151b); }
.flash-glyph { z-index: 1; color: #e9dffb; font-size: 53px; font-weight: 800; letter-spacing: -.13em; text-shadow: 0 0 22px #8b5cf666; }
.coming-card { min-height: 125px; margin-top: 17px; padding: 20px 24px; display: flex; align-items: center; gap: 22px; position: relative; overflow: hidden; color: var(--white); background: #171a22; border: 1px solid #ffffff1c; transition: border-color .2s,background .2s; }
.coming-card:hover { border-color: #ef444477; background: #1b1d25; }
.coming-orbit { width: 54px; height: 54px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid #ef444455; border-radius: 50%; color: var(--red); font-size: 23px; }
.coming-card h3 { margin: 5px 0; font-size: 17px; letter-spacing: -.04em; }
.coming-card p { margin: 0; color: #969ba6; font-size: 9px; }
.coming-card>.pill { margin-left: auto; }
.coming-arrow { color: var(--red); font-size: 17px; }
.courses-section { padding-bottom: 103px; }
.course-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.course-card { min-height: 300px; padding: 23px; display: flex; flex-direction: column; justify-content: space-between; position: relative; overflow: hidden; color: var(--white); background: linear-gradient(140deg,#242032,#14151b 72%); border: 1px solid #252832; transition: transform .25s ease,box-shadow .25s ease; }
.course-card:hover { transform: translateY(-5px); box-shadow: 0 18px 38px #17192322; }
.course-card:after { content: ""; position: absolute; right: -90px; top: 46px; width: 220px; height: 220px; border: 1px solid #b39aff25; border-radius: 50%; box-shadow: 0 0 0 22px #b39aff08,0 0 0 46px #b39aff06; }
.course-trade { background: linear-gradient(140deg,#271d24,#15151b 72%); }
.course-trade:after { border-color: #ef444433; box-shadow: 0 0 0 22px #ef444408,0 0 0 46px #ef444406; }
.course-top { display: flex; justify-content: space-between; align-items: start; color: #9da2ad; font: 8px var(--mono); letter-spacing: .11em; }
.course-sigil { color: var(--violet-soft); font-size: 27px; }
.course-trade .course-sigil { color: var(--red); }
.course-label { color: #b6a5ed; font: 8px var(--mono); letter-spacing: .12em; }
.course-trade .course-label { color: #f08a8e; }
.course-card h3 { margin: 10px 0; font-size: 31px; letter-spacing: -.06em; }
.course-card>div:nth-child(2)>p { max-width: 430px; color: #a5a8b1; font-size: 10px; line-height: 1.8; }
.course-action { display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 1; padding-top: 14px; border-top: 1px solid #ffffff22; color: #c0c3ca; font: 8px var(--mono); letter-spacing: .11em; }
.course-action b { color: var(--red); font: 16px var(--sans); }
.hexu-feature { overflow: hidden; background: var(--obsidian); color: var(--white); }
.feature-layout { min-height: 450px; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 70px; padding-block: 62px; }
.feature-emblem { height: 310px; display: grid; place-items: center; position: relative; color: var(--violet-soft); font-size: 90px; font-weight: 800; letter-spacing: -.13em; }
.emblem-ring { width: 225px; height: 225px; position: absolute; border: 1px solid #8b5cf655; border-radius: 50%; }
.ring-one { animation: orbit-spin 30s linear infinite; }
.ring-two { width: 285px; height: 150px; border-color: #ef444455; transform: rotate(-38deg); animation: orbit-counter 26s linear infinite; }
@keyframes orbit-spin { to { transform: rotate(360deg); } }
@keyframes orbit-counter { to { transform: rotate(322deg); } }
.feature-emblem>b { position: absolute; bottom: 16px; color: #8d929d; font: 8px var(--mono); letter-spacing: .14em; }
.feature-copy .eyebrow { color: #9da2ad; }
.feature-copy h2 { margin: 17px 0; font-size: clamp(42px,5vw,60px); line-height: .98; letter-spacing: -.075em; }
.feature-copy h2 span { color: var(--violet-soft); }
.feature-copy>p:not(.eyebrow) { max-width: 500px; color: #a4a8b2; font-size: 11px; line-height: 1.9; }
.button-outline-light { margin-top: 13px; color: var(--white); border: 1px solid #686276; }
.button-outline-light span { color: var(--red); }
.store-blog-section { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; }
.store-feature { min-height: 290px; display: grid; grid-template-columns: .75fr 1.25fr; background: var(--white); border: 1px solid var(--line); }
.store-art { min-height: 290px; display: grid; place-items: center; position: relative; overflow: hidden; color: var(--violet); background: #eeeaf7; font-size: 50px; font-weight: 800; letter-spacing: -.14em; }
.store-art:before,.store-art:after { content: ""; position: absolute; width: 170px; height: 170px; border: 1px solid #8b5cf644; border-radius: 50%; }
.store-art:after { width: 125px; height: 125px; border-color: #ef444455; }
.store-art i { width: 56px; height: 56px; position: absolute; right: 18px; top: 22px; border: 1px solid #ef444466; border-radius: 50%; }
.store-art b { position: absolute; left: 15px; bottom: 14px; color: #777e8b; font: 7px var(--mono); letter-spacing: .12em; }
.store-copy { padding: 24px; align-self: center; }
.store-copy h2,.blog-feature h2 { margin: 11px 0; font-size: 28px; line-height: 1.05; letter-spacing: -.06em; }
.store-copy>p:not(.eyebrow),.blog-feature>div>p:not(.eyebrow) { color: var(--steel); font-size: 9px; line-height: 1.8; }
.store-copy .inline-link { margin-top: 9px; }
.blog-feature { min-height: 290px; padding: 30px; display: flex; flex-direction: column; justify-content: space-between; position: relative; overflow: hidden; color: var(--white); background: var(--graphite); }
.blog-feature>div { position: relative; z-index: 1; }
.blog-feature .eyebrow { color: #b3a0ef; }
.blog-feature>div>p:not(.eyebrow) { max-width: 310px; color: #a2a5af; }
.blog-feature .button { align-self: flex-start; margin-top: 8px; }
.blog-mark { align-self: flex-end; color: #ffffff24; font-size: 42px; font-weight: 800; letter-spacing: -.12em; }
.blog-mark span { color: #ef4444aa; font: 8px var(--mono); letter-spacing: .1em; }
.contact-cta { overflow: hidden; color: var(--white); background: linear-gradient(110deg,#211b2d,#15151b 65%,#21191f); border-top: 1px solid #ffffff16; }
.contact-cta-inner { min-height: 310px; display: flex; align-items: center; justify-content: space-between; gap: 28px; position: relative; padding-block: 55px; }
.contact-cta h2 { margin: 13px 0; font-size: clamp(38px,5vw,56px); line-height: 1; letter-spacing: -.07em; }
.contact-cta-inner>div>p:last-child { color: #a3a6b0; font-size: 10px; }
.contact-cta .eyebrow { color: #b7a7e7; }
.cta-star { position: absolute; right: 10%; top: 25px; color: #ef444455; font-size: 140px; animation: orbit-spin 50s linear infinite; }
.contact-cta .button { position: relative; z-index: 1; }
.reveal { opacity: 1; transform: none; }
.motion-ready .reveal { opacity: 0; transform: translateY(20px); transition: opacity .65s ease,transform .65s cubic-bezier(.2,.7,.25,1); }
.motion-ready .reveal.is-visible { opacity: 1; transform: translateY(0); }
.service-grid .reveal:nth-child(2),.software-grid .reveal:nth-child(2),.course-grid .reveal:nth-child(2) { transition-delay: .08s; }
.service-grid .reveal:nth-child(3) { transition-delay: .16s; }

@media (min-width: 1500px) {
  .home-hero { min-height: 720px; }
  .hero-layout { min-height: 680px; }
}
@media (max-width: 1040px) {
  .home-hero { min-height: 590px; }
  .hero-layout { min-height: 550px; }
  .hero-copy h1 { font-size: clamp(52px,7vw,72px); }
  .software-card { grid-template-columns: 1fr; }
  .software-art { min-height: 175px; }
  .software-card-body { min-height: 200px; }
  .store-blog-section { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .home-hero { min-height: auto; }
  .hero-layout { min-height: 0; grid-template-columns: 1fr; gap: 16px; padding-block: 58px 70px; }
  .hero-copy h1 { margin-top: 20px; font-size: clamp(52px,13vw,76px); }
  .hero-lede { font-size: 12px; }
  .hero-note { margin-top: 28px; }
  .hero-visual { height: 270px; margin-top: 3px; }
  .visual-logo { width: min(83%,390px); }
  .visual-ring { width: 330px; height: 160px; }
  .ring-b { width: 270px; height: 230px; }
  .visual-coordinate { right: 0; bottom: 24px; }
  .tag-top { top: 23px; }
  .tag-bottom { bottom: 26px; }
  .scroll-cue { right: 20px; bottom: 15px; font-size: 7px; }
  .intro-band-inner { min-height: 0; grid-template-columns: 1fr 42px; gap: 8px; padding-block: 22px; }
  .intro-band-inner .eyebrow { grid-column: 1; }
  .intro-band-inner>p:nth-child(2) { grid-column: 1; margin: 5px 0 0; font-size: 12px; }
  .intro-mark { grid-column: 2; grid-row: 1 / span 2; font-size: 38px; }
  .home-section { padding-block: 70px; }
  .section-title-row { align-items: flex-start; flex-direction: column; gap: 14px; margin-bottom: 26px; }
  .section-title-row h2 { font-size: clamp(32px,9vw,44px); }
  .title-side { max-width: 570px; }
  .service-grid { grid-template-columns: 1fr; }
  .service-card { min-height: 260px; }
  .software-category { margin-top: 38px; }
  .category-heading h3 { font-size: 21px; }
  .category-symbol { font-size: 38px; }
  .two-up { grid-template-columns: 1fr; }
  .software-card { grid-template-columns: .78fr 1.22fr; min-height: 0; }
  .software-art { min-height: 100%; }
  .software-card-body { min-height: 235px; padding: 15px; }
  .software-meta { flex-wrap: wrap; }
  .software-card-body h4 { margin-top: 17px; font-size: 18px; }
  .software-card-body>p { font-size: 8px; }
  .coming-card { gap: 14px; padding: 17px; }
  .coming-orbit { width: 42px; height: 42px; }
  .coming-card>.pill { display: none; }
  .course-grid { grid-template-columns: 1fr; }
  .course-card { min-height: 270px; }
  .feature-layout { min-height: 0; grid-template-columns: 1fr; gap: 25px; padding-block: 52px; }
  .feature-emblem { height: 235px; font-size: 76px; }
  .emblem-ring { width: 180px; height: 180px; }
  .ring-two { width: 235px; height: 125px; }
  .feature-copy h2 { font-size: 48px; }
  .store-feature { grid-template-columns: .7fr 1.3fr; min-height: 250px; }
  .store-art { min-height: 250px; }
  .store-copy { padding: 18px; }
  .store-copy h2,.blog-feature h2 { font-size: 24px; }
  .blog-feature { min-height: 245px; padding: 24px; }
  .contact-cta-inner { min-height: 280px; align-items: flex-start; flex-direction: column; justify-content: center; gap: 20px; padding-block: 48px; }
  .cta-star { right: 2%; top: 22px; font-size: 90px; }
}
@media (max-width: 430px) {
  .software-card { grid-template-columns: 1fr; }
  .software-art { min-height: 160px; }
  .software-card-body { min-height: auto; }
  .store-feature { grid-template-columns: 1fr; }
  .store-art { min-height: 165px; }
  .store-copy { padding: 22px; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 17px; }
  .category-heading { align-items: flex-start; }
  .category-symbol { margin-top: 7px; }
  .coming-card { align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  .pulse-dot,.visual-logo,.ring-one,.ring-two,.cta-star { animation: none !important; }
  .motion-ready .reveal,.motion-ready .reveal.is-visible { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* Services catalog and service detail pages. */
.services-hero,.service-detail-hero { min-height: 565px; position: relative; overflow: hidden; color: var(--white); background: var(--obsidian); }
.services-hero-grid,.service-detail-hero-grid { position:absolute;inset:0;opacity:.14;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent,#000 45%,#000); }
.services-hero-inner { min-height: 515px; display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:34px;position:relative;z-index:1;padding-block:55px 45px; }
.services-hero-copy h1,.service-detail-copy h1 { margin:20px 0 18px;font-size:clamp(48px,6.4vw,75px);line-height:.99;letter-spacing:-.075em; }
.services-hero-copy h1 span { color:var(--violet-soft); }
.services-hero-copy>p:not(.eyebrow):not(.consent-inline) { max-width:510px;color:#a7abb5;font-size:12px;line-height:1.9; }
.service-hero-actions,.service-detail-actions { display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:25px; }
.service-hero-link,.detail-secondary { color:#d0d1d8;font-size:10px; }
.service-hero-link span,.detail-secondary span { color:var(--red);margin-left:7px; }
.consent-inline { display:flex;align-items:flex-start;gap:9px;max-width:470px;margin-top:27px;color:#a8aab2;font-size:9px;line-height:1.7; }
.consent-inline span { width:15px;height:15px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #ef444488;border-radius:50%;color:#ff9599;font:9px var(--mono); }
.services-hero-art { height:360px;display:grid;place-items:center;position:relative;isolation:isolate; }
.service-art-glow { position:absolute;width:220px;height:220px;border-radius:50%;background:var(--violet);filter:blur(70px);opacity:.28;z-index:-1; }
.service-art-ring { position:absolute;width:350px;height:190px;border:1px solid #b39aff55;border-radius:50%;transform:rotate(-28deg); }
.service-ring-two { width:280px;height:255px;border-color:#ef444455;transform:rotate(35deg); }
.services-art-core { width:190px;height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(145deg,#282435,#111218);box-shadow:0 25px 70px #0009; }
.services-art-core span { color:var(--violet-soft);font-size:44px;font-weight:800;letter-spacing:-.14em; }
.services-art-core i { color:#989ca7;font:7px var(--mono);letter-spacing:.15em;font-style:normal; }
.service-float { position:absolute;padding:8px 10px;background:#181923;border:1px solid #ffffff22;color:#c4c5ce;font:7px var(--mono);letter-spacing:.11em; }
.service-float-a { top:57px;left:4px;transform:rotate(-8deg); }
.service-float-b { right:1px;bottom:60px;transform:rotate(7deg); }
.service-cross { position:absolute;color:var(--red);font:18px var(--mono); }
.service-cross-a { top:60px;right:54px; }
.service-cross-b { bottom:45px;left:47px; }
.services-hero-bottom { display:flex;align-items:center;gap:12px;position:relative;z-index:1;padding-bottom:18px;color:#818691;font:7px var(--mono);letter-spacing:.13em; }
.hero-bottom-line { height:1px;width:45px;background:var(--red); }
.service-overview-strip { background:#eeebf8;border-bottom:1px solid #e1dcef; }
.overview-strip-inner { min-height:110px;display:flex;align-items:center;gap:35px; }
.overview-strip-inner>div { display:flex;align-items:center;gap:10px;color:#474957;font-size:9px;line-height:1.35; }
.overview-strip-inner>div strong { color:var(--violet);font:10px var(--mono); }
.overview-strip-inner>p { margin-left:auto;color:#686c78;font-size:10px; }
.service-list-section { padding-block:100px; }
.services-section-heading { display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:45px;margin-bottom:35px; }
.services-section-heading h2,.approach-copy h2,.standards-heading h2,.faq-intro h2,.detail-overview h2,.process-heading h2,.detail-faq-intro h2 { margin:15px 0 0;font-size:clamp(34px,4.6vw,51px);line-height:1.05;letter-spacing:-.07em; }
.services-section-heading>p,.approach-copy>p:not(.eyebrow),.standards-grid p,.faq-intro>p:not(.eyebrow),.detail-overview-copy>p:not(.eyebrow),.process-heading>p:not(.eyebrow),.detail-faq-intro>p:not(.eyebrow) { color:var(--steel);font-size:11px;line-height:1.85; }
.service-detail-card-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px; }
.service-detail-card { min-height:340px;padding:21px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;background:var(--white);border:1px solid var(--line);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.service-detail-card:after { content:"";position:absolute;width:125px;height:125px;right:-65px;top:-65px;border:1px solid #8b5cf622;border-radius:50%;transition:transform .3s ease; }
.service-detail-card:hover { transform:translateY(-6px);border-color:#b7a0f7;box-shadow:0 18px 38px #17192310; }
.service-detail-card:hover:after { transform:scale(1.4); }
.service-detail-card-top { width:100%;display:flex;justify-content:space-between;align-items:center; }
.service-number,.service-category-label { color:#858b96;font:8px var(--mono);letter-spacing:.12em; }
.service-arrow { color:var(--red);font-size:17px; }
.service-detail-card .service-icon { margin-top:23px; }
.service-category-label { margin-top:20px;color:var(--violet); }
.service-detail-card h3 { margin:10px 0 8px;font-size:19px;letter-spacing:-.045em; }
.service-detail-card>p { margin:0 0 18px;color:var(--steel);font-size:10px;line-height:1.8; }
.service-card-link { width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;border-top:1px solid #eef0f3;color:#505661;font:8px var(--mono);letter-spacing:.1em; }
.service-card-link span { color:var(--red);font:15px var(--sans);transition:transform .2s; }
.service-detail-card:hover .service-card-link span { transform:translate(3px,-3px); }
.service-approach-band { color:var(--white);background:var(--obsidian); }
.approach-layout { min-height:480px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:65px;padding-block:70px; }
.approach-copy h2 { color:var(--white); }
.approach-copy h2 span { color:var(--violet-soft); }
.approach-copy>p:not(.eyebrow) { max-width:420px;color:#a3a7b1; }
.approach-copy .button { margin-top:15px; }
.approach-steps { border-top:1px solid #ffffff22; }
.approach-step { min-height:78px;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;border-bottom:1px solid #ffffff22; }
.approach-step>span { color:var(--red);font:9px var(--mono); }
.approach-step h3 { margin:0 0 4px;font-size:12px; }
.approach-step p { margin:0;color:#999eaa;font-size:9px;line-height:1.7; }
.service-standards { padding-block:95px; }
.standards-heading { display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:32px; }
.standards-heading h2 { font-size:clamp(32px,4vw,45px); }
.standards-heading .eyebrow { align-self:start; }
.standards-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px; }
.standard-card { min-height:195px;padding:22px;border:1px solid var(--line);background:var(--white); }
.standard-card>span { color:var(--red);font:8px var(--mono);letter-spacing:.11em; }
.standard-card h3 { margin:26px 0 8px;font-size:17px;letter-spacing:-.04em; }
.standard-card p { margin:0; }
.services-faq-section,.service-detail-faq { background:#eeebf8;border-block:1px solid #e1dcef; }
.services-faq-layout,.detail-faq-layout { display:grid;grid-template-columns:.7fr 1.3fr;gap:75px;padding-block:90px; }
.faq-intro h2,.detail-faq-intro h2 { font-size:clamp(34px,4.2vw,47px); }
.faq-intro>p:not(.eyebrow),.detail-faq-intro>p:not(.eyebrow) { max-width:320px; }
.faq-intro .inline-link,.detail-faq-intro .inline-link { margin-top:10px; }
.faq-list { border-top:1px solid #d5d1e0; }
.faq-item { border-bottom:1px solid #d5d1e0; }
.faq-item summary { list-style:none;cursor:pointer;position:relative;padding:18px 35px 18px 0;color:var(--ink);font-size:11px;font-weight:700; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary:after { content:"+";position:absolute;right:2px;top:16px;color:var(--red);font-size:17px;font-weight:400;transition:transform .2s; }
.faq-item[open] summary:after { transform:rotate(45deg); }
.faq-item>p { max-width:650px;margin:0;padding:0 28px 18px 0;color:#626977;font-size:10px;line-height:1.8; }
.services-final-cta,.service-detail-cta { color:var(--white);background:linear-gradient(115deg,#241e32,#15151b 70%,#21191f); }
.final-cta-inner,.detail-cta-inner { min-height:285px;display:flex;justify-content:space-between;align-items:center;gap:25px;position:relative;overflow:hidden;padding-block:45px; }
.final-cta-inner h2,.detail-cta-inner h2 { margin:12px 0;font-size:clamp(36px,5vw,53px);line-height:1;letter-spacing:-.07em; }
.final-cta-inner>div>p:last-child,.detail-cta-inner>div>p:last-child { color:#a4a7b0;font-size:10px; }
.final-cta-inner>.button,.detail-cta-inner>.button { z-index:1; }
.cta-orbit { position:absolute;right:14%;top:26px;color:#ffffff14;font-size:130px;font-weight:800;letter-spacing:-.12em; }

/* Individual service detail page. */
.service-detail-hero { min-height:570px; }
.service-detail-hero-layout { min-height:540px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:65px;position:relative;z-index:1;padding-block:48px; }
.breadcrumbs { display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:25px;color:#9297a2;font-size:8px; }
.breadcrumbs a:hover { color:var(--violet-soft); }
.breadcrumbs span:last-child { color:#d2d3d8; }
.service-detail-copy h1 { max-width:700px;font-size:clamp(42px,5.4vw,66px); }
.service-detail-lede { max-width:590px;color:#a8acb6;font-size:11px;line-height:1.9; }
.service-detail-actions .detail-secondary { color:#dddde2; }
.service-summary-card { min-height:330px;padding:27px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;background:linear-gradient(145deg,#1b1b26,#111218);border:1px solid #ffffff23;box-shadow:0 25px 70px #0005; }
.service-summary-card:after { content:"";position:absolute;width:220px;height:220px;right:-125px;top:-112px;border:1px solid #8b5cf655;border-radius:50%;box-shadow:0 0 0 18px #8b5cf60a; }
.summary-kicker,.summary-category,.summary-foot { color:#969ba6;font:8px var(--mono);letter-spacing:.12em; }
.summary-icon { width:53px;height:53px;display:grid;place-items:center;margin-top:24px;background:#8b5cf622;color:var(--violet-soft);font-size:26px; }
.summary-category { margin-top:19px;color:var(--violet-soft); }
.service-summary-card h2 { margin:8px 0;color:var(--white);font-size:21px;letter-spacing:-.05em; }
.service-summary-card>p { margin:0;color:#a3a7b1;font-size:9px;line-height:1.75; }
.summary-rule { width:100%;height:1px;margin-top:auto;margin-bottom:14px;background:#ffffff1c; }
.summary-foot { display:flex;align-items:center;gap:8px;font-size:7px; }
.summary-foot i { width:6px;height:6px;border-radius:50%;background:var(--red); }
.detail-overview { display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:65px;padding-block:90px; }
.detail-overview-copy h2 { font-size:clamp(33px,4vw,45px); }
.detail-overview-copy>p:not(.eyebrow) { max-width:600px; }
.service-notice { display:flex;align-items:flex-start;gap:15px;padding:22px;background:#fff5f4;border:1px solid #f3d3d3; }
.notice-mark { width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #ef444477;border-radius:50%;color:var(--red-deep);font:12px var(--mono); }
.service-notice h3 { margin:2px 0 7px;font-size:13px; }
.service-notice p { margin:0;color:#6c6670;font-size:9px;line-height:1.8; }
.service-highlights-band { padding-block:85px;background:#f0eff4;border-block:1px solid #e5e4e9; }
.detail-section-heading { margin-bottom:28px; }
.highlight-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }
.highlight-card { min-height:180px;padding:21px;background:var(--white);border:1px solid #e5e4e9; }
.highlight-card>span { color:var(--red);font:8px var(--mono); }
.highlight-card h3 { margin:25px 0 8px;font-size:16px;letter-spacing:-.04em; }
.highlight-card p { margin:0;color:var(--steel);font-size:9px;line-height:1.8; }
.service-process { display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;padding-block:95px; }
.process-heading h2 { font-size:clamp(34px,4vw,46px); }
.process-heading>p:not(.eyebrow) { max-width:320px; }
.process-list { border-top:1px solid var(--line); }
.process-row { display:grid;grid-template-columns:43px 1fr 20px;align-items:center;gap:14px;min-height:85px;border-bottom:1px solid var(--line); }
.process-number { color:var(--red);font:9px var(--mono); }
.process-row h3 { margin:0 0 5px;font-size:12px; }
.process-row p { margin:0;color:var(--steel);font-size:9px;line-height:1.7; }
.process-plus { color:var(--violet);font-size:18px; }
.detail-faq-layout { grid-template-columns:.7fr 1.3fr; }

@media(max-width:1000px) {
  .services-hero-inner { grid-template-columns:1fr .8fr;gap:20px; }
  .services-hero-copy h1 { font-size:clamp(45px,6vw,62px); }
  .service-detail-hero-layout { grid-template-columns:1fr .8fr;gap:35px; }
  .service-summary-card { min-height:300px; }
  .services-faq-layout,.detail-faq-layout { gap:42px; }
}
@media(max-width:760px) {
  .services-hero { min-height:auto; }
  .services-hero-inner { min-height:0;grid-template-columns:1fr;gap:0;padding-block:52px 30px; }
  .services-hero-copy h1 { font-size:clamp(44px,11vw,62px); }
  .services-hero-art { height:260px; }
  .service-art-ring { width:290px;height:160px; }
  .service-ring-two { width:240px;height:220px; }
  .services-art-core { width:150px;height:174px; }
  .services-hero-bottom { padding-bottom:15px; }
  .service-overview-strip .section-wrap { width:calc(100% - 40px); }
  .overview-strip-inner { min-height:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-block:19px; }
  .overview-strip-inner>div { gap:6px;font-size:8px; }
  .overview-strip-inner>p { grid-column:1/-1;margin:4px 0 0;font-size:9px; }
  .service-list-section { padding-block:70px; }
  .services-section-heading { grid-template-columns:1fr;gap:12px;margin-bottom:25px; }
  .services-section-heading h2 { font-size:40px; }
  .service-detail-card-grid { grid-template-columns:1fr; }
  .service-detail-card { min-height:300px; }
  .approach-layout { min-height:0;grid-template-columns:1fr;gap:35px;padding-block:55px; }
  .approach-copy h2 { font-size:40px; }
  .service-standards { padding-block:70px; }
  .standards-heading { align-items:flex-start;flex-direction:column;gap:10px; }
  .standards-grid { grid-template-columns:1fr; }
  .standard-card { min-height:165px; }
  .services-faq-layout,.detail-faq-layout { grid-template-columns:1fr;gap:32px;padding-block:65px; }
  .faq-intro h2,.detail-faq-intro h2 { font-size:40px; }
  .final-cta-inner,.detail-cta-inner { min-height:0;align-items:flex-start;flex-direction:column;padding-block:45px; }
  .cta-orbit { right:1%;top:18px;font-size:87px; }
  .service-detail-hero { min-height:auto; }
  .service-detail-hero-layout { min-height:0;grid-template-columns:1fr;gap:30px;padding-block:28px 45px; }
  .service-detail-copy h1 { font-size:clamp(40px,10vw,58px); }
  .service-summary-card { min-height:260px; }
  .detail-overview { grid-template-columns:1fr;gap:25px;padding-block:65px; }
  .detail-overview h2,.process-heading h2 { font-size:40px; }
  .service-highlights-band { padding-block:65px; }
  .highlight-grid { grid-template-columns:1fr; }
  .highlight-card { min-height:145px; }
  .highlight-card h3 { margin-top:18px; }
  .service-process { grid-template-columns:1fr;gap:24px;padding-block:65px; }
}

.service-card-price { display:block;margin:0 0 12px;color:#241c32;font-size:18px;letter-spacing:-.04em; }
.service-card-price small { font:8px var(--mono);letter-spacing:.08em;color:#777; }
.service-detail-price { display:inline-block;margin:0 0 17px;color:#fff;font:800 clamp(22px,3vw,31px) var(--display);letter-spacing:-.05em; }
.service-detail-price small { color:#aaa7b2;font:9px var(--mono);letter-spacing:.1em; }
.category-card-grid { grid-template-columns:repeat(2,minmax(0,1fr));max-width:790px; }
.service-category-hero .breadcrumbs { margin-bottom:20px; }

/* Premium Hacking collection: animated, CSS-only security console and Hexu cards. */
.premium-hacking-category-hero { background:radial-gradient(ellipse at 76% 47%,#5928a51c,transparent 37%),radial-gradient(ellipse at 14% 92%,#df263018,transparent 33%),#0d0e13; }
.premium-hacking-category-hero .services-hero-grid { opacity:.2;background-size:46px 46px;mask-image:radial-gradient(ellipse at 72% 48%,#000 0,transparent 66%); }
.premium-hacking-category-hero .services-hero-copy h1 { max-width:680px;font-size:clamp(48px,6.1vw,76px); }
.hacking-hero-kicker { display:flex;align-items:center;gap:8px;margin:20px 0 0;color:#ff6a74;font:8px var(--mono);letter-spacing:.15em; }
.hacking-hero-kicker i,.hacking-readout-bottom span i { width:6px;height:6px;display:inline-block;border-radius:50%;background:#ff5967;box-shadow:0 0 13px #ff334c;animation:hacking-pulse 1.8s ease-in-out infinite; }
.hacking-hero-kicker span { color:#777b87; }
.hacking-hero-art { height:390px; }
.hacking-hero-art .service-art-glow { width:270px;height:270px;background:#7d49ef;opacity:.25;filter:blur(80px);animation:hacking-glow 7s ease-in-out infinite alternate; }
.hacking-hero-art .service-art-ring { width:370px;height:220px;border-color:#a67bff69;animation:hacking-orbit 18s linear infinite; }
.hacking-hero-art .service-ring-two { width:300px;height:300px;border-color:#fb4e5b66;animation:hacking-orbit 23s linear infinite reverse; }
.hacking-hero-art .services-art-core { z-index:2;width:205px;height:230px;clip-path:polygon(22% 0,78% 0,100% 50%,78% 100%,22% 100%,0 50%);background:linear-gradient(145deg,#22202cdd,#111218f2);border:1px solid #ffffff26;box-shadow:0 20px 75px #0009,inset 0 0 45px #9a62ff12;animation:hacking-core 6s ease-in-out infinite; }
.hacking-hero-art .services-art-core span { font-size:53px;letter-spacing:-.09em;text-shadow:0 0 24px #b99aff7a; }
.hacking-hero-art .services-art-core i { color:#bab2cb; }
.hacking-scan-grid { position:absolute;inset:44px 32px;background:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse,#000 20%,transparent 72%); }
.hacking-scanline { position:absolute;z-index:3;left:13%;right:13%;height:1px;background:linear-gradient(90deg,transparent,#ff5867,#a879ff,transparent);box-shadow:0 0 15px #a879ff;animation:hacking-scan 5.5s ease-in-out infinite; }
.hacking-orbit-node { position:absolute;z-index:4;width:8px;height:8px;border:1px solid #ff6978;border-radius:50%;background:#ff5967;box-shadow:0 0 16px #ff5967; }
.hacking-node-one { top:82px;left:22%;animation:hacking-node 5s ease-in-out infinite; }
.hacking-node-two { right:20%;bottom:87px;background:#a879ff;border-color:#b99aff;box-shadow:0 0 16px #a879ff;animation:hacking-node 6.5s ease-in-out infinite reverse; }
.hacking-readout { position:absolute;z-index:5;left:50%;width:min(380px,90%);transform:translateX(-50%);display:flex;justify-content:space-between;gap:15px;padding:10px 12px;border:1px solid #ffffff23;background:#111218e8;box-shadow:0 12px 32px #0005;color:#9297a3;font:7px var(--mono);letter-spacing:.12em; }
.hacking-readout-top { top:40px; }
.hacking-readout-top b { color:#c4a8ff;font-weight:500; }
.hacking-readout-bottom { bottom:41px;align-items:center; }
.hacking-readout-bottom span { display:flex;align-items:center;gap:7px;color:#eeeaf5; }
.hacking-readout-bottom span i { width:5px;height:5px; }
.hacking-readout-bottom b { color:#a8aab4;font-weight:500; }
.hacking-hero-art .service-float { z-index:6;font-size:6px; }
.premium-hacking-service-list { padding-top:88px;padding-bottom:92px; }
.premium-hacking-service-list .services-section-heading h2 span { color:var(--violet); }
.premium-hacking-service-list .service-detail-card-grid { gap:17px; }
.premium-hacking-service-card { min-height:320px;padding:22px;color:#f4f3f8;background:radial-gradient(ellipse at 100% 0%,#61288c38,transparent 46%),linear-gradient(145deg,#1a1921,#101116 72%);border:1px solid #39333f;box-shadow:0 15px 40px #19132312;transition:transform .35s cubic-bezier(.2,.75,.2,1),border-color .3s,box-shadow .3s,background .3s; }
.premium-hacking-service-card:before { content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(180deg,#ff5967,#a879ff 68%,transparent);transform:scaleY(.2);transform-origin:top;transition:transform .35s ease; }
.premium-hacking-service-card:after { width:160px;height:160px;right:-82px;top:-82px;border-color:#a879ff40;box-shadow:0 0 0 18px #a879ff08,0 0 0 38px #ff596708; }
.premium-hacking-service-card:hover { transform:translateY(-7px);border-color:#8c5be0;box-shadow:0 22px 55px #311d4b26; }
.premium-hacking-service-card:hover:before { transform:scaleY(1); }
.premium-hacking-service-card .service-number { color:#9b9ba8; }
.premium-hacking-service-card .service-arrow { color:#ff6570;transition:transform .3s ease; }
.premium-hacking-service-card:hover .service-arrow { transform:translate(3px,-3px); }
.premium-hacking-service-card .service-icon { margin-top:20px;border:1px solid #a879ff50;background:linear-gradient(145deg,#8c56ff22,#ff59670c);box-shadow:inset 0 0 20px #9a68ff12; }
.premium-hacking-service-card .service-category-label { color:#bc9aff;font-size:7px; }
.premium-hacking-service-card h3 { color:#f6f4fa;font-size:20px; }
.premium-hacking-service-card>p { color:#a6a6b2; }
.premium-hacking-service-card .service-card-price { margin-top:auto;color:#fff; }
.premium-hacking-service-card .service-card-price small { color:#9293a0; }
.premium-hacking-service-card .service-card-link { border-color:#ffffff20;color:#d5d2dc; }
.premium-hacking-service-card .service-card-link span { color:#ff6570; }
@keyframes hacking-pulse { 50% { opacity:.48;box-shadow:0 0 4px #ff334c; } }
@keyframes hacking-glow { to { transform:translate(18px,-12px) scale(1.15);opacity:.36; } }
@keyframes hacking-orbit { to { transform:rotate(332deg); } }
@keyframes hacking-core { 50% { transform:translateY(-7px);box-shadow:0 28px 80px #000a,inset 0 0 58px #9a62ff20; } }
@keyframes hacking-scan { 0%,100% { top:15%;opacity:0; } 15%,80% { opacity:.8; } 50% { top:85%; } }
@keyframes hacking-node { 50% { transform:translate(10px,-12px); } }
@media(max-width:760px) { .hacking-hero-art { height:300px; }.hacking-readout { width:88%;font-size:6px; }.hacking-readout-top { top:18px; }.hacking-readout-bottom { bottom:20px; }.premium-hacking-service-list { padding-block:65px; } }
@media(prefers-reduced-motion:reduce) { .hacking-hero-kicker i,.hacking-readout-bottom span i,.hacking-hero-art .service-art-glow,.hacking-hero-art .service-art-ring,.hacking-hero-art .services-art-core,.hacking-scanline,.hacking-orbit-node { animation:none!important; }.premium-hacking-service-card,.premium-hacking-service-card:before,.premium-hacking-service-card .service-arrow { transition:none!important; } }

/* Data Recovery collection: careful, reassuring visual language with a CSS-only animated drive. */
.data-recovery-category-hero { overflow:hidden;background:radial-gradient(ellipse at 78% 48%,#7548d31c,transparent 39%),radial-gradient(ellipse at 12% 92%,#f0445515,transparent 34%),linear-gradient(115deg,#0d0e13,#111019 68%,#100f17); }
.data-recovery-category-hero .services-hero-grid { opacity:.18;background-size:48px 48px;mask-image:radial-gradient(ellipse at 75% 50%,#000,transparent 70%); }
.data-recovery-category-hero .services-hero-copy h1 { max-width:720px;font-size:clamp(46px,5.5vw,72px);line-height:.99; }
.data-recovery-category-hero .services-hero-copy h1 span { color:#b99aff; }
.data-recovery-category-hero .services-hero-copy>p:not(.eyebrow):not(.recovery-hero-kicker) { max-width:570px; }
.recovery-hero-kicker { display:flex;align-items:center;gap:9px;margin:21px 0 0;color:#c8aaff;font:8px var(--mono);letter-spacing:.14em; }
.recovery-hero-kicker i,.recovery-drive-status>span i { width:6px;height:6px;display:inline-block;border-radius:50%;background:#ff6875;box-shadow:0 0 14px #ff526b;animation:recovery-status 2.1s ease-in-out infinite; }
.recovery-hero-kicker span { color:#777b87; }
.recovery-hero-art { height:410px;perspective:900px; }
.recovery-hero-art .service-art-glow { width:270px;height:270px;background:#7444d7;opacity:.23;filter:blur(80px);animation:recovery-glow 8s ease-in-out infinite alternate; }
.recovery-hero-art .service-art-ring { width:410px;height:250px;border-color:#a77aff35;border-radius:22px;transform:rotate(-7deg);animation:none; }
.recovery-hero-art .service-ring-two { width:315px;height:315px;border-color:#ff5f6a30;border-radius:22px;transform:rotate(8deg);animation:none; }
.recovery-scan-grid { position:absolute;inset:38px 24px;background:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse,#000 18%,transparent 75%); }
.recovery-drive { position:relative;z-index:2;width:min(370px,76%);height:260px;padding:15px 17px;border:1px solid #a879ff50;background:linear-gradient(145deg,#1b1925ee,#101116f5);box-shadow:0 28px 90px #0009,inset 0 0 45px #8b5cf610;transform:rotateY(-9deg) rotateX(3deg);animation:recovery-float 6s ease-in-out infinite; }
.recovery-drive:before { content:"";position:absolute;inset:7px;border:1px solid #ffffff0b;pointer-events:none; }
.recovery-drive-top,.recovery-drive-status { position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#858894;font:7px var(--mono);letter-spacing:.13em; }
.recovery-drive-top b { color:#c1a3ff;font-weight:500; }
.recovery-disc { position:absolute;left:50%;top:50%;width:122px;height:122px;display:grid;place-items:center;border:1px solid #a879ff65;border-radius:25px;transform:translate(-50%,-50%) rotate(45deg);background:linear-gradient(145deg,#282139,#14131b 68%);box-shadow:0 0 35px #8a5bff18,inset 0 0 30px #8a5bff13;animation:recovery-disc-breathe 5.5s ease-in-out infinite; }
.recovery-disc:before,.recovery-disc:after { content:"";position:absolute;inset:10px;border:1px dashed #a879ff36;border-radius:19px; }
.recovery-disc:after { inset:25px;border-style:solid;border-color:#ff64734d;border-radius:13px; }
.recovery-disc i { position:absolute;width:5px;height:5px;border-radius:50%;background:#ff6875;box-shadow:0 0 11px #ff526b; }
.recovery-disc i:nth-child(1) { top:13px;left:18px; }.recovery-disc i:nth-child(2) { right:18px;bottom:17px;background:#b99aff; }.recovery-disc i:nth-child(3) { left:17px;bottom:17px; }
.recovery-disc span { color:#c3a7ff;font:700 28px var(--display);letter-spacing:-.08em;transform:rotate(-45deg); }
.recovery-drive-status { position:absolute;left:17px;right:17px;bottom:15px;padding-top:11px;border-top:1px solid #ffffff1c; }
.recovery-drive-status>span { display:flex;align-items:center;gap:7px;color:#e8e4f0; }.recovery-drive-status>span i { width:5px;height:5px; }
.recovery-drive-status b { color:#999aa6;font-weight:500; }
.recovery-sweep { position:absolute;z-index:3;left:19%;right:19%;height:1px;top:18%;background:linear-gradient(90deg,transparent,#a879ff,#ff6875,transparent);box-shadow:0 0 15px #a879ff;animation:recovery-scan 5.6s ease-in-out infinite; }
.recovery-orbit-node { position:absolute;z-index:4;width:7px;height:7px;border-radius:50%;background:#b99aff;box-shadow:0 0 14px #a879ff; }.recovery-node-one { top:68px;left:22%;animation:recovery-node 5s ease-in-out infinite; }.recovery-node-two { right:21%;bottom:72px;background:#ff6875;box-shadow:0 0 14px #ff526b;animation:recovery-node 6s ease-in-out infinite reverse; }
.recovery-hero-art .service-float { z-index:5;font-size:6px; }
.data-recovery-service-list { padding-block:72px; }
.data-recovery-service-list .services-section-heading { margin-bottom:24px; }
.data-recovery-service-list .service-detail-card-grid { gap:12px; }
.data-recovery-static-card { min-height:270px;padding:18px 20px;cursor:default;border-radius:0 22px 0 22px; }
.data-recovery-static-card:after { border-radius:0 22px 0 22px; }
.data-recovery-static-card .service-icon { margin-top:14px; }
.data-recovery-static-card .service-category-label { margin-top:13px; }
.data-recovery-static-card h3 { margin:8px 0 7px; }
.data-recovery-static-card>p { margin-bottom:12px; }
.data-recovery-static-card .service-card-price { margin-top:auto; }
.data-recovery-static-card:hover { transform:none;border-color:var(--line);box-shadow:none; }
.data-recovery-static-card .service-detail-card-top { margin-bottom:12px; }
@keyframes recovery-status { 50% { opacity:.48;box-shadow:0 0 4px #ff526b; } }
@keyframes recovery-glow { to { transform:translate(16px,-10px) scale(1.12);opacity:.34; } }
@keyframes recovery-float { 50% { transform:translateY(-7px) rotateY(-6deg) rotateX(2deg); } }
@keyframes recovery-disc-breathe { 50% { box-shadow:0 0 44px #8a5bff2d,inset 0 0 34px #8b5cf626; } }
@keyframes recovery-scan { 0%,100% { top:17%;opacity:0; } 18%,82% { opacity:.8; } 50% { top:83%; } }
@keyframes recovery-node { 50% { translate:9px -12px; } }
@media(max-width:760px) { .recovery-hero-art { height:320px; }.recovery-drive { width:min(340px,82%);height:230px; }.data-recovery-service-list { padding-block:56px; }.data-recovery-static-card { min-height:245px; }.data-recovery-category-hero .services-hero-copy h1 { font-size:clamp(42px,11vw,58px); } }
@media(prefers-reduced-motion:reduce) { .recovery-hero-kicker i,.recovery-drive-status>span i,.recovery-hero-art .service-art-glow,.recovery-hero-art .service-art-ring,.recovery-drive,.recovery-disc,.recovery-sweep,.recovery-orbit-node { animation:none!important; } }

/* Social account recovery collection: platform-neutral, owner-first support visual. */
.social-recovery-category-hero { overflow:hidden;background:radial-gradient(ellipse at 79% 47%,#7950d821,transparent 39%),radial-gradient(ellipse at 13% 92%,#ef526b17,transparent 34%),linear-gradient(115deg,#0d0e13,#111019 68%,#100f17); }
.social-recovery-category-hero .services-hero-grid { opacity:.18;background-size:48px 48px;mask-image:radial-gradient(ellipse at 75% 50%,#000,transparent 70%); }
.social-recovery-category-hero .services-hero-copy h1 { max-width:720px;font-size:clamp(46px,5.5vw,72px);line-height:.99; }
.social-recovery-category-hero .services-hero-copy h1 span { color:#b99aff; }
.social-recovery-category-hero .services-hero-copy>p:not(.eyebrow):not(.recovery-hero-kicker) { max-width:570px; }
.social-recovery-hero-art { height:410px; }
.social-recovery-hero-art .service-art-glow { width:270px;height:270px;background:#7444d7;opacity:.21;filter:blur(80px);animation:recovery-glow 8s ease-in-out infinite alternate; }
.social-recovery-hero-art .service-art-ring { width:410px;height:250px;border-color:#a77aff35;border-radius:22px;transform:rotate(-7deg); }
.social-recovery-hero-art .service-ring-two { width:315px;height:315px;border-color:#ff5f6a2b;border-radius:22px;transform:rotate(8deg); }
.social-recovery-grid { position:absolute;inset:38px 24px;background:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse,#000 18%,transparent 75%); }
.social-recovery-console { position:relative;z-index:2;width:min(390px,80%);height:280px;padding:16px 18px;border:1px solid #a879ff50;background:linear-gradient(145deg,#1b1925ee,#101116f5);box-shadow:0 28px 90px #0009,inset 0 0 45px #8b5cf610;transform:rotateY(-7deg) rotateX(2deg);animation:recovery-float 6s ease-in-out infinite; }
.social-console-head,.social-console-steps { position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#858894;font:7px var(--mono);letter-spacing:.12em; }
.social-console-head b { color:#c1a3ff;font-weight:500; }
.social-console-network { position:absolute;inset:57px 25px 64px;display:grid;place-items:center; }
.social-console-network:before,.social-console-network:after { content:"";position:absolute;width:152px;height:152px;border:1px solid #a879ff42;border-radius:50%;box-shadow:0 0 0 15px #a879ff08,0 0 38px #8b5cf61a; }
.social-console-network:after { width:112px;height:112px;border-color:#ff647345;box-shadow:none; }
.social-console-network>i { position:absolute;width:235px;height:1px;background:linear-gradient(90deg,transparent,#a879ff70,transparent);transform:rotate(-28deg); }
.social-node { position:absolute;z-index:2;width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff2b;border-radius:12px;background:#171620;color:#d4c2ff;font:700 12px var(--sans);box-shadow:0 8px 24px #0006; }
.social-node-main { width:58px;height:58px;border-color:#a879ff70;border-radius:18px;background:linear-gradient(145deg,#33264b,#17151f);color:#c9adff;font-size:27px;box-shadow:0 0 35px #8b5cf625; }
.social-node-a { top:5px;left:25%;color:#ff9aa3; }.social-node-b { right:19%;top:30%;color:#a8b7ff; }.social-node-c { bottom:0;left:29%;color:#b99aff; }
.social-console-steps { position:absolute;left:18px;right:18px;bottom:15px;padding-top:12px;border-top:1px solid #ffffff1c;font-size:6px; }
.social-console-steps span { display:flex;align-items:center;gap:6px; }.social-console-steps b { color:#ff6875;font-weight:500; }
.social-console-status { position:absolute;z-index:3;top:55px;left:18px;right:18px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #ffffff17;background:linear-gradient(100deg,#211d2d,#15151c);box-shadow:0 12px 30px #0004; }
.social-status-mark { width:25px;height:25px;display:grid;place-items:center;border:1px solid #54d89c55;border-radius:50%;background:#54d89c12;color:#6ce2a9;font:700 13px var(--sans); }
.social-console-status div { display:grid;gap:4px; }.social-console-status div>b { color:#eeedf3;font:600 9px var(--sans); }.social-console-status small { color:#999ba7;font:6px var(--mono);letter-spacing:.04em; }
.social-recovery-hero-art .service-float { z-index:5;font-size:6px; }
.social-recovery-service-list { padding-block:64px; }
.social-recovery-service-list .services-section-heading { margin-bottom:24px; }
.social-recovery-service-list .services-section-heading h2 span { color:var(--violet); }
.social-recovery-service-list .service-detail-card-grid { gap:14px; }
.social-recovery-static-card { min-height:246px;padding:17px 19px;cursor:default;border-radius:0 20px 0 20px;background:linear-gradient(145deg,#fff,#f8f8fb); }
.social-recovery-static-card:after { border-radius:0 22px 0 22px;border-color:#8b5cf62b; }
.social-recovery-static-card:before { content:"";position:absolute;left:0;top:0;width:54px;height:2px;background:linear-gradient(90deg,#ff5967,#9c6cff); }
.social-recovery-static-card .social-service-mark { width:42px;height:42px;margin:1px 0 12px;display:grid;place-items:center;border:1px solid #8e62ef55;border-radius:12px 3px 12px 3px;background:linear-gradient(145deg,#f0eaff,#fff);box-shadow:inset 0 0 18px #8b5cf610;color:#7447c9;font:800 13px var(--sans);letter-spacing:-.06em; }
.social-recovery-static-card .service-category-label { margin-top:0; }
.social-recovery-static-card h3 { margin:7px 0 6px; }
.social-recovery-static-card>p { max-width:42ch;margin-bottom:10px; }
.social-recovery-static-card .service-card-price { margin-top:auto; }
.social-recovery-static-card:hover { transform:none;border-color:var(--line);box-shadow:none; }
.social-recovery-static-card .service-detail-card-top { margin-bottom:10px; }
@media(max-width:760px) { .social-recovery-hero-art { height:320px; }.social-recovery-console { width:min(340px,82%);height:230px; }.social-recovery-service-list { padding-block:50px; }.social-recovery-static-card { min-height:225px; }.social-recovery-category-hero .services-hero-copy h1 { font-size:clamp(42px,11vw,58px); } }
@media(max-width:460px) { .social-console-status { top:48px;left:12px;right:12px;padding:8px; }.social-console-network { inset:52px 12px 57px; }.social-console-steps { left:12px;right:12px;gap:5px; }.social-console-steps span { gap:4px;font-size:5px; } }
@media(prefers-reduced-motion:reduce) { .social-recovery-hero-art .service-art-glow,.social-recovery-console,.social-recovery-static-card { animation:none!important;transition:none!important; } }
.service-website-hacking-hero { background:radial-gradient(ellipse at 78% 52%,#6e3cbb22,transparent 42%),radial-gradient(ellipse at 11% 92%,#f0445520,transparent 31%),#0d0e13; }
.service-website-hacking-hero .service-detail-hero-grid { opacity:.2;background-size:46px 46px;mask-image:radial-gradient(ellipse at 76% 50%,#000,transparent 72%); }
.service-website-hacking-hero .service-detail-hero-layout { grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,100px); }
.service-website-hacking-hero .service-detail-copy h1 { max-width:680px;font-size:clamp(46px,5.5vw,70px); }
.website-hacking-kicker { display:flex;align-items:center;gap:9px;margin:20px 0 0;color:#ff737c;font:8px var(--mono);letter-spacing:.15em; }
.website-hacking-kicker i { width:7px;height:7px;border-radius:50%;background:#ff5967;box-shadow:0 0 14px #ff5967;animation:hacking-pulse 1.8s ease-in-out infinite; }
.website-hacking-kicker span { color:#777b87; }
.service-website-hacking-hero .service-detail-lede { max-width:530px; }
.website-hacking-visual { min-height:340px;position:relative;overflow:hidden;padding:18px 22px 16px;border:1px solid #ffffff23;background:linear-gradient(145deg,#191821,#101116 70%);box-shadow:0 25px 70px #0006;isolation:isolate; }
.website-hacking-visual:before { content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 42% 55%,#8050ca21,transparent 42%),linear-gradient(110deg,transparent 40%,#ffffff05 50%,transparent 60%);background-size:auto,220% 100%;animation:web-visual-sheen 8s ease-in-out infinite; }
.website-visual-top { display:flex;align-items:center;gap:12px;height:28px;border-bottom:1px solid #ffffff1b;color:#9b9ca8;font:7px var(--mono);letter-spacing:.12em; }
.website-visual-top>span { display:flex;gap:5px; }
.website-visual-top>span i { width:6px;height:6px;border-radius:50%;background:#fb5968; }.website-visual-top>span i:nth-child(2){background:#aa83ff}.website-visual-top>span i:nth-child(3){background:#777985}
.website-visual-top b { font-weight:500; }.website-visual-top small { margin-left:auto;color:#c2a6ff;font:inherit; }
.website-visual-body { min-height:230px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;position:relative;overflow:hidden; }
.website-visual-orbit { width:170px;aspect-ratio:1;position:relative;display:grid;place-items:center;justify-self:center;border:1px solid #a980ff69;border-radius:50%;box-shadow:0 0 0 13px #a980ff0b,0 0 0 27px #ff5b6808;animation:web-orbit-breathe 5s ease-in-out infinite; }
.website-visual-orbit:before,.website-visual-orbit:after { content:"";position:absolute;inset:17px;border:1px solid #ff596744;border-radius:50%; }.website-visual-orbit:after { inset:-12px;border-style:dashed;border-color:#ffffff22;animation:web-orbit-spin 25s linear infinite; }
.website-visual-orbit span { color:#c5a7ff;font-size:30px;font-weight:800;letter-spacing:-.08em;text-shadow:0 0 25px #a879ff8a; }.website-visual-orbit i,.website-visual-orbit b { position:absolute;width:7px;height:7px;border-radius:50%;background:#ff5a68;box-shadow:0 0 13px #ff5a68;top:21px;right:30px; }.website-visual-orbit b { top:auto;right:auto;bottom:31px;left:18px;background:#a879ff;box-shadow:0 0 13px #a879ff; }
.website-visual-copy { position:relative;z-index:1; }.website-visual-copy>span,.website-visual-copy p { color:#999ba7;font:7px var(--mono);letter-spacing:.15em; }.website-visual-copy h2 { margin:14px 0;font-size:clamp(25px,3vw,38px);line-height:.98;letter-spacing:-.07em; }.website-visual-copy h2 em { color:#b596ff;font-style:normal; }.website-visual-copy p { color:#ff747d; }
.website-visual-scan { position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 48%,#a879ff1a 50%,transparent 52%);background-size:100% 250%;animation:web-scan 6s linear infinite; }
.website-visual-steps { display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #ffffff1b;border-bottom:1px solid #ffffff1b;color:#c5c3ce;font:7px var(--mono);letter-spacing:.1em; }.website-visual-steps span { white-space:nowrap; }.website-visual-steps b { margin-right:5px;color:#ff6974;font-weight:500; }.website-visual-steps>i { height:1px;flex:1;background:linear-gradient(90deg,#ff5967,#9a72ed); }
.website-visual-foot { display:block;margin-top:12px;color:#828692;font:6px var(--mono);letter-spacing:.13em; }.website-visual-foot b { color:#ff5967; }
@keyframes web-visual-sheen { 0%,70%,100% { background-position:center,160% 0; } 35% { background-position:center,-60% 0; } }
@keyframes web-orbit-breathe { 50% { transform:scale(1.035);box-shadow:0 0 0 16px #a980ff10,0 0 0 32px #ff5b6809; } }
@keyframes web-orbit-spin { to { transform:rotate(360deg); } }
@keyframes web-scan { from { background-position:0 -100%; } to { background-position:0 200%; } }
@media(max-width:1000px) { .service-website-hacking-hero .service-detail-hero-layout { gap:35px; }.website-hacking-visual { min-height:310px;padding-inline:16px; }.website-visual-orbit { width:135px; } }
@media(max-width:760px) { .service-website-hacking-hero .service-detail-hero-layout { grid-template-columns:1fr; }.service-website-hacking-hero .service-detail-copy h1 { font-size:clamp(42px,10vw,58px); }.website-hacking-visual { min-height:300px; }.website-visual-body { min-height:205px; }.website-visual-orbit { width:130px; }.website-visual-steps { gap:7px;font-size:6px; } }
@media(prefers-reduced-motion:reduce) { .website-hacking-kicker i,.website-hacking-visual:before,.website-visual-orbit,.website-visual-orbit:after,.website-visual-scan { animation:none!important; } }
@media(max-width:700px){.category-card-grid{grid-template-columns:1fr}}
.website-hacking-offerings { position:relative;overflow:hidden;background:radial-gradient(ellipse at 10% 0%,#8050ca0b,transparent 38%),#f0eff4;color:#171820;border-color:#dedde5; }
.website-hacking-offerings .detail-section-heading { align-items:end;margin-bottom:34px; }
.website-hacking-offerings .detail-section-heading h2 { max-width:650px; }
.website-hacking-offerings .detail-section-heading .section-intro { max-width:420px;color:#6e7280; }
.website-hacking-offerings .highlight-grid { grid-template-columns:repeat(4,minmax(0,1fr));gap:12px; }
.website-hacking-offerings .highlight-card { min-height:195px;position:relative;overflow:hidden;padding:20px;background:linear-gradient(145deg,#1a1b23,#13141a);border:1px solid #ffffff18;border-radius:2px 16px 2px 16px;transition:transform .25s ease,border-color .25s ease,background .25s ease; }
.website-hacking-offerings .highlight-card:before { content:"";position:absolute;top:0;left:0;width:42px;height:2px;background:linear-gradient(90deg,#ff5967,#9d76f5); }
.website-hacking-offerings .highlight-card:hover { transform:translateY(-4px);border-color:#a980ff66;background:linear-gradient(145deg,#20202b,#15151c); }
.website-hacking-offerings .highlight-card>span { color:#ff6974; }
.website-hacking-offerings .highlight-card h3 { margin:23px 0 10px;color:#f5f4f8;font-size:clamp(14px,1.2vw,17px);line-height:1.25; }
.website-hacking-offerings .highlight-card p { color:#a1a2ae;font-size:11px;line-height:1.7; }
.website-hacking-authorization { margin:24px 0 0;padding-top:17px;border-top:1px solid #ffffff1b;color:#c7c5ce;font-size:12px; }
.website-hacking-authorization:before { content:"";display:inline-block;width:7px;height:7px;margin:0 10px 1px 0;border-radius:50%;background:#ff5967;box-shadow:0 0 12px #ff5967; }
@media(max-width:980px){.website-hacking-offerings .highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.website-hacking-offerings{padding-block:48px}.website-hacking-offerings .highlight-grid{grid-template-columns:1fr}.website-hacking-offerings .highlight-card{min-height:0;padding:18px}.website-hacking-offerings .highlight-card h3{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.website-hacking-offerings .highlight-card{transition:none}}
.service-pc-hacking-hero { position:relative;background:radial-gradient(ellipse at 80% 50%,#7048bd25,transparent 40%),radial-gradient(ellipse at 12% 96%,#ef46501a,transparent 34%),#0d0e13; }
.service-pc-hacking-hero .service-detail-hero-grid { opacity:.18;background-size:48px 48px;mask-image:radial-gradient(ellipse at 77% 48%,#000,transparent 72%); }
.service-pc-hacking-hero .service-detail-hero-layout { grid-template-columns:1fr 1fr;gap:clamp(42px,7vw,100px); }
.service-pc-hacking-hero .service-detail-copy h1 { max-width:720px;font-size:clamp(46px,5.5vw,72px); }
.service-pc-hacking-hero .service-detail-lede { max-width:550px; }
.pc-hacking-kicker { color:#bea0ff; }
.pc-hacking-kicker i { background:#a879ff;box-shadow:0 0 14px #a879ff; }
.pc-security-visual { min-height:380px;position:relative;overflow:hidden;padding:18px 20px 15px;border:1px solid #ffffff25;background:linear-gradient(145deg,#191821,#101116 72%);box-shadow:0 25px 75px #0006;isolation:isolate; }
.pc-security-visual:before { content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 70% 38%,#8d5bdb20,transparent 45%),linear-gradient(110deg,transparent 35%,#ffffff07 50%,transparent 65%);background-size:auto,230% 100%;animation:pc-visual-sheen 9s ease-in-out infinite; }
.pc-visual-top { height:28px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #ffffff1a;color:#a5a4ae;font:7px var(--mono);letter-spacing:.12em; }
.pc-visual-top>span { display:flex;gap:5px; }.pc-visual-top>span i { width:6px;height:6px;border-radius:50%;background:#ff5967; }.pc-visual-top>span i:nth-child(2){background:#a879ff}.pc-visual-top>span i:nth-child(3){background:#737582}.pc-visual-top b{font-weight:500}.pc-visual-top small{margin-left:auto;color:#c5a7ff;font:inherit}
.pc-visual-screen { min-height:288px;position:relative;display:grid;grid-template-columns:54px 1fr;margin-top:15px;border:1px solid #ffffff18;background:linear-gradient(135deg,#171821,#111218);overflow:hidden; }
.pc-visual-sidebar { display:flex;flex-direction:column;align-items:center;gap:19px;padding:17px 8px;border-right:1px solid #ffffff16;background:#ffffff03; }.pc-visual-sidebar b{color:#b99aff;font-size:14px;letter-spacing:-.1em}.pc-visual-sidebar i{width:13px;height:13px;border:1px solid #777887;border-radius:3px;opacity:.8}.pc-visual-sidebar i:first-of-type{border-color:#a879ff;box-shadow:0 0 12px #a879ff44}
.pc-visual-content { position:relative;z-index:1;padding:25px clamp(16px,3vw,34px); }.pc-visual-label{color:#999ba8;font:7px var(--mono);letter-spacing:.15em}.pc-visual-content h2{margin:13px 0 18px;color:#f4f2f8;font-size:clamp(24px,3vw,38px);line-height:1.02;letter-spacing:-.065em}.pc-visual-content h2 em{color:#b899ff;font-style:normal}.pc-visual-status{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #ffffff16;background:#ffffff04;color:#aaaab6;font:7px var(--mono);letter-spacing:.08em}.pc-visual-status i{width:7px;height:7px;border-radius:50%;background:#5bdf9b;box-shadow:0 0 10px #5bdf9b}.pc-visual-status b{margin-left:auto;color:#74e7a8;font-size:6px;font-weight:500}.pc-visual-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}.pc-visual-metrics span{min-height:52px;display:flex;flex-direction:column;justify-content:space-between;padding:8px;border:1px solid #ffffff13;color:#b1b0bb;font:6px var(--mono);letter-spacing:.05em}.pc-visual-metrics i{color:#ff6974;font-style:normal}.pc-visual-metrics b{height:2px;background:linear-gradient(90deg,#a879ff 0 70%,#ffffff14 70%)}.pc-visual-metrics span:nth-child(2) b{background:linear-gradient(90deg,#ff6570 0 55%,#ffffff14 55%)}.pc-visual-metrics span:nth-child(3) b{background:linear-gradient(90deg,#7d63da 0 82%,#ffffff14 82%)}
.pc-visual-scan { position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 48%,#a879ff18 50%,transparent 52%);background-size:100% 240%;animation:pc-scan 7s linear infinite; }
.pc-visual-foot{display:flex;align-items:center;gap:9px;margin-top:13px;color:#a5a4ae;font:6px var(--mono);letter-spacing:.12em}.pc-visual-foot>i{height:1px;flex:1;background:linear-gradient(90deg,#a879ff,#ff5967)}.pc-visual-foot>b{color:#ff5967}
.pc-hacking-offerings { background:#f0eff4; }
.pc-hacking-offerings .highlight-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.pc-hacking-offerings .highlight-card { min-height:185px;border-radius:2px 15px 2px 15px;box-shadow:0 12px 28px #1718200a; }
.pc-hacking-offerings .highlight-card h3 { font-size:clamp(16px,1.5vw,21px); }
.pc-hacking-process { padding-block:76px; }
.pc-hacking-process .process-row { border-radius:2px 12px 2px 12px; }
@keyframes pc-visual-sheen{0%,75%,100%{background-position:center,180% 0}35%{background-position:center,-70% 0}}
@keyframes pc-scan{from{background-position:0 -100%}to{background-position:0 200%}}
@media(max-width:1000px){.service-pc-hacking-hero .service-detail-hero-layout{gap:34px}.pc-security-visual{min-height:340px;padding-inline:14px}.pc-visual-screen{min-height:250px}}
@media(max-width:760px){.service-pc-hacking-hero .service-detail-hero-layout{grid-template-columns:1fr}.service-pc-hacking-hero .service-detail-copy h1{font-size:clamp(42px,10vw,58px)}.pc-security-visual{min-height:330px}.pc-visual-screen{min-height:245px}.pc-hacking-offerings .highlight-grid{grid-template-columns:1fr}.pc-hacking-offerings .highlight-card{min-height:0}.pc-hacking-process{padding-block:50px}}
@media(prefers-reduced-motion:reduce){.pc-security-visual:before,.pc-visual-scan{animation:none}}
.service-price { display:block;color:#fff;font-size:30px;letter-spacing:-.05em; }
.service-price small { color:#aeb0b8;font:8px var(--mono);letter-spacing:.1em; }
.partner-checkout-page { min-height:calc(100vh - 130px);padding:70px 22px;display:grid;place-items:center;background:#0d0f14; }
.partner-checkout-card { width:min(100%,650px);padding:clamp(24px,5vw,52px);background:#14151b;border:1px solid #ffffff24;color:#f7f7fa; }
.partner-checkout-card h1 { margin:16px 0 28px;font-size:clamp(36px,6vw,58px);line-height:1;letter-spacing:-.07em; }
.partner-checkout-card h1 em { color:var(--red);font-style:normal; }
.partner-checkout-item { padding:21px;border:1px solid #ef444455;background:linear-gradient(125deg,#27171a,#18171c); }
.partner-checkout-item>span { color:#a8aab4;font:8px var(--mono);letter-spacing:.13em; }
.partner-checkout-item h2 { margin:14px 0 5px;font-size:22px; }
.partner-checkout-item p { margin:0;color:#b7bac3;font-size:11px; }
.partner-checkout-item strong { display:block;margin-top:19px;font-size:32px; }
.partner-checkout-item small { color:#a8aab4;font:8px var(--mono); }
.partner-checkout-note { margin-top:16px;padding:17px;border-left:2px solid var(--red);background:#1c1c22; }
.partner-checkout-note strong { font-size:12px; }
.partner-checkout-note p { margin:6px 0 0;color:#b9bbc4;font-size:10px;line-height:1.7; }
.partner-checkout-status { min-height:45px;margin:17px 0 12px;padding:12px;border:1px solid #ffffff24;color:#d3d4da;font-size:10px;line-height:1.6; }
.partner-checkout-button { width:100%;min-height:52px;padding:14px;border:0;background:#e11d2e;color:#fff;font-size:12px;font-weight:800;cursor:pointer; }
.partner-checkout-button:hover { background:#c81727; }
.partner-checkout-button:disabled { opacity:.65;cursor:wait; }
.partner-checkout-back { display:inline-block;margin-top:18px;color:#d0d0d7;font-size:10px; }
.secure-checkout-page{min-height:calc(100vh - 130px);padding:54px 22px 76px;background:radial-gradient(ellipse at 50% 0,#241318 0,transparent 48%),#090a0d;color:#f7f8fa}
.secure-checkout-shell{width:min(100%,1050px);margin:auto}
.secure-checkout-breadcrumbs{display:flex;gap:10px;color:#8d929c;font:9px var(--mono);letter-spacing:.08em}
.secure-checkout-breadcrumbs a{color:#c5c8cf;text-decoration:none}.secure-checkout-breadcrumbs a:hover{color:#ff3844}
.secure-checkout-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin:28px 0 26px}
.secure-checkout-heading .eyebrow{margin:0 0 11px}.secure-checkout-heading h1{margin:0;color:#fff;font-size:clamp(36px,5.5vw,62px);line-height:1;letter-spacing:-.065em}.secure-checkout-heading h1 em{color:#ef2434;font-style:normal}.secure-checkout-heading>div>p:last-child{margin:12px 0 0;color:#b2b6c0;font-size:12px;line-height:1.6}
.secure-checkout-lock{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #2a6b4b;border-radius:5px;background:#0d1a14;color:#77e8a5;font:800 8px var(--mono);letter-spacing:.08em;white-space:nowrap}.secure-checkout-lock svg,.checkout-secure-foot svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.secure-checkout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.secure-checkout-card,.secure-checkout-summary{padding:24px;border:1px solid #30323a;border-radius:10px;background:linear-gradient(145deg,#15161b,#101115);box-shadow:0 22px 60px #0004}
.secure-checkout-card-head{display:flex;align-items:center;gap:13px}.checkout-item-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #e523354d;border-radius:8px;background:#e5233514;color:#ff5260}.checkout-item-icon svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.secure-checkout-kicker{color:#a9aeba;font:800 8px var(--mono);letter-spacing:.13em}.secure-checkout-card-head h2{margin:5px 0 0;color:#fff;font-size:19px;line-height:1.25}.checkout-included{margin-left:auto;padding:6px 8px;border:1px solid #ffffff20;border-radius:4px;color:#c6c9d1;font:700 7px var(--mono);letter-spacing:.08em}.secure-checkout-type{margin:14px 0 0 55px;color:#9ca2ad;font-size:10px;overflow-wrap:anywhere}.secure-checkout-type span{color:#ed2637;padding:0 5px}
.secure-checkout-price{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:20px;padding:17px 0;border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15}.secure-checkout-price>div{display:grid;gap:6px}.secure-checkout-price>div>span{color:#9da3af;font:800 8px var(--mono);letter-spacing:.1em}.secure-checkout-price del{color:#7d828d;font-size:11px}.secure-checkout-price strong{color:#fff;font-size:clamp(28px,4vw,38px);font-weight:900;letter-spacing:-.05em}.checkout-savings{padding:7px 9px;border:1px solid #23bc7040;border-radius:5px;background:#23bc7012;color:#41dd8b;font:800 8px var(--mono)}
.secure-checkout-includes{display:grid;gap:12px;margin-top:19px}.secure-checkout-includes span{display:flex;align-items:center;gap:10px;color:#c5c8d0;font-size:10px}.secure-checkout-includes b{color:#ff4856;font:800 8px var(--mono)}
.secure-checkout-test{display:flex;gap:11px;margin-top:14px;padding:15px;border:1px solid #725622;border-radius:8px;background:#211b10}.checkout-test-dot{width:8px;height:8px;flex:none;margin-top:4px;border-radius:50%;background:#f5b942;box-shadow:0 0 12px #f5b94299}.secure-checkout-test strong{color:#ffe1a1;font-size:11px}.secure-checkout-test p{margin:5px 0 0;color:#d0c5aa;font-size:9px;line-height:1.65}.secure-checkout-back{display:inline-block;margin-top:15px;color:#c1c4cc;font-size:10px;text-decoration:none}.secure-checkout-back:hover{color:#ff4b58}
.secure-checkout-aside{position:sticky;top:20px}.secure-checkout-summary{padding:21px}.checkout-summary-line,.checkout-summary-total{display:flex;justify-content:space-between;gap:12px}.checkout-summary-line{margin-top:18px;color:#c3c6ce;font-size:10px}.checkout-summary-line span{max-width:65%}.checkout-summary-line strong{color:white;text-align:right}.checkout-summary-old{margin-top:11px;color:#9499a3}.checkout-summary-total{margin-top:18px;padding-top:16px;border-top:1px solid #ffffff20;color:#fff;font-size:13px;font-weight:800}.checkout-summary-total strong{font-size:19px}.checkout-summary-note{margin:12px 0 0;color:#9fa4af;font-size:9px;line-height:1.65}
.checkout-consent{display:flex;gap:10px;align-items:flex-start;margin:14px 0;padding:13px;border:1px solid #343640;border-radius:7px;background:#121318;color:#c7cad2;font-size:9px;line-height:1.6;cursor:pointer}.checkout-consent input{accent-color:#e52335;margin:2px 0 0;flex:none}.secure-checkout-aside .partner-checkout-status{margin:0 0 10px;border-radius:6px;background:#111318;color:#c9ccd4}.secure-checkout-aside .partner-checkout-button{min-height:54px;border-radius:6px;background:linear-gradient(105deg,#c91125,#f12a3b 58%,#b80d20);box-shadow:0 10px 28px #d7192c35;transition:transform .2s,box-shadow .2s,filter .2s}.secure-checkout-aside .partner-checkout-button:hover{transform:translateY(-2px);box-shadow:0 14px 34px #d7192c55;filter:brightness(1.08)}.secure-checkout-aside .partner-checkout-button:disabled{transform:none;box-shadow:none;filter:none;opacity:.55;cursor:not-allowed}.checkout-secure-foot{display:flex;align-items:center;gap:8px;margin-top:12px;color:#8f969f;font-size:8px;line-height:1.5}.checkout-secure-foot svg{color:#45d98d;flex:none}
.checkout-guest-fields{display:grid;gap:8px;margin-top:14px;padding:18px;border:1px solid #343640;border-radius:8px;background:linear-gradient(145deg,#15161b,#101115)}.checkout-guest-fields>.secure-checkout-kicker{margin-bottom:4px}.checkout-guest-fields label{margin-top:5px;color:#d3d6de;font-size:10px;font-weight:700}.checkout-guest-fields input{width:100%;min-height:42px;padding:10px 12px;border:1px solid #393b45;border-radius:6px;background:#0c0d11;color:#f7f8fa;font:inherit;font-size:12px;outline:none}.checkout-guest-fields input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf622}.checkout-guest-fields input::placeholder{color:#777d88}.checkout-guest-fields small{margin-top:3px;color:#a4a9b4;font-size:9px;line-height:1.6}
.secure-checkout-aside .partner-checkout-status:empty{display:none}
.service-coming-soon-badge{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border:1px solid #8b5cf688;background:#8b5cf612;color:#c2a8ff;font:800 9px var(--mono);letter-spacing:.12em}

.customer-order-row>b small{color:var(--steel);font:8px var(--mono)}
@media(max-width:760px){.secure-checkout-page{padding:35px 16px 52px}.secure-checkout-grid{grid-template-columns:1fr}.secure-checkout-aside{position:static}.secure-checkout-heading{align-items:flex-start}.secure-checkout-lock{font-size:0;padding:9px}.secure-checkout-lock svg{width:18px;height:18px}}
@media(max-width:460px){.secure-checkout-card,.secure-checkout-summary{padding:17px}.secure-checkout-card-head h2{font-size:16px}.secure-checkout-type{margin-left:0}.secure-checkout-heading{gap:10px}.secure-checkout-heading h1{font-size:38px}.checkout-included{font-size:6px;padding:5px}}
.checkout-country-picker{display:grid;gap:7px;margin:14px 0 16px;padding:12px;border:1px solid #343640;border-radius:7px;background:#101115}.checkout-country-picker>label{color:#f4f5f7;font-size:10px;font-weight:700}.checkout-country-picker>div{display:flex;gap:8px}.checkout-country-picker select{min-width:0;flex:1;padding:10px 11px;border:1px solid #343640;border-radius:5px;background:#17191f;color:#f5f5f7;font:inherit;font-size:11px}.checkout-country-picker button{flex:none;padding:0 12px;border:1px solid #e52335;border-radius:5px;background:#e52335;color:#fff;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.checkout-country-picker small{color:#a9adb7;font-size:9px;line-height:1.5}
@media(max-width:460px){.checkout-country-picker{padding:10px}.checkout-country-picker>div{flex-direction:column}.checkout-country-picker button{min-height:40px}}
.checkout-country-picker{gap:9px;padding:14px;border-color:#ffffff1b;border-radius:10px;background:linear-gradient(145deg,#15171d,#101116);box-shadow:inset 0 1px #ffffff08}.checkout-country-picker>label{display:flex;align-items:center;gap:8px;color:#f6f7fa;font-size:10px;font-weight:800;letter-spacing:.02em}.checkout-country-picker>label:before{content:"";width:6px;height:6px;border-radius:50%;background:#ee2638;box-shadow:0 0 11px #ee263877}.checkout-country-control{display:flex;align-items:stretch;gap:8px}.checkout-country-search-wrap{position:relative;min-width:0;flex:1}.checkout-country-search-wrap>input[type=search]{width:100%;height:43px;padding:0 38px 0 38px;border:1px solid #383b46;border-radius:8px;outline:0;background:linear-gradient(180deg,#1b1d24,#15171d);color:#fff;font-family:inherit;font-size:11px;font-weight:600;transition:border-color .2s,box-shadow .2s,background .2s}.checkout-country-search-wrap>input[type=search]::placeholder{color:#858b98;font-weight:400}.checkout-country-search-wrap>input[type=search]:focus{border-color:#a66cff;background:#1a1922;box-shadow:0 0 0 3px #8e50ff22,0 8px 24px #0003}.checkout-country-search-wrap>input[type=search]::-webkit-search-cancel-button{filter:grayscale(1) brightness(2);cursor:pointer}.checkout-country-globe{position:absolute;z-index:1;left:13px;top:50%;transform:translateY(-52%);color:#b991ff;font-size:19px;pointer-events:none}.checkout-country-chevron{position:absolute;right:13px;top:50%;transform:translateY(-55%);color:#adb3c0;font-size:19px;pointer-events:none;transition:transform .2s}.checkout-country-search-wrap:focus-within .checkout-country-chevron{transform:translateY(-35%) rotate(180deg);color:#c49aff}.checkout-country-options{position:absolute;z-index:30;top:calc(100% + 8px);left:0;right:0;max-height:min(320px,45vh);overflow:auto;padding:6px;border:1px solid #393541;border-radius:10px;background:#15161c;box-shadow:0 20px 50px #000b,0 0 0 1px #a66cff12;scrollbar-color:#555064 #15161c;scrollbar-width:thin}.checkout-country-options[hidden]{display:none}.checkout-country-option{display:flex;width:100%;align-items:center;gap:10px;min-height:38px;padding:7px 10px;border:0;border-radius:6px;background:transparent;color:#e6e7ec;text-align:left;font-family:inherit;font-size:11px;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.checkout-country-option:hover,.checkout-country-option.is-active{background:#282331;color:#fff}.checkout-country-option.is-selected{background:#8d4dff1b;color:#d8c0ff}.checkout-country-option.is-selected:after{content:"✓";order:2;margin-left:auto;color:#bd91ff;font-weight:800}.checkout-country-option>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkout-country-flag{width:23px;flex:none;font-size:15px}.checkout-country-option small{margin-left:auto;color:#888d99;font:700 8px var(--mono);letter-spacing:.08em}.checkout-country-picker .checkout-country-control>button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:0 13px;border:1px solid #ff4656;border-radius:8px;background:linear-gradient(135deg,#f02c3e,#c91125);box-shadow:0 7px 18px #e5233528;color:#fff;font-size:10px;font-weight:850;white-space:nowrap;transition:transform .2s,box-shadow .2s,filter .2s}.checkout-country-picker .checkout-country-control>button:hover{transform:translateY(-1px);box-shadow:0 10px 23px #e5233544;filter:brightness(1.08)}.checkout-country-picker .checkout-country-control>button span{font-size:15px;line-height:1}.checkout-country-picker small{padding-left:2px;color:#9da3af;font-size:9px;line-height:1.55}
@media(max-width:460px){.checkout-country-control{flex-wrap:wrap}.checkout-country-search-wrap{flex-basis:100%}.checkout-country-picker .checkout-country-control>button{width:100%}.checkout-country-options{max-height:42vh}}
.checkout-country-globe{display:grid;place-items:center;width:16px;height:16px}.checkout-country-globe svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.checkout-country-picker .checkout-country-search-wrap .checkout-country-options .checkout-country-option{display:flex!important;flex:none!important;width:100%!important;min-height:36px!important;align-items:center!important;gap:10px!important;margin:0!important;padding:7px 10px!important;border:0!important;border-radius:6px!important;background:#171920!important;box-shadow:none!important;color:#e5e7ed!important;text-align:left!important;font-family:inherit!important;font-size:11px!important;font-weight:550!important;line-height:1.3!important;transform:none!important;filter:none!important;transition:background .15s,color .15s!important}.checkout-country-picker .checkout-country-search-wrap .checkout-country-options .checkout-country-option:hover,.checkout-country-picker .checkout-country-search-wrap .checkout-country-options .checkout-country-option.is-active{background:#282431!important;color:#fff!important}.checkout-country-picker .checkout-country-search-wrap .checkout-country-options .checkout-country-option.is-selected{background:#332447!important;color:#e3ceff!important}.checkout-country-picker .checkout-country-search-wrap .checkout-country-options .checkout-country-option[hidden]{display:none!important}.checkout-country-picker .checkout-country-search-wrap .checkout-country-options .checkout-country-option:after{content:none!important}.checkout-country-option .checkout-country-flag{display:grid;place-items:center;width:24px;height:22px;flex:none;border:1px solid #ffffff12;border-radius:4px;background:#ffffff08;font-size:14px}.checkout-country-option>span:nth-child(2){flex:1}.checkout-country-option small{flex:none;margin-left:8px;color:#858b98!important;font-size:8px!important}.checkout-country-picker .checkout-country-search-wrap .checkout-country-options .checkout-country-option.is-selected small{color:#c2a3eb!important}
.customer-order-list { margin:28px 0;padding:22px;background:#fff;border:1px solid var(--line); }
.customer-order-list h2 { margin:0 0 14px;font-size:20px; }
.customer-order-row { display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:14px 0;border-top:1px solid var(--line); }
.customer-order-row>div { display:grid;gap:5px; }
.customer-order-row>div span { color:var(--steel);font-size:10px; }
.customer-order-status { padding:5px 8px;border:1px solid var(--line);font:8px var(--mono);text-transform:uppercase; }
.customer-order-status.status-paid { color:#167a4c;border-color:#7ecda7; }
.customer-order-status.status-pending { color:#9a6811;border-color:#e4c27c; }
@media(max-width:600px) { .partner-checkout-page { padding:35px 16px; }.customer-order-row { grid-template-columns:1fr auto; }.customer-order-row .customer-order-status { grid-column:1/-1;justify-self:start; } }
@media(max-width:700px){
  .secure-checkout-page{width:100%;min-width:0;max-width:100%;padding:26px 12px 40px;overflow-x:hidden;box-sizing:border-box}
  .secure-checkout-shell,.secure-checkout-grid,.secure-checkout-main,.secure-checkout-aside,.secure-checkout-card,.secure-checkout-summary{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
  .secure-checkout-grid{gap:12px}
  .secure-checkout-heading{gap:12px;margin:20px 0 17px}
  .secure-checkout-heading h1{font-size:clamp(32px,8vw,46px)}
  .secure-checkout-card-head,.secure-checkout-price{min-width:0}
  .checkout-country-picker .checkout-country-control{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important;min-width:0!important;max-width:100%!important}
  .checkout-country-picker .checkout-country-control>.checkout-country-search-wrap{position:relative!important;display:block!important;flex:0 1 auto!important;width:100%!important;min-width:0!important;max-width:100%!important}
  .checkout-country-picker .checkout-country-control>.checkout-country-search-wrap>input[type=search]{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
  .checkout-country-picker .checkout-country-control>button[type=submit]{display:flex!important;flex:0 0 auto!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
  .checkout-country-picker .checkout-country-control .checkout-country-selected-flag{position:absolute!important;top:50%!important;left:11px!important;width:22px!important;height:16px!important;transform:translateY(-50%)!important}
  .checkout-summary-line,.checkout-summary-total{min-width:0;flex-wrap:wrap;overflow-wrap:anywhere}
  .checkout-summary-line strong,.checkout-summary-total strong{max-width:100%;overflow-wrap:anywhere}
}
@media(max-width:430px) {
  .overview-strip-inner { grid-template-columns:1fr; }
  .overview-strip-inner>div { font-size:9px; }
  .overview-strip-inner>div br { display:none; }
  .overview-strip-inner>p { grid-column:1; }
  .service-hero-actions,.service-detail-actions { align-items:flex-start;flex-direction:column;gap:16px; }
  .services-hero-copy h1 { font-size:43px; }
  .service-detail-copy h1 { font-size:40px; }
  .service-number { font-size:7px; }
}

/* Courses catalog and individual course pages. */
.courses-hero,.course-detail-hero { min-height:565px;position:relative;overflow:hidden;color:var(--white);background:var(--obsidian); }
.courses-grid-bg { position:absolute;inset:0;opacity:.14;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent,#000 44%,#000); }
.courses-hero-layout { min-height:515px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;position:relative;z-index:1;padding-block:55px; }
.courses-hero-copy h1 { margin:20px 0;font-size:clamp(58px,7vw,82px);line-height:.94;letter-spacing:-.08em; }
.courses-hero-copy h1 span { color:var(--violet-soft); }
.courses-hero-copy>p:not(.eyebrow):not(.course-note) { max-width:510px;color:#a5a9b3;font-size:12px;line-height:1.9; }
.courses-hero-copy .button { margin-top:14px; }
.course-note { margin-top:25px;color:#888d99;font:7px var(--mono);letter-spacing:.11em; }
.courses-hero-visual { height:350px;display:grid;place-items:center;position:relative;isolation:isolate; }
.course-halo { width:225px;height:225px;position:absolute;z-index:-1;border-radius:50%;background:var(--violet);filter:blur(70px);opacity:.28; }
.course-orbit { width:355px;height:190px;position:absolute;border:1px solid #b39aff55;border-radius:50%;transform:rotate(-27deg); }
.orbit-course-two { width:270px;height:260px;border-color:#ef444455;transform:rotate(37deg); }
.course-stack { width:195px;height:225px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(150deg,#2b2639,#111218);box-shadow:0 25px 70px #0008; }
.course-stack>span { color:var(--violet-soft);font-size:47px;font-weight:800;letter-spacing:-.14em; }
.course-stack>i { color:#969ba6;font:6px var(--mono);letter-spacing:.12em;font-style:normal; }
.course-float { position:absolute;padding:8px 10px;border:1px solid #ffffff22;background:#181923;color:#c4c2ce;font:7px var(--mono);letter-spacing:.1em; }
.course-float-one { left:4px;top:62px;transform:rotate(-9deg); }
.course-float-two { right:0;bottom:59px;transform:rotate(7deg); }
.courses-intro-strip { background:#eeebf8;border-block:1px solid #e1dcef; }
.courses-intro-inner { min-height:105px;display:grid;grid-template-columns:210px 1fr auto;align-items:center;gap:20px; }
.courses-intro-inner>p:nth-child(2) { color:#585a68;font-size:14px; }
.courses-intro-inner strong { color:var(--ink); }
.courses-intro-inner>span { color:var(--violet);font:9px var(--mono); }
.courses-catalog { padding-block:95px; }
.courses-heading { display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px; }
.courses-heading h2,.course-principles-heading h2 { margin:14px 0 0;font-size:clamp(34px,4.4vw,50px);line-height:1.05;letter-spacing:-.07em; }
.courses-heading>p { max-width:390px;color:var(--steel);font-size:10px;line-height:1.85; }
.course-catalog-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px; }
.catalog-course-card { display:grid;grid-template-columns:.85fr 1.15fr;min-height:340px;background:var(--white);border:1px solid var(--line);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.catalog-course-card:hover { transform:translateY(-6px);border-color:#b7a0f7;box-shadow:0 20px 44px #17192313; }
.catalog-art { min-height:100%;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at center,#8b5cf644,transparent 52%),linear-gradient(145deg,#252033,#111218); }
.catalog-red .catalog-art { background:radial-gradient(circle at center,#ef444433,transparent 52%),linear-gradient(145deg,#302026,#111218); }
.catalog-course-index,.catalog-art-label { position:absolute;left:13px;color:#ada9b8;font:7px var(--mono);letter-spacing:.11em; }
.catalog-course-index { top:13px; }
.catalog-art-label { bottom:13px;color:#90939e; }
.catalog-glyph { z-index:1;color:#ded2ff;font-size:57px;font-weight:800;letter-spacing:-.14em;text-shadow:0 0 27px #8b5cf677; }
.catalog-red .catalog-glyph { color:#ffc4c6;text-shadow:0 0 27px #ef444477; }
.catalog-ring { width:170px;height:170px;position:absolute;border:1px solid #b39aff3b;border-radius:50%; }
.catalog-ring.ring-b { width:125px;height:125px;border-color:#ef44443d; }
.catalog-course-body { padding:22px;display:flex;flex-direction:column;align-items:flex-start; }
.catalog-course-meta { width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:9px;color:var(--steel);font:7px var(--mono);letter-spacing:.08em; }
.course-status-pill { display:inline-block;padding:6px 8px;border:1px solid #8b5cf655;color:#7452c5;font:7px var(--mono);letter-spacing:.06em;white-space:nowrap; }
.catalog-red .course-status-pill,.course-detail-red .course-status-pill { color:var(--red-deep);border-color:#ef444455; }
.catalog-course-body h3 { margin:29px 0 7px;font-size:24px;letter-spacing:-.055em; }
.catalog-course-body>p { margin:0 0 18px;color:var(--steel);font-size:9px;line-height:1.85; }
.catalog-course-footer { width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;border-top:1px solid #eef0f3;color:#666c78;font:7px var(--mono);letter-spacing:.09em; }
.catalog-course-footer b { color:var(--red);font:15px var(--sans);transition:transform .2s; }
.catalog-course-card:hover .catalog-course-footer b { transform:translate(3px,-3px); }
.course-principles { padding-block:85px;background:#f0eff4;border-block:1px solid #e5e4e9; }
.course-principles-heading { display:grid;grid-template-columns:.8fr 1fr .8fr;align-items:end;gap:25px;margin-bottom:30px; }
.course-principles-heading h2 { font-size:clamp(32px,3.8vw,43px); }
.course-principles-heading>p { margin:0;color:var(--steel);font-size:10px;line-height:1.8; }
.principles-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }
.principle-card { min-height:185px;padding:21px;background:var(--white);border:1px solid #e4e3e9; }
.principle-card>span { color:var(--red);font:8px var(--mono); }
.principle-card h3 { margin:23px 0 8px;font-size:16px;letter-spacing:-.04em; }
.principle-card p { margin:0;color:var(--steel);font-size:9px;line-height:1.8; }
.course-ethics { background:var(--obsidian);color:var(--white); }
.ethics-inner { min-height:210px;display:grid;grid-template-columns:65px 1fr auto;align-items:center;gap:25px; }
.ethics-icon { width:56px;height:56px;display:grid;place-items:center;border:1px solid #ef444455;color:var(--red);font:12px var(--mono);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); }
.ethics-inner h2 { margin:8px 0;font-size:23px;letter-spacing:-.05em; }
.ethics-inner>div>p:last-child { max-width:630px;margin:0;color:#a4a8b2;font-size:9px;line-height:1.8; }
.ethics-inner .inline-link { color:#e3e4e8; }
.courses-final-cta,.course-detail-cta { color:var(--white);background:linear-gradient(110deg,#241e32,#15151b 67%,#21191f); }
.courses-cta-inner,.course-detail-cta-inner { min-height:260px;display:flex;justify-content:space-between;align-items:center;gap:24px;position:relative;overflow:hidden;padding-block:45px; }
.courses-cta-inner h2,.course-detail-cta-inner h2 { margin:12px 0;font-size:clamp(36px,4.8vw,52px);line-height:1;letter-spacing:-.07em; }
.courses-cta-inner>div>p:last-child,.course-detail-cta-inner>div>p:last-child { color:#a4a7b0;font-size:10px; }
.courses-cta-mark { position:absolute;right:14%;top:24px;color:#ffffff15;font-size:118px; }

/* Individual course information pages. */
.course-detail-hero { min-height:570px; }
.course-detail-red { background:var(--obsidian); }
.course-detail-red .course-detail-copy .section-index { color:#ff737a; }
.course-detail-layout { min-height:540px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:62px;position:relative;z-index:1;padding-block:45px; }
.course-detail-copy h1 { margin:15px 0 13px;font-size:clamp(48px,6vw,70px);line-height:1;letter-spacing:-.075em; }
.course-detail-violet .course-detail-copy h1 { color:var(--violet-soft); }
.course-detail-red .course-detail-copy h1 { color:#ff969b; }
.detail-status { margin-top:20px; }
.course-detail-lede { max-width:600px;color:#a6aab4;font-size:11px;line-height:1.9; }
.course-detail-actions { display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:24px; }
.course-detail-secondary { color:#d1d2d9;font-size:10px; }
.course-detail-secondary span { color:var(--red);margin-left:7px; }
.course-cover-card { min-height:340px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;background:linear-gradient(145deg,#201d2d,#111218);border:1px solid #ffffff24;box-shadow:0 25px 70px #0006; }
.course-detail-red .course-cover-card { background:linear-gradient(145deg,#2a1e25,#111218); }
.cover-kicker,.cover-category,.cover-status { color:#989ca7;font:7px var(--mono);letter-spacing:.12em; }
.cover-emblem { width:130px;height:130px;display:grid;place-items:center;align-self:center;position:relative;margin-block:18px;color:var(--violet-soft);font-size:42px;font-weight:800;letter-spacing:-.13em; }
.course-detail-red .cover-emblem { color:#ff969b; }
.cover-emblem i,.cover-emblem:before { content:"";position:absolute;inset:5px;border:1px solid #b39aff55;border-radius:50%; }
.cover-emblem:before { inset:18px;border-color:#ef444455; }
.cover-category { color:#b7a7e7; }
.course-detail-red .cover-category { color:#f08a8e; }
.course-cover-card>strong { margin-top:8px;color:var(--white);font-size:22px;letter-spacing:-.04em; }
.cover-status { margin-top:8px;color:#b3b5be; }
.course-overview { display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;padding-block:88px; }
.course-overview-copy h2 { margin:15px 0;font-size:clamp(34px,4vw,46px);line-height:1.05;letter-spacing:-.07em; }
.course-overview-copy>p:not(.eyebrow) { color:var(--steel);font-size:10px;line-height:1.9; }
.course-points { padding:22px;background:var(--white);border:1px solid var(--line); }
.course-points>h3 { margin:0 0 5px;font-size:15px; }
.course-point { display:grid;grid-template-columns:30px 1fr;gap:10px;padding-block:15px;border-top:1px solid #eceef1; }
.course-point:first-of-type { margin-top:10px; }
.course-point>span { color:var(--red);font:8px var(--mono); }
.course-point p { margin:0;color:#626977;font-size:9px;line-height:1.8; }
.course-outline-band { padding-block:80px;background:#f0eff4;border-block:1px solid #e5e4e9; }
.outline-heading { display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:27px; }
.outline-heading h2 { margin:12px 0 0;font-size:clamp(33px,4vw,45px);letter-spacing:-.07em; }
.outline-heading>p { color:var(--steel);font-size:10px; }
.outline-empty { min-height:140px;padding:22px;display:flex;align-items:center;gap:18px;background:var(--white);border:1px solid #e5e4e9; }
.outline-empty-icon { width:50px;height:50px;display:grid;place-items:center;flex:0 0 auto;background:#eee9fc;color:var(--violet);font-size:23px; }
.course-detail-red .outline-empty-icon { background:#fff0f0;color:var(--red); }
.outline-empty>div { flex:1; }
.outline-empty h3 { margin:0 0 6px;font-size:14px; }
.outline-empty p { margin:0;color:var(--steel);font-size:9px;line-height:1.7; }
.outline-list { border-top:1px solid #dad9e0; }
.outline-module { min-height:95px;display:grid;grid-template-columns:110px 1fr 25px;align-items:center;gap:16px;border-bottom:1px solid #dad9e0; }
.outline-module>span { color:var(--steel);font:8px var(--mono); }
.outline-module h3 { margin:0 0 5px;font-size:13px; }
.outline-module p { margin:0;color:var(--steel);font-size:9px; }
.outline-module>b { color:var(--red);font-size:16px; }
.course-faq-section { padding-block:85px; }
.course-faq-layout { display:grid;grid-template-columns:.7fr 1.3fr;gap:70px; }
.course-faq-intro h2 { margin:15px 0;font-size:clamp(35px,4vw,46px);line-height:1.04;letter-spacing:-.07em; }
.course-faq-intro>p:not(.eyebrow) { max-width:310px;color:var(--steel);font-size:10px;line-height:1.85; }
.course-faq-intro .inline-link { margin-top:8px; }

@media(max-width:1000px) {
  .catalog-course-card { grid-template-columns:1fr; }
  .catalog-art { min-height:190px; }
  .catalog-course-body { min-height:235px; }
  .courses-hero-layout { grid-template-columns:1fr .8fr;gap:15px; }
  .course-detail-layout { grid-template-columns:1fr .8fr;gap:35px; }
}
@media(max-width:760px) {
  .courses-hero { min-height:0; }
  .courses-hero-layout { min-height:0;grid-template-columns:1fr;gap:0;padding-block:52px 30px; }
  .courses-hero-copy h1 { font-size:clamp(54px,13vw,74px); }
  .courses-hero-visual { height:260px; }
  .course-orbit { width:290px;height:160px; }
  .orbit-course-two { width:240px;height:220px; }
  .course-stack { width:155px;height:178px; }
  .courses-intro-inner { min-height:0;grid-template-columns:1fr auto;gap:5px;padding-block:19px; }
  .courses-intro-inner .eyebrow { grid-column:1; }
  .courses-intro-inner>p:nth-child(2) { grid-column:1;margin:4px 0;font-size:12px; }
  .courses-intro-inner>span { grid-column:2;grid-row:1/span 2; }
  .courses-catalog { padding-block:70px; }
  .courses-heading { align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:24px; }
  .courses-heading h2 { font-size:40px; }
  .course-catalog-grid { grid-template-columns:1fr; }
  .catalog-course-card { grid-template-columns:.78fr 1.22fr;min-height:285px; }
  .catalog-art { min-height:100%; }
  .catalog-course-body { min-height:0;padding:17px; }
  .catalog-course-meta { flex-wrap:wrap; }
  .catalog-course-body h3 { margin-top:20px;font-size:21px; }
  .course-principles { padding-block:65px; }
  .course-principles-heading { grid-template-columns:1fr;gap:8px;margin-bottom:22px; }
  .course-principles-heading h2 { font-size:38px; }
  .principles-grid { grid-template-columns:1fr; }
  .principle-card { min-height:155px; }
  .principle-card h3 { margin-top:18px; }
  .ethics-inner { min-height:0;grid-template-columns:52px 1fr;gap:15px;padding-block:35px; }
  .ethics-icon { width:46px;height:46px; }
  .ethics-inner .inline-link { grid-column:2; }
  .courses-cta-inner,.course-detail-cta-inner { min-height:0;align-items:flex-start;flex-direction:column;padding-block:43px; }
  .courses-cta-mark { right:2%;font-size:80px; }
  .course-detail-hero { min-height:0; }
  .course-detail-layout { min-height:0;grid-template-columns:1fr;gap:25px;padding-block:27px 42px; }
  .course-detail-copy h1 { font-size:clamp(48px,12vw,64px); }
  .course-cover-card { min-height:290px; }
  .course-overview { grid-template-columns:1fr;gap:25px;padding-block:65px; }
  .course-overview-copy h2 { font-size:40px; }
  .course-outline-band { padding-block:62px; }
  .outline-heading { align-items:flex-start;flex-direction:column;gap:7px; }
  .outline-empty { align-items:flex-start;flex-wrap:wrap;padding:18px; }
  .outline-empty .course-status-pill { margin-left:68px; }
  .course-faq-section { padding-block:65px; }
  .course-faq-layout { grid-template-columns:1fr;gap:28px; }
  .course-faq-intro h2 { font-size:40px; }
}
@media(max-width:430px) {
  .catalog-course-card { grid-template-columns:1fr; }
  .catalog-art { min-height:170px; }
  .catalog-course-body { min-height:220px; }
  .course-detail-actions { align-items:flex-start;flex-direction:column;gap:15px; }
  .outline-module { grid-template-columns:75px 1fr 18px;gap:10px; }
  .outline-module>span { font-size:7px; }
  .course-faq-intro h2 { font-size:37px; }
}

/* Software catalog, category listings, and product pages. */
.software-hub-hero,.software-category-hero,.software-detail-hero { min-height:565px;position:relative;overflow:hidden;color:var(--white);background:var(--obsidian); }
.software-hub-grid { position:absolute;inset:0;opacity:.14;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent,#000 45%,#000); }
.software-hub-layout { min-height:515px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;position:relative;z-index:1;padding-block:50px 42px; }
.software-hub-copy h1 { margin:20px 0;font-size:clamp(54px,6.8vw,80px);line-height:.95;letter-spacing:-.08em; }
.software-hub-copy h1 span { color:var(--violet-soft); }
.software-hub-copy>p:not(.eyebrow):not(.software-scope-note) { max-width:500px;color:#a6aab4;font-size:12px;line-height:1.9; }
.hub-actions { display:flex;align-items:center;flex-wrap:wrap;gap:21px;margin-top:26px; }
.hub-note { display:flex;align-items:center;gap:7px;color:#969ba6;font:7px var(--mono);letter-spacing:.1em; }
.hub-note i { width:6px;height:6px;border-radius:50%;background:var(--red); }
.software-scope-note { max-width:490px;margin-top:24px;color:#858a96;font-size:8px;line-height:1.7; }
.software-hub-art,.category-hero-art { height:360px;display:grid;place-items:center;position:relative;isolation:isolate; }
.hub-glow { width:230px;height:230px;position:absolute;z-index:-1;border-radius:50%;background:var(--violet);filter:blur(70px);opacity:.26; }
.hub-orbit { width:360px;height:190px;position:absolute;border:1px solid #b39aff55;border-radius:50%;transform:rotate(-26deg); }
.hub-orbit-two { width:280px;height:260px;border-color:#ef444455;transform:rotate(37deg); }
.hub-chip { width:190px;height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(145deg,#282435,#111218);box-shadow:0 25px 70px #0008; }
.hub-chip>span { color:var(--violet-soft);font-size:48px;font-weight:800;letter-spacing:-.14em; }
.hub-chip>i { color:#9a9da6;font:6px var(--mono);letter-spacing:.12em;font-style:normal; }
.hub-float { position:absolute;padding:8px 10px;border:1px solid #ffffff22;background:#181923;color:#c2c3cd;font:7px var(--mono);letter-spacing:.1em; }
.hub-float-a { top:54px;left:0;transform:rotate(-8deg); }
.hub-float-b { right:0;bottom:56px;transform:rotate(7deg); }
.hub-cross { position:absolute;color:var(--red);font:18px var(--mono); }
.hub-cross-a { right:54px;top:45px; }
.hub-cross-b { left:48px;bottom:45px; }
.software-hero-bottom { display:flex;align-items:center;gap:12px;position:relative;z-index:1;padding-bottom:18px;color:#858a95;font:7px var(--mono);letter-spacing:.12em; }
.featured-product { background:#efedf6;border-block:1px solid #e3e0ec; }
.featured-product-layout { min-height:390px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:60px;padding-block:45px; }
.featured-product-status { display:inline-block;margin-top:15px;padding:6px 8px;border:1px solid #8b5cf655;color:#7654c3;font:7px var(--mono);letter-spacing:.08em; }
.featured-product-copy h2 { margin:13px 0;font-size:clamp(33px,4.5vw,50px);letter-spacing:-.07em; }
.featured-product-copy>p:not(.eyebrow) { max-width:440px;color:#6d7180;font-size:10px;line-height:1.85; }
.featured-product-copy .button { margin-top:9px; }
.featured-product-visual { min-height:300px;display:grid;place-items:center;position:relative; }
.featured-visual-glow { width:240px;height:180px;position:absolute;background:#8b5cf644;filter:blur(60px); }
.featured-window { width:min(100%,470px);position:relative;z-index:1;background:#12141a;border:1px solid #32343f;box-shadow:0 25px 65px #17192333;transform:perspective(900px) rotateY(-5deg) rotateX(2deg);transition:transform .35s; }
.featured-product-visual:hover .featured-window { transform:perspective(900px) rotateY(0) rotateX(0) translateY(-4px); }
.window-bar { height:32px;display:flex;align-items:center;gap:5px;padding:0 10px;border-bottom:1px solid #ffffff16;color:#989ca6;font:6px var(--mono);letter-spacing:.08em; }
.window-bar i { width:5px;height:5px;border-radius:50%;background:#ef4444; }
.window-bar i:nth-child(2) { background:#b39aff; }
.window-bar i:nth-child(3) { background:#6f7380; }
.window-bar span { margin-left:auto; }
.window-content { min-height:210px;display:grid;grid-template-columns:50px 1fr; }
.window-content>aside { display:flex;flex-direction:column;align-items:center;gap:16px;padding:14px 8px;border-right:1px solid #ffffff13; }
.window-content>aside b { color:var(--violet-soft);font-size:12px; }
.window-content>aside i { width:14px;height:4px;background:#555765; }
.window-main { padding:17px 20px; }
.window-kicker { color:#a1a5af;font:6px var(--mono);letter-spacing:.1em; }
.window-main>strong { display:block;margin:8px 0 14px;color:#e4e4ea;font-size:15px; }
.window-preview-row { display:flex;align-items:center;gap:8px;margin:8px 0;color:#a0a3ad;font-size:7px; }
.window-preview-row i { width:7px;height:7px;border:1px solid var(--violet-soft);border-radius:50%; }
.window-preview-button { display:inline-block;margin-top:9px;padding:7px 9px;background:#8b5cf6;color:white;font:6px var(--mono);letter-spacing:.1em; }
.featured-visual-caption { position:absolute;right:0;bottom:4px;color:#858a96;font:6px var(--mono);letter-spacing:.12em; }
.software-categories-section { padding-block:88px; }
.software-page-heading { display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px; }
.software-page-heading h2 { margin:14px 0 0;font-size:clamp(34px,4.4vw,49px);letter-spacing:-.07em; }
.software-page-heading>p { max-width:370px;color:var(--steel);font-size:10px;line-height:1.8; }
.software-category-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }
.software-category-card { min-height:245px;padding:19px;display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--white);border:1px solid var(--line);transition:transform .24s,border-color .24s,box-shadow .24s; }
.software-category-card:hover { transform:translateY(-5px);border-color:#b7a0f7;box-shadow:0 17px 35px #17192311; }
.category-card-number { color:#858b96;font:7px var(--mono);letter-spacing:.1em; }
.category-card-icon { width:45px;height:45px;display:grid;place-items:center;margin-top:20px;background:#eee9fc;color:var(--violet);font-size:20px;font-weight:800; }
.category-theme-flashing .category-card-icon,.category-theme-gaming .category-card-icon { background:#fff0f0;color:var(--red-deep); }
.category-card-title { margin-top:14px;color:var(--ink);font-size:15px;font-weight:700; }
.software-category-card>p { margin:7px 0 17px;color:var(--steel);font-size:8px;line-height:1.75; }
.category-card-bottom { display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid #eef0f3;color:#747a85;font:7px var(--mono);letter-spacing:.08em; }
.category-card-bottom b { color:var(--red);font:15px var(--sans); }
.software-catalog-band { padding-block:82px;background:var(--obsidian);color:var(--white); }
.dark-heading h2 { color:var(--white); }
.dark-heading>p { color:#a2a6b0; }
.catalog-group { margin-top:38px; }
.catalog-group-heading { display:flex;justify-content:space-between;align-items:end;gap:20px;padding-bottom:13px;border-bottom:1px solid #ffffff22; }
.catalog-group-heading>div>span { color:#f1f1f5;font-size:15px;font-weight:700; }
.catalog-group-heading>div>p { margin:5px 0 0;color:#969ba6;font-size:8px; }
.catalog-group-heading>a { color:#c9cbd2;font:7px var(--mono);letter-spacing:.09em;white-space:nowrap; }
.catalog-group-heading>a b { color:var(--red);font-size:12px; }
.catalog-product-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px; }
.catalog-product-card { display:grid;grid-template-columns:.8fr 1.2fr;min-height:225px;background:#181b23;border:1px solid #ffffff20;transition:transform .22s,border-color .22s,box-shadow .22s; }
.catalog-product-card:hover,.category-product-card:hover { transform:translateY(-5px);border-color:#8b5cf688;box-shadow:0 18px 40px #0004; }
.catalog-product-art { min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative;overflow:hidden;background:radial-gradient(circle at center,#8b5cf644,transparent 52%),linear-gradient(145deg,#292435,#12141a); }
.catalog-product-art:before,.catalog-product-art:after { content:"";position:absolute;width:125px;height:125px;border:1px solid #b39aff33;border-radius:50%; }
.catalog-product-art:after { width:92px;height:92px;border-color:#ef444433; }
.catalog-product-art>span,.catalog-product-art>b,.catalog-product-art>i { position:relative;z-index:1; }
.catalog-product-art>span { color:#c7b7f7;font-size:23px;font-weight:800;letter-spacing:-.07em; }
.catalog-product-art>b { color:#f1f0f5;font-size:11px; }
.catalog-product-art>i { position:absolute;bottom:10px;color:#9da0aa;font:6px var(--mono);letter-spacing:.11em;font-style:normal; }
.product-art-flashing { background:radial-gradient(circle at center,#ef444433,transparent 54%),linear-gradient(145deg,#302126,#12141a); }
.product-art-flashing>span { color:#ffb3b6; }
.catalog-product-info { padding:16px;display:flex;flex-direction:column;align-items:flex-start; }
.catalog-product-info>div,.category-product-info>div { width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px; }
.product-platform,.product-state { color:#969ba6;font:6px var(--mono);letter-spacing:.07em; }
.product-state { color:#c3b2f0; }
.catalog-product-info h3,.category-product-info h3 { margin:18px 0 6px;color:var(--white);font-size:16px;letter-spacing:-.04em; }
.catalog-product-info>p,.category-product-info>p { margin:0 0 14px;color:#a2a6b0;font-size:8px;line-height:1.75; }
.product-card-action { width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:11px;border-top:1px solid #ffffff20;color:#c5c7ce;font:6px var(--mono);letter-spacing:.08em; }
.product-card-action b { color:var(--red);font:14px var(--sans); }
.software-purchase-note { background:#f0eff4;border-block:1px solid #e4e2e9; }
.purchase-note-inner { min-height:190px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:20px; }
.purchase-note-icon { width:38px;height:38px;display:grid;place-items:center;border:1px solid #8b5cf655;border-radius:50%;color:var(--violet);font:14px var(--mono); }
.purchase-note-inner h2 { margin:6px 0;font-size:18px;letter-spacing:-.04em; }
.purchase-note-inner>div>p:last-child { max-width:700px;margin:0;color:var(--steel);font-size:8px;line-height:1.8; }
.purchase-note-inner .inline-link { white-space:nowrap; }
.software-final-cta,.software-detail-cta { color:var(--white);background:linear-gradient(110deg,#241e32,#15151b 67%,#21191f); }
.software-cta-inner,.software-detail-cta-inner { min-height:260px;display:flex;justify-content:space-between;align-items:center;gap:25px;position:relative;overflow:hidden;padding-block:42px; }
.software-cta-inner h2,.software-detail-cta-inner h2 { margin:12px 0;font-size:clamp(37px,4.8vw,52px);line-height:1;letter-spacing:-.07em; }
.software-cta-inner>div>p:last-child,.software-detail-cta-inner>div>p:last-child { color:#a5a8b2;font-size:9px; }
.software-cta-mark { position:absolute;right:15%;top:30px;color:#ffffff17;font-size:110px;font-weight:800;letter-spacing:-.12em; }

/* Category and product detail templates. */
.software-category-hero { min-height:500px; }
.gaming-category-hero { background:linear-gradient(120deg,#15141b,#101116 65%,#21191f); }
.category-hero-layout { min-height:475px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:35px;position:relative;z-index:1;padding-block:40px; }
.category-hero-copy h1 { margin:17px 0;font-size:clamp(45px,6vw,69px);line-height:1;letter-spacing:-.075em; }
.category-hero-copy>p:not(.eyebrow) { max-width:510px;color:#a6aab4;font-size:11px;line-height:1.9; }
.gaming-coming-pill { display:inline-block;margin-top:12px;padding:7px 10px;border:1px solid #ef444455;color:#ff999d;font:7px var(--mono);letter-spacing:.08em; }
.category-hero-art { height:315px; }
.category-products-section { padding-block:80px 95px; }
.category-products-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }
.category-product-card { display:grid;grid-template-columns:.85fr 1.15fr;min-height:245px;background:var(--white);border:1px solid var(--line);transition:transform .22s,border-color .22s,box-shadow .22s; }
.category-product-card .catalog-product-art { min-height:100%;background:radial-gradient(circle at center,#8b5cf633,transparent 52%),linear-gradient(145deg,#efebf7,#f6f6f8); }
.category-product-card .product-art-flashing { background:radial-gradient(circle at center,#ef444422,transparent 52%),linear-gradient(145deg,#f6e9eb,#f6f6f8); }
.category-product-card .catalog-product-art>span { color:var(--violet); }
.category-product-card .product-art-flashing>span { color:var(--red-deep); }
.category-product-card .catalog-product-art>b { color:var(--ink); }
.category-product-card .catalog-product-art>i { color:#717784; }
.category-product-info { padding:17px;display:flex;flex-direction:column;align-items:flex-start; }
.category-product-info h3 { color:var(--ink); }
.category-product-info>p { color:var(--steel); }
.category-product-info .product-platform { color:var(--steel); }
.category-product-info .product-card-action { color:#5c626e;border-color:#e8eaee; }
.gaming-empty { min-height:175px;padding:25px;display:flex;align-items:center;gap:22px;background:var(--white);border:1px solid var(--line); }
.gaming-empty-star { width:52px;height:52px;display:grid;place-items:center;border:1px solid #ef444455;border-radius:50%;color:var(--red);font-size:24px; }
.gaming-empty h3 { margin:6px 0;font-size:17px; }
.gaming-empty p { margin:0;color:var(--steel);font-size:9px; }

.software-detail-hero { min-height:590px; }
.software-detail-layout { min-height:555px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;position:relative;z-index:1;padding-block:35px; }
.software-detail-copy h1 { margin:15px 0 11px;font-size:clamp(48px,6vw,70px);line-height:1;letter-spacing:-.08em; }
.software-detail-copy .eyebrow { margin-top:0; }
.product-detail-status { display:inline-block;margin-top:19px;padding:6px 8px;border:1px solid #8b5cf655;color:#c6b4f1;font:7px var(--mono);letter-spacing:.08em; }
.preview-flashing .product-detail-status { border-color:#ef444455;color:#ff9c9f; }
.software-detail-lede { max-width:540px;color:#a7abb4;font-size:10px;line-height:1.9; }
.product-facts { display:flex;flex-wrap:wrap;gap:20px;margin-top:18px;padding-block:13px;border-block:1px solid #ffffff20; }
.product-facts span { display:grid;gap:5px; }
.product-facts small { color:#858b96;font:6px var(--mono);letter-spacing:.1em; }
.product-facts b { color:#d2d3d9;font-size:8px;font-weight:600; }
.software-detail-actions { display:flex;align-items:center;gap:19px;flex-wrap:wrap;margin-top:21px; }
.software-detail-actions .detail-secondary { color:#d4d5db;font-size:9px; }
.software-detail-actions .detail-secondary span { color:var(--red);margin-left:6px; }
.software-preview-scene { min-height:340px;display:grid;place-items:center;position:relative; }
.preview-window { width:min(100%,440px);position:relative;z-index:1;background:#151720;border:1px solid #ffffff2a;box-shadow:0 27px 70px #0007;transform:perspective(900px) rotateY(-5deg) rotateX(2deg);transition:transform .35s; }
.software-preview-scene:hover .preview-window { transform:perspective(900px) rotateY(0) rotateX(0) translateY(-4px); }
.preview-window-top { height:34px;display:flex;align-items:center;gap:14px;padding:0 10px;border-bottom:1px solid #ffffff1a;color:#acafb8;font:6px var(--mono);letter-spacing:.08em; }
.preview-dots { display:flex;gap:4px; }
.preview-dots i { width:5px;height:5px;border-radius:50%;background:#ef4444; }
.preview-dots i:nth-child(2) { background:#8b5cf6; }
.preview-dots i:nth-child(3) { background:#686e78; }
.preview-window-top>b { margin-left:auto;padding:4px 5px;border:1px solid #8b5cf655;color:#c5b3f1;font-size:5px; }
.preview-window-body { min-height:255px;display:grid;grid-template-columns:50px 1fr; }
.preview-sidebar { display:flex;flex-direction:column;align-items:center;gap:16px;padding:15px 8px;border-right:1px solid #ffffff15; }
.preview-logo { color:var(--violet-soft);font-size:12px;font-weight:800; }
.preview-sidebar>i { width:14px;height:4px;background:#555965; }
.preview-sidebar>i:first-of-type { background:#8b5cf6; }
.preview-sidebar>span:last-child { margin-top:auto;color:#858a95;font:5px var(--mono); }
.preview-main { padding:16px; }
.preview-main-title { display:flex;justify-content:space-between;align-items:center;color:#9ca1ac;font:6px var(--mono);letter-spacing:.08em; }
.preview-main-title>b { color:#ff999d;font-size:5px; }
.preview-hero-block { min-height:100px;margin-top:13px;padding:14px;display:flex;flex-direction:column;gap:9px;background:linear-gradient(110deg,#242032,#1b1b24);border:1px solid #ffffff14; }
.preview-hero-block>span { color:#aaa4b9;font:5px var(--mono);letter-spacing:.08em; }
.preview-hero-block>strong { color:#eeeaf6;font-size:13px; }
.preview-hero-block>i { width:52%;height:3px;background:linear-gradient(90deg,#8b5cf6,#ef4444); }
.preview-info-grid { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px; }
.preview-info-grid>div { display:grid;gap:6px;padding:9px;background:#1d202a;border:1px solid #ffffff10; }
.preview-info-grid span { color:#818794;font:5px var(--mono); }
.preview-info-grid b { color:#d2d4dc;font-size:7px;font-weight:500; }
.preview-placeholder-lines { display:grid;gap:5px;margin-top:10px; }
.preview-placeholder-lines i { width:100%;height:3px;background:#ffffff14; }
.preview-placeholder-lines i:nth-child(2) { width:76%; }
.preview-placeholder-lines i:nth-child(3) { width:88%; }
.preview-scene-caption { position:absolute;right:0;bottom:7px;color:#8d929c;font:6px var(--mono);letter-spacing:.1em; }
.software-overview { display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:60px;padding-block:88px; }
.software-overview-copy h2 { margin:14px 0;font-size:clamp(34px,4.2vw,47px);line-height:1.04;letter-spacing:-.07em; }
.software-overview-copy>p:not(.eyebrow) { color:var(--steel);font-size:10px;line-height:1.9; }
.frontend-disclaimer { display:flex;align-items:flex-start;gap:14px;padding:22px;background:#eeebf8;border:1px solid #e1dcef; }
.disclaimer-icon { width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #8b5cf655;border-radius:50%;color:var(--violet);font:11px var(--mono); }
.frontend-disclaimer h3 { margin:2px 0 7px;font-size:12px; }
.frontend-disclaimer p { margin:0;color:#696e7a;font-size:8px;line-height:1.8; }
.software-specs-band { padding-block:78px;background:#f0eff4;border-block:1px solid #e4e2e9; }
.software-specs-heading { margin-bottom:25px; }
.software-specs-heading h2 { font-size:clamp(33px,4vw,45px); }
.specs-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px; }
.spec-card { min-height:135px;padding:18px;background:var(--white);border:1px solid #e3e2e8; }
.spec-card>span { color:#858b96;font:7px var(--mono);letter-spacing:.1em; }
.spec-card h3 { margin:17px 0 6px;font-size:14px; }
.spec-card p { margin:0;color:var(--steel);font-size:8px;line-height:1.7; }
.product-info-pending { display:flex;align-items:flex-start;gap:13px;margin-top:13px;padding:17px;background:var(--white);border:1px solid #e3e2e8; }
.product-info-pending>span { color:var(--red);font-size:19px; }
.product-info-pending h3 { margin:2px 0 5px;font-size:12px; }
.product-info-pending p { margin:0;color:var(--steel);font-size:8px;line-height:1.7; }
.feature-list { margin-top:20px;padding:19px;background:var(--white);border:1px solid #e3e2e8; }
.feature-list h3 { margin:0 0 10px;font-size:13px; }
.feature-list>div { display:flex;gap:9px;align-items:flex-start;padding-block:9px;border-top:1px solid #eceef1; }
.feature-list>div>span { color:var(--red); }
.feature-list p { margin:0;color:var(--steel);font-size:9px; }
.software-authorized-band { color:var(--white);background:var(--obsidian); }
.authorized-inner { min-height:220px;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:20px;padding-block:35px; }
.authorized-mark { width:36px;height:36px;display:grid;place-items:center;border:1px solid #ef444477;border-radius:50%;color:#ff9297;font:13px var(--mono); }
.authorized-inner h2 { margin:8px 0;font-size:23px;letter-spacing:-.05em; }
.authorized-inner>div>p:last-child { max-width:780px;margin:0;color:#a4a8b2;font-size:9px;line-height:1.85; }
.software-faq-section { padding-block:83px; }
.software-faq-layout { display:grid;grid-template-columns:.7fr 1.3fr;gap:68px; }
.software-faq-copy h2 { margin:14px 0;font-size:clamp(35px,4vw,46px);line-height:1.04;letter-spacing:-.07em; }
.software-faq-copy>p:not(.eyebrow) { max-width:320px;color:var(--steel);font-size:9px;line-height:1.8; }
.software-faq-copy .inline-link { margin-top:8px; }
.software-detail-cta-inner { min-height:260px; }

/* Launch status replaces the detail actions on announced-soon products. */
.software-detail-hero.is-launching-soon .launch-status-label { border-color:#ef444477;color:#ff9a9f; }
.software-launch-status { min-height:88px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:13px;margin-top:21px;padding:14px 16px;position:relative;overflow:hidden;background:linear-gradient(105deg,#191922,#17171d 70%,#21191f);border:1px solid #ffffff20;border-left:2px solid var(--red); }
.software-launch-status:after { content:"";width:150px;height:150px;position:absolute;right:-85px;top:-100px;border:1px solid #8b5cf633;border-radius:50%;box-shadow:0 0 0 18px #8b5cf60a,0 0 0 38px #8b5cf608;pointer-events:none; }
.launch-status-mark { width:28px;height:28px;display:grid;place-items:center;border:1px solid #ef444455;border-radius:50%;background:#ef444411; }
.launch-status-mark i { width:7px;height:7px;border-radius:50%;background:#fb6571;box-shadow:0 0 12px #fb6571aa;animation:launch-pulse 2s ease-in-out infinite; }
.software-launch-status>div { min-width:0;position:relative;z-index:1; }
.launch-status-kicker { display:block;color:#a89acb;font:6px var(--mono);letter-spacing:.12em; }
.software-launch-status strong { display:block;margin-top:5px;color:#f6f4fb;font-size:15px;line-height:1.2;letter-spacing:-.03em; }
.software-launch-status p { max-width:440px;margin:5px 0 0;color:#a5a7b0;font-size:8px;line-height:1.65; }
.launch-status-index { position:relative;z-index:1;padding-left:13px;border-left:1px solid #ffffff20;color:#858995;font:6px/1.7 var(--mono);letter-spacing:.1em;text-align:right; }
@keyframes launch-pulse { 50% { opacity:.48;box-shadow:0 0 4px #fb657166;transform:scale(.82); } }
@media(max-width:760px) { .software-launch-status { grid-template-columns:30px 1fr;gap:10px;padding:13px; } .launch-status-index { display:none; } }
@media(prefers-reduced-motion:reduce) { .launch-status-mark i { animation:none; } }

@media(max-width:1000px) {
  .software-hub-layout,.category-hero-layout { grid-template-columns:1fr .8fr;gap:18px; }
  .catalog-product-card,.category-product-card { grid-template-columns:1fr; }
  .catalog-product-art,.category-product-card .catalog-product-art { min-height:145px; }
  .catalog-product-info,.category-product-info { min-height:195px; }
  .software-detail-layout { grid-template-columns:1fr .9fr;gap:25px; }
  .software-preview-scene { min-height:290px; }
}
@media(max-width:760px) {
  .software-hub-hero,.software-category-hero,.software-detail-hero { min-height:0; }
  .software-hub-layout,.category-hero-layout { min-height:0;grid-template-columns:1fr;gap:0;padding-block:50px 28px; }
  .software-hub-copy h1 { font-size:clamp(52px,13vw,74px); }
  .software-hub-art,.category-hero-art { height:255px; }
  .hub-orbit { width:290px;height:155px; }
  .hub-orbit-two { width:240px;height:220px; }
  .hub-chip { width:155px;height:178px; }
  .software-hero-bottom { padding-bottom:14px; }
  .featured-product-layout { min-height:0;grid-template-columns:1fr;gap:15px;padding-block:42px; }
  .featured-product-visual { min-height:245px; }
  .software-categories-section,.category-products-section { padding-block:65px; }
  .software-page-heading { align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:22px; }
  .software-page-heading h2 { font-size:39px; }
  .software-category-grid { grid-template-columns:1fr; }
  .software-category-card { min-height:210px; }
  .software-catalog-band { padding-block:62px; }
  .catalog-group { margin-top:28px; }
  .catalog-group-heading { align-items:flex-start;flex-direction:column;gap:10px; }
  .catalog-product-grid,.category-products-grid { grid-template-columns:1fr; }
  .catalog-product-card,.category-product-card { grid-template-columns:.78fr 1.22fr;min-height:220px; }
  .catalog-product-art,.category-product-card .catalog-product-art { min-height:100%; }
  .catalog-product-info,.category-product-info { min-height:0;padding:14px; }
  .catalog-product-info>div,.category-product-info>div { flex-wrap:wrap; }
  .catalog-product-info h3,.category-product-info h3 { margin-top:13px; }
  .purchase-note-inner { grid-template-columns:38px 1fr;gap:13px;padding-block:22px; }
  .purchase-note-inner .inline-link { grid-column:2; }
  .software-cta-inner,.software-detail-cta-inner { min-height:0;align-items:flex-start;flex-direction:column;padding-block:42px; }
  .software-cta-mark { right:2%;font-size:78px; }
  .category-hero-copy h1 { font-size:clamp(44px,11vw,60px); }
  .software-detail-layout { min-height:0;grid-template-columns:1fr;gap:15px;padding-block:25px 39px; }
  .software-detail-copy h1 { font-size:clamp(46px,12vw,62px); }
  .software-preview-scene { min-height:280px; }
  .preview-window { width:100%; }
  .software-overview { grid-template-columns:1fr;gap:24px;padding-block:63px; }
  .software-overview-copy h2 { font-size:40px; }
  .software-specs-band { padding-block:62px; }
  .specs-grid { grid-template-columns:1fr; }
  .spec-card { min-height:115px; }
  .authorized-inner { min-height:0;padding-block:30px; }
  .software-faq-section { padding-block:63px; }
  .software-faq-layout { grid-template-columns:1fr;gap:26px; }
  .software-faq-copy h2 { font-size:39px; }
  .gaming-empty { align-items:flex-start;gap:14px;padding:18px; }
  .gaming-empty-star { width:42px;height:42px;flex:0 0 auto; }
}
@media(max-width:430px) {
  .catalog-product-card,.category-product-card { grid-template-columns:1fr; }
  .catalog-product-art,.category-product-card .catalog-product-art { min-height:160px; }
  .catalog-product-info,.category-product-info { min-height:190px; }
  .hub-actions { align-items:flex-start;flex-direction:column;gap:14px; }
  .product-facts { gap:14px; }
  .software-detail-actions { align-items:flex-start;flex-direction:column;gap:14px; }
  .purchase-note-inner { grid-template-columns:1fr; }
  .purchase-note-inner .inline-link { grid-column:1; }
}

/* Hexu Store: curated personal collection */
.store-page,.store-detail-page { background:var(--page); }
.store-hero { position:relative;overflow:hidden;background:#0b0b0e;color:#f8f7fb; }
.store-hero:before { content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 78% 48%,#7c3aed20,transparent 36%),radial-gradient(ellipse at 12% 92%,#e11d4820,transparent 34%);pointer-events:none; }
.store-hero-layout { min-height:520px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:60px;padding-block:72px;position:relative; }
.store-hero-copy h1 { margin:22px 0;font-size:clamp(54px,7vw,88px);line-height:.94;letter-spacing:-.075em; }
.store-hero-copy h1 span { color:#a78bfa; }
.store-hero-copy>p:not(.eyebrow) { max-width:510px;color:#a4a1ad;font-size:15px;line-height:1.85; }
.store-hero-stats { display:flex;gap:30px;margin-top:42px;padding-top:19px;border-top:1px solid #ffffff20; }
.store-hero-stats span { color:#85818e;font:8px var(--mono);letter-spacing:.1em; }
.store-hero-stats b { display:block;margin-bottom:8px;color:#f8f7fb;font-size:18px;letter-spacing:0; }
.store-hero-art { min-height:355px;position:relative;display:grid;place-items:center;border:1px solid #ffffff17;background:linear-gradient(145deg,#18171f,#101014 60%,#1a1118);overflow:hidden; }
.store-hero-art:before,.store-hero-art:after { content:"";position:absolute;width:280px;height:280px;border:1px solid #a78bfa30;border-radius:50%; }
.store-hero-art:after { width:215px;height:215px;border-color:#fb718530; }
.store-orbit { position:absolute;width:340px;height:120px;border:1px solid #ffffff20;border-radius:50%;transform:rotate(-33deg); }
.orbit-two { transform:rotate(33deg);border-color:#a78bfa30; }
.store-hero-monogram { z-index:1;font-size:clamp(90px,13vw,160px);font-weight:850;letter-spacing:-.14em;color:#f8f7fb;text-shadow:0 0 65px #a78bfa55; }
.store-hero-monogram span { color:#fb7185;font-size:.48em;vertical-align:top; }
.store-art-label,.store-art-index { position:absolute;z-index:2;bottom:18px;left:20px;color:#8a8794;font:8px var(--mono);letter-spacing:.14em; }
.store-art-index { left:auto;right:20px; }
.store-art-cross { position:absolute;top:20px;right:22px;color:#fb7185;font-size:24px;font-weight:300; }
.store-intro-band { background:#f2f0f5;border-bottom:1px solid var(--line); }
.store-intro-inner { min-height:72px;display:flex;align-items:center;gap:14px; }
.store-live-dot,.store-status-pill i { width:7px;height:7px;display:inline-block;border-radius:50%;background:#f87171;box-shadow:0 0 12px #f87171aa; }
.store-intro-inner p { margin:0;color:#686473;font-size:11px; }
.store-intro-inner p strong { color:#16151b; }
.store-intro-count { margin-left:auto;color:#888493;font:8px var(--mono);letter-spacing:.12em; }
.store-collections { padding-block:84px 95px; }
.store-section-heading { display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:48px; }
.store-section-heading h2 { margin:12px 0 0;font-size:clamp(37px,5vw,56px);line-height:1;letter-spacing:-.07em; }
.store-section-heading>p { max-width:360px;color:var(--steel);font-size:12px;line-height:1.8; }
.store-category-block { margin-top:55px; }
.store-category-heading { display:flex;justify-content:space-between;align-items:center;padding-bottom:19px;border-bottom:1px solid var(--line); }
.store-category-heading h3 { margin:8px 0 5px;font-size:27px;letter-spacing:-.05em; }
.store-category-heading p { margin:0;color:var(--steel);font-size:11px; }
.store-category-count { color:#9a78eb;font-size:25px;font-weight:700;letter-spacing:-.06em; }
.store-category-count small { color:#92909a;font:8px var(--mono);letter-spacing:.08em; }
.store-product-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:20px; }
.store-product-card { min-width:0;display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--line);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.store-product-card:hover { transform:translateY(-5px);border-color:#b7a4e9;box-shadow:0 16px 38px #21163812; }
.store-product-visual,.store-detail-visual { min-height:205px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#ffffff,#f1eff6 72%); }
.store-product-visual:before,.store-detail-visual:before { content:"";position:absolute;width:150px;height:150px;border:1px solid #8b5cf626;border-radius:50%; }
.store-product-visual:after,.store-detail-visual:after { content:"";position:absolute;width:195px;height:195px;border:1px dashed #ef444422;border-radius:50%; }
.store-product-number { position:absolute;z-index:2;top:14px;left:14px;color:#898593;font:8px var(--mono);letter-spacing:.1em; }
.store-status-pill { position:absolute;z-index:2;right:11px;top:11px;display:flex;align-items:center;gap:6px;padding:7px 8px;background:#fff;border:1px solid #e7e4eb;color:#5d5967;font:7px var(--mono);letter-spacing:.08em; }
.store-status-pill i { width:5px;height:5px; }
.store-visual-caption { position:absolute;z-index:2;bottom:12px;left:14px;color:#aaa6b1;font:7px var(--mono);letter-spacing:.13em; }
.store-object { z-index:1;width:88px;height:88px;position:relative;display:grid;place-items:center;color:#d9d2e9;background:linear-gradient(145deg,#28232f,#121116);border:1px solid #9b8bb855;border-radius:22px;box-shadow:0 20px 35px #2921332e;transform:rotate(-8deg);transition:transform .25s ease; }
.store-product-card:hover .store-object { transform:rotate(0) scale(1.06); }
.store-object span { font:700 18px var(--mono);letter-spacing:-.08em; }
.store-object i { position:absolute;width:8px;height:8px;right:12px;top:12px;border-radius:50%;background:#f87171;box-shadow:0 0 11px #f87171; }
.object-laptop,.object-keyboard { width:112px;height:70px;border-radius:8px; }
.object-laptop:after { content:"";position:absolute;bottom:-7px;left:-8px;width:128px;height:7px;border-radius:2px;background:#aaa2b6; }
.object-tshirt,.object-pant { width:76px;height:90px;border-radius:12px 12px 24px 24px; }
.object-mask { width:100px;height:65px;border-radius:50% 50% 45% 45%; }
.object-watch,.object-bracelet,.object-headphones { width:66px;height:94px;border-radius:23px; }
.object-pen,.object-keychain { width:28px;height:104px;border-radius:18px;transform:rotate(24deg); }
.object-diary { width:72px;height:98px;border-radius:8px; }
.object-mobile { width:60px;height:110px;border-radius:15px; }
.object-mouse { width:58px;height:90px;border-radius:50% 50% 42% 42%; }
.store-product-info { flex:1;min-height:173px;padding:17px;display:flex;flex-direction:column; }
.store-item-category { color:#8d77bf;font:8px var(--mono);letter-spacing:.1em;text-transform:uppercase; }
.store-product-info h4 { margin:9px 0 7px;font-size:18px;letter-spacing:-.04em; }
.store-product-info p { margin:0;color:var(--steel);font-size:10px;line-height:1.7; }
.store-card-action { display:flex;justify-content:space-between;margin-top:auto;padding-top:18px;color:#625b70;font:8px var(--mono);letter-spacing:.1em; }
.store-card-action b { color:#8b5cf6;font-size:13px; }
.store-launch-band { background:#101014;color:#f8f7fb; }
.store-launch-inner { min-height:220px;display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:25px;position:relative; }
.store-launch-icon { width:52px;height:52px;display:grid;place-items:center;border:1px solid #a78bfa55;color:#c4b5fd;font-size:24px; }
.store-launch-inner h2 { margin:9px 0;font-size:34px;letter-spacing:-.06em; }
.store-launch-inner>div>p:last-child { max-width:500px;color:#9b98a4;font-size:11px;line-height:1.7; }
.store-detail-hero { background:#0b0b0e;color:#f8f7fb; }
.store-detail-layout { min-height:550px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:65px;padding-block:55px; }
.store-back-link { display:inline-block;margin-bottom:36px;color:#aaa5b2;text-decoration:none;font-size:11px; }
.store-back-link:hover { color:white; }
.store-detail-category { display:block;margin-top:28px;color:#9e8acb;font:8px var(--mono);letter-spacing:.12em;text-transform:uppercase; }
.store-detail-copy h1 { margin:10px 0;font-size:clamp(48px,6vw,76px);line-height:.98;letter-spacing:-.07em; }
.store-detail-copy h1 span { color:#fb7185; }
.store-detail-description { max-width:460px;color:#aaa7b2;font-size:13px;line-height:1.8; }
.detail-status { position:static;width:max-content;margin-top:17px;background:#17151d;border-color:#ffffff20;color:#ddd9e5; }
.store-detail-note { max-width:450px;margin-top:21px;color:#8b8793;font-size:10px;line-height:1.8; }
.store-detail-visual { min-height:390px;border:1px solid #ffffff16;background:radial-gradient(ellipse at 50% 55%,#282333,#141219 72%); }
.store-detail-visual:before { width:240px;height:240px;border-color:#a78bfa36; }
.store-detail-visual:after { width:300px;height:300px;border-color:#fb718530; }
.store-detail-visual .store-object { width:132px;height:132px;transform:rotate(-8deg) scale(1.3); }
.store-detail-content { padding-block:70px 90px; }
.store-personal-note { display:grid;grid-template-columns:68px 1fr auto;align-items:center;gap:25px;padding:32px;border:1px solid var(--line);background:white; }
.store-note-mark { width:62px;height:62px;display:grid;place-items:center;background:#121116;color:#c4b5fd;font-size:23px;font-weight:800;letter-spacing:-.1em; }
.store-personal-note h2 { margin:8px 0;font-size:27px;letter-spacing:-.05em; }
.store-personal-note p:last-child { max-width:590px;margin:0;color:var(--steel);font-size:11px;line-height:1.8; }
.store-note-signature { color:#908b99;font:8px var(--mono);letter-spacing:.1em; }
.store-detail-launch { display:flex;align-items:center;gap:15px;margin-top:18px;padding:23px 25px;background:#f1eff5;border:1px solid var(--line); }
.store-detail-launch>div { flex:1; }
.store-detail-launch b { font:9px var(--mono);letter-spacing:.1em; }
.store-detail-launch p { margin:6px 0 0;color:var(--steel);font-size:10px; }
.store-detail-launch .inline-link { white-space:nowrap; }
.store-teaser-items { display:flex;flex-wrap:wrap;gap:6px;margin:13px 0; }
.store-teaser-items span,.store-teaser-items b { padding:6px 8px;background:#f1eff6;color:#686273;font:7px var(--mono);letter-spacing:.04em; }
.store-teaser-items b { background:#17151d;color:#d4c5ff; }
@media(max-width:950px) {
 .store-product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .store-hero-layout,.store-detail-layout { gap:32px; }
 .store-hero-art { min-height:300px; }
}
@media(max-width:700px) {
 .store-hero-layout,.store-detail-layout { min-height:0;grid-template-columns:1fr;padding-block:55px 40px; }
 .store-hero-copy h1 { font-size:clamp(52px,13vw,76px); }
 .store-hero-art { min-height:270px; }
 .store-hero-stats { gap:16px;justify-content:space-between; }
 .store-hero-stats span { font-size:7px; }
 .store-hero-stats b { font-size:15px; }
 .store-intro-inner { min-height:68px; }
 .store-intro-count { display:none; }
 .store-collections { padding-block:58px; }
 .store-section-heading { align-items:flex-start;flex-direction:column;gap:9px;margin-bottom:30px; }
 .store-section-heading h2 { font-size:40px; }
 .store-category-block { margin-top:38px; }
 .store-product-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
 .store-product-visual { min-height:170px; }
 .store-object { transform:scale(.82) rotate(-8deg); }
 .store-product-info { min-height:175px;padding:13px; }
 .store-product-info h4 { font-size:16px; }
 .store-launch-inner { min-height:0;grid-template-columns:46px 1fr;gap:15px;padding-block:35px; }
 .store-launch-icon { width:42px;height:42px; }
 .store-launch-inner h2 { font-size:28px; }
 .store-launch-inner>.button { grid-column:2;width:max-content; }
 .store-detail-layout { gap:28px; }
 .store-detail-copy h1 { font-size:56px; }
 .store-detail-visual { min-height:290px; }
 .store-personal-note { grid-template-columns:48px 1fr;gap:15px;padding:20px; }
 .store-note-mark { width:46px;height:46px; }
 .store-note-signature { grid-column:2; }
 .store-detail-content { padding-block:45px 60px; }
 .store-detail-launch { align-items:flex-start;flex-wrap:wrap;padding:18px; }
 .store-detail-launch>div { flex-basis:80%; }
 .store-detail-launch .inline-link { margin-left:22px; }
}
@media(max-width:430px) {
 .store-product-grid { grid-template-columns:1fr; }
 .store-product-card { display:grid;grid-template-columns:.9fr 1.1fr; }
 .store-product-visual { min-height:205px; }
 .store-product-info { min-height:205px; }
 .store-category-heading h3 { font-size:23px; }
 .store-category-count { font-size:20px; }
 .store-detail-copy h1 { font-size:48px; }
 .store-detail-launch .inline-link { margin-left:0; }
 .store-intro-inner p { font-size:10px; }
}


/* About Hexu and Eagle Hex */
.about-page { background:var(--page); }
.about-hero { position:relative;overflow:hidden;background:#0d0f14;color:#f7f6fa; }
.about-hero:before { content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 38%,#8b5cf620,transparent 34%),radial-gradient(ellipse at 15% 90%,#ef444416,transparent 30%); }
.about-hero-layout { min-height:570px;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:64px;padding-block:74px; }
.about-hero-copy h1 { margin:23px 0;font-size:clamp(50px,6.5vw,82px);line-height:.98;letter-spacing:-.075em; }
.about-hero-copy h1 span { color:#b39aff; }
.about-hero-lede { max-width:510px;color:#a8aab4;font-size:13px;line-height:1.9; }
.about-hero-actions { display:flex;align-items:center;gap:25px;margin-top:27px; }
.about-text-link { color:#c8c2d2;font-size:10px; }
.about-text-link span { margin-left:8px;color:#fb7185;font-size:14px; }
.about-portrait-scene { min-height:370px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid #ffffff17;background:linear-gradient(140deg,#1b1923,#111116 62%,#1b1118); }
.about-scene-grid { position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(135deg,black,transparent 85%); }
.about-scene-orbit { position:absolute;width:290px;height:290px;border:1px solid #a78bfa35;border-radius:50%; }
.about-orbit-b { width:215px;height:215px;border-color:#fb718535; }
.about-monogram { position:relative;z-index:1;color:#f1edf8;font-size:205px;line-height:.8;font-weight:800;letter-spacing:-.12em;text-shadow:0 0 70px #8b5cf644; }
.about-monogram span { color:#fb7185; }
.about-identity-card { position:absolute;z-index:2;left:20px;bottom:20px;display:flex;flex-direction:column;gap:6px;padding:13px 16px;background:#101015eF;border:1px solid #ffffff20; }
.about-identity-card span,.about-identity-card small,.about-scene-coordinate { color:#9692a0;font:7px var(--mono);letter-spacing:.12em; }
.about-identity-card strong { color:#fff;font-size:17px;letter-spacing:.08em; }
.about-identity-card small { color:#c2b8d6; }
.about-scene-coordinate { position:absolute;right:17px;bottom:19px; }
.about-scene-plus { position:absolute;top:17px;right:21px;color:#fb7185;font-size:26px;font-weight:300; }
.about-manifesto { background:#f0eef4;border-bottom:1px solid var(--line); }
.about-manifesto-inner { min-height:158px;display:flex;align-items:center;gap:22px; }
.about-quote-mark { color:#8b5cf6;font-size:65px;line-height:.7;font-family:Georgia,serif; }
.about-manifesto-inner>p { margin:0;font-size:21px;line-height:1.45;letter-spacing:-.04em; }
.about-manifesto-inner>p strong { color:#71628d; }
.about-manifesto-sign { margin-left:auto;color:#9995a1;font:8px var(--mono);letter-spacing:.11em; }
.about-story { display:grid;grid-template-columns:.55fr 1.45fr;gap:65px;padding-block:100px; }
.about-story-label { display:flex;flex-direction:column;justify-content:space-between; }
.about-vertical-mark { width:max-content;color:#ddd9e5;font-size:37px;font-weight:800;line-height:.9;letter-spacing:-.1em; }
.about-story-copy h2,.about-focus-heading h2,.about-principles-heading h2 { margin:0 0 22px;font-size:clamp(38px,5vw,56px);line-height:1;letter-spacing:-.07em; }
.about-story-copy>p { max-width:700px;color:var(--steel);font-size:12px;line-height:1.9; }
.about-story-copy .inline-link { margin-top:11px; }
.about-focus { padding-block:82px 95px;background:#111116;color:#f6f5f8; }
.about-focus-inner { display:grid;grid-template-columns:.75fr 1.25fr;gap:55px; }
.about-focus-heading h2 { margin-top:22px; }
.about-focus-heading>p:last-child { max-width:270px;color:#96939e;font-size:11px;line-height:1.8; }
.about-focus-grid { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
.about-focus-card { min-height:225px;position:relative;padding:21px;border:1px solid #ffffff1d;background:linear-gradient(145deg,#191920,#141418);transition:transform .22s ease,border-color .22s ease; }
.about-focus-card:hover { transform:translateY(-4px);border-color:#a78bfa77; }
.about-focus-index { color:#9b96a4;font:7px var(--mono);letter-spacing:.11em; }
.about-focus-symbol { position:absolute;right:19px;top:14px;color:#ad95ed;font-size:24px; }
.about-focus-card h3 { margin:26px 0 7px;font-size:21px;letter-spacing:-.04em; }
.about-focus-card p { max-width:260px;margin:0;color:#a09da8;font-size:10px;line-height:1.75; }
.about-focus-arrow { position:absolute;left:21px;bottom:18px;color:#c4b5fd;font:7px var(--mono);letter-spacing:.08em; }
.about-principles { display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;padding-block:94px; }
.about-principles-heading h2 { margin-top:22px;font-size:clamp(35px,4vw,48px); }
.about-principle { display:grid;grid-template-columns:36px 1fr 20px;gap:15px;align-items:start;padding:20px 0;border-bottom:1px solid var(--line); }
.about-principle:first-child { border-top:1px solid var(--line); }
.about-principle>span { color:#8b5cf6;font:9px var(--mono); }
.about-principle h3 { margin:0 0 5px;font-size:16px;letter-spacing:-.03em; }
.about-principle p { max-width:470px;margin:0;color:var(--steel);font-size:10px;line-height:1.75; }
.about-principle>b { color:#b0a3cd;font-size:14px; }
.about-final-cta { background:#0d0f14;color:#f8f7fb; }
.about-final-inner { min-height:285px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden; }
.about-final-inner>div:first-child { position:relative;z-index:1; }
.about-final-inner h2 { margin:13px 0;font-size:46px;line-height:.98;letter-spacing:-.07em; }
.about-final-inner>div>p:last-child { max-width:420px;color:#a2a0aa;font-size:10px;line-height:1.8; }
.about-final-inner>.button { position:relative;z-index:1; }
.about-cta-mark { position:absolute;right:19%;color:#ffffff08;font-size:190px;font-weight:850;letter-spacing:-.13em; }
@media(max-width:760px) {
 .about-hero-layout { min-height:0;grid-template-columns:1fr;gap:34px;padding-block:56px 40px; }
 .about-hero-copy h1 { font-size:clamp(48px,11vw,70px); }
 .about-portrait-scene { min-height:285px; }
 .about-monogram { font-size:160px; }
 .about-manifesto-inner { min-height:130px;gap:13px; }
 .about-manifesto-inner>p { font-size:17px; }
 .about-manifesto-sign { display:none; }
 .about-story,.about-focus-inner,.about-principles { grid-template-columns:1fr;gap:30px;padding-block:60px; }
 .about-story-label { gap:20px; }
 .about-vertical-mark { display:none; }
 .about-focus { padding-block:60px; }
 .about-focus-grid { gap:9px; }
 .about-focus-card { min-height:215px;padding:16px; }
 .about-focus-arrow { left:16px; }
 .about-principles-heading h2 { font-size:40px; }
 .about-final-inner { min-height:0;align-items:flex-start;flex-direction:column;padding-block:50px; }
 .about-final-inner h2 { font-size:40px; }
 .about-cta-mark { right:4%;font-size:120px; }
}
@media(max-width:430px) {
 .about-focus-grid { grid-template-columns:1fr; }
 .about-focus-card { min-height:185px; }
 .about-hero-actions { align-items:flex-start;flex-direction:column;gap:17px; }
 .about-manifesto-inner>p { font-size:14px; }
 .about-quote-mark { font-size:48px; }
 .about-scene-coordinate { display:none; }
}

/* International contact number input */
.auth-phone-field { display:grid;gap:8px; }
.auth-phone-field>label:first-child,.auth-phone-number-label { color:#34333b;font-size:10px;font-weight:700; }
.auth-phone-country-row { display:grid;grid-template-columns:116px minmax(0,1fr);gap:8px; }
.auth-phone-country-row input:focus,.auth-phone-field>input:focus { border-color:var(--violet);outline:none;box-shadow:0 0 0 3px #8b5cf61a; }
.auth-phone-field>input { width:100%;min-height:45px;padding:11px 12px;border:1px solid #dfe0e6;background:#fbfbfc;color:var(--ink);font:12px var(--sans); }
.auth-phone-field>small { color:var(--steel);font-size:9px;line-height:1.5; }
.auth-phone-field>small.auth-error { color:#b4232c; }

/* Compact country-code and contact-number row */
.auth-phone-country-row { position:relative;grid-template-columns:104px minmax(0,1fr); }
.auth-country-trigger,.auth-phone-country-row>#phone-number { width:100%;min-width:0;min-height:45px;padding:10px 9px;border:1px solid #dfe0e6;background:#fbfbfc;color:var(--ink);font:12px var(--sans); }
.auth-country-trigger { display:flex;align-items:center;gap:6px;text-align:left;cursor:pointer; }
.auth-country-short { color:#34333b;font-weight:700;white-space:nowrap; }
.auth-phone-country-row .auth-phone-dial-code { color:#6d568e;font-weight:700;white-space:nowrap; }
.auth-country-chevron { color:var(--steel); }
.auth-country-menu { position:absolute;z-index:20;top:calc(100% + 5px);left:0;width:min(360px,calc(100vw - 48px));padding:9px;border:1px solid #dedee6;background:#fff;box-shadow:0 14px 36px #16112620; }
.auth-country-menu[hidden] { display:none; }
.auth-country-menu>input { width:100%;min-height:39px;padding:9px 10px;border:1px solid #dfe0e6;background:#fbfbfc;color:var(--ink);font:11px var(--sans); }
.auth-country-options { max-height:245px;overflow:auto;margin-top:6px; }
.auth-country-option { display:grid;width:100%;grid-template-columns:24px max-content max-content;justify-content:start;gap:7px;align-items:center;padding:8px 7px;border:0;background:#fff;color:var(--ink);font:11px var(--sans);text-align:left;cursor:pointer; }
.auth-country-option:hover,.auth-country-option[aria-selected="true"] { background:#f3efff; }
.auth-country-option>span:first-child { white-space:nowrap; }
.auth-country-option>span:last-child { color:#68528d; }
.auth-country-option[hidden],.auth-country-group-label[hidden] { display:none; }
.auth-country-group-label { margin:8px 7px 3px;color:var(--steel);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em; }
.auth-phone-field>#phone-number { width:100%;min-height:45px;padding:11px 12px;border:1px solid #dfe0e6;background:#fbfbfc;color:var(--ink);font:12px var(--sans); }
@media(max-width:390px) { .auth-phone-country-row { grid-template-columns:98px minmax(0,1fr);gap:6px; } .auth-country-trigger { padding-inline:7px;gap:5px;font-size:11px; } }

/* Refined desktop and mobile navigation */
.site-header { position:sticky;top:0;z-index:50;min-height:82px;background:rgba(13,15,20,.96);backdrop-filter:blur(16px);box-shadow:0 8px 26px #00000012; }
.brand img { transition:transform .25s ease,filter .25s ease; }
.brand:hover img { transform:translateY(-1px);filter:drop-shadow(0 0 10px #8b5cf633); }
.main-nav { gap:clamp(12px,1.55vw,22px);font-size:11px; }
.main-nav>a:not(.nav-login),.main-nav>details>summary { position:relative;padding:12px 0;color:#c9cbd2;transition:color .2s ease; }
.main-nav>a:not(.nav-login)::after,.main-nav>details>summary::before { position:absolute;right:0;bottom:4px;left:0;height:1px;background:linear-gradient(90deg,var(--violet),var(--red));content:"";transform:scaleX(0);transform-origin:left;transition:transform .2s ease; }
.main-nav>a:not(.nav-login):hover,.main-nav>details>summary:hover,.main-nav>details[open]>summary { color:#fff; }
.main-nav>a:not(.nav-login):hover::after,.main-nav>details[open]>summary::before { transform:scaleX(1); }
.nav-dropdown>summary::after,.account-dropdown>summary::after { transition:transform .2s ease,color .2s ease; }
.nav-dropdown[open]>summary::after,.account-dropdown[open]>summary::after { color:var(--violet-soft);transform:rotate(180deg); }
.main-nav .nav-login { display:inline-flex;align-items:center;justify-content:center;min-width:82px;padding:11px 16px;border:1px solid #8b5cf688;background:linear-gradient(135deg,#8b5cf622,#8b5cf608);color:#d1c2ff;font-weight:700;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease; }
.main-nav .nav-login:hover { transform:translateY(-1px);border-color:var(--violet);background:linear-gradient(135deg,#8b5cf6,#6840c7);color:#fff;box-shadow:0 7px 20px #8b5cf633; }
.main-nav .account-dropdown>summary { min-height:40px;padding:10px 14px;border:1px solid #8b5cf677;background:#8b5cf615;color:#e7ddff;font-weight:700; }
.main-nav .account-dropdown>summary:hover,.main-nav .account-dropdown[open]>summary { border-color:#8b5cf6;background:#8b5cf626;color:#fff; }
.dropdown-menu { top:calc(100% + 1px);min-width:252px;padding:8px;border:1px solid #ffffff1c;border-top:2px solid var(--violet);background:linear-gradient(145deg,#15171e,#0d0f14 72%);box-shadow:0 22px 52px #0009;animation:navDropIn .16s ease both; }
.nav-dropdown>.dropdown-menu { min-width:260px;border-radius:0 0 8px 8px; }
.dropdown-menu a,.submenu>summary { position:relative;display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:4px;color:#bdc0c9;font-size:10px;transition:color .18s ease,background .18s ease,padding .18s ease; }
.dropdown-menu a:hover,.submenu>summary:hover { padding-left:16px;background:#ffffff0a;color:#fff; }
.dropdown-menu a::before { width:4px;height:4px;flex:0 0 auto;border-radius:50%;background:var(--red);content:"";opacity:.75; }
.dropdown-menu .menu-parent-link { margin-bottom:5px;padding-bottom:13px;border-bottom:1px solid #ffffff18;color:#fff;font-weight:800;letter-spacing:.035em; }
.dropdown-menu .menu-parent-link::before { width:6px;height:6px;background:var(--violet-soft);box-shadow:0 0 9px #8b5cf699; }
.software-menu { min-width:236px; }
.submenu>summary { justify-content:space-between; }
.submenu>summary::after { margin-left:auto;color:var(--red);transition:transform .18s ease; }
.submenu[open]>summary::after { color:var(--violet-soft);transform:rotate(90deg); }
.nested-menu { top:-8px;left:calc(100% + 1px);min-width:240px;border-radius:0 7px 7px 7px; }
.account-menu { right:0;left:auto;min-width:190px;border-radius:0 0 8px 8px; }
.account-menu a::before { background:var(--violet-soft); }
.account-menu .logout-link { display:flex;align-items:center;gap:10px;margin-top:5px;padding:11px 12px;border-top:1px solid #ffffff18;border-radius:4px;color:#ff979b;transition:background .18s ease,color .18s ease; }
.account-menu .logout-link::before { width:6px;height:6px;border-radius:50%;background:var(--red);content:""; }
.account-menu .logout-link:hover { background:#ef444414;color:#ffc1c4; }
@keyframes navDropIn { from { opacity:0;transform:translateY(-5px); } to { opacity:1;transform:translateY(0); } }
@media(hover:hover) and (pointer:fine) and (min-width:761px) {
 .main-nav>.nav-dropdown:hover>.dropdown-menu,.main-nav>.account-dropdown:hover>.dropdown-menu,.software-menu>.submenu:hover>.nested-menu,.services-menu>.submenu:hover>.nested-menu { display:flex;flex-direction:column; }
}

/* Support contact centre, account conversations, and global FAQ assistant */
.support-contact-page { overflow:hidden;background:#0d0f14;color:#f5f5f7; }
.support-contact-hero { position:relative;min-height:535px;border-bottom:1px solid #ffffff12;background:radial-gradient(ellipse at 78% 42%,#7d20311d,transparent 32%),radial-gradient(ellipse at 82% 65%,#7147c51b,transparent 34%),#0d0f14; }
.support-contact-hero-grid { position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,transparent,#000 30%,#000); }
.support-contact-hero-inner { position:relative;display:grid;grid-template-columns:1.05fr .75fr;gap:clamp(50px,10vw,150px);align-items:center;min-height:535px;padding-block:76px; }
.support-contact-hero h1 { max-width:760px;margin:25px 0 22px;font-size:clamp(56px,8vw,104px);font-weight:800;line-height:.91;letter-spacing:-.075em; }
.support-contact-hero h1 span,.support-faq-heading h2 span,.support-form-copy h2 span,.support-contact-bottom h2 span { color:var(--red); }
.support-contact-hero-inner>div>p:not(.eyebrow) { max-width:520px;color:#b3b5bd;font-size:15px;line-height:1.9; }
.support-contact-hero-inner .button { margin-top:18px; }
.support-contact-promise { position:relative;min-height:310px;padding:36px 32px;border:1px solid #ffffff1a;background:linear-gradient(145deg,#161820d9,#111218e8);box-shadow:0 28px 70px #0006; }
.support-orbit { position:absolute;top:-30px;right:28px;display:grid;width:68px;height:68px;place-items:center;border:1px solid #ef33404d;border-radius:50%;color:#ff4c56;font-size:16px;font-weight:800;background:#121319;box-shadow:0 0 35px #ef334022; }
.support-contact-promise h2 { margin:18px 0;color:#f5f5f7;font-size:30px;line-height:1.16;letter-spacing:-.04em; }
.support-contact-promise ul { display:grid;gap:13px;margin:24px 0 0;padding:0;list-style:none;color:#b9bbc3;font-size:12px; }
.support-contact-promise li::before { margin-right:10px;color:var(--red);content:"/";font-weight:800; }
.support-contact-stamp { position:absolute;right:28px;bottom:23px;color:#777b87;font:8px var(--mono);letter-spacing:.14em; }
.support-faq-section { padding-block:100px 112px; }
.support-faq-heading { display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px; }
.support-faq-heading h2,.support-form-copy h2,.support-contact-bottom h2 { margin:20px 0 0;font-size:clamp(42px,5.5vw,68px);line-height:.98;letter-spacing:-.065em; }
.support-faq-heading>p { max-width:390px;margin:0 0 4px;color:#9fa2ac;font-size:13px;line-height:1.85; }
.support-faq-search { display:flex;align-items:center;gap:13px;max-width:700px;min-height:55px;padding:0 16px;border:1px solid #ffffff24;background:#15171d; }
.support-faq-search>span,.support-widget-search>span { color:#ff4a56;font-size:23px; }
.support-faq-search input,.support-widget-search input { flex:1;min-width:0;border:0;outline:0;background:transparent;color:#f5f5f7;font:12px var(--sans); }
.support-faq-search input::placeholder,.support-widget-search input::placeholder { color:#777b87; }
.support-faq-search kbd { padding:4px 7px;border:1px solid #ffffff24;color:#8b8e99;font:10px var(--mono); }
.support-category-tabs { display:flex;flex-wrap:wrap;gap:8px;margin:25px 0; }
.support-category-tabs button { padding:9px 13px;border:1px solid #ffffff20;background:#14161c;color:#aeb0b8;font:10px var(--sans);cursor:pointer;transition:.2s ease; }
.support-category-tabs button:hover,.support-category-tabs button.is-active { border-color:#ef3340a3;background:#ef334012;color:#fff; }
.support-faq-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.support-faq-card { align-self:start;border:1px solid #ffffff1b;background:#111319;transition:border-color .2s ease,background .2s ease; }
.support-faq-card[hidden] { display:none; }
.support-faq-card[open] { border-color:#ef33405c;background:#14151b; }
.support-faq-card summary { display:grid;grid-template-columns:44px 1fr 18px;gap:12px;align-items:center;min-height:78px;padding:15px 18px;cursor:pointer;list-style:none;color:#e9e9ed;font-size:12px;font-weight:650;line-height:1.6; }
.support-faq-card summary::-webkit-details-marker { display:none; }
.support-faq-index { color:#ff5360;font:9px var(--mono);letter-spacing:.08em; }
.support-faq-card summary>b { color:#aaa;font-size:17px;font-weight:400;transition:transform .2s ease,color .2s ease; }
.support-faq-card[open] summary>b { transform:rotate(45deg);color:var(--red); }
.support-faq-answer { padding:0 24px 20px 74px;color:#a9abb4;font-size:11px;line-height:1.8; }
.support-faq-answer p { margin:0; }
.support-faq-answer a { display:inline-block;margin-top:11px;color:#d4c7ff;font-size:10px; }
.support-faq-empty,.support-faq-empty-state { padding:26px;border:1px dashed #ffffff2a;color:#aeb0b8;font-size:12px; }
.support-faq-empty[hidden] { display:none; }
.support-faq-empty-state span { color:#ff5360;font:9px var(--mono);letter-spacing:.12em; }
.support-faq-empty-state h3 { margin:12px 0 6px;color:#f5f5f7; }
.support-faq-empty-state p { margin:0; }
.support-contact-form-section { padding-block:100px;background:linear-gradient(125deg,#17131a,#101116 52%,#171216);border-block:1px solid #ffffff12; }
.support-form-layout { display:grid;grid-template-columns:.8fr 1fr;gap:clamp(48px,9vw,130px);align-items:start; }
.support-form-copy h2 { margin-bottom:24px; }
.support-form-copy>p:not(.eyebrow) { max-width:390px;color:#aeb0b8;font-size:13px;line-height:1.85; }
.support-form-assurance { display:flex;gap:14px;align-items:flex-start;margin-top:29px;padding-top:18px;border-top:1px solid #ffffff17; }
.support-form-assurance>span { color:#ff5963;font:10px var(--mono); }
.support-form-assurance p { margin:0;color:#979aa4;font-size:10px;line-height:1.7; }
.support-form-assurance strong { color:#e5e5e9;font-size:11px; }
.support-form-card { padding:26px;border:1px solid #ffffff22;background:#101116;box-shadow:0 25px 80px #0005; }
.support-form-card-top { display:flex;align-items:center;gap:9px;padding-bottom:17px;border-bottom:1px solid #ffffff18;color:#d7d7dc;font:9px var(--mono);letter-spacing:.11em; }
.support-live-dot,.support-widget-head small i { width:7px;height:7px;border-radius:50%;background:#ef3340;box-shadow:0 0 12px #ef334099; }
.support-form-code { margin-left:auto;color:#757985; }
.support-contact-form { display:grid;gap:17px;padding-top:19px; }
.support-contact-form>label:not(.support-honeypot) { display:grid;gap:7px;color:#dedee3;font-size:10px;font-weight:700; }
.support-contact-form input,.support-contact-form select,.support-contact-form textarea,.support-reply-form textarea { width:100%;min-width:0;padding:12px 13px;border:1px solid #ffffff24;border-radius:0;outline:0;background:#15171d;color:#f4f4f6;font:11px var(--sans);transition:border-color .2s ease,box-shadow .2s ease; }
.support-contact-form select { color-scheme:dark; }
.support-contact-form textarea,.support-reply-form textarea { min-height:136px;resize:vertical;line-height:1.65; }
.support-contact-form input:focus,.support-contact-form select:focus,.support-contact-form textarea:focus,.support-reply-form textarea:focus { border-color:#ef3340a3;box-shadow:0 0 0 3px #ef334014; }
.support-contact-form input::placeholder,.support-contact-form textarea::placeholder,.support-reply-form textarea::placeholder { color:#737782; }
.support-contact-form label>small { justify-self:end;color:#777b87;font-size:9px;font-weight:400; }
.support-honeypot { position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden; }
.support-login-note,.support-signed-in { display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #ffffff1b;background:#15171d;color:#adafb8;font-size:10px; }
.support-login-note>span { color:#b39bff;font-size:19px; }
.support-login-note p { flex:1;margin:0;line-height:1.6; }
.support-login-note strong,.support-signed-in strong { color:#fff; }
.support-login-note a { color:#d3c5ff;font-weight:700;white-space:nowrap; }
.support-signed-in { display:block;line-height:1.7; }
.support-send-button { justify-content:space-between;width:100%; }
.support-form-privacy { margin:0;color:#858894;font-size:9px;line-height:1.7; }
.support-form-privacy a { color:#cbc0ed;text-decoration:underline; }
.support-notice,.support-error { margin:14px 0;padding:13px 15px;border:1px solid #55c99a66;background:#55c99a0d;color:#baf4da;font-size:11px;line-height:1.65; }
.support-error { border-color:#ef334066;background:#ef33400d;color:#ffb4b8; }
.support-contact-bottom { position:relative;padding-block:105px;text-align:center; }
.support-contact-bottom h2 { margin:18px 0 25px; }
.support-bottom-mark { position:absolute;top:35px;right:6%;color:#ffffff07;font-size:180px;font-weight:900;letter-spacing:-.1em;pointer-events:none; }
.support-contact-bottom .inline-link { color:#e0d6ff; }

.support-widget { position:fixed;right:24px;bottom:24px;z-index:1000;display:grid;justify-items:end;gap:12px;font-family:var(--sans); }
.support-widget-trigger { display:flex;align-items:center;gap:9px;min-height:58px;padding:0 19px;border:1px solid #ff697388;border-radius:999px;background:linear-gradient(135deg,#f02837,#bb1421);color:#fff;font-size:12px;font-weight:800;box-shadow:0 12px 36px #e11d2e55;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease; }
.support-widget-trigger:hover { transform:translateY(-3px);box-shadow:0 17px 42px #e11d2e66; }
.support-widget-trigger-icon { display:grid;width:27px;height:27px;place-items:center;border:1px solid #ffffff69;border-radius:50%;font-size:16px; }
.support-widget-trigger i { width:7px;height:7px;border-radius:50%;background:#baffd4;box-shadow:0 0 9px #baffd4; }
.support-widget-panel { display:flex;width:min(380px,calc(100vw - 28px));max-height:min(590px,calc(100vh - 110px));flex-direction:column;overflow:hidden;border:1px solid #ffffff28;background:#111319;box-shadow:0 24px 80px #000b;animation:supportPanelIn .2s ease both; }
.support-widget-panel[hidden] { display:none; }
.support-widget-head { display:flex;align-items:center;gap:11px;padding:16px;background:linear-gradient(110deg,#19151c,#15171d);border-bottom:1px solid #ffffff16; }
.support-widget-avatar { display:grid;width:39px;height:39px;place-items:center;border:1px solid #ef334066;border-radius:50%;background:#ef334014;color:#ff626b;font-size:11px;font-weight:800; }
.support-widget-head>div { display:grid;gap:5px;flex:1; }
.support-widget-head strong { color:#f3f3f5;font-size:12px; }
.support-widget-head small { display:flex;align-items:center;gap:6px;color:#91949e;font-size:9px; }
.support-widget-head small i { width:5px;height:5px;background:#52d499;box-shadow:0 0 8px #52d49988; }
.support-widget-head>button { width:29px;height:29px;border:1px solid #ffffff1d;background:transparent;color:#c7c9d0;font-size:19px;cursor:pointer; }
.support-widget-body { display:flex;min-height:0;flex-direction:column;padding:15px; }
.support-widget-greeting { margin:0 0 13px;color:#eeeef1;font-size:12px;line-height:1.6; }
.support-widget-search { display:flex;align-items:center;gap:8px;padding:0 11px;min-height:41px;border:1px solid #ffffff21;background:#171920; }
.support-widget-search>span { font-size:19px; }
.support-widget-search input { font-size:10px; }
.support-widget-results { display:grid;gap:7px;max-height:270px;overflow:auto;padding-block:11px; }
.support-widget-faq { border:1px solid #ffffff16;background:#15171d; }
.support-widget-faq summary { padding:10px 11px;color:#dadbe0;font-size:10px;font-weight:650;line-height:1.5;cursor:pointer; }
.support-widget-faq p { margin:0;padding:0 11px 9px;color:#a6a8b1;font-size:9px;line-height:1.65; }
.support-widget-faq a { display:block;padding:0 11px 10px;color:#d4c6ff;font-size:9px; }
.support-widget-loading,.support-widget-empty { margin:0;padding:11px;color:#9da0aa;font-size:10px;line-height:1.6; }
.support-widget-contact { display:flex;justify-content:space-between;gap:9px;margin-top:4px;padding:12px;border:1px solid #ef334055;background:#ef33400d;color:#ffc1c5;font-size:10px;font-weight:700; }
.support-widget-account { margin-top:9px;color:#c6b4ff;font-size:10px;text-align:center; }
.account-support-card { display:flex;justify-content:space-between;align-items:center;gap:25px;margin:38px 0 12px;padding:25px;border:1px solid #ffffff1c;background:linear-gradient(120deg,#17141b,#12141a); }
.account-support-card h2 { margin:8px 0;color:#f5f5f7;font-size:23px; }
.account-support-card p:not(.eyebrow) { margin:0;color:#aeb0b8;font-size:11px; }
.account-support-card .eyebrow { margin:0;color:#ff5863; }
.account-conversation-list { display:grid;margin-bottom:38px;border:1px solid #ffffff19; }
.account-conversation-row { display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;border-bottom:1px solid #ffffff14;color:#f4f4f6; }
.account-conversation-row:last-child { border-bottom:0; }
.account-conversation-row>span { display:grid;gap:5px; }
.account-conversation-row small { color:#9699a3;font-size:10px; }
.account-conversation-row>b { color:#d1c3ff;font-size:10px; }
.support-messages-page { min-height:calc(100vh - 180px);background:#0d0f14;color:#f4f4f6; }
.support-messages-wrap { padding-block:66px 90px; }
.support-messages-heading { display:flex;justify-content:space-between;align-items:end;gap:20px;margin:22px 0 27px; }
.support-messages-heading h1 { margin:0;font-size:clamp(38px,5vw,58px);letter-spacing:-.06em; }
.support-messages-heading p { margin:9px 0 0;color:#a5a7b0;font-size:12px; }
.support-thread-layout { display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.5fr);min-height:570px;border:1px solid #ffffff20;background:#101217; }
.support-thread-list { border-right:1px solid #ffffff1b; }
.support-thread-list-heading { display:flex;justify-content:space-between;padding:18px;border-bottom:1px solid #ffffff16;color:#9699a4;font:9px var(--mono);letter-spacing:.12em; }
.support-thread-list-heading b { color:#ff616a; }
.support-thread-empty { padding:20px;color:#9c9ea7;font-size:11px;line-height:1.7; }
.support-thread-link { display:flex;gap:12px;padding:16px 14px;border-bottom:1px solid #ffffff12;color:#ececf0;transition:background .2s ease; }
.support-thread-link:hover,.support-thread-link.is-current { background:#ffffff08; }
.support-thread-link.is-current { box-shadow:inset 2px 0 #ed2634; }
.support-thread-status { flex:0 0 7px;width:7px;height:7px;margin-top:6px;border-radius:50%;background:#d29b4b; }
.support-thread-status.status-resolved,.support-thread-status.status-closed { background:#62c99a; }
.support-thread-status.status-open { background:#a58aff; }
.support-thread-link-copy { display:grid;min-width:0;flex:1;gap:6px; }
.support-thread-link-copy strong { overflow:hidden;color:#eeeef1;font-size:11px;text-overflow:ellipsis;white-space:nowrap; }
.support-thread-link-copy small { color:#9396a0;font-size:9px; }
.support-thread-link-copy>span { overflow:hidden;color:#797c87;font-size:9px;text-overflow:ellipsis;white-space:nowrap; }
.support-thread-link>b { color:#a897d9; }
.support-thread-panel { display:flex;min-width:0;flex-direction:column; }
.support-thread-panel-head { display:flex;justify-content:space-between;gap:18px;padding:22px;border-bottom:1px solid #ffffff17; }
.support-thread-panel-head .eyebrow { margin:0;color:#ff6069;font-size:8px; }
.support-thread-panel-head h2 { margin:10px 0 6px;font-size:19px; }
.support-thread-panel-head span { color:#777b87;font:8px var(--mono); }
.support-thread-panel-head>a { color:#c7b8f4;font-size:9px;white-space:nowrap; }
.support-thread-messages { display:grid;align-content:start;gap:13px;flex:1;max-height:500px;overflow:auto;padding:22px; }
.support-message { max-width:88%;padding:14px;border:1px solid #ffffff16;background:#171920; }
.support-message-customer { justify-self:end;border-color:#8070c23b;background:#1a1822; }
.support-message-meta { display:flex;justify-content:space-between;gap:14px;color:#d9d9df;font-size:9px; }
.support-message-meta time { color:#777b87;font-size:8px; }
.support-message>p { margin:10px 0 0;color:#b6b8c0;font-size:10px;line-height:1.75;overflow-wrap:anywhere; }
.support-reply-form { display:grid;gap:10px;padding:18px 22px;border-top:1px solid #ffffff18; }
.support-reply-form>label { color:#d9d9df;font-size:10px;font-weight:700; }
.support-reply-form textarea { min-height:90px; }
.support-reply-form>div { display:flex;justify-content:space-between;align-items:center;gap:10px; }
.support-reply-form small { color:#777b87;font-size:9px; }
.support-closed-note { padding:18px;border-top:1px solid #ffffff18;color:#a6a8b0;font-size:10px; }
.support-closed-note a { color:#c8b8fa;text-decoration:underline; }
.support-thread-placeholder { display:grid;align-content:center;justify-items:start;max-width:430px;min-height:100%;margin:auto;padding:36px; }
.support-placeholder-icon { display:grid;width:56px;height:56px;place-items:center;border:1px solid #ef334055;border-radius:50%;color:#ff5a64;font-size:13px;font-weight:800; }
.support-thread-placeholder .eyebrow { margin:20px 0 0;color:#ff5a64; }
.support-thread-placeholder h2 { margin:11px 0;color:#f1f1f4;font-size:27px; }
.support-thread-placeholder p:not(.eyebrow) { color:#9fa1aa;font-size:11px;line-height:1.8; }
.support-thread-placeholder .inline-link { color:#d5c6ff;font-size:10px; }
@keyframes supportPanelIn { from { opacity:0;transform:translateY(9px) scale(.985); } to { opacity:1;transform:translateY(0) scale(1); } }
@media(max-width:850px) {
 .support-contact-hero-inner { gap:50px;grid-template-columns:1fr .85fr; }
 .support-faq-grid { grid-template-columns:1fr; }
 .support-form-layout { gap:48px; }
}
@media(max-width:680px) {
 .support-contact-hero,.support-contact-hero-inner { min-height:0; }
 .support-contact-hero-inner { grid-template-columns:1fr;gap:50px;padding-block:68px; }
 .support-contact-hero h1 { font-size:clamp(54px,14vw,78px); }
 .support-contact-promise { min-height:275px;padding:30px 24px; }
 .support-faq-section,.support-contact-form-section { padding-block:70px; }
 .support-faq-heading { align-items:flex-start;flex-direction:column;gap:15px; }
 .support-faq-heading h2,.support-form-copy h2,.support-contact-bottom h2 { font-size:clamp(42px,11vw,58px); }
 .support-faq-card summary { grid-template-columns:36px 1fr 18px;padding:13px; }
 .support-faq-answer { padding:0 16px 17px 61px; }
 .support-form-layout { grid-template-columns:1fr;gap:35px; }
 .support-form-card { padding:19px; }
 .support-contact-bottom { padding-block:75px; }
 .support-bottom-mark { font-size:110px; }
 .support-widget { right:14px;bottom:14px; }
 .support-widget-trigger { min-height:52px;padding-inline:15px; }
 .support-messages-wrap { padding-block:45px 65px; }
 .support-messages-heading { align-items:flex-start;flex-direction:column; }
 .support-thread-layout { grid-template-columns:1fr; }
 .support-thread-list { border-right:0;border-bottom:1px solid #ffffff1b; }
 .support-thread-list:not(:has(.support-thread-link)) { display:none; }
 .support-thread-panel { min-height:440px; }
 .support-thread-panel-head { padding:17px; }
 .support-thread-messages { max-height:390px;padding:16px; }
 .support-reply-form { padding:15px; }
 .account-support-card { align-items:flex-start;flex-direction:column;padding:20px; }
 .account-conversation-row { align-items:flex-start;flex-direction:column;gap:8px;padding:14px; }
}
@media(prefers-reduced-motion:reduce) { .support-widget-panel { animation:none; } }
@media(max-width:760px) {
 .site-header { min-height:70px; }
 .nav-dropdown>.dropdown-menu,.software-menu { min-width:0; }
 .dropdown-menu { animation:none; }
 .main-nav .account-dropdown>summary { min-height:0; }
}
/* Course studio public detail pages */
.course-showcase{position:relative;overflow:hidden;color:var(--white);background:radial-gradient(ellipse at 8% 45%,#8d5cff18,transparent 40%),#0d0f14}.course-showcase.course-detail-red{background:radial-gradient(ellipse at 8% 45%,#f0445217,transparent 40%),#0d0f14}.course-showcase-layout{position:relative;z-index:1;min-height:670px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);align-items:center;gap:clamp(30px,5vw,74px);padding-block:54px}.course-media-column{min-width:0}.course-media-frame{position:relative;overflow:hidden;aspect-ratio:16/10;display:grid;place-items:center;background:linear-gradient(145deg,#191c25,#0a0b0f);border:1px solid #ffffff24;border-radius:10px;box-shadow:0 28px 80px #0008}.course-intro-video,.course-video-poster{width:100%;height:100%;object-fit:cover;background:#08090c}.course-video-empty{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;background:radial-gradient(circle at 50% 48%,#8d5cff35,transparent 34%),linear-gradient(145deg,#191c25,#0a0b0f);color:#c6b0ff;font:9px var(--mono);letter-spacing:.13em}.course-detail-red .course-video-empty{background:radial-gradient(circle at 50% 48%,#f0445230,transparent 34%),linear-gradient(145deg,#21171b,#0a0b0f);color:#ff9ba3}.course-play-mark{width:66px;height:66px;display:grid;place-items:center;padding-left:4px;border:1px solid currentColor;border-radius:50%;font:20px Arial;box-shadow:0 0 40px #8d5cff30}.course-video-empty small{color:#a0a4af;font:10px var(--font);letter-spacing:0}.course-media-tag{position:absolute;left:14px;top:14px;padding:8px 10px;background:#090a0dcc;border:1px solid #ffffff26;border-radius:4px;color:#ddd;font:8px var(--mono);letter-spacing:.1em}.course-media-caption{margin:12px 0 0;color:#8d929f;font-size:10px}.course-purchase-column{min-width:0}.course-purchase-column .breadcrumbs{margin-bottom:22px}.course-purchase-column h1{margin:14px 0;font:800 clamp(42px,5vw,66px)/.98 var(--display);letter-spacing:-.075em}.course-purchase-lede{color:#b5b8c2;font-size:12px;line-height:1.8}.course-price-card{margin-top:22px;padding:19px;background:linear-gradient(140deg,#1a1721,#13141a);border:1px solid #ffffff20;border-left:2px solid var(--violet);border-radius:6px}.course-detail-red .course-price-card{border-left-color:var(--red)}.course-price-label{display:block;color:#a9a1b9;font:8px var(--mono);letter-spacing:.16em}.course-current-price{display:block;margin-top:10px;font:800 36px var(--display);letter-spacing:-.05em}.course-current-price small{font:9px var(--mono);color:#a6a9b4}.course-regular-price{display:block;margin-top:5px;color:#9c9eaa;font-size:10px}.course-regular-price del{margin-left:8px;color:#bbb}.course-price-soon{display:block;margin-top:11px;font-size:19px}.course-price-card>p{margin:10px 0 0;color:#9ea2ad;font-size:10px;line-height:1.6}.course-quick-facts{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.course-quick-facts span{padding:7px 9px;border:1px solid #ffffff1b;border-radius:4px;color:#bdc0ca;font-size:9px}.course-purchase-column .course-detail-actions{margin-top:19px}.course-delivery-note{margin:13px 0 0;color:#848996;font-size:9px;line-height:1.6}.course-content-section{padding-block:88px}.course-section-heading{max-width:720px;margin:0 auto 32px;text-align:center}.course-section-heading h2{margin:10px 0 13px;font:800 clamp(34px,4.5vw,53px)/1.02 var(--display);letter-spacing:-.065em}.course-section-heading>p:last-child{color:var(--steel);font-size:11px;line-height:1.8}.course-outcomes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.course-outcome-card,.course-tool-card,.requirements-card,.course-support-card{padding:21px;background:linear-gradient(145deg,#15171e,#101116);border:1px solid #ffffff17;border-radius:7px}.course-outcome-card>span{color:var(--violet-soft);font:9px var(--mono)}.course-outcome-card p,.course-tool-card p,.course-support-card p{margin:12px 0 0;color:#b5b8c2;font-size:11px;line-height:1.75}.course-module-section,.course-requirements-section{padding-block:80px;background:#111319;border-block:1px solid #ffffff12}.course-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.course-module-card{align-self:start;border:1px solid #ffffff1b;border-radius:6px;background:#0d0f14}.course-module-card>summary{display:grid;grid-template-columns:1fr auto;gap:9px;padding:17px;cursor:pointer;list-style:none}.course-module-card>summary::-webkit-details-marker{display:none}.course-module-number{grid-column:1/-1;color:var(--violet-soft);font:8px var(--mono);letter-spacing:.13em}.course-detail-red .course-module-number{color:#ff929b}.course-module-card>summary strong{font:700 13px var(--display)}.course-module-toggle{color:var(--violet-soft);transition:transform .2s}.course-module-card[open] .course-module-toggle{transform:rotate(45deg)}.course-module-content{padding:0 17px 17px}.course-module-content>p{color:#9fa3af;font-size:10px;line-height:1.7}.course-module-content ol{display:grid;gap:9px;margin:15px 0 0;padding-left:20px;color:#d3d4da;font-size:10px;line-height:1.6}.course-empty-panel{padding:26px;background:#0d0f14;border:1px solid #ffffff19;border-radius:6px}.course-empty-panel>span{color:var(--violet-soft);font:8px var(--mono);letter-spacing:.14em}.course-empty-panel h3{margin:13px 0 6px}.course-empty-panel p{color:var(--steel);font-size:11px}.course-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tool-symbol{color:var(--violet-soft);font-size:20px}.course-tool-card h3{margin:14px 0 0;font:700 14px var(--display)}.course-requirements-section{background:#0d0f14}.requirements-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.requirements-card>span{color:var(--violet-soft);font:8px var(--mono);letter-spacing:.14em}.requirements-card.recommended{border-color:#8d5cff55;background:linear-gradient(145deg,#1b1725,#101116)}.requirements-card h3{margin:13px 0;font:700 16px var(--display)}.requirements-card ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.requirements-card li,.requirements-card>p{color:#b9bbc5;font-size:10px;line-height:1.65}.requirements-card li:before{content:'＋';margin-right:9px;color:var(--violet-soft)}.course-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.course-support-card>span{color:var(--violet-soft);font-size:20px}.course-support-card h3{margin:12px 0 0;font:700 14px var(--display)}.course-showcase+.course-content-section .course-section-heading{margin-bottom:32px}
@media(max-width:900px){.course-showcase-layout{grid-template-columns:1fr;gap:25px;padding-block:30px 50px}.course-media-frame{aspect-ratio:16/9}.course-purchase-column h1{font-size:clamp(40px,9vw,60px)}.course-outcomes-grid,.course-tools-grid,.course-support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.course-showcase-layout{padding-block:18px 38px;gap:24px}.course-media-column{order:0}.course-purchase-column{order:1}.course-media-frame{aspect-ratio:16/10;border-radius:6px}.course-media-caption{font-size:9px}.course-purchase-column .breadcrumbs{margin-bottom:15px}.course-purchase-column h1{font-size:43px}.course-purchase-lede{font-size:11px}.course-price-card{padding:16px}.course-detail-actions{align-items:stretch;flex-direction:column}.course-detail-actions .button,.course-detail-actions .course-detail-secondary{width:100%;justify-content:center}.course-content-section,.course-module-section,.course-requirements-section{padding-block:57px}.course-section-heading{text-align:left;margin-bottom:22px}.course-section-heading h2{font-size:38px}.course-outcomes-grid,.course-module-grid,.course-tools-grid,.requirements-grid,.course-support-grid{grid-template-columns:1fr}.course-outcome-card,.course-tool-card,.requirements-card,.course-support-card{padding:17px}}

/* Course landing page extensions: branded curriculum, learning path, and sticky enrollment. */
.course-experience-grid,.course-glance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.course-glance{background:linear-gradient(180deg,#111319,#0d0f14)}.course-glance-card{padding:22px;background:linear-gradient(145deg,#171920,#101116);border:1px solid #ffffff19;border-radius:8px;transition:transform .25s,border-color .25s,box-shadow .25s}.course-glance-card:hover,.course-tool-card:hover,.course-outcome-card:hover{transform:translateY(-4px);border-color:#8d5cff66;box-shadow:0 14px 40px #0005}.course-detail-red .course-glance-card:hover,.course-detail-red .course-tool-card:hover{border-color:#f0445266}.course-glance-card h3{margin:14px 0 9px;font:700 15px var(--display)}.course-glance-card p{min-height:42px;color:#aeb1bd;font-size:10px;line-height:1.65}.course-glance-card>span:last-child{color:#d5d5db;font-size:9px}.course-program-total{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:14px;padding:20px 24px;background:linear-gradient(100deg,#20172a,#15151b);border:1px solid #8d5cff55;border-radius:8px}.course-detail-red .course-program-total{border-color:#f0445255;background:linear-gradient(100deg,#28171b,#15151b)}.course-program-total span{color:#c4c5ce;font-size:11px}.course-split-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.course-split-panel{padding:clamp(22px,4vw,38px);background:linear-gradient(145deg,#171920,#101116);border:1px solid #ffffff1b;border-radius:9px}.course-split-panel h2{max-width:470px;margin:12px 0 22px;font:800 clamp(28px,3.5vw,42px)/1.05 var(--display);letter-spacing:-.06em}.course-split-panel>p:not(.eyebrow){color:#aeb1bd;font-size:11px;line-height:1.7}.learning-step-list{display:grid;gap:0}.learning-step-list>div{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:17px 0;border-top:1px solid #ffffff18}.learning-step-list>div>span{color:var(--violet-soft);font:10px var(--mono)}.course-detail-red .learning-step-list>div>span{color:#ff929b}.learning-step-list h3{margin:0;font-size:13px}.learning-step-list p{margin:6px 0 0;color:#aeb1bd;font-size:10px;line-height:1.6}.course-path-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.course-path-tags span{padding:9px 12px;border:1px solid #8d5cff50;border-radius:999px;color:#ded9ec;font-size:9px}.course-detail-red .course-path-tags span{border-color:#f0445250}.course-completion-note{margin-top:16px;padding:22px 26px;border:1px solid #ffffff1c;border-radius:8px;background:#12141a}.course-completion-note h3{margin:10px 0}.course-completion-note p:last-child{color:#aeb1bd;font-size:11px;line-height:1.7}.course-sticky-enroll{position:fixed;z-index:45;left:50%;bottom:18px;transform:translateX(-50%);width:min(620px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 15px 13px 20px;background:#080b0ef2;border:1px solid #8d5cff75;border-radius:17px;box-shadow:0 12px 55px #000b;backdrop-filter:blur(18px)}.course-detail-red~.course-sticky-enroll{border-color:#f0445275}.course-sticky-enroll>div{display:grid;gap:5px;min-width:0}.course-sticky-enroll small{color:#9ea2ad;font:8px var(--mono);letter-spacing:.1em}.course-sticky-enroll strong{font-size:17px}.course-sticky-enroll strong small{letter-spacing:0}.course-sticky-enroll .button{white-space:nowrap}.course-editor-subtitle{margin:23px 0 12px;color:#dfe0e7;font-size:13px}.field-help{color:#999;font-size:11px}
@media(max-width:900px){.course-experience-grid,.course-glance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-split-cards{grid-template-columns:1fr}}
@media(max-width:620px){.course-experience-grid,.course-glance-grid{grid-template-columns:1fr}.course-program-total{align-items:flex-start;flex-direction:column}.course-sticky-enroll{bottom:8px;padding:10px 11px;border-radius:12px;gap:8px}.course-sticky-enroll small{font-size:7px}.course-sticky-enroll strong{font-size:14px}.course-sticky-enroll .button{padding:11px 12px;font-size:9px}.course-completion-note{padding:18px}}

/* Global navigation alignment and responsive menu */
@media(min-width:1081px){
  .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:20px;padding-inline:max(28px,calc((100% - 1320px)/2))}
  .brand{grid-column:1;grid-row:1;justify-self:start}
  .main-nav{grid-column:2;grid-row:1;justify-self:center;gap:clamp(16px,1.55vw,25px);font-size:13px;white-space:nowrap}
  .main-nav .nav-login,.main-nav>.account-dropdown{position:absolute;top:50%;right:max(28px,calc((100% - 1320px)/2));transform:translateY(-50%)}
  .main-nav .nav-login{min-width:94px;padding:12px 18px}
  .main-nav>.account-dropdown>summary{font-size:12px}
}
@media(max-width:1080px){
  .site-header{position:sticky;display:flex;justify-content:space-between;min-height:72px;padding:10px 22px;gap:16px}
  .brand img{width:158px}
  .menu-toggle{display:block;z-index:52;min-width:44px;min-height:42px;border-radius:5px;cursor:pointer}
  .main-nav{display:none;position:absolute;z-index:51;top:100%;left:0;right:0;max-height:calc(100vh - 72px);overflow-y:auto;padding:10px 20px 20px;flex-direction:column;align-items:stretch;gap:2px;background:#0d0f14;border-bottom:1px solid #ffffff25;box-shadow:0 18px 35px #0008;font-size:14px}
  .main-nav.is-open{display:flex}
  .main-nav>a:not(.nav-login),.main-nav>details>summary{padding:13px 10px;font-size:14px}
  .main-nav>.nav-dropdown,.main-nav>.account-dropdown{width:100%}
  .main-nav .nav-login,.main-nav .account-dropdown>summary{display:flex;justify-content:center;width:100%;min-height:46px;margin-top:8px;padding:12px;border-radius:5px;font-size:14px}
  .main-nav .dropdown-menu{position:static;display:none;width:100%;min-width:0;padding:6px;border:1px solid #ffffff16;border-top:1px solid #8b5cf666;border-radius:5px;background:#12141a;box-shadow:none;animation:none}
  .main-nav details[open]>.dropdown-menu{display:flex;flex-direction:column}
  .main-nav .dropdown-menu a,.main-nav .submenu>summary{padding:12px;font-size:13px}
  .main-nav .nested-menu{left:auto;top:auto;margin:4px 0 4px 8px}
  .main-nav .account-menu{right:auto;left:auto}
}
@media(max-width:420px){.site-header{padding-inline:15px}.brand img{width:143px}.main-nav{padding-inline:15px}}
.course-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.course-stat-grid article{min-height:66px;display:grid;align-content:center;gap:7px;padding:12px;border:1px solid #ffffff18;border-radius:7px;background:#ffffff05}.course-stat-grid small{color:#9296a3;font:8px var(--mono);letter-spacing:.12em}.course-stat-grid strong{font-size:10px;line-height:1.4}

/* Header interaction polish: keep the desktop login CTA centered while hovering. */
@media(min-width:1081px){
  .main-nav .nav-login{top:50%;transform:translateY(-50%);border-radius:5px;}
  .main-nav .nav-login:hover{transform:translateY(calc(-50% - 1px));}
  .main-nav .nav-login:focus-visible{outline:2px solid #c7b6ff;outline-offset:3px;}
  .dropdown-menu{top:calc(100% + 2px);padding:10px;border:1px solid #ffffff24;border-top:2px solid #a989ff;border-radius:0 0 10px 10px;background:linear-gradient(145deg,#1b1d26f7,#0d0f14f7 78%);backdrop-filter:blur(18px);box-shadow:0 24px 60px #000b,0 0 0 1px #8b5cf610;}
  .nav-dropdown>summary{transition:color .2s ease,text-shadow .2s ease;}
  .nav-dropdown[open]>summary,.nav-dropdown:hover>summary{color:#fff;text-shadow:0 0 18px #b39aff55;}
  .dropdown-menu a,.submenu>summary{min-height:38px;border:1px solid transparent;border-radius:5px;font-size:11px;}
  .dropdown-menu a:hover,.submenu>summary:hover{border-color:#8b5cf62c;background:linear-gradient(90deg,#8b5cf61a,#ffffff05);}
  .dropdown-menu .menu-parent-link{min-height:42px;margin:0 0 7px;padding-inline:13px;border-color:transparent transparent #ffffff20;border-radius:4px;color:#e9e2ff;}
  .nested-menu{border-radius:8px;}
}
@media(max-width:1080px){
  .main-nav .nav-login{transform:none;}
  .main-nav .nav-login:hover{transform:translateY(-1px);}
}
@media(max-width:760px){
  .main-nav .dropdown-menu a:hover,.main-nav .submenu>summary:hover{padding-left:16px;border-color:#8b5cf62c;background:linear-gradient(90deg,#8b5cf61a,#ffffff05);}
  .main-nav .nav-login{box-shadow:0 8px 24px #8b5cf622;}
}
/* Course showcase refinement: stronger hierarchy and reference-style learning cards. */
.course-showcase-layout{min-height:720px;max-width:1320px}.course-media-frame{aspect-ratio:16/10;border-radius:18px;border-color:#ffffff24}.course-media-column{position:relative}.course-media-column:before{content:"";position:absolute;inset:13% -5% -8% 12%;border:1px solid color-mix(in srgb,var(--violet) 45%,transparent);border-radius:50%;transform:rotate(-13deg);pointer-events:none}.course-detail-red .course-media-column:before{border-color:#f044526b}.course-media-column:after{content:"";position:absolute;inset:5% 13% -13% -2%;border:1px solid #f044524a;border-radius:50%;transform:rotate(18deg);pointer-events:none}.course-media-frame{z-index:1}.course-media-caption{font-size:12px}.course-purchase-column h1{font-size:clamp(48px,6vw,76px)}.course-purchase-lede{font-size:15px;max-width:620px}.course-quick-facts span{padding:12px 14px;font-size:11px}.course-stat-grid article{padding:15px;min-height:82px}.course-stat-grid small{font-size:9px}.course-stat-grid strong{font-size:12px}.course-price-card{padding:24px;border-radius:12px}.course-current-price{font-size:44px}.course-price-card>p{font-size:12px}.course-section-heading{max-width:850px}.course-section-heading h2{font-size:clamp(40px,5vw,60px)}.course-section-heading>p:last-child{font-size:14px}.course-content-section,.course-module-section,.course-requirements-section{padding-block:100px}.course-outcomes-grid{gap:16px}.course-outcome-card,.course-tool-card,.requirements-card,.course-support-card{padding:26px;border-radius:12px}.course-outcome-card p,.course-tool-card p,.course-support-card p,.requirements-card li,.requirements-card>p{font-size:13px}.course-tool-card h3,.course-support-card h3{font-size:17px}.course-module-section{background:radial-gradient(ellipse at 90% 5%,#8d5cff12,transparent 40%),#111319}.course-detail-red.course-module-section{background:radial-gradient(ellipse at 90% 5%,#f0445210,transparent 40%),#111319}.course-roadmap-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}.course-roadmap-heading .course-section-heading{margin:0;text-align:left}.course-module-count{flex:0 0 128px;height:80px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #8d5cff66;background:#8d5cff10;border-radius:14px}.course-detail-red .course-module-count{border-color:#f0445266;background:#f0445210}.course-module-count strong{font-size:30px}.course-module-count span{font:9px var(--mono);color:#aeb1bd}.course-module-list{display:grid;gap:14px}.course-module-card{border-radius:14px;background:linear-gradient(115deg,#14171f,#101116);transition:border-color .2s,background .2s}.course-module-card[open]{border-color:#8d5cff70;background:linear-gradient(115deg,#171522,#101116)}.course-detail-red .course-module-card[open]{border-color:#f0445270;background:linear-gradient(115deg,#201519,#101116)}.course-module-card>summary{grid-template-columns:54px minmax(0,1fr) auto 24px;align-items:center;gap:16px;padding:22px;list-style:none}.course-module-index{width:44px;height:44px;display:grid;place-items:center;border:1px solid #8d5cff60;border-radius:12px;color:var(--violet-soft);font:700 12px var(--mono);background:#8d5cff12}.course-detail-red .course-module-index{border-color:#f0445260;color:#ff929b;background:#f0445212}.course-module-summary{display:grid;gap:7px}.course-module-summary strong{font-size:16px}.course-module-summary small{color:#aeb1bd;font-size:12px;line-height:1.5}.course-module-meta{color:#aaaeb9;font-size:11px;white-space:nowrap}.course-module-toggle{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#ffffff0a;font-size:15px}.course-module-content{padding:0 22px 22px 92px}.course-lesson-list{list-style:none!important;padding:0!important;margin:0!important;display:grid;gap:0!important}.course-lesson-list li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #ffffff12;font-size:12px}.lesson-play-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#8d5cff16;color:var(--violet-soft);font-size:10px}.course-detail-red .lesson-play-icon{background:#f0445216;color:#ff929b}.course-lesson-list li small{color:#999eab;font:8px var(--mono);letter-spacing:.08em}.course-module-note{margin:14px 0 0;color:#858a97;font-size:10px}.course-requirements-table-wrap{overflow:auto;border:1px solid #ffffff1b;border-radius:14px;background:#101319}.course-requirements-table{width:100%;border-collapse:collapse;min-width:620px}.course-requirements-table thead{background:color-mix(in srgb,var(--violet) 15%,#101319)}.course-detail-red .course-requirements-table thead{background:#f0445217}.course-requirements-table th,.course-requirements-table td{text-align:left;padding:18px 20px;border-bottom:1px solid #ffffff12;font-size:13px}.course-requirements-table thead th{color:var(--violet-soft);font:9px var(--mono);letter-spacing:.12em}.course-detail-red .course-requirements-table thead th{color:#ff929b}.course-requirements-table tbody th{width:30%;color:#f0f0f4;font-weight:700}.course-requirements-table tbody td{color:#b9bbc5}.course-experience-grid{gap:16px}.course-glance-card{padding:28px;border-radius:12px}.course-glance-card h3{font-size:18px}.course-glance-card p{min-height:68px;font-size:12px}.course-glance-card>span:last-child{font-size:11px}.course-program-total{padding:25px 28px;border-radius:12px}.course-program-total strong{font-size:17px}.course-program-total span{font-size:13px}.course-split-panel h2{font-size:clamp(32px,4vw,48px)}.learning-step-list h3{font-size:15px}.learning-step-list p{font-size:12px}.course-path-tags span{font-size:11px;padding:11px 14px}.course-sticky-enroll{width:min(680px,calc(100% - 36px));padding:16px 18px 16px 24px}.course-sticky-enroll strong{font-size:20px}.course-sticky-enroll small{font-size:9px}.course-sticky-enroll .button{min-height:50px;padding-inline:25px}
@media(max-width:900px){.course-showcase-layout{min-height:0;padding-block:42px}.course-roadmap-heading{align-items:flex-start}.course-module-card>summary{grid-template-columns:48px minmax(0,1fr) 22px}.course-module-meta{grid-column:2;grid-row:2}.course-module-toggle{grid-column:3;grid-row:1}.course-module-content{padding-left:86px}.course-glance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.course-showcase-layout{padding-block:22px 45px}.course-media-frame{border-radius:12px}.course-purchase-column h1{font-size:46px}.course-purchase-lede{font-size:13px}.course-content-section,.course-module-section,.course-requirements-section{padding-block:65px}.course-section-heading h2{font-size:39px}.course-section-heading>p:last-child{font-size:12px}.course-roadmap-heading{display:block}.course-module-count{width:100%;height:58px;justify-content:flex-start;padding:0 18px;margin-top:22px}.course-module-count strong{font-size:23px}.course-module-card>summary{grid-template-columns:40px minmax(0,1fr) 22px;gap:10px;padding:15px}.course-module-index{width:38px;height:38px}.course-module-summary strong{font-size:13px}.course-module-summary small{font-size:10px}.course-module-meta{font-size:9px}.course-module-content{padding:0 15px 16px}.course-lesson-list li{grid-template-columns:28px minmax(0,1fr);font-size:11px}.course-lesson-list li small{grid-column:2}.course-requirements-table th,.course-requirements-table td{padding:14px;font-size:11px}.course-glance-grid{grid-template-columns:1fr}.course-glance-card p{min-height:0}.course-sticky-enroll{width:calc(100% - 20px);bottom:7px;padding:10px;border-radius:13px}.course-sticky-enroll>div{max-width:48%}.course-sticky-enroll strong{font-size:15px}.course-sticky-enroll small{font-size:7px;letter-spacing:.04em}.course-sticky-enroll .button{min-height:42px;padding:0 12px;font-size:9px}.course-stat-grid strong{font-size:10px}}
/* Premium balanced course hero: equal columns with supporting snapshot content under the video. */
.course-showcase-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:clamp(28px,4vw,58px);padding-block:64px}.course-media-column,.course-purchase-column{display:flex;flex-direction:column;justify-content:center}.course-media-column{gap:0}.course-media-frame{width:100%;aspect-ratio:16/9;box-shadow:0 32px 90px #0009,0 0 55px #8d5cff13}.course-detail-red .course-media-frame{box-shadow:0 32px 90px #0009,0 0 55px #f0445213}.course-media-caption{margin:13px 0 0;font-size:11px}.course-media-details{margin-top:23px;padding:22px 24px;background:linear-gradient(135deg,#15171fdd,#0c0e13ee);border:1px solid #ffffff1a;border-top-color:#8d5cff5c;border-radius:12px;box-shadow:0 16px 42px #0003}.course-detail-red .course-media-details{border-top-color:#f044525c}.course-media-details>.eyebrow{margin:0 0 14px;font-size:9px}.course-media-details .course-quick-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.course-media-details .course-quick-facts span{display:grid;gap:8px;min-height:74px;align-content:center;padding:12px;background:#ffffff05;border:1px solid #ffffff12;border-radius:8px;font-size:10px;line-height:1.35}.course-media-details .course-quick-facts small{color:#9499a6;font:8px var(--mono);letter-spacing:.09em}.course-media-details .course-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:9px}.course-media-details .course-stat-grid article{min-height:65px}.course-purchase-column{align-self:stretch}.course-purchase-column .breadcrumbs{margin-bottom:24px}.course-purchase-column .course-price-card{margin-top:auto}.course-purchase-column .course-detail-actions{margin-top:20px}.course-purchase-column .course-delivery-note{font-size:10px}.course-sticky-enroll{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,18px);transition:opacity .28s,transform .28s,visibility .28s}.course-sticky-enroll.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
@media(max-width:900px){.course-showcase-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding-block:36px}.course-media-details{padding:17px}.course-media-details .course-quick-facts{grid-template-columns:1fr}.course-media-details .course-quick-facts span{min-height:55px}.course-purchase-column .breadcrumbs{margin-bottom:14px}.course-purchase-column h1{font-size:clamp(40px,6vw,56px)}}
@media(max-width:620px){.course-showcase-layout{grid-template-columns:1fr;align-items:start;gap:25px;padding-block:20px 42px}.course-media-column,.course-purchase-column{display:flex}.course-media-column{order:0}.course-purchase-column{order:1}.course-media-frame{aspect-ratio:16/9}.course-media-details{margin-top:18px;padding:16px}.course-media-details .course-quick-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.course-media-details .course-quick-facts span{min-height:67px;padding:9px;font-size:9px}.course-media-details .course-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-purchase-column .course-price-card{margin-top:20px}}
/* Course hero spacing and contrast refinement */
.course-purchase-column{justify-content:flex-start}.course-purchase-column .course-price-card{margin-top:24px!important}.course-purchase-column .course-purchase-lede{color:#e0e2e9;font-size:15px;line-height:1.9}.course-purchase-column .course-delivery-note{color:#b7bbc6;font-size:11px;line-height:1.7}.course-purchase-column .course-price-card>p{color:#d0d2dc;font-size:12px;line-height:1.7}.course-purchase-column .course-price-label{color:#c9bfdc}.course-media-caption{color:#b4b8c5}.course-media-details{background:linear-gradient(135deg,#191b23f5,#111319f5);border-color:#ffffff25}.course-media-details>.eyebrow{color:#d4d6df}.course-media-details .course-quick-facts span{color:#f0f1f5;background:#ffffff08;border-color:#ffffff20}.course-media-details .course-quick-facts small,.course-media-details .course-stat-grid small{color:#c1c4cf}.course-media-details .course-stat-grid article{background:#ffffff08;border-color:#ffffff20}.course-media-details .course-stat-grid strong{color:#f4f4f7}.course-purchase-column .course-quick-facts span{color:#e5e6ec}.course-purchase-column .breadcrumbs{color:#c0c4ce}.course-purchase-column .breadcrumbs a{color:#c8c4dc}
/* Full Eagle Hex course theme and compact section rhythm */
.course-showcase,.course-content-section,.course-module-section,.course-requirements-section,.course-support-section,.course-faq-section,.course-detail-cta{color:#f5f5f8;background-color:#0b0d12!important}.course-showcase{background-image:radial-gradient(ellipse at 12% 45%,#8d5cff1b,transparent 42%),radial-gradient(ellipse at 88% 8%,#f0445210,transparent 36%),linear-gradient(135deg,#0b0d12,#101116 60%,#0b0d12)!important}.course-detail-red.course-showcase{background-image:radial-gradient(ellipse at 12% 45%,#f0445218,transparent 42%),radial-gradient(ellipse at 90% 12%,#20d8890c,transparent 37%),linear-gradient(135deg,#0b0d12,#101116 60%,#0b0d12)!important}.course-content-section,.course-module-section,.course-requirements-section,.course-support-section,.course-faq-section{padding-block:64px!important;background:linear-gradient(180deg,#0c0e13,#101218)!important;border-block:1px solid #ffffff0c}.course-module-section{background:radial-gradient(ellipse at 92% 0,#8d5cff12,transparent 42%),#0e1016!important}.course-detail-red.course-module-section{background:radial-gradient(ellipse at 92% 0,#f0445212,transparent 42%),#0e1016!important}.course-section-heading{max-width:920px;margin:0 auto 25px!important}.course-section-heading h2,.course-split-panel h2{color:#f6f6f8!important;font-size:clamp(32px,4vw,48px)!important;line-height:1.12!important;letter-spacing:-.045em!important;text-wrap:balance}.course-section-heading>p:last-child{color:#c0c4cf!important;font-size:13px!important;line-height:1.75}.course-section-heading .eyebrow,.course-section-heading .section-index{color:#ff4d59}.course-outcomes-grid,.course-tools-grid,.course-support-grid{gap:13px}.course-outcome-card,.course-tool-card,.requirements-card,.course-support-card,.course-glance-card,.course-split-panel{color:#f4f4f6;background:linear-gradient(145deg,#171a22,#101218)!important;border:1px solid #ffffff1c!important;box-shadow:0 12px 34px #0003;transition:transform .24s,border-color .24s,box-shadow .24s}.course-outcome-card:hover,.course-tool-card:hover,.course-support-card:hover,.course-glance-card:hover,.course-split-panel:hover{transform:translateY(-3px);border-color:#8d5cff8c!important;box-shadow:0 16px 42px #0006}.course-detail-red .course-outcome-card:hover,.course-detail-red .course-tool-card:hover,.course-detail-red .course-support-card:hover,.course-detail-red .course-glance-card:hover{border-color:#f044528c!important}.course-outcome-card p,.course-tool-card p,.course-support-card p,.course-glance-card p,.requirements-card li,.requirements-card>p,.course-split-panel>p:not(.eyebrow){color:#c5c8d1!important;font-size:12px;line-height:1.75}.course-outcome-card small,.course-tool-card>small,.course-support-card>small{color:#ff5c65;font:8px var(--mono);letter-spacing:.13em}.course-tool-card h3,.course-support-card h3,.course-glance-card h3,.course-completion-note h3{color:#f5f5f7!important}.course-card-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:17px;border:1px solid #8d5cff66;border-radius:12px;background:#8d5cff16;color:#b89aff}.course-detail-red .course-card-icon{border-color:#f0445266;background:#f0445216;color:#ff737d}.course-card-icon.green{border-color:#28e38b65;background:#28e38b12;color:#55efa7}.course-card-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.course-module-summary strong{color:#f4f4f7}.course-module-summary small,.course-module-meta,.course-module-content p{color:#c0c4cf!important}.course-module-card{background:linear-gradient(115deg,#141720,#101218)!important}.course-lesson-list li{color:#e8e9ee}.course-lesson-list li small{color:#b2b6c2}.course-requirements-table-wrap{background:#101218}.course-requirements-table thead{background:#251a38}.course-detail-red .course-requirements-table thead{background:#32181e}.course-requirements-table thead th{color:#d0bcff}.course-detail-red .course-requirements-table thead th{color:#ff929b}.course-requirements-table tbody th{color:#f2f2f6}.course-requirements-table tbody td{color:#c9ccd5}.course-requirements-table tr:last-child>*{border-bottom:0}.course-path-tags span{color:#eceaf2;border-color:#8d5cff70}.course-detail-red .course-path-tags span{border-color:#f0445270}.course-completion-note{background:#14161d;border-color:#ffffff24}.course-faq-section .course-faq-intro h2,.course-faq-section .faq-item summary{color:#f5f5f7}.course-faq-section .faq-item{background:#14161d;border-color:#ffffff20}.course-faq-section .faq-item p{color:#c5c8d1}.course-detail-cta{background:radial-gradient(ellipse at 80% 50%,#8d5cff20,transparent 45%),linear-gradient(110deg,#17121f,#101116 70%,#1d1116)!important}.course-detail-cta h2,.course-detail-cta p{color:#f5f5f7}.course-detail-cta-inner{min-height:0;padding-block:48px}.course-showcase .button-primary,.course-detail-cta .button-primary,.course-sticky-enroll .button-primary{position:relative;overflow:hidden;color:#fff!important;background:linear-gradient(105deg,#762cff,#8e4dff 48%,#e22636)!important;border:1px solid #ffffff30!important;border-radius:9px;box-shadow:0 8px 26px #812cff40,0 0 0 1px #ff35451c inset;transition:transform .2s,box-shadow .2s,filter .2s}.course-showcase .button-primary:hover,.course-detail-cta .button-primary:hover,.course-sticky-enroll .button-primary:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 12px 35px #a02fff65,0 0 22px #f0445230}.course-sticky-enroll{background:#090b10f5;border-color:#a273ff85;box-shadow:0 14px 50px #000c,0 0 30px #8d5cff18}.course-sticky-enroll strong{color:#fff}.course-sticky-enroll>div>small{color:#c6c9d2}.course-price-card{background:linear-gradient(135deg,#181a22,#121319)!important;border-color:#ffffff25!important;border-left:3px solid #8d5cff!important;box-shadow:0 16px 42px #0004}.course-detail-red .course-price-card{border-left-color:#f04452!important}.course-current-price{color:#fff}.course-price-soon{color:#f1f1f4}.course-regular-price{color:#c1c4ce}.course-price-card>p{color:#c8cbd4!important}.course-delivery-note{color:#b4b8c3!important}.course-price-label{color:#d2c2f3!important}.course-stat-grid strong,.course-media-details .course-quick-facts span{color:#f6f6f8}.requirements-card.recommended{background:linear-gradient(145deg,#211a2e,#101218)!important;border-color:#8d5cff65!important}.course-detail-red .requirements-card.recommended{background:linear-gradient(145deg,#29191e,#101218)!important;border-color:#f0445265!important}.course-outcome-card,.course-tool-card,.course-support-card{min-height:0}.course-outcome-card p{margin-bottom:0}.course-glance-card p{min-height:0}.course-sticky-enroll .button{min-width:190px;justify-content:center}
@media(max-width:900px){.course-content-section,.course-module-section,.course-requirements-section,.course-support-section,.course-faq-section{padding-block:52px!important}.course-section-heading h2,.course-split-panel h2{font-size:clamp(30px,5vw,42px)!important}.course-sticky-enroll .button{min-width:0}}
@media(max-width:620px){.course-content-section,.course-module-section,.course-requirements-section,.course-support-section,.course-faq-section{padding-block:42px!important}.course-section-heading{margin-bottom:18px!important}.course-section-heading h2,.course-split-panel h2{font-size:32px!important}.course-section-heading>p:last-child{font-size:12px!important}.course-outcomes-grid,.course-tools-grid,.course-support-grid{grid-template-columns:1fr}.course-sticky-enroll>div{max-width:52%}.course-sticky-enroll .button{min-width:0}}
.course-media-column:before,.course-media-column:after{z-index:0}.course-media-caption,.course-media-details{position:relative;z-index:1}.course-media-details{color:#f2f2f6}.course-section-heading h2{white-space:normal;max-width:100%}.course-requirements-section .requirements-grid{grid-template-columns:1fr 1fr}.course-requirements-section .requirements-card{min-height:0}.course-requirements-section .requirements-card h3{color:#f4f4f7}.course-requirements-section .requirements-card li:before{color:#28e38b}.course-detail-red .course-requirements-section .requirements-card li:before{color:#ff5965}.course-experience .course-tool-card{min-height:0}.course-experience .course-tool-card .tool-symbol{display:grid;place-items:center;width:42px;height:42px;margin-bottom:16px;border:1px solid #28e38b65;border-radius:12px;background:#28e38b12;color:#55efa7;font:700 12px var(--mono)}.course-detail-red .course-experience .course-tool-card .tool-symbol{border-color:#f0445265;background:#f0445212;color:#ff737d}
/* Eagle Hex course page: Secure Line reference structure, recolored for Eagle Hex. */
.eh-course{--eh-bg:#07090d;--eh-panel:#0d1118;--eh-line:#ffffff18;--eh-text:#f5f6f8;--eh-muted:#b3bac5;--eh-violet:#965cff;--eh-red:#fa3948;--eh-green:#30df8b;position:relative;overflow:hidden;color:var(--eh-text);background:radial-gradient(circle at 82% 4%,#965cff17,transparent 29%),radial-gradient(circle at 14% 28%,#30df8b0a,transparent 29%),linear-gradient(135deg,#06080c,#0c1017 52%,#0b0b11)}
.eh-course *,.eh-course *:before,.eh-course *:after{box-sizing:border-box}.eh-course:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:48px 48px}.eh-course-red{--eh-violet:#fa3948;background:radial-gradient(circle at 82% 4%,#fa394819,transparent 29%),radial-gradient(circle at 14% 28%,#30df8b0a,transparent 29%),linear-gradient(135deg,#06080c,#101016 52%,#100b0e)}
.eh-container{position:relative;z-index:1;width:min(1240px,calc(100% - 40px));margin:0 auto}.eh-hero{position:relative;padding:54px 0 64px;border-bottom:1px solid #ffffff12}.eh-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:48px}.eh-video-column,.eh-course-details{min-width:0}.eh-kicker,.eh-course-label,.eh-section-kicker{display:flex;align-items:center;gap:9px;color:#c7b4ff;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.eh-live-dot{width:8px;height:8px;border-radius:50%;background:var(--eh-green);box-shadow:0 0 0 4px #30df8b18,0 0 15px #30df8b90}
.eh-video-frame{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:16/9;margin-top:12px;border:1px solid #ffffff22;border-radius:17px;background:linear-gradient(145deg,#141923,#080a0e);box-shadow:0 28px 80px #0009,0 0 55px color-mix(in srgb,var(--eh-violet) 12%,transparent)}.eh-video{display:block;width:100%;height:100%;object-fit:cover;background:#050609}.eh-video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.57}.eh-video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--eh-violet) 24%,transparent),transparent 38%),linear-gradient(145deg,#151923ef,#080a0eee);color:#d9c9ff}.eh-video-placeholder strong{font-size:10px;letter-spacing:.16em}.eh-video-placeholder small{color:#b4bac5;font-size:11px}.eh-play-orb{width:68px;height:68px;display:grid;place-items:center;border:1px solid #ffffff7a;border-radius:50%;background:linear-gradient(140deg,var(--eh-violet),#6125bb);box-shadow:0 0 0 8px color-mix(in srgb,var(--eh-violet) 12%,transparent),0 0 34px color-mix(in srgb,var(--eh-violet) 35%,transparent);transition:transform .25s}.eh-play-orb svg{width:24px;fill:#fff}.eh-video-topline{position:absolute;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;gap:12px;pointer-events:none}.eh-video-topline span,.eh-video-corner{padding:7px 10px;border:1px solid #ffffff27;border-radius:5px;background:#07090dd9;color:#f4f3f8;font:800 8px var(--mono);letter-spacing:.08em}.eh-video-corner{position:absolute;right:13px;bottom:13px;color:#aeb4c0}.eh-video-caption{margin:11px 0 0;color:#aeb4c0;font-size:11px;line-height:1.6}
.eh-hero-features{margin-top:18px;padding:18px;border:1px solid #ffffff20;border-top-color:color-mix(in srgb,var(--eh-violet) 65%,transparent);border-radius:13px;background:linear-gradient(145deg,#141820f5,#0c0f15f5);box-shadow:0 18px 48px #0005}.eh-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.eh-meta-card{position:relative;min-height:76px;padding:12px 12px 11px 48px;border:1px solid #ffffff15;border-radius:9px;background:#ffffff05}.eh-meta-card small{display:block;margin-bottom:6px;color:#9da6b4;font:800 8px var(--mono);letter-spacing:.1em}.eh-meta-card strong{display:block;color:#f3f4f7;font-size:11px;line-height:1.45}.eh-icon{position:absolute;left:11px;top:50%;width:27px;height:27px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid #965cff55;border-radius:8px;background:#965cff14;color:#ba9aff}.eh-icon svg,.eh-icon-small svg,.eh-secure-label svg,.eh-check-icon svg,.eh-trust-row svg,.eh-lesson-icon svg,.eh-lesson-lock svg,.eh-requirement-check svg,.eh-feature-icon svg,.eh-tool-icon svg,.eh-support-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.eh-icon-green{border-color:#30df8b55;background:#30df8b12;color:#54eda3}.eh-icon-red{border-color:#fa394855;background:#fa394812;color:#ff737d}.eh-includes-strip{display:grid;grid-template-columns:28px minmax(0,1fr) minmax(0,.75fr);align-items:center;gap:10px;margin-top:9px;padding:12px;border:1px solid #ffffff15;border-radius:9px;background:#ffffff05}.eh-check-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#30df8b18;color:var(--eh-green)}.eh-includes-strip span:nth-child(2),.eh-includes-certificate{display:grid;gap:5px}.eh-includes-strip small{color:#9da6b4;font:800 7px var(--mono);letter-spacing:.08em}.eh-includes-strip strong{font-size:10px;line-height:1.4;color:#f3f4f7}.eh-includes-certificate{padding-left:12px;border-left:1px solid #ffffff19}
.eh-course-details{position:relative}.eh-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:23px;color:#abb2bf;font-size:9px}.eh-breadcrumbs a{color:#d0c2f5}.eh-breadcrumbs span:last-child{color:#fff}.eh-course-label{margin-bottom:14px;color:#ff6873;font-size:9px}.eh-course-label>span{width:20px;height:2px;background:linear-gradient(90deg,var(--eh-red),var(--eh-violet))}.eh-course-label i{color:#8f96a3;font-style:normal}.eh-status{display:inline-flex;margin-bottom:17px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--eh-violet) 45%,transparent);border-radius:4px;background:color-mix(in srgb,var(--eh-violet) 9%,transparent);color:#d6c2ff;font:800 8px var(--mono);letter-spacing:.08em}.eh-course-details h1{margin:0;color:#fff;font-size:clamp(48px,5.4vw,72px);font-weight:950;line-height:.98;letter-spacing:-.065em}.eh-course-details h1 b{color:var(--eh-red)}.eh-course-type{margin:13px 0 0;color:var(--eh-green);font-size:10px;font-weight:900;letter-spacing:.15em}.eh-course-description{margin:14px 0 0;color:#d0d4dc;font-size:13px;line-height:1.75}.eh-purchase-card{margin-top:20px;padding:19px;border:1px solid #ffffff22;border-left:2px solid var(--eh-violet);border-radius:12px;background:linear-gradient(145deg,#171820,#101116);box-shadow:0 18px 45px #0005}.eh-purchase-top,.eh-price-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.eh-purchase-label,.eh-secure-label{display:flex;align-items:center;gap:7px;color:#c6c9d2;font:800 8px var(--mono);letter-spacing:.1em}.eh-icon-small{width:23px;height:23px;display:grid;place-items:center;border:1px solid #ffffff20;border-radius:6px;color:#c6adff}.eh-icon-small svg{width:13px}.eh-secure-label{color:#77e8aa;font-size:7px}.eh-secure-label svg{width:14px;color:var(--eh-green)}.eh-price-row{align-items:flex-end;margin-top:12px}.eh-price-row>div{display:grid;gap:4px}.eh-old-price{color:#9da3af;font-size:11px}.eh-current-price{color:#fff;font-size:clamp(26px,3vw,36px);font-weight:950;line-height:1;letter-spacing:-.04em}.eh-save-badge{padding:6px 8px;border:1px solid #30df8b42;border-radius:5px;background:#30df8b12;color:#48e99a;font:900 8px var(--mono);white-space:nowrap}.eh-price-note{margin:10px 0 0;color:#b9bec9;font-size:10px;line-height:1.6}.eh-enroll-button{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:49px;margin-top:15px;padding:0 16px;overflow:hidden;border:1px solid #ffffff30;border-radius:8px;background:linear-gradient(105deg,#722cff,#9855ff 54%,#d9223a);box-shadow:0 10px 28px #812cff35;color:#fff!important;text-decoration:none!important;font-size:11px;font-weight:900;transition:transform .2s,box-shadow .2s,filter .2s}.eh-enroll-button:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff4a 50%,transparent 80%);transform:translateX(-120%);transition:transform .55s}.eh-enroll-button:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 15px 36px #812cff55,0 0 20px #fa394825}.eh-enroll-button:hover:before{transform:translateX(120%)}.eh-enroll-button span,.eh-enroll-button svg{position:relative;z-index:1}.eh-enroll-button svg{width:18px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.eh-checkout-note{margin:9px 0 0;color:#9fa6b2;font-size:9px;line-height:1.5}.eh-trust-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:13px}.eh-trust-row span{display:flex;align-items:center;gap:6px;color:#c6cbd4;font-size:9px}.eh-trust-row svg{width:14px;height:14px;color:var(--eh-green)}.eh-curriculum-jump{display:inline-flex;align-items:center;gap:9px;margin-top:15px;color:#e7e1f4;font-size:10px;font-weight:800;text-decoration:none}.eh-curriculum-jump span{color:var(--eh-red);transition:transform .2s}.eh-curriculum-jump:hover span{transform:translateY(3px)}
.eh-section{position:relative;z-index:1;padding:68px 0;background:#0a0c11;border-bottom:1px solid #ffffff0e}.eh-section-alt{background:linear-gradient(145deg,#0d1016,#10131a)}.eh-section-head{max-width:760px;margin:0 0 28px}.eh-section-kicker{display:block;color:#5ee8a0;font:900 9px var(--mono);letter-spacing:.16em}.eh-section-head h2,.eh-support-layout h2{margin:10px 0 0;color:#fff;font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.045em;font-weight:900;text-wrap:balance}.eh-section-head p{margin:10px 0 0;color:#b3bac5;font-size:12px;line-height:1.7}.eh-head-split{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;max-width:none}.eh-count-badge{display:flex;align-items:baseline;gap:9px;padding:10px 14px;border:1px solid #965cff52;border-radius:10px;background:#965cff12}.eh-course-red .eh-count-badge{border-color:#fa394852;background:#fa394812}.eh-count-badge strong{color:#fff;font-size:25px}.eh-count-badge span{color:#aeb4c0;font:800 8px var(--mono)}
.eh-module-list{display:grid;gap:10px}.eh-module-card{overflow:hidden;border:1px solid #ffffff1a;border-radius:12px;background:linear-gradient(110deg,#131720,#0d1016);transition:border-color .2s,box-shadow .2s}.eh-module-card:hover,.eh-module-card.is-open{border-color:color-mix(in srgb,var(--eh-violet) 63%,transparent);box-shadow:0 12px 30px #0003}.eh-module-toggle{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) auto 24px;align-items:center;gap:13px;padding:17px 19px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.eh-module-number{width:38px;height:38px;display:grid;place-items:center;border:1px solid #965cff56;border-radius:10px;background:#965cff12;color:#c4a9ff;font:900 10px var(--mono)}.eh-course-red .eh-module-number{border-color:#fa394856;background:#fa394812;color:#ff8790}.eh-module-main{display:grid;gap:5px}.eh-module-main strong{color:#fff;font-size:13px;line-height:1.35}.eh-module-main small{color:#abb2bf;font-size:10px;line-height:1.5}.eh-module-count{color:#b7bdc8;font:800 8px var(--mono);white-space:nowrap}.eh-module-plus{position:relative;width:23px;height:23px;border-radius:50%;background:#ffffff0b}.eh-module-plus:before,.eh-module-plus:after{content:"";position:absolute;left:7px;right:7px;top:11px;height:1px;background:#d9c9ff;transition:transform .2s}.eh-module-plus:after{transform:rotate(90deg)}.eh-module-card.is-open .eh-module-plus:after{transform:rotate(0)}.eh-module-body{padding:0 18px 15px 76px}.eh-lesson-list{margin:0;padding:0;list-style:none}.eh-lesson-row{display:grid;grid-template-columns:28px 24px minmax(0,1fr) auto 20px;align-items:center;gap:10px;min-height:47px;border-top:1px solid #ffffff12;color:#e9eaf0}.eh-lesson-number{color:#87909e;font:8px var(--mono)}.eh-lesson-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:6px;background:#965cff17;color:#bda0ff}.eh-course-red .eh-lesson-icon{background:#fa394817;color:#ff7b84}.eh-lesson-icon svg{width:12px;height:12px;fill:currentColor}.eh-lesson-title{font-size:10px;line-height:1.45}.eh-lesson-label{color:#a0a7b4;font:7px var(--mono);letter-spacing:.06em}.eh-lesson-lock svg{width:13px;height:13px;fill:none;stroke:#818a98;stroke-width:1.7}.eh-lesson-row.is-extra{display:none}.eh-lesson-list.show-all .eh-lesson-row.is-extra{display:grid}.eh-view-more{display:inline-flex;align-items:center;gap:7px;margin:11px 0 0 61px;padding:7px 10px;border:1px solid #ffffff1d;border-radius:6px;background:#ffffff06;color:#d5c5ff;font-size:9px;font-weight:800;cursor:pointer}.eh-course-red .eh-view-more{color:#ff929b}.eh-view-more span{font-size:13px}.eh-program-total{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:16px 18px;border:1px solid #965cff52;border-radius:10px;background:linear-gradient(100deg,#1c1428,#11131a)}.eh-course-red .eh-program-total{border-color:#fa394852;background:linear-gradient(100deg,#251418,#11131a)}.eh-program-total>div{display:grid;gap:5px}.eh-program-total strong{color:#fff;font-size:13px}.eh-program-total>div:last-child{display:flex;align-items:center;gap:16px}.eh-program-total>div:last-child span{color:#b7bdc8;font-size:10px}
.eh-feature-grid,.eh-glance-grid,.eh-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.eh-feature-card,.eh-tool-card,.eh-glance-card,.eh-requirement-card,.eh-stage-card,.eh-path-card{position:relative;min-width:0;padding:19px;border:1px solid #ffffff18;border-radius:11px;background:linear-gradient(145deg,#151922,#0e1117);transition:transform .22s,border-color .22s,box-shadow .22s}.eh-feature-card:hover,.eh-tool-card:hover,.eh-glance-card:hover,.eh-stage-card:hover,.eh-path-card:hover{transform:translateY(-3px);border-color:#965cff70;box-shadow:0 14px 36px #0005}.eh-course-red .eh-feature-card:hover,.eh-course-red .eh-tool-card:hover,.eh-course-red .eh-glance-card:hover{border-color:#fa394870}.eh-feature-number,.eh-tool-number{position:absolute;top:16px;right:16px;color:#818a99;font:800 8px var(--mono)}.eh-feature-icon,.eh-tool-icon,.eh-support-icon{width:37px;height:37px;display:grid;place-items:center;margin-bottom:14px;border:1px solid #965cff54;border-radius:10px;background:#965cff12;color:#c2a4ff}.eh-feature-icon svg,.eh-tool-icon svg,.eh-support-icon svg{width:18px;height:18px}.eh-feature-icon.eh-icon-green{border-color:#30df8b55;background:#30df8b12;color:#4ee79a}.eh-feature-card h3,.eh-tool-card h3,.eh-glance-card h3,.eh-requirement-card h3,.eh-stage-card h3,.eh-path-card h3,.eh-support-card h3{margin:0;color:#f5f5f8;font-size:13px;line-height:1.4}.eh-feature-card p,.eh-tool-card p,.eh-glance-card p,.eh-requirement-card li,.eh-stage-card p,.eh-path-card p,.eh-support-card p{margin:8px 0 0;color:#b7bec9;font-size:10px;line-height:1.65}.eh-experience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.eh-glance{background:radial-gradient(circle at 85% 5%,#965cff12,transparent 35%),#0a0c11}.eh-glance-card{padding:20px}.eh-glance-card>span{color:#d1baff;font:900 9px var(--mono)}.eh-course-red .eh-glance-card>span{color:#ff8a92}.eh-glance-card>span i{color:#9ba3af;font-style:normal}.eh-glance-card h3{margin-top:12px;font-size:14px}.eh-glance-card p{min-height:42px}.eh-glance-card small{display:block;margin-top:12px;color:#e0e2e8;font-size:9px}.eh-tool-icon{border-color:#30df8b55;background:#30df8b10;color:#50e99b}.eh-course-red .eh-tool-icon{border-color:#fa394855;background:#fa394812;color:#ff737d}.eh-requirements-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.eh-requirement-card{padding:22px}.eh-requirement-card.is-recommended{border-color:#30df8b50;background:linear-gradient(145deg,#102019,#0e1117)}.eh-course-red .eh-requirement-card.is-recommended{border-color:#fa394850;background:linear-gradient(145deg,#201316,#0e1117)}.eh-requirement-label{display:flex;align-items:center;gap:8px;color:#55e99d;font:900 8px var(--mono);letter-spacing:.09em}.eh-course-red .eh-requirement-label{color:#ff858d}.eh-requirement-label i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.eh-requirement-card h3{margin-top:13px}.eh-requirement-card ul{display:grid;gap:9px;margin:14px 0 0;padding:0;list-style:none}.eh-requirement-card li{display:flex;align-items:flex-start;gap:8px;margin:0}.eh-requirement-check{flex:0 0 16px;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#30df8b14;color:#4ee79a}.eh-course-red .eh-requirement-check{background:#fa394814;color:#ff737d}.eh-requirement-check svg{width:11px;height:11px}.eh-stage-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.eh-stage-card{padding:15px}.eh-stage-card>span{color:#55e99d;font:900 9px var(--mono)}.eh-course-red .eh-stage-card>span{color:#ff858d}.eh-stage-card h3{margin-top:10px}.eh-outcomes-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:14px}.eh-path-card{padding:21px}.eh-path-card h3{margin-top:11px;font-size:16px}.eh-path-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.eh-path-tags span{padding:7px 10px;border:1px solid #965cff50;border-radius:999px;color:#e6def5;font-size:9px}.eh-course-red .eh-path-tags span{border-color:#fa394850}
.eh-support-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.eh-support-layout h2{margin:10px 0 17px}.eh-support-card{display:flex;gap:12px;padding:15px 0;border-top:1px solid #ffffff15}.eh-support-icon{flex:0 0 37px;margin:0}.eh-support-card p{margin-top:5px}.eh-faq-panel{padding:20px;border:1px solid #ffffff1c;border-radius:12px;background:#11141b}.eh-faq-panel h2{margin:9px 0 16px;color:#fff;font-size:25px}.eh-faq-item{border-top:1px solid #ffffff18}.eh-faq-item summary{display:flex;justify-content:space-between;gap:12px;padding:13px 0;color:#f5f5f8;font-size:11px;font-weight:800;cursor:pointer;list-style:none}.eh-faq-item summary::-webkit-details-marker{display:none}.eh-faq-item summary span:before{content:"＋";color:#b997ff}.eh-faq-item[open] summary span:before{content:"−"}.eh-faq-item p{margin:0 0 13px;color:#bbc1cc;font-size:10px;line-height:1.65}.eh-faq-panel>a{display:inline-flex;gap:7px;margin-top:12px;color:#d3bdff;font-size:10px;font-weight:800;text-decoration:none}.eh-final-cta{position:relative;z-index:1;padding:40px 0;background:radial-gradient(circle at 80% 50%,#965cff1d,transparent 42%),linear-gradient(110deg,#17121f,#101116 70%,#1e1014);border-top:1px solid #ffffff12}.eh-final-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.eh-final-inner h2{margin:8px 0;color:#fff;font-size:clamp(27px,3.8vw,42px);letter-spacing:-.04em}.eh-final-inner p{margin:0;color:#b8bec9;font-size:11px}.eh-final-inner .eh-enroll-button{flex:0 0 min(340px,42%);margin:0}
.eh-sticky-enroll{position:fixed;z-index:44;left:50%;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(640px,calc(100% - 32px));padding:12px 14px 12px 18px;transform:translate(-50%,18px);opacity:0;visibility:hidden;pointer-events:none;border:1px solid #965cff75;border-radius:14px;background:#080a0ef5;box-shadow:0 14px 48px #000b,0 0 30px #965cff15;backdrop-filter:blur(15px);transition:opacity .25s,transform .25s,visibility .25s}.eh-course-red .eh-sticky-enroll{border-color:#fa394875}.eh-sticky-enroll.is-visible{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto}.eh-sticky-enroll>div{display:grid;gap:5px;min-width:0}.eh-sticky-enroll>div>small{color:#b5bac4;font:800 8px var(--mono);letter-spacing:.08em}.eh-sticky-enroll strong{color:#fff;font-size:15px}.eh-sticky-enroll .eh-enroll-button{flex:0 0 auto;min-width:190px;min-height:42px;margin:0;padding:0 13px;font-size:9px}
@media(max-width:980px){.eh-hero-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.95fr);gap:27px}.eh-stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.eh-feature-grid,.eh-glance-grid,.eh-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.eh-container{width:min(calc(100% - 30px),560px)}.eh-hero{padding:28px 0 36px}.eh-hero-grid{grid-template-columns:1fr;gap:27px}.eh-video-column{order:0}.eh-course-details{order:1}.eh-course-details h1{font-size:52px}.eh-breadcrumbs{margin-bottom:16px}.eh-hero-features{margin-top:15px;padding:14px}.eh-meta-card{min-height:68px}.eh-section{padding:48px 0}.eh-head-split{align-items:flex-start}.eh-count-badge{flex:0 0 auto}.eh-module-toggle{grid-template-columns:38px minmax(0,1fr) 23px;gap:10px;padding:14px}.eh-module-number{width:34px;height:34px}.eh-module-main strong{font-size:11px}.eh-module-count{grid-column:2;grid-row:2;font-size:7px}.eh-module-toggle .eh-module-plus{grid-column:3;grid-row:1}.eh-module-body{padding:0 13px 13px}.eh-lesson-row{grid-template-columns:22px 22px minmax(0,1fr) 18px;gap:7px}.eh-lesson-label{display:none}.eh-lesson-title{font-size:9px}.eh-view-more{margin-left:50px}.eh-support-layout{grid-template-columns:1fr;gap:25px}}
@media(max-width:520px){.eh-container{width:calc(100% - 24px)}.eh-video-frame{border-radius:12px}.eh-video-topline{top:9px;left:9px;right:9px}.eh-video-topline span{font-size:6px;padding:6px}.eh-hero-features{padding:11px}.eh-meta-grid{gap:7px}.eh-meta-card{padding:10px 8px 9px 39px;min-height:68px}.eh-icon{left:8px;width:24px;height:24px}.eh-meta-card small{font-size:7px}.eh-meta-card strong{font-size:9px}.eh-includes-strip{grid-template-columns:23px minmax(0,1fr);padding:9px}.eh-includes-certificate{grid-column:2;padding:8px 0 0;border-left:0;border-top:1px solid #ffffff18}.eh-course-details h1{font-size:46px}.eh-course-description{font-size:12px}.eh-purchase-card{padding:15px}.eh-secure-label{font-size:6px}.eh-current-price{font-size:27px}.eh-enroll-button{min-height:46px;font-size:9px}.eh-section{padding:40px 0}.eh-section-head{margin-bottom:19px}.eh-section-head h2,.eh-support-layout h2{font-size:30px}.eh-section-head p{font-size:11px}.eh-feature-grid,.eh-experience-grid,.eh-glance-grid,.eh-tools-grid,.eh-requirements-grid,.eh-outcomes-grid{grid-template-columns:1fr}.eh-feature-card,.eh-tool-card,.eh-glance-card,.eh-requirement-card,.eh-stage-card,.eh-path-card{padding:16px}.eh-glance-card p{min-height:0}.eh-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eh-program-total{align-items:flex-start;flex-direction:column}.eh-program-total>div:last-child{flex-wrap:wrap;gap:8px}.eh-final-inner{align-items:stretch;flex-direction:column}.eh-final-inner .eh-enroll-button{flex-basis:auto;width:100%}.eh-sticky-enroll{bottom:8px;width:calc(100% - 16px);gap:8px;padding:9px;border-radius:11px}.eh-sticky-enroll>div{max-width:46%}.eh-sticky-enroll>div>small{font-size:6px;letter-spacing:.03em}.eh-sticky-enroll strong{font-size:11px}.eh-sticky-enroll .eh-enroll-button{min-width:0;min-height:38px;padding:0 9px;font-size:8px}.eh-sticky-enroll .eh-enroll-button svg{width:14px}}
@media(prefers-reduced-motion:reduce){.eh-course *,.eh-course *:before,.eh-course *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.eh-overview-section .eh-section-head{max-width:980px;margin:0 auto}.eh-overview-copy{font-size:15px!important;line-height:1.8!important;color:#d0d5df!important}
.checkout-country-search-wrap .checkout-country-toggle{position:absolute!important;z-index:2!important;top:0!important;right:0!important;display:grid!important;width:38px!important;height:43px!important;min-height:43px!important;place-items:center!important;padding:0!important;border:0!important;border-radius:0 8px 8px 0!important;background:transparent!important;box-shadow:none!important;color:#aeb4c0!important;cursor:pointer!important;transform:none!important;filter:none!important}.checkout-country-search-wrap .checkout-country-toggle:hover{background:transparent!important;color:#d4b8ff!important;box-shadow:none!important;filter:none!important}.checkout-country-search-wrap .checkout-country-toggle[aria-expanded=true]{color:#c49aff!important}.checkout-country-search-wrap .checkout-country-toggle .checkout-country-chevron{position:static;display:block;transform:none;color:inherit;font-size:17px;line-height:1;transition:transform .18s ease}.checkout-country-search-wrap .checkout-country-toggle[aria-expanded=true] .checkout-country-chevron{transform:rotate(180deg)}.checkout-country-picker .checkout-country-control>button[type=submit]{position:relative;z-index:1;min-width:112px;min-height:43px;transform:none;filter:none;backdrop-filter:none;opacity:1;text-shadow:none;-webkit-font-smoothing:antialiased;box-shadow:0 4px 12px #e5233520;transition:background .18s,border-color .18s,box-shadow .18s}.checkout-country-picker .checkout-country-control>button[type=submit]:hover{transform:none;filter:brightness(1.04);box-shadow:0 5px 14px #e5233528}.checkout-country-picker .checkout-country-control>button[type=submit]:focus-visible,.checkout-country-search-wrap .checkout-country-toggle:focus-visible{outline:2px solid #c49aff;outline-offset:2px}
.checkout-country-selected-flag{position:absolute;z-index:2;left:11px;top:50%;display:block;width:22px;height:16px;transform:translateY(-50%);overflow:hidden;border:1px solid #ffffff2b;border-radius:3px;background:#fff;pointer-events:none}.checkout-country-selected-flag img,.checkout-country-option .checkout-country-flag img{display:block;width:100%;height:100%;object-fit:cover}.checkout-country-search-wrap:focus-within .checkout-country-selected-flag{display:none}.checkout-country-search-wrap>input[type=search]:focus{padding-left:12px}.checkout-country-option .checkout-country-flag{display:block;width:24px;height:18px;overflow:hidden;border:1px solid #ffffff22;border-radius:3px;background:#fff}.checkout-country-option small{display:none!important}
/* Support widget action cards and guided support flows */
.support-widget-body{max-height:calc(min(590px,100vh - 110px) - 72px);overflow:auto;gap:2px}.support-widget-actions{display:grid;gap:7px;margin-top:8px}.support-widget-action{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;min-height:58px;padding:9px 11px;border:1px solid #ffffff1a!important;border-radius:9px!important;background:#171920!important;color:#e9eaf0!important;text-align:left;text-decoration:none;font:inherit;box-shadow:none!important;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.support-widget-action:hover{border-color:#ef334078!important;background:#1d1f27!important;transform:translateY(-1px)}.support-widget-action>span:first-child{display:grid;width:32px;height:32px;place-items:center;border:1px solid #ef334050;border-radius:8px;background:#ef334014;color:#ff6670;font-size:15px}.support-widget-action>span:nth-child(2){display:grid;gap:4px;min-width:0}.support-widget-action strong{color:#f5f5f8;font-size:10px;line-height:1.3}.support-widget-action small{color:#a1a5b1;font-size:9px;line-height:1.35}.support-widget-action>b{color:#ff6570;font-size:17px;text-align:center}.support-widget-workflow[hidden],#support-widget-faq-view[hidden],.support-widget-panel[hidden]{display:none!important}.support-widget-back{align-self:flex-start;padding:2px 0 9px;border:0;background:none;color:#c4a8ff;font-size:10px;cursor:pointer}.support-widget-identity-step{display:grid;gap:10px;padding:12px;border:1px solid #ffffff1b;border-radius:9px;background:#171920}.support-widget-identity-step label,.support-widget-guest-fields label,.support-widget-callback-form>label{display:grid;gap:7px;color:#e6e7ec;font-size:10px;font-weight:700}.support-widget-identity-step input,.support-widget-guest-fields input,.support-widget-callback-form textarea,.support-widget-compose textarea{width:100%;min-width:0;padding:11px;border:1px solid #ffffff25;border-radius:7px;background:#0d0f14;color:#f6f6f8;font:11px var(--sans);outline:none}.support-widget-identity-step input:focus,.support-widget-guest-fields input:focus,.support-widget-callback-form textarea:focus,.support-widget-compose textarea:focus{border-color:#9a69ff;box-shadow:0 0 0 2px #8955f52a}.support-widget-identity-step button,.support-widget-callback-form>button{min-height:39px;padding:0 12px;border:1px solid #8751f3;border-radius:7px;background:#8751f3;color:#fff;font-size:10px;font-weight:750;cursor:pointer}.support-widget-chat-log{display:grid;gap:8px;max-height:310px;overflow:auto;padding:4px 0 10px}.support-chat-bubble{max-width:88%;padding:10px;border:1px solid #ffffff19;border-radius:10px;background:#1a1c23;color:#ececf1}.support-chat-bubble p{margin:5px 0;color:inherit;font-size:10px;line-height:1.55;overflow-wrap:anywhere}.support-chat-bubble small,.support-chat-bubble time{color:#9da1ad;font-size:8px}.support-chat-customer{justify-self:end;border-color:#8050db66;background:#261b37}.support-widget-compose{display:flex;align-items:flex-end;gap:7px}.support-widget-compose textarea{resize:vertical}.support-widget-compose button{flex:0 0 38px;width:38px;height:38px;border:0;border-radius:8px;background:#8751f3;color:white;font-size:19px;cursor:pointer}.support-widget-feedback{margin:6px 0 0;color:#aeb4c2;font-size:9px;line-height:1.5;overflow-wrap:anywhere}.support-widget-callback-form,.support-widget-guest-fields{display:grid;gap:10px}.support-widget-secondary-chat{width:100%;margin-top:9px;padding:10px;border:1px solid #ffffff22;border-radius:8px;background:transparent;color:#cbb7ff;font-size:10px;cursor:pointer}
.support-widget-contact{align-items:center;width:100%;min-height:58px;border-radius:9px;color:#e8e9ed;text-align:left;cursor:pointer}.support-widget-contact>span{color:#aeb2be;font-size:9px;font-weight:500}.support-widget-contact>strong{display:flex;align-items:center;gap:9px;color:#ffc1c5;font-size:10px}.support-widget-contact>strong b{font-size:15px}.support-widget-contact:hover{border-color:#ef334088;background:#ef334016}.support-widget-callback-form>label select{width:100%;min-height:40px;padding:10px;border:1px solid #ffffff25;border-radius:7px;background:#171920;color:#f1f1f4;font:10px var(--sans)}.support-widget-callback-form>label select:disabled{opacity:.65}.support-widget-callback-answer{margin:0;padding:10px;border:1px solid #ffffff19;border-radius:7px;background:#171920;color:#bfc2cc;font-size:9px;line-height:1.6;white-space:pre-wrap}.support-widget-callback-form>button{width:100%;margin-top:2px}
.support-chatbot-landing{min-height:62vh;background:radial-gradient(ellipse at 28% 20%,#20132e 0%,#0b0c10 56%);padding-top:clamp(70px,12vh,150px);padding-bottom:100px}.support-chatbot-hero{max-width:1100px}.support-chatbot-hero>.eyebrow{color:#ff4c5b;letter-spacing:.16em}.support-chatbot-hero h1{font-size:clamp(48px,8vw,92px);line-height:.98;letter-spacing:-.06em;margin:18px 0}.support-chatbot-hero h1 span{color:#a879ff}.support-chatbot-hero>p:not(.eyebrow){max-width:610px;color:#b5bac6;line-height:1.8;font-size:16px}.support-chatbot-hero .button{margin-top:20px;cursor:pointer}.support-chatbot-promises{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px;margin-top:58px;border:1px solid #292b35;border-radius:14px;background:#111319}.support-chatbot-promises article{display:grid;gap:8px;padding:20px;border-right:1px solid #292b35}.support-chatbot-promises article:last-child{border:0}.support-chatbot-promises strong{font-size:18px;color:#f4f1fa}.support-chatbot-promises span{color:#9da2af;font-size:12px}@media(max-width:620px){.support-chatbot-promises{grid-template-columns:1fr;margin-top:36px}.support-chatbot-promises article{border-right:0;border-bottom:1px solid #292b35;padding:15px 18px}.support-chatbot-promises article:last-child{border:0}.support-chatbot-hero h1{font-size:clamp(44px,14vw,68px)}}
/* Prevent iOS Safari from auto-zooming when a form control receives focus. */
@media(max-width:640px){
 input,select,textarea,[contenteditable="true"]{font-size:16px!important}
 input,select,textarea{max-width:100%;box-sizing:border-box}
}

/* Home cards: rounded Hexu panels with controlled red cyber accents. */
.services-section .service-grid{gap:18px}
.services-section .service-card{min-height:340px;padding:26px;border:1px solid #282b35;border-top:2px solid #ef4444;border-radius:16px;background:radial-gradient(circle at 100% 0,#ef444414,transparent 34%),linear-gradient(145deg,#1a1c24,#101116 76%);color:#f5f5f8;box-shadow:0 16px 38px #1719230b;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease}
.services-section .service-card:before{width:190px;height:190px;right:-108px;top:-116px;border-color:#ef44443b;box-shadow:0 0 0 20px #ef444408,0 0 45px #ef444414}
.services-section .service-card:after{position:absolute;right:25px;top:26px;width:32px;height:32px;border-top:1px solid #ef444455;border-right:1px solid #ef444455;content:"";opacity:.8}
.services-section .service-card:hover{transform:translateY(-7px);border-color:#ef444477;border-top-color:#ff5964;background:radial-gradient(circle at 100% 0,#ef44441f,transparent 40%),linear-gradient(145deg,#201b22,#101116 76%);box-shadow:0 22px 48px #ef444414,0 0 0 1px #ef444414}
.services-section .card-index,.services-section .service-category-label{color:#ff777f;font:8px var(--mono);letter-spacing:.12em}
.services-section .service-icon{width:58px;height:58px;margin-top:27px;border:1px solid #ff596455;border-radius:14px;background:linear-gradient(145deg,#ef444421,#8b5cf617);color:#ff6a74;box-shadow:inset 0 0 22px #ef44440b,0 8px 24px #0003}
.services-section .service-icon:after{position:absolute;inset:5px;border:1px solid #ffffff0c;border-radius:10px;content:""}
.services-section .icon-mobile i,.services-section .icon-web i,.services-section .icon-laptop i{z-index:1}
.services-section .service-category-label{margin-top:21px;color:#a99bd0}
.services-section .service-card h3{margin:10px 0 8px;color:#f5f5f8;font-size:21px;letter-spacing:-.05em}
.services-section .service-card>p{color:#a3a6b1;font-size:11px;line-height:1.75}
.services-section .service-card .card-foot{border-color:#ffffff1a;color:#c1c3cb;font-size:8px}
.services-section .service-card .card-foot b{color:#ff5964}

.software-section{position:relative;background:radial-gradient(ellipse at 8% 42%,#8b5cf60b,transparent 28%),radial-gradient(ellipse at 92% 72%,#ef44440b,transparent 28%),#0d0f14}
.software-section .software-card{min-height:270px;overflow:hidden;border:1px solid #30313a;border-radius:15px;background:linear-gradient(125deg,#191a22,#121319 75%);box-shadow:0 18px 42px #0003;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.software-section .software-card:hover{transform:translateY(-6px);border-color:#a879ff88;box-shadow:0 24px 55px #0008,0 0 24px #8b5cf615}
.software-section .software-art{min-height:270px;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px),radial-gradient(circle at 50% 48%,#8b5cf644,transparent 53%),linear-gradient(145deg,#211d2b,#111319);background-size:22px 22px,22px 22px,auto,auto}
.software-section .software-art:before{width:216px;height:216px;border-color:#b39aff38;box-shadow:0 0 0 16px #8b5cf609}
.software-section .software-art:after{width:155px;height:155px;border-color:#ef444454;box-shadow:0 0 32px #ef444414}
.software-section .art-chip{padding:7px 9px;border:1px solid #ffffff20;border-radius:5px;background:#0d0f14b8;color:#d5c8ff}
.software-section .art-corner{padding:6px 8px;border:1px solid #ef44442e;border-radius:4px;background:#0d0f14b8;color:#ff8289}
.software-section .device-frame{border-color:#d0bfff;border-radius:18px;background:linear-gradient(145deg,#2a2036,#111319);box-shadow:0 0 0 7px #8b5cf615,0 14px 38px #0009}
.software-section .monitor-frame{border-color:#d0bfff;border-radius:5px;background:linear-gradient(145deg,#272033,#111319);box-shadow:0 0 0 7px #8b5cf615,0 14px 38px #0009}
.software-section .monitor-frame:after{border-bottom-color:#d0bfff;border-left-color:#d0bfff;border-right-color:#d0bfff}
.software-section .software-card-body{padding:22px}
.software-section .software-meta{font-size:8px}
.software-section .software-card-body h4{font-size:23px}
.software-section .software-card-body>p{font-size:10px;line-height:1.75}
.software-section .software-card .card-foot{margin-top:auto;padding-top:16px}
.software-section .coming-card{min-height:145px;border:1px solid #ef444433;border-radius:15px;background:linear-gradient(110deg,#21191f,#15161d 65%);box-shadow:0 14px 35px #0003}
.software-section .coming-orbit{border-radius:15px;background:#ef444410;box-shadow:inset 0 0 22px #ef44440b}
.software-section .coming-card:hover{transform:translateY(-3px);border-color:#ef444477;box-shadow:0 20px 44px #0005,0 0 26px #ef444410}

.courses-section .course-grid{gap:20px}
.courses-section .course-card{min-height:350px;padding:27px;border:1px solid #30313a;border-radius:16px;background:radial-gradient(ellipse at 100% 0,#8b5cf629,transparent 46%),linear-gradient(145deg,#1b1b25,#101116 76%);box-shadow:0 18px 42px #17192314;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.courses-section .course-card>*{position:relative;z-index:1}
.courses-section .course-card:after{z-index:0;right:-86px;top:62px;width:260px;height:260px;border-color:#b39aff32;box-shadow:0 0 0 19px #b39aff08,0 0 0 42px #b39aff06,0 0 70px #8b5cf61c}
.courses-section .course-card:hover{transform:translateY(-7px);border-color:#aa87ff88;box-shadow:0 25px 55px #0002,0 0 32px #8b5cf61b}
.courses-section .course-trade{background:radial-gradient(ellipse at 100% 0,#ef444426,transparent 46%),linear-gradient(145deg,#241a20,#101116 76%)}
.courses-section .course-trade:after{border-color:#ff6b7445;box-shadow:0 0 0 19px #ef444409,0 0 0 42px #ef444406,0 0 70px #ef44441c}
.courses-section .course-trade:hover{border-color:#ff596488;box-shadow:0 25px 55px #0002,0 0 32px #ef44441b}
.courses-section .course-top{align-items:center}
.courses-section .course-code{padding:8px 10px;border:1px solid #ffffff1c;border-radius:6px;background:#ffffff08}
.courses-section .course-sigil{width:42px;height:42px;display:grid;place-items:center;border:1px solid #b39aff44;border-radius:12px;background:#8b5cf618;font-size:21px}
.courses-section .course-trade .course-sigil{border-color:#ff6b744a;background:#ef444416}
.courses-section .course-label{display:inline-flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid #b39aff35;border-radius:5px;background:#8b5cf610;font-size:8px}
.courses-section .course-label:before{width:5px;height:5px;border-radius:50%;background:#b39aff;box-shadow:0 0 10px #b39aff;content:""}
.courses-section .course-trade .course-label{border-color:#ff6b7435;background:#ef444410}
.courses-section .course-trade .course-label:before{background:#ff6670;box-shadow:0 0 10px #ff6670}
.courses-section .course-card h3{margin:14px 0 10px;font-size:clamp(30px,3.2vw,39px);letter-spacing:-.065em}
.courses-section .course-card>div:nth-child(2)>p{position:relative;z-index:1;max-width:470px;font-size:11px;line-height:1.8}
.courses-section .course-action{padding-top:17px;border-color:#ffffff20;font-size:9px}
.courses-section .course-action b{display:grid;width:34px;height:34px;place-items:center;border:1px solid #ff59644a;border-radius:10px;background:#ef444410;font-size:17px;transition:transform .2s,background .2s}
.courses-section .course-card:hover .course-action b{transform:translate(2px,-2px);background:#ef444422}
@media(max-width:760px){
  .services-section .service-grid,.courses-section .course-grid{gap:14px}
  .services-section .service-card{min-height:300px;padding:22px;border-radius:14px}
  .software-section .software-card{border-radius:13px}
  .software-section .software-card-body{padding:16px}
  .courses-section .course-card{min-height:315px;padding:22px;border-radius:14px}
}
@media(max-width:430px){
  .services-section .service-card{min-height:285px}
  .software-section .software-card{grid-template-columns:1fr}
  .software-section .software-art{min-height:180px}
  .software-section .software-card-body{min-height:220px;padding:19px}
  .courses-section .course-card{min-height:300px;padding:20px}
}

/* Shared phone country picker used in registration, contact and account forms. */
.phone-field{position:relative;display:grid;gap:8px;min-width:0}
.phone-field.is-open{z-index:100}
.phone-field-label{display:block;color:#e6e8ed;font-size:12px;font-weight:700;line-height:1.4}
.phone-field-row{position:relative;display:grid;grid-template-columns:minmax(145px,190px) minmax(0,1fr);gap:10px;min-width:0}
.phone-country-trigger,.phone-number-input{width:100%;min-width:0;min-height:50px;padding:0 13px;border:1px solid #383c47;border-radius:9px;background:#101217;color:#f6f6f8;font:500 13px var(--sans);outline:none;transition:border-color .18s,box-shadow .18s,background .18s}
.phone-country-trigger{display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}
.phone-country-trigger:hover{border-color:#7550ac;background:#14141c}
.phone-country-trigger:focus-visible,.phone-number-input:focus{border-color:#a674ff;box-shadow:0 0 0 3px #975ef526}
.phone-country-flag{flex:0 0 auto;font-size:18px;line-height:1}
.phone-country-name{display:none}
.phone-country-dial{flex:0 0 auto;color:#e4dcf8;font-weight:750;white-space:nowrap}
.phone-country-chevron{flex:0 0 auto;margin-left:auto;color:#9298a6;font-size:17px;transition:transform .18s,color .18s}
.phone-country-trigger[aria-expanded="true"] .phone-country-chevron{transform:rotate(180deg);color:#c7b6ff}
.phone-number-input::placeholder{color:#777e8b}
.phone-field-hint,.phone-field-error{color:#9299a8;font-size:10px;line-height:1.5}
.phone-field-error{color:#ff969d}
.phone-country-dropdown{position:absolute;z-index:110;top:calc(100% + 8px);left:0;display:flex;flex-direction:column;width:min(430px,100%);max-height:min(560px,calc(100vh - 32px));max-height:min(560px,calc(100dvh - 32px));padding:15px;border:1px solid #3b3548;border-top:2px solid #a674ff;border-radius:12px;background:linear-gradient(150deg,#1c1e27,#111319 78%);box-shadow:0 20px 55px #000b,0 0 30px #8b5cf615;color:#f5f5f8;animation:phonePickerDropIn .16s ease-out both}
.phone-country-dropdown[hidden]{display:none}
.phone-country-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:19px}
.phone-country-dialog-head p{margin:0 0 6px;color:#b39aff;font:8px var(--mono);letter-spacing:.15em}
.phone-country-dialog-head h2{margin:0;font-size:20px;letter-spacing:-.04em}
.phone-country-close{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid #ffffff1b;border-radius:9px;background:#ffffff08;color:#e6e7ec;font-size:24px;line-height:1;cursor:pointer}
.phone-country-close:hover{border-color:#a674ff66;background:#8b5cf619;color:#fff}
.phone-country-search-label{margin-bottom:7px;color:#c6c8d1;font-size:10px;font-weight:700}
.phone-country-search{width:100%;min-height:46px;padding:0 13px;border:1px solid #3a3d48;border-radius:9px;outline:0;background:#0d0f14;color:#f5f5f8;font:12px var(--sans)}
.phone-country-search::placeholder{color:#858b98}
.phone-country-search:focus{border-color:#a674ff;box-shadow:0 0 0 3px #975ef520}
.phone-country-list{min-height:100px;max-height:min(40vh,340px);overflow:auto;margin-top:10px;padding:4px;border:1px solid #ffffff12;border-radius:9px;background:#0d0f14;scrollbar-color:#514663 #0d0f14;scrollbar-width:thin}
.phone-country-option{display:grid;width:100%;grid-template-columns:30px minmax(0,1fr) auto 20px;align-items:center;gap:11px;min-height:45px;padding:8px 11px;border:1px solid transparent;border-radius:7px;background:transparent;color:#e1e3e9;text-align:left;font:500 12px var(--sans);cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.phone-country-option:hover,.phone-country-option:focus-visible{border-color:#8b5cf638;background:#ffffff09;color:#fff;outline:none}
.phone-country-option.is-selected{border-color:#8b5cf644;background:linear-gradient(90deg,#8b5cf620,#8b5cf608);color:#f4edff}
.phone-option-flag{font-size:18px;line-height:1}
.phone-option-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.phone-option-code{color:#b9a0ee;font:10px var(--mono);white-space:nowrap}
.phone-option-check{color:#c6a9ff;font-size:13px;text-align:center;opacity:0}
.phone-country-option.is-selected .phone-option-check{opacity:1}
.phone-country-option[hidden]{display:none}
.phone-country-empty{margin:0;padding:24px 12px;color:#a3a8b4;text-align:center;font-size:12px}
.phone-country-dialog-foot{margin:12px 2px 0;color:#858c9a;font-size:9px;line-height:1.5}
.auth-page .phone-field-label{color:#e1e2e8;font-size:11px}
.auth-page .phone-country-trigger,.auth-page .phone-number-input{min-height:49px;border-color:#373b47;background:#101218;color:#f7f7fa;font-size:13px}
.account-settings-form>.phone-field{grid-column:1/-1}
.account-settings-form .phone-field .phone-number-input{min-height:50px;padding:0 13px;border-radius:9px;background:#101217;color:#f6f6f8;font:500 13px var(--sans)}
.account-settings-form .phone-field .phone-number-input:focus{border-color:#a674ff;box-shadow:0 0 0 3px #975ef526}
.support-lead-fields .phone-field .phone-number-input{min-height:50px;padding:0 13px;border-radius:9px;background:#101217;color:#f6f6f8;font:500 13px var(--sans)}
.support-lead-fields .phone-field .phone-number-input:focus{border-color:#a674ff;box-shadow:0 0 0 3px #975ef526}
@media(max-width:600px){
  .phone-field-row{grid-template-columns:minmax(120px,145px) minmax(0,1fr);gap:8px}
  .phone-country-trigger,.phone-number-input{min-height:48px;padding-inline:10px;font-size:12px}
  .phone-country-trigger{gap:7px}
  .phone-country-dial{font-size:11px}
  .phone-country-dropdown{left:0;right:0;width:auto;max-width:100%;max-height:calc(70vh - 18px);padding:13px;border-radius:11px;box-sizing:border-box}
  .phone-country-dialog-head h2{font-size:19px}
  .phone-country-list{max-height:min(32vh,280px)}
  .phone-country-option{min-height:48px;font-size:13px}
}
@media(max-width:380px){
  .phone-field-row{grid-template-columns:minmax(108px,124px) minmax(0,1fr);gap:6px}
  .phone-country-trigger{gap:7px;padding-inline:8px}
  .phone-country-flag{font-size:16px}
  .phone-country-dial{font-size:10px}
}
@keyframes phonePickerDropIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}

/* Public WhatsApp-style support chat */
.public-chat-widget{position:fixed;right:24px;bottom:24px;z-index:1200;font-family:var(--sans)}
.public-chat-trigger{position:relative}.public-chat-unread-badge{position:absolute;top:-8px;left:-7px;right:auto;display:grid;min-width:23px;height:23px;place-items:center;padding:0 6px;border:2px solid #0e1116;border-radius:999px;background:#19c976;color:#062a18;font:800 10px var(--sans);box-shadow:0 3px 10px #00c96b66}.public-chat-unread-badge[hidden]{display:none}
.public-chat-trigger{display:flex;align-items:center;gap:10px;min-height:58px;padding:0 20px;border:1px solid #59df9d;border-radius:999px;background:linear-gradient(135deg,#19c96d,#07944b);color:#fff;font-size:13px;font-weight:800;box-shadow:0 12px 34px #00a85a55;cursor:pointer;transition:transform .2s,box-shadow .2s}
.public-chat-trigger:hover{transform:translateY(-3px);box-shadow:0 17px 42px #00a85a70}
.public-chat-trigger{transition:transform .2s,box-shadow .2s,opacity .25s,visibility .25s}
.public-chat-trigger.is-idle-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px)}
.service-category-empty{grid-column:1/-1;padding:clamp(22px,4vw,38px);border:1px solid #ffffff20;border-radius:16px;background:linear-gradient(145deg,#151821,#0e1015)}
.service-category-empty h3{margin:10px 0 8px;color:#f6f6f8;font:750 clamp(20px,3vw,28px)/1.2 var(--display);letter-spacing:-.03em}
.service-category-empty p{max-width:620px;margin:0 0 18px;color:#aeb4c1;font-size:13px;line-height:1.7}
.public-chat-trigger>svg{display:block;width:29px;height:29px;flex:0 0 29px;fill:currentColor}
.public-chat-panel{position:absolute;right:0;bottom:72px;display:flex;width:min(390px,calc(100vw - 28px));height:min(570px,calc(100dvh - 110px));flex-direction:column;overflow:hidden;border:1px solid #ffffff24;border-radius:18px;background:#101319;box-shadow:0 24px 80px #000b;animation:publicChatIn .2s ease both}
.public-chat-panel:has(.phone-field.is-open){overflow:visible}
.public-chat-panel[hidden]{display:none}
.public-chat-head{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(120deg,#12221c,#151920);border-bottom:1px solid #ffffff16}
.public-chat-avatar{display:grid;width:42px;height:42px;place-items:center;border:1px solid #25ce794d;border-radius:50%;background:#14b86620;color:#52dfa0;font-size:12px;font-weight:800}
.public-chat-head>div{display:grid;flex:1;gap:5px}.public-chat-head strong{color:#f4f6f7;font-size:13px}.public-chat-head small{display:flex;align-items:center;gap:7px;color:#a0a7ae;font-size:10px}.public-chat-head small i{width:7px;height:7px;border-radius:50%;background:#41d994;box-shadow:0 0 9px #41d99488}
.public-chat-head>button{width:32px;height:32px;border:1px solid #ffffff22;border-radius:9px;background:transparent;color:#d8dde0;font-size:22px;cursor:pointer}
.public-chat-content{display:flex;min-height:0;flex:1;flex-direction:column;padding:16px}
.public-chat-identity{display:grid;gap:13px}.public-chat-identity>p:first-child{margin:0 0 3px;color:#e7e9eb;font-size:13px;line-height:1.55}.public-chat-identity label{display:grid;gap:7px;color:#d7dce0;font-size:11px;font-weight:700}.public-chat-identity label small{display:inline;color:#858e98;font-size:9px;font-weight:500}
.public-chat-identity>label input{width:100%;min-height:45px;padding:0 12px;border:1px solid #343b43;border-radius:9px;background:#0b0e12;color:#f2f4f5;font:12px var(--sans);outline:none}.public-chat-identity>label input:focus,.public-chat-compose textarea:focus{border-color:#24c977;box-shadow:0 0 0 3px #24c97720}
.public-chat-identity>button{min-height:46px;border:0;border-radius:9px;background:#18b965;color:#fff;font-size:12px;font-weight:800;cursor:pointer}.public-chat-identity>button:disabled,.public-chat-compose button:disabled{opacity:.55;cursor:wait}.public-chat-identity>button span{margin-left:8px}.public-chat-note{margin:0;color:#89929b;font-size:10px;line-height:1.55}
.public-chat-conversation{display:flex;min-height:0;flex:1;flex-direction:column}.public-chat-conversation[hidden],.public-chat-identity[hidden]{display:none}.public-chat-log{display:flex;min-height:0;flex:1;flex-direction:column;gap:9px;overflow:auto;padding:3px 2px 12px}.public-chat-welcome{max-width:90%;margin:0;padding:11px 13px;border:1px solid #ffffff12;border-radius:13px 13px 13px 4px;background:#1b2024;color:#e9eeeb;font-size:12px;line-height:1.55}.public-chat-bubble{display:grid;max-width:84%;gap:4px;padding:10px 12px;border-radius:13px}.public-chat-bubble p{margin:0;color:inherit;font-size:12px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}.public-chat-bubble time{justify-self:end;color:#8b9690;font-size:9px}.public-chat-bubble.is-staff{align-self:flex-start;border:1px solid #ffffff12;border-bottom-left-radius:4px;background:#1b2024;color:#edf1ee}.public-chat-bubble.is-guest{align-self:flex-end;border-bottom-right-radius:4px;background:#155e3a;color:#f2fff7}.public-chat-feedback{min-height:16px;margin:4px 0;color:#98a39b;font-size:10px;line-height:1.5}.public-chat-compose{display:flex;align-items:flex-end;gap:8px;padding-top:10px;border-top:1px solid #ffffff14}.public-chat-compose textarea{flex:1;min-width:0;max-height:110px;min-height:43px;resize:vertical;padding:12px;border:1px solid #343b43;border-radius:12px;background:#0b0e12;color:#f2f4f5;font:12px var(--sans);outline:none}.public-chat-compose button{flex:0 0 43px;width:43px;height:43px;border:0;border-radius:50%;background:#18c36b;color:#06371e;font-size:18px;cursor:pointer}
.public-chat-ticks{color:#83939a;font-size:11px;font-weight:800;letter-spacing:-3px;padding-right:3px}.public-chat-ticks.is-read{color:#34b7f1}
@keyframes publicChatIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.public-chat-widget{right:14px;bottom:14px}.public-chat-trigger{min-height:52px;padding-inline:15px}.public-chat-panel{right:0;bottom:64px;width:min(390px,calc(100vw - 20px));height:min(590px,calc(100dvh - 90px));border-radius:15px}.public-chat-content{padding:13px}}
@media(prefers-reduced-motion:reduce){.public-chat-panel{animation:none}}

/* Keep the public chat visually aligned with the account WhatsApp inbox. */
.public-chat-head{min-height:76px;padding:14px 16px;background:#202c30;border-bottom-color:#ffffff18}
.public-chat-avatar{display:block;width:48px;height:48px;flex:0 0 48px;object-fit:cover;border:1px solid #ffffff35;background:#172126}
.public-chat-head strong{font-size:14px}.public-chat-head small{font-size:11px}
.public-chat-bubble{position:relative}.public-chat-message-more{position:absolute;top:-11px;right:-9px;display:grid;width:25px;height:25px;place-items:center;border:1px solid #d4dcda;border-radius:50%;background:#fff;color:#36444a;font-size:17px;line-height:1;box-shadow:0 2px 6px #0002;opacity:0;pointer-events:none;cursor:pointer}.public-chat-bubble:hover .public-chat-message-more,.public-chat-message-more:focus-visible{opacity:1;pointer-events:auto}.public-chat-bubble.is-staff .public-chat-message-more{right:auto;left:-9px}.public-chat-bubble.is-selected{outline:2px solid #19b968;outline-offset:2px}.public-chat-select-check{position:absolute;left:-25px;top:50%;display:grid;width:19px;height:19px;place-items:center;border:1px solid #8a9b9a;border-radius:50%;background:#fff;color:#159957;font-size:12px;transform:translateY(-50%)}
.public-chat-reply-quote{grid-column:1/-1;margin:0;padding:6px 8px;border-left:3px solid #18b967;border-radius:4px;background:#0000000b;color:#41544b;font-size:10px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}.public-chat-message-reactions{display:flex;grid-column:1/-1;flex-wrap:wrap;gap:4px;margin-top:2px}.public-chat-reaction-chip{padding:2px 6px;border:1px solid #d5e0da;border-radius:999px;background:#fff;color:#24352c;font-size:11px;cursor:pointer}.public-chat-reaction-chip.is-mine{border-color:#18b967;background:#e8fff2}
.public-chat-message-menu{position:fixed;z-index:1400;display:grid;min-width:178px;padding:5px;border:1px solid #d8e0dc;border-radius:10px;background:#fff;box-shadow:0 12px 38px #0003;color:#26332d}.public-chat-message-menu[hidden],.public-chat-reaction-picker[hidden]{display:none}.public-chat-message-menu>button{padding:9px 11px;border:0;border-radius:6px;background:transparent;color:inherit;text-align:left;font:12px var(--sans);cursor:pointer}.public-chat-message-menu>button:hover{background:#edf6f0}.public-chat-reaction-picker{display:flex;gap:3px;padding:6px 4px 3px;border-top:1px solid #e5e9e6}.public-chat-reaction-picker button{width:29px;height:30px;border:0;border-radius:6px;background:#f2f5f3;font-size:17px;cursor:pointer}.public-chat-selection{display:flex;align-items:center;gap:8px;padding:7px 10px;border-bottom:1px solid #d7dedb;background:#f7faf8;color:#34433c;font-size:11px}.public-chat-selection[hidden],.public-chat-reply-preview[hidden]{display:none}.public-chat-selection span{flex:1}.public-chat-selection button,.public-chat-reply-preview button{padding:6px 9px;border:1px solid #d4ddd7;border-radius:7px;background:#fff;color:#3b4a42;font-size:10px;cursor:pointer}.public-chat-selection button#public-chat-delete-selected{border-color:#e4b5b9;color:#b42331}.public-chat-reply-preview{display:flex;align-items:center;gap:8px;padding:7px 10px;border-bottom:1px solid #d7dedb;background:#f7faf8}.public-chat-reply-preview span{flex:1;overflow:hidden;border-left:3px solid #18b967;padding-left:8px;color:#34433c;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
@media(hover:none){.public-chat-message-more{opacity:.82;pointer-events:auto}}
.public-chat-message-more{top:-9px;right:-7px;width:27px;height:23px;border-color:#dfe5e1;border-radius:8px;background:#fff;color:#52615a;box-shadow:0 2px 7px #13251b24;opacity:0;pointer-events:none}.public-chat-message-more svg{width:15px;height:15px;fill:currentColor}.public-chat-bubble:hover .public-chat-message-more,.public-chat-message-more:focus-visible{opacity:1;pointer-events:auto}.public-chat-bubble.is-staff .public-chat-message-more{right:-7px;left:auto}.public-chat-log.is-selecting .public-chat-bubble{padding-inline-start:34px}.public-chat-log.is-selecting .public-chat-select-check{left:8px;width:18px;height:18px;border-color:#bcc8c1;background:#fff;color:#fff;font-size:11px}.public-chat-log.is-selecting .public-chat-bubble.is-selected .public-chat-select-check{border-color:#17b968;background:#17b968}.public-chat-log.is-selecting .public-chat-message-more{display:none}.public-chat-day-divider{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin:5px 0 3px;color:#66736d;font-size:10px;font-weight:700}.public-chat-day-divider:before,.public-chat-day-divider:after{width:min(24%,90px);height:1px;background:#52625720;content:''}.public-chat-day-divider span{padding:5px 10px;border:1px solid #d8dfda;border-radius:999px;background:#fffdf9;box-shadow:0 1px 2px #0000000c}
@media(hover:none){.public-chat-message-more{opacity:.85;pointer-events:auto}}
.public-chat-content{padding:0;background:#f0e6da}
.public-chat-identity{padding:20px;background:#f0e6da}
.public-chat-identity>p:first-child{color:#283137;font-size:13px}
.public-chat-identity label{color:#354047;font-size:11px}
.public-chat-identity>label input{border-color:#d4d9dc;border-radius:22px;background:#fff;color:#202a30;font-size:13px}
.public-chat-identity>label input:focus,.public-chat-compose textarea:focus{border-color:#18b967;box-shadow:0 0 0 3px #18b96720}
.public-chat-identity .phone-field{gap:7px}
.public-chat-identity .phone-field-label{color:#354047;font-size:11px}
.public-chat-identity .phone-field-row{grid-template-columns:minmax(120px,145px) minmax(0,1fr);gap:8px}
.public-chat-identity .phone-country-trigger,.public-chat-identity .phone-number-input{min-height:45px;border-color:#d4d9dc;border-radius:22px;background:#fff;color:#202a30;font-size:12px}
.public-chat-identity .phone-country-dial{color:#435047;font-size:11px}
.public-chat-identity .phone-country-dropdown{width:min(430px,calc(100vw - 52px))}
.public-chat-identity>button{border-radius:24px;background:#18b967}
.public-chat-note{color:#68757b}
.public-chat-conversation{background-color:#f0e6da;background-image:radial-gradient(#d4c6b8 0.65px,transparent .65px);background-size:14px 14px}
.public-chat-log{padding:16px 14px 12px}
.public-chat-welcome{border:0;border-radius:14px 14px 14px 4px;background:#fff;color:#273238;box-shadow:0 1px 2px #00000012}
.public-chat-bubble{box-shadow:0 1px 2px #00000012}
.public-chat-bubble.is-staff{border:0;background:#fff;color:#273238}
.public-chat-bubble.is-guest{background:#d9fdd3;color:#1c3026}
.public-chat-bubble time{color:#718078}
.public-chat-feedback{padding:0 14px;color:#52645c}
.public-chat-compose{align-items:center;padding:10px 12px;background:#f5f7f8;border-top:1px solid #d8dfe1}
.public-chat-compose textarea{min-height:44px;border:1px solid #d2d9dc;border-radius:24px;background:#fff;color:#233037;font-size:13px}
.public-chat-compose button{background:#19c96d;color:#07512d}
@media(max-width:600px){.public-chat-content{padding:0}.public-chat-identity{padding:16px}.public-chat-log{padding:14px 12px}.public-chat-identity .phone-field-row{grid-template-columns:minmax(112px,132px) minmax(0,1fr);gap:7px}.public-chat-identity .phone-country-trigger,.public-chat-identity .phone-number-input{padding-inline:9px;font-size:11px}.public-chat-identity .phone-country-dropdown{width:min(430px,calc(100vw - 52px))}}

/* Floating chat attachment and emoji controls */
.public-chat-conversation{position:relative}
.public-chat-pickers{position:absolute;z-index:5;left:12px;bottom:64px;display:flex;align-items:flex-end;gap:8px}
.public-chat-pickers [hidden]{display:none!important}
.public-chat-emoji-picker,.public-chat-more-menu{display:grid;gap:4px;padding:8px;border:1px solid #d8dedf;border-radius:14px;background:#fff;box-shadow:0 12px 34px #17212630}
.public-chat-emoji-picker{grid-template-columns:repeat(4,38px)}
.public-chat-emoji-picker button,.public-chat-more-menu button{display:flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;border:0;border-radius:9px;background:transparent;color:#243039;font:20px var(--sans);cursor:pointer}
.public-chat-more-menu button{justify-content:flex-start;gap:9px;padding:0 11px;font-size:13px;white-space:nowrap}
.public-chat-emoji-picker button:hover,.public-chat-more-menu button:hover{background:#eef4f1}
.public-chat-attachment-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 12px 0;padding:8px 10px;border:1px solid #d5ded9;border-radius:10px;background:#fff;color:#314039;font-size:11px}
.public-chat-attachment-chip[hidden]{display:none!important}
.public-chat-attachment-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.public-chat-attachment-chip button{flex:0 0 28px;width:28px;height:28px;border:0;border-radius:50%;background:#edf1ef;color:#36423c;font-size:18px;cursor:pointer}
.public-chat-bubble.has-attachment img,.public-chat-bubble.has-attachment video{display:block;width:min(240px,100%);max-height:240px;margin-top:4px;border-radius:10px;object-fit:contain}
.public-chat-bubble.has-attachment>a{display:inline-flex;max-width:240px;align-items:center;gap:7px;margin-top:4px;padding:8px 10px;border:1px solid #d5ded9;border-radius:9px;background:#fff;color:#17643c;font-size:11px;text-decoration:none;overflow-wrap:anywhere}
.public-chat-bubble.is-guest.has-attachment>a{background:#c5f2c1}
.public-chat-compose button.public-chat-tool{flex:0 0 34px;width:34px;height:38px;border:0;border-radius:10px;background:transparent;color:#53636a;font-size:24px;line-height:1;box-shadow:none}
.public-chat-compose button.public-chat-tool:hover,.public-chat-compose button.public-chat-tool[aria-expanded="true"]{background:#e5ebed;color:#16894e}
.public-chat-compose button.public-chat-send{flex:0 0 43px;width:43px;height:43px;border:0;border-radius:50%;background:#19c96d;color:#07512d;font-size:18px;box-shadow:none}
@media(max-width:600px){.public-chat-pickers{left:8px;bottom:60px}.public-chat-emoji-picker{grid-template-columns:repeat(4,36px)}.public-chat-compose{gap:4px;padding-inline:8px}.public-chat-compose button.public-chat-tool{flex-basis:30px;width:30px}.public-chat-compose textarea{padding-inline:11px}}

/* Home hero: premium, authorized cyber-lab atmosphere. */
.home-hero { background:radial-gradient(ellipse at 77% 43%,#241632 0%,#111019 31%,#0c0e13 68%); }
.home-hero:before { content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#8d5cff08 56%,#e9445410 82%,transparent 100%);animation:heroAmbient 12s ease-in-out infinite alternate; }
.home-hero .hero-grid-lines { opacity:.21;background-size:50px 50px;animation:heroGridDrift 32s linear infinite; }
.home-hero .hero-layout { z-index:2; }
.home-hero .hero-copy h1 { text-shadow:0 5px 32px #0005; }
.home-hero .hero-name { text-shadow:0 0 28px #a98bff32; }
.home-hero .hero-title-line { color:#d0d2dc; }
.home-hero .hero-lede { max-width:500px;color:#afb3c0; }
.home-hero .hero-actions .button-primary { box-shadow:0 12px 36px #8555ff33;transition:transform .25s,box-shadow .25s,background .25s; }
.home-hero .hero-actions .button-primary:hover { transform:translateY(-3px);box-shadow:0 16px 40px #8555ff55,0 0 0 1px #c2a9ff55; }
.home-hero .hero-note { color:#8c909c; }
.home-hero .scroll-cue { z-index:2; }
.home-hero .scroll-cue span { animation:scrollPulse 2.4s ease-in-out infinite; }
.hero-visual { --hero-tilt-x:0deg;--hero-tilt-y:0deg;--hero-pointer-x:50%;--hero-pointer-y:50%;transform:perspective(1400px) rotateX(var(--hero-tilt-x)) rotateY(var(--hero-tilt-y));transition:transform .24s ease-out; }
.hero-visual-atmosphere { position:absolute;inset:0;z-index:-1;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at var(--hero-pointer-x) var(--hero-pointer-y),#9b79ff20,transparent 42%),radial-gradient(ellipse at 68% 70%,#e23d4e12,transparent 38%),repeating-linear-gradient(0deg,transparent 0 23px,#ffffff05 24px,transparent 25px);mask-image:radial-gradient(ellipse,#000 20%,transparent 78%); }
.visual-halo { animation:haloBreathe 7s ease-in-out infinite; }
.halo-red { animation-delay:1.4s; }
.visual-ring { border-color:#b39aff70;box-shadow:0 0 20px #a985ff0c; }
.ring-a { animation:homeRingA 48s linear infinite; }
.ring-b { animation:homeRingB 56s linear infinite; }
.ring-c { position:absolute;width:min(96%,470px);height:365px;border:1px dashed #9f7cff36;border-radius:50%;transform:rotate(-12deg);animation:homeRingC 70s linear infinite; }
.visual-logo { position:relative;z-index:1;backdrop-filter:blur(4px);background:linear-gradient(145deg,#12131beF,#0c0d13dc);border-color:#ffffff26;box-shadow:0 26px 90px #0009,0 0 42px #985eff10;transition:border-color .3s,box-shadow .3s; }
.visual-logo:after { content:"";position:absolute;top:-1px;left:15%;width:30%;height:1px;background:linear-gradient(90deg,transparent,#ff5267,transparent);box-shadow:0 0 12px #ff5267;opacity:.75; }
.hero-visual:hover .visual-logo { border-color:#a78aff70;box-shadow:0 30px 100px #000b,0 0 60px #9a61ff1c; }
.visual-tag { z-index:2;color:#b4b4c0; }
.tag-top { top:38px;right:4px; }
.tag-bottom { bottom:46px;left:3px; }
.visual-cross { z-index:2;text-shadow:0 0 12px #ff465599;animation:crossFlash 4s ease-in-out infinite; }
.cross-right { animation-delay:1.8s; }
.visual-coordinate { z-index:2; }
.hero-scanline { position:absolute;z-index:2;left:8%;right:8%;top:8%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#bca5ff99 20%,#ff536477 72%,transparent);box-shadow:0 0 13px #9c78ff66;animation:heroScan 8.5s ease-in-out infinite; }
.hero-reticle { position:absolute;z-index:2;top:50%;left:50%;width:260px;height:260px;border:1px solid #ffffff0d;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none; }
.hero-reticle:before,.hero-reticle:after { content:"";position:absolute;background:#ff52674f; }
.hero-reticle:before { left:50%;top:-13px;width:1px;height:calc(100% + 26px); }
.hero-reticle:after { top:50%;left:-13px;width:calc(100% + 26px);height:1px; }
.hero-reticle i,.hero-reticle b { position:absolute;width:5px;height:5px;border:1px solid #ff5267;border-radius:50%; }
.hero-reticle i { top:20%;right:18%; }.hero-reticle b { bottom:15%;left:20%;border-color:#ad8aff; }
.hero-signal-card { position:absolute;z-index:3;right:1%;bottom:16px;min-width:206px;padding:11px 13px;display:grid;gap:6px;background:linear-gradient(130deg,#14151de8,#0e1016dd);border:1px solid #ffffff20;border-left:2px solid #ef4657;box-shadow:0 14px 38px #0007;backdrop-filter:blur(12px); }
.signal-status { display:flex;align-items:center;gap:6px;color:#c1c3ce;font:7px var(--mono);letter-spacing:.1em; }
.signal-status i { width:5px;height:5px;border-radius:50%;background:#ef4657;box-shadow:0 0 9px #ef4657;animation:signalBlink 2s ease-in-out infinite; }
.hero-signal-card strong { color:#f3f1f9;font-size:10px;letter-spacing:.08em; }
.hero-signal-card small { color:#8e93a1;font:6px var(--mono);letter-spacing:.1em; }
.hero-signal-card small b { color:#ff5267;font-weight:400; }
.hero-coordinate { position:absolute;z-index:2;top:34%;left:0;color:#858997;font:6px/1.9 var(--mono);letter-spacing:.1em; }
@keyframes heroAmbient { from { opacity:.45;transform:translateX(-2%); } to { opacity:1;transform:translateX(2%); } }
@keyframes heroGridDrift { to { background-position:50px 50px; } }
@keyframes homeRingA { to { transform:rotate(335deg); } }
@keyframes homeRingB { to { transform:rotate(-326deg); } }
@keyframes homeRingC { to { transform:rotate(348deg); } }
@keyframes haloBreathe { 0%,100% { opacity:.25;scale:.96; } 50% { opacity:.48;scale:1.08; } }
@keyframes heroScan { 0% { top:10%;opacity:0; } 12%,84% { opacity:.85; } 100% { top:90%;opacity:0; } }
@keyframes signalBlink { 0%,100% { opacity:.5; } 50% { opacity:1; } }
@keyframes crossFlash { 0%,100% { opacity:.52; } 50% { opacity:1; } }
@keyframes scrollPulse { 0%,100% { width:23px;opacity:.5; } 50% { width:38px;opacity:1; } }
@media(max-width:760px) {
  .hero-visual { transform:none !important; }
  .ring-c { width:320px;height:260px; }
  .hero-reticle { width:205px;height:205px; }
  .hero-signal-card { right:0;bottom:7px;min-width:184px;padding:9px 10px; }
  .hero-coordinate { top:12%;left:1%;font-size:5px; }
  .tag-top { top:17px;right:0; }
  .tag-bottom { bottom:14px;left:0; }
}
@media(prefers-reduced-motion:reduce) {
  .home-hero:before,.home-hero .hero-grid-lines,.home-hero .scroll-cue span,.visual-halo,.visual-ring,.hero-scanline,.visual-cross,.signal-status i { animation:none !important; }
  .hero-visual,.visual-logo,.home-hero .hero-actions .button-primary { transform:none !important;transition:none !important; }
}
@media(min-width:761px) {
  .motion-ready .hero-visual.is-visible { transform:perspective(1400px) rotateX(var(--hero-tilt-x,0deg)) rotateY(var(--hero-tilt-y,0deg)); }
  .motion-ready .services-index-page .services-collection-card:hover { transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-8px); }
}

/* About Hexu: founder-first editorial story with a premium cyber-lab hero. */
.about-page { overflow:hidden;background:#f4f3f7; }
.about-premium-hero { min-height:710px;background:radial-gradient(ellipse at 77% 48%,#241735 0%,#111019 32%,#0c0e13 71%); }
.about-premium-hero:before { content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 22%,#8e5cff09 57%,#f044540f 84%,transparent);animation:aboutAmbient 13s ease-in-out infinite alternate; }
.about-hero-grid { position:absolute;inset:0;opacity:.2;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000 43%,#000);animation:aboutGridDrift 40s linear infinite; }
.about-hero-glow { position:absolute;width:460px;height:460px;right:8%;top:12%;border-radius:50%;background:#8557ea;filter:blur(125px);opacity:.13;pointer-events:none;animation:aboutGlow 8s ease-in-out infinite; }
.about-premium-hero .about-hero-layout { min-height:630px;grid-template-columns:1.06fr .94fr;gap:52px;padding-block:70px 50px; }
.about-premium-hero .about-hero-copy { position:relative;z-index:2; }
.about-kicker { display:flex;align-items:center;gap:10px;color:#a3a7b3;font-size:8px;letter-spacing:.16em; }
.about-premium-hero .about-hero-copy h1 { margin:26px 0 22px;font-size:clamp(54px,6.3vw,82px);line-height:.96;letter-spacing:-.082em; }
.about-premium-hero .about-hero-copy h1 span { color:#b49aff;text-shadow:0 0 35px #9c75ff30; }
.about-premium-hero .about-hero-lede { max-width:570px;color:#afb2bf;font-size:13px;line-height:1.9; }
.about-premium-hero .about-hero-actions { margin-top:30px; }
.about-premium-hero .about-hero-actions .button-primary { box-shadow:0 13px 38px #8859ff30;transition:transform .25s,box-shadow .25s; }
.about-premium-hero .about-hero-actions .button-primary:hover { transform:translateY(-3px);box-shadow:0 16px 45px #8859ff55; }
.about-text-link { color:#d0ced9;transition:color .2s; }.about-text-link:hover { color:#bca7ff; }
.about-text-link span { color:#ff5868;transition:transform .2s; }.about-text-link:hover span { display:inline-block;transform:translate(3px,-3px); }
.about-hero-footnote { display:flex;align-items:center;gap:10px;margin-top:40px;color:#898d99;font:7px var(--mono);letter-spacing:.14em; }
.about-hero-footnote span { width:30px;height:1px;background:#f14c5e;box-shadow:0 0 10px #f14c5e77; }
.about-hero-interface { --about-tilt-x:0deg;--about-tilt-y:0deg;height:clamp(390px,35vw,480px);min-height:0;position:relative;display:grid;place-items:center;overflow:hidden;isolation:isolate;border:1px solid #ffffff1a;background:linear-gradient(145deg,#17151fdd,#111117eF 65%,#1a1117);box-shadow:0 28px 90px #0006;transform:perspective(1300px) rotateX(var(--about-tilt-x)) rotateY(var(--about-tilt-y));transition:transform .25s ease-out; }
.about-interface-grid { position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(135deg,#000,transparent 94%); }
.about-interface-orbit { position:absolute;width:310px;height:310px;border:1px solid #a88cff36;border-radius:50%;box-shadow:0 0 36px #9e78ff0b; }
.about-portrait-wordmark { position:absolute;z-index:0;left:50%;top:50%;color:#f4f1fa24;font-size:clamp(90px,12vw,170px);font-weight:900;line-height:.8;letter-spacing:-.1em;white-space:nowrap;transform:translate(-50%,-44%);text-shadow:0 0 55px #9c72ff38;animation:portraitWordmark 6s ease-in-out infinite; }
.about-portrait-wordmark span { color:#f34a5d75; }
.about-portrait-frame { position:relative;z-index:1;width:auto;height:100%;aspect-ratio:2/3;max-width:78%;display:flex;align-items:flex-end;justify-content:center;overflow:visible;background:transparent;border:0;clip-path:none;box-shadow:none;transform:translateY(0);transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s; }
.about-portrait-frame img { position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 20px 25px #0008) drop-shadow(0 0 24px #a579ff24); }
.about-hero-interface:hover .about-portrait-frame { transform:translateY(-4px) scale(1.025);filter:drop-shadow(0 0 30px #a579ff18); }
.portrait-frame-glint { position:absolute;z-index:2;inset:2% 4% 1%;pointer-events:none;background:linear-gradient(112deg,#ffffff20 0%,transparent 18%,transparent 74%,#ff526414 100%);mix-blend-mode:screen;mask-image:linear-gradient(transparent 0%,#000 13%,#000 90%,transparent 100%); }
.portrait-corner { position:absolute;z-index:3;width:25px;height:25px;border-color:#f3475d;border-style:solid;filter:drop-shadow(0 0 7px #f3475daa); }
.portrait-corner-tl { left:7%;top:8%;border-width:2px 0 0 2px; }.portrait-corner-br { right:7%;bottom:4%;border-width:0 2px 2px 0; }
.orbit-one { animation:aboutOrbitOne 48s linear infinite; }.orbit-two { width:245px;height:245px;border-color:#f052623f;animation:aboutOrbitTwo 38s linear infinite; }.orbit-three { width:380px;height:230px;border:1px dashed #b59aff27;transform:rotate(-28deg);animation:aboutOrbitThree 60s linear infinite; }
.about-monogram { position:relative;z-index:1;display:flex;align-items:baseline;color:#f4f1fa;font-size:clamp(170px,19vw,255px);font-weight:800;line-height:.8;letter-spacing:-.13em;text-shadow:0 0 65px #9a69ff38;animation:aboutMonogramFloat 6s ease-in-out infinite; }
.about-monogram i { color:#f04c5e;font-size:.33em;font-style:normal;margin-left:.08em;text-shadow:0 0 22px #ff526788; }
.about-interface-label { position:absolute;z-index:2;display:grid;gap:7px;padding:12px 15px;background:#111117eF;border:1px solid #ffffff1b;box-shadow:0 12px 35px #0005; }
.about-interface-label span { color:#858a97;font:7px var(--mono);letter-spacing:.13em; }.about-interface-label b { color:#eeedf4;font-size:12px;letter-spacing:.1em; }
.label-top { top:20px;left:19px;right:auto;width:max-content; }.label-bottom { left:18px;right:auto;bottom:19px;width:max-content; }.label-bottom b { display:flex;align-items:center;gap:7px;color:#c4bdce;font:7px var(--mono); }.label-bottom b i { width:5px;height:5px;border-radius:50%;background:#f24f60;box-shadow:0 0 9px #f24f60; }
.about-interface-cross { position:absolute;color:#ff5367;font-size:24px;font-weight:300;text-shadow:0 0 16px #f04454aa;animation:aboutCrossBlink 3.8s ease-in-out infinite; }.cross-one { top:74px;right:26px; }.cross-two { left:24px;bottom:30px;color:#b49aff;animation-delay:1.4s; }
.about-interface-readout { position:absolute;top:22px;right:20px;display:flex;align-items:center;gap:7px;color:#9699a5;font:6px var(--mono);letter-spacing:.09em; }
.readout-pulse { width:5px;height:5px;border-radius:50%;background:#ff5264;box-shadow:0 0 10px #ff5264; }
.about-interface-scan { position:absolute;z-index:2;left:9%;right:9%;top:5%;height:1px;background:linear-gradient(90deg,transparent,#b7a0ffbb,#ff596877,transparent);box-shadow:0 0 15px #a681ff77;animation:aboutScan 8s ease-in-out infinite; }
.about-hero-baseline { display:flex;align-items:center;gap:12px;padding-bottom:20px;color:#8f929d;font:7px var(--mono);letter-spacing:.13em; }
.about-hero-baseline>i { width:38px;height:1px;background:#ed4b5c; }.about-baseline-coordinate { margin-left:auto;color:#656975; }
.about-personal-intro { background:#f1eff6;border-bottom:1px solid #e3e0e9; }
.about-personal-intro-inner { min-height:190px;display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:22px; }
.about-intro-mark { color:#8157dc;font-size:68px;font-weight:800;line-height:.8;letter-spacing:-.14em; }.about-intro-mark span { color:#ef4658; }
.about-personal-intro-inner>p { display:grid;gap:10px;margin:0; }.about-personal-intro-inner>p>span { color:#797d89;font:7px var(--mono);letter-spacing:.14em; }
.about-personal-intro-inner strong { color:#191923;font-size:clamp(20px,2.2vw,27px);line-height:1.35;letter-spacing:-.045em; }.about-personal-intro-inner strong em { color:#7953c8;font-style:normal; }
.about-personal-intro-inner>small { align-self:end;margin-bottom:34px;color:#9699a4;font:7px var(--mono);letter-spacing:.13em; }
.about-hexu-section { padding-block:105px 115px; }
.about-section-index { display:flex;align-items:center;gap:12px;margin-bottom:52px;color:#858a95;font:7px var(--mono);letter-spacing:.13em; }.about-section-index span:first-child { color:#e34455; }.about-section-index i { width:32px;height:1px;background:#d7d8de; }
.about-hexu-grid { display:grid;grid-template-columns:.82fr 1.18fr;gap:72px;align-items:start; }
.about-hexu-heading { position:relative;min-height:250px; }.about-hexu-heading h2,.about-approach-heading h2,.about-values-heading h2,.about-brand-heading h2 { position:relative;z-index:1;margin:17px 0 0;font-size:clamp(39px,5vw,60px);line-height:.98;letter-spacing:-.075em; }
.about-hexu-watermark { position:absolute;left:-10px;bottom:-40px;color:#e9e6ef;font-size:190px;font-weight:850;line-height:.8;letter-spacing:-.16em;pointer-events:none; }
.about-hexu-copy { max-width:700px;padding-top:3px; }.about-hexu-copy p { color:#737986;font-size:12px;line-height:1.95; }.about-hexu-copy .about-lead-paragraph { margin-top:0;color:#323541;font-size:15px;line-height:1.85; }
.about-hexu-capabilities { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:48px; }
.about-capability { min-height:260px;padding:22px;position:relative;overflow:hidden;color:#f3f1f8;background:linear-gradient(145deg,#1b1a23,#111218 75%);border:1px solid #292934;border-top:2px solid #e34557;transition:transform .3s,border-color .3s,box-shadow .3s; }
.about-capability:before { content:"";position:absolute;width:180px;height:180px;right:-100px;top:-105px;border:1px solid #9f7bfa35;border-radius:50%;transition:transform .4s; }.about-capability:hover { transform:translateY(-6px);border-color:#8b65da;box-shadow:0 20px 50px #3a27521c; }.about-capability:hover:before { transform:scale(1.35); }
.about-capability>span { color:#a7a5b1;font:7px var(--mono);letter-spacing:.12em; }.about-capability-icon { width:47px;height:47px;display:grid;place-items:center;margin-top:23px;color:#c4b3ff;background:#8b5cf51b;border:1px solid #9774ef55; }.about-capability-icon svg { width:26px;height:26px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round; }.about-capability:nth-child(2) .about-capability-icon svg path:first-child { stroke:#ff6270; }
.about-capability h3 { margin:22px 0 8px;font-size:16px;letter-spacing:-.035em; }.about-capability p { max-width:300px;margin:0;color:#a2a5b1;font-size:10px;line-height:1.8; }
.about-approach-section { position:relative;overflow:hidden;color:#f5f3fa;background:radial-gradient(ellipse at 85% 40%,#281840,#101117 45%,#0c0e13 82%); }.about-approach-section:before { content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,#000); }
.about-approach-inner { position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding-block:105px; }.about-approach-heading h2 { margin-top:21px; }.about-approach-heading h2 span,.about-values-heading h2 span { color:#b49aff; }.about-approach-heading>p:last-child { max-width:330px;margin-top:19px;color:#a3a6b3;font-size:11px;line-height:1.85; }
.about-approach-steps { position:relative;z-index:1;border-top:1px solid #ffffff27; }.about-approach-step { min-height:86px;display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:14px;border-bottom:1px solid #ffffff27; }.about-approach-step>span { color:#f15364;font:8px var(--mono); }.about-approach-step h3 { margin:0 0 5px;font-size:13px; }.about-approach-step p { margin:0;color:#9da0ab;font-size:9px;line-height:1.7; }.about-approach-step>b { color:#b39aff;font-size:15px;transition:transform .2s; }.about-approach-step:hover>b { transform:translate(2px,-2px); }
.about-approach-stamp { position:absolute;right:1%;bottom:-65px;color:#ffffff06;font-size:100px;font-weight:850;line-height:.82;letter-spacing:-.1em;pointer-events:none; }
.about-values-section { background:#f1eff5; }.about-values-inner { display:grid;grid-template-columns:.78fr 1.22fr;gap:65px;padding-block:100px; }.about-values-heading h2 { margin-top:22px; }.about-values-heading h2 span { color:#8057d4; }
.about-values-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch; }.about-value { min-height:195px;padding:19px 17px;border:1px solid #dfdce5;border-top:2px solid #e14959;background:#faf9fc;transition:transform .25s,border-color .25s,box-shadow .25s; }.about-value:hover { transform:translateY(-5px);border-color:#b49aff;box-shadow:0 16px 34px #20172c10; }.about-value>span { color:#e14959;font:8px var(--mono); }.about-value h3 { margin:27px 0 8px;font-size:15px;letter-spacing:-.03em; }.about-value p { margin:0;color:#777c88;font-size:9px;line-height:1.75; }
.about-brand-section { position:relative;overflow:hidden;color:#f7f5fa;background:radial-gradient(ellipse at 15% 92%,#51182240,transparent 40%),#111116; }.about-brand-inner { display:grid;grid-template-columns:.95fr 1.05fr;gap:82px;padding-block:102px; }.about-brand-heading h2 { margin:19px 0;font-size:clamp(38px,4.5vw,55px); }.about-brand-heading h2 span { color:#b49aff; }.about-brand-heading>p:not(.eyebrow) { max-width:450px;color:#a4a5b0;font-size:11px;line-height:1.9; }.about-brand-heading .button { margin-top:15px; }
.about-brand-content { align-self:center;padding:25px 27px;border:1px solid #ffffff20;background:linear-gradient(145deg,#ffffff08,#ffffff02); }.about-brand-lockup { min-height:82px;display:flex;align-items:center;margin-bottom:18px;padding:12px 16px;border:1px solid #ffffff14;background:#0c0d12; }.about-brand-lockup img { display:block;width:min(270px,80%);height:auto; }.about-brand-content>p { color:#a9a9b4;font-size:10px;line-height:1.8; }.about-brand-links { margin-top:20px;border-top:1px solid #ffffff22; }.about-brand-links a { min-height:43px;display:grid;grid-template-columns:32px 1fr 20px;align-items:center;gap:8px;border-bottom:1px solid #ffffff1b;color:#d8d5df;font-size:10px;transition:padding .2s,color .2s; }.about-brand-links a:hover { padding-inline:6px;color:#fff; }.about-brand-links a>span { color:#ef5261;font:7px var(--mono); }.about-brand-links a>b { color:#b49aff;font-size:13px;font-weight:400; }
.about-closing { color:#f7f5fa;background:#0c0e13; }.about-closing-inner { min-height:360px;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-block:70px;overflow:hidden; }.about-closing-inner>.eyebrow,.about-closing-inner>h2,.about-closing-inner>p,.about-closing-link { position:relative;z-index:1; }.about-closing-inner h2 { margin:15px 0 11px;font-size:clamp(45px,6vw,70px);line-height:.96;letter-spacing:-.08em; }.about-closing-inner h2 span { color:#b49aff; }.about-closing-inner>p:not(.eyebrow) { color:#a3a5b0;font-size:11px; }.about-closing-link { margin-top:13px;color:#d8d3e3;font-size:10px; }.about-closing-link span { margin-left:7px;color:#ff5364; }.about-closing-mark { position:absolute;right:5%;bottom:-45px;color:#ffffff08;font-size:330px;font-weight:850;line-height:.8;letter-spacing:-.15em; }
@keyframes aboutAmbient { from { opacity:.4;transform:translateX(-1.5%); } to { opacity:1;transform:translateX(1.5%); } }
@keyframes aboutGridDrift { to { background-position:48px 48px; } }
@keyframes aboutGlow { 0%,100% { opacity:.1;scale:.94; } 50% { opacity:.22;scale:1.08; } }
@keyframes aboutOrbitOne { to { transform:rotate(360deg); } }
@keyframes aboutOrbitTwo { to { transform:rotate(-360deg); } }
@keyframes aboutOrbitThree { to { transform:rotate(332deg); } }
@keyframes aboutMonogramFloat { 0%,100% { translate:0 0; } 50% { translate:0 -8px; } }
@keyframes portraitWordmark { 0%,100% { opacity:.64;translate:0 0;scale:.98; } 50% { opacity:1;translate:0 -7px;scale:1.02; } }
@keyframes aboutScan { 0% { top:5%;opacity:0; } 12%,85% { opacity:.8; } 100% { top:95%;opacity:0; } }
@keyframes aboutCrossBlink { 0%,100% { opacity:.5; } 50% { opacity:1; } }
@media(max-width:1000px) {
  .about-premium-hero .about-hero-layout { grid-template-columns:1fr .85fr;gap:35px; }
  .about-premium-hero .about-hero-copy h1 { font-size:clamp(48px,6vw,66px); }
  .about-hero-interface { min-height:360px; }
  .about-hexu-grid,.about-approach-inner,.about-values-inner,.about-brand-inner { gap:38px; }
  .about-values-grid { grid-template-columns:1fr; }
  .about-value { min-height:155px; }
}
@media(max-width:760px) {
  .about-premium-hero { min-height:0; }
  .about-premium-hero .about-hero-layout { min-height:0;grid-template-columns:1fr;gap:34px;padding-block:55px 34px; }
  .about-premium-hero .about-hero-copy h1 { font-size:clamp(44px,11vw,65px); }
  .about-premium-hero .about-hero-lede { font-size:12px; }
  .about-premium-hero .about-hero-actions { align-items:flex-start;flex-direction:column;gap:17px; }
  .about-hero-footnote { margin-top:28px; }
  .about-hero-interface { height:370px;min-height:300px;transform:none !important; }
  .about-interface-orbit { width:245px;height:245px; }.orbit-two { width:190px;height:190px; }.orbit-three { width:300px;height:180px; }
  .about-monogram { font-size:170px; }.about-hero-baseline { gap:7px;font-size:6px; }.about-baseline-coordinate { font-size:5px; }
  .about-personal-intro-inner { min-height:155px;grid-template-columns:48px 1fr;gap:12px;padding-block:22px; }.about-intro-mark { font-size:48px; }.about-personal-intro-inner>small { display:none; }.about-personal-intro-inner strong { font-size:18px; }
  .about-hexu-section { padding-block:68px; }.about-section-index { margin-bottom:35px; }.about-hexu-grid { grid-template-columns:1fr;gap:28px; }.about-approach-inner,.about-values-inner,.about-brand-inner { grid-template-columns:1fr;gap:28px;padding-block:68px; }.about-hexu-heading { min-height:190px; }.about-hexu-heading h2,.about-approach-heading h2,.about-values-heading h2 { font-size:43px; }.about-hexu-watermark { font-size:150px;bottom:-27px; }
  .about-hexu-capabilities { grid-template-columns:1fr;gap:10px;margin-top:28px; }.about-capability { min-height:225px;padding:20px; }
  .about-approach-stamp { right:2%;bottom:-25px;font-size:55px; }.about-values-grid { grid-template-columns:1fr; }.about-value { min-height:140px; }
  .about-brand-heading h2 { font-size:42px; }.about-brand-content { padding:18px; }.about-closing-inner { min-height:320px;padding-block:60px; }.about-closing-mark { right:0;font-size:220px; }
}
@media(prefers-reduced-motion:reduce) {
  .about-premium-hero:before,.about-hero-grid,.about-hero-glow,.about-interface-orbit,.about-monogram,.about-portrait-wordmark,.about-interface-cross,.about-interface-scan,.about-interface-readout .readout-pulse { animation:none !important; }
  .about-hero-interface,.about-capability,.about-value { transform:none !important;transition:none !important; }
}
@media(min-width:761px) {
  .motion-ready .about-hero-interface.is-visible { transform:perspective(1300px) rotateX(var(--about-tilt-x,0deg)) rotateY(var(--about-tilt-y,0deg)); }
}

/* Courses collection: rotating course covers and custom CSS book artwork. */
.courses-showcase { min-height:690px;background:radial-gradient(ellipse at 78% 48%,#261a3a 0%,#111019 32%,#0c0e13 70%); }
.courses-showcase .courses-grid-bg { opacity:.22;background-size:44px 44px;mask-image:linear-gradient(90deg,transparent 4%,#000 34%,#000); }
.courses-showcase-glow { position:absolute;right:8%;top:20%;width:440px;height:440px;border-radius:50%;background:#8956ff;filter:blur(140px);opacity:.13;animation:courseGlowDrift 8s ease-in-out infinite;pointer-events:none; }
.courses-showcase-wrap { position:relative;z-index:1;min-height:650px;display:grid;grid-template-rows:minmax(0,1fr) auto;padding-block:52px 32px; }
.courses-carousel-viewport { position:relative;min-height:535px;overflow:hidden; }
.courses-carousel-track { position:relative;width:100%;height:100%;min-height:inherit; }
.course-feature-slide { --course-accent:#ad91ff;--course-accent-rgb:173,145,255;position:absolute;inset:0;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:40px;visibility:hidden;opacity:0;transform:translateX(38px) scale(.985);transition:opacity .72s ease,transform .9s cubic-bezier(.2,.75,.2,1),visibility .72s;pointer-events:none; }
.course-feature-slide.is-active { visibility:visible;opacity:1;transform:translateX(0) scale(1);pointer-events:auto; }
.course-feature-slide.is-leaving { transform:translateX(-38px) scale(.985); }
.course-feature-trade { --course-accent:#ff6874;--course-accent-rgb:255,104,116; }
.course-feature-copy { position:relative;z-index:2;padding-block:16px; }
.course-feature-copy>.eyebrow { color:#a4a5b0;font-size:8px;letter-spacing:.13em; }
.course-feature-copy>.eyebrow .section-index { color:#f24e5e; }
.course-feature-kicker { display:flex;align-items:center;gap:9px;margin:36px 0 0;color:var(--course-accent);font:8px var(--mono);letter-spacing:.13em; }
.course-feature-kicker:before { content:"";width:20px;height:1px;background:var(--course-accent);box-shadow:0 0 12px var(--course-accent); }
.course-feature-copy h1 { margin:16px 0 20px;font-size:clamp(64px,7.4vw,100px);line-height:.88;letter-spacing:-.09em; }
.course-feature-copy h1 span { color:var(--course-accent);text-shadow:0 0 46px rgba(var(--course-accent-rgb),.22); }
.course-feature-description { max-width:500px;margin:0;color:#afb2be;font-size:13px;line-height:1.9; }
.course-feature-tags { display:flex;align-items:center;gap:12px;margin-top:22px;color:#8e919d;font:7px var(--mono);letter-spacing:.11em; }
.course-feature-tags i { width:4px;height:4px;border-radius:50%;background:#f04b5d;box-shadow:0 0 9px #f04b5d; }
.course-feature-cta { margin-top:27px;box-shadow:0 14px 42px rgba(var(--course-accent-rgb),.18); }
.course-feature-cta span { margin-left:15px; }
.course-feature-art { min-width:0;height:500px;position:relative;display:grid;place-items:center;isolation:isolate; }
.book-art-grid { position:absolute;inset:5%;opacity:.46;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse,#000 20%,transparent 78%); }
.book-art-orbit { position:absolute;width:390px;height:250px;border:1px solid rgba(var(--course-accent-rgb),.32);border-radius:50%;transform:rotate(-24deg);animation:courseOrbit 32s linear infinite; }
.book-art-orbit-b { width:300px;height:300px;border-color:#f34b5a56;transform:rotate(34deg);animation-duration:25s;animation-direction:reverse; }
.course-book-scene { width:100%;height:100%;position:relative;display:grid;place-items:center;perspective:1200px;transform-style:preserve-3d; }
.course-book { --book-accent:#b49aff;--book-cover:#171522;position:relative;width:clamp(215px,20vw,270px);height:clamp(300px,27vw,370px);transform:translateY(4px) rotateY(-23deg) rotateZ(-4deg);transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .75s;filter:drop-shadow(24px 28px 24px #0008);animation:courseBookFloat 6s ease-in-out infinite; }
.course-book-trade { --book-accent:#ff7780;--book-cover:#211419;--course-accent-rgb:255,104,116; }
.course-book-pages { position:absolute;top:9px;right:-14px;width:15px;height:calc(100% - 18px);background:repeating-linear-gradient(0deg,#d7d2cf 0 2px,#a29da1 2px 3px);transform:translateZ(-5px) rotateY(90deg);transform-origin:left center;box-shadow:2px 0 3px #0007; }
.course-book-cover { position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;padding:19px 19px 16px;background:radial-gradient(ellipse at 76% 47%,rgba(var(--course-accent-rgb,173,145,255),.15),transparent 47%),linear-gradient(148deg,#252132,var(--book-cover) 72%);border:1px solid rgba(var(--course-accent-rgb,173,145,255),.46);box-shadow:inset 5px 0 0 rgba(var(--course-accent-rgb,173,145,255),.24),inset 8px 0 15px #0008,0 0 38px rgba(var(--course-accent-rgb,173,145,255),.16);transform:translateZ(8px); }
.course-book-trade .course-book-cover { background:radial-gradient(ellipse at 72% 50%,#ff62651e,transparent 50%),linear-gradient(148deg,#302027,#171116 74%); }
.book-cover-code,.book-cover-author { position:relative;z-index:2;width:100%;display:flex;justify-content:space-between;color:#a6a1b4;font:6px var(--mono);letter-spacing:.12em; }
.book-cover-code b { color:var(--book-accent);font-weight:500; }
.book-cover-rule { position:relative;z-index:2;width:100%;height:1px;margin-top:12px;background:linear-gradient(90deg,var(--book-accent),transparent);opacity:.75; }
.book-cover-emblem { position:relative;z-index:2;margin-top:18px;color:var(--book-accent);font-size:36px;font-weight:850;line-height:1;letter-spacing:-.1em;text-shadow:0 0 24px rgba(var(--course-accent-rgb,173,145,255),.56); }
.book-cover-art { position:relative;z-index:1;width:100%;height:78px;margin-top:11px;color:var(--book-accent); }
.book-cyber-art { display:flex;align-items:center;justify-content:center;gap:12px;border-block:1px solid rgba(var(--course-accent-rgb,173,145,255),.17);background:linear-gradient(90deg,transparent,rgba(var(--course-accent-rgb,173,145,255),.06),transparent); }
.book-cyber-art i { position:absolute;width:53px;height:53px;border:1px solid rgba(var(--course-accent-rgb,173,145,255),.4);border-radius:50%;box-shadow:0 0 0 10px rgba(var(--course-accent-rgb,173,145,255),.04),0 0 0 20px rgba(var(--course-accent-rgb,173,145,255),.035); }
.book-cyber-art i:nth-child(2) { width:34px;height:34px;border-color:#f04e5c99; }
.book-cyber-art i:nth-child(3) { width:8px;height:8px;background:var(--book-accent);box-shadow:0 0 18px var(--book-accent); }
.book-cyber-art b { position:absolute;right:4px;top:5px;color:#ff6676;font:8px var(--mono); }
.book-cyber-art span { position:absolute;left:2px;bottom:7px;color:#9c97a9;font:5px/1.5 var(--mono);letter-spacing:.1em; }
.book-chart-art { overflow:visible;margin-top:11px; }
.book-cover-title { position:relative;z-index:2;display:block;margin-top:9px;color:#f4f0f7;font-size:clamp(18px,2vw,25px);font-weight:780;line-height:.98;letter-spacing:-.065em; }
.course-book-trade .book-cover-title { font-size:clamp(17px,1.8vw,22px); }
.book-cover-subtitle { position:relative;z-index:2;margin-top:7px;color:var(--book-accent);font:5px var(--mono);letter-spacing:.08em; }
.book-cover-author { margin-top:auto;padding-top:12px;border-top:1px solid #ffffff20;color:#c2bdca; }
.book-cover-author i { width:5px;height:5px;border-radius:50%;background:#f14e5e;box-shadow:0 0 9px #f14e5e; }
.book-stage-coordinate,.book-stage-index { position:absolute;color:#93909f;font:7px var(--mono);letter-spacing:.12em; }
.book-stage-coordinate { left:0;bottom:35px; }.book-stage-index { right:4px;top:49px;padding:8px 11px;border:1px solid #ffffff24;transform:rotate(8deg); }
.book-art-cross { position:absolute;color:#f04c5d;font-size:24px; }.book-art-cross-a { left:8%;top:19%;animation:courseCrossPulse 3s ease-in-out infinite; }.book-art-cross-b { right:10%;bottom:20%;font-size:18px;color:var(--course-accent);animation:courseCrossPulse 3s ease-in-out infinite reverse; }
.course-carousel-controls { display:flex;align-items:center;gap:24px;min-height:48px;border-top:1px solid #ffffff1b; }
.course-carousel-arrows { display:flex;gap:8px; }
.course-carousel-arrows button { width:35px;height:35px;border:1px solid #ffffff36;background:#ffffff08;color:#f4f1fa;font-size:18px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s; }
.course-carousel-arrows button:hover { transform:translateY(-2px);border-color:var(--violet-soft);background:#8b5cf622; }
.course-carousel-pagination { display:flex;align-items:center;gap:7px; }
.course-carousel-pagination button { min-width:38px;height:34px;padding:0 8px;border:0;background:transparent;color:#727582;font:8px var(--mono);cursor:pointer;transition:color .2s; }
.course-carousel-pagination button.is-active { color:#f3effb; }
.course-carousel-pagination button span { display:block;padding:8px 0;border-bottom:1px solid transparent; }
.course-carousel-pagination button.is-active span { border-color:#f04c5d; }
.course-carousel-timer { flex:1;height:2px;background:#ffffff19;overflow:hidden; }
.course-carousel-timer span { display:block;width:100%;height:100%;background:linear-gradient(90deg,#946aff,#ff5967);transform:scaleX(0);transform-origin:left center; }
.course-carousel-timer span.is-running { animation:courseTimer 7s linear forwards; }
.course-carousel-count { color:#858795;font:8px var(--mono);letter-spacing:.1em; }.course-carousel-count b { color:#f5f2fa;font-weight:500; }
.courses-scroll-cue { position:absolute;right:max(4vw,calc((100vw - 1180px)/2));bottom:32px;display:flex;align-items:center;gap:10px;color:#81838e;text-decoration:none;font:7px var(--mono);letter-spacing:.12em; }
.courses-scroll-cue span { width:26px;height:1px;background:#f04c5d; }
.courses-intro-strip { background:#f0edf7; }
.courses-catalog { padding-block:100px 112px; }
.courses-heading { align-items:end;margin-bottom:48px; }
.courses-heading h2 { font-size:clamp(43px,5vw,62px); }.courses-heading h2 span { color:#855ce4; }
.course-catalog-grid { gap:22px; }
.catalog-course-card { min-height:380px;grid-template-columns:.83fr 1.17fr;overflow:hidden;border:1px solid #dedbe7;box-shadow:0 18px 55px #1719230b; }
.catalog-course-card:hover { transform:translateY(-7px);box-shadow:0 25px 65px #17192318; }
.catalog-blackhat:hover { border-color:#9b7af0; }.catalog-trade:hover { border-color:#ed6871; }
.catalog-course-art { min-height:100%;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 44%,#8459d735,transparent 48%),linear-gradient(145deg,#211c2c,#111116); }
.catalog-trade .catalog-course-art { background:radial-gradient(circle at 50% 44%,#ec4c5728,transparent 48%),linear-gradient(145deg,#291b20,#111116); }
.catalog-course-art:before { content:"";position:absolute;inset:0;opacity:.35;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:21px 21px;mask-image:radial-gradient(ellipse,#000,transparent 78%); }
.catalog-course-art .course-book-scene-compact { width:100%;height:100%;min-height:340px; }
.course-book-scene-compact .course-book { width:clamp(130px,14vw,175px);height:clamp(190px,19vw,235px); }
.course-book-scene-compact .book-cover-code,.course-book-scene-compact .book-cover-author { font-size:4px; }
.course-book-scene-compact .book-cover-emblem { margin-top:12px;font-size:26px; }
.course-book-scene-compact .book-cover-art { height:45px;margin-top:7px; }
.course-book-scene-compact .book-cover-title { margin-top:4px;font-size:clamp(12px,1.3vw,17px); }
.course-book-scene-compact .course-book-trade .book-cover-title { font-size:clamp(12px,1.15vw,15px); }
.course-book-scene-compact .book-cover-subtitle { margin-top:4px;font-size:4px; }
.course-book-scene-compact .course-book-cover { padding:13px 12px 11px; }
.course-book-scene-compact .book-cover-rule { margin-top:8px; }
.catalog-art-corner { position:absolute;left:14px;top:14px;color:#aaa4b7;font:7px var(--mono);letter-spacing:.12em; }
.catalog-course-body { padding:25px; }
.catalog-course-meta { color:#777986;font-size:7px; }
.catalog-course-category { margin:24px 0 -21px;color:#8058dc;font:7px var(--mono);letter-spacing:.1em; }
.catalog-trade .catalog-course-category { color:#dd505e; }
.catalog-course-body h3 { margin:32px 0 9px;font-size:clamp(22px,2.1vw,29px); }
.catalog-course-body .catalog-course-description { margin:0 0 20px;color:#737684;font-size:10px;line-height:1.8; }
.catalog-course-price { margin-top:0; }
.catalog-course-footer { margin-top:auto; }
.course-ethics { background:radial-gradient(ellipse at 0 50%,#241c31,#101116 60%); }
.ethics-inner { min-height:210px;grid-template-columns:65px 1fr auto; }
.ethics-inner h2 { font-size:24px; }.ethics-inner .ethics-signoff { display:flex;align-items:center;gap:9px;color:#a8a6b1;font:7px var(--mono);letter-spacing:.1em; }.ethics-signoff i { width:5px;height:5px;border-radius:50%;background:#f04e5e;box-shadow:0 0 10px #f04e5e; }
@keyframes courseTimer { to { transform:scaleX(1); } }
@keyframes courseGlowDrift { 0%,100% { opacity:.12;transform:scale(.95); } 50% { opacity:.23;transform:scale(1.12); } }
@keyframes courseOrbit { to { rotate:360deg; } }
@keyframes courseBookFloat { 0%,100% { translate:0 4px; } 50% { translate:0 -7px; } }
@keyframes courseCrossPulse { 0%,100% { opacity:.45;scale:.85; } 50% { opacity:1;scale:1.1; } }
@media(max-width:1000px) {
  .courses-showcase-wrap { min-height:630px; }.courses-carousel-viewport { min-height:515px; }
  .course-feature-slide { grid-template-columns:1fr .88fr;gap:20px; }.course-feature-copy h1 { font-size:clamp(57px,7vw,78px); }
  .course-feature-art { height:430px; }.book-art-orbit { width:320px;height:220px; }
  .catalog-course-card { grid-template-columns:.8fr 1.2fr;min-height:350px; }.catalog-course-art .course-book-scene-compact { min-height:350px; }
}
@media(max-width:760px) {
  .courses-showcase { min-height:0; }.courses-showcase-wrap { min-height:0;padding-block:37px 24px; }
  .courses-carousel-viewport { min-height:730px; }.courses-carousel-track { min-height:730px; }
  .course-feature-slide { grid-template-columns:1fr;grid-template-rows:auto 310px;align-content:start;gap:0; }
  .course-feature-copy { padding:0; }.course-feature-copy>.eyebrow { font-size:7px; }.course-feature-kicker { margin-top:26px;font-size:7px; }
  .course-feature-copy h1 { margin:12px 0;font-size:clamp(54px,14vw,74px); }.course-feature-description { font-size:11px;line-height:1.75; }
  .course-feature-tags { margin-top:14px;font-size:6px; }.course-feature-cta { margin-top:17px; }
  .course-feature-art { height:300px;margin-top:4px; }.course-book { width:178px;height:248px; }.book-art-orbit { width:280px;height:175px; }.book-art-orbit-b { width:220px;height:220px; }
  .course-carousel-controls { gap:10px; }.course-carousel-arrows { gap:4px; }.course-carousel-arrows button { width:31px;height:31px; }
  .course-carousel-pagination { gap:0; }.course-carousel-pagination button { min-width:29px;padding-inline:4px; }
  .course-carousel-timer { min-width:35px; }.course-carousel-count { font-size:7px; }
  .courses-scroll-cue { display:none; }
  .courses-intro-inner { min-height:0; }.courses-catalog { padding-block:68px 78px; }.courses-heading { margin-bottom:28px; }.courses-heading h2 { font-size:42px; }
  .course-catalog-grid { grid-template-columns:1fr;gap:14px; }
  .catalog-course-card { grid-template-columns:.8fr 1.2fr;min-height:300px; }
  .catalog-course-art .course-book-scene-compact { min-height:300px; }.course-book-scene-compact .course-book { width:clamp(115px,35vw,145px);height:clamp(166px,49vw,200px); }
  .catalog-course-body { min-height:0;padding:15px; }.catalog-course-meta { flex-wrap:wrap;gap:7px; }.course-status-pill { white-space:normal; }
  .catalog-course-category { margin-top:17px; }.catalog-course-body h3 { margin-top:28px;font-size:20px; }.catalog-course-body .catalog-course-description { font-size:9px; }
  .catalog-course-price strong { font-size:14px; }.catalog-course-footer { font-size:7px; }
  .ethics-inner { grid-template-columns:46px 1fr;gap:13px;padding-block:34px; }.ethics-icon { width:44px;height:44px; }.ethics-inner .ethics-signoff { grid-column:2; }
}
@media(max-width:420px) {
  .courses-carousel-viewport,.courses-carousel-track { min-height:750px; }.course-feature-slide { grid-template-rows:auto 292px; }
  .course-feature-art { height:285px; }.catalog-course-card { grid-template-columns:.72fr 1.28fr; }.catalog-course-body { padding:12px; }
  .catalog-course-body h3 { font-size:18px; }.catalog-course-footer span { font-size:6px; }
}
@media(prefers-reduced-motion:reduce) {
  .courses-showcase-glow,.book-art-orbit,.course-book,.book-art-cross { animation:none!important; }
  .course-feature-slide,.course-book,.catalog-course-card { transition:none!important; }
}


/* Supplied covers stay clean in the catalog; the hero uses its CSS-built covers. */
.course-catalog-cover-wrap { position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;padding:16px; }
.course-catalog-cover { display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:filter .45s ease; }
.catalog-course-card { position:relative;isolation:isolate;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s; }
.catalog-course-card:before { content:"";position:absolute;z-index:-1;inset:-1px;opacity:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#ffffff14 48%,transparent 72%);transform:translateX(-60%);transition:opacity .3s; }
.catalog-course-card:hover:before { opacity:1;animation:catalogCardSweep .9s ease forwards; }
.catalog-course-card:after { content:"";position:absolute;z-index:2;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#e94d5b,#9c78ff);transform:scaleX(.08);transform-origin:left;transition:transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none; }
.catalog-course-card:hover:after,.catalog-course-card:focus-visible:after { transform:scaleX(1); }
.catalog-course-card:focus-visible { outline:2px solid #8b5cf6;outline-offset:4px; }
.catalog-course-card:hover .course-catalog-cover { filter:saturate(1.05) contrast(1.02); }
.catalog-course-art { background:radial-gradient(circle at 50% 45%,#865bdb20,transparent 57%),linear-gradient(145deg,#1b1824,#111116); }
.catalog-trade .catalog-course-art { background:radial-gradient(circle at 50% 45%,#e4545b20,transparent 57%),linear-gradient(145deg,#21171d,#111116); }
@keyframes catalogCardSweep { to { transform:translateX(60%); } }
@media(prefers-reduced-motion:reduce) { .catalog-course-card,.catalog-course-cover { transition:none!important; }.catalog-course-card:hover:before { animation:none!important; } }

/* Software hub: animated suite hero, a real featured preview, and clearer catalogs. */
.software-hub-hero-advanced { min-height:690px;background:radial-gradient(ellipse at 76% 45%,#281941 0,#11101a 34%,#0c0e13 72%); }
.software-hub-hero-advanced .software-hub-grid { opacity:.26;background-size:46px 46px;mask-image:radial-gradient(ellipse at 65% 45%,#000,transparent 76%); }
.software-hero-ambient { position:absolute;inset:-15%;pointer-events:none;background:radial-gradient(ellipse at 74% 35%,#8956ff24,transparent 35%),radial-gradient(ellipse at 91% 70%,#ef44501c,transparent 28%);animation:softwareAmbientDrift 12s ease-in-out infinite alternate; }
.software-hub-hero-advanced .software-hub-layout { min-height:625px;grid-template-columns:1fr 1fr;gap:30px;padding-block:55px 35px; }
.software-hub-hero-advanced .software-hub-copy { position:relative;z-index:2; }
.software-hero-kicker { display:flex;align-items:center;gap:9px;margin:28px 0 0;color:#e6e2ee;font:8px var(--mono);letter-spacing:.13em; }
.software-hero-kicker i { width:7px;height:7px;border-radius:50%;background:#f34b5a;box-shadow:0 0 14px #f34b5a;animation:softwareSignal 2.3s ease-in-out infinite; }
.software-hub-hero-advanced .software-hub-copy h1 { margin:17px 0 20px;font-size:clamp(62px,7.3vw,94px);line-height:.91;letter-spacing:-.085em; }
.software-hub-hero-advanced .software-hub-copy h1 span { color:#ae91ff;text-shadow:0 0 35px #8b5cf633; }
.software-hub-hero-advanced .software-hub-copy>p:not(.eyebrow):not(.software-scope-note) { max-width:515px;color:#b0b2bd;font-size:12px;line-height:1.95; }
.software-hub-hero-advanced .hub-actions { gap:24px; }
.software-hero-secondary { color:#d3cfdd;font-size:10px;transition:color .2s,transform .2s; }.software-hero-secondary span { margin-left:7px;color:#ff6470; }.software-hero-secondary:hover { color:#fff;transform:translateY(-2px); }
.software-hub-hero-advanced .software-scope-note { max-width:500px;color:#858995; }
.software-hub-art-advanced { height:440px;perspective:1000px; }
.software-hero-orbit { position:absolute;width:410px;height:255px;border:1px solid #a47dff4a;border-radius:50%;transform:rotate(-28deg);animation:softwareOrbitSpin 32s linear infinite; }
.software-hero-orbit.orbit-two { width:330px;height:330px;border-color:#ff536044;transform:rotate(32deg);animation-direction:reverse;animation-duration:26s; }
.software-hero-orbit.orbit-three { width:470px;height:170px;border-color:#ffffff16;transform:rotate(15deg);animation-duration:40s; }
.software-console-card { position:relative;z-index:1;width:min(100%,430px);min-height:285px;padding:0 20px 16px;background:linear-gradient(145deg,#1c1a25ee,#0e1016f5);border:1px solid #ffffff2a;box-shadow:0 35px 90px #0008,inset 0 1px #ffffff10;transform:rotateY(-8deg) rotateX(2deg);transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s;backdrop-filter:blur(12px); }
.software-hub-art-advanced:hover .software-console-card { transform:rotateY(0) rotateX(0) translateY(-7px);box-shadow:0 44px 105px #0009,0 0 55px #8b5cf61a; }
.software-console-top { height:42px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #ffffff1c;color:#9495a2;font:6px var(--mono);letter-spacing:.12em; }
.software-console-top>span { display:flex;gap:4px; }.software-console-top i { width:6px;height:6px;border-radius:50%;background:#ef4c5e; }.software-console-top i:nth-child(2){background:#ad91ff}.software-console-top i:nth-child(3){background:#666b78}.software-console-top small { flex:1;font-size:6px; }.software-console-top>b { color:#c0aaff;font-weight:500; }
.software-console-core { min-height:198px;position:relative;display:grid;grid-template-columns:120px 1fr;align-items:center;gap:20px; }
.console-emblem { width:108px;height:108px;position:relative;display:grid;place-items:center;border:1px solid #b49aff70;border-radius:50%;color:#c2aaff;box-shadow:0 0 0 12px #9673ff0a,0 0 0 27px #f14c5b08,0 0 45px #8b5cf622; }
.console-emblem:before,.console-emblem:after { content:"";position:absolute;inset:12px;border:1px solid #f14c5b4d;border-radius:50%; }.console-emblem:after { inset:-17px;border-color:#b49aff30;border-style:dashed;animation:softwareOrbitSpin 22s linear infinite; }.console-emblem>b { font-size:33px;font-weight:850;letter-spacing:-.14em; }.console-emblem>i { position:absolute;right:11px;bottom:13px;width:7px;height:7px;border-radius:50%;background:#ff5666;box-shadow:0 0 14px #ff5666; }
.console-readout { display:flex;flex-direction:column;align-items:flex-start;gap:10px; }.console-readout>small { color:#9a9daa;font:6px var(--mono);letter-spacing:.12em; }.console-readout>strong { color:#f5f3f8;font-size:24px;line-height:1.02;letter-spacing:-.055em; }.console-readout>span { display:flex;align-items:center;gap:7px;color:#a2a4ae;font:6px var(--mono);letter-spacing:.08em; }.console-readout>span i { width:5px;height:5px;border-radius:50%;background:#f04b5c; }
.console-crosshair { position:absolute;right:7px;top:10px;color:#ff5b69;font-size:15px; }.software-console-bottom { height:26px;display:flex;align-items:center;gap:9px;border-top:1px solid #ffffff18;color:#9c9da9;font:6px var(--mono);letter-spacing:.13em; }.software-console-bottom i { width:26px;height:1px;background:linear-gradient(90deg,#ff5665,#a587ff); }
.software-hero-float { position:absolute;z-index:2;padding:9px 11px;border:1px solid #ffffff2a;background:#15141de8;color:#c9c6d1;font:6px var(--mono);letter-spacing:.1em;box-shadow:0 12px 24px #0004; }.software-hero-float b { color:#b49aff;font-weight:500; }.software-hero-float.float-suite { left:0;top:58px;transform:rotate(-8deg); }.software-hero-float.float-preview { right:-4px;bottom:55px;transform:rotate(6deg); }.software-hero-float.float-preview i { color:#f14d5d;font-size:6px;font-style:normal; }.software-hero-cross { position:absolute;color:#f25060;font-size:21px;animation:softwareSignal 3s ease-in-out infinite; }.software-hero-cross.cross-one { left:6%;bottom:71px; }.software-hero-cross.cross-two { right:9%;top:56px;color:#b49aff;animation-delay:1s; }
.software-hero-bottom { min-height:43px; }.software-hero-index { margin-left:auto;color:#aaa0bc; }
.software-featured-advanced { overflow:hidden;position:relative;color:#f5f3f8;background:radial-gradient(ellipse at 80% 45%,#281b3b,#121219 55%,#0f1015);border-block:1px solid #ffffff12; }
.software-featured-advanced:before { content:"";position:absolute;inset:0;opacity:.18;pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(90deg,transparent,#000); }
.software-featured-advanced .featured-product-layout { min-height:535px;position:relative;z-index:1;grid-template-columns:.83fr 1.17fr;gap:70px;padding-block:70px; }
.software-featured-advanced .featured-product-copy h2 { color:#f5f3f8;font-size:clamp(42px,5vw,64px);line-height:.98; }.software-featured-advanced .featured-product-copy>p:not(.eyebrow) { color:#a9aab5;font-size:11px;line-height:1.9; }.software-featured-advanced .featured-product-copy .featured-product-lead { margin:0 0 8px;color:#eeeaf4!important;font-size:14px!important;line-height:1.65!important; }
.software-featured-advanced .featured-product-status { border-color:#a58aff70;background:#8b5cf618;color:#c0aaff; }
.featured-product-points { display:grid;gap:9px;margin:20px 0 22px;color:#c0bdc9;font-size:9px; }.featured-product-points span { display:flex;align-items:center;gap:10px; }.featured-product-points i { color:#ff6874;font:7px var(--mono);font-style:normal; }
.software-featured-advanced .featured-product-copy .button { margin-top:4px; }
.featured-product-visual-image { width:100%;min-height:360px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:12px;text-decoration:none; }
.featured-image-halo { position:absolute;width:65%;height:70%;border-radius:50%;background:#9b5cff35;filter:blur(90px);animation:softwareAmbientDrift 8s ease-in-out infinite alternate; }
.featured-image-frame { position:relative;width:100%;padding:8px;border:1px solid #ab8aff7a;background:linear-gradient(135deg,#a78aff22,#111019);box-shadow:0 30px 80px #0008,0 0 45px #8c5cf628;transform:perspective(1200px) rotateY(-5deg) rotateX(1deg);transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .65s; }
.featured-product-visual-image:hover .featured-image-frame { transform:perspective(1200px) rotateY(0) rotateX(0) translateY(-6px);box-shadow:0 42px 95px #0009,0 0 65px #9a5cff40; }
.featured-image-frame>img { display:block;width:100%;aspect-ratio:16/9;object-fit:cover; }
.featured-image-topline { position:absolute;left:8px;right:8px;top:8px;height:26px;display:flex;align-items:center;gap:5px;padding:0 9px;background:#0b0b10cc;color:#e8e4f0;font:6px var(--mono);letter-spacing:.09em;backdrop-filter:blur(8px); }.featured-image-topline i { width:5px;height:5px;border-radius:50%;background:#ff596a; }.featured-image-topline i:nth-child(2){background:#a987ff}.featured-image-topline i:nth-child(3){background:#6a6e7b}.featured-image-topline b { margin-left:auto;font-weight:500; }
.featured-image-stamp { position:absolute;right:16px;bottom:16px;display:grid;gap:4px;padding:9px 11px;background:#101018e8;border:1px solid #ffffff26;color:#eeeaf4;font:6px var(--mono);letter-spacing:.1em; }.featured-image-stamp b { color:#b5a0ed;font-size:5px;font-weight:500; }
.featured-product-visual-image .featured-visual-caption { position:relative;right:auto;bottom:auto;color:#a2a0ad; }
.software-categories-advanced { padding-block:104px 115px; }
.software-categories-advanced .software-page-heading { margin-bottom:45px; }.software-categories-advanced .software-page-heading h2 { font-size:clamp(42px,5.4vw,65px);line-height:.95; }.software-categories-advanced .software-page-heading h2 span { color:#855ce4; }.software-categories-advanced .software-page-heading>p { max-width:380px;font-size:11px; }
.software-category-grid { gap:18px; }
.software-category-card-advanced { min-height:325px;padding:24px;color:#f5f2fa;background:radial-gradient(circle at 100% 0,#33234c 0,transparent 43%),linear-gradient(145deg,#1a1922,#111217 72%);border:1px solid #292833;border-top:2px solid #e94b5b;box-shadow:0 17px 50px #11111a12;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s; }
.software-category-card-advanced:before { content:"";position:absolute;inset:0;opacity:.2;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:23px 23px;mask-image:radial-gradient(ellipse at 85% 0,#000,transparent 75%);pointer-events:none; }
.software-category-card-advanced:after { content:"";position:absolute;left:0;top:0;bottom:0;width:2px;transform:scaleY(.05);transform-origin:top;background:linear-gradient(#ff5262,#9d79ff);transition:transform .4s; }
.software-category-card-advanced:hover,.software-category-card-advanced:focus-visible { transform:translateY(-8px);border-color:#7863a5;box-shadow:0 25px 60px #17142130,0 0 30px #8b5cf614; }.software-category-card-advanced:hover:after,.software-category-card-advanced:focus-visible:after { transform:scaleY(1); }.software-category-card-advanced:focus-visible { outline:2px solid #8b5cf6;outline-offset:4px; }
.category-theme-flashing.software-category-card-advanced { background:radial-gradient(circle at 100% 0,#45232c 0,transparent 45%),linear-gradient(145deg,#21191d,#111217 72%);border-top-color:#f05260; }.category-theme-gaming.software-category-card-advanced { background:radial-gradient(circle at 100% 0,#302344 0,transparent 45%),linear-gradient(145deg,#1c1a25,#111217 72%);border-top-color:#a681ff; }
.software-category-card-advanced .category-card-number { position:relative;z-index:1;color:#a2a0ad;font-size:7px; }.software-category-card-advanced .category-card-icon { width:54px;height:54px;position:relative;z-index:1;margin-top:24px;background:#8b5cf622;border:1px solid #9a79e956;color:#c3adff; }.software-category-card-advanced .category-card-icon i { font:800 22px var(--sans);font-style:normal; }.software-category-card-advanced .category-card-icon b { position:absolute;right:-5px;top:-6px;color:#ff5968;font:14px var(--sans); }.software-category-card-advanced .category-card-title { position:relative;z-index:1;margin-top:20px;color:#f7f5fa;font-size:20px;letter-spacing:-.04em; }.software-category-card-advanced>p { position:relative;z-index:1;max-width:330px;margin:9px 0 20px;color:#a5a6b0;font-size:10px;line-height:1.8; }
.software-category-card-advanced .category-card-bottom { position:relative;z-index:1;padding-top:15px;border-color:#ffffff20;color:#c0bdc8;font-size:7px; }.software-category-card-advanced .category-card-bottom b { color:#ff5a68;font-size:7px; }.category-card-watermark { position:absolute;right:12px;bottom:49px;color:#ffffff08;font-size:72px;font-weight:850;line-height:.8;letter-spacing:-.12em;pointer-events:none; }
.software-catalog-advanced { position:relative;overflow:hidden;background:radial-gradient(ellipse at 0 0,#251a35,#101116 48%); }.software-catalog-advanced:before { content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(180deg,#000,transparent);pointer-events:none; }.software-catalog-advanced>.section-wrap { position:relative;z-index:1; }
.software-catalog-advanced .dark-heading h2 { font-size:clamp(42px,5vw,62px);line-height:.95; }.software-catalog-advanced .dark-heading h2 span { color:#b49aff; }.software-catalog-advanced .dark-heading>p { max-width:410px;font-size:11px;line-height:1.85; }.software-catalog-advanced .catalog-group { margin-top:48px; }.software-catalog-advanced .catalog-group-heading { padding-bottom:17px;border-color:#ffffff2c; }.software-catalog-advanced .catalog-group-heading>div>span { font-size:18px; }.software-catalog-advanced .catalog-group-heading>div>p { max-width:650px;font-size:9px;line-height:1.7; }.software-catalog-advanced .catalog-group-heading>a { padding:9px 11px;border:1px solid #ffffff24;transition:color .2s,border-color .2s; }.software-catalog-advanced .catalog-group-heading>a:hover { color:#fff;border-color:#a58aff; }
.software-catalog-advanced .catalog-product-grid { gap:18px;margin-top:18px; }.catalog-product-card-advanced { min-height:250px;overflow:hidden;border:1px solid #ffffff20;background:linear-gradient(145deg,#1c1d25,#14151b);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s; }.catalog-product-card-advanced:hover,.catalog-product-card-advanced:focus-visible { transform:translateY(-6px);border-color:#a184ed;box-shadow:0 24px 55px #0006,0 0 35px #9c74ff15; }.catalog-product-card-advanced:focus-visible { outline:2px solid #8b5cf6;outline-offset:4px; }.catalog-product-card-advanced .catalog-product-info { padding:21px; }.catalog-product-card-advanced .catalog-product-info h3 { font-size:19px; }.catalog-product-card-advanced .catalog-product-info>p { font-size:9px;line-height:1.8; }.catalog-product-card-advanced .product-platform,.catalog-product-card-advanced .product-state { font-size:7px; }
.catalog-product-mspy .catalog-product-art { min-height:250px;background:#17131e; }.catalog-product-mspy .catalog-product-art:before { inset:0;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(0deg,#101018aa,transparent 60%),linear-gradient(90deg,#13121a1a,transparent); }.catalog-product-mspy .catalog-product-art:after { display:none; }.catalog-product-preview-image { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s; }.catalog-product-mspy:hover .catalog-product-preview-image { transform:scale(1.045);filter:saturate(1.08); }.catalog-image-label { position:absolute;z-index:2;left:13px;top:13px;padding:7px 8px;background:#111019d9;border:1px solid #ffffff35;color:#f2eff9;font:6px var(--mono);letter-spacing:.09em; }.catalog-product-mspy .catalog-product-art>i { z-index:2;left:12px;right:auto;bottom:12px;padding:7px 8px;background:#111019d9;border:1px solid #ffffff35;color:#d1c1ff; }
.software-final-cta-advanced { position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 50%,#362143,#17141d 58%,#111116); }.software-final-cta-advanced:before { content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff06 50%,transparent 70%);animation:softwareFinalSweep 9s ease-in-out infinite;pointer-events:none; }.software-final-cta-advanced .software-cta-inner { position:relative;z-index:1; }.software-final-cta-advanced .software-cta-inner h2 { max-width:620px;font-size:clamp(34px,4vw,49px); }
@keyframes softwareOrbitSpin { to { rotate:360deg; } }@keyframes softwareSignal { 0%,100% { opacity:.55;scale:.86; }50% { opacity:1;scale:1.12; } }@keyframes softwareAmbientDrift { 0% { transform:translate3d(-1%,1%,0) scale(.95);opacity:.6; }100% { transform:translate3d(2%,-2%,0) scale(1.08);opacity:1; } }@keyframes softwareFinalSweep { 0%,20% { transform:translateX(-45%);opacity:0; }45% { opacity:1; }75%,100% { transform:translateX(45%);opacity:0; } }
@media(max-width:1000px) { .software-featured-advanced .featured-product-layout { gap:35px; }.software-hub-art-advanced { transform:scale(.92); }.software-category-card-advanced { min-height:345px; } }
@media(max-width:760px) {
 .software-hub-hero-advanced .software-hub-layout { grid-template-columns:1fr;gap:4px;padding-block:42px 22px; }.software-hub-hero-advanced .software-hub-copy h1 { font-size:clamp(58px,13vw,76px); }.software-hub-art-advanced { height:340px;transform:none; }.software-hero-orbit { width:315px;height:205px; }.software-hero-orbit.orbit-two { width:260px;height:260px; }.software-hero-orbit.orbit-three { width:360px;height:140px; }.software-console-card { width:min(100%,390px); }.software-hero-float.float-suite { left:1%;top:28px; }.software-hero-float.float-preview { right:0;bottom:28px; }
 .software-featured-advanced .featured-product-layout { grid-template-columns:1fr;gap:22px;padding-block:52px; }.featured-product-visual-image { min-height:0; }.software-categories-advanced { padding-block:70px 78px; }.software-categories-advanced .software-page-heading { margin-bottom:25px; }.software-category-grid { grid-template-columns:1fr;gap:13px; }.software-category-card-advanced { min-height:280px; }.software-catalog-advanced { padding-block:65px; }.software-catalog-advanced .catalog-group { margin-top:34px; }.software-catalog-advanced .catalog-product-grid { gap:13px; }.software-catalog-advanced .catalog-product-card { grid-template-columns:.9fr 1.1fr;min-height:230px; }.software-catalog-advanced .catalog-product-art { min-height:100%; }.software-catalog-advanced .catalog-product-info { min-height:0;padding:14px; }
}
@media(max-width:430px) { .software-hub-art-advanced { height:300px; }.software-console-card { padding-inline:12px; }.software-console-core { grid-template-columns:92px 1fr;gap:10px; }.console-emblem { width:82px;height:82px; }.console-readout>strong { font-size:20px; }.software-catalog-advanced .catalog-product-card { grid-template-columns:.8fr 1.2fr; }.catalog-product-mspy .catalog-product-art { min-height:200px; }.catalog-product-info>div { align-items:flex-start;flex-direction:column; }.catalog-product-info h3 { font-size:16px; }.catalog-product-info>p { font-size:8px; } }
@media(prefers-reduced-motion:reduce) { .software-hero-ambient,.software-hero-kicker i,.software-hero-orbit,.console-emblem:after,.software-hero-cross,.featured-image-halo,.featured-image-frame,.featured-product-visual-image img,.software-category-card-advanced,.catalog-product-card-advanced,.catalog-product-preview-image,.software-final-cta-advanced:before { animation:none!important;transition:none!important; } }

/* Keep the software intro and featured product visually distinct and restrained. */
.software-hub-hero-advanced { min-height:0;background:#0d0e13; }
.software-hub-hero-advanced .software-hub-layout { min-height:570px;padding-block:70px 52px; }
.software-hub-hero-advanced .software-hero-ambient { opacity:.45; }
.software-hub-hero-advanced .software-hero-orbit,.software-hub-hero-advanced .software-hero-float,.software-hub-hero-advanced .software-hero-cross { display:none; }
.software-console-card { transform:none;border-color:#ffffff20;box-shadow:0 22px 54px #0005;backdrop-filter:none; }
.software-hub-art-advanced:hover .software-console-card { transform:translateY(-3px);box-shadow:0 28px 60px #0006; }
.software-hero-bottom { min-height:54px;border-top:1px solid #ffffff18;padding-block:13px;color:#a3a4ae; }
.software-featured-advanced { color:#181820;background:#f3f2f7;border:0; }
.software-featured-advanced:before { display:none; }
.software-featured-advanced .featured-product-layout { min-height:0;grid-template-columns:.82fr 1.18fr;gap:64px;padding-block:88px; }
.software-featured-advanced .featured-product-copy h2 { color:#171820; }
.software-featured-advanced .featured-product-copy>p:not(.eyebrow) { color:#656a78; }
.software-featured-advanced .featured-product-copy .featured-product-lead { color:#383947!important; }
.software-featured-advanced .featured-product-status { border-color:#8b5cf655;background:#8b5cf60a;color:#7451c5; }
.featured-product-points { color:#4e5260; }
.featured-image-halo,.featured-image-topline,.featured-image-stamp { display:none; }
.featured-product-visual-image { min-height:0;gap:10px; }
.featured-image-frame { width:100%;padding:0;overflow:hidden;border:1px solid #dedce7;background:#fff;box-shadow:0 18px 48px #17142118;transform:none;transition:transform .3s ease,box-shadow .3s ease; }
.featured-image-frame>img { width:100%;height:auto;aspect-ratio:16/9;object-fit:contain; }
.featured-product-visual-image:hover .featured-image-frame { transform:translateY(-3px);box-shadow:0 24px 55px #17142122; }
.featured-product-visual-image .featured-visual-caption { align-self:flex-start;color:#7d7f8a;font:8px var(--mono);letter-spacing:.1em; }
@media(max-width:760px) {
  .software-hub-hero-advanced .software-hub-layout { min-height:0;padding-block:50px 35px; }
  .software-hub-hero-advanced .software-hub-art-advanced { height:300px; }
  .software-featured-advanced .featured-product-layout { gap:28px;padding-block:56px; }
  .featured-product-visual-image { min-height:0; }
}
.software-catalog-advanced .catalog-product-card-advanced.catalog-product-mspy,.software-catalog-advanced .catalog-product-card-advanced.catalog-product-pcspy,.software-catalog-advanced .catalog-product-card-advanced.catalog-product-cryp-flash,.software-catalog-advanced .catalog-product-card-advanced.catalog-product-bflash { min-height:0;grid-template-columns:1.55fr 1fr; }
.software-catalog-advanced .catalog-product-mspy .catalog-product-art,.software-catalog-advanced .catalog-product-pcspy .catalog-product-art,.software-catalog-advanced .catalog-product-cryp-flash .catalog-product-art,.software-catalog-advanced .catalog-product-bflash .catalog-product-art { min-height:0;aspect-ratio:16/9;align-self:center;background:#121118; }
.catalog-product-mspy .catalog-product-art:before,.catalog-product-mspy .catalog-product-art:after,.catalog-product-pcspy .catalog-product-art:before,.catalog-product-pcspy .catalog-product-art:after,.catalog-product-cryp-flash .catalog-product-art:before,.catalog-product-cryp-flash .catalog-product-art:after,.catalog-product-bflash .catalog-product-art:before,.catalog-product-bflash .catalog-product-art:after { display:none; }
.catalog-product-mspy .catalog-product-preview-image,.catalog-product-pcspy .catalog-product-preview-image,.catalog-product-cryp-flash .catalog-product-preview-image,.catalog-product-bflash .catalog-product-preview-image { object-fit:contain;object-position:center;width:100%;height:100%;transform:none!important;filter:none!important; }
.catalog-product-mspy .catalog-image-label,.catalog-product-mspy .catalog-product-art>i,.catalog-product-pcspy .catalog-image-label,.catalog-product-pcspy .catalog-product-art>i,.catalog-product-cryp-flash .catalog-product-art>i,.catalog-product-bflash .catalog-product-art>i { display:none; }
@media(max-width:760px) {
  .software-catalog-advanced .catalog-product-card-advanced.catalog-product-mspy,.software-catalog-advanced .catalog-product-card-advanced.catalog-product-pcspy,.software-catalog-advanced .catalog-product-card-advanced.catalog-product-cryp-flash,.software-catalog-advanced .catalog-product-card-advanced.catalog-product-bflash { grid-template-columns:1fr; }
  .software-catalog-advanced .catalog-product-mspy .catalog-product-art,.software-catalog-advanced .catalog-product-pcspy .catalog-product-art,.software-catalog-advanced .catalog-product-cryp-flash .catalog-product-art,.software-catalog-advanced .catalog-product-bflash .catalog-product-art { min-height:0;aspect-ratio:16/9; }
}
@media(min-width:761px) { .software-hub-hero-advanced .software-hub-copy h1 { font-size:clamp(60px,6.1vw,82px);line-height:.99;letter-spacing:-.072em; } }
.software-hub-art-advanced { isolation:isolate; }
.software-hub-art-advanced:before,.software-hub-art-advanced:after { content:"";position:absolute;z-index:0;left:50%;top:50%;width:min(92%,440px);aspect-ratio:1;pointer-events:none;border:1px solid #a783ff30;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 65px #8456ff18,inset 0 0 55px #8456ff0b;animation:softwareHeroOrbit 25s linear infinite; }
.software-hub-art-advanced:after { width:min(76%,360px);border-color:#f05a6835;border-style:dashed;box-shadow:0 0 65px #f0445512;animation-duration:34s;animation-direction:reverse; }
.software-hub-hero-advanced .software-hero-ambient { background:radial-gradient(ellipse at 76% 38%,#8956ff2a,transparent 31%),radial-gradient(ellipse at 88% 71%,#ef445021,transparent 25%);animation:softwareAmbientDrift 9s ease-in-out infinite alternate; }
.software-console-card { z-index:1; }
@keyframes softwareHeroOrbit { to { rotate:360deg; } }
@media(prefers-reduced-motion:reduce) { .software-hub-art-advanced:before,.software-hub-art-advanced:after { animation:none!important; } }
.software-category-card-advanced { min-height:285px;padding:22px;background:linear-gradient(145deg,#171720 0%,#111217 74%);border:1px solid #34323f;border-top:2px solid #a884ff;border-radius:22px 5px 22px 5px;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));box-shadow:0 16px 42px #11111a10; }
.category-theme-flashing.software-category-card-advanced { border-top-color:#f05260;background:linear-gradient(145deg,#20181c 0%,#111217 74%); }
.category-theme-gaming.software-category-card-advanced { border-top-color:#a884ff; }
.software-category-card-advanced .category-card-icon { width:54px;height:54px;margin-top:17px;display:grid;place-items:center;background:linear-gradient(145deg,#8b5cf62a,#8b5cf60a);border:1px solid #a884ff66;color:#c4adff;transition:transform .3s ease,background .3s ease,box-shadow .3s ease; }
.category-theme-flashing .category-card-icon { color:#ff7881;background:linear-gradient(145deg,#f0526026,#f0526008);border-color:#f0526066; }
.category-theme-gaming .category-card-icon { color:#c4adff; }
.software-category-card-advanced .category-card-icon svg { width:27px;height:27px;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round; }
.software-category-card-advanced .category-card-icon b { right:-7px;top:-7px;width:19px;height:19px;display:grid;place-items:center;background:#15151c;border:1px solid #ff596866;color:#ff6874;font-size:11px;transition:transform .3s ease; }
.software-category-card-advanced:hover .category-card-icon,.software-category-card-advanced:focus-visible .category-card-icon { transform:translateY(-3px);background:linear-gradient(145deg,#8b5cf644,#8b5cf611);box-shadow:0 0 26px #8b5cf629; }
.category-theme-flashing.software-category-card-advanced:hover .category-card-icon { background:linear-gradient(145deg,#f0526040,#f0526011);box-shadow:0 0 26px #f0526026; }
.software-category-card-advanced:hover .category-card-icon b { transform:translate(2px,-2px); }
.software-category-card-advanced .category-card-title { margin-top:15px;font-size:20px;letter-spacing:-.045em; }
.software-category-card-advanced>p { max-width:340px;min-height:44px;margin:8px 0 14px;color:#b0b0ba;font-size:10px;line-height:1.8; }
.software-category-card-advanced .category-card-bottom { padding-top:14px;border-top:1px solid #ffffff20; }
.software-category-card-advanced .category-card-watermark { right:16px;bottom:51px;font-size:68px;color:#ffffff09; }
@media(max-width:760px) { .software-category-card-advanced { min-height:270px;padding:20px;border-radius:18px 4px 18px 4px;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px)); }.software-category-card-advanced>p { min-height:0; } }
@media(prefers-reduced-motion:reduce) { .software-category-card-advanced .category-card-icon,.software-category-card-advanced .category-card-icon b { transition:none!important; } }

/* Home page product and course artwork */
.home-section .software-card-has-image{grid-template-columns:.9fr 1.1fr;min-height:250px;border-radius:12px;overflow:hidden}
.home-section .software-card-has-image .software-art{min-height:0;height:100%;padding:14px;background:radial-gradient(ellipse at 50% 50%,#8b5cf622,transparent 68%),#101116}
.home-section .software-card-has-image .software-art:before,.home-section .software-card-has-image .software-art:after{display:none}
.home-software-preview{display:block;width:100%;height:100%;max-height:245px;object-fit:contain;object-position:center;border:1px solid #ffffff1a;border-radius:7px;box-shadow:0 10px 28px #0005;transition:transform .35s ease,filter .35s ease}
.software-card-has-image:hover .home-software-preview{transform:scale(1.035);filter:brightness(1.06)}
.courses-section .course-card-with-cover{min-height:310px;padding:0;display:grid;grid-template-columns:.76fr 1.24fr;justify-content:initial;border-radius:14px;isolation:isolate}
.courses-section .course-card-with-cover:after{right:-95px;top:auto;bottom:-135px;width:260px;height:260px;pointer-events:none}
.course-cover-art{position:relative;z-index:1;min-width:0;min-height:310px;padding:15px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#8b5cf62b,transparent 65%),linear-gradient(145deg,#201a2d,#111217);border-right:1px solid #ffffff12}
.course-trade .course-cover-art{background:radial-gradient(ellipse at 50% 55%,#ef444429,transparent 65%),linear-gradient(145deg,#291a21,#111217)}
.course-cover-art img{display:block;width:100%;height:100%;max-height:280px;object-fit:contain;object-position:center;filter:drop-shadow(0 12px 18px #0008);transition:transform .4s cubic-bezier(.2,.75,.25,1),filter .4s}
.course-card-with-cover:hover .course-cover-art img{transform:translateY(-4px) scale(1.025);filter:drop-shadow(0 18px 22px #0009)}
.course-cover-art .course-code{position:absolute;top:14px;left:14px;z-index:2;padding:7px 9px;border:1px solid #ffffff24;border-radius:5px;background:#0d0e12c9;color:#c3c5cf;font:8px var(--mono);letter-spacing:.11em}
.course-card-content{position:relative;z-index:1;min-width:0;padding:24px;display:flex;flex-direction:column;justify-content:space-between}
.courses-section .course-card-content h3{font-size:clamp(25px,2.5vw,34px)}
.courses-section .course-card-content>div>p{max-width:460px;color:#b4b7c1;font-size:10px;line-height:1.8}
@media(max-width:760px){.home-section .software-card-has-image{grid-template-columns:1fr}.home-section .software-card-has-image .software-art{min-height:0;aspect-ratio:16/9;padding:12px}.home-software-preview{max-height:none}.courses-section .course-card-with-cover{grid-template-columns:.8fr 1.2fr;min-height:270px}.course-cover-art{min-height:270px;padding:10px}.course-cover-art img{max-height:245px}.course-card-content{padding:18px}}
@media(max-width:520px){.courses-section .course-card-with-cover{grid-template-columns:1fr}.course-cover-art{min-height:255px;height:255px;border-right:0;border-bottom:1px solid #ffffff12}.course-cover-art img{max-height:235px}.course-card-content{min-height:220px;padding:19px}}

/* Keep the home software cards, while matching the light course section surface. */
.home-section.software-section,.software-section{color:#171923;background:linear-gradient(180deg,#f7f8fa 0%,#eef0f4 100%)}
.software-section .section-title-row h2{color:#171923}
.software-section .eyebrow,.software-section .title-side>p,.software-section .category-heading p{color:#697180}
.software-section .inline-link{color:#252936}
.software-section .category-heading{border-color:#d9dce3}
.software-section .category-heading h3{color:#191b24}
.software-section .category-symbol{color:#dfe1e7}
.software-section .software-card{color:#191b24;background:linear-gradient(135deg,#fff 0%,#f1f2f5 100%);border-color:#d9dce3;box-shadow:0 12px 32px #2026380c}
.software-section .software-card:hover{border-color:#a98bfa;box-shadow:0 18px 38px #20263818}
.software-section .software-art{background:linear-gradient(145deg,#eceef2,#f8f9fb)}
.software-section .software-card-has-image .software-art{background:linear-gradient(145deg,#e9ebf0,#f5f6f8)}
.software-section .home-software-preview{border-color:#dfe2e8;box-shadow:0 8px 22px #2026381a}
.software-section .software-meta{color:#737b89}
.software-section .software-card-body h4{color:#1b1d26}
.software-section .software-card-body>p{color:#687180}
.software-section .software-card .card-foot{color:#515967;border-color:#dfe2e8}
.software-section .coming-card{color:#1b1d26;background:linear-gradient(110deg,#fff,#f0f1f5);border-color:#e1c6ca;box-shadow:0 12px 32px #2026380d}
.software-section .coming-card h3{color:#1b1d26}
.software-section .coming-card p{color:#687180}
.software-section .coming-orbit{background:#fff}
/* Hexu dark cards sit on the light software-section background. */
.software-section .software-card{color:#f5f5f8;background:linear-gradient(135deg,#1a1b23 0%,#111218 78%);border-color:#34333e;box-shadow:0 16px 38px #17192318}
.software-section .software-card:hover{border-color:#a879ff;box-shadow:0 22px 48px #1719232b,0 0 22px #8b5cf61c}
.software-section .software-art,.software-section .software-card-has-image .software-art{background:radial-gradient(ellipse at 50% 50%,#8b5cf622,transparent 68%),linear-gradient(145deg,#23202d,#111218)}
.software-section .software-card-has-image .software-art{border-right:1px solid #ffffff12}
.software-section .home-software-preview{border-color:#ffffff1a;box-shadow:0 10px 28px #0006}
.software-section .software-meta{color:#a8a9b3}
.software-section .software-card-body h4{color:#f4f4f7}
.software-section .software-card-body>p{color:#a7aab4}
.software-section .software-card .card-foot{color:#c4c6ce;border-color:#ffffff20}
.software-section .coming-card{color:#f5f5f8;background:linear-gradient(110deg,#21191f,#15161d 65%);border-color:#ef444455;box-shadow:0 14px 35px #0003}
.software-section .coming-card h3{color:#f5f5f8}
.software-section .coming-card p{color:#a7aab4}
.software-section .coming-orbit{background:#ef444410}
/* Match the home software-card split to the catalog: larger preview, tighter copy. */
.home-section .software-card-has-image{grid-template-columns:1.55fr 1fr}
.home-section .software-card-has-image .software-art{width:calc(100% - 20px);height:auto;min-height:0;aspect-ratio:16/9;align-self:center;margin:10px;padding:0}
.home-section .software-card-has-image .home-software-preview{width:100%;height:100%;max-height:none;object-fit:contain;border-radius:6px}
.home-section .software-card-has-image .software-card-body{padding:18px}
.home-section .software-card-has-image .software-card-body h4{margin-top:17px;font-size:20px}
.home-section .software-card-has-image .software-card-body>p{font-size:9px;line-height:1.7}
@media(max-width:760px){.home-section .software-card-has-image{grid-template-columns:1fr}.home-section .software-card-has-image .software-art{width:calc(100% - 24px);height:auto;aspect-ratio:16/9;margin:12px}}

/* Premium hacking software category: focused animated hero and supplied product previews. */
.premium-hacking-software-hero{isolation:isolate;min-height:640px;background:radial-gradient(ellipse at 78% 45%,#231b35 0%,#111117 42%,#0c0e13 78%)}
.premium-hacking-software-hero .category-hero-layout{min-height:620px;grid-template-columns:1fr 1fr;gap:42px;padding-block:50px 44px}
.premium-hacking-software-hero .category-hero-copy{position:relative;z-index:2}
.premium-hacking-software-hero .category-hero-copy h1{max-width:680px;margin:18px 0 19px;font-size:clamp(48px,6.3vw,78px);line-height:.98;letter-spacing:-.075em}
.premium-hacking-software-hero .category-hero-copy>p:not(.eyebrow):not(.premium-software-kicker){max-width:510px;color:#b4b4c0;font-size:12px;line-height:1.9}
.premium-software-kicker{display:flex;align-items:center;gap:9px;margin:28px 0 0;color:#ded9e9;font:8px var(--mono);letter-spacing:.16em}
.premium-software-kicker i{width:7px;height:7px;border-radius:50%;background:#f25363;box-shadow:0 0 14px #f25363;animation:premiumSoftwarePulse 2.2s ease-in-out infinite}
.premium-software-stats{display:flex;align-items:center;gap:17px;margin-top:30px;color:#9696a4;font:7px var(--mono);letter-spacing:.12em}
.premium-software-stats b{margin-right:6px;color:#b59aff;font-size:12px}.premium-software-stats>i{width:38px;height:1px;background:linear-gradient(90deg,#f25363,#9872f5)}
.premium-software-ambient{position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 78% 45%,#8559ff1e,transparent 33%),radial-gradient(ellipse at 92% 75%,#ef48501a,transparent 25%);animation:premiumSoftwareAmbient 11s ease-in-out infinite alternate}
.premium-software-console-art{height:430px;isolation:isolate;perspective:1100px}
.premium-software-console-art:before,.premium-software-console-art:after{content:"";position:absolute;z-index:-1;width:min(84%,390px);aspect-ratio:1;border:1px solid #a181ff3b;border-radius:50%;box-shadow:0 0 70px #8b5cf61a,inset 0 0 55px #8b5cf60c;animation:premiumSoftwareOrbit 30s linear infinite}
.premium-software-console-art:after{width:min(68%,315px);border-color:#f2536340;border-style:dashed;animation-duration:40s;animation-direction:reverse}
.premium-console-scan{position:absolute;inset:3% 4%;z-index:-1;opacity:.5;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse,#000,transparent 74%)}
.premium-console{position:relative;width:min(100%,460px);padding:0 18px 14px;border:1px solid #ffffff2b;background:linear-gradient(145deg,#1a1924f5,#0e1016f7);box-shadow:0 32px 85px #0008,0 0 50px #8b5cf617,inset 0 1px #ffffff12;transform:rotateY(-7deg) rotateX(2deg);transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s;backdrop-filter:blur(12px)}
.premium-software-console-art:hover .premium-console{transform:rotateY(0) rotateX(0) translateY(-6px);box-shadow:0 42px 100px #0009,0 0 55px #8b5cf626,inset 0 1px #ffffff15}
.premium-console-top{height:41px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #ffffff1b;color:#999aa8;font:6px var(--mono);letter-spacing:.13em}.premium-console-top>span{display:flex;gap:4px}.premium-console-top i{width:6px;height:6px;border-radius:50%;background:#f25363}.premium-console-top i:nth-child(2){background:#aa8bff}.premium-console-top i:nth-child(3){background:#70717d}.premium-console-top>b{font-weight:500}.premium-console-top small{margin-left:auto;color:#b79dff;font-size:6px}
.premium-console-body{min-height:230px;display:grid;grid-template-columns:145px 1fr;align-items:center;gap:23px;padding:12px 6px}.premium-console-mark{position:relative;width:126px;height:126px;display:grid;place-items:center;border:1px solid #a88aff73;border-radius:50%;color:#c0aaff;box-shadow:0 0 0 11px #8b5cf60b,0 0 0 25px #ef485009,0 0 45px #8b5cf626}.premium-console-mark:before,.premium-console-mark:after{content:"";position:absolute;inset:12px;border:1px solid #f2536348;border-radius:50%}.premium-console-mark:after{inset:-15px;border-color:#aa8bff35;border-style:dashed;animation:premiumSoftwareOrbit 28s linear infinite reverse}.premium-console-mark>span{font-size:39px;font-weight:850;letter-spacing:-.12em}.premium-console-mark>i{position:absolute;right:9px;bottom:23px;width:7px;height:7px;border-radius:50%;background:#ff5b6c;box-shadow:0 0 14px #ff5b6c;animation:premiumSoftwarePulse 2s ease-in-out infinite}
.premium-console-readout{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.premium-console-readout>small{color:#aaa3ba;font:6px var(--mono);letter-spacing:.12em}.premium-console-readout>strong{color:#f5f3f8;font-size:clamp(20px,2.3vw,28px);line-height:1.04;letter-spacing:-.055em}.premium-console-readout>span{display:flex;align-items:center;gap:7px;color:#aaaab5;font:6px var(--mono);letter-spacing:.08em}.premium-console-readout>span i,.premium-console-tag i{color:#f25363;font-style:normal}
.premium-console-products{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #ffffff1c}.premium-console-products span{padding:13px 9px;color:#b5b2c0;font:6px var(--mono);letter-spacing:.1em}.premium-console-products span+span{border-left:1px solid #ffffff1c}.premium-console-products b{margin-right:7px;color:#ff6571}
.premium-console-footer{height:28px;display:flex;align-items:center;gap:9px;color:#999aa7;font:6px var(--mono);letter-spacing:.13em}.premium-console-footer i{width:27px;height:1px;background:linear-gradient(90deg,#f25363,#a181ff)}
.premium-console-tag{position:absolute;z-index:2;padding:9px 11px;border:1px solid #ffffff29;background:#15141de8;color:#d0cbd9;font:6px var(--mono);letter-spacing:.1em;box-shadow:0 12px 24px #0004}.tag-scope{left:-2px;top:53px;transform:rotate(-7deg)}.tag-preview{right:-7px;bottom:49px;transform:rotate(5deg)}.premium-console-cross{position:absolute;right:8%;top:10%;color:#ff5b6c;font-size:21px;animation:premiumSoftwarePulse 2.5s ease-in-out infinite}
.premium-hacking-software-grid{gap:20px}.premium-hacking-software-card{grid-template-columns:1.08fr .92fr;min-height:270px;overflow:hidden;border-color:#dedfe6;border-radius:14px 3px 14px 3px;box-shadow:0 15px 38px #2026380c;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}
.premium-hacking-software-card:hover,.premium-hacking-software-card:focus-visible{transform:translateY(-5px);border-color:#9b79ff;box-shadow:0 22px 48px #20263819,0 0 22px #8b5cf61c}
.premium-hacking-software-card .category-product-art-image{position:relative;min-height:270px;padding:18px;background:radial-gradient(ellipse at 50% 50%,#8b5cf61e,transparent 72%),linear-gradient(145deg,#eceaf2,#f5f5f8);border-right:1px solid #e2e0e8}
.premium-hacking-software-card .category-product-art-image:before,.premium-hacking-software-card .category-product-art-image:after{display:none}
.premium-hacking-software-card .category-product-art-image img{display:block;width:100%;height:100%;min-height:230px;object-fit:contain;object-position:center;border:1px solid #ffffffa8;border-radius:5px;box-shadow:0 12px 28px #17192323;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s}
.premium-hacking-software-card:hover .category-product-art-image img{transform:scale(1.035);filter:saturate(1.08)}
.premium-hacking-software-card .category-product-info{min-width:0;padding:23px 22px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#fff,#f7f7f9)}
.premium-hacking-software-card .category-product-info>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.premium-hacking-software-card .category-product-info h3{margin:19px 0 8px;color:#171923;font-size:clamp(20px,2.2vw,27px);letter-spacing:-.055em}.premium-hacking-software-card .category-product-info>p{color:#687180;font-size:10px;line-height:1.8}.premium-hacking-software-card .product-platform{color:#737b89}.premium-hacking-software-card .product-state{color:#8057dc;border-color:#d8caff;background:#f7f3ff}.premium-hacking-software-card .product-card-action{margin-top:auto;padding-top:16px;border-top:1px solid #e2e3e8;color:#4d5562}
@keyframes premiumSoftwareOrbit{to{rotate:360deg}}@keyframes premiumSoftwarePulse{50%{opacity:.55;box-shadow:0 0 5px currentColor}}@keyframes premiumSoftwareAmbient{to{transform:translate3d(1.5%,-1%,0);filter:hue-rotate(12deg)}}
@media(max-width:900px){.premium-hacking-software-hero .category-hero-layout{grid-template-columns:1fr 1fr;gap:20px}.premium-software-console-art{height:370px}.premium-console{padding-inline:13px}.premium-console-body{grid-template-columns:112px 1fr;gap:13px}.premium-console-mark{width:100px;height:100px}.premium-hacking-software-card{grid-template-columns:1fr;min-height:0}.premium-hacking-software-card .category-product-art-image{min-height:0;aspect-ratio:16/9;border-right:0;border-bottom:1px solid #e2e0e8}.premium-hacking-software-card .category-product-art-image img{min-height:0;height:100%}.premium-hacking-software-card .category-product-info{min-height:230px}}
@media(max-width:760px){.premium-hacking-software-hero .category-hero-layout{grid-template-columns:1fr;gap:0;padding-block:34px 24px}.premium-hacking-software-hero .category-hero-copy h1{font-size:clamp(44px,12vw,64px)}.premium-software-console-art{height:340px;margin-top:15px}.premium-console{width:min(100%,420px)}.premium-console-body{min-height:195px}.premium-console-stats{margin-top:22px}.premium-hacking-software-grid{grid-template-columns:1fr;gap:15px}}
@media(max-width:430px){.premium-software-console-art{height:300px}.premium-console{padding-inline:10px}.premium-console-body{min-height:170px;grid-template-columns:88px 1fr;gap:11px;padding-inline:2px}.premium-console-mark{width:78px;height:78px}.premium-console-mark>span{font-size:29px}.premium-console-readout>strong{font-size:20px}.premium-console-readout>span{font-size:5px}.premium-console-tag{font-size:5px;padding:7px 8px}.premium-hacking-software-card .category-product-info{padding:18px;min-height:215px}}
@media(prefers-reduced-motion:reduce){.premium-software-kicker i,.premium-software-ambient,.premium-software-console-art:before,.premium-software-console-art:after,.premium-console-mark:after,.premium-console-mark>i,.premium-console-cross{animation:none!important}.premium-console,.premium-hacking-software-card,.premium-hacking-software-card img{transition:none!important}}

/* Homepage services: distinct category icons and restrained angled Hexu corners. */
.services-section .service-card{min-height:290px;padding:21px 23px;border-radius:24px 4px 24px 4px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}
.services-section .service-card:after{right:23px;top:25px;width:34px;height:34px;transform:skew(-12deg);border-color:#ff596466}
.services-section .service-icon:before,.services-section .service-icon:after{pointer-events:none}
.services-section .service-icon:before{display:none}
.services-section .service-icon img{position:relative;z-index:1;width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 0 5px #ff596433)}
.services-section .service-card-data-recovery .service-icon{color:#bd9bff;border-color:#a783ff66;background:linear-gradient(145deg,#8b5cf627,#ef444410)}
.services-section .service-card-data-recovery:before{border-color:#a783ff42;box-shadow:0 0 0 20px #8b5cf609,0 0 45px #8b5cf61a}
.services-section .service-card-social-media-recovery .service-icon{color:#ff7883}
@media(max-width:760px){.services-section .service-card{min-height:265px;padding:19px;border-radius:20px 4px 20px 4px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}}
/* Tighten oversized vertical spacing between homepage sections and categories. */
.home-section{padding-block:68px}
.software-category{margin-top:34px}
.courses-section{padding-bottom:68px}
@media(max-width:760px){.home-section{padding-block:52px}.software-category{margin-top:28px}.courses-section{padding-bottom:52px}}

/* Eagle mSPY product launch page */
.mspy-product-page{background:#f7f7fa;color:#171923}
.mspy-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 40%,#8b5cf619,transparent 37%),linear-gradient(125deg,#0c0d12,#111018 72%,#1c101b);color:#f8f7fb}
.mspy-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,#000,transparent 82%);pointer-events:none}
.mspy-hero-layout{min-height:665px;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:55px;padding-block:52px 44px;position:relative;z-index:1}
.mspy-hero-copy .breadcrumbs{margin-bottom:38px}
.mspy-hero-copy h1{margin:17px 0;font-size:clamp(64px,8vw,104px);line-height:.9;letter-spacing:-.09em}
.mspy-hero-copy h1 span{color:#a78bfa}
.mspy-hero-lede{max-width:510px;color:#b2b2bd;font-size:15px;line-height:1.8}
.mspy-hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:28px}
.mspy-demo-link{color:#ddd7ed;font-size:11px;font-weight:650}
.mspy-demo-link span{margin-left:7px;color:#ff707b}
.mspy-hero-assurance{max-width:480px;display:flex;align-items:flex-start;gap:11px;margin-top:24px;padding:12px 14px;background:#ffffff08;border:1px solid #ffffff18}
.mspy-hero-assurance>span{color:#b59aff;font-size:14px}
.mspy-hero-assurance p{margin:0;color:#a5a6b1;font-size:9px;line-height:1.7}
.mspy-hero-visual{position:relative;padding:13px;background:linear-gradient(145deg,#252230,#13131a);border:1px solid #ffffff28;box-shadow:0 32px 90px #0008;transform:perspective(1200px) rotateY(-4deg)}
.mspy-hero-visual:after{content:"";position:absolute;inset:8px;border:1px solid #ffffff0d;pointer-events:none}
.mspy-visual-top{height:30px;display:flex;align-items:center;gap:11px;color:#aaa6b4;font:7px var(--mono);letter-spacing:.1em}
.mspy-visual-top>span{display:flex;gap:4px}.mspy-visual-top i{width:6px;height:6px;border-radius:50%;background:#ef4444}.mspy-visual-top i:nth-child(2){background:#8b5cf6}.mspy-visual-top i:nth-child(3){background:#727783}.mspy-visual-top small{margin-left:auto;color:#d0bfff}
.mspy-hero-visual img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover;object-position:top center;background:#fff}
.mspy-visual-caption{display:flex;justify-content:space-between;gap:10px;padding:10px 2px 1px;color:#9693a1;font:6px var(--mono);letter-spacing:.11em}
.mspy-visual-orbit{position:absolute;z-index:-1;width:78%;height:88%;top:7%;right:-11%;border:1px solid #a78bfa35;border-radius:50%;transform:rotate(-28deg);box-shadow:0 0 0 20px #a78bfa09,0 0 0 42px #a78bfa07}
.mspy-hero-foot{height:48px;display:flex;align-items:center;gap:18px;position:relative;z-index:1;color:#858391;font:7px var(--mono);letter-spacing:.1em}
.mspy-hero-foot-line{height:1px;flex:1;background:linear-gradient(90deg,#9b6cff,#ef4444,transparent)}
.mspy-intro{display:grid;grid-template-columns:1fr .85fr;gap:90px;align-items:center;padding-block:94px}
.mspy-intro-heading h2,.mspy-section-heading h2,.mspy-trust-heading h2,.mspy-faq-heading h2{margin:15px 0 0;font-size:clamp(37px,5vw,58px);line-height:1;letter-spacing:-.075em}
.mspy-intro-heading h2 span,.mspy-section-heading h2 span{color:#8b5cf6}
.mspy-intro-copy p{color:#626a78;font-size:12px;line-height:1.9}
.mspy-intro-copy .inline-link{margin-top:8px}
.mspy-features-section{padding-block:88px;background:#efeff4;border-block:1px solid #e1e1e8}
.mspy-section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:32px}
.mspy-section-heading>p{max-width:360px;margin:0;color:#717887;font-size:10px;line-height:1.8}
.mspy-feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.mspy-feature-card{min-height:205px;padding:18px;position:relative;background:#fff;border:1px solid #e2e3e9;transition:transform .25s,border-color .25s,box-shadow .25s}
.mspy-feature-card:hover{transform:translateY(-4px);border-color:#b8a0f5;box-shadow:0 15px 32px #20263810}
.mspy-feature-number{position:absolute;top:16px;right:16px;color:#a3a7b1;font:7px var(--mono);letter-spacing:.09em}
.mspy-feature-icon{width:35px;height:35px;display:grid;place-items:center;margin-bottom:22px;background:#f2edff;border:1px solid #e4d9ff;color:#8056e5;font-size:14px;font-weight:750}
.mspy-feature-card h3{margin:0 0 8px;font-size:13px;letter-spacing:-.025em}
.mspy-feature-card p{margin:0;color:#747b88;font-size:9px;line-height:1.75}
.mspy-feature-note{display:flex;align-items:flex-start;gap:10px;margin:18px 0 0;color:#6c7380;font-size:9px;line-height:1.75}
.mspy-feature-note span{width:17px;height:17px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #c6b6ec;border-radius:50%;color:#8056e5;font-size:10px}
.mspy-trust-band{padding-block:83px;background:#101116;color:#f7f6fa}
.mspy-trust-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:start}
.mspy-trust-heading h2{font-size:clamp(38px,4.8vw,54px)}
.mspy-trust-points{display:grid;gap:0}
.mspy-trust-points article{display:grid;grid-template-columns:36px 1fr;gap:13px;padding:18px 0;border-top:1px solid #ffffff20}
.mspy-trust-points article>b{color:#ff6875;font:8px var(--mono)}
.mspy-trust-points h3{margin:0 0 5px;font-size:13px}
.mspy-trust-points p{max-width:500px;margin:0;color:#a4a6b0;font-size:9px;line-height:1.8}
.mspy-plans-section{padding-block:91px;background:#f7f7fa}
.mspy-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.mspy-plan-card{min-height:240px;padding:23px;position:relative;background:#fff;border:1px solid #e1e2e8}
.mspy-plan-card:nth-child(2){border-color:#b9a1f1;box-shadow:0 12px 38px #8b5cf611}
.mspy-plan-index{color:#777e8b;font:7px var(--mono);letter-spacing:.1em}
.mspy-plan-mark{position:absolute;top:17px;right:20px;color:#a78bfa;font-size:21px}
.mspy-plan-card h3{margin:29px 0 8px;font-size:20px;line-height:1.15;letter-spacing:-.05em}
.mspy-plan-card p{max-width:240px;margin:0;color:#777e8b;font-size:9px;line-height:1.7}
.mspy-plan-status{display:inline-block;margin-top:25px;padding:7px 8px;background:#f6f3ff;border:1px solid #e8dfff;color:#8056df;font:6px var(--mono);letter-spacing:.09em}
.mspy-faq-section{padding-block:85px;background:#efeff4}
.mspy-faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}
.mspy-faq-list article{padding:18px 0;border-top:1px solid #d9dbe2}
.mspy-faq-list h3{margin:0 0 7px;font-size:12px}
.mspy-faq-list p{margin:0;color:#6e7582;font-size:9px;line-height:1.8}
.mspy-final-cta{background:#111116;color:#f8f7fb}
.mspy-final-cta-inner{min-height:245px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:40px}
.mspy-final-cta h2{max-width:580px;margin:12px 0;font-size:clamp(30px,4vw,44px);line-height:1.05;letter-spacing:-.07em}
.mspy-final-cta p:last-child{color:#a3a4ae;font-size:10px}
@media(max-width:1000px){.mspy-hero-layout{grid-template-columns:1fr 1fr;gap:28px}.mspy-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mspy-intro,.mspy-trust-layout,.mspy-faq-layout{gap:45px}}
@media(max-width:760px){.mspy-hero-layout{min-height:0;grid-template-columns:1fr;padding-block:28px 35px}.mspy-hero-copy .breadcrumbs{margin-bottom:26px}.mspy-hero-copy h1{font-size:clamp(60px,15vw,84px)}.mspy-hero-lede{font-size:13px}.mspy-hero-visual{margin:10px 5px 0;transform:none}.mspy-hero-foot{font-size:6px}.mspy-intro,.mspy-trust-layout,.mspy-faq-layout{grid-template-columns:1fr;gap:24px;padding-block:60px}.mspy-features-section,.mspy-plans-section,.mspy-faq-section,.mspy-trust-band{padding-block:60px}.mspy-section-heading{align-items:flex-start;flex-direction:column;gap:12px}.mspy-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mspy-feature-card{min-height:195px}.mspy-plan-grid{grid-template-columns:1fr}.mspy-plan-card{min-height:205px}.mspy-final-cta-inner{align-items:flex-start;flex-direction:column;padding-block:48px}}
@media(max-width:420px){.mspy-hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.mspy-feature-grid{grid-template-columns:1fr}.mspy-feature-card{min-height:0}.mspy-feature-icon{margin-bottom:14px}.mspy-hero-foot{gap:8px}.mspy-visual-caption{font-size:5px}}
@media(prefers-reduced-motion:reduce){.mspy-feature-card,.mspy-hero-visual{transition:none}}
.mspy-available-label{border-color:#54d6aa77;color:#7be1bf}
.mspy-platform-support{display:flex;align-items:center;gap:14px;margin-top:20px;color:#f3f1f8}
.mspy-platform-support>span{display:flex;align-items:center;gap:8px}
.mspy-platform-support svg{width:22px;height:22px;color:#b69aff}
.mspy-platform-support b{font-size:10px;font-weight:650}
.mspy-platform-support>i{width:1px;height:20px;background:#ffffff35}
.mspy-platform-support small{margin-left:4px;color:#9d9ba8;font-size:8px}
.mspy-demo-button{min-height:45px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid #aa8bff;background:#8855ed;color:#fff;font-size:11px;font-weight:700;box-shadow:0 8px 24px #7245df45;transition:transform .2s,background .2s,box-shadow .2s}
.mspy-demo-button:hover{transform:translateY(-2px);background:#9868f5;box-shadow:0 12px 30px #7245df70}
.mspy-demo-button span{font-size:15px}
.mspy-feature-icon svg{width:21px;height:21px;display:block}
@media(max-width:760px){.mspy-platform-support{flex-wrap:wrap;gap:10px 13px}.mspy-platform-support small{flex-basis:100%;margin-left:0}.mspy-platform-support>i{height:18px}}
.mspy-plan-tabs{display:flex;gap:9px;margin:27px 0 18px}
.mspy-plan-tab{min-width:148px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;background:#fff;border:1px solid #dfe0e7;color:#606776;font-size:11px;font-weight:700;cursor:pointer;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}
.mspy-plan-tab svg{width:21px;height:21px;color:#777f8e}
.mspy-plan-tab:hover{border-color:#a88af0}
.mspy-plan-tab.is-active{background:#18151f;border-color:#8b5cf6;color:#fff;box-shadow:0 7px 18px #5b35a51c}
.mspy-plan-tab.is-active svg{color:#b79aff}
.mspy-plan-tab:focus-visible{outline:3px solid #ad94f7;outline-offset:3px}
.mspy-plan-panel{margin-top:0}
.mspy-plan-panel[hidden]{display:none}
.mspy-plan-card{min-height:260px}
.mspy-plan-index{display:block}
.mspy-plan-term{display:block;margin-top:26px;color:#747b88;font-size:11px;font-weight:650}
.mspy-plan-card h3{margin:5px 0 7px;font-size:clamp(34px,4vw,44px);letter-spacing:-.07em}
.mspy-plan-saving{position:absolute;top:19px;right:18px;padding:6px 8px;background:#f5f0ff;border:1px solid #e3d6ff;color:#8056df;font:7px var(--mono);letter-spacing:.06em}
.mspy-plan-card p{max-width:none}
.mspy-plan-status{margin-top:21px}
.mspy-plan-card{display:flex;flex-direction:column;align-items:flex-start}
.mspy-plan-card h3{margin-top:5px}
.mspy-buy-button{width:100%;min-height:42px;margin-top:16px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;background:#17151e;border:1px solid #332b46;color:#fff;font-size:10px;font-weight:700;transition:background .2s,border-color .2s,transform .2s}
.mspy-buy-button:hover{transform:translateY(-2px);background:#8054e8;border-color:#9c7af0}
.mspy-buy-button span{color:#beaaff;font-size:15px}
.mspy-plan-status{margin-top:14px}
@media(max-width:760px){.mspy-plan-tabs{margin-top:20px}.mspy-plan-tab{flex:1;min-width:0}}

/* Final viewport-safe header override; keep after all responsive navigation rules. */
body{padding-top:82px}
.site-header{position:fixed;top:0;right:0;left:0;width:100%;min-height:82px;z-index:1000;background:#0d0f14;backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:1080px){body{padding-top:72px}.site-header{min-height:72px}}
@media(max-width:760px){body{padding-top:70px}.site-header{min-height:70px}}