:root {
  color-scheme: light;
  --bg: #f5f7f8;
  --surface: #ffffff;
  --surface-soft: #edf2f5;
  --text: #182c3b;
  --muted: #5f7180;
  --line: #dce4e9;
  --accent: #c6404d;
  --accent-strong: #ad2f3d;
  --accent-pale: #fff0f1;
  --navy: #173144;
  --max: 1160px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); font-size: 16px; line-height: 1.65; }
a { color: inherit; text-decoration: none; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid #e0737d; outline-offset: 3px; }
.skip-link { position: absolute; left: -1000px; top: 1rem; z-index: 10; padding: .7rem 1rem; background: var(--accent); color: #fff; }
.skip-link:focus { left: 1rem; }
.site-header { position: relative; z-index: 5; display: flex; align-items: center; justify-content: space-between; height: 78px; max-width: var(--max); margin: auto; padding: 0 28px; border-bottom: 1px solid var(--line); background: var(--surface); }
.brand { display: flex; align-items: center; gap: 11px; color: var(--text); font-weight: 750; letter-spacing: -.035em; }
.brand-mark { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 10px; background: var(--accent); color: white; font-size: 18px; }
.site-header nav { display: flex; align-items: center; gap: 22px; }
.site-header nav > a { color: #435969; font-size: 13px; font-weight: 600; transition: color .15s; }
.site-header nav > a:hover, .site-header nav > a[aria-current="page"] { color: var(--accent-strong); }
.site-header nav .lang-switch { min-width: 40px; padding: 6px 9px; border: 1px solid var(--line); border-radius: 7px; color: var(--accent-strong); font-weight: 750; text-align: center; }
.nav-toggle { display: none; border: 0; background: transparent; color: var(--text); }
main { max-width: var(--max); margin: auto; padding: 0 28px; }
.hero { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 40px; min-height: 520px; padding: 62px 0 56px; }
.hero-copy { max-width: 610px; }
.eyebrow { display: block; margin-bottom: 15px; color: var(--accent-strong); font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.hero h1, .page-hero h1 { max-width: 700px; margin: 0 0 19px; color: var(--text); font-size: clamp(2.7rem, 5.3vw, 4.55rem); line-height: 1.04; letter-spacing: -.065em; }
.lead { max-width: 600px; margin: 0 0 26px; color: var(--muted); font-size: 17px; line-height: 1.7; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 47px; padding: 0 18px; border: 1px solid transparent; border-radius: 7px; font-size: 13px; font-weight: 750; transition: background .15s, color .15s, transform .15s, box-shadow .15s; }
.button:hover { transform: translateY(-1px); }
.button-primary { background: var(--accent); color: #fff; box-shadow: 0 5px 14px #c6404d24; }
.button-primary:hover { background: var(--accent-strong); box-shadow: 0 7px 18px #ad2f3d30; }
.button-outline { border-color: #b9c8d1; background: #fff; color: var(--navy); }
.button-outline:hover { border-color: var(--accent); color: var(--accent-strong); background: var(--accent-pale); }
.hero-footnote { margin-top: 17px; color: #758693; font-size: 11px; }
.hero-art { position: relative; display: grid; place-items: center; height: 360px; overflow: hidden; border: 1px solid #e1e8ec; border-radius: 18px; background: radial-gradient(ellipse at 72% 19%, #fff 0, #edf2f4 55%, #e6edef 100%); }
.orb { position: absolute; border-radius: 50%; filter: blur(2px); }
.orb-one { top: 5%; right: 9%; width: 295px; height: 295px; background: radial-gradient(circle at 36% 35%, #fff, #dfe9ec 62%, transparent 72%); }
.orb-two { bottom: -8%; left: 4%; width: 200px; height: 200px; background: radial-gradient(circle at 40% 40%, #fff, #e4e9e8 63%, transparent 73%); }
.art-window { position: relative; z-index: 1; width: min(340px, 80%); height: 245px; padding: 23px; transform: rotate(-3deg); border: 1px solid #d3dee4; border-radius: 12px; background: linear-gradient(145deg, #fff, #f7f9fa); box-shadow: 0 22px 55px #1b34441c; }
.art-kicker { color: var(--accent-strong); font-size: 9px; font-weight: 800; letter-spacing: .16em; }
.art-lines { display: grid; gap: 10px; margin-top: 24px; }
.art-lines i { display: block; width: 91%; height: 9px; border-radius: 8px; background: #e3e9ed; }
.art-lines i:first-child { width: 75%; height: 15px; background: #344f61; }
.art-lines i:last-child { width: 52%; }
.art-play { position: absolute; right: 22px; bottom: 22px; display: grid; place-items: center; width: 44px; height: 44px; padding-left: 3px; border-radius: 50%; background: var(--accent); color: #fff; font-size: 12px; }
.art-caption { position: absolute; bottom: 29px; left: 23px; color: #526777; font-size: 11px; }
.art-stamp { position: absolute; right: 6%; bottom: 12%; z-index: 2; display: grid; align-content: center; width: 66px; height: 66px; border: 1px solid #e4c7ca; border-radius: 50%; background: #fff; color: var(--accent-strong); font-size: 17px; font-weight: 800; line-height: 1; text-align: center; }
.art-stamp small { margin-top: 4px; font-size: 6px; letter-spacing: .12em; }
.home-intro { display: grid; grid-template-columns: .55fr 1.45fr; gap: 28px; padding: 34px 0 42px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.intro-label { padding-top: 12px; color: var(--accent-strong); font-size: 10px; font-weight: 800; letter-spacing: .15em; }
.intro-copy { max-width: 720px; }
.intro-copy h2, .section-heading h2 { margin: 0 0 12px; color: var(--text); font-size: clamp(1.7rem, 3vw, 2.4rem); line-height: 1.16; letter-spacing: -.045em; }
.intro-copy p, .info-card p, .contact-band p, .plan-empty p { margin: 0; color: var(--muted); }
.content-section { padding: 42px 0; }
.info-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.info-card { min-height: 136px; padding: 24px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); box-shadow: 0 4px 14px #203b4d08; }
.info-card h2 { margin: 0 0 9px; color: var(--text); font-size: 16px; letter-spacing: -.02em; }
.info-card p { font-size: 14px; line-height: 1.7; }
.next-steps { padding: 24px 0 66px; }
.section-heading { margin-bottom: 22px; }
.card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.link-card { display: flex; flex-direction: column; min-height: 162px; padding: 20px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); box-shadow: 0 4px 16px #203b4d09; transition: border-color .15s, box-shadow .15s, transform .15s; }
.link-card:hover { transform: translateY(-2px); border-color: #d4a0a5; box-shadow: 0 10px 22px #203b4d12; }
.card-icon { color: var(--accent); font-size: 19px; font-weight: 800; }
.card-title { margin: 10px 0 auto; color: var(--text); font-weight: 750; }
.card-desc { display: -webkit-box; overflow: hidden; margin-top: 10px; color: var(--muted); font-size: 12px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.card-arrow { margin-top: 14px; color: var(--accent-strong); font-size: 12px; font-weight: 700; }
.page-hero { padding: 42px 0 28px; }
.breadcrumbs { display: flex; gap: 9px; margin-bottom: 39px; color: #7b8c98; font-size: 11px; }
.breadcrumbs a { color: #536978; }
.breadcrumbs a:hover { color: var(--accent-strong); }
.page-hero .eyebrow { margin-bottom: 12px; }
.page-hero h1 { max-width: 850px; font-size: clamp(2.3rem, 4.4vw, 3.5rem); }
.page-hero .lead { max-width: 780px; }
.page-hero + .content-section { padding-top: 18px; }
.page-hero + .content-section .section-heading { display: none; }
.faq-list { grid-column: 1 / -1; max-width: 850px; border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { position: relative; padding: 18px 30px 18px 4px; color: var(--text); font-size: 15px; font-weight: 700; cursor: pointer; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { position: absolute; top: 14px; right: 5px; color: var(--accent); content: "+"; font-size: 20px; }
.faq-list details[open] summary::after { content: "−"; }
.faq-list details p { max-width: 720px; margin: 0; padding: 0 32px 20px 4px; color: var(--muted); }
.plan-empty { grid-column: 1 / -1; padding: 34px; border: 1px solid var(--line); border-radius: 11px; background: linear-gradient(120deg, #fff, #f2f5f6); }
.plan-empty h2 { margin: 0 0 8px; color: var(--text); font-size: 25px; letter-spacing: -.04em; }
.plan-empty .eyebrow { margin-bottom: 12px; }
.text-link { display: inline-block; margin-top: 17px; color: var(--accent-strong); font-size: 13px; font-weight: 750; }
.plan-grid { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.plan-card { padding: 24px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface); box-shadow: 0 6px 20px #203b4d0c; }
.plan-card h2 { color: var(--text); font-size: 19px; }
.price { margin: 14px 0; color: var(--navy); font-size: 34px; font-weight: 800; letter-spacing: -.05em; }
.price small { color: var(--muted); font-size: 13px; font-weight: 600; }
.plan-card ul { min-height: 65px; padding-left: 19px; color: var(--muted); font-size: 13px; }
.plan-card li::marker { color: var(--accent); }
.muted { color: var(--muted); font-size: 12px; }
.notice { padding-left: 10px; border-left: 2px solid #d8a0a5; color: var(--muted); font-size: 12px; }
.plan-card .button { width: 100%; margin-top: 9px; }
.plan-card .text-link { margin-bottom: 5px; }
.contact-band { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin: 8px 0 62px; padding: 29px 32px; border: 1px solid #ecd4d6; border-radius: 11px; background: linear-gradient(110deg, #fff4f4, #fff); }
.contact-band .eyebrow { margin-bottom: 7px; }
.contact-band h2 { margin: 0 0 6px; color: var(--text); font-size: 21px; letter-spacing: -.035em; }
.contact-band p { font-size: 13px; }
.whatsapp-panel { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 0 0 30px; padding: 24px 27px; border: 1px solid #cde5d5; border-radius: 10px; background: #eff8f2; }
.whatsapp-panel .eyebrow { margin-bottom: 6px; color: #26734b; }
.whatsapp-panel h2 { margin: 0 0 5px; color: var(--text); font-size: 19px; letter-spacing: -.03em; }
.whatsapp-panel p { margin: 0; color: var(--muted); font-size: 13px; }
.site-footer { max-width: var(--max); margin: auto; padding: 29px 28px 20px; background: var(--navy); color: #e9f0f3; }
.footer-top { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 30px; padding-bottom: 24px; }
.footer-brand { width: max-content; color: #fff; }
.footer-top p { max-width: 410px; margin: 0; color: #c3d0d8; font-size: 12px; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding-top: 17px; border-top: 1px solid #3a5363; color: #c3d0d8; font-size: 10px; }
.footer-bottom > div { display: flex; flex-wrap: wrap; gap: 18px; }
.footer-bottom a:hover { color: #fff; }
.footer-bottom .lang-footer { color: #ffb7bc; }
.not-found { display: flex; flex-direction: column; justify-content: center; max-width: 700px; min-height: 80vh; margin: auto; padding: 28px; }
.not-found h1 { margin: 0 0 12px; color: var(--text); font-size: clamp(2.5rem, 6vw, 4rem); line-height: 1.05; letter-spacing: -.06em; }
.not-found p { margin-bottom: 26px; color: var(--muted); }
.not-found .button { width: max-content; margin: 0 8px 8px 0; }
.how-steps { padding: 16px 0 66px; }
.step-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.step-grid article { padding: 19px 20px 17px; border: 1px solid var(--line); border-top: 2px solid #cf777f; border-radius: 0 0 9px 9px; background: var(--surface); }
.step-grid article > span { color: var(--accent-strong); font-size: 11px; font-weight: 800; letter-spacing: .14em; }
.step-grid h3 { margin: 13px 0 7px; color: var(--text); font-size: 16px; }
.step-grid p { margin: 0; color: var(--muted); font-size: 13px; }
.guide-illustration { overflow: hidden; margin: 0 0 32px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); box-shadow: 0 8px 24px #203b4d0c; }
.guide-illustration img { display: block; width: 100%; height: auto; }
.guide-illustration figcaption { padding: 8px 13px; color: #71828f; font-size: 11px; }
.device-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.guide-step-list { display: grid; grid-column: 1 / -1; gap: 13px; max-width: 920px; }
.guide-step { display: grid; grid-template-columns: 54px 1fr; gap: 15px; padding: 24px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); box-shadow: 0 4px 16px #203b4d08; }
.step-number { padding-top: 2px; color: var(--accent); font-size: 17px; font-weight: 800; letter-spacing: .08em; }
.guide-step h2 { margin: 0 0 12px; color: var(--text); font-size: 18px; letter-spacing: -.025em; }
.guide-step ol { margin: 0; padding-left: 21px; color: var(--muted); }
.guide-step li { padding: 0 0 9px 5px; }
.guide-step li:last-child { padding-bottom: 0; }
.guide-step li::marker { color: var(--accent); }
@media (max-width: 900px) {
  .site-header nav { gap: 13px; }
  .site-header nav > a { font-size: 11px; }
  .hero { gap: 14px; min-height: 470px; }
  .info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .device-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .site-header { height: 68px; padding: 0 20px; }
  .nav-toggle { display: flex; flex-direction: column; gap: 5px; padding: 8px; }
  .nav-toggle span { width: 22px; height: 2px; background: var(--text); }
  .site-header nav { position: absolute; top: 67px; right: 0; left: 0; z-index: 6; display: none; align-items: stretch; flex-direction: column; gap: 0; padding: 14px 22px 21px; border-bottom: 1px solid var(--line); background: var(--surface); box-shadow: 0 10px 18px #203b4d12; }
  .site-header nav.is-open { display: flex; }
  .site-header nav > a { padding: 10px 3px; border-bottom: 1px solid #edf1f3; color: var(--text); font-size: 14px; }
  .site-header nav .lang-switch { width: max-content; min-width: 40px; margin-top: 7px; padding: 7px 10px; border: 1px solid var(--line); }
  main { padding: 0 20px; }
  .hero { grid-template-columns: 1fr; gap: 5px; padding: 53px 0 34px; }
  .hero h1 { font-size: clamp(2.5rem, 11vw, 3.7rem); }
  .lead { font-size: 16px; }
  .hero-art { height: 255px; margin-top: 13px; }
  .art-window { width: 72%; height: 195px; padding: 18px; }
  .art-lines { margin-top: 16px; }
  .home-intro { grid-template-columns: 1fr; gap: 13px; padding: 24px 0 28px; }
  .content-section { padding: 28px 0; }
  .info-grid, .card-grid, .device-grid, .plan-grid, .step-grid { grid-template-columns: 1fr; }
  .info-card { min-height: unset; padding: 20px; }
  .next-steps { padding: 15px 0 48px; }
  .page-hero { padding: 30px 0 18px; }
  .breadcrumbs { flex-wrap: wrap; margin-bottom: 28px; }
  .page-hero h1 { font-size: clamp(2.2rem, 9.5vw, 3rem); }
  .contact-band, .whatsapp-panel { align-items: flex-start; flex-direction: column; padding: 22px; }
  .contact-band { margin-bottom: 42px; }
  .footer-top { grid-template-columns: 1fr; gap: 12px; }
  .footer-bottom { align-items: flex-start; flex-direction: column; gap: 12px; }
  .footer-bottom > div { flex-wrap: wrap; }
  .not-found { align-items: flex-start; }
  .how-steps { padding-bottom: 45px; }
  .guide-step { grid-template-columns: 35px 1fr; gap: 10px; padding: 18px 16px; }
  .guide-illustration { margin-bottom: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}
/* Landing offers, 24-hour trial and 24/7 WhatsApp support */
.hero-art{position:relative;display:block;min-height:340px;overflow:hidden;border:1px solid #d7e0e5;border-radius:18px;background:#173144;box-shadow:0 16px 36px #17314418}
.hero-art img{display:block;width:100%;height:100%;min-height:340px;object-fit:cover}
.hero-trial-badge{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid #ffffffaa;border-radius:12px;background:#fff;color:var(--text);box-shadow:0 7px 18px #122a3a30}
.hero-trial-badge strong{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--accent);color:#fff;font-size:14px}
.hero-trial-badge small{color:var(--accent-strong);font-size:9px;font-weight:850;letter-spacing:.12em}
.home-offers{padding:34px 0 42px;scroll-margin-top:20px}
.home-offers .section-heading{max-width:740px;margin-bottom:24px}
.home-offers .section-heading p{margin:0;color:var(--muted);font-size:14px}
.plan-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.plan-card{display:flex;flex-direction:column}
.plan-card ul{flex:1}
.plan-card .price-request{margin:17px 0;color:var(--accent-strong);font-size:21px;letter-spacing:-.02em}
.plan-card .button{margin-top:15px}
.service-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:6px 0 46px}
.highlight-card{display:grid;grid-template-columns:58px 1fr;gap:15px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 5px 20px #203b4d0a}
.trial-card{border-color:#e8c5c8;background:linear-gradient(130deg,#fff4f4,#fff 80%)}
.support-card{border-color:#cfe2e9;background:linear-gradient(130deg,#f0f6f9,#fff 80%)}
.highlight-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:13px;background:var(--accent);color:#fff;font-size:13px;font-weight:850}
.support-card .highlight-icon{background:var(--navy);font-size:23px}
.highlight-card .eyebrow{margin-bottom:5px}
.highlight-card h2{margin:0 0 7px;color:var(--text);font-size:18px;line-height:1.3;letter-spacing:-.025em}
.highlight-card p{margin:0 0 13px;color:var(--muted);font-size:13px}
.highlight-card .button{min-height:42px}
.highlight-card .text-link{margin-top:0}
@media(max-width:900px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.hero-art{min-height:245px;margin-top:10px}.hero-art img{min-height:245px}.hero-trial-badge{right:12px;bottom:12px;padding:8px 10px}.hero-trial-badge strong{width:36px;height:36px}.home-offers{padding-top:22px}.service-highlights{grid-template-columns:1fr;gap:12px;padding-bottom:38px}.highlight-card{grid-template-columns:46px 1fr;gap:11px;padding:18px}.highlight-icon{width:42px;height:42px;border-radius:11px}}
.site-header{position:sticky;top:0;width:100%;max-width:none;height:76px;padding:0 max(24px,calc((100vw - var(--max))/2 + 28px));background:#ffffffed;backdrop-filter:blur(16px);box-shadow:0 5px 20px #1731440b}
.brand-mark{border-radius:11px;background:linear-gradient(145deg,#d6535e,var(--accent-strong));box-shadow:0 4px 12px #ad2f3d2b}
.site-header nav{gap:7px}
.site-header nav>a{padding:8px 10px;border-radius:8px;color:#435969;font-size:12px}
.site-header nav>a:hover{background:var(--accent-pale);color:var(--accent-strong)}
.site-header nav>a[aria-current="page"]{background:#fff0f1;color:var(--accent-strong);font-weight:750}
.site-header nav .lang-switch{margin-left:4px;padding:7px 10px;border-color:#ead0d2;background:#fff;color:var(--accent-strong)}
.site-header nav>a:nth-last-child(2){margin-left:3px;padding:9px 14px;background:var(--accent);color:#fff;box-shadow:0 4px 12px #c6404d25}
.site-header nav>a:nth-last-child(2):hover{background:var(--accent-strong)}
.price-box{display:flex;min-height:100px;flex-direction:column;justify-content:center;margin:17px 0 20px;padding:13px 16px;border:1px solid #e5d6d7;border-radius:12px;background:linear-gradient(145deg,#fff7f7,#fff 78%);box-shadow:inset 0 1px #fff,0 5px 15px #9235410a}
.price-label{color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.16em}
.plan-card .price-box .price{margin:2px 0 0;color:var(--accent-strong);font-size:34px;line-height:1.2;letter-spacing:-.05em}
.plan-card .price-box .price small{color:var(--muted);font-size:12px;letter-spacing:0}
.plan-card .price-box .price-request{margin:4px 0 0;font-size:19px;letter-spacing:-.02em}
@media(max-width:900px){.site-header nav{gap:3px}.site-header nav>a{padding-right:7px;padding-left:7px}}
@media(max-width:700px){.site-header{height:68px;padding:0 20px}.site-header nav{gap:0}.site-header nav>a{padding:10px 3px}.site-header nav>a:nth-last-child(2){margin:7px 0 0;padding:11px 12px}.site-header nav .lang-switch{margin-top:8px}.price-box{min-height:88px;margin:14px 0 18px}}
.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.08fr);align-items:stretch}
.plan-card{position:relative;padding:25px 22px;border-radius:14px;transition:transform .2s,box-shadow .2s,border-color .2s}
.plan-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #17314414}
.plan-card .eyebrow{margin:0 0 5px;color:#667b89;font-size:10px;letter-spacing:.12em}
.plan-card h2{margin:0;color:#173144;font-size:clamp(22px,2vw,27px);line-height:1.15;letter-spacing:-.045em}
.price-box{min-height:118px;justify-content:center;margin:17px 0 19px;padding:16px 18px;border:1px solid #284e63;border-radius:13px;background:linear-gradient(145deg,#173144,#244b60);box-shadow:0 8px 18px #17314421}
.price-label{color:#b8cbd5;font-size:10px;letter-spacing:.17em}
.plan-card .price-box .price{margin:3px 0 0;color:#fff;font-size:clamp(36px,3.2vw,44px);line-height:1.12;letter-spacing:-.055em}
.plan-card .price-box .price small{color:#c7d7df;font-size:13px;font-weight:700;letter-spacing:.01em}
.plan-card .price-box .price-request{font-size:20px}
.plan-card-featured{z-index:1;margin-top:-8px;margin-bottom:-8px;padding:32px 23px;border:2px solid #cf9d3a;background:linear-gradient(180deg,#fffdf7,#fff 40%);box-shadow:0 13px 32px #a7782722;transform:scale(1.025)}
.plan-card-featured:hover{transform:scale(1.035) translateY(-3px);box-shadow:0 18px 38px #a7782733}
.plan-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:5px 13px;border:1px solid #f2d58d;border-radius:999px;background:#fff7dc;color:#825c13;font-size:9px;font-weight:900;letter-spacing:.1em;white-space:nowrap}
.plan-card-featured .price-box{border-color:#cf9d3a;background:linear-gradient(145deg,#173144,#2a5263);box-shadow:0 10px 22px #1731442a}
.plan-card ul{margin:4px 0 16px;padding-left:19px;line-height:1.55}
.plan-card li{margin:0 0 7px}
@media(max-width:900px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-card-featured{margin:0;transform:none}.plan-card-featured:hover{transform:translateY(-3px)}}
@media(max-width:700px){.plan-grid{grid-template-columns:1fr}.plan-card{padding:23px}.plan-card-featured{padding:27px 23px}.plan-card h2{font-size:25px}.price-box{min-height:105px}}
.home-media{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:stretch;gap:0;margin:2px 0 34px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 12px 32px #17314410}
.home-media-image{position:relative;min-height:330px;overflow:hidden;background:#173144}
.home-media-image img{display:block;width:100%;height:100%;min-height:330px;object-fit:cover;object-position:33% center}
.media-image-label{position:absolute;left:17px;bottom:17px;padding:7px 11px;border:1px solid #ffffff77;border-radius:999px;background:#142b3acc;color:#fff;font-size:9px;font-weight:850;letter-spacing:.12em;backdrop-filter:blur(8px)}
.home-media-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:36px clamp(23px,4vw,48px)}
.home-media-copy .eyebrow{margin:0 0 10px}
.home-media-copy h2{margin:0 0 12px;color:var(--text);font-size:clamp(25px,3vw,36px);line-height:1.1;letter-spacing:-.045em}
.home-media-copy p{margin:0 0 17px;color:var(--muted);font-size:15px;line-height:1.65}
.media-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 22px}
.media-tags span{padding:6px 10px;border:1px solid #dce4e9;border-radius:999px;background:#f8fafb;color:#344d5c;font-size:11px;font-weight:700}
.home-media-copy .button{min-height:42px}
.media-note{display:block;margin-top:12px;color:#71808a;font-size:10px;line-height:1.5}
@media(max-width:700px){.home-media{grid-template-columns:1fr;margin:0 0 24px;border-radius:14px}.home-media-image,.home-media-image img{min-height:235px}.home-media-image img{max-height:270px;object-position:30% center}.home-media-copy{padding:24px 20px 25px}.home-media-copy h2{font-size:29px}.home-media-copy p{font-size:14px}}
.home-media{display:block;margin:2px 0 34px;padding:27px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 32px #17314410}
.media-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin:0 0 20px}
.media-section-heading .eyebrow{margin:0 0 8px}
.media-section-heading h2{margin:0 0 8px;color:var(--text);font-size:clamp(25px,3vw,34px);line-height:1.12;letter-spacing:-.045em}
.media-section-heading p{max-width:790px;margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.media-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.media-card{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 5px 16px #1731440a}
.media-card-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#173144}
.media-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.media-card:hover .media-card-image img{transform:scale(1.035)}
.media-card-copy{padding:13px 15px 14px}
.media-card-copy h3{margin:0 0 4px;color:var(--text);font-size:16px;line-height:1.3;letter-spacing:-.02em}
.media-card-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.home-media>.media-note{margin-top:15px}
@media(max-width:800px){.media-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.media-gallery .media-card:last-child{grid-column:1/-1}.media-gallery .media-card:last-child .media-card-image{aspect-ratio:2.2/1}}
@media(max-width:700px){.home-media{margin:0 0 24px;padding:17px;border-radius:14px}.media-section-heading{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:15px}.media-section-heading h2{font-size:27px}.media-section-heading p{font-size:13px}.media-gallery{grid-template-columns:1fr;gap:11px}.media-gallery .media-card:last-child{grid-column:auto}.media-gallery .media-card:last-child .media-card-image,.media-card-image{aspect-ratio:16/9}}
.hero-art{height:clamp(310px,35vw,430px);min-height:310px;border:1px solid #d7e0e5;border-radius:18px;background:#173144;box-shadow:0 16px 36px #17314418}
.hero-slider{position:absolute;inset:0;overflow:hidden}
.hero-slide{position:absolute;inset:0;z-index:0;overflow:hidden;opacity:0;transition:opacity .65s ease;pointer-events:none}
.hero-slide.is-active{z-index:1;opacity:1;pointer-events:auto}
.hero-slide::after{position:absolute;inset:32% 0 0;background:linear-gradient(0deg,#07131be0 0%,#07131b00 100%);content:""}
.hero-slide img{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}
.hero-slide-caption{position:absolute;bottom:65px;left:20px;z-index:2;max-width:75%;color:#fff;text-shadow:0 2px 12px #0008}
.hero-slide-caption span{display:block;margin-bottom:5px;color:#ffe2aa;font-size:9px;font-weight:900;letter-spacing:.15em}
.hero-slide-caption h2{margin:0;color:#fff;font-size:clamp(18px,2.3vw,27px);line-height:1.15;letter-spacing:-.03em}
.hero-trial-badge{top:16px;right:16px;bottom:auto;padding:7px 11px;border-radius:999px}
.hero-trial-badge strong{width:33px;height:33px;font-size:11px}
.hero-trial-badge small{font-size:8px}
.hero-slider-controls{position:absolute;right:13px;bottom:13px;left:13px;z-index:4;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.hero-slider-controls button{pointer-events:auto}
.slider-arrow{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff77;border-radius:50%;background:#102332b8;color:#fff;font-size:24px;line-height:1;cursor:pointer;backdrop-filter:blur(8px);transition:background .15s,transform .15s}
.slider-arrow:hover{transform:scale(1.06);background:#102332ed}
.slider-dots{display:flex;align-items:center;gap:7px}
.slider-dots button{width:8px;height:8px;padding:0;border:1px solid #fff;border-radius:99px;background:#ffffff6b;cursor:pointer;transition:width .2s,background .2s}
.slider-dots button[aria-pressed="true"]{width:23px;background:#fff}
.home-intro{margin-top:7px}
@media(max-width:900px){.hero-art{height:clamp(280px,39vw,360px);min-height:280px}}
@media(max-width:700px){.hero-art{height:265px;min-height:265px;margin-top:12px}.hero-slide-caption{bottom:61px;left:14px}.hero-slide-caption h2{font-size:20px}.hero-trial-badge{top:11px;right:11px}.hero-slider-controls{right:9px;bottom:9px;left:9px}.slider-arrow{width:31px;height:31px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-slide img,.slider-arrow,.slider-dots button{transition:none}}
.article-content{grid-column:1/-1;width:100%;max-width:820px;margin:0 auto;color:#435969}
.article-content section{margin:0 0 28px}
.article-content h2{margin:0 0 9px;color:var(--text);font-size:clamp(20px,2.3vw,25px);line-height:1.25;letter-spacing:-.035em}
.article-content p{margin:0;font-size:16px;line-height:1.8}
@media(max-width:700px){.article-content section{margin-bottom:23px}.article-content p{font-size:15px;line-height:1.75}}