.wattrue-surface{--accent:#087443;--accent-2:#169b60;--accent-wash:rgba(17,151,85,.09);--grad-accent:linear-gradient(120deg,#075534,#119354);--grad-cta:linear-gradient(120deg,#075534,#087443);--accent-hover:#054c2d}
.wattrue-hero{background:radial-gradient(ellipse at 85% 25%,rgba(34,197,94,.13),transparent 60%)}
.wattrue-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}
.wattrue-layout h1{font-size:clamp(2.4rem,4.5vw,4.4rem);line-height:1.08;letter-spacing:-.045em}
.wattrue-layout .lead{margin-top:24px}
.wattrue-evidence{padding:32px;border:1px solid rgba(17,151,85,.28);border-radius:28px;background:var(--glass);box-shadow:var(--glass-shadow)}
.wattrue-evidence ol{list-style:none;padding:0;margin:24px 0 0;counter-reset:steps}
.wattrue-evidence li{counter-increment:steps;display:grid;grid-template-columns:32px 1fr;gap:14px;padding:20px 0;border-top:1px solid var(--line)}
.wattrue-evidence li::before{content:"0" counter(steps);color:var(--accent);font-family:'JetBrains Mono',monospace;font-size:.8rem;padding-top:4px}
.wattrue-evidence p{color:var(--text-muted);margin-top:6px}
.wattrue-feature{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(110deg,rgba(34,197,94,.09),var(--bg));padding:64px 0}
.wattrue-feature .sec-desc{margin-bottom:0}
.wattrue-feature .hero-buttons{margin-top:24px}
.wattrue-note{margin-top:20px;color:var(--text-muted);font-size:.92rem}
.wattrue-surface .card{height:100%}
.wattrue-surface .sec-desc{max-width:780px}
.wattrue-brand{color:#087443;font-weight:700}
[data-theme="dark"] .wattrue-brand{color:#69dda0}
[data-theme="dark"] .wattrue-surface{--accent:#69dda0;--grad-accent:linear-gradient(120deg,#69dda0,#b2f4ce)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .wattrue-surface{--accent:#69dda0;--grad-accent:linear-gradient(120deg,#69dda0,#b2f4ce)}}
@media(max-width:800px){.wattrue-layout{grid-template-columns:1fr;gap:28px}.wattrue-evidence{padding:24px}.wattrue-feature{padding:48px 0}}

/* Product editorial layout */
.wattrue-hero{padding:76px 0 64px;overflow:hidden}
.wattrue-hero .wattrue-layout{grid-template-columns:1fr 1fr;gap:56px}
.wattrue-wordmark{display:flex;align-items:center;gap:10px;font-size:1.65rem;font-weight:700;letter-spacing:-.05em;margin-bottom:26px}
.wattrue-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--grad-cta);color:#fff;font-size:1.4rem;font-weight:700}
.wattrue-byline{font-size:.7rem;letter-spacing:0;font-weight:500;color:var(--text-muted);border-left:1px solid var(--line-strong);padding-left:12px;margin-left:4px}
.wattrue-hero .kicker{background:none;border:0;padding:0;font-size:.7rem;letter-spacing:.13em;margin-bottom:20px}
.wattrue-hero h1{font-size:clamp(2.6rem,4.9vw,4.75rem);max-width:14ch;line-height:1.03;letter-spacing:-.055em}
.wattrue-hero .lead{max-width:43ch;font-size:1.08rem;line-height:1.75;margin-top:26px}
.wattrue-hero .hero-buttons{margin-top:28px}
.wattrue-scene{min-width:0;border-radius:28px;overflow:hidden;color:#e6f8ef;background:radial-gradient(ellipse at 40% 30%,#195c44,#0b2c23 70%);box-shadow:0 24px 64px rgba(8,58,37,.16);border:1px solid #276044}
.wattrue-scene-top{padding:24px 24px 0;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.85rem}
.wattrue-status-dot{width:6px;height:6px;background:#9ce9bc;border-radius:50%}
.wattrue-scene-tag{display:block;flex-basis:100%;color:#a4c7b6;font: .6rem 'JetBrains Mono',monospace;letter-spacing:.12em;margin-top:10px}
.wattrue-scene svg{display:block;width:100%;height:auto}
.wattrue-scene-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 24px 20px}
.wattrue-scene-bottom span{display:block;color:#9fc9b2;font:.6rem 'JetBrains Mono',monospace;margin-bottom:10px}
.wattrue-scene-bottom strong{display:block;font-size:.8rem;font-weight:500;line-height:1.5;color:#e6f8ef}
.wattrue-scene-caption{font-size:.65rem;color:#a4c7b6;border-top:1px solid #315b48;margin:0;padding:12px 24px}
.wattrue-subnav{border-block:1px solid var(--line);background:var(--glass)}
.wattrue-subnav .container{display:flex;gap:28px;align-items:center;flex-wrap:wrap;padding-block:20px;font-size:.8rem}
.wattrue-subnav span{font-weight:650;margin-right:auto}
.wattrue-subnav a{color:var(--text-muted);text-decoration:none}
.wattrue-subnav a:hover{color:var(--accent)}
.wattrue-surface .sec-title{letter-spacing:-.035em;max-width:25ch}
.wattrue-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}
.wattrue-index{display:block;width:44px;height:44px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--accent-wash);color:var(--accent);font-family:'JetBrains Mono',monospace;font-size:.85rem;margin-bottom:28px}
.wattrue-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:32px}
.wattrue-detail{border-bottom:1px solid var(--line-strong);padding:0 2px}
.wattrue-detail summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;font-weight:600}
.wattrue-detail summary::-webkit-details-marker{display:none}
.wattrue-detail summary span{color:var(--accent);font-weight:400;font-size:1.4rem}
.wattrue-detail[open] summary span{transform:rotate(45deg)}
.wattrue-detail p{color:var(--text-muted);line-height:1.75;padding:0 24px 24px 0;margin:0}
.wattrue-detail summary:focus-visible,.wattrue-subnav a:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:4px}
.wattrue-workflow{background:var(--accent-wash)}
.wattrue-workflow .wattrue-evidence{padding:0;border:0;background:transparent;box-shadow:none}
.wattrue-workflow ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:36px}
.wattrue-workflow li{display:block;border-top:2px solid var(--line-strong)}
.wattrue-workflow li::before{display:block;margin-bottom:20px}
.wattrue-workflow h3{font-size:1.05rem}
.wattrue-workflow p{font-size:.95rem;line-height:1.7}
.wattrue-start{text-align:center;background:radial-gradient(ellipse at 50% 100%,var(--accent-wash),transparent 70%)}
.wattrue-start .sec-title,.wattrue-start .sec-desc{margin-inline:auto}
.wattrue-start .hero-buttons{justify-content:center;margin-top:28px}
@media(prefers-reduced-motion:no-preference){.wattrue-signal{animation:wattrue-flow 4s linear 1}@keyframes wattrue-flow{to{stroke-dashoffset:-76}}}
@media(max-width:1000px){.wattrue-hero .wattrue-layout{gap:30px}.wattrue-workflow ol{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.wattrue-hero{padding:40px 0}.wattrue-hero .wattrue-layout{grid-template-columns:1fr}.wattrue-hero h1{font-size:clamp(2.8rem,8vw,4rem)}.wattrue-scene{max-width:560px;width:100%;margin-inline:auto}.wattrue-subnav .container{gap:16px 22px}.wattrue-subnav span{flex-basis:100%}.wattrue-capability-grid{grid-template-columns:1fr}.wattrue-detail-grid{grid-template-columns:1fr}.wattrue-index{margin-bottom:18px}}
@media(max-width:440px){.wattrue-scene-top{padding:20px 18px 0}.wattrue-scene-bottom{padding-inline:18px;gap:8px}.wattrue-scene-bottom strong{font-size:.7rem}.wattrue-workflow ol{grid-template-columns:1fr}.wattrue-byline{font-size:.6rem}}