:root{
  --bg:#050b1b;--bg2:#08132b;--panel:#0c1833;--panel2:#101f42;--line:rgba(255,255,255,.1);
  --text:#f7f9ff;--muted:#9ca9c7;--blue:#1f7bff;--cyan:#18c9ff;--violet:#7c3cff;--magenta:#dc3cff;
  --white:#fff;--success:#2ee6a6;--shadow:0 28px 80px rgba(0,0,0,.35);--radius:24px;--radius-sm:16px;
  --max:1240px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-4;background:radial-gradient(circle at 20% -10%,rgba(31,123,255,.13),transparent 32%),radial-gradient(circle at 85% 10%,rgba(124,60,255,.11),transparent 30%),#050b1b}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}button,select{color:inherit}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-80px;z-index:10000;background:#fff;color:#05102a;padding:12px 18px;border-radius:12px;transition:.2s}.skip-link:focus{top:20px}

.site-header{position:sticky;top:0;z-index:1000;height:76px;background:rgba(5,11,27,.78);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;flex:0 0 auto}.brand-mark{font-size:32px;font-weight:900;letter-spacing:-3px;line-height:1;color:#fff;font-style:italic}.brand-mark span{color:var(--cyan);font-style:normal}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-size:14px;letter-spacing:.03em}.brand-copy small{font-size:8px;letter-spacing:.13em;color:#8da2ca;margin-top:4px;font-weight:700}.main-nav{display:flex;align-items:center;gap:3px}.nav-group{position:relative;display:flex;align-items:center;border-radius:12px}.nav-link{font-size:13px;font-weight:650;color:#d7def0;padding:12px 9px;white-space:nowrap}.nav-group:hover{background:rgba(255,255,255,.055)}.nav-group.is-active .nav-link{color:#fff}.nav-group.is-active:after{content:"";position:absolute;left:10px;right:10px;bottom:-15px;height:2px;background:linear-gradient(90deg,var(--blue),var(--magenta));border-radius:3px}.mega-menu{position:absolute;top:calc(100% + 14px);left:0;width:290px;padding:10px;background:rgba(8,18,40,.98);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);border-radius:18px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s ease}.nav-group:hover .mega-menu{opacity:1;visibility:visible;transform:translateY(0)}.mega-menu a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;font-size:13px;color:#c9d3e9}.mega-menu a:hover{background:linear-gradient(90deg,rgba(31,123,255,.13),rgba(124,60,255,.1));color:#fff}.mega-menu a span{color:var(--cyan)}.portal-button{margin-left:8px;padding:11px 16px;border-radius:12px;background:linear-gradient(135deg,#1f7bff,#663cff);font-size:12px;font-weight:800;box-shadow:0 8px 28px rgba(31,123,255,.22);white-space:nowrap}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:12px;padding:10px;cursor:pointer}.menu-toggle>span:not(.sr-only){display:block;height:2px;background:#fff;margin:4px 0;border-radius:2px}

.hero,.subhero{position:relative;overflow:hidden}.hero-home{min-height:680px;padding:84px 0 70px;background:linear-gradient(135deg,#05102a 0%,#08193b 38%,#16103d 76%,#071126 100%)}.hero-home:after,.subhero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 80%);mask-image:linear-gradient(to bottom,#000,transparent 80%)}.hero-grid,.subhero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px}.hero-copy{padding:22px 0}.eyebrow{display:inline-block;color:#64cfff;font-size:11px;font-weight:900;letter-spacing:.17em;margin-bottom:16px}.hero h1,.subhero h1{font-size:clamp(44px,5.4vw,78px);line-height:.98;letter-spacing:-.055em;margin:0 0 22px;max-width:820px}.hero-lead,.subhero p{font-size:18px;line-height:1.7;color:#b9c5de;max-width:720px;margin:0 0 28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 19px;border-radius:14px;font-size:13px;font-weight:800;border:1px solid transparent;transition:.2s ease}.btn svg{width:17px}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--blue),#653bff);box-shadow:0 12px 38px rgba(31,123,255,.24)}.btn-light{background:#fff;color:#09132b}.domain-search{display:flex;max-width:650px;padding:7px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:17px;box-shadow:0 20px 45px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.domain-search label{flex:1;display:flex;flex-direction:column;padding:4px 10px}.domain-search label span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#7d8fae;font-weight:800}.domain-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:15px;padding:4px 0 0}.domain-search input::placeholder{color:#667695}.domain-search button{border:0;cursor:pointer;background:linear-gradient(135deg,#1c7bff,#9338ff);color:#fff;padding:0 20px;border-radius:12px;font-size:12px;font-weight:800}.trust-inline{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;color:#8ea0c3;font-size:11px}.trust-inline span{display:flex;gap:6px;align-items:center}.hero-glow{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(90px);opacity:.28;pointer-events:none}.glow-1{right:8%;top:-130px;background:#5535ff}.glow-2{left:15%;bottom:-300px;background:#0077ff}



.stats-band{border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(90deg,rgba(14,32,70,.9),rgba(23,13,55,.9))}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);min-height:108px}.stats-grid>div{display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:1px solid rgba(255,255,255,.08)}.stats-grid>div:last-child{border-right:0}.stats-grid strong{font-size:23px;letter-spacing:-.03em}.stats-grid span{font-size:10px;color:#8798ba;text-transform:uppercase;letter-spacing:.12em;margin-top:3px}

.section{padding:100px 0;position:relative}.section-heading{max-width:780px;margin-bottom:42px}.section-heading h2,.why-copy h2,.seo-grid h2,.content-card h2,.faq-grid h2{font-size:clamp(34px,4vw,55px);line-height:1.04;letter-spacing:-.045em;margin:0 0 17px}.section-heading p,.why-copy p,.seo-grid p,.content-card p,.faq-grid p{color:var(--muted);font-size:16px;line-height:1.75;margin:0}.split-heading{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.text-link{font-size:13px;font-weight:800;color:#71ccff;padding-bottom:10px}
.service-section{background:linear-gradient(180deg,#070e20,#071126)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{min-height:230px;padding:27px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(15,30,64,.9),rgba(8,17,39,.72));transition:.25s;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;width:180px;height:180px;right:-100px;top:-100px;border-radius:50%;background:var(--blue);filter:blur(40px);opacity:0;transition:.25s}.service-card:hover{transform:translateY(-5px);border-color:rgba(78,143,255,.42);box-shadow:0 24px 55px rgba(0,0,0,.24)}.service-card:hover:before{opacity:.12}.service-card>span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(31,123,255,.12);color:#56c8ff}.service-card>span svg{width:23px}.service-card h3{font-size:20px;margin:23px 0 7px}.service-card p{font-size:13px;color:#8f9fbd;margin:0 0 22px}.service-card b{font-size:11px;color:#6ccfff;position:absolute;left:27px;bottom:25px}
.pricing-section{background:#080f21}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pricing-grid-wide{grid-template-columns:repeat(4,1fr)}.price-card{position:relative;padding:26px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(160deg,rgba(17,34,71,.92),rgba(8,17,40,.94));min-width:0}.price-card.featured{border-color:#287cff;box-shadow:0 0 0 1px rgba(40,124,255,.12),0 26px 60px rgba(27,81,223,.16);background:linear-gradient(160deg,rgba(23,47,98,.96),rgba(14,17,55,.98))}.popular-label{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:linear-gradient(90deg,#1784ff,#a03aff);padding:6px 13px;border-radius:100px;font-size:8px;font-weight:900;letter-spacing:.12em;white-space:nowrap}.price-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.price-card-top span{font-weight:900;font-size:14px;letter-spacing:.04em}.price-card-top em{font-style:normal;font-size:10px;color:#8ba3ca;background:rgba(255,255,255,.05);padding:5px 8px;border-radius:8px}.price{font-size:30px;line-height:1.05;font-weight:900;letter-spacing:-.04em;margin:6px 0 20px}.price small{font-size:10px;color:#8192b3;letter-spacing:0;margin-left:5px;font-weight:700}.year-price{margin:-13px 0 17px;color:#8192b3;font-size:10px}.price-card ul{list-style:none;padding:0;margin:0 0 24px}.price-card li{display:flex;align-items:center;gap:9px;font-size:11px;color:#b2bfd7;padding:5px 0}.price-card li svg{width:14px;color:#36d7ff;flex:0 0 auto}.card-cta{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 13px;font-size:11px;font-weight:800;background:rgba(255,255,255,.03)}.featured .card-cta{background:linear-gradient(135deg,#167dff,#6d3cff);border-color:transparent}.card-cta svg{width:16px}
.why-section{background:radial-gradient(circle at 75% 50%,rgba(79,40,202,.13),transparent 35%),#071126}.why-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.why-copy p{max-width:570px;margin-bottom:28px}.why-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.why-cards>div{padding:25px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.why-cards>div>span{color:#56c9ff}.why-cards svg{width:24px}.why-cards h3{font-size:16px;margin:17px 0 7px}.why-cards p{color:#8898b7;font-size:12px;margin:0;line-height:1.65}
.seo-section{background:#080f20}.seo-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:start}.seo-grid p{margin-bottom:15px}.seo-links{border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(22,43,87,.8),rgba(11,20,46,.7));padding:26px}.seo-links h3{margin:0 0 13px}.seo-links a,.side-link{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;color:#b5c1d9}.seo-links a:last-child,.side-link:last-child{border-bottom:0}.seo-links a span{color:#5ed3ff}
.testimonial-section{background:#070d1d}.faq-section{background:#080f20}.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}.faq-list details{border-bottom:1px solid rgba(255,255,255,.1);padding:0}.faq-list summary{cursor:pointer;list-style:none;padding:19px 30px 19px 0;font-size:14px;font-weight:750;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:0;color:#58cbff;font-size:20px;top:13px}.faq-list details[open] summary:after{content:"−"}.faq-list details p{padding:0 35px 20px 0;font-size:13px;color:#8798b9}
.cta-band{padding:60px 0;background:linear-gradient(105deg,#136fe9 0%,#5531e8 55%,#9b2ddb 100%);position:relative;overflow:hidden}.cta-band:after{content:"";position:absolute;width:460px;height:460px;right:-130px;top:-280px;border-radius:50%;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 50px rgba(255,255,255,.03),0 0 0 100px rgba(255,255,255,.02)}.cta-band .container{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-band .eyebrow{color:#ddecff;margin-bottom:8px}.cta-band h2{font-size:clamp(28px,3vw,43px);line-height:1.05;letter-spacing:-.04em;margin:0}

.subhero{min-height:570px;padding:70px 0;background:linear-gradient(135deg,#06112b,#0a1a3e 48%,#1b0d42)}.subhero.compact{min-height:380px}.subhero-grid{min-height:430px}.breadcrumbs{display:flex;align-items:center;gap:9px;color:#637595;font-size:10px;margin-bottom:22px}.breadcrumbs a{color:#7ccfff}.subhero .domain-search{margin-top:24px}.feature-strip{width:min(calc(100% - 40px),var(--max));margin:-36px auto 0;position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:20px;background:rgba(9,19,43,.94);box-shadow:0 22px 50px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden}.feature-strip>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;padding:22px;border-right:1px solid var(--line);column-gap:12px}.feature-strip>div:last-child{border-right:0}.icon-bubble{grid-row:1/3;width:38px;height:38px;border-radius:12px;background:rgba(31,123,255,.12);display:grid;place-items:center;color:#5bcdff}.icon-bubble svg{width:20px}.feature-strip strong{font-size:12px}.feature-strip small{font-size:9px;color:#7e8eac}.content-section{background:#071126}.content-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:24px}.content-card,.side-card{border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(17,33,68,.76),rgba(8,16,37,.84));padding:34px}.content-card p{margin-bottom:15px}.side-card h3{margin:0 0 18px;font-size:20px}.side-card ul{list-style:none;padding:0;margin:0 0 25px}.side-card li{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:12px;color:#aab8d2}.side-card li svg{width:15px;color:#58d0ff}.compare-section{background:#071126}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:20px}.compare-table{width:100%;min-width:820px;border-collapse:collapse;background:rgba(255,255,255,.02);font-size:11px}.compare-table th,.compare-table td{padding:14px 15px;border-right:1px solid rgba(255,255,255,.065);border-bottom:1px solid rgba(255,255,255,.065);text-align:center}.compare-table th:first-child,.compare-table td:first-child{text-align:left}.compare-table th{background:rgba(31,123,255,.08);color:#cfe8ff}.compare-table td{color:#95a5c2}.compare-table td:first-child{color:#d6deed;font-weight:650}.option-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.option-grid article{padding:28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(16,33,69,.8),rgba(9,17,38,.88))}.option-grid article>span{color:#56ccff}.option-grid svg{width:25px}.option-grid h3{font-size:17px;margin:18px 0 8px}.option-grid p{color:#8999b8;font-size:12px;margin:0;line-height:1.65}
.domain-price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.domain-price-grid>div{border:1px solid var(--line);background:linear-gradient(145deg,rgba(15,31,65,.8),rgba(7,14,33,.9));border-radius:20px;padding:28px;display:flex;align-items:center;justify-content:space-between}.domain-price-grid strong{font-size:27px}.domain-price-grid span{color:#71ceff;font-size:13px;font-weight:800}.center-actions{text-align:center;margin-top:32px}
.legal-hero{padding:60px 0;max-width:900px}

.site-footer{padding:72px 0 24px;background:#030816;border-top:1px solid rgba(255,255,255,.07)}.footer-grid{display:grid;grid-template-columns:1.45fr .7fr .85fr 1fr;gap:50px}.footer-brand>p{max-width:360px;color:#697a9b;font-size:12px;line-height:1.75;margin:22px 0}.site-footer h3{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7688a9;margin:0 0 18px}.site-footer .footer-grid>div:not(.footer-brand)>a{display:block;font-size:11px;color:#a6b2ca;margin:9px 0}.site-footer p{font-size:11px;color:#8998b4;line-height:1.75}.site-footer p a{color:#c9d7ed}.site-footer small{color:#64728c}.status-pill{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(46,230,166,.15);background:rgba(46,230,166,.06);color:#88cdb7;border-radius:100px;padding:7px 11px;font-size:9px}.status-pill>span{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 10px var(--success)}.footer-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid rgba(255,255,255,.07);padding-top:22px;margin-top:55px;color:#576682;font-size:9px}

@media (max-width:1100px){.main-nav{gap:0}.nav-link{font-size:11px;padding:11px 6px}.portal-button{padding:10px 12px}.brand-copy{display:none}.hero-grid,.subhero-grid{gap:25px}.pricing-grid,.pricing-grid-wide{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.option-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){.site-header{height:68px}.menu-toggle{display:block}.main-nav{position:fixed;inset:68px 0 auto 0;max-height:calc(100vh - 68px);overflow:auto;display:none;flex-direction:column;align-items:stretch;padding:18px;background:rgba(4,10,24,.985);border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.nav-group{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid rgba(255,255,255,.06);border-radius:0}.nav-link{font-size:14px;padding:14px 8px}.nav-group.is-active:after{display:none}.mega-menu{position:static;width:auto;grid-column:1/3;display:block;opacity:1;visibility:visible;transform:none;background:rgba(255,255,255,.025);box-shadow:none;border:0;border-radius:12px;margin-bottom:10px}.mega-menu a{font-size:12px}.portal-button{margin:14px 0 0;text-align:center}.hero-home{padding:55px 0 50px;min-height:auto}.hero-grid,.subhero-grid{grid-template-columns:1fr}.hero h1,.subhero h1{font-size:clamp(42px,11vw,66px)}.hero-copy{padding:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid>div:nth-child(2){border-right:0}.stats-grid>div{min-height:82px;border-bottom:1px solid rgba(255,255,255,.08)}.section{padding:75px 0}.why-grid,.seo-grid,.faq-grid,.content-grid{grid-template-columns:1fr;gap:38px}.feature-strip{grid-template-columns:repeat(2,1fr)}.feature-strip>div:nth-child(2){border-right:0}.feature-strip>div:nth-child(-n/**/+2){border-bottom:1px solid var(--line)}.cta-band .container{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.container{width:min(calc(100% - 28px),var(--max))}.section{padding:62px 0}.section-heading{margin-bottom:30px}.section-heading h2,.why-copy h2,.seo-grid h2,.content-card h2,.faq-grid h2{font-size:34px}.hero-home{padding-top:45px}.hero h1,.subhero h1{font-size:46px}.hero-lead,.subhero p{font-size:15px}.domain-search{flex-direction:column;gap:7px}.domain-search button{height:44px}.trust-inline{gap:9px 14px}.stats-grid strong{font-size:20px}.service-grid,.pricing-grid,.pricing-grid-wide,.why-cards,.option-grid,.domain-price-grid{grid-template-columns:1fr}.split-heading{display:block}.text-link{display:inline-block;margin-top:10px}.feature-strip{width:min(calc(100% - 28px),var(--max));grid-template-columns:1fr;margin-top:-24px}.feature-strip>div{border-right:0;border-bottom:1px solid var(--line)!important}.feature-strip>div:last-child{border-bottom:0!important}.price-card{padding:24px}.content-card,.side-card{padding:25px}.cta-band{padding:48px 0}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-bottom{flex-direction:column;gap:8px}.subhero{padding:45px 0 65px;min-height:auto}.subhero-grid{min-height:auto}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@supports (content-visibility:auto){.service-section,.pricing-section,.why-section,.seo-section,.testimonial-section,.faq-section,.content-section,.compare-section,.editorial-seo-section{content-visibility:auto;contain-intrinsic-size:1px 900px}}

.domain-table-wrap{margin-top:28px}.domain-table td:first-child strong{display:block;font-size:14px;color:#eef6ff}.domain-table td:first-child small{display:block;margin-top:4px;font-size:9px;font-weight:500;color:#7385a7;max-width:230px}.domain-table td{white-space:nowrap}

/* 2026-09-04 v3 visual refinements */


.stats-band{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(12,31,71,.96),rgba(27,12,66,.95))}.stats-band:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 50%,rgba(31,123,255,.13),transparent 25%),radial-gradient(circle at 75% 50%,rgba(167,49,255,.11),transparent 26%);pointer-events:none}.stats-grid>div.stat-item{flex-direction:row;justify-content:center;gap:15px;padding:18px 22px;position:relative}.stat-icon{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:14px;border:1px solid rgba(95,190,255,.22);background:linear-gradient(145deg,rgba(31,123,255,.16),rgba(133,52,255,.11));color:#72d2ff;box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 32px rgba(0,0,0,.18)}.stat-icon svg{width:22px}.stat-item>div{display:flex;flex-direction:column;align-items:flex-start}.stats-grid .stat-item strong{font-size:25px;line-height:1}.stats-grid .stat-item span:not(.stat-icon){margin-top:6px}

.section-heading{position:relative}.section-heading:before{content:"";display:block;width:54px;height:3px;margin-bottom:18px;border-radius:20px;background:linear-gradient(90deg,var(--cyan),var(--violet),transparent);box-shadow:0 0 18px rgba(24,201,255,.34)}.section-heading .eyebrow{margin-bottom:12px}.service-section:before,.pricing-section:before,.why-section:before,.seo-section:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(100px);opacity:.09;pointer-events:none}.service-section:before{right:-170px;top:70px;background:#1f7bff}.pricing-section:before{left:-220px;top:90px;background:#8a39ff}.why-section:before{right:-210px;top:20%;background:#20c8ff}.seo-section:before{left:-170px;bottom:0;background:#6e38ff}

.service-grid{gap:18px}.service-card{min-height:285px;padding:30px;background:linear-gradient(150deg,rgba(18,38,82,.94),rgba(8,17,39,.84));box-shadow:inset 0 1px rgba(255,255,255,.035)}.service-card:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(78,195,255,.65),rgba(140,64,255,.55),transparent);opacity:.45}.service-card>span{width:50px;height:50px;border:1px solid rgba(92,190,255,.13);box-shadow:0 12px 30px rgba(31,123,255,.08)}.service-card h3{font-size:22px;margin:22px 0 10px}.service-card p{font-size:13px;line-height:1.72;color:#9cacca;margin:0 0 42px}.service-card b{bottom:28px;font-size:11px}

.pricing-grid{gap:20px}.price-card{overflow:visible;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.price-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(71,163,255,.05),transparent 40%,rgba(147,54,255,.055));pointer-events:none}.price-card:hover{transform:translateY(-6px);border-color:rgba(83,166,255,.28)}.price-card.featured{z-index:3}.price-card.featured:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#27a4ff,#653cff,#d43cff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.8}.price-card-top.hosting-plan-title{display:block}.price-card-top.hosting-plan-title span{display:block;font-size:22px;line-height:1.05;letter-spacing:.02em}.price-card-top.hosting-plan-title em{display:block;margin-top:8px;padding:0;background:transparent;color:#fff;font-style:normal;font-size:26px;line-height:1;font-weight:900;letter-spacing:-.035em}.hosting-price-block{margin:27px 0 20px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(145deg,rgba(31,123,255,.09),rgba(119,48,255,.07))}.promo-caption{display:block;color:#6dd6ff;font-size:8px;font-weight:900;letter-spacing:.14em;margin-bottom:6px}.promo-price{font-size:32px;margin:0 0 12px;color:#fff}.promo-price small{font-size:10px}.renewal-price{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:11px;border-top:1px solid rgba(255,255,255,.08);font-size:10px}.renewal-price span{color:#8292b1;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.renewal-price strong{color:#d7e2f4;font-size:12px}.popular-label{z-index:4;box-shadow:0 8px 25px rgba(93,67,255,.3)}
@media (min-width:1101px){.price-card.featured{transform:scale(1.05);box-shadow:0 0 0 1px rgba(40,124,255,.18),0 30px 75px rgba(30,79,230,.24)}.price-card.featured:hover{transform:scale(1.05) translateY(-5px)}}
@media (min-width:601px) and (max-width:1100px){.price-card.featured{transform:scale(1.02)}}

.testimonial-section{overflow:hidden;background:linear-gradient(180deg,#070d1d,#080f22)}.testimonial-marquee{position:relative;overflow:hidden;width:100%;padding:16px 0 24px;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.testimonial-marquee:before{content:"";position:absolute;z-index:3;top:0;bottom:0;width:110px;right:-130px;background:linear-gradient(90deg,transparent,rgba(85,207,255,.08),rgba(145,77,255,.32),rgba(255,255,255,.35),rgba(80,190,255,.08),transparent);filter:blur(8px);transform:skewX(-18deg);animation:reviewLight 6.5s linear infinite;pointer-events:none}.testimonial-track{display:flex;gap:14px;width:max-content;animation:testimonialFlow 33s linear infinite;will-change:transform}.testimonial-marquee:hover .testimonial-track{animation-play-state:paused}.testimonial-set{display:flex;gap:14px}.testimonial-set blockquote{width:clamp(310px,31vw,430px);min-height:205px;margin:0;padding:30px;border-radius:22px;border:1px solid rgba(92,154,255,.18);background:linear-gradient(145deg,rgba(18,38,80,.88),rgba(11,16,38,.96));font-size:14px;line-height:1.8;color:#d1daf0;box-shadow:0 20px 52px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04);position:relative;overflow:hidden}.testimonial-set blockquote:before{content:"“";position:absolute;right:20px;top:-24px;font-size:110px;line-height:1;color:rgba(100,199,255,.055);font-family:Georgia,serif}.testimonial-set cite{display:block;margin-top:22px;font-style:normal;color:#6dd5ff;font-size:11px;font-weight:850;letter-spacing:.02em}.testimonial-set cite:before{content:"— ";color:#784cff}@keyframes testimonialFlow{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 7px))}}@keyframes reviewLight{from{transform:translateX(0) skewX(-18deg)}to{transform:translateX(calc(-100vw - 260px)) skewX(-18deg)}}

@media (max-width:860px){.stats-grid>div.stat-item{justify-content:flex-start}.testimonial-set blockquote{width:360px}.service-card{min-height:270px}}
@media (max-width:600px){.stats-grid>div.stat-item{padding:16px 12px;gap:10px}.stat-icon{width:38px;height:38px;border-radius:12px}.stats-grid .stat-item strong{font-size:20px}.stats-grid .stat-item span:not(.stat-icon){font-size:8px}.service-card{min-height:auto;padding-bottom:72px}.price-card.featured{transform:none}.testimonial-set blockquote{width:300px;min-height:220px;padding:24px}.testimonial-track{animation-duration:38s}}


/* 2026-09-04 v4 interaction + contact refinements */
textarea,select{font:inherit}
.nav-group{transition:background .2s ease,box-shadow .2s ease,transform .2s ease}
.nav-group:hover{background:linear-gradient(135deg,rgba(31,123,255,.22),rgba(109,60,255,.18));box-shadow:inset 0 0 0 1px rgba(91,163,255,.16),0 9px 28px rgba(20,61,160,.12)}
.mega-menu a{transition:background .18s ease,color .18s ease,transform .18s ease}
.mega-menu a:hover{background:linear-gradient(90deg,rgba(31,123,255,.24),rgba(109,60,255,.2));transform:translateX(3px)}

.price-card-top.hosting-plan-title{display:flex;justify-content:flex-start;align-items:baseline;gap:10px;flex-wrap:nowrap}
.price-card-top.hosting-plan-title span,.price-card-top.hosting-plan-title em{display:inline-block;margin:0;padding:0;background:transparent;color:#fff;font-style:normal;font-size:24px;line-height:1;font-weight:900;letter-spacing:-.025em}
.card-cta{position:relative;isolation:isolate;overflow:hidden;border-color:transparent;background:linear-gradient(135deg,#167dff,#6d3cff);box-shadow:0 10px 28px rgba(45,77,224,.2);transition:transform .2s ease,box-shadow .2s ease}
.card-cta:before{content:"";position:absolute;z-index:0;inset:-1px;background:linear-gradient(90deg,#9d35ff 0%,#20c9ff 48%,#167dff 100%);transform:translateX(105%);transition:transform .42s cubic-bezier(.2,.8,.2,1)}
.card-cta>span,.card-cta>svg{position:relative;z-index:1}
.card-cta:hover,.card-cta:focus-visible{transform:translateY(-2px);box-shadow:0 15px 36px rgba(73,72,255,.32)}
.card-cta:hover:before,.card-cta:focus-visible:before{transform:translateX(0)}
.featured .card-cta{background:linear-gradient(135deg,#167dff,#6d3cff)}

.testimonial-marquee:before{content:none!important;display:none!important;animation:none!important}
.testimonial-track{animation-duration:58s}
.testimonial-set{flex-shrink:0}.testimonial-set blockquote{width:clamp(320px,29vw,410px)}

.contact-hero{background:linear-gradient(135deg,#06102a,#0b1c43 52%,#24114d)}
.contact-section{background:linear-gradient(180deg,#080f21,#061022);position:relative;overflow:hidden}
.contact-section:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-210px;top:80px;background:#6b34ff;filter:blur(120px);opacity:.1;pointer-events:none}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:start;position:relative;z-index:1}
.contact-info-card,.contact-form-card{border:1px solid rgba(255,255,255,.1);border-radius:26px;background:linear-gradient(155deg,rgba(17,35,73,.94),rgba(7,15,34,.97));box-shadow:0 28px 70px rgba(0,0,0,.2)}
.contact-info-card{padding:34px;position:sticky;top:104px}
.contact-info-card h2,.contact-form-heading h2{font-size:34px;line-height:1.08;letter-spacing:-.04em;margin:0 0 15px}
.contact-info-card>p,.contact-form-heading p{color:#94a5c6;font-size:13px;line-height:1.75;margin:0 0 26px}
.contact-channel,.contact-phone{display:flex;gap:14px;padding:17px 0;border-top:1px solid rgba(255,255,255,.075)}
.contact-channel>span,.contact-phone>span{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:13px;color:#73d7ff;background:linear-gradient(145deg,rgba(31,123,255,.18),rgba(116,55,255,.12));border:1px solid rgba(97,181,255,.16)}
.contact-channel>span svg,.contact-phone>span svg{width:21px}
.contact-channel>div,.contact-phone>div{display:flex;flex-direction:column;gap:2px}
.contact-channel strong,.contact-phone strong{font-size:13px}.contact-channel a,.contact-phone a{color:#72d4ff;font-size:13px;font-weight:750}.contact-channel small,.contact-phone small{color:#7485a6;font-size:10px}
.contact-form-card{padding:36px}.contact-form-heading{margin-bottom:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full,.consent-field.full{grid-column:1/-1}.field>span{font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#8ca0c6}
.field input,.field select,.field textarea{width:100%;border:1px solid rgba(255,255,255,.11);outline:0;border-radius:13px;background:rgba(4,11,27,.66);color:#eef5ff;padding:13px 14px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.field textarea{resize:vertical;min-height:170px}.field select{appearance:auto}.field input::placeholder,.field textarea::placeholder{color:#5e6e8c}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(43,158,255,.75);box-shadow:0 0 0 3px rgba(31,123,255,.12),0 0 30px rgba(91,57,255,.08);background:rgba(7,17,39,.88)}

.turnstile-field{gap:10px;padding:15px;border-radius:16px;border:1px solid rgba(95,173,255,.15);background:linear-gradient(135deg,rgba(31,123,255,.08),rgba(113,55,255,.07))}.turnstile-field>span{font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#8ca0c6}.turnstile-field .cf-turnstile{width:100%;min-height:65px}.turnstile-unavailable p{margin:0;color:#f0b6c2;font-size:11px;line-height:1.6}.contact-submit:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.5)}
.consent-field{display:flex;align-items:flex-start;gap:10px;color:#96a6c4;font-size:11px;line-height:1.6}.consent-field input{margin-top:3px;accent-color:#347fff}.consent-field a{color:#6ed3ff;text-decoration:underline;text-underline-offset:3px}
.contact-submit{margin-top:20px;min-width:210px;border:0;cursor:pointer}.form-security-note{display:flex;align-items:flex-start;gap:8px;margin:15px 0 0;color:#7081a1;font-size:9px;line-height:1.6}.form-security-note svg{width:15px;flex:0 0 auto;color:#5bcfff;margin-top:1px}.form-alert{margin:0 0 20px;padding:15px 17px;border-radius:14px;font-size:12px;line-height:1.6}.form-alert.success{background:rgba(46,230,166,.09);border:1px solid rgba(46,230,166,.24);color:#9af0cf}.form-alert.error{background:rgba(255,82,119,.08);border:1px solid rgba(255,82,119,.2);color:#ffc0cd}.form-alert ul{margin:7px 0 0;padding-left:18px}.hp-field{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}.contact-info-card{position:static}.testimonial-set blockquote{width:350px}}
@media (max-width:600px){.price-card-top.hosting-plan-title span,.price-card-top.hosting-plan-title em{font-size:22px}.form-grid{grid-template-columns:1fr}.field.full,.consent-field.full{grid-column:auto}.contact-info-card,.contact-form-card{padding:24px}.contact-info-card h2,.contact-form-heading h2{font-size:29px}.testimonial-set blockquote{width:295px}}

/* 2026-09-04 v5 hero artwork + expandable homepage hosting carousel */
.hero-home-v5{
  min-height:690px;
  background:
    radial-gradient(circle at 78% 28%,rgba(94,46,255,.20),transparent 31%),
    radial-gradient(circle at 54% 100%,rgba(0,135,255,.15),transparent 39%),
    linear-gradient(132deg,#06102b 0%,#08123a 39%,#161052 72%,#080d2b 100%);
}
.hero-home-v5:after{
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:70px 70px;
  opacity:.36;
}
.hero-wave-background{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.hero-wave-background svg{position:absolute;inset:-2% -1%;width:102%;height:104%;filter:saturate(1.12)}
.hero-home-v5 .hero-grid{grid-template-columns:1.02fr .98fr;gap:36px}
.hero-home-v5 .hero-copy{position:relative;z-index:3}
.hero-home-v5 .hero-copy:before{content:"";position:absolute;width:190px;height:190px;left:-72px;top:6%;border:1px solid rgba(63,128,255,.10);border-radius:50%;pointer-events:none}
.hero-home-v5 .hero-copy:after{content:"";position:absolute;width:310px;height:310px;left:-125px;top:-44px;border:1px solid rgba(123,66,255,.09);border-radius:50%;pointer-events:none}

.home-service-visual{position:relative;min-height:520px;isolation:isolate}
.home-service-visual:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-5%;top:9%;background:radial-gradient(circle,rgba(59,82,255,.20),rgba(84,42,255,.09) 42%,transparent 70%);filter:blur(8px);z-index:-2}
.home-service-visual:after{content:"";position:absolute;right:2%;left:23%;bottom:9%;height:110px;background:radial-gradient(ellipse,rgba(20,183,255,.25),rgba(88,40,255,.12) 47%,transparent 73%);filter:blur(20px);z-index:-2}
.home-visual-halo{position:absolute;border:1px solid rgba(80,116,255,.17);border-radius:50%;pointer-events:none}
.home-visual-halo.halo-one{width:430px;height:250px;right:2%;top:27%;transform:rotate(-17deg)}
.home-visual-halo.halo-two{width:360px;height:360px;right:8%;top:12%;transform:rotate(14deg)}
.home-service-stack{position:absolute;right:3%;top:50%;width:330px;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:3}
.home-service-tile{
  --tile-shift:0px;
  width:278px;min-height:64px;padding:11px 17px;display:flex;align-items:center;gap:13px;
  border:1px solid rgba(139,165,255,.23);border-radius:17px;color:#fff;
  background:linear-gradient(100deg,rgba(39,61,143,.95),rgba(84,37,154,.88));
  box-shadow:0 17px 40px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.11),0 0 26px rgba(70,58,255,.08);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  animation:homeTileDrift 5.4s ease-in-out infinite;animation-delay:var(--tile-delay,0s);
  transition:transform .34s cubic-bezier(.18,.75,.25,1),border-color .25s ease,box-shadow .25s ease,filter .25s ease;
  will-change:transform;
}
.home-service-tile>span{width:37px;height:37px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.10);color:#a9ddff;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.home-service-tile svg{width:21px;height:21px}
.home-service-tile strong{font-size:14px;letter-spacing:.01em}
.home-service-tile:hover{animation:none;transform:translate3d(24px,0,0) scale(1.025);border-color:rgba(119,199,255,.50);box-shadow:0 23px 48px rgba(0,0,0,.31),0 0 30px rgba(78,71,255,.22);filter:brightness(1.08)}
.tile-hosting{margin-left:30px;background:linear-gradient(100deg,rgba(64,58,168,.96),rgba(126,45,174,.86));--tile-delay:-.5s}
.tile-vps{margin-left:0;background:linear-gradient(100deg,rgba(30,76,171,.96),rgba(95,43,178,.88));--tile-delay:-1.7s}
.tile-server{margin-left:16px;background:linear-gradient(100deg,rgba(24,79,162,.96),rgba(63,49,153,.90));--tile-delay:-2.8s}
.tile-domain{margin-left:29px;background:linear-gradient(100deg,rgba(31,74,153,.95),rgba(73,40,142,.90));--tile-delay:-3.9s}
.tile-mail{margin-left:42px;background:linear-gradient(100deg,rgba(28,64,140,.96),rgba(73,36,133,.92));--tile-delay:-4.7s}


@keyframes homeTileDrift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(7px,-2px,0)}}


/* VAT label at the same visual weight as / év */
.promo-price small,.renewal-price strong small{font-size:10px;color:#8192b3;letter-spacing:0;margin-left:5px;font-weight:700;white-space:nowrap}
.renewal-price strong small{font-size:9px;margin-left:4px}

/* Homepage: 2-80 GB plans in one horizontal stream */
.hosting-carousel-shell{position:relative;margin-top:4px}
.hosting-carousel{
  display:flex;align-items:stretch;gap:20px;overflow-x:auto;overflow-y:hidden;
  padding:30px 6px 34px;scroll-snap-type:x proximity;scroll-padding-inline:6px;
  overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;-ms-overflow-style:none;
}
.hosting-carousel::-webkit-scrollbar{display:none;width:0;height:0}
.hosting-carousel .home-hosting-card{flex:0 0 245px;min-width:245px;scroll-snap-align:start;display:flex;flex-direction:column}
.hosting-carousel .home-hosting-card ul{flex:1}
.hosting-carousel .home-hosting-card.large-home-plan{background:linear-gradient(160deg,rgba(19,38,83,.96),rgba(18,13,57,.96));border-color:rgba(106,104,255,.17)}
.standard-annual-price{min-height:139px;display:flex;flex-direction:column;justify-content:center}
.large-plan-note{padding-top:11px;border-top:1px solid rgba(255,255,255,.08);color:#8393b2;font-size:9px;line-height:1.4}







@media (max-width:1100px){
  .hero-home-v5 .hero-grid{grid-template-columns:1fr .9fr;gap:20px}
  .home-service-stack{right:-2%;transform:translateY(-50%) scale(.92);transform-origin:right center}
  
  .hosting-carousel .home-hosting-card{flex-basis:238px;min-width:238px}
}
@media (max-width:860px){
  .hero-home-v5 .hero-grid{grid-template-columns:1fr}
  .home-service-visual{min-height:455px;margin-top:-15px}
  .home-service-stack{right:8%;top:50%;transform:translateY(-50%)}
  
}
@media (max-width:760px){
  .hosting-carousel{display:grid;grid-template-columns:1fr;overflow:visible;padding:20px 0 0;gap:17px;scroll-snap-type:none}
  .hosting-carousel .home-hosting-card{min-width:0;width:100%;flex:auto;scroll-snap-align:none}
  .hosting-carousel .price-card.featured,.hosting-carousel .price-card.featured:hover{transform:none}
  
}
@media (max-width:600px){
  .hero-home-v5{padding-top:42px}
  .hero-wave-background svg{width:155%;left:-28%}
  .home-service-visual{min-height:390px;margin-top:-5px}
  .home-service-stack{width:285px;right:0;gap:8px;transform:translateY(-50%) scale(.9);transform-origin:right center}
  .home-service-tile{width:245px;min-height:58px;border-radius:15px;padding:9px 13px}.home-service-tile>span{width:34px;height:34px}.home-service-tile strong{font-size:13px}
  .tile-hosting{margin-left:26px}.tile-vps{margin-left:0}.tile-server{margin-left:12px}.tile-domain{margin-left:24px}.tile-mail{margin-left:34px}
  
}
@media (prefers-reduced-motion:reduce){
  .home-service-tile{animation:none!important}
  .home-service-tile:hover{transform:translateX(12px)}
  .hosting-carousel{scroll-behavior:auto}
}

/* 2026-09-04 v6: WEB cloud + animated network cables + one-card hosting navigation */
.home-service-visual{min-height:520px;overflow:visible}
.home-network-cables{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible;pointer-events:none}
.network-cable-shadow,.network-cable-flow{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.network-cable-shadow{stroke:rgba(4,15,43,.95);stroke-width:8;filter:drop-shadow(0 0 7px rgba(22,91,255,.2))}
.network-cable-flow{stroke:url(#homeCableGradient);stroke-width:3;stroke-dasharray:12 14;stroke-dashoffset:0;filter:url(#homeCableGlow);animation:cableDataFlow 2.8s linear infinite,cableColorShift 6s ease-in-out infinite alternate}
.cable-flow-2{animation-delay:-.45s,-1.2s}.cable-flow-3{animation-delay:-.9s,-2.1s}.cable-flow-4{animation-delay:-1.35s,-3s}.cable-flow-5{animation-delay:-1.8s,-3.8s}
.network-hub-ring{fill:#dff9ff;stroke:#39c8ff;stroke-width:3;filter:drop-shadow(0 0 10px rgba(55,198,255,.8));animation:hubPulse 2.2s ease-in-out infinite}
@keyframes cableDataFlow{to{stroke-dashoffset:-52}}
@keyframes cableColorShift{0%{filter:url(#homeCableGlow) hue-rotate(0deg) saturate(1.05)}100%{filter:url(#homeCableGlow) hue-rotate(52deg) saturate(1.45)}}
@keyframes hubPulse{0%,100%{opacity:.65;transform:scale(.88);transform-origin:174px 258px}50%{opacity:1;transform:scale(1.15);transform-origin:174px 258px}}

.home-web-cloud{position:absolute;left:0;top:50%;z-index:4;width:198px;height:88px;transform:translateY(-50%);border-radius:56px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(208,233,255,.93) 54%,rgba(159,204,255,.88));border:1px solid rgba(255,255,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 18px 42px rgba(0,0,0,.26),0 0 40px rgba(100,194,255,.2);animation:webCloudFloat 6.2s ease-in-out infinite;isolation:isolate}
.home-web-cloud:before,.home-web-cloud:after{content:"";position:absolute;z-index:0;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(195,226,255,.94));border:1px solid rgba(255,255,255,.72)}
.home-web-cloud:before{width:96px;height:96px;left:24px;top:-47px;box-shadow:inset 0 1px rgba(255,255,255,.95)}
.home-web-cloud:after{width:124px;height:124px;right:18px;top:-65px;box-shadow:inset 0 1px rgba(255,255,255,.95)}
.home-web-cloud span{position:absolute;z-index:2;left:50%;top:49%;transform:translate(-50%,-50%);font-size:27px;line-height:1;font-weight:950;letter-spacing:.08em;color:#153672;text-shadow:0 1px 0 rgba(255,255,255,.7)}
@keyframes webCloudFloat{0%,100%{transform:translate3d(0,-50%,0)}50%{transform:translate3d(5px,calc(-50% - 7px),0)}}

.home-service-stack{z-index:3}
.home-service-tile{pointer-events:none;transition:none;animation:homeTileBalloon 6.4s ease-in-out infinite;animation-delay:var(--tile-delay,0s);will-change:transform}
.home-service-tile:hover{animation:homeTileBalloon 6.4s ease-in-out infinite;animation-delay:var(--tile-delay,0s);transform:none;border-color:rgba(139,165,255,.23);box-shadow:0 17px 40px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.11),0 0 26px rgba(70,58,255,.08);filter:none}
@keyframes homeTileBalloon{0%,100%{transform:translate3d(0,0,0) rotate(-.15deg)}25%{transform:translate3d(4px,-5px,0) rotate(.15deg)}50%{transform:translate3d(8px,-1px,0) rotate(.05deg)}75%{transform:translate3d(3px,4px,0) rotate(-.1deg)}}

/* Promotional hosting price: +ÁFA above /év, together matching the price height. */
.promo-price{display:flex;align-items:stretch;gap:8px;margin:0 0 12px;color:#fff;white-space:nowrap}
.promo-price-main{display:block;font-size:32px;line-height:1;font-weight:900;letter-spacing:-.04em}
.promo-price-meta{height:32px;display:flex;flex-direction:column;justify-content:space-between;padding:2px 0 1px}
.promo-price-meta small{display:block!important;margin:0!important;font-size:9px!important;line-height:1!important;color:#8192b3!important;font-weight:750!important;letter-spacing:0!important}
.renewal-price strong{display:inline-flex;align-items:baseline;white-space:nowrap;color:#d7e2f4}
.renewal-price strong small,.annual-price-inline small{font-size:9px;color:#8192b3;letter-spacing:0;margin-left:3px;font-weight:700;white-space:nowrap;text-transform:none}
.annual-price-inline{white-space:nowrap}

/* Four plans fill the desktop viewport. Navigation overlaps the edge by roughly half. */
.hosting-carousel-shell{position:relative;margin-top:4px;overflow:visible}
.hosting-carousel{display:flex;align-items:stretch;gap:18px;overflow-x:auto;overflow-y:hidden;padding:32px 1px 34px;scroll-snap-type:x mandatory;scroll-padding-inline:1px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}
.hosting-carousel .home-hosting-card{flex:0 0 calc((100% - 54px)/4);min-width:calc((100% - 54px)/4);scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column}
.hosting-carousel .home-hosting-card ul{flex:1}
.hosting-carousel-nav{position:absolute;z-index:12;top:48%;width:86px;border:0;background:transparent;color:#a9bce0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;font:inherit;transition:opacity .2s ease,visibility .2s ease,filter .2s ease;filter:drop-shadow(0 10px 24px rgba(0,0,0,.28))}
.hosting-carousel-next{right:-43px}.hosting-carousel-prev{left:-43px}
.hosting-carousel-nav.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.hosting-nav-arrow{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#1d87ff,#6b46ff 62%,#aa3dff);border:1px solid rgba(138,189,255,.42);box-shadow:0 0 0 8px rgba(59,100,255,.055),0 0 30px rgba(76,72,255,.28);animation:hostingArrowPulse 1.9s ease-in-out infinite}
.hosting-nav-arrow svg{width:23px}.hosting-carousel-prev .hosting-nav-arrow svg{transform:rotate(180deg)}
.hosting-nav-label{width:112px;text-align:center;font-size:9px;line-height:1.25;font-weight:900;letter-spacing:.045em;color:#91a8d1;text-shadow:0 1px 8px #071023}
.hosting-carousel-nav:hover .hosting-nav-arrow,.hosting-carousel-nav:focus-visible .hosting-nav-arrow{box-shadow:0 0 0 11px rgba(59,100,255,.08),0 0 38px rgba(91,80,255,.42);filter:brightness(1.12)}
.hosting-carousel-nav:hover .hosting-nav-label,.hosting-carousel-nav:focus-visible .hosting-nav-label{color:#e4efff}
@keyframes hostingArrowPulse{0%,100%{transform:translateX(0);opacity:.76}50%{transform:translateX(5px);opacity:1}}
.hosting-carousel-prev .hosting-nav-arrow{animation-name:hostingArrowPulseLeft}
@keyframes hostingArrowPulseLeft{0%,100%{transform:translateX(0);opacity:.76}50%{transform:translateX(-5px);opacity:1}}

@media (max-width:1100px) and (min-width:761px){
  .hosting-carousel-next{right:6px}.hosting-carousel-prev{left:6px}
  .home-web-cloud{left:-2%;transform:translateY(-50%) scale(.9);transform-origin:left center}
  .home-network-cables{left:-2%;width:104%}
  .hosting-carousel .home-hosting-card{flex-basis:calc((100% - 36px)/3);min-width:calc((100% - 36px)/3)}
}
@media (max-width:860px){
  .home-service-visual{min-height:455px}
  .home-web-cloud{left:2%;top:50%;transform:translateY(-50%) scale(.86);transform-origin:left center}
  .home-service-stack{right:3%}
  .home-network-cables{left:0;width:100%}
}
@media (max-width:760px){
  .hosting-carousel{display:grid;grid-template-columns:1fr;overflow:visible;padding:20px 0 0;gap:17px;scroll-snap-type:none}
  .hosting-carousel .home-hosting-card{min-width:0;width:100%;flex:auto;scroll-snap-align:none}
  .hosting-carousel-nav{display:none!important}
}
@media (max-width:600px){
  .home-service-visual{min-height:410px}
  .home-web-cloud{width:145px;height:66px;left:-4%;top:51%;border-radius:44px;transform:translateY(-50%) scale(.9)}
  .home-web-cloud:before{width:70px;height:70px;left:18px;top:-34px}.home-web-cloud:after{width:90px;height:90px;right:14px;top:-47px}
  .home-web-cloud span{font-size:21px}
  .home-service-stack{width:255px;right:-5%;gap:7px;transform:translateY(-50%) scale(.82);transform-origin:right center}
  .home-network-cables{left:-5%;width:110%;height:100%}
  .promo-price-main{font-size:30px}.promo-price-meta{height:30px}
}
@media (prefers-reduced-motion:reduce){
  .network-cable-flow,.network-hub-ring,.home-web-cloud,.home-service-tile,.hosting-nav-arrow{animation:none!important}
  .home-service-tile:hover{transform:none!important}
  .hosting-carousel{scroll-behavior:auto}
}


/* 2026-09-04 v7: clickable service nodes, continuous cable data flow, refined mobile hero */
.hero-lead-expanded{display:grid;gap:12px;max-width:660px}
.hero-lead-expanded p{margin:0;color:inherit;font:inherit;line-height:inherit}

.home-service-tile{pointer-events:auto;text-decoration:none;cursor:pointer;color:#fff;transition:none}
.home-service-tile:hover{animation:homeTileBalloon 6.4s ease-in-out infinite;animation-delay:var(--tile-delay,0s);transform:none;border-color:rgba(139,165,255,.23);box-shadow:0 17px 40px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.11),0 0 26px rgba(70,58,255,.08);filter:none}
.home-service-tile:focus-visible{outline:2px solid #72ddff;outline-offset:4px}

.network-cable-shadow{stroke:#02050d;stroke-width:10;opacity:.98;filter:drop-shadow(0 0 8px rgba(0,0,0,.55))}
.network-cable-flow{stroke:url(#homeCableGradient);stroke-width:4.2;stroke-dasharray:none!important;stroke-dashoffset:0!important;opacity:1;filter:url(#homeCableGlow);animation:none!important}
.network-hub-ring{fill:#e6fbff;stroke:#62dfff;stroke-width:3;filter:drop-shadow(0 0 11px rgba(91,218,255,.78));animation:hubPulse 2.2s ease-in-out infinite}

/* Bring +ÁFA closer to /év while keeping the two-line vertical treatment. */
.promo-price-meta{height:32px;justify-content:flex-start!important;padding:7px 0 0!important;gap:0!important}
.promo-price-meta small{line-height:.95!important}

@media (max-width:860px){
  .hero-home-v5 .hero-grid{gap:4px}
  .home-service-visual{width:100%;max-width:680px;margin-inline:auto;min-height:440px}
  .home-web-cloud{left:3%;top:51%;transform:translateY(-50%) scale(.84)}
  .home-service-stack{right:1%;top:50%;width:300px;transform:translateY(-50%) scale(.92);transform-origin:right center}
  .home-network-cables{left:0;width:100%;height:100%}
}
@media (max-width:600px){
  .hero-home-v5 .hero-grid{gap:0}
  .home-service-visual{min-height:390px;max-width:100%;overflow:hidden;margin-top:8px}
  .home-web-cloud{width:132px;height:62px;left:0;top:51%;border-radius:42px;transform:translateY(-50%) scale(.86)}
  .home-web-cloud:before{width:64px;height:64px;left:15px;top:-30px}
  .home-web-cloud:after{width:82px;height:82px;right:11px;top:-42px}
  .home-web-cloud span{font-size:19px}
  .home-service-stack{width:228px;right:-13px;gap:6px;transform:translateY(-50%) scale(.82);transform-origin:right center}
  .home-service-tile{width:220px;min-height:55px;padding:8px 11px;border-radius:14px;gap:10px}
  .home-service-tile>span{width:32px;height:32px;border-radius:9px}
  .home-service-tile svg{width:18px;height:18px}
  .home-service-tile strong{font-size:12px}
  .tile-hosting{margin-left:20px}.tile-vps{margin-left:0}.tile-server{margin-left:8px}.tile-domain{margin-left:18px}.tile-mail{margin-left:26px}
  .home-network-cables{left:-2%;width:104%;height:100%}
  .promo-price-meta{height:30px;padding-top:7px!important}
}
@media (max-width:420px){
  .home-service-visual{min-height:355px}
  .home-web-cloud{width:116px;height:54px;left:-3%;transform:translateY(-50%) scale(.82)}
  .home-web-cloud:before{width:56px;height:56px;left:14px;top:-27px}.home-web-cloud:after{width:72px;height:72px;right:10px;top:-37px}
  .home-web-cloud span{font-size:17px}
  .home-service-stack{width:205px;right:-18px;transform:translateY(-50%) scale(.78)}
  .home-service-tile{width:205px;min-height:52px}
}
@media (prefers-reduced-motion:reduce){
  .network-cable-flow{animation:none!important}
  .home-service-tile:hover{transform:none!important}
}

/* 2026-09-04 v8: continuous cable gradient, moving diagonal data cuts, .hu registrar badge */
.network-cable-shadow{stroke:#01040b;stroke-width:11;opacity:1;filter:drop-shadow(0 0 8px rgba(0,0,0,.58))}
.network-cable-flow{stroke-width:5.4;stroke-dasharray:none!important;stroke-dashoffset:0!important;opacity:1;filter:url(#homeCableGlow);animation:none!important}
.network-data-cut{stroke:#02040a;stroke-width:2.3;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.95;filter:drop-shadow(0 0 1px rgba(0,0,0,.85));pointer-events:none}

.registrar-section{position:relative;padding:0 0 86px;background:linear-gradient(180deg,rgba(8,15,32,0),rgba(8,15,32,.35))}
.registrar-card{display:grid;grid-template-columns:minmax(260px,.78fr) 1.22fr;align-items:center;gap:42px;padding:28px 34px;border:1px solid rgba(105,179,255,.18);border-radius:26px;background:linear-gradient(135deg,rgba(16,33,69,.9),rgba(16,18,48,.9));box-shadow:0 22px 64px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.045);overflow:hidden;position:relative}
.registrar-card:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-105px;top:-150px;background:radial-gradient(circle,rgba(104,71,255,.22),transparent 68%);pointer-events:none}
.registrar-logo-wrap{background:#fff;border-radius:19px;padding:20px 24px;box-shadow:0 18px 42px rgba(0,0,0,.2);position:relative;z-index:1}
.registrar-logo-wrap img{width:100%;height:auto;display:block}
.registrar-copy{position:relative;z-index:1}.registrar-copy .eyebrow{margin-bottom:10px}.registrar-copy h2{font-size:clamp(28px,3vw,43px);line-height:1.08;letter-spacing:-.035em;margin:0 0 13px}.registrar-copy p{font-size:13px;line-height:1.75;color:#9fb0ce;max-width:720px;margin:0 0 22px}

.testimonial-track{animation-duration:92s}

@media (max-width:860px){.registrar-card{grid-template-columns:1fr;gap:26px;padding:28px}.registrar-logo-wrap{max-width:470px}.registrar-section{padding-bottom:70px}}
@media (max-width:600px){.registrar-card{padding:20px;border-radius:20px}.registrar-logo-wrap{padding:14px 16px;border-radius:15px}.registrar-copy h2{font-size:30px}.registrar-copy p{font-size:12px}.network-data-cut{stroke-width:2}}
@media (prefers-reduced-motion:reduce){.network-data-cut{display:none}.testimonial-track{animation-duration:.01ms!important}}


/* 2026-09-04 v9: guaranteed coloured Servers cable + stacked contact CTA */
.network-cable-flow-server{stroke:url(#homeCableGradientServer)!important;stroke-width:6.2;opacity:1;filter:url(#homeCableGlow) drop-shadow(0 0 4px rgba(92,218,255,.36))}
.cta-contact-stack{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:7px;min-width:220px}
.cta-contact-stack .btn{min-width:220px;white-space:nowrap}
.cta-contact-stack .btn svg{width:18px;height:18px}

@media (max-width:760px){.cta-contact-stack{width:100%;min-width:0;max-width:360px}.cta-contact-stack .btn{width:100%;min-width:0}.cta-band .container{align-items:flex-start}}


/* 2026-09-04 v10: stacked white CTA buttons + unique lightweight subpage hero graphics */
.cta-contact-stack{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;min-width:230px}
.cta-contact-stack .btn{display:flex!important;width:100%!important;min-width:230px!important;background:#fff!important;color:#09132b!important;border-color:#fff!important;box-shadow:0 12px 30px rgba(0,0,0,.15)!important}
.cta-contact-stack .btn:hover{background:#f4f8ff!important;color:#071126!important;box-shadow:0 15px 34px rgba(0,0,0,.2),0 0 0 1px rgba(100,190,255,.2)!important}
.cta-contact-stack .btn svg{color:#176fff}


.subpage-visual{--viz-a:#44d7ff;--viz-b:#7149ff;position:relative;min-height:430px;isolation:isolate;overflow:visible;filter:drop-shadow(0 24px 35px rgba(0,0,0,.18))}
.subpage-visual:before{content:"";position:absolute;inset:9% 3% 5%;border-radius:48% 52% 44% 56%;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--viz-a) 27%,transparent),transparent 48%),radial-gradient(circle at 64% 54%,color-mix(in srgb,var(--viz-b) 22%,transparent),transparent 58%);filter:blur(10px);z-index:-3}
.subviz-grid{position:absolute;inset:8% 2% 4%;border-radius:36px;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle,#000 25%,transparent 72%)}
.subviz-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--viz-a) 28%,transparent);border-radius:50%;opacity:.6;animation:subvizOrbit 11s linear infinite}
.subviz-orbit-a{width:360px;height:225px;left:13%;top:24%;transform:rotate(-18deg)}
.subviz-orbit-b{width:270px;height:300px;left:29%;top:14%;transform:rotate(23deg);animation-direction:reverse;animation-duration:14s}
@keyframes subvizOrbit{50%{border-color:color-mix(in srgb,var(--viz-b) 42%,transparent);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--viz-a) 22%,transparent))}}


















/* Page-specific silhouettes. */






















@media (max-width:1100px){.subpage-visual{min-height:390px}}
@media (max-width:860px){.subpage-visual{width:100%;max-width:620px;min-height:350px;margin:0 auto}.subhero.compact .subpage-visual{min-height:320px}.subviz-orbit-a{left:18%}.subviz-orbit-b{left:31%}}
@media (max-width:600px){.subpage-visual{min-height:300px;overflow:hidden}.subhero.compact .subpage-visual{min-height:270px}.subviz-orbit-a{width:290px;height:180px;left:7%;top:25%}.subviz-orbit-b{width:220px;height:245px;left:28%;top:13%}.legal-hero{padding:28px 0 0}.contact-hero .legal-hero{padding-bottom:0}}
@media (max-width:420px){.subpage-visual{min-height:270px}.subviz-orbit-a{left:1%}}
@media (prefers-reduced-motion:reduce){.subviz-orbit{animation:none!important}}

/* 2026-09-04 v11: mobile hero geometry, unified hosting selectors, CMS brand marks, subpage CTA consistency */

/* Official CMS brand marks are shown only on the three CMS hosting visuals. */






/* Hosting-family package cards use the same visual language as the homepage selector. */
.hosting-subpage-card{display:flex;flex-direction:column;min-height:100%;background:linear-gradient(160deg,rgba(18,38,82,.96),rgba(13,15,48,.97));border-color:rgba(105,123,255,.18);box-shadow:0 22px 55px rgba(0,0,0,.2)}
.hosting-subpage-card ul{flex:1}
.hosting-subpage-card .hosting-plan-title{display:flex;align-items:baseline;gap:10px;flex-wrap:nowrap}
.hosting-subpage-card .hosting-plan-title span,.hosting-subpage-card .hosting-plan-title em{font-size:24px!important;color:#fff!important;font-weight:900!important;line-height:1!important;margin:0!important;padding:0!important;background:none!important;font-style:normal!important}
.plan-description{margin:15px 0 0;color:#91a4c6;font-size:11px;line-height:1.65;min-height:54px}
.reseller-price small,.year-price small{font-size:9px;color:#8292b1;font-weight:700;white-space:nowrap}
.hosting-subpage-card .card-cta{margin-top:auto}

/* Every lower service CTA uses the homepage stacked white buttons. */
.subpage-cta-band .cta-contact-stack{display:flex!important;flex-direction:column!important;gap:10px!important;align-items:stretch!important}
.subpage-cta-band .cta-contact-stack .btn{background:#fff!important;color:#09132b!important;border-color:#fff!important;min-width:230px!important;width:100%!important}
.subpage-cta-band .cta-contact-stack .btn:hover{background:#f4f8ff!important;color:#09132b!important}

/* On small screens the hero artwork keeps the exact 640x520 coordinate system proportionally.
   This keeps every cable endpoint aligned with its service tile instead of independently scaling
   the cloud and the cards. */
@media (max-width:600px){
  .hero-home-v5{padding-top:36px;padding-bottom:34px;background:linear-gradient(155deg,#07112c 0%,#11104a 54%,#09153a 100%)}
  .hero-home-v5 .hero-grid{gap:18px;align-items:start}
  .hero-home-v5 .hero-copy{padding-top:0}
  .hero-home-v5 .hero-copy:before,.hero-home-v5 .hero-copy:after{opacity:.45}
  .hero-home-v5 h1{font-size:clamp(40px,11vw,50px);line-height:1.01;margin-bottom:20px}
  .hero-home-v5 .hero-lead{font-size:15px;line-height:1.65}
  .hero-wave-background{inset:0}
  .hero-wave-background svg{inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;opacity:.72;filter:saturate(1.05)}

  .home-service-visual{position:relative;width:100%;max-width:none;aspect-ratio:640/520;height:auto!important;min-height:0!important;margin:6px 0 0!important;overflow:visible!important}
  .home-network-cables{position:absolute;inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;overflow:visible}

  .home-web-cloud{width:30.94%!important;height:16.92%!important;left:0!important;top:49.62%!important;transform:translateY(-50%)!important;border-radius:999px!important;animation:webCloudFloatMobile 6.2s ease-in-out infinite!important}
  .home-web-cloud:before{width:48.5%!important;height:109%!important;left:12%!important;top:-53%!important}
  .home-web-cloud:after{width:62.6%!important;height:141%!important;right:9%!important;top:-74%!important}
  .home-web-cloud span{font-size:clamp(14px,4.4vw,22px)!important}

  .home-service-stack{position:absolute;right:3%!important;top:50%!important;width:51.56%!important;height:69.23%!important;transform:translateY(-50%)!important;transform-origin:center!important;display:flex!important;flex-direction:column!important;gap:2.78%!important}
  .home-service-tile{box-sizing:border-box;width:84.24%!important;min-height:0!important;height:17.78%!important;flex:0 0 17.78%!important;padding:1.3% 4%!important;border-radius:clamp(9px,2.6vw,15px)!important;gap:4%!important;animation:homeTileBalloonMobile 6.4s ease-in-out infinite!important}
  .home-service-tile>span{width:17%!important;height:auto!important;aspect-ratio:1/1!important;border-radius:28%!important}
  .home-service-tile svg{width:55%!important;height:55%!important}
  .home-service-tile strong{font-size:clamp(9px,2.8vw,13px)!important}
  .tile-hosting{margin-left:9.09%!important}.tile-vps{margin-left:0!important}.tile-server{margin-left:4.85%!important}.tile-domain{margin-left:8.79%!important}.tile-mail{margin-left:12.73%!important}
  .home-visual-halo.halo-one{width:67%;height:48%;right:2%;top:27%}.home-visual-halo.halo-two{width:56%;height:69%;right:8%;top:12%}

  @keyframes homeTileBalloonMobile{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(2.5%, -2%, 0)}}
  @keyframes webCloudFloatMobile{0%,100%{transform:translate3d(0,-50%,0)}50%{transform:translate3d(2%,-53%,0)}}
}

@media (max-width:420px){
  .hero-home-v5{padding-top:30px}
  .home-service-visual{aspect-ratio:640/520!important;min-height:0!important}
  .home-service-stack{right:2.5%!important}
  .home-service-tile strong{font-size:10px!important}
  .trust-inline{font-size:9px;gap:8px 11px}
}

@media (max-width:760px){
  .pricing-grid .hosting-subpage-card{transform:none!important}
  .plan-description{min-height:0}
  .subpage-cta-band .cta-contact-stack{width:100%;max-width:360px}
  .subpage-cta-band .cta-contact-stack .btn{min-width:0!important;width:100%!important}
}

/* v11.1 mobile hero polish: calmer background and cable-safe floating */
@media (max-width:600px){
  .hero-home-v5{
    background:
      radial-gradient(circle at 82% 69%,rgba(104,55,255,.20),transparent 38%),
      radial-gradient(circle at 18% 83%,rgba(0,151,255,.13),transparent 42%),
      linear-gradient(160deg,#07122e 0%,#101247 54%,#0b1234 100%)!important;
  }
  /* The desktop wave artwork is intentionally hidden on phones: the mobile
     background stays clean while the service illustration remains the focal point. */
  .hero-wave-background svg{display:none!important}
  .hero-home-v5:after{opacity:.18!important;background-size:56px 56px!important}

  /* SVG, cloud and cards share the same 640x520 proportional coordinate space.
     Only a tiny vertical float remains, so cables stay visually plugged into cards. */
  .home-service-tile{animation:homeTileBalloonMobileSafe 6.4s ease-in-out infinite!important}
  .tile-hosting{animation-delay:-.5s!important}.tile-vps{animation-delay:-1.7s!important}.tile-server{animation-delay:-2.8s!important}.tile-domain{animation-delay:-3.9s!important}.tile-mail{animation-delay:-4.7s!important}
  .home-web-cloud{animation:none!important}
  @keyframes homeTileBalloonMobileSafe{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-1.2%,0)}}
}

/* Hosting package subpages use a consistent four-column selector language. */
.pricing-grid .hosting-subpage-card{border-radius:22px}
@media (min-width:761px){
  .pricing-grid:has(.hosting-subpage-card){grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
}
@media (max-width:760px){
  .pricing-grid:has(.hosting-subpage-card){grid-template-columns:1fr}
  .hosting-subpage-card{width:100%;max-width:520px;margin-inline:auto}
}

/* 2026-09-04 v12: premium hosting hero illustrations based on the approved concept set */
.subpage-visual--premium-hosting{min-height:430px;overflow:visible}
.subpage-visual--premium-hosting .subviz-grid{opacity:.18}
.hosting-art{position:absolute;inset:0;z-index:2;pointer-events:none;animation:hostingArtFloat 7.2s ease-in-out infinite}
@keyframes hostingArtFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* 1. Standard SSD hosting: illuminated rack stack. */
.hosting-art--ssd{display:grid;place-items:center}
.hosting-server-stack{position:absolute;left:50%;top:47%;width:230px;height:235px;transform:translate(-50%,-50%);perspective:900px}
.hosting-server-unit{position:absolute;left:0;width:100%;height:55px;border:1px solid rgba(110,215,255,.4);border-radius:13px;background:linear-gradient(165deg,#183878 0%,#112454 58%,#0b1737 100%);box-shadow:inset 0 1px rgba(255,255,255,.12),0 15px 30px rgba(0,0,0,.26),0 0 22px rgba(44,168,255,.08);transform:skewY(-2deg);overflow:hidden}
.hosting-server-unit:nth-child(1){top:0}.hosting-server-unit:nth-child(2){top:59px}.hosting-server-unit:nth-child(3){top:118px}.hosting-server-unit:nth-child(4){top:177px}
.hosting-server-unit:before{content:"";position:absolute;left:18px;top:22px;width:9px;height:9px;border-radius:50%;background:#22e2c1;box-shadow:17px 0 #39a9ff,0 0 13px #22e2c1}
.hosting-server-unit:after{content:"";position:absolute;right:18px;top:18px;width:70px;height:18px;border-radius:5px;background:repeating-linear-gradient(90deg,rgba(77,196,255,.2) 0 3px,transparent 3px 7px),#071226;border:1px solid rgba(107,202,255,.18)}
.hosting-server-unit b{position:absolute;right:98px;top:18px;color:#67e4ff;font-size:11px;letter-spacing:.16em}
.hosting-server-unit--main{background:linear-gradient(160deg,#16478c,#1b2e68 60%,#141447)}
.hosting-server-unit--main b{right:22px;top:13px;font-size:24px;letter-spacing:.02em;color:#91f5ff;text-shadow:0 0 16px rgba(96,219,255,.6)}
.hosting-art-label{position:absolute;left:50%;top:82%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;color:#fff;text-align:center}
.hosting-art-label strong{font-size:16px;letter-spacing:.05em}.hosting-art-label small{font-size:8px;letter-spacing:.14em;color:#8fdfff}
.hosting-light-trail{position:absolute;left:13%;top:58%;width:74%;height:95px;border:3px solid transparent;border-top-color:#44cfff;border-bottom-color:#724bff;border-radius:50%;filter:drop-shadow(0 0 8px rgba(78,180,255,.6));transform:rotate(-10deg);opacity:.65}
.hosting-light-trail.trail-b{top:64%;transform:rotate(12deg);border-top-color:#7e4fff;border-bottom-color:#32d8ff;animation-delay:-2.5s}

/* 2. Package selector: four floating glass package tiles. */
.hosting-art--plans{display:flex;align-items:center;justify-content:center;gap:10px;padding:52px 36px 92px}
.plan-visual-card{position:relative;width:94px;height:145px;border-radius:22px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(160deg,rgba(31,72,153,.96),rgba(24,24,88,.96));box-shadow:0 22px 38px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.11);display:flex;flex-direction:column;justify-content:flex-end;padding:18px 12px;color:#fff;transform:translateY(var(--dy,0)) rotate(var(--r,0deg));animation:planTileFloat 5.8s ease-in-out infinite}
.plan-v1{--dy:18px;--r:-5deg}.plan-v2{--dy:-8px;--r:-2deg;animation-delay:-1s}.plan-v3{--dy:7px;--r:2deg;animation-delay:-2s}.plan-v4{--dy:-18px;--r:5deg;animation-delay:-3s}
.plan-visual-card:before{content:"";position:absolute;inset:12px 12px auto;height:40px;border-radius:11px;background:linear-gradient(135deg,rgba(66,222,255,.2),rgba(150,75,255,.26));box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.plan-visual-card:after{content:"";position:absolute;left:20px;right:20px;top:72px;height:2px;background:linear-gradient(90deg,#48d9ff,#9e55ff);box-shadow:0 0 12px rgba(88,190,255,.55)}
.plan-visual-card span{font-size:22px;font-weight:950}.plan-visual-card small{font-size:9px;color:#9edfff;font-weight:850;letter-spacing:.1em}
@keyframes planTileFloat{0%,100%{transform:translateY(var(--dy,0)) rotate(var(--r,0deg))}50%{transform:translateY(calc(var(--dy,0) - 8px)) rotate(var(--r,0deg))}}
.plans-platform{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);min-width:290px;padding:12px 20px;border-radius:16px;background:linear-gradient(90deg,rgba(15,43,94,.95),rgba(39,20,92,.95));border:1px solid rgba(80,196,255,.18);text-align:center;color:#fff;box-shadow:0 15px 35px rgba(0,0,0,.25)}
.plans-platform b{display:block;font-size:13px;letter-spacing:.08em}.plans-platform small{font-size:9px;color:#90dfff}

/* 3. Comparison graphic. */
.hosting-art--compare{display:grid;place-items:center}
.compare-panel{width:min(92%,390px);height:225px;display:flex;align-items:flex-end;gap:14px;padding:28px 22px 38px;border-radius:28px;background:linear-gradient(165deg,rgba(13,34,79,.93),rgba(21,15,59,.94));border:1px solid rgba(100,210,255,.17);box-shadow:0 28px 55px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08)}
.compare-panel>div{position:relative;flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;color:#fff}
.compare-panel b{font-size:9px;letter-spacing:.07em}.compare-panel i{display:block;width:34px;height:var(--h);border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#43dcff,#704cff 60%,#a13fff);box-shadow:0 0 25px rgba(80,151,255,.24)}
.compare-panel span{font-size:8px;color:#a7deff;white-space:nowrap}
.compare-caption{position:absolute;bottom:35px;text-align:center;color:#fff}.compare-caption strong{display:block;font-size:13px}.compare-caption small{font-size:9px;color:#99dfff}

/* 4. Giant storage: stacked cylindrical disks and MAX cloud. */
.hosting-art--large{display:grid;place-items:center}
.storage-tower{position:absolute;left:48%;top:49%;width:170px;height:238px;transform:translate(-50%,-50%)}
.storage-tower>span{position:absolute;left:4px;width:162px;height:58px;border-radius:50%;background:linear-gradient(180deg,#1a3f7d 0%,#0a193c 46%,#142f67 48%,#0c1734 100%);border:2px solid rgba(102,217,255,.34);box-shadow:inset 0 5px 10px rgba(255,255,255,.05),0 0 18px rgba(57,156,255,.16)}
.storage-tower>span:before{content:"";position:absolute;inset:7px 11px;border-radius:50%;border-top:2px solid #4be0ff;border-bottom:2px solid #774cff;filter:drop-shadow(0 0 7px rgba(82,194,255,.45))}
.storage-tower>span:nth-child(1){top:0}.storage-tower>span:nth-child(2){top:53px}.storage-tower>span:nth-child(3){top:106px}.storage-tower>span:nth-child(4){top:159px}
.storage-tower strong{position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);color:#9df6ff;font-size:20px;text-shadow:0 0 16px rgba(82,222,255,.55);z-index:4}
.storage-cloud{position:absolute;right:6%;top:12%;width:142px;height:82px;border-radius:60px;background:radial-gradient(circle at 34% 25%,rgba(92,227,255,.62),rgba(80,93,255,.44) 48%,rgba(159,55,255,.42));border:1px solid rgba(126,224,255,.36);box-shadow:0 0 35px rgba(83,112,255,.23);display:grid;place-content:center;text-align:center;color:#fff}
.storage-cloud:before,.storage-cloud:after{content:"";position:absolute;border-radius:50%;background:inherit;border:inherit}.storage-cloud:before{width:54px;height:54px;left:15px;top:-22px}.storage-cloud:after{width:64px;height:64px;right:13px;top:-31px}
.storage-cloud span,.storage-cloud b{position:relative;z-index:2;line-height:1}.storage-cloud span{font-size:23px;font-weight:950}.storage-cloud b{font-size:14px;color:#b9f5ff;margin-top:4px}
.storage-floor{position:absolute;left:21%;right:18%;bottom:46px;height:46px;border-radius:50%;border:1px solid rgba(68,209,255,.28);box-shadow:0 0 30px rgba(87,95,255,.24),inset 0 0 20px rgba(50,185,255,.08)}
.capacity-chip{position:absolute;padding:8px 10px;border-radius:12px;background:rgba(21,46,99,.84);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:8px;font-weight:900;box-shadow:0 10px 24px rgba(0,0,0,.2)}.capacity-chip-a{left:7%;top:28%}.capacity-chip-b{right:1%;top:47%}.capacity-chip-c{left:12%;bottom:18%}

/* 5. VIP: dark/gold rack with crown. */
.hosting-art--vip{display:grid;place-items:center}
.vip-server{position:absolute;left:47%;top:52%;width:178px;height:215px;transform:translate(-50%,-50%)}
.vip-server>span{position:relative;display:block;height:61px;margin-bottom:7px;border-radius:13px;border:1px solid rgba(255,203,86,.34);background:linear-gradient(160deg,#332912,#15172a 50%,#0d1429);box-shadow:0 12px 24px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.08)}
.vip-server>span i:first-child:before{content:"";position:absolute;left:15px;top:22px;width:8px;height:8px;border-radius:50%;background:#ffca4c;box-shadow:18px 0 #ffe8a4,0 0 12px #ffba31}
.vip-server .vip-main{display:grid;place-items:center;background:linear-gradient(150deg,#513b12,#1d1a22 60%,#17122a)}.vip-server .vip-main b{font-size:34px;color:#ffe39b;letter-spacing:.06em;text-shadow:0 0 18px rgba(255,186,49,.55)}
.vip-crown{position:absolute;left:47%;top:11%;width:105px;height:55px;transform:translateX(-50%);clip-path:polygon(0 100%,4% 20%,27% 63%,48% 0,70% 63%,96% 18%,100% 100%);background:linear-gradient(180deg,#fff0a2,#ffba31 52%,#7b4c08);filter:drop-shadow(0 0 14px rgba(255,185,49,.42));z-index:4}.vip-crown i{display:none}
.vip-ring{position:absolute;left:8%;right:14%;top:60%;height:72px;border:3px solid transparent;border-top-color:#ffd65c;border-bottom-color:#8a4cff;border-radius:50%;transform:rotate(-8deg);filter:drop-shadow(0 0 9px rgba(255,181,47,.45));opacity:.78}.vip-ring-b{top:67%;transform:rotate(10deg);border-top-color:#8c4fff;border-bottom-color:#ffcd52}
.vip-note{position:absolute;right:0;padding:9px 11px;border-radius:12px;background:linear-gradient(145deg,rgba(55,43,19,.87),rgba(29,19,55,.88));border:1px solid rgba(255,208,101,.18);color:#ffe6a2;font-size:8px;font-weight:900;letter-spacing:.04em}.vip-note-a{top:27%}.vip-note-b{top:48%}

/* 6. Reseller: central WHM rack with floating client browser cards. */
.hosting-art--reseller{display:grid;place-items:center}
.reseller-server{position:absolute;left:49%;top:50%;width:158px;height:190px;transform:translate(-50%,-50%)}
.reseller-server>span{display:block;height:48px;margin-bottom:6px;border-radius:11px;background:linear-gradient(160deg,#143c7c,#101b43 65%,#0a1430);border:1px solid rgba(74,220,255,.28);box-shadow:0 12px 24px rgba(0,0,0,.22)}
.reseller-server>span:before{content:"";display:block;width:8px;height:8px;margin:18px 0 0 16px;border-radius:50%;background:#3be8bf;box-shadow:16px 0 #3ec9ff}
.reseller-server b{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);padding:7px 16px;border-radius:11px;background:linear-gradient(135deg,#167bd7,#594dff);color:#fff;font-size:13px;box-shadow:0 0 24px rgba(81,104,255,.25)}
.client-window{position:absolute;width:112px;height:65px;padding:18px 8px 8px;border-radius:12px;background:linear-gradient(160deg,rgba(73,132,255,.85),rgba(118,67,255,.72));border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 25px rgba(0,0,0,.2);color:#fff}.client-window:before{content:"";position:absolute;left:8px;right:8px;top:8px;height:4px;border-radius:6px;background:rgba(255,255,255,.35)}.client-window i{display:block;height:14px;border-radius:6px;background:rgba(255,255,255,.13);margin-bottom:4px}.client-window b{font-size:7px;letter-spacing:.08em}.client-window-a{left:2%;top:13%;transform:rotate(-6deg)}.client-window-b{right:0;top:12%;transform:rotate(7deg)}.client-window-c{left:0;bottom:12%;transform:rotate(5deg)}.client-window-d{right:1%;bottom:16%;transform:rotate(-7deg)}
.reseller-link{position:absolute;height:2px;background:linear-gradient(90deg,#34e2c5,#45baff,#874eff);transform-origin:left center;box-shadow:0 0 8px rgba(71,197,255,.45)}.rl-a{left:23%;top:31%;width:112px;transform:rotate(17deg)}.rl-b{left:54%;top:32%;width:118px;transform:rotate(-18deg)}.rl-c{left:21%;top:67%;width:120px;transform:rotate(-13deg)}.rl-d{left:55%;top:66%;width:122px;transform:rotate(14deg)}
.reseller-label{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);padding:9px 18px;border-radius:13px;background:linear-gradient(90deg,rgba(20,87,151,.96),rgba(82,50,173,.96));color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em;white-space:nowrap}

/* 7. Migration: two endpoints with a luminous transfer stream. */
.hosting-art--migration{display:flex;align-items:center;justify-content:center;gap:26px}
.migration-node{width:142px;height:142px;border-radius:26px;background:linear-gradient(160deg,rgba(26,61,128,.94),rgba(24,19,72,.96));border:1px solid rgba(255,255,255,.13);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;box-shadow:0 20px 40px rgba(0,0,0,.24)}.migration-node>span{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--viz-a),var(--viz-b));box-shadow:0 0 22px color-mix(in srgb,var(--viz-a) 30%,transparent)}.migration-node svg{width:27px}.migration-node b{font-size:9px;letter-spacing:.08em}.migration-old{opacity:.68}.migration-new{transform:scale(1.08);box-shadow:0 24px 45px rgba(0,0,0,.26),0 0 30px color-mix(in srgb,var(--viz-a) 15%,transparent)}
.migration-stream{position:relative;width:104px;height:60px}.migration-stream:before{content:"";position:absolute;left:0;right:0;top:29px;height:3px;background:linear-gradient(90deg,var(--viz-a),var(--viz-b));box-shadow:0 0 10px var(--viz-a)}.migration-stream i{position:absolute;top:24px;width:12px;height:12px;border-radius:50%;background:#a2f5ff;box-shadow:0 0 12px #65dfff;animation:migrateDot 2.2s linear infinite}.migration-stream i:nth-child(2){animation-delay:-.7s}.migration-stream i:nth-child(3){animation-delay:-1.4s}.migration-stream strong{position:absolute;right:-2px;top:7px;color:#fff;font-size:38px}@keyframes migrateDot{from{left:0}to{left:86px}}
.migration-caption{position:absolute;left:50%;bottom:44px;transform:translateX(-50%);color:#a9ecff;font-size:9px;font-weight:900;letter-spacing:.12em}

/* 8. CMS: server + cloud + laptop. Only the current CMS logo is rendered. */
.hosting-art--cms{display:grid;place-items:center}
.cms-server-rack{position:absolute;left:7%;top:31%;width:118px;height:154px;opacity:.78}.cms-server-rack span{display:block;height:42px;margin-bottom:6px;border-radius:9px;background:linear-gradient(160deg,#153d78,#0b1938);border:1px solid rgba(69,188,255,.18);box-shadow:0 9px 18px rgba(0,0,0,.2)}.cms-server-rack span:before{content:"";display:block;width:6px;height:6px;margin:15px 0 0 13px;border-radius:50%;background:#46e1c5;box-shadow:13px 0 #44aaff}
.cms-cloud-upload{position:absolute;left:38%;top:8%;width:105px;height:58px;border-radius:45px;background:linear-gradient(145deg,rgba(58,186,255,.48),rgba(88,75,255,.38));border:1px solid rgba(130,225,255,.28);display:grid;place-items:center;color:#fff;box-shadow:0 0 25px rgba(70,118,255,.2)}.cms-cloud-upload:before,.cms-cloud-upload:after{content:"";position:absolute;border-radius:50%;background:inherit;border:inherit}.cms-cloud-upload:before{width:43px;height:43px;left:12px;top:-18px}.cms-cloud-upload:after{width:48px;height:48px;right:13px;top:-23px}.cms-cloud-upload b{position:relative;z-index:3;font-size:30px}
.cms-laptop{position:absolute;left:45%;top:25%;width:260px;height:200px;transform:rotate(-4deg)}.cms-screen{position:absolute;left:0;right:0;top:0;height:158px;border:7px solid #14284e;border-radius:13px;background:linear-gradient(160deg,#eff7ff,#c7defb);box-shadow:0 26px 45px rgba(0,0,0,.25),0 0 28px color-mix(in srgb,var(--viz-a) 18%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#0a2b58;overflow:hidden}.cms-screen:before{content:"";position:absolute;left:13px;right:13px;top:13px;height:6px;border-radius:8px;background:linear-gradient(90deg,#91b4d9 0 22%,transparent 22% 28%,#b2c9e4 28% 72%,transparent 72%)}
.cms-brand-single{position:relative;z-index:2;display:block;max-width:112px;max-height:76px;object-fit:contain;margin-bottom:7px}.hosting-art--cms-wordpress .cms-brand-single{max-width:78px}.hosting-art--cms-joomla .cms-brand-single{max-width:124px}.hosting-art--cms-drupal .cms-brand-single{max-width:128px}
.cms-screen strong{position:relative;z-index:2;font-size:15px}.cms-screen small{position:relative;z-index:2;font-size:8px;font-weight:850;letter-spacing:.08em;color:#37659b;margin-top:3px}.cms-keyboard{position:absolute;left:-20px;right:-20px;bottom:8px;height:35px;border-radius:5px 5px 18px 18px;background:linear-gradient(180deg,#c2d7f4,#6b91c6);clip-path:polygon(9% 0,91% 0,100% 100%,0 100%);box-shadow:0 13px 20px rgba(0,0,0,.22)}
.cms-data-line{position:absolute;left:18%;top:57%;width:45%;height:62px;border:3px solid transparent;border-top-color:var(--viz-a);border-bottom-color:var(--viz-b);border-radius:50%;transform:rotate(7deg);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--viz-a) 44%,transparent));opacity:.72}.cms-data-line-b{top:64%;transform:rotate(-7deg);border-top-color:var(--viz-b);border-bottom-color:var(--viz-a)}
.cms-feature-pill{position:absolute;right:0;padding:8px 11px;border-radius:12px;background:linear-gradient(145deg,rgba(21,48,99,.85),rgba(42,23,91,.82));border:1px solid rgba(255,255,255,.1);color:#fff;font-size:7px;font-weight:900;letter-spacing:.05em}.cms-pill-a{top:18%}.cms-pill-b{top:40%}.cms-pill-c{top:62%}

/* Responsive handling for the premium hosting hero illustrations. */
@media (max-width:1100px){
  .subpage-visual--premium-hosting{min-height:390px}
  .hosting-art--plans{padding-left:10px;padding-right:10px}.plan-visual-card{width:82px}
  .client-window{width:96px}.cms-laptop{left:42%;width:238px}.cms-feature-pill{right:-2%}
}
@media (max-width:860px){
  .subpage-visual--premium-hosting{min-height:365px;max-width:640px;margin-inline:auto;overflow:hidden}
  .hosting-art{transform:scale(.92);transform-origin:center center}.hosting-art--migration{transform:scale(.88)}
  .cms-feature-pill{right:2%}.client-window-a,.client-window-c{left:4%}.client-window-b,.client-window-d{right:4%}
}
@media (max-width:600px){
  .subpage-visual--premium-hosting{min-height:315px}
  .hosting-art{transform:scale(.76);transform-origin:center center;inset:-25px -45px}.hosting-art--plans{gap:7px;padding:48px 20px 90px}.plan-visual-card{width:80px;height:138px}.plans-platform{bottom:23px}
  .hosting-server-stack{top:48%}.hosting-art-label{top:83%}.storage-cloud{right:10%;top:16%}.capacity-chip{display:none}.vip-note{right:5%}.client-window{width:91px}.reseller-label{bottom:25px}
  .hosting-art--migration{gap:18px}.migration-node{width:125px;height:125px}.migration-stream{width:82px}.migration-stream strong{right:-9px}.migration-stream i{animation-name:migrateDotMobile}@keyframes migrateDotMobile{from{left:0}to{left:64px}}
  .cms-laptop{left:43%;top:28%;width:230px}.cms-server-rack{left:10%;top:36%;width:100px}.cms-cloud-upload{left:36%;top:12%}.cms-feature-pill{right:5%}
}
@media (max-width:420px){
  .subpage-visual--premium-hosting{min-height:285px}
  .hosting-art{transform:scale(.67);inset:-32px -70px}.hosting-art--plans{padding-inline:35px}.plan-visual-card{width:76px}.compare-panel{width:390px}
  .hosting-art--migration{transform:scale(.64);inset:-30px -115px}.cms-laptop{left:42%}.cms-feature-pill{right:7%}
}
@media (prefers-reduced-motion:reduce){.hosting-art,.plan-visual-card,.migration-stream i{animation:none!important}}

/* 2026-09-04 v13: premium VPS & Server hero illustrations.
   These are intentionally different from the hosting artwork: hardware-first,
   darker, sharper, more technical, and each submenu has its own silhouette. */
.subpage-visual--premium-server{min-height:430px;overflow:visible}
.subpage-visual--premium-server .subviz-grid{opacity:.16;background-size:27px 27px}
.subpage-visual--premium-server .subviz-orbit{opacity:.38}
.server-art{position:absolute;inset:0;z-index:2;pointer-events:none;animation:serverArtFloat 7.4s ease-in-out infinite;transform-origin:center center}
@keyframes serverArtFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.server-art:before{content:"";position:absolute;left:12%;right:7%;bottom:7%;height:19%;border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--viz-a) 25%,transparent),transparent 67%);filter:blur(12px);opacity:.72}

/* Shared compact spec cards used around hardware visuals. */
.server-spec{position:absolute;z-index:5;min-width:112px;min-height:55px;padding:8px 11px;border-radius:14px;border:1px solid rgba(110,213,255,.18);background:linear-gradient(145deg,rgba(18,48,103,.88),rgba(31,20,82,.88));box-shadow:0 15px 30px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.08);display:grid;grid-template-columns:31px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.server-spec>span{grid-row:1/3;width:31px;height:31px;border-radius:9px;display:grid;place-items:center;color:var(--viz-a);background:rgba(255,255,255,.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.server-spec svg{width:17px}.server-spec b{font-size:9px;line-height:1.1;letter-spacing:.065em}.server-spec small{font-size:7px;color:#9dc8ed;white-space:nowrap}

/* 1. SSD VPS: floating micro-datacenter / compute stack. */
.server-art--vpsssd{display:grid;place-items:center}
.vps-stack{position:absolute;left:47%;top:52%;width:190px;height:220px;transform:translate(-50%,-50%) perspective(800px) rotateX(2deg) rotateY(-8deg)}
.vps-stack>span{position:absolute;left:0;width:100%;height:47px;border-radius:12px;border:1px solid rgba(88,211,255,.34);background:linear-gradient(165deg,#17407d 0%,#102450 58%,#09152f 100%);box-shadow:0 12px 23px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.1),0 0 22px rgba(63,184,255,.08);overflow:hidden}
.vps-stack>span:nth-child(1){top:0}.vps-stack>span:nth-child(2){top:52px}.vps-stack>span:nth-child(3){top:104px}.vps-stack>span:nth-child(4){top:156px}
.vps-stack>span:before{content:"";position:absolute;left:15px;top:20px;width:7px;height:7px;border-radius:50%;background:#30edc2;box-shadow:14px 0 #50caff,0 0 11px #30edc2}
.vps-stack>span:after{content:"";position:absolute;right:14px;top:15px;width:63px;height:18px;border-radius:5px;background:repeating-linear-gradient(90deg,rgba(91,204,255,.18) 0 3px,transparent 3px 7px),#071327;border:1px solid rgba(100,203,255,.14)}
.vps-stack b{position:absolute;right:83px;top:17px;color:#79e9ff;font-size:9px;letter-spacing:.12em}
.vps-chip-top{position:absolute;z-index:7;left:47%;top:12%;width:136px;height:80px;transform:translateX(-50%) rotate(-4deg);border-radius:18px;background:linear-gradient(145deg,#152b72,#3a34bc 58%,#5c37cf);border:1px solid rgba(141,220,255,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9cecff;box-shadow:0 0 25px rgba(77,119,255,.28),0 18px 30px rgba(0,0,0,.23)}
.vps-chip-top:before{content:"";position:absolute;inset:-8px;border:1px dashed rgba(83,221,255,.25);border-radius:23px}.vps-chip-top b{font-size:28px;line-height:1;letter-spacing:.08em;text-shadow:0 0 18px rgba(74,223,255,.45)}.vps-chip-top small{margin-top:4px;font-size:8px;letter-spacing:.16em;color:#fff}
.server-art--vpsssd .spec-a{left:2%;top:20%}.server-art--vpsssd .spec-b{right:0;top:22%}.server-art--vpsssd .spec-c{left:1%;bottom:14%}.server-art--vpsssd .spec-d{right:1%;bottom:16%}
.server-glow-ring{position:absolute;left:47%;top:60%;width:300px;height:105px;transform:translate(-50%,-50%) rotate(-8deg);border:2px solid transparent;border-top-color:#54dfff;border-bottom-color:#6b4dff;border-radius:50%;filter:drop-shadow(0 0 8px rgba(73,205,255,.55));opacity:.72}.ring-two{width:245px;height:82px;top:64%;transform:translate(-50%,-50%) rotate(10deg);border-top-color:#7d52ff;border-bottom-color:#42e6d2;animation:serverRing 6.4s ease-in-out infinite}@keyframes serverRing{0%,100%{opacity:.35}50%{opacity:.9}}

/* 2. HDD VPS: large mechanical drive / platter visual. */
.server-art--vpshdd{display:grid;place-items:center}
.hdd-rack-bg{position:absolute;right:2%;top:10%;width:145px;height:225px;opacity:.24;filter:blur(.2px)}.hdd-rack-bg span{display:block;height:58px;margin-bottom:8px;border-radius:10px;background:linear-gradient(160deg,#154b8e,#071d3f);border:1px solid rgba(84,196,255,.16);box-shadow:0 8px 20px rgba(0,0,0,.22)}
.hdd-shell{position:absolute;left:48%;top:51%;width:235px;height:245px;transform:translate(-50%,-50%) rotate(-6deg);border-radius:28px 28px 22px 22px;background:linear-gradient(145deg,#1d4b83 0%,#b9d9f6 6%,#5b84ac 9%,#0a1d3b 15%,#0a1832 100%);border:2px solid rgba(133,214,255,.42);box-shadow:0 30px 45px rgba(0,0,0,.33),0 0 28px rgba(43,147,255,.18);overflow:hidden}
.hdd-shell:before{content:"";position:absolute;inset:16px;border-radius:20px;background:linear-gradient(145deg,#142a4d,#09162e);border:1px solid rgba(255,255,255,.08)}
.hdd-platter{position:absolute;z-index:2;left:45px;top:36px;width:147px;height:147px;border-radius:50%;background:radial-gradient(circle,#08162e 0 13%,#a7d6fb 14% 18%,#244f7a 19% 21%,#bfe8ff 22% 35%,#3e709d 36% 40%,#c7edff 41% 55%,#366a97 56% 62%,#c6edff 63% 76%,#4e7da8 77% 82%,#122d50 83%);box-shadow:inset 0 0 20px rgba(255,255,255,.2),0 0 20px rgba(70,184,255,.23)}.hdd-platter i{position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%);border-radius:50%;background:#07172f;border:5px solid #82c6ef}
.hdd-arm{position:absolute;z-index:3;left:120px;top:75px;width:89px;height:18px;border-radius:10px;background:linear-gradient(180deg,#e0edf8,#6387a9);transform:rotate(-33deg);transform-origin:75px 9px;box-shadow:0 5px 10px rgba(0,0,0,.24)}.hdd-head{position:absolute;z-index:4;left:93px;top:97px;width:27px;height:20px;border-radius:6px;background:#80b5d9;transform:rotate(-33deg)}
.hdd-shell>b{position:absolute;z-index:5;left:0;right:0;bottom:35px;text-align:center;color:#b9e7ff;font-size:23px;letter-spacing:.06em}.hdd-shell>small{position:absolute;z-index:5;left:0;right:0;bottom:19px;text-align:center;color:#7dbde6;font-size:7px;letter-spacing:.11em}
.server-art--vpshdd .spec-a{left:0;top:18%}.server-art--vpshdd .spec-b{right:0;top:30%}.server-art--vpshdd .spec-c{right:2%;bottom:14%}

/* 3. VPS options: interactive-looking stack of plan blades. */
.server-art--vpsoptions{display:grid;place-items:center}
.vps-plan-fan{position:absolute;inset:13% 1% 20%;display:flex;align-items:center;justify-content:center;gap:7px;perspective:900px}
.vps-mini-plan{width:94px;height:200px;padding:19px 8px 10px;border-radius:16px;border:1px solid rgba(104,223,255,.25);background:linear-gradient(170deg,rgba(20,59,126,.96),rgba(11,27,65,.98));display:flex;flex-direction:column;align-items:center;gap:12px;color:#dff7ff;box-shadow:0 20px 32px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.1);transform-origin:center bottom}
.vps-mini-plan strong{font-size:11px;letter-spacing:.05em;color:#fff}.vps-mini-plan span{font-size:8px;color:#94ccee;white-space:nowrap}.mp-1{transform:rotateY(10deg) translateY(8px)}.mp-2{height:222px;border-color:#58ddff;box-shadow:0 20px 36px rgba(0,0,0,.26),0 0 25px rgba(60,197,255,.17)}.mp-2 strong{color:#6beaff}.mp-3{height:210px}.mp-4{transform:rotateY(-10deg) translateY(5px);background:linear-gradient(170deg,rgba(73,48,163,.96),rgba(23,24,76,.98));border-color:rgba(142,92,255,.35)}
.vps-mini-plan:after{content:"";display:block;width:58%;height:3px;margin-top:auto;border-radius:8px;background:linear-gradient(90deg,var(--viz-a),var(--viz-b));box-shadow:0 0 9px color-mix(in srgb,var(--viz-a) 35%,transparent)}
.config-caption{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);padding:9px 17px;border-radius:14px;background:linear-gradient(90deg,rgba(17,74,139,.93),rgba(69,42,153,.93));color:#fff;display:flex;flex-direction:column;align-items:center;box-shadow:0 10px 25px rgba(0,0,0,.18)}.config-caption b{font-size:9px;letter-spacing:.09em}.config-caption small{margin-top:2px;font-size:7px;color:#a8dcff;letter-spacing:.1em}

/* 4. Dedicated server: tall single physical server tower. */
.server-art--dedicated{display:grid;place-items:center}
.dedicated-tower{position:absolute;left:46%;top:50%;width:150px;height:270px;transform:translate(-50%,-50%) perspective(900px) rotateY(-9deg);padding:19px 12px;border-radius:13px;background:linear-gradient(160deg,#071225,#0d2a50 16%,#061124 100%);border:1px solid rgba(73,197,255,.35);box-shadow:0 30px 45px rgba(0,0,0,.38),0 0 32px rgba(47,158,255,.15),inset 5px 0 0 rgba(49,182,255,.38)}
.dedicated-tower>span{display:block;height:35px;margin-bottom:8px;border-radius:6px;background:linear-gradient(180deg,#143d72,#081a35);border:1px solid rgba(92,195,255,.13);position:relative}.dedicated-tower>span:before{content:"";position:absolute;left:11px;top:13px;width:6px;height:6px;border-radius:50%;background:#42e2c4;box-shadow:12px 0 #4db8ff,0 0 8px #42e2c4}.dedicated-tower>span:after{content:"";position:absolute;right:10px;top:10px;width:52px;height:13px;border-radius:4px;background:repeating-linear-gradient(90deg,rgba(70,188,255,.19) 0 2px,transparent 2px 5px),#061226}
.dedicated-tower>b{display:block;margin-top:10px;text-align:center;color:#aeeaff;font-size:18px;letter-spacing:.08em}.dedicated-tower>small{display:block;text-align:center;color:#6bb8e8;font-size:8px;letter-spacing:.14em}
.dedicated-floor{position:absolute;left:46%;top:81%;width:270px;height:70px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(73,203,255,.34);box-shadow:0 0 28px rgba(62,171,255,.18),inset 0 0 30px rgba(75,128,255,.09)}
.server-art--dedicated .spec-a{right:0;top:18%}.server-art--dedicated .spec-b{right:1%;top:42%}.server-art--dedicated .spec-c{right:2%;bottom:15%}

/* 5. Server prices: small rack farm, floating price tag and rising bars. */
.server-art--prices{display:grid;place-items:center}
.price-racks{position:absolute;left:8%;top:22%;width:290px;height:220px;display:flex;gap:10px;align-items:flex-end;transform:perspective(900px) rotateY(8deg)}.price-racks>span{position:relative;display:block;flex:1;border-radius:11px 11px 7px 7px;background:linear-gradient(165deg,#0d315d,#07172f);border:1px solid rgba(73,185,255,.2);box-shadow:0 19px 30px rgba(0,0,0,.26),inset 3px 0 rgba(67,181,255,.18)}.price-racks>span:nth-child(1){height:148px}.price-racks>span:nth-child(2){height:188px}.price-racks>span:nth-child(3){height:216px}.price-racks>span:before{content:"";position:absolute;inset:13px 10px;background:repeating-linear-gradient(180deg,rgba(58,160,235,.22) 0 7px,transparent 7px 17px);border-radius:5px}.price-racks>span:after{content:"";position:absolute;left:13px;bottom:15px;width:6px;height:6px;border-radius:50%;background:#3ee7c4;box-shadow:13px 0 #4db4ff}
.price-tag-3d{position:absolute;right:7%;top:17%;width:116px;height:104px;transform:rotate(7deg);border-radius:18px 18px 22px 8px;background:linear-gradient(145deg,#1676c5,#3447d1 55%,#6944db);border:1px solid rgba(142,230,255,.34);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 18px 30px rgba(0,0,0,.24),0 0 24px rgba(69,131,255,.22)}.price-tag-3d:before{content:"";position:absolute;left:-13px;top:24px;border-right:15px solid #2461cb;border-top:12px solid transparent;border-bottom:12px solid transparent}.price-tag-3d b{font-size:34px;line-height:1}.price-tag-3d small{font-size:7px;letter-spacing:.08em;margin-top:5px}
.server-bars{position:absolute;right:3%;bottom:15%;width:155px;height:120px;display:flex;align-items:flex-end;gap:8px;padding:10px 12px;border-left:1px solid rgba(112,218,255,.25);border-bottom:1px solid rgba(112,218,255,.25)}.server-bars i{display:block;flex:1;height:var(--bar);border-radius:5px 5px 0 0;background:linear-gradient(180deg,var(--viz-a),var(--viz-b));box-shadow:0 0 10px color-mix(in srgb,var(--viz-a) 30%,transparent)}
.price-caption{position:absolute;left:20%;bottom:11%;display:flex;flex-direction:column;color:#fff}.price-caption b{font-size:11px;letter-spacing:.08em}.price-caption small{font-size:8px;color:#7bc9f1;margin-top:3px}

/* 6. Server options: modular stack plus four hardware/network selectors. */
.server-art--options{display:grid;place-items:center}
.modular-server{position:absolute;left:36%;top:51%;width:165px;height:230px;transform:translate(-50%,-50%) rotate(-4deg)}.modular-server span{display:block;height:48px;margin-bottom:9px;border-radius:11px;border:1px solid rgba(97,211,255,.26);background:linear-gradient(160deg,#173d79,#0a1c3e 66%,#08132b);box-shadow:0 12px 24px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.08)}.modular-server span:before{content:"";display:block;width:7px;height:7px;margin:19px 0 0 15px;border-radius:50%;background:#42e2c3;box-shadow:15px 0 #4dbdff}.modular-server span:nth-child(1){transform:translateX(12px)}.modular-server span:nth-child(2){transform:translateX(-2px)}.modular-server span:nth-child(3){transform:translateX(8px)}.modular-server span:nth-child(4){transform:translateX(-6px)}
.server-option{position:absolute;right:1%;width:178px;min-height:55px;padding:8px 10px;border-radius:14px;background:linear-gradient(145deg,rgba(19,48,103,.92),rgba(33,21,88,.92));border:1px solid rgba(120,214,255,.18);display:flex;align-items:center;gap:10px;color:#fff;box-shadow:0 13px 28px rgba(0,0,0,.23)}.server-option>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--viz-a);background:rgba(255,255,255,.055)}.server-option svg{width:18px}.server-option div{display:flex;flex-direction:column}.server-option b{font-size:9px;letter-spacing:.05em}.server-option small{font-size:7px;color:#a7cbed;margin-top:2px}.server-option.op-a{top:11%}.server-option.op-b{top:30%}.server-option.op-c{top:49%}.server-option.op-d{top:68%}
.option-caption{position:absolute;left:11%;bottom:9%;display:flex;flex-direction:column;color:#fff}.option-caption b{font-size:11px;letter-spacing:.1em}.option-caption small{font-size:8px;color:#85ccf5;margin-top:3px}

/* Responsive handling for the VPS & Server visuals. */
@media (max-width:1100px){
  .subpage-visual--premium-server{min-height:395px}
  .server-spec{min-width:102px}.server-option{width:162px}.vps-plan-fan{gap:5px}.vps-mini-plan{width:85px}
}
@media (max-width:860px){
  .subpage-visual--premium-server{min-height:365px;max-width:640px;margin-inline:auto;overflow:hidden}
  .server-art{transform:scale(.91);inset:-12px -24px}.server-spec{transform:scale(.92)}
}
@media (max-width:600px){
  .subpage-visual--premium-server{min-height:320px}
  .server-art{transform:scale(.74);inset:-38px -78px}
  .server-spec{transform:scale(.86)}
  .server-art--vpsssd .spec-a{left:4%}.server-art--vpsssd .spec-b{right:4%}.server-art--vpsssd .spec-c{left:4%}.server-art--vpsssd .spec-d{right:4%}
  .server-art--vpshdd .spec-a{left:3%}.server-art--vpshdd .spec-b,.server-art--vpshdd .spec-c{right:3%}
  .vps-plan-fan{inset:15% -3% 18%;gap:4px}.vps-mini-plan{width:78px;height:180px}.mp-2{height:198px}.mp-3{height:190px}
  .server-art--dedicated .spec-a,.server-art--dedicated .spec-b,.server-art--dedicated .spec-c{right:4%}
  .price-tag-3d{right:8%}.server-bars{right:7%}.server-option{right:6%}
}
@media (max-width:420px){
  .subpage-visual--premium-server{min-height:290px}
  .server-art{transform:scale(.64);inset:-55px -112px}.server-spec{transform:scale(.82)}
  .vps-plan-fan{inset:17% 0 17%}.vps-mini-plan{width:72px}.server-option{right:8%}
}
@media (prefers-reduced-motion:reduce){.server-art,.server-glow-ring{animation:none!important}}

/* 2026-09-04 v14: unique Domain-family hero visuals */
.subpage-visual--domain .subviz-grid,.subpage-visual--domainprices .subviz-grid,.subpage-visual--domaindocs .subviz-grid,.subpage-visual--domaintransfer .subviz-grid,.subpage-visual--accentdomain .subviz-grid{opacity:.22}
.domain-art{position:absolute;inset:0;overflow:hidden;isolation:isolate}
.domain-art:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;left:50%;top:49%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(45,118,255,.2),rgba(112,55,255,.08) 46%,transparent 70%);filter:blur(2px);z-index:-1}
.domain-art:after{content:"";position:absolute;left:8%;right:6%;bottom:8%;height:1px;background:linear-gradient(90deg,transparent,var(--viz-a),var(--viz-b),transparent);box-shadow:0 0 24px color-mix(in srgb,var(--viz-a) 55%,transparent);opacity:.6}

/* Domain registration – glowing globe + search */
.domain-globe{position:absolute;left:50%;top:49%;width:220px;height:220px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 36% 28%,#2d91ff 0,#1254cc 34%,#102269 67%,#0b123d 100%);border:1px solid rgba(124,215,255,.65);box-shadow:0 0 0 8px rgba(60,149,255,.045),0 0 65px rgba(39,125,255,.42),inset -32px -28px 52px rgba(5,9,38,.48);animation:domainFloat 5.8s ease-in-out infinite}
.domain-globe:before{content:"";position:absolute;inset:-16px;border:1px solid rgba(71,212,255,.27);border-radius:50%;transform:rotate(20deg) scaleY(.53)}
.domain-globe:after{content:"";position:absolute;inset:-30px;border:1px solid rgba(132,76,255,.24);border-radius:50%;transform:rotate(-28deg) scaleY(.44)}
.domain-globe b{position:absolute;inset:0;display:grid;place-items:center;font-size:54px;letter-spacing:-.06em;color:#fff;text-shadow:0 0 28px rgba(85,209,255,.75);z-index:3}
.domain-globe-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(174,227,255,.26)}
.domain-globe-ring.ring-a{transform:scaleX(.34)}.domain-globe-ring.ring-b{transform:scaleX(.62)}.domain-globe-ring.ring-c{transform:scaleY(.36)}
.domain-globe-lat,.domain-globe-lon{position:absolute;left:8%;right:8%;height:1px;top:36%;background:rgba(195,235,255,.17)}.domain-globe-lat.lat-b{top:64%}.domain-globe-lon{left:50%;right:auto;top:8%;bottom:8%;width:1px;height:auto;background:rgba(195,235,255,.16)}.domain-globe-lon.lon-b{transform:rotate(90deg)}
.domain-search-pill{position:absolute;left:50%;bottom:10%;transform:translateX(-50%) rotate(-3deg);width:min(330px,72%);height:56px;border-radius:18px;display:flex;align-items:center;gap:5px;padding:0 13px 0 18px;background:linear-gradient(145deg,rgba(229,247,255,.98),rgba(187,217,255,.96));color:#0b2e69;border:2px solid rgba(93,204,255,.85);box-shadow:0 15px 40px rgba(5,20,75,.45),0 0 35px rgba(49,174,255,.28);z-index:6}
.domain-search-pill span{color:#5079a9;font-weight:800}.domain-search-pill strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.domain-search-pill i{margin-left:auto;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#198cff,#7250ff);color:#fff;display:grid;place-items:center}.domain-search-pill i svg{width:17px}
.domain-tld{position:absolute;z-index:5;min-width:60px;padding:12px 15px;border-radius:15px;text-align:center;font-size:18px;font-weight:950;background:linear-gradient(145deg,rgba(17,73,162,.94),rgba(80,33,177,.9));border:1px solid rgba(117,201,255,.38);box-shadow:0 12px 35px rgba(1,11,50,.42),0 0 25px rgba(73,126,255,.22);animation:domainChipFloat 4.6s ease-in-out infinite}.domain-tld-a{left:12%;top:20%}.domain-tld-b{right:12%;top:14%;animation-delay:-1.1s}.domain-tld-c{left:10%;bottom:26%;animation-delay:-2.1s}.domain-tld-d{right:8%;bottom:25%;animation-delay:-3.1s}
.domain-accreditation-mini{position:absolute;right:7%;top:49%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:rgba(9,27,67,.78);border:1px solid rgba(89,232,200,.28);font-size:7px;letter-spacing:.06em;color:#c8dafa;z-index:7}.domain-accreditation-mini span{width:22px;height:22px;border-radius:8px;display:grid;place-items:center;background:rgba(64,232,199,.14);color:#55e8c8}.domain-accreditation-mini b{max-width:88px;line-height:1.25}

/* Domain prices – floating price table */
.domain-art--prices{display:grid;place-items:center}.domain-price-stack{position:absolute;left:10%;top:16%;width:72%;display:grid;gap:9px;perspective:800px}.domain-price-row{min-height:58px;border-radius:16px;display:grid;grid-template-columns:74px 1fr 34px;align-items:center;padding:8px 10px;background:linear-gradient(105deg,rgba(12,54,135,.94),rgba(25,18,93,.92));border:1px solid rgba(90,173,255,.3);box-shadow:0 12px 35px rgba(0,0,0,.28);transform:rotateY(-4deg);transition:.25s ease}.domain-price-row:nth-child(2){margin-left:16px}.domain-price-row:nth-child(3){margin-left:30px}.domain-price-row:nth-child(4){margin-left:46px}.domain-price-row.is-featured{border-color:rgba(84,216,255,.72);box-shadow:0 0 28px rgba(84,216,255,.18),0 12px 35px rgba(0,0,0,.3)}.domain-price-row>b{font-size:25px;color:#d8f4ff;text-shadow:0 0 18px rgba(84,216,255,.55)}.domain-price-row span{display:flex;flex-direction:column}.domain-price-row strong{font-size:14px}.domain-price-row small{font-size:8px;color:#8ea9ce;text-transform:uppercase;letter-spacing:.08em}.domain-price-row i{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--viz-a),var(--viz-b));font-style:normal}.domain-price-badge{position:absolute;right:7%;bottom:10%;width:115px;height:115px;border-radius:28px;display:grid;place-items:center;text-align:center;padding:14px;background:linear-gradient(145deg,#087ad4,#4a35ca);border:1px solid rgba(255,255,255,.2);box-shadow:0 25px 60px rgba(0,0,0,.35),0 0 42px rgba(76,120,255,.28);transform:rotate(7deg)}.domain-price-badge span{font-size:35px;font-weight:950}.domain-price-badge b{font-size:8px}.domain-price-badge small{font-size:7px;color:#bad4ff}.domain-price-orbit{position:absolute;right:4%;bottom:5%;width:160px;height:70px;border:1px solid rgba(107,94,255,.28);border-radius:50%;transform:rotate(-18deg)}.domain-price-orbit.orbit-two{width:185px;height:92px;transform:rotate(15deg)}

/* Domain documents – layered sheets */
.domain-art--docs .domain-doc-sheet{position:absolute;left:50%;top:50%;width:210px;height:250px;border-radius:17px;transform:translate(-50%,-50%) rotate(3deg);background:linear-gradient(155deg,#f4f9ff,#bcd8ff);box-shadow:0 28px 60px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.8);color:#12336b}.domain-art--docs .doc-back{transform:translate(-60%,-52%) rotate(-8deg);opacity:.45}.domain-art--docs .doc-middle{transform:translate(-45%,-54%) rotate(9deg);opacity:.68}.domain-art--docs .doc-front{z-index:3;padding:24px 20px}.domain-doc-head{display:flex;align-items:center;gap:9px;margin-bottom:25px}.domain-doc-head span{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#176dff;color:#fff}.domain-doc-head svg{width:17px}.domain-doc-head b{font-size:11px;line-height:1.2}.domain-doc-sheet ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.domain-doc-sheet li{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:800}.domain-doc-sheet li i{width:18px;height:18px;border-radius:6px;display:grid;place-items:center;background:#1978ff;color:#fff;font-style:normal;font-size:9px}.domain-download-bubble{position:absolute;right:10%;bottom:8%;z-index:5;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,#145cff,#633cff);border:2px solid rgba(83,217,255,.8);box-shadow:0 0 42px rgba(54,149,255,.42),0 22px 45px rgba(0,0,0,.32)}.domain-download-bubble span{font-size:38px;line-height:1}.domain-download-bubble small{font-size:7px;margin-top:-13px}.domain-doc-spark{position:absolute;width:7px;height:7px;border-radius:50%;background:#54d8ff;box-shadow:0 0 20px #54d8ff}.domain-doc-spark.spark-a{left:16%;top:27%;animation:domainChipFloat 3.7s ease-in-out infinite}.domain-doc-spark.spark-b{right:19%;top:17%;background:#894cff;box-shadow:0 0 20px #894cff;animation:domainChipFloat 4.3s ease-in-out infinite -1s}

/* Domain transfer – old registrar to AB Plusz */
.domain-art--transfer .domain-browser{position:absolute;top:27%;width:185px;height:175px;border-radius:19px;padding:40px 18px 18px;background:linear-gradient(150deg,rgba(29,46,88,.96),rgba(15,21,57,.96));border:1px solid rgba(108,141,208,.28);box-shadow:0 22px 55px rgba(0,0,0,.38);display:flex;flex-direction:column;align-items:center;justify-content:center}.domain-browser.transfer-old{left:8%;transform:rotate(-7deg);opacity:.72}.domain-browser.transfer-new{right:7%;transform:rotate(5deg);background:linear-gradient(145deg,#0e62de,#2639b8);border-color:rgba(80,217,255,.65);box-shadow:0 0 45px rgba(38,131,255,.28),0 22px 55px rgba(0,0,0,.38)}.browser-dots{position:absolute;left:14px;top:13px;display:flex;gap:5px}.browser-dots i{width:6px;height:6px;border-radius:50%;background:#7d90b5}.browser-dots i:nth-child(2){background:#5dcfff}.browser-dots i:nth-child(3){background:#8f5cff}.domain-browser>b{font-size:31px}.domain-browser.transfer-new>b{font-size:38px;font-style:italic}.domain-browser.transfer-new>b span{color:#53e0ff}.domain-browser small{font-size:8px;color:#92a4c6}.domain-browser em{margin-top:18px;font-style:normal;font-size:9px;padding:7px 10px;border-radius:9px;background:rgba(255,255,255,.07);color:#d8e9ff}.domain-transfer-arrow{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);z-index:6;width:110px;height:80px;display:grid;place-items:center}.domain-transfer-arrow span{font-size:76px;color:#66e0ff;text-shadow:0 0 25px #3f7dff;line-height:1}.domain-transfer-arrow i{position:absolute;left:12px;width:7px;height:7px;border-radius:50%;background:#9a55ff;box-shadow:0 0 18px #9a55ff;animation:transferDot 1.8s linear infinite}.domain-transfer-arrow i:nth-of-type(2){animation-delay:-.6s}.domain-transfer-arrow i:nth-of-type(3){animation-delay:-1.2s}.transfer-caption{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:rgba(8,26,67,.82);border:1px solid rgba(64,217,255,.25);font-size:8px;white-space:nowrap}.transfer-caption span{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:rgba(64,217,255,.12);color:#5ee5ff}.transfer-caption svg{width:14px}

/* Accented domains – Hungarian character tiles */
.domain-art--accent .accent-domain-pill{position:absolute;left:50%;bottom:16%;transform:translateX(-50%) rotate(-3deg);width:min(360px,80%);min-height:60px;padding:0 14px 0 18px;border-radius:20px;display:flex;align-items:center;background:linear-gradient(145deg,#edf8ff,#b5d8ff);border:2px solid #48cfff;color:#0e397a;box-shadow:0 18px 45px rgba(0,0,0,.34),0 0 30px rgba(74,167,255,.3);z-index:4}.accent-domain-pill span{color:#6183ad;font-weight:800}.accent-domain-pill strong{font-size:11px;margin-left:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accent-domain-pill i{margin-left:auto;font-style:normal;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#1b83ff,#7751ff);color:#fff}.accent-key{position:absolute;z-index:5;width:54px;height:54px;border-radius:15px;display:grid;place-items:center;font-size:25px;font-weight:950;background:linear-gradient(145deg,rgba(12,99,198,.95),rgba(39,36,148,.92));border:1px solid rgba(97,211,255,.46);box-shadow:0 16px 38px rgba(0,0,0,.32),0 0 20px rgba(62,141,255,.22);animation:domainChipFloat 4.2s ease-in-out infinite}.accent-a{left:16%;top:24%}.accent-b{left:34%;top:13%;animation-delay:-.8s}.accent-c{right:30%;top:22%;animation-delay:-1.4s}.accent-d{right:12%;top:13%;animation-delay:-2s}.accent-e{left:25%;top:47%;animation-delay:-2.6s}.accent-f{right:18%;top:46%;animation-delay:-3.2s}.accent-hu-badge{position:absolute;left:50%;top:37%;transform:translate(-50%,-50%);width:125px;height:92px;border-radius:24px;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,rgba(6,60,139,.82),rgba(48,24,138,.84));border:1px solid rgba(84,225,213,.33);box-shadow:0 0 38px rgba(62,165,255,.22)}.accent-hu-badge b{font-size:34px;color:#8ef7e0}.accent-hu-badge small{font-size:7px;margin-top:-17px;color:#bdd2ef}.accent-orbit{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) rotate(17deg);width:340px;height:145px;border:1px solid rgba(62,224,200,.22);border-radius:50%}.accent-orbit-b{transform:translate(-50%,-50%) rotate(-23deg);border-color:rgba(76,112,255,.25)}

@keyframes domainFloat{0%,100%{transform:translate(-50%,-50%) translateY(0) rotate(-1deg)}50%{transform:translate(-50%,-50%) translateY(-8px) rotate(1deg)}}
@keyframes domainChipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes transferDot{0%{transform:translateX(0);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateX(82px);opacity:0}}

@media(max-width:860px){
  .domain-art{max-width:620px;left:50%;right:auto;width:100%;transform:translateX(-50%)}
  .domain-browser.transfer-old{left:10%}.domain-browser.transfer-new{right:9%}
}
@media(max-width:600px){
  .domain-globe{width:170px;height:170px}.domain-globe b{font-size:43px}.domain-tld{min-width:49px;padding:9px 11px;font-size:15px}.domain-tld-a{left:7%;top:21%}.domain-tld-b{right:7%;top:15%}.domain-tld-c{left:8%;bottom:27%}.domain-tld-d{right:5%;bottom:27%}.domain-accreditation-mini{display:none}.domain-search-pill{bottom:6%;height:49px;width:78%}.domain-search-pill strong{font-size:11px}
  .domain-price-stack{left:4%;top:12%;width:82%;gap:7px}.domain-price-row{min-height:49px;grid-template-columns:60px 1fr 30px}.domain-price-row>b{font-size:20px}.domain-price-row strong{font-size:12px}.domain-price-row:nth-child(4){margin-left:34px}.domain-price-badge{right:4%;bottom:5%;width:86px;height:86px;border-radius:22px}.domain-price-badge span{font-size:27px}.domain-price-orbit{display:none}
  .domain-art--docs .domain-doc-sheet{width:165px;height:205px}.domain-art--docs .doc-front{padding:17px 14px}.domain-doc-head{margin-bottom:16px}.domain-doc-head b{font-size:9px}.domain-doc-sheet ul{gap:8px}.domain-doc-sheet li{font-size:7px}.domain-download-bubble{right:6%;bottom:6%;width:72px;height:72px}.domain-download-bubble span{font-size:29px}
  .domain-art--transfer .domain-browser{top:27%;width:135px;height:145px;padding:33px 10px 12px}.domain-browser.transfer-old{left:3%}.domain-browser.transfer-new{right:3%}.domain-browser>b{font-size:23px}.domain-browser.transfer-new>b{font-size:29px}.domain-transfer-arrow{width:72px}.domain-transfer-arrow span{font-size:55px}.transfer-caption{bottom:5%;font-size:7px}
  .accent-key{width:44px;height:44px;border-radius:12px;font-size:20px}.accent-a{left:7%}.accent-b{left:29%;top:12%}.accent-c{right:27%}.accent-d{right:5%}.accent-e{left:17%}.accent-f{right:10%}.accent-hu-badge{width:104px;height:78px}.accent-domain-pill{bottom:8%;width:84%;min-height:52px}.accent-domain-pill strong{font-size:9px}
}
@media(max-width:420px){
  .domain-art--transfer .domain-browser{width:118px;height:132px}.domain-browser.transfer-old{left:1%}.domain-browser.transfer-new{right:1%}.domain-transfer-arrow{width:58px}.domain-transfer-arrow span{font-size:44px}.transfer-caption{display:none}
  .accent-key{width:40px;height:40px}.accent-domain-pill{width:88%}
}
@media(prefers-reduced-motion:reduce){.domain-globe,.domain-tld,.accent-key,.domain-transfer-arrow i{animation:none!important}}

/* 2026-09-04 v16: SMTP paper-plane delivery art + SSL browser/lock certificate art */
.subpage-visual--smtp,.subpage-visual--smtpserver,.subpage-visual--ssl{min-height:430px}
.subpage-visual--smtp .subviz-orbit,.subpage-visual--smtpserver .subviz-orbit,.subpage-visual--ssl .subviz-orbit{opacity:.34}

/* SMTP family — deliberately unlike the hosting and server rack hero artwork. */
.mail-art{position:absolute;inset:0;z-index:2;overflow:visible}
.mail-art:before{content:"";position:absolute;left:12%;top:19%;width:61%;height:58%;border-radius:48%;background:radial-gradient(circle at 42% 48%,rgba(56,182,255,.18),transparent 54%),radial-gradient(circle at 70% 45%,rgba(114,70,255,.17),transparent 62%);filter:blur(7px);pointer-events:none}
.smtp-envelope{position:absolute;left:27%;top:48%;width:178px;height:116px;transform:translate(-50%,-50%) rotate(-8deg);border:1px solid rgba(132,219,255,.56);border-radius:18px;background:linear-gradient(150deg,#e8f8ff 0%,#8cc8ff 42%,#356dff 100%);box-shadow:0 28px 54px rgba(0,0,0,.34),0 0 32px rgba(73,181,255,.42),inset 0 1px rgba(255,255,255,.82);overflow:hidden;animation:smtpEnvelopeFloat 5.8s ease-in-out infinite}
.smtp-envelope:before,.smtp-envelope:after{content:"";position:absolute;left:0;right:0;height:82px;border-radius:14px;pointer-events:none}
.smtp-envelope:before{top:-20px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(119,181,255,.48));clip-path:polygon(0 0,100% 0,50% 76%)}
.smtp-envelope:after{bottom:-34px;background:linear-gradient(330deg,rgba(48,105,226,.94),rgba(104,164,255,.78));clip-path:polygon(0 100%,50% 18%,100% 100%)}
.smtp-envelope-flap{position:absolute;inset:0;z-index:3;clip-path:polygon(0 0,50% 52%,100% 0,100% 12%,50% 64%,0 12%);background:linear-gradient(180deg,rgba(255,255,255,.54),rgba(108,173,255,.4));opacity:.88}
.smtp-envelope-mark{position:absolute;z-index:5;left:50%;bottom:16px;transform:translateX(-50%);font-size:14px;font-weight:950;letter-spacing:.13em;color:#fff;text-shadow:0 2px 8px rgba(0,30,100,.45)}
.smtp-plane{position:absolute;width:48px;height:48px;fill:#dff8ff;filter:drop-shadow(0 0 12px rgba(83,209,255,.72));animation:smtpPlaneFloat 5.4s ease-in-out infinite}
.smtp-plane.plane-a{left:9%;top:20%;transform:rotate(15deg);animation-delay:-1.1s}.smtp-plane.plane-b{left:50%;top:16%;width:38px;height:38px;transform:rotate(31deg);animation-delay:-3.2s}.smtp-plane.plane-c{left:56%;bottom:14%;width:33px;height:33px;transform:rotate(-10deg);animation-delay:-4.1s}
.mail-data-wave{position:absolute;height:3px;border-radius:99px;background:linear-gradient(90deg,transparent,#4be7ff 24%,#6d7cff 56%,#b450ff 82%,transparent);filter:drop-shadow(0 0 8px rgba(72,205,255,.64));opacity:.9;transform-origin:left center;animation:smtpWavePulse 5.8s ease-in-out infinite}
.wave-a{width:235px;left:19%;top:40%;transform:rotate(-20deg)}.wave-b{width:250px;left:18%;top:55%;transform:rotate(8deg);animation-delay:-1.9s}.wave-c{width:205px;left:27%;top:67%;transform:rotate(-12deg);animation-delay:-3.4s}
.smtp-auth-stack{position:absolute;right:2%;top:16%;width:172px;display:grid;gap:8px}
.smtp-auth-chip{min-height:57px;padding:9px 11px;border:1px solid rgba(99,169,255,.27);border-radius:14px;background:linear-gradient(135deg,rgba(18,50,105,.94),rgba(32,26,93,.93));display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;box-shadow:0 15px 34px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05);animation:smtpChipFloat 6.1s ease-in-out infinite}
.smtp-auth-chip:nth-child(2){animation-delay:-1.2s}.smtp-auth-chip:nth-child(3){animation-delay:-2.4s}.smtp-auth-chip:nth-child(4){animation-delay:-3.6s}
.smtp-auth-chip.is-primary{border-color:rgba(67,222,255,.58);background:linear-gradient(135deg,rgba(10,97,157,.95),rgba(64,44,164,.94));box-shadow:0 0 26px rgba(69,190,255,.17),0 15px 34px rgba(0,0,0,.22)}
.smtp-auth-chip>span{grid-row:1/3;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#8feaff;background:rgba(69,150,255,.13);border:1px solid rgba(126,211,255,.18)}
.smtp-auth-chip svg{width:18px;height:18px}.smtp-auth-chip b{font-size:12px;color:#fff;line-height:1.1}.smtp-auth-chip small{font-size:7px;color:#8ea7cc;letter-spacing:.03em}
.smtp-caption{position:absolute;left:20%;bottom:5%;min-width:260px;padding:10px 16px;border-left:2px solid #5de8ff;background:linear-gradient(90deg,rgba(17,37,83,.68),transparent);border-radius:0 12px 12px 0}.smtp-caption b{display:block;color:#fff;font-size:11px;letter-spacing:.1em}.smtp-caption small{display:block;color:#7ecdf4;font-size:8px;margin-top:3px}
.smtp-server-base{position:absolute;left:7%;top:22%;width:128px;height:185px;border-radius:18px;background:linear-gradient(160deg,#102d64,#0c1539);border:1px solid rgba(78,190,255,.36);padding:19px 14px;box-shadow:0 24px 48px rgba(0,0,0,.32),0 0 28px rgba(61,161,255,.16);transform:rotate(-3deg);z-index:1}.smtp-server-base>span{height:31px;margin-bottom:7px;border:1px solid rgba(93,173,255,.25);border-radius:8px;background:linear-gradient(180deg,#173f82,#10295b);display:flex;align-items:center;padding:0 8px;gap:5px}.smtp-server-base>span i{width:5px;height:5px;border-radius:50%;background:#48e7d2;box-shadow:0 0 8px #48e7d2}.smtp-server-base>span b{margin-left:auto;color:#71d6ff;font-size:8px}.smtp-server-base>strong{display:block;color:#fff;font-size:20px;text-align:center;margin-top:10px;letter-spacing:.08em}.smtp-server-base>small{display:block;color:#65dfff;text-align:center;font-size:7px;letter-spacing:.12em;margin-top:2px}.mail-art--smtpserver .smtp-envelope{left:39%;top:50%;width:153px;height:100px}.mail-art--smtpserver .smtp-auth-stack{right:0}.mail-art--smtpserver .smtp-caption{left:25%}
.smtp-ip-badge{position:absolute;left:3%;bottom:10%;display:grid;grid-template-columns:30px auto;grid-template-rows:auto auto;gap:1px 8px;align-items:center;padding:8px 10px;border-radius:12px;background:linear-gradient(135deg,rgba(19,58,112,.94),rgba(52,34,132,.94));border:1px solid rgba(90,209,255,.31);box-shadow:0 12px 28px rgba(0,0,0,.2)}.smtp-ip-badge>span{grid-row:1/3;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#74e8ff;background:rgba(70,173,255,.12)}.smtp-ip-badge svg{width:16px}.smtp-ip-badge b{font-size:9px;color:#fff}.smtp-ip-badge small{font-size:7px;color:#85a8cd}
@keyframes smtpEnvelopeFloat{0%,100%{transform:translate(-50%,-50%) rotate(-8deg) translateY(0)}50%{transform:translate(-50%,-50%) rotate(-5deg) translateY(-8px)}}
@keyframes smtpPlaneFloat{0%,100%{translate:0 0;opacity:.72}50%{translate:11px -7px;opacity:1}}
@keyframes smtpWavePulse{0%,100%{opacity:.46;background-position:0 0}50%{opacity:1;background-position:100px 0}}
@keyframes smtpChipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

/* SSL family — browser HTTPS + oversized padlock + certificate type cards. */
.ssl-art{position:absolute;inset:0;z-index:2}.ssl-art:before{content:"";position:absolute;left:12%;top:18%;width:70%;height:66%;border-radius:50%;background:radial-gradient(circle at 45% 52%,rgba(42,225,191,.16),transparent 46%),radial-gradient(circle at 66% 48%,rgba(59,112,255,.19),transparent 61%);filter:blur(8px)}
.ssl-browser-bar{position:absolute;left:9%;right:10%;top:12%;height:68px;padding:14px 16px 14px 92px;border-radius:17px;border:1px solid rgba(118,201,255,.42);background:linear-gradient(140deg,rgba(238,248,255,.97),rgba(153,202,255,.96));box-shadow:0 22px 44px rgba(0,0,0,.25),0 0 26px rgba(72,183,255,.18);display:flex;align-items:center;gap:7px;transform:rotate(-2deg);overflow:hidden}.ssl-browser-bar:after{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:linear-gradient(90deg,#35e3bd,#47a8ff,#7353ff)}.ssl-browser-bar .browser-dots{position:absolute;left:17px;top:25px;display:flex;gap:6px}.ssl-browser-bar .browser-dots i{width:7px;height:7px;border-radius:50%;background:#23559c;opacity:.65}.ssl-mini-lock{font-size:18px}.ssl-browser-bar strong{font-size:16px;color:#094288}.ssl-browser-bar em{font-size:10px;color:#245785;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ssl-lock-hero{position:absolute;left:28%;top:38%;width:160px;height:180px;filter:drop-shadow(0 24px 40px rgba(0,0,0,.34));animation:sslLockFloat 6.2s ease-in-out infinite}.ssl-shackle{position:absolute;left:32px;top:0;width:96px;height:96px;border:14px solid #8fe7ff;border-bottom:0;border-radius:55px 55px 0 0;box-shadow:inset 0 0 0 3px rgba(255,255,255,.25),0 0 28px rgba(65,207,255,.33)}.ssl-lock-body{position:absolute;left:9px;right:9px;bottom:0;height:112px;border-radius:22px;background:linear-gradient(150deg,#1f8eea,#173cc6 58%,#5239d5);border:1px solid rgba(154,225,255,.45);box-shadow:inset 0 1px rgba(255,255,255,.26),0 0 36px rgba(50,110,255,.27);display:flex;flex-direction:column;align-items:center;justify-content:center}.ssl-lock-body b{font-size:33px;color:#dffcff;line-height:1;text-shadow:0 0 18px rgba(91,238,255,.65)}.ssl-lock-body small{font-size:7px;color:#82e9ff;letter-spacing:.16em;margin-top:7px;font-weight:900}
.ssl-type-stack{position:absolute;right:1%;top:31%;width:176px;display:grid;gap:8px}.ssl-type{min-height:55px;border-radius:14px;padding:8px 10px;display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:center;background:linear-gradient(135deg,rgba(15,49,101,.94),rgba(30,26,87,.94));border:1px solid rgba(97,176,255,.26);box-shadow:0 13px 30px rgba(0,0,0,.2);animation:sslTypeFloat 6.3s ease-in-out infinite}.ssl-type:nth-child(2){animation-delay:-1.4s}.ssl-type:nth-child(3){animation-delay:-2.8s}.ssl-type:nth-child(4){animation-delay:-4.2s}.ssl-type>span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:rgba(67,170,255,.13);color:#80eaff}.ssl-type svg{width:17px;height:17px}.ssl-type b{display:block;font-size:11px;color:#fff}.ssl-type small{display:block;font-size:7px;color:#8fa9ca;margin-top:2px}.ssl-type.is-green{border-color:rgba(45,230,184,.42)}.ssl-type.is-green>span{color:#54efc4}.ssl-type.is-cyan{border-color:rgba(72,218,255,.42)}.ssl-type.is-purple{border-color:rgba(166,88,255,.42)}.ssl-type.is-purple>span{color:#c68cff}.ssl-type.is-blue{border-color:rgba(80,134,255,.42)}
.ssl-trust-chip{position:absolute;left:11%;bottom:6%;min-width:220px;padding:10px 13px;border-radius:13px;background:linear-gradient(135deg,rgba(18,65,112,.92),rgba(20,37,91,.92));border:1px solid rgba(62,224,187,.32);display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;gap:1px 8px;align-items:center;box-shadow:0 12px 28px rgba(0,0,0,.19)}.ssl-trust-chip>span{grid-row:1/3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#35dfb8;color:#062b29;font-weight:950;box-shadow:0 0 15px rgba(53,223,184,.36)}.ssl-trust-chip b{font-size:9px;color:#fff}.ssl-trust-chip small{font-size:7px;color:#89b8c9}
.ssl-light-orbit{position:absolute;border:1px solid rgba(72,209,255,.22);border-radius:50%;animation:sslOrbitGlow 7.3s ease-in-out infinite}.ssl-orbit-a{width:320px;height:190px;left:15%;top:36%;transform:rotate(-18deg)}.ssl-orbit-b{width:260px;height:280px;left:28%;top:22%;transform:rotate(28deg);animation-delay:-3.1s}
@keyframes sslLockFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}
@keyframes sslTypeFloat{0%,100%{transform:translateX(0)}50%{transform:translateX(-5px)}}
@keyframes sslOrbitGlow{0%,100%{border-color:rgba(64,221,190,.17);filter:drop-shadow(0 0 2px rgba(64,221,190,.1))}50%{border-color:rgba(78,113,255,.34);filter:drop-shadow(0 0 10px rgba(80,143,255,.24))}}

@media (max-width:1100px){.smtp-auth-stack,.ssl-type-stack{right:-3%}.ssl-browser-bar{right:5%}}
@media (max-width:860px){
  .mail-art,.ssl-art{transform:scale(.92);transform-origin:center center}
  .smtp-auth-stack{right:0}.ssl-type-stack{right:0}
}
@media (max-width:600px){
  .subpage-visual--smtp,.subpage-visual--smtpserver,.subpage-visual--ssl{min-height:310px}
  .mail-art,.ssl-art{transform:scale(.74);transform-origin:center center;inset:-5% -10%}
  .smtp-auth-stack{right:-1%;top:13%}.smtp-caption{bottom:2%}.mail-art--smtpserver .smtp-caption{left:20%}
  .ssl-browser-bar{left:6%;right:4%;top:10%}.ssl-type-stack{right:-1%;top:31%}.ssl-trust-chip{left:9%;bottom:3%}
}
@media (max-width:420px){
  .mail-art,.ssl-art{transform:scale(.66);inset:-10% -18%}
  .subpage-visual--smtp,.subpage-visual--smtpserver,.subpage-visual--ssl{min-height:285px}
}
@media (prefers-reduced-motion:reduce){.smtp-envelope,.smtp-plane,.smtp-auth-chip,.ssl-lock-hero,.ssl-type,.ssl-light-orbit{animation:none!important}}

/* 2026-09-04 v17: Információk hero grafikák + kereshető GYIK */
.subpage-visual--faq,.subpage-visual--terms,.subpage-visual--privacy,.subpage-visual--contact{min-height:410px;overflow:visible}
.subpage-visual--faq .subviz-grid,.subpage-visual--terms .subviz-grid,.subpage-visual--privacy .subviz-grid,.subpage-visual--contact .subviz-grid{opacity:.12}
.info-art{position:absolute;inset:0;z-index:2;isolation:isolate}
.info-art:before{content:"";position:absolute;inset:10% 7%;border-radius:50%;filter:blur(18px);z-index:-1;opacity:.9}
.info-art--faq:before{background:radial-gradient(circle at 45% 40%,rgba(66,205,255,.24),transparent 48%),radial-gradient(circle at 62% 58%,rgba(60,234,174,.2),transparent 52%)}
.info-art--terms:before{background:radial-gradient(circle at 48% 42%,rgba(164,217,255,.2),transparent 55%),radial-gradient(circle at 65% 65%,rgba(88,119,255,.14),transparent 55%)}
.info-art--privacy:before{background:radial-gradient(circle at 50% 50%,rgba(53,226,158,.25),transparent 48%)}
.info-art--contact:before{background:radial-gradient(circle at 52% 46%,rgba(153,79,255,.27),transparent 50%),radial-gradient(circle at 30% 62%,rgba(80,100,255,.16),transparent 54%)}

/* GYIK — beszédbuborékok, teljesen más vizuális nyelv a szolgáltatás grafikákhoz képest. */
.info-soft-orbit{position:absolute;border:1px solid rgba(82,221,255,.2);border-radius:50%;animation:infoOrbit 8s ease-in-out infinite}
.info-soft-orbit.orbit-a{width:330px;height:210px;left:20%;top:24%;transform:rotate(-18deg)}
.info-soft-orbit.orbit-b{width:245px;height:290px;left:36%;top:15%;transform:rotate(24deg);animation-delay:-4s;border-color:rgba(67,235,177,.2)}
.faq-bubble{position:absolute;display:grid;place-items:center;filter:drop-shadow(0 22px 34px rgba(0,0,0,.28));animation:faqBubbleFloat 6s ease-in-out infinite}
.faq-bubble:after{content:"";position:absolute;bottom:-18px;border-top:25px solid currentColor;border-right:30px solid transparent;filter:brightness(.72)}
.faq-bubble-main{left:23%;top:19%;width:170px;height:165px;border-radius:43% 43% 43% 18%;background:linear-gradient(145deg,#139cf0,#3157e8);border:1px solid rgba(160,230,255,.55);color:#1c70dc;box-shadow:inset 0 1px rgba(255,255,255,.25),0 0 38px rgba(48,165,255,.25)}
.faq-bubble-main b{font-size:98px;color:#e9fbff;text-shadow:0 0 22px rgba(194,246,255,.55);line-height:1}
.faq-bubble-small{left:49%;top:48%;width:112px;height:90px;border-radius:30px 30px 30px 10px;background:linear-gradient(145deg,#2bd8a5,#38b884);border:1px solid rgba(190,255,226,.55);color:#29b483;animation-delay:-2.5s}
.faq-bubble-small b{font-size:25px;color:#edfff9;letter-spacing:.12em}
.faq-search-visual{position:absolute;left:20%;right:13%;bottom:9%;height:55px;border-radius:28px;border:1px solid rgba(131,230,255,.5);background:linear-gradient(135deg,rgba(233,249,255,.97),rgba(188,240,247,.93));box-shadow:0 17px 34px rgba(0,0,0,.22),0 0 24px rgba(52,216,255,.16);display:flex;align-items:center;padding:0 18px;gap:10px;transform:rotate(-2deg)}
.faq-search-visual span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#d7f9ff;color:#1678be}.faq-search-visual svg{width:17px}.faq-search-visual b{font-size:10px;color:#225170;letter-spacing:.02em}.faq-search-visual i{font-style:normal;margin-left:auto;color:#1678be;font-size:22px;font-weight:900}
.faq-topic-pill{position:absolute;padding:7px 11px;border-radius:10px;font-size:7px;font-weight:950;letter-spacing:.09em;color:#dffaff;border:1px solid rgba(127,216,255,.23);background:rgba(14,43,91,.78);box-shadow:0 8px 20px rgba(0,0,0,.17);animation:infoPillFloat 5.4s ease-in-out infinite}.topic-a{right:8%;top:22%}.topic-b{right:2%;top:38%;animation-delay:-1.7s}.topic-c{right:11%;top:54%;animation-delay:-3.3s}

/* ÁSZF — papír, toll és pajzs. */
.terms-paper{position:absolute;width:185px;height:235px;border-radius:15px;border:1px solid rgba(255,255,255,.7);box-shadow:0 26px 50px rgba(0,0,0,.28);left:40%;top:45%;transform:translate(-50%,-50%);background:linear-gradient(150deg,#f5fbff,#c5def7);overflow:hidden}
.terms-paper-back{transform:translate(-50%,-50%) rotate(-12deg) translate(-36px,12px);opacity:.47}.terms-paper-mid{transform:translate(-50%,-50%) rotate(7deg) translate(37px,-8px);opacity:.68;background:linear-gradient(150deg,#e5f4ff,#abc9ef)}
.terms-paper-front{padding:40px 24px 22px;color:#173b6e;animation:termsPaperFloat 6.3s ease-in-out infinite}.terms-paper-front:before{content:"";position:absolute;left:0;right:0;top:0;height:9px;background:linear-gradient(90deg,#94d5ff,#477dff)}.terms-paper-front b{display:block;font-size:31px;color:#173b6e}.terms-paper-front small{display:block;font-size:7px;font-weight:900;letter-spacing:.08em;margin-top:3px;color:#5b7594}.terms-line{display:block;height:5px;border-radius:9px;background:#94acd0;margin-top:16px;opacity:.58}.terms-line.w1{width:92%}.terms-line.w2{width:76%}.terms-line.w3{width:86%}.terms-line.w4{width:54%}
.terms-shield{position:absolute;left:56%;top:48%;width:91px;height:106px;clip-path:polygon(50% 0,94% 18%,89% 67%,50% 100%,11% 67%,6% 18%);background:linear-gradient(150deg,#177ce3,#3e64d8 60%,#5243ca);display:grid;place-items:center;color:#fff;filter:drop-shadow(0 18px 27px rgba(22,78,183,.35));animation:infoPillFloat 5.8s ease-in-out infinite}.terms-shield span{width:39px;height:39px}.terms-shield svg{width:39px;height:39px}
.terms-pen{position:absolute;left:63%;top:27%;width:16px;height:178px;border-radius:10px;background:linear-gradient(90deg,#1f3973,#9ec7ff 42%,#335ca2);transform:rotate(27deg);box-shadow:0 17px 29px rgba(0,0,0,.25)}.terms-pen:after{content:"";position:absolute;bottom:-15px;left:2px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:18px solid #b9d6f7}
.terms-caption{position:absolute;left:17%;bottom:3%;padding:10px 15px;border-left:2px solid #9bd8ff;background:linear-gradient(90deg,rgba(23,55,111,.82),rgba(23,55,111,.12));border-radius:0 10px 10px 0}.terms-caption b{display:block;color:#fff;font-size:9px;letter-spacing:.1em}.terms-caption small{display:block;color:#91b5da;font-size:7px;margin-top:3px}

/* Adatvédelem — zöld pajzs, köré szervezett adatpontok. */
.privacy-shield{position:absolute;left:43%;top:48%;width:170px;height:198px;transform:translate(-50%,-50%);clip-path:polygon(50% 0,94% 18%,89% 67%,50% 100%,11% 67%,6% 18%);background:linear-gradient(155deg,#14c985,#0e8f65 60%,#0b714f);border:1px solid rgba(160,255,219,.5);filter:drop-shadow(0 25px 45px rgba(20,202,137,.25));display:flex;flex-direction:column;align-items:center;justify-content:center;color:#eafff8;animation:privacyShieldFloat 6.2s ease-in-out infinite}.privacy-shield:before{content:"";position:absolute;inset:13px;clip-path:inherit;border:1px solid rgba(220,255,242,.27);background:radial-gradient(circle at 50% 40%,rgba(137,255,213,.15),transparent 48%)}.privacy-shield span{width:55px;height:55px;position:relative;z-index:1}.privacy-shield svg{width:55px;height:55px}.privacy-shield b{position:relative;z-index:1;font-size:18px;margin-top:8px}.privacy-shield small{position:relative;z-index:1;font-size:7px;letter-spacing:.15em;color:#9ff3ce;margin-top:3px}
.privacy-ring{position:absolute;border:1px solid rgba(67,231,167,.22);border-radius:50%;left:43%;top:48%;transform:translate(-50%,-50%);animation:privacyRing 7s ease-in-out infinite}.privacy-ring.ring-a{width:330px;height:225px}.privacy-ring.ring-b{width:255px;height:320px;animation-delay:-3.5s}
.privacy-node{position:absolute;min-width:112px;height:52px;padding:7px 10px;border-radius:15px;border:1px solid rgba(78,232,171,.3);background:linear-gradient(140deg,rgba(9,73,61,.93),rgba(8,44,50,.91));display:flex;align-items:center;gap:8px;color:#fff;box-shadow:0 14px 28px rgba(0,0,0,.22);animation:infoPillFloat 5.7s ease-in-out infinite}.privacy-node span{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:rgba(65,235,172,.12);color:#64f0bb}.privacy-node svg{width:17px}.privacy-node b{font-size:7px;letter-spacing:.07em}.node-user{right:4%;top:19%}.node-lock{right:0;top:42%;animation-delay:-1.4s}.node-doc{right:7%;bottom:20%;animation-delay:-2.8s}.node-store{left:4%;bottom:20%;animation-delay:-4.2s}

/* Kapcsolat — lila lebegő kommunikációs kockák. */
.contact-glass-panel{position:absolute;left:12%;right:11%;top:17%;height:205px;border-radius:32px;border:1px solid rgba(183,134,255,.2);background:linear-gradient(145deg,rgba(27,22,68,.6),rgba(51,31,102,.44));-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);box-shadow:inset 0 1px rgba(255,255,255,.06),0 28px 55px rgba(0,0,0,.23);display:flex;flex-direction:column;justify-content:flex-end;padding:22px 25px;overflow:hidden}.contact-glass-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(161,102,255,.12) 48%,transparent 72%);transform:translateX(-70%);animation:contactGlassSweep 7s ease-in-out infinite}.contact-glass-panel b{font-size:18px;color:#fff;position:relative}.contact-glass-panel small{font-size:8px;color:#bba4e4;margin-top:4px;letter-spacing:.05em;position:relative}.contact-status{position:absolute;left:24px;top:22px;width:9px;height:9px;border-radius:50%;background:#58e9aa;box-shadow:0 0 0 6px rgba(88,233,170,.08),0 0 18px rgba(88,233,170,.55)}
.contact-float{position:absolute;width:96px;height:96px;border-radius:25px;border:1px solid rgba(205,174,255,.34);background:linear-gradient(145deg,#6438b8,#4732ad 62%,#2c389c);box-shadow:0 22px 38px rgba(0,0,0,.28),0 0 26px rgba(139,75,255,.17),inset 0 1px rgba(255,255,255,.13);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f8f2ff;animation:contactFloat 5.6s ease-in-out infinite}.contact-float span{width:38px;height:38px;display:grid;place-items:center;font-size:23px}.contact-float svg{width:32px;height:32px}.contact-float b{font-size:7px;letter-spacing:.12em;margin-top:6px;color:#d9c9ff}.info-art--contact .contact-phone-icon{right:13%;top:10%;transform:rotate(6deg)}.info-art--contact .contact-mail-icon{right:4%;top:43%;transform:rotate(-5deg);animation-delay:-1.8s}.info-art--contact .contact-chat-icon{right:23%;bottom:4%;width:80px;height:80px;transform:rotate(5deg);animation-delay:-3.5s}.contact-signal{position:absolute;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,#b174ff,#6d79ff,transparent);opacity:.45}.signal-a{width:220px;left:30%;top:37%;transform:rotate(-18deg)}.signal-b{width:245px;left:27%;top:58%;transform:rotate(12deg)}

@keyframes infoOrbit{0%,100%{opacity:.35;filter:drop-shadow(0 0 2px transparent)}50%{opacity:.78;filter:drop-shadow(0 0 11px rgba(65,217,255,.25))}}
@keyframes faqBubbleFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}
@keyframes infoPillFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes termsPaperFloat{0%,100%{transform:translate(-50%,-50%) rotate(-1deg) translateY(0)}50%{transform:translate(-50%,-50%) rotate(1deg) translateY(-7px)}}
@keyframes privacyShieldFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}
@keyframes privacyRing{0%,100%{opacity:.22;scale:.96}50%{opacity:.65;scale:1.03}}
@keyframes contactGlassSweep{0%,25%{transform:translateX(-80%)}70%,100%{transform:translateX(90%)}}
@keyframes contactFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}

/* GYIK oldal: kategória + keresés + modern accordion. */
.faq-hub-section{background:linear-gradient(180deg,rgba(4,10,26,.2),rgba(5,12,31,.82))}
.faq-hub-head>*{min-width:0}.faq-hub-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,520px);gap:45px;align-items:end;margin-bottom:24px}.faq-hub-head h2{margin:7px 0 9px;font-size:clamp(30px,4vw,48px)}.faq-hub-head p{max-width:700px;color:#9aabc8;line-height:1.7}
.faq-search-box{height:64px;border-radius:18px;border:1px solid rgba(90,181,255,.24);background:linear-gradient(135deg,rgba(15,35,79,.95),rgba(24,26,76,.9));box-shadow:0 18px 38px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.05);display:flex;align-items:center;padding:0 14px 0 17px;gap:12px}.faq-search-box>span{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;color:#5fe0ff;background:rgba(64,180,255,.1)}.faq-search-box svg{width:19px}.faq-search-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:14px}.faq-search-box input::placeholder{color:#6f84a8}.faq-search-box kbd{border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:5px 9px;background:rgba(255,255,255,.05);color:#8ba9cf;font:inherit;font-weight:900}
.faq-category-pills{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 24px}.faq-category-pills button{border:1px solid rgba(92,157,255,.2);background:rgba(15,31,69,.8);color:#8da4c8;padding:9px 13px;border-radius:999px;font-size:11px;font-weight:850;cursor:pointer;transition:.2s ease}.faq-category-pills button:hover,.faq-category-pills button.is-active{color:#fff;border-color:rgba(76,216,255,.5);background:linear-gradient(135deg,rgba(34,120,194,.55),rgba(74,61,176,.55));box-shadow:0 0 20px rgba(55,170,255,.11)}
.faq-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:start}.faq-hub-item{border:1px solid rgba(85,128,197,.2);border-radius:18px;background:linear-gradient(145deg,rgba(12,29,64,.91),rgba(11,20,49,.94));box-shadow:0 13px 28px rgba(0,0,0,.13);overflow:hidden;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.faq-hub-item:hover{border-color:rgba(70,205,255,.31);transform:translateY(-1px);box-shadow:0 16px 31px rgba(0,0,0,.18)}.faq-hub-item[hidden]{display:none!important}.faq-hub-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 19px}.faq-hub-item summary::-webkit-details-marker{display:none}.faq-hub-item summary>span{display:grid;gap:5px}.faq-hub-item summary small{font-size:8px;color:#53dafa;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.faq-hub-item summary b{color:#f5f9ff;font-size:14px;line-height:1.4}.faq-hub-item summary>i{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;font-style:normal;font-size:19px;color:#75deff;background:rgba(54,157,230,.1);border:1px solid rgba(83,203,255,.13);transition:transform .22s ease,background .22s ease}.faq-hub-item[open]{border-color:rgba(62,222,183,.32);background:linear-gradient(145deg,rgba(12,38,67,.96),rgba(12,31,54,.96))}.faq-hub-item[open] summary>i{transform:rotate(45deg);color:#72efbd;background:rgba(51,224,164,.1)}.faq-answer{padding:0 19px 19px}.faq-answer p{margin:0;padding-top:15px;border-top:1px solid rgba(255,255,255,.07);color:#9fb1cd;line-height:1.75;font-size:13px}
.faq-empty{text-align:center;padding:45px 20px;border:1px dashed rgba(91,181,255,.28);border-radius:22px;background:rgba(11,27,59,.52)}.faq-empty[hidden]{display:none!important}.faq-empty>span{width:55px;height:55px;margin:0 auto 12px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#187fd1,#6949db);color:#fff;font-size:30px;font-weight:900}.faq-empty h3{margin:0 0 8px}.faq-empty p{color:#91a5c5;margin:0 0 17px}

@media (max-width:860px){
  .subpage-visual--faq,.subpage-visual--terms,.subpage-visual--privacy,.subpage-visual--contact{min-height:350px;max-width:620px;margin-inline:auto;overflow:hidden}
  .info-art{transform:scale(.9);transform-origin:center center;inset:-3%}
  .faq-hub-head{grid-template-columns:1fr;gap:20px}.faq-search-box{max-width:none}
  .faq-hub-grid{grid-template-columns:1fr}
}
@media (max-width:600px){
  .subpage-visual--faq,.subpage-visual--terms,.subpage-visual--privacy,.subpage-visual--contact{min-height:295px}
  .info-art{transform:scale(.72);inset:-12% -15%}
  .faq-hub-head h2{font-size:32px}.faq-search-box{height:58px}.faq-category-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px;scrollbar-width:none}.faq-category-pills::-webkit-scrollbar{display:none}.faq-category-pills button{white-space:nowrap}
  .faq-hub-item summary{padding:16px}.faq-hub-item summary b{font-size:13px}.faq-answer{padding:0 16px 17px}
}
@media (max-width:420px){
  .subpage-visual--faq,.subpage-visual--terms,.subpage-visual--privacy,.subpage-visual--contact{min-height:270px}
  .info-art{transform:scale(.64);inset:-18% -24%}
}
@media (prefers-reduced-motion:reduce){.faq-bubble,.info-soft-orbit,.faq-topic-pill,.terms-paper-front,.terms-shield,.privacy-shield,.privacy-ring,.privacy-node,.contact-float,.contact-glass-panel:before{animation:none!important}}


/* V20 cross-browser fallback: a color-mix() nélküli Safari/Chromium verziókhoz. */
@supports not (color:color-mix(in srgb, red 50%, blue)){
  .subpage-visual:before{background:radial-gradient(circle at 50% 45%,rgba(68,215,255,.27),transparent 48%),radial-gradient(circle at 64% 54%,rgba(124,76,255,.22),transparent 58%)}
  .subviz-orbit{border-color:rgba(68,215,255,.28)}
  
  
  
  
  
  
  
  
  
  
  
  
  .migration-node>span{box-shadow:0 0 22px rgba(68,215,255,.3)}
  .migration-new{box-shadow:0 24px 45px rgba(0,0,0,.26),0 0 30px rgba(68,215,255,.15)}
  .cms-screen{box-shadow:0 26px 45px rgba(0,0,0,.25),0 0 28px rgba(68,215,255,.18)}
  .cms-data-line{filter:drop-shadow(0 0 8px rgba(68,215,255,.44))}
  .server-art:before{background:radial-gradient(ellipse at center,rgba(68,215,255,.25),transparent 67%)}
  .vps-mini-plan:after,.server-bars i{box-shadow:0 0 10px rgba(68,215,255,.32)}
  .domain-art:after{box-shadow:0 0 24px rgba(68,215,255,.55)}
}

/* Billentyűzetes és érintős használat: egységes, jól látható fókusz. */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid #6fe3ff;outline-offset:3px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* V20: extra-narrow mobile typography safety for long Hungarian headings. */
@media (max-width:360px){
  .hero h1,.subhero h1{font-size:40px;line-height:1.02;letter-spacing:-.045em;overflow-wrap:break-word}
}


.domain-price-grid span small{font-size:9px;color:#8ea3c6}
.net-table-price{display:block;color:#edf4ff;font-weight:800}

.legal-section{background:linear-gradient(180deg,rgba(4,10,26,.28),rgba(5,12,31,.92))}
.legal-layout{max-width:1120px}
.legal-document{width:min(100%,1040px);margin-inline:auto;color:#c7d3e7;line-height:1.78}
.legal-document-header{padding:32px;border:1px solid rgba(95,183,255,.22);border-radius:26px;background:linear-gradient(145deg,rgba(13,34,72,.94),rgba(16,18,53,.96));box-shadow:0 24px 60px rgba(0,0,0,.22);margin-bottom:24px}
.legal-document-header h2{margin:8px 0 10px;font-size:clamp(30px,4vw,48px);letter-spacing:-.035em;color:#fff}
.legal-version{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(58,205,255,.1);border:1px solid rgba(74,215,255,.24);color:#67e0ff;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.legal-lead{margin:0;color:#aebed8;font-size:15px;max-width:850px}
.legal-notice{margin:18px 0 0;padding:15px 17px;border-radius:15px;border:1px solid rgba(113,224,255,.2);background:rgba(24,79,117,.2);color:#c7d8ec;font-size:13px}
.legal-notice strong{color:#fff}
.legal-toc{margin:0 0 24px;padding:22px 26px;border:1px solid rgba(91,141,211,.2);border-radius:22px;background:rgba(9,24,54,.75)}
.legal-toc>strong{display:block;color:#fff;margin-bottom:12px;font-size:13px}
.legal-toc ol{columns:2;column-gap:34px;margin:0;padding-left:20px}
.legal-toc li{break-inside:avoid;margin:6px 0;color:#7389aa;font-size:12px}
.legal-toc a{color:#a9c7ed;text-decoration:none}
.legal-toc a:hover{color:#6ee3ff}
.legal-document>section{scroll-margin-top:110px;margin:16px 0;padding:28px 30px;border:1px solid rgba(84,128,196,.16);border-radius:22px;background:linear-gradient(145deg,rgba(10,27,59,.86),rgba(9,18,43,.91));box-shadow:0 14px 34px rgba(0,0,0,.12)}
.legal-document h3{margin:0 0 14px;color:#f5f9ff;font-size:clamp(21px,2.8vw,28px);letter-spacing:-.02em}
.legal-document h4{margin:22px 0 7px;color:#e6effd;font-size:16px}
.legal-document p{margin:9px 0;color:#afbdd3;font-size:13px}
.legal-document ul,.legal-document ol{margin:10px 0 10px 22px;padding:0;color:#afbdd3;font-size:13px}
.legal-document li{margin:6px 0}
.legal-document a{color:#69dcff;text-decoration-thickness:1px;text-underline-offset:3px}
.legal-document code{padding:2px 6px;border-radius:6px;background:rgba(255,255,255,.06);color:#bfe7ff;font-size:11px}
.legal-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}
.legal-data-grid>div{padding:13px 14px;border-radius:13px;border:1px solid rgba(81,144,214,.16);background:rgba(14,35,72,.55)}
.legal-data-grid dt{margin:0 0 4px;color:#7995ba;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.legal-data-grid dd{margin:0;color:#edf5ff;font-size:12px;font-weight:750}
.legal-contact-box,.legal-template{margin:14px 0;padding:17px 19px;border-left:3px solid #65dcff;border-radius:0 14px 14px 0;background:rgba(24,66,105,.26);color:#b9c9df;font-size:13px}
.legal-table-wrap{width:100%;overflow-x:auto;margin:16px 0;border-radius:16px;border:1px solid rgba(85,132,202,.16)}
.legal-table{width:100%;min-width:760px;border-collapse:collapse;background:rgba(7,20,48,.62)}
.legal-table th,.legal-table td{padding:13px 14px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.065);font-size:11px;line-height:1.6}
.legal-table th{color:#79dcff;background:rgba(32,73,119,.35);font-size:9px;text-transform:uppercase;letter-spacing:.07em}
.legal-table td{color:#aebed7}
.legal-table strong{color:#eef6ff}
.legal-annex{border-color:rgba(111,222,255,.22)!important}
.legal-document-footer{margin:20px 0 0;padding:20px 24px;border-top:1px solid rgba(255,255,255,.08);color:#778cae}
.legal-document-footer p{margin:4px 0}

.dsa-grid{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:24px;align-items:start}
.dsa-info-card{position:sticky;top:100px}
.dsa-checklist{display:grid;gap:10px;margin:18px 0 20px;padding:0;list-style:none}
.dsa-checklist li{display:flex;gap:10px;align-items:flex-start;color:#b9c8dd;font-size:12px}
.dsa-checklist li>svg,.dsa-checklist li>span:first-child{flex:0 0 auto}
.dsa-checklist svg{width:17px;color:#65e4bc}
.dsa-process-section{padding-top:20px;background:linear-gradient(180deg,rgba(5,12,31,.92),rgba(4,10,24,.98))}
.dsa-process-section .option-grid article{min-height:180px}

@media (max-width:860px){
  .legal-toc ol{columns:1}
  .legal-data-grid{grid-template-columns:1fr}
  .dsa-grid{grid-template-columns:1fr}
  .dsa-info-card{position:static}
}
@media (max-width:600px){
  .legal-document-header{padding:22px 19px;border-radius:20px}
  .legal-toc{padding:18px 19px}
  .legal-document>section{padding:22px 18px;border-radius:18px}
  .legal-document p,.legal-document ul,.legal-document ol{font-size:12px}
  .legal-data-grid dd{overflow-wrap:anywhere}
}

/* V22 - unified FAQ, service pricing, WHMCS/domain workflow, portal login */
.service-monthly-price{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}
.service-monthly-price small{font-size:11px;color:#83e3ff;font-weight:900;letter-spacing:.01em}
.vps-year-price{margin-top:5px;color:#a9bad6;font-size:13px;font-weight:800}
.vps-year-price small{font-size:10px;color:#7489ac}
.option-price-panel{max-width:920px;margin:0 auto}
.option-price-intro,.option-price-note{color:#91a6c7;font-size:13px;line-height:1.65}
.option-price-intro{margin:0 0 16px}.option-price-note{margin:14px 2px 0}
.option-price-table{min-width:640px}
.option-price-table td:last-child,.option-price-table th:last-child{text-align:right}
.option-price-value{font-weight:900;color:#eef7ff;white-space:nowrap}.option-price-value small{color:#6edfff;font-size:10px}


.domain-process-section,.registrar-transfer-section,.idn-section{background:linear-gradient(180deg,rgba(6,14,34,.9),rgba(5,11,28,.98))}
.domain-process-grid,.transfer-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.domain-process-card,.transfer-case-card,.document-download-card,.idn-converter-card{border:1px solid rgba(93,151,224,.18);border-radius:22px;background:linear-gradient(145deg,rgba(11,31,65,.9),rgba(11,19,45,.94));box-shadow:0 18px 42px rgba(0,0,0,.16)}
.domain-process-card,.transfer-case-card{padding:26px}
.domain-process-card h3,.transfer-case-card h3{margin:8px 0 14px;color:#f5f9ff;font-size:20px;letter-spacing:-.02em}
.domain-process-card h4{margin:18px 0 6px;color:#7ee5ff;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.domain-process-card p,.transfer-case-card p{color:#9eb0cb;font-size:12px;line-height:1.7}
.domain-process-card ol,.transfer-case-card ul{margin:13px 0 0;padding-left:20px;color:#a9bad2;font-size:12px;line-height:1.65}
.domain-process-card li,.transfer-case-card li{margin:7px 0}
.process-number{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(78,215,255,.1);border:1px solid rgba(78,215,255,.23);color:#76e3ff;font-size:10px;font-weight:900}
.text-link{display:inline-flex;margin-top:18px;color:#71e1ff;font-weight:850;text-decoration:none}
.case-tag{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(82,211,255,.09);border:1px solid rgba(82,211,255,.2);color:#6fe0ff;font-size:9px;font-weight:900;letter-spacing:.08em}
.featured-case{border-color:rgba(102,224,255,.34);box-shadow:0 22px 55px rgba(21,149,197,.12)}
.document-download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.document-download-card{display:grid;grid-template-columns:1fr auto;gap:5px 18px;align-items:center;padding:18px 20px;text-decoration:none;transition:transform .18s ease,border-color .18s ease}
.document-download-card:hover{transform:translateY(-2px);border-color:rgba(103,225,255,.34)}
.document-download-card strong{color:#f2f7ff;font-size:13px}.document-download-card span{grid-column:1;color:#8ea2c1;font-size:10px}.document-download-card em{grid-column:2;grid-row:1/3;color:#70e2ff;font-size:10px;font-style:normal;font-weight:900}
.domain-side-nav-section{padding-top:0}.domain-side-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.domain-side-nav a,.inline-process-links a{padding:10px 13px;border:1px solid rgba(93,151,224,.18);border-radius:999px;background:rgba(13,34,68,.66);color:#b9cae2;text-decoration:none;font-size:11px;font-weight:800}.inline-process-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.idn-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:24px;align-items:stretch}.idn-converter-card{padding:28px}.idn-converter-card h2{margin:7px 0 20px;color:#fff;font-size:28px}.idn-converter-card label{display:block;margin-bottom:7px;color:#9eb1cf;font-size:11px;font-weight:850}.idn-converter-card input{width:100%;min-height:54px;padding:0 15px;border:1px solid rgba(92,157,225,.25);border-radius:14px;background:rgba(3,12,31,.8);color:#fff;font:inherit}.idn-output-row{display:flex;gap:12px;align-items:center;margin-top:15px;padding:15px;border:1px solid rgba(89,214,255,.2);border-radius:15px;background:rgba(26,95,130,.13)}.idn-output-row>div{min-width:0;flex:1}.idn-output-row small{display:block;color:#7790b5;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.idn-output-row output{display:block;margin-top:4px;color:#78e5ff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;font-weight:850;overflow-wrap:anywhere}.idn-copy-button{padding:10px 13px;min-height:auto}.idn-copy-button:disabled{opacity:.45;cursor:not-allowed}.idn-converter-status{color:#8499ba;font-size:10px;line-height:1.55}

.portal-modal-open{overflow:hidden}.portal-login-modal[hidden]{display:none!important}.portal-login-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px}.portal-login-backdrop{position:absolute;inset:0;background:rgba(1,6,18,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.portal-login-dialog{position:relative;z-index:1;width:min(100%,480px);padding:30px;border:1px solid rgba(99,213,255,.28);border-radius:25px;background:linear-gradient(145deg,#0b2146,#0b122d);box-shadow:0 35px 90px rgba(0,0,0,.52)}.portal-login-dialog h2{margin:8px 0 10px;color:#fff;font-size:30px;letter-spacing:-.035em}.portal-login-dialog>p{color:#96a9c6;font-size:12px;line-height:1.65}.portal-login-close{position:absolute;right:14px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:#c9d7e9;font-size:24px;line-height:1;cursor:pointer}.portal-login-form{display:grid;gap:13px;margin-top:20px}.portal-login-form label:not(.portal-remember)>span{display:block;margin-bottom:6px;color:#9fb3d0;font-size:10px;font-weight:850}.portal-login-form input[type=text],.portal-login-form input[type=password]{width:100%;min-height:50px;padding:0 14px;border:1px solid rgba(92,151,218,.27);border-radius:13px;background:rgba(2,10,27,.72);color:#fff;font:inherit}.portal-remember{display:flex;gap:8px;align-items:center;color:#9aacc7;font-size:10px}.portal-login-submit{justify-content:center;width:100%}.portal-login-links{display:flex;justify-content:space-between;gap:14px;margin-top:14px}.portal-login-links a{color:#6ee1ff;font-size:10px;text-decoration:none}.portal-login-security{display:block;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);color:#7085a6;font-size:9px;line-height:1.55}

@media (max-width:920px){.domain-process-grid,.transfer-case-grid{grid-template-columns:1fr}.idn-layout{grid-template-columns:1fr}.document-download-grid{grid-template-columns:1fr}}
@media (max-width:600px){.domain-process-card,.transfer-case-card,.idn-converter-card{padding:20px}.idn-output-row{align-items:stretch;flex-direction:column}.idn-copy-button{width:100%}.document-download-card{grid-template-columns:1fr}.document-download-card span,.document-download-card em{grid-column:1;grid-row:auto}.portal-login-dialog{padding:24px 19px}.portal-login-links{flex-direction:column}}

/* V25 - egyedi, emberkozpontu SEO tartalmi blokkok */
.editorial-seo-section{background:linear-gradient(180deg,#081329 0%,#071126 100%);overflow:hidden}
.editorial-seo-section:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;right:-190px;top:110px;background:#1678ff;filter:blur(120px);opacity:.07;pointer-events:none}
.editorial-seo-heading{max-width:920px}
.editorial-seo-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:38px;align-items:start}
.editorial-seo-copy{display:grid;gap:28px}
.editorial-seo-block{padding:30px 32px;border:1px solid rgba(255,255,255,.075);border-radius:22px;background:linear-gradient(145deg,rgba(16,32,65,.63),rgba(8,17,39,.72))}
.editorial-seo-block h3,.editorial-seo-aside h3{margin:0 0 14px;font-size:21px;line-height:1.25;letter-spacing:-.02em}
.editorial-seo-block p{margin:0 0 16px;color:var(--muted);font-size:15px;line-height:1.82}
.editorial-seo-block p:last-child{margin-bottom:0}
.editorial-seo-aside{display:grid;gap:18px;position:sticky;top:105px}
.editorial-seo-points,.editorial-seo-links{padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(22,43,87,.76),rgba(11,20,46,.72))}
.editorial-seo-points ul{list-style:none;margin:0;padding:0}
.editorial-seo-points li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);color:#b7c4da;font-size:12px;line-height:1.55}
.editorial-seo-points li:last-child{border-bottom:0}
.editorial-seo-points li svg{width:16px;min-width:16px;color:#58d0ff;margin-top:2px}
.editorial-seo-links a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07);color:#b9c8df;font-size:12px;font-weight:700}
.editorial-seo-links a:last-child{border-bottom:0}
.editorial-seo-links a svg{width:15px;color:#64d2ff}
@media (max-width:900px){.editorial-seo-grid{grid-template-columns:1fr}.editorial-seo-aside{position:static;grid-template-columns:1fr 1fr}}
@media (max-width:600px){.editorial-seo-block{padding:24px}.editorial-seo-aside{grid-template-columns:1fr}.editorial-seo-block h3,.editorial-seo-aside h3{font-size:19px}}


/* 2026-09-06 v26: centered VIP pair + SSL certificate cards */
.vip-plan-grid .pricing-grid{max-width:650px;margin-inline:auto;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.ssl-plan-grid .pricing-grid{align-items:stretch}
.ssl-plan-grid .price-card{display:flex;flex-direction:column}
.ssl-plan-grid .price-card ul{flex:1}
.ssl-plan-grid .price-card-top{align-items:flex-start}
.ssl-plan-grid .price-card-top span{font-size:16px;line-height:1.25}
.ssl-plan-grid .price-card-top em{white-space:nowrap}
.service-annual-price{margin-top:18px}
.ssl-certificate-section .section-heading{max-width:850px}
@media (max-width:1100px){.vip-plan-grid .pricing-grid{max-width:760px}.ssl-plan-grid .pricing-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.vip-plan-grid .pricing-grid,.ssl-plan-grid .pricing-grid{grid-template-columns:1fr!important}.vip-plan-grid .pricing-grid{max-width:520px}}


/* 2026-09-07 v29: route-specific hero entry motion
   Performance rule: only transform + opacity are animated. No layout-triggering
   top/left/width/height animation, no filter/blur entry effect, no extra JS. */
body.hero-motion .hero-home .hero-copy,
body.hero-motion .subhero .subhero-grid > div:first-child,
body.hero-motion .hero-home .home-service-visual,
body.hero-motion .subhero .subpage-visual{
  backface-visibility:hidden;
  transform-origin:50% 50%;
}

/* Text entry motions. Opacity starts close to 1 so the H1 stays paintable while
   the transform creates the visible motion; this avoids intentionally hiding LCP text. */
body.hero-motion-t01 .hero-home .hero-copy,body.hero-motion-t01 .subhero .subhero-grid>div:first-child{animation:hmTextSlideLeft .54s cubic-bezier(.22,.8,.24,1) both}
body.hero-motion-t02 .hero-home .hero-copy,body.hero-motion-t02 .subhero .subhero-grid>div:first-child{animation:hmTextSlideRight .58s cubic-bezier(.22,.8,.24,1) both}
body.hero-motion-t03 .hero-home .hero-copy,body.hero-motion-t03 .subhero .subhero-grid>div:first-child{animation:hmTextDropBounce .64s cubic-bezier(.2,.78,.24,1) both}
body.hero-motion-t04 .hero-home .hero-copy,body.hero-motion-t04 .subhero .subhero-grid>div:first-child{animation:hmTextRise .56s cubic-bezier(.18,.82,.24,1) both}
body.hero-motion-t05 .hero-home .hero-copy,body.hero-motion-t05 .subhero .subhero-grid>div:first-child{animation:hmTextPopIn .60s cubic-bezier(.2,.86,.23,1.08) both}
body.hero-motion-t06 .hero-home .hero-copy,body.hero-motion-t06 .subhero .subhero-grid>div:first-child{animation:hmTextSettleBack .62s cubic-bezier(.2,.82,.2,1) both}
body.hero-motion-t07 .hero-home .hero-copy,body.hero-motion-t07 .subhero .subhero-grid>div:first-child{animation:hmTextTiltLeft .58s cubic-bezier(.21,.78,.28,1) both}
body.hero-motion-t08 .hero-home .hero-copy,body.hero-motion-t08 .subhero .subhero-grid>div:first-child{animation:hmTextTiltRight .58s cubic-bezier(.21,.78,.28,1) both}
body.hero-motion-t09 .hero-home .hero-copy,body.hero-motion-t09 .subhero .subhero-grid>div:first-child{animation:hmTextDiagonalLeft .60s cubic-bezier(.2,.8,.22,1) both}
body.hero-motion-t10 .hero-home .hero-copy,body.hero-motion-t10 .subhero .subhero-grid>div:first-child{animation:hmTextDiagonalRight .60s cubic-bezier(.2,.8,.22,1) both}
body.hero-motion-t11 .hero-home .hero-copy,body.hero-motion-t11 .subhero .subhero-grid>div:first-child{animation:hmTextSpringLeft .66s cubic-bezier(.18,.82,.24,1) both}
body.hero-motion-t12 .hero-home .hero-copy,body.hero-motion-t12 .subhero .subhero-grid>div:first-child{animation:hmTextSpringRight .66s cubic-bezier(.18,.82,.24,1) both}
body.hero-motion-t13 .hero-home .hero-copy,body.hero-motion-t13 .subhero .subhero-grid>div:first-child{animation:hmTextPitchIn .60s cubic-bezier(.2,.82,.25,1) both}
body.hero-motion-t14 .hero-home .hero-copy,body.hero-motion-t14 .subhero .subhero-grid>div:first-child{animation:hmTextRotateIn .58s cubic-bezier(.2,.8,.24,1) both}
body.hero-motion-t15 .hero-home .hero-copy,body.hero-motion-t15 .subhero .subhero-grid>div:first-child{animation:hmTextDropSettle .62s cubic-bezier(.18,.82,.24,1) both}
body.hero-motion-t16 .hero-home .hero-copy,body.hero-motion-t16 .subhero .subhero-grid>div:first-child{animation:hmTextPulseIn .58s cubic-bezier(.2,.86,.22,1) both}

@keyframes hmTextSlideLeft{0%{transform:translate3d(-34px,0,0);opacity:.94}100%{transform:translate3d(0,0,0);opacity:1}}
@keyframes hmTextSlideRight{0%{transform:translate3d(34px,0,0);opacity:.94}100%{transform:translate3d(0,0,0);opacity:1}}
@keyframes hmTextDropBounce{0%{transform:translate3d(0,-34px,0);opacity:.94}68%{transform:translate3d(0,5px,0)}84%{transform:translate3d(0,-2px,0)}100%{transform:translate3d(0,0,0);opacity:1}}
@keyframes hmTextRise{0%{transform:translate3d(0,30px,0);opacity:.94}100%{transform:translate3d(0,0,0);opacity:1}}
@keyframes hmTextPopIn{0%{transform:scale3d(.93,.93,1);opacity:.93}72%{transform:scale3d(1.012,1.012,1)}100%{transform:scale3d(1,1,1);opacity:1}}
@keyframes hmTextSettleBack{0%{transform:scale3d(1.055,1.055,1);opacity:.94}100%{transform:scale3d(1,1,1);opacity:1}}
@keyframes hmTextTiltLeft{0%{transform:translate3d(-22px,12px,0) rotate(-1.4deg);opacity:.94}100%{transform:translate3d(0,0,0) rotate(0);opacity:1}}
@keyframes hmTextTiltRight{0%{transform:translate3d(22px,12px,0) rotate(1.4deg);opacity:.94}100%{transform:translate3d(0,0,0) rotate(0);opacity:1}}
@keyframes hmTextDiagonalLeft{0%{transform:translate3d(-24px,24px,0);opacity:.94}100%{transform:translate3d(0,0,0);opacity:1}}
@keyframes hmTextDiagonalRight{0%{transform:translate3d(24px,24px,0);opacity:.94}100%{transform:translate3d(0,0,0);opacity:1}}
@keyframes hmTextSpringLeft{0%{transform:translate3d(-36px,0,0);opacity:.94}66%{transform:translate3d(5px,0,0)}82%{transform:translate3d(-2px,0,0)}100%{transform:translate3d(0,0,0);opacity:1}}
@keyframes hmTextSpringRight{0%{transform:translate3d(36px,0,0);opacity:.94}66%{transform:translate3d(-5px,0,0)}82%{transform:translate3d(2px,0,0)}100%{transform:translate3d(0,0,0);opacity:1}}
@keyframes hmTextPitchIn{0%{transform:perspective(900px) rotateX(8deg) translate3d(0,20px,0);opacity:.94}100%{transform:perspective(900px) rotateX(0) translate3d(0,0,0);opacity:1}}
@keyframes hmTextRotateIn{0%{transform:translate3d(-12px,16px,0) rotate(-2deg) scale3d(.975,.975,1);opacity:.94}100%{transform:translate3d(0,0,0) rotate(0) scale3d(1,1,1);opacity:1}}
@keyframes hmTextDropSettle{0%{transform:translate3d(0,-25px,0) scale3d(1.018,1.018,1);opacity:.94}74%{transform:translate3d(0,3px,0) scale3d(.998,.998,1)}100%{transform:translate3d(0,0,0) scale3d(1,1,1);opacity:1}}
@keyframes hmTextPulseIn{0%{transform:scale3d(.88,.88,1);opacity:.93}62%{transform:scale3d(1.018,1.018,1)}82%{transform:scale3d(.996,.996,1)}100%{transform:scale3d(1,1,1);opacity:1}}

/* Visual entry motions. These animate only the visual wrapper; all existing
   internal server/domain/SMTP/SSL animations continue independently. */
body.hero-motion-v01 .hero-home .home-service-visual,body.hero-motion-v01 .subhero .subpage-visual{animation:hmVisualSwoopRight .68s cubic-bezier(.18,.82,.22,1) both}
body.hero-motion-v02 .hero-home .home-service-visual,body.hero-motion-v02 .subhero .subpage-visual{animation:hmVisualSwoopLeft .70s cubic-bezier(.18,.82,.22,1) both}
body.hero-motion-v03 .hero-home .home-service-visual,body.hero-motion-v03 .subhero .subpage-visual{animation:hmVisualDropBounce .76s cubic-bezier(.18,.82,.22,1) both}
body.hero-motion-v04 .hero-home .home-service-visual,body.hero-motion-v04 .subhero .subpage-visual{animation:hmVisualRise .70s cubic-bezier(.18,.82,.22,1) both}
body.hero-motion-v05 .hero-home .home-service-visual,body.hero-motion-v05 .subhero .subpage-visual{animation:hmVisualPop .72s cubic-bezier(.18,.84,.2,1) both}
body.hero-motion-v06 .hero-home .home-service-visual,body.hero-motion-v06 .subhero .subpage-visual{animation:hmVisualArcLeft .74s cubic-bezier(.18,.82,.22,1) both}
body.hero-motion-v07 .hero-home .home-service-visual,body.hero-motion-v07 .subhero .subpage-visual{animation:hmVisualArcRight .74s cubic-bezier(.18,.82,.22,1) both}
body.hero-motion-v08 .hero-home .home-service-visual,body.hero-motion-v08 .subhero .subpage-visual{animation:hmVisualDiagLeft .72s cubic-bezier(.18,.82,.22,1) both}
body.hero-motion-v09 .hero-home .home-service-visual,body.hero-motion-v09 .subhero .subpage-visual{animation:hmVisualDiagRight .72s cubic-bezier(.18,.82,.22,1) both}
body.hero-motion-v10 .hero-home .home-service-visual,body.hero-motion-v10 .subhero .subpage-visual{animation:hmVisualSettle .74s cubic-bezier(.18,.84,.2,1) both}
body.hero-motion-v11 .hero-home .home-service-visual,body.hero-motion-v11 .subhero .subpage-visual{animation:hmVisualSwingLeft .78s cubic-bezier(.18,.82,.22,1) both}
body.hero-motion-v12 .hero-home .home-service-visual,body.hero-motion-v12 .subhero .subpage-visual{animation:hmVisualSwingRight .78s cubic-bezier(.18,.82,.22,1) both}
body.hero-motion-v13 .hero-home .home-service-visual,body.hero-motion-v13 .subhero .subpage-visual{animation:hmVisualTurnY .74s cubic-bezier(.18,.82,.22,1) both}
body.hero-motion-v14 .hero-home .home-service-visual,body.hero-motion-v14 .subhero .subpage-visual{animation:hmVisualTurnX .74s cubic-bezier(.18,.82,.22,1) both}
body.hero-motion-v15 .hero-home .home-service-visual,body.hero-motion-v15 .subhero .subpage-visual{animation:hmVisualScaleDown .72s cubic-bezier(.18,.84,.2,1) both}
body.hero-motion-v16 .hero-home .home-service-visual,body.hero-motion-v16 .subhero .subpage-visual{animation:hmVisualSpringUp .78s cubic-bezier(.18,.82,.22,1) both}

@keyframes hmVisualSwoopRight{0%{transform:translate3d(48px,8px,0) rotate(2.5deg) scale3d(.97,.97,1);opacity:.58}100%{transform:translate3d(0,0,0) rotate(0) scale3d(1,1,1);opacity:1}}
@keyframes hmVisualSwoopLeft{0%{transform:translate3d(-48px,8px,0) rotate(-2.5deg) scale3d(.97,.97,1);opacity:.58}100%{transform:translate3d(0,0,0) rotate(0) scale3d(1,1,1);opacity:1}}
@keyframes hmVisualDropBounce{0%{transform:translate3d(0,-48px,0) scale3d(.97,.97,1);opacity:.55}64%{transform:translate3d(0,7px,0) scale3d(1.006,1.006,1)}82%{transform:translate3d(0,-3px,0)}100%{transform:translate3d(0,0,0) scale3d(1,1,1);opacity:1}}
@keyframes hmVisualRise{0%{transform:translate3d(0,45px,0) scale3d(.965,.965,1);opacity:.56}100%{transform:translate3d(0,0,0) scale3d(1,1,1);opacity:1}}
@keyframes hmVisualPop{0%{transform:scale3d(.84,.84,1);opacity:.48}66%{transform:scale3d(1.025,1.025,1)}84%{transform:scale3d(.995,.995,1)}100%{transform:scale3d(1,1,1);opacity:1}}
@keyframes hmVisualArcLeft{0%{transform:translate3d(-38px,24px,0) rotate(-4deg);opacity:.56}72%{transform:translate3d(3px,-2px,0) rotate(.5deg)}100%{transform:translate3d(0,0,0) rotate(0);opacity:1}}
@keyframes hmVisualArcRight{0%{transform:translate3d(38px,24px,0) rotate(4deg);opacity:.56}72%{transform:translate3d(-3px,-2px,0) rotate(-.5deg)}100%{transform:translate3d(0,0,0) rotate(0);opacity:1}}
@keyframes hmVisualDiagLeft{0%{transform:translate3d(-42px,38px,0) scale3d(.97,.97,1);opacity:.55}100%{transform:translate3d(0,0,0) scale3d(1,1,1);opacity:1}}
@keyframes hmVisualDiagRight{0%{transform:translate3d(42px,38px,0) scale3d(.97,.97,1);opacity:.55}100%{transform:translate3d(0,0,0) scale3d(1,1,1);opacity:1}}
@keyframes hmVisualSettle{0%{transform:scale3d(1.075,1.075,1);opacity:.58}100%{transform:scale3d(1,1,1);opacity:1}}
@keyframes hmVisualSwingLeft{0%{transform:translate3d(-34px,10px,0) rotate(-6deg);opacity:.55}62%{transform:translate3d(4px,-1px,0) rotate(1deg)}82%{transform:translate3d(-1px,0,0) rotate(-.4deg)}100%{transform:translate3d(0,0,0) rotate(0);opacity:1}}
@keyframes hmVisualSwingRight{0%{transform:translate3d(34px,10px,0) rotate(6deg);opacity:.55}62%{transform:translate3d(-4px,-1px,0) rotate(-1deg)}82%{transform:translate3d(1px,0,0) rotate(.4deg)}100%{transform:translate3d(0,0,0) rotate(0);opacity:1}}
@keyframes hmVisualTurnY{0%{transform:perspective(900px) rotateY(-9deg) translate3d(28px,0,0);opacity:.55}100%{transform:perspective(900px) rotateY(0) translate3d(0,0,0);opacity:1}}
@keyframes hmVisualTurnX{0%{transform:perspective(900px) rotateX(9deg) translate3d(0,28px,0);opacity:.55}100%{transform:perspective(900px) rotateX(0) translate3d(0,0,0);opacity:1}}
@keyframes hmVisualScaleDown{0%{transform:scale3d(1.08,1.08,1) translate3d(0,-5px,0);opacity:.58}100%{transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1}}
@keyframes hmVisualSpringUp{0%{transform:translate3d(0,42px,0) scale3d(.96,.96,1);opacity:.55}62%{transform:translate3d(0,-6px,0) scale3d(1.008,1.008,1)}82%{transform:translate3d(0,2px,0) scale3d(.998,.998,1)}100%{transform:translate3d(0,0,0) scale3d(1,1,1);opacity:1}}


/* Routes 17–31 use their own keyframe names too, so neither the text entry nor
   the visual entry is repeated between any two sitemap pages. */
body.hero-motion-t17 .hero-home .hero-copy,body.hero-motion-t17 .subhero .subhero-grid>div:first-child{animation:hmTextSnapLeft .61s cubic-bezier(.16,.84,.22,1) both}
body.hero-motion-t18 .hero-home .hero-copy,body.hero-motion-t18 .subhero .subhero-grid>div:first-child{animation:hmTextSnapRight .63s cubic-bezier(.16,.84,.22,1) both}
body.hero-motion-t19 .hero-home .hero-copy,body.hero-motion-t19 .subhero .subhero-grid>div:first-child{animation:hmTextDropSoft .59s cubic-bezier(.2,.8,.24,1) both}
body.hero-motion-t20 .hero-home .hero-copy,body.hero-motion-t20 .subhero .subhero-grid>div:first-child{animation:hmTextRiseOvershoot .65s cubic-bezier(.18,.82,.22,1) both}
body.hero-motion-t21 .hero-home .hero-copy,body.hero-motion-t21 .subhero .subhero-grid>div:first-child{animation:hmTextPopTwist .62s cubic-bezier(.18,.84,.22,1) both}
body.hero-motion-t22 .hero-home .hero-copy,body.hero-motion-t22 .subhero .subhero-grid>div:first-child{animation:hmTextSettleTwist .64s cubic-bezier(.2,.8,.24,1) both}
body.hero-motion-t23 .hero-home .hero-copy,body.hero-motion-t23 .subhero .subhero-grid>div:first-child{animation:hmTextSteepLeft .60s cubic-bezier(.2,.82,.22,1) both}
body.hero-motion-t24 .hero-home .hero-copy,body.hero-motion-t24 .subhero .subhero-grid>div:first-child{animation:hmTextSteepRight .60s cubic-bezier(.2,.82,.22,1) both}
body.hero-motion-t25 .hero-home .hero-copy,body.hero-motion-t25 .subhero .subhero-grid>div:first-child{animation:hmTextYawLeft .63s cubic-bezier(.2,.82,.24,1) both}
body.hero-motion-t26 .hero-home .hero-copy,body.hero-motion-t26 .subhero .subhero-grid>div:first-child{animation:hmTextYawRight .63s cubic-bezier(.2,.82,.24,1) both}
body.hero-motion-t27 .hero-home .hero-copy,body.hero-motion-t27 .subhero .subhero-grid>div:first-child{animation:hmTextCornerTL .67s cubic-bezier(.16,.84,.22,1) both}
body.hero-motion-t28 .hero-home .hero-copy,body.hero-motion-t28 .subhero .subhero-grid>div:first-child{animation:hmTextCornerTR .67s cubic-bezier(.16,.84,.22,1) both}
body.hero-motion-t29 .hero-home .hero-copy,body.hero-motion-t29 .subhero .subhero-grid>div:first-child{animation:hmTextCornerBL .67s cubic-bezier(.16,.84,.22,1) both}
body.hero-motion-t30 .hero-home .hero-copy,body.hero-motion-t30 .subhero .subhero-grid>div:first-child{animation:hmTextCornerBR .67s cubic-bezier(.16,.84,.22,1) both}
body.hero-motion-t31 .hero-home .hero-copy,body.hero-motion-t31 .subhero .subhero-grid>div:first-child{animation:hmTextBreathUp .64s cubic-bezier(.18,.86,.22,1) both}

@keyframes hmTextSnapLeft{0%{transform:translate3d(-27px,-7px,0);opacity:.94}58%{transform:translate3d(4px,1px,0)}100%{transform:translate3d(0,0,0);opacity:1}}
@keyframes hmTextSnapRight{0%{transform:translate3d(29px,-5px,0);opacity:.94}58%{transform:translate3d(-4px,1px,0)}100%{transform:translate3d(0,0,0);opacity:1}}
@keyframes hmTextDropSoft{0%{transform:translate3d(0,-29px,0) scale3d(.988,.988,1);opacity:.94}100%{transform:translate3d(0,0,0) scale3d(1,1,1);opacity:1}}
@keyframes hmTextRiseOvershoot{0%{transform:translate3d(0,31px,0);opacity:.94}70%{transform:translate3d(0,-4px,0)}86%{transform:translate3d(0,1px,0)}100%{transform:translate3d(0,0,0);opacity:1}}
@keyframes hmTextPopTwist{0%{transform:scale3d(.91,.91,1) rotate(-1.3deg);opacity:.93}70%{transform:scale3d(1.014,1.014,1) rotate(.25deg)}100%{transform:scale3d(1,1,1) rotate(0);opacity:1}}
@keyframes hmTextSettleTwist{0%{transform:scale3d(1.045,1.045,1) rotate(1.25deg);opacity:.94}100%{transform:scale3d(1,1,1) rotate(0);opacity:1}}
@keyframes hmTextSteepLeft{0%{transform:translate3d(-20px,32px,0) rotate(-.7deg);opacity:.94}100%{transform:translate3d(0,0,0) rotate(0);opacity:1}}
@keyframes hmTextSteepRight{0%{transform:translate3d(20px,32px,0) rotate(.7deg);opacity:.94}100%{transform:translate3d(0,0,0) rotate(0);opacity:1}}
@keyframes hmTextYawLeft{0%{transform:perspective(900px) rotateY(-7deg) translate3d(-16px,8px,0);opacity:.94}100%{transform:perspective(900px) rotateY(0) translate3d(0,0,0);opacity:1}}
@keyframes hmTextYawRight{0%{transform:perspective(900px) rotateY(7deg) translate3d(16px,8px,0);opacity:.94}100%{transform:perspective(900px) rotateY(0) translate3d(0,0,0);opacity:1}}
@keyframes hmTextCornerTL{0%{transform:translate3d(-25px,-22px,0);opacity:.94}67%{transform:translate3d(3px,3px,0)}100%{transform:translate3d(0,0,0);opacity:1}}
@keyframes hmTextCornerTR{0%{transform:translate3d(25px,-22px,0);opacity:.94}67%{transform:translate3d(-3px,3px,0)}100%{transform:translate3d(0,0,0);opacity:1}}
@keyframes hmTextCornerBL{0%{transform:translate3d(-25px,23px,0);opacity:.94}67%{transform:translate3d(3px,-3px,0)}100%{transform:translate3d(0,0,0);opacity:1}}
@keyframes hmTextCornerBR{0%{transform:translate3d(25px,23px,0);opacity:.94}67%{transform:translate3d(-3px,-3px,0)}100%{transform:translate3d(0,0,0);opacity:1}}
@keyframes hmTextBreathUp{0%{transform:translate3d(0,17px,0) scale3d(.915,.915,1);opacity:.93}64%{transform:translate3d(0,-2px,0) scale3d(1.012,1.012,1)}100%{transform:translate3d(0,0,0) scale3d(1,1,1);opacity:1}}

body.hero-motion-v17 .hero-home .home-service-visual,body.hero-motion-v17 .subhero .subpage-visual{animation:hmVisualFanLeft .73s cubic-bezier(.17,.83,.22,1) both}
body.hero-motion-v18 .hero-home .home-service-visual,body.hero-motion-v18 .subhero .subpage-visual{animation:hmVisualFanRight .75s cubic-bezier(.17,.83,.22,1) both}
body.hero-motion-v19 .hero-home .home-service-visual,body.hero-motion-v19 .subhero .subpage-visual{animation:hmVisualDropSoft .71s cubic-bezier(.18,.82,.22,1) both}
body.hero-motion-v20 .hero-home .home-service-visual,body.hero-motion-v20 .subhero .subpage-visual{animation:hmVisualRiseBounce .79s cubic-bezier(.17,.83,.22,1) both}
body.hero-motion-v21 .hero-home .home-service-visual,body.hero-motion-v21 .subhero .subpage-visual{animation:hmVisualPopTwist .76s cubic-bezier(.17,.84,.2,1) both}
body.hero-motion-v22 .hero-home .home-service-visual,body.hero-motion-v22 .subhero .subpage-visual{animation:hmVisualSettleTwist .74s cubic-bezier(.18,.82,.22,1) both}
body.hero-motion-v23 .hero-home .home-service-visual,body.hero-motion-v23 .subhero .subpage-visual{animation:hmVisualSweepTL .72s cubic-bezier(.18,.82,.22,1) both}
body.hero-motion-v24 .hero-home .home-service-visual,body.hero-motion-v24 .subhero .subpage-visual{animation:hmVisualSweepTR .72s cubic-bezier(.18,.82,.22,1) both}
body.hero-motion-v25 .hero-home .home-service-visual,body.hero-motion-v25 .subhero .subpage-visual{animation:hmVisualYawLeft .75s cubic-bezier(.18,.82,.22,1) both}
body.hero-motion-v26 .hero-home .home-service-visual,body.hero-motion-v26 .subhero .subpage-visual{animation:hmVisualYawRight .75s cubic-bezier(.18,.82,.22,1) both}
body.hero-motion-v27 .hero-home .home-service-visual,body.hero-motion-v27 .subhero .subpage-visual{animation:hmVisualCornerTL .78s cubic-bezier(.16,.84,.22,1) both}
body.hero-motion-v28 .hero-home .home-service-visual,body.hero-motion-v28 .subhero .subpage-visual{animation:hmVisualCornerTR .78s cubic-bezier(.16,.84,.22,1) both}
body.hero-motion-v29 .hero-home .home-service-visual,body.hero-motion-v29 .subhero .subpage-visual{animation:hmVisualCornerBL .78s cubic-bezier(.16,.84,.22,1) both}
body.hero-motion-v30 .hero-home .home-service-visual,body.hero-motion-v30 .subhero .subpage-visual{animation:hmVisualCornerBR .78s cubic-bezier(.16,.84,.22,1) both}
body.hero-motion-v31 .hero-home .home-service-visual,body.hero-motion-v31 .subhero .subpage-visual{animation:hmVisualBreathUp .77s cubic-bezier(.18,.85,.2,1) both}

@keyframes hmVisualFanLeft{0%{transform:translate3d(-43px,-8px,0) rotate(-5deg) scale3d(.965,.965,1);opacity:.56}100%{transform:translate3d(0,0,0) rotate(0) scale3d(1,1,1);opacity:1}}
@keyframes hmVisualFanRight{0%{transform:translate3d(43px,-8px,0) rotate(5deg) scale3d(.965,.965,1);opacity:.56}100%{transform:translate3d(0,0,0) rotate(0) scale3d(1,1,1);opacity:1}}
@keyframes hmVisualDropSoft{0%{transform:translate3d(0,-41px,0) scale3d(.95,.95,1);opacity:.54}100%{transform:translate3d(0,0,0) scale3d(1,1,1);opacity:1}}
@keyframes hmVisualRiseBounce{0%{transform:translate3d(0,43px,0);opacity:.55}66%{transform:translate3d(0,-7px,0)}84%{transform:translate3d(0,2px,0)}100%{transform:translate3d(0,0,0);opacity:1}}
@keyframes hmVisualPopTwist{0%{transform:scale3d(.82,.82,1) rotate(-4deg);opacity:.48}65%{transform:scale3d(1.025,1.025,1) rotate(.7deg)}100%{transform:scale3d(1,1,1) rotate(0);opacity:1}}
@keyframes hmVisualSettleTwist{0%{transform:scale3d(1.07,1.07,1) rotate(3.5deg);opacity:.58}100%{transform:scale3d(1,1,1) rotate(0);opacity:1}}
@keyframes hmVisualSweepTL{0%{transform:translate3d(-45px,-30px,0) rotate(-2deg);opacity:.55}100%{transform:translate3d(0,0,0) rotate(0);opacity:1}}
@keyframes hmVisualSweepTR{0%{transform:translate3d(45px,-30px,0) rotate(2deg);opacity:.55}100%{transform:translate3d(0,0,0) rotate(0);opacity:1}}
@keyframes hmVisualYawLeft{0%{transform:perspective(950px) rotateY(-11deg) translate3d(-28px,6px,0);opacity:.54}100%{transform:perspective(950px) rotateY(0) translate3d(0,0,0);opacity:1}}
@keyframes hmVisualYawRight{0%{transform:perspective(950px) rotateY(11deg) translate3d(28px,6px,0);opacity:.54}100%{transform:perspective(950px) rotateY(0) translate3d(0,0,0);opacity:1}}
@keyframes hmVisualCornerTL{0%{transform:translate3d(-39px,-34px,0) scale3d(.965,.965,1);opacity:.54}68%{transform:translate3d(4px,3px,0)}100%{transform:translate3d(0,0,0) scale3d(1,1,1);opacity:1}}
@keyframes hmVisualCornerTR{0%{transform:translate3d(39px,-34px,0) scale3d(.965,.965,1);opacity:.54}68%{transform:translate3d(-4px,3px,0)}100%{transform:translate3d(0,0,0) scale3d(1,1,1);opacity:1}}
@keyframes hmVisualCornerBL{0%{transform:translate3d(-39px,34px,0) scale3d(.965,.965,1);opacity:.54}68%{transform:translate3d(4px,-3px,0)}100%{transform:translate3d(0,0,0) scale3d(1,1,1);opacity:1}}
@keyframes hmVisualCornerBR{0%{transform:translate3d(39px,34px,0) scale3d(.965,.965,1);opacity:.54}68%{transform:translate3d(-4px,-3px,0)}100%{transform:translate3d(0,0,0) scale3d(1,1,1);opacity:1}}
@keyframes hmVisualBreathUp{0%{transform:translate3d(0,27px,0) scale3d(.86,.86,1);opacity:.5}62%{transform:translate3d(0,-4px,0) scale3d(1.018,1.018,1)}100%{transform:translate3d(0,0,0) scale3d(1,1,1);opacity:1}}

@media (max-width:600px){
  body.hero-motion .hero-home .hero-copy,body.hero-motion .subhero .subhero-grid>div:first-child{animation-duration:.48s}
  body.hero-motion .hero-home .home-service-visual,body.hero-motion .subhero .subpage-visual{animation-duration:.58s}
}
/* 2026-09-07 v30: slower hero entrances. All route-specific text and visual
   entry motions now settle in 2 seconds while keeping compositor-friendly
   transform/opacity animation only. */
body.hero-motion .hero-home .hero-copy,
body.hero-motion .subhero .subhero-grid>div:first-child,
body.hero-motion .hero-home .home-service-visual,
body.hero-motion .subhero .subpage-visual{animation-duration:2s}

@media (prefers-reduced-motion:reduce){
  body.hero-motion .hero-home .hero-copy,
  body.hero-motion .subhero .subhero-grid>div:first-child,
  body.hero-motion .hero-home .home-service-visual,
  body.hero-motion .subhero .subpage-visual{animation:none!important;transform:none!important;opacity:1!important}
}
/* V31 - Turnstile minden szervernek adatot kuldo publikus feluleten */
.domain-search-protected{flex-wrap:wrap}
.domain-search-protected>label{min-width:220px}
.domain-search-protected>button:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.5)}
.domain-turnstile{flex:0 0 100%;width:100%;padding:5px 9px 2px}
.domain-turnstile .cf-turnstile{width:100%;min-height:1px}
.domain-search-errors{max-width:650px;margin:10px 0 0;padding:10px 13px;border:1px solid rgba(255,116,145,.24);border-radius:12px;background:rgba(154,30,65,.12)}
.domain-search-errors p{margin:0!important;color:#ffc1cd!important;font-size:11px!important;line-height:1.5!important}
.domain-search-errors p+p{margin-top:4px!important}
.portal-turnstile-field{margin:1px 0 0}
.portal-turnstile-message{margin:0;color:#ffc1cd;font-size:10px;line-height:1.5}
@media (max-width:600px){.domain-search-protected>label{min-width:0}.domain-turnstile{padding:4px 3px 1px}}
/* V31 portal Turnstile: explicit render csak a modal megnyitasakor */
.portal-turnstile-container{width:100%;min-height:65px}

/* FINAL contact card layout - consolidated 2026-09-07 */
.contact-grid{align-items:stretch!important}
.contact-info-card,.contact-form-card{align-self:stretch!important;box-sizing:border-box;height:100%}
.contact-info-card{
  position:relative!important;top:auto!important;display:flex;flex-direction:column;overflow:hidden;padding:38px;
  background:radial-gradient(100% 55% at 50% 100%,rgba(24,104,255,.15),transparent 60%),linear-gradient(180deg,#0d2044 0%,#091a39 55%,#071631 100%)!important
}
.contact-info-card>.eyebrow{font-size:10px;letter-spacing:.105em}
.contact-info-card h2{font-size:38px;line-height:1.05;margin-bottom:16px}
.contact-info-card>p{font-size:14px;line-height:1.82;margin-bottom:28px}
.contact-info-card .contact-channel,.contact-info-card .contact-phone{gap:16px;padding:18px 0;position:relative;z-index:1}
.contact-info-card .contact-channel>span,.contact-info-card .contact-phone>span{width:46px;height:46px;border-radius:14px}
.contact-info-card .contact-channel>div,.contact-info-card .contact-phone>div{gap:3px;justify-content:center}
.contact-info-card .contact-channel strong,.contact-info-card .contact-phone strong{font-size:15px;line-height:1.35}
.contact-info-card .contact-channel a,.contact-info-card .contact-phone a{font-size:14px;line-height:1.4}
.contact-info-card .contact-channel small,.contact-info-card .contact-phone small{font-size:11px;line-height:1.45}

/* Current contact icons without changing any text/markup. */
.contact-info-card .contact-channel:nth-of-type(1)>span svg{display:none!important}
.contact-info-card .contact-channel:nth-of-type(1)>span::before{
  content:"";width:23px;height:23px;display:block;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='6' rx='2'/%3E%3Crect x='4' y='15' width='16' height='6' rx='2'/%3E%3Cpath d='M8 6h.01M8 18h.01M12 6h4M12 18h4'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='6' rx='2'/%3E%3Crect x='4' y='15' width='16' height='6' rx='2'/%3E%3Cpath d='M8 6h.01M8 18h.01M12 6h4M12 18h4'/%3E%3C/svg%3E") center/contain no-repeat
}
.contact-info-card .contact-channel:nth-of-type(2)>span svg{display:none!important}
.contact-info-card .contact-channel:nth-of-type(2)>span::before{content:"$";display:block;font-size:22px;line-height:1;font-weight:900;letter-spacing:-.04em;transform:translateY(-1px)}
.contact-info-card .contact-phone>span svg{display:none!important}
.contact-info-card .contact-phone>span::before{
  content:"";width:23px;height:23px;display:block;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Cpath d='M4 14h3v6H5a1 1 0 0 1-1-1v-5Zm16 0h-3v6h2a1 1 0 0 0 1-1v-5ZM17 20c0 1-2 2-5 2'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Cpath d='M4 14h3v6H5a1 1 0 0 1-1-1v-5Zm16 0h-3v6h2a1 1 0 0 0 1-1v-5ZM17 20c0 1-2 2-5 2'/%3E%3C/svg%3E") center/contain no-repeat
}

/* Approved support image: full-bleed to the bottom/card edges, with a subtle top blend. */
.contact-support-photo{
  position:relative;margin-top:20px;margin-left:-38px;margin-right:-38px;margin-bottom:-38px;flex:1 1 auto;min-height:340px;overflow:hidden;border:0;background:#071631
}
.contact-support-photo::before{
  content:"";position:absolute;z-index:2;pointer-events:none;left:0;right:0;top:0;height:70px;
  background:linear-gradient(180deg,rgba(7,20,45,.95) 0%,rgba(7,20,45,.55) 35%,rgba(7,20,45,0) 100%)
}
.contact-support-photo img{
  position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center center;border:0;border-radius:0 0 26px 26px;box-shadow:none
}
@media (max-width:900px){
  .contact-grid{align-items:start!important}
  .contact-info-card,.contact-form-card{height:auto;align-self:auto!important}
  .contact-support-photo{flex:none;min-height:260px}
}
@media (max-width:600px){
  .contact-info-card{padding:24px}
  .contact-info-card h2{font-size:31px}
  .contact-info-card>p{font-size:13px;line-height:1.68}
  .contact-info-card .contact-channel,.contact-info-card .contact-phone{gap:13px;padding:16px 0}
  .contact-info-card .contact-channel>span,.contact-info-card .contact-phone>span{width:43px;height:43px}
  .contact-info-card .contact-channel strong,.contact-info-card .contact-phone strong{font-size:13.5px}
  .contact-info-card .contact-channel a,.contact-info-card .contact-phone a{font-size:13px}
  .contact-info-card .contact-channel small,.contact-info-card .contact-phone small{font-size:10px}
  .contact-support-photo{margin-left:-24px;margin-right:-24px;margin-bottom:-24px;min-height:230px}
  .contact-support-photo img{border-radius:0 0 22px 22px}
}