/* AtomNode 2026 visual upgrade — loaded after the base stylesheet. */
:root{
  --bg:#04070d;
  --bg-2:#070c15;
  --surface:#0b111d;
  --surface-2:#0e1727;
  --surface-3:#121e31;
  --text:#f7faff;
  --muted:#929fb2;
  --muted-2:#647288;
  --line:rgba(154,177,215,.13);
  --blue:#397bff;
  --blue-2:#70a6ff;
  --cyan:#60d7f2;
  --green:#62dfa2;
  --shadow:0 36px 100px rgba(0,0,0,.46);
  --radius:18px;
}

body{
  background:
    radial-gradient(circle at 13% -8%,rgba(57,123,255,.12),transparent 34rem),
    var(--bg);
  font-feature-settings:"ss01" 1,"cv02" 1;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

::selection{background:rgba(70,133,255,.42);color:#fff}

.site-noise{
  opacity:.1;
  mix-blend-mode:overlay;
}

.scroll-progress{
  position:fixed;
  z-index:1001;
  top:0;
  left:0;
  width:var(--scroll-progress,0%);
  height:2px;
  background:linear-gradient(90deg,#397bff,#68d7f4);
  box-shadow:0 0 16px rgba(78,143,255,.68);
  pointer-events:none;
}

.ambient-pointer{
  position:fixed;
  z-index:-1;
  width:420px;
  height:420px;
  border-radius:50%;
  background:rgba(42,105,235,.07);
  filter:blur(95px);
  transform:translate(calc(var(--pointer-x,50vw) - 210px),calc(var(--pointer-y,30vh) - 210px));
  transition:transform .28s ease-out;
  pointer-events:none;
}

.announcement{
  height:32px;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:#03060a;
  font-size:11px;
}

.announcement-inner{justify-content:space-between;color:#8290a4}
.announcement b{background:rgba(98,223,162,.1);color:#6fe4aa}
.announcement a{display:inline-flex;align-items:center;gap:6px;color:#aab9ce}

.site-header{
  background:rgba(4,7,13,.72);
  backdrop-filter:blur(22px) saturate(130%);
}

.site-header.scrolled{
  background:rgba(4,7,13,.92);
  border-color:var(--line);
  box-shadow:0 14px 45px rgba(0,0,0,.24);
}

.nav-wrap{height:72px}
.brand{gap:10px}
.brand img{width:39px;height:39px;border-radius:12px;filter:drop-shadow(0 10px 25px rgba(37,101,228,.22))}
.brand strong{font-size:18px;letter-spacing:-.045em}
.brand small{font-size:8px;letter-spacing:.18em;color:#718096}
.desktop-nav{gap:27px}
.desktop-nav a{position:relative;color:#a2afc1;font-size:12px;font-weight:600}
.desktop-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:-12px;height:2px;border-radius:99px;background:#6fa5ff;transition:.2s}
.desktop-nav a:hover:after{left:0;right:0}
.nav-login{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#aebacd}

.button{
  min-height:44px;
  border-radius:11px;
  padding:0 19px;
  font-size:12px;
  font-weight:700;
  letter-spacing:-.01em;
  box-shadow:inset 0 1px rgba(255,255,255,.04);
}

.button-primary{
  border:1px solid rgba(117,165,255,.42);
  background:linear-gradient(135deg,#3d7fff,#2759db);
  box-shadow:0 12px 28px rgba(37,91,213,.27),inset 0 1px rgba(255,255,255,.19);
}

.button-secondary{background:rgba(255,255,255,.028)}
.button-sm{min-height:38px;padding:0 15px;font-size:11px}

.hero{
  min-height:710px;
  border-bottom:1px solid var(--line);
  background:
    linear-gradient(rgba(112,143,191,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(112,143,191,.045) 1px,transparent 1px),
    radial-gradient(circle at 78% 36%,rgba(50,117,255,.16),transparent 28rem),
    linear-gradient(180deg,#060a12,#04070d);
  background-size:54px 54px,54px 54px,auto,auto;
}

.hero:before{width:650px;height:650px;top:-170px;right:-115px;background:radial-gradient(circle,rgba(58,127,255,.17),rgba(47,123,255,0) 67%)}
.hero:after{left:-130px;bottom:-240px;width:520px;height:520px;border:1px solid rgba(74,131,232,.1);background:transparent;box-shadow:0 0 0 75px rgba(67,124,228,.018),0 0 0 150px rgba(67,124,228,.012)}
.hero-grid{grid-template-columns:.93fr 1.07fr;gap:72px}
.eyebrow,.section-kicker{font-size:9px;letter-spacing:.16em;color:#78a9ff}
.hero h1{font-size:clamp(50px,5.4vw,76px);line-height:.99;letter-spacing:-.068em;margin:20px 0 24px}
.hero h1 span{background:linear-gradient(105deg,#70a3ff,#62d6f2);-webkit-background-clip:text;background-clip:text}
.hero-copy>p{max-width:610px;color:#a2afc1;font-size:16px;line-height:1.75}
.hero-actions{margin-top:30px}
.hero-trust{margin-top:40px;gap:0}
.hero-trust div{padding-left:16px}
.hero-trust strong{font-size:14px}
.hero-trust span{font-size:8px;letter-spacing:.07em;text-transform:uppercase;color:#64748a}

.panel-window{
  border-color:rgba(125,162,222,.2);
  border-radius:18px;
  background:rgba(8,13,23,.97);
  box-shadow:0 48px 110px rgba(0,0,0,.56),0 0 0 1px rgba(255,255,255,.025) inset;
  transform:perspective(1000px) rotateY(-2.5deg) rotateX(1deg);
}

.panel-top{height:43px;padding:0 14px;background:#0a101b;font-size:9px}
.panel-body{grid-template-columns:53px 1fr;min-height:365px}
.mock-sidebar{gap:13px;padding:14px 0;background:#070c14}
.mock-sidebar i{width:29px;height:29px}
.mock-content{padding:21px}
.mock-title small{font-size:8px}
.mock-title strong{font-size:15px}
.online-pill{font-size:8px}
.resource-card{padding:11px;border-radius:10px}
.resource-card span{font-size:8px}
.resource-card strong{font-size:11px}
.console-card{height:185px;border-radius:11px;font-size:8px}
.float-card{border-color:rgba(132,166,219,.19);border-radius:12px;background:rgba(11,18,31,.93)}
.float-card-a{left:-20px;bottom:34px}
.float-card-b{right:-14px;top:59px}

.logo-strip{background:#070b12}
.strip-inner{min-height:74px}
.strip-inner>span{font-size:9px}
.platform-list b{display:inline-flex;align-items:center;color:#78869b;font-size:11px;font-weight:600}

.section-pad{padding:105px 0}
.section-heading{margin-bottom:40px}
.section-heading h2,.finder-copy h2,.infra-copy h2,.compare-copy h2,.faq-copy h2{font-size:clamp(36px,4vw,52px);font-weight:650;letter-spacing:-.055em;line-height:1.08}
.section-heading p{color:#8997aa;font-size:13px;line-height:1.7}

.game-services-grid{gap:13px}
.service-card{
  border-radius:17px;
  padding:25px;
  background:linear-gradient(150deg,rgba(14,23,39,.91),rgba(8,13,22,.96));
  box-shadow:inset 0 1px rgba(255,255,255,.026);
}
.service-card:before{background:radial-gradient(circle at top right,rgba(74,137,255,.13),transparent 42%)}
.service-card:hover{border-color:rgba(99,151,236,.34);box-shadow:0 27px 70px rgba(0,0,0,.34);transform:translateY(-6px)}
.service-icon{width:44px;height:44px;border:1px solid var(--line);border-radius:13px;font-size:19px}
.service-meta span{font-size:8px}.service-meta b{font-size:10px}
.service-card h3{font-size:22px;letter-spacing:-.04em}
.service-card p{color:#8492a6;font-size:12px;line-height:1.7}
.service-card li{font-size:10px;color:#aebacc}
.card-link{font-size:10px;color:#8cb5ff}

.finder-grid{
  border-color:rgba(136,165,209,.19);
  border-radius:20px;
  padding:52px;
  background:linear-gradient(145deg,#0d1727,#080e18);
  box-shadow:0 32px 90px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035);
}
.finder-card{border-radius:15px;background:rgba(4,8,14,.58)}
.finder-card select,.form-grid input,.form-grid select,.form-grid textarea{border-radius:10px;background:#070c15;color:#dfe7f2;font-size:11px}

.feature-grid{gap:12px}
.feature-card{min-height:218px;border-radius:16px;background:linear-gradient(150deg,#0c1422,#080e18)}
.feature-card>span{font-size:19px}.feature-card h3{font-size:15px}.feature-card p{font-size:11px;color:#7d8b9f}
.addons-grid{gap:11px}.addon{border-radius:13px;background:#090f19}.addon b{font-size:12px}

.steps>div{border-radius:13px;background:#090f19}.reviews-grid{gap:12px}
.review-card{border-radius:16px;background:linear-gradient(150deg,#0d1523,#080d16)}

.faq-list{gap:8px}.faq-item{border-radius:13px;background:#090f18}.faq-question{font-size:12px}

.support-card{
  border:1px solid rgba(132,174,255,.32);
  border-radius:21px;
  background:radial-gradient(circle at 90% 0,rgba(96,213,241,.25),transparent 22rem),linear-gradient(125deg,#255fd2,#173e91 67%,#102b64);
  box-shadow:0 35px 85px rgba(18,54,128,.35),inset 0 1px rgba(255,255,255,.14);
}

.site-footer{background:#03060a}
.footer-grid a,.footer-grid button{font-size:10px}.footer-bottom{font-size:9px}

.modal-backdrop{background:rgba(1,4,8,.84);backdrop-filter:blur(12px)}
.modal-panel{border-radius:18px;background:#090f1a;box-shadow:0 50px 130px rgba(0,0,0,.7)}

/* Service pages */
.service-hero{
  border-bottom:1px solid var(--line);
  background:
    linear-gradient(rgba(112,143,191,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(112,143,191,.04) 1px,transparent 1px),
    #050910;
  background-size:54px 54px;
}
.service-hero h1{font-size:clamp(48px,5.8vw,72px);letter-spacing:-.065em;line-height:1}
.service-hero p{color:#97a4b7;font-size:15px;line-height:1.75}
.service-summary{border-radius:17px;background:radial-gradient(circle at 100% 0,rgba(55,119,255,.12),transparent 16rem),linear-gradient(150deg,#101a2a,#080e18);box-shadow:0 32px 80px rgba(0,0,0,.32)}
.plan-card{min-height:480px;border-radius:17px;padding:23px;background:linear-gradient(155deg,#0d1625,#080e18)}
.plan-card.featured{background:radial-gradient(circle at 100% 0,rgba(56,119,255,.16),transparent 15rem),linear-gradient(155deg,#111e33,#080f1a)}
.price strong{font-size:33px}.plan-spec{background:#090f19}.benefit-card{background:linear-gradient(150deg,#0d1523,#080d16)}
.service-cta{border-radius:18px}

.quick-actions{
  position:fixed;
  z-index:90;
  right:18px;
  bottom:18px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.quick-actions a{
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border:1px solid rgba(130,164,217,.22);
  border-radius:12px;
  background:rgba(9,15,25,.9);
  color:#84adf9;
  box-shadow:0 15px 38px rgba(0,0,0,.35);
  backdrop-filter:blur(12px);
  font-size:15px;
  transition:.2s;
}
.quick-actions a:hover{border-color:rgba(110,162,255,.5);background:#101b2d;transform:translateY(-2px)}
.quick-actions a[data-label]:before{
  content:attr(data-label);
  position:absolute;
  right:50px;
  width:max-content;
  border:1px solid var(--line);
  border-radius:8px;
  padding:6px 8px;
  background:#090f19;
  color:#a8b5c8;
  font-size:9px;
  opacity:0;
  pointer-events:none;
  transform:translateX(5px);
  transition:.2s;
}
.quick-actions a:hover:before{opacity:1;transform:none}

@media(max-width:860px){
  .nav-wrap{height:68px}
  .mobile-nav{top:68px;background:rgba(4,7,13,.98)}
  .hero{padding-top:70px}
  .hero-grid{gap:32px}
  .panel-window{transform:none}
  .finder-grid{padding:37px}
}

@media(max-width:620px){
  .ambient-pointer,.quick-actions{display:none}
  .hero{padding-top:58px}
  .hero h1{font-size:45px}
  .hero-copy>p{font-size:14px}
  .hero-trust{gap:17px 0}
  .section-pad{padding:78px 0}
  .section-heading h2,.finder-copy h2,.infra-copy h2,.compare-copy h2,.faq-copy h2{font-size:35px}
  .game-services-grid .service-card{min-height:auto}
  .finder-grid{padding:25px}
  .support-card{border-radius:17px}
  .modal-panel{border-radius:16px}
}

@media(prefers-reduced-motion:reduce){
  .ambient-pointer{display:none}
  .scroll-progress{transition:none}
}

/* V5 visual system — curated original AtomNode artwork */
.hero-visual{
  min-height:510px;
  overflow:hidden;
  border:1px solid rgba(123,164,230,.18);
  border-radius:24px;
  background:
    linear-gradient(180deg,rgba(3,8,15,.06),rgba(3,8,15,.72)),
    url('/assets/images/showcase/home-hero.jpg') center/cover no-repeat;
  box-shadow:0 30px 90px rgba(0,0,0,.4);
}
.hero-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(55,123,255,.12),transparent 45%)}
.hero-visual .panel-window{position:absolute;left:28px;right:28px;bottom:28px;transform:none;background:rgba(5,11,20,.82);backdrop-filter:blur(16px);box-shadow:0 20px 60px rgba(0,0,0,.3)}
.hero-visual .float-card{z-index:2;backdrop-filter:blur(14px);background:rgba(7,14,24,.84)}
.plan-card{min-height:0;overflow:hidden;padding-top:18px}
.plan-art{position:relative;height:156px;margin:-18px -18px 18px;overflow:hidden;border-bottom:1px solid rgba(128,164,219,.16);background:#060b12}
.plan-art:after{content:"";position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(transparent,rgba(6,11,18,.88));pointer-events:none}
.plan-art img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s}
.plan-card:hover .plan-art img{transform:scale(1.045);filter:saturate(1.08)}
.plan-card .popular-tag{z-index:3}
.game-services-grid .service-card{isolation:isolate;overflow:hidden}
.game-services-grid .service-card:after{content:"";position:absolute;z-index:-1;inset:0 0 0 45%;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:.1;mask-image:linear-gradient(90deg,transparent,#000)}
.game-services-grid .service-card[href="/minecraft/"]:after{background-image:url('/assets/images/showcase/minecraft-hero.png')}
.game-services-grid .service-card[href="/fivem/"]:after{background-image:url('/assets/images/showcase/plans/fivem-metropolis.png')}
.game-services-grid .service-card[href="/discord/"]:after{background-image:url('/assets/images/showcase/plans/bot-pro.png')}
.game-services-grid .service-card[href="/vps/"]:after{background-image:url('/assets/images/showcase/plans/vps-pro.png')}
.service-hero{position:relative;isolation:isolate;overflow:hidden}
.service-hero:after{content:"";position:absolute;inset:0;z-index:-2;background-position:right center;background-size:min(58vw,920px) auto;background-repeat:no-repeat;opacity:.16;mask-image:linear-gradient(90deg,transparent 28%,#000 74%)}
body[data-service="minecraft"] .service-hero:after{background-image:url('/assets/images/showcase/minecraft-hero.png')}
body[data-service="fivem"] .service-hero:after{background-image:url('/assets/images/showcase/plans/fivem-metropolis.png')}
body[data-service="discord"] .service-hero:after{background-image:url('/assets/images/showcase/plans/bot-elite.png')}
body[data-service="vps"] .service-hero:after{background-image:url('/assets/images/showcase/plans/vps-pro.png')}
.brand-story{padding-top:70px;padding-bottom:70px}
.brand-story-grid{display:grid;grid-template-columns:minmax(260px,.72fr) 1.28fr;align-items:center;gap:clamp(42px,7vw,100px);padding:42px;border:1px solid rgba(128,164,219,.16);border-radius:24px;background:radial-gradient(circle at 10% 50%,rgba(48,113,255,.13),transparent 35%),#080e18}
.brand-emblem{display:grid;place-items:center;min-height:320px}
.brand-emblem img{width:min(100%,390px);filter:drop-shadow(0 28px 50px rgba(0,0,0,.45));animation:emblemFloat 6s ease-in-out infinite}
.brand-story h2{max-width:720px;margin:12px 0 16px;font-size:clamp(35px,4.5vw,58px);line-height:1.02;letter-spacing:-.055em}
.brand-story p{max-width:720px;color:#9eacbf;line-height:1.75}
.brand-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:24px 0;color:#c8d5e8;font-size:13px}
.brand-points span{padding:11px 13px;border:1px solid rgba(128,164,219,.14);border-radius:10px;background:#0b1320}
@keyframes emblemFloat{50%{transform:translateY(-8px)}}
@media(max-width:860px){.hero-visual{min-height:430px}.brand-story-grid{grid-template-columns:1fr;padding:28px}.brand-emblem{min-height:230px}.brand-emblem img{max-width:280px}}
@media(max-width:620px){.hero-visual{min-height:390px}.hero-visual .panel-window{left:12px;right:12px;bottom:12px}.plan-art{height:170px}.brand-points{grid-template-columns:1fr}.brand-story-grid{padding:22px}}
@media(prefers-reduced-motion:reduce){.brand-emblem img{animation:none}.plan-art img{transition:none}}
.plan-actions-dual{display:grid;grid-template-columns:1fr;gap:9px;margin-top:auto}
.plan-actions-dual .button{width:100%;min-height:44px;text-align:center}
.button-quiet{border:1px solid rgba(130,164,217,.2);background:transparent;color:#aebdd1}
.button-quiet:hover{border-color:rgba(110,162,255,.46);background:rgba(62,119,225,.08);color:#fff}

.icon-vps{font-size:12px;font-weight:800;letter-spacing:.08em;color:#8de3d1;background:rgba(63,201,174,.12)}
.theme-vps{--service-accent:#45d4b5}.service-vps .button-primary{background:#e9fff9;color:#07110f}.service-vps .service-summary{background:linear-gradient(155deg,#0d1b1a,#080e12)}
.site-noise{opacity:.018}.ambient-pointer{opacity:.18}.service-card,.plan-card,.benefit-card{box-shadow:none}.service-card:hover,.plan-card:hover{transform:translateY(-4px)}

/* V7 motion and polish */
html{scroll-behavior:smooth;scroll-padding-top:92px}
body:before{content:"";position:fixed;z-index:-3;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(108,162,255,.12) 0 1px,transparent 1.5px),radial-gradient(circle at 80% 60%,rgba(91,214,238,.08) 0 1px,transparent 1.5px);background-size:74px 74px,109px 109px;opacity:.22;animation:starDrift 28s linear infinite;pointer-events:none}
body{opacity:0;transform:translateY(5px);transition:opacity .5s ease,transform .65s cubic-bezier(.2,.8,.2,1)}
body.page-ready{opacity:1;transform:none}
.site-header{transition:background .28s,border-color .28s,box-shadow .28s,transform .28s}
.brand img{transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .35s}.brand:hover img{transform:rotate(-5deg) scale(1.07);filter:drop-shadow(0 12px 28px rgba(66,133,255,.45))}
.desktop-nav a[aria-current="page"]{color:#fff}.desktop-nav a[aria-current="page"]:after{left:0;right:0}
.button{position:relative;isolation:isolate;overflow:hidden;transform:translateZ(0);transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s,background .22s,color .22s,box-shadow .22s}
.button:before{content:"";position:absolute;z-index:-1;width:130px;height:130px;left:calc(var(--button-x,50%) - 65px);top:calc(var(--button-y,50%) - 65px);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 66%);opacity:0;transition:opacity .25s;pointer-events:none}
.button:hover:before{opacity:1}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0) scale(.98)}
.button-ripple{position:absolute;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.45);transform:translate(-50%,-50%) scale(0);animation:buttonRipple .6s ease-out;pointer-events:none}
.motion-card{position:relative;transform:perspective(900px) rotateX(var(--card-rx,0)) rotateY(var(--card-ry,0)) translateY(0);transition:transform .2s ease-out,border-color .28s,box-shadow .28s}
.motion-card:before{content:"";position:absolute;z-index:1;inset:0;border-radius:inherit;background:radial-gradient(330px circle at var(--card-x,50%) var(--card-y,50%),rgba(112,164,255,.1),transparent 58%);opacity:0;transition:opacity .3s;pointer-events:none}
.motion-card:hover:before{opacity:1}.motion-card:hover{transform:perspective(900px) rotateX(var(--card-rx,0)) rotateY(var(--card-ry,0)) translateY(-7px);box-shadow:0 28px 72px rgba(0,0,0,.38)}
.hero-copy>*{opacity:0;transform:translateY(18px);animation:heroEnter .7s cubic-bezier(.2,.8,.2,1) forwards}.hero-copy>*:nth-child(2){animation-delay:.08s}.hero-copy>*:nth-child(3){animation-delay:.16s}.hero-copy>*:nth-child(4){animation-delay:.24s}.hero-copy>*:nth-child(5){animation-delay:.32s}
.hero-visual{animation:visualEnter .9s .12s cubic-bezier(.2,.8,.2,1) both}.hero-visual:after{background:linear-gradient(110deg,transparent 15%,rgba(107,173,255,.15) 45%,transparent 70%);background-size:220% 100%;animation:heroShine 8s ease-in-out infinite}
.float-card{animation:floatSoft 5s ease-in-out infinite}.float-card-b{animation-delay:-2.4s}
.section-pad{transition:filter .5s,opacity .5s}.section-pad:not(.section-active){filter:saturate(.92)}.section-pad.section-active{filter:saturate(1.04)}
.plan-card{display:flex;flex-direction:column;border-color:rgba(132,170,230,.15)}.plan-card.featured{border-color:rgba(87,147,255,.52);box-shadow:0 22px 70px rgba(31,89,205,.16)}
.plan-card.featured:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(130deg,rgba(122,177,255,.85),transparent 38%,rgba(85,218,236,.42));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.plan-art{height:174px}.plan-art img{transform:scale(1.01)}.plan-card:hover .plan-art img{transform:scale(1.075)}
.price{padding:14px 0}.price strong{background:linear-gradient(105deg,#fff,#8eb7ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.plan-spec{transition:border-color .25s,background .25s,transform .25s}.plan-card:hover .plan-spec{border-color:rgba(113,159,232,.22);background:#0b1421}
.service-card .card-link{transition:letter-spacing .25s,color .25s}.service-card:hover .card-link{letter-spacing:.025em;color:#c1d7ff}
.service-icon{transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.service-card:hover .service-icon{transform:translateY(-3px) rotate(-3deg) scale(1.06);box-shadow:0 14px 30px rgba(42,105,225,.2)}
.feature-card,.addon,.review-card,.faq-item,.service-summary,.benefit-card{transition:border-color .28s,background .28s,transform .28s,box-shadow .28s}
.feature-card:hover,.benefit-card:hover,.review-card:hover{border-color:rgba(105,155,236,.3);transform:translateY(-4px);box-shadow:0 24px 60px rgba(0,0,0,.25)}
.addon:hover{border-color:rgba(93,210,170,.24);transform:translateX(3px)}
.faq-item.open{border-color:rgba(98,151,238,.32);background:#0b1421}.faq-question span{transition:transform .3s}.faq-item.open .faq-question span{transform:rotate(45deg)}
.modal{perspective:1000px}.modal-panel{opacity:0;transform:translateY(18px) scale(.975);transition:opacity .28s,transform .36s cubic-bezier(.2,.8,.2,1)}.modal.open .modal-panel{opacity:1;transform:none}
.quick-actions a{animation:quickPulse 4s ease-in-out infinite}
@keyframes heroEnter{to{opacity:1;transform:none}}
@keyframes visualEnter{from{opacity:0;transform:translateX(24px) scale(.97)}to{opacity:1;transform:none}}
@keyframes heroShine{0%,60%,100%{background-position:130% 0}78%{background-position:-80% 0}}
@keyframes floatSoft{50%{transform:translateY(-7px)}}
@keyframes buttonRipple{to{transform:translate(-50%,-50%) scale(24);opacity:0}}
@keyframes quickPulse{50%{box-shadow:0 15px 38px rgba(0,0,0,.35),0 0 0 5px rgba(65,129,240,.05)}}
@keyframes starDrift{to{background-position:74px 74px,-109px 109px}}
@media(max-width:860px){.motion-card,.motion-card:hover{transform:none}.plan-art{height:185px}}
@media(max-width:620px){body:before{animation:none}.hero-copy>*{animation-duration:.45s}.float-card{animation:none}.plan-card.featured{box-shadow:0 16px 45px rgba(31,89,205,.12)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body,body.page-ready{opacity:1;transform:none;transition:none}body:before,.hero-copy>*,.hero-visual,.hero-visual:after,.float-card,.quick-actions a{animation:none!important}.hero-copy>*{opacity:1;transform:none}.motion-card,.motion-card:hover,.button,.button:hover{transform:none!important;transition:none}}