/* losangeleslifeinsurance.vip — world: generative-art-computational-color-chord-counterpoint
   Own world: Olvera Street papel picado, tissue banners strung over a sun-white plaza.
   Indigo, madder and saffron are translucent voices; where two cross they print violet or brown. */
@font-face{font-family:"Jost";src:url(/assets/font-rxitlqju-jost-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Jost";src:url(/assets/font-rxitlqju-jost-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Literata";src:url(/assets/font-rxitlqju-literata-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Literata";src:url(/assets/font-rxitlqju-literata-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{--sun:#FDFDFB;--sun-2:#F2F1F8;--ink:#1E1D45;--ink-soft:#47456E;--indigo:#2B2E9A;--indigo-deep:#1B1D6B;--madder:#B11D39;--madder-deep:#8C1730;--saffron:#F2A413;--violet:#5E2C82;--brown:#5B2E1F;
--w-indigo:rgba(43,46,154,.09);--w-madder:rgba(177,29,57,.09);--w-saffron:rgba(242,164,19,.2);--rule:#C9C3D6;--alert:#9A1428;
--label:"Jost","Futura","Century Gothic",system-ui,sans-serif;--body:"Literata","Georgia","Times New Roman",serif;--measure:40rem;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--sun);color:var(--ink);font-family:var(--body);font-size:1.0938rem;line-height:1.7;font-weight:400}
::selection{background:var(--saffron);color:var(--ink)}
img{display:block;max-width:100%;height:auto}
a{color:var(--indigo);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{color:var(--madder);text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--indigo);outline-offset:3px}
h1,h2,h3{font-family:var(--label);font-weight:600;line-height:1.12;margin:0 0 .55em;letter-spacing:-.005em;color:var(--ink);text-wrap:balance}
h1{font-size:clamp(2.35rem,5.2vw,4.4rem);line-height:1.04}
h2{font-size:clamp(1.9rem,3.6vw,3rem)}
h3{font-size:1.35rem;line-height:1.2}
p{margin:0 0 1em;max-width:var(--measure)}
strong{font-weight:700}
.sumat-wrap{width:min(100% - 2.5rem,74rem);margin-inline:auto}
@media (max-width:600px){.sumat-wrap{width:min(100% - 2rem,74rem)}}
.sumat-skip{position:absolute;left:-999px;top:0;background:var(--indigo);color:#fff;padding:.75rem 1rem;z-index:99}
.sumat-skip:focus{left:1rem;top:1rem}
.sumat-skip:hover{color:#fff}

/* the chord marker: two voices crossing, used on every label */
.sumat-eyebrow{display:flex;align-items:center;gap:.8rem;margin:0 0 .9rem;max-width:none;font-family:var(--label);font-weight:400;font-size:1rem;line-height:1.3;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}
.sumat-eyebrow::before{content:"";flex:none;width:3.1rem;height:.7rem;background:linear-gradient(90deg,var(--indigo) 0 66%,transparent 66%),linear-gradient(90deg,transparent 0 34%,var(--madder) 34%);background-blend-mode:multiply}

/* header: open air under the canopy */
.sumat-head{position:relative;z-index:20;padding:.4rem 0 .2rem;background:var(--sun);border-bottom:1px solid var(--rule)}
.sumat-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.1rem 2rem}
.sumat-brand{display:inline-flex;align-items:center;min-height:48px;font-family:var(--label);font-weight:600;font-size:1.35rem;letter-spacing:.01em;color:var(--ink);text-decoration:none}
.sumat-brand img{display:none}
.sumat-brand:hover{color:var(--indigo)}
.sumat-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 1.5rem}
.sumat-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:none;font-family:var(--label);font-weight:600;font-size:1.0625rem;letter-spacing:.02em;border-bottom:3px solid transparent;margin-top:3px;transition:border-color .25s var(--ease)}
.sumat-links a:not(.sumat-cta):hover{color:var(--ink);border-bottom-color:var(--saffron)}
.sumat-links a.sumat-cta{background:var(--indigo)!important;color:#fff!important;padding:0 1.3rem;border-bottom:0;margin:3px 0 0 .3rem;border-radius:2px;box-shadow:5px 5px 0 -1px var(--saffron)}
.sumat-links a.sumat-cta:hover{background:var(--indigo-deep)!important;color:#fff!important}
.sumat-menu{display:none}

/* weather: a saffron strip of tissue */
.sumat-wx{background:var(--w-saffron);color:var(--ink);border-bottom:1px solid var(--rule)}
.sumat-wx-row{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem 2rem;padding:.55rem 0}
.sumat-wx-photo{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;background:none;border:0;padding:0;color:var(--indigo);font:inherit;cursor:pointer}
.sumat-wx-photo img{width:36px;height:36px;border-radius:0;object-fit:cover;border:0;clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%)}
.sumat-wx-photo span{border:0;border-radius:0;padding:0;font-family:var(--label);font-size:1rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:1px}
.sumat-wx-photo:hover span,.sumat-wx-photo[aria-expanded=true] span{background:none;border:0;color:var(--madder);text-decoration-thickness:2px}
.sumat-wx-now{display:flex;align-items:center;gap:.5rem}
.sumat-wx-now strong{font-family:var(--label);font-size:1.6rem;line-height:1.2;font-weight:600;margin-right:.5rem}
.sumat-wx-now span{font-size:1rem}
.sumat-wx-now small{display:inline;font-size:1rem;margin-left:.6rem;opacity:1}
.sumat-wx-icon{display:inline-flex;color:var(--indigo)}
.sumat-wx-icon svg{width:26px;height:26px}
.sumat-wx-days{display:flex;flex-wrap:wrap;gap:.1rem 1.8rem;list-style:none;margin:0;padding:0}
.sumat-wx-days li{display:flex;align-items:center;flex-wrap:wrap;gap:0 .45rem;border:0;border-radius:0;padding:0;min-width:0;font-size:1rem}
.sumat-wx-day{font-family:var(--label);font-weight:600;letter-spacing:.06em;color:var(--ink)}
.sumat-wx-glyph{display:inline-flex;color:var(--indigo)}.sumat-wx-glyph svg{width:22px;height:22px}
.sumat-wx-hl strong{font-weight:700;font-size:1rem}.sumat-wx-hl em{font-style:normal;margin-left:.3rem;opacity:1}
.sumat-wx-cond{max-width:none;white-space:normal;opacity:1;font-size:1rem;overflow:visible;text-overflow:clip}
.sumat-wx-source{margin-left:auto;font-family:var(--label);font-size:1rem;letter-spacing:.04em;opacity:1;color:var(--ink-soft)}
.sumat-wx-panel{padding:0 0 1rem}.sumat-wx-panel img{border-radius:2px;max-width:600px;width:100%;background:var(--sun-2)}.sumat-wx-panel p{font-size:1rem;color:var(--ink-soft);opacity:1;margin:.5rem 0 0}
@media (max-width:700px){.sumat-wx-source{margin-left:0;width:100%}.sumat-wx-days{flex-direction:column;gap:.1rem}.sumat-wx-now strong{font-size:1.45rem}}

/* hero: the canopy hangs across the top, the headline stands in the open field below */
.sumat-hero{position:relative;overflow:hidden;padding:calc(clamp(130px,16vw,230px) + 1.2rem) 0 clamp(3rem,6vw,5rem);background:var(--sun)}
.sumat-canopy{position:absolute;top:0;left:0;width:100%;height:clamp(130px,16vw,230px);pointer-events:none;isolation:isolate}
.sumat-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr);gap:2rem clamp(2rem,5vw,5rem);align-items:end}
.sumat-hero h1{margin:0;max-width:13em}
.sumat-lead{font-size:1.2rem;line-height:1.7;max-width:34rem;margin:1.4rem 0 0;color:var(--ink)}
.sumat-acts{margin:2rem 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.8rem;max-width:none}
.sumat-hero-side{align-self:end}
.sumat-trust{display:grid;gap:.5rem;margin:0;padding:0;list-style:none;font-size:1.0625rem}
.sumat-trust li{position:relative;padding:.7rem 1rem .7rem 1.25rem;line-height:1.35;color:var(--ink);background:var(--w-indigo);border-left:6px solid var(--indigo)}
.sumat-trust li:nth-child(2){background:var(--w-madder);border-left-color:var(--madder);margin-left:1.2rem}
.sumat-trust li:nth-child(3){background:var(--w-saffron);border-left-color:var(--saffron);margin-left:.4rem}
.sumat-trust li:nth-child(4){background:rgba(94,44,130,.1);border-left-color:var(--violet);margin-left:1.6rem}

.sumat-btn{display:inline-flex;align-items:center;gap:.6rem;min-height:52px;padding:0 1.8rem;border:0;border-radius:2px;background:var(--indigo);color:#fff;font-family:var(--label);font-size:1.125rem;font-weight:600;letter-spacing:.03em;text-decoration:none;cursor:pointer;transition:background .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease)}
.sumat-btn span{transition:transform .3s var(--ease)}
.sumat-btn:hover span{transform:translateX(4px)}
.sumat-btn--primary{background:var(--indigo);color:#fff;box-shadow:6px 6px 0 -1px var(--saffron)}
.sumat-btn--primary:hover{background:var(--indigo-deep);color:#fff;box-shadow:9px 9px 0 -1px var(--saffron);transform:translate(-2px,-2px)}
.sumat-btn--ghost{background:none;color:var(--ink);padding:0 .1rem;min-height:44px;font-weight:600;border:0;border-radius:0;border-bottom:2px solid var(--madder);box-shadow:none}
.sumat-btn--ghost:hover{background:none;color:var(--madder);transform:none}
.sumat-btn[disabled]{opacity:.6;cursor:progress}
.sumat-btn--primary[disabled]:hover{transform:none;box-shadow:6px 6px 0 -1px var(--saffron)}

/* mosaic: three photographs, each under its own tinted lane with a label pinned to the tensioned edge */
.sumat-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(1rem,2.4vw,2.2rem);align-items:start;margin-top:clamp(3rem,6vw,5rem)}
.sumat-mosaic a{position:relative;display:block;color:var(--ink);text-decoration:none;background:none;border-radius:0;overflow:visible;aspect-ratio:auto}
.sumat-mosaic a:first-child{grid-column:auto;aspect-ratio:auto}
.sumat-mosaic a:nth-child(2){margin-top:1.6rem}
.sumat-mosaic a:nth-child(3){margin-top:.6rem}
.sumat-mosaic img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:none}
.sumat-mosaic a:hover img{transform:none}
.sumat-mosaic a::after{content:"";position:absolute;left:0;right:0;top:0;aspect-ratio:7/1;background:var(--indigo);opacity:.6;mix-blend-mode:multiply;pointer-events:none}
.sumat-mosaic a:nth-child(2)::after{background:var(--madder);opacity:.55;top:30%}
.sumat-mosaic a:nth-child(3)::after{background:var(--saffron);opacity:.7;top:12%}
.sumat-mosaic span{position:static;display:block;padding:.85rem 1rem 1.5rem;background:var(--indigo);color:#fff;font-family:var(--label);font-weight:600;font-size:1.0625rem;letter-spacing:.04em;line-height:1.3;border-top:0;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/18px 11px repeat-x,linear-gradient(#000 0 0) top/100% calc(100% - 10px) no-repeat;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/18px 11px repeat-x,linear-gradient(#000 0 0) top/100% calc(100% - 10px) no-repeat}
.sumat-mosaic a:nth-child(2) span{background:var(--madder)}
.sumat-mosaic a:nth-child(3) span{background:var(--saffron);color:var(--ink)}
.sumat-mosaic a:hover span{text-decoration:underline;text-underline-offset:.25em}

/* sections: every one opens under a pair of crossing bands */
.sumat-section{position:relative;padding:clamp(4.5rem,9vw,7.5rem) 0 clamp(3rem,6vw,5rem);background:var(--sun);color:var(--ink)}
.sumat-section::before{content:"";position:absolute;left:0;right:0;top:0;height:14px;background:linear-gradient(90deg,transparent 0 var(--a1,0%),var(--indigo) var(--a1,0%) var(--a2,60%),transparent var(--a2,60%)),linear-gradient(90deg,transparent 0 var(--b1,40%),var(--madder) var(--b1,40%) var(--b2,100%),transparent var(--b2,100%));background-blend-mode:multiply;opacity:.8}
.sumat-section--lane1{--a1:0%;--a2:62%;--b1:38%;--b2:100%}
.sumat-section--lane2{--a1:20%;--a2:100%;--b1:0%;--b2:55%}
.sumat-section--lane3{--a1:0%;--a2:45%;--b1:30%;--b2:80%}
.sumat-section--lane4{--a1:35%;--a2:100%;--b1:0%;--b2:70%}
.sumat-section--soft{background:var(--sun-2)}
.sumat-section--wash{background:linear-gradient(180deg,var(--w-saffron),rgba(242,164,19,.08)),var(--sun)}
.sumat-section--deep{background:var(--indigo-deep);color:#fff}
.sumat-section--deep h2,.sumat-section--deep a{color:#fff}
.sumat-section--last{padding-bottom:clamp(5rem,9vw,7rem)}
.sumat-head2{max-width:44rem}
.sumat-cols{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.sumat-card{background:#fff;border:1px solid var(--rule);border-radius:0;padding:1.3rem}

/* three steps: three banners hung at different heights */
.sumat-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem clamp(1.2rem,3vw,2.6rem);margin-top:clamp(2rem,4vw,3.5rem);align-items:start}
.sumat-steps>.sumat-card{position:relative;border:0;border-top:10px solid var(--indigo);padding:1.4rem 1.4rem 2.6rem;background:var(--w-indigo);-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/22px 14px repeat-x,linear-gradient(#000 0 0) top/100% calc(100% - 13px) no-repeat;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/22px 14px repeat-x,linear-gradient(#000 0 0) top/100% calc(100% - 13px) no-repeat}
.sumat-steps>.sumat-card:nth-child(2){margin-top:2.2rem;border-top-color:var(--madder);background:var(--w-madder)}
.sumat-steps>.sumat-card:nth-child(3){margin-top:4.4rem;border-top-color:var(--saffron);background:var(--w-saffron)}
.sumat-steps h3{margin:0 0 .6rem}
.sumat-steps p{margin:0}
.sumat-num{display:block;margin:0 0 .5rem;font-family:var(--label);font-weight:600;font-size:3.4rem;line-height:1;color:var(--indigo)}
.sumat-steps>.sumat-card:nth-child(2) .sumat-num{color:var(--madder)}
.sumat-steps>.sumat-card:nth-child(3) .sumat-num{color:var(--ink)}
@media (max-width:900px){.sumat-steps{grid-template-columns:1fr}.sumat-steps>.sumat-card:nth-child(2){margin-top:0;margin-left:1.2rem}.sumat-steps>.sumat-card:nth-child(3){margin-top:0;margin-left:2.4rem}}

/* learn: four short banners */
.sumat-learn-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem clamp(1.2rem,3vw,2.6rem);margin-top:clamp(2rem,4vw,3rem)}
.sumat-learn-list>a.sumat-card{display:block;border:0;border-top:10px solid var(--indigo);background:var(--w-indigo);padding:1.3rem 1.4rem 2.4rem;color:var(--ink);text-decoration:none;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/22px 14px repeat-x,linear-gradient(#000 0 0) top/100% calc(100% - 13px) no-repeat;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/22px 14px repeat-x,linear-gradient(#000 0 0) top/100% calc(100% - 13px) no-repeat}
.sumat-learn-list>a.sumat-card:nth-child(2){border-top-color:var(--madder);background:var(--w-madder);margin-top:1.4rem}
.sumat-learn-list>a.sumat-card:nth-child(3){border-top-color:var(--saffron);background:var(--w-saffron)}
.sumat-learn-list>a.sumat-card:nth-child(4){border-top-color:var(--violet);background:rgba(94,44,130,.1);margin-top:1.4rem}
.sumat-learn-list>a.sumat-card h3{margin:0 0 .45rem;color:var(--ink)}
.sumat-learn-list>a.sumat-card p{margin:0;color:var(--ink-soft)}
.sumat-learn-list>a.sumat-card:hover h3{color:var(--madder);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}
@media (max-width:700px){.sumat-learn-list{grid-template-columns:1fr}.sumat-learn-list>a.sumat-card:nth-child(n){margin-top:0}}

/* why Los Angeles */
.sumat-why{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:2rem clamp(2rem,6vw,6rem);align-items:start}
.sumat-why-text p{max-width:38rem}
.sumat-why-links{margin-top:1.8rem;padding-top:1.2rem;border-top:2px solid var(--ink)}
.sumat-why-links p{margin:0}
@media (max-width:900px){.sumat-why{grid-template-columns:1fr}}
.sumat-rates-note p{max-width:40rem;margin:1.2rem 0 0;color:var(--ink-soft)}

/* quote form: choices are tickets; the chosen one is filled and carries a check, so state never rests on colour */
.sumat-quote{margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.sumat-quote h2{font-size:clamp(1.9rem,3.6vw,3rem)}
.sumat-quote[data-quote-form]{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr);gap:1.2rem clamp(2rem,6vw,5rem);align-items:start}
.sumat-lead+.sumat-quote[data-quote-form]{margin-top:2.6rem}
.sumat-quote[data-quote-form]>h2{grid-column:1;grid-row:1/span 4;max-width:18rem}
.sumat-quote[data-quote-form]>:not(h2){grid-column:2}
.sumat-quote[data-quote-form]>.sumat-btn{justify-self:start}
@media (max-width:900px){.sumat-quote[data-quote-form]{display:block}.sumat-quote[data-quote-form]>h2{max-width:none;margin-bottom:1.4rem}}
form.sumat-quote:not([data-quote-form]){max-width:46rem;background:#fff;padding:clamp(1.2rem,3vw,2rem);border-top:10px solid var(--indigo);box-shadow:8px 8px 0 -1px var(--w-saffron)}
.sumat-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem 2rem}
@media (max-width:600px){.sumat-fields{grid-template-columns:1fr;gap:1.4rem}}
.sumat-field{display:flex;flex-direction:column;gap:.4rem;min-width:0}
.sumat-field--wide{grid-column:1/-1}
.sumat-field>span{font-family:var(--label);font-weight:600;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.sumat-field input:not([type=radio]),.sumat-field select,.sumat-field textarea{font:inherit;color:var(--ink);background:#fff;border:1.5px solid var(--ink-soft);border-radius:2px;min-height:48px;padding:.4rem .75rem;width:100%}
.sumat-field select{appearance:none;-webkit-appearance:none;padding-right:2.2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M0 0h14L7 9z' fill='%232B2E9A'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center}
.sumat-field textarea{min-height:9rem;resize:vertical;padding:.6rem .75rem}
.sumat-field input:focus,.sumat-field select:focus,.sumat-field textarea:focus{outline:3px solid var(--saffron);outline-offset:1px;border-color:var(--indigo)}
.sumat-seg{display:flex;flex-wrap:wrap;gap:.5rem .6rem}
.sumat-seg label{position:relative;display:inline-flex;border:0;border-radius:0;padding:0;background:none;cursor:pointer}
.sumat-seg input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.sumat-seg label span{display:inline-flex;align-items:center;gap:.5rem;min-height:46px;padding:0 1.1rem;margin:0;border:1.5px solid var(--ink-soft);border-radius:2px;background:#fff;color:var(--ink);font-family:var(--label);font-weight:600;font-size:1.0625rem;letter-spacing:.02em;transition:background .2s var(--ease),color .2s var(--ease)}
.sumat-seg label span::before{content:"";flex:none;width:.7rem;height:.7rem;border:1.5px solid var(--ink-soft);border-radius:50%;background:#fff}
.sumat-seg label:hover span{background:var(--w-indigo)}
.sumat-seg input:checked+span{background:var(--indigo);color:#fff;border-color:var(--indigo);margin:0;padding:0 1.1rem;border-radius:2px;display:inline-flex;box-shadow:4px 4px 0 -1px var(--saffron)}
.sumat-seg input:checked+span::before{background:var(--saffron);border-color:var(--saffron);box-shadow:inset 0 0 0 2px var(--indigo)}
.sumat-seg label:has(input:checked){background:none;border:0}
.sumat-seg input:focus-visible+span{outline:3px solid var(--madder);outline-offset:2px}
.sumat-note{margin:.6rem 0 0;font-size:1rem;line-height:1.55;color:var(--ink-soft);max-width:34rem}
.sumat-status{margin-top:.8rem;min-height:1.5em;font-family:var(--label);font-weight:600;font-size:1.0625rem}
.sumat-status[data-tone=error]{color:var(--alert)}
.sumat-results{margin-top:2.2rem}

/* results */
.sumat-summary{display:flex;flex-wrap:wrap;gap:.3rem 1.6rem;align-items:baseline;margin-bottom:1rem;padding-bottom:.8rem;font-size:1.0625rem;border-bottom:2px solid var(--ink)}
.sumat-result{display:grid;grid-template-columns:1fr auto;gap:.6rem 1.4rem;align-items:center;border:0;border-bottom:1px solid var(--rule);border-left:6px solid var(--indigo);border-radius:0;padding:1.1rem 0 1.2rem 1rem;margin:0;background:none}
.sumat-result:nth-of-type(3n+2){border-left-color:var(--madder)}
.sumat-result:nth-of-type(3n){border-left-color:var(--saffron)}
.sumat-result--best{background:var(--w-saffron);border-left-width:12px;border-bottom-color:var(--saffron)}
.sumat-result strong{font-family:var(--label);font-size:1.25rem;font-weight:600}
.sumat-result small{display:block;color:var(--ink-soft);font-size:1rem}
.sumat-price{font-family:var(--label);font-size:2rem;font-weight:600;text-align:right;line-height:1;color:var(--ink);padding-right:.8rem}
.sumat-price small{display:block;font-family:var(--body);font-size:1rem;font-weight:400;text-align:right;margin-top:.3rem;color:var(--ink-soft)}
.sumat-tags{display:flex;flex-wrap:wrap;gap:.35rem .5rem;margin-top:.4rem}
.sumat-tag{font-family:var(--label);font-size:1rem;font-weight:600;padding:0 .6rem;line-height:1.55;border-radius:0;background:#fff;border:1.5px solid var(--ink-soft);color:var(--ink)}
.sumat-tag--now{background:var(--madder);color:#fff;border-color:var(--madder)}
.sumat-group{font-size:1.45rem;margin:2.2rem 0 .4rem}
.sumat-result .sumat-btn{grid-column:1/-1;justify-self:start}
@media (min-width:640px){.sumat-result{grid-template-columns:1fr auto auto}.sumat-result .sumat-btn{grid-column:auto}}
.sumat-applicant{margin:1rem 0 1.5rem;padding:.4rem 0 .4rem 1.4rem;border:0;border-left:6px solid var(--violet);max-width:none}
.sumat-applicant h3{font-size:1.35rem}
.sumat-disclosure{font-size:1rem;color:var(--ink-soft);border-top:1px solid var(--rule);padding-top:.9rem;margin-top:1.5rem;max-width:none}
details.sumat-more{margin-top:.5rem;font-size:1.0625rem}details.sumat-more summary{cursor:pointer;color:var(--indigo);font-family:var(--label);font-weight:600;min-height:44px;display:flex;align-items:center}
.sumat-noexam{background:var(--w-indigo);border:0;border-top:10px solid var(--indigo);border-radius:0;box-shadow:none;padding:1.1rem 1.4rem 1rem;margin:0 0 2rem}
.sumat-group--noexam{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:0;font-size:1.4rem}
.sumat-noexam-badge{display:inline-block;background:var(--indigo);color:#fff;font-family:var(--label);font-size:1rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.1rem .7rem;border-radius:0}
.sumat-noexam-note{margin-bottom:.9rem;color:var(--ink)}
.sumat-result--noexam{background:#fff}
.sumat-tag--noexam{background:var(--indigo);color:#fff;border-color:var(--indigo)}
.sumat-tag--usually{background:var(--w-saffron);color:var(--ink);border-color:var(--ink-soft)}
.sumat-noexam-note+.sumat-noexam-note{margin-top:1rem;padding-top:.9rem;border-top:1px dashed var(--ink-soft)}

/* rates table: one column per voice, tinted so the lanes read straight down */
.sumat-table-wrap{margin-top:2.2rem;overflow-x:auto}
.sumat-table{width:100%;border-collapse:collapse;font-size:1.0625rem;font-variant-numeric:tabular-nums lining-nums;min-width:30rem}
.sumat-table th,.sumat-table td{padding:1rem 1rem;border-bottom:1px solid var(--rule);text-align:left}
.sumat-table th{font-family:var(--label);font-weight:600;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);border-bottom:3px solid var(--ink);vertical-align:bottom;line-height:1.3}
.sumat-table td:first-child{font-family:var(--label);font-weight:600;font-size:1.1875rem;padding-left:0}
.sumat-table th:first-child{padding-left:0}
.sumat-table th:not(:first-child),.sumat-table td:not(:first-child){text-align:right}
.sumat-table th:nth-child(2),.sumat-table td:nth-child(2){background:var(--w-indigo)}
.sumat-table th:nth-child(3),.sumat-table td:nth-child(3){background:var(--w-madder)}
.sumat-table th:nth-child(4),.sumat-table td:nth-child(4){background:var(--w-saffron)}
.sumat-table td:nth-child(2){font-weight:700}
.sumat-table tbody tr:hover td:first-child{color:var(--madder)}
@media (max-width:600px){.sumat-table{min-width:0}.sumat-table th,.sumat-table td{padding:.8rem .5rem}.sumat-table th{letter-spacing:.04em;font-size:1rem;overflow-wrap:anywhere}.sumat-table td:first-child{font-size:1.0625rem}}

/* inner pages */
.sumat-article{max-width:74rem;margin-inline:auto}
.sumat-article>*{max-width:44rem}
.sumat-article h1{max-width:20em;margin-bottom:.5em}
.sumat-article h2{margin-top:2em;font-size:clamp(1.55rem,2.8vw,2.2rem)}
.sumat-article figure{margin:0 0 2rem;max-width:46rem}
.sumat-article figcaption{font-size:1rem;color:var(--ink-soft);margin-top:.5rem}
.sumat-article img{border-radius:0}
.sumat-article .sumat-lead{font-size:1.2rem;margin-bottom:1.4rem}
.sumat-sources{font-size:1.0625rem;border-top:2px solid var(--ink);padding-top:1rem;margin-top:2rem}.sumat-sources ol{padding-left:1.4rem}
.sumat-faq details{border-bottom:1px solid var(--rule);padding:.5rem 0}
.sumat-faq summary{cursor:pointer;font-family:var(--label);font-weight:600;font-size:1.3rem;line-height:1.3;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;padding:.4rem 0}
.sumat-faq summary::-webkit-details-marker{display:none}
.sumat-faq summary::after{content:"+";font-family:var(--label);font-weight:400;font-size:1.9rem;color:var(--madder);flex:none;line-height:1}
.sumat-faq details[open] summary::after{content:"\2212"}
.sumat-faq summary:hover{color:var(--indigo)}
.sumat-card.sumat-calc,.sumat-calc{background:var(--w-indigo);border:0;border-top:10px solid var(--indigo);border-radius:0;padding:1.3rem 1.4rem 1.5rem;margin:1.8rem 0}
.sumat-calc h2{margin-top:0}
.sumat-calc output{display:block;margin-top:1.2rem;font-family:var(--label);font-size:2.4rem;font-weight:600;color:var(--indigo)}
.sumat-apply-shell{background:#fff;border:1px solid var(--rule);border-top:10px solid var(--saffron);border-radius:0;padding:1rem;min-height:600px;margin-top:2rem}
.sumat-apply-shell iframe{width:100%;border:0}
[data-reveal]{opacity:1;transform:none}[data-reveal].sumat-in{opacity:1;transform:none}

/* footer: indigo tissue with a fringe of cut points */
.sumat-foot{position:relative;margin-top:clamp(3rem,6vw,5rem);background:var(--indigo-deep);color:#EDEBFA;padding:clamp(4rem,7vw,5.5rem) 0 2.5rem;border:0;font-size:1.0625rem}
.sumat-foot::before{content:"";position:absolute;left:0;right:0;top:0;height:20px;background:linear-gradient(135deg,var(--sun) 25%,transparent 25%) 0 0/28px 20px repeat-x,linear-gradient(225deg,var(--sun) 25%,transparent 25%) 0 0/28px 20px repeat-x}
.sumat-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:2.5rem}
.sumat-foot a{color:#FFD98A}
.sumat-foot a:hover{color:#fff}
.sumat-foot .sumat-brand{color:#fff}
.sumat-foot p{margin:.6rem 0 0;font-size:1.0625rem;max-width:none}
.sumat-foot nav{display:flex;flex-direction:column;align-items:flex-start}
.sumat-foot nav strong{font-family:var(--label);font-weight:600;letter-spacing:.16em;text-transform:uppercase;font-size:1rem;margin-bottom:.4rem;color:#fff}
.sumat-foot nav a{display:inline-flex;align-items:center;min-height:44px;margin:0}
.sumat-foot p[data-copy=legal]{margin-top:2.4rem!important;font-size:1rem!important;line-height:1.7;max-width:48rem;color:#D3D0EE}
@media (max-width:1000px){.sumat-foot-grid{grid-template-columns:1fr 1fr}.sumat-foot-grid>div:first-child{grid-column:1/-1}}
@media (max-width:600px){.sumat-foot-grid{grid-template-columns:1fr}}

/* narrow screens: lanes keep their order; photographs become rows beside their labels */
@media (max-width:900px){
.sumat-hero-grid{grid-template-columns:minmax(0,1fr)}
.sumat-hero h1{max-width:none}
.sumat-mosaic{grid-template-columns:1fr;gap:.9rem}
.sumat-mosaic a,.sumat-mosaic a:nth-child(2),.sumat-mosaic a:nth-child(3){display:grid;grid-template-columns:minmax(0,9.5rem) minmax(0,1fr);align-items:stretch;margin-top:0}
.sumat-mosaic a::after{display:none}
.sumat-mosaic img{height:100%;aspect-ratio:3/2}
.sumat-mosaic span{display:flex;align-items:center;padding:.6rem .9rem;-webkit-mask:none;mask:none}
}
@media (max-width:600px){
.sumat-btn--primary{width:100%;justify-content:center}
.sumat-acts{gap:.3rem 1.5rem}
.sumat-links{gap:0 1rem}
.sumat-links a.sumat-cta{margin-left:0}
.sumat-trust li:nth-child(n){margin-left:0}
.sumat-brand{font-size:1.2rem}
.sumat-mosaic a,.sumat-mosaic a:nth-child(2),.sumat-mosaic a:nth-child(3){grid-template-columns:minmax(0,7.5rem) minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}[data-reveal]{opacity:1;transform:none}}