@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f5f1e8;--ink:#312f25;--wine:#66382f;--line:#d5cfc0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,select,textarea,summary{outline-offset:5px}header{height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}.logo{font:55px/.9 Georgia,serif;letter-spacing:-4px;display:inline-block}.logo small{font:8px/2.6 Arial,sans-serif;letter-spacing:1.3px;display:block}nav{display:flex;gap:34px;font-size:13px}.under{font-size:12px;border-bottom:1px solid;padding-bottom:6px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:710px}.hero-copy{padding:64px 9% 35px 10%}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;margin:0 0 30px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;line-height:1.02;letter-spacing:-1.5px}h1{font-size:clamp(64px,6.8vw,110px);margin-bottom:25px}em{font-weight:400;color:var(--wine)}.intro{max-width:350px;color:#6b685e}.button{display:inline-flex;justify-content:space-between;gap:38px;align-items:center;border:0;padding:17px 22px;background:var(--wine);color:#fff;font-size:12px;cursor:pointer}.button:hover{filter:brightness(.9)}.hero-note{border-top:1px solid var(--line);margin-top:55px;padding-top:22px;display:flex;justify-content:space-between;gap:20px}.hero-note span,.caption>span{font-size:9px;letter-spacing:1.5px}.hero-note p{font-size:12px}.hero-image{position:relative;min-height:650px;background:#372b24;overflow:hidden}.hero-image img{height:100%;width:100%;object-fit:cover;position:absolute;filter:brightness(.67)}.caption{position:absolute;bottom:40px;left:40px;color:white}.caption p{font:27px/1.3 Georgia,serif;margin:14px 0 0}.ribbon{background:#d8b997;display:flex;align-items:center;justify-content:space-around;padding:22px 4%;font-size:10px;letter-spacing:2px}.ribbon i{font-size:25px;font-style:normal}.section{padding:100px 7%}.vision{display:grid;grid-template-columns:1fr 3fr;gap:40px}h2{font-size:clamp(45px,4.7vw,72px);margin-bottom:35px}.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:850px;color:#69665d}.platform{background:#e9e4d8}.heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:40px}.heading>p{max-width:340px;color:#686459}.demo{border:1px solid #bfb7a5;background:var(--paper);padding:30px 40px}.demo-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;color:#6c675d}.tabs{display:flex;border-bottom:1px solid var(--line);margin:24px 0 38px;gap:30px}.tabs button{background:none;border:0;padding:14px 0;cursor:pointer;color:#777}.tabs button[aria-selected=true]{color:var(--wine);border-bottom:2px solid var(--wine)}#panel{display:grid;grid-template-columns:1fr 1fr;gap:80px}h3{font:34px/1.2 'Libre Caslon Display',Georgia,serif;margin:15px 0}#trade-copy{max-width:380px;color:#6c675d}ol{list-style:none;padding:0;margin:0}li{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:16px 0}li b{color:var(--wine);font-size:12px}li small{display:block;color:#777469;font-size:11px;margin-top:5px}.note{font-size:11px;color:#777368;margin:24px 0 0}.demo>.note{border-top:1px solid var(--line);padding-top:18px;margin:35px 0 0}.principles{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.principles>img{width:100%;height:560px;object-fit:cover}.principles h2{font-size:60px}details{border-top:1px solid var(--line);padding:17px 0}summary{cursor:pointer;font-size:14px}details p{font-size:13px;margin:15px 0 0;color:#6c675d}.services{padding-top:40px}.service{display:grid;grid-template-columns:70px 1fr 40px;border-top:1px solid var(--line);padding:30px 0;gap:20px}.service h3{margin:0 0 12px;font-size:37px}.service p{color:#6c675d;max-width:650px;margin:0}.service>span{font-size:13px;color:var(--wine)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px;background:#333a30;color:var(--paper)}.contact em{color:#d9b696}.contact>div>p:not(.eyebrow){max-width:400px;color:#cbcfc3}.email{font-size:20px;display:inline-block;margin-top:20px}form label{display:block;font-size:11px;margin-bottom:23px}input,textarea,select{display:block;background:transparent;border:0;border-bottom:1px solid #7b8173;width:100%;padding:12px 0;color:var(--paper);border-radius:0;font-size:14px}select option{color:#333}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#b8bbae}.contact .button{background:#dbb997;color:#312f25;width:100%}.contact .note{color:#b8bbae;margin-top:12px}footer{padding:45px 7% 25px;display:flex;align-items:center;flex-wrap:wrap;gap:55px}footer p{font-size:12px;margin:0;color:#777368}footer>a:last-of-type{margin-left:auto;font-size:12px}.footnote{width:100%;font-size:10px;border-top:1px solid var(--line);padding-top:20px}a:hover{opacity:.85}@media(max-width:800px){header{height:90px}nav{display:none}.logo{font-size:44px}header>.under{font-size:11px}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 7%}.hero-image{min-height:480px}.hero-note{margin-top:35px}.ribbon{gap:15px;font-size:8px;letter-spacing:1px}.ribbon i{display:none}.section{padding:65px 7%}.vision,.principles,.contact{grid-template-columns:1fr;gap:30px}.vision>.eyebrow{margin-bottom:0}.heading{display:block}.split{grid-template-columns:1fr;gap:5px}.heading>p{max-width:100%}.demo{padding:20px}.demo-top{gap:20px;font-size:8px}#panel{grid-template-columns:1fr;gap:30px}.principles>img{height:390px}.principles h2{font-size:48px}.service{grid-template-columns:30px 1fr 20px;gap:10px}.service h3{font-size:30px}footer{gap:25px}footer>a:last-of-type{margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* COTO woven colour palette */
:root{--paper:#fff7e9;--ink:#28364a;--wine:#a5294e;--line:#dec9bd}
header{background:#fffaf1;border-bottom:5px solid transparent;border-image:linear-gradient(90deg,#a5294e 0 25%,#e7a329 25% 50%,#087e83 50% 75%,#702d73 75%) 1}
.logo{display:block;line-height:0;letter-spacing:normal;flex-shrink:0}.logo img{display:block;width:240px;height:auto}nav a:hover{color:#a5294e}.nav-cta{color:#a5294e}
.hero-copy{background:#f9decf;position:relative}.hero-copy:before{content:"";position:absolute;left:0;top:0;width:8px;height:100%;background:repeating-linear-gradient(180deg,#a5294e 0 80px,#e7a329 80px 160px,#087e83 160px 240px,#702d73 240px 320px)}
h1{color:#782749}h1 em{color:#087478}.hero .eyebrow{color:#782749}.intro{color:#514254}.button{background:#a5294e;font-weight:600;box-shadow:5px 5px 0 #e7a329}.hero-note{border-color:#c69f96;color:#65364c}.hero-image img{filter:brightness(.78)}
.ribbon{background:#e8aa32;color:#3d2847;font-weight:600;border-bottom:6px solid #a5294e}.ribbon i{color:#a5294e}
.vision{background:#fff7e9}.vision h2{color:#32476e}.vision h2 em{color:#a5294e}.vision>.eyebrow{color:#a5294e}.split{color:#514b59}
.platform{background:#0d696e;color:#fff8e7}.platform .heading h2 em{color:#ffd175}.platform .heading>p{color:#e2f2eb}.platform .eyebrow{color:#ffe2a8}.demo{background:#fff7e9;color:#28364a;border:0;border-top:7px solid #edb548;box-shadow:12px 12px 0 #085258}.demo .eyebrow{color:#a5294e}.demo-top{color:#594b59}.tabs button[aria-selected=true]{color:#a5294e;border-color:#a5294e}li:nth-child(1) b{color:#a5294e}li:nth-child(2) b{color:#087478}li:nth-child(3) b{color:#702d73}
.principles{background:#f0e3f2}.principles h2{color:#4f3068}.principles h2 em{color:#a5294e}.principles>.eyebrow,.principles .eyebrow{color:#702d73}.principles>img{box-shadow:-16px 16px 0 #dfac4d;border:7px solid #fff7e9}summary{color:#512f68}details{border-color:#cbb3cd}details p{color:#54465c}.principles .note{color:#65566c}
.services{background:#fff7e9;padding-top:90px}.services h2{color:#32476e}.services h2 em{color:#087478}.service{padding:32px 22px;margin:0 0 16px;border:0;border-left:6px solid #a5294e;background:#f9e1d8}.service:nth-last-child(1){border-color:#087478;background:#dceee9}.service h3{color:#782749}.service:nth-last-child(1) h3{color:#08666c}.service>span{font-size:18px}.service p{color:#554751}
.contact{background:#51264c;color:#fff8e7;border-top:8px solid #e7a329}.contact em{color:#ffc462}.contact>div>p:not(.eyebrow){color:#f2dfeb}.contact .eyebrow{color:#ffd37e}.contact .button{background:#efb342;color:#3f254a;box-shadow:5px 5px 0 #a83964}.contact label{color:#ffdfae}input,textarea,select{border-color:#b383a2;color:#fff8e7}input::placeholder,textarea::placeholder{color:#dbc7d6}.contact .note{color:#e5d3e1}select option{color:#312f25}
footer{background:#f4d7c8;border-top:6px solid #087e83}footer p{color:#634353}.footnote{border-color:#c7a3a3}footer>.logo img{width:220px}
@media(max-width:800px){header{padding:0 5%;height:95px}.logo img{width:190px}header>.under{max-width:110px;font-size:10px}.hero-copy{padding-left:8%}.demo{box-shadow:7px 7px 0 #085258}.principles>img{box-shadow:-9px 9px 0 #dfac4d}.services{padding-top:65px}.service{padding:24px 15px}.ribbon{font-size:8px;letter-spacing:.7px}}
@media(max-width:380px){.logo img{width:165px}header>.under{font-size:9px;max-width:90px}}

/* Original COTO artwork extracted unchanged from slide 3 */
.logo{display:flex;align-items:center;gap:12px;background:#fff;padding:4px 8px;max-width:100%}.logo img.original-symbol,footer>.logo img.original-symbol{width:64px;height:64px;object-fit:contain}.logo img.original-name,footer>.logo img.original-name{width:240px;height:auto;object-fit:contain}header .logo{flex-shrink:1}@media(max-width:800px){.logo{gap:7px;padding:4px}.logo img.original-symbol,footer>.logo img.original-symbol{width:48px;height:48px}.logo img.original-name,footer>.logo img.original-name{width:170px}}@media(max-width:420px){.logo img.original-symbol{width:40px;height:40px}.logo img.original-name{width:132px}header>.under{max-width:95px}}

.trade-process{background:#fff7e9}.trade-process h2{color:#32476e}.journey{display:grid;grid-template-columns:1fr 1fr;gap:20px 45px}.journey li{align-items:start;padding:22px 0;border-color:#dac2b7}.journey li b{font-size:18px;min-width:25px}.journey h3{font-size:31px;margin:0 0 12px;color:#782749}.journey p{font-size:14px;color:#554751}.passport{background:#e7b74f;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.passport h2{color:#4f3068}.passport>div>p:not(.eyebrow){max-width:450px}.passport-record{padding:32px;background:#fff7e9;border-top:7px solid #a5294e}.passport-record .eyebrow{font-size:9px}.passport dl{margin:0}.passport dl>div{padding:17px 0;border-bottom:1px solid #dec9bd}.passport dt{font-size:14px;color:#782749;font-weight:600}.passport dd{font-size:13px;margin:6px 0 0;color:#554751}.value-chain{background:#32476e;color:#fff7e9}.value-chain h2 em{color:#ffd175}.value-chain .heading>p{color:#e1e8f3}.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 40px}.value-grid article{border-top:2px solid #e7b74f;padding:25px 0}.value-grid article>span{font-size:10px;letter-spacing:1.3px;color:#ffd175}.value-grid h3{font-size:34px}.value-grid p{font-size:14px;color:#e1e8f3;max-width:440px}.engagement{margin-top:28px;padding:25px 30px;border-left:6px solid #e7b74f;background:#263956}.engagement h3{margin-top:0;color:#ffd175}.engagement p{font-size:14px;margin:0;max-width:900px}.questions{background:#f0e3f2}.questions h2{color:#4f3068}.questions details{max-width:960px;border-color:#cbb3cd;padding:21px 0}.questions summary{font-size:16px}.questions details p{max-width:850px;font-size:14px}.trade-process .heading>p{color:#554751}
@media(max-width:800px){.journey,.passport,.value-grid{grid-template-columns:1fr;gap:20px}.passport-record{padding:25px}.journey h3{font-size:29px}.engagement{padding:22px}.value-grid h3{font-size:31px}}

/* Remove the location from the website nameplate while preserving source artwork */
.logo-nameplate{display:block;position:relative;line-height:0;flex-shrink:1}.logo-nameplate:after{content:"";position:absolute;left:40%;right:40%;top:64%;bottom:3%;background:#ff0000;pointer-events:none}

.trust-cases p{max-width:100%}.trust-cases strong{color:#fff2c9;font-weight:600}.trust-cases .case-outcome{color:#ffda8d;border-left:3px solid #e7b74f;padding-left:15px;margin:20px 0 0}.technology-note{font-size:12px;line-height:1.7;color:#e1e8f3;border-top:1px solid #76839e;padding-top:22px;margin:25px 0 0;max-width:1000px}

/* Replay the brand introduction on every document load, including refresh. */
.brand-splash{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#fff9f3;animation:coto-splash-dismiss 3s step-end forwards;pointer-events:auto}
.brand-splash-inner{text-align:center;padding:28px;max-width:100%}
.brand-splash .logo{display:flex;flex-direction:column;align-items:center;gap:24px;pointer-events:none}
.brand-splash .original-symbol{width:140px;height:140px;object-fit:contain}
.brand-splash .original-name{width:min(360px,76vw);height:auto;max-width:100%}
.brand-splash-inner>p{font-family:Georgia,serif;font-size:clamp(30px,6vw,52px);letter-spacing:.25em;color:#782749;margin:24px 0 0;padding-left:.25em}
@keyframes coto-splash-dismiss{to{visibility:hidden;opacity:0;pointer-events:none}}