.fleet-page { background:linear-gradient(rgba(17,17,15,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,15,.04) 1px,transparent 1px),var(--paper); background-size:28px 28px; }
.fleet-hero { width:min(1240px,calc(100% - 40px)); min-height:760px; display:grid; grid-template-columns:1fr minmax(400px,520px); align-items:center; gap:clamp(50px,8vw,120px); margin:0 auto; padding:80px 0 100px; }
.fleet-intro h1 { margin:0; font:400 clamp(4.2rem,8vw,8rem)/.82 Georgia,"Times New Roman",serif; letter-spacing:-.07em; }
.fleet-intro h1 em { color:#6b5cff; font-weight:400; }
.fleet-intro>p:not(.kicker) { max-width:570px; margin:30px 0; color:#45433d; font-size:1.08rem; line-height:1.65; }
.fleet-intro ul { display:grid; grid-template-columns:1fr 1fr; gap:12px 28px; margin:0; padding:0; list-style:none; }
.fleet-intro li { padding:12px 0; border-bottom:1px solid var(--line); font-size:.88rem; font-weight:700; }
.fleet-intro li::before { content:"✓"; margin-right:9px; }
.fleet-calculator { padding:30px; border:1px solid rgba(17,17,15,.28); border-radius:16px; background:var(--white); box-shadow:0 28px 80px rgba(46,40,27,.14); }
.calculator-head { display:flex; align-items:start; justify-content:space-between; gap:20px; }
.calculator-head .kicker { margin-bottom:5px; }
.calculator-head h2 { margin:0; font:400 2.1rem/1.05 Georgia,serif; letter-spacing:-.04em; }
.calculator-head>span { padding:6px 9px; border-radius:99px; background:#ece9df; font-size:.68rem; font-weight:800; white-space:nowrap; }
.billing-switch { display:grid; grid-template-columns:1fr 1fr; gap:4px; margin:25px 0; padding:4px; border-radius:9px; background:#ece9df; }
.billing-switch button { min-height:43px; border:0; border-radius:6px; color:var(--muted); background:transparent; cursor:pointer; font:800 .78rem/1.2 Inter,sans-serif; }
.billing-switch button.is-active { color:var(--ink); background:var(--white); box-shadow:0 2px 8px rgba(17,17,15,.08); }
.billing-switch small { display:block; margin-top:2px; font-size:.62rem; }
.device-input { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.device-input span { font-size:.8rem; font-weight:800; }
.device-input span small { display:block; margin-top:3px; color:var(--muted); font-size:.66rem; font-weight:650; }
.device-input input { width:125px; height:48px; padding:0 12px; border:1px solid var(--line); border-radius:8px; background:#fff; text-align:right; font-size:1rem; font-weight:800; }
.device-range { width:100%; margin:23px 0 4px; accent-color:var(--ink); }
.range-labels { display:flex; justify-content:space-between; color:var(--muted); font-size:.68rem; }
.fleet-total { display:grid; justify-items:center; margin:25px 0 18px; padding:24px 12px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); text-align:center; }
.fleet-total p { margin:0; font:400 clamp(2.6rem,5vw,4.2rem)/1 Georgia,serif; letter-spacing:-.05em; }
.fleet-total>span { margin-top:5px; color:var(--muted); font-size:.82rem; font-weight:700; }
.fleet-total small { margin-top:12px; color:#56534c; font-size:.72rem; }
.fleet-calculator>.button { width:100%; }
.calculator-note { margin:13px 0 0; color:var(--muted); font-size:.68rem; line-height:1.45; text-align:center; }
.fleet-capabilities { width:min(1120px,calc(100% - 40px)); margin:0 auto 130px; }
.capability-heading { display:grid; grid-template-columns:1.1fr .9fr; align-items:end; gap:70px; padding:65px 0 42px; border-top:1px solid var(--ink); }
.capability-heading h2,.studio-story h2 { margin:0; font:400 clamp(3rem,5.7vw,6rem)/.9 Georgia,serif; letter-spacing:-.06em; }
.capability-heading>p { margin:0 0 8px; color:#45433d; font-size:1rem; line-height:1.65; }
.mode-cards { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.mode-cards article { min-height:430px; display:flex; flex-direction:column; padding:34px; border:1px solid var(--line); border-radius:14px; background:rgba(255,254,249,.72); }
.mode-cards article.static-mode { color:var(--white); border-color:var(--ink); background:var(--ink); }
.mode-cards article>span { width:fit-content; padding:6px 9px; border-radius:99px; background:#e5e1d7; font-size:.66rem; font-weight:850; text-transform:uppercase; }
.mode-cards .static-mode>span { color:var(--ink); background:var(--acid); }
.mode-cards h3 { max-width:450px; margin:70px 0 15px; font:400 2.3rem/1 Georgia,serif; letter-spacing:-.045em; }
.mode-cards p { margin:0; color:var(--muted); font-size:.88rem; line-height:1.58; }
.mode-cards .static-mode p { color:#bbb7ae; }
.mode-cards ul { display:grid; gap:10px; margin:auto 0 0; padding:28px 0 0; list-style:none; }
.mode-cards li { padding-top:10px; border-top:1px solid var(--line); font-size:.76rem; font-weight:750; }
.mode-cards .static-mode li { border-color:rgba(255,255,255,.16); }
.studio-story { width:min(1120px,calc(100% - 40px)); display:grid; grid-template-columns:1fr 1fr; gap:clamp(45px,8vw,100px); align-items:center; margin:0 auto 140px; padding:70px; border-radius:16px; background:#ded9ff; }
.studio-story>div:last-child>p:not(.kicker) { margin:25px 0 20px; color:#514b67; font-size:.96rem; line-height:1.62; }
.studio-story ul { display:grid; gap:10px; margin:0 0 28px; padding:0; list-style:none; }
.studio-story li { font-size:.8rem; font-weight:720; }
.studio-story li::before { content:"✓"; margin-right:9px; }
.studio-actions { display:flex; align-items:center; gap:17px; }
.studio-actions .text-link { color:var(--ink); font-size:.76rem; }
.studio-visual { min-height:380px; display:grid; grid-template-columns:56px 1fr; grid-template-rows:40px 1fr; overflow:hidden; border:2px solid var(--ink); border-radius:12px; background:var(--white); box-shadow:18px 20px 0 rgba(17,17,15,.12); transform:rotate(-2deg); }
.studio-toolbar { grid-column:1/-1; display:flex; align-items:center; gap:6px; padding:0 12px; border-bottom:1px solid var(--ink); background:#11110f; }
.studio-toolbar i { width:7px; height:7px; border-radius:50%; background:#f4f1e8; }
.studio-controls { display:grid; align-content:start; gap:9px; padding:11px 8px; border-right:1px solid var(--line); background:#f4f1e8; }
.studio-controls i { height:34px; border:1px solid var(--line); border-radius:5px; background:#fff; }
.studio-controls i:first-child { background:var(--acid); }
.studio-canvas { display:grid; place-items:center; align-content:center; gap:10px; margin:16px; border-radius:8px; color:#f4f1e8; background:linear-gradient(135deg,#6b5cff,#11110f); text-align:center; }
.studio-canvas strong { font:400 5rem/1 Georgia,serif; }.studio-canvas span{font-size:.8rem;font-weight:800}
.signage-story { width:min(1120px,calc(100% - 40px)); margin:0 auto 130px; }
.signage-heading { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:70px; padding:70px 0; border-top:1px solid var(--ink); }
.signage-heading h2 { margin:0; font:400 clamp(3.3rem,6vw,6.5rem)/.86 Georgia,"Times New Roman",serif; letter-spacing:-.06em; }
.signage-heading h2 em { color:var(--violet); font-weight:400; }
.signage-heading>p { margin:0 0 8px; color:#45433d; font-size:1.02rem; line-height:1.65; }
.signage-use-cases { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.signage-use-cases article { min-height:260px; padding:25px 28px 30px; border-right:1px solid var(--line); }
.signage-use-cases article:last-child { border-right:0; }
.signage-use-cases span { color:var(--muted); font-size:.68rem; font-weight:850; letter-spacing:.1em; }
.signage-use-cases h3 { margin:64px 0 12px; font:400 1.6rem/1.05 Georgia,serif; letter-spacing:-.025em; }
.signage-use-cases p { margin:0; color:var(--muted); font-size:.82rem; line-height:1.55; }
.signage-boundary { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; margin-top:26px; padding:36px; border-radius:12px; color:var(--white); background:var(--ink); }
.signage-boundary h3 { max-width:430px; margin:7px 0 15px; font:400 2rem/1.06 Georgia,serif; }
.signage-boundary p:not(.kicker) { margin:0; color:#bbb7ae; font-size:.84rem; line-height:1.55; }
.signage-boundary ul { display:grid; gap:16px; margin:0; padding:0; list-style:none; }
.signage-boundary li { display:grid; grid-template-columns:110px 1fr; gap:18px; padding-bottom:16px; border-bottom:1px solid rgba(255,255,255,.14); }
.signage-boundary li:last-child { padding-bottom:0; border-bottom:0; }
.signage-boundary strong { font-size:.76rem; }
.signage-boundary span { color:#bbb7ae; font-size:.78rem; line-height:1.45; }
.fleet-model { width:min(1120px,calc(100% - 40px)); margin:0 auto 140px; }
.fleet-model .section-intro>p { max-width:430px; margin:0; color:var(--muted); font-size:.88rem; line-height:1.55; }
.tier-table { border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.tier-table>div { min-height:74px; display:grid; grid-template-columns:1fr 1fr 1.5fr; align-items:center; gap:24px; padding:0 16px; border-bottom:1px solid var(--line); }
.tier-table>div:last-child { border-bottom:0; }
.tier-table .tier-head { min-height:46px; color:var(--muted); font-size:.68rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.tier-table strong { font:400 1.35rem/1 Georgia,serif; }
.tier-table b { font-size:.9rem; }
.tier-table span { color:var(--muted); font-size:.82rem; }
.fleet-boundary { display:grid; grid-template-columns:220px 1fr; gap:25px; margin-top:18px; padding:24px; border-radius:10px; color:var(--white); background:var(--ink); }
.fleet-boundary p { margin:0; color:#bbb7ae; font-size:.84rem; line-height:1.55; }
@media(max-width:880px){.fleet-hero{grid-template-columns:1fr;padding-top:65px}.fleet-intro{text-align:center}.fleet-intro>p:not(.kicker){margin-left:auto;margin-right:auto}.capability-heading{grid-template-columns:1fr;gap:26px}.mode-cards,.studio-story{grid-template-columns:1fr}.studio-story{padding:45px}.studio-visual{min-height:330px}.signage-heading{grid-template-columns:1fr;gap:28px}.signage-heading>p{max-width:620px}.signage-use-cases{grid-template-columns:1fr}.signage-use-cases article{min-height:0;border-right:0;border-bottom:1px solid var(--line)}.signage-use-cases article:last-child{border-bottom:0}.signage-use-cases h3{margin-top:30px}.signage-boundary{grid-template-columns:1fr;gap:36px}.fleet-model .section-intro{display:block}.fleet-model .section-intro>p{margin-top:18px}.tier-table>div{grid-template-columns:.8fr 1fr 1.3fr}}
@media(max-width:560px){.fleet-hero{width:calc(100% - 24px);padding:48px 0 75px}.fleet-intro h1{font-size:clamp(3.8rem,19vw,6rem)}.fleet-intro ul{grid-template-columns:1fr;text-align:left}.fleet-calculator{padding:23px 17px}.calculator-head>span{display:none}.fleet-capabilities,.studio-story,.signage-story,.fleet-model{width:calc(100% - 24px)}.mode-cards article{min-height:380px;padding:25px 21px}.mode-cards h3{margin-top:48px}.studio-story{padding:30px 20px}.studio-actions{align-items:stretch;flex-direction:column}.studio-visual{min-height:270px}.signage-heading{padding:52px 0}.signage-heading h2{font-size:clamp(3.4rem,17vw,5rem)}.signage-use-cases article{padding:23px 10px 27px}.signage-boundary{padding:25px 20px}.signage-boundary li{grid-template-columns:1fr;gap:5px}.tier-table>div{grid-template-columns:1fr 1fr;gap:8px;padding:14px 8px}.tier-table>div>*:last-child{grid-column:1/-1}.tier-table .tier-head>*:last-child{display:none}.fleet-boundary{grid-template-columns:1fr;gap:8px}}