[data-feature=welcome]{--paper:#fff;--card:#fff;--ink:#1f2a33;--muted:#67737d;--line:#e3e8ec;--blue:#16699e;--blue-soft:#e7f1f7;--green:#2e9e4f;--green-soft:#e9f2ec;--on-green:#fff;--on-blue:#fff;--check:#9facb6;--neon:#00b9ce;--gold:#a87c1f;--gold-soft:#f7efdb;--tint-red:#f9e7e4;--icon-red:#b14a38;--grad:linear-gradient(100deg, #0e5040 0%, #11707c 45%, #2090cf 100%);--shadow:0 1px 2px #1f2a330d, 0 8px 24px -12px #1f2a331f;--glow:0 0 0 1px var(--neon), 0 6px 28px -4px #00b9ce59;--glow-soft:0 8px 32px -6px #00b9ce80}:root[data-theme=dark] [data-feature=welcome]{--paper:#0e171d;--card:#15222a;--ink:#e7eef2;--muted:#94a5af;--line:#243640;--blue:#5fb2e6;--blue-soft:#18303c;--green:#4fbe72;--green-soft:#13271f;--on-green:#0a2413;--on-blue:#0b2331;--check:#546874;--neon:#2ae5f5;--gold:#dcb456;--gold-soft:#2a2416;--tint-red:#301b17;--icon-red:#ee9280;--shadow:0 1px 2px #0000004d, 0 8px 24px -12px #00000080;--glow:0 0 0 1px var(--neon), 0 6px 30px -4px #2ae5f54d;--glow-soft:0 8px 32px -6px #2ae5f573}[data-feature=welcome] a{color:var(--blue)}[data-feature=welcome] :focus-visible{outline:2px solid var(--neon);outline-offset:2px;border-radius:4px}[data-feature=welcome] .wrap{max-width:800px;margin:0 auto;padding:0 20px 80px}[data-feature=welcome] .hero{text-align:left;padding:26px 0 8px}[data-feature=welcome] .eyebrow{letter-spacing:.13em;text-transform:uppercase;color:var(--blue);margin:0 0 10px;font-size:12px;font-weight:700;line-height:1}[data-feature=welcome] h1{letter-spacing:-.015em;text-wrap:balance;margin:0 0 14px;font-size:clamp(30px,5.5vw,42px);font-weight:800;line-height:1.12}[data-feature=welcome] .lede{color:var(--muted);max-width:58ch;margin:0 0 10px;font-size:18px}[data-feature=welcome] .progress-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;margin:30px 0 8px;padding:16px 18px}[data-feature=welcome] .progress-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}[data-feature=welcome] .progress-label{font-size:14px;font-weight:600}[data-feature=welcome] .progress-count{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}[data-feature=welcome] .bar{background:var(--line);border-radius:99px;height:8px;margin-top:12px;overflow:hidden}[data-feature=welcome] .bar-fill{background:var(--grad);border-radius:99px;width:0%;height:100%;transition:width .4s}[data-feature=welcome] .save-error{background:var(--tint-red);color:var(--icon-red);border-radius:10px;margin:14px 0 0;padding:10px 12px;font-size:14px;font-weight:600}[data-feature=welcome] .notice{background:var(--blue-soft);border:1px solid color-mix(in srgb, var(--blue) 25%, transparent);border-radius:12px;align-items:flex-start;gap:14px;margin:24px 0 0;padding:16px 18px;display:flex}[data-feature=welcome] .notice .emoji{font-size:20px;line-height:1.3}[data-feature=welcome] .notice .txt{flex:1;min-width:0}[data-feature=welcome] .notice h3{color:var(--blue);margin:0 0 3px;font-size:15px;font-weight:700;line-height:1.35}[data-feature=welcome] .notice p{color:var(--muted);margin:0;font-size:14px}[data-feature=welcome] .notice+.notice,[data-feature=welcome] .notice-link{margin-top:12px}[data-feature=welcome] section{margin-top:48px}[data-feature=welcome] h2{letter-spacing:-.01em;text-wrap:balance;margin:0 0 8px;font-size:clamp(22px,3.6vw,28px);font-weight:800;line-height:1.2}[data-feature=welcome] .sec-intro{color:var(--muted);max-width:60ch;margin:0 0 26px;font-style:italic}[data-feature=welcome] .trail{margin:0;padding:0;list-style:none}[data-feature=welcome] .step{grid-template-columns:44px 1fr;gap:0 16px;scroll-margin-top:12px;display:grid;position:relative}[data-feature=welcome] .rail{flex-direction:column;align-items:center;display:flex}[data-feature=welcome] .bubble{background:var(--card);border:2px solid var(--line);font-variant-numeric:tabular-nums;width:36px;height:36px;color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;transition:background .3s,border-color .3s,color .3s;display:flex}[data-feature=welcome] .connector{background:var(--line);flex:1;width:2px;margin:4px 0;transition:background .3s}[data-feature=welcome] .step:last-child .connector{display:none}[data-feature=welcome] .step.complete .bubble{background:var(--blue);border-color:var(--blue);color:var(--on-blue)}[data-feature=welcome] .step.complete .connector{background:var(--blue)}[data-feature=welcome] .step-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;margin-bottom:16px;transition:border-color .2s,box-shadow .2s;overflow:hidden}[data-feature=welcome] .step-card:hover{border-color:var(--neon);box-shadow:var(--glow)}[data-feature=welcome] .step.active .step-card{border-color:var(--blue);box-shadow:var(--glow-soft)}[data-feature=welcome] .step.active .step-card:hover{border-color:var(--neon)}[data-feature=welcome] .step.active .bubble{border-color:var(--blue);color:var(--blue)}[data-feature=welcome] .step.complete .step-card{border-color:color-mix(in srgb, var(--blue) 40%, var(--line))}[data-feature=welcome] .step-head{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:0;align-items:center;gap:12px;padding:16px 18px;display:flex}[data-feature=welcome] .step-head .kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:5px;font-size:11px;font-weight:700;line-height:1;display:block}[data-feature=welcome] .step-head h3{letter-spacing:-.005em;margin:0;font-size:18px;font-weight:700;line-height:1.3}[data-feature=welcome] .step-head .hook{color:var(--blue);margin-top:4px;font-size:14px;font-weight:400;line-height:1.4;display:block}[data-feature=welcome] .step-head .head-text{flex:1}[data-feature=welcome] .chev{width:24px;height:24px;color:var(--muted);flex-shrink:0;transition:transform .25s}[data-feature=welcome] .step-head[aria-expanded=true] .chev{transform:rotate(180deg)}[data-feature=welcome] .step-body{padding:0 18px 18px;display:none}[data-feature=welcome] .step-body.open{display:block}[data-feature=welcome] .why{color:var(--muted);max-width:58ch;margin:0 0 14px}[data-feature=welcome] .why b,[data-feature=welcome] .tasks .hint b,[data-feature=welcome] .info-card p b{color:var(--ink);font-weight:600}[data-feature=welcome] .callout{background:var(--gold-soft);border:1px solid color-mix(in srgb, var(--gold) 40%, transparent);border-radius:10px;margin:0 0 14px;padding:12px 14px}[data-feature=welcome] .callout .req{vertical-align:baseline;margin:0 0 6px;display:inline-block}[data-feature=welcome] .callout p{color:var(--ink);margin:0;font-size:14.5px;line-height:1.45}[data-feature=welcome] .video-wrap{aspect-ratio:var(--aspect,16/9);background:#000;border-radius:12px;margin:0 0 6px;position:relative;overflow:hidden}[data-feature=welcome] .video-wrap iframe{border:0;width:100%;height:100%;position:absolute;inset:0}[data-feature=welcome] .video-wrap wistia-player{width:100%;height:100%;display:block}[data-feature=welcome] .video-wrap wistia-player:not(:defined){background:center / contain no-repeat var(--swatch,none);filter:blur(5px)}[data-feature=welcome] .video-fallback{color:var(--muted);margin:0 0 14px;font-size:12.5px}[data-feature=welcome] .tasks{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}[data-feature=welcome] .tasks label{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:12px;padding:8px 10px;display:flex}[data-feature=welcome] .tasks label:hover{background:var(--blue-soft)}[data-feature=welcome] .tasks label.important{border-color:color-mix(in srgb, var(--gold) 45%, transparent);background:color-mix(in srgb, var(--gold-soft) 55%, transparent)}[data-feature=welcome] .tasks label.important:hover{background:var(--gold-soft)}[data-feature=welcome] .req{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold);vertical-align:2px;border-radius:5px;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1;display:inline-block}[data-feature=welcome] .tasks input{appearance:none;border:2px solid var(--check);background:var(--card);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin:1px 0 0;transition:background .15s,border-color .15s;display:inline-flex}[data-feature=welcome] .tasks input:checked{background:var(--green);border-color:var(--green)}[data-feature=welcome] .tasks input:checked:after{content:"";border:2px solid var(--on-green);border-top:0;border-right:0;width:10px;height:6px;margin-top:-2px;transform:rotate(-45deg)}[data-feature=welcome] .tasks input:checked+span{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--muted) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--muted) 55%, transparent)}[data-feature=welcome] .tasks .hint{color:var(--muted);font-size:13px;text-decoration:none;display:block}[data-feature=welcome] .task-link{color:var(--blue);margin:0 0 8px 42px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}[data-feature=welcome] .task-link:hover{text-decoration:underline}[data-feature=welcome] .task-link .arrow{font-size:11px}[data-feature=welcome] .cards-intro{letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin:20px 0 10px;font-size:11px;font-weight:700;line-height:1}[data-feature=welcome] .info-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}[data-feature=welcome] .info-cards li{display:flex}[data-feature=welcome] .info-card{background:var(--card);border:1px solid var(--line);height:100%;color:inherit;border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}[data-feature=welcome] a.info-card:hover{border-color:var(--blue);box-shadow:var(--shadow)}[data-feature=welcome] a.info-card:hover .card-link{text-decoration:underline}[data-feature=welcome] .info-card h4{margin:0;font-size:14.5px;font-weight:700;line-height:1.3}[data-feature=welcome] .info-card p{color:var(--muted);flex:1;margin:0;font-size:13.5px;line-height:1.45}[data-feature=welcome] .card-link{color:var(--blue);align-self:flex-start;margin-top:4px;font-size:12.5px;font-weight:600}[data-feature=welcome] .card-link .arrow{font-size:11px}[data-feature=welcome] .info-cards li:last-child:nth-child(odd){grid-column:1/-1}[data-feature=welcome] .walkthroughs{flex-direction:column;gap:18px;margin:0 0 18px;padding:0;list-style:none;display:flex}[data-feature=welcome] .walkthroughs h4{margin:0 0 8px;font-size:14.5px;font-weight:700;line-height:1.3}[data-feature=welcome] .walkthroughs .chips{margin-top:8px}[data-feature=welcome] .chips{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}[data-feature=welcome] .chip,[data-feature=welcome] .continue{color:var(--blue);background:var(--blue-soft);border:1px solid color-mix(in srgb, var(--blue) 25%, transparent);border-radius:99px;align-items:center;gap:6px;padding:7px 14px;font-size:13.5px;font-weight:600;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:inline-flex}[data-feature=welcome] .chip:hover{border-color:var(--neon);box-shadow:var(--glow)}[data-feature=welcome] .chip .arrow,[data-feature=welcome] .continue .arrow{font-size:12px}[data-feature=welcome] .chip-soon{color:var(--muted);border:1px dashed var(--line);cursor:default;background:0 0}[data-feature=welcome] .chip-soon:hover{border-color:var(--line);box-shadow:none}[data-feature=welcome] .continue{background:var(--blue);color:var(--on-blue);border-color:var(--blue);font:inherit;cursor:pointer;padding:10px 18px;font-size:14px;font-weight:700}[data-feature=welcome] .continue:hover{border-color:var(--neon);box-shadow:var(--glow)}[data-feature=welcome] .step-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:16px;display:flex}[data-feature=welcome] .finish{background:var(--blue-soft);border:1px solid color-mix(in srgb, var(--blue) 25%, transparent);border-radius:14px;margin-top:32px;padding:22px 24px}[data-feature=welcome] .finish .eyebrow{margin-bottom:8px}[data-feature=welcome] .finish h3{letter-spacing:-.01em;margin:0 0 6px;font-size:22px;font-weight:800;line-height:1.2}[data-feature=welcome] .finish p{color:var(--muted);max-width:52ch;margin:0 0 16px;font-size:15px}[data-feature=welcome] footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:36px;padding-top:20px;font-size:13px;display:flex}[data-feature=welcome] .reset{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}[data-feature=welcome] .reset:hover{color:var(--ink)}[data-feature=welcome] .reset.confirming{color:var(--icon-red);font-weight:600;text-decoration-thickness:2px}@media (max-width:560px){[data-feature=welcome] .step{grid-template-columns:36px 1fr;gap:0 12px}[data-feature=welcome] .info-cards{grid-template-columns:1fr}[data-feature=welcome] .step-foot{justify-content:stretch}[data-feature=welcome] .step-foot .continue{justify-content:center;width:100%}}
