@font-face{font-family:Peyda;font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/Peyda-Regular.woff2) format("woff2"),url(../fonts/Peyda-Medium.woff2) format("woff2"),url(../fonts/Peyda-SemiBold.woff2) format("woff2"),url(../fonts/Peyda-Bold.woff2) format("woff2"),url(../fonts/Peyda-ExtraBold.woff2) format("woff2"),url(../fonts/Peyda-Black.woff2) format("woff2"),url(../fonts/Peyda-Light.woff2) format("woff2"),url(../fonts/Peyda-Thin.woff2) format("woff2")}
@font-face{font-family:Peyda;font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/Peyda-Medium.woff2) format("woff2"),url(../fonts/Peyda-Regular.woff2) format("woff2"),url(../fonts/Peyda-SemiBold.woff2) format("woff2"),url(../fonts/Peyda-Bold.woff2) format("woff2"),url(../fonts/Peyda-ExtraBold.woff2) format("woff2"),url(../fonts/Peyda-Black.woff2) format("woff2"),url(../fonts/Peyda-Light.woff2) format("woff2"),url(../fonts/Peyda-Thin.woff2) format("woff2")}
@font-face{font-family:Peyda;font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/Peyda-Bold.woff2) format("woff2"),url(../fonts/Peyda-Regular.woff2) format("woff2"),url(../fonts/Peyda-Medium.woff2) format("woff2"),url(../fonts/Peyda-SemiBold.woff2) format("woff2"),url(../fonts/Peyda-ExtraBold.woff2) format("woff2"),url(../fonts/Peyda-Black.woff2) format("woff2"),url(../fonts/Peyda-Light.woff2) format("woff2"),url(../fonts/Peyda-Thin.woff2) format("woff2")}
@font-face{font-family:Peyda;font-weight:800;font-style:normal;font-display:swap;src:url(../fonts/Peyda-ExtraBold.woff2) format("woff2"),url(../fonts/Peyda-Regular.woff2) format("woff2"),url(../fonts/Peyda-Medium.woff2) format("woff2"),url(../fonts/Peyda-SemiBold.woff2) format("woff2"),url(../fonts/Peyda-Bold.woff2) format("woff2"),url(../fonts/Peyda-Black.woff2) format("woff2"),url(../fonts/Peyda-Light.woff2) format("woff2"),url(../fonts/Peyda-Thin.woff2) format("woff2")}
:root{--bg:#fff;--ice:#f4f8ff;--sky:#e7f0ff;--blue:#2f6df6;--blue-d:#1f55d0;--cyan:#12b5e5;--navy:#0b2347;--ink:#1b2b45;--mut:#5d6e8a;--line:#dfe8f5;--ok:#17a673;--r:14px;--sh:0 10px 30px -12px rgba(30,70,160,.22);--f:HPLatin,Peyda,Tahoma,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
html,body,button,input,select,textarea,summary,table,.btn,.nav a,.plan,.card{font-family:var(--f)}
body{margin:0;color:var(--ink);background:var(--bg);line-height:1.9;font-size:16px;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto}a{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-d)}
h1,h2,h3{line-height:1.45;color:var(--navy);margin:0 0 .5em;font-weight:800}h1{font-size:clamp(1.7rem,3.6vw,2.7rem)}h2{font-size:clamp(1.4rem,2.6vw,2rem)}h3{font-size:1.1rem}
p{margin:0 0 1em}ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid var(--cyan);outline-offset:2px;border-radius:6px}
.skip{position:absolute;right:-999px}.skip:focus{right:8px;top:8px;background:#fff;padding:8px 14px;z-index:99}
.ic{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.25em;flex:none}.flip{transform:scaleX(-1)}
.wrap{width:min(1200px,100% - 2rem);margin-inline:auto}.wrap--narrow{width:min(860px,100% - 2rem)}
.section{padding:clamp(40px,6vw,76px) 0}.section--tint{background:var(--ice)}.section--dark{background:var(--navy);color:#cfe0ff}.section--dark h2{color:#fff}
.sec-head{text-align:center;max-width:720px;margin:0 auto 2rem}.sec-head p{color:var(--mut)}
.prose{color:#2c3d5a}.prose h2{margin-top:1.6em}.prose p{text-align:justify}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.7em 1.4em;border-radius:12px;font:inherit;font-weight:700;border:2px solid transparent;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.btn--primary{background:var(--blue);color:#fff}.btn--primary:hover{background:var(--blue-d);color:#fff}
.btn--ghost{background:#fff;color:var(--blue);border-color:var(--sky)}.btn--ghost:hover{border-color:var(--blue)}
.btn--light{background:#fff;color:var(--navy)}.btn--outline{border-color:#ffffff88;color:#fff}.btn--outline:hover{border-color:#fff;color:#fff}.btn--block{width:100%}
/* topbar + header */
.topbar{background:var(--navy);color:#bcd2ff;font-size:.85rem}.topbar__in{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;flex-wrap:wrap}.topbar a{color:#e5eeff;margin-inline-start:1.2rem}.topbar a:hover{color:#fff}
.site-head{position:sticky;top:0;z-index:50;background:#ffffffee;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.head__in{display:flex;align-items:center;gap:1.4rem;min-height:72px;position:relative}
.brand{display:flex;align-items:center;gap:.7rem;color:var(--navy)}.brand span{display:flex;flex-direction:column;line-height:1.3}.brand b{font-size:1.15rem}.brand small{color:var(--mut);font-size:.72rem;direction:ltr;text-align:right}.brand--light{color:#fff}.brand--light small{color:#9fb8ee}
.nav{display:flex;align-items:center;gap:1rem;flex:1;justify-content:space-between;min-width:0}.nav__list{display:flex;gap:.1rem;flex-wrap:wrap}.nav__list>li{position:static}
.nav__list>li>a{display:flex;align-items:center;gap:.4em;padding:.6rem .8rem;white-space:nowrap;color:var(--ink);font-weight:700;border-radius:10px}.nav__list>li>a:hover,.nav__list>li:focus-within>a{background:var(--ice);color:var(--blue)}
.nav .chev{width:.9em;height:.9em;transition:transform .2s}.has-sub:hover .chev{transform:rotate(180deg)}
.mega{position:absolute;top:100%;right:0;left:0;padding-top:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;z-index:60}
.has-sub:hover>.mega,.has-sub:focus-within>.mega,.has-sub.open>.mega{opacity:1;visibility:visible;transform:none}
.mega__in{display:grid;grid-template-columns:260px 1fr;gap:1.2rem;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px -20px rgba(20,60,150,.3);padding:1.2rem;max-height:calc(100vh - 150px);overflow:auto}
.mega__intro{background:linear-gradient(160deg,var(--sky),var(--ice));border-radius:14px;padding:1.2rem}.mega__intro b{display:block;font-size:1.1rem;color:var(--navy);margin:.5rem 0 .2rem}.mega__intro p{font-size:.88rem;color:var(--mut);line-height:1.8}
.mega__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff;color:var(--blue);font-size:1.4rem;box-shadow:0 6px 16px -8px rgba(30,70,160,.4)}
.mega__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.3rem .6rem;align-content:start}
.mega__grid a{display:flex;gap:.8rem;align-items:flex-start;padding:.7rem;border-radius:12px;color:var(--ink);height:100%}.mega__grid a:hover{background:var(--ice)}
.mi{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:var(--sky);color:var(--blue);font-size:1.25rem}.mi .flag{margin:0;width:26px;height:auto}
.mt b{display:block;color:var(--navy);font-size:.95rem}.mt small{display:block;color:var(--mut);font-size:.8rem;line-height:1.7;margin-top:.1rem}
.mega__grid a:hover b{color:var(--blue)}
.nav__list>li>a .flag{margin:0}
.flag{border-radius:4px;box-shadow:0 0 0 1px #0001;vertical-align:middle;margin-inline-end:.4rem}
.burger{display:none;background:none;border:0;padding:.6rem;cursor:pointer}.burger span{display:block;width:24px;height:2px;background:var(--navy);margin:5px 0;transition:.2s}
/* hero */
.hero{background:linear-gradient(180deg,var(--sky),#fff 90%);position:relative;overflow:hidden}
.hero__track{position:relative}.slide{display:none}.slide.is-on{display:block;animation:fade .6s}
@keyframes fade{from{opacity:0}to{opacity:1}}
.slide__in{display:grid;grid-template-columns:1.05fr 1fr;gap:2rem;align-items:center;padding:clamp(28px,5vw,64px) 0}
.slide__txt p{font-size:1.08rem;color:#35476a;max-width:560px}.slide__btns{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.2rem 0}
.chips{display:flex;gap:1rem;flex-wrap:wrap;color:var(--mut);font-size:.92rem}.chips .ic{color:var(--ok)}
.slide__art{width:100%;filter:drop-shadow(0 24px 40px rgba(30,70,160,.18))}
.hero__ctrl{display:flex;align-items:center;justify-content:center;gap:1rem;padding-bottom:1.2rem}
.dots{display:flex;gap:.5rem}.dot{width:10px;height:10px;border-radius:99px;border:0;background:#b9cdf5;cursor:pointer;padding:0;transition:.25s}.dot.is-on{width:30px;background:var(--blue)}
.dot-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--blue);cursor:pointer;display:grid;place-items:center}
/* locations */
.locs{border-bottom:1px solid var(--line);padding:1rem 0}.locs .wrap{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}.locs__t{margin:0;font-weight:700;color:var(--mut)}
.locs__list{display:flex;gap:.6rem;flex-wrap:wrap}.locs__list a{display:flex;align-items:center;gap:.4rem;padding:.35rem .9rem;border:1px solid var(--line);border-radius:99px;color:var(--ink);font-weight:500}.locs__list a:hover{border-color:var(--blue);background:var(--ice)}
/* cards */
.cards{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.cards--4{grid-template-columns:repeat(4,1fr)}.cards--3{grid-template-columns:repeat(3,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.4rem;position:relative}
.card--link{color:var(--ink);transition:border-color .2s,box-shadow .2s,transform .2s}.card--link:hover{border-color:var(--blue);box-shadow:var(--sh);transform:translateY(-3px);color:var(--ink)}
.card__ic{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--sky);color:var(--blue);font-size:1.5rem;margin-bottom:.9rem}.card p{color:var(--mut);margin-bottom:.6rem}.more{color:var(--blue);font-weight:700}
/* plans */
.plans{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:stretch}.plans--2{grid-template-columns:repeat(2,1fr)}.plans--3{grid-template-columns:repeat(3,1fr)}
.pgroup{padding:clamp(30px,5vw,56px) 0}.pgroup:nth-of-type(even){background:var(--ice)}
.plan{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.4rem;display:flex;flex-direction:column;position:relative;transition:box-shadow .2s,border-color .2s}.plan:hover{box-shadow:var(--sh);border-color:#b8cdf7}
.plan--feat{border:2px solid var(--blue);box-shadow:var(--sh)}
.plan__badge{position:absolute;top:-12px;right:18px;background:var(--blue);color:#fff;font-size:.78rem;font-weight:700;padding:.15rem .8rem;border-radius:99px}
.plan__name{margin:0 0 .2rem;font-size:1.15rem}.plan__tag{color:var(--mut);font-size:.9rem;margin:0 0 .8rem}
.plan__price{padding:.8rem 0;border-block:1px dashed var(--line);margin-bottom:.8rem}.plan__price strong{font-size:1.7rem;color:var(--blue);font-weight:800}.plan__price span{color:var(--mut);font-size:.88rem}.plan__ask{font-weight:700;color:var(--mut)!important;font-size:1rem!important}
.plan__specs{flex:1;margin-bottom:1rem}.plan__specs li{display:flex;align-items:center;gap:.55rem;padding:.38rem 0;font-size:.93rem;border-bottom:1px solid #eef3fb}.plan__specs li:last-child{border:0}
.plan__specs .ic{color:var(--cyan)}.plan__specs .k{color:var(--mut)}.plan__specs b{margin-inline-start:auto;font-weight:700;text-align:left;color:var(--navy)}
/* tabs */
.tabs__nav{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:1.6rem}.tabs__nav button{display:flex;align-items:center;gap:.4rem;font:inherit;font-weight:700;padding:.55rem 1.1rem;border-radius:99px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}.tabs__nav button.is-on{background:var(--blue);border-color:var(--blue);color:#fff}
.tabs__pane{display:none}.tabs__pane.is-on{display:block}.tabs__more{text-align:center;margin-top:1.4rem}
/* host spotlight */
.hostspot__grid{display:grid;grid-template-columns:.8fr 1.6fr;gap:2rem;align-items:start}.hostspot__list li{display:flex;gap:.7rem;align-items:center;padding:.55rem 0;font-weight:500}.hostspot__list .ic{color:var(--blue);font-size:1.4rem}.hostspot__list li:last-child{padding-top:1rem}
/* dc */
.dcsec__in{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;align-items:center}.dc-points{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1.2rem 0 1.6rem}.dc-points li{display:flex;gap:.5rem;align-items:center;color:#fff}.dc-points .ic{color:var(--cyan)}.dcsec img{border-radius:18px}
/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;counter-reset:s}.steps li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.4rem}.steps__n{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;margin-bottom:.7rem}
/* faq */
.faq{padding:clamp(36px,5vw,64px) 0}details{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:.7rem}summary{cursor:pointer;padding:1rem 1.2rem;font-weight:700;color:var(--navy);list-style:none;display:flex;justify-content:space-between;gap:1rem}summary::-webkit-details-marker{display:none}summary::after{content:"+";color:var(--blue);font-size:1.4rem;line-height:1}details[open] summary::after{content:"−"}details p{padding:0 1.2rem;color:#35476a}
/* page head */
.pagehead{background:linear-gradient(180deg,var(--sky),#fff);padding:clamp(24px,4vw,48px) 0}.pagehead__in{display:grid;grid-template-columns:1.3fr 1fr;gap:2rem;align-items:center}.pagehead__art{justify-self:end;width:min(380px,100%)}
.crumbs{font-size:.85rem;color:var(--mut);margin-bottom:.7rem}.lead{font-size:1.1rem;color:#35476a;max-width:640px}.pagehead__cta{display:flex;gap:.7rem;flex-wrap:wrap}
.notice-box{text-align:center;background:var(--ice);border:1px dashed #b8cdf7;border-radius:16px;padding:2rem}
.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:1.2rem}.contact-list li{display:flex;gap:.6rem;align-items:flex-start;margin-bottom:.7rem}.contact-list .ic{margin-top:.35rem;color:var(--cyan)}.contact-list--dark a,.contact-list--dark{color:var(--ink)}
/* cta */
.cta{background:linear-gradient(120deg,var(--blue),#1d8fe0);color:#fff;padding:2.4rem 0}.cta h2{color:#fff;margin-bottom:.2em}.cta p{margin:0;color:#e1ecff}.cta__in{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;flex-wrap:wrap}.cta__btns{display:flex;gap:.7rem;flex-wrap:wrap}
/* footer */
.site-foot{background:var(--navy);color:#b7c9ec;padding-top:3rem}.foot__grid{display:grid;grid-template-columns:1.7fr repeat(var(--n,4),minmax(0,1fr));gap:2rem 1.6rem;align-items:start}
.foot__col h2{font-size:1rem;margin-bottom:.7rem}.foot__col h2 a{color:#fff}.foot__col li{margin-bottom:.35rem}.foot__col a{color:#b7c9ec;font-size:.92rem}.foot__col a:hover{color:#fff}
.foot__about .contact-list a{color:#e6efff}.social{display:flex;gap:.6rem;margin-top:.8rem}.social a{width:38px;height:38px;border-radius:10px;background:#ffffff14;display:grid;place-items:center;color:#fff}
.foot__mid{display:grid;grid-template-columns:1.2fr 1fr;gap:1.4rem;align-items:center;margin-top:2.2rem;padding-top:2rem;border-top:1px solid #ffffff1f}
.mapcard{margin:0;background:#fff;border-radius:16px;overflow:hidden;color:var(--ink)}.mapcard img{display:block;width:100%}.mapcard figcaption{display:flex;gap:.5rem;padding:.7rem 1rem;font-size:.9rem}.mapcard figcaption .ic{color:var(--blue)}.mapcard--big{border:1px solid var(--line)}
.badges{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}.badge{background:#fff;border-radius:14px;padding:.5rem;display:grid;place-items:center}.badge img{width:84px;height:84px;object-fit:contain}
.foot__bar{margin-top:2rem;border-top:1px solid #ffffff1f;padding:1rem 0;font-size:.88rem}.foot__bar .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.totop{color:#fff}
/* responsive */
@media(max-width:1100px){.mega__in{grid-template-columns:1fr}.mega__intro{display:none}.nav__list>li>a{padding:.6rem .55rem;font-size:.92rem}.foot__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.foot__about{grid-column:1/-1}}
@media(max-width:980px){.cards--4{grid-template-columns:repeat(2,1fr)}.cards--3,.steps,.plans--3{grid-template-columns:1fr 1fr}.plans--2{grid-template-columns:1fr 1fr}.hostspot__grid,.dcsec__in,.contact-grid,.foot__mid{grid-template-columns:1fr}.slide__in,.pagehead__in{grid-template-columns:1fr}.slide__art,.pagehead__art{order:-1;max-width:360px;justify-self:center}}
@media(max-width:900px){.burger{display:block;margin-inline-start:auto}.head__in{gap:.6rem}.nav{position:fixed;inset:0;top:72px;background:#fff;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:1rem;overflow:auto;transform:translateX(100%);visibility:hidden;transition:transform .25s,visibility .25s;z-index:70}.nav.open{transform:none;visibility:visible}.nav__list{flex-direction:column;flex-wrap:nowrap}.nav__list>li>a{padding:.85rem .6rem;font-size:1rem;border-bottom:1px solid var(--line);border-radius:0;justify-content:flex-start}.nav__list>li>a .chev{margin-inline-start:auto}.mega{position:static;padding:0;opacity:1;visibility:visible;transform:none;display:none}.has-sub.open>.mega{display:block}.has-sub:hover>.mega{opacity:1}.mega__in{display:block;box-shadow:none;border:0;padding:.4rem 0;max-height:none;border-radius:0}.mega__grid{grid-template-columns:1fr}.nav__cta{margin-top:1rem}body.menu-open{overflow:hidden}}
@media(max-width:700px){.foot__grid{grid-template-columns:1fr 1fr}.topbar__in{justify-content:center;font-size:.8rem}.topbar__in>span:first-child{display:none}}
@media(max-width:600px){.cards--4,.cards--3,.steps,.plans--3,.plans--2{grid-template-columns:1fr}.dc-points{grid-template-columns:1fr}.slide__btns .btn{flex:1}.cta__btns{width:100%}.cta__btns .btn{flex:1}.plan__price strong{font-size:1.5rem}}
@media(max-width:420px){.foot__grid{grid-template-columns:1fr}.badge img{width:70px;height:70px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}