:root{--bg:#f2faff;--surface:#fff;--text:#1d6fa8;--muted:#4f86ab;--brand:#1a85cc;--brand2:#22c1d8;--line:#cfe8f6;--shadow:0 10px 30px rgba(26,133,204,.15);box-sizing:border-box;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}html{scroll-padding-top:70px}*,:after,:before{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{max-width:1100px;margin:0 auto;padding:0 20px}header{position:-webkit-sticky;position:sticky;top:env(safe-area-inset-top,0);z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}header .wrap{justify-content:space-between;height:62px}.logo,header .wrap{display:flex;align-items:center}.logo{white-space:nowrap;gap:8px;font-weight:800;font-size:1.1rem}.logo i{flex:none;width:26px;height:26px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:linear-gradient(135deg,var(--brand2),var(--brand))}nav{display:flex;gap:22px;align-items:center;font-size:.95rem;color:var(--muted)}.btn{display:inline-block;white-space:nowrap;text-align:center;line-height:1.2;border:0;cursor:pointer;font:inherit;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2));padding:12px 22px;border-radius:999px;box-shadow:var(--shadow)}.btn.ghost{background:transparent;color:var(--brand);border:2px solid var(--brand);box-shadow:none}.hero{overflow:hidden;padding:56px 0 44px;background:radial-gradient(900px 400px at 80% -10%,color-mix(in srgb,var(--brand2) 25%,transparent),transparent)}.hero .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-gap:30px;gap:30px;align-items:center}h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;margin:0 0 14px}h1 span{color:var(--brand)}.lead{color:var(--muted);font-size:1.1rem;max-width:520px}.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.cta .btn{flex:0 0 auto;min-width:190px;padding:14px 22px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:28px;max-width:520px}.stats b{display:block;font-size:1.25rem;color:var(--brand)}.stats small{color:var(--muted)}.heroart{display:flex;justify-content:center}section{padding:48px 0}h2{font-size:clamp(1.6rem,3.5vw,2.3rem);margin:0 0 8px}.sub{color:var(--muted);margin:0 0 30px}.scrolly{--sh:min(560px,calc(100svh - 90px));height:calc(var(--sh) + 230vh);position:relative}.stick{position:-webkit-sticky;position:sticky;top:max(62px,calc(62px + (100svh - 62px - var(--sh))/2));height:var(--sh);display:flex;align-items:center;justify-content:center}.stick .wrap{display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;gap:30px;align-items:center;width:100%}.can{width:min(300px,62vw);aspect-ratio:3/4;position:relative;margin:auto}#cv{width:100%;height:100%;display:block}.cap{left:36%;width:28%;top:0;height:7%;background:#0a4d8c;border-radius:6px 6px 2px 2px}.cap,.neck{position:absolute}.neck{left:30%;width:40%;top:6%;height:8%;background:linear-gradient(90deg,#8fd0f0,#e9f8ff,#8fd0f0);border-radius:4px}.body{right:0;top:12%;bottom:0;border-radius:28% 28% 12% 12%/12% 12% 6% 6%;background:linear-gradient(#bfe6fa,#6cc2ee 60%,#3aa3de);isolation:isolate}.band,.body{position:absolute;left:0;overflow:hidden}.band{top:34%;height:36%;width:100%;background:#fff}.strip{width:max-content;will-change:transform;transform:translateZ(0)}.strip,.tile{display:flex;height:100%}.tile{flex:0 0 var(--tw,170px);width:var(--tw,170px);flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#fff,#e8f6ff);border-right:2px solid #0a6ebd33;color:#0a4d8c;text-align:center;font-weight:900;letter-spacing:.04em;line-height:1.1}.tile em{font-style:normal;font-size:.62rem;font-weight:700;letter-spacing:.14em;color:#12b5cb}.tile strong{font-size:1.05rem}.tile big{font-size:1.9rem;color:#0a6ebd}.shade{inset:0;pointer-events:none;z-index:3;background:linear-gradient(90deg,rgba(0,30,70,.55),rgba(0,30,70,0) 24%,hsla(0,0%,100%,.5) 38%,hsla(0,0%,100%,0) 52%,rgba(0,30,70,0) 70%,rgba(0,30,70,.6))}.handle,.shade{position:absolute}.handle{right:-4%;top:26%;width:9%;height:22%;border:5px solid #8fd0f0;border-left:0;border-radius:0 18px 18px 0;opacity:.85}.facts{position:relative;min-height:170px}.fact{position:absolute;inset:0;opacity:0;transform:translateY(14px);transition:opacity .35s,transform .35s}.fact.on{opacity:1;transform:none}.fact h3{font-size:1.6rem;margin:0 0 8px;color:var(--brand)}.fact p{color:var(--muted);margin:0}.prog{height:4px;border-radius:4px;background:var(--line);margin-top:20px;overflow:hidden}.prog i{display:block;height:100%;width:100%;background:var(--brand);transform-origin:left;transform:scaleX(0)}.grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.grid .card{flex-grow:0;flex-shrink:1;flex-basis:calc(25% - 12px);min-width:170px}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px 12px 16px;text-align:center;box-shadow:var(--shadow);transition:transform .25s}.card:hover{transform:translateY(-6px)}.card .art{height:150px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:10px}.card h3{margin:0;font-size:1.25rem}.card p{margin:2px 0 12px;color:var(--muted);font-size:.9rem}.card a{font-weight:700;color:var(--brand);font-size:.9rem}.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.why div{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px}.why b{display:block;font-size:1.05rem;margin-bottom:4px}.why span{color:var(--muted);font-size:.95rem}.cb{background:linear-gradient(135deg,#dff4fc,#c3ebf8);color:var(--text);border-radius:26px;padding:40px;display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;gap:30px;align-items:center}.cb h2{color:var(--brand)}.cb p{color:var(--muted)}form{display:grid;grid-gap:12px;gap:12px}input,select{width:100%;font:inherit;padding:13px 14px;border-radius:12px;border:2px solid transparent;background:#fff;color:#1d6fa8}input:focus,select:focus{outline:none;border-color:#7be3f2}form .btn{width:100%}.msg{min-height:1.4em;font-weight:700;color:var(--brand)}footer{border-top:1px solid var(--line);padding:30px 0 40px;color:var(--muted);font-size:.92rem}footer .wrap{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}.card .art{height:190px}.card .art img{max-width:100%;object-fit:contain}.heroart .row{display:flex;justify-content:center;align-items:flex-end;width:100%}.heroart .row img{flex:1 1;min-width:0;max-width:25%;height:auto!important;margin:0 -1.5%}@media (max-width:820px){.can{width:min(240px,50vw)}nav a.nl{display:none}.cb,.hero .wrap{grid-template-columns:minmax(0,1fr)}.hero{padding:24px 0 34px}.heroart{order:-1}.heroart .row img{max-width:24%}.stick .wrap{grid-template-columns:minmax(0,1fr);gap:4px;text-align:center}.can{width:min(190px,44vw)}.facts{min-height:125px}.fact h3{font-size:1.25rem}.stick h2{font-size:1.35rem}.stick .sub{margin-bottom:8px}.prog{margin-top:12px}.cb{padding:24px}.scrolly{--sh:min(600px,calc(100svh - 90px))}.cta{display:grid;grid-template-columns:minmax(0,1fr)}.cta .btn{min-width:0;width:100%}}@media (max-width:520px){.grid .card{flex-basis:calc(50% - 8px);min-width:0}.logo{font-size:1rem}header .btn{padding:9px 14px;font-size:.85rem}.wrap{padding:0 16px}h1{font-size:2rem}}.card{padding:0 12px 16px;overflow:hidden;border-radius:22px;border:1px solid rgba(26,133,204,.14);box-shadow:0 18px 38px -16px rgba(26,133,204,.38),0 2px 6px rgba(26,133,204,.08)}.card .art{position:relative;display:block;height:250px;margin:0 -12px 12px;overflow:hidden;isolation:isolate;background:radial-gradient(130px 170px at 50% 60%,hsla(0,0%,100%,.95),hsla(0,0%,100%,0) 72%),linear-gradient(180deg,#f4fbff,#d6f0fb 58%,#b4e2f4)}.card .art:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(112deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,0) 40%)}.card .art img{position:absolute;left:50%;bottom:8px;height:236px;width:auto;max-width:none;transform:translateX(-50%);mix-blend-mode:multiply;z-index:2}.card .art canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.card .sz{position:absolute;left:12px;top:12px;z-index:4;font-size:.72rem;font-weight:700;letter-spacing:.08em;color:var(--brand);background:hsla(0,0%,100%,.72);border:1px solid rgba(26,133,204,.18);padding:4px 10px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.heroart .row img{mix-blend-mode:multiply}.hp{position:absolute;left:-9999px;width:0;height:0;opacity:0}.adm{max-width:1000px;margin:32px auto;padding:0 16px}.adm h1{font-size:1.6rem}.adm table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:12px;overflow:hidden}.adm td,.adm th{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:.92rem;vertical-align:top}.adm .scroll{overflow-x:auto}.adm .bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.adm .btn{padding:8px 16px;font-size:.9rem}.adm input{max-width:340px;margin:8px 0;border:2px solid var(--line)}.err{font-weight:700}.err,.msg.bad{color:#c0392b}.pl{position:fixed;inset:0;z-index:9999;background:radial-gradient(ellipse at 50% 28%,#fff 0,#eaf7ff 55%,#d3eefb 100%);transition:opacity .5s ease;animation:plSafe .01s 8s forwards}.pl.out{opacity:0;pointer-events:none}.pl canvas{position:absolute;inset:0;width:100%;height:100%}.pl-brand{position:absolute;left:0;right:0;top:79%;display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff;text-align:center;padding:0 16px;text-shadow:0 2px 14px rgba(12,90,150,.55)}.pl-brand b{font-size:clamp(1.5rem,6vw,2.4rem);letter-spacing:.02em}.pl-brand span{font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;opacity:.95}@keyframes plSafe{to{opacity:0;visibility:hidden}}.pl-skip .pl{display:none}.adm.narrow{max-width:420px}.adm .stack{display:grid;grid-gap:10px;gap:10px}.adm input,.adm select{width:100%;font:inherit;padding:11px 12px;border-radius:10px;border:2px solid var(--line);background:#fff;color:#1d6fa8}.adm input{max-width:none}.muted{color:var(--muted);font-size:.88rem}.adm code{background:#e6f5fd;padding:2px 8px;border-radius:6px;font-size:1.05rem}.admnav{align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:16px}.admnav,.admnav nav{display:flex;flex-wrap:wrap}.admnav nav{gap:14px;font-weight:600}.admnav form{display:flex;align-items:center;gap:10px}.who{font-size:.85rem;color:var(--muted)}.stats2{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));grid-gap:10px;gap:10px;margin:12px 0}.stats2 a{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center}.stats2 b{display:block;font-size:1.5rem;color:var(--brand)}.stats2 small{color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}.filters a{padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:.88rem}.filters a.on{background:var(--brand);color:#fff;border-color:var(--brand)}.rq{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;margin:12px 0;display:grid;grid-gap:8px;gap:8px}.rq.off{opacity:.6}.rqh{display:flex;justify-content:space-between;gap:10px}.msgq{margin-top:4px;font-style:italic}.rqf{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.rqf select{width:auto;min-width:130px}.rqf input{flex:1 1;min-width:140px}.rqf .btn{padding:9px 16px;font-size:.9rem}.badge{align-self:flex-start;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:700;background:#e3f3fc;color:#1a85cc;white-space:nowrap}.s-completed{background:#e0f5e7;color:#1f8a4c}.s-no_answer{background:#fdeceb;color:#c0392b}.s-called{background:#fff4d6;color:#a77500}.okbox{background:#e8f8ee;border:1px solid #b7e4c7;border-radius:10px;padding:10px 12px;margin:6px 0}.logo img{flex:none;width:36px;height:36px;object-fit:contain}.pl-logo{position:absolute;top:6%;left:50%;width:clamp(96px,26vw,132px);height:auto;transform:translateX(-50%);animation:plLogo .9s ease both;pointer-events:none}@keyframes plLogo{0%{opacity:0;transform:translateX(-50%) scale(.88)}to{opacity:1;transform:translateX(-50%) scale(1)}}.mdl{position:fixed;inset:0;z-index:9990;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(12,70,120,.38);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:mdlIn .25s ease both}.mdl-card{width:min(380px,100%);background:#fff;border-radius:26px;padding:30px 24px 24px;text-align:center;box-shadow:0 30px 70px -20px rgba(10,70,130,.55);animation:mdlPop .4s cubic-bezier(.2,1.2,.4,1) both}.mdl-card h3{margin:14px 0 6px;font-size:1.35rem;color:var(--text)}.mdl-card p{margin:0 0 20px;color:var(--muted);line-height:1.5}.mdl-ic{width:68px;height:68px;border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#22c1d8,#1a85cc);animation:mdlIcon .5s cubic-bezier(.2,1.4,.4,1) .1s both}.mdl-ic.dup{background:linear-gradient(135deg,#f6b73c,#ef8a1b);font-family:Georgia,serif;font-style:italic}@keyframes mdlIn{0%{opacity:0}to{opacity:1}}@keyframes mdlPop{0%{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}@keyframes mdlIcon{0%{transform:scale(.3)}to{transform:scale(1)}}