@font-face{font-family:Guton;src:url(/assets/fonts/guton-regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Guton;src:url(/assets/fonts/guton-semibold.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Bomstad;src:url(/assets/fonts/bomstad-bold.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--bg:#1d2c3c;--ink:#fff;--ac:#8075ff;--act:#9d95ff;--soft:#a6b1e1;--deep:#091a24;--w:1240px}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.65 Guton,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
img,video{max-width:100%;height:auto;display:block}a{color:inherit}
a:focus-visible,video:focus-visible{outline:3px solid var(--act);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:.6rem 1rem;z-index:9}.skip:focus{left:0}
h1,h2,h3{font-family:Bomstad,Guton,sans-serif;font-weight:700;line-height:1.12;margin:0 0 1rem;text-wrap:balance}
h1{font-size:clamp(2.2rem,5.2vw,3.6rem)}h2{font-size:clamp(1.7rem,3.6vw,2.6rem)}h3{font-size:1.2rem;color:var(--act);margin-bottom:.35rem}
.ac{color:var(--act)}
.top{background:var(--deep);padding:1rem;text-align:center;border-bottom:1px solid #ffffff14}.top img{width:150px;margin:auto}
.row{max-width:var(--w);margin:0 auto;padding:clamp(2.5rem,7vw,5.5rem) 1.5rem;display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(1.5rem,5vw,4rem);align-items:center}
.row.rev{grid-template-columns:1.15fr 1fr}.row.rev .txt{order:2}.row.rev .mock{order:1}
.txt p{max-width:46ch}.txt.r{text-align:right}.txt.r p{margin-left:auto}
.mock{width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--bg)}
.peek{font-size:.8rem;color:var(--soft);margin:0 0 .8rem}
.badges{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.8rem 0 0}.badges img{height:48px;width:auto}
.hero p:not(.badges){font-size:1.2rem;font-weight:600}
.intro{max-width:var(--w);margin:0 auto;padding:1rem 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,4rem)}
.steps{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:1.6rem}.steps p{margin:0;font-size:.98rem}
.vb{list-style:none;margin:0;padding:0;font:700 clamp(1.05rem,2.2vw,1.45rem)/1.5 Bomstad,Guton,sans-serif;color:var(--act)}.vb li{margin:0 0 .5rem}
.info{max-width:var(--w);margin:0 auto;padding:clamp(2.5rem,6vw,4.5rem) 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,4rem)}
.info .h{font-family:Guton,sans-serif;font-weight:600;font-size:1rem;color:var(--ac);letter-spacing:0;margin-bottom:1.2rem}
.info ul{padding-left:1.2rem;margin:0}.info li{margin:0 0 1rem}.info p{margin:0 0 1.2rem}
.small{font-size:.9rem;color:var(--soft)}
.doc{max-width:760px;margin:0 auto;padding:clamp(2.5rem,6vw,4.5rem) 1.5rem}
.doc h1{font-size:clamp(2rem,4.5vw,3rem);margin-bottom:1.5rem}.doc h2{font-size:1.6rem;margin:2.4rem 0 .8rem}.doc h3{font-size:1.1rem;margin:1.6rem 0 .3rem}
.doc p{margin:0 0 1rem}.doc a{color:var(--act)}.doc .sign{font:700 1.3rem/1.4 Bomstad,Guton,sans-serif;color:var(--act);margin-top:2.5rem}
.foot{background:var(--deep);padding:2.5rem 1.5rem;font-size:.82rem;line-height:1.6;margin-top:2rem}
.foot-in{max-width:var(--w);margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;align-items:start}
.foot p{margin:0 0 .8rem}.soc{display:flex;gap:.9rem}.soc a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:var(--deep)}.soc svg{width:20px;height:20px}
.f-mid{text-align:center}.f-mid img{width:140px;margin:0 auto .8rem}.f-mid a{text-decoration:underline}
.f-right{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.f-right a{text-decoration:none}.f-right a:hover{text-decoration:underline}
@media(max-width:820px){
.row,.row.rev,.intro,.info{grid-template-columns:1fr}.row .mock,.row.rev .mock{order:2}.row .txt,.row.rev .txt{order:1}
.txt.r{text-align:left}.txt.r p{margin-left:0}
.foot-in{grid-template-columns:1fr;text-align:center}.soc{justify-content:center}.f-right{align-items:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:820px){.row{overflow:hidden}.row .mock,.row.rev .mock{width:150%;max-width:none;margin-left:-25%}}
/* match the original Wix doc pages */
.top{padding:clamp(1.1rem,3.4vw,2.4rem) 1rem;background:linear-gradient(#1d2c3c 0,#1d2c3c 88%,#0d1c27 100%);border-bottom:0;box-shadow:0 4px 10px #0a161e80}
.top img{width:clamp(170px,19.5vw,320px)}
.doc{max-width:1060px;padding:clamp(2.5rem,7vw,5.5rem) clamp(1.1rem,11.4vw,138px)}
.doc{font-size:clamp(.88rem,1.25vw,.97rem);line-height:1.6}
.doc h1{text-align:center;font-size:clamp(2.1rem,5vw,3.6rem);margin-bottom:clamp(2rem,5vw,3.4rem)}
.doc h2{font:400 clamp(1.3rem,2.1vw,1.6rem)/1.2 Guton,sans-serif;color:var(--soft);margin:2.2rem 0 1.1rem}
.doc h3{font:600 1em/1.5 Guton,sans-serif;color:#fff;margin:1.3rem 0 0}
.doc h3+p,.doc h3+ul{margin-top:0}
.doc strong{font-weight:600}
.doc a{color:#fff}
.doc .sign{font:700 clamp(1.6rem,3.4vw,2.3rem)/1.35 Bomstad,Guton,sans-serif;color:#fff;margin-top:3rem}
.doc .closer{font:400 clamp(1.15rem,2vw,1.4rem)/1.4 Guton,sans-serif;color:var(--ac);margin-top:2.5rem}
.foot-in{max-width:1000px}
.foot{font-size:.95rem;padding:3rem 1.5rem}
.soc a{width:48px;height:48px}.soc svg{width:26px;height:26px}.soc{margin-bottom:1.2rem}
.f-mid img{width:clamp(150px,18vw,215px)}.f-mid p{font-size:.72rem}
.f-right{gap:1.6rem}
@media(max-width:820px){.foot-in{grid-template-columns:1fr;gap:1.5rem}.f-left{order:3;text-align:left}.f-mid{order:1}.f-right{order:2;align-items:flex-end}.soc{justify-content:flex-start}}
.doc{max-width:1100px}.foot-in{max-width:950px}
.doc li p{margin:0}.doc ul{margin:.2rem 0 1rem;padding-left:1.4rem}.doc li{margin:0 0 .3rem}
/* phones sized and centered like the original */
:root{--w:1540px}
.row,.row.rev{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.row .mock,.row.rev .mock{width:min(calc(var(--ew)*1vw),calc(var(--ew)*20px));max-width:none;height:auto;aspect-ratio:var(--ar);object-fit:cover;justify-self:center;margin:0;background:transparent}
.row.rev .txt{order:2}.row.rev .mock{order:1}
.top{background:linear-gradient(var(--bg) calc(100% - 24px),#0d1d28 100%);box-shadow:none}
.foot{background:linear-gradient(#0a1b26 0,var(--bg) 64px);margin-top:0;padding-top:4.5rem}
.doc+.foot,main+.foot{margin-top:0}
@media(max-width:820px){
.row,.row.rev{grid-template-columns:1fr}
.row .mock,.row.rev .mock{width:min(100%,calc(var(--ew)*2.6vw));margin:0 auto;order:2}
.row .txt,.row.rev .txt{order:1}
.foot-in{text-align:center;justify-items:center}
.f-left,.f-mid,.f-right{text-align:center;align-items:center;justify-self:center}
.f-left{order:3}.f-mid{order:1}.f-right{order:2}
.soc{justify-content:center}}
.foot-in{max-width:var(--w);padding:0 clamp(1.5rem,11.4vw,138px)}
@media(min-width:1400px){.foot-in{padding:0 1.5rem}}
.hero h1{max-width:9em}
/* mobile order and breathing room, like the original */
@media(max-width:820px){
.row,.row.rev{gap:1.4rem;padding-top:clamp(2.6rem,10vw,4rem);padding-bottom:clamp(1.6rem,6vw,3rem)}
.row.hero{padding-top:clamp(3.2rem,13vw,4.5rem)}
.row .mock,.row.rev .mock{order:1;margin-bottom:.6rem}
.row .txt,.row.rev .txt{order:2}
.split .txt{display:contents}
.split .txt>*{order:3}
.split .txt>.peek{order:1;margin:0}
.split .mock,.split.rev .mock{order:2}
.split.hv .txt>h2{order:1}
.split.hv .txt>h2,.split .txt>h2{margin:0}
.split .txt>*{max-width:none}
.txt p{max-width:none}
.intro{padding-top:2rem;padding-bottom:2rem;gap:2rem}
.info{padding-top:2.6rem}
}
@media(max-width:820px){.row .mock,.row.rev .mock{width:min(calc(100% + 3rem),calc(var(--ew)*3.3vw));max-width:100vw;justify-self:center}}