/* Approved public landing-page layout. Shared SIGVORA tokens remain authoritative. */
body.spv-layout-approved::before{display:none}
.spv-layout-approved .header{display:flex;align-items:center;flex-wrap:wrap;gap:20px;border-bottom:1px solid var(--line);padding-block:20px}
.spv-layout-approved .header .brand{max-width:none;margin-right:auto;gap:10px;letter-spacing:normal}
.spv-layout-approved .header .spv-brand-logo{width:38px;height:42px}
.spv-layout-approved .spv-brand-copy{display:flex;flex-direction:column;gap:2px}
.spv-layout-approved .spv-brand-copy strong{font-size:15px;letter-spacing:.025em;font-weight:var(--bold)}
.spv-layout-approved .spv-brand-copy small{font-size:12px;font-weight:400;color:var(--muted)}
.spv-layout-approved .header .nav{order:4;flex-basis:100%;justify-content:center;font-size:var(--small);gap:20px;padding-top:8px}
.spv-layout-approved .header .spv-account-actions{margin-left:0;font-size:var(--small)}
.spv-layout-approved .header .startseite-language-trigger{min-width:72px}
.spv-layout-approved .design-beta{background:var(--surface);border-top-width:2px;padding-block:4px}
.spv-layout-approved .design-beta p{font-size:12px}
.spv-layout-approved .spv-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:44px;padding-block:56px;align-items:center;overflow:visible}
.spv-layout-approved h1{font-size:clamp(2.2rem,4.1vw,3rem);max-width:18ch;font-weight:var(--bold)}
.spv-layout-approved h2{font-size:clamp(1.7rem,3vw,2rem);max-width:36ch;font-weight:var(--bold)}
.spv-layout-approved h3,.spv-layout-approved h4{font-weight:var(--bold)}
.spv-layout-approved .spv-lead{font-size:16px;max-width:560px;line-height:1.7}
.spv-layout-approved .spv-kicker{font-size:15px;color:var(--muted)}
.spv-layout-approved .spv-meta{font-size:12px;line-height:1.6}
.spv-layout-approved .spv-section{border-top:1px solid var(--line);margin:0 auto;width:min(var(--max),calc(100% - 2 * var(--space-3)));padding:36px 0}
.spv-layout-approved .section-copy{font-size:16px}
.spv-layout-approved .spv-button{min-height:44px;padding:10px 16px;font-size:14px}
.spv-layout-approved .design-secondary{background:transparent;color:var(--text);border-color:var(--line)}
.spv-layout-approved .card{padding:22px;border-radius:12px;box-shadow:none;transition:transform 160ms ease}
.spv-layout-approved .card:hover,.spv-layout-approved .spv-example-grid .card:hover{transform:translateY(-2px);box-shadow:none}
.spv-layout-approved .cards{gap:20px}
.spv-layout-approved .spv-content-card p{font-size:14px;line-height:1.6}
.spv-layout-approved .spv-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin-right:0;padding:0;gap:20px}
.spv-layout-approved .spv-example-grid .card{max-width:none;flex:none;padding-bottom:20px}
.spv-layout-approved .spv-example-grid .card h4,.spv-layout-approved .spv-example-grid .card p{margin-left:18px;margin-right:18px}
.spv-layout-approved .spv-example-grid .card h4{font:var(--bold) 16px/1.4 var(--font);letter-spacing:normal;margin-top:18px;margin-bottom:12px}
.spv-layout-approved .everyday-photo,.spv-layout-approved .everyday-illustration{height:180px}
.spv-layout-approved .spv-steps{gap:24px;margin-top:28px}
.spv-layout-approved .spv-steps:before,.spv-layout-approved .spv-steps:after{display:none}
.spv-layout-approved .spv-steps h3{font:var(--bold) 15px/1.4 var(--font);letter-spacing:normal}
.spv-layout-approved .spv-steps p{font-size:14px}
.spv-layout-approved .spv-step-icon{width:38px;height:38px;margin-bottom:12px}
.spv-layout-approved .design-product{min-height:515px;padding-inline:24px}
.spv-layout-approved .design-phone{width:260px;min-height:460px;border-radius:36px;padding:32px 16px 24px;background:var(--bg);box-shadow:0 15px 35px color-mix(in srgb,var(--text) 14%,transparent)}
.spv-layout-approved .phone-halo{display:none}
.spv-layout-approved .phone-card{border-radius:10px;padding:14px 12px}
.spv-layout-approved .phone-card .phone-title{font:var(--bold) 13px/1.4 var(--font);letter-spacing:normal}
.spv-layout-approved .phone-notch{width:72px;height:12px}
.spv-layout-approved .phone-label{font-size:10px}
.spv-layout-approved .phone-confirm{font-size:11px}
.spv-layout-approved .float-badge{font-size:11px;padding:9px 10px;border-radius:8px;box-shadow:0 7px 18px color-mix(in srgb,var(--text) 7%,transparent)}
.spv-layout-approved .float-sign{left:0;top:105px}
.spv-layout-approved .float-issuer{right:0;top:255px}
.spv-layout-approved .float-control{left:25px;bottom:20px}
.spv-layout-approved .spv-motion-toggle{margin-top:14px;border:1px solid var(--line);background:transparent;color:var(--text);border-radius:var(--small-radius);padding:9px 14px;font:inherit;font-size:12px;min-height:44px;cursor:pointer}
.spv-layout-approved.spv-motion-paused .design-product *{animation-play-state:paused!important}
.spv-layout-approved.spv-motion-paused .phone-card{animation:none;opacity:1;transform:none}
.spv-layout-approved .design-reveal-ready{opacity:1;transform:none}
.spv-layout-approved .footer{font-size:12px;gap:20px}
.spv-layout-approved .footer .brand{font-size:13px}
@media(max-width:759px){
.spv-layout-approved .header .brand{max-width:none;margin-right:auto}
.spv-layout-approved .header .spv-account-actions{display:flex}
.spv-layout-approved .header .spv-account-actions .spv-button{display:none}
.spv-layout-approved .header .nav{justify-content:flex-start;gap:16px;padding-top:4px}
.spv-layout-approved .spv-hero{grid-template-columns:1fr;gap:20px;padding:32px var(--space-3)}
.spv-layout-approved h1{font-size:clamp(2rem,8.5vw,2.8rem)}
.spv-layout-approved .design-product{min-height:515px;padding-inline:0}
.spv-layout-approved .float-control{left:50%;bottom:8px}
.spv-layout-approved .spv-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.spv-layout-approved .spv-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.spv-layout-approved .spv-steps li{padding:0;min-height:0}
.spv-layout-approved .spv-step-icon{position:static}
.spv-layout-approved .design-try{grid-template-columns:1fr;gap:25px}
.spv-layout-approved .footer{gap:16px}
}
@media(max-width:420px){.spv-layout-approved .spv-example-grid{grid-template-columns:1fr}.spv-layout-approved .spv-example-grid .everyday-photo{height:200px}.spv-layout-approved .float-badge{font-size:10px}.spv-layout-approved .header{gap:12px}.spv-layout-approved .header .spv-brand-copy small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.spv-layout-approved .spv-motion-toggle{display:none}}