:root{--fog-0: #c9d0df;--fog-1: #d1d6e3;--fog-2: #e1e6f1;--ice-hi: #d1e3ff;--slate: #6a6f7d;--slate-2: #8b909d;--ink: #ffffff;--signal: #6366f1;--signal-2: #818cf8;--signal-soft: #b3befc;--night: #11141b;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--display: "Unbounded", var(--mono);--hud-pad: clamp(20px, 3vw, 44px);--line: rgba(17, 20, 27, .09);--card: rgba(255, 255, 255, .5);--color-civic-blue: #2563EB;--color-civic-ink: #1E293B}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{min-height:100svh;display:flex;flex-direction:column;font-family:var(--mono);font-weight:400;color:var(--night);overflow-x:hidden;background:radial-gradient(900px 520px at 88% -12%,rgba(99,102,241,.13),transparent 62%),radial-gradient(720px 460px at 4% 108%,rgba(129,140,248,.12),transparent 60%),radial-gradient(ellipse at 50% 0%,var(--fog-2) 0%,var(--fog-1) 48%,var(--fog-0) 100%);background-attachment:fixed}::selection{background:#6366f147;color:var(--night)}.page-grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;pointer-events:none;z-index:90;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.9'/%3E%3C/svg%3E");animation:grain-shift .9s steps(4) infinite}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-2.5%,1.5%)}50%{transform:translate(2%,-2%)}75%{transform:translate(-1.5%,-2.5%)}to{transform:translate(0)}}.site-head{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px var(--hud-pad);background:#e1e6f199;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid var(--line)}.head-logo{font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.14em;color:var(--night);text-decoration:none;white-space:nowrap}.head-logo sup{font-family:var(--mono);font-weight:500;font-size:.42em;letter-spacing:.22em;vertical-align:super;margin-left:.5em;color:var(--signal)}.head-nav{display:flex;gap:clamp(14px,3vw,34px)}.head-nav a{position:relative;font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.22em;color:var(--slate);text-decoration:none;padding:6px 1px;transition:color .25s ease}.head-nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--signal),var(--signal-2));transform:scaleX(0);transform-origin:left center;transition:transform .3s ease}.head-nav a:hover{color:var(--night)}.head-nav a:hover:after{transform:scaleX(1)}.head-nav a[aria-current=page]{color:var(--signal)}.head-nav a[aria-current=page]:after{transform:scaleX(1)}.page{flex:1;width:min(1120px,92vw);margin:0 auto;padding:clamp(48px,8vh,92px) 0 clamp(44px,7vh,70px)}.page-head{text-align:center}.page-label{font-size:11px;font-weight:500;letter-spacing:.06em;color:var(--signal);margin-bottom:16px}.page-title{font-family:var(--mono);font-weight:500;font-size:clamp(24px,4vw,42px);letter-spacing:.3em;text-indent:.3em;color:var(--night)}.page-sub{margin:18px auto 0;max-width:540px;font-size:13px;line-height:1.8;letter-spacing:.02em;color:var(--slate)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease var(--d, 0s),transform .7s cubic-bezier(.2,.7,.2,1) var(--d, 0s)}.reveal.in{opacity:1;transform:none}.tools-grid{margin-top:clamp(42px,7vh,72px);display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}.tool-card{position:relative;display:flex;flex-direction:column;padding:26px 26px 24px;border-radius:18px;background:var(--card);border:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease,background .35s ease,opacity .7s ease var(--d, 0s)}.tool-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(360px 220px at 18% -4%,rgba(99,102,241,.12),transparent 70%);opacity:0;transition:opacity .35s ease;pointer-events:none}.tool-card:hover{transform:translateY(-5px);border-color:#6366f173;background:#ffffffad;box-shadow:0 24px 70px -18px #6366f159,0 6px 22px #11141b12}.tool-card:hover:before{opacity:1}.tool-card.reveal:not(.in){transform:translateY(20px)}.tool-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.tool-ico{width:56px;height:56px;border-radius:16px;background:#fff;border:1px solid rgba(17,20,27,.06);box-shadow:0 6px 18px #11141b0f;display:flex;align-items:center;justify-content:center;transition:transform .35s ease,box-shadow .35s ease}.tool-card:hover .tool-ico{transform:scale(1.08);box-shadow:0 10px 26px #6366f140}.tool-ico svg,.tool-ico img{width:30px;height:30px;display:block}.ico-blogger img{width:28px;height:28px}.ico-scavenger{color:#9f1239}.ico-civic svg{width:34px;height:34px;overflow:visible}.civic-dot{transform-box:fill-box;transform-origin:center;animation:civic-pulse 2s ease-in-out infinite;animation-delay:var(--cd, 0s)}@keyframes civic-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.5);opacity:.9}}.tool-index{font-size:10.5px;letter-spacing:.25em;color:var(--slate-2)}.tool-name{font-family:var(--mono);font-weight:500;font-size:16px;letter-spacing:.24em;text-transform:uppercase;color:var(--night);margin-bottom:12px}.tool-desc{flex:1;font-size:12.5px;line-height:1.8;letter-spacing:.01em;color:var(--slate)}.tool-link{margin-top:20px;align-self:flex-start;font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--signal);text-decoration:none;padding-bottom:4px;border-bottom:1px solid rgba(99,102,241,.3);transition:border-color .3s ease,text-shadow .3s ease,color .3s ease}.tool-link:hover{color:#4548c9;border-color:var(--signal);text-shadow:0 0 16px rgba(129,140,248,.8)}.contact-grid{margin-top:clamp(42px,6vh,66px);display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}.contact-side{display:grid;gap:24px}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:clamp(22px,3vw,32px)}.panel-title{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--signal);margin-bottom:24px}.field{margin-bottom:18px}.field label{display:block;font-size:10.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--slate);margin-bottom:8px}.field label em{font-style:normal;text-transform:none;letter-spacing:.04em;color:var(--slate-2)}.field input,.field textarea{width:100%;background:#ffffffbf;border:1px solid rgba(17,20,27,.13);border-radius:10px;padding:12px 14px;font-family:var(--mono);font-size:13px;color:var(--night);outline:none;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.field input::placeholder,.field textarea::placeholder{color:var(--slate-2);opacity:.8}.field input:focus,.field textarea:focus{border-color:var(--signal);background:#fff;box-shadow:0 0 0 3px #6366f129}.field textarea{min-height:132px;resize:vertical}.hp-field{position:absolute!important;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.btn-submit{display:inline-flex;align-items:center;gap:10px;margin-top:4px;background:var(--signal);color:#fff;border:1px solid var(--signal);border-radius:999px;padding:13px 32px;font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.26em;text-indent:.13em;cursor:pointer;transition:background .3s ease,box-shadow .3s ease,transform .2s ease,opacity .3s ease}.btn-submit:hover:not(:disabled){background:#4f52e8;box-shadow:0 12px 34px #6366f166;transform:translateY(-1px)}.btn-submit:disabled{opacity:.55;cursor:default}.form-status{margin-top:16px;min-height:18px;font-size:12px;line-height:1.7;letter-spacing:.02em;color:var(--slate)}.form-status.ok{color:var(--signal);font-weight:500}.form-status.err{color:#b4234a}.form-status.warn{color:#92600a}.qr-panel{text-align:center}.qr-frame{width:min(100%,264px);margin:0 auto;padding:9px;border-radius:22px;background:linear-gradient(135deg,#6366f18c,#818cf82e 55%,#6366f166);box-shadow:0 26px 70px -20px #6366f180,0 6px 22px #11141b14}.qr-slot svg{display:block;width:100%;height:auto;border-radius:14px}.qr-mail{display:inline-block;margin-top:20px;font-size:12.5px;font-weight:500;letter-spacing:.05em;color:var(--night);text-decoration:none;border-bottom:1px solid rgba(17,20,27,.2);padding-bottom:3px;transition:color .25s ease,border-color .25s ease}.qr-mail:hover{color:var(--signal);border-color:var(--signal)}.btn-ghost{display:inline-block;margin-top:16px;border:1px solid rgba(99,102,241,.5);border-radius:999px;padding:10px 28px;font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.24em;text-indent:.12em;text-transform:uppercase;color:var(--signal);text-decoration:none;transition:background .3s ease,color .3s ease,box-shadow .3s ease}.btn-ghost:hover{background:var(--signal);color:#fff;box-shadow:0 10px 30px #6366f159}.qr-hint{margin-top:16px;font-size:11px;letter-spacing:.03em;color:var(--slate-2)}.channel-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:20px}.channel-btns .btn-ghost{margin-top:0;display:inline-flex;align-items:center;gap:8px}.channel-btns .btn-ghost svg{width:15px;height:15px;flex:none}.btn-wa{border-color:#25d36699;color:#1a9c4b}.btn-wa:hover{background:#25d366;color:#05331c;box-shadow:0 10px 30px #25d36652}.btn-ghost.is-disabled{opacity:.5}.btn-ghost.is-disabled:hover{background:none;color:inherit;box-shadow:none}.channel-note{margin-top:12px;min-height:14px;font-size:11px;letter-spacing:.02em;color:var(--slate-2)}.channel-note.warn{color:#b26b00}.data-list{display:grid;gap:16px}.data-list dt{font-size:10.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--slate-2);margin-bottom:5px}.data-list dd{font-size:12.5px;line-height:1.7;color:var(--night)}.data-list dd a{color:var(--signal);text-decoration:none;border-bottom:1px solid rgba(99,102,241,.3);padding-bottom:2px;transition:border-color .25s ease,text-shadow .25s ease}.data-list dd a:hover{border-color:var(--signal);text-shadow:0 0 14px rgba(129,140,248,.8)}.site-foot{padding:30px var(--hud-pad) 38px;text-align:center;font-size:10.5px;letter-spacing:.18em;color:var(--slate-2);border-top:1px solid var(--line)}@media(max-width:860px){.contact-grid{grid-template-columns:1fr}}@media(max-width:560px){.site-head{padding:12px 18px}.head-logo{font-size:13px}.head-logo sup{display:none}.head-nav{gap:14px}.head-nav a{font-size:10px;letter-spacing:.14em}.page-title{letter-spacing:.18em;text-indent:.18em}.tools-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page-grain,.civic-dot{animation:none}.reveal{opacity:1;transform:none;transition:none}.tool-card,.tool-ico,.btn-submit,.btn-ghost{transition:none}.tool-card:hover{transform:none}.btn-submit:hover:not(:disabled){transform:none}}