/* vanilla base reset (no framework) */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: var(--kc5f4d-font, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif); line-height: 1.5; color: var(--kc5f4d-ink, #111); background: var(--kc5f4d-bg, #fff); } h1, h2, h3, h4, h5, h6 { font-family: var(--kc5f4d-font-display, var(--kc5f4d-font, system-ui, sans-serif)); } img, svg, video, canvas { max-width: 100%; height: auto; } a { color: inherit; } *:focus-visible { outline: 2px solid var(--kc5f4d-primary, #2563eb); outline-offset: 2px; } /* visibility shim for framework toggles */ .hidden { display: none !important; } /* design tokens */ :root { --kc5f4d-primary: #0B5FFF; --kc5f4d-secondary: #0E6E7E; --kc5f4d-accent: #0F766E; --kc5f4d-ink: #0B1220; --kc5f4d-slate: #4B5563; --kc5f4d-mist: #AEB7C6; --kc5f4d-border: #D7DBE3; --kc5f4d-surface: #FFFFFF; --kc5f4d-bg: #F7F8FA; --kc5f4d-text: #111827; --kc5f4d-font: 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif; --kc5f4d-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-kc5f4d-ui="cookie-banner"] { position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 9999; margin: 0 auto; max-width: 56rem; border: 1px solid var(--kc5f4d-border, #e5e7eb); background: var(--kc5f4d-surface, #fff); border-radius: 1rem; padding: 1rem; box-shadow: 0 10px 30px rgba(0,0,0,.15); } [data-kc5f4d-ui="cookie-banner"] > div { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-start; justify-content: space-between; } [data-kc5f4d-ui="cookie-banner"] > div > div:last-child { display: flex; flex-wrap: wrap; gap: .5rem; } [data-kc5f4d-ui="cookie-banner"] a { text-decoration: underline; } [data-kc5f4d-cs-action], [data-kc5f4d-ag-action] { cursor: pointer; border-radius: .5rem; padding: .5rem .9rem; font-size: .8rem; border: 1px solid var(--kc5f4d-border, #d1d5db); background: transparent; color: var(--kc5f4d-ink, #111); } [data-kc5f4d-cs-action="accept-all"], [data-kc5f4d-cs-action="save"], [data-kc5f4d-ag-action="confirm"] { background: var(--kc5f4d-primary, #2563eb); color: #fff; border-color: transparent; font-weight: 600; } [data-kc5f4d-cs-action="reject-all"] { background: var(--kc5f4d-ink, #111); color: #fff; border-color: transparent; font-weight: 600; } [data-kc5f4d-cs-panel] { margin-top: 1rem; border: 1px solid var(--kc5f4d-border, #e5e7eb); background: var(--kc5f4d-surface, #fff); border-radius: .75rem; padding: 1rem; font-size: .875rem; } [data-kc5f4d-cs-panel] > div { display: flex; flex-wrap: wrap; gap: .75rem; } [data-kc5f4d-ui="cookie-banner"] label { display: inline-flex; align-items: center; gap: .5rem; } [data-kc5f4d-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-kc5f4d-ui="age-gate-overlay"] > div { width: 100%; max-width: 28rem; margin: 0 1rem; background: var(--kc5f4d-surface, #1a1a2e); color: var(--kc5f4d-ink, #fff); border-radius: 1rem; padding: 2rem; text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,.4); } [data-kc5f4d-ui="age-gate-overlay"] > div > div:last-of-type { display: flex; flex-direction: column; gap: .75rem; } [data-kc5f4d-ag-action] { padding: .75rem 1.5rem; } /* sections */ /* kc5f4d:header */ /* kc5f4d:header */ #header.header-wrap{position:sticky;top:0;z-index:50;background:rgba(247,248,250,.86);backdrop-filter:blur(6px);border-bottom:1px solid var(--kc5f4d-border)} #header .header-inner{max-width:72rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:0.9rem clamp(1rem,4vw,3rem)} #header .brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--kc5f4d-ink);min-height:44px} #header .brand-mark{width:12px;height:12px;border-radius:50%;background:var(--kc5f4d-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--kc5f4d-accent) 15%, transparent)} #header .brand-text{font-family:var(--font-sans);font-weight:800;letter-spacing:-.01em} #header .nav{display:flex;align-items:center;gap:.35rem} #header .nav-link{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem .75rem;border-radius:var(--radius-sm);color:var(--kc5f4d-text);text-decoration:none;font-weight:600;font-size:.95rem;border:1px solid transparent} #header .nav-link:focus-visible{outline:3px solid color-mix(in srgb, var(--kc5f4d-primary) 28%, transparent);outline-offset:2px} #header .nav-link:hover{border-color:color-mix(in srgb, var(--kc5f4d-primary) 20%, transparent);background:color-mix(in srgb, var(--kc5f4d-primary) 6%, transparent)} #header .cta{margin-left:.25rem;display:inline-flex;align-items:center;justify-content:center;padding:.72rem 1rem;border-radius:var(--radius-md);background:var(--kc5f4d-primary);color:var(--kc5f4d-surface);text-decoration:none;font-weight:800;border:1px solid color-mix(in srgb, var(--kc5f4d-primary) 85%, black 0%)} #header .cta:focus-visible{outline:3px solid color-mix(in srgb, var(--kc5f4d-accent) 30%, transparent);outline-offset:2px} #header .cta:hover{background:color-mix(in srgb, var(--kc5f4d-primary) 88%, black 0%)} #header .menu-toggle{display:none;align-items:center;gap:.6rem;padding:.65rem .85rem;border-radius:var(--radius-md);border:1px solid var(--kc5f4d-border);background:var(--kc5f4d-surface);color:var(--kc5f4d-ink);font-weight:800;min-height:44px} #header .menu-toggle:focus-visible{outline:3px solid color-mix(in srgb, var(--kc5f4d-primary) 28%, transparent);outline-offset:2px} #header .menu-toggle-icon{font-size:1.05rem;line-height:1} #header .menu-toggle-label{font-size:.95rem} @media (max-width: 768px){#header .nav{position:absolute;left:0;right:0;top:100%;background:var(--kc5f4d-surface);border-bottom:1px solid var(--kc5f4d-border);padding:1rem 1rem;display:none;flex-direction:column;align-items:stretch;gap:.5rem} #header .nav[aria-expanded="true"],#header .nav:target{display:flex} #header .nav-link{border-color:var(--kc5f4d-border);background:var(--kc5f4d-bg);justify-content:flex-start} #header .cta{margin-left:0} #header .menu-toggle{display:inline-flex}} #header ::selection{background:color-mix(in srgb, var(--kc5f4d-primary) 35%, transparent);color:var(--kc5f4d-ink)} @media (prefers-reduced-motion: reduce){#header *{scroll-behavior:auto;transition:none !important;animation:none !important}} /* kc5f4d:footer */ #footer{background:var(--kc5f4d-bg);color:var(--kc5f4d-text);border-top:1px solid var(--kc5f4d-border);} #footer .footer-inner{max-width:72rem;margin:0 auto;padding:3rem 1rem 2.25rem;} #footer .footer-brand{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;} #footer .footer-logo{width:14px;height:14px;border-radius:6px;background:var(--kc5f4d-accent);box-shadow:0 10px 30px rgba(15,118,110,.18);} #footer .footer-title{font:700 1.25rem/1.2 var(--font-sans, 'Avenir Next');letter-spacing:-0.02em;} #footer .footer-meta{color:var(--kc5f4d-slate);font:500 0.95rem/1.5 var(--font-sans, 'Avenir Next');} #footer .footer-columns{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1.75rem;align-items:start;} #footer .footer-col-title{font:700 0.875rem/1.3 var(--font-sans, 'Avenir Next');letter-spacing:0.06em;text-transform:uppercase;color:var(--kc5f4d-slate);margin-bottom:.75rem;} #footer .footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem;} #footer .footer-link{color:var(--kc5f4d-ink);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;} #footer .footer-link:hover{border-bottom-color:var(--kc5f4d-accent);} #footer .footer-link:focus-visible{outline:3px solid rgba(11,95,255,.28);outline-offset:3px;border-bottom-color:var(--kc5f4d-accent);} #footer .footer-contact{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem;} #footer .footer-contact-label{display:block;font:700 0.875rem/1.2 var(--font-sans, 'Avenir Next');color:var(--kc5f4d-slate);margin-bottom:.15rem;} #footer .footer-text{color:var(--kc5f4d-text);font:500 0.95rem/1.5 var(--font-sans, 'Avenir Next');} #footer .footer-action{margin-top:1rem;} #footer .footer-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.85rem 1.1rem;border-radius:var(--radius-md, 14px);background:var(--kc5f4d-primary);color:var(--kc5f4d-surface);text-decoration:none;font:700 1rem/1.1 var(--font-sans, 'Avenir Next');border:1px solid var(--kc5f4d-primary);} #footer .footer-button:hover{background:#0A56D7;} #footer .footer-button:focus-visible{outline:3px solid rgba(11,95,255,.28);outline-offset:3px;} #footer .footer-bottom{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--kc5f4d-border);display:flex;gap:1.25rem;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;} #footer .footer-bottom-muted{color:var(--kc5f4d-slate);font-weight:700;margin-right:.35rem;} #footer ::selection{background:rgba(15,118,110,.18);} @media (max-width: 1024px){#footer .footer-columns{grid-template-columns:1fr 1fr;}} @media (max-width: 640px){#footer .footer-inner{padding:2.25rem 1rem 1.75rem;}#footer .footer-columns{grid-template-columns:1fr;gap:1.2rem;}#footer .footer-bottom{flex-direction:column;}} @media (prefers-reduced-motion: reduce){#footer .footer-link,#footer .footer-button{transition:none;}} /* kc5f4d:hero-comparison */ #hero-comparison{--hc-padding:clamp(1.25rem,3vw,2rem);--hc-gutter:clamp(1rem,3vw,2rem);--hc-radius:var(--kc5f4d-radius,14px);position:relative;background:var(--kc5f4d-bg);color:var(--kc5f4d-ink);padding:clamp(2.25rem,6vw,4.75rem) var(--hc-gutter);font-family:var(--kc5f4d-font-sans,'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);} #hero-comparison::selection{background:rgba(11,95,255,.18);} #hero-comparison .hero-comparison *{box-sizing:border-box;} #hero-comparison .hero-shell{max-width:1120px;margin:0 auto;} #hero-comparison .hero-top{margin-bottom:clamp(1.5rem,3.5vw,2.25rem);} #hero-comparison .hero-kicker{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .75rem;border:1px solid var(--kc5f4d-border);border-radius:999px;background:rgba(255,255,255,.7);font-size:0.875rem;color:var(--kc5f4d-secondary);} #hero-comparison .hero-kicker::before{content:"";display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--kc5f4d-accent);} #hero-comparison .hero-title{margin:.9rem 0 0;font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;letter-spacing:-0.02em;text-wrap:balance;} #hero-comparison .hero-subtitle{margin:1rem 0 0;max-width:70ch;font-size:1rem;line-height:1.6;color:var(--kc5f4d-slate);} #hero-comparison .hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.3rem;} #hero-comparison .cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.85rem 1.05rem;border-radius:var(--kc5f4d-radius,14px);text-decoration:none;white-space:nowrap;border:1px solid transparent;font-weight:650;letter-spacing:-0.01em;} #hero-comparison .cta.primary{background:var(--kc5f4d-primary);color:var(--kc5f4d-surface);border-color:var(--kc5f4d-primary);} #hero-comparison .cta.primary:focus-visible{outline:3px solid rgba(11,95,255,.35);outline-offset:2px;} #hero-comparison .cta.ghost{background:transparent;color:var(--kc5f4d-ink);border-color:var(--kc5f4d-border);} #hero-comparison .cta.ghost:focus-visible{outline:3px solid rgba(11,95,255,.35);outline-offset:2px;} #hero-comparison .cta.ghost:hover{border-color:rgba(11,95,255,.55);} #hero-comparison .hero-disclaimer{display:flex;gap:.85rem;align-items:flex-start;margin-top:1.25rem;padding:1rem 1rem;border-radius:var(--kc5f4d-radius,14px);background:rgba(255,255,255,.75);border:1px solid var(--kc5f4d-border);} #hero-comparison .hero-disclaimer-dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--kc5f4d-secondary);margin-top:.28rem;flex:0 0 auto;} #hero-comparison .hero-disclaimer-text{margin:0;font-size:0.95rem;line-height:1.5;color:var(--kc5f4d-slate);} /* kc5f4d:hero-comparison */ #hero-comparison .table-wrap{margin:0 0 clamp(1.5rem,3vw,2.1rem);} #hero-comparison .table-scroll{overflow:auto;border-radius:18px;border:1px solid var(--kc5f4d-border);background:var(--kc5f4d-surface);} #hero-comparison .comparison-table{border-collapse:separate;border-spacing:0;width:100%;min-width:820px;} #hero-comparison thead th{position:sticky;top:0;background:var(--kc5f4d-surface);z-index:3;border-bottom:1px solid var(--kc5f4d-border);} #hero-comparison .sticky-left{position:sticky;left:0;z-index:4;background:var(--kc5f4d-surface);} #hero-comparison th, #hero-comparison td{padding:.95rem .9rem;border-right:1px solid var(--kc5f4d-border);vertical-align:top;} #hero-comparison thead th:last-child,#hero-comparison td:last-child{border-right:none;} #hero-comparison tbody tr:nth-child(odd) td{background:rgba(247,248,250,.35);} #hero-comparison tbody tr:nth-child(odd) .sticky-left{background:var(--kc5f4d-surface);} #hero-comparison th.sticky-left{font-weight:750;color:var(--kc5f4d-ink);width:240px;border-right:1px solid var(--kc5f4d-border);} #hero-comparison .row-label-strong{font-weight:850;} #hero-comparison .row-label-sub{display:block;margin-top:.2rem;font-size:.875rem;color:var(--kc5f4d-secondary);font-weight:600;} #hero-comparison .tier-head{min-width:210px;} #hero-comparison .tier-name{font-weight:860;font-size:1.15rem;letter-spacing:-0.01em;} #hero-comparison .tier-meta{margin-top:.2rem;font-size:.9rem;color:var(--kc5f4d-slate);} #hero-comparison .tier-badge{display:inline-flex;align-items:center;padding:.35rem .6rem;border-radius:999px;background:rgba(15,118,110,.12);border:1px solid rgba(15,118,110,.25);color:var(--kc5f4d-accent);font-size:.82rem;font-weight:800;margin-bottom:.5rem;} #hero-comparison tbody td{color:var(--kc5f4d-slate);font-weight:620;} #hero-comparison .tier-cell.price{color:var(--kc5f4d-ink);font-weight:800;} #hero-comparison .price-value{font-size:2rem;line-height:1.05;letter-spacing:-0.02em;font-variant-numeric:tabular-nums;} #hero-comparison .price-note{display:block;margin-top:.2rem;font-size:.9rem;color:var(--kc5f4d-secondary);font-weight:750;} #hero-comparison tbody tr{transition:background-color 150ms ease;} #hero-comparison .tier-head.best{border-left:1px solid rgba(15,118,110,.25);} #hero-comparison .tier-cell.best{position:relative;} #hero-comparison .tier-cell.best::before{content:"";position:absolute;left:.6rem;top:.6rem;bottom:.6rem;width:.35rem;border-radius:999px;background:var(--kc5f4d-accent);opacity:.55;} #hero-comparison .comparison-table tbody tr[data-row]:focus-within{background:transparent;} #hero-comparison tbody .tier-cell{transition:background-color 150ms ease, color 150ms ease, font-weight 150ms ease;} #hero-comparison .comparison-table tbody tr:hover .sticky-left{color:var(--kc5f4d-ink);} #hero-comparison .comparison-table th.tier-head:hover{background:rgba(15,118,110,.06);} #hero-comparison .comparison-table .tier-head:hover .tier-name{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px;} #hero-comparison .hero-grid{display:grid;grid-template-columns:1fr;gap:1rem;} #hero-comparison .proof-module{background:rgba(255,255,255,.8);border:1px solid var(--kc5f4d-border);border-radius:18px;padding:1.2rem 1.15rem;} #hero-comparison .proof-title{font-weight:900;letter-spacing:-0.01em;margin:0 0 .35rem;font-size:1.1rem;} #hero-comparison .proof-text{margin:.2rem 0 .9rem;color:var(--kc5f4d-slate);line-height:1.6;} #hero-comparison .proof-list{margin:0;padding-left:1.05rem;color:var(--kc5f4d-ink);} #hero-comparison .proof-list li{margin:.55rem 0;color:var(--kc5f4d-slate);font-weight:650;} #hero-comparison .link-cta{display:inline-flex;align-items:center;margin-top:.9rem;color:var(--kc5f4d-primary);font-weight:800;text-decoration:none;border-bottom:2px solid rgba(11,95,255,.25);padding-bottom:.15rem;} #hero-comparison .link-cta:focus-visible{outline:3px solid rgba(11,95,255,.35);outline-offset:3px;border-bottom-color:rgba(11,95,255,.6);} #hero-comparison .link-cta:hover{border-bottom-color:rgba(11,95,255,.7);} #hero-comparison .proof-quick{display:flex;gap:.55rem;flex-wrap:wrap;margin:.35rem 0 .9rem;} #hero-comparison .chip{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:.5rem .7rem;border-radius:999px;border:1px solid var(--kc5f4d-border);background:var(--kc5f4d-bg);color:var(--kc5f4d-ink);text-decoration:none;font-weight:750;font-size:.93rem;} #hero-comparison .chip:focus-visible{outline:3px solid rgba(11,95,255,.35);outline-offset:2px;} #hero-comparison .chip:hover{border-color:rgba(11,95,255,.55);} @media (min-width: 768px){ #hero-comparison .hero-shell{max-width:1120px;} #hero-comparison .hero-grid{grid-template-columns:1fr 1fr;gap:1.2rem;} #hero-comparison .sticky-left{width:260px;} } @media (prefers-reduced-motion: reduce){ #hero-comparison *{scroll-behavior:auto;transition:none !important;animation:none !important;} } /* kc5f4d:inclusions-breakdown */ /* kc5f4d:inclusions-breakdown */ #inclusions-breakdown{background:var(--kc5f4d-bg);color:var(--kc5f4d-text);padding:clamp(2.5rem,6vw,6rem) 0;} #inclusions-breakdown .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #inclusions-breakdown .section-head{max-width:44rem;} #inclusions-breakdown .kicker{margin:0 0 .75rem;font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--kc5f4d-secondary);font-weight:700;} #inclusions-breakdown .title{margin:0 0 1rem;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.15;letter-spacing:-.02em;text-wrap:balance;} #inclusions-breakdown .lead{margin:0;color:var(--kc5f4d-slate);font-size:1rem;line-height:1.6;max-width:48rem;} #inclusions-breakdown .layout{margin-top:clamp(1.75rem,3vw,2.75rem);display:grid;grid-template-columns:1.4fr .9fr;gap:clamp(1rem,2.8vw,2.25rem);align-items:start;} #inclusions-breakdown .mapped-list{display:flex;flex-direction:column;gap:.75rem;} #inclusions-breakdown .inclusion-item{display:grid;grid-template-columns:38px 170px 1fr;gap:.85rem;align-items:start;padding:1rem 1.05rem;border:1px solid var(--kc5f4d-border);background:var(--kc5f4d-surface);border-radius:var(--radius-md,14px);text-decoration:none;color:inherit;transition:transform .12s ease, border-color .12s ease, box-shadow .12s ease;} #inclusions-breakdown .inclusion-item:hover{border-color:color-mix(in srgb, var(--kc5f4d-accent) 35%, var(--kc5f4d-border));box-shadow:0 10px 24px color-mix(in srgb, var(--kc5f4d-accent) 18%, transparent);} #inclusions-breakdown .inclusion-item:active{transform:translateY(1px);} #inclusions-breakdown .inclusion-item:focus-visible{outline:3px solid color-mix(in srgb, var(--kc5f4d-primary) 55%, transparent);outline-offset:2px;} #inclusions-breakdown .dot{width:38px;height:38px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb, var(--kc5f4d-primary) 14%, var(--kc5f4d-surface));color:var(--kc5f4d-primary);font-weight:800;font-variant-numeric:tabular-nums;} #inclusions-breakdown .label{font-weight:800;letter-spacing:-.01em;} #inclusions-breakdown .hint{color:var(--kc5f4d-slate);font-size:.95rem;line-height:1.45;} #inclusions-breakdown .proof-note{position:relative;} #inclusions-breakdown .note-card{border:1px solid var(--kc5f4d-border);background:var(--kc5f4d-surface);border-radius:var(--radius-lg,18px);padding:1.25rem 1.25rem 1rem;} #inclusions-breakdown .note-title{margin:0 0 .5rem;font-size:1.05rem;letter-spacing:-.01em;} #inclusions-breakdown .note-text{margin:0 0 1rem;color:var(--kc5f4d-slate);line-height:1.6;} #inclusions-breakdown .note-actions{display:flex;gap:.7rem;flex-wrap:wrap;} #inclusions-breakdown .btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1rem;border-radius:var(--radius-md,14px);text-decoration:none;font-weight:800;letter-spacing:-.01em;min-height:44px;} #inclusions-breakdown .btn-primary{background:var(--kc5f4d-primary);color:var(--kc5f4d-surface);border:1px solid color-mix(in srgb, var(--kc5f4d-primary) 80%, var(--kc5f4d-primary));} #inclusions-breakdown .btn-primary:hover{filter:brightness(1.02);} #inclusions-breakdown .btn-primary:active{transform:translateY(1px);} #inclusions-breakdown .btn-primary:focus-visible{outline:3px solid color-mix(in srgb, var(--kc5f4d-primary) 50%, transparent);outline-offset:2px;} #inclusions-breakdown .btn-ghost{background:var(--kc5f4d-surface);color:var(--kc5f4d-primary);border:2px solid color-mix(in srgb, var(--kc5f4d-primary) 45%, var(--kc5f4d-border));} #inclusions-breakdown .btn-ghost:hover{background:color-mix(in srgb, var(--kc5f4d-primary) 10%, var(--kc5f4d-surface));} #inclusions-breakdown .btn-ghost:active{transform:translateY(1px);} #inclusions-breakdown .btn-ghost:focus-visible{outline:3px solid color-mix(in srgb, var(--kc5f4d-primary) 40%, transparent);outline-offset:2px;} #inclusions-breakdown .fineprint{margin:.9rem 0 0;color:var(--kc5f4d-slate);font-size:.9rem;line-height:1.55;} #inclusions-breakdown ::selection{background:color-mix(in srgb, var(--kc5f4d-primary) 25%, transparent);} @media (max-width: 900px){ #inclusions-breakdown .layout{grid-template-columns:1fr;} #inclusions-breakdown .inclusion-item{grid-template-columns:38px 1fr;grid-template-rows:auto auto;} #inclusions-breakdown .label{grid-column:2/3;} #inclusions-breakdown .hint{grid-column:1/3;} } @media (prefers-reduced-motion: reduce){ #inclusions-breakdown .inclusion-item{transition:none;} } /* kc5f4d:student-proof */ /* kc5f4d:student-proof */ #student-proof{--sp-accent:var(--kc5f4d-accent);--sp-ink:var(--kc5f4d-ink);--sp-surface:var(--kc5f4d-surface);--sp-bg:var(--kc5f4d-bg);--sp-border:var(--kc5f4d-border);--sp-mist:var(--kc5f4d-mist);--sp-primary:var(--kc5f4d-primary);--sp-secondary:var(--kc5f4d-secondary);box-sizing:border-box;background:var(--sp-bg);color:var(--sp-ink);padding:clamp(2.5rem,5vw,4.25rem) 0;} #student-proof *{box-sizing:border-box;} #student-proof ::selection{background:rgba(11,95,255,.18);} #student-proof .sp-shell{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,3.5vw,2rem);} #student-proof .sp-head{margin-bottom:clamp(1.5rem,3.4vw,2.6rem);} #student-proof .sp-kicker{display:inline-flex;align-items:center;gap:.6rem;color:var(--kc5f4d-secondary);font-size:.875rem;letter-spacing:.04em;text-transform:uppercase;font-weight:700;} #student-proof .sp-kicker::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--kc5f4d-accent);box-shadow:0 0 0 4px rgba(15,118,110,.14);} #student-proof .sp-title{margin:.75rem 0 .75rem;font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1.12;letter-spacing:-.02em;text-wrap:balance;font-weight:860;} #student-proof .sp-subtitle{margin:0;max-width:58ch;color:var(--kc5f4d-slate);font-size:1rem;line-height:1.6;} #student-proof .sp-grid{display:grid;grid-template-columns:1fr;gap:clamp(1.25rem,3.2vw,2.5rem);align-items:start;} #student-proof .sp-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;} #student-proof .sp-tile{margin:0;position:relative;border:1px solid var(--sp-border);border-radius:var(--radius-md,14px);overflow:hidden;background:var(--sp-surface);min-height:155px;} #student-proof .sp-tile:nth-child(2n){border-radius:calc(var(--radius-md,14px) + 0px);} #student-proof .sp-tile img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);} #student-proof .sp-cap{position:absolute;left:10px;right:10px;bottom:10px;padding:10px 10px;border-radius:12px;background:rgba(255,255,255,.92);border:1px solid rgba(215,219,227,.9);backdrop-filter:saturate(130%);display:flex;flex-direction:column;gap:2px;} #student-proof .sp-cap-top{font-size:.78rem;color:var(--kc5f4d-secondary);font-weight:800;letter-spacing:.02em;} #student-proof .sp-cap-bot{font-size:.92rem;color:var(--kc5f4d-ink);font-weight:760;line-height:1.2;} #student-proof .sp-micro{display:flex;flex-direction:column;gap:14px;} #student-proof .sp-quote{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--radius-lg,18px);padding:16px 16px 15px;} #student-proof .sp-quote-top{font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;font-weight:900;color:var(--kc5f4d-secondary);} #student-proof .sp-quote-main{margin-top:8px;font-size:1.05rem;line-height:1.35;font-weight:820;} #student-proof .sp-big{font-variant-numeric:tabular-nums;font-size:1.45rem;color:var(--kc5f4d-ink);display:inline-block;} #student-proof .sp-quote-foot{margin-top:8px;color:var(--kc5f4d-slate);font-size:.95rem;line-height:1.45;} #student-proof .sp-rail-note{background:rgba(14,110,126,.06);border:1px solid rgba(14,110,126,.22);border-radius:var(--radius-lg,18px);padding:16px;} #student-proof .sp-rail-note-title{font-weight:900;color:var(--kc5f4d-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;} #student-proof .sp-rail-note-text{margin:.7rem 0 1rem;color:var(--kc5f4d-slate);line-height:1.55;font-size:.98rem;} #student-proof .sp-link{display:inline-flex;align-items:center;gap:.55rem;color:var(--kc5f4d-primary);text-decoration:none;font-weight:860;border-bottom:1px solid rgba(11,95,255,.35);padding-bottom:2px;} #student-proof .sp-link:hover{color:var(--kc5f4d-accent);border-bottom-color:rgba(15,118,110,.55);} #student-proof .sp-link:focus-visible{outline:3px solid rgba(11,95,255,.28);outline-offset:3px;border-radius:8px;} @media (min-width: 768px){ #student-proof{padding:clamp(3rem,4.9vw,5rem) 0;} #student-proof .sp-grid{grid-template-columns:8fr 4fr;gap:clamp(1.25rem,2.8vw,2rem);} #student-proof .sp-tiles{gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));} #student-proof .sp-tile{min-height:158px;} #student-proof .sp-tile:nth-child(1){grid-column:1 / span 2;} #student-proof .sp-tile:nth-child(2){grid-column:3;} #student-proof .sp-tile:nth-child(3){grid-column:1;} #student-proof .sp-tile:nth-child(4){grid-column:2 / span 2;} #student-proof .sp-tile:nth-child(5){grid-column:1 / span 2;} #student-proof .sp-tile:nth-child(6){grid-column:3;} } @media (prefers-reduced-motion: reduce){ #student-proof .sp-tile img{transform:none;} } /* kc5f4d:route-proof */ /* kc5f4d:route-proof */ #route-proof{--pad:clamp(1rem,3vw,2rem);--max:72rem;background:var(--kc5f4d-bg);color:var(--kc5f4d-ink);padding:clamp(2.5rem,5vw,4.5rem) 0;} #route-proof .container{max-width:var(--max);margin:0 auto;padding:0 var(--pad);} #route-proof .section-head{display:block;margin-bottom:clamp(1.25rem,2.5vw,2rem);} #route-proof .eyebrow{margin:0 0 .6rem 0;font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--kc5f4d-secondary);font-weight:700;} #route-proof .title{margin:0 0 .75rem 0;font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.12;font-weight:800;letter-spacing:-.02em;text-wrap:balance;} #route-proof .subtitle{margin:0;max-width:64ch;color:var(--kc5f4d-slate);font-size:1rem;line-height:1.55;} #route-proof .route-strip{background:var(--kc5f4d-surface);border:1px solid var(--kc5f4d-border);border-radius:var(--radius-lg,18px);padding:clamp(.9rem,2vw,1.1rem);} #route-proof .route-track{display:inline-flex;align-items:center;justify-content:center;min-width:148px;padding:.7rem .75rem;cursor:pointer;border-radius:12px;outline:none;} #route-proof .route-track:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--kc5f4d-primary) 25%, transparent);} #route-proof .route-track:hover .stop{transform:translateY(-1px);} #route-proof .route-strip{overflow:auto;} #route-proof .route-strip::-webkit-scrollbar{height:10px;} #route-proof .route-strip::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--kc5f4d-secondary) 30%, transparent);border-radius:999px;} #route-proof .route-track[aria-selected="true"],#route-proof .route-track.active{background:color-mix(in srgb,var(--kc5f4d-primary) 10%, transparent);border:1px solid color-mix(in srgb,var(--kc5f4d-primary) 35%, transparent);} #route-proof .route-track.active .city,#route-proof .route-track[aria-selected="true"] .city{color:var(--kc5f4d-primary);} #route-proof .route-track.active .day,#route-proof .route-track[aria-selected="true"] .day{font-weight:800;color:var(--kc5f4d-ink);} #route-proof .route-track .stop{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;transition:transform 140ms ease;} #route-proof .day{font-size:.875rem;color:var(--kc5f4d-slate);font-weight:650;} #route-proof .city{font-size:1.05rem;font-weight:800;color:var(--kc5f4d-ink);} #route-proof .route-track+.route-track{margin-left:.35rem;} #route-proof .route-track{box-sizing:border-box;} #route-proof .route-track:last-child{margin-right:.1rem;} #route-proof .route-track{white-space:normal;} #route-proof .proof-card{margin-top:clamp(1rem,2.4vw,1.35rem);} #route-proof .proof-card-inner{background:var(--kc5f4d-surface);border:1px solid var(--kc5f4d-border);border-radius:var(--radius-lg,18px);padding:clamp(1rem,2.4vw,1.3rem);} #route-proof .proof-label{margin:0 0 .55rem 0;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--kc5f4d-secondary);font-weight:800;} #route-proof .proof-meta{display:flex;align-items:flex-end;gap:1rem;justify-content:space-between;flex-wrap:wrap;} #route-proof .proof-city-text{font-size:1.6rem;font-weight:900;letter-spacing:-.02em;} #route-proof .proof-days-num{font-family:inherit;font-size:1.1rem;font-weight:800;color:var(--kc5f4d-primary);tabular-nums:tabular-nums;} #route-proof .proof-help{margin:.75rem 0 1rem 0;color:var(--kc5f4d-slate);line-height:1.55;max-width:62ch;} #route-proof .btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;text-decoration:none;border-radius:999px;padding:.85rem 1.1rem;font-weight:800;min-height:44px;} #route-proof .btn-primary{background:var(--kc5f4d-primary);color:var(--kc5f4d-surface);border:1px solid color-mix(in srgb,var(--kc5f4d-primary) 70%, black);box-shadow:0 10px 24px color-mix(in srgb,var(--kc5f4d-primary) 22%, transparent);} #route-proof .btn-primary:hover{background:color-mix(in srgb,var(--kc5f4d-primary) 88%, #000);} #route-proof .btn-primary:active{transform:translateY(1px);} #route-proof .btn-primary:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--kc5f4d-primary) 25%, transparent),0 10px 24px color-mix(in srgb,var(--kc5f4d-primary) 22%, transparent);} @media (max-width:640px){#route-proof .subtitle{font-size:.95rem;}#route-proof .route-track{min-width:132px;}} @media (prefers-reduced-motion:reduce){#route-proof .route-track .stop{transition:none;}} /* kc5f4d:faq-preview */ /* kc5f4d:faq-preview */ #faq-preview.faq-preview{background:var(--kc5f4d-bg);padding:clamp(2.5rem,5vw,5rem) 0;} #faq-preview .faq-shell{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #faq-preview .faq-head{max-width:46rem;margin-bottom:1.5rem;} #faq-preview .faq-kicker{margin:0 0 .5rem 0;font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--kc5f4d-secondary);font-weight:700;} #faq-preview .faq-title{margin:0 0 .75rem 0;font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1.15;color:var(--kc5f4d-ink);letter-spacing:-.02em;text-wrap:balance;font-weight:800;} #faq-preview .faq-subtitle{margin:0;color:var(--kc5f4d-slate);font-size:1rem;line-height:1.6;} #faq-preview .faq-accordion{display:flex;flex-direction:column;gap:.75rem;margin-top:1.25rem;} #faq-preview .faq-item{border:1px solid var(--kc5f4d-border);border-radius:var(--kc5f4d-radius-md,14px);background:var(--kc5f4d-surface);box-shadow:0 1px 0 rgba(11,18,32,.03);} #faq-preview .faq-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;background:transparent;border:0;cursor:pointer;text-align:left;color:var(--kc5f4d-ink);min-height:44px;} #faq-preview .faq-q{font-weight:800;font-size:1rem;line-height:1.35;} #faq-preview .faq-icon{flex:0 0 auto;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--kc5f4d-border);color:var(--kc5f4d-secondary);font-weight:900;} #faq-preview .faq-item[aria-expanded="true"] .faq-icon{border-color:color-mix(in srgb, var(--kc5f4d-primary) 55%, var(--kc5f4d-border));color:var(--kc5f4d-primary);} #faq-preview .faq-trigger:focus-visible{outline:3px solid color-mix(in srgb, var(--kc5f4d-primary) 35%, white);outline-offset:2px;border-radius:12px;} #faq-preview .faq-panel{overflow:hidden;} #faq-preview .faq-a{padding:0 1.1rem 1rem 1.1rem;} #faq-preview .faq-bullets{margin:.25rem 0 .9rem 1.1rem;padding:0;color:var(--kc5f4d-ink);} #faq-preview .faq-bullets li{margin:.5rem 0;line-height:1.55;font-size:.98rem;} #faq-preview .faq-last{margin:0;color:var(--kc5f4d-secondary);font-weight:700;font-size:.95rem;line-height:1.5;} #faq-preview .faq-cta{margin-top:1.5rem;display:flex;gap:1rem;flex-wrap:wrap;} #faq-preview .faq-link{display:inline-block;border:1px solid var(--kc5f4d-border);background:var(--kc5f4d-surface);color:var(--kc5f4d-ink);padding:.75rem 1rem;border-radius:var(--kc5f4d-radius-sm,10px);text-decoration:none;font-weight:800;font-size:.95rem;} #faq-preview .faq-link:hover{border-color:color-mix(in srgb, var(--kc5f4d-primary) 55%, var(--kc5f4d-border));} #faq-preview .faq-link:focus-visible{outline:3px solid color-mix(in srgb, var(--kc5f4d-primary) 35%, white);outline-offset:2px;} @media (min-width:768px){#faq-preview .faq-accordion{gap:1rem;}} @media (prefers-reduced-motion:reduce){#faq-preview *{transition:none !important;animation:none !important;}} #faq-preview ::selection{background:color-mix(in srgb, var(--kc5f4d-accent) 25%, white);color:var(--kc5f4d-ink);} /* kc5f4d:contact-cta-anchor */ /* kc5f4d:contact-cta-anchor */ #contact-cta-anchor{background:var(--kc5f4d-bg);color:var(--kc5f4d-text);padding:clamp(1.5rem,3.5vw,3rem) 0;} #contact-cta-anchor .contact-cta-anchor__shell{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);display:grid;grid-template-columns:1.4fr 0.6fr;gap:clamp(1rem,2.5vw,2.2rem);align-items:stretch;} #contact-cta-anchor .contact-cta-anchor__copy{padding:0;} #contact-cta-anchor .contact-cta-anchor__kicker{margin:0 0 .75rem 0;font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--kc5f4d-secondary);font-weight:700;} #contact-cta-anchor .contact-cta-anchor__title{margin:0 0 .9rem 0;font-size:clamp(1.4rem,2.7vw,2.2rem);line-height:1.15;letter-spacing:-0.02em;text-wrap:balance;} #contact-cta-anchor .contact-cta-anchor__lede{margin:0 0 1.2rem 0;color:var(--kc5f4d-slate);font-size:1rem;line-height:1.6;max-width:48rem;} #contact-cta-anchor .contact-cta-anchor__cta-row{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center;} #contact-cta-anchor .contact-cta-anchor__btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.75rem 1.1rem;border-radius:var(--radius-md,14px);font-weight:800;text-decoration:none;letter-spacing:-0.01em;border:1px solid transparent;} #contact-cta-anchor .contact-cta-anchor__btn:focus-visible{outline:3px solid color-mix(in srgb,var(--kc5f4d-primary) 55%,white);outline-offset:3px;} #contact-cta-anchor .contact-cta-anchor__btn--primary{background:var(--kc5f4d-primary);color:var(--kc5f4d-surface);border-color:color-mix(in srgb,var(--kc5f4d-primary) 80%,black);box-shadow:0 10px 28px color-mix(in srgb,var(--kc5f4d-primary) 18%,transparent);} #contact-cta-anchor .contact-cta-anchor__btn--primary:hover{background:color-mix(in srgb,var(--kc5f4d-primary) 88%,black);} #contact-cta-anchor .contact-cta-anchor__btn--secondary{background:var(--kc5f4d-surface);color:var(--kc5f4d-ink);border-color:var(--kc5f4d-border);} #contact-cta-anchor .contact-cta-anchor__btn--secondary:hover{border-color:color-mix(in srgb,var(--kc5f4d-border) 60%,var(--kc5f4d-primary));} #contact-cta-anchor .contact-cta-anchor__fine{margin:.95rem 0 0 0;color:var(--kc5f4d-slate);font-size:.875rem;line-height:1.45;} #contact-cta-anchor .contact-cta-anchor__side{display:flex;flex-direction:column;gap:1rem;} #contact-cta-anchor .contact-cta-anchor__badge{align-self:flex-start;background:color-mix(in srgb,var(--kc5f4d-accent) 12%,white);color:var(--kc5f4d-accent);border:1px solid color-mix(in srgb,var(--kc5f4d-accent) 25%,var(--kc5f4d-border));padding:.5rem .75rem;border-radius:var(--radius-sm,10px);font-weight:900;} #contact-cta-anchor .contact-cta-anchor__side-card{background:var(--kc5f4d-surface);border:1px solid var(--kc5f4d-border);border-radius:var(--radius-lg,18px);padding:1.05rem 1rem;box-shadow:0 18px 45px color-mix(in srgb,var(--kc5f4d-ink) 6%,transparent);} #contact-cta-anchor .contact-cta-anchor__side-title{margin:0 0 .65rem 0;font-size:1rem;font-weight:900;letter-spacing:-0.01em;} #contact-cta-anchor .contact-cta-anchor__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.55rem;} #contact-cta-anchor .contact-cta-anchor__list-item{display:flex;align-items:flex-start;gap:.6rem;color:var(--kc5f4d-ink);font-weight:700;} #contact-cta-anchor .contact-cta-anchor__list-item::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--kc5f4d-accent);margin-top:.35rem;flex:0 0 auto;box-shadow:0 8px 18px color-mix(in srgb,var(--kc5f4d-accent) 26%,transparent);} #contact-cta-anchor ::selection{background:color-mix(in srgb,var(--kc5f4d-primary) 22%,white);} @media (max-width: 900px){ #contact-cta-anchor .contact-cta-anchor__shell{grid-template-columns:1fr;} #contact-cta-anchor .contact-cta-anchor__side{display:none;} } @media (prefers-reduced-motion: reduce){ #contact-cta-anchor *{scroll-behavior:auto;transition:none !important;animation:none !important;} } /* kc5f4d:contact */ /* kc5f4d:contact */ #contact.section-contact{padding:clamp(2.5rem,6vw,5rem) var(--kc5f4d-bg);background:var(--kc5f4d-bg);color:var(--kc5f4d-text);} #contact .contact-wrap{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #contact .contact-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:clamp(1.5rem,4vw,3rem);align-items:start;} #contact .section-kicker{font-size:0.875rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--kc5f4d-secondary);font-weight:700;} #contact .section-title{margin:0.5rem 0 0;font-size:clamp(1.6rem,2.6vw,2.4rem);letter-spacing:-0.02em;line-height:1.15;font-weight:800;} #contact .section-lede{margin:0.9rem 0 0;font-size:1rem;line-height:1.6;color:var(--kc5f4d-slate);max-width:44ch;} #contact .contact-methods{margin:1.35rem 0 0;display:grid;gap:0.9rem;} #contact .method{padding:0.95rem 1rem;border:1px solid var(--kc5f4d-border);border-radius:var(--radius-md,14px);background:var(--kc5f4d-surface);} #contact .method-label{font-size:0.875rem;color:var(--kc5f4d-slate);font-weight:700;margin-bottom:0.25rem;} #contact .method-value{margin:0;font-size:1rem;line-height:1.5;} #contact .method-link{color:var(--kc5f4d-primary);text-decoration:none;font-weight:750;} #contact .method-link:focus-visible{outline:3px solid color-mix(in srgb, var(--kc5f4d-primary) 40%, transparent);outline-offset:2px;border-radius:8px;} #contact .method-link:hover{text-decoration:underline;} #contact .contact-note{margin-top:1rem;padding:1rem;border-left:3px solid var(--kc5f4d-accent);background:color-mix(in srgb, var(--kc5f4d-accent) 8%, var(--kc5f4d-surface));border:1px solid color-mix(in srgb, var(--kc5f4d-accent) 22%, var(--kc5f4d-border));border-radius:var(--radius-md,14px);} #contact .contact-note-title{font-weight:850;color:var(--kc5f4d-ink);margin:0 0 0.35rem;font-size:0.98rem;} #contact .contact-note-text{margin:0;font-size:0.98rem;line-height:1.55;color:var(--kc5f4d-slate);} #contact .form-card{background:var(--kc5f4d-surface);border:1px solid var(--kc5f4d-border);border-radius:var(--radius-lg,18px);padding:1.2rem 1.1rem;box-shadow:0 10px 30px color-mix(in srgb, var(--kc5f4d-primary) 12%, transparent);} #contact .form-title{margin:0 0 0.35rem;font-size:1.25rem;letter-spacing:-0.01em;font-weight:900;} #contact .form-subtitle{margin:0 0 1rem;color:var(--kc5f4d-slate);line-height:1.6;} #contact .request-form{display:grid;gap:0.95rem;} #contact .field{display:grid;gap:0.35rem;} #contact .label{font-weight:800;font-size:0.92rem;color:var(--kc5f4d-ink);} #contact .input{width:100%;border:1px solid var(--kc5f4d-border);border-radius:var(--radius-md,14px);padding:0.75rem 0.85rem;font:inherit;background:var(--kc5f4d-surface);color:var(--kc5f4d-ink);} #contact .textarea{width:100%;border:1px solid var(--kc5f4d-border);border-radius:var(--radius-md,14px);padding:0.75rem 0.85rem;font:inherit;background:var(--kc5f4d-surface);color:var(--kc5f4d-ink);resize:vertical;min-height:120px;} #contact .input:focus-visible,#contact .textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--kc5f4d-primary) 42%, transparent);outline-offset:2px;} #contact .input::placeholder,#contact .textarea::placeholder{color:color-mix(in srgb, var(--kc5f4d-slate) 75%, transparent);} #contact .primary-btn{margin-top:0.2rem;display:inline-flex;align-items:center;justify-content:center;gap:0.55rem;min-height:44px;padding:0.9rem 1rem;border-radius:var(--radius-md,14px);border:1px solid color-mix(in srgb, var(--kc5f4d-primary) 60%, var(--kc5f4d-primary));background:var(--kc5f4d-primary);color:var(--kc5f4d-surface);font-weight:900;letter-spacing:0.01em;cursor:pointer;} #contact .primary-btn:hover{background:color-mix(in srgb, var(--kc5f4d-primary) 86%, black);} #contact .primary-btn:active{background:color-mix(in srgb, var(--kc5f4d-primary) 70%, black);} #contact .primary-btn:focus-visible{outline:3px solid color-mix(in srgb, var(--kc5f4d-primary) 40%, transparent);outline-offset:2px;} #contact .primary-btn:disabled{opacity:0.6;cursor:not-allowed;} #contact .form-legal{margin:0.2rem 0 0;color:var(--kc5f4d-slate);font-size:0.9rem;line-height:1.5;} #contact .verification{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--kc5f4d-border);} #contact .verification-title{font-weight:950;color:var(--kc5f4d-ink);font-size:0.98rem;margin:0 0 0.35rem;} #contact .verification-text{margin:0;color:var(--kc5f4d-slate);line-height:1.6;} #contact .verification-last{margin:0.6rem 0 0;color:var(--kc5f4d-ink);font-weight:850;} #contact .contact-cta-band{margin-top:clamp(1.5rem,3vw,2.2rem);padding:1.1rem 1.05rem;border-radius:var(--radius-lg,18px);border:1px solid var(--kc5f4d-border);background:color-mix(in srgb, var(--kc5f4d-primary) 6%, var(--kc5f4d-surface));display:flex;align-items:center;justify-content:space-between;gap:1.2rem;} #contact .cta-title{font-weight:950;color:var(--kc5f4d-ink);font-size:1.05rem;} #contact .cta-sub{color:var(--kc5f4d-slate);margin-top:0.25rem;line-height:1.55;} #contact .cta-actions{display:flex;gap:0.7rem;flex-wrap:wrap;justify-content:flex-end;} #contact .ghost-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0.75rem 0.95rem;border-radius:var(--radius-md,14px);border:1px solid var(--kc5f4d-border);background:var(--kc5f4d-surface);color:var(--kc5f4d-ink);text-decoration:none;font-weight:900;cursor:pointer;} #contact .ghost-btn:hover{border-color:color-mix(in srgb, var(--kc5f4d-primary) 45%, var(--kc5f4d-border));background:color-mix(in srgb, var(--kc5f4d-primary) 7%, var(--kc5f4d-surface));} #contact .ghost-btn:focus-visible{outline:3px solid color-mix(in srgb, var(--kc5f4d-primary) 35%, transparent);outline-offset:2px;} #contact ::selection{background:color-mix(in srgb, var(--kc5f4d-primary) 35%, white);} @media (max-width: 900px){ #contact .contact-grid{grid-template-columns:1fr;} #contact .contact-cta-band{flex-direction:column;align-items:flex-start;} #contact .cta-actions{width:100%;justify-content:flex-start;} } @media (prefers-reduced-motion: reduce){ #contact *{scroll-behavior:auto;} } /* kc5f4d:pricing-table */ /* kc5f4d:pricing-table */ #pricing-table{ --section-id-bg: var(--kc5f4d-bg); background: var(--kc5f4d-bg); color: var(--kc5f4d-text); padding: clamp(2.5rem, 6vw, 5rem) 0; } #pricing-table .container{ max-width: 72rem; margin: 0 auto; padding: 0 clamp(1rem, 4vw, 3rem); } #pricing-table .section-head{ display: grid; grid-template-columns: 1fr; gap: .75rem; margin-bottom: clamp(1.25rem, 3vw, 2rem); } #pricing-table .kicker{ text-transform: uppercase; letter-spacing: .08em; color: var(--kc5f4d-secondary); font-weight: 800; font-size: .875rem; } #pricing-table .section-title{ margin: 0; font-family: 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif; font-size: clamp(1.6rem, 3.3vw, 2.4rem); line-height: 1.08; letter-spacing: -0.02em; text-wrap: balance; } #pricing-table .section-subtitle{ margin: 0; color: var(--kc5f4d-slate); max-width: 66ch; line-height: 1.55; } #pricing-table .sticky-cta-row{ display:flex; align-items:flex-start; justify-content:space-between; gap: 1.25rem; background: var(--kc5f4d-surface); border: 1px solid var(--kc5f4d-border); border-radius: var(--radius-lg); padding: 1rem 1.1rem; margin: 0 0 clamp(1.25rem, 3vw, 2rem); } #pricing-table .best-note{ color: var(--kc5f4d-slate); font-size: .95rem; line-height: 1.45; } #pricing-table .sticky-cta-right{ display:flex; gap: .75rem; flex-wrap: wrap; justify-content:flex-end; } #pricing-table .btn{ display:inline-flex; align-items:center; justify-content:center; height: 44px; padding: 0 14px; border-radius: var(--radius-md); border: 1px solid transparent; text-decoration:none; font-weight: 800; letter-spacing: -0.01em; font-size: 1rem; color: var(--kc5f4d-ink); background: var(--kc5f4d-surface); transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease, box-shadow 150ms ease; } #pricing-table .btn:focus-visible{ outline: 3px solid color-mix(in oklab, var(--kc5f4d-primary) 70%, white); outline-offset: 2px; } #pricing-table .btn-primary{ background: var(--kc5f4d-primary); color: #fff; border-color: var(--kc5f4d-primary); box-shadow: 0 10px 24px color-mix(in oklab, var(--kc5f4d-primary) 25%, transparent); } #pricing-table .btn-primary:hover{ background: color-mix(in oklab, var(--kc5f4d-primary) 86%, black); } #pricing-table .btn-secondary{ border-color: color-mix(in oklab, var(--kc5f4d-secondary) 45%, var(--kc5f4d-border)); color: var(--kc5f4d-secondary); background: var(--kc5f4d-surface); } #pricing-table .btn-secondary:hover{ border-color: color-mix(in oklab, var(--kc5f4d-secondary) 65%, var(--kc5f4d-border)); background: color-mix(in oklab, var(--kc5f4d-secondary) 10%, var(--kc5f4d-surface)); } #pricing-table .table-wrap{ background: var(--kc5f4d-surface); border: 1px solid var(--kc5f4d-border); border-radius: var(--radius-lg); overflow: auto; } #pricing-table .comparison-table{ width: 100%; border-collapse: separate; border-spacing: 0; min-width: 860px; } #pricing-table .comparison-table caption{ caption-side: top; } #pricing-table .top-row th{ background: color-mix(in oklab, var(--kc5f4d-bg) 55%, var(--kc5f4d-surface)); } #pricing-table th, #pricing-table td{ border-bottom: 1px solid var(--kc5f4d-border); padding: 14px 14px; vertical-align: middle; } #pricing-table thead th{ position: sticky; top: 0; z-index: 2; } #pricing-table .sticky-left{ position: sticky; left: 0; z-index: 3; background: var(--kc5f4d-surface); border-right: 1px solid var(--kc5f4d-border); width: 220px; min-width: 220px; } #pricing-table .row-label{ text-align: left; font-size: .95rem; font-weight: 900; color: var(--kc5f4d-ink); } #pricing-table .tier-col{ text-align: left; } #pricing-table .tier-head{ display:grid; gap: 6px; } #pricing-table .tier-name{ font-weight: 1000; font-size: 1.15rem; letter-spacing:-0.02em; } #pricing-table .tier-meta{ color: var(--kc5f4d-slate); font-weight: 800; font-size: .92rem; } #pricing-table .tier-badge{ display:inline-flex; align-self:start; padding: 6px 10px; border-radius: 999px; border: 1px solid color-mix(in oklab, var(--kc5f4d-border) 70%, var(--kc5f4d-secondary)); background: color-mix(in oklab, var(--kc5f4d-secondary) 10%, var(--kc5f4d-surface)); color: var(--kc5f4d-secondary); font-weight: 900; font-size: .84rem; } #pricing-table .best .tier-badge{ border-color: color-mix(in oklab, var(--kc5f4d-accent) 55%, var(--kc5f4d-border)); background: color-mix(in oklab, var(--kc5f4d-accent) 14%, var(--kc5f4d-surface)); color: var(--kc5f4d-accent); } #pricing-table tbody tr:hover td{ background: transparent; } #pricing-table .tier-cell{ color: var(--kc5f4d-ink); font-weight: 800; line-height: 1.25; } #pricing-table .muted{ display:inline-block; margin-left: 6px; color: var(--kc5f4d-slate); font-weight: 800; } #pricing-table .mono{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; font-weight: 900; } #pricing-table .price-cell{ width: 33%; } #pricing-table .price{ font-size: clamp(1.35rem, 2.4vw, 2.05rem); letter-spacing: -0.03em; } #pricing-table .best-price .price{ color: var(--kc5f4d-accent); } #pricing-table .link-chip{ display:inline-flex; align-items:center; gap: 8px; padding: 9px 12px; border-radius: var(--radius-md); text-decoration:none; border: 1px solid var(--kc5f4d-border); background: var(--kc5f4d-surface); color: var(--kc5f4d-primary); font-weight: 950; transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease; } #pricing-table .link-chip:hover{ border-color: color-mix(in oklab, var(--kc5f4d-primary) 55%, var(--kc5f4d-border)); background: color-mix(in oklab, var(--kc5f4d-primary) 10%, var(--kc5f4d-surface)); } #pricing-table .link-chip:focus-visible{ outline: 3px solid color-mix(in oklab, var(--kc5f4d-primary) 70%, white); outline-offset: 2px; } #pricing-table .fineprint-row td, #pricing-table .fineprint-row .row-label{ background: color-mix(in oklab, var(--kc5f4d-bg) 75%, var(--kc5f4d-surface)); } #pricing-table .eligibility-callout{ margin-top: clamp(1.25rem, 3vw, 2rem); background: color-mix(in oklab, var(--kc5f4d-secondary) 8%, var(--kc5f4d-surface)); border: 1px solid color-mix(in oklab, var(--kc5f4d-secondary) 25%, var(--kc5f4d-border)); border-radius: var(--radius-lg); padding: 1.1rem 1.15rem; } #pricing-table .eligibility-title{ font-weight: 1000; color: var(--kc5f4d-secondary); letter-spacing:-0.02em; margin-bottom: .4rem; } #pricing-table .eligibility-text{ margin: 0 0 .65rem; color: var(--kc5f4d-ink); line-height: 1.6; } #pricing-table .inline-link{ color: var(--kc5f4d-primary); font-weight: 950; text-decoration: none; border-bottom: 2px solid color-mix(in oklab, var(--kc5f4d-primary) 45%, transparent); padding-bottom: 2px; } #pricing-table .inline-link:hover{ border-bottom-color: color-mix(in oklab, var(--kc5f4d-primary) 75%, transparent); } #pricing-table .inline-link:focus-visible{ outline: 3px solid color-mix(in oklab, var(--kc5f4d-primary) 70%, white); outline-offset: 4px; border-bottom-color: color-mix(in oklab, var(--kc5f4d-primary) 75%, transparent); } /* Hover alignment: highlight a hovered tier column + related rows */ #pricing-table .tier-col{ cursor: default; } #pricing-table .comparison-table tbody td[data-tier]{} #pricing-table .comparison-table .tier-col[data-tier="b"]{ box-shadow: none; } #pricing-table .comparison-table tr:hover td[data-tier]{ } #pricing-table .comparison-table tbody td[data-tier]:hover{ } #pricing-table .comparison-table tbody td[data-tier="a"], #pricing-table .comparison-table tbody td[data-tier="b"], #pricing-table .comparison-table tbody td[data-tier="c"]{ transition: background-color 150ms ease, color 150ms ease, box-shadow 150ms ease; } #pricing-table .comparison-table th.tier-col[data-tier]:hover ~ * { } #pricing-table .comparison-table tbody tr{ position: relative; } #pricing-table .comparison-table tbody td[data-row="price-incl"]{ transition: filter 150ms ease; } /* Reduced-motion */ @media (prefers-reduced-motion: reduce){ #pricing-table *{ transition: none !important; animation: none !important; } } /* Responsive: stack on compact; preserve row labels by converting to block rows */ @media (max-width: 768px){ #pricing-table .sticky-cta-row{ flex-direction: column; align-items:flex-start; } #pricing-table .sticky-cta-right{ justify-content:flex-start; } #pricing-table .comparison-table{ min-width: unset; } #pricing-table .comparison-table{ display:block; } #pricing-table thead{ display:none; } #pricing-table tbody, #pricing-table tr, #pricing-table td, #pricing-table th{ display:block; } #pricing-table tbody tr{ border-bottom: 1px solid var(--kc5f4d-border); } #pricing-table .row-label.sticky-left{ position: static; width:auto; min-width:auto; border-right:none; border-bottom: 0; padding: 12px 14px 0; } #pricing-table td{ border-bottom: none; padding: 10px 14px; } #pricing-table tbody tr td.tier-cell::before{ content: attr(data-row); display:none; } #pricing-table .tier-cell{ display:flex; align-items:center; justify-content:space-between; gap: 10px; font-weight: 900; } #pricing-table .price{ font-size: 1.6rem; } #pricing-table .comparison-table .tier-cell[data-tier]::after{ content:""; } } /* Screen-reader only */ #pricing-table .sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; } ::selection{ background: color-mix(in oklab, var(--kc5f4d-accent) 28%, white); } @media (min-width: 769px){ /* Column hover highlight with CSS only using tbody td matching tier */ #pricing-table .comparison-table thead th.tier-col[data-tier] :focus-visible{ } #pricing-table .comparison-table thead th.tier-col[data-tier]{} #pricing-table .comparison-table tbody tr:hover td[data-tier="b"], #pricing-table .comparison-table tbody tr:hover td[data-tier="a"], #pricing-table .comparison-table tbody tr:hover td[data-tier="c"]{ } /* Use focus within tier header: hover tier header triggers tint for that column */ #pricing-table .comparison-table thead th.tier-col[data-tier="a"]:hover ~ *{} } /* kc5f4d:student-eligibility */ /* kc5f4d:student-eligibility */ #student-eligibility{--se-radius:var(--kc5f4d-sm);--se-bg:var(--kc5f4d-bg);--se-surface:var(--kc5f4d-surface);--se-ink:var(--kc5f4d-ink);--se-border:var(--kc5f4d-border);background:var(--se-bg);color:var(--se-ink);padding:clamp(2rem,4.5vw,4.25rem) 0;} #student-eligibility .se-container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #student-eligibility .se-head{max-width:46rem;margin-bottom:clamp(1.5rem,3vw,2.25rem);} #student-eligibility .se-kicker{display:inline-block;font-size:0.875rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--kc5f4d-secondary);margin-bottom:0.75rem;} #student-eligibility .se-title{font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.15;margin:0 0 0.75rem 0;letter-spacing:-0.02em;text-wrap:balance;} #student-eligibility .se-subtitle{margin:0;max-width:52ch;color:var(--kc5f4d-slate);font-size:1rem;line-height:1.6;} #student-eligibility .se-layout{display:grid;grid-template-columns:1.2fr 0.8fr;gap:clamp(1rem,3vw,2rem);align-items:start;} #student-eligibility .se-checklist{border:1px solid var(--se-border);background:var(--se-surface);border-radius:var(--kc5f4d-lg);padding:clamp(1rem,2.2vw,1.25rem);} #student-eligibility .se-check{display:flex;gap:0.85rem;padding:0.95rem 0;border-bottom:1px solid var(--se-border);} #student-eligibility .se-check:last-child{border-bottom:none;padding-bottom:0.1rem;} #student-eligibility .se-checkmark{width:2.1rem;height:2.1rem;border-radius:999px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb, var(--kc5f4d-accent) 14%, var(--kc5f4d-surface));border:1px solid color-mix(in srgb, var(--kc5f4d-accent) 30%, var(--kc5f4d-border));color:var(--kc5f4d-accent);font-weight:800;font-size:1.05rem;flex:0 0 auto;} #student-eligibility .se-check-title{font-weight:800;font-size:1rem;margin:0 0 0.25rem 0;} #student-eligibility .se-check-desc{color:var(--kc5f4d-slate);font-size:0.98rem;line-height:1.55;} #student-eligibility .se-right{padding:1.05rem 1.05rem 1.1rem 1.05rem;} #student-eligibility .se-right-title{margin:0 0 0.75rem 0;font-size:1.05rem;font-weight:900;letter-spacing:-0.01em;} #student-eligibility .se-notes{list-style:none;margin:0;padding:0;border:1px solid var(--se-border);background:var(--se-surface);border-radius:var(--kc5f4d-lg);} #student-eligibility .se-note{padding:0.95rem 1rem;border-bottom:1px solid var(--se-border);} #student-eligibility .se-note:last-child{border-bottom:none;} #student-eligibility .se-note-label{font-weight:900;color:var(--kc5f4d-ink);margin-bottom:0.35rem;font-size:0.95rem;} #student-eligibility .se-note-text{color:var(--kc5f4d-slate);line-height:1.55;font-size:0.98rem;} #student-eligibility .se-link{display:inline-block;margin-top:0.65rem;color:var(--kc5f4d-primary);text-decoration:underline;text-underline-offset:0.18em;font-weight:800;font-size:0.98rem;} #student-eligibility .se-link:focus-visible{outline:3px solid color-mix(in srgb, var(--kc5f4d-primary) 55%, transparent);outline-offset:3px;border-radius:8px;} #student-eligibility ::selection{background:color-mix(in srgb, var(--kc5f4d-primary) 24%, transparent);} #student-eligibility a{color:inherit;} @media (max-width: 900px){ #student-eligibility .se-layout{grid-template-columns:1fr;} #student-eligibility .se-right{padding:0;} } @media (prefers-reduced-motion: reduce){ #student-eligibility *{scroll-behavior:auto;} } /* kc5f4d:inclusions-links */ #inclusions-links{--pad:clamp(1.25rem,3.2vw,2.25rem);--radius:var(--kc5f4d-radius,14px);background:var(--kc5f4d-bg);padding:clamp(2.5rem,5vw,4.5rem) 0;} #inclusions-links .shell{max-width:72rem;margin:0 auto;padding:0 var(--pad);} #inclusions-links .section-head{max-width:46rem;margin-bottom:clamp(1.5rem,3vw,2.25rem);} #inclusions-links .kicker{margin:0 0 .75rem 0;font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--kc5f4d-secondary);font-weight:700;} #inclusions-links .title{margin:0 0 .75rem 0;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.15;color:var(--kc5f4d-ink);letter-spacing:-0.02em;text-wrap:balance;} #inclusions-links .lead{margin:0;color:var(--kc5f4d-slate);font-size:1rem;line-height:1.65;} #inclusions-links .links-wrap{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:start;} #inclusions-links .checklist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:.75rem;} #inclusions-links .check-item{margin:0;} #inclusions-links .check-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;background:var(--kc5f4d-surface);border:1px solid var(--kc5f4d-border);border-radius:var(--kc5f4d-radius,14px);padding:.9rem 1rem;min-height:44px;} #inclusions-links .check-link:focus-visible{outline:3px solid color-mix(in oklab,var(--kc5f4d-primary) 55%, white 45%);outline-offset:2px;} #inclusions-links .check-link:hover{border-color:color-mix(in oklab,var(--kc5f4d-primary) 40%, var(--kc5f4d-border) 60%);} #inclusions-links .check-mark{width:28px;height:28px;border-radius:10px;background:color-mix(in oklab,var(--kc5f4d-accent) 15%, var(--kc5f4d-surface) 85%);color:var(--kc5f4d-accent);display:flex;align-items:center;justify-content:center;font-weight:800;flex:0 0 auto;} #inclusions-links .check-text{color:var(--kc5f4d-ink);font-weight:700;letter-spacing:-0.01em;} #inclusions-links .note-card{background:var(--kc5f4d-surface);border:1px solid var(--kc5f4d-border);border-radius:var(--kc5f4d-radius,14px);padding:1.15rem 1.1rem;} #inclusions-links .note-title{margin:0 0 .5rem 0;font-weight:900;color:var(--kc5f4d-ink);letter-spacing:-0.01em;} #inclusions-links .note-text{margin:0 0 1rem 0;color:var(--kc5f4d-slate);line-height:1.65;} #inclusions-links .ghost-link{display:inline-block;max-width:100%;text-decoration:none;color:var(--kc5f4d-primary);font-weight:800;border:1px solid color-mix(in oklab,var(--kc5f4d-primary) 35%, var(--kc5f4d-border) 65%);background:var(--kc5f4d-surface);padding:.7rem .95rem;border-radius:var(--kc5f4d-radius,14px);} #inclusions-links .ghost-link:focus-visible{outline:3px solid color-mix(in oklab,var(--kc5f4d-primary) 55%, white 45%);outline-offset:2px;} @media (min-width: 768px){ #inclusions-links .links-wrap{grid-template-columns:1fr 360px;gap:1.5rem;} #inclusions-links .checklist{grid-template-columns:1fr 1fr;gap:.9rem 1rem;} } @media (prefers-reduced-motion: reduce){ #inclusions-links *{scroll-behavior:auto !important;transition:none !important;} } #inclusions-links ::selection{background:color-mix(in oklab,var(--kc5f4d-primary) 22%, white 78%);} /* kc5f4d:pricing-faq */ /* kc5f4d:pricing-faq */ #pricing-faq{background:var(--kc5f4d-bg);color:var(--kc5f4d-text);padding:clamp(2.5rem,4vw,4rem) 0;} #pricing-faq .container{max-width:72rem;margin:0 auto;padding:0 var(--page-gutter,clamp(1rem,4vw,3rem));} #pricing-faq .section-header{max-width:64rem;margin-bottom:clamp(1.5rem,3vw,2.5rem);} #pricing-faq .section-kicker{margin:0 0 .75rem 0;font-size:.875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--kc5f4d-secondary);} #pricing-faq .section-title{margin:0 0 .9rem 0;font-size:clamp(1.4rem,2.5vw,2.2rem);line-height:1.15;letter-spacing:-.02em;text-wrap:balance;} #pricing-faq .section-subtitle{margin:0;color:var(--kc5f4d-slate);max-width:60ch;font-size:1rem;line-height:1.6;} #pricing-faq .faq-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:start;} #pricing-faq .faq-intro{background:var(--kc5f4d-surface);border:1px solid var(--kc5f4d-border);border-radius:var(--kc5f4d-radius-md,14px);padding:1.25rem;} #pricing-faq .checklist{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.1rem;} #pricing-faq .check-row{display:flex;gap:.55rem;align-items:flex-start;} #pricing-faq .check-dot{color:var(--kc5f4d-accent);font-weight:800;line-height:1.2;margin-top:.15rem;} #pricing-faq .check-text{margin:0;font-size:1rem;line-height:1.5;color:var(--kc5f4d-text);} #pricing-faq .internal-link{color:var(--kc5f4d-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.18em;} #pricing-faq .internal-link:focus-visible{outline:3px solid color-mix(in oklab,var(--kc5f4d-primary),white 30%);outline-offset:3px;border-radius:10px;} #pricing-faq .faq-cta{display:flex;flex-direction:column;gap:.7rem;margin-top:1rem;} #pricing-faq .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.85rem 1rem;border-radius:var(--kc5f4d-radius-sm,10px);font-weight:700;text-decoration:none;letter-spacing:-.01em;border:1px solid transparent;} #pricing-faq .button.primary{background:var(--kc5f4d-primary);color:#fff;border-color:color-mix(in oklab,var(--kc5f4d-primary),black 5%);} #pricing-faq .button.primary:hover{background:color-mix(in oklab,var(--kc5f4d-primary),#083a9a 25%);} #pricing-faq .button.ghost{background:transparent;color:var(--kc5f4d-primary);border-color:var(--kc5f4d-border);} #pricing-faq .button.ghost:hover{background:color-mix(in oklab,var(--kc5f4d-primary),white 92%);border-color:color-mix(in oklab,var(--kc5f4d-border),var(--kc5f4d-primary) 30%);} #pricing-faq .button:focus-visible{outline:3px solid color-mix(in oklab,var(--kc5f4d-primary),white 35%);outline-offset:3px;} #pricing-faq .fineprint{margin:.95rem 0 0 0;color:var(--kc5f4d-slate);font-size:.9rem;line-height:1.5;} #pricing-faq .faq-accordion{display:flex;flex-direction:column;gap:.75rem;} #pricing-faq .accordion-item{border:1px solid var(--kc5f4d-border);background:var(--kc5f4d-surface);border-radius:var(--kc5f4d-radius-md,14px);overflow:hidden;} #pricing-faq .accordion-trigger{width:100%;text-align:left;background:transparent;border:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;cursor:pointer;min-height:52px;} #pricing-faq .accordion-trigger:hover{background:color-mix(in oklab,var(--kc5f4d-surface),var(--kc5f4d-primary) 4%);} #pricing-faq .accordion-trigger:focus-visible{outline:3px solid color-mix(in oklab,var(--kc5f4d-primary),white 35%);outline-offset:-3px;} #pricing-faq .accordion-title{font-size:1rem;font-weight:800;color:var(--kc5f4d-ink);line-height:1.35;} #pricing-faq .accordion-icon{flex:0 0 auto;width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid var(--kc5f4d-border);color:var(--kc5f4d-primary);font-weight:900;} #pricing-faq .accordion-panel{padding:0 1.1rem 1rem 1.1rem;} #pricing-faq .answer-list{margin:.25rem 0 .9rem 0;padding-left:1.1rem;color:var(--kc5f4d-slate);} #pricing-faq .answer-list li{margin:.5rem 0;line-height:1.55;} #pricing-faq .answer-last{margin:0;color:var(--kc5f4d-text);line-height:1.6;font-size:.98rem;} @media (min-width: 768px){ #pricing-faq .faq-grid{grid-template-columns:1fr 1.3fr;gap:1.5rem;} #pricing-faq .faq-intro{padding:1.35rem;} #pricing-faq .faq-cta{flex-direction:column;} } /* Accordion motion (180ms height transition via height when opened by JS) */ @media (prefers-reduced-motion: reduce){ #pricing-faq *{scroll-behavior:auto !important;transition:none !important;animation:none !important;} } #pricing-faq::selection{background:color-mix(in oklab,var(--kc5f4d-accent),white 25%);color:var(--kc5f4d-ink);} /* kc5f4d:contact-cta */ /* kc5f4d:contact-cta */ #contact-cta{--local-pad:clamp(1.25rem,3vw,2.25rem);background:var(--kc5f4d-bg);border:1px solid var(--kc5f4d-border);border-radius:var(--radius-lg,18px);margin:0;padding:0;} #contact-cta .contact-cta__inner{max-width:72rem;margin:0 auto;padding:var(--local-pad);display:flex;flex-direction:column;gap:1.25rem;} #contact-cta .contact-cta__eyebrow{margin:0;font-size:0.875rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--kc5f4d-secondary);font-weight:700;} #contact-cta .contact-cta__title{margin:0;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.1;letter-spacing:-0.02em;font-weight:800;color:var(--kc5f4d-ink);text-wrap:balance;} #contact-cta .contact-cta__text{margin:0;color:var(--kc5f4d-text);font-size:1rem;line-height:1.6;max-width:52ch;} #contact-cta .contact-cta__actions{display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center;} #contact-cta .contact-cta__primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0.75rem 1rem;border-radius:14px;background:var(--kc5f4d-primary);color:var(--kc5f4d-surface);font-weight:800;letter-spacing:-0.01em;text-decoration:none;box-shadow:0 10px 26px rgba(11,95,255,.18);border:1px solid rgba(255,255,255,.18);} #contact-cta .contact-cta__primary:focus-visible{outline:3px solid rgba(11,95,255,.35);outline-offset:3px;} #contact-cta .contact-cta__primary:hover{filter:brightness(1.02);} #contact-cta .contact-cta__secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0.75rem 1rem;border-radius:14px;background:var(--kc5f4d-surface);color:var(--kc5f4d-primary);font-weight:800;letter-spacing:-0.01em;text-decoration:none;border:1px solid var(--kc5f4d-border);} #contact-cta .contact-cta__secondary:focus-visible{outline:3px solid rgba(14,110,126,.25);outline-offset:3px;} #contact-cta .contact-cta__secondary:hover{border-color:rgba(11,95,255,.35);} #contact-cta .contact-cta__fineprint{display:flex;gap:0.5rem;align-items:flex-start;color:var(--kc5f4d-slate);font-size:0.875rem;line-height:1.5;} #contact-cta .contact-cta__dot{color:var(--kc5f4d-accent);font-weight:900;} @media (min-width:768px){#contact-cta .contact-cta__inner{gap:1.5rem;flex-direction:row;align-items:flex-start;justify-content:space-between;} #contact-cta .contact-cta__copy{flex:1 1 56%;max-width:56ch;} #contact-cta .contact-cta__actions{flex:0 0 auto;justify-content:flex-end;} #contact-cta .contact-cta__fineprint{flex-basis:100%;}} #contact-cta ::selection{background:rgba(11,95,255,.18);} @media (prefers-reduced-motion: reduce){#contact-cta .contact-cta__primary,#contact-cta .contact-cta__secondary{transition:none;}} /* kc5f4d:contact-intro */ #contact-intro{background:var(--kc5f4d-bg);color:var(--kc5f4d-text);padding:clamp(2.25rem,4.8vw,4.25rem) 0;}#contact-intro .contact-intro__inner{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,3vw,3rem);} #contact-intro .contact-intro__eyebrow{display:inline-block;font-size:0.875rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--kc5f4d-secondary);font-weight:700;margin-bottom:0.9rem;} #contact-intro .contact-intro__title{font-family:var(--font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);font-size:clamp(1.8rem,3.2vw,3.0rem);line-height:1.08;letter-spacing:-0.02em;margin:0 0 1rem 0;text-wrap:balance;} #contact-intro .contact-intro__lead{font-size:1.02rem;line-height:1.6;color:var(--kc5f4d-ink);max-width:58ch;margin:0 0 2rem 0;} #contact-intro .contact-intro__steps{background:var(--kc5f4d-surface);border:1px solid var(--kc5f4d-border);border-radius:var(--kc5f4d-radius-lg,18px);padding:1.25rem;} #contact-intro .contact-intro__list{list-style:none;margin:0;padding:0;display:flex;gap:1rem;} #contact-intro .contact-intro__step{display:flex;gap:0.95rem;flex:1;min-width:0;align-items:flex-start;padding:0.75rem;border-radius:14px;} #contact-intro .contact-intro__num{width:34px;height:34px;border-radius:10px;background:rgba(11,95,255,0.10);display:flex;align-items:center;justify-content:center;color:var(--kc5f4d-primary);font-weight:800;font-size:1rem;flex:0 0 auto;border:1px solid rgba(11,95,255,0.25);} #contact-intro .contact-intro__step-body{min-width:0;} #contact-intro .contact-intro__step-title{font-weight:800;color:var(--kc5f4d-ink);margin:0 0 0.35rem 0;} #contact-intro .contact-intro__step-text{color:var(--kc5f4d-slate);font-size:0.98rem;line-height:1.5;} #contact-intro .contact-intro__note{margin-top:1.35rem;background:rgba(14,110,126,0.08);border:1px solid rgba(14,110,126,0.22);border-radius:14px;padding:1rem 1.1rem;} #contact-intro .contact-intro__note-title{font-weight:900;color:var(--kc5f4d-secondary);margin-bottom:0.35rem;} #contact-intro .contact-intro__note-text{color:var(--kc5f4d-ink);line-height:1.55;} #contact-intro .contact-intro__links{margin-top:1.6rem;display:flex;gap:0.9rem;flex-wrap:wrap;} #contact-intro .contact-intro__link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0.72rem 1rem;border-radius:14px;background:var(--kc5f4d-primary);color:var(--kc5f4d-surface);text-decoration:none;font-weight:800;border:1px solid var(--kc5f4d-primary);} #contact-intro .contact-intro__link:hover{background:#0A56D6;} #contact-intro .contact-intro__link:focus-visible{outline:3px solid rgba(11,95,255,0.35);outline-offset:2px;} #contact-intro .contact-intro__link--secondary{background:var(--kc5f4d-surface);color:var(--kc5f4d-primary);border:1px solid rgba(11,95,255,0.35);} #contact-intro .contact-intro__link--secondary:hover{background:rgba(11,95,255,0.06);} #contact-intro .contact-intro__link--secondary:focus-visible{outline:3px solid rgba(11,95,255,0.35);outline-offset:2px;} #contact-intro ::selection{background:rgba(11,95,255,0.18);} @media (max-width:768px){#contact-intro .contact-intro__list{flex-direction:column;}#contact-intro .contact-intro__step{padding:0.75rem 0.6rem;}#contact-intro .contact-intro__lead{margin-bottom:1.25rem;}#contact-intro .contact-intro__links{margin-top:1.25rem;}} @media (prefers-reduced-motion:reduce){#contact-intro .contact-intro__link{transition:none;}} /* kc5f4d:contact-form */ /* kc5f4d:contact-form */ #contact-form{background:var(--kc5f4d-bg);color:var(--kc5f4d-text);padding:clamp(1.5rem,4vw,3rem) 0;} #contact-form .cf-shell{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(1.25rem,3vw,2.25rem);align-items:start;} #contact-form .cf-head{grid-column:1/-1;} #contact-form .cf-title{margin:0 0 .75rem;font:700 clamp(1.5rem,2.7vw,2.2rem)/1.15 var(--font-sans,'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);letter-spacing:-0.02em;text-wrap:balance;} #contact-form .cf-subtitle{margin:0;color:var(--kc5f4d-slate);max-width:60ch;font-size:1rem;line-height:1.5;} #contact-form .cf-form{background:var(--kc5f4d-surface);border:1px solid var(--kc5f4d-border);border-radius:var(--radius-lg,18px);padding:clamp(1rem,2.2vw,1.5rem);box-shadow:0 10px 30px rgba(11,18,32,.06);} #contact-form .cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;} #contact-form .cf-field{display:flex;flex-direction:column;gap:.5rem;} #contact-form .cf-field-full{grid-column:1/-1;} #contact-form label{font-size:.9rem;color:var(--kc5f4d-ink);font-weight:600;} #contact-form input,#contact-form select,#contact-form textarea{width:100%;border:1px solid var(--kc5f4d-border);border-radius:var(--radius-md,14px);background:var(--kc5f4d-surface);color:var(--kc5f4d-ink);padding:.75rem .85rem;font-size:1rem;line-height:1.3;} #contact-form textarea{resize:vertical;min-height:112px;} #contact-form input::placeholder,#contact-form textarea::placeholder{color:color-mix(in oklab, var(--kc5f4d-slate) 70%, var(--kc5f4d-mist));} #contact-form input:focus,#contact-form select:focus,#contact-form textarea:focus{outline:none;border-color:color-mix(in oklab, var(--kc5f4d-primary) 60%, var(--kc5f4d-border));box-shadow:0 0 0 4px color-mix(in oklab, var(--kc5f4d-primary) 18%, transparent);} #contact-form input:focus-visible,#contact-form select:focus-visible,#contact-form textarea:focus-visible{outline:2px solid color-mix(in oklab, var(--kc5f4d-primary) 70%, white);outline-offset:2px;} #contact-form .cf-verify{margin-top:1.1rem;border:1px solid var(--kc5f4d-border);border-radius:var(--radius-lg,18px);padding:1rem;} #contact-form .cf-legend{padding:0 .35rem;color:var(--kc5f4d-ink);font-weight:800;font-size:.95rem;} #contact-form .cf-checks{display:grid;gap:.75rem;margin:.75rem 0 1rem;} #contact-form .cf-radio{display:flex;gap:.7rem;align-items:flex-start;} #contact-form .cf-radio input{margin-top:.32rem;width:18px;height:18px;accent-color:var(--kc5f4d-primary);} #contact-form .cf-radio label{font-weight:600;color:var(--kc5f4d-ink);font-size:.95rem;line-height:1.4;} #contact-form .cf-privacy{margin-top:1rem;padding-top:.75rem;border-top:1px solid color-mix(in oklab, var(--kc5f4d-border) 75%, transparent);} #contact-form .cf-privacy-text{margin:.25rem 0 0;color:var(--kc5f4d-slate);font-size:.95rem;line-height:1.45;} #contact-form .cf-privacy-links{margin:.65rem 0 0;display:flex;gap:.6rem;align-items:center;color:var(--kc5f4d-slate);font-size:.9rem;flex-wrap:wrap;} #contact-form .cf-privacy-links a{color:var(--kc5f4d-secondary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;} #contact-form .cf-dot{color:color-mix(in oklab, var(--kc5f4d-slate) 70%, transparent);} #contact-form .cf-actions{margin-top:1.1rem;display:flex;align-items:flex-start;gap:1rem;} #contact-form .cf-btn{border:none;background:var(--kc5f4d-primary);color:var(--kc5f4d-surface);font-weight:900;border-radius:var(--radius-md,14px);padding:.9rem 1.05rem;font-size:1rem;min-height:44px;cursor:pointer;box-shadow:0 10px 24px rgba(11,95,255,.18);transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease;} #contact-form .cf-btn:hover{background:color-mix(in oklab, var(--kc5f4d-primary) 86%, var(--kc5f4d-accent));box-shadow:0 14px 30px rgba(11,95,255,.22);} #contact-form .cf-btn:active{transform:translateY(1px);} #contact-form .cf-btn:focus-visible{outline:3px solid color-mix(in oklab, var(--kc5f4d-primary) 40%, white);outline-offset:2px;} #contact-form .cf-disclaimer{margin:.2rem 0 0;color:var(--kc5f4d-slate);font-size:.92rem;line-height:1.45;} #contact-form .cf-side{padding:1rem 0 0;} #contact-form .cf-side-title{margin:0 0 .8rem;font-size:1.05rem;letter-spacing:-0.01em;color:var(--kc5f4d-ink);font-weight:900;} #contact-form .cf-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;} #contact-form .cf-list li{display:flex;gap:.7rem;align-items:flex-start;color:var(--kc5f4d-slate);line-height:1.45;font-weight:600;} #contact-form .cf-bullet{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:color-mix(in oklab, var(--kc5f4d-accent) 18%, var(--kc5f4d-surface));color:var(--kc5f4d-accent);border:1px solid color-mix(in oklab, var(--kc5f4d-accent) 30%, var(--kc5f4d-border));font-size:1rem;flex:0 0 22px;margin-top:.05rem;} #contact-form a:focus-visible{outline:2px solid color-mix(in oklab, var(--kc5f4d-secondary) 50%, white);outline-offset:3px;border-radius:8px;} #contact-form ::selection{background:color-mix(in oklab, var(--kc5f4d-primary) 25%, transparent);} @media (max-width: 1024px){#contact-form .cf-shell{grid-template-columns:1fr;gap:1.25rem;} #contact-form .cf-head{grid-column:auto;} #contact-form .cf-side{padding:0;}} @media (max-width: 640px){#contact-form .cf-grid{grid-template-columns:1fr;}#contact-form .cf-actions{flex-direction:column;align-items:stretch;}} @media (prefers-reduced-motion: reduce){#contact-form .cf-btn{transition:none;}#contact-form .cf-btn:hover{box-shadow:0 10px 24px rgba(11,95,255,.18);}} /* kc5f4d:verification-note */ #verification-note{background:var(--kc5f4d-bg);padding:clamp(1.5rem,4vw,3rem) 0}#verification-note .wrap{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem)}#verification-note .label{display:inline-block;font-family:var(--font-sans,var(--kc5f4d-sans));letter-spacing:.12em;text-transform:uppercase;color:var(--kc5f4d-secondary);font-size:.875rem;font-weight:700}#verification-note .title{margin:.65rem 0 1.25rem;font-family:var(--font-serif,var(--kc5f4d-serif));font-size:clamp(1.4rem,3vw,2.1rem);letter-spacing:-.02em;line-height:1.1;color:var(--kc5f4d-ink);text-wrap:balance}#verification-note .content{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:start}#verification-note .steps{margin:0;padding:0;list-style:none;display:grid;gap:1rem}#verification-note .step{background:var(--kc5f4d-surface);border:1px solid var(--kc5f4d-border);border-radius:var(--radius-md,14px);padding:1rem 1rem}#verification-note .step-title{font-weight:800;color:var(--kc5f4d-ink);margin-bottom:.35rem;line-height:1.25}#verification-note .step-body{margin:0;color:var(--kc5f4d-text);font-size:1rem;line-height:1.55}#verification-note .checklist{background:var(--kc5f4d-surface);border:1px solid var(--kc5f4d-border);border-radius:var(--radius-md,14px);padding:1rem 1rem}#verification-note .checklist-head{font-weight:900;color:var(--kc5f4d-ink);margin-bottom:.6rem}#verification-note .checklist-list{margin:0;padding:0;list-style:none;display:grid;gap:.65rem}#verification-note .checklist-list li{display:flex;gap:.6rem;align-items:flex-start;color:var(--kc5f4d-text);line-height:1.45}#verification-note .dot{width:1.25rem;height:1.25rem;border-radius:999px;background:color-mix(in oklab, var(--kc5f4d-accent) 18%, var(--kc5f4d-surface));color:var(--kc5f4d-accent);display:inline-flex;align-items:center;justify-content:center;font-weight:900;flex:0 0 auto}#verification-note .note{margin-top:.85rem;padding-top:.75rem;border-top:1px dashed var(--kc5f4d-border);color:var(--kc5f4d-secondary);font-weight:700;font-size:.95rem}#verification-note ::selection{background:color-mix(in oklab, var(--kc5f4d-accent) 22%, white);color:var(--kc5f4d-ink)}@media (min-width: 860px){#verification-note .content{grid-template-columns:1.6fr .9fr;gap:1.5rem}} @media (prefers-reduced-motion: reduce){#verification-note *{scroll-behavior:auto;transition:none!important;animation:none!important}} /* kc5f4d:contact-methods */ /* kc5f4d:contact-methods */ #contact-methods{background:var(--kc5f4d-bg);color:var(--kc5f4d-text);padding:clamp(2.5rem,5vw,4.25rem) 0;} #contact-methods .contact-methods__inner{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #contact-methods .contact-methods__header{max-width:62ch;margin-bottom:2.25rem;} #contact-methods .contact-methods__kicker{margin:0 0 .6rem 0;font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--kc5f4d-secondary);font-weight:700;} #contact-methods .contact-methods__title{margin:0;font-size:clamp(1.6rem,2.9vw,2.35rem);line-height:1.15;letter-spacing:-0.02em;text-wrap:balance;font-weight:800;} #contact-methods .contact-methods__sub{margin:1rem 0 0 0;color:var(--kc5f4d-slate);font-size:1rem;line-height:1.6;max-width:60ch;} #contact-methods .contact-methods__grid{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:1.25rem;align-items:stretch;} #contact-methods .contact-methods__card{background:var(--kc5f4d-surface);border:1px solid var(--kc5f4d-border);border-radius:var(--kc5f4d-radius-lg,18px);padding:1.25rem 1.25rem;box-shadow:0 10px 30px rgba(11,18,32,.05);} #contact-methods .contact-methods__card-title{margin:0 0 .6rem 0;font-size:1.05rem;letter-spacing:-0.01em;font-weight:800;color:var(--kc5f4d-ink);} #contact-methods .contact-methods__card-value{margin:0;color:var(--kc5f4d-ink);font-size:1.05rem;line-height:1.5;} #contact-methods .contact-methods__card-help{margin:.6rem 0 0 0;color:var(--kc5f4d-slate);font-size:.95rem;line-height:1.55;} #contact-methods .contact-methods__link{color:var(--kc5f4d-ink);text-decoration:none;border-bottom:1px solid transparent;} #contact-methods .contact-methods__link:hover{color:var(--kc5f4d-primary);border-bottom-color:rgba(11,95,255,.35);} #contact-methods .contact-methods__link:focus-visible{outline:3px solid rgba(11,95,255,.35);outline-offset:3px;border-bottom-color:rgba(11,95,255,.35);} #contact-methods .contact-methods__cta-row{margin-top:1.75rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;padding:1.1rem 1.15rem;border-radius:var(--kc5f4d-radius-lg,18px);border:1px solid var(--kc5f4d-border);background:rgba(255,255,255,.7);} #contact-methods .contact-methods__cta-text{margin:0;color:var(--kc5f4d-slate);line-height:1.6;max-width:64ch;} #contact-methods .contact-methods__btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.85rem 1.05rem;border-radius:10px;background:var(--kc5f4d-primary);color:var(--kc5f4d-surface);text-decoration:none;font-weight:800;border:1px solid rgba(11,95,255,.35);white-space:nowrap;} #contact-methods .contact-methods__btn:hover{background:#0A56CC;} #contact-methods .contact-methods__btn:active{transform:translateY(1px);} #contact-methods .contact-methods__btn:focus-visible{outline:3px solid rgba(11,95,255,.35);outline-offset:3px;} #contact-methods ::selection{background:rgba(11,95,255,.22);} @media (max-width: 900px){ #contact-methods .contact-methods__grid{grid-template-columns:1fr;} #contact-methods .contact-methods__cta-row{flex-direction:column;align-items:flex-start;} } @media (prefers-reduced-motion: reduce){ #contact-methods .contact-methods__btn:active{transform:none;} } /* Design-system based, no external frameworks */ .policy-page{background:var(--kc5f4d-bg);color:var(--kc5f4d-text);min-height:100vh;padding:24px 16px;font-family:var(--kc5f4d-font);} .policy-wrapper{max-width:980px;margin:0 auto;background:var(--kc5f4d-surface);border:1px solid var(--kc5f4d-border);border-radius:var(--radius-lg);padding:22px;} .policy-header{padding:6px 6px 14px 6px;border-bottom:1px solid var(--kc5f4d-border);margin-bottom:14px;} .policy-title{font-family:var(--kc5f4d-font-display);font-size:28px;line-height:1.2;margin:0 0 8px 0;color:var(--kc5f4d-ink);} .policy-subtitle{margin:0;color:var(--kc5f4d-slate);font-size:14px;line-height:1.5;} .policy-section{padding:10px 6px;} .policy-section-title{font-size:16px;margin:0 0 8px 0;color:var(--kc5f4d-ink);} .policy-text{margin:0 0 10px 0;line-height:1.6;font-size:14px;color:var(--kc5f4d-text);} .policy-strong{color:var(--kc5f4d-ink);font-weight:700;} .policy-list{margin:0 0 10px 22px;padding:0;} .policy-list .policy-text{margin:0 0 6px 0;} .policy-contact{border:1px solid var(--kc5f4d-border);background:rgba(14,110,126,0.04);border-radius:var(--radius-md);padding:12px 12px;margin-top:6px;} .policy-link{color:var(--kc5f4d-primary);text-decoration:underline;} .policy-link:hover{color:var(--kc5f4d-accent);} .policy-footer{border-top:1px solid var(--kc5f4d-border);padding:14px 6px 6px 6px;margin-top:8px;} .policy-footnote{margin:0;color:var(--kc5f4d-slate);font-size:13px;line-height:1.5;} @media (max-width:520px){.policy-wrapper{padding:16px;}.policy-title{font-size:24px;}} /* Design-system based, no external libraries */ :root{ --kc5f4d-primary:#0B5FFF; --kc5f4d-secondary:#0E6E7E; --kc5f4d-accent:#0F766E; --kc5f4d-ink:#0B1220; --kc5f4d-slate:#4B5563; --kc5f4d-mist:#AEB7C6; --kc5f4d-border:#D7DBE3; --kc5f4d-surface:#FFFFFF; --kc5f4d-bg:#F7F8FA; --kc5f4d-text:#111827; --kc5f4d-font:'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif; } .policy-page{ background:var(--kc5f4d-bg); color:var(--kc5f4d-text); font-family:var(--kc5f4d-font); line-height:1.55; padding:24px 16px 40px; } .policy-wrap{ max-width:980px; margin:0 auto; } .policy-header{ background:var(--kc5f4d-surface); border:1px solid var(--kc5f4d-border); border-radius:var(--radius-lg,18px); padding:22px 18px; box-shadow:0 1px 0 rgba(11,18,32,0.03); } .policy-title{ margin:0 0 8px; font-size:28px; letter-spacing:-0.02em; color:var(--kc5f4d-ink); } .policy-lead{ margin:0; color:var(--kc5f4d-slate); font-size:15px; } .policy-section{ margin-top:18px; background:var(--kc5f4d-surface); border:1px solid var(--kc5f4d-border); border-radius:var(--radius-lg,18px); padding:18px; } .policy-h2{ margin:0 0 10px; font-size:18px; color:var(--kc5f4d-ink); } .policy-p{ margin:0 0 10px; color:var(--kc5f4d-text); font-size:14.5px; } .policy-list{ margin:0; padding-left:18px; } .policy-li{ margin:0 0 8px; color:var(--kc5f4d-text); font-size:14.5px; } .policy-footer{ margin-top:18px; background:var(--kc5f4d-surface); border:1px solid var(--kc5f4d-border); border-radius:var(--radius-lg,18px); padding:18px; } .policy-contact-grid{ margin-top:10px; display:block; } .policy-contact-item{ padding:10px 12px; border:1px solid var(--kc5f4d-border); border-radius:var(--radius-md,14px); margin:10px 0; } .policy-label{ font-size:12px; color:var(--kc5f4d-slate); text-transform:none; letter-spacing:0.02em; } .policy-value{ margin-top:4px; font-size:14.5px; color:var(--kc5f4d-ink); word-break:break-word; } .policy-link{ color:var(--kc5f4d-primary); text-decoration:none; border-bottom:1px solid rgba(11,95,255,0.25); } .policy-link:hover{ color:var(--kc5f4d-secondary); border-bottom-color:rgba(14,110,126,0.35); } .policy-fineprint{ margin:10px 0 0; color:var(--kc5f4d-slate); font-size:12.5px; } @media (min-width: 720px){ .policy-header{ padding:26px 24px; } .policy-section, .policy-footer{ padding:22px; } .policy-contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; } .policy-contact-item{ margin:0; } } .policy-page{background:var(--kc5f4d-bg);color:var(--kc5f4d-text);font-family:var(--kc5f4d-font);line-height:1.55;min-height:100vh;padding:24px 16px;} .policy-page *{box-sizing:border-box;} .policy-page a{color:var(--kc5f4d-primary);text-decoration:underline;} .policy-page a:hover{color:var(--kc5f4d-accent);} .policy-header{max-width:980px;margin:0 auto 18px auto;background:var(--kc5f4d-surface);border:1px solid var(--kc5f4d-border);border-radius:var(--kc5f4d-lg);padding:18px 18px;} .policy-title{margin:0 0 8px 0;font-family:var(--kc5f4d-font-display);font-size:28px;letter-spacing:-0.02em;} .policy-lead{margin:0;color:var(--kc5f4d-slate);font-size:14.5px;} .policy-section{max-width:980px;margin:14px auto;background:var(--kc5f4d-surface);border:1px solid var(--kc5f4d-border);border-radius:var(--kc5f4d-lg);padding:18px 18px;} .policy-heading{margin:0 0 10px 0;font-size:18px;color:var(--kc5f4d-ink);font-family:var(--kc5f4d-font-display);} .policy-paragraph{margin:10px 0;color:var(--kc5f4d-text);font-size:14.5px;} .policy-list{margin:10px 0 0 18px;padding:0;color:var(--kc5f4d-text);} .policy-li{margin:6px 0;font-size:14.5px;} .policy-footer{max-width:980px;margin:14px auto 6px auto;background:var(--kc5f4d-surface);border:1px solid var(--kc5f4d-border);border-radius:var(--kc5f4d-lg);padding:18px 18px;} .policy-footer-heading{margin-bottom:8px;} .policy-footer-paragraph{margin:8px 0;color:var(--kc5f4d-slate);font-size:14.5px;} .policy-link{color:var(--kc5f4d-primary);} @media (max-width:520px){.policy-header,.policy-section,.policy-footer{padding:14px 14px;}.policy-title{font-size:24px;}} /* Design-system variables */ .policy-page{background:var(--kc5f4d-bg);color:var(--kc5f4d-text);font-family:var(--kc5f4d-font);line-height:1.5;margin:0;min-height:100vh;} .policy-hero{background:var(--kc5f4d-surface);border:1px solid var(--kc5f4d-border);border-radius:var(--radius-lg);max-width:980px;margin:18px auto 0 auto;padding:18px 18px;} .policy-title{font-family:var(--kc5f4d-font-display);font-size:28px;line-height:1.2;margin:0 0 8px 0;letter-spacing:0.2px;} .policy-lead{margin:0;max-width:820px;color:var(--kc5f4d-slate);font-size:15.5px;} .policy-content{max-width:980px;margin:14px auto 0 auto;background:var(--kc5f4d-surface);border:1px solid var(--kc5f4d-border);border-radius:var(--radius-lg);padding:18px 18px 8px 18px;} .policy-h2{font-size:18px;margin:18px 0 8px 0;color:var(--kc5f4d-ink);font-weight:700;} .policy-p{margin:8px 0;color:var(--kc5f4d-text);font-size:14.8px;} .policy-list{margin:8px 0 8px 18px;padding:0;} .policy-li{margin:6px 0;color:var(--kc5f4d-text);font-size:14.8px;} .policy-link{color:var(--kc5f4d-primary);text-decoration:underline;} .policy-link:hover{color:var(--kc5f4d-accent);} .policy-note{margin:18px 0;border-left:4px solid var(--kc5f4d-accent);background:rgba(15,118,110,0.06);border-radius:var(--radius-md);padding:12px 12px;} .policy-note-title{margin:0 0 6px 0;font-weight:800;color:var(--kc5f4d-ink);font-size:14.9px;} .policy-footer{max-width:980px;margin:14px auto 28px auto;padding:0 0;} .policy-footer-inner{background:var(--kc5f4d-surface);border:1px solid var(--kc5f4d-border);border-radius:var(--radius-lg);padding:16px 18px;} .policy-footer-title{margin:0 0 6px 0;font-weight:900;color:var(--kc5f4d-ink);font-size:15.5px;} .policy-footer-p{margin:6px 0;color:var(--kc5f4d-slate);font-size:14.4px;} @media (max-width:720px){.policy-hero,.policy-content,.policy-footer-inner{margin-left:10px;margin-right:10px;}.policy-title{font-size:24px;}.policy-content{padding:14px 14px 6px 14px;}.policy-hero{padding:14px 14px;}} :root{ --kc5f4d-primary:#0B5FFF; --kc5f4d-secondary:#0E6E7E; --kc5f4d-accent:#0F766E; --kc5f4d-ink:#0B1220; --kc5f4d-slate:#4B5563; --kc5f4d-mist:#AEB7C6; --kc5f4d-border:#D7DBE3; --kc5f4d-surface:#FFFFFF; --kc5f4d-bg:#F7F8FA; --kc5f4d-text:#111827; --kc5f4d-font: 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif; --radius-sm:10px; --radius-md:14px; --radius-lg:18px; } .policy-page{ background:var(--kc5f4d-bg); color:var(--kc5f4d-text); min-height:100vh; font-family:var(--kc5f4d-font); } .policy-wrapper{ box-sizing:border-box; margin:0 auto; padding:24px 16px 40px; max-width:920px; } .policy-header{ margin:6px 0 18px; } .policy-title{ margin:0; font-size:34px; line-height:1.15; font-weight:750; letter-spacing:-0.02em; color:var(--kc5f4d-ink); } .policy-lead{ margin:10px 0 0; font-size:16px; line-height:1.6; color:var(--kc5f4d-slate); } .policy-card{ background:var(--kc5f4d-surface); border:1px solid var(--kc5f4d-border); border-radius:var(--radius-lg); padding:18px; box-shadow:0 1px 0 rgba(17,24,39,0.02); } .policy-card-title{ margin:0 0 10px; font-size:18px; font-weight:700; color:var(--kc5f4d-ink); } .policy-list{ margin:0; padding-left:18px; } .policy-li{ margin:8px 0; color:var(--kc5f4d-slate); line-height:1.6; } .policy-footer{ margin-top:18px; background:var(--kc5f4d-surface); border:1px solid var(--kc5f4d-border); border-radius:var(--radius-lg); padding:18px; } .policy-footer-grid{ display:block; } .policy-footer-col{ margin:0 0 14px; } .policy-footer-heading{ font-weight:800; color:var(--kc5f4d-ink); margin-bottom:6px; } .policy-footer-text{ color:var(--kc5f4d-slate); line-height:1.6; margin:4px 0; word-break:break-word; } .policy-link{ color:var(--kc5f4d-primary); text-decoration:none; border-bottom:1px solid rgba(11,95,255,0.25); } .policy-link:hover{ color:var(--kc5f4d-primary); border-bottom-color:rgba(11,95,255,0.55); } .policy-legal{ padding-top:12px; border-top:1px solid var(--kc5f4d-border); } .policy-legal-text{ margin:0; color:var(--kc5f4d-slate); line-height:1.6; font-size:13px; } @media (min-width:760px){ .policy-wrapper{padding:32px 20px 50px;} .policy-footer-grid{ display:grid; grid-template-columns:1.2fr 1fr 1.4fr; gap:18px; } .policy-footer-col{margin:0;} } section[data-kc5f4d-h0v]:not([data-kc5f4d-h0v='header']):not([data-kc5f4d-h0v='footer']) { position: relative; } section[data-kc5f4d-h0v]:not([data-kc5f4d-h0v='header']):not([data-kc5f4d-h0v='footer']) { border-top: 1px solid var(--kc5f4d-border); } section[data-kc5f4d-h0v] h1, section[data-kc5f4d-h0v] h2 { letter-spacing: -0.03em; } section[data-kc5f4d-h0v] [class*='rounded'] { border-radius: var(--kc5f4d-radius-sm, 0.25rem); } :root { --kc5f4d-c-content-width: 72rem; --kc5f4d-c-gutter: clamp(1rem, 4vw, 3rem); --kc5f4d-c-measure: 65ch; --kc5f4d-c-heading-display: clamp(2.5rem, 6vw, 5.5rem); } [data-kc5f4d-dr] { scroll-margin-top: 1.5rem; } main > section, main [data-kc5f4d-h0v] { padding-inline: var(--kc5f4d-c-gutter); } [data-kc5f4d-dr*='article'], [data-kc5f4d-dr*='review'] { max-width: var(--kc5f4d-c-measure); } h1 { font-size: var(--kc5f4d-c-heading-display); } @media (max-width: 768px) { [data-kc5f4d-dr] { min-width: 0; } }