:root{--ink:#172b42;--muted:#59697d;--line:#dce4ef}*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #ec762c;outline-offset:3px}button{border:0}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.preview-site-header{max-width:1300px;margin:auto;padding:26px 35px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.preview-site-header>span{font-size:9px;letter-spacing:2px;color:var(--muted)}.screens-showcase{max-width:1300px;margin:35px auto 50px;padding:0 35px}.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.kicker{font-size:10px;font-weight:bold;letter-spacing:2px;color:#2855cf}.gallery-heading h2{font-size:46px;letter-spacing:-2px;margin:12px 0}.gallery-heading p:not(.kicker){font-size:13px;color:var(--muted)}.gallery-heading>span{font-size:11px;color:var(--muted)}.screen-rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x proximity;padding:8px 4px 25px}.screen-tile{flex-shrink:0;width:252px;padding:20px 13px;border-radius:18px;background:white;border:1px solid #e1e6ee;scroll-snap-align:start}.screen-tile h3{font-size:16px;min-height:38px;margin:0 6px 15px;line-height:1.35}.gallery-phone{width:210px;height:458px;background:#141d2d;border:7px solid #141d2d;border-radius:29px;overflow:hidden;box-shadow:0 10px 24px #182f4517;margin:auto}.gallery-phone iframe{border:0;width:390px;height:850px;display:block;transform:scale(.502564);transform-origin:top left;pointer-events:none}.screen-tile>span{display:block;margin:17px 6px 0;font-size:11px;font-weight:bold;color:#385884}.gallery-note{font-size:11px;color:var(--muted);line-height:1.6}.design-stage{max-width:1120px;margin:30px auto 75px;padding:55px 35px 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;border-top:1px solid var(--line)}.design-description h1{font-size:58px;line-height:1.04;letter-spacing:-2.5px;margin:20px 0}.design-description>p{font-size:16px;line-height:1.65;color:var(--muted)}#app-switcher{display:flex;gap:7px;flex-wrap:wrap;margin:25px 0}#app-switcher a{border:1px solid #d7e0eb;border-radius:25px;padding:9px 12px;font-size:10px;background:white}#app-switcher a.active{background:#183453;color:white;border-color:#183453}.design-price strong{font-size:35px;color:var(--ink)}.design-price span{display:block;font-size:11px}.stage-button{display:inline-block;background:#2458d0;color:white;padding:15px 22px;border-radius:9px;font-size:13px;font-weight:bold}.design-description .design-disclosure{font-size:11px;margin-top:24px}.device-stage{display:flex;flex-direction:column;align-items:center}.device{width:410px;border:3px solid #4d5766;padding:7px;background:#161e2b;border-radius:44px;overflow:hidden;box-shadow:0 22px 50px #172c4326}.device-island{display:none}.device-caption{font-size:10px;color:var(--muted)}.app-shell{height:850px;display:flex;flex-direction:column;background:#f5f7fb;overflow:hidden;border-radius:31px;color:#182c45}.statusbar{display:flex;justify-content:space-between;padding:15px 22px 10px;font-size:10px;font-weight:bold;flex-shrink:0}.product-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 18px;flex-shrink:0}.product-name{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:bold;letter-spacing:-.6px}.product-name .icon{width:24px;height:24px}.settings{background:transparent;color:inherit;font-size:18px}.app-page{padding:22px 20px 18px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin}.app-navigation{display:flex;padding:10px 12px;gap:3px;background:white;border-bottom:1px solid #e1e7ef;flex-shrink:0}.app-navigation button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:10px 4px;border-radius:7px;color:#5e6b7f;background:transparent;font-size:9px;font-weight:bold}.app-navigation button .icon{width:15px;height:15px}.app-navigation button[aria-pressed=true]{color:#2855cf;background:#edf2ff}.overline{font-size:8px!important;letter-spacing:1.6px;font-weight:bold;margin:0 0 11px;color:#658199;line-height:1.4}.page-title{font-size:34px;line-height:1.07;letter-spacing:-1.5px;margin:0 0 25px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:22px 0 13px}.section-title h2{font-size:17px;letter-spacing:-.5px;margin:0}.primary{display:block;width:100%;padding:14px 15px;background:#2855cf;color:white;border-radius:10px;font-size:12px;font-weight:bold;text-align:center;margin-top:17px}.small-button{padding:8px 11px;border-radius:20px;background:white;border:1px solid #d7e2ef;color:#294773;font-size:10px;font-weight:bold}.quiet-button{color:#2855cf;background:transparent;padding:9px 0;font-size:10px;font-weight:bold}.sample-note{font-size:8px;line-height:1.6;color:#6d7d91;margin:20px 0 0}.support-copy{font-size:11px;line-height:1.65;color:#536984}.detail-chip{display:inline-block;border-radius:5px;background:#ecf2fa;padding:7px 8px;font-size:8px;margin-top:8px}
/* Journeys: a travel wallet with boarding passes. */
body[data-app=travel] .app-shell{background:#0b2542;color:#f4f8ff}body[data-app=travel] .statusbar{background:#0b2542}body[data-app=travel] .product-header{border-bottom:1px solid #32506c}body[data-app=travel] .product-name>.icon{color:#b9ef21}body[data-app=travel] .app-page{padding-top:24px}body[data-app=travel] .app-navigation{background:#08203b;border:0;border-top:1px solid #2c4966;padding:12px 15px 16px}body[data-app=travel] .app-navigation button{flex-direction:column;gap:7px;color:#aac0d6;padding:7px;font-size:9px}body[data-app=travel] .app-navigation button .icon{height:21px;width:21px}body[data-app=travel] .app-navigation button[aria-pressed=true]{color:#b9ef21;background:transparent}.travel-opening .overline{color:#9cbdcf}.travel-opening h2{font-family:Georgia,serif;font-size:42px;line-height:1.02;font-weight:400;letter-spacing:-1.3px;margin:9px 0 17px}.trip-tag{display:inline-block;font-size:8px;color:#b9ef21;letter-spacing:1.4px;margin-bottom:24px}.boarding-pass{border-radius:15px;background:#f4f8ff;color:#143353;overflow:hidden;position:relative}.ticket-top{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;background:#b9ef21;font-size:8px;letter-spacing:1px;font-weight:bold}.ticket-top>span:first-child{display:flex;gap:8px;align-items:center}.ticket-top .icon{width:17px;height:17px}.route{display:flex;justify-content:space-between;align-items:center;padding:22px 20px 20px}.route strong{display:block;font-size:44px;letter-spacing:-2px;line-height:1}.route>div:last-child{text-align:right}.route>div>span{font-size:9px;display:block;color:#5f7790;margin-top:7px}.route-line{width:62px;position:relative;text-align:center;color:#235b8e}.route-line .icon{width:26px;height:26px;transform:rotate(12deg)}.route-line i{display:block;border-top:1px dashed #8ca4ba;position:absolute;left:0;right:0;top:14px;z-index:0}.ticket-perforation{border-top:1px dashed #a5b7c9;position:relative;margin:0 15px}.ticket-perforation:before,.ticket-perforation:after{content:'';width:17px;height:17px;position:absolute;border-radius:50%;background:#0b2542;top:-9px}.ticket-perforation:before{left:-24px}.ticket-perforation:after{right:-24px}.flight-facts{display:flex;justify-content:space-between;gap:10px;padding:17px 18px 20px}.flight-facts small{display:block;font-size:6px;letter-spacing:1px;color:#5e7890}.flight-facts b{display:block;font-size:10px;margin-top:7px}.reservation-strip{display:flex;gap:9px;margin:16px 0 0}.reservation-strip button{flex:1;display:flex;gap:8px;align-items:center;justify-content:center;border:1px solid #385876;background:#163655;border-radius:8px;padding:12px 4px;color:#d9e8f4;font-size:9px}.reservation-strip .icon{width:16px;height:16px}body[data-app=travel] .section-title{margin-top:22px}.stay-card{display:flex;gap:14px;align-items:center;border:1px solid #385876;border-radius:9px;padding:15px}.stay-card>.icon{color:#b9ef21;width:27px;height:27px}.stay-card small{font-size:7px;letter-spacing:1px;color:#aac0d6}.stay-card h3{font-size:14px;margin:6px 0}.stay-card p{font-size:9px;color:#aac0d6;margin:0}body[data-app=travel] .primary{background:#b9ef21;color:#0b2542;border-radius:8px}body[data-app=travel] .small-button{background:transparent;color:#b9ef21;border-color:#385876}body[data-app=travel] .sample-note{color:#a4bad0}body[data-app=travel] .page-title{font-family:Georgia,serif;font-size:39px;font-weight:400}body[data-app=travel] .overline{color:#a4bed2}.journey-line{border-left:1px solid #45637e;margin:25px 0 30px 12px;padding-left:25px}.journey-line article{display:flex;gap:13px;position:relative;padding:0 0 28px}.journey-line article>.icon{color:#b9ef21;margin-left:-36px;background:#0b2542;width:20px;height:20px}.journey-line small{font-size:8px;color:#b9cedf}.journey-line h3{font-size:17px;letter-spacing:-.5px;margin:8px 0}.journey-line p{font-size:10px;color:#b9cedf;line-height:1.6}.journey-line .detail-chip{background:#163655;color:#b9ef21}.wallet-row{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:21px 16px;border:1px solid #385876;background:#163655;color:white;border-radius:10px;margin-bottom:12px}.wallet-row .icon{color:#b9ef21}.wallet-row span b{display:block;font-size:14px}.wallet-row small{display:block;font-size:9px;color:#b9cedf;margin-top:8px}.wallet-row>span:last-child{margin-left:auto;color:#b9ef21}
/* Medication: a clinical record, not a promotional image. */
body[data-app=medication] .app-shell{background:#fcfcfa;color:#27323c}body[data-app=medication] .product-header{border-bottom:1px solid #e5e6e1}.mini-cross,.red-cross{display:block;position:relative;flex-shrink:0}.mini-cross{width:22px;height:22px}.red-cross{width:44px;height:44px}.mini-cross:before,.mini-cross:after,.red-cross:before,.red-cross:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#d6273d;border-radius:2px}.mini-cross:before{width:21px;height:7px}.mini-cross:after{width:7px;height:21px}.red-cross:before{width:42px;height:14px}.red-cross:after{width:14px;height:42px}body[data-app=medication] .app-navigation{padding:9px 14px;background:#fcfcfa;border-color:#e5e6e1}body[data-app=medication] .app-navigation button .icon{display:none}body[data-app=medication] .app-navigation button{font-size:10px;padding:9px 7px}body[data-app=medication] .app-navigation button[aria-pressed=true]{background:#d6273d;color:white;border-radius:20px}.medical-heading{position:relative}.medical-heading>.red-cross{margin-bottom:18px}.medical-heading .overline{color:#77656a;font-size:7px!important}.medical-heading h2{font-size:34px;line-height:1.06;letter-spacing:-1.5px;margin:0 0 20px;font-weight:600;position:relative;z-index:2}.medical-visual{width:85px;height:85px;position:absolute;right:1px;top:0;border-radius:50%;overflow:hidden;border:4px solid white;box-shadow:0 0 0 1px #e2ded8}.medical-visual img{width:100%;height:100%;object-fit:cover;object-position:76% 40%}.medical-visual-caption{display:none}.health-controls{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid #e0e3dd;border-bottom:1px solid #e0e3dd;font-size:10px;color:#66716e}.health-controls b{font-size:15px;color:#27323c;margin-right:4px}body[data-app=medication] .quiet-button{color:#b32338}body[data-app=medication] .section-title{margin-top:22px}body[data-app=medication] .small-button{color:#b32338;border-color:#e3d1d4}.med-record{display:flex;align-items:center;gap:11px;padding:19px 13px;border:1px solid #e3e5df;border-radius:10px;background:white;margin-bottom:11px}.capsule-mark{height:28px;width:14px;border:1.5px solid #d6273d;border-radius:20px;transform:rotate(35deg);background:linear-gradient(#d6273d 50%,white 50%);flex-shrink:0;margin:0 6px}.med-record h3{font-size:13px;letter-spacing:-.3px;margin:0 0 8px}.med-record p{font-size:9px;color:#687674;margin:0;line-height:1.5}.med-record p>span{padding:0 3px}.period-tag{font-size:8px;white-space:nowrap;margin-left:auto;border:1px solid #e1cbd0;color:#a51b30;border-radius:5px;padding:6px}.care-bar{display:flex;align-items:center;gap:11px;margin-top:22px;padding:17px 0;border-top:1px solid #e0e3dd;border-bottom:1px solid #e0e3dd}.care-bar>.icon{color:#b32338;width:25px;height:25px}.care-bar b{display:block;font-size:11px}.care-bar small{display:block;font-size:9px;color:#687674;margin-top:6px}.care-bar button{margin-left:auto}body[data-app=medication] .primary{background:#b92338;border-radius:6px}.care-contact{border:1px solid #e3e5df;border-radius:10px;background:white;padding:21px;margin:13px 0}.care-contact>small{color:#b32338;font-size:10px;font-weight:bold}.care-contact h3{font-size:19px;margin:12px 0}.care-contact p{font-size:11px;color:#687674}.medical-report{background:white;border:1px solid #e3e5df;padding:20px;border-radius:4px}.medical-report>div{display:flex;gap:16px;align-items:center;margin-bottom:23px;padding-bottom:17px;border-bottom:2px solid #b92338}.medical-report small{font-size:8px;letter-spacing:1px;color:#846b70}.medical-report h3{margin:7px 0;font-size:22px}.medical-report .med-record{padding:14px 5px;border:0;border-bottom:1px solid #e3e5df;border-radius:0}.medical-report .med-record h3{font-size:12px}.medical-report footer{font-size:8px;color:#687674;margin-top:20px}
/* Calendar: full colored bars and a readable agenda. */
body[data-app=reminder] .app-shell{background:#f6f8ff}body[data-app=reminder] .statusbar,body[data-app=reminder] .product-header{background:#214ed1;color:white}body[data-app=reminder] .app-navigation{background:#183fae;border:0;padding:9px 9px}body[data-app=reminder] .app-navigation button{color:#c9d8ff;font-size:9px;padding:9px 4px}body[data-app=reminder] .app-navigation button .icon{display:none}body[data-app=reminder] .app-navigation button[aria-pressed=true]{background:white;color:#214ed1}.planner-date{display:flex;justify-content:space-between;align-items:start;margin-bottom:23px}.planner-date .overline{color:#6079b1}.planner-date h2{font-size:29px;letter-spacing:-1px;margin:0 0 9px}.planner-date>div>span{font-size:10px;color:#687ba5}.planner-date>strong{font-size:67px;letter-spacing:-4px;line-height:.9;color:#214ed1}.planner-date>strong>span{display:block;text-align:center;font-size:9px;letter-spacing:2px;line-height:1.4;margin-top:10px}.week-selector{display:flex;gap:6px;justify-content:space-between;margin-bottom:19px}.week-selector>div{flex:1;padding:10px 0;text-align:center;border-radius:10px;background:white;border:1px solid #e1e7f5;min-width:0}.week-selector small{display:block;font-size:8px;color:#6c7da2}.week-selector b{display:block;font-size:15px;margin:7px 0}.week-selector .selected{background:#214ed1;color:white;border-color:#214ed1}.week-selector .selected small{color:#d7e2ff}.date-marks{display:flex;gap:3px;justify-content:center;min-height:5px;margin-top:5px}.date-marks i{width:4px;height:4px;border-radius:50%}.selected .date-marks i{box-shadow:0 0 0 1px white}.event-legend{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px;font-size:8px;color:#596f98}.event-legend>span{display:flex;align-items:center;gap:5px}.event-legend i{width:7px;height:7px;border-radius:2px}.agenda-event{display:flex;gap:12px;align-items:center;background:var(--event);color:white;border-radius:10px;padding:17px 13px;margin-bottom:12px;box-shadow:0 4px 9px #17395712}.agenda-time{width:48px;flex-shrink:0;border-right:1px solid #ffffff66;text-align:center;padding-right:10px}.agenda-time b{display:block;font-size:15px;letter-spacing:-.5px}.agenda-time small{font-size:7px;letter-spacing:1px;display:block;margin-top:6px}.agenda-content>small{font-size:7px;letter-spacing:.8px;text-transform:uppercase;color:white}.agenda-content h3{font-size:15px;letter-spacing:-.4px;margin:7px 0}.agenda-content p{font-size:9px;line-height:1.5;margin:0;color:white}.planner-month-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.planner-month-title h2{font-size:29px;letter-spacing:-1px;margin:0}.planner-month-title h2 span{color:#6b7fa9;font-weight:400}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);background:white;border:1px solid #dce4f5;border-radius:13px;padding:18px 10px;gap:10px 5px;text-align:center;margin-bottom:19px}.month-grid>small{font-size:8px;color:#6b7fa9}.month-grid>div{padding:8px 0;border-radius:8px;font-size:12px}.month-grid .muted{color:#afbad1}.month-grid .selected{background:#214ed1;color:white}.color-setting{border-radius:13px;border:1px solid #dce4f5;padding:18px;margin-bottom:15px;background:white}.color-setting h3{font-size:14px;margin:0 0 15px;display:flex;gap:8px;align-items:center}.color-setting h3 i{width:10px;height:10px;border-radius:3px}.color-swatches{display:flex;gap:10px}.color-swatches button{height:34px;width:34px;border-radius:8px;color:white;border:2px solid white;box-shadow:0 0 0 1px #c8d3e9;font-weight:bold}.color-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px #163767}.birthday-pass{background:var(--event);color:white;position:relative;border-radius:13px;padding:24px 19px;margin:15px 0 18px;display:flex;gap:17px;align-items:center}.birthday-date{border-right:1px solid #ffffff66;padding-right:17px;text-align:center}.birthday-date small{font-size:9px;letter-spacing:1px}.birthday-date b{font-size:37px;display:block;margin-top:7px;letter-spacing:-1.5px}.birthday-label{font-size:9px;color:white}.birthday-pass h3{font-size:19px;margin:9px 0}.birthday-pass p{font-size:9px;margin:0}.birthday-pass .primary{width:auto;background:white;color:var(--event);font-size:10px;padding:10px 13px;margin-top:13px}.birthday-pass>.icon{position:absolute;right:13px;top:14px;color:#ffffff8c;width:20px;height:20px}
/* Accident: an organized, practical field kit. */
body[data-app=accident] .app-shell{background:#f2f4f6}body[data-app=accident] .statusbar,body[data-app=accident] .product-header{background:#242e3b;color:white}body[data-app=accident] .product-name>.icon{color:#f9bd3a}body[data-app=accident] .app-navigation{border-color:#dce0e5;background:#e5e9ee;padding:10px 8px}body[data-app=accident] .app-navigation button .icon{display:none}body[data-app=accident] .app-navigation button{border-radius:4px;font-size:9px}body[data-app=accident] .app-navigation button[aria-pressed=true]{background:#242e3b;color:#f9bd3a}.accident-opening{background:#242e3b;color:white;padding:23px 21px;border-radius:7px;position:relative}.ready-tag{font-size:7px;letter-spacing:1.4px;color:#f9bd3a;display:flex;align-items:center;gap:7px}.ready-tag i{width:6px;height:6px;border-radius:50%;background:#f9bd3a}.accident-opening h2{font-size:35px;letter-spacing:-1.4px;line-height:1.03;margin:19px 0 12px}.accident-opening>p{font-size:10px;color:#c4cfdd;line-height:1.5;margin:0}.car-outline{display:flex;align-items:center;gap:14px;border-top:1px solid #546172;margin-top:21px;padding-top:17px}.car-outline>.icon:first-child{width:46px;height:46px;color:#f9bd3a}.car-outline>span{font-size:7px;letter-spacing:1.1px;color:#b9c6d6}.car-outline b{display:block;font-size:11px;margin-top:6px;letter-spacing:0;color:white}.car-outline>.icon:last-child{margin-left:auto;width:20px;height:20px;color:#f9bd3a}.safety-call{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #dce0e5}.safety-call>.icon{color:#927024;width:23px;height:23px}.safety-call>span{font-size:12px;font-weight:bold;color:#273445}.safety-call small{display:block;font-size:8px;color:#647184;line-height:1.5;margin-top:6px;font-weight:normal}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.action-grid button{display:flex;flex-direction:column;gap:9px;position:relative;text-align:left;background:white;border:1px solid #dce0e5;border-radius:7px;padding:17px 15px;color:#273445}.action-grid .icon{width:25px;height:25px;color:#86651c}.action-grid b{font-size:17px;letter-spacing:-.4px}.action-grid small{font-size:8px;color:#647184}.action-grid button>span{position:absolute;right:12px;top:15px;color:#8b97a6;font-size:15px}body[data-app=accident] .primary{background:#f9bd3a;color:#242e3b;border-radius:5px}body[data-app=accident] .overline{color:#807044}body[data-app=accident] .quiet-button{color:#675c40}.driver-record{display:flex;gap:12px;align-items:center;padding:20px 14px;background:white;border:1px solid #dce0e5;border-radius:7px;margin-bottom:14px}.driver-record>.icon{color:#8a6b2a}.driver-record h3{font-size:17px;margin:0 0 9px}.driver-record p{font-size:10px;margin:0 0 8px;color:#647184}.driver-record small{font-size:8px;color:#647184}.driver-record button{margin-left:auto}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.evidence-grid button{display:flex;flex-direction:column;align-items:start;gap:12px;text-align:left;background:white;border:1px solid #dce0e5;border-radius:7px;padding:24px 15px;color:#273445}.evidence-grid .icon{width:32px;height:32px;color:#8a6b2a}.evidence-grid b{font-size:13px}.evidence-grid small{font-size:9px;color:#647184}.evidence-grid span{font-size:8px;font-weight:bold;margin-top:10px}.incident-report{background:white;padding:23px;border:1px solid #dce0e5;border-top:4px solid #f9bd3a}.incident-report>div{display:flex;gap:10px;align-items:center;font-size:9px;letter-spacing:1px;color:#7b6e49}.incident-report h3{font-size:23px;letter-spacing:-.7px;margin:22px 0}.incident-report dl>div{padding:14px 0;border-top:1px solid #dce0e5;display:flex;justify-content:space-between;gap:12px;font-size:10px}.incident-report dt{color:#647184}.incident-report dd{margin:0;font-weight:bold}.scene-form{padding:20px;border:1px solid #dce0e5;background:white;border-radius:7px}.scene-form label{display:block;font-size:10px;font-weight:bold;padding:15px 0;border-bottom:1px solid #e3e7eb}.scene-form label span{display:block;font-size:11px;font-weight:normal;padding:12px 10px;background:#f2f4f6;margin-top:10px;border-radius:4px;color:#647184}
#demo-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#172c43;color:white;font-size:12px;border-radius:8px;padding:14px 19px;display:none;max-width:90vw;z-index:20}#demo-toast.show{display:block}.capture{width:390px;height:850px;overflow:hidden;margin:0;background:white}.capture .preview-site-header,.capture .screens-showcase,.capture .design-description,.capture .device-caption{display:none}.capture .design-stage{display:block;margin:0;padding:0;border:0;width:390px}.capture .device-stage{display:block}.capture .device{width:390px;border:0;padding:0;border-radius:0;background:none;box-shadow:none}.capture .app-shell{border-radius:0}.capture .app-page{scrollbar-width:none}.capture .app-page::-webkit-scrollbar{display:none}@media(max-width:800px){.preview-site-header{padding:22px 20px}.preview-site-header>span{display:none}.screens-showcase{padding:0 20px;margin-top:25px}.gallery-heading h2{font-size:34px;letter-spacing:-1.2px}.gallery-heading>span{display:none}.screen-rail{gap:15px}.design-stage{display:flex;flex-direction:column;padding:35px 20px 0;gap:30px}.device-stage{order:-1;width:100%}.device{width:min(410px,100%)}.design-description{max-width:450px}.design-description h1{font-size:44px}.product-name{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body[data-app=reminder] .app-shell{background:#fff}body[data-app=reminder] .week-selector>div{background:#fff;border-color:#cbd5ea}body[data-app=reminder] .week-selector>.selected{background:#214ed1;color:white}body[data-app=reminder] .month-grid{border-color:#cbd5ea}body[data-app=medication] .app-shell{background:#fff}.statusbar{background:inherit}
.completion-circle{height:17px;width:17px;border:1.5px solid white;border-radius:50%;background:transparent;flex-shrink:0;margin-left:auto;padding:0}.agenda-content{min-width:0;flex:1}.agenda-content h3{font-size:14px}.planner-tools{display:flex;justify-content:space-between;padding:6px 0;border-top:1px solid #d4def1}.planner-tools .quiet-button{font-size:9px}.dark-preview{margin:-22px -20px -18px;padding:26px 20px 24px;background:#10213a;color:white;min-height:710px}.dark-preview .overline,.dark-preview .event-legend,.dark-preview .support-copy{color:#c5d5f1}.dark-preview .week-selector>div{background:#203956;color:white;border-color:#365371}.dark-preview .week-selector>div.selected{background:#285cdb}.dark-preview .week-selector small{color:#c5d5f1}.appearance-options{display:flex;gap:8px;margin:24px 0 10px}.appearance-options>*{flex:1;border:1px solid #456287;border-radius:6px;text-align:center;padding:12px;font-size:11px}.appearance-options b{background:#285cdb;border-color:#285cdb}.vacation-pass{position:relative;background:#183b6d;color:white;padding:27px 25px;border-radius:12px}.vacation-pass>.icon{position:absolute;right:23px;top:23px;width:31px;height:31px;color:#b9ef21}.vacation-pass>small{font-size:8px;letter-spacing:1.5px;color:#b9ef21}.vacation-pass h3{font-size:27px;margin:16px 0 23px;letter-spacing:-.7px}.vacation-pass>div{display:flex;gap:23px;align-items:center}.vacation-pass>div span{font-size:8px;letter-spacing:1px}.vacation-pass b{display:block;font-size:45px;letter-spacing:-2px;margin-top:7px}.vacation-pass i{font-style:normal;color:#b9ef21}.vacation-pass p{font-size:10px;color:#d5e1f3;margin-top:23px}.feature-row{padding:23px 0;border-bottom:1px solid #d4def1}.feature-row b{font-size:15px}.feature-row p{font-size:11px;line-height:1.7;color:#5b7198}.holiday-card{position:relative;overflow:hidden;background:#096345;border-top:5px solid #ce263d;color:white;padding:29px 24px;border-radius:8px}.holiday-card>.icon{width:48px;height:48px;color:#ffd36b;margin-bottom:24px}.holiday-card>span{display:block;font-size:9px;letter-spacing:1.8px;color:#ffd36b}.holiday-card h3{font-family:Georgia,serif;font-size:30px;margin:12px 0}.holiday-card p{font-size:10px;line-height:1.6}.holiday-stars{color:#ffd36b;font-size:24px;margin-top:23px}.reminder-editor label{display:block;font-size:10px;font-weight:bold;margin:0 0 18px;color:#45628b}.reminder-editor input,.reminder-editor select{width:100%;display:block;margin-top:8px;border:1px solid #ccd7e9;background:white;color:#173250;padding:12px 10px;border-radius:6px;font:inherit;font-size:11px;font-weight:normal}.entry-voice{display:flex;gap:8px;align-items:center}.entry-voice .small-button{flex-shrink:0;margin-top:8px}.editor-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.birthday-detail{background:var(--event);color:white;padding:26px 23px;border-radius:12px}.birthday-detail>.icon{width:42px;height:42px;margin-bottom:22px}.birthday-detail>span{display:block;font-size:8px;letter-spacing:1.1px}.birthday-detail h3{font-size:25px;letter-spacing:-.8px;margin:15px 0}.birthday-detail p{font-size:10px}.birthday-detail>div{display:flex;gap:12px}.birthday-detail .primary{background:white;color:var(--event)}.palette-heading{font-size:12px;margin:25px 0 14px}.individual-palette{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.individual-palette button{height:25px;border-radius:5px;border:1px solid #fff}
/* Refined versions of the original app workspaces. */
.record-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;margin:22px 0}.record-field{display:block;min-width:0}.record-field.wide{grid-column:1/-1}.record-field>span{display:block;font-size:10px;font-weight:650;margin-bottom:7px;color:#536372}.record-field input,.reservation-search{width:100%;min-width:0;background:#fff;border:1px solid #d0d8df;border-radius:7px;color:#253746;padding:12px 10px;font:inherit;font-size:11px;box-shadow:0 2px 3px #10213203}.record-field input:focus,.reservation-search:focus{outline:2px solid #2863d4;outline-offset:1px}
body[data-app=travel] .app-shell{background:#fff;color:#18324e}body[data-app=travel] .statusbar,body[data-app=travel] .product-header{background:#102941;color:white}body[data-app=travel] .app-page{padding:18px 18px 24px}body[data-app=travel] .app-navigation{background:#102941;border-color:#2e4962}body[data-app=travel] .app-navigation button{color:#cfdeed}body[data-app=travel] .app-navigation button[aria-pressed=true]{background:#2866df;color:white}body[data-app=travel] .primary{background:#2863d4;color:white}body[data-app=travel] .quiet-button,body[data-app=travel] .small-button{color:#215dc4}body[data-app=travel] .overline,body[data-app=travel] .sample-note{color:#63788b}body[data-app=travel] .page-title{font-family:inherit;font-size:29px;font-weight:700}.original-trip-hero{position:relative;background:#102941;color:white;padding:25px 23px 20px;border-radius:13px;overflow:hidden}.original-trip-hero .overline{color:#ffbf3f!important;font-size:7px}.original-trip-hero h2{font-size:29px;letter-spacing:-1px;line-height:1.15;margin:12px 0}.original-trip-hero>p:last-of-type{font-size:10px;color:#d0deeb;line-height:1.6;max-width:235px}.travel-symbols{display:flex;gap:20px;margin-top:22px;padding-top:17px;border-top:1px solid #3c5167;color:#ffbf3f}.travel-symbols .icon{width:26px;height:26px}.original-trip-card{border:1px solid #d3dde6;border-left:4px solid #2863d4;padding:20px 18px;border-radius:8px;margin:14px 0;background:white;box-shadow:0 6px 20px #10294108}.original-trip-tag{display:inline-block;font-size:7px;font-weight:bold;letter-spacing:1.1px;color:#215dc4}.original-trip-card h3{font-size:22px;letter-spacing:-.6px;margin:12px 0}.original-trip-card p{display:flex;align-items:center;gap:6px;font-size:11px;color:#607587;margin:10px 0}.original-trip-card .icon{width:14px;height:14px}.original-trip-card .primary{padding:12px;margin:14px 0 0}.secondary-trip{border-left-color:#ad7300}.secondary-trip .original-trip-tag{color:#946100}.original-trip-banner{padding:20px;background:#102941;color:white;border-radius:10px}.original-trip-banner .overline{color:#ffc340!important}.original-trip-banner h2{font-size:26px;margin:10px 0;letter-spacing:-.8px}.original-trip-banner p:last-child{font-size:11px;color:#d0deeb;margin-bottom:0}.original-trip-tools{display:flex;justify-content:space-between;border-bottom:1px solid #d5dfe7;padding:9px 0}.original-trip-tools .quiet-button{font-size:9px}.reservation-search{margin:14px 0}.original-reservation{display:flex;gap:10px;margin:16px 0 22px}.reservation-date{width:42px;flex-shrink:0;border-top:2px solid #2863d4;padding-top:10px;color:#215dc4}.reservation-date small{font-size:7px;font-weight:bold}.reservation-date .icon{width:21px;height:21px;display:block;margin:12px auto}.reservation-body{flex:1;border:1px solid #d3dde6;border-radius:8px;overflow:hidden}.reservation-label{display:flex;align-items:center;justify-content:space-between;background:#102941;color:white;font-size:9px;font-weight:bold;padding:10px 13px}.reservation-label button{background:transparent;border:0;font-size:8px;color:#c6d9f4}.reservation-body h3{font-size:16px;letter-spacing:-.4px;margin:15px 13px}.booking-pair{display:grid;grid-template-columns:1fr 1fr;margin:0 12px 16px;gap:10px}.booking-pair section{min-width:0}.booking-pair section+section{padding-left:10px;border-left:1px solid #d3dde6}.booking-pair small{font-size:6px;letter-spacing:.8px;color:#536b84;font-weight:bold;display:block}.booking-pair b{display:block;font-size:11px;line-height:1.5;margin-top:10px}.booking-pair p{font-size:8px;color:#536b84;line-height:1.6}.booking-pair span{display:block;font-size:7px;color:#536b84;line-height:1.6}.booking-pair strong{display:block;color:#215dc4;letter-spacing:.7px}.reservation-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.reservation-categories button{border:1px solid #cdd8e3;border-radius:7px;font-size:9px}
body[data-app=reminder] .app-shell{background:#fff}.original-calendar{border:1px solid #ced9e7;border-radius:12px;overflow:hidden;background:white}.original-calhead{display:flex;justify-content:space-between;align-items:center;padding:15px 15px 8px}.original-calhead h2{font-size:21px;letter-spacing:-.6px;margin:0}.original-calhead h2 span{font-size:12px;font-weight:400;color:#60768e}.original-calhead>div{display:flex;gap:5px}.original-calhead .small-button{padding:5px 10px;font-size:16px;border:0;background:#214ed1;color:white}.calendar-controls{display:flex;align-items:center;gap:10px;padding:0 15px 6px;font-size:9px;color:#536b84}.calendar-controls>span{border:1px solid #d0dce8;padding:6px 9px;border-radius:4px}.calendar-controls button{margin-left:auto;font-size:9px;padding:5px}.original-calendar .month-grid{border:0;border-radius:0;padding:8px 12px 12px;gap:3px 5px;margin:0}.original-calendar .month-grid>div{padding:5px 0;font-size:10px}.original-calendar .date-marks{margin-top:3px;min-height:4px}.original-calendar .month-grid>small{font-size:7px;padding:5px 0}.calendar-viewbar{display:flex;gap:5px;padding:14px 0 9px}.calendar-viewbar button{flex:1;font-size:10px;border:1px solid #ccd8e7;border-radius:7px;padding:9px 4px}.calendar-viewbar .selected-view{background:#214ed1;color:white;border-color:#214ed1}.journey-sync{display:flex;align-items:center;gap:7px;font-size:8px;color:#54718c;padding:4px 0 10px}.journey-sync .icon{width:13px;height:13px;color:#214ed1}.journey-sync button{margin-left:auto;font-size:8px;padding:5px 0}.original-agenda{border-top:2px solid #214ed1;padding-top:14px}.original-agendahead{position:relative}.original-agendahead .overline{font-size:7px;margin:0 0 6px}.original-agendahead h2{font-size:22px;letter-spacing:-.5px;margin:0 0 14px}.original-agendahead button{position:absolute;right:0;top:3px;background:#214ed1;color:white;border:0}.original-agenda .event-legend{margin-bottom:12px}.original-agenda .agenda-event{padding:13px 11px;margin-bottom:9px}.original-agenda .agenda-content h3{font-size:12px}.original-agenda .agenda-content p{font-size:8px}.original-agenda .agenda-time{width:42px}.original-agenda .agenda-time b{font-size:13px}
body[data-app=accident] .app-shell{background:#fff;color:#253746}body[data-app=accident] .statusbar,body[data-app=accident] .product-header{background:#222a33;color:white}body[data-app=accident] .app-navigation{background:#fff;border-bottom:1px solid #d3dbe3;padding:11px 10px;display:flex;overflow-x:auto;justify-content:flex-start;gap:5px}body[data-app=accident] .app-navigation button{color:#5d6b78;flex:0 0 auto;min-width:49px;font-size:8px;padding:8px 7px}body[data-app=accident] .app-navigation button .icon{width:17px;height:17px;margin:auto auto 5px}body[data-app=accident] .app-navigation button[aria-pressed=true]{background:#222a33;color:#ffc340;border-radius:6px}body[data-app=accident] .app-page{padding:18px}body[data-app=accident] .quiet-button{color:#465c72}body[data-app=accident] .small-button,body[data-app=accident] .primary{background:#ffc340;color:#222a33;border:0}body[data-app=accident] .sample-note{color:#728191}.record-context{border-left:3px solid #ffc340;background:#222a33;color:white;border-radius:5px;padding:14px 16px}.record-context>span{font-size:7px;letter-spacing:1.2px;color:#ffc340;display:block}.record-context>b{font-size:15px;display:block;margin:9px 0}.record-context>small{font-size:8px;color:#c2cdd8}.record-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #d4dce4;margin-bottom:23px}.record-toolbar button{font-size:8px;padding:7px 9px}.field-kit-intro .overline{font-size:7px;color:#677686!important}.field-kit-intro h2{font-size:27px;letter-spacing:-.8px;margin:10px 0}.field-kit-intro p{font-size:10px;color:#677686}body[data-app=accident] .safety-call{background:#fff;color:#222a33;border:1px solid #cbd6df;border-left:4px solid #d12943;margin:16px 0}body[data-app=accident] .safety-call .icon{color:#d12943}.safety-call small{color:#63788c!important}.location-panel{display:flex;align-items:center;gap:10px;border:1px solid #d1dae4;border-radius:7px;padding:13px 11px;margin:16px 0}.location-panel>.icon{width:26px;height:26px;color:#9b6800;flex-shrink:0}.location-panel h3{font-size:11px;margin:0 0 6px}.location-panel p{font-size:8px;color:#66798b;margin:0;line-height:1.5}.location-panel button{font-size:8px;padding:9px;flex-shrink:0}.workspace-title{font-size:25px;letter-spacing:-.7px;margin:12px 0}.scene-checklist{border-top:1px solid #d4dce4;padding-top:13px}.scene-checklist h3{font-size:15px}.scene-checklist label{display:flex;gap:8px;align-items:center;font-size:10px;margin:13px 0}.scene-checklist input,.include-info input{accent-color:#9b6800}.my-info-docs{display:flex;flex-wrap:wrap;gap:7px}.my-info-docs button{font-size:9px;border:1px solid #d4dce4;border-radius:6px}.include-info{display:flex;gap:8px;align-items:center;font-size:10px;margin:20px 0}body[data-app=accident] .incident-report{background:white;color:#253746;border:1px solid #d4dce4;border-top:4px solid #ffc340}body[data-app=accident] .incident-report dd{color:#526b80}body[data-app=accident] .incident-report dt{color:#253746}body[data-app=accident] .evidence-grid button{background:white;color:#253746;border-color:#d0dae3}body[data-app=accident] .evidence-grid button small{color:#647c91}body[data-app=accident] .evidence-grid button span,body[data-app=accident] .evidence-grid button>.icon{color:#9b6800}
.travel-pdf{background:white;border:1px solid #cfd9e3;border-radius:5px;padding:22px;box-shadow:0 6px 24px #1029410b}.travel-pdf header{display:flex;align-items:center;gap:10px;color:#215dc4;font-size:7px;letter-spacing:1px;border-bottom:2px solid #215dc4;padding-bottom:14px}.travel-pdf h3{font-size:22px;letter-spacing:-.5px;margin:20px 0 10px}.travel-pdf p{font-size:9px;color:#5b7187;line-height:1.6}.travel-pdf section{padding:18px 0;border-top:1px solid #d1dbe5}.travel-pdf section small{display:block;font-size:8px;color:#215dc4;font-weight:bold;margin-bottom:8px}.travel-pdf section b{font-size:13px}
/* Bill records: an ink-and-emerald workspace based on the original bill app. */
body[data-app=bills] .app-shell{background:#fff;color:#172d3b}body[data-app=bills] .statusbar,body[data-app=bills] .product-header{background:#102b36;color:white}body[data-app=bills] .product-name>.icon{color:#2ad19a}body[data-app=bills] .app-navigation{background:white;border-bottom:1px solid #cedbd9;display:flex;justify-content:flex-start;overflow-x:auto;gap:5px;padding:10px 12px}body[data-app=bills] .app-navigation button{flex:0 0 auto;color:#556a70;font-size:8px;min-width:49px;padding:9px 7px}body[data-app=bills] .app-navigation button>.icon{width:16px;height:16px;margin:0 auto 5px}body[data-app=bills] .app-navigation button[aria-pressed=true]{background:#08765b;color:white;border-radius:6px}body[data-app=bills] .app-page{padding:21px 18px}body[data-app=bills] .primary{background:#08765b;color:white;border-radius:6px}body[data-app=bills] .quiet-button{color:#08765b}body[data-app=bills] .sample-note{color:#647b7b}.bill-page-heading .overline{color:#08765b;font-size:7px;letter-spacing:1.5px;margin:0 0 10px}.bill-page-heading h2{font-size:29px;letter-spacing:-1px;margin:0 0 10px}.bill-page-heading>p:last-child{font-size:10px;line-height:1.6;color:#64787c;margin:0 0 22px}.bill-summary{background:#102b36;color:white;border-radius:9px;padding:18px;display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.bill-summary small{display:block;color:#2ad19a;font-size:7px;letter-spacing:1.3px;font-weight:bold}.bill-summary b{display:block;font-size:30px;letter-spacing:-1px;margin:11px 0}.bill-summary span{display:block;font-size:9px;color:#c1d4d4}.bill-summary .quiet-button{color:#2ad19a!important;font-size:9px}.bill-entry-panel{padding:16px 14px;border:1px solid #ccd8d7;border-radius:8px}.bill-panel-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d6dfde;padding-bottom:13px}.bill-panel-heading h3{font-size:14px;margin:0}.bill-panel-heading span{font-size:6px;letter-spacing:.8px;color:#708787}.bill-entry-panel .record-fields{gap:13px 10px;margin:17px 0}.bill-entry-panel .record-field>span{font-size:8px}.bill-entry-panel .record-field input{font-size:10px;padding:10px 9px;border-color:#cad8d5}.bill-entry-panel .primary{margin-top:2px;padding:12px}.bill-check{display:flex;align-items:center;gap:7px;font-size:9px;color:#49616a;margin:15px 0}.bill-check input{accent-color:#08765b}.bill-extras{border:1px solid #ccd8d7;border-radius:8px;margin-top:20px;padding:16px}.bill-extras h3{font-size:14px;margin:0 0 17px}.bill-kind{display:flex;gap:10px;align-items:center;font-size:9px;color:#647b7b}.bill-kind b{background:#08765b;color:white;padding:7px 9px;border-radius:4px}.bill-extras>div:last-child{display:flex;flex-wrap:wrap;gap:4px}.bill-extras .quiet-button{font-size:9px;border:1px solid #ccd8d7;border-radius:5px;padding:9px 7px}.bill-scan-panel{border:1px solid #ccd8d7;border-radius:10px;padding:24px 20px;text-align:center}.scan-frame{position:relative;border:2px dashed #08765b;border-radius:7px;padding:23px;width:145px;margin:2px auto 24px;color:#08765b}.scan-frame>.icon{height:58px;width:58px;margin-bottom:17px}.scan-frame>span{display:block;font-size:7px;letter-spacing:1px}.bill-scan-panel h3{font-size:25px;letter-spacing:-.6px;line-height:1.15;margin:12px 0}.bill-scan-panel p{font-size:11px;color:#64787c;line-height:1.7;margin:15px 0 22px}.bill-scan-panel .quiet-button{display:block;width:100%;font-size:11px}.bill-process{margin-top:24px;padding:0 4px}.bill-process h3{font-size:15px}.bill-process p{font-size:10px;line-height:1.7;color:#64787c}.bill-process b{display:block;color:#08765b}.bill-filters{display:flex;gap:14px;align-items:center;font-size:9px;padding:2px 0 17px;border-bottom:1px solid #ccd8d7;color:#64787c}.bill-filters>b{background:#08765b;color:white;padding:8px 12px;border-radius:5px}.bill-filters .quiet-button{font-size:8px;margin-left:auto;padding:6px 0}.bill-list-total{display:flex;justify-content:space-between;align-items:center;padding:19px 0;font-size:10px;color:#64787c}.bill-list-total>b{font-size:20px;color:#102b36}.bill-row{display:flex;gap:10px;border:1px solid #ccd8d7;padding:18px 13px;margin-bottom:13px;border-radius:7px;align-items:flex-start}.bill-row-icon{background:#102b36;color:#2ad19a;border-radius:5px;padding:7px;flex-shrink:0}.bill-row-icon>.icon{width:17px;height:17px}.bill-row h3{font-size:12px;margin:2px 0 8px}.bill-row p{font-size:8px;color:#64787c;margin:0 0 12px}.bill-row-amount{margin-left:auto;text-align:right;flex-shrink:0}.bill-row-amount>b{font-size:14px;display:block}.bill-row-amount .quiet-button{font-size:8px;padding:6px 0;display:block;margin:8px 0 0 auto}.bill-badge{display:inline-block;border-radius:4px;font-size:7px;padding:5px 8px;font-weight:bold}.bill-badge.paid{background:#08765b;color:white}.bill-badge.unpaid{background:#a54700;color:white}.bill-report-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:17px;border:1px solid #ccd8d7;border-radius:7px;margin-bottom:20px}.bill-report-controls>span{font-size:8px;color:#64787c}.bill-report-controls b{font-size:10px;color:#102b36;display:block;margin-top:9px}.bill-report-total{background:#102b36;color:white;border-radius:8px;padding:23px}.bill-report-total small{color:#2ad19a;font-size:7px;letter-spacing:1px}.bill-report-total h3{font-size:41px;letter-spacing:-1.5px;margin:12px 0}.bill-report-total p{font-size:9px;color:#c1d4d4;margin:0}.bill-category-summary{border:1px solid #ccd8d7;border-radius:7px;padding:19px;margin:20px 0}.bill-category-summary>h3{font-size:14px;margin:0 0 20px}.bill-category-summary>div{display:grid;grid-template-columns:1fr auto;gap:13px;font-size:10px;margin:20px 0}.bill-category-summary i{grid-column:1/-1;display:block;height:5px;border-radius:5px;background:#e0e5e4;overflow:hidden}.bill-category-summary em{display:block;height:100%;background:#08765b}.bill-template{position:relative;padding:23px;border:1px solid #ccd8d7;border-left:4px solid #08765b;border-radius:8px;margin:15px 0 21px}.template-symbol{position:absolute;right:20px;top:20px;font-size:31px;color:#08765b}.bill-template>small{font-size:7px;font-weight:bold;letter-spacing:1px;color:#08765b}.bill-template h3{font-size:21px;letter-spacing:-.5px;margin:15px 0}.bill-template>b{font-size:31px;letter-spacing:-1px}.bill-template p{font-size:10px;color:#64787c}.bill-template>span{display:block;font-size:8px;line-height:1.7;color:#64787c;margin-top:16px}.compact-template h3{font-size:17px}.compact-template>b{font-size:22px}.bill-backup-card{border:1px solid #ccd8d7;border-radius:9px;padding:22px;margin-bottom:20px}.bill-backup-card>.icon{width:30px;height:30px;color:#08765b}.bill-backup-card h3{font-size:19px;letter-spacing:-.4px;margin:16px 0}.bill-backup-card p{font-size:11px;color:#64787c;line-height:1.7}.restore-card .quiet-button{border:1px solid #08765b;border-radius:5px;padding:10px 13px}.restore-example{border-top:1px solid #ccd8d7;margin-top:19px;padding-top:17px}.restore-example small{font-size:7px;letter-spacing:1px;color:#64787c;display:block;margin-bottom:13px}.restore-example span{display:block;font-size:9px;margin:9px 0}.restore-example b{color:#08765b;font-size:14px;margin-right:6px}.bill-split-total{background:#102b36;color:white;padding:24px;border-radius:8px}.bill-split-total small{font-size:8px;letter-spacing:1px;color:#2ad19a}.bill-split-total h3{font-size:40px;letter-spacing:-1px;margin:16px 0 10px}.bill-split-total span{font-size:9px;color:#c1d4d4}.bill-balanced{display:flex;align-items:center;gap:9px;border-top:1px solid #ccd8d7;padding:17px 0;color:#08765b;font-size:11px;font-weight:bold}.bill-balanced .icon{width:18px;height:18px}.bill-cpa-package{background:#102b36;border-radius:9px;padding:25px;color:white}.bill-cpa-package>.icon{width:37px;height:37px;color:#2ad19a;margin-bottom:25px}.bill-cpa-package>small{display:block;font-size:7px;letter-spacing:1px;color:#2ad19a}.bill-cpa-package h3{font-size:29px;letter-spacing:-.7px;margin:14px 0}.bill-cpa-package>p{font-size:11px;color:#c1d4d4;line-height:1.7}.bill-cpa-package section{display:flex;gap:11px;align-items:center;border-top:1px solid #3a5057;padding:19px 0}.bill-cpa-package section>.icon{color:#2ad19a;width:18px;height:18px;flex-shrink:0}.bill-cpa-package section b{display:block;font-size:12px}.bill-cpa-package section small{display:block;font-size:8px;color:#c1d4d4;margin-top:7px}.bill-cpa-package .primary{background:#14b581;color:#fff}
.product-app-icon{width:29px;height:29px;border-radius:7px}.original-med-toolbar{display:flex;justify-content:space-between;padding:0 0 11px;border-bottom:1px solid #d5dce2;margin-bottom:17px}.original-med-toolbar button{font-size:10px;color:#b92338;padding:8px 11px;border:1px solid #dacdd1;border-radius:5px;background:white}.original-med-contact{display:flex;align-items:center;gap:10px;padding:18px 14px;border:1px solid #d5dce2;border-left:3px solid #c7243f;border-radius:6px;background:white;margin:12px 0}.med-contact-mark{width:29px;flex-shrink:0;color:#c7243f}.original-med-contact>div:nth-child(2){flex:1;min-width:0}.original-med-contact small{font-size:6px;letter-spacing:1px;font-weight:bold;color:#896a70}.original-med-contact h3{font-size:13px;letter-spacing:-.3px;line-height:1.4;margin:6px 0}.original-med-contact p{font-size:9px;color:#687674;margin:7px 0}.original-med-contact button{font-size:8px;flex-shrink:0;padding:8px 6px}.compact-contact{padding:12px 10px}.compact-contact h3{font-size:11px}.compact-contact p{font-size:8px;margin:5px 0}.med-section-title{display:flex;justify-content:space-between;align-items:center;margin:24px 0 13px}.med-section-title h2,.med-section-title h3{font-size:18px;letter-spacing:-.5px;margin:0}.med-section-title>span{font-size:9px;color:#687674}.med-filter-tabs{display:flex;gap:7px;border-bottom:1px solid #d5dce2;padding-bottom:12px;margin-bottom:12px}.med-filter-tabs button{border:1px solid #d8d3d4;border-radius:5px;font-size:10px;padding:8px 14px}.med-filter-tabs .med-filter-active{background:#b92338;color:white;border-color:#b92338}.med-filter-tabs button:last-child{margin-left:auto}.original-med-row{border:1px solid #d5dce2;border-radius:6px;padding:13px 13px 8px;margin-bottom:10px;background:white}.original-med-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:9px}.original-med-row h3{font-size:13px;margin:0}.original-med-row b{font-size:8px;color:#b92338;border:1px solid #d8c5c9;border-radius:4px;padding:5px;white-space:nowrap}.original-med-row p{font-size:9px;color:#687674;margin:8px 0 3px}.med-row-actions{display:flex;gap:12px}.med-row-actions .quiet-button{font-size:8px;padding:6px 0}.med-row-actions button:last-child{color:#687674}.med-quick-tools{display:flex;justify-content:space-between;border-bottom:1px solid #d5dce2;padding:4px 0 11px}.med-quick-tools button{font-size:9px}.med-workspace-title{font-size:24px;letter-spacing:-.7px;margin:24px 0 19px}.original-med-editor{background:white;border:1px solid #d5dce2;border-top:3px solid #b92338;border-radius:6px;padding:20px 17px}.original-med-editor .med-section-title{margin:0 0 22px}.med-section-title img{width:51px;height:51px;object-fit:cover;object-position:76% 40%;border-radius:7px}.med-input-help{font-size:9px;color:#687674}.med-timing>span{font-size:10px;font-weight:bold;color:#536372}.med-timing>div{display:flex;gap:6px;margin-top:11px}.med-timing button{flex:1;border:1px solid #c9d1d8;border-radius:6px;padding:10px 5px;font-size:9px;color:#536372;background:white}.med-timing .active{background:#b92338;color:white;border-color:#b92338}.med-pdf-preview{border:1px solid #d5dce2;background:white;padding:21px;border-radius:3px;box-shadow:0 5px 22px #172c3e0a}.med-pdf-preview header{display:flex;gap:16px;align-items:center;border-bottom:2px solid #b92338;padding-bottom:17px}.med-pdf-preview header small{font-size:7px;letter-spacing:1px;color:#896a70}.med-pdf-preview header h3{font-size:21px;margin:8px 0 0}.med-pdf-preview>p{font-size:9px;color:#687674;margin:17px 0}.med-pdf-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.med-pdf-columns section{border-bottom:1px solid #d5dce2;padding-bottom:20px}.med-pdf-columns h4{font-size:10px;line-height:1.6;margin:10px 0}.med-pdf-columns p,.med-pdf-columns small{font-size:8px;color:#687674}.med-pdf-preview footer{font-size:8px;color:#687674;border-top:1px solid #d5dce2;padding-top:18px;margin-top:38px}.distinct-week-day>h3{font-size:9px;letter-spacing:1px;margin:24px 0 12px;color:#627993}.month-overview h2{font-size:29px;letter-spacing:-.8px;margin:12px 0 23px}.month-overview .month-grid{gap:15px 4px;padding:22px 12px}.month-overview .month-grid>div{padding:12px 0}.month-overview>h3{font-size:15px;margin:27px 0 15px}.month-date-row{display:flex;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid #d5dce2}.month-date-row>b{font-size:22px;color:#214ed1;min-width:30px}.month-date-row>span{border-left:4px solid;padding:8px 12px;font-size:12px;font-weight:bold}
/* Brighter, distinct palettes, with prominent medication timing symbols. */
body[data-app=medication] .app-shell{background:white}body[data-app=medication] .statusbar,body[data-app=medication] .product-header{background:#008d83;color:white;border-color:#008d83}body[data-app=medication] .product-name{font-weight:750}body[data-app=medication] .settings{color:white}body[data-app=medication] .app-page{padding:18px}.med-day-night{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 20px}.med-day-night button{display:flex;gap:10px;align-items:center;text-align:left;border-radius:9px;padding:17px 12px;color:white;position:relative;box-shadow:0 4px 12px #183c4810}.med-day-night .am-tile{background:#bc5500}.med-day-night .pm-tile{background:#7238d4}.med-day-night button>.icon{height:29px;width:29px;stroke-width:1.9}.med-day-night b{font-size:19px;display:block;letter-spacing:-.3px}.med-day-night small{display:block;font-size:7px;line-height:1.6;margin-top:6px}.med-day-night i{position:absolute;right:10px;top:8px;font-style:normal;font-size:11px;opacity:.9}.med-day-night button[aria-pressed=true]{outline:3px solid #172b42;outline-offset:2px}.original-med-toolbar{border-color:#ccdcd8;margin-bottom:0;padding-bottom:12px}.original-med-toolbar button{border-color:#008d83;color:#007a71!important;font-size:9px;font-weight:650;padding:10px 14px}.original-med-contact{border-color:#c6d7d3;border-left:4px solid #008d83;background:white;border-radius:8px;box-shadow:0 3px 10px #183c4805}.med-contact-mark{color:#008d83}.original-med-contact small{color:#007a71}.med-contact-actions{display:flex;flex-direction:column;gap:5px;flex-shrink:0}.original-med-contact .med-contact-actions button{font-size:8px;padding:7px 9px;background:#008d83;color:white;border-radius:5px}.original-med-contact .med-contact-actions .emergency-med-button{background:#d42b40;color:white}.original-med-contact h3{font-size:12px}.compact-contact h3{font-size:11px}.original-med-contact p{color:#526d68}.med-dose-period{display:flex;align-items:center;gap:4px!important;border:0!important;color:white!important;font-size:8px!important;padding:6px 7px!important}.med-dose-period .icon{width:13px;height:13px}.med-dose-period.am{background:#bc5500}.med-dose-period.pm{background:#7238d4}.med-dose-period.both{background:#007c73}.original-med-row{border-color:#c6d7d3;border-left:3px solid #008d83;border-radius:7px;padding:15px 13px 8px}.original-med-row h3{font-size:13px}.original-med-row p{font-size:10px;font-weight:650;color:#4c6566}.med-row-actions .quiet-button{color:#007c73!important}.med-filter-tabs .med-filter-active{background:#008d83;border-color:#008d83;font-size:9px}.med-filter-tabs .quiet-button{color:#007c73!important}.med-section-title h2{color:#007c73}.original-med-editor{border-top:4px solid #008d83;margin-top:24px}.original-med-editor h3{color:#007c73}.med-timing button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:12px 5px}.med-timing .icon{height:20px;width:20px}.med-timing .timing-am{border-color:#bc5500;color:#bc5500}.med-timing .timing-am.active{background:#bc5500;color:white}.med-timing .timing-pm{border-color:#7238d4;color:#7238d4}.med-timing .timing-both{border-color:#008d83;color:#007a71}.med-timing button span{font-size:8px;white-space:nowrap}body[data-app=medication] .primary{background:#008d83;color:white}body[data-app=medication] .quiet-button{color:#007c73}.med-pdf-preview header{border-bottom-color:#008d83}.med-pdf-preview header small{color:#007c73}.med-pdf-columns section{border-top:3px solid #008d83;padding-top:6px}.med-pdf-columns section:nth-child(2){border-top-color:#7238d4}
body[data-app=travel] .statusbar,body[data-app=travel] .product-header,body[data-app=travel] .app-navigation,.original-trip-hero,.original-trip-banner,.reservation-label{background:#6338cc}.original-trip-hero .overline,.original-trip-banner .overline{color:#ffe342!important}.travel-symbols{color:#ffe342;border-color:#9e80e4}.original-trip-hero>p:last-of-type,.original-trip-banner p:last-child{color:white}body[data-app=travel] .primary{background:#6338cc}body[data-app=travel] .app-navigation button[aria-pressed=true]{background:#ffe342;color:#442383}body[data-app=travel] .quiet-button,body[data-app=travel] .small-button{color:#6338cc}.original-trip-card{border-left-color:#6338cc}.original-trip-tag,.reservation-date,.booking-pair strong{color:#6338cc}.reservation-date{border-top-color:#6338cc}.reservation-label button{color:white}
body[data-app=bills] .statusbar,body[data-app=bills] .product-header,.bill-summary,.bill-report-total,.bill-split-total{background:#008363}.bill-summary small,.bill-report-total small,.bill-split-total small,.bill-summary .quiet-button{color:#ffed78!important}.bill-summary span,.bill-report-total p,.bill-split-total span{color:white}.bill-cpa-package{background:#008363}.bill-cpa-package>small,.bill-cpa-package>.icon,.bill-cpa-package section>.icon{color:#ffed78}.bill-cpa-package>p,.bill-cpa-package section small{color:white}.bill-cpa-package section{border-color:#ffffff55}
body[data-app=accident] .statusbar,body[data-app=accident] .product-header{background:#ffbd25;color:#172b42}.record-context{background:#e85b15;color:white;border-left-color:#ffbd25}.record-context>span,.record-context>small{color:white}.field-kit-intro h2{color:#c84709}body[data-app=accident] .app-navigation button[aria-pressed=true]{background:#e85b15;color:white}body[data-app=accident] .incident-report{border-top-color:#e85b15}
.extra-feature-banner,.export-event-card{border-radius:9px;background:#6338cc;color:white;padding:24px;margin:22px 0}.extra-feature-banner>.icon,.export-event-card>.icon{width:35px;height:35px;color:#ffe342;margin-bottom:15px}.extra-feature-banner h3,.export-event-card h3{font-size:23px;letter-spacing:-.5px;margin:10px 0 15px}.extra-feature-banner p,.export-event-card p{font-size:11px;line-height:1.7;color:white}.export-event-card{background:#214ed1}.export-event-card>span{display:inline-block;border:1px solid #ffffff70;padding:8px 10px;font-size:9px;border-radius:5px}.example-search-results{border:1px solid #ccd8d7;border-radius:7px;margin:18px 0;overflow:hidden}.example-search-results button{display:block;width:100%;text-align:left;border-bottom:1px solid #ccd8d7;padding:18px;font-size:12px;background:white}.example-search-results button:last-child{border:0}.saved-example{background:#008d83;color:white;border-radius:9px;padding:23px;margin:20px 0}.saved-example>.icon{width:35px;height:35px}.saved-example h2{font-size:24px;letter-spacing:-.6px;margin:16px 0 12px}.saved-example p{font-size:11px;color:white}.expanded-checklist label{padding:11px 0;line-height:1.7;font-size:12px}.exchange-card{border:1px solid #d4dce4;border-top:4px solid #e85b15;border-radius:7px;padding:23px}.exchange-card>.icon{width:35px;height:35px;color:#c84709}.exchange-card h3{font-size:25px;margin:20px 0 12px}.exchange-card p{font-size:11px;color:#526b80}.exchange-card dl>div{display:flex;justify-content:space-between;border-top:1px solid #d4dce4;padding:16px 0;font-size:10px;gap:13px}.exchange-card dd{margin:0;text-align:right}.photo-upload-demo{padding:20px;border:1px solid #d4dce4;border-radius:8px;text-align:center}.sample-damage-photo{display:block;width:100%;height:125px;object-fit:cover;border-radius:6px;margin-bottom:17px}.photo-upload-demo h3{font-size:16px;margin:15px 0}.photo-upload-demo p{font-size:10px;color:#526b80;line-height:1.7}.saved-record-card{display:flex;align-items:center;gap:12px;border:1px solid #d4dce4;border-left:4px solid #e85b15;border-radius:6px;padding:20px 12px;margin:20px 0}.saved-record-card>.icon{color:#c84709}.saved-record-card h3{font-size:13px;margin:0 0 9px}.saved-record-card p{font-size:9px;color:#526b80;margin:0}.saved-record-card button{margin-left:auto;font-size:9px}.report-ready-demo{background:#e85b15;color:white;border-radius:9px;padding:27px}.report-ready-demo>.icon{width:42px;height:42px}.report-ready-demo h3{font-size:23px;line-height:1.3;margin:20px 0}.report-ready-demo p{font-size:10px}.report-share-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.report-share-grid button{border:1px solid #d4dce4;border-radius:6px;font-size:10px;padding:16px}.receipt-files article{display:flex;align-items:center;gap:13px;border:1px solid #ccd8d7;border-radius:7px;padding:23px 16px;margin:17px 0}.receipt-files .icon{color:#008363;width:28px;height:28px}.receipt-files b{font-size:13px;display:block}.receipt-files small{display:block;font-size:9px;color:#64787c;margin-top:10px}.category-list article{display:flex;align-items:center;gap:12px;padding:20px 15px;border-bottom:1px solid #ccd8d7;font-size:12px}.category-list .icon{color:#008363;width:18px;height:18px}
.filled-photo-record{border:1px solid #d4dce4;border-radius:8px;overflow:hidden;margin:20px 0}.filled-photo-record img{display:block;width:100%;height:125px;object-fit:cover}.filled-photo-record>div{padding:15px}.filled-photo-record b{font-size:14px}.filled-photo-record p{font-size:10px;color:#526b80;line-height:1.7}.filled-photo-record small{font-size:8px;color:#526b80}.sample-scan-bill{text-align:left;padding:20px 17px;border:1px solid #ccd8d7;border-top:4px solid #008363;background:white;border-radius:4px;box-shadow:0 6px 18px #102b360a}.sample-scan-bill>small{font-size:8px;letter-spacing:1px;color:#008363;font-weight:bold}.sample-scan-bill>h3{font-size:21px;margin:13px 0 19px}.sample-scan-bill>div{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid #d4dce4;font-size:10px}.sample-scan-bill span{color:#64787c}.sample-scan-bill footer{font-size:8px;padding-top:15px;color:#64787c}.bill-scan-panel>.sample-scan-bill+h3{font-size:20px;margin-top:23px}
/* Exact field-kit palette supplied by the user. */
body[data-app=accident] .app-shell{background:#e9eff5;color:#112438}body[data-app=accident] .statusbar{background:#e9eff5;color:#112438}body[data-app=accident] .product-header{background:#112438;color:white;border-bottom:4px solid #ffc43d}body[data-app=accident] .product-name span em{font-style:normal;color:#ffc43d}body[data-app=accident] .app-navigation{background:white;border-color:#ccd7e0}body[data-app=accident] .app-navigation button{background:#f0f4f7;color:#516577}body[data-app=accident] .app-navigation button[aria-pressed=true]{background:#112438;color:white;box-shadow:inset 0 -3px #ffc43d}body[data-app=accident] .primary,body[data-app=accident] .small-button{background:#ffc43d;color:#112438}body[data-app=accident] .quiet-button{color:#112438}body[data-app=accident] .record-context{background:#173047;color:white;border-left:4px solid #ffc43d}body[data-app=accident] .record-context>span{color:#ffc43d}body[data-app=accident] .record-context>small{color:#ccd7e0}body[data-app=accident] .field-kit-intro h2{color:#112438}body[data-app=accident] .overline{color:#5a6d7e}body[data-app=accident] .record-toolbar{background:white;padding:10px;border-radius:6px;border:1px solid #ccd7e0}body[data-app=accident] .record-field input{background:white;color:#112438;border-color:#ccd7e0}body[data-app=accident] .location-panel{background:white;border:1px solid #ccd7e0;border-top:3px solid #ffc43d}body[data-app=accident] .exchange-card,body[data-app=accident] .incident-report{border-top-color:#ffc43d;background:white}body[data-app=accident] .exchange-card>.icon,body[data-app=accident] .saved-record-card>.icon{color:#112438}body[data-app=accident] .saved-record-card{border-left-color:#ffc43d;background:white}body[data-app=accident] .report-ready-demo{background:#173047;border-top:4px solid #ffc43d}body[data-app=accident] .safety-call,body[data-app=accident] .safety-call .icon{color:#9e2336}body[data-app=accident] .safety-call{border-left-color:#9e2336}.my-info-docs p{font-size:11px;line-height:1.7}
/* Secondary colors are visible throughout each app, including entry screens. */
body[data-app=travel] .product-header{border-bottom:4px solid #ffe342}body[data-app=travel] .record-fields{border-left:4px solid #ffe342;padding-left:12px}body[data-app=medication] .product-header{border-bottom:4px solid #f59424}body[data-app=medication] .original-med-editor,body[data-app=medication] .original-med-contact{border-left:4px solid #7238d4}body[data-app=medication] .extra-feature-banner{background:#008d83;border-bottom:4px solid #7238d4}body[data-app=reminder] .product-header{border-bottom:4px solid #ec4d9b}body[data-app=reminder] .reminder-editor{border-left:4px solid #c32d75;padding-left:12px}body[data-app=bills] .product-header{border-bottom:4px solid #f9b713}body[data-app=bills] .primary{background:#f9b713;color:#123b31}body[data-app=bills] .bill-entry-panel,body[data-app=bills] .bill-backup-card,body[data-app=bills] .bill-template{border-left:4px solid #f9b713}body[data-app=bills] .bill-summary,body[data-app=bills] .bill-report-total,body[data-app=bills] .bill-split-total{border-bottom:4px solid #f9b713}

.document-demo-notice{background:#6338cc;color:white;padding:13px;border-left:4px solid #ffe342;border-radius:6px;font-size:10px;line-height:1.6}.document-demo-card{background:white;border:1px solid #dce4ef;border-radius:9px;padding:16px;margin:17px 0}.document-demo-card h3{font-size:16px;margin:13px 0 8px}.document-demo-card p{font-size:10px;line-height:1.7;color:#59697d}.document-demo-card>div:last-child{display:flex;align-items:center;gap:15px}.document-demo-card .primary{width:auto;margin:0;font-size:10px;padding:10px}.fictional-passport{background:#112438;color:white;padding:18px;border:2px solid #ffe342;border-radius:4px;display:flex;flex-direction:column;gap:12px;min-height:96px}.fictional-passport>b{font-size:8px;letter-spacing:1.2px;color:#ffe342}.fictional-passport>strong{font-size:18px}.fictional-passport>span,.fictional-state-id>span{font-size:7px;letter-spacing:1px}.fictional-state-id{border:2px solid #6338cc;padding:17px;background:#fff;display:flex;flex-direction:column;gap:12px;border-radius:6px}.fictional-state-id small{font-size:8px;color:#6338cc}.fictional-state-id b{font-size:18px}.fictional-state-id span{color:#6338cc}

.design-price .purchase-note{color:#214ed1;font-size:13px;font-weight:bold;line-height:1.6;margin-top:12px}