/* Simples — service detail pages (all five share this)
   Converted 1:1 from the Claude Design handoff (design_handoff_simples_site/html/).
   Values are final: do not re-tune colours, sizes, spacing or motion timings. */

/* service page */
.sp-hero{padding-top:var(--pad-y);padding-bottom:calc(var(--pad-y)*.75);display:flex;flex-direction:column;gap:24px;animation:fadeUp var(--t-base) ease both}
.sp-hero .top{display:flex;justify-content:space-between;align-items:center}
.sp-hero h1{font-size:34px;font-weight:300;line-height:1.3;letter-spacing:0.03em}
.sp-hero p{color:var(--grey-60);max-width:640px}
.sp-hero .link{align-self:flex-start}
.sp-hero .back{display:none}
@media (min-width:768px){.sp-hero{gap:28px}.sp-hero h1{font-size:44px}.sp-hero p{font-size:17px}}
@media (min-width:1200px){.sp-hero{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.sp-hero .top{grid-column:span 4;flex-direction:column;align-items:flex-start;justify-content:space-between}.sp-hero .top .label{display:none}.sp-hero .back{display:block}.sp-hero .body{grid-column:5/span 8;display:flex;flex-direction:column;gap:32px}.sp-hero h1{font-size:56px}.sp-hero .body .label{display:block}}
.sp-hero .body{display:contents}.sp-hero .body>.label{display:none}@media (min-width:1200px){.sp-hero .body{display:flex}}
.blk{padding:56px 0;display:flex;flex-direction:column;gap:24px}
.blk-h{display:flex;flex-direction:column;gap:12px}
.blk-h h2{font-size:24px}
@media (min-width:768px){.blk{padding:80px 0;gap:32px}.blk-h{gap:16px}.blk-h h2{font-size:28px}}
@media (min-width:1200px){.blk{padding:120px 0;display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.blk-h{grid-column:span 4;gap:20px}.blk-b{grid-column:5/span 8}.blk-h h2{font-size:32px}}
.li{display:grid;grid-template-columns:40px 1fr;gap:6px 12px;align-items:baseline;padding:16px 0;border-top:1px solid var(--hairline)}
.li .no{font-family:var(--mono);font-size:13px;letter-spacing:0.06em;color:var(--grey-60)}
.li .t{font-size:17px;line-height:1.5;letter-spacing:0.02em}
.li .d{grid-column:2;color:var(--grey-60)}
.li.plain{grid-template-columns:1fr}.li.plain .t,.li.plain .d{grid-column:1}
@media (min-width:768px){.li{grid-template-columns:56px 1fr;gap:6px 16px;padding:20px 0}.li .t{font-size:18px}.li.plain{grid-template-columns:200px 1fr}.li.plain .t{grid-column:1}.li.plain .d{grid-column:2}}
@media (min-width:1200px){.li{grid-template-columns:80px 240px 1fr;gap:24px;padding:24px 0}.li .t{font-size:20px}.li .d{grid-column:auto}.li.two{grid-template-columns:80px 1fr}.li.two .t{font-size:20px}.li.plain{grid-template-columns:240px 1fr}.li.plain .d{grid-column:2}}
.deliv{display:grid;grid-template-columns:1fr;gap:6px;padding:20px 0 0;border-top:1px solid var(--black)}
.deliv .k{font-size:13px;color:var(--grey-60)}
@media (min-width:768px){.deliv{grid-template-columns:56px 1fr;gap:6px 16px;padding-top:24px}.deliv .arrow{font-family:var(--mono);font-size:13px;color:var(--grey-60)}.deliv .v{grid-column:2}}
@media (min-width:1200px){.deliv{grid-template-columns:80px 240px 1fr;gap:24px;padding-top:32px}.deliv .k{font-size:15px}.deliv .v{grid-column:auto}}
.deliv .arrow{display:none}@media (min-width:768px){.deliv .arrow{display:block}}
.trust{display:flex;flex-direction:column;gap:16px}
.trust div{border-top:1px solid var(--black);padding-top:12px;font-size:17px;line-height:1.6}
@media (min-width:768px){.trust{display:grid;grid-template-columns:1fr 1fr;gap:24px}.trust div{padding-top:20px}}
.pr{display:flex;flex-direction:column;gap:6px;padding:16px 0;border-top:1px solid var(--hairline)}
.pr .hd{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.pr .a{font-size:17px;line-height:1.5}.pr .b{font-family:var(--mono);font-size:13px;letter-spacing:0.06em;color:var(--grey-60)}
.pr .c{color:var(--grey-60)}.pr .d{font-family:var(--mono);font-size:15px}
@media (min-width:1200px){.pr{display:grid;grid-template-columns:200px 100px 1fr 180px;gap:24px;align-items:baseline;padding:24px 0}.pr .hd{display:contents}.pr .a{font-size:20px}.pr .d{text-align:right}}
.sp-cta{display:flex;flex-direction:column;gap:40px}
.sp-cta .main{display:flex;flex-direction:column;gap:20px}
.sp-cta h2{font-size:30px}
.sp-cta .proof{border-top:1px solid var(--black);padding-top:16px;display:flex;flex-direction:column;gap:10px}
.sp-cta .proof b{font-family:var(--mono);font-weight:400;font-size:40px;line-height:1;letter-spacing:-0.02em}
.sp-cta .proof span{font-size:13px;line-height:1.6;color:var(--grey-60)}
.sp-cta .proof a{border-bottom:1px solid var(--grey-30)}
@media (min-width:768px){.sp-cta{gap:48px}.sp-cta .main{gap:24px}.sp-cta h2{font-size:40px}.sp-cta .proof{flex-direction:row;gap:24px;align-items:baseline;padding-top:20px}}
@media (min-width:1200px){.sp-cta{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:end}.sp-cta .proof{grid-column:span 4;order:-1;flex-direction:column;gap:20px;padding-top:24px}.sp-cta .proof b{font-size:56px}.sp-cta .main{grid-column:6/span 7;gap:28px}.sp-cta h2{font-size:48px}}
.sp-cta .cta-signal{align-self:flex-start}