/* One physical handset across every feature page. Content never sizes the shell. */
.real-device.real-device{aspect-ratio:1 / 2.1;height:auto;min-height:0;padding:0;border:1px solid #222923;border-radius:var(--device-radius,30px);background:linear-gradient(115deg,#969e97 0%,#242b26 6%,#111713 48%,#57615a 94%,#bac3b9);box-shadow:inset 0 0 0 1px #aab6aa,inset 0 0 0 3px #242c25,var(--device-depth,7px) 2px 0 #515b51,calc(var(--device-depth,7px) + 2px) 3px 0 #1d281f,12px 18px 25px #19361c26;isolation:isolate;flex-shrink:0;overflow:visible;transform:perspective(1500px) rotateY(-10deg) rotateZ(-3deg);transition:transform .3s}
.real-device.real-device:after{content:'';position:absolute;right:calc(-1 * var(--device-depth,7px) - 3px);top:25%;width:3px;height:10%;border-radius:2px;background:linear-gradient(90deg,#909a8e,#29342b);box-shadow:0 -18px 0 -1px #697666;z-index:-1}
.real-device.phone-rear,.real-device.debts-hero-phone,.real-device.hero-notes{transform:perspective(1500px) rotateY(-10deg) rotateZ(3deg)}
.device-viewport{position:absolute;inset:2.1% 2.8%;border-radius:var(--screen-radius,23px);overflow:hidden;background:#faf9f6;isolation:isolate;clip-path:inset(0 round var(--screen-radius,23px))}
.device-viewport>img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain;border-radius:0!important;aspect-ratio:auto}
.real-device .device-viewport>.stat-screen,.real-device .device-viewport>.app-display{height:100%;min-height:100%;border-radius:0;overflow:auto;scrollbar-width:none;overscroll-behavior:contain}
.real-device .device-viewport>.warranty-screen,.real-device .device-viewport>.split-screen{height:100%;border-radius:0;overflow:auto;scrollbar-width:none;overscroll-behavior:contain}
.device-viewport> ::-webkit-scrollbar,.device-viewport>.stat-screen::-webkit-scrollbar,.device-viewport>.app-display::-webkit-scrollbar,.device-viewport>.warranty-screen::-webkit-scrollbar,.device-viewport>.split-screen::-webkit-scrollbar{display:none}
.device-viewport>.stat-screen>*,.device-viewport>.app-display>*{flex-shrink:0}
.device-motion{position:absolute;z-index:8;left:10px;bottom:-37px;display:flex;align-items:center;gap:6px;background:#fffdf6;color:#13583f;border:1px solid #dce3d7;box-shadow:0 3px 8px #16371c12;border-radius:20px;padding:7px 12px;font:600 10px Manrope,Arial,sans-serif;min-height:30px;cursor:pointer;white-space:nowrap}
.device-motion:hover{background:#e2f3e5}.device-motion:focus-visible{outline:2px solid #00865d;outline-offset:3px}
.real-device .stat-enlarge,.real-device .screen-enlarge{right:8px;bottom:12px;top:auto;width:30px;height:30px}
/* Room for the entire device, its metal side and the shadow. */
.screen-showcase,.docs-hero-art,.warranty-stage,.split-stage,.debt-hero-art,.calendar-art,.widget-stage,.catalog-detail-art,.stat-hero-art{overflow:visible!important}
.screen-showcase{padding:20px 18px}.phone-frame:not(.hero-doc-phone):not(.sharing-hero-phone):not(.debts-hero-phone):not(.search-doc-phone){width:270px;max-width:78%;margin:24px auto 36px}
.warranty-phone,.split-phone{width:270px;max-width:72%;margin:15px 0 65px 30px}
.warranty-stage,.split-stage{min-height:0;height:670px;padding:10px 18px 55px;align-items:flex-start}
.warranty-stage figcaption,.split-stage figcaption{bottom:8px;left:0}
.coffee-decoration,.suitcase-prop{bottom:60px;left:0}
.docs-hero-art{height:auto;aspect-ratio:1.08}.hero-doc-phone{width:40%;max-width:40%;right:14%;top:3%}
.debt-hero-art{height:auto;aspect-ratio:1.08}.sharing-hero-phone{width:37%;left:20%;top:3%}.debts-hero-phone{width:35%;right:5%;top:11%}
.debt-hero-art .docs-plinth{left:1%;width:98%;bottom:7%}.wallet-prop{left:0;bottom:12%;width:30%}
.docs-search{padding-bottom:20px}.search-art{height:520px;overflow:visible}.search-doc-phone{width:210px;max-width:74%;margin:20px auto 40px}
.search-footnote{padding-bottom:0}.search-house,.search-car{bottom:30px}
.card-phone-stage{height:auto;min-height:0;padding:18px 20px 65px;overflow:visible;mask-image:none}.detail-device{width:250px;max-width:85%;margin:0 auto}
.calendar-art{aspect-ratio:1.08}.housing-stage{height:640px}
.notification-stage{height:650px}.notification-phone{top:22px;width:260px;left:17%}
.widget-stage{height:750px}.widget-phone{width:290px;left:23%;top:18px}
.catalog-detail-art{height:655px}.phone-detail{width:260px;left:7%;top:25px}.catalog-chart{right:0;top:38%;width:40%}
.template-stage{height:540px}.creation-card{top:5%;width:62%}.category-preview{min-height:0}.category-card{top:26%}.template-stage figcaption{bottom:0}.creation-card{padding-bottom:20px}
@media(max-width:1100px){.warranty-stage,.split-stage{height:630px}.warranty-phone,.split-phone{width:250px}.notification-phone{width:230px;left:10%}.notification-stage{height:560px}.widget-phone{width:255px}.widget-stage{height:640px}.catalog-detail-art{height:600px}.phone-detail{width:235px}.housing-stage{height:600px}}
@media(min-width:601px) and (max-width:850px){.warranty-stage,.split-stage{height:550px}.warranty-phone,.split-phone{width:210px;max-width:80%;margin-left:5px}.detail-device{width:200px;max-width:85%}.card-phone-stage{padding-inline:8px}.notification-phone{width:185px;left:7%}.notification-stage{height:480px}.widget-phone{width:210px;left:18%}.widget-stage{height:550px}.catalog-detail-art{height:530px}.phone-detail{width:200px;left:3%}.catalog-chart{width:43%;padding:12px 10px}.template-stage{height:500px}}
@media(max-width:600px){
 .mint-ribbon{transform:rotate(-22deg) scale(.76)}
 .stat-housing .housing-stage{height:600px}
 .screen-showcase{padding:12px 14px}.phone-frame:not(.hero-doc-phone):not(.sharing-hero-phone):not(.debts-hero-phone):not(.search-doc-phone){width:248px;max-width:78%;margin:24px auto 32px}
 .warranty-stage,.split-stage{height:auto;aspect-ratio:1 / 1.93;padding:10px 20px 65px;max-width:400px;margin:auto}
 .warranty-phone,.split-phone{position:absolute;width:70%;max-width:70%;left:17%;top:3%;margin:0}
 .warranty-stage figcaption,.split-stage figcaption{font-size:9px;bottom:8px}
 .coffee-decoration,.suitcase-prop{width:35%;left:0;bottom:13%}
 .docs-hero-art,.debt-hero-art{aspect-ratio:1 / 1.1;height:auto;max-width:400px;margin-inline:auto!important}
 .hero-doc-phone{width:45%;max-width:45%;right:13%;top:4%}.docs-plinth{left:1%;width:98%;bottom:7%}.folder-prop{width:43%;bottom:13%}
 .sharing-hero-phone{left:18%;width:39%;top:3%}.debts-hero-phone{right:5%;width:35%;top:13%}.debt-hero-art figcaption{bottom:0}
 .search-art{height:490px;width:100%;margin-top:20px}.search-doc-phone{width:200px;max-width:72%;margin-top:15px}
 .calendar-art{aspect-ratio:1 / 1.1}.hero-calendar{width:39%;left:17%;top:3%}.hero-notes{width:35%;right:5%;top:13%}
 .card-phone-stage{padding:20px 18px 60px;height:auto}.detail-device{width:235px;max-width:83%;margin:0 auto}
 .calendar-reminders{overflow:visible}.notification-stage{height:550px;max-width:350px}.notification-phone{width:225px;max-width:72%;left:14%;top:15px}.bell-prop{right:0;bottom:25px}
 .widget-stage{height:auto;aspect-ratio:1 / 1.95;max-width:400px}.widget-phone{width:67%;left:19%;top:4%}.floating-task{right:2%;top:57%;font-size:14px;max-width:65%}.grocery-prop{left:0}
 .catalog-hero-art,.stat-hero-art{aspect-ratio:1 / 1.1}.catalog-hero-art .phone-main,.stat-hero-art .phone-main{width:37%;left:18%;top:3%}.catalog-hero-art .phone-rear,.stat-hero-art .phone-rear{width:35%;right:5%;top:13%}.hero-suitcase{right:0}.hero-backpack{left:0}.stat-plinth,.catalog-hero-art .stat-plinth{width:98%;left:1%}
 .catalog-detail-art{height:auto;aspect-ratio:1 / 1.85;max-width:400px;width:100%;margin:15px auto 0!important}.phone-detail{width:65%;left:7%;top:3%}.catalog-chart{right:2%;width:43%;top:43%;padding:13px 10px}.category-legend>div,.category-legend b{font-size:8px}.catalog-chart>b{font-size:11px}.category-donut{margin:12px auto}.catalog-detail-art .stat-plinth{bottom:7%}.catalog-detail-art figcaption{bottom:0}
 .template-stage{height:auto;min-height:0;display:flex;flex-direction:column;align-items:center;gap:24px;padding:30px 8px 10px;margin-top:14px}
 .creation-card,.category-card{position:relative;inset:auto;width:94%;max-width:310px;padding:20px;transform:perspective(1000px) rotateY(-6deg) rotateZ(-2deg)}
 .category-card{width:78%;align-self:flex-end;transform:perspective(1000px) rotateY(-6deg) rotateZ(3deg)}.category-preview{min-height:0;font-size:12px;line-height:1.65}.form-heading{margin-bottom:16px}.template-stage figcaption{position:static;margin-top:8px;font-size:9px}.icon-picker{grid-template-columns:repeat(6,1fr);gap:5px}.icon-picker .icon{width:19px;height:19px}.category-card .form-heading{font-size:16px}.creation-card .form-field{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.real-device.real-device{transition:none}}