:root{box-sizing:border-box}
html{scroll-padding-top:72px}
img{max-width:100%}
[hidden]:not([hidden=until-found i]){display:none!important}

@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/inter-variable.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:italic;font-weight:400;font-display:swap;src:url('/fonts/inter-italic.woff2') format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400 600;font-display:swap;src:url('/fonts/hanken-grotesk-variable.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url('/fonts/poppins-300.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/poppins-400.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/poppins-500.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/poppins-600.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/poppins-700.woff2') format('woff2')}

:root{
  --bg:#FAFAFA; --bg-alt:#FFFFFF; --surface:#FFFFFF; --card:#F5F5F5; --fg:rgba(0,0,0,.87); --muted:rgba(0,0,0,.60);
  --line:rgba(0,0,0,.12); --line2:rgba(0,0,0,.08); --accent:#5C01BF; --accent-ink:#FFFFFF; --soft:#ECE2F6; --soft-ink:#5C01BF;
  --processes:#5C01BF; --people:#3F5C99; --positions:#C2410C;
  --ph-bg:#FFF8EC; --ph-line:#FFB547; --ph-ink:#7A4A00;
  --grad:linear-gradient(135deg,#1a0a3b 0%,#3a1a7a 40%,#5C01BF 70%,#7B3DFF 100%);
  --nav-bg:rgba(255,255,255,.92);
  --font-display:'Poppins',system-ui,sans-serif; --font-body:'Inter',system-ui,sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#12091F; --bg-alt:#190E2B; --surface:#1E1233; --card:#241640; --fg:rgba(255,255,255,.9); --muted:rgba(255,255,255,.66);
  --line:rgba(255,255,255,.15); --accent:#C292FE; --accent-ink:#1a0a3b; --soft:#2E1A52; --soft-ink:#E9D6FF;
  --processes:#C292FE; --people:#A5BFF7; --positions:#FFA27F;
  --ph-bg:#2E2208; --ph-line:#B07A1C; --ph-ink:#FFD99A; --nav-bg:rgba(18,9,31,.92); color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#12091F; --bg-alt:#190E2B; --surface:#1E1233; --card:#241640; --fg:rgba(255,255,255,.9); --muted:rgba(255,255,255,.66);
  --line:rgba(255,255,255,.15); --accent:#C292FE; --accent-ink:#1a0a3b; --soft:#2E1A52; --soft-ink:#E9D6FF;
  --processes:#C292FE; --people:#A5BFF7; --positions:#FFA27F;
  --ph-bg:#2E2208; --ph-line:#B07A1C; --ph-ink:#FFD99A; --nav-bg:rgba(18,9,31,.92); color-scheme:dark}

:root{--stat-bg:#5C01BF;--stat-bg2:#6d1fd4;--stat-bg3:#3a1a7a;--stat-num:#FFFFFF;--badge-bg:#E9D6FF;--badge-line:#C292FE;--badge-ink:#5C01BF;--c-goals:#B8430F;--c-why:#5C01BF;--c-how:#1D6FA8;--c-what:#0F766E;--btn:var(--accent);--btn-ink:var(--accent-ink);--stat:var(--accent);--logo-fg:var(--accent)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--badge-bg:#2E1A52;--badge-line:#5C3A99;--badge-ink:#E9D6FF;--c-goals:#FFA27F;--c-why:#C292FE;--c-how:#8CC4F0;--c-what:#6FD3C3}}
:root[data-theme="dark"]{--badge-bg:#2E1A52;--badge-line:#5C3A99;--badge-ink:#E9D6FF;--c-goals:#FFA27F;--c-why:#C292FE;--c-how:#8CC4F0;--c-what:#6FD3C3}

:root[data-brand="decidr"]{--bg:#FFFFFF;--bg-alt:#F3F6FB;--card:#F3F6FB;--surface:#FFFFFF;--fg:#0A0A0A;--muted:#5C6C6D;--line:#D9DEDE;--line2:#E4E8E8;
  --soft:#EFE8FF;--accent:#6A32DB;--accent-ink:#FFFFFF;--btn:linear-gradient(217deg,#7B45F0 10.9%,#E8553A 78.45%);--btn-ink:#FFFFFF;
  --stat-bg:#0A0A0A;--stat-bg2:#16111F;--stat-bg3:#221A33;--stat-num:#F59A73;--badge-bg:#F3F6FB;--badge-line:#D9DEDE;--badge-ink:#0A0A0A;--logo-fg:#0A0A0A;
  --grad:linear-gradient(217deg,#6A32DB 10.9%,#D9482B 78.45%);--c-why:#6A32DB;--nav-bg:rgba(255,255,255,.92);
  --font-display:'Inter',system-ui,sans-serif}
@media (prefers-color-scheme:dark){:root[data-brand="decidr"]:not([data-theme="light"]){--bg:#0A0A0A;--bg-alt:#111214;--card:#17181B;--surface:#17181B;--fg:#F3F6FB;--muted:#B0BCBC;--line:#394141;--line2:#2A3030;
  --soft:#2B1B55;--accent:#B79BFF;--accent-ink:#0A0A0A;--btn:linear-gradient(217deg,#A47DFF 10.9%,#FF8A66 78.45%);--btn-ink:#0A0A0A;
  --stat-bg:#1E1B26;--stat-bg2:#262232;--stat-bg3:#2F2A3E;--badge-bg:#17181B;--badge-line:#394141;--badge-ink:#F3F6FB;--logo-fg:#FFFFFF;--nav-bg:rgba(10,10,10,.92)}}
:root[data-brand="decidr"][data-theme="dark"]{--bg:#0A0A0A;--bg-alt:#111214;--card:#17181B;--surface:#17181B;--fg:#F3F6FB;--muted:#B0BCBC;--line:#394141;--line2:#2A3030;
  --soft:#2B1B55;--accent:#B79BFF;--accent-ink:#0A0A0A;--btn:linear-gradient(217deg,#A47DFF 10.9%,#FF8A66 78.45%);--btn-ink:#0A0A0A;
  --stat-bg:#1E1B26;--stat-bg2:#262232;--stat-bg3:#2F2A3E;--badge-bg:#17181B;--badge-line:#394141;--badge-ink:#F3F6FB;--logo-fg:#FFFFFF;--nav-bg:rgba(10,10,10,.92)}
[data-brand="decidr"] .hero .scrim{background:linear-gradient(100deg,rgba(10,10,10,.9) 0%,rgba(40,20,90,.7) 50%,rgba(243,103,68,.3) 100%)}
[data-brand="decidr"] .btn.light{color:#0A0A0A}
[data-brand="decidr"] h1,[data-brand="decidr"] h2,[data-brand="decidr"] h3{font-weight:500;letter-spacing:-.03em}
[data-brand="decidr"] .hero h1{font-weight:400}
.xo{position:fixed;inset:0;z-index:70;display:grid;place-items:center;pointer-events:auto;color:#fff}
.xs{opacity:0;transform:scale(.9);text-align:center;transition:opacity .35s ease,transform .6s cubic-bezier(.2,.8,.2,1);padding:0 24px}
.xs.on{opacity:1;transform:scale(1)}
.xl svg{height:clamp(44px,9vw,72px);width:auto;fill:#fff;vertical-align:middle}
.xl .cap{font:600 clamp(26px,5vw,44px) var(--font-display);color:#fff;opacity:1;text-shadow:0 0 24px rgba(255,255,255,.45);margin-left:16px;padding-left:16px;border-left:2px solid #fff;vertical-align:middle;letter-spacing:-.02em}
.xl.t{font:700 clamp(40px,8vw,64px) var(--font-display);letter-spacing:-.01em}
.xs p{margin-top:16px;font-size:clamp(15px,2.4vw,19px);opacity:.88}
.xr{position:fixed;z-index:71;border:2px solid rgba(255,255,255,.85);border-radius:50%;pointer-events:none;width:20px;height:20px;margin:-10px 0 0 -10px}
@media(prefers-reduced-motion:reduce){.xs{transition:none}}
.fade{position:fixed;inset:0;z-index:60;background:linear-gradient(217deg,#6A32DB,#D9482B);opacity:0;pointer-events:none;transition:opacity .45s ease}
.fade.on{opacity:1}
.chip.Goals,.lens-btn.Goals{color:var(--c-goals)}.chip.Why,.lens-btn.Why{color:var(--c-why)}.chip.How,.lens-btn.How{color:var(--c-how)}.chip.What,.lens-btn.What{color:var(--c-what)}
.lens-btn.Goals,.lens-btn.Why,.lens-btn.How,.lens-btn.What{color:var(--fg)}
.lens-btn.Goals{border-left-color:var(--c-goals)}.lens-btn.Why{border-left-color:var(--c-why)}.lens-btn.How{border-left-color:var(--c-how)}.lens-btn.What{border-left-color:var(--c-what)}
.nav .logo svg{height:26px;width:auto;vertical-align:middle;fill:currentColor}
.nav .logo .cap{font:400 20px var(--font-display);letter-spacing:-.02em;margin-left:10px;padding-left:10px;border-left:1px solid var(--line);vertical-align:middle}
[data-brand="decidr"] .nav .logo{color:var(--logo-fg)}
.ic{width:44px;height:44px;border-radius:50%;background:var(--soft);color:var(--accent);display:grid;place-items:center;flex-shrink:0}
.bc{border-top:4px solid var(--c);background:color-mix(in srgb,var(--c) 8%,var(--surface))}.bc .ic{background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--c);margin-bottom:14px}
.ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.badge .bi{display:inline-block;vertical-align:-3px;margin-right:6px}.badge .bi svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sc-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center}
.certs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cert{background:var(--surface);border:1.5px solid var(--badge-line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.cert b{font:700 16px var(--font-display)}.cert span{font-size:13px;color:var(--muted)}
.sc-h{font:700 11px var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:48px 0 16px}
.feat{display:flex;gap:16px;align-items:flex-start}.feat h3{font-size:16px;margin-bottom:4px}.feat p{font-size:14px;color:var(--muted)}
details.faq{background:var(--card);border-radius:10px;padding:0 18px;margin-bottom:8px}
details.faq summary{cursor:pointer;font-weight:600;padding:14px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"+";color:var(--accent);font-weight:700}
details.faq[open] summary::after{content:"–"}
details.faq .a{padding:0 0 16px;font-size:14px;color:var(--muted)}
@media(max-width:900px){.sc-top{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.certs{grid-template-columns:minmax(0,1fr)}}
.src{font-size:14px;color:var(--muted)}.src a{color:var(--accent)}
.note{font-size:13px;color:var(--muted);border-left:3px solid var(--line);padding-left:12px}
*,*::before,*::after{box-sizing:border-box}
body{background:var(--bg);color:var(--fg);font:16px/1.65 var(--font-body);margin:0}
h1,h2,h3,h4{font-family:var(--font-display);margin:0;line-height:1.18;text-wrap:balance}
p{margin:0}a{color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.w{max-width:1120px;margin-inline:auto;padding-inline:20px}
.btn{display:inline-block;border:0;border-radius:999px;padding:12px 24px;font:600 15px var(--font-body);text-decoration:none;cursor:pointer;background:var(--btn);color:var(--btn-ink)}
.btn.light{background:#fff;color:#3a1a7a}
.btn.ghost{background:transparent;border:1.5px solid rgba(255,255,255,.7);color:#fff}
.link{font-weight:600;color:var(--accent);text-decoration:none}.link:hover{text-decoration:underline}

.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--nav-bg);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav .w{display:flex;align-items:center;gap:28px;height:64px}
.logo{font:700 22px var(--font-display);text-decoration:none;color:var(--accent);letter-spacing:-.01em;margin-right:auto;user-select:none;-webkit-user-select:none}
.menu{display:flex;align-items:center;gap:24px;font-size:15px;font-weight:600}
.menu a,.menu button.dd{text-decoration:none;color:var(--fg);background:none;border:0;font:inherit;cursor:pointer;padding:6px 0}
.menu a.on,.menu a:hover,.menu button.dd:hover{color:var(--accent)}
.dwrap{position:relative}
.drop{position:absolute;top:100%;left:-16px;width:340px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 16px 40px rgba(0,0,0,.18)}
.drop a{display:block;padding:10px 12px;border-radius:8px}.drop a:hover{background:var(--soft)}
.drop b{display:block;font-size:14px}.drop span{display:block;font-weight:400;font-size:13px;color:var(--muted)}
.burger{display:none;background:none;border:1.5px solid var(--line);border-radius:8px;color:var(--fg);padding:6px 12px;font:600 14px var(--font-body);cursor:pointer}

.hero{background:var(--grad);color:#fff;position:relative;overflow:hidden}
.hero canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.55}
.hero .bgv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .scrim{position:absolute;inset:0;background:linear-gradient(100deg,rgba(26,10,59,.92) 0%,rgba(58,26,122,.8) 45%,rgba(92,1,191,.55) 100%)}
.hero .bgv~canvas{opacity:.3}
.hero canvas.plx{opacity:1}
.hero .w{position:relative;padding-block:72px 80px}
.hero .inner{max-width:760px}
.eyebrow{font:700 11px var(--font-display);letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin-bottom:14px}
.hero h1{font-size:clamp(32px,5.2vw,52px);margin-bottom:20px}
.hero p.sub{font-size:18px;color:rgba(255,255,255,.85);margin-bottom:28px;max-width:62ch}
.hero .row{display:flex;flex-wrap:wrap;gap:12px}

section.s{padding-block:72px}
section.alt{background:var(--bg-alt)}
.s h2{font-size:clamp(26px,3.6vw,38px);margin-bottom:16px}
.lead{color:var(--muted);max-width:70ch;font-size:17px}
.stack{display:flex;flex-direction:column;gap:32px}
.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{background:var(--card);border:0;border-radius:12px;padding:20px 24px;min-width:0}
.card h3{font-size:18px;margin-bottom:8px}.card p{color:var(--muted);font-size:15px}
.stat{background:var(--stat-bg);border-radius:10px;padding:16px 22px;min-width:0;color:#fff}
.grid>.stat:nth-child(3n+2),.stack>.stat:nth-child(3n+2){background:var(--stat-bg2)}.grid>.stat:nth-child(3n),.stack>.stat:nth-child(3n){background:var(--stat-bg3)}
.stat b{display:block;font:700 clamp(26px,3.4vw,36px)/1.1 var(--font-display);color:var(--stat-num);margin-bottom:6px}
.stat span{display:block;font-size:14px;color:rgba(255,255,255,.92)}
.stat i{display:block;font-style:normal;font-size:11px;color:rgba(255,255,255,.7);margin-top:6px}
.quote{border-left:4px solid var(--accent);border-radius:0;background:var(--surface);padding:12px 16px 12px 20px}
.quote p{font-style:italic;font-size:18px}.quote cite{display:block;font-style:normal;font-size:14px;color:var(--muted);margin-top:10px}
.quote.big p{font-size:clamp(20px,2.6vw,27px);line-height:1.45;font-family:var(--font-display);font-style:normal;font-weight:600}
.chip{display:inline-block;font:700 11px var(--font-body);letter-spacing:.06em;text-transform:uppercase;border:1.5px solid currentColor;border-radius:999px;padding:3px 10px}
.chip.Processes{color:var(--processes)}.chip.People{color:var(--people)}.chip.Positions{color:var(--positions)}
.ph{border:2px dashed var(--ph-line);background:var(--ph-bg);color:var(--ph-ink);border-radius:12px;padding:14px 18px;font-size:14px}
.ph::before{content:"Placeholder · ";font-weight:700}
.filler::before{content:"Filler · replace or remove before publishing · ";font-weight:700}
.steps{counter-reset:s}
.step{position:relative;padding:76px 22px 22px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 20px rgba(60,20,120,.07);min-width:0;transition:transform .2s ease,box-shadow .2s ease}
.step:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(0,0,0,.05),0 14px 28px rgba(60,20,120,.12)}
.grid.steps>.step:not(:last-child)::after{content:"→";position:absolute;top:50%;right:-19px;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font:700 12px var(--font-body);z-index:1}
@media(max-width:900px){.grid.steps>.step:not(:last-child)::after{display:none}}
@media(prefers-reduced-motion:reduce){.step{transition:none}.step:hover{transform:none}}
.step::before{counter-increment:s;content:counter(s);position:absolute;top:22px;left:22px;width:36px;height:36px;border-radius:50%;background:var(--soft);color:var(--accent);display:grid;place-items:center;font:700 15px var(--font-display)}
.step h3{font-size:18px;margin-bottom:6px}.step p{font-size:15px;color:var(--muted)}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.tab{font:600 14px var(--font-body);border:1.5px solid var(--line);background:var(--surface);color:var(--fg);border-radius:999px;padding:8px 18px;cursor:pointer}
.tab[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.pane{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:start}
.lens-rail{display:flex;flex-direction:column;gap:10px}
.lens-btn{text-align:left;border:1.5px solid var(--line);background:var(--surface);color:var(--fg);border-radius:12px;padding:14px 18px;font:600 16px var(--font-display);cursor:pointer;border-left-width:8px}
.lens-btn[aria-selected="true"]{background:var(--soft)}
.lens-btn.Processes{border-left-color:var(--processes)}.lens-btn.People{border-left-color:var(--people)}.lens-btn.Positions{border-left-color:var(--positions)}
.lens-btn small{display:block;font:400 13px var(--font-body);color:var(--muted)}
.outs{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.outs span{font-size:13px;background:var(--bg-alt);border:1px solid var(--line);border-radius:6px;padding:3px 10px}
.proof{font-size:14px;color:var(--muted);border-top:1px solid var(--line);margin-top:16px;padding-top:12px}
.lens-wrap{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px}

.tw{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{padding:12px 16px;text-align:left;border-bottom:.5px solid var(--line2);vertical-align:top}
th{background:var(--card);font-weight:700;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}
td.hl{color:var(--accent);font-weight:600}
.dot{font-size:18px;color:var(--accent)}

.logobar{padding-block:40px;border-bottom:0}
.marq{overflow:hidden}
.mtrack{display:flex;width:auto;flex-wrap:wrap;justify-content:center;row-gap:16px}
.mdup{display:none}
@keyframes mq{to{transform:translateX(-25%)}}
.lt{background:#fff;border:1px solid var(--line);border-radius:12px;height:104px;width:236px;margin-right:24px;display:grid;place-items:center;padding:16px;flex-shrink:0}
.lt img{max-height:64px;max-width:100%;object-fit:contain}
@media(prefers-reduced-motion:reduce){.mtrack{animation:none;width:auto;flex-wrap:wrap;justify-content:center;row-gap:16px}.mdup{display:none}.marq{-webkit-mask-image:none;mask-image:none}}
@media(max-width:600px){.lt{height:84px;width:180px}.lt img{max-height:50px}}
.mtrack .lt{width:auto;padding:16px 28px}.mtrack .lt img{height:48px;width:auto;max-height:none;max-width:none}
@media(max-width:600px){.mtrack .lt{width:auto;padding:12px 20px}.mtrack .lt img{height:40px;max-height:none}}
.stat i a{text-decoration:underline;text-underline-offset:2px}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px;align-items:center;margin-bottom:40px}
.split .shot{width:100%;height:auto;border-radius:12px;border:1px solid var(--line);box-shadow:0 12px 32px rgba(60,20,120,.14);display:block}
@media(max-width:900px){.split{grid-template-columns:minmax(0,1fr);gap:24px}}
.slides{display:grid}
.slide{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:stretch;visibility:hidden;opacity:0;transition:opacity .4s ease,visibility 0s linear .4s}
.slide.on{visibility:visible;opacity:1;transition:opacity .4s ease}
.slide .card{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.sw{display:flex}.sw .stat{flex:1;display:flex;flex-direction:column;justify-content:center;padding:24px 28px}
.sw .stat b{font-size:clamp(32px,4.4vw,48px)}
.rbar{height:3px;background:var(--line);border-radius:3px;overflow:hidden;margin:-8px 0 24px}
.rbar i{display:block;height:100%;width:100%;background:var(--accent);transform-origin:left;animation:rb 5s linear forwards}
@keyframes rb{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.rwrap:hover .rbar i,.rwrap:focus-within .rbar i{animation-play-state:paused}
@media(max-width:900px){.slide{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.rbar{display:none}.rbar i{animation:none}.slide,.slide.on{transition:none}}
.belief{background:var(--grad);color:#fff}
.belief h2{color:#fff}
.belief .card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);color:#fff}
.belief .card h3{color:#fff}
.belief .card p{color:rgba(255,255,255,.86)}
.certs.c4{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:32px}
@media(max-width:900px){.certs.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.certs.c4{grid-template-columns:minmax(0,1fr)}}
.logobar .h4{font:700 11px var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;text-align:center}
.lrow{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.lrow div{background:#fff;border:1px solid var(--line);border-radius:10px;height:60px;width:150px;display:grid;place-items:center;padding:10px}
.lrow img{max-height:36px;max-width:100%;filter:grayscale(1);opacity:.8}
.trust{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.badge{font:700 12px var(--font-body);border:1.5px solid var(--badge-line);color:var(--badge-ink);background:var(--badge-bg);border-radius:999px;padding:4px 14px}

.cta{background:var(--grad);color:#fff;text-align:center;padding-block:72px}
.cta h2{font-size:clamp(26px,4vw,40px);margin-bottom:12px}.cta p{color:rgba(255,255,255,.85);margin:0 auto 24px;max-width:56ch}
.cta .quote{max-width:720px;margin:0 auto 32px;text-align:left;border-color:rgba(255,255,255,.5);background:transparent;color:#fff}.cta .quote p{color:#fff}.cta .quote cite{color:rgba(255,255,255,.75)}

.callout{background:var(--grad);color:#fff;border-radius:12px;padding:28px 32px;font-size:18px;font-style:italic}
.shots figure{margin:0}.shots img{width:100%;border-radius:10px;border:1px solid var(--line);display:block}
.pcard{display:flex;flex-direction:column;text-decoration:none;color:inherit;padding:0;overflow:hidden;transition:transform .15s}.pcard:hover{transform:translateY(-3px)}.pcard img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;display:block;border-bottom:1px solid var(--line)}.pc2{padding:20px 24px 24px;display:flex;flex-direction:column;flex:1;gap:8px}.pc2 h3{font-size:20px;margin:4px 0 0}.pc2 p{flex:1;color:var(--muted);font-size:15px;margin:0}.pc2 .link{font-weight:600}.xl{border-left:3px solid var(--accent);padding:4px 0 4px 14px}.xl b{display:block;font-size:15px}.xl span{display:block;font-size:14px;color:var(--muted);margin-top:2px}@media(prefers-reduced-motion:reduce){.pcard{transition:none}.pcard:hover{transform:none}}

.lv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}
.lv-chat{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(60,20,120,.08)}
.lv-hd{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);font-weight:600;font-size:14px;background:var(--bg-alt)}
.lv-hd i{width:8px;height:8px;border-radius:50%;background:var(--accent);display:block}
.lv-body{padding:18px 16px;display:flex;flex-direction:column;gap:12px;flex:1}
.lv-m{max-width:92%;font-size:15px;line-height:1.45}
.lv-q{align-self:flex-end;background:var(--accent);color:var(--accent-ink);padding:10px 14px;border-radius:14px 14px 4px 14px}
.lv-a{align-self:flex-start;background:var(--bg-alt);border:1px solid var(--line);padding:12px 14px;border-radius:14px 14px 14px 4px}
.lv-a .lv-i{margin:0 0 8px;font-weight:600}
.lv-a ol{margin:0;padding-left:20px;display:grid;gap:8px}
.lv-ref{display:inline-grid;place-items:center;min-width:16px;height:16px;margin-left:4px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:10px;font-weight:700;vertical-align:super;line-height:1}
.lv-src{margin:10px 0 0;display:grid;gap:2px;font-size:12px;color:var(--muted)}
.lv-typing{overflow:hidden;max-height:40px;display:none;align-self:flex-start;gap:4px;padding:12px 14px;background:var(--bg-alt);border:1px solid var(--line);border-radius:14px}
.lv-typing b{width:6px;height:6px;border-radius:50%;background:var(--muted);display:block}
.lv-in{display:flex;align-items:center;justify-content:space-between;margin:0 16px 16px;padding:10px 12px 10px 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:14px}
.lv-in b{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center}
.lv-graph{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column}
.lv-graph svg{width:100%;height:auto;flex:1;display:block}
.lv-cap{margin:6px 0 0;font-size:13px;color:var(--muted);text-align:center}
.lv-e{stroke:var(--line);stroke-width:1.4}
.lv-n circle{fill:var(--soft);stroke:var(--c);stroke-width:2}
.lv-n text,.lv-new text{font:500 11px var(--font-body);fill:var(--muted)}
.lv-c0 circle{fill:var(--c)}.lv-c0 text{fill:var(--fg)}
.lv-new circle{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-dasharray:3 3}.lv-newe{stroke-dasharray:3 3;stroke:var(--accent)}
.lv-pts{margin-top:78px}
@media(max-width:900px){.lv{grid-template-columns:minmax(0,1fr)}}
.lv.anim .lv-q,.lv.anim .lv-i,.lv.anim li,.lv.anim .lv-src{opacity:0;transform:translateY(8px)}
.lv.anim .lv-a{opacity:0}
.lv.anim .lv-typing{display:flex;position:absolute;opacity:0}
.lv.go .lv-q{animation:lvin .5s .3s forwards}
.lv.go .lv-typing{display:flex;position:static;animation:lvtyp 1.4s .9s forwards}
.lv.go .lv-typing b{animation:lvdot .9s infinite}.lv.go .lv-typing b:nth-child(2){animation-delay:.15s}.lv.go .lv-typing b:nth-child(3){animation-delay:.3s}
.lv.go .lv-a{animation:lvin .3s 2.3s forwards}
.lv.go .lv-i{animation:lvin .5s 2.4s forwards}
.lv.go .lv-p1{animation:lvin .5s 3s forwards}.lv.go .lv-p2{animation:lvin .5s 4.2s forwards}.lv.go .lv-p3{animation:lvin .5s 5.4s forwards}
.lv.go .lv-src{animation:lvin .5s 6.4s forwards}
.lv.go .k1 circle{animation:lvhl .6s 3s forwards}.lv.go .k2 circle{animation:lvhl .6s 4.2s forwards}.lv.go .k3 circle{animation:lvhl .6s 5.4s forwards}
.lv.go .k1e{animation:lve .6s 3s forwards}.lv.go .k2e{animation:lve .6s 4.2s forwards}.lv.go .k3e{animation:lve .6s 5.4s forwards}
@keyframes lvin{to{opacity:1;transform:none}}
@keyframes lvtyp{0%{opacity:0}15%,80%{opacity:1;max-height:40px}100%{opacity:0;max-height:0;padding-block:0;border-width:0;margin-top:-12px}}
@keyframes lvdot{0%,100%{opacity:.3}50%{opacity:1}}
@keyframes lvhl{to{fill:var(--c);r:12}}
@keyframes lve{to{stroke:var(--accent);stroke-width:3}}

.see{margin:0;display:flex;flex-direction:column}.see h3{font-size:20px;margin-bottom:2px}.see .q{font-size:15px;color:var(--muted);margin:0 0 12px}
.seev{flex:1;display:flex}.seev>*{flex:1;min-width:0}
.op{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;height:300px;overflow:hidden;font-size:13px}
.op-img{width:100%;height:300px;object-fit:cover;object-position:top left;border:1px solid var(--line);border-radius:12px;display:block}
.op-hd{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;padding-bottom:10px;margin-bottom:6px;border-bottom:1px solid var(--line);color:var(--muted)}.op-hd b{font-size:20px;color:var(--fg);margin-right:-8px}
.op-row{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:9px 0;border-bottom:1px solid var(--line2,var(--line));align-items:center}.op-t{font-weight:600;color:var(--fg)}.op-m{color:var(--muted);font-size:12px}.op-row .op-m:nth-of-type(1){grid-column:1}.op-row .sv{grid-row:1;grid-column:2}
.sv{padding:2px 10px;border-radius:999px;font-size:11px;font-weight:700}.sv-h{background:color-mix(in srgb,var(--positions) 22%,transparent);color:var(--positions)}.sv-m{background:color-mix(in srgb,var(--people) 22%,transparent);color:var(--people)}
.op-t2{width:100%;border-collapse:collapse}.op-t2 th{font-size:11px;font-weight:600;color:var(--muted);text-align:center;padding:4px}.op-t2 th:first-child,.op-t2 td:first-child{text-align:left}.op-t2 td{padding:9px 4px;border-bottom:1px solid var(--line);text-align:center;font-size:12px}.op-t2 td:first-child{font-weight:600}
.rc{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:700;background:var(--soft);color:var(--accent)}.rc-A{background:var(--accent);color:var(--accent-ink)}.rc-R{background:color-mix(in srgb,var(--processes) 22%,transparent);color:var(--processes)}
.fl{font-size:11px;font-weight:700;color:var(--positions);white-space:nowrap}
.op-rec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.rcol h4{font-size:12px;margin:0 0 8px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.rit{background:var(--bg-alt);border:1px solid var(--line);border-radius:8px;padding:8px;margin-bottom:8px}.rit b{display:block;font-size:12px;line-height:1.3;color:var(--fg)}.rit span{display:block;font-size:11px;color:var(--muted);margin-top:4px}
@media(max-width:900px){.op,.op-img{height:auto;min-height:260px}.op-rec{grid-template-columns:minmax(0,1fr)}}
.cos{align-items:stretch}.co{display:flex;flex-direction:column;gap:14px}.co .quote{margin:0}.co .lt{background:#fff;border:1px solid var(--line);border-radius:12px;height:84px;width:180px;display:grid;place-items:center;padding:12px}.co .lt img{max-height:50px;max-width:100%;object-fit:contain}.wm{font:700 26px var(--font-display);color:#1a1a2e;letter-spacing:-.02em}.cm>div{display:flex;flex-direction:column}.cm .card,.cm .kp{flex:1}.fc{display:flex;gap:14px;align-items:flex-start;padding:16px 18px}.wgi{position:sticky;top:88px;align-self:start}.wgi figure{margin:0}.wgi img{width:100%;border:1px solid var(--line);border-radius:10px;display:block}@media(max-width:900px){.wgi{position:static}}.kp{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:28px 32px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}.hlf{border:2px solid var(--accent)}
.gt{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;display:grid;grid-template-columns:150px minmax(0,1fr);gap:0 12px;align-items:center;font-size:13px}
.gt-t{color:var(--muted);font-weight:600}.gt-ax{display:grid;grid-template-columns:repeat(12,1fr);text-align:center;color:var(--muted);font-size:11px;padding-bottom:6px}
.gt-l{font-weight:600;padding:12px 0;border-top:1px solid var(--line)}.gt-tr{position:relative;height:100%;min-height:44px;border-top:1px solid var(--line);background:repeating-linear-gradient(90deg,transparent 0,transparent calc(100%/12 - 1px),var(--line2,var(--line)) calc(100%/12 - 1px),var(--line2,var(--line)) calc(100%/12))}
.gt-b{position:absolute;top:12px;height:20px;border-radius:6px;background:var(--c)}.gt-m{position:absolute;top:15px;width:14px;height:14px;background:var(--c);transform:rotate(45deg);border-radius:2px}
.gt-n{grid-column:1/-1;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted)}
@media(max-width:900px){.gt{grid-template-columns:110px minmax(0,1fr);padding:12px;font-size:12px}}
.pimgs{align-items:stretch}.pimgs figure{margin:0;display:flex;flex-direction:column}.pimgs img{width:100%;height:340px;object-fit:contain;object-position:center;background:#fff;border:1px solid var(--line);border-radius:10px;display:block}.pimgs figcaption{font-size:14px;color:var(--muted);margin-top:8px;text-align:center}@media(max-width:900px){.pimgs img{height:auto;max-height:340px}}
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:14px}.ticks li{position:relative;padding-left:32px;font-weight:600}.ticks li::before{content:"✓";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:var(--soft);color:var(--accent);display:grid;place-items:center;font-size:13px}
.tpromise{margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;background:var(--soft);border-radius:12px;padding:20px 24px}.tpromise>div{display:flex;gap:12px;align-items:flex-start}.tpromise .ic{background:var(--surface)}.tpromise span:last-child{font-weight:600;font-size:15px;color:var(--soft-ink,var(--fg))}
@media(max-width:900px){.tpromise{grid-template-columns:minmax(0,1fr)}}
.cm8 td{padding:3px}.cl{display:block;height:16px;border-radius:4px;background:var(--accent);opacity:calc(.15 + var(--v)*.8)}.cm8 th{font-size:10px}.cm8 td:first-child{font-size:11px;white-space:nowrap}
.lgd{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.lgd span{font-size:12px;background:var(--bg-alt);border:1px solid var(--line);border-radius:6px;padding:2px 8px;color:var(--muted)}
.pn{font-weight:500;font-size:14px;color:var(--muted)}.cdg{padding:16px}.cdg svg{width:100%;height:auto;display:block}.cd-b rect{fill:var(--bg-alt);stroke:var(--line);stroke-width:1.5}.cd-b text{font:600 12px var(--font-body);fill:var(--fg)}.cd-w rect{stroke:var(--positions);stroke-dasharray:4 3}.cd-a{stroke:var(--muted);stroke-width:1.5}.cd-h{font:700 12px var(--font-body);fill:var(--muted);text-transform:uppercase;letter-spacing:.06em}.cd-f rect{fill:color-mix(in srgb,var(--positions) 20%,transparent)}.cd-f text{font:700 11px var(--font-body);fill:var(--positions)}.cd-n{font:500 12px var(--font-body);fill:var(--muted)}
.lk{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;transition:transform .15s}.lk:hover{transform:translateY(-3px)}.lk h3{margin:4px 0 0;font-size:20px}.lk p{flex:1;margin:0;color:var(--muted)}.lk .link{font-weight:600;margin-top:6px}.lk .chip{align-self:flex-start}@media(prefers-reduced-motion:reduce){.lk{transition:none}.lk:hover{transform:none}}
.shots3 figure{margin:0;display:flex;flex-direction:column}.shots3 h3{font-size:20px;margin-bottom:4px}.shots3 p{font-size:15px;color:var(--muted);margin:0 0 14px;flex:1}.shots3 img{aspect-ratio:4/3;object-fit:cover;object-position:top left}
.shots figcaption{font-size:14px;color:var(--muted);margin-top:8px}.shots figcaption b{color:var(--fg)}
.people-card{text-align:left;padding:0;overflow:hidden;display:flex;flex-direction:column}
.people-card img{width:100%;aspect-ratio:1/1;height:auto;object-fit:cover;object-position:center 22%;display:block;border-radius:0}
.people-card .avatar{width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--soft-ink);font:600 56px var(--font-display)}.people-card .pc{padding:20px 24px 24px}
.people-card h3{font-size:20px}
.people-card small{display:block;color:var(--muted);margin:2px 0 12px;font-size:14px}
.list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;color:var(--muted)}
.mission{background:var(--grad);color:#fff;padding-block:80px;text-align:center}
.mission p{font:700 clamp(24px,3.6vw,38px)/1.3 var(--font-display);max-width:22em;margin-inline:auto}

form{display:grid;gap:16px}
label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
input,select,textarea{font:400 15px var(--font-body);padding:11px 14px;border:1.5px solid var(--line);border-radius:8px;background:var(--surface);color:var(--fg);width:100%}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.chk{flex-direction:row;align-items:flex-start;font-weight:400;gap:10px}.chk input{width:auto;margin-top:5px}
.micro{font-size:13px;color:var(--muted)}
.ok{background:var(--soft);border-radius:12px;padding:32px}
footer{background:#14092b;color:rgba(255,255,255,.75);padding-block:56px 32px;font-size:14px}
footer .h4{font:700 12px var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:12px}
footer a{display:block;text-decoration:none;padding-block:3px}footer a:hover{color:#fff}
footer .cols{display:grid;grid-template-columns:1.2fr 1fr 1.2fr 1fr 1fr;gap:32px;margin-bottom:32px}
footer .logo{color:#fff;margin:0 0 10px;display:block}
footer .legal{border-top:1px solid rgba(255,255,255,.15);padding-top:20px;display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;font-size:13px}
footer .badge{border-color:rgba(255,255,255,.4);background:transparent;color:#fff;display:inline-block;margin:0 6px 6px 0;padding:4px 12px;font-size:12px}
@media(max-width:900px){
  .g3,.g4,.pane,.lens-wrap,footer .cols{grid-template-columns:minmax(0,1fr)}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .burger{display:block}
  .menu{display:none;position:absolute;top:64px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:12px 20px}
  .menu.open{display:flex}.menu>*{padding-block:10px}
  .drop{position:static;width:auto;box-shadow:none;border:0;padding:0 0 0 12px}
  .nav .btn{display:none}
  .lens-rail{flex-direction:row;flex-wrap:wrap}.lens-btn{flex:1 1 150px}
}
@media(max-width:600px){.g2,.g4,.two{grid-template-columns:minmax(0,1fr)}section.s{padding-block:48px}.hero .w{padding-block:48px 56px}
  table.stk thead{display:none}table.stk,table.stk tbody,table.stk tr,table.stk td{display:block}
  table.stk tr{border-bottom:1px solid var(--line);padding:8px 0}table.stk td{border:0;padding:4px 16px}
  table.stk td::before{content:attr(data-l);display:block;font-size:12px;font-weight:700;color:var(--muted)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}


:root{--bg:#FFFFFF;--bg-alt:#F5F5F5;--surface:#FFFFFF;--card:#F5F5F5;--fg:#0F141A;--muted:#666666;--line:#D9D9D9;--line2:#EFEFEF;
  --accent:#402F7D;--accent-ink:#FFFFFF;--soft:#CFC7E9;--soft-ink:#402F7D;--processes:#402F7D;--people:#6986EC;--positions:#9E8FB5;
  --grad:linear-gradient(120deg,#1F203E 0%,#292256 38%,#362C69 66%,#402F7D 100%);
  --grad-soft:linear-gradient(115deg,#B0AACE 0%,#727AA9 38%,#779EC7 72%,#AA95BC 100%);
  --stat-bg:#1F203E;--stat-bg2:#292256;--stat-bg3:#362C69;--stat-num:#C8CEDE;--badge-bg:#CFC7E9;--badge-line:#CFC7E9;--badge-ink:#1E203C;
  --btn:#402F7D;--btn-ink:#FFFFFF;--nav-bg:rgba(255,255,255,.94);--font-display:'Poppins',system-ui,sans-serif}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#14152B;--bg-alt:#191A33;--surface:#1E203C;--card:#222446;--fg:rgba(255,255,255,.92);--muted:rgba(255,255,255,.68);--line:rgba(255,255,255,.16);
  --accent:#C8CEDE;--accent-ink:#1E203C;--soft:#2F2B5C;--soft-ink:#CFC7E9;--processes:#CFC7E9;--people:#94B3D2;--positions:#B8A9D0;--btn:#CFC7E9;--btn-ink:#1E203C;--nav-bg:rgba(20,21,43,.94);--badge-bg:#2F2B5C;--badge-line:#4A4285;--badge-ink:#E6E1F5;--stat-num:#E6E1F5}}
:root[data-theme="dark"]{--bg:#14152B;--bg-alt:#191A33;--surface:#1E203C;--card:#222446;--fg:rgba(255,255,255,.92);--muted:rgba(255,255,255,.68);--line:rgba(255,255,255,.16);
  --accent:#C8CEDE;--accent-ink:#1E203C;--soft:#2F2B5C;--soft-ink:#CFC7E9;--processes:#CFC7E9;--people:#94B3D2;--positions:#B8A9D0;--btn:#CFC7E9;--btn-ink:#1E203C;--nav-bg:rgba(20,21,43,.94);--badge-bg:#2F2B5C;--badge-line:#4A4285;--badge-ink:#E6E1F5;--stat-num:#E6E1F5}

h1,h2,h3,h4{font-weight:400;letter-spacing:-.02em}
.hero h1{font-weight:300;font-size:clamp(36px,6vw,64px);line-height:1.08}
.s h2,.cta h2{font-weight:400}
.card h3,.step h3,.cert b,.people-card h3{font-weight:500}
.logo{font-weight:500;color:var(--fg)}
.eyebrow,.sc-h,.logobar .h4{font-family:var(--font-body);font-weight:600;letter-spacing:.12em}
.eyebrow{display:inline-block;border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:4px 14px;opacity:.95;background:rgba(207,199,233,.14)}
.hero,.cta,.belief,.mission{position:relative;overflow:hidden}
.hero::before,.cta::before,.belief::before{content:"";position:absolute;right:-12%;top:-30%;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(148,179,210,.55),rgba(170,149,188,.35) 45%,transparent 70%);filter:blur(60px);pointer-events:none}
.hero::after{content:"Sugarwork";position:absolute;right:-1%;bottom:-.22em;font:300 clamp(90px,20vw,260px)/1 var(--font-display);letter-spacing:-.04em;color:rgba(255,255,255,.06);pointer-events:none;white-space:nowrap}
[data-brand="decidr"] .hero::after,[data-brand="decidr"] .hero::before{display:none}
.hero .scrim{background:linear-gradient(100deg,rgba(31,32,62,.94) 0%,rgba(41,34,86,.82) 50%,rgba(64,47,125,.6) 100%)}
.hero .w,.cta .w,.belief .w{position:relative;z-index:1}
.btn{font-weight:500;padding:12px 28px}
.btn.light{background:#fff;color:#1E203C}
.btn.ghost{border:1px solid rgba(255,255,255,.75)}
.card{background:var(--surface);border:0;border-radius:20px;padding:24px}
section.alt .card{background:var(--surface)}
.step{border-radius:20px;box-shadow:none;border:0;background:var(--surface)}
.step:hover{box-shadow:0 12px 28px rgba(64,47,125,.12)}
.step::before{width:auto;height:auto;border-radius:0;background:none;font:300 40px/1 var(--font-display);color:#9E8FB5;content:"0" counter(s);top:20px}
.grid.steps>.step:not(:last-child)::after{background:#CFC7E9;color:#1E203C}
.stat{border-radius:16px}
.stat b{font-weight:300}
.quote{border-left:0;background:#C8CEDE;color:#0F141A;border-radius:16px;padding:24px 28px}
.quote p,.quote.big p{color:#0F141A}.quote cite{color:#444}
.cta .quote{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25)}
.quote.big p{font-weight:400}
.chip,.badge{border:0;background:#CFC7E9;color:#1E203C;font-weight:600}
.chip.Processes,.chip.People,.chip.Positions{color:#1E203C}
.tab{font-weight:500}.tab[aria-selected="true"]{background:#402F7D;border-color:#402F7D;color:#fff}
.lens-btn{border-radius:16px}
.cert{border:0;border-radius:20px;background:var(--surface)}
.ic{background:#CFC7E9;color:#1E203C}
.callout{background:var(--grad-soft);color:#0F141A;font-style:normal;font-weight:400;border-radius:16px}
.belief .card{background:rgba(255,255,255,.07);border:0;backdrop-filter:blur(8px)}
.rbar i{background:#6986EC}
.tw,.split .shot,.shots img{border-radius:16px}
.people-card{border-radius:16px}
details.faq{background:var(--surface);border:1px solid var(--line);border-radius:16px}
.lt{border-radius:16px}
footer{background:#1F203E}
section.s{padding-block:88px}
hr,.proof{border-color:var(--line)}

.logo img{height:30px;width:auto;display:block}.logo .lg-l{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .nav .logo .lg-d{display:none}:root:not([data-theme="light"]) .nav .logo .lg-l{display:block}}
:root[data-theme="dark"] .nav .logo .lg-d{display:none}:root[data-theme="dark"] .nav .logo .lg-l{display:block}
footer .logo .lg-d{display:none}footer .logo .lg-l{display:block}footer .logo img{height:34px}

.legaldoc{max-width:820px}.legaldoc h2{font-size:22px;margin:40px 0 12px}.legaldoc h3{font-size:17px;margin:24px 0 8px}
.legaldoc p{color:var(--muted);font-size:15px;margin-bottom:14px}.legaldoc ul{color:var(--muted);font-size:15px;margin:0 0 14px;padding-left:22px;display:flex;flex-direction:column;gap:6px}
.legaldoc a{color:var(--accent)}.legaldoc strong{color:var(--fg)}
footer .legal a{display:inline;padding:0}
/* footer redesign: gradient strip, big watermark, roomy link columns */
footer{position:relative;overflow:hidden;padding-block:96px 28px;font-family:var(--font-body)}
footer::after{content:"";position:absolute;left:0;right:0;bottom:0;aspect-ratio:3476/678;background:url(/assets/img/footer-wave.png) center bottom/100% auto no-repeat;pointer-events:none}
footer .w{position:relative;z-index:1}
footer .cols{margin-bottom:clamp(140px,17vw,300px)}
@media(min-width:901px){footer .cols{grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:40px}}
footer .h4{font:400 15px/1.2 var(--font-body);letter-spacing:.12em;color:#fff;margin-bottom:14px}
footer a{font-size:16px;line-height:1.4;color:#fff;padding-block:10px}
footer .logo{padding:0;margin:0 0 16px}
footer .cols p{font:400 18px/1.4 var(--font-body);letter-spacing:.06em;color:#fff;margin:0}
footer .legal{border-top:0}
footer .legal a{font-size:inherit;color:rgba(255,255,255,.75)}footer .legal a:hover{color:#fff}

.kg{margin:40px 0;--kg-human:#E58A0B;--kg-graph:#4E6BDC;--kg-loop:#7900FD;--kg-stale:#D14A43;--kg-surface:var(--surface);--kg-fg:var(--fg);--kg-muted:var(--muted);--kg-line:var(--line)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .kg{--kg-human:#FBAE40;--kg-graph:#8AA2F7;--kg-loop:#C3A6FF;--kg-stale:#E46962}}
:root[data-theme="dark"] .kg{--kg-human:#FBAE40;--kg-graph:#8AA2F7;--kg-loop:#C3A6FF;--kg-stale:#E46962}
.kg-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.kg-tabs{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.kg button{font:500 12px 'Inter',sans-serif;letter-spacing:.04em;color:var(--kg-fg);background:transparent;border:1px solid var(--kg-line);border-radius:999px;padding:8px 16px;cursor:pointer}
.kg button:hover{border-color:var(--kg-muted)}.kg button[aria-pressed="true"]{background:#7900FD;color:#fff;border-color:#7900FD}
.kg #kg_play{margin-left:auto}
.kg-desc{margin:0 0 14px;max-width:78ch;min-height:3.1em;color:var(--kg-fg);font-size:15px}
.kg-scroll{overflow-x:auto;border:1px solid var(--kg-line);border-radius:16px;background:var(--kg-surface)}
.kg svg{display:block;width:100%;min-width:880px;height:auto}.kg svg text{font-family:'Inter',system-ui,sans-serif}
.kg .kg-col{font:500 11px 'Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase;fill:var(--kg-muted)}
.kg .kg-role{font:400 12px 'Inter',sans-serif;fill:var(--kg-fg)}.kg .kg-note{font:400 11px 'Inter',sans-serif;fill:var(--kg-muted)}
.kg .kg-lbl{font:500 12px 'Inter',sans-serif;fill:var(--kg-muted)}.kg .kg-nl{font:500 11.5px 'Inter',sans-serif;fill:var(--kg-fg)}
.kg .kg-box-t{font:500 15px 'Poppins',sans-serif;fill:var(--kg-fg)}.kg .kg-person{cursor:pointer}
.kg .kg-person:focus-visible,.kg svg g:focus-visible,.kg button:focus-visible{outline:2px solid var(--kg-loop);outline-offset:2px}
.kg [data-kr]{transition:opacity .35s}.kg .kgdim{opacity:.18}
.kg-hint{color:var(--kg-muted);font-size:13px;margin:10px 0 0}
.kg-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 24px;margin-top:16px}
.kg-stat{min-width:0}.kg-stat b{display:block;font:400 28px 'Poppins',sans-serif;font-variant-numeric:tabular-nums;color:var(--kg-fg)}
.kg-stat span{font:500 11px 'Inter',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--kg-muted)}
@media(prefers-reduced-motion:reduce){.kg [data-kr]{transition:none}}

.kd{margin:8px 0 0;--kd-human:#E8553A;--kd-graph:#6A32DB;--kd-loop:#8E57FB;--kd-stale:#D14A43;--kd-surface:var(--surface);--kd-fg:var(--fg);--kd-muted:var(--muted);--kd-line:var(--line)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .kd{--kd-human:#FF8A66;--kd-graph:#B79BFF;--kd-loop:#A47DFF;--kd-stale:#E46962}}
:root[data-theme="dark"] .kd{--kd-human:#FF8A66;--kd-graph:#B79BFF;--kd-loop:#A47DFF;--kd-stale:#E46962}
.kd-scroll{overflow-x:auto;border:1px solid var(--kd-line);border-radius:16px;background:var(--kd-surface)}
.kd svg{display:block;width:100%;min-width:880px;height:auto}.kd svg text{font-family:'Inter',system-ui,sans-serif}
.kd .kd-col{font:500 11px 'Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase;fill:var(--kd-muted)}
.kd .kd-role{font:400 12px 'Inter',sans-serif;fill:var(--kd-fg)}.kd .kd-note{font:400 11px 'Inter',sans-serif;fill:var(--kd-muted)}
.kd .kd-lbl{font:500 12px 'Inter',sans-serif;fill:var(--kd-muted)}.kd .kd-nl{font:500 11.5px 'Inter',sans-serif;fill:var(--kd-fg)}
.kd .kd-box-t{font:500 15px 'Inter',sans-serif;fill:var(--kd-fg)}.kd .kd-person{cursor:default}
.kd [data-kr2]{transition:opacity .35s}.kd .kddim{opacity:.18}
.kd-mini-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}
.kd-mini-cap{font:500 11px 'Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--kd-muted)}
.kd-mini{width:300px;max-width:100%;overflow:hidden;pointer-events:none;transition:box-shadow .3s}
.kd .kd-mini svg{min-width:0}
.kd-mini.kd-send{box-shadow:0 0 0 2px var(--kd-loop),0 0 28px rgba(142,87,251,.45)}
.kd-ont{position:relative;margin-top:-1px;width:100vw;margin-left:calc(50% - 50vw)}section.s:has(.kd-ont){overflow-x:clip}.kd-ont canvas{display:block;width:100%}
.kd-ont-cap{position:absolute;left:0;right:0;bottom:22px;padding-inline:16px;text-align:center;color:#fff;pointer-events:none;font-family:"Hanken Grotesk","Inter",system-ui,sans-serif;text-shadow:0 1px 16px rgba(96,24,92,.4)}
.kd-ont-cap h2{margin:0;font-weight:500;font-size:clamp(26px,3.4vw,44px);letter-spacing:-.01em;line-height:1.1;color:#fff}
.kd-ont-cap p{margin:6px auto 0;max-width:44ch;font-size:clamp(13px,1.3vw,16px);color:#fff}
.kd-legend{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:13px;font-weight:500}
.kd-legend li{display:flex;align-items:center;gap:6px}.kd-legend svg{width:16px;height:16px;min-width:0;fill:#fff}
@media(prefers-reduced-motion:reduce){.kd [data-kr2]{transition:none}}
section.s:has(.kd){padding-bottom:16px}

.flow{--fl-human:#E58A0B;--fl-graph:#4E6BDC;--fl-loop:#A66BFF;margin:0 0 40px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .flow{--fl-human:#FBAE40;--fl-graph:#8AA2F7;--fl-loop:#C3A6FF}}
:root[data-theme="dark"] .flow{--fl-human:#FBAE40;--fl-graph:#8AA2F7;--fl-loop:#C3A6FF}
.fl-scroll{overflow-x:auto}.flow svg{display:block;width:100%;min-width:640px;height:auto}
.flow .fl-t{font:500 22px 'Inter',system-ui,sans-serif;fill:var(--fg)}.flow .fl-s{font:400 18px 'Inter',system-ui,sans-serif;fill:var(--muted)}
.flow .fl-p{fill:var(--fl-human);animation:flbob 3.2s ease-in-out infinite}
@keyframes flbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.flow .fl-flow{fill:none;stroke-width:3;stroke-dasharray:9 9;stroke-linecap:round;animation:fldash 1.1s linear infinite}
.flow .fl-h{stroke:var(--fl-human)}.flow .fl-g{stroke:var(--fl-graph)}.flow .fl-l{stroke:var(--fl-loop)}
@keyframes fldash{to{stroke-dashoffset:-18}}
.flow .fl-edge{stroke:var(--fl-graph);stroke-width:3}.flow .fl-node{fill:var(--fl-graph);animation:flnode 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes flnode{0%,100%{transform:scale(1)}50%{transform:scale(1.22)}}
.flow .fl-blob{fill:var(--fl-graph);opacity:.3}
.flow .fl-ring{fill:none;stroke:var(--fl-graph);stroke-width:4}.flow .fl-check{fill:none;stroke:var(--fl-graph);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.flow .fl-st-h{stroke:var(--fl-human)}.flow .fl-st-g{stroke:var(--fl-graph)}
.flow .fl-dot-h{fill:var(--fl-human)}.flow .fl-dot-g{fill:var(--fl-graph)}.flow .fl-dot-l{fill:var(--fl-loop)}
@media(prefers-reduced-motion:reduce){.flow .fl-p,.flow .fl-flow,.flow .fl-node{animation:none}}

.split2{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:center}
.split2 .flow{margin:0}.split2 .flow svg{min-width:0}.split2 .flow .fl-t{font-size:27px}.split2 .flow .fl-s{font-size:22px}
.split2 .quote{margin:0}
@media(max-width:900px){.split2{grid-template-columns:minmax(0,1fr);gap:24px}.split2 .flow svg{min-width:640px}}

.mvs .mv{margin:0}.mvb{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;height:230px;display:flex;align-items:center}.mvb svg{width:100%;height:100%;display:block}.exlist{padding-left:20px;display:grid;gap:10px}.eximgs{display:grid;gap:16px}.eximgs figure{margin:0}.eximgs img{width:100%;border-radius:10px;border:1px solid var(--line);display:block}.eximgs figcaption{font-size:14px;color:var(--muted);margin-top:6px}.mv figcaption{font-size:14px;color:var(--muted);margin-top:8px}.mv figcaption b{color:var(--fg)}


/* logos: greyscale, no container stroke */
.lt,.co .lt,.lrow div{border:0}
.lt img,.co .lt img,.lrow img{filter:grayscale(1)}

/* platform section: gradient background (keeps light-theme text tokens in dark mode so it stays readable) */
#how+section.s{background:linear-gradient(96deg,#7A96B2 -16.34%,#C2BDD2 74.5%,#C5A997 204.98%);
  --fg:#212121;--muted:#212121;--surface:#FFFFFF;--card:#F3F3F3;--bg-alt:#F3F3F3;--line:rgba(33,33,33,.18);--line2:rgba(33,33,33,.1);
  --accent:#402F7D;--accent-ink:#FFFFFF;--soft:#CFC7E9;--soft-ink:#402F7D;color:var(--fg)}
#how+section.s .split{margin-bottom:100px}
#how+section.s .tw{background:transparent;border:0;border-radius:0}
#how+section.s table{border-collapse:separate;border-spacing:0;color:#212121}
#how+section.s th,#how+section.s td{background:transparent;color:#212121;border-bottom:1px solid rgba(255,255,255,.55)}
#how+section.s tbody tr:last-child td{border-bottom:1px solid rgba(255,255,255,.55)}
#how+section.s thead th:nth-child(n+2){background:rgba(255,255,255,.3);background-clip:padding-box;border-left:5px solid transparent;border-right:5px solid transparent;border-radius:16px 16px 0 0;font:400 22px/1.2 'Poppins',system-ui,sans-serif;padding:20px 22px}
#how+section.s td:first-child{font-weight:700}
#how+section.s td.hl{color:#212121;font-weight:400}
#how+section.s .w{container-type:inline-size}
#how+section.s .grid.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
@container (min-width:1168px){#how+section.s .grid.g2{grid-template-columns:repeat(4,minmax(0,1fr))}}
@container (max-width:599px){#how+section.s .grid.g2{grid-template-columns:minmax(0,1fr)}}
#how+section.s .card{background:rgba(255,255,255,.3);border:0;box-shadow:none}
#how+section.s .card .ic{color:#212121;background:#fff}
#how+section.s .btn.exp{background:#fff;color:#212121;text-transform:uppercase;letter-spacing:.08em;font-weight:700;padding:16px 56px}
#how+section.s h2{font-size:40px;line-height:1.1}
#how+section.s h2 .hw-white{color:#fff}
#how+section.s .lead b{font-weight:700}
@media(max-width:600px){#how+section.s h2{font-size:32px}}
/* stats section: dark */
.s.sw-dark{background:#F5F5F5;color:#212121}
.s.sw-dark h2{font:400 40px/1.075 'Poppins',system-ui,sans-serif;letter-spacing:0;color:#212121;margin:0 0 20px;text-align:center}
.s.sw-dark h2 span{color:#5A72C2}
.sw-dark .sub{font:400 18px/1.45 'Inter',system-ui,sans-serif;color:#212121;text-align:center;max-width:none;margin:0 auto;text-wrap:balance}
.sw-dark .swg{margin-top:64px;gap:40px 64px}
.sw-dark .swg{grid-template-rows:auto auto auto auto auto}
.sw-dark .swc{background:transparent;border-radius:0;padding:0;display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0;min-width:0}
.sw-dark .swc .bar{align-self:center}
@media(min-width:901px){.sw-dark .swc{max-width:calc(100% - 50px)}}
.sw-dark .swc .n{font:400 70px/1.075 'Poppins',system-ui,sans-serif;color:#212121;margin-bottom:16px}
.sw-dark .swc .n{font-weight:300}
.sw-dark .swc .t{font:400 16px/1.45 'Inter',system-ui,sans-serif;color:#212121;flex:1;margin:0 0 24px}
.sw-dark .bar{display:flex;gap:8px;align-items:center;height:26px}
.sw-dark .bar i{display:block;height:26px}
.sw-dark .bar .fill{border-radius:4px;background:linear-gradient(90deg,#C4BCDE 0%,#BAC0D1 95%)}
.sw-dark .bar .ticks{flex:1;background:repeating-linear-gradient(90deg,#BDBDBD 0 2px,transparent 2px 8px)}
.sw-dark .bar.segs{gap:4px}
.sw-dark .bar.segs i{flex:1;border-radius:4px;background:#D3D3D3}
.sw-dark .bar.segs i.on{background:#5566DA}
.sw-dark .cap{font:400 13px/1.4 'Inter',system-ui,sans-serif;color:#212121;margin:10px 0 0;min-height:2.8em}
.sw-dark .s2{font:400 13px/1.4 'Inter',system-ui,sans-serif;color:#555;margin:16px 0 0}
.sw-dark .s2 a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.sw-dark :focus-visible{outline-color:#4A5BD0}
@media(max-width:900px){.s.sw-dark h2{font-size:32px}}
@media(max-width:600px){.s.sw-dark h2{font-size:28px}.sw-dark .swc .n{font-size:56px}}

/* products accordion: dark */
.s.pp-dark{background:#fff;color:#212121}
.s.pp-dark h2{font:400 40px/1.1 'Poppins',system-ui,sans-serif;letter-spacing:0;color:#212121;margin:0 0 20px}
.s.pp-dark h2 span{color:#5A72C2}
.pp-dark .sub{font:400 18px/1.45 'Inter',system-ui,sans-serif;color:#212121;max-width:46ch}
.pp-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px;align-items:center}
.pp-list{margin-top:56px}
.pp-item{border-top:1px solid #D4D4D4}
.pp-item.on{border-top-color:#212121}
.pp-btn{display:block;width:100%;text-align:left;background:none;border:0;cursor:pointer;color:#767676;font:400 28px/1.4 'Poppins',system-ui,sans-serif;padding:32px 0;transition:color .2s}
.pp-btn:hover{color:#212121}
.pp-item.on .pp-btn{color:#212121;padding-bottom:8px;cursor:default}
.pp-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.pp-item.on .pp-body{grid-template-rows:1fr}
.pp-body>div{overflow:hidden;min-height:0}
.pp-body p{font:400 16px/1.4 'Inter',system-ui,sans-serif;color:#212121;margin:0 0 24px}
.pp-ex{display:inline-flex;align-items:center;gap:12px;font:400 18px/1.4 'Inter',system-ui,sans-serif;color:#212121;text-decoration:none;margin-bottom:32px}
.pp-ex:hover{text-decoration:underline;text-underline-offset:4px}
.pp-dark :focus-visible{outline:3px solid #4A5BD0;outline-offset:3px}
.pp-r{position:relative;aspect-ratio:1800/1156;border-radius:16px;overflow:hidden;background:#111;box-shadow:0 0 0 1px #E3E3E3,0 12px 36px rgba(33,33,33,.12)}
.pp-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transition:opacity .4s ease}
.pp-img.on{opacity:1}
.pp-img[data-i="1"]{object-fit:contain;object-position:center;background:#fff}
@media(max-width:900px){.pp-grid{grid-template-columns:minmax(0,1fr);gap:40px}.s.pp-dark h2{font-size:32px}}
@media(max-width:600px){.s.pp-dark h2{font-size:28px}.pp-btn{font-size:24px}}
@media(prefers-reduced-motion:reduce){.pp-body,.pp-img,.pp-btn{transition:none}}

/* home page: side padding 100px desktop, 40px tablet, 20px phone */
html[data-page="home"] .w{max-width:1738px;padding-inline:160px}
@media(max-width:1024px){html[data-page="home"] .w{padding-inline:40px}}
@media(max-width:600px){html[data-page="home"] .w{padding-inline:20px}}
html[data-page="home"] section.s,html[data-page="home"] section.cta{padding-block:100px}
@media(max-width:600px){html[data-page="home"] section.s,html[data-page="home"] section.cta{padding-block:64px}}
html[data-page="home"] .nav .w{padding-inline:40px}
@media(max-width:600px){html[data-page="home"] .nav .w{padding-inline:20px}}

/* ---- product pages (from Sugarwork_Product_Pages.html) ---- */
.hero.pf{background:linear-gradient(116deg,#7A96B2 2%,#C2BDD2 117%);color:#0A0A0A;min-height:clamp(420px,45vw,583px);display:flex;align-items:center}
.hero.pf::before,.hero.pf::after{display:none}
.hero.pf canvas{opacity:1;-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000 62%);mask-image:linear-gradient(90deg,transparent 30%,#000 62%)}
.hero.pf .w{width:100%;padding-block:72px}
.hero.pf .inner{max-width:760px}

.hero.pf h1{color:#0A0A0A;margin-bottom:26px}
.hero.pf h1 span{display:block;color:#fff}
.hero.pf p.sub{color:#3d4452;margin-bottom:56px}
.hero.pf .btn.light{background:#fff;color:#0A0A0A}

section.s.pp{padding-block:96px;position:relative;overflow:hidden}
.pp.plt{--fg:#0A0A0A;--muted:#575E63;--surface:#fff;--line:#E3E5E8;--bg-alt:#F5F5F5;background:#fff;color:#0A0A0A}
.pp.plt.gr{background:#F5F5F5}
.pp.dk{--fg:#fff;--muted:#B4B9C0;--surface:#232323;--line:rgba(255,255,255,.16);background:#1A1A1A;color:#fff}
section.pp h2{font:400 40px/1.18 var(--font-display);letter-spacing:-.01em;margin:0 0 20px;color:inherit}
.pp .ac{color:#5A72C2}.pp.dk .ac{color:#8DA2FF}
.pp .lead{font:400 18px/1.55 var(--font-body);color:var(--muted);max-width:600px;margin:0 0 48px}
.pp h3{font:400 22px/1.3 var(--font-body);letter-spacing:0;margin:0;color:inherit}
.pp-card{background:#fff;border-radius:32px;padding:clamp(12px,2.5vw,40px)}
.pp .kg{margin:0}.pp .kg-scroll{border:0;border-radius:0;background:transparent}
.pp-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:24px}
.pp-step{background:#fff;border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:56px;min-width:0}
.pp-step b{font:400 16px var(--font-body);color:#4E6BDC}
.pp-step h3{margin-bottom:10px}.pp-step p{font:400 16px/1.5 var(--font-body);color:var(--muted)}
.pp-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 48px}
.pp-col h3::before{content:"";display:inline-block;width:12px;height:12px;border-radius:2px;background:#4E6BDC;margin-right:12px;vertical-align:1px}
.pp.dk .pp-col h3::before{background:#6C85F5}
.pp-col p{font:400 18px/1.5 var(--font-body);color:var(--muted);margin-top:10px}
.pp.dk .pp-col h3{font-size:22px}.pp.dk .pp-col p{font-size:16px}
.pp-sub{font:400 18px var(--font-body);color:var(--muted);margin:64px 0 24px}
.pp-lenses{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:64px;align-items:start}
.pp .vh{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.ll{display:flex;flex-direction:column}
.li{display:block;cursor:pointer;border-top:1px solid var(--line);padding:28px 0;color:rgba(255,255,255,.45);transition:color .25s}
.li:last-child{border-bottom:1px solid var(--line)}
.li:hover{color:rgba(255,255,255,.8)}
.li .t{display:block;font:400 22px/1.3 var(--font-body)}
.li .d{display:none;font:400 16px/1.5 var(--font-body);color:var(--muted);margin-top:10px}
.li .ex{display:none;margin-top:24px;color:#fff;text-decoration:none;font:500 18px var(--font-body)}
.li .ex:hover{text-decoration:underline}
.lm img{display:none;width:100%;border-radius:16px;background:#fff;aspect-ratio:16/10;object-fit:cover;object-position:top left}
#ln0:checked~.ll .li0{color:#fff}#ln0:checked~.ll .li0 .d,#ln0:checked~.ll .li0 .ex{display:block}#ln0:checked~.lm .im0{display:block}
#ln1:checked~.ll .li1{color:#fff}#ln1:checked~.ll .li1 .d,#ln1:checked~.ll .li1 .ex{display:block}#ln1:checked~.lm .im1{display:block}
#ln2:checked~.ll .li2{color:#fff}#ln2:checked~.ll .li2 .d,#ln2:checked~.ll .li2 .ex{display:block}#ln2:checked~.lm .im2{display:block}
.pp .lv-pts span{font-size:18px}
.pp-ev{display:grid;grid-template-columns:repeat(3,minmax(0,clamp(220px,26%,380px)));justify-content:space-between;gap:24px}
@media(max-width:1000px){.pp-ev{grid-template-columns:minmax(0,1fr);gap:16px}}
section.s.pp.cta::before,section.s.pp.cta::after{content:none;display:none}
.pp .card{background:#fff;border:0;border-radius:20px;padding:28px;box-shadow:none}
.pp .card h3{font:400 22px/1.3 var(--font-body);margin:0 0 10px;color:#0A0A0A}
.pp .card p{font:400 16px/1.5 var(--font-body);color:#575E63;margin:0}
.pp .card.bc{border-top:0;background:#fff}
.pp .card .ic{background:#EEF1FD;color:#4E6BDC;margin-bottom:56px}
.pp .see h3{font:400 22px/1.3 var(--font-body);margin-bottom:4px}.pp .see .q{font:400 16px/1.5 var(--font-body);margin:0 0 16px}
.pp .faq summary{font:400 22px/1.3 var(--font-body)}.pp .faq .a,.pp .faq .a li{font:400 16px/1.5 var(--font-body)}
.pp .quote p{font:400 clamp(20px,1.7vw,24px)/1.5 var(--font-display)}.pp .quote cite{font:400 16px var(--font-body)}
.pp .why .lead{max-width:600px}
.hr2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,6vw,120px);align-items:center}
.hr2 .lead{margin-bottom:32px}
.tw4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media(max-width:720px){.tw4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1200px){.tw4{gap:12px}.tw4 .card{padding:20px}.tw4 .card .ic{margin-bottom:28px}.tw4 .card h3{font-size:20px}}@media(max-width:600px){.tw4{grid-template-columns:minmax(0,1fr)}}
.pp .why h2{font-size:40px}.pp .why .lead{font-size:16px}
.pp.plt{--processes:#4E6BDC;--people:#8DA2FF;--positions:#2F44A8;--accent:#4E6BDC;--soft:#EEF1FD}
.pp .gt{font-size:14px}.pp .gt-n{font-size:14px}
.wy>.vh:nth-of-type(1):checked~.wy-tabs .wt:nth-child(1),.wy>.vh:nth-of-type(2):checked~.wy-tabs .wt:nth-child(2),.wy>.vh:nth-of-type(3):checked~.wy-tabs .wt:nth-child(3),.wy>.vh:nth-of-type(4):checked~.wy-tabs .wt:nth-child(4){border-color:#4E6BDC}
.wy>.vh:nth-of-type(1):checked~.wy-p .wv:nth-child(1),.wy>.vh:nth-of-type(2):checked~.wy-p .wv:nth-child(2),.wy>.vh:nth-of-type(3):checked~.wy-p .wv:nth-child(3),.wy>.vh:nth-of-type(4):checked~.wy-p .wv:nth-child(4){display:block}
.wy-tabs.n2{grid-template-columns:repeat(2,minmax(0,1fr))}.wy-tabs.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pp.gr .wy-p{background:#fff}.wy-p.bare{background:none;padding:0;border-radius:0}
.pp h2+.wy{margin-top:40px}
.pp .pp-h3{margin:0 0 20px}
.twa{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px}.twa .card h3{margin:0}
.pp .card.hlf{border:0;display:flex;flex-direction:column;align-items:flex-start}.pp .card.hlf .chip{margin:auto 0 0;position:static}.pp .card.hlf p{margin-bottom:20px}
.tq2{margin:0}.tq2 blockquote{margin:0 0 28px;font:400 clamp(22px,2.2vw,30px)/1.5 var(--font-display);letter-spacing:-.01em}
.tq2 figcaption b{display:block;font:600 22px/1.4 var(--font-body)}.tq2 figcaption span{display:block;font:400 22px/1.4 var(--font-body);color:#394141}
.pp .tpromise span{font:400 16px/1.5 var(--font-body)}
@media(max-width:700px){.wy-tabs.n3{grid-template-columns:minmax(0,1fr)}}
.hr-st>div{border-top:2px solid #DADDE1;padding:20px 0 24px;display:flex;flex-direction:column;gap:6px}
.hr-st>div:first-child{border-top:0;padding-top:0}
.hr-st b{font:400 28px/1.2 var(--font-display);color:#0A0A0A}.hr-st span{font:400 16px/1.5 var(--font-body);color:#575E63;max-width:420px}
.hr-g{background:#fff;border-radius:40px;padding:clamp(20px,3vw,48px);min-width:0}
.wy-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,56px);margin-bottom:56px}
.wt{border-top:3px solid #D5D7DA;padding-top:28px;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:border-color .2s}
.wt:hover{border-color:#A9B6EE}
.wt b{font:400 22px/1.3 var(--font-body);color:#0A0A0A}.wt span{font:400 16px/1.5 var(--font-body);color:#575E63}
.wy-p{background:#F5F5F5;border-radius:40px;padding:clamp(20px,4vw,64px)}
.wv{display:none}.wy-p .op{height:auto;min-height:380px;font-size:14px}.wy-p .op-img{height:auto;max-height:560px}
#wy0:checked~.wy-tabs .wt0,#wy1:checked~.wy-tabs .wt1,#wy2:checked~.wy-tabs .wt2,#wy3:checked~.wy-tabs .wt3{border-color:#4E6BDC}
#wy0:checked~.wy-p .wv0,#wy1:checked~.wy-p .wv1,#wy2:checked~.wy-p .wv2,#wy3:checked~.wy-p .wv3{display:block}
.wy .vh:focus-visible~.wy-tabs{outline:2px solid #4E6BDC;outline-offset:8px}
.tq{align-items:center}.tq .pp-qa b{font:600 22px/1.4 var(--font-body)}.tq .pp-qa span{font:400 22px/1.4 var(--font-body);color:#394141}
.tq-l{height:56px;width:auto;display:block;margin:20px 0 12px}.tq-c{font:400 16px/1.5 var(--font-body);color:#394141;max-width:320px;margin:0}
.tq blockquote{font-size:clamp(24px,2.4vw,34px);line-height:1.5}
.pp.dk h2+.pq-list{margin-top:40px}
.pq+.pq{border-top:1px solid rgba(255,255,255,.18)}
.pq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0;font:400 22px/1.3 var(--font-body);color:#fff}
.pq summary::-webkit-details-marker{display:none}
.pq summary i{position:relative;width:16px;height:16px;flex-shrink:0}
.pq summary i::before,.pq summary i::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;margin-top:-1px;background:#fff}
.pq summary i::after{transform:rotate(90deg);transition:transform .2s cubic-bezier(.2,.8,.2,1)}.pq[open] summary i::after{transform:rotate(0)}
.pqa,.pqa li{font:400 16px/1.6 var(--font-body);color:#A3A8AE}.pqa{padding:0 0 32px}
@media(max-width:1100px){.hr2{grid-template-columns:minmax(0,1fr)}}
.hr-g .gt{grid-template-columns:120px minmax(0,1fr)}.hr-g .gt-ax{min-width:240px}
@media(max-width:1100px){.wy-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wt{min-width:0}.wt b{overflow-wrap:anywhere}
.pp .lead,.pp-col p,.pp-sub,.li .d,.li .ex,.pp .tl,.pr span,.pp-qa b,.pp-qa span,.pp .lv-pts span,.pp-step p,.pp-evc p{font-size:16px}
.pp-evc{border:0;border-radius:32px;padding:28px 28px 32px;background:#fff}
.pp-evc h3{margin-bottom:14px}.pp-evc p{font:400 16px/1.5 var(--font-body);color:var(--muted)}
.pp-sec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.pp .tl{color:#fff;text-decoration:none;font:500 18px var(--font-body)}.pp .tl:hover{text-decoration:underline}
.pr{display:grid;grid-template-columns:32px minmax(0,1fr);gap:16px;padding:24px 0}
.pr+.pr{border-top:1px solid var(--line)}.pr:first-child{padding-top:0}
.pp-ic svg{width:28px;height:28px;display:block;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.pr b{display:block;font:500 18px var(--font-body);margin-bottom:4px}.pr span{font:400 18px/1.5 var(--font-body);color:var(--muted)}
.pp-q{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:64px;align-items:start}
.pp-qa b{display:block;font:600 18px/1.5 var(--font-body);color:#0A0A0A}.pp-qa span{display:block;font:400 18px/1.5 var(--font-body);color:#0A0A0A}
.pp-q blockquote{margin:0;font:400 clamp(20px,1.7vw,24px)/1.5 var(--font-display);letter-spacing:-.01em}
section.s.pp.cta{background:linear-gradient(180deg,rgba(24,18,38,0) 50%,rgba(24,18,38,.5) 100%),linear-gradient(100deg,#363849 0%,#2f2e4e 55%,#2a2558 100%);text-align:center;padding-block:96px;color:#fff}
section.pp.cta h2{font-size:28px;line-height:1.3;margin-bottom:28px}
section.pp.cta .btn.light{background:#fff;color:#0A0A0A}
@media(max-width:900px){.pp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-cols,.pp-ev{grid-template-columns:minmax(0,1fr)}.pp-evc{max-width:none}.pp-lenses,.pp-sec,.pp-q{grid-template-columns:minmax(0,1fr);gap:32px}.lm{order:-1}}
@media(max-width:600px){section.pp h2{font-size:30px}.pp-steps{grid-template-columns:minmax(0,1fr)}section.s.pp{padding-block:64px}}
/* ---- product pages: home-page typography (Poppins display / Inter body, same sizes as home sections) ---- */
section.pp h2,.pp .why h2{font:400 40px/1.1 var(--font-display);letter-spacing:0}
.pp h3,.pp .card h3,.pp .see h3,.pp-step h3,.pp-evc h3,.wt b,.li .t{font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1.25;letter-spacing:0}
.pp .pq summary,.pq summary,.pp .faq summary{font-family:var(--font-body);font-weight:600;font-size:18px;line-height:1.4}
.pp .lead{font-size:18px;line-height:1.45}
.pp-qa b,.tq .pp-qa b,.tq2 figcaption b{font-family:var(--font-body);font-weight:600;font-size:18px}
.pp-qa span,.tq .pp-qa span,.tq2 figcaption span{font-family:var(--font-body);font-size:16px}
@media(max-width:900px){section.pp h2,.pp .why h2{font-size:32px}}
@media(max-width:600px){section.pp h2,.pp .why h2{font-size:28px}}
/* ---- product pages: same side margins and top navigation as the home page ---- */
html[data-page="product"] .w,html[data-page="processes"] .w,html[data-page="people"] .w,html[data-page="positions"] .w{max-width:1738px;padding-inline:160px}
@media(max-width:1024px){html[data-page="product"] .w,html[data-page="processes"] .w,html[data-page="people"] .w,html[data-page="positions"] .w{padding-inline:40px}}
@media(max-width:600px){html[data-page="product"] .w,html[data-page="processes"] .w,html[data-page="people"] .w,html[data-page="positions"] .w{padding-inline:20px}}
html[data-page="product"] .nav .w,html[data-page="processes"] .nav .w,html[data-page="people"] .nav .w,html[data-page="positions"] .nav .w{padding-inline:40px}
@media(max-width:600px){html[data-page="product"] .nav .w,html[data-page="processes"] .nav .w,html[data-page="people"] .nav .w,html[data-page="positions"] .nav .w{padding-inline:20px}}


/* ---- product pages: refinements ---- */
.hero.pf h1{font-size:40px}
@media(max-width:600px){.hero.pf h1{font-size:32px}}
.pp-step b{font-size:28px;line-height:1.2}
/* columns: regular-weight headings, descriptions line up across columns */
.pp-col h3{font-weight:400}
.pp-cols{grid-auto-rows:auto}
.pp-col{grid-row:span 2;display:grid;grid-template-rows:subgrid;row-gap:10px}
.pp-col p{margin-top:0}
/* three lenses: image spans from the top rule of the first lens to the bottom rule of the last */
.pp-lenses{align-items:stretch}
.lm{position:relative;min-height:240px}
.lm img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
@media(max-width:900px){.lm{min-height:0;aspect-ratio:16/10}}
/* built on evidence: gradient section with translucent icon cards */
.pp.plt.ev{background:linear-gradient(96deg,#7A96B2 -16.34%,#C2BDD2 74.5%,#C5A997 204.98%);--fg:#212121;--muted:#212121;color:#212121}
.pp.ev .ac{color:#5A72C2}
.pp.ev .lead{color:#212121}
.pp.ev .pp-ev{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;justify-content:stretch}
.pp.ev .pp-evc{background:rgba(255,255,255,.3);border:0;border-radius:24px;padding:36px 32px;max-width:none}
.pp.ev .pp-evc .ic{background:#fff;color:#212121;margin-bottom:16px}
.pp.ev .pp-evc h3{color:#212121;margin-bottom:8px}
.pp.ev .pp-evc p{color:#212121}
@media(max-width:900px){.pp.ev .pp-ev{grid-template-columns:minmax(0,1fr)}}


/* ---- product pages: heading to body-text gap is 24px everywhere ---- */
section.pp:not(.cta) h2,.pp .why h2{margin-bottom:24px!important}
.hero.pf h1{margin-bottom:24px}
/* ---- platform CTA: night-sky background (cropped to the section) ---- */
section.s.pp.cta.sky{background:linear-gradient(180deg,rgba(8,6,28,.22),rgba(8,6,28,.12)),url(/assets/img/css-bg.jpg) 52% 50%/cover no-repeat;background-color:#10112e}
/* ---- gradient section with translucent icon cards (Processes: When teams use it / People: When key knowledge walks out) ---- */
.pp.plt.cg{background:linear-gradient(96deg,#7A96B2 -16.34%,#C2BDD2 74.5%,#C5A997 204.98%);--fg:#212121;--muted:#212121;color:#212121}
.pp.cg .lead,.pp.cg .pp-h3,.pp.cg h2{color:#212121}
.pp.cg .card,.pp.cg .card.bc{background:rgba(255,255,255,.3);border:0;border-radius:24px;padding:36px 32px;box-shadow:none}
.pp.cg .card .ic{background:#fff;color:#212121;margin-bottom:16px}
.pp.cg .card h3{color:#212121;margin:0 0 8px}
.pp.cg .card p{color:#212121}
.pp.cg .kp{background:rgba(255,255,255,.3);border:0;border-radius:24px;color:#212121}
.pp.cg .kp p{color:#212121}


/* ---- centered section headings (Human-led capture, A living resource) ---- */
.pp.ctr>.w>h2,.pp.ctr>.w>.lead{text-align:center}
.pp.ctr>.w>.lead{margin-inline:auto;max-width:820px}


/* ---- People: Sugarwork in Action (testimonial layout, tabs at the bottom) ---- */
.pp.plt.qt{padding-block:128px}
.pp.qt h2+.wy{margin-top:64px}
.pp.qt .wy{display:flex;flex-direction:column}
.pp.qt .wy-p{order:1;background:none;border-radius:0;padding:0;min-height:480px}
.pp.qt .wy-tabs{order:2;margin:96px 0 0;gap:32px}
.pp.qt .wt{border-top:2px solid #C9C9C9;padding-top:20px}
.pp.qt .wt b,.pp.qt .wt span{font-weight:400}
.pp.qt .wy>.vh:nth-of-type(1):checked~.wy-tabs .wt:nth-child(1),.pp.qt .wy>.vh:nth-of-type(2):checked~.wy-tabs .wt:nth-child(2),.pp.qt .wy>.vh:nth-of-type(3):checked~.wy-tabs .wt:nth-child(3){border-color:#0A0A0A}
.pp.qt .pp-q{grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);gap:96px;align-items:start}
.pp.qt .tq blockquote{font-size:40px;line-height:1.3;font-weight:400;letter-spacing:-.01em}
@media(max-width:900px){.pp.plt.qt{padding-block:80px}.pp.qt .wy-p{min-height:0}.pp.qt .wy-tabs{margin-top:56px}.pp.qt .pp-q{grid-template-columns:minmax(0,1fr);gap:40px}.pp.qt .tq blockquote{font-size:32px}}
@media(max-width:600px){.pp.qt .tq blockquote{font-size:28px}}


/* ---- stats row (Positions: What we found) ---- */
.hr-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.hr-row>div,.hr-row>div:first-child{border-top:2px solid #DADDE1;padding:20px 0 0}
.hr-row span{max-width:none}
@media(max-width:900px){.hr-row{grid-template-columns:minmax(0,1fr);gap:32px}}


/* ---- A living resource: dependency-map window with the chat in the side panel ---- */
.lv.dm{display:block}
.dm-win{display:flex;border-radius:36px;overflow:hidden;background:#0f0f0f;box-shadow:0 20px 50px rgba(20,10,60,.22);min-height:560px}
.dm-main{flex:1;min-width:0;display:flex;flex-direction:column}
.dm-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;height:64px;background:#1e1e1e;color:#fff;flex:none}
.dm-t{display:flex;align-items:center;gap:10px;font:400 18px var(--font-body);white-space:nowrap}
.dm-t svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round}
.dm-ctl{display:flex;align-items:center;gap:8px}
.dm-b{width:36px;height:36px;border-radius:50%;background:#2d2d2d;display:grid;place-items:center;flex:none}
.dm-b svg,.dm-pill svg,.dm-k svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}
.dm-pill{height:36px;padding:0 18px;border-radius:999px;background:#2d2d2d;color:#fff;font:400 14px var(--font-body);display:flex;align-items:center;gap:18px;white-space:nowrap}
.dm-k{display:grid;place-items:center;width:24px}
.dm-canvas{flex:1;display:flex;align-items:center;min-height:0;background:#0f0f0f}
.dm-canvas svg{width:100%;height:auto;display:block}
.dm-n text{font:500 13.5px var(--font-body);fill:rgba(255,255,255,.78)}
.dm-n .hl{opacity:1}
.dm-side{flex:0 0 360px;background:#E6E9F2;padding:22px 20px 24px;display:flex;flex-direction:column;gap:18px;color:#0A0A0A}
.dm-sh{display:flex;align-items:center;justify-content:space-between;gap:12px;font:400 20px var(--font-display)}
.dm-x{width:40px;height:40px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none}
.dm-x svg{width:18px;height:18px;fill:none;stroke:#212121;stroke-width:1.8;stroke-linecap:round}
.dm-side .lv-chat{flex:1;border:0;border-radius:24px;background:#fff;box-shadow:none}
.dm-side .lv-body{padding:20px 18px}
.dm-side .lv-m{font-size:14px}
.dm-side .lv-in{margin:0 16px 16px;font-size:13px}
.lv.anim .dm-n .hl{opacity:0;transform-box:fill-box;transform-origin:center}
.lv.go .dk1 .hl{animation:dmhl .6s 3s forwards}.lv.go .dk2 .hl{animation:dmhl .6s 4.2s forwards}.lv.go .dk3 .hl{animation:dmhl .6s 5.4s forwards}
@keyframes dmhl{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}
@media(max-width:1000px){.dm-win{flex-direction:column}.dm-side{flex:none}.dm-h{display:none}.dm-n text{font-size:15px}}
@media(max-width:600px){.dm-bar{padding:0 14px}.dm-pill{padding:0 14px}.dm-win{border-radius:24px}.dm-ctl .dm-b,.dm-k{display:none}.dm-canvas{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.dm-canvas svg{width:640px;max-width:none;margin-block:12px}}
@media(prefers-reduced-motion:reduce){.lv.go .dm-n .hl{animation:none;opacity:1}}

/* moments section */
#mm+section.s{background:#fff;padding-block:100px;
  --fg:#212121;--muted:#212121;--surface:#FFFFFF;--accent:#402F7D;--line:rgba(33,33,33,.18);color:#212121}
#mm+section.s h2{font:400 40px/1.1 'Poppins',system-ui,sans-serif;letter-spacing:0;color:#212121;text-align:center;margin:0 0 16px}
#mm+section.s .lead{font:400 18px/1.45 'Inter',system-ui,sans-serif;color:#212121;text-align:center;max-width:72ch;margin:0 auto 56px}
#mm+section.s .grid.g3{gap:16px}
#mm+section.s .card.lk{background:#fff;border:1px solid #E3E3E3;border-radius:20px;padding:36px 30px;justify-content:center;gap:0;box-shadow:none}
#mm+section.s .card .ic{background:#C8CEDE;color:#212121;margin-bottom:16px}
#mm+section.s .card h3{font:600 20px/1.2 'Poppins',system-ui,sans-serif;color:#212121;margin:0 0 8px}
#mm+section.s .card p{font:400 16px/1.4 'Inter',system-ui,sans-serif;color:#212121;flex:none;margin:0 0 16px}
#mm+section.s .lk .link{font:600 15px/1.4 'Inter',system-ui,sans-serif;color:#6471B5;margin-top:0;text-decoration:none}
#mm+section.s .lk:hover .link{text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#mm+section.s h2{font-size:32px}}
@media(max-width:600px){#mm+section.s h2{font-size:28px}#mm+section.s{padding-block:64px}}

/* why sugarwork */
#wsg+section.s{background:#F5F5F5;--fg:#212121;--muted:#212121;--surface:#fff;--line:#E3E3E3;--accent:#402F7D;color:#212121}
#wsg+section.s h2{font:400 40px/1.1 'Poppins',system-ui,sans-serif;letter-spacing:0;color:#212121;margin:0 0 32px}
.wsg-q{margin:0;max-width:1180px}
.wsg-q p{font:400 32px/1.35 'Poppins',system-ui,sans-serif;color:#212121;margin:0;font-style:normal}
.wsg-q cite{display:block;font:400 16px/1.4 'Inter',system-ui,sans-serif;color:#212121;font-style:normal;margin-top:16px}
.wsg-fl{overflow-x:auto;margin:72px auto 64px;max-width:940px}
.wsg-fl svg{display:block;width:100%;min-width:640px;height:auto}
.wsg-ln{fill:none;stroke:#212121;stroke-width:1.5;stroke-dasharray:5 4;stroke-linecap:round}
.wsg-t{font:600 20px 'Inter',system-ui,sans-serif;fill:#212121}
.wsg-s{font:400 16px 'Inter',system-ui,sans-serif;fill:#212121}
.wsg-dot{fill:#8596F1}
@media(prefers-reduced-motion:reduce){.wsg-dot{display:none}}
#wsg+section.s .grid.g3{gap:16px}
#wsg+section.s .card{background:#fff;border:0;border-radius:20px;padding:44px 30px;box-shadow:none;display:flex;flex-direction:column;justify-content:center}
#wsg+section.s .card h3{font:600 24px/1.2 'Poppins',system-ui,sans-serif;color:#212121;margin:0 0 10px}
#wsg+section.s .card p{font:400 17px/1.4 'Inter',system-ui,sans-serif;color:#212121;margin:0 0 14px}
#wsg+section.s .card .link{font:600 15px/1.4 'Inter',system-ui,sans-serif;color:#6471B5;text-decoration:none}
#wsg+section.s .card .link:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){#wsg+section.s h2{font-size:32px}.wsg-q p{font-size:26px}}
@media(max-width:600px){#wsg+section.s h2{font-size:28px}.wsg-q p{font-size:22px}.wsg-fl{margin:48px auto 40px}}

/* top nav text */
.nav .menu>a,.nav .menu button.dd{font:500 13px/1.5 'Poppins',system-ui,sans-serif;text-transform:uppercase;letter-spacing:0;color:#242525;white-space:nowrap}
.nav .menu>a:hover,.nav .menu>a.on,.nav .menu button.dd:hover{color:var(--accent)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .nav .menu>a,:root:not([data-theme="light"]) .nav .menu button.dd{color:#fff}:root:not([data-theme="light"]) .nav .menu>a:hover,:root:not([data-theme="light"]) .nav .menu>a.on,:root:not([data-theme="light"]) .nav .menu button.dd:hover{color:var(--accent)}}
:root[data-theme="dark"] .nav .menu>a,:root[data-theme="dark"] .nav .menu button.dd{color:#fff}
:root[data-theme="dark"] .nav .menu>a:hover,:root[data-theme="dark"] .nav .menu>a.on,:root[data-theme="dark"] .nav .menu button.dd:hover{color:var(--accent)}
@media(min-width:901px){.nav .menu{gap:clamp(24px,3.4vw,48px)}}
.nav .menu .caret{font-size:18px;line-height:0;display:inline-block;vertical-align:middle;position:relative;top:-1px;margin-left:2px}
/* stat numbers: always one line, scale to column width */
.sw-dark .swc .n{white-space:nowrap}
@media(min-width:1025px){.sw-dark .swc .n{font-size:min(70px,calc(((100vw - 448px)/3 - 50px)/3.3))}}
@media(min-width:901px) and (max-width:1024px){.sw-dark .swc .n{font-size:min(70px,calc(((100vw - 208px)/3 - 50px)/3.3))}}
@media(max-width:600px){.sw-dark .swc .n{font-size:56px}}
/* all CTAs: same text style */
.btn,.hh-btn{font-family:'Poppins',system-ui,sans-serif;font-weight:500;font-size:15px;line-height:16px;text-transform:none;letter-spacing:0}
#how+section.s .btn.exp{padding:15px 40px;text-transform:none;letter-spacing:0;font-weight:500}
/* ---- Solutions, Resources, Trust Center, About: same layout rules as the home and product pages ---- */
html[data-page="ai-transformation"] .w,html[data-page="process-improvements"] .w,html[data-page="continuity-succession"] .w,html[data-page="system-migration"] .w,html[data-page="compliance-risk"] .w,html[data-page="news"] .w,html[data-page="blog"] .w,html[data-page="interviews"] .w,html[data-page="case-studies"] .w,html[data-page="events"] .w,html[data-page="article"] .w,html[data-page="security"] .w,html[data-page="about"] .w{max-width:1738px;padding-inline:160px}
@media(max-width:1024px){html[data-page="ai-transformation"] .w,html[data-page="process-improvements"] .w,html[data-page="continuity-succession"] .w,html[data-page="system-migration"] .w,html[data-page="compliance-risk"] .w,html[data-page="news"] .w,html[data-page="blog"] .w,html[data-page="interviews"] .w,html[data-page="case-studies"] .w,html[data-page="events"] .w,html[data-page="article"] .w,html[data-page="security"] .w,html[data-page="about"] .w{padding-inline:40px}}
@media(max-width:600px){html[data-page="ai-transformation"] .w,html[data-page="process-improvements"] .w,html[data-page="continuity-succession"] .w,html[data-page="system-migration"] .w,html[data-page="compliance-risk"] .w,html[data-page="news"] .w,html[data-page="blog"] .w,html[data-page="interviews"] .w,html[data-page="case-studies"] .w,html[data-page="events"] .w,html[data-page="article"] .w,html[data-page="security"] .w,html[data-page="about"] .w{padding-inline:20px}}
html[data-page="ai-transformation"] .nav .w,html[data-page="process-improvements"] .nav .w,html[data-page="continuity-succession"] .nav .w,html[data-page="system-migration"] .nav .w,html[data-page="compliance-risk"] .nav .w,html[data-page="news"] .nav .w,html[data-page="blog"] .nav .w,html[data-page="interviews"] .nav .w,html[data-page="case-studies"] .nav .w,html[data-page="events"] .nav .w,html[data-page="article"] .nav .w,html[data-page="security"] .nav .w,html[data-page="about"] .nav .w{padding-inline:40px}
@media(max-width:600px){html[data-page="ai-transformation"] .nav .w,html[data-page="process-improvements"] .nav .w,html[data-page="continuity-succession"] .nav .w,html[data-page="system-migration"] .nav .w,html[data-page="compliance-risk"] .nav .w,html[data-page="news"] .nav .w,html[data-page="blog"] .nav .w,html[data-page="interviews"] .nav .w,html[data-page="case-studies"] .nav .w,html[data-page="events"] .nav .w,html[data-page="article"] .nav .w,html[data-page="security"] .nav .w,html[data-page="about"] .nav .w{padding-inline:20px}}
.hero.pf .eyebrow{display:block;background:none;border:0;padding:0;border-radius:0;font:500 13px/1.2 'Poppins',system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#212121;margin:0 0 18px}
section.pp.cta .cta-l{font:400 18px/1.45 'Inter',system-ui,sans-serif;color:#fff;max-width:60ch;margin:-12px auto 28px;opacity:.92}
/* ---- legacy blocks restyled to the new system (Solutions, Resources, Trust Center, About) ---- */
/* stat card: same look as the home stats */
.pp .stat{background:#F5F5F5;color:#212121;border-radius:20px;padding:32px 36px}
.pp.gr .stat{background:#fff}
.pp .stat b{font:300 clamp(44px,5vw,64px)/1.05 'Poppins',system-ui,sans-serif;color:#212121;margin:0 0 14px}
.pp .stat span{font:400 18px/1.45 'Inter',system-ui,sans-serif;color:#212121}
.pp .stat i{font:400 13px/1.4 'Inter',system-ui,sans-serif;color:#555;margin-top:14px}
/* numbered steps */
.pp .step{background:#fff;border:0;border-radius:20px;box-shadow:none;padding:76px 28px 28px}
.pp .step::before{color:#5A72C2;font:300 40px/1 'Poppins',system-ui,sans-serif}
.pp .step h3{font:600 20px/1.25 'Poppins',system-ui,sans-serif;color:#212121;margin:0 0 8px}
.pp .step p{font:400 16px/1.5 'Inter',system-ui,sans-serif;color:#575E63}
.pp.gr .step{background:#fff}
.pp .note{font:400 14px/1.5 'Inter',system-ui,sans-serif;color:#575E63}
/* customer stories: testimonial layout */
.pp .cos{grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);gap:0 64px;margin-top:8px}
.pp .cos .card.co{background:none;border:0;border-top:1px solid #DADDE1;border-radius:0;padding:40px 0;box-shadow:none;display:flex;flex-direction:column;gap:10px}
.pp .cos .card.co .lt{height:auto;background:none;border:0;padding:0;justify-content:flex-start;margin:0 0 6px}
.pp .cos .card.co .lt img{height:48px;width:auto;max-width:200px;object-fit:contain;filter:none}
.pp .cos .card.co h3{font:600 18px/1.4 'Inter',system-ui,sans-serif;color:#212121}
.pp .cos .card.co p{font:400 16px/1.5 'Inter',system-ui,sans-serif;color:#394141}
.pp .cos .quote,.pp .cos .quote.big{background:none;border:0;border-radius:0;padding:0}
.pp .cos .quote p,.pp .cos .quote.big p{font:400 clamp(22px,2.4vw,34px)/1.4 'Poppins',system-ui,sans-serif;color:#212121;letter-spacing:-.01em}
.pp .cos .quote cite{font:400 16px/1.5 'Inter',system-ui,sans-serif;color:#394141;margin-top:20px}
@media(max-width:900px){.pp .cos{grid-template-columns:minmax(0,1fr);gap:0}.pp .cos .card.co{padding:28px 0}.pp .cos .card.co:nth-child(even){border-top:0;padding-top:0}}
/* FAQ on dark sections */
.pp.dk details.faq{background:none;border:0;border-radius:0;padding:0;margin:0;border-top:1px solid rgba(255,255,255,.18)}
.pp.dk details.faq:last-of-type{border-bottom:0}
.pp.dk details.faq summary{font:600 18px/1.4 'Inter',system-ui,sans-serif;color:#fff;padding:28px 0;align-items:center}
.pp.dk details.faq summary::after{content:"+";color:#fff;font:300 26px/1 'Inter',system-ui,sans-serif}
.pp.dk details.faq[open] summary::after{content:"\2013"}
.pp.dk details.faq .a{font:400 16px/1.6 'Inter',system-ui,sans-serif;color:#A3A8AE;padding:0 0 32px;max-width:72ch}
.pp.dk h2+details.faq{margin-top:32px}
/* chips and links */
.pp .chip{font:600 11px/1 'Inter',system-ui,sans-serif}
.pp .link{color:#4E6BDC;font-weight:600}
/* stat variants, certs, features, placeholders */
.pp .stack>.stat,.pp .grid>.stat,.pp .sw .stat{background:#F5F5F5;color:#212121}
.pp.gr .stack>.stat,.pp.gr .grid>.stat{background:#fff}
.pp .cert{background:#F5F5F5;border:0;border-radius:20px;padding:28px;gap:12px}
.pp .cert b{font:600 20px/1.25 'Poppins',system-ui,sans-serif;color:#212121}
.pp .cert span{font:400 16px/1.5 'Inter',system-ui,sans-serif;color:#394141}
.pp .cert .ic,.pp .feat .ic{background:#fff;color:#4E6BDC;margin:0 0 20px}
.pp.gr .feat{background:#fff}
.pp .feat{flex-direction:column;gap:0;background:#F5F5F5;border-radius:20px;padding:28px}
.pp .feat h3{font:600 20px/1.25 'Poppins',system-ui,sans-serif;color:#212121;margin:0 0 8px}
.pp .feat p{font:400 16px/1.5 'Inter',system-ui,sans-serif;color:#575E63}
.pp.dk .ph{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.3);color:#E6E6E6}
.pp.cg .card h3[style]{font-size:20px!important}
.pp.cg .card p[style]{font-size:16px!important}
.pp:not(.cta) .quote,.pp:not(.cta) .quote.big{background:#F5F5F5;border:0;border-radius:20px;padding:32px 36px}
.pp.gr:not(.cta) .quote{background:#fff}
.pp:not(.cta) .quote p,.pp:not(.cta) .quote.big p{font:400 clamp(20px,1.8vw,26px)/1.4 'Poppins',system-ui,sans-serif;color:#212121;font-style:normal;letter-spacing:-.01em}
.pp:not(.cta) .quote cite{font:400 14px/1.5 'Inter',system-ui,sans-serif;color:#394141;margin-top:16px}
.pp .cos .quote,.pp .cos .quote.big{background:none!important;padding:0!important}
@media(min-width:1200px){.hero.pf h1{font-size:50px}.hero.pf .inner{max-width:980px}}
@media(min-width:1025px) and (max-width:1199px){.hero.pf h1{font-size:44px}.hero.pf .inner{max-width:900px}}
/* ---- Request a Demo page ---- */
html[data-page="contact"] .w{max-width:1738px;padding-inline:160px}
@media(max-width:1024px){html[data-page="contact"] .w{padding-inline:40px}}
@media(max-width:600px){html[data-page="contact"] .w{padding-inline:20px}}
html[data-page="contact"] .nav .w{padding-inline:40px}
@media(max-width:600px){html[data-page="contact"] .nav .w{padding-inline:20px}}
html[data-page="contact"] section.pp.plt{background:#F5F5F5}
html[data-page="contact"] #cgrid{gap:64px!important;align-items:start}
html[data-page="contact"] #formcol{background:#fff;border-radius:24px;padding:40px}
@media(max-width:600px){html[data-page="contact"] #formcol{padding:24px;border-radius:20px}}
html[data-page="contact"] #demo{gap:20px}
html[data-page="contact"] #demo .two{align-items:end}
html[data-page="contact"] #demo label{font:600 14px/1.3 'Inter',system-ui,sans-serif;color:#212121;gap:8px}
html[data-page="contact"] #demo input,html[data-page="contact"] #demo select,html[data-page="contact"] #demo textarea{font:400 16px/1.4 'Inter',system-ui,sans-serif;color:#212121;background:#fff;border:1px solid #CFCFCF;border-radius:12px;padding:14px 16px}
html[data-page="contact"] #demo textarea{min-height:120px;resize:vertical}
html[data-page="contact"] #demo input:focus-visible,html[data-page="contact"] #demo select:focus-visible,html[data-page="contact"] #demo textarea:focus-visible{outline:3px solid rgba(113,142,243,.45);outline-offset:0;border-color:#4E6BDC}
html[data-page="contact"] #demo .chk{font:400 14px/1.5 'Inter',system-ui,sans-serif;color:#394141}
html[data-page="contact"] #demo .chk input{width:18px;height:18px;margin-top:2px;padding:0;border-radius:4px;accent-color:#402F7D}
html[data-page="contact"] #demo .btn{padding:15px 40px}
html[data-page="contact"] .micro{font:400 14px/1.5 'Inter',system-ui,sans-serif;color:#575E63}
html[data-page="contact"] #cgrid .stack h2{font-size:40px!important;margin:0 0 8px}
html[data-page="contact"] .ok h2{font:400 32px/1.2 'Poppins',system-ui,sans-serif!important;color:#212121}
html[data-page="contact"] .ok p{font:400 16px/1.5 'Inter',system-ui,sans-serif;color:#394141}
/* home hero */
.hh-grid{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:0}
section.hh>.w{position:relative;z-index:1}
section.hh{background:linear-gradient(96deg,#7A96B2 -16.34%,#C2BDD2 74.5%,#C5A997 204.98%);position:relative;overflow:hidden;text-align:center;padding:80px 0 0;color:#fff}
html[data-page="home"] .hh .w{max-width:none;padding-inline:48px}
.hh-eb{font:300 24px/1.2 'Poppins',system-ui,sans-serif;color:#fff;margin:0 0 28px}
.hh h1{font:300 clamp(28px,calc((100vw - 96px)/25.3),64px)/1.02 'Poppins',system-ui,sans-serif;letter-spacing:0;color:#212121;margin:0 auto 24px;max-width:none;text-wrap:balance}
.hh-h1{display:block}
.hh-stats{display:grid;margin:0 0 32px}
.hh-stat{grid-area:1/1;opacity:0;pointer-events:none;animation:hhstat 24s ease-in-out infinite both;animation-delay:calc(var(--i)*6s)}
@keyframes hhstat{0%{opacity:0}3%,22%{opacity:1}25%,100%{opacity:0}}
.hh-sl{margin:0;font:300 clamp(22px,2.4vw,34px)/1.15 'Poppins',system-ui,sans-serif;color:#212121}
.hh-sl b{font-weight:500;background:linear-gradient(90deg,#6986EC,#4B2BB6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-size:1.5em;margin-right:.15em}
.hh-sc{margin:8px 0 0;font:400 18px/1.35 'Inter',system-ui,sans-serif;color:#212121}
.hh-ss{margin:4px 0 0;font:400 13px/1.3 'Inter',system-ui,sans-serif;color:#212121;opacity:.7}
@media(prefers-reduced-motion:reduce){.hh-stat{animation:none}.hh-stat:first-child{opacity:1}}
.hh-sub{font:400 20px/1.35 'Inter',system-ui,sans-serif;color:#212121;max-width:1040px;margin:0 auto 32px}
.hh-sub b{font-weight:700}
.hh-btn{display:inline-block;background:#fff;color:#212121;font:500 15px/16px 'Poppins',system-ui,sans-serif;padding:15px 40px;border-radius:999px;text-decoration:none}
.hh-btn:hover{box-shadow:0 6px 18px rgba(33,33,33,.18)}
.hh-btn:focus-visible{outline:3px solid #212121;outline-offset:3px}
.hh-stage{position:relative;width:577px;max-width:100%;height:353px;margin:14px auto 0}
.hh-frame{position:absolute;left:0;right:0;top:34px;min-height:293px;border:1px solid #fff;border-radius:4px;padding:26px 12px 14px 322px;display:flex;flex-direction:column;align-items:flex-start;gap:18px;text-align:left}
.hh-g{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.hh-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.62);color:#4A5BD0;font:500 11px/1 'Inter',system-ui,sans-serif;padding:5px 9px;border-radius:999px}
.hh-fl{width:12px;height:12px}
.hh-pills{display:flex;gap:6px}
.hh-q{font:400 15px/1.25 'Inter',system-ui,sans-serif;color:#fff;margin:2px 0 0}
.hh-who{font:400 11px/1.2 'Inter',system-ui,sans-serif;color:#fff;margin:0}
.hh-proc{display:flex;align-items:center;gap:8px;font:500 15px/1 'Poppins',system-ui,sans-serif;color:#4B2BB6}
.hh-lg{height:14px;width:auto;display:block}
.hh-lbl{display:grid}
.hh-lbl>span{grid-area:1/1}
.hh-l1,.hh-l2{opacity:0}
.hh-st{display:grid}.hh-st>*{grid-area:1/1}
.hh-qa,.hh-img{opacity:0}.hh-ppl{display:contents}
.hh-s{opacity:0}
.hh-A{animation:hhqa 25.45s cubic-bezier(.2,.7,.2,1) infinite}.hh-B{animation:hhqb 25.45s cubic-bezier(.2,.7,.2,1) infinite}.hh-pa{animation:hhpa 25.45s cubic-bezier(.2,.7,.2,1) infinite}.hh-pb{animation:hhpb 25.45s cubic-bezier(.2,.7,.2,1) infinite}
.hh-l1a{animation:hhl1a 25.45s cubic-bezier(.2,.7,.2,1) infinite}.hh-l2a{animation:hhl2a 25.45s cubic-bezier(.2,.7,.2,1) infinite}.hh-l1b{animation:hhl1b 25.45s cubic-bezier(.2,.7,.2,1) infinite}.hh-l2b{animation:hhl2b 25.45s cubic-bezier(.2,.7,.2,1) infinite}
.hh-s1a{animation:hhs1a 25.45s cubic-bezier(.2,.7,.2,1) infinite}.hh-s2a{animation:hhs2a 25.45s cubic-bezier(.2,.7,.2,1) infinite}.hh-s3a{animation:hhs3a 25.45s cubic-bezier(.2,.7,.2,1) infinite}
.hh-s1b{animation:hhs1b 25.45s cubic-bezier(.2,.7,.2,1) infinite}.hh-s2b{animation:hhs2b 25.45s cubic-bezier(.2,.7,.2,1) infinite}.hh-s3b{animation:hhs3b 25.45s cubic-bezier(.2,.7,.2,1) infinite}
@keyframes hhqa{0%,0%{opacity:0;transform:translateY(8px)}3.5%,46%{opacity:1;transform:none}49%,100%{opacity:0;transform:translateY(8px)}}
@keyframes hhqb{0%,50%{opacity:0;transform:translateY(8px)}53.5%,96%{opacity:1;transform:none}99%,100%{opacity:0;transform:translateY(8px)}}
@keyframes hhpa{0%,0%{opacity:0;transform:translateX(-18px)}3.5%,46%{opacity:1;transform:none}49%,100%{opacity:0;transform:translateX(-18px)}}
@keyframes hhpb{0%,50%{opacity:0;transform:translateX(-18px)}53.5%,96%{opacity:1;transform:none}99%,100%{opacity:0;transform:translateX(-18px)}}
@keyframes hhl1a{0%,1%{opacity:0;transform:translateY(6px)}3%,9%{opacity:1;transform:none}11%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes hhl2a{0%,10%{opacity:0;transform:translateY(6px)}13%,46%{opacity:1;transform:none}49%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes hhl1b{0%,51%{opacity:0;transform:translateY(6px)}53%,59%{opacity:1;transform:none}61%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes hhl2b{0%,60%{opacity:0;transform:translateY(6px)}63%,96%{opacity:1;transform:none}99%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes hhs1a{0%,15%{opacity:0;transform:translateY(10px)}18%,46%{opacity:1;transform:none}49%,100%{opacity:0;transform:translateY(10px)}}
@keyframes hhs2a{0%,19%{opacity:0;transform:translateY(10px)}22%,46%{opacity:1;transform:none}49%,100%{opacity:0;transform:translateY(10px)}}
@keyframes hhs3a{0%,23%{opacity:0;transform:translateY(10px)}26.5%,46%{opacity:1;transform:none}49%,100%{opacity:0;transform:translateY(10px)}}
@keyframes hhs1b{0%,65%{opacity:0;transform:translateY(10px)}68%,96%{opacity:1;transform:none}99%,100%{opacity:0;transform:translateY(10px)}}
@keyframes hhs2b{0%,69%{opacity:0;transform:translateY(10px)}72%,96%{opacity:1;transform:none}99%,100%{opacity:0;transform:translateY(10px)}}
@keyframes hhs3b{0%,73%{opacity:0;transform:translateY(10px)}76.5%,96%{opacity:1;transform:none}99%,100%{opacity:0;transform:translateY(10px)}}
@media(prefers-reduced-motion:reduce){.hh-l1,.hh-l2,.hh-s,.hh-qa,.hh-img{animation:none!important}.hh-l2a,.hh-s,.hh-A,.hh-pa{opacity:1}.hh-B,.hh-pb,.hh-l2b{display:none}}
.hh-c{font:400 11.5px/1.25 'Inter',system-ui,sans-serif;color:#fff;margin:0}
.hh-a{font:300 16px/1.3 'Inter',system-ui,sans-serif;color:#fff;margin:0}
.hh-img{position:absolute;left:-8px;top:0;width:307px;height:353px;object-fit:contain;object-position:bottom;z-index:2}
.hh-pulse{position:absolute;z-index:3;top:15px;right:75px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.32);display:grid;place-items:center}
.hh-pulse i{display:block;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.55)}
.hh-pulse::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.7);animation:hhp 2.4s ease-out infinite}
@keyframes hhp{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.9);opacity:0}}
@media(prefers-reduced-motion:reduce){.hh-pulse::after{animation:none;opacity:0}}
@media(max-width:760px){
  section.hh{padding:56px 0 40px}
  .hh-eb{font-size:20px}.hh-sub{font-size:16px}
  .hh-stage{width:100%;max-width:none;height:auto;margin-top:48px}
  .hh-ppl{display:grid;order:-1;width:220px;margin-bottom:-28px;justify-items:center}
  .hh-img{grid-area:1/1;position:relative;left:0;width:220px;height:auto}
  .hh-frame{position:relative;top:auto;height:auto;width:100%;padding:44px 20px 22px}
  .hh-pulse{display:none}
}
@media(max-width:600px){html[data-page="home"] .hh .w{padding-inline:20px}}

/* ---- HubSpot form embed ---- */
.hsform{min-height:420px;position:relative}
.hsform.hs-wait>*:not(.hs-skel){opacity:0;position:absolute;pointer-events:none}
.hsform.hs-ready>form,.hsform.hs-ready>div{animation:hsin .45s ease both}
@keyframes hsin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.hs-skel{display:grid;gap:10px}
.hs-skel i,.hs-skel b,.hs-skel u{display:block;border-radius:10px;background:linear-gradient(90deg,#ececf1 25%,#f6f6f9 50%,#ececf1 75%);background-size:200% 100%;animation:hssh 1.3s linear infinite}
.hs-skel i{height:14px;width:30%}
.hs-skel b{height:48px;margin-bottom:8px}
.hs-skel u{height:48px;width:160px;border-radius:999px;margin-top:6px}
@keyframes hssh{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.hs-skel i,.hs-skel b,.hs-skel u{animation:none}.hsform.hs-ready>form,.hsform.hs-ready>div{animation:none}}
.hsform .hs-form-field{margin-bottom:14px}
.hsform label,.hsform legend{display:block;font-weight:600;font-size:14px;color:var(--fg);margin-bottom:6px}
.hsform input:not([type=checkbox]):not([type=radio]):not([type=submit]),.hsform select,.hsform textarea{width:100%;box-sizing:border-box;font:inherit;color:var(--fg);background:var(--surface);border:1.5px solid var(--line);border-radius:10px;padding:11px 14px}
.hsform input:focus,.hsform select:focus,.hsform textarea:focus{outline:2px solid var(--accent);outline-offset:1px}
.hsform .hs-error-msgs{list-style:none;padding:0;margin:4px 0 0;color:#c0200f;font-size:13px}
.hsform .hs-button,.hsform input[type=submit]{display:inline-block;border:0;border-radius:999px;padding:12px 24px;font:600 15px var(--font-body);cursor:pointer;background:var(--btn);color:var(--btn-ink);width:auto}
.hsform .legal-consent-container,.hsform .hs-richtext{font-size:13px;color:var(--muted)}
.hsform fieldset{max-width:none!important;border:0;padding:0;margin:0}
.hsform .form-columns-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hsform .form-columns-2>.hs-form-field{width:100%!important;float:none!important}
.hsform .form-columns-2 .input{margin-right:0!important}
@media(max-width:600px){.hsform .form-columns-2{grid-template-columns:1fr}}
.hsfallback{border:1.5px dashed var(--line);border-radius:14px;padding:24px;color:var(--muted)}
.skip{position:absolute;left:-9999px;top:8px;background:var(--accent);color:var(--accent-ink);padding:8px 14px;border-radius:8px;z-index:100}
.skip:focus{left:8px}
/* ---- Articles (rendered from Markdown) ---- */
.prose{max-width:70ch;font-size:17px}
.prose>*+*{margin-top:16px}
.prose h2{font-size:26px;margin-top:36px}.prose h3{font-size:20px;margin-top:28px}
.prose a{color:var(--accent)}
.prose img{border-radius:12px;height:auto}
.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:6px}
.prose blockquote{margin:24px 0;padding:4px 0 4px 20px;border-left:4px solid var(--accent);color:var(--muted)}
.prose pre{overflow-x:auto;background:var(--card);padding:14px;border-radius:10px;font-size:14px}
.prose code{font-size:.92em}
.prose table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);padding:8px 12px;text-align:left}
.artmeta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-bottom:12px}
.facts{display:grid;gap:8px;margin:0 0 28px;padding:18px 20px;background:var(--card);border-radius:14px;max-width:70ch}
.facts div{display:flex;gap:12px}.facts dt{font-weight:700;min-width:96px}.facts dd{margin:0}
.artcover{max-width:70ch;margin:0 0 28px;border-radius:14px;overflow:hidden}.artcover img{display:block;width:100%;height:auto}

/* ---- HubSpot form in the redesigned contact page ---- */
html[data-page="contact"] .hsform label,html[data-page="contact"] .hsform legend{font:600 14px/1.3 'Inter',system-ui,sans-serif;color:#212121}
html[data-page="contact"] .hsform input:not([type=checkbox]):not([type=radio]):not([type=submit]),html[data-page="contact"] .hsform select,html[data-page="contact"] .hsform textarea{font:400 16px/1.4 'Inter',system-ui,sans-serif;color:#212121;background:#fff;border:1px solid #CFCFCF;border-radius:12px;padding:14px 16px}
html[data-page="contact"] .hsform input:focus-visible,html[data-page="contact"] .hsform select:focus-visible,html[data-page="contact"] .hsform textarea:focus-visible{outline:3px solid rgba(113,142,243,.45);outline-offset:0;border-color:#4E6BDC}
html[data-page="contact"] .hsform .hs-button,html[data-page="contact"] .hsform input[type=submit]{background:#402F7D;color:#fff;font:500 15px/16px 'Poppins',system-ui,sans-serif;padding:15px 40px;border-radius:999px}
html[data-page="contact"] .hsform .legal-consent-container,html[data-page="contact"] .hsform .hs-richtext{color:#394141}
/* ---- home hero: second button ---- */
.hh-row{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 16px;align-items:center}
.hh-btn.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7)}
.hh-btn.ghost:hover{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1.5px #fff}
.hh-btn.ghost:focus-visible{outline-color:#fff}

/* ---- Processes page banner: gradient, process flow and the animated dot grid ---- */
section.pb{background:radial-gradient(ellipse 62% 58% at 16% 74%,rgba(128,156,196,.55),transparent 72%),radial-gradient(ellipse 58% 52% at 86% 68%,rgba(184,160,206,.5),transparent 72%),radial-gradient(ellipse 90% 46% at 50% 102%,rgba(205,196,224,.85),transparent 74%),linear-gradient(172deg,#232932 0%,#37414f 20%,#5b6c82 42%,#7893b0 62%,#9ea8c6 82%,#c1bad4 100%);position:relative;overflow:hidden;text-align:center;color:#fff;padding:clamp(72px,8vw,112px) 0 0}
section.pb>.w{position:relative;z-index:1}
.pb h1{font:400 40px/1.25 var(--font-display);letter-spacing:0;color:#fff;margin:0 auto 24px;max-width:none}
.pb-sub{font:400 18px/1.45 var(--font-body);color:rgba(255,255,255,.95);max-width:900px;margin:0 auto 40px}
.pb-flow{container-type:inline-size;position:relative;z-index:1;width:86%;max-width:2156px;aspect-ratio:2156/500;margin:8px auto 0}
.pb-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.pb-p{position:absolute;display:flex;align-items:center;gap:.95cqw;padding-left:1.5cqw;border-radius:999px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.38);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:400 max(11px,1.02cqw)/1.15 var(--font-display);text-align:left;box-sizing:border-box}
.pb-p i{flex:none;width:.4cqw;min-width:6px;aspect-ratio:1;border-radius:50%;background:#fff}
@media(max-width:600px){.pb h1{font-size:32px}}
@media(max-width:900px){
 .pb-flow{aspect-ratio:auto;container-type:normal;display:grid;gap:24px;padding:8px 20px 56px;width:100%}
 .pb-svg{display:none}
 .pb-p{position:relative;left:auto!important;top:auto!important;width:auto!important;height:auto!important;padding:16px 24px;gap:14px;font-size:16px}
 .pb-p:not(:last-child)::after{content:"";position:absolute;left:50%;bottom:-24px;height:24px;border-left:2px dashed rgba(255,255,255,.85)}
}


/* wheel behind the process map drifts slowly at all times */
.pb-ring line{stroke-opacity:.14;animation:pbtick 20s linear infinite}
@keyframes pbtick{0%{stroke-opacity:.14;stroke-width:3}8%{stroke-opacity:1;stroke-width:5.5}18%{stroke-opacity:1;stroke-width:5.5}28%{stroke-opacity:.14;stroke-width:3}50%{stroke-opacity:.14;stroke-width:3}58%{stroke-opacity:1;stroke-width:5.5}68%{stroke-opacity:1;stroke-width:5.5}78%{stroke-opacity:.14;stroke-width:3}100%{stroke-opacity:.14;stroke-width:3}}
/* ---- Positions banner: bar graph made of lines ---- */
section.pg{background:radial-gradient(ellipse 70% 50% at 50% 104%,rgba(206,212,230,.8),transparent 72%),linear-gradient(180deg,#9082BC 0%,#9c8fc2 26%,#aba3c6 50%,#b9b6d0 72%,#c6cce0 100%);position:relative;overflow:hidden;text-align:center;color:#fff;padding:clamp(72px,8vw,112px) 0 0}
section.pg>.w{position:relative;z-index:1}
.pg h1{font:400 40px/1.25 var(--font-display);letter-spacing:0;color:#fff;margin:0 auto 24px;max-width:none}
.pg .pb-sub{max-width:840px;margin-bottom:32px}
.pg-flow{position:relative;z-index:1;width:100%;max-width:2576px;aspect-ratio:2576/500;margin:16px auto 0}
.pg-b{position:absolute;bottom:0;height:calc(var(--h)*1%);animation:pgb calc(var(--d)*.55) ease-in-out var(--p) infinite alternate}
.pg-s{position:absolute;inset:0;-webkit-mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.3) 100%);mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.42) 100%);background:linear-gradient(180deg,rgba(255,255,255,.85) 1.3px,transparent 1.3px) 0 0/100% 4.6px repeat-y;animation:pgdrift 4.6s linear infinite}
.pg-f{position:absolute;bottom:0;height:calc(var(--k)*1%);background:#aea7cb;border-radius:4px 4px 0 0;animation:pgf 6s ease-in-out infinite}
.pg-flow .pg-f:nth-of-type(1){animation-delay:0s}.pg-flow .pg-f:nth-of-type(2){animation-delay:2s}.pg-flow .pg-f:nth-of-type(3){animation-delay:4s}
@keyframes pgf{0%{height:calc(var(--k)*1%)}15%{height:calc(var(--k)*1% + 9%)}30%{height:calc(var(--k)*1%)}100%{height:calc(var(--k)*1%)}}
@keyframes pgb{to{height:calc(var(--h)*1% + 7%)}}
@keyframes pgdrift{to{background-position:0 -13.8px}}
@media(max-width:600px){.pg h1{font-size:32px}.pg-flow{width:170%;margin-left:-35%}}
@media(prefers-reduced-motion:reduce){.pb-ring line,.pg-b,.pg-s,.pg-f{animation:none}}



/* dotted texture: strongest at the top of every product banner, fading to nothing at the bottom */
.bdots{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.12) 0 2px,transparent 2.6px) 0 0/46px 46px;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 38%,transparent 82%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 38%,transparent 82%)}


/* ---- People banner: portrait + quote card, check marks appear one at a time ---- */
section.pph{position:relative;overflow:hidden;text-align:center;color:#fff}
.ph-top{background:linear-gradient(180deg,#a18b83 0.0%,#a18b83 12.5%,#a9938b 25.0%,#b19b93 37.5%,#baa49c 50.0%,#c3ada5 62.5%,#c4b1ac 75.0%,#c5b6b4 87.5%,#c5babb 100.0%,#c5babb 100%);padding:clamp(72px,8vw,112px) 0 24px}
.ph-top .w{position:relative;z-index:1}
.pph h1{font:400 40px/1.25 var(--font-display);letter-spacing:0;color:#fff;margin:0 auto 24px;max-width:none}
.pph .pb-sub{margin-bottom:32px}
.ph-stage{display:flex;justify-content:center;background:linear-gradient(180deg,#c5babb 0.0%,#c6bfc5 12.5%,#c7c5ce 25.0%,#c7cad6 37.6%,#c8cede 50.1%,#c8cede 62.6%,#c8cede 75.1%,#c7cddd 87.7%,#c8cede 100%)}
.ph-in{container-type:inline-size;position:relative;width:78%;aspect-ratio:4064/1062}
.ph-fr{position:absolute;z-index:1;left:38.51%;top:8.38%;width:20.18%;height:91.62%}
.ph-fr img{display:block;width:100%;height:100%}
.ph-card{position:absolute;z-index:2;left:56.13%;top:0;width:22.5%;box-sizing:border-box;padding:1.45cqw 1.5cqw 1.4cqw;border-radius:1cqw;background:linear-gradient(165deg,rgba(255,255,255,.3),rgba(255,255,255,.52));border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#212121;text-align:left;box-shadow:0 10px 30px rgba(60,60,100,.08)}
.ph-q{margin:0 0 1.1cqw;font:italic 400 max(11.5px,.86cqw)/1.42 var(--font-body);color:#212121}
.ph-ck{list-style:none;margin:0;padding:0;display:grid;gap:.75cqw}
.ph-ck li{display:flex;align-items:center;gap:.95cqw;font:400 max(11.5px,.86cqw)/1.3 var(--font-body);color:#212121;opacity:0;animation:phck 9s ease-in-out var(--dl) infinite}
.ph-ck svg{flex:none;width:max(14px,1.15cqw);height:auto;fill:none;stroke:#5B77EE;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ph-ck path{stroke-dasharray:24;stroke-dashoffset:24;animation:phdraw 9s ease-in-out var(--dl) infinite}
@keyframes phck{0%{opacity:0;transform:translateX(-10px)}5%,82%{opacity:1;transform:none}92%,100%{opacity:0;transform:translateX(-10px)}}
@keyframes phdraw{0%{stroke-dashoffset:24}6%{stroke-dashoffset:0}82%{stroke-dashoffset:0}92%,100%{stroke-dashoffset:24}}
.ph-n{margin:1.7cqw 0 0;display:grid;gap:.4cqw}
.ph-n b{font:600 max(13px,1cqw)/1.3 var(--font-body);color:#212121}
.ph-n span{font:400 max(11.5px,.86cqw)/1.3 var(--font-body);color:#212121}
@media(max-width:900px){
 .ph-stage{display:block}.ph-in{width:100%;container-type:normal;aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;gap:18px;padding:8px 20px 40px}
 .ph-fr,.ph-card{position:relative;left:auto;top:auto}
 .ph-fr{width:min(320px,76%);height:auto}
 .ph-card{width:100%;max-width:440px;padding:18px 20px;border-radius:16px}
 .ph-q,.ph-ck li,.ph-n span{font-size:15px}.ph-n b{font-size:16px}.ph-ck svg{width:18px}.ph-ck{gap:10px}.ph-n{margin-top:18px;gap:4px}
}
@media(max-width:600px){.pph h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.ph-ck li{animation:none;opacity:1}.ph-ck path{animation:none;stroke-dashoffset:0}}


/* People and Positions banners share one height on desktop */
@media(min-width:901px){
 section.pg,section.pph,section.pb,section.xpb{display:flex;flex-direction:column;min-height:calc(420px + 19.4vw)}
 section.pg>.w,section.pb>.w{width:100%;padding-bottom:16px}
 section.xpb>.w{width:100%;padding-bottom:4px}
 .pg-flow,.pb-flow,.xpf{margin-top:auto}
 .ph-top{flex:1 1 auto}
 html[data-page="product"] .hero.pf{min-height:calc(420px + 19.4vw)}
}


/* ---- Platform banner: three-step process on a road of connecting paths ---- */
section.xpb{background:radial-gradient(ellipse 80% 40% at 50% 104%,rgba(214,190,196,.55),transparent 72%),linear-gradient(180deg,#1f262e 0%,#28323c 10%,#3c4958 20%,#4f6174 29%,#62798f 38%,#7590ab 47%,#8a9fb9 56%,#9faac2 65%,#b5b6cc 74%,#c2bcce 82%,#c3b9c5 90%,#c4b4b6 100%);position:relative;overflow:hidden;text-align:center;color:#fff;padding:clamp(72px,8vw,112px) 0 0}
section.xpb>.w{position:relative;z-index:1}
.xpb h1{font:400 40px/1.25 var(--font-display);letter-spacing:0;color:#fff;margin:0 auto 24px;max-width:none}
.xpb .pb-sub{max-width:1040px}
.xpf{container-type:inline-size;position:relative;z-index:1;width:65%;aspect-ratio:2054/643;margin:8px auto 0}
.xpp{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.xb{fill:none;stroke:rgba(112,92,128,.2);stroke-width:33}
.xl{fill:none;stroke:rgba(255,255,255,.78);stroke-width:2.6}
.xar{fill:rgba(112,92,128,.2);animation:xarr 9s ease-in-out infinite;animation-delay:var(--d)}
@keyframes xarr{0%,12%,34%,100%{transform:translateY(0)}22%{transform:translateY(-7px)}}
.xh{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-dasharray:70 1100;stroke-dashoffset:70;opacity:0;animation:xhp 9s linear infinite;animation-delay:var(--d)}
@keyframes xhp{0%{stroke-dashoffset:70;opacity:1}16%{stroke-dashoffset:-1000;opacity:1}16.1%,100%{stroke-dashoffset:-1000;opacity:0}}
.xpk{position:absolute;z-index:1;box-sizing:border-box;overflow:hidden;padding:2.1cqw 1.85cqw 1.7cqw;border-radius:1.07cqw;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#212121;text-align:left;display:flex;flex-direction:column;animation:xpg 9s ease-in-out infinite;animation-delay:var(--cd)}
@keyframes xpg{0%,30%,100%{background:rgba(255,255,255,.22)}10%{background:rgba(255,255,255,.4)}}
.xpi{width:max(34px,4cqw);aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.75);display:grid;place-items:center;flex:none}
.xpi b{width:67%;height:67%;border-radius:50%;background:#fff;display:grid;place-items:center;font:600 max(14px,1.35cqw)/1 var(--font-display);color:#212121}
.xpi svg{width:62%;height:62%;fill:none;stroke:#212121;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.xpi.xpr{border-color:rgba(176,8,8,.45)}.xpi.xpr b{background:#b00808}.xpi.xpr svg{stroke:#fff;stroke-width:1.8}
.xpk h3{margin:1.6cqw 0 0;font:500 max(13.5px,1.36cqw)/1.28 var(--font-display);letter-spacing:0;color:#212121}
.xpk p{margin:1.1cqw 0 0;font:400 max(12px,1.07cqw)/1.42 var(--font-body);color:#212121}
.xpq{padding-right:11.8cqw}
.xpm{font-style:normal}
.xpw{margin-top:auto!important;padding-top:.8cqw;text-align:right}
.xpv{position:absolute;right:0;bottom:0;width:37%;height:auto;display:block;pointer-events:none}
@media(max-width:900px){
 .xpf{container-type:normal;aspect-ratio:auto;width:100%;padding:8px 20px 44px;display:flex;flex-direction:column;align-items:center;gap:20px}
 .xpp{display:none}
 .xpk{position:relative;left:auto!important;top:auto!important;width:100%!important;max-width:440px;min-height:0!important;padding:20px;border-radius:16px}
 .xpi{width:44px}.xpi b{font-size:16px}
 .xpk h3{font-size:18px;margin-top:14px}.xpk p{font-size:15px;margin-top:10px}
 .xpq{padding-right:40%;min-height:230px!important}
}
@media(max-width:600px){.xpb h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.xpk,.xh,.xar{animation:none}.xh{opacity:0}}
[data-brand="decidr"] #app>section.s:last-child{padding-bottom:0}
.kd-ont-cap{bottom:0;padding-block:96px 28px;text-shadow:0 1px 3px rgba(40,8,60,.55),0 2px 22px rgba(40,8,60,.6)}
.kd-ont-cap::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 40% 60% at 50% 66%,rgba(52,12,72,.5) 0%,rgba(52,12,72,.3) 50%,rgba(52,12,72,0) 100%)}
.kd-ont-cap p{font-weight:600;line-height:1.35;max-width:none}
.kd-legend{font-weight:600}
.kd-ont-cap>*{position:relative}

/* ---- AI Transformation banner ---- */
section.aib{position:relative;overflow:hidden;background:#c8cede;color:#1f2540;display:flex;align-items:center;min-height:calc(420px + 19.4vw)}
.aib .bdots{background:radial-gradient(circle,rgba(255,255,255,.38) 0 2px,transparent 2.6px) 0 0/46px 46px}
.aix{position:relative;z-index:2;width:100%;box-sizing:border-box;padding:clamp(72px,8vw,112px) 45% clamp(56px,6vw,96px) 10.4%;text-align:left}
.aie{font:600 13px/1 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#4E6BDC;margin-bottom:20px}
.aix h1{font:400 40px/1.25 var(--font-display);letter-spacing:0;color:#1f2540;margin:0 0 24px;max-width:none}
.aix h1 span{display:block}
.aip2{font:400 18px/1.5 var(--font-body);color:#1f2540;margin:0 0 40px;max-width:640px}
.aif{container-type:inline-size;position:absolute;z-index:1;right:0;top:0;height:100%;aspect-ratio:1076/1173}
.aip{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.aip .xb{stroke:rgba(112,126,176,.2)}
.aip .xl{stroke:rgba(255,255,255,.8)}
.aar{fill:rgba(112,126,176,.22)}
.aic{position:absolute;z-index:1;box-sizing:border-box;padding:3.4cqw 3.5cqw 3cqw;border-radius:2.1cqw;background:rgba(255,255,255,.34);border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#1f2540;text-align:left;animation:aig2 9s ease-in-out infinite;animation-delay:var(--cd)}
@keyframes aig2{0%,30%,100%{background:rgba(255,255,255,.34)}10%{background:rgba(255,255,255,.52)}}
.aii{width:max(40px,7.6cqw);aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.85);display:grid;place-items:center}
.aii b{width:67%;height:67%;border-radius:50%;background:#fff;display:grid;place-items:center}
.aii svg{width:58%;height:58%;fill:none;stroke:#1f2540;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.aii.aig{border-color:rgba(60,170,40,.5)}
.aii.aig b{background:linear-gradient(160deg,#3fb52a,#1f8a12)}
.aii.aig svg{stroke:#fff;stroke-width:2.2}
.aic h3{margin:3.6cqw 0 0;font:400 max(14px,2.6cqw)/1.28 var(--font-display);letter-spacing:0;color:#1f2540}
.aig+h3,.aic:has(.aig) h3{font-weight:500;font-size:max(14.5px,2.8cqw)}
.aic p{margin:2.2cqw 0 0;font:400 max(12px,1.86cqw)/1.45 var(--font-body);color:#1f2540}
@media(max-width:900px){
 section.aib{display:block;min-height:0}
 .aix{padding:96px 20px 32px}
 .aif{container-type:normal;position:relative;right:auto;top:auto;height:auto;aspect-ratio:auto;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;padding:0 20px 48px}
 .aip{display:none}
 .aic{position:relative;left:auto!important;top:auto!important;width:100%!important;max-width:440px;min-height:0!important;padding:20px;border-radius:16px}
 .aii{width:44px}.aic h3,.aic:has(.aig) h3{font-size:18px;margin-top:14px}.aic p{font-size:15px;margin-top:10px}
}
@media(max-width:600px){.aix h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.aic{animation:none}}


/* ---- Business Process Improvements banner ---- */
section.pib{position:relative;overflow:hidden;background:#c4bed4;color:#2c2a4a;display:flex;align-items:center;min-height:calc(420px + 19.4vw)}
.pib .bdots{background:radial-gradient(circle,rgba(255,255,255,.38) 0 2px,transparent 2.6px) 0 0/46px 46px}
.pix{position:relative;z-index:2;width:100%;box-sizing:border-box;padding:clamp(72px,8vw,112px) 45% clamp(56px,6vw,96px) 10.4%;text-align:left}
.pie{font:600 13px/1 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#4E6BDC;margin-bottom:20px}
.pix h1{font:400 40px/1.25 var(--font-display);letter-spacing:0;color:#1f2540;margin:0 0 24px;max-width:none}
.pix h1 span{display:block}
.pip{font:400 18px/1.5 var(--font-body);color:#1f2540;margin:0 0 40px;max-width:640px}
.pif{container-type:inline-size;position:absolute;z-index:1;right:0;top:0;height:100%;aspect-ratio:1096/1173}
.pis{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.pid path{stroke:rgba(255,255,255,.92);stroke-width:2.6;stroke-dasharray:7 6;animation:pidash 2.6s linear infinite}
@keyframes pidash{to{stroke-dashoffset:-26}}
.pih polygon{fill:#fff}
.pin{position:absolute;z-index:1;box-sizing:border-box;display:flex;align-items:center;gap:1.3cqw;padding:0 1.4cqw 0 2.6cqw;border-radius:999px;background:rgba(255,255,255,.36);color:#3d3667;text-align:left}
.pin i{flex:none;width:.75cqw;min-width:6px;aspect-ratio:1;border-radius:50%;background:#3d3667}
.pit{font:400 max(11.5px,1.9cqw)/1.35 var(--font-display);color:#3d3667}
.pit b{font-weight:600}
.piw{border:1.3px solid #a81c26}
.pia{position:absolute;width:max(26px,3.5cqw);aspect-ratio:1;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:radial-gradient(circle at 62% 28%,#c61a1a,#860808);display:grid;place-items:center;animation:pipulse 3.2s ease-in-out infinite}
.pia svg{width:62%;height:62%;fill:#fff}
@keyframes pipulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@media(max-width:900px){
 section.pib{display:block;min-height:0}
 .pix{padding:96px 20px 32px}
 .pif{container-type:normal;position:relative;right:auto;top:auto;height:auto;aspect-ratio:auto;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:24px;padding:0 20px 48px}
 .pis{display:none}
 .pin{position:relative;left:auto!important;top:auto!important;width:100%!important;max-width:440px;height:auto!important;min-height:64px;padding:14px 22px;gap:14px}
 .pin:not(:last-child)::after{content:"";position:absolute;left:50%;bottom:-24px;height:24px;border-left:2px dashed rgba(255,255,255,.95)}
 .pit{font-size:15px}.pin i{width:7px}
 .pia{width:30px}
}
@media(max-width:600px){.pix h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.pid path,.pia{animation:none}}


/* ---- System Migration banner (reuses the AI Transformation layout) ---- */
section.aib.smb{background:#cfc7e9}
.smb .aif{aspect-ratio:976/1173}
.smp{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.smp path{fill:#b7acdd}
.smp .smw{fill:#fff}
.smp .xh{fill:none;stroke-width:9;filter:drop-shadow(0 0 5px rgba(255,255,255,.9))}
@media(max-width:900px){.smb .aif{height:240px;padding:0;display:block;aspect-ratio:auto;margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.smp .xh{animation:none}}


/* ---- Business Continuity banner (reuses the AI Transformation layout) ---- */
section.aib.cbb{background:#c8cede}
.cbb .aif{aspect-ratio:1036/1173}
.cbq{position:absolute;overflow:hidden}
.cbl{position:absolute;inset:0;background:repeating-linear-gradient(180deg,#ececec 0 3px,transparent 3px 11px);-webkit-mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.2) 100%);mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.2) 100%);animation:cbd 3.3s linear infinite}
@keyframes cbd{to{background-position:0 -11px}}
.cbk{position:absolute;left:0;right:0;bottom:0;height:var(--h1);background:linear-gradient(180deg,#c1bcdf,#a4a7cb);animation:cbh var(--cs) ease-in-out var(--cd) infinite alternate}
@keyframes cbh{from{height:var(--h1)}to{height:var(--h2)}}
@media(max-width:900px){.cbb .aif{height:240px;padding:0;display:block;aspect-ratio:auto;margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.cbl,.cbk{animation:none}}


/* ---- Compliance Risk banner (reuses the AI Transformation layout) ---- */
section.aib.cpb{background:#e5c2ab}
.cpb .aif{aspect-ratio:876/1173}
.cps{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cpt line{stroke-opacity:.3;animation:cptk 14s linear infinite}
@keyframes cptk{0%,100%{stroke-opacity:.3}8%,16%{stroke-opacity:.72}30%{stroke-opacity:.3}}
.cpc{position:absolute;z-index:1;box-sizing:border-box;padding:calc(3.6cqw + 10px) calc(3.9cqw + 10px) calc(3.1cqw + 10px);border-radius:3.2cqw;background:rgba(255,255,255,.22);color:#1f2540;text-align:left;display:flex;flex-direction:column}
.cpi{width:max(40px,8.4cqw);aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.85);display:grid;place-items:center;flex:none}
.cpi b{position:relative;width:68%;height:68%;border-radius:50%;background:#fff;display:grid;place-items:center}
.cpi svg{width:72%;height:72%;fill:none;stroke:#111;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:miter}
.cpi em{position:absolute;top:8%;right:6%;width:20%;aspect-ratio:1;border-radius:50%;background:#2f9e1f}
.cpq{margin:3.2cqw 0 0;font:400 max(12px,2.5cqw)/1.6 var(--font-body);color:#1f2540}
.cpn{margin:auto 0 0;padding-top:2.4cqw;text-align:right;font:400 max(12px,2.3cqw)/1.3 var(--font-body);color:#1f2540}
.cpm{position:absolute;z-index:2;right:0;bottom:0;width:55.5%;height:auto;display:block;pointer-events:none}
@media(prefers-reduced-motion:reduce){.cpt line{animation:none;stroke-opacity:.42}}
@media(max-width:900px){
 .cpb .aif{position:relative;right:auto;top:auto;height:auto;aspect-ratio:auto;container-type:normal;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:20px;padding:0 20px}
 .cps{display:none}
 .cpc{position:relative;left:auto!important;top:auto!important;width:100%!important;max-width:440px;min-height:0!important;padding:32px;border-radius:20px}
 .cpi{width:48px}.cpq{font-size:16px;margin-top:16px}.cpn{font-size:15px;padding-top:14px}
 .cpm{position:relative;right:auto;bottom:auto;width:min(300px,78%);margin:4px -20px 0 0;align-self:flex-end}
}

/* ---- Design v3 updates (ported from reference_designv3.html) ---- */
.dm-side .lv-chat{background:transparent;border-radius:0}
.dm-side .lv-body{padding:4px 0 8px}
.dm-side .lv-a,.dm-side .lv-typing{background:transparent;border:0;padding:0}
.dm-side .lv-a{border-radius:0}
.dm-side .lv-typing{padding:4px 0}
.pp .twa .card,.pp .tw4 .card,.pp .cm .card.bc,.pp .cm .kp{background:#F5F5F5;border:0;border-radius:20px;box-shadow:none;padding:26px 28px}
.pp .twa .card h3,.pp .tw4 .card h3,.pp .cm .card h3,.pp .cm .kp h3{font:400 18px/1.35 var(--font-body);letter-spacing:0;color:#212121;margin:0 0 10px}
.pp .twa .card h3{margin:0}
.pp .tw4 .card p,.pp .cm .card p,.pp .cm .kp p{font:400 15px/1.5 var(--font-body);color:#6B6B6B;margin:0}
.pp .tw4 .card .ic{margin-bottom:24px}
.pp-h3:has(+.twa){font-family:var(--font-body);font-weight:400}
.lm img.im1{object-fit:contain;object-position:center}
.why .op-img,.hr2 .op-img{height:auto;max-height:none;object-fit:contain;object-position:center}
.hr-row{align-items:stretch;gap:0}
.hr-row>div,.hr-row>div:first-child{border-top:0;padding:0 clamp(24px,3.5vw,56px)}
.hr-row>div:first-child{padding-left:0}
.hr-row>div:last-child{padding-right:0}
.hr-row>div+div{border-left:2px solid #DADDE1}
@media(max-width:900px){.hr-row{gap:32px}.hr-row>div,.hr-row>div:first-child,.hr-row>div:last-child{padding:0}.hr-row>div+div{border-left:0;border-top:2px solid #DADDE1;padding-top:24px}}
html[data-page="product"] section.cta,html[data-page="processes"] section.cta,html[data-page="people"] section.cta,html[data-page="positions"] section.cta{padding-block:100px}
@media(max-width:600px){html[data-page="product"] section.cta,html[data-page="processes"] section.cta,html[data-page="people"] section.cta,html[data-page="positions"] section.cta{padding-block:64px}}
section.cta{padding-block:100px}
@media(max-width:600px){section.cta{padding-block:64px}}
.pp .gb .card{background:#F5F5F5;border:0;border-radius:20px;box-shadow:none;padding:26px 28px}
html[data-page="ai-transformation"] .pp .step{background:#F5F5F5;border:0;border-radius:20px;box-shadow:none;padding:76px 28px 28px}
.pp .gb .card h3,html[data-page="ai-transformation"] .pp .step h3{font:400 18px/1.35 var(--font-body);letter-spacing:0;color:#212121;margin:0 0 10px}
.pp .gb .card p,html[data-page="ai-transformation"] .pp .step p{font:400 15px/1.5 var(--font-body);color:#6B6B6B;margin:0}
.pp .gb .card p:only-child{font:400 18px/1.4 var(--font-body)!important;color:#212121!important;margin:0!important}
.wy-tabs.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:700px){.wy-tabs.n4{grid-template-columns:minmax(0,1fr)}}
.pp.qt .wy>.vh:nth-of-type(4):checked~.wy-tabs .wt:nth-child(4){border-color:#0A0A0A}
.wy>.vh:nth-of-type(4):checked~.wy-p .wv:nth-child(4){display:block}
.pfl{position:relative;width:100%;overflow-x:auto;overflow-y:hidden;margin:8px 0 48px}
.pfl-sz{position:relative}
.pfl-in{position:absolute;left:0;top:0;width:1440px;height:600px;transform-origin:0 0}
@media(max-width:900px){.pfl{-webkit-overflow-scrolling:touch}}

/* ---- Design v3 updates (ported from reference_designv3.html) ---- */
.dm-side .lv-in{margin:0;background:transparent;border-color:rgba(33,33,33,.22)}
section.aib.csb{background:#a3a5cb}
.csb .aif{aspect-ratio:1076/1173}
.csb .aie{color:#4E6BDC}
.csp{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
@media(max-width:900px){.csb .aif{height:260px;padding:0;display:block;aspect-ratio:auto;margin-bottom:24px}}
section.aib.nwb{background:#cdc6e8}
.nwb .aif{aspect-ratio:1205/1173}
@media(min-width:901px){.nwb .aix{padding-right:calc((420px + 19.4vw)*1.027 + 24px)}}
.nwc{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(180deg,#ececf3 0 3px,transparent 3px 12px);opacity:var(--o)}
@media(max-width:900px){.nwb .aif{height:200px;padding:0;display:block;aspect-ratio:auto;margin-bottom:24px}}
section.aib.rgb{background:#c8cede}
.rgb .aie{color:#4E6BDC}
.rgp{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.rgt line{stroke:#fff;stroke-width:2.2;stroke-opacity:.5;animation:rgtk 20s linear infinite}
@keyframes rgtk{0%{stroke-opacity:.5}8%,18%{stroke-opacity:1}28%{stroke-opacity:.5}50%{stroke-opacity:.5}58%,68%{stroke-opacity:1}78%{stroke-opacity:.5}100%{stroke-opacity:.5}}
@media(max-width:900px){.rgb .rgp{opacity:.55}}
html[data-page="interviews"] .hero.pf{background:#9ec1df}
.hero .tcg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
html[data-page="security"] .hero.pf>canvas:not(.tcg){display:none}
html[data-page="security"] .hero.pf::after{display:none}
html[data-page="security"] .hero.pf .eyebrow{color:#4E6BDC}
html[data-page="security"] .hero.pf h1,html[data-page="security"] .hero.pf h1 span,html[data-page="security"] .hero.pf p.sub{color:#1f2540}
section.aib.evb{background:#cfc7e8}
.evb .aif{aspect-ratio:1047/1173}
.evb .aie{color:#4E6BDC}
@media(min-width:901px){.evb .aix{padding-right:calc((420px + 19.4vw)*.893 + 24px)}}
.evl,.evk{position:absolute}
.evl{background:repeating-linear-gradient(180deg,#ececf4 0 3px,transparent 3px 11px)}
.evl.evt{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.22) 0%,#000 30%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.22) 0%,#000 30%)}
.evl.evb2{-webkit-mask-image:linear-gradient(to bottom,#000 62%,rgba(0,0,0,.2) 100%);mask-image:linear-gradient(to bottom,#000 62%,rgba(0,0,0,.2) 100%)}
.ev1{background:linear-gradient(180deg,#c3bde0,#b0b0d5)}
.ev2{background:linear-gradient(180deg,#a3a5cb,#c3bde0)}
.ev3{background:linear-gradient(180deg,#c3bde0,#adaed4)}
@media(max-width:900px){.evb .aif{height:220px;padding:0;display:block;aspect-ratio:auto;margin-bottom:24px}}
section.aib.nwb,section.aib.rgb,section.aib.csb,section.aib.evb{min-height:clamp(420px,45vw,583px)}
.nwb .aix,.rgb .aix,.csb .aix,.evb .aix{padding-top:clamp(48px,5vw,72px);padding-bottom:clamp(40px,4vw,64px)}
@media(min-width:901px){
 .nwb .aix{padding-right:calc(clamp(420px,45vw,583px)*1.027 + 24px)}
 .evb .aix{padding-right:calc(clamp(420px,45vw,583px)*.893 + 24px)}
}
html[data-page="interviews"] .hero.pf .eyebrow{color:#fff}
html[data-page="interviews"] .hero.pf h1,html[data-page="interviews"] .hero.pf h1 span,html[data-page="interviews"] .hero.pf p.sub{color:#1f2540}
@media(prefers-reduced-motion:reduce){.rgt line{animation:none;stroke-opacity:.75}}
.wy-p .wv .op-img[src*="skill-radar"],.wy-p .wv .op-img[src*="relationship-map"],.wy-p .wv .op-img[src*="judgement"]{width:60%;margin:0 auto;height:auto;max-height:none;min-height:0;object-fit:contain;object-position:center}
/* ---- Resource pages: more vertical room around titles ---- */
html[data-page="blog"] article.card,html[data-page="news"] article.card,html[data-page="interviews"] article.card,html[data-page="case-studies"] article.card,html[data-page="events"] article.card{gap:16px!important}
html[data-page="blog"] article.card h3,html[data-page="news"] article.card h3,html[data-page="interviews"] article.card h3,html[data-page="case-studies"] article.card h3,html[data-page="events"] article.card h3{line-height:1.3;margin:6px 0 4px}
html[data-page="article"] .artmeta{margin-bottom:24px}
html[data-page="article"] #artbody h1{line-height:1.2;margin:0 0 28px!important}
html[data-page="article"] #artbody .lead{margin-bottom:40px!important}
html[data-page="article"] .prose h2{margin-top:56px;margin-bottom:20px;line-height:1.25}
html[data-page="article"] .prose h3{margin-top:40px;margin-bottom:14px;line-height:1.3}
/* home hero: copy, CTA and graphic stacked */
@media(min-width:901px){
  section.hh{padding:80px 0}
  .hh-copy{max-width:1040px;margin:0 auto;padding-bottom:0}
  .hh h1{font-size:clamp(28px,3.9vw,56px);margin:0 auto 32px;text-wrap:balance}
  .hh-stage{margin:56px auto 0;width:100%;max-width:1100px;height:auto}
}
.hh-pfl{margin:0;overflow:hidden}
.hh-stage .pfl{box-shadow:0 20px 60px rgba(33,33,33,.18);border-radius:20px}

@keyframes pfIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

#wsg+section.s h2{margin-bottom:40px}
#wsg+section.s .card.wsg-cs{background:#fff;border:1px solid #E3E3E3;align-items:flex-start;justify-content:flex-start;padding:36px 30px 32px;position:relative;overflow:hidden}
#wsg+section.s .card.wsg-cs p.wsg-co{font:600 13px/1.3 'Inter',system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#402F7D;margin:0 0 18px}
#wsg+section.s .card.wsg-cs p.wsg-st{margin:0 0 6px;font:500 clamp(40px,4vw,56px)/1.05 'Poppins',system-ui,sans-serif;letter-spacing:-.02em;white-space:nowrap}
#wsg+section.s .card.wsg-cs p.wsg-st b{font-weight:500;color:#4B2BB6}
#wsg+section.s .card.wsg-cs h3{font:500 22px/1.25 'Poppins',system-ui,sans-serif;margin:0 0 12px}
#wsg+section.s .card.wsg-cs p.wsg-d{margin:0 0 22px;flex:1}
#wsg+section.s .card.wsg-cs .link{color:#4B2BB6}

/* Your people. Your processes.: make the Sugarwork Platform column the obvious choice */
#how+section.s thead th:nth-child(2){background:rgba(255,255,255,.18);color:rgba(33,33,33,.62)}
#how+section.s td:nth-child(2){color:rgba(33,33,33,.62)}
#how+section.s thead th:nth-child(3){background:#fff;background-clip:padding-box;color:#4B2BB6;font-weight:500}
#how+section.s td.hl{background:#fff;background-clip:padding-box;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom-color:rgba(75,43,182,.12);color:#212121;font-weight:500}
#how+section.s tbody tr:last-child td.hl{border-radius:0 0 16px 16px;padding-bottom:24px}
@media(max-width:760px){#how+section.s td.hl{border-radius:12px;border-left:0;border-right:0;margin:4px 12px}}

/* moment-that-matters: 3 cards on top row, last 2 stretch to the same full width */
@media(min-width:901px){#mm+section.s .grid.g3{grid-template-columns:repeat(6,minmax(0,1fr))}#mm+section.s .grid.g3>.card{grid-column:span 2}#mm+section.s .grid.g3>.card:nth-child(n+4){grid-column:span 3}}

/* product page: Built for the entire organization */
.pp-org{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:64px;align-items:center}
.pp-org .pp-cols{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:32px}
.pp-org .pp-col{grid-row:auto;display:block}
.pp-bld{display:flex;justify-content:center}.pp-bld svg{width:100%;max-width:340px;height:auto}
/* tower scan loop (12.8s): purple scan up, blue scan down, reset */
.pp-bld .twc,.pp-bld .tw-pl{animation:12.8s linear infinite}
.pp-bld .tw-up{animation-name:tw-up}.pp-bld .tw-dn{animation-name:tw-dn}
.pp-bld .tw-pl{opacity:0}.pp-bld .tw-p1{animation-name:tw-p1}.pp-bld .tw-p2{animation-name:tw-p2}
.pp-bld .tw-pu{animation:tw-pu 12.8s step-end infinite}.pp-bld .tw-bl{animation:tw-bl 12.8s linear infinite}
@keyframes tw-up{0%,6.25%{transform:translateY(0);animation-timing-function:cubic-bezier(.37,0,.63,1)}41.4%,100%{transform:translateY(-962px)}}
@keyframes tw-dn{0%,49.2%{transform:translateY(-902px);animation-timing-function:cubic-bezier(.37,0,.63,1)}84.4%,100%{transform:translateY(0)}}
@keyframes tw-p1{0%,6.25%{transform:translateY(0);opacity:0;animation-timing-function:cubic-bezier(.37,0,.63,1)}8%{opacity:1}39.6%{opacity:1}41.4%,100%{transform:translateY(-902px);opacity:0}}
@keyframes tw-p2{0%,49.2%{transform:translateY(-902px);opacity:0;animation-timing-function:cubic-bezier(.37,0,.63,1)}51%{opacity:1}82.6%{opacity:1}84.4%,100%{transform:translateY(0);opacity:0}}
@keyframes tw-pu{0%{opacity:0}6.25%{opacity:1}84.4%,100%{opacity:0}}
@keyframes tw-bl{0%,49.1%{opacity:0}49.2%,92.2%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.pp-bld .twc,.pp-bld .tw-pl,.pp-bld .tw-pu,.pp-bld .tw-bl{animation:none}.pp-bld .tw-up{transform:translateY(-962px)}.pp-bld .tw-dn{transform:translateY(-902px)}.pp-bld .tw-pu{opacity:1}.pp-bld .tw-bl{opacity:0}}
@media(max-width:900px){.pp-org{grid-template-columns:minmax(0,1fr);gap:32px}.pp-bld svg{max-width:260px}}

/* people page: tighter gap between name block and quote */
.pp.qt.qtp .pp-q{gap:40px}
.pp.qt.qtp .wy-p{min-height:395px}.pp.qt.qtp .wy-tabs{margin-top:20px}
@media(max-width:900px){.pp.qt.qtp .pp-q{gap:24px}.pp.qt.qtp .wy-p{min-height:0}.pp.qt.qtp .wy-tabs{margin-top:40px}}

/* process improvements: white cards on gray */
.pp.pic .card{background:#fff}
.pp.pid .card{background:#F5F5F5}

/* system migration: when-to-run timeline */
.tl3{list-style:none;margin:0;padding:36px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;position:relative}
.tl3::before{content:"";position:absolute;left:0;right:0;top:11px;height:2px;background:linear-gradient(90deg,#C9CFDD,#C9CFDD)}
.tl3::after{content:"→";position:absolute;right:-2px;top:0;font:700 18px/22px var(--font-body);color:#8A93A8;background:var(--bg,#fff);padding-left:6px}
.tl3-i{position:relative;display:flex;flex-direction:column}
.tl3-d{position:absolute;top:-36px;left:24px;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #C9CFDD;box-sizing:border-box}
.tl3-c{flex:1;background:#F5F5F5;border-radius:20px;padding:28px 28px 32px}
.tl3-c h3{font:500 20px/1.3 var(--font-display);margin:0 0 10px;color:#212121}
.tl3-c p{font:400 16px/1.5 var(--font-body);color:#575E63;margin:0}
.tl3-i.on .tl3-d{width:30px;height:30px;top:-40px;left:20px;background:var(--accent,#4E6BDC);border-color:#fff;box-shadow:0 0 0 3px var(--accent,#4E6BDC),0 0 18px rgba(78,107,220,.45)}
.tl3-i.on .tl3-c{background:var(--accent,#4E6BDC);padding-block:40px 40px;margin-top:-8px}
.tl3-i.on .tl3-c h3{color:#fff;font-size:24px}.tl3-i.on .tl3-c p{color:rgba(255,255,255,.9)}
.tl3-b{display:inline-block;margin-bottom:14px;padding:4px 12px;border-radius:999px;background:#fff;color:var(--accent,#4E6BDC);font:600 12px/1.5 var(--font-body);letter-spacing:.06em;text-transform:uppercase}
@media(max-width:900px){.tl3{grid-template-columns:minmax(0,1fr);padding:0 0 0 36px;gap:20px}.tl3::before{left:11px;right:auto;top:0;bottom:0;width:2px;height:auto}.tl3::after{display:none}.tl3-d{top:28px;left:-36px}.tl3-i.on .tl3-d{top:34px;left:-40px}.tl3-i.on .tl3-c{margin-top:0}}
/* ---- continuity: "Which products answer it" cards in gray, no outline ---- */
.pp .card.kc{background:#F5F5F5;border:0;border-radius:20px;padding:28px;box-shadow:none}

.mtrack .lt.sm img{height:34px}@media(max-width:600px){.mtrack .lt.sm img{height:28px}}

/* Decidr Capture dark mode: Goals/Why/How/What pills are branded white/gray */
@media (prefers-color-scheme:dark){:root[data-brand="decidr"]:not([data-theme="light"]) .chip.Goals,:root[data-brand="decidr"]:not([data-theme="light"]) .chip.Why,:root[data-brand="decidr"]:not([data-theme="light"]) .chip.How,:root[data-brand="decidr"]:not([data-theme="light"]) .chip.What{background:#E6E8EB;color:#212121}}
:root[data-brand="decidr"][data-theme="dark"] .chip.Goals,:root[data-brand="decidr"][data-theme="dark"] .chip.Why,:root[data-brand="decidr"][data-theme="dark"] .chip.How,:root[data-brand="decidr"][data-theme="dark"] .chip.What{background:#E6E8EB;color:#212121}

/* homepage logo bar: IRT logo 20% larger */
.mtrack .lt.irt img{height:58px}@media(max-width:600px){.mtrack .lt.irt img{height:48px}}