@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-page:#3a3530;--bg-surface:#454039;--bg-elevated:#504a42;--bg-input:#332f2a;--bg-frame:#403a34;--text-primary:#f1e8dc;--text-secondary:#d8cec1;--text-muted:#b5aa9e;--text-faint:#92877b;--accent:#e9823e;--accent-hover:#f39450;--accent-dim:#c9672c;--accent-tint:#e9823e24;--accent-border:#e9823e61;--border-faint:#ffffff12;--border-subtle:#ffffff21;--border-medium:#ffffff30;--border-strong:#ffffff45;--font-heading:"Space Grotesk", sans-serif;--font-sans:"DM Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-xs:5px;--radius-sm:9px;--radius-md:13px;--radius-lg:18px;--shadow-card:0 8px 25px #00000026;--shadow-deep:0 18px 45px #00000038;--ease-out:.22s cubic-bezier(.16, 1, .3, 1);--ease-snappy:.14s ease-out}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:linear-gradient(#ffffff06 1px,#0000 1px);background-size:100% 36px;margin:0;font-size:16px}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}::selection{background:var(--accent);color:#241f1a}.app-shell{color:#282521;background:#f4f0e9;min-height:100vh}.navbar{border-bottom:1px solid #d9d1c6;justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);height:82px;margin:0 auto;display:flex}.brand{letter-spacing:-.04em;color:#282521;background:0 0;border:0;padding:0;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700}.brand span{color:#d96b2f}.nav-how{color:#635d55;background:0 0;border:0;align-items:center;gap:9px;padding:10px 0;font-size:15px;font-weight:600;display:flex}.nav-how span{color:#d96b2f;font-size:18px}.hero{width:min(1180px,100% - 48px);margin:0 auto;padding:105px 0 110px}.eyebrow,.section-label,.small-label{letter-spacing:.11em;text-transform:uppercase;color:#81786e;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.eyebrow{align-items:center;gap:11px;margin-bottom:30px;display:flex}.eyebrow-dot{background:#d96b2f;border-radius:50%;width:8px;height:8px}.hero h1{letter-spacing:-.065em;color:#282521;max-width:1000px;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(58px,8vw,96px);font-weight:700;line-height:.96}.hero h1 em{color:#d96b2f;font-style:normal}.hero-copy{color:#686158;max-width:680px;margin:34px 0 0;font-size:21px;line-height:1.65}.hero-actions{align-items:center;gap:20px;margin-top:38px;display:flex}.primary-button{color:#fff8f0;background:#d96b2f;border:0;border-radius:8px;justify-content:center;align-items:center;gap:18px;min-height:54px;padding:0 23px;font-size:16px;font-weight:700;transition:transform .18s,background .18s;display:inline-flex;box-shadow:0 8px 20px #4c342321}.primary-button:hover{background:#c95f27;transform:translateY(-2px)}.primary-button span{font-size:21px}.hero-hint{color:#958c81;font-size:14px}.explore-section,.discovery-section,.how-section{width:min(1180px,100% - 48px);margin:0 auto}.section-label{align-items:center;gap:14px;margin-bottom:22px;display:flex}.section-label span{color:#d96b2f}.upload-card{background:#eae4db;border:1px solid #cbc2b6;border-radius:16px;flex-direction:column;min-height:540px;transition:border-color .18s,background .18s,transform .18s;display:flex;position:relative}.upload-card.drag-active{background:#e9ded1;border-color:#d96b2f;transform:scale(1.005)}.upload-topline,.preview-topline{letter-spacing:.08em;color:#93897e;border-bottom:1px solid #d2c9bd;justify-content:space-between;padding:22px 25px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;display:flex}.upload-center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:50px 25px;display:flex}.camera-mark{background:#f4f0e9;border:1px solid #cec5b9;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:30px;display:flex}.camera-body{border:2px solid #d96b2f;border-radius:5px;width:34px;height:25px;position:relative}.camera-body:before{content:"";border:2px solid #d96b2f;border-bottom:0;border-radius:3px 3px 0 0;width:12px;height:6px;position:absolute;top:-6px;left:8px}.camera-lens{border:2px solid #d96b2f;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.upload-center h2{letter-spacing:-.045em;color:#2d2925;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(34px,4vw,50px);line-height:1}.upload-center p{color:#756d64;max-width:480px;margin:18px 0 27px;font-size:17px;line-height:1.6}.choose-button{color:#f8f3eb;background:#2d2925;border:0;border-radius:8px;min-height:53px;padding:0 25px;font-size:16px;font-weight:700;transition:background .18s,transform .18s}.choose-button:hover{background:#454038;transform:translateY(-2px)}.format-hint{letter-spacing:.07em;color:#9a9186;margin-top:18px;font-family:JetBrains Mono,monospace;font-size:11px}.preview-card{background:#eae4db;border:1px solid #cbc2b6;border-radius:16px;overflow:hidden}.preview-layout{grid-template-columns:1.2fr .8fr;gap:0;display:grid}.preview-image-container{background:#ded7cd;justify-content:center;align-items:center;min-height:460px;padding:30px;display:flex}.preview-image{object-fit:contain;border-radius:10px;width:100%;max-height:400px;box-shadow:0 14px 35px #352b2226}.preview-info{flex-direction:column;justify-content:center;padding:50px;display:flex}.preview-info h2{letter-spacing:-.045em;color:#2c2824;margin:13px 0 15px;font-family:Space Grotesk,sans-serif;font-size:43px;line-height:1}.preview-info p{color:#70685f;margin:0;font-size:17px;line-height:1.6}.file-name{color:#81786e;text-overflow:ellipsis;white-space:nowrap;background:#ddd6cc;border-radius:6px;margin-top:23px;padding:11px 13px;font-family:JetBrains Mono,monospace;font-size:12px;overflow:hidden}.preview-actions{flex-direction:column;gap:10px;margin-top:24px;display:flex}.secondary-button{color:#635c54;background:0 0;border:1px solid #c9c0b4;border-radius:8px;min-height:48px;font-size:14px;font-weight:600}.secondary-button:hover{background:#ded7cd}.loading-bar-area{color:#71685f;border-top:1px solid #d2c9bd;align-items:center;gap:12px;padding:18px 25px;font-size:14px;display:flex}.loading-spinner{background:#d96b2f;border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite loadingPulse}@keyframes loadingPulse{0%,to{opacity:.35;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}.error-box{color:#81513d;background:#f2ddd3;border:1px solid #d6a18a;border-radius:8px;flex-direction:column;gap:4px;margin-top:15px;padding:15px 17px;font-size:14px;display:flex}.error-box strong{font-weight:700}.discovery-section{padding-top:125px}.discovery-header{justify-content:space-between;align-items:flex-end;margin-bottom:35px;display:flex}.discovery-header h2{letter-spacing:-.05em;color:#292521;margin:10px 0 0;font-family:Space Grotesk,sans-serif;font-size:clamp(42px,5vw,64px);line-height:.98}.new-discovery{color:#766e65;background:0 0;border:0;font-size:14px;font-weight:600}.new-discovery:hover{color:#d96b2f}.object-card{background:#e9e2d9;border:1px solid #d2c9be;border-radius:14px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.object-photo{background:#dcd5cb;justify-content:center;align-items:center;min-height:420px;padding:30px;display:flex}.object-photo img{object-fit:contain;border-radius:9px;width:100%;height:360px}.object-name-area{flex-direction:column;justify-content:center;padding:55px;display:flex}.object-name-area h3{letter-spacing:-.06em;color:#292521;margin:14px 0 25px;font-family:Space Grotesk,sans-serif;font-size:clamp(48px,6vw,76px);line-height:.9}.confidence{letter-spacing:.08em;color:#8b8177;background:#ddd4c9;border-radius:5px;width:fit-content;padding:8px 11px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.fact-card{color:#f1eae1;background:#2f2b27;border-radius:14px;grid-template-columns:80px 1fr;gap:25px;margin-top:20px;padding:48px;display:grid}.fact-number{color:#d96b2f;font-family:JetBrains Mono,monospace;font-size:13px}.fact-card .small-label{color:#a79d91}.fact-card h3{letter-spacing:-.04em;color:#f1eae1;max-width:700px;margin:15px 0 16px;font-family:Space Grotesk,sans-serif;font-size:clamp(28px,4vw,43px);line-height:1.05}.fact-card p{color:#c5baad;max-width:750px;margin:0;font-size:17px;line-height:1.7}.quiz-card{background:#eae3da;border:1px solid #d2c9be;border-radius:14px;margin-top:20px;padding:48px}.quiz-heading h3{letter-spacing:-.045em;color:#2d2925;margin:13px 0 9px;font-family:Space Grotesk,sans-serif;font-size:clamp(34px,4vw,48px);line-height:1}.quiz-heading p{color:#776f66;margin:0 0 30px;font-size:16px}.quiz-options{flex-direction:column;gap:10px;display:flex}.quiz-option{text-align:left;color:#464038;background:#f3eee7;border:1px solid #cec5ba;border-radius:9px;grid-template-columns:40px 1fr 25px;align-items:center;gap:15px;width:100%;padding:18px;transition:border-color .16s,background .16s;display:grid}.quiz-option:hover{background:#f7f2eb;border-color:#b5aa9d}.quiz-option.selected{background:#f2e1d5;border-color:#d96b2f}.quiz-option.correct{background:#e1ebdd;border-color:#71946f}.quiz-option.incorrect{background:#f0ddd7;border-color:#c48a79}.option-number{color:#756c62;border:1px solid #c9c0b5;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.quiz-option span:nth-child(2){font-size:16px;line-height:1.45}.option-arrow{color:#a0968a;font-size:18px}.check-button,.observation-button{color:#f6efe7;background:#2d2925;border:0;border-radius:8px;align-items:center;gap:17px;min-height:51px;margin-top:25px;padding:0 21px;font-size:15px;font-weight:700;display:inline-flex}.check-button:hover:not(:disabled),.observation-button:hover{background:#d96b2f}.check-button:disabled{opacity:.35;cursor:not-allowed}.answer-result{border-radius:9px;margin-top:25px;padding:22px}.answer-correct{color:#466044;background:#dfe9db}.answer-wrong{color:#764d40;background:#efddd6}.answer-title{font-size:17px;font-weight:700}.answer-result p{margin:8px 0 0;font-size:15px;line-height:1.6}.look-again-card{background:#dcd4c9;border:1px solid #d2c9be;border-radius:14px;grid-template-columns:100px 1fr;gap:25px;margin-top:20px;padding:48px;display:grid}.look-icon{color:#d96b2f;background:#f4f0e9;border:1px solid #c8beb2;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:36px;display:flex}.look-content h3{letter-spacing:-.04em;color:#302b27;margin:13px 0 12px;font-family:Space Grotesk,sans-serif;font-size:clamp(30px,4vw,44px);line-height:1}.look-content p{color:#6d655c;max-width:720px;margin:0;font-size:17px;line-height:1.65}.how-section{padding-top:150px;padding-bottom:150px}.how-heading{grid-template-columns:1fr .7fr;align-items:end;gap:80px;margin-bottom:55px;display:grid}.how-heading h2{letter-spacing:-.06em;color:#292521;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(48px,6vw,76px);line-height:.95}.how-heading h2 em{color:#d96b2f;font-style:normal}.how-heading p{color:#746c63;margin:0;font-size:17px;line-height:1.7}.steps-grid{border-top:1px solid #cfc6ba;border-bottom:1px solid #cfc6ba;grid-template-columns:repeat(5,1fr);display:grid}.step-card{border-right:1px solid #cfc6ba;min-height:230px;padding:25px 22px}.step-card:last-child{border-right:0}.step-number{color:#d96b2f;font-family:JetBrains Mono,monospace;font-size:11px}.step-card h3{letter-spacing:-.035em;color:#2e2925;margin:55px 0 12px;font-family:Space Grotesk,sans-serif;font-size:27px}.step-card p{color:#7b7268;margin:0;font-size:14px;line-height:1.55}.footer{background:#e9e2d9;border-top:1px solid #d2c9be;width:100%;padding:50px max(24px,50% - 590px) 30px}.footer-main{justify-content:space-between;align-items:flex-start;padding-bottom:45px;display:flex}.footer-brand{letter-spacing:-.04em;color:#3a342e;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700}.footer-brand span{color:#d96b2f}.footer-main p{color:#81786e;margin:9px 0 0;font-size:14px}.footer-note{letter-spacing:.08em;text-align:right;color:#958b80;font-family:JetBrains Mono,monospace;font-size:10px;line-height:1.7}.footer-bottom{letter-spacing:.08em;color:#9b9186;border-top:1px solid #d2c9be;justify-content:space-between;padding-top:22px;font-family:JetBrains Mono,monospace;font-size:9px;display:flex}@media (width<=900px){.hero{padding-top:80px}.preview-layout{grid-template-columns:1fr}.preview-image-container{min-height:360px}.preview-info{padding:38px}.object-card{grid-template-columns:1fr}.object-photo{min-height:340px}.object-photo img{height:290px}.how-heading{grid-template-columns:1fr;gap:25px}.steps-grid{grid-template-columns:repeat(2,1fr)}.step-card:nth-child(2){border-right:0}.step-card:nth-child(3),.step-card:nth-child(4){border-top:1px solid #cfc6ba}.step-card:nth-child(5){border-top:1px solid #cfc6ba;border-right:0}}@media (width<=600px){.navbar,.hero,.explore-section,.discovery-section,.how-section{width:calc(100% - 30px)}.navbar{height:68px}.hero{padding-top:65px;padding-bottom:80px}.hero h1{font-size:48px}.hero-copy{font-size:17px}.hero-actions{flex-direction:column;align-items:flex-start}.upload-card{min-height:460px}.upload-topline,.preview-topline{padding:17px;font-size:9px}.upload-center{padding:35px 20px}.upload-center h2{font-size:35px}.preview-info{padding:30px 24px}.preview-info h2{font-size:38px}.discovery-section{padding-top:90px}.discovery-header{flex-direction:column;align-items:flex-start;gap:20px}.discovery-header h2{font-size:42px}.object-name-area{padding:35px 25px}.object-name-area h3{font-size:55px}.fact-card,.quiz-card,.look-again-card{padding:28px 22px}.fact-card{grid-template-columns:1fr;gap:10px}.look-again-card,.steps-grid{grid-template-columns:1fr}.step-card{border-bottom:1px solid #cfc6ba;border-right:0;min-height:auto;padding:24px 20px}.step-card:nth-child(n){border-top:0}.step-card:last-child{border-bottom:0}.step-card h3{margin-top:25px}.footer-main,.footer-bottom{flex-direction:column;gap:20px}.footer-note{text-align:left}}