.site-footer{background:#fff;border-top:1px solid var(--line);padding:32px 4%}.footer-inner{max-width:1150px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:28px}.footer-brand{align-self:start}.site-footer nav h2{font-size:14px;line-height:1.5;font-weight:700;color:#354357;margin:0 0 12px}.site-footer nav a{display:block;font-size:14px;color:#748094;margin:8px 0;transition:color .2s}.site-footer nav a:hover{color:var(--blue)}.guide-hero{max-width:1250px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding:80px 4% 85px}.guide-hero h1{font-size:clamp(35px,3.8vw,51px);line-height:1.2;font-weight:500;letter-spacing:-1.7px;margin:0 0 27px}.guide-hero h1 span{color:var(--blue)}.guide-hero p{font-size:17px;line-height:1.85;color:var(--muted);margin:0 0 30px}.guide-hero-media{border-radius:18px;overflow:hidden;box-shadow:0 25px 60px -30px #233b6140;aspect-ratio:1.35;background:#eef4ff}.guide-hero-media img{width:100%;height:100%;object-fit:cover}.hero-outline{padding:45px;display:flex;flex-direction:column;gap:35px;color:#667e9f}.hero-outline span{font-size:14px}.hero-outline strong{font-size:32px;line-height:1.45;font-weight:500}.breadcrumb{color:#6f7d90;font-size:14px;line-height:1.5;margin:0 0 24px}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:0}.breadcrumb li{display:flex;align-items:center;gap:9px}.breadcrumb a{color:#6f7d90}.guide-section{padding-top:75px;padding-bottom:75px}.guide-section.pale{background:#f5f8fc;border-radius:16px;margin-block:20px}.section-intro{font-size:17px;line-height:1.85;max-width:760px;color:var(--muted);margin:0 0 35px}.choice-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.choice{border:1px solid #dce5f0;border-radius:7px;background:white;padding:12px 18px;color:#65738a;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,transform .2s}.choice:hover{transform:translateY(-2px);border-color:#a7c5f4}.choice.active{background:#eaf2ff;color:#1769e8;border-color:#a7c5f4}.priority-result{padding:18px 22px;background:#f5f8fc;border-left:3px solid var(--blue);font-size:16px;color:#526580;line-height:1.8}.table-scroll{overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.8}.comparison-table caption{text-align:left;font-size:13px;color:#8391a4;padding-bottom:20px}.comparison-table th,.comparison-table td{padding:22px 24px;text-align:left;vertical-align:top;border-bottom:1px solid #dfe7f2}.comparison-table thead th{font-size:16px;color:#34475f}.comparison-table tbody th{font-weight:600;min-width:170px}.comparison-table tbody td{color:#64738a}.comparison-table tr.focused{background:#eaf2ff}.comparison-table tr{transition:background .25s}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 65px}.editorial-grid article{border-top:1px solid var(--line);padding-top:24px}.guide-page h3{font-size:21px;font-weight:600;line-height:1.4;letter-spacing:-.5px;margin:0 0 16px}.guide-page article p{font-size:16px;color:var(--muted);line-height:1.85;margin:0}.guide-video-section{background:#111c30;color:white}.guide-video-section .section{padding-top:75px;padding-bottom:75px}.guide-video-section .section-label{color:#92a4bf}.guide-video-section .section-intro{color:#b5c3d9}.guide-video{margin-top:35px;border:1px solid #314563;border-radius:14px;padding:12px;background:#1c2b44;overflow:hidden}.guide-video video{width:100%;height:auto;display:block;border-radius:8px;background:#fff}.guide-video iframe{width:100%;aspect-ratio:16/9;border:0;display:block;border-radius:8px;background:#08111f}.guide-video .video-wrap{aspect-ratio:16/9}.guide-video .video-wrap video{height:100%;object-fit:contain}.video-source{font-size:12px;color:#a5b4cd;line-height:1.8;padding:15px 4px 0}.video-source a{color:#ceddf7;text-decoration:underline}.scenario-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:40px}.scenario-list article{border-left:2px solid #d8e6fa;padding:0 0 0 22px}.checklist{display:grid;gap:14px;margin-top:30px;max-width:820px}.checklist label{display:flex;gap:15px;align-items:start;font-size:16px;line-height:1.8;color:#53657e;cursor:pointer}.checklist input{width:19px;height:19px;accent-color:var(--blue);margin-top:5px;flex-shrink:0}.check-status{font-size:13px;color:#8190a5;margin:12px 0 0}.guide-cta{border-top:1px solid var(--line);padding-top:85px;padding-bottom:95px}.guide-cta h2{max-width:850px}.guide-cta p{font-size:17px;color:var(--muted);line-height:1.85;max-width:740px}.guide-cta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-top:30px}.guide-cta-actions .text-link{margin:0}.step-list{list-style:none;padding:0;margin:35px 0;display:grid;gap:25px;counter-reset:guide}.step-list li{counter-increment:guide;display:grid;grid-template-columns:40px 1fr;gap:20px;border-top:1px solid var(--line);padding-top:25px}.step-list li:before{content:counter(guide);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eaf2ff;color:var(--blue);font-size:13px;font-weight:700}.step-list p{font-size:16px;color:var(--muted);line-height:1.85;margin:0}.step-list h3{font-size:20px;margin-bottom:9px}.note-box{padding:24px 28px;background:#f0f5fc;border-left:3px solid #9ebdea;margin:30px 0;color:#62748e;font-size:15px;line-height:1.85}.inline-links{display:flex;flex-wrap:wrap;gap:22px;margin-top:30px}.guide-page .section .split-heading{margin-bottom:40px}.guide-page .faq-list{margin-top:30px}.source-note{font-size:13px;line-height:1.8;color:#788594}.source-note a{color:var(--blue);text-decoration:underline}.guide-page a:focus-visible,.guide-page button:focus-visible,.guide-page input:focus-visible,.guide-page select:focus-visible,.guide-page textarea:focus-visible{outline:3px solid #1769e8;outline-offset:4px}@media(max-width:900px){.footer-inner{grid-template-columns:1fr 1fr}.guide-hero{gap:35px}.scenario-list{grid-template-columns:1fr;gap:30px}.guide-hero h1{font-size:38px}}@media(max-width:760px){.guide-hero{grid-template-columns:1fr;padding:50px 6% 55px;gap:35px}.guide-hero h1{font-size:36px;letter-spacing:-1.3px}.guide-hero-media{aspect-ratio:1.5}.guide-section,.guide-video-section .section{padding:55px 6%}.guide-section.pale{margin-inline:4%;padding-inline:5%;border-radius:12px}.section-intro{font-size:16px}.editorial-grid{grid-template-columns:1fr;gap:30px}.comparison-table th,.comparison-table td{padding:15px}.comparison-table{min-width:620px}.site-footer{padding:28px 6%}.footer-inner{grid-template-columns:1fr;gap:18px}.guide-cta{padding:55px 6% 65px}.guide-cta p{font-size:16px}.choice{font-size:14px;padding:10px 12px}.step-list li{gap:13px;grid-template-columns:34px 1fr}.video-source{font-size:12px}.guide-page h3{font-size:21px}.note-box{padding:20px}.hero-outline{padding:35px}.hero-outline strong{font-size:28px}}
[hidden]{display:none!important}.template-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.template-card{border:1px solid #e0e7f0;border-radius:13px;overflow:hidden;background:white;transition:transform .25s,box-shadow .25s}.template-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px -20px #233b6140}.template-card>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#eef4fa}.template-card-copy{padding:23px}.template-card h3{font-size:19px}.template-card p{font-size:14px!important}.template-meta{display:block;font-size:12px;color:#8a96a7;margin-top:15px}.template-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0 18px;margin-top:8px}.template-card-actions .text-link{font-size:13px}.template-reader{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.reader-outline{font-size:15px;line-height:1.9;color:#6f7e93;padding-left:22px}.reader-frame{background:#f3f7fd;border:1px solid var(--line);padding:14px;border-radius:13px;overflow:hidden}.reader-frame>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:white;display:block}.reader-controls{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-top:15px}.reader-controls>span{font-size:12px;color:#8a96a7}.reader-controls .choice{padding:9px 12px;font-size:13px}.filter-result{font-size:13px;color:#8a96a7}.design-workbench{display:grid;grid-template-columns:.6fr 1.4fr;gap:45px;align-items:center}.toggle-stack{display:grid;gap:20px;font-size:16px;color:#586e8b}.toggle-stack label{display:flex;align-items:center;gap:12px}.toggle-stack input{accent-color:var(--blue);width:18px;height:18px}.sample-slide{position:relative;min-height:330px;padding:40px;background:#174fbd;color:white;border-radius:10px}.sample-slide .sample-kicker{font-size:12px;font-weight:600;letter-spacing:1.5px;color:#adc8ff;margin-bottom:23px}.sample-slide h3{font-size:30px;line-height:1.3;font-weight:500;margin-bottom:24px;color:white}.sample-slide p{font-size:16px;line-height:1.7;color:#c9dcff}.sample-foot{position:absolute;bottom:17px;right:20px;color:#adc8ff;font-size:11px}.alignment-demo{background:#f7faff;border:1px solid var(--line);padding:25px;border-radius:12px}.alignment-tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.layout-example{position:relative;background:white;display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:35px;border-radius:7px;overflow:hidden;min-height:250px}.layout-col{transition:transform .4s,margin .4s}.layout-col>span{font-size:12px;letter-spacing:1.5px;color:#7390b9}.layout-col h3{font-size:25px;margin-top:20px}.layout-col p{font-size:15px;color:#6c7b8f;line-height:1.8}.layout-example.show-grid{background-image:linear-gradient(#3984e810 1px,transparent 1px),linear-gradient(90deg,#3984e810 1px,transparent 1px);background-size:25px 25px}.layout-example.show-grid:before{content:'';position:absolute;left:35px;right:35px;top:35px;bottom:35px;border:1px dashed #3784ee70;pointer-events:none}.layout-example.misaligned .layout-col:last-child{transform:translateY(22px);margin-left:20px}.prompt-builder{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px}.prompt-fields{display:grid;gap:20px}.prompt-fields label{display:grid;gap:9px;font-size:14px;font-weight:600;color:#4e627e}.prompt-fields input,.prompt-fields select,.prompt-fields textarea{width:100%;font:inherit;font-weight:400;font-size:16px;padding:13px 15px;border:1px solid #d6e1ee;border-radius:7px;background:#fff;color:#425774}.prompt-fields textarea{resize:vertical;min-height:115px}.prompt-output{padding:30px;border:1px solid #dce6f3;border-radius:11px;background:white;min-width:0}.prompt-output pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.85;color:#61728a;margin:20px 0 25px}.prompt-example{margin:25px 0 0;border-left:2px solid #b8ceed;padding-left:20px;font-size:14px;line-height:1.9;color:#7389a7}.diagnostics{margin-top:35px}.diagnostics details{border-bottom:1px solid var(--line)}.diagnostics summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;list-style:none;cursor:pointer;font-size:17px}.diagnostics summary::-webkit-details-marker{display:none}.diagnostics summary span{font-size:23px;color:#8b99ad;transition:transform .2s}.diagnostics details[open] summary span{transform:rotate(45deg)}.diagnostics p{font-size:16px;line-height:1.85;color:var(--muted);max-width:850px;padding:0 35px 20px 0;margin:0}.guide-video-section a:focus-visible{outline-color:#a3c5ff}.guide-hero .button{font-size:14px;padding:14px 24px}.guide-page .section-label{font-size:12px}.guide-page .section{max-width:1250px}.guide-page .guide-hero-media{max-height:400px}.guide-video:has(iframe[src*="CKdDs4Tg4Kw"]){max-width:580px;margin-inline:auto}.guide-video iframe[src*="CKdDs4Tg4Kw"]{aspect-ratio:9/16;max-height:600px}@media(max-width:1000px){.template-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.template-reader{gap:30px}.design-workbench{gap:30px}.prompt-builder{gap:30px}}@media(max-width:760px){.template-gallery{grid-template-columns:1fr}.template-reader,.design-workbench,.prompt-builder{grid-template-columns:minmax(0,1fr);gap:30px}.template-card-copy{padding:22px}.template-card p{font-size:16px!important}.template-card-actions .text-link{font-size:14px}.reader-controls .choice{font-size:14px}.reader-outline{font-size:16px}.sample-slide{padding:28px;min-height:300px}.sample-slide h3{font-size:25px}.layout-example{grid-template-columns:1fr;gap:20px;padding:25px}.layout-example.misaligned .layout-col:last-child{transform:translateY(10px);margin-left:15px}.alignment-demo{padding:18px}.layout-example.show-grid:before{inset:25px}.prompt-output{padding:25px}.prompt-example{font-size:15px}.reader-controls>span{font-size:12px}.guide-page .guide-hero-media{max-height:none}.guide-hero h1{font-size:34px}.guide-page .section h2{overflow-wrap:anywhere}.guide-page .section p,.guide-page .section li{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){.template-card,.layout-col{transition:none}.template-card:hover{transform:none}}
.guide-hero>div:first-child{animation:reveal .8s cubic-bezier(.2,.8,.2,1) both}.guide-hero-media{animation:reveal 1s cubic-bezier(.2,.8,.2,1) both}.inline-links .text-link{margin-top:0}@media(prefers-reduced-motion:reduce){.guide-hero>div:first-child,.guide-hero-media{animation:none}}