/* Content pages: distribution (the fleet model), oTo-Robotics, oTo-Safe, oTo-Port and the privacy policy. */
.content-page main{background:var(--paper)}
.page-hero{padding-top:150px;background:var(--blue);color:white}
.page-hero .section-label{color:#ffffffd0}
.page-hero h1{font-size:clamp(3.2rem,7vw,7rem);max-width:1100px;margin:0 0 30px}
.page-hero h1 em{font-style:normal;color:var(--yellow)}
.page-lede{font:500 clamp(1.2rem,2vw,1.6rem)/1.55 var(--serif);max-width:880px;margin:0}
.page-hero .what-lede-row{align-items:end}
.page-section h2{font-size:clamp(2.4rem,4.4vw,4.2rem);margin-bottom:30px;max-width:900px}
.page-section>p,.page-prose p{font:500 1.15rem/1.65 var(--serif);max-width:820px}
.page-prose p+p{margin-top:16px}
.page-section.tinted{background:var(--tan)}
.page-section.dark{background:var(--ink);color:white}
.page-section.dark .section-label{color:var(--tan)}
.stat-row{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.stat-row li{border-top:4px solid var(--orange);padding-top:16px}
.stat-row strong{display:block;font:400 clamp(2.4rem,4vw,3.6rem)/1 var(--display);color:var(--blue);margin-bottom:8px}
.dark .stat-row strong{color:var(--yellow)}
.stat-row span{font:500 1rem/1.45 var(--serif)}
.card-grid{list-style:none;padding:0;margin:10px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.card-grid li{background:white;border:1px solid var(--line);border-radius:22px;padding:28px 26px}
.dark .card-grid li{background:#ffffff10;border-color:#ffffff30}
.card-grid h3{font-size:1.45rem;margin-bottom:10px}
.card-grid p{font:500 1.02rem/1.55 var(--serif);margin:0}
.feature-detail{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 40px}
.feature-detail li{position:relative;padding:0 0 18px 26px;border-bottom:1px solid var(--line)}
.feature-detail li::before{content:"";position:absolute;left:0;top:.45em;width:12px;height:12px;border-radius:50%;background:var(--orange)}
.feature-detail h3{font-size:1.3rem;margin-bottom:6px}
.feature-detail p{font:500 1rem/1.55 var(--serif);margin:0}
.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap}
.patent-flag.on-light{color:var(--ink);font-size:.8rem}
.pull-quote{margin:0;max-width:980px;font:500 clamp(1.4rem,2.6vw,2.2rem)/1.45 var(--serif);border-left:8px solid var(--orange);padding-left:28px}
.draft-note{display:flex;gap:14px;align-items:flex-start;max-width:820px;margin-top:30px;padding:20px 22px;border:2px dashed var(--blue);border-radius:16px;background:#ffffffb0;color:var(--ink)}
.draft-note strong{flex-shrink:0;font:600 .75rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:white;background:var(--blue);padding:5px 10px;border-radius:20px}
.draft-note p{margin:0;font:500 1rem/1.55 var(--serif)}
.draft-note ul{margin:8px 0 0;padding-left:18px;font:500 1rem/1.55 var(--serif)}
.page-video{display:block;width:100%;max-width:1100px;aspect-ratio:16/9;border-radius:22px;background:var(--ink)}
.page-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.page-hero .pill,.dark .pill{color:white}
.related-pages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}
.related-pages a{display:block;height:100%;box-sizing:border-box;padding:22px;border-radius:18px;background:white;border:1px solid var(--line);text-decoration:none;color:var(--ink);font:600 1.15rem var(--sans)}
.related-pages a span{display:block;margin-top:6px;font:500 .95rem var(--serif);color:var(--blue)}
.related-pages a:hover{border-color:var(--orange)}
.related-pages a[aria-current]{background:var(--tan)}
@media(max-width:1000px){.stat-row,.related-pages{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.page-hero{padding-top:110px}
.feature-detail,.stat-row,.related-pages{grid-template-columns:minmax(0,1fr)}
.pull-quote{padding-left:18px}}

.status-note{max-width:880px;margin:22px 0 0;padding:14px 18px;border-left:3px solid var(--yellow);background:#ffffff14;font:500 1rem/1.55 var(--serif)}
.safety-steps{list-style:none;counter-reset:step;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 40px}
.safety-steps li{counter-increment:step;position:relative;padding-left:44px}
.safety-steps li::before{content:counter(step);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:black;font:600 .9rem var(--sans)}
.safety-steps h3{font-size:1.25rem;margin-bottom:4px}
.safety-steps p{font:500 1rem/1.55 var(--serif);margin:0}
@media(max-width:700px){.safety-steps{grid-template-columns:minmax(0,1fr)}.status-note{font-size:.95rem}}
/* Privacy policy */
.privacy-table{width:100%;max-width:980px;border-collapse:collapse;margin-top:30px;font:500 1rem/1.5 var(--serif)}
.privacy-table th{font:600 .8rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--blue);text-align:left;padding:0 14px 10px 0;border-bottom:2px solid var(--blue)}
.privacy-table td{padding:12px 14px 12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.privacy-table code{font:600 .9rem monospace}
.privacy-list{max-width:820px;margin:24px 0;padding-left:22px;font:500 1.1rem/1.6 var(--serif)}
.privacy-list li+li{margin-top:12px}
.page-prose a{text-decoration:underline}
@media(max-width:700px){.privacy-table{font-size:.92rem}.privacy-table th,.privacy-table td{padding-right:8px}}