:root{--ink:#102a36;--muted:#465b64;--paper:#f8f9f5;--blue:#244bce;--mint:#d5e8df;--line:#c7d1d2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:5px}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #cc7800;outline-offset:5px}button{cursor:pointer}.skip{position:absolute;left:12px;top:-80px;background:white;padding:10px;z-index:10}.skip:focus{top:12px}.review{background:var(--ink);color:white;font-size:12px;letter-spacing:.09em;text-align:center;padding:7px 16px}.shell{max-width:1240px;margin:auto;padding:0 40px}header{border-bottom:1px solid var(--line);background:var(--paper)}.nav{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:96px}.logo{display:inline-flex;align-items:center;flex-shrink:0;max-width:100%;min-height:44px;background:transparent;padding:10px 12px;text-decoration:none;border-radius:3px}.logo img{display:block;width:280px;max-width:100%;height:auto}.footer .logo{margin:0 0 8px}nav{display:flex;align-items:center;gap:24px;font-size:14px}nav>a,nav summary{text-decoration:none;min-height:44px;display:flex;align-items:center}nav a:hover{text-decoration:underline}nav details{position:relative}nav summary{cursor:pointer;list-style:none}nav summary:after{content:'⌄';margin-left:6px}.dropdown{position:absolute;top:48px;left:0;width:280px;padding:18px;background:white;border:1px solid var(--line);z-index:5;box-shadow:0 8px 25px #102a3615}.dropdown a{display:block;padding:8px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--blue);color:white;border:1px solid var(--blue);min-height:48px;padding:12px 20px;text-decoration:none;font-size:14px;font-weight:700;border-radius:3px}.button:hover{background:#183aa9}.button.secondary{background:transparent;color:var(--ink);border-color:var(--ink)}.actions{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0 12px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--blue);margin:0 0 20px}.hero{padding:80px 0 75px;display:grid;grid-template-columns:1.35fr 1fr;gap:65px;align-items:center}h1{font-size:clamp(40px,5.1vw,70px);line-height:1.06;letter-spacing:-.055em;margin:0 0 27px;font-weight:600}h1 span{color:var(--blue)}.lead{font-size:19px;line-height:1.6;max-width:650px;color:var(--muted)}.small{font-size:13px;color:var(--muted)}.visual{background:var(--ink);color:white;min-height:410px;padding:34px;position:relative;overflow:hidden;border-radius:4px}.visual:before{content:'';position:absolute;width:380px;height:380px;border:1px solid #ffffff30;border-radius:50%;right:-145px;top:-185px;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff06}.visual-label{font-size:11px;letter-spacing:.14em;position:relative}.visual-row{position:relative;border-top:1px solid #ffffff40;padding:24px 0;display:grid;grid-template-columns:50px 1fr;align-items:start}.visual-row b{font-size:29px;line-height:1.2;display:block}.visual-row p{font-size:13px;color:#d5e8df;margin:9px 0 0}.visual-number{font-size:12px;color:#c2d8d2}.visual-foot{font-size:11px;letter-spacing:.08em;color:#d5e8df}.section{padding:70px 0;border-top:1px solid var(--line)}h2{font-size:clamp(28px,3vw,42px);line-height:1.15;letter-spacing:-.035em;margin:0 0 23px;max-width:800px}h3{font-size:23px;line-height:1.25;letter-spacing:-.025em;margin:14px 0}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-intro p{max-width:400px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);background:white;padding:28px;display:flex;flex-direction:column;align-items:start}.card p{color:var(--muted);margin:12px 0 24px}.card a{margin-top:auto;font-size:14px;font-weight:700;min-height:44px;display:flex;align-items:center}.number{color:var(--blue);font-size:13px;font-weight:bold}.tint{background:var(--mint)}.dark{background:var(--ink);color:white}.dark p{color:#d5e8df}.dark .eyebrow{color:#d5e8df}.columns{display:grid;grid-template-columns:1fr 1fr;gap:65px}.rows{list-style:none;padding:0;margin:0}.rows li{border-top:1px solid var(--line);padding:24px 0}.rows b{display:block;font-size:20px}.rows p{margin:8px 0 0;color:var(--muted)}.lifecycle{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:35px}.lifecycle div{padding:22px;border-left:1px solid var(--line)}.lifecycle span{font-size:12px;display:block;margin-bottom:10px}.lifecycle b{font-size:20px}.lifecycle p{font-size:14px}.note{border-left:3px solid var(--blue);padding:12px 20px;background:#e9eef8;font-size:15px;margin:25px 0}.diagram{border:1px solid var(--line);padding:28px;background:white}.layer{padding:20px;border:1px solid var(--line);margin:12px 0}.layer b{display:block}.layer p{margin:6px 0 0;color:var(--muted)}.layer:nth-child(2){background:var(--mint)}.layer:nth-child(3){background:#e9eef8}.invite{display:flex;justify-content:space-between;align-items:center;gap:35px}.invite h2{max-width:650px}.footer{padding:45px 0;background:var(--ink);color:white}.footer-grid{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}.footer a{display:inline-block;margin:8px 18px 8px 0;font-size:14px}.footer .small{color:#d5e8df}.email-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.copy{background:transparent;border:1px solid currentColor;color:inherit;padding:9px 14px;min-height:44px;border-radius:3px}.contact-box{border:1px solid var(--line);padding:32px;background:white}label{display:block;font-weight:bold;margin-bottom:10px}select{width:100%;background:white;border:1px solid var(--muted);padding:12px;color:var(--ink);min-height:48px}pre{white-space:pre-wrap;font:15px/1.7 Arial;margin:20px 0;background:var(--paper);padding:22px;overflow-wrap:anywhere}.crumb{font-size:13px;padding-top:24px}.crumb a{margin-right:8px}.status{font-size:13px;min-height:24px}.article{max-width:740px;margin:auto}.article p{margin:24px 0}.empty{padding:35px;border:1px solid var(--line);background:white}.empty p{max-width:680px}.pill{display:inline-block;font-size:12px;font-weight:bold;border:1px solid var(--line);padding:6px 12px;margin:4px 4px 4px 0}footer .button{color:white}@media(max-width:1050px){.nav{flex-wrap:wrap;padding:22px 0;gap:10px}nav{flex-wrap:wrap;gap:15px}.hero{gap:30px}.shell{padding:0 28px}}@media(max-width:720px){.shell{padding:0 20px}.hero{grid-template-columns:1fr;padding:48px 0;gap:32px}h1{font-size:44px}.visual{min-height:350px;padding:26px}.grid,.columns{grid-template-columns:1fr;gap:20px}.section{padding:48px 0}.section-intro,.invite{display:block}.lifecycle{grid-template-columns:1fr 1fr}.nav{align-items:start}nav{gap:10px 18px;width:100%}nav .button{width:100%;margin-top:5px}.dropdown{left:-10px;width:260px}.contact-box{padding:22px}.lead{font-size:18px}.footer-grid{display:block}.actions .button{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.header-brand{flex-shrink:0;max-width:100%;padding:12px 0}.header-slogan{font-size:13px;line-height:1.5;letter-spacing:-.02em;margin:5px 0 0;color:var(--ink);max-width:304px}@media(max-width:1050px){.header-brand{padding:0}}

.footer .logo img{filter:brightness(0) invert(1)}

:root{--cms-blue:#244bce;--cms-ink:#102a36;--cms-muted:#465b64;--cms-teal:#176052}
.dark{--cms-blue:#aac0ff;--cms-ink:#fff;--cms-muted:#d5e8df;--cms-teal:#90d5c5}
.card,.diagram{--cms-blue:#244bce;--cms-ink:#102a36;--cms-muted:#465b64;--cms-teal:#176052}
.cms-colour-blue{color:var(--cms-blue)!important}.cms-colour-ink{color:var(--cms-ink)!important}.cms-colour-muted{color:var(--cms-muted)!important}.cms-colour-teal{color:var(--cms-teal)!important}
.cms-heading-colour span{color:inherit}a [class^="cms-colour-"]{text-decoration:underline;text-underline-offset:5px}
.dark .card,.dark .diagram{color:var(--ink)}.dark .card p,.dark .diagram p{color:var(--muted)}

.cms-colour-black{color:#000!important}.dark .cms-colour-black{color:#fff!important}

#business-value{background:#081e2a;color:#fff}#business-value h2{color:#fff}#business-value>.shell>p{color:#c5d8e2;max-width:850px}#business-value .grid{gap:28px;margin-top:36px}#business-value .card{background:#102e42;border:1px solid #31596d;border-radius:12px;padding:28px;--cms-ink:#fff;--cms-blue:#78cfff;--cms-muted:#d5e8df;--cms-teal:#91e2c7}#business-value .card h3{color:#78cfff;font-size:21px}#business-value .card p{color:#eef5f8}#business-value .card:last-child{background:#153a32;border-color:#73dcb7}#business-value .card:last-child h3{color:#91e2c7}@media(min-width:721px) and (max-width:1000px){#business-value .grid{grid-template-columns:repeat(2,1fr)}}

@media(min-width:721px){#why-taranga .grid,#platform-foundations .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* CMS background treatments: decorative, non-interactive and softened on mobile. */
:is(.pattern-waves,.pattern-grid){position:relative;isolation:isolate;--pattern-opacity:.18}
:is(.pattern-waves,.pattern-grid)::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-repeat:no-repeat;background-size:cover;background-position:center;opacity:var(--pattern-opacity);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 78%,transparent)}
.pattern-waves::before{background-image:url('/assets/pattern-waves.svg')}
.pattern-grid::before{background-image:url('/assets/pattern-grid.svg')}
.pattern-subtle{--pattern-opacity:.10}
.hero:is(.pattern-waves,.pattern-grid)::before{inset:0 -40px;mask-image:linear-gradient(90deg,transparent 0%,#000 62%),linear-gradient(180deg,transparent,#000 20%,#000 75%,transparent);mask-composite:intersect}
.hero:is(.tint,.dark){margin:0 -40px;padding-left:40px;padding-right:40px}
.hero:is(.tint,.dark)::before{inset:0}
.dark:is(.pattern-waves,.pattern-grid)::before{filter:brightness(0) invert(1)}
.hero.dark h1 span{color:#aac0ff}
.dark .small,.dark .rows p{color:#d5e8df}
.dark .button.secondary{color:white;border-color:white}
.dark .contact-box{color:var(--ink)}.dark .contact-box p{color:var(--muted)}
@media(max-width:1050px){.hero:is(.pattern-waves,.pattern-grid)::before{inset:0 -28px}.hero:is(.tint,.dark){margin:0 -28px;padding-left:28px;padding-right:28px}.hero:is(.tint,.dark)::before{inset:0}}
@media(max-width:720px){:is(.pattern-waves,.pattern-grid){--pattern-opacity:.10}.pattern-subtle{--pattern-opacity:.06}:is(.pattern-waves,.pattern-grid)::before{background-size:auto 700px;background-position:60% top}.hero:is(.pattern-waves,.pattern-grid)::before{inset:0 -20px;background-size:auto 500px;background-position:65% top;mask-image:linear-gradient(180deg,#000,transparent 520px)}.hero:is(.tint,.dark){margin:0 -20px;padding-left:20px;padding-right:20px}.hero:is(.tint,.dark)::before{inset:0}}

#technical-proof .card h3{color:var(--blue);font-size:30px;letter-spacing:-.025em}#technical-proof>.shell>p{max-width:950px;overflow-wrap:anywhere}

/* Commercial comparison remains readable and keyboard-scrollable on small screens. */
.comparison-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:4px;margin-top:28px}
.comparison-scroll:focus-visible{outline:3px solid #cc7800;outline-offset:5px}
.comparison{width:100%;min-width:700px;border-collapse:collapse;background:white;font-size:15px}
.comparison caption{text-align:left;padding:18px 22px;font-weight:700;background:var(--mint)}
.comparison th,.comparison td{text-align:left;vertical-align:top;padding:18px 22px;border-top:1px solid var(--line)}
.comparison thead th{background:var(--ink);color:white}
.comparison tbody th{width:22%}.comparison tbody tr:nth-child(even){background:#eef3f0}
#deployment-options>.shell>p{max-width:960px}#deployment-options .grid{margin:32px 0}
.platform-menu[open]>summary{color:var(--blue)}
@media(max-width:1050px){.platform-menu{width:100%}.platform-menu .dropdown{position:static;width:100%;box-shadow:none;margin:4px 0 12px}.platform-menu summary{min-height:48px}}

.marketing-visual{background:var(--ink);color:white;border-radius:4px;padding:32px;position:relative;overflow:hidden}
.marketing-visual .eyebrow{color:#aac0ff;font-size:11px}.marketing-visual .number{color:#aac0ff}
.marketing-visual>div{border-top:1px solid #ffffff40;padding:20px 0}.marketing-visual h2{font-size:30px;margin:4px 0 8px}
.marketing-visual p{color:#d5e8df;margin:8px 0}.marketing-visual .small{font-size:12px}
.marketing-actions{margin-top:24px}.marketing-actions .actions{margin-bottom:10px}
.marketing-actions .email-tools{font-size:14px}
body[data-page="/"] #marketing-sales .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-page="/platform/marketing-sales"] #illustrative-flow .card{border-top:3px solid var(--blue)}
body[data-page="/platform/marketing-sales"] #illustrative-flow .card h3{font-size:20px;color:var(--blue)}
body[data-page="/platform/marketing-sales"] #see-in-action>.shell>p{max-width:820px}
@media(max-width:720px){body[data-page="/"] #marketing-sales .grid{grid-template-columns:1fr}.marketing-visual{padding:26px}.marketing-actions .button{width:100%}}
/* Keep the revised homepage copy readable before the mobile breakpoint. */
@media(max-width:900px){body[data-page="/"] .hero{grid-template-columns:1fr;gap:32px}body[data-page="/"] #deployment-options .grid{grid-template-columns:1fr}body[data-page="/"] #deployment-options .card{padding:24px}}
@media(max-width:900px){#sovereign-deployment .grid{grid-template-columns:1fr}}
.trust-topics{background:var(--mint);padding:28px;border:1px solid var(--line);border-radius:4px}.trust-topics nav{display:grid;gap:0;font-size:16px}.trust-topics nav a{display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--line);min-height:48px;text-decoration:none}.trust-topics nav a:hover{text-decoration:underline}.trust-topics nav a span:first-child{font-size:12px;color:var(--blue)}.trust-topics nav a span:last-child{margin-left:auto;color:var(--blue)}
@media(max-width:900px){body[data-page="/trust"] .hero{grid-template-columns:1fr;gap:32px}}
@media(max-width:900px){#platform-scope .grid{grid-template-columns:1fr}}

/* Native, on-demand marketing demonstration. */
.workflow-video{margin:2rem 0 1rem;max-width:1100px}.workflow-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#102a36;border:1px solid #b9cbd0;border-radius:8px}.workflow-video figcaption{font-size:.9rem;color:#465b64;margin-top:.75rem}.workflow-note{max-width:90ch;border-left:3px solid #244bce;padding-left:1rem}.workflow-transcript{max-width:90ch;margin:1.5rem 0}.workflow-transcript summary{cursor:pointer;font-weight:700;padding:1rem 0}.workflow-transcript p{margin:1rem 0}.workflow-preview{display:flex;align-items:center;gap:1.5rem;max-width:760px;margin:2rem 0;padding:1rem;background:#fff;color:#102a36;border:1px solid #b9cbd0;border-radius:8px;text-decoration:none}.workflow-preview img{width:42%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:4px}.workflow-preview strong{display:block;color:#244bce}.workflow-preview small{display:block;margin-top:.5rem;color:#465b64}.workflow-preview:hover{border-color:#244bce}.workflow-preview:focus-visible,.workflow-transcript summary:focus-visible,.workflow-video video:focus-visible{outline:3px solid #244bce;outline-offset:4px}@media(max-width:600px){.workflow-preview{align-items:flex-start;flex-direction:column;gap:.75rem}.workflow-preview img{width:100%}}

.product-visual{background:#102a36;color:#fff;padding:2.25rem;border-radius:6px}.product-visual .eyebrow,.product-visual .number{color:#d5e8df}.product-visual>div{border-top:1px solid #465b64;padding:1.25rem 0}.product-visual h2{color:#fff;font-size:1.75rem;margin:.4rem 0}.product-visual p{color:#fff}.product-visual .small{color:#d5e8df}.product-visual .eyebrow{font-size:.75rem}

/* Catalogue outcomes and commercial-to-service relationship. */
#catalogue-modernisation .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#connected-catalogues .layer{position:relative}
#connected-catalogues .layer+.layer{margin-top:32px}
#connected-catalogues .layer+.layer:before{content:"↓";position:absolute;top:-33px;left:24px;color:var(--blue);font-size:24px;line-height:30px}
@media(max-width:720px){#catalogue-modernisation .grid{grid-template-columns:1fr}#connected-catalogues .diagram{padding:12px}#connected-catalogues .layer{padding:16px}}