:root{--color-neutral-100:#d8dce0;--color-neutral-200:#b3bac2;--color-neutral-300:#8d97a3;--color-neutral-400:#677485;--color-neutral-50:#eef0f2;--color-neutral-500:#454f60;--color-neutral-600:#2c3442;--color-neutral-700:#1a2029;--color-neutral-800:#0b0d0f;--color-neutral-900:#08090b;--color-neutral-950:#050607;--color-neutral-ink:#1a1b1f;--color-neutral-white:#ffffff;--color-primary-100:#ffe2c7;--color-primary-200:#ffc48f;--color-primary-300:#ffa557;--color-primary-400:#fd8f2e;--color-primary-50:#fff3e6;--color-primary-500:#f68121;--color-primary-600:#b35809;--color-primary-700:#ad540e;--color-primary-800:#813f0a;--color-primary-900:#552a07;--color-primary-950:#3f1f08;--font-heading:'Montserrat', Helvetica, Arial, 'Lucida Grande', sans-serif;--font-sans:'ABeeZee', Helvetica, Arial, 'Lucida Grande', sans-serif;--space-2xl:128px;--space-lg:32px;--space-md:16px;--space-sm:8px;--space-xl:64px;--space-xs:4px;--radius-lg:16px;--radius-md:8px;--radius-pill:999px;--radius-sm:4px;}
 *{ box-sizing: border-box;} body{ margin: 0; font-family: var(--font-sans); color: var(--color-neutral-900); background: var(--color-neutral-white); line-height: 1.6;} img{ max-width: 100%; height: auto;} a{ color: var(--color-primary-700);} a:hover{ color: var(--color-primary-800);} .muted{ color: var(--color-neutral-600);} .site-main{ min-height: 60vh;} .section{ padding-top: var(--space-lg); padding-bottom: var(--space-lg);} .section--bg-subtle{ background: var(--color-neutral-50);} .section--bg-primary{ background: var(--color-primary-50);} .section--bg-strong{ background: var(--color-primary-700); color: #ffffff;} .section--bg-strong a{ color: var(--color-primary-100);} .section--pad-sm{ padding-top: var(--space-md); padding-bottom: var(--space-md);} .section--pad-md{ padding-top: var(--space-lg); padding-bottom: var(--space-lg);} .section--pad-lg{ padding-top: var(--space-xl); padding-bottom: var(--space-xl);} .container{ width: 100%; max-width: 960px; margin: 0 auto; padding-left: var(--space-md); padding-right: var(--space-md);} .container--narrow{ max-width: 640px;} .container--wide{ max-width: 1200px;} .container--full{ max-width: none;} .grid{ display: grid;} .cols-1{ grid-template-columns: 1fr;} .cols-2{ grid-template-columns: repeat(2, 1fr);} .cols-3{ grid-template-columns: repeat(3, 1fr);} .cols-4{ grid-template-columns: repeat(4, 1fr);} .cols-5{ grid-template-columns: repeat(5, 1fr);} .cols-6{ grid-template-columns: repeat(6, 1fr);} .gap-none{ gap: 0;} .gap-sm{ gap: var(--space-sm);} .gap-md{ gap: var(--space-md);} .gap-lg{ gap: var(--space-lg);} .stack{ display: flex; flex-direction: column;} .align-start{ align-items: flex-start;} .align-center{ align-items: center;} .align-end{ align-items: flex-end;} .align-stretch{ align-items: stretch;} .heading{ font-family: var(--font-heading); line-height: 1.2; margin: 0 0 var(--space-md); font-weight: 700;} .heading--h1{ font-size: 2.6rem;} .heading--h2{ font-size: 2rem;} .heading--h3{ font-size: 1.5rem;} .heading--h4{ font-size: 1.2rem;} .heading--h5{ font-size: 1rem;} .heading--h6{ font-size: .85rem; text-transform: uppercase; letter-spacing: .04em;} .align-left{ text-align: left;} .align-center{ text-align: center;} .align-right{ text-align: right;} .rich-text p{ margin: 0 0 var(--space-md);} .rich-text h3{ font-size: 1.4rem; margin: var(--space-lg) 0 var(--space-sm);} .rich-text h4{ font-size: 1.1rem; margin: var(--space-md) 0 var(--space-sm);} .rich-text blockquote{ margin: var(--space-md) 0; padding: 0 0 0 var(--space-md); border-left: 3px solid var(--color-primary-300); color: var(--color-neutral-700);} .rich-text code{ font-family: ui-monospace, monospace; background: var(--color-neutral-100); padding: 2px 6px; border-radius: var(--radius-sm);} .rich-text pre{ background: var(--color-neutral-100); padding: var(--space-md); border-radius: var(--radius-md); overflow-x: auto;} .btn{ display: inline-block; padding: 10px 22px; border-radius: var(--radius-pill); font-weight: 600; text-decoration: none; border: 2px solid transparent;} .btn--primary{ background: var(--color-primary-600); color: #ffffff;} .btn--primary:hover{ background: var(--color-primary-700); color: #ffffff;} .btn--secondary{ border-color: var(--color-primary-600); color: var(--color-primary-700);} .btn--secondary:hover{ background: var(--color-primary-50);} .btn--ghost{ color: var(--color-primary-700);} .btn--ghost:hover{ background: var(--color-primary-50);} .btn-row{ margin: 0;} .card{ display: block; border: 1px solid var(--color-neutral-200); border-radius: var(--radius-lg); overflow: hidden; background: var(--color-neutral-white); text-decoration: none; color: inherit; height: 100%;} .card--link:hover{ border-color: var(--color-primary-400); box-shadow: 0 4px 16px rgba(23, 33, 84, .08);} .card img{ display: block; width: 100%;} .card-body{ padding: var(--space-md);} .card-title{ font-family: var(--font-heading); margin: 0 0 var(--space-sm); font-size: 1.15rem;} .card-footer{ color: var(--color-primary-700); font-weight: 600; margin: var(--space-sm) 0 0;} .hero{ position: relative; display: flex; align-items: center; background: var(--color-primary-900) center / cover no-repeat; color: #ffffff;} .hero::before{ content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, rgba(23, 33, 84, .92), rgba(23, 33, 84, .55));} .hero--sm{ min-height: 40vh;} .hero--md{ min-height: 60vh;} .hero--lg{ min-height: 80vh;} .hero-inner{ position: relative; width: 100%; max-width: 960px; margin: 0 auto; padding: var(--space-xl) var(--space-md);} .hero-title{ font-family: var(--font-heading); font-size: 3rem; line-height: 1.1; margin: 0 0 var(--space-md);} .form-field > label{ display: block; margin-bottom: 6px; font-family: var(--font-sans); font-size: 14px; font-weight: 600;} @media (max-width: 639px){ .grid{ gap: 24px;} .grid.gap-none{ gap: 0;} .grid.gap-sm{ gap: 8px;} .grid.gap-md{ gap: 16px;}} .hero-subtitle{ font-size: 1.2rem; max-width: 42rem; margin: 0 0 var(--space-md); color: var(--color-primary-100);} .image-frame{ margin: 0;} .image-frame img{ border-radius: var(--radius-md); display: block;} .image-caption{ font-size: .9rem; color: var(--color-neutral-600); margin-top: var(--space-sm);} .video-frame{ margin: 0;} .video-frame iframe, .video-frame video{ display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: var(--radius-md); background: var(--color-neutral-950);} .video-caption{ font-size: .9rem; color: var(--color-neutral-600); margin-top: var(--space-sm);} .divider{ border: 0; border-top: 1px solid var(--color-neutral-200); margin: var(--space-lg) 0;} .spacer{ width: 100%;} .spacer--sm{ height: var(--space-sm);} .spacer--md{ height: var(--space-md);} .spacer--lg{ height: var(--space-lg);} .spacer--xl{ height: var(--space-xl);} .site-header{ background: var(--color-neutral-white); border-bottom: 1px solid var(--color-neutral-200);} .site-header-inner{ display: flex; align-items: center; gap: var(--space-lg); padding-top: var(--space-md); padding-bottom: var(--space-md); flex-wrap: wrap;} .site-brand{ font-family: var(--font-heading); font-weight: 700; font-size: 1.2rem; text-decoration: none; color: var(--color-neutral-ink);} .site-nav ul{ display: flex; gap: var(--space-md); list-style: none; margin: 0; padding: 0;} .site-nav a{ text-decoration: none; color: var(--color-neutral-700);} .site-nav a:hover{ color: var(--color-primary-700);} .site-footer{ background: var(--color-neutral-950); color: var(--color-neutral-300); margin-top: var(--space-xl);} .site-footer-inner{ display: flex; justify-content: space-between; align-items: center; gap: var(--space-md); padding-top: var(--space-lg); padding-bottom: var(--space-lg); flex-wrap: wrap;} .site-footer-nav ul{ display: flex; gap: var(--space-md); list-style: none; margin: 0; padding: 0; flex-wrap: wrap;} .site-footer-nav a{ color: var(--color-neutral-300); text-decoration: none;} .site-footer-nav a:hover{ color: #ffffff;} @media (min-width: 640px){ .cols-md-1{ grid-template-columns: 1fr;} .cols-md-2{ grid-template-columns: repeat(2, 1fr);} .cols-md-3{ grid-template-columns: repeat(3, 1fr);} .cols-md-4{ grid-template-columns: repeat(4, 1fr);} .cols-md-5{ grid-template-columns: repeat(5, 1fr);} .cols-md-6{ grid-template-columns: repeat(6, 1fr);}} @media (min-width: 1024px){ .cols-lg-1{ grid-template-columns: 1fr;} .cols-lg-2{ grid-template-columns: repeat(2, 1fr);} .cols-lg-3{ grid-template-columns: repeat(3, 1fr);} .cols-lg-4{ grid-template-columns: repeat(4, 1fr);} .cols-lg-5{ grid-template-columns: repeat(5, 1fr);} .cols-lg-6{ grid-template-columns: repeat(6, 1fr);} .hero-title{ font-size: 3.6rem;}} .entry-list-item{ margin-bottom: var(--space-lg);} .entry-title{ margin: 0 0 var(--space-xs); font-size: 1.3rem;} .entry-title a{ text-decoration: none; color: var(--color-neutral-ink);} .entry-title a:hover{ color: var(--color-primary-700);} .entry-meta{ color: var(--color-neutral-600); font-size: .9rem; margin: 0 0 var(--space-sm);} .entry-excerpt{ color: var(--color-neutral-700);} .pagination{ display: flex; gap: var(--space-sm); list-style: none; margin: var(--space-lg) 0 0; padding: 0;} .pagination-item a{ border: 1px solid var(--color-neutral-200); border-radius: var(--radius-sm); padding: 4px 10px; text-decoration: none;} .pagination-current{ border: 1px solid var(--color-primary-600); border-radius: var(--radius-sm); padding: 4px 10px; color: var(--color-primary-700); font-weight: 600;} .menu-nav .menu{ display: flex; gap: var(--space-md); list-style: none; margin: 0; padding: 0; flex-wrap: wrap;} .menu-item a{ text-decoration: none; color: var(--color-neutral-700);} .menu-item a:hover{ color: var(--color-primary-700);} .form-field{ margin-bottom: var(--space-md);} .form-label{ display: block; margin-bottom: var(--space-xs); font-weight: 600;} .form-input, .form-textarea{ width: 100%; padding: 8px 10px; border: 1px solid var(--color-neutral-200); border-radius: var(--radius-sm); font: inherit;} .form-actions{ margin-top: var(--space-md);} .form-honeypot{ position: absolute; left: -9999px;} .search-form{ display: flex; gap: var(--space-sm);} .search-input{ flex: 1; padding: 8px 10px; border: 1px solid var(--color-neutral-200); border-radius: var(--radius-sm); font: inherit;} .search-hit{ margin-bottom: var(--space-md);} .search-hit-title{ margin: 0;} .search-hit-excerpt{ margin: var(--space-xs) 0 0; color: var(--color-neutral-700);} .thanks{ background: #e8f6ee; border: 1px solid #bfe3cd; padding: var(--space-md); border-radius: var(--radius-md);} .price{ font-weight: 700; color: var(--color-neutral-900);} .login-box{ margin: var(--space-md) 0;} .login-buttons{ display: flex; gap: var(--space-sm); flex-wrap: wrap;} .login-btn{ border: 1px solid var(--color-neutral-300); border-radius: var(--radius-sm); padding: 6px 14px; text-decoration: none; color: var(--color-neutral-800);} .login-btn:hover{ border-color: var(--color-primary-500);} .comments{ margin-top: var(--space-lg);} .comment-item{ border-top: 1px solid var(--color-neutral-200); padding: var(--space-md) 0;} .comment-meta{ color: var(--color-neutral-600); font-size: .9rem; margin: 0 0 var(--space-xs);} .comment-body{ white-space: pre-wrap;} .comment-form{ margin-top: var(--space-md);} .table-wrap{ overflow-x: auto;} .data-table{ width: 100%; border-collapse: collapse;} .data-table th, .data-table td{ text-align: left; padding: var(--space-sm) var(--space-md); border-bottom: 1px solid var(--color-neutral-200);} .data-table th{ font-weight: 600;} .data-table--striped tbody tr:nth-child(even){ background: var(--color-neutral-50);} .table-caption{ text-align: left; padding: var(--space-sm) 0; color: var(--color-neutral-600);} .section--bg-tint{ background: var(--color-neutral-50);} .section--bg-inverse{ background: var(--color-neutral-900);} .section--bg-inverse .heading, .section--bg-inverse h1, .section--bg-inverse h2, .section--bg-inverse h3, .section--bg-inverse p, .section--bg-inverse li, .section--bg-inverse a{ color: var(--color-neutral-50);} .site-nav li.has-children{ position: relative;} .site-nav li.has-children > .dropdown{ display: none; position: absolute; top: 100%; left: 0; background: #fff; border: 1px solid var(--border, #e2e2e6); border-radius: 6px; min-width: 180px; padding: 6px 0; box-shadow: 0 6px 18px rgba(0,0,0,.08); z-index: 20;} .site-nav li.has-children:hover > .dropdown, .site-nav li.has-children:focus-within > .dropdown{ display: block;} .site-nav .dropdown li{ display: block;} .site-nav .dropdown a{ display: block; padding: 8px 14px;} .site-logo{ max-height: 40px; width: auto; display: block;} .accordion{ display: grid; gap: var(--space-sm);} .accordion-panel{ border: 1px solid var(--color-neutral-200); border-radius: var(--radius-md);} .accordion-title{ cursor: pointer; padding: var(--space-md); font-weight: 600; list-style: none;} .accordion-title::-webkit-details-marker{ display: none;} .accordion-title::after{ content: "+"; float: right; color: var(--color-neutral-600);} .accordion-panel[open] .accordion-title::after{ content: "\2212";} .accordion-body{ padding: 0 var(--space-md) var(--space-md);} .slider{ position: relative;} .slider-track{ display: flex; gap: var(--space-md); overflow-x: auto; scroll-snap-type: x mandatory; border-radius: var(--radius-md);} .slider--sm .slider-slide{ min-width: 40%;} .slider--md .slider-slide{ min-width: 70%;} .slider--lg .slider-slide{ min-width: 100%;} .slider-slide{ scroll-snap-align: start;} .slider-slide img{ width: 100%; height: auto; display: block; border-radius: var(--radius-md);} .slider-card{ padding: var(--space-md);} .slider-dots{ display: flex; gap: var(--space-sm); margin-top: var(--space-sm);} .slider-dot{ width: 10px; height: 10px; border-radius: 50%; background: var(--color-neutral-300); display: block;} .quote{ border-left: 3px solid var(--color-primary-500, var(--color-neutral-300)); padding: var(--space-md) var(--space-lg); margin: var(--space-md) 0;} .quote-text{ font-size: 1.15em; font-style: italic; margin: 0 0 var(--space-sm);} .quote-avatar{ width: 48px; height: 48px; border-radius: 50%; display: block; margin-bottom: var(--space-sm);} .quote-attribution{ color: var(--color-neutral-600); font-size: 0.9em;} .code-block{ background: var(--color-neutral-900); color: var(--color-neutral-50); border-radius: var(--radius-md); padding: var(--space-md); overflow-x: auto; margin: var(--space-md) 0;} .code-block pre{ margin: 0; font-family: ui-monospace, monospace; font-size: 0.9em;} .code-language{ font-family: ui-monospace, monospace; font-size: 0.75em; text-transform: uppercase; letter-spacing: .08em; color: var(--color-neutral-400); margin-bottom: var(--space-sm);} .tabs{ display: grid; gap: 2px;} .tab-panel{ border: 1px solid var(--color-neutral-200); border-radius: var(--radius-md);} .tab-title{ cursor: pointer; padding: var(--space-md); font-weight: 600; list-style: none;} .tab-title::-webkit-details-marker{ display: none;} .tab-body{ padding: 0 var(--space-md) var(--space-md);} .section--bg-image{ background-size: cover; background-position: center; position: relative;} .section--bg-image::before{ content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.45);} .section--bg-image > *{ position: relative;} .section--bg-image, .section--bg-image .heading, .section--bg-image p, .section--bg-image li{ color: #fff;} .site-nav a.active{ color: var(--color-primary-600); font-weight: 600;} :focus-visible{ outline: 3px solid var(--color-primary-600); outline-offset: 2px;} @media (prefers-reduced-motion: reduce){ *, *::before, *::after{ animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important;}} .skip-link{ position: absolute; left: -9999px; top: 0; background: #fff; color: var(--color-neutral-900); padding: var(--space-sm) var(--space-md); z-index: 100; border: 1px solid var(--color-neutral-300);} .skip-link:focus{ left: var(--space-sm); top: var(--space-sm);} .form-radio, .form-checkbox{ accent-color: var(--color-primary-600); width: auto;} .form-radio-label{ display: inline-flex; align-items: center; gap: var(--space-sm); margin: 4px 12px 4px 0;} .form-field-invalid input, .form-field-invalid select, .form-field-invalid textarea{ border-color: #c0392b;} .form-error-message, .form-field-invalid .form-error-message{ color: #c0392b; font-size: 0.85em; margin: 4px 0 0;} .corners-sharp{ border-radius: 0;} .corners-pill{ border-radius: 999px;} .shadow-md{ box-shadow: 0 6px 18px rgba(0, 0, 0, .12);} .site-nav a.active{ color: var(--color-primary-600); font-weight: 600;} .utility-bar{ background: #0D4A0D; color: #ffffff; font-size: 0.85rem;} .utility-inner{ display: flex; gap: var(--space-md); align-items: center; justify-content: space-between; padding-top: 6px; padding-bottom: 6px; flex-wrap: wrap;} .utility-bar a{ color: #ffffff; text-decoration: none;} .utility-bar a:hover{ text-decoration: underline;} .utility-cta{ background: var(--color-primary-500); padding: 4px 12px; border-radius: var(--radius-sm); font-weight: 600;} .utility-cta:hover{ background: var(--color-primary-600); text-decoration: none;} .site-logo{ display: block; height: 40px; width: auto;} .site-nav{ margin-left: auto;} .site-footer{ background: #0D4A0D;} .site-footer a{ color: #d9e8d9;} .footer-logo{ display: block; height: 32px; width: auto; margin-bottom: var(--space-sm);} .footer-nap{ margin: 0; line-height: 1.7;} .footer-nap b{ color: #ffffff;} .utility-item{ color: #ffffff; white-space: nowrap;} .footer-about{ max-width: 360px;} .site-footer-inner{ align-items: flex-start; flex-direction: column;} .btn--primary{ background: var(--color-primary-500);} .btn--primary:hover{ background: var(--color-primary-600);} .btn--secondary{ border-color: var(--color-primary-600); color: var(--color-primary-700);} .site-nav a{ font-size: 15px; font-weight: 400; text-transform: uppercase; letter-spacing: .05em;} .site-nav a.active{ color: #0D4A0D; font-weight: 400;} .site-nav li.has-children > .dropdown{ min-width: 300px; border: 1px solid #0D4A0D;} .site-nav li.has-children > a::after{ content: " ▾";} .site-nav .dropdown a{ text-transform: none; letter-spacing: 0; font-size: 14px; color: #0D4A0D; padding: 8px 14px;} .site-nav .dropdown a:hover{ color: var(--color-primary-700);} .entry-list-item{ border-bottom: 1px solid var(--color-neutral-100); padding: var(--space-md) 0;} .entry-list-item:last-child{ border-bottom: 0;} .entry-meta{ font-size: .85rem; color: var(--color-neutral-600);} .table-wrap{ overflow-x: auto; -webkit-overflow-scrolling: touch;} .data-table{ width: 100%; border-collapse: collapse; font-size: 0.95rem; background: var(--color-neutral-white);} .data-table th, .data-table td{ padding: var(--space-sm) var(--space-md); text-align: left; border-bottom: 1px solid var(--color-neutral-200); vertical-align: top;} .data-table thead th{ background: var(--color-primary-600); color: var(--color-neutral-white); font-family: var(--font-heading); font-weight: 600; white-space: nowrap;} .data-table--striped tbody tr:nth-child(even){ background: var(--color-neutral-200);} .data-table tbody tr:hover{ background: var(--color-neutral-200);} .eyebrow{ display: inline-block; font-size: .85rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--color-primary-700, #0D4A0D); margin: 0 0 var(--space-sm);} .stack > .rich-text:first-child > p:first-child, .container > .rich-text:first-child > p:first-child{ font-size: .85rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: #0D4A0D; margin: 0 0 var(--space-sm);} .slider .slider-dots{ display: none;} .section--bg-strong .slider-card .rich-text > p:first-child strong{ display: block; font-family: var(--font-heading); font-size: 1.9rem; line-height: 1.4; letter-spacing: -0.5px; margin-bottom: .5rem; font-weight: 600;} .section--bg-strong .slider-card .rich-text > p:last-child > a{ display: inline-block; background: #cc6600; color: #fff !important; padding: 12px 28px; border-radius: 6px; text-decoration: none;} .section--bg-strong .slider-card .rich-text > p:last-child > a:hover{ background: #b55a00;} .stack.align-start > .rich-text:first-child > p:first-child{ display: inline-block; background: #FFFFFF; color: #000; font-size: 15px; letter-spacing: 2px; text-transform: uppercase; border-radius: 50px; padding: 10px 22px; margin-bottom: 14px;} .site-main > .container{ max-width: none; padding-left: 0; padding-right: 0;} .site-main > .container > .section--bg-strong{ background-color: #111111; background-image: linear-gradient(90deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,0) 60%); background-size: cover; background-position: center; background-repeat: no-repeat; color: #ffffff; position: relative; overflow: hidden;} .site-main > .container > .section--bg-strong a{ color: #f0e7d8;} .site-main > .container > .section--bg-strong .slider, .site-main > .container > .section--bg-strong .slider-track{ border-radius: 0; background: transparent;} .site-main > .container > .section--bg-strong .slider-card{ padding: var(--space-xl) var(--space-md); background: transparent;} .site-main > .container > .section--bg-strong .slider-card .rich-text > p:first-child strong{ display: block; font-family: var(--font-heading); font-size: 2.4rem; line-height: 1.2; letter-spacing: -.5px; color: #ffffff;} .site-main > .container > .section--bg-strong .slider-card .rich-text p{ color: #f3f0ea; line-height: 1.75; margin: 0 0 var(--space-md);} .site-main > .container > .section--bg-strong .slider-card .rich-text p strong{ color: #ffffff;} .site-main > .container > .section--bg-strong .slider-card .rich-text > p:last-child > a{ display: inline-block; background: #cc6600; color: #ffffff !important; padding: 12px 28px; border-radius: 6px; text-decoration: none; font-weight: 600;} .site-main > .container > .section--bg-strong .slider-card .rich-text > p:last-child > a:hover{ background: #b55a00;} .site-nav li.has-children > a::after{ content: ""; display: inline-block; width: 0; height: 0; margin-left: 6px; margin-bottom: 2px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid currentColor; vertical-align: middle;} .form-input, .form-textarea{ padding: 12px; min-height: 44px; font-family: var(--font-sans); font-size: 16px; color: var(--color-neutral-900); background: var(--color-neutral-white); border: 1px solid var(--color-neutral-300); border-radius: var(--radius-md);} .form-textarea{ min-height: 120px; resize: vertical;} .form-input:focus, .form-textarea:focus{ outline: none; border-color: var(--color-primary-300); box-shadow: 0 0 0 3px var(--color-primary-100);} .form input[type="submit"], .form-actions button, .form button[type="submit"]{ width: 100%; margin-top: 4px; padding: 12px 22px; min-height: 44px; font-family: var(--font-sans); font-size: 16px; font-weight: 600; color: #ffffff; background: var(--color-primary-600); border: 0; border-radius: var(--radius-pill); cursor: pointer;} .form input[type="submit"]:hover, .form-actions button:hover, .form button[type="submit"]:hover{ background: var(--color-primary-700);} .heading--h1{ font-size: clamp(1.75rem, 5vw, 2.6rem);} .heading--h2{ font-size: clamp(1.375rem, 4vw, 2rem);}