.liquid-glass-orb-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.liquid-orb-sphere{isolation:isolate;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 18px 48px #0000008c,0 3px 12px #00000059;aspect-ratio:1!important;background:0 0!important;border:none!important;border-radius:50%!important;outline:none!important;flex:none!important;width:clamp(165px,16vw,195px)!important;height:clamp(165px,16vw,195px)!important;margin:auto!important;overflow:hidden!important}.liquid-orb-sphere:hover{transform:scale(1.02);box-shadow:0 20px 44px #00000024,0 4px 10px #0000000f}.card2-cloud-orb-video{object-fit:cover;pointer-events:none;z-index:1;border-radius:50%;width:144%;min-width:144%;height:144%;min-height:144%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.liquid-fluid-stage{border-radius:50%;position:absolute;inset:0;overflow:hidden}.color-pair-layer{filter:blur(20px)saturate(1.4);opacity:0;will-change:opacity, transform;border-radius:50%;transition:opacity 1.8s cubic-bezier(.16,1,.3,1);position:absolute;inset:-25%}.color-pair-layer.active{opacity:1}.fluid-mesh-base{will-change:transform;border-radius:50%;animation:24s linear infinite rotateLiquidMesh;position:absolute;inset:0}.color-blob{will-change:transform, border-radius;position:absolute}.color-blob-1{filter:blur(16px);border-radius:42% 58% 70% 30%/45% 45% 55% 55%;animation:16s ease-in-out infinite alternate fluidMorphA;inset:-12%}.color-blob-2{filter:blur(18px);mix-blend-mode:soft-light;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation:19s ease-in-out infinite alternate fluidMorphB;inset:4%}.color-blob-3{filter:blur(12px);opacity:.92;border-radius:50% 50% 40% 60%/40% 50% 50% 60%;animation:13s ease-in-out infinite alternate fluidMorphC;inset:16%}.liquid-fluid-grain{mix-blend-mode:overlay;pointer-events:none;z-index:5;opacity:.95;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='filmGrainFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 0.32 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23filmGrainFilter)'/%3E%3C/svg%3E");border-radius:50%;position:absolute;inset:0}.liquid-glass-surface{pointer-events:none;z-index:10;background:0 0;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 -8px 22px #00000059;border:none!important;outline:none!important}@keyframes rotateLiquidMesh{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.06)}to{transform:rotate(360deg)scale(1)}}@keyframes fluidMorphA{0%{border-radius:42% 58% 70% 30%/45% 45% 55% 55%;transform:translate(0%)rotate(0)scale(1)}50%{border-radius:70% 30% 46% 54%/30% 29% 71% 70%;transform:translate(5%,-6%)rotate(140deg)scale(1.08)}to{border-radius:40% 60% 60% 40%/50%;transform:translate(-6%,5%)rotate(280deg)scale(.96)}}@keyframes fluidMorphB{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:translate(0%)rotate(0)scale(1)}50%{border-radius:35% 65% 65% 35%/45% 55%;transform:translate(-6%,4%)rotate(-120deg)scale(1.05)}to{border-radius:55% 45% 75% 25%/40% 60%;transform:translate(5%,-4%)rotate(-240deg)scale(.94)}}@keyframes fluidMorphC{0%{border-radius:50% 50% 40% 60%/40% 50% 50% 60%;transform:translate(0%)scale(1)}to{border-radius:65% 35% 55% 45%/55% 45% 60% 40%;transform:translate(3%,-3%)scale(1.12)}}
:root{--studio-canvas:#38393e;--card-peach:#fce7dd;--card-white:#fff;--card-black:#0c0b10;--card-bg:var(--card-white);--paper:#38393e;--cream:#fce7dd;--ink:#0d0d12;--text-primary:#0d0d12;--text-muted:#5e534d;--muted:#5e534d;--card-divider:#00000014;--violet:#7d39eb;--lime:#c6ff33;--sf:"Helvetica Neue Solid", "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--display:var(--sf);--body:var(--sf)}.bento-ops-wrapper{width:100%;max-width:980px;font-family:var(--sf);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0 auto;padding:clamp(16px,2.5vh,28px) clamp(12px,2vw,24px)}.bento-ops-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"card1 card1 card1 card1 card1 card1 card1 card2 card2 card2 card2 card2""card3 card3 card3 card3 card3 card4 card4 card4 card4 card4 card4 card4""card5 card5 card5 card5 card5 card5 card5 card6 card6 card6 card6 card6";gap:12px;width:100%;display:grid}.tile-1{grid-area:card1}.tile-2{grid-area:card2}.tile-3{grid-area:card3}.tile-4{grid-area:card4}.tile-5{grid-area:card5}.tile-6{grid-area:card6}.bento-tile{isolation:isolate;background:var(--cream);box-sizing:border-box;border-radius:24px;min-width:0;height:270px;max-height:270px;padding:clamp(18px,1.8vw,26px);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #00000009}.bento-tile:hover{transform:none}.bento-tile:after{z-index:-1;content:"";opacity:.12;pointer-events:none;background-image:radial-gradient(#2830281c .45px,#0000 .7px);background-size:4px 4px;position:absolute;inset:0}.tile-1{background-color:var(--card-peach);border:1px solid #0000000a;flex-direction:column;justify-content:space-between;display:flex}.card1-wrap{flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex}.card1-headline-container{flex-direction:column;flex-shrink:0;justify-content:flex-start;min-height:154px;display:flex;overflow:visible}.card1-headline{font-family:var(--sf);letter-spacing:-.04em;color:var(--text-primary);flex-direction:column;margin:0;font-size:clamp(1.65rem,2.25vw,2.35rem);font-weight:700;line-height:1.08;display:flex}.card1-headline .write-line{white-space:nowrap;align-items:center;min-height:38px;line-height:1.08;display:flex;overflow:visible}.char-blur-in{color:var(--text-primary);font-weight:700;display:inline-block}.cursor-pipe{background-color:var(--text-primary);vertical-align:middle;width:clamp(2px,.22vw,2.5px);height:clamp(20px,1.8vw,26px);margin-left:2px;animation:.9s step-end infinite blinkCursor;display:inline-block;box-shadow:0 0 6px #00000059}@keyframes blinkCursor{0%,49%{opacity:1}50%,to{opacity:0}}.card1-subtext{font-family:var(--sf);letter-spacing:-.015em;color:#555550;max-width:480px;margin:auto 0 0;font-size:clamp(.75rem,.84vw,.9rem);line-height:1.4}.tile-2{justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:none!important;background:0 0!important;border:none!important}.tile-2:hover{box-shadow:none!important;border:none!important;transform:none!important}.tile-3{background-color:var(--card-white);border:1px solid #0000000d;flex-direction:column;justify-content:space-between;padding:clamp(22px,2.4vw,32px);display:flex}.card3-wrap{flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex}.card3-headline{font-family:var(--sf);letter-spacing:-.04em;color:var(--text-primary);margin:0;font-size:clamp(1.85rem,2.5vw,2.7rem);font-weight:700;line-height:1.08}.card3-divider{border-top:1px solid var(--card-divider);width:100%;margin-top:auto;padding-top:18px}.card3-columns{grid-template-columns:1fr 1fr;gap:clamp(12px,1.8vw,20px);display:grid}.card3-col .col-label{font-family:var(--sf);letter-spacing:-.025em;color:var(--text-primary);margin:0 0 5px;font-size:clamp(1.1rem,1.35vw,1.4rem);font-weight:700;line-height:1.1}.card3-col .col-desc{font-family:var(--sf);color:var(--text-muted);letter-spacing:-.01em;margin:0;font-size:clamp(.78rem,.88vw,.92rem);line-height:1.35}.tile-4{border:1px solid #ffffff14;flex-direction:column;justify-content:flex-start;transition:background-color .45s;display:flex;position:relative;overflow:hidden;background:radial-gradient(ellipse at 88% 22%, #c9562959 0%, transparent 60%), var(--card-black)!important}.card4-video-wrap{pointer-events:none;z-index:1;border-radius:28px;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.card4-cloud-video{object-fit:cover;mix-blend-mode:screen;filter:contrast(1.22)brightness(1.1);opacity:.92;pointer-events:none;width:100%;min-width:100%;height:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.typewriter-heading{z-index:2;font-family:var(--sf);letter-spacing:-.045em;text-shadow:0 2px 24px #000000bf,0 1px 4px #000000e6;margin:0;font-size:clamp(2.05rem,3.65vw,3.65rem);font-weight:600;line-height:1.08;position:relative;color:#fff!important}.typewriter-cursor{vertical-align:middle;width:clamp(2.5px,.35vw,4px);height:clamp(30px,3.8vw,44px);margin-left:4px;animation:.9s step-end infinite blinkCursor;display:inline-block;box-shadow:0 0 12px #fffc;background-color:#fff!important}.tile-5{justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;background:linear-gradient(112deg,#7ecbe7 0%,#9bd8c8 28%,#b4e4a6 52%,#cce391 76%,#ebd767 100%)!important}.voice-btn{z-index:10;cursor:pointer;box-sizing:border-box;background:0 0;border:1.5px solid #000;border-radius:9999px;justify-content:flex-start;align-items:center;gap:14px;width:268px;height:82px;padding:0 28px 0 16px;transition:transform .2s cubic-bezier(.16,1,.3,1),background-color .2s;display:inline-flex;position:relative}.voice-btn:hover{background:#00000009;transform:scale(1.02)}.voice-btn:active{transform:scale(.98)}.voice-btn:hover .agent-mini-character{transform:scale(1.06)}.agent-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.agent-mini-character{width:100%;height:100%;transition:transform .25s cubic-bezier(.16,1,.3,1);overflow:visible}.voice-btn-text{font-family:var(--sf);letter-spacing:-.025em;color:#000;white-space:nowrap;font-size:19px;font-weight:500;line-height:1}.tile-6{border:1px solid #0000000a;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:18px;transition:background-color .45s;display:flex;background-color:#f8ebe3!important}.emotion-row{justify-content:center;align-items:center;gap:12px;width:100%;max-width:312px;display:flex}.emotion-pill{font-family:var(--sf);letter-spacing:-.02em;cursor:pointer;color:#18181b;width:146px;height:48px;box-shadow:none;text-align:center;box-sizing:border-box;isolation:isolate;background-color:#edeff3;border:none;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:15px;font-weight:700;transition:box-shadow .65s cubic-bezier(.16,1,.3,1),background-color .4s;display:inline-flex;position:relative;overflow:hidden;transform:none!important}.emotion-pill-color-fill{opacity:0;filter:blur(10px);pointer-events:none;z-index:1;border-radius:9999px;transition:opacity .85s cubic-bezier(.16,1,.3,1),filter .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scale(.92)}.emotion-pill.active .emotion-pill-color-fill{opacity:1;filter:blur();transform:scale(1)}.emotion-pill-label{z-index:2;color:#18181b;transition:color .45s;position:relative}.emotion-pill:hover:not(.active){background-color:#e2e6ec}.emotion-pill.active{box-shadow:0 2px 6px #00000029!important}.emotion-pill.active .emotion-pill-label{color:#fff!important}@media (max-width:900px){.bento-ops-grid{grid-template-columns:1fr;grid-template-areas:"card1""card2""card3""card4""card5""card6";gap:12px}.bento-tile{height:auto;min-height:340px;max-height:none}}