.guide-page{--guide-bg:#fff8f2;--guide-surface:#fff;--guide-soft:#fff1e8;--guide-ink:#1d2644;--guide-muted:#657089;--guide-line:#1d26441f;--guide-pink:#fa3d6a;--guide-pink-dark:#d62d58;--guide-orange:#fd9b48;--guide-purple:#9c70e6;--guide-shadow:0 24px 80px #432c2324;min-height:100vh;color:var(--guide-ink);background:radial-gradient(circle at 0 0,#fdc24347,#0000 32rem),radial-gradient(circle at 82% 8%,#fa3d6a24,#0000 30rem),linear-gradient(#fff8f2 0%,#fff 48%,#fff8f2 100%)}.guide-home-hero{grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);align-items:center;gap:54px;padding:70px 0 58px;display:grid}.guide-home-hero>div:first-child{gap:18px;display:grid}.guide-home-hero h1{max-width:680px;color:var(--guide-ink);letter-spacing:-.055em;font-size:clamp(3.8rem,8vw,6.8rem);line-height:.94}.guide-home-hero>div:first-child>p:not(.guide-eyebrow){max-width:650px;color:var(--guide-muted);font-size:1.16rem;line-height:1.7}.guide-home-hero-image{border:1px solid var(--guide-line);box-shadow:var(--guide-shadow);background:#ffffffd1;border-radius:30px;padding:12px}.guide-home-hero-image img{aspect-ratio:16/9;object-fit:cover;object-position:top left;border:1px solid var(--guide-line);border-radius:20px;width:100%;display:block}.guide-home-start,.guide-home-library,.guide-home-workspace{padding:48px 0}.guide-section-head--compact{max-width:720px;margin-bottom:20px}.guide-section-head--compact h2{font-size:clamp(2.2rem,4.4vw,3.8rem)}.guide-home-featured{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.guide-home-featured>a{min-height:260px;color:var(--guide-ink);border:1px solid var(--guide-line);background:#ffffffe6;border-radius:26px;align-content:start;gap:10px;padding:24px;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:0 16px 46px #1d264414}.guide-home-featured>a:hover{transform:translateY(-3px);box-shadow:0 22px 58px #1d264421}.guide-home-featured>a>span{color:#fff;background:linear-gradient(135deg, var(--guide-pink), var(--guide-purple));border-radius:12px;place-items:center;width:38px;height:38px;font-size:.78rem;font-weight:900;display:grid}.guide-home-featured p{color:var(--guide-pink-dark);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:900}.guide-home-featured h3{color:var(--guide-ink);letter-spacing:-.03em;font-size:1.45rem;line-height:1.2}.guide-home-featured strong{color:var(--guide-muted);font-weight:500;line-height:1.65}.guide-home-featured small{color:var(--guide-pink-dark);align-self:end;margin-top:auto;font-size:.86rem;font-weight:900}.guide-home-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.guide-home-library-grid>a{color:var(--guide-ink);border:1px solid var(--guide-line);background:#ffffffc7;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;padding:20px;display:grid}.guide-home-library-grid h3{letter-spacing:-.02em;font-size:1.08rem}.guide-home-library-grid p{color:var(--guide-muted);grid-column:1;line-height:1.55}.guide-home-library-grid span{color:var(--guide-pink-dark);grid-area:1/2/span 2;align-self:center;font-size:.82rem;font-weight:900}.guide-home-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.guide-home-preview-grid>a{color:var(--guide-ink);border:1px solid var(--guide-line);background:#ffffffdb;border-radius:24px;overflow:hidden;box-shadow:0 14px 42px #1d264412}.guide-home-preview-grid img{aspect-ratio:16/9;object-fit:cover;object-position:top left;border-bottom:1px solid var(--guide-line);width:100%;display:block}.guide-home-preview-grid div{gap:7px;padding:18px;display:grid}.guide-home-preview-grid h3{letter-spacing:-.02em;font-size:1.08rem}.guide-home-preview-grid p{color:var(--guide-muted);line-height:1.55}.guide-home-cta{border:1px solid var(--guide-line);background:#ffffffe0;border-radius:28px;justify-content:space-between;align-items:center;gap:24px;margin-top:42px;margin-bottom:70px;padding:32px;display:flex;box-shadow:0 18px 54px #1d264414}.guide-home-cta>div{gap:8px;display:grid}.guide-home-cta h2{max-width:680px;color:var(--guide-ink);letter-spacing:-.04em;font-size:clamp(1.8rem,3.2vw,2.8rem);line-height:1.05}.guide-shell,.guide-nav{width:min(1180px,100% - 40px);margin:0 auto}.guide-nav{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:22px 0;display:grid;position:sticky;top:0}.guide-brand{line-height:0;display:inline-flex}.guide-brand img{width:auto;max-width:min(250px,54vw);height:40px;display:block}.guide-nav nav,.guide-nav-actions,.guide-hero-actions,.guide-timeline-step{align-items:center;display:flex}.guide-nav nav{justify-content:center;gap:22px}.guide-nav nav a,.guide-link{color:var(--guide-muted);font-size:.95rem;font-weight:800}.guide-nav nav a:hover,.guide-link:hover{color:var(--guide-ink)}.guide-nav-actions{justify-content:flex-end;gap:14px}.guide-cta,.guide-button{border-radius:999px;justify-content:center;align-items:center;min-height:48px;font-weight:900;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.guide-cta{border:1px solid var(--guide-line);background:#ffffffbd;padding:.75rem 1rem;box-shadow:0 10px 30px #1d26440f}.guide-cta:hover,.guide-button:hover{transform:translateY(-2px)}.guide-hero{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:56px;padding:74px 0 64px;display:grid}.guide-hero-copy{gap:20px;display:grid}.guide-eyebrow{color:var(--guide-pink-dark);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:900}.guide-hero h1,.guide-section-head h2,.guide-final h2{letter-spacing:-.05em;line-height:.95}.guide-hero h1{max-width:720px;font-size:clamp(4rem,8vw,7.1rem)}.guide-lede,.guide-section-head p,.guide-final p{color:#48536d;max-width:740px;font-size:clamp(1.05rem,1.8vw,1.28rem);line-height:1.7}.guide-hero-actions{flex-wrap:wrap;gap:14px;margin-top:4px}.guide-button{padding:.95rem 1.25rem}.guide-button-primary{color:#fff;background:linear-gradient(135deg, var(--guide-pink), var(--guide-orange));box-shadow:0 18px 36px #fa3d6a3d}.guide-button-secondary{color:var(--guide-ink);border:1px solid var(--guide-line);background:#fff;box-shadow:0 12px 32px #1d264414}.guide-hero-preview{background:linear-gradient(180deg, #ffffffeb, #fffaf6db), var(--guide-surface);box-shadow:var(--guide-shadow);border:1px solid #ffffffb8;border-radius:34px;padding:12px;position:relative;overflow:hidden}.guide-hero-preview:before{z-index:-1;content:"";background:#fdc2434d;border-radius:48px;width:180px;height:180px;position:absolute;inset:-24px -28px auto auto;transform:rotate(10deg)}.guide-hero-preview img,.guide-screen-media img{aspect-ratio:16/9;object-fit:cover;object-position:top left;border:1px solid var(--guide-line);width:100%;display:block}.guide-hero-preview img{border-radius:24px}.guide-preview-badge{max-width:min(360px,100% - 56px);color:var(--guide-ink);border:1px solid var(--guide-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border-radius:999px;padding:.85rem 1rem;font-size:.9rem;font-weight:900;position:absolute;bottom:28px;right:28px;box-shadow:0 12px 36px #33265624}.guide-workflow,.guide-quick,.guide-screens,.guide-features,.guide-directory,.guide-reference,.guide-related,.guide-final{padding:58px 0}.guide-section-head{gap:12px;margin-bottom:24px;display:grid}.guide-section-head h2,.guide-final h2{max-width:840px;font-size:clamp(2.4rem,5vw,4.5rem)}.guide-timeline{border:1px solid var(--guide-line);background:#ffffffb8;border-radius:28px;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;padding:14px;display:grid;box-shadow:0 18px 50px #1d264414}.guide-timeline-step{border:1px solid var(--guide-line);background:#fff;border-radius:20px;flex-direction:column;align-items:flex-start;gap:10px;min-height:142px;padding:16px}.guide-timeline-step span{color:#fff;background:linear-gradient(135deg, var(--guide-pink), var(--guide-purple));border-radius:999px;place-items:center;width:34px;height:34px;font-size:.82rem;font-weight:900;display:grid}.guide-timeline-step strong{color:var(--guide-ink);line-height:1.25}.guide-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.guide-quick-card{min-height:190px;color:var(--guide-ink);border:1px solid var(--guide-line);background:#ffffffd1;border-radius:24px;gap:10px;padding:24px;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:0 16px 44px #1d264414}.guide-quick-card:hover{transform:translateY(-3px);box-shadow:0 22px 54px #1d26441f}.guide-quick-card strong{font-size:1.15rem;line-height:1.35}.guide-quick-card p{color:var(--guide-muted);line-height:1.65}.guide-quick-card span{color:var(--guide-pink-dark);align-self:end;font-size:.86rem;font-weight:900}.guide-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.guide-screen-card,.guide-feature-card,.guide-final{background:linear-gradient(180deg, #fffffff0, #fffaf6e0), var(--guide-surface);border:1px solid #ffffffbd;box-shadow:0 18px 60px #432c231a}.guide-screen-card{border-radius:30px;overflow:hidden}.guide-screen-media{background:linear-gradient(180deg, #fff, var(--guide-soft));border-bottom:1px solid var(--guide-line);padding:12px}.guide-screen-media img{border-radius:20px}.guide-screen-copy{gap:10px;padding:22px;display:grid}.guide-screen-copy span{width:max-content;color:var(--guide-pink-dark);letter-spacing:.08em;text-transform:uppercase;background:#fa3d6a17;border-radius:999px;padding:.42rem .65rem;font-size:.72rem;font-weight:900}.guide-screen-copy h3,.guide-feature-card h3{color:var(--guide-ink);letter-spacing:-.02em;font-size:1.35rem}.guide-screen-copy p,.guide-feature-card p,.guide-feature-card li{color:var(--guide-muted);line-height:1.65}.guide-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.guide-feature-card{border-radius:28px;align-content:start;gap:12px;padding:24px;display:grid}.guide-feature-card ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.guide-feature-card li{padding-left:20px;position:relative}.guide-feature-card li:before{background:linear-gradient(135deg, var(--guide-pink), var(--guide-orange));content:"";border-radius:999px;width:7px;height:7px;position:absolute;top:.72em;left:0}.guide-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.guide-directory-card{min-height:230px;color:var(--guide-ink);border:1px solid var(--guide-line);background:#ffffffe0;border-radius:26px;align-content:start;gap:12px;padding:24px;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:0 16px 48px #1d264414}.guide-directory-card:hover{transform:translateY(-3px);box-shadow:0 22px 58px #1d264421}.guide-directory-card>span,.guide-section-number{color:#fff;background:linear-gradient(135deg, var(--guide-pink), var(--guide-purple));border-radius:12px;place-items:center;width:38px;height:38px;font-size:.78rem;font-weight:900;display:grid}.guide-directory-card h3{color:var(--guide-ink);letter-spacing:-.025em;font-size:1.3rem}.guide-directory-card p,.guide-related-grid p{color:var(--guide-muted);line-height:1.65}.guide-directory-card strong,.guide-related-grid span{color:var(--guide-pink-dark);align-self:end;font-size:.86rem;font-weight:900}.guide-article-hero{gap:16px;padding:72px 0 44px;display:grid}.guide-article-hero h1{max-width:920px;color:var(--guide-ink);letter-spacing:-.055em;font-size:clamp(3.2rem,7vw,6rem);line-height:.96}.guide-article-hero>p:last-child{max-width:760px;color:var(--guide-muted);font-size:1.18rem;line-height:1.7}.guide-article-layout{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:34px;padding-bottom:48px;display:grid}.guide-reference-section>header:has(.guide-section-number){grid-template-columns:auto 1fr;align-items:center}.guide-related-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.guide-related-grid a{min-height:180px;color:var(--guide-ink);border:1px solid var(--guide-line);background:#ffffffdb;border-radius:22px;gap:10px;padding:20px;display:grid;box-shadow:0 14px 40px #1d264412}.guide-related-grid strong{font-size:1.05rem;line-height:1.35}.guide-article-empty{align-content:center;gap:16px;min-height:60vh;display:grid}.guide-reference{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:34px;display:grid}.guide-reference-nav{border:1px solid var(--guide-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;border-radius:22px;gap:4px;padding:16px;display:grid;position:sticky;top:96px;box-shadow:0 16px 44px #1d264414}.guide-reference-nav p{color:var(--guide-ink);letter-spacing:.1em;text-transform:uppercase;padding:7px 10px 10px;font-size:.78rem;font-weight:900}.guide-reference-nav a{color:var(--guide-muted);border-radius:10px;padding:9px 10px;font-size:.88rem;font-weight:750;line-height:1.3}.guide-reference-nav a:hover{color:var(--guide-ink);background:var(--guide-soft)}.guide-reference-content{gap:22px;min-width:0;display:grid}.guide-reference-section{border:1px solid var(--guide-line);background:#ffffffe6;border-radius:28px;scroll-margin-top:100px;overflow:hidden;box-shadow:0 18px 54px #1d264414}.guide-reference-section>header{background:linear-gradient(135deg, #fff, var(--guide-soft));border-bottom:1px solid var(--guide-line);gap:9px;padding:26px 28px;display:grid}.guide-reference-section>header h3{color:var(--guide-ink);letter-spacing:-.035em;font-size:1.65rem;line-height:1.2}.guide-reference-section>header p{max-width:760px;color:var(--guide-muted);line-height:1.65}.guide-topic-list{display:grid}.guide-topic{gap:14px;padding:26px 28px;display:grid}.guide-topic+.guide-topic{border-top:1px solid var(--guide-line)}.guide-topic h4{color:var(--guide-ink);font-size:1.1rem;line-height:1.4}.guide-topic ol{gap:10px;margin:0;padding-left:24px;display:grid}.guide-topic li{color:var(--guide-muted);padding-left:5px;line-height:1.7}.guide-topic li::marker{color:var(--guide-pink-dark);font-weight:900}.guide-note{color:#4d5670;background:#fff5dc;border:1px solid #de9c1338;border-radius:14px;margin:0;padding:14px 16px;line-height:1.6}.guide-note strong{color:#885a00}.guide-faq-list{display:grid}.guide-faq{padding:0 28px}.guide-faq+.guide-faq{border-top:1px solid var(--guide-line)}.guide-faq summary{color:var(--guide-ink);cursor:pointer;padding:21px 34px 21px 0;font-weight:850;line-height:1.45;list-style:none;position:relative}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary:after{width:26px;height:26px;color:var(--guide-pink-dark);background:var(--guide-soft);content:"+";border-radius:999px;place-items:center;font-size:1.1rem;font-weight:900;display:grid;position:absolute;top:19px;right:0}.guide-faq[open] summary:after{content:"−"}.guide-faq p{max-width:760px;color:var(--guide-muted);margin:-4px 0 22px;line-height:1.7}.guide-final{text-align:center;border-radius:34px;justify-items:center;gap:18px;margin-bottom:70px;padding:42px;display:grid}.guide-final p{margin:0 auto}@media (max-width:1080px){.guide-home-hero,.guide-hero,.guide-screen-grid,.guide-feature-grid,.guide-reference,.guide-article-layout{grid-template-columns:1fr}.guide-timeline,.guide-directory-grid,.guide-related-grid,.guide-home-featured,.guide-home-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-reference-nav{grid-template-columns:repeat(3,minmax(0,1fr));position:static}.guide-reference-nav p{grid-column:1/-1}}@media (max-width:820px){.guide-nav{grid-template-columns:1fr;gap:14px}.guide-nav nav,.guide-nav-actions{justify-content:flex-start}.guide-nav nav{padding-bottom:4px;overflow-x:auto}.guide-hero{padding-top:42px}.guide-home-hero h1{font-size:3.5rem}.guide-hero h1{font-size:3.8rem}.guide-preview-badge{border-radius:18px;max-width:none;margin-top:12px;position:static}.guide-quick-grid,.guide-reference-nav,.guide-directory-grid,.guide-related-grid,.guide-home-featured,.guide-home-library-grid,.guide-home-preview-grid,.guide-home-library-grid>a{grid-template-columns:1fr}.guide-home-library-grid p,.guide-home-library-grid span{grid-area:auto}.guide-home-cta{flex-direction:column;align-items:flex-start}.guide-reference-nav p{grid-column:auto}}@media (max-width:560px){.guide-shell,.guide-nav{width:min(100% - 28px,1180px)}.guide-hero h1,.guide-home-hero h1{font-size:3rem}.guide-timeline{grid-template-columns:1fr}.guide-reference-section>header,.guide-topic{padding:22px 20px}.guide-faq{padding:0 20px}.guide-final{padding:28px 20px}}