
:root{
  --mesh-light-x:50vw;
  --mesh-light-y:35vh;
  color-scheme:dark;
  --ink:#f5f7ff;
  --muted:#9aacca;
  --quiet:#6f83a5;
  --line:#28466f;
  --blue:#42b5ff;
  --blue-deep:#1768ff;
  --mint:#66e2ba;
  --night:#030817;
  --panel:#07152c;
  font-family:Inter,"Avenir Next",Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--night)}
body{position:relative;margin:0;min-height:100vh;overflow-x:hidden;color:var(--ink);background:radial-gradient(circle at 78% 4%,#176fff35,transparent 34rem),radial-gradient(circle at 12% 70%,#0f5fc91e,transparent 31rem),linear-gradient(145deg,#01040d,#041126 55%,#061a36)}
body:before{content:"";position:fixed;z-index:0;inset:0;pointer-events:none;opacity:.58;background:url("/assets/ghostguard-mesh-lines-v3.svg") center/cover no-repeat;filter:drop-shadow(0 0 5px #57a9ff);-webkit-mask-image:radial-gradient(circle 190px at var(--mesh-light-x) var(--mesh-light-y),#000 0 18%,#000a 48%,transparent 76%);mask-image:radial-gradient(circle 190px at var(--mesh-light-x) var(--mesh-light-y),#000 0 18%,#000a 48%,transparent 76%)}
body:after{content:"";position:fixed;z-index:0;inset:0;pointer-events:none;opacity:.27;background:url("/assets/ghostguard-mesh-v3.svg") center/cover no-repeat;filter:saturate(.78) contrast(1.08)}
.site-head,main,.site-footer{position:relative;z-index:1}
a{color:inherit}
button,input,textarea{font:inherit}
.site-head{position:absolute;inset:0 0 auto;z-index:20;width:min(1240px,100%);margin:auto;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{position:relative;display:grid;grid-template-columns:auto auto;align-items:baseline;width:max-content;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.02em}
.logo span,.logo i{font-size:14px;font-style:normal;font-weight:900}.logo i{margin-left:6px;color:#8cbcff}.logo small{grid-column:1/-1;margin-top:3px;color:#667da3;font:700 7px ui-monospace,SFMono-Regular,monospace;letter-spacing:.26em}
.landing-head{justify-content:flex-end}.site-nav{display:flex;align-items:center;gap:27px}.site-nav a{color:#9eb0ce;text-decoration:none;font-size:13px;font-weight:760;transition:color .2s ease}.site-nav a:hover{color:#fff}
.head-actions{display:flex;align-items:center;gap:10px}
.button{min-height:48px;padding:12px 20px;border:1px solid #31578a;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:#fff;text-decoration:none;font-weight:850;cursor:pointer;transition:transform .2s ease,border-color .2s ease,filter .2s ease,background .2s ease}
.button.primary{border-color:#8fd8ff;background:linear-gradient(125deg,#42baff,#1977ff 58%,#234cf2);box-shadow:0 16px 45px #096dff52,inset 0 1px #e1f4ff7d,inset 0 -8px 20px #0b40be30}.button.ghost{border-color:#4d77a9;background:linear-gradient(145deg,#10294bb8,#06152fcf);box-shadow:inset 0 1px #d8edff18,0 12px 35px #0003;backdrop-filter:blur(14px)}.button.compact{min-height:42px;padding:9px 15px;font-size:13px}
.button:focus-visible,.logo:focus-visible,.site-nav a:focus-visible,.text-link:focus-visible,summary:focus-visible{outline:3px solid #73c6ff;outline-offset:3px}
.text-link{color:#b3d8ff;text-decoration-color:#5686ba;text-underline-offset:5px;font-weight:780}
.eyebrow{margin:0;color:#81c6ff;font:900 10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.16em;text-transform:uppercase}.hero .eyebrow{width:max-content;max-width:100%;padding:8px 12px;border:1px solid #559be14a;border-radius:999px;background:linear-gradient(120deg,#102b50a8,#07172ebd);box-shadow:inset 0 1px #d7eeff1c,0 14px 40px #02081666;backdrop-filter:blur(12px)}

.hero{position:relative;isolation:isolate;min-height:clamp(790px,100svh,960px);overflow:hidden;border-bottom:1px solid #1c3457}
.hero:before{content:"";position:absolute;inset:-30% -15% auto 45%;z-index:-2;height:800px;background:radial-gradient(ellipse,#176fff52,transparent 67%);filter:blur(25px)}
.hero-inner{width:min(1240px,100%);min-height:clamp(790px,100svh,960px);margin:auto;padding:110px 30px 62px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;gap:42px;align-items:center}
.hero-copy{position:relative;z-index:3;grid-row:2;width:100%;max-width:none;display:grid;grid-template-columns:minmax(420px,1fr) auto;grid-template-areas:"title actions" "lead actions";column-gap:56px;align-items:end}.hero h1{grid-area:title;position:relative;max-width:820px;margin:0;font-size:clamp(48px,5.45vw,76px);font-weight:860;line-height:.92;letter-spacing:-.06em;text-wrap:balance;background:linear-gradient(112deg,#fff 2%,#d9ecff 30%,#fff 46%,#8fc2ff 73%,#f6f9ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 13px 28px #02071385)}.hero h1 span{display:inline}.hero h1 span+span{margin-left:.18em;font-weight:790;opacity:.92}.hero-lead{grid-area:lead;max-width:800px;margin:18px 0 0;padding:0;border:0;background:none;box-shadow:none;color:#aebfda;font-size:clamp(16px,1.4vw,19px);line-height:1.55;backdrop-filter:none}
.hero-actions{grid-area:actions;display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:0}.hero-price{position:relative;display:grid;gap:1px;min-width:94px;margin-left:8px;padding:5px 0 5px 22px;border:0;background:none;box-shadow:none}.hero-price:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:1px;background:linear-gradient(transparent,#79baff 26% 74%,transparent)}.hero-price strong{font-size:23px;letter-spacing:-.035em;text-shadow:0 0 24px #338cff63}.hero-price small{color:#8fa4c2;font-size:11px}

.brand-globe{position:relative;z-index:2;grid-row:1;width:min(1080px,100%);min-width:0;margin:auto;padding:28px 0;font-size:clamp(128px,14.8vw,220px);font-weight:950;line-height:.7;letter-spacing:-.085em;text-align:center;background-image:linear-gradient(110deg,#67baff80,#e2f2ffc7 46%,#317cff9c),url("/assets/ghostguard-globe-v2.webp");background-size:100% 100%,cover;background-position:center,63% center;background-blend-mode:screen;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 20px 45px #0a56d95c);opacity:.92}.brand-globe span{display:block}

.route-story{position:relative;width:min(1160px,calc(100% - 60px));margin:115px auto 145px;padding-top:58px;border-top:1px solid #2d4c74}.route-story:before{content:"";position:absolute;left:0;top:-1px;width:118px;height:2px;background:linear-gradient(90deg,#66c4ff,#7567f5);box-shadow:0 0 25px #4e86ff}.route-story header{margin-bottom:46px}.route-story h2{margin:18px 0 0;font-size:clamp(43px,5vw,68px);line-height:.98;letter-spacing:-.058em}
.route-steps{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none}.route-steps li{position:relative;min-height:225px;padding:74px 25px 28px;overflow:hidden;border:1px solid #294b77;border-radius:22px;background:linear-gradient(150deg,#0b1e3d,#061329 72%);box-shadow:0 20px 55px #0208154f;transition:transform .25s ease,border-color .25s ease}.route-steps li:before{content:"";position:absolute;left:65px;right:24px;top:32px;height:1px;background:linear-gradient(90deg,#426c9f,transparent)}.route-steps li:nth-child(2):before{background:linear-gradient(90deg,#5a6fd0,transparent)}.route-steps li:nth-child(3):before{background:linear-gradient(90deg,#4f9a92,transparent)}.route-steps>li>span{position:absolute;z-index:2;left:23px;top:17px;width:31px;height:31px;display:grid;place-items:center;border:1px solid #4c78ab;border-radius:50%;background:#07162e;color:#a8d5ff;font:800 9px ui-monospace,SFMono-Regular,monospace;box-shadow:0 0 0 7px #07162e}.route-steps h3{margin:0 0 9px;font-size:23px;letter-spacing:-.025em}.route-steps p{margin:0;color:#93a5c2;line-height:1.62}.route-guide{display:flex;justify-content:flex-end;margin-top:18px}.route-guide .button{min-height:44px;font-size:13px}

.plan-overview{width:min(1160px,calc(100% - 60px));margin:0 auto 145px}.plan-head{margin-bottom:33px}.plan-head h2{margin:14px 0 0;font-size:clamp(43px,5vw,67px);line-height:1;letter-spacing:-.057em}.plan-sheet{position:relative;overflow:hidden;border:1px solid #315782;border-radius:28px;display:grid;grid-template-columns:.9fr 1.1fr;background:linear-gradient(135deg,#0a1e3c,#07152c 58%,#081b36);box-shadow:0 30px 90px #02071459}.plan-sheet:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 47%,#5a9ee50a 47% 47.2%,transparent 47.2%),radial-gradient(circle at 12% 15%,#3678c02b,transparent 32%)}.plan-intro,.plan-list{position:relative;z-index:1}.plan-intro{padding:48px;border-right:1px solid #2c4e77}.plan-code{color:#78c5ff;font:900 9px ui-monospace,SFMono-Regular,monospace;letter-spacing:.18em}.plan-intro h3{max-width:430px;margin:26px 0 14px;font-size:clamp(29px,3.2vw,43px);line-height:1.02;letter-spacing:-.047em}.plan-intro p{max-width:440px;margin:0;color:#91a5c4;line-height:1.65}.key-pair{display:flex;gap:10px;margin-top:35px}.key-pair span{min-width:112px;padding:11px 14px;border:1px solid #375d8a;border-radius:12px;display:flex;align-items:center;gap:9px;background:#06152d;color:#a9bad3;font:800 10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em;text-transform:uppercase}.key-pair i{width:7px;height:7px;border-radius:50%;background:#69dfba;box-shadow:0 0 12px #69dfba}.plan-list{margin:0;padding:25px 45px;display:grid;align-content:center}.plan-list>div{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:25px;padding:24px 0;border-bottom:1px solid #31527a}.plan-list>div:last-child{border-bottom:0}.plan-list dt{color:#8298b9;font-size:13px}.plan-list dd{margin:0;color:#f1f5fd;font-size:18px;font-weight:850;letter-spacing:-.02em}.plan-overview .privacy-note{margin:18px 0 0;padding:22px 25px;border:1px solid #294c77;border-radius:18px;background:#07162bd1;color:#8298b8;font-size:13px;line-height:1.65}.privacy-note a{color:#a8d4ff;text-underline-offset:4px}

.faq{width:min(850px,calc(100% - 60px));margin:0 auto 135px}.faq>h2{margin:0 0 30px;font-size:clamp(40px,5vw,58px);letter-spacing:-.05em}.faq details{border-top:1px solid #29486f}.faq details:last-child{border-bottom:1px solid #29486f}.faq summary{position:relative;padding:24px 48px 24px 0;cursor:pointer;list-style:none;font-size:18px;font-weight:850}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:6px;top:18px;width:32px;height:32px;display:grid;place-items:center;border:1px solid #315582;border-radius:10px;color:#7bcaff}.faq details[open] summary:after{content:"−"}.faq p{max-width:760px;margin:0;padding:0 45px 24px 0;color:#94a7c5;line-height:1.65}.faq a{color:#84ceff}

.reviews-page{width:min(1050px,calc(100% - 56px));margin:110px auto 110px}.reviews-page h1{margin:10px 0 15px;font-size:clamp(40px,6vw,67px);letter-spacing:-.05em}.reviews-lead{max-width:680px;color:#9bb0cf;font-size:18px;line-height:1.65}.reviews-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:38px}.review-card,.review-empty{padding:25px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(145deg,#0b1c38,#071329)}.review-head{display:flex;justify-content:space-between;gap:15px}.review-head span{color:#ffd46c}.review-card p{color:#dce6f5;line-height:1.65}.review-card small,.review-empty{color:#8fa3c2}
.legal{width:min(860px,calc(100% - 28px));margin:110px auto 100px;padding:42px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,#0b1930,#07101f);box-shadow:0 25px 80px #0005}.legal h1{margin:0 0 24px;font-size:clamp(38px,6vw,62px);line-height:1;letter-spacing:-.05em}.legal h2{margin:38px 0 12px;font-size:23px}.legal h3{margin-top:26px}.legal p,.legal li,.legal dd,.legal dt{color:#adbed7;line-height:1.72}.legal a{color:#84caff}.legal li+li{margin-top:8px}.document-lead{font-size:18px}.document-date{margin-top:44px;padding-top:20px;border-top:1px solid #233e62}.operator-details{margin:30px 0;padding:22px;border:1px solid #2e527e;border-radius:17px;background:#07162c}.operator-details h2{margin-top:0}.operator-details dl{display:grid;grid-template-columns:140px 1fr;gap:9px 18px;margin:0}.operator-details dt{color:#7f95b7}.operator-details dd{margin:0}
.site-footer{width:min(1160px,calc(100% - 60px));margin:auto;padding:48px 0;display:grid;grid-template-columns:1fr 1.25fr;gap:70px;border-top:1px solid #1c3353;color:#8fa4c4}.footer-brand p{max-width:330px;margin:18px 0 8px;line-height:1.55}.footer-brand small{color:#6980a3}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.footer-links div{display:grid;align-content:start;gap:10px}.footer-links strong{margin-bottom:5px;color:#e9effa;font-size:13px}.footer-links a{width:max-content;color:#90a6c6;text-decoration:none;font-size:13px}.footer-links a:hover{color:#fff}
.route-story h2,.plan-head h2,.faq>h2{background:linear-gradient(110deg,#f8fbff,#c7e1ff 56%,#78adff);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 10px 25px #01061370)}
.route-steps li{border-color:#376092;background:linear-gradient(150deg,#10284bbb,#06152ec7 72%);box-shadow:inset 0 1px #e7f4ff0b,0 20px 55px #0208154f}
.plan-sheet{border-color:#3b6492;background:linear-gradient(135deg,#10284bc4,#07152cda 58%,#0b2140c4);box-shadow:inset 0 1px #e7f4ff0d,0 30px 90px #02071459}

@media(hover:hover){.button:hover{transform:translateY(-2px);filter:brightness(1.08)}.route-steps li:hover{transform:translateY(-5px);border-color:#4b76aa}}
@media(max-width:960px){
  .site-nav{display:none}.hero{min-height:auto}.hero-inner{min-height:auto;padding-top:120px;gap:45px}.hero-copy{display:grid;grid-template-columns:1fr;grid-template-areas:"title" "lead" "actions";gap:0}.hero-actions{justify-content:flex-start;margin-top:25px}.brand-globe{width:min(780px,100%);margin:auto}
  .plan-sheet{grid-template-columns:1fr}.plan-intro{border-right:0;border-bottom:1px solid #2c4e77}.site-footer{grid-template-columns:1fr;gap:40px}
}
@media(max-width:680px){
  .site-head{padding:17px 18px}.site-head .button{min-height:40px;padding:8px 13px}.hero-inner{padding:100px 18px 55px;gap:34px}.hero h1{font-size:clamp(45px,13.5vw,61px)}.hero h1 span{display:block}.hero h1 span+span{margin-left:0}.hero-lead{margin-top:18px;font-size:16px}.hero-actions{align-items:stretch;flex-direction:column;gap:13px;margin-top:25px}.hero-price{grid-template-columns:auto auto;justify-content:center;gap:8px;margin-left:0;padding:9px 0}.hero-price:before{display:none}.hero-price small{align-self:center}
  .brand-globe{padding:12px 0;font-size:clamp(88px,27vw,132px)}
  .route-story{width:calc(100% - 36px);margin:90px auto 105px;padding-top:45px}.route-story header{margin-bottom:28px}.route-story h2{font-size:48px}.route-steps{grid-template-columns:1fr;gap:10px}.route-steps li{min-height:auto;padding:68px 20px 23px}.route-steps>li>span{left:15px;top:17px}.route-steps li:before{left:58px;right:18px}.route-steps h3{font-size:21px}.route-steps p{font-size:14px}.route-guide{justify-content:stretch}.route-guide .button{width:100%}
  .plan-overview{width:calc(100% - 36px);margin-bottom:100px}.plan-head h2{font-size:43px}.plan-sheet{border-radius:23px}.plan-intro{padding:30px 24px}.plan-intro h3{font-size:31px}.key-pair{display:grid;grid-template-columns:1fr 1fr}.key-pair span{min-width:0}.plan-list{padding:12px 24px}.plan-list>div{grid-template-columns:1fr;padding:17px 0;gap:5px}.plan-list dd{font-size:17px}.plan-overview .privacy-note{font-size:12px}
  .faq{width:calc(100% - 36px);margin-bottom:100px}
  .reviews-page{width:calc(100% - 30px);margin-top:90px}.reviews-list{grid-template-columns:1fr}.legal{margin-top:90px;padding:23px}.operator-details dl{grid-template-columns:1fr;gap:2px}.site-footer{width:calc(100% - 36px);padding:40px 0}.footer-links{grid-template-columns:1fr 1fr}.footer-links div:last-child{grid-column:1/-1}
}
@media(max-width:390px){.hero h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.route-steps li{transition:none!important}body:before{display:none}}
@media(pointer:coarse){body:before{display:none}}
