.sfv-hero{position:relative;padding:var(--pad-hero-top) 0 var(--pad-hero-bot);overflow:hidden;isolation:isolate}.sfv-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(60% 50% at 78% 35%,color-mix(in srgb,var(--violet) 18%,transparent),transparent 60%),radial-gradient(55% 45% at 20% 80%,color-mix(in srgb,var(--mint) 10%,transparent),transparent 60%),var(--hero-gradient)}.sfv-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to right,var(--rule) 1px,transparent 1px),linear-gradient(to bottom,var(--rule) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(60% 50% at 50% 40%,#000 0%,transparent 80%);-webkit-mask-image:radial-gradient(60% 50% at 50% 40%,#000 0%,transparent 80%);opacity:.5}.sfv-hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--gap-hero);align-items:center;max-width:1320px;margin:0 auto;padding:0 var(--pad-gutter)}@media (max-width: 980px){.sfv-hero-inner{grid-template-columns:1fr;gap:var(--space-6)}}.sfv-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font:500 11px/1 JetBrains Mono,monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--violet);margin-bottom:var(--space-5)}.sfv-eyebrow:before{content:"";width:24px;height:1px;background:var(--violet)}h1.sfv-h1{margin:0;font-family:Bebas Neue,Inter Tight,system-ui;font-weight:400;font-size:clamp(56px,8.5vw,124px);line-height:.88;letter-spacing:-.005em;text-transform:uppercase;color:var(--text-primary)}h1.sfv-h1 .accent{color:var(--violet)}h1.sfv-h1 .kicker{display:block;margin-top:.18em;font-family:Inter Tight,system-ui;font-size:.22em;font-weight:500;letter-spacing:-.005em;text-transform:none;color:var(--violet);line-height:1.35}.sfv-cta{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:center;margin:var(--space-6) 0 var(--space-5)}.sfv-sub{margin:0;max-width:56ch;font-size:16px;line-height:1.55;color:var(--text-body)}.sfv-sub strong{color:var(--text-primary);font-weight:600}.sfv-demo{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;max-width:340px;justify-self:center;margin-inline:auto;isolation:isolate}.sfv-hero .sfv-demo:before{content:"";position:absolute;inset:-10% -18%;z-index:-1;background:radial-gradient(50% 50% at 50% 40%,color-mix(in srgb,var(--violet) 18%,transparent),transparent 65%),radial-gradient(60% 60% at 50% 100%,color-mix(in srgb,var(--mint) 10%,transparent),transparent 70%);pointer-events:none}.sfv-demo-frame,.sfv-shot{position:relative;width:100%;padding:8px;border-radius:56px;background:#1a1a1d;box-shadow:inset 0 0 0 1px #ffffff24,var(--shadow-card)}.sfv-demo-frame:after,.sfv-shot:after{content:"";position:absolute;left:50%;top:17px;width:106px;height:31px;transform:translate(-50%);border-radius:999px;background:#000;pointer-events:none}.sfv-demo-frame video,.sfv-demo-frame .sfv-poster{display:block;width:100%;height:auto;aspect-ratio:720 / 1566;border-radius:48px;background:#000}.sfv-demo-frame .sfv-poster{display:none}@media (prefers-reduced-motion: reduce){.sfv-demo-frame video{display:none}.sfv-demo-frame .sfv-poster{display:block}}.sfv-demo-caption{font:500 10.5px/1.4 JetBrains Mono,monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--text-quiet);text-align:center;max-width:36ch}.sfv-bridge{max-width:1320px;margin:0 auto;padding:var(--pad-section-y) var(--pad-gutter) 0;border-top:1px solid var(--rule)}.sfv-bridge-tag{display:inline-flex;align-items:center;gap:var(--space-2);font:500 11px/1 JetBrains Mono,monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--violet);margin-bottom:var(--space-4)}.sfv-bridge-tag:before{content:"";width:24px;height:1px;background:var(--violet)}.sfv-bridge h2{margin:0;font-family:Bebas Neue,system-ui;font-weight:400;font-size:clamp(40px,6vw,88px);line-height:.92;letter-spacing:.005em;text-transform:uppercase;color:var(--text-primary)}.sfv-bridge h2 .accent{color:var(--violet)}.sfv-bridge-lede{margin:var(--space-5) 0 0;max-width:70ch;font-size:17px;line-height:1.55;color:var(--text-body)}.sfv-step{max-width:1320px;margin:0 auto;padding:var(--pad-section-y) var(--pad-gutter)}.sfv-step+.sfv-step{border-top:1px solid var(--rule)}.sfv-step-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-hero);align-items:center}.sfv-step.reverse .sfv-step-grid>.sfv-step-media{order:2}@media (max-width: 980px){.sfv-step-grid{grid-template-columns:1fr;gap:var(--space-6)}.sfv-step.reverse .sfv-step-grid>.sfv-step-media{order:0}}.sfv-step-media{width:100%}.sfv-still{overflow:hidden;border-radius:6px;background:#000;box-shadow:var(--shadow-card)}.sfv-still picture{display:block;width:100%}.sfv-still img{display:block;width:100%;height:auto;filter:brightness(var(--photo-brightness)) saturate(.95)}.sfv-step-head{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.sfv-step-num{display:inline-flex;align-items:center;gap:var(--space-3);font:500 11px/1 JetBrains Mono,monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--violet)}.sfv-step-num:before{content:"";width:24px;height:1px;background:var(--violet)}.sfv-step h2{margin:0;font-family:Bebas Neue,system-ui;font-weight:400;font-size:clamp(36px,4.8vw,60px);line-height:.95;letter-spacing:.005em;text-transform:uppercase;color:var(--text-primary)}.sfv-step h2 .accent{color:var(--violet)}.sfv-step-lede{margin:0 0 var(--space-5);font-size:15.5px;line-height:1.6;color:var(--text-body);max-width:52ch}.sfv-step-lede strong{color:var(--text-primary);font-weight:600}.sfv-step-lede a{color:var(--violet);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--violet) 45%,transparent);transition:border-color .2s}.sfv-step-lede a:hover{border-bottom-color:var(--violet)}.sfv-list{list-style:none;padding:0;margin:0 0 var(--space-6);counter-reset:sfvstep;border-top:1px solid var(--rule)}.sfv-list li{counter-increment:sfvstep;position:relative;padding:var(--space-3) 0 var(--space-3) var(--space-7);font-size:14.5px;line-height:1.55;color:var(--text-body);border-bottom:1px solid var(--rule)}.sfv-list li:before{content:counter(sfvstep,decimal-leading-zero);position:absolute;left:0;top:var(--space-3);font:500 11px/1.55 JetBrains Mono,monospace;letter-spacing:.18em;color:var(--violet)}.sfv-list li strong{color:var(--text-primary);font-weight:600}.sfv-step-cta{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.sfv-tip{background:color-mix(in srgb,var(--violet) 6%,var(--surface-card));padding:var(--space-4) var(--space-5);border-radius:4px}.sfv-tip-tag{display:block;font:500 11px/1 JetBrains Mono,monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--violet);margin-bottom:var(--space-2)}.sfv-tip p{margin:0;font-size:14px;line-height:1.55;color:var(--text-body)}.sfv-tip p+p{margin-top:var(--space-2)}.sfv-step .sfv-tip{margin-bottom:var(--space-6)}.sfv-fix{max-width:1320px;margin:0 auto;padding:var(--pad-section-y) var(--pad-gutter);border-top:1px solid var(--rule)}.sfv-fix-grid{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:var(--gap-hero);align-items:start;margin-top:var(--space-6)}@media (max-width: 980px){.sfv-fix-grid{grid-template-columns:1fr;gap:var(--space-6)}}.sfv-shot{max-width:320px;margin-inline:auto}.sfv-shot picture{display:block;width:100%}.sfv-shot img{display:block;width:100%;height:auto;border-radius:48px;background:#000;filter:brightness(var(--photo-brightness)) saturate(.95)}.sfv-shot-caption{display:block;margin-top:var(--space-3);font:500 10.5px/1.4 JetBrains Mono,monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--text-quiet);text-align:center}.sfv-fixlist{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border-radius:6px;overflow:hidden}@media (max-width: 640px){.sfv-fixlist{grid-template-columns:1fr}}.sfv-fixlist li{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--surface-card);transition:background .2s ease}.sfv-fixlist li:hover{background:color-mix(in srgb,var(--violet) 5%,var(--surface-raised))}.sfv-fixlist strong{font-family:Bebas Neue,system-ui;font-weight:400;font-size:22px;line-height:.95;letter-spacing:.005em;text-transform:uppercase;color:var(--text-primary)}.sfv-fixlist span{font-size:14px;line-height:1.5;color:var(--text-muted)}.sfv-fix-foot{margin:var(--space-5) 0 0;font-size:14px;line-height:1.55;color:var(--text-muted);max-width:62ch}.sfv-know{max-width:1320px;margin:0 auto;padding:var(--pad-section-y) var(--pad-gutter);border-top:1px solid var(--rule)}.sfv-know-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 800px){.sfv-know-grid{grid-template-columns:1fr}}.sfv-know .sfv-tip strong{display:block;margin-bottom:var(--space-2);font-family:Bebas Neue,system-ui;font-weight:400;font-size:22px;line-height:.95;letter-spacing:.005em;text-transform:uppercase;color:var(--text-primary)}.sfv-faq{max-width:1320px;margin:0 auto;padding:var(--pad-section-y) var(--pad-gutter);border-top:1px solid var(--rule)}.sfv-faq-grid{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.sfv-faq-item{padding:var(--space-5) 0;border-bottom:1px solid var(--rule)}.sfv-faq-item:last-child{border-bottom:0}.sfv-faq-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:var(--space-4)}.sfv-faq-item summary::-webkit-details-marker{display:none}.sfv-faq-item summary h4{margin:0;font-family:Bebas Neue,system-ui;font-weight:400;font-size:clamp(22px,2.4vw,30px);line-height:1.1;letter-spacing:.01em;text-transform:uppercase;color:var(--text-primary)}.sfv-faq-item summary .icon{font-family:JetBrains Mono,monospace;color:var(--violet);transition:transform .25s ease}.sfv-faq-item[open] summary .icon{transform:rotate(45deg)}.sfv-faq-item summary:hover h4{color:var(--violet)}.sfv-faq-item .ans{max-width:76ch;margin:var(--space-3) 0 0;font-size:15px;line-height:1.6;color:var(--text-body)}.sfv-fix .psx-section-head h2 .accent,.sfv-know .psx-section-head h2 .accent,.sfv-faq .psx-section-head h2 .accent{color:var(--violet)}.sfv-final.psx-final{background:radial-gradient(60% 60% at 50% 30%,color-mix(in srgb,var(--violet) 12%,transparent),transparent 65%),radial-gradient(60% 60% at 50% 100%,color-mix(in srgb,var(--mint) 8%,transparent),transparent 60%),var(--surface-card)}.sfv-final.psx-final h2 .accent{color:var(--violet)}
