.guide-footer{background:#f8f7fb;border-top:1px solid #e9e6ef;padding:42px 24px;color:#625d70}.guide-footer-inner{max-width:1232px;margin:auto;display:grid;grid-template-columns:1fr 2fr;gap:50px}.footer-brand{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.footer-year{font-size:13px;color:#756e81}.guide-footer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 30px;align-content:start}.guide-footer nav a{display:flex;align-items:center;min-height:44px;font-size:14px;line-height:1.5;color:#575064;text-decoration:none}.guide-footer nav a:hover,.guide-footer nav a[aria-current]{color:#7750c5}.guide-footer nav a:hover{text-decoration:underline;text-underline-offset:4px}
.guide-page{font-family:Arial,Helvetica,sans-serif;color:#2a2635!important}.guide-page main{max-width:1280px;margin:auto;padding:0 24px}.guide-hero{padding:72px 0 68px;display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}.guide-eyebrow{display:block;color:#867293;font-size:10px;letter-spacing:2px;font-weight:700;line-height:1.7}.guide-hero h1{font-size:clamp(40px,4.5vw,64px);font-weight:500;line-height:1.08;letter-spacing:-2.7px;margin:26px 0 24px;max-width:640px}.guide-lead{font-size:18px;line-height:1.7;color:#716979;max-width:500px;margin-bottom:24px}.guide-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px}.guide-chips span{font-size:11px;border:1px solid #e9e3ee;border-radius:30px;padding:8px 12px;color:#84728d}.guide-hero .try-button{min-height:48px;padding:12px 32px}.guide-action-note{font-size:11px;color:#8b8194;margin-top:13px}.guide-cover{margin:0;position:relative;aspect-ratio:1/1.08;border-radius:26px;overflow:hidden;background:#eee9f3}.guide-cover img{width:100%;height:100%;object-fit:cover;display:block}.guide-cover figcaption{position:absolute;bottom:16px;left:16px;right:16px;padding:14px 18px;border-radius:14px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);display:grid;gap:6px}.guide-cover figcaption span:first-child{font-size:10px;letter-spacing:1.5px;color:#564563}.guide-cover figcaption span:last-child{font-size:10px;color:#85798d}
.guide-article{border-top:1px solid #ebe6ef}.guide-intro{display:grid;grid-template-columns:1fr 2fr;gap:64px;padding:64px 0}.guide-intro p,.guide-editorial p{font-size:17px;line-height:1.85;color:#6f6679;margin:0 0 20px}.guide-section{padding:55px 0;border-top:1px solid #ebe6ef}.guide-section-heading{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-bottom:32px}.guide-article h2{font-size:32px;font-weight:500;line-height:1.2;letter-spacing:-.8px;color:#30273b;margin:14px 0 22px}.guide-section-heading h2{margin:0}.guide-steps{list-style:none;counter-reset:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-steps li{display:flex;gap:22px;padding:30px;border:1px solid #eae5ef;border-radius:18px;background:#fff}.guide-step-number{font-size:13px;color:#aa8cc6;padding-top:3px}.guide-article h3{font-size:18px;font-weight:500;color:#44324f;line-height:1.4;margin:0 0 12px}.guide-steps p,.guide-fixes p{font-size:14px;line-height:1.8;color:#786d80;margin:0}.guide-prompt{padding:46px 52px;background:#f4effa;border:1px solid #e8dff2;border-radius:24px;margin:22px 0 64px}.guide-prompt h2{max-width:650px}.guide-prompt blockquote{font-size:21px;line-height:1.7;margin:24px 0;color:#675077;max-width:960px}.guide-prompt p{font-size:13px;line-height:1.7;color:#908099;max-width:800px;margin:0}.guide-editorial{max-width:850px;margin:0 auto 60px}.guide-fixes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.guide-fixes>div{border-left:2px solid #dfcce9;padding:4px 0 4px 22px}.guide-faq{display:grid;grid-template-columns:1fr 2fr;gap:56px;padding:60px 0;border-top:1px solid #ebe6ef}.guide-faq details{border-bottom:1px solid #e8e2ed}.guide-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:22px 0;color:#51445e;font-size:16px;line-height:1.6}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary span{color:#a58bb9;font-size:22px;flex-shrink:0}.guide-faq details[open] summary span{transform:rotate(45deg)}.guide-faq details p{font-size:15px;line-height:1.8;color:#7e7287;margin:0 28px 24px 0}.guide-faq summary:focus-visible{outline:3px solid #ae8acb;outline-offset:4px}.guide-final{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:42px 48px;margin:0 0 64px;border-radius:24px;background:linear-gradient(120deg,#f9f6fc,#eef2fc)}.guide-final p{font-size:15px;color:#8a7b96;line-height:1.6}.guide-final .try-button{flex-shrink:0;padding:14px 34px}
@media(min-width:1440px){.guide-page .light-header{padding-left:max(24px,calc((100vw - 1232px)/2));padding-right:max(24px,calc((100vw - 1232px)/2))}}
@media(max-width:900px){.guide-hero{gap:30px}.guide-hero h1{font-size:44px}.guide-lead{font-size:16px}.guide-intro{gap:30px}.guide-steps li{padding:24px;gap:16px}.guide-section-heading{align-items:flex-start;flex-direction:column;gap:12px}.guide-faq{gap:28px;grid-template-columns:1fr 1.6fr}.guide-footer-inner{gap:30px;grid-template-columns:1fr 2fr}}
@media(max-width:600px){.guide-page main{padding:0 20px}.guide-page .light-header{padding:0 16px}.guide-page .brand{font-size:14px;gap:7px}.guide-page .light-header .try-button{padding:10px 17px;font-size:13px}.guide-hero{grid-template-columns:1fr;padding:36px 0 34px;gap:30px}.guide-eyebrow{font-size:9px;letter-spacing:1.5px}.guide-hero h1{font-size:clamp(34px,9.7vw,46px);letter-spacing:-1.5px;margin:19px 0 18px}.guide-lead{font-size:16px;line-height:1.7}.guide-chips{margin-bottom:25px;gap:6px}.guide-chips span{padding:7px 10px;font-size:10px}.guide-cover{aspect-ratio:1.12;border-radius:20px}.guide-cover figcaption{bottom:12px;left:12px;right:12px;padding:12px}.guide-intro{grid-template-columns:1fr;gap:20px;padding:34px 0 20px}.guide-intro p,.guide-editorial p{font-size:15px;line-height:1.8}.guide-section{padding:32px 0}.guide-article h2{font-size:27px;letter-spacing:-.6px}.guide-section-heading{margin-bottom:22px}.guide-steps{grid-template-columns:1fr;gap:12px}.guide-steps li{padding:22px 18px;gap:16px;border-radius:16px}.guide-article h3{font-size:17px}.guide-prompt{padding:25px 22px;border-radius:20px;margin:12px 0 34px}.guide-prompt blockquote{font-size:17px;line-height:1.8;margin:20px 0}.guide-editorial{margin-bottom:30px}.guide-fixes{grid-template-columns:1fr;gap:26px}.guide-faq{grid-template-columns:1fr;padding:32px 0;gap:4px}.guide-faq summary{font-size:15px;padding:19px 0}.guide-faq details p{font-size:14px}.guide-final{padding:28px 24px;margin-bottom:36px;flex-direction:column;align-items:flex-start;gap:14px}.guide-final h2{margin-bottom:14px}.guide-final p{font-size:14px}.guide-footer{padding:30px 20px}.guide-footer-inner{grid-template-columns:1fr;gap:24px}.footer-brand{flex-direction:row;justify-content:space-between;align-items:center}.guide-footer nav{grid-template-columns:1fr;gap:0}.guide-footer nav a{font-size:14px;min-height:44px;border-top:1px solid #eee9f2}}
@media(prefers-reduced-motion:reduce){.guide-page *{scroll-behavior:auto!important;transition:none!important}}
.guide-showcase{padding:40px 0 58px}.guide-showcase-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:28px}.guide-showcase-heading>div{max-width:760px}.guide-showcase-heading h2{margin-bottom:14px}.guide-showcase-heading p,.guide-checklist p{font-size:16px;line-height:1.8;color:#807487;margin:0}.motion-toggle{display:flex;align-items:center;gap:9px;flex-shrink:0;min-height:44px;font-size:13px;color:#746180;padding:8px 14px;border:1px solid #e5dcec;border-radius:30px;cursor:pointer;margin-top:8px}.motion-toggle input{accent-color:#8857c9;width:17px;height:17px;margin:0;cursor:pointer}.guide-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.guide-video-card,.guide-image-card{margin:0;min-width:0}.guide-video-stage{position:relative;aspect-ratio:16/11;overflow:hidden;border-radius:22px;background:linear-gradient(140deg,#eee9f4,#e2e6ed)}.guide-video-stage video{width:100%;height:100%;object-fit:contain;display:block}.guide-media-number{position:absolute;left:16px;top:16px;border-radius:24px;padding:8px 12px;font-size:9px;letter-spacing:1.7px;color:#594267;background:#ffffffed}.guide-video-card figcaption{padding:22px 4px 0}.guide-video-card figcaption h3{font-size:21px;margin-bottom:10px}.guide-video-card figcaption p,.guide-image-card figcaption p{font-size:14px;line-height:1.8;color:#87778e;margin:0;max-width:560px}.guide-source-note{font-size:11px;color:#9a8da4;margin:25px 0 0;line-height:1.7}.guide-image-section{padding:30px 0 56px}.guide-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.guide-image-card img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:20px;background:#f5f2f8}.guide-image-card figcaption{padding:20px 3px 0}.guide-image-card h3{margin-bottom:8px}.guide-usecases{padding:15px 0 58px}.guide-usecases>h2{max-width:760px;margin-bottom:34px}.guide-case-list{border-top:1px solid #e9e1ef}.guide-case{display:grid;grid-template-columns:42px 1.25fr 1fr;gap:26px;padding:32px 0;border-bottom:1px solid #e9e1ef}.guide-case-number{font-size:13px;color:#b09bc1;padding-top:3px}.guide-case h3{font-size:22px}.guide-case p{font-size:15px;line-height:1.85;color:#786b81;margin:0}.guide-case aside{background:#f7f4fa;border-radius:18px;padding:26px;align-self:start}.guide-case blockquote{font-size:15px;line-height:1.8;color:#81698f;margin:14px 0 0}.guide-checklist{display:grid;grid-template-columns:1fr 1.6fr;gap:70px;padding:38px 42px;margin:18px 0 64px;border:1px solid #e8e3ef;border-radius:24px;background:#fcfbfe}.guide-checklist h2{margin-bottom:16px}.guide-checklist p{font-size:14px}.guide-checklist ul{list-style:none;margin:0;padding:0;display:grid;gap:15px}.guide-checklist li{position:relative;padding-left:25px;font-size:15px;line-height:1.8;color:#817089}.guide-checklist li:before{content:'';position:absolute;left:0;top:10px;width:7px;height:7px;border-radius:50%;background:#b795ce}
@media(max-width:900px){.guide-case{grid-template-columns:30px 1fr;gap:18px}.guide-case aside{grid-column:2}.guide-checklist{gap:30px;padding:30px}.guide-image-grid{gap:15px}.guide-video-grid{gap:18px}.guide-video-card figcaption h3{font-size:19px}}
@media(max-width:600px){.guide-showcase{padding:12px 0 32px}.guide-showcase-heading{display:block;margin-bottom:23px}.guide-showcase-heading p{font-size:14px;line-height:1.8}.motion-toggle{display:inline-flex;margin-top:18px;font-size:12px}.guide-video-grid{grid-template-columns:1fr;gap:28px}.guide-video-stage{aspect-ratio:4/3;border-radius:18px}.guide-media-number{left:12px;top:12px;font-size:8px;padding:7px 10px}.guide-video-card figcaption{padding:17px 0 0}.guide-video-card figcaption h3{font-size:20px}.guide-video-card figcaption p,.guide-image-card figcaption p{font-size:14px}.guide-source-note{font-size:10px;margin-top:22px}.guide-image-section{padding:14px 0 32px}.guide-image-grid{grid-template-columns:1fr;gap:26px}.guide-image-card img{aspect-ratio:1/1.05;border-radius:18px}.guide-image-card figcaption{padding:16px 0 0}.guide-usecases{padding:0 0 30px}.guide-usecases>h2{margin-bottom:24px}.guide-case{grid-template-columns:23px 1fr;gap:12px;padding:25px 0}.guide-case h3{font-size:20px}.guide-case p{font-size:14px}.guide-case aside{padding:20px;margin-top:4px;border-radius:15px}.guide-case blockquote{font-size:14px;line-height:1.8}.guide-checklist{grid-template-columns:1fr;gap:25px;padding:25px 22px;margin:12px 0 35px;border-radius:20px}.guide-checklist li{font-size:14px}.guide-checklist h2 br{display:none}}
