:root{--ink:#14251f;--ink-soft:#21362f;--muted:#71817b;--line:#dbe6e0;--paper:#f5f8f5;--mint:#d8eee1;--green:#216c4d;--green-dark:#164a37;--cream:#f5ecdf;--orange:#b9683d;--gold:#c79b55;--shadow:0 22px 70px rgba(20,53,40,.10);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 8% 8%,rgba(216,238,225,.48),transparent 29rem),var(--paper);color:var(--ink);font-family:'Manrope',sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;z-index:-1;top:32%;right:-14rem;width:30rem;height:30rem;border:1px solid rgba(33,108,77,.08);border-radius:50%;animation:ambientFloat 14s ease-in-out infinite;pointer-events:none}.topbar{height:78px;border-bottom:1px solid rgba(219,230,224,.9);display:flex;align-items:center;justify-content:space-between;padding:0 7vw;background:rgba(245,248,245,.78);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.brand{color:var(--ink);font-size:12px;letter-spacing:.2em;font-weight:800;text-decoration:none;transition:color .2s ease}.brand:hover{color:var(--green)}.brand-mark{font-size:18px;margin-right:10px;color:var(--green)}.brand i{font-family:'DM Mono';font-style:normal;font-size:9px;color:var(--orange);letter-spacing:.04em;margin-left:4px}.header-note{font:10px 'DM Mono';color:var(--muted);letter-spacing:.06em}.live-dot{background:#65a982;width:7px;height:7px;display:inline-block;border-radius:50%;margin-right:8px;box-shadow:0 0 0 5px rgba(101,169,130,.13);animation:dotPulse 2.2s ease-in-out infinite}.hero{max-width:800px;margin:104px auto 78px;text-align:center;padding:0 24px}.eyebrow{font:500 10px 'DM Mono';letter-spacing:.18em;color:var(--green)}h1{font:400 clamp(54px,8vw,92px)/.96 'DM Serif Display',serif;margin:20px 0 27px;letter-spacing:-.045em}h1 em{color:var(--green);font-style:italic}p{color:var(--muted);font-size:15px;line-height:1.7;margin:0 auto;max-width:570px}.workspace{max-width:1080px;margin:auto;display:grid;grid-template-columns:1.25fr .75fr;gap:24px;padding:0 24px}.upload-panel{position:relative;border:1.5px dashed #a8bdb1;border-radius:var(--radius);min-height:410px;background:rgba(255,255,255,.66);display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;box-shadow:0 12px 40px rgba(28,70,50,.04);transition:border-color .3s ease,background .3s ease,transform .3s ease,box-shadow .3s ease}.upload-panel:hover{border-color:#7fa994;box-shadow:0 20px 55px rgba(28,70,50,.08);transform:translateY(-2px)}.upload-panel.dragover{border-color:var(--green);background:#eff8f1;transform:scale(1.01)}.upload-icon{border:1px solid var(--green);width:52px;height:52px;border-radius:16px;font-size:27px;line-height:47px;color:var(--green);margin-bottom:20px;background:rgba(216,238,225,.55);transform:rotate(-5deg);transition:transform .3s ease}.upload-panel:hover .upload-icon{transform:rotate(0) translateY(-3px)}h2{font:400 29px 'DM Serif Display';margin:0 0 5px}.upload-panel p{font-size:13px}.button{border:0;border-radius:10px;padding:14px 23px;margin-top:27px;font:600 11px 'DM Mono';letter-spacing:.08em;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,53,40,.13)}.primary{background:var(--green);color:white}.primary:hover{background:var(--green-dark)}.primary span{font-size:17px;margin-left:18px}.upload-actions{display:flex;gap:10px;justify-content:center}.camera-button{background:rgba(255,255,255,.7);border:1px solid var(--green);color:var(--green)}.camera-button span{margin-left:12px}.file-hint{font:10px 'DM Mono';color:#99a59f;margin-top:15px}.upload-status{display:none;align-items:center;gap:9px;font:10px 'DM Mono';color:var(--green);margin-top:22px}.upload-status.show{display:flex}.spinner{display:inline-block;width:13px;height:13px;border:2px solid #b8d9c5;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite;vertical-align:-2px;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ambientFloat{50%{transform:translate(-18px,20px) rotate(12deg)}}@keyframes dotPulse{50%{box-shadow:0 0 0 7px rgba(101,169,130,.05)}}.preview-wrap{display:none;position:absolute;inset:20px;background:var(--paper);z-index:2;border-radius:12px;overflow:hidden}.preview-wrap.show{display:block}.preview-wrap img{width:100%;height:100%;object-fit:contain}.remove{position:absolute;top:12px;right:12px;border:0;background:var(--ink);color:#fff;border-radius:50%;width:32px;height:32px;font-size:21px;cursor:pointer;transition:transform .2s ease}.remove:hover{transform:rotate(90deg) scale(1.08)}.howto{background:linear-gradient(145deg,#f7efe3,#f1e6d6);border:1px solid #eadcca;border-radius:var(--radius);padding:39px 36px;box-shadow:0 16px 45px rgba(99,77,49,.05)}.step{display:flex;gap:19px;border-bottom:1px solid #dacdbb;padding:24px 0}.step b{font:500 11px 'DM Mono';color:var(--orange);padding-top:3px}.step strong,.step span{display:block}.step strong{font-size:14px;margin-bottom:7px}.step span{font-size:12px;color:#887e70;line-height:1.5}.privacy{font:10px 'DM Mono';color:var(--orange);margin-top:29px;display:flex;gap:8px}.privacy span{color:#998b78;line-height:1.5}.result-section{max-width:1080px;margin:31px auto 80px;padding:0 24px}.result-empty{border-top:1px solid var(--line);padding-top:24px;color:var(--muted)}.result-empty span{font:500 10px 'DM Mono';letter-spacing:.18em}.result-empty p{margin:8px 0 0;text-align:left;font-size:13px}.result-card{background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:var(--radius);padding:35px;display:grid;grid-template-columns:1fr 1fr;gap:30px;box-shadow:var(--shadow);animation:contentIn .5s ease both}.result-card .eyebrow{color:var(--orange)}.result-card h3{font:400 38px/1.05 'DM Serif Display';margin:12px 0}.summary{font-size:14px;max-width:none;margin:0}.price-box{background:var(--mint);padding:23px;border-radius:13px}.price-box small{font:10px 'DM Mono';letter-spacing:.1em;color:var(--green)}.price{font:400 32px 'DM Serif Display';margin:8px 0}.price-note{font-size:11px;color:#527463;line-height:1.45}.offer-button{background:var(--orange);color:#fff;width:100%;margin-top:18px}.offer-button:hover{background:#a95d37}.offer-button:disabled{opacity:.45;cursor:not-allowed}.detail-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}.detail{background:white;padding:17px}.detail label{display:block;font:10px 'DM Mono';color:var(--muted);margin-bottom:8px}.detail strong{font-size:13px}.result-list{font-size:12px;color:var(--muted);line-height:1.7;margin:0;padding-left:18px}.result-list li{margin-bottom:5px}.result-list a{color:var(--green);text-decoration:none}.result-list a:hover{text-decoration:underline}.sources{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px}.offer-card{margin-top:18px;background:linear-gradient(135deg,var(--ink),#1d4033);color:#fff;border-radius:var(--radius);padding:27px 35px;display:flex;align-items:center;gap:25px;position:relative;box-shadow:var(--shadow)}.offer-card .eyebrow{color:#e7b99f}.offer-card h3{font:400 26px 'DM Serif Display';margin:9px 0}.offer-card p{color:#c4d0ca;font-size:13px;margin:0;max-width:410px}.offer-amount{margin-left:auto;color:#d7efdf;font:400 31px 'DM Serif Display';white-space:nowrap}.offer-amount small{display:block;font:10px 'DM Mono';color:#9db9a8;text-align:right;margin-top:5px}.offer-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#fff;font-size:22px;cursor:pointer}footer{text-align:center;border-top:1px solid var(--line);padding:28px;font:10px 'DM Mono';letter-spacing:.12em;color:var(--muted)}footer span{margin:0 8px;color:var(--orange)}.loading{padding:34px;border-top:1px solid var(--line);color:var(--green);font:12px 'DM Mono'}@keyframes contentIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:700px){.topbar{height:64px;padding:0 18px}.header-note{display:none}.hero{margin:58px auto 42px;padding:0 20px}.hero p{font-size:14px}h1{font-size:56px}.workspace{grid-template-columns:1fr;padding:0 14px;gap:14px}.upload-panel{min-height:360px;padding:20px 14px}.upload-actions{flex-direction:column;width:min(260px,100%)}.upload-actions .button{width:100%;margin-top:14px}.howto{padding:28px 24px}.result-section{padding:0 14px;margin-bottom:50px}.result-card{grid-template-columns:1fr;padding:22px;gap:22px}.result-card h3{font-size:31px}.detail-grid{grid-template-columns:1fr 1fr}.detail{padding:13px}.offer-card{padding:24px 20px;display:block}.offer-amount{margin-top:20px;font-size:29px}.offer-amount small{text-align:left}.offer-close{right:9px;top:6px}}