:root{--fjord:#17343a;--night:#10252a;--white:#f7f8f4;--mist:#e2e8e4;--glass:rgba(247,248,244,.88);--sea:#a8d4cf;--teal:#3d8f8a;--coral:#e47767;--apricot:#f0b78e;--sage:#8fa895;--gold:#d2ae58;--slate:#8fa8ad;--graphite:#303b3d;--radius:18px;--shadow:0 14px 35px rgba(16,37,42,.12)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--graphite);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}
h1,h2,h3{font-family:Georgia,serif;color:var(--fjord);line-height:1.08;margin:0 0 20px;overflow-wrap:anywhere}
h1{font-size:clamp(2.8rem,7vw,6.8rem);letter-spacing:-.06em;max-width:930px}
h2{font-size:clamp(2rem,4vw,3.5rem)}
h3{font-size:1.7rem}
p{margin:0 0 18px}
a{color:var(--teal);font-weight:650;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.site-header{height:64px;padding:0 24px;display:flex;align-items:center;gap:28px;border-bottom:1px solid #d4ded9;background:var(--white)}
.brand{display:flex;align-items:center;gap:9px;max-width:290px;color:var(--fjord);text-decoration:none;font-weight:800;line-height:1.15;white-space:nowrap}
.brand span:last-child{white-space:nowrap;overflow-wrap:normal;word-break:normal;font-size:clamp(.72rem,1.5vw,.95rem)}
.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:2px solid var(--coral);color:var(--coral);border-radius:50%;font-size:20px;flex:none}
.site-nav{display:flex;align-items:center;gap:19px;margin-left:auto}
.site-nav a{font-size:.88rem;color:var(--fjord);text-decoration:none}
.nav-contact{background:var(--coral);padding:8px 15px;border-radius:4px}
.menu-toggle{display:none;border:1px solid var(--fjord);background:none;padding:8px 12px;font:inherit}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;padding-block:clamp(65px,10vw,130px)}
.hero-copy{}
.eyebrow,.card-number{color:var(--teal);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
.lead{font-size:1.2rem;max-width:710px;color:#46565a}
.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.button{display:inline-block;border:1px solid transparent;padding:12px 18px;text-decoration:none;font-weight:800;cursor:pointer;font:inherit}
.button-coral{background:var(--coral);color:var(--night)}
.button-outline{border-color:var(--fjord);color:var(--fjord)}
.network-visual{min-height:370px;background:var(--mist);position:relative;padding:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.network-visual img{display:block;width:100%;height:100%;min-height:370px;object-fit:cover}
.intro-band{background:var(--fjord);color:var(--white);padding:70px 0}
.intro-band h2,.intro-band .eyebrow{color:var(--white)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.split p:last-child{font-size:1.15rem}
.section{padding-block:100px}
.section-heading{margin-bottom:42px}
.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:55px 30px}
.guide-card img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover}
.glass-panel{background:var(--glass);margin:28px 18px 0;padding:25px;position:relative;box-shadow:var(--shadow);border:1px solid rgba(168,212,207,.9);min-height:245px}
.card-number{margin-bottom:12px}
.meta{color:var(--slate);font-size:.85rem}
.text-link{display:inline-block;margin-top:7px}
.guide-card:last-child{grid-column:1/-1;max-width:570px}

/* Premium footer */
.site-footer{
 background:
   radial-gradient(circle at 15% 0%,rgba(61,143,138,.18),transparent 34%),
   linear-gradient(135deg,#10252a 0%,#17343a 100%);
 color:#dbe8e5;
 padding:88px 0 28px;
 border-top:5px solid var(--teal);
}
.site-footer .wrap{position:relative}
.footer-grid{
 display:grid;
 grid-template-columns:minmax(260px,1.35fr) minmax(210px,1fr) minmax(140px,.72fr) minmax(170px,.88fr);
 gap:0;
}
.footer-grid>div,.footer-grid>nav{
 padding:0 32px;
 border-left:1px solid rgba(168,212,207,.22);
 min-width:0;
}
.footer-grid>div:first-child{
 padding-left:0;
 border-left:0;
}
.footer-grid>nav:last-child{padding-right:0}
.footer-intro{
 position:relative;
 padding-top:2px!important;
}
.footer-intro:before{
 content:"↗";
 display:grid;
 place-items:center;
 width:46px;
 height:46px;
 margin-bottom:24px;
 border:2px solid var(--coral);
 border-radius:50%;
 color:var(--coral);
 font:26px/1 Georgia,serif;
}
.footer-intro .eyebrow{
 margin-bottom:15px;
 color:#a8d4cf;
}
.footer-intro h2{
 max-width:410px;
 margin:0 0 20px;
 color:var(--white);
 font-size:clamp(2rem,3.2vw,3.2rem);
 letter-spacing:-.035em;
}
.footer-note{
 max-width:370px;
 margin-bottom:0;
 color:#b7ccca;
}
.footer-details p:not(.footer-heading){
 color:#c8dad7;
}
.footer-heading{
 color:var(--white);
 font-weight:800;
 letter-spacing:.04em;
 margin-bottom:18px;
}
.site-footer a{
 display:block;
 width:fit-content;
 max-width:100%;
 color:#bfe5df;
 margin:9px 0;
 text-decoration-color:rgba(191,229,223,.45);
 font-weight:650;
 transition:color .2s ease,transform .2s ease;
}
.site-footer a:hover{
 color:var(--coral);
 text-decoration-color:var(--coral);
 transform:translateX(2px);
}
.site-footer a[href^="mailto:"]{
 color:var(--white);
 font-weight:750;
}
.site-footer a[href^="https://popsvaultiessortbnch.motorcycles"]{
 display:block;
 width:100%;
 margin-top:22px;
 padding-top:16px;
 border-top:1px solid rgba(168,212,207,.25);
 color:var(--coral);
 font-size:.92rem;
 line-height:1.45;
 white-space:normal;
 overflow-wrap:anywhere;
 word-break:break-word;
}
.site-footer a[href^="https://popsvaultiessortbnch.motorcycles"]:before{
 content:"Website";
 display:block;
 margin-bottom:4px;
 color:#91b7b3;
 font-size:.68rem;
 font-weight:800;
 letter-spacing:.15em;
 text-transform:uppercase;
}
.copyright{
 border-top:1px solid rgba(168,212,207,.3);
 margin-top:64px;
 padding-top:24px;
 color:#a9c2bf;
 font-size:.85rem;
}
.article-hero{padding-block:85px 60px}
.article-hero h1{max-width:900px}
.article-hero img{display:block;width:100%;aspect-ratio:2/1;object-fit:cover;margin-top:42px}
.article-body{max-width:800px;padding-bottom:90px}
.article-body h2{font-size:2rem;margin-top:55px}
.article-body p,.article-body li{font-size:1.06rem}
.checklist{padding-left:22px}
.article-cta{background:var(--mist);padding:32px;margin-top:65px}
.article-cta h2{margin-top:0}
.legal-page{max-width:850px;padding:80px 0}
.legal-page h2{font-size:1.8rem;margin-top:42px}
.table-wrap{overflow-x:auto;margin:30px 0}
.legal-page table{border-collapse:collapse;width:100%;min-width:650px;background:var(--mist)}
th,td{text-align:left;padding:14px;border:1px solid #b9cbc7}
.contact-head{padding:80px 0 35px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-bottom:100px}
.location-block{background:var(--mist);padding:0 35px 35px;margin-bottom:30px;min-height:250px;overflow:hidden}
.contact-photo{display:block;width:calc(100% + 70px);height:190px;object-fit:cover;margin:0 -35px 30px}
.map-pin{display:none}
form{display:grid;gap:8px}
label{font-weight:750;margin-top:12px;color:var(--fjord)}
input,select,textarea{width:100%;padding:12px;border:1px solid #9db2af;background:#fff;font:inherit;color:var(--graphite)}
input:focus,select:focus,textarea:focus,a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.field-error{color:#a63227;min-height:20px;font-size:.85rem}
.is-invalid{border-color:#a63227}
.form-message{min-height:25px;color:var(--teal);font-weight:700}
.cookie-banner{position:fixed;z-index:10;bottom:16px;left:16px;right:16px;background:var(--night);color:var(--white);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:var(--shadow)}
.cookie-banner p{margin:0}
.cookie-banner button{margin:4px;padding:9px 12px;border:1px solid var(--sea);background:transparent;color:var(--white);cursor:pointer}
.cookie-banner button:first-child{background:var(--coral);color:var(--night);border-color:var(--coral)}
[hidden]{display:none!important}

@media(max-width:1000px){
 .site-nav{gap:10px}
 .site-nav a{font-size:.78rem}
 .hero{grid-template-columns:1fr}
 .footer-grid{grid-template-columns:1.2fr 1fr;gap:42px 0}
 .footer-grid>div,.footer-grid>nav{padding:0 26px;border-left:0}
 .footer-grid>div:first-child{padding-left:0}
 .footer-grid>nav:nth-child(3){padding-left:0}
 .footer-intro{grid-column:1/-1}
 .contact-grid{gap:35px}
}
@media(max-width:767px){
 .site-header{height:auto;min-height:64px;flex-wrap:wrap;padding:12px 16px}
 .brand{max-width:calc(100% - 80px);min-width:0}
 .menu-toggle{display:block;margin-left:auto}
 .site-nav{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;padding:14px 0}
 .site-nav.is-open{display:flex}
 .site-nav a{padding:10px;font-size:1rem}
 .hero{padding-block:65px}
 .network-visual,.network-visual img{min-height:300px}
 .split,.card-grid,.contact-grid{grid-template-columns:1fr}
 .section{padding-block:70px}
 .glass-panel{margin:24px 0 0}
 .guide-card:last-child{grid-column:auto}
 .footer-grid{
   grid-template-columns:1fr;
   gap:0;
 }
 .footer-grid>div,.footer-grid>nav,
 .footer-grid>div:first-child{
   padding:28px 0!important;
   border-left:0;
   border-top:1px solid rgba(168,212,207,.22);
 }
 .footer-grid>.footer-intro{
   padding-top:0!important;
   border-top:0;
   padding-bottom:34px!important;
 }
 .footer-intro:before{margin-bottom:20px}
 .footer-intro h2{max-width:520px}
 .footer-details,.footer-links{border-top:1px solid rgba(168,212,207,.22)!important}
 .site-footer a[href^="https://popsvaultiessortbnch.motorcycles"]{max-width:260px}
 .copyright{margin-top:30px;padding-top:20px}
 .cookie-banner{display:block}
 .cookie-banner div{margin-top:10px}
 .article-hero{padding-block:60px 35px}
 .article-hero img{margin-top:30px}
 .legal-page{padding:60px 0}
}
@media(max-width:399px){
 .wrap{width:calc(100% - 32px)}
 h1{font-size:2.65rem}
 .actions .button{width:100%;text-align:center}
 .network-visual,.network-visual img{min-height:260px}
 .cookie-banner{left:8px;right:8px;bottom:8px;padding:13px}
 .cookie-banner button{width:100%;margin:3px 0}
}
@media(prefers-reduced-motion:reduce){
 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}