.vf-showcase{--vf-ink:var(--v-ink,var(--foreground));--vf-muted:var(--v-muted,var(--muted-foreground));--vf-ease:cubic-bezier(.2,.75,.25,1);min-width:0;color:var(--vf-ink);padding-block:40px 96px}.vf-heading{text-align:center;margin-bottom:48px}.vf-heading h2{letter-spacing:-.03em;text-wrap:balance;margin:0;scroll-margin:0;font-size:clamp(30px,3.6vw,44px);font-weight:700;line-height:1.1}.vf-heading-accent{color:var(--v-accent);white-space:nowrap}.vf-composition{grid-template-columns:minmax(200px,1fr) auto minmax(200px,1fr);grid-template-areas:"tabs stage copy";align-items:center;column-gap:56px;min-width:0;display:grid}.vf-tabs{z-index:1;flex-direction:column;grid-area:tabs;justify-self:end;gap:4px;width:220px;min-width:0;display:flex;position:relative}.vf-tabs button{z-index:0;isolation:isolate;min-height:48px;color:var(--v-ink-2,var(--vf-ink));white-space:nowrap;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;padding:0 16px;font-size:16px;font-weight:500;line-height:1.2;display:inline-flex;position:relative}.vf-tabs button:before{content:"";z-index:-1;border-radius:inherit;background:var(--v-tint);opacity:0;transition:opacity .2s ease-out;position:absolute;inset:0}.vf-tabs button>svg:first-child{color:var(--vf-muted);flex:none}.vf-tabs button[aria-selected=true]{color:var(--vf-ink);font-weight:600}.vf-tabs button[aria-selected=true]:before{opacity:1}.vf-tabs button[aria-selected=true]>svg:first-child{color:var(--v-accent)}.vf-mark{fill:none;width:22px;height:11px;stroke:var(--v-cyan-line);stroke-width:2.6px;stroke-linecap:round;transform-origin:100%;opacity:0;transition:transform .16s ease-in,opacity .16s ease-in;display:none;transform:scaleX(0)}.vf-tabs button[aria-selected=true] .vf-mark{transform-origin:0;opacity:1;transition:transform .26s 60ms var(--vf-ease),opacity .2s 60ms;transform:scaleX(1)}.vf-showcase :is(button,a,[tabindex="0"]):focus-visible{outline:2px solid var(--v-accent,var(--primary));outline-offset:3px}.vf-copy{z-index:1;grid-area:copy;place-self:center start;width:100%;max-width:240px;position:relative}.vf-copy h3{letter-spacing:-.025em;margin:0 0 10px;font-size:28px;font-weight:600;line-height:1.2}.vf-copy p{color:var(--vf-muted);margin:0;font-size:17px;line-height:1.6}.vf-stage{--vf-phone:290px;width:var(--vf-phone);grid-area:stage;justify-self:center;position:relative}.vf-stage:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#0d142438,#0000);border-radius:50%;height:60px;position:absolute;bottom:-18px;left:8%;right:8%}[data-theme=dark] .vf-stage:before{background:radial-gradient(closest-side,#000a,#0000)}.vf-stage:after{content:"";z-index:-1;background:radial-gradient(closest-side,var(--v-glow-phone,transparent),transparent);pointer-events:none;border-radius:50%;width:190%;height:90%;position:absolute;top:40%;left:50%;translate:-50% -50%}.vf-phone{width:100%;position:relative}.vf-device{aspect-ratio:392/800;width:100%;position:relative}.vf-screen{isolation:isolate;--vf-art-scale:.8544;background:#eaf4ff;border-radius:12.29%/5.7%;width:91.3265%;height:96.5%;position:absolute;top:1.75%;left:4.33674%;overflow:hidden}.vf-device-frame{z-index:2;pointer-events:none;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.vf-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;background:#eaf4ff;width:100%;height:100%;display:flex;overflow:auto hidden}.vf-track::-webkit-scrollbar{display:none}.vf-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;min-width:0;height:100%;position:relative;overflow:hidden}.vf-device-island{z-index:1;pointer-events:none;width:100%;height:auto;display:block;position:absolute;top:0;left:0}.vf-system{z-index:1;aspect-ratio:393/59;pointer-events:none;width:100%;position:absolute;top:0;left:0}.vf-system-time,.vf-system-icons{height:auto;display:block;position:absolute;top:50%;transform:translateY(-50%)}.vf-system-time{width:10.1298%;left:7.63359%}.vf-system-icons{width:17.9466%;right:7.63359%}.vf-system-light{filter:invert()}.vf-art{width:calc(100% / var(--vf-art-scale));height:calc(100% / var(--vf-art-scale));transform:scale(var(--vf-art-scale));transform-origin:0 0;color:#0c1733;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.35;position:absolute;top:0;left:0;overflow:hidden}.vf-app-name{letter-spacing:1.2px;color:#4a587a;font-size:10px;font-weight:700;line-height:1.4;position:absolute;top:60px;left:28px}.vf-art-caption{text-align:center;position:absolute;top:380px;left:18px;right:18px}.vf-art-caption strong{letter-spacing:-.5px;font-size:24px;font-weight:700;line-height:1.2;display:block}.vf-art-caption>span{color:#4a587a;margin-top:8px;font-size:13px;font-weight:600;line-height:1.4;display:block}.vf-sea-art{width:100%;max-width:none;height:100%;position:absolute;inset:0}.vf-art-feed{color:#fff;background:#0b45c0}.vf-art-feed>.vf-app-name{color:#eaf8ff}.vf-feed-words{text-shadow:0 1px 12px #0b45c066;position:absolute;top:128px;left:28px;right:28px}.vf-feed-words>span{font-size:22px;font-weight:500;line-height:1.3;display:block}.vf-feed-words strong{letter-spacing:-.8px;margin-top:4px;font-size:32px;font-weight:700;line-height:1.15;display:block}.vf-feed-caption{color:#fff;background:#071f4dcc;border-radius:14px;flex-direction:column;gap:6px;padding:12px 14px;display:flex;position:absolute;top:362px;left:24px}.vf-feed-caption>span{align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:1.3;display:flex}.vf-feed-caption svg{color:#9fe6f1}.vf-art-save{background:#e6f7fb}.vf-photo{isolation:isolate;background:#fff;border-radius:4px;width:160px;height:200px;padding:7px;position:absolute;overflow:hidden;box-shadow:0 10px 24px -12px #0759ed73}.vf-photo>.vf-sea-art{border-radius:2px;width:calc(100% - 14px);height:calc(100% - 34px);inset:7px}.vf-photo-back{top:118px;left:34px;transform:rotate(-11deg)}.vf-photo-front{top:128px;left:112px;transform:rotate(8deg)}.vf-photo-front>span{color:#4a587a;text-align:center;letter-spacing:.8px;font-size:9px;font-weight:600;position:absolute;bottom:9px;left:10px;right:10px}.vf-saved-mark{color:#077a8d;filter:drop-shadow(0 2px #fff);position:absolute;top:262px;left:44px;transform:rotate(-9deg)}.vf-art-clip{background:#eef2fb}.vf-film{background:#1e3f8f;border-radius:4px;width:310px;height:160px;padding:8px 0;position:absolute;top:130px;left:14px;transform:rotate(-9deg);box-shadow:0 12px 24px -16px #1e3f8f99}.vf-film-sprockets{background:repeating-linear-gradient(90deg,#dfe6f7 0 7px,#0000 7px 18px);border-radius:1px;height:8px;margin:0 8px}.vf-film-frames{gap:6px;height:112px;margin:8px 0;display:flex;overflow:hidden}.vf-film-frames>span{flex:0 0 108px;display:block;position:relative;overflow:hidden}.vf-film-frames>span:nth-child(2){outline-offset:-3px;outline:3px solid #a5e9f3}.vf-film-frames>span:nth-child(3){opacity:.7}.vf-fragment-mark{color:#1e3f8f;justify-content:space-between;align-items:center;display:flex;position:absolute;top:302px;left:84px;right:84px}.vf-fragment-mark>span{background:#a5e9f3;width:30px;height:2px}.vf-art-clip .vf-art-caption{top:390px}.vf-art-streak{background:#e9f8f6}.vf-art-streak .vf-app-name{color:#0f766e}.vf-fire-art{width:210px;height:210px;position:absolute;top:110px;left:60px}.vf-art-streak .vf-art-caption strong{color:#0f766e}.vf-art-icons{background:#eaf4ff}.vf-icon-collection{grid-template-columns:repeat(3,60px);justify-content:center;gap:24px 26px;display:grid;position:absolute;top:134px;left:44px;right:44px;transform:rotate(-5deg)}.vf-mini-icon{background-image:url(/brand/volna-approved-icons.png);background-repeat:no-repeat;background-size:475px 250px;border-radius:15px;width:60px;height:60px;display:block;box-shadow:0 6px 10px -7px #0369a166}.vf-art-icons .vf-art-caption{top:380px}@media (hover:hover){.vf-tabs button:not([aria-selected=true]):hover,.vf-tabs button:not([aria-selected=true]):hover>svg:first-child{color:var(--vf-ink)}}@media (max-width:1099px){.vf-composition{column-gap:40px}.vf-tabs{width:200px}.vf-tabs button{padding:0 14px;font-size:15px}.vf-stage{--vf-phone:260px}.vf-screen{--vf-art-scale:.766}.vf-copy{max-width:220px}.vf-copy h3{font-size:24px}.vf-copy p{font-size:16px}}@media (max-width:860px){.vf-showcase{padding-block:28px 0}.vf-heading{margin-bottom:24px}.vf-composition{flex-direction:column;align-items:center;gap:20px;display:flex}.vf-tabs{grid-template-columns:repeat(5,minmax(0,1fr));justify-self:center;gap:0;width:min(100%,400px);display:grid}.vf-tabs button{min-width:0;min-height:64px;color:var(--vf-muted);white-space:nowrap;border-radius:12px;flex-direction:column;justify-content:flex-start;gap:5px;padding:6px 2px 0;font-size:12px}.vf-tabs button:before{display:none}.vf-tabs button[aria-selected=true]{color:var(--vf-ink)}.vf-mark{display:block}.vf-copy{text-align:center;order:2;max-width:420px;min-height:0}.vf-copy h3{margin-bottom:6px;font-size:22px}.vf-copy p{margin-inline:auto;font-size:16px}.vf-stage{--vf-phone:256px;order:3;height:296px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 62%,#0000);mask-image:linear-gradient(#000 62%,#0000)}.vf-stage:before{display:none}.vf-stage:after{width:100%;height:78%}.vf-screen{--vf-art-scale:.7542}.vf-art-caption{display:none}.vf-feed-caption{top:222px}.vf-icon-collection{top:110px}}@media (max-width:399px){.vf-stage{--vf-phone:240px;height:278px}.vf-screen{--vf-art-scale:.7071}.vf-tabs button{font-size:11px}}@media (max-width:359px){.vf-stage{--vf-phone:216px;height:250px}.vf-screen{--vf-art-scale:.6364}.vf-heading h2{font-size:28px}}@media (max-width:345px){.vf-tab-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.vf-tabs button{min-height:48px;padding-top:10px}}.vf-copy{display:grid}.vf-copy-sizing,.vf-copy-live{grid-area:1/1;min-width:0}.vf-copy-sizing{visibility:hidden;pointer-events:none;display:grid}.vf-copy-sizing>div{grid-area:1/1;min-width:0}@media (prefers-reduced-motion:no-preference){.vf-copy-enter{animation:.24s ease-out both vf-copy-arrive}}@keyframes vf-copy-arrive{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.vf-showcase *,.vf-showcase :before,.vf-showcase :after{transition:none!important;animation:none!important}.vf-track{scroll-behavior:auto}}