/* vanilla base reset (no framework) */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: var(--os4av4-font, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif); line-height: 1.5; color: var(--os4av4-ink, #111); background: var(--os4av4-bg, #fff); } h1, h2, h3, h4, h5, h6 { font-family: var(--os4av4-font-display, var(--os4av4-font, system-ui, sans-serif)); } img, svg, video, canvas { max-width: 100%; height: auto; } a { color: inherit; } *:focus-visible { outline: 2px solid var(--os4av4-primary, #2563eb); outline-offset: 2px; } /* visibility shim for framework toggles */ .hidden { display: none !important; } /* design tokens */ :root { --os4av4-primary: #0F2D3A; --os4av4-secondary: #1B6E5A; --os4av4-accent: #1B6E5A; --os4av4-ink: #0B0F14; --os4av4-slate: #4B5A66; --os4av4-mist: #D9DEE3; --os4av4-border: #D9DEE3; --os4av4-surface: #F7F6F3; --os4av4-bg: #FFFFFF; --os4av4-text: #0B0F14; --os4av4-font: 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif; --os4av4-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-os4av4-ui="cookie-banner"] { position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 9999; margin: 0 auto; max-width: 56rem; border: 1px solid var(--os4av4-border, #e5e7eb); background: var(--os4av4-surface, #fff); border-radius: 1rem; padding: 1rem; box-shadow: 0 10px 30px rgba(0,0,0,.15); } [data-os4av4-ui="cookie-banner"] > div { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-start; justify-content: space-between; } [data-os4av4-ui="cookie-banner"] > div > div:last-child { display: flex; flex-wrap: wrap; gap: .5rem; } [data-os4av4-ui="cookie-banner"] a { text-decoration: underline; } [data-os4av4-cs-action], [data-os4av4-ag-action] { cursor: pointer; border-radius: .5rem; padding: .5rem .9rem; font-size: .8rem; border: 1px solid var(--os4av4-border, #d1d5db); background: transparent; color: var(--os4av4-ink, #111); } [data-os4av4-cs-action="accept-all"], [data-os4av4-cs-action="save"], [data-os4av4-ag-action="confirm"] { background: var(--os4av4-primary, #2563eb); color: #fff; border-color: transparent; font-weight: 600; } [data-os4av4-cs-action="reject-all"] { background: var(--os4av4-ink, #111); color: #fff; border-color: transparent; font-weight: 600; } [data-os4av4-cs-panel] { margin-top: 1rem; border: 1px solid var(--os4av4-border, #e5e7eb); background: var(--os4av4-surface, #fff); border-radius: .75rem; padding: 1rem; font-size: .875rem; } [data-os4av4-cs-panel] > div { display: flex; flex-wrap: wrap; gap: .75rem; } [data-os4av4-ui="cookie-banner"] label { display: inline-flex; align-items: center; gap: .5rem; } [data-os4av4-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-os4av4-ui="age-gate-overlay"] > div { width: 100%; max-width: 28rem; margin: 0 1rem; background: var(--os4av4-surface, #1a1a2e); color: var(--os4av4-ink, #fff); border-radius: 1rem; padding: 2rem; text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,.4); } [data-os4av4-ui="age-gate-overlay"] > div > div:last-of-type { display: flex; flex-direction: column; gap: .75rem; } [data-os4av4-ag-action] { padding: .75rem 1.5rem; } /* sections */ /* os4av4:header */ /* os4av4:header */ #header.section-header{position:sticky;top:0;z-index:30;background:var(--os4av4-bg);border-bottom:1px solid var(--os4av4-border)} #header .header-inner{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);display:flex;align-items:center;justify-content:space-between;gap:1.25rem;min-height:72px} #header .brand{display:flex;align-items:center;gap:.6rem;min-width:12rem;text-decoration:none;color:var(--os4av4-ink)} #header .brand-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md,8px);border:1px solid var(--os4av4-border);color:var(--os4av4-secondary);font-size:14px;line-height:1} #header .brand-name{font-family:var(--font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);font-weight:800;letter-spacing:-.01em} #header .nav{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;justify-content:center} #header .nav-link{font-family:var(--font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);font-size:.95rem;color:var(--os4av4-ink);text-decoration:none;position:relative;padding:.55rem .25rem;border-radius:var(--radius-sm,4px)} #header .nav-link:focus-visible{outline:3px solid var(--os4av4-secondary);outline-offset:3px} #header .nav-link:hover{color:var(--os4av4-secondary)} #header .header-cta{display:flex;align-items:center;gap:.75rem} #header .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.6rem 1rem;border-radius:var(--radius-md,8px);font-family:var(--font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);font-weight:700;text-decoration:none;letter-spacing:-.01em;border:1px solid transparent} #header .btn-primary{background:var(--os4av4-secondary);color:var(--os4av4-bg)} #header .btn-primary:hover{transform:translateY(-1px)} #header .btn-primary:focus-visible{outline:3px solid var(--os4av4-secondary);outline-offset:3px} #header .btn-secondary{background:var(--os4av4-bg);border-color:var(--os4av4-border);color:var(--os4av4-ink)} #header .btn-secondary:hover{border-color:var(--os4av4-secondary);color:var(--os4av4-secondary)} #header .btn-secondary:focus-visible{outline:3px solid var(--os4av4-secondary);outline-offset:3px} #header ::selection{background:rgba(27,110,90,.22);color:var(--os4av4-ink)} @media (max-width:768px){#header .header-inner{min-height:66px}#header .nav{display:none}#header .brand{min-width:auto}#header .header-cta{gap:.5rem}} @media (prefers-reduced-motion:reduce){#header .btn-primary:hover,#header .btn-secondary:hover{transform:none}} /* os4av4:footer */ /* os4av4:footer */ #footer{background:var(--os4av4-surface);color:var(--os4av4-text);border-top:1px solid var(--os4av4-border);padding:clamp(2.25rem,5vw,4rem) 0;} #footer .footer-inner{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #footer .footer-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.25rem,3vw,3rem);align-items:start;} #footer .footer-logo{font-family:var(--font-sans);font-weight:800;letter-spacing:-0.02em;font-size:1.25rem;margin-bottom:.9rem;color:var(--os4av4-primary);} #footer .footer-tagline{max-width:36rem;margin:0 0 1.25rem 0;color:var(--os4av4-ink);line-height:1.orvitomedia.com;font-size:1rem;} #footer .footer-contact{border:1px solid var(--os4av4-border);background:#fff;border-radius:var(--radius-md);padding:1rem;} #footer .footer-contact-row{display:flex;gap:.75rem;align-items:flex-start;padding:.35rem 0;} #footer .footer-contact-label{min-width:72px;color:var(--os4av4-slate);font-size:.875rem;} #footer .footer-address{color:var(--os4av4-ink);line-height:1.45;} #footer .footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;} #footer .footer-col-title{margin:0 0 .75rem 0;font-size:.95rem;color:var(--os4av4-primary);letter-spacing:-0.01em;} #footer .footer-list{list-style:none;margin:0;padding:0;} #footer .footer-list li{margin:.55rem 0;} #footer .footer-link{color:var(--os4av4-secondary);text-decoration:none;border-bottom:1px solid rgba(27,110,90,.25);padding-bottom:2px;} #footer .footer-link:hover{border-bottom-color:rgba(27,110,90,.75);} #footer .footer-link:focus-visible{outline:3px solid var(--os4av4-accent);outline-offset:3px;border-radius:var(--radius-sm);} #footer .footer-bottom{margin-top:clamp(1.5rem,3.5vw,2.5rem);padding-top:1.25rem;border-top:1px solid var(--os4av4-border);display:flex;gap:1.5rem;justify-content:space-between;align-items:flex-start;} #footer .footer-legal{max-width:42rem;} #footer .footer-legal-row{margin:.35rem 0;color:var(--os4av4-ink);} #footer .footer-legal-label{color:var(--os4av4-slate);font-size:.875rem;} #footer .footer-legal-value{font-size:.95rem;} #footer .footer-disclaimer{max-width:32rem;text-align:right;} #footer .footer-small{margin:0 0 .7rem 0;color:var(--os4av4-ink);line-height:1.55;font-size:.95rem;} #footer .footer-thanks{display:inline-block;} #footer ::selection{background:rgba(27,110,90,.18);} @media (max-width:900px){#footer .footer-grid{grid-template-columns:1fr;gap:2rem;}#footer .footer-links{grid-template-columns:1fr;gap:1.25rem;}#footer .footer-bottom{flex-direction:column;align-items:flex-start;}#footer .footer-disclaimer{text-align:left;}} @media (prefers-reduced-motion:reduce){#footer .footer-link{transition:none;}} /* os4av4:advisor-hero */ /* os4av4:advisor-hero */ #advisor-hero{background:var(--os4av4-bg);color:var(--os4av4-text);padding:clamp(2.5rem,6vw,4.5rem) 0;} #advisor-hero .advisor-hero__container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #advisor-hero .advisor-hero__grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(1.25rem,3vw,2.25rem);align-items:start;} #advisor-hero .advisor-hero__kicker{display:inline-flex;align-items:center;gap:.6rem;color:var(--os4av4-secondary);font-weight:700;letter-spacing:.02em;text-transform:none;} #advisor-hero .advisor-hero__kicker::before{content:"";display:block;width:10px;height:10px;border-radius:2px;background:var(--os4av4-secondary);} #advisor-hero .advisor-hero__title{font-family:var(--font-serif, 'Avenir Next', Avenir, 'Segoe UI', Century Gothic, sans-serif);font-weight:800;letter-spacing:-0.02em;line-height:1.04;margin:.75rem 0 1rem;font-size:clamp(2.1rem,3.4vw,3.4rem);text-wrap:balance;} #advisor-hero .advisor-hero__intro{max-width:560px;font-size:1.05rem;line-height:1.65;margin:0 0 1.35rem;color:var(--os4av4-ink);} #advisor-hero .advisor-hero__proof-row{list-style:none;padding:0;margin:0 0 1.45rem;display:grid;gap:.7rem;} #advisor-hero .advisor-hero__proof-item{display:flex;gap:.7rem;align-items:flex-start;} #advisor-hero .advisor-hero__proof-dot{flex:0 0 12px;width:12px;height:12px;border-radius:3px;background:color-mix(in srgb, var(--os4av4-secondary) 85%, white 15%);margin-top:.35rem;border:1px solid color-mix(in srgb, var(--os4av4-secondary) 70%, var(--os4av4-border) 30%);} #advisor-hero .advisor-hero__proof-text{font-weight:650;line-height:1.45;} #advisor-hero .advisor-hero__cta-row{display:flex;gap:.9rem;flex-wrap:wrap;align-items:center;margin:1.25rem 0 .9rem;} #advisor-hero .advisor-hero__btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 1.15rem;border-radius:var(--radius-md,8px);text-decoration:none;font-weight:800;letter-spacing:.01em;min-width:220px;border:1px solid transparent;} #advisor-hero .advisor-hero__btn--primary{background:var(--os4av4-primary);color:var(--os4av4-bg);box-shadow:0 10px 25px color-mix(in srgb, var(--os4av4-primary) 18%, transparent 82%);} #advisor-hero .advisor-hero__btn--secondary{background:var(--os4av4-surface);color:var(--os4av4-primary);border-color:var(--os4av4-border);} #advisor-hero .advisor-hero__btn--primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px color-mix(in srgb, var(--os4av4-primary) 24%, transparent 76%);} #advisor-hero .advisor-hero__btn--secondary:hover{transform:translateY(-1px);border-color:color-mix(in srgb, var(--os4av4-secondary) 55%, var(--os4av4-border) 45%);} #advisor-hero .advisor-hero__btn:focus-visible{outline:3px solid color-mix(in srgb, var(--os4av4-secondary) 65%, white 35%);outline-offset:2px;} #advisor-hero .advisor-hero__note{max-width:560px;font-size:.95rem;line-height:1.55;color:var(--os4av4-slate);margin-top:.25rem;} #advisor-hero .advisor-hero__note--accent{display:block;margin-top:.15rem;color:var(--os4av4-ink);font-weight:750;} #advisor-hero .advisor-hero__right{padding-top:.35rem;} #advisor-hero .advisor-hero__panel{border:1px solid var(--os4av4-border);background:var(--os4av4-surface);border-radius:var(--radius-lg,12px);padding:1.25rem 1.25rem 1.05rem;} #advisor-hero .advisor-hero__panel-title{font-weight:900;color:var(--os4av4-primary);letter-spacing:-0.01em;margin:0 0 .9rem;font-size:1.05rem;} #advisor-hero .deliverables{display:flex;flex-direction:column;gap:.9rem;} #advisor-hero .deliverables__row{border-top:1px solid var(--os4av4-border);padding-top:.9rem;} #advisor-hero .deliverables__row:first-child{border-top:none;padding-top:0;} #advisor-hero .deliverables__label{font-weight:900;color:var(--os4av4-secondary);margin-bottom:.35rem;} #advisor-hero .deliverables__value{color:var(--os4av4-ink);line-height:1.55;font-size:.98rem;} #advisor-hero .advisor-hero__panel-footer{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:1.05rem;padding-top:.9rem;border-top:1px solid var(--os4av4-border);} #advisor-hero .advisor-hero__link{color:var(--os4av4-primary);font-weight:800;text-decoration:none;border-bottom:1px solid transparent;} #advisor-hero .advisor-hero__link:hover{border-bottom-color:color-mix(in srgb, var(--os4av4-secondary) 60%, var(--os4av4-border) 40%);} #advisor-hero .advisor-hero__link:focus-visible{outline:3px solid color-mix(in srgb, var(--os4av4-secondary) 65%, white 35%);outline-offset:3px;border-radius:4px;} #advisor-hero .advisor-hero__divider{width:1px;height:18px;background:var(--os4av4-border;);display:inline-block;} @media (max-width: 900px){ #advisor-hero .advisor-hero__grid{grid-template-columns:1fr;} #advisor-hero .advisor-hero__btn{min-width:unset;width:100%;} #advisor-hero .advisor-hero__cta-row{align-items:stretch;} #advisor-hero .advisor-hero__divider{display:none;} } @media (prefers-reduced-motion: reduce){ #advisor-hero .advisor-hero__btn{transition:none;} #advisor-hero .advisor-hero__btn:hover{transform:none;} } #advisor-hero ::selection{background:color-mix(in srgb, var(--os4av4-secondary) 25%, white 75%);} /* os4av4:how-it-works-timeline */ /* os4av4:how-it-works-timeline */ #how-it-works-timeline{background:var(--os4av4-bg);color:var(--os4av4-text);padding:clamp(2.5rem,6vw,5rem) 0;} #how-it-works-timeline .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #how-it-works-timeline .section-head{max-width:56rem;margin-bottom:clamp(1.5rem,3vw,2.5rem);} #how-it-works-timeline .section-title{font-family:var(--os4av4-serif, var(--os4av4-sans));font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.15;letter-spacing:-0.02em;margin:0 0 0.75rem 0;font-weight:720;text-wrap:balance;} #how-it-works-timeline .section-subtitle{margin:0;max-width:56rem;font-size:1rem;line-height:1.7;color:var(--os4av4-text);} #how-it-works-timeline .timeline{display:grid;grid-template-columns:1fr;gap:1rem;} #how-it-works-timeline .step{border:1px solid var(--os4av4-border);background:var(--os4av4-surface);border-radius:var(--os4av4-radius-lg,12px);padding:1.25rem;position:relative;overflow:hidden;} #how-it-works-timeline .step:before{content:"";position:absolute;inset:-1px auto auto -1px;width:5px;background:var(--os4av4-accent);opacity:0.95;} #how-it-works-timeline .step-num{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:800;color:var(--os4av4-secondary);letter-spacing:0.02em;} #how-it-works-timeline .step-title{margin:0.5rem 0 0.5rem 0;font-size:1.1rem;line-height:1.35;font-weight:760;letter-spacing:-0.01em;text-wrap:balance;} #how-it-works-timeline .step-body{padding-left:0.25rem;} #how-it-works-timeline .step-what{margin:0 0 0.35rem 0;line-height:1.65;color:var(--os4av4-text);} #how-it-works-timeline .step-get{margin:0 0 0.9rem 0;line-height:1.65;color:var(--os4av4-text);} #how-it-works-timeline .step-get strong{color:var(--os4av4-secondary);font-weight:820;} #how-it-works-timeline .step-check{margin:0;padding-left:1.1rem;display:grid;gap:0.45rem;} #how-it-works-timeline .step-check li{line-height:1.orvitomedia.com;color:var(--os4av4-text);font-size:0.98rem;} #how-it-works-timeline .note{margin:0.85rem 0 0 0;color:var(--os4av4-slate);font-size:0.9rem;line-height:1.orvitomedia.com;} #how-it-works-timeline .cta-row{margin-top:clamp(1.25rem,3vw,2.25rem);display:flex;gap:0.85rem;flex-wrap:wrap;align-items:center;} #how-it-works-timeline .btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 1.1rem;border-radius:var(--os4av4-radius-md,8px);text-decoration:none;border:1px solid var(--os4av4-border);font-weight:760;letter-spacing:0.01em;font-size:0.98rem;} #how-it-works-timeline .btn-primary{background:var(--os4av4-primary);color:var(--os4av4-bg);border-color:var(--os4av4-primary);} #how-it-works-timeline .btn-secondary{background:var(--os4av4-surface);color:var(--os4av4-text);border-color:var(--os4av4-border);} #how-it-works-timeline .btn:focus-visible{outline:3px solid color-mix(in srgb, var(--os4av4-secondary) 65%, white 35%);outline-offset:2px;} #how-it-works-timeline .btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px color-mix(in srgb, var(--os4av4-secondary) 20%, transparent 80%);} #how-it-works-timeline .btn-secondary:hover{border-color:color-mix(in srgb, var(--os4av4-secondary) 45%, var(--os4av4-border) 55%);transform:translateY(-1px);} #how-it-works-timeline ::selection{background:color-mix(in srgb, var(--os4av4-secondary) 22%, white 78%);} @media (min-width: 768px){ #how-it-works-timeline .timeline{grid-template-columns:1fr;gap:1.25rem;} #how-it-works-timeline .step{padding:1.35rem 1.5rem;} } @media (prefers-reduced-motion: reduce){ #how-it-works-timeline .btn-primary:hover,#how-it-works-timeline .btn-secondary:hover{transform:none;box-shadow:none;} } /* os4av4:what-we-handle */ /* os4av4:what-we-handle */ #what-we-handle.section-wrapper{background:var(--os4av4-bg);color:var(--os4av4-text);padding:var(--section-pad,clamp(2.5rem,6vw,4.5rem)) 0;} #what-we-handle.section-wrapper .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #what-we-handle.section-wrapper .section-head{padding-bottom:clamp(1.25rem,3vw,2rem);border-bottom:1px solid var(--os4av4-border);margin-bottom:clamp(1.25rem,3vw,2rem);} #what-we-handle.section-wrapper .section-kicker{font:600 0.875rem/1.2 var(--font-sans,'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);letter-spacing:0.08em;text-transform:uppercase;color:var(--os4av4-secondary);} #what-we-handle.section-wrapper .section-title{font:800 clamp(1.6rem,2.6vw,2.25rem)/1.08 var(--font-serif,'Avenir Next',Avenir,'Segoe UI','Century Gothic',sans-serif);letter-spacing:-0.02em;margin:0.6rem 0 0.75rem;text-wrap:balance;} #what-we-handle.section-wrapper .section-subtitle{max-width:56ch;margin:0;color:var(--os4av4-ink);opacity:0.92;font:500 1rem/1.65 var(--font-sans,'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);} #what-we-handle.section-wrapper .services-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:0.75rem;margin-top:clamp(1.25rem,2.6vw,2rem);} #what-we-handle.section-wrapper .service-item{grid-column:span orvitomedia.com;border:1px solid var(--os4av4-border);border-radius:var(--radius,12px);background:var(--os4av4-surface);padding:1rem 1.1rem;} #what-we-handle.section-wrapper .service-title{margin:0 0 0.35rem;font:750 1.05rem/1.25 var(--font-sans,'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);letter-spacing:-0.01em;} #what-we-handle.section-wrapper .service-copy{margin:0;color:var(--os4av4-ink);opacity:0.9;font:500 0.98rem/1.orvitomedia.com var(--font-sans,'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);} #what-we-handle.section-wrapper .scope-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;margin-top:clamp(1.25rem,2.6vw,2rem);padding-top:clamp(1rem,2vw,1.5rem);border-top:1px solid var(--os4av4-border);} #what-we-handle.section-wrapper .scope-text{max-width:38rem;} #what-we-handle.section-wrapper .scope-lead{margin:0 0 0.35rem;font:800 1.05rem/1.3 var(--font-serif,'Avenir Next',Avenir,'Segoe UI','Century Gothic',sans-serif);letter-spacing:-0.01em;} #what-we-handle.section-wrapper .scope-body{margin:0;color:var(--os4av4-ink);opacity:0.9;font:500 0.98rem/1.orvitomedia.com var(--font-sans,'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);} #what-we-handle.section-wrapper .scope-actions{display:flex;flex-wrap:wrap;gap:0.75rem;justify-content:flex-end;} #what-we-handle.section-wrapper .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0.75rem 1rem;border-radius:10px;font:750 0.98rem/1.1 var(--font-sans,'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);text-decoration:none;letter-spacing:-0.01em;} #what-we-handle.section-wrapper .btn-primary{background:var(--os4av4-secondary);color:var(--os4av4-bg);border:1px solid var(--os4av4-secondary);box-shadow:0 10px 24px rgba(27,110,90,0.18);} #what-we-handle.section-wrapper .btn-ghost{background:var(--os4av4-surface);color:var(--os4av4-ink);border:1px solid var(--os4av4-border);} #what-we-handle.section-wrapper .btn:hover{transform:translateY(-1px);} #what-we-handle.section-wrapper .btn-primary:hover{box-shadow:0 14px 30px rgba(27,110,90,0.26);} #what-we-handle.section-wrapper .btn-ghost:hover{border-color:rgba(27,110,90,0.orvitomedia.com);} #what-we-handle.section-wrapper .btn:active{transform:translateY(0px);} #what-we-handle.section-wrapper .btn:focus-visible{outline:3px solid rgba(27,110,90,0.35);outline-offset:2px;} #what-we-handle.section-wrapper .proof-rail{margin-top:clamp(1.25rem,2.6vw,2rem);display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;} #what-we-handle.section-wrapper .proof-quote{grid-column:span 12;color:var(--os4av4-secondary);font:750 0.875rem/1.2 var(--font-sans,'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);letter-spacing:0.08em;text-transform:uppercase;} #what-we-handle.section-wrapper .micro-case{grid-column:span orvitomedia.com;border:1px solid var(--os4av4-border);border-radius:var(--radius,12px);background:var(--os4av4-surface);padding:1.1rem 1.1rem 1.05rem;} #what-we-handle.section-wrapper .micro-title{margin:0.25rem 0 0.4rem;font:850 0.95rem/1.25 var(--font-sans,'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);color:var(--os4av4-ink);} #what-we-handle.section-wrapper .micro-body{margin:0 0 0.75rem;color:var(--os4av4-ink);opacity:0.9;font:500 0.98rem/1.orvitomedia.com var(--font-sans,'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);} #what-we-handle.section-wrapper .micro-list{margin:0 0 0.75rem;padding-left:1.1rem;color:var(--os4av4-ink);} #what-we-handle.section-wrapper .micro-list li{margin:0.35rem 0;font:500 0.98rem/1.orvitomedia.com var(--font-sans,'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);color:var(--os4av4-ink);} #what-we-handle.section-wrapper .micro-outcome{margin:0;font:650 0.98rem/1.orvitomedia.com var(--font-sans,'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif);} #what-we-handle.section-wrapper ::selection{background:rgba(27,110,90,0.22);} @media (max-width:1024px){#what-we-handle.section-wrapper .service-item{grid-column:span 12;}#what-we-handle.section-wrapper .micro-case{grid-column:span 12;}#what-we-handle.section-wrapper .scope-row{flex-direction:column;align-items:flex-start;}#what-we-handle.section-wrapper .scope-actions{justify-content:flex-start;}} @media (prefers-reduced-motion:reduce){#what-we-handle.section-wrapper .btn{transition:none;}#what-we-handle.section-wrapper .btn:hover{transform:none;}} /* os4av4:process-proof */ /* os4av4:process-proof */ #process-proof{background:var(--os4av4-bg);color:var(--os4av4-text);padding:clamp(2.5rem,6vw,5rem) 0;} #process-proof .process-proof__wrap{max-width:72rem;margin:0 auto;padding:0 var(--site-gutter,clamp(1rem,4vw,3rem));} #process-proof .section-head{max-width:56rem;margin:0 0 2rem 0;} #process-proof .section-head__kicker{display:inline-flex;align-items:center;gap:.6rem;font-size:0.875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--os4av4-secondary);margin-bottom:.7rem;} #process-proof .section-head__title{font-family:'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif;font-weight:760;letter-spacing:-0.02em;line-height:1.12;text-wrap:balance;font-size:clamp(1.6rem,2.8vw,2.3rem);margin:0 0 .75rem 0;} #process-proof .section-head__lead{max-width:560px;margin:0;color:var(--os4av4-slate);font-size:1rem;line-height:1.65;} #process-proof .process-proof__grid{display:grid;grid-template-columns:1fr;gap:1rem;align-items:stretch;} #process-proof .micro-case{border:1px solid var(--os4av4-border);background:var(--os4av4-surface);border-radius:var(--radius-lg);padding:1.25rem 1.25rem 1.1rem 1.25rem;box-shadow:0 10px 30px rgba(11,15,20,.05);} #process-proof .micro-case--alt{background:rgba(247,246,243,.9);} #process-proof .micro-case__top{display:flex;flex-wrap:wrap;gap:.75rem;align-items:baseline;margin-bottom:.85rem;} #process-proof .micro-case__tag{font-size:.875rem;font-weight:700;color:var(--os4av4-primary);} #process-proof .micro-case__scope{font-size:.875rem;color:var(--os4av4-secondary);font-weight:600;} #process-proof .micro-case__title{margin:.9rem 0 .35rem 0;font-size:1rem;font-weight:750;color:var(--os4av4-ink);letter-spacing:-0.01em;} #process-proof .micro-case__text{max-width:560px;margin:0;color:var(--os4av4-slate);line-height:1.65;font-size:1rem;} #process-proof .micro-case__list{margin:.2rem 0 0 0;padding:0 0 0 1.1rem;color:var(--os4av4-slate);line-height:1.7;} #process-proof .micro-case__list li{margin:.35rem 0;} #process-proof .micro-case__outcome{margin-top:1.05rem;padding:1rem;border-radius:var(--radius-md);border:1px solid var(--os4av4-border);background:rgba(217,222,227,.25);} #process-proof .micro-case__outcome-label{font-size:.875rem;font-weight:800;color:var(--os4av4-primary);margin-bottom:.35rem;letter-spacing:-0.01em;} #process-proof .micro-case__outcome-text{color:var(--os4av4-text);font-weight:650;line-height:1.5;} #process-proof .process-proof__variability{margin-top:1.5rem;display:flex;gap:.9rem;align-items:flex-start;border-top:1px solid var(--os4av4-border);padding-top:1.2rem;} #process-proof .process-proof__variability-dot{margin-top:.35rem;width:10px;height:10px;border-radius:50%;background:var(--os4av4-secondary);box-shadow:0 0 0 4px rgba(27,110,90,.12);flex:0 0 auto;} #process-proof .process-proof__variability-text{margin:0;max-width:720px;color:var(--os4av4-slate);line-height:1.65;font-size:.98rem;} #process-proof .process-proof__link{color:var(--os4av4-secondary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;} #process-proof .process-proof__link:focus-visible{outline:3px solid rgba(27,110,90,.35);outline-offset:3px;border-radius:6px;} #process-proof .micro-case:focus-within{border-color:rgba(27,110,90,.orvitomedia.com);} @media (min-width: 768px){ #process-proof .process-proof__grid{grid-template-columns:1fr 1fr;gap:1.25rem;} #process-proof .micro-case{padding:1.35rem 1.35rem 1.1rem 1.35rem;} } @media (prefers-reduced-motion: reduce){ #process-proof *{scroll-behavior:auto;} } #process-proof ::selection{background:rgba(27,110,90,.18);} /* os4av4:pricing-engagement */ /* os4av4:pricing-engagement */ #pricing-engagement.pricing-engagement{background:var(--os4av4-bg);color:var(--os4av4-text);padding:clamp(2.5rem,5vw,5rem) 0;} #pricing-engagement.pricing-engagement .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #pricing-engagement.pricing-engagement .section-head{max-width:44rem;} #pricing-engagement.pricing-engagement .kicker{font-family:var(--font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);font-size:0.95rem;letter-spacing:0.02em;color:var(--os4av4-secondary);text-transform:uppercase;} #pricing-engagement.pricing-engagement .title{margin:0.6rem 0 0;font-family:var(--font-serif, 'Avenir Next', Avenir, 'Segoe UI', Century Gothic, sans-serif);font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.12;letter-spacing:-0.02em;text-wrap:balance;} #pricing-engagement.pricing-engagement .divider{margin-top:1.2rem;height:1px;background:var(--os4av4-border);width:100%;} #pricing-engagement.pricing-engagement .pricing-layout{display:grid;grid-template-columns:7fr 5fr;gap:clamp(1.25rem,3vw,2.25rem);align-items:start;margin-top:clamp(1.5rem,3vw,2.5rem);} #pricing-engagement.pricing-engagement .left-col{min-width:0;} #pricing-engagement.pricing-engagement .right-col{min-width:0;} #pricing-engagement.pricing-engagement .tier-switch{display:flex;gap:0.75rem;align-items:stretch;flex-wrap:wrap;} #pricing-engagement.pricing-engagement .tier-radio{position:absolute;left:-9999px;} #pricing-engagement.pricing-engagement .tier-pill{cursor:pointer;flex:1 1 16rem;min-width:14rem;border:1px solid var(--os4av4-border);border-radius:var(--radius-lg,12px);background:var(--os4av4-surface);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:0.25rem;transition:transform 160ms ease-out, box-shadow 160ms ease-out, border-color 160ms ease-out;} #pricing-engagement.pricing-engagement .tier-pill:focus-within{outline:3px solid color-mix(in srgb, var(--os4av4-secondary) 45%, transparent);outline-offset:2px;} #pricing-engagement.pricing-engagement .tier-name{font-weight:650;font-size:1.05rem;letter-spacing:-0.01em;} #pricing-engagement.pricing-engagement .tier-price{font-variant-numeric:tabular-nums; color:var(--os4av4-secondary); font-weight:650;} #pricing-engagement.pricing-engagement .tier-radio:checked + .tier-pill{border-color:color-mix(in srgb, var(--os4av4-secondary) 65%, var(--os4av4-border));box-shadow:0 10px 30px rgba(27,110,90,0.12);transform:translateY(-1px);} #pricing-engagement.pricing-engagement .tier-pill:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(27,110,90,0.10);border-color:color-mix(in srgb, var(--os4av4-secondary) 55%, var(--os4av4-border));} #pricing-engagement.pricing-engagement .included-panel{margin-top:1rem;border:1px solid var(--os4av4-border);background:var(--os4av4-surface);border-radius:var(--radius-lg,12px);padding:1.2rem;} #pricing-engagement.pricing-engagement .included-top{display:flex;flex-direction:column;gap:0.4rem;margin-bottom:0.8rem;} #pricing-engagement.pricing-engagement .included-label{font-size:0.95rem;color:var(--os4av4-secondary);font-weight:700;letter-spacing:0.01em;text-transform:uppercase;} #pricing-engagement.pricing-engagement .included-value{font-family:var(--font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);font-size:1rem;line-height:1.45;color:var(--os4av4-ink);} #pricing-engagement.pricing-engagement .included-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.65rem;} #pricing-engagement.pricing-engagement .included-list li{display:flex;gap:0.65rem;align-items:flex-start;} #pricing-engagement.pricing-engagement .check{display:inline-flex;width:22px;height:22px;border-radius:999px;align-items:center;justify-content:center;background:color-mix(in srgb, var(--os4av4-secondary) 15%, var(--os4av4-surface));border:1px solid color-mix(in srgb, var(--os4av4-secondary) 40%, var(--os4av4-border));color:var(--os4av4-secondary);font-weight:900;flex:0 0 auto;margin-top:1px;} #pricing-engagement.pricing-engagement .included-list span{color:var(--os4av4-text);line-height:1.45;} #pricing-engagement.pricing-engagement .estimator{margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--os4av4-border);} #pricing-engagement.pricing-engagement .estimator-title{font-weight:800;letter-spacing:-0.01em;margin-bottom:0.35rem;} #pricing-engagement.pricing-engagement .estimator-text{margin:0;color:var(--os4av4-slate);max-width:42ch;} #pricing-engagement.pricing-engagement .cta-row{display:flex;gap:0.8rem;flex-wrap:wrap;margin-top:1rem;} #pricing-engagement.pricing-engagement .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:var(--radius-md,8px);padding:0.85rem 1rem;text-decoration:none;font-weight:750;letter-spacing:-0.01em;transition:transform 160ms ease-out, box-shadow 160ms ease-out, background-color 160ms ease-out, border-color 160ms ease-out;} #pricing-engagement.pricing-engagement .btn-primary{background:var(--os4av4-primary);color:var(--os4av4-bg);border:1px solid color-mix(in srgb, var(--os4av4-primary) 85%, black);box-shadow:0 14px 34px rgba(15,45,58,0.18);} #pricing-engagement.pricing-engagement .btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 44px rgba(15,45,58,0.22);} #pricing-engagement.pricing-engagement .btn-primary:focus-visible{outline:3px solid color-mix(in srgb, var(--os4av4-secondary) 70%, transparent);outline-offset:3px;} #pricing-engagement.pricing-engagement .btn-secondary{background:transparent;color:var(--os4av4-primary);border:2px solid color-mix(in srgb, var(--os4av4-secondary) 55%, var(--os4av4-border));} #pricing-engagement.pricing-engagement .btn-secondary:hover{transform:translateY(-1px);background:color-mix(in srgb, var(--os4av4-secondary) 10%, var(--os4av4-surface));box-shadow:0 10px 30px rgba(27,110,90,0.10);} #pricing-engagement.pricing-engagement .btn-secondary:focus-visible{outline:3px solid color-mix(in srgb, var(--os4av4-secondary) 70%, transparent);outline-offset:3px;} #pricing-engagement.pricing-engagement .fineprint{margin:0.9rem 0 0;color:var(--os4av4-slate);max-width:58ch;} #pricing-engagement.pricing-engagement .side-card{border:1px solid var(--os4av4-border);border-radius:var(--radius-lg,12px);background:var(--os4av4-bg);padding:1.2rem;position:sticky;top:1.2rem;} #pricing-engagement.pricing-engagement .side-title{font-weight:900;letter-spacing:-0.01em;margin-bottom:0.9rem;} #pricing-engagement.pricing-engagement .steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:0.95rem;} #pricing-engagement.pricing-engagement .steps li{display:flex;gap:0.85rem;align-items:flex-start;padding:0.75rem;border-radius:var(--radius-md,8px);background:color-mix(in srgb, var(--os4av4-surface) 65%, white);border:1px solid color-mix(in srgb, var(--os4av4-border) 85%, transparent);} #pricing-engagement.pricing-engagement .step-num{width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb, var(--os4av4-secondary) 14%, var(--os4av4-surface));border:1px solid color-mix(in srgb, var(--os4av4-secondary) 35%, var(--os4av4-border));color:var(--os4av4-secondary);font-weight:900;font-variant-numeric:tabular-nums;flex:0 0 auto;} #pricing-engagement.pricing-engagement .step-label{font-weight:850;margin-top:0.05rem;margin-bottom:0.15rem;} #pricing-engagement.pricing-engagement .step-desc{color:var(--os4av4-slate);line-height:1.45;} #pricing-engagement.pricing-engagement .owner-check{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--os4av4-border);} #pricing-engagement.pricing-engagement .owner-check-title{font-weight:900;margin-bottom:0.55rem;} #pricing-engagement.pricing-engagement .owner-list{margin:0;padding-left:1.1rem;color:var(--os4av4-slate);display:flex;flex-direction:column;gap:0.35rem;} #pricing-engagement.pricing-engagement .variability{margin-top:0.9rem;color:var(--os4av4-slate);font-size:0.95rem;} #pricing-engagement.pricing-engagement ::selection{background:color-mix(in srgb, var(--os4av4-secondary) 28%, transparent);} #pricing-engagement.pricing-engagement a{color:inherit;} @media (max-width: 1024px){#pricing-engagement.pricing-engagement .pricing-layout{grid-template-columns:1fr;} #pricing-engagement.pricing-engagement .side-card{position:relative;top:auto;}} @media (prefers-reduced-motion: reduce){#pricing-engagement.pricing-engagement *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* os4av4:contacts */ /* os4av4:contacts */ #contacts{padding:var(--section-pad, clamp(2.5rem,6vw,6rem)) 0; background:var(--os4av4-bg);} #contacts .marketing-shell{max-width:72rem; margin:0 auto; padding:0 clamp(1rem,4vw,3rem);} #contacts .section-head{max-width:56rem; margin-bottom:clamp(1.5rem,3.2vw,2.5rem);} #contacts .section-title{font-family:var(--font-serif, 'Avenir Next', Avenir, 'Segoe UI', Century Gothic, sans-serif); font-weight:650; letter-spacing:-0.02em; font-size:clamp(1.6rem,2.6vw,2.2rem); margin:0;} #contacts .section-divider{height:1px; background:var(--os4av4-border); margin:0.9rem 0 1.1rem; width:120px;} #contacts .section-subtitle{margin:0; color:var(--os4av4-text); font-size:1rem; line-height:1.orvitomedia.com; max-width:32rem;} #contacts .contacts-grid{display:grid; grid-template-columns: 7fr 5fr; gap:clamp(1.25rem,3vw,2.5rem); align-items:start;} #contacts .form-panel{background:var(--os4av4-surface); border:1px solid var(--os4av4-border); border-radius:var(--radius-lg, 12px); padding:clamp(1.2rem,2.3vw,1.8rem);} #contacts .panel-title{margin:0 0 0.5rem; font-family:var(--font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif); font-size:1.1rem; letter-spacing:-0.01em;} #contacts .panel-lede{margin:0 0 1.1rem; color:var(--os4av4-slate); line-height:1.orvitomedia.com;} #contacts .lead-form{display:block;} #contacts .form-help{margin:0 0 1rem; color:var(--os4av4-slate); font-size:0.95rem; line-height:1.5;} #contacts .field{margin:0 0 0.9rem;} #contacts .label{display:block; font-size:0.9rem; font-weight:650; margin:0 0 0.45rem; color:var(--os4av4-ink);} #contacts .input, #contacts .textarea{width:100%; box-sizing:border-box; border:1px solid var(--os4av4-border); border-radius:var(--radius-md, 8px); padding:0.75rem 0.85rem; background:var(--os4av4-bg); color:var(--os4av4-ink); font-size:1rem; line-height:1.4; outline:none;} #contacts .textarea{resize:vertical;} #contacts .input::placeholder, #contacts .textarea::placeholder{color:var(--os4av4-slate);} #contacts .input:focus-visible, #contacts .textarea:focus-visible{border-color:var(--os4av4-accent); box-shadow:0 0 0 3px color-mix(in srgb, var(--os4av4-accent) 22%, transparent);} #contacts .form-actions{display:flex; gap:0.8rem; align-items:center; margin-top:0.9rem; flex-wrap:wrap;} #contacts .btn{display:inline-flex; align-items:center; justify-content:center; height:44px; padding:0 1.05rem; border-radius:var(--radius-md, 8px); text-decoration:none; font-weight:700; font-size:0.98rem; border:1px solid var(--os4av4-border); cursor:pointer; user-select:none;} #contacts .btn-primary{background:var(--os4av4-primary); color:var(--os4av4-bg); border-color:var(--os4av4-primary); box-shadow:0 10px 24px color-mix(in srgb, var(--os4av4-primary) 18%, transparent);} #contacts .btn-primary:hover{transform:translateY(-1px); box-shadow:0 14px 28px color-mix(in srgb, var(--os4av4-primary) 24%, transparent);} #contacts .btn-primary:active{transform:translateY(0);} #contacts .btn-primary:focus-visible{outline:none; box-shadow:0 0 0 3px color-mix(in srgb, var(--os4av4-accent) 28%, transparent);} #contacts .btn-secondary{background:var(--os4av4-bg); color:var(--os4av4-primary); border-color:var(--os4av4-border);} #contacts .btn-secondary:hover{border-color:color-mix(in srgb, var(--os4av4-accent) 45%, var(--os4av4-border)); background:color-mix(in srgb, var(--os4av4-accent) 10%, var(--os4av4-bg));} #contacts .btn-secondary:focus-visible{outline:none; box-shadow:0 0 0 3px color-mix(in srgb, var(--os4av4-accent) 28%, transparent);} #contacts .btn-ghost{background:transparent; color:var(--os4av4-primary); border-color:var(--os4av4-border);} #contacts .btn-ghost:hover{background:color-mix(in srgb, var(--os4av4-accent) 8%, transparent); border-color:color-mix(in srgb, var(--os4av4-accent) 55%, var(--os4av4-border));} #contacts .btn-ghost:focus-visible{outline:none; box-shadow:0 0 0 3px color-mix(in srgb, var(--os4av4-accent) 28%, transparent);} #contacts .fineprint{margin:1rem 0 0; color:var(--os4av4-slate); font-size:0.9rem; line-height:1.55; max-width:56ch;} #contacts .details{display:block;} #contacts .details-card{background:var(--os4av4-bg); border:1px solid var(--os4av4-border); border-radius:var(--radius-lg, 12px); padding:clamp(1.2rem,2.3vw,1.8rem);} #contacts .details-title{margin:0 0 0.75rem; font-family:var(--font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif); font-size:1.05rem; letter-spacing:-0.01em;} #contacts .details-list{margin:0; display:flex; flex-direction:column; gap:0.85rem;} #contacts .detail-row{display:grid; grid-template-columns: 7.5rem 1fr; gap:0.75rem; align-items:start;} #contacts .detail-label{margin:0; color:var(--os4av4-slate); font-size:0.9rem; font-weight:650;} #contacts .detail-value{margin:0; color:var(--os4av4-ink); font-size:1rem; line-height:1.45;} #contacts .link{color:var(--os4av4-secondary); text-decoration:none; border-bottom:1px solid color-mix(in srgb, var(--os4av4-secondary) 30%, transparent);} #contacts .link:hover{border-bottom-color:color-mix(in srgb, var(--os4av4-secondary) 60%, transparent);} #contacts .details-note{margin-top:1.1rem; padding-top:1.1rem; border-top:1px solid var(--os4av4-border);} #contacts .details-note-text{margin:0; color:var(--os4av4-slate); line-height:1.orvitomedia.com;} #contacts .details-cta{margin-top:1.1rem; display:flex; flex-direction:column; gap:0.6rem;} #contacts .mini-proof{margin-top:1.2rem; padding:0 0.15rem;} #contacts .mini-proof-title{margin:0 0 0.8rem; font-size:1.02rem; letter-spacing:-0.01em; font-family:var(--font-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);} #contacts .mini-proof-list{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:0.75rem;} #contacts .mini-proof-list li{display:flex; gap:0.6rem; align-items:flex-start; color:var(--os4av4-slate); line-height:1.5;} #contacts .dot{margin-top:0.45rem; width:10px; height:10px; border-radius:999px; background:var(--os4av4-accent); box-shadow:0 0 0 3px color-mix(in srgb, var(--os4av4-accent) 18%, transparent);} #contacts *::selection{background:color-mix(in srgb, var(--os4av4-accent) 26%, transparent);} @media (max-width: 1024px){ #contacts .contacts-grid{grid-template-columns: 1fr;} #contacts .section-subtitle{max-width:none;} #contacts .detail-row{grid-template-columns: 7.2rem 1fr;} } @media (prefers-reduced-motion: reduce){ #contacts .btn-primary:hover{transform:none;} } /* os4av4:faq-accordion */ /* os4av4:faq-accordion */ #faq-accordion.faq-accordion{background:var(--os4av4-surface);color:var(--os4av4-text);padding:clamp(2.2rem,4.6vw,4rem) 0;} #faq-accordion.faq-accordion .faq-inner{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #faq-accordion.faq-accordion .faq-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:1.75rem;border-bottom:1px solid var(--os4av4-border);padding-bottom:1.25rem;} #faq-accordion.faq-accordion .faq-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.1;letter-spacing:-0.02em;margin:0;} #faq-accordion.faq-accordion .faq-subtitle{max-width:42ch;margin:0;color:var(--os4av4-slate);font-size:1rem;line-height:1.orvitomedia.com;} #faq-accordion.faq-accordion .faq-accordion-list{display:flex;flex-direction:column;gap:0.75rem;} #faq-accordion.faq-accordion .accordion-item{border:1px solid var(--os4av4-border);background:var(--os4av4-bg);border-radius:var(--os4av4-radius-lg, 12px);overflow:hidden;} #faq-accordion.faq-accordion .accordion-trigger{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem 1.05rem;background:transparent;border:0;color:var(--os4av4-ink);cursor:pointer;} #faq-accordion.faq-accordion .accordion-trigger:focus-visible{outline:3px solid color-mix(in srgb, var(--os4av4-accent) 70%, white 30%);outline-offset:2px;} #faq-accordion.faq-accordion .accordion-question{font-weight:650;letter-spacing:-0.01em;line-height:1.35;} #faq-accordion.faq-accordion .accordion-icon{flex:0 0 auto;width:2rem;height:2rem;border-radius:999px;border:1px solid var(--os4av4-border);display:inline-flex;align-items:center;justify-content:center;color:var(--os4av4-secondary);font-weight:700;transform:rotate(0deg);transition:transform 180ms ease-out, background-color 180ms ease-out, color 180ms ease-out;} #faq-accordion.faq-accordion .accordion-item[data-open="true"] .accordion-icon{transform:rotate(45deg);background:color-mix(in srgb, var(--os4av4-secondary) 12%, white 88%);color:var(--os4av4-accent);} #faq-accordion.faq-accordion .accordion-panel{padding:0 1.05rem 1.05rem 1.05rem;} #faq-accordion.faq-accordion .accordion-answer{margin:0.8rem 0 0 0;max-width:56ch;color:var(--os4av4-slate);line-height:1.7;font-size:0.98rem;} #faq-accordion.faq-accordion .accordion-answer:first-child{margin-top:0.1rem;} #faq-accordion.faq-accordion .accordion-panel[hidden]{display:none;} #faq-accordion.faq-accordion .faq-cta{margin-top:1.6rem;padding-top:1.25rem;border-top:1px solid var(--os4av4-border);display:flex;align-items:center;justify-content:space-between;gap:1rem;} #faq-accordion.faq-accordion .faq-cta-copy{margin:0;color:var(--os4av4-slate);max-width:52ch;line-height:1.orvitomedia.com;} #faq-accordion.faq-accordion .faq-cta-link{display:inline-flex;align-items:center;gap:0.6rem;color:var(--os4av4-accent);text-decoration:none;font-weight:700;padding:0.7rem 0.9rem;border-radius:var(--os4av4-radius-md, 8px);border:1px solid var(--os4av4-border);background:var(--os4av4-bg);} #faq-accordion.faq-accordion .faq-cta-link:hover{transform:translateY(-1px);box-shadow:0 10px 24px color-mix(in srgb, var(--os4av4-secondary) 18%, transparent 82%);border-color:color-mix(in srgb, var(--os4av4-secondary) 35%, var(--os4av4-border) 65%);} #faq-accordion.faq-accordion .faq-cta-link:focus-visible{outline:3px solid color-mix(in srgb, var(--os4av4-accent) 70%, white 30%);outline-offset:2px;} #faq-accordion.faq-accordion ::selection{background:color-mix(in srgb, var(--os4av4-secondary) 22%, white 78%);} @media (max-width:768px){ #faq-accordion.faq-accordion .faq-head{flex-direction:column;align-items:flex-start;gap:0.75rem;} #faq-accordion.faq-accordion .faq-cta{flex-direction:column;align-items:flex-start;} } @media (prefers-reduced-motion:reduce){ #faq-accordion.faq-accordion .accordion-icon{transition:none;} #faq-accordion.faq-accordion .faq-cta-link:hover{transform:none;box-shadow:none;} } /* os4av4:scope-summary */ /* os4av4:scope-summary */ #scope-summary.scope-summary{background:var(--os4av4-surface);color:var(--os4av4-text);padding:clamp(2.2rem,5vw,4.2rem) 0;} #scope-summary .scope-summary__inner{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);display:grid;grid-template-columns:7fr 5fr;gap:clamp(1.25rem,3vw,2.5rem);align-items:start;} #scope-summary .scope-summary__title{font-family:var(--font-serif, var(--os4av4-sans));font-family:inherit;letter-spacing:-0.02em;font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.15;margin:0 0 0.9rem 0;} #scope-summary .scope-summary__lead{max-width:34.5rem;margin:0 0 1.1rem 0;font-size:1.02rem;line-height:1.orvitomedia.com;color:var(--os4av4-ink);} #scope-summary .scope-summary__proof-row{list-style:none;padding:0;margin:1.1rem 0 0 0;display:flex;flex-wrap:wrap;gap:0.75rem;} #scope-summary .scope-summary__proof-item{border:1px solid var(--os4av4-border);background:rgba(255,255,255,0.orvitomedia.com);padding:0.65rem 0.85rem;border-radius:var(--radius-md,8px);font-size:0.95rem;line-height:1.35;} #scope-summary .scope-summary__disclaimer{margin-top:1.15rem;} #scope-summary .scope-summary__disclaimer-text{margin:0;font-size:0.92rem;line-height:1.5;color:var(--os4av4-slate);} #scope-summary .scope-summary__scope-panel{border:1px solid var(--os4av4-border);background:rgba(255,255,255,0.72);border-radius:var(--radius-lg,12px);padding:1.25rem 1.25rem 1.15rem 1.25rem;} #scope-summary .scope-summary__panel-title{margin:0 0 0.85rem 0;font-size:1.05rem;letter-spacing:-0.01em;} #scope-summary .scope-summary__steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:0.85rem;} #scope-summary .scope-summary__step{border-bottom:1px dashed rgba(217,222,227,0.75);padding-bottom:0.85rem;} #scope-summary .scope-summary__step:last-child{border-bottom:none;padding-bottom:0;} #scope-summary .scope-summary__step-head{font-weight:700;color:var(--os4av4-ink);margin-bottom:0.25rem;} #scope-summary .scope-summary__step-body{color:var(--os4av4-slate);line-height:1.55;font-size:0.98rem;} #scope-summary .scope-summary__owner-check{margin-top:1rem;padding-top:0.95rem;border-top:1px solid var(--os4av4-border);} #scope-summary .scope-summary__owner-title{margin:0 0 0.65rem 0;font-size:1.02rem;} #scope-summary .scope-summary__owner-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:0.55rem;} #scope-summary .scope-summary__owner-item{position:relative;padding-left:1.15rem;color:var(--os4av4-ink);font-size:0.95rem;line-height:1.45;} #scope-summary .scope-summary__owner-item::before{content:"";position:absolute;left:0;top:0.45rem;width:0.6rem;height:0.6rem;border-radius:50%;background:var(--os4av4-accent);} #scope-summary .scope-summary__links{margin-top:1.1rem;display:flex;flex-wrap:wrap;gap:0.65rem;} #scope-summary .scope-summary__link{display:inline-block;border:1px solid var(--os4av4-border);background:var(--os4av4-bg);color:var(--os4av4-ink);text-decoration:none;padding:0.7rem 0.85rem;border-radius:var(--radius-md,8px);font-weight:650;font-size:0.95rem;line-height:1;} #scope-summary .scope-summary__link--muted{background:rgba(255,255,255,0.4);color:var(--os4av4-slate);} #scope-summary .scope-summary__link:focus-visible{outline:3px solid rgba(27,110,90,0.45);outline-offset:2px;} #scope-summary .scope-summary__link:hover{border-color:var(--os4av4-secondary);} #scope-summary ::selection{background:rgba(27,110,90,0.25);} @media (max-width: 860px){#scope-summary .scope-summary__inner{grid-template-columns:1fr;}} @media (prefers-reduced-motion: reduce){#scope-summary .scope-summary__link{transition:none;}} /* os4av4:monthly-deliverables */ /* os4av4:monthly-deliverables */ #monthly-deliverables.monthly-deliverables{background:var(--os4av4-surface);color:var(--os4av4-text);padding:clamp(2.5rem,6vw,5rem) 0;position:relative;} #monthly-deliverables .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #monthly-deliverables .section-head{margin-bottom:clamp(1.5rem,3vw,2.25rem);max-width:64rem;} #monthly-deliverables .section-title{font-family:var(--font-family-serif, 'Avenir Next', Avenir, 'Segoe UI', Century Gothic, sans-serif);font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.1;letter-spacing:-0.02em;margin:0 0 .75rem 0;text-wrap:balance;} #monthly-deliverables .section-subtitle{margin:0;max-width:56ch;font-size:1rem;line-height:1.55;color:var(--os4av4-slate);} #monthly-deliverables .deliverables-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;align-items:stretch;} #monthly-deliverables .deliverable-card{grid-column:span orvitomedia.com;background:var(--os4av4-bg);border:1px solid var(--os4av4-border);border-radius:var(--radius-lg, 12px);padding:1.2rem 1.2rem 1.1rem 1.2rem;} #monthly-deliverables .deliverable-title{margin:0 0 .75rem 0;font-size:1.05rem;letter-spacing:-0.01em;} #monthly-deliverables .checklist{margin:0;padding:0 0 0 1.05rem;list-style:disc;color:var(--os4av4-slate);} #monthly-deliverables .checklist li{margin:.55rem 0;line-height:1.5;} #monthly-deliverables .notes-panel{margin-top:1.5rem;border-top:1px solid var(--os4av4-border);padding-top:1.25rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;} #monthly-deliverables .notes-left{max-width:60ch;} #monthly-deliverables .notes-label{margin:0 0 .4rem 0;font-weight:700;color:var(--os4av4-ink);} #monthly-deliverables .notes-text{margin:0;color:var(--os4av4-slate);line-height:1.55;} #monthly-deliverables .notes-right{display:flex;flex-direction:column;gap:.55rem;min-width:14rem;align-items:flex-end;} #monthly-deliverables .inline-link{color:var(--os4av4-secondary);text-decoration:none;font-weight:650;} #monthly-deliverables .inline-link:hover{color:var(--os4av4-accent);text-decoration:underline;} #monthly-deliverables .inline-link.muted{color:var(--os4av4-slate);font-weight:600;text-decoration:none;} #monthly-deliverables .inline-link.muted:hover{color:var(--os4av4-secondary);} #monthly-deliverables a:focus-visible, #monthly-deliverables button:focus-visible{outline:3px solid var(--os4av4-secondary);outline-offset:3px;border-radius:var(--radius-md, 8px);} #monthly-deliverables ::selection{background:rgba(27,110,90,.25);} @media (max-width:768px){ #monthly-deliverables .deliverable-card{grid-column:span 12;} #monthly-deliverables .notes-panel{flex-direction:column;} #monthly-deliverables .notes-right{align-items:flex-start;} } @media (prefers-reduced-motion: reduce){ #monthly-deliverables *{scroll-behavior:auto;} } /* os4av4:document-checklist */ /* os4av4:document-checklist */ #document-checklist.document-checklist{background:var(--os4av4-surface);color:var(--os4av4-text);padding:clamp(2.5rem,6vw,5rem) 0;position:relative;overflow:hidden} #document-checklist .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem)} #document-checklist .section-head{max-width:56ch;margin-bottom:clamp(1.5rem,3vw,2.5rem)} #document-checklist .section-title{font-family:var(--os4av4-font-serif, 'Avenir Next', Avenir, 'Segoe UI', Century Gothic, sans-serif);font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1.12;margin:0 0 .6rem;letter-spacing:-.02em} #document-checklist .section-subtitle{margin:0;color:var(--os4av4-text);font-size:1rem;line-height:1.orvitomedia.com;max-width:56ch} #document-checklist .checklist-layout{display:grid;grid-template-columns:1fr;gap:1rem;align-items:start} #document-checklist .rail{border:1px solid var(--os4av4-border);background:var(--os4av4-bg);border-radius:var(--os4av4-radius-lg,12px);padding:1.1rem 1.1rem} #document-checklist .rail.secondary{background:var(--os4av4-surface)} #document-checklist .rail-title{margin:0 0 .75rem;font-size:1.05rem;letter-spacing:-.01em} #document-checklist .checklist{margin:0;padding-left:1.25rem} #document-checklist .checklist-item{margin:.8rem 0} #document-checklist .checklist-label{display:block;font-weight:650;color:var(--os4av4-primary);margin-bottom:.25rem} #document-checklist .checklist-detail{display:block;color:var(--os4av4-text);line-height:1.55} #document-checklist .proof-microcase-grid{margin-top:1.5rem;display:grid;grid-template-columns:1fr;gap:1rem} #document-checklist .microcase{border:1px solid var(--os4av4-border);background:var(--os4av4-bg);border-radius:var(--os4av4-radius-lg,12px);padding:1.1rem} #document-checklist .microcase-top{margin-bottom:.75rem} #document-checklist .microcase-eyebrow{font-size:.875rem;letter-spacing:.02em;text-transform:none;color:var(--os4av4-slate);margin-bottom:.4rem} #document-checklist .microcase-situation{margin:0;color:var(--os4av4-text);line-height:1.55} #document-checklist .microcase-body{display:block} #document-checklist .mini-steps{margin:.2rem 0 0;padding-left:1.15rem} #document-checklist .mini-steps li{margin:.5rem 0;line-height:1.55} #document-checklist .microcase-outcome{margin-top:.9rem} #document-checklist .microcase-outcome-text{margin:.2rem 0 0;line-height:1.55} #document-checklist .microcase-note{margin:.9rem 0 0;color:var(--os4av4-slate);font-size:.95rem;line-height:1.5} #document-checklist .cta-row{margin-top:1.6rem;border-top:1px solid var(--os4av4-border);padding-top:1.25rem;display:block} #document-checklist .cta-copy{margin:0 0 1rem;max-width:70ch;color:var(--os4av4-text);line-height:1.orvitomedia.com} #document-checklist .cta-actions{display:flex;gap:.75rem;flex-wrap:wrap} #document-checklist .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.75rem 1rem;border-radius:var(--os4av4-radius-md,8px);text-decoration:none;font-weight:650;letter-spacing:-.01em;transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease} #document-checklist .button.primary{background:var(--os4av4-secondary);color:var(--os4av4-bg);border:1px solid var(--os4av4-secondary);box-shadow:0 10px 24px rgba(27,110,90,.18)} #document-checklist .button.primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(27,110,90,.26)} #document-checklist .button.outline{background:var(--os4av4-bg);color:var(--os4av4-primary);border:1px solid var(--os4av4-primary);box-shadow:none} #document-checklist .button.outline:hover{transform:translateY(-1px);border-color:var(--os4av4-secondary);box-shadow:0 12px 26px rgba(15,45,58,.08)} #document-checklist .button:focus-visible{outline:3px solid rgba(27,110,90,.5);outline-offset:3px} #document-checklist ::selection{background:rgba(27,110,90,.25)} @media (min-width:768px){ #document-checklist .checklist-layout{grid-template-columns:7fr 5fr;gap:1.25rem} #document-checklist .proof-microcase-grid{grid-template-columns:1fr 1fr;gap:1.25rem} #document-checklist .cta-row{display:grid;grid-template-columns:1.1fr .9fr;align-items:start;gap:1.25rem} #document-checklist .cta-copy{margin:0} } @media (prefers-reduced-motion:reduce){ #document-checklist .button{transition:none} #document-checklist .button.primary:hover,#document-checklist .button.outline:hover{transform:none} } /* os4av4:service-boundaries */ /* os4av4:service-boundaries */ #service-boundaries.service-boundaries{background:var(--os4av4-bg);color:var(--os4av4-text);padding:clamp(2rem,4vw,3.5rem) 0;} #service-boundaries .container{max-width:72rem;margin:0 auto;padding:0 var(--gutter,clamp(1rem,4vw,3rem));} #service-boundaries .section-head{display:block;margin-bottom:1.25rem;} #service-boundaries .section-title{font-family:var(--font-serif,var(--os4av4-serif));font-weight:700;letter-spacing:-0.02em;line-height:1.1;margin:0;font-size:clamp(1.35rem,2.2vw,2rem);text-wrap:balance;} #service-boundaries .section-rule{height:1px;background:var(--os4av4-border);margin-top:0.9rem;max-width:44rem;} #service-boundaries .two-col{display:grid;grid-template-columns:7fr 5fr;gap:clamp(1rem,3vw,2.25rem);align-items:start;} #service-boundaries .col-main{max-width:40rem;} #service-boundaries .lead{font-size:1rem;line-height:1.orvitomedia.com;margin:0 0 1.1rem 0;color:var(--os4av4-text);} #service-boundaries .disclaimer-block{background:var(--os4av4-surface);border:1px solid var(--os4av4-border);border-radius:var(--os4av4-radius-md,8px);padding:1.15rem 1.15rem;margin:0 0 1rem 0;} #service-boundaries .disclaimer-title{margin:0 0 0.65rem 0;font-size:1.05rem;letter-spacing:-0.01em;} #service-boundaries .list{margin:0;padding-left:1.15rem;} #service-boundaries .list li{margin:0.45rem 0;line-height:1.5;} #service-boundaries .fineprint{margin:0.9rem 0 0 0;color:var(--os4av4-slate);font-size:0.95rem;line-height:1.55;} #service-boundaries .col-side{position:relative;} #service-boundaries .side-panel{background:var(--os4av4-primary);color:var(--os4av4-bg);border-radius:var(--os4av4-radius-lg,12px);border:1px solid rgba(217,222,227,0.35);padding:1.2rem 1.2rem;} #service-boundaries .side-title{margin:0 0 0.55rem 0;font-size:1.05rem;letter-spacing:-0.01em;} #service-boundaries .side-body{margin:0 0 0.9rem 0;line-height:1.orvitomedia.com;color:rgba(247,246,243,0.92);} #service-boundaries .side-list{margin:0;padding-left:1.15rem;} #service-boundaries .side-list li{margin:0.55rem 0;line-height:1.45;color:rgba(247,246,243,0.95);} #service-boundaries .side-foot{margin:0.9rem 0 0 0;color:rgba(247,246,243,0.9);line-height:1.55;} #service-boundaries .side-actions{margin-top:1rem;} #service-boundaries .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0.75rem 1rem;border-radius:var(--os4av4-radius-md,8px);border:1px solid rgba(217,222,227,0.55);background:transparent;color:var(--os4av4-bg);font-weight:650;text-decoration:none;} #service-boundaries .btn:focus-visible{outline:3px solid var(--os4av4-accent);outline-offset:2px;} #service-boundaries .btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,0.18);} #service-boundaries::selection{background:rgba(27,110,90,0.22);} @media (max-width: 900px){ #service-boundaries .two-col{grid-template-columns:1fr;} #service-boundaries .col-main{max-width:none;} #service-boundaries .side-panel{padding:1.1rem;} } @media (prefers-reduced-motion: reduce){ #service-boundaries .btn:hover{transform:none;box-shadow:none;} } /* os4av4:contacts */ /* os4av4:contacts */ #contacts{background:var(--os4av4-bg);color:var(--os4av4-text);padding:clamp(2.5rem,6vw,5rem) 0;} #contacts .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #contacts .grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(1.25rem,3vw,2.5rem);align-items:start;} #contacts .copy{max-width:38rem;} #contacts .title{font-family:var(--os4av4-serif, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.15;letter-spacing:-0.02em;margin:0 0 0.9rem 0;} #contacts .lede{margin:0 0 1.2rem 0;color:var(--os4av4-text);font-size:1rem;line-height:1.orvitomedia.com;max-width:46ch;} #contacts .proof-list{list-style:none;padding:0;margin:0 0 1.4rem 0;} #contacts .proof-list li{display:flex;gap:0.7rem;align-items:flex-start;padding:0.55rem 0;} #contacts .check{flex:0 0 auto;width:1.45rem;height:1.45rem;border-radius:999px;background:rgba(27,110,90,0.12);color:var(--os4av4-secondary);display:inline-flex;align-items:center;justify-content:center;font-weight:700;} #contacts .li-text{font-size:0.98rem;line-height:1.5;} #contacts .contact-quick{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:0 0 1.1rem 0;} #contacts .phone,#contacts .email{color:var(--os4av4-primary);text-decoration:none;font-weight:650;border-bottom:1px solid transparent;} #contacts .phone:focus-visible,#contacts .email:focus-visible{outline:3px solid rgba(27,110,90,0.35);outline-offset:3px;border-radius:6px;} #contacts .phone:hover,#contacts .email:hover{border-bottom-color:rgba(27,110,90,0.55);} #contacts .divider{height:1px;flex:0 0 2.5rem;background:var(--os4av4-border);} #contacts .fineprint{margin:0;color:var(--os4av4-slate);font-size:0.9rem;line-height:1.55;max-width:52ch;} #contacts .panel{border:1px solid var(--os4av4-border);background:var(--os4av4-surface);border-radius:var(--os4av4-radius-lg,12px);padding:1.2rem 1.2rem 1.25rem 1.2rem;box-shadow:0 10px 30px rgba(11,15,20,0.05);} #contacts .panel-head{padding:0 0 0.85rem 0;border-bottom:1px solid var(--os4av4-border);margin-bottom:1rem;} #contacts .panel-kicker{margin:0;color:var(--os4av4-secondary);font-weight:750;letter-spacing:0.02em;text-transform:none;font-size:0.9rem;} #contacts .panel-title{margin:0.25rem 0 0 0;font-size:1.15rem;line-height:1.25;letter-spacing:-0.01em;} #contacts .form{display:flex;flex-direction:column;gap:0.9rem;} #contacts .row{display:flex;flex-direction:column;gap:0.4rem;} #contacts .label{font-size:0.9rem;color:var(--os4av4-slate);font-weight:700;} #contacts .input{width:100%;border:1px solid var(--os4av4-border);background:#fff;border-radius:var(--os4av4-radius-md,8px);padding:0.7rem 0.75rem;font-size:1rem;line-height:1.35;color:var(--os4av4-ink);box-sizing:border-box;} #contacts .textarea{resize:vertical;min-height:9.5rem;} #contacts .input:focus{outline:none;border-color:rgba(27,110,90,0.7);box-shadow:0 0 0 3px rgba(27,110,90,0.18);} #contacts .input:disabled{opacity:0.65;cursor:not-allowed;} #contacts .form-actions{display:flex;gap:0.75rem;align-items:center;flex-wrap:wrap;margin-top:0.2rem;} #contacts .btn{display:inline-flex;align-items:center;justify-content:center;gap:0.55rem;border-radius:var(--os4av4-radius-md,8px);height:44px;padding:0 1rem;font-weight:750;text-decoration:none;border:1px solid transparent;cursor:pointer;} #contacts .btn.primary{background:var(--os4av4-primary);color:#fff;border-color:var(--os4av4-primary);} #contacts .btn.primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,45,58,0.18);} #contacts .btn.primary:active{transform:translateY(0px);box-shadow:none;} #contacts .btn.primary:focus-visible{outline:3px solid rgba(27,110,90,0.35);outline-offset:3px;} #contacts .btn.ghost{background:transparent;color:var(--os4av4-primary);border-color:rgba(217,222,227,0.95);} #contacts .btn.ghost:hover{border-color:rgba(27,110,90,0.7);} #contacts .btn.ghost:focus-visible{outline:3px solid rgba(27,110,90,0.35);outline-offset:3px;} #contacts .form-note{margin:0;color:var(--os4av4-slate);font-size:0.86rem;line-height:1.45;} #contacts ::selection{background:rgba(27,110,90,0.22);} #contacts *{text-rendering:optimizeLegibility;} @media (max-width: 900px){ #contacts .grid{grid-template-columns:1fr;} #contacts .copy{max-width:100%;} } @media (prefers-reduced-motion: reduce){ #contacts .btn.primary:hover{transform:none;} } /* os4av4:pricing-overview */ /* os4av4:pricing-overview */ #pricing-overview.pricing-overview{background:var(--os4av4-bg);color:var(--os4av4-text);padding:clamp(2.25rem,5vw,4.5rem) 0;} #pricing-overview .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #pricing-overview .section-header{max-width:62rem;margin:0 0 clamp(1.75rem,3vw,2.25rem);} #pricing-overview .kicker{display:inline-block;font-size:0.875rem;letter-spacing:0.02em;color:var(--os4av4-secondary);text-transform:none;margin-bottom:0.75rem;} #pricing-overview .section-title{font-family:var(--font-serif,inherit);font-size:clamp(1.7rem,3.4vw,2.4rem);line-height:1.1;margin:0 0 0.75rem;letter-spacing:-0.02em;text-wrap:balance;} #pricing-overview .section-lede{max-width:55ch;margin:0;color:var(--os4av4-text);font-size:1rem;line-height:1.orvitomedia.com;} #pricing-overview .tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:stretch;margin-top:1.25rem;} #pricing-overview .tier{border:1px solid var(--os4av4-border);background:var(--os4av4-surface);border-radius:var(--os4av4-radius-lg,12px);padding:1.25rem 1.25rem 1.1rem;display:flex;flex-direction:column;} #pricing-overview .tier-starter{box-shadow:0 1px 0 rgba(11,15,20,.03);} #pricing-overview .tier-growth{border-color:rgba(27,110,90,.35);} #pricing-overview .tier-top{display:flex;flex-direction:column;gap:0.6rem;} #pricing-overview .tier-name{margin:0;font-size:1.25rem;letter-spacing:-0.01em;} #pricing-overview .tier-range{display:flex;flex-direction:column;gap:0.2rem;padding:0.65rem 0.75rem;border-radius:var(--os4av4-radius-md,8px);border:1px solid var(--os4av4-border);background:rgba(247,246,243,.orvitomedia.com);} #pricing-overview .range-label{font-size:0.875rem;color:var(--os4av4-secondary);} #pricing-overview .range-value{font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700;color:var(--os4av4-text);} #pricing-overview .tier-items{margin:1rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:0.7rem;} #pricing-overview .tier-items li{font-size:1rem;line-height:1.55;color:var(--os4av4-text);} #pricing-overview .tier-items strong{font-weight:800;} #pricing-overview .tier-cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid rgba(27,110,90,.35);background:var(--os4av4-bg);color:var(--os4av4-secondary);padding:0.85rem 1rem;border-radius:var(--os4av4-radius-md,8px);font-weight:800;letter-spacing:0.01em;} #pricing-overview .tier-cta:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(27,110,90,.12);} #pricing-overview .tier-cta-secondary{background:var(--os4av4-secondary);border-color:var(--os4av4-secondary);color:var(--os4av4-bg);} #pricing-overview .tier-cta-secondary:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(27,110,90,.22);} #pricing-overview .tier-cta:focus-visible{outline:3px solid rgba(27,110,90,.35);outline-offset:2px;} #pricing-overview .proof-grid{display:grid;grid-template-columns:7fr 5fr;gap:1.25rem;margin-top:1.25rem;align-items:start;} #pricing-overview .proof-block{border-top:1px solid var(--os4av4-border);padding-top:1.25rem;} #pricing-overview .proof-title{font-weight:900;letter-spacing:-0.01em;margin:0 0 0.75rem;} #pricing-overview .proof-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1rem;} #pricing-overview .proof-step-head{font-weight:900;margin-bottom:0.35rem;} #pricing-overview .proof-step-body{max-width:560px;color:var(--os4av4-text);line-height:1.orvitomedia.com;} #pricing-overview .checklist{margin:0;padding-left:1.1rem;list-style:disc;display:flex;flex-direction:column;gap:0.35rem;color:var(--os4av4-text);} #pricing-overview .variability-note{margin:0.85rem 0 0;max-width:560px;color:var(--os4av4-slate);font-size:0.95rem;line-height:1.5;} #pricing-overview .deliverables{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1rem;} #pricing-overview .deliverables li{padding:0.85rem 0.9rem;border:1px solid var(--os4av4-border);border-radius:var(--os4av4-radius-md,8px);background:rgba(247,246,243,.7);} #pricing-overview .deliverables-head{font-weight:900;margin-bottom:0.35rem;} #pricing-overview .deliverables-body{color:var(--os4av4-text);line-height:1.orvitomedia.com;max-width:560px;} #pricing-overview .cta-row{display:flex;gap:1rem;align-items:center;margin-top:1.1rem;} #pricing-overview .cta-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:var(--os4av4-secondary);color:var(--os4av4-bg);border:1px solid var(--os4av4-secondary);padding:0.95rem 1rem;border-radius:var(--os4av4-radius-md,8px);font-weight:900;min-height:44px;} #pricing-overview .cta-button:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(27,110,90,.22);} #pricing-overview .cta-button:focus-visible{outline:3px solid rgba(27,110,90,.35);outline-offset:2px;} #pricing-overview .cta-link{color:var(--os4av4-secondary);text-decoration:none;font-weight:800;} #pricing-overview .cta-link:hover{text-decoration:underline;} #pricing-overview .cta-link:focus-visible{outline:3px solid rgba(27,110,90,.35);outline-offset:3px;border-radius:var(--os4av4-radius-sm,4px);} #pricing-overview .disclaimer{margin-top:1.5rem;} #pricing-overview .disclaimer-inner{border:1px solid var(--os4av4-border);background:rgba(249,248,244,.9);border-radius:var(--os4av4-radius-lg,12px);padding:1.1rem 1.15rem;} #pricing-overview .disclaimer-title{margin:0 0 0.5rem;font-size:1.05rem;font-weight:900;letter-spacing:-0.01em;} #pricing-overview .disclaimer-text{margin:0;max-width:62ch;line-height:1.7;color:var(--os4av4-text);} #pricing-overview ::selection{background:rgba(27,110,90,.22);} @media (max-width: 980px){ #pricing-overview .tier-grid{grid-template-columns:1fr;} #pricing-overview .proof-grid{grid-template-columns:1fr;} #pricing-overview .cta-row{flex-wrap:wrap;} } @media (prefers-reduced-motion: reduce){ #pricing-overview .tier-cta:hover,#pricing-overview .cta-button:hover{transform:none;box-shadow:none;} } /* os4av4:transactions-estimator */ /* os4av4:transactions-estimator */ #transactions-estimator.estimator{--radius-lg:var(--os4av4-radius-lg,12px);--radius-md:var(--os4av4-radius-md,8px);--radius-sm:var(--os4av4-radius-sm,4px);} #transactions-estimator{padding:clamp(1.5rem,3.5vw,3.5rem) 0; color:var(--os4av4-text); background:var(--os4av4-bg);} #transactions-estimator .estimator__inner{max-width:72rem; margin:0 auto; padding:0 clamp(1rem,4vw,3rem);} #transactions-estimator .estimator__header{max-width:64rem; margin-bottom:clamp(1.25rem,3vw,2.5rem);} #transactions-estimator .estimator__title{font:700 clamp(1.6rem,2.4vw,2.1rem)/1.15 var(--font-family-serif, 'Avenir Next', Avenir, 'Segoe UI', Century Gothic, sans-serif); letter-spacing:-0.02em; text-wrap:balance; margin:0 0 0.75rem;} #transactions-estimator .estimator__subtitle{margin:0; max-width:560px; font:400 1rem/1.orvitomedia.com var(--font-family-sans,'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif); color:var(--os4av4-ink);} #transactions-estimator .estimator__grid{display:grid; grid-template-columns: 1.1fr 0.9fr; gap:clamp(1rem,2.8vw,2rem); align-items:start;} #transactions-estimator .estimator__controls{background:var(--os4av4-surface); border:1px solid var(--os4av4-border); border-radius:var(--os4av4-radius-lg,12px); padding:1.25rem; box-shadow:0 10px 30px rgba(11,15,20,0.05);} #transactions-estimator .estimator__result{padding:0;} #transactions-estimator .result-card{border:1px solid var(--os4av4-border); border-radius:var(--os4av4-radius-lg,12px); background:var(--os4av4-bg); padding:1.25rem; position:sticky; top:1.25rem;} #transactions-estimator .result-card__top{display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:0.9rem;} #transactions-estimator .result-card__kicker{font:600 0.875rem/1.2 var(--font-family-sans,'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif); color:var(--os4av4-slate);} #transactions-estimator .result-card__big{font:800 clamp(1.5rem,3vw,2.25rem)/1.1 var(--font-family-serif,'Avenir Next', Avenir, 'Segoe UI', Century Gothic, sans-serif); letter-spacing:-0.02em; color:var(--os4av4-ink);} #transactions-estimator .result-card__pill{background:rgba(27,110,90,0.08); border:1px solid rgba(27,110,90,0.25); color:var(--os4av4-secondary); border-radius:999px; padding:0.45rem 0.7rem; font:700 0.875rem/1 var(--font-family-sans,'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif); white-space:nowrap;} #transactions-estimator .result-card__meta{margin:0.5rem 0 1rem;} #transactions-estimator .meta-row{display:flex; flex-direction:column; gap:0.35rem; margin:0.9rem 0;} #transactions-estimator .meta-row__label{font:700 0.875rem/1.2 var(--font-family-sans,'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif); color:var(--os4av4-slate);} #transactions-estimator .meta-row__value{font:400 1rem/1.orvitomedia.com var(--font-family-sans,'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif); color:var(--os4av4-ink);} #transactions-estimator .divider{height:1px; background:var(--os4av4-border); margin:0.6rem 0 0;} #transactions-estimator .result-card__actions{display:flex; flex-direction:column; gap:0.65rem; margin-top:1.1rem;} #transactions-estimator .variability{margin-top:1.15rem; padding-top:0.95rem; border-top:1px dashed rgba(217,222,227,0.9);} #transactions-estimator .variability__label{font:700 0.875rem/1.2 var(--font-family-sans,'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif); color:var(--os4av4-slate); margin-bottom:0.45rem;} #transactions-estimator .variability__text{margin:0; font:400 0.95rem/1.orvitomedia.com var(--font-family-sans,'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif); color:var(--os4av4-ink);} #transactions-estimator .estimator__form{display:flex; flex-direction:column; gap:1.15rem;} #transactions-estimator .field{border:0; padding:0; margin:0;} #transactions-estimator .label{display:block; font:700 0.95rem/1.3 var(--font-family-sans,'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif); color:var(--os4av4-ink); margin-bottom:0.6rem;} #transactions-estimator .hint{margin-top:0.55rem; color:var(--os4av4-slate); font:400 0.9rem/1.4 var(--font-family-sans,'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);} #transactions-estimator .select{width:100%; padding:0.85rem 0.95rem; border-radius:var(--os4av4-radius-md,8px); border:1px solid var(--os4av4-border); background:var(--os4av4-bg); color:var(--os4av4-ink); font:600 1rem/1.2 var(--font-family-sans,'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);} #transactions-estimator .select:focus-visible{outline:3px solid rgba(27,110,90,0.45); outline-offset:2px;} #transactions-estimator .radio-row{display:flex; gap:1rem; flex-wrap:wrap;} #transactions-estimator .radio{display:flex; align-items:center; gap:0.55rem; padding:0.6rem 0.7rem; border:1px solid var(--os4av4-border); border-radius:var(--os4av4-radius-md,8px); background:rgba(255,255,255,0.orvitomedia.com);} #transactions-estimator .radio input{position:absolute; opacity:0; pointer-events:none;} #transactions-estimator .radio__ui{width:18px; height:18px; border-radius:50%; border:2px solid rgba(11,15,20,0.35); display:inline-block; background:transparent; box-sizing:border-box; flex:0 0 auto;} #transactions-estimator .radio input:checked + .radio__ui{border-color:var(--os4av4-secondary); background:rgba(27,110,90,0.15); box-shadow:inset 0 0 0 4px rgba(27,110,90,0.9);} #transactions-estimator .radio:focus-within{outline:3px solid rgba(27,110,90,0.35); outline-offset:2px;} #transactions-estimator .estimator__ctaRow{display:flex; gap:0.75rem; align-items:center; flex-wrap:wrap; margin-top:0.2rem;} #transactions-estimator .btn{display:inline-flex; align-items:center; justify-content:center; gap:0.55rem; min-height:44px; padding:0.8rem 1rem; border-radius:var(--os4av4-radius-md,8px); text-decoration:none; font:800 0.95rem/1.1 var(--font-family-sans,'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif); border:1px solid transparent; cursor:pointer; user-select:none;} #transactions-estimator .btn--primary{background:var(--os4av4-primary); color:var(--os4av4-bg); border-color:rgba(0,0,0,0); box-shadow:0 10px 22px rgba(15,45,58,0.18);} #transactions-estimator .btn--primary:hover{transform:translateY(-1px); box-shadow:0 14px 28px rgba(15,45,58,0.22);} #transactions-estimator .btn--primary:active{transform:translateY(0px); box-shadow:0 10px 22px rgba(15,45,58,0.18);} #transactions-estimator .btn--secondary{background:var(--os4av4-bg); color:var(--os4av4-primary); border-color:var(--os4av4-border);} #transactions-estimator .btn--secondary:hover{border-color:rgba(27,110,90,0.35); background:rgba(27,110,90,0.06);} #transactions-estimator .btn:focus-visible{outline:3px solid rgba(27,110,90,0.45); outline-offset:2px;} #transactions-estimator .owner-proofs{margin-top:0.25rem; padding-top:0.95rem; border-top:1px solid var(--os4av4-border);} #transactions-estimator .owner-proofs__title{font:800 0.95rem/1.2 var(--font-family-sans,'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif); color:var(--os4av4-ink); margin-bottom:0.65rem;} #transactions-estimator .checklist{margin:0; padding-left:1.1rem; color:var(--os4av4-ink);} #transactions-estimator .checklist li{margin:0.55rem 0; font:400 0.95rem/1.55 var(--font-family-sans,'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif); max-width:560px;} #transactions-estimator .microcases{margin-top:clamp(1.5rem,3.8vw,3.5rem);} #transactions-estimator .section-title{margin:0 0 1rem; font:800 1.25rem/1.25 var(--font-family-serif,'Avenir Next', Avenir, 'Segoe UI', Century Gothic, sans-serif); letter-spacing:-0.01em;} #transactions-estimator .microcases__grid{display:grid; grid-template-columns:1fr 1fr; gap:1rem;} #transactions-estimator .microcase{border:1px solid var(--os4av4-border); background:var(--os4av4-surface); border-radius:var(--os4av4-radius-lg,12px);} #transactions-estimator .microcase__inner{padding:1.1rem;} #transactions-estimator .microcase__phase{font:800 0.85rem/1.2 var(--font-family-sans,'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif); color:var(--os4av4-secondary); text-transform:none; margin-bottom:0.4rem;} #transactions-estimator .microcase__text{margin:0 0 0.95rem; font:400 0.98rem/1.orvitomedia.com var(--font-family-sans,'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif); max-width:560px;} #transactions-estimator .microcase__list{margin:0 0 0.95rem; padding-left:1.1rem;} #transactions-estimator .microcase__list li{margin:0.5rem 0; font:400 0.95rem/1.55 var(--font-family-sans,'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif); max-width:560px;} #transactions-estimator .microcase__outcome{margin:0; font:800 0.98rem/1.55 var(--font-family-sans,'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif); color:var(--os4av4-ink);} #transactions-estimator ::selection{background:rgba(27,110,90,0.22);} @media (max-width: 900px){ #transactions-estimator .estimator__grid{grid-template-columns:1fr;} #transactions-estimator .result-card{position:relative; top:auto;} #transactions-estimator .microcases__grid{grid-template-columns:1fr;} } @media (prefers-reduced-motion: reduce){ #transactions-estimator .btn--primary:hover{transform:none;} } /* os4av4:pricing-disclaimer */ /* os4av4:pricing-disclaimer */ #pricing-disclaimer.pricing-disclaimer{ background: var(--os4av4-surface); color: var(--os4av4-text); padding: clamp(1.5rem, 4vw, 3rem) 0; } #pricing-disclaimer .container{ max-width: 72rem; margin: 0 auto; padding: 0 clamp(1rem, 4vw, 3rem); display: grid; grid-template-columns: 7fr 5fr; gap: clamp(1rem, 3vw, 2rem); align-items: start; } #pricing-disclaimer .title{ margin: 0 0 0.75rem 0; font-family: var(--os4av4-font-serif, 'Avenir Next', Avenir, 'Segoe UI', 'Century Gothic', sans-serif); font-size: clamp(1.35rem, 2.3vw, 2.1rem); line-height: 1.15; letter-spacing: -0.02em; text-wrap: balance; } #pricing-disclaimer .lead{ margin: 0 0 1rem 0; max-width: 38rem; font-size: 1rem; line-height: 1.orvitomedia.com; color: var(--os4av4-text); } #pricing-disclaimer .divider{ height: 1px; background: var(--os4av4-border); margin: 1rem 0 1rem 0; } #pricing-disclaimer .points{ margin: 0; padding: 0; list-style: none; display: grid; gap: 0.75rem; } #pricing-disclaimer .point{ display: grid; grid-template-columns: auto 1fr; gap: 0.6rem; align-items: baseline; padding: 0.75rem; border: 1px solid var(--os4av4-border); border-radius: var(--os4av4-radius-md, 8px); background: rgba(255,255,255,0.55); } #pricing-disclaimer .point-label{ font-weight: 700; color: var(--os4av4-primary); white-space: nowrap; } #pricing-disclaimer .point-text{ color: var(--os4av4-text); line-height: 1.5; } #pricing-disclaimer .info-box{ margin-top: 1.1rem; border: 1px solid var(--os4av4-border); background: var(--os4av4-bg); border-radius: var(--os4av4-radius-lg, 12px); padding: 1rem; } #pricing-disclaimer .info-title{ margin: 0 0 0.5rem 0; font-weight: 800; letter-spacing: -0.01em; } #pricing-disclaimer .info-text{ margin: 0; line-height: 1.orvitomedia.com; color: var(--os4av4-text); } #pricing-disclaimer .side-card{ position: sticky; top: 1.25rem; border: 1px solid var(--os4av4-border); border-radius: var(--os4av4-radius-lg, 12px); background: var(--os4av4-bg); padding: 1rem; } #pricing-disclaimer .side-kicker{ margin: 0 0 0.75rem 0; font-size: 0.875rem; font-weight: 800; color: var(--os4av4-secondary); letter-spacing: 0.02em; } #pricing-disclaimer .side-steps{ margin: 0; padding: 0; list-style: none; display: grid; gap: 0.75rem; } #pricing-disclaimer .side-step{ padding: 0.75rem; border-radius: var(--os4av4-radius-md, 8px); border: 1px solid var(--os4av4-border); background: rgba(247,246,243,0.65); } #pricing-disclaimer .step-title{ display: block; font-weight: 800; color: var(--os4av4-primary); margin-bottom: 0.25rem; } #pricing-disclaimer .step-desc{ display: block; color: var(--os4av4-text); line-height: 1.5; } #pricing-disclaimer .variability{ margin: 0.9rem 0 1rem 0; color: var(--os4av4-slate); line-height: 1.5; } #pricing-disclaimer .cta-row{ display: flex; gap: 0.75rem; flex-wrap: wrap; } #pricing-disclaimer .link-btn, #pricing-disclaimer .ghost-btn{ display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 1rem; border-radius: var(--os4av4-radius-md, 8px); text-decoration: none; font-weight: 800; border: 1px solid transparent; } #pricing-disclaimer .link-btn{ background: var(--os4av4-secondary); color: var(--os4av4-bg); box-shadow: 0 10px 26px rgba(27,110,90,0.18); } #pricing-disclaimer .ghost-btn{ background: transparent; border-color: var(--os4av4-border); color: var(--os4av4-primary); } #pricing-disclaimer .link-btn:hover{ transform: translateY(-1px); } #pricing-disclaimer .ghost-btn:hover{ border-color: var(--os4av4-secondary); } #pricing-disclaimer .link-btn:focus-visible, #pricing-disclaimer .ghost-btn:focus-visible{ outline: 3px solid rgba(27,110,90,0.45); outline-offset: 2px; } #pricing-disclaimer ::selection{ background: rgba(27,110,90,0.22); } @media (max-width: 1024px){ #pricing-disclaimer .container{ grid-template-columns: 1fr; } #pricing-disclaimer .side-card{ position: relative; top: auto; } } @media (prefers-reduced-motion: reduce){ #pricing-disclaimer .link-btn:hover{ transform: none; } } /* os4av4:contacts */ /* os4av4:contacts */ #contacts.contacts{background:var(--os4av4-bg); color:var(--os4av4-text); padding:clamp(2.5rem,6vw,6rem) 0;} #contacts .marketing-shell{max-width:72rem; margin:0 auto; padding:0 clamp(1rem,4vw,3rem);} #contacts .section-head{max-width:56rem; margin-bottom:clamp(1.5rem,3.5vw,2.5rem);} #contacts .section-title{font-family:var(--os4av4-serif, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif); font-weight:750; letter-spacing:-0.02em; font-size:clamp(1.6rem,2.8vw,2.2rem); line-height:1.15; margin:0; text-wrap:balance;} #contacts .section-divider{height:1px; background:var(--os4av4-border); margin:0.9rem 0 1rem; width:100%;} #contacts .section-lead{margin:0; max-width:56rem; font-size:1rem; line-height:1.7; color:var(--os4av4-ink); font-family:var(--os4av4-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif);} #contacts .contacts-grid{display:grid; grid-template-columns:1.05fr 0.95fr; gap:clamp(1.25rem,3.5vw,2.5rem); align-items:start;} #contacts .contact-aside{display:flex; flex-direction:column; gap:1rem;} #contacts .aside-block{background:var(--os4av4-surface); border:1px solid var(--os4av4-border); border-radius:var(--os4av4-radius-md, 8px); padding:1.1rem 1.1rem;} #contacts .aside-title{margin:0 0 0.6rem; font-size:1.05rem; letter-spacing:-0.01em; font-weight:720;} #contacts .aside-list{margin:0; padding-left:1.15rem; color:var(--os4av4-ink); line-height:1.7; font-size:0.98rem;} #contacts .aside-list li{margin:0.25rem 0;} #contacts .aside-note{margin:0.75rem 0 0; color:var(--os4av4-slate); font-size:0.92rem; line-height:1.55;} #contacts .aside-links{display:flex; flex-direction:column; gap:0.6rem; margin-top:0.75rem;} #contacts .link-button{display:inline-flex; align-items:center; justify-content:flex-start; gap:0.6rem; width:100%; padding:0.85rem 0.95rem; border-radius:var(--os4av4-radius-md, 8px); border:1px solid var(--os4av4-border); background:var(--os4av4-bg); color:var(--os4av4-ink); text-decoration:none; font-weight:650;} #contacts .link-button:hover{border-color:var(--os4av4-secondary);} #contacts .link-button--secondary{background:var(--os4av4-surface);} #contacts .aside-micro{margin:0.75rem 0 0; color:var(--os4av4-slate); font-size:0.92rem; line-height:1.55;} #contacts .form-panel{background:var(--os4av4-surface); border:1px solid var(--os4av4-border); border-radius:var(--os4av4-radius-lg, 12px); padding:1.3rem;} #contacts .lead-form{display:flex; flex-direction:column; gap:1rem;} #contacts .form-row{display:flex; flex-direction:column; gap:0.55rem;} #contacts .form-row--two{display:grid; grid-template-columns:1fr 1fr; gap:0.95rem;} #contacts .field{display:flex; flex-direction:column; gap:0.55rem;} #contacts .label{font-size:0.9rem; color:var(--os4av4-slate); font-weight:650;} #contacts input[type="text"],#contacts input[type="email"],#contacts input[type="tel"],#contacts select,#contacts textarea{width:100%; padding:0.88rem 0.95rem; border-radius:var(--os4av4-radius-md, 8px); border:1px solid var(--os4av4-border); background:var(--os4av4-bg); color:var(--os4av4-ink); font-family:var(--os4av4-sans, 'Avenir Next', Avenir, 'Segoe UI', system-ui, sans-serif); font-size:1rem; line-height:1.4;} #contacts textarea{resize:vertical; min-height:120px;} #contacts input:focus-visible,#contacts select:focus-visible,#contacts textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--os4av4-secondary) 35%, transparent); border-color:var(--os4av4-secondary);} #contacts select{appearance:none; background-image:linear-gradient(45deg, transparent 50%, var(--os4av4-slate) 50%),linear-gradient(135deg, var(--os4av4-slate) 50%, transparent 50%); background-position:calc(100% - 18px) calc(1em + 2px), calc(100% - 13px) calc(1em + 2px); background-size:5px 5px,5px 5px; background-repeat:no-repeat;} #contacts .form-actions{display:flex; flex-direction:column; gap:0.65rem; padding-top:0.2rem;} #contacts .btn{display:inline-flex; align-items:center; justify-content:center; gap:0.6rem; border-radius:var(--os4av4-radius-md, 8px); padding:0.95rem 1rem; font-size:1rem; font-weight:760; border:1px solid transparent; cursor:pointer; text-decoration:none;} #contacts .btn--primary{background:var(--os4av4-secondary); color:var(--os4av4-bg); border-color:var(--os4av4-secondary);} #contacts .btn--primary:hover{transform:translateY(-1px); box-shadow:0 10px 24px color-mix(in srgb, var(--os4av4-secondary) 30%, transparent);} #contacts .btn--primary:active{transform:translateY(0px); box-shadow:none;} #contacts .form-disclaimer{margin:0; color:var(--os4av4-slate); font-size:0.9rem; line-height:1.55; max-width:60ch;} #contacts *::selection{background:color-mix(in srgb, var(--os4av4-secondary) 25%, transparent);} @media (max-width: 900px){#contacts .contacts-grid{grid-template-columns:1fr;}} @media (max-width: 640px){#contacts .form-row--two{grid-template-columns:1fr;}} @media (prefers-reduced-motion: reduce){#contacts .btn--primary:hover{transform:none; box-shadow:none;}} .cookie-policy{background:var(--os4av4-bg);color:var(--os4av4-text);font-family:var(--os4av4-font);line-height:1.5} .cookie-policy__main{max-width:980px;margin:0 auto;padding:24px} .cookie-policy__header{padding:18px 0 10px} .cookie-policy__title{margin:0 0 8px;font-size:32px;letter-spacing:-0.02em;color:var(--os4av4-primary)} .cookie-policy__lead{margin:0;color:var(--os4av4-slate);max-width:72ch} .cookie-policy__section{background:var(--os4av4-surface);border:1px solid var(--os4av4-border);border-radius:var(--radius-md);padding:16px 16px;margin:14px 0} .cookie-policy__heading{margin:0 0 8px;font-size:18px;color:var(--os4av4-primary)} .cookie-policy__text{margin:0 0 10px;color:var(--os4av4-text)} .cookie-policy__list{margin:8px 0 0 18px;padding:0} .cookie-policy__li{margin:6px 0;color:var(--os4av4-text)} .cookie-policy__contacts{margin-top:10px} .cookie-policy__contact-card{border:1px solid var(--os4av4-border);background:#ffffff;border-radius:var(--radius-md);padding:14px} .cookie-policy__contact-row{display:block;margin:10px 0} .cookie-policy__label{display:inline-block;min-width:170px;color:var(--os4av4-slate);font-weight:600} .cookie-policy__value{color:var(--os4av4-text)} .cookie-policy__link{color:var(--os4av4-secondary);text-decoration:underline;word-break:break-word} .cookie-policy__link:focus{outline:2px solid var(--os4av4-secondary);outline-offset:3px} .cookie-policy__fineprint{color:var(--os4av4-slate)} .cookie-policy__footer{padding:14px 0 0} .cookie-policy__footer-text{margin:0;color:var(--os4av4-slate);font-size:13px} /* Design-system variables expected on the page root */ .policy-page{background:var(--os4av4-bg);color:var(--os4av4-text);font-family:var(--os4av4-font);line-height:1.5;} .policy-wrapper{max-width:980px;margin:0 auto;padding:24px 16px 40px 16px;} .policy-header{padding:18px 0 10px 0;} .policy-title{margin:0 0 10px 0;font-family:var(--os4av4-font-display);font-size:34px;line-height:1.2;color:var(--os4av4-primary);letter-spacing:-0.01em;} .policy-lead{margin:0;max-width:72ch;color:var(--os4av4-ink);font-size:16px;} .policy-section{margin-top:18px;padding:18px;border:1px solid var(--os4av4-border);background:var(--os4av4-surface);border-radius:var(--os4av4-radius-lg);} .policy-h2{margin:0 0 10px 0;font-size:18px;line-height:1.3;color:var(--os4av4-primary);font-family:var(--os4av4-font-display);} .policy-p{margin:0 0 10px 0;max-width:78ch;} .policy-note{color:var(--os4av4-slate);border-left:4px solid var(--os4av4-accent);padding-left:12px;background:rgba(27,110,90,0.06);border-radius:var(--os4av4-radius-sm);} .policy-list{margin:0;padding-left:18px;} .policy-li{margin:6px 0;max-width:78ch;} .policy-footer{margin-top:18px;} .policy-footer-card{border:1px solid var(--os4av4-border);background:#ffffff;border-radius:var(--os4av4-radius-lg);padding:18px;} .policy-footer-title{margin-bottom:8px;} .policy-small{font-size:13px;color:var(--os4av4-slate);margin:0;} @media (max-width:640px){.policy-title{font-size:28px;}.policy-section{padding:14px;}} :root{--os4av4-primary:#0F2D3A;--os4av4-secondary:#1B6E5A;--os4av4-accent:#1B6E5A;--os4av4-ink:#0B0F14;--os4av4-slate:#4B5A66;--os4av4-mist:#D9DEE3;--os4av4-border:#D9DEE3;--os4av4-surface:#F7F6F3;--os4av4-bg:#FFFFFF;--os4av4-text:#0B0F14;--os4av4-font:'Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif} .policy-page{background:var(--os4av4-bg);color:var(--os4av4-text);font-family:var(--os4av4-font);line-height:1.55;min-height:100vh} .policy-main{max-width:920px;margin:0 auto;padding:28px 18px 44px} .policy-title{margin:0 0 10px;font-size:28px;letter-spacing:-0.02em;color:var(--os4av4-primary)} .policy-intro{margin:0 0 20px;color:var(--os4av4-slate);font-size:15px} .policy-section{margin:18px 0;padding:16px 16px;border:1px solid var(--os4av4-border);border-radius:var(--radius-md);background:var(--os4av4-surface)} .policy-heading{margin:0 0 10px;font-size:18px;color:var(--os4av4-primary)} .policy-text{margin:10px 0 0;color:var(--os4av4-ink);font-size:14.5px} .policy-text:first-child{margin-top:0} .policy-contact{margin-top:10px;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--os4av4-border);background:var(--os4av4-bg)} .policy-contact-row{display:block;margin:8px 0} .policy-contact-label{display:inline-block;min-width:150px;color:var(--os4av4-slate);font-weight:600;font-size:14px} .policy-contact-value{color:var(--os4av4-ink);font-size:14px} .policy-link{color:var(--os4av4-secondary);text-decoration:underline;text-underline-offset:3px} .policy-link:hover{color:var(--os4av4-accent)} .policy-footnote{margin:14px 0 0;color:var(--os4av4-slate);font-size:13.5px} @media (max-width:520px){.policy-main{padding:22px 14px 36px}.policy-title{font-size:24px}.policy-contact-label{min-width:120px}} .policy-page{background:var(--os4av4-bg);color:var(--os4av4-text);font-family:var(--os4av4-font);padding:24px 16px;line-height:1.5;} .policy-wrapper{max-width:980px;margin:0 auto;} .policy-card{background:var(--os4av4-surface);border:1px solid var(--os4av4-border);border-radius:var(--os4av4-radius-lg,12px);padding:24px;box-shadow:none;} .policy-header{margin-bottom:16px;} .policy-title{margin:0 0 8px 0;font-family:var(--os4av4-font-display);font-size:28px;letter-spacing:-0.01em;color:var(--os4av4-primary);} .policy-lead{margin:0;color:var(--os4av4-text);font-size:16px;} .policy-divider{height:1px;background:var(--os4av4-border);margin:18px 0;} .policy-section{margin-top:16px;} .policy-subtitle{margin:0 0 8px 0;font-size:18px;color:var(--os4av4-primary);font-family:var(--os4av4-font-display);} .policy-text{margin:0 0 10px 0;font-size:15px;color:var(--os4av4-text);} .policy-list{margin:0;padding-left:18px;} .policy-list-item{margin:6px 0;font-size:15px;} .policy-footer{margin-top:18px;padding-top:14px;border-top:1px solid var(--os4av4-border);} .policy-address{margin:0;font-style:normal;} .policy-address-line{margin:6px 0;font-size:15px;color:var(--os4av4-text);} .policy-label{display:inline-block;min-width:140px;color:var(--os4av4-slate);font-weight:600;} .policy-link{color:var(--os4av4-secondary);text-decoration:underline;} .policy-link:hover{color:var(--os4av4-accent);text-decoration:none;} @media (max-width:560px){.policy-card{padding:18px;}.policy-title{font-size:24px;}.policy-label{min-width:120px;}} section[data-os4av4-wsk]:not([data-os4av4-wsk='header']):not([data-os4av4-wsk='footer']) { position: relative; } section[data-os4av4-wsk]:not([data-os4av4-wsk='header']):not([data-os4av4-wsk='footer']) { border-top: 1px solid var(--os4av4-border); } section[data-os4av4-wsk]:not([data-os4av4-wsk='header']) h1,section[data-os4av4-wsk]:not([data-os4av4-wsk='header']) h2 { max-width: 20ch; letter-spacing: -0.035em; } section[data-os4av4-wsk]:nth-of-type(even)::before { content: ''; position: absolute; top: 0; left: 0; width: 5rem; border-top: 3px solid var(--os4av4-accent); } :root { --os4av4-c-content-width: 72rem; --os4av4-c-gutter: clamp(1rem, 4vw, 3rem); --os4av4-c-measure: 65ch; --os4av4-c-heading-display: clamp(2.5rem, 6vw, 5.5rem); } [data-os4av4-dr] { scroll-margin-top: 1.5rem; } main > section, main [data-os4av4-wsk] { padding-inline: var(--os4av4-c-gutter); } [data-os4av4-dr*='article'], [data-os4av4-dr*='review'] { max-width: var(--os4av4-c-measure); } h1 { font-size: var(--os4av4-c-heading-display); } @media (max-width: 768px) { [data-os4av4-dr] { min-width: 0; } }