/* WALASPRO Agency V1.1.0 — Digital Service Gateway */
:root{--navy:#142037;--ink:#17253c;--muted:#677387;--blue:#b58b46;--blue2:#8c6a32;--cyan:#ead19b;--line:#e7e2d9;--light:#faf8f3;--softblue:#f6f1e8;--shadow:0 13px 37px rgba(19,32,53,.09);--radius:18px}
body{background:#fff;color:#17253c}.top-bar{background:#0e1a2d}.topbar-slogan span{color:#e9ca88}.site-header{background:rgba(255,255,255,.98);border-bottom:1px solid #eee8de}.brand-copy strong span{color:#bd9653}.nav-list .current-menu-item>a:after{background:#bd9653}.nav-list a:hover,.nav-list a:focus-visible{color:#986f32}.btn-primary{background:linear-gradient(120deg,#dfc38b,#b9904d);border-color:#b9904d;color:#1c2739;box-shadow:0 8px 22px rgba(161,121,54,.16)}.btn-primary:hover{background:linear-gradient(120deg,#edd19c,#c8a05d);color:#111c2d;box-shadow:0 12px 26px rgba(161,121,54,.23)}.btn-outline{border-color:#d8c5a4;color:#755629;background:#fff}.btn-outline:hover{background:#f9f3e7;color:#6a5027}.btn-dark{background:#17263f;color:#fff;white-space:nowrap}.btn-dark:hover{background:#293d5e;color:#fff}.eyebrow,.section-heading .eyebrow{color:#ad8043}.section-heading h2,.feature-copy h2{color:#182943}.text-link,.circle-arrow{color:#9b763d}.feature-panel .check-list svg,.check-list svg{color:#a77b3e}.site-footer{background:#101d32;color:#c6cfdd}.site-footer a{color:#d2d9e4}.site-footer a:hover{color:#e4c78c}.site-footer .brand-copy strong{color:#fff}.site-footer .brand-copy small{color:#c2cee0}.site-footer .brand-copy strong span{color:#dfba77}.site-footer h3{color:#fff}.footer-bottom{border-top-color:#2d3d58}.mobile-toggle{background:#f6efdf;color:#76552d}

/* Luxury gateway hero */
.hub-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 90% 12%,rgba(227,207,167,.3),transparent 44%),linear-gradient(125deg,#fdfcf9 0%,#f6f5f1 63%,#eff1f5 100%);border-bottom:1px solid #eee8dc}
.hub-hero:before{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(179,143,82,.14);border-radius:46%;top:-230px;right:-120px;transform:rotate(28deg);z-index:-1}
.hub-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding:67px 0 55px;min-height:535px}
.hub-hero-copy{position:relative;z-index:2}.hub-kicker{display:inline-flex;align-items:center;gap:8px;color:#8b6738;font-size:10px;font-weight:850;letter-spacing:1.8px;background:#fff;padding:9px 13px;border:1px solid #e7d9bc;border-radius:30px}
.hub-hero h1{max-width:620px;font-weight:850;letter-spacing:-2px;line-height:1.12;font-size:clamp(37px,4vw,57px);color:#121f34;margin:23px 0 17px}.hub-hero-copy>p{font-size:16px;color:#59657a;max-width:560px;line-height:1.77;margin:0 0 25px}
.hub-actions{display:flex;gap:13px;flex-wrap:wrap}.hub-points{display:flex;gap:22px 25px;flex-wrap:wrap;margin-top:36px}.hub-points span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#445168}.hub-points svg{color:#b18a4c}
.hub-hero-visual{min-width:0;position:relative}.hero-showcase{position:relative;padding:16px 0}.hero-showcase:before{content:"";position:absolute;inset:12% 8%;background:radial-gradient(ellipse,#dfe7ef 0%,transparent 70%);filter:blur(12px);z-index:-1}.hero-showcase>img{width:115%;max-width:none;margin-left:-4%;object-fit:contain;display:block;mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 91%,transparent 100%);mix-blend-mode:multiply;filter:saturate(.74) hue-rotate(-2deg)}.hero-floating-chip{position:absolute;display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.97);border:1px solid #e9e2d6;box-shadow:0 8px 24px rgba(26,40,60,.13);font-size:12px;font-weight:800;color:#1b2b45;padding:10px 14px;border-radius:12px}.hero-floating-chip svg{color:#b58b46}.chip-one{top:8%;left:4%}.chip-two{right:-2%;bottom:11%}
/* Service gateway */
.hub-services{background:#f9f7f1;padding:66px 0 70px}.hub-section-head{text-align:center;max-width:750px;margin:0 auto 30px}.hub-section-head h2{color:#132239;letter-spacing:-1.1px;font-size:clamp(27px,3vw,39px);line-height:1.19;margin:7px 0 10px}.hub-section-head p{color:#6b7586;font-size:14px;line-height:1.72;margin:0}.gateway-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gateway-card{display:flex;flex-direction:column;align-items:flex-start;min-height:305px;background:#fff;border:1px solid #e9e3d9;border-radius:19px;box-shadow:0 9px 29px rgba(24,36,52,.055);padding:25px 25px 22px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.gateway-card:after{content:"";width:115px;height:115px;background:linear-gradient(130deg,rgba(230,204,153,.16),transparent);position:absolute;right:-40px;top:-40px;border-radius:50%;pointer-events:none}.gateway-card:hover,.gateway-card:focus-visible{transform:translateY(-6px);box-shadow:0 17px 38px rgba(23,35,53,.12);border-color:#d2b47b;color:#17253c}.gateway-top{display:flex;width:100%;justify-content:space-between;align-items:center}.gateway-symbol{display:grid;place-items:center;width:61px;height:61px;color:#b78a48;background:linear-gradient(145deg,#fdf6e6,#f5e9d3);border:1px solid #f0e0c4;border-radius:15px}.gateway-index{font-size:34px;font-weight:850;line-height:1;color:#ede7da;letter-spacing:-2px}.gateway-category{margin-top:17px;margin-bottom:4px;text-transform:uppercase;font-size:10px;letter-spacing:1.3px;color:#987544;font-weight:800}.gateway-card strong{font-size:19px;color:#14233c;letter-spacing:-.5px;line-height:1.32;font-weight:850}.gateway-desc{font-size:13px;color:#69768a;line-height:1.6;margin-top:11px}.gateway-link{margin-top:auto;padding-top:18px;display:flex;align-items:center;gap:8px;color:#98703b;font-size:12px;font-weight:850}.gateway-card:hover .gateway-link{gap:13px}.hub-assist-bar{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:28px;padding:20px 27px;border:1px solid #e5d8c5;border-radius:15px;background:#fff}.hub-assist-bar b,.hub-assist-bar span{display:block}.hub-assist-bar b{font-size:15px;color:#17263c}.hub-assist-bar span{font-size:12px;color:#6a788a;margin-top:3px}
/* Platform choice */
.hub-platform{padding:69px 0;background:#fff}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.platform-card{padding:30px 32px;display:flex;flex-direction:column;border-radius:20px;border:1px solid #e7e8ed;background:#f9fafc;transition:transform .2s,box-shadow .2s}.platform-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(22,36,55,.09);color:inherit}.platform-card.blogger-platform{background:linear-gradient(140deg,#fff9f2,#fafafa);border-color:#f1dfcc}.platform-card.wordpress-platform{background:linear-gradient(140deg,#f0f5fc,#fafbfc);border-color:#dfe8f3}.platform-number{font-size:10px;letter-spacing:1.6px;font-weight:900;color:#8e734d}.platform-graphic{display:flex;align-items:center;gap:20px;min-height:116px;color:#8998ac}.platform-b-icon,.platform-w-icon{font-weight:900;font-size:41px;display:grid;place-items:center;width:70px;height:70px;color:#fff;background:#e17c2c;border-radius:18px;box-shadow:0 8px 20px rgba(213,109,36,.2)}.platform-w-icon{background:#1d6096;border-radius:50%;font-family:Georgia,serif}.platform-mini-site{display:grid;gap:6px;width:100px;padding:14px 12px;background:white;border:1px solid #dfdce2;border-radius:9px;box-shadow:0 7px 20px #ddd}.platform-mini-site span{height:10px;background:#dbe4ee;border-radius:4px}.platform-mini-site span:nth-child(2){width:70%;background:#cba665}.platform-card h3{margin:0 0 9px;color:#182841;font-size:23px;letter-spacing:-.6px}.platform-card p{margin:0;color:#637186;font-size:14px;line-height:1.7}.platform-link{font-size:13px;color:#866431;font-weight:850;display:inline-flex;align-items:center;gap:7px;margin-top:18px}
/* Web pro showcase */
.hub-spotlight{padding:66px 0;background:linear-gradient(125deg,#14223b,#243b59);color:#fff}.spotlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.spotlight-copy h2,.engineering-copy h2{font-size:clamp(26px,3vw,38px);letter-spacing:-1px;line-height:1.18;margin:5px 0 17px}.spotlight-copy p,.engineering-copy p{color:#d4dfef;font-size:14px;line-height:1.78;margin:0 0 17px}.spotlight-copy .eyebrow,.hub-engineering .eyebrow{color:#e8c989}.spotlight-copy .check-list{padding:0;list-style:none}.spotlight-copy .check-list li{color:#e6edf7}.spotlight-copy .check-list svg{color:#e7c689}
.spotlight-preview{min-width:0}.preview-browser{overflow:hidden;border:7px solid #fff;background:#fff;color:#142039;border-radius:17px;box-shadow:0 22px 55px rgba(0,0,0,.23)}.preview-chrome{display:flex;justify-content:space-between;padding:7px 13px;color:#c6cad2;background:#f0f3f6;font-size:9px;letter-spacing:3px}.preview-chrome span{letter-spacing:1px;color:#8695a8}.preview-content{padding:14px 20px 24px}.preview-mini-nav{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8ebf1;padding-bottom:12px;font-size:12px}.preview-mini-nav small{font-size:9px;color:#647388}.preview-mini-head{display:flex;align-items:center;gap:10px;padding:30px 10px}.preview-mini-head>div:first-child{flex:1}.preview-mini-head small{font-size:9px;color:#b38a4c;font-weight:850}.preview-mini-head h3{font-size:22px;line-height:1.2;margin:8px 0;color:#15253e}.preview-mini-head p{font-size:10px;line-height:1.6;color:#728199}.preview-mini-head i{display:inline-block;background:#e8ce92;border-radius:6px;font-size:10px;font-style:normal;padding:8px 10px;font-weight:750;margin-top:10px}.preview-shape{display:grid;place-items:center;background:linear-gradient(135deg,#314c73,#122741);border-radius:18px;width:38%;min-height:155px;color:#e7cc8d}.preview-mini-cards{display:flex;gap:10px}.preview-mini-cards span{flex:1;height:37px;border-radius:7px;background:#eef1f6}
/* Blogger made fresh */
.hub-blogger{background:#fff9f1;padding:72px 0}.blogger-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.blogger-feature-icon{min-height:290px;display:grid;place-items:center;position:relative}.blogger-feature-icon:before{content:"";position:absolute;width:75%;height:92%;background:radial-gradient(ellipse,#ffe2c1,transparent 70%)}.blogger-window{position:relative;display:block;width:min(100%,430px);padding:0 0 25px;background:white;border-radius:14px;border:1px solid #e8e2dc;box-shadow:0 27px 48px rgba(86,58,31,.15);overflow:hidden;transform:rotate(-2deg)}.window-toolbar{display:block;background:#f3eae1;padding:12px 17px;font-size:12px;color:#d9bfa3;letter-spacing:4px}.blogger-letter{width:75px;height:75px;background:#e9782a;color:#fff;border-radius:20px;display:grid;place-items:center;font-weight:900;font-size:45px;margin:18px}.window-text{height:13px;background:#dee3e9;border-radius:20px;display:block;margin:13px 18px;width:76%}.window-text.shorter{width:57%}.window-blocks{display:flex;gap:10px;margin:25px 18px 0}.window-blocks i{height:55px;flex:1;background:#f4ecdf;border-radius:9px}.window-blocks i:nth-child(2){background:#e7edf5}.blogger-feature-badge{position:absolute;bottom:11px;right:4%;border:1px solid #f0cfac;background:#fff;box-shadow:0 9px 22px rgba(113,67,25,.11);padding:12px 18px;color:#bd6e2e;font-weight:800;font-size:12px;border-radius:12px}.hub-blogger .feature-copy p{font-size:14px}
/* engineering and domain */
.hub-engineering{background:#18263c;padding:78px 0;color:#fff}.engineering-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.engineering-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 25px}.engineering-tags span{font-size:11px;font-weight:750;padding:7px 11px;border-radius:7px;color:#f0d7a7;background:rgba(234,205,150,.11);border:1px solid rgba(234,205,150,.25)}.code-preview{background:#0b172a;border:1px solid #41546d;box-shadow:0 25px 46px rgba(0,0,0,.2);border-radius:16px;padding:0 0 22px;overflow:hidden}.code-preview-top{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid #31445b;color:#94a4ba;font-size:10px}.code-preview-top>span:first-child{color:#dab477;letter-spacing:4px}.code-preview-top b{color:#acb9ce;font-weight:600}.code-line{display:flex;align-items:center;gap:23px;padding:7px 27px;font-family:ui-monospace,Consolas,monospace;font-size:13px;color:#c1d4ed}.code-line:first-of-type{margin-top:15px}.code-line i{color:#61708a;font-style:normal}.code-line em{color:#78b9ff;font-style:normal}.code-line strong{color:#a5d8b7}.code-line .c-gold{color:#e1bd7a}
.hub-domain{background:#f7f5ef;padding:72px 0}.domain-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.domain-symbol{width:230px;height:230px;margin:auto;display:grid;place-items:center;border:3px solid #d2ae70;border-radius:50%;color:#c19a5c;background:linear-gradient(140deg,#fff,#ece5d8);box-shadow:0 15px 50px rgba(61,56,45,.12);position:relative}.domain-float{position:absolute;box-shadow:0 7px 18px rgba(31,44,61,.13);background:#fff;padding:8px 14px;border:1px solid #e4ddce;border-radius:10px;font-size:14px;font-weight:850;color:#162940}.float-a{top:4px;right:-34px}.float-b{left:-36px;bottom:45px}.float-c{right:-41px;bottom:21px}.hub-domain .feature-copy p{font-size:14px}.hub-domain .engineering-tags span{color:#876332;background:#fff;border:1px solid #e9d8bc}
/* Existing sections: warmer palette */
.migration-panel{background:linear-gradient(100deg,#f6f5f2,#eeece6 75%,#e7e9ee)}.template-panel{background:linear-gradient(100deg,#fff,#faf5ec)}.portfolio-section{background:#fff}.process-section{background:#faf8f4}.pricing-section{background:#f5f5f2}.values-section{background:#f7f5f0}.package-card.featured{border-color:#cba86c}.popular-tag{background:#bd9654}.package-btn.btn-primary{background:#c8a368}.values-section .icon-round{background:#f5e9d0;color:#9f773b}.contact-callout{background:linear-gradient(125deg,#10213b,#263e59)}
@media(max-width:1024px){.hub-hero-grid{min-height:450px}.hub-hero h1{font-size:42px}.hub-points{gap:13px}.gateway-card{padding:20px;min-height:320px}.gateway-card strong{font-size:17px}.blogger-feature-grid,.engineering-grid,.domain-grid{gap:35px}}
@media(max-width:820px){.hub-hero-grid{grid-template-columns:1fr;padding:47px 0 26px;min-height:0}.hub-hero-visual{max-width:690px;margin:auto}.hub-hero h1{max-width:680px}.gateway-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-assist-bar{align-items:flex-start}.spotlight-grid,.blogger-feature-grid,.engineering-grid,.domain-grid{grid-template-columns:1fr;gap:35px}.spotlight-preview{max-width:650px}.hub-blogger .blogger-feature-icon{order:2}.hub-blogger .feature-copy{order:1}.hub-domain .domain-symbol{order:2}.hub-domain .feature-copy{order:1}}
@media(max-width:600px){.hub-hero-grid{padding:36px 0 25px;gap:10px}.hub-hero h1{font-size:clamp(34px,9vw,45px);letter-spacing:-1.55px}.hub-hero-copy>p{font-size:14px}.hub-actions .btn{min-height:47px;font-size:12px}.hub-points{margin-top:23px;gap:10px 15px}.hub-points span{font-size:11px}.hub-hero-visual{width:100%;max-width:none}.hero-showcase>img{width:120%;margin-left:-8%}.hero-floating-chip{font-size:10px;padding:8px}.chip-one{left:0}.chip-two{right:0}.hub-services,.hub-platform,.hub-spotlight,.hub-blogger,.hub-engineering,.hub-domain{padding:43px 0}.hub-section-head{margin-bottom:20px}.hub-section-head h2{font-size:27px}.hub-section-head p{font-size:12px}.gateway-grid{gap:12px}.gateway-card{min-height:280px;padding:16px 13px;border-radius:14px}.gateway-symbol{width:43px;height:43px}.gateway-symbol svg{width:23px}.gateway-index{font-size:27px}.gateway-category{font-size:9px;margin-top:16px}.gateway-card strong{font-size:14px;line-height:1.35}.gateway-desc{font-size:11px;line-height:1.5;margin-top:8px}.gateway-link{font-size:10px;padding-top:14px}.hub-assist-bar{flex-direction:column;padding:17px;gap:15px}.hub-assist-bar .btn{font-size:11px;white-space:normal;text-align:center;width:100%}.platform-grid{grid-template-columns:1fr;gap:12px}.platform-card{padding:22px}.platform-card h3{font-size:20px}.platform-card p{font-size:12px}.platform-graphic{min-height:95px}.platform-b-icon,.platform-w-icon{width:53px;height:53px;font-size:30px}.spotlight-copy h2,.engineering-copy h2{font-size:28px}.spotlight-copy p,.engineering-copy p{font-size:12px}.preview-mini-head{padding:22px 5px}.preview-mini-head h3{font-size:17px}.preview-shape{min-height:120px}.blogger-feature-icon{min-height:250px}.blogger-window{max-width:350px}.hub-domain .domain-symbol{width:185px;height:185px}.code-line{padding:6px 12px;font-size:10px;gap:12px}.code-preview-top{font-size:9px}.engineering-tags span{font-size:10px}}