.landing{--bg:#161e24;--panel:#1b2229;--accent:#ff6934;--text:#e8e9eb;--muted:#aeb6bf;--line:#2a3347;background:var(--bg);color:var(--text);font-family:Arial,sans-serif;line-height:1.65;overflow:hidden}.landing *{box-sizing:border-box}.landing p{margin:0}.landing a{color:inherit;text-decoration:none}.landing a:focus-visible,.landing summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.landing .skip{z-index:20;background:var(--panel);padding:12px;position:absolute;top:-100px;left:20px}.landing .skip:focus{top:12px}.landing h1,.landing h2,.landing h3{margin:0;font-family:Arial,sans-serif;font-weight:600}.landing em{color:var(--accent);font-style:normal}.landing .navigation{z-index:3;background:#161e2440;border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:center;gap:24px;max-width:1440px;height:88px;margin:auto;padding:0 6%;display:flex;position:absolute;top:0;left:0;right:0}.landing .brand{letter-spacing:2px;white-space:nowrap;align-items:center;gap:10px;font-size:21px;font-weight:800;display:flex}.landing nav{color:#e8e9eb;gap:32px;font-size:13px;display:flex}.landing nav a:hover,.landing .nav-actions>a:first-child:hover{color:var(--accent)}.landing .nav-actions{align-items:center;gap:26px;font-size:13px;display:flex}.landing .button{background:var(--accent);color:#161e24;border-radius:6px;justify-content:center;align-items:center;gap:28px;padding:15px 23px;font-size:14px;font-weight:700;transition:filter .2s;display:inline-flex}.landing .button:hover{filter:brightness(1.1)}.landing .button span{font-size:20px;line-height:1}.landing .button.compact{padding:10px 19px;font-size:12px}.landing .hero{isolation:isolate;align-items:center;min-height:790px;padding:190px max(6%,50% - 630px) 150px;display:flex;position:relative}.landing .hero-art{z-index:-2;background:url(/landing/hero.webp) 50%/cover no-repeat;position:absolute;inset:0}.landing .hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#161e24ed 0%,#161e24b5 34%,#161e2420 75%),linear-gradient(#161e2430 0%,#0000 68%,#161e24 100%);position:absolute;inset:0}.landing h1{letter-spacing:-3px;font-size:clamp(52px,5.6vw,82px);line-height:1.08}.landing .hero-content>p{color:#d0d6dd;max-width:420px;margin:25px 0 30px;font-size:17px;line-height:1.75}.landing .section-shell{max-width:1320px;margin:auto;padding:85px 6%}.landing h2{letter-spacing:-1.2px;font-size:clamp(34px,3.3vw,47px);line-height:1.17}.landing h3{font-size:21px;line-height:1.3}.landing .features{padding-top:55px}.landing .feature-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:38px;display:grid}.landing .feature-grid article{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:28px}.landing .feature-icon{color:var(--accent);margin-bottom:23px;font-size:27px;display:block}.landing .feature-grid p,.landing .steps p{color:var(--muted);margin-top:13px;font-size:14px}.landing .pace{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;gap:100px;display:grid}.landing .pace>div{align-self:center;max-width:420px}.landing .pace p{color:var(--muted);font-size:16px}.landing .pace p+p{color:var(--text);margin-top:18px}.landing .steps{grid-template-columns:repeat(3,1fr);gap:35px;margin-top:38px;display:grid}.landing .step-number{color:var(--accent);border:1px solid #ff693455;border-radius:50%;place-items:center;width:38px;height:38px;margin-bottom:21px;font-size:16px;font-weight:600;display:inline-grid}.landing .faq{grid-template-columns:1fr 1.2fr;gap:70px;padding-top:20px;display:grid}.landing details{border-bottom:1px solid var(--line);padding:20px 0}.landing summary{cursor:pointer;color:var(--text);justify-content:space-between;gap:20px;font-size:15px;list-style:none;display:flex}.landing summary::-webkit-details-marker{display:none}.landing summary span{color:var(--accent);font-size:24px;line-height:1}.landing details[open] summary span{transform:rotate(45deg)}.landing details p{color:var(--muted);margin:18px 0 0;font-size:14px}.landing .final-cta{text-align:center;background:var(--panel);border-block:1px solid var(--line);padding:75px 20px}.landing .final-cta h2{margin-bottom:30px}.landing footer.section-shell{justify-content:space-between;align-items:center;gap:25px;padding-block:30px;display:flex}.landing footer .brand{letter-spacing:1px;font-size:16px}.landing footer>a:last-child{color:var(--muted);font-size:13px}@media (max-width:800px){.landing .navigation{height:76px}.landing .brand{letter-spacing:1px;font-size:18px}.landing nav{gap:20px}.landing .hero{align-items:flex-start;min-height:720px;padding:170px 6% 120px}.landing .hero-art{background-position:64%}.landing .hero:after{background:linear-gradient(90deg,#161e24da,#161e2455),linear-gradient(#0000 60%,#161e24)}.landing .section-shell{padding:60px 6%}.landing .feature-grid{gap:15px}.landing .feature-grid article{padding:22px}.landing .pace,.landing .faq{gap:35px}.landing .steps{gap:20px}.landing h3{font-size:19px}}@media (max-width:560px){.landing .navigation nav{display:none}.landing .brand{font-size:16px}.landing .nav-actions{gap:15px;font-size:12px}.landing .button.compact{padding:9px 13px}.landing .hero{min-height:700px;padding-top:140px;padding-bottom:230px}.landing h1{letter-spacing:-1.8px;font-size:clamp(41px,11vw,58px)}.landing .hero-content>p{max-width:320px;margin-top:20px;font-size:15px}.landing .hero-art{background-position:67% bottom}.landing .hero:after{background:linear-gradient(#161e24e0 0%,#161e2470 35%,#0000 78%,#161e24 100%)}.landing h2{font-size:33px}.landing .feature-grid,.landing .steps,.landing .pace,.landing .faq{grid-template-columns:1fr}.landing .feature-grid{margin-top:28px}.landing .feature-grid article{padding:25px}.landing .feature-icon{margin-bottom:15px}.landing .pace{gap:24px}.landing .pace p{font-size:15px}.landing .steps{gap:28px;margin-top:30px}.landing .step-number{margin-bottom:14px}.landing .faq{gap:20px;padding-top:15px}.landing .final-cta{padding:60px 6%}}@media (prefers-reduced-motion:reduce){.landing .button{transition:none}}.landing h1{font-size:clamp(48px,5vw,72px)}.landing .hero-content>p{max-width:440px}.landing .hero-content>.signup-note{color:var(--muted);margin:13px 0 0;font-size:12px}.landing .problem,.landing .early-community{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;gap:70px;display:grid}.landing .problem p,.landing .early-community p{color:var(--muted);font-size:16px}.landing .problem p+p,.landing .early-community p+p{margin-top:20px}.landing .early-community .button{margin-top:27px}.landing .play-types{max-width:680px;margin-top:40px}.landing .play-types h3{font-size:20px}.landing .play-types p{color:var(--muted);margin-top:12px;font-size:15px}.landing .early-community{background:var(--panel);border-radius:8px}.landing .faq{padding-top:75px}@media (max-width:800px){.landing .problem,.landing .early-community{gap:35px}.landing .hero-content{max-width:630px}}@media (max-width:560px){.landing h1{letter-spacing:-1px;font-size:clamp(32px,8.6vw,48px)}.landing .problem,.landing .early-community{grid-template-columns:1fr;gap:24px}.landing .problem p,.landing .early-community p{font-size:15px}.landing .faq{padding-top:55px}}.landing .brand .campfire-logo{gap:12px}.landing .brand .campfire-logo-mark{width:32px;height:42px}.landing .brand .campfire-logo-wordmark{letter-spacing:1.8px;font-size:22px}.landing footer .brand .campfire-logo-mark{width:25px;height:33px}.landing footer .brand .campfire-logo-wordmark{font-size:18px}@media (max-width:560px){.landing .brand .campfire-logo{gap:8px}.landing .brand .campfire-logo-mark{width:25px;height:33px}.landing .brand .campfire-logo-wordmark{letter-spacing:1px;font-size:17px}}.landing .landing-film{background:var(--bg);margin:0;padding:0;scroll-margin-top:20px}.landing .film-frame{isolation:isolate;width:100%;max-width:1600px;margin:auto;position:relative}.landing .film-frame video{aspect-ratio:16/9;object-fit:contain;background:var(--bg);border:0;border-radius:0;width:100%;height:auto;display:block}.landing .film-shade{pointer-events:none;background:linear-gradient(0deg,var(--bg) 0%,transparent 24%,transparent 76%,var(--bg) 100%),linear-gradient(90deg,var(--bg) 0%,#161e2426 14%,#161e241a 86%,var(--bg) 100%);transition:opacity .35s;position:absolute;inset:-1px}.landing .film-frame[data-active=true] .film-shade{opacity:0}.landing .film-invitation{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.landing .film-play{color:var(--text);cursor:pointer;pointer-events:auto;font:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:22px;padding:20px;display:flex}.landing .film-play-circle{background:var(--accent);width:112px;height:112px;color:var(--bg);border-radius:50%;place-items:center;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 0 0 14px #ff69341a,0 12px 50px #0006}.landing .film-play-circle svg{transform:translate(-3px)}.landing .film-play-label{letter-spacing:.1px;text-shadow:0 2px 18px #000;font-size:20px;font-weight:600}.landing .film-play:hover .film-play-circle{transform:scale(1.06);box-shadow:0 0 0 20px #ff69341a,0 12px 55px #0008}.landing .film-play:focus-visible{outline:2px solid var(--text);outline-offset:8px;border-radius:12px}.landing .film-error{text-align:center;background:#161e24ed;border-radius:6px;margin:0 20px;padding:8px 14px;font-size:14px}.landing .film-frame video:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}@media (max-width:560px){.landing .film-play{gap:13px;padding:14px}.landing .film-play-circle{width:76px;height:76px;box-shadow:0 0 0 9px #ff69341a,0 8px 35px #0006}.landing .film-play-circle svg{width:28px;height:28px}.landing .film-play-label{font-size:16px}.landing .film-shade{background:linear-gradient(0deg,var(--bg),transparent 24%,transparent 76%,var(--bg))}}@media (prefers-reduced-motion:reduce){.landing .film-play-circle,.landing .film-shade{transition:none}}.landing .guides-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.landing .guides-heading>a{color:var(--accent);white-space:nowrap;font-size:14px}.landing .guide-links{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:36px;display:grid}.landing .guide-links article{border-top:1px solid var(--line);padding-top:24px}.landing .guide-links p{color:var(--muted);margin-bottom:12px;font-size:12px}.landing .guide-links h3{margin-bottom:20px;font-size:22px;line-height:1.4}.landing .guide-links article>a{color:var(--accent);font-size:14px}.landing .guide-links h3 a:hover{color:var(--accent)}.landing footer nav{gap:24px;font-size:13px;display:flex}@media (max-width:650px){.landing .guide-links{grid-template-columns:1fr;gap:28px}.landing .guides-heading{flex-direction:column;align-items:flex-start;gap:14px}.landing footer.section-shell{flex-wrap:wrap}}.landing .hero-content>.human-writers-note{color:#c2cbd2;max-width:470px;margin:14px 0 0;font-size:13px;line-height:1.8}.landing .hero-content>.hero-community-label{color:#ffad83;letter-spacing:1.4px;text-transform:uppercase;background:#161e24bf;border:1px solid #ff996570;border-radius:5px;margin:0 0 20px;padding:7px 12px;font-size:12px;font-weight:700;line-height:1.5;display:inline-block}.landing .hero-content{max-width:780px}.landing h1{letter-spacing:-2px;font-size:clamp(48px,5vw,72px)}.landing .human-writers-note a{color:#ffa17b;text-underline-offset:4px;white-space:nowrap;text-decoration:underline}.landing .landing-ai{padding-top:0;padding-bottom:65px}.landing footer nav{flex-wrap:wrap}@media (max-width:560px){.landing h1{letter-spacing:-1px;font-size:clamp(32px,8.6vw,48px)}.landing .hero-content>.hero-community-label{letter-spacing:1.1px;margin-bottom:18px;font-size:10px}}