:root{--ground: #ffffff;--ground-2: #f5faf8;--surface: #ffffff;--surface-sunk: #f7fbf9;--ink: #15171d;--ink-2: #3b414f;--ink-3: #6b7280;--ink-4: #9aa0ab;--line: #e6eae8;--line-2: #cfd8d4;--accent: #32d09f;--accent-deep: #14926c;--accent-ink: #052e21;--accent-tint: #e7faf3;--accent-tint-2: #ccf3e5;--accent-line: #90e5c8;--accent2: #8b5cf6;--accent2-deep: #6a3de0;--accent2-tint: #f2edff;--accent2-tint-2: #e2d8fd;--accent2-line: #c9b6f9;--ok: #0f8a55;--ok-tint: #e4f6ed;--warn: #a2560d;--warn-tint: #fdf0e2;--radius: 18px;--radius-sm: 12px;--shadow-sm: 0 1px 2px rgba(21, 23, 29, .05);--shadow-md: 0 1px 2px rgba(21, 23, 29, .05), 0 8px 24px -12px rgba(21, 23, 29, .16);--shadow-lg: 0 1px 2px rgba(21, 23, 29, .05), 0 12px 28px -14px rgba(21, 23, 29, .18), 0 40px 64px -48px rgba(50, 208, 159, .4);--display: "Bricolage Grotesque", "Instrument Sans", system-ui, -apple-system, sans-serif;--body: "Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--spine-x: 41px;--ease: cubic-bezier(.2, .7, .3, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--ground);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100dvh;background-image:radial-gradient(900px 460px at 12% -180px,rgba(44,61,245,.09),transparent 68%),radial-gradient(760px 420px at 92% -60px,rgba(255,186,92,.13),transparent 66%);background-repeat:no-repeat;background-attachment:fixed}.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}::selection{background:var(--accent-tint-2);color:var(--accent-deep)}.shell{max-width:760px;margin:0 auto;padding:124px 20px 96px}.shell-centre{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow-md)}.card-auth{max-width:460px;width:100%;padding:36px 32px 30px;box-shadow:var(--shadow-lg)}.eyebrow{margin:0 0 14px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent2-deep);font-weight:700;display:flex;align-items:center;gap:9px}.eyebrow:before{content:"";width:18px;height:2px;border-radius:2px;background:var(--accent2);flex:0 0 auto}.progress{position:fixed;top:0;left:0;right:0;z-index:50;background:#f6f5f2d1;backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}.progress-inner{max-width:760px;margin:0 auto;padding:14px 20px 15px}.progress-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:11px}.progress-lead{display:flex;align-items:baseline;gap:11px;min-width:0}.progress-count{font-family:var(--mono);font-weight:700;letter-spacing:-.01em;white-space:nowrap;color:var(--accent-deep);font-size:19px;line-height:1}.progress-of{color:var(--ink-4);font-size:13px}.progress-title{font-size:14px;font-weight:600;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.save-dot{flex:0 0 auto;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);display:inline-flex;align-items:center;gap:7px}.save-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok);opacity:.75}.save-dot.is-saving:before{background:var(--accent);animation:pulse-dot 1.1s ease-in-out infinite}.save-dot.is-failed{color:var(--warn)}.save-dot.is-failed:before{background:var(--warn)}@keyframes pulse-dot{0%,to{opacity:.35}50%{opacity:1}}.segments{display:flex;gap:5px}.segment{flex:1;height:7px;border-radius:99px;background:var(--ground-2);box-shadow:inset 0 0 0 1px #15171d0d;position:relative;overflow:hidden;transition:background .48s var(--ease)}.segment:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent-deep),var(--accent) 65%,var(--accent2));transform:scaleX(0);transform-origin:left;transition:transform .52s var(--ease)}.segment.is-filled:after{transform:scaleX(1)}.segment.is-current{background:var(--accent2-tint-2)}.segment.is-current:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(44,61,245,.55),transparent);transform:translate(-100%);animation:sweep 2.1s var(--ease) infinite}@keyframes sweep{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}.intro{margin-bottom:44px;animation:rise .62s var(--ease) both}.intro-title{margin:0 0 14px;font-family:var(--display);font-size:clamp(31px,8.2vw,54px);line-height:1.03;overflow-wrap:break-word;letter-spacing:-.035em;font-weight:800;color:var(--ink)}.welcome-back{margin:0 0 20px;font-weight:600;font-size:15px;color:var(--accent2-deep);background:var(--accent2-tint);border:1px solid var(--accent2-line);border-radius:99px;padding:6px 14px;display:inline-block}.intro-para{margin:0 0 15px;color:var(--ink-2);font-size:17px}.intro .video{margin:22px 0 24px}.intro-time{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:14px;color:var(--ink-3)}.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}.steps>li{position:relative}.steps>li+li:before{content:"";position:absolute;left:var(--spine-x);top:-19px;width:2px;height:20px;border-radius:2px;background:var(--line-2);transition:background .42s var(--ease)}.steps>li.spine-on+li:before{background:linear-gradient(180deg,var(--accent),var(--accent-line))}.step{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;scroll-margin-top:108px;box-shadow:var(--shadow-sm);transition:border-color .26s var(--ease),box-shadow .26s var(--ease),background .26s var(--ease),transform .26s var(--ease)}.step.is-locked{background:#ffffff80;border-color:var(--line);border-style:dashed;box-shadow:none}.step.is-locked .step-title-text{color:var(--ink-2)}.step.is-locked .step-badge{background:transparent;color:var(--ink-4);border-style:dashed}.step.is-open{border-color:var(--accent-line);box-shadow:var(--shadow-lg)}.step.is-open:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;border:1px solid rgba(44,61,245,.18);pointer-events:none}.step.is-done{background:var(--surface-sunk)}.step.just-passed{animation:pass-pop .7s var(--ease)}@keyframes pass-pop{0%{transform:scale(1);box-shadow:0 0 #0f8a5566}35%{transform:scale(1.012);box-shadow:0 0 0 8px #0f8a551f}to{transform:scale(1);box-shadow:0 0 0 16px #0f8a5500}}.step-head{display:flex;align-items:center;gap:14px}.step-badge{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--ground-2);border:1px solid var(--line);font-family:var(--mono);font-size:14px;font-weight:700;color:var(--ink-3);transition:background .24s var(--ease),color .24s var(--ease),border-color .24s var(--ease)}.step.is-open .step-badge{background:linear-gradient(180deg,var(--accent),var(--accent-deep));color:var(--accent-ink);border-color:transparent;box-shadow:0 4px 12px -4px #2c3df599}.step.is-done .step-badge{background:var(--ok-tint);color:var(--ok);border-color:#0f8a5547}.step-heading{flex:1 1 auto;min-width:0}.step-title{margin:0;font-family:var(--display);font-size:21px;line-height:1.22;font-weight:700;letter-spacing:-.022em;color:var(--ink)}.step-n{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-4);display:block;margin-bottom:3px}.step.is-open .step-n{color:var(--accent-deep)}.step-meta{display:inline-block;margin-top:6px;font-size:12px;font-weight:600;letter-spacing:.01em;color:var(--ink-3);background:var(--ground-2);border-radius:99px;padding:3px 9px}.step.is-done .step-meta{color:var(--ok);background:var(--ok-tint)}.step.is-open .step-meta{color:var(--accent-deep);background:var(--accent-tint)}.step-locked-note{margin:12px 0 0 48px;font-size:14px;color:var(--ink-4)}.step-body{margin-top:22px;animation:rise .42s var(--ease) both}.step-para{margin:0 0 15px;color:var(--ink-2)}.step-expect{margin:24px 0 0;padding:16px 18px;background:var(--accent-tint);border:1px solid var(--accent-line);border-radius:var(--radius-sm);font-size:15.5px;color:var(--ink-2)}.step-expect-label{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--accent-deep);margin-bottom:5px}.video{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:22px;background:var(--ground-2);border:1px solid var(--line)}.video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.video-empty{aspect-ratio:16 / 8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-style:dashed;border-color:var(--line-2);text-align:center;padding:18px;background:linear-gradient(180deg,#ffffffb3,#fff0),repeating-linear-gradient(-45deg,rgba(21,23,29,.018) 0 10px,transparent 10px 20px),var(--ground-2)}.video-badge{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep);font-weight:700}.video-label{font-size:14.5px;font-weight:500;color:var(--ink-2);max-width:36ch}.video-soon{font-size:12px;color:var(--ink-4)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:12px;font-family:var(--body);font-size:15px;font-weight:600;letter-spacing:-.005em;text-decoration:none;cursor:pointer;min-height:46px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .14s var(--ease),background .16s var(--ease),border-color .16s var(--ease),box-shadow .16s var(--ease),color .16s var(--ease)}.btn:active:not(:disabled){transform:translateY(1px) scale(.995)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}.btn-primary,.btn-gate{background:linear-gradient(180deg,var(--accent),var(--accent-deep));color:var(--accent-ink);box-shadow:0 1px 2px #15171d1f,0 8px 20px -10px #2c3df5cc}.btn-primary:hover:not(:disabled),.btn-gate:hover:not(:disabled){box-shadow:0 2px 4px #15171d24,0 14px 26px -10px #2c3df5d9;transform:translateY(-1px)}.btn-primary{width:100%;min-height:50px;font-size:16px}.btn-ghost{background:transparent;border-color:var(--line-2);color:var(--ink-3);font-size:13.5px;min-height:38px;padding:8px 14px;border-radius:99px}.btn-ghost:hover:not(:disabled){color:var(--ink);border-color:var(--ink-3);background:#ffffffb3}.btn-copy{background:var(--surface);border-color:var(--line-2);color:var(--ink);font-size:13.5px;min-height:38px;padding:8px 14px;border-radius:10px;box-shadow:var(--shadow-sm)}.btn-copy:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent-line);color:var(--accent-deep);box-shadow:var(--shadow-md)}.btn-copy.is-copied{background:var(--ok-tint);border-color:#0f8a5559;color:var(--ok)}.tick-icon{animation:draw .34s var(--ease) both}.btn-download{background:var(--surface);border-color:var(--line-2);color:var(--ink);box-shadow:var(--shadow-sm)}.btn-download:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent-deep);color:var(--accent-deep);box-shadow:var(--shadow-md)}.gate-tick{width:17px;height:17px;border-radius:6px;border:2px solid currentColor;display:inline-block;opacity:.85}.copybox{background:var(--surface-sunk);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px 16px;margin:0 0 16px}.copybox-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.copybox-label{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:700}.copybox-text{margin:0;font-size:15px;line-height:1.6;color:var(--ink-2);white-space:pre-wrap}.download{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 18px}.download-note{font-size:13px;color:var(--ink-3)}.gate{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.gate-label,.field-label{display:block;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:6px}.gate-help{margin:0 0 12px;font-size:13.5px;color:var(--ink-3)}.gate-row{display:flex;gap:10px;align-items:stretch}.gate-input,.field{flex:1 1 auto;min-width:0;background:var(--surface);border:1px solid var(--line-2);border-radius:12px;color:var(--ink);font-family:var(--body);font-size:16px;min-height:48px;padding:12px 15px;box-shadow:inset 0 1px 2px #15171d0a;transition:border-color .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease)}.gate-input::placeholder,.field::placeholder{color:var(--ink-4)}.gate-input:hover:not(:focus),.field:hover:not(:focus){border-color:var(--ink-4)}.gate-input:focus,.field:focus{outline:none;border-color:var(--accent-deep);box-shadow:0 0 0 4px #2c3df524}.gate-msg{margin:10px 0 0;font-size:13.5px;font-weight:600;color:var(--ok);min-height:20px}.gate-msg.is-wrong{color:var(--warn)}.gate-typed.state-wrong{animation:shake .42s var(--ease)}.gate-typed.state-wrong .gate-input{border-color:var(--warn);background:var(--warn-tint)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.gate-typed.state-ok .gate-input{border-color:var(--ok);background:var(--ok-tint)}.name-form{border-top:1px solid var(--line);padding-top:22px}.brand-block{margin-bottom:16px}.brand-picker{border:0;padding:0;margin:0 0 14px}.brand-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.brand-chip{border:1px solid var(--line-2);background:var(--surface);border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600;color:var(--ink-2);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .16s var(--ease),background .16s var(--ease),color .16s var(--ease)}.brand-chip:hover{border-color:var(--ink-4)}.brand-chip input{position:absolute;opacity:0;width:0;height:0}.brand-chip.is-on{border-color:var(--accent-deep);color:var(--accent-ink);background:var(--accent)}.brand-chip:focus-within{outline:2px solid var(--accent2);outline-offset:3px}.brand-input{width:100%}.finish{margin-bottom:36px;border-color:var(--accent-line);background:radial-gradient(600px 240px at 0% 0%,var(--accent-tint),transparent 70%),var(--surface);box-shadow:var(--shadow-lg);animation:rise .62s var(--ease) both}.finish-badge{display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--accent-ink);background:var(--accent);border-radius:999px;padding:5px 12px;margin-bottom:16px}.finish-title{margin:0 0 12px;font-family:var(--display);font-size:clamp(24px,5vw,30px);line-height:1.14;letter-spacing:-.028em;font-weight:700}.finish-body{margin:0 0 22px;color:var(--ink-2)}.auth-rail{display:flex;gap:5px;margin:0 0 24px}.auth-rail span{flex:1;height:6px;border-radius:99px;background:var(--ground-2);box-shadow:inset 0 0 0 1px #15171d0d}.auth-rail span:first-child{background:linear-gradient(90deg,var(--accent-deep),var(--accent) 65%,var(--accent2));box-shadow:none}.auth-title{margin:0 0 12px;font-family:var(--display);font-size:clamp(28px,6vw,34px);line-height:1.08;letter-spacing:-.03em;font-weight:800}.auth-body{margin:0 0 22px;color:var(--ink-2);font-size:15.5px}.auth-contact{color:var(--accent-deep);font-weight:600}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-error{margin:14px 0 0;font-size:13.5px;font-weight:600;color:var(--warn)}.card-auth .btn-ghost{margin-top:18px;align-self:flex-start}.card-auth>*{animation:rise .56s var(--ease) both}.card-auth>*:nth-child(1){animation-delay:40ms}.card-auth>*:nth-child(2){animation-delay:.1s}.card-auth>*:nth-child(3){animation-delay:.16s}.card-auth>*:nth-child(4){animation-delay:.22s}.card-auth>*:nth-child(5){animation-delay:.28s}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes draw{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.tick-draw{stroke-dasharray:22;stroke-dashoffset:22;animation:draw-stroke .46s var(--ease) forwards}@keyframes draw-stroke{to{stroke-dashoffset:0}}.foot{margin-top:56px;padding-top:22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--ink-3)}@media (max-width: 600px){html,body{font-size:16px}:root{--spine-x: 33px;--radius: 16px}.shell{padding:116px 15px 72px}.card{padding:24px 20px}.card-auth{padding:28px 22px 24px}.step{padding:19px 17px}.step-badge{width:30px;height:30px;border-radius:10px}.step-head{gap:12px}.step-title{font-size:19px}.step-locked-note{margin-left:42px}.progress-title{display:none}.gate-row{flex-direction:column}.btn-gate{width:100%}.copybox-head{align-items:flex-start}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.hero-progress{max-width:460px;margin:18px 0 6px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.hero-progress-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px}.hero-progress-label{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent2-deep)}.hero-progress-pct{font-family:var(--display);font-weight:700;font-size:1.05rem;color:var(--accent-deep);font-variant-numeric:tabular-nums}.step-chip{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:.66rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:5px 11px;border-radius:99px;white-space:nowrap}.step-chip.is-open{background:var(--accent2-tint);color:var(--accent2-deep);border:1px solid var(--accent2-line)}.step-chip.is-done{background:var(--ok-tint);color:var(--ok);border:1px solid transparent}.step-chip.is-locked{background:var(--surface-sunk);color:var(--ink-4);border:1px solid var(--line)}.step-chip svg{width:11px;height:11px}.step-head .btn-ghost{margin-left:10px}.watch-card.is-done{opacity:.82}.step-callout{display:flex;gap:10px;align-items:flex-start;margin:4px 0 12px;padding:12px 14px;background:var(--accent2-tint);border:1px solid var(--accent2-line);border-radius:var(--radius-sm);font-size:.93rem;font-weight:500;color:var(--ink)}.callout-mark{flex:none;width:20px;height:20px;border-radius:50%;background:var(--accent2);color:#fff;font-size:.7rem;display:flex;align-items:center;justify-content:center;margin-top:1px}.paste-alt{margin:10px 0 4px;border:1px dashed var(--line-2);border-radius:var(--radius-sm);padding:0 14px;background:var(--surface-sunk)}.paste-alt[open]{padding-bottom:12px}.paste-alt summary{cursor:pointer;padding:11px 0;font-size:.88rem;font-weight:600;color:var(--ink-2);list-style-position:inside}.paste-alt summary:hover{color:var(--accent-deep)}.paste-alt-note{margin:0 0 10px;font-size:.86rem;color:var(--ink-3)}.paste-alt .copybox-text{max-height:130px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}.video-empty{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:4px;min-height:150px;padding:16px 18px;border-radius:var(--radius-sm);background:radial-gradient(120% 160% at 85% -20%,var(--accent2-tint) 0%,transparent 55%),linear-gradient(135deg,var(--accent-tint) 0%,var(--surface-sunk) 60%);border:1px solid var(--line);position:relative}.video-empty:after{content:"▶";position:absolute;top:50%;right:24px;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-md);color:var(--accent-deep);font-size:.85rem;display:flex;align-items:center;justify-content:center}