:root{--bg:#fff;--bg-soft:#f8fafc;--bg-navy:#0f172a;--surface:#fff;--border:#e2e8f0;--border-strong:#cbd5e1;--text:#0f172a;--text-secondary:#64748b;--text-faint:#94a3b8;--primary:#26344e;--primary-dark:#1b2536;--accent:#3b82f6;--accent-soft:#eff6ff;--gradient:linear-gradient(120deg, #26344e, #3b82f6);--gradient-text:linear-gradient(105deg, #26344e 20%, #3b82f6 90%);--success:#10b981;--error:#dc2626;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-full:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:72px;--space-9:112px;--font:"Inter", -apple-system, "Segoe UI", Roboto, sans-serif;--shadow-card:0 24px 60px #0f172a1f;--shadow-soft:0 8px 30px #0f172a0f;--max-width:1160px;--nav-height:68px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}::selection{background:#3b82f638}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-5);margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);letter-spacing:.01em;white-space:nowrap;padding:14px 26px;font-size:15px;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:inline-flex}.btn:active{transform:translateY(1px)scale(.99)}.btn--primary{background:var(--primary);color:#fff;box-shadow:0 10px 26px #26344e52}.btn--primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 16px 36px #26344e66}.btn--ghost{border:1px solid var(--border-strong);color:var(--text);background:var(--surface)}.btn--ghost:hover{border-color:var(--primary);transform:translateY(-1px)}.btn--sm{padding:10px 18px;font-size:14px}.nav{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#ffffffd9;position:fixed;inset:0 0 auto}.nav__inner{height:var(--nav-height);justify-content:space-between;align-items:center;display:flex}.nav__logo img{height:26px;display:block}.nav__links{gap:var(--space-6);color:var(--text-secondary);font-size:14.5px;font-weight:500;display:flex}.nav__links a{transition:color .15s}.nav__links a:hover{color:var(--text)}@media (width<=720px){.nav__links{display:none}}.announce{margin-top:var(--nav-height);background:var(--gradient);color:#fff;text-align:center;padding:10px var(--space-4);font-size:13.5px;font-weight:600}.announce strong{font-weight:800}.hero{padding:var(--space-8) 0 var(--space-9);background:linear-gradient(180deg, var(--bg-soft), var(--bg) 75%);position:relative;overflow:hidden}.hero__orb{filter:blur(90px);opacity:.35;pointer-events:none;border-radius:50%;position:absolute}.hero__orb--a{background:radial-gradient(circle,#3b82f680,#0000 65%);width:560px;height:560px;top:-180px;right:-120px}.hero__orb--b{background:radial-gradient(circle,#26344e47,#0000 65%);width:460px;height:460px;bottom:-220px;left:-140px}.hero__grid{pointer-events:none;background-image:linear-gradient(#0f172a09 1px,#0000 1px),linear-gradient(90deg,#0f172a09 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 30%,#000 35%,#0000 75%);mask-image:radial-gradient(90% 70% at 50% 30%,#000 35%,#0000 75%)}.hero__inner{gap:var(--space-8);grid-template-columns:1.05fr .95fr;align-items:center;display:grid;position:relative}@media (width<=940px){.hero__inner{grid-template-columns:1fr}}.hero__eyebrow{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-5);padding:7px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.hero__eyebrow-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 10px var(--success);border-radius:50%}.hero h1{letter-spacing:-.035em;margin-bottom:var(--space-5);font-size:clamp(40px,5.6vw,64px);font-weight:800;line-height:1.06}.hero h1 em{background:var(--gradient-text);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero__sub{color:var(--text-secondary);max-width:46ch;margin-bottom:var(--space-6);font-size:18px}.hero__ctas{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.hero__ctas .btn--ghost{padding:13px 20px}.hero__note{margin-top:var(--space-4);color:var(--text-faint);font-size:13.5px}.hero__visual{min-height:380px;position:relative}.mock{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-card);padding:var(--space-6);max-width:420px;margin-left:auto;position:relative}.mock__head{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.mock__title{font-size:15px;font-weight:700}.mock__badge{letter-spacing:.06em;color:#047857;border-radius:var(--radius-full);background:#10b98114;border:1px solid #10b98159;padding:4px 10px;font-size:11.5px;font-weight:700}.mock__row{padding:var(--space-3) 0;border-bottom:1px solid var(--border);color:var(--text-secondary);justify-content:space-between;font-size:14px;display:flex}.mock__row strong{color:var(--text);font-weight:600}.mock__total{padding-top:var(--space-4);justify-content:space-between;font-size:16px;font-weight:700;display:flex}.mock__qr{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-card);color:var(--text-secondary);font-size:12.5px;display:flex;position:absolute;bottom:-26px;left:-30px}.mock__qr-box{background:conic-gradient(from 90deg at 60% 40%, transparent 0 25%, #0f172acc 0 50%, transparent 0 75%, #0f172acc 0), #0f172a1f;border-radius:6px;width:34px;height:34px}.trust{padding:var(--space-5) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-soft)}.trust__inner{justify-content:center;gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}.trust__chip{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:13.5px;font-weight:500;display:inline-flex}.trust__chip:before{content:"";background:var(--gradient);border-radius:50%;width:6px;height:6px}.section{padding:var(--space-9) 0;position:relative}.section--soft{background:var(--bg-soft)}.section__eyebrow{letter-spacing:.16em;text-transform:uppercase;background:var(--gradient-text);color:#0000;margin-bottom:var(--space-3);-webkit-background-clip:text;background-clip:text;font-size:13px;font-weight:700}.section__title{letter-spacing:-.03em;margin-bottom:var(--space-4);max-width:26ch;font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1.12}.section__sub{color:var(--text-secondary);max-width:62ch;margin-bottom:var(--space-7);font-size:17px}.caps{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=940px){.caps{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.caps{grid-template-columns:1fr}}.cap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-6);box-shadow:var(--shadow-soft);transition:transform .2s,border-color .2s,box-shadow .2s}.cap:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card);transform:translateY(-4px)}.cap--featured{background:radial-gradient(120% 160% at 0% 0%, #3b82f614, transparent 55%), var(--surface);grid-column:span 2}@media (width<=640px){.cap--featured{grid-column:span 1}}.cap__icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);margin-bottom:var(--space-4);border:1px solid #3b82f640;border-radius:12px;justify-content:center;align-items:center;display:flex}.cap__title{margin-bottom:var(--space-2);letter-spacing:-.01em;font-size:17px;font-weight:700}.cap__text{color:var(--text-secondary);font-size:14.5px}.cap__tags{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.cap__tag{color:var(--text-secondary);border:1px solid var(--border);background:var(--bg-soft);border-radius:var(--radius-full);padding:4px 11px;font-size:12px;font-weight:600}.showcase__grid{align-items:stretch;gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=940px){.showcase__grid{grid-template-columns:1fr}}.showcase__grid>div{display:flex}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft);padding:var(--space-5);flex-direction:column;flex:1;transition:transform .2s,box-shadow .2s;display:flex}.panel:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.panel__label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:var(--space-4);font-size:12.5px;font-weight:700}.panel__caption{padding-top:var(--space-4);color:var(--text-secondary);margin-top:auto;font-size:14px}.chart{min-height:150px;margin-bottom:var(--space-2);flex:1;align-items:flex-end;gap:10px;display:flex}.chart__bar{opacity:.9;transform-origin:bottom;background:linear-gradient(#3b82f6,#26344e);border-radius:8px 8px 3px 3px;flex:1;animation:1s both growBar}@keyframes growBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.register{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.register__key{border:1px solid var(--border);background:var(--bg-soft);height:38px;color:var(--text-secondary);border-radius:9px;justify-content:center;align-items:center;font-size:13.5px;font-weight:600;display:flex}.register__key--accent{background:var(--primary);border-color:var(--primary);color:#fff}.register__total{background:var(--accent-soft);border-radius:9px;grid-column:span 3;justify-content:space-between;padding:10px 12px;font-size:14px;font-weight:700;display:flex}.stock{justify-content:center;gap:var(--space-4);flex-direction:column;flex:1;display:flex}.stock__row{align-items:center;gap:var(--space-3);color:var(--text-secondary);grid-template-columns:84px 1fr 34px;font-size:13px;display:grid}.stock__track{border-radius:var(--radius-full);background:var(--bg-soft);border:1px solid var(--border);height:9px;overflow:hidden}.stock__fill{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#3b82f6,#26344e);height:100%;animation:1.1s both growFill}.stock__fill--low{background:linear-gradient(90deg,#f59e0b,#ef4444)}@keyframes growFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.showcase__note{margin:var(--space-7) auto 0;text-align:center;max-width:640px;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);box-shadow:var(--shadow-soft);padding:var(--space-4) var(--space-6);font-size:15px}.showcase__note strong{color:var(--text)}.support__grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=940px){.support__grid{grid-template-columns:1fr}}.support__ctas{gap:var(--space-4);margin-top:var(--space-7);flex-wrap:wrap;justify-content:center;display:flex}.calc{gap:var(--space-6);grid-template-columns:1.15fr .85fr;align-items:start;display:grid}@media (width<=940px){.calc{grid-template-columns:1fr}}.calc__plans{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=640px){.calc__plans{grid-template-columns:1fr}}.plan{text-align:left;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-5);box-shadow:var(--shadow-soft);transition:border-color .15s,box-shadow .15s,transform .15s}.plan:hover{transform:translateY(-2px)}.plan[aria-pressed=true]{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary), var(--shadow-soft);background:var(--accent-soft)}.plan__name{margin-bottom:2px;font-size:15.5px;font-weight:700}.plan__tagline{color:var(--text-secondary);min-height:34px;font-size:12.5px}.plan__price{margin-top:var(--space-3);letter-spacing:-.02em;font-size:20px;font-weight:800}.plan__price span{color:var(--text-faint);font-size:12.5px;font-weight:500}.calc__hint{color:var(--text-secondary);margin-bottom:var(--space-4);font-size:13.5px}.calc__addons{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=640px){.calc__status{text-align:center;color:var(--text-secondary);padding:var(--space-7) 0;font-size:15px}.calc__addons{grid-template-columns:1fr}}.addon{align-items:flex-start;gap:var(--space-3);text-align:left;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-4);transition:border-color .15s,background .15s;display:flex}.addon[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.addon__check{border:1.5px solid var(--border-strong);color:#0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;transition:all .15s;display:flex}.addon[aria-pressed=true] .addon__check{background:var(--primary);border-color:var(--primary);color:#fff}.addon:disabled{cursor:default;color:var(--text)}.addon__body{flex:auto;min-width:0}.addon__name{font-size:14px;font-weight:600}.addon__blurb{color:var(--text-faint);font-size:12.5px}.addon__price{color:var(--text-secondary);flex-shrink:0;margin-left:auto;font-size:13.5px;font-weight:700}.summary{top:calc(var(--nav-height) + 24px);border-radius:var(--radius-lg);background:linear-gradient(165deg, #1c2942, var(--bg-navy));color:#eef2fa;box-shadow:var(--shadow-card);padding:var(--space-6);position:sticky}.summary__title{letter-spacing:.1em;text-transform:uppercase;color:#eef2fa8c;margin-bottom:var(--space-4);font-size:14px;font-weight:700}.summary__line{justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;color:#eef2facc;font-size:14px;display:flex}.summary__line--auto{color:#eef2fa8c;font-size:13px}.summary__line--free{color:#34d399}.summary__total{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid #ffffff24;justify-content:space-between;align-items:baseline;display:flex}.summary__total-amount{letter-spacing:-.03em;background:linear-gradient(105deg,#9db8ff,#67e8f9);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:34px;font-weight:800}.summary__total-period{color:#eef2fa8c;font-size:13px}.summary__monthly{color:#eef2fabf;margin-top:var(--space-1);font-size:13px}.summary__cta{width:100%;margin-top:var(--space-5);color:var(--primary);box-shadow:none;background:#fff}.summary__cta:hover{box-shadow:none;background:#f1f5f9}.summary__note{margin-top:var(--space-3);color:#eef2fa8c;text-align:center;font-size:12.5px}.chip{align-items:center;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);box-shadow:var(--shadow-soft);padding:8px 12px 8px 8px;transition:border-color .15s,box-shadow .15s;display:inline-flex}.chip:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card)}.chip__action{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:background .15s,transform .15s;display:flex}.chip__action:hover{background:var(--primary-dark);transform:scale(1.06)}.chip__value{letter-spacing:.01em;color:var(--text);-webkit-user-select:all;user-select:all;font-size:15.5px;font-weight:600}.chip__copy{border-radius:var(--radius-full);color:var(--text-faint);align-items:center;gap:6px;padding:8px 10px;font-size:12.5px;font-weight:600;transition:color .15s,background .15s;display:inline-flex}.chip__copy:hover{color:var(--text);background:var(--bg-soft)}.chip__copy--done{color:#047857;background:#10b9811a}.chip--hero{gap:var(--space-2);background:var(--gradient);border:none;padding:6px 10px 6px 6px;box-shadow:0 10px 26px #26344e52}.chip--hero:hover{box-shadow:0 16px 36px #26344e66}.chip--hero .chip__action{width:38px;height:38px;color:var(--primary);background:#fff}.chip--hero .chip__action:hover{background:var(--accent-soft)}.chip--hero .chip__value{color:#fff;font-size:15px}.chip--hero .chip__copy{color:#ffffffbf}.chip--hero .chip__copy:hover{color:#fff;background:#ffffff24}.chip--hero .chip__copy--done{color:#a7f3d0;background:#ffffff24}.contact{border-top:1px solid var(--border);background:radial-gradient(80% 120% at 50% 120%, #3b82f61a, transparent 60%), var(--bg-soft)}.contact__inner{text-align:center;flex-direction:column;align-items:center;display:flex}.contact__inner .section__title{max-width:none}.contact__ctas{gap:var(--space-4);margin:var(--space-6) 0 var(--space-7);flex-wrap:wrap;justify-content:center;display:flex}.contact-form__wrap{width:100%}.contact-form{width:100%;max-width:460px;margin:0 auto var(--space-7);padding:var(--space-6);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);gap:var(--space-4);flex-direction:column;display:flex}.contact-form__title{color:var(--text);font-size:17px;font-weight:700}.contact-form__sub{color:var(--text-secondary);margin-top:calc(var(--space-3) * -1);font-size:14px}.contact-form__field{gap:var(--space-2);flex-direction:column;display:flex}.contact-form__label{color:var(--text-secondary);font-size:13px;font-weight:600}.contact-form__input{width:100%;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}.contact-form__input::placeholder{color:var(--text-faint)}.contact-form__input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.contact-form__input[aria-invalid=true]{border-color:var(--error)}.contact-form__error{color:var(--error);font-size:12.5px}.contact-form__trap{display:none}.contact-form--sent{text-align:center}.contact-form__submit{margin-top:var(--space-2);justify-content:center;width:100%}.contact__info{color:var(--text-secondary);font-size:14px;line-height:2}.contact__info strong{color:var(--text)}.footer{padding:var(--space-5) 0;border-top:1px solid var(--border);color:var(--text-faint);text-align:center;font-size:13px}@media (width<=940px){.hero{padding-bottom:var(--space-8)}.hero__visual{min-height:auto}.mock{max-width:100%;margin:0 auto}.mock__qr{margin-top:var(--space-5);box-shadow:none;border-color:var(--border);background:var(--bg-soft);position:static}.summary{position:static}}@media (width<=640px){.section{padding:var(--space-8) 0}.mock{padding:var(--space-5)}.mock__badge{white-space:nowrap}.cap,.panel,.summary{padding:var(--space-5)}.summary__total-amount{font-size:clamp(24px,8vw,34px)}.plan__tagline{min-height:0}.addon{flex-wrap:wrap}.addon__body{flex-basis:0}.addon__price{text-align:right;flex:0 0 100%;margin-left:0}.showcase__note{border-radius:var(--radius-md);padding:var(--space-4)}.contact__ctas{flex-direction:column;align-items:stretch}.support__ctas{flex-direction:column;align-items:center}.hero__orb--a,.hero__orb--b{width:320px;height:320px}.announce{padding:10px var(--space-5);line-height:1.45}.chip{max-width:100%}.chip__value{font-size:15px}.hero__ctas .btn--ghost{width:100%}}@media (width<=400px){.container{padding:0 var(--space-4)}.chip{justify-content:flex-start;width:100%}.chip__copy{margin-left:auto}.plan,.addon{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}