html{ scroll-behavior:smooth; }
body{ font-family:'Montserrat',-apple-system,sans-serif; background:#FCFAF6; color:#0A1628; -webkit-font-smoothing:antialiased; }
.wrap{ max-width:1200px; margin:0 auto; padding-inline:clamp(1.25rem,4vw,3rem); }
h1,h2,h3{ letter-spacing:-.02em; text-wrap:balance; }
/* ===== i18n ===== */
:root[data-lang="es"] [lang="en"]{ display:none; }
:root[data-lang="en"] [lang="es"]{ display:none; }
/* ===== NAV ===== */
#nav{ position:fixed; top:0; left:0; right:0; z-index:200; transition:padding .45s cubic-bezier(.2,.7,.3,1); }
#nav .bar{
display:flex; align-items:center; justify-content:space-between;
background:#fff; color:#0A1628; height:76px; padding-inline:clamp(1.25rem,4vw,3rem);
border-radius:0; width:100%; max-width:none; margin:0;
transition:background .45s cubic-bezier(.2,.7,.3,1), color .45s, border-radius .45s, box-shadow .45s, backdrop-filter .45s, max-width .45s, margin .45s;
}
#nav.scrolled{ padding:12px 16px 0; }
#nav.scrolled .bar{
background:rgba(10,22,40,.6); color:#fff; border-radius:999px; height:52px;
max-width:920px; margin:0 auto; padding-inline:clamp(.9rem,2.4vw,1.5rem);
backdrop-filter:blur(20px) saturate(160%); -webkit-backdrop-filter:blur(20px) saturate(160%);
box-shadow:0 20px 40px -20px rgba(10,22,40,.35);
}
#nav .navlink{ position:relative; display:inline-block; color:#0A1628; font-size:.85rem; font-weight:500; text-decoration:none; opacity:.8; padding-bottom:3px; transition:opacity .3s,color .3s; }
#nav .navlink::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:1.5px; background:currentColor; transform:scaleX(0); transform-origin:left; transition:transform .35s cubic-bezier(.2,.7,.3,1); }
#nav.scrolled .navlink{ color:#fff; }
#nav .navlink:hover{ opacity:1; color:#3A6465; }
#nav.scrolled .navlink:hover{ color:#8FCCD7; }
#nav .navlink:hover::after{ transform:scaleX(1); }
#nav .cta-pill{ background:#0A1628; color:#fff; transition:background .3s,color .3s; }
#nav.scrolled .cta-pill{ background:#fff; color:#0A1628; }
/* ===== mobile drawer nav ===== */
.mnav-toggle{ display:none; }
@media (max-width:767px){
.mnav-toggle{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:999px; background:#0A1628; color:#fff; border:none; cursor:pointer; flex-shrink:0; }
#nav.scrolled .mnav-toggle{ background:rgba(255,255,255,.18); }
}
.mnav-overlay{ position:fixed; inset:0; background:rgba(10,22,40,.55); opacity:0; pointer-events:none; transition:opacity .4s ease; z-index:300; }
.mnav-overlay.on{ opacity:1; pointer-events:auto; }
.mnav-drawer{ position:fixed; top:0; right:0; bottom:0; width:min(84vw,340px); background:#FCFAF6; z-index:301; transform:translateX(100%); transition:transform .45s cubic-bezier(.2,.7,.3,1); display:flex; flex-direction:column; padding:1.5rem 1.5rem 2rem; box-shadow:-24px 0 60px -20px rgba(10,22,40,.35); }
.mnav-drawer.on{ transform:translateX(0); }
.mnav-drawer-head{ display:flex; justify-content:flex-end; }
.mnav-close{ width:40px; height:40px; border-radius:999px; background:#F0F6F5; border:none; display:flex; align-items:center; justify-content:center; cursor:pointer; color:#0A1628; }
.mnav-links{ display:flex; flex-direction:column; margin-top:1.5rem; }
.mnav-link{ font-size:1.15rem; font-weight:600; color:#0A1628; padding:1rem .25rem; border-bottom:1px solid #E8E3DC; text-decoration:none; }
.mnav-link[aria-current="page"]{ color:#3A6465; }
.mnav-drawer .btn{ margin-top:1.75rem; justify-content:center; }
#nav .logo-ondark{ display:none; }
#nav.scrolled .logo-onlight{ display:none; }
#nav.scrolled .logo-ondark{ display:block; }
.lang-switch{ display:flex; align-items:center; gap:2px; padding:3px; border-radius:999px; background:rgba(10,22,40,.06); transition:background .3s; }
#nav.scrolled .lang-switch{ background:rgba(255,255,255,.14); }
.lang-btn{ font-size:.72rem; font-weight:600; letter-spacing:.02em; padding:.32rem .6rem; border-radius:999px; color:inherit; opacity:.55; transition:opacity .3s,background .3s,color .3s; }
.lang-btn:hover{ opacity:.85; }
.lang-btn.active{ opacity:1; background:#0A1628; color:#fff; }
#nav.scrolled .lang-btn.active{ background:#fff; color:#0A1628; }
/* ===== buttons ===== */
.btn{ display:inline-flex;align-items:center;gap:.55rem;font-weight:600;font-size:.9rem;border-radius:999px;padding:.9rem 1.7rem;letter-spacing:-.005em;transition:transform .35s cubic-bezier(.2,.7,.3,1),background .3s,box-shadow .3s; }
.btn:hover{ transform:translateY(-2px); }
.btn-white{ background:#fff; color:#0A1628; }
.btn-white:hover{ box-shadow:0 16px 34px -18px rgba(10,22,40,.4); }
.btn-ghost-dark{ background:rgba(10,22,40,.45); color:#fff; backdrop-filter:blur(6px); }
.btn-ghost-dark:hover{ background:rgba(10,22,40,.65); }
.btn-black{ background:#0A1628; color:#fff; }
.btn-black:hover{ box-shadow:0 16px 34px -18px rgba(10,22,40,.4); }
.btn-coral{ background:#3A6465; color:#fff; }
.btn-coral:hover{ box-shadow:0 16px 34px -18px rgba(58,100,101,.5); }
/* ===== hero ===== */
.hero{ position:relative; min-height:100svh; overflow:hidden; background:#FCFAF6; }
.hero-media{ position:absolute; top:88px; left:12px; right:12px; bottom:12px; border-radius:24px; overflow:hidden; z-index:0; background:#0A1628; }
.hero-video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.72) brightness(.94) contrast(1.03); }
.hero-media-tint{ position:absolute; inset:0; background:#14313D; mix-blend-mode:color; opacity:.4; }
.hero-media-scrim{ position:absolute; inset:0; background:linear-gradient(0deg, rgba(6,14,26,.85) 0%, rgba(6,14,26,.55) 32%, rgba(6,14,26,.28) 58%, rgba(6,14,26,.08) 82%, rgba(6,14,26,0) 100%); }
.hero-content{ position:relative; z-index:2; min-height:100svh; display:flex; flex-direction:column; justify-content:flex-end; padding-top:100px; padding-bottom:0; width:100%; max-width:none; padding-inline:clamp(1.25rem,4vw,3rem); }
@media (max-width:767px){
.hero-media-scrim{ background:linear-gradient(0deg, rgba(6,14,26,.96) 0%, rgba(6,14,26,.82) 30%, rgba(6,14,26,.56) 55%, rgba(6,14,26,.3) 80%, rgba(6,14,26,.15) 100%); }
.hero-content{ padding-top:130px; padding-inline:2.25rem; }
.hero-content .text-sky, .hero-content h1, .hero-content p{ text-shadow:0 2px 16px rgba(6,14,26,.55); }
}
.trust-row > div + div{ border-top:1px solid rgba(255,255,255,.18); padding-top:1.1rem; }
@media(min-width:640px){ .trust-row > div + div{ border-top:none; border-left:1px solid rgba(255,255,255,.18); padding-top:0; } }
.hero-highlight{ position:relative; display:inline-block; background:linear-gradient(90deg,#8FCCD7,#C9DC8C); -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 2px 28px rgba(143,204,215,.4)); }
/* ===== logo strip ===== */
.logo-chip{ font-weight:700; font-size:1.1rem; color:#8198A8; letter-spacing:-.01em; }
/* ===== how-it-works static grid ===== */
.hiw-card{ position:relative; border-radius:15px; overflow:hidden; aspect-ratio:1/1; background:linear-gradient(150deg,#E4F0F1,#FCFAF6); }
.hiw-photo{ position:absolute; inset:0; background-size:cover; background-position:center; filter:saturate(.78) brightness(.97) contrast(1.02); }
.hiw-tint{ position:absolute; inset:0; background:#14313D; mix-blend-mode:color; opacity:.26; pointer-events:none; }
.hiw-chip{ position:absolute; bottom:12px; left:12px; padding:.38rem .8rem; border-radius:999px; font-size:.72rem; font-weight:700; letter-spacing:-.005em; box-shadow:0 6px 16px -8px rgba(10,22,40,.35); background:rgba(58,100,101,.92); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); color:#fff; }
/* ===== thread row (continuous chips) ===== */
.thread-row{ position:relative; -ms-overflow-style:none; scrollbar-width:none; }
.thread-row::-webkit-scrollbar{ display:none; }
.thread-row::before{ content:""; position:absolute; left:0; right:0; top:50%; height:1.5px; background:linear-gradient(90deg,#3A6465,#C9DC8C); opacity:.55; transform:translateY(-50%); z-index:0; }
.chip-outline{ position:relative; z-index:1; flex-shrink:0; white-space:nowrap; background:#FCFAF6; border:1px solid rgba(10,22,40,.16); color:#0A1628; font-size:.85rem; font-weight:500; padding:.55rem 1.1rem; border-radius:999px; }
/* ===== duo (AI + human) ===== */
.duo-wrap::before{ content:""; position:absolute; left:50%; top:0; bottom:0; width:1px; background:rgba(255,255,255,.25); transform:translateX(-50%); z-index:0; }
.duo-dot{ width:9px; height:9px; border-radius:999px; background:#8FCCD7; box-shadow:0 0 0 6px rgba(143,204,215,.18); }
/* ===== thread decoration (draws in when its panel becomes active) ===== */
.thread-decor{ position:absolute; left:0; right:0; width:100%; bottom:6%; height:55%; z-index:1; pointer-events:none; }
.thread-path{ stroke-dasharray:1; stroke-dashoffset:1; transition:stroke-dashoffset 2.4s cubic-bezier(.25,.7,.3,1); }
.deep-panel.active .thread-path, .thread-decor.in .thread-path{ stroke-dashoffset:0; }
.thread-pulse{ opacity:0; transition:opacity .6s ease .3s; }
.deep-panel.active .thread-pulse, .thread-decor.in .thread-pulse{ opacity:1; animation:threadpulse 3s ease-in-out 1.8s infinite; }
@keyframes threadpulse{ 0%,100%{ opacity:.55; } 50%{ opacity:1; } }
/* ===== deep scrollytelling ===== */
.deep-section{ position:relative; }
.deep-stage{ position:sticky; top:0; height:100svh; overflow:hidden; }
.deep-panel{ position:absolute; inset:0; opacity:0; pointer-events:none; transition:opacity .6s ease; }
.deep-panel.active{ opacity:1; pointer-events:auto; }
.deep-panel .bgph{ position:absolute; inset:0; }
.deep-panel video.bgph{ width:100%; height:100%; object-fit:cover; }
@media (max-width:767px){
.deep-panel-content{ align-items:flex-start; overflow-y:auto; -webkit-overflow-scrolling:touch; padding-top:calc(env(safe-area-inset-top,0px) + 156px); padding-bottom:28px; max-height:100%; }
.deep-panel[data-step="0"] .bgph{ background-position:76% 26% !important; }
}
.deep-panel .scrim{ position:absolute; inset:0; background:linear-gradient(100deg, rgba(255,255,255,.6) 0%, rgba(255,255,255,.25) 45%, rgba(255,255,255,0) 70%); }
#stepsNav{ background:rgba(10,22,40,.4); backdrop-filter:blur(14px) saturate(140%); -webkit-backdrop-filter:blur(14px) saturate(140%); border-radius:16px; padding:14px 18px; box-shadow:0 20px 40px -24px rgba(10,22,40,.4); }
.steps-nav-item{ display:flex; align-items:center; justify-content:flex-end; gap:.9rem; padding:.4rem 0; color:rgba(255,255,255,.55); font-size:.95rem; font-weight:500; transition:color .4s; cursor:pointer; border:none; background:none; text-align:right; width:100%; }
.steps-nav-item .num{ font-variant-numeric:tabular-nums; font-size:.8rem; opacity:.7; }
.steps-nav-item.active{ color:#fff; font-weight:600; }
.steps-nav-item .bar{ width:0; height:1px; background:#8FCCD7; transition:width .4s ease; }
.steps-nav-item.active .bar{ width:16px; }
details.acc summary{ cursor:pointer; list-style:none; }
details.acc summary::-webkit-details-marker{ display:none; }
details.acc .plus{ transition:transform .3s ease; }
details.acc[open] .plus{ transform:rotate(45deg); }
details.acc .ans{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .35s ease; }
details.acc[open] .ans{ grid-template-rows:1fr; }
details.acc .ans>div{ overflow:hidden; }
/* ===== pricing table ===== */
/* ===== carousels ===== */
.cx{ scroll-snap-type:x proximity; -ms-overflow-style:none; scrollbar-width:none; }
.cx::-webkit-scrollbar{ display:none; }
.cx>*{ scroll-snap-align:start; }
/* ===== door cards (explore) ===== */
.door-card{ border-radius:18px; overflow:hidden; background:#fff; border:1px solid rgba(10,22,40,.08); box-shadow:0 2px 2px 0 rgba(10,22,40,.05); transition:transform .4s cubic-bezier(.2,.7,.3,1), box-shadow .4s cubic-bezier(.2,.7,.3,1); }
.door-card:hover{ transform:translateY(-4px); box-shadow:0 28px 58px -34px rgba(10,22,40,.42); }
.door-body{ display:flex; flex-direction:column; height:100%; padding:2.25rem 2rem 2.5rem; }
.door-eyebrow{ font-size:.68rem; font-weight:600; text-transform:uppercase; letter-spacing:.1em; color:#8198A8; }
.door-title{ font-weight:600; font-size:1.4rem; line-height:1.2; margin-top:.9rem; letter-spacing:-.015em; }
.door-desc{ font-size:.89rem; color:#42566B; margin-top:1.1rem; line-height:1.6; }
.door-link{ display:inline-flex; align-items:center; gap:.4rem; font-size:.9rem; font-weight:600; color:#3A6465; margin-top:auto; padding-top:1.75rem; }
.door-link svg{ transition:transform .3s cubic-bezier(.2,.7,.3,1); }
.door-card:hover .door-link svg{ transform:translateX(3px); }
.door-card--dark{ background:#0A1628; border-color:rgba(255,255,255,.1); }
.door-card--dark .door-eyebrow{ color:rgba(255,255,255,.5); }
.door-card--dark .door-title{ color:#fff; }
.door-card--dark .door-desc{ color:rgba(255,255,255,.68); }
.door-card--dark .door-link{ color:#8FCCD7; }
/* ===== final cta ===== */
.final-cta{ position:relative; min-height:100svh; overflow:hidden; background:radial-gradient(120% 90% at 35% 45%, #2F6E77 0%, #16323a 45%, #0e2126 75%, #0A1628 100%); }
.final-cta::after{ content:"";position:absolute;inset:0;background:linear-gradient(0deg, rgba(10,22,40,.35) 0%, rgba(10,22,40,.05) 45%); }
/* ===== footer ===== */
#footer{ position:relative; z-index:3; background:#FCFAF6; border-radius:28px 28px 0 0; margin-top:-40px; }
/* ===== reveal ===== */
.reveal{ opacity:0; transform:translateY(20px); transition:opacity .7s cubic-bezier(.2,.7,.3,1), transform .7s cubic-bezier(.2,.7,.3,1); }
.reveal.in{ opacity:1; transform:none; }
.reveal[data-d="1"]{ transition-delay:.05s; }
.reveal[data-d="2"]{ transition-delay:.12s; }
.reveal[data-d="3"]{ transition-delay:.19s; }
.reveal[data-d="4"]{ transition-delay:.26s; }
.reveal[data-d="5"]{ transition-delay:.33s; }
/* ===== reveal-lines: per-line scroll reveal for headings/paragraphs ===== */
.reveal-lines{ opacity:0; }
.reveal-lines.split{ opacity:1; }
.reveal-lines .split-word{ display:inline-block; opacity:0; transform:translateY(.4em); transition:opacity .65s cubic-bezier(.2,.7,.3,1), transform .65s cubic-bezier(.2,.7,.3,1); }
.reveal-lines.in .split-word{ opacity:1; transform:none; }
::-webkit-scrollbar{ width:10px; }
:focus-visible{ outline:2px solid #3A6465; outline-offset:2px; border-radius:4px; }
/* ===== THE NEED — life arc (before · today · after) ===== */
.arc-scroll{ overflow-x:auto; -ms-overflow-style:none; scrollbar-width:none; margin-inline:calc(-1 * clamp(1.25rem,4vw,3rem)); padding-inline:clamp(1.25rem,4vw,3rem); }
.arc-scroll::-webkit-scrollbar{ display:none; }
.arc{ position:relative; min-width:760px; padding-top:6px; }
.arc-line{ position:absolute; left:0; right:0; top:15px; height:2px; background:repeating-linear-gradient(90deg,#B9C2BE 0 8px,transparent 8px 14px); }
.arc-bar{ position:absolute; top:14px; height:4px; border-radius:2px; transition:opacity .45s ease, background .45s ease; }
.arc-bar--hoy{ left:calc(100% * 2.75 / 7); width:calc(100% * 1.5 / 7); background:#3A6465; }
.arc-bar--antes{ left:0; width:calc(100% * 3.25 / 7); background:#9DBDB6; opacity:0; }
.arc-bar--despues{ left:calc(100% * 3.75 / 7); right:0; background:#9DBDB6; opacity:0; }
.arc-nodes{ position:relative; display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); column-gap:8px; list-style:none; margin:0; padding:0; }
.arc-node{ display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center; }
.arc-dot{ width:12px; height:12px; margin-top:4px; border-radius:50%; border:2px solid #9AA6A2; background:#FCFAF6; box-sizing:border-box; transition:all .35s ease; }
.arc-label{ font-size:.75rem; font-weight:500; color:#7B8894; line-height:1.35; transition:color .35s ease; }
.arc-today{ color:#3A6465; font-weight:700; }
.arc-node[data-seg="hoy"] .arc-dot{ width:18px; height:18px; margin-top:1px; border:0; background:#3A6465; box-shadow:0 0 0 5px #D5E5E1; }
.arc-node[data-seg="hoy"] .arc-label{ color:#0A1628; font-weight:700; }
/* open states highlight the matching segment and dim "today" */
.need[data-arc-state="antes"] .arc-bar--antes,
.need[data-arc-state="despues"] .arc-bar--despues{ opacity:1; }
.need:not([data-arc-state="closed"]) .arc-bar--hoy{ opacity:.35; }
.need:not([data-arc-state="closed"]) .arc-node[data-seg="hoy"] .arc-dot{ width:14px; height:14px; margin-top:3px; box-shadow:none; opacity:.5; }
.need:not([data-arc-state="closed"]) .arc-node[data-seg="hoy"] .arc-label{ color:#7B8894; font-weight:500; }
.need[data-arc-state="antes"] .arc-node[data-seg="antes"] .arc-dot,
.need[data-arc-state="despues"] .arc-node[data-seg="despues"] .arc-dot{ width:14px; height:14px; margin-top:3px; border:0; background:#5E9A90; }
.need[data-arc-state="antes"] .arc-node[data-seg="antes"] .arc-label,
.need[data-arc-state="despues"] .arc-node[data-seg="despues"] .arc-label{ color:#0A1628; font-weight:600; }
.need:not([data-arc-state="closed"]) .need-closed{ display:none; }
.arc-teaser{ display:flex; flex-direction:column; justify-content:space-between; gap:1rem; padding:1.375rem; border-radius:18px; background:#fff; border:1px dashed #B9C2BE; color:#0A1628; text-align:left; font:inherit; cursor:pointer; transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease; }
.arc-teaser:hover{ border-color:#3A6465; box-shadow:0 10px 30px -14px rgba(10,22,40,.25); }
.arc-teaser:focus-visible, .arc-close:focus-visible, .arc-notify:focus-visible{ outline:2px solid #3A6465; outline-offset:3px; }
.arc-soon{ align-self:flex-start; padding:.25rem .625rem; border-radius:999px; background:#EEF1EE; font-size:.625rem; letter-spacing:.14em; font-weight:700; text-transform:uppercase; color:#5B6B78; }
.arc-soon--dark{ background:#3A6465; color:#fff; padding:.3rem .75rem; }
.arc-eyebrow{ font-size:.6875rem; letter-spacing:.12em; font-weight:600; text-transform:uppercase; color:#7B8894; }
.arc-cta{ display:inline-flex; align-items:center; gap:.5rem; font-size:.8125rem; font-weight:600; color:#3A6465; }
.arc-teaser:hover .arc-cta svg{ transform:translateX(3px); }
.arc-cta svg{ transition:transform .25s ease; }
.arc-today-card{ display:flex; flex-direction:column; gap:.875rem; padding:1.375rem; border-radius:18px; background:#fff; border:1px solid #DCE2DE; box-shadow:0 8px 28px rgba(10,22,40,.06); min-width:0; }
.arc-available{ padding:.25rem .625rem; border-radius:999px; background:#D5E5E1; font-size:.625rem; letter-spacing:.14em; font-weight:700; text-transform:uppercase; color:#203D3E; white-space:nowrap; }
.hiw-card--sm{ aspect-ratio:4/5; border-radius:12px; }
.hiw-card--sm .hiw-chip{ bottom:8px; left:8px; padding:.3rem .6rem; font-size:.66rem; }
.arc-between{ display:flex; align-items:center; gap:.625rem; padding:.625rem .875rem; border-radius:12px; background:#F1F4F2; font-size:.75rem; color:#3A4A58; line-height:1.4; }
.arc-between svg{ flex-shrink:0; }
.arc-panel{ display:flex; flex-direction:column; gap:1.375rem; padding:clamp(1.25rem,3vw,1.875rem) clamp(1.25rem,3vw,2.125rem); border-radius:22px; background:#0A1628; color:#FCFAF6; animation:arcIn .45s cubic-bezier(.2,.7,.3,1); }
.arc-panel[hidden]{ display:none; }
@keyframes arcIn{ from{ opacity:0; transform:translateY(12px); } to{ opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce){ .arc-panel{ animation:none; } }
.arc-stages{ flex-shrink:0; display:flex; flex-direction:column; align-items:flex-start; gap:.375rem; padding:.875rem 1.125rem; border-radius:14px; border:1px solid rgba(255,255,255,.14); }
@media (min-width:768px){ .arc-stages{ align-items:flex-end; text-align:right; } }
.arc-stages-k{ font-size:.625rem; letter-spacing:.14em; font-weight:700; text-transform:uppercase; color:#8FCCD7; }
.arc-stages-v{ font-size:.8125rem; font-weight:600; }
.arc-col{ display:flex; flex-direction:column; gap:.875rem; padding:1.375rem; border-radius:16px; background:rgba(255,255,255,.06); }
.arc-col-h{ display:flex; align-items:center; gap:.625rem; font-size:.6875rem; letter-spacing:.14em; font-weight:700; text-transform:uppercase; color:#8FCCD7; }
.arc-list{ display:flex; flex-direction:column; gap:.625rem; list-style:none; margin:0; padding:0; }
.arc-list li{ position:relative; padding-left:1.125rem; font-size:.875rem; line-height:1.45; color:rgba(252,250,246,.88); }
.arc-list li::before{ content:""; position:absolute; left:0; top:.5em; width:6px; height:6px; border-radius:50%; background:#8FCCD7; }
.arc-list strong{ color:#fff; font-weight:600; }
.arc-col-foot{ margin-top:auto; font-size:.75rem; color:#8FCCD7; line-height:1.45; }
.arc-panel-foot{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem 1.25rem; padding-top:1rem; border-top:1px solid rgba(255,255,255,.14); }
.arc-panel-foot p{ font-size:.8125rem; color:rgba(252,250,246,.72); max-width:560px; }
.arc-close{ display:inline-flex; align-items:center; gap:.4rem; height:44px; padding:0 1rem; border-radius:10px; border:1px solid rgba(255,255,255,.22); background:transparent; color:#FCFAF6; font:inherit; font-size:.8125rem; font-weight:600; cursor:pointer; }
.arc-close:hover{ background:rgba(255,255,255,.08); }
.arc-notify{ display:inline-flex; align-items:center; height:44px; padding:0 1.125rem; border-radius:10px; background:#8FCCD7; color:#0A1628; font-size:.8125rem; font-weight:600; }
.arc-notify:hover{ background:#a6d8e1; }
@media (max-width:639px){ .hiw-card--last{ grid-column:span 2; aspect-ratio:8/5; } }