/* Sky, ink and apricot: a warmer visual language for personal help. */
:root{--action:#176373;--action-hover:#1d6f7e;--paper:#f6f8f7;--blue:#dceef5;--ink:#15384c;--blue-dark:#215f80}
body{background:#f6f8f7}
header{background:#edf5f8f5;border-bottom-color:#c3dbe6;box-shadow:0 2px 18px #244c6410}
.hero{position:relative;isolation:isolate;padding-top:66px;padding-bottom:66px}
.hero:before{content:"";position:absolute;inset:0 calc((100% - 100vw)/2);z-index:-2;background:radial-gradient(ellipse at 8% 94%,#ffdbba85,transparent 43%),radial-gradient(ellipse at 90% 25%,#add7efb3,transparent 59%),linear-gradient(125deg,#f1f7f8,#e5f1f7 55%,#d7e9f3)}
.hero:after{content:"";position:absolute;inset:0 calc((100% - 100vw)/2);z-index:-1;pointer-events:none;background-image:linear-gradient(#377ca20a 1px,transparent 1px),linear-gradient(90deg,#377ca20a 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 25%,#000);opacity:.55;animation:atmosphere-in 2.4s ease-out both}
.hero-copy>.eyebrow{display:inline-flex;align-items:center;gap:10px;background:#ffffff91;border:1px solid #c4dce7;padding:9px 13px;border-radius:30px;font-size:10px;letter-spacing:.12em;margin-bottom:24px;box-shadow:0 4px 15px #2c5c7410}
.hero-copy>.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#e69b60;box-shadow:0 0 0 4px #ffc18a30}
.hero h1 em{color:#216385}
.hero-visual{padding:8px;border:1px solid #ffffffb0;border-radius:165px 20px 20px 20px;background:#ffffff2e;box-shadow:0 30px 70px #1b536518}
.photo-frame{border-radius:155px 13px 13px 13px;box-shadow:none}
.hero-visual figcaption{padding-right:6px;font-size:10px;color:#466475}
.photo-note{background:#fff9f0f2;border:1px solid #ffffffbd;border-radius:12px;box-shadow:0 10px 25px #15384c12}
.photo-note .note-line{background:#e7a06a;border-radius:4px}
.opening{border-top-color:#9ebfcf77}.opening-dot{background:#45798b}
.hero-copy .intro{color:#355467}.reassurance{color:#3d6073}
.button:not(.outline),.btn-primary{border:1px solid #164d61;background:linear-gradient(135deg,var(--action),#194b61);color:#f8fcff;box-shadow:inset 0 1px 0 #ffffff26,0 6px 16px #124b6a1c;font-weight:700;border-radius:10px;transition:background .22s,box-shadow .22s,border-color .22s;gap:12px}
.button:not(.outline):hover,.btn-primary:hover{border-color:#286b7e;background:linear-gradient(135deg,var(--action-hover),#215971);color:#fff;box-shadow:inset 0 1px #ffffff30,0 0 0 3px #3a83951a,0 8px 20px #124b6a24;transform:none}
.button:active,.btn-primary:active{transform:none;box-shadow:inset 0 2px 5px #0c314447}
.button:focus-visible,.btn-primary:focus-visible{outline:3px solid #225f83;outline-offset:4px}
.hero-actions .button{justify-content:center;min-width:218px}
.button.small{padding-inline:24px;min-height:48px}
.step-back,.btn-ghost{background:#f1f6f8;border-color:#a8c2d0;color:#294b61}
.step-nav .btn-primary{box-shadow:none}
.button.outline.directions-button{gap:12px;color:#214e63;background:#e0eef2;border-color:#a7c7d2;box-shadow:inset 0 1px #fff9;border-radius:10px}
.button.outline.directions-button:hover{background:#d2e6ed;border-color:#7ba9bb}
.direction-mark{width:25px;height:25px;fill:none;stroke:#315f72;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.trust-band{background:#1a4059;border:0;color:#fff}
.trust-grid>div+div{border-left-color:#8bb2c044}.trust-grid strong{color:#f3faff}.trust-grid p>span{color:#c3dae7}.trust-symbol{color:#ffca96;font-family:'Manrope',Arial,sans-serif;font-size:15px;font-weight:800;font-style:normal}
.application-section{background:radial-gradient(ellipse at 0 20%,#bfdfef6b,transparent 48%),linear-gradient(140deg,#edf5f7,#deedf3)}
.multistep{border-color:#c1d9e4;box-shadow:0 24px 60px #1c526511;border-radius:18px}
.life-section{background:radial-gradient(ellipse at 100% 85%,#ffdfbd60,transparent 43%),#eaf3f6}
.life-points li.is-current{border-left-color:#d59057;background:#fff8edb3}
.payout-methods li{box-shadow:0 5px 18px #1d485508}
.reason-grid article{background:linear-gradient(145deg,#ffffff,#f1f7f9);border-color:#d7e5e9;border-radius:16px}
.reason-grid article>span{color:#a45b2d}
.scene-section{background:linear-gradient(135deg,#f2eee7,#e5f0f4)}
.visit-card{background:linear-gradient(140deg,#fff,#eaf3f7);border-color:#c5dbe4;border-radius:18px;box-shadow:0 20px 50px #1640520a}
.closing-art .local-seal{background:#234e67;border-color:#eff4f3}
.reading-line span{background:linear-gradient(90deg,#5ca3c5,#f3b27d)}
/* A small visual control inside an accessible touch target. */
.film-control,.office-film .film-control{width:44px;height:44px;right:8px;bottom:8px;border:0;background:transparent;color:#fff;border-radius:50%;font-size:12px;display:grid;place-items:center;text-shadow:0 1px 3px #0006;isolation:isolate;opacity:.8;transition:opacity .2s}
.film-control:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#173c574d;border:1px solid #ffffff7d;backdrop-filter:blur(5px);z-index:-1}
.film-control:hover,.film-control:focus-visible{opacity:1}
@keyframes atmosphere-in{from{opacity:0;transform:translateY(-8px)}to{opacity:.55;transform:translateY(0)}}
@media(max-width:900px){.hero{padding-top:44px}.hero-visual{border-top-left-radius:115px}.photo-frame{border-top-left-radius:105px}.hero-copy>.eyebrow{font-size:9px;padding-inline:11px;letter-spacing:.08em}}
@media(max-width:700px){.hero{padding-top:34px;padding-bottom:38px}.hero:before{background:radial-gradient(ellipse at 100% 10%,#b3d9ed95,transparent 60%),radial-gradient(ellipse at 0 90%,#ffdfb880,transparent 50%),#eaf3f7}.hero-copy>.eyebrow{font-size:9px;margin-bottom:23px}.hero-visual{border-radius:94px 18px 18px 18px;padding:6px}.hero-visual .photo-frame{border-radius:86px 12px 12px 12px}.hero-actions .button{justify-content:center;font-size:18px;min-height:60px}.trust-grid>div+div{border-left:0}.trust-grid{padding-block:25px}.trust-grid strong{font-size:16px}.trust-grid p>span{font-size:13px}.trust-symbol{font-size:13px}.button.small{padding-inline:16px}.multistep{border-radius:14px}.mobile-action{background:#eaf3f7f5;border-top-color:#c5dce7}}
@media(prefers-reduced-motion:reduce){.hero:after{animation:none;opacity:.55;transform:none}.button,.btn-primary,.film-control{transition:none}}

/* Gentle arrivals extend the headline's short downward settling motif. */
.arrival.arrived{animation:quiet-arrival .75s cubic-bezier(.2,.7,.2,1) both}
.reason-grid article:nth-child(2){animation-delay:.08s}.reason-grid article:nth-child(3){animation-delay:.16s}
@keyframes quiet-arrival{from{opacity:.25;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.arrival.arrived{animation:none}}