@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');
.contact:has(.consultation-panel){grid-template-columns:1fr 1.3fr;align-items:start;gap:65px}.consultation-intro{padding-top:20px}.consultation-intro>p:not(.eyebrow){max-width:400px}.consultation-panel{background:#102f40;border:1px solid #385463;border-radius:10px;padding:32px}.consultation-panel h3{font-size:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field.full{grid-column:1/-1}.field label{font-size:14px;font-weight:500;color:#e5eff3}.field input,.field select,.field textarea{width:100%;min-height:48px;border:1px solid #537080;border-radius:5px;padding:12px;background:#092332;color:#fff;font:16px/1.45 'DM Sans',sans-serif}.field input::placeholder,.field textarea::placeholder{color:#9cb1bd;opacity:1}.field textarea{resize:vertical;min-height:125px}.field :is(input,select,textarea):focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-color:var(--cyan)}.consultation-panel .required-note{font-size:12px;margin:22px 0 15px;color:#bdcdd5}.consultation-panel .form-note{font-size:13px;line-height:1.65;margin:20px 0}.consultation-submit{font-family:inherit;border:0;min-height:48px;width:100%}.consultation-submit:disabled{opacity:.55;cursor:not-allowed}.consultation-panel #form-status:empty{display:none}.consultation-panel #form-status{margin-top:16px;margin-bottom:0}@media(max-width:900px){.contact:has(.consultation-panel){grid-template-columns:1fr;gap:30px}.consultation-intro{padding:0}.consultation-intro>p:not(.eyebrow){max-width:600px}}@media(max-width:500px){.form-grid{grid-template-columns:1fr}.consultation-panel{padding:24px 18px!important}.consultation-panel h3{font-size:24px}}
:root{--navy:#0b2433;--deep:#071b29;--cyan:#47e1cc;--ink:#142f3e;--muted:#526875;--border:#dce5e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font:16px/1.65 'DM Sans',sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,summary,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #00a78e;outline-offset:5px}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#fff}header nav{display:flex;align-items:center;gap:38px;font-size:14px;font-weight:600}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:26px;line-height:1.05;font-weight:800;letter-spacing:3px}.brand small{display:block;font:9px/1.8 'DM Sans',sans-serif;letter-spacing:3px}.mark{display:grid;place-items:center;width:43px;height:45px;background:var(--navy);color:var(--cyan);font-size:42px;line-height:1;font-weight:600;letter-spacing:-5px;padding-right:5px;border-radius:5px}.nav-cta{padding:12px 20px;border:1px solid var(--ink);border-radius:4px}.nav-cta span{margin-left:25px}.menu{display:none}.hero{background:var(--deep);color:#fff;overflow:hidden}.hero-inner{max-width:1480px;margin:auto;padding:86px 6% 72px;display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;margin:0 0 22px}.hero .eyebrow,.about .eyebrow,.contact .eyebrow{color:var(--cyan)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(40px,4.6vw,70px);line-height:1.12;letter-spacing:-2.6px;font-weight:600;margin-bottom:26px}em{font-style:normal;color:var(--cyan)}.lead{max-width:530px;color:#aec2cd;font-size:17px;line-height:1.85}.actions{display:flex;align-items:center;gap:25px;margin-top:32px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;padding:15px 21px;border-radius:4px;font-size:14px;font-weight:700}.primary{background:var(--cyan);color:var(--deep)}.primary:hover{background:#82f1e1}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:6px;display:inline-flex;gap:18px;align-items:center}.hero-note{font-size:12px;color:#96afbd;display:flex;gap:12px;align-items:center;margin-top:48px}.line{width:28px;height:1px;background:var(--cyan)}.network{position:relative;min-height:410px;width:100%;max-width:540px;margin:auto;background-image:radial-gradient(#254151 1px,transparent 1px);background-size:24px 24px}.orbit{position:absolute;border:1px solid #294c5b;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}.orbit-one{width:265px;height:265px}.orbit-two{width:365px;height:365px;border-style:dashed;border-color:#24414e}.cross{position:absolute;background:#2d6670;left:50%;top:48%;transform:translate(-50%,-50%)}.horizontal{height:1px;width:80%}.vertical{height:80%;width:1px}.core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:170px;height:170px;border:1px solid #47e1cc70;border-radius:50%;background:#0e303f;box-shadow:0 0 75px #47e1cc15;letter-spacing:5px;font-weight:700}.core-mark{font:72px/1 Manrope,sans-serif;color:var(--cyan);margin-bottom:3px}.core small{font-size:8px;letter-spacing:1.2px;margin-top:9px}.node{position:absolute;background:#102b3b;border:1px solid #33505f;padding:14px 19px;border-radius:5px;min-width:150px;box-shadow:0 8px 30px #0002}.node span{display:block;font-size:9px;letter-spacing:1.5px;color:var(--cyan);margin-bottom:6px}.node strong{font-size:14px;font-weight:500}.node-one{top:26px;left:0}.node-two{right:0;top:75px}.node-three{bottom:67px;left:0}.node-four{bottom:35px;right:0}.diagram-caption{position:absolute;bottom:-17px;left:0;width:100%;text-align:center;font-size:9px;letter-spacing:2px;color:#829eaf}.principles{border-top:1px solid #28404f;display:flex;justify-content:space-between;padding:21px 12%;color:#b5cbd5;font-size:13px;letter-spacing:.7px}.principles span:before{content:'✧';color:var(--cyan);margin-right:12px}.section{padding:90px 6%}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:40px}.section-heading .eyebrow{color:#008572}.section-heading p:last-child{max-width:360px;color:var(--muted)}h2{font-size:clamp(32px,3vw,46px);line-height:1.2;letter-spacing:-1.6px;font-weight:600;margin-bottom:16px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{border:1px solid var(--border);padding:27px 26px 20px;border-radius:6px;transition:border-color .2s,background .2s}.service:hover,.service[open]{border-color:#4dbbaa;background:#f4fbfa}.service summary{cursor:pointer;list-style:none;display:flex;flex-direction:column;min-height:210px}.service summary::-webkit-details-marker{display:none}.service-icon{font-size:21px;color:#008675;display:flex;justify-content:space-between;margin-bottom:25px}.service-icon small{font:12px 'DM Sans',sans-serif;color:#81909a}.service h3{font-size:19px;line-height:1.4;letter-spacing:-.4px;margin-bottom:11px}.service p{font-size:14px;color:var(--muted);margin-bottom:16px}.service .more{font-size:12px;font-weight:700;margin-top:auto;display:flex;justify-content:space-between}.service .more:after{content:'+';font-size:20px;line-height:1}.service[open] .more:after{content:'−'}.service ul{padding-left:18px;font-size:14px;border-top:1px solid var(--border);padding-top:18px;color:var(--muted)}.service:last-child{grid-column:span 2}.about{background:#eff5f5;display:grid;grid-template-columns:1fr 1fr;gap:90px}.about .eyebrow{color:#008572}.about em{color:#078974}.about-intro>p:not(.eyebrow){max-width:430px;color:var(--muted);margin:26px 0}.reasons article{display:flex;gap:23px;border-bottom:1px solid #d4dfe2;margin-bottom:21px;padding-bottom:5px}.reasons article>span{font-size:12px;color:#008572;padding-top:4px}.reasons h3{font-size:18px;margin-bottom:7px}.reasons p{font-size:14px;color:var(--muted);line-height:1.8}.contact{background:var(--navy);color:white;display:grid;grid-template-columns:1.35fr 1fr;gap:80px;align-items:center}.contact>div>p:not(.eyebrow){color:#bed0d8}.contact-panel{border-left:1px solid #3c5562;padding-left:40px}.contact-panel h3{font-size:23px;margin-bottom:6px}.contact-panel p{font-size:14px;color:#bed0d8}.contact-location{margin-top:25px}.contact-location span{display:block;color:var(--cyan);font-size:11px;letter-spacing:1.5px;margin-bottom:8px}.contact-location strong{font-size:16px}.pending{border-top:1px solid #3c5562;padding-top:18px;margin-bottom:0}footer{padding:40px 6% 20px}.footer-top{display:flex;align-items:center;gap:38px;padding-bottom:35px}.footer-top>p{font-size:13px;color:var(--muted);margin:0}.footer-top nav{display:flex;gap:25px;margin-left:auto;font-size:13px}.footer-bottom{border-top:1px solid var(--border);padding-top:20px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.skip{position:absolute;top:-100px;left:15px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}@media(min-width:1600px){.section,header,footer{padding-left:calc((100vw - 1360px)/2);padding-right:calc((100vw - 1360px)/2)}}@media(max-width:1000px){.hero-inner{gap:20px}.actions{align-items:start;flex-direction:column;gap:17px}.node{padding:10px;min-width:130px}.network{transform:scale(.9)}.service-grid{grid-template-columns:repeat(2,1fr)}.service:last-child{grid-column:auto}.about{gap:45px}.contact{gap:40px}.footer-top{flex-wrap:wrap}.footer-top nav{margin-left:0}}@media(max-width:700px){header{height:80px;padding:0 6%;position:relative}.brand{font-size:23px}.menu{display:block;border:1px solid var(--border);padding:9px 12px;background:white;border-radius:4px;font:14px 'DM Sans',sans-serif}.menu span{margin-left:10px}header nav{display:none;position:absolute;top:80px;left:0;width:100%;padding:24px 6%;background:white;z-index:5;box-shadow:0 10px 15px #0001;align-items:stretch;gap:20px}header nav.open{display:flex;flex-direction:column}.hero-inner{padding-top:52px;padding-bottom:45px;grid-template-columns:1fr}h1{font-size:44px;letter-spacing:-1.9px}.lead{font-size:16px}.actions{gap:22px}.hero-note{margin-top:28px}.network{min-height:370px;max-width:420px;margin-top:15px;transform:none}.orbit-two{width:300px;height:300px}.orbit-one{width:230px;height:230px}.core{width:140px;height:140px}.core small{font-size:6px}.node{min-width:120px}.node strong{font-size:12px}.node-one{top:20px}.node-two{top:60px}.node-three{bottom:60px}.node-four{bottom:30px}.principles{padding:18px 6%;gap:14px;flex-wrap:wrap;font-size:11px}.principles span:before{margin-right:5px}.section{padding:58px 6%}.section-heading{display:block;margin-bottom:25px}.section-heading p:last-child{margin-top:22px}.service-grid{grid-template-columns:1fr}.service{padding:23px}.service summary{min-height:190px}.about,.contact{grid-template-columns:1fr;gap:35px}.contact-panel{border-left:0;border-top:1px solid #3c5562;padding:28px 0 0}.footer-top{gap:22px}.footer-top nav{width:100%;flex-wrap:wrap}.footer-bottom{gap:15px;flex-direction:column}h2{font-size:34px}.eyebrow{font-size:11px}.hero-note{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Supplied Kona Technologies logo, with its original artwork preserved. */
.brand{flex-shrink:0;letter-spacing:normal}.logo-frame{display:block;position:relative;width:250px;aspect-ratio:3.05;overflow:hidden}.logo-frame img{display:block;position:absolute;width:112%;max-width:none;height:auto;left:-6%;top:-37%;}.core{background:#fff}.core .logo-frame{width:150px}@media(max-width:700px){.brand .logo-frame{width:200px}.core .logo-frame{width:126px}}@media(max-width:360px){.brand .logo-frame{width:175px}}

.social-icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}.whatsapp-link{display:inline-flex;align-items:center;gap:12px}.social-links{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 28px}.social-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 13px;border:1px solid var(--border);border-radius:5px;font-size:14px}.social-links a[aria-disabled="true"]{color:var(--muted);cursor:default}.social-links a[href]:hover{color:#008572;border-color:#008572}
/* Keep the logo and navigation visible while scrolling. */
body > header{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 2px 12px #071b2912}
html{scroll-padding-top:112px}
.skip{z-index:110}
@media(max-width:700px){html{scroll-padding-top:96px}header nav{max-height:calc(100dvh - 80px);overflow-y:auto}}

/* Subtle motion for the existing technology diagram. */
.network{margin-bottom:38px}
.network .orbit-two{animation:kona-orbit 55s linear infinite}
.network .node{animation:kona-float 7s ease-in-out infinite}
.network .node-two{animation-delay:-1.75s}
.network .node-three{animation-delay:-3.5s}
.network .node-four{animation-delay:-5.25s}
.network .core{animation:kona-glow 5s ease-in-out infinite}
.motion-toggle{position:absolute;top:calc(100% + 28px);left:50%;transform:translateX(-50%);min-height:36px;padding:6px 12px;border:1px solid #537080;border-radius:4px;background:#102b3b;color:#bed0d8;font:12px/1.4 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap}
.motion-toggle:hover{color:#fff;border-color:var(--cyan)}
.network.motion-paused .orbit-two,.network.motion-paused .node,.network.motion-paused .core{animation-play-state:paused}
@keyframes kona-orbit{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes kona-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes kona-glow{0%,100%{box-shadow:0 0 24px #47e1cc12}50%{box-shadow:0 0 48px #47e1cc40}}
@media(prefers-reduced-motion:reduce){.network .orbit-two,.network .node,.network .core{animation:none}.motion-toggle{display:none}}
/* Give the rotating outer ring stronger definition. */
.network .orbit-two{border-width:3px;border-color:#47e1cc;box-shadow:0 0 14px #47e1cc24}
/* Preserve the original teal text, with one glow pulse every three seconds. */
.digital-world{color:var(--cyan);background:none;animation:kona-headline-glow 3s ease-in-out infinite;text-shadow:none}
@keyframes kona-headline-glow{0%,55%,100%{text-shadow:none}77%{text-shadow:0 0 10px #47e1cca0,0 0 26px #47e1cc70,0 0 42px #47e1cc30}}
body.motion-paused .digital-world{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.digital-world{animation:none;text-shadow:none}}

/* Sections reserved for upcoming company content. */
.future-section .section-heading{margin-bottom:28px}.future-section .eyebrow{color:#008572}.portfolio-section{background:#eff5f5}.placeholder-panel{padding:34px;border:1px dashed #a4bfc6;border-radius:6px;background:#f8fbfc}.placeholder-panel h3{font-size:22px;margin-bottom:10px}.placeholder-panel p{color:var(--muted);margin:0;max-width:620px}.footer-top nav{flex-wrap:wrap}
/* Keep the expanded navigation comfortable on tablets and smaller laptops. */
@media(min-width:1101px){header nav{gap:20px}}
@media(min-width:701px) and (max-width:1100px){header{position:relative}.menu{display:block;border:1px solid var(--border);padding:9px 12px;background:white;border-radius:4px;font:14px 'DM Sans',sans-serif}.menu span{margin-left:10px}header nav{display:none;position:absolute;top:96px;left:0;width:100%;padding:24px 6%;background:white;z-index:5;box-shadow:0 10px 15px #0001;align-items:stretch;gap:20px;max-height:calc(100dvh - 96px);overflow-y:auto}header nav.open{display:flex;flex-direction:column}}
@media(max-width:700px){.placeholder-panel{padding:25px}.placeholder-panel h3{font-size:20px}}

/* Match the headline's three-second glow on the consultation call to action. */
.consultation-glow{animation:kona-consultation-glow 3s ease-in-out infinite}
@keyframes kona-consultation-glow{0%,55%,100%{box-shadow:0 0 0 transparent}77%{box-shadow:0 0 10px #47e1cca0,0 0 26px #47e1cc70,0 0 42px #47e1cc30}}
body.motion-paused .consultation-glow{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.consultation-glow{animation:none;box-shadow:none}}

/* Company contact email below the main navigation. */
.company-email-bar{padding:10px 6%;background:#eff5f5;border-bottom:1px solid var(--border);font-size:14px;text-align:right}
.company-email-bar a{display:inline-block;color:var(--ink);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.company-email-bar a:hover{color:#008572}
@media(min-width:1600px){.company-email-bar{padding-left:calc((100vw - 1360px)/2);padding-right:calc((100vw - 1360px)/2)}}
@media(max-width:700px){.company-email-bar{text-align:center}}

.company-email-bar a{display:inline-flex;align-items:center;gap:8px;max-width:100%}.company-email-bar .email-icon{flex-shrink:0}.company-email-bar a span{min-width:0}