/* Shark surface. Resolution-independent background; existing checkout remains intact. */
@font-face{font-family:Onest;src:url('../fonts/font-0.woff2') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Onest;src:url('../fonts/font-3.woff2') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Unbounded;src:url('../fonts/font-5.woff2') format('truetype');font-weight:600;font-display:swap}
:root{--panel:#161a24;--muted:#a7acb8;--line:#ffffff1b;--radius:24px}
body{min-width:0;isolation:isolate;background:#080a10;font-family:Onest,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body::before{content:none}
.site-atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 16% 12%,#25111b 0%,transparent 55%),radial-gradient(ellipse at 94% 72%,#1e111d 0%,transparent 55%),#080a10}
.surface-glow{position:absolute;width:75vw;max-width:1100px;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse,#da244c17 0%,transparent 67%);animation:surface-breathe 16s ease-in-out infinite alternate;will-change:opacity}
.glow-left{left:-25%;top:-30%}.glow-right{right:-25%;bottom:-40%;animation-delay:-9s}
.surface-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:url(#surface-line);stroke-width:1;stroke-linecap:round}
.surface-lines path{vector-effect:non-scaling-stroke}
@keyframes surface-breathe{from{opacity:.35}to{opacity:1}}
.shell,.site-header,.site-footer{width:min(1440px,calc(100% - 80px))}
.site-header{min-height:100px;gap:24px;border-color:#ffffff12}
.brand{gap:14px}.brand-mark{width:48px;height:48px;transform:none}.brand-mark img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.brand-copy strong{font-size:21px}.brand-copy span{font-size:14px;color:#a8acb8}.header-actions{gap:16px;flex-wrap:wrap}
.hero{min-height:750px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,88px);padding:74px 0 84px}
.hero-copy{min-width:0}.hero h1{font-family:Unbounded,Onest,sans-serif;font-size:clamp(38px,3.7vw,62px);font-weight:600;line-height:1.14;letter-spacing:-.06em}
.hero h1 em{color:#ff4b66}.hero-lead{max-width:620px;font-size:17px;line-height:1.7;margin:24px 0 30px;color:#b1b5c1}
.eyebrow{font-size:10px;letter-spacing:.15em;color:#bec1cb}.eyebrow>span{border-radius:4px;box-shadow:0 0 18px #ff415950}
.new-purchase-card{max-width:none;min-height:100px;padding:20px;border-color:#ff63774d;border-radius:20px;background:linear-gradient(115deg,#5123309c,#191b25ed 70%);box-shadow:inset 0 1px 0 #ffffff09,0 12px 40px #0002}
.new-purchase-card small{color:#ff9baa}.new-purchase-card strong{font-size:17px}.new-purchase-card em{color:#b6b8c3;font-size:11px}
.new-purchase-icon{background:linear-gradient(135deg,#ff4962,#e22246)}
.lookup-card{max-width:none;border-color:#ffffff20;background:#141923f2;box-shadow:0 20px 50px #0002;border-radius:20px}
.renewal-divider{max-width:none;color:#9ca2af;margin-top:26px}.renewal-divider span{text-align:center}
.input-row{background:#0c1019;border-color:#333947}.input-row input::placeholder{color:#777f90}.primary-button{background:linear-gradient(115deg,#ff4159,#e52745);border-radius:12px;transition:transform .2s,box-shadow .2s}
.lookup-meta{gap:12px;flex-wrap:wrap}.privacy-note{color:#9ba2af}.help-trigger{color:#ff8da0}.trust-row{gap:12px 24px;color:#a1a7b4;font-size:10px}
.hero-visual{height:560px;min-width:0;isolation:isolate;perspective:1200px}
.fin-halo{position:absolute;inset:12% 12%;border:1px solid #ff4b6c24;border-radius:50%;box-shadow:0 0 0 42px #ff4b6c07,0 0 0 84px #ff4b6c04;transform:rotate(-20deg)}
.fin-card{width:min(100%,450px);height:auto;aspect-ratio:1;overflow:hidden;position:relative;border-radius:38px;border:1px solid #ffffff35;box-shadow:0 38px 80px #0008,0 0 60px #b8173420;transform:rotate(-6deg) rotateX(var(--fin-tilt-x,0deg)) rotateY(var(--fin-tilt-y,0deg));transition:transform .5s ease-out;animation:surface-float 9s ease-in-out infinite;will-change:transform}
.fin-card::before{inset:0;z-index:2;pointer-events:none;background:linear-gradient(120deg,#ffffff12,transparent 35%,transparent 65%,#ffffff07)}
.fin-art{display:block;width:100%;height:100%;object-fit:cover}.fin-number{z-index:3;top:25px;right:26px;color:#fff;font-size:10px;letter-spacing:.12em}.fin-caption{z-index:3;left:26px;bottom:24px;font-size:9px;letter-spacing:.15em;text-shadow:0 2px 8px #000}.fin-caption span{color:#d9dbe2}.fin-caption strong{font-size:18px}
.surface-float-tag{position:absolute;bottom:9px;right:0;display:flex;align-items:center;gap:10px;padding:16px 20px;border:1px solid #ffffff22;border-radius:16px;background:#171b25f2;color:#d0d4df;font-size:12px;box-shadow:0 14px 36px #0004;animation:surface-float 9s ease-in-out -4s infinite}
.surface-float-tag>span{width:7px;height:7px;flex:none;border-radius:50%;background:#ff526d;box-shadow:0 0 15px #ff526d70}
@keyframes surface-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
.more-section{background:#10141bc9;border-color:#ffffff12;padding:68px 0}.more-grid{gap:24px}.more-grid h2{font-family:Unbounded,Onest,sans-serif;font-size:clamp(24px,2.3vw,34px);font-weight:600;line-height:1.3;letter-spacing:-.05em}
.more-card,.cabinet-banner,.account-panel,.checkout-section,.auth-card{background:linear-gradient(135deg,#222733eb,#141923f5);border-color:#ffffff1b;box-shadow:inset 0 1px 0 #ffffff06}.cabinet-banner{min-height:100px;border-radius:20px}.more-card{min-height:100px;border-radius:20px}
.site-footer{color:#959caa;min-height:96px}.account-link{color:#d0d5df}.footer-links{flex-wrap:wrap}.footer-links a:first-child{color:#9cd9f5}
.checkout-heading h1,.auth-card h1,.account-heading h1,.purchase-heading h1{letter-spacing:-.05em;line-height:1.1}.checkout-layout{grid-template-columns:minmax(0,1fr) 360px;gap:28px}.checkout-layout>*{min-width:0}.period-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.device-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tier-grid>*{min-width:0}.order-summary{background:linear-gradient(145deg,#27212f,#151923);border-color:#ff667f30}.auth-mark{background:url('../img/shark-fin-approved.png') center/cover;border-radius:50%}.auth-mark svg{display:none}.auth-shell>*{min-width:0}.help-dialog{max-height:calc(100dvh - 32px)}
.surface-reveal{animation:surface-in .65s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--surface-delay,0ms)}
@keyframes surface-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
html[data-surface-motion=paused] .surface-glow,html[data-surface-motion=paused] .fin-card,html[data-surface-motion=paused] .surface-float-tag{animation-play-state:paused}
[data-surface-offscreen] .fin-card,[data-surface-offscreen] .surface-float-tag{animation-play-state:paused}
@media(hover:hover) and (pointer:fine){.more-card,.cabinet-banner,.tier-card,.device-card,.period-card{transition:transform .22s,border-color .22s,box-shadow .22s}.more-card:hover,.cabinet-banner:hover{transform:translateY(-3px);border-color:#ff7a8d50;box-shadow:0 16px 45px #0003}.tier-card:hover,.device-card:hover,.period-card:hover{transform:translateY(-2px)}}
@media(min-width:1700px){.shell,.site-header,.site-footer{width:min(1520px,calc(100% - 112px))}.hero{gap:100px}.hero-visual{height:610px}.fin-card{width:480px}.hero h1{font-size:66px}}
@media(max-width:1100px){.shell,.site-header,.site-footer{width:calc(100% - 48px)}.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px;min-height:680px;padding:58px 0}.hero h1{font-size:40px}.hero-lead{font-size:15px}.hero-visual{display:grid;height:430px}.fin-card{border-radius:26px}.surface-float-tag{font-size:10px;padding:13px;right:-8px;bottom:5px}.checkout-layout{grid-template-columns:minmax(0,1fr) 310px;gap:20px}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-actions{gap:8px}.brand-copy span{font-size:12px}.brand-copy strong{font-size:18px}}
@media(max-width:960px){.hero{grid-template-columns:1fr;gap:32px}.hero-copy{max-width:760px}.hero-visual{display:grid;height:360px;max-width:480px;justify-self:center;width:100%}.fin-card{width:300px}.surface-float-tag{right:0;bottom:0}.fin-halo{inset:5% 14%}.hero h1{font-size:clamp(36px,6vw,55px);max-width:760px}.checkout-layout,.purchase-layout{grid-template-columns:1fr}.order-summary{position:static}.period-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-shell{grid-template-columns:1fr}.header-actions{justify-content:flex-end}}
@media(max-width:680px){.shell,.site-header,.site-footer{width:calc(100% - 32px)}.site-header{gap:14px;min-height:84px;padding:16px 0}.brand{gap:9px}.brand-mark{width:40px;height:40px}.brand-copy{gap:5px}.brand-copy strong{font-size:17px}.brand-copy span{font-size:12px}.header-actions{gap:8px;flex:1;min-width:170px}.hero{padding:42px 0 54px;gap:40px}.hero h1{font-size:clamp(29px,7.8vw,47px);letter-spacing:-.065em;line-height:1.2}.hero-lead{font-size:14px;margin:20px 0 24px}.eyebrow{font-size:8px;letter-spacing:.12em}.new-purchase-card{padding:15px;gap:12px;grid-template-columns:40px minmax(0,1fr) 18px}.new-purchase-card strong{font-size:14px}.new-purchase-card em{font-size:10px}.new-purchase-card small{font-size:8px}.lookup-card{padding:12px}.lookup-meta{align-items:center}.privacy-note{font-size:10px;max-width:125px}.hero-visual{height:340px;max-width:380px}.fin-card{width:270px}.surface-float-tag{font-size:10px;bottom:0}.trust-row{gap:9px;font-size:9px}.more-section{padding:48px 0}.more-grid h2{font-size:26px}.more-card{grid-template-columns:40px minmax(0,1fr) 34px;padding:15px}.more-card strong{font-size:13px}.more-card p{font-size:11px;line-height:1.5}.cabinet-banner{padding:18px}.site-footer{padding:24px 0;line-height:1.7}.tier-grid{grid-template-columns:1fr}.device-grid{grid-template-columns:1fr}.period-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-heading h1,.auth-card h1,.account-heading h1{font-size:34px}.input-row input{font-size:16px}.checkout-section,.order-summary,.account-panel{padding:18px}.toast{max-width:calc(100% - 32px);right:16px}.more-grid>*{min-width:0}.surface-lines{opacity:.65}}
@media(prefers-reduced-motion:reduce){.surface-glow,.fin-card,.surface-float-tag,.surface-reveal{animation:none!important;will-change:auto;translate:none}.fin-card{transform:none!important}.surface-reveal{opacity:1;transform:none}.more-card,.cabinet-banner,.tier-card,.device-card,.period-card{transition:none!important}}