/* Gardena Life Insurance: a children's taiko class, drawn as a collective plate.
   Cobalt, magenta and lemon on flat grounds; hard edges only; the chosen symbol hovers clear, the rest lie flat. */
@font-face{font-family:"Urbanist";src:url(/assets/font-gg4hu7l4-urbanist-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Urbanist";src:url(/assets/font-gg4hu7l4-urbanist-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url(/assets/font-gg4hu7l4-figtree-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url(/assets/font-gg4hu7l4-figtree-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --cobalt:#1a35c9;--deep:#0b1670;--magenta:#d1167a;--magenta-ink:#a80f5e;--magenta-bg:#be1170;--lemon:#ffe11d;
  --paper:#fffdf0;--tint:#fff3a3;--ink:#0c1456;--muted:#363f86;--line:#0c1456;
  --display:"Urbanist","Arial Narrow",Arial,sans-serif;--body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);--measure:66ch;
  --sig-a:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><rect width='40' height='40' fill='%230c1456'/><circle cx='12' cy='13' r='6' fill='%23ffe11d'/><polygon points='34,34 34,14 14,34' fill='%23d1167a'/></svg>");
  --sig-b:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><rect width='40' height='40' fill='%230c1456'/><polygon points='20,6 34,20 20,34 6,20' fill='%23ffe11d'/><rect x='6' y='32' width='14' height='4' fill='%23d1167a'/></svg>");
  --sig-c:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><rect width='40' height='40' fill='%230c1456'/><rect x='7' y='7' width='26' height='8' fill='%23d1167a'/><circle cx='20' cy='27' r='8' fill='%23ffe11d'/></svg>");
  --sym-drum:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'><circle cx='30' cy='30' r='26' fill='%23d1167a' stroke='%230c1456' stroke-width='4'/><circle cx='30' cy='30' r='17' fill='%23fffdf0' stroke='%230c1456' stroke-width='4'/><circle cx='30' cy='30' r='6' fill='%23ffe11d' stroke='%230c1456' stroke-width='3'/></svg>");
  --sym-sticks:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'><g transform='translate(30 30) rotate(40)'><rect x='-27' y='-5' width='54' height='10' rx='5' fill='%23ffe11d' stroke='%230c1456' stroke-width='3.5'/></g><g transform='translate(30 30) rotate(-40)'><rect x='-27' y='-5' width='54' height='10' rx='5' fill='%231a35c9' stroke='%230c1456' stroke-width='3.5'/></g></svg>");
  --sym-diamond:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'><polygon points='30,4 56,30 30,56 4,30' fill='%23ffe11d' stroke='%230c1456' stroke-width='4' stroke-linejoin='miter'/><polygon points='30,18 42,30 30,42 18,30' fill='%23d1167a'/></svg>");
  --sym-stand:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'><polygon points='30,6 56,54 4,54' fill='%231a35c9' stroke='%230c1456' stroke-width='4' stroke-linejoin='miter'/><rect x='17' y='38' width='26' height='7' fill='%23ffe11d'/></svg>");
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--cobalt);color:#fff;font:400 1.0625rem/1.65 var(--body);overflow-x:clip;
  --fg:#fff;--link:var(--lemon);--link-hover:#fff;--head:#fff;--focus:var(--lemon);--note:#e6e9ff}
::selection{background:var(--lemon);color:var(--ink)}
img{display:block;max-width:100%;height:auto}
a{color:var(--link);text-decoration-thickness:2px;text-underline-offset:.2em}
a:hover{color:var(--link-hover)}
button,input,select,textarea{font:inherit}
:focus-visible{outline:4px solid var(--focus);outline-offset:3px}
h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.08;margin:0 0 .55em;letter-spacing:-.005em;color:var(--head);text-wrap:balance}
h1{font-size:clamp(2.2rem,5vw,3.9rem)}
h2{font-size:clamp(1.9rem,3.8vw,3rem)}
h3{font-size:1.35rem;line-height:1.2;color:var(--fg)}
p{margin:0 0 1em;max-width:var(--measure)}
strong{font-weight:700}
.strwk-wrap{width:min(100% - 2rem,76rem);margin-inline:auto}
.strwk-skip{position:absolute;left:-999px;top:0;background:var(--lemon);color:var(--ink);padding:.75rem 1.1rem;font-weight:700;z-index:99}
.strwk-skip:focus{left:1rem;top:1rem}
.strwk-skip:hover{color:var(--ink)}

/* plates: paper surfaces with a hard edge, a hard shadow and a small signature mark locked to the bottom-right corner */
.strwk-card,.strwk-quote,.strwk-article,.strwk-apply-shell,.strwk-table-wrap{--fg:var(--ink);--link:var(--cobalt);--link-hover:var(--magenta-ink);--head:var(--cobalt);--focus:var(--cobalt);--note:var(--muted);color:var(--ink)}
.strwk-band--how,.strwk-band--rates{--fg:var(--ink);--link:var(--cobalt);--link-hover:var(--magenta-ink);--head:var(--ink);--focus:var(--cobalt);--note:var(--muted);color:var(--ink)}
.strwk-card,.strwk-quote,.strwk-article,.strwk-apply-shell{position:relative;background:var(--paper);border:4px solid var(--ink);border-radius:0;box-shadow:8px 8px 0 var(--magenta)}
.strwk-card::after,.strwk-quote::after,.strwk-article::after,.strwk-apply-shell::after{content:"";position:absolute;right:-4px;bottom:-4px;width:34px;height:34px;background:var(--sig-a) center/cover;pointer-events:none}
.strwk-cols>*:nth-child(3n+2)::after{background-image:var(--sig-b)}
.strwk-cols>*:nth-child(3n+3)::after{background-image:var(--sig-c)}
.strwk-quote::after{background-image:var(--sig-b)}
.strwk-apply-shell::after{background-image:var(--sig-c)}

/* header */
.strwk-head{position:sticky;top:0;z-index:30;background:var(--deep);border-bottom:5px solid var(--lemon)}
.strwk-nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;min-height:68px}
.strwk-brand{display:inline-flex;align-items:center;gap:.8rem;min-height:48px;color:#fff;text-decoration:none;font:800 1.35rem/1.1 var(--display)}
.strwk-brand:hover{color:var(--lemon)}
.strwk-brand img{display:none}
.strwk-brand::before{content:"";flex:none;width:36px;height:36px;border-radius:50%;border:6px solid var(--magenta);background:radial-gradient(circle,var(--lemon) 0 28%,var(--paper) 30%);transition:transform .6s var(--ease)}
.strwk-brand:hover::before{transform:translate(-2px,-4px)}
.strwk-links{display:flex;align-items:center;gap:.2rem 1.6rem}
.strwk-links a{display:inline-flex;align-items:center;min-height:48px;color:#fff;text-decoration:none;font:700 1.0625rem/1.2 var(--body);background:linear-gradient(var(--lemon),var(--lemon)) left 78%/0 4px no-repeat;transition:background-size .3s var(--ease)}
.strwk-links a:hover{color:#fff;background-size:100% 4px}
.strwk-links a.strwk-cta{background:var(--lemon);color:var(--ink);padding:0 1.3rem;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--magenta);font-family:var(--display);font-weight:800;font-size:1.1rem;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.strwk-links a.strwk-cta:hover{color:var(--ink);transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--magenta)}
.strwk-menu{display:none;align-items:center;justify-content:center;min-width:48px;min-height:48px;background:var(--deep);border:3px solid var(--lemon);border-radius:0;color:var(--lemon);cursor:pointer}
@media (max-width:760px){
  .strwk-menu{display:inline-flex}
  .strwk-links{display:none;position:absolute;left:0;right:0;top:100%;background:var(--deep);border-bottom:5px solid var(--lemon);flex-direction:column;align-items:stretch;padding:1rem 1rem 1.4rem;gap:.3rem}
  .strwk-links[data-open]{display:flex}
  .strwk-links a.strwk-cta{justify-content:center;margin-top:.5rem}
}

/* weather: one deep strip */
.strwk-wx{background:var(--deep);color:#fff;border-bottom:4px solid var(--ink)}
.strwk-wx-row{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.6rem;padding:.9rem 0}
.strwk-wx-photo{display:inline-flex;align-items:center;gap:.7rem;min-height:48px;background:none;border:0;padding:0;color:#fff;cursor:pointer}
.strwk-wx-photo img{width:48px;height:48px;border-radius:0;object-fit:cover;border:3px solid #fff}
.strwk-wx-photo span{min-height:44px;display:inline-flex;align-items:center;border:3px solid var(--lemon);border-radius:0;padding:.2rem .9rem;color:var(--lemon);font:800 1rem/1 var(--display);letter-spacing:.04em;text-transform:uppercase}
.strwk-wx-photo:hover span,.strwk-wx-photo[aria-expanded=true] span{background:var(--lemon);border-color:var(--lemon);color:var(--ink)}
.strwk-wx-now{display:flex;align-items:center;gap:.7rem}
.strwk-wx-now strong{font:800 2.2rem/1 var(--display);color:#fff}
.strwk-wx-now span{font-size:1.0625rem}
.strwk-wx-now small{display:block;font-size:.95rem;opacity:1;color:#dfe3ff}
.strwk-wx-icon{display:inline-flex;color:var(--lemon)}
.strwk-wx-icon svg{width:30px;height:30px}
.strwk-wx-days{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:0;padding:0}
.strwk-wx-days li{display:grid;grid-template-columns:auto auto;column-gap:.6rem;align-items:center;border:3px solid #fff;border-radius:0;padding:.35rem .7rem;font-size:.95rem;min-width:124px;background:var(--cobalt)}
.strwk-wx-day{font-weight:700;color:var(--lemon)}
.strwk-wx-glyph{grid-row:1/3;grid-column:2;color:#fff}
.strwk-wx-glyph svg{width:24px;height:24px}
.strwk-wx-hl strong{font-size:1.0625rem}
.strwk-wx-hl em{font-style:normal;margin-left:.3rem;opacity:1;color:#dfe3ff}
.strwk-wx-cond{grid-column:1/3;font-size:.9rem;opacity:1;color:#fff;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.strwk-wx-source{margin-left:auto;font-size:.9rem;opacity:1;color:#dfe3ff}
.strwk-wx-panel{padding:0 0 1.1rem}
.strwk-wx-panel img{max-width:600px;width:100%;border:4px solid #fff;border-radius:0;background:var(--ink)}
.strwk-wx-panel p{font-size:.95rem;opacity:1;color:#dfe3ff;margin:.6rem 0 0}
@media (max-width:700px){.strwk-wx-source{margin-left:0;width:100%}.strwk-wx-now strong{font-size:1.9rem}}

/* eyebrow: a plain caption with a small square, never a chip */
.strwk-eyebrow{display:flex;align-items:center;gap:.6rem;margin:0 0 1.1rem;font:700 1.0625rem/1.3 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--fg)}
.strwk-eyebrow::before{content:"";flex:none;width:14px;height:14px;background:var(--magenta);border:3px solid currentColor;transform:rotate(45deg)}
.strwk-article .strwk-eyebrow,.strwk-card .strwk-eyebrow{color:var(--magenta-ink)}
.strwk-lead{font-size:1.25rem;line-height:1.55;max-width:var(--measure);color:var(--fg)}

/* sections */
.strwk-section{padding:clamp(2rem,5vw,3.75rem) 0}
.strwk-section--soft,.strwk-section--deep{background:none;color:inherit}
.strwk-band{padding:clamp(2.75rem,6.5vw,5rem) 0}
.strwk-sechead{display:flex;flex-direction:column}
.strwk-sechead h2{order:1;margin-bottom:.3em}
.strwk-sechead .strwk-eyebrow{order:2;margin-bottom:1.6rem}
.strwk-band--how .strwk-sechead{margin-bottom:2.2rem}

/* hero */
.strwk-hero{padding:clamp(2.5rem,6vw,4.75rem) 0 clamp(2.75rem,6vw,5rem);background:var(--cobalt)}
.strwk-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:2.5rem clamp(2rem,5vw,5rem);align-items:center}
.strwk-hero h1{font-size:clamp(2.5rem,5.8vw,4.9rem);line-height:1;color:#fff;text-shadow:4px 4px 0 var(--deep);margin-bottom:.45em}
.strwk-hero .strwk-lead{max-width:34em}
.strwk-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1.6rem;margin:1.6rem 0 0;padding:0;list-style:none;font-size:1.0625rem;font-weight:700}
.strwk-trust li{display:flex;align-items:flex-start;gap:.7rem;line-height:1.35}
.strwk-trust li::before{content:"";flex:none;width:20px;height:20px;margin-top:.1rem;background:var(--lemon);border:3px solid #fff}
.strwk-trust li:nth-child(2)::before{background:var(--magenta);border-radius:50%}
.strwk-trust li:nth-child(3)::before{background:#fff;border-color:var(--lemon);transform:rotate(45deg) scale(.82)}
.strwk-trust li:nth-child(4)::before{background:var(--lemon);border-radius:50%}
.strwk-acts{display:flex;flex-wrap:wrap;gap:1rem 1.2rem;margin:2.2rem 0 0;max-width:none}
.strwk-hero-art{min-width:0}
.strwk-drum{display:block;width:100%;max-width:520px;height:auto;margin-inline:auto;overflow:visible}
.strwk-hero-art .strwk-eyebrow{max-width:520px;margin:1rem auto 0;justify-content:center}
@keyframes strwk-drift{from{transform:translate(0,0)}to{transform:translate(0,-14px)}}
@keyframes strwk-drift2{from{transform:translate(0,0)}to{transform:translate(8px,-10px)}}
.strwk-fl{animation:strwk-drift 7s ease-in-out infinite alternate}
.strwk-fl2{animation-name:strwk-drift2;animation-duration:9s}
.strwk-fl3{animation:none}
.strwk-fl4{animation-duration:11s;animation-delay:-4s}
@media (max-width:900px){
  .strwk-hero-grid{grid-template-columns:1fr}
  .strwk-hero-art{order:-1;max-width:300px;margin-inline:auto}
  .strwk-hero-art .strwk-eyebrow{display:none}
}
@media (max-width:520px){.strwk-trust{grid-template-columns:1fr}.strwk-hero-art{max-width:230px}}

/* buttons */
.strwk-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:52px;padding:.7rem 1.6rem;border:3px solid var(--ink);border-radius:0;font:800 1.15rem/1.1 var(--display);text-decoration:none;cursor:pointer;color:var(--ink);transition:transform .5s var(--ease),box-shadow .5s var(--ease),background-color .3s}
.strwk-btn--primary{background:var(--lemon);color:var(--ink);box-shadow:5px 5px 0 var(--magenta)}
.strwk-btn--ghost{background:var(--paper);color:var(--ink);box-shadow:5px 5px 0 var(--ink)}
.strwk-hero .strwk-btn--ghost{box-shadow:5px 5px 0 var(--deep)}
.strwk-btn:hover{color:var(--ink);transform:translate(-3px,-4px);box-shadow:8px 9px 0 var(--ink)}
.strwk-btn--primary:hover{box-shadow:8px 9px 0 var(--magenta)}
.strwk-btn:active{transform:none;box-shadow:2px 2px 0 var(--ink);transition-duration:.1s}
.strwk-btn[disabled]{background:#d8d8c8;color:#3d4270;cursor:progress;box-shadow:none;transform:none}
.strwk-btn:focus-visible{outline-color:var(--lemon)}
.strwk-quote .strwk-btn:focus-visible,.strwk-article .strwk-btn:focus-visible{outline-color:var(--cobalt)}

/* how it works: lemon band, three drumheads */
.strwk-band--how{background:var(--lemon)}
.strwk-band--how h2{color:var(--ink)}
.strwk-cols{display:grid;gap:2.2rem 1.8rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.strwk-steps .strwk-card{padding:3.4rem 1.4rem 2.2rem;box-shadow:8px 8px 0 var(--ink)}
.strwk-steps .strwk-card:nth-child(2){margin-top:1.2rem}
.strwk-steps .strwk-card:nth-child(3){margin-top:2.4rem}
.strwk-num{position:absolute;top:-30px;left:1.2rem;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--paper);border:7px solid var(--cobalt);color:var(--ink);font:800 1.6rem/1 var(--display);transition:transform .7s var(--ease)}
.strwk-num::after{content:"";position:absolute;inset:-15px;border-radius:50%;border:4px dotted var(--ink)}
.strwk-card:nth-child(2) .strwk-num{border-color:var(--magenta-bg)}
.strwk-card:nth-child(3) .strwk-num{border-color:var(--ink)}
.strwk-card:hover .strwk-num{transform:translate(-3px,-6px)}
.strwk-card h3{color:var(--ink);margin-top:.4rem}
.strwk-card p:last-child{margin-bottom:0}

/* quote plate */
.strwk-band--quote{background:var(--cobalt)}
.strwk-section--soft .strwk-quote,.strwk-band--quote .strwk-quote{box-shadow:10px 10px 0 var(--lemon)}
.strwk-quote{padding:clamp(1.25rem,3.5vw,2.5rem) clamp(1.25rem,3.5vw,2.5rem) clamp(1.75rem,3.5vw,2.75rem);max-width:60rem}
.strwk-quote h2{font-size:clamp(1.7rem,3vw,2.3rem);color:var(--cobalt)}
.strwk-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 1.4rem;margin:1.2rem 0}
@media (max-width:560px){.strwk-fields{grid-template-columns:1fr}}
.strwk-field{display:flex;flex-direction:column;gap:.4rem;min-width:0}
.strwk-field>span{font:700 1.0625rem/1.3 var(--body);color:var(--ink)}
.strwk-field input,.strwk-field select,.strwk-field textarea{width:100%;min-height:50px;padding:.65rem .8rem;border:3px solid var(--ink);border-radius:0;background:#fff;color:var(--ink);font-size:1.0625rem}
.strwk-field textarea{min-height:140px}
.strwk-field input:focus,.strwk-field select:focus,.strwk-field textarea:focus{outline:4px solid var(--cobalt);outline-offset:2px;border-color:var(--ink);background:var(--tint)}
.strwk-field--wide{grid-column:1/-1}
.strwk-seg{display:flex;flex-wrap:wrap;gap:.9rem}
.strwk-seg label{position:relative;display:inline-flex;align-items:center;min-height:50px;padding:.45rem 1.15rem;border:3px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink);cursor:pointer;font-weight:700;font-size:1.0625rem;transition:transform .5s var(--ease),box-shadow .5s var(--ease),background-color .3s}
.strwk-seg label:hover{background:var(--tint)}
.strwk-seg input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.strwk-seg label:has(input:checked){background:var(--lemon);transform:translate(-3px,-4px);box-shadow:5px 6px 0 var(--ink);animation:strwk-hover 6s ease-in-out .6s infinite alternate}
.strwk-seg input:checked+span{font-weight:800}
.strwk-seg label:has(input:focus-visible){outline:4px solid var(--cobalt);outline-offset:3px}
@keyframes strwk-hover{from{transform:translate(-3px,-4px)}to{transform:translate(-4px,-7px)}}
.strwk-note{font-size:.95rem;line-height:1.5;color:var(--note);margin:.8rem 0 0}
.strwk-status{margin-top:.9rem;font-weight:700;min-height:1.4em;color:var(--ink)}
.strwk-status[data-tone=error]{color:#a30f2d}

/* results sit on the ground: paper plates with a price each */
.strwk-results{margin-top:2.4rem;max-width:60rem;color:#fff}
.strwk-results a:not(.strwk-btn){color:var(--lemon)}
.strwk-summary{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;align-items:baseline;margin-bottom:1.2rem;font-size:1.0625rem;color:#fff}
.strwk-group{font-size:1.5rem;margin:2rem 0 .8rem;color:var(--lemon)}
.strwk-applicant{margin:.2rem 0 1.2rem;border-color:var(--lemon);color:#fff}
.strwk-result{--fg:var(--ink);--link:var(--cobalt);--link-hover:var(--magenta-ink);--focus:var(--cobalt);--note:var(--muted);display:grid;grid-template-columns:1fr auto;gap:.7rem 1.4rem;align-items:center;background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:0;padding:1.1rem 1.2rem;margin-bottom:1.1rem;box-shadow:6px 6px 0 var(--deep);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.strwk-result a:not(.strwk-btn){color:var(--cobalt)}
.strwk-result:hover{transform:translate(-2px,-3px);box-shadow:8px 9px 0 var(--deep)}
.strwk-result--best{background:var(--tint);box-shadow:6px 6px 0 var(--magenta)}
.strwk-result--best:hover{box-shadow:8px 9px 0 var(--magenta)}
.strwk-result strong{font:800 1.2rem/1.2 var(--display);color:var(--ink)}
.strwk-result small{display:block;color:var(--muted);font-size:.95rem;line-height:1.4}
.strwk-price{font:800 2rem/1 var(--display);text-align:right;color:var(--cobalt)}
.strwk-price small{display:block;font:700 .9rem/1.2 var(--body);text-align:right;margin-top:.3rem;color:var(--muted)}
.strwk-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}
.strwk-tag{font-size:.875rem;font-weight:700;padding:.12rem .55rem;border-radius:0;background:var(--paper);color:var(--ink);border:2px solid var(--ink)}
.strwk-tag--now{background:var(--magenta-bg);color:#fff;border-color:var(--ink);font-weight:800}
.strwk-result .strwk-btn{grid-column:1/-1;justify-self:start}
@media (min-width:640px){.strwk-result{grid-template-columns:1fr auto auto}.strwk-result .strwk-btn{grid-column:auto}}
.strwk-disclosure{font-size:.95rem;line-height:1.55;color:#e6e9ff;border-top:3px solid var(--lemon);padding-top:1rem;margin-top:1.6rem}
details.strwk-more{margin-top:.6rem;font-size:.95rem}
details.strwk-more summary{cursor:pointer;color:var(--cobalt);font-weight:700;min-height:44px;display:flex;align-items:center}
.strwk-noexam{background:var(--deep);border:4px solid var(--lemon);border-radius:0;padding:1.2rem 1.2rem .5rem;margin:0 0 1.8rem;box-shadow:8px 8px 0 var(--magenta);color:#fff}
.strwk-group--noexam{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:0;font-size:1.4rem;color:#fff}
.strwk-noexam-badge{display:inline-block;background:var(--lemon);color:var(--ink);font:800 .9rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase;padding:.5rem .8rem;border-radius:0}
.strwk-noexam-note{margin-bottom:1rem;color:#fff}
.strwk-noexam-note+.strwk-noexam-note{margin-top:1rem;padding-top:1rem;border-top:3px dotted var(--lemon)}
.strwk-result--noexam{border-color:var(--ink);background:var(--paper)}
.strwk-tag--noexam{background:var(--cobalt);color:#fff;border-color:var(--ink)}
.strwk-tag--usually{background:var(--tint);color:var(--ink);border-color:var(--ink)}

/* tables */
.strwk-table-wrap{overflow-x:auto;background:var(--paper);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--cobalt)}
.strwk-table{width:100%;border-collapse:collapse;font-size:1.0625rem;min-width:30rem}
.strwk-table th,.strwk-table td{padding:.8rem 1rem;border-bottom:2px solid var(--ink);text-align:left}
.strwk-table th{background:var(--cobalt);color:#fff;font:800 .95rem/1.2 var(--display);letter-spacing:.06em;text-transform:uppercase;border-bottom:4px solid var(--ink)}
.strwk-table tbody tr:nth-child(even){background:var(--tint)}
.strwk-table td:first-child{font-weight:700}
.strwk-table tbody tr:last-child td{border-bottom:0}

/* rates band */
.strwk-band--rates{background:var(--paper)}
.strwk-band--rates h2{color:var(--cobalt)}
.strwk-band--rates .strwk-table-wrap{margin-top:1rem}
.strwk-band--rates p{color:var(--ink)}

/* why band, mosaic */
.strwk-band--why{background:var(--deep);color:#fff}
.strwk-band--why h2{color:#fff}
.strwk-why-text{columns:2 22rem;column-gap:3rem}
.strwk-why-text p{max-width:none;break-inside:avoid-column}
.strwk-hl{margin-top:.5rem}
.strwk-hl p{max-width:none;font-weight:700}
.strwk-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.8rem;margin-top:2.4rem}
.strwk-mosaic a{position:relative;display:flex;flex-direction:column;background:var(--ink);border:4px solid #fff;box-shadow:8px 8px 0 var(--magenta);overflow:hidden;color:var(--ink);text-decoration:none;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.strwk-mosaic a:nth-child(2){box-shadow:8px 8px 0 var(--lemon);margin-top:1.4rem}
.strwk-mosaic a:nth-child(3){box-shadow:8px 8px 0 var(--cobalt)}
.strwk-mosaic a:hover{transform:translate(-4px,-6px)}
.strwk-mosaic img{flex:none;width:100%;aspect-ratio:8/5;object-fit:cover}
.strwk-mosaic span{display:block;flex:1;padding:.8rem 3.4rem .8rem 1rem;background:var(--lemon);color:var(--ink);font:800 1.1rem/1.2 var(--display);border-top:4px solid var(--ink)}
.strwk-mosaic a::after{content:"";position:absolute;right:0;bottom:0;width:34px;height:34px;background:var(--sig-a) center/cover}
.strwk-mosaic a:nth-child(2)::after{background-image:var(--sig-b)}
.strwk-mosaic a:nth-child(3)::after{background-image:var(--sig-c)}
@media (max-width:760px){.strwk-mosaic{grid-template-columns:1fr}.strwk-mosaic a:nth-child(2){margin-top:0}}

/* learn: four symbols that sit flat until chosen */
.strwk-band--learn{background:var(--cobalt)}
.strwk-learn-list .strwk-card{display:block;padding:5.4rem 1.4rem 2.6rem;color:var(--ink);text-decoration:none;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.strwk-learn-list .strwk-card h3{color:var(--cobalt);font-size:1.4rem}
.strwk-learn-list .strwk-card p{color:var(--ink)}
.strwk-learn-list .strwk-card::before{content:"";position:absolute;top:1.2rem;left:1.3rem;width:60px;height:60px;background:var(--sym-drum) center/contain no-repeat;transition:transform .6s var(--ease),filter .6s var(--ease)}
.strwk-learn-list .strwk-card:nth-child(2)::before{background-image:var(--sym-sticks)}
.strwk-learn-list .strwk-card:nth-child(3)::before{background-image:var(--sym-diamond)}
.strwk-learn-list .strwk-card:nth-child(4)::before{background-image:var(--sym-stand)}
.strwk-learn-list .strwk-card:nth-child(2){box-shadow:8px 8px 0 var(--lemon)}
.strwk-learn-list .strwk-card:nth-child(3){box-shadow:8px 8px 0 #fff}
.strwk-learn-list .strwk-card:nth-child(4){box-shadow:8px 8px 0 var(--deep)}
.strwk-learn-list .strwk-card:hover,.strwk-learn-list .strwk-card:focus-visible{transform:translate(-3px,-3px);color:var(--ink)}
.strwk-learn-list .strwk-card:hover::before,.strwk-learn-list .strwk-card:focus-visible::before{transform:translate(-4px,-8px);filter:drop-shadow(6px 8px 0 var(--ink));animation:strwk-hover 6s ease-in-out .6s infinite alternate}
.strwk-learn-list .strwk-card:focus-visible{outline:4px solid var(--lemon);outline-offset:4px}

/* other pages: heading on the ground, plates under it */
main>.strwk-section>.strwk-wrap:not(.strwk-article)>h1{color:#fff;text-shadow:3px 3px 0 var(--deep)}
.strwk-article{width:min(100% - 2rem,60rem);max-width:60rem;padding:clamp(1.4rem,4.5vw,3.5rem) clamp(1.25rem,4.5vw,3.5rem) clamp(2.6rem,5vw,4rem);margin-block:0}
.strwk-article h1{color:var(--cobalt);font-size:clamp(2.1rem,4.6vw,3.4rem)}
.strwk-article h2{font-size:clamp(1.55rem,2.6vw,2rem);color:var(--ink);border-left:10px solid var(--magenta);padding-left:.8rem;margin-top:2em}
.strwk-article h3{color:var(--ink)}
.strwk-article p,.strwk-article li{max-width:var(--measure)}
.strwk-article ul,.strwk-article ol{padding-left:1.4rem}
.strwk-article figure{margin:0 0 1.8rem}
.strwk-article img{border:4px solid var(--ink);border-radius:0}
.strwk-article figcaption{font-size:.95rem;color:var(--muted);margin-top:.6rem;max-width:var(--measure)}
.strwk-article .strwk-lead{color:var(--ink)}
.strwk-sources{font-size:.95rem;border-top:4px solid var(--ink);padding-top:1.1rem;margin-top:2.4rem}
.strwk-sources ol{padding-left:1.3rem}
.strwk-article .strwk-card{box-shadow:none;background:var(--tint);padding:1.4rem 1.4rem 1.8rem;margin:1.6rem 0}
.strwk-article .strwk-card::after{display:none}
.strwk-calc output{display:block;margin-top:.8rem;font:800 clamp(2rem,5vw,2.8rem)/1 var(--display);color:var(--cobalt)}
.strwk-calc h2{border:0;padding:0;margin:0 0 .4rem;color:var(--ink)}
.strwk-faq{margin:1.6rem 0 0;border-top:4px solid var(--ink)}
.strwk-faq details{border-bottom:4px solid var(--ink);padding:.3rem 0}
.strwk-faq summary{display:flex;align-items:center;gap:.9rem;min-height:56px;padding:.5rem 0;cursor:pointer;color:var(--ink);font:800 1.25rem/1.35 var(--display);list-style:none}
.strwk-faq summary::-webkit-details-marker{display:none}
.strwk-faq summary::before{content:"";flex:none;width:22px;height:22px;background:var(--cobalt);border:3px solid var(--ink);clip-path:none;transition:transform .5s var(--ease),background-color .3s}
.strwk-faq details[open] summary::before{background:var(--lemon);transform:translate(-3px,-4px) rotate(45deg)}
.strwk-faq summary:hover{color:var(--cobalt)}
.strwk-faq details p{padding-left:2.2rem}
.strwk-apply-shell{background:var(--paper);padding:1.2rem;min-height:600px;margin-top:1.6rem;box-shadow:10px 10px 0 var(--lemon)}
.strwk-apply-shell iframe{width:100%;border:0}

/* footer */
.strwk-foot{background:var(--deep);color:#e6e9ff;border-top:8px solid var(--lemon);padding:clamp(2.2rem,5vw,3.5rem) 0 2.4rem;font-size:1.0625rem;--link:var(--lemon);--link-hover:#fff}
.strwk-foot-grid{display:grid;gap:2rem;grid-template-columns:2fr 1fr 1fr}
@media (max-width:700px){.strwk-foot-grid{grid-template-columns:1fr}}
.strwk-foot a{color:var(--lemon)}
.strwk-foot a:hover{color:#fff}
.strwk-foot .strwk-brand{color:#fff;margin-bottom:.8rem}
.strwk-foot nav strong{display:block;margin-bottom:.6rem;font:800 1.1rem/1.2 var(--display);letter-spacing:.06em;text-transform:uppercase;color:#fff}
.strwk-foot nav a{display:flex;align-items:center;min-height:44px;margin:0}
.strwk-foot p{color:#e6e9ff}

[data-reveal]{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .strwk-fl,.strwk-fl2,.strwk-fl4,.strwk-seg label:has(input:checked),.strwk-learn-list .strwk-card:hover::before{animation:none}
  *{transition-duration:.01ms!important}
}
.strwk-foot [data-copy],main [data-copy=legal]{font-size:.95rem!important;line-height:1.55}