:root{--color-primary: #2d6a4f;--color-primary-hover: #1e5038;--color-accent: #52b788;--color-bg: #faf8f4;--color-card: #ffffff;--color-card-warm: #f5f1ea;--color-surface-raised: #ffffff;--color-text: #1c1814;--color-text-muted: #6b6b5e;--color-border: #e0d9cf;--color-danger: #c62828;--color-danger-hover: #a81e1e;--color-success: #2d6a4f;--radius-card: 16px;--radius-btn: 10px;--shadow-card: 0 1px 3px rgba(44,70,40,.08), 0 1px 2px rgba(44,70,40,.04);--shadow-card-hover: 0 6px 20px rgba(44,70,40,.12), 0 2px 4px rgba(44,70,40,.06);--shadow-sticky: 0 -2px 12px rgba(44,70,40,.08);--font-sans: "DM Sans", system-ui, sans-serif;--font-serif: "Lora", Georgia, serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);font-size:15px;line-height:1.7}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2{font-family:var(--font-serif)}h1{font-size:28px;font-weight:600;line-height:1.25;letter-spacing:-.03em;margin:0 0 6px}h2{font-size:20px;font-weight:500;line-height:1.35;letter-spacing:-.02em;margin:0 0 4px}h3{font-family:var(--font-sans);font-size:15px;font-weight:600;margin:0 0 4px}p{margin:0 0 8px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.floating-nav{position:fixed;top:16px;left:24px;z-index:50}.floating-nav-back{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:var(--color-text-muted);text-decoration:none;background:#ffffffbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:20px;padding:6px 14px 6px 8px;transition:color .15s,background .15s}.floating-nav-back:hover{color:var(--color-text);background:#fffffff2;text-decoration:none}.main-content{flex:1;padding:32px 16px 64px}.container{max-width:680px;margin:0 auto;width:100%}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:20px 24px;margin-bottom:12px;box-shadow:var(--shadow-card)}.card-highlight{background:#edf7f1;border-color:var(--color-accent)}.btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:var(--radius-btn);padding:10px 18px;font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,transform .15s,box-shadow .15s,opacity .15s;text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #2d6a4f40}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 14px #2d6a4f52;text-decoration:none}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 4px #2d6a4f33}.btn-primary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-secondary{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-secondary:hover{background:#edf7f1}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:var(--color-danger-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}button{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:var(--radius-btn);background:var(--color-primary);color:#fff;padding:10px 18px;font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}button:hover{background:var(--color-primary-hover)}button.secondary{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}button.danger{background:var(--color-danger);color:#fff}button.danger:hover{background:var(--color-danger-hover)}button:disabled{opacity:.55;cursor:not-allowed}input,select,textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-btn);padding:9px 12px;margin-top:4px;font-family:var(--font-sans);font-size:14px;color:var(--color-text);background:#fff;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #52b78833}textarea{min-height:140px;resize:vertical}label{display:block;margin-bottom:14px;font-size:14px;font-weight:500}label input[type=checkbox]{width:auto;margin-top:0;margin-right:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.form-grid .full-width{grid-column:1 / -1}@media(max-width:640px){.form-grid{grid-template-columns:1fr}}.stepper{display:flex;align-items:center;justify-content:center;gap:0;padding:20px 24px;background:var(--color-card);border-bottom:1px solid var(--color-border)}.stepper-mobile{display:none;text-align:center;padding:12px 16px;font-size:13px;font-weight:500;color:var(--color-text-muted);background:var(--color-card);border-bottom:1px solid var(--color-border)}.step-item{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;min-width:80px}.step-item+.step-item:before{content:"";position:absolute;left:-50%;top:14px;width:100%;height:2px;background:var(--color-border);z-index:0}.step-item.done+.step-item:before{background:var(--color-accent)}.step-circle{width:28px;height:28px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-bg);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--color-text-muted);position:relative;z-index:1;transition:background .2s,border-color .2s,color .2s}.step-item.done .step-circle{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.step-item.active .step-circle{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.step-label{font-size:11px;font-weight:500;color:var(--color-text-muted);white-space:nowrap}.step-item.active .step-label{color:var(--color-primary);font-weight:600}.step-item.done .step-label{color:var(--color-accent)}@media(max-width:640px){.stepper{display:none}.stepper-mobile{display:block}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:44px;height:44px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:32px auto}.processing-center{text-align:center;padding:80px 24px 48px}.badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600;letter-spacing:.3px}.badge-high{background:#d4edda;color:#155724}.badge-medium{background:#fff3cd;color:#856404}.badge-low{background:#f8d7da;color:#721c24}.badge-default{background:#e9ecef;color:#495057}.price{font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-weight:600;font-size:16px;text-align:right}.component-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}.component-icon{flex-shrink:0;width:36px;height:36px;background:#edf7f1;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.component-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:6px}.upload-area{border:2px dashed var(--color-border);border-radius:12px;padding:40px 24px;text-align:center;transition:border-color .2s,background .2s;cursor:pointer}.upload-area:hover{border-color:var(--color-accent);background:#f0faf5}.upload-area input[type=file]{display:none}.upload-hint-bubble{position:absolute;top:0;right:0;z-index:1;background:var(--color-card-warm);border:1.5px solid #b5a99a;border-radius:6px;padding:7px 11px;font-size:11px;line-height:1.45;color:var(--color-text-muted);max-width:170px;text-align:left;pointer-events:none;box-shadow:0 1px 4px #00000014}.upload-hint-bubble:after{content:"";position:absolute;top:100%;right:20px;border-width:7px 6px 0 6px;border-style:solid;border-color:#b5a99a transparent transparent transparent}.upload-hint-bubble:before{content:"";position:absolute;top:calc(100% - 1px);right:21px;border-width:6px 5px 0 5px;border-style:solid;border-color:var(--color-card-warm) transparent transparent transparent;z-index:1}.upload-icon{color:var(--color-accent);margin-bottom:12px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.muted{color:var(--color-text-muted);font-size:13px}.error{color:var(--color-danger);font-size:14px}.success-msg{color:var(--color-success);font-weight:500}.page-header{margin-bottom:20px}.page-header p{color:var(--color-text-muted);margin-top:4px}@media(max-width:640px){.main-content{padding:20px 12px 48px}.card{padding:16px}h1{font-size:24px}.price-table .price-cell{white-space:normal}.price-note{display:block;margin-left:0!important;margin-top:3px;font-size:11px}.component-header{display:grid;grid-template-columns:36px 1fr auto;grid-template-rows:auto auto;gap:2px 10px;align-items:start;margin-bottom:0}.component-icon{grid-column:1;grid-row:1 / 3;align-self:center}.component-title{grid-column:2;grid-row:1;min-width:0}.component-chevron{grid-column:3;grid-row:1}.component-header .price{grid-column:2;grid-row:2;font-size:14px;text-align:left;margin-top:2px}.explained-dot{grid-column:3;grid-row:2;align-self:center;margin-top:2px}}.quote-page-wrapper{max-width:1040px;margin:0 auto;display:flex;gap:0;min-height:calc(100vh - 120px)}.quote-sidenav{width:fit-content;min-width:200px;flex-shrink:0;border-right:1px solid var(--color-border);padding:24px 0;position:sticky;top:20px;align-self:flex-start;background:#ffffffe0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:14px;border:1px solid var(--color-border)}.quote-content{flex:1;padding:24px 32px 50vh;min-width:0}.sidenav-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 20px;background:transparent;color:var(--color-text-muted);font-size:14px;font-weight:500;border:0;border-radius:0;text-align:left;cursor:pointer;transition:background .15s,color .15s;position:relative}.sidenav-item:hover{background:#edf7f1;color:var(--color-primary)}.sidenav-item.active{background:#edf7f1;color:var(--color-primary);border-right:3px solid var(--color-primary)}.sidenav-item.active:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:8px solid var(--color-primary);z-index:10}.sidenav-item--sum{border-top:2px solid var(--color-border);margin-top:4px;padding-top:14px}.sidenav-item--sum .sidenav-section-total{color:var(--color-text);font-weight:600}.sidenav-item .empty-dot{width:6px;height:6px;border-radius:50%;background:var(--color-border);margin-left:auto;flex-shrink:0}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--color-primary)}.section-heading h2{margin:0;font-size:20px}.empty-section-card{background:var(--color-card);border:1px dashed var(--color-border);border-radius:var(--radius-card);padding:24px;text-align:center;margin-bottom:12px}.explanation-block{margin-top:12px;padding:12px 16px;background:#f0faf5;border-left:3px solid var(--color-accent);border-radius:0 8px 8px 0}.explanation-block p{font-family:var(--font-sans);font-style:normal;font-size:14px;line-height:1.7;color:var(--color-text)}.explanation-note{margin:8px 0 6px;font-size:12px;font-style:normal;font-family:var(--font-sans);color:#92400e;background:#fef3c7;border-radius:4px;padding:4px 8px;display:inline-block}.explain-cta-bar{position:fixed;bottom:28px;right:28px;z-index:100;display:flex;align-items:center}.explain-cta-bar .btn-primary{box-shadow:0 4px 20px #2d6a4f59;padding:14px 24px;font-size:15px}.price-table{width:100%;border-collapse:collapse;font-size:14px}.price-table td{padding:8px 4px;vertical-align:middle}.price-table .price-cell{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.price-row-divider td{border-top:1px solid var(--color-border);padding-top:12px}.price-row-total td{border-top:2px solid var(--color-border);padding-top:12px;font-size:16px}.price-note{font-size:11px;margin-left:6px}.section-group{margin-bottom:40px;scroll-margin-top:80px}.section-cards-group{border-left:3px solid var(--color-accent);padding-left:12px;margin-left:4px;transition:border-color .2s,border-left-width .2s}.section-group--active .section-cards-group{border-left-color:var(--color-primary);border-left-width:4px}.component-chevron{flex-shrink:0;color:var(--color-text-muted);display:flex;align-items:center;margin-left:8px}.sidenav-item svg{flex-shrink:0}.sidenav-item-label{flex:1}.sidenav-section-total{font-size:13px;font-variant-numeric:tabular-nums;color:var(--color-text-muted);font-weight:400;flex-shrink:0}@media(max-width:768px){.quote-page-wrapper{flex-direction:column}.quote-sidenav{position:sticky;top:0;z-index:50;width:100%;flex-direction:column;padding:0;border-right:none;border-bottom:1px solid var(--color-border);overflow-x:unset;background:#fffffff7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);align-self:unset;border-radius:14px}.sidenav-mobile-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:transparent;border:0;font-size:14px;font-weight:500;color:var(--color-text);cursor:pointer;text-align:left}.sidenav-mobile-trigger-label{flex:1}.sidenav-mobile-chevron{flex-shrink:0;transition:transform .2s;color:var(--color-text-muted)}.sidenav-mobile-chevron.open{transform:rotate(180deg)}.sidenav-items{display:none}.quote-sidenav--open .sidenav-items{display:flex;flex-direction:column;padding:4px 0 8px;border-top:1px solid var(--color-border)}.sidenav-item{flex-shrink:0;white-space:nowrap;padding:10px 16px;border-right:0}.sidenav-item.active{border-right:0;border-bottom:none;background:#edf7f1;color:var(--color-primary);border-left:3px solid var(--color-primary)}.quote-content{padding:16px}.section-group{scroll-margin-top:60px}.section-cards-group{padding-left:8px;margin-left:2px}.sidenav-section-total{display:inline}.sidenav-item.active:after{display:none}}@media(min-width:769px){.sidenav-mobile-trigger{display:none}.sidenav-items{display:block!important}}.overlay-backdrop{position:fixed;inset:0;background:#0f1e1473;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.overlay-card{background:var(--color-card);border-radius:20px;padding:32px 28px 24px;width:100%;max-width:460px;box-shadow:0 8px 40px #2c46282e;position:relative}.overlay-card--wide{max-width:min(680px,92vw)}@media(max-width:500px){.overlay-card{padding:24px 16px 16px;border-radius:14px}}.overlay-progress-bar-track{height:3px;background:var(--color-border);border-radius:99px;margin-bottom:28px;overflow:hidden}.overlay-progress-bar-fill{height:100%;background:var(--color-accent);border-radius:99px;transition:width .3s ease}.overlay-progress{display:none}.overlay-close{position:absolute;top:16px;right:20px;background:none;border:none;font-size:18px;color:var(--color-text-muted);cursor:pointer;padding:4px;line-height:1}.overlay-nav{display:flex;gap:10px;margin-top:24px;justify-content:flex-end}.option-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.option-btn{padding:8px 16px;border-radius:20px;border:1.5px solid var(--color-border);background:var(--color-card);color:var(--color-text);cursor:pointer;font-size:14px;transition:background .15s,border-color .15s,color .15s}.option-btn.selected{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.count-stepper{display:flex;align-items:center;gap:16px;margin-top:8px}.count-stepper button{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--color-border);background:var(--color-card);color:var(--color-text);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.count-stepper span{font-size:18px;font-weight:600;min-width:24px;text-align:center}.explain-loading{display:flex;align-items:center;gap:10px;color:#fff;font-size:15px;font-weight:500;background:var(--color-primary);padding:14px 24px;border-radius:var(--radius-btn);box-shadow:0 4px 20px #2d6a4f59}.spinner-small{width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.processing-steps{display:flex;flex-direction:column;gap:16px;text-align:left;max-width:320px;margin:0 auto}.processing-step{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--color-text-muted);transition:color .3s}.processing-step.active{color:var(--color-text);font-weight:500}.processing-step.done{color:var(--color-accent)}.processing-step-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border);flex-shrink:0;transition:background .3s}.processing-step.active .processing-step-dot{background:var(--color-primary)}.processing-step.done .processing-step-dot{background:var(--color-accent)}.page-illustration{position:fixed;inset:0;width:100vw;height:100vh;color:var(--color-primary);opacity:.1;pointer-events:none;z-index:0}.hero-logo{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-serif);font-size:15px;font-weight:500;color:var(--color-text);margin-bottom:20px}.main-content--landing{flex:1;padding:20px 16px 64px;position:relative;z-index:1}.main-content--inner{flex:1;padding:56px 16px 64px;position:relative;z-index:1}.explained-dot{width:9px;height:9px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 3px #52b78847,0 0 8px #52b78859;flex-shrink:0}.grain-overlay{position:relative}.grain-overlay:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.upload-hero{background:var(--color-card-warm);border-radius:20px;padding:48px 48px 40px;margin-bottom:24px;overflow:hidden}.upload-hero-inner{display:grid;grid-template-columns:52fr 48fr;gap:40px;align-items:center;position:relative;z-index:2}.upload-hero-headline{font-family:var(--font-serif);font-size:40px;font-weight:600;line-height:1.15;letter-spacing:-.03em;color:var(--color-text);margin:0 0 16px}.upload-hero-subtext{font-size:16px;line-height:1.6;color:var(--color-text-muted);margin:0 0 24px}.trust-strip{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px}.trust-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-primary);font-weight:500}.trust-item-check{width:18px;height:18px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.fade-up{opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease}.fade-up.is-visible{opacity:1;transform:none}.upload-hero-headline.fade-up{transition-delay:0s}.upload-hero-subtext.fade-up{transition-delay:.08s}.trust-strip.fade-up{transition-delay:.16s}.hero-step-row.fade-up{transition-delay:.24s}.upload-widget.fade-up{transition-delay:.12s}.hero-scroll-cue.fade-up{transition-delay:.32s}.how-it-works{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:32px;box-shadow:var(--shadow-card)}.how-it-works h2{margin-bottom:24px;color:var(--color-text)}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.how-step{display:flex;flex-direction:column;gap:10px}.how-step-icon{width:44px;height:44px;background:#edf7f1;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.how-step-num{font-size:11px;font-weight:700;color:var(--color-accent);letter-spacing:.05em;text-transform:uppercase}.how-step h3{margin:0;font-size:14px}.how-step p{margin:0;font-size:13px;color:var(--color-text-muted);line-height:1.5}@media(max-width:768px){.upload-hero{padding:32px 24px;border-radius:16px}.upload-hero-inner{grid-template-columns:1fr;gap:24px}.upload-hero-headline{font-size:30px}.how-steps{grid-template-columns:1fr;gap:16px}}@media(max-width:480px){.upload-hero{padding:20px 16px}.upload-hero-headline{font-size:26px}.hero-step-row{align-items:flex-start}.hero-step-item{flex-direction:column;align-items:center;gap:4px}.hero-step-label{font-size:11px;white-space:nowrap}.hero-step-connector{min-width:8px;margin:14px 2px 0}}.card-clickable{cursor:pointer;transition:box-shadow .2s,transform .2s}.card-clickable:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.system-overview-card{border-left:4px solid var(--color-accent);padding-left:20px}.system-summary-box{background:var(--color-card-warm);border:1px solid var(--color-border);border-radius:10px;padding:16px;margin-bottom:16px}.sentiment-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:10px}.sentiment-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;border-radius:12px;border:1.5px solid var(--color-border);background:var(--color-card);color:var(--color-text);cursor:pointer;font-size:13px;font-family:var(--font-sans);font-weight:500;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}.sentiment-btn:hover{border-color:var(--color-accent);background:#f0faf5;transform:translateY(-1px);box-shadow:0 4px 12px #2c462814}.sentiment-btn.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px #2d6a4f40}.sentiment-btn-emoji{font-size:22px;line-height:1}.hero-step-row{display:flex;align-items:center;margin-top:24px}.hero-step-item{display:flex;align-items:center;gap:8px}.hero-step-icon-ball{width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-step-label{font-size:13px;font-weight:500;color:var(--color-text)}.hero-step-connector{flex:1;height:1px;background:var(--color-border);margin:0 12px;min-width:20px}.hero-scroll-cue{display:block;width:100%;text-align:center;font-size:12px;color:var(--color-text-muted);margin-top:24px;letter-spacing:.03em;position:relative;z-index:2;background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-sans)}.hero-scroll-cue:hover{color:var(--color-text);background:none}.proof-section{padding:64px 0;border-bottom:1px solid var(--color-border)}.proof-section-inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.proof-section-inner--reverse{direction:rtl}.proof-section-inner--reverse>*{direction:ltr}.proof-visual{display:flex;justify-content:center}.proof-text h2{margin:0 0 12px;font-size:22px}.proof-text p{margin:0 0 10px;line-height:1.65}.proof-step-badge{display:inline-flex;align-items:center;gap:6px;background:#edf7f1;color:var(--color-primary);font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;margin-bottom:14px}.pdf-mockup{position:relative;width:180px;background:#fff;border:1.5px solid var(--color-border);border-radius:8px;padding:24px 20px 20px;box-shadow:0 4px 20px #2c46281a}.pdf-mockup-corner{position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 28px 28px 0;border-color:transparent var(--color-border) transparent transparent}.pdf-mockup-corner:after{content:"";position:absolute;top:2px;right:-26px;width:0;height:0;border-style:solid;border-width:0 24px 24px 0;border-color:transparent #f9fafb transparent transparent}.pdf-mockup-lines{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.pdf-line{height:8px;border-radius:4px;background:var(--color-border)}.pdf-line-wide{width:100%}.pdf-line-medium{width:72%}.pdf-line-short{width:48%}.pdf-mockup-label{font-size:11px;color:var(--color-text-muted);font-weight:500}.pdf-upload-arrow{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);opacity:.6}.processing-mockup{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:20px 24px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-card);min-width:240px}.pm-step{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--color-text-muted)}.pm-step--active{color:var(--color-text);font-weight:500}.pm-step--done{color:var(--color-accent)}.pm-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border);flex-shrink:0}.pm-dot--active{background:var(--color-primary)}.pm-dot--done{background:var(--color-accent)}.structure-mockup{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:20px 24px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-card);min-width:260px}.sm-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.sm-label{color:var(--color-text)}.sm-price{color:var(--color-text);font-variant-numeric:tabular-nums;white-space:nowrap}.sm-divider{height:1px;background:var(--color-border);margin:4px 0}.sm-row--total .sm-label,.sm-row--total .sm-price{font-weight:600;color:var(--color-primary)}.sm-row--excluded{gap:8px;margin-top:2px}.sm-excluded-icon{color:var(--color-text-muted);font-size:11px;flex-shrink:0}.sm-row--excluded .sm-label{color:var(--color-text-muted);flex:1}.sm-tag{font-size:11px;color:var(--color-text-muted);background:var(--color-card-warm);border:1px solid var(--color-border);border-radius:4px;padding:2px 6px;white-space:nowrap}.quote-card-mockup{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:20px;box-shadow:var(--shadow-card);max-width:280px}.qcm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.qcm-category{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent)}.qcm-price{font-size:15px;font-weight:600;color:var(--color-text)}.qcm-title{font-size:14px;font-weight:600;margin-bottom:2px}.qcm-desc{font-size:12px;margin-bottom:14px}.qcm-explanation{background:#f0faf5;border-left:3px solid var(--color-accent);border-radius:0 8px 8px 0;padding:10px 12px;display:flex;gap:8px;align-items:flex-start}.qcm-explanation-dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent);margin-top:4px;flex-shrink:0}.qcm-explanation p{margin:0;font-size:12px;line-height:1.6;color:var(--color-text)}@media(max-width:768px){.proof-section{padding:40px 16px}.proof-section-inner,.proof-section-inner--reverse{grid-template-columns:1fr;direction:ltr;gap:32px}.proof-visual{order:-1}.hero-step-connector{min-width:12px;margin:0 8px}}.overlay-card--assembler{max-width:min(560px,95vw);height:92dvh;max-height:92dvh;display:grid;grid-template-rows:auto 1fr auto auto;padding-top:20px;padding-bottom:0}.assembler-preview{display:flex;align-items:center;justify-content:center;background:var(--color-card-warm);border-radius:10px;overflow:hidden;margin-bottom:12px;min-height:0}.assembler-preview-img{max-width:100%;max-height:100%;object-fit:contain;display:block}.assembler-strip{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 8px;flex-shrink:0;touch-action:pan-x;scrollbar-width:thin}.assembler-tile{flex-shrink:0;width:88px;display:flex;flex-direction:column;border:2px solid var(--color-border);border-radius:8px;overflow:hidden;background:var(--color-card);cursor:pointer;transition:border-color .15s,box-shadow .15s}.assembler-tile:hover{border-color:var(--color-accent)}.assembler-tile--selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #2d6a4f33}.assembler-tile-img{width:100%;height:96px;object-fit:contain;display:block;background:var(--color-card-warm)}.assembler-tile-footer{display:flex;align-items:center;justify-content:space-between;padding:3px 4px 3px 6px;border-top:1px solid var(--color-border);background:var(--color-card)}.assembler-tile-num{font-size:11px;font-weight:600;color:var(--color-text-muted)}.assembler-tile-grip{display:flex;align-items:center;color:var(--color-text-muted);cursor:grab;padding:2px}.assembler-tile-grip:active{cursor:grabbing}.assembler-footer{display:flex;gap:10px;justify-content:flex-end;padding:12px 0 20px;border-top:1px solid var(--color-border);flex-shrink:0;margin-top:4px}@media(max-width:600px){.overlay-card--assembler{position:fixed;inset:0;max-width:100%;max-height:100%;border-radius:0}}
