*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand:#4a3fa8;--brand-mid:#6357c4;--brand-light:#eae8ff;--brand-xlight:#f4f3ff;--cream:#fafaf7;--paper:#f7f2ea;--ink:#1a1a2e;--ink-60:#6b6a80;--ink-30:#bdbcc8;--border:#1a1a2e17;--green:#0f9b7a;--green-bg:#e0f5ee;--blue:#3a8ac4;--blue-bg:#e0eefb;--orange:#e07b39;--orange-bg:#fff0e6;--oc-body:#ffddb8;--oc-body-shadow:#f5c893;--oc-shell-1:#8a7dd4;--oc-shell-2:#6357c4;--oc-shell-3:#4a3fa8;--oc-shell-4:#3a2e8e;--oc-cheek:#f5a3b8;--font-display:"DM Serif Display", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1)}.fe-static-page{font-family:var(--font-body);background:radial-gradient(circle at 20% 20%, #eae8ff66 0%, transparent 50%), radial-gradient(circle at 80% 80%, #ffddb840 0%, transparent 50%), var(--paper);color:var(--ink);min-height:100vh;padding:40px 24px 80px;line-height:1.6}.fe-static-page:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 1px 1px,#1a1a2e04 1px,#0000 0);background-size:20px 20px;position:fixed;inset:0}.wrap{z-index:1;max-width:920px;margin:0 auto;position:relative}.hero{text-align:center;margin-bottom:64px;padding:40px 20px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--green);border:1px solid var(--green-bg);background:#fff;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:11px;font-weight:500;display:inline-flex}.eyebrow .dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}h1.main{font-family:var(--font-display);letter-spacing:-1.2px;margin-bottom:18px;font-size:clamp(38px,6vw,56px);font-weight:400;line-height:1.1}h1.main em{color:var(--brand);font-style:italic}.lede{font-family:var(--font-display);color:var(--ink-60);max-width:600px;margin:0 auto 32px;font-size:17px;font-style:italic}.hero-mascot{justify-content:center;margin-bottom:8px;display:flex}.hero-mascot svg{width:140px;height:140px;animation:3s ease-in-out infinite thinkBob}@keyframes thinkBob{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(2deg)translateY(-6px)}}.meta-badge{background:var(--green-bg);color:var(--ink-60);border:1px solid #0f9b7a33;border-radius:100px;margin-top:16px;padding:8px 16px;font-size:12px;display:inline-block}.meta-badge strong{color:var(--green);font-weight:600}.quick-summary{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:48px;display:grid}.summary-card{border:1px solid var(--border);transition:all .2s var(--ease-out);background:#fff;border-radius:20px;align-items:flex-start;gap:16px;padding:24px;display:flex}.summary-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #1a1a2e1a}.summary-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.summary-card[data-type=collect] .summary-icon{background:var(--blue-bg)}.summary-card[data-type=protect] .summary-icon{background:var(--green-bg)}.summary-card[data-type=control] .summary-icon{background:var(--orange-bg)}.summary-content h3{font-family:var(--font-display);color:var(--ink);margin-bottom:6px;font-size:16px;font-weight:400}.summary-content p{color:var(--ink-60);font-size:13px;line-height:1.6}.section{border:1px solid var(--border);transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out);background:#fff;border-radius:24px;margin-bottom:24px;padding:40px;position:relative;overflow:hidden}.section:hover{transform:translateY(-2px);box-shadow:0 12px 32px #1a1a2e14}.section-header{align-items:center;gap:16px;margin-bottom:10px;display:flex}.section-num{font-family:var(--font-display);color:var(--brand-light);font-size:48px;font-style:italic;font-weight:400;line-height:1}.section-title{flex:1;margin-bottom:10px}.section h2{font-family:var(--font-display);letter-spacing:-.5px;color:var(--ink);margin-bottom:6px;font-size:28px;font-weight:400}.section h2 em{color:var(--brand);font-style:italic}.section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-30);font-size:11px;font-weight:500}.section p{color:var(--ink-60);margin-bottom:14px;font-size:15px;line-height:1.7}.section p:last-child{margin-bottom:0}.section ul{margin:20px 0;list-style:none}.section li{color:var(--ink-60);margin-bottom:12px;padding-left:28px;font-size:15px;line-height:1.7;position:relative}.section li:before{content:"•";color:var(--brand);font-size:18px;font-weight:600;position:absolute;left:10px}.section strong{color:var(--ink);font-weight:600}.data-table{border:1px solid var(--border);border-radius:16px;margin:24px 0;overflow:hidden}.table-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 1.5fr;display:grid}.table-row:last-child{border-bottom:none}.table-row.header{background:var(--brand-xlight)}.table-row.header .table-cell{color:var(--brand);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:600}.table-cell{padding:16px 20px;font-size:14px;line-height:1.6}.table-cell:first-child{border-right:1px solid var(--border);color:var(--ink);font-weight:500}.table-cell:last-child{color:var(--ink-60)}.info-box{background:linear-gradient(135deg, var(--brand-xlight) 0%, #fdf9ff 100%);border:1px solid var(--brand-light);border-left:4px solid var(--brand);border-radius:16px;margin:24px 0;padding:24px}.info-box .info-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.info-box .icon{background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:600;display:flex}.info-box h3{font-family:var(--font-display);color:var(--brand);font-size:17px;font-weight:400}.info-box p{color:var(--ink-60);margin:0;font-size:14px;line-height:1.6}.rights-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:24px 0;display:grid}.right-card{background:var(--cream);border:1px solid var(--border);text-align:center;transition:all .2s var(--ease-out);border-radius:16px;padding:20px}.right-card:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #1a1a2e14}.right-card .icon{background:linear-gradient(135deg, var(--brand-light), white);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 12px;font-size:20px;display:flex}.right-card h4{font-family:var(--font-display);color:var(--ink);margin-bottom:6px;font-size:15px;font-weight:400}.right-card p{color:var(--ink-60);margin:0;font-size:12px;line-height:1.5}.contact-card{background:linear-gradient(135deg, var(--brand-xlight) 0%, white 100%);border:1px solid var(--brand-light);text-align:center;border-radius:24px;margin-top:48px;padding:40px;position:relative;overflow:hidden}.contact-card:before{content:"";z-index:0;background:radial-gradient(circle at 30% 30%,#4a3fa814,#0000 40%),radial-gradient(circle at 70% 70%,#ffddb826,#0000 40%);position:absolute;inset:-50px}.contact-card .content{z-index:1;position:relative}.contact-card .mascot{width:100px;height:100px;margin:0 auto 20px;animation:4s ease-in-out infinite gentleFloat}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.contact-card h3{font-family:var(--font-display);margin-bottom:12px;font-size:24px;font-weight:400}.contact-card p{color:var(--ink-60);margin-bottom:20px;font-size:15px}.contact-card .buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.contact-card a{transition:all .2s var(--ease-out);border-radius:100px;padding:12px 28px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.contact-card a.primary{background:var(--brand);color:#fff}.contact-card a.primary:hover{background:var(--brand-mid);transform:translateY(-2px);box-shadow:0 8px 24px #4a3fa84d}.contact-card a.secondary{color:var(--brand);border:1px solid var(--brand-light);background:#fff}.contact-card a.secondary:hover{background:var(--brand-xlight);transform:translateY(-2px)}.footer{text-align:center;border-top:1px solid var(--border);margin-top:64px;padding:40px 20px 20px}.footer-links{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:20px;display:flex}.footer-links a{color:var(--ink-60);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--brand)}.footer-copy{color:var(--ink-30);font-size:13px}@media (width<=700px){.fe-static-page{padding:24px 16px 60px}.hero{margin-bottom:40px;padding:20px 10px}.hero-mascot svg{width:100px;height:100px}h1.main{font-size:32px}.quick-summary{grid-template-columns:1fr}.section{padding:28px 24px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.section-num{font-size:36px}.section h2{font-size:22px}.data-table{overflow-x:auto}.table-row{grid-template-columns:140px 1fr}.rights-grid{grid-template-columns:1fr}.contact-card{padding:32px 24px}.contact-card .buttons{flex-direction:column}.footer-links{flex-direction:column;gap:12px}}.progress-bar{background:linear-gradient(90deg, var(--green), var(--brand));z-index:1000;width:0%;height:3px;transition:width .1s ease-out;position:fixed;top:0;left:0}.back-to-top{background:var(--brand);color:#fff;cursor:pointer;opacity:0;width:48px;height:48px;transition:all .3s var(--ease-out);z-index:100;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:fixed;bottom:32px;right:32px;transform:translateY(20px);box-shadow:0 4px 16px #4a3fa84d}.back-to-top.visible{opacity:1;transform:translateY(0)}.back-to-top:hover{background:var(--brand-mid);transform:translateY(-4px);box-shadow:0 8px 24px #4a3fa866}@media (width<=700px){.back-to-top{width:44px;height:44px;bottom:20px;right:20px}}