.site-header .wrap{gap:12px 20px}.nav{gap:2px}.nav a{padding:10px;font-size:.9375rem}.btn--demo{background:var(--accent);color:var(--on-accent);text-transform:uppercase;letter-spacing:.03em;box-shadow:0 8px 20px -8px #1565f0b3,inset 0 0 0 1.5px #ffffff2e}.btn--demo:hover{background:var(--accent-hover);color:var(--on-accent)}.btn--demo svg{width:18px;height:18px;flex-shrink:0}.btn--xl{min-height:64px;padding:16px 32px;font-size:1.125rem;border-radius:14px}.btn--xl svg{width:22px;height:22px}.menu-panel .menu-demo{background:var(--accent);color:var(--on-accent);text-align:center;margin-top:6px}.menu-panel .menu-demo:hover{background:var(--accent-hover);color:var(--on-accent)}@media(max-width:1120px){.nav{display:none}.menu{display:block}.header-actions .btn--ghost{display:none}}@media(max-width:520px){.header-actions .btn--demo{padding-inline:12px;font-size:.8125rem;letter-spacing:.02em}.header-actions .btn--demo svg{display:none}}@media(max-width:360px){.brand-name{display:none}}.hero-note{font-size:.9375rem;color:var(--muted);font-weight:600}.hero--stack .cta-row{gap:14px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.8125rem;font-weight:700;line-height:1.3;white-space:nowrap}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.badge--ready{background:var(--good-soft);color:var(--good)}.badge--dev{background:var(--warn-soft);color:var(--warn)}.badge--info{background:var(--accent-soft);color:var(--accent-ink)}.ind-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}@media(max-width:1080px){.ind-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.ind-grid{grid-template-columns:minmax(0,1fr)}}.ind-card{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);color:var(--ink);text-decoration:none;min-width:0}a.ind-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.ind-card .icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink)}.ind-card .icon svg{width:26px;height:26px}.ind-card h3{font-size:1.1875rem}.ind-card p{color:var(--muted);font-size:.96875rem}.ind-card .go{margin-top:auto;font-weight:700;color:var(--accent-ink)}.ind-card .go:after{content:" \2192"}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}@media(max-width:980px){.plan-grid{grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto}}.plan{position:relative;display:flex;flex-direction:column;gap:16px;padding:28px 26px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm);min-width:0}.plan--recommended{border:2px solid var(--accent);box-shadow:var(--shadow-md)}.plan-flag{position:absolute;top:-13px;left:24px;background:var(--accent);color:var(--on-accent);font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:999px}.plan h3{font-size:1.375rem}.plan .who{color:var(--muted);font-size:.96875rem}.plan .amount{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.plan .amount strong{font-size:2.75rem;line-height:1;letter-spacing:-.03em;color:var(--heading)}.plan .amount span{color:var(--muted);font-weight:600;font-size:.9375rem}.plan .users{font-weight:700;color:var(--heading)}.plan .checks{gap:10px}.plan .checks li{font-size:.96875rem}.plan .btn{margin-top:auto}.plan-note{margin-top:24px;display:grid;gap:6px;justify-items:center;text-align:center;color:var(--muted);font-size:.9375rem}.calc{display:grid;gap:18px;padding:26px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.calc-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:600px){.calc-row{grid-template-columns:minmax(0,1fr)}}.calc-total{display:grid;gap:4px;padding:18px 20px;border-radius:14px;background:var(--bg-soft)}.calc-total strong{font-size:1.75rem;letter-spacing:-.02em;color:var(--heading)}.calc-total span{color:var(--muted);font-size:.9375rem}.compare{width:100%;border-collapse:collapse;font-size:.96875rem;min-width:640px}.compare th,.compare td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.compare thead th{font-size:.875rem;color:var(--muted);font-weight:700;background:var(--bg-soft)}.compare td.y,.compare td.n{text-align:center;font-weight:700}.compare td.y{color:var(--good)}.compare td.n{color:var(--muted)}.compare th[scope=row]{font-weight:600;color:var(--ink)}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.form{display:grid;gap:16px;max-width:34rem}.form--wide{max-width:none}.field{display:grid;gap:6px}.field label{font-weight:700;color:var(--heading);font-size:.9375rem}.field input,.field select,.field textarea{width:100%;min-height:48px;padding:11px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:1rem}.field textarea{min-height:128px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field .hint{font-size:.875rem;color:var(--muted)}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:600px){.form-row{grid-template-columns:minmax(0,1fr)}}.form-status{padding:14px 16px;border-radius:12px;font-weight:600}.form-status--ok{background:var(--good-soft);color:var(--good)}.form-status--error{background:#fdecec;color:#a3141a}.form-status--error ul{margin:6px 0 0;padding-left:20px;font-weight:500}.form-inline{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.form-inline .field{flex:1 1 14rem}.notice{display:grid;gap:6px;padding:18px 20px;border-radius:14px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm)}.notice--info{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent-soft) 60%,var(--surface))}.notice--warn{border-color:color-mix(in srgb,var(--warn) 35%,var(--line));background:color-mix(in srgb,var(--warn-soft) 70%,var(--surface))}.notice strong{color:var(--heading)}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media(max-width:760px){.demo-grid{grid-template-columns:minmax(0,1fr)}}.demo-card{display:grid;gap:12px;align-content:start;padding:26px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.demo-card .top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.demo-card h2{font-size:1.375rem}.demo-card p{color:var(--muted)}.demo-card ol{margin:0;padding-left:20px;display:grid;gap:6px;color:var(--ink)}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}@media(max-width:980px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.video-grid{grid-template-columns:minmax(0,1fr)}}.lesson{display:flex;flex-direction:column;gap:12px;padding:14px 14px 18px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);min-width:0}.lesson video,.lesson .poster{width:100%;aspect-ratio:16 / 9;border-radius:12px;background:#0a1f44;display:block;object-fit:cover}.lesson .poster{display:grid;place-items:center;color:#fff;font-weight:700;text-align:center;padding:16px;background:var(--navy)}.lesson h3{font-size:1.0625rem}.lesson .meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--muted);font-size:.875rem}.lesson details{border-top:1px solid var(--line);padding-top:10px}.lesson summary{cursor:pointer;font-weight:700;color:var(--accent-ink)}.lesson details ol,.lesson details p{margin-top:8px;font-size:.9375rem;color:var(--ink)}.lesson details ol{padding-left:20px;display:grid;gap:4px}.video-dialog{border:0;padding:0;border-radius:16px;width:min(1100px,calc(100vw - 32px),calc((100vh - 112px) * 16 / 9));max-height:calc(100vh - 32px);overflow:hidden;background:#000;color:#fff}.video-dialog::backdrop{background:#071733b8}.video-dialog video{width:100%;display:block;aspect-ratio:16 / 9;background:#000}.video-dialog .bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 18px;background:#0a1f44}.video-dialog .bar strong{font-size:.9375rem}.video-dialog .close{min-height:44px;min-width:44px;border-radius:10px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font:inherit;font-weight:700;cursor:pointer;padding:0 14px}.video-dialog .close:hover{background:#ffffff1a}.kv{display:grid;grid-template-columns:minmax(0,14rem) minmax(0,1fr);gap:10px 24px}.kv dt{font-weight:700;color:var(--heading)}.kv dd{margin:0;color:var(--ink)}@media(max-width:640px){.kv{grid-template-columns:minmax(0,1fr)}.kv dd{margin-bottom:8px}}.final-cta .cta-row{justify-content:center}.anchor-target{scroll-margin-top:96px}:target{scroll-margin-top:96px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.footer-grid{grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,1fr));gap:28px}.footer-col a{padding-block:4px}@media(max-width:1000px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1 / -1}}@media(max-width:460px){.footer-grid{grid-template-columns:minmax(0,1fr)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.steps3.steps4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1000px){.steps3.steps4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.steps3.steps4{grid-template-columns:minmax(0,1fr)}}.eyebrow .badge{margin-left:8px;vertical-align:middle}.lesson>ol{margin:0;padding-left:20px;display:grid;gap:6px;font-size:.9375rem}.demo-card,.plan,.lesson,.ind-card{min-width:0}.demo-card .btn,.plan .btn,.cta-band .btn{white-space:normal;text-align:center}@media(max-width:600px){.btn{white-space:normal;text-align:center}.cta-row .btn{flex:1 1 100%}}@media(max-width:520px){.site-header .wrap,.header-actions,.brand{gap:8px}.brand img{width:32px;height:32px}}.ind-card .badge{align-self:flex-start}
/*# sourceMappingURL=/cdn/shop/t/7/assets/storeos-v2.css.map */