@font-face{font-family:Picsart-Fonts;font-style:normal;font-weight:400;font-display:swap;src:local("Gilroy-Regular"),url(./fonts/Gilroy-Regular.woff2) format("woff2")}@font-face{font-family:Picsart-Fonts;font-style:normal;font-weight:500;font-display:swap;src:local("Gilroy-Medium"),url(./fonts/Gilroy-Medium.woff2) format("woff2")}@font-face{font-family:Picsart-Fonts;font-style:normal;font-weight:600;font-display:swap;src:local("Gilroy-SemiBold"),url(./fonts/Gilroy-SemiBold.woff2) format("woff2")}@font-face{font-family:Picsart-Fonts;font-style:normal;font-weight:700;font-display:swap;src:local("Gilroy-Bold"),url(./fonts/Gilroy-Bold.woff2) format("woff2")}:root{--pa-magenta: #C209C1;--pa-magenta-action: #920792;--pa-magenta-20: #C209C133;--pa-magenta-50: #C209C17F;--pa-violet: #5A00EE;--pa-violet-20: #5A00EE33;--pa-teal: #158380;--pa-gradient-primary: linear-gradient(135deg, #00FFED 0%, #19D7E7 22.96%, #7F4AD9 45.31%, #AF1FC6 66.73%, #DF02C0 100%);--pa-gradient-gold: linear-gradient(225deg, #FABB00 0%, #D0388D 59.29%, #9A1A89 100%);--pa-gradient-plus: linear-gradient(246deg, #F9AE4A 13%, #C209C1 100%);--pa-gradient-pro: linear-gradient(60.72deg, #0E00AC -11%, #FF34F9 100%);--pa-gradient-aura: linear-gradient(315deg, #FBEAC9 14.64%, #ABB8FD 84.73%);--pa-gradient-valentine: linear-gradient(315deg, #F44097 25%, #FC67FA 75%);--pa-bg: #121212;--pa-bg-tint-1: #1A1A1A;--pa-bg-tint-2: #262626;--pa-bg-tint-3: #303030;--pa-border: #303030;--pa-canvas: #262626;--pa-text: #FFFFFF;--pa-text-1: #B3B3B3;--pa-text-2: #808080;--pa-text-3: #4C4C4C;--pa-error: #D31E2A;--pa-success: #158423;--pa-warning: #FE9D24;--pa-shadow-1: 0px 0px 16px 0px #00000024;--pa-shadow-2: 0px 0px 16px 0px #00000038;--pa-shadow-3: 0px 0px 16px 0px #00000061;--t1: 8px;--t1-lh: 10px;--t2: 10px;--t2-lh: 14px;--t3: 12px;--t3-lh: 16px;--t4: 14px;--t4-lh: 20px;--t5: 16px;--t5-lh: 24px;--t6: 20px;--t6-lh: 28px;--t7: 24px;--t7-lh: 32px;--t8: 30px;--t8-lh: 36px;--t9: 36px;--t9-lh: 48px;--t10: 42px;--t10-lh: 50px;--t11: 60px;--t11-lh: 72px;--s-2: 2px;--s-4: 4px;--s-6: 6px;--s-8: 8px;--s-10: 10px;--s-12: 12px;--s-16: 16px;--s-24: 24px;--s-32: 32px;--s-40: 40px;--s-44: 44px;--s-48: 48px;--s-56: 56px;--s-64: 64px;--s-72: 72px;--r-2: 2px;--r-4: 4px;--r-8: 8px;--r-12: 12px;--r-16: 16px;--r-20: 20px;--r-22: 22px;--r-24: 24px;--r-32: 32px;--r-btn-sm: 16px;--r-btn-md: 20px;--r-btn-lg: 22px;--r-btn-xl: 24px;--ease-practical: cubic-bezier(.3, .15, .5, 1);--ease-expressive: cubic-bezier(.5, .05, .3, 1);--ease-bounce: cubic-bezier(.5, -.4, .55, 1.4);--tone-blue: linear-gradient(160deg, #4FBCFF 0%, #0A84FF 100%);--tone-mint: linear-gradient(160deg, #5EEAD4 0%, #00C7BE 100%);--tone-indigo: linear-gradient(160deg, #A78BFA 0%, #5E5CE6 100%);--tone-pink: linear-gradient(160deg, #FF6090 0%, #FF375F 100%);--tone-peach: linear-gradient(160deg, #FFB454 0%, #FF9500 100%);--tone-lime: linear-gradient(160deg, #6EE7B7 0%, #30D158 100%);--tone-magenta: linear-gradient(160deg, #FF55E5 0%, #C209C1 100%);--tone-teal: linear-gradient(160deg, #67E8F9 0%, #0EA5B7 100%);--tone-blue-glow: rgba(10, 132, 255, .45);--tone-mint-glow: rgba(0, 199, 190, .45);--tone-indigo-glow: rgba(94, 92, 230, .45);--tone-pink-glow: rgba(255, 55, 95, .45);--tone-peach-glow: rgba(255, 149, 0, .45);--tone-lime-glow: rgba(48, 209, 88, .45);--tone-magenta-glow: rgba(194, 9, 193, .45);--tone-teal-glow: rgba(14, 165, 183, .45);--glyph-inner: inset 0 1px 0 rgba(255,255,255,.32), inset 0 -1px 0 rgba(0,0,0,.18);--glyph-shadow: 0 6px 16px rgba(0,0,0,.3), 0 2px 4px rgba(0,0,0,.22);--icon-pastel-bg: #E9D5FF;--icon-pastel-fg: #5B21B6;--icon-pastel-halo: rgba(167, 139, 250, .2);--icon-pastel-tag-bg: rgba(167, 139, 250, .2);--icon-pastel-tag-fg: #DDD6FE}.app{font-family:Picsart-Fonts,system-ui,-apple-system,sans-serif;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg: #121212;--bg-deep: #0A0A0A;--surface: rgba(255, 255, 255, .04);--surface-2: rgba(255, 255, 255, .06);--surface-3: rgba(255, 255, 255, .09);--hairline: rgba(255, 255, 255, .1);--hairline-2: rgba(255, 255, 255, .18);--text: #FFFFFF;--text-dim: rgba(255, 255, 255, .72);--text-mute: rgba(255, 255, 255, .48);--accent: #C209C1;--accent-2: #FF34F9;--accent-deep: #920792;--accent-glow: rgba(194, 9, 193, .55);--accent-glow-soft: rgba(194, 9, 193, .18);--grad-accent: linear-gradient(135deg, #00FFED 0%, #19D7E7 22.96%, #7F4AD9 45.31%, #AF1FC6 66.73%, #DF02C0 100%);--grad-accent-r: linear-gradient(90deg, #00FFED 0%, #19D7E7 22.96%, #7F4AD9 45.31%, #AF1FC6 66.73%, #DF02C0 100%);--grad-pro: linear-gradient(60.72deg, #0E00AC -11%, #FF34F9 100%);--grad-plus: linear-gradient(246deg, #F9AE4A 13%, #C209C1 100%);--font-sans: "Picsart-Fonts", "Gilroy", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--ease: cubic-bezier(.3, .15, .5, 1);--ease-soft: cubic-bezier(.5, .05, .3, 1);--motion: 1}.app,.app *,.app *:before,.app *:after{box-sizing:border-box}.app{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11";overscroll-behavior:none}.app button{font-family:inherit}.app{width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(1200px 800px at 80% -10%,rgba(194,9,193,.1) 0%,transparent 60%),radial-gradient(900px 600px at 0% 110%,rgba(127,74,217,.06) 0%,transparent 60%),var(--bg)}.header{position:sticky;top:0;z-index:30;padding:12px 24px;background:linear-gradient(180deg,rgba(10,10,10,.92) 0%,rgba(10,10,10,.7) 70%,transparent 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:132px minmax(88px,auto) 1fr 88px;gap:20px;align-items:center}.header-inner>.brand{grid-column:1}.header-inner>.back-pill{grid-column:2;grid-row:1}.header-inner>.progress-track{grid-column:3}.header-inner>.counter{grid-column:4}.brand{display:flex;align-items:center;height:36px}.brand-mark{height:22px;width:auto;display:block}.done-actions{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:clamp(16px,2.5vh,28px)}.done-actions .btn-primary{min-width:200px}.progress-track{position:relative;height:6px;border-radius:999px;background:#ffffff14}.progress-tick{position:absolute;right:-2px;top:50%;transform:translate(50%,-50%);width:18px;height:18px;border-radius:50%;background:var(--tone-magenta);display:grid;place-items:center;box-shadow:0 2px 8px #c209c173,inset 0 1px #ffffff4d;animation:tickPop calc(.42s * var(--motion)) cubic-bezier(.2,.9,.2,1.4) .12s both}.progress-tick svg{width:11px;height:11px;color:#fff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}@keyframes tickPop{0%{opacity:0;transform:translate(50%,-50%) scale(.4)}to{opacity:1;transform:translate(50%,-50%) scale(1)}}.progress-fill{position:absolute;inset:0 auto 0 0;border-radius:999px;background:var(--grad-accent-r);box-shadow:0 0 16px var(--accent-glow);transition:width calc(.36s * var(--motion)) cubic-bezier(.2,.8,.2,1)}.progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);opacity:.5;animation:shimmer-bar calc(2.4s / var(--motion)) linear infinite;mix-blend-mode:screen}@keyframes shimmer-bar{0%{transform:translate(-100%)}to{transform:translate(100%)}}.counter{text-align:right;font-size:13px;font-weight:600;color:var(--text-mute);font-variant-numeric:tabular-nums;letter-spacing:.04em;padding-left:16px}.counter .current{color:var(--text)}.step{flex:1;display:flex;flex-direction:column;padding:clamp(16px,2.5vh,28px) clamp(20px,2.5vw,40px);overflow:hidden;position:relative;min-height:0}.step-inner{max-width:1120px;width:100%;height:100%;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,28vw,380px);gap:clamp(24px,4vw,56px);align-items:stretch;min-height:0}.step-inner.single{grid-template-columns:1fr}@media(min-width:1280px){.step-inner{max-width:1280px;grid-template-columns:minmax(0,1fr) 460px;gap:64px}}@media(min-width:1600px){.step-inner{max-width:1480px;grid-template-columns:minmax(0,1fr) 560px;gap:72px}}@media(min-width:1920px){.step-inner{max-width:1680px;grid-template-columns:minmax(0,1fr) 640px;gap:80px}}.step-content{min-width:0;min-height:0;display:flex;flex-direction:column}.step-headline{font-size:clamp(26px,1.8vw + 14px,42px);line-height:1.08;letter-spacing:-.025em;font-weight:800;margin:clamp(10px,1.4vh,14px) 0 clamp(6px,.8vh,10px);text-wrap:balance}.step-sub{font-size:clamp(13px,.3vw + 12px,15px);line-height:1.5;color:var(--text-dim);letter-spacing:-.005em;margin:0 0 clamp(14px,2vh,24px);max-width:540px;text-wrap:balance}.step-fade{opacity:1;animation:stepSlideForward calc(1.1s * var(--motion)) cubic-bezier(.16,1,.3,1) both;will-change:transform,opacity}.app[data-direction=backward] .step-fade{animation-name:stepSlideBackward}@keyframes stepSlideForward{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes stepSlideBackward{0%{opacity:0;transform:translate3d(0,-40px,0)}to{opacity:1;transform:translateZ(0)}}.choices{display:grid;gap:clamp(8px,1vh,12px);min-height:0;align-content:start}.choices.cols-2{grid-template-columns:1fr 1fr}.choices.cols-1{grid-template-columns:1fr}.choices-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{display:inline-flex;align-items:center;gap:8px;padding:0 18px;height:44px;border-radius:999px;border:1px solid var(--hairline-2);background:var(--surface-2);color:var(--text);font-size:14px;font-weight:600;letter-spacing:-.005em;cursor:pointer;transition:all .2s var(--ease);white-space:nowrap}.chip:hover{background:var(--surface-3);border-color:#ffffff38}.chip.is-selected{background:var(--grad-accent);border-color:transparent;color:#fff;box-shadow:0 0 24px var(--accent-glow-soft)}.chip svg{width:14px;height:14px}.continue-row{display:flex;justify-content:flex-end;align-items:center;margin-top:28px}.video-col{position:relative;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;gap:16px;overflow:hidden}.video-col.hidden{display:none}@media(min-width:1280px){.video-col{gap:18px}.meta-title{font-size:22px}.meta-blurb{font-size:14px}}@media(min-width:1600px){.video-col{gap:20px}.meta-title{font-size:26px}.meta-blurb{font-size:15px}.meta-link{padding:10px 16px;font-size:13px}}@media(min-width:1920px){.meta-title{font-size:30px}.meta-blurb{font-size:16px}}.video-card{position:relative;width:100%;aspect-ratio:4 / 5;flex:0 1 auto;min-height:0;max-height:100%;border-radius:22px;overflow:hidden;background:#0d0a1f;border:1px solid var(--hairline);box-shadow:0 24px 60px #00000080,0 0 60px #c209c11a}@media(min-width:1280px){.video-card{border-radius:24px}}@media(min-width:1600px){.video-card{border-radius:28px;aspect-ratio:9 / 11}}.video-meta{display:flex;flex-direction:column;gap:8px;padding:4px 2px}.meta-caption{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffff80}.meta-title{font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:#fff;text-wrap:balance}.meta-blurb{font-size:13px;font-weight:500;line-height:1.5;color:#ffffff9e;text-wrap:pretty}.meta-link{align-self:flex-start;margin-top:4px;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);font-size:12px;font-weight:600;letter-spacing:.01em;color:#fff;text-decoration:none;transition:background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease)}.meta-link:hover{background:#ffffff24;border-color:#ffffff47;transform:translateY(-1px)}.video-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.stage-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#000;transition:opacity calc(.52s * var(--motion)) var(--ease);z-index:1}.stage-video.is-on{opacity:1}.stage-video.is-off{opacity:0}.stage-grid,.stage-scan,.stage-flow{z-index:0}.stage-flow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;filter:blur(28px);opacity:.95}.stage-flow .blob{position:absolute;width:60%;height:60%;border-radius:50%;mix-blend-mode:screen;animation:float 14s ease-in-out infinite}.stage-flow .b1{top:10%;left:0%;background:#c209c1;animation-delay:0s}.stage-flow .b2{top:40%;left:40%;background:#ff34f9;animation-delay:-3s;animation-duration:18s}.stage-flow .b3{top:60%;left:5%;background:#5a00ee;animation-delay:-6s;animation-duration:22s}.stage-flow .b4{top:0%;left:50%;background:#19d7e7;animation-delay:-9s;animation-duration:16s;opacity:.6}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20%,15%) scale(1.15)}50%{transform:translate(-15%,25%) scale(.9)}75%{transform:translate(10%,-10%) scale(1.1)}}.stage-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}.video-col[data-step="0"] .b1{background:#c209c1}.video-col[data-step="0"] .b2{background:#ff34f9}.video-col[data-step="1"] .b1{background:#5a00ee}.video-col[data-step="1"] .b2{background:#c209c1}.video-col[data-step="1"] .b3{background:#19d7e7}.video-col[data-step="2"] .b1{background:#00ffed}.video-col[data-step="2"] .b2{background:#7f4ad9}.video-col[data-step="2"] .b3{background:#df02c0}.video-col[data-step="3"] .b1{background:#f9ae4a}.video-col[data-step="3"] .b2{background:#c209c1}.video-col[data-step="3"] .b3,.video-col[data-step="4"] .b1{background:#ff34f9}.video-col[data-step="4"] .b2{background:#5a00ee}.video-col[data-step="4"] .b3{background:#19d7e7}.stage-scan{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,transparent 0px,transparent 3px,rgba(255,255,255,.025) 3px,rgba(255,255,255,.025) 4px);pointer-events:none}.done{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;max-width:560px;width:100%;margin-inline:auto;min-height:0;padding:20px 24px 10px;text-align:center}.done-ring{position:relative;width:56px;height:56px;border-radius:16px;background:var(--tone-lime);box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #00000038,inset 0 0 0 1px #ffffff24,0 8px 18px #30d15852,0 2px 6px #00000047,0 0 18px #30d15842;isolation:isolate;animation:ringPop calc(.7s * var(--motion)) cubic-bezier(.2,.9,.2,1.4) both}@keyframes ringPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.done-ring:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(120% 90% at 28% 18%,#ffffff73,#fff0 55%);pointer-events:none}.done-ring:after{content:"";position:absolute;left:10%;right:10%;top:8%;height:36%;border-radius:50%;background:linear-gradient(180deg,#ffffff5c,#fff0);pointer-events:none}.done-ring>svg{display:none}.done-check{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:1;animation:checkPop calc(.9s * var(--motion)) cubic-bezier(.2,.9,.2,1.4) calc(.18s * var(--motion)) both}@keyframes checkPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.done-check svg{width:22px;height:22px;color:#fff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 4px rgba(0,0,0,.28));position:relative;z-index:1}.done-headline{font-size:28px;line-height:1.08;letter-spacing:-.03em;font-weight:800;text-wrap:balance;margin:0}@media(min-width:1280px){.done-headline{font-size:32px}.done-sub{font-size:16px}.done{gap:10px;max-width:760px}}@media(min-width:1600px){.done-headline{font-size:38px}.done-sub{font-size:17px;max-width:540px}.done{gap:12px;max-width:820px}.done-ring{width:60px;height:60px;border-radius:18px}.done-check svg{width:24px;height:24px}}@media(min-width:1920px){.done-headline{font-size:44px}.done-sub{font-size:18px}.done-ring{width:64px;height:64px;border-radius:20px}.done-check svg{width:26px;height:26px}}.done-sub{font-size:14px;color:var(--text-dim);text-wrap:balance;margin:0;max-width:460px;line-height:1.5}.done-tagline{margin:4px 0 0;max-width:640px;font-size:14px;line-height:1.5;color:var(--text-dim);letter-spacing:-.005em;text-wrap:balance}@media(min-width:1280px){.done-tagline{font-size:15px;max-width:720px}}@media(min-width:1600px){.done-tagline{font-size:16px;max-width:800px}}@media(max-width:720px){.done-tagline{font-size:13px;max-width:92%}}.done-profile{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 12px;border-radius:999px;background:linear-gradient(135deg,#c209c12e,#5a00ee2e);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);white-space:nowrap}.done-profile-label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ffffff9e}.done-profile-name{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fffffff5}.done-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;width:100%;margin:8px 0 0;padding:20px 24px;border-radius:20px;background:var(--surface);border:1px solid var(--hairline);text-align:left}.done-summary .row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--hairline);font-size:13px}.done-summary .row:last-child,.done-summary .row:nth-last-child(2){border-bottom:none}.done-summary .k{color:var(--text-mute);font-weight:500;letter-spacing:.04em;text-transform:uppercase;font-size:11px}.done-summary .v{color:var(--text);font-weight:600;max-width:60%;text-align:right}.done-arch{width:100%;max-width:920px}@media(min-width:1280px){.done-arch{max-width:1100px}}@media(min-width:1600px){.done-arch{max-width:1280px}}@media(min-width:1920px){.done-arch{max-width:1480px}}.arch-tag{display:inline-flex;align-items:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:#ffffffeb;padding:7px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:inset 0 1px #ffffff1a}.arch-meta{display:inline-flex;align-items:center;gap:8px}.arch-info{width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#ffffffd9;font-family:var(--font-sans);font-size:11px;font-weight:700;font-style:italic;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease)}.arch-info:hover{background:#ffffff24;border-color:#ffffff52;transform:scale(1.08)}.surface-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:880px;margin:clamp(12px,2vh,24px) auto 0;flex:0 1 auto;min-height:0;overflow:visible;background:transparent}.surface-grid>.surface-card{aspect-ratio:16 / 10;width:auto;margin:0;min-width:0;min-height:0}@media(max-width:600px){.surface-grid{grid-template-columns:1fr;grid-auto-rows:minmax(140px,1fr)}}@media(min-width:1280px){.surface-grid{max-width:1040px}}@media(min-width:1600px){.surface-grid{max-width:1180px}}@media(min-width:1920px){.surface-grid{max-width:1320px}}.surface-card{position:relative;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0a0a0a;text-decoration:none;color:inherit;opacity:1;animation:surfIn calc(.5s * var(--motion)) var(--ease) both;transition:background .22s var(--ease),transform .22s var(--ease),filter .22s var(--ease),border-color .22s var(--ease);break-inside:avoid;--card-aura: var(--icon-pastel-halo);--card-accent: var(--icon-pastel-bg);will-change:transform}.surface-card:hover{z-index:2}.surface-card:hover{transform:scale(1.0015);border-color:var(--card-accent, rgba(233, 213, 255, .4));filter:drop-shadow(0 3px 10px rgba(0,0,0,.4)) drop-shadow(0 0 5px var(--card-accent, rgba(233, 213, 255, .28)))}.surface-card:active{transform:scale(.99975);transition-duration:80ms}@keyframes surfIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.surface-card-link{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:2;text-decoration:none;color:inherit}.surface-card-link:focus-visible{outline:2px solid var(--card-accent, #fff);outline-offset:3px}.surface-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#0a0a0a;overflow:hidden}@media(min-width:1280px){.surface-card{border-radius:22px}}@media(min-width:1600px){.surface-card{border-radius:26px}}.surface-video-fg{display:block;width:100%;height:100%;object-fit:cover}.surface-front-body{position:absolute;top:10px;left:10px;max-width:calc(100% - 52px);z-index:3;display:inline-flex;flex-direction:column;align-items:flex-start;row-gap:2px;padding:7px 12px 8px;border-radius:14px;text-align:left;background:#000c;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}.surface-title{font-size:clamp(13px,.5vw + 10px,16px);font-weight:600;line-height:1.15;letter-spacing:-.005em;color:#fff;margin:0;min-width:0;overflow-wrap:break-word;word-break:break-word}.surface-desc{font-size:clamp(10px,.15vw + 9px,11px);font-weight:400;line-height:1.3;color:#ffffffb3;letter-spacing:0;margin:0;text-wrap:pretty}@media(min-width:1280px){.surface-front-body{top:12px;left:12px;padding:8px 14px 9px;border-radius:16px}.surface-desc{font-size:12px}}@media(min-width:1600px){.surface-front-body{padding:9px 16px 10px;border-radius:18px}.surface-desc{font-size:13px}}.surface-open-glyph{position:absolute;top:10px;right:10px;z-index:3;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:#fff;pointer-events:none;transition:transform .22s var(--ease)}.surface-open-glyph svg{width:22px;height:22px;stroke-width:2.2}.surface-card:hover .surface-open-glyph{transform:translate(2px,-2px)}@media(min-width:1280px){.surface-open-glyph{top:12px;right:12px;width:36px;height:36px}.surface-open-glyph svg{width:24px;height:24px}}@media(max-width:960px){.step-inner{grid-template-columns:1fr;gap:24px}.video-col{position:relative;top:0;width:100%;max-width:420px;margin:0 auto}.video-card{aspect-ratio:16 / 10;border-radius:18px}.step-headline{font-size:38px}.choices.cols-2,.choices-grid{grid-template-columns:1fr}}@media(max-width:720px){.header{padding:10px 16px}.step{padding:16px 18px 72px}.header-inner{grid-template-columns:auto auto 1fr auto;gap:12px}.brand-mark{height:18px}.back-pill{height:32px;padding:0 12px 0 8px;font-size:12px}.step-headline{font-size:32px;margin:12px 0 10px}.step-sub{font-size:15px;margin-bottom:22px}.video-col{display:none}.step-inner{gap:0}.done-headline{font-size:26px}.done-sub{font-size:13px}.done{padding:20px 16px 12px}}@media(max-width:560px){.header-inner{grid-template-columns:auto 1fr auto;gap:10px}.header-inner>.brand{display:none}.header-inner>.back-pill{grid-column:1}.header-inner>.progress-track{grid-column:2}.header-inner>.counter{grid-column:3}.step{padding:12px 16px 64px}.step-headline{font-size:26px}.step-sub{font-size:14px;margin-bottom:18px}.choice{padding:16px;gap:12px;border-radius:18px}.choice-glyph{width:36px;height:36px}.choice-title{font-size:15px}.choice-sub{font-size:12px}.choice-compact{padding:14px 16px}.progress-track{height:4px}.counter{font-size:11px}.done-headline{font-size:22px}.done-ring{width:48px;height:48px;border-radius:14px}.done-check svg{width:18px;height:18px;stroke-width:3}.arch-tag{font-size:10px;padding:4px 10px}.surface-grid{gap:12px}.done-actions{gap:10px;align-items:stretch;width:100%}.done-actions .btn-primary{min-width:0;width:100%}}@media(max-width:380px){.step-headline{font-size:22px}.surface-back-inner{padding:16px 16px 14px}}.app[data-layout=single] .step-inner{grid-template-columns:1fr;max-width:720px}.app[data-layout=single] .video-col{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;animation-fill-mode:forwards!important;transition-duration:.001ms!important}}.choice-glyph{width:auto;height:auto;border-radius:0;border:none;background:transparent;color:var(--icon-pastel-bg);box-shadow:none;position:relative;overflow:visible;animation:none}.choice-glyph:before,.choice-glyph:after{content:none;display:none}.choice-glyph svg{width:22px;height:22px;filter:none}.choice:hover .choice-glyph,.choice:active .choice-glyph,.choice.is-selected .choice-glyph{transform:none;background:transparent;box-shadow:none;animation:none}.choice-compact .glyph-sm{width:auto;height:auto;border-radius:0;border:none;background:transparent;color:var(--icon-pastel-bg);box-shadow:none;position:relative;overflow:visible;animation:none}.choice-compact .glyph-sm:before,.choice-compact .glyph-sm:after{content:none;display:none}.choice-compact .glyph-sm svg{width:18px;height:18px;filter:none}.choice-compact:hover .glyph-sm,.choice-compact:active .glyph-sm,.choice-compact.is-selected .glyph-sm{transform:none;background:transparent;box-shadow:none;animation:none}@keyframes gradSweep{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes hueDrift{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(18deg)}to{filter:hue-rotate(0deg)}}.step-headline{background:linear-gradient(90deg,#fff,#fff 25%,#19d7e7,#af1fc6,#fff 85%,#fff);background-size:280% 100%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:gradSweep 9s ease-in-out infinite}.progress-fill{background-size:280% 100%!important;animation:gradSweep 5s linear infinite}.btn-primary{background-size:280% 100%!important;animation:gradSweep 4s linear infinite}.btn-primary:hover{animation-duration:2s}.choice{position:relative}.choice:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:var(--icon-pastel-bg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;pointer-events:none;transition:opacity .24s ease}.choice:hover:after{opacity:.5}.choice.is-selected:after{opacity:.9}.choice-compact{position:relative}.choice-compact:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:var(--icon-pastel-bg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;pointer-events:none;transition:opacity .24s ease}.choice-compact:hover:after{opacity:.45}.choice-compact.is-selected:after{opacity:.9}.brand .mark{animation:hueDrift 6s ease-in-out infinite}.counter .current{background:linear-gradient(90deg,#19d7e7,#df02c0);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradSweep 5s ease-in-out infinite}.arch-tag{background:linear-gradient(90deg,#19d7e7,#af1fc6,#df02c0);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradSweep 5s ease-in-out infinite}.done-headline{background:linear-gradient(90deg,#fff,#fff 30%,#19d7e7,#af1fc6,#fff 90%);background-size:280% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradSweep 9s ease-in-out infinite}.ring-fill{filter:drop-shadow(0 0 12px rgba(194,9,193,.6));animation:hueDrift 4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.choice.is-selected .choice-glyph,.choice-compact.is-selected .glyph-sm,.choice-glyph:before,.choice-compact .glyph-sm:before,.step-headline,.progress-fill,.btn-primary,.choice:hover:after,.choice.is-selected:after,.choice-compact:hover:after,.choice-compact.is-selected:after,.brand .mark,.counter .current,.arch-tag,.done-headline,.ring-fill{animation:none!important}}.back-pill{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px 0 10px;border-radius:999px;border:1px solid var(--hairline-2);background:var(--surface-2);color:var(--text-dim);font-size:13px;font-weight:600;letter-spacing:-.005em;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}.back-pill:hover{background:var(--surface-3);color:var(--text);border-color:#ffffff38}.back-pill.is-hidden{display:none}.back-pill svg{width:16px;height:16px;flex-shrink:0}.choice{position:relative;display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:22px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);text-align:left;cursor:pointer;color:var(--text);box-shadow:inset 0 1px #ffffff0d;transition:background .22s var(--ease),border-color .22s var(--ease),transform .22s var(--ease),box-shadow .22s var(--ease)}.choice:hover{background:#ffffff12;border-color:#ffffff29;transform:translateY(-1px)}.choice:active{transform:translateY(0) scale(.995);transition-duration:80ms}.choice.is-selected{transform:scale(1.02);background:#e9d5ff1a;border-color:var(--icon-pastel-bg, rgba(233, 213, 255, .4));filter:drop-shadow(0 6px 18px rgba(0,0,0,.45)) drop-shadow(0 0 24px var(--icon-pastel-bg, rgba(233, 213, 255, .45)))}.choice-glyph{flex:0 0 auto;display:grid;place-items:center;color:var(--icon-pastel-bg);background:transparent;box-shadow:none}.choice-glyph svg{width:22px;height:22px;stroke-width:2}.choice-text{flex:1;min-width:0}.choice-title{font-size:17px;font-weight:700;letter-spacing:-.015em;color:var(--text);margin:0 0 2px}.choice-sub{font-size:13.5px;font-weight:500;color:var(--text-dim);letter-spacing:-.005em;margin:0;line-height:1.4}.choice-tick{flex:0 0 auto;width:24px;height:24px;border-radius:999px;border:1.5px solid rgba(255,255,255,.22);background:transparent;display:grid;place-items:center;transition:border-color .22s var(--ease),box-shadow .22s var(--ease);position:relative}.choice-tick:after{content:"";width:10px;height:10px;border-radius:999px;background:var(--pa-magenta);opacity:0;transform:scale(.4);transition:opacity .22s var(--ease),transform .22s var(--ease-soft)}.choice.is-selected .choice-tick{border-color:var(--pa-magenta);box-shadow:0 0 0 4px var(--pa-magenta-20)}.choice.is-selected .choice-tick:after{opacity:1;transform:scale(1)}.choice-compact{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);text-align:left;cursor:pointer;color:var(--text);box-shadow:inset 0 1px #ffffff0d;transition:all .2s var(--ease)}.choice-compact:hover{background:#ffffff13;border-color:#ffffff29;transform:translateY(-1px)}.choice-compact:active{transform:translateY(0) scale(.99);transition-duration:80ms}.choice-compact.is-selected{transform:scale(1.02);background:#e9d5ff1a;border-color:var(--icon-pastel-bg, rgba(233, 213, 255, .4));filter:drop-shadow(0 4px 14px rgba(0,0,0,.4)) drop-shadow(0 0 20px var(--icon-pastel-bg, rgba(233, 213, 255, .4)))}.choice-compact .glyph-sm{flex:0 0 auto;display:grid;place-items:center;color:var(--icon-pastel-bg);background:transparent;box-shadow:none}.choice-compact .glyph-sm svg{width:18px;height:18px;stroke-width:2}.choice-compact .label{font-size:14px;font-weight:600;letter-spacing:-.01em;flex:1;min-width:0}.choice-compact .pick{flex:0 0 auto;width:22px;height:22px;border:1.5px solid rgba(255,255,255,.22);background:transparent;display:grid;place-items:center;transition:background .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease);position:relative}.choice-compact .pick[data-mode=single]{border-radius:999px}.choice-compact .pick[data-mode=multi]{border-radius:6px}.choice-compact .pick[data-mode=single]:after{content:"";width:9px;height:9px;border-radius:999px;background:var(--pa-magenta);opacity:0;transform:scale(.4);transition:opacity .22s var(--ease),transform .22s var(--ease-soft)}.choice-compact.is-selected .pick[data-mode=single]{border-color:var(--pa-magenta);box-shadow:0 0 0 4px var(--pa-magenta-20)}.choice-compact.is-selected .pick[data-mode=single]:after{opacity:1;transform:scale(1)}.choice-compact .pick[data-mode=multi] svg{width:13px;height:13px;color:#fff;stroke-width:3;opacity:0;transform:scale(.6);transition:opacity .22s var(--ease),transform .22s var(--ease-soft)}.choice-compact.is-selected .pick[data-mode=multi]{background:var(--pa-magenta);border-color:transparent;box-shadow:0 4px 12px #c209c173,inset 0 1px #ffffff4d}.choice-compact.is-selected .pick[data-mode=multi] svg{opacity:1;transform:scale(1)}.btn-primary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 22px;border:1px solid rgba(0,0,0,.55);border-radius:999px;background-image:linear-gradient(180deg,#ffffff47,#fff0 45%),linear-gradient(180deg,#0000 60%,#00000059),var(--grad-accent);color:#fff;font-size:14px;font-weight:700;letter-spacing:-.01em;cursor:pointer;overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s var(--ease),opacity .2s var(--ease);box-shadow:inset 0 1px #fff9,inset 0 -2px 6px #00000059,0 0 36px var(--accent-glow-soft),0 14px 28px #0000008c}.btn-primary:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffffb3,inset 0 -2px 6px #0006,0 0 48px var(--accent-glow),0 18px 36px #0009}.btn-primary:disabled{opacity:.32;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translate(-100%)}.btn-primary:not(:disabled):before{animation:shimmer calc(2.2s / var(--motion)) ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}60%{transform:translate(100%)}to{transform:translate(100%)}}.btn-primary svg{width:18px;height:18px}.step-eyebrow{display:inline-flex;align-self:flex-start;width:max-content;align-items:center;gap:10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#ffffffc7;padding:6px 12px 6px 10px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%)}.step-eyebrow .dot{width:7px;height:7px;border-radius:999px;background:var(--tone-pink);box-shadow:0 0 12px #ff375f8c}
