:root{--hero-bg:var(--brand-navy);--hero-ink:#fff;--hero-muted:#c3d0de;--hero-line:#e3ebf424;--frame-shadow:0 1px 2px #242d3614,0 14px 36px #242d3624;--bezel:#141a21;--wrap:1200px;--gut:20px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--hero-bg:#10161c;--hero-muted:#aebbcb;--frame-shadow:0 0 0 1px #2f3945,0 14px 36px #00000073;--bezel:#05080b}}:root[data-theme=dark]{--hero-bg:#10161c;--hero-muted:#aebbcb;--frame-shadow:0 0 0 1px #2f3945,0 14px 36px #00000073;--bezel:#05080b}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:76px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--surface);color:var(--ink);font:400 1rem/1.6 var(--font-body);font-variant-numeric:tabular-nums;margin:0;overflow-x:hidden}@media (width>=700px){body{font-size:1.0625rem}}h1,h2,h3{font-family:var(--font-head);font-weight:700;line-height:var(--lh-tight);letter-spacing:var(--track-head);margin:0}p{margin:0 0 1em}a{color:var(--accent);text-underline-offset:.18em}img{max-width:100%;height:auto;display:block}picture{display:block}.wrap{max-width:var(--wrap);padding-left:var(--gut);padding-right:var(--gut);margin:0 auto}@media (width>=700px){:root{--gut:32px}}:focus-visible{outline:3px solid var(--ring);outline-offset:2px;border-radius:4px}.site-top :focus-visible,.hero :focus-visible,.final :focus-visible,.site-foot :focus-visible{outline-color:#8fb7e4}.sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip{background:var(--surface);color:var(--ink);z-index:100;border-radius:6px;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.btn{border-radius:var(--radius);background:var(--accent);min-height:44px;color:var(--hv-ink);font:600 1rem/1.2 var(--font-body);border:1.5px solid var(--accent);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:10px 20px;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover{background:color-mix(in srgb,var(--accent) 86%,#000)}@media (prefers-reduced-motion:reduce){.btn,.tour-frame,.faq summary:after{transition:none!important}}.btn-sm{min-height:40px;padding:8px 14px;font-size:.95rem}.btn-lg{min-height:50px;padding:12px 24px;font-size:1.0625rem}.btn-outline{color:var(--accent);border-color:var(--field-line);background:0 0}.btn-outline:hover{background:var(--accent-soft);border-color:var(--accent)}.btn-ghost{color:var(--hero-ink);background:0 0;border-color:#e3ebf46b}.btn-ghost:hover{background:#e3ebf417;border-color:#e3ebf4b3}.btn-light{color:#0b396b;background:#fff;border-color:#fff}.btn-light:hover{background:#e3ebf4;border-color:#e3ebf4}.btn-quiet{color:var(--hero-ink);background:0 0;border-color:#e3ebf459}.btn-quiet:hover{background:#e3ebf417}.site-top{z-index:30;background:var(--hero-bg);color:var(--hero-ink);border-bottom:1px solid var(--hero-line);position:sticky;top:0}.top-in{align-items:center;gap:20px;height:64px;display:flex}.logo{color:inherit;flex:none;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-mark{flex:none;width:30px;height:30px}.wordmark{font:700 1.08rem/1 var(--font-brand);letter-spacing:.01em}.nav{gap:2px;display:none}.nav a{color:var(--hero-muted);border-radius:6px;padding:8px 11px;font-size:.97rem;font-weight:600;text-decoration:none}.nav a:hover,.nav a[aria-current]{color:var(--hero-ink);background:#e3ebf414}.top-cta{align-items:center;gap:8px;margin-left:auto;display:flex}.link-login{color:var(--hero-ink);border-radius:6px;padding:8px 10px;font-weight:600;text-decoration:none;display:none}.link-login:hover{background:#e3ebf414}.top-demo{display:none}.site-top .btn:not(.btn-quiet){color:#0b396b;background:#e3ebf4;border-color:#e3ebf4}.site-top .btn:not(.btn-quiet):hover{background:#fff}.menu{position:relative}.menu summary{cursor:pointer;border-radius:6px;place-items:center;width:44px;height:44px;list-style:none;display:grid}.menu summary::-webkit-details-marker{display:none}.menu summary:hover{background:#e3ebf414}.menu-ic,.menu-ic:before,.menu-ic:after{background:currentColor;border-radius:1px;width:20px;height:2px;display:block;position:relative}.menu-ic:before,.menu-ic:after{content:"";position:absolute;left:0}.menu-ic:before{top:-6px}.menu-ic:after{top:6px}.menu[open] .menu-ic{background:0 0}.menu[open] .menu-ic:before{top:0;transform:rotate(45deg)}.menu[open] .menu-ic:after{top:0;transform:rotate(-45deg)}.menu-nav{background:var(--surface);min-width:220px;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--pop-shadow);padding:6px;display:grid;position:absolute;top:52px;right:0}.menu-nav a{color:var(--ink);border-radius:6px;padding:11px 12px;font-weight:600;text-decoration:none}.menu-nav a:hover{background:var(--accent-soft)}@media (width>=560px){.link-login{display:inline-block}}@media (width>=760px){.top-demo{display:inline-flex}}@media (width>=1060px){.nav{display:flex}.menu{display:none}}.hero{background:var(--hero-bg);color:var(--hero-ink);border-bottom:5px solid var(--brand-stripe);overflow:hidden}.hero-in{gap:36px;padding-top:40px;padding-bottom:44px;display:grid}.hero h1{letter-spacing:-.02em;text-wrap:balance;max-width:19ch;margin-bottom:20px;font-size:clamp(2rem,6.4vw,3.05rem);line-height:1.1}.hero .lead{color:var(--hero-muted);max-width:58ch;font-size:1.09rem;line-height:1.55}.cta-row{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.fine{color:var(--muted);margin-top:14px;font-size:.94rem}.hero .fine{color:var(--hero-muted)}.hero-visual{margin-right:calc(var(--gut) * -1);padding-left:14%;position:relative}.frame{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--frame-shadow);border:1px solid var(--line);margin:0;overflow:hidden}.hero .frame-desk{border-radius:var(--radius-lg) 0 0 var(--radius-lg);border-color:#e3ebf42e;box-shadow:0 20px 50px #00000059}.frame-phone{border:6px solid var(--bezel);border-radius:26px;box-shadow:0 18px 40px #00000059}.hero .frame-phone{width:38%;max-width:210px;position:absolute;bottom:-22px;left:0}@media (width<=559px){.hero .cta-row .btn{flex:100%}}@media (width<=999px){.hero-visual{align-items:flex-end;gap:14px;padding-left:0;display:flex}.hero .frame-phone{flex:0 0 34%;order:-1;max-width:220px;margin-bottom:-26px;position:relative;bottom:auto;left:auto}.hero .frame-desk{flex:1;min-width:0;margin-bottom:18px}}@media (width>=1000px){.hero-phone .frame-phone{width:34%;max-width:250px}}.hero-page .hero-in{padding-top:44px;padding-bottom:40px}.hero-page h1{font-size:clamp(2.2rem,6vw,3.2rem)}@media (width>=1000px){.hero-in{grid-template-columns:minmax(0,11fr) minmax(0,13fr);align-items:center;gap:40px;padding-top:64px;padding-bottom:72px}.hero-visual{margin-right:calc((100vw - min(100vw, var(--wrap))) / -2 - var(--gut));padding-left:72px}.hero .frame-phone{width:28%;max-width:200px;bottom:-40px}.hero-page .hero-in{grid-template-columns:1fr}}.facts{padding:28px 0 8px}.facts-t{border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--surface);margin:0;display:grid;overflow:hidden}.facts-t div{border-top:1px solid var(--td-rule);grid-template-columns:7.5rem 1fr;display:grid}.facts-t div:first-child{border-top:0}.facts-t dt{background:var(--label-bg);color:var(--ink-2);padding:10px 12px;font-size:.9rem;font-weight:700}.facts-t dd{margin:0;padding:10px 12px;font-size:.95rem}@media (width>=900px){.facts{padding-top:36px}.facts-t{grid-template-columns:repeat(5,1fr)}.facts-t div{border-top:0;border-left:1px solid var(--td-rule);grid-template-rows:auto 1fr;grid-template-columns:1fr}.facts-t div:first-child{border-left:0}}.sec{padding:56px 0}.sec-alt{background:var(--bg)}.sec:not(.sec-alt)+.sec:not(.sec-alt):not(.sec-demo){padding-top:8px}.sec-tight{padding-top:40px}.role-single{margin-top:28px}@media (width>=900px){.sec{padding:96px 0}}.sec-title{color:var(--title-ink);text-wrap:balance;font-size:clamp(1.65rem,4.4vw,2.25rem);line-height:1.15}.sec-title:after{content:"";background:var(--title-rule);width:32px;height:2px;margin-top:14px;display:block}.sec-lead{color:var(--ink-2);max-width:62ch;margin:18px 0 0;font-size:1.07rem}.sec-more{margin:28px 0 0;font-weight:600}.ticks{gap:9px;margin:0;padding:0;list-style:none;display:grid}.ticks li{padding-left:26px;line-height:1.45;position:relative}.ticks li:before{content:"";border:solid var(--accent);border-width:0 2.2px 2.2px 0;width:6px;height:11px;position:absolute;top:.32em;left:3px;transform:rotate(45deg)}.pt{border-collapse:collapse;background:var(--surface);border:1px solid var(--line);width:100%;font-size:.98rem}.pt caption{caption-side:top;text-align:left;color:var(--sec-ink);border-bottom:1px solid var(--sec-rule);margin-bottom:12px;padding:0 0 10px;font-size:1.15rem;font-weight:700}.pt thead th{background:var(--th-bg);color:var(--th-ink);text-align:left;padding:11px 16px;font-size:.92rem;font-weight:700}.pt td,.pt tbody th{border-top:1px solid var(--td-rule);vertical-align:top;text-align:left;padding:14px 16px}.pt tbody tr:nth-child(2n) td{background:var(--zebra)}.pt tbody th{background:var(--label-bg);width:30%;font-weight:700}.pt td:first-child{color:var(--ink-2)}.pt tbody th+td{color:var(--ink)}.roles{margin-top:32px}.role-tabs{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:20px;display:grid}.role-tab{text-align:left;border-radius:var(--radius);border:1px solid var(--field-line);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;flex-direction:column;align-items:flex-start;gap:1px;padding:12px 14px;display:flex}.role-tab b{font-size:1.15rem;line-height:1.1}.role-tab span{color:var(--muted);font-size:.9rem}.role-tab:hover{border-color:var(--accent)}.role-tab[aria-selected=true]{background:var(--th-bg);border-color:var(--th-bg);color:var(--th-ink)}.role-tab[aria-selected=true] span{color:var(--on-navy-muted)}.roles.js .role-panel[data-inactive]{display:none}.roles:not(.js) .role-panel+.role-panel{margin-top:32px}.role-h{margin-bottom:12px;font-size:1.2rem}.roles.js .role-h{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.role-panel{border-radius:var(--radius);outline-offset:4px}.role-more{margin:16px 0 0;font-weight:600}.role-others{color:var(--ink-2);margin:20px 0 0}@media (width>=760px){.role-tabs{grid-template-columns:repeat(4,1fr)}}@media (width<=699px){.pt-role thead,.roles .pt thead,.role-single .pt thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.roles .pt,.role-single .pt,.roles .pt tbody,.role-single .pt tbody{display:block}.roles .pt tr,.role-single .pt tr{border-top:1px solid var(--td-rule);display:block}.roles .pt tr:first-child,.role-single .pt tr:first-child{border-top:0}.roles .pt td,.role-single .pt td{border:0;padding:4px 14px;display:block;background:0 0!important}.roles .pt td:first-child,.role-single .pt td:first-child{color:var(--muted);padding-top:14px;font-size:.94rem}.roles .pt td:last-child,.role-single .pt td:last-child{padding-bottom:14px;font-weight:600}.roles .pt td:last-child:before,.role-single .pt td:last-child:before{content:"";background:var(--title-rule);width:24px;height:2px;margin:4px 0 8px;display:block}}.feats{gap:72px;margin-top:44px;display:grid}.feat{align-items:center;gap:28px;display:grid}.feat-h{color:var(--sec-ink);border-bottom:1px solid var(--sec-rule);margin-bottom:16px;padding-bottom:12px;font-size:1.45rem}.feat-text>p{color:var(--ink-2);max-width:56ch}.feat-text .ticks{margin:18px 0 22px}.feat-fig{min-width:0;margin:0}.feat-fig-phone{background:var(--bg);border-radius:var(--radius-lg);justify-content:center;max-height:560px;padding:28px 0 0;display:flex;overflow:hidden}.feat-fig-phone .frame-phone{border-bottom:0;border-radius:26px 26px 0 0;width:min(300px,70%)}.tour-n{color:var(--muted);font-weight:400}@media (width>=1000px){.feats{gap:112px}.feat{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px}.feat-flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.feat-flip .feat-text{order:2}.feat-wide{grid-template-columns:1fr;gap:32px}.feat-wide .feat-text{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;column-gap:56px;display:grid}.feat-wide .feat-h{grid-column:1/-1}.feat-wide .feat-text>p{grid-area:2/1}.feat-wide .ticks{grid-area:2/2/span 2;margin-top:0}.feat-wide .tour-btn{grid-area:3/1;justify-self:start}}.steps{counter-reset:s;gap:28px;margin:40px 0 0;padding:0;list-style:none;display:grid}.steps li{padding-top:4px;position:relative}.step-n{border-radius:var(--radius-sm);background:var(--th-bg);width:40px;height:40px;color:var(--th-ink);place-items:center;margin-bottom:14px;font-size:1.15rem;font-weight:700;display:grid}.steps h3{margin-bottom:8px;font-size:1.2rem}.steps p{color:var(--ink-2);margin:0}@media (width>=900px){.steps{grid-template-columns:repeat(3,1fr);gap:40px}.steps li:not(:last-child):after{content:"";background:var(--rule-strong);height:1px;position:absolute;top:24px;left:56px;right:-24px}}.sec-grid{gap:0 40px;margin:40px 0 0;display:grid}.sec-grid div{border-top:1px solid var(--sec-rule);padding:18px 0}.sec-grid dt{margin-bottom:4px;font-size:1.08rem;font-weight:700}.sec-grid dd{color:var(--ink-2);margin:0}.sec-links{flex-wrap:wrap;gap:8px 24px;margin:24px 0 0;font-weight:600;display:flex}.pt-int{margin-top:36px}@media (width<=699px){.pt-int thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.pt-int,.pt-int tbody,.pt-int tr,.pt-int th,.pt-int td{width:auto;display:block}.pt-int tr{border-top:1px solid var(--td-rule)}.pt-int tbody th{background:0 0;border:0;padding:14px 14px 2px}.pt-int td{border:0;padding:0 14px 14px;background:0 0!important}}@media (width>=1000px){.pt-int{max-width:920px}}@media (width>=760px){.sec-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1000px){.sec-grid{grid-template-columns:repeat(3,1fr)}}.pricing{margin-top:32px}.bill{border:1px solid var(--field-line);border-radius:var(--radius);background:var(--surface);margin:0 0 24px;padding:3px;display:inline-flex}.bill input{opacity:0;width:1px;height:1px;position:absolute}.bill label{cursor:pointer;border-radius:6px;align-items:center;gap:8px;min-height:40px;padding:9px 16px;font-weight:600;display:flex}.bill input:checked+label{background:var(--th-bg);color:var(--th-ink)}.bill input:focus-visible+label{outline:3px solid var(--ring);outline-offset:2px}.save{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 7px;font-size:.82rem;font-weight:700}.bill input:checked+label .save{color:inherit;background:#ffffff29}.plans{gap:16px;display:grid}.plan{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;padding:24px 22px;display:flex}.plan-main{border:2px solid var(--accent);padding:23px 21px}.plan-h{font-size:1.3rem}.plan-sub{color:var(--muted);margin:2px 0 14px;font-size:.92rem}.price{flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0 0 10px;display:flex}.price .amt{letter-spacing:-.02em;font-size:2.2rem;font-weight:700;line-height:1.1}.price .per{color:var(--ink-2);font-size:.98rem}.plan-for{color:var(--ink-2);border-bottom:1px solid var(--sec-rule);padding-bottom:14px;font-size:.98rem}.plan .ticks{margin:6px 0 24px;font-size:.98rem}.plan .btn{margin-top:auto}.pricing .p-year{display:none}.pricing[data-bill=year] .p-year{display:revert}.pricing:has(#bill-year:checked) .p-year{display:revert}.pricing[data-bill=year] .p-month{display:none}.pricing:has(#bill-year:checked) .p-month{display:none}.pricing .price.p-year,.pricing[data-bill=year] .price.p-year{display:none}.pricing[data-bill=year] .price.p-year{display:flex}.pricing:has(#bill-year:checked) .price.p-year{display:flex}.pricing[data-bill=year] .price.p-month{display:none}.pricing:has(#bill-year:checked) .price.p-month{display:none}.pt-cmp{margin-top:48px}@media (width>=900px){.plans{grid-template-columns:repeat(3,1fr)}}.customers{color:var(--ink-2);flex-wrap:wrap;gap:12px 32px;margin:28px 0;padding:0;font-weight:700;list-style:none;display:flex}.quotes{gap:20px;margin-top:28px;display:grid}.quote{border-left:3px solid var(--title-rule);background:var(--bg);margin:0;padding:22px}.quote blockquote{margin:0 0 10px;font-size:1.1rem}.placeholder{outline:3px dashed var(--bad);outline-offset:-12px}.ph-note{color:var(--bad);font-weight:700}.demo-video{border-radius:var(--radius);background:#000;width:100%;margin-top:28px}.faq{border-top:1px solid var(--rule-strong);max-width:820px;margin-top:32px}.faq details{border-bottom:1px solid var(--rule-strong)}.faq summary{cursor:pointer;padding:18px 40px 18px 0;font-size:1.06rem;font-weight:700;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";border:solid var(--accent);border-width:0 2px 2px 0;width:10px;height:10px;transition:transform .2s;position:absolute;top:50%;right:8px;transform:translateY(-70%)rotate(45deg)}.faq details[open] summary:after{transform:translateY(-30%)rotate(-135deg)}.faq details p{color:var(--ink-2);max-width:70ch;margin:0 0 20px}@media (prefers-reduced-motion:reduce){.faq summary:after{transition:none}}.sec-demo{background:var(--surface)}.sec-demo .demo-box{background:var(--surface-2)}.demo-in{gap:36px;display:grid}.demo-text .ticks{margin:22px 0}.demo-alt{color:var(--ink-2)}.demo-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px 20px}.f-row{margin-bottom:16px}.f-row label{margin-bottom:6px;font-weight:700;display:block}.opt{color:var(--muted);font-weight:400}.f-hint{color:var(--muted);margin:-2px 0 6px;font-size:.92rem}.demo-form input,.demo-form select,.demo-form textarea{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--field-line);border-radius:var(--radius-sm);min-height:48px;padding:11px 12px}.demo-form textarea{resize:vertical;min-height:110px}.demo-form select{appearance:auto}.demo-form [aria-invalid=true]{border-color:var(--bad);box-shadow:0 0 0 1px var(--bad)}.f-msg{color:var(--bad);margin:6px 0 0;font-size:.94rem;font-weight:600}.f-err{background:var(--bad-bg);color:var(--ink);border-left:3px solid var(--bad);border-radius:var(--radius-sm);margin-bottom:18px;padding:12px 14px}.demo-form .btn{width:100%;margin-top:6px}.demo-form .btn[aria-busy=true]{opacity:.7;cursor:progress}.demo-form .fine{margin-top:12px}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.demo-done h3{color:var(--title-ink);margin-bottom:10px;font-size:1.3rem}.demo-done:focus{outline:none}@media (width>=1000px){.demo-in{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:64px}.demo-box{padding:32px}}.final{background:var(--hero-bg);color:var(--hero-ink);border-top:5px solid var(--brand-stripe)}.final-in{padding-top:64px;padding-bottom:64px}@media (width>=1000px){.final-in{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;column-gap:56px;display:grid}.final-in h2,.final-in p{grid-column:1}.final-in .cta-row{grid-area:1/2/span 2;justify-content:flex-end;margin-top:0}}.final h2{max-width:20ch;margin-bottom:14px;font-size:clamp(1.8rem,5vw,2.6rem)}.final p{color:var(--hero-muted);max-width:60ch;font-size:1.07rem}.site-foot{background:var(--hero-bg);color:var(--hero-muted);border-top:1px solid var(--hero-line);font-size:.97rem}.foot-in{gap:32px;padding-top:44px;padding-bottom:56px;display:grid}.site-foot .logo{color:var(--hero-ink)}.foot-tag{max-width:34ch;margin:12px 0 0}.foot-h{color:var(--hero-ink);margin-bottom:10px;font-size:.97rem}.foot-nav ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.foot-nav a{color:var(--hero-muted);padding:4px 0;text-decoration:none;display:inline-block}.foot-nav a:hover{color:var(--hero-ink);text-decoration:underline}@media (width>=760px){.foot-in{grid-template-columns:2fr 1fr 1fr 1.3fr}}.tour{border-radius:var(--radius-lg);background:var(--surface);width:min(1120px,100vw - 16px);max-height:calc(100dvh - 16px);color:var(--ink);box-shadow:var(--pop-shadow);border:0;padding:0}.tour::backdrop{background:#0e141bb8}.tour-in{flex-direction:column;max-height:calc(100dvh - 16px);display:flex}.tour-top{border-bottom:1px solid var(--sec-rule);align-items:center;gap:12px;padding:12px 12px 12px 20px;display:flex}.tour-top h2{color:var(--title-ink);flex:1;font-size:1.1rem}.tour-x{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:1.8rem;line-height:1}.tour-x:hover{background:var(--accent-soft)}.tour-stage{background:var(--bg);flex:1;min-height:0;position:relative;overflow:hidden}.tour-frames{margin:0;padding:0;list-style:none;display:grid}.tour-frame{opacity:0;visibility:hidden;flex-direction:column;grid-area:1/1;align-items:center;padding:16px 16px 0;transition:opacity .45s,visibility 0s linear .45s;display:flex}.tour-frame.on{opacity:1;visibility:visible;transition:opacity .45s}.tour-frame picture{border:1px solid var(--line);border-radius:var(--radius);max-width:100%;box-shadow:var(--frame-shadow);overflow:hidden}.tour-frame img{object-fit:contain;width:auto;max-height:calc(100dvh - 230px)}.tour-frame.is-phone picture{border:6px solid var(--bezel);border-radius:24px}.tour-frame.on img{animation:7s ease-out both tour-pan}@keyframes tour-pan{0%{transform:scale(1)}to{transform:scale(1.035)}}.tour-frame figure{flex-direction:column;align-items:center;max-width:100%;margin:0;display:flex}.tour-cap{text-align:center;max-width:60ch;margin:12px 0 14px;font-weight:600}.tour-ctl{border-top:1px solid var(--sec-rule);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.tour-dots{gap:4px;display:flex}.tour-dots button{cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:44px;height:44px;display:grid}.tour-dots button:before{content:"";border:2px solid var(--field-line);border-radius:50%;width:10px;height:10px}.tour-dots button[aria-current=step]:before{background:var(--accent);border-color:var(--accent)}.tour-bar{background:var(--rule);height:3px}.tour-bar span{background:var(--brand-stripe);width:0;height:100%;display:block}.tour.playing .tour-bar span{animation:tour-bar var(--tour-ms,6.5s) linear forwards}@keyframes tour-bar{to{width:100%}}@media (prefers-reduced-motion:reduce){.tour-frame,.tour-frame.on{transition:none}.tour-frame.on img,.tour.playing .tour-bar span{animation:none}}