.tool-guide{background:#fbfcfd}
.tool-guide header{background:white}
.skip-link{position:absolute;left:20px;top:-80px;padding:12px 18px;background:var(--navy);color:white;z-index:10;border-radius:4px}
.skip-link:focus{top:12px}
.tool-guide a:focus-visible{outline:3px solid #b58231;outline-offset:5px}
.tool-guide main{max-width:1380px;margin:0 auto;padding:0 5vw 56px}
.tool-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:12px;line-height:1.6;color:#5b6f82;padding:25px 0}
.tool-breadcrumb a{text-decoration:none;font-weight:650;color:var(--navy)}
.tool-breadcrumb a:hover{text-decoration:underline}
.tool-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center;background:var(--navy);color:white;border-radius:16px;padding:40px}
.tool-hero .eyebrow{margin-bottom:16px}
.tool-hero h1{font-size:clamp(35px,3.6vw,48px);line-height:1.1;letter-spacing:-1.4px}
.tool-tagline{color:#f0d4a5;font-size:clamp(21px,2vw,27px);line-height:1.35;font-weight:500;margin:18px 0 14px;letter-spacing:-.3px}
.tool-intro{font-size:16px;line-height:1.65;color:#d0dce6;margin:0 0 25px;max-width:420px}
.tool-launch{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:52px;padding:15px 21px;border-radius:7px;background:#e6bd7a;color:#142b43;font-size:15px;line-height:1.4;font-weight:750;text-decoration:none;transition:background .15s}
.tool-launch:hover{background:#f1d5a6}
.tool-launch span{font-size:20px;line-height:1}
.launch-note{font-size:12px;line-height:1.5;color:#bdcddb;margin:10px 0 0}
.tool-how-link{display:inline-flex;align-items:center;gap:10px;margin-top:24px;color:#f1dfc1;font-size:12px;line-height:1.5;text-underline-offset:4px}
.tool-example{margin:0;min-width:0}
.tool-example-link{display:block;background:white;color:var(--navy);border-radius:10px;text-decoration:none;overflow:hidden;border:1px solid #ffffff70;box-shadow:0 12px 30px #05121f33}
.example-comparison{position:relative;aspect-ratio:16/9;background:#0c1b2b;overflow:hidden}
.example-comparison img{display:block;width:100%;height:100%;object-fit:contain}
.example-before{position:absolute;inset:0;clip-path:inset(0 50% 0 0)}
.example-label{position:absolute;top:12px;padding:6px 9px;border-radius:4px;background:#102035e6;color:white;font-size:11px;line-height:1.3;font-weight:650}
.example-label-before{left:12px}.example-label-after{right:12px}
.example-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:white;transform:translateX(-1px)}
.example-invitation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;font-size:14px;line-height:1.5;font-weight:750}
.example-invitation>span{font-size:21px;color:#926121}
.tool-example-link:hover .example-invitation{background:#fff6e7}
.tool-example figcaption{font-size:11px;line-height:1.6;color:#bccbd8;margin:12px 2px 0}
.tool-purpose{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:start;padding:31px 8px;border-bottom:1px solid var(--line)}
.tool-purpose h2{font-size:20px;line-height:1.4;letter-spacing:-.4px;margin:0}
.tool-purpose p{font-size:15px;line-height:1.75;color:#506578;margin:0;max-width:840px}
.tool-section{padding:37px 8px}
.tool-section-heading .section-kicker{color:#8b6028;font-size:10px;margin-bottom:8px}
.tool-section-heading h2{font-size:clamp(23px,2.4vw,29px);line-height:1.25;letter-spacing:-.6px;margin:0 0 25px}
.tool-options-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 32px;margin:0}
.tool-options-list>div{padding-left:15px;border-left:3px solid #d6ad68}
.tool-options-list dt{font-weight:750;font-size:15px;line-height:1.5}
.tool-options-list dd{margin:6px 0 0;font-size:14px;color:#52677b;line-height:1.65}
.tool-beta{display:inline-block;vertical-align:middle;margin-left:5px;padding:1px 6px;font-size:10px;border-radius:4px;background:#f4e6cd;color:#70501f;letter-spacing:.3px}
.tool-steps-section{border-top:1px solid var(--line);scroll-margin-top:24px}
.tool-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}
.tool-step-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#e8eef4;border:1px solid #d2deea;border-radius:50%;color:var(--navy);font-size:12px;font-weight:750;margin-bottom:15px}
.tool-steps h3,.tool-expectation-grid h3{font-size:16px;line-height:1.5;margin:0 0 8px;letter-spacing:-.2px}
.tool-steps p,.tool-expectation-grid p{font-size:14px;line-height:1.75;color:#52677b;margin:0}
.tool-expectations{padding:30px 32px;background:#edf2f7;border:1px solid #d6e1ea;border-radius:12px;margin:0 0 30px}
.tool-expectation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.tool-sharing-note{padding-top:20px;border-top:1px solid #d0dce6;margin:24px 0 0;font-size:13px;line-height:1.7;color:#465d72}
.tool-bottom-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:29px 32px;background:var(--navy);color:white;border-radius:12px}
.tool-bottom-cta .section-kicker{color:var(--gold);font-size:10px}
.tool-bottom-cta h2{font-size:25px;line-height:1.3;letter-spacing:-.5px;margin:0 0 8px}
.tool-bottom-cta>div>p:last-child:not(.launch-note){font-size:14px;line-height:1.6;color:#c7d5e0;margin:0}
.tool-bottom-action{flex-shrink:0;text-align:center}
@media(max-width:1050px){.tool-hero{padding:30px;gap:28px}.tool-hero h1{font-size:37px}.tool-tagline{font-size:23px}.tool-purpose{grid-template-columns:190px minmax(0,1fr);gap:25px}.tool-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.tool-steps li{display:flex;gap:15px;align-items:flex-start}.tool-step-number{flex-shrink:0;margin:0}.tool-expectation-grid{gap:24px}}
@media(max-width:780px){.tool-hero{grid-template-columns:1fr;gap:30px}.tool-hero h1{font-size:42px}.tool-tagline br{display:none}.tool-intro{max-width:100%}.tool-example{max-width:600px;width:100%}.tool-purpose{grid-template-columns:1fr;gap:12px}.tool-options-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.tool-expectation-grid{grid-template-columns:1fr;gap:22px}.tool-bottom-cta{align-items:flex-start;flex-direction:column;gap:22px}}
@media(max-width:500px){.tool-guide main{padding-bottom:32px}.tool-breadcrumb{font-size:11px;gap:9px;padding:18px 0}.tool-hero{padding:27px 21px;border-radius:12px;gap:25px}.tool-hero h1{font-size:35px;letter-spacing:-1px}.tool-tagline{font-size:22px;margin-top:16px}.tool-intro{font-size:15px;margin-bottom:22px}.tool-launch{width:100%;font-size:14px;padding:14px 12px;gap:15px}.tool-how-link{margin-top:20px}.example-label{top:8px;font-size:10px;padding:4px 7px}.example-label-before{left:8px}.example-label-after{right:8px}.example-invitation{font-size:12px;padding:12px}.example-divider>span{width:25px;height:25px;font-size:16px}.tool-purpose{padding:25px 3px}.tool-purpose p{font-size:14px}.tool-section{padding:29px 3px}.tool-section-heading h2{margin-bottom:22px}.tool-options-list{grid-template-columns:1fr;gap:20px}.tool-options-list>div{padding-left:13px}.tool-steps{grid-template-columns:1fr;gap:23px}.tool-expectations{padding:25px 20px;margin-bottom:23px}.tool-bottom-cta{padding:25px 21px}.tool-bottom-cta h2{font-size:24px}.tool-bottom-action{width:100%}}
@media(prefers-reduced-motion:reduce){.tool-launch{transition:none}}