:root{color-scheme:light;--bg: #f6f6f6;--card: #ffffff;--text: #19191a;--text-secondary: #303133;--muted: #606266;--muted-soft: #909399;--accent: #24252a;--purple: #816dde;--success: #00c362;--border: #e8e6ef;--shadow: 0 5px 14.2px rgba(47, 43, 61, .18);--shadow-soft: 0 5px 7.1px rgba(47, 43, 61, .18);--page-gutter: 16px;--content-max: 520px;--layout-max: 1320px;--desktop-break: 1024px;font-family:Noto Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}.page-bg{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 0%,#fff6d9 0%,transparent 42%),radial-gradient(circle at 92% 8%,#efe8ff 0%,transparent 40%),radial-gradient(circle at 50% 100%,#dad2f6 0%,transparent 35%),var(--bg);z-index:0}.page{position:relative;z-index:1;width:min(100%,var(--content-max));margin:0 auto;padding:20px var(--page-gutter) calc(40px + env(safe-area-inset-bottom));min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;gap:0}.page--plans{width:min(100%,402px);padding-top:16px}.landing-view,.plans-view{width:100%}.landing-view{display:flex;flex-direction:column;gap:24px}.plans-view{display:flex;flex-direction:column;gap:20px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.site-header--inline{align-items:center}.plans-top{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.site-logo{width:min(183px,52vw);height:auto;flex-shrink:0;display:block}.site-logo--plans{margin:0 auto}.user-session{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.user-session .user-greeting{margin:0;font-size:.95rem;color:var(--text-secondary);text-align:center}.user-session .user-greeting span{font-weight:600;color:var(--text)}.user-session .button-ghost{min-width:140px}.button-compact{min-width:0;padding:10px 18px;font-size:.95rem;white-space:nowrap}.onboarding-grid{display:none}.onboarding-carousel{width:100%;outline:none}.onboarding-card,.carousel-slide{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.onboarding-card{background:#ffffffd1;border-radius:20px;padding:16px 12px 20px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:100%}.onboarding-image{width:100%;max-width:160px;height:auto;max-height:140px;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.onboarding-title{font-family:Fraunces,Georgia,serif;font-size:clamp(1.1rem,1.5vw,1.35rem);font-weight:400;line-height:1.25;margin:0;color:var(--text)}.title-accent{color:var(--purple)}.onboarding-text{margin:0;color:var(--muted);font-size:.8rem;line-height:1.45}.carousel-viewport{overflow:hidden;border-radius:20px;background:#ffffff73;box-shadow:var(--shadow-soft)}.carousel-track{display:flex;transition:transform .45s ease;will-change:transform}.carousel-slide{flex:0 0 100%;margin:0;min-height:auto;padding:20px 20px 8px;background:#ffffff8c}.carousel-slide .onboarding-image{max-width:min(280px,72vw);max-height:clamp(160px,38vw,220px)}.carousel-slide .onboarding-title{font-size:clamp(1.35rem,5vw,1.75rem);max-width:28rem}.carousel-slide .onboarding-text{font-size:.9rem;max-width:30rem;line-height:1.5}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}.carousel-btn{width:36px;height:36px;padding:0;border-radius:50%;background:#ffffffe6;border:1px solid var(--border);color:var(--text);font-size:1.35rem;line-height:1;cursor:pointer;flex-shrink:0}.carousel-btn:hover{background:#fff}.carousel-dots{display:flex;align-items:center;gap:8px}.carousel-dot{width:8px;height:8px;padding:0;border:none;border-radius:50%;background:#d0d3d9;cursor:pointer;transition:transform .2s ease,background .2s ease}.carousel-dot--active{background:var(--purple);transform:scale(1.2)}.button{appearance:none;border:none;border-radius:12px;padding:12px 20px;font:inherit;font-size:1rem;line-height:1.625;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:opacity .15s ease,background .15s ease}.button-primary{background:var(--accent);color:#fff;min-width:180px}.button-primary:hover:not(:disabled){background:#32343b}.button-ghost{background:transparent;color:var(--text);border:1px solid var(--border);padding:10px 16px;font-size:.9rem}.button-ghost:hover:not(:disabled){background:#ffffffb3}button:disabled{opacity:.6;cursor:not-allowed}.plans-section{display:flex;flex-direction:column;gap:20px;width:100%}.plans-header{text-align:center}.plans-header h1{font-family:Noto Sans,system-ui,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.45;margin:0;color:var(--text)}.trial-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--card);border-radius:16px;box-shadow:var(--shadow-soft);max-width:640px;margin:0 auto;width:100%}.trial-card-title{margin:0 0 8px;font-size:1rem;font-weight:600}.trial-card-list{margin:0;padding-left:1.1rem;color:var(--muted);font-size:.75rem;line-height:1.35}.trial-card-list li+li{margin-top:4px}.trial-switch{position:relative;flex-shrink:0;width:36px;height:20px;margin-top:2px}.trial-switch input{opacity:0;width:0;height:0}.trial-switch-track{position:absolute;inset:0;border-radius:999px;background:#d0d3d9;transition:background .2s ease}.trial-switch-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s ease}.trial-switch input:checked+.trial-switch-track{background:var(--success)}.trial-switch input:checked+.trial-switch-track:after{transform:translate(16px)}.plans-divider{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:.875rem;max-width:640px;margin:0 auto;width:100%}.plans-divider:before,.plans-divider:after{content:"";flex:1;height:1px;background:var(--border)}.plans{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:18px var(--page-gutter) 8px;margin:0 calc(var(--page-gutter) * -1);-webkit-overflow-scrolling:touch;scrollbar-width:none}.plans::-webkit-scrollbar{display:none}.plan-card{position:relative;flex:0 0 290px;scroll-snap-align:center;display:flex;flex-direction:column;justify-content:space-between;min-height:100%;background:var(--card);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.plan-card-featured{background:linear-gradient(135deg,#fee88659,#dad2f673),var(--card)}.plan-card-active{outline:2px solid var(--text);outline-offset:-2px}.plan-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:2;border-radius:16px;padding:4px 12px;font-size:.875rem;font-weight:500;white-space:nowrap;box-shadow:0 5px 15px #2f2b3d2e}.plan-badge-popular{background:var(--purple);color:#fff}.plan-badge-current{background:var(--text);color:#fff;font-size:.75rem;text-transform:uppercase;letter-spacing:.02em}.plan-card-body{padding:32px 16px 16px}.plan-card-head{text-align:center;margin-bottom:16px}.plan-card h2{font-family:Fraunces,Georgia,serif;font-size:1.5rem;font-weight:400;line-height:1.15;margin:0}.plan-duration{margin:12px 0 0;color:var(--muted);font-size:.875rem}.plan-price{font-family:Fraunces,Georgia,serif;font-size:2.625rem;line-height:1.2;color:#21272a;margin:12px 0 0}.plan-tagline{margin:16px 0 0;color:var(--text-secondary);font-size:.875rem;line-height:1.45}.plan-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.plan-feature{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:.75rem;line-height:1.35}.plan-feature-icon{flex-shrink:0;width:24px;height:24px;margin-top:-2px}.plan-card-footer{padding:12px 12px 24px}.plan-cta{width:100%;min-height:52px;background:var(--accent);color:#fff;border-radius:12px;font-size:1rem}.panel{background:var(--card);border:none;border-radius:16px;padding:24px;width:min(420px,calc(100vw - 32px));margin:0;box-shadow:var(--shadow)}dialog::backdrop{background:#19191a73}.panel h2{margin:0 0 8px;font-family:Fraunces,Georgia,serif;font-weight:400}.panel-lead{margin:0 0 16px;color:var(--muted);font-size:.9rem}.panel-actions{display:flex;flex-direction:column;gap:10px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field span{font-size:.875rem;color:var(--text-secondary)}.field input{border:1px solid var(--border);border-radius:10px;padding:12px;font:inherit;background:#fff}.error{color:#c0392b;margin:12px 0 0;font-size:.9rem}.status{margin:4px 0 0;color:var(--muted);font-size:.9rem;text-align:center}.hidden{display:none!important}.badge{display:inline-block;background:var(--purple);color:#fff;border-radius:999px;padding:4px 10px;font-size:.85rem}.success-icon{width:56px;height:56px;border-radius:50%;background:#00c36226;color:var(--success);display:grid;place-items:center;font-size:1.5rem;margin:0 auto 16px}.intro{text-align:center;margin-bottom:20px}.intro h1{font-family:Fraunces,Georgia,serif;font-size:clamp(1.75rem,6vw,2rem);font-weight:400;margin:0 0 8px}.intro p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.5}.toolbar{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:28px}@media(max-width:599px){.page--plans{padding-top:12px}}@media(min-width:640px){:root{--page-gutter: 24px}.carousel-slide{padding:24px 32px 12px}}@media(min-width:1024px){.page:not(.page--plans){width:min(100%,var(--layout-max));padding-top:32px;padding-bottom:48px}.onboarding-carousel{display:none}.onboarding-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:stretch}.onboarding-card .onboarding-image{max-width:100%;max-height:120px}.onboarding-card .onboarding-text{font-size:.75rem}}@media(min-width:1200px){.onboarding-grid{gap:20px}.onboarding-card{padding:20px 14px 24px}.onboarding-card .onboarding-image{max-height:150px}.onboarding-card .onboarding-text{font-size:.8rem}}@media(min-width:900px){.page--plans{width:min(100%,var(--layout-max));padding-top:32px;padding-bottom:48px}.plans-top{flex-direction:row;justify-content:space-between;align-items:center;gap:24px;margin-bottom:8px}.site-logo--plans{margin:0}.user-session{flex-direction:row;align-items:center;justify-content:flex-end;width:auto;gap:16px}.user-session .user-greeting{text-align:right}.plans-header{text-align:left}.plans-header h1{font-family:Fraunces,Georgia,serif;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:400}.plans-section{gap:24px}.trial-card,.plans-divider{margin:0;max-width:none}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:20px;padding:20px 0 8px;margin:0}.plan-card{flex:unset;scroll-snap-align:unset;min-width:0}}