/* Approved campaign banners. All copy and actions remain real HTML. */
.motion-hero{position:relative;isolation:isolate;overflow:hidden;background:#f5f5f6;min-height:650px;height:min(760px,calc(100svh - 96px));display:flex;align-items:center}.hero-scene{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.motion-hero-content{position:relative;z-index:2;pointer-events:none}.motion-hero-copy{width:60%;padding-block:50px}.motion-hero-copy>*{pointer-events:auto}.motion-hero h1{font-size:clamp(3.3rem,6.7vw,6.4rem);line-height:1.2;letter-spacing:-.055em;margin-bottom:22px}.motion-hero h1 span{display:block;white-space:nowrap}.motion-hero h1 span+span{color:var(--orange)}.motion-hero-subtitle{font-size:clamp(1.1rem,1.8vw,1.6rem);font-weight:500;margin-bottom:25px}.motion-hero-price{font-size:clamp(1.1rem,1.8vw,1.7rem);font-weight:600;line-height:1.4}.motion-hero-price strong{font-size:clamp(3rem,5vw,4.6rem);letter-spacing:-.045em;color:var(--orange);margin-inline:5px}.motion-hero-note{font-size:.95rem;color:#5d5d5d;line-height:1.8;margin:12px 0 28px}.banner-actions{display:flex;gap:15px;flex-wrap:wrap;align-items:center}.banner-actions .button{font-size:1.05rem;gap:12px;min-height:52px;padding:13px 24px}.banner-secondary{background:transparent!important;color:inherit!important;border:1.5px solid currentColor!important;box-shadow:none!important}.banner-secondary:hover{background:#ffffff26!important}.hero-character-drift{position:absolute;z-index:1;right:8%;bottom:17%;width:36%;transform:translate(var(--hero-x,0px),var(--hero-y,0px));transition:transform .45s ease-out;pointer-events:none}.hero-character{width:100%;height:auto;max-height:580px;object-fit:contain;object-position:bottom;transform-origin:50% 90%}.hero-orbit-plane{position:absolute;z-index:1;width:54%;height:45%;right:1.5%;bottom:-7%;transform:perspective(800px) rotateX(69deg);pointer-events:none}.hero-orbit-track,.hero-orbit-sweep{position:absolute;inset:0;border-radius:50%}.hero-orbit-track{border:1px solid #ff8c43;box-shadow:0 0 20px #ff570866,inset 0 0 18px #ff570833}.hero-orbit-sweep{background:conic-gradient(transparent 0deg,transparent 275deg,#ff5708 335deg,#fff3da 360deg);mask-image:radial-gradient(ellipse,transparent 65%,#000 66%,#000 69%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse,transparent 65%,#000 66%,#000 69%,transparent 70%)}.hero-motion-toggle{position:absolute;right:25px;bottom:18px;z-index:4;display:flex;align-items:center;gap:8px;background:#fffef5e8;color:#222;border:1px solid #a48d7b;border-radius:999px;font-size:12px;padding:9px 14px;cursor:pointer}.hero-motion-toggle:disabled{cursor:default;opacity:.7}.motion-control-icon{font-size:16px;width:16px;line-height:1}.hero-service-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding-block:30px;border-bottom:1px solid #ddd}.hero-service-nav a{display:flex;justify-content:center;align-items:center;gap:12px;padding:8px 15px;font-weight:600;border-right:1px solid #ddd;transition:color .2s}.hero-service-nav a:last-child{border-right:0}.hero-service-nav .icon{color:var(--orange);width:24px;height:24px}.hero-service-nav a:hover{color:var(--orange)}
.banner-home .home-ai{display:block;padding-block:70px 30px}.service-banner{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;min-height:440px;background:#f5f4f3;color:#111;display:flex;align-items:center;margin-bottom:36px}.banner-dark{background:#171616;color:#fff}.banner-scene{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.banner-copy{padding:46px 46px;width:57%;position:relative}.home-expanded .service-banner h2{font-size:clamp(2rem,3.1vw,3rem);line-height:1.3;letter-spacing:-.035em;margin:0 0 18px}.service-banner em{color:var(--orange);font-style:normal}.service-banner .banner-subtitle{font-size:1.1rem;line-height:1.8;margin:0 0 20px;color:inherit}.service-banner .banner-price{font-size:1.2rem;line-height:1.5;margin:0 0 24px;font-weight:500}.banner-price strong{font-size:2.8rem;letter-spacing:-.04em;color:var(--orange);margin-inline:3px}.banner-dark .banner-subtitle{color:#dedede}.banner-dark .banner-actions .banner-secondary{color:white!important}.service-banner .banner-actions .button{font-size:.95rem;min-height:48px;padding:12px 20px;gap:10px}.banner-feature-strip{display:flex;justify-content:center;gap:35px;align-items:center;border:1px solid #ddd;background:#fafafa;color:#222;border-radius:16px;padding:22px 28px;margin-top:-16px;margin-bottom:35px;font-size:1rem}.banner-feature-strip>*+*{border-left:1px solid #ccc;padding-left:35px}.banner-feature-strip strong{color:var(--orange)}.banner-home .home-design{background:white;color:#111;padding-block:35px 55px}.banner-home .home-design-plans article{background:white;border-color:#d2d2d2;color:#111}.banner-home .home-design-plans ul{color:#555}.banner-home .home-design-price small{color:#111}.banner-home .home-design-plans article:hover{border-color:var(--orange)}.banner-home .home-service{padding-block:50px}.banner-home .home-email{border-top:0}.banner-home .home-domain{padding-block:45px 65px}.banner-domain{min-height:520px;margin-bottom:0}.banner-domain .banner-copy{width:59%;padding:42px}.banner-domain h2{font-size:clamp(2rem,2.9vw,2.7rem)!important}.banner-domain form>label{display:block;font-size:13px;font-weight:500;margin-bottom:9px}.banner-domain .domain-search-controls{padding:8px;background:white;border-radius:13px;gap:8px}.banner-domain .domain-input-wrap{border:0;padding-left:9px;gap:8px}.banner-domain .domain-input-wrap>.icon{width:20px;height:20px}.banner-domain .domain-input-wrap input{font-size:17px;padding-block:10px}.banner-domain .domain-input-wrap select{font-size:16px;min-height:49px;max-width:100px;padding-inline:10px 24px}.banner-domain .domain-search-controls .button{min-width:150px;padding-inline:15px;font-size:14px;color:white;background:var(--orange)}.banner-domain .domain-search-note{color:#c9c9c9;font-size:11px;margin-top:12px;line-height:1.8}.banner-domain #domain-result{color:#111}.banner-domain #domain-result>p{font-size:17px}.banner-domain #domain-result small{color:#555}.banner-domain .domain-register{background:var(--orange)}.banner-home .home-domain-rates{margin-top:25px}.banner-home .details{padding-top:40px;margin-bottom:50px}.banner-home .home-security{margin-bottom:30px}
@keyframes server-float{0%,100%{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-9px) rotate(.35deg)}}@keyframes scene-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes orbit-glow{0%,100%{opacity:.5}50%{opacity:1}}
@media(prefers-reduced-motion:no-preference){.hero-character{animation:server-float 6s ease-in-out infinite;animation-play-state:paused}.hero-scene{animation:scene-breathe 20s ease-in-out infinite;animation-play-state:paused}.hero-orbit-sweep{animation:orbit-spin 7s linear infinite;animation-play-state:paused}.hero-orbit-track{animation:orbit-glow 4s ease-in-out infinite;animation-play-state:paused}.motion-hero[data-motion=running] .hero-character,.motion-hero[data-motion=running] .hero-scene,.motion-hero[data-motion=running] .hero-orbit-sweep,.motion-hero[data-motion=running] .hero-orbit-track{animation-play-state:running}}
@media(max-width:1100px){.motion-hero{height:650px;min-height:600px}.motion-hero h1{font-size:6.7vw}.hero-character-drift{right:4%;width:39%;bottom:19%}.banner-copy{padding:36px;width:58%}.service-banner .banner-actions .button{font-size:.88rem;padding:11px 15px}.banner-domain .banner-copy{width:63%;padding:32px}.banner-domain .domain-search-controls{flex-direction:column}.banner-domain .domain-search-controls .button{width:100%}.banner-feature-strip{gap:20px;font-size:.9rem}.banner-feature-strip>*+*{padding-left:20px}.hero-service-nav{width:calc(100% - 40px)}.hero-service-nav a{font-size:.88rem;padding-inline:8px;gap:7px}}
@media(max-width:700px){.motion-hero{height:auto;min-height:860px;display:block}.motion-hero-content{width:calc(100% - 40px)}.motion-hero-copy{width:100%;padding:38px 0 370px}.motion-hero h1{font-size:clamp(2.35rem,8.8vw,3.8rem);letter-spacing:-.05em;line-height:1.22;margin-bottom:16px}.motion-hero-subtitle{font-size:1rem;margin-bottom:18px}.motion-hero-price{font-size:1rem}.motion-hero-price strong{font-size:3.2rem}.motion-hero-note{font-size:.73rem;margin:9px 0 20px}.motion-hero .banner-actions{gap:10px}.motion-hero .banner-actions .button{font-size:.85rem;padding:11px 15px;min-height:46px}.hero-scene{top:auto;bottom:0;height:55%;object-position:70% center;mask-image:linear-gradient(transparent,#000 24%);-webkit-mask-image:linear-gradient(transparent,#000 24%)}.hero-character-drift{width:64%;max-width:330px;right:14%;bottom:9%;z-index:1}.hero-character{max-height:325px}.hero-orbit-plane{width:93%;height:220px;right:1%;bottom:-1%}.hero-motion-toggle{right:15px;bottom:13px;font-size:11px;padding:8px 11px}.hero-service-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 0;padding-block:22px}.hero-service-nav a{font-size:.75rem;padding:5px;gap:6px;border-right:0;flex-direction:column}.hero-service-nav .icon{width:23px;height:23px}.banner-home .home-ai{padding-block:40px 20px}.service-banner{border-radius:20px;min-height:0;align-items:start;margin-bottom:25px}.banner-copy,.banner-domain .banner-copy{width:100%;padding:28px 25px 290px}.banner-scene{inset:auto 0 0;width:100%;height:290px;object-fit:cover;object-position:right bottom;mask-image:linear-gradient(transparent,#000 22%);-webkit-mask-image:linear-gradient(transparent,#000 22%)}.home-expanded .service-banner h2{font-size:clamp(1.7rem,6.5vw,2.4rem);line-height:1.35;letter-spacing:-.035em;margin-bottom:15px}.service-banner .banner-subtitle{font-size:.95rem;line-height:1.8;margin-bottom:17px}.service-banner .banner-price{font-size:1rem;margin-bottom:20px}.banner-price strong{font-size:2.6rem}.service-banner .banner-actions{gap:10px}.service-banner .banner-actions .button{font-size:.82rem;padding:11px 15px;min-height:44px}.banner-feature-strip{gap:12px;flex-wrap:wrap;padding:18px;font-size:.8rem;margin-top:-8px;margin-bottom:25px}.banner-feature-strip>*+*{padding-left:12px}.banner-home .home-service{padding-block:30px}.banner-home .home-design{padding-block:20px 30px}.banner-home .home-domain{padding-block:25px 45px}.banner-domain .banner-copy{padding:28px 22px 290px}.banner-domain h2{font-size:1.75rem!important}.banner-domain .domain-search-controls{flex-direction:column}.banner-domain .domain-search-controls .button{font-size:14px}.banner-domain .domain-input-wrap input{font-size:15px}.banner-domain .domain-input-wrap select{font-size:14px;max-width:90px;min-height:45px}.banner-domain .domain-search-note{font-size:10px}.banner-domain #domain-result{padding:16px}.banner-domain #domain-result>p{font-size:15px}.banner-home .home-domain-rates{gap:15px 22px}.banner-home .home-domain-rates span{font-size:.85rem}.banner-home .home-domain-rates b{font-size:1rem}.banner-home .details{margin-top:0;padding-top:15px}}
html[lang=en] .motion-hero h1{font-size:clamp(3rem,5.2vw,5rem)}
@media(max-width:700px){html[lang=en] .motion-hero h1{font-size:clamp(2rem,7.3vw,3rem)}html[lang=en] .motion-hero h1 span{white-space:normal}.hero-character-drift{bottom:10%}}
@media(prefers-reduced-motion:reduce){.hero-character-drift{transform:none;transition:none}.motion-hero .hero-character,.motion-hero .hero-scene,.motion-hero .hero-orbit-sweep,.motion-hero .hero-orbit-track{animation:none}}

.banner-price-unit{display:inline-block;white-space:nowrap}
.home-expanded .banner-design h2{font-size:clamp(2rem,3.7vw,3.5rem)}.banner-design .banner-price{display:inline-block;background:linear-gradient(110deg,#ff5100,#ff820b);padding:7px 24px;border-radius:15px;color:white;font-weight:600;margin-block:0 16px}.banner-design .banner-price strong{color:white;font-size:3.2rem}.banner-design .banner-subtitle{font-weight:600;font-size:1.25rem;margin-bottom:24px}@media(max-width:700px){.home-expanded .banner-design h2{font-size:1.9rem}.banner-design .banner-price{padding:8px 16px;font-size:1rem}.banner-design .banner-price strong{font-size:2.5rem}.banner-design .banner-subtitle{font-size:1rem}}
@media(min-width:701px){html[lang=en] .motion-hero h1{font-size:clamp(3rem,4.2vw,4.25rem)}}
/* Servy revision: 20% shorter hero; status lights replace orbit animation. */
@font-face{font-family:Itim;src:url('assets/fonts/itim-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.motion-hero{height:min(608px,calc((100svh - 96px)*.8));min-height:520px}.motion-hero-copy{padding-block:30px}.motion-hero h1{font-size:clamp(2.64rem,5.36vw,5.12rem);margin-bottom:17px}.motion-hero-subtitle{font-size:clamp(.95rem,1.45vw,1.28rem);margin-bottom:16px}.motion-hero-price{font-size:clamp(1rem,1.45vw,1.36rem)}.motion-hero-price strong{font-size:clamp(2.4rem,4vw,3.68rem)}.motion-hero-note{font-size:.8rem;margin:9px 0 21px}.motion-hero .banner-actions .button{font-size:.9rem;min-height:46px;padding:11px 20px}.hero-character-drift{width:29%;right:9%;bottom:15%;pointer-events:none}.hero-character{max-height:none;animation:none!important}.hero-scene{animation:none!important}.servy-character-surface{position:relative;width:100%;transform-origin:50% 90%}.servy-face{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.servy-eye{fill:#ffb12a;filter:drop-shadow(0 0 7px #ff6500);transform-box:fill-box;transform-origin:50% 65%}.servy-led{fill:#aaff3c;filter:drop-shadow(0 0 7px #aaff3c)}.led-two,.led-four{fill:#ffac18;filter:drop-shadow(0 0 7px #ff7a00)}.servy-speech{position:absolute;z-index:3;right:-19%;top:-5%;width:235px;padding:13px 16px;background:#fff;border:2px solid #242424;border-radius:25px 28px 26px 12px;box-shadow:4px 5px 0 #ff681a;color:#222;font:400 26px/1.25 Itim,Noto,sans-serif;text-align:center;transform:rotate(8deg)}.servy-speech:after{content:'';position:absolute;bottom:-12px;left:30px;width:18px;height:18px;background:white;border-right:2px solid #242424;border-bottom:2px solid #242424;transform:skewY(-25deg) rotate(35deg)}.servy-speech span{display:block;position:relative;z-index:1}.servy-speech span:first-child{color:#ec4e00;font-size:1.12em}.hero-server-light{position:absolute;inset:0;z-index:-1;pointer-events:none}.hero-server-light i{position:absolute;right:4%;top:15%;width:10%;height:50%;background:linear-gradient(90deg,transparent,#ff6c001f,transparent);transform:skewY(-9deg);opacity:.3}.hero-server-light i:nth-child(2){right:29%;top:28%;width:12%;height:40%}.hero-server-light i:nth-child(3){right:17%;top:24%;width:10%;height:44%}
@keyframes servy-blink{0%,37%,41%,68%,72%,100%{transform:scaleY(1)}39%,70%{transform:scaleY(.07)}}
@keyframes servy-led-pulse{0%,100%{opacity:.25}35%,65%{opacity:1}}
@keyframes servy-server-glow{0%,100%{opacity:.15}50%{opacity:.9}}
@keyframes servy-speech-float{0%,100%{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-5px) rotate(6deg)}}
@media(prefers-reduced-motion:no-preference){.servy-character-surface{animation:server-float 7s ease-in-out infinite;animation-play-state:paused}.servy-eye{animation:servy-blink 7.2s ease-in-out infinite;animation-play-state:paused}.servy-led{animation:servy-led-pulse 3.4s ease-in-out infinite;animation-play-state:paused}.led-two{animation-delay:-1.5s}.led-three{animation-delay:-2.4s}.led-four{animation-delay:-.7s}.hero-server-light i{animation:servy-server-glow 5s ease-in-out infinite;animation-play-state:paused}.hero-server-light i:nth-child(2){animation-delay:-2s}.hero-server-light i:nth-child(3){animation-delay:-3.5s}.servy-speech{animation:servy-speech-float 5s ease-in-out infinite;animation-play-state:paused}.motion-hero[data-motion=running] .servy-character-surface,.motion-hero[data-motion=running] .servy-eye,.motion-hero[data-motion=running] .servy-led,.motion-hero[data-motion=running] .hero-server-light i,.motion-hero[data-motion=running] .servy-speech{animation-play-state:running}}
@media(min-width:701px){html[lang=en] .motion-hero h1{font-size:clamp(2.4rem,3.36vw,3.4rem)}}
@media(max-width:1100px) and (min-width:701px){.motion-hero{height:520px;min-height:480px}.hero-character-drift{width:31%;right:7%;bottom:16%}.servy-speech{width:195px;font-size:22px;right:-15%;top:-10%}.motion-hero h1{font-size:5.36vw}}
@media(max-width:700px){.motion-hero{height:auto;min-height:688px}.motion-hero-copy{padding:26px 0 280px}.motion-hero h1{font-size:clamp(2rem,7.04vw,3.04rem);margin-bottom:13px}.motion-hero-subtitle{font-size:.88rem;margin-bottom:12px}.motion-hero-price{font-size:.9rem}.motion-hero-price strong{font-size:2.56rem}.motion-hero-note{font-size:.67rem;margin:7px 0 16px}.motion-hero .banner-actions{gap:8px}.motion-hero .banner-actions .button{font-size:.78rem;min-height:42px;padding:10px 13px}.hero-character-drift{width:57%;max-width:265px;right:15%;bottom:8%}.hero-character{max-height:none}.hero-scene{height:49%}.servy-speech{width:182px;right:-10%;top:-20%;padding:10px 12px;font-size:21px;box-shadow:3px 4px 0 #ff681a}.servy-speech:after{left:27px}.hero-server-light i{top:auto;bottom:12%;height:24%}.hero-server-light i:nth-child(2){top:auto;bottom:5%;height:26%}.hero-server-light i:nth-child(3){top:auto;bottom:15%;height:20%}html[lang=en] .motion-hero h1{font-size:clamp(1.6rem,5.84vw,2.4rem)}}
@media(prefers-reduced-motion:reduce){.servy-character-surface,.servy-eye,.servy-led,.hero-server-light i,.servy-speech{animation:none!important}}
@media(max-width:700px){.hero-motion-toggle{left:15px;right:auto}.servy-speech{top:-28%;right:-8%}}
/* Keep Servy's speech on his left, clear of the primary actions. */
.servy-speech{left:-37%;right:auto;top:4%;transform:rotate(-8deg)}.servy-speech:after{left:auto;right:25px;transform:skewY(25deg) rotate(55deg)}
@keyframes servy-speech-float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-5px) rotate(-6deg)}}
@media(max-width:1100px) and (min-width:701px){.servy-speech{left:-43%;right:auto;top:5%}}
@media(max-width:700px){.servy-speech{left:-20%;right:auto;top:6%;width:170px;font-size:20px}.servy-speech:after{right:20px}}
@media(max-width:700px){.servy-speech{left:calc(12px - 28vw);top:8%;width:140px;font-size:18px;padding:10px 9px}}
@media(min-width:1101px){.hero-character-drift{bottom:10%}}
@media(min-width:701px) and (max-width:1100px){.hero-character-drift{bottom:10%}}
.home-hosting{margin-top:0;margin-bottom:45px;padding-top:25px;border-top:0}.home-hosting .section-heading{margin-bottom:30px}@media(max-width:700px){.home-hosting .section-heading{text-align:center}.home-hosting .plan h3,.home-hosting .plan-space,.home-hosting .plan-price,.home-hosting .plan-term{text-align:center}}
/* Bound the mascot by the hero height instead of growing with a PC monitor. */
@media(min-width:701px){.hero-character-drift{width:min(29vw,420px,calc((100svh - 96px)*.54));right:max(7%,calc((100vw - 1440px)/2 + 100px));bottom:10%}.hero-scene{object-position:center bottom}}
@media(min-width:701px) and (max-width:1100px){.hero-character-drift{width:min(31vw,360px,calc((100svh - 96px)*.54));right:7%}}
@media(min-width:701px){.hero-scene{object-position:center 60%}}
@media(min-width:701px){.servy-speech{left:auto;right:76%;top:0;width:210px;font-size:23px}}
@media(min-width:701px) and (max-width:1100px){.servy-speech{left:auto;right:76%;top:0;width:180px;font-size:20px}}
/* Ground Servy on the podium. */
.hero-character-drift:before{content:'';position:absolute;left:19%;bottom:-1%;width:75%;height:8%;background:radial-gradient(ellipse,#25140880 0%,#25140840 35%,transparent 72%);pointer-events:none}
.servy-character-surface{z-index:1}
/* Quick links: layered hover cards without changing the navigation footprint. */
.hero-service-nav a{position:relative;isolation:isolate;min-height:48px;border-radius:12px;transition:color .22s ease,transform .22s ease}
.hero-service-nav a:before{content:'';position:absolute;z-index:-1;inset:-5px 8px;border:1px solid transparent;border-radius:14px;background:linear-gradient(135deg,#fff4e9,#fffaf6);opacity:0;transform:scale(.95);transition:opacity .22s ease,transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.hero-service-nav a:after{content:'↗';position:absolute;right:16px;top:5px;color:var(--orange);font-size:15px;opacity:0;transform:translate(-4px,4px);transition:opacity .22s ease,transform .22s ease}
.hero-service-nav a .icon{transition:transform .25s cubic-bezier(.2,.8,.2,1),filter .25s ease}
.hero-service-nav a:focus-visible{outline:2px solid var(--orange);outline-offset:5px;color:var(--orange)}
.hero-service-nav a:focus-visible:before{opacity:1;transform:scale(1);border-color:#ff640026}
@media(hover:hover) and (pointer:fine){.hero-service-nav a:hover{color:var(--orange);transform:translateY(-4px)}.hero-service-nav a:hover:before{opacity:1;transform:scale(1);border-color:#ff640026;box-shadow:0 10px 24px -12px #e858004d}.hero-service-nav a:hover:after{opacity:1;transform:translate(0,0)}.hero-service-nav a:hover .icon{transform:translateY(-2px) rotate(-6deg) scale(1.12);filter:drop-shadow(0 3px 4px #ff640026)}}
.hero-service-nav a:active{transform:translateY(0) scale(.98)}
@media(prefers-reduced-motion:reduce){.hero-service-nav a,.hero-service-nav a:before,.hero-service-nav a:after,.hero-service-nav a .icon{transition:none}.hero-service-nav a:hover,.hero-service-nav a:hover .icon,.hero-service-nav a:active{transform:none}}
/* Complete AI / VIP Host campaign, matching the reference service details. */
.banner-home .home-ai{padding:0;margin-top:64px;margin-bottom:42px;background:#171616;border-radius:28px;overflow:hidden;color:#fff}
.home-ai .banner-ai{min-height:570px;margin:0;border-radius:0;background:#171616}
.home-ai .banner-ai:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#171616 0%,#171616e8 27%,#17161685 46%,transparent 65%)}
.home-ai .banner-copy{width:59%;padding:40px 44px}
.ai-vip-badge{display:inline-flex;border:1px solid #ff681a;color:#ffc69f;border-radius:999px;padding:6px 22px;font-size:.73rem;font-weight:700;letter-spacing:.23em;margin-bottom:18px}
.home-ai .service-banner h2{font-size:clamp(3rem,5vw,4.7rem);line-height:1.03;letter-spacing:-.045em;margin:0 0 20px}
.home-ai .banner-subtitle{font-size:1rem;line-height:1.7;color:#c8c3bf;margin-bottom:20px}
.home-ai .banner-subtitle strong{display:inline-block;font-size:1.25rem;color:#fff;margin-bottom:5px}
.home-ai .banner-price{font-size:1.05rem;margin-bottom:20px}
.ai-plan-label{display:block;font-size:.9rem;color:#bbb3ad;margin-bottom:0}
.home-ai .banner-price strong{font-size:3.2rem;color:#fff;margin:0 8px 0 0}
.home-ai .banner-actions{gap:10px}
.home-ai .banner-actions .button{font-size:.85rem;min-height:46px;padding:11px 17px}
.ai-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 28px 28px}
.ai-feature-card{display:flex;align-items:flex-start;gap:14px;border:1px solid #ff9d492e;border-radius:18px;padding:23px 20px;background:linear-gradient(130deg,#49301f,#25201c);color:#fff}
.ai-feature-card:nth-child(2){background:linear-gradient(130deg,#38302a,#211e1b)}
.ai-feature-card:nth-child(3){background:linear-gradient(130deg,#653718,#302016)}
.ai-feature-card .icon{width:29px;height:29px;flex-shrink:0;color:#ff9f5e;margin-top:3px}
.ai-feature-card h3{font-size:1rem;line-height:1.5;margin:0 0 5px;font-weight:600}
.ai-feature-card p{font-size:.83rem;line-height:1.6;margin:0;color:#cbbcaf}
@media(max-width:1000px){.home-ai .banner-copy{width:65%;padding:35px 28px}.home-ai .banner-ai:before{background:linear-gradient(90deg,#171616 5%,#171616e0 35%,transparent 90%)}.ai-feature-grid{gap:10px;padding:0 20px 20px}.ai-feature-card{flex-direction:column;padding:18px 16px;gap:10px}}
@media(max-width:700px){.banner-home .home-ai{margin-top:30px;margin-bottom:32px;border-radius:22px}.home-ai .banner-ai{min-height:0;display:block}.home-ai .banner-copy{width:100%;padding:30px 20px 265px;text-align:center}.home-ai .service-banner h2{font-size:3.3rem;line-height:1.04}.home-ai .banner-subtitle{font-size:.83rem}.home-ai .banner-subtitle strong{font-size:1.06rem}.home-ai .banner-price{font-size:.9rem}.home-ai .banner-price strong{font-size:2.8rem}.home-ai .banner-actions{justify-content:center}.home-ai .banner-actions .button{font-size:.77rem;padding:10px 13px}.home-ai .banner-scene{inset:auto 0 0;width:100%;height:260px;object-fit:cover;object-position:right bottom}.home-ai .banner-ai:before{background:linear-gradient(#171616 0%,#171616 56%,transparent 78%)}.ai-feature-grid{grid-template-columns:1fr;gap:10px;padding:14px}.ai-feature-card{flex-direction:row;align-items:center;padding:18px;gap:14px;text-align:left}.ai-feature-card h3{font-size:.94rem}.ai-feature-card p{font-size:.8rem}}
.home-ai .banner-price{color:#f3ece6}
/* PHP update campaign: real copy over the reference security artwork. */
.banner-home .php-security-banner{position:relative;isolation:isolate;display:flex;align-items:center;min-height:330px;overflow:hidden;background:#090c1b;border:1px solid #ff7c1426;border-radius:28px;margin-block:45px;padding:0;color:#fff;box-shadow:0 18px 40px -28px #17171766}
.php-security-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.php-security-banner:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090c1bf5,#090c1be8 30%,#090c1b40 57%,transparent 73%)}
.php-security-copy{padding:36px 38px;width:66%}.php-update-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px;font-size:.72rem;letter-spacing:.08em;font-weight:700;color:#c3c3ce}.php-update-status{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:#087e35;color:#fff;letter-spacing:0}.php-update-status svg{width:19px;height:19px}.php-security-banner h2{font-size:clamp(1.6rem,2.7vw,2.65rem);line-height:1.35;color:#fff;margin:0 0 18px;letter-spacing:-.025em}.php-security-banner h2 em{font-style:italic;color:#ff681a}.php-security-banner p{font-size:.95rem;line-height:1.8;color:#d6d5df;margin:0}
@media(max-width:700px){.banner-home .php-security-banner{min-height:480px;margin-block:30px;border-radius:22px;align-items:flex-start}.php-security-copy{width:100%;padding:26px 22px 220px;text-align:center}.php-update-meta{justify-content:center;gap:10px;font-size:.62rem;margin-bottom:17px}.php-security-banner h2{font-size:1.65rem}.php-security-banner p{font-size:.8rem}.php-security-banner>img{top:auto;height:230px;object-position:right bottom;object-fit:cover}.php-security-banner:before{background:linear-gradient(#090c1b 0%,#090c1b 48%,#090c1b55 66%,transparent 85%)}}
/* Approved Hero typography concept v22. */
.motion-hero-copy{width:60%;padding-block:28px}.motion-hero h1{font-size:clamp(3rem,5.2vw,5.5rem);line-height:1.16;letter-spacing:-.035em;margin:0 0 19px;font-weight:800}.motion-hero h1 span:first-child{font-size:.82em;font-weight:700;margin-bottom:4px}.motion-hero h1 span+span{font-weight:800}.motion-hero-subtitle{display:flex;align-items:center;gap:13px;font-size:clamp(.92rem,1.25vw,1.15rem);font-weight:500;line-height:1.6;margin:0 0 20px;max-width:100%}.motion-hero-subtitle:before{content:'';width:43px;height:4px;background:#ff5b00;border-radius:3px;flex-shrink:0}.motion-hero-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 10px;font-size:1.15rem;margin:0 0 24px;line-height:1.1}.hero-price-label{flex-basis:100%;color:#f05200;font-size:1rem;font-weight:700;line-height:1.6;margin-bottom:2px}.motion-hero-price strong{font-size:clamp(3.8rem,5.8vw,5.75rem);font-weight:800;color:#101010;letter-spacing:-.045em;margin:0}.hero-price-unit{font-size:clamp(1rem,1.5vw,1.45rem);color:#151515;font-weight:600}.motion-hero .banner-actions{gap:16px}.motion-hero .banner-actions .button{min-height:48px;padding:12px 22px;font-size:.95rem;border-radius:11px}
@media(min-width:701px) and (max-width:1100px){.motion-hero h1{font-size:5.1vw}.motion-hero-subtitle{font-size:.85rem;gap:9px}.motion-hero-subtitle:before{width:28px}.motion-hero-price strong{font-size:4.1rem}.motion-hero .banner-actions .button{font-size:.8rem;padding:11px 16px}}
@media(max-width:700px){.motion-hero-copy{width:100%;padding:26px 0 290px}.motion-hero h1{font-size:clamp(2rem,8.8vw,3rem);line-height:1.2;margin-bottom:17px}.motion-hero h1 span:first-child{font-size:.88em;margin-bottom:2px}.motion-hero-subtitle{justify-content:center;flex-direction:column;gap:10px;font-size:.82rem;margin-bottom:17px}.motion-hero-subtitle:before{width:30px;height:3px}.motion-hero-price{justify-content:center;margin-bottom:23px;gap:0 7px}.hero-price-label{font-size:.85rem}.motion-hero-price strong{font-size:3.8rem}.hero-price-unit{font-size:1rem}.motion-hero .banner-actions{gap:10px}.motion-hero .banner-actions .button{font-size:.78rem;padding:11px 14px;min-height:44px}html[lang=en] .motion-hero h1{font-size:clamp(1.7rem,6vw,2.5rem)}}
.home-hosting .plan.vip>h3{display:flex;align-items:center;justify-content:space-between;gap:8px}.home-hosting .ai-hosting-tag{display:inline-flex;align-items:center;background:#ff5b00;color:white;font-size:.67rem;line-height:1.2;font-weight:600;padding:6px 9px;border-radius:999px;white-space:nowrap;letter-spacing:0}
/* Click the hero artwork to pause/play; native button retains keyboard access. */
.hero-motion-surface{position:absolute;inset:0;z-index:1;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;appearance:none}.hero-motion-surface:focus-visible{outline:3px solid #ff6400;outline-offset:-5px}.hero-motion-surface:disabled{cursor:default}.motion-hero-copy{position:relative;z-index:2}