/* Servyona V3.4.8.12 — New premium identity. Visual layer only.
   Loaded after the restored V3.4.8.9 styles; no PHP, tracking or payment changes. */
:root{--sv12-bg:#031126;--sv12-panel:#092449;--sv12-line:#1d65a6;--sv12-blue:#087dff;--sv12-cyan:#0ad5fa}
html{background:var(--sv12-bg)}
body{background:radial-gradient(ellipse 68% 20% at 80% 3%,rgba(0,93,224,.22),transparent 78%),radial-gradient(ellipse 65% 15% at 0 45%,rgba(0,87,202,.13),transparent 75%),linear-gradient(180deg,#04162f 0%,#031024 46%,#041831 100%)!important;color:#f5faff;min-height:100vh}
.wrap{width:min(1320px,calc(100% - 56px))!important}
.nav{min-height:86px!important;border-bottom:1px solid rgba(67,138,209,.16)}
.brand-image img{height:58px!important;max-width:260px!important}
.links{gap:18px!important}.links a{font-size:14px!important;color:#d5e7fb!important}.links a:hover{color:white!important}
.btn{border-radius:12px!important;padding:15px 23px!important;font-size:14px!important;line-height:1.3;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease}
.btn.primary,.primary{background:linear-gradient(110deg,#086aff,#08c5ee)!important;color:#fff!important;box-shadow:0 9px 28px rgba(0,110,255,.29)!important}
.btn.primary:hover{box-shadow:0 12px 35px rgba(0,152,255,.44)!important}.btn.secondary{background:#071b36!important;border:1px solid #2a7abd!important}
.pill,.sv-bulk-eyebrow{color:#b9f7ff!important;background:#042946!important;border:1px solid #00b9f3!important;box-shadow:0 0 16px rgba(0,180,255,.16)!important}
.hero{padding:64px 0 52px!important;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr)!important;gap:56px!important;align-items:center!important}
.hero h1{font-size:clamp(42px,4.4vw,66px)!important;line-height:1.08!important;letter-spacing:-2.1px!important;max-width:660px!important;margin:22px 0 18px!important}
.hero p{font-size:18px!important;line-height:1.65!important;max-width:610px!important;color:#d0e0f4!important}
.sv12-hero-points{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:11px;color:#e5f2ff;font-size:15px}
.sv12-hero-points li{display:flex;align-items:center;gap:12px}.sv12-hero-points li span{color:#20f1c2;border:1.5px solid #17d4ae;border-radius:50%;display:grid;place-items:center;width:22px;height:22px;flex:none;font-weight:900}
.hero .cta{margin-top:26px!important}.hero .signup-box{margin-top:25px!important;max-width:650px!important;padding:22px!important;border:1px solid #2572b5!important;background:linear-gradient(140deg,rgba(7,39,75,.98),rgba(4,23,46,.98))!important;border-radius:17px!important;box-shadow:0 18px 48px #0004!important}
.signup-headline{font-size:17px!important}.signup-box input{background:#06172d!important;border-color:#2c6599!important}.signup-box button{min-height:48px!important;background:linear-gradient(110deg,#0a69f7,#09c2ed)!important}
.hero .trust{gap:9px!important;margin-top:18px!important}.hero .trust span{font-size:12px!important;border:1px solid #185779!important;background:#062c42!important;color:#a7f2e4!important}
.hero-preview{padding:36px 16px 30px!important}.preview-window{border:1px solid #2588f0!important;background:linear-gradient(145deg,#0a2a51,#051a36)!important;box-shadow:0 25px 65px #0008,0 0 30px #087dff25!important;transform:none!important;border-radius:20px!important;padding:23px!important}
.preview-top strong{font-size:17px!important}.preview-chart{gap:20px!important}.preview-ring{background:conic-gradient(#0fd3ac 0 62%,#ff6479 62% 83%,#f3ac38 83%)!important}
.preview-ring:before{background:#071d38!important}.preview-note{font-size:11px!important}
.sv-laptop-base{opacity:.85}.sv-mail-art,.sv-csv-art{z-index:3}
.sv-benefit-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important;margin-top:0!important;margin-bottom:14px!important}
.sv-benefit{min-height:118px!important;border:1px solid #2466a0!important;background:linear-gradient(145deg,#0c2a4e,#061b37)!important;border-radius:16px!important;padding:18px!important;box-shadow:0 14px 30px #0003!important}
.sv-benefit strong{font-size:15px!important}.sv-benefit small{font-size:12px!important;line-height:1.5!important}.sv-benefit-icon{font-size:23px!important}
.section{padding:58px 0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.section h2{font-size:clamp(30px,3vw,42px)!important;line-height:1.18!important;letter-spacing:-.9px!important}.section .lead{font-size:15px!important;max-width:750px!important;color:#c0d4eb!important}
.cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.card{background:linear-gradient(155deg,#0b2c54,#061b37)!important;border:1px solid #225d9c!important;border-radius:16px!important;padding:26px!important;box-shadow:0 10px 30px #0003!important}
.card .icon{font-size:23px!important;width:52px!important;height:52px!important;background:linear-gradient(145deg,#105ec5,#0c356b)!important;border:1px solid #248cff!important;border-radius:13px!important}
.card h3{font-size:17px!important;margin:15px 0 9px!important}.card p{font-size:13px!important;line-height:1.6!important;color:#cbdcf1!important}
.checks{max-width:1000px!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;margin-top:25px!important}
.check{font-size:12px!important;padding:12px 10px!important;border-radius:999px!important;text-align:center!important;background:#06243d!important;border-color:#17699a!important}
.steps{gap:20px!important}.steps .card{text-align:center!important;min-height:214px!important;position:relative!important;padding:24px!important}.stepno{position:absolute!important;top:18px!important;left:18px!important;width:39px!important;height:39px!important;background:linear-gradient(140deg,#02b7ff,#1761ff)!important;color:#fff!important}.step-illustration{font-size:39px!important;margin:22px auto 14px!important}.steps .card h3{font-size:18px!important}.steps .card p{font-size:13px!important}
/* One continuous navy backdrop: no independent full-width section background. */
#how{position:relative;z-index:1}#bulk{position:relative;z-index:1;background:transparent!important;border:0!important;box-shadow:none!important;isolation:isolate;padding:68px 0!important}
#bulk:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-110px 0 -110px;background:radial-gradient(ellipse 42% 45% at 77% 52%,rgba(0,103,245,.22),transparent 78%),radial-gradient(ellipse 55% 36% at 15% 50%,rgba(0,65,146,.14),transparent 78%);opacity:1!important}
#bulk:after{display:none!important}
.sv-bulk-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;gap:70px!important;align-items:center!important}
.sv-bulk-copy h2{text-align:left!important;font-size:clamp(38px,4vw,59px)!important;line-height:1.08!important;max-width:550px!important;margin:18px 0!important}
.sv-bulk-intro{font-size:17px!important;line-height:1.6!important;color:#d0e2f4!important;max-width:540px!important}
.sv-bulk-benefits{margin:24px 0!important}.sv-bulk-benefits li{font-size:14px!important;line-height:1.6!important;margin:8px 0!important}
.sv-bulk-cta{font-size:15px!important;padding:17px 25px!important}
.sv-bulk-report{background:linear-gradient(145deg,#09294d,#051b36)!important;border:1px solid #128eff!important;border-radius:18px!important;box-shadow:0 15px 60px #0007,0 0 35px #067cfb22!important;padding:22px!important}
.sv-bulk-report-head{font-size:15px!important}.sv-bulk-report-table{font-size:13px!important}.sv-bulk-report-table th,.sv-bulk-report-table td{padding:13px 9px!important}
.sv-bulk-csv,.sv-bulk-envelope{filter:drop-shadow(0 10px 15px #0006)}
#faq{position:relative;z-index:1}#faq .faq{max-width:800px!important}#faq .faq details{background:linear-gradient(110deg,#0a2b52,#071e3d)!important;border:1px solid #2665a4!important;border-radius:10px!important;padding:17px 20px!important}
.final{margin:32px auto 35px!important;width:min(1260px,calc(100% - 56px))!important;border:1px solid #267ee7!important;border-radius:20px!important;background:linear-gradient(110deg,#142b74,#092d63 52%,#066bb4)!important;box-shadow:0 12px 40px #0005!important;padding:35px 28px!important}
.final h2{font-size:clamp(25px,2.8vw,35px)!important;margin:0 0 10px!important}.final .lead{margin:0 auto 18px!important;color:#dceaff!important}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.checks{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sv-benefit-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sv-bulk-grid{gap:34px!important}}
@media(max-width:900px){.hero{grid-template-columns:1fr!important;gap:15px!important}.hero-preview{width:min(100%,700px)!important;margin:auto!important}.sv-bulk-grid{grid-template-columns:1fr!important}.sv-bulk-visual{max-width:670px!important;width:100%!important;margin:auto!important}}
@media(max-width:700px){.wrap{width:calc(100% - 30px)!important}.nav{padding:15px 0!important}.hero{padding:38px 0!important}.hero h1{font-size:clamp(36px,9vw,48px)!important}.hero p{font-size:16px!important}.sv12-hero-points{font-size:13px}.sv-benefit-strip,.cards,.steps{grid-template-columns:1fr!important}.checks{grid-template-columns:repeat(2,minmax(0,1fr))!important}.section{padding:43px 0!important}#bulk{padding:45px 0!important}.final{width:calc(100% - 30px)!important}.sv-bulk-copy h2{font-size:38px!important}}
