:root{--teal:#02a98b;--deep:#04735f;--ink:#05221d;--green:#14bd4f;--white:#f4fff9;--coral:#ff6f61;--gray:#9fb3ad;--wide:"Krona One","Arial Black",sans-serif;--body:"Hanken Grotesk",system-ui,sans-serif;}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;background:var(--teal);color:var(--ink);font-family:var(--body);font-size:clamp(1rem,0.96rem + 0.2vw,1.08rem);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;}.wrap{max-width:1180px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));}.hero{display:grid;grid-template-columns:1fr;gap:clamp(20px,4vw,48px);align-items:center;min-height:calc(100dvh - 16px);padding-bottom:40px;}.brandrow{display:flex;align-items:center;gap:12px;margin-bottom:clamp(14px,3vw,28px)}.brandrow img{width:clamp(52px,12vw,128px);height:auto;aspect-ratio:1;border-radius:22%;border:3px solid var(--ink)}.brandrow span{font-family:var(--wide);font-size:clamp(0.82rem,0.7rem + 0.5vw,1.05rem);letter-spacing:0.02em}h1{font-family:var(--wide);font-weight:400;font-size:clamp(1.42rem,0.9rem + 3vw,3.3rem);line-height:1.12;letter-spacing:-0.01em;max-width:16ch;}h1 em{font-style:normal;display:inline-block;background:var(--ink);color:var(--green);padding:0 0.18em;border-radius:0.16em}.lead{margin-top:clamp(10px,2vw,18px);max-width:34em;font-size:clamp(1rem,0.95rem + 0.3vw,1.18rem)}.lead strong{font-weight:700}.go{margin-top:clamp(16px,3vw,28px);display:flex;flex-direction:column;align-items:flex-start;gap:10px}.cta{display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:0 26px 0 28px;background:var(--coral);color:var(--ink);font-family:var(--wide);font-size:clamp(0.92rem,0.85rem + 0.3vw,1.08rem);text-decoration:none;border-radius:16px;border:3px solid var(--ink);-webkit-tap-highlight-color:transparent;transition:transform .18s ease;}.cta svg{width:22px;height:22px;flex:none}.cta:active{transform:scale(0.97)}.cta:focus-visible{outline:4px solid var(--white);outline-offset:3px}@media (hover: hover) and (pointer: fine){.cta:hover{transform:translateY(-2px) rotate(-1deg)}}.need{font-size:0.95rem;max-width:30em}.stage{position:relative;width:100%;max-width:520px;justify-self:center}.alerts{position:relative;z-index:2;display:flex;flex-direction:column;gap:10px;list-style:none}.alert{position:relative;background:var(--white);border:3px solid var(--ink);border-radius:18px;box-shadow:0 7px 0 -1px var(--deep);animation:drop .7s cubic-bezier(.2,1.4,.4,1) both;}.alert:nth-child(1){animation-delay:.05s;margin-right:22px}.alert:nth-child(2){animation-delay:.18s;margin-left:14px;margin-right:8px}.alert:nth-child(3){animation-delay:.31s;margin-right:26px}.alert:nth-child(4){animation-delay:.44s;margin-left:22px}@keyframes drop{from{transform:translateY(-14px) scale(.97)}to{transform:none}}.alert button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;width:100%;min-height:58px;padding:9px 14px 9px 10px;-webkit-tap-highlight-color:transparent;border-radius:15px;}.alert button:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;border:2px solid var(--ink)}.ico svg{width:24px;height:24px}.t{display:flex;flex-direction:column;line-height:1.2}.t b{font-weight:700;font-size:0.98rem}.t small{font-size:0.8rem;color:#33524b}.tog{width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--white);display:grid;place-items:center;transition:transform .25s ease}.tog svg{width:14px;height:14px}.alert[data-open="true"] .tog{transform:rotate(45deg);background:var(--coral);color:var(--ink)}.more{display:none}.more p{padding:0 16px 14px 62px;font-size:0.92rem;color:#1b3a33}.alert[data-open="true"] .more{display:block;animation:open .25s ease both}@keyframes open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.island{position:relative;z-index:1;display:block;width:100%;height:auto;margin-top:-6px}.bob{animation:bob 3.2s ease-in-out infinite alternate}.sink1{animation:sink 4s ease-in .3s infinite}.sink2{animation:sink 4s ease-in 2.1s infinite}@keyframes bob{to{transform:translateY(-6px)}}@keyframes sink{0%{transform:none;opacity:1}70%{opacity:1}100%{transform:translate(10px,40px) rotate(14deg);opacity:0}}.spark{animation:tw 1.6s steps(2) infinite}.spark:nth-of-type(2n){animation-delay:.8s}@keyframes tw{50%{opacity:.15}}.ba{padding:clamp(40px,7vw,80px) 0 clamp(36px,6vw,64px)}.ba h2{font-family:var(--wide);font-weight:400;font-size:clamp(1.2rem,0.9rem + 1.6vw,2.1rem);line-height:1.15;margin-bottom:clamp(18px,3vw,30px)}.cols{display:grid;grid-template-columns:1fr;gap:14px}.col{border:3px solid var(--ink);border-radius:22px;padding:20px 20px 22px}.col h3{font-family:var(--wide);font-weight:400;font-size:clamp(0.9rem,0.8rem + 0.4vw,1.1rem);margin-bottom:12px;display:flex;align-items:center;gap:10px}.col h3 i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:2px solid currentColor;flex:none}.col h3 i svg{width:12px;height:12px}.col ul{list-style:none;display:flex;flex-direction:column;gap:9px}.col li{padding-left:22px;position:relative}.col li::before{content:"";position:absolute;left:2px;top:0.55em;width:9px;height:9px;border-radius:2px}.before{background:var(--deep);color:var(--white)}.before li{color:#dcefe9}.before li::before{background:var(--coral)}.after{background:var(--white);color:var(--ink)}.after li::before{background:var(--green);outline:2px solid var(--ink)}.again{margin-top:22px}footer{border-top:3px solid var(--ink);padding:20px 0 max(22px,env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;font-size:0.9rem;}footer b{font-family:var(--wide);font-weight:400}@media (min-width: 880px){.hero{grid-template-columns:1.05fr 1fr;padding-top:10px}.cols{grid-template-columns:1fr 1fr;gap:18px}}@media (max-width: 879px){.hero{min-height:0;padding-top:4px}.stage{max-width:460px}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important}}html,body{max-width:100%;overflow-x:clip}