/* OT White: visual identity derived from the application startup logo.
   Product screenshots retain their genuine application colours. */
:root { --ink:#111111; --ink-soft:#282622; --muted:#69655f; --line:#d2cdc5; --line-soft:#e5e0d9; --paper:#f4f2ee; --paper-blue:#eeebe5; --blue:#c90000; --blue-dark:#a90000; --cyan:#77736e; --green:#77736e; --violet:#77736e; --shadow:0 18px 55px rgba(44,36,26,.07); --radius:4px; }
body { background:var(--paper); }
.ambient-grid,.orbit,.float-card { display:none; }
.shell { width:min(1280px,calc(100% - 80px)); }
.site-header { top:0; height:90px; width:100%; padding:12px max(32px,calc((100vw - 1280px)/2)); border:0; border-bottom:1px solid var(--line); border-radius:0; box-shadow:none; background:rgba(244,242,238,.95); }
.site-header.scrolled { background:rgba(244,242,238,.98); box-shadow:0 3px 20px #30241808; }
.brand img { width:140px; height:62px; }
.desktop-nav a { color:var(--muted); font-size:12px; }
.button { border-radius:3px; min-height:50px; letter-spacing:.01em; }
.button-primary,.button-primary:hover,.license-duration button.active { box-shadow:none; }
.button-dark { background:#eeeae3; color:var(--ink); border-color:var(--line); }
.button-ghost { background:transparent; }
.eyebrow,.kicker,.kicker.light { color:var(--muted); font-size:10px; letter-spacing:.2em; }
.eyebrow span { width:6px; height:6px; border-radius:50%; background:#c90000; }
h1 em,h2 em,.local-copy h2 em,.contact-copy h2 em { color:#77736e; font-weight:400; }
.hero { min-height:0; padding-top:162px; padding-bottom:64px; grid-template-columns:1fr; gap:64px; text-align:center; }
.hero-copy { max-width:1050px; margin:auto; }
.eyebrow,.hero-actions { justify-content:center; }
.hero h1 { font-size:clamp(52px,6.6vw,98px); font-weight:750; line-height:1.03; margin:28px 0; }
.hero-lead { max-width:730px; margin:auto; font-size:18px; }
.hero-signals { display:flex; justify-content:center; gap:28px; padding-top:24px; border-top:1px solid var(--line); }
.hero-signals div { color:var(--muted); font-size:12px; text-align:left; max-width:240px; }
.hero-signals i { background:#c90000; box-shadow:none; width:4px; height:4px; }
.hero-product { width:min(100%,1050px); margin:auto; padding:18px; background:#e9e5de; }
.app-window,.app-window-hero { border-color:var(--line); border-radius:4px; box-shadow:var(--shadow); transform:none; }
.app-window::after { display:none; }
.app-window:hover > img { transform:none; filter:none; }
.app-window-hero > img { max-height:660px; object-fit:cover; object-position:top; }
.window-bar,.tool-shot figcaption,.product-overview figcaption { background:#faf9f6; color:var(--muted); }
.window-dots i,.window-dots i:first-child,.window-dots i:nth-child(2),.window-dots i:last-child { background:#d4cec5; }
.window-dots i:first-child { background:#c90000; }
.live i { background:#c90000; animation:none; }
.trust-strip { background:transparent; }
.marquee-track { color:var(--muted); }
.section-pad { padding-block:100px; }
.section-head { gap:8vw; margin-bottom:52px; }
.section-head h2,.local-copy h2,.faq-intro h2,.contact-copy h2 { font-weight:650; line-height:1.06; }
.interface-section,.tools,.pricing,.disc-example { background:#faf9f6; }
.product,.experience,.faq,.brains-section { background:var(--paper); }
.product-overview { background:#e9e5de; padding:12px; }
.module-entry { min-height:190px; padding:32px 8px; }
.module-no,.module-entry > div > p,.module-entry strong,.module-entry li { color:var(--muted); }
.module-symbol[class] { color:#8b2721; background:#f3e9e3; border-color:#dfc9c1; border-radius:50%; box-shadow:none; }
.module-entry:hover .module-symbol { box-shadow:none; }
.module-entry h3 span { background:#eae5dd; color:var(--muted); }
.tool-filter { background:transparent; border-radius:3px; }
.tool-filter button { color:var(--muted); border-radius:2px; }
.tool-filter button.active { background:#c90000; }
.tool-card { border-radius:4px; padding:26px; min-height:290px; }
.tool-card:hover { border-color:#b4a99a; box-shadow:var(--shadow); }
.tool-icon[class] { color:#9c3029; background:#f6ebe7; border-radius:50%; }
.free-access,.pro-access { background:#f0ede7; color:#635c51; }
.tool-card small { color:var(--muted); }
.tool-shot { top:114px; }
.experience-tabs,.experience-stage { border-radius:3px; }
.experience-tabs button { background:#f9f7f3; color:var(--muted); }
.experience-tabs button.active { background:#e5dfd5; color:var(--ink); box-shadow:inset 0 -3px #c90000; }
.experience-tabs button span,.experience-tabs button.active span { color:#a44237; }
.shot-panel img { background:#f4f2ee; }
.local-section,.contact { background:#eeeae3; color:var(--ink); }
.local-section::before,.local-section::after { display:none; }
.local-copy > p:not(.kicker),.contact-copy > p:not(.kicker),.contact-meta small { color:var(--muted); }
.light-link { color:var(--ink); }.light-link span { color:#c90000; }
.architecture { border-color:var(--line); border-radius:4px; background:#faf9f6; box-shadow:none; }
.arch-head,.arch-note,.arch-core small,.arch-nodes small { color:var(--muted); border-color:var(--line); }
.arch-head i { color:#9a302a; }
.core-ring { border-color:#b7aea0; animation:none; }
.core-logo { border:0; border-radius:0; color:#111; background:transparent; box-shadow:none; font-size:34px; letter-spacing:-.09em; }
.arch-links span,.arch-links span::after { border-color:var(--line); }
.arch-nodes > div { background:#f3f0ea; border-color:var(--line); }
.arch-nodes i { background:#c90000; }
.license-duration,.license-duration > div { background:#f3f0ea; border-radius:3px; }
.license-duration button { color:var(--muted); border-radius:2px; }
.price-card,.free-plan,.coming-plan { background:white; border-color:var(--line); border-radius:4px; }
.price-card.featured { background:#faf6f0; border-color:#b63a2e; box-shadow:none; }
.price-card.featured::before { border-radius:2px; }
.plan-top span,.free-plan .plan-top span,.coming-plan .plan-top span { color:#776455; background:#f1ece4; border-radius:2px; }
.plan-top i,.price-card li,.coming-price span { color:var(--muted); }
.price-card li::before { color:#a13229; }
.contact-meta { border-color:var(--line); }
.contact-form { border:1px solid var(--line); border-radius:4px; box-shadow:none; }
.contact-form label { color:#59544d; }
.contact-form input,.contact-form textarea { border-color:var(--line); background:#faf9f6; border-radius:3px; }
.contact-form input:focus,.contact-form textarea:focus { box-shadow:0 0 0 3px #c9000010; }
.capture-zoom { border-radius:3px; }
footer { background:#f4f2ee; color:var(--muted); }
.disc-example { padding-top:0; }
.engine-map { border:1px solid var(--line); padding:40px; background:white; }
.engine-interface { display:flex; align-items:center; justify-content:center; gap:40px; }
.ot-wordmark { position:relative; color:#111; font-weight:850; letter-spacing:-.09em; font-size:76px; line-height:1; }
.ot-wordmark > span { color:#c90000; font-size:23px; position:absolute; top:-4px; right:-16px; }
.engine-interface h3 { margin:0; font-size:24px; letter-spacing:-.03em; }
.engine-interface p { color:var(--muted); margin-bottom:0; }
.engine-connector { margin:25px auto; text-align:center; color:#c90000; font-size:24px; }
.engine-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.engine-grid article { padding:30px 24px 12px; border-right:1px solid var(--line); }
.engine-grid article:last-child { border:0; }
.engine-grid article > span { color:#a53228; text-transform:uppercase; letter-spacing:.1em; font-size:10px; }
.engine-grid h3 { font-size:20px; font-weight:600; letter-spacing:-.025em; }
.engine-grid p,.engine-note { color:var(--muted); font-size:14px; }
.engine-note { border-top:1px solid var(--line); padding-top:22px; margin-top:22px; }
.brains-layout { display:grid; grid-template-columns:.75fr 1.25fr; gap:80px; align-items:start; }
.brains-intro { position:sticky; top:140px; }
.brains-intro h2 { font-size:clamp(40px,4.3vw,65px); line-height:1.04; letter-spacing:-.055em; font-weight:650; }
.brains-intro > p:not(.kicker) { color:var(--muted); font-size:16px; }
.brains-intro .text-link { font-size:13px; padding-top:18px; }
.brain-layer { padding:30px; margin:auto; background:white; border:1px solid var(--line); border-top:3px solid #c90000; box-shadow:0 12px 28px #332a1b05; }
.brain-layer.master { width:88%; border-top-color:#9b6253; }
.brain-layer.worker { width:76%; border-top-color:#8a8175; }
.brain-heading { display:flex; align-items:center; gap:18px; }
.brain-heading > span { color:#a42b24; font-family:Georgia,serif; font-style:italic; font-size:22px; }
.brain-heading small { font-size:9px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); }
.brain-heading h3 { margin:7px 0 0; font-size:28px; letter-spacing:-.035em; }
.brain-layer p { color:var(--muted); font-size:14px; line-height:1.65; }
.brain-layer details { border-top:1px solid var(--line-soft); padding-top:13px; }
.brain-layer summary { cursor:pointer; font-size:12px; color:#9c2a22; }
.funnel-link { height:45px; display:grid; place-items:center; background:linear-gradient(var(--line),var(--line)) center/1px 100% no-repeat; }
.funnel-link span { background:var(--paper); padding:0 5px; color:#a0372c; }
.funnel-result { text-align:center; font-size:12px; color:var(--muted); padding-top:24px; }
.funnel-result span { display:inline-block; width:6px; height:6px; background:#c90000; border-radius:50%; margin-right:8px; }
@media(max-width:1100px) { .site-header { padding-inline:24px; }.mobile-nav { background:#f4f2ee; }.hero-product { width:100%; }.brains-layout { gap:40px; }.engine-map { padding:26px; } }
@media(max-width:760px) { .shell { width:calc(100% - 32px); }.site-header { height:76px; top:0; }.brand img { height:50px; }.hero { padding-top:125px; gap:40px; }.hero h1 { font-size:clamp(40px,10vw,64px); }.hero-signals { flex-direction:column; gap:16px; }.hero-signals div { max-width:none; }.hero-product { padding:7px; }.section-pad { padding-block:70px; }.disc-example { padding-top:0; }.brains-layout { grid-template-columns:1fr; }.brains-intro { position:static; }.brains-intro h2 br:nth-child(2) { display:none; }.brain-layer { padding:23px 18px; }.brain-layer.master { width:94%; }.brain-layer.worker { width:88%; }.brain-heading h3 { font-size:25px; }.engine-interface { gap:25px; align-items:flex-start; }.ot-wordmark { font-size:52px; }.engine-interface h3 { font-size:21px; }.engine-grid { grid-template-columns:1fr; }.engine-grid article { border-right:0; border-bottom:1px solid var(--line); padding-inline:0; }.tool-card { min-height:270px; }.hero-lead { font-size:16px; } }