.guides-home{padding-top:85px;padding-bottom:85px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.guide-card{display:flex;flex-direction:column;overflow:hidden;min-width:0;border:1px solid #dfd3eb;border-radius:24px;background:#fffffff0;box-shadow:0 8px 30px #45256507;transition:transform .2s,border-color .2s}.guide-card:hover{transform:translateY(-4px);border-color:#a68abd}.guide-cover{position:relative;isolation:isolate;min-height:170px;display:grid;place-content:center;background:linear-gradient(130deg,#eee4fa,#ddd0ef);color:#79549d;overflow:hidden}.guide-cover svg{width:140px;height:100px;stroke:currentColor;stroke-width:2;transform:rotate(-8deg);background:#ffffff50;border-radius:18px;box-shadow:12px 12px 0 #ffffff38}.guide-cover>span:last-child{font-size:9px;letter-spacing:.18em;margin-top:20px;text-align:center;font-weight:700}.guide-cover-number{position:absolute;left:18px;top:12px;font-size:54px;font-family:Georgia,serif;color:#79549d26;z-index:-1}.cover-02{background:linear-gradient(130deg,#e6f4ef,#cfe7df);color:#376c60}.cover-02 svg{transform:rotate(6deg)}.cover-03{background:linear-gradient(130deg,#f6ede6,#ecddd1);color:#8a654f}.guide-card-copy{display:flex;flex:1;flex-direction:column;padding:26px}.guide-meta{font-size:10px;font-weight:650;letter-spacing:.05em;color:#735786;line-height:1.8}.guide-meta span{color:#746c7b;font-weight:400;letter-spacing:0}.guide-card h3{font-size:23px;letter-spacing:-.6px;line-height:1.3;margin:14px 0}.guide-card-copy>p:not(.guide-meta){color:#6e6179;font-size:14px;line-height:1.85;margin:0 0 25px}.guide-more{display:flex;justify-content:space-between;color:#704a91;font-size:13px;font-weight:700;margin-top:auto;padding-top:20px;border-top:1px solid #ede6f3}.guides-home-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;color:#74627f;font-size:13px}.guides-home-bottom .button{border:1px solid #cfc0df;background:#fff9;color:#634281}.guide-hero{padding:32px 0 60px;max-width:900px}.guide-hero h1{font-size:clamp(34px,5vw,62px);line-height:1.12;letter-spacing:-1.9px;font-weight:550;margin:20px 0 25px}.guide-hero h1 em{font-family:Georgia,serif;color:#987eb0;font-weight:400}.guide-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:65px;padding-bottom:65px}.guide-toc{position:sticky;top:30px;align-self:start;padding:20px;border:1px solid #e0d5e9;border-radius:18px;background:#ffffffb8}.solution-main .guide-toc h2{font-size:13px;letter-spacing:0;margin:0 0 16px}.guide-toc nav{display:grid;gap:14px}.guide-toc a{font-size:12px;line-height:1.65;color:#705783}.guide-toc a:hover,.guide-body a:hover{text-decoration:underline}.guide-body{min-width:0}.guide-body section{position:relative;scroll-margin-top:30px;padding:0 0 32px;margin:0 0 30px;border-bottom:1px solid #ddcfe8}.guide-body section>h2{font-size:29px;margin-top:12px}.guide-step{font-family:Georgia,serif;color:#9e81b6;font-size:20px}.guide-body p,.guide-body li{font-size:16px;line-height:1.95;color:#63556f}.guide-body p{margin:0 0 18px}.guide-example{padding:26px 30px;background:#fffaf2d9;border:1px solid #e6d6c3;border-radius:20px;margin:0 0 40px}.guide-example h3{font-size:22px;margin:12px 0 18px}.guide-example small{font-size:11px;color:#796a5f;line-height:1.6}.guide-body strong{color:#46324f}.guide-checklist ul{list-style:none;padding:0}.guide-checklist li{position:relative;padding:10px 0 10px 30px}.guide-checklist li:before{content:'✓';position:absolute;left:0;color:#367561}.guide-body .guide-download{padding:28px;border:1px solid #c9dfd3;background:linear-gradient(130deg,#edf7f1,#f6f2fb);border-radius:20px}.guide-download .button{max-width:100%;font-size:13px;white-space:normal;text-align:center}.guide-preview-link{display:block;width:fit-content;margin-top:18px;font-size:13px;color:#65478a;text-decoration:underline}.guide-product>a{font-size:14px;color:#6e4990;font-weight:650}.guide-resource-banner{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:35px;border:1px solid #d6c7e4;border-radius:24px;background:#ffffffb8;margin:45px 0 65px}.guide-resource-banner h2{max-width:650px}.guide-resource-banner p{color:#6e6179;line-height:1.8}.guide-resource-banner .button{flex-shrink:0;font-size:13px}.guide-page .guide-grid{padding-bottom:15px}.guide-card:focus-visible,.guides-home-bottom a:focus-visible{outline:3px solid #755594;outline-offset:5px}
@media(max-width:1000px){.guide-grid{gap:15px}.guide-card-copy{padding:20px}.guide-card h3{font-size:20px}.guide-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}.guide-resource-banner{flex-direction:column;align-items:flex-start}}
@media(max-width:700px){.guides-home{padding-top:60px;padding-bottom:60px}.guide-grid{grid-template-columns:1fr;gap:24px}.guide-cover{min-height:150px}.guide-card h3{font-size:24px}.guide-card-copy{padding:25px}.guides-home-bottom{align-items:flex-start;flex-direction:column}.guide-hero{padding:20px 0 35px}.guide-hero h1{letter-spacing:-1px}.guide-layout{grid-template-columns:1fr;gap:35px}.guide-toc{position:static}.guide-body section>h2{font-size:26px}.guide-example,.guide-body .guide-download{padding:23px}.guide-resource-banner{padding:25px;margin-top:30px}.guide-toc nav{gap:12px}.guide-toc a{font-size:13px}}
@media(prefers-reduced-motion:reduce){.guide-card{transition:none}.guide-card:hover{transform:none}}
