
:root{--ink:#1A0B3B;--paper:#FFFFFF;--soft:#FFF4D6;--saffron:#FFC20E;--rose:#FF2D78;--emerald:#00C389;--violet:#6A2CFF;--sky:#19B5FF;--text:#1A0B3B;--bg:#FFFFFF;
--font:'Trebuchet MS','Segoe UI','Helvetica Neue',Arial,sans-serif;--g:clamp(1.25rem,5vw,5rem);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--text:#FFFFFF;--bg:#1A0B3B;--soft:#2A1458}}
:root[data-theme="dark"]{--text:#FFFFFF;--bg:#1A0B3B;--soft:#2A1458}
html{scroll-behavior:smooth;scroll-padding-top:env(safe-area-inset-top,0px)}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--violet);outline-offset:3px}
.w{padding-inline:var(--g);max-width:1400px;margin-inline:auto}
h1,h2,h3{line-height:1.02;margin:0;font-weight:900;letter-spacing:-.03em}
h1{font-size:clamp(2.8rem,8vw,6.6rem)}h2{font-size:clamp(2.2rem,5.5vw,4.4rem)}h3{font-size:1.6rem}
p{margin:0}
.btn{display:inline-block;padding:1rem 1.8rem;border-radius:999px;font-weight:800;border:3px solid var(--ink);transition:transform .15s}
.btn:hover{transform:translateY(-3px)}
.b-rose{background:var(--rose);color:var(--ink)}.b-ink{background:var(--ink);color:#fff}.b-white{background:#fff;color:var(--ink)}
header.site-header{background:var(--saffron);color:var(--ink);position:sticky;top:0;z-index:5;padding-top:env(safe-area-inset-top,0px)}
header.site-header .w{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.9rem;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:.7rem;font-weight:900;font-size:1.4rem}
.logo i{width:46px;height:46px;border-radius:50%;background:var(--ink);color:var(--saffron);display:grid;place-items:center;font-style:normal;font-size:.95rem}
.logo small{display:block;font-size:.65rem;letter-spacing:.12em}
nav{display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap;font-weight:700}
nav a:not(.btn):hover{text-decoration:underline}
.hero{background:var(--saffron);color:var(--ink);overflow:hidden}
.hero .w{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;padding-block:clamp(3rem,7vw,6rem)}
.hero h1 span{color:var(--rose)}
.hero p{max-width:34rem;font-size:1.2rem;margin:1.5rem 0 2rem;font-weight:500}
.hero .acts{display:flex;gap:1rem;flex-wrap:wrap}
.bottle{width:100%;max-width:460px;margin-inline:auto}
.strip{background:var(--ink);color:#fff;font-weight:800;padding:1rem 0;overflow:hidden}
.strip .w{display:flex;gap:2rem;justify-content:space-between;flex-wrap:wrap;font-size:.95rem}
.strip b:nth-child(1){color:var(--saffron)}.strip b:nth-child(2){color:var(--rose)}.strip b:nth-child(3){color:var(--emerald)}.strip b:nth-child(4){color:var(--sky)}
section{padding-block:clamp(3.5rem,8vw,7rem)}
.intro{background:var(--bg)}
.intro .w{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center}
.intro h2 em{font-style:normal;color:var(--violet)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .intro h2 em{color:var(--saffron)}}
.intro p{font-size:1.15rem}
.note{margin-top:1.2rem;padding:.9rem 1.1rem;border-radius:14px;background:var(--soft);border-left:6px solid var(--rose);font-size:.9rem}
.cap{background:var(--violet);color:#fff}
.cap h2{margin-bottom:1rem}.cap .lead{max-width:40rem;margin-bottom:2.5rem;font-size:1.1rem}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.card{border-radius:26px;padding:1.8rem;min-height:250px;display:flex;flex-direction:column;justify-content:space-between;color:var(--ink);border:3px solid var(--ink);transition:transform .2s}
.card:hover{transform:translateY(-6px) rotate(-1deg)}
.card p{margin-top:.6rem;font-size:.95rem;font-weight:500}
.card .ic{font-size:2.6rem}
.c1{background:var(--saffron)}.c2{background:var(--emerald)}.c3{background:var(--rose);color:var(--ink)}.c4{background:var(--sky)}
.priv{display:grid;grid-template-columns:1fr 1fr;min-height:560px}
.priv .vis{background:var(--emerald);display:grid;place-items:center;padding:2rem}
.priv .txt{background:var(--rose);color:var(--ink);padding:clamp(2.5rem,7vw,6rem);display:flex;flex-direction:column;justify-content:center;gap:1.5rem}
.priv .txt p{font-size:1.1rem;max-width:32rem}
.tags{display:flex;gap:.6rem;flex-wrap:wrap}
.tags span{background:#fff;color:var(--ink);border-radius:999px;padding:.4rem 1rem;font-weight:800;font-size:.85rem}
.proc{background:var(--soft)}
.proc h2{margin-bottom:.8rem}.proc .lead{max-width:36rem;margin-bottom:2.5rem}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;list-style:none;padding:0;margin:0}
.steps li{background:var(--bg);border:3px solid var(--ink);border-radius:22px;padding:1.5rem}
.steps li:nth-child(1){border-color:var(--rose)}.steps li:nth-child(2){border-color:var(--saffron)}.steps li:nth-child(3){border-color:var(--emerald)}.steps li:nth-child(4){border-color:var(--violet)}
.steps b{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#fff;font-size:1.2rem;margin-bottom:1rem}
.steps li:nth-child(1) b{background:var(--rose)}.steps li:nth-child(2) b{background:var(--saffron);color:var(--ink)}.steps li:nth-child(3) b{background:var(--emerald)}.steps li:nth-child(4) b{background:var(--violet)}
.steps h3{font-size:1.25rem;margin-bottom:.5rem}.steps p{font-size:.92rem}
.prov{margin-top:1.5rem;font-size:.8rem;font-weight:700;opacity:.75}
.cta{background:var(--sky);color:var(--ink)}
.cta .w{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.cta p{font-size:1.1rem;margin:1rem 0 1.5rem}
.pend{background:#fff;border:3px solid var(--ink);border-radius:28px;padding:2rem;box-shadow:10px 10px 0 var(--ink)}
.pend h3{font-size:2rem;margin-bottom:.6rem}.pend p{font-size:.95rem;margin:0 0 1rem}
.pend small{font-weight:800;color:var(--rose)}
footer.site-footer{background:var(--ink);color:#fff;padding-block:3rem}
footer.site-footer .w{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;align-items:flex-end}
footer.site-footer h2{font-size:clamp(2rem,4.5vw,3.6rem);max-width:30rem}footer.site-footer h2 span{color:var(--saffron)}
footer.site-footer .sm{font-size:.85rem;opacity:.85}
@media(max-width:900px){.hero .w,.intro .w,.cta .w,.priv{grid-template-columns:1fr}.cards,.steps{grid-template-columns:1fr 1fr}.bottle{max-width:300px}}
@media(max-width:560px){.cards,.steps{grid-template-columns:1fr}nav{gap:.8rem;font-size:.9rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* WordPress integration and all-page components */
html{scroll-padding-top:90px}body{overflow-x:hidden}.skip-link{position:absolute;left:1rem;top:-100px;z-index:100;background:#fff;color:#1A0B3B;padding:1rem}.skip-link:focus{top:1rem} .site-header{border-bottom:3px solid var(--ink)} .site-header .brand{white-space:nowrap}.menu-toggle,.theme-toggle{font:inherit;cursor:pointer;background:#fff;color:var(--ink);border:3px solid var(--ink);border-radius:999px;padding:.5rem 1rem;font-weight:900}.menu-toggle{display:none}.site-nav{display:flex;align-items:center;gap:1.1rem}.site-nav ul{display:flex;align-items:center;gap:1.1rem;list-style:none;margin:0;padding:0}.site-nav .current-menu-item>a{text-decoration:underline;text-decoration-thickness:3px}.site-nav a:hover{text-decoration:underline}.site-header .w{flex-wrap:nowrap}.site-header .btn{padding:.65rem 1rem}.logo i{flex:none}.inner-page{padding-block:clamp(3rem,7vw,6rem);min-height:60vh}.page-banner{background:var(--saffron);color:var(--ink);padding-block:clamp(3rem,6vw,6rem)}.page-banner p{max-width:55rem;font-size:1.15rem;margin-top:1.25rem}.inner-page h2{margin-bottom:1rem}.entry-content{max-width:850px;font-size:1.08rem;line-height:1.8}.entry-content p{margin-bottom:1.25rem}.full-colour{background:var(--violet);color:#fff}.soft-section{background:var(--soft);color:var(--ink)}.white-section{background:var(--bg)}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.section-lead{font-size:1.12rem;max-width:58rem;margin:1.2rem 0 2rem}.button-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.demo-warning{background:var(--soft);color:var(--ink);padding:1rem;border-left:6px solid var(--rose);font-size:.88rem;font-weight:700}.site-footer .footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.site-footer ul{list-style:none;padding:0;margin:1rem 0}.site-footer a{text-decoration:underline}.site-footer p{margin:.6rem 0}.inquiry-form{background:#fff;color:var(--ink);padding:clamp(1.25rem,3vw,2.5rem);border:3px solid var(--ink);border-radius:24px;box-shadow:8px 8px 0 var(--ink)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.inquiry-form label{font-weight:800;display:block;margin-bottom:.3rem}.inquiry-form input:not([type=checkbox]),.inquiry-form textarea,.inquiry-form select,.search-form input{display:block;width:100%;border:2px solid var(--ink);border-radius:9px;padding:.75rem;font:inherit;color:var(--ink);background:#fff}.inquiry-form .field{margin-bottom:1rem}.inquiry-form .honeypot{position:absolute;left:-10000px}.inquiry-form .btn{cursor:pointer}.form-message{padding:1rem;border:3px solid var(--ink);background:var(--soft);color:var(--ink);margin-bottom:1.25rem}.form-message.error{border-color:var(--rose)}.consent{display:flex;align-items:flex-start;gap:.6rem}.consent input{margin-top:.4rem}.form-required{color:#A60045}.search-result{padding:1.4rem 0;border-bottom:2px solid currentColor}.search-form{display:flex;gap:.6rem;margin:1rem 0}.search-form button{cursor:pointer}.visual-slot{border:3px dashed currentColor;padding:2rem;text-align:center;font-weight:800}.privacy-prompt{font-size:.95rem;opacity:.85}.hero .w>div{min-width:0}.hero svg,.priv svg{max-width:100%;height:auto}.empty-state{padding:3rem;background:var(--soft);color:var(--ink);border:3px solid var(--ink)}.footer-notice{font-size:.8rem;margin-top:2rem}.wp-block-image img{height:auto}.process-note{font-weight:800}.note{color:var(--ink)}:root[data-theme=dark] .intro{color:#fff}:root[data-theme=dark] .steps li{background:#fff;color:var(--ink)}:root[data-theme=dark] .inner-page{color:#fff}:root[data-theme=dark] .white-section{color:#fff}
@media(max-width:1050px){.site-header .w{flex-wrap:wrap}.site-nav{flex:1;justify-content:flex-end}.site-nav ul{gap:.75rem}.site-nav a{font-size:.88rem}}@media(max-width:760px){.menu-toggle{display:inline-block}.site-nav{display:none;flex-basis:100%;width:100%;flex-direction:column;align-items:stretch}.site-nav.is-open{display:flex}.site-nav ul{flex-direction:column;align-items:stretch}.site-nav ul a{display:block;padding:.45rem 0}.site-header .w{gap:.6rem;flex-wrap:wrap}.site-header .logo{font-size:1rem}.site-header .logo i{width:38px;height:38px}.site-header .theme-toggle{margin-left:auto}.field-grid,.content-grid,.site-footer .footer-grid{grid-template-columns:1fr}.hero .w{padding-block:3rem}.inquiry-form{box-shadow:5px 5px 0 var(--ink)}}@media(max-width:360px){.site-header .logo{font-size:.85rem}.site-header .logo small{font-size:.5rem}.theme-toggle,.menu-toggle{padding:.35rem .65rem;font-size:.8rem}.w{padding-inline:1rem}h1{font-size:2.5rem}}
