:root{--ct-primary: #2457d6;--ct-ink: #14213d;--ct-muted: #667085;--ct-line: #e6eaf0;--ct-soft: #f6f8fc;--ct-navy: #0b1736}html{scroll-behavior:smooth;scroll-padding-top:82px}.landing-page{overflow:hidden;background:var(--bs-body-bg);color:var(--ct-ink)}.site-header{position:fixed;inset:0 0 auto;z-index:1030;padding:0;background:#fffffff7;border-bottom:1px solid transparent;transition:background-color .2s,border-color .2s,box-shadow .2s}.site-header.is-scrolled{background:color-mix(in srgb,var(--bs-body-bg) 94%,transparent);border-bottom:1px solid var(--ct-line);box-shadow:0 8px 30px #17253d0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.site-header .navbar{padding:0}.navbar-brand,.footer-brand{color:var(--ct-ink)}.cleotech-brand{display:flex;align-items:center;width:190px;height:72px;padding:0;overflow:visible}.cleotech-logo{display:block;width:auto;max-width:100%;object-fit:contain;object-position:center}.cleotech-logo-navbar{width:auto;max-width:none;height:44px;margin:0}.cleotech-logo-footer{width:auto;max-width:none;height:60px;margin:0}.mini-logo{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--ct-primary),#15399b);font-weight:800}.site-header .nav-link{position:relative;padding:1rem .72rem!important;color:#4d596c;font-size:.91rem;font-weight:500;transition:color .2s ease}.site-header .nav-link:after{content:"";position:absolute;right:.72rem;bottom:.65rem;left:.72rem;height:2px;background:var(--ct-primary);border-radius:2px;transform:scaleX(0);transition:transform .2s}.site-header .nav-link:hover,.site-header .nav-link.active{color:var(--ct-primary)}.site-header .nav-link:hover:after,.site-header .nav-link.active:after{transform:scaleX(1)}.site-header a:focus-visible,.site-header button:focus-visible,.landing-page a:focus-visible,.site-footer a:focus-visible{outline:3px solid rgba(36,87,214,.35);outline-offset:3px;border-radius:8px}@media (min-width: 992px){.navbar-shell{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;min-height:78px;column-gap:1rem}.navbar-shell .navbar-collapse{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;column-gap:1rem}.landing-navigation{margin-inline:auto}}.site-header .btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.btn{border-radius:10px;font-weight:600;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.btn-primary{background:var(--ct-primary);border-color:var(--ct-primary);box-shadow:0 8px 20px #2457d62e}.btn-primary:hover{background:#1d49b8;border-color:#1d49b8;transform:translateY(-1px)}.hero-section .btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding-inline:1.35rem}.hero-section .btn-outline-secondary{color:#fff;background:#ffffff12;border-color:#ffffff61}.hero-section .btn-outline-secondary:hover{color:#fff;background:#ffffff24;border-color:#ffffff9e;transform:translateY(-1px)}.hero-section{position:relative;isolation:isolate;display:flex;align-items:center;min-height:78vh;padding:145px 0 90px;overflow:hidden;background:linear-gradient(135deg,#07142d,#102a5a)}.hero-video{position:absolute;z-index:-3;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#07142df0,#07142ddb 46%,#07142dab)}.hero-content{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:1.15rem;color:var(--ct-primary);font-size:.72rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.hero-section .eyebrow{color:#8ed9ff}.hero-section h1{margin-bottom:1.5rem;color:#f8fafc;font-size:clamp(3rem,5vw,5rem);line-height:1.02;letter-spacing:-.05em}.hero-section h1 span{color:#69a7ff}.hero-copy{max-width:650px;margin-bottom:2rem;color:#d5deeb;font-size:1.14rem;line-height:1.75}.system-visual{position:relative;margin-left:1rem;background:#fff;border:1px solid #d7dfed;border-radius:22px;box-shadow:0 34px 70px #182a4f29,0 8px 24px #2457d614;transform:perspective(1000px) rotateY(-2deg)}.system-visual:before{content:"";position:absolute;z-index:-1;top:-70px;right:-70px;bottom:-70px;left:-70px;background:radial-gradient(circle,rgba(36,87,214,.12),transparent 66%);pointer-events:none}.visual-top{display:flex;align-items:center;gap:6px;height:42px;padding:0 16px;border-bottom:1px solid #edf0f4}.visual-top span{width:7px;height:7px;background:#d5dbe5;border-radius:50%}.visual-top small{margin:auto;color:#8a94a5;font-size:.65rem}.visual-body{display:flex;min-height:350px}.visual-body aside{display:flex;align-items:center;gap:19px;flex-direction:column;width:58px;padding:18px 10px;color:#9ba5b4;border-right:1px solid #edf0f4}.visual-body aside .mini-logo{width:29px;height:29px;margin-bottom:5px;border-radius:8px;font-size:.7rem}.visual-body aside i.active{padding:7px;color:var(--ct-primary);background:#edf2ff;border-radius:7px}.visual-content{flex:1;padding:26px}.visual-heading,.chart-title,.stock-table>div,.stock-table p{display:flex;align-items:center;justify-content:space-between}.visual-heading small,.visual-heading strong,.metric-row small,.metric-row b,.metric-row em,.status-pill b,.status-pill small,.stock-card small,.stock-card b,.stock-card span{display:block}.visual-heading small,.chart-title small{color:#929bab;font-size:.65rem}.visual-avatar{display:grid;place-items:center;width:32px;height:32px;color:var(--ct-primary);background:#e9efff;border-radius:9px;font-size:.64rem;font-weight:700}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.metric-row>div,.chart-card{padding:15px;border:1px solid #edf0f4;border-radius:11px}.metric-row small{color:#8b95a5;font-size:.57rem}.metric-row b{margin:.35rem 0;color:#233250;font-size:1.08rem}.metric-row em{color:#16a085;font-size:.55rem;font-style:normal}.chart-title{font-size:.72rem}.bars{display:flex;align-items:flex-end;gap:12px;height:110px;padding-top:18px;border-bottom:1px solid #edf0f4}.bars i{flex:1;background:linear-gradient(180deg,var(--ct-primary),#8caaf5);border-radius:5px 5px 0 0}.status-pill{position:absolute;right:-24px;bottom:-25px;display:flex;align-items:center;gap:10px;padding:13px 16px;background:#fff;border:1px solid #e4e9f0;border-radius:12px;box-shadow:0 16px 35px #182a4f24}.status-pill i{color:#16a085;font-size:1.5rem}.status-pill b{color:#263552;font-size:.68rem}.status-pill small{color:#8a94a5;font-size:.56rem}.capability-strip{padding:22px 0;color:#dce4f5;background:var(--ct-navy)}.capability-strip .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:22px 34px;font-size:.78rem;font-weight:600}.capability-strip span{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.capability-strip span i{color:#8fb0ff;font-size:1.05rem}.section-space{padding:110px 0}.section-heading{max-width:700px;margin:0 auto 52px;text-align:center}.section-heading h2,.tech-section h2{color:var(--ct-ink);font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-.04em}.section-heading p,.service-card p,.solution-card p,.why-card p,.process-grid p{color:var(--ct-muted);line-height:1.65}.service-card{height:100%;padding:34px;background:var(--bs-body-bg);border:1px solid var(--ct-line);border-radius:16px;box-shadow:0 8px 26px #182a4f09;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.service-card:hover{transform:translateY(-4px);border-color:#c9d5ec;box-shadow:0 22px 45px #182a4f17}.service-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:22px;color:var(--ct-primary);background:#edf2ff;border-radius:12px;font-size:1.45rem}.service-card h3,.solution-card h3,.why-card h3,.process-grid h3{color:var(--ct-ink);font-size:1.08rem}.service-card ul{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:22px 0 0;list-style:none}.service-card li{padding:6px 10px;color:#526078;background:var(--ct-soft);border-radius:6px;font-size:.72rem}.process-section,.solutions-section{background:var(--ct-soft)}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);position:relative}.process-grid:before{content:"";position:absolute;top:21px;right:10%;left:10%;height:1px;background:linear-gradient(90deg,transparent,#c6d2e7 10%,#c6d2e7 90%,transparent)}.process-grid article{padding:0 24px;text-align:center}.process-grid article>span{position:relative;z-index:1;display:grid;place-items:center;width:42px;height:42px;margin:0 auto 22px;color:var(--ct-primary);background:var(--bs-body-bg);border:1px solid #cad5e8;border-radius:50%;box-shadow:0 5px 14px #182a4f0f;font-size:.69rem;font-weight:700}.process-grid p{font-size:.82rem}.product-panel{padding:72px;overflow:hidden;color:#dce5f6;background:linear-gradient(135deg,#0b1736,#173468);border-radius:26px}.eyebrow.light{color:#95aff3}.product-label{display:block;width:max-content;margin-bottom:18px;padding:5px 9px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);border-radius:5px;font-size:.68rem}.product-panel h2{margin:0;color:#fff;font-size:3.3rem;letter-spacing:-.05em}.product-panel h3{color:#9bb6ff;font-size:1.25rem}.product-panel p{color:#bdc9df;line-height:1.75}.product-ui{overflow:hidden;color:#293651;background:#f7f9fc;border:7px solid rgba(255,255,255,.14);border-radius:17px;box-shadow:0 25px 50px #00000038;transform:rotate(1.5deg)}.product-ui-head{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fff;border-bottom:1px solid #e7ebf1}.product-ui-head b{margin-right:auto}.product-ui-head b span{display:inline-grid;place-items:center;width:24px;height:24px;color:#fff;background:#16a085;border-radius:7px}.product-ui-head small{color:#8a95a6}.product-ui-body{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px}.stock-card,.stock-table{padding:14px;background:#fff;border:1px solid #e9edf2;border-radius:9px}.stock-card small{color:#8490a1;font-size:.6rem}.stock-card b{margin:7px 0}.stock-card span{color:#15927f;font-size:.55rem}.stock-table{grid-column:1/-1}.stock-table p{padding:9px 0;margin:0;border-top:1px solid #eef1f5;font-size:.61rem}.stock-table em{color:#8490a1;font-style:normal}.solution-card,.why-card{height:100%;padding:28px 22px;border:1px solid var(--ct-line);background:color-mix(in srgb,var(--bs-body-bg) 82%,transparent);border-radius:14px;box-shadow:0 6px 20px #182a4f06;transition:transform .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.solution-card:hover,.why-card:hover{transform:translateY(-4px);background:var(--bs-body-bg);border-color:var(--ct-line);box-shadow:0 18px 40px #182a4f12}.solution-card>i,.why-card>i{margin-bottom:20px;color:var(--ct-primary);font-size:1.55rem}.solution-card p,.why-card p{margin:0;font-size:.87rem}.tech-section{padding:65px 0;border-block:1px solid var(--ct-line)}.tech-list{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}.tech-list span{padding:10px 15px;color:#4f5d72;background:var(--bs-body-bg);border:1px solid var(--ct-line);border-radius:8px;font-size:.78rem;font-weight:600}.founder-section{background:#f4f7fb;border-top:1px solid #edf1f6}.founder-visual{position:relative;display:flex;align-items:flex-start;justify-content:center;height:560px;overflow:visible}.founder-visual:before{content:"";position:absolute;right:8%;bottom:2%;left:8%;height:48%;background:radial-gradient(ellipse,rgba(36,87,214,.09),transparent 70%);filter:blur(18px);pointer-events:none}.founder-image{position:relative;z-index:1;display:block;width:auto;max-width:none;height:720px;margin-top:-120px;object-fit:contain}.founder-content{max-width:670px}.founder-content h2{margin-bottom:1.5rem;color:var(--ct-ink);font-size:clamp(2.1rem,3.6vw,3.25rem);line-height:1.08;letter-spacing:-.045em}.founder-content p{margin-bottom:1.15rem;color:var(--ct-muted);font-size:1rem;line-height:1.8}.founder-identity{display:flex;flex-direction:column;gap:3px;margin-top:2rem;padding-left:18px;border-left:3px solid var(--ct-primary)}.founder-identity strong{color:var(--ct-ink);font-size:1.05rem}.founder-identity span{color:var(--ct-muted);font-size:.86rem}.contact-section{padding-bottom:110px}.contact-panel{padding:80px 20px;color:#fff;background:var(--ct-navy);border-radius:24px;box-shadow:inset 0 1px #ffffff14;text-align:center}.contact-panel h2{color:#fff;font-size:clamp(2.2rem,4vw,3.5rem);letter-spacing:-.04em}.contact-panel p{max-width:610px;margin:1rem auto 2rem;color:#dce5ff}.enquiry-section{padding:110px 0;background:var(--ct-soft);border-top:1px solid var(--ct-line);scroll-margin-top:76px}.enquiry-intro{position:sticky;top:120px;max-width:470px}.enquiry-intro h2{margin-bottom:1.25rem;color:var(--ct-ink);font-size:clamp(2.25rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.045em}.enquiry-intro>p{color:var(--ct-muted);font-size:1.05rem;line-height:1.75}.enquiry-contact-list{display:grid;gap:1.25rem;margin:2rem 0}.enquiry-contact-item{display:flex;align-items:flex-start;gap:.9rem;color:var(--ct-muted)}.enquiry-contact-item>i{flex:0 0 auto;margin-top:.15rem;color:var(--ct-primary);font-size:1.35rem}.enquiry-contact-item strong{display:block;margin-bottom:.25rem;color:var(--ct-ink);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.enquiry-contact-item a{color:var(--ct-primary);font-weight:600;overflow-wrap:anywhere}.enquiry-contact-item address{margin:0;color:var(--ct-muted);font-style:normal;line-height:1.65}.enquiry-promise{display:flex;align-items:flex-start;gap:14px;margin-top:2rem;padding-top:1.75rem;border-top:1px solid var(--ct-line)}.enquiry-promise>i{color:var(--ct-primary);font-size:1.5rem}.enquiry-promise strong,.enquiry-promise small{display:block}.enquiry-promise strong{color:var(--ct-ink);font-size:.92rem}.enquiry-promise small{margin-top:4px;color:var(--ct-muted);font-size:.8rem}.enquiry-form,.enquiry-success{padding:38px;background:var(--bs-body-bg);border:1px solid var(--ct-line);border-radius:18px;box-shadow:0 20px 50px #182a4f12}.enquiry-form .form-label{margin-bottom:.55rem;color:var(--ct-ink);font-size:.82rem;font-weight:600}.enquiry-form .form-control,.enquiry-form .form-select{min-height:48px;border-color:#d8e0ec;border-radius:9px}.enquiry-form textarea.form-control{min-height:150px;resize:vertical}.enquiry-form .form-control:focus,.enquiry-form .form-select:focus{border-color:var(--ct-primary);box-shadow:0 0 0 .2rem #2457d61f}.optional-label{margin-left:5px;color:var(--ct-muted);font-size:.68rem;font-weight:400}.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.enquiry-success{display:grid;place-items:center;min-height:430px;padding-inline:50px;text-align:center}.enquiry-success>i{margin-bottom:1.25rem;color:#119a78;font-size:3.5rem}.enquiry-success h3{color:var(--ct-ink);font-size:1.65rem}.enquiry-success p{max-width:430px;margin:.6rem auto 0;color:var(--ct-muted)}.site-footer{padding:75px 0 25px;color:#9daac3;background:#08132d}.footer-brand,.footer-heading{color:#fff}.footer-email{display:inline-flex;align-items:center;gap:.5rem;color:#ffffffd1;overflow-wrap:anywhere}.footer-email:hover{color:#fff}.footer-intro{max-width:350px}.footer-heading{margin-bottom:18px;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.site-footer .col-6>a{display:block;margin-bottom:11px;color:#9daac3;font-size:.85rem}.site-footer a:hover{color:#fff}.site-footer a{transition:color .2s ease}.footer-bottom{padding-top:22px;margin-top:55px;border-top:1px solid rgba(255,255,255,.09);font-size:.73rem}[data-bs-theme=dark] .landing-page{--ct-ink: #edf2ff;--ct-muted: #aab5c7;--ct-line: #29354d;--ct-soft: #111d34}[data-bs-theme=dark] .founder-section{background:#111d34;border-color:#29354d}[data-bs-theme=dark] .enquiry-form,[data-bs-theme=dark] .enquiry-success{background:#131f36}[data-bs-theme=dark] .hero-section{background:linear-gradient(135deg,#07142d,#102a5a)}[data-bs-theme=dark] .system-visual,[data-bs-theme=dark] .status-pill,[data-bs-theme=dark] .metric-row>div,[data-bs-theme=dark] .chart-card{background:#131f36;border-color:#29354d}[data-bs-theme=dark] .navbar-brand{color:#fff}@media (max-width: 991.98px){.site-header{background:var(--bs-body-bg)}.site-header .navbar-collapse{margin-top:12px;padding:18px;background:var(--bs-body-bg);border:1px solid var(--ct-line);border-radius:14px}.site-header .navbar-collapse .btn{width:100%;margin-top:10px}.cleotech-brand{width:178px;height:68px}.cleotech-logo-navbar{width:auto;max-width:none;height:41px;margin:0}.hero-section{min-height:72vh;padding:125px 0 80px}.system-visual{max-width:650px;margin:15px auto 0;transform:none}.process-grid{grid-template-columns:repeat(3,1fr);gap:32px 0}.process-grid:before{display:none}.product-panel{padding:55px 40px}.tech-list{justify-content:flex-start}.enquiry-intro{position:static;max-width:680px}}@media (max-width: 767.98px){.cleotech-brand{width:168px;height:68px}.cleotech-logo-navbar{width:auto;max-width:none;height:39px;margin:0}.cleotech-logo-footer{width:auto;height:54px;margin:0}.section-space,.enquiry-section{padding:80px 0}.enquiry-form{padding:26px}.founder-visual{height:430px}.founder-image{height:540px;margin-top:-90px}.founder-content h2{font-size:2.25rem}.hero-section{min-height:680px;background:linear-gradient(135deg,#07142d,#102a5a)}.hero-video{display:none}.hero-overlay{background:linear-gradient(135deg,#07142df5,#102a5ae0)}.hero-section h1{font-size:2.75rem}.process-grid{grid-template-columns:1fr 1fr}.product-panel{padding:42px 24px}.status-pill{right:12px}.visual-content{padding:18px}.product-ui{transform:none}}@media (max-width: 480px){.cleotech-brand{width:150px;max-width:calc(100% - 58px);height:64px}.cleotech-logo-navbar{width:auto;max-width:145px;height:36px;margin:0}.hero-section{min-height:640px;padding:112px 0 72px}.hero-section h1{font-size:2.28rem}.hero-section .btn{width:100%}.enquiry-form{padding:22px 18px;border-radius:14px}.enquiry-form .btn{width:100%}.enquiry-success{min-height:340px;padding:30px 20px}.founder-visual{height:380px}.founder-image{height:450px;margin-top:-65px}.founder-content h2{font-size:2rem}.visual-body aside{display:none}.metric-row{grid-template-columns:1fr 1fr}.metric-row>div:last-child{display:none}.process-grid{grid-template-columns:1fr}.product-ui-body{grid-template-columns:1fr 1fr}.stock-card:nth-child(3){display:none}}@media (prefers-reduced-motion: reduce){.hero-video{display:none}.hero-section{background:linear-gradient(135deg,#07142d,#102a5a)}}