@font-face{font-family:"Schibsted Grotesk";src:url(/fonts/schibsted-grotesk.woff2) format("woff2");font-weight:400 900;font-display:swap}
:root{--bg:#fff;--tint:#f5f4f8;--ink:#121214;--text:#25242b;--muted:#605e6b;--line:#e5e3eb;--violet:#5b3df5;--violet-dark:#4a2fd6;--night:#121016}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible,main:focus-visible{outline:2px solid var(--violet);outline-offset:3px;border-radius:4px}
h1,h2,h3,p,ul,dl{margin:0}
h1,h2{color:var(--ink);font-weight:800;letter-spacing:-.03em;line-height:1.05}
img{display:block;max-width:100%;height:auto}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.skip-link{position:absolute;left:16px;top:-60px;background:var(--ink);color:#fff;padding:10px 14px;border-radius:8px;z-index:10}
.skip-link:focus{top:16px}

/* Buttons */
.buttons{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border-radius:999px;border:1.5px solid var(--ink);color:var(--ink);font-weight:600;white-space:nowrap}
.btn:hover{background:var(--tint)}
.btn-primary{background:var(--violet);border-color:var(--violet);color:#fff}
.btn-primary:hover{background:var(--violet-dark);border-color:var(--violet-dark)}
.btn-large{min-height:54px;padding:14px 28px;font-size:17px}

/* Header */
.site-header .wrap{display:flex;align-items:center;gap:40px;min-height:76px;flex-wrap:wrap}
.brand{font-size:23px;font-weight:800;letter-spacing:-.04em;color:var(--ink)}
.brand span{color:var(--violet)}
.nav{display:flex;gap:28px;font-weight:500;color:var(--muted)}
.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}
.actions{margin-left:auto;display:flex;align-items:center;gap:22px;font-weight:600}
.signin:hover{color:var(--violet)}

/* Shared text */
.label{font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--violet);margin-bottom:14px}
.sub{font-size:19px;color:var(--muted)}
h2{font-size:clamp(34px,4.2vw,50px)}
.ticks{list-style:none;padding:0;display:grid;gap:12px}
.ticks li{display:flex;gap:12px;font-weight:500;color:var(--ink)}
.ticks svg{flex:none;color:var(--violet);margin-top:3px}
.shot{border-radius:14px;border:1px solid #2b2933;box-shadow:0 40px 80px -30px rgba(0,0,0,.55);background:#111}

/* Hero */
.hero{padding-top:72px;background:linear-gradient(var(--bg) 58%,var(--night) 58%)}
.hero-text{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px 64px;align-items:end}
.hero h1{font-size:clamp(52px,8.4vw,104px)}
.hero-side>p:first-child{font-size:20px;color:var(--muted)}
.hero-side .buttons{margin-top:26px}
.hero-side .note{margin-top:14px;font-size:14px;color:var(--muted)}
.hero .shot{margin-top:64px}
.formats{background:var(--night);padding:28px 0 24px}
.formats .wrap{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;color:#a9a6b6;font-size:15px;font-weight:500}

/* Review */
.review{padding-top:112px}
.review-head{display:flex;flex-wrap:wrap;gap:28px 64px;align-items:flex-end;justify-content:space-between;margin-bottom:48px}
.review-head>div{max-width:560px}
.review-head h2{margin-bottom:16px}

/* Sharing row */
.row{padding-top:112px}
.row .wrap{display:flex;flex-wrap:wrap-reverse;gap:48px 72px;align-items:center;flex-direction:row-reverse}
.copy{flex:1 1 380px;max-width:460px}
.copy h2{margin-bottom:16px}
.copy .ticks{margin-top:26px}
.art{flex:1 1 420px;display:flex;justify-content:center;background:var(--tint);border-radius:20px;padding:48px 32px}
.art img{border-radius:12px;box-shadow:0 24px 48px -20px rgba(18,16,22,.45);max-height:560px;width:auto}

/* Tiles */
.tiles{padding-top:112px}
.tiles .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tile{background:var(--tint);border-radius:20px;padding:32px}
.tile .label{margin-bottom:8px}
.tile h3{font-size:22px;font-weight:700;color:var(--ink);letter-spacing:-.01em;margin-bottom:8px}
.tile p:last-child{color:var(--muted)}

/* Security */
.safe{margin-top:112px;background:var(--night);color:#bdb9c9;padding:104px 0}
.safe h2{color:#fff;margin-bottom:12px}
.safe .sub{color:#bdb9c9;margin-bottom:48px}
.safe .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 48px}
.safe h3{color:#fff;font-size:19px;font-weight:700;margin:16px 0 6px}
.safe .icon{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#2a2149;color:#b7a8ff}

/* Closing */
.end{padding:112px 0;text-align:center}
.end .sub{margin-top:12px}
.end .buttons{justify-content:center;margin-top:30px}

/* Pricing page */
.page-head{padding-top:80px}
.page-head h1{font-size:clamp(44px,6vw,64px)}
.page-head .sub{margin:16px 0 36px}
.later{font-size:20px;font-weight:700;color:var(--ink);background:var(--tint);border-radius:16px;padding:32px 28px}
.block{padding-top:88px}
.block.last{padding-bottom:104px}
.block h2{font-size:clamp(30px,3.6vw,40px);margin-bottom:32px}
.checklist{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 40px}
.checklist li{display:flex;gap:14px;padding:16px 0;border-top:1px solid var(--line)}
.checklist svg{flex:none;color:var(--violet);margin-top:2px}
.checklist h3{font-size:17px;font-weight:700;color:var(--ink)}
.checklist p{font-size:16px;color:var(--muted)}
.box{background:var(--tint);border-radius:16px;padding:40px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center}
.block .box h2{font-size:28px;margin-bottom:6px}
.box p{color:var(--muted)}
.faq{display:flex;flex-wrap:wrap;gap:24px 64px}
.block .faq h2{flex:1 1 240px;margin:0}
.faq dl{flex:999 1 560px}
.faq dt{font-size:18px;font-weight:700;color:var(--ink);padding-top:22px;border-top:1px solid var(--line)}
.faq dd{margin:6px 0 0;padding-bottom:22px;color:var(--muted)}

/* Legal pages */
.legal-main{max-width:760px;padding-top:64px;padding-bottom:40px}
.legal-main h1{font-size:clamp(36px,5vw,52px);margin-bottom:20px}
.legal-main h2{font-size:22px;letter-spacing:-.01em;margin:36px 0 10px}
.legal-main p,.legal-main li{line-height:1.7}
.legal-main p+p{margin-top:14px}
.legal-main ul{padding-left:20px}.legal-main li+li{margin-top:8px}
.legal-main a{color:var(--violet);text-decoration:underline;text-underline-offset:2px}
.legal-main strong{color:var(--ink);font-weight:700}
.draft-notice{background:#fff7e0;border:1px solid #f0dca0;border-radius:10px;padding:16px 18px}

/* Footer */
.site-footer{border-top:1px solid var(--line);padding:36px 0 48px;font-size:15px;color:var(--muted)}
.site-footer .top{display:flex;flex-wrap:wrap;gap:16px 40px;justify-content:space-between;align-items:center}
.site-footer nav{display:flex;flex-wrap:wrap;gap:10px 26px}
.site-footer nav a:hover{color:var(--ink)}
.site-footer .brand{font-size:19px}
.company{margin-top:24px}
.copyright{margin-top:4px}

@media (max-width:900px){
  .tiles .grid,.safe .grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  body{font-size:16px}
  .site-header .wrap{gap:12px 20px;padding-top:12px;padding-bottom:12px}
  .nav{order:3;width:100%;gap:20px}
  .actions{gap:14px}
  .hero{padding-top:44px}
  .hero-text{grid-template-columns:1fr}
  .hero .shot{margin-top:40px}
  .review,.row,.tiles{padding-top:72px}
  .art{padding:28px 18px}
  .tiles .grid,.safe .grid{grid-template-columns:1fr}
  .safe{margin-top:72px;padding:72px 0}
  .end{padding:72px 0}
  .box{padding:28px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}