.sp{background:var(--sc-bg);min-height:100vh;color:var(--sc-text);overflow:clip}.sp a{text-decoration:none}.sp :is(a,button):focus-visible{outline:2px solid var(--sc-accent);outline-offset:4px;border-radius:6px}.sp .sc-display em{color:var(--sc-accent)}.sp-header{padding:14px 32px}.sp-header>div{justify-content:space-between;align-items:center;max-width:1040px;margin:auto;display:flex}.sp-back{min-height:40px;color:var(--sc-text-2);font-size:var(--sc-text-md);border-radius:999px;align-items:center;gap:6px;padding:0 14px;transition:color .2s;display:inline-flex}.sp-back:hover{color:var(--sc-text)}.sp-hero{isolation:isolate;text-align:center;flex-direction:column;align-items:center;max-width:760px;margin:0 auto;padding:96px 24px 0;display:flex;position:relative}.sp-hero:before{content:"";z-index:-1;background:radial-gradient(ellipse at 50% 0%, color-mix(in oklab, var(--sc-accent) 20%, transparent), transparent 70%);pointer-events:none;width:640px;max-width:100%;height:360px;position:absolute;top:-40px;left:50%;translate:-50%}.sp-kicker{border:1px solid var(--sc-accent-line);background:var(--sc-accent-soft);color:var(--sc-accent);font-size:var(--sc-text-sm);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-weight:500;display:inline-flex}.sp-hero h1{letter-spacing:-.01em;margin-top:28px;font-size:clamp(2.5rem,6vw,4.25rem);line-height:1.04}.sp-hero>p{max-width:600px;color:var(--sc-text-2);font-size:var(--sc-text-lg);margin-top:26px;line-height:1.7}.sp-section{max-width:1040px;margin:0 auto;padding:120px 24px 0}.sp-section>h2{text-align:center;font-size:clamp(2rem,4vw,3rem);line-height:1.08}.sp-principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:52px 0 0;padding:0;list-style:none;display:grid}.sp-principles li{border:1px solid var(--sc-line);border-radius:var(--sc-radius-xl);background:linear-gradient(180deg, var(--sc-surface), var(--sc-bg-raised));padding:28px}.sp-icon{border:1px solid var(--sc-accent-line);background:var(--sc-accent-soft);width:40px;height:40px;color:var(--sc-accent);border-radius:12px;place-items:center;display:grid}.sp-principles h3{font-size:var(--sc-text-lg);letter-spacing:-.01em;margin-top:20px;font-weight:600}.sp-principles p{color:var(--sc-text-2);font-size:var(--sc-text-base);margin-top:10px;line-height:1.65}.sp-why-text{max-width:640px;color:var(--sc-text-2);font-size:var(--sc-text-lg);gap:20px;margin:44px auto 0;line-height:1.75;display:grid}.sp-why-text p:last-child{color:var(--sc-text)}.sp-pix{border:1px solid var(--sc-line-strong);background:radial-gradient(ellipse 70% 80% at 0% 0%, color-mix(in oklab, var(--sc-accent) 14%, transparent), transparent 70%), var(--sc-bg-raised);border-radius:32px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:56px;padding:56px;display:grid}.sp-eyebrow{color:var(--sc-text-3);font-size:var(--sc-text-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:500}.sp-pix h2{margin-top:14px;font-size:clamp(2rem,4vw,3rem);line-height:1.08}.sp-pix-copy>p{max-width:420px;color:var(--sc-text-2);font-size:var(--sc-text-base);margin-top:18px;line-height:1.7}.sp-pix .screeny-action{margin-top:28px}.sp-pix .sp-note{color:var(--sc-text-3);font-size:var(--sc-text-sm);margin-top:14px}.sp-qr{flex-direction:column;align-items:center;gap:16px;margin:0;display:flex}.sp-qr-frame{width:min(100%,280px);box-shadow:0 0 0 8px color-mix(in oklab, var(--sc-text) 6%, transparent), 0 30px 80px -30px color-mix(in oklab, var(--sc-accent) 60%, transparent);background:#f4efe7;border-radius:24px;padding:14px}.sp-qr-frame svg{border-radius:12px;width:100%;height:auto;display:block}.sp-qr figcaption{color:var(--sc-text-3);font-size:var(--sc-text-sm)}.sp-thanks{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:640px;margin:0 auto;padding:120px 24px 0;display:flex}.sp-thanks>svg{color:var(--sc-live)}.sp-thanks>.sc-display{font-size:clamp(1.75rem,3.6vw,2.5rem);line-height:1.15}.sp-soon{color:var(--sc-text-2);font-size:var(--sc-text-base);line-height:1.7}.sp-thanks .screeny-action{margin-top:12px}.sp-footer{border-top:1px solid var(--sc-line);max-width:1040px;color:var(--sc-text-3);font-size:var(--sc-text-sm);justify-content:space-between;align-items:center;gap:24px;margin:120px auto 0;padding:28px 24px 36px;display:flex}@media (max-width:860px){.sp-principles{grid-template-columns:1fr}.sp-pix{border-radius:24px;grid-template-columns:1fr;gap:40px;padding:36px 24px}}@media (max-width:640px){.sp-header{padding:12px 16px}.sp-hero{padding:64px 16px 0}.sp-hero>p,.sp-why-text{font-size:var(--sc-text-base)}.sp-section,.sp-thanks{padding:88px 16px 0}.sp-footer{flex-direction:column;align-items:flex-start;gap:12px;padding-inline:16px}}