.standalone-page{min-height:65vh;padding-bottom:65px}.page-intro{padding:30px 0 32px;font-size:12px;color:#758090}.page-intro h1{font-size:34px;margin:24px 0 12px;letter-spacing:-.6px}.page-intro p{font-size:15px;max-width:720px;line-height:1.9}.page-intro>a:hover{color:#111}.page-panel{background:#fff;border:1px solid #e5e9ef;border-radius:20px;padding:30px}.page-panel h2{font-size:22px;margin-bottom:16px}.page-panel p{line-height:1.9;color:#6c798b}.form-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:start;max-width:1050px;margin:auto}.form-story{padding:40px;border-radius:20px;background:linear-gradient(145deg,#fff4c2,#ffde58);min-height:400px;display:flex;flex-direction:column;align-items:flex-start;gap:25px}.form-story>.icon,.form-story>[data-icon] .icon{width:50px;height:50px;font-size:42px}.form-story h2{font-size:32px;line-height:1.5}.form-story p{font-size:15px;line-height:1.9}.form-story a{margin-top:auto;font-size:12px;font-weight:650}.page-panel .notice{font-size:12px;margin-bottom:22px}.page-panel .dialog-form{margin-top:20px}.page-panel input,.page-panel select{min-height:46px}.page-panel textarea{min-height:125px}.page-panel .button{min-height:46px}.add-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.tips h2{font-size:19px}.tips ol{padding-left:20px;color:#6c798b;line-height:1.9}.tips li{padding:9px 0}.tips p{font-size:12px}.fleet-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.fleet-detail .fleet-mark{width:60px;height:60px;margin-bottom:22px}.fleet-detail h2{font-size:20px}.fleet-rate{display:flex;gap:12px;align-items:center;padding:25px 0;margin:15px 0;border-block:1px solid #edf0f4}.fleet-rate strong{font-size:34px}.fleet-rate span{font-size:12px;color:#788494}.fleet-detail details{background:#f8f9fb;padding:15px;border-radius:12px;font-size:12px}.fleet-detail summary{cursor:pointer;font-weight:650}.fleet-detail details p{padding-top:14px}.page-cta{margin-top:28px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.page-cta>div{flex:1;min-width:220px}.page-cta h2{margin-bottom:7px}.page-note{font-size:12px;color:#86909c;margin-top:20px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.guide-grid article{position:relative;padding:35px}.guide-grid .guide-number{font-size:13px;color:#a88c20;font-weight:750}.guide-grid [data-icon]{float:right;color:#9a7800}.guide-grid h2{margin-top:25px}.guide-grid p{font-size:14px}.contact-panel>.icon,.contact-panel>[data-icon] .icon{font-size:35px;width:45px;height:45px;color:#ba9000;margin-bottom:22px}.contact-panel hr{border:0;border-top:1px solid #edf0f4;margin:25px 0}.contact-panel h3{font-size:16px;margin-bottom:12px}.contact-panel .text-link{display:inline-block;margin-top:25px;font-size:12px}.standalone-page .marketplace-main{min-width:0}
@media(max-width:900px){.form-layout{grid-template-columns:1fr 1.2fr}.form-story{padding:25px}.form-story h2{font-size:25px}.add-layout{grid-template-columns:1fr}.tips{max-width:none}.fleet-page-grid{grid-template-columns:1fr}.fleet-detail{display:grid;grid-template-columns:70px 1fr;column-gap:20px}.fleet-detail .fleet-mark{grid-row:1/3}.fleet-detail details,.fleet-rate{grid-column:1/-1}}
@media(max-width:650px){.page-intro{padding:22px 0}.page-intro h1{font-size:27px}.page-intro p{font-size:13px}.form-layout,.guide-grid{grid-template-columns:1fr}.form-story{min-height:0;gap:15px}.form-story h2 br{display:none}.form-story h2{font-size:24px}.form-story p{font-size:13px}.form-story>[data-icon]{display:none}.page-panel{padding:22px;border-radius:16px}.page-panel h2{font-size:20px}.page-cta{gap:15px}.page-cta .button{width:100%}.guide-grid article{padding:25px}.standalone-page{padding-bottom:35px}}
.form-layout>* { min-width:0; }
.page-panel .field { min-width:0; }
.page-panel input,.page-panel select,.page-panel textarea { max-width:100%; min-width:0; }
.form-story a,.page-panel .notice { overflow-wrap:anywhere; }
/* Editorial photography and paid fleet packages. */
.form-story{background:linear-gradient(180deg,#0b1d36a8,#0b1d361a 65%,#06101ee6),url('../images/pages/auth.opt.webp') center/cover;color:#fff;min-height:630px;padding:34px;gap:20px}
.form-story h2,.form-story p,.form-story a{color:#fff}.form-story>[data-icon]{color:#ffcf24}.form-story p{max-width:300px}.form-story a{padding:12px 0;border-bottom:1px solid #ffffff70}
.contact-panel{background:linear-gradient(180deg,#081a31b8,#081a3166),url('../images/pages/contact.opt.webp') center/cover;color:#fff;min-height:630px}
.contact-panel h2,.contact-panel h3,.contact-panel p{color:#fff}.contact-panel .text-link{color:#ffe178}.contact-panel hr{border-color:#ffffff35}.contact-panel>[data-icon] .icon{color:#ffdc60}
.tips{background:linear-gradient(180deg,#071729ef,#07172980 60%,#07172920),url('../images/pages/add.opt.webp') center/cover;min-height:650px;padding-bottom:190px;color:#fff}.tips h2,.tips ol,.tips p{color:#fff}.tips p{color:#d3dce8}
.fleet-banner-cta{background:linear-gradient(90deg,#071b35cc,#071b3510),url('../images/pages/fleet.opt.webp') center/cover;min-height:275px;padding:40px;color:white;align-items:flex-start;flex-direction:column;justify-content:center}.fleet-banner-cta h2,.fleet-banner-cta p{color:white}.fleet-banner-cta>div{flex:none;max-width:520px}.fleet-banner-cta .button{flex:none}
.social-buttons{display:grid;gap:10px}.social-buttons button{display:flex;justify-content:center;align-items:center;gap:12px;border:1px solid #dfe4eb;border-radius:10px;min-height:46px;font-size:12px;font-weight:650;background:#fff}.social-buttons button:hover{background:#f5f7fa;border-color:#aebac9}.social-mark{display:grid;place-items:center;width:24px;height:24px;font-family:Arial,sans-serif;font-size:22px;font-weight:700}.google-mark{color:#4285f4}.facebook-mark{background:#1877f2;color:#fff;border-radius:50%;padding-top:3px}.social-auth{margin-top:20px}.auth-divider{display:flex;align-items:center;gap:12px;color:#8c95a2;font-size:11px;margin:22px 0 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#e7ebf0;flex:1}#social-status{background:#f5f7fb;border-radius:8px;padding:12px;margin-top:10px;font-size:12px}.fleet-plan-picker{background:#fff9df;border:1px solid #f3e4a3;padding:15px;border-radius:12px}.fleet-plan-picker small{display:block;margin-top:8px;font-size:11px;color:#7d7454}
.fleet-plans{padding-top:45px;scroll-margin-top:25px}.fleet-plans .section-heading h2{font-size:25px}.fleet-plans .section-heading p{margin-top:10px;color:#788494;font-size:13px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.pricing-card{background:white;border:1px solid #e0e6ed;border-radius:18px;padding:28px;display:flex;flex-direction:column}.pricing-card.featured{border:2px solid #ffcc00;background:linear-gradient(#fffbea,#fff 50%)}.plan-kicker{font-size:12px;color:#788494}.pricing-card h3{font-size:23px;margin:10px 0 20px}.plan-price{font-size:40px;font-weight:800;letter-spacing:-1px}.plan-price small{font-size:12px;color:#778394;font-weight:400;letter-spacing:0}.pricing-card ul{list-style:none;padding:22px 0;margin:20px 0;border-top:1px solid #edf0f4;flex:1}.pricing-card li{font-size:13px;padding:8px 0;line-height:1.7}.pricing-card .button{width:100%;font-size:12px;min-height:46px}
.guide-visual{display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden;background:#102039;border-radius:20px;margin-bottom:28px}.guide-visual>img{width:100%;height:100%;min-height:330px;object-fit:cover}.guide-visual>div{padding:36px;color:#fff}.guide-visual span{font-size:12px;color:#ffdc61}.guide-visual h2{color:white;font-size:30px;line-height:1.55;margin:15px 0 25px}.guide-grid article{border-radius:18px}.guide-number{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff1ae}.guide-grid h2{font-size:21px}.guide-finish{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:white;border:1px solid #e5e9ef;border-radius:20px;overflow:hidden;margin-top:28px}.guide-finish img{width:100%;height:290px;object-fit:cover}.guide-finish>div{padding:35px}.guide-finish h2{font-size:24px;margin-bottom:18px}.guide-finish p{color:#778494;line-height:1.9;font-size:14px}
@media(max-width:900px){.pricing-grid{gap:12px}.pricing-card{padding:20px}.guide-visual h2{font-size:23px}.guide-visual>div{padding:25px}.form-story{padding:25px}.guide-finish>div{padding:25px}}
@media(max-width:650px){.form-story{min-height:400px}.form-story p{max-width:250px}.form-story a{margin-top:90px}.contact-panel{min-height:560px}.tips{min-height:590px}.fleet-banner-cta{padding:25px;min-height:300px;background-position:65% center}.pricing-grid{grid-template-columns:1fr}.pricing-card{padding:25px}.guide-visual,.guide-finish{grid-template-columns:1fr}.guide-visual>img{height:220px;min-height:0}.guide-visual h2{font-size:25px}.guide-finish img{height:220px}.guide-finish h2{font-size:22px}.fleet-plans .section-heading h2{font-size:22px}}
.fleet-registration .form-layout { max-width:none; grid-template-columns:280px minmax(0,1fr); gap:24px; }
.fleet-registration .form-story { padding:28px; }
.fleet-registration .form-story h2 { font-size:26px; }
.fleet-plan-picker { min-width:0; padding:0; border:0; background:transparent; margin:0 0 10px; }
.fleet-plan-picker legend { font-size:18px; font-weight:750; padding:0; margin-bottom:6px; }
.fleet-plan-picker .plan-description { font-size:12px; color:#728096; margin:0 0 16px; }
.plan-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.plan-option { position:relative; display:block; cursor:pointer; min-width:0; }
.plan-option input[type=radio] { position:absolute; top:19px; right:15px; width:18px; height:18px; min-height:0; margin:0; accent-color:#b78b00; z-index:1; }
.plan-option-content { display:flex; flex-direction:column; height:100%; padding:19px 15px; border:1px solid #dfe5ee; border-radius:14px; background:#fff; transition:border-color .2s,background .2s,box-shadow .2s; }
.plan-option-name { padding-right:24px; font-size:15px; }
.plan-option-price { display:block; font-size:27px; font-weight:750; margin:18px 0; color:#142031; }
.fleet-plan-picker .plan-option-price small { display:block; font-size:11px; font-weight:400; color:#728096; margin:3px 0 0; }
.plan-option-limit { font-size:12px; line-height:1.7; font-weight:700; padding-bottom:15px; border-bottom:1px solid #e8ecf2; }
.plan-option-features { display:grid; gap:10px; padding-top:15px; font-size:11px; font-weight:400; line-height:1.8; color:#596b80; }
.plan-option:hover .plan-option-content { border-color:#d1ad37; }
.plan-option input:checked + .plan-option-content { border-color:#e7b500; background:#fffbed; box-shadow:0 0 0 1px #e7b500; }
.plan-option input:focus-visible + .plan-option-content { outline:3px solid #4285f4; outline-offset:3px; }
.fleet-plan-picker .plan-disclaimer { margin-top:14px; font-size:11px; color:#8490a0; line-height:1.7; }
@media(max-width:1050px) { .fleet-registration .form-layout { grid-template-columns:1fr; } .fleet-registration .form-story { display:none; } }
@media(max-width:600px) { .plan-options { grid-template-columns:1fr; } .plan-option-content { padding:18px; } .plan-option-price { margin:12px 0; } .fleet-plan-picker .plan-option-price small { display:inline; } }
.account-type-switch { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.account-type-switch a { padding:13px 18px; border:1px solid #dce3ec; border-radius:10px; background:#fff; font-size:13px; font-weight:650; color:#182b40; }
.account-type-switch a[aria-current=page] { background:#fff5cd; border-color:#e6b900; }
.plan-options[hidden] { display:none; }
.owner-intent { display:flex!important; align-items:center; gap:10px; font-size:13px; margin:12px 0 18px; }
.owner-intent input[type=checkbox] { width:18px; height:18px; min-height:0; accent-color:#bc9000; }
.owner-fleet-link { display:inline-block; margin-top:12px; font-size:12px; color:#2460ae; }
@media(max-width:1150px) { .add-layout .plan-options { grid-template-columns:1fr; } }
.photo-dropzone { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; min-height:200px; border:2px dashed #d3dce8; border-radius:16px; background:#f8fafc; text-align:center; padding:24px; transition:background .2s,border-color .2s; }
.photo-dropzone:hover,.photo-dropzone.drag-over,.photo-dropzone:focus-within { border-color:#d4aa00; background:#fff9df; }
.photo-dropzone input[type=file] { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.photo-dropzone strong { font-size:16px; }.photo-dropzone>span:not(.drop-symbol),.photo-dropzone small { font-size:12px; color:#77869a; }
.drop-symbol { width:44px; height:44px; display:grid; place-items:center; background:#ffedaa; border-radius:12px; font-size:30px; color:#987500; }
.photo-status { font-size:12px; color:#66758b; margin:14px 0; }
.photo-previews { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.photo-preview-card { min-width:0; position:relative; overflow:hidden; border:1px solid #dfe5ed; border-radius:12px; padding:6px; background:#fff; }
.photo-preview-card.is-main { border:2px solid #e5b400; padding:5px; background:#fffbeb; }
.photo-preview-card img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:8px; display:block; }
.photo-filename { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:8px 4px; font-size:11px; color:#6c7b8f; }
.photo-main { width:100%; min-height:36px; border:0; border-radius:7px; background:#f0f3f7; font-size:11px; font-weight:650; }.is-main .photo-main { background:#ffe896; color:#755b00; }
.photo-remove { position:absolute; top:12px; right:12px; width:30px; height:30px; border:0; border-radius:50%; background:#172536d9; color:white; font:24px/1 Arial; display:grid; place-items:center; }.photo-remove:hover { background:#c53844; }
.ad-preview-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }.ad-preview-gallery img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:10px; }.ad-preview-gallery img:first-child { grid-column:1/-1; aspect-ratio:16/9; }
@media(max-width:600px) { .photo-previews { grid-template-columns:repeat(2,minmax(0,1fr)); }.photo-dropzone { padding:18px; }.photo-dropzone strong { font-size:14px; } }
@media(max-width:650px) {
 body[data-page=login] .form-layout #page-form { grid-row:1; }
 body[data-page=login] .form-story { min-height:330px; }
 .page-panel input:not([type=radio]):not([type=checkbox]):not([type=file]),.page-panel select,.page-panel textarea { font-size:16px; }
 .social-buttons button { min-height:48px; }
 .photo-main { min-height:44px; }.photo-remove { width:38px; height:38px; }
 .plan-option input[type=radio] { width:22px; height:22px; }
}

body[data-page="login"] .form-layout { max-width:none; grid-template-columns:280px minmax(0,1fr); }
@media(max-width:1050px) { body[data-page="login"] .form-layout { grid-template-columns:1fr; } body[data-page="login"] .form-story { display:none; } }
body[data-page="login"] .form-story { padding:28px; } body[data-page="login"] .form-story h2 { font-size:26px; }