/* Web2LinkIndia / Web Designing — PAGE-SPECIFIC ONLY
   Uses existing style.css for header, footer, global typography and buttons.
   All classes scoped under .wd-page / .wd-*; NO header/footer styles. */
.wd-page{--wd-orange:#ff8000;--wd-blue:#1267f3;--wd-ink:#101b2d;--wd-muted:#51627b;color:var(--text,#475569);overflow:hidden}
.wd-page h1,.wd-page h2,.wd-page h3{color:var(--heading,#111827);letter-spacing:-.035em}
.wd-page p{margin:0;line-height:1.7}
.wd-page .wd-section{padding:clamp(52px,5.3vw,76px) 0}
.wd-page .wd-kicker{display:inline-flex;align-items:center;gap:10px;font:700 13px/1.3 var(--font-head,Poppins,sans-serif);text-transform:uppercase;letter-spacing:.075em;color:#e66e00;margin-bottom:12px}
.wd-page .wd-kicker:before{content:"";width:22px;height:2px;background:currentColor}
.wd-page h2{font-size:clamp(28px,3.1vw,39px);font-weight:800;line-height:1.18;margin:0 0 16px}
.wd-page h3{font-size:19px;line-height:1.3;font-weight:700;margin:0 0 7px}
.wd-page .wd-section-head{margin-bottom:28px}
.wd-page .wd-section-head p{max-width:680px}
.wd-page .wd-centered{text-align:center}
.wd-page .wd-centered p{margin:auto}
/* Hero */
.wd-hero{isolation:isolate;position:relative;background:radial-gradient(ellipse at 82% 22%,#fff0df,transparent 48%),linear-gradient(120deg,#f1f7fe 0%,#fff 43%,#fffaf4 100%);padding:22px 0 0}
.wd-orb{position:absolute;z-index:-1;pointer-events:none;border-radius:38%;opacity:.45}
.wd-orb-one{width:200px;height:200px;left:-110px;top:110px;background:#d9eaff;transform:rotate(32deg)}
.wd-orb-two{width:150px;height:150px;right:-75px;top:55px;background:#ffe3c2;transform:rotate(20deg)}
.wd-breadcrumb ol{display:flex;align-items:center;flex-wrap:wrap;gap:0;list-style:none;padding:0;margin:0 0 24px;font-size:13px;color:#617086}
.wd-breadcrumb li+li:before{content:"/";color:#a0b0c2;margin:0 9px}
.wd-breadcrumb a{color:#34548f}
.wd-breadcrumb a:hover{color:var(--wd-orange)}
.wd-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:#3e526d;margin-bottom:18px}
.wd-eyebrow span{background:var(--wd-orange);width:8px;height:8px;border-radius:50%}
.wd-page .wd-hero h1{font-size:clamp(46px,5.2vw,72px);font-weight:800;line-height:1.02;margin-bottom:20px;letter-spacing:-.05em}
.wd-page .wd-hero h1 span{display:block;color:var(--wd-orange)}
.wd-page .wd-lead{font-size:clamp(16px,1.3vw,19px);max-width:490px;line-height:1.67;color:#43546a;margin-bottom:24px}
.wd-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.wd-actions .btn{min-height:48px;white-space:nowrap}
.wd-actions .btn-outline-soft i{color:var(--wd-orange)}
.wd-hero-art{max-width:670px;position:relative;margin:0 auto;filter:drop-shadow(0 18px 20px rgba(22,38,63,.11))}
.wd-hero-art img{display:block;width:100%;height:auto;mix-blend-mode:multiply;border-radius:18px 18px 0 0}
.wd-art-deco{position:absolute;right:6%;top:0;z-index:1;width:44px;height:44px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#ffa542,#f07800);border-radius:13px;box-shadow:0 12px 22px #fa8c003b;transform:rotate(13deg);font-size:21px}
.wd-hero-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:0;list-style:none;padding:14px 0 15px;margin:18px 0 0;border-top:1px solid #e8edf3;background:#ffffffcf;border-radius:16px 16px 0 0}
.wd-hero-trust li{display:flex;align-items:center;justify-content:center;gap:11px;color:#273954;font-size:14px;font-weight:600;padding:7px 16px;border-right:1px solid #dfe6f1}
.wd-hero-trust li:last-child{border-right:0}
.wd-hero-trust i{font-size:24px;color:#ff7a00}
/* What we offer */
.wd-offer{background:white}
.wd-offer p{color:#50627b;max-width:520px}
.wd-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.wd-feature{min-height:133px;border:1px solid #e8edf4;background:linear-gradient(115deg,#fff,#fcfdff);border-radius:17px;padding:19px;display:flex;align-items:flex-start;gap:15px;box-shadow:0 8px 26px rgba(30,43,66,.047);transition:transform .25s,border-color .25s,box-shadow .25s}
.wd-feature:hover{transform:translateY(-4px);border-color:#ffcea0;box-shadow:0 16px 30px #0e1a3014}
.wd-feature h3{font-size:17px}
.wd-feature p{font-size:14px;line-height:1.55;color:#54657d}
.wd-feature-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:13px;font-size:23px}
.wd-ic-orange{color:#fa7c00;background:#fff0e2}.wd-ic-blue{color:#1670ee;background:#eaf3ff}.wd-ic-pink{color:#ee4da3;background:#fff0f9}.wd-ic-amber{color:#d47700;background:#fff4de}
/* Tools */
.wd-tools{background:linear-gradient(180deg,#fffbf7,#f6f9fe);border-radius:26px}
.wd-tools-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}
.wd-tool{border:1px solid #e8edf5;background:#fff;min-width:0;text-align:center;border-radius:16px;min-height:142px;padding:22px 12px 18px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;box-shadow:0 6px 18px #233c5508}
.wd-tool-symbol{display:grid;place-items:center;width:46px;height:46px;margin-bottom:3px;border-radius:10px;font:800 25px/1 Poppins,sans-serif}
.wd-html{background:#fff0e6;color:#e45125}.wd-css{background:#eaf4ff;color:#1685df}.wd-js{background:#ffe85b;color:#2a2a21;font-size:21px}.wd-bs{background:#efe4ff;color:#7434bb}.wd-fig{background:#f4edff;color:#ad42bc;font-size:26px}.wd-ps{background:#061b38;color:#46b6ff;font-size:22px}
.wd-tool strong{font-family:var(--font-head,Poppins,sans-serif);color:#18223a;font-size:15px;line-height:1.2;white-space:nowrap}
.wd-tool small{font-size:12px;line-height:1.4;color:#64728a}
/* Process */
.wd-process{background:white}
.wd-process-grid{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative}
.wd-process-grid:before{content:"";height:1px;position:absolute;top:22px;left:10%;right:10%;border-top:2px dotted #ffb674}
.wd-process-grid li{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:0 18px 0 0;margin-right:18px}
.wd-process-grid li+li{padding-left:17px;border-left:1px solid #e2e8f0}
.wd-step-no{display:grid;place-items:center;width:44px;height:44px;color:#fff;background:linear-gradient(145deg,#ffaf27,#fb7400);border:4px solid #fff;border-radius:50%;font-weight:800;font-size:13px;box-shadow:0 5px 14px #ff8a0034;margin-bottom:21px;z-index:1}
.wd-process-grid li:nth-child(even) .wd-step-no{background:linear-gradient(145deg,#4496ff,#1267f3);box-shadow:0 5px 14px #1267f335}
.wd-process-grid li>i{font-size:30px;color:#ff7d00;margin-bottom:12px}
.wd-process-grid li:nth-child(even)>i{color:#1670ee}
.wd-process-grid h3{font-size:15px;line-height:1.35;letter-spacing:-.01em;margin-bottom:8px}
.wd-process-grid p{font-size:14px;color:#52637b;line-height:1.55}
/* why */
.wd-why{background:#f9fbfd}
.wd-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:22px}
.wd-why-card{min-width:0;background:#fff;border:1px solid #e9eef4;border-radius:17px;padding:19px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 7px 22px #1e31420a}
.wd-why-icon{flex:0 0 42px;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:22px}
.wd-why-card h3{font-size:15px;margin-bottom:7px}
.wd-why-card p{font-size:13px;line-height:1.55;color:#59677a}
/* CTA */
.wd-last-cta{position:relative;overflow:hidden;background:radial-gradient(circle at 0% 100%,#ffd59e 0%,transparent 32%),radial-gradient(circle at 100% 0%,#ffe8d2,transparent 33%),linear-gradient(110deg,#fff5e9,#fff);padding:33px 0 36px;border-top:1px solid #ffe3c4}
.wd-cta-cube{position:absolute;right:-24px;top:-30px;width:100px;height:100px;border:20px solid #ffb258;border-radius:23px;transform:rotate(25deg);opacity:.5}
.wd-cta-row{display:flex;gap:24px;align-items:center;justify-content:space-between;position:relative;z-index:1}
.wd-cta-row .wd-kicker{margin-bottom:7px;font-size:12px}
.wd-cta-row .wd-kicker:before{display:none}
.wd-page .wd-cta-row h2{font-size:clamp(24px,2.8vw,32px);margin-bottom:7px}
.wd-cta-row p{font-size:15px}
.wd-cta-row .btn{flex-shrink:0}
/* Respect styles outside of main; mobile layout adjustments are page-scoped. */
@media(max-width:1199.98px){.wd-feature{padding:16px}.wd-why-card{flex-direction:column}.wd-why-grid{gap:12px}.wd-tools-grid{gap:10px}}
@media(max-width:991.98px){.wd-hero{padding-top:24px}.wd-hero-art{max-width:710px}.wd-page .wd-hero h1 span{display:inline}.wd-page .wd-hero h1{max-width:650px}.wd-hero-trust{grid-template-columns:repeat(2,minmax(0,1fr))}.wd-hero-trust li:nth-child(2){border-right:0}.wd-hero-trust li:nth-child(-n+2){border-bottom:1px solid #e5ebf3}.wd-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wd-process-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 12px}.wd-process-grid:before{display:none}.wd-process-grid li+li{border-left:0;padding-left:0}.wd-process-grid li{padding:0;margin:0}.wd-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wd-why-card{flex-direction:row}}
@media(max-width:767.98px){.wd-page .wd-section{padding:48px 0}.wd-page .wd-hero h1{font-size:clamp(38px,8vw,54px)}.wd-page .wd-lead{font-size:16px}.wd-breadcrumb ol{margin-bottom:19px}.wd-feature-grid{grid-template-columns:1fr}.wd-feature{min-height:0}.wd-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wd-page .wd-section-head{margin-bottom:22px}.wd-cta-row{flex-direction:column;align-items:flex-start}.wd-cta-row .btn{width:auto}}
@media(max-width:575.98px){.wd-actions{gap:10px}.wd-actions .btn{width:100%}.wd-page .wd-hero h1{font-size:clamp(34px,9vw,43px)}.wd-art-deco{display:none}.wd-hero-trust{margin-top:8px;padding:7px 0}.wd-hero-trust li{justify-content:flex-start;font-size:12px;padding:12px 9px;gap:6px}.wd-hero-trust i{font-size:20px}.wd-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wd-tool{min-height:124px;padding:14px 8px}.wd-process-grid{grid-template-columns:1fr;gap:16px;margin-top:20px}.wd-process-grid li{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 13px;padding:0 0 13px!important;border-bottom:1px solid #e6ebf2}.wd-step-no{grid-column:1;grid-row:1 / 3;margin:0}.wd-process-grid li>i{display:none}.wd-process-grid h3{grid-column:2;grid-row:1;font-size:16px}.wd-process-grid p{grid-column:2;grid-row:2}.wd-why-grid{grid-template-columns:1fr}.wd-why-card{padding:16px}.wd-page .wd-cta-row h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.wd-feature{transition:none}}
