/* Mitosis identity: colours sampled from the supplied emblem.
   Cyan #00bff3 / red #ff0000. Its dividing cells inform the circular details. */
:root {
  --cyan:#00bff3;
  --red:#ff0000;
  --ink:#151515;
  --muted:#555b60;
  --primary:#151515;
  --paper:#fff;
  --surface:#e9faff;
  --line:#d8e7ec;
  --dark:#151515;
  --shadow:0 16px 45px #1515150a;
}
body{background:#fff;color:var(--ink)}
h1,h2,h3{font-family:'Segoe UI',Arial,sans-serif;font-weight:750;letter-spacing:-.055em}
h1{font-weight:800;line-height:1.03;font-size:clamp(58px,6.3vw,91px)}
h1 em,h2 em{font-style:normal;font-weight:inherit;color:var(--red)}
.connected-word{text-decoration:underline;text-decoration-color:var(--cyan);text-decoration-thickness:8px;text-underline-offset:9px;text-decoration-skip-ink:none}
.hero h1 em{display:inline-block;margin-top:7px}
.ambient{width:50%;height:720px;background:radial-gradient(circle at 100% 35%,#00bff312,transparent 70%)}
.site-header{border:1px solid #e2e8eb;border-bottom:4px solid var(--cyan);background:#fff;box-shadow:0 10px 30px #15151505;padding-block:20px}
.site-header .brand img{width:90px;height:61px}
.brand{color:#111;font-weight:800;font-size:38px;letter-spacing:-2px;gap:14px}
.brand small{font-size:8px;letter-spacing:4.8px;color:#383838;font-weight:700}
.site-header nav a:hover{color:var(--red)}
.button{background:var(--cyan);color:#111;box-shadow:none;font-weight:750}
.button:hover{background:#00addc;color:#111;box-shadow:0 8px 0 #1515150b}
.button>span{display:grid;place-items:center;width:25px;height:25px;background:var(--red);color:#fff;border:2px solid var(--cyan);border-radius:50%;font-size:17px}
.eyebrow{color:#292929;font-weight:750}
.eyebrow i{width:10px;height:10px;background:var(--red);box-shadow:0 0 0 3px var(--cyan)}
.hero-copy>p{color:#4d5357}
.text-link:hover{color:#111;text-decoration-color:var(--red);text-decoration-thickness:2px}
.hero-note strong{font-weight:650}
.note-mark{display:block;position:relative;font-size:0;width:25px;height:25px;flex:0 0 25px;margin-right:17px;background:var(--red);border:5px solid var(--cyan);border-radius:50%}
.note-mark::after{content:'';position:absolute;left:15px;top:-5px;width:17px;height:17px;background:var(--red);border:4px solid var(--cyan);border-radius:50%}
.solution-carousel{border:2px solid var(--cyan);background:#fff;box-shadow:12px 12px 0 #00bff31a;padding:20px;position:relative}
.carousel-top .eyebrow{color:#333;font-size:8px}
.carousel-top button{border-color:#d9e1e4;color:#151515}
.carousel-stage{background:#151515}
.slide{background:#151515;position:relative;isolation:isolate;overflow:hidden}
.slide::before{content:'';position:absolute;z-index:-1;width:175px;height:175px;top:-105px;right:-85px;background:var(--red);border:23px solid var(--cyan);border-radius:50%}
.slide::after{content:'';position:absolute;z-index:-1;width:85px;height:85px;bottom:-50px;left:-45px;background:var(--red);border:13px solid var(--cyan);border-radius:50%}
.slide-tag{color:var(--cyan);font-weight:700}
.orbit-mark{border:4px solid var(--cyan);background:var(--red);color:#fff;width:35px;height:35px;font-weight:700}
.slide h2{font-weight:750;font-size:37px;letter-spacing:-1.8px;line-height:1.07}
.slide>p{color:#d4d4d4}
.app-preview{border:0;border-top:4px solid var(--cyan);background:#fff;box-shadow:0 12px 25px #0003}
.preview-icon{border-radius:50%;border:3px solid var(--cyan);background:var(--red);color:#fff;font-family:'Segoe UI',sans-serif;font-size:15px;letter-spacing:-1px}
.preview-dot{background:var(--red);box-shadow:0 0 0 2px var(--cyan)}
.step-symbol{background:#e7faff;color:#151515;border:1px solid #00bff36b;border-radius:50%;font-weight:650}
.workflow-item>span:last-child{color:#151515}
.slide-bottom{color:#c8c8c8}
.slide-bottom>span:first-child{position:relative;background:#151515;padding:3px 5px;border-radius:4px}
.slide-bottom>span:last-child{font-family:'Segoe UI',Arial,sans-serif;font-weight:800;color:var(--cyan)}
.carousel-navigation p{font-family:'Segoe UI',Arial,sans-serif;font-weight:700;font-size:14px}
.carousel-navigation button{background:#fff;border:2px solid var(--cyan);color:#111}
.carousel-navigation button:hover{background:var(--cyan)}
.carousel-options button{border-color:#d9e1e4;color:#151515;font-weight:600}
.carousel-options button[aria-pressed=true]{background:var(--cyan);border-color:var(--cyan);color:#111}
.carousel-enquire{color:#151515}
.values-strip{border-top:2px solid #151515;border-bottom:1px solid #d8e1e5}
.values-strip>span{color:#333;font-weight:700}
.values-strip b{display:inline-block;width:11px;height:11px;border:3px solid var(--cyan);border-radius:50%;background:var(--red);font-size:0;margin-inline:23px}
.service-card{background:#fff;border:1px solid #dfe6e9;box-shadow:none;overflow:hidden}
.service-card.featured{background:var(--cyan);border-color:var(--cyan)}
.service-card.featured p{color:#14313a}
.service-card.featured .service-icon{color:#111;border-color:#fff;background:var(--red)}
.service-card.featured .service-number{color:#16333c}
.service-card.featured a{border-color:#15151540}
.service-icon{display:grid;place-items:center;border:4px solid var(--cyan);border-radius:50%;width:49px;height:49px;color:#111;font:700 20px/1 'Segoe UI',Arial,sans-serif;background:#fff}
.service-number{top:30px;right:18px;font-weight:700;color:#62676b}
.service-card h3{font-size:22px;font-weight:750;letter-spacing:-.8px}
.service-card a{border-color:#d8e1e5;color:#111}
.service-card a:hover{color:#111;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:4px}
.service-card a span{color:var(--red)}
.solutions-section{background:#edfbff;border-block:1px solid #c9f1fc}
.experience-options article{border-top:2px solid var(--cyan)}
.experience-options h3{font-size:25px;font-weight:750;letter-spacing:-1px}
.story-art{background:#fff;border:2px solid var(--cyan);border-radius:28px;transform:none;box-shadow:12px 12px 0 #00bff31a;position:relative;overflow:hidden}
.story-art-top{padding-top:10px;font-weight:750;letter-spacing:1px;color:#333}
.story-art-top span:last-child{color:var(--red)}
.story-art>img{width:90%;margin:40px auto}
.story-art-bottom strong{font-family:'Segoe UI',Arial,sans-serif;font-style:normal;color:#111;font-weight:800;letter-spacing:-1px}
.since b{font-weight:800;color:var(--red)}
.about-copy .large-copy{font-family:'Segoe UI',Arial,sans-serif;font-size:21px;line-height:1.4;font-weight:700;color:#151515;letter-spacing:-.5px}
summary span{color:var(--red);font-weight:600}
.appointment-section{background:#151515;border-top:7px solid var(--cyan)}
.appointment-section .eyebrow{color:var(--cyan)}
.appointment-section h2 em{color:var(--cyan)}
.appointment-copy>p,.appointment-section form>p{color:#d1d1d1}
.contact-list span{color:var(--cyan)}
.appointment-section form{background:#ffffff06;border-color:#ffffff35}
.appointment-section label span{color:#bdbdbd}
.appointment-section input,.appointment-section select,.appointment-section textarea{background:#fff;color:#111}
.appointment-section .button{background:var(--cyan);color:#111;font-weight:750}
.appointment-section .button:hover{background:#59d6f8}
.copy-button{color:#6fddfb}
.chat-launcher{background:var(--cyan);color:#111;border:2px solid #151515;box-shadow:0 7px 0 #1515150d}
.chat-launcher:hover{background:#00addc}
.chat-launcher svg{color:#111}
.chat-panel{background:#fff;border:2px solid var(--cyan)}
.chat-heading>button{background:var(--cyan);color:#111}
.chat-menu button:hover{border-color:var(--cyan);background:#e9faff}
.chat-answer a,.chat-back{color:#111}
.menu-toggle{border-color:var(--cyan)}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:var(--red)}
@media(max-width:1100px){h1{font-size:70px}.service-card h3{font-size:22px}}
@media(max-width:760px){.site-header{padding-block:16px}.site-header .brand img{width:68px;height:46px}.brand{font-size:30px;gap:11px}.brand small{font-size:6px;letter-spacing:4px}.site-header nav{background:#fff;border-color:var(--cyan)}.hero h1{font-size:clamp(33px,6.9vw,52px);letter-spacing:-2px}.connected-word{text-decoration-thickness:5px;text-underline-offset:5px}.hero h1 em{margin-top:4px}.solution-carousel{padding:13px;box-shadow:7px 7px 0 #00bff31a}.slide h2{font-size:clamp(22px,4.3vw,32px);letter-spacing:-1.2px}.orbit-mark{width:28px;height:28px;border-width:3px}.preview-icon{font-size:13px}.carousel-navigation p{font-size:11px}.service-card h3{font-size:23px}.story-art{border-radius:24px}.story-art>img{width:90%;margin:30px auto}.values-strip b{margin-inline:15px}}
@media(max-width:480px){.hero h1{font-size:clamp(48px,12.6vw,64px);letter-spacing:-2.8px}.hero h1 em{margin-top:6px}.solution-carousel{padding:18px}.slide h2{font-size:36px;letter-spacing:-1.8px}.orbit-mark{width:34px;height:34px;border-width:4px}.carousel-navigation p{font-size:14px}.service-card h3{font-size:21px}.brand small{letter-spacing:4px}.values-strip b{margin-inline:12px}.story-art-bottom strong{font-size:25px}.slide::before{right:-100px}}
@media(max-width:360px){.hero h1{font-size:47px;letter-spacing:-2px}.slide h2{font-size:32px}.values-strip b{margin-inline:6px}}

/* Frosted layers, polished edges and coloured light, inspired by iOS glass. */
.carousel-stage{display:grid;isolation:isolate}
.carousel-stage>.slide{grid-area:1 / 1;min-width:0;width:100%;will-change:auto}
:root{--glass:linear-gradient(135deg,#ffffffc9,#ffffff70);--glass-edge:#ffffffdf;--glass-shadow:0 20px 55px #154b6810,0 4px 12px #14364b06,inset 0 1px 0 #fff}
body{background:radial-gradient(ellipse 65% 650px at 8% 8%,#00bff31f,transparent 75%),radial-gradient(ellipse 55% 650px at 98% 18%,#ff00000e,transparent 75%),radial-gradient(ellipse 75% 700px at 60% 49%,#00bff31a,transparent 75%),linear-gradient(155deg,#f5fbff 0%,#fcf9fb 48%,#f2faff 100%)}
.ambient{position:fixed;inset:0;width:100%;height:100dvh;background:radial-gradient(ellipse at 85% 20%,#00bff30c,transparent 55%);pointer-events:none}
.site-header{background:linear-gradient(125deg,#ffffffd6,#ffffff7d);border:1px solid #fff;border-bottom:1px solid #00bff33d;box-shadow:0 12px 40px #26516b0a,inset 0 1px 0 #fff,inset 0 -1px 0 #ffffffb0;backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%)}
.button{background:linear-gradient(145deg,#84e7ff 0%,#22d0fa 38%,#00b5eb 100%);border:1px solid #74e4ff;box-shadow:0 8px 22px #009fce25,inset 0 1px 0 #e0fbff,inset 0 -1px 1px #008cba35;transition:transform .2s,box-shadow .2s,filter .2s}
.button:hover{background:linear-gradient(145deg,#a3efff,#28d2fa 40%,#00b5eb);box-shadow:0 12px 28px #009fce30,inset 0 1px 0 #fff;filter:brightness(1.02)}
.button>span{background:linear-gradient(140deg,#ff7272,#ff1515 50%,#d80027);border-color:#8deaff;box-shadow:0 3px 6px #c0002025,inset 0 1px 1px #ffffffa0}
.hero h1 em{color:#ee102c;background:linear-gradient(120deg,#ff2424 10%,#f20a29 65%,#c90035);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:5px}
.connected-word{text-decoration-color:#00bff3b0}
.eyebrow i,.note-mark,.note-mark::after{background:radial-gradient(circle at 30% 25%,#ff7777,#ff1010 55%,#d6002b);box-shadow:0 3px 9px #009bc51c}
.eyebrow i{box-shadow:0 0 0 3px var(--cyan),0 2px 9px #00bff340}
.solution-carousel{background:linear-gradient(145deg,#ffffffc9,#ffffff6b);border:1px solid #fff;box-shadow:0 25px 65px #2d769c19,0 0 0 1px #00bff326,inset 0 1px 0 #fff;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}
.carousel-stage{border:1px solid #ffffffc0;box-shadow:0 10px 30px #122d4630,inset 0 1px 0 #fff;border-radius:20px}
.slide{background:radial-gradient(ellipse at 0% 0%,#11536a88,transparent 75%),radial-gradient(ellipse at 100% 100%,#540a2630,transparent 70%),linear-gradient(145deg,#162832,#101820 70%,#17242f)}
.slide::before,.slide::after{background:radial-gradient(circle at 28% 24%,#ff7979,#ff1919 42%,#e0002c 85%);border-color:#00bff3;box-shadow:inset 0 4px 12px #ffcccc50,0 5px 30px #00bff32b}
.orbit-mark{background:linear-gradient(135deg,#ff7c7c,#ff2020 45%,#cf0032);border-color:#49d9ff;box-shadow:inset 0 1px 3px #ffffffb0,0 4px 13px #0002}
.app-preview{background:linear-gradient(145deg,#fffffff5,#eefaffed);border:1px solid #ffffffd9;border-top:3px solid #5ddfff;box-shadow:0 12px 30px #0003,inset 0 1px 0 #fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.preview-icon{background:linear-gradient(135deg,#ff7373,#ff0d0d 55%,#d7002d);border-color:#00bff3;box-shadow:inset 0 1px 2px #ffffff80,0 3px 7px #00bff326}
.step-symbol{background:linear-gradient(145deg,#fff,#c4f2ff);border-color:#ffffffcf;box-shadow:0 2px 6px #096f9310,inset 0 1px 0 #fff}
.slide-bottom>span:first-child{background:#14212bbf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.carousel-top button,.carousel-navigation button,.carousel-options button{background:linear-gradient(145deg,#ffffffd9,#ffffff65);border:1px solid #fff;box-shadow:0 3px 8px #194e6c08,inset 0 1px 0 #fff;color:#151515}
.carousel-navigation button:hover{background:linear-gradient(145deg,#d4f6ff,#91e6fb)}
.carousel-options button[aria-pressed=true]{background:linear-gradient(135deg,#90eaff,#30d0f7 55%,#00b7ec);border:1px solid #63ddfc;color:#111;box-shadow:0 4px 12px #00a9d926,inset 0 1px 0 #c8f5ff}
.values-strip{border-top:1px solid #a8c6d054;border-bottom:1px solid #a8c6d054}
.values-strip b{box-shadow:0 2px 5px #00bff31a}
.service-card{background:linear-gradient(140deg,#ffffffd9,#ffffff6b);border:1px solid #fff;box-shadow:var(--glass-shadow);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}
.service-card:hover{box-shadow:0 23px 45px #165b7d16,inset 0 1px 0 #fff}
.service-card.featured{background:radial-gradient(ellipse at 100% 0%,#ffffffa8,transparent 65%),linear-gradient(145deg,#8eeaffbc,#2acdf47a);border:1px solid #ffffffd9;box-shadow:0 16px 40px #00a9d91c,inset 0 1px 0 #e2faff}
.service-icon{background:linear-gradient(145deg,#fff,#e3f9ff);border-color:#30cdf3;box-shadow:inset 0 1px 2px #fff,0 5px 14px #00bff31c}
.service-card.featured .service-icon{background:linear-gradient(140deg,#ff8989,#ff2929 50%,#d9002d);border-color:#9ceeff;box-shadow:inset 0 1px 2px #ffd0d0,0 5px 14px #0087ad20}
.solutions-section{background:radial-gradient(ellipse at 0% 100%,#00bff31a,transparent 65%),linear-gradient(120deg,#e5f8ff9c,#ffffff58 70%,#fff0f263);border-color:#ffffffd9;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #fff}
.experience-options article{border-top:1px solid #00bff36b}
.story-art{background:radial-gradient(ellipse at 0% 0%,#00bff31a,transparent 60%),radial-gradient(ellipse at 100% 100%,#ff00000a,transparent 65%),var(--glass);border:1px solid #fff;box-shadow:var(--glass-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.faq-list{display:grid;gap:10px}
.faq-list details,.faq-list details:first-child{border:1px solid #fff;border-radius:17px;padding:18px 22px;background:linear-gradient(145deg,#ffffffbf,#ffffff65);box-shadow:0 6px 20px #21566d05,inset 0 1px 0 #fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.faq-list details[open]{background:linear-gradient(145deg,#ffffffe8,#e8f8ffb0);box-shadow:0 8px 25px #1e6d8b0a,inset 0 1px 0 #fff}
.appointment-section{background:radial-gradient(ellipse at 0% 0%,#006e8a5c,transparent 65%),radial-gradient(ellipse at 100% 100%,#8b0b374a,transparent 55%),linear-gradient(135deg,#162a35,#131d29 65%,#262231);border:1px solid #78dfff55;box-shadow:0 28px 60px #172f4b20,inset 0 1px 0 #b0e6ff45}
.appointment-section form{background:linear-gradient(135deg,#ffffff16,#ffffff07);border:1px solid #ffffff29;box-shadow:0 12px 35px #00000016,inset 0 1px 0 #ffffff16;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}
.appointment-section input,.appointment-section select,.appointment-section textarea{background:linear-gradient(140deg,#fffffffa,#edf6fbf2);border-color:#ffffffa3;box-shadow:inset 0 2px 4px #193f5410,0 1px 0 #ffffff15}
.appointment-section .button,.chat-launcher{background:linear-gradient(145deg,#92eaff,#32d2fa 45%,#00b5e9);border:1px solid #90e8ff;box-shadow:0 8px 24px #00a5cc24,inset 0 1px 0 #e5fbff}
.appointment-section .button:hover,.chat-launcher:hover{background:linear-gradient(145deg,#b6f1ff,#44d9ff 45%,#00b9ed);box-shadow:0 10px 28px #00a5cc30,inset 0 1px 0 #fff}
.chat-panel{background:linear-gradient(135deg,#f8fdfff0,#eff8ffdb);border:1px solid #fff;box-shadow:0 20px 60px #16394d26,inset 0 1px 0 #fff;backdrop-filter:blur(30px) saturate(170%);-webkit-backdrop-filter:blur(30px) saturate(170%)}
.chat-heading>button,.menu-toggle{background:linear-gradient(140deg,#ffffffdb,#e6f8ffb0);border:1px solid #fff;box-shadow:0 3px 9px #1544630c,inset 0 1px 0 #fff}
.chat-menu button{background:#ffffff9e;border-color:#ffffffcf;box-shadow:0 3px 9px #15446305,inset 0 1px 0 #fff}
.chat-menu button:hover{background:#e0f6ffb8;border-color:#8de2fa}
@media(max-width:760px){.solution-carousel{box-shadow:0 18px 45px #2d769c17,0 0 0 1px #00bff326,inset 0 1px 0 #fff}.site-header nav{background:linear-gradient(135deg,#fffffff2,#f0faffed);border:1px solid #fff;box-shadow:0 18px 35px #21557216;backdrop-filter:blur(25px) saturate(170%);-webkit-backdrop-filter:blur(25px) saturate(170%)}.faq-list details,.faq-list details:first-child{padding:17px 18px}}
@media(prefers-reduced-transparency:reduce){.site-header,.solution-carousel,.service-card,.story-art,.chat-panel,.faq-list details{background:#f9fcff;backdrop-filter:none;-webkit-backdrop-filter:none}.service-card.featured{background:#a7ecff}.appointment-section form{background:#263440}.app-preview{background:#f4fbff}}
@media(forced-colors:active){.hero h1 em{background:none;-webkit-text-fill-color:currentColor}.slide::before,.slide::after{display:none}}