@import url(tokens.css);@import url(components.css);@import url(select.css);@import url(brand.css);@import url(site-footer.css);*,::after,::before{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.header-menu-toggle__bar{transition:none}}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(108,92,231,.35),transparent 28%),radial-gradient(circle at bottom right,rgba(0,210,211,.18),transparent 30%),var(--color-bg);overflow-x:clip}body.light-theme,html.light-theme body{background:radial-gradient(at 0 0,rgba(108,92,231,.1) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(0,210,211,.08) 0,transparent 50%),var(--color-bg)}:focus{outline:0}:focus-visible{outline:.125rem solid var(--color-accent);outline-offset:0.125rem}.landing-shell{max-width:var(--shell-max);width:100%;margin:0 auto;padding:var(--space-md) 0 var(--space-xl)}.landing-header{width:100%;position:sticky;top:0;z-index:1000;margin:0 0 var(--space-md);padding:var(--space-md) 0;background:var(--color-bg);border-bottom:.0625rem solid var(--border-subtle);box-shadow:var(--shadow-sm)}.landing-header-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;max-width:var(--shell-max);width:100%;margin:0 auto;padding:0}.header-nav-group{display:flex;align-items:center;gap:.75rem}.header-menu-toggle{display:none;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:.0625rem solid rgba(255,255,255,.18);border-radius:var(--radius-md);background:var(--bg-surface-strong);color:var(--color-text);cursor:pointer;flex-shrink:0;transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.header-menu-toggle:hover{background:var(--color-primary-hover);border-color:rgba(255,255,255,.28)}.header-menu-toggle:focus-visible{outline:.125rem solid var(--color-accent);outline-offset:0.1875rem}.header-menu-toggle__icon{display:flex;flex-direction:column;justify-content:center;gap:.3125rem;width:1.125rem;height:1rem}.header-menu-toggle__bar{display:block;width:100%;height:.125rem;border-radius:.0625rem;background:currentColor;transition:transform var(--transition-base),opacity var(--transition-base)}.header-menu-toggle[aria-expanded=true] .header-menu-toggle__bar:first-child{transform:translateY(.4375rem) rotate(45deg)}.header-menu-toggle[aria-expanded=true] .header-menu-toggle__bar:nth-child(2){opacity:0}.header-menu-toggle[aria-expanded=true] .header-menu-toggle__bar:nth-child(3){transform:translateY(-.4375rem) rotate(-45deg)}.landing-header .header-nav,.landing-header nav{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.landing-header .header-nav a:not(.header-signin-btn),.landing-header nav a:not(.header-signin-btn){align-items:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--bg-surface-strong);color:var(--color-text-muted);text-decoration:none;font-size:var(--text-base);font-weight:var(--font-semibold);transition:background var(--transition-base),color var(--transition-base)}.landing-header .header-nav a:not(.header-signin-btn):hover,.landing-header nav a:not(.header-signin-btn):hover{background:var(--color-primary-hover);color:var(--color-text)}.header-dropdown{position:relative;display:inline-flex;align-items:center}.header-dropdown__toggle{display:inline-flex;align-items:center;gap:.375rem;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--bg-surface-strong);color:var(--color-text-muted);text-decoration:none;font-family:inherit;font-size:var(--text-base);font-weight:var(--font-semibold);line-height:inherit;border:none;cursor:pointer;transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.header-dropdown__toggle:hover{background:var(--color-primary-hover);color:var(--color-text)}.header-dropdown__toggle svg{transition:transform var(--transition-base)}.header-dropdown__toggle[aria-expanded=true] svg{transform:rotate(180deg)}.header-dropdown__menu{position:absolute;top:calc(100% + .5rem);right:0;width:max-content;min-width:100%;display:flex;flex-direction:column;gap:4px;padding:.5rem;border-radius:var(--radius-md);background:var(--color-bg);border:.0625rem solid var(--border-subtle);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-.25rem);transition:opacity var(--transition-base),visibility var(--transition-base),transform var(--transition-base);z-index:1000}.header-dropdown__menu[aria-hidden=false]{opacity:1;visibility:visible;transform:translateY(0)}.header-dropdown__item{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border-radius:var(--radius-sm);color:var(--color-text-muted);text-decoration:none;font-size:var(--text-base);font-weight:var(--font-normal);white-space:nowrap;transition:background var(--transition-base),color var(--transition-base)}.header-dropdown__item:hover{background:var(--color-primary-hover);color:var(--color-text)}.header-dropdown__item-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--color-primary-light);transition:color var(--transition-base)}.header-dropdown__item-icon svg{width:16px;height:16px;display:block}.header-dropdown__item:hover .header-dropdown__item-icon{color:var(--color-text)}.header-signin-btn,.landing-header .header-nav a.header-signin-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.5rem;padding:.5rem 1.125rem .5rem 1.25rem;border:.0625rem solid rgba(255,255,255,.18);border-radius:var(--radius-pill);background:linear-gradient(135deg,rgba(255,255,255,.14) 0,transparent 42%),linear-gradient(135deg,var(--color-primary-light) 0,var(--color-primary) 45%,var(--color-primary-deep) 100%);box-shadow:0 .0625rem 0 rgba(255,255,255,.22) inset,0 .25rem 1rem rgba(108,92,231,.35),0 .5rem 1.75rem rgba(108,92,231,.2);color:var(--color-text);font-family:inherit;font-size:var(--text-base);font-weight:700;letter-spacing:.01em;line-height:1.2;cursor:pointer;white-space:nowrap;text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-base),border-color var(--transition-base),filter var(--transition-fast)}.header-signin-btn__icon{display:inline-flex;align-items:center;justify-content:center;opacity:.92;transition:transform var(--transition-fast),opacity var(--transition-fast)}.header-signin-btn:hover,.landing-header .header-nav a.header-signin-btn:hover{border-color:rgba(255,255,255,.28);box-shadow:0 .0625rem 0 rgba(255,255,255,.28) inset,0 .375rem 1.25rem rgba(108,92,231,.45),0 .75rem 2rem rgba(108,92,231,.28);transform:translateY(-.0625rem)}.header-signin-btn:hover .header-signin-btn__icon,.landing-header .header-nav a.header-signin-btn:hover .header-signin-btn__icon{opacity:1;transform:translateX(.125rem)}.header-signin-btn:active,.landing-header .header-nav a.header-signin-btn:active{transform:translateY(0);box-shadow:0 .0625rem 0 rgba(255,255,255,.16) inset,0 .125rem .5rem rgba(108,92,231,.3)}.header-signin-btn:focus-visible,.landing-header .header-nav a.header-signin-btn:focus-visible{outline:.125rem solid var(--color-accent);outline-offset:0.1875rem}.landing-header .header-nav a.btn-primary,.landing-header .header-nav a.nav-btn--primary,.landing-header nav a.btn-primary,.landing-header nav a.nav-btn--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-text);font-weight:700}.landing-header .header-nav a.btn-primary:hover,.landing-header .header-nav a.nav-btn--primary:hover,.landing-header nav a.btn-primary:hover,.landing-header nav a.nav-btn--primary:hover{filter:brightness(1.08);color:var(--color-text)}.landing-shell main p{font-size:var(--text-base);line-height:1.65}.plans-subtitle,.section-lead{margin:0 0 var(--space-xl);color:var(--color-text-muted);font-size:var(--text-lg);max-width:none}.hero{position:relative;display:grid;gap:var(--space-md);margin-top:var(--space-lg);padding:0;border:none;border-radius:0;background:0 0;overflow:visible}.hero-main{padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-md);background:var(--color-bg-elevated);border:.0625rem solid var(--border-subtle)}.hero-panel{padding:var(--space-lg);border-radius:var(--radius-md);background:var(--color-bg-elevated);border:.0625rem solid var(--border-subtle)}.hero-panel-title{margin:0 0 var(--space-md);font-size:var(--text-base);font-weight:600;color:var(--color-text)}.hero-aside{display:none}.hero>:not(.hero-code-visual):not(.hero-aside){position:relative;z-index:1}.hero-eyebrow{display:inline-block;margin:0 0 var(--space-md);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:var(--color-primary-soft);border:.0625rem solid var(--color-primary-border);color:var(--color-accent);font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;text-transform:uppercase}.hero h1{max-width:none;font-size:var(--text-hero-fluid);line-height:1.15;margin:0 0 var(--space-md);font-weight:var(--font-extrabold);letter-spacing:-.02em}.hero-lead,.hero>p:not(.auth-notice-banner):not(.hero-panel-title){max-width:48rem;color:var(--color-text-secondary);margin:0 0 var(--space-lg);font-size:var(--text-lg);line-height:1.5}.hero-highlights{margin:0;padding:0;list-style:none;display:grid;gap:.5rem;max-width:none}.hero-highlights li{position:relative;padding-left:1.5rem;color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.5}.hero-highlights li::before{content:'';position:absolute;left:0;top:.45em;width:.5rem;height:.5rem;border-radius:50%;background:var(--color-primary)}.hero-highlights code,.license code,.step-body code{font-size:.9em;padding:.1em .35em;border-radius:.25rem;background:rgba(255,255,255,.08);color:var(--color-accent)}.hero-link{color:var(--color-accent);text-decoration:underline;text-underline-offset:0.15em}.hero-link:hover{color:var(--color-link-hover)}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap}.hero-actions .btn{min-width:10rem}.hero-actions .btn-secondary{text-decoration:none}.hero-code-visual{display:block;position:relative;width:100%;height:14rem;margin:0;overflow:hidden}.code-cards-container{position:relative;width:100%;height:100%}.code-card{position:absolute;border:.0625rem solid rgba(255,255,255,.12);border-radius:var(--radius-md);background-color:rgba(15,17,26,.72);box-shadow:var(--shadow-sm);overflow:hidden}.code-card--qr{top:6%;left:10%;width:clamp(5rem,44%,8.5rem);aspect-ratio:217/299;animation:code-card-float-qr 11s ease-in-out infinite;background:0 0;border:none;box-shadow:0 .35rem 1.25rem rgba(0,0,0,.45);z-index:2}.code-card--qr::after{content:'';position:absolute;inset:0;border-radius:inherit;background:url('/img/datamatrix.png') center/contain no-repeat}.qr-corner{display:none}.code-card--barcode{bottom:8%;right:6%;left:auto;width:min(29.75rem,88%);animation:code-card-float-barcode 13s ease-in-out infinite;animation-delay:-4s;background:0 0;border:none;box-shadow:0 .35rem 1.25rem rgba(0,0,0,.45);overflow:hidden;z-index:1}.code-card--barcode .code-card__img{display:block;width:100%;height:auto;border-radius:inherit}.code-scan-line{position:absolute;top:5%;left:0;right:0;height:.125rem;border-radius:var(--radius-pill);background:linear-gradient(90deg,transparent,rgba(0,210,211,.95),transparent);box-shadow:0 0 1.25rem rgba(0,210,211,.65);animation:code-scan 3.2s ease-in-out infinite;z-index:10}@keyframes code-card-float-qr{0%,100%{transform:translate(0,0) rotate(-4deg)}33%{transform:translate(.4rem,-.35rem) rotate(-7deg)}66%{transform:translate(-.3rem,.45rem) rotate(-1deg)}}@keyframes code-card-float-barcode{0%,100%{transform:translate(0,0) rotate(3deg)}40%{transform:translate(-.45rem,.35rem) rotate(6deg)}70%{transform:translate(.35rem,-.4rem) rotate(0)}}@keyframes code-scan{0%{top:5%;opacity:.3}50%{top:92%;opacity:.9}100%{top:5%;opacity:.3}}.plan-card .btn-secondary{background:rgba(108,92,231,.2);border:.0625rem solid rgba(108,92,231,.3);color:var(--color-accent);font-weight:600}.plan-card .btn-secondary:hover{background:rgba(108,92,231,.3);border-color:rgba(108,92,231,.5)}.plans{margin-top:var(--space-3xl)}.plans h2{margin:0 0 var(--space-sm);font-size:var(--text-2xl);font-weight:var(--font-extrabold);letter-spacing:-.02em}.billing-toggle-wrapper{display:flex;justify-content:center;margin-bottom:var(--space-xl)}.billing-toggle{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;max-width:28rem;background:var(--color-primary-soft);padding:var(--space-sm);border-radius:var(--radius-sm);border:.0625rem solid var(--color-primary-border)}.billing-toggle-btn{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-sm);min-height:var(--touch-min);padding:.75rem 1.25rem;border:.125rem solid transparent;border-radius:var(--radius-sm);background:0 0;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:color var(--transition-base),background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast)}.billing-toggle-btn .toggle-icon{font-size:var(--text-base);line-height:1}.billing-toggle-btn:hover{color:var(--color-accent)}.billing-toggle-btn.active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent);box-shadow:var(--shadow-accent-sm)}.discount-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2xs) var(--space-sm);background:linear-gradient(135deg,var(--color-discount-from),var(--color-discount-to));color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.02em;line-height:var(--leading-snug);white-space:nowrap;flex-shrink:0}.plan-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}.plan-card{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:100%;padding:1.75rem;border:.0625rem solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-card);transition:border-color var(--transition-base),background var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);position:relative;overflow:hidden}.plan-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(108,92,231,.08),transparent 70%);pointer-events:none}.plan-card:hover{border-color:var(--color-primary-border);background:var(--bg-card-hover);transform:translateY(-.25rem);box-shadow:var(--shadow-primary-card)}.plan-tag{display:block;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-accent);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:var(--color-accent-soft);border:.0625rem solid rgba(96,165,250,.2);margin-bottom:.75rem;width:fit-content;max-width:100%;text-transform:uppercase;letter-spacing:.03em;min-height:1.25rem;position:relative;z-index:1}.plan-tag:empty{visibility:hidden;user-select:none;pointer-events:none}.plan-card h3{margin:0 0 var(--space-sm);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);position:relative;z-index:1}.plan-card>p{margin:0 0 var(--space-lg);font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-body);flex:1 1 auto;position:relative;z-index:1}.plan-meta{display:flex;flex-direction:column;gap:.625rem;margin:0 0 var(--space-lg);padding:var(--space-md);background:var(--color-primary-soft);border-radius:var(--radius-sm);position:relative;z-index:1}.plan-meta strong{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-accent)}.plan-meta span{font-size:var(--text-sm);color:var(--color-text-code);line-height:var(--leading-normal)}.plan-card .btn{margin-top:auto;width:100%;font-size:var(--text-base);position:relative;z-index:1}.license{margin-top:var(--space-xl);padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--bg-surface-strong);border:.0625rem solid var(--border-faint)}.license h2{margin:0 0 var(--space-sm);font-size:var(--text-2xl);font-weight:700}.license p{margin:0;color:var(--color-text-secondary);font-size:var(--text-lg)}.features{margin-top:var(--space-3xl)}.features h2,.how-it-works h2{margin:0 0 var(--space-sm);font-size:var(--text-2xl);font-weight:var(--font-extrabold);letter-spacing:-.02em}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.feature-card{padding:var(--space-xl);border-radius:var(--radius-md);border:.0625rem solid var(--border-subtle);background:var(--bg-surface);transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.feature-card:hover{border-color:var(--color-primary-border);transform:translateY(-.125rem);box-shadow:var(--shadow-primary-card)}.feature-icon{font-size:var(--text-2xl);margin-bottom:var(--space-md);line-height:1}.feature-card h3{margin:0 0 var(--space-sm);font-size:var(--text-xl);font-weight:700}.feature-card p{margin:0;color:var(--color-text-muted)}.how-it-works{margin-top:var(--space-3xl)}.steps-list{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-lg)}.step-item{display:flex;gap:var(--space-lg);align-items:flex-start;padding:var(--space-lg);border-radius:var(--radius-md);border:.0625rem solid var(--border-faint);background:var(--bg-surface-strong)}.step-num{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-text);font-size:var(--text-lg);font-weight:800}.step-body h3{margin:0 0 var(--space-sm);font-size:var(--text-xl);font-weight:700}.step-body p{margin:0;color:var(--color-text-secondary)}.faq{margin-top:var(--space-3xl)}.faq h2{margin:0 0 var(--space-sm);font-size:var(--text-2xl);font-weight:var(--font-extrabold);letter-spacing:-.02em}.faq-list{display:grid;gap:var(--space-md)}.faq-item{border:.0625rem solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);overflow:hidden;transition:border-color var(--transition-base)}.faq-item[open]{border-color:var(--color-primary-border)}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);cursor:pointer;list-style:none;font-size:var(--text-lg);font-weight:700;line-height:1.4;color:var(--color-text);user-select:none}.faq-question::-webkit-details-marker{display:none}.faq-question::after{content:"";flex-shrink:0;width:.5rem;height:.5rem;border-right:.125rem solid var(--color-accent);border-bottom:.125rem solid var(--color-accent);transform:rotate(45deg);transition:transform var(--transition-base)}.faq-item[open] .faq-question::after{transform:rotate(225deg);margin-top:.25rem}.faq-answer{padding:0 var(--space-xl) var(--space-lg)}.faq-answer p{margin:0 0 var(--space-md);color:var(--color-text-muted)}.faq-answer p:last-child{margin-bottom:0}.reveal{opacity:0;transform:translateY(1.75rem);transition:opacity .7s cubic-bezier(.22, 1, .36, 1),transform .7s cubic-bezier(.22, 1, .36, 1);will-change:transform,opacity}.reveal.is-visible{opacity:1;transform:none}.reveal--from-left{transform:translateX(-1.75rem)}.reveal--from-left.is-visible{transform:none}.reveal--delay-1.is-visible{transition-delay:80ms}.reveal--delay-2.is-visible{transition-delay:0.16s}.reveal--delay-3.is-visible{transition-delay:0.24s}.reveal--delay-4.is-visible{transition-delay:0.32s}.reveal-stagger>*{opacity:0;transform:translateY(1.25rem);transition:opacity .6s cubic-bezier(.22, 1, .36, 1),transform .6s cubic-bezier(.22, 1, .36, 1);will-change:transform,opacity}.reveal-stagger.is-visible>*,.reveal.is-visible .reveal-stagger>*{opacity:1;transform:none}.reveal-stagger.is-visible>:first-child,.reveal.is-visible .reveal-stagger>:first-child{transition-delay:60ms}.reveal-stagger.is-visible>:nth-child(2),.reveal.is-visible .reveal-stagger>:nth-child(2){transition-delay:0.14s}.reveal-stagger.is-visible>:nth-child(3),.reveal.is-visible .reveal-stagger>:nth-child(3){transition-delay:0.22s}.reveal-stagger.is-visible>:nth-child(4),.reveal.is-visible .reveal-stagger>:nth-child(4){transition-delay:0.30s}.reveal-stagger.is-visible>:nth-child(5),.reveal.is-visible .reveal-stagger>:nth-child(5){transition-delay:0.38s}.reveal-stagger.is-visible>:nth-child(6),.reveal.is-visible .reveal-stagger>:nth-child(6){transition-delay:0.46s}.reveal-stagger--left>*{transform:translateX(-1.25rem)}.reveal-stagger--left.is-visible>*,.reveal.is-visible .reveal-stagger--left>*{transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.reveal--delay-1.is-visible,.reveal--delay-2.is-visible,.reveal--delay-3.is-visible,.reveal--delay-4.is-visible{transition-delay:0s}.reveal-stagger>*{opacity:1;transform:none;transition:none}.code-card,.code-scan-line{animation:none}}.info-cards{margin-top:var(--space-3xl);display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.info-card{padding:var(--space-xl);border-radius:var(--radius-md);background:linear-gradient(135deg,rgba(108,92,231,.08),rgba(0,210,211,.05));border:.0625rem solid var(--color-primary-border);transition:border-color var(--transition-base),background var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.info-card:hover{border-color:rgba(108,92,231,.4);background:linear-gradient(135deg,rgba(108,92,231,.12),rgba(0,210,211,.08));transform:translateY(-.125rem);box-shadow:0 .5rem 2rem rgba(108,92,231,.15)}.info-icon{font-size:var(--text-3xl);margin-bottom:var(--space-md);line-height:1}.info-card h3{margin:0 0 var(--space-md);font-size:var(--text-xl);font-weight:700;color:var(--color-text)}.info-card p{margin:0 0 .75rem;color:var(--color-text-code)}.info-card p:last-child{margin-bottom:0}.info-card-note{color:var(--color-text-muted)!important;font-size:var(--text-sm)!important;margin-top:.75rem!important}.info-card-list{margin:.75rem 0 0;padding-left:1.25rem;color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.65}.info-card-list li{margin-bottom:var(--space-sm)}.info-card-list li:last-child{margin-bottom:0}.modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:var(--color-overlay);padding:var(--space-lg);padding-top:calc(var(--space-lg) + 1rem);padding-bottom:calc(var(--space-lg) + 1rem);overflow-y:auto;min-height:100vh}.modal[aria-hidden=false]{display:flex}.modal-content{position:relative;width:100%;max-width:clamp(20rem,95vw,26.25rem);padding:1.75rem;border-radius:var(--radius-lg);background:var(--color-bg-elevated);border:.0625rem solid var(--border-subtle)}.auth-modal-dialog{display:flex;flex-direction:column;align-items:center;width:100%;max-width:clamp(20rem,95vw,26.25rem);margin:auto;pointer-events:none}.auth-modal-dialog>*{pointer-events:auto}#auth-modal .auth-modal-content{display:flex;align-items:stretch;width:100%;max-width:clamp(20rem,95vw,26.25rem);padding:0;overflow:hidden}#auth-modal #auth-terms-notice{margin:.875rem 0 0;width:100%;max-width:clamp(20rem,95vw,26.25rem);text-align:center;font-size:.8125rem;color:var(--color-text-secondary);line-height:1.45}#auth-modal #auth-terms-notice a{color:var(--color-accent);text-decoration:underline;transition:color var(--transition-fast)}#auth-modal #auth-terms-notice a:hover{color:var(--color-accent-light)}#auth-modal .auth-modal-visual{display:none;flex:1 1 420px;max-width:420px;min-width:0;align-self:stretch;background:rgba(255,255,255,.04)}#auth-modal .auth-modal-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:left center}#auth-modal .auth-modal-visual img:not([src]){visibility:hidden}#auth-modal .auth-modal-body{position:relative;flex:1 1 auto;width:100%;max-width:100%;min-width:0;padding:1.75rem}@media (min-width:768px){#auth-modal[data-show-visual=true] .auth-modal-dialog{max-width:840px}#auth-modal[data-show-visual=true] .auth-modal-content{max-width:840px}#auth-modal[data-show-visual=true] #auth-terms-notice{max-width:840px}#auth-modal[data-show-visual=true] .auth-modal-visual{display:block}#auth-modal[data-show-visual=true] .auth-modal-body{flex:1 1 420px;max-width:420px}}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);width:var(--touch-min);height:var(--touch-min);min-width:var(--touch-min);min-height:var(--touch-min);border:none;background:rgba(255,255,255,.08);color:var(--color-text);font-size:var(--text-xl);border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-fast),transform var(--transition-fast)}.modal-close:hover{background:rgba(255,255,255,.16)}.modal-content h3{margin:0 0 var(--space-lg);font-size:var(--text-xl);font-weight:700}.auth-provider-section{margin-bottom:var(--space-lg);text-align:center}.auth-provider-title{margin-bottom:.875rem;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600}.auth-provider-buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.provider-button{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;flex:1 1 8.75rem;min-width:8.75rem;min-height:var(--touch-min);border:.0625rem solid rgba(255,255,255,.12);border-radius:var(--radius-xl);padding:0 1.125rem;font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.provider-button img{display:block;width:auto;height:1.125rem}.provider-button:hover{transform:translateY(-.0625rem)}.provider-telegram{background:var(--brand-telegram);color:var(--color-text);border-color:transparent}.provider-google{background:#fff;color:#111}.provider-yandex{background:var(--brand-yandex);color:var(--color-text);border-color:transparent}.provider-mailru{background:var(--brand-mailru);color:var(--color-text);border-color:transparent}.provider-email{background:rgba(255,255,255,.08);color:var(--color-text);border-color:rgba(255,255,255,.2)}.provider-email:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28)}.auth-divider{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:.75rem 0 1.125rem;color:var(--color-text-divider);font-size:var(--text-sm)}.auth-divider::after,.auth-divider::before{content:'';flex:1;height:.0625rem;background:rgba(255,255,255,.1)}.modal-content label{display:block;margin:.875rem 0 .375rem;color:var(--color-text-muted);font-size:var(--text-sm)}.modal-content input{width:100%;min-height:var(--touch-min);padding:.75rem .875rem;border-radius:var(--radius-sm);border:.0625rem solid var(--border-subtle);background:rgba(255,255,255,.06);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--transition-fast),background var(--transition-fast)}.modal-content select{min-height:var(--touch-min);font-size:var(--text-base);border-radius:var(--radius-sm)}.modal-content input:focus-visible{border-color:var(--color-accent);background:rgba(255,255,255,.08)}.modal-actions{display:grid;gap:.75rem;margin-top:var(--space-lg)}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{flex:1;width:100%;padding-right:2.75rem!important;box-sizing:border-box}.btn-generate-password{position:absolute;right:.5rem;background:0 0;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity var(--transition-fast)}.btn-generate-password:hover{opacity:1}.btn-generate-password:active{opacity:.9}#auth-signup-checkboxes{display:flex;flex-direction:column;gap:.1rem;margin:0}.auth-checkbox{display:flex;flex-direction:column;gap:.25rem}.checkbox-item{display:flex;align-items:flex-start;gap:.75rem}.checkbox-item:first-child{margin-bottom:-.5rem}.checkbox-item input[type=checkbox]{margin-top:.25rem;cursor:pointer;min-width:1.25rem;width:1.25rem;height:1.25rem;flex-shrink:0}.checkbox-item label{font-size:var(--text-sm);cursor:pointer;line-height:1.4;display:inline}.checkbox-item label a{color:var(--color-accent);text-decoration:underline;transition:color var(--transition-fast)}.checkbox-item label a:hover{color:var(--color-accent-light)}.auth-login-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:var(--space-lg)}.auth-forgot-link{background:0 0;border:none;padding:0;font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;text-decoration:none;white-space:nowrap;transition:color var(--transition-fast)}.auth-forgot-link:hover{color:var(--color-accent);text-decoration:underline}.auth-register-promo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.875rem;padding:.875rem 1rem;border-radius:var(--radius-md);background:rgba(255,255,255,.06);border:.0625rem solid rgba(255,255,255,.12)}.auth-register-promo__label{font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-register-btn{background:0 0;border:.0625rem solid var(--color-accent);color:var(--color-accent);border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:var(--text-sm);font-weight:600;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.auth-register-btn:hover{background:rgba(59,130,246,.12);transform:translateY(-.0625rem)}.auth-panel-lead{margin:0 0 1rem;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5}.auth-panel-submit{width:100%;margin-top:var(--space-lg)}.auth-back-link{display:block;width:100%;margin-top:.875rem;padding:0;background:0 0;border:none;color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;text-align:center;transition:color var(--transition-fast)}.auth-back-link:hover{color:var(--color-accent)}.message{margin-top:.875rem;min-height:1.5rem;font-size:var(--text-sm)}.auth-notice-banner{margin-top:1.125rem;padding:.875rem 1.125rem;border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.5}.auth-notice-banner.success{background:rgba(46,204,113,.12);color:var(--color-success-soft);border:.0625rem solid rgba(46,204,113,.25)}.auth-notice-banner.error{background:rgba(192,57,43,.12);color:var(--color-error-soft);border:.0625rem solid rgba(192,57,43,.25)}#auth-verification-panel h4{margin:0 0 .75rem;font-size:var(--text-lg)}#auth-provider-conflict-panel h4{margin:0 0 .75rem;font-size:var(--text-lg)}#auth-provider-conflict-panel .btn{width:100%;margin-top:var(--space-sm)}#auth-verification-panel p{margin:0 0 .75rem;color:var(--color-text-secondary);line-height:1.5;font-size:var(--text-sm)}.verification-note{font-size:var(--text-sm);color:var(--color-text-muted)!important}#auth-verification-panel .btn{width:100%;margin-top:var(--space-sm)}@media (min-width:37.5rem){.landing-shell{padding:var(--space-lg) 0 var(--space-xl)}.landing-header-inner{padding:0}.landing-header{margin-bottom:var(--space-sm)}.billing-toggle{flex-direction:row;width:auto;max-width:none}.billing-toggle-btn{flex-wrap:nowrap}.plan-grid{grid-template-columns:repeat(2,1fr)}.info-cards{grid-template-columns:repeat(2,1fr)}.info-cards>.info-card:last-child:nth-child(odd){grid-column:1/-1}.features-grid{grid-template-columns:repeat(2,1fr)}.hero-aside,.hero-code-visual{display:none}}@media (min-width:64rem){.landing-shell{padding:var(--space-xl) 0}.landing-header-inner{padding:0}.hero{grid-template-columns:1.4fr 0.8fr;align-items:stretch}.hero-main{grid-column:1;grid-row:1}.hero-aside{display:block;grid-column:2;grid-row:1;padding:var(--space-lg);border-radius:var(--radius-md);background:var(--color-bg-elevated);border:.0625rem solid var(--border-subtle)}.hero-panel{grid-column:1/-1}.hero-code-visual{display:block;position:relative;right:auto;bottom:auto;width:100%;height:100%;min-height:20rem;z-index:0;opacity:1;pointer-events:none}.plan-grid{grid-template-columns:repeat(3,1fr)}.features-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:100rem){.landing-shell{padding-left:var(--space-md);padding-right:var(--space-md)}.landing-header-inner{flex-wrap:nowrap;position:relative;padding-inline:var(--space-md)}.header-nav-group{position:static;margin-left:auto}.header-menu-toggle{display:inline-flex}.landing-header .header-nav{display:none;position:absolute;top:calc(100% + .5rem);left:0;right:0;width:100%;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:.5rem;min-width:0;padding:var(--space-md);border-radius:var(--radius-lg);background:var(--color-bg);backdrop-filter:none;-webkit-backdrop-filter:none;border:.0625rem solid var(--border-subtle);box-shadow:var(--shadow-sm);z-index:1001;opacity:1}.landing-header:has(.header-nav.is-open){background:var(--color-bg);backdrop-filter:none;-webkit-backdrop-filter:none}.landing-header .header-nav.is-open{display:flex}.landing-header .header-nav a:not(.header-signin-btn){width:100%;justify-content:center}.landing-header .header-nav .header-dropdown{width:100%;display:flex;flex-direction:column;align-items:stretch}.landing-header .header-nav .header-dropdown__toggle{width:100%;justify-content:center;font-size:var(--text-base);font-weight:var(--font-semibold);background:var(--color-accent-soft);color:var(--color-accent);border:.0625rem solid var(--color-accent)}.landing-header .header-nav .header-dropdown__toggle:hover,.landing-header .header-nav .header-dropdown__toggle[aria-expanded=true]{background:var(--color-accent-soft);color:var(--color-accent);filter:brightness(1.08)}.landing-header .header-nav .header-dropdown__menu{position:static;right:auto;min-width:0;width:calc(100% + .75rem);transform:none;box-shadow:none;background:var(--color-accent-soft);border-color:var(--color-accent);margin-top:.25rem;margin-inline:-0.375rem}.landing-header .header-nav .header-dropdown__menu[aria-hidden=true]{display:none}.landing-header .header-nav .header-dropdown__menu[aria-hidden=false]{display:flex;flex-direction:column;gap:.25rem;transform:none}.landing-header .header-nav .header-dropdown__item{width:100%;display:flex;align-items:center;gap:.625rem;padding:var(--space-sm) var(--space-md);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);background:var(--bg-surface-strong)}.landing-header .header-nav .header-dropdown__item:hover{background:var(--color-primary-hover);color:var(--color-text)}.header-signin-btn,.landing-header .header-nav a.header-signin-btn{width:100%;min-height:2.75rem;padding:.625rem 1.375rem .625rem 1.5rem;font-size:var(--text-sm)}.billing-toggle-btn{flex-direction:column;gap:.375rem}.discount-badge{margin-left:0}.hero{margin-top:var(--space-md)}.hero-main,.hero-panel{padding:var(--space-lg) var(--space-md)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%;min-width:auto}.auth-login-row,.auth-register-promo{flex-direction:column;align-items:stretch}.auth-login-row .btn,.auth-register-promo .auth-register-btn{width:100%}}.password-wrapper{display:flex;align-items:center;gap:.5rem;width:100%}.password-input-container{position:relative;flex:1;display:flex;align-items:center}.password-input-container input{width:100%;padding-right:2.5rem!important}.btn-generate-password{position:absolute;right:.625rem;background:0 0;border:none;cursor:pointer;font-size:var(--text-lg);padding:.25rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:transform .2s ease,color .2s ease;user-select:none;z-index:2}.btn-generate-password:hover{transform:scale(1.15) rotate(15deg);color:var(--color-accent)}.btn-generate-password:active{transform:scale(.95)}.password-info-tooltip{position:relative;display:inline-block;flex-shrink:0}.btn-password-info{width:1.5rem;height:1.5rem;border-radius:50%;border:.0625rem solid var(--color-text-muted);background:0 0;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:700;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.btn-password-info:hover,.password-info-tooltip:hover .btn-password-info{border-color:var(--color-accent);color:var(--color-accent);background:rgba(96,165,250,.1)}.password-info-tooltip .tooltip-content{visibility:hidden;opacity:0;width:18.75rem;background:var(--color-tooltip-bg);color:var(--color-text);text-align:left;border-radius:.75rem;padding:1rem;position:absolute;z-index:1001;bottom:125%;right:0;margin-bottom:.5rem;box-shadow:0 .5rem 1.5rem rgba(0,0,0,.4);border:.0625rem solid var(--border-subtle);font-size:var(--text-sm);line-height:1.5;transition:opacity .2s ease,transform .2s ease;transform:translateY(.5rem);pointer-events:none}.password-info-tooltip.active .tooltip-content,.password-info-tooltip:hover .tooltip-content{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}.password-info-tooltip .tooltip-content::after{content:"";position:absolute;top:100%;right:.5rem;margin-left:-.3125rem;border-width:.3125rem;border-style:solid;border-color:var(--color-tooltip-bg) transparent transparent transparent}.tooltip-content strong{display:block;margin-bottom:.5rem;color:var(--color-accent)}.tooltip-content ul{margin:0;padding-left:1.125rem}.tooltip-content li{margin-bottom:.25rem}.tooltip-content li:last-child{margin-bottom:0}.landing-section-zebra,.section-zebra{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;box-sizing:border-box;padding:clamp(3rem,5vw,4.5rem) 0;margin-top:clamp(2rem,4vw,3.5rem);margin-bottom:clamp(2.5rem,4.5vw,4rem)}.landing-section-zebra__inner,.section-zebra__inner{width:100%;max-width:var(--shell-max,80%);margin:0 auto;padding:0 var(--space-md,1rem);box-sizing:border-box}.landing-section-zebra--1,.section-zebra--1{background:radial-gradient(ellipse 70% 60% at 50% 0,rgba(108,92,231,.14),transparent 70%),linear-gradient(180deg,rgba(22,26,42,.95) 0,rgba(16,19,31,.98) 100%);border-top:1px solid rgba(108,92,231,.24);border-bottom:1px solid rgba(108,92,231,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}:root.light-theme .landing-section-zebra--1,:root.light-theme .section-zebra--1,body.light-theme .landing-section-zebra--1,body.light-theme .section-zebra--1{background:radial-gradient(ellipse 70% 60% at 50% 0,rgba(108,92,231,.08),transparent 70%),linear-gradient(180deg,#fff 0,#f7f8fc 100%);border-top:1px solid rgba(108,92,231,.18);border-bottom:1px solid rgba(108,92,231,.15)}.landing-section-zebra--2,.section-zebra--2{background:radial-gradient(ellipse 70% 60% at 50% 100%,rgba(0,210,211,.12),transparent 70%),linear-gradient(180deg,rgba(16,26,38,.95) 0,rgba(14,20,32,.98) 100%);border-top:1px solid rgba(0,210,211,.24);border-bottom:1px solid rgba(0,210,211,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}:root.light-theme .landing-section-zebra--2,:root.light-theme .section-zebra--2,body.light-theme .landing-section-zebra--2,body.light-theme .section-zebra--2{background:radial-gradient(ellipse 70% 60% at 50% 100%,rgba(0,210,211,.08),transparent 70%),linear-gradient(180deg,#f0f8fa 0,#f7fafc 100%);border-top:1px solid rgba(0,210,211,.2);border-bottom:1px solid rgba(0,210,211,.16)}.landing-section-zebra .feature-card,.section-zebra .feature-card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px rgba(0,0,0,.2)}.landing-section-zebra--1 .feature-card:hover,.section-zebra--1 .feature-card:hover{border-color:rgba(108,92,231,.5)}.landing-section-zebra--2 .feature-card:hover,.section-zebra--2 .feature-card:hover{border-color:rgba(0,210,211,.5)}