/* CalliMaster: physical evidence, in ink and motion. */
:root { --night:#191b18; --night-line:#3b3e37; --accent:#c65740; }
.real-hero { width:100%; max-width:none; display:block; padding:66px 0 0; margin:0; min-height:0; background:var(--night); color:var(--paper); overflow:hidden; }
.hero-layout { display:grid; grid-template-columns:1.12fr 1fr; gap:80px; align-items:center; }
.real-hero .hero-copy { padding:12px 0 22px; max-width:none; }
.real-hero .hero-kicker { color:#dad9cd; font-size:12px; letter-spacing:1.7px; margin-bottom:28px; }
.hero-kicker span { color:#777b70; margin:0 7px; }
.real-hero h1 { font-size:clamp(84px,8.2vw,126px); line-height:.91; letter-spacing:-3px; }
.real-hero h1 em { color:#da775b; }
.real-hero .hero-subtitle { color:#c6c8bc; font-size:17px; line-height:1.75; margin-top:32px; }
.hero-watch { display:flex; align-items:center; gap:14px; width:fit-content; font-size:16px; margin-top:28px; }
.watch-icon { width:44px; height:44px; display:grid; place-items:center; border:1px solid #ad6b54; border-radius:50%; transition:background .2s; }
.hero-watch:hover .watch-icon { background:var(--red); }
.hero-watch > span:last-child { margin-left:12px; color:#de896e; }
.real-hero .hero-resources { display:flex; flex-wrap:wrap; gap:0; max-width:none; margin-top:26px; }
.real-hero .resource-shortcut { padding:10px 13px 10px 0; border:0; color:#c6c8bc; min-height:40px; font-size:14px; gap:7px; }
.real-hero .resource-shortcut .icon { width:16px;height:16px; }
.real-hero .resource-shortcut small,.real-hero .shortcut-arrow { font-size:12px; color:#888f7f; }
.real-hero .resource-shortcut:hover { color:white; background:transparent; transform:none; }
.hero-film { position:relative; border:1px solid #626653; padding:12px; margin:0 0 16px; box-shadow:0 28px 64px #0005; }
.film-caption,.film-bottom { display:flex; justify-content:space-between; align-items:center; gap:12px; font:12px var(--mono); letter-spacing:1px; color:#c2c5b7; }
.film-caption { padding:3px 4px 14px; }
.film-window { display:block; position:relative; overflow:hidden; background:#292c25; }
.film-window video { width:100%; height:auto; aspect-ratio:880/920; object-fit:contain; }
.film-link { position:absolute; bottom:20px; left:20px; padding:10px 15px; background:#1b1e18e8; color:#f4f2ec; display:flex; align-items:center; gap:9px; font-size:14px; border:1px solid #a4ab9355; backdrop-filter:blur(10px); }
.film-link .icon { width:16px; height:16px; }
.film-bottom { padding:10px 4px 0; letter-spacing:0; }
.film-bottom .motion-toggle { color:#c2c5b7; font-size:12px; }
#hero-restart { background:transparent;color:#c2c5b7;padding:8px 0;font:12px var(--mono); }
#hero-restart:hover { color:white; }
.hero-proof { display:grid; grid-template-columns:1.06fr 1fr 1.24fr 1fr; align-items:center; border-top:1px solid var(--night-line); margin-top:56px; padding-block:27px 31px; gap:26px; }
.hero-proof > p { font:12px/1.8 var(--mono); letter-spacing:1px; color:#dddccf; }
.hero-proof > p span { color:#868d7a; }
.hero-proof > div { padding-left:26px; border-left:1px solid var(--night-line); }
.hero-proof strong { display:block; font:42px/1.15 var(--serif); color:#f4f2ec; }
.hero-proof strong span { font:16px var(--sans); color:#c8cbbd; }
.hero-proof div>span { display:block; color:#aeb5a1; font-size:12px; margin-top:6px; }
@media(min-width:1600px){.hero-layout{gap:120px}.hero-film{max-width:540px}.real-hero{padding-top:76px}}
@media(max-width:1050px){.hero-layout{gap:38px}.real-hero h1{font-size:90px}.real-hero .hero-subtitle{font-size:16px}.hero-proof{grid-template-columns:repeat(3,1fr)}.hero-proof>p{display:none}.hero-proof>div:first-of-type{padding-left:0;border:0}}
@media(max-width:700px){
 .real-hero{padding-top:36px}.hero-layout{grid-template-columns:1fr;gap:30px}.real-hero .hero-copy{padding:0}.real-hero h1{font-size:clamp(72px,15vw,100px);line-height:.95;letter-spacing:-2px}.real-hero .hero-kicker{font-size:11px;margin-bottom:22px;letter-spacing:1px}.real-hero .hero-subtitle{font-size:16px;margin-top:24px}.hero-watch{margin-top:22px}.real-hero .hero-resources{margin-top:18px}.real-hero .resource-shortcut{font-size:13px;padding-right:12px}.hero-film{margin:0;max-width:480px;width:100%;justify-self:center}.film-caption{font-size:11px}.film-bottom{font-size:12px}.hero-proof{margin-top:32px;padding-block:24px;gap:14px;grid-template-columns:1fr 1fr}.hero-proof>div{padding-left:16px}.hero-proof>div:last-child{display:none}.hero-proof strong{font-size:38px}.hero-proof strong span{font-size:14px}.hero-proof div>span{font-size:12px;line-height:1.6}
}

.section-index { font:12px var(--mono); letter-spacing:1px; color:var(--muted); }
.robot-section { padding-block:92px 100px; }
.robot-section .section-heading { margin-bottom:38px; }
.robot-layout { display:grid;grid-template-columns:1fr 1.12fr;gap:100px;align-items:center; }
.robot-screen { max-width:490px; border:1px solid #c8c9bd; padding:10px; background:#e7e7dd; }
.robot-screen-top,.robot-screen-bottom { display:flex;align-items:center;justify-content:space-between;gap:12px;font:12px var(--mono); }
.robot-screen-top { padding:4px 4px 14px; }
.robot-screen-top span:last-child { color:var(--muted);font-size:11px; }
.robot-screen video { width:100%;aspect-ratio:880/920;background:#20231c;object-fit:contain; }
.robot-screen-bottom { padding:7px 4px 0;color:var(--muted);font-family:var(--sans);font-size:13px; }
.robot-screen-bottom a { display:grid;place-items:center;min-width:38px;min-height:36px; }
.robot-copy h2 { font-size:clamp(62px,6.3vw,88px);line-height:1; }
.robot-copy h2 em { color:var(--red); }
.robot-copy>p { font-size:16px;line-height:1.85;color:var(--muted);margin-top:25px;max-width:510px; }
.robot-sequence { display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:28px;padding-block:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line); }
.robot-sequence>span { font:12px var(--mono);color:var(--muted); }
.robot-sequence b { font:14px var(--sans);margin-left:5px;color:var(--ink); }
.robot-sequence i { color:#aaa99c;font-size:15px;font-style:normal; }
.robot-copy .robot-select-label { font:12px var(--mono);letter-spacing:1px;margin-top:28px; }
.robot-selector { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px; }
.robot-choice { padding:4px;background:transparent;border:1px solid transparent;text-align:left;transition:border-color .2s,background .2s; }
.robot-choice.active { border-color:var(--red);background:#e8e3d7; }
.robot-choice:hover { border-color:#999a8b; }
.robot-choice img { width:100%;aspect-ratio:1;object-fit:cover; }
.robot-choice>span { display:flex;justify-content:space-between;align-items:center;gap:5px;padding:7px 2px 3px;font-size:14px; }
.robot-choice small { font:11px var(--mono);color:var(--muted); }
.robot-copy .robot-note { font-size:12px;line-height:1.75;margin-top:15px; }
.robot-copy>.text-link { margin-top:24px; }
.real-comparison { background:#e9e7df;border-top:1px solid #d7d7cc;padding-block:82px 90px; }
.real-comparison .section-heading { margin-bottom:27px; }
.real-comparison-heading { display:flex;justify-content:space-between;gap:60px;align-items:end; }
.real-comparison-heading h2 { font-size:clamp(56px,5.5vw,78px); }
.real-comparison-heading>p { max-width:365px;font-size:16px;line-height:1.8;color:var(--muted);padding-bottom:4px; }
.real-samples { display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:12px;margin-top:42px; }
.real-sample { position:relative;background:transparent;min-width:0;padding:7px 7px 8px;border:1px solid #d1d0c5;color:var(--muted);transition:background .2s,border-color .2s; }
.real-sample img { width:100%;height:72px;object-fit:contain;mix-blend-mode:multiply; }
.real-sample span { display:block;font:12px var(--mono);margin-top:8px; }
.real-sample.active { background:#f6f3ea;border-color:var(--red);color:var(--red);box-shadow:inset 0 -3px var(--red); }
.real-sample:hover { border-color:#999c8b;background:#f2f0e7; }
.real-comparison-top { display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:34px;margin-bottom:15px; }
#real-current { font-size:17px;font-weight:500; }
#real-current small { margin-left:12px;font:12px var(--mono);color:var(--muted); }
.real-comparison-top>div { display:flex;align-items:center;gap:15px; }
#real-counter { font:12px var(--mono);letter-spacing:1px; }
.real-comparison-top button { background:transparent;border:1px solid #c7c8bc;width:40px;height:40px;font-size:20px;line-height:1; }
.real-comparison-top button:hover { border-color:var(--red);color:var(--red); }
.real-grid { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px; }
.real-card { min-width:0;background:#f7f6f0;border:1px solid #d6d5ca; }
.real-card figcaption { display:flex;flex-direction:column;gap:2px;padding:17px 17px 14px;background:transparent;border-top:3px solid transparent; }
.real-card figcaption>span { font:500 16px var(--sans);letter-spacing:0;text-transform:none; }
.real-card figcaption>small { font:12px var(--sans);color:var(--muted); }
.real-card-ours { border-color:#c3755e; }
.real-card-ours figcaption { border-top-color:var(--red); }
.real-card-ours figcaption>span { color:var(--red); }
.real-image { width:100%;padding:10px 12px 16px;background:transparent;display:block;position:relative; }
.real-image img { width:100%;height:300px;object-fit:contain;mix-blend-mode:multiply; }
.real-expand { display:grid;place-items:center;position:absolute;right:12px;bottom:12px;width:30px;height:30px;background:#f3f1e8d9;color:var(--muted);opacity:0;transition:opacity .2s; }
.real-image:hover .real-expand,.real-image:focus-visible .real-expand { opacity:1; }
.real-expand .icon { width:16px;height:16px; }
.real-comparison-foot { display:flex;justify-content:space-between;gap:18px;margin-top:18px; }
.real-comparison-foot p { font-size:12px;line-height:1.7;color:var(--muted); }
.real-comparison-foot span { color:var(--red); }
.real-results { background:var(--night);color:#eeede4;padding-block:80px 72px; }
.real-results-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:30px; }
.real-results-heading .eyebrow { color:#b4bba5;margin-bottom:25px; }
.real-results-heading h2 { font-size:clamp(64px,6.2vw,88px);line-height:.98; }
.real-results-heading h2 em { color:#d67b61; }
.real-results-heading>p { color:#b2b8a7;font-size:16px;line-height:1.9;padding-bottom:6px; }
.real-results-toolbar { display:flex;justify-content:space-between;align-items:end;gap:25px;margin-top:42px;padding-block:22px;border-block:1px solid var(--night-line); }
.real-metrics { display:flex;flex-wrap:wrap;gap:7px; }
.real-metrics button { color:#bec5b0;border:1px solid #414638;background:transparent;font-size:14px;min-height:42px;padding:8px 14px;transition:background .2s,color .2s; }
.real-metrics button[aria-pressed=true] { color:var(--night);background:#ecebdd;border-color:#ecebdd; }
.real-metrics button:hover { color:white;border-color:#9da78c; }
.real-metrics button[aria-pressed=true]:hover { color:var(--night); }
.real-split-label { display:flex;align-items:center;gap:12px;color:#aeb7a1;font-size:12px;white-space:nowrap; }
.real-split-label select { min-height:42px;padding:8px 32px 8px 12px;background:#23271e;color:#ecede1;border:1px solid #565e49;border-radius:0;font-size:14px; }
.real-score-layout { display:grid;grid-template-columns:1fr 1.5fr;gap:100px;padding-top:40px;align-items:center; }
.real-score>p:first-child { font:12px var(--mono);letter-spacing:1px;color:#b2bda3; }
.real-score strong { display:block;font:clamp(68px,8.5vw,124px)/1.12 var(--serif);letter-spacing:-2px;color:#f1f0e6;margin-top:12px;font-variant-numeric:tabular-nums; }
#real-score-gain { color:#e1967b;font-size:16px;margin-top:8px; }
#real-score-gain.negative { color:#c3c9b8; }
#real-metric-description { color:#a6b198;font-size:14px;line-height:1.7;max-width:330px;margin-top:18px; }
.real-chart-heading { display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:22px;color:#bec5b0;font-size:14px; }
.real-chart-heading>span:last-child { font:11px var(--mono);color:#8f9b80;white-space:nowrap; }
#real-chart { display:grid;gap:23px; }
.real-bar-label { display:flex;align-items:center;justify-content:space-between;font-size:15px;margin-bottom:9px; }
.real-bar-label>span { display:flex;align-items:center;gap:12px; }
.real-bar-label strong { font:14px var(--mono);color:#d1d6c5;font-variant-numeric:tabular-nums; }
.best-label { color:#dce4cd;border:1px solid #657052;font:10px var(--mono);text-transform:uppercase;padding:1px 5px; }
.real-bar-track { position:relative;height:7px;background:#343a2c; }
.real-bar-track::after { content:"";position:absolute;left:50%;top:-5px;height:17px;border-left:1px dashed #dce6c78c; }
.real-bar-track>span { display:block;height:100%;background:#959f82;transition:width .4s cubic-bezier(.2,.6,.2,1); }
.real-bar.ours .real-bar-track>span { background:#d87658; }
.real-bar.rewrite .real-bar-track>span { background:#b1b79a; }
.real-bar.ghtr .real-bar-track>span { background:#889e93; }
.real-bar.baseline .real-bar-track>span { background:#727d65; }
.real-chart-scale { display:grid;grid-template-columns:1fr 1fr 1fr;font:11px var(--mono);color:#aebba0;margin-top:13px; }
.real-chart-scale>span:nth-child(2) { text-align:center; }
.real-chart-scale>span:last-child { text-align:right; }
.real-metric-note { color:#a5af98;font-size:13px;line-height:1.85;margin-top:38px;padding-top:22px;border-top:1px solid var(--night-line); }
.real-table-details { margin-top:24px; }
.real-table-details summary { display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding-block:18px;font-size:16px;border-bottom:1px solid var(--night-line);list-style:none; }
.real-table-details summary::-webkit-details-marker { display:none; }
.real-table-details[open] summary>span { transform:rotate(45deg); }
.real-results table { background:transparent;color:#bec8af;width:100%;margin:0; }
.real-results th,.real-results td { border-bottom:1px solid #39432e;background:transparent;font-size:13px;padding:16px 12px; }
.real-results th { color:#d6deca; }
.real-results td.best { color:#f0b49d;font-weight:700; }
.real-results caption { color:#a5af98;font-size:12px;padding:16px 0;text-align:left; }
.real-data-links { display:flex;justify-content:space-between;gap:22px;margin-top:22px; }
.real-data-links a { display:flex;align-items:center;gap:10px;font-size:14px;color:#d3dcc3;min-height:38px; }
.real-data-links a:hover { color:white; }
.real-data-links .icon { width:17px;height:17px; }
/* Make the existing research narrative match the new evidence-led hierarchy. */
.overview { border-bottom:1px solid var(--line); }
.motion-heading h2 em { color:#c3c5b5; }
.results-heading h2 { font-size:clamp(50px,5.2vw,76px); }
.benchmark-label { font-size:16px; }
.bar-name,.bar-value,.benchmark-legend>span { font-size:13px; }
.gallery-heading>p,.script-gallery-heading>p { font-size:16px; }
.table-scroll { scrollbar-width:thin; }
@media(min-width:1450px){.real-image img{height:340px}.real-sample img{height:82px}}
@media(max-width:1100px){
 .robot-layout{gap:48px;grid-template-columns:1fr 1fr}.robot-choice>span{flex-direction:column;align-items:flex-start;gap:0}.robot-sequence{gap:8px}.robot-sequence b{font-size:13px}.real-comparison-heading{gap:35px}.real-comparison-heading>p{max-width:300px}.real-samples{gap:8px}.real-image img{height:245px}.real-card figcaption{padding-inline:12px}.real-card figcaption>span{font-size:14px}.real-results-toolbar{align-items:flex-start;flex-direction:column}.real-score-layout{gap:65px;grid-template-columns:1fr 1.4fr}
}
@media(max-width:700px){
 .section-index{font-size:10px;letter-spacing:.4px}.section-heading{gap:15px;flex-wrap:wrap}.robot-section{padding-block:55px 60px}.robot-section .section-heading{margin-bottom:26px}.robot-layout{display:flex;flex-direction:column-reverse;gap:30px}.robot-copy h2{font-size:62px}.robot-copy>p{font-size:16px;line-height:1.8;margin-top:21px}.robot-sequence{margin-top:22px;padding-block:16px}.robot-sequence>span{font-size:11px}.robot-sequence b{font-size:14px}.robot-selector{gap:7px}.robot-choice>span{flex-direction:row;flex-wrap:wrap;padding-top:6px}.robot-choice small{font-size:10px}.robot-copy .robot-select-label{margin-top:24px}.robot-copy .robot-note{font-size:12px}.robot-copy>.text-link{margin-top:15px}.robot-screen{width:100%;max-width:440px}.robot-screen-top{font-size:11px}.robot-screen-top span:last-child{font-size:10px}.robot-screen-bottom{font-size:12px}.real-comparison{padding-block:58px}.real-comparison-heading{display:block}.real-comparison-heading h2{font-size:clamp(48px,11vw,64px)}.real-comparison-heading>p{font-size:16px;max-width:none;margin-top:24px}.real-samples{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:28px}.real-sample{padding:5px}.real-sample img{height:50px}.real-sample span{font-size:11px;margin-top:5px}.real-comparison-top{margin-top:23px;gap:10px}#real-current{font-size:15px}#real-current small{display:block;margin-left:0;margin-top:3px}.real-comparison-top>div{gap:10px}.real-comparison-top button{width:34px;height:38px}#real-counter{font-size:11px;white-space:nowrap}.real-scroll{overflow-x:auto;padding-bottom:12px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#ad705c #dad8cc}.real-grid{grid-template-columns:repeat(5,160px);gap:9px;width:max-content}.real-card{scroll-snap-align:start}.real-card:first-child{position:sticky;left:0;z-index:2;box-shadow:5px 0 12px #27231d12}.real-card figcaption{padding:12px 10px}.real-card figcaption>span{font-size:14px}.real-card figcaption>small{font-size:12px}.real-image{padding:6px 9px 10px}.real-image img{height:208px}.real-expand{opacity:1;width:24px;height:24px;right:8px;bottom:8px}.real-comparison-foot{display:block;margin-top:12px}.real-comparison-foot p{font-size:12px}.real-comparison-foot>p:last-child{margin-top:5px}.real-results{padding-block:58px}.real-results-heading{display:block}.real-results-heading h2{font-size:64px}.real-results-heading>p{font-size:15px;line-height:1.8;margin-top:25px}.real-results-heading .eyebrow{margin-bottom:21px}.real-results-toolbar{margin-top:25px;padding-block:20px;gap:18px}.real-metrics{gap:7px}.real-metrics button{font-size:13px;padding:8px 12px}.real-split-label{width:100%;justify-content:space-between;font-size:13px}.real-split-label select{font-size:14px;min-width:190px}.real-score-layout{grid-template-columns:1fr;gap:32px;padding-top:28px}.real-score strong{font-size:88px;margin-top:4px}.real-score>p:first-child{font-size:12px}#real-score-gain{font-size:15px;margin-top:5px}#real-metric-description{font-size:14px;margin-top:11px;max-width:none}.real-chart-heading{font-size:13px;gap:10px;align-items:flex-start}.real-chart-heading>span:last-child{font-size:10px}.real-bar-label{font-size:14px}#real-chart{gap:22px}.real-metric-note{font-size:12px;line-height:1.8;margin-top:28px}.real-data-links{flex-direction:column;gap:8px}.real-data-links a{font-size:14px}.real-results th,.real-results td{font-size:13px;white-space:nowrap}.real-table-details summary{font-size:15px}.benchmark-label{font-size:15px}.bar-name,.bar-value{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.real-bar-track>span{transition:none}}
.real-image img { height:auto;aspect-ratio:1; }
.real-sample { padding-block:10px; }
@media(max-width:700px){.robot-choice>span{flex-direction:column;align-items:flex-start;gap:2px}}
