.andu-demo{--demo-paper:#f3f4ef;--demo-ink:#17211c;--demo-muted:#56615b;--demo-green:#1f5a40;--demo-rule:#cfd3c8;background:var(--demo-paper);color:var(--demo-ink);font-family:var(--font-zen-kaku),"Yu Gothic",sans-serif;overflow-wrap:anywhere;font-size:16px;line-height:1.8}.andu-demo *,.andu-demo :before,.andu-demo :after{box-sizing:border-box}.andu-demo :where(h1,h2,h3,p){margin:0}.andu-demo a{color:var(--demo-green);text-underline-offset:5px}.andu-demo :where(a,button,input,select,[tabindex]):focus-visible{outline:3px solid var(--demo-green);outline-offset:4px}.andu-demo :where(button,input,select){font:inherit}.andu-demo button{cursor:pointer}.andu-demo button:disabled{cursor:default;color:var(--demo-green);border-color:var(--demo-rule);background:#e4ece5}.andu-demo .demo-header{border-bottom:1px solid var(--demo-rule);justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:auto;padding:24px;display:flex}.andu-demo .demo-brand{font:700 28px/1.2 var(--font-outfit),sans-serif;letter-spacing:.06em;text-decoration:none}.andu-demo .demo-brand span{font:500 12px/1.8 var(--font-zen-kaku),sans-serif;letter-spacing:0;color:var(--demo-muted);margin-top:6px;display:block}.andu-demo .demo-back{align-items:center;gap:12px;min-height:44px;font-size:14px;font-weight:700;display:inline-flex}.andu-demo .demo-content{max-width:1168px;margin:auto;padding:48px 24px 64px}.andu-demo .demo-intro{max-width:850px}.andu-demo .demo-eyebrow,.andu-demo .demo-number{color:var(--demo-green);letter-spacing:.04em;margin-bottom:8px;font-size:14px;font-weight:700}.andu-demo h1{letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(28px,3.2vw,40px);font-weight:700;line-height:1.5}.andu-demo .demo-mobile-break{display:none}.andu-demo .demo-notice{border-left:3px solid var(--demo-green);color:var(--demo-muted);max-width:700px;margin-top:24px;padding-left:16px;font-size:14px}.andu-demo .demo-nav{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.andu-demo .demo-nav a{border:1px solid var(--demo-green);min-height:44px;padding:8px 20px;font-weight:700;text-decoration:none}.andu-demo .demo-section{padding-top:64px;scroll-margin-top:24px}.andu-demo .demo-section-heading{justify-content:space-between;align-items:start;gap:24px;margin-bottom:24px;display:flex}.andu-demo h2{margin-bottom:12px;font-size:clamp(24px,2.5vw,30px);font-weight:700;line-height:1.5}.andu-demo .demo-section-heading p:last-child{color:var(--demo-muted)}.andu-demo .demo-sample-label{color:var(--demo-muted);border:1px solid var(--demo-rule);flex-shrink:0;padding:6px 12px;font-size:12px}.andu-demo .demo-workspace{border:1px solid var(--demo-rule);background:#fff;border-radius:8px;overflow:hidden}.andu-demo .demo-toolbar{border-bottom:1px solid var(--demo-rule);justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.andu-demo h3{font-size:18px;font-weight:700}.andu-demo .demo-toolbar p{color:var(--demo-muted);font-size:13px}.andu-demo .demo-button-group{flex-wrap:wrap;gap:8px;display:flex}.andu-demo .demo-primary,.andu-demo .demo-secondary{border:1px solid var(--demo-green);border-radius:4px;justify-content:center;align-items:center;gap:16px;min-height:44px;padding:10px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:background .14s ease-out;display:inline-flex}.andu-demo .demo-primary{background:var(--demo-green);color:#fff}.andu-demo .demo-secondary{color:var(--demo-green);background:#fff}.andu-demo .demo-primary:hover:not(:disabled){background:#17382a}.andu-demo .demo-secondary:hover,.andu-demo .demo-nav a:hover{background:#e4ece5}.andu-demo .demo-table-scroll{padding:0 24px;overflow-x:auto}.andu-demo .demo-table{border-collapse:collapse;width:100%;font-size:15px}.andu-demo .demo-table th,.andu-demo .demo-table td{text-align:left;border-bottom:1px solid var(--demo-rule);vertical-align:middle;padding:16px 12px}.andu-demo .demo-table thead th{color:var(--demo-muted);background:#fff;font-size:13px;font-weight:500}.andu-demo .demo-table tbody th{font-weight:700}.andu-demo .demo-table tbody tr:last-child :is(td,th){border-bottom:0}.andu-demo .demo-table tbody tr:hover{background:#fafbf8}.andu-demo .demo-table .demo-amount{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}.andu-demo .payroll-table{min-width:510px}.andu-demo .payroll-table input{text-align:right;font-variant-numeric:tabular-nums;width:112px}.andu-demo input,.andu-demo select{min-height:44px;color:var(--demo-ink);background:#fff;border:1px solid #7e8b82;border-radius:4px;padding:8px 10px}.andu-demo input[aria-invalid=true]{border:2px solid #a52d25}.andu-demo .demo-error{color:#a52d25;padding:16px 24px 0;font-size:14px}.andu-demo .demo-total{border-top:1px solid var(--demo-rule);background:#e4ece5;justify-content:space-between;align-items:end;gap:24px;padding:24px;display:flex}.andu-demo .demo-total span{font-size:14px;display:block}.andu-demo .demo-total strong{color:var(--demo-green);font:700 clamp(28px,4vw,40px)/1.4 var(--font-outfit),var(--font-zen-kaku),sans-serif;font-variant-numeric:tabular-nums;display:block}.andu-demo .demo-total p{font-size:14px}.andu-demo .demo-total b{font-variant-numeric:tabular-nums;margin-left:12px}.andu-demo .demo-feedback{color:var(--demo-muted);min-height:58px;padding:16px 24px;font-size:14px}.andu-demo .demo-footnote{color:var(--demo-muted);max-width:880px;margin-top:16px;font-size:13px}.andu-demo .demo-use-case{border-left:3px solid var(--demo-green);margin-top:24px;padding-left:16px;font-size:15px}.andu-demo .demo-use-case strong{margin-bottom:4px;font-size:15px;display:block}.andu-demo .demo-filters{grid-template-columns:minmax(200px,1fr) 150px 150px;gap:16px;padding:24px 24px 8px;display:grid}.andu-demo .demo-filters label{flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.andu-demo .demo-filters input,.andu-demo .demo-filters select{width:100%;min-width:0;font-size:16px;font-weight:400}.andu-demo .demo-result-count{color:var(--demo-muted);margin:8px 24px;font-size:13px}.andu-demo .sales-table{min-width:760px}.andu-demo .sales-table td,.andu-demo .sales-table th{white-space:nowrap}.andu-demo .demo-table-sub{color:var(--demo-muted);font-size:12px;font-weight:400;display:block}.andu-demo .demo-phone{font-variant-numeric:tabular-nums}.andu-demo .demo-update{color:var(--demo-muted);font-size:12px}.andu-demo .demo-update.is-new{color:var(--demo-green);background:#e4ece5;padding:4px 8px;font-weight:700}.andu-demo .demo-empty{text-align:center;padding:32px 24px}.andu-demo .demo-empty button{margin-top:12px}.andu-demo .demo-contact{border-top:2px solid var(--demo-green);background:#e4ece5;margin-top:64px;padding:32px}.andu-demo .demo-contact>p{max-width:720px}.andu-demo .demo-contact .demo-primary{margin-top:24px;margin-right:24px}.andu-demo .demo-footer{border-top:1px solid var(--demo-rule);flex-wrap:wrap;gap:24px;max-width:1120px;margin:auto;padding:24px;font-size:14px;display:flex}.andu-demo .demo-footer span{color:var(--demo-muted);flex-grow:1}.andu-demo .demo-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:700px){.andu-demo .demo-header{gap:16px;padding:16px}.andu-demo .demo-back{font-size:12px}.andu-demo .demo-content{padding:32px 16px 48px}.andu-demo .demo-mobile-break{display:block}.andu-demo .demo-section{padding-top:48px}.andu-demo .demo-section-heading{flex-direction:column;gap:12px}.andu-demo .demo-toolbar{flex-wrap:wrap;gap:16px;padding:16px}.andu-demo .demo-total{flex-direction:column;align-items:start;gap:12px;padding:20px}.andu-demo .demo-filters{grid-template-columns:1fr 1fr;padding:16px}.andu-demo .demo-filters label:first-child{grid-column:1/-1}.andu-demo .demo-feedback{padding:16px}.andu-demo .demo-contact{padding:24px 20px}.andu-demo .demo-contact .demo-primary{width:100%;margin-right:0}.andu-demo .demo-contact .demo-back{margin-top:16px}.andu-demo .demo-footer{padding-bottom:96px}.andu-demo .demo-table-scroll{padding:0 16px}.andu-demo .demo-table,.andu-demo .demo-table tbody{min-width:0;display:block}.andu-demo .demo-table thead{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.andu-demo .demo-table tbody tr{border-bottom:1px solid var(--demo-rule);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:20px 0;display:grid}.andu-demo .demo-table tbody tr:last-child{border-bottom:0}.andu-demo .demo-table tbody th{border:0;grid-column:1/-1;padding:0}.andu-demo .demo-table tbody td{white-space:normal;border:0;padding:0;display:block}.andu-demo .demo-table td:before{content:attr(data-label);color:var(--demo-muted);margin-bottom:4px;font-size:12px;font-weight:400;display:block}.andu-demo .demo-table .demo-amount{text-align:right;grid-column:1/-1;justify-content:space-between;align-items:center;padding-top:4px;display:flex}.andu-demo .demo-table .demo-amount:before{margin:0}.andu-demo .payroll-table input,.andu-demo .sales-table select{width:100%}}@media (prefers-reduced-motion:reduce){.andu-demo *{scroll-behavior:auto!important;transition:none!important}}