/* vanilla base reset (no framework) */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: var(--kb06oln-font, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif); line-height: 1.5; color: var(--kb06oln-ink, #111); background: var(--kb06oln-bg, #fff); } h1, h2, h3, h4, h5, h6 { font-family: var(--kb06oln-font-display, var(--kb06oln-font, system-ui, sans-serif)); } img, svg, video, canvas { max-width: 100%; height: auto; } a { color: inherit; } *:focus-visible { outline: 2px solid var(--kb06oln-primary, #2563eb); outline-offset: 2px; } /* visibility shim for framework toggles */ .hidden { display: none !important; } /* design tokens */ :root { --kb06oln-primary: #C2410C; --kb06oln-secondary: #1F2937; --kb06oln-accent: #F59E0B; --kb06oln-ink: #111111; --kb06oln-slate: #5B5B55; --kb06oln-mist: #EDEDE7; --kb06oln-border: #E6E6E0; --kb06oln-surface: #F7F7F5; --kb06oln-bg: #FFFFFF; --kb06oln-text: #111111; --kb06oln-font: 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif; --kb06oln-font-display: 'Avenir Next', Avenir, 'Segoe UI', 'Century Gothic', sans-serif; } /* state utilities */ .is-open { display: block !important; } .is-active { display: block !important; } [hidden] { display: none !important; } /* framework-injected components (vanilla) */ [data-kb06oln-ui="cookie-banner"] { position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 9999; margin: 0 auto; max-width: 56rem; border: 1px solid var(--kb06oln-border, #e5e7eb); background: var(--kb06oln-surface, #fff); border-radius: 1rem; padding: 1rem; box-shadow: 0 10px 30px rgba(0,0,0,.15); } [data-kb06oln-ui="cookie-banner"] > div { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-start; justify-content: space-between; } [data-kb06oln-ui="cookie-banner"] > div > div:last-child { display: flex; flex-wrap: wrap; gap: .5rem; } [data-kb06oln-ui="cookie-banner"] a { text-decoration: underline; } [data-kb06oln-cs-action], [data-kb06oln-ag-action] { cursor: pointer; border-radius: .5rem; padding: .5rem .9rem; font-size: .8rem; border: 1px solid var(--kb06oln-border, #d1d5db); background: transparent; color: var(--kb06oln-ink, #111); } [data-kb06oln-cs-action="accept-all"], [data-kb06oln-cs-action="save"], [data-kb06oln-ag-action="confirm"] { background: var(--kb06oln-primary, #2563eb); color: #fff; border-color: transparent; font-weight: 600; } [data-kb06oln-cs-action="reject-all"] { background: var(--kb06oln-ink, #111); color: #fff; border-color: transparent; font-weight: 600; } [data-kb06oln-cs-panel] { margin-top: 1rem; border: 1px solid var(--kb06oln-border, #e5e7eb); background: var(--kb06oln-surface, #fff); border-radius: .75rem; padding: 1rem; font-size: .875rem; } [data-kb06oln-cs-panel] > div { display: flex; flex-wrap: wrap; gap: .75rem; } [data-kb06oln-ui="cookie-banner"] label { display: inline-flex; align-items: center; gap: .5rem; } [data-kb06oln-ui="age-gate-overlay"] { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.8); } [data-kb06oln-ui="age-gate-overlay"] > div { width: 100%; max-width: 28rem; margin: 0 1rem; background: var(--kb06oln-surface, #1a1a2e); color: var(--kb06oln-ink, #fff); border-radius: 1rem; padding: 2rem; text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,.4); } [data-kb06oln-ui="age-gate-overlay"] > div > div:last-of-type { display: flex; flex-direction: column; gap: .75rem; } [data-kb06oln-ag-action] { padding: .75rem 1.5rem; } /* sections */ /* kb06oln:header */ /* kb06oln:header */ #header{--h-pad:clamp(14px,2.2vw,22px); background:var(--kb06oln-bg); color:var(--kb06oln-text); border-bottom:1px solid var(--kb06oln-border); position:sticky; top:0; z-index:50;} #header .header-inner{max-width:72rem; margin:0 auto; padding:var(--h-pad) var(--h-pad); display:flex; align-items:center; justify-content:space-between; gap:18px;} #header .brand{display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--kb06oln-ink); min-width:170px;} #header .brand-mark{width:34px; height:34px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; background:var(--kb06oln-surface); border:1px solid var(--kb06oln-border); font-size:16px;} #header .brand-name{font-family:var(--font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif); font-weight:750; letter-spacing:-0.02em;} #header .nav{display:flex; align-items:center; gap:18px;} #header .nav-link{font-size:0.95rem; color:var(--kb06oln-slate); text-decoration:none; padding:10px 10px; border-radius:12px;} #header .nav-link:focus-visible{outline:3px solid var(--kb06oln-accent); outline-offset:2px;} #header .header-actions{display:flex; align-items:center; gap:12px;} #header .button{display:inline-flex; align-items:center; justify-content:center; gap:10px; height:44px; padding:0 16px; border-radius:14px; font-weight:700; font-size:0.95rem; text-decoration:none; border:1px solid transparent; line-height:1; white-space:nowrap;} #header .button-primary{background:var(--kb06oln-primary); color:#fff; border-color:var(--kb06oln-primary);} #header .button-primary:hover{background:#b53b08; border-color:#b53b08;} #header .button-outline{background:var(--kb06oln-surface); color:var(--kb06oln-ink); border-color:var(--kb06oln-border);} #header .button-outline:hover{background:#f1f1ee; border-color:#dcdcd4;} #header .button:focus-visible{outline:3px solid var(--kb06oln-accent); outline-offset:2px;} #header .menu-toggle{display:none; align-items:center; justify-content:center; gap:10px; height:44px; padding:0 14px; border-radius:14px; border:1px solid var(--kb06oln-border); background:var(--kb06oln-surface); color:var(--kb06oln-ink); font-weight:800;} #header .menu-toggle:focus-visible{outline:3px solid var(--kb06oln-accent); outline-offset:2px;} #header .menu-toggle-label{font-size:0.95rem;} #header .menu-toggle-icon{font-size:18px;} #header .mobile-menu{display:none;} @media (max-width: 900px){ #header .nav{display:none;} #header .button-outline{display:none;} #header .menu-toggle{display:inline-flex;} #header .header-actions .button-primary{display:inline-flex;} } @media (max-width: 640px){ #header .header-inner{padding:14px 14px;} #header .header-actions .button-primary{display:none;} #header .mobile-menu{display:block; max-height:0; overflow:hidden; transition:max-height 180ms ease; border-top:1px solid var(--kb06oln-border);} #header .mobile-menu.is-open{max-height:420px;} #header .mobile-menu-inner{max-width:72rem; margin:0 auto; padding:14px 14px 18px; display:flex; flex-direction:column; gap:6px;} #header .mobile-link{padding:12px 12px; border-radius:12px; text-decoration:none; color:var(--kb06oln-ink); font-weight:700; background:transparent;} #header .mobile-link:focus-visible{outline:3px solid var(--kb06oln-accent); outline-offset:2px;} #header .mobile-cta{margin-top:10px; display:flex; gap:10px; flex-wrap:wrap;} } #header .mobile-menu.is-open .mobile-cta .button-primary{min-width:180px;} #header ::selection{background:rgba(245,158,11,0.35);} @media (prefers-reduced-motion: reduce){ #header .mobile-menu{transition:none;} #header .button-primary:hover,#header .button-outline:hover{transition:none;} } /* kb06oln:footer */ /* kb06oln:footer */ #footer.footer{background:var(--kb06oln-surface);border-top:1px solid var(--kb06oln-border);color:var(--kb06oln-text);padding:clamp(2.5rem,4vw,3.5rem) 0} #footer .footer-inner{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,3vw,2rem)} #footer .footer-top{display:flex;gap:clamp(1.25rem,3vw,2.5rem);align-items:flex-start;justify-content:space-between;flex-wrap:wrap} #footer .footer-brand{display:flex;gap:0.9rem;min-width:18rem;flex:1} #footer .brand-mark{width:44px;height:44px;border-radius:var(--radius-sm,10px);background:var(--kb06oln-bg);border:1px solid var(--kb06oln-border);display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1} #footer .brand-name{font-family:var(--font-family-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);font-weight:800;letter-spacing:-0.02em;font-size:1.1rem} #footer .brand-tag{margin:0.45rem 0 0 0;color:var(--kb06oln-slate);font-size:0.95rem;line-height:1.55;max-width:24rem} #footer .footer-columns{display:grid;grid-template-columns:1.1fr 1.2fr 1.1fr;gap:1.5rem;flex:2;min-width:min(48rem,100%)} #footer .footer-col-title{font-weight:800;font-size:0.95rem;margin:0 0 0.75rem 0;letter-spacing:-0.01em} #footer .footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.55rem} #footer .footer-link{color:var(--kb06oln-secondary);text-decoration:none;display:inline-block;line-height:1.35;outline:0} #footer .footer-link:hover{text-decoration:underline} #footer .footer-link:focus-visible{outline:2px solid var(--kb06oln-accent);outline-offset:3px;border-radius:6px} #footer .footer-address{margin:0;display:flex;flex-direction:column;gap:0.6rem;font-style:normal} #footer .footer-row{display:flex;gap:0.75rem;align-items:baseline;flex-wrap:wrap} #footer .footer-label{color:var(--kb06oln-slate);font-size:0.9rem;min-width:4.5rem} #footer .footer-value{color:var(--kb06oln-secondary);font-size:0.95rem} #footer .safety-box{background:var(--kb06oln-bg);border:1px solid var(--kb06oln-border);border-radius:var(--radius-md,14px);padding:1rem 1rem} #footer .safety-line{margin:0 0 0.6rem 0;color:var(--kb06oln-secondary);font-size:0.95rem;line-height:1.55} #footer .safety-line:last-child{margin-bottom:0} #footer .footer-mini-links{margin-top:0.85rem;display:flex;gap:0.55rem;align-items:center;flex-wrap:wrap} #footer .footer-mini-link{color:var(--kb06oln-secondary);text-decoration:underline;text-decoration-color:transparent} #footer .footer-mini-link:hover{text-decoration-color:var(--kb06oln-accent)} #footer .footer-mini-link:focus-visible{outline:2px solid var(--kb06oln-accent);outline-offset:3px;border-radius:6px;text-decoration-color:var(--kb06oln-accent)} #footer .footer-dot{color:var(--kb06oln-slate)} #footer .footer-bottom{margin-top:clamp(1.75rem,3.5vw,2.6rem);display:flex;gap:1.5rem;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--kb06oln-border);padding-top:1.4rem} #footer .footer-legal{min-width:18rem;flex:1} #footer .legal-line{color:var(--kb06oln-slate);font-size:0.9rem;line-height:1.55;margin-bottom:0.65rem} #footer .legal-links{display:flex;gap:1.25rem;flex-wrap:wrap} #footer .legal-link{color:var(--kb06oln-secondary);text-decoration:none;font-size:0.9rem} #footer .legal-link:hover{text-decoration:underline} #footer .legal-link:focus-visible{outline:2px solid var(--kb06oln-accent);outline-offset:3px;border-radius:6px} #footer .footer-contact{min-width:18rem;flex:1;display:flex;flex-direction:column;align-items:flex-end} #footer .footer-small{color:var(--kb06oln-slate);font-size:0.9rem;line-height:1.5;margin-bottom:0.75rem;text-align:right;max-width:22rem} #footer .cta-ghost{background:var(--kb06oln-bg);border:1px solid var(--kb06oln-accent);color:var(--kb06oln-secondary);padding:0.75rem 1rem;border-radius:var(--radius-sm,10px);text-decoration:none;font-weight:800;display:inline-flex;align-items:center;gap:0.55rem;min-height:44px;justify-content:center;box-shadow:none} #footer .cta-ghost:hover{background:color-mix(in srgb, var(--kb06oln-bg) 82%, var(--kb06oln-accent) 18%)} #footer .cta-ghost:focus-visible{outline:2px solid var(--kb06oln-accent);outline-offset:3px} #footer ::selection{background:color-mix(in srgb, var(--kb06oln-accent) 35%, white 65%)} @media (max-width: 900px){ #footer .footer-columns{grid-template-columns:1fr;min-width:100%} #footer .footer-contact{align-items:flex-start} #footer .footer-small{text-align:left} } @media (prefers-reduced-motion: reduce){ #footer *{scroll-behavior:auto} #footer .footer-link,#footer .legal-link,#footer .cta-ghost{transition:none} } /* kb06oln:booking-hero */ /* kb06oln:booking-hero */ #booking-hero{--pad:clamp(18px,3vw,30px);background:var(--kb06oln-bg);color:var(--kb06oln-text);padding:var(--pad) 0;} #booking-hero .container{max-width:72rem;margin:0 auto;padding:0 clamp(16px,3vw,28px);} #booking-hero .grid{display:grid;grid-template-columns:1fr 420px;gap:clamp(16px,3vw,28px);align-items:start;} #booking-hero .map-col{min-width:0;} #booking-hero .map-frame{position:relative;border:1px solid var(--kb06oln-border);background:var(--kb06oln-surface);border-radius:var(--kb06oln-radius,14px);overflow:hidden;aspect-ratio: 16 / 10;} #booking-hero .map-grid{position:absolute;inset:0;background-image:linear-gradient(to right, rgba(17,17,17,.06) 1px, transparent 1px),linear-gradient(to bottom, rgba(17,17,17,.06) 1px, transparent 1px);background-size:48px 48px;opacity:.55;} #booking-hero .poi{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;border:1px solid var(--kb06oln-border);background:rgba(247,247,245,.92);cursor:pointer;outline:none;transition:transform .12s ease,border-color .12s ease,background-color .12s ease;} #booking-hero .poi:focus-visible{box-shadow:0 0 0 3px rgba(245,158,11,.35);} #booking-hero .poi:hover{transform:translateY(-2px);border-color:var(--kb06oln-accent);} #booking-hero .poi-dot{width:10px;height:10px;border-radius:50%;background:var(--kb06oln-accent);box-shadow:0 0 0 6px rgba(245,158,11,.18);} #booking-hero .poi-label{font-size:.95rem;color:var(--kb06oln-secondary);font-weight:600;letter-spacing:-.01em;white-space:nowrap;} #booking-hero .poi-center{left:12%;top:32%;} #booking-hero .poi-station{left:58%;top:22%;} #booking-hero .poi-oldtown{left:26%;top:66%;} #booking-hero .poi.is-active{border-color:var(--kb06oln-primary);background:#fff;} #booking-hero .poi.is-active .poi-label{color:var(--kb06oln-primary);text-decoration:underline;text-underline-offset:3px;} #booking-hero .map-legend{position:absolute;left:14px;bottom:14px;right:14px;display:flex;gap:10px;flex-wrap:wrap;} #booking-hero .legend-chip{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;border:1px solid var(--kb06oln-border);background:rgba(255,255,255,.86);font-size:.82rem;color:var(--kb06oln-secondary);} #booking-hero .legend-chip-muted{background:rgba(237,237,231,.78);} #booking-hero .map-caption{padding:14px 2px 0;} #booking-hero .caption-title{margin:0 0 6px;font-weight:800;letter-spacing:-.02em;} #booking-hero .caption-text{margin:0;color:var(--kb06oln-slate);line-height:1.45;font-size:.98rem;} #booking-hero .sidebar{min-width:0;} #booking-hero .booking-card{position:sticky;top:18px;border:1px solid var(--kb06oln-border);background:var(--kb06oln-surface);border-radius:18px;padding:18px;} #booking-hero .booking-head{padding:6px 6px 12px;} #booking-hero .eyebrow{font-size:.82rem;color:var(--kb06oln-primary);font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;} #booking-hero .title{margin:0 0 8px;font-size:clamp(1.3rem,2.3vw,1.7rem);line-height:1.08;letter-spacing:-.03em;text-wrap:balance;} #booking-hero .subhead{margin:0;color:var(--kb06oln-slate);line-height:1.45;font-size:.98rem;} #booking-hero .booking-form{display:block;margin-top:10px;} #booking-hero .field{margin-top:12px;} #booking-hero .field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;} #booking-hero label,.field-label{display:block;font-weight:800;font-size:.92rem;margin:0 0 8px;letter-spacing:-.01em;} #booking-hero input,#booking-hero select{width:100%;height:44px;border-radius:14px;border:1px solid var(--kb06oln-border);background:#fff;padding:0 12px;font-size:1rem;color:var(--kb06oln-ink);outline:none;} #booking-hero input:focus-visible,#booking-hero select:focus-visible{box-shadow:0 0 0 3px rgba(245,158,11,.35);border-color:var(--kb06oln-accent);} #booking-hero input::placeholder{color:rgba(17,17,17,.45);} #booking-hero .segmented{display:flex;gap:8px;flex-wrap:wrap;} #booking-hero .seg-btn{flex:1 1 auto;min-width:140px;height:44px;border-radius:14px;border:1px solid var(--kb06oln-border);background:#fff;color:var(--kb06oln-secondary);font-weight:900;letter-spacing:-.01em;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,transform .12s ease;} #booking-hero .seg-btn[aria-pressed="true"]{border-color:var(--kb06oln-primary);background:rgba(194,65,12,.06);color:var(--kb06oln-primary);} #booking-hero .seg-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(245,158,11,.35);} #booking-hero .seg-btn:hover{border-color:var(--kb06oln-accent);} #booking-hero .toggle{display:flex;gap:8px;} #booking-hero .toggle-btn{flex:1;height:44px;border-radius:14px;border:1px solid var(--kb06oln-border);background:#fff;color:var(--kb06oln-secondary);font-weight:900;cursor:pointer;} #booking-hero .toggle-btn[aria-pressed="true"]{border-color:var(--kb06oln-primary);background:rgba(194,65,12,.06);color:var(--kb06oln-primary);} #booking-hero .toggle-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(245,158,11,.35);} #booking-hero .price-block{margin-top:14px;border-top:1px solid rgba(230,230,224,.9);padding-top:14px;} #booking-hero .price-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px;} #booking-hero .price-label{font-weight:1000;letter-spacing:-.02em;} #booking-hero .price-note{font-size:.86rem;color:var(--kb06oln-slate);} #booking-hero .price-row{display:flex;align-items:baseline;gap:10px;} #booking-hero .price-value{font-variant-numeric:tabular-nums;font-weight:1000;font-size:1.75rem;letter-spacing:-.04em;color:var(--kb06oln-ink);} #booking-hero .price-unit{color:var(--kb06oln-slate);font-weight:700;font-size:.95rem;} #booking-hero .cta-row{display:flex;gap:12px;align-items:center;margin-top:14px;} #booking-hero .primary-btn{height:46px;padding:0 14px;border-radius:16px;border:1px solid rgba(194,65,12,.2);background:var(--kb06oln-primary);color:#fff;font-weight:1000;cursor:pointer;transition:filter .12s ease,transform .12s ease;white-space:nowrap;} #booking-hero .primary-btn:hover{filter:brightness(1.03);transform:translateY(-1px);} #booking-hero .primary-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(194,65,12,.25);} #booking-hero .ghost-link{color:var(--kb06oln-secondary);font-weight:900;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;} #booking-hero .ghost-link:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(245,158,11,.35);border-radius:10px;} #booking-hero .disclaimer{margin-top:14px;border:1px solid var(--kb06oln-border);background:rgba(255,255,255,.72);padding:12px;border-radius:16px;} #booking-hero .disclaimer-title{font-weight:1000;color:var(--kb06oln-primary);margin-bottom:6px;letter-spacing:-.01em;} #booking-hero .disclaimer-text{color:var(--kb06oln-slate);line-height:1.45;font-size:.95rem;} ::selection{background:rgba(245,158,11,.35);} @media (max-width: 980px){ #booking-hero .grid{grid-template-columns:1fr;} #booking-hero .booking-card{position:relative;top:auto;} #booking-hero .field-row{grid-template-columns:1fr;} #booking-hero .cta-row{flex-direction:column;align-items:stretch;} #booking-hero .ghost-link{text-align:center;} #booking-hero .toggle{gap:10px;} } @media (prefers-reduced-motion: reduce){ #booking-hero *{transition:none !important;scroll-behavior:auto !important;} } /* kb06oln:vehicles-lineup */ /* kb06oln:vehicles-lineup */ #vehicles-lineup{--vl-primary:var(--kb06oln-primary);--vl-secondary:var(--kb06oln-secondary);--vl-accent:var(--kb06oln-accent);--vl-ink:var(--kb06oln-ink);--vl-slate:var(--kb06oln-slate);--vl-mist:var(--kb06oln-mist);--vl-border:var(--kb06oln-border);--vl-surface:var(--kb06oln-surface);--vl-bg:var(--kb06oln-bg);color:var(--kb06oln-text);background:var(--kb06oln-bg);padding:clamp(2.25rem,5vw,4.5rem) 0;} #vehicles-lineup .vl-wrap{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,3.2vw,3rem);} #vehicles-lineup .vl-head{display:block;margin-bottom:clamp(1.5rem,3vw,2.25rem);} #vehicles-lineup .vl-eyebrow{font-family:var(--kb06oln-sans, 'Avenir Next');text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:var(--kb06oln-slate);font-weight:700;margin-bottom:.75rem;} #vehicles-lineup .vl-title{font-size:clamp(1.65rem,2.6vw,2.35rem);line-height:1.12;margin:0 0 .75rem 0;letter-spacing:-.02em;} #vehicles-lineup .vl-subtitle{margin:0 0 1rem 0;color:var(--kb06oln-slate);max-width:62ch;font-size:1rem;} #vehicles-lineup .vl-availability-note{display:inline-flex;align-items:center;gap:.6rem;border:1px solid var(--kb06oln-border);background:var(--kb06oln-surface);border-radius:var(--radius-md,14px);padding:.75rem 1rem;font-size:.95rem;color:var(--kb06oln-ink);font-weight:600;} #vehicles-lineup .vl-grid{display:grid;grid-template-columns:1fr;gap:1rem;align-items:stretch;margin:1.25rem 0 clamp(1.75rem,3vw,2.5rem);} #vehicles-lineup .vl-vehicle{border:1px solid var(--kb06oln-border);background:var(--kb06oln-surface);border-radius:var(--radius-lg,18px);padding:1.25rem 1.25rem 1.1rem;box-shadow:0 1px 0 rgba(0,0,0,.04);} #vehicles-lineup .vl-card-top{padding-bottom:1rem;border-bottom:1px solid var(--kb06oln-border);margin-bottom:1rem;} #vehicles-lineup .vl-tag{display:inline-flex;align-items:center;justify-content:flex-start;padding:.4rem .7rem;border-radius:999px;background:rgba(245,158,11,.12);color:var(--kb06oln-primary);font-weight:800;font-size:.875rem;letter-spacing:.01em;} #vehicles-lineup .vl-tag[data-variant="bike"]{background:rgba(194,65,12,.10);color:var(--kb06oln-accent);} #vehicles-lineup .vl-vehicle-title{margin:.65rem 0 .35rem 0;font-size:1.25rem;line-height:1.2;letter-spacing:-.01em;} #vehicles-lineup .vl-vehicle-desc{margin:0;color:var(--kb06oln-slate);line-height:1.55;} #vehicles-lineup .vl-specs{display:grid;gap:.55rem;margin:0 0 1rem 0;} #vehicles-lineup .vl-spec-row{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px dashed rgba(229,231,235,.9);padding-bottom:.55rem;} #vehicles-lineup .vl-spec-row:last-child{border-bottom:none;padding-bottom:0;} #vehicles-lineup .vl-spec-k{color:var(--kb06oln-slate);font-size:.95rem;} #vehicles-lineup .vl-spec-v{font-variant-numeric:tabular-nums;font-weight:800;color:var(--kb06oln-ink);font-size:.98rem;} #vehicles-lineup .vl-suitable{list-style:none;margin:.25rem 0 1rem 0;padding:0;display:grid;gap:.55rem;} #vehicles-lineup .vl-suitable li{display:flex;gap:.65rem;align-items:flex-start;color:var(--kb06oln-ink);font-size:.98rem;} #vehicles-lineup .vl-check{flex:0 0 auto;width:1.3rem;height:1.3rem;border-radius:999px;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.35);display:inline-flex;align-items:center;justify-content:center;color:var(--kb06oln-primary);font-weight:900;line-height:1;} #vehicles-lineup .vl-action-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-top:.25rem;border-top:1px solid var(--kb06oln-border);} #vehicles-lineup .vl-small{color:var(--kb06oln-slate);font-size:.9rem;white-space:nowrap;} #vehicles-lineup .vl-link{color:var(--kb06oln-primary);text-decoration:none;font-weight:800;display:inline-flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-radius:var(--radius-sm,10px);border:1px solid rgba(194,65,12,.35);background:rgba(194,65,12,.06);} #vehicles-lineup .vl-link:hover{background:rgba(194,65,12,.10);} #vehicles-lineup .vl-link:focus-visible{outline:3px solid rgba(245,158,11,.55);outline-offset:2px;} #vehicles-lineup .vl-link-strong{border-color:rgba(194,65,12,.55);background:rgba(245,158,11,.12);} #vehicles-lineup .vl-evidence{border-top:1px solid var(--kb06oln-border);padding-top:1.25rem;} #vehicles-lineup .vl-evidence-inner{display:grid;grid-template-columns:1fr;gap:1rem;align-items:start;} #vehicles-lineup .vl-evidence-col{border:1px solid var(--kb06oln-border);background:var(--kb06oln-bg);border-radius:var(--radius-lg,18px);padding:1.1rem 1.1rem 1rem;} #vehicles-lineup .vl-evidence-eyebrow{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--kb06oln-slate);font-weight:800;margin-bottom:.55rem;} #vehicles-lineup .vl-evidence-title{margin:.1rem 0 1rem 0;font-size:1.1rem;letter-spacing:-.01em;} #vehicles-lineup .vl-micro-table{display:block;border:1px solid var(--kb06oln-border);border-radius:var(--radius-md,14px);overflow:hidden;} #vehicles-lineup .vl-micro-row{display:grid;grid-template-columns:1.25fr 1fr 1fr;} #vehicles-lineup .vl-micro-row + .vl-micro-row{border-top:1px solid var(--kb06oln-border);} #vehicles-lineup .vl-micro-cell{padding:.7rem .75rem;font-size:.95rem;} #vehicles-lineup .vl-micro-cell[role="columnheader"]{background:var(--kb06oln-surface);font-weight:900;color:var(--kb06oln-secondary);} #vehicles-lineup .vl-micro-row[role="row"] .vl-micro-cell{color:var(--kb06oln-ink);} #vehicles-lineup .vl-safety-pill{border:1px solid var(--kb06oln-border);background:var(--kb06oln-surface);border-radius:var(--radius-lg,18px);padding:1.1rem 1.1rem 1rem;} #vehicles-lineup .vl-safety-eyebrow{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--kb06oln-slate);font-weight:900;margin-bottom:.55rem;} #vehicles-lineup .vl-safety-title{margin:.1rem 0 .75rem 0;font-size:1.1rem;letter-spacing:-.01em;} #vehicles-lineup .vl-safety-box{border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.08);border-radius:var(--radius-md,14px);padding:.85rem .9rem;margin-bottom:.85rem;} #vehicles-lineup .vl-safety-text{margin:0;color:var(--kb06oln-ink);line-height:1.6;font-size:.98rem;} #vehicles-lineup .vl-safety-meta{margin:.15rem 0 .85rem 0;color:var(--kb06oln-slate);} @media (min-width:640px){ #vehicles-lineup .vl-grid{grid-template-columns:1fr 1fr;gap:1.25rem;} } @media (min-width:768px){ #vehicles-lineup{padding:clamp(2.75rem,5vw,5.25rem) 0;} #vehicles-lineup .vl-evidence-inner{grid-template-columns:1.45fr .85fr;} } @media (prefers-reduced-motion:reduce){ #vehicles-lineup *{scroll-behavior:auto !important;transition:none !important;animation:none !important;} } #vehicles-lineup ::selection{background:rgba(245,158,11,.25);} /* kb06oln:safety-rules */ /* kb06oln:safety-rules */ #safety-rules.safety-section{background:var(--kb06oln-bg);color:var(--kb06oln-text);padding:clamp(2.5rem,6vw,4.5rem) 0} #safety-rules .safety-shell{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem)} #safety-rules .safety-head{max-width:44rem;margin-bottom:clamp(1.5rem,3.5vw,2.5rem)} #safety-rules .safety-eyebrow{margin:0 0 .75rem 0;font-size:.875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--kb06oln-slate);font-weight:700} #safety-rules .safety-title{margin:0 0 1rem 0;font-family:var(--kb06oln-font, 'Avenir Next');font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.15;letter-spacing:-.02em;text-wrap:balance} #safety-rules .safety-lede{margin:0;color:var(--kb06oln-slate);font-size:1rem;line-height:1.7} #safety-rules .safety-grid{display:grid;grid-template-columns:1fr 0.9fr;gap:clamp(1.25rem,3.5vw,2.5rem);align-items:start} #safety-rules .safety-list{border-top:1px solid var(--kb06oln-border);padding-top:clamp(.5rem,1.2vw,1rem)} #safety-rules .safety-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--kb06oln-border)} #safety-rules .safety-ic{flex:0 0 40px;width:40px;height:40px;border-radius:var(--kb06oln-radius-md,14px);background:var(--kb06oln-surface);border:1px solid var(--kb06oln-border);display:flex;align-items:center;justify-content:center;font-size:1.05rem} #safety-rules .safety-item-title{margin:0 0 .35rem 0;font-size:1.05rem;line-height:1.2} #safety-rules .safety-item-body{margin:0;color:var(--kb06oln-slate);font-size:.98rem;line-height:1.65} #safety-rules .safety-aside{position:relative} #safety-rules .aside-card{background:var(--kb06oln-surface);border:1px solid var(--kb06oln-border);border-radius:var(--kb06oln-radius-lg,18px);padding:1.1rem 1.15rem;margin-top:.25rem} #safety-rules .aside-label{margin:0 0 .75rem 0;font-size:.875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--kb06oln-slate);font-weight:800} #safety-rules .aside-metrics{list-style:none;margin:0;padding:0} #safety-rules .aside-row{display:flex;gap:.65rem;align-items:flex-start;padding:.6rem 0;border-top:1px solid var(--kb06oln-border)} #safety-rules .aside-row:first-child{border-top:none;padding-top:0} #safety-rules .aside-dot{flex:0 0 10px;width:10px;height:10px;border-radius:50%;background:var(--kb06oln-accent);margin-top:.45rem} #safety-rules .aside-text{color:var(--kb06oln-text);font-size:.98rem;line-height:1.5} #safety-rules .aside-note{margin-top:1rem;background:var(--kb06oln-bg);border:1px solid var(--kb06oln-border);border-radius:var(--kb06oln-radius-lg,18px);padding:1.05rem 1.15rem} #safety-rules .aside-note-title{margin:0 0 .6rem 0;font-weight:900;font-size:1rem} #safety-rules .aside-note-body{margin:0;color:var(--kb06oln-slate);line-height:1.65;font-size:.98rem} #safety-rules .aside-links{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem} #safety-rules .aside-link{display:block;padding:.85rem 1rem;border-radius:var(--kb06oln-radius-md,14px);border:1px solid var(--kb06oln-border);background:var(--kb06oln-bg);color:var(--kb06oln-text);text-decoration:none;line-height:1.3;font-weight:700} #safety-rules .aside-link:focus-visible{outline:3px solid color-mix(in srgb, var(--kb06oln-accent) 65%, white 35%);outline-offset:2px} #safety-rules .aside-link:hover{border-color:color-mix(in srgb, var(--kb06oln-border) 40%, var(--kb06oln-accent) 60%)} #safety-rules ::selection{background:color-mix(in srgb, var(--kb06oln-accent) 30%, white 70%);color:var(--kb06oln-ink)} @media (max-width: 900px){#safety-rules .safety-grid{grid-template-columns:1fr;gap:1.25rem}#safety-rules .safety-aside{order:2}} @media (prefers-reduced-motion: reduce){#safety-rules *{scroll-behavior:auto}} /* kb06oln:pickup-zones */ /* kb06oln:pickup-zones */ #pickup-zones{--pz-accent:var(--kb06oln-accent);--pz-ink:var(--kb06oln-ink);--pz-border:var(--kb06oln-border);--pz-bg:var(--kb06oln-bg);--pz-surface:var(--kb06oln-surface);--pz-muted:var(--kb06oln-slate);background:var(--pz-bg);color:var(--pz-ink);padding:40px 0 56px 0;} #pickup-zones .pz-wrap{max-width:72rem;margin:0 auto;padding:0 24px;} #pickup-zones .pz-grid{display:grid;grid-template-columns:1fr;gap:20px;} #pickup-zones .pz-head{padding-top:8px;} #pickup-zones .pz-eyebrow{font-family:var(--font-family-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);font-size:0.875rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--pz-muted);margin-bottom:10px;} #pickup-zones .pz-title{font-family:var(--font-family-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.1;margin:0 0 10px 0;letter-spacing:-0.02em;} #pickup-zones .pz-subtitle{margin:0;color:var(--pz-muted);max-width:46ch;font-size:1rem;line-height:1.6;} #pickup-zones .pz-legend{display:flex;align-items:center;gap:12px;border:1px solid var(--pz-border);background:var(--pz-surface);border-radius:var(--radius-md, 14px);padding:14px 16px;} #pickup-zones .pz-legend-chip{background:rgba(245,158,11,0.14);color:var(--kb06oln-accent);border:1px solid rgba(245,158,11,0.28);border-radius:999px;padding:6px 10px;font-size:0.875rem;font-weight:600;} #pickup-zones .pz-legend-text{color:var(--pz-muted);font-size:0.95rem;line-height:1.4;} #pickup-zones .pz-map{padding-top:2px;} #pickup-zones .pz-map-frame{position:relative;min-height:260px;border:1px solid var(--pz-border);background:linear-gradient(180deg, rgba(237,237,231,0.35), rgba(247,247,245,1));border-radius:var(--radius-lg,18px);overflow:hidden;} #pickup-zones .pz-map-frame::before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right, rgba(230,230,224,0.65) 1px, transparent 1px),linear-gradient(to bottom, rgba(230,230,224,0.65) 1px, transparent 1px);background-size:52px 52px;opacity:0.35;pointer-events:none;} #pickup-zones .pz-poi{position:absolute;display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none;padding:10px 12px;border-radius:12px;max-width:210px;outline:none;transform:translateZ(0);} #pickup-zones .pz-poi:hover .pz-poi-label{text-decoration:underline;} #pickup-zones .pz-poi:focus-visible{box-shadow:0 0 0 4px rgba(194,65,12,0.18);} #pickup-zones .pz-poi-dot{width:10px;height:10px;border-radius:999px;background:rgba(17,17,17,0.28);border:1px solid rgba(17,17,17,0.35);} #pickup-zones .pz-poi-label{font-weight:650;font-size:1rem;color:var(--pz-muted);white-space:nowrap;} #pickup-zones .pz-poi[data-poi-id="city-center"]{left:14%;top:34%;} #pickup-zones .pz-poi[data-poi-id="rail-station"]{left:58%;top:22%;} #pickup-zones .pz-poi[data-poi-id="old-town"]{left:46%;top:62%;} #pickup-zones .pz-poi.is-active{background:rgba(245,158,11,0.14);border:1px solid rgba(245,158,11,0.35);} #pickup-zones .pz-poi.is-active .pz-poi-dot{background:var(--pz-accent);border-color:rgba(0,0,0,0);} #pickup-zones .pz-poi.is-active .pz-poi-label{color:var(--pz-ink);text-decoration:underline;} #pickup-zones .pz-cards{display:grid;grid-template-columns:1fr;gap:14px;} #pickup-zones .pz-card{border:1px solid var(--pz-border);background:var(--pz-surface);border-radius:var(--radius-lg,18px);padding:18px 16px;outline:none;cursor:pointer;display:flex;flex-direction:column;gap:14px;min-height:170px;} #pickup-zones .pz-card:hover{border-color:rgba(194,65,12,0.35);} #pickup-zones .pz-card:focus-visible{box-shadow:0 0 0 4px rgba(194,65,12,0.18);border-color:rgba(194,65,12,0.45);} #pickup-zones .pz-card-top{display:flex;flex-direction:column;gap:6px;} #pickup-zones .pz-card-badge{font-weight:800;letter-spacing:-0.01em;font-size:1.1rem;color:var(--pz-ink);} #pickup-zones .pz-card-tag{color:var(--pz-muted);font-size:0.95rem;line-height:1.4;} #pickup-zones .pz-card-body{border-top:1px solid rgba(230,230,224,0.8);padding-top:12px;display:flex;flex-direction:column;gap:8px;} #pickup-zones .pz-card-line{display:flex;gap:10px;align-items:baseline;} #pickup-zones .pz-card-k{font-weight:750;color:var(--pz-ink);font-size:0.95rem;} #pickup-zones .pz-card-v{color:var(--pz-muted);font-size:0.95rem;line-height:1.4;} #pickup-zones .pz-card-cta{margin-top:auto;} #pickup-zones .pz-link{display:inline-flex;align-items:center;gap:10px;color:var(--kb06oln-primary);font-weight:750;text-decoration:none;border:1px solid rgba(194,65,12,0.35);padding:10px 12px;border-radius:var(--radius-md,14px);background:rgba(194,65,12,0.06);} #pickup-zones .pz-link:hover{background:rgba(194,65,12,0.12);} #pickup-zones .pz-link:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(194,65,12,0.18);} #pickup-zones .pz-card.is-active{border-color:rgba(245,158,11,0.55);box-shadow:0 10px 22px rgba(194,65,12,0.08);} #pickup-zones .pz-confirm{padding-top:4px;} #pickup-zones .pz-confirm-box{border:1px solid var(--pz-border);background:var(--pz-surface);border-radius:var(--radius-lg,18px);padding:16px 16px;} #pickup-zones .pz-confirm-title{font-weight:800;color:var(--pz-ink);letter-spacing:-0.01em;margin-bottom:8px;} #pickup-zones .pz-confirm-value{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;font-size:1.15rem;color:var(--kb06oln-primary);font-weight:800;} #pickup-zones .pz-confirm-small{margin-top:8px;color:var(--pz-muted);font-size:0.95rem;line-height:1.5;} #pickup-zones ::selection{background:rgba(245,158,11,0.25);} @media (min-width: 768px){ #pickup-zones .pz-grid{grid-template-columns:7.2fr 4.8fr;grid-template-areas:"head legend""map cards""confirm confirm";align-items:start;gap:22px;} #pickup-zones .pz-head{grid-area:head;} #pickup-zones .pz-legend{grid-area:legend;justify-content:flex-end;} #pickup-zones .pz-map{grid-area:map;} #pickup-zones .pz-cards{grid-area:cards;} #pickup-zones .pz-cards{grid-template-columns:1fr;} #pickup-zones .pz-confirm{grid-area:confirm;} #pickup-zones .pz-map-frame{min-height:340px;} } @media (prefers-reduced-motion: reduce){ #pickup-zones .pz-poi,#pickup-zones .pz-card,#pickup-zones .pz-link{transition:none !important;} } /* kb06oln:reviews-faq */ /* kb06oln:reviews-faq */ #reviews-faq.reviews-faq{background:var(--kb06oln-surface);color:var(--kb06oln-text);padding:clamp(1.5rem,4vw,3rem) 0;} #reviews-faq .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #reviews-faq .section-head{max-width:56rem;margin:0 0 1.75rem 0;} #reviews-faq .eyebrow{font:600 0.875rem/1.2 var(--font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui);letter-spacing:0.02em;color:var(--kb06oln-primary);text-transform:none;} #reviews-faq .title{margin:0.5rem 0 0 0;font:800 clamp(1.6rem,3vw,2.3rem)/1.15 var(--font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui);letter-spacing:-0.02em;text-wrap:balance;} #reviews-faq .subtitle{margin:0.85rem 0 0 0;color:var(--kb06oln-slate);font:400 1rem/1.6 var(--font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui);max-width:52rem;} #reviews-faq .content-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:clamp(1rem,3vw,2rem);align-items:start;} #reviews-faq .accordion-col{background:var(--kb06oln-bg);border:1px solid var(--kb06oln-border);border-radius:var(--radius-lg, 18px);padding:0.25rem;} #reviews-faq .accordion{display:flex;flex-direction:column;} #reviews-faq .accordion-item{border-top:1px solid var(--kb06oln-border);} #reviews-faq .accordion-item:first-child{border-top:none;} #reviews-faq .accordion-trigger{width:100%;display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1rem 1rem;appearance:none;background:transparent;border:none;cursor:pointer;color:var(--kb06oln-text);font:700 1rem/1.4 var(--font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui);text-align:left;} #reviews-faq .accordion-trigger:focus-visible{outline:3px solid color-mix(in srgb, var(--kb06oln-primary) 55%, white 45%);outline-offset:2px;border-radius:12px;} #reviews-faq .accordion-item[data-kb06oln-ui="accordion-item"] .accordion-trigger{border-radius:14px;} #reviews-faq .q{letter-spacing:-0.01em;} #reviews-faq .icon{flex:0 0 auto;width:2rem;height:2rem;border-radius:999px;border:1px solid var(--kb06oln-border);display:flex;align-items:center;justify-content:center;color:var(--kb06oln-slate);font:900 1.05rem/1 var(--font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui);background:var(--kb06oln-mist);transition:transform 180ms ease, background 180ms ease, border-color 180ms ease;} #reviews-faq .accordion-trigger:hover .icon{border-color:color-mix(in srgb, var(--kb06oln-primary) 35%, var(--kb06oln-border) 65%);} #reviews-faq .accordion-panel{padding:0 1rem 1rem 1rem;} #reviews-faq .panel-inner{border-left:3px solid color-mix(in srgb, var(--kb06oln-primary) 20%, var(--kb06oln-border) 80%);padding-left:0.9rem;} #reviews-faq .p{margin:0.7rem 0 0 0;color:var(--kb06oln-slate);font:400 0.98rem/1.65 var(--font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui);} #reviews-faq .accordion-item[aria-expanded="true"] .icon{background:var(--kb06oln-surface);} #reviews-faq .safety-box{margin-top:0.95rem;border:1px solid color-mix(in srgb, var(--kb06oln-accent) 35%, var(--kb06oln-border) 65%);background:color-mix(in srgb, var(--kb06oln-accent) 10%, white 90%);border-radius:var(--radius-md, 14px);padding:0.75rem 0.85rem;} #reviews-faq .safety-title{margin:0;font:800 0.93rem/1.25 var(--font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui);color:var(--kb06oln-text);} #reviews-faq .safety-text{margin:0.35rem 0 0 0;color:var(--kb06oln-slate);font:400 0.93rem/1.6 var(--font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui);} #reviews-faq .testimonial-col{background:transparent;} #reviews-faq .testimonial-head{margin:0 0 1rem 0;} #reviews-faq .mini{color:var(--kb06oln-accent);} #reviews-faq .h3{margin:0.35rem 0 0 0;font:800 1.35rem/1.2 var(--font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui);letter-spacing:-0.02em;} #reviews-faq .small{margin:0.55rem 0 0 0;color:var(--kb06oln-slate);font:400 0.95rem/1.6 var(--font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui);} #reviews-faq .quote-list{display:flex;flex-direction:column;gap:0.95rem;} #reviews-faq .quote{margin:0;background:var(--kb06oln-bg);border:1px solid var(--kb06oln-border);border-radius:var(--radius-lg, 18px);padding:1rem 1rem;} #reviews-faq .quote-text{margin:0;font:600 1rem/1.6 var(--font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui);letter-spacing:-0.01em;} #reviews-faq .quote-meta{margin-top:0.7rem;color:var(--kb06oln-slate);font:500 0.9rem/1.4 var(--font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui);} #reviews-faq .proof-links{margin-top:1.15rem;display:flex;flex-direction:column;gap:0.65rem;} #reviews-faq .proof-lead{margin:0;color:var(--kb06oln-slate);font:400 0.95rem/1.6 var(--font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui);} #reviews-faq .link-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0.7rem 1rem;border-radius:var(--radius-md, 14px);background:var(--kb06oln-primary);color:var(--kb06oln-bg);text-decoration:none;font:800 1rem/1.1 var(--font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui);border:1px solid var(--kb06oln-primary);transition:transform 120ms ease, background 120ms ease, border-color 120ms ease;} #reviews-faq .link-button:hover{transform:translateY(-1px);background:color-mix(in srgb, var(--kb06oln-primary) 88%, black 12%);border-color:color-mix(in srgb, var(--kb06oln-primary) 88%, black 12%);} #reviews-faq .link-button:focus-visible{outline:3px solid color-mix(in srgb, var(--kb06oln-accent) 45%, white 55%);outline-offset:2px;} #reviews-faq .ghost-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0.7rem 1rem;border-radius:var(--radius-md, 14px);background:var(--kb06oln-bg);color:var(--kb06oln-text);text-decoration:none;font:800 1rem/1.1 var(--font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui);border:1px solid var(--kb06oln-border);transition:background 120ms ease, border-color 120ms ease, transform 120ms ease;} #reviews-faq .ghost-button:hover{transform:translateY(-1px);background:var(--kb06oln-surface);border-color:color-mix(in srgb, var(--kb06oln-primary) 28%, var(--kb06oln-border) 72%);} #reviews-faq .ghost-button:focus-visible{outline:3px solid color-mix(in srgb, var(--kb06oln-accent) 45%, white 55%);outline-offset:2px;} #reviews-faq .accordion-trigger[aria-expanded="true"]{background:color-mix(in srgb, var(--kb06oln-mist) 60%, white 40%);} #reviews-faq .accordion-trigger[aria-expanded="true"] .icon{transform:rotate(45deg);} #reviews-faq ::selection{background:color-mix(in srgb, var(--kb06oln-accent) 35%, white 65%);} @media (max-width: 960px){ #reviews-faq .content-grid{grid-template-columns:1fr;} #reviews-faq .accordion-col{padding:0.2rem;} } @media (prefers-reduced-motion: reduce){ #reviews-faq .icon, #reviews-faq .link-button, #reviews-faq .ghost-button{transition:none !important;} } /* kb06oln:contact */ /* kb06oln:contact */ #contact.contact-section{background:var(--kb06oln-bg);color:var(--kb06oln-ink);padding:clamp(2.5rem,4.5vw,5rem) 0;} #contact .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #contact .section-header{max-width:48rem;} #contact .section-eyebrow{font:600 0.875rem/1.2 var(--kb06oln-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);letter-spacing:0.08em;text-transform:uppercase;color:var(--kb06oln-slate);margin-bottom:0.85rem;} #contact .section-title{font:700 clamp(1.6rem,3.2vw,2.35rem)/1.15 var(--kb06oln-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);letter-spacing:-0.02em;text-wrap:balance;margin:0 0 0.9rem 0;} #contact .section-subtitle{margin:0;max-width:46rem;color:var(--kb06oln-slate);font:400 1rem/1.6 var(--kb06oln-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);} #contact .form-wrap{margin-top:2rem;background:var(--kb06oln-surface);border:1px solid var(--kb06oln-border);border-radius:var(--kb06oln-radius-lg, 18px);padding:clamp(1rem,2.2vw,1.5rem);} #contact .contact-form{display:block;} #contact .field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;} #contact label.field{display:block;} #contact .label-text{display:block;font:600 0.875rem/1.2 var(--kb06oln-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);color:var(--kb06oln-ink);margin-bottom:0.55rem;} #contact input,#contact select,#contact textarea{width:100%;box-sizing:border-box;border:1px solid var(--kb06oln-border);background:var(--kb06oln-bg);border-radius:var(--kb06oln-radius-md, 14px);padding:0.95rem 1rem;font:400 1rem/1.4 var(--kb06oln-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);color:var(--kb06oln-ink);} #contact textarea{resize:vertical;min-height:120px;} #contact input::placeholder,#contact textarea::placeholder{color:var(--kb06oln-slate);} #contact input:focus-visible,#contact select:focus-visible,#contact textarea:focus-visible{outline:3px solid var(--kb06oln-accent);outline-offset:2px;border-color:var(--kb06oln-accent);} #contact .availability-note{margin:1rem 0 1.2rem 0;padding:0.9rem 1rem;border:1px solid var(--kb06oln-border);border-left:4px solid var(--kb06oln-accent);border-radius:var(--kb06oln-radius-md, 14px);background:var(--kb06oln-mist);font:600 0.95rem/1.35 var(--kb06oln-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);} #contact .form-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;} #contact .primary-button{appearance:none;border:1px solid var(--kb06oln-primary);background:var(--kb06oln-primary);color:#fff;border-radius:var(--kb06oln-radius-md, 14px);padding:0.95rem 1.2rem;font:700 1rem/1.2 var(--kb06oln-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);cursor:pointer;min-height:44px;} #contact .primary-button:focus-visible{outline:3px solid var(--kb06oln-accent);outline-offset:2px;} #contact .primary-button:hover{filter:brightness(0.98);} #contact .secondary-link{color:var(--kb06oln-secondary);text-decoration:underline;text-underline-offset:3px;} #contact .secondary-link:focus-visible{outline:3px solid var(--kb06oln-accent);outline-offset:3px;border-radius:8px;} #contact .fineprint{margin:1rem 0 0 0;color:var(--kb06oln-slate);font:400 0.875rem/1.55 var(--kb06oln-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);} #contact .support-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem;} #contact .support-box{background:var(--kb06oln-surface);border:1px solid var(--kb06oln-border);border-radius:var(--kb06oln-radius-md, 14px);padding:1rem;} #contact .support-title{font:700 0.95rem/1.25 var(--kb06oln-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);margin-bottom:0.35rem;} #contact .support-text{color:var(--kb06oln-slate);font:400 0.95rem/1.55 var(--kb06oln-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);} #contact .support-link{color:var(--kb06oln-secondary);text-decoration:none;border-bottom:1px solid transparent;} #contact .support-link:hover{border-bottom-color:var(--kb06oln-secondary);} #contact .support-link:focus-visible{outline:3px solid var(--kb06oln-accent);outline-offset:3px;border-radius:8px;} #contact *::selection{background:rgba(245,158,11,0.35);} @media (max-width: 768px){ #contact .field-row{grid-template-columns:1fr;} #contact .support-row{grid-template-columns:1fr;} #contact .form-actions{align-items:flex-start;} } @media (prefers-reduced-motion: reduce){ #contact *{scroll-behavior:auto;transition:none !important;animation:none !important;} } /* kb06oln:pricing-intro */ /* kb06oln:pricing-intro */ #pricing-intro{background:var(--kb06oln-bg);color:var(--kb06oln-text);padding:clamp(2.25rem,4.5vw,5rem) 0;} #pricing-intro .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,3.2vw,3rem);} #pricing-intro .eyebrow-row{display:flex;align-items:center;gap:0.9rem;margin-bottom:1.25rem;} #pricing-intro .eyebrow{margin:0;font-family:var(--font-sans);font-size:0.875rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--kb06oln-slate);} #pricing-intro .eyebrow-rule{height:1px;flex:1;background:var(--kb06oln-border);} #pricing-intro .intro-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:2rem;align-items:start;} #pricing-intro .title{margin:0 0 0.9rem;font-family:var(--font-sans);font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1.12;letter-spacing:-0.02em;text-wrap:balance;} #pricing-intro .lead{margin:0 0 1.35rem;color:var(--kb06oln-text);font-size:1rem;line-height:1.65;max-width:40ch;} #pricing-intro .info-box{border:1px solid var(--kb06oln-border);background:var(--kb06oln-surface);border-radius:var(--radius-md,14px);padding:1rem 1.05rem;} #pricing-intro .info-box-title{margin:0 0 0.35rem;font-weight:700;font-size:0.95rem;} #pricing-intro .info-box-text{margin:0;color:var(--kb06oln-slate);font-size:0.98rem;line-height:1.55;} #pricing-intro .proof-rail{display:flex;flex-direction:column;gap:1rem;} #pricing-intro .proof-block{border:1px solid var(--kb06oln-border);background:var(--kb06oln-bg);border-radius:var(--radius-md,14px);padding:1rem;} #pricing-intro .proof-head{margin:0 0 0.65rem;font-weight:800;font-size:0.95rem;letter-spacing:-0.01em;} #pricing-intro .proof-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:0.6rem;} #pricing-intro .proof-item{position:relative;padding-left:1.2rem;color:var(--kb06oln-slate);line-height:1.55;font-size:0.98rem;} #pricing-intro .proof-item::before{content:"";position:absolute;left:0;top:0.55em;width:8px;height:8px;border-radius:2px;background:var(--kb06oln-accent);} #pricing-intro .callouts{display:flex;flex-direction:column;gap:0.85rem;} #pricing-intro .callout{border:1px solid var(--kb06oln-border);background:var(--kb06oln-surface);border-radius:var(--radius-md,14px);padding:0.95rem 1.05rem;} #pricing-intro .callout-accent{border-color:color-mix(in oklab, var(--kb06oln-accent) 35%, var(--kb06oln-border));background:color-mix(in oklab, var(--kb06oln-accent) 10%, var(--kb06oln-surface));} #pricing-intro .callout-label{margin:0 0 0.35rem;font-weight:800;font-size:0.92rem;color:var(--kb06oln-secondary);} #pricing-intro .callout-text{margin:0;color:var(--kb06oln-slate);line-height:1.55;font-size:0.98rem;} #pricing-intro .cta-row{display:flex;gap:0.75rem;flex-wrap:wrap;margin-top:0.1rem;} #pricing-intro .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1.05rem;border-radius:var(--radius-sm,10px);font-weight:800;font-size:0.98rem;line-height:1;text-decoration:none;white-space:nowrap;} #pricing-intro .button-primary{background:var(--kb06oln-primary);color:#fff;border:1px solid var(--kb06oln-primary);} #pricing-intro .button-primary:hover{filter:brightness(0.98);} #pricing-intro .button-ghost{background:var(--kb06oln-bg);color:var(--kb06oln-secondary);border:1px solid var(--kb06oln-border);} #pricing-intro .button-ghost:hover{border-color:color-mix(in oklab, var(--kb06oln-primary) 35%, var(--kb06oln-border));} #pricing-intro .button:focus-visible{outline:3px solid color-mix(in oklab, var(--kb06oln-accent) 55%, #fff);outline-offset:2px;} #pricing-intro .fineprint{margin:0;color:var(--kb06oln-slate);font-size:0.92rem;line-height:1.5;max-width:38ch;} #pricing-intro ::selection{background:color-mix(in oklab, var(--kb06oln-accent) 45%, #fff);color:var(--kb06oln-ink);} @media (max-width: 860px){ #pricing-intro .intro-grid{grid-template-columns:1fr;gap:1.25rem;} #pricing-intintro .lead{max-width:unset;} } @media (prefers-reduced-motion: reduce){ #pricing-intro *{scroll-behavior:auto;transition:none !important;} } /* kb06oln:plans-table */ /* kb06oln:plans-table */ #plans-table.section-wrapper{background:var(--kb06oln-bg);color:var(--kb06oln-text);padding:clamp(2.25rem,5vw,4rem) 0;} #plans-table.section-wrapper .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #plans-table.section-wrapper .eyebrow{font-family:var(--kb06oln-font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui);text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;color:var(--kb06oln-slate);margin-bottom:.75rem;} #plans-table.section-wrapper .title-row{display:block;margin-bottom:1.25rem;} #plans-table.section-wrapper .title{font-family:var(--kb06oln-font-serif, 'Avenir Next', Avenir, 'Segoe UI', Century Gothic, sans-serif);font-size:clamp(1.6rem,2.6vw,2.3rem);line-height:1.1;letter-spacing:-.02em;margin:0;} #plans-table.section-wrapper .subtitle{margin:.55rem 0 0 0;color:var(--kb06oln-slate);font-size:1rem;} #plans-table.section-wrapper .table-wrap{border:1px solid var(--kb06oln-border);border-radius:var(--kb06oln-radius-md,14px);background:var(--kb06oln-surface);overflow:hidden;} #plans-table.section-wrapper .plans-table{width:100%;border-collapse:collapse;} #plans-table.section-wrapper th,#plans-table.section-wrapper td{padding:1rem 1.05rem;vertical-align:top;border-bottom:1px solid var(--kb06oln-border);} #plans-table.section-wrapper thead th{background:var(--kb06oln-surface);color:var(--kb06oln-ink);font-weight:700;font-size:.95rem;text-align:left;} #plans-table.section-wrapper thead th:nth-child(1){width:18%;} #plans-table.section-wrapper thead th:nth-child(2){width:22%;} #plans-table.section-wrapper thead th:nth-child(3){width:35%;} #plans-table.section-wrapper thead th:nth-child(4){width:25%;} #plans-table.section-wrapper tbody tr:last-child td{border-bottom:none;} #plans-table.section-wrapper th[scope="row"]{font-weight:800;} #plans-table.section-wrapper .mono{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;font-variant-numeric:tabular-nums;} #plans-table.section-wrapper .inline-list{margin:.1rem 0 0 0;padding-left:1.1rem;} #plans-table.section-wrapper .inline-list li{margin:.3rem 0;color:var(--kb06oln-ink);} #plans-table.section-wrapper .muted{color:var(--kb06oln-slate);font-size:.98rem;} #plans-table.section-wrapper .disclaimer{margin-top:1.25rem;padding:1rem 1.1rem;border:1px solid var(--kb06oln-border);border-radius:var(--kb06oln-radius-md,14px);background:var(--kb06oln-surface);} #plans-table.section-wrapper .disclaimer strong{display:block;margin-bottom:.35rem;} #plans-table.section-wrapper .disclaimer{font-size:.98rem;line-height:1.5;color:var(--kb06oln-ink);} #plans-table.section-wrapper ::selection{background:rgba(245,158,11,.28);} @media (max-width:768px){ #plans-table.section-wrapper .table-wrap{border-radius:var(--kb06oln-radius-sm,10px);} #plans-table.section-wrapper thead{display:none;} #plans-table.section-wrapper .plans-table, #plans-table.section-wrapper tbody, #plans-table.section-wrapper tr, #plans-table.section-wrapper td{display:block;width:100%;} #plans-table.section-wrapper tbody tr{border-bottom:1px solid var(--kb06oln-border);} #plans-table.section-wrapper tbody tr:last-child{border-bottom:none;} #plans-table.section-wrapper th[scope="row"]{display:flex;align-items:center;gap:.6rem;margin:0;padding:1rem 1.05rem;} #plans-table.section-wrapper td{padding:0 1.05rem 1rem 1.05rem;border-bottom:none;} #plans-table.section-wrapper td::before{content:attr(data-label);display:block;color:var(--kb06oln-slate);font-size:.82rem;margin:.65rem 0 .35rem 0;letter-spacing:.02em;text-transform:uppercase;} #plans-table.section-wrapper td:first-of-type::before{display:none;} #plans-table.section-wrapper .muted{margin-top:.1rem;} } @media (prefers-reduced-motion:reduce){#plans-table.section-wrapper *{scroll-behavior:auto;transition:none!important;animation:none!important;}} /* kb06oln:pricing-safety-box */ /* kb06oln:pricing-safety-box */ #pricing-safety-box.pricing-safety-box{background:var(--kb06oln-surface);color:var(--kb06oln-text);padding:56px 0;border-top:1px solid var(--kb06oln-border)} #pricing-safety-box .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem)} #pricing-safety-box .eyebrow{margin:0 0 14px;font:600 0.875rem/1.2 var(--kb06oln-font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);letter-spacing:0.02em;color:var(--kb06oln-slate);text-transform:none} #pricing-safety-box .title{margin:0 0 22px;font:700 clamp(1.25rem,2.5vw,2rem)/1.15 var(--kb06oln-font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);letter-spacing:-0.02em;text-wrap:balance} #pricing-safety-box .callouts{display:grid;grid-template-columns:1fr;gap:14px} #pricing-safety-box .callout{background:var(--kb06oln-bg);border:1px solid var(--kb06oln-border);border-radius:var(--kb06oln-radius-md, 14px);padding:18px 18px} #pricing-safety-box .callout.emphasis{border-color:color-mix(in srgb,var(--kb06oln-accent) 55%, var(--kb06oln-border));background:color-mix(in srgb,var(--kb06oln-mist) 60%, var(--kb06oln-bg))} #pricing-safety-box .callout-title{margin:0 0 10px;font:700 1rem/1.25 var(--kb06oln-font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);letter-spacing:-0.01em} #pricing-safety-box .list{margin:0;padding-left:18px} #pricing-safety-box .list li{margin:8px 0;font:400 1rem/1.55 var(--kb06oln-font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);color:var(--kb06oln-text)} #pricing-safety-box .callout-text{margin:10px 0 0;font:400 1rem/1.6 var(--kb06oln-font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);color:var(--kb06oln-text)} #pricing-safety-box .fineprint{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;font:500 0.95rem/1.4 var(--kb06oln-font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);color:var(--kb06oln-slate)} #pricing-safety-box .fineprint-label{color:var(--kb06oln-slate);font-weight:700} #pricing-safety-box .fineprint-sep{color:var(--kb06oln-border)} #pricing-safety-box .fineprint-link{color:var(--kb06oln-text);text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--kb06oln-accent) 55%, var(--kb06oln-text))} #pricing-safety-box .fineprint-link:focus-visible{outline:3px solid color-mix(in srgb,var(--kb06oln-accent) 55%, white);outline-offset:3px;border-radius:10px} @media (min-width: 768px){#pricing-safety-box .callouts{grid-template-columns:1fr 1fr;gap:16px}#pricing-safety-box .callout:nth-child(1){grid-column:1 / span 1}#pricing-safety-box .callout:nth-child(2){grid-column:2 / span 1}#pricing-safety-box .callout:nth-child(3){grid-column:1 / span 2}} @media (prefers-reduced-motion: reduce){#pricing-safety-box *{scroll-behavior:auto}} #pricing-safety-box ::selection{background:color-mix(in srgb,var(--kb06oln-accent) 35%, white);color:var(--kb06oln-ink, var(--kb06oln-ink))} /* kb06oln:contact */ /* kb06oln:contact */ #contact{padding:clamp(2.5rem,4.5vw,4.5rem) 0;background:var(--kb06oln-bg);color:var(--kb06oln-text);} #contact .contact-inner{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #contact .contact-header{margin-bottom:clamp(1.25rem,2.5vw,2.25rem);} #contact .contact-eyebrow{font:600 0.875rem/1.2 var(--kb06oln-font-sans, 'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);letter-spacing:0.02em;text-transform:none;color:var(--kb06oln-slate);} #contact .contact-title{margin:0.35rem 0 0;font:700 clamp(1.5rem,3vw,2.1rem)/1.15 var(--kb06oln-font-sans, 'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);letter-spacing:-0.02em;text-wrap:balance;} #contact .contact-subtitle{margin:0.75rem 0 0;font:400 1rem/1.6 var(--kb06oln-font-sans, 'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);color:var(--kb06oln-slate);max-width:48rem;} #contact .contact-layout{display:grid;grid-template-columns:1.5fr 0.9fr;gap:clamp(1rem,2.5vw,2rem);align-items:start;} #contact .contact-card{background:var(--kb06oln-surface);border:1px solid var(--kb06oln-border);border-radius:var(--kb06oln-radius-lg,18px);padding:1.25rem;} #contact .contact-form{display:block;} #contact .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.95rem;} #contact .field{display:flex;flex-direction:column;gap:0.4rem;} #contact label{font:600 0.95rem/1.2 var(--kb06oln-font-sans, 'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);color:var(--kb06oln-secondary);} #contact input,#contact select,#contact textarea{width:100%;border:1px solid var(--kb06oln-border);background:var(--kb06oln-bg);color:var(--kb06oln-text);border-radius:var(--kb06oln-radius-md,14px);padding:0.72rem 0.8rem;font:500 1rem/1.4 var(--kb06oln-font-sans, 'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);outline:none;} #contact textarea{resize:vertical;min-height:120px;} #contact input::placeholder,#contact textarea::placeholder{color:var(--kb06oln-slate);} #contact input:focus-visible,#contact select:focus-visible,#contact textarea:focus-visible{border-color:var(--kb06oln-accent);box-shadow:0 0 0 3px rgba(245,158,11,0.22);} #contact .hint{margin:0.4rem 0 0;font:600 0.875rem/1.3 var(--kb06oln-font-sans, 'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);color:var(--kb06oln-slate);} #contact .safety-box{margin:1.05rem 0 0;padding:1rem;border:1px solid rgba(194,65,12,0.25);border-radius:var(--kb06oln-radius-md,14px);background:rgba(247,247,245,0.6);} #contact .safety-title{margin:0 0 0.55rem;font:700 0.95rem/1.2 var(--kb06oln-font-sans, 'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);color:var(--kb06oln-secondary);} #contact .safety-list{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:0.35rem;} #contact .safety-list li{font:500 0.95rem/1.5 var(--kb06oln-font-sans, 'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);color:var(--kb06oln-slate);} #contact .form-actions{display:flex;align-items:center;gap:1rem;margin-top:1.15rem;flex-wrap:wrap;} #contact .primary-button{appearance:none;border:1px solid var(--kb06oln-primary);background:var(--kb06oln-primary);color:var(--kb06oln-bg);border-radius:var(--kb06oln-radius-md,14px);padding:0.85rem 1.05rem;font:700 1rem/1.1 var(--kb06oln-font-sans, 'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);cursor:pointer;min-height:44px;} #contact .primary-button:hover{background:#b83a0c;} #contact .primary-button:active{background:#a83209;} #contact .primary-button:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(194,65,12,0.22);} #contact .secondary-link{color:var(--kb06oln-secondary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font:650 0.98rem/1.3 var(--kb06oln-font-sans, 'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);} #contact .secondary-link:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(31,41,55,0.18);border-radius:10px;} #contact .privacy-note{margin:0.9rem 0 0;font:600 0.875rem/1.4 var(--kb06oln-font-sans, 'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);color:var(--kb06oln-slate);} #contact .contact-aside{padding-top:0.2rem;} #contact .aside-title{margin:0;font:800 1.05rem/1.2 var(--kb06oln-font-sans, 'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);color:var(--kb06oln-secondary);} #contact .aside-rule{height:1px;background:var(--kb06oln-border);margin:0.8rem 0 0.95rem;} #contact .aside-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.7rem;} #contact .aside-list li{display:flex;gap:0.65rem;align-items:flex-start;color:var(--kb06oln-slate);font:500 0.98rem/1.45 var(--kb06oln-font-sans, 'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);} #contact .check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(245,158,11,0.16);border:1px solid rgba(245,158,11,0.38);color:var(--kb06oln-primary);font:900 0.95rem/1 var(--kb06oln-font-sans, 'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);flex:0 0 auto;} #contact .aside-box{margin-top:1.05rem;border:1px solid var(--kb06oln-border);background:rgba(255,255,255,0.6);border-radius:var(--kb06oln-radius-md,14px);padding:1rem;} #contact .aside-box-title{margin:0 0 0.35rem;font:800 0.95rem/1.2 var(--kb06oln-font-sans, 'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);color:var(--kb06oln-secondary);} #contact .aside-box-text{margin:0;font:600 0.95rem/1.5 var(--kb06oln-font-sans, 'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);color:var(--kb06oln-slate);} #contact ::selection{background:rgba(245,158,11,0.35);} @media (max-width: 900px){ #contact .contact-layout{grid-template-columns:1fr;} #contact .field-grid{grid-template-columns:1fr;} #contact .contact-card{padding:1.05rem;} } @media (prefers-reduced-motion: reduce){ #contact *{scroll-behavior:auto;} #contact .primary-button{transition:none;} } /* kb06oln:step-by-step */ /* kb06oln:step-by-step */ #step-by-step{--local-radius:var(--kb06oln-radius-md,14px);} #step-by-step .steps-wrapper{background:var(--kb06oln-bg);color:var(--kb06oln-text);padding:clamp(2.5rem,6vw,5.5rem) 0;} #step-by-step .steps-container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #step-by-step .steps-header{max-width:52rem;margin-bottom:clamp(1.5rem,3vw,2.25rem);} #step-by-step .steps-eyebrow{display:inline-block;font-family:var(--kb06oln-font-sans,'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;color:var(--kb06oln-slate);margin-bottom:.75rem;} #step-by-step .steps-title{font-family:var(--kb06oln-font-sans,'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.15;margin:0 0 .75rem 0;letter-spacing:-.02em;text-wrap:balance;} #step-by-step .steps-subtitle{margin:0;color:var(--kb06oln-slate);font-size:1rem;line-height:1.65;max-width:48rem;} #step-by-step .steps-list{list-style:none;padding:0;margin:0;display:grid;gap:1rem;} #step-by-step .step-item{display:flex;gap:1rem;align-items:flex-start;background:var(--kb06oln-surface);border:1px solid var(--kb06oln-border);border-radius:var(--kb06oln-radius-md,14px);padding:1.1rem 1.1rem;position:relative;overflow:hidden;} #step-by-step .step-item::after{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--kb06oln-mist);} #step-by-step .step-badge{flex:0 0 auto;width:2.5rem;height:2.5rem;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--kb06oln-mist);border:1px solid var(--kb06oln-border);font-family:var(--kb06oln-font-mono,ui-monospace);font-weight:700;color:var(--kb06oln-ink);} #step-by-step .step-body{min-width:0;} #step-by-step .step-title{margin:0 0 .35rem 0;font-size:1.06rem;line-height:1.25;font-family:var(--kb06oln-font-sans,'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);letter-spacing:-.01em;} #step-by-step .step-text{margin:0;color:var(--kb06oln-slate);line-height:1.65;} #step-by-step .step-disclaimer{margin-top:.6rem;display:block;padding:.75rem .85rem;border-radius:var(--kb06oln-radius-sm,10px);border:1px solid color-mix(in srgb, var(--kb06oln-accent) 35%, var(--kb06oln-border));background:color-mix(in srgb, var(--kb06oln-accent) 10%, var(--kb06oln-surface));color:var(--kb06oln-ink);font-size:.95rem;line-height:1.5;} #step-by-step .bring-list{margin:.6rem 0 0 0;padding-left:1.1rem;color:var(--kb06oln-slate);line-height:1.7;} #step-by-step .bring-list li{margin:.35rem 0;} #step-by-step .steps-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.25rem;border-top:1px solid var(--kb06oln-border);padding-top:1.25rem;} #step-by-step .help-box{background:var(--kb06oln-surface);border:1px solid var(--kb06oln-border);border-radius:var(--kb06oln-radius-md,14px);padding:1.05rem 1.05rem;} #step-by-step .help-box--accent{border-color:color-mix(in srgb, var(--kb06oln-accent) 40%, var(--kb06oln-border));} #step-by-step .help-title{margin:0 0 .45rem 0;font-size:1.02rem;letter-spacing:-.01em;} #step-by-step .help-text{margin:0 0 .75rem 0;color:var(--kb06oln-slate);line-height:1.65;} #step-by-step .help-link{display:inline-block;color:var(--kb06oln-ink);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--kb06oln-accent) 65%, transparent);text-underline-offset:3px;font-weight:600;} #step-by-step .help-link:focus-visible{outline:3px solid color-mix(in srgb, var(--kb06oln-accent) 60%, white);outline-offset:3px;border-radius:10px;} #step-by-step .step-item:focus-within{outline:3px solid color-mix(in srgb, var(--kb06oln-accent) 45%, white);outline-offset:3px;} #step-by-step ::selection{background:color-mix(in srgb, var(--kb06oln-accent) 30%, white);} @media (min-width: 768px){ #step-by-step .steps-list{gap:1.1rem;grid-template-columns:1fr;} #step-by-step .steps-grid{grid-template-columns:1fr 1fr;align-items:start;} } @media (prefers-reduced-motion: reduce){ #step-by-step *{scroll-behavior:auto;} } /* kb06oln:pickup-confirmation */ /* kb06oln:pickup-confirmation */ #pickup-confirmation.pickup-confirmation{padding:56px 0;background:var(--kb06oln-bg);color:var(--kb06oln-ink)} #pickup-confirmation .container{max-width:72rem;margin:0 auto;padding:0 clamp(16px,4vw,32px)} #pickup-confirmation .eyebrow-row{display:flex;align-items:center;gap:14px;margin-bottom:22px} #pickup-confirmation .eyebrow{font:600 0.875rem/1.2 var(--kb06oln-font, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);letter-spacing:0.08em;text-transform:uppercase;color:var(--kb06oln-secondary)} #pickup-confirmation .rule{height:1px;flex:1;background:var(--kb06oln-border)} #pickup-confirmation .content-grid{display:grid;grid-template-columns: 1fr;gap:22px;align-items:start} #pickup-confirmation .title{font:700 clamp(1.4rem,2.4vw,2.3rem)/1.15 var(--kb06oln-font, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);letter-spacing:-0.02em;margin:0 0 12px;text-wrap:balance} #pickup-confirmation .lead{margin:0 0 18px;color:var(--kb06oln-slate);font:400 1rem/1.65 var(--kb06oln-font, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);max-width:54ch} #pickup-confirmation .steps{display:flex;flex-direction:column;gap:12px;margin-top:18px} #pickup-confirmation .step-item{display:flex;gap:14px;align-items:flex-start;padding:14px 14px;border:1px solid var(--kb06oln-border);border-radius:var(--kb06oln-radius-md, 14px);background:var(--kb06oln-surface)} #pickup-confirmation .step-num{width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--kb06oln-mist);border:1px solid var(--kb06oln-border);color:var(--kb06oln-primary);font:700 0.95rem/1 var(--kb06oln-font, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif)} #pickup-confirmation .step-title{margin:0 0 4px;font:700 1rem/1.3 var(--kb06oln-font, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif)} #pickup-confirmation .step-text{margin:0;color:var(--kb06oln-slate);font:400 0.95rem/1.55 var(--kb06oln-font, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif)} #pickup-confirmation .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px} #pickup-confirmation .link-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:var(--kb06oln-radius-sm, 10px);background:var(--kb06oln-primary);color:var(--kb06oln-bg);text-decoration:none;font:700 0.95rem/1.2 var(--kb06oln-font, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);border:1px solid var(--kb06oln-primary)} #pickup-confirmation .link-button:hover{filter:brightness(1.02)} #pickup-confirmation .link-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:var(--kb06oln-radius-sm, 10px);background:var(--kb06oln-surface);color:var(--kb06oln-secondary);text-decoration:none;font:700 0.95rem/1.2 var(--kb06oln-font, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);border:1px solid var(--kb06oln-border)} #pickup-confirmation .link-ghost:hover{border-color:var(--kb06oln-primary);color:var(--kb06oln-primary)} #pickup-confirmation .link-button:focus-visible,#pickup-confirmation .link-ghost:focus-visible,#pickup-confirmation .aside-link:focus-visible{outline:3px solid color-mix(in srgb, var(--kb06oln-accent) 70%, transparent);outline-offset:3px} #pickup-confirmation .aside{display:flex;flex-direction:column;gap:12px} #pickup-confirmation .note-box{border:1px solid var(--kb06oln-border);background:var(--kb06oln-surface);border-radius:var(--kb06oln-radius-md, 14px);padding:16px} #pickup-confirmation .note-strong{border-color:color-mix(in srgb, var(--kb06oln-primary) 35%, var(--kb06oln-border));background:color-mix(in srgb, var(--kb06oln-mist) 55%, var(--kb06oln-surface))} #pickup-confirmation .note-title{font:800 0.95rem/1.2 var(--kb06oln-font, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);color:var(--kb06oln-secondary);margin-bottom:8px} #pickup-confirmation .note-text{margin:0;color:var(--kb06oln-slate);font:400 0.95rem/1.55 var(--kb06oln-font, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif)} #pickup-confirmation .note-list{margin:0;padding-left:18px;color:var(--kb06oln-slate);font:400 0.95rem/1.65 var(--kb06oln-font, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif)} #pickup-confirmation .aside-footer{padding:0 2px 2px} #pickup-confirmation .aside-link{color:var(--kb06oln-secondary);text-decoration:none;font:700 0.95rem/1.2 var(--kb06oln-font, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);display:inline-flex;align-items:center;gap:10px} #pickup-confirmation .aside-link::after{content:"→";color:var(--kb06oln-primary)} #pickup-confirmation .aside-link:hover{color:var(--kb06oln-primary);text-decoration:underline;text-underline-offset:3px} @media (min-width: 768px){ #pickup-confirmation .content-grid{grid-template-columns: 1.55fr 0.85fr;gap:26px} } @media (prefers-reduced-motion: reduce){ #pickup-confirmation .link-button,#pickup-confirmation .link-ghost,#pickup-confirmation .aside-link{transition:none} } ::selection{background:var(--kb06oln-accent);color:var(--kb06oln-ink)} /* kb06oln:support-hours */ /* kb06oln:support-hours */ #support-hours{background:var(--kb06oln-bg);color:var(--kb06oln-text);padding:clamp(2rem,4.5vw,4rem) 0;} #support-hours .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #support-hours .eyebrow{font:700 0.875rem/1.2 var(--kb06oln-font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);letter-spacing:0.06em;text-transform:none;color:var(--kb06oln-slate);margin-bottom:0.9rem;} #support-hours .title{font:800 clamp(1.35rem,2.6vw,2.1rem)/1.15 var(--kb06oln-font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);letter-spacing:-0.015em;margin:0 0 0.75rem;} #support-hours .lede{margin:0 0 1.4rem;color:var(--kb06oln-slate);font:400 1rem/1.6 var(--kb06oln-font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);max-width:40rem;} #support-hours .support-grid{display:grid;grid-template-columns:1.3fr 0.9fr;gap:clamp(1.25rem,3vw,2.25rem);align-items:start;} #support-hours .support-left{min-width:0;} #support-hours .hours-panel{background:var(--kb06oln-surface);border:1px solid var(--kb06oln-border);border-radius:var(--kb06oln-radius-lg,18px);padding:1rem 1rem 0.75rem;} #support-hours .hours-row{display:flex;justify-content:space-between;gap:1rem;padding:0.6rem 0;} #support-hours .day{font-weight:700;color:var(--kb06oln-secondary);} #support-hours .time{font-weight:600;letter-spacing:0.01em;} #support-hours .rule{height:1px;background:var(--kb06oln-border);} #support-hours .contact-methods{display:flex;flex-direction:column;gap:0.9rem;margin-top:1.35rem;} #support-hours .method{padding:0.7rem 0.7rem;border-radius:var(--kb06oln-radius-sm,10px);border:1px solid rgba(230,230,224,0.75);background:rgba(247,247,245,0.6);} #support-hours .method-label{font:700 0.875rem/1.2 var(--kb06oln-font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);color:var(--kb06oln-slate);margin-bottom:0.25rem;} #support-hours .method-link{color:var(--kb06oln-ink);text-decoration:none;font-weight:700;} #support-hours .method-link:hover{text-decoration:underline;} #support-hours .disclaimer{margin-top:1.25rem;border-left:4px solid var(--kb06oln-accent);background:rgba(245,158,11,0.08);border:1px solid rgba(245,158,11,0.28);padding:0.9rem 0.95rem;border-radius:var(--kb06oln-radius-md,14px);color:var(--kb06oln-secondary);font:600 0.95rem/1.45 var(--kb06oln-font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);} #support-hours .support-right{min-width:0;} #support-hours .form-card{background:var(--kb06oln-surface);border:1px solid var(--kb06oln-border);border-radius:var(--kb06oln-radius-lg,18px);padding:1.2rem;} #support-hours .form-title{margin:0 0 0.35rem;font:900 1.2rem/1.2 var(--kb06oln-font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);letter-spacing:-0.01em;} #support-hours .form-subtitle{margin:0 0 1rem;color:var(--kb06oln-slate);font:400 0.98rem/1.45 var(--kb06oln-font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);} #support-hours .lead-form{display:flex;flex-direction:column;gap:0.85rem;} #support-hours .field{display:flex;flex-direction:column;gap:0.45rem;} #support-hours .label{font:700 0.9rem/1.2 var(--kb06oln-font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);color:var(--kb06oln-secondary);} #support-hours .input,#support-hours .textarea{border:1px solid var(--kb06oln-border);border-radius:var(--kb06oln-radius-md,14px);padding:0.75rem 0.85rem;background:var(--kb06oln-bg);color:var(--kb06oln-ink);font:500 1rem/1.4 var(--kb06oln-font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);outline:none;} #support-hours .textarea{resize:vertical;} #support-hours .input::placeholder,#support-hours .textarea::placeholder{color:rgba(17,17,17,0.55);} #support-hours .input:focus-visible,#support-hours .textarea:focus-visible{border-color:rgba(194,65,12,0.7);box-shadow:0 0 0 4px rgba(194,65,12,0.15);} #support-hours .submit{margin-top:0.25rem;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0.85rem 1rem;border-radius:var(--kb06oln-radius-md,14px);border:1px solid var(--kb06oln-primary);background:var(--kb06oln-primary);color:var(--kb06oln-bg);font:800 1rem/1.1 var(--kb06oln-font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);cursor:pointer;} #support-hours .submit:hover{filter:brightness(0.98);} #support-hours .submit:active{transform:translateY(1px);} #support-hours .submit:focus-visible{outline:3px solid rgba(194,65,12,0.28);outline-offset:2px;} #support-hours .submit:disabled{opacity:0.6;cursor:not-allowed;} #support-hours .form-foot{margin:0;color:var(--kb06oln-slate);font:500 0.9rem/1.45 var(--kb06oln-font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);} #support-hours ::selection{background:rgba(245,158,11,0.35);} @media (max-width: 900px){ #support-hours .support-grid{grid-template-columns:1fr;} #support-hours .form-card{padding:1.1rem;} } @media (prefers-reduced-motion: reduce){ #support-hours *{scroll-behavior:auto;transition:none !important;animation:none !important;} } /* kb06oln:contact */ /* kb06oln:contact */ #contact.contact-section{background:var(--kb06oln-bg);color:var(--kb06oln-text);padding:clamp(2.5rem,5vw,4.5rem) 0;} #contact.contact-section .contact-shell{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,3vw,2.25rem);} #contact.contact-section .contact-header{margin-bottom:1.25rem;} #contact.contact-section .eyebrow{font-family:var(--kb06oln-font-sans,'Avenir Next, Avenir, Segoe UI, system-ui, sans-serif');font-size:0.875rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--kb06oln-slate);margin:0 0 0.75rem;} #contact.contact-section .title{font-family:var(--kb06oln-font-sans,'Avenir Next, Avenir, Segoe UI, system-ui, sans-serif');font-size:clamp(1.6rem,2.6vw,2.25rem);line-height:1.12;letter-spacing:-0.02em;margin:0 0 0.75rem;} #contact.contact-section .lede{margin:0;max-width:60ch;color:var(--kb06oln-slate);font-size:1rem;line-height:1.6;} #contact.contact-section .form-card{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:1.25rem;border:1px solid var(--kb06oln-border);background:var(--kb06oln-surface);border-radius:var(--kb06oln-radius-md,14px);padding:1.25rem;} #contact.contact-section .contact-form{display:block;} #contact.contact-section .field-row{display:grid;grid-template-columns:1fr;gap:1rem;} #contact.contact-section .field{display:block;} #contact.contact-section .label-text{display:block;font-size:0.875rem;color:var(--kb06oln-secondary);margin:0 0 0.5rem;} #contact.contact-section .input,#contact.contact-section .textarea{width:100%;border:1px solid var(--kb06oln-border);border-radius:var(--kb06oln-radius-sm,10px);background:var(--kb06oln-bg);color:var(--kb06oln-text);font-size:1rem;padding:0.7rem 0.85rem;line-height:1.4;box-sizing:border-box;} #contact.contact-section .textarea{resize:vertical;min-height:140px;} #contact.contact-section .input::placeholder,#contact.contact-section .textarea::placeholder{color:rgba(17,17,17,0.55);} #contact.contact-section .input:focus-visible,#contact.contact-section .textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--kb06oln-accent) 35%, transparent);outline-offset:2px;border-color:color-mix(in srgb, var(--kb06oln-accent) 55%, var(--kb06oln-border));} #contact.contact-section .legal-note{margin:0.9rem 0 1rem;padding:0.75rem 0.85rem;border:1px solid var(--kb06oln-border);border-radius:var(--kb06oln-radius-sm,10px);background:var(--kb06oln-bg);} #contact.contact-section .legal-text{margin:0;color:var(--kb06oln-slate);font-size:0.9rem;line-height:1.45;} #contact.contact-section .actions{display:flex;align-items:center;gap:0.75rem;margin:1rem 0 0.75rem;} #contact.contact-section .btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;text-decoration:none;border-radius:var(--kb06oln-radius-sm,10px);padding:0.8rem 1.05rem;font-family:var(--kb06oln-font-sans,'Avenir Next, Avenir, Segoe UI, system-ui, sans-serif');font-weight:700;border:1px solid transparent;min-height:44px;cursor:pointer;box-sizing:border-box;} #contact.contact-section .btn-primary{background:var(--kb06oln-primary);border-color:var(--kb06oln-primary);color:var(--kb06oln-bg);box-shadow:0 10px 30px rgba(194,65,12,0.18);} #contact.contact-section .btn-primary:hover{background:color-mix(in srgb, var(--kb06oln-primary) 90%, var(--kb06oln-text) 10%);} #contact.contact-section .btn-primary:active{transform:translateY(1px);} #contact.contact-section .btn-primary:disabled{opacity:0.65;cursor:not-allowed;} #contact.contact-section .btn-ghost{background:transparent;border-color:color-mix(in srgb, var(--kb06oln-secondary) 35%, var(--kb06oln-border));color:var(--kb06oln-secondary);} #contact.contact-section .btn-ghost:hover{background:color-mix(in srgb, var(--kb06oln-secondary) 6%, var(--kb06oln-bg));border-color:color-mix(in srgb, var(--kb06oln-secondary) 55%, var(--kb06oln-border));} #contact.contact-section .btn:focus-visible{outline:3px solid color-mix(in srgb, var(--kb06oln-accent) 35%, transparent);outline-offset:2px;} #contact.contact-section .subtle{margin:0;color:var(--kb06oln-slate);font-size:0.95rem;line-height:1.5;} #contact.contact-section .contact-side{border-top:1px solid var(--kb06oln-border);padding-top:1rem;} #contact.contact-section .side-title{margin:0 0 0.75rem;font-weight:800;color:var(--kb06oln-secondary);} #contact.contact-section .side-list{list-style:none;margin:0;padding:0;display:grid;gap:0.65rem;} #contact.contact-section .side-k{display:inline-block;width:5.25rem;color:var(--kb06oln-slate);font-size:0.9rem;} #contact.contact-section .side-v{color:var(--kb06oln-secondary);text-decoration:none;border-bottom:1px solid color-mix(in srgb, var(--kb06oln-secondary) 25%, transparent);padding-bottom:1px;} #contact.contact-section .side-v:hover{border-bottom-color:color-mix(in srgb, var(--kb06oln-accent) 55%, var(--kb06oln-secondary));} #contact.contact-section .hint-box{margin-top:1rem;padding:0.85rem;border:1px solid var(--kb06oln-border);border-radius:var(--kb06oln-radius-sm,10px);background:var(--kb06oln-bg);} #contact.contact-section .hint-title{margin:0 0 0.35rem;font-weight:900;color:var(--kb06oln-secondary);} #contact.contact-section .hint-text{margin:0;color:var(--kb06oln-slate);line-height:1.5;font-size:0.95rem;} #contact.contact-section a{color:inherit;} #contact.contact-section ::selection{background:color-mix(in srgb, var(--kb06oln-accent) 25%, transparent);} @media (min-width: 768px){ #contact.contact-section .form-card{grid-template-columns:1.35fr 0.95fr;align-items:start;} #contact.contact-section .contact-side{border-top:none;padding-top:0;border-left:1px solid var(--kb06oln-border);padding-left:1rem;} #contact.contact-section .field-row{grid-template-columns:1fr 1fr;} } @media (prefers-reduced-motion: reduce){ #contact.contact-section *{scroll-behavior:auto;transition:none !important;animation:none !important;} } /* Design-system variables */ .policy-page{background:var(--kb06oln-bg);color:var(--kb06oln-text);font-family:var(--kb06oln-font);} .policy-wrap{max-width:980px;margin:0 auto;padding:24px 16px 40px 16px;} .policy-header{border:1px solid var(--kb06oln-border);background:var(--kb06oln-surface);border-radius:var(--kb06oln-lg);padding:18px 18px;} .policy-title{margin:0 0 8px 0;font-family:var(--kb06oln-font-display);font-size:30px;line-height:1.2;color:var(--kb06oln-ink);} .policy-lead{margin:0 0 10px 0;font-size:15px;line-height:1.6;color:var(--kb06oln-secondary);} .policy-meta{margin:0;font-size:13px;color:var(--kb06oln-slate);} .policy-strong{font-weight:700;color:var(--kb06oln-ink);} .policy-section{margin-top:18px;padding:16px 16px;border:1px solid var(--kb06oln-border);border-radius:var(--kb06oln-lg);background:#fff;} .policy-h2{margin:0 0 10px 0;font-size:18px;line-height:1.35;color:var(--kb06oln-ink);} .policy-p{margin:0 0 10px 0;font-size:14px;line-height:1.75;color:var(--kb06oln-secondary);} .policy-list{margin:0;padding-left:18px;} .policy-list li{margin:6px 0;font-size:14px;line-height:1.75;color:var(--kb06oln-secondary);} .policy-footer{background:var(--kb06oln-surface);} .policy-contact-grid{margin-top:10px;display:block;} .policy-contact-item{border:1px solid var(--kb06oln-border);border-radius:var(--radius, var(--kb06oln-border));padding:12px 12px;margin:10px 0;background:var(--kb06oln-bg);} .policy-contact-label{font-size:12px;letter-spacing:.02em;color:var(--kb06oln-slate);margin-bottom:6px;} .policy-contact-value{font-size:14px;line-height:1.5;color:var(--kb06oln-ink);word-break:break-word;} .policy-link{color:var(--kb06oln-primary);text-decoration:none;border-bottom:1px solid rgba(194,65,12,.35);} .policy-link:hover{color:var(--kb06oln-primary);border-bottom-color:rgba(194,65,12,.75);} .policy-small{font-size:12.5px;line-height:1.6;color:var(--kb06oln-slate);} @media (min-width:860px){ .policy-wrap{padding-left:8px;padding-right:8px;} .policy-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;} .policy-contact-item{margin:0;} .policy-header{padding:22px 22px;} } /* Design-system CSS (no external frameworks) */ :root{ --kb06oln-primary:#C2410C; --kb06oln-secondary:#1F2937; --kb06oln-accent:#F59E0B; --kb06oln-ink:#111111; --kb06oln-slate:#5B5B55; --kb06oln-mist:#EDEDE7; --kb06oln-border:#E6E6E0; --kb06oln-surface:#F7F7F5; --kb06oln-bg:#FFFFFF; --kb06oln-text:#111111; --kb06oln-font:"Avenir Next", Avenir, 'Segoe UI', system-ui, sans-serif; --kb06oln-radius-sm:10px; --kb06oln-radius-md:14px; --kb06oln-radius-lg:18px; } .privacy-page{background:var(--kb06oln-bg); color:var(--kb06oln-text); font-family:var(--kb06oln-font); line-height:1.55;} .privacy-main{max-width:980px; margin:0 auto; padding:22px 18px 34px 18px;} .privacy-header{padding:18px 16px; background:var(--kb06oln-surface); border:1px solid var(--kb06oln-border); border-radius:var(--kb06oln-radius-lg);} .privacy-title{margin:0 0 10px 0; font-size:28px; letter-spacing:-0.02em; color:var(--kb06oln-ink);} .privacy-lead{margin:0; color:var(--kb06oln-slate); font-size:15px;} .privacy-section{margin-top:18px; padding:16px 16px; border:1px solid var(--kb06oln-border); border-radius:var(--kb06oln-radius-lg); background:var(--kb06oln-bg);} .privacy-section-last{margin-bottom:18px;} .privacy-section-title{margin:0 0 10px 0; font-size:18px; color:var(--kb06oln-secondary);} .privacy-text{margin:0 0 10px 0; color:var(--kb06oln-slate); font-size:14.5px;} .privacy-note{margin:0; color:var(--kb06oln-slate); font-size:14px;} .privacy-list{margin:8px 0 0 18px; padding:0; color:var(--kb06oln-slate);} .privacy-list-item{margin:8px 0; font-size:14.5px;} .privacy-label{display:inline-block; min-width:170px; color:var(--kb06oln-secondary); font-weight:600; font-size:14px;} .privacy-footer{border-top:1px solid var(--kb06oln-border); margin-top:18px; padding-top:16px;} .privacy-footer-block{padding:14px 14px; background:var(--kb06oln-surface); border:1px solid var(--kb06oln-border); border-radius:var(--kb06oln-radius-md);} .privacy-footer-title{font-weight:700; color:var(--kb06oln-secondary); margin-bottom:6px;} .privacy-footer-text{color:var(--kb06oln-slate); font-size:14px; margin:6px 0;} @media (max-width:640px){ .privacy-main{padding:16px 12px 26px 12px;} .privacy-title{font-size:24px;} .privacy-label{min-width:140px;} } /* Design-system variables */ :root{ --kb06oln-primary: #C2410C; --kb06oln-secondary: #1F2937; --kb06oln-accent: #F59E0B; --kb06oln-ink: #111111; --kb06oln-slate: #5B5B55; --kb06oln-mist: #EDEDE7; --kb06oln-border: #E6E6E0; --kb06oln-surface: #F7F7F5; --kb06oln-bg: #FFFFFF; --kb06oln-text: #111111; --kb06oln-font: 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif; } *{box-sizing:border-box} html,body{height:100%} body{ margin:0; background: var(--kb06oln-bg); color: var(--kb06oln-text); font-family: var(--kb06oln-font); line-height: 1.45; } .thanks-page{ width:100%; padding: 24px 16px 40px; } /* max-width and spacing wrapper requirement */ .thanks-page{ display:block; } .thanks-card{ max-width: 860px; margin: 0 auto; background: var(--kb06oln-surface); border: 1px solid var(--kb06oln-border); border-radius: var(--radius-lg, 18px); padding: 22px 18px; } @media (min-width: 720px){ .thanks-card{ padding: 26px 26px; } } .thanks-header{ padding-bottom: 14px; border-bottom: 1px solid var(--kb06oln-border); } .thanks-badge{ width: 44px; height: 44px; border-radius: 14px; display:flex; align-items:center; justify-content:center; background: rgba(194,65,12,0.10); border: 1px solid rgba(194,65,12,0.20); color: var(--kb06oln-primary); font-weight: 800; margin-bottom: 10px; } .thanks-title{ margin: 0 0 6px; font-size: 28px; letter-spacing: -0.01em; } .thanks-subtitle{ margin: 0; color: var(--kb06oln-slate); font-size: 15.5px; } .thanks-details{ margin-top: 14px; padding: 14px; border-radius: var(--radius-md,14px); border: 1px solid var(--kb06oln-border); background: #ffffff; } .thanks-disputes{ margin-top: 16px; } .thanks-section-title{ margin: 0 0 8px; font-size: 18px; color: var(--kb06oln-secondary); } .thanks-text{ margin: 0 0 10px; color: var(--kb06oln-ink); font-size: 14.8px; } .thanks-text:last-child{ margin-bottom: 0; } .thanks-footer{ margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--kb06oln-border); } .business-list{ margin: 0; } .business-row{ display:block; padding: 8px 0; border-bottom: 1px dashed rgba(230,230,224,0.9); } .business-row:last-child{ border-bottom: none; } .business-label{ display:block; font-size: 12.5px; color: var(--kb06oln-slate); margin-bottom: 3px; } .business-value{ margin:0; font-size: 14.8px; } .business-link{ color: var(--kb06oln-primary); text-decoration: underline; text-decoration-color: rgba(194,65,12,0.35); } .business-link:hover{ color: var(--kb06oln-accent); text-decoration-color: rgba(245,158,11,0.55); } .thanks-legal-note{ margin: 14px 0 0; color: var(--kb06oln-slate); font-size: 12.8px; } section[data-kb06oln-bxz]:not([data-kb06oln-bxz='header']):not([data-kb06oln-bxz='footer']) { position: relative; } section[data-kb06oln-bxz]:not([data-kb06oln-bxz='header']):not([data-kb06oln-bxz='footer']) { border-top: 1px solid var(--kb06oln-border); } section[data-kb06oln-bxz] h1, section[data-kb06oln-bxz] h2 { letter-spacing: -0.03em; } section[data-kb06oln-bxz] [class*='rounded'] { border-radius: var(--kb06oln-radius-sm, 0.25rem); } :root { --kb06oln-c-content-width: 72rem; --kb06oln-c-gutter: clamp(1rem, 4vw, 3rem); --kb06oln-c-measure: 65ch; --kb06oln-c-heading-display: clamp(2.5rem, 6vw, 5.5rem); } [data-kb06oln-dr] { scroll-margin-top: 1.5rem; } main > section, main [data-kb06oln-bxz] { padding-inline: var(--kb06oln-c-gutter); } [data-kb06oln-dr*='article'], [data-kb06oln-dr*='review'] { max-width: var(--kb06oln-c-measure); } h1 { font-size: var(--kb06oln-c-heading-display); } @media (max-width: 768px) { [data-kb06oln-dr] { min-width: 0; } }