/* vanilla base reset (no framework) */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: var(--ubbaw26-font, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif); line-height: 1.5; color: var(--ubbaw26-ink, #111); background: var(--ubbaw26-bg, #fff); } h1, h2, h3, h4, h5, h6 { font-family: var(--ubbaw26-font-display, var(--ubbaw26-font, system-ui, sans-serif)); } img, svg, video, canvas { max-width: 100%; height: auto; } a { color: inherit; } *:focus-visible { outline: 2px solid var(--ubbaw26-primary, #2563eb); outline-offset: 2px; } /* visibility shim for framework toggles */ .hidden { display: none !important; } /* design tokens */ :root { --ubbaw26-primary: #0B6FAE; --ubbaw26-secondary: #B25B00; --ubbaw26-accent: #0B6FAE; --ubbaw26-ink: #0B1220; --ubbaw26-slate: #4A5561; --ubbaw26-mist: #D7DBE0; --ubbaw26-border: #D7DBE0; --ubbaw26-surface: #F6F7F8; --ubbaw26-bg: #FFFFFF; --ubbaw26-text: #111418; --ubbaw26-font: 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif; --ubbaw26-font-display: 'Optima', 'Segoe UI', Candara, 'Gill Sans', 'Gill Sans MT', sans-serif; } /* state utilities */ .is-open { display: block !important; } .is-active { display: block !important; } [hidden] { display: none !important; } /* framework-injected components (vanilla) */ [data-ubbaw26-ui="cookie-banner"] { position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 9999; margin: 0 auto; max-width: 56rem; border: 1px solid var(--ubbaw26-border, #e5e7eb); background: var(--ubbaw26-surface, #fff); border-radius: 1rem; padding: 1rem; box-shadow: 0 10px 30px rgba(0,0,0,.15); } [data-ubbaw26-ui="cookie-banner"] > div { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-start; justify-content: space-between; } [data-ubbaw26-ui="cookie-banner"] > div > div:last-child { display: flex; flex-wrap: wrap; gap: .5rem; } [data-ubbaw26-ui="cookie-banner"] a { text-decoration: underline; } [data-ubbaw26-cs-action], [data-ubbaw26-ag-action] { cursor: pointer; border-radius: .5rem; padding: .5rem .9rem; font-size: .8rem; border: 1px solid var(--ubbaw26-border, #d1d5db); background: transparent; color: var(--ubbaw26-ink, #111); } [data-ubbaw26-cs-action="accept-all"], [data-ubbaw26-cs-action="save"], [data-ubbaw26-ag-action="confirm"] { background: var(--ubbaw26-primary, #2563eb); color: #fff; border-color: transparent; font-weight: 600; } [data-ubbaw26-cs-action="reject-all"] { background: var(--ubbaw26-ink, #111); color: #fff; border-color: transparent; font-weight: 600; } [data-ubbaw26-cs-panel] { margin-top: 1rem; border: 1px solid var(--ubbaw26-border, #e5e7eb); background: var(--ubbaw26-surface, #fff); border-radius: .75rem; padding: 1rem; font-size: .875rem; } [data-ubbaw26-cs-panel] > div { display: flex; flex-wrap: wrap; gap: .75rem; } [data-ubbaw26-ui="cookie-banner"] label { display: inline-flex; align-items: center; gap: .5rem; } [data-ubbaw26-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-ubbaw26-ui="age-gate-overlay"] > div { width: 100%; max-width: 28rem; margin: 0 1rem; background: var(--ubbaw26-surface, #1a1a2e); color: var(--ubbaw26-ink, #fff); border-radius: 1rem; padding: 2rem; text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,.4); } [data-ubbaw26-ui="age-gate-overlay"] > div > div:last-of-type { display: flex; flex-direction: column; gap: .75rem; } [data-ubbaw26-ag-action] { padding: .75rem 1.5rem; } /* sections */ /* ubbaw26:header */ /* ubbaw26:header */ #header.header{--header-h:72px; position:sticky; top:0; z-index:50; background:var(--ubbaw26-bg); border-bottom:1px solid var(--ubbaw26-border);} #header .header__inner{max-width:72rem; margin:0 auto; padding:0 clamp(1rem,4vw,3rem); display:grid; grid-template-columns:auto 1fr auto auto; align-items:center; min-height:var(--header-h); gap:1rem;} #header .brand{display:flex; align-items:center; gap:.6rem; text-decoration:none; color:var(--ubbaw26-ink);} #header .brand__mark{width:36px; height:36px; border-radius:var(--radius-sm); background:var(--ubbaw26-surface); border:1px solid var(--ubbaw26-border); display:flex; align-items:center; justify-content:center; font-size:18px; line-height:1;} #header .brand__name{font-family:var(--font-sans); font-weight:800; letter-spacing:-.02em; font-size:1.05rem;} #header .nav{display:flex; gap:1.25rem; align-items:center; justify-content:flex-start;} #header .nav__link{font-family:var(--font-sans); font-size:.95rem; color:var(--ubbaw26-slate); text-decoration:none; padding:.55rem .25rem; border-radius:10px;} #header .nav__link:focus-visible{outline:3px solid rgba(11,111,174,.35); outline-offset:2px;} #header .header__cta{display:flex; flex-direction:column; align-items:flex-end; gap:.35rem; max-width:22rem;} #header .header__note{margin:0; font-size:.82rem; color:var(--ubbaw26-slate); line-height:1.2; text-wrap:balance;} #header .btn{display:inline-flex; align-items:center; justify-content:center; height:44px; padding:0 1.1rem; border-radius:var(--radius-md); text-decoration:none; font-weight:700; letter-spacing:-.01em; font-family:var(--font-sans);} #header .btn--primary{background:var(--ubbaw26-primary); color:#fff; border:1px solid var(--ubbaw26-primary); box-shadow:0 10px 22px rgba(11,111,174,.18);} #header .btn--primary:hover{background:color-mix(in srgb, var(--ubbaw26-primary) 90%, #000); border-color:var(--ubbaw26-primary);} #header .btn--primary:focus-visible{outline:3px solid rgba(11,111,174,.35); outline-offset:2px;} #header .menu-toggle{display:none; height:44px; width:44px; border-radius:var(--radius-md); border:1px solid var(--ubbaw26-border); background:var(--ubbaw26-surface); color:var(--ubbaw26-ink); font-size:20px; align-items:center; justify-content:center; cursor:pointer;} #header .menu-toggle:focus-visible{outline:3px solid rgba(11,111,174,.35); outline-offset:2px;} #header .mobile-menu{display:none; max-width:72rem; margin:0 auto; padding:0 clamp(1rem,4vw,3rem) clamp(1rem,4vw,3rem); border-bottom:1px solid var(--ubbaw26-border);} #header .mobile-menu__link{display:block; padding:0.95rem 0; text-decoration:none; color:var(--ubbaw26-slate); border-top:1px solid var(--ubbaw26-border); font-family:var(--font-sans);} #header .mobile-menu__link:first-child{border-top:1px solid var(--ubbaw26-border);} #header .mobile-menu__link:focus-visible{outline:3px solid rgba(11,111,174,.35); outline-offset:2px; border-radius:10px;} #header .mobile-menu__cta{display:inline-flex; width:100%; margin:1rem 0 0; justify-content:center; height:48px; border-radius:var(--radius-md); background:var(--ubbaw26-primary); color:#fff; font-weight:800; text-decoration:none; border:1px solid var(--ubbaw26-primary); font-family:var(--font-sans);} #header .mobile-menu__cta:focus-visible{outline:3px solid rgba(11,111,174,.35); outline-offset:2px;} @media (max-width:900px){ #header .header__inner{grid-template-columns:auto 1fr auto;} #header .nav{display:none;} #header .header__cta{display:none;} #header .menu-toggle{display:flex;} #header .mobile-menu{display:block;} #header .mobile-menu{max-height:0; overflow:hidden; transition:max-height 180ms ease;} #header[data-menu-open="true"] .mobile-menu{max-height:520px;} } @media (prefers-reduced-motion: reduce){ #header .mobile-menu{transition:none;} } #header .header__inner::after{content:""; display:block;} #header ::selection{background:rgba(11,111,174,.25);} /* ubbaw26:footer */ /* ubbaw26:footer */ #footer{--fs-body:1rem;--fs-small:.875rem;--fs-title:1.25rem;--gap:clamp(1rem,2vw,1.5rem);padding:clamp(2.5rem,5vw,4rem) 0;background:var(--ubbaw26-bg);color:var(--ubbaw26-text);} #footer ::selection{background:rgba(11,111,174,.18);} #footer .footer-wrap{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #footer .footer-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:var(--gap);align-items:start;} #footer .footer-ubbaw26-b-title{font-family:var(--ubbaw26-serif, 'Optima, Segoe UI, Candara, Gill Sans, Gill Sans MT, sans-serif');font-weight:700;font-size:1.35rem;letter-spacing:-.02em;margin:0 0 .5rem;} #footer .footer-ubbaw26-b-sub{margin:0 0 1.2rem;font-size:var(--fs-body);color:var(--ubbaw26-slate);line-height:1.5;max-width:30ch;} #footer .footer-contact{display:flex;flex-direction:column;gap:.65rem;margin:1rem 0 1.1rem;} #footer .footer-contact-row{display:grid;grid-template-columns:110px 1fr;gap:.75rem;align-items:start;} #footer .footer-contact-label{font-size:var(--fs-small);color:var(--ubbaw26-slate);font-weight:600;} #footer .footer-address{color:var(--ubbaw26-text);line-height:1.45;} #footer .footer-links .footer-col-title,#footer .footer-reg .footer-col-title{font-family:var(--ubbaw26-serif, 'Optima, Segoe UI, Candara, Gill Sans, Gill Sans MT, sans-serif');font-weight:700;font-size:1.15rem;letter-spacing:-.01em;margin:.2rem 0 .9rem;} #footer .footer-col-title{margin:.2rem 0 .9rem;} #footer .footer-ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem;} #footer .footer-divider{height:1px;background:var(--ubbaw26-border);margin:1.1rem 0 1.1rem;} #footer .footer-link{color:var(--ubbaw26-ink);text-decoration:none;border-bottom:1px solid transparent;} #footer .footer-link:focus-visible{outline:3px solid rgba(11,111,174,.35);outline-offset:3px;border-bottom-color:rgba(11,111,174,.55);} #footer .footer-link:hover{border-bottom-color:rgba(11,111,174,.45);} #footer .footer-note{margin:1rem 0 0;color:var(--ubbaw26-slate);line-height:1.55;max-width:40ch;} #footer .footer-dl{margin:0;display:flex;flex-direction:column;gap:.65rem;} #footer .footer-dl-row{display:grid;grid-template-columns:155px 1fr;gap:.9rem;align-items:start;} #footer .footer-dt{color:var(--ubbaw26-slate);font-size:var(--fs-small);font-weight:700;} #footer .footer-dd{margin:0;color:var(--ubbaw26-text);line-height:1.45;} #footer .footer-small{margin:1rem 0 0;color:var(--ubbaw26-slate);line-height:1.55;} #footer .footer-bottom{margin-top:clamp(1.8rem,3.5vw,2.5rem);padding-top:clamp(1rem,2vw,1.4rem);border-top:1px solid var(--ubbaw26-border);display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;} #footer .footer-legal{margin:0;color:var(--ubbaw26-slate);font-size:var(--fs-small);} #footer .footer-mini-link{color:var(--ubbaw26-ink);text-decoration:none;font-size:var(--fs-small);border-bottom:1px solid transparent;} #footer .footer-mini-link:focus-visible{outline:3px solid rgba(11,111,174,.35);outline-offset:3px;border-bottom-color:rgba(11,111,174,.55);} #footer .footer-mini-link:hover{border-bottom-color:rgba(11,111,174,.45);} @media (max-width: 900px){#footer .footer-grid{grid-template-columns:1fr;gap:1.25rem;}} @media (prefers-reduced-motion: reduce){#footer *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* ubbaw26:trust-bar */ /* ubbaw26:trust-bar */ #trust-bar{padding:clamp(1.5rem,3.5vw,2.5rem) 0;background:var(--ubbaw26-bg);color:var(--ubbaw26-text)} #trust-bar .trust-bar__inner{max-width:72rem;margin:0 auto;padding:0 var(--ubbaw26-gutter,clamp(1rem,4vw,3rem));display:flex;gap:clamp(1.2rem,3vw,2.5rem);align-items:flex-start;justify-content:space-between} #trust-bar .trust-bar__left{flex:1 1 52%;min-width:18rem} #trust-bar .trust-bar__eyebrow{margin:0 0 .6rem 0;font-size:.875rem;color:var(--ubbaw26-slate);letter-spacing:.02em} #trust-bar .trust-bar__title{margin:0 0 .8rem 0;font-family:var(--font-serif, 'Optima, Segoe UI, Candara, Gill Sans, Gill Sans MT, sans-serif');font-weight:650;line-height:1.1;letter-spacing:-0.02em;text-wrap:balance;font-size:clamp(1.25rem,2.2vw,2rem)} #trust-bar .trust-bar__copy{margin:0;font-size:1rem;line-height:1.6;color:var(--ubbaw26-slate)} #trust-bar .trust-bar__right{flex:1 1 40%;min-width:18rem;padding:1rem;border:1px solid var(--ubbaw26-border);border-radius:var(--radius,14px);background:var(--ubbaw26-surface)} #trust-bar .trust-bar__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.9rem} #trust-bar .trust-bar__item{display:flex;gap:.7rem;align-items:flex-start} #trust-bar .trust-bar__icon{width:30px;height:30px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb, var(--ubbaw26-primary) 12%, var(--ubbaw26-surface));color:var(--ubbaw26-primary);font-weight:800;line-height:1} #trust-bar .trust-bar__text{font-size:.98rem;line-height:1.45;color:var(--ubbaw26-ink)} #trust-bar .trust-bar__note{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--ubbaw26-border);font-size:.95rem;line-height:1.45;color:var(--ubbaw26-slate)} #trust-bar ::selection{background:color-mix(in srgb, var(--ubbaw26-primary) 25%, white);color:var(--ubbaw26-ink)} @media (max-width: 768px){#trust-bar .trust-bar__inner{flex-direction:column;gap:1.2rem}#trust-bar .trust-bar__right{width:100%}} @media (prefers-reduced-motion: reduce){#trust-bar *{scroll-behavior:auto}} /* ubbaw26:hero-booking */ /* ubbaw26:hero-booking */ #hero-booking{font-family:var(--ds-font-sans, 'Segoe UI', Candara, 'Gill Sans', 'Trebuchet MS', sans-serif); color:var(--ubbaw26-text); background:var(--ubbaw26-bg);} #hero-booking :where(*){box-sizing:border-box;} #hero-booking ::selection{background:rgba(11,111,174,.18);} #hero-booking .section-shell{max-width:72rem; margin:0 auto; padding:clamp(1.25rem,3vw,2rem) var(--ds-gutter, clamp(1rem,4vw,3rem));} #hero-booking .hero-grid{display:grid; grid-template-columns:1fr; gap:clamp(1.25rem,3vw,2.5rem); align-items:start;} #hero-booking .hero-main{min-width:0;} #hero-booking .hero-title{font-family:var(--ds-font-serif, 'Optima','Segoe UI',Candara,'Gill Sans','Gill Sans MT',sans-serif); font-weight:700; letter-spacing:-0.03em; font-size:clamp(2.25rem,4.6vw,4rem); line-height:1.05; margin:0 0 .75rem; text-wrap:balance;} #hero-booking .hero-lead{margin:0 0 1.25rem; font-size:1rem; line-height:1.6; color:var(--ubbaw26-ink); max-width:42rem;} #hero-booking .qualifiers{display:flex; flex-direction:column; gap:.75rem; margin-top:1.25rem;} #hero-booking .qualifier{display:grid; grid-template-columns:44px 1fr; gap:.85rem; padding:1rem; border:1px solid var(--ubbaw26-border); background:var(--ubbaw26-surface); border-radius:var(--ubbaw26-radius-md,14px);} #hero-booking .qualifier-icon{width:44px;height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:rgba(11,111,174,.08); color:var(--ubbaw26-primary); font-size:1.05rem;} #hero-booking .qualifier-title{font-weight:700; font-size:.95rem; margin-top:.15rem;} #hero-booking .qualifier-body{color:var(--ubbaw26-slate); font-size:.95rem; line-height:1.5;} #hero-booking .availability-proof{margin-top:1.6rem; padding:1.05rem; border-radius:var(--ubbaw26-radius-md,14px); border:1px solid var(--ubbaw26-border); background:linear-gradient(180deg, rgba(246,247,248,.95), var(--ubbaw26-bg));} #hero-booking .proof-header{display:flex; flex-direction:column; gap:.35rem; margin-bottom:.9rem;} #hero-booking .proof-title{font-weight:800; font-size:1.02rem; letter-spacing:-.01em;} #hero-booking .proof-note{color:var(--ubbaw26-slate); font-size:.94rem; line-height:1.45;} #hero-booking .heat-strip{display:grid; grid-template-columns:1fr; gap:.75rem;} #hero-booking .heat-col{padding:.85rem; border:1px solid var(--ubbaw26-border); border-radius:var(--ubbaw26-radius-sm,10px); background:rgba(255,255,255,.6);} #hero-booking .heat-label{font-weight:800; font-size:.95rem; margin-bottom:.4rem;} #hero-booking .heat-caption{margin-top:.45rem; color:var(--ubbaw26-slate); font-size:.9rem;} #hero-booking .heat-dots{display:flex; gap:.35rem; align-items:center;} #hero-booking .dot{width:14px; height:14px; border-radius:50%; display:inline-block; background:var(--ubbaw26-mist); border:1px solid var(--ubbaw26-border);} #hero-booking .dot-green{background:rgba(29,155,90,.16); border-color:rgba(29,155,90,.35);} #hero-booking .dot-amber{background:rgba(178,91,0,.16); border-color:rgba(178,91,0,.35);} #hero-booking .dot-gray{background:rgba(74,85,97,.12); border-color:rgba(74,85,97,.28);} #hero-booking .booking-rail{min-width:0;} #hero-booking .rail-card{border:1px solid var(--ubbaw26-border); background:var(--ubbaw26-surface); border-radius:18px; padding:1.05rem; position:relative; box-shadow:0 10px 24px rgba(11,18,32,.06);} #hero-booking .rail-title{font-weight:900; font-size:1.25rem; letter-spacing:-.02em;} #hero-booking .rail-top{display:flex; flex-direction:column; gap:.35rem; margin-bottom:1rem;} #hero-booking .rail-summary{color:var(--ubbaw26-slate); font-size:.94rem; line-height:1.45;} #hero-booking .rail-form{display:flex; flex-direction:column; gap:1rem;} #hero-booking .label-row{display:flex; align-items:flex-start; justify-content:space-between; gap:1rem;} #hero-booking .label{display:block; font-weight:800; font-size:.93rem; margin-bottom:.45rem;} #hero-booking .label-hint{color:var(--ubbaw26-slate); font-size:.88rem; line-height:1.3; max-width:14rem;} #hero-booking .field{display:flex; flex-direction:column;} #hero-booking .field-compact .label-hint{max-width:16rem;} #hero-booking .control{border:1px solid var(--ubbaw26-border); border-radius:var(--ubbaw26-radius-sm,10px); background:#fff; padding:.72rem .75rem; font-size:.98rem; line-height:1.4; color:var(--ubbaw26-ink); width:100%; outline:none;} #hero-booking .control:focus{border-color:rgba(11,111,174,.55); box-shadow:0 0 0 4px rgba(11,111,174,.14);} #hero-booking .control-textarea{resize:vertical; min-height:92px;} #hero-booking .date-picker{padding:1rem; border:1px solid var(--ubbaw26-border); border-radius:var(--ubbaw26-radius-md,14px); background:rgba(255,255,255,.7);} #hero-booking .month-head{display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:.75rem;} #hero-booking .month-name{font-weight:900; font-size:1rem;} #hero-booking .month-pill{display:inline-flex; padding:.25rem .55rem; border-radius:999px; border:1px solid var(--ubbaw26-border); color:var(--ubbaw26-slate); background:rgba(215,219,224,.35); font-size:.82rem;} #hero-booking .dow{display:grid; grid-template-columns:repeat(7,1fr); gap:.35rem; color:var(--ubbaw26-slate); font-size:.78rem; letter-spacing:.02em; margin-bottom:.5rem;} #hero-booking .day-grid{display:grid; grid-template-columns:repeat(7,1fr); gap:.35rem;} #hero-booking .day{height:44px; border-radius:12px; border:1px solid var(--ubbaw26-border); background:#fff; color:var(--ubbaw26-ink); font-weight:800; font-size:.96rem; cursor:pointer; position:relative; outline:none;} #hero-booking .day.dot-green{border-color:rgba(29,155,90,.35);} #hero-booking .day.dot-amber{border-color:rgba(178,91,0,.35);} #hero-booking .day.dot-gray{border-color:rgba(74,85,97,.28); color:rgba(17,20,24,.65);} #hero-booking .day::after{content:""; position:absolute; bottom:6px; left:50%; transform:translateX(-50%); width:9px; height:9px; border-radius:50%; background:var(--ubbaw26-mist); border:1px solid var(--ubbaw26-border);} #hero-booking .day.dot-green::after{background:rgba(29,155,90,.2); border-color:rgba(29,155,90,.35);} #hero-booking .day.dot-amber::after{background:rgba(178,91,0,.18); border-color:rgba(178,91,0,.35);} #hero-booking .day.dot-gray::after{background:rgba(74,85,97,.12); border-color:rgba(74,85,97,.28);} #hero-booking .day:focus-visible{box-shadow:0 0 0 4px rgba(11,111,174,.16); border-color:rgba(11,111,174,.55);} #hero-booking .day[aria-pressed="true"]{background:rgba(11,111,174,.08); border-color:rgba(11,111,174,.5);} #hero-booking .day[aria-pressed="true"]::after{background:rgba(11,111,174,.35); border-color:rgba(11,111,174,.55);} #hero-booking .selection-row{display:flex; align-items:stretch; justify-content:space-between; gap:1rem; margin-top:.9rem; padding-top:.85rem; border-top:1px solid var(--ubbaw26-border);} #hero-booking .selection-left{display:flex; flex-direction:column; gap:.25rem;} #hero-booking .selection-label{color:var(--ubbaw26-slate); font-size:.85rem; font-weight:700;} #hero-booking .selection-value{font-weight:900; letter-spacing:-.01em;} #hero-booking .selection-right{display:flex; flex-direction:column; align-items:flex-end; justify-content:flex-start; gap:.25rem;} #hero-booking .selection-pill{display:inline-flex; align-items:center; justify-content:center; padding:.45rem .7rem; border-radius:999px; border:1px solid var(--ubbaw26-border); background:#fff; font-weight:900; font-size:.9rem;} #hero-booking .range-actions{display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:.85rem;} #hero-booking .micro-copy{color:var(--ubbaw26-slate); font-size:.88rem;} #hero-booking .btn{border-radius:14px; padding:.85rem .95rem; font-weight:900; font-size:1rem; border:1px solid transparent; cursor:pointer; outline:none; min-height:44px;} #hero-booking .btn-primary{background:var(--ubbaw26-primary); color:#fff; border-color:rgba(11,111,174,.25); box-shadow:0 12px 24px rgba(11,111,174,.18);} #hero-booking .btn-primary:focus-visible{box-shadow:0 0 0 4px rgba(11,111,174,.22), 0 12px 24px rgba(11,111,174,.18);} #hero-booking .btn-primary:hover{filter:brightness(1.02);} #hero-booking .btn-primary:active{transform:translateY(1px);} #hero-booking .btn-ghost{background:#fff; border-color:var(--ubbaw26-border); color:var(--ubbaw26-ink);} #hero-booking .btn-ghost:hover{background:rgba(215,219,224,.35);} #hero-booking .btn-ghost:focus-visible{box-shadow:0 0 0 4px rgba(11,111,174,.16); border-color:rgba(11,111,174,.55);} #hero-booking .btn-submit{width:100%; margin-top:.25rem;} #hero-booking .stepper{display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.75rem; border:1px solid var(--ubbaw26-border); border-radius:var(--ubbaw26-radius-md,14px); background:#fff;} #hero-booking .step-btn{width:44px; height:44px; border-radius:14px; border:1px solid var(--ubbaw26-border); background:#fff; color:var(--ubbaw26-ink); font-weight:1000; font-size:1.25rem; cursor:pointer; outline:none;} #hero-booking .step-btn:focus-visible{box-shadow:0 0 0 4px rgba(11,111,174,.16); border-color:rgba(11,111,174,.55);} #hero-booking .step-value{display:flex; align-items:baseline; gap:.5rem;} #hero-booking .step-number{font-variant-numeric:tabular-nums; font-weight:1000; font-size:1.4rem; letter-spacing:-.02em;} #hero-booking .step-unit{color:var(--ubbaw26-slate); font-weight:800;} #hero-booking .field-bottom-note{margin-top:.5rem; color:var(--ubbaw26-slate); font-size:.9rem; line-height:1.4;} #hero-booking .rail-agency-line{color:var(--ubbaw26-ink); font-weight:900; font-size:.95rem; border-left:4px solid rgba(178,91,0,.45); padding-left:.7rem;} #hero-booking .rail-terms{color:var(--ubbaw26-slate); font-size:.9rem; line-height:1.45;} #hero-booking .rail-disclaimer{color:var(--ubbaw26-slate); font-size:.88rem; line-height:1.45; margin-top:-.25rem;} @media (prefers-reduced-motion:reduce){#hero-booking *{scroll-behavior:auto; transition:none !important; animation:none !important;}} @media (min-width:768px){ #hero-booking .hero-grid{grid-template-columns:2.85fr 1fr;} #hero-booking .heat-strip{grid-template-columns:repeat(3,1fr);} } @media (min-width:1024px){ #hero-booking .hero-grid{grid-template-columns:8fr 4fr; gap:3rem;} #hero-booking .booking-rail{position:relative;} #hero-booking .rail-card{position:sticky; top:var(--header-h, 72px);} } /* ubbaw26:itinerary-outcomes */ /* ubbaw26:itinerary-outcomes */ #itinerary-outcomes{padding:clamp(2.5rem,6vw,5rem) 0;background:var(--ubbaw26-bg);color:var(--ubbaw26-text);} #itinerary-outcomes .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #itinerary-outcomes .section-header{max-width:54rem;margin-bottom:1.75rem;} #itinerary-outcomes .section-title{font-family:var(--ubbaw26-font-serif, 'Optima, Segoe UI, Candara, Gill Sans, Gill Sans MT, sans-serif');font-size:clamp(1.7rem,3.2vw,2.4rem);line-height:1.15;letter-spacing:-0.015em;margin:0 0 .6rem 0;text-wrap:balance;} #itinerary-outcomes .section-rationale{margin:0;color:var(--ubbaw26-slate);font-size:1rem;line-height:1.6;max-width:55ch;} #itinerary-outcomes .outcomes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:stretch;} #itinerary-outcomes .outcome-card{background:var(--ubbaw26-surface);border:1px solid var(--ubbaw26-border);border-radius:var(--ubbaw26-radius-lg,18px);padding:1.1rem 1.05rem;display:flex;gap:.95rem;min-height:220px;} #itinerary-outcomes .icon-col{flex:0 0 auto;width:44px;height:44px;border-radius:14px;background:color-mix(in srgb, var(--ubbaw26-primary) 12%, var(--ubbaw26-surface));border:1px solid color-mix(in srgb, var(--ubbaw26-primary) 24%, var(--ubbaw26-border));display:flex;align-items:center;justify-content:center;color:var(--ubbaw26-primary);font-size:1.15rem;line-height:1;} #itinerary-outcomes .card-body{min-width:0;} #itinerary-outcomes .card-title{margin:.15rem 0 .6rem 0;font-family:var(--ubbaw26-font-sans, 'Segoe UI, Candara, Gill Sans, Trebuchet MS, sans-serif');font-size:1.05rem;line-height:1.25;letter-spacing:-0.005em;} #itinerary-outcomes .card-list{margin:0;padding-left:1.05rem;color:var(--ubbaw26-slate);font-size:.98rem;line-height:1.65;} #itinerary-outcomes .card-list li{margin:.28rem 0;} #itinerary-outcomes .card-example{margin-top:.95rem;padding-top:.8rem;border-top:1px solid color-mix(in srgb, var(--ubbaw26-border) 85%, transparent);color:var(--ubbaw26-slate);font-size:.9rem;} #itinerary-outcomes .next-action{margin-top:1.75rem;} #itinerary-outcomes .divider{height:1px;background:var(--ubbaw26-border);margin:1.1rem 0 1rem 0;} #itinerary-outcomes .next-text{margin:0 0 .6rem 0;color:var(--ubbaw26-ink);font-weight:600;} #itinerary-outcomes .next-link{display:inline-block;color:var(--ubbaw26-primary);text-decoration:none;font-weight:700;border:1px solid color-mix(in srgb, var(--ubbaw26-primary) 35%, var(--ubbaw26-border));background:color-mix(in srgb, var(--ubbaw26-primary) 8%, var(--ubbaw26-surface));padding:.7rem 1rem;border-radius:var(--ubbaw26-radius-md,14px);} #itinerary-outcomes .next-link:focus-visible{outline:3px solid color-mix(in srgb, var(--ubbaw26-primary) 55%, transparent);outline-offset:3px;} #itinerary-outcomes .next-link:hover{background:color-mix(in srgb, var(--ubbaw26-primary) 14%, var(--ubbaw26-surface));} #itinerary-outcomes ::selection{background:color-mix(in srgb, var(--ubbaw26-primary) 25%, var(--ubbaw26-surface));} @media (max-width: 900px){#itinerary-outcomes .outcomes-grid{grid-template-columns:1fr;gap:.9rem;}} @media (prefers-reduced-motion: reduce){#itinerary-outcomes *{scroll-behavior:auto;transition:none !important;animation:none !important;}} /* ubbaw26:availability-proof */ /* ubbaw26:availability-proof */ #availability-proof.availability-proof{background:var(--ubbaw26-bg);color:var(--ubbaw26-text);padding:clamp(2.5rem,5vw,5rem) 0;} #availability-proof .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #availability-proof .section-head{max-width:58rem;margin-bottom:1.75rem;} #availability-proof .section-title{font-family:var(--font-serif, 'Optima, Segoe UI, Candara, Gill Sans, Gill Sans MT, sans-serif');font-size:clamp(1.5rem,2.6vw,2.25rem);letter-spacing:-0.02em;margin:0 0 .5rem 0;line-height:1.15;} #availability-proof .section-subtitle{margin:0;color:var(--ubbaw26-slate);font-size:1rem;line-height:1.6;} #availability-proof .legend-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin:0 0 1.5rem 0;} #availability-proof .legend-item{display:flex;align-items:center;gap:.55rem;padding:.6rem .75rem;border:1px solid var(--ubbaw26-border);border-radius:var(--radius-md);background:var(--ubbaw26-surface);} #availability-proof .legend-label{font-size:.92rem;color:var(--ubbaw26-ink);} #availability-proof .dot{display:inline-block;width:14px;height:14px;border-radius:999px;box-shadow:inset 0 0 0 2px rgba(0,0,0,.04);} #availability-proof .dot-green{background:#2E9B5B;} #availability-proof .dot-amber{background:var(--ubbaw26-secondary);} #availability-proof .dot-gray{background:#9AA3AE;} #availability-proof .proof-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:1.25rem;align-items:start;} #availability-proof .proof-copy{padding:1.1rem 1.05rem;border:1px solid var(--ubbaw26-border);border-radius:var(--radius-lg);background:var(--ubbaw26-surface);} #availability-proof .proof-title{font-family:var(--font-serif, 'Optima, Segoe UI, Candara, Gill Sans, Gill Sans MT, sans-serif');margin:.1rem 0 .65rem 0;font-size:1.25rem;letter-spacing:-0.01em;line-height:1.25;} #availability-proof .proof-text{margin:0 0 1rem 0;color:var(--ubbaw26-slate);line-height:1.7;} #availability-proof .cta-note{border-left:4px solid var(--ubbaw26-primary);padding:.75rem .85rem;margin:.25rem 0 1rem 0;background:#FFFFFF;border-radius:var(--radius-md);color:var(--ubbaw26-ink);} #availability-proof .cta-note-strong{font-weight:800;} #availability-proof .cta-note-small{display:block;margin-top:.25rem;color:var(--ubbaw26-slate);font-size:.92rem;} #availability-proof .next-action{padding-top:.1rem;} #availability-proof .next-link{color:var(--ubbaw26-primary);text-decoration:none;border-bottom:1px solid rgba(11,111,174,.35);} #availability-proof .next-link:focus-visible{outline:3px solid rgba(11,111,174,.35);outline-offset:3px;border-radius:6px;} #availability-proof .heat-wrap{border:1px solid var(--ubbaw26-border);border-radius:var(--radius-lg);background:linear-gradient(0deg, rgba(246,247,248,1), rgba(246,247,248,1));padding:1.05rem 1.05rem 1.05rem;} #availability-proof .heat-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.9rem;} #availability-proof .heat-label{font-weight:800;letter-spacing:-0.01em;} #availability-proof .heat-help{color:var(--ubbaw26-slate);font-size:.92rem;line-height:1.4;text-align:right;} #availability-proof .heat-legend{display:flex;justify-content:space-between;gap:.75rem;color:var(--ubbaw26-slate);font-size:.8rem;margin-bottom:.35rem;} #availability-proof .heat-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;} #availability-proof .day{min-height:52px;border-radius:12px;background:#fff;border:1px solid rgba(215,219,224,.8);padding:.45rem .35rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;} #availability-proof .day-n{font-size:.8rem;color:var(--ubbaw26-slate);} #availability-proof .day-dot{align-self:flex-end;margin-top:.1rem;} #availability-proof .heat-summary{margin-top:1rem;padding:.75rem .85rem;border-radius:var(--radius-md);border:1px solid rgba(215,219,224,.9);background:#FFFFFF;color:var(--ubbaw26-ink);font-size:.95rem;line-height:1.5;} #availability-proof .summary-strong{font-weight:900;} #availability-proof .proof-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem;} #availability-proof .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.8rem 1rem;border-radius:var(--radius-md);font-weight:800;text-decoration:none;letter-spacing:-0.01em;border:1px solid transparent;} #availability-proof .button-primary{background:var(--ubbaw26-primary);color:#fff;} #availability-proof .button-primary:hover{background:#0A5A8B;} #availability-proof .button-outline{background:#fff;color:var(--ubbaw26-primary);border-color:rgba(11,111,174,.45);} #availability-proof .button-outline:hover{background:rgba(11,111,174,.06);} #availability-proof .button:focus-visible{outline:3px solid rgba(11,111,174,.35);outline-offset:3px;} #availability-proof ::selection{background:rgba(11,111,174,.22);} @media (max-width: 900px){ #availability-proof .proof-grid{grid-template-columns:1fr;} #availability-proof .heat-help{text-align:left;} #availability-proof .heat-grid{gap:.45rem;} #availability-proof .day{min-height:48px;} } @media (prefers-reduced-motion: reduce){ #availability-proof *{scroll-behavior:auto;} } /* ubbaw26:resorts-selector */ /* ubbaw26:resorts-selector */ #resorts-selector{--header-gap:92px; padding:clamp(1.5rem,4vw,3rem) 0; background:var(--ubbaw26-bg); color:var(--ubbaw26-text)} #resorts-selector .container{max-width:72rem; margin:0 auto; padding:0 clamp(1rem,4vw,3rem)} #resorts-selector .section-head{max-width:62rem; margin-bottom:clamp(1.5rem,3.5vw,2.5rem)} #resorts-selector .eyebrow{font:600 0.875rem/1.2 var(--font-sans, 'Segoe UI'); letter-spacing:0.02em; color:var(--ubbaw26-primary); margin-bottom:0.75rem} #resorts-selector .title{font:800 clamp(1.5rem,2.8vw,2.3rem)/1.1 var(--font-serif, 'Optima'); letter-spacing:-0.02em; text-wrap:balance; margin:0 0 0.75rem} #resorts-selector .lead{font:400 1rem/1.6 var(--font-sans, 'Segoe UI'); color:var(--ubbaw26-slate); margin:0; max-width:60ch} #resorts-selector .vibe-layout{display:grid; grid-template-columns:1fr; gap:1.25rem; align-items:start} #resorts-selector .filters{display:flex; flex-wrap:wrap; gap:0.6rem; align-items:center; padding:0.25rem 0} #resorts-selector .chip{appearance:none; border:1px solid var(--ubbaw26-border); background:var(--ubbaw26-bg); color:var(--ubbaw26-text); border-radius:999px; padding:0.62rem 0.85rem; font:600 0.95rem/1 var(--font-sans, 'Segoe UI'); cursor:pointer; transition:background-color .15s ease,border-color .15s ease, box-shadow .15s ease} #resorts-selector .chip[aria-selected="true"]{border-color:var(--ubbaw26-primary); background:color-mix(in srgb, var(--ubbaw26-primary) 10%, var(--ubbaw26-bg)); box-shadow:0 0 0 3px color-mix(in srgb, var(--ubbaw26-primary) 22%, transparent)} #resorts-selector .chip:focus-visible{outline:none; box-shadow:0 0 0 3px color-mix(in srgb, var(--ubbaw26-primary) 28%, transparent)} #resorts-selector .results{background:var(--ubbaw26-surface); border:1px solid var(--ubbaw26-border); border-radius:var(--radius-lg); overflow:hidden} #resorts-selector .results-head{padding:1rem 1.1rem; border-bottom:1px solid var(--ubbaw26-border)} #resorts-selector .results-title{font:800 1.05rem/1.3 var(--font-sans, 'Segoe UI'); margin:0; color:var(--ubbaw26-ink)} #resorts-selector .results-note{margin-top:0.4rem; font:400 0.9rem/1.4 var(--font-sans, 'Segoe UI'); color:var(--ubbaw26-slate)} #resorts-selector .resort-list{padding:0.9rem 1.1rem 0.2rem; display:grid; grid-template-columns:1fr; gap:0.75rem} #resorts-selector .resort-card{display:flex; gap:0.85rem; padding:0.85rem; border:1px solid var(--ubbaw26-border); border-radius:var(--radius-md); background:var(--ubbaw26-bg)} #resorts-selector .resort-icon{width:42px; height:42px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:color-mix(in srgb, var(--ubbaw26-primary) 10%, var(--ubbaw26-bg)); color:var(--ubbaw26-primary); flex:0 0 auto; font-size:1.2rem} #resorts-selector .resort-name{margin:0; font:800 1.05rem/1.25 var(--font-serif, 'Optima'); letter-spacing:-0.01em} #resorts-selector .resort-meta{margin:0.25rem 0 0.65rem; color:var(--ubbaw26-slate); font:400 0.95rem/1.45 var(--font-sans, 'Segoe UI')} #resorts-selector .resort-proof{display:flex; gap:0.55rem; align-items:center} #resorts-selector .dot{width:10px; height:10px; border-radius:50%} #resorts-selector .dot-ok{background:color-mix(in srgb, var(--ubbaw26-primary) 45%, #2f855a)} #resorts-selector .dot-amb{background:color-mix(in srgb, var(--ubbaw26-secondary) 55%, #d97706)} #resorts-selector .dot-off{background:color-mix(in srgb, var(--ubbaw26-slate) 65%, var(--ubbaw26-mist))} #resorts-selector .proof-text{font:600 0.85rem/1.3 var(--font-sans, 'Segoe UI'); color:var(--ubbaw26-ink)} #resorts-selector .divider{height:1px; background:var(--ubbaw26-border); margin:0.95rem 0 0} #resorts-selector .next{display:flex; gap:1rem; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:0.95rem 1.1rem 1.1rem} #resorts-selector .next-copy{font:600 0.92rem/1.3 var(--font-sans, 'Segoe UI'); color:var(--ubbaw26-slate)} #resorts-selector .next-link{font:800 1rem/1.3 var(--font-sans, 'Segoe UI'); color:var(--ubbaw26-primary); text-decoration:none; border-bottom:1px solid color-mix(in srgb, var(--ubbaw26-primary) 40%, transparent); padding-bottom:2px} #resorts-selector .next-link:focus-visible{outline:none; box-shadow:0 0 0 3px color-mix(in srgb, var(--ubbaw26-primary) 28%, transparent); border-radius:6px} #resorts-selector .resort-card[data-hidden="true"]{display:none} @media (min-width:768px){#resorts-selector .vibe-layout{grid-template-columns:0.95fr 1.55fr; gap:1.5rem}#resorts-selector .resort-list{grid-template-columns:1fr; gap:0.85rem}} @media (min-width:1024px){#resorts-selector{padding:clamp(2rem,4vw,3.5rem) 0}#resorts-selector .resort-list{grid-template-columns:1fr 1fr; gap:0.85rem}#resorts-selector .filters{padding-right:0.25rem}} @media (prefers-reduced-motion:reduce){#resorts-selector .chip{transition:none}} #resorts-selector ::selection{background:color-mix(in srgb, var(--ubbaw26-primary) 30%, transparent); color:var(--ubbaw26-ink)} /* ubbaw26:faq-accordion */ #faq-accordion{background:var(--ubbaw26-bg);color:var(--ubbaw26-text);padding:clamp(1.75rem,4vw,3rem) 0;} #faq-accordion .faq-container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #faq-accordion .faq-header{max-width:56rem;margin-bottom:1.25rem;} #faq-accordion .faq-title{font-family:var(--ubbaw26-serif, 'Optima, Segoe UI, Candara, Gill Sans, Gill Sans MT, sans-serif');font-size:clamp(1.7rem,3vw,2.35rem);letter-spacing:-0.02em;margin:0 0 .5rem 0;line-height:1.12;text-wrap:balance;} #faq-accordion .faq-lede{margin:0 0 .75rem 0;color:var(--ubbaw26-slate);font-size:1rem;line-height:1.5;} #faq-accordion .faq-agency{margin:0;color:var(--ubbaw26-ink);font-weight:600;font-size:.96rem;} #faq-accordion .faq-rail{background:var(--ubbaw26-surface);border:1px solid var(--ubbaw26-border);border-radius:var(--ubbaw26-radius-lg,18px);box-shadow:0 10px 30px rgba(11,111,174,.08);padding:1rem 0;} #faq-accordion .faq-accordion-list{padding:0 .75rem;} #faq-accordion .faq-item{border-top:1px solid var(--ubbaw26-border);} #faq-accordion .faq-item:first-child{border-top:0;} #faq-accordion .faq-trigger{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem .75rem;cursor:pointer;background:transparent;border:0;color:var(--ubbaw26-ink);} #faq-accordion .faq-trigger:focus-visible{outline:3px solid rgba(11,111,174,.35);outline-offset:2px;border-radius:12px;} #faq-accordion .faq-q{font-weight:650;font-size:1rem;line-height:1.4;} #faq-accordion .faq-icon{flex:0 0 auto;width:34px;height:34px;border-radius:10px;border:1px solid var(--ubbaw26-border);display:flex;align-items:center;justify-content:center;color:var(--ubbaw26-text);background:var(--ubbaw26-bg);font-size:1.1rem;font-weight:700;} #faq-accordion .faq-panel{padding:0 .75rem 1.05rem .75rem;} #faq-accordion .faq-a{max-width:62ch;} #faq-accordion .faq-a p{margin:.6rem 0;color:var(--ubbaw26-ink);line-height:1.6;font-size:.98rem;} #faq-accordion .faq-bullets{margin:.65rem 0 0 0;padding-left:1.05rem;} #faq-accordion .faq-bullets li{margin:.35rem 0;color:var(--ubbaw26-ink);line-height:1.6;font-size:.98rem;} #faq-accordion .faq-note{margin-top:.75rem;background:rgba(11,111,174,.06);border:1px solid rgba(11,111,174,.22);padding:.6rem .75rem;border-radius:14px;color:var(--ubbaw26-ink);font-weight:600;} #faq-accordion .faq-actions{margin-top:.85rem;display:flex;gap:.75rem;flex-wrap:wrap;} #faq-accordion .faq-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem 1rem;border-radius:14px;background:var(--ubbaw26-primary);color:var(--ubbaw26-bg);text-decoration:none;font-weight:700;border:1px solid rgba(11,111,174,.35);} #faq-accordion .faq-primary:focus-visible{outline:3px solid rgba(11,111,174,.35);outline-offset:2px;} #faq-accordion .faq-primary:hover{filter:brightness(1.03);} #faq-accordion .faq-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem 1rem;border-radius:14px;background:var(--ubbaw26-bg);color:var(--ubbaw26-primary);text-decoration:none;font-weight:700;border:2px solid rgba(11,111,174,.35);} #faq-accordion .faq-secondary:focus-visible{outline:3px solid rgba(11,111,174,.35);outline-offset:2px;} #faq-accordion .faq-secondary:hover{background:rgba(11,111,174,.06);} #faq-accordion .faq-divider{height:1px;background:var(--ubbaw26-border);margin:1rem .75rem;} #faq-accordion .faq-next{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 .75rem 0 .75rem;} #faq-accordion .faq-next-text{margin:0;color:var(--ubbaw26-slate);font-size:.98rem;line-height:1.5;} #faq-accordion .faq-next-link{color:var(--ubbaw26-primary);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(11,111,174,.35);padding-bottom:.12rem;} #faq-accordion .faq-next-link:focus-visible{outline:3px solid rgba(11,111,174,.35);outline-offset:3px;border-radius:10px;} #faq-accordion .faq-link{color:var(--ubbaw26-primary);text-decoration:none;border-bottom:1px solid rgba(11,111,174,.35);padding-bottom:.12rem;font-weight:650;} #faq-accordion .faq-link:focus-visible{outline:3px solid rgba(11,111,174,.35);outline-offset:3px;border-radius:10px;} #faq-accordion ::selection{background:rgba(11,111,174,.25);} @media (max-width:640px){ #faq-accordion .faq-next{flex-direction:column;align-items:flex-start;} #faq-accordion .faq-actions{flex-direction:column;} #faq-accordion .faq-secondary,#faq-accordion .faq-primary{width:100%;} } @media (prefers-reduced-motion:reduce){ #faq-accordion .faq-panel{transition:none !important;} } /* ubbaw26:contacts */ /* ubbaw26:contacts */ #contacts{--section-bg:var(--ubbaw26-bg);--section-surface:var(--ubbaw26-surface);--section-ink:var(--ubbaw26-ink);--section-muted:var(--ubbaw26-slate);--section-border:var(--ubbaw26-border);background:var(--section-bg);color:var(--section-ink);padding:clamp(2.5rem,6vw,6rem) var(--ubbaw26-gutter, clamp(1rem,4vw,3rem));} #contacts .contacts-shell{max-width:72rem;margin:0 auto;} #contacts .contacts-head{margin-bottom:clamp(1.5rem,3.5vw,2.5rem);} #contacts .contacts-title{font-family:var(--font-serif, 'Optima, Segoe UI, Candara, Gill Sans, Gill Sans MT, sans-serif');font-size:clamp(1.75rem,3.2vw,2.4rem);letter-spacing:-0.02em;margin:0 0 0.5rem 0;line-height:1.15;text-wrap:balance;} #contacts .contacts-subtitle{margin:0;color:var(--ubbaw26-slate);font-size:1rem;line-height:1.55;} #contacts .contacts-grid{display:grid;grid-template-columns:1fr;gap:clamp(1.25rem,3vw,2rem);align-items:start;} #contacts .contacts-info-title{font-family:var(--font-sans,'Segoe UI',Candara,'Gill Sans','Trebuchet MS',sans-serif;font-size:1.1rem;margin:0 0 0.9rem 0;} #contacts .contacts-steps{list-style:none;padding:0;margin:0;} #contacts .contacts-step{display:flex;gap:0.9rem;align-items:flex-start;padding:0.9rem 0;border-top:1px solid var(--ubbaw26-border);} #contacts .contacts-step:first-child{border-top:none;padding-top:0;} #contacts .contacts-step-num{flex:0 0 2.1rem;height:2.1rem;border-radius:999px;background:var(--ubbaw26-surface);border:1px solid var(--ubbaw26-border);display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;font-weight:700;color:var(--ubbaw26-ink);} #contacts .contacts-step-title{font-weight:700;margin:0 0 0.25rem 0;font-size:0.98rem;} #contacts .contacts-step-text{color:var(--ubbaw26-slate);font-size:0.98rem;line-height:1.55;} #contacts .contacts-contact-card{margin-top:1.2rem;background:var(--ubbaw26-surface);border:1px solid var(--ubbaw26-border);border-radius:var(--ubbaw26-radius-md,14px);padding:1.05rem;} #contacts .contacts-contact-row{display:flex;gap:0.75rem;align-items:flex-start;padding:0.55rem 0;} #contacts .contacts-contact-row + .contacts-contact-row{border-top:1px solid var(--ubbaw26-border);} #contacts .contacts-contact-label{flex:0 0 6.5rem;font-size:0.9rem;color:var(--ubbaw26-slate);} #contacts .contacts-contact-value{flex:1 1 auto;font-size:0.98rem;line-height:1.5;} #contacts .contacts-link{color:var(--ubbaw26-primary);text-decoration:none;font-weight:700;} #contacts .contacts-link:focus-visible{outline:3px solid color-mix(in srgb, var(--ubbaw26-primary) 35%, white);outline-offset:3px;border-radius:8px;} #contacts .contacts-form-panel{background:var(--ubbaw26-surface);border:1px solid var(--ubbaw26-border);border-radius:var(--ubbaw26-radius-lg,18px);padding:clamp(1.25rem,3.2vw,2rem);box-shadow:0 10px 28px color-mix(in srgb, var(--ubbaw26-ink) 7%, transparent);} #contacts .contacts-form-title{margin:0 0 0.6rem 0;font-family:var(--font-sans,'Segoe UI',Candara,'Gill Sans','Trebuchet MS',sans-serif;font-size:1.2rem;letter-spacing:-0.01em;} #contacts .contacts-form-note{margin:0 0 1rem 0;color:var(--ubbaw26-slate);line-height:1.55;} #contacts .contacts-form{display:flex;flex-direction:column;gap:0.9rem;} #contacts .field{display:flex;flex-direction:column;gap:0.45rem;} #contacts .field-2col{display:grid;grid-template-columns:1fr;gap:0.9rem;} #contacts .label{font-size:0.95rem;font-weight:700;color:var(--ubbaw26-ink);} #contacts .input,#contacts .select,#contacts .textarea{font-family:inherit;font-size:0.98rem;border-radius:var(--ubbaw26-radius-sm,10px);border:1px solid var(--ubbaw26-border);background:var(--ubbaw26-bg);color:var(--ubbaw26-ink);padding:0.72rem 0.85rem;min-height:44px;} #contacts .textarea{padding:0.8rem 0.85rem;resize:vertical;min-height:140px;} #contacts .input::placeholder,#contacts .textarea::placeholder{color:color-mix(in srgb, var(--ubbaw26-slate) 75%, white);} #contacts .input:focus-visible,#contacts .select:focus-visible,#contacts .textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--ubbaw26-primary) 35%, white);outline-offset:2px;border-color:color-mix(in srgb, var(--ubbaw26-primary) 35%, var(--ubbaw26-border));} #contacts .form-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:0.25rem;} #contacts .primary-btn{appearance:none;border:none;background:var(--ubbaw26-primary);color:white;font-weight:800;border-radius:var(--ubbaw26-radius-md,14px);padding:0.85rem 1.1rem;min-height:44px;cursor:pointer;box-shadow:0 12px 24px color-mix(in srgb, var(--ubbaw26-primary) 22%, transparent);} #contacts .primary-btn:hover{background:color-mix(in srgb, var(--ubbaw26-primary) 88%, black);} #contacts .primary-btn:active{transform:translateY(1px);} #contacts .primary-btn:focus-visible{outline:3px solid color-mix(in srgb, var(--ubbaw26-primary) 45%, white);outline-offset:3px;} #contacts .secondary-link{color:var(--ubbaw26-ink);text-decoration:none;font-weight:800;border-bottom:2px solid color-mix(in srgb, var(--ubbaw26-primary) 35%, transparent);padding-bottom:0.2rem;} #contacts .secondary-link:hover{border-bottom-color:color-mix(in srgb, var(--ubbaw26-primary) 55%, transparent);} #contacts .secondary-link:focus-visible{outline:3px solid color-mix(in srgb, var(--ubbaw26-primary) 35%, white);outline-offset:3px;border-radius:8px;} #contacts .form-disclaimer{margin:0;color:var(--ubbaw26-slate);font-size:0.9rem;line-height:1.5;} #contacts *::selection{background:color-mix(in srgb, var(--ubbaw26-primary) 25%, white);} @media (min-width:768px){ #contacts .contacts-grid{grid-template-columns:1.05fr 0.95fr;gap:clamp(1.5rem,4vw,2.5rem);} #contacts .field-2col{grid-template-columns:1fr 1fr;} } @media (prefers-reduced-motion: reduce){ #contacts .primary-btn{transition:none;} } /* ubbaw26:pricing-intro */ /* ubbaw26:pricing-intro */ #pricing-intro.pricing-intro{background:var(--ubbaw26-bg);color:var(--ubbaw26-text);padding:clamp(2.2rem,4vw,3.2rem) 0;} #pricing-intro.pricing-intro .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,3.2vw,3rem);} #pricing-intro.pricing-intro .header{display:flex;gap:1.25rem;align-items:flex-start;justify-content:space-between;} #pricing-intro.pricing-intro .kicker{font-family:var(--font-sans,'Segoe UI');font-size:1.125rem;letter-spacing:-0.01em;margin:0 0 0.5rem 0;color:var(--ubbaw26-ink);font-weight:700;text-wrap:balance;} #pricing-intro.pricing-intro .lead{margin:0;max-width:52ch;font-size:1rem;line-height:1.6;color:var(--ubbaw26-slate);} #pricing-intro.pricing-intro .content{display:grid;grid-template-columns:1.15fr 0.85fr;gap:1.25rem;margin-top:1.75rem;align-items:start;} #pricing-intro.pricing-intro .card{background:var(--ubbaw26-surface);border:1px solid var(--ubbaw26-border);border-radius:var(--radius-lg,18px);padding:1.25rem;box-shadow:0 8px 20px rgba(11,111,174,0.06);} #pricing-intro.pricing-intro .card-title{font-family:var(--font-serif,'Optima');margin:0 0 0.75rem 0;font-size:1.35rem;line-height:1.25;letter-spacing:-0.01em;color:var(--ubbaw26-ink);text-wrap:balance;} #pricing-intro.pricing-intro .explain-card .list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.65rem;} #pricing-intro.pricing-intro .list li{display:flex;gap:0.75rem;align-items:flex-start;} #pricing-intro.pricing-intro .dot{width:10px;height:10px;border-radius:50%;margin-top:0.55rem;background:var(--ubbaw26-primary);box-shadow:0 0 0 4px rgba(11,111,174,0.12);flex:0 0 auto;} #pricing-intro.pricing-intro .list-text{font-size:0.98rem;line-height:1.45;color:var(--ubbaw26-text);} #pricing-intro.pricing-intro .note{margin:0;font-size:0.98rem;line-height:1.55;color:var(--ubbaw26-slate);} #pricing-intro.pricing-intro .divider{height:1px;background:var(--ubbaw26-border);margin:1rem 0;} #pricing-intro.pricing-intro .agency-line{margin:0;font-size:0.95rem;line-height:1.5;color:var(--ubbaw26-ink);font-weight:650;} #pricing-intro.pricing-intro .actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:0.9rem;} #pricing-intro.pricing-intro .link{color:var(--ubbaw26-primary);text-decoration:underline;text-underline-offset:3px;font-weight:650;font-size:0.98rem;} #pricing-intro.pricing-intro .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0.65rem 1rem;border-radius:var(--radius-md,14px);background:var(--ubbaw26-primary);color:var(--ubbaw26-bg);font-weight:750;text-decoration:none;} #pricing-intro.pricing-intro .button:focus-visible,#pricing-intro.pricing-intro .link:focus-visible{outline:3px solid rgba(11,111,174,0.35);outline-offset:2px;} #pricing-intro.pricing-intro ::selection{background:rgba(11,111,174,0.18);} #pricing-intro.pricing-intro .button:hover{filter:saturate(1.03);} @media (max-width: 768px){ #pricing-intro.pricing-intro .header{flex-direction:column;gap:0.5rem;} #pricing-intro.pricing-intro .content{grid-template-columns:1fr;} } @media (prefers-reduced-motion: reduce){ #pricing-intro.pricing-intro *{scroll-behavior:auto;} } /* ubbaw26:pricing-factors */ #pricing-factors{--sec-pad:clamp(1.5rem,3.2vw,3.25rem);background:var(--ubbaw26-bg);color:var(--ubbaw26-text)} #pricing-factors *{box-sizing:border-box} #pricing-factors .pricing-factors__header{max-width:72rem;margin:0 auto;padding:var(--sec-pad) var(--sec-pad) 1.25rem} #pricing-factors .pricing-factors__kicker{display:inline-flex;align-items:center;gap:.6rem;font:600 0.95rem/1.2 var(--font-sans);color:var(--ubbaw26-secondary);letter-spacing:.01em} #pricing-factors .pricing-factors__title{margin:.7rem 0 .6rem;font:700 clamp(1.55rem,2.8vw,2.35rem)/1.15 var(--font-serif);letter-spacing:-.02em;text-wrap:balance} #pricing-factors .pricing-factors__lead{margin:0;max-width:62ch;color:var(--ubbaw26-slate);font:400 1rem/1.6 var(--font-sans)} #pricing-factors .pricing-factors__cards{max-width:72rem;margin:0 auto;padding:0 var(--sec-pad) clamp(1.25rem,2.8vw,2.25rem);display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(1rem,2.2vw,1.5rem)} #pricing-factors .factor-card{grid-column:span 3;min-height:176px;background:var(--ubbaw26-surface);border:1px solid var(--ubbaw26-border);border-radius:var(--radius-lg,18px);padding:1.15rem 1.15rem 1rem;position:relative} #pricing-factors .factor-card--wide{grid-column:span 6} #pricing-factors .factor-card__icon{width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--ubbaw26-primary) 12%, var(--ubbaw26-surface));display:flex;align-items:center;justify-content:center;font-size:1.15rem} #pricing-factors .factor-card__title{margin:.75rem 0 .45rem;font:700 1.05rem/1.25 var(--font-sans);color:var(--ubbaw26-ink)} #pricing-factors .factor-card__text{margin:0;color:var(--ubbaw26-slate);font:400 .98rem/1.55 var(--font-sans)} #pricing-factors .factor-card__meta{margin-top:.85rem;padding-top:.75rem;border-top:1px solid var(--ubbaw26-border);color:color-mix(in srgb,var(--ubbaw26-primary) 70%, var(--ubbaw26-text));font:600 .9rem/1.35 var(--font-sans)} #pricing-factors .pricing-factors__divider{max-width:72rem;margin:0 auto;border-top:1px solid var(--ubbaw26-border);opacity:1} #pricing-factors .pricing-factors__next{max-width:72rem;margin:0 auto;padding:1.2rem var(--sec-pad) var(--sec-pad);display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem} #pricing-factors .pricing-factors__note{margin:0;flex:1;color:var(--ubbaw26-slate);font:400 1rem/1.6 var(--font-sans)} #pricing-factors .pricing-factors__link{flex:0 0 auto;align-self:flex-start;color:var(--ubbaw26-primary);text-decoration:none;border:1px solid color-mix(in srgb,var(--ubbaw26-primary) 40%, var(--ubbaw26-border));background:var(--ubbaw26-bg);padding:.7rem 1rem;border-radius:var(--radius-md,14px);font:700 .95rem/1.1 var(--font-sans)} #pricing-factors .pricing-factors__link:hover{background:color-mix(in srgb,var(--ubbaw26-primary) 10%, var(--ubbaw26-bg))} #pricing-factors .pricing-factors__link:focus-visible{outline:3px solid color-mix(in srgb,var(--ubbaw26-primary) 55%, white);outline-offset:3px} #pricing-factors ::selection{background:color-mix(in srgb,var(--ubbaw26-primary) 22%, white);color:var(--ubbaw26-ink)} @media (max-width: 900px){ #pricing-factors .pricing-factors__header{padding-left:1rem;padding-right:1rem} #pricing-factors .pricing-factors__cards{padding-left:1rem;padding-right:1rem} #pricing-factors .pricing-factors__next{padding-left:1rem;padding-right:1rem;flex-direction:column} #pricing-factors .factor-card{grid-column:span 6} #pricing-factors .factor-card--wide{grid-column:span 12} } @media (prefers-reduced-motion: reduce){ #pricing-factors .pricing-factors__link{transition:none} } /* ubbaw26:inclusions-breakdown */ /* ubbaw26:inclusions-breakdown */ #inclusions-breakdown{padding:clamp(2.25rem,5vw,5rem) 0;background:var(--ubbaw26-bg);color:var(--ubbaw26-text);font-family:'Segoe UI',Candara,'Gill Sans','Trebuchet MS',sans-serif;} #inclusions-breakdown .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #inclusions-breakdown .inclusions-head{display:block;margin-bottom:clamp(1.25rem,3.5vw,2.25rem);} #inclusions-breakdown .inclusions-title{font-family:'Optima','Segoe UI',Candara,'Gill Sans','Gill Sans MT',sans-serif;font-weight:750;letter-spacing:-0.02em;line-height:1.12;font-size:clamp(1.6rem,3vw,2.3rem);text-wrap:balance;margin:0 0 0.75rem 0;} #inclusions-breakdown .inclusions-subtitle{margin:0;max-width:62ch;color:var(--ubbaw26-slate);font-size:1rem;line-height:1.6;} #inclusions-breakdown .inclusions-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(0.9rem,2.2vw,1.4rem);align-items:stretch;} #inclusions-breakdown .bucket{grid-column:span 4;background:var(--ubbaw26-surface);border:1px solid var(--ubbaw26-border);border-radius:var(--radius-lg,18px);padding:1.25rem 1.2rem;box-shadow:0 10px 24px rgba(11,111,174,0.08);position:relative;} #inclusions-breakdown .bucket::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg, rgba(215,219,224,0.35), rgba(215,219,224,0));opacity:0.75;} #inclusions-breakdown .bucket-top{display:flex;gap:0.75rem;align-items:center;position:relative;} #inclusions-breakdown .bucket-badge{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(11,111,174,0.14);border:1px solid rgba(11,111,174,0.35);color:var(--ubbaw26-primary);font-weight:800;font-size:1.1rem;} #inclusions-breakdown .bucket-badge-variant{background:rgba(178,91,0,0.12);border-color:rgba(178,91,0,0.35);color:var(--ubbaw26-secondary);} #inclusions-breakdown .bucket-badge-warn{background:rgba(11,111,174,0.10);border-color:rgba(11,111,174,0.35);color:var(--ubbaw26-primary);} #inclusions-breakdown .bucket-title{margin:0;font-family:'Optima','Segoe UI',Candara,'Gill Sans','Gill Sans MT',sans-serif;font-size:1.25rem;letter-spacing:-0.01em;line-height:1.2;} #inclusions-breakdown .bucket-desc{margin:0.65rem 0 0.85rem 0;color:var(--ubbaw26-slate);font-size:0.95rem;line-height:1.55;position:relative;} #inclusions-breakdown .bucket-list{margin:0; padding-left:1.1rem; position:relative;} #inclusions-breakdown .bucket-list li{margin:0.55rem 0;color:var(--ubbaw26-ink);line-height:1.45;font-size:1rem;} #inclusions-breakdown .inclusions-note{margin-top:clamp(1.25rem,3.8vw,2.4rem);display:flex;gap:1rem;align-items:flex-start;background:rgba(11,111,174,0.06);border:1px solid rgba(11,111,174,0.20);border-radius:var(--radius-md,14px);padding:1rem 1.05rem;} #inclusions-breakdown .note-mark{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(11,111,174,0.16);color:var(--ubbaw26-primary);font-weight:900;flex:0 0 auto;border:1px solid rgba(11,111,174,0.28);} #inclusions-breakdown .note-body{min-width:0;} #inclusions-breakdown .note-text{margin:0 0 0.4rem 0;color:var(--ubbaw26-ink);line-height:1.55;font-size:1rem;} #inclusions-breakdown .note-subtext{margin:0;color:var(--ubbaw26-slate);line-height:1.55;font-size:0.95rem;} #inclusions-breakdown .inclusions-next{display:flex;justify-content:flex-start;margin-top:clamp(1.1rem,2.8vw,1.6rem);} #inclusions-breakdown .next-link{color:var(--ubbaw26-primary);text-decoration:none;font-weight:700;line-height:1.4;position:relative;padding:0.35rem 0;} #inclusions-breakdown .next-link::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:rgba(11,111,174,0.35);transform:scaleX(0);transform-origin:left;transition:transform 160ms ease;} #inclusions-breakdown .next-link:hover::after{transform:scaleX(1);} #inclusions-breakdown .next-link:focus-visible{outline:3px solid rgba(11,111,174,0.35);outline-offset:4px;border-radius:8px;} #inclusions-breakdown *::selection{background:rgba(11,111,174,0.22);} @media (prefers-reduced-motion: reduce){#inclusions-breakdown .next-link::after{transition:none;}} @media (max-width: 1024px){#inclusions-breakdown .bucket{grid-column:span 6;}} @media (max-width: 640px){#inclusions-breakdown .inclusions-grid{gap:0.9rem;}#inclusions-breakdown .bucket{grid-column:span 12;padding:1.1rem 1rem;}#inclusions-breakdown .inclusions-note{padding:0.95rem;border-radius:var(--radius-sm,10px);}#inclusions-breakdown .inclusions-subtitle{font-size:0.98rem;}} /* ubbaw26:next-steps-cta */ /* ubbaw26:next-steps-cta */ #next-steps-cta{padding:var(--section-pad,clamp(3rem,6vw,7rem)) 0;background:var(--ubbaw26-bg);color:var(--ubbaw26-text);} #next-steps-cta .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #next-steps-cta .cta-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start;} #next-steps-cta .cta-copy{background:var(--ubbaw26-surface);border:1px solid var(--ubbaw26-border);border-radius:var(--radius-lg,18px);padding:1.5rem 1.25rem;} #next-steps-cta .agency-line{margin:0 0 .75rem;font-size:.9rem;letter-spacing:.01em;color:var(--ubbaw26-slate);} #next-steps-cta .cta-title{margin:.2rem 0 .75rem;font-family:var(--font-serif,inherit);font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.12;letter-spacing:-.02em;text-wrap:balance;} #next-steps-cta .cta-lead{margin:0 0 1.25rem;color:var(--ubbaw26-text);font-size:1rem;line-height:1.6;max-width:56ch;} #next-steps-cta .cta-steps{display:grid;gap:1rem;margin:0 0 1.25rem;} #next-steps-cta .step{display:flex;gap:.9rem;align-items:flex-start;padding:1rem;border:1px solid var(--ubbaw26-border);border-radius:var(--radius-md,14px);background:var(--ubbaw26-bg);} #next-steps-cta .step-index{width:2.2rem;height:2.2rem;border-radius:999px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ubbaw26-primary) 14%, var(--ubbaw26-bg));color:var(--ubbaw26-primary);font-weight:700;font-size:1rem;flex:0 0 auto;} #next-steps-cta .step-title{font-weight:700;margin:0 0 .25rem;} #next-steps-cta .step-desc{margin:0;color:var(--ubbaw26-slate);line-height:1.55;font-size:.95rem;} #next-steps-cta .cta-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:0 0 .75rem;} #next-steps-cta .btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:44px;padding:.85rem 1rem;border-radius:var(--radius-md,14px);font-weight:700;text-decoration:none;line-height:1;letter-spacing:.01em;border:1px solid transparent;} #next-steps-cta .btn-primary{background:var(--ubbaw26-primary);color:#fff;border-color:var(--ubbaw26-primary);} #next-steps-cta .btn-ghost{background:var(--ubbaw26-bg);color:var(--ubbaw26-primary);border-color:var(--ubbaw26-border);} #next-steps-cta .btn-wide{width:100%;} #next-steps-cta .cta-note{margin:.25rem 0 0;color:var(--ubbaw26-slate);font-size:.93rem;line-height:1.55;max-width:64ch;} #next-steps-cta .cta-aside{display:block;} #next-steps-cta .aside-card{background:var(--ubbaw26-ink);color:var(--ubbaw26-bg);border-radius:var(--radius-lg,18px);padding:1.25rem 1.25rem;border:1px solid color-mix(in srgb,var(--ubbaw26-border) 40%, transparent);} #next-steps-cta .aside-top{display:flex;align-items:center;gap:.7rem;margin-bottom:.85rem;} #next-steps-cta .aside-badge{font-size:.82rem;font-weight:800;background:color-mix(in srgb,var(--ubbaw26-primary) 20%, transparent);border:1px solid color-mix(in srgb,var(--ubbaw26-primary) 45%, var(--ubbaw26-ink));color:#fff;border-radius:999px;padding:.28rem .6rem;} #next-steps-cta .aside-title{font-weight:800;letter-spacing:-.01em;} #next-steps-cta .aside-list{list-style:none;padding:0;margin:0;display:grid;gap:.7rem;} #next-steps-cta .aside-list li{display:flex;gap:.7rem;align-items:flex-start;} #next-steps-cta .dot{width:.85rem;height:.85rem;border-radius:999px;margin-top:.35rem;flex:0 0 auto;} #next-steps-cta .dot-ok{background:color-mix(in srgb, #2f855a 70%, #ffffff);} #next-steps-cta .dot-warn{background:color-mix(in srgb, #b26a00 70%, #ffffff);} #next-steps-cta .dot-neutral{background:color-mix(in srgb, #718096 55%, #ffffff);} #next-steps-cta .aside-item{color:color-mix(in srgb, #ffffff 90%, var(--ubbaw26-bg));line-height:1.45;font-size:.98rem;} #next-steps-cta .aside-divider{height:1px;background:color-mix(in srgb,var(--ubbaw26-border) 55%, transparent);margin:1rem 0;} #next-steps-cta .aside-disclaimer{margin:0 0 .85rem;color:color-mix(in srgb, #ffffff 88%, transparent);line-height:1.55;font-size:.95rem;} #next-steps-cta .aside-small{margin:.75rem 0 0;color:color-mix(in srgb,#ffffff 82%, transparent);font-size:.92rem;} #next-steps-cta .link{color:#fff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.18em;} #next-steps-cta .link:focus-visible,.link:active{text-decoration-thickness:3px;} #next-steps-cta .btn:focus-visible{outline:3px solid color-mix(in srgb,var(--ubbaw26-primary) 55%, #ffffff);outline-offset:2px;} #next-steps-cta .btn-primary:active{filter:brightness(.98);} #next-steps-cta .btn-ghost:focus-visible{outline:3px solid color-mix(in srgb,var(--ubbaw26-primary) 55%, #ffffff);outline-offset:2px;} #next-steps-cta ::selection{background:color-mix(in srgb,var(--ubbaw26-primary) 28%, #fff);color:var(--ubbaw26-text);} @media (min-width: 768px){ #next-steps-cta .cta-grid{grid-template-columns:1.3fr .7fr;gap:1.75rem;} #next-steps-cta .cta-copy{padding:2rem 1.75rem;} #next-steps-cta .cta-steps{grid-template-columns:1fr;} } @media (prefers-reduced-motion: reduce){ #next-steps-cta *{scroll-behavior:auto;} } /* ubbaw26:contact-intro */ /* ubbaw26:contact-intro */ #contact-intro.contact-intro{background:var(--ubbaw26-bg);color:var(--ubbaw26-text);padding:clamp(1.5rem,4vw,3rem) 0;} #contact-intro .contact-intro__container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);display:flex;gap:clamp(1.25rem,3vw,2.25rem);align-items:flex-start;justify-content:space-between;} #contact-intro .contact-intro__text{flex:1 1 60%;min-width:0;} #contact-intro .contact-intro__title{font-family:'Optima',var(--ubbaw26-sans, 'Segoe UI');font-weight:700;letter-spacing:-0.02em;line-height:1.12;margin:0 0 .75rem;font-size:clamp(1.7rem,3vw,2.4rem);text-wrap:balance;} #contact-intro .contact-intro__lead{margin:0 0 1.1rem;font-size:1rem;line-height:1.55;color:var(--ubbaw26-text);max-width:46rem;} #contact-intro .contact-intro__expectations{margin:0;padding-left:1.1rem;display:grid;gap:.65rem;} #contact-intro .contact-intro__li{font-size:1rem;line-height:1.55;color:var(--ubbaw26-text);} #contact-intro .contact-intro__note{margin-top:1rem;padding:1rem;border:1px solid var(--ubbaw26-border);border-radius:var(--ubbaw26-radius-md,14px);background:var(--ubbaw26-surface);color:var(--ubbaw26-slate);font-size:.95rem;line-height:1.45;} #contact-intro .contact-intro__side{flex:0 0 360px;max-width:420px;background:var(--ubbaw26-surface);border:1px solid var(--ubbaw26-border);border-radius:var(--ubbaw26-radius-lg,18px);padding:1.15rem 1.15rem 1.05rem;box-shadow:0 10px 30px rgba(11,18,32,.06);} #contact-intro .contact-intro__side-title{margin:0 0 .55rem;font-size:1.05rem;font-weight:800;color:var(--ubbaw26-ink);font-family:'Segoe UI',Candara,'Gill Sans','Trebuchet MS',sans-serif;} #contact-intro .contact-intro__side-copy{margin:0 0 .9rem;color:var(--ubbaw26-slate);line-height:1.55;font-size:.98rem;} #contact-intro .contact-intro__link{display:inline-block;color:var(--ubbaw26-primary);font-weight:800;text-decoration:none;border-bottom:2px solid rgba(11,111,174,.35);padding-bottom:.15rem;outline-offset:3px;} #contact-intro .contact-intro__link:focus-visible{outline:3px solid rgba(11,111,174,.35);border-radius:8px;} #contact-intro .contact-intro__link:hover{border-bottom-color:rgba(11,111,174,.7);} #contact-intro .contact-intro__fineprint{margin-top:.95rem;font-size:.86rem;color:var(--ubbaw26-slate);line-height:1.45;} #contact-intro *::selection{background:rgba(11,111,174,.18);} @media (max-width: 860px){ #contact-intro .contact-intro__container{flex-direction:column;} #contact-intro .contact-intro__side{flex:0 0 auto;width:100%;} } @media (prefers-reduced-motion: reduce){ #contact-intro .contact-intro__link{transition:none;} } /* ubbaw26:contact-form */ /* ubbaw26:contact-form */ #contact-form.contact-form-section{--local-radius-sm:var(--ubbaw26-radius-sm,10px);--local-radius-md:var(--ubbaw26-radius-md,14px);--local-radius-lg:var(--ubbaw26-radius-lg,18px);background:var(--ubbaw26-bg);color:var(--ubbaw26-text);padding:clamp(1.5rem,3.5vw,3rem) 0;} #contact-form .contact-form-shell{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #contact-form .contact-form-header{max-width:56rem;margin-bottom:clamp(1.5rem,3vw,2.5rem);} #contact-form .contact-form-kicker{margin:0 0 .75rem 0;font-size:.875rem;letter-spacing:.02em;color:var(--ubbaw26-slate);} #contact-form .contact-form-title{margin:0 0 .75rem 0;font-family:var(--ubbaw26-font-serif, 'Optima, Segoe UI, Candara, Gill Sans, Gill Sans MT, sans-serif');font-weight:700;letter-spacing:-.02em;line-height:1.08;font-size:clamp(1.6rem,3.5vw,2.4rem);text-wrap:balance;} #contact-form .contact-form-subtitle{margin:0;color:var(--ubbaw26-slate);font-size:1rem;line-height:1.55;} #contact-form .contact-form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start;} #contact-form .lead-form{background:var(--ubbaw26-surface);border:1px solid var(--ubbaw26-border);border-radius:var(--ubbaw26-radius-md,14px);padding:clamp(1rem,2.2vw,1.5rem);box-shadow:0 10px 30px rgba(11,111,174,.08);} #contact-form .form-row{margin:0 0 1rem 0;} #contact-form .field-label{display:block;margin:0 0 .5rem 0;font-size:.875rem;color:var(--ubbaw26-ink);font-weight:600;} #contact-form .field-input,#contact-form .field-textarea{width:100%;box-sizing:border-box;border:1px solid var(--ubbaw26-border);border-radius:var(--ubbaw26-radius-sm,10px);background:var(--ubbaw26-bg);color:var(--ubbaw26-ink);padding:.8rem .9rem;font-size:1rem;line-height:1.4;outline:none;} #contact-form .field-textarea{resize:vertical;min-height:140px;} #contact-form .field-input::placeholder,#contact-form .field-textarea::placeholder{color:rgba(74,85,97,.9);} #contact-form .field-input:focus-visible,#contact-form .field-textarea:focus-visible{border-color:var(--ubbaw26-primary);box-shadow:0 0 0 3px rgba(11,111,174,.18);} #contact-form .form-actions{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem;} #contact-form .primary-button{appearance:none;border:0;border-radius:var(--ubbaw26-radius-sm,10px);background:var(--ubbaw26-primary);color:#fff;font-weight:700;padding:.95rem 1rem;font-size:1rem;min-height:44px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;} #contact-form .primary-button:hover{filter:brightness(1.02);} #contact-form .primary-button:active{transform:translateY(1px);} #contact-form .primary-button:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(11,111,174,.25);} #contact-form .primary-button[disabled]{opacity:.6;cursor:not-allowed;} #contact-form .form-footnote{margin:0;font-size:.875rem;color:var(--ubbaw26-slate);} #contact-form .form-assurance{margin-top:1.1rem;display:flex;gap:.7rem;align-items:flex-start;padding-top:1rem;border-top:1px solid var(--ubbaw26-border);} #contact-form .assurance-mark{flex:0 0 auto;width:26px;height:26px;border-radius:999px;background:rgba(11,111,174,.12);color:var(--ubbaw26-primary);display:inline-flex;align-items:center;justify-content:center;font-weight:800;line-height:1;} #contact-form .assurance-text{color:var(--ubbaw26-ink);font-size:.95rem;line-height:1.5;} #contact-form .contact-help{background:var(--ubbaw26-bg);} #contact-form .help-title{margin:0 0 .75rem 0;font-family:var(--ubbaw26-font-serif, 'Optima, Segoe UI, Candara, Gill Sans, Gill Sans MT, sans-serif');font-size:1.25rem;letter-spacing:-.01em;} #contact-form .help-list{margin:0;padding:0 0 0 1.1rem;} #contact-form .help-item{margin:0 0 .6rem 0;color:var(--ubbaw26-slate);line-height:1.55;} #contact-form .help-divider{height:1px;background:var(--ubbaw26-border);margin:1.2rem 0;} #contact-form .help-note{margin:0;color:var(--ubbaw26-slate);font-size:.95rem;line-height:1.55;} #contact-form .contact-details-card{margin-top:1.2rem;border:1px solid var(--ubbaw26-border);background:var(--ubbaw26-surface);border-radius:var(--ubbaw26-radius-md,14px);padding:1rem;} #contact-form .details-label{margin:0 0 .5rem 0;font-size:.875rem;font-weight:700;color:var(--ubbaw26-ink);} #contact-form .details-line{margin:.35rem 0;color:var(--ubbaw26-slate);font-size:.95rem;line-height:1.45;} #contact-form .details-link{color:var(--ubbaw26-text);text-decoration:underline;text-decoration-color:rgba(11,18,32,.25);text-underline-offset:3px;} #contact-form .details-link:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(11,111,174,.25);border-radius:8px;} @media (min-width: 768px){ #contact-form .contact-form-grid{grid-template-columns:1.2fr .8fr;gap:2rem;} #contact-form .lead-form{padding:1.25rem;} } @media (prefers-reduced-motion: reduce){ #contact-form *{scroll-behavior:auto;} } #contact-form ::selection{background:rgba(11,111,174,.22);} /* ubbaw26:contact-details */ /* ubbaw26:contact-details */ #contact-details{--radius-sm:10px;--radius-md:14px;--radius-lg:18px;box-sizing:border-box;background:var(--ubbaw26-bg);color:var(--ubbaw26-text);padding:clamp(2.25rem,5vw,4rem) 0;} #contact-details *{box-sizing:border-box;} #contact-details .container{max-width:72rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);} #contact-details .header-row{display:block;margin-bottom:1.5rem;} #contact-details .section-title{font-family:var(--font-serif, 'Optima, Segoe UI, Candara, Gill Sans, Gill Sans MT, sans-serif');font-size:clamp(1.6rem,2.6vw,2.25rem);line-height:1.15;margin:0 0 .6rem 0;letter-spacing:-0.02em;text-wrap:balance;} #contact-details .section-rationale{margin:0;max-width:52rem;color:var(--ubbaw26-slate);font-size:1rem;line-height:1.6;} #contact-details .contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.25rem 0 1.6rem 0;} #contact-details .contact-item{background:var(--ubbaw26-surface);border:1px solid var(--ubbaw26-border);border-radius:var(--radius-md);padding:1.15rem 1.15rem 1.05rem 1.15rem;} #contact-details .contact-label{margin:0 0 .55rem 0;font-family:var(--font-sans, 'Segoe UI, Candara, Gill Sans, Trebuchet MS, sans-serif');font-size:.95rem;letter-spacing:.02em;text-transform:none;color:var(--ubbaw26-ink);} #contact-details .contact-link{display:inline-block;color:var(--ubbaw26-ink);text-decoration:none;border-bottom:1px solid transparent;} #contact-details .contact-link:hover{border-bottom-color:var(--ubbaw26-border);} #contact-details .contact-link:focus-visible{outline:3px solid color-mix(in srgb, var(--ubbaw26-primary) 70%, white);outline-offset:3px;border-bottom-color:var(--ubbaw26-primary);border-radius:6px;} #contact-details .contact-text{margin:0;color:var(--ubbaw26-ink);font-size:1rem;line-height:1.55;} #contact-details .contact-note{margin:.65rem 0 0 0;color:var(--ubbaw26-slate);font-size:.9rem;line-height:1.5;} #contact-details .cta-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin:1rem 0 1.1rem 0;} #contact-details .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.75rem 1rem;border-radius:var(--radius-sm);text-decoration:none;font-family:var(--font-sans, 'Segoe UI, Candara, Gill Sans, Trebuchet MS, sans-serif');font-weight:650;letter-spacing:.01em;border:1px solid transparent;} #contact-details .button-primary{background:var(--ubbaw26-primary);color:white;border-color:var(--ubbaw26-primary);} #contact-details .button-primary:hover{filter:brightness(0.98);} #contact-details .button-primary:focus-visible{outline:3px solid color-mix(in srgb, var(--ubbaw26-primary) 55%, white);outline-offset:3px;} #contact-details .button-ghost{background:transparent;color:var(--ubbaw26-ink);border-color:var(--ubbaw26-border);} #contact-details .button-ghost:hover{border-color:color-mix(in srgb, var(--ubbaw26-border) 60%, var(--ubbaw26-primary));} #contact-details .button-ghost:focus-visible{outline:3px solid color-mix(in srgb, var(--ubbaw26-primary) 45%, white);outline-offset:3px;} #contact-details .trust-line{margin-top:.5rem;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid var(--ubbaw26-border);background:color-mix(in srgb, var(--ubbaw26-surface) 84%, white);color:var(--ubbaw26-slate);font-size:.95rem;line-height:1.5;} #contact-details .trust-strong{color:var(--ubbaw26-ink);font-weight:800;} #contact-details ::selection{background:color-mix(in srgb, var(--ubbaw26-primary) 28%, white);} @media (max-width:900px){ #contact-details .contact-grid{grid-template-columns:1fr;} } @media (prefers-reduced-motion: reduce){ #contact-details *{scroll-behavior:auto;transition:none !important;animation:none !important;} } .cookie-policy{background:var(--ubbaw26-bg);color:var(--ubbaw26-text);font-family:var(--ubbaw26-font);line-height:1.5;} .policy-main{max-width:980px;margin:0 auto;padding:24px;} .policy-header{background:var(--ubbaw26-surface);border:1px solid var(--ubbaw26-border);border-radius:var(--radius-lg);padding:18px 18px;} .policy-title{margin:0 0 6px 0;font-family:var(--ubbaw26-font-display);font-size:28px;letter-spacing:-0.02em;} .policy-lead{margin:0;color:var(--ubbaw26-slate);} .policy-section{margin-top:18px;background:var(--ubbaw26-surface);border:1px solid var(--ubbaw26-border);border-radius:var(--radius-lg);padding:16px 18px;} .policy-h2{margin:0 0 10px 0;font-size:18px;color:var(--ubbaw26-ink);font-weight:700;} .policy-p{margin:0 0 12px 0;color:var(--ubbaw26-text);} .policy-note{margin:10px 0 0 0;color:var(--ubbaw26-slate);font-size:13.5px;} .policy-contact{border-top:1px solid var(--ubbaw26-border);padding-top:12px;margin-top:8px;} .policy-contact-line{margin:8px 0;color:var(--ubbaw26-text);} .policy-contact-label{display:inline-block;width:110px;color:var(--ubbaw26-slate);} .policy-link{color:var(--ubbaw26-primary);text-decoration:underline;} .policy-link:hover{color:var(--ubbaw26-secondary);} .policy-footer{margin-top:18px;padding:10px 2px 0 2px;} .policy-footer-small{color:var(--ubbaw26-slate);font-size:13.5px;margin:0;} @media (max-width:640px){.policy-main{padding:16px;}.policy-header,.policy-section{padding:14px 14px;}.policy-title{font-size:24px;}} /* Design-system grounded CSS variables */ .policy-page{background:var(--ubbaw26-bg);color:var(--ubbaw26-text);font-family:var(--ubbaw26-font);line-height:1.55;margin:0;padding:0} .policy-wrapper{max-width:860px;margin:24px auto; padding:0 16px} .policy-header{margin:6px 0 18px} .policy-title{font-family:var(--ubbaw26-font-display);font-size:34px;line-height:1.15;margin:0 0 8px;color:var(--ubbaw26-ink)} .policy-lead{margin:0;color:var(--ubbaw26-slate);font-size:14px} .policy-section{background:var(--ubbaw26-surface);border:1px solid var(--ubbaw26-border);border-radius:var(--ubbaw26-radius-md);padding:16px 16px;margin:14px 0} .policy-section:first-of-type{margin-top:0} .policy-heading{font-size:18px;margin:0 0 10px;color:var(--ubbaw26-ink);font-weight:700} .policy-text{margin:10px 0 0;color:var(--ubbaw26-text)} .policy-text:first-child{margin-top:0} .policy-list{margin:8px 0 0 18px;padding:0} .policy-list li{margin:8px 0;color:var(--ubbaw26-text)} .policy-cite{font-weight:700;color:var(--ubbaw26-ink)} .policy-link{color:var(--ubbaw26-primary);text-decoration:underline} .policy-link:hover{color:var(--ubbaw26-accent)} .policy-footer{background:transparent;border:none;padding:6px 0 22px} .policy-small{color:var(--ubbaw26-slate);font-size:13px} @media (max-width:520px){.policy-wrapper{margin:14px auto}.policy-title{font-size:28px}.policy-section{padding:14px 12px}} .policy-page{background:var(--ubbaw26-bg);color:var(--ubbaw26-text);font-family:var(--ubbaw26-font);line-height:1.5;} .policy-container{max-width:920px;margin:0 auto;padding:28px 16px 40px 16px;} .policy-header{padding:22px 18px;background:var(--ubbaw26-surface);border:1px solid var(--ubbaw26-border);border-radius:var(--ubbaw26-lg);margin-bottom:18px;} .policy-heading{margin:0 0 8px 0;font-family:var(--ubbaw26-font-display);font-size:28px;letter-spacing:-0.2px;} .policy-subheading{margin:0;color:var(--ubbaw26-slate);font-size:15px;} .policy-section{margin-top:18px;padding:16px 18px;border:1px solid var(--ubbaw26-border);border-radius:var(--ubbaw26-md);background:rgba(246,247,248,0.7);} .policy-section-title{margin:0 0 10px 0;font-size:18px;color:var(--ubbaw26-ink);} .policy-paragraph{margin:10px 0;color:var(--ubbaw26-text);font-size:14.5px;} .policy-legalcite{color:var(--ubbaw26-slate);font-size:13.5px;} .policy-list{margin:10px 0 0 18px;padding:0;} .policy-list-item{margin:6px 0;color:var(--ubbaw26-text);font-size:14.5px;} .policy-footer{margin-top:18px;padding:14px 4px;} .policy-footer-text{margin:0;color:var(--ubbaw26-slate);font-size:13.5px;} @media (max-width:520px){.policy-container{padding:18px 12px 28px 12px;}.policy-heading{font-size:24px;}.policy-section{padding:14px 14px;}} /* Design-system based, no external assets */ .policy-page{background:var(--ubbaw26-bg);color:var(--ubbaw26-text);font-family:var(--ubbaw26-font);line-height:1.45;min-height:100vh;} .policy-container{max-width:980px;margin:0 auto;padding:18px 16px 28px;} .policy-header{background:var(--ubbaw26-surface);border:1px solid var(--ubbaw26-border);border-radius:var(--radius-lg);padding:18px 18px 16px;margin-top:16px;} .policy-title{margin:0 0 8px 0;font-size:28px;letter-spacing:-0.2px;color:var(--ubbaw26-ink);} .policy-lead{margin:0;color:var(--ubbaw26-slate);font-size:15px;} .policy-card{background:var(--ubbaw26-surface);border:1px solid var(--ubbaw26-border);border-radius:var(--radius-lg);padding:16px 18px;margin-top:14px;} .policy-card-title{margin:0 0 10px 0;font-size:18px;color:var(--ubbaw26-ink);} .policy-list{margin:0;padding:0 0 0 20px;} .policy-list-item{margin:6px 0;color:var(--ubbaw26-slate);} .policy-footer{margin-top:18px;background:var(--ubbaw26-surface);border:1px solid var(--ubbaw26-border);border-radius:var(--radius-lg);padding:16px 18px;} .policy-footer-grid{display:block;gap:14px;} .policy-section{margin:0 0 14px 0;} .policy-section-title{margin:0 0 10px 0;font-size:16px;color:var(--ubbaw26-ink);} .policy-text{margin:8px 0;color:var(--ubbaw26-slate);font-size:14px;} .policy-citation{margin:10px 0 0 0;color:var(--ubbaw26-slate);font-size:13px;} .policy-bottom{border-top:1px solid var(--ubbaw26-border);padding-top:12px;} .policy-small{margin:6px 0;color:var(--ubbaw26-slate);font-size:12.5px;} @media (min-width: 860px){ .policy-footer-grid{display:grid;grid-template-columns: 1fr 1fr;} } section[data-ubbaw26-p19]:not([data-ubbaw26-p19='header']):not([data-ubbaw26-p19='footer']) { position: relative; } section[data-ubbaw26-p19]:not([data-ubbaw26-p19='header']):not([data-ubbaw26-p19='footer']) { border-top: 1px solid var(--ubbaw26-border); } section[data-ubbaw26-p19] h1, section[data-ubbaw26-p19] h2 { letter-spacing: -0.03em; } section[data-ubbaw26-p19] [class*='rounded'] { border-radius: var(--ubbaw26-radius-sm, 0.25rem); } :root { --ubbaw26-c-content-width: 72rem; --ubbaw26-c-gutter: clamp(1rem, 4vw, 3rem); --ubbaw26-c-measure: 65ch; --ubbaw26-c-heading-display: clamp(2.5rem, 6vw, 5.5rem); } [data-ubbaw26-dr] { scroll-margin-top: 1.5rem; } main > section, main [data-ubbaw26-p19] { padding-inline: var(--ubbaw26-c-gutter); } [data-ubbaw26-dr*='article'], [data-ubbaw26-dr*='review'] { max-width: var(--ubbaw26-c-measure); } h1 { font-size: var(--ubbaw26-c-heading-display); } @media (max-width: 768px) { [data-ubbaw26-dr] { min-width: 0; } }