@import "https://fonts.googleapis.com/css2?family=Michroma&family=Sora:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-deep:#f3faf5;--bg:#eaf6ee;--surface:#ffffffc7;--surface-solid:#fff;--line:#4a8c6c38;--line-strong:#3e966c73;--text:#1b2f24;--muted:#5c7466;--accent:#3d9a6a;--accent-2:#6bbf8a;--accent-dim:#3d9a6a1f;--danger:#d4565f;--radius:2px;--font-display:"Michroma", system-ui, sans-serif;--font-body:"Sora", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);color:var(--text);background:var(--bg-deep);-webkit-font-smoothing:antialiased;margin:0;font-weight:400}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}::selection{color:var(--text);background:#3d9a6a38}.app{isolation:isolate;min-height:100vh;position:relative;overflow-x:clip}.atmosphere{z-index:-1;pointer-events:none;background:radial-gradient(80% 50% at 50% -10%,#6bbf8a47,#0000 55%),radial-gradient(60% 40% at 90% 20%,#3d9a6a1f,#0000 50%),linear-gradient(#f7fcf8 0%,#eaf6ee 45%,#e3f2e8 100%);position:fixed;inset:0}.atmosphere__grid{background-image:linear-gradient(#4a8c6c12 1px,#0000 1px),linear-gradient(90deg,#4a8c6c12 1px,#0000 1px);background-size:64px 64px;animation:28s linear infinite grid-drift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 20%,#0000 75%)}.atmosphere__orb{filter:blur(60px);opacity:.55;border-radius:50%;position:absolute}.atmosphere__orb--a{background:#8cd2a573;width:min(42vw,420px);height:min(42vw,420px);animation:14s ease-in-out infinite orb-float;top:8%;right:8%}.atmosphere__orb--b{background:#6bbf8a52;width:min(36vw,360px);height:min(36vw,360px);animation:18s ease-in-out infinite reverse orb-float;bottom:12%;left:4%}.atmosphere__scan{opacity:.55;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#3d9a6a08 3px 4px);position:absolute;inset:0}@keyframes grid-drift{0%{background-position:0 0}to{background-position:64px 64px}}@keyframes orb-float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-3%,4%)scale(1.06)}}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #0000;border-image:linear-gradient(90deg, transparent, var(--line), transparent) 1;background:#f7fcf8b8;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem clamp(1.25rem,4vw,3rem);display:flex;position:sticky;top:0}.topbar__brand{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:.85rem}.topbar__nav{color:var(--muted);gap:1.5rem;font-size:.85rem;display:flex}.topbar__nav a:hover{color:var(--text)}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(2rem,5vw,4rem);min-height:calc(100svh - 4rem);padding:clamp(2rem,6vw,5rem) clamp(1.25rem,4vw,3rem) clamp(3rem,8vw,6rem);display:grid}.hero__brand{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#1b2f24;text-shadow:0 0 40px #6bbf8a59,0 0 80px #3d9a6a2e;margin:0 0 1rem;font-size:clamp(2.4rem,7vw,5.2rem);line-height:1.05;animation:1s ease-out both brand-in}.hero__brand:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2), transparent);width:min(12rem,40%);height:2px;margin-top:.85rem;display:block}.hero__tagline{max-width:18ch;font-family:var(--font-body);letter-spacing:-.01em;color:var(--text);margin:0 0 1.25rem;font-size:clamp(1.15rem,2.4vw,1.65rem);font-weight:500;line-height:1.35;animation:.9s ease-out .15s both rise-in}.hero__tagline span{color:var(--muted);margin-top:.35rem;font-weight:400;display:block}.hero__lede{max-width:38ch;color:var(--muted);margin:0 0 2rem;font-size:1rem;line-height:1.65;animation:.9s ease-out .28s both rise-in}.hero__cta{flex-wrap:wrap;gap:.75rem;animation:.9s ease-out .4s both rise-in;display:flex}@keyframes brand-in{0%{opacity:0;letter-spacing:.2em;transform:translateY(12px)}to{opacity:1;letter-spacing:.08em;transform:translateY(0)}}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero__visual{place-items:center;min-height:320px;display:grid}.sieve{aspect-ratio:1;place-items:center;width:min(100%,340px);display:grid;position:relative}.sieve__ring{border:1px solid var(--line);border-radius:50%;position:absolute;inset:8%}.sieve__ring--outer{background:conic-gradient(from 0deg, transparent 0 70%, #6bbf8a8c 78%, transparent 88%);border-color:#3d9a6a59;animation:28s linear infinite spin;inset:0;box-shadow:inset 0 0 40px #6bbf8a2e;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1px))}.sieve__ring--mid{border-style:dashed;border-color:#3d9a6a52;animation:18s linear infinite reverse spin;inset:14%}.sieve__core{z-index:2;width:88px;height:88px;font-family:var(--font-display);color:var(--accent);border:1px solid var(--line-strong);background:radial-gradient(circle at 35% 30%,#fff,#d8f0e2 70%);border-radius:50%;place-items:center;font-size:1.6rem;animation:3.2s ease-in-out infinite core-pulse;display:grid;position:relative;box-shadow:0 0 0 10px #3d9a6a14,0 0 48px #6bbf8a73}.sieve__stream{z-index:1;position:absolute;inset:0}.sieve__stream span{background:var(--accent-2);opacity:0;border-radius:50%;width:6px;height:6px;margin-left:-3px;animation:2.8s ease-in infinite stream-fall;position:absolute;left:50%}.sieve__stream span:first-child{animation-delay:0s;top:6%}.sieve__stream span:nth-child(2){background:var(--accent);animation-delay:.45s;top:6%;left:42%}.sieve__stream span:nth-child(3){animation-delay:.9s;top:6%;left:58%}.sieve__stream span:nth-child(4){background:var(--accent);animation-delay:1.35s;top:6%;left:46%}.sieve__stream span:nth-child(5){animation-delay:1.8s;top:6%;left:54%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes core-pulse{0%,to{box-shadow:0 0 0 10px #3d9a6a14,0 0 48px #6bbf8a73}50%{box-shadow:0 0 0 14px #3d9a6a24,0 0 64px #6bbf8a8c}}@keyframes stream-fall{0%{opacity:0;transform:translateY(0)scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(220px)scale(1.1)}}.btn{border-radius:var(--radius);letter-spacing:.02em;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.85rem 1.35rem;font-size:.9rem;font-weight:500;transition:transform .15s,background .2s,border-color .2s,color .2s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#f7fcf8;font-weight:600}.btn--primary:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.btn--ghost{border-color:var(--line);color:var(--text);background:0 0}.btn--ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn--sm{padding:.35rem .7rem;font-size:.75rem}.extractor{max-width:1120px;margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem) clamp(4rem,8vw,6rem)}.extractor__head{margin-bottom:1.75rem}.extractor__head h2{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .4rem;font-size:clamp(1.1rem,2vw,1.35rem)}.extractor__head p{color:var(--muted);margin:0;font-size:.95rem}.extractor__panes{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.pane{flex-direction:column;gap:.5rem;min-width:0;display:flex}.pane__label-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.pane__label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.pane__area{resize:vertical;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;min-height:280px;font-family:var(--font-mono);outline:none;padding:1rem 1.1rem;font-size:.82rem;line-height:1.55;transition:border-color .2s,box-shadow .2s}.pane__area:focus{border-color:var(--accent);box-shadow:0 0 0 1px #3d9a6a47}.pane__area--out{background:#ffffffeb}.pane__area--pulse{animation:.55s output-flash}@keyframes output-flash{0%{box-shadow:0 0 #3d9a6a73}to{box-shadow:0 0 0 12px #3d9a6a00}}.extractor__actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin:1.1rem 0 1.5rem;display:flex}.counter{border:1px solid var(--line);border-radius:var(--radius);background:var(--accent-dim);align-items:baseline;gap:.65rem;margin-left:auto;padding:.55rem .9rem;display:flex}.counter__label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.7rem}.counter__value{font-family:var(--font-mono);color:var(--accent);min-width:1.5ch;font-size:1.25rem;font-weight:500}.counter--pulse .counter__value{animation:.45s count-pop}@keyframes count-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.options{gap:1rem;display:grid}.options__group{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffa6;margin:0;padding:1.15rem 1.2rem 1.3rem}.options__group legend{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);padding:0 .4rem;font-size:.68rem}.options__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem;display:grid}.field{flex-direction:column;gap:.4rem;min-width:0;display:flex}.field--span{grid-column:1/-1}.field--check{flex-direction:row;align-items:center;gap:.55rem;padding-top:1.4rem}.field label{color:var(--muted);font-size:.78rem}.field input[type=text],.field input[type=number],.field select{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-solid);outline:none;width:100%;padding:.65rem .75rem}.field input:focus,.field select:focus{border-color:var(--accent)}.field input:disabled{opacity:.45}.field input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent)}.field__inline{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.field__inline input{width:6.5rem}.field__hint{color:var(--muted);font-size:.78rem}.capabilities{max-width:1120px;margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem) clamp(4rem,8vw,6rem)}.capabilities h2{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .5rem;font-size:clamp(1.1rem,2vw,1.35rem)}.capabilities__lede{color:var(--muted);max-width:42ch;margin:0 0 1.75rem}.capabilities__list{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid}.capabilities__list li{background:var(--bg);flex-direction:column;gap:.35rem;padding:1.15rem 1.2rem;display:flex}.capabilities__list strong{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:400}.capabilities__list span{color:var(--muted);font-size:.9rem;line-height:1.45}.footer{border-top:1px solid var(--line);text-align:center;color:var(--muted);padding:2rem clamp(1.25rem,4vw,3rem) 2.5rem;font-size:.85rem}.footer p{margin:.25rem 0}.footer__brand{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:.75rem}.footer__note{opacity:.8;font-size:.78rem}@media (width<=900px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:2.5rem}.hero__visual{order:-1;min-height:260px}.sieve{width:min(100%,260px)}.extractor__panes{grid-template-columns:1fr}.counter{justify-content:space-between;width:100%;margin-left:0}}@media (width<=560px){.topbar__nav{gap:1rem;font-size:.8rem}.options__grid{grid-template-columns:1fr}.field--check{padding-top:.25rem}.pane__area{min-height:200px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}