.tw{position:relative;--ipad-ar: 1.3057;--ipad-w: min(50vw, 800px, calc(76vh * 1.3057));--lap-ar: 1.652;--lap-w: min(50vw, 820px, 105.728vh );--paper-w: min(21vw, 330px, 40vh);--mon-w: var(--lap-w);--cloud-w: 84px;--stage-h: 100vh}.tw-stage{position:sticky;top:0;height:var(--stage-h);overflow:hidden;z-index:0;pointer-events:none}.tw-glow{position:absolute;inset:0;background:radial-gradient(48vw 40vw at 30% 52%,rgba(63,147,224,.22),rgba(123,108,246,.08) 52%,transparent 72%),radial-gradient(1400px 420px at 50% -18%,rgba(62,75,87,.7),transparent 70%)}.tw-scene{position:absolute;inset:0;perspective:2400px;perspective-origin:40% 42%}.tw-ipad,.tw-laptop,.tw-monitor,.tw-paper,.tw-cloud,.tw-shadow{position:absolute;left:50%;top:50%;will-change:transform,opacity}.tw-ipad,.tw-laptop,.tw-monitor{will-change:transform}.tw-ipad{width:var(--ipad-w);aspect-ratio:280.6 / 214.9;margin-left:calc(var(--ipad-w) / -2);margin-top:calc(var(--ipad-w) / var(--ipad-ar) / -2);transform-style:preserve-3d;z-index:3}.tw-face,.tw-edge{position:absolute;inset:0;border-radius:4.4%/5.75%}.tw-face{background:#0b0d10;box-shadow:inset 0 0 0 1.5px #a3acb6,inset 0 0 0 3px #3b434c,0 40px 80px -30px #000000bf;transform:translateZ(0)}.tw-edge{background:linear-gradient(160deg,#8f98a2,#4b535c 45%,#2c3238)}.tw-edge-1{transform:translateZ(-2.5px)}.tw-edge-2{transform:translateZ(-5px)}.tw-edge-3{transform:translateZ(-7.5px);background:#23282d}.tw-ipad-cam{position:absolute;left:50%;top:2.05%;width:.62%;aspect-ratio:1;margin-left:-.31%;border-radius:50%;background:#1d2733;box-shadow:inset 0 0 0 1px #2f3c4b}.tw-screen{position:absolute;overflow:hidden;background:#2b343d;container-type:inline-size}.tw-face .tw-screen{inset:4.35% 3.3%;border-radius:1.6%/2.15%}.tw-layer{position:absolute;inset:0;opacity:0;transition:opacity .45s ease}.tw-layer.is-on{opacity:1}.tw-layer>img,.tw-layer>video,.tw-layer>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tw-layer>img{background:#2b343d}.tw-layer>video,.tw-layer>canvas{opacity:0;transition:opacity .2s ease}.tw-layer.is-live>video,.tw-layer.is-live>canvas{opacity:1}.tw-layer.is-seq>video{display:none}.tw-block{scroll-margin-top:-5rem}.tw-glare{position:absolute;inset:-60%;background:linear-gradient(112deg,transparent 38%,rgba(255,255,255,.075) 46%,rgba(255,255,255,.015) 54%,transparent 60%);pointer-events:none;will-change:transform}.tw-laptop{width:var(--lap-w);aspect-ratio:1.652;margin-left:calc(var(--lap-w) / -2);margin-top:calc(var(--lap-w) / var(--lap-ar) / -2);transform-style:preserve-3d;z-index:2}.tw-laptop>*{opacity:0}.tw-lid{position:absolute;inset:0;border-radius:3%/4.6%;background:#0b0d10;box-shadow:inset 0 0 0 1.5px #9aa3ad,inset 0 0 0 3px #30373e}.tw-lid-screen{inset:4.6% 3.2% 8.4%;border-radius:.6%}.tw-lid-cam{position:absolute;left:50%;top:1.9%;width:.55%;aspect-ratio:1;margin-left:-.27%;border-radius:50%;background:#1d2733}.tw-deck{position:absolute;left:-3%;right:-3%;top:100%;height:62%;transform-origin:50% 0;transform:rotateX(90deg);border-radius:1.5% 1.5% 4% 4%/2% 2% 6% 6%;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 12%),linear-gradient(90deg,#858e97,#b9c1c9 50%,#858e97);box-shadow:0 2px #5d656d}.tw-deck:before{content:"";position:absolute;left:9%;right:9%;top:9%;height:40%;border-radius:1.2%;background:repeating-linear-gradient(90deg,#2b3137 0 5.6%,#3a4148 5.6% 6.5%),#2b3137;opacity:.9}.tw-deck-pad{position:absolute;left:34%;right:34%;top:56%;height:34%;border-radius:4%/7%;background:linear-gradient(180deg,#a7b0b9,#9aa3ac);box-shadow:inset 0 0 0 1px #0000001f}.tw-paper{width:var(--paper-w);aspect-ratio:778 / 1100;margin-left:calc(var(--paper-w) / -2);margin-top:calc(var(--paper-w) * 1.414 / -2);background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 28px 60px -22px #000000bf,0 0 0 1px #0000001f;opacity:0;z-index:4}.tw-paper img{width:100%;height:100%;object-fit:cover}.tw-paper[data-el=paper1]{z-index:6}.tw-paper[data-el=paper2]{z-index:5}.tw-shadow{width:var(--ipad-w);height:calc(var(--ipad-w) * .2);margin-left:calc(var(--ipad-w) / -2);margin-top:calc(var(--ipad-w) * -.1);background:radial-gradient(closest-side,rgba(8,12,16,.6),rgba(8,12,16,.25) 55%,transparent);z-index:1}.tw-screen-label{position:absolute;left:50%;bottom:3.2vh;margin:0;font-size:.74rem;font-weight:500;letter-spacing:.02em;color:var(--ink-faint);white-space:nowrap;transform:translate(-50%);opacity:0;will-change:transform,opacity}.tw-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff0f}.tw-progress span{position:absolute;inset:0;background:var(--a2-grad);transform-origin:0 50%;transform:scaleX(0);will-change:transform}.tw-monitor{width:var(--mon-w);aspect-ratio:1.72;margin-left:calc(var(--mon-w) / -2);margin-top:calc(var(--mon-w) / 1.72 / -2);transform-style:preserve-3d;z-index:1}.tw-monitor>*{opacity:0}.tw-mon-panel{position:absolute;inset:0;border-radius:1.4%/2.4%;background:#0b0d10;box-shadow:inset 0 0 0 1.5px #5d666f,inset 0 0 0 3px #22282e,0 34px 70px -34px #000c}.tw-mon-screen{inset:2.8% 1.6% 3.6%;border-radius:.3%}.tw-mon-neck{position:absolute;left:46%;width:8%;top:99%;height:20%;background:linear-gradient(90deg,#5c656d,#a3acb4 50%,#5c656d)}.tw-mon-foot{position:absolute;left:33%;width:34%;top:117%;height:22%;transform-origin:50% 0;transform:rotateX(90deg);border-radius:14%/30%;background:linear-gradient(180deg,#b3bbc3,#858e97);box-shadow:0 2px #5d656d}.tw-cloud{width:var(--cloud-w);height:var(--cloud-w);margin:calc(var(--cloud-w) / -2) 0 0 calc(var(--cloud-w) / -2);z-index:7;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}.tw-cloud img{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .25s ease}.tw-cloud[data-s=synced] img[data-s=synced],.tw-cloud[data-s=upload] img[data-s=upload],.tw-cloud[data-s=download] img[data-s=download]{opacity:1}.tw-links{position:absolute;left:0;top:0;z-index:0}.tw-link{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0;opacity:0;will-change:transform,opacity}.tw-link-line{position:absolute;left:0;top:-1px;width:1px;height:2px;transform-origin:0 50%;background:linear-gradient(90deg,#41e8f5bf,#3f93e08c)}.tw-dot{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:#8ff1f9;box-shadow:0 0 10px 3px #41e8f5a6;opacity:0;will-change:transform,opacity}.tw-ui{--u: calc(100cqw / 1280);position:absolute;inset:0;font-family:var(--a2-font);color:#fff;transition:opacity .35s ease}.tw-ui-tab{--u: calc(100cqw / 1100)}.tw-ui[data-mode=none]{opacity:0}.ui-list,.ui-shot,.ui-save{position:absolute;inset:0;transition:opacity .35s ease}.ui-list{background:#3e4b57;padding:calc(26 * var(--u)) calc(38 * var(--u))}.ui-shot{width:100%;height:100%;object-fit:cover;opacity:0}.tw-ui[data-mode=editor] .ui-shot{opacity:1}.tw-ui[data-mode=editor] .ui-list{opacity:0}.ui-top{display:flex;align-items:center;gap:calc(14 * var(--u));height:calc(48 * var(--u))}.ui-logo{height:calc(36 * var(--u));width:auto;margin-right:calc(26 * var(--u))}.ui-search,.ui-btn,.ui-acct{display:inline-flex;align-items:center;gap:calc(10 * var(--u));height:calc(46 * var(--u));padding:0 calc(18 * var(--u));border-radius:calc(11 * var(--u));background:#2b3640;font-size:calc(16 * var(--u));font-weight:700;white-space:nowrap}.ui-search{flex:1;color:#a9b4bf;font-weight:500}.ui-search svg,.ui-btn svg{width:calc(20 * var(--u));height:calc(20 * var(--u));flex-shrink:0}.ui-pri{background:#4a9be8}.ui-acct{gap:calc(10 * var(--u));padding-left:calc(8 * var(--u))}.ui-av{width:calc(34 * var(--u));height:calc(34 * var(--u));border-radius:50%;background:radial-gradient(circle at 50% 38%,#e5f0fb 18%,transparent 19%),radial-gradient(circle at 50% 95%,#e5f0fb 34%,transparent 35%),#6aa8ea;flex-shrink:0}.ui-acct-t{display:grid;line-height:1.15}.ui-acct-t b{font-size:calc(15 * var(--u))}.ui-acct-t small{font-size:calc(12 * var(--u));color:#a9b4bf;font-weight:500}.ui-sec{display:flex;align-items:center;gap:calc(14 * var(--u));margin:calc(40 * var(--u)) 0 calc(20 * var(--u));font-size:calc(22 * var(--u));font-weight:700}.ui-count{display:inline-grid;place-items:center;min-width:calc(30 * var(--u));height:calc(26 * var(--u));padding:0 calc(8 * var(--u));border-radius:999px;background:#2b3640;font-size:calc(14 * var(--u));color:#c9d2db}.ui-cards{display:flex;gap:calc(18 * var(--u));overflow:hidden}.ui-card{flex-shrink:0}.ui-card{position:relative;width:calc(200 * var(--u));padding:calc(6 * var(--u));border-radius:calc(14 * var(--u));background:#2c3741}.ui-prev{display:block;aspect-ratio:203 / 198;border-radius:calc(10 * var(--u));overflow:hidden;background:#e4eef8}.is-demo .ui-prev{background:#2c3741}.ui-prev img{width:100%;height:100%;object-fit:cover}.ui-meta{display:flex;align-items:center;gap:calc(10 * var(--u));padding:calc(10 * var(--u)) calc(8 * var(--u)) calc(6 * var(--u))}.ui-name{flex:1;display:grid;line-height:1.25}.ui-name b{font-size:calc(15 * var(--u))}.ui-name small{font-size:calc(12 * var(--u));color:#a9b4bf;font-weight:500}.ui-cloud{position:relative;width:calc(24 * var(--u));height:calc(24 * var(--u));flex-shrink:0}.ui-cloud img{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .2s ease}.ui-cloud img.is-static,.tw-ui[data-card=offline] .is-demo .ui-cloud img[data-s=offline],.tw-ui[data-card=download] .is-demo .ui-cloud img[data-s=download],.tw-ui[data-card=synced] .is-demo .ui-cloud img[data-s=synced]{opacity:1}.ui-dots{font-size:calc(13 * var(--u));letter-spacing:.05em;color:#c9d2db}.ui-border{position:absolute;inset:calc(-2 * var(--u));border:calc(2.5 * var(--u)) solid rgb(89,166,250);border-radius:calc(16 * var(--u));opacity:0;pointer-events:none}.tw-ui[data-card=download] .is-demo .ui-border{animation:ui-pulse .28s ease-in-out infinite alternate}@keyframes ui-pulse{0%{opacity:.3}to{opacity:1}}.ui-save{display:grid;place-items:center;background:#0000008c;opacity:0}.tw-ui[data-save="1"] .ui-save{opacity:1}.ui-save-card{display:grid;justify-items:center;width:calc(440 * var(--u));padding:calc(26 * var(--u)) calc(24 * var(--u)) calc(22 * var(--u));border-radius:calc(20 * var(--u));background:#2c3741;gap:calc(14 * var(--u))}.ui-save-card b{font-size:calc(16 * var(--u))}.ui-spin{width:calc(44 * var(--u));height:calc(44 * var(--u));border-radius:50%;background:conic-gradient(from 0deg,transparent 0 25%,#41e8f5 45%,#3f93e0 70%,#7b6cf6 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4.5 * var(--u)),#000 calc(100% - 4 * var(--u)));mask:radial-gradient(farthest-side,transparent calc(100% - 4.5 * var(--u)),#000 calc(100% - 4 * var(--u)));animation:ui-spin .9s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-bar{position:relative;width:100%;height:calc(6 * var(--u));border-radius:calc(3 * var(--u));background:#4a5866;overflow:hidden}.ui-bar-fill{position:absolute;inset:0;background:linear-gradient(90deg,#41e8f5,#3f93e0 55%,#7b6cf6);transform-origin:0 50%;transform:scaleX(0)}.ui-save-btn{display:grid;place-items:center;width:100%;height:calc(40 * var(--u));border-radius:calc(12 * var(--u));background:#283547;color:#c9d2db;font-size:calc(14 * var(--u));font-weight:700}.tw-flow{position:relative;z-index:1;margin-top:calc(var(--stage-h) * -1);pointer-events:none}.tw-flow a,.tw-flow .tw-card{pointer-events:auto}.tw-hero{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:calc(4.5rem + 3vh) 1.5rem 0;text-align:center}.tw-hero-inner{max-width:900px;display:flex;flex-direction:column;align-items:center}.tw-hero h1{font-size:clamp(2.2rem,4.4vw,3.6rem);line-height:1.06;letter-spacing:-.03em;margin-bottom:1.1rem}.tw-hero .lead{max-width:700px;margin-bottom:1.2rem;font-size:1.06rem}.tw-hero .hero-ctas{margin-bottom:1.1rem}.tw-hero .hero-platforms{margin-bottom:.9rem}@media(min-width:900px)and (max-height:760px){.tw-hero .hero-platforms{display:none}}.tw-scroll-cue{display:inline-flex;align-items:center;gap:.45rem;font-size:.86rem;font-weight:700;color:var(--a2-cyan)}.tw-scroll-cue svg{animation:tw-bob 1.8s ease-in-out infinite}@keyframes tw-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.tw-step{min-height:100vh;display:flex;align-items:center;justify-content:flex-end;padding:6rem max(2rem,calc((100vw - 1240px)/2)) 6rem 0}.tw-card{width:min(430px,34vw);padding:1.9rem 1.9rem 1.5rem;border-radius:var(--radius-lg);background:#2c3741e0;border:1px solid var(--a2-hair);box-shadow:var(--shadow);opacity:.18;transform:translate3d(0,28px,0);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}.tw-step.is-active .tw-card{opacity:1;transform:none}.tw-kicker{display:flex;align-items:center;gap:.7rem;margin-bottom:.85rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--a2-cyan)}.tw-num{font-size:.78rem;letter-spacing:.04em;padding:.2rem .5rem;border-radius:7px;background:#41e8f51a}.tw-card h2{font-size:clamp(1.6rem,2.4vw,2.2rem);margin-bottom:.75rem}.tw-text{font-size:1.06rem;line-height:1.6;color:var(--ink-soft)}.tw-note{margin-top:1rem;padding-left:.8rem;border-left:2px solid rgba(65,232,245,.45);font-size:.86rem;color:var(--ink-faint)}.tw-hint{display:flex;align-items:center;gap:.55rem;margin-top:1rem;font-size:.82rem;font-weight:700;color:var(--a2-cyan)}.tw-hint span{width:14px;height:22px;border-radius:8px;border:1.6px solid currentColor;position:relative;flex-shrink:0}.tw-hint span:after{content:"";position:absolute;left:50%;top:4px;width:2px;height:5px;margin-left:-1px;border-radius:1px;background:currentColor;animation:tw-wheel 1.6s ease-in-out infinite}@keyframes tw-wheel{0%{transform:translateY(0);opacity:1}80%,to{transform:translateY(7px);opacity:0}}.tw-stepof{margin-top:1.2rem;font-size:.74rem;color:var(--ink-faint);letter-spacing:.02em}.tw-sync{position:relative}.tw-sync-pin{position:absolute;inset:0;z-index:2;display:flex;justify-content:flex-end;align-items:flex-start;padding-right:max(2rem,calc((100vw - 1240px)/2));pointer-events:none}.tw-card-sync{position:sticky;top:calc(50vh - 13.5rem);margin:24vh 0}.tw-sync.is-active .tw-card{opacity:1;transform:none}.tw-sub{height:100vh}.tw-devs{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.1rem}.tw-devs li{display:inline-flex;align-items:center;gap:.45rem;padding:.38rem .75rem .38rem .55rem;border-radius:10px;background:#ffffff0a;border:1px solid var(--a2-hair);font-size:.86rem;font-weight:700;color:var(--ink-soft);transition:background .3s ease,border-color .3s ease,color .3s ease}.tw-devs li.is-on{background:#3f93e029;border-color:#3f93e08c;color:#fff}.tw-dev-ic{position:relative;width:20px;height:20px;flex-shrink:0}.tw-dev-ic img{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .25s ease}.tw-devs li:not([data-s]) img[data-s=offline],.tw-devs li[data-s=offline] img[data-s=offline],.tw-devs li[data-s=upload] img[data-s=upload],.tw-devs li[data-s=download] img[data-s=download],.tw-devs li[data-s=synced] img[data-s=synced]{opacity:1}.tw-card-end{width:min(500px,40vw);padding:2.3rem 2.2rem 1.8rem}.tw-card-end h2{font-size:clamp(2rem,3.2vw,2.8rem)}.tw-ctas{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.6rem 0 1.5rem}.tw-reg{padding-top:1.1rem;border-top:1px solid var(--a2-hair);font-size:.8rem;color:var(--ink-faint);line-height:1.5}.tw-reg-foot{display:flex;align-items:center;gap:.55rem;margin-top:.45rem}.tw-ce{color:var(--ink-soft);display:inline-flex}.tw-ce .ce-mark{width:26px;height:20px}.tw-after{padding-top:2rem}@media(max-width:899px){.tw{--stage-h: min(50svh, calc(86vw / 1.3057 + 4.5rem));--ipad-w: min(84vw, calc((var(--stage-h) - 3.4rem) * 1.3057));--lap-w: min(84vw, calc((var(--stage-h) - 3.4rem) * 1.652));--paper-w: min(30vw, calc((var(--stage-h) - 3.6rem) / 1.414))}.tw-stage{top:4.5rem;z-index:2;background:var(--a2-page);box-shadow:0 18px 24px -18px #0009}.tw-glow{background:radial-gradient(70vw 40vh at 50% 50%,rgba(63,147,224,.2),transparent 70%)}.tw-scene{perspective:none}.tw-edge,.tw-deck,.tw-mon-foot{display:none}.tw{--cloud-w: 54px}.tw-sync-pin{padding:0 1rem;justify-content:center}.tw-card-sync{top:calc(4.5rem + var(--stage-h) + .8rem);margin:1.4rem 0 2rem}.tw-sub{height:72svh}.tw-block{scroll-margin-top:var(--stage-h)}.tw-face{box-shadow:inset 0 0 0 1.5px #a3acb6,inset 0 0 0 3px #3b434c,0 18px 36px -18px #000000b3}.tw-shadow{display:none}.tw-screen-label{bottom:.55rem;font-size:.66rem}.tw-flow{margin-top:0}.tw-hero{min-height:0;padding:1.8rem 1rem 1rem}.tw-hero h1{font-size:clamp(1.75rem,7vw,2.4rem)}.tw-hero .lead{font-size:.98rem}.tw-hero .hero-badge{font-size:.7rem}.tw-step{min-height:68svh;align-items:flex-start;justify-content:center;padding:1.4rem 1rem 2rem}.tw-card,.tw-card-end{width:100%;max-width:560px;padding:1.4rem 1.3rem 1.1rem}.tw-card h2{font-size:1.5rem}.tw-text{font-size:1rem}.tw-ctas{flex-direction:column;align-items:stretch}.tw-ctas .btn{width:100%}}@media(max-width:560px){.tw-stage{top:4rem}}@media(prefers-reduced-motion:reduce){.tw-card{opacity:1;transform:none;transition:none}.tw-layer,.tw-layer>video{transition:none}.tw-scroll-cue svg,.tw-hint span:after{animation:none}.tw-hint{display:none}}