/* Lexora website — inner pages (Features, Why Lexora, Pricing, About). Same palette and type as the home page. */
:root{--green:#0B5A3C;--deep:#083E2A;--gold:#D4AF37;--rich:#B88A1B;--light:#E6C96A;--off:#F7F7F5;--char:#1E2A24;--slate:#5C6B63;--page:#0F2620;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--page);color:#E6EDE9;font:16px/1.6 "Instrument Sans",system-ui,-apple-system,sans-serif}
a{color:inherit}
img{max-width:100%}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
h1,h2,h3{text-wrap:balance}
.mono{font-family:"JetBrains Mono",ui-monospace,monospace}

/* header */
.site-head{position:sticky;top:0;z-index:20;background:rgba(15,38,32,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(212,175,55,.18)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:600 22px "Chakra Petch",sans-serif;letter-spacing:.06em}
.brand img{width:34px;height:auto}
.site-nav{display:flex;align-items:center;gap:22px;font:500 13px "Chakra Petch",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#b5c7bd}
.site-nav a{text-decoration:none;white-space:nowrap}
.site-nav a:hover,.site-nav a[aria-current="page"]{color:var(--gold)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 14px "Chakra Petch",sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:0;
  padding:13px 22px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.btn.gold{background:var(--gold);color:var(--deep)}.btn.gold:hover{background:var(--light)}
.btn.out{background:rgba(230,201,106,.12);color:var(--light);box-shadow:inset 0 0 0 1px rgba(230,201,106,.5)}
.site-nav .btn{padding:9px 16px;font-size:12px;color:var(--deep)}
.menu-toggle{display:none;background:none;border:1px solid rgba(212,175,55,.4);color:var(--light);font:600 12px "Chakra Petch",sans-serif;letter-spacing:.1em;padding:8px 12px;cursor:pointer}
@media (max-width:900px){
  .menu-toggle{display:inline-block}
  .site-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:flex-start;gap:0;background:#0F2620;border-bottom:1px solid rgba(212,175,55,.25);padding:8px max(16px,env(safe-area-inset-left,0px)) 16px}
  .site-nav a{padding:12px 0;width:100%}
  .site-nav .btn{margin-top:8px;width:auto}
  .site-head.open .site-nav{display:flex}
}

/* page hero */
.page-hero{background:radial-gradient(ellipse at 75% 30%,#0B5A3C 0%,#0E3A2C 40%,#0F2620 75%);padding-block:72px 56px;border-bottom:1px solid rgba(212,175,55,.15)}
.kicker{font:500 11px "JetBrains Mono",monospace;letter-spacing:.2em;color:var(--light);text-transform:uppercase;margin-bottom:16px}
.page-hero h1{font:600 clamp(34px,5.4vw,62px)/1.02 "Chakra Petch",sans-serif;text-transform:uppercase;margin:0 0 18px;max-width:18ch}
.page-hero h1 span{color:var(--gold)}
.lede{font-size:19px;line-height:1.6;color:#c2d2c9;max-width:60ch;margin:0}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}

/* sections */
section.block{padding-block:72px}
section.block + section.block{padding-top:24px}
.sec-k{font:500 11px "JetBrains Mono",monospace;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;margin-bottom:12px}
h2{font:600 clamp(26px,3.4vw,40px)/1.08 "Chakra Petch",sans-serif;text-transform:uppercase;margin:0 0 14px}
.sub{color:#a8bcb2;max-width:62ch;margin:0 0 32px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(212,175,55,.2);border:1px solid rgba(212,175,55,.2)}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.cell{background:#0F2620;padding:26px 24px;display:flex;flex-direction:column;gap:10px;min-width:0}
.cell .tag{font:500 10.5px "JetBrains Mono",monospace;letter-spacing:.14em;color:var(--gold);text-transform:uppercase}
.cell h3{margin:0;font:600 20px "Chakra Petch",sans-serif;letter-spacing:.02em}
.cell p{margin:0;color:#a8bcb2}
.cell ul{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:7px;color:#cbd8d1;font-size:15px}
.cell li{padding-left:16px;position:relative}.cell li::before{content:"◆";position:absolute;left:0;top:1px;font-size:8px;color:var(--gold)}
@media (max-width:900px){.grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.grid,.grid.two{grid-template-columns:1fr}}

/* feature rows */
.feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;padding-block:44px;border-top:1px solid rgba(212,175,55,.15)}
.feature:first-of-type{border-top:0}
.feature h3{font:600 26px/1.15 "Chakra Petch",sans-serif;text-transform:uppercase;margin:6px 0 10px}
.feature p{color:#b9cac1;margin:0 0 12px}
.feature ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.feature li{padding:12px 14px 12px 40px;position:relative;background:rgba(11,90,60,.28);border:1px solid rgba(212,175,55,.16)}
.feature li::before{content:"✓";position:absolute;left:14px;top:12px;color:var(--gold);font-weight:700}
.feature li b{color:#fff}
@media (max-width:860px){.feature{grid-template-columns:1fr;gap:18px}}

/* light (gold) band */
.band{background:linear-gradient(180deg,#E6C96A,#D4AF37);color:var(--deep)}
.band h2,.band .sec-k{color:var(--deep)}
.band .sub{color:#33443A}
.band .cell{background:rgba(255,255,255,.22);border:1px solid rgba(8,62,42,.2)}
.band .grid{background:transparent;border:0;gap:12px}
.band .cell p,.band .cell ul{color:#2B3A31}.band .cell .tag{color:var(--green)}.band .cell li::before{color:var(--green)}

/* numbers */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:8px 0 0}
.stat{border:1px solid rgba(212,175,55,.3);padding:22px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}
.stat b{display:block;font:600 40px/1 "Chakra Petch",sans-serif;color:var(--gold)}
.stat span{color:#b9cac1;font-size:14px}
@media (max-width:760px){.stats{grid-template-columns:1fr 1fr}}

/* comparison table */
.table-wrap{overflow-x:auto;border:1px solid rgba(212,175,55,.25)}
table.compare{width:100%;border-collapse:collapse;min-width:640px;font-size:15px}
.compare th,.compare td{padding:14px 16px;border-bottom:1px solid rgba(212,175,55,.14);text-align:left;vertical-align:top}
.compare thead th{font:600 13px "Chakra Petch",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--light);background:rgba(11,90,60,.35)}
.compare td:first-child{color:#e6ede9;font-weight:600}
.compare td{color:#b9cac1}
.compare .yes{color:var(--gold);font-weight:700}

/* pricing */
.bill{display:inline-flex;gap:4px;padding:4px;border:1px solid rgba(212,175,55,.4);margin-bottom:22px}
.bill button{font:600 13px "Chakra Petch",sans-serif;letter-spacing:.08em;text-transform:uppercase;border:0;background:transparent;color:var(--light);padding:10px 16px;cursor:pointer}
.bill button em{font-style:normal;font-family:"Instrument Sans",sans-serif;text-transform:none;letter-spacing:0;font-weight:500;opacity:.85;margin-left:4px}
.bill button[aria-pressed="true"]{background:var(--gold);color:var(--deep)}
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tier{padding:26px;border:1px solid rgba(212,175,55,.3);display:flex;flex-direction:column;gap:12px;min-width:0;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}
.tier.hot{background:var(--gold);color:var(--deep);border-color:var(--gold)}
.tier h3{margin:0;font:600 15px "Chakra Petch",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--light)}
.tier.hot h3{color:var(--deep)}
.tier .price{font:600 40px "Chakra Petch",sans-serif}
.tier .price small{font:500 13px "Instrument Sans",sans-serif;opacity:.75}
.tier .per{font:500 11px "JetBrains Mono",monospace;letter-spacing:.06em;opacity:.8;margin-top:-6px}
.tier ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:15px}
.tier li::before{content:"◆ ";font-size:9px;color:var(--gold);vertical-align:2px}
.tier.hot li::before{color:var(--deep)}
.tier .btn{margin-top:auto}
.tier.hot .btn.gold{background:var(--deep);color:var(--gold)}
.tier .note{font:500 10.5px "JetBrains Mono",monospace;letter-spacing:.06em;opacity:.8}
.founding{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;background:rgba(212,175,55,.12);border:1px solid rgba(212,175,55,.4);padding:14px 20px;margin-bottom:22px}
.founding b{color:var(--gold);font:600 14px "Chakra Petch",sans-serif;letter-spacing:.1em;text-transform:uppercase}
@media (max-width:860px){.tiers{grid-template-columns:1fr}}

/* FAQ */
.faq{display:grid;gap:10px;max-width:880px}
.faq details{border:1px solid rgba(212,175,55,.22);background:rgba(11,90,60,.18)}
.faq summary{cursor:pointer;padding:16px 18px;font:600 17px "Chakra Petch",sans-serif;letter-spacing:.02em;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::after{content:"+";color:var(--gold);font-size:22px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:0;padding:0 18px 16px;color:#b9cac1}

/* call to action + TLCLab */
.cta{padding-block:56px;text-align:center;border-top:1px solid rgba(212,175,55,.18);background:radial-gradient(ellipse at 50% 0%,rgba(11,90,60,.7),transparent 70%)}
.cta h2{margin-bottom:10px}.cta p{color:#b9cac1;margin:0 auto 24px;max-width:56ch}
.cta .hero-ctas{justify-content:center}
.lab{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:28px 30px;border:1px solid rgba(212,175,55,.35);
  background:repeating-linear-gradient(135deg,rgba(212,175,55,.05) 0 2px,transparent 2px 14px)}
.lab h3{margin:0 0 6px;font:600 22px "Chakra Petch",sans-serif;text-transform:uppercase}
.lab p{margin:0;color:#b9cac1;max-width:58ch}

/* footer */
.site-foot{border-top:1px solid rgba(212,175,55,.2);padding-block:36px;color:#9FB5AA;font-size:14px}
.site-foot .wrap{display:flex;justify-content:space-between;gap:24px 40px;flex-wrap:wrap}
.foot-brand{display:flex;flex-direction:column;gap:6px;max-width:360px}
.foot-brand b{font:600 18px "Chakra Petch",sans-serif;letter-spacing:.08em;color:#fff}
.foot-cols{display:flex;gap:40px;flex-wrap:wrap}
.foot-cols div{display:flex;flex-direction:column;gap:8px}
.foot-cols h4{margin:0 0 4px;font:600 12px "Chakra Petch",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.foot-cols a{text-decoration:none}.foot-cols a:hover{color:var(--gold)}

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

/* price calculator */
.calc{margin:26px 0 6px;background:#083E2A;color:#EEF3F0;border:1px solid rgba(212,175,55,.45);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}
.calc-head{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;padding:16px 22px;border-bottom:1px solid rgba(212,175,55,.25)}
.calc-head b{font:600 14px "Chakra Petch",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#D4AF37}
.calc-head span{color:#b9cac1}
.calc-body{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;padding:22px}
.calc-users{display:flex;justify-content:space-between;align-items:baseline;font:600 14px "Chakra Petch",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#E6C96A}
.calc-users output{font:600 34px "Chakra Petch",sans-serif;color:#fff}
.calc input[type=range]{width:100%;accent-color:#D4AF37;height:28px;margin:6px 0 0}
.calc-ticks{display:flex;justify-content:space-between;font:500 10.5px "JetBrains Mono",monospace;color:#8fb3a1;padding:0 4px}
.calc-opts{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:16px}
.calc-opts label{display:flex;gap:8px;align-items:center;cursor:pointer;color:#E6EDE9}
.calc-opts input{accent-color:#D4AF37;width:18px;height:18px}
.calc-opts em{font-style:normal;color:#8fb3a1}
.calc-note{margin:14px 0 0;color:#8fb3a1;font-size:14px}
.calc-out{background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.3);padding:20px;display:flex;flex-direction:column;justify-content:center;gap:4px}
.calc-total{font:600 46px/1 "Chakra Petch",sans-serif;color:#D4AF37}
.calc-per{color:#E6EDE9}
.calc-was{color:#8fb3a1;font-size:14px;min-height:1.4em}
.calc-cta{margin-top:12px;align-self:flex-start;background:#D4AF37;color:#083E2A;text-decoration:none;font:600 13px "Chakra Petch",sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:11px 18px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
@media (max-width:760px){.calc-body{grid-template-columns:1fr}}

/* TLCLab band in TLCLab's own colours */
.vh .lower .lab,.lab.tlclab{background:linear-gradient(120deg,#0E2545 0%,#13305a 100%);border:0;border-left:6px solid #F5811F;color:#fff;position:relative;overflow:hidden}
.vh .lower .lab::after,.lab.tlclab::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(closest-side,rgba(245,129,31,.35),transparent);pointer-events:none}
.vh .lower .lab h3,.lab.tlclab h3{color:#fff}.vh .lower .lab p,.lab.tlclab p{color:#c9d4e6}
.vh .lower .lab p a,.lab.tlclab p a{color:#F5A15A}
.vh .lower .lab .btn.gold,.lab.tlclab .btn.gold{background:#F5811F;color:#fff;position:relative;z-index:1}
.vh .lower .lab .btn.gold:hover,.lab.tlclab .btn.gold:hover{background:#ff9640}
.lab .lab-tag{display:inline-block;font:600 11px "JetBrains Mono",monospace;letter-spacing:.16em;color:#F5811F;margin-bottom:6px}

/* feature illustrations */
.feat-art{margin-top:18px;background:linear-gradient(180deg,#EAD27F,#D4AF37);border:1px solid rgba(212,175,55,.6);padding:14px 18px;display:grid;place-items:center;max-width:420px;
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}
.feat-art .cell-art{display:block;width:100%;height:auto}
@media (max-width:860px){.feat-art{max-width:none}}