.story-fond{--accent:#557660;--fond-ink:#16352a;--fond-soft:#e9eee4}.fond-hero{background:radial-gradient(circle at 85% 22%,#d7e4cb,transparent 48%),linear-gradient(130deg,#f7f4ea,#e7eee1)}.fond-hero:after{content:"";position:absolute;inset:8% 4% auto auto;width:38vw;aspect-ratio:1;border:1px solid #78967a44;border-radius:50%;box-shadow:0 0 0 7vw #78967a0b;z-index:-1}.fond-context{background:#f7f5ef}.fond-layer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:55px}.fond-layer-grid article{min-height:180px;padding:28px;border:1px solid #cbd5c8;background:#fff9}.fond-layer-grid span,.fond-builder-demo small,.fond-chat header span,.fond-chat footer{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#64786d}.fond-layer-grid strong{display:block;margin-top:45px;font:27px/1.12 var(--serif)}.fond-time-section{background:#17342a;color:#f4f5ed}.fond-time-section em{color:#bed2b4}.fond-time-section .story-split{grid-template-columns:.72fr 1.28fr}.fond-period-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:32px}.fond-period-tabs button,.fond-audience button,.fond-builder-demo button,.fond-chat button{border:1px solid currentColor;border-radius:100px;padding:12px 16px;background:transparent;color:inherit;cursor:pointer}.fond-period-tabs button[aria-selected=true],.fond-audience button[aria-selected=true],.fond-builder-demo button.is-active{background:#e5eddf;color:#17342a}.fond-time-demo{position:relative;overflow:hidden;border:1px solid #78947f;border-radius:4px;min-height:450px}.fond-time-demo img{display:block;width:100%;height:450px;object-fit:cover;transition:opacity .25s ease,transform .6s ease}.fond-time-demo figcaption{position:absolute;left:22px;right:22px;bottom:20px;margin:0;padding:16px;background:#10281fd9;color:#fff}.fond-time-demo>span{position:absolute;top:18px;right:18px;padding:8px 11px;background:#f6f4eae8;color:#17342a;font-size:10px;letter-spacing:.12em}.fond-entry{background:#e9eee4}.fond-audience{display:grid;grid-template-columns:.6fr 1.4fr;gap:30px;margin-top:48px}.fond-audience>div{display:grid;align-content:start;gap:10px}.fond-audience article{padding:38px;background:#f8f7f1;border:1px solid #c8d5c6}.fond-audience article span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.fond-audience ul{display:flex;flex-wrap:wrap;gap:9px;padding:0;list-style:none}.fond-audience li{padding:8px 12px;border:1px solid #a9baaa;border-radius:20px;font-size:12px}.fond-builder{background:#f5f3eb}.fond-builder-demo{padding:30px;border:1px solid #b9c8b8;background:#fff;border-radius:4px;box-shadow:0 25px 45px #17342a12}.fond-builder-demo>div{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.fond-builder-demo output{display:block;margin:25px 0 14px;padding:24px;background:#e7eee2;border-left:3px solid var(--accent);font:24px/1.25 var(--serif)}.fond-form-flow{background:#e5ebe1}.fond-secretary{background:#0e201b;color:#eef2e9}.fond-secretary em{color:#adc8b0}.fond-secretary .story-split{grid-template-columns:.85fr 1.15fr}.fond-chat{border:1px solid #6f8c7c;border-radius:18px;overflow:hidden;background:#182e26;box-shadow:0 35px 80px #0005}.fond-chat header,.fond-chat footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 20px;border-bottom:1px solid #496557}.fond-chat footer{border:0;border-top:1px solid #496557}.fond-chat-stage{min-height:420px;padding:24px;display:flex;flex-direction:column;gap:12px}.fond-chat-stage p{display:none;width:fit-content;max-width:80%;margin:0;padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.45}.fond-chat-stage p.is-visible{display:block;animation:fond-message .35s ease both}.chat-client{align-self:flex-end;background:#dce9d9;color:#16352a;border-bottom-right-radius:4px!important}.chat-bot{background:#f6f4ed;color:#16352a;border-bottom-left-radius:4px!important}.chat-system{align-self:center;background:transparent!important;border:1px solid #779382;color:#d4e3d6;font-size:11px!important}.chat-handoff{align-self:center;background:#4e755d;color:white}.fond-boundaries{background:#f2f0e8}.fond-system-map{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:18px;margin:45px 0}.fond-system-map article{min-height:250px;padding:30px;border:1px solid #bac7b8;background:#fff}.fond-system-map b{font:35px var(--serif);color:var(--accent)}.fond-system-map i{font-style:normal;font-size:35px;color:var(--accent)}.fond-result{background:linear-gradient(135deg,#dce7d8,#edf0e7)}.fond-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.fond-actions a{padding:14px 20px;border:1px solid #315644;border-radius:100px;text-decoration:none}.fond-actions a:first-child{background:#173d2d;color:#fff}@keyframes fond-message{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:900px){.fond-layer-grid{grid-template-columns:1fr}.fond-layer-grid article{min-height:125px}.fond-layer-grid strong{margin-top:28px}.fond-time-section .story-split,.fond-secretary .story-split{grid-template-columns:1fr}.fond-audience{grid-template-columns:1fr}.fond-system-map{grid-template-columns:1fr}.fond-system-map i{transform:rotate(90deg);justify-self:center}.fond-system-map article{min-height:0}.fond-time-demo{min-height:380px}.fond-time-demo img{height:380px}}
@media(max-width:600px){.fond-hero .hero-thought br{display:none}.fond-period-tabs{grid-template-columns:1fr 1fr}.fond-period-tabs button{font-size:11px;padding:10px 8px}.fond-time-demo,.fond-time-demo img{height:280px;min-height:280px}.fond-time-demo figcaption{left:10px;right:10px;bottom:10px;padding:11px;font-size:11px!important}.fond-audience button{font-size:12px}.fond-builder-demo{padding:18px}.fond-builder-demo button{font-size:11px;padding:10px 12px}.fond-builder-demo output{font-size:20px;padding:18px}.fond-chat-stage{min-height:380px;padding:14px}.fond-chat-stage p{max-width:92%;font-size:13px}.fond-chat header,.fond-chat footer{align-items:flex-start;flex-direction:column}.fond-chat button{font-size:11px}.fond-layer-grid{margin-top:35px}.fond-system-map{margin-top:30px}}
@media (prefers-reduced-motion: reduce){.fond-time-demo img{transition:none}.fond-chat-stage p.is-visible{animation:none}.fond-hero:after{box-shadow:none}}