/* Personal catalog showcase, matched to the approved SpendOutline design. */
.catalogs-page h1{font-size:clamp(43px,4.2vw,62px)}.catalog-hero{grid-template-columns:40% 60%;padding-top:35px;padding-bottom:40px}.catalog-hero-art{aspect-ratio:1.08}.catalog-hero-art .phone-main{left:19%;width:36%;top:2%}.catalog-hero-art .phone-rear{right:3%;width:34%;top:10%}.catalog-prop{background-image:url('/assets/catalogs-3d.webp');background-size:300% 100%;background-repeat:no-repeat;aspect-ratio:1}.prop-children{background-position:0 0}.prop-renovation{background-position:50% 0}.prop-travel{background-position:100% 0}.hero-backpack{position:absolute;width:26%;left:-2%;bottom:13%;z-index:4}.hero-toolbox{position:absolute;width:24%;left:12%;bottom:7%;z-index:5}.hero-suitcase{position:absolute;width:19%;right:-4%;bottom:10%;z-index:4}.catalog-hero-art .stat-plinth{width:106%;left:-3%;bottom:5%}.catalog-screen{background:#fafaf7}.catalog-app-brand{display:flex;align-items:center;gap:2cqw;font-size:5.2cqw;margin:1cqw 0 4cqw;white-space:nowrap}.catalog-app-brand img{width:7cqw;height:7cqw}.catalog-app-brand>span{margin-left:auto;font-size:4.5cqw;color:#087956}.catalog-summary{background:linear-gradient(120deg,#075f4c,#138f70);border-radius:5cqw;color:white;padding:4cqw 4cqw;margin-bottom:4cqw}.catalog-summary>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:3.9cqw;padding-bottom:3cqw;border-bottom:1px solid #ffffff40;gap:2cqw}.catalog-summary>div:first-child>span{font-size:2.8cqw}.catalog-totals{display:flex;gap:4cqw;margin:4cqw 0}.catalog-totals>div{flex:1}.catalog-totals small{font-size:3cqw;display:block;margin-bottom:1.7cqw}.catalog-totals strong{font-size:7.3cqw;line-height:1.2;font-weight:600;white-space:nowrap}.catalog-balance{display:flex;justify-content:space-between;align-items:center;font-size:3.6cqw;border-top:1px solid #ffffff35;padding-top:3cqw}.catalog-balance b{font-size:5cqw;font-weight:600}.folder-rows{display:grid;gap:3cqw}.folder-row{display:flex;align-items:center;gap:2.6cqw;padding:4cqw 3cqw;border:1px solid #dfe3d9;border-radius:4cqw;background:white;min-height:17cqw}.folder-row>.icon{width:7cqw;height:7cqw;flex-shrink:0;color:#087956}.folder-row>b{font-size:3.8cqw;font-weight:500;flex:1;line-height:1.3}.folder-row>span{font-size:3.9cqw;text-align:right;white-space:nowrap}.folder-row small{display:block;font-size:2.7cqw;color:#839087;margin-bottom:1cqw}.folder-row .row-end{font-size:4cqw;color:#6d8774}.catalog-month{display:flex;align-items:center;justify-content:space-between;font-size:5cqw;color:#087956;padding:3cqw 2cqw 4cqw}.catalog-month>span{font-size:3.7cqw;color:#405547}.catalog-spent{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#075e48,#07865e);padding:3.4cqw;border-radius:3cqw;color:white;margin-bottom:4cqw;font-size:4cqw}.catalog-spent b{font-size:6.5cqw}.category-add{border:1px solid #b5d3c1;border-radius:4cqw;text-align:center;font-size:3.6cqw;padding:2.4cqw;color:#087956;margin-top:3cqw}.catalog-tools{display:flex;justify-content:center;gap:10cqw;margin:3cqw 0 1cqw}.catalog-tools .icon{width:6cqw;height:6cqw;color:#087956}.recent-heading{font-size:3.8cqw;display:block;margin:5cqw 0 2cqw}.recent-rows{background:white;border:1px solid #dfe3d9;border-radius:3cqw;padding:0 3cqw}.recent-rows>div{display:flex;justify-content:space-between;gap:2cqw;padding:3cqw 0;font-size:3cqw;border-bottom:1px solid #e5e8e0}.recent-rows>div:last-child{border:0}.recent-rows b{font-size:3.1cqw}.catalog-topics a{font-size:13px}.catalog-examples{padding-top:72px;padding-bottom:60px}.catalog-examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.catalog-example{padding:18px 26px 26px;border:1px solid #dfdfd5;border-radius:26px;background:#ffffff27;min-width:0}.catalog-example .catalog-prop{width:100%;max-width:330px;margin:0 auto 8px}.catalog-example h3{font-size:30px;font-weight:700;letter-spacing:-1px;margin-bottom:18px}.catalog-example ul{display:grid}.catalog-example li{display:flex;align-items:center;gap:15px;padding:14px 0;border-top:1px solid #e2e4da;font-size:16px}.catalog-example li:first-child{border:0}.catalog-example .icon{color:#087956;width:25px;height:25px;flex-shrink:0}.examples-note{font-size:14px;line-height:1.7;color:#5a7061;text-align:center;margin:25px auto 0}.unlimited-callout{display:flex;align-items:center;gap:30px;background:linear-gradient(115deg,#e1f4df,#d7efdf);border-radius:25px;padding:34px 35px;margin-top:38px;scroll-margin-top:26px}.unlimited-callout h2{font-size:clamp(28px,3.1vw,42px);margin-bottom:13px}.unlimited-callout p{font-size:16px;line-height:1.65;margin-top:4px}.unlimited-callout p:last-child{font-size:14px;color:#40634d}.infinity-3d{flex-shrink:0;min-width:150px;padding-right:30px;border-right:1px solid #7fbc96;font-size:140px;line-height:1.05;letter-spacing:-5px;font-weight:800;color:#078957;text-shadow:0 -2px 1px #a3f1be,0 2px 1px #05734e,1px 3px 1px #066c49,2px 4px 1px #066345,3px 5px 1px #065b40,4px 6px 1px #07533b,5px 10px 8px #074e3025;transform:perspective(600px) rotateY(-8deg)}.catalog-templates{display:grid;grid-template-columns:44% 56%;align-items:center;background:radial-gradient(ellipse at 75% 40%,#16886570,transparent 65%),linear-gradient(120deg,#00664e,#004f3d);padding:50px 46px;color:white;border-radius:28px;scroll-margin-top:26px;overflow:hidden}.template-copy{padding-right:22px}.template-copy>.eyebrow{color:#bae7cc}.template-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;margin-top:21px;color:#e5f4ea}.template-copy .stat-facts li{font-size:14px;font-weight:400}.template-copy .stat-facts .icon-tile{width:27px;height:27px;background:#a3edc0;border-radius:50%;color:#05684a}.template-copy .stat-facts .icon{width:18px;height:18px}.template-picker{margin-top:30px}.template-picker p{font-size:12px;font-weight:600;margin-bottom:12px;color:#d0ecdc}.template-picker>div{display:flex;flex-wrap:wrap;gap:8px}.template-picker button{font:inherit;font-size:12px;padding:9px 13px;border-radius:30px;min-height:40px;border:1px solid #9ed2b77a;background:transparent;color:#e4f5eb;cursor:pointer}.template-picker button[aria-pressed=true]{background:#d2f8df;color:#06583c;border-color:#d2f8df;font-weight:700}.template-picker button:hover{background:#ffffff20}.template-picker button[aria-pressed=true]:hover{background:#e5ffed}.template-copy .car-detail{border-color:#ffffff30;margin-top:25px}.template-copy .car-detail p{color:#e1f2e7}.template-stage{position:relative;min-width:0;height:560px;isolation:isolate}.mint-loop{position:absolute;border:40px solid #a3ebc170;border-radius:50%;width:110%;height:70%;top:12%;left:0;transform:rotate(-35deg);box-shadow:inset 10px 8px 14px #d3ffe770;z-index:-1}.creation-card,.category-card{position:absolute;background:#fdfcf8;color:#24352d;border-radius:20px;box-shadow:5px 8px 0 #b3c7b58c,10px 25px 25px #002d2425;padding:24px;border:1px solid #e3e6dd;line-height:1.4}.creation-card{left:5%;top:8%;width:62%;z-index:2;transform:perspective(1100px) rotateY(-8deg) rotateZ(-3deg)}.form-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:20px;margin-bottom:24px}.form-heading>span{font-size:23px;color:#8e9990}.creation-card small,.category-card small{display:block;font-size:11px;margin:12px 0 6px;color:#6e7c71}.form-field{border:1px solid #d9dfd3;background:#fff;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.5}.form-type{display:flex;justify-content:space-between}.category-preview{font-size:13px;line-height:1.8;min-height:120px;padding:8px 0 10px}.all-icons{display:flex;align-items:center;gap:10px;margin-top:9px;font-size:13px}.all-icons>.icon{width:23px;height:23px;color:#087956}.all-icons>span{margin-left:auto}.form-save{padding:12px;background:linear-gradient(110deg,#065c45,#06966a);border-radius:8px;color:white;text-align:center;font-size:14px;margin-top:15px}.category-card{width:36%;right:0;top:22%;padding:20px 15px;transform:perspective(900px) rotateY(-9deg) rotateZ(5deg)}.category-card .form-heading{font-size:15px;margin-bottom:15px}.category-card .form-field{padding:9px 8px;font-size:11px}.icon-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.icon-picker>span{display:grid;place-items:center;border:1px solid #dde4d7;border-radius:9px;aspect-ratio:1}.icon-picker>span:first-child{background:#d3f0db;border-color:#acd8b9}.icon-picker .icon{width:24px;height:24px;color:#477658}.template-stage figcaption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:10px;color:#d4e9dc;line-height:1.5}.catalog-details{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;min-height:720px;padding-top:80px;padding-bottom:70px}.catalog-detail-art{position:relative;height:620px;isolation:isolate;min-width:0}.catalog-detail-art .mint-ribbon{width:90%;height:70%;top:12%;left:1%}.catalog-detail-art .stat-plinth{width:94%;left:0;bottom:5%;height:11%}.phone-detail{position:absolute;left:12%;top:10px;width:260px;transform:perspective(1100px) rotateY(7deg) rotateZ(-4deg);z-index:2}.phone-detail .folder-rows{gap:0;border:1px solid #dfe3d9;border-radius:4cqw;background:white;padding:0 2cqw}.phone-detail .folder-row{border:0;border-radius:0;border-bottom:1px solid #e6e9df;padding:3cqw 1cqw;min-height:12cqw}.phone-detail .folder-row:last-child{border:0}.phone-detail .folder-row>b{font-size:3.2cqw}.phone-detail .folder-row>.icon{width:6cqw;height:6cqw}.phone-detail .folder-row>span{font-size:3.3cqw}.catalog-chart{position:absolute;right:0;top:31%;width:40%;background:#fffefb;padding:22px 18px;border:1px solid #e0e6d9;border-radius:16px;box-shadow:5px 12px 24px #15391f22;z-index:3;transform:perspective(800px) rotateY(-5deg) rotateZ(3deg)}.catalog-chart>b{font-size:13px;line-height:1.5;display:block}.category-donut{aspect-ratio:1;width:82%;margin:20px auto;background:conic-gradient(#078e5d 0 37.5%,#6599d5 37.5% 64.5833%,#e6b847 64.5833% 83.3333%,#9ccfae 83.3333%);border-radius:50%;display:grid;place-items:center}.category-donut>span{display:grid;place-items:center;aspect-ratio:1;width:64%;border-radius:50%;background:#fffefb;font-size:25px;font-weight:700}.category-legend{display:grid;gap:10px}.category-legend>div{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.5}.category-legend b{margin-left:auto;white-space:nowrap;font-size:10px}.category-legend i{display:block;width:8px;height:8px;border-radius:50%;background:#078e5d;flex-shrink:0}.category-legend>div:nth-child(2) i{background:#6599d5}.category-legend>div:nth-child(3) i{background:#e6b847}.category-legend>div:nth-child(4) i{background:#9ccfae}.catalog-detail-art figcaption{position:absolute;bottom:0;left:0;right:0;font-size:10px;text-align:center;line-height:1.5;color:#718173}.catalog-details .pro-label{margin-bottom:18px}#catalog-screen-dialog{width:min(420px,calc(100% - 24px));padding:35px 20px 16px;background:#faf7f2;max-height:94vh;overflow:auto}#catalog-screen-dialog .enlarged-screen{container-type:inline-size}#catalog-screen-dialog .stat-screen{border:1px solid #dee2d9}#catalog-screen-dialog>p{font-size:10px;text-align:center;line-height:1.5;margin:12px 0 0}#catalog-screen-dialog .dialog-close{top:5px;right:5px;z-index:2;padding:6px}.catalog-screen.detail-screen .folder-rows{gap:0}.catalog-screen.detail-screen .folder-row{min-height:12cqw;padding:3cqw 2cqw}.catalog-screen.detail-screen .folder-row>b{font-size:3.2cqw}
@media(max-width:1100px){.catalogs-page h1{font-size:48px}.catalog-hero-art{aspect-ratio:1.02}.catalog-example{padding:15px 21px 20px}.catalog-example h3{font-size:27px}.catalog-example li{font-size:15px;padding:12px 0}.catalog-examples-grid{gap:18px}.unlimited-callout{padding:28px;gap:25px}.infinity-3d{min-width:120px;font-size:110px;padding-right:25px}.unlimited-callout p{font-size:15px}.catalog-templates{padding:40px 30px}.template-stage{height:530px}.creation-card{padding:20px;left:2%;width:64%}.category-card{padding:17px 12px;width:36%}.form-heading{font-size:18px}.category-preview{font-size:12px}.category-card .form-heading{font-size:13px}.icon-picker .icon{width:19px;height:19px}.catalog-details{gap:30px}.catalog-detail-art{height:560px}.phone-detail{width:235px;left:10%}.catalog-chart{padding:18px 13px;width:42%}.category-donut>span{font-size:22px}.catalog-chart>b{font-size:12px}.category-legend>div{font-size:9px}.category-legend b{font-size:9px}}
@media(max-width:800px){.catalogs-page h1{font-size:39px}.catalog-hero .lead{font-size:15px}.catalog-hero-art{aspect-ratio:.98}.catalog-topics a{font-size:11px}.catalog-example{padding:12px 16px 18px}.catalog-example h3{font-size:24px}.catalog-example li{font-size:13px;gap:10px;padding:11px 0}.catalog-example .icon{width:22px}.catalog-examples-grid{gap:14px}.unlimited-callout{padding:25px;gap:20px}.infinity-3d{min-width:85px;font-size:85px;padding-right:20px}.unlimited-callout h2{font-size:29px}.unlimited-callout p{font-size:13px}.unlimited-callout p:last-child{font-size:12px}.catalog-templates{grid-template-columns:42% 58%;padding:30px 25px}.template-copy{padding-right:15px}.template-copy h2{font-size:30px}.template-copy>p:not(.eyebrow){font-size:14px}.template-copy .stat-facts li{font-size:12px}.template-stage{height:510px}.creation-card{padding:17px 15px;top:10%;left:0;width:67%}.category-card{width:34%;padding:16px 10px;top:27%;right:-1%}.category-card .form-field{font-size:9px}.category-card .form-heading{font-size:12px}.icon-picker{gap:4px;grid-template-columns:repeat(2,1fr)}.category-preview{min-height:140px;font-size:11px}.creation-card .form-field{font-size:12px}.form-heading{font-size:17px}.template-picker button{font-size:11px;padding:8px 10px}.template-picker>div{gap:6px}.catalog-details{gap:25px;padding-top:65px}.catalog-detail-art{height:520px}.phone-detail{width:215px;left:2%}.catalog-chart{width:44%;right:-2%;top:40%;padding:16px 11px}.category-legend>div{flex-wrap:wrap;font-size:8px;gap:4px}.category-legend b{font-size:8px}.catalog-chart>b{font-size:10px}.category-donut>span{font-size:18px}.category-donut{margin:13px auto}}
@media(max-width:600px){.catalog-hero{padding-top:28px;padding-bottom:23px}.catalogs-page h1{font-size:clamp(35px,9.2vw,47px);line-height:1.08;letter-spacing:-1.6px}.catalog-hero h1 br{display:none}.catalog-hero h1 em{display:inline}.catalog-hero .lead{font-size:14px;max-width:340px;line-height:1.65;margin-top:16px}.catalog-hero-art{aspect-ratio:.98;margin-top:24px!important}.catalog-hero-art .phone-main{width:36%;left:20%;top:1%}.catalog-hero-art .phone-rear{width:34%;right:3%;top:10%}.hero-backpack{width:26%;left:-1%;bottom:16%}.hero-toolbox{width:25%;left:12%;bottom:10%}.hero-suitcase{width:18%;right:-3%;bottom:13%}.catalog-hero-art .stat-plinth{width:100%;left:0;bottom:7%}.catalog-hero-art figcaption{font-size:8px;bottom:1%}.catalog-topics a{font-size:11px;gap:8px}.catalog-examples{padding-top:42px;padding-bottom:38px}.catalog-examples-grid{grid-template-columns:1fr;gap:17px}.catalog-example{padding:19px 22px 22px;display:grid;grid-template-columns:42% 58%;align-items:center;column-gap:12px}.catalog-example .catalog-prop{grid-column:1;grid-row:1/3;max-width:none;width:115%;margin-left:-10%;margin-bottom:0}.catalog-example h3{grid-column:2;font-size:26px;margin-bottom:7px}.catalog-example ul{grid-column:2}.catalog-example li{font-size:13px;padding:10px 0;gap:10px}.catalog-example .icon{width:20px;height:20px}.examples-note{font-size:12px;margin-top:20px;max-width:330px}.unlimited-callout{display:block;text-align:center;margin-top:27px;padding:24px 20px;border-radius:23px}.infinity-3d{display:inline-block;min-width:0;border:0;padding:0;line-height:.9;font-size:104px;margin-bottom:22px}.unlimited-callout h2{font-size:29px;line-height:1.15;margin-bottom:16px;letter-spacing:-1px}.unlimited-callout p{font-size:14px;line-height:1.65}.unlimited-callout p:last-child{font-size:12px;margin-top:10px}.catalog-templates{display:flex;flex-direction:column;padding:29px 23px 23px;border-radius:24px}.template-copy{padding:0;width:100%}.template-copy h2{font-size:32px}.template-copy h2 br{display:none}.template-copy>.eyebrow{font-size:10px;margin-bottom:13px}.template-copy>p:not(.eyebrow){font-size:14px;margin-top:18px}.template-copy .stat-facts li{font-size:13px}.template-picker{margin-top:26px}.template-picker p{font-size:12px}.template-picker button{font-size:12px;padding:9px 12px}.template-picker>div{gap:8px}.template-stage{width:100%;height:520px;margin-top:14px!important}.creation-card{width:71%;left:0;top:4%;padding:18px 15px;z-index:2;border-radius:15px}.form-heading{font-size:17px;margin-bottom:17px}.creation-card small{font-size:10px;margin-top:11px}.creation-card .form-field{font-size:11px;padding:9px 10px}.category-preview{font-size:11px;min-height:140px}.all-icons{gap:7px}.all-icons>.icon{width:20px;height:20px}.form-save{padding:11px;font-size:12px}.category-card{width:35%;right:-2%;top:26%;padding:16px 10px;border-radius:13px;z-index:1}.category-card .form-heading{font-size:11px;line-height:1.4;gap:4px;align-items:start}.category-card .form-field{font-size:9px;padding:7px 6px;overflow-wrap:anywhere}.category-card small{font-size:9px}.icon-picker{grid-template-columns:repeat(2,1fr);gap:5px}.icon-picker .icon{width:20px;height:20px}.template-stage figcaption{font-size:9px;bottom:0}.mint-loop{width:112%;height:66%;top:18%;left:-4%;border-width:30px}.catalog-details{display:flex;flex-direction:column;gap:27px;padding-top:44px;padding-bottom:42px;min-height:0}.catalog-details .stat-copy{order:0;width:100%}.catalog-detail-art{order:1;width:100%;height:540px}.phone-detail{width:225px;left:3%;top:10px}.catalog-detail-art .stat-plinth{width:98%;left:0;bottom:5%}.catalog-chart{width:43%;right:0;top:34%;padding:15px 11px}.catalog-chart>b{font-size:11px}.category-donut>span{font-size:20px}.category-legend>div{font-size:9px;flex-wrap:nowrap;gap:5px}.category-legend b{font-size:9px}.category-legend i{width:6px;height:6px}.catalog-detail-art figcaption{font-size:9px;bottom:0}.catalog-details h2 br{display:none}.catalog-details .lead{font-size:15px}.catalog-details .pro-label{margin-bottom:15px}}
@media(max-width:360px){.catalogs-page h1{font-size:33px}.catalog-topics a{font-size:10px;gap:5px;padding:10px 7px}.catalog-example{padding:17px 16px;grid-template-columns:39% 61%;gap:8px}.catalog-example h3{font-size:24px}.catalog-example li{font-size:12px;gap:7px}.catalog-templates{padding:26px 20px 22px}.template-copy h2{font-size:29px}.creation-card{width:74%;padding:16px 12px}.category-card{right:-4%;width:34%}.category-preview{min-height:150px}.template-stage{height:515px}.phone-detail{width:205px;left:0}.catalog-detail-art{height:500px}.catalog-chart{width:44%;padding:13px 10px}.catalog-chart>b{font-size:10px}.category-legend>div{font-size:8px;gap:4px}.category-legend b{font-size:8px}.category-donut>span{font-size:18px}}
.catalog-hero-art .phone-rear .stat-enlarge{bottom:26%}