.drive-home-shell { min-height:100vh; background:var(--bg); color:var(--text); }
.drive-home-nav { display:flex; align-items:center; gap:28px; max-width:1180px; margin:0 auto; padding:22px 28px; }.drive-home-brand { display:flex; align-items:center; gap:9px; min-width:170px; color:var(--text); text-decoration:none; font-size:1.02rem; font-weight:800; }.drive-home-mark { display:inline-grid; place-items:center; width:30px; height:30px; border-radius:9px; background:#3d6fba; color:#fff; font-size:.86rem; font-weight:850; }.drive-home-nav nav { display:flex; gap:22px; }.drive-home-nav nav a,.drive-home-footer a { color:var(--muted); font-size:.76rem; text-decoration:none; }.drive-home-nav nav a:hover,.drive-home-footer a:hover { color:#3d6fba; }.drive-home-actions { display:flex; align-items:center; gap:10px; margin-left:auto; }.drive-home-actions .button { min-height:34px; padding:7px 12px; }.drive-home-shell .appearance-options { display:flex; gap:2px; margin:0; padding:3px; border:1px solid var(--line); border-radius:999px; background:color-mix(in srgb,var(--text) 5%,var(--panel-solid)); }.drive-home-shell .appearance-options label { position:relative; display:inline-flex; align-items:center; justify-content:center; min-height:24px; padding:2px 5px; border-radius:999px; color:var(--muted); font-size:.64rem; font-weight:700; cursor:pointer; }.drive-home-shell .appearance-options label:has(input:checked) { background:var(--text); color:var(--bg); }.drive-home-shell .appearance-options input { position:absolute; width:1px; height:1px; opacity:0; }
.drive-home-hero { display:grid; grid-template-columns:1fr 1fr; gap:55px; align-items:center; max-width:1180px; min-height:520px; margin:0 auto; padding:50px 28px 72px; }.drive-home-copy { max-width:580px; }.drive-home-copy h1 { margin:12px 0 22px; font-size:clamp(3.3rem,6vw,5.8rem); line-height:.94; letter-spacing:-.075em; }.drive-home-copy h1 em { color:#3d6fba; font-style:normal; }.drive-home-lede { max-width:520px; margin:0; color:var(--muted); font-size:1rem; line-height:1.65; }.drive-home-actions-row { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }.drive-home-note { display:flex; align-items:center; gap:7px; margin-top:23px; color:var(--muted); font-size:.73rem; }.drive-home-note strong { color:var(--text); font-weight:700; }.drive-home-art { position:relative; min-height:350px; }.drive-signal-card { position:absolute; top:40px; right:5%; display:grid; gap:11px; width:min(330px,80%); padding:25px; border:1px solid var(--line); border-radius:18px; background:var(--panel-solid); box-shadow:0 26px 70px color-mix(in srgb,var(--text) 12%,transparent); transform:rotate(3deg); }.drive-signal-label { color:#3d6fba; font-size:.62rem; font-weight:850; letter-spacing:.13em; }.drive-signal-card strong { font-size:1.4rem; letter-spacing:-.04em; }.drive-signal-line { width:75%; height:5px; border-radius:9px; background:color-mix(in srgb,#3d6fba 58%,transparent); }.drive-signal-card small,.drive-folder-card small { color:var(--muted); font-size:.74rem; line-height:1.45; }.drive-folder-card { position:absolute; right:43%; bottom:30px; display:grid; gap:5px; width:155px; padding:16px; border:1px solid var(--line); border-radius:13px; background:var(--panel-solid); box-shadow:0 15px 40px color-mix(in srgb,var(--text) 8%,transparent); transform:rotate(-5deg); }.drive-folder-card span { color:#3d6fba; font-size:1.35rem; }.drive-folder-card strong { font-size:.82rem; }.drive-trust-strip { display:grid; grid-template-columns:repeat(4,1fr); max-width:1180px; margin:0 auto; padding:20px 28px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.drive-trust-strip div { display:grid; gap:5px; padding:0 18px; border-left:1px solid var(--line); }.drive-trust-strip div:first-child { padding-left:0; border-left:0; }.drive-trust-strip strong,.drive-feature-grid article span { color:#3d6fba; font-size:.68rem; letter-spacing:.1em; }.drive-trust-strip span { color:var(--muted); font-size:.72rem; }.drive-home-section { max-width:1180px; margin:0 auto; padding:95px 28px; }.drive-split { display:grid; grid-template-columns:1fr 1fr; gap:60px; }.drive-home-section h2 { max-width:500px; margin:10px 0 0; font-size:2.35rem; line-height:1.05; letter-spacing:-.055em; }.drive-split p:not(.eyebrow) { max-width:500px; margin:0 0 20px; color:var(--muted); font-size:.92rem; line-height:1.7; }.text-link { color:#3d6fba; font-size:.8rem; font-weight:800; text-decoration:none; }.drive-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }.drive-section-heading { grid-column:1/-1; margin-bottom:12px; }.drive-feature-grid article { min-height:150px; padding:20px; border:1px solid var(--line); border-radius:13px; background:var(--panel-solid); }.drive-feature-grid article h3 { margin:26px 0 8px; font-size:1rem; }.drive-feature-grid article p { margin:0; color:var(--muted); font-size:.78rem; line-height:1.55; }.drive-home-footer { display:flex; align-items:center; gap:25px; max-width:1180px; margin:0 auto; padding:24px 28px 32px; border-top:1px solid var(--line); color:var(--muted); font-size:.73rem; }.drive-home-footer > span:first-child { display:flex; align-items:center; gap:8px; color:var(--text); font-weight:750; }.drive-home-footer .drive-home-mark { width:23px; height:23px; border-radius:7px; font-size:.7rem; }.drive-home-footer nav { display:flex; gap:15px; margin-left:auto; }
@media (max-width:760px) { .drive-home-nav { flex-wrap:wrap; padding:16px 18px; }.drive-home-brand { min-width:auto; }.drive-home-nav nav { display:none; }.drive-home-actions { margin-left:auto; }.drive-home-actions .appearance-options { display:none; }.drive-home-hero { grid-template-columns:1fr; gap:10px; min-height:auto; padding:55px 18px 65px; }.drive-home-copy h1 { font-size:3.55rem; }.drive-home-art { min-height:280px; }.drive-signal-card { top:20px; right:6%; }.drive-folder-card { right:40%; bottom:8px; }.drive-trust-strip { grid-template-columns:repeat(2,1fr); gap:18px 0; padding:20px 18px; }.drive-trust-strip div:nth-child(3) { padding-left:0; border-left:0; }.drive-home-section { padding:65px 18px; }.drive-split,.drive-feature-grid { grid-template-columns:1fr; gap:16px; }.drive-home-section h2 { font-size:1.9rem; }.drive-home-footer { flex-wrap:wrap; padding:22px 18px 28px; }.drive-home-footer nav { width:100%; margin-left:0; } }
