/* TRC ERP site chrome and homepage (home_v5.js, v97). Scoped to .trc5, except the shared AI portraits (.pic97). */
@font-face{font-family:"Albert Sans";src:url("/trcerp_website/static/src/site/fonts/albert-sans-300.woff2") format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Albert Sans";src:url("/trcerp_website/static/src/site/fonts/albert-sans-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Albert Sans";src:url("/trcerp_website/static/src/site/fonts/albert-sans-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Albert Sans";src:url("/trcerp_website/static/src/site/fonts/albert-sans-600.woff2") format("woff2");font-weight:600 800;font-display:swap}

body.trc5-home{background:#121915}
.trc5{--night:#121915;--forest:#1A231E;--moss:#232E28;--rule:#2F3B34;--ivory:#EDEAE2;--sage:#AEB8B2;--lichen:#8E9A93;--lime:#CFE892;--emerald:#27332D;
  font-family:"Albert Sans","Helvetica Neue",Arial,sans-serif;color:var(--ivory);background:radial-gradient(60vw 70vh at 76% 22%,rgba(207,232,146,.05),transparent 62%),var(--night);
  font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.trc5 *{box-sizing:border-box}
.trc5.t5-chrome{overflow:visible}/* the header must not clip its drop-down menus */
/* Brad never covers the navigation or the region selector: above 600px the header and its menus sit above Brad's
   launcher and panel; on phones Brad steps aside while the menu is open. The region selector stays in the phone menu. */
@media (min-width:601px){.t5-hdr{position:relative;z-index:2147483002}}
html.t5-navopen #trc-brad-chat,html.t5-nobrad #trc-brad-chat{display:none!important}/* t5-nobrad: the partner managers' booking screen, which bypasses Brad */
@media (max-width:980px){.t5-hdr .t5-rg details.rg30{display:block;margin:4px 0 0}.t5-hdr .t5-rg .rgm30{position:static;box-shadow:none;margin-top:6px}}
:where(.trc5) a{color:inherit}
.trc5 :focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:6px}
.trc5 h1,.trc5 h2,.trc5 h3,.trc5 p,.trc5 ul,.trc5 ol{margin:0}
.t5-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* header */
.t5-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px clamp(16px,5vw,72px);max-width:1440px;margin:0 auto;position:relative;z-index:20}
.t5-logo img{display:block;width:164px;height:auto}
.t5-nav{display:flex;align-items:center;gap:28px}
.t5-groups{list-style:none;display:flex;align-items:center;gap:6px;padding:0}
.t5-group{position:relative}
.t5-gbtn,.t5-plain{background:none;border:0;color:var(--sage);font:inherit;font-size:15px;padding:8px 12px;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.t5-gbtn:hover,.t5-plain:hover,.t5-gbtn[aria-expanded="true"]{color:var(--ivory)}
.t5-car{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.t5-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:270px;list-style:none;padding:8px;background:var(--forest);border:1px solid var(--rule);border-radius:14px;box-shadow:0 24px 50px -20px rgba(0,0,0,.7)}
.t5-menu a{display:block;padding:9px 12px;border-radius:8px;color:var(--ivory);text-decoration:none;font-size:15px}
.t5-menu a:hover{background:var(--moss)}
.t5-signin{color:var(--ivory);text-decoration:none;padding:9px 16px;border:1px solid var(--rule);border-radius:10px;font-size:15px;white-space:nowrap}
.t5-signin:hover{border-color:var(--sage)}
.t5-off{color:var(--lichen);cursor:default}
.t5-off small{font-size:12px;margin-left:4px}
.t5-burger{display:none;background:none;border:1px solid var(--rule);border-radius:10px;width:44px;height:40px;cursor:pointer;position:relative}
.t5-burger span[aria-hidden]{position:absolute;left:12px;right:12px;top:19px;height:2px;background:var(--ivory);box-shadow:0 -6px 0 var(--ivory),0 6px 0 var(--ivory)}

/* hero */
.t5-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,500px);gap:clamp(36px,6vw,96px);align-items:center;padding:clamp(16px,4vh,44px) clamp(16px,5vw,72px) clamp(40px,7vh,80px);max-width:1440px;margin:0 auto}
.t5-prop h1{font-size:clamp(44px,5.4vw,82px);line-height:.98;letter-spacing:-.035em;font-weight:600;max-width:9.5em}
.t5-prop h1 span{display:block}
.t5-prop h1 .t5-last{color:var(--sage);font-weight:500}
.trc5 .t5-lines{list-style:none;margin:clamp(26px,4vh,40px) 0 0;padding:0;display:grid;gap:10px;max-width:34em}
.t5-lines li{display:grid;grid-template-columns:5.5em 1fr;font-size:clamp(17px,1.35vw,19px);line-height:1.4}
.t5-lines b{font-weight:500;color:var(--lichen)}
.trc5 .t5-anchor{margin-top:clamp(26px,4vh,40px);padding-top:20px;border-top:1px solid var(--rule);max-width:34em;color:var(--sage)}
.t5-anchor strong{display:block;margin-top:6px;color:var(--ivory);font-weight:600;font-size:clamp(18px,1.5vw,21px);letter-spacing:-.01em}

.t5-brad{background:var(--forest);border-radius:28px;overflow:hidden;box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 40px 90px -30px rgba(0,0,0,.7);display:grid;grid-template-columns:minmax(0,1fr)}
.t5-portrait{position:relative;overflow:hidden;height:340px;background:radial-gradient(120% 90% at 70% 100%,#2C3A32 0%,#1F2924 55%,var(--forest) 100%)}
.t5-portrait img{position:absolute;right:3%;top:16px;height:118%;width:auto;max-width:none}
.t5-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,var(--forest) 0%,rgba(26,35,30,.7) 26%,transparent 46%),linear-gradient(to bottom,transparent 82%,var(--forest) 100%);pointer-events:none}
.t5-who{position:absolute;left:26px;bottom:22px;z-index:2;display:flex;flex-direction:column;gap:6px}
.t5-who h2{font-size:30px;line-height:1.05;font-weight:600;letter-spacing:-.02em}
.trc5 .t5-who p{color:var(--sage);font-size:15px}
.t5-here{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--sage)}
.t5-here[hidden]{display:none}
.t5-here i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(207,232,146,.14)}
.t5-chat{padding:14px 16px 4px}
.t5-chat .bradbar90{display:flex}
.t5-chat .bradbar90 .trc-brad-slot{flex:1 1 auto;max-width:none}
/* R1.5.1: on phones the prototype stacks this bar (column, flex-start), so the card took its own 385px width and was cut off; it now fills the box */
.t5-chat .bradbar90 .trc-brad-slot{align-self:stretch;width:100%;min-width:0;max-width:100%}
.t5-talk,.t5-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--lime);color:var(--emerald);border:0;border-radius:14px;padding:14px 22px;font:inherit;font-weight:700;font-size:16px;cursor:pointer;text-decoration:none}
.t5-talk{width:100%}
.t5-btn:hover,.t5-talk:hover{filter:brightness(1.05)}
.t5-ghost{background:transparent;color:var(--ivory);border:1px solid var(--rule)}
.t5-ghost:hover{border-color:var(--sage);filter:none}
.trc5 .t5-micro{padding:6px 26px 0;font-size:13.5px;color:var(--lichen);line-height:1.45}
.trc5 .t5-alt{display:flex;flex-wrap:wrap;gap:6px 18px;padding:12px 26px 22px;font-size:14.5px}
.t5-alt a{color:var(--ivory);text-underline-offset:3px}
.t5-alt .t5-quiet{color:var(--sage);text-decoration:none}
.t5-alt .t5-quiet:hover{color:var(--ivory)}

/* sections */
.t5-sec{max-width:1440px;margin:0 auto;padding:clamp(48px,8vh,88px) clamp(16px,5vw,72px);border-top:1px solid var(--rule)}
.t5-sec h2{font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:-.02em;font-weight:600;max-width:20em}
.trc5 .t5-sec p{color:var(--sage);max-width:38em;margin-top:14px}
.trc5 .t5-small{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:15px}
.t5-small a{color:var(--ivory);text-underline-offset:3px}

.t5-core{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}
.t5-preview{position:relative;display:block;border-radius:16px;overflow:hidden;box-shadow:0 30px 70px -30px rgba(0,0,0,.8);background:#E7E3DB}
.t5-preview img{display:block;width:100%;height:auto}
.t5-fict{position:absolute;right:14px;bottom:14px;background:#FFF6D6;color:#4A3B05;font-size:13px;font-weight:700;padding:5px 12px;border-radius:999px}
.t5-kick{color:var(--lime)!important;font-weight:600;margin-top:10px!important}
.trc5 .t5-ticks{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}
.t5-ticks li{padding-left:26px;position:relative;color:var(--ivory)}
.t5-ticks li::before{content:"";position:absolute;left:2px;top:.45em;width:12px;height:7px;border-left:2px solid var(--lime);border-bottom:2px solid var(--lime);transform:rotate(-45deg)}
.t5-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px!important}

.trc5 .t5-stages{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:st}
.t5-stages li{background:var(--forest);border:1px solid var(--rule);border-radius:16px;padding:18px 18px 20px;counter-increment:st}
.t5-stages b{display:block;font-size:18px;font-weight:600;margin-bottom:6px}
.t5-stages b::before{content:counter(st);display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--moss);color:var(--lime);font-size:13px;margin-right:10px}
.t5-stages span{color:var(--sage);font-size:15px}
.t5-journey .trc5 .t5-small{margin-top:18px}

.t5-why{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);align-items:start}
.t5-why .t5-btn{margin-top:4px}
.t5-stories{list-style:none;padding:0;display:grid;gap:12px}
.t5-stories a{display:grid;gap:4px;padding:18px 20px;background:var(--forest);border:1px solid var(--rule);border-radius:16px;text-decoration:none}
.t5-stories a:hover{border-color:var(--sage)}
.t5-sector{font-size:13px;color:var(--lichen)}
.t5-stories b{font-size:19px;font-weight:600}
.t5-stories span:not(.t5-sector){color:var(--sage)}
.t5-stories em{font-style:normal;color:var(--lime);font-size:14px;margin-top:4px}
.t5-why .trc5 .t5-small{grid-column:2}

.t5-foot{max-width:1440px;margin:0 auto;padding:28px clamp(16px,5vw,72px) 40px;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 32px;color:var(--lichen);font-size:14px}
.t5-foot ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px 22px;padding:0;margin:0}
.t5-foot a{color:var(--sage);text-decoration:none}
.t5-foot a:hover{color:var(--ivory)}

@media (prefers-reduced-motion:reduce){.trc5 *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

@media (max-width:1100px){
  .trc5 .t5-stages{grid-template-columns:repeat(2,minmax(0,1fr))}
  .t5-why{grid-template-columns:minmax(0,1fr)} .t5-why .trc5 .t5-small{grid-column:auto}
}
@media (max-width:980px){
  .t5-burger{display:block}
  .t5-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px 18px;background:var(--forest);border-bottom:1px solid var(--rule)}
  .t5-nav.t5-open{display:flex}
  .t5-groups{flex-direction:column;align-items:stretch}
  .t5-gbtn,.t5-plain{width:100%;justify-content:space-between;font-size:16px;padding:12px}
  .t5-menu{position:static;box-shadow:none;margin:0 0 6px;min-width:0}
  .t5-signin{text-align:center}
  .t5-hero{grid-template-columns:minmax(0,1fr)}
  .t5-brad{max-width:560px;width:100%}
  .t5-core{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .t5-top{padding:14px 16px}
  .t5-logo img{width:136px}
  .t5-hero{padding:14px 16px 40px;gap:22px}
  .t5-prop h1{font-size:38px;line-height:1}
  .t5-prop h1 span{display:inline} .t5-prop h1 .t5-last{display:block}
  .trc5 .t5-lines{margin-top:16px;gap:6px} .t5-lines li{font-size:16px;grid-template-columns:4.6em 1fr}
  .trc5 .t5-anchor{margin-top:16px;padding-top:12px;font-size:14.5px} .t5-anchor strong{font-size:17px}
  .t5-portrait{height:230px}
  .t5-portrait img{right:0;top:10px;height:118%}
  .t5-who{left:18px;bottom:16px} .t5-who h2{font-size:24px}
  .trc5 .t5-stages{grid-template-columns:minmax(0,1fr)}
  .t5-sec{padding:44px 16px}
}

/* v97: the same header and footer on every view (home_v5.js moves them into each view) */
.t5-chrome{background:var(--night)}
.t5-chrome .t5-foot{border-top:0}
.t5-fperson{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;width:100%;padding-bottom:18px;border-bottom:1px solid var(--rule);color:var(--ivory);font-size:16px}
.t5-fperson .t5-btn{padding:10px 18px;font-size:15px}
.trc5 .t5-tm{width:100%;font-size:13px}
.t5-legal{width:100%;font-size:13px;color:var(--lichen)}
.t5-legal .fleg26{padding:0!important;margin:0!important;max-width:none!important;color:var(--lichen)!important;background:none!important}
.t5-legal a,.t5-legal button{color:var(--sage)!important;background:none!important}
.t5-rg{display:inline-flex;align-items:center}
.t5-rg:empty{display:none}
.t5-rg details.rg30>summary{color:var(--sage)!important}
.t5-rg details.rg30>summary *{color:inherit!important}
.t5-quick{display:none}
:where(.t5-portrait) img{filter:none}

/* the four AI characters, wherever the pages show them: one crop, one ground, clearly labelled as AI by each page */
img.ch90.pic97{display:block;max-width:100%;height:auto;aspect-ratio:260/255;object-fit:cover;object-position:50% 0;border-radius:18px;
  background:radial-gradient(110% 90% at 50% 100%,#3A4A41 0%,#27332D 60%,#1F2924 100%)}
.trio90 img.pic97{margin:0 5px!important;min-width:0;flex:0 1 auto}

@media (max-width:560px){
  .trc5 .t5-quick{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
  .t5-quick .t5-btn{flex:1 1 150px;padding:13px 16px;font-size:15px}
}

/* v98: hero names Odoo and TRC; the v95 pair of boxes, Odoo in Odoo purple (#714B67) */
.trc5{--odoo:#714B67}
.t5-pair{display:flex;align-items:stretch;gap:12px;margin:0 0 clamp(22px,4vh,34px);flex-wrap:wrap}
.t5-box{display:flex;flex-direction:column;gap:4px;border:1px solid var(--rule);border-radius:12px;padding:12px 16px;background:rgba(255,255,255,.03);min-width:0;flex:0 1 270px}
.t5-box b{font-size:22px;font-weight:600;letter-spacing:-.01em}
.t5-box span{font-size:13.5px;color:var(--sage);line-height:1.35}
.t5-box.t5-odoo{background:var(--odoo);border-color:var(--odoo)}
.t5-box.t5-odoo span{color:#F1E8EE}
.t5-plus{align-self:center;color:var(--lichen);font-size:20px}
.trc5 .t5-sub{margin-top:12px;font-size:15px}
.t5-sub a{color:var(--sage);text-underline-offset:3px}
.trc5 .t5-journey>p{margin-top:10px}
.t5-stages li{display:flex;flex-direction:column;gap:6px}
.t5-stages a{color:var(--lime);font-size:14px;text-underline-offset:3px;margin-top:auto}
.t5-rgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px}
.t5-route{background:var(--forest);border:1px solid var(--rule);border-radius:18px;padding:22px 24px;display:flex;flex-direction:column;gap:10px}
.t5-rk{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--emerald);background:var(--lime);border-radius:999px;padding:3px 10px}
.t5-route h3{font-size:clamp(20px,1.8vw,25px);line-height:1.2;font-weight:600;margin:0}
.trc5 .t5-route p{margin:0;color:var(--sage)}
.trc5 .t5-route .t5-claim{color:var(--ivory);font-weight:600;font-size:17px}
.trc5 .t5-route .t5-note{font-size:13.5px;color:var(--lichen);margin-top:auto}
@media (max-width:980px){.t5-rgrid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){
  .t5-pair{gap:8px;margin-bottom:16px}.t5-box{flex:1 1 140px;padding:10px 12px}.t5-box b{font-size:18px}.t5-box span{font-size:12px}.t5-plus{display:none}
  .t5-quick .t5-btn{flex:1 1 100%}
}
.t5-link{background:none;border:0;padding:0;font:inherit;color:var(--sage);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.t5-link:hover{color:var(--ivory)}
.t5-box b img{display:block;height:30px;width:auto}
@media (max-width:560px){.t5-box b img{height:24px}}

/* v98: How we work. A readable vertical timeline (steps 1 to 4), the two routes side by side, then go-live (step 5). */
.t6-intro{max-width:44em}
.trc5 .t6-intro p{margin-top:12px}
.trc5 .t6-intro .t6-lead{color:var(--ivory);font-size:clamp(18px,1.5vw,21px);font-weight:500;line-height:1.4}
.trc5 .t6-steps{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:0;max-width:820px}
.t6-step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;padding:0 0 26px;position:relative}
.t6-step::before{content:"";position:absolute;left:21px;top:44px;bottom:0;width:1px;background:var(--rule)}
.t6-end .t6-step::before{display:none}
.t6-n{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--moss);color:var(--lime);font-weight:600;font-size:17px}
.t6-step h3{font-size:clamp(19px,1.6vw,22px);font-weight:600;margin:9px 0 6px;line-height:1.25}
.trc5 .t6-step p{color:var(--sage);margin:0 0 12px;max-width:38em}
.t6-step .t5-btn{padding:11px 18px;font-size:15px}
.t6-routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 30px 62px}
.t6-route{background:var(--forest);border:1px solid var(--rule);border-radius:18px;padding:22px 24px;display:flex;flex-direction:column;gap:12px}
.t6-route h3{font-size:clamp(20px,1.7vw,24px);font-weight:600;margin:0;line-height:1.2}
.trc5 .t6-route ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.t6-route li{position:relative;padding-left:22px;color:var(--sage);line-height:1.5}
.t6-route li::before{content:"";position:absolute;left:2px;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--lime)}
.t6-route li b{color:var(--ivory);font-weight:600}
@media (max-width:980px){.t6-routes{grid-template-columns:minmax(0,1fr);margin-left:0}}
@media (max-width:560px){.t6-step{grid-template-columns:36px minmax(0,1fr);gap:12px}.t6-n{width:36px;height:36px;font-size:15px}.t6-step::before{left:17px;top:36px}.t6-step h3{margin-top:5px}}

/* v99: the original TRC ERP emerald (as v95's hero) instead of near-black */
body.trc5-home{background:#1F2A24}
.trc5{--night:#1F2A24;--forest:#27342E;--moss:#2F3E37;--rule:#3B4A42;--lichen:#9AA79F;
  background:radial-gradient(70vw 80vh at 82% 0%,#344A3F 0%,transparent 62%),radial-gradient(50vw 60vh at 0% 100%,#24332B 0%,transparent 70%),var(--night)}
.t5-chrome{background:#1F2A24}
.t5-brad{background:#2A3832}
/* Brad's start panel, before the chat loads (and in static copies): a big white box with one button */
.t5-chat{padding:14px 16px 4px}
.t5-chat .t5-talk{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;background:#FBFAF6;color:#1F2A24;border-radius:18px;padding:26px 20px;font-size:19px;font-weight:700;box-shadow:0 10px 30px -14px rgba(0,0,0,.6)}
.t5-chat .t5-talk::after{content:"Tell Brad about your business, in your own words.";font-size:14px;font-weight:400;color:#56615B}
.t5-chat .t5-talk:hover{filter:none;background:#fff}
/* step 2 stands out: the sample report is the proof */
.t6-step.t6-hi>div{background:var(--forest);border:1px solid var(--lime);border-radius:16px;padding:4px 20px 18px}
.t6-step.t6-hi .t5-btn{background:var(--lime);color:var(--emerald);border:0}

/* ===== v100 colour refinement (27 Oct 2026): about 75% light, 25% forest. Same layout and content. =====
   Light: sage #DCE9DA (page), pale green #EAF3E6 (sections), warm ivory #F7F6F1 (cards, reading), deep sage #AFC9B3 (lines).
   Dark accents: forest #27332D (header, footer, Brad's panel, the CORE section, the TRC box). Lime #CFE892 for buttons. */
body.trc5-home{background:#DCE9DA}
.trc5{--night:#DCE9DA;--forest:#F7F6F1;--moss:#EAF3E6;--rule:#AFC9B3;--ivory:#27332D;--sage:#3E4C44;--lichen:#56645B;--lime:#CFE892;--emerald:#27332D;--acc:#2F6B3A;
  background:#DCE9DA;color:#27332D}
.trc5 .t5-prop h1 .t5-last{color:#4E6A58}
.t5-lines b{color:#56645B}
.trc5 .t5-anchor{border-top-color:#AFC9B3}
.t5-box{background:#27332D;border-color:#27332D}
.t5-box span{color:#C9D3CC}
.t5-plus{color:#56645B}
/* dark accents keep the dark tokens */
.t5-chrome,.t5-brad,.t5-core{--night:#27332D;--forest:#2F3E37;--moss:#3A4B42;--rule:#4A5B52;--ivory:#F7F6F1;--sage:#D2DCD5;--lichen:#B4C1B9;--acc:#CFE892}
.t5-chrome{background:#27332D;color:#F7F6F1}
.t5-brad{background:#27332D;color:#F7F6F1;box-shadow:0 30px 70px -34px rgba(39,51,45,.55)}
.t5-portrait{background:radial-gradient(120% 90% at 70% 100%,#3A4B42 0%,#2F3E37 55%,#27332D 100%)}
.t5-portrait::after{background:linear-gradient(to right,#27332D 0%,rgba(39,51,45,.7) 26%,transparent 46%),linear-gradient(to bottom,transparent 82%,#27332D 100%)}
.trc5 .t5-brad .t5-micro{color:#D2DCD5}
.t5-brad .t5-alt a{color:#F7F6F1}.t5-brad .t5-alt .t5-quiet{color:#D2DCD5}
.t5-chat .t5-talk{background:#CFE892;color:#27332D;box-shadow:none}
.t5-chat .t5-talk::after{color:#3E4C44}
.t5-chat .t5-talk:hover{background:#D9EEA4}
/* sections alternate */
.t5-sec{border-top:0}
.t6-how{background:#EAF3E6;max-width:none;padding-left:max(16px,calc((100% - 1296px)/2));padding-right:max(16px,calc((100% - 1296px)/2))}
.t5-core{background:#27332D;color:#F7F6F1;max-width:none;padding-left:max(16px,calc((100% - 1296px)/2));padding-right:max(16px,calc((100% - 1296px)/2))}
.t5-why{background:#F7F6F1;max-width:none;padding-left:max(16px,calc((100% - 1296px)/2));padding-right:max(16px,calc((100% - 1296px)/2))}
.t5-kick{color:var(--acc)!important}
.t5-stories em,.t5-stages a{color:var(--acc)}
.t5-stories a{background:#EAF3E6;border-color:#AFC9B3}
.t6-n{background:#27332D;color:#CFE892}
.t6-step::before{background:#AFC9B3}
.t6-route{background:#F7F6F1;border-color:#AFC9B3}
.t6-route li::before{background:#27332D}
.t6-step.t6-hi>div{background:#F7F6F1;border:2px solid #27332D}
.t6-step.t6-hi .t5-btn{background:#27332D;color:#F7F6F1}
.t5-rk{background:#27332D;color:#CFE892}
.t5-ghost{color:#27332D;border-color:#27332D}
.t5-core .t5-ghost{color:#F7F6F1;border-color:#B4C1B9}
.trc5 :focus-visible{outline-color:#27332D}
.t5-chrome :focus-visible{outline-color:#CFE892}
/* stronger supporting text on phones */
@media (max-width:560px){.trc5 .t5-sec p,.t5-lines li,.t6-route li{color:#2F3B35}.t5-core .t5-sec p,.trc5 .t5-core p{color:#D2DCD5}}

/* supporting pages: the same palette (the prototype's own beige becomes pale green and ivory) */
html:root{--paper:#EAF3E6;--armour:#DCE9DA;--card:#F7F6F1;--soft:#F7F6F1;--mint:#EAF3E6;--line:#C4D7C3;--ecru:#AFC9B3}
body:not(.trc5-home){background:#EAF3E6}
body:not(.trc5-home) #app>main{background:#EAF3E6}
.t5-box.t5-odoo b{color:#FFFFFF}
.t5-chrome .t5-ghost{color:#F7F6F1;border-color:#B4C1B9}
.trc5 .t6-safe{list-style:none;padding:0;margin:4px 0 0;display:grid;gap:10px}
.t6-safe li{position:relative;padding-left:22px;color:#27332D;line-height:1.5}
.t6-safe li::before{content:"";position:absolute;left:2px;top:.55em;width:8px;height:8px;border-radius:50%;background:#27332D}
.t6-step.t6-hi .t6-safe{margin-bottom:6px}

/* v101: Past, Present, Future as statements; 35 years as the proof line */
.trc5 .t5-lines{gap:0;margin-top:clamp(24px,4vh,36px);max-width:36em}
.t5-lines li{grid-template-columns:6.2em 1fr;padding:14px 0;border-top:1px solid #AFC9B3;font-size:clamp(18px,1.5vw,21px);line-height:1.35;color:#27332D;font-weight:500}
.t5-lines li:last-child{border-bottom:1px solid #AFC9B3}
.t5-lines b{color:#2F6B3A;font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;padding-top:.35em}
.trc5 .t5-anchor{border-top:0;padding-top:0;margin-top:clamp(22px,3.5vh,32px)}
.trc5 .t5-proof{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;margin:0;color:#27332D}
.t5-proof b{font-size:clamp(40px,4.4vw,60px);line-height:1;font-weight:700;letter-spacing:-.03em;color:#27332D}
.t5-proof span{font-size:clamp(17px,1.4vw,20px);font-weight:500;max-width:22em}
.trc5 .t5-anchor strong{display:block;margin-top:12px;font-size:clamp(19px,1.6vw,23px);color:#27332D}
.t5-fperson .t5-btn{background:#CFE892;color:#27332D;border:0}
.t5-plain{font:inherit}
/* sample picker */
.t5-pick{position:fixed;inset:0;z-index:2147483100;background:rgba(20,28,24,.55);display:grid;place-items:center;padding:16px max(16px,env(safe-area-inset-left,0px));overflow:auto}
.t5-pick[hidden]{display:none}
.t5-pickbox{position:relative;background:#F7F6F1;color:#27332D;border-radius:20px;max-width:560px;width:100%;padding:28px 26px 22px;box-shadow:0 30px 80px -30px rgba(0,0,0,.6)}
.t5-pickbox h2{font-size:24px;font-weight:600;margin:0 0 8px}
.trc5 .t5-pickbox p{color:#3E4C44;margin:0 0 16px}
.trc5 .t5-pickbox ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.t5-pickbox a{display:grid;gap:2px;padding:14px 16px;border:1px solid #AFC9B3;border-radius:14px;background:#EAF3E6;text-decoration:none;color:#27332D}
.t5-pickbox a:hover,.t5-pickbox a:focus-visible{border-color:#27332D}
.t5-pickbox a b{font-size:17px;font-weight:600}
.t5-pickbox a span{font-size:14px;color:#3E4C44}
.t5-pickbox em{justify-self:start;font-style:normal;font-size:12px;font-weight:700;background:#FFF6D6;color:#4A3B05;border-radius:999px;padding:2px 9px;margin-top:4px}
.t5-pickx{position:absolute;right:12px;top:10px;background:none;border:0;font-size:28px;line-height:1;color:#27332D;cursor:pointer;padding:6px 10px;border-radius:8px}
.trc5 .t5-pickmore{margin:14px 0 0;font-size:14px}
@media (max-width:560px){.t5-lines li{grid-template-columns:1fr;gap:2px;padding:10px 0;font-size:17px}.t5-lines b{padding-top:0}}
.trc5 .t6-intro strong{color:#27332D}

/* v102: steps 5 and 6 sit centred beneath both routes: either route leads to them */
.t6-routes{margin-bottom:0}
.t6-join{height:40px;margin:0 0 0 62px}
.t6-join svg{display:block;width:100%;height:100%}
.t6-join1{height:28px}
.t6-safecard{position:relative;max-width:760px;margin:0 auto;background:#F7F6F1;border:2px solid #27332D;border-radius:18px;padding:30px 30px 24px;text-align:left}
.t6-care{border-width:1px;border-color:#AFC9B3}
.t6-safecard .t6-n{position:absolute;top:-22px;left:50%;transform:translateX(-50%)}
.t6-safecard h3{text-align:center;font-size:clamp(20px,1.8vw,25px);font-weight:600;margin:6px 0 14px}
.trc5 .t6-safecard p{color:#3E4C44;margin:0 0 12px}
.trc5 .t6-step .t6-turn{color:#27332D;font-weight:600;font-size:clamp(18px,1.4vw,20px);margin:4px 0 10px}
.trc5 .t6-step .t6-pay{color:#27332D;font-weight:600}
.trc5 .t6-step p b{color:#27332D}
@media (min-width:981px){.t6-join{margin-left:62px}.t6-safecard{margin-left:calc(62px + (100% - 62px - 760px)/2)}}
@media (max-width:980px){.t6-join{margin-left:0;height:30px;background:linear-gradient(#27332D,#27332D) center/2px 100% no-repeat}.t6-join svg{display:none}.t6-safecard{padding:28px 18px 18px}}

/* v103: one box and one shadow for every step; one lime call to action everywhere; Odoo badge by Brad */
.t6-step.t6-box>div,.t6-step.t6-hi>div{background:#F7F6F1;border:1px solid #AFC9B3;border-radius:16px;padding:6px 22px 18px;box-shadow:0 14px 34px -22px rgba(39,51,45,.45)}
.t6-step.t6-hi>div{border:2px solid #27332D}
.t6-route,.t6-safecard{box-shadow:0 14px 34px -22px rgba(39,51,45,.45)}
.t6-care{border:1px solid #AFC9B3}
.trc5 .t5-btn,.trc5 .t6-step .t5-btn,.t6-step.t6-hi .t5-btn,.t5-core .t5-btn,.t5-chrome .t5-btn{background:#CFE892;color:#27332D;border:0;box-shadow:0 6px 16px -10px rgba(39,51,45,.6)}
.trc5 .t5-btn:hover{background:#D9EEA4}
.t5-odoobadge{position:absolute;z-index:2;top:22px;left:26px;background:#714B67;color:#fff;font-weight:600;font-size:15px;letter-spacing:.01em;padding:6px 14px;border-radius:10px;box-shadow:0 8px 20px -12px rgba(0,0,0,.6)}
@media (max-width:560px){.t5-odoobadge{top:16px;left:18px;font-size:13px;padding:5px 11px}}

/* ===== v103: the whole site in one style ===== */
/* every call to action in lime, as "Start talking to Brad" */
html body #app main .btn:not(.linkbtn),html body #app main .cta23,html body #app main .btn.hi,html body #app main .btn.ghost{background:#CFE892!important;color:#27332D!important;border-color:#CFE892!important;box-shadow:0 6px 16px -10px rgba(39,51,45,.6)}
html body #app main .btn:not(.linkbtn):hover{background:#D9EEA4!important}
/* Odoo, the platform, in Odoo purple */
/* 28 Oct 2026: Odoo as one consistent badge in headings and labels (not inside sentences) */
.t6-odoo{display:inline-block;background:#714B67;color:#fff;font-weight:600;letter-spacing:.005em;padding:0 .34em;border-radius:.28em;line-height:1.25;font-size:.92em;vertical-align:.04em}
.t5-core .t6-odoo,.t5-chrome .t6-odoo{background:#8A5E80;color:#fff}
/* TRC lockup where TRC is introduced */
.t6-lock{display:inline-flex;align-items:center;gap:14px;background:#27332D;color:#D2DCD5;border-radius:12px;padding:12px 18px;margin:6px 0 22px;max-width:100%}
.t6-lock img{display:block;height:30px;width:auto}
.t6-lock span{font-size:14px;line-height:1.35}
/* homepage journey and cards used on other pages */
.t6-onpage{background:transparent!important;margin:24px 0 32px}
.t6-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:8px 0 22px}
.t6-card{background:#F7F6F1;border:1px solid #AFC9B3;border-radius:16px;padding:20px 22px;box-shadow:0 14px 34px -22px rgba(39,51,45,.45)}
.t6-card h2{font-size:20px;font-weight:600;margin:0 0 10px;color:#27332D}
.trc5 .t6-card p{color:#3E4C44;margin:0}
.trc5 .t6-dots{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.t6-dots li{position:relative;padding-left:20px;color:#3E4C44;line-height:1.5}
.t6-dots li::before{content:"";position:absolute;left:2px;top:.55em;width:7px;height:7px;border-radius:50%;background:#27332D}
@media (max-width:780px){.t6-grid{grid-template-columns:minmax(0,1fr)}}
/* the prototype's own cards and panels: ivory with the same soft shadow */
body:not(.trc5-home) #app main .who90,body:not(.trc5-home) #app main .billy90c,body:not(.trc5-home) #app main .sue90c,body:not(.trc5-home) #app main .pvc,body:not(.trc5-home) #app main .sue95>div{background:#F7F6F1!important;border-color:#AFC9B3!important;box-shadow:0 14px 34px -22px rgba(39,51,45,.45)}
.t5-brad .t5-alt{align-items:center}.t5-brad .t5-alt .t5-btn{padding:11px 16px;font-size:14.5px}

/* ===== v105: every page template in the same style ===== */
/* light panels and cards from any template: ivory, sage border, one soft shadow (marked by home_v5.js cards()) */
body:not(.trc5-home) #app main .t6-auto{background:#F7F6F1!important;border-color:#AFC9B3!important}
body:not(.trc5-home) #app main .t6-edge{border:1px solid #AFC9B3!important}
body:not(.trc5-home) #app main .t6-lift{box-shadow:0 14px 34px -22px rgba(39,51,45,.45)!important}
body:not(.trc5-home) #app main a.t6-lift:hover{box-shadow:0 18px 38px -20px rgba(39,51,45,.55)!important}
/* systems directory tiles: the grey, tan and beige groups moved onto the palette */
body:not(.trc5-home) #app main .st31b.t31c{background:#AFC9B3!important;color:#27332D!important}
body:not(.trc5-home) #app main .st31b.t31d{background:#DCE9DA!important;color:#27332D!important;border:1px solid #AFC9B3}
body:not(.trc5-home) #app main .st31b.t31e{background:#F7F6F1!important;color:#27332D!important;border:1px solid #AFC9B3}
/* table headings */
body:not(.trc5-home) #app main th{background:#DCE9DA}
/* the prototype's darker green panels on the brand forest */
body:not(.trc5-home) #app main .rd86{background:#27332D!important}
/* v106: How we work shows the TRC way on its own, full width */
body:not(.trc5-home) #app main .how93.how93one{display:block!important;grid-template-columns:none!important}
body:not(.trc5-home) #app main .how93.how93one .how93new{max-width:none;width:auto}
body:not(.trc5-home) #app main .on54g.on54one{display:block!important;grid-template-columns:none!important}

/* ===== 28 Oct 2026 (Gavin): sign in, 200+ years, guarantee seal, the people behind the AI, Mary ===== */
.t5-signin{background:none;font:inherit;font-size:15px;cursor:pointer}
@media (min-width:981px){.t5-hdr .t5-nav{position:relative}}/* v111: on phones the menu drops below the header (it sat beside the logo) */
.t5-signnote{position:absolute;right:0;top:calc(100% + 10px);z-index:5;background:#F7F6F1;color:#27332D;border-radius:10px;padding:10px 14px;font-size:14px;line-height:1.35;box-shadow:0 14px 34px -18px rgba(0,0,0,.55);white-space:nowrap}
.t5-signnote[hidden]{display:none}
@media (max-width:980px){.t5-signnote{position:static;white-space:normal;margin-top:6px}}
.trc5 .t5-proof2{margin-top:10px}
.t5-proof2 span a{color:#2F6B3A;font-weight:600;text-underline-offset:3px}
.t6-guar{padding-top:34px}
.t6-seal{position:absolute;top:-30px;right:-18px;width:112px;height:112px;border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(9deg);
  color:#3A2C12;background:radial-gradient(circle at 32% 28%,#F2E2B8 0%,#D9BE82 38%,#B9965A 72%,#9C7A44 100%);
  box-shadow:0 0 0 4px #F7F6F1,0 0 0 6px #B9965A,0 16px 30px -14px rgba(60,40,10,.6);line-height:1.05}
.t6-seal i{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.t6-seal b{font-size:18px;font-weight:800;letter-spacing:.02em;margin:3px 0}
.t6-seal small{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.8}
.t6-guar h3{font-size:clamp(23px,2.2vw,30px)!important}
.trc5 .t6-guar .t6-gl{text-align:center;font-size:clamp(18px,1.5vw,21px);font-weight:600;color:#27332D;margin:0 0 16px}
.t6-guar .t6-safe{max-width:560px;margin:0 auto 14px}
.t6-guar .t6-safe li{font-size:17px}
.trc5 .t6-guar .t6-sign{text-align:center;font-style:italic;color:#2F6B3A;margin:6px 0 0}
@media (max-width:560px){.t6-seal{width:86px;height:86px;top:-26px;right:-6px}.t6-seal b{font-size:14px}.t6-seal i{font-size:9px}.t6-seal small{font-size:8px}}
.t6-assure{max-width:760px;margin:22px auto 0;background:#27332D;color:#D2DCD5;border-radius:18px;padding:24px 28px;box-shadow:0 14px 34px -22px rgba(39,51,45,.6)}
@media (min-width:981px){.t6-assure{margin-left:calc(62px + (100% - 62px - 760px)/2)}}
.t6-assure h3{color:#F7F6F1;font-size:clamp(20px,1.8vw,25px);font-weight:600;margin:0 0 12px}
.trc5 .t6-assure p{color:#D2DCD5;margin:0 0 10px}
.t6-assure .t6-assure-a{color:#CFE892;font-weight:600;text-underline-offset:3px}
.t6-mary{position:relative;margin-top:6px;background:#EEF3EA;border-left:3px solid #2F6B3A;border-radius:12px;padding:16px 18px 8px}
.trc5 .t6-mary p{color:#27332D;margin:0 0 10px;line-height:1.5}
.t6-ill{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#5B6B61;margin-bottom:6px}
.t6-card .t6-mary{margin:0;background:none;border:0;padding:0}
.t6-wide{grid-column:1/-1}

/* the people behind the AI (About) */
#app main .pp106{margin-top:8px}
#app main .pp106 h2{font-size:clamp(26px,2.6vw,36px);line-height:1.15;margin:4px 0 10px;color:#27332D}
#app main .pp106-lead{max-width:44em;color:#3E4C44;margin:0 0 22px}
.pp106-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:22px}
.pp106-l{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;background:#F7F6F1;border:1px solid #D8E2D6;border-radius:18px;padding:18px;box-shadow:0 14px 34px -22px rgba(39,51,45,.45)}
#app main .pp106-l h3{margin:0;font-size:21px;color:#27332D}
#app main .pp106-l .pp106-r{margin:2px 0 10px;color:#2F6B3A;font-weight:600;font-size:14px;letter-spacing:.02em}
#app main .pp106-l p{font-size:15px;line-height:1.55;color:#3E4C44;margin:0 0 8px}
.pp106-ph{border-radius:14px;overflow:hidden;background:#E7ECE4;aspect-ratio:4/5}
.pp106-ph img{display:block;width:100%;height:100%;object-fit:cover}
.pp106-init{display:grid;place-items:center;width:100%;height:100%;font-size:38px;font-weight:700;color:#27332D;background:linear-gradient(160deg,#DDE6D9,#C9D6C5)}
#app main .pp106-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.pp106-grid li{display:flex;flex-direction:column;gap:2px}
.pp106-grid .pp106-ph{margin-bottom:8px}
.pp106-grid b{color:#27332D;font-size:15px}
.pp106-grid span{color:#5B6B61;font-size:13.5px}
@media (max-width:1100px){#app main .pp106-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.pp106-two{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.pp106-l{grid-template-columns:minmax(0,1fr)}.pp106-l .pp106-ph{max-width:220px}#app main .pp106-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pp106-ai{background:#27332D;color:#D2DCD5;border-radius:16px;padding:18px 22px;margin:14px 0 24px;max-width:46em}
#app main .pp106-ai p{color:#D2DCD5;margin:0 0 8px}
#app main .pp106-ai b{color:#F7F6F1}
#app main .pp106-ai a{color:#CFE892;font-weight:600}
#app main .pp106-init{font-size:42px;letter-spacing:.04em}

/* Contact: three ways in, and the request-a-call form */
.ct106{margin:18px 0 26px}
.ct106-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ct106-c{background:#F7F6F1;border:1px solid #D8E2D6;border-radius:18px;padding:20px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;box-shadow:0 14px 34px -22px rgba(39,51,45,.45)}
#app main .ct106-c h2{font-size:21px;margin:0;color:#27332D}
#app main .ct106-c p{margin:0 0 6px;color:#3E4C44;flex:1}
.rc106-slot:not(:empty){margin-top:16px;background:#F7F6F1;border:1px solid #D8E2D6;border-radius:18px;padding:20px 22px;max-width:640px}
.rc106{display:grid;gap:14px}
.rc106 label{display:grid;gap:6px;font-weight:600;color:#27332D;font-size:15px}
.rc106 input:not([type=checkbox]),.rc106 textarea{font:inherit;font-weight:400;padding:10px 12px;border:1px solid #AFC9B3;border-radius:10px;background:#fff;color:#27332D;width:100%;box-sizing:border-box}
.rc106 .rc106-ok{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.rc106 .rc106-ok input{margin-top:4px}
#app main .rc106-sug{margin:-6px 0 0;font-size:14px;color:#7A5A12}
#app main .rc106-err{margin:0;color:#A3341F;font-weight:600}
.rc106 button[type=submit]{justify-self:start}
#app main .rc106-done p{margin:6px 0 0}
@media (max-width:860px){.ct106-g{grid-template-columns:minmax(0,1fr)}}
/* sample picker, 28 Oct 2026: organization, then industry, then the reports */
.t5-pickbox{max-width:640px!important;max-height:calc(100vh - 32px);overflow:auto}
.trc5 .t5-pickbox ul:not(.t5-pickl){grid-template-columns:repeat(2,minmax(0,1fr))}
.t5-pickbox li>button{display:grid;gap:2px;width:100%;text-align:left;font:inherit;padding:14px 16px;border:1px solid #AFC9B3;border-radius:14px;background:#EAF3E6;color:#27332D;cursor:pointer}
.t5-pickbox li>button:hover,.t5-pickbox li>button:focus-visible{border-color:#27332D}
.t5-pickbox li>button b{font-size:17px;font-weight:600}
.t5-pickbox li>button span{font-size:14px;color:#3E4C44}
.t5-pickbox a em{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#2F6B3A}
.trc5 .t5-pickback{margin:0 0 6px}
.t5-pickback button{background:none;border:0;padding:4px 0;font:inherit;font-size:14px;font-weight:600;color:#2F6B3A;cursor:pointer}
@media (max-width:560px){.trc5 .t5-pickbox ul:not(.t5-pickl){grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.t6-seal{position:relative;top:auto;right:auto;margin:-6px auto 10px;transform:rotate(-4deg)}.t6-guar{padding-top:28px}}

/* ===== v109 (29 Oct 2026): hero story, 50/50/50, Brad's card aligned with the boxes ===== */
.trc5 .t5-ppf{margin:clamp(18px,3vh,26px) 0 0;font-size:clamp(16px,1.25vw,18px);color:#3E4C44;font-weight:500;max-width:40em}
.t5-ppf i{font-style:normal;color:#8AA392;margin:0 .35em}
.trc5 .t5-anchor{margin-top:clamp(20px,3.2vh,30px)}
.trc5 .t5-proof span{font-weight:600;color:#27332D}
.trc5 .t5-story{margin:10px 0 0;color:#3E4C44;font-size:clamp(16px,1.25vw,18px);line-height:1.5;max-width:36em}
.t5-505050{margin-top:16px;background:#F7F6F1;border:1px solid #AFC9B3;border-radius:16px;padding:14px 18px 12px;max-width:36em}
.trc5 .t5-505k{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#2F6B3A}
.trc5 .t5-505050 ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.t5-505050 li{display:flex;flex-direction:column;gap:2px}
.t5-505050 li b{font-size:clamp(24px,2.2vw,30px);line-height:1;font-weight:700;color:#27332D;letter-spacing:-.02em}
.t5-505050 li span{font-size:14px;line-height:1.3;color:#3E4C44}
.trc5 .t5-505see{margin:12px 0 4px;font-size:15px;font-weight:600;color:#27332D}
.trc5 .t5-505n{margin:0;font-size:12px;color:#5B6B61;line-height:1.4}
.t5-linkbtn{background:none;border:0;padding:0;font:inherit;color:#2F6B3A;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-weight:600}
.trc5 .t5-team{margin:12px 0 0;font-size:15px;color:#3E4C44}
.t5-team a{color:#2F6B3A;font-weight:600;text-underline-offset:3px}
/* Brad's card starts level with the TRC ERP and Odoo boxes, however tall the left column grows */
@media (min-width:981px){.t5-hero{align-items:start}.t5-brad{margin-top:0}}
@media (max-width:560px){.trc5 .t5-505050 ul{grid-template-columns:1fr;gap:6px}.t5-505050 li{flex-direction:row;align-items:baseline;gap:10px}.t5-505050 li b{min-width:3.2em}}
/* phone: the Talk to Brad button looks like Brad's message bar, microphone included */
.t5-bar{display:flex;align-items:center;gap:8px;width:100%;background:#fff;border:1px solid #AFC9B3;border-radius:16px;padding:6px 6px 6px 16px;font:inherit;font-size:16px;color:#5B6B61;cursor:pointer;text-align:left;box-shadow:0 6px 16px -10px rgba(39,51,45,.5)}
.t5-bar span{flex:1}
.t5-bar i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font-style:normal}
.t5-bmic{background:#CFE892;color:#27332D}
.t5-bsend{background:#27332D;color:#fff}
.trc5 .t5-quick .t5-bar{flex:1 1 100%}
/* How we work: every step card has the same strong border; the CORE report stays the focal point with a lime wash */
.t6-step.t6-box>div{border:2px solid #27332D}
.t6-step.t6-hi>div{background:#F3F8E4;border-color:#27332D;box-shadow:0 0 0 4px #CFE892,0 14px 34px -22px rgba(39,51,45,.45)}
/* Route A: who pays for the sales process */
.t6-who{margin-top:auto;padding-top:14px;border-top:1px solid #AFC9B3}
.trc5 .t6-who p{color:#2F3B35;margin:0 0 10px;line-height:1.5}
.trc5 .t6-who p b{color:#27332D}
.trc5 .t6-qual{margin:2px 0 0;font-size:14px;font-weight:600;color:#2F6B3A}
.trc5 .t6-guar .t6-decade{text-align:center;font-weight:600;color:#27332D;margin:4px 0 8px}
/* the red wax seal */
.t6-seal.t6-wax{width:136px;height:136px;top:-44px;right:-30px;background:none!important;border:0!important;box-shadow:none!important;padding:0;display:block;filter:drop-shadow(0 6px 10px rgba(80,10,15,.35))}
.t6-seal.t6-wax svg{display:block;width:100%;height:100%}
@media (max-width:560px){.t6-seal.t6-wax{width:96px;height:96px}}
.t6-seal.t6-wax{transform:rotate(-8deg)}
@media (max-width:560px){.t6-seal.t6-wax{position:relative!important;top:auto!important;right:auto!important;margin:16px auto 6px!important;width:104px;height:104px;transform:rotate(-6deg)}}
/* ===== v110 (29 Oct 2026): delivery model v1.0 (Engage, Gather, Show and decide, Build, Confidence, Care) ===== */
/* the 50/50/50 box takes the CORE report treatment: dark border, lime wash, lime call to action */
.t5-505050{background:#F3F8E4;border:2px solid #27332D;box-shadow:0 0 0 4px #CFE892,0 14px 34px -22px rgba(39,51,45,.45);padding:16px 20px 14px}
.trc5 .t5-505team{margin:4px 0 0;font-size:15px;color:#3E4C44}
.t5-505team a{color:#2F6B3A;font-weight:600;text-underline-offset:3px}
.trc5 .t5-505cta{margin:12px 0 10px}
.trc5 .t5-505cta .t5-btn{padding:11px 18px;font-size:15px}
/* Nothing is wasted */
.t6-wasted{max-width:758px;margin:26px 0 28px 62px;background:#27332D;border-radius:16px;padding:18px 22px}
.trc5 .t6-wasted p{color:#E8EEE9;margin:0;line-height:1.55;font-size:clamp(16px,1.2vw,18px)}
.trc5 .t6-wasted b{color:#CFE892}
@media (max-width:980px){.t6-wasted{margin-left:0}}
.t6-tag{display:inline-block;vertical-align:middle;margin-left:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#2F6B3A;background:#E3EFCF;border-radius:999px;padding:3px 10px}
.trc5 .t6-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:4px 0 0}
/* Route A's procurement panel matches Meet Mary, level with her across the two routes */
.t6-route .t6-who,.t6-route .t6-mary{margin-top:auto;border-top:0;background:#EEF3EA;border-left:3px solid #2F6B3A;border-radius:12px;padding:16px 18px 8px}
.t6-more summary{cursor:pointer;color:#2F6B3A;font-weight:600;margin:0 0 10px;text-decoration:underline;text-underline-offset:3px}
.t6-show{border:2px solid #27332D;background:#F3F8E4}
.t6-build{border:1px solid #AFC9B3}
.trc5 .t6-stage{text-align:center;margin:0;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#2F6B3A}
.trc5 .t6-larger{text-align:center;color:#3E4C44;font-size:15px;margin:6px 0 0}
/* How delivery works: the six stages in full */
.t6-deliv{max-width:880px}
.t6-deliv .t6-wasted{margin-left:0}
.t6-dstage{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;margin:0 0 22px}
.t6-dstage>div{background:#F7F6F1;border:2px solid #27332D;border-radius:16px;padding:6px 22px 14px;box-shadow:0 14px 34px -22px rgba(39,51,45,.45)}
.t6-dstage h2{font-size:clamp(20px,1.8vw,25px);font-weight:600;margin:12px 0 10px;line-height:1.25}
.trc5 .t6-dstage p,.trc5 .t6-dstage li{color:#2F3B35;line-height:1.55}
.trc5 .t6-dstage p{margin:0 0 12px}
.trc5 .t6-dstage b{color:#27332D}
.trc5 .t6-dstage .t6-dk{font-weight:600;color:#27332D;font-size:clamp(17px,1.3vw,19px)}
.t6-dconf>div{position:relative}
.t6-dconf .t6-seal.t6-wax{position:absolute;top:-26px;right:6px;width:110px;height:110px}
.trc5 .t6-dstage .t6-larger{text-align:left}
@media (max-width:560px){.t6-dstage{grid-template-columns:36px minmax(0,1fr);gap:10px}.t6-dstage>div{padding:4px 14px 10px}}
/* v110: Marrowby and Aldervale side by side (a mid-sized business and a larger organization) */
.t5-prevs{display:grid;gap:16px}
.t5-core2 .t5-prevs{grid-template-columns:repeat(2,minmax(0,1fr))}
.t5-core2 .t5-fict{right:8px;bottom:8px;font-size:12px;padding:4px 10px}
@media (max-width:560px){.t5-core2 .t5-prevs{grid-template-columns:minmax(0,1fr)}}
/* ===== v110 patch (29 Oct 2026): headline, stage strip and labels, the break as the customer's choice ===== */
.trc5 .t5-eyebrow{margin:clamp(18px,3vh,28px) 0 10px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#2F6B3A}
.t5-prop h1.t5-h1n{font-size:clamp(40px,4.6vw,70px);line-height:1.02;max-width:11em;margin:0}
.t5-prop h1.t5-h1n span{display:inline}
.trc5 .t5-sub{margin:16px 0 0;font-size:clamp(18px,1.45vw,21px);line-height:1.45;color:#2F3B35;font-weight:500;max-width:30em}
@media (max-width:560px){.t5-prop h1.t5-h1n{font-size:36px}.t5-prop h1.t5-h1n .t5-last{display:inline}}
.t5-brand{text-align:center;padding-top:clamp(48px,7vh,80px);padding-bottom:clamp(40px,6vh,64px)}
.t5-brand h2{font-size:clamp(32px,3.6vw,54px);line-height:1.05;letter-spacing:-.03em;font-weight:600;margin:0 auto 14px;color:#27332D}
.t5-brand h2 .t5-last{color:#4E6A58;font-weight:500}
.t5-brand .t5-ppf,.t5-brand .t5-story{margin-left:auto;margin-right:auto}
/* the six-stage strip */
.t6-strip{max-width:820px;margin:0 0 30px 0}
.trc5 .t6-strip-k{margin:0 0 10px 62px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#2F6B3A}
.trc5 .t6-strip ol{list-style:none;margin:0 0 0 62px;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.t6-strip li{position:relative}
.t6-strip button{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:#27332D;color:#F7F6F1;border:0;border-radius:12px;padding:10px 12px;font:inherit;font-size:15px;font-weight:600;line-height:1.2;text-align:left;cursor:pointer;box-shadow:0 10px 22px -16px rgba(39,51,45,.7)}
.t6-strip button span{font-size:12px;font-weight:700;color:#CFE892}
.t6-strip button:hover,.t6-strip button:focus-visible{background:#2F6B3A}
.t6-strip li:not(:last-child)::after{content:"";position:absolute;right:-7px;top:50%;width:6px;height:6px;background:#CFE892;border:1px solid #27332D;transform:translate(0,-50%) rotate(45deg);z-index:1}
.t6-deliv .t6-strip-k,.t6-deliv .t6-strip ol{margin-left:0}
@media (max-width:980px){.trc5 .t6-strip-k,.trc5 .t6-strip ol{margin-left:0}}
@media (max-width:640px){.trc5 .t6-strip ol{grid-template-columns:repeat(3,minmax(0,1fr))}.t6-strip li:nth-child(3)::after{display:none}}
/* stage labels */
.t6-pill{display:inline-block;margin:14px 0 2px;background:#CFE892;color:#27332D;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:4px 11px}
.t6-step h3{font-size:clamp(24px,2.1vw,30px)!important;margin-top:6px!important}
.t6-safecard .t6-pill{display:table;margin:4px auto 0}
.t6-safecard h3{font-size:clamp(24px,2.1vw,30px)!important;margin-top:8px!important}
.t6-dstage .t6-pill{margin-top:16px}
.t6-dstage h2{font-size:clamp(24px,2.2vw,30px)!important;margin-top:6px!important}
/* the break, the customer's choice */
.t6-break{max-width:560px;margin:4px auto 16px;background:#F3F8E4;border:2px solid #27332D;border-radius:14px;padding:14px 18px 4px;box-shadow:0 0 0 4px #CFE892}
.trc5 .t6-break p{margin:0 0 10px;color:#27332D;font-size:17px;line-height:1.5}
.t6-dstage .t6-break{margin-left:0}
/* the TRC way box on How we work: compact, in the CORE card style */
#app main .how93new.tw110{max-width:758px;margin:0 0 8px;background:#F3F8E4!important;border:2px solid #27332D!important;border-radius:16px;box-shadow:0 0 0 4px #CFE892,0 14px 34px -22px rgba(39,51,45,.45)!important;padding:18px 22px 6px}
#app main .tw110 .how93k{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#2F6B3A}
#app main .tw110 h3{margin:0 0 10px;font-size:clamp(20px,1.7vw,24px);line-height:1.25;color:#27332D}
#app main .tw110 p{margin:0 0 12px;color:#2F3B35;line-height:1.55}
@media (min-width:981px){#app main .how93one{display:block}#app main .how93new.tw110{margin-left:62px}}
/* LinkedIn next to each name on About */
.li110{display:inline-grid;place-items:center;vertical-align:-2px;margin-left:6px;width:22px;height:22px;border-radius:5px;background:#27332D;color:#F7F6F1}
.li110:hover,.li110:focus-visible{background:#2F6B3A}
.li110 svg{width:13px;height:13px}
.trc5 .t6-guar .t6-gl{font-size:17px;font-weight:500;color:#3E4C44}
#app main .how93new.tw110{max-width:758px!important;width:auto!important;box-sizing:border-box}
/* ===== v110.2 (29 Oct 2026): How we work in the approved layout, cards in the CORE report style ===== */
.t5-sec.t7-how{max-width:none;padding-left:max(16px,calc((100% - 1180px)/2));padding-right:max(16px,calc((100% - 1180px)/2))}
.t7-intro{max-width:760px}
.t7-intro h2{font-size:clamp(36px,4vw,56px);margin:0 0 10px}
.trc5 .t7-lead{font-size:clamp(18px,1.4vw,21px);color:#27332D;font-weight:500;margin:0 0 10px}
.trc5 .t7-intro p{color:#3E4C44}
.trc5 .t7-tl{list-style:none;margin:26px 0 24px;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;position:relative}
.t7-tl::before{content:"";position:absolute;left:8%;right:8%;top:44px;height:2px;background:#AFC9B3}
.t7-tl li{position:relative;text-align:center}
.t7-tl button{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;background:none;border:0;padding:4px;font:inherit;color:#27332D;cursor:pointer}
.t7-tl .t7-num{position:absolute;top:0;left:calc(50% - 34px);width:22px;height:22px;border-radius:50%;background:#27332D;color:#CFE892;font-size:12px;font-weight:700;display:grid;place-items:center;z-index:2}
.t7-tl .t7-ico{width:60px;height:60px;margin-top:12px;border-radius:50%;background:#EEF3EA;border:2px solid #fff;box-shadow:0 0 0 1px #AFC9B3;display:grid;place-items:center;color:#2F6B3A;position:relative;z-index:1}
.t7-tl b{font-size:16px;font-weight:700}
.t7-tl small{font-size:13px;line-height:1.35;color:#3E4C44;max-width:12em}
.t7-tl button:hover .t7-ico,.t7-tl button:focus-visible .t7-ico{background:#CFE892}
.t7-card{background:#F7F6F1;border:2px solid #27332D;border-radius:16px;padding:20px 22px;box-shadow:0 14px 34px -22px rgba(39,51,45,.45)}
.trc5 .t7-k{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#2F6B3A}
.t7-card h3,.t7-detail h3{font-size:clamp(22px,2vw,28px);margin:0 0 4px;color:#27332D}
.trc5 .t7-sub{color:#3E4C44;margin:0 0 14px}
.t7-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.t7-route{background:#fff;border:1px solid #AFC9B3;border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.t7-route.t7-ra{background:#F3F8E4;border:2px solid #27332D;box-shadow:0 0 0 3px #CFE892}
.t7-route h4{margin:2px 0 0;font-size:19px;color:#27332D}
.trc5 .t7-route p{margin:0;color:#2F3B35;line-height:1.5}
.t7-tag{align-self:flex-start;background:#2F6B3A;color:#fff;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:3px 10px}
.t7-tag.t7-dk{background:#27332D}
.trc5 .t7-ticks{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:7px}
.t7-ticks li{position:relative;padding-left:26px;color:#2F3B35;line-height:1.45}
.t7-ticks li::before{content:"✓";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:#2F6B3A;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center}
.trc5 .t7-foot{margin-top:auto!important;padding-top:10px;border-top:1px solid #D7E2D6;font-size:14px;color:#3E4C44!important}
.t7-ai{display:flex;gap:16px;align-items:flex-start;margin:18px 0;background:#27332D;color:#F7F6F1;border-radius:16px;padding:20px 24px}
.t7-spark{font-size:26px;color:#CFE892;line-height:1}
.t7-ai h3{margin:0 0 6px;font-size:clamp(19px,1.6vw,22px);color:#fff}
.trc5 .t7-ai p{margin:0 0 8px;color:#D2DCD5;line-height:1.5}
.t7-ai a{color:#CFE892;font-weight:700}
.t7-detail{margin:30px 0 18px}
.trc5 .t7-grid{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.t7-gc{position:relative;display:flex;gap:12px;align-items:flex-start;background:#F7F6F1;border:2px solid #27332D;border-radius:14px;padding:16px 16px 14px;box-shadow:0 14px 34px -24px rgba(39,51,45,.45)}
.t7-gc.t7-here{background:#F3F8E4;box-shadow:0 0 0 4px #CFE892,0 14px 34px -24px rgba(39,51,45,.45)}
.t7-gc .t7-num{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:#27332D;color:#CFE892;font-size:12px;font-weight:700;display:grid;place-items:center}
.t7-gc .t7-ico{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:#EEF3EA;display:grid;place-items:center;color:#2F6B3A}
.t7-gc b{display:block;font-size:17px;color:#27332D;margin:2px 0 4px}
.trc5 .t7-gc p{margin:0 0 8px;font-size:14px;line-height:1.45;color:#3E4C44}
.t7-more{font-size:14px;font-weight:700;color:#2F6B3A;text-decoration:none}
.t7-more::after{content:" →"}
.t7-agree{position:relative;display:flex;gap:14px;align-items:flex-start;background:#EEF3EA;border:1px solid #AFC9B3;border-radius:16px;padding:18px 150px 14px 20px}
.t7-agree .t7-ico{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#2F6B3A}
.t7-agree h3{margin:2px 0 6px;font-size:19px;color:#27332D}
.trc5 .t7-agree p{margin:0 0 8px;color:#2F3B35;line-height:1.5}
.trc5 .t7-larger{font-style:italic;color:#3E4C44!important}
.t7-agree .t6-seal.t6-wax{position:absolute;top:50%;right:18px;width:118px;height:118px;transform:translateY(-50%) rotate(-8deg)}
.trc5 .t7-ctas{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin:18px 0 0}
@media (max-width:900px){.trc5 .t7-tl{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px}.t7-tl::before{display:none}.t7-two,.trc5 .t7-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.t7-agree{flex-direction:column;padding:16px}.t7-agree .t6-seal.t6-wax{position:relative!important;top:auto!important;right:auto!important;transform:rotate(-6deg)!important;margin:0 auto!important;width:96px;height:96px}.t7-ai{padding:16px}}

/* ===== v111 (1 Nov 2026, Gavin): launch fixes ===== */
/* menus are solid on every page and above the page content */
.t5-hdr .t5-menu{background:#2F3E37;opacity:1;z-index:30;-webkit-backdrop-filter:none;backdrop-filter:none}
@media (max-width:980px){.t5-hdr .t5-nav{z-index:30;box-shadow:0 24px 40px -24px rgba(0,0,0,.6)}}
/* v112 (2 Nov 2026): site search in the header */
.t5-sbtn{background:none;border:1px solid var(--rule);color:var(--sage);font:inherit;font-size:15px;padding:8px 14px 8px 11px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.t5-sbtn:hover,.t5-sbtn[aria-expanded="true"]{color:var(--ivory);border-color:var(--sage)}
.t5-search{position:absolute;left:0;right:0;top:100%;z-index:30;background:var(--forest);border-bottom:1px solid var(--rule);box-shadow:0 18px 40px -18px rgba(0,0,0,.6);padding:16px clamp(16px,5vw,72px) 20px}
.t5-search[hidden]{display:none}
.t5-sbox{max-width:760px;margin:0 auto;display:flex;align-items:center;gap:10px;background:var(--night);border:1px solid var(--rule);border-radius:12px;padding:6px 6px 6px 14px;color:var(--sage)}
.t5-sbox:focus-within{border-color:var(--lime)}
.t5-sq{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--ivory);font:inherit;font-size:17px;padding:8px 0}
.t5-sq::-webkit-search-cancel-button{display:none}
.t5-sx{background:none;border:0;color:var(--sage);font-size:26px;line-height:1;width:40px;height:40px;border-radius:8px;cursor:pointer}
.t5-sx:hover{color:var(--ivory)}
.t5-sstat{max-width:760px;margin:10px auto 0;color:var(--lichen);font-size:14px}
.t5-sstat:empty{display:none}
.t5-sres{list-style:none;max-width:760px;margin:8px auto 0;padding:0;display:grid;gap:2px;max-height:min(60vh,520px);overflow:auto}
.t5-sres:empty{display:none}
.t5-sres a{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--ivory)}
.t5-sres a:hover,.t5-sres a:focus-visible{background:var(--moss)}
.t5-sres b{display:block;font-weight:600;font-size:16px}
.t5-sres span{display:block;color:var(--sage);font-size:14px;line-height:1.45;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:980px){.t5-sbtn{width:100%;justify-content:center;font-size:16px;padding:12px}.t5-search{position:fixed;top:0;bottom:auto;max-height:100vh;overflow:auto;padding-top:14px}}
.t5-sstat .t5-linkbtn{color:var(--lime)}
.trc5 .t5-sstat{margin:10px auto 0}.trc5 .t5-sres{margin:8px auto 0}.trc5 .t5-sq:focus-visible{outline:none}
/* v116 (4 Nov 2026, Ryan): "Billy delivers. Lexi keeps you running" card on Support and optimisation. Two portraits sat in a
   one-portrait column (covering the text on computers) and were pulled together by negative margins (overlapping on phones). */
#app main .billy90c{grid-template-columns:auto minmax(0,1fr)!important;align-items:start}
#app main .billy90c .lx95f{display:flex;gap:10px}
#app main .billy90c .lx95f .ch90{margin:0!important;width:120px!important;flex:0 0 120px}
@media (max-width:640px){#app main .billy90c{grid-template-columns:minmax(0,1fr)!important}#app main .billy90c .lx95f .ch90{width:104px!important;flex-basis:104px}}
/* R1.5.1: the device check found two more things wider than a phone: the breadcrumb (kept on one line) on comparison
   pages at 360px, and the product lists on the systems pages (240px columns) with larger text on small phones */
nav.crumb,nav.crumb *{white-space:normal}
nav.crumb{display:flex;flex-wrap:wrap;column-gap:4px;overflow-wrap:anywhere}
.cmpl30{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr))}
.cmpl30 li,.cmpl30 li *{min-width:0;overflow-wrap:anywhere}
/* R1.5.1: the app tiles on comparison pages (three fixed columns) on the narrowest phones with larger text */
@media (max-width:420px){.aqw34{grid-template-columns:repeat(auto-fill,minmax(min(110px,100%),1fr))!important}}
.aq34{min-width:0}.aq34 *{overflow-wrap:anywhere}

/* ===== five-page preview, 5 Nov 2026: stage trees, price Q&A, Explore zone page (not in the code) ===== */
.p6-trees{list-style:none;margin:26px 0 30px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:none}
.p6-st{background:#F7F6F1;border:1px solid #AFC9B3;border-radius:18px;padding:18px 18px 12px;box-shadow:0 14px 34px -24px rgba(39,51,45,.45);min-width:0}
.p6-st.p6-st-free{border:2px solid #27332D}
.p6-sth{display:flex;align-items:center;gap:10px}
.p6-sth .t7-num{flex:none;width:26px;height:26px;border-radius:50%;background:#27332D;color:#CFE892;font-size:13px;font-weight:700;display:grid;place-items:center}
.p6-sth .t7-ico{flex:none;width:42px;height:42px;border-radius:50%;background:#EEF3EA;display:grid;place-items:center;color:#2F6B3A}
.p6-sth small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#56645B}
.p6-sth b{display:block;font-size:19px;color:#27332D;line-height:1.15}
.trc5 .p6-stl{margin:12px 0 8px!important;font-weight:700;color:#2F6B3A;font-size:15px}
.p6-tree{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid #AFC9B3}
.p6-tree li{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:9px 0 9px 12px;border-bottom:1px dashed #D3E0D3}
.p6-tree li:last-child{border-bottom:0}
.p6-tree li::before{content:"";position:absolute;left:-15px;top:17px;width:16px;height:2px;background:#AFC9B3}
.p6-tree li::after{content:"";position:absolute;left:-20px;top:13px;width:8px;height:8px;border-radius:50%;background:#27332D;box-shadow:0 0 0 3px #F7F6F1}
.p6-tree div{min-width:0}
.p6-tree b{display:block;font-size:15px;color:#27332D}
.p6-tree span{display:block;font-size:13px;line-height:1.4;color:#3E4C44;margin-top:2px}
.p6-tag{flex:none;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;border-radius:999px;padding:3px 9px;white-space:nowrap;margin-top:2px}
.p6-free{background:#CFE892;color:#27332D}
.p6-paid{background:#27332D;color:#CFE892}
.p6-you{background:transparent;color:#2F6B3A;border:1.5px solid #2F6B3A}
.p6-inc{background:#EEF3EA;color:#2F6B3A}
.p6-opt{background:transparent;color:#56645B;border:1px dashed #56645B}
.p6-qa dl{margin:6px 0 10px;display:grid;gap:12px}
.p6-qa dl div{background:#fff;border-radius:12px;padding:12px 14px;border:1px solid #D3E0D3}
.p6-qa dt{font-weight:800;color:#27332D;font-size:16px;margin-bottom:3px}
.p6-qa dd{margin:0;color:#2F3B35;line-height:1.5;font-size:15px}
.t7-ctas .t5-linkbtn+.t5-linkbtn{margin-left:18px}
@media (max-width:1000px){.p6-trees{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.p6-trees{grid-template-columns:minmax(0,1fr)}.p6-tree li{flex-wrap:wrap}.t7-ctas .t5-linkbtn+.t5-linkbtn{margin-left:0}}

/* Explore zone page */
.p6-ex{display:flex;flex-direction:column;gap:22px;margin-top:8px}
.p6-ex h1,.p6-ex h2{color:#27332D;letter-spacing:-.015em}
.p6-exhero{background:#27332D;color:#F7F6F1;border-radius:24px;padding:clamp(24px,5vw,52px);position:relative;overflow:hidden}
.p6-exhero::after{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;border:40px solid rgba(207,232,146,.1)}
.p6-exhero h1{color:#CFE892!important;font-size:clamp(40px,7vw,76px)!important;line-height:1!important;margin:6px 0 14px!important}
.p6-k{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#2F6B3A;margin:0!important}
.p6-exhero .p6-k{color:#CFE892}
.trc5 .p6-exlead{font-size:clamp(18px,2.2vw,22px);line-height:1.45;max-width:36em;color:#E4E9E4!important;margin:0 0 24px!important}
.p6-exfacts{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative;z-index:1}
.p6-exfacts li{background:rgba(255,255,255,.06);border:1px solid rgba(207,232,146,.35);border-radius:16px;padding:16px}
.p6-exfacts b{display:block;font-size:clamp(24px,3vw,34px);color:#CFE892;line-height:1.05}
.p6-exfacts span{display:block;font-size:14px;color:#D2DCD5;margin-top:4px}
.p6-exhero .t5-ctas{margin:0;position:relative;z-index:1}
.p6-exhero .p6-onDark{color:#CFE892!important;margin-left:16px}
.p6-exsec{background:#F7F6F1;border:1px solid #AFC9B3;border-radius:20px;padding:clamp(20px,3.5vw,34px)}
.p6-exsec h2{margin:0 0 8px!important;font-size:clamp(24px,3vw,32px)!important}
.trc5 .p6-lead{color:#3E4C44;margin:0 0 18px!important;max-width:44em}
.p6-oldnew{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.p6-oldnew>div{border-radius:16px;padding:18px;background:#EEF3EA;display:flex;flex-direction:column;gap:6px}
.p6-oldnew>div b{font-size:18px;color:#27332D}.trc5 .p6-oldnew p{margin:0!important;color:#3E4C44}
.p6-oldnew>div:first-child{background:#ECE7E1}.p6-oldnew>div:first-child .p6-k{color:#8A4B2D}
.p6-oldnew .p6-new{background:#27332D}.p6-oldnew .p6-new b,.p6-oldnew .p6-new .p6-k{color:#CFE892}.trc5 .p6-oldnew .p6-new p{color:#D2DCD5!important}
.p6-slices{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;position:relative}
.p6-slices li{background:#fff;border:1px solid #D3E0D3;border-radius:14px;padding:14px 12px;display:flex;flex-direction:column;gap:6px;min-width:0}
.p6-sn{width:30px;height:30px;border-radius:50%;background:#27332D;color:#CFE892;font-weight:800;display:grid;place-items:center;font-size:14px}
.p6-slices li:nth-child(6) .p6-sn{background:#CFE892;color:#27332D}
.p6-slices b{font-size:16px;color:#27332D}.trc5 .p6-slices p{margin:0!important;font-size:13px;line-height:1.4;color:#3E4C44}
.trc5 .p6-note{margin:14px 0 0!important;font-size:14px;color:#56645B}
.p6-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:transparent;border:0;padding:0}
.p6-box{background:#F7F6F1;border:1px solid #AFC9B3;border-radius:20px;padding:clamp(20px,3vw,28px)}
.p6-box h2{font-size:24px!important;margin:0 0 10px!important}
.p6-pay{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:22px;align-items:center;background:#EAF3E6}
.trc5 .p6-pay p{margin:0!important;color:#3E4C44}
.p6-paysteps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.p6-paysteps li{background:#fff;border-radius:14px;padding:14px;border:1px solid #D3E0D3;display:flex;flex-direction:column;gap:4px}
.p6-paysteps li.p6-hi{background:#27332D;border-color:#27332D}.p6-paysteps li.p6-hi b{color:#CFE892}.p6-paysteps li.p6-hi span{color:#D2DCD5}
.p6-paysteps b{color:#27332D;font-size:16px}.p6-paysteps span{font-size:13px;color:#3E4C44;line-height:1.4}
.p6-end{background:#CFE892;border-color:#CFE892}.trc5 .p6-end p{color:#27332D!important;font-size:18px;line-height:1.5;margin:0!important;max-width:44em}
@media (max-width:1100px){.p6-slices{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){.p6-exfacts,.p6-oldnew,.p6-two,.p6-pay,.p6-paysteps{grid-template-columns:minmax(0,1fr)}.p6-slices{grid-template-columns:repeat(2,minmax(0,1fr))}.p6-exhero .p6-onDark{margin-left:0}}
@media (max-width:380px){.p6-slices{grid-template-columns:minmax(0,1fr)}}

.t7-tl .p6-tag{margin-top:4px}
.p6-trees .p6-tree li{align-items:center;padding:7px 0 7px 12px}
.p6-tree li::before{top:50%}.p6-tree li::after{top:calc(50% - 4px)}
.p6-slices{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:760px){.p6-slices{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== preview v3: the seven steps (poster) ===== */
.p7-road{list-style:none;margin:28px 0 26px;padding:0;position:relative;display:flex;flex-direction:column;gap:18px}
.p7-road::before{content:"";position:absolute;left:39px;top:30px;bottom:60px;width:4px;border-radius:4px;background:linear-gradient(#CFE892 0 56%,#27332D 56% 100%)}
.p7-st{position:relative;display:grid;grid-template-columns:82px minmax(0,1fr);gap:18px}
.p7-n{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;font-size:34px;font-weight:900;background:#27332D;color:#CFE892;border:6px solid #E7EFE4;position:relative;z-index:1}
.p7-free .p7-n{background:#CFE892;color:#27332D}
.p7-card{background:#F7F6F1;border:1px solid #AFC9B3;border-radius:22px;padding:22px 24px 20px;box-shadow:0 18px 40px -28px rgba(39,51,45,.55);display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px 26px;align-items:start}
.p7-st:first-child .p7-card{border:2px solid #27332D}
.p7-head{display:flex;align-items:center;gap:14px;margin-bottom:8px}
.p7-ic{flex:none;width:48px;height:48px;border-radius:14px;background:#EAF3E6;display:grid;place-items:center;color:#2F6B3A}
.p7-ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.trc5 .p7-head h3{margin:0;font-size:clamp(22px,2.6vw,30px);line-height:1.1;letter-spacing:-.015em;color:#27332D;font-weight:800}
.trc5 .p7-body p{margin:0;font-size:16.5px;line-height:1.5;color:#3E4C44}
.p7-body ul{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.p7-body li{background:rgba(207,232,146,.14);border:1px solid rgba(207,232,146,.4);border-radius:12px;padding:10px 14px 10px 40px;position:relative;font-weight:600;color:#F7F6F1}
.p7-body li::before{content:"";position:absolute;left:15px;top:15px;width:12px;height:7px;border-left:2.5px solid #CFE892;border-bottom:2.5px solid #CFE892;transform:rotate(-45deg)}
.p7-side{display:flex;flex-direction:column;gap:10px}
.p7-cost{border-radius:14px;padding:12px 14px;background:#EAF3E6}
.p7-cost small{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#56645B}
.p7-cost b{display:block;font-size:20px;line-height:1.15;color:#27332D;font-weight:800;margin-top:2px}
.p7-cost span{display:block;font-size:13.5px;color:#27332D;margin-top:4px;line-height:1.35}
.p7-free .p7-cost,.p7-paid .p7-cost{background:#CFE892}.p7-free .p7-cost small,.p7-paid .p7-cost small{color:#27332D}
.p7-gate{display:flex;align-items:center;gap:10px;font-weight:800;font-size:14px;color:#27332D}
.p7-gate i{width:26px;height:26px;transform:rotate(45deg);border:2.5px solid currentColor;border-radius:5px;display:grid;place-items:center;flex:none}
.p7-gate i::after{content:"";width:8px;height:8px;background:currentColor;border-radius:2px}
.p7-paid .p7-card{background:#27332D;border-color:#27332D}
.trc5 .p7-paid .p7-head h3{color:#CFE892}.trc5 .p7-paid .p7-body p{color:#D2DCD5}.p7-paid .p7-ic{background:rgba(207,232,146,.12);color:#CFE892}.p7-paid .p7-gate{color:#F7F6F1}
.p7-final .p7-card{background:linear-gradient(135deg,#714B67,#5A3B52);border:0}
.trc5 .p7-final .p7-head h3{color:#fff}.trc5 .p7-final .p7-body p{color:#F3E9F0}.p7-final .p7-ic{background:rgba(255,255,255,.14);color:#fff}
.p7-final .p7-n{background:#714B67;color:#fff}.p7-final .p7-cost{background:#fff}.p7-final .p7-cost b{color:#5A3B52}
@media (max-width:860px){.p7-card{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.p7-st{grid-template-columns:52px minmax(0,1fr);gap:10px}.p7-n{width:52px;height:52px;font-size:22px;border-width:4px}.p7-road::before{left:24px}.p7-card{padding:18px 16px}.p7-head{gap:10px}.p7-ic{width:40px;height:40px}}

/* ===== preview v4 ===== */
.p7-intro{text-align:center;margin-left:auto;margin-right:auto}
.p7-intro h2{margin-bottom:4px}
.trc5 .p7-sub{font-size:clamp(18px,2vw,22px);font-weight:800;color:#2F6B3A;margin:0 0 10px!important}
.p7-intro .t7-lead{margin-left:auto;margin-right:auto}
.p7-body .p7-note,.trc5 .p7-body .p7-note{font-size:13px!important;margin-top:10px!important;opacity:.85}
.p7-paid .p7-body .p7-note{color:#D2DCD5!important}
.p7-free .p7-body li,.p7-st:not(.p7-paid):not(.p7-final) .p7-body li{background:#EAF3E6;border-color:#AFC9B3;color:#27332D}
.p7-free .p7-body li::before,.p7-st:not(.p7-paid):not(.p7-final) .p7-body li::before{border-color:#2F6B3A}
.p7-seal{display:inline-flex;align-items:center;gap:6px;margin-top:12px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.45);color:#fff;font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:6px 12px}
.p7-seal::before{content:"";width:14px;height:14px;border-radius:50%;background:#CFE892;box-shadow:inset 0 0 0 3px #714B67}
.p7-deal{background:#F7F6F1;border:1px solid #AFC9B3;border-radius:22px;padding:clamp(20px,3.5vw,34px);margin:22px 0}
.p7-deal h2{margin:4px 0 16px!important;font-size:clamp(22px,2.6vw,30px)!important;color:#27332D}
.p7-deal ol{margin:0;padding:0;list-style:none;counter-reset:d;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px}
.p7-deal li{counter-increment:d;position:relative;padding:8px 0 8px 40px;color:#2F3B35;font-size:15.5px;line-height:1.45;border-bottom:1px dashed #D3E0D3}
.p7-deal li::before{content:counter(d);position:absolute;left:0;top:7px;width:28px;height:28px;border-radius:50%;background:#27332D;color:#CFE892;font-weight:800;font-size:13px;display:grid;place-items:center}
.trc5 .p7-star{margin:14px 0 0!important;font-size:13px;color:#D2DCD5!important}
.p7-eds{margin-top:8px}
.p7-edsin{background:#27332D;border-radius:26px;padding:clamp(24px,4vw,44px);color:#F7F6F1}
.p7-edshead{max-width:40em;margin-bottom:22px}.p7-edshead .p6-k{color:#CFE892}
.p7-edshead h2{color:#CFE892!important;margin:6px 0 8px}.trc5 .p7-edshead p{color:#D2DCD5!important}
.p7-eds ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.p7-eds li>a,.p7-eds li>div{display:flex;flex-direction:column;gap:6px;height:100%;background:rgba(255,255,255,.06);border:1px solid rgba(207,232,146,.3);border-radius:18px;padding:20px;color:#F7F6F1;text-decoration:none}
.p7-eds li>a{background:#CFE892;border-color:#CFE892;color:#27332D}
.p7-eds b{font-size:19px}.p7-eds span{font-size:14px;line-height:1.45;opacity:.9}
.p7-eds em{font-style:normal;margin-top:auto;padding-top:8px;font-weight:800;font-size:13px;letter-spacing:.04em}
.p7-eds li>div em{color:#CFE892;opacity:.8}
@media (max-width:900px){.p7-eds ul{grid-template-columns:repeat(2,minmax(0,1fr))}.p7-deal ol{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.p7-eds ul{grid-template-columns:minmax(0,1fr)}}

/* R1.6: Pricing (P6) */
.p6-pr{--em:#27332D;--em2:#2F3E37;--em3:#3A4B42;--card:#F7F6F1;--soft:#EAF3E6;--ink:#27332D;--muted:#3E4C44;--line:#AFC9B3;--acc:#2F6B3A;--lime:#CFE892;--plum:#714B67;--on:#F7F6F1;--dsage:#D2DCD5;--dl:#B4C1B9;color:var(--ink);font-size:15px;line-height:1.5;max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,40px) 56px;box-sizing:border-box}
.p6-pr *{box-sizing:border-box}
.p6-pr svg{display:block}
.p6-pr .crumb{display:block;font-size:14px;color:var(--muted);padding:18px 0 14px;overflow-wrap:anywhere}
.p6-pr .crumb a{color:var(--acc)}
.p6-pr .t5-btn,.p6-pr .btn{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-weight:800;font-size:16px;border:0;border-radius:14px;padding:14px 22px;background:var(--lime);color:var(--em);cursor:pointer;text-decoration:none;max-width:100%;text-align:center}
.p6-pr .hero{background:radial-gradient(900px 420px at 88% -10%,#4A6B54 0,transparent 62%),radial-gradient(600px 300px at 0% 110%,#33473C 0,transparent 70%),var(--em);color:var(--on);border-radius:32px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(39,51,45,.55)}
.p6-pr .hin{padding:clamp(28px,5vw,56px) clamp(20px,4vw,52px)}
.p6-pr .tag{display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--em);background:var(--lime);padding:4px 11px;border-radius:999px}
.p6-pr .hero h1{font-weight:800;font-size:clamp(36px,6.6vw,72px);line-height:1;margin:18px 0 14px;letter-spacing:-.02em;text-wrap:balance;max-width:15ch;color:var(--on)}
.p6-pr .hero h1 em{font-style:normal;color:var(--lime)}
.p6-pr .lede{font-size:clamp(16px,2vw,19px);color:var(--dsage);max-width:58ch;margin:0}
.p6-pr .cur{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;align-items:center}
.p6-pr .cur button{display:inline-flex;align-items:center;gap:10px;font:inherit;font-weight:800;font-size:16px;border:2px solid var(--em3);border-radius:16px;padding:10px 16px 10px 10px;background:var(--em2);color:var(--on);cursor:pointer}
.p6-pr .cur button[aria-pressed="true"]{background:var(--lime);color:var(--em);border-color:var(--lime)}
.p6-pr .cur button:focus-visible{outline:3px solid var(--lime);outline-offset:2px}
.p6-pr .flag{width:34px;height:22px;border-radius:4px;overflow:hidden;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.2)}
.p6-pr .za{color:var(--dl);font-size:14px;font-weight:600}
.p6-pr .qa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:30px}
.p6-pr .q{background:var(--em2);border:1px solid var(--em3);border-radius:22px;padding:20px 22px;min-width:0}
.p6-pr .qk{display:block;font-size:clamp(20px,2.4vw,26px);font-weight:800;color:var(--lime);line-height:1.15;margin-bottom:8px}
.p6-pr .q p{margin:0;color:var(--dsage);font-size:16px}
.p6-pr .q p b{color:var(--on)}
.p6-pr .hcta{margin:26px 0 0}
.p6-pr .block{padding-top:clamp(40px,6vw,64px)}
.p6-pr .kick{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--acc);margin-bottom:8px}
.p6-pr h2.sec{font-size:clamp(26px,3.6vw,40px);font-weight:800;letter-spacing:-.015em;line-height:1.08;margin:0 0 8px;color:var(--ink);text-wrap:balance}
.p6-pr p.secsub{color:var(--muted);margin:0 0 24px;max-width:68ch;font-size:16px}
.p6-pr .ladder{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:none}
.p6-pr .ladder li{position:relative;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px 18px 18px;display:flex;flex-direction:column;gap:6px;min-width:0;box-shadow:0 14px 28px -22px rgba(39,51,45,.45)}
.p6-pr .ladder .n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--acc);font-weight:800;font-size:15px}
.p6-pr .ladder .pill{position:absolute;top:20px;right:16px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:3px 10px;background:var(--lime);color:var(--em)}
.p6-pr .ladder b{font-size:18px;font-weight:800;margin-top:6px;line-height:1.2}
.p6-pr .ladder li > span:last-child{font-size:14px;color:var(--muted);line-height:1.45}
.p6-pr .ladder li.key{border:2px solid var(--acc)}
.p6-pr .ladder li.key .n{background:var(--acc);color:#fff}
.p6-pr .ladder li.paid,.p6-pr .ladder li.dec{background:var(--em);border-color:var(--em);color:var(--on)}
.p6-pr .ladder li.paid .n,.p6-pr .ladder li.dec .n{background:var(--lime);color:var(--em)}
.p6-pr .ladder li.paid .pill{background:transparent;color:var(--lime);border:1px solid var(--lime)}
.p6-pr .ladder li.dec{background:var(--plum);border-color:var(--plum)}
.p6-pr .ladder li.dec .pill{background:#fff;color:var(--plum)}
.p6-pr .ladder li.paid > span:last-child,.p6-pr .ladder li.dec > span:last-child{color:var(--dsage)}
.p6-pr .ladder li.dec > span:last-child{color:#F1E6EE}
.p6-pr .why{margin:18px 0 0;font-size:15px;color:var(--muted);max-width:80ch}
.p6-pr .why a{color:var(--acc);font-weight:700}
.p6-pr .call{background:var(--soft);border:1px solid var(--line);border-radius:32px;padding:clamp(22px,4vw,40px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:28px;align-items:start}
.p6-pr .callh .tag{background:var(--em);color:var(--lime)}
.p6-pr .callh h2.sec{margin-top:14px}
.p6-pr .abcd{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.p6-pr .abcd li{background:var(--card);border-radius:20px;padding:18px;display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:14px;row-gap:4px;min-width:0;box-shadow:0 14px 28px -22px rgba(39,51,45,.45)}
.p6-pr .abcd .L{grid-row:span 2;width:52px;height:52px;border-radius:16px;background:var(--em);color:var(--lime);display:grid;place-items:center;font-size:26px;font-weight:800}
.p6-pr .abcd li:last-child .L{background:var(--lime);color:var(--em)}
.p6-pr .abcd b{font-size:17px;font-weight:800}
.p6-pr .abcd li > span:last-child{font-size:14px;color:var(--muted)}
.p6-pr .inc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.p6-pr .incl{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 16px;display:flex;gap:12px;align-items:center;min-width:0}
.p6-pr .incl > div:last-child{min-width:0}
.p6-pr .ic{flex:none;width:44px;height:44px;border-radius:13px;background:var(--soft);display:grid;place-items:center}
.p6-pr .ic svg{width:22px;height:22px;stroke:var(--acc);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.p6-pr .incl b{display:block;font-size:15px}
.p6-pr .incl span{font-size:13px;color:var(--muted)}
.p6-pr .wa{display:inline-flex;align-items:center;gap:4px;background:#1F8F4E;color:#fff!important;font-weight:800;font-size:12px!important;padding:2px 9px 2px 6px;border-radius:999px;white-space:nowrap;vertical-align:middle}
.p6-pr .wa svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:2;stroke-linejoin:round}
.p6-pr .plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch;padding-top:12px}
.p6-pr .plan{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:22px 20px;display:flex;flex-direction:column;gap:12px;min-width:0;position:relative;box-shadow:0 18px 36px -26px rgba(39,51,45,.5)}
.p6-pr .plan.pop{background:var(--em);border-color:var(--em);color:var(--on);box-shadow:0 30px 50px -26px rgba(39,51,45,.75)}
.p6-pr .ribbon{position:absolute;top:-12px;left:20px;background:var(--lime);color:var(--em);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.p6-pr .ptag{align-self:flex-start;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;padding:3px 9px;border-radius:999px;background:var(--soft);color:var(--acc)}
.p6-pr .pop .ptag{background:var(--em2);color:var(--lime)}
.p6-pr .plan h3{margin:0;font-size:26px;font-weight:800}
.p6-pr .who{margin:0;color:var(--muted);font-size:14px;min-height:3em}
.p6-pr .pop .who,.p6-pr .pop .lic,.p6-pr .pop .price small,.p6-pr .pop .price .from{color:var(--dsage)}
.p6-pr .price{font-variant-numeric:tabular-nums}
.p6-pr .price .from{font-size:12px;color:var(--muted);display:block;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.p6-pr .price b{font-size:clamp(34px,3.4vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1}
.p6-pr .pop .price b{color:var(--lime)}
.p6-pr .price small{font-size:14px;color:var(--muted)}
.p6-pr .lic{font-size:13px;color:var(--muted);margin:0}
.p6-pr .plan ul{margin:0;padding:0;list-style:none;display:grid;gap:7px;font-size:14px}
.p6-pr .plan li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px}
.p6-pr .plan li::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12l4 4 8-8' fill='none' stroke='%232F6B3A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;margin-top:1px}
.p6-pr .pop li::before{background-color:var(--lime)}
.p6-pr .meta{display:grid;gap:8px;border-top:1px dashed var(--line);padding-top:12px}
.p6-pr .pop .meta{border-color:var(--em3)}
.p6-pr .meta div{display:flex;flex-direction:column;gap:1px;font-size:13px}
.p6-pr .meta span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:800}
.p6-pr .pop .meta span{color:var(--dl)}
.p6-pr .cta{margin-top:auto;display:block;width:100%;text-align:center;font:inherit;font-weight:800;font-size:15px;border:0;cursor:pointer;padding:13px;border-radius:14px;background:var(--em);color:var(--lime)}
.p6-pr .pop .cta{background:var(--lime);color:var(--em)}
.p6-pr .cta.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}
.p6-pr .indic{margin-top:16px;display:flex;gap:10px;align-items:center;background:var(--card);border:1px solid var(--line);border-left:6px solid var(--acc);border-radius:0 14px 14px 0;padding:12px 16px;font-weight:700}
.p6-pr .ed-band{background:radial-gradient(700px 300px at 100% 0%,#8A5F7F 0,transparent 65%),var(--plum);color:#fff;border-radius:32px;padding:clamp(22px,4vw,40px);box-shadow:0 30px 60px -30px rgba(113,75,103,.6)}
.p6-pr .ed-band .tag{background:#fff;color:var(--plum)}
.p6-pr .ed-band h2.sec{color:#fff;margin-top:12px}
.p6-pr .ed-band p.secsub{color:#F1E6EE}
.p6-pr .eds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.p6-pr .ed{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);border-radius:22px;padding:20px;min-width:0;display:flex;flex-direction:column;gap:10px;color:#fff;text-decoration:none}
.p6-pr a.ed:hover{background:rgba(255,255,255,.16)}
.p6-pr .edi{width:50px;height:50px;border-radius:15px;background:#fff;display:grid;place-items:center}
.p6-pr .edi svg{width:26px;height:26px;stroke:var(--plum);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.p6-pr .ed h3{margin:0;font-size:21px;font-weight:800;color:#fff}
.p6-pr .ed ul{margin:0;padding-left:18px;display:grid;gap:4px;font-size:14px;color:#F6EEF3}
.p6-pr .mb{margin-top:auto;background:var(--lime);color:var(--em);border-radius:12px;padding:9px 12px;font-weight:800;font-size:13px}
.p6-pr .soon{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.p6-pr .soon > span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#F3DDEB}
.p6-pr .soon b{font-size:15px;font-weight:800;padding:9px 16px;border-radius:999px;color:var(--em)}
.p6-pr .calc{background:radial-gradient(800px 360px at 100% 0%,#3F5A49 0,transparent 60%),var(--em);color:var(--on);border-radius:32px;padding:clamp(22px,4vw,40px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:26px;align-items:start;box-shadow:0 30px 60px -30px rgba(39,51,45,.55)}
.p6-pr .calc h2.sec{color:var(--on);margin-top:12px}
.p6-pr .calc p.secsub{color:var(--dsage)}
.p6-pr .screen{background:var(--card);color:var(--ink);border-radius:22px;padding:20px;display:grid;gap:12px;box-shadow:0 24px 44px -20px rgba(0,0,0,.6);min-width:0}
.p6-pr .screen label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--muted);min-width:0}
.p6-pr .screen select,.p6-pr .screen input{font:inherit;font-weight:600;font-size:16px;padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);min-width:0;width:100%}
.p6-pr .screen select:focus-visible,.p6-pr .screen input:focus-visible{outline:2px solid var(--acc);outline-offset:1px}
.p6-pr .two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.p6-pr .hint{font-weight:500;font-size:12px;color:var(--muted)}
.p6-pr .total{background:var(--lime);color:var(--em);border-radius:16px;padding:14px 16px;font-variant-numeric:tabular-nums}
.p6-pr .total span{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.p6-pr .total b{display:block;font-size:clamp(30px,3.4vw,40px);font-weight:800;line-height:1.05}
.p6-pr .total small{font-size:13px}
.p6-pr .fine{font-size:12.5px;color:var(--dl);margin:14px 0 0}
.p6-pr .firm{margin-top:4px;background:var(--em2);border:1px solid var(--em3);border-radius:20px;padding:18px;display:grid;gap:10px;justify-items:start}
.p6-pr .firm b{font-size:19px;color:var(--lime)}
.p6-pr .firm span{color:var(--dsage);font-size:14px}
.p6-pr .specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.p6-pr .spec{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px;min-width:0;display:flex;flex-direction:column;gap:8px}
.p6-pr .spec.ai{border-top:6px solid var(--acc)}
.p6-pr .spec.hu{border-top:6px solid var(--plum)}
.p6-pr .kind{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--muted)}
.p6-pr .spec h3{margin:0;font-size:17px;font-weight:800}
.p6-pr .spec p{margin:0;font-size:14px;color:var(--muted)}
.p6-pr .pr{margin-top:auto;font-size:12px;font-weight:800;color:var(--plum)}
.p6-pr .extras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.p6-pr .ex{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px;min-width:0}
.p6-pr .ex h3{margin:10px 0 4px;font-size:17px;font-weight:800}
.p6-pr .ex p{margin:0;font-size:14px;color:var(--muted)}
.p6-pr .ex.hours{background:var(--em);border-color:var(--em);color:var(--on)}
.p6-pr .ex.hours .ic{background:var(--em2)}
.p6-pr .ex.hours .ic svg{stroke:var(--lime)}
.p6-pr .ex.hours p{color:var(--dsage)}
.p6-pr .ex .big{font-size:34px!important;font-weight:800;color:var(--lime)!important;line-height:1.1;margin:2px 0 6px!important}
.p6-pr .faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.p6-pr details{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 18px;min-width:0}
.p6-pr summary{cursor:pointer;font-weight:800}
.p6-pr details p{color:var(--muted);margin:8px 0 0}
.p6-pr .close{margin-top:24px;background:var(--lime);color:var(--em);border-radius:26px;padding:26px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.p6-pr .close h3{margin:0;font-size:24px;font-weight:800}
.p6-pr .close p{margin:4px 0 0}
.p6-pr .close .btn{background:var(--em);color:var(--lime)}
@media (max-width:1000px){.p6-pr .plans,.p6-pr .inc,.p6-pr .specs,.p6-pr .extras,.p6-pr .ladder{grid-template-columns:repeat(2,minmax(0,1fr))}
.p6-pr .eds{grid-template-columns:minmax(0,1fr)}
.p6-pr .calc,.p6-pr .call{grid-template-columns:minmax(0,1fr)}
.p6-pr .faq{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){.p6-pr .qa,.p6-pr .abcd{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){.p6-pr .plans,.p6-pr .inc,.p6-pr .specs,.p6-pr .extras,.p6-pr .ladder{grid-template-columns:minmax(0,1fr)}
.p6-pr .who{min-height:0}
.p6-pr .two{grid-template-columns:minmax(0,1fr)}
.p6-pr .hero{border-radius:24px}
.p6-pr .cur button{font-size:15px}
}
.p6-pr .free1{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;background:#CFE892;border-radius:20px;padding:22px 26px;color:#27332D}
.p6-pr .free1 b{font-size:24px;letter-spacing:-.01em}
.p6-pr .free1 span{flex:1 1 360px;font-size:16px;line-height:1.5}
.p6-pr .free1 a{color:#27332D;font-weight:700}
.p6-pr .every{margin:18px 0 6px;color:#3E4C44;font-size:15px;line-height:1.5}
.p6-pr .every a{color:#2F6B3A;font-weight:700}
.p6-pr .licb{display:inline-block;background:#714B67;color:#fff;font-weight:800;font-size:12.5px;letter-spacing:.02em;border-radius:999px;padding:4px 11px}
.p6-pr .pop .licb{background:#8E5F82}
.p6-pr .cmp{display:block;margin-top:26px;margin-bottom:0}
.p6-pr .cmpwrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:#F7F6F1;-webkit-overflow-scrolling:touch}
.p6-pr .cmp table{width:100%;min-width:760px;border-collapse:collapse;font-size:14px;table-layout:fixed}
.p6-pr .cmp th,.p6-pr .cmp td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.4}
.p6-pr .cmp thead th{background:#27332D;color:#CFE892;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.p6-pr .cmp thead th.pp{background:#2F6B3A;color:#fff}
.p6-pr .cmp tbody th{font-weight:800;color:#27332D;width:20%}
.p6-pr .cmp td.pp{background:#EAF3E6}
.p6-pr .cmp .tick{display:inline-block;color:#2F6B3A;font-weight:900;margin-right:6px}
.p6-pr .cmp tbody tr:last-child th,.p6-pr .cmp tbody tr:last-child td{border-bottom:0}
.p6-pr .cmpnote{margin:10px 2px 0;font-size:14px;color:var(--muted)}
@media (max-width:640px){.p6-pr .cmpwrap{overflow:visible;border:0;background:transparent}
.p6-pr .cmp table{min-width:0}
.p6-pr .cmp thead{display:none}
.p6-pr .cmp table,.p6-pr .cmp tbody,.p6-pr .cmp tr,.p6-pr .cmp th,.p6-pr .cmp td{display:block;width:100%}
.p6-pr .cmp tr{background:#F7F6F1;border:1px solid var(--line);border-radius:14px;margin-bottom:10px;padding:6px 0}
.p6-pr .cmp tbody th{width:100%;border-bottom:1px solid var(--line)}
.p6-pr .cmp td{border-bottom:0;padding:6px 14px}
.p6-pr .cmp td::before{content:attr(data-plan);display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.p6-pr .cmp td.pp{background:#EAF3E6}

}
.p6-pr .cmp .tick.no{display:none}


/* R1.6: Furniture Edition (P6) */
/* Five-page preview, 5 Nov 2026: Furniture Edition page. Every rule under .p6-fu. */
.p6-fu{--em:#27332D;--em2:#33433A;--em3:#3E5047;--bg:#DCE9DA;--card:#F7F6F1;--soft:#EAF3E6;--acc:#2F6B3A;--lime:#CFE892;--lime2:#E6F2C6;--rule:#AFC9B3;--ink:#27332D;--txt:#3E4C44;--muted:#56645B;--plum:#714B67;--plum2:#F1E6EE;--on:#F7F6F1;--sage:#C9D4CC;--coral:#C8590F;
  color:var(--ink);font-family:inherit;font-size:16px;line-height:1.5;max-width:1200px;margin:0 auto;overflow-wrap:anywhere}
.p6-fu *{box-sizing:border-box}
.p6-fu svg{display:block}
.p6-fu .crumb{font-size:14px;color:var(--muted);margin:0 0 18px;display:flex;flex-wrap:wrap;gap:4px}
.p6-fu .crumb a{color:var(--acc)}
.p6-fu .p6fu-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:800;font-size:16px;text-decoration:none;padding:14px 22px;border-radius:14px;border:0;cursor:pointer;background:var(--lime);color:var(--em);box-shadow:0 10px 24px -14px rgba(0,0,0,.5)}
.p6-fu .p6fu-btn.ghost{background:transparent;color:var(--on);border:1px solid rgba(255,255,255,.45);box-shadow:none}
/* hero */
.p6-fu .p6fu-hero{border-radius:28px;color:var(--on);background:radial-gradient(900px 420px at 88% -10%,#4A6155 0,transparent 60%),var(--em);padding:clamp(24px,4vw,48px);box-shadow:0 30px 60px -36px rgba(20,30,25,.7)}
.p6-fu .p6fu-hgrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:center}
.p6-fu .p6fu-tag{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#fff;background:var(--plum);padding:5px 12px;border-radius:999px}
.p6-fu .p6fu-hero h1{font-weight:800;font-size:clamp(34px,5.6vw,62px);line-height:1.02;margin:16px 0 14px;letter-spacing:-.02em;color:var(--on)}
.p6-fu .p6fu-hero h1 em{font-style:normal;color:var(--lime)}
.p6-fu .p6fu-lede{font-size:clamp(16px,2vw,19px);color:var(--sage);max-width:56ch;margin:0}
.p6-fu .p6fu-move{margin:14px 0 0;font-weight:700;color:#fff}
.p6-fu .p6fu-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.p6-fu .p6fu-room{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:18px}
.p6-fu .p6fu-room svg{width:100%;height:auto}
.p6-fu .p6fu-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:30px}
.p6-fu .p6fu-stat{background:var(--em2);border:1px solid var(--em3);border-radius:18px;padding:16px 18px}
.p6-fu .p6fu-stat b{display:block;font-size:clamp(26px,3vw,36px);font-weight:800;color:var(--lime);line-height:1;margin-bottom:6px}
.p6-fu .p6fu-stat span{font-size:14px;color:var(--sage)}
/* sections */
.p6-fu .p6fu-block{padding-top:clamp(40px,6vw,64px)}
.p6-fu h2.p6fu-sec{font-size:clamp(26px,3.4vw,40px);font-weight:800;letter-spacing:-.01em;line-height:1.1;margin:0 0 6px;color:var(--ink)}
.p6-fu .p6fu-sub{color:var(--txt);margin:0 0 22px;max-width:68ch}
/* report */
.p6-fu .p6fu-report{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:20px;align-items:start}
.p6-fu .p6fu-intro{background:var(--em);color:var(--on);border-radius:24px;padding:26px}
.p6-fu .p6fu-intro h2.p6fu-sec{color:var(--on);margin-top:12px}
.p6-fu .p6fu-intro p{color:var(--sage);margin:0 0 14px}
.p6-fu .p6fu-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 20px}
.p6-fu .p6fu-facts div{background:var(--em2);border-radius:14px;padding:12px 14px}
.p6-fu .p6fu-facts b{display:block;font-size:24px;color:var(--lime);font-weight:800;line-height:1.1}
.p6-fu .p6fu-facts span{font-size:13px;color:var(--sage)}
.p6-fu .p6fu-fict{display:inline-block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;background:var(--coral);color:#fff;padding:3px 10px;border-radius:999px}
.p6-fu .p6fu-doc{background:var(--card);border:1px solid var(--rule);border-radius:24px;overflow:hidden;box-shadow:0 22px 44px -26px rgba(20,30,25,.45)}
.p6-fu .p6fu-doch{background:var(--em);color:var(--on);padding:16px 20px;display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.p6-fu .p6fu-doch b{font-size:18px}.p6-fu .p6fu-doch span{font-size:12px;color:var(--sage)}
.p6-fu .p6fu-docb{padding:18px 20px;display:grid;gap:16px}
.p6-fu .p6fu-ds h4{margin:0 0 8px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--plum)}
.p6-fu .p6fu-ds p{margin:0;font-size:14px;color:var(--txt)}
.p6-fu .p6fu-cost{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.p6-fu .p6fu-cost div{background:var(--soft);border:1px solid var(--rule);border-radius:12px;padding:10px 12px}
.p6-fu .p6fu-cost b{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin-bottom:4px}
.p6-fu .p6fu-cost span{font-size:13px;color:var(--txt)}
.p6-fu .p6fu-chg{display:grid;gap:6px}
.p6-fu .p6fu-chg div{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:8px;align-items:center;font-size:13px}
.p6-fu .p6fu-chg .t{background:var(--soft);border-radius:9px;padding:8px 10px;color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(86,100,91,.45)}
.p6-fu .p6fu-chg .w{background:var(--lime2);border-radius:9px;padding:8px 10px;font-weight:600;color:var(--ink)}
.p6-fu .p6fu-chg i{font-style:normal;text-align:center;color:var(--acc);font-weight:800}
.p6-fu .p6fu-roi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.p6-fu .p6fu-roi div{text-align:center;background:var(--plum2);border-radius:12px;padding:10px 6px}
.p6-fu .p6fu-roi b{display:block;font-size:14px}.p6-fu .p6fu-roi span{font-size:12px;color:var(--muted)}
.p6-fu .p6fu-docf{padding:0 20px 20px}
.p6-fu .p6fu-docf .p6fu-btn{width:100%;background:var(--em);color:var(--lime)}
/* features */
.p6-fu .p6fu-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.p6-fu .p6fu-feat{background:var(--card);border:1px solid var(--rule);border-radius:20px;padding:20px;min-width:0;box-shadow:0 14px 30px -24px rgba(20,30,25,.4)}
.p6-fu .p6fu-ic{width:46px;height:46px;border-radius:14px;background:var(--em);display:grid;place-items:center;margin-bottom:12px}
.p6-fu .p6fu-ic svg{width:24px;height:24px;stroke:var(--lime);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.p6-fu .p6fu-feat h3{margin:0 0 4px;font-size:17px;font-weight:800;color:var(--ink)}
.p6-fu .p6fu-feat p{margin:0;font-size:14px;color:var(--txt)}
/* road */
.p6-fu .p6fu-road{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0}
.p6-fu .p6fu-stop{position:relative;background:var(--card);border:1px solid var(--rule);border-radius:18px;padding:16px;min-width:0}
.p6-fu .p6fu-n{width:34px;height:34px;border-radius:11px;background:var(--em);color:var(--lime);display:grid;place-items:center;font-weight:800;margin-bottom:10px}
.p6-fu .p6fu-stop h3{margin:0 0 4px;font-size:16px;font-weight:800;color:var(--ink)}
.p6-fu .p6fu-stop p{margin:0;font-size:13px;color:var(--txt)}
.p6-fu .p6fu-free{position:absolute;top:16px;right:14px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:3px 9px;background:var(--lime);color:var(--em)}
.p6-fu .p6fu-stop.paid .p6fu-free{background:transparent;color:var(--acc);border:1px solid var(--acc)}
.p6-fu .p6fu-stop.hi{border:2px solid var(--plum)}.p6-fu .p6fu-stop.hi .p6fu-n{background:var(--plum);color:#fff}
.p6-fu .p6fu-stop.dec{background:var(--em);border-color:var(--em)}.p6-fu .p6fu-stop.dec h3{color:var(--on)}.p6-fu .p6fu-stop.dec p{color:var(--sage)}.p6-fu .p6fu-stop.dec .p6fu-n{background:var(--lime);color:var(--em)}
.p6-fu .p6fu-stop.dec .p6fu-free{background:transparent;color:var(--lime);border:1px solid var(--lime)}
/* promises */
.p6-fu .p6fu-stamps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.p6-fu .p6fu-stamp{border-radius:22px;padding:24px;min-width:0;color:var(--on);background:var(--em)}
.p6-fu .p6fu-stamp:nth-child(2){background:var(--plum)}.p6-fu .p6fu-stamp:nth-child(3){background:var(--em3)}
.p6-fu .p6fu-stamp b{display:block;font-size:clamp(22px,2.4vw,28px);font-weight:800;line-height:1.1;margin-bottom:10px}
.p6-fu .p6fu-stamp b em{font-style:normal;color:var(--lime)}
.p6-fu .p6fu-stamp p{margin:0;font-size:15px;color:#E8ECE6}
.p6-fu .p6fu-close{margin-top:22px;background:var(--lime);color:var(--em);border-radius:24px;padding:26px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.p6-fu .p6fu-close h3{margin:0;font-size:clamp(20px,2.4vw,26px);font-weight:800}
.p6-fu .p6fu-close p{margin:4px 0 0}
.p6-fu .p6fu-close .row{display:flex;flex-wrap:wrap;gap:10px}
.p6-fu .p6fu-close .p6fu-btn{background:var(--em);color:var(--lime)}
.p6-fu .p6fu-close .p6fu-btn.alt{background:transparent;color:var(--em);border:1px solid var(--em);box-shadow:none}
.p6-fu .p6fu-target{margin:12px 0 0;font-size:13px;color:var(--muted)}
.p6-fu .p6fu-review{margin:24px 0 8px;border:1px dashed #7A5A12;border-radius:14px;padding:14px 18px;font-size:14px;color:var(--txt);background:rgba(255,255,255,.4)}
.p6-fu .p6fu-review b{color:#7A5A12}
@media (max-width:1000px){.p6-fu .p6fu-hgrid,.p6-fu .p6fu-report{grid-template-columns:minmax(0,1fr)}.p6-fu .p6fu-feats,.p6-fu .p6fu-road,.p6-fu .p6fu-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.p6-fu .p6fu-stamps{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.p6-fu .p6fu-feats,.p6-fu .p6fu-road,.p6-fu .p6fu-cost{grid-template-columns:minmax(0,1fr)}.p6-fu .p6fu-roi{grid-template-columns:1fr 1fr}.p6-fu .p6fu-chg div{grid-template-columns:minmax(0,1fr);gap:4px}.p6-fu .p6fu-chg i{display:none}.p6-fu .p6fu-hero{border-radius:22px}.p6-fu .p6fu-ctas .p6fu-btn{width:100%}}

.p6-fu .p6fu-feat{position:relative}
.p6-fu .p6fu-std{position:absolute;top:18px;right:16px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#CFE892;color:#27332D;border-radius:999px;padding:3px 9px}

/* R1.6: Pricing timeline band (when you get your price, when you commit) */
.p6-pr .p6-band{margin:22px 0 4px;padding:18px 18px 12px;border:1px solid rgba(207,232,146,.28);border-radius:18px;background:rgba(255,255,255,.04)}
.p6-pr .p6-bk{margin:0 0 12px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#CFE892}
.p6-pr .p6-bgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:8px}
.p6-pr .p6-bfree{grid-column:1/5;text-align:center;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#27332D;background:#CFE892;border-radius:999px;padding:3px 0;margin-bottom:10px}
.p6-pr .p6-band ol{grid-column:1/8;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0}
.p6-pr .p6-band li{display:flex;flex-direction:column;gap:4px;padding:10px 8px;border-radius:12px;background:rgba(255,255,255,.06);color:#EEF3EA;min-width:0}
.p6-pr .p6-band li b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#EEF3EA;color:#27332D;font-size:13px}
.p6-pr .p6-band li span{font-size:13px;font-weight:700;line-height:1.3}
.p6-pr .p6-band li em{font-style:normal;font-size:12px;font-weight:800;line-height:1.3;color:#CFE892}
.p6-pr .p6-band li.p6-px{box-shadow:inset 0 0 0 2px #CFE892}
.p6-pr .p6-band li.p6-cm{background:#CFE892;color:#27332D}
.p6-pr .p6-band li.p6-cm em{color:#27332D}
.p6-pr .p6-band li.p6-fn{background:#5E3A57}
.p6-pr .p6-band li.p6-fn em{color:#F3D9EC}
.p6-pr .p6-tc{margin:8px 2px 0;font-size:12.5px;color:rgba(238,243,234,.75)}
@media (max-width:820px){
.p6-pr .p6-bgrid{display:block}
.p6-pr .p6-bfree{display:inline-block;padding:3px 12px}
.p6-pr .p6-band ol{grid-template-columns:1fr;gap:6px}
.p6-pr .p6-band li{flex-direction:row;align-items:center;flex-wrap:wrap;gap:4px 10px}
.p6-pr .p6-band li span{flex:1 1 auto}
.p6-pr .p6-band li em{flex:0 0 100%;padding-left:36px}
.p6-pr .p6-band li.p6-f:not(.p6-px) em{display:none}
}

/* R1.6: Pricing comparison with a typical Odoo partner */
.p6-pr .p6-vs{overflow-x:auto;border:1px solid var(--line,#D3E0D3);border-radius:18px;background:#F7F6F1}
.p6-pr .p6-vs table{width:100%;min-width:620px;border-collapse:collapse;font-size:15px;table-layout:fixed}
.p6-pr .p6-vs th,.p6-pr .p6-vs td{padding:13px 16px;border-bottom:1px solid var(--line,#D3E0D3);text-align:left;vertical-align:top;line-height:1.45}
.p6-pr .p6-vs thead th{background:#27332D;color:#CFE892;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.p6-pr .p6-vs thead th.p6-us{background:#2F6B3A;color:#fff}
.p6-pr .p6-vs tbody th{width:22%;font-weight:800;color:#27332D}
.p6-pr .p6-vs td{color:#5B6A61}
.p6-pr .p6-vs td.p6-us{background:#EAF3E6;color:#27332D;font-weight:700}
.p6-pr .p6-vs tbody tr:last-child th,.p6-pr .p6-vs tbody tr:last-child td{border-bottom:0}
.p6-pr .p6-vsnote{margin:10px 2px 0;font-size:13.5px;color:var(--muted,#5B6A61)}
.p6-pr .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:640px){.p6-pr .p6-vs{overflow:visible;border:0;background:transparent}
.p6-pr .p6-vs table{min-width:0}.p6-pr .p6-vs thead{display:none}
.p6-pr .p6-vs table,.p6-pr .p6-vs tbody,.p6-pr .p6-vs tr,.p6-pr .p6-vs th,.p6-pr .p6-vs td{display:block;width:100%}
.p6-pr .p6-vs tr{background:#F7F6F1;border:1px solid var(--line,#D3E0D3);border-radius:14px;margin-bottom:10px;overflow:hidden}
.p6-pr .p6-vs td{border-bottom:0;padding:8px 16px}
.p6-pr .p6-vs td::before{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#5B6A61)}
.p6-pr .p6-vs td:not(.p6-us)::before{content:"Typical Odoo partner"}
.p6-pr .p6-vs td.p6-us::before{content:"TRC ERP"}}

/* R1.6: Edition feature labels */
.p6fu-std.p6fu-built{background:#5E3A57;color:#fff}
.p6fu-legend{margin:24px 2px 0;font-size:14.5px;line-height:1.55;color:var(--muted,#5B6A61);max-width:860px}
.p6fu-legend b{color:#27332D}

/* R1.6: Explore page, why discovery matters */
.p6-ex .p6-why{max-width:900px}
.p6-ex .p6-why p{font-size:16.5px;line-height:1.6}
.p6-ex .p6-why a{color:#2F6B3A;font-weight:700}
.p6-ex .p6-whyend{font-weight:800;color:#27332D}

/* R1.6: Switching your Odoo partner? */
.p6-sw .p6-swlook{margin:0;padding-left:22px;font-size:16px;line-height:1.7;color:#27332D}
.p6-sw .p6-swhow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.p6-sw .p6-swhow li{background:#fff;border:1px solid #D3E0D3;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px}
.p6-sw .p6-swhow li b{color:#27332D;line-height:1.35}
.p6-sw .p6-swhow li p{margin:0;color:#5B6A61;font-size:14.5px;line-height:1.5}
@media (max-width:820px){.p6-sw .p6-swhow{grid-template-columns:1fr}}

/* R1.6: How engagements work has its own page heading (an h1, styled like the homepage's h2) */
.t7-intro h1.p7-h1{font-size:clamp(36px,4vw,56px);margin:0 0 4px;font-weight:500;line-height:1.1;letter-spacing:-.01em;color:#27332D}

/* R1.6: the site-wide table heading colour (#app main th) must not reach the Pricing tables' dark heading rows */
body:not(.trc5-home) #app main .p6-pr .cmp thead th,body:not(.trc5-home) #app main .p6-pr .p6-vs thead th{background:#27332D;color:#CFE892}
body:not(.trc5-home) #app main .p6-pr .cmp thead th.pp,body:not(.trc5-home) #app main .p6-pr .p6-vs thead th.p6-us{background:#2F6B3A;color:#fff}
body:not(.trc5-home) #app main .p6-pr .p6-vs tbody th{background:#EEF3EA}
/* R1.6: one line per menu item, now that "Switching partner" sits beside Pricing */
.t5-gbtn,.t5-plain{white-space:nowrap}
@media (min-width:981px) and (max-width:1440px){.t5-nav{gap:12px}.t5-gbtn,.t5-plain{font-size:14px;padding:8px 6px}}
@media (min-width:981px) and (max-width:1200px){.t5-hdr .t5-rg{display:none}}
@media (min-width:981px) and (max-width:1049px){.t5-hdr li:has(> [data-t5="samples"]){display:none}}
/* R1.6: five Explore session stages in one row on computers; space between the Explore story's paragraphs */
@media (min-width:1101px){.p6-slices{grid-template-columns:repeat(5,minmax(0,1fr))}}
.p6-ex .p6-why p{margin:0 0 12px}
@media (max-width:640px){.p6-pr .p6-vs tbody th{width:100%;box-sizing:border-box;border-bottom:1px solid var(--line,#D3E0D3)}}
/* R1.6: long step names wrap on the narrowest phones with larger text */
.p7-head,.p7-body{min-width:0}.p7-head h3{min-width:0;overflow-wrap:anywhere}

/* R1.7: homepage band under the 50/50/50 box, linking to Two routes */
.t5-xz{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 16px;margin-top:14px;padding:14px 18px;border-radius:16px;background:#27332D;color:#EEF3EA;text-decoration:none}
.t5-xzk{font-weight:800;color:#CFE892;font-size:15px;white-space:nowrap}
.t5-xzl{font-size:14.5px;line-height:1.4}
.t5-xzb{background:#CFE892;color:#27332D;font-weight:800;font-size:14px;border-radius:999px;padding:8px 16px;white-space:nowrap}
.t5-xz:hover .t5-xzb{background:#fff}
@media (max-width:640px){.t5-xz{grid-template-columns:1fr}.t5-xzb{justify-self:start}}

/* R1.7: Two routes, frame by frame */
.r7 .r7-heads,.r7 .r7-rows li,.r7 .r7-ends{display:grid;grid-template-columns:40px 1fr 1fr;gap:10px}
.r7 .r7-heads b{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:0 4px 6px}
.r7 .r7-ho{color:#7A8580}.r7 .r7-hn{color:#2F6B3A}
.r7 .r7-rows{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.r7 .r7-n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#27332D;color:#CFE892;font-weight:800;font-size:14px;margin-top:8px}
.r7 .r7-old,.r7 .r7-new{border-radius:14px;padding:12px 16px}
.r7 .r7-old{background:#ECEBE6;color:#5F6763;border:1px solid #DAD8D0}
.r7 .r7-new{background:#EAF3E6;color:#27332D;border:1px solid #CFE0C6;font-weight:600}
.r7 .r7-old p,.r7 .r7-new p{margin:0;font-size:15.5px;line-height:1.45}
.r7 .r7-ends{margin-top:12px}
.r7 .r7-ends p{margin:0;border-radius:14px;padding:14px 16px;font-weight:800;font-size:18px}
.r7 .r7-eo{background:#5F6763;color:#fff}.r7 .r7-en{background:#27332D;color:#CFE892}
.r7 .r7-ev ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.r7 .r7-ev li{background:#fff;border:1px solid #D3E0D3;border-radius:14px;padding:16px;display:flex;gap:14px;align-items:baseline}
.r7 .r7-ev b{font-size:34px;color:#27332D;line-height:1}
.r7 .r7-ev span{font-size:15px;line-height:1.45;color:#5B6A61}.r7 .r7-ev a{color:#2F6B3A;font-weight:700}
@media (max-width:760px){
.r7 .r7-heads{display:none}
.r7 .r7-rows li,.r7 .r7-ends{grid-template-columns:1fr;gap:6px}
.r7 .r7-n{margin:0}
.r7 .r7-old::before,.r7 .r7-new::before{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}
.r7 .r7-old::before{content:"The traditional road"}.r7 .r7-new::before{content:"The TRC route";color:#2F6B3A}
.r7 .r7-ends span{display:none}
.r7 .r7-ev ul{grid-template-columns:1fr}}

/* R2.0 (7 Nov 2026): sector cards, Edition pages with benefit ribbons, the tilted sample CORE report, Editions index, How our AI works */
.t5-proof .t5-about{margin-left:8px;font-size:.85em;font-weight:700;color:inherit;text-decoration:underline;text-underline-offset:3px}
.trc5 .p7-eds ul.p20-sects{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.trc5 .p7-eds ul.p20-sects li a{display:flex;flex-direction:column;gap:6px;height:100%}
.trc5 .p7-eds ul.p20-sects li a em{margin-top:auto}
.trc5 .p20-all{margin:16px 0 0;font-weight:800}
.trc5 .p20-all a{color:#CFE892;text-decoration:underline;text-underline-offset:3px}
@media (max-width:1100px){.trc5 .p7-eds ul.p20-sects{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.trc5 .p7-eds ul.p20-sects{grid-template-columns:minmax(0,1fr)}}
.p6-fu .p20-rib{position:absolute;top:22px;left:72px;display:flex;gap:4px}
.p6-fu .p20-rib i{display:block;width:12px;height:12px;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.p6-fu .p20-legend{background:var(--card);border:1px solid var(--rule);border-radius:18px;padding:16px 18px;margin:6px 0 16px}
.p6-fu .p20-lk{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--txt)}
.p6-fu .p20-legend ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 18px}
.p6-fu .p20-legend li{display:grid;grid-template-columns:14px minmax(0,1fr);column-gap:8px;font-size:13.5px;line-height:1.35}
.p6-fu .p20-legend li i{width:12px;height:12px;border-radius:2px;margin-top:3px;grid-row:span 2}
.p6-fu .p20-legend li b{color:var(--ink)}
.p6-fu .p20-legend li span{color:var(--txt);font-size:12.5px}
.p6-fu .p20-src{margin:10px 0 0;font-size:12px;color:var(--txt)}
.p6-fu .p20-src a{color:inherit}
@media (max-width:900px){.p6-fu .p20-legend ul{grid-template-columns:minmax(0,1fr)}}
.p20-sample{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:28px;align-items:center;background:var(--card);border:1px solid var(--rule);border-radius:24px;padding:26px}
.p20-sample h2,.p20-sample h3{margin:6px 0 8px}
.p20-sacts{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0}
.p20-mini{position:relative;display:block;justify-self:center;width:min(100%,250px);transform:rotate(-5deg);border-radius:10px;box-shadow:0 28px 46px -22px rgba(20,30,25,.55);transition:transform .25s ease;text-decoration:none}
.p20-mini img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--rule);background:#fff}
.p20-mini span{position:absolute;left:12px;bottom:12px;background:#27332D;color:#CFE892;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 10px}
.p20-mini:hover,.p20-mini:focus-visible{transform:rotate(-2deg) translateY(-4px)}
.p20-mini.big{width:min(100%,220px)}
.p6-fu .p20-docwrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center}
@media (max-width:900px){.p20-sample{grid-template-columns:minmax(0,1fr)}.p6-fu .p20-docwrap{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.p20-mini{transition:none}}
.p20-idx .p20-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.p20-idx .p20-ec{display:flex;flex-direction:column;gap:6px;background:var(--card);border:1px solid var(--rule);border-radius:20px;padding:20px;text-decoration:none;color:var(--ink);box-shadow:0 14px 30px -24px rgba(20,30,25,.4)}
.p20-idx .p20-ec b{font-size:18px}
.p20-idx .p20-ec span{color:var(--txt);font-size:14px}
.p20-idx .p20-ec ul{margin:4px 0 0;padding-left:18px;font-size:13.5px;color:var(--txt)}
.p20-idx .p20-ec em{margin-top:auto;font-style:normal;font-weight:800;padding-top:8px}
.p20-idx .p20-sample-s{margin-top:18px}
@media (max-width:1000px){.p20-idx .p20-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.p20-idx .p20-grid{grid-template-columns:minmax(0,1fr)}}
.r8-line{margin:16px 0 0;font-weight:700}
.r8-line a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.p8-ai .p8-rules{margin:0;padding-left:22px;display:grid;gap:8px;font-size:16px}
.p20-exp .t5-ctas{margin-top:14px}
.p8-ai .p6-swhow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.p8-ai .p6-swhow li{background:#fff;border:1px solid #D3E0D3;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px}
.p8-ai .p6-swhow li b{color:#27332D;line-height:1.35}
.p8-ai .p6-swhow li p{margin:0;color:#5B6A61;font-size:14.5px;line-height:1.5}
@media (max-width:820px){.p8-ai .p6-swhow{grid-template-columns:1fr}}

.p20-hero h1{font-size:clamp(34px,4.2vw,54px);line-height:1.08}
.p20-hero .p20-sub{color:#CFE892;font-size:clamp(20px,2vw,26px);line-height:1.3;font-weight:500;margin:14px 0 0;max-width:900px}
.p20-hero .p20-sub+.p6fu-lede{margin-top:18px}
/* R2.1: Generalist or specialist (#/two-routes) */
.trc5.g21 .g21-phs{list-style:none;margin:0;padding:0;display:grid;gap:26px}
.trc5.g21 .g21-ph h3{font-size:22px;margin:0 0 10px;color:#27332D}
.trc5.g21 .g21-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.trc5.g21 .g21-gen,.trc5.g21 .g21-trc{border-radius:16px;padding:18px 20px;min-width:0}
.trc5.g21 .g21-gen{background:#F1F1EE;border:1px solid #DEDDD6;color:#3D4440}
.trc5.g21 .g21-trc{background:#FFFFFF;border:2px solid #CFE892;box-shadow:0 10px 26px -18px rgba(39,51,45,.45)}
.trc5.g21 .g21-who{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;color:#7A8580}
.trc5.g21 .g21-trc .g21-who{color:#2F6B3A}
.trc5.g21 .g21-pair b{display:block;font-size:18px;line-height:1.3;margin-bottom:6px;color:#1E2723}
.trc5.g21 .g21-pair p{margin:0;font-size:15.5px;line-height:1.55}
.trc5.g21 .g21-why .g21-dont{font-weight:800;font-size:18px;margin:0 0 10px}
.trc5.g21 .g21-stat{display:flex;gap:16px;align-items:flex-start;background:#27332D;color:#F7F6F1;border-radius:16px;padding:18px 20px}
.trc5.g21 .g21-stat b{font-size:40px;line-height:1;color:#CFE892;flex:none}
.trc5.g21 .g21-stat a{color:#CFE892}
.trc5.g21 .g21-tc{font-size:13px;color:#6B766F;margin-top:10px}
@media (max-width:760px){.trc5.g21 .g21-pair{grid-template-columns:1fr}}
/* R2.1: Switching partner contrast */
.trc5.p6-sw .p21-hc{background:#27332D;color:#F7F6F1;border-radius:20px;padding:28px 26px}
.trc5.p6-sw .p21-hc h2,.trc5.p6-sw .p21-hc .p6-lead{color:#F7F6F1}
.trc5.p6-sw .p21-hc .p6-k{color:#CFE892}
.trc5.p6-sw .p21-look{list-style:none;margin:16px 0 6px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.trc5.p6-sw .p21-look li{background:rgba(255,255,255,.07);border:1px solid rgba(207,232,146,.35);border-radius:12px;padding:12px 14px}
.trc5.p6-sw .p21-look b{display:block;color:#CFE892;margin-bottom:3px}
.trc5.p6-sw .p21-look span{font-size:14.5px;line-height:1.45}
.trc5.p6-sw .p21-ic h2{display:flex;align-items:center;gap:12px}
.trc5.p6-sw .p21-ic h2::before{content:"";flex:none;width:38px;height:38px;border-radius:11px;background-repeat:no-repeat;background-position:center;background-size:22px}
.trc5.p6-sw .p21-ic1 h2::before{background-color:#2F6FB5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 7h13l-3-3M20 17H7l3 3'/%3E%3C/svg%3E")}
.trc5.p6-sw .p21-ic2 h2::before{background-color:#E07A2E;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
/* R2.1: Explore Zone benefits and the won-or-lost bullets */
.trc5 .p21-ben li b{font-size:20px}
.trc5 .p21-ben li span{font-size:14.5px;line-height:1.45}
.trc5 .p21-won{list-style:none;margin:10px 0 14px;padding:0;display:grid;gap:10px}
.trc5 .p21-won li{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:start;background:#FFFFFF;border:1px solid #DDE4DA;border-left:5px solid #CFE892;border-radius:12px;padding:12px 16px}
.trc5 .p21-won li:first-child{border-left-color:#E07A2E}
.trc5 .p21-won li:nth-child(2){border-left-color:#C9A227}
.trc5 .p21-won b{font-weight:800;color:#27332D;font-size:17px}
.trc5 .p21-won li:first-child b{font-size:30px;line-height:1;color:#E07A2E}
@media (max-width:560px){.trc5 .p21-won li{grid-template-columns:1fr;gap:4px}}
/* R2.1: How delivery works on the seven steps */
.trc5.t6-deliv .d21-k{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#2F6B3A;margin:0 0 4px}
.trc5.t6-deliv .d21-gate{margin:12px 0 0;padding:9px 12px;border-radius:10px;background:#F2F7E4;font-size:14.5px}
.trc5.t6-deliv .d21-tc{font-size:13px;color:#6B766F}
.trc5.t6-deliv .d21-care{border-top:2px solid #CFE892}
/* R2.1: Pricing flags, lighter Q and A, timeline to step 8 */
.p6-pr .pr21-plh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px}
.p6-pr .pr21-plh h2.sec{margin:0}
.p6-pr .cur.pr21-cur{margin-top:0;gap:6px}
.p6-pr .cur.pr21-cur button{font-size:13px;padding:5px 10px 5px 6px;border-radius:999px;gap:6px;background:#FFFFFF;color:#27332D;border:1.5px solid #CBD4CC}
.p6-pr .cur.pr21-cur button[aria-pressed="true"]{background:#27332D;color:#FFFFFF;border-color:#27332D}
.p6-pr .cur.pr21-cur .flag{width:20px;height:13px;border-radius:2px}
.p6-pr .cur.pr21-cur .za{font-size:12px;color:#6B766F}
.p6-pr .qa.pr21-qa .q{background:transparent;border:0;border-left:3px solid #CFE892;border-radius:0;padding:4px 0 4px 16px}
.p6-pr .p6-bgrid.pr21-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));column-gap:8px}
.p6-pr .pr21-grid .p6-bfree{grid-column:1/5}
.p6-pr .pr21-grid .pr21-paid,.p6-pr .pr21-grid .pr21-com{text-align:center;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 0;margin-bottom:10px}
.p6-pr .pr21-grid .pr21-paid{grid-column:5/6;background:#E9C46A;color:#27332D}
.p6-pr .pr21-grid .pr21-com{grid-column:6/9;background:#F3D9EC;color:#5E3A57}
.p6-pr .pr21-grid ol{grid-column:1/9;grid-template-columns:repeat(8,minmax(0,1fr))}
.p6-pr .pr21-grid li.pr21-xz{box-shadow:inset 0 0 0 2px #E9C46A}
.p6-pr .pr21-grid li.pr21-36{background:#7A4E72}
@media (max-width:900px){.p6-pr .p6-bgrid.pr21-grid{display:block}.p6-pr .pr21-grid .p6-bfree,.p6-pr .pr21-grid .pr21-paid,.p6-pr .pr21-grid .pr21-com{display:inline-block;padding:3px 12px;margin:0 6px 8px 0}.p6-pr .pr21-grid ol{grid-template-columns:1fr}}
/* R2.1: Editions index: sector tints, icons, key colors, buttons; thin sectors get room */
.trc5.p20-idx .p21-sect{background:var(--st);border-radius:22px;padding:24px 22px}
.trc5.p20-idx .p21-sect h2{display:flex;align-items:center;gap:12px;color:#1E2723}
.trc5.p20-idx .p21-hic{width:40px;height:40px;border-radius:12px;background:var(--sc);display:grid;place-items:center;flex:none}
.trc5.p20-idx .p21-hic svg,.trc5.p20-idx .p21-sic svg,.trc5.p20-idx .p21-eic svg{width:22px;height:22px;fill:none;stroke:#FFFFFF;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.trc5.p20-idx .p21-ec{position:relative;background:#FFFFFF;color:#1E2723;display:flex;flex-direction:column;gap:6px}
.trc5.p20-idx .p21-ec > span:not(.p21-sic):not(.p21-eic):not(.p21-keys){color:#2E3A34}
.trc5.p20-idx .p21-ec ul{color:#2E3A34}
.trc5.p20-idx .p21-sic{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:9px;background:var(--sc);display:grid;place-items:center}
.trc5.p20-idx .p21-sic svg{width:17px;height:17px}
.trc5.p20-idx .p21-eic{width:38px;height:38px;border-radius:11px;background:#27332D;display:grid;place-items:center}
.trc5.p20-idx .p21-keys{display:flex;gap:4px}
.trc5.p20-idx .p21-keys i{width:11px;height:11px;border-radius:3px;display:block}
.trc5.p20-idx .p21-acts{margin:auto 0 0;padding-top:8px;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.trc5.p20-idx .p21-see{font-size:14px;padding:9px 16px}
.trc5.p20-idx .p21-smp{font-size:14px;font-weight:700;color:#27332D;text-decoration:underline;text-underline-offset:3px}
.trc5.p20-idx .p21-body{display:block}
.trc5.p20-idx .p21-isthin .p21-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;align-items:start}
.trc5.p20-idx .p21-isthin .p20-grid{grid-template-columns:1fr}
.trc5.p20-idx .p21-thin{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.trc5.p20-idx .p21-thin p{margin:0;font-size:16px;line-height:1.55}
@media (max-width:820px){.trc5.p20-idx .p21-isthin .p21-body{grid-template-columns:1fr}}
.trc5 .p20-sects li a{position:relative;border-top:4px solid var(--sc)}
.trc5 .p20-sects .p21-bic{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:9px;background:var(--sc);display:grid;place-items:center}
.trc5 .p20-sects .p21-bic svg{width:17px;height:17px;fill:none;stroke:#FFFFFF;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.t5-pickg{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#6B766F;margin:14px 0 6px}
/* R2.1 final: generalist or specialist with the satisfaction index */
.trc5.g21 .g21-proc{font-size:28px;line-height:1.2;max-width:900px}
.trc5.g21 .g21-tracks{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 8px}
.trc5.g21 .g21-tk{border-radius:14px;padding:14px 18px}
.trc5.g21 .g21-tk b{display:block;font-size:22px;font-weight:800;letter-spacing:-.01em}
.trc5.g21 .g21-tk span{font-size:16px}
.trc5.g21 .g21-tkt{background:#27332D;color:#F7F6F1}.trc5.g21 .g21-tkt b{color:#CFE892}
.trc5.g21 .g21-tkg{background:#EDEBE5;color:#3D4440}
.trc5.g21 .g21-cap{font-size:15.5px;color:#3D4440;max-width:900px;margin:6px 0 22px}
.trc5.g21 .g21-ph h3{display:flex;align-items:center;gap:10px}
.trc5.g21 .g21-ph h3 span{width:30px;height:30px;border-radius:50%;background:#27332D;color:#CFE892;display:grid;place-items:center;font-size:15px;flex:none}
.trc5.g21 .g21-who{font-size:16px !important;font-weight:900 !important;letter-spacing:.06em;color:#1E2723 !important}
.trc5.g21 .g21-trc .g21-who{color:#2F6B3A !important}
.trc5.g21 .g21-pair ul{margin:8px 0 0;padding-left:18px;display:grid;gap:5px;font-size:15px;line-height:1.45}
.trc5.g21 .g21-sat{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.04);width:max-content;max-width:100%}
.trc5.g21 .g21-face svg{width:26px;height:26px;display:block;fill:none;stroke-width:1.8;stroke-linecap:round}
.trc5.g21 .g21-face .g21-e{fill:currentColor;stroke:none}
.trc5.g21 .g21-bar{width:70px;height:7px;border-radius:4px;background:rgba(0,0,0,.1);overflow:hidden}
.trc5.g21 .g21-bar i{display:block;height:100%;border-radius:4px;background:currentColor}
.trc5.g21 .g21-satl{font-size:13px;font-weight:700}
.trc5.g21 .g21-s1{color:#C0392B}.trc5.g21 .g21-s2{color:#E07A2E}.trc5.g21 .g21-s3{color:#B8901F}.trc5.g21 .g21-s4{color:#5E9E3A}.trc5.g21 .g21-s5{color:#2E7D4F}
.trc5.g21 .g21-face svg{stroke:currentColor}
.trc5 .t5-xz.t21-why .t5-xzl{font-size:24px;font-weight:800}
.trc5 .t5-xz.t21-why .t5-xzb{font-size:18px;padding:14px 26px;background:#CFE892;color:#27332D;border-radius:999px;font-weight:800}
@media (max-width:760px){.trc5.g21 .g21-tracks{grid-template-columns:1fr}.trc5.g21 .g21-proc{font-size:23px}}
.trc5 .p21-sup{font-size:18px;font-weight:600;color:#CFE892;margin:6px 0 0}
.trc5 .p21-kst{display:flex;gap:16px;align-items:flex-start;background:#27332D;color:#F7F6F1;border-radius:16px;padding:18px 20px;margin:10px 0 14px}
.trc5 .p21-kst b{font-size:40px;line-height:1;color:#CFE892;flex:none}
.trc5 .p21-kst a{color:#CFE892}
.trc5 .p21-make{font-size:18px;margin:0 0 6px}
.trc5.g21 .g21-sat{padding:8px 14px;background:#FFFFFF;border:1.5px solid currentColor}
.trc5.g21 .g21-face svg{width:34px;height:34px}
.trc5.g21 .g21-bar{width:110px;height:9px}
.trc5.g21 .g21-satl{font-size:14px}
.trc5.lib21 .lib21-h{font-size:30px;margin:6px 0 14px}
.trc5.lib21 .lib21-f{display:block;width:100%;min-height:1200px;border:0;border-radius:14px;background:#E9E6DD}