.marketing-interior{--color-accent:#254524;--color-accent-2:#173716;--color-accent-soft:#edf2df;--color-lavender:#edf2df;--color-periwinkle:#53743a}.marketing-interior .navy-glow{background:var(--color-navy)}.public-intro{border-bottom:1px solid var(--color-line);grid-template-columns:1.05fr 1fr;display:grid}.public-intro-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:64px clamp(24px,5vw,80px) 72px;display:flex}.public-intro h1{letter-spacing:-.025em;font-size:clamp(52px,6.6vw,96px);line-height:1.02}.public-highlight{background:var(--color-lime);color:var(--color-ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .12em .06em}.public-intro-copy>p{color:var(--color-muted);max-width:540px;margin-top:28px;font-size:17px;line-height:1.75}.public-intro-visual{background:var(--color-navy);color:var(--color-paper);flex-direction:column;justify-content:center;padding:48px 32px;display:flex}.public-intro-visual h2{max-width:450px;font-size:30px;line-height:1.15}.public-demo{background:#f7f0e6;border:1px solid #ffffff40;height:330px;margin:24px 0;overflow:hidden}.public-demo iframe{transform-origin:0 0;border:0;width:200%;height:660px;transform:scale(.5)}.public-intro-visual>a{color:var(--color-lime);text-underline-offset:5px;align-items:center;gap:14px;font-size:14px;text-decoration:underline;display:inline-flex}.public-directory{padding:64px clamp(24px,5vw,80px) 80px}.public-guide-card{border-right:1px solid var(--color-line);border-bottom:1px solid var(--color-line);background:var(--color-paper);flex-direction:column;padding:32px;transition:background .15s;display:flex}.public-guide-card:hover{background:var(--color-paper-2)}.public-guide-card>p:first-child{color:var(--color-muted);font-size:13px}.public-guide-card h2{letter-spacing:-.025em;margin-top:22px;font-size:31px;line-height:1.12}.public-guide-card>a:last-child{color:var(--color-ink);text-decoration:underline;-webkit-text-decoration-color:var(--color-lime-2);text-decoration-color:var(--color-lime-2);text-underline-offset:6px;align-items:center;gap:12px;margin-top:auto;padding-top:28px;font-size:14px;text-decoration-thickness:3px;display:inline-flex}.guide-header{border-bottom:1px solid var(--color-line);background:var(--color-paper-2);padding:40px clamp(24px,5vw,80px) 64px}.guide-header h1{letter-spacing:-.025em;max-width:1100px;margin-top:38px;font-size:clamp(44px,5.6vw,80px);line-height:1.04}.guide-header h1:before{content:"";background:var(--color-lime);width:72px;height:8px;margin-bottom:28px;display:block}.guide-summary{border-top:4px solid var(--color-lime);margin-bottom:10px;padding-top:24px}.guide-cta{background:var(--color-navy);color:var(--color-paper);margin-top:40px;padding:32px}.guide-cta p{color:#ffffffb3}.guide-cta a:not(:first-child){color:var(--color-paper)}.public-faq-heading{background:var(--color-lime);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .1em .06em;display:inline}.marketing-interior details[open]>summary{text-decoration:underline;-webkit-text-decoration-color:var(--color-lime-2);text-decoration-color:var(--color-lime-2);text-underline-offset:6px}.marketing-interior a:focus-visible,.marketing-interior summary:focus-visible,.marketing-interior button:focus-visible{outline-offset:4px;outline:2px solid}@media (max-width:1000px){.public-intro{grid-template-columns:1fr}.public-intro-copy{padding-top:48px;padding-bottom:48px}.public-intro-visual{padding:32px clamp(24px,5vw,80px)}.public-demo{width:100%;max-width:700px}}@media (max-width:600px){.public-intro h1{font-size:52px}.public-directory{padding:40px 24px 48px}.public-guide-card{padding:26px}.public-guide-card h2{font-size:28px}.public-demo{height:280px}.public-demo iframe{height:560px}.guide-header{padding-bottom:40px}.guide-cta{padding:24px}}.marketing-interior .public-page-title{font-size:clamp(48px,5.8vw,84px);line-height:1.03}.public-output-hero{border:1px solid var(--color-line);grid-template-columns:1.05fr 1fr;display:grid}.public-output-copy{align-self:center;padding:40px clamp(24px,3vw,48px)}.public-output-copy>p{max-width:500px;color:var(--color-muted);margin-top:28px;font-size:17px;line-height:1.75}.public-output-hero .public-intro-visual{padding:36px}@media (max-width:1000px){.public-output-hero{grid-template-columns:1fr}}@media (max-width:600px){.public-output-copy,.public-output-hero .public-intro-visual{padding:28px 20px}.marketing-interior .public-page-title{font-size:44px}}
