.fix-tips{background:#eaf0f5;padding:70px 0;color:#102b43}.tips-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.tips-heading h2{font-size:clamp(32px,4vw,49px);line-height:1.1;letter-spacing:-1.5px;margin:12px 0 0}.tips-heading p{max-width:270px;font-size:16px;color:#546879;margin:0}.tips-experience{display:grid;grid-template-columns:.8fr 1.2fr;border-radius:26px;overflow:hidden;background:white;box-shadow:0 18px 50px #102b4310;border:1px solid #d4e0e9}.tips-stage{position:relative;min-height:450px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:radial-gradient(ellipse at 50% 65%,#346f9b,#102b43 72%);color:white;padding:26px 24px 0;overflow:hidden}.tips-stage::before{content:'';position:absolute;width:340px;height:340px;border:1px solid #ffffff17;border-radius:50%;bottom:20px;left:50%;transform:translateX(-50%)}.tips-bubble{position:relative;z-index:1;background:#fff;color:#102b43;border-radius:18px 18px 18px 3px;padding:14px 20px;margin:0 0 5px;max-width:280px;font-size:17px;font-weight:600;text-align:center}.tips-mascot{position:relative;display:block;object-fit:contain;width:240px;height:350px;object-position:bottom;animation:tips-float 4s ease-in-out infinite;transform-origin:50% 100%}.tips-stage-tag{position:absolute;left:18px;bottom:18px;border:1px solid #ffffff40;background:#102b43da;padding:7px 12px;border-radius:100px;font-size:12px;letter-spacing:1px}.tips-content{padding:32px;min-width:0;display:flex;flex-direction:column}.tips-progress{display:flex;gap:8px;margin-bottom:25px}.tips-progress button{flex:1;border:0;border-radius:9px;background:#eef3f7;color:#526a7d;padding:11px 7px;font:600 14px 'Segoe UI',sans-serif;min-height:44px;cursor:pointer}.tips-progress button[aria-current=step]{background:#245e92;color:white}.tips-progress button:hover{box-shadow:inset 0 0 0 2px #8fa9bd}.tips-scene{animation:tips-enter .35s ease both}.tips-scene h3{font-size:30px;line-height:1.18;letter-spacing:-.7px;margin:10px 0 15px}.tips-scene>p{font-size:17px;line-height:1.7;color:#546879;margin:0 0 17px}.tips-kicker{font-size:12px;letter-spacing:1.5px;font-weight:700;color:#245e92;text-transform:uppercase}.tips-photo{width:100%;height:155px;object-fit:cover;border-radius:15px;display:block;margin:17px 0}.tips-point{display:flex;align-items:start;gap:12px;padding:14px 16px;background:#eef3f7;border-radius:12px;margin:12px 0;font-size:16px;line-height:1.5}.tips-point svg{width:23px;height:23px;flex:0 0 23px;color:#245e92;stroke:currentColor;fill:none;stroke-width:1.7}.tips-reveal{border:1px solid #d4e0e9;border-radius:12px;margin:18px 0}.tips-reveal summary{cursor:pointer;padding:14px 16px;color:#245e92;font-size:15px;font-weight:700}.tips-reveal p{font-size:15px;line-height:1.6;margin:0;padding:0 16px 16px;color:#546879}.tips-controls{display:flex;gap:12px;align-items:center;margin-top:auto;padding-top:22px}.tips-next,.tips-back{font:600 15px 'Segoe UI',sans-serif;min-height:46px;border-radius:100px;padding:12px 19px;cursor:pointer}.tips-next{background:#245e92;color:white;border:1px solid #245e92;margin-left:auto}.tips-back{background:white;border:1px solid #c3d2dd;color:#245e92}.tips-back:disabled{opacity:.4;cursor:default}.tips-counter{font-size:13px;color:#63798b}.tips-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px}.tips-pause{border:1px solid #b5c7d5;background:transparent;border-radius:100px;color:#546879;padding:9px 14px;font:600 13px 'Segoe UI',sans-serif;cursor:pointer;min-height:42px}.tips-sources{font-size:12px;color:#63798b}.tips-sources a{text-decoration:underline}.tips-cta{display:block;text-align:center;padding:13px 16px;border-radius:12px;background:#245e92;color:#fff;font-size:15px;font-weight:700;margin-top:18px}.tips-paused *,.motion-paused .fix-tips *{animation-play-state:paused!important}.tips-experience button:focus-visible,.tips-reveal summary:focus-visible,.tips-cta:focus-visible,.tips-pause:focus-visible{outline:3px solid #7a9fbf;outline-offset:3px}
@keyframes tips-float{50%{transform:translateY(-7px) rotate(1deg)}}@keyframes tips-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(max-width:700px){.fix-tips{padding:42px 0}.tips-heading{display:block}.tips-heading h2{font-size:34px}.tips-heading p{max-width:none;margin-top:15px}.tips-experience{grid-template-columns:1fr;border-radius:20px}.tips-stage{min-height:170px;height:170px;display:block;padding:0}.tips-mascot{position:absolute;right:12px;bottom:-48px;width:140px;height:235px}.tips-bubble{position:absolute;left:20px;top:29px;max-width:calc(100% - 160px);font-size:14px;padding:13px;margin:0;text-align:left}.tips-stage-tag{left:20px;bottom:15px;font-size:10px}.tips-stage::before{width:220px;height:220px;left:auto;right:-45px;bottom:-60px;transform:none}.tips-content{padding:22px 18px}.tips-progress{gap:6px;margin-bottom:22px}.tips-progress button{font-size:12px;padding:10px 5px}.tips-scene h3{font-size:26px}.tips-scene>p{font-size:16px}.tips-photo{height:145px}.tips-bottom{align-items:start;gap:12px}.tips-sources{max-width:180px;font-size:11px}.tips-next,.tips-back{padding:11px 15px}.tips-controls{gap:8px}}
@media(prefers-reduced-motion:reduce){.fix-tips *{animation:none!important;scroll-behavior:auto!important}.tips-pause{display:none}}

.tips-categories{display:flex;gap:10px;margin:0 0 20px;flex-wrap:wrap}.tips-categories button{border:1px solid #b5c7d5;background:#fff;color:#245e92;border-radius:100px;min-height:46px;padding:12px 20px;font:600 15px "Segoe UI",sans-serif;cursor:pointer}.tips-categories button[aria-pressed=true]{background:#102b43;border-color:#102b43;color:#fff}.tips-categories button:focus-visible{outline:3px solid #739cbc;outline-offset:3px}.tips-light{font-size:14px;margin:15px 0;color:#546879}.tips-light>div{display:flex;gap:8px;margin:10px 0}.tips-light button{flex:1;min-height:42px;border:1px solid #b5c7d5;border-radius:9px;background:white;color:#245e92;cursor:pointer;font:600 14px "Segoe UI",sans-serif}.tips-light button[aria-pressed=true]{background:#245e92;color:#fff}.tips-light small{font-size:12px;line-height:1.5;display:block}.fix-tips[data-light=warm] .tips-stage{background:radial-gradient(ellipse at 50% 65%,#986334,#263140 78%)}.fix-tips[data-light=neutral] .tips-stage{background:radial-gradient(ellipse at 50% 65%,#7e898c,#263140 78%)}.fix-tips[data-light=cool] .tips-stage{background:radial-gradient(ellipse at 50% 65%,#4e8cbc,#102b43 78%)}@media(max-width:420px){.tips-categories{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tips-categories button{font-size:13px;padding:11px 9px}}

@media(max-width:420px){.tips-categories button:last-child:nth-child(odd){grid-column:1 / -1}}

.fix-tips[data-guide=masonry] .tips-mascot,.fix-tips[data-guide=plumbing] .tips-mascot{width:290px;height:410px;border-radius:18px;animation:none;margin:10px 0}.fix-tips[data-guide=masonry] .tips-stage,.fix-tips[data-guide=plumbing] .tips-stage{padding-bottom:30px}@media(max-width:700px){.fix-tips[data-guide=masonry] .tips-stage,.fix-tips[data-guide=plumbing] .tips-stage{height:310px;min-height:310px;padding:0}.fix-tips[data-guide=masonry] .tips-mascot,.fix-tips[data-guide=plumbing] .tips-mascot{width:185px;height:278px;right:8px;bottom:10px;margin:0}.fix-tips[data-guide=masonry] .tips-bubble,.fix-tips[data-guide=plumbing] .tips-bubble{left:12px;max-width:calc(100% - 210px);font-size:13px;padding:10px;top:30px}}