.interactive-product[data-astro-cid-g4xjjdb3]{background:#fff}.window-toolbar[data-astro-cid-g4xjjdb3]{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;min-height:31px;padding-right:6px;display:grid}.window-toolbar[data-astro-cid-g4xjjdb3]>.window-title[data-astro-cid-g4xjjdb3]{margin-left:0}.demo-window-actions[data-astro-cid-g4xjjdb3]{justify-self:end;align-items:center;gap:2px;display:flex}.demo-window-actions[data-astro-cid-g4xjjdb3] button[data-astro-cid-g4xjjdb3],.demo-window-actions[data-astro-cid-g4xjjdb3] a[data-astro-cid-g4xjjdb3]{width:26px;height:26px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.demo-window-actions[data-astro-cid-g4xjjdb3] button[data-astro-cid-g4xjjdb3]:hover,.demo-window-actions[data-astro-cid-g4xjjdb3] a[data-astro-cid-g4xjjdb3]:hover{color:#244e3e;background:#e8efea}.demo-window-actions[data-astro-cid-g4xjjdb3] button[data-astro-cid-g4xjjdb3]:focus-visible,.demo-window-actions[data-astro-cid-g4xjjdb3] a[data-astro-cid-g4xjjdb3]:focus-visible{outline-offset:-2px;outline:2px solid #547468}.demo-viewport[data-astro-cid-g4xjjdb3]{aspect-ratio:1680/1011;width:100%;position:relative;overflow:hidden}.demo-poster[data-astro-cid-g4xjjdb3]{object-fit:contain;width:100%;height:100%;display:block}.demo-frame[data-astro-cid-g4xjjdb3]{transform-origin:0 0;opacity:0;pointer-events:none;border:0;width:1680px;height:1011px;position:absolute;top:0;left:0}[data-astro-cid-g4xjjdb3][data-ready=true] .demo-frame[data-astro-cid-g4xjjdb3]{opacity:1;pointer-events:auto}[data-astro-cid-g4xjjdb3][data-ready=true] .demo-poster[data-astro-cid-g4xjjdb3]{visibility:hidden}@layer reset,base;@layer components{.hero{--hero-p:1;--dawn:0;--copy:0;--sy:0;--mx:0;--my:0;isolation:isolate;padding-top:calc(var(--header) + clamp(40px, 7.5vh, 110px));background:var(--paper);padding-bottom:28px;position:relative;overflow-x:clip}.motion .hero{--hero-p:0}.hero-night{z-index:-1;opacity:calc(1 - var(--dawn));background:radial-gradient(70% 34% at 50% 44%,#1f6b5273,#0000 72%),radial-gradient(46% 26% at 10% 6%,#17463573,#0000 70%),radial-gradient(40% 24% at 90% 12%,#4a5a2e40,#0000 70%),linear-gradient(#050d0a 0%,#08140f 46%,#0b1d16 100%);position:absolute;inset:0;overflow:clip}.hero-aurora{opacity:0;width:100%;height:100%;transition:opacity 1.6s;position:absolute;inset:0}.hero-aurora[data-live]{opacity:1}.hero-grain{background:var(--grain);mix-blend-mode:overlay;opacity:.2;position:absolute;inset:0}.hero-sheets{pointer-events:none;position:absolute;inset:0}.sheet{left:var(--x);top:var(--y);width:var(--w);aspect-ratio:.76;opacity:var(--o);filter:blur(var(--blur));transform:translate3d(calc(var(--mx) * var(--d) * -30px), calc(var(--my) * var(--d) * -20px - var(--sy) * var(--d) * .32px), 0) rotate(var(--r));position:absolute}.sheet-face{background:linear-gradient(160deg,#f1f8f31f,#f1f8f308);border:1px solid #ffffff29;border-radius:9px;flex-direction:column;gap:7%;height:100%;padding:16% 13%;display:flex;box-shadow:0 30px 60px -20px #00000080}.sheet-face i{background:#ffffff26;border-radius:2px;height:3.2%;min-height:2px;display:block}.sheet-face .sheet-title{background:#ffffff59;width:62%;height:5.5%;margin-bottom:6%}.sheet-face .sheet-mark{background:#f3e2ac8c;width:74%;height:6%}.sheet-face i:last-child{width:58%}.hero-copy{text-align:center;opacity:calc(1 - var(--copy));filter:blur(calc(var(--copy) * 6px));transform:translate3d(0, calc(var(--sy) * .16px), 0) scale(calc(1 - var(--copy) * .04));position:relative}.hero-copy:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 50% at 50% 48%,#050d0a99,#0000 72%);position:absolute;inset:-8% -12% -4%}.hero-eyebrow{justify-content:center;align-items:center;gap:12px;margin-bottom:26px;display:flex}.hero h1{font-size:calc(clamp(46px, min(8.6vw, 14.5vh), 140px) * var(--h1-scale,1));max-width:1100px;margin:auto;font-weight:680;line-height:1.02}.hero-line{margin:-.06em -.06em -.16em;padding:.06em .06em .16em;display:block;overflow:hidden}.hero-line>span{display:inline-block}.hero-accent>span{color:#0000;background:linear-gradient(100deg,#d6fae8 0%,#8fe3bd 34%,#f3e2ac 68%,#d6fae8 100%) 0 0/220% 100%;-webkit-background-clip:text;background-clip:text}html:lang(zh-Hans) .hero h1,html:lang(zh-Hant) .hero h1,html:lang(ja) .hero h1,html:lang(ko) .hero h1{line-height:1.16}html:lang(ja) .hero h1{--h1-scale:.7}html:lang(ko) .hero h1{--h1-scale:.84}html:lang(ru) .hero h1{--h1-scale:.9}.hero-description{white-space:pre-line;color:#c6d5cb;max-width:640px;margin:26px auto 0;font-size:clamp(16px,1.45vw,20px);line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.hero-actions .button>svg:last-child{opacity:.7;margin-left:4px}.platform-note{font-family:var(--mono);letter-spacing:.02em;color:#a3b5ab;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:20px;font-size:11.5px;display:flex}.note-divider{color:#ffffff38}.hero-product{z-index:1;margin-top:clamp(40px,5.6vh,76px);position:relative}.hero-product:before{content:"";z-index:-1;background:linear-gradient(180deg, transparent 18%, var(--paper) 66%);pointer-events:none;width:100vw;position:absolute;top:0;bottom:-28px;left:50%;transform:translate(-50%)}.hero-stage{perspective:1700px;perspective-origin:50% 0;position:relative}.hero-halo{filter:blur(34px);opacity:calc(1 - var(--dawn));pointer-events:none;background:radial-gradient(50% 56% at 50% 34%,#8fe3bd66,#0000 72%);position:absolute;inset:-10% -6% 34%}.hero-window{transform-origin:50% 0;transform:rotateX(calc((1 - var(--hero-p)) * 26deg)) scale(calc(.86 + .14 * var(--hero-p)));will-change:transform;box-shadow:0 46px 100px -44px #0b241ba6}.hero-image-caption{color:#68776c;justify-content:space-between;align-items:center;gap:20px;margin:22px 4px 0;font-size:12px;display:flex}.hero-image-caption>span:last-child{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#7b887c;font-size:10.5px}.motion .hero-eyebrow{animation:hero-rise .9s var(--ease) 50ms backwards}.motion .hero-line>span{animation:hero-line 1.1s var(--ease) .12s backwards}.motion .hero-accent>span{animation:hero-line 1.1s var(--ease) .24s backwards, hero-shimmer 11s linear 1.6s infinite}.motion .hero-description{animation:hero-rise .9s var(--ease) .42s backwards}.motion .hero-actions{animation:hero-rise .9s var(--ease) .54s backwards}.motion .platform-note{animation:hero-rise .9s var(--ease) .64s backwards}.motion .hero-stage{animation:hero-stage 1.3s var(--ease) .5s backwards}.motion .hero-sheets{animation:1.8s .3s backwards hero-fade}.motion .sheet-face{animation:sheet-float var(--f) ease-in-out infinite alternate}@keyframes hero-rise{0%{opacity:0;transform:translateY(22px)}}@keyframes hero-line{0%{transform:translateY(112%)}}@keyframes hero-stage{0%{opacity:0;transform:translateY(70px)}}@keyframes hero-fade{0%{opacity:0}}@keyframes hero-shimmer{to{background-position:-220% 0}}@keyframes sheet-float{to{transform:translateY(-14px)rotate(1.5deg)}}.statement{--p:1;padding-block:clamp(90px,17vh,200px) clamp(50px,9vh,110px)}.statement-text{letter-spacing:-.045em;text-wrap:wrap;max-width:15em;font-size:clamp(36px,6.2vw,92px);line-height:1.06}.statement-accent{color:var(--green)}.statement-sub{letter-spacing:-.015em;max-width:30em;color:var(--ink);margin-top:clamp(26px,4.4vh,48px);font-size:clamp(18px,2.1vw,28px);line-height:1.5}.statement .w{opacity:calc(.15 + .85 * clamp(0, (var(--p) * (var(--n) + 4) - var(--i)) / 4, 1))}html:lang(zh-Hans) .statement-text,html:lang(zh-Hant) .statement-text,html:lang(ja) .statement-text,html:lang(ko) .statement-text{line-height:1.2}html:lang(ja) .statement-text{font-size:clamp(30px,5vw,76px)}.journey{--p:3;--stage-h:560px;gap:44px;padding-bottom:clamp(70px,11vh,140px);display:grid;position:relative}.journey-stage{place-items:center;display:grid}.journey-art{width:min(100%, var(--stage-h));aspect-ratio:1;container-type:inline-size}.journey-canvas{--search:clamp(0, var(--p) / .16, 1);--type:clamp(0, (var(--p) - .06) / .3, 1);--c1:clamp(0, (var(--p) - .16) / .26, 1);--c2:clamp(0, (var(--p) - .22) / .26, 1);--c3:clamp(0, (var(--p) - .28) / .26, 1);--pick:clamp(0, (var(--p) - .46) / .12, 1);--out1:clamp(0, (var(--p) - 1) / .28, 1);--move2:clamp(0, (var(--p) - 1.02) / .36, 1);--mark:clamp(0, (var(--p) - 1.3) / .18, 1);--note:clamp(0, (var(--p) - 1.28) / .24, 1);--link1:clamp(0, (var(--p) - 1.42) / .14, 1);--move3:clamp(0, (var(--p) - 2) / .3, 1);--ask:clamp(0, (var(--p) - 2.06) / .14, 1);--answer:clamp(0, (var(--p) - 2.18) / .18, 1);--line1:clamp(0, (var(--p) - 2.3) / .08, 1);--line2:clamp(0, (var(--p) - 2.35) / .08, 1);--line3:clamp(0, (var(--p) - 2.4) / .08, 1);--cite:clamp(0, (var(--p) - 2.44) / .08, 1);--link2:clamp(0, (var(--p) - 2.48) / .16, 1);--m2:calc(var(--move2) * var(--move2) * (3 - 2 * var(--move2)));--m3:calc(var(--move3) * var(--move3) * (3 - 2 * var(--move3)));border:1px solid var(--line);background:radial-gradient(80% 60% at 28% 16%,#fff,#0000 72%),linear-gradient(160deg,#eef3ea,#e1eae1);border-radius:7em;width:100%;height:100%;font-size:1cqw;position:relative;overflow:hidden;box-shadow:0 5em 9em -6em #1d594673}.journey-canvas:before{content:"";background-image:radial-gradient(#1d594626 1px,#0000 1.4px);background-size:4.4em 4.4em;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 76%);mask-image:radial-gradient(circle,#000,#0000 76%)}.journey-canvas svg:not(.j-links){width:3em;height:3em}.j-bar{background:#dde5dc;border-radius:.5em;width:100%;height:.9em;display:block}.j-short{width:64%}.j-search{color:#6d7a6b;height:9.5em;opacity:calc(var(--search) * (1 - var(--out1)));transform:translateY(calc((1 - var(--search)) * 4em - var(--out1) * 5em));background:#fff;border:1px solid #dce4d8;border-radius:5em;align-items:center;gap:2em;padding:0 3em;display:flex;position:absolute;top:12em;left:14em;right:14em;box-shadow:0 2em 4em -2em #1d594640}.j-query{font-family:var(--mono);color:var(--ink);white-space:nowrap;font-size:2.3em;position:relative}.j-query-text{clip-path:inset(0 calc((1 - var(--type)) * 100%) 0 0);display:block}.j-caret{top:8%;bottom:8%;left:calc(var(--type) * 100%);background:var(--green);width:1.5px;opacity:calc(1 - var(--pick));position:absolute}.j-key{color:color-mix(in srgb, var(--green) calc(var(--pick) * 100%), #a9b4a7);margin-left:auto;font-size:2.6em}.j-card{background:#fff;border:1px solid #dfe5d9;border-radius:2.4em;flex-direction:column;gap:1.6em;width:30em;height:40em;padding:4em 3.4em;display:flex;position:absolute;top:36em;box-shadow:0 3em 5em -3em #1d594640}.j-card-a{opacity:calc(var(--c1) * (1 - var(--out1)));transform:translate(calc(var(--out1) * -32em), calc((1 - var(--c1)) * 30em)) rotate(calc(-9deg - var(--out1) * 14deg)) scale(calc(.8 + .2 * var(--c1)));left:8em}.j-card-b{opacity:calc(var(--c3) * (1 - var(--out1)));transform:translate(calc(var(--out1) * 32em), calc((1 - var(--c3)) * 30em)) rotate(calc(9deg + var(--out1) * 14deg)) scale(calc(.8 + .2 * var(--c3)));right:8em}.j-tag{background:#b9d6c6;border-radius:.5em;width:34%;height:1em;margin-bottom:1em;display:block}.j-bar-title{background:#c3cfc4;height:1.7em}.j-bar-title+.j-bar:not(.j-bar-title){margin-top:1.4em}.j-sheet{width:42em;height:56em;box-shadow:0 0 0 calc(var(--pick) * (1 - var(--move2)) * .7em) #2c7a6140, 0 3.4em 6em -3em #1d594666;opacity:var(--c2);transform:translate(calc(22em * (1 - var(--m2)) - 2em * var(--m3)), calc(9em * (1 - var(--m2)) + 5em * var(--m3) + 34em * (1 - var(--c2)) - 2em * var(--pick) * (1 - var(--m2)))) rotate(calc(2deg - 5deg * var(--m2) - 3deg * var(--m3))) scale(calc(.72 + .28 * var(--m2) - .1 * var(--m3)));background:#fff;border:1px solid #dfe5d9;border-radius:2em;position:absolute;top:19em;left:7em}.j-face{flex-direction:column;display:flex;position:absolute;inset:0}.j-face-card{opacity:calc(1 - var(--move2));gap:2.2em;padding:5.6em 4.8em}.j-face-card .j-bar{height:1.2em}.j-tag-text{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--green);font-size:2em}.j-face-card strong{letter-spacing:-.03em;color:var(--ink);margin-bottom:.6em;font-size:4.6em;font-weight:620;line-height:1.22}.j-source{font-family:var(--mono);color:#859482;justify-content:space-between;margin-top:auto;font-size:2.2em;display:flex}.j-face-page{opacity:var(--move2);gap:1.5em;padding:4.5em 4em}.j-face-page strong{text-align:center;white-space:nowrap;color:#1d2a23;height:1.2em;font-family:Georgia,Times New Roman,serif;font-size:2.5em;font-weight:700;line-height:1.2}.j-authors{background:#c9d3c9;border-radius:.4em;width:44%;height:.7em;margin:0 auto 1.5em;display:block}.j-abstract{text-align:center;color:#1d2a23;height:1.2em;margin-bottom:.2em;font-family:Georgia,Times New Roman,serif;font-size:1.7em;font-weight:700;line-height:1.2}.j-face-page .j-bar:nth-last-of-type(2){width:58%}.j-mark{mix-blend-mode:multiply;height:4.6em;box-shadow:0 0 calc(var(--link2) * 3.4em) #efd26e;transform:scaleX(var(--mark));transform-origin:0;background:#f3e2ac;border-radius:.6em;position:absolute;top:30.3em;left:3.4em;right:5.6em}.j-bookmark{color:#fff;background:var(--green);width:7.4em;height:7.4em;opacity:calc(1 - var(--move2));transform:scale(var(--pick));border-radius:50%;place-items:center;display:grid;position:absolute;top:-2.4em;right:3.4em;box-shadow:0 1.6em 3em -1.2em #1d5946b3}.j-bookmark svg:not(.j-links){width:3.6em;height:3.6em}.j-note{width:38em;height:30em;color:var(--green);opacity:var(--note);transform:translate(calc((1 - var(--note)) * 24em - var(--m3) * 22em), calc((1 - var(--note)) * 8em + var(--m3) * 28em)) rotate(calc(4deg + (1 - var(--note)) * 8deg - var(--m3) * 8deg)) scale(calc(1 - .16 * var(--m3)));background:#dff0e4;border:1px solid #bfdcc9;border-radius:2.6em;flex-direction:column;gap:1.6em;padding:3.4em;display:flex;position:absolute;top:39em;left:55em;box-shadow:0 3em 5em -3em #1d594659}.j-note strong{color:#1f5544;margin-bottom:.3em;font-size:2.9em;font-weight:620;line-height:1.3}.j-note .j-bar{background:#b7d6c2}.j-ask{color:#f2f8f3;max-width:21em;opacity:var(--ask);transform:translateY(calc((1 - var(--ask)) * 1.2em)) scale(calc(.85 + .15 * var(--ask)));transform-origin:100% 100%;background:#1f5b49;border-radius:1.2em 1.2em .3em;padding:.85em 1.2em;font-size:2.5em;line-height:1.5;position:absolute;top:2.8em;right:2em;box-shadow:0 1.2em 2.4em -1.2em #1d5946b3}.j-answer{width:50em;height:34em;opacity:var(--answer);transform:translateY(calc((1 - var(--answer)) * 5em));background:#fff;border:1px solid #dde6df;border-radius:2.6em;gap:2.4em;padding:3em;display:flex;position:absolute;top:28em;right:4em;box-shadow:0 3.4em 6em -3em #1d594666}.j-avatar{width:5.4em;height:5.4em;color:var(--green);background:#e4f0e7;border-radius:1.6em;flex-shrink:0;place-items:center;display:grid}.j-answer-body{flex-direction:column;flex:1;gap:1.7em;min-width:0;display:flex}.j-answer-body strong{color:var(--ink);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.2em;font-size:2.7em;font-weight:620;line-height:1.35;display:-webkit-box;overflow:hidden}.j-answer-body .j-bar{transform-origin:0}.j-line-1{transform:scaleX(var(--line1))}.j-line-2{transform:scaleX(var(--line2))}.j-line-3{transform:scaleX(var(--line3))}.j-cite{white-space:nowrap;color:var(--green-dark);opacity:var(--cite);transform:scale(calc(.7 + .3 * var(--cite)));transform-origin:0;background:#e4f0e7;border-radius:.7em;padding:.4em .9em;font-size:2em;line-height:1.2;position:absolute;bottom:1.5em;left:5.4em}.j-links{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.j-link{stroke:var(--green);stroke-width:.45px;stroke-linecap:round;stroke-dasharray:1}.j-link-1{stroke-dashoffset:calc(1 - var(--link1));opacity:calc(min(1, var(--link1) * 12) * (1 - var(--move3)))}.j-link-2{stroke-dashoffset:calc(1 - var(--link2));opacity:min(1, var(--link2) * 12)}.journey-steps{gap:28px;margin:0;padding:0;list-style:none;display:grid}.step-top{align-items:center;gap:14px;margin-bottom:22px;display:flex}.step-number{font-family:var(--mono);color:var(--green);border:1px solid color-mix(in srgb, var(--green) 40%, transparent);border-radius:99px;padding:2px 11px;font-size:12px}.step-label{color:var(--green);align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.journey-step h3{letter-spacing:-.035em;white-space:pre-line;margin-bottom:20px;font-size:clamp(30px,3.5vw,52px);line-height:1.12}.journey-step>p{max-width:30em;font-size:17px;line-height:1.8}.feature-tags{flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0;list-style:none;display:flex}.feature-tags li{color:var(--green-dark);background:var(--mint);border-radius:99px;padding:5px 13px;font-size:12.5px}html:lang(zh-Hans) .journey-step h3,html:lang(zh-Hant) .journey-step h3,html:lang(ja) .journey-step h3,html:lang(ko) .journey-step h3{line-height:1.26}.workspace{padding-inline:clamp(8px,1.5vw,22px)}.theater{isolation:isolate;background:radial-gradient(90% 60% at 50% 0,#143526 0%,#0000 70%),linear-gradient(#0a1712,#050d0a);border-radius:clamp(24px,3.2vw,46px);padding-block:clamp(84px,13vh,140px) clamp(56px,8vh,90px);position:relative;overflow:clip}.theater:before{content:"";z-index:-1;background-image:radial-gradient(#ffffff17 1px,#0000 1.4px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000,#0000 100%);mask-image:radial-gradient(70% 60% at 50% 30%,#000,#0000 100%)}.theater:after{content:"";z-index:-1;background:var(--grain);mix-blend-mode:overlay;opacity:.16;pointer-events:none;position:absolute;inset:0}.theater-glow{z-index:-1;filter:blur(50px);pointer-events:none;background:radial-gradient(50% 50%,#8fe3bd4d,#0000 72%);width:min(1100px,92%);height:58%;position:absolute;top:34%;left:50%;transform:translate(-50%)}.workspace .section-heading{max-width:900px;margin-bottom:36px}.workspace-tabs{--thumb-x:0px;--thumb-w:0px;scrollbar-width:none;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:50px;align-items:center;gap:3px;width:fit-content;max-width:100%;margin:0 auto 38px;padding:5px;display:flex;position:relative;overflow-x:auto}.workspace-tabs::-webkit-scrollbar{display:none}.workspace-tabs a{z-index:1;white-space:nowrap;color:var(--on-night-muted);border-radius:50px;padding:10px 22px;font-size:14px;transition:background .2s,color .25s;position:relative}.workspace-tabs a:hover{color:var(--on-night)}.workspace-tabs a[aria-selected=true]{color:#05241a;background:linear-gradient(#d9faea,#9be6c4)}.workspace-tabs[data-thumb]:before{content:"";width:var(--thumb-w);transform:translateX(var(--thumb-x));transition:transform .5s var(--ease), width .5s var(--ease);background:linear-gradient(#d9faea,#9be6c4);border-radius:50px;position:absolute;top:5px;bottom:5px;left:0;box-shadow:0 8px 26px -10px #8fe3bdb3}.workspace-tabs[data-thumb] a[aria-selected=true]{background:0 0}.theater-stage{--p:1;perspective:1800px;perspective-origin:50% 100%}.showcase-window{transform-origin:50% 100%;transform:rotateX(calc((1 - var(--p)) * -9deg)) scale(calc(.9 + .1 * var(--p)));border-color:#ffffff2e;border-radius:13px;box-shadow:0 0 0 1px #ffffff14,0 50px 110px -50px #000,0 0 90px -30px #8fe3bd59}.showcase-panel{animation:panel-in .45s var(--ease);border-radius:14px}.scene-caption{justify-content:space-between;align-items:center;gap:30px;padding-top:30px;display:flex}.scene-caption h3{margin-bottom:6px;font-size:21px;font-weight:600}.scene-caption p{font-size:15px}.demo-label{border:1px solid var(--night-line);font-family:var(--mono);color:var(--on-night-muted);white-space:nowrap;border-radius:99px;padding:6px 12px;font-size:11px}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}}.bento{--p:.5;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;display:grid}.bento-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(170deg,#fff,#f0f4ec);flex-direction:column;grid-column:span 5;min-height:380px;padding:30px;transition:border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.bento-card:hover{border-color:#b9cdbd;box-shadow:0 30px 60px -40px #1d594666}.bento-0,.local-note{grid-column:span 7}.bento-art{background:radial-gradient(#1d59461f 1px,#0000 1.4px) 0 0/20px 20px,#edf2ea;border-radius:16px;flex:1;place-items:center;min-height:170px;margin:-8px -8px 24px;display:grid;position:relative}.utility-icon{width:44px;height:44px;color:var(--green);background:#fff;border:1px solid #d3dfd3;border-radius:13px;place-items:center;margin-bottom:18px;display:grid}.bento-card h3{margin-bottom:10px;font-size:23px;line-height:1.3}.bento-card>p{max-width:34em;font-size:15px;line-height:1.75}.bento-art>*,.local-rings{transform:translate3d(0, calc((.5 - var(--p)) * 40px), 0)}.art-shelf{gap:10px;width:min(74%,330px);display:grid}.shelf-row{font-family:var(--mono);color:#7b8a80;transition:transform .5s var(--ease);background:#fff;border:1px solid #dde5dc;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:11px;display:flex;box-shadow:0 10px 22px -16px #1d594666}.shelf-row:nth-child(2){margin-left:22px;margin-right:-22px}.shelf-row:nth-child(3){margin-left:44px;margin-right:-44px}.bento-card:hover .shelf-row:nth-child(2){transform:translate(-10px)}.bento-card:hover .shelf-row:nth-child(3){transform:translate(-20px)}.shelf-dot{background:var(--green);border-radius:3px;width:10px;height:10px}.shelf-row:nth-child(2) .shelf-dot{background:#d9b44a}.shelf-row:nth-child(3) .shelf-dot{background:#7fa8c9}.shelf-bar{background:#dde5dc;border-radius:3px;flex:1;height:6px}.art-export{width:128px;position:relative}.export-file{transition:transform .5s var(--ease);background:#fff;border:1px solid #dde5dc;border-radius:12px;gap:9px;padding:20px 18px 24px;display:grid;transform:rotate(-4deg);box-shadow:0 16px 30px -20px #1d594680}.bento-card:hover .export-file{transform:rotate(-1deg)translateY(-4px)}.export-file b{font-family:var(--mono);color:var(--green);font-size:17px;line-height:1}.export-file i{background:#dde5dc;border-radius:3px;height:5px;display:block}.export-file i:last-child{width:60%}.export-chip{font-family:var(--mono);color:#fff;background:var(--green);border-radius:99px;align-items:center;gap:5px;padding:6px 11px;font-size:12px;display:inline-flex;position:absolute;bottom:-12px;right:-30px;box-shadow:0 10px 20px -10px #1d5946cc}.art-sync{align-items:center;gap:16px;display:flex}.sync-device{background:linear-gradient(#dde5dc,#dde5dc) 14% 26%/46% 4px no-repeat,linear-gradient(#dde5dc,#dde5dc) 14% 46%/70% 4px no-repeat,linear-gradient(#f3e2ac,#f3e2ac) 14% 66%/54% 6px no-repeat,#fff;border:2px solid #b4c6b8;border-radius:8px;display:block;box-shadow:0 14px 26px -18px #1d594680}.sync-laptop{width:104px;height:70px}.sync-tablet{width:52px;height:74px}.sync-path{gap:7px;display:flex}.sync-path i{background:var(--green);opacity:.25;border-radius:50%;width:6px;height:6px}.motion .sync-path i{animation:1.5s ease-in-out infinite sync-pulse}.motion .sync-path i:nth-child(2){animation-delay:.2s}.motion .sync-path i:nth-child(3){animation-delay:.4s}@keyframes sync-pulse{40%{opacity:1;transform:scale(1.3)}}.local-note{--spot:#8fe3bd2e;background:radial-gradient(70% 90% at 88% 12%,#1f6b5299,#0000 70%),linear-gradient(160deg,#0c1c16,#06100c);border-color:#ffffff1f;justify-content:flex-end;position:relative}.local-note:hover{border-color:#8fe3bd59}.local-note h3{font-size:27px}.local-label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--glow);margin-bottom:14px;font-size:11px}.local-rings{width:76px;height:76px;color:var(--glow);place-items:center;display:grid;position:absolute;top:34px;right:34px}.local-rings i{border:1px solid #8fe3bd61;border-radius:50%;position:absolute;inset:0}.local-rings i:nth-child(2){border-color:#8fe3bd38;inset:-30px}.local-rings i:nth-child(3){border-color:#8fe3bd1f;inset:-64px}.faq{grid-template-columns:.85fr 1.15fr;align-items:start;gap:clamp(40px,7vw,110px);display:grid}.faq-heading{position:sticky;top:120px}.faq-heading h2{max-width:9em;font-size:clamp(30px,3.4vw,46px);line-height:1.2}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:22px;min-height:84px;padding:22px 0;font-size:18px;font-weight:560;transition:color .2s;display:flex}.faq-list summary:hover{color:var(--green)}.faq-plus{border:1px solid var(--line);width:30px;height:30px;color:var(--green);transition:background .25s, border-color .25s, color .25s, transform .4s var(--ease);border-radius:50%;flex-shrink:0;position:relative}.faq-plus:before,.faq-plus:after{content:"";background:currentColor;height:1.5px;position:absolute;top:13.5px;left:8px;right:8px}.faq-plus:after{transform:rotate(90deg)}.faq-list details[open] .faq-plus{color:#fff;background:var(--green);border-color:var(--green);transform:rotate(45deg)}.faq-list details p{max-width:640px;padding:0 40px 26px 0;font-size:15.5px;line-height:1.85}@supports (interpolate-size:allow-keywords){.faq-list details{interpolate-size:allow-keywords}.faq-list details::details-content{block-size:0;transition:block-size .45s var(--ease), content-visibility .45s allow-discrete;overflow:clip}.faq-list details[open]::details-content{block-size:auto}}.download-section{--p:1;isolation:isolate;background:linear-gradient(180deg, #091610, var(--night));border-radius:clamp(28px,4vw,56px) clamp(28px,4vw,56px) 0 0;padding-block:clamp(90px,14vh,150px) clamp(56px,9vh,96px);position:relative;overflow:clip}.download-section:after{content:"";z-index:-1;background:var(--grain);mix-blend-mode:overlay;opacity:.18;pointer-events:none;position:absolute;inset:0}.download-aura{z-index:-1;transform:translate3d(0, calc((1 - var(--p)) * 140px), 0);position:absolute;inset:0;overflow:clip}.download-aura i{filter:blur(70px);border-radius:50%;position:absolute}.download-aura i:first-child{opacity:.6;background:#1f6b52;width:48vw;height:30vw;top:-14%;left:4%}.download-aura i:nth-child(2){opacity:.34;background:#2f8f72;width:36vw;height:26vw;top:4%;right:2%}.download-aura i:nth-child(3){opacity:.1;background:#f3e2ac;width:30vw;height:15vw;top:26%;left:36%}.motion .download-aura i{animation:16s ease-in-out infinite alternate aura-drift}.motion .download-aura i:nth-child(2){animation-duration:21s;animation-direction:alternate-reverse}.motion .download-aura i:nth-child(3){animation-duration:13s}@keyframes aura-drift{to{translate:7vw 3vw;scale:1.14}}.download-mark{width:72px;margin:0 auto 34px;position:relative}.download-mark img{border-radius:18px;position:relative;box-shadow:0 18px 44px -14px #8fe3bd80}.download-mark:before,.download-mark:after{content:"";border:1px solid #8fe3bd3d;border-radius:50%;position:absolute;inset:-26px}.download-mark:after{border-color:#8fe3bd1f;inset:-58px}.download-section .section-heading{max-width:980px;margin-bottom:22px}.download-section h2{font-size:clamp(36px,5.6vw,82px);line-height:1.04}.release-status{min-height:24px;font-family:var(--mono);text-align:center;color:var(--on-night-muted);justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.release-status[data-state=error] .status-dot{box-shadow:none;background:#889680}.download-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;max-width:1140px;margin:40px auto 0;display:grid}.download-card{--spot:#8fe3bd26;backdrop-filter:blur(14px);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:22px;align-self:start;padding:28px 24px 18px;transition:background .3s,border-color .3s}.download-card:hover{background:#ffffff12;border-color:#ffffff38}.download-card[data-recommended=true]{background:#ffffff12}.download-card[data-recommended=true]:before{content:"";border-radius:inherit;background:conic-gradient(from var(--ring), #8fe3bd00 0%, #8fe3bd 16%, #f3e2ac 28%, #8fe3bd00 44%, #8fe3bd00 100%);-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.motion .download-card[data-recommended=true]:before{animation:7s linear infinite ring-turn}@keyframes ring-turn{to{--ring:360deg}}.download-platform{align-items:center;gap:17px;display:flex}.download-platform>svg{color:var(--glow-soft);flex-shrink:0}.download-platform h3{font-size:24px;font-weight:620;line-height:1.3}.download-platform p{margin-top:2px;font-size:12.5px}.download-meta{font-family:var(--mono);color:var(--on-night-muted);flex-wrap:wrap;gap:10px;margin:22px 0 18px;font-size:11px;display:flex}.download-meta>span+span:before{content:"·";color:#ffffff47;margin-right:10px}.download-card .button{border-radius:12px;justify-content:space-between;width:100%;min-height:48px;padding:11px 16px;font-size:14px;display:flex}.asset-message{margin-top:10px;font-size:12px}.install-help{margin-top:12px;font-size:12.5px}.install-help summary{min-height:32px;color:var(--on-night-muted);justify-content:center;align-items:center;gap:7px;transition:color .2s;display:flex}.install-help summary:hover{color:var(--on-night)}.install-help summary>svg{transition:transform .2s}.install-help[open] summary>svg{transform:rotate(180deg)}.install-help p{margin:12px 0 6px;font-size:12.5px;line-height:1.85}.release-links{font-family:var(--mono);color:var(--on-night-muted);flex-wrap:wrap;justify-content:center;gap:18px;margin-top:30px;font-size:12px;display:flex}.release-links a{color:var(--glow);align-items:center;gap:7px;display:inline-flex}.release-links a:hover{text-underline-offset:4px;text-decoration:underline}}@layer responsive{@media (width<=1100px){html:not(.js) .hero{padding-top:calc(var(--header) + 110px)}}@media (width<=800px){.sheet-1,.sheet-2,.sheet-4,.sheet-5{display:none}.sheet{width:calc(var(--w) * .6)}.sheet-0{left:-4%}.sheet-3{left:88%}.hero-image-caption{gap:12px;font-size:11px}.hero-image-caption>span:last-child{text-align:right;max-width:130px}}@media (width<=620px){.hero{padding-top:calc(var(--header) + 44px)}.hero h1{font-size:calc(clamp(40px, 14.6vw, 74px) * var(--h1-scale-s,1));line-height:1.06}html:lang(ja) .hero h1,html:lang(ko) .hero h1,html:lang(ru) .hero h1{--h1-scale-s:.8}html:lang(fr) .hero h1{--h1-scale-s:.88}.hero-eyebrow{letter-spacing:.1em;gap:10px;margin-bottom:22px}.hero-description{text-wrap:pretty;white-space:normal;max-width:360px;margin-top:22px;font-size:15px}.hero-actions{flex-flow:column;align-items:center;gap:10px;margin-top:28px}.hero-actions .button{width:100%;max-width:300px;min-height:48px;padding:12px 14px;font-size:14px}.hero-actions .button>svg:last-child{display:none}.platform-note{gap:8px;margin-top:16px;font-size:10px}.hero-product{margin-top:40px}.product-window{border-radius:9px}.window-toolbar{letter-spacing:.09em;height:23px;padding:0 9px;font-size:6px}.window-dots{gap:3px}.window-dots i{width:4px;height:4px}.hero-image-caption{text-align:center;margin:16px 0 0;display:block}.hero-image-caption>span:last-child{text-align:center;max-width:none;margin-top:5px;font-size:9px;display:block}}@media (width>=900px){.journey-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}html:not(.motion) .journey-step h3{font-size:clamp(26px,2.5vw,36px)}.motion .journey{--stage-h:min(72vh, 600px);grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:clamp(40px,6vw,110px)}.motion .journey-stage{top:calc(50vh - var(--stage-h) / 2 + 20px);height:var(--stage-h);order:2;align-self:start;position:sticky}.motion .journey-steps{padding-left:38px;display:block;position:relative}.motion .journey-step{flex-direction:column;justify-content:center;min-height:78vh;display:flex}.motion .journey-steps:before,.motion .journey-steps:after{content:"";background:var(--line);border-radius:2px;width:2px;position:absolute;top:39vh;bottom:39vh;left:0}.motion .journey-steps:after{background:linear-gradient(var(--green), var(--glow));transform:scaleY(clamp(0, (var(--p) - .6) / 2, 1));transform-origin:50% 0}}@media (width<=899px){.motion .journey{--stage-h:min(44svh, 380px);display:block}.motion .journey-stage{top:var(--header);z-index:2;background:linear-gradient(var(--paper) 90%, transparent);padding-block:10px 26px;position:sticky}.motion .journey-step{flex-direction:column;justify-content:center;min-height:52svh;display:flex}.journey-step>p{font-size:16px}}.journey[data-live] .journey-step{opacity:.26;transition:opacity .5s}.journey[data-live] .journey-step[data-active]{opacity:1}@media (width<=620px){.statement{padding-block:76px 40px}.journey{padding-bottom:56px}.journey-step h3{white-space:normal}}@media (width<=1100px){.scene-caption{align-items:flex-start}.demo-label{white-space:normal;text-align:right;border-radius:12px;max-width:220px}}@media (width<=620px){.workspace .section-heading{margin-bottom:26px}.workspace-tabs{justify-content:space-between;gap:0;width:100%;margin-bottom:24px;padding:4px}.workspace-tabs[data-thumb]:before{top:4px;bottom:4px}.workspace-tabs a{padding:9px 12px;font-size:12px}.showcase-window{border-radius:8px}.scene-caption{padding-top:22px;display:block}.scene-caption h3{margin-bottom:7px;font-size:18px}.scene-caption p{font-size:14px;line-height:1.8}.demo-label{text-align:left;max-width:none;margin-top:14px;font-size:10px;display:inline-block}}@media (width<=900px){.bento-card,.bento-0,.local-note{grid-column:span 12;min-height:0}.local-note{padding-top:130px}}@media (width<=620px){.bento{gap:14px}.bento-card{padding:22px}.local-note{padding-top:124px}.local-rings{width:60px;height:60px;top:26px;left:26px;right:auto}.bento-art{min-height:150px;margin:-4px -4px 20px}.bento-card h3{font-size:20px}.local-note h3{font-size:22px}.shelf-row:nth-child(2){margin-left:12px;margin-right:-12px}.shelf-row:nth-child(3){margin-left:24px;margin-right:-24px}}@media (width<=800px){.faq{grid-template-columns:1fr;gap:30px}.faq-heading{position:static}.faq-heading h2{max-width:none}.download-grid{grid-template-columns:1fr;gap:14px;max-width:420px}}@media (width<=620px){.faq-list summary{gap:14px;min-height:72px;padding:18px 0;font-size:16px}.faq-list details p{padding-right:10px;font-size:14.5px}.download-section h2{font-size:36px;line-height:1.14}.download-mark{width:60px;margin-bottom:30px}.release-status{font-size:11px}.release-links{gap:12px;font-size:11px}}}@property --ring{syntax:"<angle>";inherits:false;initial-value:0deg}
