@layer components{.osteps{gap:104px;max-width:1120px;margin:0 auto;padding:104px 24px 112px;display:grid}.ostep{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:56px;display:grid}.ostep__num{background:var(--color-cobalt);color:#fff;width:32px;height:32px;font-family:var(--font-display);border-radius:50%;place-items:center;font-weight:700;display:inline-grid}.ostep__title{font-family:var(--font-display);letter-spacing:-.02em;margin-top:18px;font-size:clamp(34px,4vw,48px);font-weight:700;line-height:1.06}.ostep__text{max-width:440px;color:var(--color-meta);margin-top:14px;font-size:18px;line-height:1.55}.ostep__art{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;min-height:240px;display:flex}.ostep__art--1,.ostep__art--2{flex-direction:column;gap:20px}.ostep__live{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;display:flex}.ostep__live .lcard{rotate:-2deg}.ostep__agent{justify-content:center;display:flex}.ostep__faded{opacity:.45;gap:20px;display:flex}.ostep__faded .swish:first-child{rotate:-3deg}.ostep__faded .swish:last-child{rotate:2deg}.ostep__pair{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px 10px;display:flex}.ostep__pair .lcard{rotate:1deg}.ostep__pair .swish{rotate:3deg}.ostep__art--3 .deliv{rotate:2deg}.ostep__earn{width:440px;height:311px}.ostep__art--4{flex-direction:column;gap:8px;position:relative}.ostep__art--4 .lcard{rotate:1deg}.ostep__mini{align-self:flex-end;width:264px;height:156px;margin-top:12px}.ostep__mini .earn{transform-origin:0 0;transform:scale(.6)}.ostep__mini .payout{display:none}@media (max-width:899px){.ostep{grid-template-columns:1fr;gap:36px}}@media (max-width:640px){.osteps{gap:80px;padding:80px 16px 88px}.ostep__art{min-height:0}.ostep__faded .swish:last-child{display:none}.ostep__earn{transform-origin:0 0;margin:0 -97px -68px 0;transform:scale(.78)}}}
@layer components{.chat{text-align:left;background:#fff;border:1px solid #dbe0eb;border-radius:18px;flex:none;width:min(480px,100%);height:330px;position:relative;overflow:hidden;box-shadow:0 2px 3px #0f172614,0 22px 40px -28px #1e2a4447}.chat>*,.chat__thread>*{margin:0;position:absolute}.chat__head{color:var(--color-ink);align-items:center;gap:8px;font-size:15px;font-weight:600;line-height:18px;display:flex;top:13px;left:21px}.chat__head:after{content:"";background:#e8edf5;width:480px;height:1px;position:absolute;top:33px;left:-21px}.chat__glyph{width:16px;height:16px}.chat__thread{inset:48px 0 0}.chat__user{width:294px;font-family:var(--font-mono);color:#14203a;background:#e8edff;border-radius:16px 16px 4px;padding:12px 16px;font-size:14px;line-height:21px;top:17px;right:20px}.chat__user b,.chat__paste b{color:var(--color-cobalt);font-weight:700}.chat__avatar{flex:none;width:26px;height:26px}.chat__typing{opacity:0;align-items:center;gap:10px;display:flex;top:101px;left:19px}.chat__dots{background:#f0f2f7;border-radius:16px 16px 16px 4px;justify-content:center;align-items:center;gap:4px;width:60px;height:36px;display:flex}.chat__dots i{background:#6b7489;border-radius:50%;width:8px;height:8px}.chat__reply{align-items:center;gap:10px;display:flex;top:101px;left:19px}.chat__bubble{color:var(--color-ink);white-space:nowrap;background:#f0f2f7;border-radius:16px 16px 16px 4px;padding:10px 14px;font-size:15px;line-height:18px}.chat__bubble b{font-weight:600}.chat__input{background:#f7f8fc;border:1px solid #d5dbe8;border-radius:16px;height:56px;top:257px;left:15px;right:15px}.chat__input>*{position:absolute}.chat__ph{color:#6e778a;font-size:15px;line-height:20px;top:17px;left:17px}.chat__paste{font-family:var(--font-mono);color:#14203a;white-space:nowrap;opacity:0;font-size:13px;line-height:20px;top:17px;left:17px}.chat__caret{background:var(--color-cobalt);opacity:0;border-radius:1px;width:2px;height:20px;top:17px;left:16px}.chat__send{background:var(--color-cobalt);opacity:.35;border-radius:50%;width:36px;height:36px;top:9px;right:10px}.chat__send svg{display:block}}
@layer components{.swish{width:190px}.swish:before{inset:3px 2px 1px;box-shadow:0 1px 1px #1e2a441f,0 6px 10px -2px #1e2a4429}.swish__paper{flex-direction:column;min-height:84px;padding:14px 16px 9px;display:flex}.swish__text{width:150px;color:var(--color-ink);font-size:14px;font-weight:500;line-height:1.35}.swish__price{color:var(--color-meta);margin-top:auto;padding-top:4px;font-size:12px;font-weight:500;line-height:15px}.swish .fold{--fold:14px}.swish__ring{z-index:-1;border:2px solid var(--color-cobalt);pointer-events:none;border-radius:8px;position:absolute;inset:-6px;box-shadow:0 0 0 4px #2f5bff14}.swish__fit{z-index:2;background:var(--color-cobalt);color:#fff;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.25;position:absolute;top:-14px;left:12px}}
@layer components{.lcard{filter:drop-shadow(0 1px 1px #1e2a4424)drop-shadow(0 6px 8px #1e2a4424);text-align:left;flex:none;width:262px;height:76px;position:relative}.lcard--expanded{width:310px;height:214px}.lcard>*{margin:0;position:absolute}.lcard__tag{clip-path:polygon(20px 0,100% 0,100% 100%,20px 100%,0 50%);transform-origin:0 0;width:310px;height:76px;top:0;left:0;transform:scaleX(.845)}.lcard__body{clip-path:polygon(0 0,100% 0,100% calc(100% - 2px),92% 100%,70% calc(100% - 1.5px),44% 100%,18% calc(100% - 2px),0 100%);opacity:0;transform-origin:0 0;width:290px;height:158px;top:56px;left:20px;transform:scale(.845,0)}.lcard__hole{background:#d9e1ee;border-radius:50%;width:7px;height:7px;top:35px;left:14px;box-shadow:inset 0 1px 1px #1e2a442e}.lcard__name{font-family:var(--font-display);color:var(--color-ink);font-size:20px;font-weight:700;line-height:26px;top:12px;left:36px}.lcard__spec{color:var(--color-meta);white-space:nowrap;font-size:15px;line-height:19px;top:42px;left:36px}.lcard__live{color:var(--color-cobalt);background:#2f5bff1a;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;line-height:14px;display:inline-flex;top:14px;left:244px;transform:translate(-48px)}.lcard__live i{background:var(--color-cobalt);border-radius:50%;width:6px;height:6px}.lcard__more{opacity:0;inset:0}.lcard__more>*{margin:0;position:absolute;left:36px}.lcard__rating{font-family:var(--font-display);color:var(--color-ink);align-items:center;gap:6px;font-size:17px;font-weight:700;display:inline-flex;top:78px}.lcard__rating .i-star{width:16px;height:16px}.lcard__review{width:250px;color:var(--color-ink);font-size:15px;line-height:22px;top:106px}.lcard__reviewer{color:var(--color-meta);font-size:13px;line-height:16px;top:154px}.lcard__done{color:var(--color-meta);align-items:baseline;gap:8px;font-size:13px;display:inline-flex;top:180px}.lcard__done b{font-family:var(--font-display);color:var(--color-ink);font-size:17px}.lcard--expanded .lcard__tag,.lcard--expanded .lcard__body,.lcard--expanded .lcard__live{opacity:1;transform:none}.lcard--expanded .lcard__live{top:16px}.lcard--expanded .lcard__more{opacity:1}}
@layer components{.oprog{width:230px}.oprog:before{inset:2px 1px 0}.oprog__paper{height:33px;position:relative}.oprog__label{color:var(--color-ink);font-size:10.8px;font-weight:500;line-height:13px;position:absolute;top:9px;left:13px}.oprog__track{background:#e6ecf5;border-radius:2px;width:122.4px;height:4.3px;position:absolute;top:14.4px;left:93.6px}.oprog__fill{background:var(--color-cobalt);border-radius:2px;position:absolute;inset:0}.oprog__head{background:var(--color-cyan);border-radius:50%;width:5.8px;height:5.8px;position:absolute;top:-.7px;right:-.4px;box-shadow:0 0 0 2px #19c3e633}.deliv{flex:none;width:292px}.deliv:before{box-shadow:var(--shadow-lift);inset:4px 2px 0}.deliv__paper{height:212px;position:relative}.deliv__title{color:var(--color-ink);font-size:14px;font-weight:600;position:absolute;top:16px;left:18px}.deliv__tag{color:var(--color-cobalt);background:#2f5bff1a;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.4;position:absolute;top:12px;left:200px}.deliv__art{background-color:#eef2f8;background-image:var(--grain);width:256px;height:140px;position:absolute;top:52px;left:18px}.deliv__mark{width:52px;height:52px;position:absolute;top:44px;left:22px}.deliv__word{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-cobalt);font-size:22px;font-weight:700;line-height:32px;position:absolute;top:55px;left:86px}.earn{isolation:isolate;text-align:left;flex:none;width:440px;height:259px;position:relative}.earn:before{content:"";z-index:-1;position:absolute;inset:5px 3px 0;box-shadow:0 24px 36px -18px #1e2a444d,0 2px 4px #1e2a441a}.earn>*{z-index:2;margin:0;position:absolute}.earn>.payout{z-index:0}.earn__paper{z-index:1;inset:0}.earn__title{font-family:var(--font-display);color:var(--color-ink);font-size:22px;font-weight:700;line-height:28px;top:28px;left:32px}.earn__num{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--color-meta);white-space:nowrap;transform-origin:0 60%;font-size:84px;font-weight:700;line-height:107px;top:66px;left:32px}.earn--done .earn__num{color:var(--color-ink)}.earn__cash{background:var(--color-cobalt);color:#fff;border-radius:6px;align-items:center;height:40px;padding:0 20px;font-size:15px;font-weight:600;display:inline-flex;top:22px;left:303px;box-shadow:0 8px 16px #1e3fbf33,0 2px 2px #1e3fbf2e}.earn__rule{background:var(--color-line);width:376px;height:1px;top:187px;left:32px}.earn__entry{width:376px;height:40px;color:var(--color-ink);justify-content:space-between;align-items:center;font-size:16px;display:flex;top:199px;left:32px}.earn__entry b{font-family:var(--font-display);font-size:20px}.payout{width:255px;top:271px;left:153px}.payout:before{inset:2px 1px 0}.payout__paper{height:40px;color:var(--color-ink);white-space:nowrap;align-items:center;gap:8px;padding:0 16px 0 18px;font-size:14px;font-weight:500;display:flex}.payout__dot{background:var(--color-cobalt);border-radius:50%;flex:none;width:8px;height:8px}}
@layer components{.ostory{background:var(--grid), var(--color-paper);position:relative}.ostage{display:none}.is-ostory .ostage{height:100vh;display:block;position:relative;overflow:hidden}.is-ostory .osteps{display:none}.ostage__canvas{width:1440px;height:900px;transform:scale(var(--s,1));transform-origin:50%;margin:-450px 0 0 -720px;position:absolute;top:50%;left:50%}.ostage__canvas.ostage__canvas>*{position:absolute;top:0;left:0}.ostage__svg{pointer-events:none;overflow:visible}.oreach{fill:none;stroke:#2f5bff73;stroke-width:1.5px;stroke-linecap:round}.obeam{pointer-events:none;overflow:visible}.oarc img{width:352px;max-width:none;height:170px;display:block}.oboard{border:1.5px dashed #2f5bff66;border-radius:20px;width:560px;height:490px}.oboard__label{font-family:var(--font-display);color:var(--color-ink);align-items:center;gap:8px;font-size:18px;font-weight:700;line-height:23px;display:flex;position:absolute;top:20px;left:24px}.oagent{width:200px;height:200px}.oagent>.agent{position:absolute;top:0;left:0}.oagent__glint{filter:drop-shadow(0 1px 1px #78500a4d);position:absolute}.oagent__glint--a{width:16px;height:16px;top:42px;left:18px}.oagent__glint--b{width:11px;height:11px;top:26px;left:62px}.ocopy{width:720px}.ocopy__h{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);font-size:60px;font-weight:700;line-height:1.04}.ocopy__p{max-width:520px;color:var(--color-meta);margin-top:18px;font-size:20px;line-height:30px}.ostage__dots{z-index:30;gap:2px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.odot{cursor:pointer;background:0 0;border:0;place-items:center;width:22px;height:22px;padding:0;display:grid}.odot span{background:#c3cddd;border-radius:4px;width:8px;height:8px;transition:transform .4s cubic-bezier(.2,.7,.2,1),background-color .3s}.odot:hover span{background:#9fb0cc}.odot.is-active span{background:var(--color-cobalt);transform:scaleX(3.5)}@media (prefers-reduced-motion:reduce){.odot span{transition:none}}}