:root{--navy:#050505;--navy2:#0b0b0b;--blue:#d8a62d;--gold:#e0ad32;--cream:#f5f1e8;--ink:#152033;--muted:#6d7787;--white:#fff;--line:rgba(255,255,255,.12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--navy);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);line-height:1.5}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.site-header{height:80px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;background:#08111feb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:#fff}.brand-mark{width:42px;height:42px;border:1px solid rgba(216,173,91,.8);display:grid;place-items:center;color:var(--gold);font-weight:900;letter-spacing:-1px}.brand strong{display:block;letter-spacing:.16em;font-size:.92rem}.brand small{display:block;color:#aeb8c7;font-size:.7rem;letter-spacing:.06em}.site-header nav{display:flex;gap:28px;color:#c9d1dd;font-size:.9rem}.site-header nav a:hover{color:#fff}.header-cta{color:var(--navy);background:var(--gold);padding:11px 18px;font-weight:800;font-size:.86rem}.hero{min-height:650px;padding:84px clamp(20px,7vw,110px) 72px;display:grid;grid-template-columns:1fr;align-items:center;gap:0;position:relative;overflow:hidden;color:#fff;background:linear-gradient(90deg,#000000fa,#000000eb 38%,#0000004d 66%,#00000014),url(/clay-drives-hero.jpg) right center/auto 100% no-repeat,#050505}.hero-glow{position:absolute;width:500px;height:500px;border:1px solid rgba(216,173,91,.14);border-radius:50%;right:-120px;top:100px;box-shadow:0 0 0 90px #d8ad5b06,0 0 0 180px #d8ad5b05}.eyebrow{font-size:.77rem;letter-spacing:.24em;color:var(--gold);font-weight:800;margin-bottom:18px}.hero h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(3.2rem,6.3vw,6.4rem);line-height:.98;letter-spacing:-.045em;margin:0 0 28px}.hero h1 span{color:var(--gold)}.hero-copy{max-width:720px;position:relative;z-index:2}.hero-copy>p{font-size:1.15rem;color:#bdc6d3;max-width:760px}.hero-actions{display:flex;gap:14px;margin:34px 0}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 24px;font-weight:850;border:0;cursor:pointer;letter-spacing:.01em}.btn.primary{background:var(--gold);color:#080808}.btn.secondary{border:1px solid rgba(255,255,255,.35);color:#fff}.btn.gold{background:var(--gold);color:var(--navy)}.btn.full{width:100%}.hero-proof{display:flex;flex-wrap:wrap;gap:20px;color:#aeb8c7;font-size:.86rem}.hero-visual{position:relative;z-index:2;justify-self:center}.portrait-frame{width:min(390px,80vw);aspect-ratio:3/4;overflow:hidden;border:1px solid rgba(216,173,91,.6);box-shadow:30px 30px #2474e51f}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.floating-card{position:absolute;left:-70px;bottom:28px;width:230px;padding:20px;background:#fff;color:var(--ink);box-shadow:0 24px 55px #0000004d;border-left:5px solid var(--gold)}.floating-card strong,.floating-card span{display:block}.floating-card span{font-size:.85rem;color:var(--muted);margin-top:3px}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--cream);padding:28px clamp(20px,7vw,110px);border-bottom:1px solid #ded7ca}.trust-strip div{padding:0 24px;border-right:1px solid #d9d1c3}.trust-strip div:last-child{border:0}.trust-strip strong,.trust-strip span{display:block}.trust-strip strong{font-family:Georgia,serif;font-size:1.5rem}.trust-strip span{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.section{padding:100px clamp(20px,7vw,110px)}.section.light{background:#f8f7f3}.section.dark{background:var(--navy2);color:#fff}.section-heading{max-width:820px;margin:0 auto 50px;text-align:center}.section-heading.left{text-align:left;margin-left:0}.section-heading span{font-size:.76rem;letter-spacing:.22em;color:var(--blue);font-weight:900}.section.dark .section-heading span{color:var(--gold)}.section-heading h2,.calculator-copy h2,.about-copy h2,.lead-copy h2{font-family:Georgia,serif;font-weight:500;font-size:clamp(2.25rem,4vw,4rem);line-height:1.05;margin:12px 0 18px;letter-spacing:-.03em}.section-heading p,.calculator-copy p,.about-copy p,.lead-copy p{color:var(--muted);font-size:1.05rem}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{background:#fff;padding:34px;border:1px solid #e6e2d9}.feature-card .number{color:var(--gold);font-weight:900;letter-spacing:.16em}.feature-card h3{font-size:1.25rem}.feature-card p{color:var(--muted)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}.filters button{padding:10px 18px;background:transparent;border:1px solid rgba(255,255,255,.2);color:#bdc6d3;cursor:pointer}.filters button.active{background:var(--gold);color:var(--navy);border-color:var(--gold)}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.vehicle-card{background:#fff;color:var(--ink);overflow:hidden}.vehicle-art{height:160px;display:flex;align-items:flex-start;justify-content:space-between;padding:18px;background:linear-gradient(145deg,#dce6f2,#9fb4ca);position:relative}.vehicle-art.suv{background:linear-gradient(145deg,#e6dfd4,#b5a58f)}.vehicle-art.ev{background:linear-gradient(145deg,#dcebea,#8cbabb)}.vehicle-art.hybrid{background:linear-gradient(145deg,#e6ecd8,#9eb17b)}.vehicle-art span{background:#08111fcc;color:#fff;padding:6px 10px;font-size:.73rem;letter-spacing:.12em}.vehicle-silhouette{font-size:7rem;line-height:1;color:#08111f94;position:absolute;right:22px;bottom:10px;transform:scaleX(1.6)}.vehicle-body{padding:24px}.vehicle-meta{font-size:.76rem;color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.1em}.vehicle-body h3{font-family:Georgia,serif;font-size:1.55rem;margin:8px 0 0}.vehicle-body p{margin:2px 0 20px;color:var(--muted)}.vehicle-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e6e2d9;padding-top:17px;font-size:.82rem}.vehicle-footer a{font-weight:850;color:var(--blue)}.inventory-note{color:#8f9aaa;font-size:.82rem;margin-top:24px}.calculator-section{background:var(--cream);display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.dark-text{color:var(--blue)}.calc-result{margin-top:34px;padding:28px;background:var(--navy);color:#fff}.calc-result small,.calc-result strong,.calc-result span{display:block}.calc-result strong{font-family:Georgia,serif;font-size:3.4rem;color:var(--gold)}.calc-result span{color:#aeb8c7}.calculator-card{background:#fff;padding:34px;box-shadow:0 20px 60px #1a26361f}label{display:block;font-size:.8rem;font-weight:800;color:#435066;margin-bottom:18px}input,textarea,select{width:100%;margin-top:7px;padding:14px;border:1px solid #d6dbe2;background:#fbfcfd;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2474e51a}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.about-section{background:var(--navy);color:#fff;display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:72px;align-items:center}.about-photo-wrap{position:relative;max-width:520px}.about-photo{aspect-ratio:4/5;overflow:hidden;border:1px solid rgba(216,173,91,.55);box-shadow:28px 28px #d8ad5b17}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center 34%;display:block;filter:saturate(.9) contrast(1.03)}.about-photo-tag{position:absolute;left:-24px;bottom:28px;background:#050505;border-left:5px solid var(--gold);padding:16px 20px;box-shadow:0 18px 45px #00000059}.about-photo-tag strong,.about-photo-tag span{display:block}.about-photo-tag strong{color:var(--gold);letter-spacing:.12em}.about-photo-tag span{font-size:.78rem;color:#c4ccd7;margin-top:3px}.about-copy{max-width:760px;margin:0}.about-copy p{color:#b9c3d1}.text-link{color:var(--gold);font-weight:850}.lead-section{background:linear-gradient(135deg,#142b4c,#0b1627);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.lead-copy p{color:#bcc6d3}.lead-form{background:#fff;padding:34px}.lead-form label{color:#435066}.footer-brand{color:#fff}footer{padding:56px clamp(20px,7vw,110px) 95px;background:#050b14;color:#9eabba;display:grid;grid-template-columns:1fr 1fr auto;gap:24px;align-items:center}footer p{margin:0}.footer-links{display:flex;gap:18px;color:#fff;font-size:.88rem}.legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;color:#6f7c8c}.mobile-bar{display:none}@media (max-width:980px){.site-header nav,.header-cta{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{margin-top:20px}.trust-strip{grid-template-columns:repeat(2,1fr);gap:20px}.trust-strip div{border:0}.three-grid,.inventory-grid{grid-template-columns:1fr 1fr}.calculator-section,.about-section,.lead-section{grid-template-columns:1fr}.about-section{text-align:left}.about-photo-wrap{max-width:480px;margin:0 auto}.about-photo-tag{left:12px}.about-copy{max-width:760px;margin:0 auto}.about-photo{order:2}footer{grid-template-columns:1fr}.legal{grid-column:auto}.mobile-bar{position:fixed;bottom:0;left:0;right:0;z-index:60;display:grid;grid-template-columns:1fr 1fr 1.4fr;background:#fff;box-shadow:0 -5px 25px #0003}.mobile-bar a{padding:14px 8px;text-align:center;font-weight:850;border-right:1px solid #e2e5e9;font-size:.84rem}.mobile-bar a:last-child{background:var(--blue);color:#fff}}@media (max-width:650px){.site-header{height:68px;padding:0 16px}.brand strong{font-size:.8rem}.brand small{font-size:.62rem}.hero{padding:52px 20px 60px;min-height:auto}.hero h1{font-size:3.3rem}.hero-actions{flex-direction:column}.btn{width:100%}.hero-proof{display:grid;gap:8px}.portrait-frame{width:82vw}.floating-card{left:-10px;bottom:16px}.trust-strip{padding:24px 20px}.trust-strip div{padding:0}.section{padding:72px 20px}.three-grid,.inventory-grid{grid-template-columns:1fr}.two-col{grid-template-columns:1fr;gap:0}.calculator-card,.lead-form{padding:24px}.calc-result strong{font-size:2.7rem}.vehicle-footer{flex-direction:column}.section-heading{text-align:left}.about-photo{aspect-ratio:4/5}.about-photo img{width:100%;height:100%}.about-photo-tag{position:static;margin-top:0}footer{padding:48px 20px 100px}.footer-links{flex-direction:column;gap:8px}}@media (max-width:980px){.hero{background:linear-gradient(180deg,#000c,#000000f5),url(/clay-drives-hero.jpg) center top/cover no-repeat;min-height:650px}.hero-copy{max-width:680px}}@media (max-width:650px){.hero{background:linear-gradient(180deg,#00000094,#000000fa 58%),url(/clay-drives-hero.jpg) 66% top/auto 52% no-repeat,#050505;padding-top:300px;min-height:auto}.hero h1{font-size:2.9rem}}