.split-hero{position:relative;overflow:hidden;padding:100px 0 80px;background:var(--orange);border-bottom:1px solid var(--ink)}.split-hero:after{content:"÷";position:absolute;right:3vw;top:-190px;font-size:34rem;line-height:1;font-weight:900;color:rgba(17,19,16,.055)}.split-hero>.wrap{position:relative;z-index:2}.split-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end;margin-top:55px}.split-hero h1{font-size:clamp(4.7rem,10vw,9rem);line-height:.76;letter-spacing:-.09em;text-transform:uppercase;margin:0}.split-hero h1 em{font-family:Georgia,serif;font-weight:400;text-transform:none}.split-hero-grid>div+div>p{max-width:500px;font-size:1.2rem}.split-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.split-pills span{padding:6px 9px;border:1px solid;font:10px ui-monospace,monospace;text-transform:uppercase}
.split-tool{padding:100px 0;background:#e7e5da}.split-tool-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.split-tool-heading>div{display:flex;align-items:center;gap:13px}.split-tool-heading>div>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--paper);font:11px ui-monospace,monospace}.split-tool-heading small{font-weight:900;letter-spacing:.1em;text-transform:uppercase}.split-tool-heading>p{max-width:500px;color:var(--muted);margin:0}.split-app-shell{border:1px solid var(--ink);background:var(--paper);box-shadow:18px 18px 0 var(--lime)}.split-app-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--dark);color:#fff;font:10px ui-monospace,monospace;letter-spacing:.1em}.split-app-bar span{display:flex;align-items:center;gap:9px}.split-app-bar i{width:7px;height:7px;border-radius:50%;background:#57db6b;box-shadow:0 0 0 5px rgba(87,219,107,.12)}.split-app-bar small{color:#8d9588}
.split-existing-app{padding:clamp(24px,5vw,65px);min-height:400px}.split-existing-app>*:first-child{margin-top:0}.split-existing-app h1,.split-existing-app h2,.split-existing-app h3{letter-spacing:-.04em;line-height:1.1}.split-existing-app h1{font-size:clamp(2.3rem,5vw,4rem)}.split-existing-app h2{font-size:clamp(1.8rem,3vw,2.7rem)}.split-existing-app label{display:block;margin-bottom:7px;font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.split-existing-app input:not([type=checkbox]):not([type=radio]),.split-existing-app select,.split-existing-app textarea{width:100%;max-width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--ink);border-radius:2px;background:transparent;color:inherit;font:inherit;outline:0}.split-existing-app input:focus,.split-existing-app select:focus,.split-existing-app textarea:focus{box-shadow:0 0 0 3px var(--lime)}.split-existing-app button,.split-existing-app input[type=button],.split-existing-app input[type=submit]{border:1px solid var(--ink);border-radius:2px;background:var(--ink);color:var(--paper);padding:13px 18px;font:inherit;font-size:.75rem;font-weight:900;text-transform:uppercase;cursor:pointer;transition:.2s}.split-existing-app button:hover,.split-existing-app input[type=button]:hover,.split-existing-app input[type=submit]:hover{background:var(--orange);color:#111310;transform:translateY(-2px);box-shadow:5px 5px 0 var(--ink)}.split-existing-app table{width:100%;border-collapse:collapse;margin-block:25px}.split-existing-app th,.split-existing-app td{padding:13px;border-bottom:1px solid var(--line);text-align:left}.split-existing-app th{background:var(--ink);color:var(--paper);font-size:.7rem;text-transform:uppercase}.split-existing-app ul,.split-existing-app ol{padding-left:22px}.split-existing-app .card,.split-existing-app [class*=card],.split-existing-app [class*=result],.split-existing-app [class*=summary]{border:1px solid var(--line);background:rgba(255,255,255,.25);padding:22px;box-shadow:none}.split-existing-app [class*=total],.split-existing-app [class*=amount]{font-weight:900}
.split-info{padding:80px 0;background:var(--paper)}.split-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.split-info-grid article{padding:35px;background:var(--paper)}.split-info-grid span{color:var(--orange);font:11px ui-monospace,monospace}.split-info-grid h3{font-size:1.5rem;margin:18px 0 8px}.split-info-grid p{color:var(--muted);margin:0}
[data-theme=dark] .split-tool{background:#151914}[data-theme=dark] .split-app-shell{background:#1b1f1a}[data-theme=dark] .split-existing-app .card,[data-theme=dark] .split-existing-app [class*=card],[data-theme=dark] .split-existing-app [class*=result],[data-theme=dark] .split-existing-app [class*=summary]{background:#222720}
@media(max-width:900px){.split-hero-grid{grid-template-columns:1fr;gap:35px}.split-tool-heading{display:block}.split-tool-heading>p{margin-top:20px}.split-info-grid{grid-template-columns:1fr}}
@media(max-width:600px){.split-hero{padding:70px 0}.split-hero h1{font-size:clamp(4rem,20vw,6rem)}.split-tool{padding:65px 0}.split-app-shell{box-shadow:9px 9px 0 var(--lime)}.split-existing-app{padding:20px}.split-app-bar small{display:none}.split-existing-app table{display:block;overflow-x:auto}.split-existing-app button,.split-existing-app input[type=button],.split-existing-app input[type=submit]{width:100%;margin-block:4px}}