@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root{font-family:Inter,Arial,sans-serif;color:#e7e7eb;background:#0c0d10;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:repeating-linear-gradient(20deg,transparent 0 33px,#ffffff03 34px 35px);--panel:#131519;--muted:#93949e;--line:#252830}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:5px}button,a{touch-action:manipulation}button{cursor:pointer}p{line-height:1.75}button:disabled{opacity:.4;cursor:not-allowed}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:100;background:white;color:black;padding:15px}h1,h2,h3,h4{letter-spacing:-.5px}h1{font-size:34px}h2{font-size:24px}img{max-width:100%}.dock{position:fixed;display:flex;align-items:center;gap:5px;top:24px;left:50%;transform:translateX(-50%);border:1px solid #292d36;border-radius:18px;padding:9px 13px;background:#141820ed;backdrop-filter:blur(16px);z-index:40;box-shadow:0 10px 30px #0004}.dock a,.dock button{border:0;background:none;width:36px;height:36px;border-radius:7px;color:#b7c3d0;font-size:23px;display:grid;place-items:center;transition:color .2s,transform .2s}.dock a:hover,.dock button:hover{color:#fff;transform:translateY(-3px);background:#ffffff09}.sidebar{display:none}.hero{display:grid;grid-template-columns:45% 55%;gap:30px;padding:110px 8vw 30px;max-width:1500px;min-height:830px;margin:auto;overflow:hidden}.beta{display:inline-block;padding:3px 10px;background:#4c4d51;border:1px solid #777;font-size:12px}.hero-logo{display:block;width:100%;height:auto;margin:24px 0 40px}.hero-copy h1{font-size:34px;line-height:1.4;font-weight:400;color:#a7a8af;margin:24px 0}.hero-copy>p{font-size:17px;color:var(--muted);max-width:445px;margin:28px 0}.hero-copy .button{margin-top:6px}.caption{display:block;font-size:12px;color:#7f828e;margin-top:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:17px 23px;background:#121923;border:1px solid #2b3446;color:#e9edf5;font-size:16px;font-weight:600;transition:background .2s}.button:hover{background:#242c3b}.button.secondary{background:#25282f;font-weight:400}.hero-preview{display:block;align-self:start;width:840px;transform:perspective(1200px) rotateY(-14deg) rotateZ(-3deg);transform-origin:left center;transition:transform .7s;box-shadow:0 35px 80px #0008;border-radius:10px;overflow:hidden}.hero-preview:hover{transform:perspective(1200px) rotateY(-7deg) rotateZ(-1deg)}.hero-preview img{display:block;width:100%;height:auto}.section-heading{text-align:center;font-size:34px;padding:25px;margin:0;border-block:1px solid var(--line)}.about{padding:0 0 120px}.about>p{font-size:25px;line-height:1.45;font-weight:600;text-align:center;max-width:690px;margin:90px auto 0;padding:0 20px}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:1180px;margin:65px auto 100px;padding:0 30px}.muted{color:var(--muted);font-size:16px}.feature-layout h3{font-size:30px;line-height:1.4}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.feature-grid a{transition:transform .2s}.feature-grid a:hover{transform:translateY(-5px)}.feature-grid i{display:grid;place-items:center;width:42px;height:42px;background:#36383e;font-size:26px;font-style:normal}.feature-grid h4{font-size:17px;margin:20px 0 15px}.feature-grid p{font-size:14px;color:var(--muted);margin:0}.showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;transform:rotate(-8deg);width:115%;margin:120px 0 120px -7%}.showcase button{padding:0;border:1px solid #30333b;background:#121316;border-radius:10px;overflow:hidden;box-shadow:0 15px 40px #0006;transition:transform .4s}.showcase button:hover{transform:translateY(-12px)}.showcase img{width:100%;aspect-ratio:1.4;object-fit:cover;object-position:top;display:block}.bottom-cta{text-align:center;padding:90px 24px 100px}.bottom-cta h2{font-size:34px}.bottom-cta p{color:var(--muted);font-size:17px;margin-bottom:30px}body:not(.workspace) main{overflow:hidden}footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;padding:55px 8vw 30px;border-top:1px solid var(--line);background:#0a0b0d}footer h3{font-size:16px;margin:0 0 18px}footer a{display:block;color:#9296a3;margin:12px 0;font-size:14px}footer a:hover{color:#eee}footer p{font-size:14px;color:#8f929d}.footer-note{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px;font-size:12px;max-width:100%}.workspace{background:#0b0c0e}.workspace .sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:210px;padding:30px 15px;gap:10px;flex-direction:column;background:#0e1014;border-right:1px solid var(--line);z-index:30}.side-logo{margin-bottom:25px}.sidebar>a:not(.side-logo){padding:13px 12px;font-size:15px;display:flex;gap:15px;align-items:center;border-radius:8px;color:#a5a8b4}.sidebar>a:hover,.sidebar>a[aria-current]{background:#232630;color:#f1f1f6}.sidebar p{margin-top:auto;padding:10px;font-size:12px;color:#9296a2}.sidebar small{display:block;line-height:1.6;margin-top:10px}.workspace .dock{left:auto;right:25px;transform:none}.workspace main{margin-left:210px;padding:38px 42px 70px;min-height:80vh}.workspace footer{margin-left:210px}.page-head{padding-right:260px;margin-bottom:30px}.page-head h1{margin:0 0 10px;font-size:30px}.page-head p{color:var(--muted);font-size:15px}.notice{padding:14px 18px;background:#191c23;color:#a9b0c0;font-size:14px;line-height:1.6;border-radius:8px;margin-bottom:25px}.panel{background:var(--panel);padding:26px;border:1px solid var(--line);border-radius:10px;margin-bottom:25px}.panel h2{font-size:20px;margin:0 0 25px}.panel>p{font-size:14px;color:var(--muted)}.drop-zone{display:flex;position:relative;flex-direction:column;align-items:center;gap:13px;padding:35px 20px;border:1px dashed #333a49;border-radius:8px;background:#0e1014;cursor:pointer;text-align:center}.drop-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop-zone:focus-within,.drop-zone.dragging{border-color:#aa91e3;background:#1b1825}.drop-zone span{font-size:15px;color:#a3a6b1}.drop-zone .upload-icon{font-size:33px;color:#b5bfce}.drop-zone small{color:#787e8e;font-size:13px}.file-preview{min-height:240px;display:grid;place-items:center;background:#0c0d10;overflow:hidden;border-radius:7px;color:#747b8a}.file-preview iframe{width:100%;height:640px;border:0;background:#fff}.file-preview img{max-height:640px;object-fit:contain}.hash{display:block;overflow-wrap:anywhere;background:#090c10;padding:18px;font:14px/1.8 monospace;color:#b9cbbf;border-radius:7px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:23px 0}.panel .actions{margin-bottom:0}.records article{display:flex;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.records article:last-child{border:0}.records article>div{min-width:0;flex:1}.records h2{font-size:16px;margin:0 0 8px;overflow-wrap:anywhere}.records small{font-size:13px;color:var(--muted)}.records code{display:block;font-size:12px;color:#767f90;overflow-wrap:anywhere;margin-top:12px}.record-icon{font-size:28px;color:#99a0b2}.empty{text-align:center;padding:55px 20px;color:var(--muted)}.empty>span{font-size:45px}.empty h2{color:#e0e2e9;margin:20px}.verify-panel{max-width:850px}form label{display:block;font-size:15px;margin:22px 0 10px}form input{width:100%;padding:15px;border:1px solid #373d49;border-radius:6px;background:#0c0f14;color:#e6eaf2}form p{font-size:14px;color:var(--muted)}.result{padding:22px;margin-top:25px;border-radius:6px;font-size:16px;line-height:1.6}.match{background:#1b332a;color:#9fd8ba}.mismatch{background:#381f26;color:#f0b4bf}.guide{max-width:850px}.guide h2{margin-top:30px;margin-bottom:12px}.guide p{color:var(--muted);font-size:16px}.gallery-modal{width:min(1000px,94vw);border:1px solid #343844;background:#11151b;padding:20px;border-radius:12px;color:#aaa;max-height:90vh}.gallery-modal img{width:100%;max-height:70vh;object-fit:contain}.gallery-modal button{display:block;margin-left:auto;background:none;border:0;color:white;font-size:28px}.gallery-modal p{text-align:center;font-size:13px}.gallery-modal::backdrop{background:#000c}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#e1e7ed;color:#111;padding:15px 23px;border-radius:8px;font-size:14px;max-width:90vw;z-index:80;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.light{color:#232730;background:#f1f3f6;--panel:#fff;--muted:#616a79;--line:#d9dde4;color-scheme:light}.light .hero-logo,.light footer img,.light .side-logo img{filter:invert(.85) hue-rotate(180deg)}.light .hero-copy h1{color:#535b68}.light footer,.light .sidebar{background:#e5e8ee}.light .empty h2{color:#242a35}.light .drop-zone,.light .file-preview,.light form input{background:#f1f3f7;color:#242a35}.light .notice{background:#e4e7ef;color:#566075}.light .sidebar>a[aria-current],.light .sidebar>a:hover{background:#d6dce6;color:#222}
@media(max-width:1000px){.hero{padding-inline:5vw;min-height:730px;gap:25px}.hero-logo{margin-bottom:25px}.hero-copy h1{font-size:29px}.hero-preview{width:700px}.hero-copy>p{font-size:16px}.page-head{padding-right:0;padding-top:70px}.workspace main{padding:30px 26px 50px}.feature-layout{gap:40px}.workspace footer{padding:35px 25px}.workspace footer{grid-template-columns:1fr 1fr}.workspace footer>div:first-child{grid-column:1/-1}}
@media(max-width:650px){.dock{top:16px;padding:7px 9px}.hero{display:flex;flex-direction:column;padding:105px 24px 55px;gap:35px;min-height:0}.hero-logo{max-width:440px;margin:24px 0 30px}.hero-copy h1{font-size:31px}.hero-preview{width:120%;margin-left:0}.section-heading{font-size:29px}.about{padding-bottom:65px}.about>p{font-size:22px;margin-top:45px}.feature-layout{grid-template-columns:1fr;padding:0 24px;margin:40px auto 65px;gap:25px}.feature-layout h3{font-size:28px}.feature-grid{gap:25px 18px}.feature-grid p{font-size:14px}.showcase{grid-template-columns:1fr 1fr;gap:15px;margin:65px 0 70px -10%;width:120%}.bottom-cta{padding:50px 24px 65px}.bottom-cta h2{font-size:29px}footer{grid-template-columns:1fr 1fr;padding:35px 24px;gap:25px}footer>div:first-child{grid-column:1/-1}.workspace .sidebar{width:58px;padding:25px 7px}.sidebar .side-logo{display:none}.sidebar>a:not(.side-logo){font-size:22px;padding:12px 8px;justify-content:center}.sidebar>a span,.sidebar p{display:none}.workspace main{margin-left:58px;padding:90px 15px 40px}.workspace footer{margin-left:58px;grid-template-columns:1fr}.workspace .dock{right:15px;top:12px;padding:5px 7px}.workspace .dock a,.workspace .dock button{width:30px;height:30px;font-size:20px}.page-head{padding:0}.page-head h1{font-size:25px}.panel{padding:18px 15px}.drop-zone{padding:25px 12px}.button{font-size:14px;padding:14px 17px}.records article{flex-wrap:wrap}.records article>div{width:75%}.file-preview iframe{height:430px}.workspace .footer-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}.hero-preview,.hero-preview:hover,.showcase{transform:none}.showcase{width:100%;margin-left:0}}

