@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#101c2e;--blue:#1d5ad7;--lime:#c9f36a;--muted:#778295;--line:#e5eaf0;--paper:#f6f8fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100% - 1180px)/2),5.5%);background:white;position:sticky;top:0;z-index:5;border-bottom:1px solid #edf0f4}.brand{display:flex;align-items:center;gap:10px;font:800 17px Manrope,sans-serif;letter-spacing:.04em}.brand small{display:block;color:var(--muted);font:500 10px 'DM Sans';letter-spacing:.08em;margin-top:3px}.brand-mark{width:37px;height:37px;display:grid;place-items:center;background:var(--ink);color:var(--lime);font:800 20px Manrope;border-radius:11px}.header nav{display:flex;gap:32px;align-items:center;font-size:12px;font-weight:600}.header nav a:hover,.text-link:hover{color:var(--blue)}.nav-cta{background:var(--blue);color:white!important;padding:13px 18px;border-radius:6px}.menu-toggle{display:none;background:none;border:0;font-size:24px}.hero{min-height:558px;display:grid;grid-template-columns:1fr 1fr;background:#f4f7fb;padding:66px max(calc((100% - 1180px)/2),5.5%);overflow:hidden}.hero-content{position:relative;z-index:1;padding:8px 0 0}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:700;color:var(--blue);margin:0 0 25px}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4cbd86;margin-right:7px}.slides{min-height:340px;position:relative}.slide{position:absolute;inset:0;opacity:0;transform:translateY(9px);transition:opacity .45s,transform .45s;pointer-events:none}.slide.active{opacity:1;transform:none;pointer-events:auto}.kicker{font-weight:700;font-size:12px;color:var(--blue);margin:5px 0 14px}.slide h1{font:700 clamp(38px,4.3vw,57px)/1.12 Manrope,sans-serif;letter-spacing:-.055em;max-width:560px;margin:0 0 17px}.slide h1 em,h2 em{font-style:normal;color:var(--blue)}.slide>p:not(.kicker){color:#667386;max-width:460px;font-size:15px;line-height:1.7;margin-bottom:26px}.button{display:inline-flex;align-items:center;gap:24px;background:var(--blue);color:#fff;padding:15px 19px;border:0;border-radius:5px;font:700 12px 'DM Sans';cursor:pointer}.button b{font-size:18px}.slide-controls{display:flex;align-items:center;gap:14px;position:absolute;bottom:2px}.slide-controls>button{width:34px;height:34px;border:1px solid #dce2ea;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}.slide-controls>span{font-size:12px;font-weight:700;margin-left:13px}.slide-controls small{font-weight:500;color:var(--muted)}.dots{display:flex;gap:6px}.dot{width:7px;height:7px;border-radius:10px;border:0;background:#c5ccd7;padding:0;cursor:pointer}.dot.selected{width:22px;background:var(--blue)}.hero-art{position:relative;display:grid;place-items:center;min-height:420px}.orbit{position:absolute;border:1px solid #dce4ef;border-radius:50%;width:500px;height:500px}.orbit-two{width:390px;height:390px;border-style:dashed}.screen{width:min(430px,90%);height:286px;background:#fff;position:relative;z-index:1;box-shadow:0 30px 75px #172c4a21;border-radius:11px;transform:rotate(-3deg);overflow:hidden}.screen-bar{height:32px;background:#f0f3f7;display:flex;align-items:center;gap:5px;padding:0 12px}.screen-bar i,.mock-browser i{height:6px;width:6px;border-radius:50%;background:#c2c9d4}.screen-bar span{margin:auto;font-size:8px;color:#8390a0;background:white;padding:4px 45px;border-radius:9px}.screen-body{padding:17px 22px;position:relative;height:254px;overflow:hidden}.screen-nav{display:flex;justify-content:space-between;font-size:7px;color:#788497}.screen-nav b{color:var(--ink);font-size:8px}.screen-copy{position:relative;z-index:2;margin:37px 0}.screen-copy small{display:block;color:var(--blue);font-size:6px;letter-spacing:.12em}.screen-copy>b{display:block;font:800 23px/1.1 Manrope;margin:9px 0}.screen-copy>i{display:block;height:4px;width:85px;background:#e7ebf1;margin:5px 0}.screen-copy button{margin-top:14px;border:0;background:var(--blue);color:white;font-size:6px;padding:8px 11px}.screen-blob{position:absolute;background:#d9e7fa;width:195px;height:210px;border-radius:52% 48% 20% 40%;right:-15px;bottom:-34px;transform:rotate(-20deg)}.glass-card{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;background:#fff;padding:13px 17px;border-radius:8px;box-shadow:0 10px 36px #172c4a1b}.card-top{top:79px;right:1px}.card-bottom{bottom:64px;left:8px}.glass-card strong,.glass-card small{display:block}.glass-card strong{font-size:10px}.glass-card small{font-size:8px;color:var(--muted);margin-top:4px}.mini-icon,.check{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#eaf1ff;color:var(--blue);font-weight:800}.check{background:#e6f8ea;color:#2f9c60}.sparkle{position:absolute;right:30px;bottom:56px;color:var(--blue);font-size:26px}.trust-strip{height:70px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;gap:46px;font-size:9px;letter-spacing:.13em}.trust-strip b{color:var(--lime);font-size:15px}.section{padding:100px max(calc((100% - 1180px)/2),5.5%)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.section h2,.hosting h2,.audience h2,.request h2,.closing h2{font:700 clamp(32px,3.5vw,45px)/1.18 Manrope;letter-spacing:-.045em;margin:0}.intro>div:nth-child(2)>p{color:#6d7989;font-size:14px;line-height:1.85;margin:0 0 17px}.text-link{font-size:12px;color:var(--blue);font-weight:700}.text-link span{margin-left:10px}.services{background:var(--paper)}.section-heading,.hosting-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading .eyebrow,.hosting .eyebrow,.projects .eyebrow{margin-bottom:17px}.section-heading>p,.hosting-head>p{max-width:340px;color:#778295;line-height:1.75;font-size:13px;margin:0 0 4px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{background:white;border:1px solid var(--line);padding:27px 25px;min-height:290px}.primary-card{background:var(--ink);color:white;border-color:var(--ink)}.service-num{font-size:9px;letter-spacing:.13em;color:#8b97a8}.primary-card .service-num{color:#bec8d5}.service-icon{font-size:25px;color:var(--blue);margin:25px 0 12px}.primary-card .service-icon{color:var(--lime)}.service-card h3{font:700 19px/1.35 Manrope;margin:0 0 11px}.service-card p{font-size:12px;line-height:1.75;color:#7a8595;max-width:280px}.primary-card p{color:#b6c0cf}.service-card>a{display:inline-block;margin-top:11px;color:var(--blue);font-weight:700;font-size:11px}.primary-card>a{color:var(--lime)}.service-card>a b{margin-left:7px}.hosting{background:#fff}.hosting-head{margin-bottom:33px}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.plan{border:1px solid var(--line);padding:22px 19px 17px;border-radius:4px}.plan:nth-child(2){border-color:var(--blue);box-shadow:0 9px 28px #1d5ad71b}.plan-top{display:flex;justify-content:space-between;align-items:center}.plan-top>span{font:700 14px Manrope}.plan-top>b{font-size:8px;letter-spacing:.08em;color:var(--blue);background:#eaf1ff;padding:6px 7px}.plan>p{font-size:11px;color:#7d8898;margin:12px 0 20px}.plan>strong{font:700 22px Manrope}.plan>strong small{font:500 10px 'DM Sans';color:#828da0}.monthly{font-size:10px;color:#718095;margin-top:5px}.plan-note{margin-top:24px;padding-top:14px;border-top:1px solid var(--line);font-size:9px;color:#7d8898;min-height:43px}.plan-link{display:flex;justify-content:space-between;margin-top:8px;color:var(--blue);font-size:10px;font-weight:700}.fine-print{font-size:10px;line-height:1.7;color:#8a95a4;margin-top:20px}.projects{background:var(--paper)}.tag{font-size:8px;letter-spacing:.1em;color:var(--blue);border:1px solid #cbd8ee;padding:9px 12px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-visual{height:265px;display:grid;place-items:center;position:relative;overflow:hidden;background:#dfeafa}.project-visual>span{position:absolute;top:16px;left:17px;font-size:8px;letter-spacing:.1em;color:#61718a}.visual-two{background:#e6e9f1}.mock-browser{width:62%;height:170px;background:#fff;box-shadow:0 17px 33px #283d5b1e;position:relative;padding:24px;border-radius:6px;transform:rotate(-4deg)}.mock-browser i{display:inline-block;margin-right:4px;background:#bacbe3}.mock-browser b{display:block;font:800 27px/1.1 Manrope;letter-spacing:-.04em;margin-top:25px;color:#294269}.mock-two{transform:rotate(3deg);background:#142b48}.mock-two b{color:white}.project-caption{display:flex;flex-direction:column;gap:7px;margin-top:13px}.project-caption span{font-size:9px;font-weight:700;letter-spacing:.08em}.project-caption small{font-size:10px;color:#8490a0}.projects>.fine-print{margin-top:16px}.audience{padding:75px max(calc((100% - 1180px)/2),5.5%);background:#fff;display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center}.audience .eyebrow{margin-bottom:17px}.pills{display:flex;flex-wrap:wrap;gap:9px}.pills span{padding:10px 13px;border:1px solid var(--line);border-radius:30px;font-size:10px;color:#526174}.request{background:#f4f7fb;display:grid;grid-template-columns:.85fr 1.15fr;gap:75px}.request-copy>p:not(.eyebrow){font-size:13px;color:#788497;line-height:1.8;max-width:370px;margin:20px 0 30px}.contact-card{display:flex;flex-direction:column;gap:7px;margin:19px 0}.contact-card>span{font-size:8px;letter-spacing:.12em;color:#8490a0}.contact-card>a,.contact-card>b{font-size:12px;font-weight:700}.contact-card>a{color:var(--blue)}.contact-card>b{line-height:1.7}.request-form{background:#fff;padding:31px 33px;box-shadow:0 16px 40px #142c4c0c}.request-form h3{font:700 22px Manrope;margin:0}.request-form>p{color:#8290a1;font-size:11px;margin:7px 0 23px}.request-form label,.admin-box label{display:block;font-size:10px;font-weight:700;color:#465366;margin:0 0 15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.request-form input,.request-form textarea,.request-form select,.admin-box input,.status-form select{display:block;width:100%;font:400 12px 'DM Sans';margin-top:8px;padding:12px;border:1px solid #dfe5ec;border-radius:3px;background:#fff;color:var(--ink);outline:none}.request-form input:focus,.request-form textarea:focus,.request-form select:focus{border-color:var(--blue)}.request-form textarea{resize:vertical}.form-submit{width:100%;justify-content:space-between}.form-note{display:block;font-size:9px;color:#8b95a3;margin-top:13px;line-height:1.6}.hp{position:absolute;left:-10000px}.alert{padding:11px;margin:12px 0;font-size:11px}.success{background:#eaf8ed;color:#276e3b}.error{background:#fff0ee;color:#a12c21}.closing{position:relative;overflow:hidden;background:var(--ink);color:white;text-align:center;padding:80px 20px}.closing>span{display:block;font-size:9px;color:var(--lime);letter-spacing:.17em;margin-bottom:18px}.closing h2{margin:0 auto 27px}.closing h2 em{color:var(--lime)}.button-light{background:var(--lime);color:var(--ink);position:relative;z-index:1}.closing-orb{position:absolute;width:270px;height:270px;border:1px solid #ffffff12;border-radius:50%;left:calc(50% - 135px);top:15px}footer{display:flex;align-items:center;justify-content:space-between;padding:27px max(calc((100% - 1180px)/2),5.5%);gap:20px}footer>span{font-size:9px;color:#7b8797}.admin-page{background:var(--paper);min-height:100vh;display:grid;place-items:center;padding:25px}.admin-box{background:white;padding:35px;width:min(460px,100%);box-shadow:0 14px 45px #102b4c12}.admin-box h1{font:700 25px Manrope;margin:28px 0 8px}.admin-box>p{font-size:12px;color:#758194;line-height:1.7;margin-bottom:22px}.admin-box .button{width:100%;justify-content:center;margin:5px 0 17px}.admin-box>.text-link{display:block;text-align:center}.admin-dash{background:var(--paper)}.admin-main{max-width:1100px;margin:50px auto;padding:0 25px}.admin-main h1{font:700 36px Manrope;margin:0}.admin-main>p:not(.eyebrow){color:#7d8795;font-size:13px}.enquiry{background:#fff;border:1px solid var(--line);padding:24px;margin:16px 0}.enquiry-head{display:flex;justify-content:space-between}.enquiry h2{font:700 17px Manrope;margin:10px 0}.enquiry p{font-size:12px;line-height:1.7;color:#546174;white-space:normal}.enquiry-head small{font-size:10px;color:#8390a0}.status-form{display:flex;gap:12px;align-items:end}.status-form label{font-size:10px}.status-form select{width:150px}.status-form .button{padding:12px 16px}@media(max-width:850px){.header{padding:0 5%;height:72px}.header nav{gap:17px}.header nav a{font-size:10px}.hero{padding:55px 6%;grid-template-columns:1fr 0.85fr}.hero-art{transform:scale(.87)}.section{padding:75px 6%}.trust-strip{gap:18px;font-size:7px}.plan-grid{grid-template-columns:1fr 1fr}.request{gap:35px}.audience{padding:65px 6%;gap:35px}}@media(max-width:620px){.header nav{display:none;position:absolute;top:71px;left:0;right:0;padding:18px 6%;background:white;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:18px}.header nav.open{display:flex}.header nav a{font-size:13px}.menu-toggle{display:block}.hero{display:block;padding:47px 7% 32px}.hero-content{padding:0}.slides{min-height:370px}.slide h1{font-size:41px}.hero-art{min-height:320px;transform:scale(.86);margin:-15px -20px -20px}.card-top{right:-4px;top:34px}.card-bottom{bottom:42px}.trust-strip{height:auto;min-height:63px;flex-wrap:wrap;gap:8px 13px;padding:13px 7%;font-size:7px;justify-content:center}.trust-strip b{display:none}.section{padding:66px 7%}.intro,.audience,.request{grid-template-columns:1fr;gap:24px}.section-heading,.hosting-head{align-items:start;flex-direction:column;gap:15px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0}.service-icon{margin-top:18px}.plan-grid{gap:9px}.plan{padding:17px 13px}.plan>strong{font-size:19px}.plan-note{font-size:8px}.project-grid{grid-template-columns:1fr}.project-visual{height:220px}.mock-browser{height:145px}.audience{padding:58px 7%}.request{gap:30px}.request-form{padding:25px 18px}.form-row{grid-template-columns:1fr;gap:0}.closing{padding:68px 17px}footer{padding:23px 7%;align-items:flex-start;flex-direction:column;gap:13px}.admin-main{margin:35px auto;padding:0 14px}.enquiry{padding:17px}.enquiry-head{gap:10px;flex-direction:column}.status-form{align-items:start;flex-direction:column}.admin-box{padding:27px 21px}}
/* Full-bleed desktop hero; content grid remains centered within the viewport. */
@media(min-width:900px){.hero{width:100%;min-height:700px;max-height:700px;padding-left:max(calc((100% - 1180px)/2),5.5%);padding-right:max(calc((100% - 1180px)/2),5.5%);background-color:#f4f7fb;background-size:cover;background-position:center}.hero-content,.hero-art{min-width:0}.hero-art{min-height:620px}}
.header nav{gap:clamp(9px,1.35vw,22px)}.header nav a{white-space:nowrap}.header nav a[aria-current="page"]:not(.nav-cta){color:var(--blue)}
.inner-page{min-height:65vh}.inner-hero{padding:85px max(calc((100% - 1180px)/2),5.5%);background:#f4f7fb;min-height:330px}.inner-hero h1{font:700 clamp(38px,5vw,60px)/1.12 Manrope;letter-spacing:-.055em;margin:0 0 18px}.inner-hero h1 em{font-style:normal;color:var(--blue)}.inner-hero>p:not(.eyebrow){color:#687587;max-width:580px;line-height:1.75;font-size:14px;margin-bottom:23px}.inner-content{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.inner-content>div:nth-child(2)>p{font-size:13px;line-height:1.9;color:#657286;margin-top:0;margin-bottom:20px}.feature-list{padding-left:18px;color:#657286;font-size:13px;line-height:2.3;margin:8px 0 25px}.whatsapp-button{background:#168b56;margin:10px 0 12px}.whatsapp-button:hover{background:#0c7143}.menu-toggle{flex:none}
@media(max-width:1100px){.header nav{display:none;position:absolute;top:71px;left:0;right:0;padding:18px 6%;background:white;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;box-shadow:0 12px 22px #132c4b12}.header nav.open{display:flex}.header nav a{font-size:13px;padding:13px 4px;border-bottom:1px solid #eef1f5}.header nav .nav-cta{margin:10px 0;text-align:center;padding:13px}.menu-toggle{display:block}}
@media(max-width:850px){.inner-hero{padding:67px 6%}.inner-content{gap:35px}}
@media(max-width:620px){.hero{width:100%;background-size:cover;background-position:center}.inner-hero{padding:56px 7%;min-height:285px}.inner-content{grid-template-columns:1fr;gap:20px}.inner-hero h1{font-size:40px}}
.admin-nav{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:600}.admin-nav a:hover{color:var(--blue)}.admin-notice{padding:14px 16px;background:#eaf7ef;border:1px solid #ccebd6;border-radius:7px;margin:18px 0;color:#17613a}.menu-list,.menu-add{margin-top:28px}.menu-list h2,.menu-add h2{font:700 20px Manrope,sans-serif}.menu-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:8px;margin:9px 0}.menu-row-title{display:grid;gap:5px}.menu-row-title small{color:var(--muted);font-size:12px}.menu-actions{display:flex;align-items:center;gap:7px}.menu-actions form{margin:0}.button-light{background:#edf2f8;color:var(--ink);padding:10px 13px;gap:4px}.button-light:disabled{opacity:.4;cursor:default}.button-danger{background:#fff0ef;color:#a02c24;padding:10px 12px;gap:4px}.menu-edit{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px;align-items:end;margin-top:18px}.menu-edit label{display:grid;gap:6px;font-size:12px;font-weight:600}.menu-edit input,.menu-edit select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:5px;padding:9px 10px;font:14px 'DM Sans',Arial}.menu-row details{position:relative}.menu-row details[open] .menu-edit{position:absolute;right:0;top:38px;z-index:8;width:min(380px,80vw);grid-template-columns:1fr;background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;box-shadow:0 15px 40px #172c4a20}.menu-add .menu-edit{max-width:900px}.admin-main>h1{font:700 clamp(32px,4vw,46px) Manrope,sans-serif;margin-bottom:8px}.admin-main>p{color:var(--muted)}
@media(max-width:760px){.menu-row{align-items:flex-start;flex-direction:column}.menu-actions{flex-wrap:wrap}.menu-edit{grid-template-columns:1fr}.admin-nav{gap:10px;font-size:11px}.admin-nav .nav-cta{padding:11px 12px}}