.service-hero { display:grid; grid-template-columns:1.05fr 1fr; align-items:center; gap:64px; padding-top:84px; padding-bottom:100px; }
.service-page .header nav>a.button { display:inline-flex; }
@media(max-width:650px) { .service-page .header .button { padding:10px 14px; font-size:12px; } }
.service-intro h1 { font-size:clamp(42px,5vw,72px); font-weight:500; line-height:1.04; letter-spacing:-3px; margin:28px 0; max-width:660px; }
.service-lead { color:var(--muted); font-size:18px; line-height:1.7; max-width:510px; }
.service-actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; margin-top:32px; }
.service-caption { color:var(--muted); font-size:12px; line-height:1.7; max-width:420px; margin-top:20px; }
.family-scene { position:relative; background:var(--green); border-radius:44% 44% 24px 24px; padding:80px 28px 45px; min-width:0; }
.scene-sun { position:absolute; top:10px; right:32px; font-size:96px; line-height:1; color:#566635; }
.day-card { position:relative; border:1px solid #e1e5d8; background:#fffef8; padding:25px; border-radius:18px; transform:rotate(-4deg); box-shadow:0 20px 50px #33492116; }
.day-card-top { display:flex; justify-content:space-between; font-size:9px; font-weight:700; letter-spacing:1.1px; }
.day-card h2 { font-size:29px; font-weight:500; line-height:1.15; letter-spacing:-1px; margin:24px 0; }
.day-card ul { list-style:none; padding:0; margin:0; }
.day-card li { display:flex; align-items:center; gap:10px; padding:16px 0; font-size:12px; border-top:1px solid var(--line); }
.task-check,.task-open { border:1px solid #747e61; display:inline-grid; place-items:center; width:21px; height:21px; border-radius:50%; flex-shrink:0; }
.task-check { background:#ddecbd; }
.task-pill { font-size:8px; background:#eeeae1; border-radius:20px; padding:6px 9px; margin-left:auto; }
.day-card-bottom { display:flex; align-items:center; justify-content:space-between; color:var(--muted); font-size:10px; border-top:1px solid var(--line); padding-top:14px; }
.day-card-bottom>span:last-child { font-size:28px; color:#53613c; }
.reward-card { position:relative; display:flex; align-items:center; gap:14px; margin:10px -4px 0 90px; padding:20px; background:var(--purple); border-radius:16px; transform:rotate(5deg); font-size:11px; line-height:1.6; }
.reward-card>span { font-size:38px; color:#665a84; }.reward-card strong { font-size:16px; font-weight:500; }
.scene-caption { font-size:10px; text-align:center; margin:28px 0 0; color:#45572d; }
.service-section { border-top:1px solid var(--line); padding-top:72px; padding-bottom:80px; }
.service-section h2,.service-start h2,.service-final h2 { font-size:clamp(32px,4vw,50px); font-weight:500; letter-spacing:-1.8px; line-height:1.13; margin:20px 0 36px; }
.service-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.service-features article { background:#eeefe6; border-radius:20px; padding:30px; }
.service-features article:nth-child(2) { background:#e7e0f2; }.service-features article:nth-child(3) { background:#f0e1d2; }
.feature-number { display:block; font-size:11px; color:var(--muted); margin-bottom:50px; }
.service-features h3 { font-size:24px; font-weight:500; line-height:1.2; letter-spacing:-.5px; }
.service-features p,.service-start p,.service-faq p { font-size:15px; line-height:1.8; color:var(--muted); }
.service-start { display:grid; grid-template-columns:1fr 1fr; gap:80px; padding-top:30px; padding-bottom:90px; }
.service-start>div { max-width:460px; }.service-start .button { margin-top:12px; }
.service-steps { list-style:none; padding:0; margin:0; }.service-steps li { display:flex; gap:24px; padding:24px 0; border-bottom:1px solid var(--line); }.service-steps li>span { font-size:11px; padding-top:7px; color:var(--muted); }.service-steps h3 { margin:0; font-size:23px; font-weight:500; }.service-steps p { margin-bottom:0; }
.service-faq { display:grid; grid-template-columns:1fr 1.3fr; gap:70px; }.service-faq details { padding:22px 0; border-bottom:1px solid var(--line); }.service-faq summary { cursor:pointer; font-size:17px; line-height:1.5; }.service-faq summary:focus-visible { outline:3px solid #6954b0; outline-offset:5px; }
.service-final { background:var(--green); border-radius:24px; padding:60px; margin-bottom:80px; }.service-final h2 { max-width:780px; }.service-final .service-caption { color:#4c5d36; }
.service-monogram { min-width:0; background:var(--purple); border-radius:40px; padding:60px 40px; min-height:400px; display:flex; flex-direction:column; gap:25px; overflow-wrap:anywhere; }.service-monogram>span { font-size:36px; }.service-monogram>b { font-size:110px; font-weight:400; }.service-monogram>small { font-size:10px; letter-spacing:1px; }
@media(max-width:900px) { .service-hero { gap:32px; }.service-intro h1 { font-size:50px; }.family-scene { padding:65px 15px 25px; }.day-card { padding:18px; }.task-pill { display:none; }.reward-card { margin-left:40px; }.service-features { gap:14px; }.service-features article { padding:22px; }.service-start,.service-faq { gap:40px; } }
@media(max-width:650px) { .service-hero { grid-template-columns:1fr; gap:40px; padding:44px 0 50px; }.service-intro h1 { font-size:48px; letter-spacing:-2px; }.service-lead { font-size:16px; }.service-actions { gap:20px; }.service-page .header nav>a:first-child { display:none; }.family-scene { max-width:480px; padding:65px 24px 28px; }.task-pill { display:inline; }.service-features { grid-template-columns:1fr; }.feature-number { margin-bottom:30px; }.service-section { padding-top:42px; padding-bottom:48px; }.service-start,.service-faq { grid-template-columns:1fr; gap:20px; }.service-start { padding-top:0; padding-bottom:48px; }.service-section h2,.service-start h2 { margin-bottom:24px; }.service-final { padding:32px 24px; margin-bottom:40px; }.service-final h2 { font-size:36px; }.service-page .footer { flex-wrap:wrap; gap:20px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }