
:root {
	--ar-navy: #103654;
	--ar-blue: #127b91;
	--ar-turquoise: #29b7bd;
	--ar-sky: #e9f8f8;
	--ar-sand: #f5efe4;
	--ar-text: #18313f;
	--ar-white: #ffffff;
	--ar-radius: 18px;
	--ar-shadow: 0 14px 40px rgba(16, 54, 84, .10);
}

.ar-hero {
	background:
		radial-gradient(circle at 85% 25%, rgba(255,255,255,.18), transparent 28%),
		linear-gradient(135deg, var(--ar-navy), var(--ar-blue) 58%, var(--ar-turquoise));
	color: var(--ar-white);
	padding: clamp(5rem, 10vw, 9rem) max(24px, calc((100vw - 1180px)/2));
	border-radius: 0 0 42px 42px;
}
.ar-hero h1 {max-width: 900px;font-size:clamp(2.7rem,6vw,5.4rem);line-height:1.03;letter-spacing:-.045em;color:#fff;}
.ar-hero p {max-width:760px;color:rgba(255,255,255,.9);}
.ar-eyebrow {font-size:.82rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ar-turquoise);}
.ar-hero .ar-eyebrow {color:#b9ffff;}
.ar-primary .wp-block-button__link,.ar-calc-button {
	background:var(--ar-turquoise)!important;color:var(--ar-navy)!important;border:0;border-radius:999px;
	font-weight:800;padding:.85rem 1.35rem;cursor:pointer;
}
.ar-hero .is-style-outline .wp-block-button__link {border-color:rgba(255,255,255,.75);color:#fff;}
.ar-section {padding:clamp(4rem,8vw,7rem) 24px;}
.ar-section-alt {background:var(--ar-sky);}
.ar-card-grid {gap:1.25rem;}
.ar-grid-2 {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;}
.ar-card {height:100%;background:#fff;border:1px solid rgba(16,54,84,.10);border-radius:var(--ar-radius);padding:1.7rem;box-shadow:var(--ar-shadow);}
.ar-card h2,.ar-card h3 {color:var(--ar-navy);}
.ar-steps {gap:2rem;}
.ar-step-number {font-size:2.4rem;font-weight:900;color:var(--ar-turquoise);margin-bottom:.4rem;}
.ar-split {background:var(--ar-sand);border-radius:30px;margin-top:3rem;margin-bottom:3rem;}
.ar-stat {background:#fff;border-radius:var(--ar-radius);padding:1.4rem;margin:.8rem 0;box-shadow:var(--ar-shadow);}
.ar-stat strong,.ar-stat span {display:block;}
.ar-stat strong {font-size:1.55rem;color:var(--ar-navy);}
.ar-cta {background:var(--ar-navy);color:#fff;padding:5rem 24px;}
.ar-cta h2,.ar-cta p {color:#fff;}
.ar-page-hero {background:linear-gradient(135deg,var(--ar-navy),var(--ar-blue));color:#fff;padding:5rem max(24px,calc((100vw - 1080px)/2));}
.ar-page-hero h1,.ar-page-hero p {color:#fff;}
.ar-content {padding:4rem 24px;}
.ar-guide-phase {border-left:5px solid var(--ar-turquoise);padding:1.3rem 1.6rem;margin:1.3rem 0;background:var(--ar-sky);border-radius:0 var(--ar-radius) var(--ar-radius) 0;}
.ar-guide-phase span {font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--ar-blue);}
.ar-notice {background:#fff3cd;border-left:5px solid #d99b00;padding:1rem 1.2rem;border-radius:8px;}
.ar-calculator {background:#fff;border-radius:var(--ar-radius);padding:clamp(1.2rem,4vw,2.3rem);box-shadow:var(--ar-shadow);}
.ar-field-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
.ar-field-grid label {font-weight:700;color:var(--ar-navy);}
.ar-field-grid input {display:block;width:100%;margin-top:.45rem;border:1px solid #c9d9df;border-radius:10px;padding:.8rem;background:#fff;}
.ar-calc-button {margin-top:1.2rem;font-size:1rem;}
.ar-result {margin-top:1.2rem;padding:1.2rem;border-radius:12px;background:var(--ar-sky);min-height:3rem;}
.ar-result strong {font-size:1.25rem;color:var(--ar-navy);}
.ar-fineprint {font-size:.82rem;opacity:.75;}
.ar-progress {height:12px;background:#dcebed;border-radius:999px;overflow:hidden;}
.ar-progress span {display:block;width:0;height:100%;background:var(--ar-turquoise);transition:width .25s ease;}
.ar-check-item {display:flex;gap:.8rem;align-items:flex-start;padding:1rem;background:#fff;border:1px solid #dfeaec;border-radius:12px;margin:.65rem 0;cursor:pointer;}
.ar-check-item input {margin-top:.25rem;transform:scale(1.2);}
.ar-check-item:has(input:checked) span {text-decoration:line-through;opacity:.55;}
.ar-days {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
.ar-day {background:#fff;border:1px solid #e1ebee;border-radius:var(--ar-radius);padding:1.3rem;box-shadow:0 8px 22px rgba(16,54,84,.06);}
.ar-day span {font-size:.8rem;font-weight:800;color:var(--ar-blue);text-transform:uppercase;letter-spacing:.1em;}
.ar-day h3 {margin:.35rem 0 0;color:var(--ar-navy);}

@media (max-width: 760px) {
	.ar-field-grid,.ar-grid-2,.ar-days {grid-template-columns:1fr;}
	.ar-hero {border-radius:0 0 28px 28px;}
	.ar-section {padding-top:3.5rem;padding-bottom:3.5rem;}
}
