:root{--global-header-height:88px;--service-nav-height:54px}
html{scroll-padding-top:calc(var(--global-header-height) + var(--service-nav-height) + 12px)}
.price-tax-note{margin-top:8px!important;color:var(--muted)!important;font-size:10px!important;line-height:1.45}.home2-hero .price-tax-note,.service-hero .price-tax-note{color:#9fb6c5!important}.price-tax-note-section{margin-top:12px!important;text-align:right}
.service-subnav{position:sticky;top:var(--global-header-height);z-index:18;height:var(--service-nav-height);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--white) 94%,transparent);backdrop-filter:blur(14px);transition:height .2s,box-shadow .2s}.service-subnav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.service-subnav-links{display:flex;align-items:stretch;gap:5px;height:100%;overflow-x:auto;scrollbar-width:none}.service-subnav-links::-webkit-scrollbar{display:none}.service-subnav-links a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;color:var(--muted);font-size:13px;font-weight:650;white-space:nowrap}.service-subnav-links a:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--link);transform:scaleX(0);transition:transform .2s}.service-subnav-links a:hover,.service-subnav-links a[aria-current="location"]{color:var(--link)}.service-subnav-links a[aria-current="location"]:after{transform:scaleX(1)}
.landing-breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:20px;color:#a8bfce;font-size:11px}.landing-breadcrumb a{text-decoration:underline;text-underline-offset:3px}.service-hero{position:relative;min-height:calc(100svh - var(--global-header-height) - var(--service-nav-height));display:flex;align-items:center;padding:46px 0;background:var(--deep);color:#fff;overflow:hidden}.service-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(84,201,244,.12) 1px,transparent 0);background-size:29px 29px;mask-image:linear-gradient(90deg,#000,transparent 70%);pointer-events:none}.service-hero-grid{position:relative;display:grid;grid-template-columns:minmax(390px,.86fr) minmax(540px,1.14fr);align-items:center;gap:56px;width:100%}.service-hero-copy{min-width:0}.service-hero .eyebrow{color:var(--brand);margin-bottom:17px}.service-hero h1{max-width:680px;color:#fff;font-size:clamp(44px,4.2vw,66px);line-height:1.02}.service-lead{max-width:590px;margin-top:22px;color:#cbdbe6;font-size:17px}.service-price{display:grid;grid-template-columns:auto auto;align-items:end;width:max-content;max-width:100%;margin-top:24px}.service-price>span:first-child{grid-column:1/-1;color:#cbdbe6;font-size:12px}.service-price strong{color:var(--brand);font-size:48px;line-height:1;letter-spacing:-.055em}.service-price small{color:#fff;font-size:16px;letter-spacing:0}.service-price>span:last-child{margin:0 0 4px 12px;color:#cbdbe6;font-size:12px}.service-proofline{margin-top:12px;color:#d7e5ee;font-size:13px}.service-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}.service-actions .button{min-height:50px}.service-fineprint{margin-top:15px;color:#9fb6c5;font-size:11px}.service-quote-label{display:inline-flex;margin-top:21px;padding:8px 12px;border:1px solid #345264;border-radius:100px;color:#d2e0e8;font-size:12px}
.service-browser{overflow:hidden;border:1px solid #355468;border-radius:15px;background:#0d202d;box-shadow:0 28px 70px rgba(0,0,0,.2)}.service-browser-bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid #294858}.service-browser-bar>span{width:8px;height:8px;border-radius:50%;background:#466678}.service-browser-bar>span:first-child{background:var(--brand)}.service-browser-bar>div{flex:1;margin-left:7px;padding:5px 10px;border:1px solid #345365;border-radius:5px;color:#a9bdca;font-size:10px}.service-browser>a{display:block;aspect-ratio:16/9;overflow:hidden}.service-browser img{width:100%;height:100%;display:block;object-fit:cover;object-position:top}.service-browser-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 16px;color:#fff}.service-browser-caption span{color:var(--brand);font-size:9px;letter-spacing:.12em}.service-browser-caption strong{font-size:16px}.service-software-frame{aspect-ratio:16/9;overflow:hidden}.service-software-frame img{object-fit:contain;background:#07141f}
.service-scene{min-height:calc(100svh - var(--global-header-height) - var(--service-nav-height));display:flex;align-items:center;padding:54px 0;scroll-margin-top:calc(var(--global-header-height) + var(--service-nav-height))}.service-scene:nth-of-type(odd){background:var(--canvas)}.landing-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:end;gap:50px;margin-bottom:30px}.landing-heading .eyebrow{margin-bottom:10px}.landing-heading h2{max-width:760px;font-size:clamp(32px,3vw,44px)}.landing-heading>p,.landing-heading>a{justify-self:end}.landing-heading>p{max-width:420px;font-size:14px;line-height:1.7}
.landing-project-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.landing-project-card{min-width:0}.landing-project-image{display:block;overflow:hidden;aspect-ratio:16/10;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.landing-project-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:top;transition:transform .3s}.landing-project-image:hover img{transform:scale(1.02)}.landing-project-card>p{margin-top:12px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.landing-project-card h3{margin-top:3px;font-size:20px;overflow-wrap:anywhere}.landing-project-card>a:not(.landing-project-image){display:inline-flex;margin-top:4px;color:var(--link);font-size:12px;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.landing-project-card ul{display:flex;flex-wrap:wrap;gap:5px;list-style:none;margin:9px 0 0;padding:0}.landing-project-card li{padding:3px 7px;border:1px solid var(--line);border-radius:100px;color:var(--muted);font-size:10px}.landing-carousel-controls{display:none}
.landing-plans{background:var(--canvas)}.landing-plans .plans-grid{gap:14px}.landing-plans .plan,.hosting-plan-grid article,.social-landing-plan-grid article{background:var(--white);border:1px solid var(--line);border-radius:12px}.landing-plans .plan-body{padding:20px}.landing-plans .plan h3{font-size:25px}.landing-plans .plan-description{min-height:38px;margin-top:7px}.landing-plans .plan-price{margin-top:13px;font-size:36px}.landing-plans .upfront{min-height:42px;margin-top:10px;padding-bottom:9px}.landing-plans .plan details{margin:4px 0 12px}.landing-plans .plan summary,.hosting-plan-grid summary,.social-landing-plan-grid summary,.landing-tech-details summary,.social-extras summary,.landing-free-card summary{min-height:44px;display:flex;align-items:center;color:var(--link);font-size:12px;font-weight:700;cursor:pointer}.landing-plans .check-list{margin:5px 0 13px}.landing-plans .check-list li{margin-bottom:7px}.landing-continuity{display:grid;grid-template-columns:1fr 1.35fr auto;align-items:center;gap:20px;margin-top:16px;padding:16px 19px;border-left:4px solid var(--link);background:var(--white)}.landing-continuity strong{font-size:14px}.landing-continuity p,.landing-continuity span{font-size:12px;line-height:1.55}.landing-continuity a{color:var(--link);text-decoration:underline}.landing-continuity span{color:var(--muted)}
.landing-free{background:var(--white)}.landing-free-grid{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:64px}.landing-free h2{font-size:clamp(35px,4vw,54px)}.landing-free-lead{max-width:470px;margin-top:17px}.landing-free .button{margin-top:25px}.landing-free-card{padding:28px;border:1px solid var(--line);border-radius:15px;background:var(--canvas)}.landing-free-card>span{color:var(--link);font-size:11px;font-weight:750;letter-spacing:.13em}.landing-free-card>strong{display:block;margin-top:4px;font-size:58px;line-height:1}.landing-free-domain{margin-top:5px;color:var(--ink);font-weight:700}.landing-free-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:19px;padding-top:17px;border-top:1px solid var(--line)}.landing-free-card h3{font-size:16px}.landing-free-card ul{margin:10px 0 0;padding-left:18px;color:var(--muted);font-size:12px}.landing-free-card details p{font-size:11px}.landing-use-note{grid-column:1/-1;padding-top:5px;font-size:11px}
.landing-free-intro{margin-top:12px;color:var(--muted);font-size:13px}.landing-free-template{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px}.landing-free-template>div{min-height:126px;padding:15px;border:1px solid var(--line);border-radius:10px;background:var(--white)}.landing-free-template span{display:block;color:var(--link);font-size:10px;font-weight:800;letter-spacing:.12em}.landing-free-template h3{margin-top:8px}.landing-free-template p{margin-top:6px;color:var(--muted);font-size:11px;line-height:1.5}
.landing-free-conditions{align-self:start;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:var(--white)}.landing-free-conditions summary{position:relative;justify-content:space-between;gap:16px;min-height:52px;padding:0 15px;list-style:none;color:var(--ink)}.landing-free-conditions summary::-webkit-details-marker{display:none}.landing-free-conditions summary:after{content:"+";display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;color:var(--link);font-size:18px;font-weight:500;line-height:1}.landing-free-conditions[open] summary{border-bottom:1px solid var(--line);color:var(--link)}.landing-free-conditions[open] summary:after{content:"−"}.landing-free-conditions summary:hover{background:color-mix(in srgb,var(--link) 6%,var(--white))}.landing-free-conditions summary:focus-visible{outline:3px solid color-mix(in srgb,var(--link) 35%,transparent);outline-offset:-3px;border-radius:10px}.landing-free-condition-body{padding:4px 16px 15px}.landing-free-condition-body li{margin-top:7px;line-height:1.45}.landing-free-condition-body p{margin-top:13px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);line-height:1.5}
.landing-solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.landing-solution-grid article{min-height:280px;display:flex;flex-direction:column;padding:26px;border:1px solid var(--line);border-radius:13px;background:var(--white)}.landing-solution-grid article>span{color:var(--link);font-size:11px;font-weight:750}.landing-solution-grid h3{margin-top:30px;font-size:26px}.landing-solution-grid p{margin-top:12px}.landing-solution-grid a{margin-top:auto;padding-top:24px;color:var(--link);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.service-scene.landing-cases{background:var(--deep);color:#fff}.landing-cases .eyebrow{color:var(--brand)}.landing-cases h2{color:#fff}.landing-cases .landing-heading>p{color:#b8cbd7}.landing-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.landing-case-grid article{overflow:hidden;border:1px solid #2c4b5c;border-radius:13px;background:#0d202d}.landing-case-grid img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.landing-case-grid article>div{padding:19px}.landing-case-grid span{color:var(--brand);font-size:9px;letter-spacing:.1em}.landing-case-grid h3{margin-top:4px;color:#fff}.landing-case-grid p{min-height:54px;margin-top:8px;color:#c4d4de;font-size:13px}.landing-case-grid a{display:inline-flex;margin-top:12px;color:var(--brand);font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.mail-address-large{margin-top:24px;color:#fff;font-size:26px;font-weight:700}.mail-address-large span{color:var(--brand)}.mail-real-frame{position:relative;margin:0;overflow:hidden;border:1px solid #355468;border-radius:15px;background:#0c1c27}.mail-real-frame img{width:100%;height:auto;display:block}.mail-real-light{display:none!important}.mail-real-frame figcaption{padding:12px 16px;color:#a9bdca;font-size:11px}.mail-price-layout,.hosting-shared-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.mail-price-layout h2,.hosting-shared-grid h2{font-size:clamp(36px,4vw,54px)}.mail-price-layout>div>p,.hosting-shared-grid>div>p{max-width:560px;margin-top:17px}.mail-price-layout .button,.hosting-shared-grid .button{margin-top:25px}.mail-price-layout article{padding:35px;border:1px solid var(--line);border-radius:15px;background:var(--white)}.mail-price-layout article>span{color:var(--link);font-size:10px;letter-spacing:.12em}.mail-address-card{margin-top:23px;color:var(--ink);font-size:31px;font-weight:700}.mail-address-card em{color:var(--link);font-style:normal}.mail-price-layout article ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0;padding:0;list-style:none}.mail-price-layout article li{padding:10px;border:1px solid var(--line);border-radius:6px;font-size:12px}.mail-price-layout article>p:last-child{font-size:11px}.mail-inclusion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mail-inclusion-grid article{padding:27px;border-top:3px solid var(--link);background:var(--canvas)}.mail-inclusion-grid span{color:var(--link);font-size:11px}.mail-inclusion-grid h3{margin-top:24px}.mail-inclusion-grid p{margin-top:11px}.landing-tech-details{margin-top:18px;border-bottom:1px solid var(--line)}.landing-tech-details p{padding-bottom:15px;font-size:12px}.landing-related{margin-top:18px;font-size:13px}.landing-related a{color:var(--link);text-decoration:underline}
.hosting-hero-panel{padding:38px;border:1px solid #315064;border-radius:15px;background:linear-gradient(145deg,#102735,#07141f);box-shadow:0 25px 65px rgba(0,0,0,.2)}.hosting-hero-panel>span{color:var(--brand);font-size:10px;letter-spacing:.13em}.hosting-hero-panel>strong{display:block;margin-top:22px;color:#fff;font-size:38px;line-height:1.05}.hosting-hero-panel>p{margin-top:14px;color:#c9d9e4}.hosting-hero-panel ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:29px 0 0;padding:0;list-style:none}.hosting-hero-panel li{padding:14px;border:1px solid #315064;border-radius:8px;color:#fff;font-size:13px}.hosting-shared-grid article{padding:34px;border:1px solid var(--line);border-radius:15px;background:var(--white)}.hosting-shared-grid article>ul{margin:20px 0;padding-left:19px}.hosting-shared-grid article>aside{margin-top:24px;padding:17px;border-left:4px solid var(--link);background:var(--canvas)}.hosting-shared-grid aside p{margin-top:4px;font-size:12px}.hosting-price{display:grid;grid-template-columns:auto 1fr;align-items:end;margin-top:21px}.hosting-price strong{color:var(--link);font-size:43px;line-height:1}.hosting-price span{margin:0 0 4px 5px}.hosting-price small{grid-column:1/-1;margin-top:7px;color:var(--muted)}.hosting-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.hosting-plan-grid article{padding:24px}.hosting-plan-grid article.is-featured,.social-landing-plan-grid article.is-featured{border:2px solid var(--link);transform:translateY(-6px)}.hosting-plan-grid article>span,.social-landing-plan-grid article>span{color:var(--link);font-size:9px;font-weight:750;letter-spacing:.11em}.hosting-plan-grid h3{margin-top:7px;font-size:25px}.hosting-space{margin-top:16px;padding:9px;border-radius:6px;background:var(--canvas);font-size:12px}.hosting-plan-grid details{margin:8px 0 15px}.hosting-plan-grid details ul{columns:2;margin:0;padding-left:18px;font-size:11px}
.social-example-window{overflow:hidden;border:1px solid #315064;border-radius:15px;background:#0d202d}.social-example-window header,.social-example-window footer{display:flex;justify-content:space-between;gap:20px;padding:12px 16px;color:#a9bdca;font-size:10px}.social-example-window header span{color:var(--brand)}.social-example-window img{display:block;width:100%;max-height:520px;aspect-ratio:16/10;object-fit:cover;object-position:top}.social-example-window footer{border-top:1px solid #294858}.social-landing-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.social-landing-plan-grid article{padding:24px}.social-landing-plan-grid h3{margin-top:8px;font-size:25px}.social-landing-price{margin-top:20px;color:var(--ink);font-size:37px;font-weight:700}.social-landing-price small{font-size:13px}.social-landing-plan-grid article>strong{display:block;min-height:42px;margin-top:8px;font-size:12px}.social-landing-plan-grid details{margin:7px 0 15px}.social-landing-plan-grid details p{font-size:12px}.social-channel-layout{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:65px}.social-channel-layout h2{font-size:clamp(35px,4vw,52px)}.social-channel-layout>div>p{margin-top:17px}.social-channel-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:25px}.social-channel-buttons button{min-height:48px;padding:10px 14px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink);text-align:left;cursor:pointer}.social-channel-buttons button:hover,.social-channel-buttons button.is-active{border-color:var(--link);color:var(--link)}.social-extras{margin-top:16px;border-bottom:1px solid var(--line)}.social-extras p{padding-bottom:15px;font-size:12px}.social-channel-preview{position:relative;margin:0;padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--white)}.social-channel-preview>span{position:absolute;z-index:1;top:28px;left:28px;padding:7px 9px;border-radius:5px;background:var(--deep);color:#fff;font-size:10px}.social-channel-preview img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:9px}.social-channel-preview figcaption{padding:12px 2px 0;font-size:11px;color:var(--muted)}
.landing-final{padding:65px 0;background:var(--deep);color:#fff}.landing-final-inner{display:flex;align-items:center;justify-content:space-between;gap:55px}.landing-final .eyebrow{color:var(--brand);margin-bottom:9px}.landing-final h2{max-width:700px;color:#fff}.landing-final p:not(.eyebrow){margin-top:10px;color:#bdd0dc}.landing-final .service-actions{margin-top:0;flex:0 0 auto}
.quote-drawer{position:fixed;inset:0;z-index:90}.quote-backdrop{position:absolute;inset:0;border:0;background:rgba(3,12,18,.68);backdrop-filter:blur(4px);opacity:0;transition:opacity .25s}.quote-panel{position:absolute;right:0;top:0;bottom:0;width:min(520px,100%);overflow-y:auto;overscroll-behavior:contain;background:var(--white);color:var(--ink);box-shadow:-25px 0 70px rgba(0,0,0,.22);transform:translateX(100%);transition:transform .3s ease;padding:0 34px 35px}.quote-drawer.is-open .quote-backdrop{opacity:1}.quote-drawer.is-open .quote-panel{transform:none}.quote-panel>header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0 19px;background:var(--white);border-bottom:1px solid var(--line)}.quote-panel>header span{display:block;color:var(--link);font-size:9px;letter-spacing:.1em;font-weight:700}.quote-panel>header h2{font-size:27px;margin-top:4px}.quote-close{flex:0 0 44px;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:28px;line-height:1;cursor:pointer}.quote-selection{margin-top:20px;padding:13px 16px;border-left:3px solid var(--brand);background:var(--canvas);font-size:13px}.quote-step{padding-top:25px}.quote-step>p{font-size:20px;color:var(--ink);font-weight:700}.quote-step>div{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.quote-step button{min-height:55px;padding:11px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink);font-size:12px;text-align:left}.quote-form-host{padding-top:22px}.quote-intro,.quote-loading{font-size:13px}.quote-panel .inquiry-form-panel{padding:0;border:0;border-radius:0}.quote-panel .inquiry-form-panel>.eyebrow,.quote-panel .inquiry-form-panel>h2,.quote-panel .inquiry-form-panel>.inquiry-intro{display:none}.quote-panel .inquiry-development{margin-block:0 22px}.quote-panel .inquiry-fields{grid-template-columns:1fr;gap:15px}.quote-panel .inquiry-field input,.quote-panel .inquiry-field select,.quote-panel .inquiry-field textarea{min-height:46px;font-size:15px}.quote-panel .inquiry-submit{width:100%}.quote-direct{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line);font-size:12px}.quote-direct a{color:var(--link);font-weight:700;text-decoration:underline}body.quote-open{overflow:hidden}
html[data-theme="light"] .mail-real-dark{display:none!important}html[data-theme="light"] .mail-real-light{display:block!important}
@media(max-width:1199px){.service-hero-grid{grid-template-columns:minmax(340px,.9fr) minmax(460px,1.1fr);gap:32px}.service-hero h1{font-size:46px}.landing-project-track{grid-template-columns:repeat(2,1fr)}.service-scene{min-height:auto}.landing-plans .plan-description{min-height:58px}}
@media(max-width:959px){.service-hero{min-height:auto;padding-block:55px}.service-hero-grid{grid-template-columns:1fr;gap:38px}.service-browser,.mail-real-frame,.social-example-window,.hosting-hero-panel{max-width:760px;width:100%}.landing-heading{grid-template-columns:1fr;gap:12px}.landing-heading>p,.landing-heading>a{justify-self:start}.landing-free-grid,.mail-price-layout,.hosting-shared-grid,.social-channel-layout{grid-template-columns:1fr;gap:35px}.landing-free-columns{grid-template-columns:1fr 1fr}.landing-case-grid,.landing-solution-grid{grid-template-columns:1fr}.landing-case-grid article{display:grid;grid-template-columns:.85fr 1.15fr}.landing-case-grid article>div{padding:17px}.landing-case-grid p{min-height:0}.landing-continuity{grid-template-columns:1fr}.hosting-plan-grid,.social-landing-plan-grid{grid-template-columns:1fr}.hosting-plan-grid article.is-featured,.social-landing-plan-grid article.is-featured{transform:none}.mail-inclusion-grid{grid-template-columns:1fr}.landing-final-inner{align-items:flex-start;flex-direction:column}.landing-final .service-actions{margin-top:0}}
@media(max-width:639px){:root{--service-nav-height:50px}.service-subnav-inner{width:100%;padding-left:20px}.service-subnav-links{min-width:0}.service-subnav-links a{padding-inline:11px;font-size:12px}.service-subnav-contact{align-self:stretch;min-height:50px;border-radius:0;padding-inline:14px}.service-hero{padding:38px 0 45px}.service-hero-grid{width:calc(100% - 40px);gap:30px}.landing-breadcrumb{margin-bottom:17px}.service-hero h1{font-size:39px}.service-lead{font-size:15px}.service-price strong{font-size:43px}.service-actions{display:grid;grid-template-columns:1fr;width:100%}.service-actions .button{width:100%}.service-browser-bar{height:36px}.service-browser-caption{padding:10px 12px}.service-scene{min-height:0;padding:48px 0}.service-scene>.container{width:calc(100% - 40px)}.landing-heading{margin-bottom:22px}.landing-heading h2{font-size:32px}.landing-project-viewport{overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;padding-inline:20px;scrollbar-width:thin}.landing-project-track{display:flex;width:max-content;gap:14px}.landing-project-card{flex:0 0 84vw;scroll-snap-align:start}.landing-carousel-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:13px}.landing-carousel-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--ink)}.landing-carousel-controls span{min-width:54px;text-align:center;font-size:12px;font-weight:700}.landing-plans .plans-grid{grid-template-columns:1fr}.landing-plans .plan-description{min-height:0}.landing-continuity{padding:15px}.landing-free-grid{width:calc(100% - 40px)}.landing-free h2{font-size:34px}.landing-free-template{grid-template-columns:1fr}.landing-free-template>div{min-height:0}.landing-free-columns{grid-template-columns:1fr}.landing-free-card{padding:22px}.landing-solution-grid article{min-height:230px;padding:22px}.landing-case-grid article{display:block}.landing-case-grid img{aspect-ratio:16/9}.mail-price-layout,.hosting-shared-grid,.social-channel-layout{width:calc(100% - 40px)}.mail-price-layout h2,.hosting-shared-grid h2,.social-channel-layout h2{font-size:34px}.mail-price-layout article{padding:23px}.mail-price-layout article ul{grid-template-columns:1fr}.hosting-hero-panel{padding:25px}.hosting-hero-panel>strong{font-size:31px}.hosting-hero-panel ul{grid-template-columns:1fr}.hosting-plan-grid article,.social-landing-plan-grid article{padding:22px}.hosting-plan-grid details ul{columns:1}.social-channel-buttons{grid-template-columns:1fr 1fr}.landing-final{padding:48px 0}.landing-final-inner{width:calc(100% - 40px)}.quote-panel{width:100%;padding-inline:20px}.quote-step>div{grid-template-columns:1fr}.quote-direct{align-items:flex-start;flex-direction:column}}
.mail-price-layout>*,.hosting-shared-grid>*{min-width:0}.mail-address-card{overflow-wrap:anywhere}
html{scroll-padding-top:0}
@media(min-width:1200px){
  :root{--service-viewport:calc(100svh - var(--global-header-height) - var(--service-nav-height))}
  .service-anchor-hero,.service-anchor-hero .home2-hero-shell,.service-hero,.service-scene,.landing-final{height:var(--service-viewport);min-height:var(--service-viewport)}
  .service-anchor-hero .home2-hero-shell{padding-block:16px}
  .service-anchor-hero .home2-hero-grid{height:100%;padding-block:12px 0}
  .service-scene{padding-block:46px}
  .landing-final{display:flex;align-items:center;padding-block:46px}
  .landing-final-inner{width:100%}
  .landing-case-grid img{height:clamp(185px,23svh,215px);aspect-ratio:auto;object-fit:cover;object-position:top}
  .social-channel-preview img{height:clamp(320px,45svh,405px);aspect-ratio:auto;object-fit:cover;object-position:top}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-subnav,.service-subnav-links a:after,.landing-project-image img,.quote-backdrop,.quote-panel{transition:none!important}}

/* Navegación de recorrido: la cabecera global abre la página y cede su lugar al submenú al avanzar. */
:root{--service-nav-height:64px}
.site-header{transition:transform .24s ease,min-height .2s,box-shadow .2s,background .2s}
.site-header.is-away{transform:translateY(-100%)}
.service-subnav-logo{display:inline-flex;align-items:center;flex:0 0 auto;width:132px}
.service-subnav-logo img{display:block;width:100%;height:auto}
.service-nav-ready .service-subnav{position:fixed;inset:0 0 auto;z-index:24;height:var(--service-nav-height);top:0;opacity:0;pointer-events:none;transform:translateY(-100%);box-shadow:0 10px 28px rgba(7,20,31,.12);transition:transform .24s ease,opacity .18s ease}
.service-nav-ready .service-subnav.is-visible{opacity:1;pointer-events:auto;transform:none}
.service-subnav-inner{justify-content:flex-start}
.service-subnav-links{margin-left:auto}
.service-scene,.landing-final{scroll-margin-top:var(--service-nav-height)}

@media(min-width:1200px){
  :root{--service-hero-viewport:calc(100svh - var(--global-header-height));--service-scene-viewport:calc(100svh - var(--service-nav-height))}
  .service-anchor-hero,.service-anchor-hero .home2-hero-shell,.service-hero{height:var(--service-hero-viewport);min-height:var(--service-hero-viewport)}
  .service-scene,.landing-final{height:var(--service-scene-viewport);min-height:var(--service-scene-viewport)}
}

@media(max-width:639px){
  :root{--service-nav-height:58px}
  .service-subnav-inner{width:100%;padding-inline:14px;gap:10px}
  .service-subnav-logo{width:100px}
  .service-subnav-links{min-width:0;gap:0}
  .service-subnav-links a{padding-inline:10px;font-size:12px}
  .service-subnav-links a:after{left:10px;right:10px}
}

@media(prefers-reduced-motion:reduce){.site-header,.service-nav-ready .service-subnav{transition:none!important}}

/* Profundidad visual sin alterar la geometría de las escenas: en escritorio el
   fondo permanece anclado y cada bloque de contenido se desplaza sobre él. */
@media(min-width:1200px) and (prefers-reduced-motion:no-preference){
  .home2-hero::before,.service-hero::before{
    background-image:radial-gradient(circle at 1px 1px,rgba(84,201,244,.17) 1px,transparent 1.4px),radial-gradient(circle at 18% 24%,rgba(0,174,239,.16),transparent 34%);
    background-size:29px 29px,100vw 100svh;
    background-attachment:fixed,fixed;
    background-position:0 0,center top;
  }
  .service-scene,.landing-final{
    background-image:radial-gradient(circle at 16% 20%,rgba(0,174,239,.13),transparent 33%),radial-gradient(circle at 84% 78%,rgba(0,121,168,.09),transparent 35%),linear-gradient(rgba(0,121,168,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,121,168,.07) 1px,transparent 1px);
    background-attachment:fixed,fixed,fixed,fixed;
    background-position:center,center,0 0,0 0;
    background-size:100vw 100svh,100vw 100svh,42px 42px,42px 42px;
  }
  .service-scene>.container,.landing-final>.container{position:relative;z-index:1}
  .ai-native-scene{background-attachment:fixed,fixed}
}

/* Navegación compacta y centrada durante el recorrido. */
.service-subnav-inner{display:grid;grid-template-columns:132px minmax(0,1fr) 132px;gap:18px}
.service-subnav-links{justify-self:center;align-items:center;width:max-content;max-width:100%;height:46px;margin:0;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--canvas);overflow-x:auto}
.service-subnav-links a{min-height:36px;padding-inline:17px;border-radius:999px}
.service-subnav-links a:after{display:none}
.service-subnav-links a:hover{background:var(--white);color:var(--link)}
.service-subnav-links a[aria-current="location"]{background:var(--link);color:#fff}
.service-subnav-theme{justify-self:end;border-radius:50%}

@media(max-width:639px){
  .service-subnav-inner{grid-template-columns:82px minmax(0,1fr) 44px;padding-inline:10px;gap:7px}
  .service-subnav-logo{width:82px}
  .service-subnav-links{justify-self:stretch;width:100%;height:42px;padding:3px}
  .service-subnav-links a{min-height:34px;padding-inline:10px;font-size:11px}
  .service-subnav-theme{width:42px;min-height:42px}
}

/* Navegación de recorrido: el menú principal se compacta y la navegación
   propia de Desarrollo Web pasa al lateral sin duplicar el encabezado. */
.site-header.is-away{transform:none}
.site-header.is-journey{
  top:10px;
  width:max-content;
  max-width:calc(100% - 40px);
  margin-inline:auto;
  border:1px solid var(--line);
  border-radius:999px;
  box-shadow:0 14px 36px rgba(3,18,27,.16);
  overflow:visible;
}
.site-header.is-journey .header-inner{
  width:auto;
  min-height:60px;
  padding-inline:17px;
  gap:18px;
}
.site-header.is-journey .wordmark-logo{width:112px;transform:translateZ(0)}
.site-header.is-journey .header-inner nav{margin-left:0;gap:15px}
.site-header.is-journey .header-inner nav>a:not(.button){font-size:12px}
.site-header.is-journey .theme-toggle{width:44px;height:44px;min-height:44px}

@media(min-width:1200px){
  .service-nav-ready .service-subnav{
    position:fixed;
    z-index:35;
    top:50%;
    right:0;
    bottom:auto;
    left:auto;
    width:112px;
    height:auto;
    border:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
    opacity:0;
    pointer-events:none;
    transform:translate(125%,-50%);
    transition:opacity .22s ease,transform .28s ease;
  }
  .service-nav-ready .service-subnav.is-visible{
    opacity:1;
    pointer-events:auto;
    transform:translate(0,-50%);
  }
  .service-subnav-inner{
    width:100%;
    height:auto;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:7px;
    padding:16px 10px 12px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
  }
  .service-subnav-links{
    width:100%;
    height:auto;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    overflow:visible;
  }
  .service-subnav-links a{
    justify-content:flex-end;
    gap:7px;
    min-height:42px;
    padding:5px 0;
    border-radius:0;
    color:var(--muted);
    font-size:9px;
    font-weight:750;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  .service-subnav-links a::after{
    position:static;
    display:block;
    flex:0 0 16px;
    width:16px;
    height:1px;
    border-radius:0;
    background:var(--muted);
    transform:none;
    transition:width .18s ease,background .18s ease;
  }
  .service-subnav-links a:hover::after,
  .service-subnav-links a[aria-current="location"]::after{
    width:22px;
    flex-basis:22px;
    height:2px;
    background:var(--link);
  }
  .service-subnav-links a[aria-current="location"]{background:transparent;color:var(--link)}
  .service-subnav.is-on-dark .service-subnav-links a:not([aria-current="location"]):not(.service-subnav-contact){color:#b9ccd8}
  .service-subnav.is-on-dark .service-subnav-links a::after{background:#7693a5}
  .service-subnav.is-on-dark .service-subnav-links a[aria-current="location"]::after,
  .service-subnav.is-on-dark .service-subnav-links .service-subnav-contact::after{background:var(--brand)}
  .service-subnav.is-on-dark .service-subnav-links .service-subnav-contact,
  .service-subnav.is-on-dark .service-subnav-links a[aria-current="location"]{color:var(--brand)}
  .service-subnav.is-on-dark .service-subnav-links .service-subnav-contact{border-color:rgba(185,204,216,.3)}
  .service-subnav-links .service-subnav-contact{
    margin-top:3px;
    padding-top:9px;
    border-top:1px solid var(--line);
    color:var(--link);
  }
}

@media(min-width:1200px){
  :root{--journey-offset:80px}
  .service-scene,.landing-final{
    height:calc(100svh - var(--journey-offset));
    min-height:calc(100svh - var(--journey-offset));
    scroll-margin-top:var(--journey-offset);
  }
}

@media(max-width:1199px){
  .site-header.is-journey{top:7px;max-width:calc(100% - 20px)}
  .site-header.is-journey .header-inner{min-height:62px;padding-inline:14px}
}

@media(max-width:1199px){
  .service-nav-ready .service-subnav{
    position:fixed;
    z-index:34;
    top:77px;
    right:auto;
    bottom:auto;
    left:50%;
    width:min(430px,calc(100% - 28px));
    height:50px;
    border:0;
    background:transparent;
    box-shadow:none;
    opacity:0;
    pointer-events:none;
    transform:translate(-50%,-16px);
    transition:opacity .2s ease,transform .22s ease;
  }
  .service-nav-ready .service-subnav.is-visible{
    opacity:1;
    pointer-events:auto;
    transform:translate(-50%,0);
  }
  .service-subnav-inner{
    width:100%;
    height:50px;
    display:block;
    padding:0;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:999px;
    background:color-mix(in srgb,var(--white) 96%,transparent);
    box-shadow:0 12px 30px rgba(3,18,27,.15);
    backdrop-filter:blur(15px);
  }
  .service-subnav-links{width:100%;height:100%;display:flex;align-items:stretch;gap:0;margin:0;padding:0;border:0;background:transparent;overflow-x:auto}
  .service-subnav-links a{flex:1 0 auto;justify-content:center;min-height:48px;padding-inline:6px;border-radius:0;font-size:9px}
  .service-subnav-links a::after{left:14px;right:14px}
  .service-scene{scroll-margin-top:140px}
}

@media(max-width:639px){
  .site-header.is-journey{width:calc(100% - 18px);max-width:none}
  .site-header.is-journey .header-inner{min-height:58px;flex-wrap:nowrap}
  .site-header.is-journey .wordmark-logo{width:108px}
  .service-nav-ready .service-subnav{top:72px}
}

/* Contacto destacado sin abandonar el lenguaje lineal del submenú. */
@media(min-width:1200px){
  .service-subnav-links .service-subnav-contact{font-weight:850;letter-spacing:.09em}
  .service-subnav-links .service-subnav-contact::after{display:block;width:22px;flex-basis:22px;height:2px;background:var(--brand)}
  .service-subnav-links .service-subnav-contact:hover::after{width:28px;flex-basis:28px}
}
@media(max-width:1199px){
  .service-subnav-links .service-subnav-contact{color:var(--link);font-weight:850;box-shadow:inset 1px 0 var(--line)}
}

/* Panel de contacto compacto para cotizar sin abandonar la página. */
.quote-panel{width:min(570px,100%);padding:0 28px 26px}
.quote-panel>header{padding:20px 0 15px}
.quote-panel>header h2{font-size:25px}
.quote-selection{display:inline-flex;margin-top:15px;padding:8px 11px;border:0;border-radius:999px;background:var(--canvas);color:var(--link);font-size:11px;font-weight:700}
.quote-step{padding-top:18px}
.quote-step>p{font-size:18px}
.quote-step>div{gap:8px;margin-top:12px}
.quote-step button{min-height:48px;border-radius:9px;transition:border-color .16s,background .16s}
.quote-step button:hover{border-color:var(--link);background:var(--canvas)}
.quote-form-host{padding-top:16px}
.quote-panel .inquiry-form-panel{padding:0;background:transparent;box-shadow:none}
.quote-panel .inquiry-form-head{display:none}
.quote-panel .inquiry-development{margin-bottom:14px}
.quote-panel .inquiry-fields{grid-template-columns:1fr 1fr;gap:13px}
.quote-panel .inquiry-wide{grid-column:1/-1}
.quote-panel .inquiry-field input,.quote-panel .inquiry-field select,.quote-panel .inquiry-field textarea{min-height:44px;font-size:14px}
.quote-panel .inquiry-field textarea{min-height:96px}
.quote-panel>header h2 .title-accent{display:inline;color:var(--brand);font:inherit;letter-spacing:inherit}
.quote-panel .inquiry-optional{margin-top:13px}
.quote-panel .inquiry-optional-fields{grid-template-columns:1fr 1fr;gap:12px}
.quote-panel .inquiry-submit-area{margin-top:14px}
.quote-panel .inquiry-submit{min-height:48px}
.quote-panel .quote-direct{margin-top:18px;padding:13px 15px;border:0;border-radius:10px;background:var(--canvas)}
.quote-panel .quote-direct a{text-underline-offset:3px}

@media(max-width:639px){
  .quote-panel{padding-inline:17px}
  .quote-panel>header{padding-top:15px}
  .quote-panel .inquiry-fields,.quote-panel .inquiry-optional-fields{grid-template-columns:1fr}
  .quote-selection{margin-top:12px}
  .quote-direct{align-items:stretch}
}

/* El portafolio conserva sus controles completos dentro de viewports bajos. */
@media(min-width:1200px) and (max-height:950px){
  .landing-work{padding-block:27px}
  .landing-work .landing-heading{margin-bottom:17px}
  .landing-work .home2-project-slide{gap:7px 14px}
  .landing-work .home2-project-slide .home2-project-media{aspect-ratio:2.16/1}
  .landing-work .home2-project-slide .home2-project-info{padding-top:6px}
  .landing-work .home2-project-slide .home2-project-info h3{font-size:17px}
  .landing-work .home2-project-controls{margin-top:8px;padding-bottom:9px}
}

/* Casos de software: carrusel compacto para mantener una sola escena. */
.landing-case-viewport{overflow:hidden}
.landing-case-track{display:flex;align-items:stretch;gap:15px;transition:transform .4s cubic-bezier(.22,.61,.36,1);will-change:transform}
.landing-case-card{display:flex;flex:0 0 calc((100% - 30px)/3);min-width:0;overflow:hidden;flex-direction:column;border:1px solid #2c4b5c;border-radius:13px;background:#0d202d}
.landing-case-card>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top}
.landing-case-card>div{display:flex;flex:1;flex-direction:column;padding:19px}
.landing-case-card span{color:var(--brand);font-size:9px;letter-spacing:.1em}
.landing-case-card h3{margin-top:4px;color:#fff}
.landing-case-card p{min-height:54px;margin-top:8px;color:#c4d4de;font-size:13px}
.landing-case-card a{display:inline-flex;align-items:center;min-height:44px;margin-top:auto;padding-top:12px;color:var(--brand);font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.landing-case-controls{display:flex;align-items:center;justify-content:flex-end;gap:13px;margin-top:15px}
.landing-case-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #466577;border-radius:50%;background:#0d202d;color:#fff;font:700 19px/1 var(--font);cursor:pointer;transition:border-color .18s,color .18s,background .18s}
.landing-case-controls button:hover{border-color:var(--brand);color:var(--brand);background:#102a39}
.landing-case-controls button:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 45%,transparent);outline-offset:2px}
.landing-case-controls span{min-width:52px;color:#c4d4de;font-size:12px;font-weight:700;text-align:center}

@media(max-width:959px) and (min-width:640px){.landing-case-card{flex-basis:calc((100% - 15px)/2)}}
@media(max-width:639px){.landing-case-card{flex-basis:100%}.landing-case-card p{min-height:0}.landing-case-controls{justify-content:center}}
@media(prefers-reduced-motion:reduce){.landing-case-track{transition:none!important}}

/* Correo corporativo: la captura domina el hero y la identidad se muestra como firma real. */
.mail-signature-card{margin-top:18px;padding:22px 24px 18px;border:1px solid #3b4650;border-radius:10px;background:#232323;color:#fff;box-shadow:0 18px 40px rgba(4,14,21,.14)}
.mail-signature-card>strong{display:block;font-size:17px;line-height:1.25}
.mail-signature-card>p{margin-top:3px;color:#fff;font-size:14px}
.mail-signature-card address{display:flex;flex-direction:column;align-items:flex-start;margin-top:20px;color:#fff;font-size:14px;font-style:normal;line-height:1.4}
.mail-signature-card address a{color:#fff}
.mail-signature-card address a[href^="https"]{color:#9ad5ec;text-decoration:underline;text-underline-offset:2px}
.mail-signature-card img{display:block;width:min(225px,100%);height:auto;margin-top:7px}
.mail-signature-note{margin-top:13px;color:var(--muted)}

@media(min-width:1200px){.home2-mail-hero-grid{grid-template-columns:minmax(360px,.7fr) minmax(0,1.3fr);gap:38px}}
@media(max-width:639px){.mail-signature-card{padding:20px}.mail-signature-card img{width:205px}}

/* Hosting: composición alineada con el sistema visual y planes compactos. */
.landing-hosting-hero .service-hero-grid{width:min(var(--container),calc(100% - 80px))}
.hosting-hero-panel{position:relative;overflow:hidden;padding:32px;border-color:#31566c;background:linear-gradient(145deg,#102a39,#081722)}
.hosting-hero-panel::before{content:"";position:absolute;width:260px;height:260px;right:-95px;top:-115px;border:1px solid rgba(0,174,239,.22);border-radius:50%;box-shadow:0 0 0 28px rgba(0,174,239,.035),0 0 0 56px rgba(0,174,239,.02)}
.hosting-hero-panel>header{position:relative;display:flex;align-items:center;justify-content:space-between}
.hosting-hero-panel>header span{color:var(--brand);font-size:10px;font-weight:750;letter-spacing:.13em}
.hosting-hero-panel>header i{width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 18px var(--brand)}
.hosting-hero-panel>strong,.hosting-hero-panel>p,.hosting-hero-panel>ul{position:relative}
.hosting-hero-panel ul{gap:12px;margin-top:26px}
.hosting-hero-panel li{display:flex;align-items:center;gap:13px;min-height:70px;padding:14px 16px;background:rgba(5,18,27,.38)}
.hosting-hero-panel li>i{flex:0 0 11px;width:11px;height:36px;border-radius:3px;background:linear-gradient(var(--brand) 0 5px,#34586b 5px 14px,var(--brand) 14px 19px,#34586b 19px 28px,var(--brand) 28px)}
.hosting-hero-panel li>span{display:grid;gap:2px}
.hosting-inclusions h3{max-width:420px;font-size:25px}
.hosting-inclusions>ul{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0 0!important;padding:0!important;list-style:none}
.hosting-inclusions>ul li{display:grid;align-content:center;justify-items:start;min-height:82px;padding:12px;border:1px solid var(--line);border-radius:8px;font-size:12px;font-weight:650}
.hosting-inclusions>ul i{width:7px;height:7px;margin-bottom:9px;border-radius:50%;background:var(--link);box-shadow:0 0 0 4px color-mix(in srgb,var(--link) 12%,transparent)}
.hosting-inclusions>aside{border-left:0!important;border-radius:8px}
.hosting-plan-grid article{display:flex;flex-direction:column;min-width:0;box-shadow:0 14px 36px rgba(14,43,61,.05)}
.hosting-plan-grid article.is-featured{box-shadow:0 18px 42px rgba(0,111,156,.12)}
.hosting-plan-grid h3{font-size:27px}
.hosting-plan-grid .hosting-price{margin-top:19px}
.hosting-plan-grid .hosting-space{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}
.hosting-plan-grid .hosting-space span{color:var(--muted);font-size:11px}
.hosting-plan-grid .hosting-space strong{color:var(--ink);font-size:13px}
.hosting-plan-grid details{margin-bottom:16px}
.hosting-plan-grid details[open]{padding-bottom:4px}
.hosting-plan-grid details[open] summary{border-bottom:1px solid var(--line)}
.hosting-plan-grid details ul{margin-top:13px}
.hosting-plan-grid details li{margin-bottom:5px}
.hosting-plan-grid details li.is-support{break-inside:avoid;padding:5px 8px;border-radius:5px;background:color-mix(in srgb,var(--link) 12%,var(--white));color:var(--link);font-weight:800}
.hosting-plan-grid article>.button{width:100%;margin-top:auto}
.hosting-inclusions>ul.hosting-shared-features{grid-template-columns:repeat(2,1fr)}
.hosting-inclusions>ul.hosting-shared-features li{min-height:62px}
.hosting-inclusions>ul.hosting-shared-features li.is-support{border-color:var(--link);background:color-mix(in srgb,var(--link) 8%,var(--white));color:var(--link)}

@media(min-width:1200px){
  .landing-hosting-managed .container{width:min(var(--container),calc(100% - 120px))}
}
@media(max-width:959px){
  .landing-hosting-hero .service-hero-grid{width:calc(100% - 48px)}
}
@media(max-width:639px){
  .landing-hosting-hero .service-hero-grid{width:calc(100% - 40px)}
  .hosting-hero-panel{padding:24px 20px}
  .hosting-hero-panel li{min-height:62px}
  .hosting-inclusions h3{font-size:23px}
  .hosting-inclusions>ul{grid-template-columns:1fr}
  .hosting-inclusions>ul li{display:flex;align-items:center;gap:12px;min-height:54px}
  .hosting-inclusions>ul i{flex:0 0 7px;margin:0}
  .landing-hosting-managed{overflow:hidden}
  .hosting-plan-viewport{width:calc(100% + 40px);margin-inline:-20px;overflow-x:auto;padding:5px 20px 18px;scroll-snap-type:x mandatory;scroll-padding-inline:20px;scrollbar-width:thin}
  .hosting-plan-grid{display:flex;width:max-content;gap:14px}
  .hosting-plan-grid article{flex:0 0 84vw;width:84vw;scroll-snap-align:start}
}

/* Secciones ancladas de Portafolio y Nosotros. */
.service-section-anchor{scroll-margin-top:var(--journey-offset,80px)}
@media(max-width:1199px){.service-section-anchor{scroll-margin-top:140px}}

/* Movimiento funcional compartido por las páginas de servicios. */
.service-motion-ready .service-reveal{opacity:0;transform:translate3d(0,22px,0);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.service-motion-ready .service-reveal.is-visible{opacity:1;transform:none}
@media(hover:hover) and (pointer:fine){.mail-inclusion-grid article,.hosting-plan-grid article,.hosting-inclusions,.social-landing-plan-grid article,.social-channel-preview{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.mail-inclusion-grid article:hover,.hosting-plan-grid article:hover,.hosting-inclusions:hover,.social-landing-plan-grid article:hover,.social-channel-preview:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--link) 58%,var(--line));box-shadow:0 22px 48px rgba(5,36,54,.12)}.hosting-plan-grid article.is-featured:hover,.social-landing-plan-grid article.is-featured:hover{transform:translateY(-10px)}.social-channel-preview:hover img{transform:scale(1.025)}}
.social-channel-preview{overflow:hidden}.social-channel-preview img{transition:opacity .2s ease,transform .45s ease}.social-channel-preview img.is-changing{opacity:.18;transform:scale(.985)}.social-channel-buttons button{transition:transform .2s ease,border-color .2s ease,color .2s ease,background .2s ease}.social-channel-buttons button:hover{transform:translateX(4px);background:color-mix(in srgb,var(--link) 6%,var(--white))}

/* Firma corporativa: dos estados reales en una sola tarjeta interactiva. */
.mail-signature-preview>h3{max-width:620px;margin-top:12px;font-size:clamp(24px,2.2vw,33px);line-height:1.1}.mail-signature-preview>p:not(.mail-signature-note){margin-top:10px}.mail-signature-visual{position:relative;overflow:hidden;margin:20px 0 0;aspect-ratio:16/9;border:1px solid var(--line);border-radius:12px;background:#232323;box-shadow:0 18px 42px rgba(4,14,21,.16)}.mail-signature-visual img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:opacity .4s ease,transform .5s ease}.mail-signature-light{opacity:0}.mail-signature-visual figcaption{position:absolute;z-index:2;right:11px;bottom:11px;padding:7px 10px;border-radius:999px;background:rgba(4,15,23,.78);color:#fff;font-size:9px;backdrop-filter:blur(7px)}.mail-signature-visual:hover .mail-signature-dark,.mail-signature-visual:focus-visible .mail-signature-dark{opacity:0}.mail-signature-visual:hover .mail-signature-light,.mail-signature-visual:focus-visible .mail-signature-light{opacity:1}.mail-signature-visual:hover img,.mail-signature-visual:focus-visible img{transform:scale(1.015)}

/* Las dos modalidades de hosting funcionan como accesos visuales distintos. */
.hosting-hero-panel li{padding:0}.hosting-option{display:grid;grid-template-columns:46px 1fr;gap:13px;align-items:center;width:100%;min-height:76px;padding:12px 14px;color:#fff;text-decoration:none}.hosting-option svg{width:42px;height:42px;padding:8px;border-radius:11px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease,background .25s ease}.hosting-option span{display:grid;gap:4px}.hosting-option strong{font-size:13px}.hosting-option small{color:#9fb3bf;font-size:10px}.hosting-option-shared svg{color:#55d6ff;background:rgba(0,174,239,.11)}.hosting-option-managed svg{color:#57f0c9;background:rgba(0,224,180,.09)}.hosting-option:hover svg{transform:translateY(-2px) scale(1.05)}.hosting-option:focus-visible{outline:2px solid var(--brand);outline-offset:-3px;border-radius:8px}
@media(max-width:639px){.mail-signature-visual figcaption{display:none}.hosting-option{min-height:68px}}
@media(prefers-reduced-motion:reduce){.service-motion-ready .service-reveal{opacity:1!important;transform:none!important;transition:none!important}.mail-inclusion-grid article,.hosting-plan-grid article,.hosting-inclusions,.social-landing-plan-grid article,.social-channel-preview,.social-channel-preview img,.social-channel-buttons button,.mail-signature-visual img,.hosting-option svg{transition:none!important}}

/* Jerarquía de planes y estados interactivos coherentes. */
.landing-plans .plans-grid{align-items:stretch}.landing-plans .plan{transition:transform var(--motion-base,.32s) var(--motion-ease,ease),border-color var(--motion-base,.32s) ease,box-shadow var(--motion-base,.32s) ease}.landing-plans .plan.recommended{position:relative;z-index:1;border:2px solid var(--brand);background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 5%,var(--white)),var(--white) 32%);box-shadow:0 24px 60px rgba(0,137,191,.18);transform:translateY(-8px)}.landing-plans .plan.recommended .plan-label{background:linear-gradient(90deg,#007dac,var(--brand));color:#fff!important;font-weight:800;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 8px 20px rgba(0,174,239,.16)}.landing-plans .plan.recommended .plan-price{color:var(--link)}
.landing-solution-grid article,.landing-case-card,.landing-free-card{transition:transform var(--motion-base,.32s) var(--motion-ease,ease),border-color var(--motion-base,.32s) ease,box-shadow var(--motion-base,.32s) ease}.landing-case-card img{transition:transform var(--motion-slow,.72s) var(--motion-ease,ease)}
@media(hover:hover) and (pointer:fine){.landing-plans .plan:hover,.landing-solution-grid article:hover,.landing-case-card:hover,.landing-free-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--link) 58%,var(--line));box-shadow:0 22px 52px rgba(7,45,66,.12)}.landing-plans .plan.recommended:hover{transform:translateY(-12px);box-shadow:0 30px 70px rgba(0,137,191,.23)}.landing-case-card:hover img{transform:scale(1.025)}}
.mail-inclusion-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mail-inclusion-grid article{min-width:0}.social-channel-layout{grid-template-columns:.58fr 1.42fr;gap:52px}.social-channel-preview img{height:clamp(390px,53svh,500px);aspect-ratio:auto}.social-channel-buttons button.is-active{box-shadow:inset 3px 0 0 var(--brand)}
@media(max-width:959px){.landing-plans .plan.recommended{transform:none}.mail-inclusion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-channel-layout{grid-template-columns:1fr}.social-channel-preview img{height:auto;aspect-ratio:16/10}}
@media(max-width:639px){.mail-inclusion-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.landing-plans .plan,.landing-solution-grid article,.landing-case-card,.landing-free-card,.landing-case-card img{transition:none!important}}