@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:#102f3d;--muted:#63747b;--green:#55e2a4;--line:#dce5e4;--paper:#f6f9f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:white;font:15px/1.7 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}h1,h2,h3,h4{font-family:Manrope,sans-serif;line-height:1.18;margin:0 0 20px;letter-spacing:-.045em}p{color:var(--muted);margin:0 0 22px}h1{font-size:68px;font-weight:600}h2{font-size:43px;font-weight:600}h3{font-size:23px;font-weight:600}h4{font-size:15px;letter-spacing:0}header,.topbar,.hero,.section,.journey,footer,.cta,.pagehero,.channelbar{padding-left:max(6vw,calc((100vw - 1280px)/2));padding-right:max(6vw,calc((100vw - 1280px)/2))}.topbar{background:var(--ink);color:#e4edea;font-size:11px;padding-top:8px;padding-bottom:8px;display:flex;justify-content:space-between;letter-spacing:.03em}header{height:94px;display:flex;align-items:center;gap:42px;border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:10}.brand{font-weight:800;font-size:27px;letter-spacing:-1px;display:inline-flex;align-items:center}.brand span{color:#22ad83}.brand img{width:180px;max-height:62px;object-fit:contain}header nav{display:flex;gap:30px;margin-left:auto;font-size:13px;font-weight:600;align-items:center}.navservices{position:relative}.navservices summary{cursor:pointer;list-style:none}.navservices>div{position:absolute;top:35px;background:white;box-shadow:0 12px 40px #16332b22;padding:20px;min-width:235px;border:1px solid var(--line)}.navservices a{display:block;padding:7px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:25px;background:var(--ink);color:white;padding:15px 23px;border:0;border-radius:5px;font-size:13px;font-weight:600;cursor:pointer;transition:.2s}.btn:hover{background:#1a6558;transform:translateY(-2px)}.small{padding:11px 18px}.menu{display:none}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;padding-top:85px;padding-bottom:70px;background:linear-gradient(110deg,#fff 45%,#edf7f2)}.eyebrow{display:block;font-size:10px;letter-spacing:.17em;font-weight:700;margin-bottom:25px}.eyebrow i,.art-foot i{display:inline-block;width:7px;height:7px;background:#25b480;border-radius:50%;margin-right:7px}.hero h1{font-size:clamp(50px,5.4vw,77px);line-height:1.08;letter-spacing:-.06em;margin-bottom:26px}.hero em{font-style:normal;color:#16856b}.herocopy>p{max-width:460px;font-size:16px;line-height:1.8}.actions{display:flex;align-items:center;gap:26px;margin-top:32px}.textlink{font-size:13px;font-weight:700;border-bottom:1px solid #a6b7b4;padding-bottom:5px}.hero-tags{display:flex;gap:20px;margin-top:42px;font-size:11px;color:#71807d}.hero-tags span:before{content:'✓';margin-right:8px;color:#178b6c}.hero-art{position:relative;min-height:470px;isolation:isolate}.orbit{border:1px solid #cdded5;border-radius:50%;position:absolute;z-index:-1;left:0;top:15px;width:450px;height:450px}.o2{width:350px;height:350px;top:65px;left:50px}.art-label{position:absolute;top:0;right:0;font-size:9px;letter-spacing:.17em;color:#78928a}.bubble{position:absolute;border-radius:13px;box-shadow:0 22px 55px #18473115}.green{top:52px;left:5px;width:300px;background:#c1f3d9;padding:27px;transform:rotate(-5deg);border:1px solid #a2dbbc}.green>span{font-size:8px;letter-spacing:.13em}.green h3{font-size:33px;margin-top:27px}.green p{font-size:12px;color:#326455;margin-bottom:25px}.green small{font-size:10px}.notification{top:220px;right:-15px;background:#fff;display:flex;align-items:center;padding:19px;gap:14px;width:300px;transform:rotate(4deg);z-index:2;border:1px solid #e1eae5}.notification b{font-size:13px}.notification p{font-size:11px;margin:2px 0}.icon{background:#e5f6ef;padding:8px 13px;border-radius:10px;font-size:21px}.tick{font-size:11px;color:#26ac80;margin-left:auto}.call{left:57px;bottom:26px;background:var(--ink);color:white;padding:23px 27px;display:flex;align-items:center;gap:20px;transform:rotate(-3deg);width:315px}.call small{font-size:8px;letter-spacing:.14em;color:#8bd2bd}.call h3{font-size:23px;margin:10px 0 0}.phone{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:var(--green);color:var(--ink);font-size:24px}.art-foot{position:absolute;bottom:-12px;right:10px;font-size:9px;letter-spacing:.03em}.channelbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:25px;padding-bottom:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.channelbar>span{font-size:9px;letter-spacing:.12em;max-width:180px}.channelbar b{font-size:17px;font-weight:500}.section{padding-top:90px;padding-bottom:90px}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:42px}.sectionhead p{max-width:300px;font-size:14px}.servicegrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{padding:32px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);transition:.2s}.service:hover{background:#edf8f2}.num{font-size:10px;color:#83948c;display:block;margin-bottom:35px}.service h3{font-size:21px;display:flex;justify-content:space-between;gap:12px}.service h3 b{font-weight:400}.service p{font-size:13px;min-height:68px}.learn{font-size:11px;font-weight:700}.journey{padding-top:80px;padding-bottom:80px;background:#eef4f1;display:grid;grid-template-columns:1fr 1fr;gap:100px}.journey>div>p{max-width:360px;font-size:14px}.steps article{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid #cbdad2}.steps article>span{font-size:12px;color:#258569}.steps h3{font-size:22px;margin-bottom:10px}.steps p{font-size:13px;margin:0}.industrylist{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:42px}.industrylist a{border-top:1px solid #adbfba;padding:22px 0;font-size:17px}.industrylist span{float:right}.cta{background:#c1f3d9;padding-top:60px;padding-bottom:60px;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{font-size:39px;margin-bottom:0}.white{background:white;color:var(--ink)}footer{background:#102f3d;color:#d6e6e4;padding-top:65px;padding-bottom:25px}.footgrid{display:grid;grid-template-columns:1.4fr 1.2fr 1fr 1.2fr;gap:45px}.footgrid p{font-size:12px;color:#9bb4b8;margin-top:20px}.footgrid a:not(.brand){display:block;font-size:12px;margin:9px 0;color:#b8cdce}.copyright{border-top:1px solid #2e4a55;margin-top:45px;padding-top:22px;font-size:10px;color:#91aaae;display:flex;justify-content:space-between}.floating{position:fixed;bottom:22px;right:25px;z-index:20;background:#0f7357;color:white;padding:11px 17px;border-radius:30px;box-shadow:0 5px 20px #1234;font-size:12px}.pagehero{padding-top:75px;padding-bottom:75px;background:#eef6f1}.pagehero h1{max-width:900px;font-size:60px}.pagehero p{max-width:650px;font-size:18px}.crumb{display:block;font-size:11px;color:#668077;margin-bottom:35px}.compact{padding-bottom:50px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.large{font-size:22px}.featurelist article{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.featurelist h3{font-size:20px;margin:0}.featurelist article>span{color:#15946c}.usecases{background:var(--paper)}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px}.three article{border-top:1px solid #b9cbc2;padding-top:25px}.three article>span{font-size:12px;color:#28846d;display:block;margin-bottom:25px}.three h3{font-size:23px}.three p{font-size:14px}.three h2{font-size:28px}.notice{padding:22px;background:#f1f5f2;border-left:3px solid #34ac82;font-size:13px;margin:40px 0 0}.faq{background:#f6f9f7}.faq details{padding:23px 0;border-bottom:1px solid var(--line)}.faq summary{font-size:18px;cursor:pointer}.faq details p{max-width:800px;margin:20px 0 0}.contactgrid{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.contactitem{padding:20px 0;border-bottom:1px solid var(--line)}.contactitem small{font-size:9px;letter-spacing:.13em;display:block;margin-bottom:12px}.contactitem a{font-size:20px}.contactitem p{font-size:16px;margin:0}form{background:#f3f7f4;padding:35px;border:1px solid var(--line);border-radius:8px}form h3{margin-bottom:10px}form p{font-size:12px}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:12px;margin:0 0 17px;font-weight:600}input,select,textarea{width:100%;padding:12px;border:1px solid #c8d7d0;border-radius:4px;background:white;margin-top:6px;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:2px solid #35b48c;outline-offset:1px}.consent{display:flex;align-items:start;gap:10px;font-size:11px;font-weight:400}.consent input{width:auto}.consent a{text-decoration:underline}#formstatus{margin-top:15px;margin-bottom:0}.legal{max-width:1050px;margin:auto}.legal h2{font-size:25px;margin-top:35px}.legal p{font-size:16px}
@media(min-width:1600px){.hero-art{max-width:510px}}@media(max-width:1000px){header{gap:20px}header nav{gap:18px}.hero{gap:15px}.hero-art{transform:scale(.85);transform-origin:left center}.hero h1{font-size:57px}.actions{gap:15px}.btn{padding:13px 16px}.journey{gap:45px}.service{padding:24px}.footgrid{gap:25px}.contactgrid{gap:35px}}
@media(max-width:760px){.topbar{font-size:9px}.topbar>a{font-size:0}.topbar>a:after{content:'Call us ↗';font-size:10px}header{height:75px;justify-content:space-between}.brand img{width:145px}header>.btn{display:none}.menu{display:block;background:none;border:0;font-size:23px;color:var(--ink)}header nav{display:none;position:absolute;top:75px;left:0;right:0;background:white;padding:25px;box-shadow:0 20px 25px #1232}header nav.open{display:flex;flex-direction:column;align-items:start}.navservices>div{position:static;box-shadow:none;border:0;padding:10px}.hero{grid-template-columns:1fr;padding-top:50px;padding-bottom:35px}.hero h1{font-size:54px}.hero p{font-size:15px}.hero-art{transform:none;max-width:430px;width:100%;margin:30px auto 0;min-height:440px}.green{width:260px;left:5px}.green h3{font-size:30px}.notification{right:0;top:205px;width:270px}.call{left:25px;width:285px;bottom:20px}.orbit{width:330px;height:330px;left:0;top:40px}.o2{width:260px;height:260px;left:35px;top:75px}.art-label{top:3px}.art-foot{bottom:0}.hero-tags{margin-top:25px}.channelbar{flex-wrap:wrap;gap:15px}.channelbar>span{width:100%;max-width:none}.channelbar b{font-size:12px}.section{padding-top:55px;padding-bottom:55px}.sectionhead{display:block;margin-bottom:30px}.sectionhead p{max-width:100%}h2{font-size:33px}.servicegrid{grid-template-columns:1fr}.service{padding:26px}.num{margin-bottom:18px}.service p{min-height:0}.journey{grid-template-columns:1fr;gap:20px;padding-top:55px;padding-bottom:55px}.industrylist{grid-template-columns:1fr 1fr;gap:12px}.cta{display:block;padding-top:45px;padding-bottom:45px}.cta h2{font-size:31px;margin-bottom:28px}.footgrid{grid-template-columns:1fr 1fr;gap:35px 25px}.copyright span{display:none}.pagehero{padding-top:50px;padding-bottom:45px}.pagehero h1{font-size:44px}.pagehero p{font-size:16px}.split,.contactgrid{grid-template-columns:1fr;gap:30px}.three{grid-template-columns:1fr}.contactgrid form{padding:22px}.formrow{grid-template-columns:1fr;gap:0}.floating span{display:none}.floating{right:15px;bottom:15px;font-size:20px;padding:7px 15px}.eyebrow{font-size:9px}.actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
/* Refined visual system */
:root{--ink:#102d49;--green:#6ce6b4;--muted:#657889}
.topbar{background:#09243c}.brand img{width:190px}header{position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(16px)}
.hero{background:radial-gradient(ellipse at 75% 30%,#1a665c55,transparent 55%),linear-gradient(120deg,#0b243c,#123b50);color:white;padding-top:95px;padding-bottom:90px;position:relative;overflow:hidden;gap:35px}
.hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#c7f5e11c 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}
.hero h1{font-size:clamp(50px,5.25vw,75px);font-weight:600;line-height:1.13;position:relative}.hero em{color:#7be8ba}.hero .eyebrow{color:#b4d5d6;letter-spacing:.13em}.hero .eyebrow i{background:#79edba;box-shadow:0 0 15px #79edba}
.herocopy>p{color:#b8ccd6;max-width:450px}.hero .btn{background:#78e5b7;color:#0b2b40;box-shadow:0 8px 30px #0002}.hero .btn:hover{background:#a6f3d2}.hero .textlink{color:#e2ecee;border-color:#66858e}.hero-tags{color:#afc8d2;gap:25px}.hero-tags span:before{color:#7ce6bc}
.hero-art{min-height:470px;transform:none;display:flex;align-items:center;justify-content:center}.glow{position:absolute;width:350px;height:350px;border-radius:50%;background:#48c79329;filter:blur(65px);top:40px;left:70px}
.dashboard{width:470px;background:#fff;color:#17394a;border:1px solid #fff7;border-radius:15px;overflow:hidden;box-shadow:0 35px 80px #0005;transform:perspective(1200px) rotateY(-8deg) rotateX(4deg);position:relative}
.dashbar{padding:19px 22px;border-bottom:1px solid #e2ece8;display:flex;align-items:center;justify-content:space-between;background:#fcfefd}.dashbrand{font-size:20px;font-weight:800;letter-spacing:-1px}.dashbrand>span{color:#24a77e}.demo-label{font-size:7px;letter-spacing:.12em;background:#eff5f2;border:1px solid #e3ece7;padding:4px 7px;color:#6c827c;border-radius:4px}.dashbody{display:flex}.dashbody aside{width:57px;background:#f5f9f7;border-right:1px solid #e1ece6;display:flex;align-items:center;flex-direction:column;gap:26px;padding:22px 0;color:#81988d}.dashbody aside b{color:#18a277;background:#d9f4e8;width:30px;height:30px;text-align:center;line-height:30px;border-radius:7px}
.dashcontent{padding:25px 24px 30px;flex:1}.dashhead{display:flex;justify-content:space-between;gap:10px}.dashhead small{font-size:7px;letter-spacing:.1em;color:#7d9188}.dashhead h3{font-size:18px;letter-spacing:-.04em;margin:6px 0 23px}.live-dot{color:#20b57e;font-size:10px}.channel-tabs{display:flex;gap:22px;font-size:9px;color:#82918d;border-bottom:1px solid #e1eae5;padding-bottom:10px}.channel-tabs .active{color:#159568;font-weight:700;position:relative}.channel-tabs .active:after{content:'';position:absolute;height:2px;left:0;right:0;bottom:-11px;background:#20a87a}
.message-row{display:flex;gap:10px;align-items:center;margin:19px 0}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#e4ebff;color:#6475a0;font-size:11px}.message-row b{font-size:10px;display:block}.message-row small{font-size:8px;display:block;color:#87958f}.time{font-size:8px;color:#81948d;margin-left:auto}.chat-message{margin-left:30px;background:#edf6f1;border-radius:0 10px 10px 10px;padding:15px;font-size:10px}.chat-message p{font-size:9px;line-height:1.6;margin:5px 0 12px;color:#71877b}.chat-message>span{display:block;padding-top:8px;border-top:1px solid #d5e8dd;color:#199369;text-align:center;font-size:9px;font-weight:700}.reply{font-size:10px;background:#143e53;color:#fff;border-radius:10px 0 10px 10px;margin:13px 0 25px 70px;padding:11px}.reply small{float:right;color:#7fe4bb;font-size:8px}.workflow{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:8px}.workflow>span{padding:5px 8px;background:#f1f5f3;border-radius:4px;color:#7b8f85}.workflow .active{color:#168959;background:#dff5e9}.workflow i{font-style:normal;color:#afbbb5}
.float-note{position:absolute;display:flex;align-items:center;gap:12px;padding:15px 19px;background:white;border-radius:11px;box-shadow:0 20px 35px #0003;color:#153a4a;z-index:3}.float-note b{display:block;font-size:11px}.float-note small{display:block;font-size:9px;color:#85958b;margin-top:3px}.note-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#def7e9;color:#169464;font-size:20px}.note-one{top:12px;right:-7px;transform:rotate(3deg)}.note-two{bottom:0;left:-32px;transform:rotate(-4deg)}.note-two .note-icon{background:#e8effb;color:#346eac}.visual-caption{position:absolute;bottom:-45px;right:20px;color:#83a9b3;font-size:8px;letter-spacing:.18em}
.channelbar{background:#f3f8f5;border:0;padding-top:29px;padding-bottom:29px}.channelbar b{font-weight:700;color:#49676c}.channelbar>span{color:#648178}
.servicegrid{gap:20px;border:0}.service{border:1px solid #e0e9e8;border-radius:13px;padding:31px;position:relative;overflow:hidden;background:linear-gradient(155deg,#fff,#f8fbfa);box-shadow:0 4px 15px #153f3604}.service:before{content:'✦';position:absolute;right:26px;top:25px;color:#288675;background:#e4f5ed;border:1px solid #d9eee2;width:43px;height:43px;display:grid;place-items:center;border-radius:12px;font-size:24px}.service:nth-child(2):before{content:'▤';background:#eaf1ff;color:#3874a8}.service:nth-child(3):before{content:'‹/›';font-size:16px;background:#eeecfc;color:#8270b6}.service:nth-child(4):before{content:'▧';background:#e4f6f5;color:#2b9b94}.service:nth-child(5):before{content:'☎';background:#fff1e3;color:#b88138}.service:nth-child(6):before{content:'◖))';font-size:18px;background:#f9e9ed;color:#b76981}.num{margin-bottom:40px}.service:hover{transform:translateY(-6px);box-shadow:0 15px 35px #133e3011;border-color:#79c5a5;background:#fff}.service p{min-height:88px}.learn{display:inline-block;color:#168a69;margin-top:6px}
.journey{background:#102f49;color:white;position:relative}.journey .eyebrow{color:#81d9b8}.journey p{color:#adc5d0}.journey .textlink{color:#8ce8c3}.steps article{border-color:#325368}.steps article>span{color:#7de3b6;background:#21485b;border-radius:50%;min-width:40px;height:40px;display:grid;place-items:center}.steps h3{color:white}
.industrylist a{background:#f1f7f4;padding:30px 20px;border:1px solid #dfebe5;border-radius:9px;font-weight:600}.industrylist a:hover{background:#dcf3e6}.cta{background:radial-gradient(ellipse at 10% 110%,#9ee7c5,transparent 70%),#c8f5df}.cta .eyebrow{color:#338268}.cta .btn{border-radius:6px;box-shadow:0 8px 25px #174c3410}
.pagehero{background:radial-gradient(ellipse at 95% 20%,#c9eddf,transparent 55%),#eff7f3;position:relative;overflow:hidden}.pagehero:after{content:'';position:absolute;right:-80px;top:-180px;width:520px;height:520px;border:1px solid #a9d5c355;box-shadow:0 0 0 60px #b7ddca22,0 0 0 120px #bbdfcd11;border-radius:50%;pointer-events:none}.pagehero h1{position:relative;z-index:1;font-weight:600;max-width:850px}.pagehero .btn{position:relative;z-index:1;background:#123f53}.pagehero>.eyebrow{color:#218268}.featurelist article{background:#f6faf8;border:1px solid #e4eee8;border-radius:9px;padding:24px;margin-bottom:12px}.featurelist article>span{background:#daf2e5;border-radius:50%;width:27px;min-width:27px;height:27px;text-align:center}.featurelist h3{font-size:18px;line-height:1.5}.three article{border:1px solid #dde8e3;border-radius:10px;padding:28px;background:#fff}.three article>span{display:grid;place-items:center;width:33px;height:33px;background:#e6f5ed;border-radius:8px}.faq details{background:white;padding:22px 26px;border:1px solid #e0ebe5;border-radius:8px;margin-bottom:12px}.faq summary{font-size:16px;font-weight:600}.contactgrid form{background:white;box-shadow:0 15px 60px #123b4210;border:1px solid #dfe9e5;border-radius:14px}.contactitem a{font-size:19px}.floating{background:#158d63;border:3px solid #d6f7e6}
@media(max-width:1000px) and (min-width:761px){.hero-art{transform:scale(.83);transform-origin:center center}.hero{gap:0}.hero h1{font-size:58px}.note-two{left:-5px}.service{padding:25px}.service h3{font-size:18px}}
@media(max-width:760px){header{position:sticky}.hero{padding-top:50px;padding-bottom:70px;gap:35px}.hero h1{font-size:51px;line-height:1.14}.hero-art{min-height:410px;margin-top:10px;width:100%;max-width:430px}.dashboard{width:100%;transform:none}.dashbar{padding:15px}.dashcontent{padding:19px 17px 24px}.dashbody aside{width:42px;gap:25px}.demo-label{font-size:6px}.dashhead h3{font-size:16px}.note-one{right:-8px;top:-14px;padding:10px 13px}.note-one b{font-size:9px}.note-one small{font-size:8px}.note-one .note-icon{width:25px;height:25px;font-size:16px}.note-two{left:0;bottom:-15px;padding:12px 16px}.visual-caption{bottom:-42px;font-size:7px;right:0}.hero-tags{gap:20px}.servicegrid{gap:15px}.service p{min-height:0}.industrylist a{font-size:14px;padding:25px 15px}.pagehero h1{font-size:40px}.three article{padding:23px}.faq summary{font-size:15px}.cta h2{font-size:31px}}
/* Enquiry forms and conversion-focused service cards */
header{height:103px;gap:25px}.brand{flex-shrink:0;min-width:230px}.brand img{width:230px;max-height:80px;object-fit:contain;display:block}header nav{gap:27px}.header-wa{background:#147b56;color:#fff;font-size:12px}.header-wa:hover{background:#0e6646}
.service{display:flex;flex-direction:column;padding:29px 27px;background:#fff;box-shadow:0 8px 28px #1a514109;border-radius:16px;border-color:#e0eae5;transition:transform .2s,box-shadow .2s}.service:before{display:none}.service-top{display:flex;align-items:center;gap:12px;margin-bottom:28px}.service-icon{background:#e4f6ed;color:#178f68;border-radius:13px;height:49px;min-width:49px;display:grid;place-items:center;font-size:25px}.service-category{font-size:8px;letter-spacing:.1em;font-weight:700;color:#7a8f86}.service:nth-child(2) .service-icon{background:#e6efff;color:#3271b6}.service:nth-child(3) .service-icon{background:#eeebff;color:#7760b7;font-size:18px}.service:nth-child(4) .service-icon{background:#dff4f4;color:#248d8b}.service:nth-child(5) .service-icon{background:#fff0df;color:#b48030}.service:nth-child(6) .service-icon{background:#fbe8ef;color:#b16684;font-size:20px}.service h3{font-size:22px;margin-bottom:15px}.service p{font-size:13px;min-height:90px;line-height:1.8;margin-bottom:20px}.service-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:25px}.service-tags span{border:1px solid #e2eae6;border-radius:5px;padding:4px 8px;font-size:9px;color:#6d8478;background:#f8fbf9}.service-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #e7eeea;padding-top:18px;margin-top:auto}.service-actions .learn{margin:0;font-size:10px}.card-wa{color:#127d50;font-size:10px;background:#e6f7ed;padding:7px 10px;border-radius:6px;font-weight:700}.card-wa:hover{background:#c9eed8}.service:hover{border-color:#91d1b4;transform:translateY(-5px);box-shadow:0 18px 40px #164e3512}
.page-enquiry{display:grid;grid-template-columns:1fr 1.08fr;gap:90px;background:radial-gradient(ellipse at 0 100%,#d7f1e3,transparent 65%),#f2f8f5;align-items:center}.enquiry-intro h2{font-size:43px}.enquiry-intro>p{max-width:400px;font-size:15px}.enquiry-benefits{display:grid;gap:12px;color:#2b7961;font-size:13px;margin:30px 0 35px}.enquiry-direct{border-top:1px solid #cbded3;padding-top:25px}.enquiry-direct small{display:block;font-size:9px;letter-spacing:.11em;color:#718a7d;margin-bottom:10px}.enquiry-direct>a{display:block;font-size:22px;font-weight:600}.enquiry-direct .inline-wa{font-size:13px;color:#14895e;margin-top:15px}
.enquiry-form{position:relative;padding:32px;background:#fff;border-radius:17px;box-shadow:0 18px 55px #174c3610;border:1px solid #d9e7de}.enquiry-form:before{content:'';position:absolute;height:4px;left:30px;right:30px;top:0;background:linear-gradient(90deg,#54d39c,#197c8d);border-radius:0 0 6px 6px}.form-kicker{display:block;font-size:9px;letter-spacing:.14em;color:#138458;font-weight:700;margin:5px 0 12px}.enquiry-form h3{font-size:26px;margin-bottom:9px}.enquiry-form>p{font-size:12px}.enquiry-form label{font-size:11px;color:#3d5b4d}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{background:#fcfefd;border:1px solid #d5e2da;border-radius:6px;padding:10px 12px;font-size:13px}.enquiry-form input::placeholder,.enquiry-form textarea::placeholder{color:#93a39a;font-size:12px}.enquiry-form label.consent{font-size:10px;font-weight:400;line-height:1.7}.enquiry-form .consent input{margin-top:3px}.wa-submit{width:100%;background:#168758;color:white;font-size:13px;padding:14px}.wa-submit:hover{background:#0b6b44}.enquiry-form .formstatus{font-size:10px;line-height:1.7;margin:12px 0 0;color:#7a8d80}.outline-wa{background:transparent!important;border:1px solid #71b79a;color:#177753!important}.outline-wa:hover{background:#dff3e6!important}.contactgrid{align-items:start}.contactgrid .enquiry-form{margin-top:0}.cta{border-top:1px solid #a9ddc2}
@media(max-width:1100px){header{gap:18px}.brand{min-width:190px}.brand img{width:190px}header nav{gap:18px}.page-enquiry{gap:40px}.service-actions{gap:5px}.service{padding:25px 23px}}
@media(max-width:760px){header{height:84px}.brand{min-width:0}.brand img{width:190px;max-height:67px}header nav{top:84px}.service{padding:26px}.service h3{font-size:23px}.service p{min-height:0}.service-category{font-size:9px}.service-actions .learn,.card-wa{font-size:11px}.service-top{margin-bottom:23px}.page-enquiry{grid-template-columns:1fr;gap:30px}.enquiry-intro h2{font-size:34px}.enquiry-intro>p{max-width:none}.enquiry-form{padding:25px 22px}.enquiry-form h3{font-size:24px}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{font-size:16px;padding:12px}.enquiry-form label{font-size:12px}.formrow{grid-template-columns:1fr}.enquiry-form .formstatus{font-size:11px}.enquiry-direct>a{font-size:21px}.servicehero .actions{gap:12px}.servicehero .btn{font-size:12px}.floating span{display:inline;font-size:11px}.floating{font-size:16px}}
.enquiry-form .formrow:has(label:only-child){grid-template-columns:1fr}
/* Hero enquiries on every page */
.hero{grid-template-columns:1.12fr 1fr;align-items:center;padding-top:48px;padding-bottom:48px;gap:65px}.hero-enquiry{position:relative;z-index:2;scroll-margin-top:120px;min-width:0}.hero-enquiry .enquiry-form{padding:25px 27px;color:#16394c;border-radius:15px;box-shadow:0 18px 55px #09263822}.hero-enquiry .form-kicker{margin:3px 0 9px;font-size:8px}.hero-enquiry .enquiry-form h3{font-size:25px;margin-bottom:7px;letter-spacing:-.04em}.hero-enquiry .enquiry-form>p{font-size:11px;margin-bottom:16px;line-height:1.6}.hero-enquiry .enquiry-form label{font-size:10px;margin-bottom:12px}.hero-enquiry .formrow{gap:12px}.hero-enquiry .enquiry-form input,.hero-enquiry .enquiry-form select,.hero-enquiry .enquiry-form textarea{padding:8px 10px;margin-top:4px;font-size:12px}.hero-enquiry .enquiry-form textarea{height:65px;min-height:65px;resize:vertical}.hero-enquiry .enquiry-form label.consent{font-size:9px;line-height:1.5;margin:3px 0 12px}.hero-enquiry .wa-submit{padding:12px;font-size:12px}.hero-enquiry .enquiry-form .formstatus{font-size:9px;line-height:1.5;margin:9px 0 0}.has-hero-form{display:grid;grid-template-columns:1.12fr 1fr;gap:65px;align-items:center;padding-top:48px;padding-bottom:48px}.hero-page-copy{position:relative;z-index:1;min-width:0}.has-hero-form h1{font-size:48px;line-height:1.15;margin-bottom:22px}.has-hero-form p{font-size:16px;line-height:1.8}.has-hero-form .crumb{font-size:10px;margin-bottom:25px}.has-hero-form .eyebrow{margin-bottom:20px}.has-hero-form .actions{gap:12px;flex-wrap:wrap;margin-top:25px}.has-hero-form .actions .btn{font-size:11px;padding:12px 15px}.has-hero-form .enquiry-form:before{z-index:1}.contactgrid{grid-template-columns:1fr}.contactgrid>div{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:30px}.contactgrid>div>h2{grid-column:1/-1}.contactgrid .contactitem{border-top:1px solid var(--line);border-bottom:0}.hero .herocopy{position:relative;z-index:1}.hero h1{font-size:clamp(46px,4.9vw,69px)}
@media(max-width:1050px) and (min-width:761px){.hero,.has-hero-form{gap:30px;grid-template-columns:1fr 1fr}.has-hero-form h1{font-size:40px}.hero h1{font-size:51px}.hero-enquiry .enquiry-form{padding:24px 21px}.hero .actions{flex-wrap:wrap}}
@media(max-width:760px){.hero,.has-hero-form{grid-template-columns:1fr;gap:32px;padding-top:38px;padding-bottom:38px}.hero h1{font-size:48px}.has-hero-form h1{font-size:39px}.hero-enquiry .enquiry-form{padding:25px 21px}.hero-enquiry .formrow{grid-template-columns:1fr 1fr;gap:12px}.hero-enquiry .enquiry-form input,.hero-enquiry .enquiry-form select,.hero-enquiry .enquiry-form textarea{font-size:16px;padding:10px;min-width:0}.hero-enquiry .enquiry-form label{font-size:11px}.hero-enquiry .enquiry-form label.consent{font-size:10px}.hero-enquiry .enquiry-form .formstatus{font-size:10px}.hero-enquiry .enquiry-form>p{font-size:12px}.hero-enquiry .enquiry-form h3{font-size:25px}.hero-enquiry .wa-submit{font-size:12px;padding:14px}.contactgrid>div{grid-template-columns:1fr;gap:10px}.has-hero-form .actions{margin-top:22px}.hero-enquiry{scroll-margin-top:98px}}
@media(max-width:380px){.hero-enquiry .formrow{grid-template-columns:1fr}}
/* Rich product hero backgrounds */
.servicehero{
 --hero-accent:#69e4bd;
 background:
 radial-gradient(ellipse at 5% 100%,#116c7670 0,transparent 55%),
 radial-gradient(ellipse at 85% 5%,#27988950 0,transparent 50%),
 linear-gradient(125deg,#081d38 0%,#10394f 58%,#0a3e45 100%);
 color:#fff;isolation:isolate;
}
.servicehero:before{
 content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
 background-image:linear-gradient(#9fe6d508 1px,transparent 1px),linear-gradient(90deg,#9fe6d508 1px,transparent 1px);
 background-size:48px 48px;
 mask-image:linear-gradient(100deg,transparent,#000 45%,transparent);
}
.servicehero:after{
 width:630px;height:630px;top:-260px;right:-160px;
 border:1px solid #7ee6cb21;
 box-shadow:0 0 0 65px #7de4be06,0 0 0 130px #7de4be05,0 0 0 195px #7de4be04;
 z-index:-1;
}
.servicehero .hero-page-copy{padding:28px 0 45px}
.servicehero .hero-page-copy:before{
 content:'';display:block;width:53px;height:4px;border-radius:4px;
 background:var(--hero-accent);box-shadow:0 0 28px #6ce4b969;
 position:absolute;bottom:20px;left:0;
}
.servicehero .crumb{color:#9fbfc9}
.servicehero .hero-page-copy>.eyebrow{
 display:inline-flex;align-items:center;gap:9px;color:var(--hero-accent);
 padding:7px 12px;border:1px solid #a7ebd52c;border-radius:30px;
 background:#8aeec309;font-size:9px;letter-spacing:.13em;margin-bottom:24px;
}
.servicehero .hero-page-copy>.eyebrow:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--hero-accent);box-shadow:0 0 12px #89e8c4}
.servicehero h1{color:#fff;text-shadow:0 6px 30px #0001}
.servicehero .hero-page-copy>p{color:#b9d1da;max-width:565px}
.servicehero .actions .btn{background:var(--hero-accent);color:#0a3246;box-shadow:0 7px 24px #061f3226}
.servicehero .actions .outline-wa{color:#dcfff0!important;border-color:#8ed5bc65;background:#ffffff08!important;box-shadow:none}
.servicehero .actions .outline-wa:hover{background:#ffffff14!important}
.servicehero .hero-enquiry .enquiry-form{background:#ffffff;box-shadow:0 24px 65px #00182d4d;border:1px solid #d8eae2}
.servicehero .hero-enquiry:after{content:'';position:absolute;inset:20px -13px -13px 20px;z-index:-1;border-radius:20px;border:1px solid #c4ffdf20;background:#d8ffe606}
.servicehero .hero-enquiry .wa-submit{background:#168758;color:#fff}
@media(max-width:760px){
 .servicehero .hero-page-copy{padding:0 0 28px}
 .servicehero .hero-page-copy:before{bottom:2px;width:42px}
 .servicehero .hero-page-copy>.eyebrow{font-size:8px;margin-bottom:20px}
 .servicehero:after{width:430px;height:430px;top:-190px;right:-210px}
 .servicehero .hero-enquiry:after{inset:15px -7px -7px 15px}
 .servicehero .hero-page-copy>p{color:#c0d6dd}
}
/* Services, careers and a more considered finish */
html{scroll-padding-top:120px}header nav{gap:20px;font-size:12px}header{gap:22px}.brand{min-width:210px}.brand img{width:210px}.social-links{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.footgrid .social-links a{display:inline-flex;align-items:center;gap:7px;border:1px solid #5d8b8c55;border-radius:7px;padding:8px 10px;color:#d5e9e4;font-size:10px;margin:0}.social-links b{font:700 13px sans-serif;background:#d1f2e4;color:#113e45;border-radius:4px;padding:3px 5px}.footgrid .social-links a:hover{background:#2b626455}.footgrid{grid-template-columns:1.4fr 1.2fr 1fr 1.2fr;gap:32px}.channel-guide,.career-areas{background:#f2f7f5}.career-note{color:#a8c6cf;font-size:11px;max-width:430px;border-top:1px solid #7eb0b02b;padding-top:18px;margin-top:28px}.career-role-list{margin-top:35px;border-top:1px solid #cbded4}.career-role{padding:29px 0;display:grid;grid-template-columns:50px 1fr auto;gap:25px;align-items:center;border-bottom:1px solid #cbded4}.role-number{height:42px;width:42px;display:grid;place-items:center;border:1px solid #bedfce;background:#e2f3e9;border-radius:12px;color:#27845e;font-size:12px}.role-label{font-size:8px;letter-spacing:.14em;color:#6e8d7c}.career-role h3{font-size:23px;margin:8px 0 10px}.career-role p{font-size:13px;margin:0;max-width:600px}.role-apply{font-size:11px;font-weight:700;color:#16754f;border:1px solid #c2dbcd;padding:11px 15px;border-radius:7px;background:#fff}.role-apply:hover{background:#dbf4e6}.process-ribbon{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.process-ribbon article{padding:30px;border:1px solid #dbe8e0;border-radius:12px;background:linear-gradient(140deg,#fff,#f2f8f4)}.process-ribbon article>b{display:block;color:#2b9670;font-size:12px;margin-bottom:25px}.process-ribbon h3{font-size:21px}.process-ribbon p{font-size:13px;margin:0}.career-form .wa-submit{background:#147b5b}.sectionhead .eyebrow{color:#268061}.service:hover .service-icon{box-shadow:0 5px 20px #22764f15}.service-icon{transition:box-shadow .2s}.cta .btn:hover{background:#e8fff3;color:#163f3b}.career-hero{background:radial-gradient(ellipse at 10% 100%,#23657988,transparent 60%),radial-gradient(ellipse at 95% 5%,#35877966,transparent 60%),#0d2944}
@media(max-width:1150px) and (min-width:761px){header{gap:14px;padding-left:4vw;padding-right:4vw}.brand{min-width:170px}.brand img{width:170px}header nav{gap:13px;font-size:11px}.header-wa{padding:10px 12px;font-size:11px}}
@media(max-width:760px){html{scroll-padding-top:98px}.brand{min-width:0}.brand img{width:190px}header nav{font-size:14px;gap:16px}.footgrid{grid-template-columns:1fr 1fr;gap:30px 22px}.career-role{grid-template-columns:35px 1fr;gap:16px}.role-number{width:34px;height:34px;font-size:11px}.career-role h3{font-size:21px}.role-apply{grid-column:2;justify-self:start;margin-top:2px}.process-ribbon{grid-template-columns:1fr;gap:15px}.process-ribbon article{padding:25px}.career-note{font-size:11px;max-width:none}.footgrid .social-links a{font-size:10px}.social-links{gap:8px}.service-actions{gap:10px}}
/* SMSGRAPH logo palette: royal blue + fresh green */
:root{--ink:#082d78;--green:#4aa51c;--muted:#64738a;--line:#dce5ef;--paper:#f5f8fc;--brand-blue:#082d78;--brand-green:#4aa51c}
.topbar,footer{background:#06266a}.brand span{color:#4aa51c}.btn{background:#082d78}.btn:hover{background:#123e91}.header-wa,.wa-submit,.servicehero .hero-enquiry .wa-submit{background:#428f18!important;color:#fff!important}.header-wa:hover,.wa-submit:hover{background:#347314!important}
.hero,.servicehero,.career-hero{--hero-accent:#90cd53;background:radial-gradient(ellipse at 94% 8%,#4aa51c22,transparent 45%),radial-gradient(ellipse at 10% 100%,#2455a660,transparent 55%),linear-gradient(125deg,#061e58,#0b347f 60%,#103c83);color:#fff}
.hero:before{background-image:radial-gradient(#c5dbff17 1px,transparent 1px)}.servicehero:before{background-image:linear-gradient(#c5dbff08 1px,transparent 1px),linear-gradient(90deg,#c5dbff08 1px,transparent 1px)}.servicehero:after{border-color:#a3c9ff18;box-shadow:0 0 0 65px #abcaff05,0 0 0 130px #abcaff04,0 0 0 195px #abcaff03}
.hero em{color:#96d35b}.hero .eyebrow{color:#ccdef9}.hero .eyebrow i{background:#91cc58;box-shadow:0 0 12px #91cc5855}.herocopy>p,.servicehero .hero-page-copy>p{color:#cad9f0}.hero-tags{color:#c8d8ef}.hero-tags span:before{color:#9ed46d}.hero .btn,.servicehero .actions .btn{background:#4a9c20;color:#fff;box-shadow:0 8px 25px #00194425}.hero .btn:hover,.servicehero .actions .btn:hover{background:#3c8418}.hero .textlink{color:#e9f1ff;border-color:#7597c8}.servicehero .crumb{color:#adc5e8}.servicehero .hero-page-copy>.eyebrow{color:#b5de8c;border-color:#b5de8c33;background:#4aa51c12}.servicehero .hero-page-copy>.eyebrow:before,.servicehero .hero-page-copy:before{background:#91c955;box-shadow:none}.servicehero .actions .outline-wa{color:#e6f4d9!important;border-color:#acd87d80;background:#ffffff08!important}.hero-enquiry .enquiry-form:before{background:linear-gradient(90deg,#082d78,#4aa51c)}.hero-enquiry .enquiry-form,.servicehero .hero-enquiry .enquiry-form{color:#082d78;border-color:#dfe7f0}.form-kicker,.sectionhead .eyebrow,.section>.eyebrow{color:#438d1c}.enquiry-form input:focus,.enquiry-form textarea:focus,.enquiry-form select:focus{outline-color:#5da72f}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{border-color:#d8e2ed;background:#fcfdff;color:#16386a}
.channelbar{background:#f1f5fc}.channelbar b{color:#24477c}.channelbar>span{color:#6a7e9c}.service{background:linear-gradient(150deg,#fff,#f7faff);border-color:#dce6f2}.service:hover{border-color:#a0c887;box-shadow:0 15px 35px #082d7810}.service-icon,.service:nth-child(n) .service-icon{background:#eaf1fc;color:#082d78}.service:nth-child(even) .service-icon{background:#eff7e8;color:#438f1d}.service-category{color:#68809d}.service-tags span{background:#f4f7fc;color:#577194;border-color:#dde7f1}.service-actions{border-color:#e3eaf3}.learn,.service-actions .learn{color:#082d78}.card-wa{color:#367c17;background:#eef7e7}.card-wa:hover{background:#dcefc9}
.journey{background:#082b70}.journey .eyebrow,.journey .textlink{color:#b1d98b}.journey p{color:#b9cde9}.steps article{border-color:#34568f}.steps article>span{background:#1d4283;color:#b5dc91}.industrylist a{background:#f4f7fc;border-color:#dce6f2}.industrylist a:hover{background:#edf5e7}.cta{background:radial-gradient(ellipse at 10% 100%,#e0efd0,transparent 70%),#f1f7e9;border-top-color:#d5e5c7}.cta .eyebrow{color:#458820}.cta h2{color:#082d78}.cta .white{background:#082d78;color:white}.cta .btn:hover{background:#163e8d;color:white}
.pagehero:not(.servicehero){background:radial-gradient(ellipse at 95% 20%,#e3efd8,transparent 55%),#f1f5fc}.pagehero:not(.servicehero):after{border-color:#b7ccef55;box-shadow:0 0 0 60px #c7d9f322,0 0 0 120px #c7d9f311}.pagehero>.eyebrow{color:#42881f}.featurelist article{background:#f6f9fd;border-color:#e1e9f4}.featurelist article>span{background:#eaf4e1;color:#458c24}.usecases,.faq,.channel-guide,.career-areas{background:#f4f7fc}.three article,.process-ribbon article{background:#fff;border-color:#dce6f2}.three article>span{background:#edf5e6;color:#4b8f29}.process-ribbon article>b{color:#4a8d26}.notice{background:#f1f6eb;border-left-color:#4aa51c}.career-role-list,.career-role{border-color:#d7e2ef}.role-number{background:#eaf1fc;border-color:#cbdcf3;color:#082d78}.role-apply{color:#082d78;border-color:#ccdcef}.role-apply:hover{background:#eef5e6}.career-note{color:#c0d2ed;border-color:#a1bde433}.page-enquiry{background:#f4f7fc}
footer p,.footgrid p{color:#b3c8e8}.footgrid a:not(.brand){color:#d0def2}.copyright{color:#abc0e0;border-color:#31538a}.footgrid .social-links a{border-color:#779ad55a;color:#e5efff}.social-links b{background:#edf5e6;color:#397d1b}.floating{background:#438f1b;border-color:#e1f0d5}.outline-wa{color:#43871f!important;border-color:#9fc785}.hero-enquiry .enquiry-form .wa-submit{background:#438f1b!important;color:white!important}