/* Webstar digital studio: service adverts, package cards and organised pages. */
.home .hero-inner{min-height:585px;height:585px}.home .hero h1{font-size:60px;line-height:1.075;min-height:134px;letter-spacing:-.03em}.advert-line{display:block;white-space:nowrap;min-height:1.075em}.is-writing .advert-line:last-child:after{content:'';display:inline-block;height:.85em;width:3px;background:#ffac69;vertical-align:-.03em;margin-left:5px;animation:caretBlink 1s steps(1) infinite}.home .hero .hero-copy{max-width:620px;width:51%;padding-top:68px}.home .hero .hero-copy>p{max-width:445px;font-size:16px;line-height:1.65;min-height:79px}.home .hero-actions{margin-top:21px}.home .hero-benefits{margin-top:38px}.advert-controls{gap:7px;bottom:21px;flex-wrap:nowrap}.hero-controls.advert-controls button[data-hero-slide]{width:16px;height:5px}.hero-controls.advert-controls button[data-hero-slide].selected{width:31px}.hero-controls [data-next-hero]{background:none;border:1px solid #ffffff55;border-radius:50%;width:25px;height:25px;color:white;font-size:14px;padding:0}.advert-scene-label{font-size:9px;letter-spacing:.1em;color:#d0ddfb;margin-left:11px;white-space:nowrap}.home .hero-visual{left:29%;right:-7%;bottom:10px}.home .hero-slide--seo,.home .hero-slide--marketing,.home .hero-slide--software,.home .hero-slide--mobile,.home .hero-slide--cyber{display:flex;align-items:center;justify-content:center;transform:translateY(90%) scale(.85) rotate(5deg)}.home .hero-slide.active{transform:translateY(0) scale(1) rotate(0)}.home .hero-slide.leaving{transform:translateY(100%) scale(.9) rotate(-5deg)}.home .hero-slide--seo.leaving{transform:scale(1.18) rotate(4deg);filter:blur(7px)}.hero-burst{position:absolute;left:68%;top:47%;width:1px;height:1px;z-index:5;pointer-events:none}.hero-burst span{position:absolute;display:block;width:7px;height:7px;border-radius:2px;background:#ffad64;opacity:0;transform:rotate(var(--burst-angle)) translateX(0)}.hero.bursting .hero-burst span{animation:advertBurst .95s var(--burst-delay) ease-out both}.hero-burst span:nth-child(3n){background:#c6dcff;width:4px;height:4px}.studio-art{width:78%;height:420px;position:relative;margin:0 0 0 15%;font-family:Lato,Arial,sans-serif;transform:perspective(1400px) rotateY(-9deg) rotateX(3deg);animation:artHover 8s ease-in-out infinite;color:#23408f}.studio-browser{border:1px solid #cfdaed;background:white;box-shadow:0 30px 70px #031d5c50;border-radius:13px;overflow:hidden;position:absolute;left:2%;right:2%;top:65px;transform:rotate(-3deg)}.art-bar{height:32px;display:flex;align-items:center;gap:5px;background:#eef2f8;padding:0 16px;border-bottom:1px solid #dae2ef}.art-bar i{height:6px;width:6px;border-radius:50%;background:#f47521}.art-bar i:nth-child(2){background:#fbbd81}.art-bar i:nth-child(3){background:#9badc6}.art-bar span{font-size:10px;color:#667995;margin-left:auto;margin-right:auto}.art-tag{font-size:12px;color:#ffad64;font-weight:900;letter-spacing:.18em;position:absolute;left:6%;top:21px}.seo-search{margin:24px 25px 18px;border:1px solid #d1dced;border-radius:50px;display:flex;align-items:center;gap:13px;padding:13px 18px;box-shadow:0 5px 15px #23408f0b}.seo-search>span{font-size:25px;color:#f47521}.seo-search b{font-size:17px;color:#293f6c;overflow:hidden;white-space:nowrap;max-width:350px;animation:queryWrite 6s steps(26) infinite}.seo-search em{width:2px;height:20px;background:#f47521;animation:caretBlink 1s steps(1) infinite}.search-result{padding:0 35px 22px}.search-result small{color:#7b899e;font-size:11px;display:block;margin-bottom:8px}.search-result strong{font-size:23px;line-height:1.25;display:block;color:#23408f}.home .search-result p{color:#738099;font-size:13px;margin:10px 0 15px}.result-lines i{display:block;background:#e9eef6;width:87%;height:5px;border-radius:10px;margin-top:6px}.result-lines i:last-child{width:62%}.seo-pillars{display:flex;gap:7px;padding:15px 25px;background:#f4f7fc;border-top:1px solid #dfe7f4}.seo-pillars span{font-size:11px;background:white;padding:7px 11px;border:1px solid #dfe6f1;border-radius:5px;color:#23408f}.art-float{position:absolute;background:white;border:1px solid #e1e8f4;box-shadow:0 15px 35px #061f5b30;border-radius:10px;padding:16px;display:flex;gap:13px;align-items:center;font-size:30px;color:#f47521;animation:float 5s ease-in-out infinite}.art-float span{font-size:12px;font-weight:700;color:#23408f;line-height:1.45}.float-one{right:-9%;top:22px}.float-two{left:-3%;bottom:-8px;animation-delay:-2.5s}.art-caption{position:absolute;bottom:-34px;left:5%;font-size:9px;letter-spacing:.08em;color:#acbee7}.marketing-art{transform:perspective(1400px) rotateY(-12deg) rotateX(2deg)}.campaign-card{position:absolute;left:17%;top:0;width:66%;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 30px 60px #00174d66;transform:rotate(-6deg)}.campaign-brand{padding:15px 19px;font-size:11px;font-weight:900;letter-spacing:.14em;color:#23408f}.campaign-card img{width:100%;height:145px;object-fit:cover}.campaign-body{padding:20px 24px 24px}.campaign-body small{font-size:8px;color:#f47521;letter-spacing:.07em;font-weight:900}.campaign-body strong{font-size:28px;line-height:1.12;display:block;margin:10px 0 19px;color:#23408f}.campaign-body>span{font-size:11px;font-weight:700;display:inline-block;background:#f47521;padding:9px 13px;border-radius:4px;color:white}.campaign-orbit{position:absolute;inset:35px -25px;border:1px solid #f79a5299;border-radius:50%;transform:rotate(-25deg)}.channel{position:absolute;color:white;border:1px solid #b8ccf14d;backdrop-filter:blur(7px);background:#23408fbf;padding:12px 17px;border-radius:7px;font-size:11px;letter-spacing:.12em;box-shadow:0 10px 35px #03194840;animation:float 6s ease-in-out infinite}.channel-one{left:0;top:75px}.channel-two{right:-1%;top:200px;animation-delay:-2s}.channel-three{left:5%;bottom:14px;animation-delay:-4s}.campaign-label{position:absolute;bottom:-28px;right:10px;color:#c5d5f5;font-size:13px;letter-spacing:.02em}.code-window{top:42px;left:-2%;right:0;transform:rotate(-4deg)}.code-body{display:flex;min-height:270px;background:#102351}.code-body aside{width:120px;padding:24px 15px;background:#0b1c43;color:#c1d0ef;border-right:1px solid #ffffff15}.code-body aside span{font-size:8px;letter-spacing:.16em;color:#7990b9;display:block;margin-bottom:22px}.code-body aside b{display:block;font-size:11px;font-weight:400;margin-bottom:19px}.code-editor{padding:22px;flex:1;font-family:monospace;color:#c2d4f4;min-width:0}.code-editor small{font-size:10px;color:#849bc4;display:block;margin-bottom:24px}.home .code-editor p{font-size:12px;line-height:1.8;color:#c2d4f4;margin:7px 0;white-space:nowrap}.code-editor i{font-style:normal;color:#5d76a2;margin-right:16px}.code-editor em{font-style:normal;color:#ff9e56}.code-editor strong{color:#abd4f3;font-weight:400}.code-caret{display:inline-block;vertical-align:middle;width:2px;height:14px;background:#ffaf70;margin-left:6px;animation:caretBlink 1s steps(1) infinite}.software-card{position:absolute;right:0;bottom:-6px;width:78%;background:white;border-radius:10px;padding:21px 26px;box-shadow:0 18px 50px #071c4e55;transform:rotate(3deg)}.software-card b{display:block;color:#23408f;font-size:23px;line-height:1.15;margin-bottom:15px}.software-card>div{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#6c7d99}.software-card i{font-style:normal;color:#f47521}.mobile-art{height:430px;transform:none}.phone-halo{position:absolute;inset:45px 30px 0;border:1px solid #6f94d67a;border-radius:50%;box-shadow:0 0 70px #5985dc33}.concept-phone{position:absolute;background:#fff;border:7px solid #0a1837;border-radius:32px;width:210px;height:390px;box-shadow:0 22px 50px #00144366;overflow:hidden}.phone-back{left:12%;top:2px;transform:rotate(-12deg)}.phone-front{right:5%;top:42px;transform:rotate(9deg);z-index:2}.phone-notch{position:absolute;top:0;width:75px;height:15px;background:#0a1837;border-radius:0 0 12px 12px;left:calc(50% - 37px);z-index:3}.app-top{background:#23408f;color:white;padding:34px 18px 27px}.app-top small{font-size:7px;color:#ffb982;letter-spacing:.05em;display:block;margin-bottom:15px}.app-top strong{font-size:24px;line-height:1.15;color:white;display:block}.app-content{padding:17px 14px}.app-tile{padding:14px 12px;margin-bottom:10px;background:#eff3fa;border-radius:8px;color:#23408f}.app-tile b{display:block;font-size:12px;margin-bottom:4px}.app-tile span{font-size:9px;color:#7e8aa0;display:block}.app-nav{font-size:17px;color:#6a7f9f;text-align:center;margin-top:23px;word-spacing:12px}.app-dot-grid{font-size:24px;letter-spacing:8px;color:#f47521;display:block;text-align:center;line-height:1.1;padding-bottom:13px}.app-button{display:block;text-align:center;background:#f47521;color:white;font-size:10px;padding:10px;border-radius:5px;margin-top:10px}.phone-front .app-nav{margin-top:17px;font-size:14px}.mobile-label{position:absolute;left:13%;bottom:-33px;font-size:13px;color:#d6e2f7}.cyber-art{transform:none}.security-ring{position:absolute;border:1px solid #b6d3ff4d;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-one{height:365px;width:365px;box-shadow:0 0 80px #7199eb18}.ring-two{height:295px;width:295px;border-style:dashed;animation:securityOrbit 40s linear infinite}.ring-three{height:225px;width:225px;border-color:#f8a16580}.security-shield{color:#ff9a4d;position:absolute;height:245px;width:215px;left:calc(50% - 107px);top:75px;filter:drop-shadow(0 0 28px #f4752130)}.security-shield svg{width:100%;height:100%}.security-shield:after{content:'';position:absolute;left:10px;right:10px;top:40px;height:1px;background:#ffc18c;box-shadow:0 0 20px #ff9c54;animation:securityScan 5s ease-in-out infinite}.security-badge{position:absolute;background:#193d86e6;backdrop-filter:blur(5px);border:1px solid #95b5ee70;border-radius:8px;color:#dce8ff;padding:13px 17px;display:flex;align-items:center;gap:13px;box-shadow:0 12px 30px #001a4f55}.security-badge b{color:#ffb16f;font-size:20px;font-weight:400}.security-badge span{font-size:10px;letter-spacing:.12em}.badge-assess{top:40px;left:9%}.badge-protect{right:-1%;top:195px}.badge-respond{left:4%;bottom:25px}.security-label{position:absolute;bottom:-30px;width:100%;text-align:center;color:#c3d5f6!important;font-size:13px!important}.security-line{position:absolute;height:1px;background:#96b7ee80;transform-origin:left}.sl-one{width:95px;left:18%;top:102px;transform:rotate(30deg)}.sl-two{width:90px;right:5%;top:235px;transform:rotate(-15deg)}.advert-paused *,.advert-paused *:before,.advert-paused *:after{animation-play-state:paused!important}.home .service-mini{grid-template-columns:repeat(4,1fr)}.home .service-mini svg{width:28px;height:32px;flex-shrink:0;color:#23408f}.home .service-mini .mini{font-size:14px;gap:12px}.home .hosting{padding:48px 0;background:linear-gradient(115deg,#153a85,#234b9e);min-height:0}.home .hosting-layout{display:block}.home .hosting-layout>div:first-child{max-width:none;margin-bottom:30px;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:50px}.home .hosting-layout>div:first-child h2{font-size:37px;margin:0}.home .hosting-layout>div:first-child p{font-size:16px;line-height:1.7;max-width:none;margin:0}.home .host-grid{grid-template-columns:repeat(4,1fr);gap:17px}.home .host-card{padding:0 0 24px;background:#fff;border:1px solid #e0e7f3;border-radius:12px;box-shadow:0 20px 40px #071e4b25;min-height:0;text-align:left;overflow:hidden;display:flex;flex-direction:column}.home .host-card h3{display:block;color:white!important;background:#193775;font-size:23px;font-weight:900;line-height:1.15;margin:0 0 23px;padding:24px 23px;min-height:75px;letter-spacing:-.025em}.home .host-card:nth-child(2) h3{background:#f47521}.home .host-card>strong{font-size:30px;color:#23408f;margin:0 23px;line-height:1.2;letter-spacing:-.04em}.home .host-card>small{font-size:12px;color:#7c899e;margin:6px 23px 0}.hosting-features{margin:20px 23px 26px;padding:0;list-style:none;flex:1}.hosting-features li{font-size:13px;color:#5e6f8c;line-height:1.6;padding:7px 0 7px 20px;position:relative;border-bottom:1px solid #edf1f8}.hosting-features li:before{content:'✓';position:absolute;left:0;color:#f47521;font-weight:700}.home .host-card .btn{margin:0 23px!important;font-size:13px;white-space:normal;min-height:43px;padding:11px 10px;color:#fff}.home .hosting .domains{padding-left:0;margin-top:27px;justify-content:center}.home .hosting .domains p{max-width:none;font-size:14px}.home .hosting-servers{opacity:.07;width:600px;height:390px;left:-70px}.home .packages{padding:52px 0}.home .packages h2{font-size:39px}.website-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:stretch}.website-package-card{background:#fff;border:1px solid #dbe3f0;border-radius:13px;overflow:hidden;box-shadow:0 12px 40px #1a3d7a0a;display:flex;flex-direction:column;transition:transform .4s,box-shadow .4s}.website-package-card:hover{transform:translateY(-7px);box-shadow:0 22px 55px #23408f14}.package-heading{padding:30px 27px 26px;background:#23408f;color:white}.package-featured{border-color:#f47521}.package-featured .package-heading{background:#f47521}.package-heading>span{font-size:10px;letter-spacing:.15em;color:#d1e0ff;font-weight:700}.package-featured .package-heading>span{color:#ffeddf}.package-heading h3,.content .package-heading h3{font-size:26px!important;line-height:1.1!important;color:#fff!important;margin:12px 0!important;letter-spacing:-.025em}.package-heading p,.content .package-heading p{font-size:14px!important;line-height:1.5!important;color:#dfebff!important;margin:0!important}.package-featured .package-heading p{color:#fff2e8!important}.package-cost{display:flex;gap:9px;align-items:baseline;padding:27px 27px 15px;color:#23408f}.package-cost small{font-size:13px;font-weight:700}.package-cost strong{font-size:37px;line-height:1.1;font-weight:900;letter-spacing:-.045em}.website-package-card>ul{padding:0 27px;margin:0 0 25px;list-style:none;flex:1}.website-package-card>ul>li,.content .website-package-card>ul>li{font-size:14px;line-height:1.6;color:#5e6c84;padding:10px 0 10px 23px;position:relative;border-bottom:1px solid #e9eef6}.website-package-card>ul>li:before{position:absolute;left:0;content:'✓';color:#f47521;font-weight:900}.website-package-card>.btn,.content .website-package-card>.btn{margin:0 27px 28px;font-size:13px;white-space:normal;text-decoration:none;color:white;min-height:47px}.homepage-services-index{padding:38px 0;background:#fff;border-bottom:1px solid #e4ebf5}.homepage-services-index h2,.home .homepage-services-index h2{font-size:29px;max-width:800px;margin-bottom:23px}.homepage-services-index .wrap>div{display:flex;flex-wrap:wrap;gap:10px}.homepage-services-index a{border:1px solid #dce4f1;border-radius:6px;padding:10px 14px;color:#23408f;font-size:13px;background:#f8faff;transition:border-color .3s}.homepage-services-index a:hover{border-color:#f47521}.page-hero{padding:65px 0 60px}.page-hero h1{font-weight:900;font-size:52px;line-height:1.1;max-width:1050px}.page-hero p{font-size:17px;line-height:1.75;color:#d2dff9;max-width:820px}.page-layout{grid-template-columns:minmax(0,1fr) 270px;gap:35px;align-items:start}.organised-content>figure{margin:0 0 28px;border-radius:12px;overflow:hidden;background:#f2f5fa;border:1px solid #e2e9f4}.organised-content>figure img{max-height:370px;object-fit:cover;margin:0;border-radius:0}.content-sections{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.content-section{min-width:0;border:1px solid #dfe7f2;background:white;padding:28px;border-radius:12px;box-shadow:0 8px 28px #1c407009;overflow:hidden}.content-section:nth-child(4n+2){background:#f4f7fc}.content-section:nth-child(4n+3){border-top:3px solid #f47521}.section-wide{grid-column:1/-1}.content-section h2,.content-section h3,.content-section h4{margin:0 0 19px;font-size:25px;line-height:1.25;color:#23408f}.content-section h3{font-size:22px}.content-section h4{font-size:20px}.content-section p,.content-section li{font-size:16px;line-height:1.85;color:#5e6d86}.content-section p:last-child,.content-section ul:last-child{margin-bottom:0}.content-section .feature-list{list-style:none;padding:0;margin:0}.content-section .feature-list>li{padding:12px 0 12px 25px;border-bottom:1px solid #e4eaf3;position:relative}.content-section .feature-list>li:before{position:absolute;left:0;content:'✓';color:#f47521}.content-section .feature-list>li:last-child{border:0}.content-section.content-feature{padding:0;border:0;background:white;box-shadow:none}.content-section.content-feature>.quote-form{margin-top:0}.content-section.content-feature table{margin:0;width:100%;background:#fff}.content-section table th{background:#23408f;color:white;text-align:left}.content-section table tr:nth-child(2n){background:#f4f7fc}.compact-heading{padding:24px;background:#f3f6fb}.compact-heading h2,.compact-heading h3{margin:0;font-size:20px}.page-contents{border:1px solid #dce5f2;border-radius:10px;background:#f5f8fd;padding:17px 23px;margin-bottom:26px}.page-contents summary{font-size:14px;color:#23408f;font-weight:700}.page-contents nav{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;padding-top:18px}.page-contents a{display:block;font-size:13px;line-height:1.5;text-decoration:none;padding-bottom:9px;border-bottom:1px solid #dce5f2}.page-contents a:hover{color:#f47521}.editorial-content .content-sections{display:block}.editorial-content .content-section{border:0;border-radius:0;box-shadow:none;padding:26px 4px;border-bottom:1px solid #e2e9f4;background:white}.editorial-content .content-section:first-child{padding-top:0}.editorial-content .content-section h2{font-size:30px}.editorial-content .content-section p,.editorial-content .content-section li{font-size:17px;line-height:1.95}.sidebar>div{border:1px solid #dce5f3;background:#f2f6fd;padding:27px;border-radius:12px;box-shadow:0 15px 40px #1b3f7908}.sidebar h3{font-size:24px;line-height:1.15}.sidebar p{font-size:14px}.sidebar a:not(.btn){font-size:13px;padding:13px 0}.sidebar .btn{font-size:12px;white-space:normal}.content-section .website-package-grid{gap:16px}.content-section .package-heading{padding:22px 20px}.content-section .package-heading h3{font-size:21px!important}.content-section .package-cost{padding:23px 20px 15px}.content-section .package-cost strong{font-size:29px}.content-section .website-package-card>ul{padding:0 20px}.content-section .website-package-card>ul>li{font-size:12px}.content-section .website-package-card>.btn{margin:0 20px 20px;font-size:11px}
@keyframes advertBurst{0%{opacity:0;transform:rotate(var(--burst-angle)) translateX(0) scale(.3)}15%{opacity:.9}100%{opacity:0;transform:rotate(var(--burst-angle)) translateX(var(--burst-distance)) scale(.3)}}@keyframes artHover{0%,100%{margin-top:0}50%{margin-top:-10px}}@keyframes caretBlink{0%,50%{opacity:1}51%,100%{opacity:0}}@keyframes queryWrite{0%,8%{max-width:0}45%,92%{max-width:350px}100%{max-width:0}}@keyframes securityOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes securityScan{0%,100%{top:35px;opacity:.2}50%{top:210px;opacity:.8}}
@media(min-width:1600px){.home .hero-inner{height:615px}.home .hero-copy{padding-top:85px}.studio-art{width:80%;height:450px}.studio-browser{top:70px}.home .hero h1{font-size:64px}}
@media(max-width:1100px){.home .hero h1{font-size:47px;min-height:104px}.home .hero .hero-copy{padding-top:66px}.home .hero .hero-copy>p{font-size:14px;min-height:93px;max-width:350px}.home .hero-inner{height:535px;min-height:535px}.home .hero-visual{left:32%;right:-10%;bottom:8px}.studio-art{width:80%;height:350px;margin-left:12%}.studio-browser{top:47px}.search-result strong{font-size:20px}.seo-search{margin:20px}.seo-search b{font-size:14px;max-width:260px}.seo-pillars{padding:13px 16px;gap:5px}.seo-pillars span{font-size:9px;padding:6px 8px}.art-float{padding:13px;font-size:24px}.art-float span{font-size:10px}.search-result{padding:0 25px 18px}.home .search-result p{font-size:11px}.campaign-card{width:72%;left:14%}.campaign-body strong{font-size:25px}.campaign-card img{height:120px}.campaign-body{padding:17px 20px}.channel{font-size:9px;padding:10px}.campaign-label{font-size:11px}.code-body aside{width:95px;padding:22px 12px}.code-editor{padding:20px 15px}.home .code-editor p{font-size:10px}.code-editor i{margin-right:10px}.software-card{width:85%;bottom:-24px}.software-card b{font-size:21px}.concept-phone{width:175px;height:340px;border-width:6px;border-radius:27px}.phone-back{left:10%}.phone-front{right:1%}.app-top{padding:30px 15px 20px}.app-top strong{font-size:20px}.app-content{padding:13px 12px}.app-top small{font-size:6px}.app-tile{padding:11px}.app-tile b{font-size:10px}.app-tile span{font-size:8px}.app-nav{font-size:14px;margin-top:17px}.app-dot-grid{font-size:21px}.app-button{font-size:9px;padding:9px}.phone-front .app-nav{font-size:12px}.phone-halo{inset:20px}.mobile-label{bottom:-35px;font-size:11px}.security-shield{height:210px;width:180px;left:calc(50% - 90px);top:67px}.ring-one{width:315px;height:315px}.ring-two{width:260px;height:260px}.ring-three{width:190px;height:190px}.security-badge{padding:10px 12px;gap:9px}.security-badge b{font-size:17px}.security-badge span{font-size:8px}.badge-assess{left:1%;top:20px}.badge-protect{right:-5%;top:180px}.badge-respond{left:0;bottom:-10px}.security-label{font-size:11px!important;bottom:-49px}.advert-scene-label{font-size:8px}.home .hosting-layout>div:first-child{grid-template-columns:1fr 1fr;gap:30px}.home .hosting-layout>div:first-child h2{font-size:32px}.home .host-grid{gap:12px}.home .host-card h3{font-size:19px;padding:22px 17px}.home .host-card>strong{font-size:25px;margin:0 17px}.home .host-card>small{margin-left:17px}.hosting-features{margin:18px 17px 23px}.hosting-features li{font-size:11px}.home .host-card .btn{margin:0 17px!important;font-size:11px}.website-package-grid{gap:18px}.package-heading{padding:25px 22px}.package-heading h3{font-size:24px!important}.package-cost{padding-left:22px;padding-right:22px}.package-cost strong{font-size:31px}.website-package-card>ul{padding:0 22px}.website-package-card>ul>li{font-size:13px}.website-package-card>.btn{margin-left:22px;margin-right:22px;font-size:12px}.page-layout{grid-template-columns:minmax(0,1fr) 230px;gap:27px}.content-sections{gap:17px}.content-section{padding:23px}.content-section h2{font-size:23px}.content-section p,.content-section li{font-size:15px}.page-hero h1{font-size:44px}.page-hero p{font-size:16px}.sidebar>div{padding:22px}.sidebar h3{font-size:22px}.content-section .website-package-grid{grid-template-columns:1fr}.content-section .package-heading h3{font-size:26px!important}.content-section .package-cost strong{font-size:35px}.content-section .website-package-card>ul>li{font-size:14px}.content-section .website-package-card>.btn{font-size:13px}.home .service-mini{grid-template-columns:1fr 1fr}.home .service-mini .mini{font-size:14px}}
@media(max-width:820px){.home .hero-inner{height:515px;min-height:515px}.home .hero h1{font-size:39px;min-height:86px}.home .hero .hero-copy{padding-top:50px;width:51%}.home .hero .hero-copy>p{max-width:300px;font-size:13px;min-height:100px}.home .hero-benefits{margin-top:26px}.home .hero-visual{left:36%;right:-12%}.studio-art{height:300px;width:87%;margin-left:5%}.art-tag{font-size:9px;top:0}.studio-browser{top:28px}.art-bar{height:26px}.art-bar span{font-size:8px}.seo-search{margin:16px;padding:10px 12px;gap:8px}.seo-search b{font-size:12px}.seo-search>span{font-size:20px}.search-result{padding:0 20px 17px}.search-result strong{font-size:17px}.home .search-result p{font-size:10px}.search-result small{font-size:9px}.seo-pillars{padding:11px}.seo-pillars span{font-size:7px;padding:5px}.art-float{padding:10px;gap:8px;font-size:21px}.art-float span{font-size:9px}.float-one{top:3px;right:-3%}.float-two{bottom:-22px;left:0}.art-caption{font-size:7px;bottom:-49px}.campaign-card{top:-10px;left:15%;width:76%}.campaign-brand{font-size:8px;padding:13px}.campaign-card img{height:100px}.campaign-body{padding:16px}.campaign-body small{font-size:6px}.campaign-body strong{font-size:22px;margin:10px 0 14px}.campaign-body>span{font-size:9px}.channel{font-size:7px;padding:8px}.channel-one{left:1%;top:45px}.channel-two{right:-2%;top:155px}.channel-three{bottom:0}.campaign-label{font-size:10px;bottom:-38px}.code-body{min-height:220px}.code-body aside{width:75px;padding:20px 9px}.code-body aside span{font-size:6px}.code-body aside b{font-size:9px}.code-editor{padding:18px 10px}.code-editor small{font-size:8px}.home .code-editor p{font-size:8px}.code-editor i{margin-right:7px}.software-card{padding:17px 20px;bottom:-24px}.software-card b{font-size:18px}.software-card>div{font-size:8px}.concept-phone{width:150px;height:295px;border-width:5px;border-radius:24px}.phone-back{left:1%;top:-5px}.phone-front{right:-1%;top:35px}.phone-notch{width:60px;left:calc(50% - 30px);height:12px}.app-top{padding:28px 12px 17px}.app-top small{font-size:5px;margin-bottom:12px}.app-top strong{font-size:17px}.app-content{padding:11px}.app-tile{padding:10px 9px;margin-bottom:8px}.app-tile b{font-size:9px}.app-tile span{font-size:7px}.app-nav{font-size:11px;word-spacing:9px;margin-top:15px}.app-dot-grid{font-size:17px;letter-spacing:6px;padding-bottom:10px}.app-button{font-size:8px;padding:8px}.phone-front .app-nav{font-size:10px;margin-top:12px}.mobile-label{bottom:-50px;font-size:10px}.security-shield{top:65px;height:175px;width:150px;left:calc(50% - 75px)}.ring-one{width:265px;height:265px}.ring-two{width:220px;height:220px}.ring-three{width:165px;height:165px}.security-badge{padding:9px;gap:8px}.security-badge b{font-size:15px}.security-badge span{font-size:7px}.badge-assess{left:0;top:17px}.badge-protect{right:-5%;top:165px}.badge-respond{left:0;bottom:2px}.security-label{font-size:9px!important;bottom:-45px}.hero-controls.advert-controls button[data-hero-slide]{width:12px}.hero-controls.advert-controls button[data-hero-slide].selected{width:25px}.advert-controls{gap:6px}.advert-scene-label{margin-left:3px;font-size:7px}.home .host-grid{grid-template-columns:repeat(2,1fr);gap:18px}.home .hosting-layout>div:first-child{grid-template-columns:1fr;gap:18px}.home .hosting-layout>div:first-child h2{font-size:34px}.home .host-card h3{font-size:23px}.home .host-card>strong{font-size:29px}.hosting-features li{font-size:13px}.home .host-card .btn{font-size:13px}.home .hosting .domains{justify-content:start}.website-package-grid{grid-template-columns:1fr}.package-heading h3{font-size:28px!important}.package-heading{padding:28px}.package-cost{padding:25px 28px 15px}.package-cost strong{font-size:37px}.website-package-card>ul{padding:0 28px}.website-package-card>ul>li{font-size:14px}.website-package-card>.btn{margin:0 28px 28px;font-size:14px}.page-layout{grid-template-columns:1fr;gap:30px}.page-hero h1{font-size:40px}.content-sections{gap:20px}.content-section{padding:26px}.content-section h2{font-size:25px}.page-contents nav{grid-template-columns:1fr 1fr}.content-section .website-package-grid{grid-template-columns:1fr}.sidebar>div{position:static}.home .packages{padding:38px 0}}
@media(max-width:560px){.home .hero-inner{height:760px;min-height:760px}.home .hero .hero-copy{padding-top:36px;width:100%;max-width:none}.home .hero h1{font-size:40px;min-height:89px}.home .hero .hero-copy>p{font-size:14px;line-height:1.65;min-height:70px;max-width:350px}.home .hero-actions{margin-top:20px;gap:20px}.home .hero-benefits{margin-top:24px;font-size:9px}.home .hero-visual{left:-10px;right:-15px;bottom:65px;height:330px}.studio-art{width:85%;height:290px;margin:0 0 0 0;transform:none}.home .hero-slide--servers .hero-image{padding:5px 25px 0}.studio-browser{top:25px;left:2%;right:2%}.art-tag{font-size:9px;left:4%;top:-4px}.seo-search b{font-size:12px}.seo-pillars span{font-size:8px}.search-result strong{font-size:18px}.float-one{right:-5%;top:-5px}.float-two{bottom:-20px;left:-3%}.art-caption{bottom:-42px;left:4%;font-size:8px}.campaign-card{width:68%;left:17%;top:-10px}.campaign-card img{height:110px}.campaign-body strong{font-size:23px}.campaign-body small{font-size:6px}.channel-one{left:-2%;top:30px}.channel-two{right:0;top:165px}.channel-three{left:2%;bottom:-12px}.campaign-label{bottom:-40px;font-size:10px}.software-art{width:90%}.code-window{left:0;right:0}.code-editor small{font-size:9px}.home .code-editor p{font-size:9px}.code-body aside{width:80px}.software-card{bottom:-22px;width:80%}.software-card b{font-size:20px}.concept-phone{width:155px;height:303px}.phone-back{left:4%;top:-6px}.phone-front{right:3%;top:29px}.mobile-label{bottom:-49px;left:8%;font-size:10px}.security-shield{height:180px;width:155px;left:calc(50% - 77px);top:57px}.ring-one{height:275px;width:275px}.ring-two{height:225px;width:225px}.ring-three{height:170px;width:170px}.badge-assess{left:0;top:6px}.badge-protect{right:-1%;top:157px}.badge-respond{left:0;bottom:0}.security-label{bottom:-35px;font-size:10px!important}.hero-controls.advert-controls{bottom:20px;gap:6px;flex-wrap:wrap;max-width:100%}.advert-scene-label{font-size:8px;width:100%;margin:3px 0 0}.hero-controls.advert-controls button[data-hero-slide]{width:16px;height:4px}.hero-controls.advert-controls button[data-hero-slide].selected{width:31px}.hero-controls [data-next-hero]{width:23px;height:23px}.hero-controls button[data-pause-hero]{height:23px;width:23px;margin-left:3px}.hero-burst{left:50%;top:66%}.home .service-mini{grid-template-columns:1fr}.home .host-grid{grid-template-columns:1fr;gap:20px}.home .hosting{padding:34px 0}.home .hosting-layout>div:first-child h2{font-size:30px}.home .hosting-layout>div:first-child p{font-size:14px}.home .host-card h3{font-size:25px;padding:25px;margin-bottom:22px}.home .host-card>strong{font-size:33px;margin:0 25px}.home .host-card>small{margin-left:25px;font-size:12px}.hosting-features{margin:18px 25px 26px}.hosting-features li{font-size:14px}.home .host-card .btn{margin:0 25px!important;font-size:14px}.home .hosting .domains p{font-size:13px}.home .packages h2{font-size:31px}.package-heading h3{font-size:27px!important}.package-heading{padding:27px 24px}.package-cost{padding:25px 24px 15px}.package-cost strong{font-size:35px}.website-package-card>ul{padding:0 24px}.website-package-card>.btn{margin:0 24px 25px;font-size:13px}.homepage-services-index{padding:30px 0}.homepage-services-index h2,.home .homepage-services-index h2{font-size:26px}.homepage-services-index .wrap>div{display:grid;grid-template-columns:1fr;width:100%;gap:9px}.homepage-services-index a{font-size:13px;padding:13px}.page-hero{padding:42px 0}.page-hero h1{font-size:35px}.page-hero p{font-size:15px;line-height:1.7}.page-layout{gap:25px}.organised-content>figure img{max-height:240px}.content-sections{grid-template-columns:1fr;gap:18px}.content-section{padding:22px;border-radius:10px}.content-section h2{font-size:24px}.content-section h3{font-size:21px}.content-section p,.content-section li{font-size:15px;line-height:1.85}.editorial-content .content-section h2{font-size:26px}.editorial-content .content-section p,.editorial-content .content-section li{font-size:16px;line-height:1.9}.page-contents{padding:16px 19px}.page-contents nav{grid-template-columns:1fr}.page-contents a{font-size:13px}.content-section .package-heading h3{font-size:25px!important}.content-section .package-cost strong{font-size:34px}.content-section .website-package-card>ul>li{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hero-burst{display:none}.studio-art,.studio-art *,.studio-art *:before,.studio-art *:after{animation:none!important}.studio-art{transform:none}.seo-search b{max-width:350px}.home .hero-slide{transition:none;transform:none}.is-writing .advert-line:last-child:after{display:none}.hero .hero-copy{transition:none}}
.home .hero[data-scene="3"] h1{font-size:54px}.is-writing .advert-line:last-child:after{display:none}.is-writing[data-writing-line="0"] .advert-line:first-child:after,.is-writing[data-writing-line="1"] .advert-line:last-child:after{content:'';display:inline-block;height:.85em;width:3px;background:#ffac69;vertical-align:-.03em;margin-left:5px;animation:caretBlink 1s steps(1) infinite}.page-layout:has(.website-package-grid){grid-template-columns:1fr}.page-layout:has(.website-package-grid)>.sidebar{display:none}.page-layout:has(.website-package-grid) .content-section .package-heading h3{font-size:27px!important}.page-layout:has(.website-package-grid) .content-section .package-cost strong{font-size:37px}.page-layout:has(.website-package-grid) .content-section .website-package-card>ul>li{font-size:14px}.page-layout:has(.website-package-grid) .content-section .website-package-card>.btn{font-size:13px}.archive-grid .blog-card{border-radius:12px;box-shadow:0 12px 30px #183b7208}.archive-grid .blog-body{padding:25px}.archive-grid .blog-body h3{font-size:21px;line-height:1.3}.archive-grid .blog-body p{font-size:14px}.archive-grid .blog-card img{height:215px}@media(max-width:1100px){.home .hero[data-scene="3"] h1{font-size:42px}.page-layout:has(.website-package-grid) .content-section .website-package-grid{grid-template-columns:repeat(3,1fr)}.page-layout:has(.website-package-grid) .content-section .package-heading h3{font-size:23px!important}.page-layout:has(.website-package-grid) .content-section .package-cost strong{font-size:31px}}@media(max-width:820px){.home .hero[data-scene="3"] h1{font-size:35px}.page-layout:has(.website-package-grid) .content-section .website-package-grid{grid-template-columns:1fr}.page-layout:has(.website-package-grid) .content-section .package-heading h3{font-size:28px!important}}@media(max-width:560px){.home .hero h1{font-size:clamp(31px,10.5vw,40px)}.home .hero[data-scene="3"] h1{font-size:clamp(28px,8.8vw,34px)}.home .hero[data-scene="6"] h1{font-size:clamp(30px,9.5vw,37px)}.page-layout:has(.website-package-grid) .content-section .package-heading h3{font-size:25px!important}}@media(prefers-reduced-motion:reduce){.is-writing .advert-line:after{display:none!important}}
.service-detail-guide{padding:45px 0;background:#f4f7fc}.service-detail-guide h2,.home .service-detail-guide h2{font-size:34px;margin-bottom:15px}.service-detail-guide .wrap>p{font-size:15px;color:#677892;max-width:760px}.service-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;margin-top:24px;align-items:start}.service-guide-grid details{border-bottom:1px solid #d5dfed;padding:17px 0}.service-guide-grid summary{font-size:15px;color:#23408f;font-weight:700;line-height:1.5}.service-guide-grid details p{font-size:15px;line-height:1.85;color:#5d6e88;max-width:none}.service-guide-grid details a{color:#23408f;text-decoration:underline;text-underline-offset:3px}.guide-more{margin:23px 0 0!important}.guide-more a{font-size:13px;color:#23408f;font-weight:700}@media(max-width:560px){.service-detail-guide{padding:32px 0}.service-detail-guide h2,.home .service-detail-guide h2{font-size:29px}.service-guide-grid{grid-template-columns:1fr}.service-guide-grid summary{font-size:14px}.service-guide-grid details p{font-size:14px}}