@scope (#digital-flow-guide-root) {:scope{--df-ink:#16201c;--df-muted:#5b6661;--df-accent:#1f7a5a;--df-accent-deep:#155c43;--df-soft:#e7f1ec;--df-panel:#fffdfa;--df-line:#d9e5de;--df-shadow:0 18px 50px rgb(16 44 30 / .18);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--df-ink)}*{box-sizing:border-box}:scope{margin:0;min-height:100dvh;background:#f5f6f2}.widget-preview{display:grid;place-items:center;background:radial-gradient(circle at 22% 18%,#dfeee5 0,transparent 32rem),#f6f7f2}.preview-stage{max-width:650px;padding:48px 28px;text-align:center}.preview-stage p,.eyebrow{margin:0 0 12px;color:var(--df-accent-deep);font-size:.74rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.preview-stage h1{margin:0;font-size:clamp(2.2rem,6vw,4.5rem);letter-spacing:-.06em}.preview-stage span{display:block;margin-top:17px;color:var(--df-muted)}.guide-launcher{position:fixed;right:22px;bottom:22px;z-index:40;display:grid;place-items:center;width:72px;height:72px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:transform .16s ease,opacity .16s ease}.launcher-icon{display:block;width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 10px 18px rgb(14 60 40 / .28));transition:filter .16s ease}.guide-launcher:hover{transform:translateY(-2px)}.guide-launcher:hover .launcher-icon{filter:drop-shadow(0 13px 21px rgb(14 60 40 / .34))}.guide-launcher:active{transform:translateY(0)}.guide-launcher:focus-visible,.guide-close:focus-visible,.language:focus-visible,.suggestion:focus-visible,.composer input:focus-visible,.contact-actions button:focus-visible{outline:3px solid #9bd7ae;outline-offset:3px}.guide-open .guide-launcher{visibility:hidden;opacity:0;pointer-events:none}.guide-widget{position:fixed;right:24px;bottom:24px;z-index:41;width:min(420px,calc(100vw - 48px));height:min(680px,calc(100dvh - 48px));filter:drop-shadow(var(--df-shadow));transition:opacity .18s ease,transform .18s ease}.guide-widget[hidden]{display:none}.guide-card{height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--df-line);border-radius:22px;background:var(--df-panel);box-shadow:var(--df-shadow)}.guide-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand languages close";align-items:center;column-gap:7px;row-gap:8px;padding:12px 13px;border-bottom:1px solid #e8eee9;background:#fffefb}.brand{grid-area:brand;display:flex;align-items:center;gap:9px;min-width:0}.brand-mark{display:block;width:40px;height:40px;flex:0 0 auto;object-fit:contain}.brand-copy{min-width:0}.brand h1{margin:0;color:var(--df-ink);font-size:.8rem;font-weight:800;line-height:1.12;letter-spacing:-.02em;white-space:nowrap}.brand-title-primary,.brand-title-secondary{display:inline}.brand-title-secondary::before{content:" "}.brand p{max-width:18ch;margin:4px 0 0;color:var(--df-muted);font-size:.67rem;line-height:1.25}.languages{grid-area:languages;display:flex;gap:3px;min-width:0}.language{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:55px;min-height:42px;padding:4px 3px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--df-muted);font:inherit;font-size:.61rem;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer}.language-flag{display:block;width:18px;height:12px;object-fit:cover;border:1px solid rgb(21 92 67 / .15);border-radius:2px}.language span{font-size:.61rem;line-height:1}.language:hover{background:#f0f6f1}.language.active{border-color:#bcdac6;background:var(--df-soft);color:var(--df-accent-deep)}.guide-close{grid-area:close;display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;border:0;border-radius:9px;background:transparent;color:#496257;font-size:1.4rem;line-height:1;cursor:pointer}.guide-close:hover{background:#edf3ef;color:var(--df-ink)}.messages{flex:1;min-height:0;padding:18px;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth}.turn{max-width:91%;margin:0 0 10px;padding:10px 12px;border-radius:14px;font-size:.9rem;line-height:1.48;white-space:pre-wrap}.turn.guide{background:#f0f5f1;color:#203b2d;border-bottom-left-radius:4px}.turn.user{margin-left:auto;background:var(--df-accent-deep);color:#fff;border-bottom-right-radius:4px}.takeaway{max-width:91%;margin:-2px 0 12px;padding:8px 10px;border-left:3px solid #6ead7d;background:#f6faf6;color:#466651;font-size:.82rem;line-height:1.4}.takeaway strong{color:var(--df-accent-deep)}.follow-up{max-width:91%;margin:-3px 0 15px;color:#315c42;font-size:.84rem;line-height:1.42}.suggestions{display:flex;flex-wrap:wrap;gap:7px;padding:0 18px 15px}.suggestion{padding:8px 10px;border:1px solid #cbdfd1;border-radius:999px;background:#fff;color:#1c593b;font:inherit;font-size:.79rem;cursor:pointer}.suggestion:hover{border-color:#6dab7d;background:#f1f8f2}.composer{display:flex;gap:8px;padding:13px 15px calc(13px + env(safe-area-inset-bottom));border-top:1px solid #e5ece6;background:#fffefb}.composer input{min-width:0;flex:1;border:1px solid #cbdacf;border-radius:10px;padding:10px 11px;background:#fff;color:var(--df-ink);font:inherit;font-size:.88rem}.composer input:focus{border-color:#5eaa73}.composer button,.contact-primary,.contact-actions button,.dev-panel button{border:0;border-radius:10px;padding:10px 12px;background:var(--df-accent-deep);color:#fff;font:inherit;font-size:.85rem;font-weight:750;cursor:pointer}.composer button:hover,.contact-primary:hover{background:#104a37}.contact-offer{margin:0 18px 13px;padding:12px;border:1px solid #d7e8dc;border-radius:12px;background:#f7fbf7}.contact-offer p{margin:0 0 9px;font-size:.84rem;line-height:1.42}.contact-panel{margin:0 18px 13px;padding:12px;border:1px solid #c9e0d0;border-radius:12px;background:#f8fcf9}.contact-panel h2{margin:0 0 3px;font-size:.91rem}.contact-panel p{margin:5px 0 10px;color:#4e6d59;font-size:.81rem;line-height:1.35}.contact-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.contact-actions button{padding:9px 6px;background:#e7f3ea;color:#195336;font-size:.76rem}.contact-actions button.primary{background:var(--df-accent-deep);color:#fff}.contact-actions button.selected{outline:2px solid #2f7d50;outline-offset:1px}.contact-fallback{margin:11px 0 0!important;padding-top:9px;border-top:1px solid #d6e7db}.contact-fallback a{color:var(--df-accent-deep);font-weight:750}.other-contact,.panel-close{margin-top:10px;padding:0;border:0;background:transparent;color:#286746;font:inherit;font-size:.8rem;text-decoration:underline;cursor:pointer}.panel-close{display:block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.dev-panel{position:fixed;left:16px;bottom:16px;z-index:42;max-width:440px;padding:11px;border:1px dashed #8baa96;border-radius:11px;background:#fff;color:#315842;font-size:.75rem}.dev-panel div{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.dev-panel button{padding:6px 8px;border-radius:7px;background:#e6f2e9;color:#215b38;font-size:.72rem}.dev-panel output{display:block;margin-top:8px;color:#4c6b57}.demo-page{background:#f6f4ee}.demo-site{min-height:100dvh}.demo-hero{min-height:76vh;padding:24px clamp(24px,7vw,110px) 70px;background:radial-gradient(circle at 85% 20%,#4e9571 0,transparent 26rem),linear-gradient(135deg,#173d2e,#0e281d);color:#eff6ef}.demo-hero nav{display:flex;justify-content:space-between;gap:20px;color:#bed4c5;font-size:.82rem}.demo-logo{color:#fff;font-weight:850;letter-spacing:-.05em;font-size:1rem}.demo-hero>div{max-width:780px;margin-top:clamp(100px,17vh,180px)}.demo-hero .eyebrow{color:#b9e1c5}.demo-hero h1{max-width:760px;margin:0;font-size:clamp(3rem,7vw,6.2rem);line-height:.95;letter-spacing:-.075em}.demo-hero p:not(.eyebrow){max-width:550px;margin:24px 0;color:#cfddd3;font-size:1.05rem;line-height:1.55}.demo-hero a,.demo-cta a{display:inline-block;padding:12px 16px;border-radius:9px;background:#e2f1e6;color:#16452f;font-weight:750;text-decoration:none}.demo-services{padding:100px clamp(24px,7vw,110px);background:#f6f4ee}.demo-services h2,.demo-dark h2,.demo-cta h2{max-width:850px;margin:0;font-size:clamp(2rem,4.8vw,4.5rem);line-height:1;letter-spacing:-.06em}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:55px}.demo-grid article{min-height:190px;padding:21px;border:1px solid #dce5dd;border-radius:14px;background:#fffdfa}.demo-grid b{color:var(--df-accent)}.demo-grid h3{margin:36px 0 8px;font-size:1.15rem}.demo-grid p{margin:0;color:var(--df-muted);line-height:1.45}.demo-dark{padding:110px clamp(24px,7vw,110px);background:#172d22;color:#edf6ef}.demo-dark .eyebrow{color:#9bcfaf}.demo-dark p:not(.eyebrow){max-width:520px;margin:22px 0 0;color:#b9cabe;line-height:1.55}.demo-cta{padding:110px clamp(24px,7vw,110px) 170px;background:#e7f1ec}.demo-cta a{margin-top:25px;background:var(--df-accent-deep);color:#fff}@media(max-width:560px){.guide-launcher{right:20px;bottom:20px;width:64px;height:64px}.launcher-icon{width:64px;height:64px}.guide-widget{right:12px;bottom:12px;width:calc(100vw - 24px);height:min(760px,calc(100dvh - 24px))}.guide-card{border-radius:18px}.guide-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand close" "languages languages";column-gap:8px;row-gap:9px;padding:13px}.languages{width:100%;justify-content:space-between;gap:5px}.language{flex:1;flex-direction:row;gap:5px;width:auto;min-width:0;min-height:44px;padding:6px 5px;font-size:.7rem}.language-flag{width:20px;height:13px;flex:0 0 auto}.language span{font-size:.7rem}.brand-mark{width:40px;height:40px}.brand h1{font-size:.88rem;line-height:1.1;white-space:nowrap}.brand-title-primary,.brand-title-secondary{display:inline}.brand-title-secondary::before{content:" "}.brand p{max-width:23ch;font-size:.66rem}.guide-close{width:32px;height:32px}.messages{padding:15px}.turn,.takeaway,.follow-up{max-width:94%}.suggestions{padding:0 15px 13px;gap:6px}.suggestion{font-size:.74rem;padding:7px 9px}.contact-offer,.contact-panel{margin-left:15px;margin-right:15px}.composer{padding:11px 12px calc(11px + env(safe-area-inset-bottom))}.composer button{padding:10px}.dev-panel{position:static;margin:12px;max-width:none}.demo-hero{min-height:70vh;padding:20px 24px 55px}.demo-hero nav span:last-child{display:none}.demo-hero>div{margin-top:110px}.demo-grid{grid-template-columns:1fr;margin-top:35px}.demo-services,.demo-dark,.demo-cta{padding:70px 24px}.demo-cta{padding-bottom:130px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}}
#digital-flow-guide-root .guide-launcher{z-index:100}
#digital-flow-guide-root .guide-widget{z-index:101}