/* Debt and shared expenses — automobile page proportions. */
.debt-hero{grid-template-columns:40% 60%;min-height:670px}.debt-hero h1{font-size:clamp(43px,4.3vw,66px);letter-spacing:-2.5px}.debt-hero-art{height:620px;position:relative;isolation:isolate}.debt-hero-art .mint-ribbon{width:94%;height:68%;left:3%;top:12%}.debt-hero-art .docs-plinth{left:-7%;width:107%;bottom:22px;background:linear-gradient(#faf5ed 0 55%,#dfd8cc 57%,#eee7db)}.sharing-hero-phone,.debts-hero-phone{position:absolute;margin:0;max-width:none}.sharing-hero-phone{width:39%;left:22%;top:4px;transform:perspective(1200px) rotateY(9deg) rotateZ(-2deg);z-index:2}.debts-hero-phone{width:34%;right:3%;top:75px;transform:perspective(1200px) rotateY(-12deg) rotateZ(3deg);z-index:3}.debt-hero-art figcaption{position:absolute;bottom:-4px;right:2%;font-size:10px;color:#69776e}.debt-sprite{background-image:url('/assets/debts-3d.webp');background-repeat:no-repeat;background-size:300% 100%;aspect-ratio:1;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at center,#000 52%,#000c 65%,transparent 75%)}.wallet-prop{position:absolute;left:-5%;bottom:44px;width:33%;z-index:4}.debt-topics{grid-template-columns:repeat(5,1fr)}.debt-split{grid-template-columns:44% 56%;padding:65px 0}.split-stage{position:relative;min-height:720px;display:flex;justify-content:center;isolation:isolate;padding-top:10px}.split-phone{width:290px;padding:8px;border:2px solid #333a35;border-radius:36px;background:linear-gradient(120deg,#8b8d87,#101410 13%,#343a33 85%,#899083);box-shadow:inset 0 0 0 2px #abb2a7,10px 16px 10px #0b24102b,20px 25px 35px #0b24100f;transform:perspective(1200px) rotateY(10deg) rotateZ(-6deg);margin:0 0 40px 55px;position:relative;z-index:2;align-self:flex-start}.split-screen{background:#faf9f6;border-radius:25px;padding:18px 12px 9px;color:#414956;font-family:Arial,sans-serif;font-size:12px;overflow:hidden}.split-screen .app-toolbar{font-size:17px;gap:14px;padding-bottom:12px}.split-fields{display:grid;gap:9px}.split-fields>div{background:#fff;border:1px solid #dddfe3;border-radius:9px;padding:8px 10px}.split-fields small{display:block;font-size:9px;color:#8190a9;margin-bottom:4px}.split-fields span{font-size:12px;display:block}.split-fields i{float:right;color:#087b61}.app-label{font-size:14px;margin:15px 0 10px}.split-modes{display:flex;gap:5px}.split-modes>span{flex:1;background:#fff;border:1px solid #e0e3e0;border-radius:10px;font-size:9px;display:flex;flex-direction:column;align-items:center;gap:7px;padding:9px 3px}.split-modes .icon{width:19px;height:19px;color:#00865d}.split-modes .chosen{background:#00845d;color:#fff}.split-modes .chosen .icon{color:#fff}.split-people{display:grid;gap:15px;margin-bottom:17px}.split-people>div{display:flex;align-items:center;gap:8px;font-size:12px}.split-people>div>span{color:white;background:#00865d;border-radius:2px;display:grid;place-items:center;width:14px;height:14px;font-size:10px}.split-people b{margin-left:auto;font-weight:400}.allocated{font-size:10px;padding:11px 8px;background:#e2efe7;border-radius:8px;color:#00774e}.my-share{font-size:11px;margin:11px 0}.split-note{font-size:9px;color:#8190a9;margin:12px 0}.split-screen .app-green{font-size:13px;padding:13px 5px}.split-nav{display:flex;justify-content:space-between;gap:4px;margin-top:12px;color:#7f8da9;font-size:7px}.split-nav>span{display:flex;align-items:center;flex-direction:column;gap:4px}.split-nav .icon{width:17px;height:17px}.suitcase-prop{background-position:50% 0;position:absolute;width:45%;left:-3%;bottom:65px;z-index:1}.split-stage figcaption{position:absolute;bottom:10px;width:100%;text-align:center;font-size:10px;color:#718074}.debt-split .car-stats-copy{padding-left:45px}.debt-split .car-stat-facts{margin:30px 0}.own-share{display:flex;align-items:center;gap:12px;font-size:14px;background:#def0df;border-radius:35px;padding:13px 17px;margin:0 0 22px}.own-share .icon{width:24px;height:24px;padding:4px;background:#04855c;border-radius:50%;color:#fff}.debt-split .car-detail{border:1px solid #deded5;border-radius:12px;margin-top:9px;padding:0 15px}.debt-cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.debt-cards .car-care-card{min-width:0;display:flex;flex-direction:column}.debt-cards .car-detail{margin-top:20px}.debt-cards .visual-caption{font-size:10px;color:#6b786f;text-align:center;margin:0;min-height:0}.debt-crop{display:block;padding:8px;background:#fffdfb;width:340px;max-width:88%;height:273px;overflow:hidden;border:1px solid #e4e2d8;border-radius:18px;box-shadow:5px 8px 0 #e2ddcf,10px 15px 22px #45341c22;transform:perspective(1000px) rotateY(7deg) rotateZ(-5deg);margin:29px auto 20px;flex-shrink:0}.debt-crop img{display:block;width:100%;height:auto;border-radius:10px}.repayment-example{display:flex;align-items:center;gap:10px;margin:29px 0 20px;min-height:273px}.receipt-prop{background-position:100% 0;width:48%;flex-shrink:0}.repayment-example dl{flex:1;margin:0;min-width:0;display:grid;gap:12px}.repayment-example dl div{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #e0e1d9;border-radius:12px;padding:14px 12px;background:#fff7}.repayment-example dt{font-size:13px}.repayment-example dd{margin:0;font-size:18px;white-space:nowrap}.repayment-example dl div:last-child{background:#dcf0de;color:#006c4c;font-weight:700}.debt-report{grid-template-columns:35% 65%;padding:35px 45px 0 25px}.report-visual{position:relative;isolation:isolate;min-height:270px;display:grid;place-items:center}.report-visual .mint-ribbon{width:95%;height:65%;top:15%;border-color:#b9f0c555;left:2%;border-width:23px}.pdf-sheet{position:relative;width:165px;height:220px;border-radius:12px;background:linear-gradient(130deg,#fffdf5,#e4d8c2);box-shadow:7px 9px 0 #c9bba4,17px 17px 25px #003e3555;transform:perspective(900px) rotateY(-14deg) rotateZ(-8deg);padding:30px 23px}.pdf-sheet>span{display:inline-block;background:linear-gradient(120deg,#168658,#005e41);color:#fff;font-weight:700;font-size:26px;border-radius:7px;padding:6px 10px;margin-bottom:20px;box-shadow:2px 4px 5px #003e3529}.pdf-sheet>i{display:block;height:5px;background:#c4b99f;margin:11px 0;border-radius:3px}.pdf-sheet>i:last-of-type{width:70%}.share-badge{position:absolute;right:-26px;bottom:-5px;width:62px;height:62px;border-radius:13px;background:linear-gradient(130deg,#7ac587,#00674e);box-shadow:4px 6px 0 #00563f,9px 12px 17px #003e3555;display:grid;place-items:center}.share-badge .icon{width:36px;height:36px}.debt-report>div:nth-child(2){padding:14px 0 25px 25px}.debt-report .debt-report-note{grid-column:1/-1;border-top:1px solid #ceeeda44;text-align:center;font-size:11px;max-width:none!important;width:100%;padding:17px 0 20px;margin:8px 0 0!important}.debt-report .car-detail summary{font-size:14px}.debt-report .car-detail p{font-size:13px}.debts-page .car-final h2{font-size:38px}
@media(max-width:1100px){.debt-hero{min-height:560px}.debt-hero h1{font-size:49px}.debt-hero-art{height:500px}.sharing-hero-phone{top:0;padding:6px;border-radius:29px}.debts-hero-phone{top:55px;padding:6px;border-radius:28px}.sharing-hero-phone img,.debts-hero-phone img{border-radius:21px}.debt-split .car-stats-copy{padding-left:25px}.split-phone{width:270px;margin-left:40px}.split-stage{min-height:710px}.debt-crop{height:250px}.repayment-example{min-height:250px;gap:4px}.repayment-example dt{font-size:11px}.repayment-example dd{font-size:16px}.repayment-example dl div{padding:12px 9px}.debt-report{padding:28px 30px 0 15px}.debts-page .header nav{gap:18px}}
@media(max-width:850px){.debt-hero{min-height:460px}.debt-hero h1{font-size:37px;letter-spacing:-1.6px}.debt-hero-art{height:400px}.sharing-hero-phone,.debts-hero-phone{padding:4px;border-radius:22px}.sharing-hero-phone img,.debts-hero-phone img{border-radius:16px}.debts-hero-phone{top:40px}.debt-hero-art figcaption{font-size:8px}.debt-topics{grid-template-columns:repeat(5,1fr)}.debt-topics a{flex-direction:column;gap:7px;border-right:1px solid #d9ddd1!important;font-size:11px}.debt-topics a:last-child{border:0!important}.debt-split{grid-template-columns:44% 56%;padding:45px 0}.split-phone{width:245px;margin-left:12px;padding:6px;border-radius:28px}.split-screen{padding:16px 10px 9px;border-radius:21px}.split-stage{min-height:700px}.suitcase-prop{width:42%;left:-6%;bottom:60px}.debt-split h2{font-size:32px}.own-share{font-size:12px;padding:11px 13px}.debt-crop{height:220px;margin-top:23px;max-width:96%}.repayment-example{min-height:220px;margin-top:23px;flex-direction:column;gap:0}.receipt-prop{width:145px;max-width:60%;margin:-10px auto -15px}.repayment-example dl{width:100%;gap:6px}.repayment-example dl div{padding:8px 12px}.debt-cards .car-detail{margin-top:16px}.debt-report{grid-template-columns:32% 68%}.pdf-sheet{width:130px;height:185px;padding:23px 19px}.pdf-sheet>span{font-size:22px;margin-bottom:12px}.share-badge{width:50px;height:50px;right:-15px}.report-visual{min-height:240px}.debts-page .car-final h2{font-size:32px}}
@media(max-width:600px){.debt-hero{padding-top:24px;padding-bottom:23px;min-height:0}.debt-hero h1{font-size:clamp(32px,8.8vw,44px);letter-spacing:-1.5px;max-width:360px}.debt-hero h1 br:nth-of-type(1){display:none}.debt-hero h1 br:nth-of-type(1):after{content:' '}.debt-hero h1 em{display:inline}.debt-hero h1 em:before{content:' '}.debt-hero .lead{font-size:14px;max-width:340px}.debt-hero-art{width:100%;max-width:410px;height:365px;margin-top:23px!important;overflow:clip}.debt-hero-art .mint-ribbon{border-width:24px;top:10%;height:67%}.sharing-hero-phone{width:44%;left:17%;top:0;padding:4px;border-radius:23px}.debts-hero-phone{width:38%;right:1%;top:40px;padding:4px;border-radius:21px}.sharing-hero-phone img,.debts-hero-phone img{border-radius:16px}.debt-hero-art .docs-plinth{width:100%;left:0;bottom:21px;height:65px}.wallet-prop{width:35%;left:-3%;bottom:40px}.debt-hero-art figcaption{bottom:0;right:0;left:0;font-size:8px;text-align:center}.debt-topics{grid-template-columns:repeat(3,1fr);gap:8px}.debt-topics a{border:0!important;font-size:10px}.debt-split{padding:35px 0;gap:24px}.debt-split .car-stats-copy{padding:0}.debt-split h2{font-size:32px}.debt-split .car-stat-facts{margin:25px 0}.own-share{font-size:12px;line-height:1.5}.debt-split .car-detail{padding:0 12px}.split-stage{width:100%;max-width:420px;min-height:710px;order:1;overflow:clip}.split-phone{width:270px;margin-left:40px}.suitcase-prop{width:42%;left:-6%;bottom:50px}.split-stage figcaption{bottom:5px;font-size:9px}.debt-cards{grid-template-columns:minmax(0,1fr)}.debt-cards h2{font-size:28px}.debt-crop{width:290px;max-width:90%;height:240px;margin:27px auto 20px}.repayment-example{flex-direction:row;min-height:235px;margin:12px 0 8px}.receipt-prop{width:47%;max-width:none;margin:0}.repayment-example dl{gap:12px}.repayment-example dt{font-size:11px}.repayment-example dd{font-size:16px}.repayment-example dl div{padding:12px 9px}.debt-cards .visual-caption{font-size:9px}.debt-report{padding:19px 23px 0;display:flex}.report-visual{width:100%;min-height:230px;max-width:290px;margin:auto}.pdf-sheet{width:145px;height:195px}.debt-report>div:nth-child(2){padding:10px 0 20px}.debt-report h2{font-size:29px}.debt-report .car-detail summary{font-size:12px}.debt-report .debt-report-note{font-size:10px!important;line-height:1.7;padding:15px 0 18px}.debts-page .car-final h2{font-size:29px}.debts-page .car-final{padding-block:38px}}
@media(max-width:360px){.debt-hero h1{font-size:31px}.debt-hero-art{height:310px}.sharing-hero-phone,.debts-hero-phone{border-radius:19px}.sharing-hero-phone img,.debts-hero-phone img{border-radius:13px}.debts-hero-phone{top:34px}.split-phone{width:245px;margin-left:25px}.split-stage{min-height:700px}.debt-crop{height:215px}.repayment-example dt{font-size:10px}.repayment-example dd{font-size:14px}.debt-cards h2{font-size:25px}}
.split-screen .app-toolbar>span{margin-left:0}