/* Urusly service pages — intentionally shares the visual language of Custom Business System */
.service-page{overflow-x:hidden}
.service-page .service-hero{background:radial-gradient(circle at 82% 15%,rgba(15,118,255,.13),transparent 31%),linear-gradient(180deg,#fff,#f7fbff)}
.service-page .service-showcase{min-height:470px}
.service-device{position:absolute;left:4%;right:2%;top:8%;bottom:9%;background:#fff;border:1px solid #d9e6f5;border-radius:24px;box-shadow:0 30px 70px rgba(17,72,135,.17);overflow:hidden;z-index:2}
.service-browser-top{height:38px;border-bottom:1px solid #e8eef7;display:flex;align-items:center;gap:7px;padding:0 14px;color:#90a0b5}
.service-browser-top>i{width:8px;height:8px;border-radius:50%;background:#cad4e1}
.service-browser-top em{font-style:normal;font-size:9px;margin:auto;background:#f3f6fa;padding:5px 20px;border-radius:99px;color:#8090a5}
.service-upload-preview{position:absolute;inset:7% 2% 7% 4%;border-radius:24px;overflow:hidden;border:1px solid #d9e6f5;box-shadow:0 30px 70px rgba(17,72,135,.17);z-index:2;background:#fff}
.service-upload-preview img{width:100%;height:100%;object-fit:cover;display:block}
.service-float{position:absolute;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e0e9f4;border-radius:13px;padding:10px 12px;box-shadow:0 14px 30px rgba(14,69,130,.14);z-index:4}
.service-float i{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#eaf4ff;color:#0c6ff2}
.service-float b,.service-float small{display:block}.service-float b{font-size:10px}.service-float small{font-size:8px;color:#8190a5;margin-top:2px}
.service-float-a{left:2%;bottom:4%}.service-float-b{right:0;top:18%}

/* Website preview */
.web-nav{display:flex;align-items:center;gap:18px;padding:16px 22px;border-bottom:1px solid #eef3f8}.web-nav b{font-size:11px;margin-right:auto}.web-nav span{font-size:8px;color:#6e7b8e}.web-nav button,.web-hero button{border:0;border-radius:8px;background:#0b70f5;color:#fff;font-size:8px;font-weight:800;padding:8px 11px}.web-hero{padding:31px 30px 24px;background:linear-gradient(135deg,#f0f7ff,#fff)}.web-hero small,.landing-main small{font-size:7px;letter-spacing:.14em;color:#0b70f5;font-weight:900}.web-hero strong,.landing-main strong{display:block;font-size:27px;line-height:1.05;max-width:340px;margin:9px 0}.web-hero p,.landing-main p{font-size:9px;line-height:1.5;color:#738197;max-width:330px}.web-hero>div{display:flex;gap:6px;margin-top:14px}.web-hero button+button{background:#fff;color:#1765ca;border:1px solid #dbe8f7}.web-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:17px 24px}.web-cards span{height:68px;border:1px solid #e6edf6;border-radius:12px;background:linear-gradient(145deg,#f8fbff,#fff)}

/* Landing preview */
.landing-ui{background:linear-gradient(180deg,#fff,#f5faff)}.landing-ribbon{font-size:7px;font-weight:950;letter-spacing:.14em;color:#fff;background:#0b70f5;width:max-content;margin:17px auto 0;padding:6px 10px;border-radius:99px}.landing-main{text-align:center;padding:22px 25px}.landing-main strong{margin:8px auto;font-size:29px;max-width:370px}.landing-main p{margin:0 auto}.landing-main button{margin-top:14px;border:0;border-radius:11px;background:linear-gradient(135deg,#1488ff,#005cf2);color:#fff;padding:11px 19px;font-size:9px;font-weight:900}.landing-proof{width:72%;margin:0 auto;border:1px solid #dce9f8;background:#fff;border-radius:15px;padding:13px 16px;display:grid;grid-template-columns:auto 1fr;column-gap:10px}.landing-proof span{grid-row:1/3;color:#f2ad28;font-size:10px}.landing-proof b{font-size:9px}.landing-proof small{font-size:8px;color:#6f8095}

/* E-commerce preview */
.shop-head{display:flex;align-items:center;gap:15px;padding:13px 18px;border-bottom:1px solid #eff1f5}.shop-head b{font-size:10px}.shop-head span{margin-left:auto;width:130px;border:1px solid #e4e9ef;border-radius:99px;padding:6px 11px;color:#9aa5b3;font-size:7px}.shop-head i{font-size:12px}.shop-hero{margin:15px 18px;border-radius:16px;min-height:125px;background:linear-gradient(135deg,#eaf4ff,#f4f9ff);padding:22px;display:flex;align-items:center}.shop-hero small{font-size:7px;letter-spacing:.12em;color:#0b70f5;font-weight:900}.shop-hero strong{display:block;font-size:23px;margin:6px 0}.shop-hero p{font-size:8px;color:#687b91}.shop-art{margin-left:auto;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.65);font-size:38px;color:#0b70f5}.shop-products{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:0 18px}.shop-products article{border:1px solid #edf0f4;border-radius:11px;padding:8px}.shop-products article span{display:block;height:45px;border-radius:8px;background:linear-gradient(145deg,#f4f5f8,#fff)}.shop-products b,.shop-products small{display:block}.shop-products b{font-size:7px;margin-top:6px}.shop-products small{font-size:7px;color:#0b70f5;margin-top:2px}

/* Portal preview */
.portal-layout{display:grid;grid-template-columns:63px 1fr;height:calc(100% - 38px)}.portal-layout aside{background:#0b2448;padding:20px 13px;display:grid;align-content:start;gap:14px}.portal-layout aside b{width:34px;height:34px;border-radius:11px;background:#1478f5;color:#fff;display:grid;place-items:center}.portal-layout aside span{height:7px;border-radius:99px;background:#34557e}.portal-layout main{padding:22px}.portal-welcome small{font-size:7px;letter-spacing:.12em;color:#1478f5;font-weight:900}.portal-welcome strong{display:block;font-size:20px;margin-top:5px}.portal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.portal-stats span{border:1px solid #e8edf4;background:#fbfdff;border-radius:12px;padding:12px}.portal-stats small,.portal-stats b{display:block}.portal-stats small{font-size:7px;color:#8190a4}.portal-stats b{font-size:18px;margin-top:4px}.portal-list{display:grid;gap:8px;margin-top:14px}.portal-list p{display:flex;justify-content:space-between;align-items:center;border:1px solid #e8edf4;border-radius:10px;padding:10px;margin:0;font-size:8px}.portal-list em{font-style:normal;color:#188b5c;background:#e8f8f1;border-radius:99px;padding:4px 7px}

/* About */
.service-about-visual{position:relative;min-height:310px;display:grid;place-items:center}.service-flow-card{position:relative;z-index:2;width:min(430px,92%);background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(10px);border-radius:24px;padding:28px;color:#fff;box-shadow:0 30px 80px rgba(0,0,0,.18)}.service-flow-card small{font-size:8px;letter-spacing:.15em;color:#7bc8ff;font-weight:900}.service-flow-card>strong{display:block;font-size:24px;margin:8px 0 22px}.flow-line{display:flex;align-items:center;gap:7px}.flow-line span{width:28px;height:28px;border-radius:9px;background:#1782ff;display:grid;place-items:center;font-size:9px;font-weight:900}.flow-line p{font-size:8px;margin:0;color:#dce9f8}.flow-line i{height:1px;background:rgba(255,255,255,.28);flex:1}.service-flow-card em{display:block;font-style:normal;font-size:9px;color:#aac0d7;margin-top:20px}

/* Feature / examples */
.service-feature-grid{grid-template-columns:repeat(3,1fr)!important}.service-feature-card{display:flex!important;align-items:flex-start;gap:13px;padding:20px!important;border-radius:18px!important}.service-feature-card h3{margin:1px 0 6px;font-size:14px}.service-feature-card p{margin:0;font-size:10px;line-height:1.55;color:#6c7b8f}.service-feature-icon{flex:0 0 43px;width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#edf5ff;color:#0b70f5;overflow:hidden}.service-feature-icon img{width:100%;height:100%;object-fit:cover}.service-examples{background:#071a36!important;color:#fff}.service-examples .section-head p{color:#aebed1}.service-examples .demo-card{background:#0c2448;border-color:#183a67}.service-examples .demo-body h3{color:#fff}.service-examples .demo-body p{color:#a9bbcf}.service-example-image{width:100%;height:100%;object-fit:cover;display:block}.service-example-placeholder{height:100%;min-height:210px;background:linear-gradient(145deg,#f5f9ff,#dcecff);padding:14px}.service-example-placeholder .demo-browser-top{height:25px;padding:0 8px}.service-example-icon{width:48px;height:48px;border-radius:14px;background:#fff;color:#0b70f5;display:grid;place-items:center;font-size:19px;margin:28px 0 12px 16px;box-shadow:0 12px 25px rgba(14,73,140,.14)}.service-example-placeholder>b{display:block;height:8px;margin:7px 16px;border-radius:99px;background:#cbdcf0}.service-example-placeholder>b:last-child{width:55%}

/* Pricing */
.service-pricing-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;align-items:stretch}.service-pricing-grid .price-card{display:flex;flex-direction:column}.service-package-features{list-style:none;padding:0;margin:16px 0 20px;display:grid;gap:8px}.service-package-features li{display:flex;gap:8px;font-size:9.5px;line-height:1.35;color:#53657d}.service-package-features i{color:#0b70f5;margin-top:2px}.service-pricing-grid .price-cta{margin-top:auto}

/* Builder */
.service-builder{background:#f5f9ff}.service-builder-card{max-width:920px;margin:0 auto;padding:27px;border:1px solid #dbe7f5;background:#fff;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 18px 40px rgba(18,72,130,.08)}.service-builder-card>div{max-width:620px}.service-builder-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#eaf4ff;color:#0b70f5;font-size:18px}.service-builder-card h3{font-size:22px;margin:11px 0 6px}.service-builder-card p{margin:0;color:#68798f;font-size:11px;line-height:1.55}

/* Footer compatibility */
.service-page .footer-main{display:flex;align-items:center;gap:22px;justify-content:space-between}.service-page .footer-main p{margin-right:auto}.service-page .footer-main a{color:inherit;text-decoration:none;font-size:10px}

@media(max-width:900px){
 .service-page .service-showcase{min-height:390px}
 .service-feature-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:680px){
 .service-page .service-showcase{min-height:300px}
 .service-device{left:2%;right:1%;top:5%;bottom:8%;border-radius:17px}
 .service-browser-top{height:28px;padding:0 9px}.service-browser-top em{font-size:6px;padding:4px 12px}
 .service-float{padding:7px 8px;border-radius:10px}.service-float i{width:25px;height:25px}.service-float b{font-size:7px}.service-float small{font-size:6px}
 .web-nav{padding:9px 11px;gap:7px}.web-nav span{display:none}.web-nav button{font-size:6px;padding:6px 7px}.web-hero{padding:18px 16px}.web-hero strong,.landing-main strong{font-size:20px}.web-cards{padding:10px 13px;gap:6px}.web-cards span{height:48px}
 .landing-ribbon{margin-top:10px;font-size:5px}.landing-main{padding:13px 14px}.landing-main button{padding:8px 12px;font-size:7px}.landing-proof{padding:8px;width:82%}
 .shop-head{padding:8px 10px}.shop-head span{width:80px}.shop-hero{min-height:82px;margin:8px 10px;padding:12px}.shop-hero strong{font-size:16px}.shop-art{width:53px;height:53px;font-size:24px}.shop-products{padding:0 10px;gap:5px}.shop-products article{padding:5px}.shop-products article span{height:29px}
 .portal-layout{grid-template-columns:42px 1fr}.portal-layout aside{padding:12px 7px;gap:9px}.portal-layout aside b{width:27px;height:27px}.portal-layout main{padding:12px}.portal-welcome strong{font-size:15px}.portal-stats{gap:5px;margin-top:10px}.portal-stats span{padding:7px}.portal-stats b{font-size:13px}.portal-list{gap:5px;margin-top:8px}.portal-list p{padding:7px;font-size:6px}
 .service-about-visual{min-height:230px}.service-flow-card{padding:18px}.service-flow-card>strong{font-size:18px}.flow-line p{display:none}
 .service-feature-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.service-feature-card{padding:12px!important;gap:8px}.service-feature-icon{width:34px;height:34px;flex-basis:34px;border-radius:10px}.service-feature-card h3{font-size:11px}.service-feature-card p{font-size:8.5px}
 .service-example-placeholder{min-height:120px}.service-example-icon{width:36px;height:36px;margin:15px 0 7px 9px;font-size:14px}.service-example-placeholder>b{margin:5px 9px;height:6px}
 .service-builder-card{padding:16px;display:block}.service-builder-card .btn{margin-top:15px;width:100%}
 .service-page .footer-main{align-items:flex-start;flex-direction:column;gap:7px}.service-page .footer-main p{margin:0}
}


/* Service scope, starting range & shared add-ons */
.service-starting-range{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;padding:10px 12px;border:1px solid #dce8f5;background:#f8fbff;border-radius:13px;width:max-content;max-width:100%}.service-starting-range small{font-size:7px;letter-spacing:.1em;color:#6d8299;font-weight:900}.service-starting-range strong{font-size:11px;color:#0b70f5}.service-starting-range span{font-size:8px;color:#7b8a9b}
.service-included-section{background:#fff}.service-scope-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;max-width:900px;margin:27px auto 0}.scope-card{padding:22px;border:1px solid #dfe8f3;border-radius:20px}.scope-card>span{width:44px;height:44px;border-radius:13px;display:grid;place-items:center}.scope-card.included>span{background:#e9f8f1;color:#16875a}.scope-card.optional>span{background:#eaf4ff;color:#0b70f5}.scope-card h3{font-size:16px;margin:12px 0}.scope-card ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}.scope-card li{display:flex;gap:8px;font-size:10px;color:#596d84}.scope-card.included li i{color:#16875a}.scope-card.optional li i{color:#0b70f5}
.service-universal-addons{background:#f7fbff}.service-addon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:25px}.service-addon-grid article{padding:15px 8px;text-align:center;background:#fff;border:1px solid #dfe8f3;border-radius:15px}.service-addon-grid span{width:36px;height:36px;border-radius:11px;background:#eaf4ff;color:#0b70f5;display:grid;place-items:center;margin:0 auto 8px}.service-addon-grid b{font-size:8px;line-height:1.3}
@media(max-width:900px){.service-addon-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.service-scope-grid{grid-template-columns:repeat(2,1fr);gap:8px}.scope-card{padding:12px}.scope-card h3{font-size:11px}.scope-card li{font-size:8px}.scope-card>span{width:34px;height:34px}.service-addon-grid{grid-template-columns:repeat(3,1fr);gap:6px}.service-addon-grid article{padding:10px 5px}.service-addon-grid b{font-size:7px}.service-starting-range{padding:8px 9px}}


/* Website CMS add-on */
.website-cms-section{background:#fff}
.website-cms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:980px;margin:30px auto 0}
.website-cms-card{position:relative;padding:24px;border:1px solid #dfe8f3;border-radius:22px;background:#fff;box-shadow:0 15px 35px rgba(22,73,130,.06);display:flex;flex-direction:column}
.website-cms-card.featured{border-color:#a9cdf7;box-shadow:0 20px 45px rgba(17,92,178,.11)}
.cms-badge{position:absolute;right:18px;top:18px;border-radius:999px;background:#eaf4ff;color:#0b70f5;font-size:7px;font-weight:950;letter-spacing:.11em;padding:6px 9px}
.cms-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-right:76px}
.cms-head h3{font-size:21px;margin:0 0 6px}
.cms-head>span{width:46px;height:46px;border-radius:14px;background:#eef6ff;color:#0b70f5;display:grid;place-items:center;font-size:17px;flex:0 0 auto}
.cms-old{font-size:10px;color:#8b99aa;text-decoration:line-through;margin-bottom:2px}
.cms-price{font-size:23px;font-weight:950;color:#0b70f5}
.cms-summary{font-size:10px;line-height:1.6;color:#61748b;margin:15px 0 10px}
.cms-suitable{font-size:9px;line-height:1.5;background:#f7faff;border:1px solid #e3ecf6;border-radius:11px;padding:10px 12px;color:#54677e}
.cms-feature-list{list-style:none;padding:0;margin:16px 0 18px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 12px}
.cms-feature-list li{display:flex;gap:7px;font-size:9px;line-height:1.4;color:#52657d}
.cms-feature-list i{color:#16875a;margin-top:2px}
.cms-limit-box{margin:0 0 18px;padding:12px 13px;border-radius:12px;background:#fffaf0;border:1px solid #f3e3ba}
.cms-limit-box>b{font-size:8px;color:#8c6814;display:block;margin-bottom:7px}
.cms-limit-box ul{padding-left:16px;margin:0;display:grid;gap:4px}
.cms-limit-box li{font-size:8px;color:#755f2e;line-height:1.4}
.website-cms-card .btn{margin-top:auto}
.cms-compare-wrap{max-width:980px;margin:32px auto 0}
.cms-compare-wrap>h3{text-align:center;font-size:19px;margin-bottom:15px}
.cms-compare-table{border:1px solid #dfe8f3;border-radius:18px;overflow:hidden;background:#fff}
.cms-row{display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;min-height:44px;border-top:1px solid #edf2f7}
.cms-row:first-child{border-top:0}
.cms-row span,.cms-row b{padding:10px 14px;font-size:9px}
.cms-row b{text-align:center}
.cms-row-head{background:#f4f8fd}.cms-row-head span,.cms-row-head b{font-weight:900;color:#183657}
.cms-note{font-size:8.5px;line-height:1.55;color:#687b92;margin:12px auto 0;text-align:center;max-width:820px}
@media(max-width:680px){
 .website-cms-grid{grid-template-columns:1fr;gap:10px}
 .website-cms-card{padding:16px;border-radius:17px}
 .cms-head{padding-right:64px}.cms-head h3{font-size:17px}.cms-price{font-size:18px}
 .cms-feature-list{grid-template-columns:repeat(2,1fr);gap:6px 8px}.cms-feature-list li{font-size:8px}
 .cms-row{grid-template-columns:1.6fr .8fr .8fr;min-height:38px}.cms-row span,.cms-row b{padding:8px 7px;font-size:7.5px}
}


/* Landing page CMS add-on shares the same CMS component with a light conversion-page accent */
.service-landing-page .website-cms-section{background:linear-gradient(180deg,#fff,#f7fbff)}
.service-landing-page .website-cms-card.featured{border-color:#a9cef8;box-shadow:0 20px 45px rgba(18,93,181,.11)}
.service-landing-page .website-cms-card.featured .cms-price,
.service-landing-page .website-cms-card.featured .cms-head>span{color:#0b70f5}
.service-landing-page .website-cms-card.featured .cms-head>span{background:#eaf4ff}


/* E-Commerce CMS included explanation */
.ecommerce-cms-info-section{background:linear-gradient(180deg,#fff,#f7fbff)}
.ecommerce-cms-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:980px;margin:30px auto 0}
.ecommerce-cms-info-card{position:relative;padding:23px;border:1px solid #dce7f2;border-radius:21px;background:#fff;box-shadow:0 16px 35px rgba(19,66,120,.06)}
.ecom-cms-badge{position:absolute;right:18px;top:18px;background:#eaf4ff;color:#0b70f5;border-radius:99px;padding:6px 9px;font-size:7px;letter-spacing:.1em;font-weight:950}
.ecom-cms-icon{width:46px;height:46px;border-radius:14px;background:#eaf4ff;color:#0b70f5;display:grid;place-items:center;font-size:17px}
.ecommerce-cms-info-card h3{font-size:18px;margin:12px 0 7px}
.ecommerce-cms-info-card>p{font-size:9.5px;line-height:1.55;color:#69788c;margin:0}
.ecom-cms-list{list-style:none;padding:0;margin:16px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 11px}
.ecom-cms-list li{display:flex;gap:7px;font-size:8.7px;line-height:1.4;color:#52647b}
.ecom-cms-list i{color:#16875a;margin-top:2px}
.ecom-cms-scope{padding:12px 13px;background:#fffaf1;border:1px solid #f1e3bd;border-radius:12px}
.ecom-cms-scope>b{font-size:8px;color:#876915}
.ecom-cms-scope ul{padding-left:16px;margin:7px 0 0;display:grid;gap:4px}
.ecom-cms-scope li{font-size:8px;color:#755f2f}
.ecommerce-cms-footnote{text-align:center;max-width:760px;margin:16px auto 0;font-size:8.5px;line-height:1.5;color:#6c7d91}
@media(max-width:680px){
 .ecommerce-cms-info-grid{grid-template-columns:1fr;gap:9px}
 .ecommerce-cms-info-card{padding:15px;border-radius:17px}
 .ecom-cms-icon{width:36px;height:36px;border-radius:11px;font-size:14px}
 .ecommerce-cms-info-card h3{font-size:14px}
 .ecom-cms-list{grid-template-columns:repeat(2,1fr);gap:6px 8px}
 .ecom-cms-list li{font-size:7.8px}
}


/* Domain options — solution pages */
.service-domain-section{background:linear-gradient(180deg,#f8fbff,#fff)}
.service-domain-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:980px;margin:28px auto 0}
.service-domain-card{position:relative;padding:23px;border:1px solid #dce7f2;border-radius:21px;background:#fff;box-shadow:0 15px 35px rgba(19,66,120,.06)}
.service-domain-card.included{background:linear-gradient(145deg,#f7fcff,#fff)}
.service-domain-card.custom{background:linear-gradient(145deg,#fff,#faf8ff)}
.service-domain-icon{width:44px;height:44px;border-radius:14px;background:#eaf4ff;color:#0b70f5;display:grid;place-items:center;font-size:16px}
.service-domain-card.custom .service-domain-icon{background:#eaf4ff;color:#0b70f5}
.service-domain-badge{position:absolute;right:17px;top:17px;border-radius:99px;background:#eaf8f1;color:#157a52;padding:6px 9px;font-size:7px;font-weight:950;letter-spacing:.09em}
.service-domain-badge.paid{background:#fff1e8;color:#aa5a1d}
.service-domain-card small{display:block;font-size:7px;font-weight:900;letter-spacing:.11em;color:#8190a2;margin-top:13px}
.service-domain-card h3{font-size:18px;margin:6px 0 10px}
.service-domain-card code{display:block;border-radius:11px;background:#0d2445;color:#fff;padding:11px 13px;font-size:11px;font-weight:850}
.service-domain-card p{font-size:9px;line-height:1.58;color:#687b91;margin:13px 0}
.service-domain-card ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.service-domain-card li{display:flex;gap:7px;font-size:8.5px;color:#52657d}
.service-domain-card li i{color:#16875a;margin-top:2px}
.service-domain-note{max-width:980px;margin:13px auto 0;border:1px solid #e1e9f2;background:#fff;border-radius:12px;padding:11px 13px;display:flex;gap:9px;align-items:flex-start}
.service-domain-note i{color:#0b70f5;margin-top:2px}
.service-domain-note p{margin:0;font-size:8.3px;line-height:1.5;color:#64778d}
@media(max-width:680px){
 .service-domain-grid{grid-template-columns:1fr;gap:9px}
 .service-domain-card{padding:15px;border-radius:17px}
 .service-domain-card h3{font-size:15px}
 .service-domain-card code{font-size:9.5px}
}

/* final consistency polish */
@media(max-width:680px){
  .section{scroll-margin-top:74px}
  .price-card:last-child,.website-cms-card:last-child,.service-domain-card:last-child{margin-bottom:0}
  .mobile-sticky-cta{padding-bottom:max(8px,env(safe-area-inset-bottom))}
}


/* Final mobile QA — compact but readable */
@media(max-width:680px){
  body{overflow-x:hidden}
  .service-pricing-grid,.website-cms-grid,.service-domain-grid,.ecommerce-cms-info-grid{gap:9px!important}
  .price-card,.website-cms-card,.service-domain-card,.ecommerce-cms-info-card{padding:15px!important;border-radius:16px!important}
  .price-card h3,.website-cms-card h3,.service-domain-card h3,.ecommerce-cms-info-card h3{font-size:15px!important;line-height:1.2}
  .price-card .price,.cms-price{font-size:22px!important}
  .service-package-features{gap:5px!important}
  .service-package-features li,.website-cms-list li,.ecom-cms-list li{font-size:8.5px!important;line-height:1.45}
  .faq-list details{border-radius:13px!important}
  .faq-list summary{font-size:9.5px!important;line-height:1.4;padding:12px!important}
  .faq-list details p{font-size:8.5px!important;line-height:1.55;padding:0 12px 12px!important}
  .home-project-form-card{padding:14px!important}
  .home-form-grid{gap:9px!important}
  .home-form-grid label>span{font-size:8px!important;line-height:1.3}
  .home-form-grid input,.home-form-grid select,.home-form-grid textarea{min-height:42px;font-size:9.5px!important;padding:10px!important}
  .home-form-grid textarea{min-height:88px}
  .home-conditional-wrap{padding:11px;border:1px solid #e1e9f3;border-radius:14px;background:#f9fbfe}
  .home-conditional-heading{margin-bottom:9px}
  .home-conditional-heading>span{display:block;font-size:10px;font-weight:900;color:#183657}
  .home-conditional-heading small{display:block;margin-top:3px;font-size:7.5px;color:#74869a}
  .home-conditional-panel{display:grid;grid-template-columns:1fr;gap:9px}
  .mobile-sticky-cta{z-index:50}
  footer,.footer{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
}
@media(min-width:681px){
  .home-conditional-wrap{padding:15px;border:1px solid #e1e9f3;border-radius:16px;background:#f9fbfe}
  .home-conditional-heading{margin-bottom:12px}
  .home-conditional-heading>span{display:block;font-size:11px;font-weight:900;color:#183657}
  .home-conditional-heading small{display:block;margin-top:3px;font-size:8px;color:#74869a}
  .home-conditional-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
  .home-conditional-panel label.full{grid-column:1/-1}
}


/* Live demos + completed projects */
.service-live-demo-section{background:linear-gradient(180deg,#f7fbff,#fff)}
.service-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;max-width:1080px;margin:28px auto 0}
.service-demo-card{overflow:hidden;border:1px solid #dce7f2;border-radius:20px;background:#fff;box-shadow:0 15px 36px rgba(20,66,118,.07)}
.service-demo-cover{position:relative;aspect-ratio:16/10;background:#eef4fa;overflow:hidden}
.service-demo-cover img{width:100%;height:100%;object-fit:cover;display:block}
.service-demo-placeholder,.completed-project-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#edf5ff,#f9fbff);color:#6f98c7;font-size:30px}
.service-demo-badge{position:absolute;left:12px;top:12px;padding:6px 9px;border-radius:99px;background:#0d2445;color:#fff;font-size:7px;font-weight:900;letter-spacing:.08em}
.service-demo-body{padding:16px}.service-demo-body h3{margin:0 0 7px;font-size:16px}.service-demo-body p{min-height:36px;margin:0 0 11px;font-size:8.8px;line-height:1.55;color:#6b7d92}
.service-demo-body small{display:flex;gap:6px;margin:0 0 12px;font-size:7.5px;line-height:1.45;color:#71849b}.service-demo-body .btn{width:100%;justify-content:center}

.completed-projects-section{background:#fff}
.completed-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;max-width:1080px;margin:28px auto 0}
.completed-project-card{overflow:hidden;border:1px solid #dce7f2;border-radius:20px;background:#fff;box-shadow:0 15px 36px rgba(20,66,118,.07)}
.completed-project-open{appearance:none;border:0;background:none;padding:0;width:100%;text-align:left;cursor:pointer;color:inherit}
.completed-project-open:disabled{cursor:default}
.completed-project-cover{position:relative;aspect-ratio:16/10;overflow:hidden;background:#eef4fa}
.completed-project-cover>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.completed-project-open:not(:disabled):hover .completed-project-cover>img{transform:scale(1.025)}
.completed-project-cover>span{position:absolute;left:11px;top:11px;padding:6px 9px;border-radius:99px;background:#0d2445;color:#fff;font-size:7px;font-weight:900}
.completed-project-cover>em{position:absolute;right:10px;bottom:10px;display:flex;gap:5px;align-items:center;padding:6px 8px;border-radius:99px;background:rgba(8,27,53,.84);color:#fff;font-size:7px;font-style:normal;font-weight:800}
.completed-project-copy{padding:15px}.completed-project-copy small{display:block;font-size:7px;font-weight:850;color:#7b8da2;text-transform:uppercase;letter-spacing:.08em}
.completed-project-copy h3{font-size:15px;margin:5px 0 6px}.completed-project-copy p{font-size:8.5px;line-height:1.55;color:#687b91;margin:0 0 8px}.completed-project-copy b{font-size:8px;color:#0b70f5}
.completed-project-live{display:block;margin:0 15px 15px;padding:9px 11px;border-radius:10px;background:#f0f6ff;color:#0b70f5;text-align:center;text-decoration:none;font-size:8px;font-weight:850}

body.gallery-open{overflow:hidden}
.project-gallery-modal[hidden]{display:none!important}.project-gallery-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px}
.project-gallery-backdrop{position:absolute;inset:0;background:rgba(5,17,34,.78);backdrop-filter:blur(6px)}
.project-gallery-dialog{position:relative;z-index:1;width:min(1000px,96vw);height:min(88vh,900px);display:flex;flex-direction:column;border-radius:20px;background:#0a1830;box-shadow:0 30px 90px rgba(0,0,0,.35);overflow:hidden}
.project-gallery-top{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.project-gallery-top strong{font-size:11px}.project-gallery-top button{width:34px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}
.project-gallery-stage{position:relative;flex:1;min-height:0;display:grid;place-items:center;background:#071225}
.project-gallery-image-wrap{width:100%;height:100%;display:grid;place-items:center;overflow:auto;padding:12px}.project-gallery-image-wrap img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px}
.gallery-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.88);color:#142d50;box-shadow:0 6px 18px rgba(0,0,0,.18);cursor:pointer}.gallery-arrow.prev{left:13px}.gallery-arrow.next{right:13px}
.project-gallery-bottom{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;color:#cad7e8}.project-gallery-bottom>span{font-size:8px}.project-gallery-bottom>div{display:flex;gap:5px}.project-gallery-bottom button{width:7px;height:7px;border:0;border-radius:50%;padding:0;background:#52647b}.project-gallery-bottom button.active{background:#fff}

@media(max-width:850px){.service-demo-grid,.completed-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 .service-demo-grid,.completed-project-grid{grid-template-columns:1fr;gap:10px}
 .service-demo-card,.completed-project-card{border-radius:16px}
 .service-demo-cover,.completed-project-cover{aspect-ratio:16/9}
 .service-demo-body,.completed-project-copy{padding:13px}
 .service-demo-body p{min-height:0}
 .project-gallery-modal{padding:0}.project-gallery-dialog{width:100vw;height:100dvh;max-height:none;border-radius:0}
 .gallery-arrow{width:34px;height:34px}.gallery-arrow.prev{left:8px}.gallery-arrow.next{right:8px}
 .project-gallery-image-wrap{padding:8px 4px}
}


/* =========================================================
   URUSLY THEME LOCK — BLUE ONLY
   Legacy per-solution accents are normalized to Urusly blue.
   ========================================================= */
.service-page{
  --service-blue:#0b70f5;
  --service-blue-2:#1488ff;
  --service-blue-dark:#0b2448;
  --service-blue-soft:#eaf4ff;
  --service-line:#dce7f2;
}

.landing-ui{
  background:linear-gradient(180deg,#fff,#f5faff)!important;
}
.landing-ribbon,
.landing-main button{
  background:linear-gradient(135deg,#1488ff,#005cf2)!important;
  color:#fff!important;
}
.landing-proof{
  border-color:#dce9f8!important;
}
.service-landing-page .website-cms-section{
  background:linear-gradient(180deg,#fff,#f7fbff)!important;
}
.service-landing-page .website-cms-card.featured{
  border-color:#a9cef8!important;
  box-shadow:0 20px 45px rgba(18,93,181,.11)!important;
}
.service-landing-page .website-cms-card.featured .cms-price,
.service-landing-page .website-cms-card.featured .cms-head>span{
  color:#0b70f5!important;
}
.service-landing-page .website-cms-card.featured .cms-head>span{
  background:#eaf4ff!important;
}

/* E-Commerce uses the Urusly blue theme */
.shop-hero{
  background:linear-gradient(135deg,#edf6ff,#f8fbff)!important;
}
.shop-hero small,
.shop-art,
.shop-products small{
  color:#0b70f5!important;
}
.ecommerce-cms-info-section{
  background:linear-gradient(180deg,#fff,#f7fbff)!important;
}
.ecommerce-cms-info-card{
  border-color:#dce7f2!important;
  box-shadow:0 16px 35px rgba(19,66,120,.06)!important;
}
.ecom-cms-badge,
.ecom-cms-icon{
  background:#eaf4ff!important;
  color:#0b70f5!important;
}
.service-domain-card.custom .service-domain-icon{
  background:#eaf4ff!important;
  color:#0b70f5!important;
}

/* =========================================================
   DARK BACKGROUND = WHITE TEXT
   No muted navy/grey text is allowed on dark sections.
   ========================================================= */
.service-examples,
.service-examples .section-head,
.service-examples .demo-card{
  color:#fff!important;
}
.service-examples h1,
.service-examples h2,
.service-examples h3,
.service-examples h4,
.service-examples b,
.service-examples strong,
.service-examples p,
.service-examples small,
.service-examples li,
.service-examples span:not(.service-example-icon){
  color:#fff!important;
}
.service-examples .section-head p,
.service-examples .demo-body p{
  color:#fff!important;
  opacity:.92;
}

/* Dark About section */
.service-about.about-dark,
.service-about.about-dark h1,
.service-about.about-dark h2,
.service-about.about-dark h3,
.service-about.about-dark h4,
.service-about.about-dark p,
.service-about.about-dark small,
.service-about.about-dark b,
.service-about.about-dark strong,
.service-about.about-dark li,
.service-about.about-dark span:not(.service-flow-card span){
  color:#fff!important;
}
.service-about .body-lg,
.service-flow-card p,
.service-flow-card em{
  color:#fff!important;
  opacity:.92;
}

/* Final dark showcase heading hook */
.service-examples.dark-copy .dark-section-title,
.service-examples.dark-copy .dark-section-subtitle{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
}
.service-examples.dark-copy .section-head h2,
.service-examples.dark-copy .section-head p{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
}


/* Final hero cleanup: no floating decorative text/cards behind mockups */
.hub-main-visual > .service-float,
.service-device > .service-float,
.product-showcase .float-card,
.product-showcase .scribble{
  display:none!important;
}

/* Keep mockup clean and centered after removing decorations */
.hub-main-browser,
.service-device,
.product-showcase .mockup{
  position:relative;
  z-index:2;
}


/* Quote-only pricing + Portal + CMS */
.hub-starts-from{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin:10px 0 12px;padding:8px 10px;border-radius:12px;background:#eef6ff;color:#0b2448}
.hub-starts-from small{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#60758e}
.hub-starts-from strong{font-size:16px;color:#0b70f5}
.hub-starts-from span{font-size:10px;color:#60758e}
.quote-only-label{display:inline-flex;align-items:center;justify-content:center;margin:7px 0 10px;padding:7px 11px;border-radius:999px;background:#eaf4ff;color:#0b70f5;font-size:12px;font-weight:900}
.system-starts-from{display:inline-flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:12px auto 20px;padding:10px 14px;border:1px solid #d8e8fb;border-radius:14px;background:#f7fbff}
.system-starts-from small{font-size:10px;font-weight:900;color:#63778e;letter-spacing:.06em}
.system-starts-from strong{font-size:20px;color:#0b70f5}
.system-starts-from span{font-size:11px;color:#63778e}

.portal-catalog-ui{overflow:hidden}
.portal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e6edf6;background:#fff}
.portal-head b{font-size:12px;color:#102846}.portal-head span{font-size:10px;color:#6d8095}.portal-head button{border:0;background:#0b70f5;color:#fff;padding:7px 10px;border-radius:9px;font-size:9px;font-weight:800}
.portal-hero{padding:20px 18px;background:linear-gradient(135deg,#edf6ff,#fff)}
.portal-hero small{font-size:9px;font-weight:900;color:#0b70f5;letter-spacing:.08em}.portal-hero strong{display:block;margin:5px 0;font-size:19px;line-height:1.15;color:#102846}.portal-hero p{margin:0;color:#667b92;font-size:10px}
.portal-catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;background:#fff}
.portal-catalog-grid article{padding:10px;border:1px solid #e2ebf5;border-radius:10px;background:#fbfdff}.portal-catalog-grid span{display:grid;place-items:center;width:100%;aspect-ratio:1.35;border-radius:8px;background:#eaf4ff;color:#0b70f5;font-weight:900}.portal-catalog-grid b{display:block;margin-top:7px;font-size:9px;color:#142a43}.portal-catalog-grid small{font-size:8px;color:#708297}
.portal-cms-bar{display:flex;gap:8px;align-items:center;margin:0 12px 12px;padding:9px 11px;border-radius:10px;background:#0b2448;color:#fff;font-size:9px;font-weight:800}
.portal-cms-section{background:#f7fbff}
.portal-cms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:900px;margin:22px auto}
.portal-cms-card{display:flex;align-items:center;gap:10px;padding:15px 16px;border:1px solid #dce8f5;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(18,52,90,.05)}
.portal-cms-card i{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#eaf4ff;color:#0b70f5}
.portal-cms-card span{font-size:13px;font-weight:750;color:#18314f}
.portal-use-note{display:flex;gap:12px;align-items:flex-start;max-width:900px;margin:14px auto 0;padding:16px 18px;border-radius:16px;background:#0b2448;color:#fff}
.portal-use-note>i{font-size:24px}.portal-use-note p{margin:0;color:#dce8f5}.portal-use-note strong{color:#fff}
@media(max-width:680px){
 .hub-starts-from{gap:4px;padding:7px 9px}.hub-starts-from strong{font-size:14px}.hub-starts-from span{width:100%}
 .portal-catalog-grid{grid-template-columns:repeat(3,1fr);gap:5px;padding:8px}.portal-catalog-grid article{padding:6px}.portal-catalog-grid b{font-size:7.5px}.portal-catalog-grid small{font-size:7px}
 .portal-cms-grid{grid-template-columns:1fr;gap:8px}.portal-cms-card{padding:12px 13px}.portal-cms-card span{font-size:11px}
 .portal-use-note{padding:13px 14px}.portal-use-note p{font-size:10.5px}
}