.tool-showcase{isolation:isolate}.tool-showcase-gradient{z-index:-1;pointer-events:none;background:radial-gradient(at 15% 25%,#a9d8ff55,#0000 48%),radial-gradient(at 85% 55%,#c8b4ff66,#0000 48%),radial-gradient(at 30% 90%,#ffcfb855,#0000 46%);position:absolute;inset:0 -12%;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.tool-showcase-heading{max-width:850px;margin-bottom:36px}.tool-showcase-heading h2{color:var(--text);font-size:clamp(1.6rem,3vw,2.65rem);font-weight:650;line-height:1.75}.tool-showcase-heading h2 span{color:var(--text-muted)}.tool-showcase-all{color:var(--accent-indigo);align-items:center;gap:12px;margin-top:22px;font-size:14px;font-weight:650;display:inline-flex}.tool-showcase-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;display:grid}.tool-showcase-card{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-base) 80%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:start;cursor:pointer;border-radius:16px;flex-direction:column;grid-column:span 2;min-width:0;min-height:440px;transition:box-shadow .24s,border-color .24s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 5px #26345b05}.tool-showcase-card--income-tax,.tool-showcase-card--payroll,.tool-showcase-card--check-average-date,.tool-showcase-card--discount-financing{grid-column:span 3}.tool-showcase-card:hover{border-color:color-mix(in srgb, var(--accent-indigo) 40%, var(--border));box-shadow:0 16px 40px -20px #635bff55}.tool-showcase-card-copy{z-index:1;padding:28px 28px 20px 64px;display:block}.tool-showcase-label{color:var(--text-dim);align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.tool-showcase-card-title{color:var(--text);font-size:clamp(1.15rem,1.65vw,1.45rem);font-weight:650;line-height:1.8;display:block}.tool-showcase-expand{z-index:2;border:1px solid var(--border);width:40px;height:40px;color:var(--text-dim);background:0 0;border-radius:50%;place-items:center;transition:color .2s,background .2s;display:grid;position:absolute;top:20px;left:16px}.tool-showcase-expand svg{width:18px;height:18px}.tool-showcase-card:hover .tool-showcase-expand{color:#fff;background:#635bff;border-color:#635bff}.tool-showcase-card:focus-visible,.tool-showcase-all:focus-visible,.tool-detail-cta:focus-visible{outline:3px solid var(--accent-indigo);outline-offset:4px}.tool-preview{--preview-accent:#7760dd;--preview-wash:#e9ddff;isolation:isolate;background:radial-gradient(ellipse at 14% 90%, color-mix(in srgb, var(--preview-wash) 65%, transparent), transparent 70%), radial-gradient(ellipse at 95% 15%, color-mix(in srgb, var(--preview-accent) 10%, transparent), transparent 75%);color:#35415a;flex:1;place-items:center;width:100%;min-height:300px;padding:24px 22px 40px;display:grid;position:relative;overflow:hidden}.tool-preview--blue{--preview-accent:#5077da;--preview-wash:#d2e8ff}.tool-preview--peach{--preview-accent:#c87347;--preview-wash:#ffdfc9}.tool-preview--rose{--preview-accent:#b6558c;--preview-wash:#f8d8e9}.tool-preview--mint{--preview-accent:#228d80;--preview-wash:#ccf0e4}.tool-preview--sky{--preview-accent:#348aad;--preview-wash:#ccebf8}.tool-preview--indigo{--preview-accent:#6361d7;--preview-wash:#dbddff}.tool-preview:after{content:"";z-index:-1;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23888' opacity='.35' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.tool-preview-orbit{z-index:-1;border:1px solid #ffffffb3;border-radius:50%;width:580px;height:580px;position:absolute;top:30%;right:-25%;transform:rotate(-20deg)scaleY(.6);box-shadow:0 0 0 28px #ffffff20,0 0 0 29px #ffffff80,0 0 0 64px #ffffff20,0 0 0 65px #ffffff70,0 0 0 110px #ffffff10,0 0 0 111px #ffffff60}.tool-preview-window{width:min(100%,330px);box-shadow:0 20px 35px -15px color-mix(in srgb, var(--preview-accent) 40%, transparent), 0 2px 5px #27345b08;background:#ffffffed;border:1px solid #fff;border-radius:10px;padding:18px;font-size:10px;transition:transform .45s cubic-bezier(.22,1,.36,1);position:relative;transform:perspective(900px)rotateY(-7deg)rotateX(3deg)rotate(-3deg)}.tool-showcase-card:is(:hover,:focus-visible) .tool-preview-window{transform:perspective(900px)rotateY(0)rotateX(0)rotate(-1deg)translateY(-5px)}.tool-preview-window--payroll{transform:perspective(900px)rotateY(7deg)rotateX(3deg)rotate(3deg)}.tool-preview-window--invoice{border-bottom:4px dotted var(--preview-wash);border-radius:3px 3px 12px 12px;max-width:265px}.tool-preview-window--reconciliation{width:100%;padding:14px}.tool-preview-topbar{border-bottom:1px solid #eef0f5;align-items:center;gap:8px;padding-bottom:12px;font-weight:650;display:flex}.tool-preview-brand{background:var(--preview-accent);color:#fff;border-radius:6px;place-items:center;width:23px;height:23px;font-size:14px;display:grid}.tool-preview-dots{color:#99a2b5;letter-spacing:2px;margin-inline-start:auto}.tool-preview-document-title{justify-content:space-between;align-items:center;margin:18px 0 10px;font-size:12px;font-weight:650;display:flex}.tool-preview-document-title small{color:#7b8497;font-size:9px;font-weight:400}.tool-preview-row{border-bottom:1px solid #f1f2f7;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.tool-preview-row b{font-weight:550}.tool-preview-total{background:color-mix(in srgb, var(--preview-wash) 50%, white);border-radius:6px;margin-top:13px;padding:12px}.tool-preview-total span{margin-bottom:5px;font-size:9px;display:block}.tool-preview-total strong{color:var(--preview-accent);font-size:23px;font-weight:650;display:block}.tool-preview-number{letter-spacing:-.5px;margin-top:10px;font-size:25px;font-weight:650;display:block}.tool-preview-chart{direction:ltr;background:repeating-linear-gradient(0deg,#0000 0 26px,#eef0f5 27px 28px);border-bottom:1px solid #eaedf5;align-items:end;gap:7px;height:85px;padding-top:10px;display:flex}.tool-preview-chart i{background:var(--preview-accent);border-radius:3px 3px 0 0;flex:1;display:block}.tool-preview-example{color:#5b6375;font-size:9px;position:absolute;bottom:12px;right:22px}.tool-preview-file-pair{gap:8px;margin:18px 0;display:flex}.tool-preview-file-pair>span{border:1px solid #e3e9ed;border-radius:6px;flex:1;padding:10px 6px;font-size:9px}.tool-preview-file-pair b{color:var(--preview-accent);margin-top:5px;font-size:8px;display:block}.tool-preview-table>div{border-bottom:1px solid #eef0f5;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:4px;padding:11px 0;font-size:8px;display:grid}.tool-preview-table>div:first-child{color:#8991a2;font-size:8px}.tool-preview-table b{font-weight:500}.tool-preview-table em{color:#217568;text-align:center;background:#e6f6ef;border-radius:4px;padding:4px 2px;font-size:7px;font-style:normal}.tool-preview-table .tool-preview-warning{color:#965b20;background:#fff1d9}.tool-preview-status{color:#667189;align-items:center;gap:6px;margin-top:16px;font-size:9px;display:flex}.tool-preview-status i{background:var(--preview-accent);border-radius:50%;width:6px;height:6px}.tool-preview-bonus-year{text-align:center;color:var(--preview-accent);padding:20px 0;font-size:55px;font-weight:800;line-height:1.4}.tool-preview-bonus-year span{color:#778097;font-size:10px;font-weight:500;display:block}.tool-preview-progress{background:var(--preview-wash);border-radius:9px;height:5px;margin-top:15px}.tool-preview-progress i{background:var(--preview-accent);border-radius:inherit;width:85%;height:100%;display:block}.tool-preview-timeline{border-top:2px solid var(--preview-accent);justify-content:space-between;margin:22px 6px 12px;display:flex}.tool-preview-timeline span{padding-top:12px;font-size:9px;position:relative}.tool-preview-timeline span:before{content:"";background:var(--preview-accent);width:8px;height:8px;box-shadow:0 0 0 4px var(--preview-wash);border-radius:50%;position:absolute;top:-5px;right:40%}dialog.tool-detail-modal{overscroll-behavior:contain;border:1px solid var(--border);background:color-mix(in srgb, var(--bg-base) 94%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;width:min(960px,100vw - 32px);max-height:calc(100dvh - 40px);overflow:hidden auto;box-shadow:0 24px 90px #0003}dialog.tool-detail-modal:before,dialog.tool-detail-modal:after{content:none}dialog.tool-detail-modal[open]{animation:.24s cubic-bezier(.22,1,.36,1) both tool-dialog-enter}dialog.tool-detail-modal::backdrop{background:color-mix(in srgb, var(--bg-base) 35%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}dialog.tool-detail-modal[open]::backdrop{animation:.2s ease-out both tool-backdrop-enter}.tool-detail-layout{grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding:4px;display:grid}.tool-detail-copy h3{margin:12px 0;font-size:clamp(1.3rem,2vw,1.7rem);font-weight:650;line-height:1.65}.tool-detail-description{color:var(--text-dim);font-size:14px;line-height:2}.tool-detail-copy ul{color:var(--text-dim);gap:10px;margin:18px 0;font-size:13px;display:grid}.tool-detail-copy li{gap:10px;display:flex}.tool-detail-copy li>span{color:var(--accent-indigo)}.tool-detail-copy dl{border-top:1px solid var(--border);gap:12px;padding-top:16px;display:grid}.tool-detail-copy dt{color:var(--text-muted);margin-bottom:5px;font-size:11px}.tool-detail-copy dd{font-size:13px;line-height:1.8}.tool-detail-cta{color:#fff;background:#635bff;border-radius:999px;justify-content:center;align-items:center;gap:14px;margin-top:28px;padding:12px 20px;font-size:13px;font-weight:600;transition:background .2s;display:inline-flex}.tool-detail-cta:hover{background:#5147df}.tool-detail-visual{flex-direction:column;justify-content:center;min-width:0;display:flex}.tool-detail-visual .tool-preview{border-radius:14px;flex:none;min-height:320px}.tool-detail-visual .tool-preview-window{transform:none}.dark .tool-preview{background:radial-gradient(ellipse at 10% 90%, color-mix(in srgb, var(--preview-accent) 20%, transparent), transparent 80%)}.dark .tool-showcase-gradient{opacity:.4}.dark .tool-preview-example{color:#b7c2d9}.dark .tool-preview-orbit{opacity:.18}@keyframes tool-dialog-enter{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tool-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes tool-card-reveal{0%{opacity:.25;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes tool-gradient-scroll{0%{opacity:.35;transform:translateY(-5%)}to{opacity:1;transform:translateY(5%)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.tool-showcase{timeline-scope:--tool-section;view-timeline-name:--tool-section}.tool-showcase-gradient{animation:linear both tool-gradient-scroll;animation-timeline:--tool-section;animation-range:entry exit}.tool-showcase-card{animation:linear both tool-card-reveal;animation-timeline:view();animation-range:entry entry 80%}}}@media (max-width:1023px){.tool-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tool-showcase-card{grid-column:span 1}.tool-showcase-card:last-child{grid-column:span 2}.tool-showcase-card-copy{padding-right:22px}}@media (max-width:639px){.tool-showcase-heading{margin-bottom:28px}.tool-showcase-heading h2{font-size:1.5rem}.tool-showcase-grid{grid-template-columns:minmax(0,1fr)}.tool-showcase-card,.tool-showcase-card:last-child{grid-column:span 1;min-height:420px}.tool-showcase-card-title{font-size:1.2rem}.tool-detail-layout{grid-template-columns:minmax(0,1fr);gap:24px;padding:0}.tool-detail-visual .tool-preview{min-height:320px}.tool-detail-cta{width:100%}.tool-detail-description{font-size:16px;line-height:1.75}}@media (prefers-reduced-motion:reduce){dialog.tool-detail-modal[open],dialog.tool-detail-modal[open]::backdrop{animation:none}.tool-showcase-card,.tool-preview-window,.tool-showcase-expand,.tool-detail-cta{transition:none}.tool-showcase-card:hover,.tool-showcase-card:hover .tool-preview-window{transform:none}}