.ff-showcase{--ff-text: #eef4fc;--ff-muted: #b5c5d9;--ff-cyan: #8de1db;color:var(--ff-text);background:#07111e;overflow-wrap:anywhere}.ff-showcase *{box-sizing:border-box}.ff-showcase h1,.ff-showcase h2,.ff-showcase h3{color:var(--ff-text)}.ff-showcase h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.08;letter-spacing:-.04em;margin:0 0 1rem}.ff-showcase h3{font-size:1.25rem;line-height:1.3;margin:0 0 .8rem}.ff-showcase p{line-height:1.65}.ff-kicker{color:var(--ff-cyan);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 1rem}.ff-included{display:inline-block;padding:.45rem .85rem;color:#d7f8e2;background:#163e36;border:1px solid #407f68;border-radius:999px;font-size:.85rem;margin:0 0 1.5rem}.ff-actions{display:flex;flex-wrap:wrap;gap:.75rem}.ff-btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;border:1px solid #657a91;border-radius:999px;padding:.8rem 1.3rem;color:var(--ff-text)!important;font:inherit;font-weight:600;background:transparent;text-decoration:none;cursor:pointer}.ff-btn:hover{background:#1c3146}.ff-btn--primary{color:#111b28!important;border-color:#f4a89a;background:#f4a89a}.ff-btn--primary:hover{background:#ffc5b8}.ff-showcase :focus-visible{outline:3px solid #ffe193;outline-offset:5px}.ff-fine{color:var(--ff-muted);font-size:.85rem;margin:1.2rem 0 0}.ff-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:3rem;padding:5rem 6vw;min-height:90vh;background:#142635}.ff-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.ff-hero:before,.ff-photo-section:before,.ff-use-case:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07111ef5,#07111ebd 52%,#07111e70)}.ff-hero h1{font-size:clamp(2.8rem,5.4vw,5.2rem);line-height:1.02;letter-spacing:-.055em;margin:0 0 1.5rem}.ff-hero h1 span{color:var(--ff-cyan)}.ff-lead{max-width:49ch;color:#cfdaea;font-size:1.15rem;margin:0 0 1.8rem}.ff-stage{display:grid;justify-items:center;gap:1.2rem;min-width:0}.ff-stage__label{color:#c5eee4;font-size:.8rem;text-align:center}.ff-stage__label span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#9de6bd;margin-right:.5rem}.ff-hero-shot{width:min(360px,100%);margin:0;padding:9px;background:#25364b;border:1px solid #6c8291;border-radius:23px;box-shadow:0 25px 70px #0006;animation:ff-arrive 1.2s ease-out}.ff-hero-shot img{display:block;width:100%;height:auto;border-radius:14px}.ff-hero-shot figcaption{font-size:.75rem;text-align:center;padding:.75rem .2rem .3rem;color:#e0e7ef}.ff-stage__note{color:var(--ff-muted);text-align:center;font-size:.9rem;margin:0}@keyframes ff-arrive{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.ff-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 6vw;background:#0e2030;border-block:1px solid #304456}.ff-strip p{margin:0;padding:1.6rem 1rem;border-right:1px solid #304456}.ff-strip p:last-child{border:0}.ff-strip strong,.ff-strip span{display:block}.ff-strip strong{font-size:1.15rem}.ff-strip span{color:var(--ff-muted);font-size:.85rem}.ff-section{padding:5.5rem 6vw}.ff-section--deep{background:#0e1d2e}.ff-head{max-width:760px;margin-bottom:2.5rem}.ff-head>p:last-child{color:var(--ff-muted);font-size:1.05rem;margin:0}.ff-tag{color:var(--ff-cyan);font-size:.75rem;font-weight:600;margin:0 0 .7rem}.ff-characters{background:radial-gradient(ellipse at 85% 20%,#243f47,#0a1829 70%)}.ff-character-picker{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:2rem}.ff-character-picker button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.6rem 1.1rem .6rem .6rem;min-height:76px;color:#dce9f7;border:1px solid #6a8196;border-radius:999px;background:#112333;font:inherit;font-weight:650;cursor:pointer}.ff-character-picker button[aria-pressed=true]{border-color:#9be7df;background:#2c554e}.ff-character-picker button:hover{border-color:#9be7df}.ff-character-picker img{width:56px;height:56px;object-fit:contain;background:#f6f4e8;border-radius:50%}.ff-character-scene{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:2rem;padding:2rem 4vw;overflow:hidden;border-radius:28px;background:radial-gradient(ellipse at 20% 40%,#427675,#173a3a 45%,#112a2b)}.ff-character-scene--knowi{background:radial-gradient(ellipse at 20% 40%,#4c8078,#174b49 45%,#102e33)}.ff-character-scene--owly{background:radial-gradient(ellipse at 20% 40%,#7d7149,#3c3827 45%,#282b21)}.ff-character-scene--penny{background:radial-gradient(ellipse at 20% 40%,#8a6450,#463630 45%,#352629)}.ff-character-art{position:relative;width:100%;max-width:480px;height:clamp(280px,34vw,440px);justify-self:center}.ff-character-art>img{width:100%;height:100%;object-fit:contain}.ff-character-art .sisa-koi{display:block;position:relative;width:100%;height:100%}.ff-character-art .sisa-koi img,.ff-character-art canvas{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.ff-showcase .ff-character-copy h3{font-size:clamp(3.5rem,7vw,6rem);letter-spacing:-.06em;line-height:1;margin-bottom:.6rem}.ff-character-copy>p:not(.ff-kicker){color:#e0e8ed}.ff-character-subtitle{font-size:1.2rem;margin:0 0 1.1rem}.ff-character-controls{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.ff-character-controls .ff-fine{margin:0;flex:1;min-width:190px}.ff-character-controls button:disabled{opacity:.85;cursor:default}.ff-photo-section,.ff-use-case{position:relative;isolation:isolate;overflow:hidden;padding:6rem 6vw;min-height:80vh;display:flex;align-items:center}.ff-photo-section .ff-backdrop{object-position:70% center}.ff-photo-copy{max-width:800px}.ff-principles{display:grid;gap:1.2rem;max-width:650px;margin-top:2rem}.ff-principles article{border-left:2px solid #8de1db;padding-left:1.3rem}.ff-principles h3{margin-bottom:.4rem}.ff-principles p{margin:0;color:#cfdaea}.ff-use-intro{padding-bottom:3rem}.ff-use-intro>p:last-child{max-width:720px;color:var(--ff-muted)}.ff-use-case{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:5vw;min-height:85vh;border-top:1px solid #415362}.ff-showcase .ff-use-case__copy h3{font-size:clamp(2.4rem,4.3vw,4rem);line-height:1.07;letter-spacing:-.045em;max-width:17ch}.ff-use-case__copy>p:not(.ff-kicker){font-size:1.08rem;color:#e0e7ef}.ff-use-case__copy ul{padding-left:1.2rem;line-height:2;color:#d5f3e6}.ff-use-case--reverse .ff-use-case__copy{order:2}.ff-use-case--reverse:before{background:linear-gradient(270deg,#07111ef5,#07111ebd 52%,#07111e70)}.ff-use-conversation{margin:0;padding:2rem;background:#0a1d2feb;border:1px solid #6b8395;border-radius:18px;backdrop-filter:blur(10px)}.ff-use-conversation figcaption{color:#a9e3d8;font-size:.8rem;letter-spacing:.04em;margin-bottom:1.5rem}.ff-use-conversation p{padding:.9rem 1rem;background:#233c50;border-radius:12px;margin:0 0 .8rem;color:#edf5fc}.ff-use-conversation .ff-use-question{margin-left:1.5rem;background:#315d56}.ff-use-conversation .ff-use-boundary{border-top:1px solid #698198;background:none;border-radius:0;padding:1rem 0 0;margin:1.4rem 0 0;font-size:.82rem;color:#c5d7e8}.ff-options{display:grid}.ff-options article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:2rem;border-top:1px solid #526b81;padding:1.7rem 0}.ff-options article>p{color:var(--ff-muted);margin:0}.ff-demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;align-items:start}.ff-demo__steps{padding:0;margin:0;list-style:none;display:grid;gap:.7rem}.ff-demo__steps button{display:flex;align-items:center;gap:1rem;width:100%;text-align:left;padding:1.1rem;min-height:64px;color:#d3dfef;font:inherit;border:1px solid #52677d;border-radius:12px;background:transparent;cursor:pointer}.ff-demo__steps button span{color:var(--ff-cyan);font-size:.85rem;flex-shrink:0;min-width:2ch}.ff-demo__steps button[aria-current]{background:#214339;border-color:#8de1db;color:#fff}.ff-demo__steps button:hover{border-color:#8de1db}.ff-demo__controls{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.ff-showcase [hidden]{display:none!important}.ff-demo__screen{background:#f5f8fb;color:#22364a;border-radius:18px;overflow:hidden;border:1px solid #8da1b1}.ff-demo__bar{display:flex;align-items:center;gap:.75rem;padding:1.2rem;background:#e0eeea;border-bottom:1px solid #bccfc9}.ff-demo__bar img{border-radius:50%}.ff-demo__bar strong,.ff-demo__bar small{display:block}.ff-showcase .ff-demo__bar strong{color:#22364a}.ff-demo__bar>div{min-width:0}.ff-demo__bar small{font-size:.75rem}.ff-example{margin-left:auto;flex-shrink:0;font-size:.7rem;padding:.2rem .4rem;border:1px solid #587570;border-radius:5px}.ff-demo__panel{padding:1.5rem;animation:ff-panel .3s ease-out}@keyframes ff-panel{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}.ff-showcase .ff-demo__panel h3{color:#22364a;font-size:1rem}.ff-bubble{background:#e4ebf2;padding:.8rem 1rem;border-radius:12px;margin:.8rem 0;font-size:.9rem}.ff-bubble--customer{background:#1c425e;color:#fff;margin-left:2rem}.ff-product{display:flex;gap:1rem;align-items:center;margin:1rem 0}.ff-product img{width:110px;height:110px;object-fit:cover;border-radius:10px}.ff-product strong,.ff-product span,.ff-product small{display:block}.ff-product strong{font-size:.9rem}.ff-product span,.ff-product small{font-size:.8rem}.ff-selection{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0}.ff-selection span{border:1px solid #60798e;padding:.5rem .8rem;border-radius:8px;background:#fff;font-size:.85rem}.ff-demo__detail{font-size:.8rem;font-weight:600;color:#365d54}.ff-demo__explain{font-size:.9rem;border-top:1px solid #becbd6;padding-top:1rem;margin-bottom:0}.ff-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;align-items:start}.ff-gallery figure{margin:0;min-width:0}.ff-gallery__image{max-width:360px;margin-inline:auto;padding:1.2rem;border:1px solid #42576b;border-radius:18px;background:#15273a}.ff-gallery img{width:100%;height:auto;display:block;border-radius:10px}.ff-gallery figcaption{padding:1.5rem .25rem 0}.ff-gallery figcaption p{color:var(--ff-muted);margin:0;font-size:.9rem}.ff-boundary{margin-top:1.5rem;border-left:3px solid var(--ff-cyan);padding:1.5rem 1.8rem;background:#193043;border-radius:0 12px 12px 0}.ff-boundary p{color:#c9d9e8;margin:0}.ff-faq{max-width:900px}.ff-faq details{border-bottom:1px solid #42546a}.ff-faq summary{padding:1.3rem .3rem;cursor:pointer;font-weight:600;min-height:48px}.ff-faq details p{color:var(--ff-muted);padding:0 .3rem 1.3rem;margin:0}.ff-end{padding:5.5rem 6vw;text-align:center;background:radial-gradient(ellipse at 50% 100%,#284c50,#102337 65%);border-top:1px solid #3f5e70}.ff-end>p:not(.ff-kicker){max-width:680px;color:#c9d9e8;margin:0 auto 1.8rem}.ff-end .ff-actions{justify-content:center}.ff-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:960px){.ff-hero{gap:2rem;padding-block:3.5rem}.ff-demo{gap:1.5rem}.ff-gallery{gap:1rem}.ff-gallery__image{padding:.6rem}}@media(max-width:700px){.ff-hero,.ff-demo,.ff-character-scene,.ff-use-case,.ff-options article{grid-template-columns:minmax(0,1fr)}.ff-hero h1{font-size:clamp(2.7rem,9vw,4rem)}.ff-hero-shot{transform:none;animation:none;width:min(320px,100%)}.ff-stage{margin-top:1rem}.ff-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.ff-strip p{padding:1.2rem .6rem}.ff-strip p:nth-child(2){border:0}.ff-section,.ff-end{padding-block:3.5rem}.ff-gallery{grid-template-columns:minmax(0,1fr)}.ff-gallery{gap:2.5rem}.ff-gallery__image{max-width:360px;padding:1rem;margin-inline:auto}.ff-demo__panel{padding:1rem}.ff-demo__bar{padding:.85rem;gap:.5rem}.ff-product{gap:.65rem}.ff-product img{width:85px;height:85px}.ff-character-picker{gap:.6rem}.ff-character-picker button{width:calc(50% - .3rem);padding:.5rem;gap:.5rem}.ff-character-picker img{width:44px;height:44px}.ff-character-scene{padding:1.2rem;gap:1rem}.ff-character-art{height:280px}.ff-character-copy{padding-bottom:.7rem}.ff-photo-section,.ff-use-case{padding:4rem 6vw;min-height:auto}.ff-use-case{gap:2rem}.ff-use-case--reverse .ff-use-case__copy{order:0}.ff-use-conversation{padding:1.2rem}.ff-use-case:before,.ff-use-case--reverse:before{background:#07111ed9}.ff-options article{gap:.5rem}}@media(prefers-reduced-motion:reduce){.ff-showcase *,.ff-showcase *:before,.ff-showcase *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}