.detail-card{text-align:left;border-radius:24px;height:400px;padding:28px 22px 0;position:relative;overflow:hidden}.detail-sub{color:color-mix(in srgb, var(--ink) 60%, transparent);margin-top:6px;font-size:16px;line-height:1.4}.detail-ui{text-align:left;height:250px;padding:14px 14px 26px;position:absolute;bottom:-14px;left:18px;right:18px}.vc-field{height:42px;box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;align-items:center;padding:0 6px 0 14px;font-size:15px;font-weight:500;display:flex}.vc-add{color:var(--app);transition:transform .25s var(--ease-spring-quick);background:var(--ink);border-radius:8px;margin-left:auto;padding:6px 12px;font-size:13px;font-weight:600}.vc-add[data-press]{transform:scale(.9)}.vc-chips{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.vc-chip{color:var(--sub);background:var(--chip);box-shadow:inset 0 0 0 1px var(--line);animation:vc-in .7s var(--ease-spring) both;border-radius:999px;padding:7px 13px;font-size:14px;font-weight:600}.vc-chip[data-out]{animation:.35s both vc-out}@keyframes vc-in{0%{opacity:0;filter:blur(4px);transform:translateY(-34px)scale(.6)}}@keyframes vc-out{to{opacity:0;filter:blur(4px);transform:scale(.7)}}.rp-row{border-radius:14px;justify-content:space-between;align-items:center;gap:10px;height:52px;padding:0 14px;font-size:15.5px;font-weight:500;transition:background .4s;display:flex}.rp-row+.rp-row{margin-top:2px}.rp-row[data-on]{background:var(--chip)}.rp-swap{min-width:0;display:inline-grid}.rp-swap>span{white-space:nowrap;text-overflow:ellipsis;transition:opacity .35s ease, filter .4s ease, transform .6s var(--ease-spring-quick);grid-area:1/1;overflow:hidden}.rp-from{color:var(--muted)}.rp-to{opacity:0;filter:blur(5px);font-weight:600;transform:translateY(8px)}.rp-row[data-swapped] .rp-from{opacity:0;filter:blur(5px);transform:translateY(-8px)}.rp-row[data-swapped] .rp-to{opacity:1;filter:none;transform:none}.hs-tile{background:var(--chip);border-radius:14px;flex-direction:column;padding:12px 14px;display:flex}.hs-tile b{font-family:var(--soko-font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:600;line-height:1.05}.hs-tile span{color:var(--muted);font-size:12px;font-weight:500}.hs-tile b span{color:inherit;font-size:inherit}.hs-bump{animation:hs-bump .5s var(--ease-spring-quick);display:inline-block}@keyframes hs-bump{0%{opacity:0;transform:translateY(8px)scale(.8)}}.hs-item{border-radius:12px;align-items:center;gap:10px;padding:7px 8px;transition:background .25s;display:flex}.hs-item[data-new]{animation:vc-in .7s var(--ease-spring) both}.hs-item:hover{background:var(--chip)}.hs-icon{color:var(--sub);border-radius:10px;flex:none;place-items:center;width:24px;height:24px;display:grid}
.faq{border-bottom:1px solid var(--line);interpolate-size:allow-keywords}.faq::details-content{opacity:0;height:0;transition:height .5s var(--ease-spring-soft), opacity .35s ease, content-visibility .5s allow-discrete;overflow:clip}.faq[open]::details-content{opacity:1;height:auto}.faq summary{cursor:pointer;letter-spacing:-.015em;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;font-size:19px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq p{max-width:38rem;color:var(--sub);padding-bottom:26px;font-size:16.5px;line-height:1.65}.faq-icon{background:var(--chip);width:32px;height:32px;transition:background .3s ease, rotate .5s var(--ease-spring-quick);border-radius:50%;flex:none;position:relative}.faq-icon:before,.faq-icon:after{content:"";background:var(--ink);border-radius:2px;width:12px;height:2px;margin:-1px 0 0 -6px;position:absolute;top:50%;left:50%}.faq-icon:after{rotate:90deg}.faq summary:hover .faq-icon{background:var(--line)}.faq[open] .faq-icon{background:var(--ink);rotate:135deg}.faq[open] .faq-icon:before,.faq[open] .faq-icon:after{background:var(--app)}
[data-mode=light]{--hero-bg:radial-gradient(120% 55% at 50% 100%, color-mix(in srgb, var(--a-line) 30%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--ink) 10%, var(--card)) 0%, color-mix(in srgb, var(--ink) 4%, var(--card)) 46%, var(--app) 100%);--hero-grain:.45}[data-mode=dark]{--hero-bg:radial-gradient(120% 55% at 50% 100%, color-mix(in srgb, var(--a-line) 20%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--ink) 9%, var(--card)) 0%, color-mix(in srgb, var(--ink) 3%, var(--card)) 46%, var(--app) 100%);--hero-grain:.4}.hero{background:var(--hero-bg);box-shadow:inset 0 0 0 1px var(--line)}.hero-stage{z-index:2;max-width:1240px;margin:56px auto 0;position:relative}.dash{background:var(--app);height:600px;box-shadow:0 0 0 1px var(--line), 0 -2px 0 #ffffff80, 0 30px 80px -30px #0a1e3c73;border-radius:12px 12px 0 0;overflow:hidden}.dash-chrome{background:color-mix(in srgb, var(--ink) 4%, var(--card));border-bottom:1px solid var(--line);align-items:center;gap:7px;height:36px;padding:0 14px;display:flex;position:relative}.dash-chrome span{background:color-mix(in srgb, var(--ink) 18%, transparent);border-radius:50%;width:11px;height:11px}.dash-chrome p{color:var(--muted);text-align:center;font-size:12.5px;font-weight:500;line-height:36px;position:absolute;inset:0}.dash-body{height:calc(100% - 36px);color:var(--ink);font-family:var(--soko-font-sans);text-align:left;grid-template-columns:240px minmax(0,1fr);font-size:14px;line-height:1.4;display:grid}.dash svg{flex:none}.d-side{background:var(--side);border-right:1px solid var(--line);flex-direction:column;min-height:0;padding:16px;display:flex}.d-brand{border-bottom:1px dashed var(--line);align-items:center;gap:10px;padding:2px 2px 16px;display:flex}.d-brand b{font-family:var(--soko-font-display);letter-spacing:-.02em;flex:1;font-size:22px;font-weight:600}.d-logo{border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.d-logo svg{width:17px;height:17px}.d-sq{color:var(--ink);background:linear-gradient(180deg, var(--inner), color-mix(in srgb, var(--ink) 4%, var(--inner)));border:1px solid var(--line);width:30px;height:30px;box-shadow:var(--shadow);border-radius:8px;place-items:center;display:grid}.d-sq svg{width:17px;height:17px}.d-nav{flex-direction:column;flex:1;gap:3px;margin:22px 0 14px;display:flex}.d-row{color:var(--nav);box-sizing:border-box;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;height:40px;padding:0 11px;font-size:15px;display:flex}.d-row svg{width:20px;height:20px}.d-row span{flex:1;min-width:0}.d-row em,.d-gh em{color:var(--sub);background:var(--chip);font-variant-numeric:tabular-nums;border-radius:99px;padding:4px 8px;font-size:12px;font-style:normal;line-height:1}.d-row[data-on]{color:var(--ink);background:var(--inner);border-color:var(--line);box-shadow:var(--shadow)}.d-row[data-on] svg{color:var(--a-text)}.d-group{flex-direction:column;gap:3px;margin-top:14px;display:flex}.d-gh{color:var(--nav);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:8px;height:32px;padding:0 11px;font-size:13px;line-height:18px;display:flex}.d-gh span{flex:1}.d-gh svg{color:var(--nav2);width:15px;height:15px}.d-gh [data-open]{transform:rotate(180deg)}.d-foot{border-top:1px dashed var(--line);flex-direction:column;gap:3px;padding-top:12px;display:flex}.d-user{background:var(--inner);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:10px;margin-top:9px;padding:9px 10px;display:flex}.d-user>span:nth-child(2){flex:1;min-width:0;line-height:1.25}.d-user b{font-size:13px;font-weight:500;display:block}.d-user small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.d-user svg{color:var(--muted);width:16px;height:16px}.d-avatar{background:var(--chip);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:500;display:grid;position:relative}.d-avatar i{background:var(--dot);border:2px solid var(--inner);border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.d-main{flex-direction:column;min-width:0;display:flex}.d-top{border-bottom:1px dashed var(--line);flex:none;align-items:center;gap:10px;height:65px;padding:0 28px;display:flex}.d-crumb{color:var(--muted);align-items:center;gap:10px;display:flex}.d-crumb svg{width:18px;height:18px}.d-crumb b{color:var(--ink);font-weight:400}.d-search{color:var(--muted);background:linear-gradient(180deg, var(--inner), color-mix(in srgb, var(--ink) 4%, var(--inner)));border:1px solid var(--line);width:270px;height:34px;box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:10px;margin-left:auto;padding:0 6px 0 12px;font-size:13px;display:flex}.d-search svg{width:16px;height:16px}.d-search span{flex:1}kbd{font-family:inherit}.d-search kbd{color:var(--muted);background:var(--chip);border:1px solid var(--line);border-radius:6px;padding:4px 6px;font-size:11px;line-height:1}.d-bell{color:var(--sub);place-items:center;width:34px;height:34px;display:grid;position:relative}.d-bell svg{width:18px;height:18px}.d-bell i{background:var(--a-line);border:2px solid var(--app);box-sizing:border-box;border-radius:50%;width:9px;height:9px;position:absolute;top:7px;right:7px}.d-btn{color:var(--ink);background:linear-gradient(180deg, var(--inner), color-mix(in srgb, var(--ink) 4%, var(--inner)));border:1px solid var(--line);white-space:nowrap;height:34px;box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:6px;padding:0 10px 0 12px;font-size:13px;font-weight:500;display:inline-flex}.d-btn svg{width:15px;height:15px}.d-content{flex-direction:column;flex:1;gap:16px;min-width:0;padding:24px 28px 32px;display:flex}.d-hello{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px;display:flex}.d-hello h2{font-family:var(--soko-font-display);letter-spacing:-.02em;font-size:26px;font-weight:400}.d-hello p{color:var(--muted);margin-top:8px}.d-actions{gap:8px;display:flex}.d-actions .d-btn{height:38px;padding:0 14px}.d-bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.d-c3{grid-column:span 3}.d-c4{grid-column:span 4}.d-c8{grid-column:span 8}.d-card{background-color:var(--card);background-image:repeating-linear-gradient(116.6deg, var(--hatch) 0 1px, transparent 1px 12px);border:1px solid var(--line);box-sizing:border-box;border-radius:16px;flex-direction:column;min-width:0;padding:5px;display:flex}.d-card-h{color:var(--sub);align-items:center;gap:10px;min-height:40px;padding:0 12px;font-size:16px;display:flex}.d-card-h>span:first-child:not(.d-grow){flex:1}.d-card-h svg{color:var(--muted);width:18px;height:18px}.d-card-h small{color:var(--muted);font-size:13px}.d-grow{flex:1}.d-inner,.d-card .d-inner{background:var(--inner);border:1px solid var(--line);box-shadow:var(--shadow);box-sizing:border-box;border-radius:12px}.d-kpi{flex:1;justify-content:space-between;align-items:flex-end;gap:10px;min-height:108px;padding:16px 14px 16px 16px;display:flex}.d-kpi svg{width:58px;height:30px}.d-kpi-v{white-space:nowrap;align-items:baseline;gap:5px;display:flex}.d-kpi-v small{color:var(--muted);font-size:14px}.d-kpi-v b{font-family:var(--soko-font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:400;line-height:1.1}.d-kpi-n{color:var(--muted);white-space:nowrap;margin-top:8px;font-size:12px}.d-kpi-n span{color:var(--good);font-variant-numeric:tabular-nums}.d-kpi-n span[data-bad]{color:var(--bad)}.d-trend{flex-direction:column;flex:1;gap:16px;padding:18px;display:flex}.d-subs{flex-wrap:wrap;align-items:flex-end;gap:12px 32px;display:flex}.d-subs small{color:var(--muted);font-size:13px}.d-subs p{align-items:baseline;gap:8px;margin-top:4px;display:flex}.d-subs b{font-family:var(--soko-font-display);letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:24px;font-weight:400}.d-subs p span{color:var(--good);font-size:12px}.d-legend{color:var(--muted);align-items:center;gap:14px;margin-left:auto;padding-bottom:4px;font-size:12px;display:flex}.d-legend span{align-items:center;gap:6px;display:inline-flex}.d-legend i{background:var(--a-line);border-radius:2px;width:14px;height:2px}.d-legend i[data-dash]{border-top:2px dashed var(--muted);background:0 0;height:0}.d-plot{gap:10px;min-height:250px;display:flex}.d-chart{flex:1;min-width:0;min-height:220px;margin-bottom:26px;position:relative}.d-chart>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.d-grid{border-top:1px dashed var(--line);position:absolute;left:0;right:0}.d-guide{border-left:1px dashed var(--muted);position:absolute;top:0;bottom:0}.d-dot{background:var(--a-line);border:2px solid var(--inner);box-sizing:border-box;border-radius:50%;width:11px;height:11px;position:absolute;transform:translate(-50%,-50%)}.d-tip{color:var(--tipfg);background:var(--tip);white-space:nowrap;z-index:4;font-variant-numeric:tabular-nums;border-radius:7px;padding:5px 10px;font-size:12px;font-weight:500;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.d-tip span{opacity:.6;margin-left:8px;font-weight:400}.d-days{color:var(--muted);height:16px;font-size:12px;position:absolute;top:calc(100% + 10px);left:0;right:0}.d-days span{position:absolute;transform:translate(-50%)}.d-ticks{color:var(--muted);flex:none;width:34px;height:calc(100% - 26px);font-size:12px;position:relative}.d-ticks span{position:absolute;left:0;transform:translateY(-50%)}.d-feed{flex-direction:column;flex:1;gap:14px;padding:14px;display:flex}.d-find{color:var(--muted);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;height:38px;padding:0 12px;display:flex}.d-find svg{width:16px;height:16px}.d-count{color:var(--muted);border-bottom:1px dashed var(--line);padding-bottom:12px}.d-count b{color:var(--ink);font-size:17px;font-weight:400}.d-feed ul{flex-direction:column;gap:14px;display:flex}.d-feed li{align-items:flex-start;gap:12px;display:flex;position:relative}.d-feed li[data-link]:before{content:"";border-left:1px dashed var(--line);position:absolute;top:40px;bottom:-16px;left:17px}.d-feed li>span:last-child{flex:1;min-width:0}.d-feed em{justify-content:space-between;gap:8px;font-size:14px;font-style:normal;display:flex}.d-feed em small{font-variant-numeric:tabular-nums;font-size:12px}.d-feed small{color:var(--muted);font-size:13px}.d-tone{background:var(--chip);color:var(--muted);border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.d-tone svg{width:17px;height:17px}.d-tone[data-tone=good]{background:var(--good-bg);color:var(--good)}.d-tone[data-tone=warn]{background:var(--warn-bg);color:var(--warn)}.d-tone[data-tone=info]{background:var(--info-bg);color:var(--info)}.d-tone[data-tone=bad]{background:var(--bad-bg);color:var(--bad)}@media (max-width:1100px){.d-c3{grid-column:span 6}.d-c8,.d-c4{grid-column:1/-1}.d-search{display:none}}@media (max-width:900px){.dash-body{grid-template-columns:minmax(0,1fr)}.d-side{display:none}}@media (max-width:640px){.hero-stage{margin-top:36px;padding:0 10px}.dash{height:460px}.d-top{padding:0 16px}.d-content{padding:16px}.d-hello{flex-direction:column}.d-hello h2{font-size:22px}.d-actions,.d-bell,.d-top>.d-btn{display:none}.d-c3{grid-column:1/-1}}
.model-card{text-align:left;border-radius:24px;height:450px;padding:30px 22px 0;position:relative;overflow:hidden}.model-sub{color:color-mix(in srgb, var(--ink) 62%, transparent);margin-top:8px;font-size:16.5px;line-height:1.4}.model-ui{text-align:left;padding:16px 16px 30px;position:absolute;bottom:-16px;left:20px;right:20px}.model-head{color:color-mix(in srgb, var(--ink) 50%, transparent);justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.pill-ink{color:var(--app);background:var(--ink);border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:600}.wh-board{grid-template-columns:repeat(10,1fr);gap:3px;margin-top:16px;display:grid}.wh-flap{color:#f4f1e8;backface-visibility:hidden;height:2.3em;font-family:var(--soko-font-mono);background:linear-gradient(#2a2c33 50%,#1e2026 50%);border-radius:5px;place-items:center;font-size:clamp(11px,1.25vw,15px);font-weight:700;display:grid;position:relative;box-shadow:inset 0 1px #ffffff14,0 2px 3px #0000002e}.wh-flap:after{content:"";background:#0000008c;height:1px;position:absolute;top:50%;left:0;right:0}.wh-flap[data-flip]{animation:flap .45s var(--ease-out-soft) both;animation-delay:calc(var(--i) * 60ms)}@keyframes flap{0%{opacity:.2;transform:perspective(200px)rotateX(-90deg)}to{opacity:1;transform:none}}.wh-line{min-height:2.7em;font-family:var(--soko-font-display);letter-spacing:-.01em;margin-top:16px;font-size:19px;font-weight:600;line-height:1.35}.wh-line>span{animation:chip-in .5s var(--ease-spring) both}@keyframes chip-in{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}}.wh-ellipsis{vertical-align:bottom;width:1.2em;animation:1.2s steps(4,end) infinite dots;display:inline-block;overflow:hidden}.wh-ellipsis:before{content:"..."}@keyframes dots{0%{width:0}to{width:1.2em}}.pk-area{height:72px;margin-top:12px;position:relative}.pk-area svg{clip-path:inset(-4px 100% -4px 0);width:100%;height:100%;display:block;overflow:visible}.pk-area[data-run] svg{clip-path:inset(-4px 0);transition:clip-path 1.6s linear}.pk-grid{stroke:var(--line);stroke-width:1px;stroke-dasharray:2 4;vector-effect:non-scaling-stroke}.pk-line{fill:none;stroke:var(--a-line);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.pk-scan{background:var(--a-line);opacity:0;width:2px;height:calc(100% + 12px);box-shadow:0 0 12px 3px color-mix(in srgb, var(--a-line) 55%, transparent);border-radius:2px;position:absolute;top:-6px;left:0}.pk-area[data-run] .pk-scan{animation:1.6s linear both scan}@keyframes scan{0%{opacity:1;left:0}92%{opacity:1}to{opacity:0;left:100%}}.st-row{gap:6px;display:grid}.st-track{background:color-mix(in srgb, var(--ink) 8%, transparent);border-radius:999px;height:8px;overflow:hidden}.st-fill{background:color-mix(in srgb, var(--ink) 38%, transparent);border-radius:inherit;width:calc(var(--w) * var(--run,0));height:100%;transition:width .9s var(--ease-spring);display:block}.st-fill[data-low]{background:var(--warn)}.st-flag{color:var(--warn);opacity:0;align-items:center;gap:4px;font-size:12px;font-weight:600;transition:opacity .3s .5s;display:inline-flex}.st-flag[data-on]{opacity:1}.ph-card{text-align:left;border-radius:24px;gap:24px;padding:30px 22px 0;display:grid;overflow:hidden}@media (min-width:900px){.ph-card{text-align:left;grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px;padding:14px 44px 0}.ph-copy{padding-bottom:18px}.ph-ui{margin-top:40px}}.ph-copy{z-index:2}.ph-new{letter-spacing:.08em;text-transform:uppercase;color:var(--app);background:var(--ink);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-block;transform:rotate(-4deg)}.ph-facts{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.ph-facts li{color:color-mix(in srgb, var(--ink) 72%, transparent);background:color-mix(in srgb, var(--inner) 50%, transparent);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff80}.ph-ui{z-index:2;margin-bottom:-18px;position:relative;bottom:auto;left:auto;right:auto}.ph-track{background:color-mix(in srgb, var(--ink) 8%, transparent);border-radius:999px;height:12px;margin-top:8px;position:relative;overflow:hidden}.ph-fill{border-radius:inherit;background:color-mix(in srgb, var(--ink) 30%, transparent);width:calc(var(--w) * var(--run,0));height:100%;transition:width 1.1s var(--ease-spring);display:block}.ph-row[data-hero] .ph-fill{background:linear-gradient(90deg, var(--pri-from), var(--pri-to))}.stats>div{grid-template-rows:auto auto;align-content:start;justify-items:center;gap:8px;display:grid}.stats dd{font-family:var(--soko-font-display);letter-spacing:-.035em;white-space:nowrap;grid-row:1;font-size:clamp(30px,3.6vw,44px);font-weight:600;line-height:1}.stats dt{color:var(--sub);grid-row:2;font-size:14px;font-weight:500}
.rc-cards{gap:20px;display:grid}@media (min-width:900px){.rc-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.rc-card{text-align:left;border-radius:24px;padding:10px 10px 24px}.rc-card h3{font-family:var(--soko-font-display);letter-spacing:-.02em;margin:2px 10px 0;font-size:22px;font-weight:600;line-height:1.15}.rc-card p{color:var(--sub);margin:8px 10px 0;font-size:15.5px;line-height:1.5}.rc-step{align-items:center;gap:12px;margin:18px 10px 12px;display:flex}.rc-step b{color:var(--app);background:var(--ink);font-variant-numeric:tabular-nums;border-radius:8px;padding:3px 8px;font-size:12px;font-weight:700}.rc-step i{background:linear-gradient(90deg, color-mix(in srgb, var(--ink) 30%, transparent), transparent);flex:1;height:1px}.rc-art{aspect-ratio:4/3;background:radial-gradient(60% 50% at 80% 0%, color-mix(in srgb, var(--a-line) 16%, transparent), transparent 70%), radial-gradient(color-mix(in srgb, var(--ink) 14%, transparent) 1px, transparent 1.4px) 0 0 / 14px 14px, var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;position:relative;overflow:hidden}.rc-lines{width:100%;height:100%;position:absolute;inset:0}.rc-lines path{fill:none;stroke:color-mix(in srgb, var(--ink) 24%, transparent);stroke-width:1.4px;stroke-linecap:round;vector-effect:non-scaling-stroke}.rc-dot{fill:var(--a-line)}@media (prefers-reduced-motion:reduce){.rc-dot{display:none}}.rc-tile,.rc-pill{background:var(--inner);box-shadow:0 0 0 1px var(--line), 0 14px 24px -16px #141e3266;position:absolute;transform:translate(-50%,-50%)}.rc-tile{border-radius:16px;gap:2px;padding:10px 12px;display:grid}.rc-tile small,.rc-tile span{color:var(--muted);font-size:11.5px;font-weight:500}.rc-tile b{font-family:var(--soko-font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:18px;font-weight:600}.rc-phone span{color:var(--app);background:var(--ink);text-align:center;border-radius:999px;margin-top:4px;padding:3px 0;font-weight:600}.rc-hub{place-items:center;gap:6px;padding:16px 20px}.rc-hub svg{width:30px;height:30px}.rc-hub b{letter-spacing:0;font-size:14px}.rc-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;display:flex}.rc-pill svg{width:14px;height:14px}.rc-pill b{font-variant-numeric:tabular-nums}.rc-pill[data-warn]{color:var(--warn)}.rc-guide{border-top:1.5px dashed color-mix(in srgb, var(--ink) 30%, transparent);position:absolute;top:34%;left:8%;right:8%}.rc-bar{background:repeating-linear-gradient(116.6deg, var(--hatch) 0 1px, transparent 1px 8px), var(--inner);width:20%;box-shadow:0 0 0 1px var(--line);border-radius:12px 12px 0 0;position:absolute;bottom:14%}.rc-bar-got{background:color-mix(in srgb, var(--a-line) 30%, var(--inner))}.rc-cap{color:var(--muted);font-size:12px;font-weight:600;position:absolute;bottom:4%;transform:translate(-50%)}.rc-close{text-align:left;border-radius:24px;align-items:center;gap:20px;margin-top:20px;padding:20px 10px 10px;display:grid}@media (min-width:900px){.rc-close{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:44px;padding:28px 36px}.rc-close-copy{padding:0}}.rc-close-copy{padding:0 8px}.rc-close h3{font-family:var(--soko-font-display);letter-spacing:-.025em;text-wrap:balance;font-size:30px;font-weight:600;line-height:1.1}@media (min-width:640px){.rc-close h3{font-size:40px}}.rc-close p{color:var(--sub);max-width:440px;margin-top:14px;font-size:17px;line-height:1.5}.rc-stage{grid-template-columns:minmax(0,1fr);justify-items:center;display:grid}.rc-sheet{text-align:left;width:100%;max-width:520px;padding:14px 16px 16px}.rc-cols,.rc-row{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:4px 12px;display:grid}.rc-cols{color:var(--muted);padding:2px 14px 6px;font-size:12px;font-weight:600}.rc-cols span:not(:first-child){text-align:right}.rc-row{background:var(--card);transition:opacity .5s var(--ease-out-soft), transform .6s var(--ease-spring);border-radius:14px;margin-top:8px;padding:12px 14px;font-size:14px;font-weight:500}.rc-row[data-on=false]{opacity:.35;transform:translateY(6px)}.rc-name small{color:var(--muted);font-size:12px;font-weight:500;display:block}.rc-num{font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.rc-flag{color:var(--muted);opacity:0;transition:opacity .4s var(--ease-out-soft) .5s;grid-column:2/-1;justify-content:flex-end;align-items:center;gap:5px;font-size:12.5px;font-weight:600;display:flex}.rc-flag[data-on=true]{opacity:1}.rc-flag[data-warn]{color:var(--warn)}.rc-flag svg{width:14px;height:14px}.rc-foot{color:var(--muted);background:var(--card);text-align:center;transition:background .4s var(--ease-out-soft), color .4s var(--ease-out-soft);border-radius:999px;margin-top:12px;padding:10px 14px;font-size:13px;font-weight:600}.rc-foot[data-on=true]{color:var(--app);background:var(--ink)}
.setup-stage{--s:.34;height:calc(var(--h,660px) * var(--s))}@media (min-width:640px){.setup-stage{--s:.6}}@media (min-width:1100px){.setup-stage{--s:.968}}.setup-canvas{width:1000px;height:var(--h,660px);transform:scale(var(--s));transform-origin:0 0;position:relative}.setup-paper{filter:var(--paper-drop);z-index:0;position:absolute}.nw{letter-spacing:-.005em;will-change:transform;border-radius:16px;grid-template-columns:176px 1fr;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter Variable,system-ui,sans-serif;font-size:12.5px;display:grid;position:absolute;overflow:hidden;box-shadow:0 0 0 .5px #0000004d,0 40px 80px -30px #141e508c,0 8px 20px -8px #141e5040}.nw-dark{color:#f2f2f4;background:#2a2a2c;width:600px;min-height:440px;top:16px;left:30px;rotate:-3deg}.nw-light{color:#1d1d1f;background:#fff;width:640px;top:110px;left:350px;rotate:2deg}.nw-side{flex-direction:column;padding:14px 10px;display:flex;position:relative}.nw-dark .nw-side{background:#232325;box-shadow:inset -.5px 0 #ffffff0f}.nw-light .nw-side{background:#f1f1f3;box-shadow:inset -.5px 0 #00000014}.nw-lights{gap:8px;padding:2px 6px 18px;display:flex}.nw-lights i{background:#ff5f57;border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 .5px #00000026}.nw-lights i:nth-child(2){background:#febc2e}.nw-lights i:nth-child(3){background:#28c840}.nw-nav li{border-radius:8px;align-items:center;gap:9px;height:30px;padding:0 8px;font-size:13px;display:flex}.nw-dark .nw-nav li{color:#ffffff9e}.nw-light .nw-nav li{color:#00000080}.nw-dark .nw-nav li.is-on{color:#fff;background:#ffffff24}.nw-light .nw-nav li.is-on{color:#000000c7;background:#00000012;font-weight:500}.nw-status{color:#ffffff8c;align-items:center;gap:9px;margin-top:auto;padding:0 8px 4px;font-size:12px;display:flex}.nw-status b{color:#f2f2f4;font-weight:600;display:block}.nw-status-text{animation:status-in .36s var(--ease-spring-quick) both}@keyframes status-in{0%{opacity:0;filter:blur(4px);transform:translateY(3px)}}.nw-main{flex-direction:column;min-width:0;display:flex}.nw-title{flex:none;align-items:center;height:50px;padding:0 22px;font-size:15px;font-weight:600;display:flex}.nw-light .nw-title{box-shadow:inset 0 -.5px #0000001a}.nw-body{padding:6px 22px 22px}.nw-light .nw-body{padding-top:18px}.nw-h{margin:16px 0 8px;font-size:12.5px;font-weight:600}.nw-group{background:#ffffff0d;border-radius:10px}.nw-row{align-items:center;gap:12px;min-height:40px;padding:8px 14px;display:flex}.nw-row+.nw-row{box-shadow:inset 0 .5px #ffffff14}.nw-row small{color:#ffffff80;margin-top:1px;font-size:11px;display:block}.nw-select{white-space:nowrap;color:#ffffffd9}.nw-toggle{background:#ffffff29;border-radius:999px;flex:none;width:34px;height:20px;transition:background .25s;position:relative}.nw-toggle:after{content:"";width:22px;height:16px;transition:transform .45s var(--ease-spring);background:#fff;border-radius:999px;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000004d}.nw-toggle.is-on{background:var(--a-line)}.nw-toggle.is-on:after{transform:translate(8px)}.sm-head{letter-spacing:-.015em;font-size:17px;font-weight:700}.sm-lede{color:#00000080;margin-top:4px;font-size:11.5px;line-height:1.4}.sm-row{background:#f5f5f7;border-radius:12px;align-items:center;gap:12px;padding:11px 14px;display:flex;position:relative}.sm-row:after{content:"";border-radius:inherit;opacity:0;transition:opacity .25s ease, transform .5s var(--ease-spring);pointer-events:none;position:absolute;inset:0;transform:scale(1.03);box-shadow:inset 0 0 0 1.5px #0000008c}.sm-row[data-picked]{background:#ededf0}.sm-row[data-picked]:after{opacity:1;transform:none}.sm-name{white-space:nowrap;align-items:center;gap:6px;font-size:13.5px;font-weight:600;display:flex}.sm-badge{color:#000000a6;background:#00000012;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:600}.sm-desc{white-space:nowrap;text-overflow:ellipsis;color:#0000008c;margin-top:2px;font-size:11.5px;display:block;overflow:hidden}.sm-meta{white-space:nowrap;color:#00000073;margin-top:6px;font-size:10.5px;display:block}.sm-action{flex:none;place-items:center;min-width:40px;display:grid}.sm-btn{white-space:nowrap;background:#fff;border-radius:999px;padding:5px 13px;font-size:12px;font-weight:600;transition:transform .15s ease-out;display:inline-block;position:relative;overflow:hidden;box-shadow:0 0 0 .5px #00000026,0 1px 2px #0000001a}.sm-btn[data-press]{transform:scale(.9)}.sm-btn>span{position:relative}.sm-fill{transform-origin:0;background:#0000001a;animation:1.8s linear both sm-fill;position:absolute;inset:0}@keyframes sm-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.sm-btn-pop{animation:sm-pop .42s var(--ease-spring) both}@keyframes sm-pop{0%{opacity:0;transform:scale(.8)}}.sm-check{color:#fff;width:22px;height:22px;animation:sm-pop .52s var(--ease-spring) both;background:#1d1d1f;border-radius:50%;place-items:center;display:grid}.setup-cursor{z-index:5;pointer-events:none;opacity:0;filter:drop-shadow(0 2px 3px #0000004d);transition:translate .9s cubic-bezier(.45,0,.2,1),opacity .25s;position:absolute;top:-9px;left:-13px}.setup-cursor[data-show]{opacity:1}@media (prefers-reduced-motion:reduce){.setup-cursor{display:none}}
.steps-line{gap:72px;display:grid;position:relative}.steps-line:before{content:"";background:repeating-linear-gradient(180deg, color-mix(in srgb, var(--a-line) 70%, transparent) 0 8px, transparent 8px 16px);width:2px;position:absolute;top:0;bottom:0;left:19px}.steps-row{gap:28px;padding-left:60px;display:grid;position:relative}.steps-fill{background:var(--a-line);transform-origin:top;width:2px;box-shadow:0 0 12px color-mix(in srgb, var(--a-line) 60%, transparent);position:absolute;top:0;bottom:0;left:19px}.steps-dot{background:var(--card);color:var(--muted);width:40px;height:40px;box-shadow:0 0 0 1px var(--line);transition:background .5s var(--ease-out-soft), color .5s var(--ease-out-soft), scale .6s var(--ease-spring), box-shadow .5s var(--ease-out-soft);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:0;left:0}.steps-dot.is-lit{background:linear-gradient(180deg, var(--pri-from), var(--pri-to));color:var(--pri-fg);box-shadow:0 0 0 6px color-mix(in srgb, var(--a-line) 22%, transparent), 0 6px 14px -6px var(--pri-glow);scale:1.12}.steps-copy{max-width:440px}.steps-text{color:color-mix(in srgb, var(--ink) 58%, transparent);margin-top:16px;font-size:17px;line-height:1.6}.steps-text strong{color:var(--ink);font-weight:600}.steps-checks{gap:12px;margin-top:22px;display:grid}.steps-checks li{color:color-mix(in srgb, var(--ink) 78%, transparent);align-items:center;gap:12px;font-size:15.5px;font-weight:500;display:flex}.steps-checks li>span{background:var(--a-line);color:var(--pri-fg);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.steps-checks svg{width:13px;height:13px}.steps-panel{border-radius:22px;place-items:center;min-height:300px;padding:28px 20px;display:grid}.step-card{width:min(100%,360px);padding:8px}.step-row{background:var(--card);transition:opacity .5s var(--ease-out-soft), transform .6s var(--ease-spring);border-radius:12px;justify-content:space-between;align-items:center;margin-top:6px;padding:10px 12px;font-size:13.5px;font-weight:500;display:flex}.step-row:first-child{margin-top:0}.step-row[data-on=false]{opacity:0;transform:translateY(8px)}.step-row small{color:var(--muted);font-size:12px;display:block}.step-row b{font-variant-numeric:tabular-nums;font-weight:600}.step-pill{color:var(--muted);background:var(--chip);border-radius:999px;padding:4px 10px;font-size:12px}.step-pill[data-on=true]{color:var(--pri-fg);background:var(--a-line)}.step-foot{color:var(--app);background:var(--ink);text-align:center;transition:background .4s var(--ease-out-soft), color .4s var(--ease-out-soft);border-radius:999px;margin-top:10px;padding:9px 12px;font-size:13px;font-weight:600}.step-foot[data-quiet=true]{color:var(--muted);background:var(--chip)}@media (min-width:900px){.steps-line{gap:96px}.steps-line:before,.steps-fill{left:calc(50% - 1px)}.steps-row{grid-template-columns:1fr 1fr;align-items:center;gap:120px;padding-left:0}.steps-dot{top:50%;left:calc(50% - 20px);translate:0 -50%}.steps-copy{justify-self:end}.steps-row[data-flip] .steps-copy{order:2;justify-self:start}}
.sf-points{text-align:left;gap:28px;display:grid}.sf-point{gap:16px;display:flex}.sf-point-icon{border-radius:20px;flex:none;place-items:center;width:48px;height:48px;display:grid}.sf-point-icon svg{width:22px;height:22px}.sf-point h3{font-family:var(--soko-font-display);letter-spacing:-.02em;font-size:22px;font-weight:600;line-height:1.2}.sf-point p{color:var(--sub);max-width:440px;margin-top:6px;font-size:16px;line-height:1.5}.sf-demo{position:relative}.sf-window{background:var(--app);box-shadow:0 0 0 1px var(--line), 0 0 0 .5px #00000024, 0 2px 6px #0a1e3c14, 0 30px 60px -20px #0a1e3c73;border-radius:14px;position:relative;overflow:hidden}.sf-window:before,.sf-window:after{pointer-events:none;content:"";position:absolute;inset:0 0 auto}.sf-window:before{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--a-line) 70%, #fff) 50%, transparent);opacity:.8;height:1px}.sf-window:after{background:radial-gradient(55% 100% at 50% 0, color-mix(in srgb, var(--a-line) 30%, transparent), transparent 72%);height:110px}.sf-chrome{background:color-mix(in srgb, var(--ink) 4%, var(--card));border-bottom:1px solid var(--line);z-index:1;align-items:center;gap:7px;padding:10px 14px;display:flex;position:relative}.sf-chrome>span{background:color-mix(in srgb, var(--ink) 18%, transparent);border-radius:50%;width:11px;height:11px}.sf-chrome>div{color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;align-items:center;gap:6px;margin:0 auto;padding:4px 14px;font-size:12.5px;font-weight:500;display:flex}.sf-chrome>div svg{width:13px;height:13px}.sf-page{text-align:left;z-index:1;padding:14px;position:relative}.sf-head{border-bottom:1px dashed var(--line);align-items:center;gap:10px;padding-bottom:12px;display:flex}.sf-logo{background:var(--ink);color:var(--app);border-radius:12px;place-items:center;width:32px;height:32px;display:grid}.sf-logo svg{width:16px;height:16px}.sf-head b{font-family:var(--soko-font-display);letter-spacing:-.02em;font-size:18px;font-weight:600}.sf-head small{color:var(--muted);margin-left:auto;font-size:12px;font-weight:500}.sf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.sf-product{background:var(--card);box-shadow:inset 0 1px 0 var(--tile-hi), inset 0 0 0 1px var(--line);border-radius:12px;gap:6px;padding:10px;display:grid}.sf-product-icon{border-radius:14px;place-items:center;width:36px;height:36px;display:grid}.sf-product-icon svg{width:18px;height:18px}.sf-product-name{font-size:14px;font-weight:600}.sf-product-foot{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.sf-product-foot b{font-variant-numeric:tabular-nums}.sf-product-foot i{color:var(--ink);background:var(--inner);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-style:normal;font-weight:600;display:inline-flex}.sf-product-foot i[data-in]{color:var(--app);background:var(--ink)}.sf-product-foot i svg{width:11px;height:11px}.sf-cart{color:var(--muted);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding:6px 6px 6px 12px;font-size:13px;font-weight:600;display:flex}.sf-cart i{color:var(--app);background:var(--ink);border-radius:999px;padding:7px 14px;font-style:normal}
.why-body{animation:why-in .6s var(--ease-out-soft) both;align-items:center;gap:40px;padding:44px 24px 36px;display:grid}@media (min-width:900px){.why-body{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;padding:64px 64px 72px}}@keyframes why-in{0%{opacity:0;transform:translateY(14px)}}.why-copy{max-width:460px}.why-text{color:color-mix(in srgb, var(--ink) 58%, transparent);margin-top:18px;font-size:17px;line-height:1.6}.why-text strong{color:var(--ink);font-weight:600}.why-checks{gap:12px;margin-top:26px;display:grid}.why-checks li{color:color-mix(in srgb, var(--ink) 78%, transparent);align-items:center;gap:12px;font-size:15.5px;font-weight:500;display:flex}.why-checks li>span{background:var(--a-line);color:var(--pri-fg);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.why-checks svg{width:13px;height:13px}.why-stage{place-items:center;min-height:380px;display:grid}.why-visual{place-items:center;width:100%;padding:32px 24px;display:grid}.why-sheet{width:min(100%,340px);padding:16px}.why-kpi{font-family:var(--soko-font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:600}.why-sheet-head{color:color-mix(in srgb, var(--ink) 50%, transparent);justify-content:space-between;align-items:center;margin-bottom:4px;padding:2px 4px 8px;font-size:12px;font-weight:600;display:flex}.why-line{background:var(--card);transition:opacity .5s var(--ease-out-soft), transform .6s var(--ease-spring);border-radius:14px;justify-content:space-between;align-items:center;margin-top:8px;padding:11px 14px;font-size:13.5px;font-weight:500;display:flex}.why-line[data-on=false]{opacity:0;transform:translateY(10px)}.why-line small{color:color-mix(in srgb, var(--ink) 50%, transparent);font-size:12px;font-weight:500;display:block}.why-qty{font-variant-numeric:tabular-nums;font-weight:600}.why-status{color:var(--app);background:var(--ink);text-align:center;transition:background .4s var(--ease-out-soft), color .4s var(--ease-out-soft);border-radius:999px;margin-top:12px;padding:10px 14px;font-size:13px;font-weight:600}.why-status[data-quiet=true]{color:color-mix(in srgb, var(--ink) 55%, transparent);background:var(--card)}.why-dot{background:color-mix(in srgb, var(--ink) 30%, transparent);border-radius:999px;width:8px;height:8px;margin-right:8px;display:inline-block}.why-dot[data-open=true]{background:var(--a-line)}.why-bars{align-items:flex-end;gap:8px;height:140px;margin-top:10px;display:flex}.why-bar{background:color-mix(in srgb, var(--ink) 16%, transparent);transform-origin:bottom;transition:transform .8s var(--ease-spring-soft);border-radius:8px 8px 4px 4px;flex:1}.why-bar[data-peak=true]{background:var(--ink)}.why-days{color:color-mix(in srgb, var(--ink) 45%, transparent);text-align:center;gap:8px;margin-top:8px;font-size:11px;font-weight:600;display:flex}.why-days span{flex:1}
.shops{height:210px;margin-top:40px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.shop-item{letter-spacing:-.01em;text-align:center;white-space:nowrap;will-change:transform;flex-direction:column;align-items:center;gap:12px;width:112px;margin-top:-52px;font-size:15px;font-weight:600;display:flex;position:absolute;top:50%;left:0}.shop-icon{border-radius:26px;place-items:center;width:72px;height:72px;display:grid}.shop-icon svg{width:32px;height:32px}@media (min-width:640px){.shop-icon svg{width:38px;height:38px}.shops{height:240px}.shop-item{width:140px;font-size:16px}.shop-icon{border-radius:30px;width:84px;height:84px}}