.guide-page{--color-black:#000;--color-white:#fff;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e5e5e5;--color-gray-300:#d4d4d4;--color-gray-400:#a3a3a3;--color-gray-500:#737373;--color-gray-600:#525252;--color-gray-700:#404040;--color-gray-800:#262626;--color-gray-900:#171717;--color-red:#ff4a33;--color-green:#41cf00;--color-yellow:#ffc739;--color-purple:#cb8df8;--color-beige:#fae0bf;--fg:var(--color-black);--fg-muted:var(--color-gray-500);--fg-soft:var(--color-gray-400);--bg:var(--color-white);--bg-soft:var(--color-gray-100);--bg-sunken:var(--color-gray-50);--border:var(--color-gray-200);--brand-gradient:linear-gradient(110deg,#ffdfbb,#eba8ff 55%,#7300ff);--font-sans:"ABC Diatype",system-ui,-apple-system,"Helvetica Neue",sans-serif;--font-mono:"ABC Diatype Semi-Mono",ui-monospace,SFMono-Regular,"SF Mono",monospace;--radius:10px;--radius-md:12px;--radius-lg:16px;--radius-pill:9999px;--shadow:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 10px 40px rgba(0,0,0,.15);--shadow-xl:0 20px 60px rgba(0,0,0,.3);--ease:cubic-bezier(.4,0,.2,1);--dur-base:.2s;background:var(--color-white);color:var(--fg);font-family:var(--font-sans);font-size:16px;font-weight:400;line-height:1.5;min-height:100dvh;-webkit-font-smoothing:antialiased}.guide-page *,.guide-page :after,.guide-page :before{box-sizing:border-box}.guide-page h4{font-size:16px}.guide-page h4,.guide-page h5{color:var(--color-black);font-family:var(--font-sans);font-weight:500;line-height:1.5;margin:0}.guide-page h5{font-size:14px}.guide-page input,.guide-page textarea{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-900);font-family:var(--font-sans);font-size:16px;font-weight:400;max-width:none;padding:14px 20px;text-align:left;width:100%}.guide-page .site-header{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;padding:14px 32px;position:sticky;top:0;z-index:50}.guide-page .site-header-left{align-items:center;display:flex;gap:14px}.guide-page .site-logo{align-items:center;display:inline-flex}.guide-page .site-logo img{display:block;height:22px}.guide-page .site-tag{align-items:center;background:var(--color-beige);border-radius:var(--radius-pill);color:var(--color-black);display:inline-flex;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.guide-page .site-nav{display:flex;gap:8px}.guide-page .nav-pill{align-items:center;background:var(--color-white);border:1px solid var(--color-black);border-radius:var(--radius-pill);color:var(--color-black);display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:9px 18px;text-decoration:none;transition:background var(--dur-base) var(--ease),color var(--dur-base) var(--ease);white-space:nowrap}.guide-page .nav-pill.active,.guide-page .nav-pill:hover{background:var(--color-black);color:var(--color-white)}.guide-page .hero{animation:guide-gradient-drift 15s ease-in-out infinite;background:var(--brand-gradient);background-size:200% 200%;overflow:hidden;padding:84px 32px 92px;position:relative}@keyframes guide-gradient-drift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.guide-page .hero-inner{margin:0 auto;max-width:1000px;position:relative}.guide-page .hero-eyebrow{color:var(--color-black);font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.12em;margin:0 0 22px;text-transform:uppercase}.guide-page .hero h1{color:var(--color-black);font-family:var(--font-sans);font-size:52px;font-weight:500;letter-spacing:-.025em;line-height:1.05;margin:0 0 18px;max-width:760px}.guide-page .hero-sub{color:var(--color-black);font-size:18px;line-height:1.55;margin:0;max-width:600px}.guide-page .hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.guide-page .hero-chip{align-items:center;background:var(--color-white);border-radius:var(--radius-pill);box-shadow:var(--shadow);color:var(--color-black);display:inline-flex;font-family:var(--font-mono);font-size:13px;font-weight:600;gap:8px;padding:8px 16px}.guide-page .hero-chip .dot{background:var(--color-red);border-radius:50%;height:8px;width:8px}.guide-page .hero-shape{pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.guide-page .hero-shape-cross{animation:guide-float 9s ease-in-out infinite;right:4%;top:-8px;width:72px}.guide-page .hero-shape-blob{animation:guide-float 11s ease-in-out infinite reverse;bottom:-34px;right:14%;width:110px}@keyframes guide-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.guide-page .mark{display:inline-block;position:relative}.guide-page .mark img{bottom:-10px;height:14px;left:-2%;pointer-events:none;position:absolute;width:104%}.guide-page .content{margin:0 auto;max-width:880px;padding:8px 32px 64px}.guide-page .toc{display:flex;flex-wrap:wrap;gap:8px;padding-top:36px}.guide-page .toc a{align-items:baseline;border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--color-black);display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:border-color var(--dur-base) var(--ease),background var(--dur-base) var(--ease)}.guide-page .toc a:hover{border-color:var(--color-black)}.guide-page .toc a .n{color:var(--fg-muted);font-family:var(--font-mono);font-size:11px}.guide-page .section{margin-top:76px;scroll-margin-top:88px}.guide-page .section-eyebrow{align-items:center;color:var(--fg-muted);display:flex;font-family:var(--font-mono);font-size:12px;font-weight:600;gap:12px;letter-spacing:.12em;margin-bottom:14px;text-transform:uppercase}.guide-page .section-eyebrow:after{background:var(--border);content:"";flex:1;height:1px}.guide-page .section h2{font-size:32px;letter-spacing:-.02em;line-height:1.15;margin:0 0 16px}.guide-page .section h2,.guide-page .section h3{color:var(--color-black);font-family:var(--font-sans);font-weight:500}.guide-page .section h3{font-size:19px;line-height:1.3;margin:40px 0 10px}.guide-page .section p{color:var(--color-gray-700);font-family:var(--font-sans);font-size:16px;line-height:1.6;margin:0 0 14px;text-wrap:pretty}.guide-page .section strong{color:var(--color-black);font-weight:600}.guide-page .section a{color:var(--color-black)}.guide-page ul.dash{display:flex;flex-direction:column;gap:9px;list-style:none;margin:0 0 16px;padding:0}.guide-page ul.dash li{color:var(--color-gray-700);font-size:16px;line-height:1.6;padding-left:22px;position:relative}.guide-page ul.dash li:before{background:var(--color-black);border-radius:50%;content:"";height:5px;left:4px;position:absolute;top:10px;width:5px}.guide-page ol.steps{counter-reset:step;display:flex;flex-direction:column;gap:14px;list-style:none;margin:20px 0;padding:0}.guide-page ol.steps li{color:var(--color-gray-700);counter-increment:step;font-size:16px;line-height:1.6;min-height:26px;padding-left:52px;position:relative}.guide-page ol.steps li:before{border:1px solid var(--color-black);border-radius:var(--radius-pill);color:var(--color-black);content:counter(step,decimal-leading-zero);font-family:var(--font-mono);font-size:12px;font-weight:600;left:0;line-height:1;padding:5px 9px;position:absolute;top:1px}.guide-page .figure{align-items:center;background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;margin:30px 0;padding:36px 28px 26px}.guide-page .figure-canvas{display:flex;justify-content:center;width:100%}.guide-page .figure figcaption{color:var(--fg-muted);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;margin-top:20px;text-align:center;text-transform:uppercase}.guide-page .shot{border-radius:16px;box-shadow:var(--shadow-lg);cursor:zoom-in;display:block;height:auto;max-width:100%}.guide-page .shot-tall{max-width:310px;width:100%}.guide-page .shot-wide{max-width:680px;width:100%}.guide-page .shot-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;width:100%}.guide-page .shot-row .shot{flex:0 1 auto}.guide-page .shot-crop{border-radius:16px;box-shadow:var(--shadow-lg);cursor:zoom-in;overflow:hidden;width:100%}.guide-page .shot-crop img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.guide-lightbox{align-items:center;background:#000000d6;cursor:zoom-out;display:flex;inset:0;justify-content:center;padding:40px;position:fixed;z-index:200}.guide-lightbox img{border-radius:12px;box-shadow:0 20px 60px #0000004d;height:auto;max-height:100%;max-width:100%;width:auto}.guide-lightbox-close{align-items:center;background:#ffffff1f;border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:18px;height:44px;justify-content:center;line-height:1;position:absolute;right:20px;top:20px;transition:background .2s cubic-bezier(.4,0,.2,1);width:44px}.guide-lightbox-close:hover{background:#ffffff3d}.guide-page .nav-pill:focus-visible,.guide-page .next-card:focus-visible,.guide-page .shot-crop:focus-visible,.guide-page .shot:focus-visible,.guide-page .toc a:focus-visible{outline:3px solid var(--color-black);outline-offset:3px}.guide-lightbox-close:focus-visible{outline:3px solid #fff;outline-offset:3px}.guide-lightbox-enter-active,.guide-lightbox-leave-active{transition:opacity .2s cubic-bezier(.4,0,.2,1)}.guide-lightbox-enter-from,.guide-lightbox-leave-to{opacity:0}.guide-page .callout{background:var(--color-white);border:1px solid var(--color-black);border-radius:var(--radius-lg);margin:30px 0;padding:26px 30px}.guide-page .callout p{color:var(--color-gray-700);font-family:var(--font-sans);font-size:16px;line-height:1.6;margin:0 0 14px}.guide-page .callout p.callout-title{color:var(--color-black);font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.12em;margin:0 0 12px;text-transform:uppercase}.guide-page .callout p:last-child,.guide-page .callout ul.dash{margin-bottom:0}.guide-page .guide-table{border-collapse:collapse;margin:26px 0 8px;width:100%}.guide-page .guide-table th{border-bottom:1px solid var(--color-black);color:var(--fg-muted);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;padding:0 20px 10px 0;text-align:left;text-transform:uppercase}.guide-page .guide-table td{border-bottom:1px solid var(--border);color:var(--color-gray-700);font-size:15px;line-height:1.55;padding:16px 20px 16px 0;vertical-align:top}.guide-page .guide-table td:first-child{color:var(--color-black);font-weight:500;width:32%}.guide-page .dd-grid{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin:26px 0}.guide-page .dd-card{background:var(--color-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.guide-page .dd-card-head{align-items:center;border-radius:var(--radius-pill);color:var(--color-black);display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:16px;padding:7px 16px}.guide-page .dd-can .dd-card-head{background:var(--color-green)}.guide-page .dd-cannot .dd-card-head{background:var(--color-red)}.guide-page .dd-card ul.dash{margin-bottom:0}.guide-page .dd-card ul.dash li{font-size:15px}.guide-page .view-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin:26px 0}.guide-page .view-card{background:var(--color-white);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:22px}.guide-page .view-card .vc-icon{align-items:center;background:var(--color-gray-100);border-radius:var(--radius-pill);color:var(--color-black);display:inline-flex;height:44px;justify-content:center;margin-bottom:14px;width:44px}.guide-page .view-card h3{color:var(--color-black);font-family:var(--font-sans);font-size:17px;font-weight:500;margin:0 0 8px}.guide-page .view-card p{color:var(--fg-muted);font-size:14px;line-height:1.55;margin:0 0 16px}.guide-page .view-card .vc-thumb{height:160px;margin-top:auto}.guide-page .principle-grid{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin:26px 0}.guide-page .principle-card{background:var(--color-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px}.guide-page .principle-card .vc-icon{align-items:center;background:var(--color-gray-100);border-radius:var(--radius-pill);color:var(--color-black);display:inline-flex;height:40px;justify-content:center;margin-bottom:12px;width:40px}.guide-page .principle-card h3{color:var(--color-black);font-family:var(--font-sans);font-size:16px;font-weight:500;margin:0 0 8px}.guide-page .principle-card p{color:var(--fg-muted);font-size:14px;line-height:1.55;margin:0}.guide-page .lifecycle{align-items:stretch;display:grid;gap:8px;grid-template-columns:1fr 28px 1fr 28px 1fr;margin:30px 0}.guide-page .lc-node{background:var(--color-white);border:1px solid var(--color-black);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:8px;padding:20px}.guide-page .lc-node .lc-step{color:var(--fg-muted);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.guide-page .lc-node h3{color:var(--color-black);font-family:var(--font-sans);font-size:16px;font-weight:500;margin:0}.guide-page .lc-node p{color:var(--fg-muted);font-size:13px;line-height:1.5;margin:0}.guide-page .lc-node .lc-flag{align-self:flex-start;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;margin-top:auto;padding:4px 10px;text-transform:uppercase}.guide-page .lc-flag-never{background:var(--color-red);color:var(--color-black)}.guide-page .lc-flag-temp{background:var(--color-yellow);color:var(--color-black)}.guide-page .lc-flag-keeps{background:var(--color-green);color:var(--color-black)}.guide-page .lc-arrow{align-items:center;color:var(--color-gray-400);display:flex;justify-content:center}.guide-page .lc-deleted{align-items:center;background:var(--bg-sunken);border:1px dashed var(--color-gray-300);border-radius:var(--radius-lg);color:var(--fg-muted);display:flex;font-size:14px;gap:12px;grid-column:1/-1;padding:16px 20px}.guide-page .lc-deleted .dot{background:var(--color-red);border-radius:50%;flex-shrink:0;height:8px;width:8px}.guide-page .faq{border-top:1px solid var(--border);margin-top:8px}.guide-page .faq details{border-bottom:1px solid var(--border)}.guide-page .faq summary{align-items:center;color:var(--color-black);cursor:pointer;display:flex;font-size:17px;font-weight:500;gap:16px;justify-content:space-between;list-style:none;padding:18px 4px}.guide-page .faq summary::-webkit-details-marker{display:none}.guide-page .faq summary:after{color:var(--fg-muted);content:"+";font-family:var(--font-mono);font-size:18px}.guide-page .faq details[open] summary:after{content:"−"}.guide-page .faq details p{color:var(--color-gray-700);font-size:16px;line-height:1.6;margin:0 0 20px;max-width:680px;padding:0 4px}.guide-page .next-grid{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin:26px 0 0}.guide-page .next-card{align-items:center;background:var(--color-white);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--color-black);display:flex;gap:16px;justify-content:space-between;padding:22px 24px;text-decoration:none;transition:border-color var(--dur-base) var(--ease)}.guide-page .next-card:hover{border-color:var(--color-black)}.guide-page .next-card .nc-label{color:var(--fg-muted);display:block;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.guide-page .next-card .nc-title{font-size:17px;font-weight:500}.guide-page .next-card .nc-arrow{flex-shrink:0;font-size:18px}.guide-page .site-footer{align-items:center;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:14px;margin-top:96px;padding:44px 32px 56px}.guide-page .site-footer .footer-note{color:var(--fg-muted);font-size:15px;margin:0}.guide-page .footer-links{display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:center}.guide-page .footer-links a{color:var(--fg-muted);font-size:14px}.guide-page .app-string{background:var(--color-gray-100);border-radius:6px;color:var(--color-black);font-family:var(--font-mono);font-size:.92em;padding:2px 7px;white-space:nowrap}.guide-page .poll-step{margin:36px 0}.guide-page .poll-step-head{align-items:baseline;display:flex;gap:14px;margin-bottom:8px}.guide-page .poll-step-n{border:1px solid var(--color-black);border-radius:var(--radius-pill);flex-shrink:0;font-family:var(--font-mono);font-size:12px;font-weight:600;padding:5px 10px}.guide-page .poll-step h3{font-size:19px;font-weight:500;margin:0}.guide-page .poll-step>p{color:var(--color-gray-700);font-size:16px;line-height:1.6;margin:0 0 16px 52px}.guide-page .poll-step .figure{margin:0 0 0 52px}.guide-page .signal-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin:28px 0}.guide-page .signal-card{background:var(--color-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px}.guide-page .signal-card .sig-head{align-items:center;display:flex;gap:10px;margin-bottom:14px}.guide-page .signal-card .sig-dot{align-items:center;border-radius:50%;color:var(--color-black);display:inline-flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.guide-page .signal-card .sig-name{font-size:17px;font-weight:500}.guide-page .signal-card p{color:var(--fg-muted);font-size:14px;line-height:1.55;margin:0}.guide-page .signal-card .sig-btn{background:var(--color-gray-100);border-radius:var(--radius-pill);color:var(--color-black);display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;margin-top:12px;padding:5px 12px;text-transform:uppercase}.guide-page .audience-band{border-top:2px solid var(--color-black);margin-top:76px;padding-top:28px;scroll-margin-top:88px}.guide-page .audience-band .ab-tag{align-items:center;background:var(--color-black);border-radius:var(--radius-pill);color:var(--color-white);display:inline-flex;font-family:var(--font-mono);font-size:11px;font-weight:600;gap:8px;letter-spacing:.12em;margin-bottom:18px;padding:8px 18px;text-transform:uppercase}.guide-page .audience-band h2{font-size:32px;letter-spacing:-.02em;line-height:1.15;margin:0 0 16px}.guide-page .audience-band h2,.guide-page .audience-band h3{color:var(--color-black);font-family:var(--font-sans);font-weight:500}.guide-page .audience-band h3{font-size:19px;line-height:1.3;margin:40px 0 10px}.guide-page .audience-band>p{color:var(--color-gray-700);font-family:var(--font-sans);font-size:16px;line-height:1.6;margin:0 0 14px}.guide-page .audience-band strong{color:var(--color-black);font-weight:600}.guide-page .moment-grid{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin:26px 0}.guide-page .moment-card{background:var(--color-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.guide-page .moment-card h3{color:var(--color-black);font-family:var(--font-sans);font-size:17px;font-weight:500;line-height:1.3;margin:0 0 10px}.guide-page .moment-card p{color:var(--color-gray-700);font-family:var(--font-sans);font-size:15px;line-height:1.6;margin:0}.guide-page .moment-card .mc-chip{align-items:center;border-radius:var(--radius-pill);color:var(--color-black);display:inline-flex;font-size:13px;font-weight:500;gap:7px;margin-bottom:14px;padding:6px 14px}@media(max-width:860px){.guide-page .hero h1{font-size:38px}.guide-page .dd-grid,.guide-page .moment-grid,.guide-page .next-grid,.guide-page .principle-grid,.guide-page .signal-grid,.guide-page .view-grid{grid-template-columns:1fr}.guide-page .poll-step .figure,.guide-page .poll-step>p{margin-left:0}.guide-page .lifecycle{grid-template-columns:1fr}.guide-page .lc-arrow{padding:2px 0;transform:rotate(90deg)}.guide-page .audience-band h2{font-size:26px}}@media(max-width:900px){.guide-page .site-tag{display:none}}@media(max-width:720px){.guide-page .site-header{flex-wrap:wrap;padding:12px 20px;row-gap:10px}.guide-page .hero{padding:60px 20px 68px}.guide-page .content{padding:8px 20px 48px}.guide-page .guide-table td:first-child{width:auto}}@media(prefers-reduced-motion:reduce){.guide-page .hero,.guide-page .hero-shape{animation:none}}