@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{--navy:#10284e;--blue:#2863de;--muted:#5f6d83;--line:#dfe6ef;--pale:#f2f7fd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--navy);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #2863de;outline-offset:5px}.wrap{max-width:1200px;margin:auto;width:calc(100% - 96px)}header{height:96px;max-width:1296px;padding:0 48px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;font-family:Manrope,Arial,sans-serif;font-size:24px;font-weight:800;letter-spacing:-1px}.erp{font-size:12px;letter-spacing:1.7px;margin-left:8px;font-weight:600}.mark{background:var(--navy);color:white;width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:29px;position:relative}.mark span{font-size:17px;position:absolute;right:4px;top:-2px;color:#9ac6ff}nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}nav a:hover,.text-link:hover{color:var(--blue)}.nav-cta{padding:11px 20px;border:1px solid var(--line);border-radius:7px}.nav-cta span{margin-left:16px}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1.04fr;gap:42px;align-items:center;padding-top:70px;padding-bottom:91px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;margin:0 0 22px;color:var(--blue);display:flex;align-items:center;gap:10px}.eyebrow>span{width:7px;height:7px;background:var(--blue);border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(48px,5.2vw,72px);line-height:1.12;letter-spacing:-3.8px;font-weight:800;margin-bottom:25px}h1 em{color:var(--blue);font-style:normal}.intro{font-size:18px;color:var(--muted);max-width:430px;line-height:1.8;margin-bottom:28px}.actions{display:flex;align-items:center;gap:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border-radius:7px;padding:15px 21px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--blue);color:white;box-shadow:0 8px 18px #2863de20}.text-link{font-size:14px;font-weight:700}.text-link span{margin-left:10px}.hero-note{display:flex;gap:13px;align-items:center;font-size:12px;color:var(--muted);margin-top:29px}.hero-note i{width:3px;height:3px;background:#9aaac0;border-radius:50%}.product-stage{position:relative;background:linear-gradient(140deg,#edf5ff,#dceaff);border-radius:16px;padding:28px 20px 62px;margin-right:-18px;transform:rotate(-1deg)}.stage-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;font-weight:700;margin-bottom:20px;color:#6b83a2}.stage-label span{font-size:9px}.product{background:white;border:1px solid #d5e1f0;border-radius:10px;box-shadow:0 22px 40px #17365914;overflow:hidden}.product-head{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid #edf0f5}.small-brand{font-weight:800;font-size:14px}.small-brand b{font-size:9px;color:var(--blue)}.sample{font-size:9px;color:#71849f;letter-spacing:1px}.product-body{display:flex;min-height:312px}.product aside{width:49px;flex-shrink:0;border-right:1px solid #edf0f5;display:flex;align-items:center;flex-direction:column;padding-top:16px;gap:15px;color:#8c9bb0}.product aside span{width:29px;text-align:center;border-radius:5px}.product aside .active{background:#eaf1ff;color:var(--blue)}.workspace{padding:20px;width:100%}.workspace-title{display:flex;justify-content:space-between;align-items:center}.workspace-title small{font-size:8px;letter-spacing:1px;color:#8b9ab1}.workspace h3{font-size:17px;margin:4px 0 17px;letter-spacing:-.4px}.avatar{display:grid;place-items:center;width:28px;height:28px;background:#eff4fb;border-radius:50%;font-size:9px}.mini-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.mini-cards>div{padding:12px;background:#f5f8fd;border:1px solid #e5ecf6;border-radius:6px;display:flex;flex-direction:column}.mini-cards span{font-size:10px;color:#69809b}.mini-cards b{font-size:12px;margin:5px 0}.mini-cards small{font-size:9px;color:#8795a9}.activity-head{display:flex;justify-content:space-between;font-size:10px;margin-bottom:8px}.activity-head span{color:#8e9db2}.activity-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf1f6;padding:10px 0}.activity-row:last-child{border:0}.activity-row .icon{font-size:9px;background:#eff4fc;color:#5585cb;padding:5px;border-radius:5px}.activity-row div{display:flex;flex-direction:column}.activity-row b{font-size:10px}.activity-row small{font-size:8px;color:#8895a8}.pill{margin-left:auto;font-size:8px;color:#4b77b0;background:#edf4fd;padding:2px 7px;border-radius:4px}.floating-note{position:absolute;bottom:19px;left:49px;right:-10px;background:white;padding:16px 20px;border:1px solid #e0e9f6;border-radius:9px;display:flex;gap:13px;align-items:center;box-shadow:0 10px 30px #1b3e7114;transform:rotate(1deg)}.note-icon{display:grid;place-items:center;border-radius:50%;width:31px;height:31px;background:#eaf2ff;color:var(--blue)}.floating-note strong{font-size:12px;display:block}.floating-note small{font-size:10px;color:var(--muted)}.industry-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fbfcfe}.industry-strip>.wrap{display:flex;justify-content:space-between;align-items:center;padding:25px 0;gap:25px}.industry-strip span{font-size:10px;letter-spacing:1.4px;color:#8a97a9}.industry-strip b{font-size:16px;font-weight:600;color:#60728b}.section{padding-top:95px;padding-bottom:95px}h2{font-size:40px;line-height:1.25;letter-spacing:-1.6px;margin-bottom:0;font-weight:800}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about>div>p:not(.eyebrow){color:var(--muted);line-height:1.9}.about .text-link{display:inline-block;margin-top:5px}.features{background:var(--pale)}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:44px}.section-top>p{color:var(--muted);font-size:15px;margin-bottom:4px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article{background:white;border:1px solid #e1e8f2;border-radius:10px;padding:28px 27px 25px;transition:transform .2s,box-shadow .2s}.feature-grid article:hover{transform:translateY(-5px);box-shadow:0 12px 26px #122d5010}.feature-icon{background:#edf3ff;color:var(--blue);display:inline-flex;justify-content:center;align-items:center;width:41px;height:41px;font-size:22px;border-radius:9px}.number{float:right;color:#aab7c9;font-size:12px}.feature-grid h3{margin-top:24px;margin-bottom:12px;font-size:20px;letter-spacing:-.5px}.feature-grid p{color:var(--muted);font-size:15px;line-height:1.8;min-height:108px;margin-bottom:23px}.feature-tag{font-size:10px;letter-spacing:1.4px;color:#7c90ac;font-weight:700}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:0;margin:50px 0 0;list-style:none}.steps li{border-top:1px solid #cad8ea;padding-top:25px}.steps li>span{font-size:13px;color:var(--blue);font-weight:700}.steps h3{font-size:18px;margin:17px 0 11px;letter-spacing:-.4px}.steps p{color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:0}.contact{padding:54px 60px;background:var(--navy);color:white;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact .eyebrow{color:#94bdff}.contact h2{font-size:43px}.contact p:not(.eyebrow){color:#b8c8e0;font-size:15px;line-height:1.8;margin:22px 0 0}.light{background:white;color:var(--navy);white-space:nowrap}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:47px;padding-bottom:45px}footer .brand{font-size:19px}footer .mark{width:32px;height:32px;font-size:24px}footer .mark span{font-size:14px}footer p,footer>a:last-child{font-size:12px;color:var(--muted);margin:0}footer .erp{font-size:9px}
@media(min-width:1400px){.hero{padding-top:90px;padding-bottom:110px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}header{padding:0 24px}.hero{gap:25px}.product-stage{margin-right:0}.actions{gap:15px;flex-wrap:wrap}h1{font-size:54px}.about{gap:40px}.contact{padding:45px}.feature-grid article{padding:23px}.feature-grid p{min-height:135px}.floating-note{left:20px;right:10px}}@media(max-width:760px){header{height:78px}.menu{display:block;border:0;background:#f0f5fc;color:var(--navy);border-radius:6px;padding:5px 12px;font-size:23px}nav{display:none;position:absolute;top:70px;left:24px;right:24px;background:white;padding:20px;box-shadow:0 10px 30px #10284e20;z-index:10;border-radius:8px;align-items:stretch;gap:16px}nav.open{display:flex;flex-direction:column}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:60px;gap:50px}h1{font-size:58px;letter-spacing:-3px}.intro{font-size:17px;max-width:480px}.product-stage{max-width:530px;width:100%;margin:auto;transform:none}.floating-note{transform:none}.industry-strip>.wrap{flex-wrap:wrap;gap:15px 25px}.industry-strip span{width:100%}.industry-strip b{font-size:13px}.section{padding-top:60px;padding-bottom:60px}.about{grid-template-columns:1fr;gap:27px}h2{font-size:33px}.section-top{display:block;margin-bottom:30px}.section-top>p{margin:22px 0 0}.feature-grid{grid-template-columns:1fr 1fr;gap:14px}.feature-grid p{min-height:0}.feature-grid h3{font-size:18px}.steps{grid-template-columns:1fr 1fr;gap:25px}.contact{padding:34px 28px;align-items:flex-start;flex-direction:column}.contact h2{font-size:35px}footer{flex-wrap:wrap;padding-top:35px;padding-bottom:30px}footer p{order:3;width:100%}}@media(max-width:430px){.feature-grid{grid-template-columns:1fr}.wrap{width:calc(100% - 40px)}header{padding:0 20px}h1{font-size:52px}.brand{font-size:22px}.hero-note{gap:10px;font-size:11px}.workspace{padding:13px}.product-stage{padding:20px 12px 64px}.workspace h3{font-size:15px}.product aside{width:33px}.sample{font-size:8px}.mini-cards b{font-size:10px}.floating-note{padding:12px;left:12px;right:12px}.floating-note strong{font-size:10px}.floating-note small{font-size:9px}.steps{gap:18px}.steps h3{font-size:16px}.steps p{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Supplied brand artwork and direct contact links. */
header{height:126px}.logo-window{position:relative;display:block;width:180px;height:114px;overflow:hidden;flex-shrink:0}.logo-window img{position:absolute;left:50%;top:50%;width:370px;height:auto;max-width:none;transform:translate(-50%,-50%)}footer .logo-window{width:160px;height:104px}footer .logo-window img{width:335px}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.contact-links>a:not(.button){font-size:17px;overflow-wrap:anywhere}.contact-links>a:not(.button):hover{text-decoration:underline}.contact-links>a>span:not(.button span){display:block;font-size:11px;letter-spacing:1.5px;color:#a8c4ec}.contact-links .button span{color:inherit;font-size:16px;letter-spacing:0}.contact-links .button{margin-bottom:3px}@media(max-width:760px){header{height:108px}.logo-window{width:155px;height:99px}.logo-window img{width:325px}nav{top:100px}.contact-links{max-width:100%}.contact-links>a:not(.button){font-size:16px}}

/* Multi-industry positioning and customer support. */
.industry-strip>.wrap{flex-wrap:wrap;justify-content:flex-start;gap:18px 30px}.industry-strip span{width:100%}.industry-strip b{font-size:15px}.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.support-grid article{border:1px solid var(--line);border-radius:10px;padding:30px;background:#fff}.support-no{font-size:12px;letter-spacing:1.3px;color:var(--blue);font-weight:700}.support-grid h3{font-size:23px;letter-spacing:-.6px;margin:18px 0 12px}.support-grid p{color:var(--muted);margin:0;line-height:1.8}.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid var(--line);padding-top:34px;margin-top:40px}.benefits b{font-size:17px}.benefits p{font-size:15px;color:var(--muted);margin:8px 0 0}.workflow{border-top:1px solid var(--line)}nav{gap:24px}@media(max-width:1000px){nav{gap:15px;font-size:13px}}@media(max-width:760px){.support-grid,.benefits{grid-template-columns:1fr}.support-grid article{padding:25px}.support-grid h3{font-size:21px}.benefits{gap:24px}.industry-strip>.wrap{gap:14px 22px}.industry-strip b{font-size:14px}.hero-note{flex-wrap:wrap}nav{font-size:14px}}

/* CotNexus brand palette: ocean blue, teal and warm orange. */
:root{--blue:#106fc2;--pale:#edf8ff;--muted:#51647e}body{background:linear-gradient(120deg,#f0f8ff 0%,#fff 37%,#ecfcf8 75%,#fff6e9 100%);background-attachment:fixed}header{border-bottom:1px solid #dbe9ed;background:#ffffffed;border-radius:0 0 20px 20px;max-width:1296px}.nav-cta{background:linear-gradient(115deg,#125cac,#08877f);color:white;border:0;box-shadow:0 5px 16px #106fc225}.nav-cta:hover{color:white;filter:brightness(1.08)}.hero-brand{margin-bottom:20px;display:flex;flex-direction:column;gap:5px}.hero-brand>b{font-family:Manrope,Arial,sans-serif;font-size:30px;font-weight:800;letter-spacing:-1px}.hero-brand>b>span{color:#078d8b}.hero-brand>span{font-size:10px;letter-spacing:2px;color:#4b6988;font-weight:700}.hero{padding-top:48px;padding-bottom:70px}h1 em,.colour-text{background:linear-gradient(105deg,#1154a2,#087f88 67%,#a45c15);background-clip:text;-webkit-background-clip:text;color:transparent}.primary{background:linear-gradient(105deg,#1767bf,#098c8b);box-shadow:0 8px 20px #087f8830}.hero-note>span{background:#fff;border:1px solid #d5e8f0;padding:5px 9px;border-radius:20px;color:#345779}.hero-note i{display:none}.hero-note{gap:8px;flex-wrap:wrap}.product-stage{background:linear-gradient(140deg,#adddff,#96e5db 65%,#ffcf83);border:1px solid #acd7e9;box-shadow:0 24px 60px #16768f1c;transform:rotate(-1deg)}.showcase-brand{display:flex;align-items:center;gap:16px;margin-bottom:22px}.showcase-brand .logo-window,.support-brand .logo-window,.contact-brand .logo-window{width:111px;height:78px;background:#fff;border-radius:12px;box-shadow:0 3px 16px #173c6810}.showcase-brand .logo-window img,.support-brand .logo-window img,.contact-brand .logo-window img{width:242px}.showcase-brand>div,.support-brand>div{display:flex;flex-direction:column}.showcase-brand b{font-family:Manrope,Arial,sans-serif;font-size:22px;letter-spacing:-.5px}.showcase-brand>div>span{font-size:12px;color:#24526c}.stage-label{color:#234f68}.stage-label span{color:#355d73}.mini-cards>div:first-child{background:#ebf5ff;border-color:#bddcff}.mini-cards>div:last-child{background:#eafbf5;border-color:#b8e6d7}.floating-note{border-left:4px solid #ee9b36}.note-icon{background:#dff5ed;color:#08775e}.industry-strip{background:linear-gradient(110deg,#0d2c58,#086c82);border:0}.industry-strip span{color:#acd7eb;font-size:12px}.industry-strip b{color:#fff;background:#ffffff12;border:1px solid #ffffff30;padding:7px 14px;border-radius:8px;font-size:14px}.industry-strip>.wrap{gap:14px}.about .eyebrow{color:#087d79}.features{background:linear-gradient(130deg,#e6f3ff,#eefaf7 65%,#fff3df)}.feature-grid article{border-top:4px solid var(--card-accent,#246ec8);background:var(--card-bg,#f8fbff);box-shadow:0 5px 18px #294a7010;border-radius:13px}.feature-grid article:nth-child(3n+1){--card-accent:#256bbd;--card-bg:#f7fbff}.feature-grid article:nth-child(3n+2){--card-accent:#078681;--card-bg:#f4fcf9}.feature-grid article:nth-child(3n){--card-accent:#b76816;--card-bg:#fffbf4}.feature-icon{color:var(--card-accent);background:white;border:1px solid #dbe6eb;box-shadow:0 3px 8px #18345508}.feature-tag{color:var(--card-accent)}.number{color:#63748a}.feature-grid article:hover{box-shadow:0 15px 30px #164f7420}.support-brand{display:flex;gap:20px;align-items:center;margin-bottom:35px}.support-brand b{font-family:Manrope,Arial,sans-serif;font-size:23px}.support-brand>div>span{font-size:14px;color:var(--muted);margin-top:5px}.support-grid article{border:1px solid #cbe6ea;border-left:5px solid #118b89;background:linear-gradient(115deg,#fff,#effbf8)}.support-grid article:nth-child(2n){border-left-color:#2773c8;background:linear-gradient(115deg,#fff,#edf5ff)}.support-grid article:last-child{border-left-color:#d39034;background:linear-gradient(115deg,#fff,#fff6e8)}.benefits{border:0;background:linear-gradient(110deg,#102f5e,#086d7c);border-radius:14px;padding:28px 30px;color:#fff}.benefits p{color:#d3e7ef}.steps li{border-top:3px solid #0e8f91}.steps li:nth-child(2){border-color:#236cc6}.steps li:nth-child(3){border-color:#d69236}.steps li:nth-child(4){border-color:#0c846b}.steps li>span{display:inline-flex;width:38px;height:38px;border-radius:10px;align-items:center;justify-content:center;background:#def3ee;color:#126f65}.steps li:nth-child(2)>span{background:#e1edfc;color:#205db0}.steps li:nth-child(3)>span{background:#ffecd0;color:#95571a}.contact{background:linear-gradient(115deg,#102750,#115d88 57%,#087d77);box-shadow:0 20px 45px #0e5b7820;position:relative;border-top:5px solid #e6a24c}.contact-brand{display:flex;align-items:center;gap:16px;margin-bottom:25px}.contact-brand strong{font-family:Manrope,Arial,sans-serif;font-size:24px}.contact .eyebrow{color:#b1f0dc}.contact p:not(.eyebrow){color:#e0edf5}.contact-links>a>span:not(.button span){color:#c2eee7}.contact .light{background:#ffe1aa;color:#153551}.contact-links .button:hover{background:#ffcf7b}footer{margin-top:35px;border-top:1px solid #c8dde7}footer p{font-size:13px}.hero .eyebrow{font-size:12px}.hero-note{margin-top:24px}@media(max-width:1000px){header{max-width:100%;border-radius:0}.hero{gap:28px}.showcase-brand{gap:12px}.showcase-brand b{font-size:20px}.hero-brand>b{font-size:27px}}@media(max-width:760px){.hero{padding-top:32px;padding-bottom:50px}.product-stage{transform:none}.showcase-brand>div>span{font-size:11px}.support-brand{align-items:center;gap:14px}.support-brand b{font-size:19px}.support-brand>div>span{font-size:13px}.contact-brand{gap:12px;flex-wrap:wrap}.contact-brand strong{font-size:22px}.benefits{padding:25px}.industry-strip b{font-size:13px}.hero-brand>b{font-size:27px}nav{background:#fff}.hero-note>span{font-size:12px}}@media(max-width:430px){.showcase-brand .logo-window{width:96px;height:68px}.showcase-brand .logo-window img{width:216px}.showcase-brand b{font-size:18px}.showcase-brand>div>span{max-width:160px}.support-brand .logo-window{width:100px;height:74px}.support-brand .logo-window img{width:227px}.support-brand b{font-size:18px}.hero-brand>span{letter-spacing:1.4px}}

/* Focused navigation: one view at a time. */
[hidden]{display:none!important}body{min-height:100vh;display:flex;flex-direction:column}main{flex:1}header{flex-shrink:0}nav{gap:20px}nav a[aria-current="page"]:not(.nav-cta){color:#087d79;box-shadow:0 3px 0 #0caaa0;padding-bottom:5px}main>.section{padding-top:48px;padding-bottom:48px}.hero{padding-top:28px;padding-bottom:38px}.hero h1{font-size:clamp(44px,4.5vw,62px)}.hero-brand{margin-bottom:12px}.hero .eyebrow{margin-bottom:15px}.hero .intro{margin-bottom:21px}.industry-strip>.wrap{padding-top:18px;padding-bottom:18px}.industry-strip>.wrap>span{margin:0}.feature-grid article,.support-grid article{padding:0}.card-link{display:flex;flex-direction:column;position:relative;padding:22px 25px;height:100%;border-radius:10px}.card-link:focus-visible{outline-offset:3px}.card-link .number{position:absolute;right:24px;top:23px}.feature-grid h3{margin-top:16px;margin-bottom:12px}.feature-tag{margin-bottom:13px}.read-description{display:block;color:#175e9e;font-size:14px;font-weight:700;margin-top:auto}.support-grid .read-description{margin-top:10px}.feature-grid{gap:15px}.features .section-top{margin-bottom:28px}.support-brand{margin-bottom:22px}.support-grid{gap:16px}.benefits{margin-top:25px;padding:23px 26px}.why .section-top{margin-bottom:25px}.workflow .steps{margin-top:32px}.contact{margin-top:32px;margin-bottom:24px}.detail-view{max-width:950px}.detail-panel{margin-top:24px;padding:45px;background:linear-gradient(115deg,#fff,#ecfaf7);border:1px solid #c4e4e6;border-top:5px solid #138e92;border-radius:16px;box-shadow:0 15px 40px #0d406810}.detail-title{font-size:clamp(30px,4vw,48px);line-height:1.2;letter-spacing:-1.5px;margin-bottom:24px}.detail-description{font-size:20px;line-height:1.85;color:#49617c;max-width:720px;margin-bottom:32px}footer{padding-top:16px;padding-bottom:16px;margin-top:22px}footer .logo-window{width:122px;height:82px}footer .logo-window img{width:265px}@media(min-width:1100px){.hero .product-stage{padding-bottom:54px}.hero .showcase-brand{margin-bottom:14px}.hero .product-body{min-height:285px}.hero .workspace{padding-top:14px;padding-bottom:14px}.hero .floating-note{bottom:12px}}@media(max-width:1000px){nav{gap:12px;font-size:13px}.card-link{padding:20px}.hero{gap:25px}}@media(max-width:760px){main>.section{padding-top:30px;padding-bottom:32px}.hero{padding-top:24px;gap:32px}.hero h1{font-size:50px}.hero .product-stage{display:none}.hero .intro{max-width:100%}.detail-panel{padding:26px 23px}.detail-description{font-size:17px}.contact{margin-top:22px;padding:28px 24px}.section-top{margin-bottom:25px}.support-brand{margin-bottom:25px}nav{font-size:14px;gap:16px}.contact-brand .logo-window{height:65px;width:96px}.contact-brand .logo-window img{width:211px}.contact h2{font-size:31px}.feature-grid article{min-height:180px}.support-grid h3{margin-top:12px}.benefits{padding:22px}.hero .eyebrow{font-size:11px}}@media(max-width:430px){.feature-grid{grid-template-columns:1fr 1fr;gap:10px}.card-link{padding:17px 14px}.feature-grid h3{font-size:16px;line-height:1.45;letter-spacing:-.3px}.feature-tag{font-size:9px;letter-spacing:.7px}.read-description{font-size:12px}.card-link .number{right:14px;top:20px}.feature-icon{width:34px;height:34px;font-size:20px}.support-grid .card-link{padding:22px}.hero h1{font-size:46px}.hero-brand>b{font-size:25px}}

/* Language selection stays available in the header on all devices. */
header{gap:18px}header nav{margin-left:auto;gap:16px}.language-picker{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.language-picker label{font-size:10px;color:#49627c;font-weight:700;letter-spacing:.2px}.language-picker select{font:600 14px 'DM Sans',Arial,sans-serif;color:#123b65;background:#effaf7;border:1px solid #a7d9d5;border-radius:7px;padding:8px 25px 8px 10px;min-width:104px;cursor:pointer}.language-picker select:focus-visible{outline:3px solid #138b9b;outline-offset:3px}html[lang=ta] body{font-family:'Noto Sans Tamil','Latha',Arial,sans-serif}html[lang=ta] h1,html[lang=ta] h2,html[lang=ta] h3{font-family:inherit;letter-spacing:0;line-height:1.55}html[lang=ta] .hero h1{font-size:clamp(28px,3vw,42px)}html[lang=ta] h2{font-size:30px}html[lang=ta] .eyebrow{letter-spacing:0;line-height:1.8}html[lang=ta] header nav{font-size:12px;gap:12px}html[lang=ta] .intro{font-size:16px;line-height:1.9}html[lang=ta] .feature-grid h3{font-size:17px}html[lang=ta] .feature-tag{letter-spacing:0;font-size:11px}html[lang=ta] .detail-title{font-size:32px}html[lang=ta] .detail-description{font-size:18px;line-height:2}html[lang=ta] .button{font-size:13px;gap:14px}html[lang=ta] .contact h2{font-size:30px}html[lang=ta] .hero-brand>span{letter-spacing:0}html[lang=ta] .product-stage{display:none}html[lang=ta] .hero{grid-template-columns:1fr;max-width:950px}html[lang=ta] .hero .intro{max-width:800px}html[lang=ta] .hero h1 br{display:none}html[lang=ta] .hero h1{line-height:1.7}html[lang=ta] .hero h1 em{display:block}html[lang=ta] .hero h1{word-spacing:5px}@media(max-width:1150px){header{gap:12px;padding:0 24px}header nav{gap:12px;font-size:12px}header .logo-window{width:140px;height:100px}header .logo-window img{width:315px}html[lang=ta] header nav{font-size:11px;gap:8px}.nav-cta{padding:10px 12px}}@media(max-width:1000px){header .menu{display:block;border:0;background:#f0f5fc;color:var(--navy);border-radius:6px;padding:5px 12px;font-size:23px;margin-left:auto}header nav{display:none;position:absolute;top:116px;left:24px;right:24px;background:white;padding:20px;box-shadow:0 10px 30px #10284e20;z-index:10;border-radius:8px;align-items:stretch;gap:16px;font-size:14px}header nav.open{display:flex;flex-direction:column}html[lang=ta] header nav{font-size:14px;gap:16px}}@media(max-width:760px){header{gap:10px;padding:0 20px}header nav{top:100px}.language-picker label{font-size:9px}.language-picker select{font-size:13px;min-width:92px;padding:8px}.menu{padding:5px 9px!important}html[lang=ta] .hero h1{font-size:29px}html[lang=ta] h2{font-size:25px}html[lang=ta] .detail-title{font-size:26px}html[lang=ta] .feature-grid{grid-template-columns:1fr}html[lang=ta] .steps{grid-template-columns:1fr}html[lang=ta] .contact h2{font-size:25px}}@media(max-width:380px){header{padding:0 12px;gap:7px}header .logo-window{width:116px;height:85px}header .logo-window img{width:268px}}

/* Matching branded header and footer. */
header{width:100%;max-width:none;margin:0;border-radius:0;background:linear-gradient(110deg,#10284f 0%,#135583 52%,#08776e 100%);border-bottom:3px solid #f2ad52;padding-left:max(24px,calc((100% - 1200px)/2));padding-right:max(24px,calc((100% - 1200px)/2));box-shadow:0 5px 22px #10284f20;color:#fff}header .logo-window{background:#fff;border-radius:12px;box-shadow:0 4px 15px #001c3d20}header nav a{color:#f4fbff}header nav a:hover{color:#ffda9d}header nav a[aria-current="page"]:not(.nav-cta){color:#ffe0a9;box-shadow:0 3px 0 #ffc16b}header .nav-cta{background:linear-gradient(105deg,#ffd99c,#ffb855);color:#173654;border:1px solid #ffda9a;box-shadow:0 4px 14px #061d3725}header .nav-cta:hover{color:#10284f;background:#ffe3b6}header .language-picker label{color:#e3f7f3}header .language-picker select{background:#f0fffb;color:#124c59;border:1px solid #a9e2d8}header .menu{background:#ffffff18;color:#fff;border:1px solid #ffffff45}header a:focus-visible,header button:focus-visible,header select:focus-visible{outline-color:#ffd490}footer.wrap{width:100%;max-width:none;margin:24px 0 0;background:linear-gradient(110deg,#0e2245 0%,#134d76 55%,#096b65 100%);border-top:3px solid #efa74e;padding:25px max(24px,calc((100% - 1200px)/2));color:#fff;gap:24px}footer .logo-window{background:#fff;border-radius:10px;box-shadow:0 4px 16px #00162c25}footer p{color:#e3f0f7;font-size:14px}footer>a:last-child{color:#ffdb9f;font-size:14px;font-weight:700;padding:10px 14px;border:1px solid #ffdb9f55;border-radius:7px}footer>a:last-child:hover{background:#ffffff12}footer a:focus-visible{outline-color:#ffd490}@media(max-width:1000px){header nav{background:linear-gradient(125deg,#102b51,#0d696b);border:1px solid #70c8c155;box-shadow:0 12px 30px #10284f35}header .menu{background:#ffffff18;color:#fff;border:1px solid #ffffff45}}@media(max-width:760px){header{padding-left:20px;padding-right:20px}footer.wrap{padding:23px 20px;gap:20px}footer p{font-size:13px;line-height:1.8}}@media(max-width:380px){header{padding-left:12px;padding-right:12px}}

/* Keep the complete supplied logo inside both brand panels at every breakpoint. */
header .brand .logo-window img,footer .brand .logo-window img{width:auto;height:145%;max-width:none;max-height:none;left:50%;top:50%;transform:translate(-50%,-50%)}

/* Business dashboard preview and dedicated dashboard view. */
.dashboard-preview{transform:none;padding:20px;margin-right:0}.hero .dashboard-preview{padding-bottom:20px}.preview-board{background:#fff;border:1px solid #cddfeb;border-radius:12px;padding:18px}.dash-heading,.chart-heading,.dash-page-heading,.party-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.dash-heading h3{font-size:19px;margin:0}.sample-label{background:#fff0d9;color:#845319;font-size:10px;letter-spacing:.7px;padding:4px 7px;border-radius:5px}.preview-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.preview-metrics>div{background:#eaf4ff;border:1px solid #cee3f8;padding:12px;border-radius:8px;display:flex;flex-direction:column}.preview-metrics>div:last-child{background:#e6f8f2;border-color:#bfe6d8}.preview-metrics span{font-size:12px;color:#49657f}.preview-metrics b{font-size:23px;line-height:1.5}.business-chart{display:block;width:100%;height:auto;overflow:visible}.chart-heading{font-size:13px;margin-bottom:8px}.chart-heading>span{font-size:12px;color:#65768b}.chart-legend{display:flex;justify-content:center;gap:22px;font-size:12px;color:#496078}.chart-legend>span{display:flex;align-items:center;gap:7px}.chart-legend i{width:10px;height:10px;border-radius:3px}.sales-key{background:#2074cd}.purchase-key{background:#14a59a}.preview-party{margin-top:15px;border-top:1px solid #e0e8f1;padding-top:12px;display:flex;justify-content:space-between;gap:10px;font-size:12px}.dashboard-open{width:100%;margin-top:15px;padding:11px 15px}.dash-page-heading .eyebrow{margin-bottom:8px}.dash-page-heading h2{font-size:33px}.sample-notice{font-size:13px;color:#775426;background:#fff4e0;padding:10px 15px;border-radius:7px;margin:19px 0}.dash-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.dash-metrics>div{display:flex;flex-direction:column;border:1px solid #c9e1f7;border-top:3px solid #2477ce;background:#f2f8ff;border-radius:9px;padding:18px}.dash-metrics>div:nth-child(2){background:#effbf7;border-color:#bee4d9;border-top-color:#079582}.dash-metrics>div:nth-child(3){background:#fff9ed;border-color:#efd8ab;border-top-color:#d58b25}.dash-metrics>div:nth-child(4){background:#f5f3ff;border-color:#d8d0ed;border-top-color:#7760a6}.dash-metrics span{font-size:13px;color:#4c637a}.dash-metrics strong{font-size:25px;letter-spacing:-.8px;margin:6px 0}.dash-metrics small{font-size:12px;color:#677c8f}.dash-chart-row{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:20px}.chart-panel,.balance-summary,.balance-panel{background:#fff;border:1px solid #d7e4ee;border-radius:12px;padding:22px;min-width:0}.chart-panel h3,.balance-summary h3,.party-heading h3,.balance-panel h3{font-size:18px;margin:0 0 12px}.balance-ring{width:146px;height:146px;border-radius:50%;background:conic-gradient(#2074cd 0 57.647%,#14a59a 57.647% 100%);margin:17px auto;display:grid;place-items:center}.balance-ring>div{width:116px;height:116px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column}.balance-ring small{font-size:10px;color:#63788c}.balance-ring strong{font-size:23px}.balance-summary p{display:flex;justify-content:space-between;font-size:13px;margin:10px 0 0}.balance-summary p:first-of-type{color:#1c65a8}.balance-summary p:last-child{color:#078377}.party-heading{margin:25px 0 12px}.party-heading h3{margin:0}.party-heading label{font-size:13px}.party-heading select{font:inherit;background:white;border:1px solid #bad6df;border-radius:6px;padding:8px;color:#23485f}.balance-tables{display:grid;grid-template-columns:1fr 1fr;gap:20px}.balance-tables:has(.balance-panel[hidden]){grid-template-columns:1fr}.balance-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}th{font-weight:600;color:#607a91;background:#f1f6fa}td,th{padding:12px 10px;border-bottom:1px solid #e5edf3}td.amount{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}tfoot td,tfoot th{background:#f1f6fa;font-weight:700}.balance-status{font-size:11px;border-radius:4px;padding:4px 6px;display:inline-block;white-space:nowrap}.overdue{background:#ffede7;color:#a2442b}.upcoming{background:#e9f7f2;color:#22725b}.dashboard-view{max-width:1200px}html[lang=ta] .hero{grid-template-columns:1fr 1fr;max-width:1200px}html[lang=ta] .hero .dashboard-preview{display:block}html[lang=ta] .dash-heading h3{font-size:15px}html[lang=ta] .sample-label{letter-spacing:0}html[lang=ta] .dash-metrics strong{font-size:22px}html[lang=ta] .dash-metrics span{font-size:12px}html[lang=ta] .chart-panel h3,html[lang=ta] .balance-summary h3,html[lang=ta] .balance-panel h3{font-size:16px}@media(max-width:1100px){header .menu{display:block;margin-left:auto;background:#ffffff18;color:#fff;border:1px solid #ffffff45;border-radius:6px;padding:5px 12px;font-size:23px}header nav{display:none;position:absolute;top:116px;left:24px;right:24px;background:linear-gradient(125deg,#102b51,#0d696b);padding:20px;z-index:10;border-radius:8px;align-items:stretch}header nav.open{display:flex;flex-direction:column}}@media(max-width:760px){.hero .dashboard-preview{display:block}.hero,html[lang=ta] .hero{grid-template-columns:1fr}.dash-metrics{grid-template-columns:1fr 1fr;gap:10px}.dash-metrics>div{padding:14px}.dash-metrics strong{font-size:21px}.dash-chart-row,.balance-tables{grid-template-columns:1fr}.dashboard-preview{width:100%;max-width:530px;margin:auto}.balance-summary{display:none}.dash-page-heading h2{font-size:28px}.chart-panel,.balance-panel{padding:16px}header nav{top:100px}.preview-board{padding:15px}.party-heading{flex-wrap:wrap}.dashboard-view .sample-notice{font-size:12px}.dash-heading h3{font-size:17px}.showcase-brand .logo-window img{width:auto;height:145%}.sample-label{font-size:9px}.dash-metrics small{font-size:11px}}

/* A distinctive analytics workspace, using the CotNexus brand palette. */
.dashboard-view{padding-top:35px!important}.dash-page-heading{align-items:center}.dash-page-heading h2{font-size:38px;line-height:1.2;letter-spacing:-1.5px}.dashboard-title-accent{color:#0b8a89}.dash-page-heading .text-link{background:white;border:1px solid #c6dce7;padding:10px 16px;border-radius:30px}.sample-notice{background:none;border-left:3px solid #e9af5b;border-radius:0;padding:3px 12px;margin:15px 0 24px;color:#69758a;font-size:12px}.dash-metrics{gap:16px}.dash-metrics>div{position:relative;border:0;border-radius:15px;background:#102d54!important;padding:20px 22px;box-shadow:0 8px 25px #173e6a0d}.dash-metrics>div:nth-child(2){background:#d5f5ed!important}.dash-metrics>div:nth-child(3){background:#ffebc8!important}.dash-metrics>div:nth-child(4){background:#e4e8ff!important}.dash-metrics>div:first-child span,.dash-metrics>div:first-child small{color:#c4d8ed}.dash-metrics>div:first-child strong{color:white}.dash-metrics strong{font-size:28px;letter-spacing:-1px;margin:9px 0 5px}.dash-metrics span{font-size:12px;font-weight:600}.dash-metrics small{font-size:11px}.dash-chart-row{grid-template-columns:minmax(0,2.15fr) minmax(270px,1fr);gap:20px;margin-top:22px}.chart-panel{background:linear-gradient(130deg,#102342,#133966);border:0;color:white;border-radius:19px;padding:27px 28px;box-shadow:0 16px 35px #173e6a18}.chart-panel .chart-heading{align-items:flex-start;margin-bottom:23px}.chart-overline{font-size:10px;color:#85dcd5;letter-spacing:2px;margin-bottom:9px}.chart-panel h3{font-size:25px;letter-spacing:-.8px;color:#fff;margin:0}.chart-panel .chart-period{font-size:11px;background:#ffffff0c;border:1px solid #ffffff20;border-radius:20px;padding:6px 10px;color:#bfd3eb;white-space:nowrap}.trend-summary{display:flex;gap:40px;margin-bottom:8px}.trend-summary>div{display:flex;flex-direction:column}.trend-summary span{font-size:11px;color:#b6cce4}.trend-summary strong{font-family:Manrope,Arial,sans-serif;font-size:24px;color:#73e7dc;font-weight:700}.trend-summary>div:last-child strong{color:#ffd19c}.trend-chart{width:100%;height:auto;display:block}.trend-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.chart-panel .chart-legend{color:#cbd9ea;gap:15px;font-size:11px}.chart-panel .sales-key{background:#68e5dc}.chart-panel .purchase-key{background:#ffbf73}.month-switch{display:flex;gap:3px;background:#081b35;padding:4px;border-radius:9px}.month-switch button{border:0;background:none;color:#b1c7df;font-size:11px;padding:7px 9px;border-radius:6px;cursor:pointer}.month-switch button[aria-pressed=true]{background:#6ce4d8;color:#102e42;font-weight:700}.month-switch button:hover{background:#ffffff20;color:#fff}.month-switch button[aria-pressed=true]:hover{background:#90f4e8;color:#102e42}.month-switch button:focus-visible{outline:2px solid #ffd19c;outline-offset:2px}.chart-hint{font-size:10px;color:#a9c0d9;text-align:right;margin:10px 0 0}.balance-summary{border:1px solid #d4e5e9;background:linear-gradient(155deg,#fff,#f0faf7);border-radius:19px;padding:27px}.balance-eyebrow{font-size:10px!important;letter-spacing:1.7px;color:#087873!important;margin:0 0 9px!important}.balance-summary h3{font-size:23px;letter-spacing:-.6px}.balance-ring{width:204px;height:204px;margin:29px auto;background:conic-gradient(#178d96 0 57.647%,#eca44c 57.647% 100%);box-shadow:0 0 0 10px #eaf5f1}.balance-ring>div{width:164px;height:164px;background:#fafffd}.balance-ring strong{font-size:29px}.balance-ring small{font-size:12px}.balance-summary p:not(.balance-eyebrow){background:#fff;border:1px solid #dfebe9;border-radius:9px;padding:13px 12px;font-size:13px;margin-top:10px}.balance-summary p:first-of-type{color:#087878}.balance-summary p:last-child{color:#945908}.party-heading{margin-top:32px;margin-bottom:16px}.party-heading .eyebrow{font-size:10px;letter-spacing:1.8px;margin-bottom:6px}.party-heading h3{font-size:25px;letter-spacing:-.7px}.party-heading select{border-radius:8px}.balance-panel{padding:20px 0 0;border-radius:15px;box-shadow:0 5px 20px #25456b07;overflow:hidden}.balance-panel h3{padding:0 20px 15px;font-size:16px;margin:0}.balance-panel table{font-size:12px}.balance-panel td,.balance-panel th{padding:13px 17px}.balance-panel td:first-child{font-weight:500}.balance-panel th{background:#edf5fa;font-size:11px}.balance-panel tfoot td,.balance-panel tfoot th{background:#e8f5f0;padding-top:14px;padding-bottom:14px}.balance-status{border-radius:20px;font-size:10px;padding:5px 8px}.balance-panel tbody tr:hover{background:#f6fbff}.dashboard-preview{background:linear-gradient(135deg,#c9e9ff,#b4ece2);box-shadow:0 24px 55px #0c587726;border-radius:23px;padding:17px}.preview-board{background:linear-gradient(135deg,#102342,#173e6b);color:#fff;border:1px solid #214972;border-radius:15px;padding:22px}.dash-heading h3{color:white;letter-spacing:-.5px}.preview-metrics>div{background:#ffffff0b;border:1px solid #ffffff25}.preview-metrics>div:last-child{background:#153e51;border:1px solid #5bbfaf45}.preview-metrics span{color:#c4d8ed;font-size:11px}.preview-metrics b{color:#7ae6d9;font-size:25px}.preview-metrics>div:last-child b{color:#ffd19c}.preview-board .chart-heading{color:#c8dcf1;font-size:12px}.preview-board .chart-heading>span{color:#adc5df}.preview-board .chart-legend{color:#d8e4f2;font-size:11px}.preview-board .sales-key{background:#68e5dc}.preview-board .purchase-key{background:#ffbf73}.preview-board .sample-label{background:#ffffff15;color:#fae3bc;border:1px solid #ffffff20}.preview-party{border-top:1px solid #ffffff25;color:#d4e4f3;font-size:12px}.preview-party strong{color:#ffcf8d}.preview-board .dashboard-open{background:#72e6d7;color:#12334b;box-shadow:none;border-radius:9px}.showcase-brand .logo-window{background:#fff}.showcase-brand .logo-window img{width:auto;height:145%}.hero .dashboard-preview{max-width:570px}.hero .showcase-brand{margin-bottom:17px}.hero .showcase-brand b{font-size:23px}.hero .showcase-brand .logo-window{height:70px;width:102px}html[lang=ta] .chart-panel h3{font-size:20px;line-height:1.7}html[lang=ta] .trend-summary strong{font-size:20px}html[lang=ta] .dash-page-heading h2{font-size:28px}html[lang=ta] .month-switch button{padding:6px;font-size:10px}html[lang=ta] .chart-overline{letter-spacing:0}@media(max-width:1000px){.dash-chart-row{grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr)}.chart-panel{padding:23px 20px}.balance-summary{padding:23px 18px}.balance-ring{width:177px;height:177px}.balance-ring>div{width:141px;height:141px}.trend-bottom{flex-wrap:wrap;gap:13px}.dash-metrics strong{font-size:23px}.dash-metrics>div{padding:18px}.chart-panel h3{font-size:21px}}@media(max-width:760px){.dash-chart-row{grid-template-columns:1fr}.balance-summary{display:block}.dash-page-heading h2{font-size:31px}.dash-metrics>div{padding:16px 14px}.dash-metrics strong{font-size:22px}.chart-panel .chart-period{font-size:10px}.chart-panel h3{font-size:21px}.chart-overline{font-size:9px;letter-spacing:1px}.trend-summary{gap:25px}.trend-summary strong{font-size:22px}.trend-summary span{font-size:10px}.trend-bottom{justify-content:space-between}.month-switch button{padding:7px 8px}.chart-panel{padding:23px 16px}.balance-ring{width:172px;height:172px;margin:20px auto}.balance-ring>div{width:138px;height:138px}.party-heading h3{font-size:22px}.preview-board{padding:19px 16px}.hero .showcase-brand b{font-size:21px}.balance-panel table{font-size:12px}.balance-panel td,.balance-panel th{padding:12px}.dashboard-view{padding-top:25px!important}.balance-summary h3{font-size:21px}html[lang=ta] .trend-summary{gap:15px}html[lang=ta] .chart-panel .chart-heading{flex-wrap:wrap}html[lang=ta] .dash-metrics strong{font-size:20px}}

/* About: named teammates and their responsibilities. */
.about-team{grid-column:1/-1;border-top:1px solid #cce0e8;padding-top:32px;margin-top:-40px}.team-intro{margin-bottom:24px}.team-intro .eyebrow{margin-bottom:10px}.team-intro h2{font-size:32px}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.team-card{padding:27px;border-radius:15px;background:linear-gradient(145deg,#fff,#eaf9f5);border:1px solid #c7e6de;border-top:4px solid #0b9589;box-shadow:0 8px 24px #14365008}.team-card:nth-child(2){background:linear-gradient(145deg,#fff,#eaf3ff);border-color:#cbdff6;border-top-color:#2074c7}.team-card:nth-child(3){background:linear-gradient(145deg,#fff,#fff4e2);border-color:#ecd6b4;border-top-color:#d98e29}.team-initial{width:48px;height:48px;display:grid;place-items:center;background:#097d77;color:white;border-radius:13px;font-size:23px;font-weight:700;margin-bottom:20px}.team-card:nth-child(2) .team-initial{background:#2065a8}.team-card:nth-child(3) .team-initial{background:#a46312}.team-card h3{font-size:24px;letter-spacing:-.6px;margin:0 0 10px}.team-role{color:#176e69;font-size:15px;line-height:1.6;font-weight:700;margin:0 0 13px}.team-card:nth-child(2) .team-role{color:#215f9a}.team-card:nth-child(3) .team-role{color:#915813}.team-description{font-size:15px;line-height:1.85;color:#52687d;margin:0}html[lang=ta] .team-role{font-size:14px;line-height:1.85}html[lang=ta] .team-description{font-size:14px;line-height:1.9}@media(max-width:760px){.about-team{margin-top:0;padding-top:27px}.team-grid{grid-template-columns:1fr;gap:15px}.team-card{padding:23px}.team-card h3{font-size:23px}.team-intro h2{font-size:28px}}