/* Adopted A compositions: current application photography, navy / coral / pale blue. */
.apps-page .s-hero-grid{grid-template-columns:.85fr 1.15fr;gap:40px}
.apps-real-stage{position:relative;min-width:0;height:520px;margin:0;isolation:isolate}
.apps-screen-wide{position:absolute;left:14%;right:-2%;top:65px;height:328px;display:block;overflow:hidden;border:8px solid #173747;border-radius:13px;background:#f9f9f7;box-shadow:0 22px 35px #153e5521;transform:rotate(2deg)}
.apps-screen-wide img{display:block;width:100%;height:auto}
.apps-screen-phone{position:absolute;left:0;top:5px;width:35%;height:420px;display:block;overflow:hidden;border:7px solid #102a38;border-radius:25px;background:#f4f7f7;box-shadow:0 20px 38px #071c2c28;transform:rotate(-5deg);z-index:2}
.apps-screen-phone img{display:block;width:100%;height:auto}
.apps-screen-caption{position:absolute;right:0;bottom:65px;width:66%;font-size:15px;line-height:1.7;font-weight:700;text-align:right;color:#173747}
.apps-real-stage figcaption{position:absolute;bottom:0;right:0;left:0;font-size:12px;line-height:1.7;color:#526678;text-align:center}
.apps-catalogue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.apps-product{background:#eff7fb;border-radius:12px;padding:25px;display:flex;flex-direction:column;min-width:0}
.apps-product h3{font-size:14px;font-weight:500;line-height:1.7;margin:0 0 22px}
.apps-product h3 strong{display:block;font-size:27px;font-weight:800}
.apps-product-shot{display:block;height:425px;overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 8px 22px #071c2c12}
.apps-product-shot img{display:block;width:100%;height:auto}
.apps-image-note{font-size:11px!important;color:#526678;line-height:1.6!important;margin:10px 0 20px!important}
.apps-product-price{font-size:21px;font-weight:800;margin:4px 0 12px}
.apps-product-price span{font-size:12px;font-weight:500;margin-left:8px;display:inline-block}
.apps-product>p:not(.apps-product-price){font-size:14px;line-height:1.9}
.apps-product .s-note{margin:12px 0 24px;font-size:12px!important}
.apps-detail-link{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid #cfdee7;padding:17px 0 0;margin-top:auto;font-weight:700;color:#125578;font-size:14px;min-height:52px}
.apps-detail-link:hover{text-decoration:underline}
.apps-proof{background:#f6f9fa}
.apps-proof-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.apps-proof-grid p{font-size:16px;line-height:1.95;margin:20px 0 28px}
.apps-wide-detail{margin:0;min-width:0}
.apps-wide-detail>a{display:block;max-height:540px;overflow:hidden;border-radius:10px;box-shadow:0 15px 40px #071c2c17}
.apps-wide-detail img{display:block;width:100%;height:auto}
.apps-wide-detail figcaption{font-size:12px;color:#526678;margin-top:15px;text-align:center}
.apps-help{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.apps-help h2{font-size:32px;line-height:1.6}
.apps-help p{margin:20px 0 24px;max-width:36em}
.apps-support-sheet{background:#fff;padding:30px;border-radius:14px}
.apps-support-sheet h3{font-size:22px}
.apps-support-sheet ul{padding-left:1.3em;margin:20px 0;line-height:2;font-size:14px}
.timecard-page{--ink:#071c2c;--pink:#c9434d;--pale:#eff7fb;--coral:#c9434d;font-family:NotoSansJP,"Yu Gothic",sans-serif}
.timecard-page main .hero{min-height:0;background:#eff7fb;width:100%;padding:54px max(40px,calc((100vw - 1160px)/2)) 52px;gap:48px;grid-template-columns:.9fr 1.1fr}
.timecard-page main .hero h1{white-space:normal;color:#071c2c;font-size:clamp(34px,3.8vw,50px)}
.timecard-page main .hero-copy{max-width:none}
.timecard-page main .button{background:#c9434d;color:#fff}
.timecard-page main .button:hover{background:#ad3540}
.timecard-page main .closing{background:#eff7fb;color:#071c2c}
.timecard-page main .closing .note{color:#526678}
.timecard-page main .note,.timecard-page main .visual-caption{font-size:13px}
.timecard-page main .plan.paid{background:#071c2c}
.timecard-page main .plan .price,.timecard-page main .plan .price span,.timecard-page main .plan .price strong{color:inherit}
.timecard-page main .plan.paid .button,.timecard-page main .plan.paid>p{color:#fff}
.tc-real-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.tc-real-workflow article{min-width:0}
.tc-real-workflow h3{font-size:24px;margin-bottom:13px}
.tc-real-workflow p{font-size:15px;line-height:1.9;min-height:90px;margin-bottom:22px}
.tc-step-image{height:340px;overflow:hidden;display:block;background:#eff7fb;border-radius:10px;box-shadow:0 12px 30px #071c2c12}
.tc-step-image img{display:block;width:100%;height:auto}
.tc-step-punch img{width:85%;margin:auto}
.tc-step-output{display:flex;align-items:center;background:#f2f5f5}
.tc-step-output img{width:180%;max-width:none;margin-left:-40%;align-self:flex-end}
.tc-demo-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;border-top:1px solid #dce5eb}
.tc-demo-section h2{margin-bottom:24px}
.tc-demo-section p{margin:15px 0}
.tc-demo-phone .phone{max-width:370px;margin:auto;box-shadow:0 18px 34px #071c2c15}
.tc-demo-phone .phone-head span{font-size:12px}
.tc-demo-phone .punch-buttons button:not(:disabled){background:#176f9d;border-color:#176f9d;color:#fff}
.tc-demo-phone .punch-buttons button+button:not(:disabled){background:#fff;color:#176f9d}
@media(max-width:1050px){
.apps-page .s-hero-grid,.timecard-page main .hero{gap:28px}
.apps-real-stage{height:470px}
.apps-screen-phone{height:355px;width:37%}
.apps-screen-wide{height:290px}
.apps-product{padding:18px}
.apps-product-shot{height:300px}
.apps-proof-grid,.apps-help{gap:32px}
.tc-real-workflow{gap:20px}
.tc-real-workflow p{min-height:115px}
}
@media(max-width:760px){
.apps-page .s-hero-grid,.timecard-page main .hero{grid-template-columns:1fr}
.apps-page .s-hero{padding-bottom:35px}
.apps-real-stage{width:100%;max-width:530px;margin:15px auto 0;height:380px}
.apps-screen-wide{top:52px;right:0;left:17%;height:225px;border-width:5px}
.apps-screen-phone{top:0;width:37%;height:290px;border-width:5px;border-radius:20px}
.apps-screen-caption{bottom:55px;font-size:12px;max-width:65%}
.apps-real-stage figcaption{font-size:11px}
.apps-catalogue{grid-template-columns:1fr;gap:28px}
.apps-product{padding:25px}
.apps-product-shot{height:385px}
.apps-product h3 strong{font-size:26px}
.apps-proof-grid,.apps-help{grid-template-columns:1fr;gap:30px}
.apps-proof-grid p{font-size:15px}
.apps-wide-detail>a{max-height:490px}
.apps-help h2{font-size:27px}
.apps-support-sheet{padding:24px}
.timecard-page main .hero{padding:35px 20px 30px;gap:22px}
.timecard-page main .hero .note{font-size:12px}
.tc-real-workflow{grid-template-columns:1fr;gap:40px}
.tc-real-workflow p{min-height:0;margin-bottom:20px}
.tc-step-image{height:350px}
.tc-step-punch img{width:80%}
.tc-demo-section{grid-template-columns:1fr;gap:22px}
.tc-demo-phone{width:100%;min-width:0}
}
@media(prefers-reduced-motion:no-preference){.apps-screen-phone,.apps-screen-wide{transition:transform .25s ease-out}.apps-screen-phone:hover{transform:rotate(-3deg) translateY(-3px)}.apps-screen-wide:hover{transform:rotate(1deg) translateY(-3px)}}