/* vanilla base reset (no framework) */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: var(--q8pywr9q-font, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif); line-height: 1.5; color: var(--q8pywr9q-ink, #111); background: var(--q8pywr9q-bg, #fff); } h1, h2, h3, h4, h5, h6 { font-family: var(--q8pywr9q-font-display, var(--q8pywr9q-font, system-ui, sans-serif)); } img, svg, video, canvas { max-width: 100%; height: auto; } a { color: inherit; } *:focus-visible { outline: 2px solid var(--q8pywr9q-primary, #2563eb); outline-offset: 2px; } /* visibility shim for framework toggles */ .hidden { display: none !important; } /* design tokens */ :root { --q8pywr9q-primary: #0F766E; --q8pywr9q-secondary: #D97706; --q8pywr9q-accent: #0F766E; --q8pywr9q-ink: #0B1220; --q8pywr9q-slate: #374151; --q8pywr9q-mist: #E6F2F0; --q8pywr9q-border: #D1D5DB; --q8pywr9q-surface: #FFFFFF; --q8pywr9q-bg: #F3F4F6; --q8pywr9q-text: #0F172A; --q8pywr9q-font: 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif; --q8pywr9q-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-q8pywr9q-ui="cookie-banner"] { position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 9999; margin: 0 auto; max-width: 56rem; border: 1px solid var(--q8pywr9q-border, #e5e7eb); background: var(--q8pywr9q-surface, #fff); border-radius: 1rem; padding: 1rem; box-shadow: 0 10px 30px rgba(0,0,0,.15); } [data-q8pywr9q-ui="cookie-banner"] > div { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-start; justify-content: space-between; } [data-q8pywr9q-ui="cookie-banner"] > div > div:last-child { display: flex; flex-wrap: wrap; gap: .5rem; } [data-q8pywr9q-ui="cookie-banner"] a { text-decoration: underline; } [data-q8pywr9q-cs-action], [data-q8pywr9q-ag-action] { cursor: pointer; border-radius: .5rem; padding: .5rem .9rem; font-size: .8rem; border: 1px solid var(--q8pywr9q-border, #d1d5db); background: transparent; color: var(--q8pywr9q-ink, #111); } [data-q8pywr9q-cs-action="accept-all"], [data-q8pywr9q-cs-action="save"], [data-q8pywr9q-ag-action="confirm"] { background: var(--q8pywr9q-primary, #2563eb); color: #fff; border-color: transparent; font-weight: 600; } [data-q8pywr9q-cs-action="reject-all"] { background: var(--q8pywr9q-ink, #111); color: #fff; border-color: transparent; font-weight: 600; } [data-q8pywr9q-cs-panel] { margin-top: 1rem; border: 1px solid var(--q8pywr9q-border, #e5e7eb); background: var(--q8pywr9q-surface, #fff); border-radius: .75rem; padding: 1rem; font-size: .875rem; } [data-q8pywr9q-cs-panel] > div { display: flex; flex-wrap: wrap; gap: .75rem; } [data-q8pywr9q-ui="cookie-banner"] label { display: inline-flex; align-items: center; gap: .5rem; } [data-q8pywr9q-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-q8pywr9q-ui="age-gate-overlay"] > div { width: 100%; max-width: 28rem; margin: 0 1rem; background: var(--q8pywr9q-surface, #1a1a2e); color: var(--q8pywr9q-ink, #fff); border-radius: 1rem; padding: 2rem; text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,.4); } [data-q8pywr9q-ui="age-gate-overlay"] > div > div:last-of-type { display: flex; flex-direction: column; gap: .75rem; } [data-q8pywr9q-ag-action] { padding: .75rem 1.5rem; } /* sections */ /* q8pywr9q:header */ /* q8pywr9q:header */ #header{--h-pad:clamp(1rem,3vw,2rem);--header-h:72px;position:sticky;top:0;z-index:50;background:rgba(243,244,246,.9);backdrop-filter:saturate(120%);-webkit-backdrop-filter:saturate(120%);border-bottom:1px solid rgba(209,213,219,.8)} #header:focus-within{box-shadow:0 0 0 4px rgba(15,118,110,.18)} #header .header-shell{max-width:72rem;margin:0 auto;padding:0 var(--h-pad);height:var(--header-h);display:flex;align-items:center;gap:1.25rem} #header .brand{display:flex;align-items:center;gap:.7rem;min-width:160px;text-decoration:none;color:var(--q8pywr9q-ink)} #header .brand:focus-visible{outline:3px solid rgba(15,118,110,.45);outline-offset:3px;border-radius:10px} #header .brand-mark{width:34px;height:34px;border-radius:10px;background:var(--q8pywr9q-mist);border:1px solid var(--q8pywr9q-border);display:inline-flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:-.02em;color:var(--q8pywr9q-primary);font-family:var(--font-family-sans)} #header .brand-name{font-weight:800;letter-spacing:-.02em;font-size:1.05rem} #header .nav{display:flex;align-items:center;gap:1.25rem;flex:1} #header .nav-link{color:var(--q8pywr9q-slate);text-decoration:none;font-size:.95rem;padding:.5rem .6rem;border-radius:10px;border:1px solid transparent} #header .nav-link:hover{border-color:rgba(209,213,219,.9);background:rgba(255,255,255,.6)} #header .nav-link:focus-visible{outline:3px solid rgba(15,118,110,.35);outline-offset:2px} #header .header-actions{display:flex;align-items:center;gap:.75rem} #header .link-cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;color:var(--q8pywr9q-ink);background:var(--q8pywr9q-surface);border:1px solid rgba(15,118,110,.35);padding:.62rem .9rem;border-radius:12px;white-space:nowrap} #header .link-cta:hover{background:rgba(230,242,240,.85)} #header .link-cta:focus-visible{outline:3px solid rgba(15,118,110,.42);outline-offset:2px} #header .menu-toggle{display:none;min-height:44px;padding:.62rem .85rem;border-radius:12px;border:1px solid var(--q8pywr9q-border);background:var(--q8pywr9q-surface);color:var(--q8pywr9q-ink);font-weight:700;cursor:pointer} #header .menu-toggle:focus-visible{outline:3px solid rgba(15,118,110,.42);outline-offset:2px} #header .mobile-menu{display:none;position:absolute;right:var(--h-pad);top:calc(var(--header-h) - 6px);width:min(340px,calc(100vw - 2*var(--h-pad)));background:var(--q8pywr9q-surface);border:1px solid rgba(209,213,219,.95);border-radius:16px;box-shadow:0 14px 40px rgba(11,18,32,.12);padding:.6rem;flex-direction:column;gap:.35rem} #header .mobile-nav-link,#header .mobile-cta{display:block;text-decoration:none;padding:.7rem .85rem;border-radius:12px;color:var(--q8pywr9q-slate);border:1px solid transparent;font-weight:650} #header .mobile-nav-link:hover{border-color:rgba(209,213,219,.9);background:rgba(243,244,246,.8)} #header .mobile-nav-link:focus-visible{outline:3px solid rgba(15,118,110,.35);outline-offset:2px} #header .mobile-cta{margin-top:.25rem;color:var(--q8pywr9q-ink);background:rgba(230,242,240,.9);border-color:rgba(15,118,110,.35);font-weight:800} #header .mobile-cta:focus-visible{outline:3px solid rgba(15,118,110,.42);outline-offset:2px} #header .menu-toggle[aria-expanded="true"]{border-color:rgba(15,118,110,.55);background:rgba(230,242,240,.75)} #header ::selection{background:rgba(15,118,110,.18)} @media (prefers-reduced-motion:reduce){#header *{scroll-behavior:auto;transition:none !important;animation:none !important}} @media (max-width:800px){#header .nav{display:none}#header .menu-toggle{display:inline-flex}#header .mobile-menu{display:none}} @media (max-width:640px){#header .header-shell{padding:0 1rem;height:66px}#header .mobile-menu{right:1rem;top:calc(66px - 6px)}} /* q8pywr9q:footer */ /* q8pywr9q:footer */ #footer.footer{background:var(--q8pywr9q-bg);border-top:1px solid var(--q8pywr9q-border);color:var(--q8pywr9q-ink);padding:clamp(2.25rem,6vw,4rem) 0;} #footer.footer .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #footer.footer .footer-top{display:grid;grid-template-columns:1.2fr 1fr 0.9fr 0.9fr;gap:clamp(1.25rem,3vw,2.5rem);align-items:start;} #footer.footer .brand{display:flex;gap:0.9rem;align-items:flex-start;} #footer.footer .brand-mark{width:44px;height:44px;border-radius:var(--radius-sm,8px);background:var(--q8pywr9q-primary);color:var(--q8pywr9q-surface);display:flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:-0.02em;font-size:1.25rem;flex:0 0 auto;} #footer.footer .brand-name{font-family:var(--font-serif,inherit);font-size:1.25rem;font-weight:800;line-height:1.2;} #footer.footer .brand-sub{margin-top:0.35rem;font-size:0.95rem;color:var(--q8pywr9q-slate);line-height:1.5;max-width:22rem;} #footer.footer .contact-title,#footer.footer .links-title{font-weight:800;font-size:0.95rem;margin-bottom:0.8rem;} #footer.footer .contact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.55rem;} #footer.footer .contact-link{color:var(--q8pywr9q-ink);text-decoration:none;border-bottom:1px solid transparent;} #footer.footer .contact-link:focus-visible{outline:3px solid color-mix(in srgb, var(--q8pywr9q-primary) 45%, white);outline-offset:3px;border-bottom-color:var(--q8pywr9q-border);border-radius:6px;} #footer.footer .contact-link:hover{border-bottom-color:var(--q8pywr9q-border);} #footer.footer .contact-address{color:var(--q8pywr9q-slate);line-height:1.5;} #footer.footer .links-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.55rem;} #footer.footer .links-list a{color:var(--q8pywr9q-ink);text-decoration:none;border-bottom:1px solid transparent;} #footer.footer .links-list a:focus-visible{outline:3px solid color-mix(in srgb, var(--q8pywr9q-primary) 45%, white);outline-offset:3px;border-bottom-color:var(--q8pywr9q-border);border-radius:6px;} #footer.footer .links-list a:hover{border-bottom-color:var(--q8pywr9q-border);} #footer.footer .footer-bottom{margin-top:clamp(1.75rem,4vw,2.5rem);padding-top:clamp(1rem,2vw,1.5rem);border-top:1px solid var(--q8pywr9q-border);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;} #footer.footer .copy{color:var(--q8pywr9q-slate);font-size:0.9rem;} #footer.footer .meta-link{color:var(--q8pywr9q-ink);text-decoration:none;border-bottom:1px solid transparent;font-size:0.9rem;} #footer.footer .meta-link:focus-visible{outline:3px solid color-mix(in srgb, var(--q8pywr9q-primary) 45%, white);outline-offset:3px;border-bottom-color:var(--q8pywr9q-border);border-radius:6px;} #footer.footer .meta-link:hover{border-bottom-color:var(--q8pywr9q-border);} #footer.footer ::selection{background:color-mix(in srgb, var(--q8pywr9q-primary) 25%, white);} @media (max-width: 960px){#footer.footer .footer-top{grid-template-columns:1fr 1fr;}} @media (max-width: 640px){#footer.footer .footer-top{grid-template-columns:1fr;gap:1.25rem;}#footer.footer .brand{gap:0.75rem;}#footer.footer .brand-sub{max-width:none;}} @media (prefers-reduced-motion: reduce){#footer.footer *{scroll-behavior:auto;}} /* q8pywr9q:hero */ /* q8pywr9q:hero */ #hero{background:var(--q8pywr9q-bg);padding:clamp(1.75rem,4.5vw,4rem) 0 clamp(1.5rem,4.5vw,3.5rem);color:var(--q8pywr9q-text);} #hero .hero-container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #hero .hero-grid{display:grid;grid-template-columns:1fr;gap:2.25rem;align-items:start;} #hero .hero-title{font-family:var(--font-serif, serif);font-weight:760;letter-spacing:-0.02em;line-height:1.04;font-size:clamp(2.2rem,5.2vw,3.9rem);margin:0 0 1rem;} #hero .hero-subhead{font-size:1.05rem;line-height:1.6;margin:0 0 1.25rem;color:var(--q8pywr9q-text);max-width:42rem;} #hero .hero-cta-row{display:flex;align-items:center;gap:1rem;margin:0 0 1rem;} #hero .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1.15rem;border-radius:var(--radius-md,12px);text-decoration:none;font-weight:700;letter-spacing:0.01em;border:1px solid transparent;} #hero .btn-primary{background:var(--q8pywr9q-primary);color:#fff;border-color:color-mix(in srgb, var(--q8pywr9q-primary) 85%, #000 0%);box-shadow:0 10px 24px color-mix(in srgb, var(--q8pywr9q-primary) 28%, transparent 72%);} #hero .btn-primary:hover{filter:saturate(1.05);transform:translateY(-1px);} #hero .btn-primary:active{transform:translateY(0);} #hero .btn-primary:focus-visible{outline:3px solid color-mix(in srgb, var(--q8pywr9q-primary) 55%, #fff 45%);outline-offset:3px;} #hero .hero-anchor-chips{display:flex;flex-wrap:wrap;gap:0.7rem;margin:1.25rem 0 1rem;padding:0;} #hero .chip{display:inline-flex;align-items:center;min-height:40px;padding:0 0.95rem;border-radius:999px;background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);color:var(--q8pywr9q-ink);text-decoration:none;font-weight:650;} #hero .chip:hover{border-color:color-mix(in srgb, var(--q8pywr9q-primary) 45%, var(--q8pywr9q-border) 55%);box-shadow:0 10px 22px color-mix(in srgb, var(--q8pywr9q-primary) 12%, transparent 88%);} #hero .chip:focus-visible{outline:3px solid color-mix(in srgb, var(--q8pywr9q-primary) 50%, #fff 50%);outline-offset:3px;} #hero .hero-disclaimer{margin:0;font-size:0.92rem;line-height:1.5;color:color-mix(in srgb, var(--q8pywr9q-slate) 70%, var(--q8pywr9q-text) 30%);} #hero .hero-right{display:flex;flex-direction:column;gap:1.2rem;} #hero .credibility-list{list-style:none;margin:0;padding:0;background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg,16px);padding:0.9rem;} #hero .cred-item{display:flex;align-items:flex-start;gap:0.75rem;padding:0.65rem 0.65rem;border-radius:12px;} #hero .cred-item + .cred-item{border-top:1px solid color-mix(in srgb, var(--q8pywr9q-border) 70%, transparent 30%);} #hero .cred-icon{width:28px;height:28px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb, var(--q8pywr9q-primary) 12%, var(--q8pywr9q-surface) 88%);color:var(--q8pywr9q-primary);font-weight:800;flex:0 0 auto;margin-top:2px;} #hero .cred-text{font-size:0.98rem;line-height:1.45;font-weight:680;color:var(--q8pywr9q-text);} #hero .proof-preview{background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg,16px);padding:1.05rem;} #hero .proof-preview-title{margin:0 0 0.75rem;font-weight:780;letter-spacing:-0.01em;font-size:1.05rem;} #hero .proof-preview-items{display:grid;grid-template-columns:1fr;gap:0.8rem;margin-bottom:0.9rem;} #hero .proof-mini{padding:0.75rem;border-radius:12px;background:color-mix(in srgb, var(--q8pywr9q-mist) 55%, var(--q8pywr9q-surface) 45%);border:1px solid color-mix(in srgb, var(--q8pywr9q-border) 65%, transparent 35%);} #hero .proof-mini-label{margin:0 0 0.25rem;font-weight:800;font-size:0.95rem;} #hero .proof-mini-value{margin:0;font-size:0.93rem;line-height:1.5;color:color-mix(in srgb, var(--q8pywr9q-slate) 65%, var(--q8pywr9q-text) 35%);} #hero .proof-preview-sla{border-radius:12px;border:1px dashed color-mix(in srgb, var(--q8pywr9q-primary) 55%, var(--q8pywr9q-border) 45%);padding:0.75rem 0.8rem;background:color-mix(in srgb, var(--q8pywr9q-primary) 7%, var(--q8pywr9q-surface) 93%);} #hero .sla-row{display:flex;flex-wrap:wrap;gap:0.6rem;align-items:baseline;} #hero .sla-k{font-weight:850;color:var(--q8pywr9q-ink);} #hero .sla-v{color:color-mix(in srgb, var(--q8pywr9q-slate) 70%, var(--q8pywr9q-text) 30%);font-weight:650;} #hero .sla-hint{margin:0.35rem 0 0;font-size:0.9rem;color:color-mix(in srgb, var(--q8pywr9q-slate) 68%, var(--q8pywr9q-text) 32%);line-height:1.4;} #hero .hero-right-links{display:flex;flex-direction:column;gap:0.6rem;} #hero .link{color:var(--q8pywr9q-primary);text-decoration:underline;text-underline-offset:3px;font-weight:700;} #hero .link:hover{color:color-mix(in srgb, var(--q8pywr9q-primary) 72%, #000 28%);} #hero .link:focus-visible{outline:3px solid color-mix(in srgb, var(--q8pywr9q-primary) 50%, #fff 50%);outline-offset:3px;border-radius:6px;} #hero ::selection{background:color-mix(in srgb, var(--q8pywr9q-primary) 22%, #fff 78%);} @media (min-width: 1024px){ #hero .hero-grid{grid-template-columns:7fr 5fr;gap:2.75rem;} #hero .hero-title{font-size:clamp(2.6rem,4.2vw,4.3rem);} #hero .proof-preview-items{grid-template-columns:1fr;} } @media (prefers-reduced-motion: reduce){ #hero .btn-primary:hover{transform:none;} #hero .chip:hover{box-shadow:none;} } /* q8pywr9q:proof-ladder */ /* q8pywr9q:proof-ladder */ #proof-ladder.proof-ladder{background:var(--q8pywr9q-bg);color:var(--q8pywr9q-ink);padding:clamp(2.5rem,7vw,6rem) 0;} #proof-ladder .container{max-width:72rem;margin:0 auto;padding:0 var(--gutter,clamp(1rem,4vw,3rem));} #proof-ladder .section-head{display:flex;gap:1.5rem;align-items:flex-start;justify-content:space-between;margin-bottom:2.25rem;} #proof-ladder .section-title{font-family:var(--font-serif);font-size:clamp(1.75rem,3.2vw,2.5rem);line-height:1.12;margin:0;letter-spacing:-0.02em;text-wrap:balance;} #proof-ladder .section-subtitle{margin:0;max-width:46rem;color:var(--q8pywr9q-slate);font-size:1rem;line-height:1.6;} #proof-ladder .proof-stack{display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem;align-items:stretch;} #proof-ladder .proof-card{grid-column:span 4;background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg,16px);padding:1.25rem 1.25rem 1.15rem;box-shadow:0 10px 30px rgba(11,18,32,.06);position:relative;overflow:hidden;} #proof-ladder .proof-card:focus-within{outline:3px solid rgba(15,118,110,.35);outline-offset:2px;} #proof-ladder .proof-top{display:flex;gap:.9rem;align-items:flex-start;margin-bottom:.55rem;} #proof-ladder .proof-number{width:2.2rem;height:2.2rem;border-radius:999px;background:rgba(15,118,110,.10);border:1px solid rgba(15,118,110,.35);display:flex;align-items:center;justify-content:center;font-weight:700;} #proof-ladder .proof-header{flex:1;} #proof-ladder .proof-title{margin:.15rem 0 .2rem;font-size:1.15rem;line-height:1.25;letter-spacing:-0.01em;} #proof-ladder .proof-meta{margin:0;color:var(--q8pywr9q-slate);font-size:.9rem;line-height:1.4;} #proof-ladder .proof-bullets{margin:.85rem 0 1rem;padding-left:1.1rem;color:var(--q8pywr9q-ink);font-size:.98rem;line-height:1.55;} #proof-ladder .proof-bullets li{margin:.35rem 0;} #proof-ladder .proof-bullets .extra{max-height:0;overflow:hidden;opacity:0;transform:translateY(6px);transition:max-height 180ms ease,opacity 180ms ease,transform 180ms ease;} #proof-ladder .proof-card:hover .proof-bullets .extra, #proof-ladder .proof-card:focus-within .proof-bullets .extra{max-height:10rem;opacity:1;transform:translateY(0);} #proof-ladder .week1{border:1px solid rgba(15,118,110,.45);background:rgba(230,242,240,.55);border-radius:var(--radius-md,12px);padding:.9rem .95rem;margin-bottom:.95rem;} #proof-ladder .week1-label{font-size:.78rem;font-weight:700;color:var(--q8pywr9q-primary);letter-spacing:.02em;text-transform:uppercase;} #proof-ladder .week1-strong{font-weight:800;margin-top:.2rem;} #proof-ladder .week1-line{margin-top:.35rem;color:var(--q8pywr9q-slate);font-size:.95rem;line-height:1.45;} #proof-ladder .metric{display:flex;gap:.75rem;align-items:baseline;border-top:1px dashed var(--q8pywr9q-border);padding-top:.85rem;} #proof-ladder .metric-label{color:var(--q8pywr9q-slate);font-size:.9rem;} #proof-ladder .metric-value{font-variant-numeric:tabular-nums;font-weight:900;letter-spacing:-0.01em;} #proof-ladder .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;} #proof-ladder .proof-foot{margin-top:1.9rem;display:flex;gap:1.25rem;align-items:flex-start;justify-content:space-between;} #proof-ladder .proof-disclaimer{margin:0;max-width:48rem;color:var(--q8pywr9q-slate);line-height:1.7;font-size:.98rem;} #proof-ladder .proof-links{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end;} #proof-ladder .chip{display:inline-flex;align-items:center;gap:.5rem;padding:.62rem .85rem;border-radius:999px;border:1px solid var(--q8pywr9q-border);background:rgba(255,255,255,.7);color:var(--q8pywr9q-ink);text-decoration:none;font-weight:700;font-size:.92rem;} #proof-ladder .chip:focus-visible{outline:3px solid rgba(15,118,110,.35);outline-offset:2px;} #proof-ladder .chip:hover{border-color:rgba(15,118,110,.55);} #proof-ladder ::selection{background:rgba(15,118,110,.22);} @media (max-width: 900px){#proof-ladder .section-head{flex-direction:column;gap:.75rem;margin-bottom:1.35rem;}#proof-ladder .proof-card{grid-column:span 12;}#proof-ladder .proof-foot{flex-direction:column;align-items:flex-start;}#proof-ladder .proof-links{justify-content:flex-start;}} @media (prefers-reduced-motion: reduce){#proof-ladder .proof-bullets .extra{transition:none;transform:none;}} /* q8pywr9q:service-modules */ /* q8pywr9q:service-modules */ #service-modules{background:var(--q8pywr9q-bg);color:var(--q8pywr9q-text);padding:clamp(2.5rem,6vw,5rem) 0;} #service-modules .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #service-modules .section-head{display:flex;gap:2rem;align-items:flex-end;justify-content:space-between;margin-bottom:clamp(1.5rem,3.5vw,2.5rem);} #service-modules .kicker{font-family:var(--q8pywr9q-sans, 'Avenir Next');font-size:clamp(1.25rem,2vw,1.75rem);letter-spacing:-0.01em;margin:0;color:var(--q8pywr9q-ink);} #service-modules .lede{margin:0;max-width:46ch;line-height:1.55;color:var(--q8pywr9q-slate);font-size:1rem;} #service-modules .btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;border-radius:10px;padding:.95rem 1.15rem;min-height:44px;font-weight:700;text-decoration:none;letter-spacing:.01em;} #service-modules .btn-primary{background:var(--q8pywr9q-primary);color:#fff;border:1px solid var(--q8pywr9q-primary);box-shadow:0 10px 24px rgba(15,118,110,.22);} #service-modules .btn-primary:focus-visible{outline:3px solid rgba(15,118,110,.35);outline-offset:3px;} #service-modules .modules{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.1rem;} #service-modules .module{background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg);padding:1.25rem;display:grid;grid-template-columns:140px 1fr;gap:1.15rem;position:relative;overflow:hidden;} #service-modules .module:focus-visible{outline:3px solid rgba(15,118,110,.35);outline-offset:4px;} #service-modules .module-left{display:flex;flex-direction:column;gap:.55rem;} #service-modules .module-num{font-variant-numeric:tabular-nums;font-weight:900;color:var(--q8pywr9q-primary);letter-spacing:.06em;} #service-modules .module-title{font-family:var(--q8pywr9q-serif, 'Avenir Next');font-size:1.15rem;line-height:1.25;font-weight:800;color:var(--q8pywr9q-ink);} #service-modules .module-right{display:flex;flex-direction:column;gap:.95rem;} #service-modules .module-points{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.55rem;} #service-modules .module-points li{color:var(--q8pywr9q-slate);line-height:1.55;} #service-modules .reveal{max-height:0;opacity:0;transform:translateY(-4px);overflow:hidden;transition:max-height 180ms ease,opacity 180ms ease,transform 180ms ease;} #service-modules .module:hover .reveal,#service-modules .module:focus .reveal,#service-modules .module:focus-visible .reveal{max-height:90px;opacity:1;transform:translateY(0);} #service-modules .week1{border:2px solid rgba(15,118,110,.35);background:rgba(230,242,240,.55);border-radius:var(--radius-md);padding:.9rem 1rem;} #service-modules .week1-title{font-weight:900;color:var(--q8pywr9q-primary);letter-spacing:.02em;font-size:.9rem;} #service-modules .week1-body{margin-top:.35rem;color:var(--q8pywr9q-ink);line-height:1.45;font-size:.95rem;font-weight:650;} #service-modules .disclaimer{margin-top:1.3rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;justify-content:space-between;padding:1rem 1.1rem;border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg);background:rgba(255,255,255,.7);} #service-modules .disclaimer-text{margin:0;color:var(--q8pywr9q-slate);line-height:1.55;max-width:62ch;} #service-modules .link{color:var(--q8pywr9q-primary);text-decoration:underline;text-underline-offset:3px;font-weight:800;} #service-modules .link:focus-visible{outline:3px solid rgba(15,118,110,.35);outline-offset:3px;border-radius:6px;} #service-modules *::selection{background:rgba(15,118,110,.22);} @media (max-width: 900px){ #service-modules .section-head{flex-direction:column;align-items:flex-start;gap:1rem;} #service-modules .module{grid-template-columns:1fr;gap:1rem;} #service-modules .module-left{flex-direction:row;align-items:baseline;gap:1rem;} #service-modules .module-num{min-width:66px;} #service-modules .module-title{font-size:1.2rem;} } @media (prefers-reduced-motion: reduce){ #service-modules .reveal{transition:none;} #service-modules .module:hover .reveal,#service-modules .module:focus .reveal,#service-modules .module:focus-visible .reveal{transform:none;} } /* q8pywr9q:audit-readiness-sop */ /* q8pywr9q:audit-readiness-sop */ #audit-readiness-sop{--radius-sm:var(--q8pywr9q-radius-sm,8px);--radius-md:var(--q8pywr9q-radius-md,12px);--radius-lg:var(--q8pywr9q-radius-lg,16px);background:var(--q8pywr9q-bg);color:var(--q8pywr9q-text);padding:clamp(2.5rem,6vw,5rem) 0;} #audit-readiness-sop .audit-sop__container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #audit-readiness-sop .audit-sop__head{max-width:62rem;margin-bottom:clamp(1.5rem,3.5vw,2.5rem);} #audit-readiness-sop .audit-sop__kicker{display:inline-block;font:600 0.95rem/1.2 var(--q8pywr9q-font-sans,'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);color:var(--q8pywr9q-primary);letter-spacing:0.01em;margin-bottom:0.75rem;} #audit-readiness-sop .audit-sop__title{font:700 clamp(1.35rem,2.4vw,2.05rem)/1.1 var(--q8pywr9q-font-serif,'Avenir Next',Avenir,'Segoe UI',Century Gothic,sans-serif);margin:0 0 0.85rem 0;letter-spacing:-0.02em;text-wrap:balance;} #audit-readiness-sop .audit-sop__sub{margin:0;color:var(--q8pywr9q-slate);max-width:56rem;font:400 1rem/1.55 var(--q8pywr9q-font-sans,'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);} #audit-readiness-sop .audit-sop__timeline{position:relative;display:grid;grid-template-columns:1fr;gap:1.05rem;} #audit-readiness-sop .sop-step{background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-md);padding:1.05rem 1.05rem 1rem 1.05rem;display:grid;grid-template-columns:14px 1fr;column-gap:1rem;align-items:flex-start;box-shadow:0 10px 30px rgba(11,18,32,0.06);} #audit-readiness-sop .sop-step__node{width:14px;height:14px;border-radius:999px;background:var(--q8pywr9q-primary);margin-top:0.35rem;box-shadow:0 0 0 6px rgba(15,118,110,0.12);} #audit-readiness-sop .sop-step__content{min-width:0;} #audit-readiness-sop .sop-step__title{margin:0 0 0.55rem 0;font:700 1.05rem/1.25 var(--q8pywr9q-font-sans,'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);color:var(--q8pywr9q-ink);} #audit-readiness-sop .sop-step__bullets{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:0.45rem;} #audit-readiness-sop .sop-step__bullets li{position:relative;padding-left:1.1rem;color:var(--q8pywr9q-slate);font:400 1rem/1.45 var(--q8pywr9q-font-sans,'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);} #audit-readiness-sop .sop-step__bullets li::before{content:"";position:absolute;left:0;top:0.62rem;width:8px;height:8px;border-radius:50%;background:rgba(15,118,110,0.18);border:1px solid rgba(15,118,110,0.35);} #audit-readiness-sop .sop-step__more{max-height:0;opacity:0;overflow:hidden;transform:translateY(6px);transition:opacity 160ms ease, transform 160ms ease, max-height 200ms ease;} #audit-readiness-sop .sop-step:hover .sop-step__more, #audit-readiness-sop .sop-step:focus-within .sop-step__more{max-height:200px;opacity:1;transform:translateY(0);} #audit-readiness-sop .sop-step:focus-visible{outline:3px solid rgba(15,118,110,0.35);outline-offset:3px;} #audit-readiness-sop .sop-step__weekbox{margin-top:0.8rem;background:rgba(15,118,110,0.08);border:1px solid rgba(15,118,110,0.35);color:var(--q8pywr9q-ink);border-radius:var(--radius-sm);padding:0.7rem 0.85rem;font:600 0.92rem/1.25 var(--q8pywr9q-font-sans,'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);} #audit-readiness-sop .audit-sop__ctaRow{margin-top:clamp(1.25rem,3vw,2rem);display:flex;gap:1rem;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--q8pywr9q-border);padding-top:1.15rem;} #audit-readiness-sop .audit-sop__ctaText{margin:0;color:var(--q8pywr9q-slate);font:400 1rem/1.55 var(--q8pywr9q-font-sans,'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);max-width:48rem;} #audit-readiness-sop .audit-sop__cta{display:inline-flex;align-items:center;justify-content:center;gap:0.6rem;background:var(--q8pywr9q-primary);color:var(--q8pywr9q-surface);text-decoration:none;border-radius:var(--radius-sm);padding:0.95rem 1.1rem;font:700 1rem/1 var(--q8pywr9q-font-sans,'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);border:1px solid rgba(15,118,110,0.55);} #audit-readiness-sop .audit-sop__cta:hover{background:#0c5f57;} #audit-readiness-sop .audit-sop__cta:focus-visible{outline:3px solid rgba(15,118,110,0.35);outline-offset:3px;} #audit-readiness-sop .audit-sop__disclaimer{margin-top:1.05rem;background:rgba(230,242,240,0.55);border:1px solid rgba(15,118,110,0.25);border-radius:var(--radius-md);padding:1rem 1.1rem;} #audit-readiness-sop .audit-sop__disclaimerTitle{font:800 0.95rem/1.3 var(--q8pywr9q-font-sans,'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);color:var(--q8pywr9q-ink);} #audit-readiness-sop .audit-sop__disclaimerText{color:var(--q8pywr9q-slate);font:400 0.95rem/1.5 var(--q8pywr9q-font-sans,'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);} ::selection{background:rgba(15,118,110,0.18);} @media (min-width: 768px){ #audit-readiness-sop .audit-sop__timeline{grid-template-columns:1fr 1fr;gap:1.15rem;align-items:stretch;} #audit-readiness-sop .sop-step{padding:1.15rem 1.2rem 1.1rem 1.2rem;} } @media (max-width: 639px){ #audit-readiness-sop .sop-step{grid-template-columns:12px 1fr;} #audit-readiness-sop .sop-step__node{width:12px;height:12px;} #audit-readiness-sop .audit-sop__ctaRow{flex-direction:column;align-items:flex-start;} #audit-readiness-sop .audit-sop__cta{width:100%;justify-content:center;} } @media (prefers-reduced-motion: reduce){ #audit-readiness-sop .sop-step__more{transition:none;transform:none;} } /* q8pywr9q:contacts */ /* q8pywr9q:contacts */ #contacts.contacts{background:var(--q8pywr9q-bg);padding:clamp(2.5rem,5vw,4.5rem) 0;} #contacts.contacts .contacts-shell{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #contacts.contacts .contacts-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:clamp(1.5rem,3vw,2.5rem);align-items:start;} #contacts.contacts .contacts-intro{padding:0;} #contacts.contacts .contacts-title{font-family:var(--font-serif, inherit);font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.15;margin:0 0 .75rem 0;letter-spacing:-0.02em;color:var(--q8pywr9q-ink);text-wrap:balance;} #contacts.contacts .contacts-lede{margin:0 0 1.25rem 0;font-size:1rem;line-height:1.6;color:var(--q8pywr9q-text);max-width:38rem;} #contacts.contacts .contacts-details{background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg,16px);padding:1rem;} #contacts.contacts .detail-row{display:flex;gap:.75rem;align-items:flex-start;justify-content:space-between;padding:.65rem 0;border-bottom:1px solid rgba(209,213,219,.65);} #contacts.contacts .detail-row:last-child{border-bottom:none;} #contacts.contacts .detail-label{font-size:.875rem;color:var(--q8pywr9q-slate);min-width:6.5rem;} #contacts.contacts .detail-link{font-size:.95rem;color:var(--q8pywr9q-primary);text-decoration:none;} #contacts.contacts .detail-link:hover{color:var(--q8pywr9q-secondary);text-decoration:underline;} #contacts.contacts .detail-value{font-size:.95rem;color:var(--q8pywr9q-text);text-align:right;} #contacts.contacts .contacts-links{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.75rem;} #contacts.contacts .ghost-link{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem .85rem;border-radius:var(--radius-md,12px);border:1px solid var(--q8pywr9q-border);background:transparent;color:var(--q8pywr9q-text);text-decoration:none;font-size:.95rem;} #contacts.contacts .ghost-link:hover{border-color:rgba(15,118,110,.55);color:var(--q8pywr9q-primary);text-decoration:underline;} #contacts.contacts .form-panel{background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg,16px);padding:1.25rem;} #contacts.contacts .form-head{margin-bottom:1rem;} #contacts.contacts .form-title{margin:0 0 .35rem 0;font-size:1.25rem;letter-spacing:-0.01em;color:var(--q8pywr9q-ink);font-family:var(--font-serif, inherit);} #contacts.contacts .form-subtitle{margin:0;color:var(--q8pywr9q-text);line-height:1.55;font-size:.98rem;} #contacts.contacts .contact-form{display:block;} #contacts.contacts .field{margin:0 0 .85rem 0;} #contacts.contacts .field-label{display:block;margin:0 0 .35rem 0;font-size:.875rem;color:var(--q8pywr9q-slate);} #contacts.contacts .field-input,#contacts.contacts .field-textarea{width:100%;box-sizing:border-box;border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-md,12px);padding:.8rem .9rem;font-size:1rem;color:var(--q8pywr9q-ink);background:var(--q8pywr9q-surface);outline:none;} #contacts.contacts .field-textarea{resize:vertical;min-height:132px;} #contacts.contacts .field-input:focus,#contacts.contacts .field-textarea:focus{border-color:rgba(15,118,110,.7);box-shadow:0 0 0 3px rgba(15,118,110,.18);} #contacts.contacts .primary-button{width:100%;display:inline-flex;justify-content:center;align-items:center;gap:.6rem;border:none;border-radius:var(--radius-md,12px);padding:.95rem 1rem;background:var(--q8pywr9q-primary);color:var(--q8pywr9q-surface);font-size:1rem;font-weight:700;cursor:pointer;} #contacts.contacts .primary-button:hover{background:var(--q8pywr9q-accent);} #contacts.contacts .primary-button:active{transform:translateY(1px);} #contacts.contacts .primary-button:disabled{opacity:.65;cursor:not-allowed;} #contacts.contacts .form-cta{margin-top:.25rem;} #contacts.contacts .form-note{margin:.75rem 0 0 0;color:var(--q8pywr9q-slate);font-size:.875rem;line-height:1.45;} #contacts.contacts ::selection{background:rgba(15,118,110,.22);} #contacts.contacts a:focus-visible,.contacts button:focus-visible,.contacts input:focus-visible,.contacts textarea:focus-visible{outline:3px solid rgba(15,118,110,.35);outline-offset:2px;} @media (max-width: 900px){#contacts.contacts .contacts-grid{grid-template-columns:1fr;}} @media (prefers-reduced-motion: reduce){#contacts.contacts .ghost-link,#contacts.contacts .primary-button{transition:none !important;}} /* q8pywr9q:process-overview */ /* q8pywr9q:process-overview */ #process-overview{background:var(--q8pywr9q-bg);color:var(--q8pywr9q-text);padding:clamp(2.5rem,5vw,4.5rem) 0;} #process-overview .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #process-overview .section-header{margin-bottom:clamp(1.5rem,3vw,2.5rem);} #process-overview .section-title{font-family:var(--font-serif, 'Avenir Next');font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.1;margin:0 0 .75rem 0;letter-spacing:-0.02em;text-wrap:balance;} #process-overview .section-lead{margin:0;max-width:62ch;font-size:1rem;line-height:1.65;color:var(--q8pywr9q-slate);} #process-overview .split{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1.25rem,3vw,2.25rem);align-items:start;} #process-overview .steps{min-width:0;} #process-overview .step-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.25rem;} #process-overview .step{background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg,16px);padding:clamp(1rem,2.2vw,1.25rem);box-shadow:0 10px 24px rgba(11,18,32,.04);position:relative;overflow:hidden;} #process-overview .step:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--q8pywr9q-primary);opacity:.18;} #process-overview .step-top{display:flex;gap:.75rem;align-items:baseline;margin-left:.25rem;} #process-overview .step-num{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:999px;background:rgba(15,118,110,.12);color:var(--q8pywr9q-primary);border:1px solid rgba(15,118,110,.22);font-weight:800;font-size:.95rem;} #process-overview .step-title{margin:0;font-size:1.1rem;letter-spacing:-0.01em;} #process-overview .step-bullets{margin:.85rem 0 0 0;padding-left:1.1rem;color:var(--q8pywr9q-slate);line-height:1.65;font-size:.98rem;} #process-overview .step-bullets li{margin:.35rem 0;} #process-overview .step-extra{max-height:0;opacity:0;overflow:hidden;transition:max-height 180ms ease,opacity 180ms ease;} #process-overview .step:hover .step-extra,#process-overview .step:focus-within .step-extra{max-height:80px;opacity:1;} #process-overview .week-micro{margin-top:.95rem;padding:.7rem .85rem;border-radius:var(--radius-md,12px);border:1px solid rgba(15,118,110,.35);background:rgba(230,242,240,.65);color:var(--q8pywr9q-ink);font-size:.92rem;line-height:1.35;font-weight:600;} #process-overview .risk-disclaimer{margin-top:1.15rem;padding:1rem;border-radius:var(--radius-md,12px);border:1px dashed rgba(215,119,6,.45);background:rgba(215,119,6,.08);} #process-overview .risk-disclaimer-title{font-weight:900;} #process-overview .risk-disclaimer-text{color:var(--q8pywr9q-slate);display:inline;} #process-overview .evidence-card{background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg,16px);padding:1.15rem;position:sticky;top:1.25rem;box-shadow:0 10px 24px rgba(11,18,32,.04);} #process-overview .evidence-title{margin:0;font-size:1.05rem;letter-spacing:-0.01em;} #process-overview .evidence-sub{margin:.35rem 0 1rem 0;color:var(--q8pywr9q-slate);line-height:1.55;font-size:.95rem;} #process-overview .evidence-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;} #process-overview .evidence-item{display:flex;gap:.75rem;align-items:baseline;} #process-overview .evidence-key{min-width:9.5rem;font-size:.9rem;color:var(--q8pywr9q-slate);font-weight:700;} #process-overview .evidence-val{color:var(--q8pywr9q-text);font-weight:800;letter-spacing:-0.01em;} #process-overview .sla-box{border-top:1px solid rgba(209,213,219,.9);padding-top:1rem;margin-top:.25rem;} #process-overview .sla-top{display:flex;flex-direction:column;gap:.35rem;} #process-overview .sla-label{font-size:.9rem;color:var(--q8pywr9q-primary);font-weight:900;} #process-overview .sla-value{font-weight:900;letter-spacing:-0.01em;} #process-overview .sla-note{margin:.65rem 0 0 0;color:var(--q8pywr9q-slate);font-size:.93rem;line-height:1.6;} #process-overview .cta-row{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.05rem;} #process-overview .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem .95rem;border-radius:var(--radius-md,12px);text-decoration:none;font-weight:900;font-size:.95rem;letter-spacing:-0.01em;border:1px solid transparent;} #process-overview .btn-primary{background:var(--q8pywr9q-primary);color:var(--q8pywr9q-surface);border-color:rgba(15,118,110,.35);} #process-overview .btn-primary:hover{background:#0c6a60;} #process-overview .btn-ghost{background:rgba(255,255,255,.6);color:var(--q8pywr9q-ink);border-color:rgba(11,18,32,.18);} #process-overview .btn-ghost:hover{background:rgba(255,255,255,.9);border-color:rgba(11,18,32,.28);} #process-overview .btn:focus-visible{outline:3px solid rgba(15,118,110,.35);outline-offset:2px;} #process-overview .cta-micro{margin:.85rem 0 0 0;color:var(--q8pywr9q-slate);font-size:.92rem;line-height:1.6;} #process-overview ::selection{background:rgba(15,118,110,.18);} @media (max-width:1024px){#process-overview .split{grid-template-columns:1fr;} #process-overview .evidence-card{position:relative;top:auto;}} @media (prefers-reduced-motion:reduce){#process-overview .step-extra{transition:none;}} /* q8pywr9q:artifacts-and-sla */ /* q8pywr9q:artifacts-and-sla */ #artifacts-and-sla{--radius-sm:var(--q8pywr9q-radius-sm,8px);--radius-md:var(--q8pywr9q-radius-md,12px);--radius-lg:var(--q8pywr9q-radius-lg,16px);background:var(--q8pywr9q-bg);padding:clamp(2.5rem,5vw,4rem) 0;color:var(--q8pywr9q-text);} #artifacts-and-sla .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,3vw,3rem);} #artifacts-and-sla .section-header{max-width:64rem;margin-bottom:clamp(1.75rem,3.5vw,2.75rem);} #artifacts-and-sla .kicker{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;letter-spacing:.02em;color:var(--q8pywr9q-primary);font-size:0.95rem;} #artifacts-and-sla .title{font-family:var(--q8pywr9q-serif, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);font-size:clamp(1.6rem,3.2vw,2.5rem);line-height:1.1;margin:.65rem 0 .75rem;letter-spacing:-0.02em;text-wrap:balance;} #artifacts-and-sla .subtitle{margin:0;max-width:62ch;font-size:1.05rem;line-height:1.55;color:var(--q8pywr9q-slate);} #artifacts-and-sla .proof-rails{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(1rem,2vw,1.25rem);} #artifacts-and-sla .proof-card{grid-column:span 4;background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--q8pywr9q-radius-lg,16px);padding:1.25rem 1.25rem 1.1rem;box-shadow:0 10px 30px rgba(11,18,32,.06);} #artifacts-and-sla .proof-top{display:flex;gap:.9rem;align-items:flex-start;} #artifacts-and-sla .proof-num{width:3.2rem;flex:0 0 3.2rem;height:3.2rem;border-radius:999px;background:var(--q8pywr9q-mist);border:1px solid rgba(15,118,110,.25);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--q8pywr9q-primary);font-variant-numeric:tabular-nums;} #artifacts-and-sla .proof-head{min-width:0;} #artifacts-and-sla .proof-title{margin:.1rem 0 .35rem;font-size:1.1rem;line-height:1.25;letter-spacing:-0.01em;font-weight:800;color:var(--q8pywr9q-ink);} #artifacts-and-sla .proof-desc{margin:0;color:var(--q8pywr9q-slate);font-size:.98rem;line-height:1.45;} #artifacts-and-sla .bullets{list-style:none;padding:0;margin:.9rem 0 .95rem;} #artifacts-and-sla .bullets li{margin:.55rem 0;position:relative;padding-left:1.05rem;} #artifacts-and-sla .bullets li::before{content:"";position:absolute;left:0;top:.55rem;width:.55rem;height:.55rem;border-radius:3px;background:rgba(15,118,110,.18);border:1px solid rgba(15,118,110,.35);} #artifacts-and-sla .expandable{display:block;max-height:0;opacity:0;overflow:hidden;transform:translateY(-4px);transition:max-height 180ms ease,opacity 180ms ease,transform 180ms ease;} #artifacts-and-sla .micro-box{border:1px solid rgba(15,118,110,.25);background:rgba(230,242,240,.55);border-radius:var(--q8pywr9q-radius-md,12px);padding:.85rem .9rem;} #artifacts-and-sla .micro-head{font-weight:800;color:var(--q8pywr9q-primary);font-size:.9rem;margin-bottom:.25rem;} #artifacts-and-sla .micro-body{font-size:.96rem;line-height:1.45;color:var(--q8pywr9q-ink);} #artifacts-and-sla .actions-row{display:flex;gap:.9rem;align-items:center;flex-wrap:wrap;margin-top:1.25rem;} #artifacts-and-sla .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:10px;padding:.78rem 1.05rem;font-weight:800;border:1px solid transparent;min-height:44px;} #artifacts-and-sla .btn.primary{background:var(--q8pywr9q-primary);color:#fff;border-color:var(--q8pywr9q-primary);} #artifacts-and-sla .btn.ghost{background:var(--q8pywr9q-surface);color:var(--q8pywr9q-primary);border-color:rgba(15,118,110,.45);} #artifacts-and-sla .btn:focus-visible{outline:3px solid rgba(15,118,110,.35);outline-offset:2px;} #artifacts-and-sla .btn.primary:hover{background:#0B5E55;} #artifacts-and-sla .btn.ghost:hover{background:rgba(230,242,240,.65);} #artifacts-and-sla .proof-card:hover .expandable, #artifacts-and-sla .proof-card:focus-within .expandable{max-height:200px;opacity:1;transform:translateY(0);} #artifacts-and-sla .proof-card:focus-within .expandable{transition:max-height 220ms ease,opacity 220ms ease,transform 220ms ease;} #artifacts-and-sla .sla-block{margin-top:clamp(1.5rem,3vw,2.25rem);background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--q8pywr9q-radius-lg,16px);padding:1.35rem;} #artifacts-and-sla .sla-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1.15rem;align-items:start;} #artifacts-and-sla .sla-title{margin:0;font-size:1.2rem;letter-spacing:-0.01em;font-weight:900;color:var(--q8pywr9q-ink);} #artifacts-and-sla .sla-subtitle{margin:.5rem 0 1rem;color:var(--q8pywr9q-slate);line-height:1.55;font-size:1rem;} #artifacts-and-sla .disclaimer{border-left:4px solid rgba(217,119,6,.55);background:rgba(217,119,6,.08);padding:.75rem .85rem;border-radius:10px;color:var(--q8pywr9q-ink);font-size:.98rem;line-height:1.45;} #artifacts-and-sla .sla-right{border-radius:14px;background:linear-gradient(0deg, rgba(243,244,246,.75), rgba(243,244,246,.75));border:1px solid var(--q8pywr9q-border);padding:.95rem .95rem;} #artifacts-and-sla .sla-item{display:flex;flex-direction:column;gap:.25rem;padding:.7rem .15rem;} #artifacts-and-sla .sla-item + .sla-item{border-top:1px solid rgba(209,213,219,.7);} #artifacts-and-sla .sla-label{font-weight:800;color:var(--q8pywr9q-ink);font-size:.95rem;} #artifacts-and-sla .sla-value{color:var(--q8pywr9q-slate);font-size:.98rem;line-height:1.35;} #artifacts-and-sla .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-variant-numeric:tabular-nums;} #artifacts-and-sla ::selection{background:rgba(15,118,110,.25);} @media (max-width: 1024px){#artifacts-and-sla .proof-card{grid-column:span 6;}} @media (max-width: 640px){#artifacts-and-sla{padding:clamp(2rem,7vw,3rem) 0;} #artifacts-and-sla .proof-rails{grid-template-columns:1fr;gap:1rem;} #artifacts-and-sla .proof-card{grid-column:1 / -1;padding:1.1rem;} #artifacts-and-sla .sla-grid{grid-template-columns:1fr;} #artifacts-and-sla .expandable{max-height:100px;opacity:1;transform:none;} } @media (prefers-reduced-motion: reduce){#artifacts-and-sla .expandable{transition:none;}#artifacts-and-sla .btn{transition:none;}} /* q8pywr9q:audit-package-structure */ /* q8pywr9q:audit-package-structure */ #audit-package-structure{--pad-top:clamp(28px,5vw,56px);--pad-bot:clamp(26px,4.5vw,52px);background:var(--q8pywr9q-bg);color:var(--q8pywr9q-text);padding:var(--pad-top) 0 var(--pad-bot) 0;} #audit-package-structure .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #audit-package-structure .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:clamp(1.5rem,3vw,2.5rem);} #audit-package-structure .title{font-family:var(--font-serif,var(--q8pywr9q-text));font-size:clamp(1.6rem,2.2vw,2.4rem);line-height:1.08;letter-spacing:-0.02em;margin:0;color:var(--q8pywr9q-ink);text-wrap:balance;} #audit-package-structure .subtitle{margin:0;max-width:44ch;color:var(--q8pywr9q-slate);font-size:1rem;line-height:1.55;} #audit-package-structure .structure{display:grid;grid-template-columns:1.5fr 0.9fr;gap:clamp(1rem,2.5vw,2rem);align-items:start;} #audit-package-structure .rail{display:flex;flex-direction:column;gap:clamp(0.9rem,1.8vw,1.2rem);} #audit-package-structure .step-node{background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg,16px);padding:clamp(1rem,2vw,1.3rem);display:grid;grid-template-columns:52px 1fr;gap:1rem;position:relative;} #audit-package-structure .step-node:focus-within{outline:2px solid color-mix(in srgb, var(--q8pywr9q-primary) 45%, transparent);outline-offset:2px;} #audit-package-structure .step-num{width:44px;height:44px;border-radius:12px;background:color-mix(in srgb, var(--q8pywr9q-primary) 12%, var(--q8pywr9q-surface));border:1px solid color-mix(in srgb, var(--q8pywr9q-primary) 35%, var(--q8pywr9q-border));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.05rem;color:var(--q8pywr9q-primary);font-variant-numeric:tabular-nums;} #audit-package-structure .step-title{margin:0 0 0.4rem 0;font-size:1.1rem;letter-spacing:-0.01em;color:var(--q8pywr9q-ink);font-weight:750;} #audit-package-structure .bullets{margin:0;padding-left:1.15rem;color:var(--q8pywr9q-slate);} #audit-package-structure .bullets li{margin:0.35rem 0;line-height:1.55;} #audit-package-structure .microbox{margin-top:0.9rem;border-radius:var(--radius-md,12px);border:1px solid color-mix(in srgb, var(--q8pywr9q-primary) 40%, var(--q8pywr9q-border));background:color-mix(in srgb, var(--q8pywr9q-mist) 55%, var(--q8pywr9q-surface));padding:0.75rem 0.85rem;} #audit-package-structure .microbox-title{font-weight:800;color:var(--q8pywr9q-primary);font-size:0.9rem;margin-bottom:0.25rem;} #audit-package-structure .microbox-text{color:var(--q8pywr9q-ink);font-size:0.95rem;line-height:1.45;} #audit-package-structure .side-panel{background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg,16px);padding:clamp(1rem,2vw,1.25rem);position:sticky;top:16px;} #audit-package-structure .side-title{margin:0 0 0.65rem 0;font-size:1.05rem;font-weight:800;color:var(--q8pywr9q-ink);} #audit-package-structure .connect-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:0.65rem;} #audit-package-structure .connect-list li{color:var(--q8pywr9q-slate);line-height:1.45;font-size:0.98rem;} #audit-package-structure .connect-tag{display:inline-block;margin-right:0.5rem;padding:0.15rem 0.55rem;border-radius:999px;border:1px solid var(--q8pywr9q-border);background:color-mix(in srgb, var(--q8pywr9q-bg) 55%, var(--q8pywr9q-surface));color:var(--q8pywr9q-ink);font-size:0.85rem;font-weight:800;} #audit-package-structure .disclaimer{margin-top:1rem;border-radius:var(--radius-md,12px);border:1px dashed color-mix(in srgb, var(--q8pywr9q-border) 70%, var(--q8pywr9q-primary));background:color-mix(in srgb, var(--q8pywr9q-bg) 60%, var(--q8pywr9q-surface));padding:0.85rem 0.9rem;} #audit-package-structure .disclaimer-text{margin:0;color:var(--q8pywr9q-slate);font-size:0.95rem;line-height:1.5;} #audit-package-structure .nav-cta{margin-top:1rem;display:flex;flex-direction:column;gap:0.65rem;} #audit-package-structure .link-btn,#audit-package-structure .ghost-btn{display:inline-flex;align-items:center;justify-content:center;padding:0.85rem 0.95rem;border-radius:var(--radius-md,12px);font-weight:850;text-decoration:none;min-height:44px;} #audit-package-structure .link-btn{background:var(--q8pywr9q-primary);color:#fff;border:1px solid var(--q8pywr9q-primary);} #audit-package-structure .link-btn:hover{filter:brightness(1.03);} #audit-package-structure .ghost-btn{background:var(--q8pywr9q-surface);color:var(--q8pywr9q-primary);border:1px solid color-mix(in srgb, var(--q8pywr9q-primary) 35%, var(--q8pywr9q-border));} #audit-package-structure .ghost-btn:hover{background:color-mix(in srgb, var(--q8pywr9q-primary) 8%, var(--q8pywr9q-surface));} #audit-package-structure .link-btn:focus-visible,#audit-package-structure .ghost-btn:focus-visible{outline:3px solid color-mix(in srgb, var(--q8pywr9q-primary) 55%, transparent);outline-offset:2px;} #audit-package-structure ::selection{background:color-mix(in srgb, var(--q8pywr9q-primary) 28%, var(--q8pywr9q-bg));} @media (max-width:900px){#audit-package-structure .section-head{flex-direction:column;align-items:flex-start;}#audit-package-structure .structure{grid-template-columns:1fr;}#audit-package-structure .side-panel{position:relative;top:auto;}} @media (prefers-reduced-motion:reduce){#audit-package-structure *{scroll-behavior:auto;}} /* q8pywr9q:pricing-fit */ /* q8pywr9q:pricing-fit */ #pricing-fit.pricing-fit{background:var(--q8pywr9q-bg);color:var(--q8pywr9q-text);padding:clamp(2.5rem,6vw,4.5rem) 0;} #pricing-fit.pricing-fit .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #pricing-fit.pricing-fit .fit-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(1.25rem,3vw,2.5rem);align-items:start;} #pricing-fit.pricing-fit .kicker{margin:0 0 .75rem 0;font-weight:700;letter-spacing:.02em;color:var(--q8pywr9q-primary);font-size:.95rem;text-transform:uppercase;} #pricing-fit.pricing-fit .title{margin:0 0 1rem 0;font-family:var(--font-serif,inherit);font-size:clamp(1.6rem,2.7vw,2.35rem);line-height:1.15;letter-spacing:-.02em;text-wrap:balance;} #pricing-fit.pricing-fit .lead{margin:0 0 1.4rem 0;font-size:1rem;line-height:1.65;color:color-mix(in srgb,var(--q8pywr9q-text) 88%,var(--q8pywr9q-slate) 12%);max-width:52ch;} #pricing-fit.pricing-fit .ladder{display:flex;flex-direction:column;gap:1rem;margin-top:1.25rem;} #pricing-fit.pricing-fit .ladder-item{background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg,16px);padding:1.1rem 1.1rem 1rem 1.1rem;box-shadow:0 10px 30px color-mix(in srgb,var(--q8pywr9q-ink) 8%,transparent);} #pricing-fit.pricing-fit .ladder-head{display:flex;gap:.9rem;align-items:flex-start;} #pricing-fit.pricing-fit .num{width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--q8pywr9q-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--q8pywr9q-primary) 28%,var(--q8pywr9q-border));color:var(--q8pywr9q-primary);display:flex;align-items:center;justify-content:center;font-weight:800;flex:0 0 auto;} #pricing-fit.pricing-fit .ladder-title{margin:0;font-size:1.05rem;line-height:1.25;letter-spacing:-.01em;} #pricing-fit.pricing-fit .bullets{margin:.85rem 0 .85rem 0;padding-left:1.15rem;color:color-mix(in srgb,var(--q8pywr9q-text) 90%,var(--q8pywr9q-slate) 10%);} #pricing-fit.pricing-fit .bullets li{margin:.55rem 0;line-height:1.55;} #pricing-fit.pricing-fit .week1{border:1px solid color-mix(in srgb,var(--q8pywr9q-primary) 35%,var(--q8pywr9q-border));background:color-mix(in srgb,var(--q8pywr9q-mist) 70%,transparent);color:color-mix(in srgb,var(--q8pywr9q-primary) 88%,var(--q8pywr9q-ink) 12%);border-radius:var(--radius-md,12px);padding:.65rem .8rem;font-size:.95rem;font-weight:650;} #pricing-fit.pricing-fit .cta-row{display:flex;gap:.9rem;align-items:center;margin-top:1.25rem;flex-wrap:wrap;} #pricing-fit.pricing-fit .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.75rem 1rem;border-radius:var(--radius-md,12px);text-decoration:none;font-weight:750;letter-spacing:.01em;outline:none;} #pricing-fit.pricing-fit .btn-primary{background:var(--q8pywr9q-primary);color:var(--q8pywr9q-surface);border:1px solid color-mix(in srgb,var(--q8pywr9q-primary) 80%,var(--q8pywr9q-primary));box-shadow:0 10px 22px color-mix(in srgb,var(--q8pywr9q-primary) 25%,transparent);} #pricing-fit.pricing-fit .btn-outline{background:var(--q8pywr9q-surface);color:var(--q8pywr9q-primary);border:1px solid var(--q8pywr9q-primary);} #pricing-fit.pricing-fit .btn-primary:focus-visible,#pricing-fit.pricing-fit .btn-outline:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--q8pywr9q-primary) 35%,transparent);} #pricing-fit.pricing-fit .btn-primary:hover{filter:brightness(1.03);} #pricing-fit.pricing-fit .btn-outline:hover{background:color-mix(in srgb,var(--q8pywr9q-primary) 9%,var(--q8pywr9q-surface));} #pricing-fit.pricing-fit .fit-aside{position:sticky;top:1.2rem;} #pricing-fit.pricing-fit .aside-title{margin:0 0 .9rem 0;font-size:1.05rem;letter-spacing:-.01em;} #pricing-fit.pricing-fit .aside-box{background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg,16px);padding:1rem;} #pricing-fit.pricing-fit .aside-copy{margin:.6rem 0;display:flex;gap:.7rem;align-items:flex-start;line-height:1.55;color:color-mix(in srgb,var(--q8pywr9q-text) 90%,var(--q8pywr9q-slate) 10%);} #pricing-fit.pricing-fit .dot{width:10px;height:10px;border-radius:50%;background:color-mix(in srgb,var(--q8pywr9q-secondary) 65%,var(--q8pywr9q-primary) 35%);margin-top:.4rem;flex:0 0 auto;} #pricing-fit.pricing-fit .metric{margin-top:1rem;background:color-mix(in srgb,var(--q8pywr9q-ink) 4%,var(--q8pywr9q-surface));border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg,16px);padding:1rem;} #pricing-fit.pricing-fit .metric-label{font-size:.875rem;font-weight:750;color:var(--q8pywr9q-primary);text-transform:uppercase;letter-spacing:.02em;} #pricing-fit.pricing-fit .metric-value{font-family:var(--font-serif,inherit);margin-top:.35rem;font-weight:900;font-size:1.35rem;letter-spacing:-.02em;} #pricing-fit.pricing-fit .metric-sub{margin:.5rem 0 0 0;line-height:1.6;color:color-mix(in srgb,var(--q8pywr9q-text) 86%,var(--q8pywr9q-slate) 14%);} #pricing-fit.pricing-fit ::selection{background:color-mix(in srgb,var(--q8pywr9q-primary) 25%,transparent);} @media (max-width: 900px){#pricing-fit.pricing-fit .fit-grid{grid-template-columns:1fr;} #pricing-fit.pricing-fit .fit-aside{position:relative;top:auto;} } @media (prefers-reduced-motion: reduce){#pricing-fit.pricing-fit *{scroll-behavior:auto;transition:none!important;animation:none!important;}} /* q8pywr9q:features-proof */ /* q8pywr9q:features-proof */ #features-proof.features-proof{background:var(--q8pywr9q-bg);color:var(--q8pywr9q-text);padding:clamp(2.5rem,5vw,4.5rem) 0} #features-proof .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem)} #features-proof .features-head{max-width:60rem} #features-proof .kicker{display:inline-flex;align-items:center;gap:.6rem;color:var(--q8pywr9q-primary);font-weight:650;letter-spacing:.02em;text-transform:uppercase;font-size:.875rem;margin:0 0 .9rem} #features-proof .title{margin:0 0 1rem;font-family:var(--font-serif);font-size:clamp(1.7rem,3.3vw,2.3rem);line-height:1.15;letter-spacing:-.02em;text-wrap:balance} #features-proof .subtitle{margin:0;color:var(--q8pywr9q-slate);font-size:1rem;line-height:1.6;max-width:56ch} #features-proof .proof-grid{margin-top:clamp(2rem,4vw,3.2rem);display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem} #features-proof .proof-card{grid-column:span 4;background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg,16px);padding:1.4rem 1.35rem;position:relative;overflow:hidden} #features-proof .proof-card:focus-within{outline:2px solid color-mix(in srgb,var(--q8pywr9q-primary) 40%, transparent);outline-offset:2px} #features-proof .proof-top{display:flex;gap:1rem;align-items:flex-start;margin-bottom:.7rem} #features-proof .proof-num{font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:1.05rem;color:var(--q8pywr9q-primary);font-weight:700;line-height:1} #features-proof .proof-subhead{margin:0;font-size:1.15rem;letter-spacing:-.01em} #features-proof .proof-bullets{margin:.2rem 0 1.1rem;padding-left:1.1rem;color:var(--q8pywr9q-slate)} #features-proof .proof-bullets li{line-height:1.55;margin:.55rem 0} #features-proof .reveal-line{display:block;max-height:0;opacity:0;transform:translateY(-4px);transition:max-height 180ms ease, opacity 180ms ease, transform 180ms ease} #features-proof .proof-card:hover .reveal-line, #features-proof .proof-card:focus-within .reveal-line{max-height:7.5rem;opacity:1;transform:translateY(0)} #features-proof .week1{border:1px solid color-mix(in srgb,var(--q8pywr9q-primary) 25%, var(--q8pywr9q-border));background:color-mix(in srgb,var(--q8pywr9q-mist) 55%, var(--q8pywr9q-surface));border-radius:var(--radius-md,12px);padding:.85rem 1rem} #features-proof .week1-label{color:var(--q8pywr9q-primary);font-weight:800;letter-spacing:.02em;text-transform:uppercase;font-size:.75rem;margin-bottom:.35rem} #features-proof .week1-text{color:var(--q8pywr9q-ink);font-size:.98rem;line-height:1.45} #features-proof .controls-note{margin-top:1.35rem;background:color-mix(in srgb,var(--q8pywr9q-surface) 65%, var(--q8pywr9q-bg));border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg,16px);padding:1.05rem 1.1rem;max-width:68rem;color:var(--q8pywr9q-slate);line-height:1.6} #features-proof .controls-note strong{color:var(--q8pywr9q-ink)} #features-proof .proof-footer{margin-top:1.6rem;display:flex;gap:1.25rem;align-items:flex-start;justify-content:space-between;flex-wrap:wrap} #features-proof .micro-sla{border:1px solid var(--q8pywr9q-border);background:var(--q8pywr9q-surface);border-radius:var(--radius-lg,16px);padding:1rem 1.05rem;max-width:46rem;flex:1 1 28rem} #features-proof .micro-sla-title{font-weight:800;margin-bottom:.4rem} #features-proof .micro-sla-text{color:var(--q8pywr9q-slate);line-height:1.55} #features-proof .link-cta{flex:0 0 auto;align-self:stretch;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 1.1rem;border-radius:var(--radius-md,12px);border:1px solid var(--q8pywr9q-border);background:var(--q8pywr9q-surface);color:var(--q8pywr9q-ink);font-weight:750;text-decoration:none} #features-proof .link-cta:hover{border-color:color-mix(in srgb,var(--q8pywr9q-primary) 55%, var(--q8pywr9q-border));color:var(--q8pywr9q-primary)} #features-proof .link-cta:focus-visible{outline:2px solid color-mix(in srgb,var(--q8pywr9q-primary) 55%, transparent);outline-offset:2px} #features-proof ::selection{background:color-mix(in srgb,var(--q8pywr9q-primary) 25%, transparent)} @media (max-width: 900px){#features-proof .proof-card{grid-column:span 12}#features-proof .proof-grid{gap:1rem}} @media (prefers-reduced-motion: reduce){#features-proof .reveal-line{transition:none}} /* q8pywr9q:week-1-deliverables */ /* q8pywr9q:week-1-deliverables */ #week-1-deliverables{background:var(--q8pywr9q-bg);color:var(--q8pywr9q-text);padding:clamp(2.5rem,6vw,5rem) 0;} #week-1-deliverables .week1__container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #week-1-deliverables .week1__head{display:flex;gap:1.5rem;align-items:flex-end;justify-content:space-between;} #week-1-deliverables .week1__title{font-family:var(--serif, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-0.02em;line-height:1.08;margin:0;} #week-1-deliverables .week1__lede{max-width:42rem;margin:0;color:var(--q8pywr9q-slate);font-size:1rem;line-height:1.65;} #week-1-deliverables .week1__list{list-style:none;padding:0;margin:clamp(1.5rem,3vw,2.5rem) 0 0;display:grid;grid-template-columns:1fr;gap:1rem;} #week-1-deliverables .week1__item{background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius, 12px);padding:clamp(1.05rem,2.2vw,1.35rem);} #week-1-deliverables .week1__item-top{display:flex;gap:1rem;align-items:flex-start;} #week-1-deliverables .week1__num{width:2.2rem;height:2.2rem;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(15,118,110,0.10);border:1px solid rgba(15,118,110,0.25);color:var(--q8pywr9q-primary);font-weight:800;font-family:var(--sans,'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);} #week-1-deliverables .week1__item-title{margin:0;font-size:1.125rem;line-height:1.25;letter-spacing:-0.01em;} #week-1-deliverables .week1__weekbox{margin-top:0.35rem;display:inline-block;border:1px solid rgba(15,118,110,0.35);background:rgba(230,242,240,0.55);color:var(--q8pywr9q-primary);font-weight:700;font-size:0.875rem;padding:0.45rem 0.6rem;border-radius:var(--radius,12px);} #week-1-deliverables .week1__bullets{margin:0.85rem 0 0;padding-left:1.15rem;} #week-1-deliverables .week1__bullets li{color:var(--q8pywr9q-text);margin:0.45rem 0;line-height:1.55;} #week-1-deliverables .week1__extra{max-height:0;opacity:0;overflow:hidden;transition:opacity 160ms ease, transform 160ms ease, max-height 220ms ease;transform:translateY(-4px);} #week-1-deliverables .week1__item:hover .week1__extra, #week-1-deliverables .week1__item:focus-within .week1__extra{max-height:80px;opacity:1;transform:translateY(0);} #week-1-deliverables .week1__item--sop .week1__weekbox{background:rgba(15,118,110,0.12);} #week-1-deliverables .week1__metrics{margin-top:1.25rem;border:1px solid var(--q8pywr9q-border);background:rgba(255,255,255,0.75);border-radius:var(--radius,12px);padding:clamp(1.05rem,2.2vw,1.35rem);display:flex;gap:1.25rem;align-items:flex-start;justify-content:space-between;} #week-1-deliverables .week1__metrics-title{margin:0;font-size:1.05rem;letter-spacing:-0.01em;} #week-1-deliverables .week1__metrics-copy{margin:0.55rem 0 0;color:var(--q8pywr9q-slate);line-height:1.6;max-width:38rem;} #week-1-deliverables .week1__metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.75rem;width:100%;max-width:26rem;} #week-1-deliverables .week1__metric{border:1px solid var(--q8pywr9q-border);background:var(--q8pywr9q-surface);border-radius:var(--radius,12px);padding:0.8rem 0.85rem;} #week-1-deliverables .week1__metric-label{font-size:0.875rem;color:var(--q8pywr9q-slate);} #week-1-deliverables .week1__metric-value{margin-top:0.35rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-0.01em;} #week-1-deliverables .week1__footer-cta{margin-top:1.25rem;display:flex;justify-content:flex-start;} #week-1-deliverables .week1__link{display:inline-flex;align-items:center;gap:0.6rem;color:var(--q8pywr9q-primary);font-weight:800;text-decoration:none;border:1px solid rgba(15,118,110,0.35);background:rgba(230,242,240,0.45);padding:0.7rem 0.95rem;border-radius:var(--radius,12px);} #week-1-deliverables .week1__link:focus-visible{outline:3px solid rgba(15,118,110,0.35);outline-offset:3px;} #week-1-deliverables .week1__link:hover{background:rgba(230,242,240,0.75);} #week-1-deliverables .week1__link:active{transform:translateY(1px);} #week-1-deliverables ::selection{background:rgba(15,118,110,0.25);} @media (max-width:768px){ #week-1-deliverables .week1__head{flex-direction:column;align-items:flex-start;} #week-1-deliverables .week1__metrics{flex-direction:column;} #week-1-deliverables .week1__metrics-grid{grid-template-columns:1fr;max-width:none;} } @media (prefers-reduced-motion:reduce){ #week-1-deliverables .week1__extra{transition:none;} } /* q8pywr9q:communication-sla */ /* q8pywr9q:communication-sla */ #communication-sla.communication-sla{background:var(--q8pywr9q-bg);color:var(--q8pywr9q-text);padding:clamp(2.5rem,6vw,6rem) 0;} #communication-sla .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #communication-sla .top{max-width:58rem;margin:0 0 2.25rem;} #communication-sla .eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-sans);font-size:.875rem;letter-spacing:.02em;color:var(--q8pywr9q-primary);text-transform:none;} #communication-sla .title{font-family:var(--font-serif);font-size:clamp(1.6rem,2.7vw,2.4rem);line-height:1.15;letter-spacing:-0.015em;margin:.75rem 0 1rem;text-wrap:balance;} #communication-sla .lead{margin:0;max-width:56ch;font-size:1rem;line-height:1.6;color:var(--q8pywr9q-slate);} #communication-sla .sla-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem;align-items:start;} #communication-sla .sla-card{grid-column:span 4;background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg);padding:1.25rem 1.25rem 1.05rem;box-shadow:0 1px 0 rgba(11,18,32,.03);position:relative;overflow:hidden;} #communication-sla .sla-card:before{content:"";position:absolute;left:-40px;top:-60px;width:140px;height:140px;border-radius:999px;background:rgba(15,118,110,.10);pointer-events:none;} #communication-sla .sla-head{display:flex;align-items:flex-start;gap:.85rem;margin-bottom:.75rem;position:relative;} #communication-sla .num{flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:var(--q8pywr9q-mist);color:var(--q8pywr9q-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;border:1px solid rgba(15,118,110,.25);} #communication-sla .card-title{margin:0;font-family:var(--font-sans);font-size:1.125rem;line-height:1.25;} #communication-sla .bullets{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.55rem;} #communication-sla .bullets li{color:var(--q8pywr9q-slate);line-height:1.45;font-size:.98rem;} #communication-sla .bullets .extra{max-height:0;opacity:0;overflow:hidden;transform:translateY(-4px);transition:max-height 180ms ease, opacity 180ms ease, transform 180ms ease;} #communication-sla .sla-card:focus-within .bullets .extra,#communication-sla .sla-card:hover .bullets .extra{max-height:5.5rem;opacity:1;transform:translateY(0);} #communication-sla .week1{margin-top:.95rem;padding:.65rem .8rem;border-radius:var(--radius-md);border:1px solid rgba(15,118,110,.35);background:rgba(230,242,240,.75);color:var(--q8pywr9q-primary);font-weight:700;font-size:.875rem;} #communication-sla .metric{margin-top:.75rem;padding:.6rem .8rem;border-radius:var(--radius-md);border:1px solid var(--q8pywr9q-border);background:var(--q8pywr9q-bg);color:var(--q8pywr9q-ink);font-family:var(--font-mono, 'ui-monospace', SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-size:.9rem;line-height:1.25;} #communication-sla .disclaimer{margin-top:1.75rem;background:rgba(11,18,32,.03);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg);padding:1.05rem 1.1rem;} #communication-sla .disclaimer-title{margin:0 0 .4rem;font-size:1.05rem;} #communication-sla .disclaimer-text{margin:0;color:var(--q8pywr9q-slate);line-height:1.6;} #communication-sla .cta-row{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:1.8rem;align-items:center;} #communication-sla .primary-link,#communication-sla .secondary-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.75rem 1rem;border-radius:999px;text-decoration:none;font-weight:800;font-size:.95rem;letter-spacing:.01em;} #communication-sla .primary-link{background:var(--q8pywr9q-primary);color:#fff;box-shadow:0 8px 18px rgba(15,118,110,.18);border:1px solid rgba(15,118,110,.35);} #communication-sla .secondary-link{background:var(--q8pywr9q-surface);color:var(--q8pywr9q-ink);border:1px solid var(--q8pywr9q-border);} #communication-sla .primary-link:focus-visible,#communication-sla .secondary-link:focus-visible{outline:3px solid rgba(15,118,110,.35);outline-offset:2px;} #communication-sla .primary-link:active{transform:translateY(1px);} #communication-sla .secondary-link:active{transform:translateY(1px);} #communication-sla ::selection{background:rgba(15,118,110,.25);} @media (max-width: 1024px){#communication-sla .sla-card{grid-column:span 6;}} @media (max-width: 640px){#communication-sla .sla-grid{grid-template-columns:1fr;gap:1rem;}#communication-sla .sla-card{grid-column:span 1;}#communication-sla .bullets .extra{max-height:5.5rem;opacity:1;transform:none;}#communication-sla .cta-row{flex-direction:column;align-items:stretch;}#communication-sla .primary-link,#communication-sla .secondary-link{width:100%;}} @media (prefers-reduced-motion: reduce){#communication-sla .bullets .extra{transition:none;}#communication-sla .primary-link:active,#communication-sla .secondary-link:active{transform:none;}} /* q8pywr9q:faq-preview */ /* q8pywr9q:faq-preview */ #faq-preview{background:var(--q8pywr9q-bg);color:var(--q8pywr9q-text);padding:clamp(2.5rem,4.8vw,4.5rem) 0} #faq-preview .faq-preview__container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,3.2vw,3rem)} #faq-preview .faq-preview__header{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:1.75rem} #faq-preview .faq-preview__title{font-family:var(--font-serif);font-size:clamp(1.6rem,2.6vw,2.25rem);letter-spacing:-0.02em;line-height:1.15;margin:0} #faq-preview .faq-preview__lede{margin:0;max-width:56ch;font-size:1rem;line-height:1.6;color:var(--q8pywr9q-text)} #faq-preview .faq-preview__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem} #faq-preview .faq-preview__item{background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-md);padding:1rem 1rem 0.95rem;box-shadow:0 10px 30px rgba(11,18,32,0.06)} #faq-preview .faq-preview__q{font-weight:650;line-height:1.3;margin:0 0 0.5rem 0;font-size:1rem} #faq-preview .faq-preview__a{margin:0;line-height:1.65;color:var(--q8pywr9q-slate);font-size:0.95rem} #faq-preview .faq-preview__cta{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;margin-top:1.6rem} #faq-preview .faq-preview__link{color:var(--q8pywr9q-primary);text-decoration:none;font-weight:650} #faq-preview .faq-preview__link:focus-visible{outline:3px solid rgba(15,118,110,0.35);outline-offset:3px;border-radius:6px} #faq-preview .faq-preview__link:hover{text-decoration:underline} #faq-preview .faq-preview__divider{width:1px;height:22px;background:var(--q8pywr9q-border);display:inline-block} #faq-preview .faq-preview__btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1.05rem;border-radius:var(--radius-sm);background:var(--q8pywr9q-primary);color:var(--q8pywr9q-surface);text-decoration:none;font-weight:700;border:1px solid var(--q8pywr9q-primary);box-shadow:0 12px 26px rgba(15,118,110,0.18)} #faq-preview .faq-preview__btn:hover{background:color-mix(in srgb,var(--q8pywr9q-primary),#0a5e56 15%)} #faq-preview .faq-preview__btn:active{transform:translateY(1px)} #faq-preview .faq-preview__btn:focus-visible{outline:3px solid rgba(15,118,110,0.35);outline-offset:3px} #faq-preview .faq-preview__disclaimer{margin-top:1.25rem;background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-md);padding:0.95rem 1rem;color:var(--q8pywr9q-slate);line-height:1.55;display:flex;gap:0.5rem;align-items:flex-start} #faq-preview .faq-preview__disclaimer-title{font-weight:800;color:var(--q8pywr9q-ink)} #faq-preview .faq-preview__disclaimer-text{font-size:0.95rem} #faq-preview ::selection{background:rgba(15,118,110,0.22)} @media (max-width: 860px){#faq-preview .faq-preview__grid{grid-template-columns:1fr}} @media (prefers-reduced-motion: reduce){#faq-preview .faq-preview__btn{transition:none}} /* q8pywr9q:pricing-basics */ /* q8pywr9q:pricing-basics */ #pricing-basics.pricing-basics{background:var(--q8pywr9q-bg);padding:clamp(2.5rem,6vw,4.5rem) 0;color:var(--q8pywr9q-text);} #pricing-basics .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #pricing-basics .section-head{max-width:46rem;} #pricing-basics .kicker{font-family:var(--font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);font-size:0.875rem;letter-spacing:0.02em;text-transform:uppercase;color:var(--q8pywr9q-primary);margin:0 0 0.75rem 0;font-weight:700;} #pricing-basics .title{font-family:var(--font-serif, 'Avenir Next', Avenir, 'Segoe UI', Century Gothic, sans-serif);font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.15;letter-spacing:-0.01em;margin:0 0 1rem 0;text-wrap:balance;} #pricing-basics .lead{margin:0 0 1.75rem 0;font-size:1rem;line-height:1.6;color:var(--q8pywr9q-slate);} #pricing-basics .two-col{display:grid;grid-template-columns:1fr;gap:1.25rem;} #pricing-basics .panel{background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg,16px);padding:1.25rem;box-shadow:0 10px 24px rgba(15,118,110,0.08);} #pricing-basics .panel-title{margin:0 0 0.9rem 0;font-size:1.05rem;line-height:1.3;font-weight:800;color:var(--q8pywr9q-ink);display:flex;align-items:baseline;gap:0.6rem;} #pricing-basics .num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:var(--q8pywr9q-mist);border:1px solid rgba(15,118,110,0.35);color:var(--q8pywr9q-primary);font-weight:900;font-family:var(--font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);} #pricing-basics .bullets{margin:0;padding-left:1.15rem;} #pricing-basics .bullets li{margin:0.55rem 0;color:var(--q8pywr9q-slate);line-height:1.5;font-size:0.98rem;} #pricing-basics .micro-box{margin-top:1rem;background:rgba(15,118,110,0.06);border:1px solid rgba(15,118,110,0.35);border-radius:var(--radius-md,12px);padding:0.9rem;} #pricing-basics .micro-box-head{font-weight:900;color:var(--q8pywr9q-primary);margin:0 0 0.4rem 0;font-size:0.95rem;} #pricing-basics .micro-box-text{margin:0;color:var(--q8pywr9q-slate);line-height:1.55;font-size:0.95rem;} #pricing-basics .proof-meter{margin-top:1rem;border-radius:var(--radius-md,12px);border:1px solid rgba(13, 110, 253, 0);} #pricing-basics .proof-meter-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:0.75rem 0.85rem;border:1px solid var(--q8pywr9q-border);background:linear-gradient(180deg, rgba(230,242,240,0.7), rgba(255,255,255,0.0));border-radius:var(--radius-md,12px);} #pricing-basics .proof-label{color:var(--q8pywr9q-slate);font-weight:800;font-size:0.95rem;} #pricing-basics .proof-value{color:var(--q8pywr9q-primary);font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:0.01em;} #pricing-basics .proof-note{margin:0.65rem 0 0 0;color:var(--q8pywr9q-slate);line-height:1.55;font-size:0.95rem;} #pricing-basics .proof-evidence{margin-top:0.9rem;display:flex;flex-direction:column;gap:0.45rem;} #pricing-basics .evidence-item{display:flex;align-items:center;gap:0.6rem;color:var(--q8pywr9q-ink);font-weight:700;font-size:0.95rem;} #pricing-basics .dot{width:10px;height:10px;border-radius:999px;background:var(--q8pywr9q-primary);box-shadow:0 0 0 4px rgba(15,118,110,0.15);flex:0 0 auto;} #pricing-basics .anchor-row{margin-top:1.75rem;display:flex;flex-wrap:wrap;gap:0.75rem;} #pricing-basics .chip{display:inline-flex;align-items:center;justify-content:center;padding:0.65rem 0.95rem;border-radius:999px;border:1px solid var(--q8pywr9q-border);background:var(--q8pywr9q-surface);color:var(--q8pywr9q-ink);text-decoration:none;font-weight:800;font-size:0.95rem;min-height:44px;} #pricing-basics .chip:focus-visible{outline:3px solid rgba(15,118,110,0.35);outline-offset:2px;} #pricing-basics .chip:hover{border-color:rgba(15,118,110,0.55);} @media (min-width: 768px){ #pricing-basics .two-col{grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start;} #pricing-basics .panel{padding:1.35rem;} } @media (prefers-reduced-motion: reduce){ #pricing-basics *{scroll-behavior:auto !important;transition:none !important;} } #pricing-basics ::selection{background:rgba(15,118,110,0.25);} /* q8pywr9q:pricing-drivers */ /* q8pywr9q:pricing-drivers */ #pricing-drivers.pricing-drivers{padding:clamp(2.5rem,6vw,4.5rem) 0;background:var(--q8pywr9q-bg);color:var(--q8pywr9q-text);} #pricing-drivers .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #pricing-drivers .section-head{margin-bottom:1.75rem;max-width:58rem;} #pricing-drivers .section-title{font-family:var(--q8pywr9q-serif, 'Avenir Next, Avenir, Segoe UI, Century Gothic, sans-serif');font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-0.02em;margin:0 0 0.6rem;font-weight:800;text-wrap:balance;} #pricing-drivers .section-lead{margin:0;color:rgba(11,18,32,0.82);font-size:1rem;line-height:1.65;max-width:52rem;} #pricing-drivers .drivers{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;align-items:start;} #pricing-drivers .driver-card{grid-column:span 6;background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--q8pywr9q-radius-lg,16px);padding:1.25rem 1.25rem 1rem;position:relative;overflow:hidden;} #pricing-drivers .driver-card::before{content:"";position:absolute;inset:-1px auto auto -1px;width:6px;background:var(--q8pywr9q-primary);opacity:0.95;} #pricing-drivers .driver-top{display:flex;align-items:flex-start;gap:0.75rem;margin-bottom:0.85rem;} #pricing-drivers .driver-index{width:32px;height:32px;border-radius:10px;background:var(--q8pywr9q-mist);color:var(--q8pywr9q-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-variant-numeric:tabular-nums;flex:0 0 auto;} #pricing-drivers .driver-title{margin:0;font-size:1.1rem;line-height:1.25;font-weight:800;letter-spacing:-0.01em;} #pricing-drivers .driver-list{margin:0;padding-left:1.1rem;color:rgba(11,18,32,0.86);} #pricing-drivers .driver-list li{margin:0.45rem 0;line-height:1.55;} #pricing-drivers .more-line{display:block;max-height:0;overflow:hidden;opacity:0;transform:translateY(-4px);transition:max-height 180ms ease,opacity 180ms ease,transform 180ms ease;} #pricing-drivers .driver-card:hover .more-line,#pricing-drivers .driver-card:focus-within .more-line{max-height:2.8em;opacity:1;transform:translateY(0);} #pricing-drivers .week1{margin-top:0.95rem;border:1px solid rgba(15,118,110,0.35);background:rgba(230,242,240,0.55);padding:0.75rem 0.85rem;border-radius:var(--q8pywr9q-radius-md,12px);color:rgba(11,18,32,0.9);font-size:0.95rem;} #pricing-drivers .week1 span{font-weight:800;color:var(--q8pywr9q-primary);} #pricing-drivers .disclaimer{margin-top:1.4rem;padding:1rem 1.05rem;background:rgba(255,255,255,0.75);border:1px solid var(--q8pywr9q-border);border-radius:var(--q8pywr9q-radius-lg,16px);} #pricing-drivers .disclaimer-text{margin:0 0 0.4rem;color:rgba(11,18,32,0.9);line-height:1.55;} #pricing-drivers .disclaimer-meta{margin:0;color:rgba(11,18,32,0.78);line-height:1.55;font-size:0.95rem;} #pricing-drivers .inline-link{color:var(--q8pywr9q-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;} #pricing-drivers .inline-link:focus-visible{outline:3px solid rgba(15,118,110,0.35);outline-offset:3px;border-radius:6px;} #pricing-drivers .driver-card:focus-visible{outline:3px solid rgba(15,118,110,0.35);outline-offset:4px;} #pricing-drivers ::selection{background:rgba(15,118,110,0.18);} @media (max-width: 900px){#pricing-drivers .driver-card{grid-column:span 12;}} @media (prefers-reduced-motion: reduce){#pricing-drivers .more-line{transition:none;}} /* q8pywr9q:pricing-options */ /* q8pywr9q:pricing-options */ #pricing-options{padding:clamp(2.5rem,5vw,5rem) 0;background:var(--q8pywr9q-bg);} #pricing-options .pricing-options__wrap{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #pricing-options .pricing-options__header{margin-bottom:clamp(1.8rem,3.5vw,3.2rem);} #pricing-options .pricing-options__title{font-family:var(--q8pywr9q-font-serif, 'Avenir Next');font-size:clamp(1.6rem,2.8vw,2.4rem);letter-spacing:-0.02em;margin:0 0 0.75rem 0;color:var(--q8pywr9q-ink);text-wrap:balance;} #pricing-options .pricing-options__subtitle{margin:0;max-width:62ch;color:var(--q8pywr9q-text);font-size:1rem;line-height:1.6;} #pricing-options .pricing-options__disclaimer{margin-top:1.1rem;display:flex;gap:0.6rem;align-items:flex-start;padding:0.95rem 1rem;border:1px solid var(--q8pywr9q-border);background:var(--q8pywr9q-surface);border-radius:var(--radius-md,12px);} #pricing-options .pricing-options__disclaimer-mark{color:var(--q8pywr9q-secondary);font-weight:800;line-height:1.2;} #pricing-options .pricing-options__disclaimer-text{color:var(--q8pywr9q-text);font-size:0.95rem;line-height:1.5;} #pricing-options .pricing-options__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem;align-items:start;} #pricing-options .tier{grid-column:span 4;background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:16px;padding:1.35rem 1.25rem;box-shadow:0 10px 30px rgba(11,18,32,0.06);position:relative;} #pricing-options .tier__top{display:flex;gap:1rem;align-items:baseline;margin-bottom:0.8rem;} #pricing-options .tier__index{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;font-size:0.95rem;color:var(--q8pywr9q-secondary);font-weight:700;letter-spacing:0.02em;min-width:2.2rem;} #pricing-options .tier__name{margin:0;color:var(--q8pywr9q-ink);font-size:1.25rem;letter-spacing:-0.01em;font-weight:800;} #pricing-options .tier__price{margin:0.35rem 0 0.9rem 0;color:var(--q8pywr9q-text);font-size:1.05rem;line-height:1.35;} #pricing-options .tier__price-num{font-variant-numeric:tabular-nums;font-weight:900;letter-spacing:-0.02em;} #pricing-options .tier__bullets{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:0.55rem;} #pricing-options .tier__bullets li{color:var(--q8pywr9q-text);font-size:0.98rem;line-height:1.45;position:relative;padding-left:1.15rem;} #pricing-options .tier__bullets li:before{content:"";position:absolute;left:0.05rem;top:0.55em;width:0.55rem;height:0.55rem;border-radius:50%;background:var(--q8pywr9q-primary);} #pricing-options .tier__reveal{max-height:0;overflow:hidden;opacity:0;transform:translateY(-4px);transition:max-height 220ms ease,opacity 220ms ease,transform 220ms ease;} #pricing-options .tier:focus-within .tier__reveal,#pricing-options .tier:hover .tier__reveal{max-height:3.5rem;opacity:1;transform:translateY(0);} #pricing-options .tier__week1{margin-top:1rem;border:1px solid var(--q8pywr9q-primary);background:linear-gradient(180deg, rgba(15,118,110,0.07), rgba(15,118,110,0.03));border-radius:12px;padding:0.9rem 0.95rem;} #pricing-options .tier__week1-title{font-weight:900;color:var(--q8pywr9q-ink);letter-spacing:-0.01em;font-size:0.95rem;margin-bottom:0.55rem;} #pricing-options .tier__week1-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:0.45rem;} #pricing-options .tier__week1-list li{color:var(--q8pywr9q-text);font-size:0.95rem;line-height:1.45;position:relative;padding-left:1.15rem;} #pricing-options .tier__week1-list li:before{content:"";position:absolute;left:0.05rem;top:0.55em;width:0.55rem;height:0.55rem;border-radius:50%;background:var(--q8pywr9q-secondary);} #pricing-options .tier__meter{margin-top:1rem;} #pricing-options .tier__meter-label{font-size:0.875rem;color:var(--q8pywr9q-slate);margin-bottom:0.6rem;} #pricing-options .tier__meter-tags{display:flex;flex-wrap:wrap;gap:0.5rem;} #pricing-options .tag{display:inline-flex;align-items:center;border:1px solid var(--q8pywr9q-border);background:var(--q8pywr9q-bg);color:var(--q8pywr9q-text);font-size:0.86rem;border-radius:999px;padding:0.35rem 0.65rem;} #pricing-options .tier__link{display:inline-flex;align-items:center;justify-content:flex-start;margin-top:1.1rem;color:var(--q8pywr9q-primary);font-weight:900;text-decoration:none;gap:0.5rem;} #pricing-options .tier__link:after{content:"→";font-weight:900;} #pricing-options .tier__link:hover{text-decoration:underline;} #pricing-options .tier__link--primary{color:var(--q8pywr9q-ink);} #pricing-options .tier__link--primary{padding:0.65rem 0.85rem;border-radius:12px;border:1px solid var(--q8pywr9q-primary);background:var(--q8pywr9q-primary);color:var(--q8pywr9q-surface);text-decoration:none;} #pricing-options .tier__link--primary:hover{filter:brightness(1.02);} #pricing-options .tier__link--primary:focus-visible,#pricing-options .tier__link:focus-visible,#pricing-options .chip:focus-visible{outline:3px solid var(--q8pywr9q-secondary);outline-offset:3px;} #pricing-options .pricing-options__anchors{margin-top:2.1rem;display:flex;gap:0.8rem;flex-wrap:wrap;} #pricing-options .chip{display:inline-flex;align-items:center;border:1px solid var(--q8pywr9q-border);background:var(--q8pywr9q-surface);color:var(--q8pywr9q-text);text-decoration:none;font-weight:800;border-radius:999px;padding:0.7rem 0.95rem;min-height:44px;} #pricing-options .chip:hover{border-color:var(--q8pywr9q-primary);} #pricing-options ::selection{background:rgba(15,118,110,0.22);} @media (max-width: 1024px){#pricing-options .tier{grid-column:span 6;}} @media (max-width: 640px){ #pricing-options .pricing-options__grid{grid-template-columns:1fr;} #pricing-options .tier{grid-column:auto;} #pricing-options .pricing-options__anchors{gap:0.6rem;} #pricing-options .pricing-options__disclaimer{border-radius:var(--radius-sm,8px);} #pricing-options .tier__reveal{max-height:none;opacity:1;transform:none;transition:none;} } @media (prefers-reduced-motion: reduce){ #pricing-options .tier__reveal{transition:none;} } /* q8pywr9q:pricing-cta */ /* q8pywr9q:pricing-cta */ #pricing-cta{--pc-pad:clamp(18px,3.2vw,32px);--pc-gap:clamp(14px,2.6vw,22px);background:var(--q8pywr9q-bg);color:var(--q8pywr9q-text);padding:var(--pc-pad) 0;} #pricing-cta .pricing-cta__inner{max-width:72rem;margin:0 auto;padding:0 clamp(16px,4vw,28px);display:grid;grid-template-columns:1.2fr .8fr;gap:var(--pc-gap);align-items:start;} #pricing-cta .pricing-cta__copy{background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg,16px);padding:clamp(18px,3.2vw,30px);} #pricing-cta .pricing-cta__kicker{margin:0 0 10px;font-size:.95rem;letter-spacing:.02em;color:var(--q8pywr9q-slate);} #pricing-cta .pricing-cta__title{margin:0 0 10px;font-size:clamp(1.65rem,2.6vw,2.25rem);line-height:1.08;letter-spacing:-.02em;font-family:var(--q8pywr9q-serif, 'Avenir Next', Avenir, 'Segoe UI', Century Gothic, sans-serif);} #pricing-cta .pricing-cta__text{margin:0 0 14px;font-size:1rem;line-height:1.55;color:var(--q8pywr9q-slate);max-width:45ch;} #pricing-cta .pricing-cta__checklist{margin:0 0 18px;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;} #pricing-cta .pricing-cta__checklist li{position:relative;padding-left:22px;font-size:1rem;line-height:1.45;color:var(--q8pywr9q-text);} #pricing-cta .pricing-cta__checklist li::before{content:"";position:absolute;left:0;top:.55em;width:12px;height:12px;border-radius:6px;background:var(--q8pywr9q-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--q8pywr9q-primary) 18%, transparent);} #pricing-cta .pricing-cta__actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0 0 12px;} #pricing-cta .pricing-cta__primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:var(--radius-md,12px);background:var(--q8pywr9q-primary);color:var(--q8pywr9q-surface);text-decoration:none;font-weight:700;border:1px solid var(--q8pywr9q-primary);min-height:44px;} #pricing-cta .pricing-cta__primary:focus-visible{outline:3px solid color-mix(in srgb, var(--q8pywr9q-primary) 55%, white);outline-offset:3px;} #pricing-cta .pricing-cta__primary:hover{background:color-mix(in srgb, var(--q8pywr9q-primary) 88%, black);} #pricing-cta .pricing-cta__secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:var(--radius-md,12px);background:transparent;color:var(--q8pywr9q-primary);text-decoration:none;font-weight:700;border:1px solid var(--q8pywr9q-border);min-height:44px;} #pricing-cta .pricing-cta__secondary:focus-visible{outline:3px solid color-mix(in srgb, var(--q8pywr9q-primary) 45%, white);outline-offset:3px;border-color:color-mix(in srgb, var(--q8pywr9q-primary) 40%, var(--q8pywr9q-border));} #pricing-cta .pricing-cta__secondary:hover{border-color:color-mix(in srgb, var(--q8pywr9q-primary) 55%, var(--q8pywr9q-border));color:color-mix(in srgb, var(--q8pywr9q-primary) 85%, black);} #pricing-cta .pricing-cta__disclaimer{margin:0;font-size:.92rem;line-height:1.45;color:var(--q8pywr9q-slate);} #pricing-cta .pricing-cta__proof{display:flex;flex-direction:column;gap:14px;} #pricing-cta .proof-card{background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg,16px);padding:16px 16px;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;} #pricing-cta .proof-card--highlight{border-color:color-mix(in srgb, var(--q8pywr9q-primary) 35%, var(--q8pywr9q-border));} #pricing-cta .proof-card__num{width:34px;height:34px;border-radius:10px;background:color-mix(in srgb, var(--q8pywr9q-primary) 12%, var(--q8pywr9q-surface));border:1px solid color-mix(in srgb, var(--q8pywr9q-primary) 35%, var(--q8pywr9q-border));display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--q8pywr9q-primary);font-variant-numeric:tabular-nums;} #pricing-cta .proof-card__title{margin:0 0 6px;font-size:1.02rem;line-height:1.25;font-weight:800;color:var(--q8pywr9q-ink);} #pricing-cta .proof-card__text{margin:0;font-size:.95rem;line-height:1.5;color:var(--q8pywr9q-slate);} #pricing-cta .proof-card:focus-within{outline:3px solid color-mix(in srgb, var(--q8pywr9q-primary) 40%, white);outline-offset:4px;} ::selection{background:color-mix(in srgb, var(--q8pywr9q-primary) 28%, transparent);} @media (max-width:900px){#pricing-cta .pricing-cta__inner{grid-template-columns:1fr;}} @media (prefers-reduced-motion:reduce){#pricing-cta *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* q8pywr9q:contact-intro */ /* q8pywr9q:contact-intro */ #contact-intro{background:var(--q8pywr9q-bg);padding:clamp(2.5rem,6vw,5rem) 0;color:var(--q8pywr9q-text);} #contact-intro .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #contact-intro .intro-grid{display:grid;grid-template-columns:1.4fr 0.9fr;gap:clamp(1.25rem,3vw,2.5rem);align-items:start;} #contact-intro .title{font-family:var(--font-sans, 'Avenir Next');font-size:clamp(2rem,4vw,4rem);line-height:1.05;letter-spacing:-0.02em;margin:0 0 0.75rem;font-weight:800;color:var(--q8pywr9q-ink);text-wrap:balance;} #contact-intro .lede{font-size:1rem;line-height:1.6;margin:0 0 1.5rem;color:var(--q8pywr9q-text);max-width:38rem;} #contact-intro .disclaimer{background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg,16px);padding:1rem 1rem 1.05rem;} #contact-intro .disclaimer-badge{display:inline-block;background:var(--q8pywr9q-mist);color:var(--q8pywr9q-primary);border:1px solid color-mix(in srgb, var(--q8pywr9q-primary) 25%, var(--q8pywr9q-border));padding:0.4rem 0.6rem;border-radius:999px;font-size:0.875rem;font-weight:750;margin:0 0 0.75rem;} #contact-intro .disclaimer-text{margin:0;font-size:0.98rem;line-height:1.6;color:var(--q8pywr9q-text);} #contact-intro .need-to-prepare{margin:1.75rem 0 0;} #contact-intro .subtitle{font-size:1.25rem;line-height:1.25;margin:0 0 0.75rem;font-weight:850;color:var(--q8pywr9q-ink);} #contact-intro .bullets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.6rem;} #contact-intro .bullets li{position:relative;padding-left:1.15rem;line-height:1.55;color:var(--q8pywr9q-text);} #contact-intro .bullets li:before{content:"";position:absolute;left:0.1rem;top:0.55rem;width:0.55rem;height:0.55rem;border-radius:3px;background:var(--q8pywr9q-primary);} #contact-intro .quick-links{display:flex;gap:0.7rem;flex-wrap:wrap;margin-top:1.55rem;} #contact-intro .chip{display:inline-flex;align-items:center;gap:0.5rem;text-decoration:none;background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);color:var(--q8pywr9q-ink);padding:0.6rem 0.85rem;border-radius:999px;font-weight:700;font-size:0.95rem;} #contact-intro .chip:focus-visible{outline:3px solid color-mix(in srgb, var(--q8pywr9q-primary) 55%, white);outline-offset:2px;} #contact-intro .chip:hover{border-color:color-mix(in srgb, var(--q8pywr9q-primary) 45%, var(--q8pywr9q-border));} #contact-intro .intro-panel{background:transparent;} #contact-intro .panel-inner{background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg,16px);padding:1.1rem 1.1rem 1.0rem;position:relative;} #contact-intro .panel-inner:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 10px 30px color-mix(in srgb, var(--q8pywr9q-primary) 10%, transparent);pointer-events:none;} #contact-intro .panel-title{position:relative;margin:0 0 0.85rem;font-size:1.12rem;line-height:1.25;color:var(--q8pywr9q-ink);font-weight:900;} #contact-intro .steps{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:0.75rem;} #contact-intro .steps li{display:grid;grid-template-columns:auto 1fr;gap:0.8rem;align-items:start;padding:0.75rem;border-radius:var(--radius-md,12px);border:1px solid color-mix(in srgb, var(--q8pywr9q-border) 80%, white);background:color-mix(in srgb, var(--q8pywr9q-surface) 85%, var(--q8pywr9q-mist) 15%);} #contact-intro .step-num{width:2rem;height:2rem;border-radius:999px;background:var(--q8pywr9q-mist);border:1px solid color-mix(in srgb, var(--q8pywr9q-primary) 35%, var(--q8pywr9q-border));display:flex;align-items:center;justify-content:center;font-weight:950;color:var(--q8pywr9q-primary);font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;} #contact-intro .step-title{font-weight:900;color:var(--q8pywr9q-ink);margin:0 0 0.25rem;font-size:1rem;} #contact-intro .step-text{color:var(--q8pywr9q-text);line-height:1.55;font-size:0.95rem;} #contact-intro .contact-hint{margin-top:1rem;padding-top:0.9rem;border-top:1px dashed color-mix(in srgb, var(--q8pywr9q-border) 85%, var(--q8pywr9q-mist));position:relative;} #contact-intro .contact-hint-text{margin:0 0 0.7rem;line-height:1.6;color:var(--q8pywr9q-text);font-size:0.98rem;} #contact-intro .text-link{color:var(--q8pywr9q-primary);font-weight:800;text-decoration:none;} #contact-intro .text-link:hover{text-decoration:underline;} #contact-intro .text-link:focus-visible{outline:3px solid color-mix(in srgb, var(--q8pywr9q-primary) 55%, white);outline-offset:3px;border-radius:6px;} #contact-intro *::selection{background:color-mix(in srgb, var(--q8pywr9q-primary) 25%, white);} @media (max-width: 900px){#contact-intro .intro-grid{grid-template-columns:1fr;gap:1.25rem;}#contact-intro .intro-panel{order:2;}#contact-intro .intro-copy{order:1;}} @media (prefers-reduced-motion: reduce){#contact-intro *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* q8pywr9q:contact-form */ /* q8pywr9q:contact-form */ #contact-form{background:var(--q8pywr9q-bg);color:var(--q8pywr9q-text);padding:clamp(2.5rem,6vw,4.5rem) var(--page-gutter,clamp(1rem,4vw,3rem));} #contact-form .contact-form-shell{max-width:72rem;margin:0 auto;} #contact-form .contact-form-grid{display:grid;grid-template-columns:1fr;gap:clamp(1.5rem,4vw,2.5rem);align-items:start;} #contact-form .contact-form-title{font:700 clamp(1.75rem,3vw,2.25rem)/1.1 var(--font-serif,'Georgia',serif);letter-spacing:-0.02em;margin:0 0 0.75rem;} #contact-form .contact-form-lead{margin:0 0 1rem;max-width:45rem;font-size:1rem;line-height:1.55;} #contact-form .contact-form-note{margin:0;color:var(--q8pywr9q-slate);font-size:0.9375rem;line-height:1.5;} #contact-form .contact-form-panel{background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius,12px);padding:clamp(1.25rem,3vw,1.75rem);box-shadow:0 12px 30px rgba(11,18,32,0.06);} #contact-form .contact-form{display:flex;flex-direction:column;gap:1rem;} #contact-form .field{display:flex;flex-direction:column;gap:0.5rem;} #contact-form .label{font-weight:600;font-size:0.95rem;letter-spacing:0.01em;} #contact-form .input,#contact-form .textarea{width:100%;border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-sm,8px);padding:0.85rem 0.95rem;background:var(--q8pywr9q-surface);color:var(--q8pywr9q-ink);font-size:1rem;outline:none;} #contact-form .textarea{resize:vertical;min-height:140px;} #contact-form .input::placeholder,#contact-form .textarea::placeholder{color:rgba(11,18,32,0.55);} #contact-form .input:focus-visible,#contact-form .textarea:focus-visible{border-color:var(--q8pywr9q-primary);box-shadow:0 0 0 4px rgba(15,118,110,0.18);} #contact-form .input[required],#contact-form .textarea[required]{} #contact-form .consent{border-top:1px solid var(--q8pywr9q-border);padding-top:1rem;margin-top:0.25rem;} #contact-form .consent-text{margin:0 0 0.5rem;color:var(--q8pywr9q-slate);font-size:0.92rem;line-height:1.45;} #contact-form .consent-link{color:var(--q8pywr9q-primary);text-decoration:underline;text-underline-offset:3px;} #contact-form .consent-link:focus-visible{outline:3px solid rgba(15,118,110,0.35);border-radius:6px;outline-offset:2px;} #contact-form .form-actions{display:flex;gap:0.75rem;align-items:center;} #contact-form button.primary{appearance:none;border:1px solid var(--q8pywr9q-primary);background:var(--q8pywr9q-primary);color:var(--q8pywr9q-surface);font-weight:700;border-radius:var(--radius-sm,8px);padding:0.95rem 1.15rem;min-height:44px;cursor:pointer;} #contact-form button.primary:hover{background:rgba(15,118,110,0.92);} #contact-form button.primary:active{background:rgba(15,118,110,0.86);} #contact-form button.primary:focus-visible{outline:4px solid rgba(15,118,110,0.28);outline-offset:2px;} #contact-form .form-disclaimer{margin:0;color:var(--q8pywr9q-slate);font-size:0.9rem;line-height:1.45;} #contact-form ::selection{background:rgba(15,118,110,0.22);} @media (min-width: 768px){ #contact-form .contact-form-grid{grid-template-columns:0.95fr 1.05fr;} #contact-form .contact-form-panel{padding:clamp(1.5rem,3vw,2.15rem);} } @media (prefers-reduced-motion: reduce){ #contact-form *{scroll-behavior:auto !important;} } /* q8pywr9q:faq */ /* q8pywr9q:faq */ #faq.faq{background:var(--q8pywr9q-bg);color:var(--q8pywr9q-ink);padding:clamp(2.2rem,5vw,4rem) 0;} #faq.faq .faq__container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #faq.faq .faq__header{margin-bottom:1.5rem;} #faq.faq .faq__title{font-family:var(--q8pywr9q-sans, 'Avenir Next, Avenir, Segoe UI, system-ui, sans-serif');font-size:clamp(1.9rem,3vw,2.6rem);letter-spacing:-0.02em;line-height:1.1;margin:0 0 .6rem;text-wrap:balance;} #faq.faq .faq__lead{margin:0;max-width:58ch;color:var(--q8pywr9q-slate);font-size:1rem;line-height:1.6;} #faq.faq .faq__grid{display:flex;flex-direction:column;gap:.75rem;margin-top:1.25rem;} #faq.faq .faq__item{background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--q8pywr9q-radius-md,12px);overflow:hidden;} #faq.faq .faq__trigger{width:100%;text-align:left;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.05rem;cursor:pointer;background:transparent;border:0;color:var(--q8pywr9q-ink);} #faq.faq .faq__trigger:focus-visible{outline:3px solid color-mix(in srgb, var(--q8pywr9q-primary) 70%, white 30%);outline-offset:-2px;border-radius:10px;} #faq.faq .faq__q{font-weight:700;line-height:1.35;letter-spacing:-0.01em;} #faq.faq .faq__chev{flex:0 0 auto;width:34px;height:34px;border-radius:10px;border:1px solid var(--q8pywr9q-border);display:grid;place-items:center;font-size:1.25rem;line-height:1;color:var(--q8pywr9q-slate);background:var(--q8pywr9q-mist);} #faq.faq .faq__panel{border-top:1px solid var(--q8pywr9q-border);} #faq.faq .faq__panel-inner{padding:1rem 1.05rem 1.05rem;} #faq.faq .faq__a{margin:.05rem 0 .75rem;color:var(--q8pywr9q-slate);line-height:1.7;font-size:0.98rem;} #faq.faq .faq__a strong{color:var(--q8pywr9q-ink);} #faq.faq .faq__micro{border:1px solid color-mix(in srgb, var(--q8pywr9q-primary) 30%, var(--q8pywr9q-border) 70%);background:color-mix(in srgb, var(--q8pywr9q-mist) 85%, white 15%);padding:.7rem .85rem;border-radius:10px;color:var(--q8pywr9q-ink);font-size:.92rem;line-height:1.45;} #faq.faq .faq__cta{margin-top:1.25rem;background:color-mix(in srgb, var(--q8pywr9q-surface) 86%, var(--q8pywr9q-mist) 14%);border:1px solid var(--q8pywr9q-border);border-radius:var(--q8pywr9q-radius-md,12px);padding:1.1rem 1.1rem;display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;} #faq.faq .faq__cta-text{margin:0;max-width:62ch;color:var(--q8pywr9q-slate);line-height:1.6;} #faq.faq .faq__link{color:var(--q8pywr9q-surface);background:var(--q8pywr9q-primary);border:1px solid var(--q8pywr9q-primary);text-decoration:none;font-weight:800;padding:.8rem 1rem;border-radius:10px;display:inline-block;min-height:44px;} #faq.faq .faq__link:focus-visible{outline:3px solid color-mix(in srgb, var(--q8pywr9q-primary) 60%, white 40%);outline-offset:2px;} #faq.faq .faq__link:hover{background:color-mix(in srgb, var(--q8pywr9q-primary) 86%, var(--q8pywr9q-ink) 14%);} @media (max-width: 640px){#faq.faq{padding:2.2rem 0;}#faq.faq .faq__trigger{padding:1rem .95rem;}.faq__q{font-size:.98rem;}} #faq.faq ::selection{background:color-mix(in srgb, var(--q8pywr9q-primary) 30%, white 70%);color:var(--q8pywr9q-ink);} @media (prefers-reduced-motion: reduce){#faq.faq *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* Design-system base */ .policy-page{background:var(--q8pywr9q-bg);color:var(--q8pywr9q-text);font-family:var(--q8pywr9q-font);line-height:1.5;} .policy-container{max-width:920px;margin:0 auto;padding:24px 18px 40px 18px;} .policy-header{background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg);padding:20px 18px;margin-bottom:16px;} .policy-title{margin:0 0 8px 0;font-family:var(--q8pywr9q-font-display);font-size:30px;letter-spacing:-0.02em;color:var(--q8pywr9q-ink);} .policy-lead{margin:0;color:var(--q8pywr9q-slate);font-size:15px;} .policy-section{background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg);padding:18px 18px;margin:12px 0;} .policy-section-title{margin:0 0 10px 0;font-size:18px;color:var(--q8pywr9q-ink);font-family:var(--q8pywr9q-font-display);} .policy-paragraph{margin:0 0 10px 0;color:var(--q8pywr9q-slate);font-size:14.5px;} .policy-list{margin:0;padding-left:18px;color:var(--q8pywr9q-slate);} .policy-list li{margin:8px 0;font-size:14.5px;} .policy-card{border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-md);background:var(--q8pywr9q-mist);padding:14px 14px;} .policy-card-line{margin:8px 0;color:var(--q8pywr9q-ink);font-size:14.5px;} .policy-muted{color:var(--q8pywr9q-slate);} .policy-link{color:var(--q8pywr9q-primary);text-decoration:none;border-bottom:1px solid transparent;} .policy-link:hover{border-bottom-color:var(--q8pywr9q-primary);} .policy-footer{margin:14px 0 0 0;padding:10px 4px;} .policy-footer-text{margin:0;color:var(--q8pywr9q-slate);font-size:13.5px;} strong{font-weight:700;} @media (max-width:520px){.policy-title{font-size:26px;}.policy-section{padding:16px 14px;}.policy-header{padding:18px 14px;}} .policy-page{background:var(--q8pywr9q-bg);color:var(--q8pywr9q-text);font-family:var(--q8pywr9q-font);line-height:1.55;margin:0;padding:28px 0;} .policy-wrapper{max-width:980px;margin:0 auto;padding:0 18px;} .policy-header{background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg);padding:18px 18px 16px;box-shadow:0 1px 0 rgba(0,0,0,0.03);} .policy-title{margin:0 0 8px;font-family:var(--q8pywr9q-font-display);font-size:28px;letter-spacing:-0.02em;} .policy-lead{margin:0;color:var(--q8pywr9q-slate);font-size:15.5px;} .policy-section{margin-top:18px;background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg);padding:16px 18px;} .policy-h2{margin:0 0 10px;font-size:18px;color:var(--q8pywr9q-ink);font-family:var(--q8pywr9q-font-display);} .policy-p{margin:10px 0;color:var(--q8pywr9q-slate);font-size:14.8px;} .policy-list{margin:10px 0 0;padding:0 0 0 18px;} .policy-li{margin:7px 0;color:var(--q8pywr9q-slate);font-size:14.8px;} .policy-contact{margin-top:10px;padding:12px 14px;border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-md);background:var(--q8pywr9q-mist);} .policy-contact-item{margin:8px 0;color:var(--q8pywr9q-ink);font-size:14.6px;} .policy-contact-item strong{color:var(--q8pywr9q-ink);} .policy-footer{margin-top:18px;padding:0 2px 8px;} .policy-footer-p{margin:10px 0;color:var(--q8pywr9q-slate);font-size:13.6px;} @media (max-width:640px){.policy-header{padding:16px 14px 14px;}.policy-section{padding:14px 14px;}.policy-title{font-size:24px;}} /* Design-system base styling (hand-written, no utility frameworks) */ :root{ --q8pywr9q-primary:#0F766E; --q8pywr9q-secondary:#D97706; --q8pywr9q-accent:#0F766E; --q8pywr9q-ink:#0B1220; --q8pywr9q-slate:#374151; --q8pywr9q-mist:#E6F2F0; --q8pywr9q-border:#D1D5DB; --q8pywr9q-surface:#FFFFFF; --q8pywr9q-bg:#F3F4F6; --q8pywr9q-text:#0F172A; --q8pywr9q-font: 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif; --q8pywr9q-radius-sm:8px; --q8pywr9q-radius-md:12px; --q8pywr9q-radius-lg:16px; } .policy-page{ background: var(--q8pywr9q-bg); color: var(--q8pywr9q-text); font-family: var(--q8pywr9q-font); line-height: 1.55; min-height: 100vh; } .policy-container{ box-sizing: border-box; width: 100%; max-width: 980px; margin-left: auto; margin-right: auto; padding: 28px 20px 44px; } .policy-header{ background: var(--q8pywr9q-surface); border: 1px solid var(--q8pywr9q-border); border-radius: var(--q8pywr9q-radius-lg); padding: 22px 20px; box-shadow: 0 1px 0 rgba(0,0,0,0.02); } .policy-title{ margin: 0 0 8px 0; font-size: 26px; letter-spacing: -0.02em; color: var(--q8pywr9q-ink); } .policy-lead{ margin: 0; color: var(--q8pywr9q-slate); font-size: 15px; } .policy-section{ background: var(--q8pywr9q-surface); border: 1px solid var(--q8pywr9q-border); border-radius: var(--q8pywr9q-radius-lg); padding: 18px 20px; margin-top: 14px; } .policy-section-title{ margin: 0 0 10px 0; font-size: 18px; color: var(--q8pywr9q-ink); letter-spacing: -0.01em; } .policy-text{ margin: 10px 0; color: var(--q8pywr9q-text); font-size: 15px; } .policy-list{ margin: 8px 0 0 18px; padding: 0; color: var(--q8pywr9q-text); font-size: 15px; } .policy-li{ margin: 8px 0; } .policy-card{ margin-top: 8px; background: var(--q8pywr9q-mist); border: 1px solid rgba(15,118,110,0.25); border-radius: var(--q8pywr9q-radius-md); padding: 14px 14px; } .policy-footer{ margin-top: 16px; padding: 10px 4px 0; } .policy-link{ color: var(--q8pywr9q-primary); text-decoration: underline; } .policy-link:focus{ outline: 2px solid rgba(15,118,110,0.35); outline-offset: 2px; } .policy-muted{ color: var(--q8pywr9q-slate); } @media (max-width: 520px){ .policy-container{ padding-left: 14px; padding-right: 14px; } .policy-header{ padding: 18px 14px; } .policy-section{ padding: 16px 14px; } .policy-title{ font-size: 22px; } } .policy-page{background:var(--q8pywr9q-bg);color:var(--q8pywr9q-text);font-family:var(--q8pywr9q-font);padding:24px 16px;line-height:1.5} .policy-content{max-width:1040px;margin:0 auto;display:block} .policy-header{background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg);padding:18px 18px} .policy-title{margin:0 0 6px 0;font-family:var(--q8pywr9q-font-display);font-size:32px;letter-spacing:-0.02em;color:var(--q8pywr9q-ink)} .policy-lead{margin:0;color:var(--q8pywr9q-slate);font-size:16px} .policy-card{margin-top:14px;background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg);padding:16px 18px} .policy-card-title{margin:0 0 10px 0;font-size:18px;color:var(--q8pywr9q-ink)} .policy-list{margin:0;padding-left:18px} .policy-list-item{margin:6px 0;color:var(--q8pywr9q-slate)} .policy-text{margin:0 0 10px 0;color:var(--q8pywr9q-slate)} .policy-info-grid{margin-top:8px} .policy-info-item{padding:8px 10px;border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-md);background:linear-gradient(180deg, rgba(230,242,240,0.65), rgba(230,242,240,0.25));margin:10px 0} .policy-info-item strong{color:var(--q8pywr9q-ink)} .policy-info-item span{color:var(--q8pywr9q-slate)} .policy-link{color:var(--q8pywr9q-primary);text-decoration:underline} .policy-link:hover{color:var(--q8pywr9q-accent)} .policy-legal{margin:12px 0 0 0;color:var(--q8pywr9q-slate);font-size:13.5px} .policy-legal em{font-style:normal;color:var(--q8pywr9q-ink)} .policy-footer{margin-top:14px;padding:14px 16px;background:transparent;border-radius:var(--radius-lg)} .policy-footer .policy-text{background:var(--q8pywr9q-surface);border:1px solid var(--q8pywr9q-border);border-radius:var(--radius-lg);padding:14px 16px} @media (max-width:640px){.policy-title{font-size:26px}.policy-header,.policy-card{padding:14px 14px}.policy-info-item{padding:8px 9px}} :focus{outline:3px solid rgba(15,118,110,0.35);outline-offset:2px} section[data-q8pywr9q-yam]:not([data-q8pywr9q-yam='header']):not([data-q8pywr9q-yam='footer']) { position: relative; } section[data-q8pywr9q-yam]:not([data-q8pywr9q-yam='header']):not([data-q8pywr9q-yam='footer']) { border-top: 1px solid var(--q8pywr9q-border); } section[data-q8pywr9q-yam]:not([data-q8pywr9q-yam='header']) h1,section[data-q8pywr9q-yam]:not([data-q8pywr9q-yam='header']) h2 { max-width: 20ch; letter-spacing: -0.035em; } section[data-q8pywr9q-yam]:nth-of-type(even)::before { content: ''; position: absolute; top: 0; left: 0; width: 5rem; border-top: 3px solid var(--q8pywr9q-accent); } :root { --q8pywr9q-c-content-width: 72rem; --q8pywr9q-c-gutter: clamp(1rem, 4vw, 3rem); --q8pywr9q-c-measure: 65ch; --q8pywr9q-c-heading-display: clamp(2.5rem, 6vw, 5.5rem); } [data-q8pywr9q-dr] { scroll-margin-top: 1.5rem; } main > section, main [data-q8pywr9q-yam] { padding-inline: var(--q8pywr9q-c-gutter); } [data-q8pywr9q-dr*='article'], [data-q8pywr9q-dr*='review'] { max-width: var(--q8pywr9q-c-measure); } h1 { font-size: var(--q8pywr9q-c-heading-display); } @media (max-width: 768px) { [data-q8pywr9q-dr] { min-width: 0; } }