/* vanilla base reset (no framework) */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: var(--q9cal-font, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif); line-height: 1.5; color: var(--q9cal-ink, #111); background: var(--q9cal-bg, #fff); } h1, h2, h3, h4, h5, h6 { font-family: var(--q9cal-font-display, var(--q9cal-font, system-ui, sans-serif)); } img, svg, video, canvas { max-width: 100%; height: auto; } a { color: inherit; } *:focus-visible { outline: 2px solid var(--q9cal-primary, #2563eb); outline-offset: 2px; } /* visibility shim for framework toggles */ .hidden { display: none !important; } /* design tokens */ :root { --q9cal-primary: #2FD18F; --q9cal-secondary: #FFB020; --q9cal-accent: #2FD18F; --q9cal-ink: #F4F4F2; --q9cal-slate: rgba(244,244,242,0.72); --q9cal-mist: rgba(244,244,242,0.14); --q9cal-border: rgba(244,244,242,0.14); --q9cal-surface: #171A21; --q9cal-bg: #0F1115; --q9cal-text: #F4F4F2; --q9cal-font: Verdana, Geneva, Tahoma, sans-serif; --q9cal-font-display: 'Trebuchet MS', 'Segoe UI Semibold', Tahoma, Geneva, sans-serif; } /* state utilities */ .is-open { display: block !important; } .is-active { display: block !important; } [hidden] { display: none !important; } /* framework-injected components (vanilla) */ [data-q9cal-ui="cookie-banner"] { position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 9999; margin: 0 auto; max-width: 56rem; border: 1px solid var(--q9cal-border, #e5e7eb); background: var(--q9cal-surface, #fff); border-radius: 1rem; padding: 1rem; box-shadow: 0 10px 30px rgba(0,0,0,.15); } [data-q9cal-ui="cookie-banner"] > div { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-start; justify-content: space-between; } [data-q9cal-ui="cookie-banner"] > div > div:last-child { display: flex; flex-wrap: wrap; gap: .5rem; } [data-q9cal-ui="cookie-banner"] a { text-decoration: underline; } [data-q9cal-cs-action], [data-q9cal-ag-action] { cursor: pointer; border-radius: .5rem; padding: .5rem .9rem; font-size: .8rem; border: 1px solid var(--q9cal-border, #d1d5db); background: transparent; color: var(--q9cal-ink, #111); } [data-q9cal-cs-action="accept-all"], [data-q9cal-cs-action="save"], [data-q9cal-ag-action="confirm"] { background: var(--q9cal-primary, #2563eb); color: #fff; border-color: transparent; font-weight: 600; } [data-q9cal-cs-action="reject-all"] { background: var(--q9cal-ink, #111); color: #fff; border-color: transparent; font-weight: 600; } [data-q9cal-cs-panel] { margin-top: 1rem; border: 1px solid var(--q9cal-border, #e5e7eb); background: var(--q9cal-surface, #fff); border-radius: .75rem; padding: 1rem; font-size: .875rem; } [data-q9cal-cs-panel] > div { display: flex; flex-wrap: wrap; gap: .75rem; } [data-q9cal-ui="cookie-banner"] label { display: inline-flex; align-items: center; gap: .5rem; } [data-q9cal-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-q9cal-ui="age-gate-overlay"] > div { width: 100%; max-width: 28rem; margin: 0 1rem; background: var(--q9cal-surface, #1a1a2e); color: var(--q9cal-ink, #fff); border-radius: 1rem; padding: 2rem; text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,.4); } [data-q9cal-ui="age-gate-overlay"] > div > div:last-of-type { display: flex; flex-direction: column; gap: .75rem; } [data-q9cal-ag-action] { padding: .75rem 1.5rem; } /* sections */ /* q9cal:header */ /* q9cal:header */ #header.site-header{position:sticky;top:0;z-index:50;background:rgba(15,17,21,0.82);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--q9cal-border)} #header .header-inner{max-width:72rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.9rem clamp(1rem,4vw,3rem)} #header .brand{display:flex;align-items:center;gap:0.6rem;min-width:max-content;text-decoration:none;color:var(--q9cal-text)} #header .brand-mark{width:14px;height:14px;border-radius:50%;background:var(--q9cal-primary);box-shadow:0 0 0 6px var(--q9cal-mist)} #header .brand-name{font-family:var(--font-sans, Verdana, Geneva, Tahoma, sans-serif);font-weight:700;letter-spacing:-0.02em;font-size:1rem} #header .nav{display:flex;align-items:center;gap:1.1rem} #header .nav-link{color:var(--q9cal-ink);text-decoration:none;font-size:0.95rem;padding:0.5rem 0.35rem;border-radius:10px} #header .nav-link:focus-visible{outline:3px solid var(--q9cal-primary);outline-offset:2px} #header .header-cta{display:flex;align-items:center;gap:0.8rem} #header .btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;border-radius:12px;min-height:44px;padding:0 1.1rem;font-weight:700;text-decoration:none;cursor:pointer;user-select:none} #header .btn-primary{color:#0B0F12;background:var(--q9cal-primary);border:1px solid rgba(47,209,143,0.55);box-shadow:0 10px 30px rgba(47,209,143,0.16)} #header .btn-primary:hover{background:#22d48c} #header .btn-primary:active{transform:translateY(1px)} #header .btn-primary:focus-visible{outline:3px solid var(--q9cal-primary);outline-offset:2px} #header .menu-toggle{display:none;min-height:44px;border-radius:12px;padding:0 0.9rem;border:1px solid var(--q9cal-border);background:transparent;color:var(--q9cal-text);font-weight:700} #header .menu-toggle:focus-visible{outline:3px solid var(--q9cal-primary);outline-offset:2px} #header .mobile-menu{display:none} @media (max-width: 768px){ #header .nav{display:none} #header .menu-toggle{display:inline-flex} #header .header-inner{padding:0.85rem 1rem} #header .mobile-menu{display:block;position:fixed;inset:0;z-index:60;background:rgba(15,17,21,0.92);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity 180ms ease, transform 180ms ease} #header .mobile-menu[aria-hidden="false"]{opacity:1;pointer-events:auto;transform:translateY(0)} #header .mobile-menu-inner{max-width:28rem;margin:6.5rem auto 0;display:flex;flex-direction:column;gap:0.6rem;padding:0 1rem} #header .mobile-link{color:var(--q9cal-ink);text-decoration:none;padding:0.8rem 0.85rem;border:1px solid var(--q9cal-border);border-radius:14px;background:rgba(244,244,242,0.04)} #header .mobile-link:focus-visible{outline:3px solid var(--q9cal-primary);outline-offset:2px} #header .btn-full{width:100%} } #header ::selection{background:rgba(47,209,143,0.35);color:var(--q9cal-text)} @media (prefers-reduced-motion: reduce){#header .mobile-menu{transition:none}} /* q9cal:footer */ #footer{background:var(--q9cal-bg);color:var(--q9cal-text);position:relative;overflow:hidden} /* q9cal:footer */ #footer .footer-inner{max-width:72rem;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,3rem) clamped(1.75rem,4vw,2.5rem)} #footer .footer-inner{max-width:72rem;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,3rem) clamp(1.75rem,4vw,2.5rem)} #footer .footer-top{display:grid;grid-template-columns:1.25fr 0.85fr 0.95fr;gap:clamp(1.25rem,3vw,2.5rem);align-items:start} #footer .footer-brand{padding:0} #footer .footer-logo{font-family:var(--q9cal-serif,inherit);font-weight:700;font-size:1.2rem;letter-spacing:-0.02em;margin-bottom:0.75rem} #footer .footer-desc{margin:0 0 1.25rem 0;color:var(--q9cal-slate);max-width:34ch;line-height:1.6} #footer .footer-meta{border-top:1px solid var(--q9cal-border);padding-top:1.1rem} #footer .meta-row{display:flex;gap:0.75rem;align-items:flex-start;padding:0.35rem 0} #footer .meta-label{min-width:5.75rem;color:var(--q9cal-mist);font-size:0.875rem} #footer .meta-value{color:var(--q9cal-text);font-size:0.95rem;line-height:1.4} #footer .footer-link{color:var(--q9cal-ink);text-decoration:none;border-bottom:1px solid transparent} #footer .footer-link:focus-visible{outline:2px solid var(--q9cal-primary);outline-offset:3px;border-bottom-color:var(--q9cal-primary)} #footer .footer-link:hover{border-bottom-color:var(--q9cal-primary)} #footer .footer-nav{border-top:1px solid var(--q9cal-border);padding-top:1.05rem} #footer .footer-policy{border-top:1px solid var(--q9cal-border);padding-top:1.05rem} #footer .footer-heading{font-size:1rem;letter-spacing:-0.01em;margin:0 0 0.75rem 0;color:var(--q9cal-text)} #footer .footer-heading-secondary{margin-top:1.35rem} #footer .footer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.65rem} #footer .footer-note{margin:1.2rem 0 0 0;color:var(--q9cal-slate);line-height:1.6} #footer .footer-bottom{margin-top:clamp(1.6rem,4vw,2.4rem);padding-top:clamp(1.1rem,3vw,1.6rem);border-top:1px solid var(--q9cal-border);display:flex;gap:1.25rem;justify-content:space-between;flex-wrap:wrap} #footer .footer-copyright{color:var(--q9cal-text);font-size:0.95rem} #footer .footer-legal{color:var(--q9cal-slate);font-size:0.875rem} #footer ::selection{background:rgba(47,209,143,0.25)} @media (max-width:1024px){#footer .footer-top{grid-template-columns:1fr 0.9fr;grid-template-areas:"brand nav""policy nav"}.footer-brand{grid-area:brand}.footer-nav{grid-area:nav}.footer-policy{grid-area:policy}} @media (max-width:640px){#footer .footer-top{grid-template-columns:1fr;gap:1.35rem}#footer .meta-row{gap:0.6rem}#footer .meta-label{min-width:5.2rem}.footer-desc{max-width:unset}} @media (prefers-reduced-motion:reduce){#footer *{scroll-behavior:auto;transition:none!important;animation:none!important}} /* q9cal:trust-chips */ /* q9cal:trust-chips */ #trust-chips.trust-chips{padding:clamp(1.5rem,3.5vw,3rem) 0; background:var(--q9cal-bg); color:var(--q9cal-text); position:relative;} #trust-chips .container{max-width:72rem; margin:0 auto; padding:0 clamp(1rem,4vw,3rem);} #trust-chips .trust-header{margin-bottom:1.25rem;} #trust-chips .kicker{display:inline-block; font-family:var(--font-sans, Verdana, Geneva, Tahoma, sans-serif); font-size:0.875rem; letter-spacing:0.02em; color:var(--q9cal-primary); text-transform:none;} #trust-chips .h2{font-family:var(--font-serif, "Trebuchet MS", "Segoe UI Semibold", Tahoma, Geneva, sans-serif); font-size:clamp(1.5rem,2.6vw,2.25rem); line-height:1.15; margin:0.6rem 0 0.6rem; letter-spacing:-0.01em; text-wrap:balance;} #trust-chips .subtext{margin:0; color:var(--q9cal-slate); font-size:1rem; max-width:62ch;} #trust-chips .chip-row{display:flex; gap:0.75rem; align-items:stretch; flex-wrap:wrap; margin:1.2rem 0;} #trust-chips .chip{border:1px solid var(--q9cal-border); background:rgba(23,26,33,0.4); color:var(--q9cal-text); border-radius:var(--radius-md,14px); padding:0.95rem 1rem; min-height:72px; display:flex; flex-direction:column; justify-content:center; gap:0.2rem; cursor:pointer; font-family:var(--font-sans, Verdana, Geneva, Tahoma, sans-serif); text-align:left; transition:background 160ms ease, border-color 160ms ease, transform 120ms ease;} #trust-chips .chip.is-selected{background:rgba(47,209,143,0.14); border-color:rgba(47,209,143,0.55);} #trust-chips .chip:focus-visible{outline:3px solid rgba(47,209,143,0.55); outline-offset:2px;} #trust-chips .chip:active{transform:translateY(1px);} #trust-chips .chip-meta{display:block; color:var(--q9cal-slate); font-size:0.875rem;} #trust-chips .assessment{border:1px solid var(--q9cal-border); border-radius:var(--radius-lg,18px); background:rgba(23,26,33,0.55); padding:1.15rem 1.15rem 1.05rem;} #trust-chips .assessment-top{display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:0.65rem;} #trust-chips .assessment-label{color:var(--q9cal-ink); font-family:var(--font-serif, "Trebuchet MS", "Segoe UI Semibold", Tahoma, Geneva, sans-serif); font-size:1.05rem;} #trust-chips .assessment-badge{background:rgba(255,176,32,0.15); border:1px solid rgba(255,176,32,0.35); color:var(--q9cal-text); padding:0.35rem 0.65rem; border-radius:999px; font-family:var(--font-sans, Verdana, Geneva, Tahoma, sans-serif); font-size:0.875rem;} #trust-chips .assessment-text{display:flex; flex-direction:column; gap:0.5rem;} #trust-chips .assessment-text strong{font-weight:700; letter-spacing:0;} #trust-chips .assessment-detail{color:var(--q9cal-slate);} #trust-chips .booking-actions{display:flex; gap:0.9rem; flex-wrap:wrap; align-items:center; margin-top:1rem;} #trust-chips .btn{display:inline-flex; align-items:center; justify-content:center; border-radius:var(--radius-md,14px); padding:0.75rem 1rem; min-height:44px; font-family:var(--font-sans, Verdana, Geneva, Tahoma, sans-serif); text-decoration:none; border:1px solid transparent; font-size:1rem; line-height:1.1;} #trust-chips .btn.primary{background:var(--q9cal-primary); color:#0B0F0D; border-color:rgba(47,209,143,0.55);} #trust-chips .btn.primary:hover{background:rgba(47,209,143,0.9);} #trust-chips .btn.primary:focus-visible{outline:3px solid rgba(47,209,143,0.55); outline-offset:2px;} #trust-chips .btn.ghost{background:rgba(244,244,242,0.05); color:var(--q9cal-text); border-color:var(--q9cal-border);} #trust-chips .btn.ghost:hover{background:rgba(244,244,242,0.09); border-color:rgba(244,244,242,0.28);} #trust-chips .btn.ghost:focus-visible{outline:3px solid rgba(244,244,242,0.45); outline-offset:2px;} #trust-chips .fineprint{margin-top:0.9rem; color:var(--q9cal-slate); font-size:0.875rem;} #trust-chips *::selection{background:rgba(47,209,143,0.28); color:var(--q9cal-ink);} @media (max-width: 768px){ #trust-chips .chip-row{gap:0.6rem;} #trust-chips .chip{flex:1 1 100%; min-height:66px;} } @media (prefers-reduced-motion: reduce){ #trust-chips .chip, #trust-chips .btn{transition:none;} } /* q9cal:hero-compare */ /* q9cal:hero-compare */ #hero-compare{--pad:clamp(16px,3.2vw,28px);--g:clamp(12px,2.2vw,24px);padding:var(--pad) 0;background:var(--q9cal-bg);color:var(--q9cal-ink);} #hero-compare ::selection{background:rgba(47,209,143,.35);} #hero-compare .hero-wrap{max-width:72rem;margin:0 auto;padding:0 clamp(16px,4vw,28px);} #hero-compare .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(16px,4vw,40px);align-items:start;} #hero-compare .hero-text{padding-top:clamp(8px,1.5vw,16px);} #hero-compare .kicker{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:.95rem;color:var(--q9cal-slate);letter-spacing:.02em;margin-bottom:10px;} #hero-compare .hero-title{font-family:'Trebuchet MS','Segoe UI Semibold',Tahoma,Geneva,sans-serif;font-weight:800;font-size:clamp(2rem,4.2vw,4rem);line-height:1.03;letter-spacing:-.02em;margin:0 0 14px;text-wrap:balance;} #hero-compare .hero-bullets{margin:0 0 14px;padding-left:18px;} #hero-compare .hero-bullets li{margin:8px 0;color:var(--q9cal-text);font-family:Verdana,Geneva,Tahoma,sans-serif;line-height:1.5;font-size:1rem;} #hero-compare .hero-location{color:var(--q9cal-slate);font-size:1rem;margin:10px 0 16px;} #hero-compare .hero-price-qualifier,#hero-compare .hero-durability-qualifier{background:rgba(244,244,242,.06);border:1px solid var(--q9cal-border);border-radius:var(--radius-md,14px);padding:12px 14px;margin:10px 0;color:var(--q9cal-ink);font-size:.93rem;line-height:1.45;} #hero-compare .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 10px;} #hero-compare .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 16px;border-radius:var(--radius-md,14px);text-decoration:none;font-family:Verdana,Geneva,Tahoma,sans-serif;font-weight:700;font-size:1rem;letter-spacing:.01em;} #hero-compare .btn-primary{background:var(--q9cal-primary);color:#0B1410;border:1px solid rgba(47,209,143,.55);} #hero-compare .btn-primary:focus-visible{outline:3px solid rgba(47,209,143,.55);outline-offset:3px;} #hero-compare .btn-ghost{background:transparent;color:var(--q9cal-ink);border:1px solid var(--q9cal-border);} #hero-compare .btn-ghost:focus-visible{outline:3px solid rgba(244,244,242,.28);outline-offset:3px;} #hero-compare .btn[aria-disabled="true"],#hero-compare .btn:disabled{opacity:.55;cursor:not-allowed;} #hero-compare .hero-smallprint{color:var(--q9cal-slate);font-size:.9rem;margin-top:10px;} #hero-compare .hero-evidence{position:relative;} #hero-compare .evidence-chipbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:2px 0 14px;} #hero-compare .chip{appearance:none;border:1px solid var(--q9cal-border);background:rgba(244,244,242,.06);color:var(--q9cal-ink);border-radius:999px;padding:10px 14px;min-height:44px;font-family:Verdana,Geneva,Tahoma,sans-serif;font-weight:700;cursor:pointer;} #hero-compare .chip[aria-checked="true"]{background:rgba(47,209,143,.14);border-color:rgba(47,209,143,.55);} #hero-compare .chip:focus-visible{outline:3px solid rgba(47,209,143,.55);outline-offset:3px;} #hero-compare .compare-frame{border-radius:var(--radius-lg,18px);overflow:hidden;border:1px solid var(--q9cal-border);background:rgba(244,244,242,.03);} #hero-compare .compare-stage{position:relative;height:clamp(360px,48vw,520px);} #hero-compare .compare-images{position:absolute;inset:0;} #hero-compare .compare-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;} #hero-compare .compare-before{filter:saturate(.95) contrast(1.02);} #hero-compare .compare-after{clip-path:inset(0 0 0 50%);transform:translateZ(0);} #hero-compare .compare-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:rgba(244,244,242,.85);box-shadow:0 0 0 3px rgba(0,0,0,.18);transform:translateX(-1px);} #hero-compare .compare-handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:rgba(15,17,21,.72);border:1px solid rgba(244,244,242,.22);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);} #hero-compare .compare-handle .handle-label{color:var(--q9cal-ink);font-family:Verdana,Geneva,Tahoma,sans-serif;font-weight:800;font-size:.9rem;} #hero-compare .compare-tags{position:absolute;left:16px;right:16px;top:16px;display:flex;justify-content:space-between;pointer-events:none;} #hero-compare .tag{font-family:Verdana,Geneva,Tahoma,sans-serif;font-weight:900;font-size:.86rem;padding:10px 12px;border-radius:999px;border:1px solid rgba(244,244,242,.18);background:rgba(15,17,21,.58);color:var(--q9cal-ink);} #hero-compare .tag-after{border-color:rgba(47,209,143,.42);} #hero-compare .compare-overlay{position:absolute;left:16px;bottom:16px;right:16px;display:flex;justify-content:flex-start;pointer-events:none;} #hero-compare .overlay-title{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;background:rgba(15,17,21,.68);border:1px solid rgba(244,244,242,.18);color:var(--q9cal-ink);font-family:Verdana,Geneva,Tahoma,sans-serif;font-weight:800;font-size:.9rem;} #hero-compare .compare-captions{position:absolute;left:16px;right:16px;bottom:86px;display:flex;flex-direction:column;gap:10px;} #hero-compare .caption-row{display:flex;gap:10px;align-items:baseline;} #hero-compare .caption-label{width:88px;color:var(--q9cal-slate);font-family:Verdana,Geneva,Tahoma,sans-serif;font-weight:800;font-size:.84rem;text-transform:uppercase;letter-spacing:.06em;} #hero-compare .caption-value{flex:1;color:var(--q9cal-ink);font-family:Verdana,Geneva,Tahoma,sans-serif;font-weight:700;font-size:.98rem;} #hero-compare .hero-microcta{margin-top:12px;color:var(--q9cal-slate);font-size:.95rem;} #hero-compare .link{color:var(--q9cal-ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;} #hero-compare .link:focus-visible{outline:3px solid rgba(47,209,143,.55);outline-offset:4px;border-radius:10px;} @media (max-width: 900px){ #hero-compare .hero-grid{grid-template-columns:1fr;} #hero-compare .hero-actions{gap:10px;} #hero-compare .compare-stage{height:clamp(340px,70vw,520px);} } @media (prefers-reduced-motion: reduce){ #hero-compare *{scroll-behavior:auto;} } #hero-compare .compare-stage:focus-visible{outline:3px solid rgba(47,209,143,.55);outline-offset:4px;border-radius:var(--radius-lg,18px);} /* q9cal:stage-evidence-stack */ /* q9cal:stage-evidence-stack */ #stage-evidence-stack{background:var(--q9cal-bg);color:var(--q9cal-text);padding:clamp(2.5rem,6vw,5rem) 0;} #stage-evidence-stack .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #stage-evidence-stack .stage-head{max-width:50rem;margin-bottom:clamp(1.5rem,3.5vw,2.5rem);} #stage-evidence-stack .kicker{display:inline-block;font-family:var(--font-sans, Verdana, Geneva, Tahoma, sans-serif);letter-spacing:-0.01em;color:var(--q9cal-text);font-weight:700;font-size:0.95rem;text-transform:uppercase;} #stage-evidence-stack .title{font-family:var(--font-serif, 'Trebuchet MS', 'Segoe UI Semibold', Tahoma, Geneva, sans-serif);font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.1;margin:0.6rem 0 0.9rem;letter-spacing:-0.03em;text-wrap:balance;} #stage-evidence-stack .lead{margin:0;color:var(--q9cal-slate);font-size:1rem;line-height:1.6;} #stage-evidence-stack .stage-list{display:flex;flex-direction:column;gap:clamp(1.3rem,2.8vw,2.2rem);} #stage-evidence-stack .evidence-stage{border-top:1px solid var(--q9cal-border);padding-top:clamp(1.3rem,2.8vw,2.2rem);} #stage-evidence-stack .stage-top{display:flex;align-items:flex-start;gap:0.9rem;margin-bottom:0.85rem;} #stage-evidence-stack .stage-chip{display:inline-flex;align-items:center;justify-content:center;padding:0.35rem 0.65rem;border:1px solid var(--q9cal-border);border-radius:999px;background:rgba(255,255,255,0.03);font-weight:700;font-size:0.9rem;} #stage-evidence-stack .stage-title{margin:0;font-family:var(--font-serif, 'Trebuchet MS', 'Segoe UI Semibold', Tahoma, Geneva, sans-serif);font-size:1.35rem;line-height:1.15;letter-spacing:-0.02em;} #stage-evidence-stack .slider-wrap{position:relative;} #stage-evidence-stack .stage-overlay-row{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.75rem 0.75rem;pointer-events:none;} #stage-evidence-stack .overlay-chip{pointer-events:none;background:rgba(23,26,33,0.72);border:1px solid var(--q9cal-border);color:var(--q9cal-text);border-radius:999px;padding:0.35rem 0.65rem;font-weight:800;font-size:0.86rem;} #stage-evidence-stack .before-after-tags{display:flex;gap:0.55rem;} #stage-evidence-stack .tag{pointer-events:none;border-radius:999px;padding:0.35rem 0.6rem;font-weight:800;font-size:0.86rem;border:1px solid var(--q9cal-border);background:rgba(23,26,33,0.72);} #stage-evidence-stack .tag.before{color:var(--q9cal-slate);} #stage-evidence-stack .tag.after{color:var(--q9cal-text);border-color:rgba(47,209,143,0.35);} #stage-evidence-stack .compare{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,0.35);height:clamp(250px,35vw,340px);background:rgba(255,255,255,0.02);} #stage-evidence-stack .img-layer{position:absolute;inset:0;} #stage-evidence-stack .img-layer img{width:100%;height:100%;object-fit:cover;display:block;} #stage-evidence-stack .img-layer.top{clip-path:inset(0 0 0 50%);} #stage-evidence-stack .divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:rgba(244,244,242,0.95);box-shadow:0 0 0 5px rgba(0,0,0,0.18);transform:translateX(-1px);} #stage-evidence-stack .handle{position:absolute;top:0;bottom:0;left:50%;width:46px;margin-left:-23px;background:transparent;border:none;cursor:col-resize;outline:none;} #stage-evidence-stack .handle::before{content:"";position:absolute;left:50%;top:50%;width:34px;height:34px;border-radius:50%;transform:translate(-50%,-50%);background:rgba(23,26,33,0.55);border:1px solid rgba(244,244,242,0.35);} #stage-evidence-stack .handle::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;transform:translate(-50%,-50%) rotate(45deg);border-left:2px solid rgba(244,244,242,0.9);border-bottom:2px solid rgba(244,244,242,0.9);border-radius:2px;opacity:0.9;} #stage-evidence-stack .handle:focus-visible{filter:drop-shadow(0 0 0.7rem rgba(47,209,143,0.35));} #stage-evidence-stack .metrics{margin:0.95rem 0 0;display:grid;grid-template-columns:1fr;gap:0.7rem;} #stage-evidence-stack .metric{margin:0;} #stage-evidence-stack dt{font-weight:900;font-size:0.85rem;letter-spacing:0.01em;text-transform:uppercase;color:rgba(244,244,242,0.82);} #stage-evidence-stack dd{margin:0.25rem 0 0;color:var(--q9cal-slate);line-height:1.55;} #stage-evidence-stack .metric:nth-child(2) dd{color:var(--q9cal-text);} #stage-evidence-stack .accent{color:var(--q9cal-primary);font-weight:900;} #stage-evidence-stack .quote-rail{margin-top:clamp(1.5rem,3.5vw,2.5rem);} #stage-evidence-stack .quote-card{border:1px solid var(--q9cal-border);background:rgba(255,255,255,0.03);border-radius:var(--radius-lg);padding:clamp(1.1rem,3vw,1.6rem);display:flex;flex-direction:column;gap:1rem;} #stage-evidence-stack .quote-title{margin:0;font-family:var(--font-serif, 'Trebuchet MS', 'Segoe UI Semibold', Tahoma, Geneva, sans-serif);font-size:1.3rem;letter-spacing:-0.02em;} #stage-evidence-stack .quote-text{margin:0.35rem 0 0;color:var(--q9cal-slate);line-height:1.65;} #stage-evidence-stack .quote-actions{display:flex;flex-wrap:wrap;gap:0.8rem;margin-top:0.1rem;} #stage-evidence-stack .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1.05rem;border-radius:999px;text-decoration:none;font-weight:900;border:1px solid var(--q9cal-border);font-size:0.98rem;} #stage-evidence-stack .button.primary{background:var(--q9cal-primary);border-color:rgba(47,209,143,0.55);color:#08110E;} #stage-evidence-stack .button.primary:focus-visible{outline:3px solid rgba(47,209,143,0.35);outline-offset:3px;} #stage-evidence-stack .button.ghost{background:rgba(255,255,255,0.02);color:var(--q9cal-text);border-color:rgba(244,244,242,0.22);} #stage-evidence-stack .button.ghost:focus-visible{outline:3px solid rgba(244,244,242,0.22);outline-offset:3px;} #stage-evidence-stack .fineprint{margin:0;color:rgba(244,244,242,0.72);font-size:0.92rem;line-height:1.5;} #stage-evidence-stack ::selection{background:rgba(47,209,143,0.35);color:var(--q9cal-text);} @media (min-width: 900px){ #stage-evidence-stack .metrics{grid-template-columns:1fr;} #stage-evidence-stack .quote-card{flex-direction:row;align-items:flex-start;justify-content:space-between;} #stage-evidence-stack .quote-copy{max-width:52ch;} #stage-evidence-stack .quote-actions{margin-top:0;} } @media (max-width: 639px){ #stage-evidence-stack .stage-top{flex-direction:column;} #stage-evidence-stack .stage-overlay-row{padding:0.65rem 0.65rem;} #stage-evidence-stack .compare{height:260px;} #stage-evidence-stack .before-after-tags{gap:0.35rem;} #stage-evidence-stack .tag{font-size:0.82rem;padding:0.32rem 0.5rem;} } @media (prefers-reduced-motion: reduce){ #stage-evidence-stack .compare{scroll-behavior:auto;} } /* q9cal:sticky-diy-vs-studio */ /* q9cal:sticky-diy-vs-studio */ #sticky-diy-vs-studio{--s:14px;--r:18px;--r2:14px;--shadow:0 18px 50px rgba(0,0,0,.35);padding:var(--section-pad,clamp(1.5rem,4vw,3rem)) var(--gutter,clamp(1rem,4vw,3rem));background:var(--q9cal-bg);color:var(--q9cal-text);} #sticky-diy-vs-studio .sticky-compare-shell{max-width:72rem;margin:0 auto;} #sticky-diy-vs-studio .sticky-compare-head{display:flex;gap:1.5rem;align-items:flex-end;justify-content:space-between;margin-bottom:1.5rem;} #sticky-diy-vs-studio .kicker{font-family:var(--font-sans, Verdana, Geneva, Tahoma, sans-serif);letter-spacing:.02em;text-transform:none;color:rgba(244,244,242,.8);font-size:.95rem;margin-bottom:.35rem;} #sticky-diy-vs-studio h2{font-family:var(--font-serif, 'Trebuchet MS', 'Segoe UI Semibold', Tahoma, Geneva, sans-serif);font-size:clamp(1.35rem,2.2vw,2.05rem);line-height:1.1;letter-spacing:-.02em;margin:0;text-wrap:balance;} #sticky-diy-vs-studio .sticky-compare-cta{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end;} #sticky-diy-vs-studio a{color:inherit;} #sticky-diy-vs-studio .primary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem 1rem;border-radius:var(--r2);background:var(--q9cal-primary);color:#0B120D;font-weight:700;text-decoration:none;box-shadow:0 10px 24px rgba(47,209,143,.25);} #sticky-diy-vs-studio .primary-btn:focus-visible{outline:3px solid rgba(47,209,143,.45);outline-offset:2px;} #sticky-diy-vs-studio .ghost-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem 1rem;border-radius:var(--r2);background:transparent;border:1px solid var(--q9cal-border);color:var(--q9cal-ink);text-decoration:none;font-weight:700;} #sticky-diy-vs-studio .ghost-btn:focus-visible{outline:3px solid rgba(47,209,143,.45);outline-offset:2px;} #sticky-diy-vs-studio .primary-wide-btn{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:48px;padding:.85rem 1.2rem;border-radius:var(--r);background:var(--q9cal-primary);color:#0B120D;font-weight:800;text-decoration:none;box-shadow:0 14px 28px rgba(47,209,143,.22);} #sticky-diy-vs-studio .primary-wide-btn:focus-visible{outline:3px solid rgba(47,209,143,.45);outline-offset:2px;} #sticky-diy-vs-studio .sticky-compare-grid{border-top:1px solid var(--q9cal-border);padding-top:1.25rem;display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;} #sticky-diy-vs-studio .metric-col{background:rgba(244,244,242,.04);border:1px solid var(--q9cal-border);border-radius:var(--r2);padding:1rem;} #sticky-diy-vs-studio .metric-label{font-weight:800;color:rgba(244,244,242,.92);font-size:.95rem;margin-bottom:.35rem;} #sticky-diy-vs-studio .metric-value{font-family:var(--font-serif, 'Trebuchet MS', 'Segoe UI Semibold', Tahoma, Geneva, sans-serif);font-size:1.2rem;letter-spacing:-.015em;margin-bottom:.35rem;} #sticky-diy-vs-studio .metric-detail{color:rgba(244,244,242,.78);font-size:.95rem;line-height:1.35;} #sticky-diy-vs-studio .metric-row{grid-column:1 / -1;border-radius:var(--r2);padding:1rem;border:1px solid var(--q9cal-border);background:rgba(244,244,242,.03);} #sticky-diy-vs-studio .metric-row-title{font-weight:900;letter-spacing:.01em;margin-bottom:.6rem;} #sticky-diy-vs-studio .metric-row-values{display:flex;gap:.75rem;flex-wrap:wrap;} #sticky-diy-vs-studio .metric-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem .75rem;border-radius:999px;border:1px solid var(--q9cal-border);background:rgba(244,244,242,.02);} #sticky-diy-vs-studio .metric-pill .pill-key{font-weight:900;color:rgba(244,244,242,.9);} #sticky-diy-vs-studio .metric-pill .pill-val{font-variant-numeric:tabular-nums;color:rgba(244,244,242,.82);} #sticky-diy-vs-studio .diy-pill{border-color:rgba(244,244,242,.12);} #sticky-diy-vs-studio .studio-pill{border-color:rgba(47,209,143,.35);background:rgba(47,209,143,.10);} #sticky-diy-vs-studio .sticky-compare-foot{border-top:1px solid var(--q9cal-border);margin-top:1.25rem;padding-top:1.25rem;display:flex;gap:1rem;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;} #sticky-diy-vs-studio .fineprint{margin:0;max-width:56ch;color:rgba(244,244,242,.78);line-height:1.45;font-size:.95rem;} #sticky-diy-vs-studio .sticky-compare-sticky{display:none;} #sticky-diy-vs-studio ::selection{background:rgba(47,209,143,.35);} #sticky-diy-vs-studio .primary-btn:hover{filter:brightness(1.02);} #sticky-diy-vs-studio .ghost-btn:hover{border-color:rgba(47,209,143,.5);} #sticky-diy-vs-studio .primary-wide-btn:hover{filter:brightness(1.02);} @media (max-width:768px){ #sticky-diy-vs-studio .sticky-compare-head{flex-direction:column;align-items:flex-start;} #sticky-diy-vs-studio .sticky-compare-cta{justify-content:flex-start;} #sticky-diy-vs-studio .sticky-compare-grid{grid-template-columns:1fr;} #sticky-diy-vs-studio .metric-row{grid-column:auto;} #sticky-diy-vs-studio .sticky-compare-foot{align-items:flex-start;} } /* Sticky bar that appears mid-page via CSS only (no JS required) */ @media (min-width:641px){ #sticky-diy-vs-studio .sticky-compare-sticky{display:flex;position:sticky;top:14px;align-items:center;gap:1.25rem;border-radius:var(--r);padding:.85rem 1rem;border:1px solid var(--q9cal-border);background:rgba(23,26,33,.75);backdrop-filter:saturate(120%) blur(8px);box-shadow:var(--shadow);} /* keep initial content visible; sticky bar is visually present but aria-hidden */ #sticky-diy-vs-studio .sticky-compare-sticky{margin-top:1.25rem;} #sticky-diy-vs-studio .sticky-inline-left{min-width:10rem;} #sticky-diy-vs-studio .sticky-inline-title{font-weight:900;letter-spacing:-.01em;} #sticky-diy-vs-studio .sticky-inline-sub{color:rgba(244,244,242,.78);font-size:.9rem;margin-top:.2rem;} #sticky-diy-vs-studio .sticky-inline-metrics{display:flex;gap:.85rem;flex-wrap:wrap;justify-content:flex-start;} #sticky-diy-vs-studio .sticky-inline-metric{display:flex;gap:.4rem;align-items:baseline;border-left:2px solid rgba(244,244,242,.14);padding-left:.7rem;} #sticky-diy-vs-studio .mi-k{font-weight:900;color:rgba(244,244,242,.9);font-size:.9rem;} #sticky-diy-vs-studio .mi-v{color:rgba(244,244,242,.82);font-size:.9rem;} #sticky-diy-vs-studio .sticky-cta{padding:.65rem .9rem;min-height:44px;} } @media (prefers-reduced-motion: reduce){ #sticky-diy-vs-studio *{scroll-behavior:auto;transition:none !important;animation:none !important;} } /* q9cal:proof-gallery */ /* q9cal:proof-gallery */ #proof-gallery{--pg-gutter:clamp(12px,2vw,24px);--pg-radius:var(--radius-md,14px);--pg-surface:var(--q9cal-surface);--pg-bg:var(--q9cal-bg);--pg-ink:var(--q9cal-ink);--pg-mist:var(--q9cal-mist);--pg-border:var(--q9cal-border);--pg-primary:var(--q9cal-primary);--pg-secondary:var(--q9cal-secondary);--pg-accent:var(--q9cal-accent);color:var(--q9cal-text);background:transparent;padding:clamp(22px,4vw,42px) 0;} #proof-gallery .proof-gallery__inner{max-width:72rem;margin:0 auto;padding:0 clamp(16px,3vw,28px);} #proof-gallery .proof-gallery__header{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(16px,4vw,28px);margin-bottom:clamp(18px,3vw,26px);} #proof-gallery .proof-gallery__title{font-family:var(--font-serif, 'Trebuchet MS', 'Segoe UI Semibold', Tahoma, Geneva, sans-serif);font-size:clamp(1.6rem,2.8vw,2.4rem);line-height:1.08;letter-spacing:-0.02em;margin:0;} #proof-gallery .proof-gallery__subtitle{margin:0;max-width:34rem;font-size:1rem;line-height:1.5;color:var(--q9cal-text);} #proof-gallery .proof-gallery__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--pg-gutter);padding-top:6px;} #proof-gallery .proof-thumb{appearance:none;border:1px solid var(--pg-border);background:rgba(23,26,33,0.55);border-radius:var(--pg-radius);padding:10px;cursor:pointer;min-height:220px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;transition:transform 160ms ease,border-color 160ms ease,background 160ms ease;} #proof-gallery .proof-thumb:focus-visible{outline:3px solid color-mix(in srgb,var(--pg-primary) 70%, white 0%);outline-offset:2px;} #proof-gallery .proof-thumb:hover{border-color:color-mix(in srgb,var(--pg-primary) 40%, var(--pg-border) 60%);background:rgba(23,26,33,0.72);transform:translateY(-1px);} #proof-gallery .proof-thumb__img{width:100%;height:auto;border-radius:calc(var(--pg-radius) - 6px);display:block;object-fit:cover;} #proof-gallery .proof-thumb__meta{display:flex;flex-direction:column;gap:6px;padding:2px 2px 0 2px;} #proof-gallery .proof-thumb__service{font-weight:700;font-size:0.95rem;letter-spacing:-0.01em;color:var(--q9cal-ink);} #proof-gallery .proof-thumb__note{font-size:0.875rem;line-height:1.4;color:var(--q9cal-slate);} #proof-gallery .proof-gallery__disclaimer{margin-top:clamp(16px,3vw,22px);padding-top:clamp(14px,2.5vw,18px);border-top:1px solid var(--pg-border);color:var(--q9cal-text);font-size:0.95rem;line-height:1.5;max-width:62rem;} #proof-gallery .proof-modal{position:fixed;inset:0;display:none;z-index:50;} #proof-gallery .proof-modal[data-open="true"],#proof-gallery .proof-modal[aria-hidden="false"]{display:block;} #proof-gallery .proof-modal__backdrop{position:absolute;inset:0;background:rgba(15,17,21,0.78);} #proof-gallery .proof-modal__panel{position:relative;margin:3vh auto 4vh;max-width:980px;background:var(--q9cal-surface);border:1px solid var(--pg-border);border-radius:var(--radius-lg,18px);box-shadow:0 18px 55px rgba(0,0,0,0.45);overflow:hidden;} #proof-gallery .proof-modal__top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 18px 10px 18px;border-bottom:1px solid var(--pg-border);} #proof-gallery .proof-modal__kicker{color:var(--q9cal-text);font-size:0.875rem;font-weight:700;letter-spacing:0.02em;text-transform:uppercase;opacity:0.9;margin-bottom:6px;} #proof-gallery .proof-modal__title{margin:0;font-family:var(--font-serif,'Trebuchet MS','Segoe UI Semibold',Tahoma,Geneva,sans-serif);font-size:1.45rem;letter-spacing:-0.015em;line-height:1.15;} #proof-gallery .proof-modal__close{border:1px solid var(--pg-border);background:transparent;color:var(--q9cal-ink);border-radius:var(--radius-sm,10px);padding:10px 12px;font-weight:700;cursor:pointer;} #proof-gallery .proof-modal__close:focus-visible{outline:3px solid color-mix(in srgb,var(--pg-primary) 70%, white 0%);outline-offset:2px;} #proof-gallery .proof-modal__sliderWrap{padding:16px 18px 18px 18px;} #proof-gallery .compare-slider{border:1px solid var(--pg-border);border-radius:var(--radius-md,14px);overflow:hidden;background:rgba(15,17,21,0.2);} #proof-gallery .compare-slider__media{position:relative;width:100%;height:clamp(260px,45vh,440px);} #proof-gallery .compare-slider__img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;} #proof-gallery .compare-slider__img--before{clip-path:inset(0 0 0 0);} #proof-gallery .compare-slider__img--after{width:100%;height:100%;object-fit:cover;clip-path:inset(0 50% 0 0);} #proof-gallery .compare-slider__divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:color-mix(in srgb,var(--pg-primary) 80%, white 0%);transform:translateX(-1px);} #proof-gallery .compare-slider__handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:999px;background:rgba(15,17,21,0.6);border:2px solid color-mix(in srgb,var(--pg-primary) 70%, white 0%);backdrop-filter:blur(2px);cursor:ew-resize;outline:none;} #proof-gallery .compare-slider__handle::before{content:"";position:absolute;inset:12px;border-radius:4px;border-left:2px solid color-mix(in srgb,var(--pg-primary) 70%, white 0%);border-right:2px solid color-mix(in srgb,var(--pg-primary) 70%, white 0%);opacity:0.9;} #proof-gallery .compare-slider__handle:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--pg-primary) 35%, transparent 0%);} #proof-gallery .compare-slider__labels{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;gap:10px;} #proof-gallery .compare-slider__tag{background:rgba(15,17,21,0.55);border:1px solid var(--pg-border);color:var(--q9cal-ink);padding:7px 10px;border-radius:999px;font-weight:800;font-size:0.85rem;} #proof-gallery .compare-slider__tag--after{border-color:color-mix(in srgb,var(--pg-primary) 40%, var(--pg-border) 60%);} #proof-gallery .compare-slider__chip{background:color-mix(in srgb,var(--pg-accent) 18%, rgba(15,17,21,0.6));border:1px solid color-mix(in srgb,var(--pg-accent) 45%, var(--pg-border) 55%);color:var(--q9cal-ink);padding:7px 10px;border-radius:999px;font-weight:900;font-size:0.85rem;white-space:nowrap;} #proof-gallery .proof-modal__caption{margin-top:12px;} #proof-gallery .caption-stack{display:flex;flex-direction:column;gap:10px;margin:0;} #proof-gallery .caption-item{display:grid;grid-template-columns:160px 1fr;gap:12px;align-items:baseline;padding:10px 12px;border:1px solid var(--pg-border);border-radius:var(--radius-sm,10px);background:rgba(23,26,33,0.35);} #proof-gallery .caption-item__dt{margin:0;font-size:0.85rem;letter-spacing:0.02em;text-transform:uppercase;color:var(--q9cal-slate);font-weight:800;} #proof-gallery .caption-item__dd{margin:0;font-size:0.95rem;line-height:1.4;color:var(--q9cal-ink);} #proof-gallery .proof-modal__serviceNote{margin:12px 2px 0 2px;color:var(--q9cal-slate);font-size:0.95rem;line-height:1.55;} #proof-gallery .proof-modal__ctaRow{padding:0 18px 18px 18px;border-top:1px solid var(--pg-border);} #proof-gallery .proof-modal__cta{display:inline-block;margin-top:14px;border:1px solid color-mix(in srgb,var(--pg-primary) 35%, var(--pg-border) 65%);background:color-mix(in srgb,var(--pg-primary) 10%, transparent 90%);color:var(--q9cal-ink);padding:12px 14px;border-radius:var(--radius-md,14px);font-weight:900;text-decoration:none;} #proof-gallery .proof-modal__cta:focus-visible{outline:3px solid color-mix(in srgb,var(--pg-primary) 70%, white 0%);outline-offset:3px;} @media (max-width: 1024px){#proof-gallery .proof-gallery__grid{grid-template-columns:repeat(3,1fr);gap:16px;} #proof-gallery .proof-gallery__header{flex-direction:column;align-items:flex-start;} } @media (max-width: 640px){#proof-gallery{padding:18px 0;} #proof-gallery .proof-gallery__grid{grid-template-columns:1fr;gap:12px;} #proof-gallery .proof-thumb{min-height:200px;} #proof-gallery .caption-item{grid-template-columns:1fr;gap:6px;} #proof-gallery .proof-modal__panel{margin:2vh 10px 3vh;} #proof-gallery .proof-modal__top{padding:14px 14px 8px 14px;} #proof-gallery .proof-modal__sliderWrap{padding:12px 14px 14px 14px;} } @media (prefers-reduced-motion: reduce){#proof-gallery .proof-thumb{transition:none;} } #proof-gallery ::selection{background:color-mix(in srgb,var(--pg-primary) 35%, transparent 65%);} /* q9cal:contacts */ /* q9cal:contacts */ #contacts{background:var(--q9cal-bg);color:var(--q9cal-text);padding:clamp(2.5rem,6vw,5.5rem) 0} #contacts .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem)} #contacts .top{display:grid;grid-template-columns:1.05fr 0.95fr;gap:clamp(1.25rem,3vw,2.5rem);align-items:start} #contacts .intro{padding:0} #contacts .kicker{display:inline-block;font-family:var(--font-sans);letter-spacing:0.02em;font-size:0.875rem;color:var(--q9cal-slate);text-transform:uppercase} #contacts .title{font-family:var(--font-serif);font-size:clamp(1.7rem,3.2vw,2.6rem);margin:0.5rem 0 0.85rem;letter-spacing:-0.02em;line-height:1.12;text-wrap:balance} #contacts .lede{margin:0 0 1rem;color:var(--q9cal-text);font-size:1rem;line-height:1.6;max-width:38rem} #contacts .bullets{margin:0 0 1.25rem;padding-left:1.2rem} #contacts .bullets li{margin:0.35rem 0;color:var(--q9cal-text);line-height:1.6} #contacts .contact-links{display:flex;gap:0.65rem;align-items:center;flex-wrap:wrap;margin-top:0.5rem} #contacts .contact-link{color:var(--q9cal-ink);text-decoration:underline;text-decoration-color:var(--q9cal-mist);text-underline-offset:0.25em} #contacts .divider{color:var(--q9cal-slate)} #contacts .panel{background:var(--q9cal-surface);border:1px solid var(--q9cal-border);border-radius:var(--radius-lg,18px);padding:1.25rem;position:relative;overflow:hidden} #contacts .panel-title{margin:0 0 0.9rem;font-size:1.15rem;font-family:var(--font-sans);letter-spacing:-0.01em} #contacts .quote-form{display:block} #contacts .field{margin:0 0 0.85rem} #contacts label{display:block;font-size:0.875rem;color:var(--q9cal-slate);margin:0 0 0.4rem} #contacts input,#contacts select,#contacts textarea{width:100%;border-radius:var(--radius-md,14px);border:1px solid var(--q9cal-border);background:rgba(244,244,242,0.06);color:var(--q9cal-ink);padding:0.72rem 0.9rem;font-family:var(--font-sans);font-size:1rem;outline:none} #contacts textarea{resize:vertical;min-height:120px} #contacts input::placeholder,#contacts textarea::placeholder{color:rgba(244,244,242,0.55)} #contacts input:focus-visible,#contacts select:focus-visible,#contacts textarea:focus-visible{border-color:var(--q9cal-primary);box-shadow:0 0 0 3px rgba(47,209,143,0.18)} #contacts .actions{margin-top:0.85rem;display:flex;flex-direction:column;gap:0.65rem} #contacts .primary-btn{display:inline-flex;justify-content:center;align-items:center;gap:0.5rem;border-radius:var(--radius-md,14px);border:1px solid rgba(47,209,143,0.6);background:var(--q9cal-primary);color:#07160f;padding:0.85rem 1rem;font-family:var(--font-sans);font-weight:700;letter-spacing:-0.01em;min-height:44px;cursor:pointer} #contacts .primary-btn:hover{background:#23c67e} #contacts .primary-btn:active{transform:translateY(1px)} #contacts .primary-btn:disabled{opacity:0.6;cursor:not-allowed} #contacts .fineprint{margin:0;font-size:0.875rem;color:var(--q9cal-slate);line-height:1.45} #contacts .direct{margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--q9cal-border);display:grid;grid-template-columns:1fr;gap:0.85rem} #contacts .direct-item .label{font-size:0.875rem;color:var(--q9cal-slate);margin-bottom:0.25rem} #contacts .direct-item .value{color:var(--q9cal-ink);text-decoration:none} #contacts .direct-item .value:hover{text-decoration:underline;text-decoration-color:var(--q9cal-mist);text-underline-offset:0.25em} #contacts .steps{margin-top:clamp(1.5rem,4vw,3rem);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(0.8rem,2vw,1.4rem)} #contacts .step{border:1px solid var(--q9cal-border);border-radius:var(--radius-lg,18px);padding:1.15rem;background:rgba(244,244,242,0.03)} #contacts .num{width:40px;height:40px;border-radius:12px;background:rgba(47,209,143,0.16);border:1px solid rgba(47,209,143,0.35);display:flex;align-items:center;justify-content:center;color:var(--q9cal-ink);font-weight:800;font-family:var(--font-sans)} #contacts .step-body{margin-top:0.75rem} #contacts .step-title{font-family:var(--font-sans);font-weight:800;letter-spacing:-0.01em;margin:0 0 0.45rem} #contacts .step-text{margin:0;color:var(--q9cal-text);line-height:1.6;font-size:0.95rem} #contacts ::selection{background:rgba(47,209,143,0.35);color:var(--q9cal-text)} @media (max-width: 900px){#contacts .top{grid-template-columns:1fr}#contacts .steps{grid-template-columns:1fr}} @media (prefers-reduced-motion: reduce){#contacts *{scroll-behavior:auto;transition:none!important;animation:none!important}} /* q9cal:pricing-qualifier */ /* q9cal:pricing-qualifier */ #pricing-qualifier.pricing-qualifier{background:var(--q9cal-bg);color:var(--q9cal-text);padding:var(--q-pad,clamp(2rem,5vw,4rem)) 0;} #pricing-qualifier .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #pricing-qualifier .header{max-width:56rem;} #pricing-qualifier .kicker{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--ds-font-sans);font-size:0.875rem;letter-spacing:.02em;text-transform:uppercase;color:var(--q9cal-slate);margin-bottom:0.9rem;} #pricing-qualifier .title{font-family:var(--ds-font-serif);font-weight:700;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.08;letter-spacing:-0.015em;margin:0 0 .9rem 0;text-wrap:balance;} #pricing-qualifier .lead{margin:0;max-width:60ch;font-family:var(--ds-font-sans);font-size:1rem;line-height:1.6;color:var(--q9cal-text);} #pricing-qualifier .blocks{margin-top:clamp(1.5rem,4vw,3rem);display:grid;grid-template-columns:1fr;gap:1rem;} #pricing-qualifier .block{border:1px solid var(--q9cal-border);background:rgba(23,26,33,.55);border-radius:var(--ds-radius-md,14px);padding:1.25rem 1.25rem;} #pricing-qualifier .block-accent{border-color:rgba(47,209,143,.45);background:rgba(47,209,143,.08);} #pricing-qualifier .block-title{margin:0 0 .75rem 0;font-family:var(--ds-font-sans);font-size:1.05rem;letter-spacing:-0.01em;} #pricing-qualifier .list{margin:0;padding-left:1.1rem;font-family:var(--ds-font-sans);color:var(--q9cal-text);line-height:1.7;} #pricing-qualifier .muted{margin:0 0 .7rem 0;color:rgba(244,244,242,.86);font-family:var(--ds-font-sans);line-height:1.6;} #pricing-qualifier .cta-row{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;} #pricing-qualifier .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.75rem 1rem;border-radius:var(--ds-radius-sm,10px);border:1px solid rgba(47,209,143,.65);background:rgba(47,209,143,.15);color:var(--q9cal-ink);text-decoration:none;font-family:var(--ds-font-sans);font-weight:700;letter-spacing:-0.01em;} #pricing-qualifier .btn:hover{background:rgba(47,209,143,.22);} #pricing-qualifier .btn:active{transform:translateY(1px);} #pricing-qualifier .btn:focus-visible{outline:3px solid rgba(255,176,32,.75);outline-offset:2px;} #pricing-qualifier .btn-ghost{background:transparent;border-color:var(--q9cal-border);color:var(--q9cal-text);} #pricing-qualifier .btn-ghost:hover{border-color:rgba(244,244,242,.35);background:rgba(244,244,242,.06);} #pricing-qualifier .fineprint{margin:1.1rem 0 0 0;color:rgba(244,244,242,.78);font-family:var(--ds-font-sans);font-size:.92rem;line-height:1.6;} ::selection{background:rgba(47,209,143,.35);} #pricing-qualifier .container{position:relative;} @media (min-width: 900px){ #pricing-qualifier .blocks{grid-template-columns:1.05fr 1fr 1fr;gap:1.25rem;} #pricing-qualifier .block{padding:1.35rem 1.35rem;} } @media (prefers-reduced-motion: reduce){ #pricing-qualifier .btn:active{transform:none;} } /* q9cal:packages-list */ /* q9cal:packages-list */ #packages-list.packages-list{background:var(--q9cal-bg);color:var(--q9cal-text);padding:var(--s-pack-pad,0);} #packages-list .container{max-width:72rem;margin:0 auto;padding:clamp(1rem,4vw,3rem);} #packages-list .section-head{margin-bottom:clamp(1.5rem,3.8vw,3rem);} #packages-list .kicker{font-family:var(--font-serif);font-size:clamp(1.35rem,2.2vw,1.8rem);letter-spacing:-0.02em;line-height:1.1;margin:0 0 .75rem 0;color:var(--q9cal-ink);} #packages-list .lede{margin:0;max-width:68ch;color:var(--q9cal-text);opacity:.96;font-family:var(--font-sans);font-size:1rem;line-height:1.6;} #packages-list .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(0.9rem,2vw,1.6rem);align-items:stretch;} #packages-list .package-card{background:rgba(23,26,33,.86);border:1px solid var(--q9cal-border);border-radius:var(--radius-lg);padding:clamp(1rem,2vw,1.25rem);box-shadow:0 18px 40px rgba(0,0,0,.22);position:relative;overflow:hidden;} #packages-list .package-card::after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(120deg,transparent,rgba(47,209,143,.14),transparent);opacity:.7;pointer-events:none;} #packages-list .package-top{position:relative;z-index:1;display:flex;flex-direction:column;gap:.55rem;} #packages-list .package-pill{display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;background:rgba(47,209,143,.14);color:var(--q9cal-text);border:1px solid rgba(47,209,143,.35);padding:.38rem .7rem;border-radius:999px;font-family:var(--font-sans);font-size:.875rem;white-space:nowrap;} #packages-list .package-title{margin:0;font-family:var(--font-serif);font-size:1.25rem;letter-spacing:-0.02em;line-height:1.15;color:var(--q9cal-ink);} #packages-list .package-price{margin:0;color:var(--q9cal-text);font-family:var(--font-mono, monospace);font-size:1.05rem;line-height:1.4;} #packages-list .from{color:rgba(244,244,242,.9);margin-right:.35rem;} #packages-list .scope{position:relative;z-index:1;margin:.9rem 0 0 0;padding:0 0 0 1.1rem;display:flex;flex-direction:column;gap:.55rem;} #packages-list .scope li{color:rgba(244,244,242,.96);font-family:var(--font-sans);font-size:.98rem;line-height:1.5;} #packages-list .package-foot{position:relative;z-index:1;margin-top:1rem;padding-top:.95rem;border-top:1px solid var(--q9cal-border);display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;} #packages-list .durability{display:block;font-family:var(--font-sans);font-size:.9rem;line-height:1.35;color:rgba(244,244,242,.9);max-width:26ch;} #packages-list .link{color:var(--q9cal-ink);text-decoration:none;border-bottom:1px solid rgba(244,244,242,.35);padding-bottom:.15rem;display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-sans);font-size:.95rem;} #packages-list .link.primary{border-bottom-color:rgba(47,209,143,.55);} #packages-list .link:focus-visible{outline:3px solid rgba(47,209,143,.45);outline-offset:3px;border-radius:6px;} #packages-list .package-card.featured{border-color:rgba(47,209,143,.55);} #packages-list .time-note{margin-top:clamp(1.4rem,3vw,2.2rem);border:1px solid var(--q9cal-border);border-radius:var(--radius-lg);background:rgba(23,26,33,.6);padding:clamp(1rem,2vw,1.25rem);} #packages-list .time-title{margin:0 0 .85rem 0;font-family:var(--font-serif);font-size:1.15rem;letter-spacing:-0.02em;color:var(--q9cal-ink);} #packages-list .time-steps{display:flex;gap:clamp(0.9rem,2vw,1.4rem);flex-wrap:wrap;} #packages-list .time-step{display:flex;gap:.8rem;min-width:220px;flex:1;background:rgba(15,17,21,.35);border:1px solid rgba(244,244,242,.1);border-radius:var(--radius-md);padding:.85rem .9rem;} #packages-list .time-num{width:30px;height:30px;border-radius:10px;background:rgba(47,209,143,.16);border:1px solid rgba(47,209,143,.35);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono, monospace);font-size:.95rem;color:var(--q9cal-text);} #packages-list .time-txt{display:flex;flex-direction:column;gap:.15rem;} #packages-list .time-txt strong{font-family:var(--font-sans);font-size:.98rem;color:var(--q9cal-ink);} #packages-list .time-txt span{font-family:var(--font-sans);font-size:.95rem;color:rgba(244,244,242,.9);line-height:1.35;} #packages-list ::selection{background:rgba(47,209,143,.35);color:var(--q9cal-ink);} @media (max-width: 1024px){#packages-list .cards{gap:1rem;}#packages-list .durability{max-width:22ch;}} @media (max-width: 768px){#packages-list .cards{grid-template-columns:1fr;}#packages-list .package-foot{flex-direction:column;align-items:flex-start;}#packages-list .time-step{min-width:0;}} @media (prefers-reduced-motion: reduce){#packages-list *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* q9cal:timeline-selector */ #timeline-selector{--t-bg:var(--q9cal-bg);--t-surface:rgba(23,26,33,0.92);--t-ink:var(--q9cal-ink);--t-muted:var(--q9cal-slate);--t-border:var(--q9cal-border);--t-primary:var(--q9cal-primary);--t-secondary:var(--q9cal-secondary);--t-radius-sm:var(--q9cal-radius-sm,10px);--t-radius-md:var(--q9cal-radius-md,14px);--t-radius-lg:var(--q9cal-radius-lg,18px);padding:clamp(2.5rem,4.5vw,5rem) 0;background:linear-gradient(180deg, rgba(15,17,21,1) 0%, rgba(15,17,21,1) 60%, rgba(15,17,21,1) 100%);color:var(--q9cal-text);} #timeline-selector .timeline-shell{position:relative;} #timeline-selector .timeline-container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);display:grid;grid-template-columns:1.05fr 0.95fr;gap:clamp(1.5rem,3.5vw,3rem);align-items:start;} #timeline-selector .timeline-head{padding:0.1rem 0;} #timeline-selector .timeline-kicker{margin:0 0 0.75rem 0;font:0.875rem/1.2 Verdana, Geneva, Tahoma, sans-serif;letter-spacing:0.02em;color:var(--q9cal-mist);text-transform:none;} #timeline-selector .timeline-title{margin:0 0 1rem 0;font:700 clamp(1.35rem,2.2vw,2.1rem)/1.15 'Trebuchet MS','Segoe UI Semibold',Tahoma,Geneva,sans-serif;letter-spacing:-0.02em;text-wrap:balance;} #timeline-selector .timeline-bullets{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:0.65rem;} #timeline-selector .timeline-bullets li{color:var(--q9cal-slate);font:1rem/1.5 Verdana, Geneva, Tahoma, sans-serif;} #timeline-selector .timeline-controls{background:rgba(23,26,33,0.6);border:1px solid var(--q9cal-border);border-radius:var(--q9cal-radius-lg,18px);padding:1.25rem;box-shadow:0 22px 60px rgba(0,0,0,0.25);} #timeline-selector .timeline-control-group{margin-bottom:1.15rem;} #timeline-selector .timeline-label{margin:0 0 0.65rem 0;color:var(--q9cal-text);font:700 0.95rem/1.25 Verdana,Geneva,Tahoma,sans-serif;} #timeline-selector .chip-row{display:flex;gap:0.6rem;flex-wrap:wrap;} #timeline-selector .chip{appearance:none;border:1px solid var(--q9cal-border);background:rgba(244,244,242,0.06);color:var(--q9cal-text);border-radius:999px;padding:0.6rem 0.85rem;min-height:44px;font:700 0.92rem/1 Verdana,Geneva,Tahoma,sans-serif;cursor:pointer;transition:background 160ms ease,border-color 160ms ease,transform 160ms ease;} #timeline-selector .chip[aria-checked="true"]{background:rgba(47,209,143,0.16);border-color:rgba(47,209,143,0.55);} #timeline-selector .chip:focus-visible{outline:3px solid rgba(47,209,143,0.45);outline-offset:2px;} #timeline-selector .chip:active{transform:translateY(1px);} #timeline-selector .timeline-result{margin-top:1rem;border-top:1px solid rgba(244,244,242,0.12);padding-top:1.05rem;} #timeline-selector .timeline-result-top{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:0.85rem;} #timeline-selector .timeline-result-title{margin:0;color:var(--q9cal-slate);font:700 0.95rem/1.2 Verdana,Geneva,Tahoma,sans-serif;} #timeline-selector .timeline-duration{font-variant-numeric:tabular-nums;letter-spacing:-0.01em;color:var(--q9cal-text);font:800 clamp(1.6rem,2.2vw,2.1rem)/1.15 Verdana,Geneva,Tahoma,sans-serif;} #timeline-selector .timeline-steps{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:1rem;} #timeline-selector .step{display:flex;gap:0.8rem;align-items:flex-start;padding:0.65rem 0.7rem;border-radius:var(--q9cal-radius-md,14px);background:rgba(244,244,242,0.04);border:1px solid rgba(244,244,242,0.10);} #timeline-selector .step-num{flex:0 0 auto;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(47,209,143,0.16);border:1px solid rgba(47,209,143,0.35);color:var(--q9cal-text);font:800 0.9rem/1 Verdana,Geneva,Tahoma,sans-serif;} #timeline-selector .step-title{margin:0 0 0.2rem 0;color:var(--q9cal-text);font:800 0.95rem/1.25 Verdana,Geneva,Tahoma,sans-serif;} #timeline-selector .step-text{margin:0;color:var(--q9cal-slate);font:0.96rem/1.45 Verdana,Geneva,Tahoma,sans-serif;} #timeline-selector .timeline-note{display:flex;gap:0.75rem;align-items:flex-start;padding:0.85rem 0.85rem;border-radius:var(--q9cal-radius-md,14px);background:rgba(244,244,242,0.05);border:1px solid rgba(244,244,242,0.12);} #timeline-selector .timeline-note-badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0.25rem 0.55rem;border-radius:999px;background:rgba(255,176,32,0.16);border:1px solid rgba(255,176,32,0.45);color:var(--q9cal-text);font:800 0.78rem/1 Verdana,Geneva,Tahoma,sans-serif;} #timeline-selector .timeline-note-text{margin:0;color:var(--q9cal-slate);font:0.95rem/1.45 Verdana,Geneva,Tahoma,sans-serif;} #timeline-selector .timeline-actions{display:flex;gap:0.8rem;flex-wrap:wrap;margin-top:0.95rem;} #timeline-selector .ghost-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0.75rem 0.95rem;border-radius:var(--q9cal-radius-md,14px);border:1px solid rgba(244,244,242,0.18);background:transparent;color:var(--q9cal-text);text-decoration:none;font:800 0.95rem/1 Verdana,Geneva,Tahoma,sans-serif;} #timeline-selector .ghost-link:focus-visible{outline:3px solid rgba(47,209,143,0.45);outline-offset:2px;} #timeline-selector .primary-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0.75rem 1.05rem;border-radius:var(--q9cal-radius-md,14px);border:1px solid rgba(47,209,143,0.6);background:rgba(47,209,143,0.18);color:var(--q9cal-text);text-decoration:none;font:900 0.95rem/1 Verdana,Geneva,Tahoma,sans-serif;} #timeline-selector .primary-link:focus-visible{outline:3px solid rgba(47,209,143,0.45);outline-offset:2px;} #timeline-selector .timeline-reassure{max-width:72rem;margin:clamp(1.75rem,3.5vw,3rem) auto 0 auto;padding:0 clamp(1rem,4vw,3rem);} #timeline-selector .timeline-reassure-title{margin:0 0 1rem 0;color:var(--q9cal-slate);font:900 0.98rem/1.3 Verdana,Geneva,Tahoma,sans-serif;} #timeline-selector .timeline-reassure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.9rem;} #timeline-selector .reassure-item{padding:0.9rem 0.95rem;border-radius:var(--q9cal-radius-md,14px);background:rgba(244,244,242,0.03);border:1px solid rgba(244,244,242,0.10);} #timeline-selector .reassure-item-title{margin:0 0 0.35rem 0;color:var(--q9cal-text);font:900 0.95rem/1.25 Verdana,Geneva,Tahoma,sans-serif;} #timeline-selector .reassure-item-text{margin:0;color:var(--q9cal-slate);font:0.95rem/1.45 Verdana,Geneva,Tahoma,sans-serif;} #timeline-selector ::selection{background:rgba(47,209,143,0.28);} @media (prefers-reduced-motion: reduce){#timeline-selector *{scroll-behavior:auto;transition:none !important;animation:none !important;}} @media (max-width: 900px){#timeline-selector .timeline-container{grid-template-columns:1fr;gap:1.2rem;}#timeline-selector .timeline-reassure-grid{grid-template-columns:1fr;}} /* q9cal:outcomes-qualifier */ /* q9cal:outcomes-qualifier */ #outcomes-qualifier.outcomes-qualifier{background:var(--q9cal-bg);color:var(--q9cal-text);padding:clamp(2.25rem,5vw,3.5rem) 0;} #outcomes-qualifier .oq-shell{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #outcomes-qualifier .oq-topline{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;} #outcomes-qualifier .oq-kicker{font-family:var(--font-sans, Verdana, Geneva, Tahoma, sans-serif);font-size:0.95rem;letter-spacing:0.01em;color:var(--q9cal-text);opacity:0.95;} #outcomes-qualifier .oq-pill{font-family:var(--font-sans, Verdana, Geneva, Tahoma, sans-serif);font-size:0.875rem;padding:0.6rem 0.85rem;border:1px solid var(--q9cal-border);border-radius:999px;background:rgba(255,255,255,0.02);color:var(--q9cal-ink);white-space:nowrap;} #outcomes-qualifier .oq-title{font-family:var(--font-serif, 'Trebuchet MS', 'Segoe UI Semibold', Tahoma, Geneva, sans-serif);font-size:clamp(1.7rem,3.2vw,2.35rem);letter-spacing:-0.02em;line-height:1.12;margin:0 0 1.35rem;} #outcomes-qualifier .oq-columns{display:grid;grid-template-columns:1.35fr 0.85fr;gap:clamp(1.25rem,4vw,2.5rem);align-items:start;} #outcomes-qualifier .oq-copy{padding:0;} #outcomes-qualifier .oq-lead{margin:0 0 0.9rem;font-size:1rem;line-height:1.7;color:var(--q9cal-text);} #outcomes-qualifier .oq-paragraph{margin:0 0 1.05rem;font-size:1rem;line-height:1.7;color:var(--q9cal-text);} #outcomes-qualifier .oq-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--q9cal-border);padding-top:1rem;} #outcomes-qualifier .oq-list li{padding:0.65rem 0;border-bottom:1px solid var(--q9cal-border);font-size:0.98rem;line-height:1.55;color:var(--q9cal-text);} #outcomes-qualifier .oq-list li:last-child{border-bottom:none;} #outcomes-qualifier .oq-rail{background:rgba(255,255,255,0.02);border:1px solid var(--q9cal-border);border-radius:var(--radius:14px);padding:1.1rem 1.1rem;position:relative;overflow:hidden;} #outcomes-qualifier .oq-rail-title{margin:0 0 0.85rem;font-family:var(--font-sans, Verdana, Geneva, Tahoma, sans-serif);font-size:1rem;letter-spacing:0.01em;color:var(--q9cal-ink);} #outcomes-qualifier .oq-steps{display:flex;flex-direction:column;gap:0.85rem;} #outcomes-qualifier .oq-step{padding:0.85rem;border-radius:var(--radius:10px);border:1px solid var(--q9cal-border);background:rgba(0,0,0,0.12);} #outcomes-qualifier .oq-step-title{font-family:var(--font-sans, Verdana, Geneva, Tahoma, sans-serif);font-weight:700;margin:0 0 0.35rem;color:var(--q9cal-ink);font-size:0.96rem;} #outcomes-qualifier .oq-step-meta{margin:0 0 0.35rem;color:var(--q9cal-text);font-size:0.92rem;line-height:1.45;} #outcomes-qualifier .oq-step-range{font-variant-numeric:tabular-nums;letter-spacing:0.01em;color:var(--q9cal-ink);font-size:0.95rem;} #outcomes-qualifier .oq-link{display:inline-flex;align-items:center;gap:0.55rem;margin-top:1rem;color:var(--q9cal-ink);text-decoration:none;border:1px solid var(--q9cal-border);background:rgba(255,255,255,0.03);padding:0.85rem 0.95rem;border-radius:var(--radius:10px);font-family:var(--font-sans, Verdana, Geneva, Tahoma, sans-serif);font-weight:700;} #outcomes-qualifier .oq-link:focus-visible{outline:3px solid var(--q9cal-primary);outline-offset:2px;} #outcomes-qualifier .oq-link:hover{border-color:rgba(47,209,143,0.55);} #outcomes-qualifier .oq-footnote{display:flex;align-items:flex-start;gap:0.7rem;margin-top:1.65rem;padding:0.95rem 1rem;border:1px solid var(--q9cal-border);border-radius:var(--radius:14px);background:rgba(255,255,255,0.02);} #outcomes-qualifier .oq-footnote-icon{width:1.5rem;height:1.5rem;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(47,209,143,0.16);border:1px solid rgba(47,209,143,0.45);color:var(--q9cal-ink);flex:0 0 auto;font-weight:900;} #outcomes-qualifier .oq-footnote-text{font-size:0.98rem;line-height:1.6;color:var(--q9cal-text);} #outcomes-qualifier ::selection{background:rgba(47,209,143,0.25);color:var(--q9cal-ink);} @media (prefers-reduced-motion: reduce){#outcomes-qualifier *{scroll-behavior:auto;transition:none !important;animation:none !important;}} @media (max-width: 768px){#outcomes-qualifier .oq-columns{grid-template-columns:1fr;} #outcomes-qualifier .oq-rail{padding:1rem;} #outcomes-qualifier .oq-topline{flex-direction:column;align-items:flex-start;}} /* q9cal:contact-intro */ /* q9cal:contact-intro */ #contact-intro{background:var(--q9cal-bg);color:var(--q9cal-text);padding:clamp(2.5rem,6vw,5rem) 0} #contact-intro .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem)} #contact-intro .intro-wrap{max-width:58rem} #contact-intro .intro-kicker{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-sans);font-size:.875rem;letter-spacing:.02em;color:var(--q9cal-ink);background:rgba(47,209,143,.12);border:1px solid var(--q9cal-border);padding:.5rem .75rem;border-radius:999px;margin-bottom:1rem} #contact-intro .intro-title{font-family:var(--font-serif);font-weight:700;font-size:clamp(2rem,4vw,4rem);letter-spacing:-.02em;line-height:1.05;margin:0 0 1rem;text-wrap:balance} #contact-intro .intro-lead{font-family:var(--font-sans);font-size:1.05rem;line-height:1.6;color:var(--q9cal-slate);margin:0 0 1.75rem;max-width:52ch} #contact-intro .steps{display:grid;grid-template-columns:1fr;gap:1rem;margin:0 0 1.75rem} #contact-intro .step{border:1px solid var(--q9cal-border);background:rgba(23,26,33,.65);border-radius:var(--radius-lg);padding:1rem 1.05rem;box-shadow:0 10px 30px rgba(0,0,0,.18)} #contact-intro .step-title{font-family:var(--font-serif);font-weight:700;font-size:1.05rem;letter-spacing:-.01em;margin-bottom:.35rem;color:var(--q9cal-ink)} #contact-intro .step-text{margin:0;color:var(--q9cal-slate);font-family:var(--font-sans);line-height:1.55} #contact-intro .service-time{border-top:1px solid var(--q9cal-border);padding-top:1.25rem} #contact-intro .service-time-title{font-family:var(--font-serif);font-weight:700;font-size:1.15rem;margin-bottom:.6rem;color:var(--q9cal-ink)} #contact-intro .service-time-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem} #contact-intro .service-time-list li{font-family:var(--font-sans);color:var(--q9cal-slate);display:flex;align-items:flex-start;gap:.7rem;line-height:1.45} #contact-intro .bullet{width:.55rem;height:.55rem;border-radius:50%;margin-top:.35rem;background:var(--q9cal-primary);flex:0 0 auto;box-shadow:0 0 0 4px rgba(47,209,143,.12)} #contact-intro .service-time-note{margin:.9rem 0 0;color:var(--q9cal-slate);font-family:var(--font-sans);line-height:1.55} #contact-intro .cta-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem} #contact-intro .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:var(--radius-md);padding:.85rem 1.1rem;font-family:var(--font-sans);font-weight:700;font-size:1rem;min-height:44px;gap:.6rem} #contact-intro .btn:focus-visible{outline:3px solid rgba(47,209,143,.45);outline-offset:2px} #contact-intro .btn-primary{background:var(--q9cal-primary);color:rgba(15,17,21,.98);border:1px solid rgba(47,209,143,.35);box-shadow:0 16px 40px rgba(47,209,143,.18)} #contact-intro .btn-primary:hover{filter:brightness(1.03)} #contact-intro .btn-outline{background:rgba(23,26,33,.45);color:var(--q9cal-ink);border:1px solid var(--q9cal-border);box-shadow:none} #contact-intro .btn-outline:hover{border-color:rgba(47,209,143,.55)} #contact-intro .btn:disabled{opacity:.6;cursor:not-allowed} #contact-intro .btn-outline:disabled{border-color:var(--q9cal-border)} #contact-intro *::selection{background:rgba(47,209,143,.35);color:var(--q9cal-ink)} @media (min-width: 900px){ #contact-intro .steps{grid-template-columns:repeat(3,1fr);gap:1.15rem} #contact-intro .service-time{grid-column:1/-1} #contact-intro .intro-wrap{display:block} } @media (prefers-reduced-motion: reduce){ #contact-intro .step,#contact-intro .btn{transition:none !important} } /* q9cal:contact-form */ /* q9cal:contact-form */ #contact-form.contact-form{background:var(--q9cal-bg);color:var(--q9cal-text);padding:clamp(2.5rem,4.8vw,4.5rem) 0;} #contact-form .contact-form__inner{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);display:grid;grid-template-columns:1.05fr 0.95fr;gap:clamp(1.25rem,3.5vw,2.5rem);align-items:start;} #contact-form .contact-form__title{font-family:var(--font-serif, Verdana);font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.1;letter-spacing:-0.02em;margin:0 0 0.8rem;} #contact-form .contact-form__lead{margin:0 0 1rem;color:rgba(244,244,242,0.95);font-size:1rem;line-height:1.6;} #contact-form .contact-form__list{margin:0 0 1.15rem;padding-left:1.15rem;color:rgba(244,244,242,0.92);} #contact-form .contact-form__list li{margin:0.45rem 0;line-height:1.5;} #contact-form .contact-form__fine{margin:0;color:var(--q9cal-slate);font-size:0.875rem;line-height:1.5;} #contact-form .contact-form__panel{background:rgba(23,26,33,0.96);border:1px solid var(--q9cal-border);border-radius:var(--radius-lg,18px);padding:clamp(1.25rem,2.2vw,2rem);box-shadow:0 18px 55px rgba(0,0,0,0.35);} #contact-form .quote{display:flex;flex-direction:column;gap:1rem;} #contact-form .field-row{display:grid;grid-template-columns:1fr 1fr;gap:0.95rem;} #contact-form .field{display:flex;flex-direction:column;gap:0.45rem;} #contact-form .field__label{font-size:0.9rem;color:rgba(244,244,242,0.95);font-weight:600;} #contact-form input[type="text"],#contact-form input[type="tel"],#contact-form input[type="email"],#contact-form input[type="date"],#contact-form select,#contact-form textarea{width:100%;border-radius:var(--radius-md,14px);border:1px solid var(--q9cal-border);background:rgba(15,17,21,0.7);color:var(--q9cal-text);padding:0.85rem 0.95rem;font-family:var(--font-sans, Verdana);font-size:1rem;line-height:1.3;} #contact-form textarea{resize:vertical;min-height:120px;} #contact-form input::placeholder,#contact-form textarea::placeholder{color:rgba(244,244,242,0.55);} #contact-form .field__hint{margin-top:0.35rem;color:var(--q9cal-slate);font-size:0.875rem;line-height:1.45;} #contact-form input:focus-visible,#contact-form select:focus-visible,#contact-form textarea:focus-visible{outline:2px solid rgba(47,209,143,0.55);outline-offset:2px;} #contact-form .field--consent .field__label{margin-bottom:0.1rem;} #contact-form .consent{display:flex;gap:0.7rem;align-items:flex-start;} #contact-form .consent input{margin-top:0.18rem;width:18px;height:18px;accent-color:var(--q9cal-primary);} #contact-form .consent__text{color:rgba(244,244,242,0.92);line-height:1.45;font-size:0.95rem;} #contact-form .actions{display:flex;flex-direction:column;gap:0.75rem;margin-top:0.3rem;} #contact-form .btn{min-height:44px;border-radius:var(--radius-md,14px);border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;padding:0.8rem 1rem;font-weight:700;cursor:pointer;} #contact-form .btn--primary{background:var(--q9cal-primary);color:#08120d;border-color:rgba(0,0,0,0.08);} #contact-form .btn--primary:hover{background:#27c983;} #contact-form .btn--primary:active{background:#21b775;} #contact-form .btn--primary:disabled{opacity:0.6;cursor:not-allowed;} #contact-form .actions__note{margin:0;color:var(--q9cal-slate);font-size:0.875rem;line-height:1.4;} #contact-form ::selection{background:rgba(47,209,143,0.35);} @media (max-width: 900px){#contact-form .contact-form__inner{grid-template-columns:1fr;}} @media (max-width: 640px){#contact-form .field-row{grid-template-columns:1fr;}#contact-form .contact-form__panel{padding:1.1rem;}} @media (prefers-reduced-motion: reduce){#contact-form *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* q9cal:what-happens-next */ /* q9cal:what-happens-next */ #what-happens-next{background:var(--q9cal-bg);color:var(--q9cal-text);padding:var(--sec-pad,clamp(2.5rem,6vw,7rem)) var(--sec-gutter,clamp(1rem,4vw,3rem));} #what-happens-next .shell{max-width:72rem;margin:0 auto;display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(1rem,3vw,2rem);align-items:start;} #what-happens-next .copy{padding:0;} #what-happens-next .kicker{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:0.875rem;letter-spacing:0.02em;color:var(--q9cal-slate);text-transform:none;margin-bottom:.75rem;} #what-happens-next .title{font-family:Verdana,Geneva,Tahoma,sans-serif;font-weight:700;letter-spacing:-0.02em;line-height:1.08;font-size:clamp(1.6rem,3.2vw,2.5rem);margin:0 0 1rem;} #what-happens-next .lead{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:1rem;line-height:1.6;color:var(--q9cal-ink);margin:0 0 1.25rem;max-width:54ch;} #what-happens-next .steps{list-style:none;padding:0;margin:0;display:grid;gap:1rem;} #what-happens-next .step{display:flex;gap:0.9rem;align-items:flex-start;padding:1rem;border:1px solid var(--q9cal-border);background:rgba(23,26,33,.35);border-radius:var(--q9cal-radius-md,14px);} #what-happens-next .step-no{width:3rem;flex:0 0 3rem;height:2.25rem;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(47,209,143,.14);color:var(--q9cal-text);font-weight:700;font-family:Verdana,Geneva,Tahoma,sans-serif;letter-spacing:0.02em;} #what-happens-next .step-title{display:block;font-size:1rem;margin:0 0 .35rem;font-family:Verdana,Geneva,Tahoma,sans-serif;} #what-happens-next .step-text{margin:0;font-size:.95rem;line-height:1.55;color:var(--q9cal-ink);} #what-happens-next .qualifiers{margin-top:1.2rem;padding:1rem;border-radius:var(--q9cal-radius-md,14px);border:1px solid var(--q9cal-border);background:rgba(47,209,143,.08);} #what-happens-next .qualifier{margin:0 0 .6rem;color:var(--q9cal-ink);line-height:1.5;font-size:.95rem;} #what-happens-next .qualifier:last-child{margin-bottom:0;} #what-happens-next .cta-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.25rem;align-items:center;} #what-happens-next .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.85rem 1rem;border-radius:var(--q9cal-radius-sm,10px);border:1px solid var(--q9cal-primary);background:var(--q9cal-primary);color:#06120c;text-decoration:none;font-family:Verdana,Geneva,Tahoma,sans-serif;font-weight:700;} #what-happens-next .btn-ghost{background:transparent;color:var(--q9cal-text);border-color:var(--q9cal-border);} #what-happens-next .btn:focus-visible{outline:3px solid rgba(47,209,143,.45);outline-offset:2px;} #what-happens-next .btn:hover{filter:brightness(1.03);} #what-happens-next .fineprint{margin-top:1.25rem;padding:1rem;border:1px solid var(--q9cal-border);border-radius:var(--q9cal-radius-md,14px);background:rgba(244,244,242,.06);} #what-happens-next .fineprint-title{font-weight:700;margin-bottom:.5rem;font-family:Verdana,Geneva,Tahoma,sans-serif;} #what-happens-next .fineprint-list{list-style:none;padding:0;margin:0;display:grid;gap:.55rem;} #what-happens-next .dot{color:var(--q9cal-secondary);margin-right:.35rem;} #what-happens-next .aside{display:flex;flex-direction:column;gap:1rem;} #what-happens-next .panel{border:1px solid var(--q9cal-border);background:rgba(23,26,33,.45);border-radius:var(--q9cal-radius-lg,18px);padding:1.1rem;} #what-happens-next .panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem;} #what-happens-next .panel-chip{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--q9cal-text);background:rgba(255,176,32,.14);border:1px solid rgba(255,176,32,.25);padding:.35rem .6rem;border-radius:999px;} #what-happens-next .panel-chip-accent{background:rgba(47,209,143,.14);border-color:rgba(47,209,143,.25);} #what-happens-next .panel-icon{opacity:.95;font-size:1.1rem;} #what-happens-next .timeline{list-style:none;padding:0;margin:0;display:grid;gap:.85rem;} #what-happens-next .timeline li{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.65rem .7rem;border-radius:12px;border:1px dashed rgba(244,244,242,.18);background:rgba(244,244,242,.04);} #what-happens-next .t-label{font-size:.92rem;color:var(--q9cal-ink);font-family:Verdana,Geneva,Tahoma,sans-serif;} #what-happens-next .t-value{font-size:.95rem;color:var(--q9cal-text);font-family:Verdana,Geneva,Tahoma,sans-serif;font-weight:800;letter-spacing:0.01em;font-variant-numeric:tabular-nums;} #what-happens-next .panel-text{margin:.9rem 0 0;line-height:1.55;color:var(--q9cal-ink);font-size:.95rem;} #what-happens-next ::selection{background:rgba(47,209,143,.28);color:var(--q9cal-text);} @media (max-width:1024px){#what-happens-next .shell{grid-template-columns:1fr;}} @media (prefers-reduced-motion:reduce){#what-happens-next *{scroll-behavior:auto;}} /* q9cal:contact-details */ /* q9cal:contact-details */ #contact-details{--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--shadow:0 18px 40px rgba(0,0,0,.35);--shadow-soft:0 10px 30px rgba(0,0,0,.22);background:var(--q9cal-bg);color:var(--q9cal-text);padding:clamp(2.25rem,5vw,4.25rem) 0;} #contact-details .contact-details-shell{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #contact-details .contact-details-header{max-width:46rem;margin-bottom:clamp(1.5rem,3.5vw,2.25rem);} #contact-details .contact-details-kicker{display:inline-flex;align-items:center;gap:.6rem;font:700 0.875rem/1.2 var(--font-sans,Verdana,Geneva,Tahoma,sans-serif);letter-spacing:.02em;text-transform:uppercase;color:var(--q9cal-ink);opacity:.95;} #contact-details .contact-details-title{margin:.6rem 0 .9rem;font:700 clamp(1.6rem,3vw,2.4rem)/1.15 "Trebuchet MS",Segoe UI Semibold,Tahoma,Geneva,sans-serif;letter-spacing:-.02em;text-wrap:balance;} #contact-details .contact-details-subtitle{margin:0;font:400 1rem/1.65 var(--font-sans,Verdana,Geneva,Tahoma,sans-serif);color:var(--q9cal-slate);max-width:52ch;} #contact-details .contact-details-grid{display:grid;grid-template-columns:1fr;gap:1rem;align-items:stretch;} #contact-details .contact-method{background:rgba(23,26,33,.78);border:1px solid var(--q9cal-border);border-radius:var(--radius-lg);padding:1.2rem 1.25rem;box-shadow:var(--shadow-soft);} #contact-details .contact-method-label{font:700 0.875rem/1.2 var(--font-sans,Verdana,Geneva,Tahoma,sans-serif);color:var(--q9cal-ink);opacity:.95;margin-bottom:.65rem;} #contact-details .contact-method-value{display:inline-block;font:700 1.25rem/1.35 var(--font-sans,Verdana,Geneva,Tahoma,sans-serif);color:var(--q9cal-text);text-decoration:none;} #contact-details .contact-method-note{margin:.65rem 0 0;font:400 .95rem/1.5 var(--font-sans,Verdana,Geneva,Tahoma,sans-serif);color:var(--q9cal-slate);} #contact-details .contact-method-value:focus-visible,#contact-details .contact-cta-link:focus-visible{outline:3px solid var(--q9cal-primary);outline-offset:3px;border-radius:var(--radius-sm);} #contact-details .contact-method-value:hover{color:var(--q9cal-text);} #contact-details .contact-cta{position:relative;overflow:hidden;} #contact-details .contact-cta::before{content:"";position:absolute;inset:-1px auto auto -1px;width:10px;background:var(--q9cal-primary);opacity:.95;} #contact-details .contact-cta-text{font:400 1rem/1.65 var(--font-sans,Verdana,Geneva,Tahoma,sans-serif);color:var(--q9cal-slate);margin:0 0 .9rem;max-width:60ch;} #contact-details .contact-cta-link{display:inline-flex;align-items:center;gap:.6rem;font:700 1rem/1.2 var(--font-sans,Verdana,Geneva,Tahoma,sans-serif);color:var(--q9cal-text);text-decoration:none;border:1px solid var(--q9cal-border);background:rgba(23,26,33,.55);border-radius:var(--radius-md);padding:.8rem 1rem;} #contact-details .contact-cta-link:hover{border-color:rgba(47,209,143,.55);box-shadow:0 0 0 4px rgba(47,209,143,.12);} #contact-details .durability-qualifier{margin-top:1.2rem;display:flex;align-items:flex-start;gap:.85rem;padding:1rem 1.05rem;border-radius:var(--radius-md);border:1px solid rgba(47,209,143,.35);background:rgba(47,209,143,.08);} #contact-details .durability-dot{width:12px;height:12px;border-radius:50%;background:var(--q9cal-primary);margin-top:.35rem;flex:0 0 12px;box-shadow:0 0 0 4px rgba(47,209,143,.15);} #contact-details .durability-text{margin:0;font:400 .95rem/1.65 var(--font-sans,Verdana,Geneva,Tahoma,sans-serif);color:rgba(244,244,242,.92);} #contact-details ::selection{background:rgba(47,209,143,.35);color:var(--q9cal-text);} @media (min-width: 640px){ #contact-details .contact-details-grid{grid-template-columns:1fr 1fr;} #contact-details .contact-cta{grid-column:1 / -1;} } @media (min-width: 1024px){ #contact-details .contact-details-grid{grid-template-columns:1fr 1fr 1.2fr;gap:1.25rem;} #contact-details .contact-cta{grid-column:auto;} } @media (prefers-reduced-motion: reduce){ #contact-details *{scroll-behavior:auto;} } html,body{height:100%}body{margin:0;background:var(--q9cal-bg);color:var(--q9cal-text);font-family:var(--q9cal-font);line-height:1.5}*{box-sizing:border-box}a{color:var(--q9cal-primary);text-decoration:underline}a:hover{text-decoration:none}.policy-page{padding:24px 16px}.policy-container{max-width:980px;margin:0 auto;padding:18px 18px 24px;border:1px solid var(--q9cal-border);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(23,26,33,0.98),rgba(23,26,33,0.88))}.policy-title{font-size:28px;line-height:1.2;margin:0 0 10px;font-family:var(--q9cal-font-display);letter-spacing:0.2px}.policy-lead{margin:0 0 18px;color:var(--q9cal-slate);font-size:15px}.policy-section{margin:18px 0}.policy-section-title{margin:0 0 10px;font-size:18px;font-family:var(--q9cal-font-display)}.policy-list{margin:0;padding-left:18px}.policy-list-item{margin:8px 0;color:var(--q9cal-text)}.policy-note{margin:10px 0 0;color:var(--q9cal-slate);font-size:14px}.policy-text{margin:0 0 12px;color:var(--q9cal-text)}.policy-strong{margin:0 0 8px;font-weight:700}.policy-card{padding:14px 14px;border:1px solid var(--q9cal-border);border-radius:var(--radius-md);background:rgba(244,244,242,0.04)}.policy-contacts .policy-card{margin-top:6px}.policy-footer{margin-top:22px;padding-top:14px;border-top:1px solid var(--q9cal-border)}.policy-small{margin:0;color:var(--q9cal-slate);font-size:13px} /* Design-system variables */ :root{ --q9cal-primary:#2FD18F; --q9cal-secondary:#FFB020; --q9cal-accent:#2FD18F; --q9cal-ink:#F4F4F2; --q9cal-slate:rgba(244,244,242,0.72); --q9cal-mist:rgba(244,244,242,0.14); --q9cal-border:rgba(244,244,242,0.14); --q9cal-surface:#171A21; --q9cal-bg:#0F1115; --q9cal-text:#F4F4F2; --q9cal-font:Verdana, Geneva, Tahoma, sans-serif; --q9cal-font-display:'Trebuchet MS', 'Segoe UI Semibold', Tahoma, Geneva, sans-serif; } .policy-page{ min-height:100vh; background:var(--q9cal-bg); color:var(--q9cal-text); font-family:var(--q9cal-font); line-height:1.55; padding:24px 16px; } .policy-container{ margin:0 auto; max-width:980px; } .policy-header{ background:linear-gradient(180deg, rgba(47,209,143,0.10), rgba(47,209,143,0.00)); border:1px solid var(--q9cal-border); border-radius:var(--radius-lg); padding:20px 18px; box-shadow:0 10px 30px rgba(0,0,0,0.25); } .policy-title{ margin:0 0 8px 0; font-family:var(--q9cal-font-display); font-size:28px; letter-spacing:0.2px; } .policy-lead{ margin:0; color:var(--q9cal-slate); font-size:14.5px; } .policy-section{ margin-top:16px; border:1px solid var(--q9cal-border); border-radius:var(--radius-lg); background:rgba(23,26,33,0.6); padding:16px 18px; } .policy-h2{ margin:0 0 10px 0; font-size:16.5px; font-family:var(--q9cal-font-display); } .policy-p{ margin:0 0 10px 0; font-size:14.5px; color:var(--q9cal-text); } .policy-small{ font-size:12.5px; color:var(--q9cal-slate); margin:0; } .policy-list{ margin:0; padding-left:20px; } .policy-li{ margin:0 0 8px 0; font-size:14.5px; color:var(--q9cal-text); } .policy-strong{ font-weight:700; } .policy-link{ color:var(--q9cal-primary); text-decoration:none; border-bottom:1px solid rgba(47,209,143,0.35); } .policy-link:hover{ border-bottom-color:rgba(47,209,143,0.9); } .policy-footer{ margin-top:16px; display:block; } .policy-footer-card{ border:1px solid var(--q9cal-border); border-radius:var(--radius-lg); background:rgba(23,26,33,0.6); padding:16px 18px; } .policy-footer-title{ margin:0 0 10px 0; font-family:var(--q9cal-font-display); font-size:16px; } .policy-footer-note{ margin-top:10px; padding-left:2px; } @media (max-width: 520px){ .policy-header{padding:18px 14px;} .policy-section{padding:14px 14px;} .policy-title{font-size:24px;} } .thanks-page{background:var(--q9cal-bg);color:var(--q9cal-text);min-height:100vh;padding:24px 16px;font-family:var(--q9cal-font)} .thanks-container{max-width:920px;margin:0 auto;padding:18px;border:1px solid var(--q9cal-border);border-radius:var(--radius-lg);background:linear-gradient(180deg, rgba(23,26,33,0.92), rgba(15,17,21,0.92))} .thanks-header{padding:16px 16px 10px 16px} .thanks-badge{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(47,209,143,0.14);border:1px solid rgba(47,209,143,0.35);color:var(--q9cal-primary);font-weight:700;letter-spacing:0.2px} .thanks-title{margin:12px 0 6px 0;font-family:var(--q9cal-font-display);font-size:34px;line-height:1.1} .thanks-lead{margin:0;max-width:720px;color:var(--q9cal-slate);font-size:16px;line-height:1.55} .thanks-details,.thanks-legal,.thanks-disputes{padding:14px 16px;margin:10px 0;border-top:1px solid var(--q9cal-border)} .thanks-subtitle{margin:0 0 10px 0;font-size:18px;line-height:1.25} .thanks-grid{display:block} .thanks-item{padding:10px 0;border-bottom:1px dashed var(--q9cal-border)} .thanks-item:last-child{border-bottom:none} .thanks-label{font-size:12px;letter-spacing:0.02em;color:var(--q9cal-mist);text-transform:none;margin-bottom:3px} .thanks-value{font-size:15px;line-height:1.45;color:var(--q9cal-text)} .thanks-link{color:var(--q9cal-primary);text-decoration:none;border-bottom:1px solid rgba(47,209,143,0.35)} .thanks-link:hover{color:#7CFFC9;border-bottom-color:rgba(124,255,201,0.6)} .thanks-list{margin:10px 0 0 18px;padding:0} .thanks-list li{margin:10px 0;line-height:1.55;color:var(--q9cal-text)} .thanks-list-title{color:var(--q9cal-secondary);font-weight:700} .thanks-legal-ref{color:var(--q9cal-text);background:rgba(244,244,242,0.06);padding:2px 6px;border-radius:10px;border:1px solid var(--q9cal-border)} .thanks-legal-note,.thanks-paragraph{margin:10px 0 0 0;color:var(--q9cal-slate);line-height:1.6} .thanks-footer{padding:14px 16px 6px 16px;border-top:1px solid var(--q9cal-border)} .thanks-footnote{margin:0;color:var(--q9cal-slate);line-height:1.6} .thanks-brand{margin-top:10px;color:rgba(244,244,242,0.9);font-weight:700;letter-spacing:0.2px} @media (min-width:860px){.thanks-container{padding:22px}.thanks-grid{display:grid;grid-template-columns:1fr 1fr}.thanks-item{border-bottom:none;border-right:1px dashed var(--q9cal-border)}.thanks-item:nth-child(2n){border-right:none}} section[data-q9cal-yr5]:not([data-q9cal-yr5='header']):not([data-q9cal-yr5='footer']) { position: relative; } section[data-q9cal-yr5]:not([data-q9cal-yr5='header']):not([data-q9cal-yr5='footer']) { border-top: 1px solid var(--q9cal-border); } section[data-q9cal-yr5]:not([data-q9cal-yr5='header']) h1,section[data-q9cal-yr5]:not([data-q9cal-yr5='header']) h2 { max-width: 20ch; letter-spacing: -0.035em; } section[data-q9cal-yr5]:nth-of-type(even)::before { content: ''; position: absolute; top: 0; left: 0; width: 5rem; border-top: 3px solid var(--q9cal-accent); } :root { --q9cal-c-content-width: 72rem; --q9cal-c-gutter: clamp(1rem, 4vw, 3rem); --q9cal-c-measure: 65ch; --q9cal-c-heading-display: clamp(2.5rem, 6vw, 5.5rem); } [data-q9cal-dr] { scroll-margin-top: 1.5rem; } main > section, main [data-q9cal-yr5] { padding-inline: var(--q9cal-c-gutter); } [data-q9cal-dr*='article'], [data-q9cal-dr*='review'] { max-width: var(--q9cal-c-measure); } h1 { font-size: var(--q9cal-c-heading-display); } @media (max-width: 768px) { [data-q9cal-dr] { min-width: 0; } }