/* Vlow site v4 — petal capsule recreation, legal footer, legal/pricing pages, new scene sections. */

/* ---------- petal capsule (faithful to Sources/Vlow/Capsule) ---------- */
.concept{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.pcap{--pc-hi:#A1DEFF;--pc-hi2:#BAEBFF;--pc-ok:#9EE6BF;position:relative;display:grid;gap:16px}
.pcap-desk{position:relative;border-radius:28px;overflow:hidden;border:1px solid var(--line);
  background:radial-gradient(90% 70% at 20% 0%,rgba(91,123,255,.28),transparent 60%),radial-gradient(70% 60% at 100% 100%,rgba(176,107,255,.22),transparent 60%),linear-gradient(160deg,#0d1626,#070b14);
  box-shadow:0 40px 120px rgba(0,0,0,.45)}
.pcap-desk::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/100% 28px;opacity:.6;pointer-events:none}
.pcap-win{position:relative;margin:22px 22px 0;border-radius:14px;background:rgba(236,242,252,.94);color:#101826;box-shadow:0 18px 50px rgba(0,0,0,.4);min-height:118px}
.pcap-bar{display:flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-bottom:1px solid rgba(16,24,38,.08);font:600 12px/1 var(--sans);color:#5a6577}
.pcap-bar i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.pcap-bar i:nth-child(2){background:#febc2e}.pcap-bar i:nth-child(3){background:#28c840}
.pcap-bar span{margin-left:auto;margin-right:auto;transform:translateX(-24px)}
.pcap-out{margin:0;padding:14px 18px 18px;font:600 clamp(15px,1.5vw,19px)/1.5 var(--sans);min-height:3em;opacity:0;transform:translateY(6px);transition:opacity .35s var(--ease),transform .35s var(--ease)}
.pcap-out.in{opacity:1;transform:none}
.pcap-out::after{content:"";display:inline-block;width:2px;height:1.1em;margin-left:2px;vertical-align:-.15em;background:#2F8CFF;animation:pc-blink 1s steps(1) infinite}
@keyframes pc-blink{50%{opacity:0}}
.pcap-key{position:absolute;right:18px;bottom:16px;z-index:3;font:700 12px/1 var(--mono);color:#fff;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(#2a3448,#141b28);box-shadow:0 3px 0 rgba(255,255,255,.12);transition:transform .12s,box-shadow .12s,border-color .12s,color .12s}
.pcap-key.down{transform:translateY(3px);box-shadow:0 0 0 rgba(255,255,255,0),0 0 22px rgba(34,227,227,.45);border-color:var(--cy);color:#BFF}
.pcap-box{position:relative;height:200px;margin-top:6px}
/* 1× HUD (480 × 200) scaled to the stage by petal.js */
.pcap-hud{--z:1;position:absolute;left:50%;top:0;width:480px;height:200px;margin-left:-240px;transform:scale(var(--z));transform-origin:50% 0}
.pcap-fan{position:absolute;left:50px;top:0;width:380px;height:128px;display:grid;grid-template-columns:repeat(5,1fr);align-items:start;padding-top:8px}
.pcap-petal{--y:0px;--f:rgba(255,255,255,.14);--r:rgba(255,255,255,.4);justify-self:center;position:relative;width:56px;height:56px;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  background:linear-gradient(var(--f),var(--f)),rgba(0,0,0,.78);box-shadow:inset 0 0 0 1px var(--r),0 3px 7px rgba(0,0,0,.4);color:rgba(255,255,255,.95);
  opacity:0;transform:translateY(calc(var(--y) + 7px));transition:opacity .15s ease-out,transform .15s ease-out;transition-delay:calc((4 - var(--i)) * 40ms)}
.pcap-petal svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.pcap-petal span{font:500 9px/1 var(--sans);color:rgba(255,255,255,.9);white-space:nowrap;letter-spacing:0}
.pcap-petal.is-sel{--f:rgba(51,115,158,.85);--r:rgba(161,222,255,.9);color:var(--pc-hi2)}.pcap-petal.is-sel span{color:var(--pc-hi2)}
.pcap.fan .pcap-petal{opacity:1;transform:translateY(var(--y));transition-delay:calc(var(--i) * 40ms)}
.pcap.fan .pcap-petal.hov{transform:translateY(var(--y)) scale(1.06);transition-delay:0s}
.pcap-cap{position:absolute;left:50%;top:138px;height:44px;width:230px;transform:translateX(-50%);border-radius:22px;display:flex;align-items:center;gap:10px;padding:0 16px;
  background:rgba(28,30,36,.82);backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);
  box-shadow:0 6px 16px rgba(0,0,0,.28),inset 0 0 0 .5px rgba(255,255,255,.18),inset 0 1px 0 rgba(255,255,255,.08);
  transition:width .42s cubic-bezier(.32,1.22,.5,1),opacity .4s var(--ease),transform .4s var(--ease);font:500 13px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC",sans-serif;color:#fff;white-space:nowrap}
.pcap.gone .pcap-cap{opacity:0;transform:translateX(-50%) scale(.96)}
.pcap-wave{flex:none;width:20px;height:18px;display:flex;align-items:center;justify-content:center;gap:2.5px}
.pcap-wave i{width:3px;height:18px;border-radius:2px;background:#fff;transform:scaleY(.222);transition:background .12s,opacity .12s}
.pcap[data-st=proc] .pcap-wave i{background:rgba(255,255,255,.45)}
.pcap[data-st=idle] .pcap-wave,.pcap[data-st=hover] .pcap-wave,.pcap[data-st=pick] .pcap-wave,.pcap[data-st=done] .pcap-wave{display:none}
.pcap-cc{position:relative;flex:1;min-width:0;height:44px;overflow:hidden;display:flex;align-items:center}
.pcap-cc.fade{-webkit-mask-image:linear-gradient(90deg,transparent,#000 26px);mask-image:linear-gradient(90deg,transparent,#000 26px)}
.pcap-tk{white-space:nowrap;transition:transform .15s ease-out}
.pcap-tk b{font-weight:500;color:#fff}.pcap-tk em{font-style:normal;color:rgba(255,255,255,.5)}
.pcap-idle{position:absolute;left:0;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.45);font-weight:400}
.pcap[data-st=proc] .pcap-cc{opacity:.55;transition:opacity .2s ease-out}
.pcap-done{display:none;flex:1;justify-content:center;align-items:center;gap:6px;color:var(--pc-ok)}
.pcap-done svg{width:14px;height:14px}
.pcap[data-st=done] .pcap-done{display:flex}.pcap[data-st=done] .pcap-cc,.pcap[data-st=done] .pcap-trail{display:none}
.pcap-badge{flex:none;font:600 10px/1 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:var(--pc-hi);padding:2.5px 7px;border-radius:99px;background:rgba(255,255,255,.12)}
.pcap-trail{flex:none;display:none;align-items:center;gap:5px;font:400 11px/1 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}
.pcap[data-st=rec] .pcap-trail,.pcap[data-st=proc] .pcap-trail{display:flex}
.pcap-time{color:rgba(255,255,255,.55);font-variant-numeric:tabular-nums}
.pcap-spin{display:none;align-items:center;gap:5px;color:rgba(255,255,255,.75)}
.pcap-spin i{width:12px;height:12px;border-radius:50%;border:1.6px solid rgba(255,255,255,.25);border-top-color:#fff;animation:pc-spin .8s linear infinite}
.pcap[data-st=proc] .pcap-spin{display:flex}.pcap[data-st=proc] .pcap-time{display:none}
@keyframes pc-spin{to{transform:rotate(360deg)}}
.pcap-cursor{position:absolute;left:0;top:0;width:18px;height:26px;z-index:4;opacity:0;pointer-events:none;transition:transform .5s var(--ease),opacity .3s;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}
.pcap-states{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pcap-states li{font:500 12px/1 var(--mono);padding:9px 12px;border-radius:999px;border:1px solid var(--line);color:var(--ink3);transition:all .35s}
.pcap-states li.on{color:#04121a;background:var(--cy);border-color:var(--cy)}
.pcap.still .pcap-petal{transition:none}
.concept-pts{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:10px;color:var(--ink2);font-size:15.5px}
.concept-pts li{position:relative;padding-left:22px}
.concept-pts li::before{content:"";position:absolute;left:2px;top:.62em;width:10px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--cy),#5AA9FF)}
@media (max-width:900px){.concept{grid-template-columns:1fr}.pcap{order:2}}

/* ---------- scene sections ---------- */
.scene-copy .soon{display:inline-block;margin-left:10px;vertical-align:middle;font:700 11px/1 var(--sans);padding:5px 9px;border-radius:99px;background:#ffb547;color:#1a1200;letter-spacing:0}
.scene-copy .fine{margin-top:0}

/* ---------- footer: company · legal links · ICP ---------- */
.footer-co{color:var(--ink2)}
.footer-legal a{font-size:12.5px;color:var(--ink2)}
.footer-legal .sep{opacity:.45;margin:0 6px}

/* ---------- pricing / legal pages ---------- */
.legal .meta{font:500 12.5px/1.6 var(--mono);color:var(--ink3);margin:0 0 26px}
.legal h1{margin-bottom:12px}
.legal h2{font-size:clamp(20px,2.2vw,26px);margin:44px 0 12px;padding-top:22px;border-top:1px solid var(--line)}
.legal p b,.legal li b{color:#fff}
.legal a{color:#9cd0ff}
.legal .toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.legal .toc a{font:500 12.5px/1 var(--sans);text-decoration:none;padding:9px 13px;border-radius:999px;border:1px solid var(--line);color:var(--ink2)}
.legal .toc a[aria-current]{color:#04121a;background:var(--cy);border-color:var(--cy)}
.legal .plans.price{margin-top:30px}
.legal .plan{min-height:0}
.legal .seller{font-size:14px;color:var(--ink3)}