:root{--ui-canvas:#1c1c1c;--ui-shell:#242424;--ui-field:#2c2c2c;--ui-raised:#303030;--ui-depth:#191919;--ui-edge:#3b3b3b;--ui-field-edge:#555;--ui-text:#ededed;--ui-muted:#b8b8b8;--ui-dim:#818181;--ui-thumb:#919191;--ui-knob:#d4d4d4;--bg:var(--ui-depth);--bg-card:var(--ui-shell);--bg-inset:var(--ui-field);--text:var(--ui-text);--text-muted:var(--ui-muted);--accent:#6875e8;--accent-deep:#4854c7;--accent-deep-hover:#5360d4;--accent-hover:#8994f2;--accent-text:#a4adff;--accent-soft:#6875e81f;--green:#4fc26e;--red:#f26d6d;--border:var(--ui-edge);--radius:12px;--radius-sm:8px;--shadow:0 1px 3px #0006, 0 8px 24px #00000059}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--text);flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;display:flex}.site-header{border-bottom:1px solid var(--border);background:var(--bg-card)}.site-header .inner{align-items:center;gap:1rem;max-width:1080px;margin:0 auto;padding:.9rem 1.25rem;display:flex}.tpe-mark{box-sizing:border-box;border:1px solid var(--accent-text);background:var(--ui-shell);width:max-content;height:1.5em;color:var(--ui-text);letter-spacing:-.035em;white-space:nowrap;border-radius:2px;flex:none;justify-content:center;align-items:center;padding-inline:.3em;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:20px;font-weight:700;line-height:1;display:inline-flex}.tpe-mark>span{padding-inline-start:.035em;display:block;transform:translateY(-.06em)}@supports (text-box-trim:trim-both) and (text-box-edge:cap alphabetic){.tpe-mark>span{text-box-trim:trim-both;text-box-edge:cap alphabetic;transform:none}}.privacy-chip{color:var(--green);white-space:nowrap;border:1px solid;border-radius:999px;margin-left:auto;padding:.15rem .7rem;font-size:.78rem;font-weight:600}main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:2rem 1.25rem 4rem}.site-footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);padding:1.5rem 1.25rem;font-size:.85rem}.hero{text-align:center;padding:3.5rem 0 3rem;position:relative}.hero:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(ellipse 65% 70% at 50% 0%, var(--accent-soft), transparent 70%), radial-gradient(var(--border) 1.2px, transparent 1.7px);background-size:auto,22px 22px;position:absolute;inset:-2rem -3rem 0;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.hero h1{letter-spacing:-.02em;font-size:clamp(1.9rem,4.5vw,3rem);line-height:1.15}.hero .tagline{color:var(--text-muted);max-width:560px;margin-top:1rem;margin-left:auto;margin-right:auto;font-size:1.1rem}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.tool-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);box-shadow:var(--shadow);padding:1.4rem;text-decoration:none;transition:transform .12s,border-color .12s;display:block}a.tool-card:hover{border-color:var(--accent);transform:translateY(-2px)}.tool-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent-text);border-radius:10px;place-items:center;display:grid}.tool-icon svg{width:24px;height:24px}.tool-card h3{margin-top:.6rem;font-size:1.05rem}.tool-card p{color:var(--text-muted);margin-top:.3rem;font-size:.88rem}.tool-card.soon{opacity:.65}.tool-card .badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;margin-top:.7rem;padding:.1rem .6rem;font-size:.72rem;font-weight:700;display:inline-block}.badge.live{background:var(--accent-soft);color:var(--accent-text)}.badge.planned{background:var(--bg-inset);color:var(--text-muted)}.badge.beta{color:#ffb020;background:#ffb02029}.how-it-works{text-align:center;margin-top:4rem}.how-it-works h2{font-size:1.5rem}.how-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.how-grid .step{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.how-grid .step h3{margin-bottom:.35rem;font-size:1rem}.how-grid .step p{color:var(--text-muted);font-size:.88rem}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);background:var(--bg-card);text-align:center;cursor:pointer;padding:3rem 1.5rem;transition:border-color .15s,background .15s}.drop-zone:hover,.drop-zone.dragover{border-color:var(--accent);background:var(--accent-soft)}.drop-zone .dz-icon{color:var(--accent-text);justify-content:center;display:flex}.drop-zone .dz-icon svg{width:40px;height:40px}.drop-zone p{margin-top:.5rem}.drop-zone .hint{color:var(--text-muted);margin-top:.35rem;font-size:.85rem}button.btn{font:inherit;border-radius:var(--radius-sm);cursor:pointer;background:var(--accent-deep);color:#fff;border:none;padding:.5rem 1.1rem;font-weight:600;transition:background .12s}button.btn:hover{background:var(--accent-deep-hover)}button.btn:disabled{opacity:.45;cursor:default}button.btn.secondary{background:var(--bg-inset);color:var(--text);border:1px solid var(--border)}button.btn.secondary:hover{border-color:var(--accent);background:var(--bg-inset)}.app-toast{z-index:60;max-width:calc(100vw - 2rem);color:var(--text);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:.75rem;padding:.6rem .7rem .6rem 1rem;font-size:.85rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.app-toast-action{font:inherit;cursor:pointer;color:#fff;background:var(--accent-deep);border-radius:var(--radius-sm);border:0;padding:.3rem .7rem;font-weight:600}.app-toast-action:hover{background:var(--accent-deep-hover)}.app-toast-dismiss{font:inherit;cursor:pointer;color:var(--text-muted);background:0 0;border:0;padding:.2rem .4rem;font-size:1.1rem;line-height:1}.app-toast-dismiss:hover{color:var(--text)}.noscript-note{text-align:center;color:var(--text);background:var(--bg-inset);border-bottom:1px solid var(--border);margin:0;padding:.9rem 1.25rem;font-size:.9rem}.legal p a:not(.btn){text-underline-offset:.18em;text-decoration:underline}.site-header{z-index:5;background:0 0;border-bottom:none;position:relative}.site-header .inner{max-width:var(--container,1296px);padding:0 var(--gutter,24px);justify-content:space-between;align-items:center;gap:1rem;height:78px;margin:0 auto;display:flex;position:relative}.brand{color:var(--text);align-items:center;gap:10px;font-size:1.05rem;font-weight:700;text-decoration:none;display:flex}.site-nav{margin:0}.nav-list{border:1px solid var(--border);background:var(--bg-card);border-radius:999px;align-items:center;gap:4px;margin:0;padding:4px;list-style:none;display:flex}.nav-link{color:var(--text-muted);border-radius:999px;align-items:center;padding:8px 18px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:inline-flex}.nav-link:hover{color:var(--text)}.nav-link.is-current{background:var(--bg-inset);color:var(--text)}.nav-cta{border-radius:var(--radius-sm,8px);white-space:nowrap;color:#fff;background:var(--accent-deep);justify-content:center;align-items:center;height:42px;padding:0 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .12s,transform .12s;display:inline-flex;box-shadow:0 2px 6px #0003}.nav-cta:hover{background:var(--accent-deep-hover);color:#fff;transform:translateY(-1px)}.nav-cta-item{display:none}.nav-group{position:relative}.nav-btn{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:.3rem;padding:8px 18px;font-size:.9rem;font-weight:500;display:flex}.nav-btn:hover,.nav-group.open .nav-btn{background:var(--bg-inset);color:var(--text)}.nav-btn .chev{width:13px;height:13px;transition:transform .15s}.nav-btn[aria-expanded=true] .chev{transform:rotate(180deg)}.nav-menu{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm,8px);min-width:200px;box-shadow:var(--shadow);z-index:60;margin:0;padding:.4rem;list-style:none;display:none;position:absolute;top:calc(100% + .5rem);left:0}.nav-group.open .nav-menu{display:block}.nav-menu a,.nav-menu .nav-soon{color:var(--text);white-space:nowrap;border-radius:6px;justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .65rem;font-size:.9rem;text-decoration:none;display:flex}.nav-menu a:hover{background:var(--accent-soft);color:var(--accent-text)}.nav-soon{color:var(--text-muted);cursor:default}.nav-soon em{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-inset);border:1px solid var(--border);border-radius:999px;padding:.05rem .5rem;font-size:.66rem;font-style:normal;font-weight:700}.nav-toggle{border:1px solid var(--border);background:var(--bg-card);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:10px;place-items:center;display:none}.nav-toggle svg{width:22px;height:22px}.nav-toggle .close,.nav-toggle[aria-expanded=true] .burger{display:none}.nav-toggle[aria-expanded=true] .close{display:block}@media (width<=880px){.nav-toggle{display:grid}.site-nav{background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);box-shadow:var(--shadow);padding:.6rem var(--gutter,24px) 1rem;z-index:50;display:none;position:absolute;top:100%;left:0;right:0}.site-nav.open{display:block}.nav-list{background:0 0;border:none;border-radius:0;flex-direction:column;align-items:stretch;gap:0;padding:0}.nav-link,.nav-btn{border-bottom:1px solid var(--border);border-radius:0;width:100%;min-height:48px;padding:0 .4rem;font-size:1rem}.nav-link.is-current{color:var(--accent-text);background:0 0}.nav-group{position:static}.nav-menu{min-width:0;box-shadow:none;background:0 0;border:none;padding:0 0 .6rem .6rem;position:static}.header-cta{display:none}.nav-cta-item{padding-top:.75rem;display:block}.nav-cta-item .nav-cta{width:100%;height:48px;display:flex}}