/* Polyglotion / connected worlds. Shared dark + light surfaces and fluid layout. */
:root {
  --bg:#060c18; --bg2:#0b172a; --solid:#101e34;
  --text:#f5f8ff; --muted:#b3c4df; --soft:#9bafcc;
  --panel:rgba(16,31,53,.79); --panel-strong:rgba(23,43,70,.92);
  --stroke:rgba(149,184,236,.2); --stroke-strong:rgba(111,176,255,.46);
  --blue:#72c5ff; --violet:#a095ff; --green:#60deb0; --red:#ff8594; --gold:#f0cb7c;
  --shadow:0 22px 65px rgba(0,5,18,.26);
  --surface-popover:rgba(14,27,47,.985);
  --scene-opacity:.67; --scene-fade:rgba(6,12,24,.22);
}
html[data-theme="dark"] {color-scheme:dark!important}
:root[data-theme="light"] {
  color-scheme:light!important;
  --bg:#f3f7fd; --bg2:#eaf1fb; --solid:#fff;
  --text:#122342; --muted:#405875; --soft:#526883;
  --panel:rgba(255,255,255,.83); --panel-strong:rgba(234,242,253,.96);
  --stroke:rgba(39,79,136,.2); --stroke-strong:rgba(30,98,197,.46);
  --blue:#0759b0; --violet:#6540c9; --green:#087852; --red:#b62143; --gold:#77520c;
  --shadow:0 18px 55px rgba(41,73,125,.11);
  --surface-popover:rgba(252,254,255,.99);
  --scene-opacity:.88; --scene-fade:rgba(243,247,253,.13);
}
html {overflow-x:clip;scroll-padding-top:104px}
body {min-width:0;max-width:100%;overflow-x:clip;background:var(--bg);color:var(--text)}
body::before {display:none}
main {min-width:0}
img,video,iframe {max-width:100%}
img {height:auto}
.container {width:min(var(--max,1240px),calc(100% - clamp(28px,5vw,72px)))}
.glass {background:var(--panel);box-shadow:var(--shadow);border-color:var(--stroke)}
.btn-primary,.product-actions .btn {background:linear-gradient(110deg,#0965b9,#3f54cc 62%,#6535c6);color:#fff}
.scene-surface {position:relative;isolation:isolate}
.scene-surface::before {
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  background-image:linear-gradient(180deg,var(--bg) 0%,var(--scene-fade) 19%,var(--scene-fade) 76%,var(--bg) 100%),var(--scene-dark);
  background-size:100% 100%,cover;background-repeat:no-repeat;background-position:center top;
  opacity:var(--scene-opacity);
}
html[data-theme="light"] .scene-surface::before {
  background-image:linear-gradient(180deg,var(--bg) 0%,var(--scene-fade) 19%,var(--scene-fade) 76%,var(--bg) 100%),var(--scene-light);
}
main.scene-surface::before {height:min(100%,1250px);background-size:100% 100%,auto 100%;background-position:center top}
.scene-surface[data-scene-strength="hero"]::before {opacity:.82}
.scene-surface[data-scene-strength="quiet"]::before {opacity:.27}
.scene-surface[data-scene-strength="quiet"] {--panel:rgba(16,31,53,.92)}
html[data-theme="light"] .scene-surface[data-scene-strength="quiet"] {--panel:rgba(255,255,255,.95)}

/* Chrome remains a solid, legible foreground at every scroll position. */
.site-header {height:auto;min-height:var(--header,80px);background:var(--surface-popover);border-color:var(--stroke);backdrop-filter:blur(20px);z-index:100}
.header-inner {min-height:var(--header,80px);gap:22px;min-width:0}
.header-actions {gap:10px;min-width:0}
.main-nav {gap:clamp(12px,2vw,28px);min-width:0}
.main-nav a {white-space:nowrap}
.language-picker {z-index:102}
.lang-cloud.glass {
  z-index:110;background:var(--surface-popover);opacity:0;
  border:1px solid var(--stroke-strong);box-shadow:0 18px 65px rgba(0,10,35,.35);
  backdrop-filter:blur(28px);grid-template-columns:repeat(3,44px);gap:9px;padding:14px;border-radius:22px;
}
.language-picker.open .lang-cloud {opacity:1}
.flag-option {width:44px;height:40px;border-radius:12px}
.flag-option[aria-pressed="true"] {background:var(--panel-strong);box-shadow:0 0 0 2px var(--blue)}
.theme-toggle {position:relative;overflow:hidden}
.theme-toggle svg {transition:transform .28s ease,opacity .2s ease}
.theme-toggle .theme-moon {display:none}
html[data-theme="light"] .theme-toggle .theme-sun {display:none}
html[data-theme="light"] .theme-toggle .theme-moon {display:block}
.theme-toggle:hover svg {transform:rotate(18deg)}

/* A glass globe replaces the old letter illustration. */
.hero {padding:clamp(48px,6vw,88px) 0 56px}
.hero-grid {grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(24px,4vw,60px)}
.hero h1 {font-size:clamp(48px,6.3vw,90px);color:var(--text);overflow-wrap:normal}
.gradient-text {background:linear-gradient(105deg,#9ddbff 0%,#68adff 43%,#b09aff 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-visual {min-height:0;aspect-ratio:1;max-width:580px;width:100%;justify-self:center;perspective:900px}
.hero-visual>img {width:100%;height:100%;object-fit:contain;animation:world-float 9s ease-in-out infinite;filter:drop-shadow(0 22px 46px rgba(40,120,250,.2))}
.hero-visual::before {content:"";position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,rgba(68,160,255,.17),transparent 67%);filter:blur(24px);z-index:-1}
.hero-visual .orbit {width:91%;height:91%;border-color:rgba(103,168,255,.19);animation:world-orbit 55s linear infinite}
.hero-visual .floating-tag {background:var(--surface-popover);color:var(--text);border-color:var(--stroke-strong);font-size:clamp(10px,1.1vw,13px);padding:11px 15px;max-width:48%;text-align:center;box-shadow:var(--shadow)}
.hero-visual .t1 {top:17%;left:0}
.hero-visual .t2 {right:0;top:51%}
.hero-visual .t3 {left:11%;bottom:7%}
@keyframes world-float {0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-15px) rotate(2deg)}}
@keyframes world-orbit {to{transform:rotate(360deg)}}
.story-panel-copy-only {background:var(--panel);backdrop-filter:blur(12px)}

/* Content-height product layouts: no viewport-sized empty area or duplicate rule. */
.product-showcase-section {min-height:0;padding:clamp(32px,4.5vw,62px) 0 30px;border:0;overflow:visible}
.product-showcase-section::before,.product-questions-section::before {display:none}
.product-showcase {min-height:0;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,56px)}
.product-showcase-section>.container,.product-questions-section>.container {width:min(1420px,calc(100% - clamp(28px,5vw,72px)))}
.product-heading-block h1 {font-size:clamp(42px,4.6vw,70px);color:var(--text)}
.product-heading-block>.kicker {margin-bottom:22px;color:var(--blue);background:var(--panel)}
.product-summary,.product-description {color:var(--muted)}
.product-description {margin-top:24px;font-size:17px}
.product-features-block {margin-top:28px}
.product-feature-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.product-feature {background:var(--panel);border-color:var(--stroke);min-height:94px;align-items:start}
.product-feature strong {color:var(--text)}
.product-feature p {color:var(--muted)}
.product-feature-icon {color:var(--blue);box-shadow:none}
.product-classification .flag-chip,.product-type-chip {color:var(--text)}
.product-media-card {width:100%;padding:18px;background:var(--panel);backdrop-filter:blur(16px);box-shadow:var(--shadow)}
.product-media-stage {aspect-ratio:var(--media-aspect,16 / 9);background:var(--bg2);border:0;height:auto;transition:aspect-ratio .25s ease}
.product-media-stage>img {object-fit:contain;cursor:zoom-in;transition:transform .26s cubic-bezier(.2,.8,.2,1);height:100%}
.product-media-stage>img:hover {transform:scale(1.012)}
.product-media-stage>img:focus-visible {outline:3px solid var(--blue);outline-offset:-4px;border-radius:inherit}
.product-media-thumbs {grid-template-columns:repeat(6,minmax(0,1fr))}
.product-media-thumb {aspect-ratio:16 / 9;background:var(--bg2)}
.product-media-thumb img {object-fit:cover;height:100%}
.product-media-thumb-empty {background:var(--panel-strong);color:var(--blue)}
.product-media-fallback {background:var(--panel-strong);color:var(--blue)}
.product-media-fallback strong {color:var(--text)}
.product-media-fallback small {color:var(--muted)}
.product-actions {margin-top:16px}
.product-actions .btn {min-height:58px}
.product-questions-section {padding:22px 0 24px;border:0}
.product-questions-shell {width:100%;max-width:1120px}
.product-questions-shell h2 {font-size:clamp(28px,3vw,40px);color:var(--text);margin:0 0 16px}
.product-question-list {border-top:1px solid var(--stroke)}
.product-question {border-color:var(--stroke)}
.product-question-button,.product-question-button:hover {color:var(--text);text-align:start;padding:21px 5px}
.product-question-label {font-size:17px}
.product-question-answer p {color:var(--muted)}
.product-question-answer a {color:var(--blue)}
.product-question-toggle::before,.product-question-toggle::after {background:var(--blue)}
html[data-page="product"] .site-footer {padding-top:8px}
html[data-page="product"] .footer-grid {border-top:0;padding-top:20px}

/* Full-size gallery. The image animates from its actual on-page rectangle. */
.media-lightbox {position:fixed;inset:0;z-index:1000;margin:0;padding:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;background:transparent;color:var(--text);overflow:hidden}
.media-lightbox::backdrop {background:rgba(2,8,20,.88);backdrop-filter:blur(18px)}
.media-lightbox[open] {display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.lightbox-toolbar {display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 24px;color:#f4f8ff;z-index:2}
.lightbox-actions {display:flex;gap:8px}
.lightbox-control {display:grid;place-items:center;min-width:44px;height:44px;border-radius:50%;border:1px solid rgba(181,212,255,.32);background:rgba(23,43,67,.91);color:#fff;cursor:pointer;font:inherit;font-size:21px}
.lightbox-control:focus-visible {outline:3px solid #86caff;outline-offset:3px}
.lightbox-canvas {display:flex;align-items:center;justify-content:center;min-height:0;overflow:auto;padding:0 66px;overscroll-behavior:contain}
.lightbox-image {display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 32px 110px rgba(0,0,0,.4);cursor:zoom-in;transform-origin:center}
.lightbox-canvas.is-zoomed {display:block;text-align:center;padding:0 24px}
.lightbox-canvas.is-zoomed .lightbox-image {max-width:none;max-height:none;width:var(--zoom-width);height:auto;display:inline-block;cursor:zoom-out;vertical-align:top}
.lightbox-prev,.lightbox-next {position:absolute;top:50%;z-index:2}
.lightbox-prev {left:14px}.lightbox-next {right:14px}
.lightbox-caption {color:#cadbf0;text-align:center;font-size:13px;margin:0;padding:16px 20px;min-height:46px}
.media-lightbox [hidden] {display:none!important}
html[data-theme="light"] .media-lightbox::backdrop {background:rgba(224,234,249,.96)}
html[data-theme="light"] .lightbox-toolbar,html[data-theme="light"] .lightbox-caption {color:#122342}

/* Two real access paths. Subscription stays left; Pass stays right. */
.product-upgrade-modal {width:min(750px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;background:var(--surface-popover);padding:28px;border-radius:28px}
.product-upgrade-modal h2 {font-size:clamp(25px,3vw,34px);padding-inline-end:22px}
.product-upgrade-modal {animation:access-arrive .26s cubic-bezier(.2,.8,.2,1)}
@keyframes access-arrive {from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.product-upgrade-actions {display:grid;grid-template-columns:1fr 1fr;gap:14px;direction:ltr;align-items:stretch;margin-top:22px}
.access-option {display:flex;flex-direction:column;gap:10px;padding:21px;border:1px solid var(--stroke-strong);border-radius:21px;background:linear-gradient(145deg,rgba(54,145,255,.14),rgba(84,61,181,.09));text-align:start;min-width:0}
html[dir="rtl"] .access-option {direction:rtl}
.access-option-pass {background:linear-gradient(145deg,rgba(166,120,31,.13),rgba(85,57,26,.09));border-color:rgba(214,177,95,.4)}
.access-option-icon {width:48px;height:48px;object-fit:contain;border-radius:13px;color:var(--blue)}
.access-option-icon svg {width:100%;height:100%}
.access-option h3 {font-size:22px;margin:0;color:var(--text)}
.access-option p {color:var(--muted);font-size:14px;line-height:1.55;margin:0 0 5px}
.access-option .btn {width:100%;margin-top:auto;white-space:normal}
.access-option small {color:var(--soft);font-size:12px;line-height:1.45}
.access-preview {grid-column:1/-1;justify-self:center;background:transparent;color:var(--blue);border:0;padding:10px;cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:4px}
.access-status {grid-column:1/-1;padding:12px 15px;border-radius:12px;background:var(--panel-strong);color:var(--muted);font-size:14px;line-height:1.5;margin:0}

/* Light mode uses intentional colors, never image or page inversion. */
html[data-theme="light"] .gradient-text {background-image:linear-gradient(110deg,#064fa7,#315fcb 49%,#713cbb)}
html[data-theme="light"] .hero-visual>img {filter:drop-shadow(0 24px 38px rgba(46,95,180,.2))}
html[data-theme="light"] :is(.section-title,.page-title,.story-panel h2,.route-card h3,.feature-card h3,.product-card h3,.category-card h3,.plans-page-hero h1,.language-product-head h1,.support-hero h1,.pass-private-hero h1) {color:var(--text)}
html[data-theme="light"] :is(.kicker,.tier-label,.tier-plus .tier-label,.tier-max .tier-label,.pass-copy h3,.pass-copy p,.current-access,.owner-console-chip,.admin-language-summary span,.admin-language-summary b,.cefr-control output) {color:var(--blue)}
html[data-theme="light"] :is(.brand-copyright,.hero-copy,.section-copy,.route-card p,.feature-card p,.product-card p,.category-card p,.story-panel p,.faq-a,.footer-col a,.footer-brand p) {color:var(--muted)}
html[data-theme="light"] :is(.btn-primary,.upgrade-pulse) {background:linear-gradient(115deg,#0860c3,#364bce 66%,#6830c3);color:#fff;box-shadow:0 10px 25px rgba(49,89,169,.2)}
html[data-theme="light"] .product-actions .btn {background:linear-gradient(110deg,#0870d1,#354fce 64%,#6737c4);color:#fff}
html[data-theme="light"] :is(.btn-secondary,.btn-ghost,.filter-btn,.profile-menu,.profile-language-modal,.mfa-modal,.modal.glass,.profile-language-footer,.profile-language-group-title,.support-email-box,.tier-card .tier-icon) {background:var(--surface-popover);color:var(--text);border-color:var(--stroke)}
html[data-theme="light"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),textarea,select,.search-shell) {background:#fff;color:var(--text);border-color:var(--stroke)}
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder {color:var(--soft);opacity:1}
html[data-theme="light"] :is(.tier-lite,.tier-plus,.tier-max,.free-entry,.plan-mini,.plan-card,.dashboard-sidebar,.dashboard-hero-,.settings-section,.settings-head,.dash-card-,.support-info,.support-form-card,.blog-slide,.legal-callout,.legal-document,.legal-doc) {background:var(--panel);color:var(--text);border-color:var(--stroke)}
html[data-theme="light"] .tier-max {background:linear-gradient(160deg,#f4eeff,#fafcff);border-color:#b1a2e1}
html[data-theme="light"] .tier-plus {background:linear-gradient(160deg,#e5efff,#fafcff)}
html[data-theme="light"] .tier-lite {background:linear-gradient(160deg,#eaf7ff,#fafcff)}
html[data-theme="light"] .most-chosen {background:#f3ebff;color:#422573;border-color:#c3a8e5;backdrop-filter:none}
html[data-theme="light"] .pass-bar {background:linear-gradient(120deg,#fff7df,#faf1d8);border-color:#dac58e}
html[data-theme="light"] .pass-copy h3,html[data-theme="light"] .pass-copy p {color:#604316}
html[data-theme="light"] .btn-white {background:#fff;color:#243d65;border-color:#adbed6}
html[data-theme="light"] .tier-card.is-current .btn {background:#fff0f2;color:#a82242;border-color:#d2a2ad}
html[data-theme="light"] .product-media-thumb[aria-current="true"] {background-image:linear-gradient(#edf4ff,#edf4ff),linear-gradient(115deg,#1684d5,#3865dc,#874ad5,#1684d5)}
html[data-theme="light"] .product-media-thumb:disabled {opacity:.75}
html[data-theme="light"] .product-question-toggle {background:linear-gradient(135deg,#e7f2ff,#f0eaff);border-color:#a2b9d9}
html[data-theme="light"] .product-question.is-open .product-question-toggle::before,html[data-theme="light"] .product-question.is-open .product-question-toggle::after {background:#693cae}
html[data-theme="light"] .modal-backdrop,html[data-theme="light"] .mfa-backdrop,html[data-theme="light"] .profile-language-backdrop {background:rgba(105,133,171,.42);backdrop-filter:blur(12px)}
html[data-theme="light"] .toast {background:#fff;color:var(--text);border-color:var(--stroke)}
html[data-theme="light"] .loading-overlay {background:rgba(238,244,253,.92)}
html[data-theme="light"] :is(.language-group-filter.active,.language-choice.is-selected,.choice-radio input:checked+span) {background:#e3efff;color:#184d94}
html[data-theme="light"] :is(.language-choice-check,.carousel-dot,.quiz-progress span) {background:#bccbe0}
html[data-theme="light"] .language-choice.is-selected .language-choice-check {background:#236ac0;color:white}
html[data-theme="light"] :is(.mfa-secret code,.mfa-code-form input) {background:#edf4ff;color:#1c426f}
html[data-theme="light"] :is(.mfa-setup-warning,.mfa-setup-warning strong,.mfa-setup-warning span,.sandbox-pill) {background:#fff4d9;color:#72500d;border-color:#d2b777}
html[data-theme="light"] :is(.admin-status-pill.active,.admin-security-button.is-blocked) {color:#086745}
html[data-theme="light"] :is(.admin-status-pill.blocked,.admin-status-stack small,.admin-inline-status[data-kind="error"],.mfa-modal-status,.auth-logout,.logout-icon-btn) {color:#ad2141}
html[data-theme="light"] .legal-longform,html[data-theme="light"] .legal-longform :is(h1,h2,h3,p,li,a,.legal-updated) {color:var(--text)}
html[lang="ru"] .legal-doc {font-family:"Prata Legal",Georgia,serif}
.blog-v9-page {background:var(--bg)}
.blog-v9-page .site-header {background:var(--surface-popover);border-color:var(--stroke)}
html[data-theme="light"] :is(.auth-card-v9,.support-page .support-info,.support-page .support-form-card,.admin-v9 .admin-directory,.admin-plan-dialog,.owner-support-workspace,.owner-support-head) {background:var(--panel);border-color:var(--stroke);box-shadow:var(--shadow)}
html[data-theme="light"] :is(.auth-provider-icon,.account-provider-icon) {background:#e4edf9;color:#142342}
html[data-theme="light"] :is(.account-provider-row button,.included-product-more,.included-product-icon,.profile-language-list-level,.admin-v9-country,.admin-language-line>div>span,.admin-v9-plan>svg,.admin-v9-action,.admin-v9-owner-action,.owner-language-request i,.owner-ticket-person a,.owner-ticket-kind,.owner-ticket-status.status-open) {color:var(--blue)}
html[data-theme="light"] :is(.auth-provider-status[data-kind="error"],.account-provider-status[data-kind="error"],.profile-autosave-status[data-state="error"],.support-field-error,.owner-reply-status[data-kind="error"],.owner-message-delivery.delivery-failed,.admin-v9-action.is-active) {color:var(--red)}
html[data-theme="light"] :is(.auth-provider-status[data-kind="success"],.account-provider-status[data-kind="success"],.profile-autosave-status[data-state="saved"],.account-provider-row button:disabled,.owner-ticket-status.status-resolved,.owner-ticket-status.status-closed,.owner-ticket-facts>span.is-verified,.owner-reply-status[data-kind="success"],.owner-message-delivery.delivery-sent) {color:var(--green)}
html[data-theme="light"] :is(.support-page .field input,.support-page .field textarea,.support-page .field select,.support-page .field select option,.support-language-search-shell,.support-language-results) {background:#fff;color:var(--text);border-color:var(--stroke)}
html[data-theme="light"] :is(.support-language-option,.owner-ticket-row.is-unread .owner-ticket-row-copy strong,.owner-ticket-row.is-unread .owner-ticket-subject,.owner-language-request strong,.owner-language-request dd,.owner-ticket-person h3,.owner-message p,.admin-plan-choice.is-selected,.admin-plan-current strong) {color:var(--text)}
html[data-theme="light"] :is(.support-language-option small,.support-language-selected small,.owner-ticket-subject,.owner-ticket-row-top time,.owner-message header strong,.owner-ticket-timeline,.owner-language-request small,.owner-language-request dt,.admin-language-kind,.profile-autosave-status[data-state="saving"]) {color:var(--muted)}
html[data-theme="light"] :is(.owner-ticket-status.status-waiting) {color:var(--gold)}
html[data-theme="light"] :is(.owner-ticket-status.status-in_progress) {color:var(--violet)}
html[data-theme="light"] :is(.owner-support-pagination,.owner-reply-form,.owner-center-tabs) {background:var(--surface-popover)}
html[data-theme="light"] .blog-v9-intro h1 {background:none;color:var(--text);-webkit-text-fill-color:var(--text)}
html[data-theme="light"] :is(.blog-v9-eyebrow,.blog-v9-section-label,.blog-v9-description,.blog-v9-card-meta,.blog-v9-library-head>p,.blog-v9-grid-copy p,.blog-v9-back,.blog-v9-article-deck,.blog-v9-article-body p,.blog-v9-article-body li,.blog-v9-article-end p) {color:var(--muted)}
html[data-theme="light"] :is(.blog-v9-card-copy p,.blog-v9-read-link,.blog-v9-article-body .blog-v9-lead,.blog-v9-article-body h2,.blog-v9-article-body blockquote) {color:var(--text)}
html[data-theme="light"] :is(.blog-v9-grid-card,.blog-v9-filters button,.blog-v9-arrow,.blog-v9-read-icon,.blog-v9-grid-action) {background:var(--panel);color:var(--text);border-color:var(--stroke);box-shadow:var(--shadow)}
html[data-theme="light"] .blog-v9-filters button.is-active {background:#dfebfe;color:#164d96;border-color:#82a4d8}
html[data-theme="light"] .blog-v9-position span {background:#aabbd2}html[data-theme="light"] .blog-v9-position span.is-active {background:#215ab5}

/* Narrow desktop windows, split view, tablets and phones use the same content. */
.grid-4,.grid-3,.route-grid,.products-grid,.product-grid,.category-grid,.pass-private-grid {min-width:0}
.card,.route-card,.product-card,.category-card,.info-card {min-width:0;overflow-wrap:anywhere}
@media(max-width:1180px) {
  .header-inner {gap:14px}.brand {font-size:19px}.main-nav {gap:14px}.header-actions>.btn {padding:10px 14px}
  .hero-grid {gap:22px}.hero h1 {font-size:clamp(46px,6.4vw,72px)}
  .grid-4 {grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-showcase {gap:26px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .product-feature {grid-template-columns:36px minmax(0,1fr);padding:13px;gap:9px}.product-feature-icon {width:36px;height:36px}
}
@media(max-width:980px) {
  .header-inner {flex-wrap:wrap;padding-top:12px;padding-bottom:10px;min-height:72px}
  .header-actions {margin-inline-start:auto}.main-nav {order:3;width:100%;display:flex;justify-content:center;border-top:1px solid var(--stroke);padding-top:10px}
  .brand span {display:inline}.brand img {width:35px;height:35px}
  .hero-grid {grid-template-columns:1fr 1fr}.hero h1 {font-size:clamp(39px,6vw,60px)}.hero-copy {font-size:16px}.hero-actions {flex-wrap:wrap}
  .product-showcase {grid-template-columns:1fr;gap:28px}.product-copy-panel {max-width:none}.product-media-card {width:min(100%,800px);justify-self:center}
  .product-feature-grid {grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}.product-feature {grid-template-columns:1fr}
  .product-showcase-section {padding-bottom:18px}.product-questions-section {padding-top:18px}
  .paid-staircase {height:auto;align-items:stretch;margin-left:0}.tier-card {height:auto;min-height:420px;padding:24px 17px}.paid-staircase::before {display:none}.most-chosen {position:static;align-self:start;margin-bottom:12px}
  .dashboard-shell- {grid-template-columns:190px minmax(0,1fr)}.dashboard-hero- {flex-wrap:wrap}.dashboard-learning-grid {grid-template-columns:1fr}.settings-row {grid-template-columns:1fr;gap:8px}
  .grid-3,.products-grid,.product-grid,.category-grid,.pass-private-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px) {
  .hero-grid {grid-template-columns:1fr}.hero h1 {font-size:clamp(43px,9vw,66px)}.hero-visual {width:min(90%,440px);margin-top:5px}.hero-visual .floating-tag {font-size:12px}
  .hero {padding:38px 0 32px}.section {padding:35px 0}.story-panel,.support-layout,.pricing-info,.auth-grid,.about-grid {grid-template-columns:1fr}
  .route-grid {grid-template-columns:repeat(2,minmax(0,1fr))}.product-feature-grid {grid-template-columns:repeat(2,minmax(0,1fr))}.product-feature {grid-template-columns:36px minmax(0,1fr)}
  .product-heading-block h1 {font-size:clamp(38px,8.5vw,58px)}.product-description {font-size:16px}
  .paid-staircase {grid-template-columns:1fr}.tier-card {min-height:0;padding:24px;border-radius:24px}.tier-card .btn {margin-top:16px}.tier-price {margin-top:8px}.pass-bar {flex-wrap:wrap}.pass-bar .btn {width:100%}
  .dashboard-shell- {display:block}.dashboard-sidebar {position:static}.dashboard-content {margin-top:16px}.profile-language-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .quiz-options {grid-template-columns:1fr}.plan-quiz.open .quiz-body {max-height:1000px}
  .footer-grid {grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand {grid-column:1/-1}
  .product-upgrade-modal {padding:22px}.access-option {padding:16px}.access-option h3 {font-size:20px}
}
@media(max-width:480px) {
  .header-actions {gap:6px}.header-login {font-size:12px}.header-actions>.btn {display:none}.brand {font-size:16px}.brand span {display:inline}.brand img {width:30px;height:30px}.main-nav {gap:21px;justify-content:space-between}.main-nav a {font-size:12px}
  .icon-btn,.lang-main {width:38px;height:38px}.lang-cloud.glass {right:-45px}html[dir="rtl"] .lang-cloud.glass {right:auto;left:-45px}
  .main-nav {gap:4px}.main-nav a {padding:8px 7px}
  .grid-3,.grid-4,.route-grid,.product-grid,.products-grid,.category-grid,.pass-private-grid {grid-template-columns:1fr}
  .product-feature {grid-template-columns:1fr}.product-media-card {padding:10px}.product-media-thumbs {gap:5px}.product-question-label {font-size:16px}
  .product-upgrade-actions {gap:9px}.access-option {padding:12px}.access-option h3 {font-size:17px}.access-option p {font-size:12px}.access-option .btn {font-size:12px;padding:11px 8px}.access-option small {font-size:11px}
  .lightbox-toolbar {padding:10px 14px}.lightbox-canvas {padding:0 12px}.lightbox-prev,.lightbox-next {top:auto;bottom:8px}.lightbox-caption {padding-inline:62px}
}
@media(max-width:380px) {.header-inner>.brand span {display:none}}
.checkout-flow {flex-wrap:wrap}.flow-step {min-width:0;flex:1 1 120px}
.legal-doc h1 {overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce) {
  .hero-visual>img,.hero-visual .orbit {animation:none}
  .product-media-stage,.product-media-stage>img,.theme-toggle svg {transition:none}
}