@font-face{font-family:Outfit;src:url("outfit.fc7287273e66.ttf");font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Outfit,Arial,sans-serif;color:#191b26;background:#f7f6f2}button,input,select,textarea,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #7359b6;outline-offset:5px}button{border:0;background:none}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}header{height:92px;margin:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #17192526;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;letter-spacing:-1px;font-size:22px;font-weight:550}.brand img{width:43px;height:43px;object-fit:contain}.brand span{display:block}.brand small{font-size:9px;font-weight:400;letter-spacing:3.7px;display:block;margin-top:2px}.nav{display:flex;gap:32px;align-items:center;font-size:13px}.nav a{text-decoration:none}.nav .talk{border:1px solid #191b2638;border-radius:30px;padding:11px 18px}.concept-label{font-size:10px;letter-spacing:3px;text-transform:uppercase}.hero{padding:44px 5% 10px;position:relative}.studio .hero{text-align:center}.hero h1{font-weight:430;letter-spacing:-4.5px;font-size:clamp(48px,5.3vw,82px);line-height:1.03;margin:22px 0 20px}.hero h1 em{font-style:normal;color:#77708b}.hero p{font-size:15px;color:#666473;line-height:1.6;margin:0}.studio{background:#eeedf6;background-image:radial-gradient(ellipse at 60% 30%,#faf9ff,transparent 65%)}.studio .hero:before{content:'DESIGNED WITH CARE.\A BUILT TO BE USED.';white-space:pre;position:absolute;left:5%;bottom:22px;text-align:left;font-size:10px;letter-spacing:1.4px;line-height:1.8;color:#7c7693}.studio .hero:after{content:'Drag a window.\A Make yourself at home. ↙';white-space:pre;position:absolute;right:7%;bottom:28px;text-align:left;font-size:13px;line-height:1.5;color:#7c7693;transform:rotate(-8deg)}.filters{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.filters button{font-size:12px;padding:9px 15px;border-radius:30px;color:#726f7b;transition:background .25s,color .25s}.filters button.active{background:#25252e;color:white}.studio .filters{justify-content:center;margin:25px 0 0}.workspace{position:relative;max-width:1460px;margin:0 auto;height:710px;isolation:isolate}.workspace:before{content:'';position:absolute;left:12%;right:12%;bottom:3%;height:100px;background:#76658f18;filter:blur(45px);border-radius:50%}.window{position:absolute;width:48%;background:#ffffffd9;border:1px solid #fff;border-radius:13px;box-shadow:0 22px 45px -22px #2c20464d,0 2px 5px #342c4610;overflow:hidden;transform:translate(var(--dx,0px),var(--dy,0px)) rotate(var(--angle,0deg));transition:box-shadow .35s,opacity .4s,scale .35s;touch-action:pan-y}.window:hover,.window:focus-within{box-shadow:0 30px 65px -22px #2c204670;z-index:8!important}.window.dragging{transition:none;box-shadow:0 35px 85px -20px #2c20466b}.window.featured{scale:1.025;z-index:9!important}.window[data-position='0']{left:5%;top:52px;--angle:-2deg;z-index:4}.window[data-position='1']{right:4%;top:20px;width:40%;--angle:3deg;z-index:2}.window[data-position='2']{left:2%;top:393px;width:43%;--angle:1.5deg;z-index:5}.window[data-position='3']{right:3%;top:345px;width:48%;--angle:-1.5deg;z-index:6}.window-bar{height:35px;display:flex;align-items:center;padding:0 13px;gap:9px;background:#ffffffb8;cursor:grab;touch-action:none}.window-bar:active{cursor:grabbing}.traffic{display:flex;gap:5px}.traffic i{width:8px;height:8px;background:#ec766e;border-radius:50%}.traffic i:nth-child(2){background:#efc365}.traffic i:nth-child(3){background:#7aaf91}.window-bar strong{font-size:10px;font-weight:500;margin-left:6px}.window-bar>span:last-child{margin-left:auto;font-size:9px;color:#8e8997}.window .mini-app{height:255px}.window[data-position='1'] .mini-app{height:220px}.window[data-position='2'] .mini-app{height:210px}.window footer{padding:12px 15px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #2e29480b;background:#fff9}.window footer button{font-size:11px;display:flex;gap:6px;align-items:center}.window footer a{font-size:10px;text-underline-offset:3px}.window footer .play-dot{width:15px;height:15px;display:grid;place-items:center;border:1px solid #a8a2b7;border-radius:50%;font-size:7px}.window[data-hidden='true']{display:none}.window.filtered{position:relative;inset:auto!important;transform:none!important;scale:1;width:auto!important}.workspace.filtered-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:45px 5%;height:auto;min-height:400px;align-content:start}.workspace.filtered-layout .mini-app{height:260px}.preview-hit{display:block;width:100%;padding:0;text-align:left;position:relative;overflow:hidden;background:none}.preview-hit:after{content:'Open interactive preview ↗';position:absolute;right:14px;top:13px;padding:7px 10px;font-size:10px;border-radius:30px;color:#fff;background:#282334bd;opacity:0;transform:translateY(-6px);transition:.25s}.preview-hit:hover:after,.preview-hit:focus-visible:after{opacity:1;transform:none}.mini-app{display:flex;position:relative;overflow:hidden;isolation:isolate;font-family:Outfit,sans-serif;color:#263b54;background:#e7f0fd;--accent:#4e83be;--soft:#d5e7fb}.mini-sidebar{width:20%;padding:20px 11px;background:#ffffff35;border-right:1px solid #ffffff69;flex-shrink:0;display:flex;flex-direction:column;gap:17px}.mini-sidebar b{font-size:16px;letter-spacing:-.6px;margin-bottom:9px}.mini-sidebar span{font-size:9px;color:inherit;opacity:.7}.mini-sidebar .selected{opacity:1;background:#ffffff6e;padding:7px;border-radius:6px;margin-left:-5px}.mini-main{padding:19px 22px;flex:1;min-width:0;position:relative}.mini-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.mini-top span{font-size:9px;opacity:.65}.avatar{width:20px;height:20px;background:#fff9;border-radius:50%;display:grid;place-items:center;font-size:8px}.mini-main h3{font-weight:500;font-size:24px;letter-spacing:-.9px;margin:0 0 3px}.mini-main p{margin:0 0 15px;font-size:9px;opacity:.65}.mini-columns{display:grid;grid-template-columns:1.1fr 1fr;gap:12px}.glass{background:#ffffff85;border:1px solid #ffffffa6;border-radius:10px;padding:14px}.glass h4{font-size:12px;margin:0 0 12px;font-weight:500}.task-row{font-size:9px;display:flex;align-items:center;gap:7px;padding:8px 0;border-bottom:1px solid #2337530c}.task-row:last-child{border:0}.tick{height:11px;width:11px;border-radius:3px;border:1px solid #799abd;display:grid;place-items:center;font-size:8px;flex-shrink:0}.task-row time{margin-left:auto;font-size:8px;opacity:.5}.balance{font-size:25px;letter-spacing:-1px;margin:11px 0}.balance small{font-size:10px}.mini-actions{display:flex;gap:6px;margin-top:14px}.mini-actions span{padding:8px 10px;border-radius:6px;font-size:9px;background:#ffffffa6;flex:1;text-align:center}.mini-actions span:last-child{background:var(--accent);color:white}.scene-top{position:absolute;inset:0;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .6s;background:inherit}.scene-top .mini-main{height:100%}.scene-next{transform:translateX(20px);opacity:0;pointer-events:none;position:absolute;inset:0;padding:20px 22px;background:inherit;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .6s}.demo-step-1 .scene-next,.demo-step-2 .scene-next{transform:none;opacity:1}.demo-step-1 .scene-top,.demo-step-2 .scene-top{transform:translateX(-20px);opacity:0}.field{height:33px;border:1px solid #3d4d6c20;border-radius:6px;background:#fff9;padding:9px;margin:8px 0;font-size:10px}.field strong{font-size:17px;font-weight:500}.mini-success{background:#e9f7ec;color:#2f6845;border-radius:7px;font-size:10px;padding:10px;margin-top:10px;opacity:0;transform:translateY(8px);transition:.5s}.demo-step-2 .mini-success{opacity:1;transform:none}.demo-step-2 .mini-actions span:last-child{background:#326943}.mini-cursor{position:absolute;left:52%;top:70%;width:14px;height:21px;background:#171b28;clip-path:polygon(0 0,100% 66%,55% 68%,40% 100%);filter:drop-shadow(0 1px 1px white);z-index:10;opacity:0;transition:left 1s cubic-bezier(.2,.7,.2,1),top 1s,opacity .4s;pointer-events:none}.playing .mini-cursor{opacity:1}.demo-step-1 .mini-cursor{left:75%;top:74%}.demo-step-2 .mini-cursor{left:81%;top:86%}.sheets{background:#fbf5ec;color:#562231;--accent:#702b40;--soft:#eee0dd}.sheets .mini-sidebar{background:#602437;color:#fff;border:0}.skf{background:#f7f5fb;color:#464259;--accent:#a28ac5;--soft:#ede6f6}.skf .mini-sidebar{background:#fff9;border-color:#ded7e8}.keen{background:#fff;color:#252b37;--accent:#4b81ef;--soft:#edf3ff}.keen .mini-sidebar{background:#f5f8ff;border-color:#e9edf5}.dota{background:#121e29;color:#d6e9e5;--accent:#72c8b4;--soft:#1f3840}.dota .mini-sidebar{background:#0d1721;border-color:#293a46}.math{background:#f4f7ef;color:#304533;--accent:#54745a;--soft:#e3eddb}.hr{background:#f4ede5;color:#54402e;--accent:#8d6649;--soft:#e7dacd}.voice{background:#e6eeeb;color:#1a4f44;--accent:#247662;--soft:#cfe2db}.mini-table{width:100%;font-size:9px;border-collapse:collapse;margin-top:16px}.mini-table th{opacity:.5;font-weight:400;text-align:left;font-size:8px;padding:7px 4px;border-bottom:1px solid #44334715}.mini-table td{padding:12px 4px;border-bottom:1px solid #44334710}.tag{padding:4px 6px;background:#fff8;border-radius:4px;font-size:8px;white-space:nowrap}.tag.green{background:#dcebdc;color:#436d49}.rank{display:grid;grid-template-columns:22px 1fr auto;gap:7px;align-items:center;font-size:11px;padding:14px 5px;border-bottom:1px solid #252c3d0c}.rank em{font-size:9px;font-style:normal;opacity:.5}.rank strong{font-weight:500}.reward{display:flex;gap:7px;margin-top:13px;font-size:10px}.reward span{padding:12px;background:#edf3fe;border-radius:8px;flex:1}.hero-picks{display:flex;gap:8px;margin-top:18px}.hero-picks span{display:grid;place-items:center;width:48px;height:65px;background:linear-gradient(140deg,#34594e,#162839);border:1px solid #5ca69066;font-size:10px;border-radius:4px}.orb{width:67px;height:67px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#cae6db,#619c8b 55%,#396657);box-shadow:0 0 35px #84b4a980;margin:10px auto 20px}.wave{display:flex;gap:4px;justify-content:center;height:27px;align-items:center}.wave i{height:9px;width:3px;background:#5f9686;border-radius:4px}.playing .wave i{animation:wave .9s infinite alternate}.wave i:nth-child(2n){animation-delay:.2s;height:24px}.wave i:nth-child(3n){animation-delay:.4s;height:17px}@keyframes wave{to{scale:1 .35}}.dock-wrap{margin:28px 4% 0;border-top:1px solid #6560712b;padding:25px 0;display:flex;align-items:center;gap:28px;position:relative}.dock-label{font-size:9px;letter-spacing:2px;color:#898297;width:95px;line-height:1.7}.dock{display:flex;gap:8px;flex:1;flex-wrap:wrap}.dock button{padding:10px 13px;display:flex;gap:9px;align-items:center;border-radius:10px;font-size:11px;text-align:left;transition:background .25s,transform .35s}.dock button:hover{transform:translateY(-5px);background:#fff9}.dock button.active{background:#ffffffc9;box-shadow:0 5px 20px #3a2e5610}.dock .swatch{height:34px;width:34px;border-radius:7px;background:var(--color);display:grid;place-items:center;font-size:14px;font-weight:500;color:var(--ink,#42566e)}.dock small{font-size:9px;display:block;color:#88818f;margin-top:3px}.hint{font-size:10px;color:#8c8497;white-space:nowrap}.section{padding:80px 5%}.section .section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section h2{font-size:40px;letter-spacing:-1.5px;font-weight:450;margin:12px 0}.section .section-head p{font-size:13px;color:#7c7586;max-width:250px;line-height:1.7}.other-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.other-card .mini-app{height:245px;border-radius:12px}.other-card>div:last-child{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.other-card h3{font-size:18px;font-weight:450;margin:0 0 5px}.other-card p{font-size:11px;margin:0;color:#7e7788}.other-card a{font-size:11px}.closing{padding:65px 5% 30px;border-top:1px solid #6b627625;display:flex;justify-content:space-between;align-items:end}.closing h2{font-weight:400;letter-spacing:-2px;font-size:44px;line-height:1.1;margin:0 0 15px}.closing a{font-size:14px;text-underline-offset:5px}.closing .concept-switch{font-size:12px}.page-note{padding:25px 5%;font-size:10px;color:#8c8693;line-height:1.7}.cinema{background:#f8f7f3}.cinema .hero{padding-bottom:0}.cinema .hero h1{font-size:clamp(55px,6vw,92px);margin:18px 0;max-width:620px;letter-spacing:-5px}.cinema-layout{position:relative;padding:25px 0 0;min-height:660px;overflow:hidden}.cinema .hero{position:absolute;z-index:3;left:0;top:45px;max-width:38%;pointer-events:none}.cinema .hero p{max-width:265px;margin-top:25px;pointer-events:auto}.cinema .hero .filters{pointer-events:auto;margin-top:35px;gap:0}.cinema .filters button{padding:9px 12px;font-size:11px}.cinema-stage{position:relative;width:70%;margin-left:31%;height:570px;perspective:1400px;isolation:isolate}.cinema-stage:before{content:'';position:absolute;inset:4% 0 0 -5%;background:radial-gradient(ellipse at center,var(--glow,#b5d2f4),transparent 68%);opacity:.7;transition:background 1s}.scene{position:absolute;inset:0;display:flex;align-items:center;opacity:0;transform:translateX(70px) scale(.96);transition:transform .9s cubic-bezier(.22,.7,.22,1),opacity .65s;pointer-events:none}.scene.active{opacity:1;transform:none;pointer-events:auto}.scene.exit{transform:translateX(-80px) scale(.96);opacity:0}.scene-screen{width:81%;height:360px;margin-left:7%;border-radius:15px;background:#ffffff70;border:1px solid #fff;box-shadow:0 30px 60px -25px #25425d59;padding:7px;transform:rotateY(-10deg) rotateZ(-4deg);transition:transform .8s;position:relative}.scene-screen .mini-app{height:100%;border-radius:9px}.scene-screen .mini-main{padding:25px 30px}.scene-screen .mini-main h3{font-size:34px}.scene-screen .glass{padding:18px}.scene-screen .glass h4{font-size:16px}.scene-screen .task-row{font-size:11px;padding:14px 0}.scene-screen .balance{font-size:34px}.scene-screen .mini-sidebar b{font-size:23px}.scene-screen .mini-sidebar span{font-size:11px}.scene-screen .mini-table{font-size:12px}.scene-screen .mini-table td{padding:19px 5px}.scene-screen .rank{font-size:14px;padding:20px 6px}.scene-screen .field{height:42px;font-size:13px}.scene-screen:hover{transform:rotateY(-4deg) rotateZ(-2deg) translateY(-4px)}.scene-phone{position:absolute;left:0;bottom:62px;width:180px;height:303px;border-radius:27px;background:#f6f9fd;padding:7px;border:1px solid #ccd9ed;box-shadow:10px 20px 35px #233b5a30;transform:rotateZ(-7deg) translateZ(70px);pointer-events:none}.phone-inner{height:100%;background:var(--phone,#e4edfc);border-radius:21px;padding:20px 12px;color:#344561;overflow:hidden}.phone-notch{width:54px;height:13px;border-radius:15px;background:#202a3a;position:absolute;top:13px;left:63px}.phone-inner .phone-brand{font-size:12px;margin:8px 0 20px;font-weight:600}.phone-inner h4{font-size:21px;margin:0 0 5px;font-weight:500;letter-spacing:-.7px}.phone-inner p{font-size:8px;margin:0 0 15px;opacity:.7}.phone-inner .glass{padding:9px;border-color:#fff9}.phone-inner .task-row{font-size:8px;padding:11px 0}.phone-inner .balance{font-size:23px}.phone-inner .mini-actions span{font-size:8px;padding:7px}.phone-line{height:6px;background:#8d9fb429;border-radius:4px;margin:11px 0;width:80%}.phone-line:last-child{width:50%}.stage-sticker{position:absolute;right:8%;top:24px;font-size:10px;letter-spacing:1.8px;color:#6e7c89;display:flex;gap:7px;align-items:center}.stage-sticker i{height:5px;width:5px;border-radius:50%;background:#7b9a8c}.stage-open{position:absolute;right:10%;bottom:25px;padding:12px 20px;border-radius:30px;background:#fff9;backdrop-filter:blur(10px);border:1px solid #fff;font-size:12px;box-shadow:0 6px 20px #2832460c;z-index:4;transition:background .2s,transform .2s}.stage-open:hover{background:#fff;transform:translateY(-3px)}.cinema-controls{margin:0 4%;padding:15px 0 25px;display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:35px;border-bottom:1px solid #23282c20}.project-title{display:flex;gap:18px;align-items:center;font-size:16px}.project-title .index{font-size:12px;color:#8c8b8a;letter-spacing:2px}.project-title strong{font-weight:500}.project-title small{font-size:12px;color:#8d8b86;display:block;margin-top:5px}.playback{display:flex;align-items:center;gap:17px}.round{width:35px;height:35px;border:1px solid #292d362f;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:12px}.round:hover{background:#fff}.timeline{height:20px;background:none;position:relative;flex:1;min-width:65px;padding:0}.timeline:before{content:'';height:2px;background:#2c30301f;position:absolute;inset:9px 0 auto}.timeline span{height:2px;background:#252b2d;position:absolute;left:0;top:9px;width:var(--progress,0%);transition:width .15s linear}.time{font-size:10px;color:#8c8b88;white-space:nowrap}.scene-nav{display:flex;gap:7px}.original{font-size:12px;font-weight:500;text-decoration:none}.original small{font-size:10px;display:block;color:#928d87;margin-top:6px;font-weight:400}.filmstrip{display:flex;gap:12px;padding:28px 4% 10px;overflow:auto;scrollbar-width:thin}.film-card{min-width:220px;flex:1;max-width:310px;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #252b2d16;text-align:left;padding:0;position:relative;transition:transform .35s,box-shadow .35s}.film-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px #182b3710}.film-card.active{outline:2px solid #4d6468;outline-offset:3px}.film-card .mini-app{height:130px;pointer-events:none}.film-card .mini-sidebar{padding:12px 7px;gap:9px}.film-card .mini-sidebar b{font-size:11px}.film-card .mini-sidebar span{font-size:6px}.film-card .mini-main{padding:12px}.film-card .mini-main h3{font-size:15px}.film-card .mini-top{margin-bottom:8px}.film-card .mini-main p{font-size:6px;margin-bottom:8px}.film-card .glass{padding:8px}.film-card .glass h4{font-size:8px;margin-bottom:5px}.film-card .task-row{font-size:6px;padding:5px 0}.film-card .balance{font-size:16px;margin:5px 0}.film-card .mini-actions span{font-size:6px;padding:5px}.film-card .mini-table{font-size:6px;margin-top:3px}.film-card .mini-table td{padding:6px 2px}.film-card .rank{padding:7px 2px;font-size:7px}.film-caption{padding:14px;display:flex;align-items:center;justify-content:space-between;font-size:13px}.film-caption small{font-size:9px;color:#97938d}.cinema .section{padding-top:75px}.cinema .other-grid{grid-template-columns:1fr 1fr 1fr}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.preview-dialog{padding:0;border:1px solid #fff;border-radius:18px;width:min(1180px,94vw);height:min(830px,92vh);max-width:94vw;max-height:92vh;background:#f7f8f6;box-shadow:0 40px 130px #16122259;overflow:hidden}.preview-dialog[open]{animation:modal-in .4s cubic-bezier(.2,.7,.2,1)}.preview-dialog::backdrop{background:#2522367d;backdrop-filter:blur(12px)}@keyframes modal-in{from{opacity:0;transform:translateY(25px) scale(.97)}to{opacity:1;transform:none}}.modal-head{height:65px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1112;background:#fff}.modal-head strong{font-size:16px;font-weight:500}.modal-head small{display:block;font-size:10px;color:#87818d;margin-top:3px}.modal-head .close{height:32px;width:32px;font-size:22px;line-height:1}.modal-actions{display:flex;gap:20px;align-items:center}.modal-actions a{font-size:12px}.preview-dialog iframe{width:100%;height:calc(100% - 65px);border:0;display:block;background:#f7f8f6}.loader{position:absolute;left:50%;top:50%;font-size:12px;color:#7d748b;z-index:-1}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:12px 20px;border-radius:30px;background:#262332;color:#fff;font-size:12px;opacity:0;transition:.25s;pointer-events:none;z-index:99;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.skip{position:absolute;top:-50px;left:15px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}.mobile-instruction{display:none}
.studio .hero{padding-top:30px}.studio .hero h1{font-size:clamp(48px,4.5vw,68px);letter-spacing:-3px;margin:18px 0}.brand{gap:21px}.cinema .hero{width:40%;max-width:40%;padding-right:0}.cinema .hero h1{font-size:clamp(52px,4.4vw,68px);letter-spacing:-3px}.cinema-stage{width:67%;margin-left:34%}
@media(min-width:1600px){.cinema-stage{height:650px}.cinema-layout{min-height:720px}.scene-screen{height:420px}.scene-phone{bottom:75px;width:200px;height:340px}.hero h1{font-size:90px}.workspace{height:750px}}
@media(max-width:1100px){.workspace{height:650px}.window[data-position='0']{left:3%;width:51%}.window[data-position='1']{right:3%;width:42%}.window[data-position='2']{left:3%;top:355px;width:43%}.window[data-position='3']{right:3%;top:325px;width:50%}.window .mini-app{height:230px}.mini-main{padding:16px}.mini-main h3{font-size:21px}.mini-sidebar{padding:16px 9px;gap:14px}.mini-sidebar b{font-size:13px}.mini-sidebar span{font-size:8px}.mini-columns{gap:7px}.glass{padding:10px}.cinema .hero h1{font-size:64px}.cinema-stage{height:530px}.cinema-layout{min-height:565px}.scene-screen{height:320px}.scene-phone{width:150px;height:265px;bottom:55px}.phone-notch{left:48px}.scene-screen .mini-main{padding:18px}.scene-screen .mini-main h3{font-size:27px}.scene-screen .task-row{font-size:10px;padding:10px 0}.scene-screen .balance{font-size:27px}.scene-screen .mini-sidebar b{font-size:18px}.scene-screen .mini-sidebar span{font-size:10px}.dock-wrap{gap:12px}.dock-label,.hint{display:none}.dock{justify-content:center}.dock button{padding:8px}.dock small{font-size:8px}.other-card .mini-app{height:220px}.other-grid{gap:15px}.other-card .mini-sidebar{display:none}.cinema-controls{gap:15px;grid-template-columns:1fr 1fr auto}.project-title{gap:9px;font-size:14px}.cinema .hero .filters{max-width:270px}.cinema .hero p{font-size:13px}}
@media(max-width:760px){header{height:76px}.brand{font-size:18px;gap:9px}.brand img{height:35px;width:35px}.brand small{font-size:8px;letter-spacing:2.8px}.nav{gap:14px;font-size:11px}.nav a:nth-child(2){display:none}.nav .talk{padding:8px 12px}.hero{padding:36px 6% 10px}.hero h1{font-size:53px;letter-spacing:-2.7px}.hero p{font-size:13px}.studio .hero:before,.studio .hero:after{display:none}.studio .filters{margin:18px 0}.filters button{font-size:11px;padding:8px 12px}.workspace,.workspace.filtered-layout{height:auto;display:grid;grid-template-columns:1fr;gap:26px;padding:10px 6% 20px;min-height:0}.window,.window.filtered,.window[data-position]{position:relative;inset:auto;width:100%;transform:none!important;scale:1!important;touch-action:pan-y}.window[data-position='1'] .mini-app,.window[data-position='2'] .mini-app,.window .mini-app,.workspace.filtered-layout .mini-app{height:265px}.window-bar{cursor:default}.window-bar>span:last-child{display:none}.window-bar:after{content:'Tap to explore';margin-left:auto;font-size:9px;color:#8b8498}.window footer{padding:13px}.mini-sidebar{width:21%;gap:16px;padding:20px 11px}.mini-sidebar b{font-size:14px}.mini-sidebar span{font-size:9px}.mini-main{padding:19px}.mini-main h3{font-size:25px}.dock-wrap{margin:0 6%;padding:20px 0}.dock{flex-wrap:nowrap;overflow:auto;justify-content:flex-start;padding:5px}.dock button{flex-shrink:0}.dock small{display:none}.dock .swatch{height:28px;width:28px}.section{padding:48px 6%}.section h2{font-size:31px}.section .section-head{display:block}.section .section-head p{max-width:350px}.other-grid,.cinema .other-grid{grid-template-columns:1fr;gap:30px}.other-card .mini-app{height:250px}.other-card .mini-sidebar{display:flex}.other-card .mini-main{padding:20px}.other-card h3{font-size:20px}.closing{padding:45px 6% 25px;display:block}.closing h2{font-size:37px}.closing .concept-switch{display:block;margin-top:30px}.page-note{padding:20px 6%}.cinema-layout{padding-top:0;min-height:0;overflow:hidden}.cinema .hero{position:relative;inset:auto;max-width:none;padding:35px 6% 0}.cinema .hero h1{font-size:56px;letter-spacing:-3px;max-width:400px;margin:18px 0}.cinema .hero p{max-width:370px;font-size:13px;margin-top:15px}.cinema .hero .filters{margin-top:18px;max-width:none}.cinema-stage{height:385px;width:100%;margin:0;perspective:1200px}.scene-screen{width:82%;height:255px;margin-left:13%;padding:5px;transform:rotateY(-7deg) rotateZ(-4deg)}.scene-phone{height:215px;width:121px;left:3%;bottom:32px;border-radius:20px;padding:5px}.phone-inner{border-radius:16px;padding:15px 8px}.phone-notch{width:39px;height:10px;left:40px;top:10px}.phone-inner .phone-brand{font-size:9px;margin:6px 0 12px}.phone-inner h4{font-size:16px}.phone-inner .task-row{font-size:6px;padding:7px 0}.phone-inner .balance{font-size:19px}.phone-inner .mini-actions span{font-size:6px;padding:5px}.scene-screen .mini-main{padding:15px 13px}.scene-screen .mini-main h3{font-size:22px}.scene-screen .mini-main p{font-size:7px}.scene-screen .mini-sidebar{padding:14px 8px;gap:14px}.scene-screen .mini-sidebar b{font-size:13px}.scene-screen .mini-sidebar span{font-size:8px}.scene-screen .glass{padding:10px}.scene-screen .glass h4{font-size:11px}.scene-screen .task-row{font-size:8px;padding:9px 0}.scene-screen .balance{font-size:23px}.scene-screen .mini-table{font-size:9px}.scene-screen .mini-table td{padding:12px 3px}.scene-screen .rank{font-size:11px;padding:12px 4px}.stage-sticker{top:18px;right:7%;font-size:8px}.stage-open{bottom:4px;right:5%;padding:9px 14px;font-size:10px}.cinema-controls{grid-template-columns:1fr auto;gap:18px;margin:15px 6% 0;padding-bottom:20px}.playback{grid-row:2;grid-column:1/-1}.project-title{font-size:14px}.project-title small{font-size:10px}.original{font-size:11px}.original small{font-size:9px}.filmstrip{padding:25px 6% 10px}.film-card{min-width:190px;max-width:210px}.modal-head{padding:0 13px}.modal-head strong{font-size:14px}.modal-actions{gap:9px}.modal-actions a{font-size:10px}.preview-dialog{width:96vw;max-width:96vw;height:92vh}.toast{white-space:normal;width:85%;text-align:center}.scene-screen .mini-actions span{padding:7px;font-size:8px}.scene-screen .scene-next{padding:15px}.mobile-instruction{display:block;font-size:10px;text-align:center;color:#8b8496;margin:0 0 25px}}
@media(max-width:760px){.cinema .hero{width:auto;max-width:none;padding-right:6%}.brand{gap:17px}.studio .hero h1{font-size:49px;letter-spacing:-2.7px}.cinema .hero h1{font-size:56px;letter-spacing:-3px}}
@media(min-width:761px) and (max-width:1100px){.cinema-layout{min-height:0}.cinema .hero{position:relative;inset:auto;width:100%;max-width:none;padding:35px 6% 0}.cinema .hero h1{font-size:64px;max-width:none}.cinema .hero p{max-width:none;margin-top:16px}.cinema .hero .filters{max-width:none;margin-top:20px}.cinema-stage{width:90%;margin-left:10%;height:470px}.scene-phone{bottom:55px}.scene-screen{height:340px}.stage-open{bottom:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.mini-cursor{display:none}.reveal{opacity:1;transform:none}}

.recorded-preview,.juniper-preview{height:100%;width:100%;position:relative;background:#f4efe5;overflow:hidden}.recorded-preview img,.recorded-preview video,.juniper-preview img{width:100%;height:100%;object-fit:contain;display:block}.recorded-preview img{position:absolute;inset:0}.real-film{position:relative}.film-card .real-film{display:none}.scene[data-scene="sheets"] .scene-phone,.scene[data-scene="juniper"] .scene-phone{display:none}.scene[data-scene="sheets"] .scene-screen,.scene[data-scene="juniper"] .scene-screen{width:88%;margin-left:3%;transform:none;padding:0;height:auto;aspect-ratio:16/9;border:0;background:#f4efe5;overflow:hidden;box-shadow:0 20px 60px -30px #1a233844}.scene[data-scene="sheets"] .scene-screen:hover,.scene[data-scene="juniper"] .scene-screen:hover{transform:none}.scene[data-scene="juniper"] .juniper-preview img{object-fit:cover;object-position:top}.film-card .recorded-preview,.film-card .juniper-preview{height:130px}.other-card .juniper-preview{height:245px;border-radius:12px}.juniper-preview img{object-fit:cover;object-position:top}@media(max-width:760px){.scene[data-scene="sheets"] .scene-screen,.scene[data-scene="juniper"] .scene-screen{margin-left:5%;width:90%}.other-card .juniper-preview{height:250px}}


:root{--page:#f5f6f2;--panel:#fff;--ink:#17201e;--muted:#65736e;--line:#dce2dc;--teal:#0c4f4b;--mint:#cde9e4}body{background:var(--page);color:var(--ink)}button{color:inherit}.brand img{width:43px;height:43px;object-fit:contain}.nav button.talk{border:1px solid var(--line);border-radius:30px;padding:11px 18px;font-size:12px}.nav small{font-size:9px;color:var(--muted);margin-left:3px}.theme-switch{font-size:20px;padding:5px}.eyebrow{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;display:inline-flex;gap:9px;align-items:center}.eyebrow i{width:5px;height:5px;border-radius:50%;background:#599b8b}.sales-hero{max-width:1600px;margin:auto;padding:75px 5% 100px;display:grid;grid-template-columns:1.08fr 1fr;gap:6%;align-items:center}.sales-copy h1{font-size:clamp(48px,5.7vw,87px);line-height:1.02;letter-spacing:-4.5px;font-weight:450;margin:28px 0}.sales-copy h1 em{font-style:normal;color:var(--teal)}.sales-copy>p{max-width:410px;font-size:17px;line-height:1.7;color:var(--muted)}.sales-actions{display:flex;align-items:center;gap:23px;margin-top:32px}.solid-button{display:inline-flex;justify-content:space-between;gap:20px;align-items:center;background:var(--teal);color:#fff;border-radius:30px;padding:15px 22px;font-size:13px;text-decoration:none;transition:transform .25s,background .25s}.solid-button:hover{transform:translateY(-2px);background:#16645d}.text-button{font-size:12px;text-decoration:none;padding:8px 0}.hero-footnote{font-size:11px;line-height:1.8;color:var(--muted);margin-top:38px}.hero-composition{position:relative;min-width:0;padding:20px 0}.hero-orbit{position:absolute;inset:-60px -30px;background:radial-gradient(ellipse,#cde9e488,transparent 65%);z-index:-1}.hero-demo{border:1px solid #fff;border-radius:22px;background:linear-gradient(140deg,#fff,#e9f2ee);box-shadow:0 30px 80px -45px #15463d55;padding:24px;transform:rotate(-2deg)}.demo-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid #0c4f4b15}.demo-wordmark{font-size:17px;letter-spacing:-.5px;color:#153e37}.demo-wordmark small{font-size:10px;font-weight:300;letter-spacing:.1px;color:#758a80}.example-label{font-size:8px;letter-spacing:.7px;text-transform:uppercase;color:#788b81}.hero-mode{display:flex;gap:8px;margin:20px 0 10px}.hero-mode button{font-size:10px;padding:8px 12px;border-radius:22px;color:#71877a}.hero-mode button[aria-pressed=true]{background:#dcece3;color:#194b3e}.story-stage{height:265px;position:relative;overflow:hidden}.story-frame{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;animation:story-in .65s cubic-bezier(.2,.7,.2,1);padding:4px 10px}.story-tag{font-size:9px;letter-spacing:1.5px;color:#778e80;text-transform:uppercase;margin:0 0 14px}.story-frame h3{font-size:32px;line-height:1.1;font-weight:450;letter-spacing:-1.1px;margin:4px 0 15px;color:#1a4438}.story-bubble{padding:13px 15px;max-width:90%;border-radius:13px;background:#fff;border:1px solid #dce6dd;font-size:12px;line-height:1.5;color:#365247;box-shadow:0 7px 17px -13px #1b4a3b38}.story-bubble.reply{align-self:flex-end;background:#215d4e;color:white;border:0;margin-top:10px}.voice-bars{display:flex;align-items:center;gap:4px;height:35px;justify-content:center;margin:7px 0 20px}.voice-bars i{width:4px;height:12px;border-radius:5px;background:#6c9f86;animation:voice-pulse 1.5s ease-in-out infinite alternate}.voice-bars i:nth-child(2n){height:27px;animation-delay:.25s}.voice-bars i:nth-child(3n){height:18px;animation-delay:.6s}.story-summary{border:1px solid #dbe6dd;border-radius:12px;padding:16px;background:#fff;color:#2b4a3e;font-size:12px;line-height:1.9}.story-summary strong{font-weight:500}.story-summary small{display:block;font-size:9px;color:#809486;margin-top:8px}.hero-endmark{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px}.hero-endmark img{height:70px;width:auto;animation:logo-reveal .9s ease-out}.hero-endmark strong{font-weight:450;font-size:24px;letter-spacing:-.7px;color:#17392d}.hero-endmark p{font-size:16px;letter-spacing:.3px;color:#577c68;margin:0;animation:story-in .8s .3s both}.demo-bottom{display:flex;align-items:center;gap:14px;border-top:1px solid #0c4f4b15;padding-top:17px;font-size:9px;color:#7c9285}.demo-bottom button{font-size:12px;color:#527864}.hero-track{height:2px;background:#d6e2d8;flex:1;overflow:hidden}.hero-track span{height:100%;display:block;width:0;background:#437f61}.floating-note{position:absolute;right:-18px;bottom:33px;background:#fff;border:1px solid #dce5dc;padding:16px 20px;border-radius:12px;display:flex;gap:14px;align-items:center;box-shadow:0 15px 30px -25px #1d453b66;font-size:11px;line-height:1.6;transform:rotate(3deg);color:#778a7d}.floating-note strong{font-weight:450;color:#3b5b49}.note-symbol{font-size:23px;color:#507f61}.demo-disclaimer{font-size:9px;color:var(--muted);margin:27px 0 0;text-align:center}.solutions{padding:65px 5% 80px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-heading h2{font-size:48px;letter-spacing:-2px;line-height:1.08;font-weight:450;margin:20px 0 0}.section-heading p{font-size:13px;line-height:1.8;color:var(--muted)}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.solution-card{display:block;text-align:left;padding:32px 36px;border:1px solid var(--line);border-radius:18px;background:var(--panel);position:relative;transition:transform .3s,border-color .3s}.solution-card:hover{transform:translateY(-4px);border-color:#82aca1}.service-number{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.service-icon{position:absolute;right:34px;top:22px;font-size:40px;font-weight:300;color:#74a39b}.solution-card h3{font-size:30px;font-weight:450;line-height:1.2;letter-spacing:-1px;margin:30px 0 15px}.solution-card p{max-width:370px;font-size:13px;line-height:1.8;color:var(--muted)}.service-link{display:block;font-size:11px;margin-top:25px;color:var(--teal)}.stack-note{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:35px;align-items:center;padding:32px 5px 0;font-size:13px}.stack-note>span{font-weight:500}.stack-note p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.stack-note a{font-size:11px;text-align:right;text-decoration:none}.work-section{padding-top:25px}.work-intro{margin:0 5%;padding-top:50px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.work-intro p{font-size:12px;line-height:1.7;color:var(--muted)}.cinema-layout{min-height:565px}.cinema .hero{top:45px}.portfolio-heading{font-weight:430;font-size:clamp(46px,4.6vw,72px);line-height:1.05;letter-spacing:-3px;margin:25px 0}.film-screen{width:88%;margin-left:3%;position:absolute;top:18%;aspect-ratio:16/9;border-radius:15px;overflow:hidden;background:#f4efe6;box-shadow:0 25px 60px -35px #1c333a55;transition:opacity .4s,transform .6s}.film-screen.changing{opacity:0;transform:translateX(20px)}.film-screen>video,.film-screen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.film-screen>img{z-index:1}.film-screen>video{z-index:2}.film-screen.ready>img{opacity:0;transition:opacity .3s}.film-screen.portrait{background:#e9e7e1}.film-expand{position:absolute;bottom:13px;right:13px;width:30px;height:30px;border-radius:50%;background:#fff9;color:#23362f;z-index:3;opacity:0;transition:opacity .2s}.film-screen:hover .film-expand,.film-expand:focus-visible{opacity:1}.stage-sticker{top:8%}.cinema-controls{grid-template-columns:1.1fr 1.2fr auto}.playback{gap:12px}.playback input[type=range]{appearance:none;height:14px;background:transparent;cursor:pointer;flex:1;width:90px;min-width:50px;padding:0;accent-color:var(--teal)}.playback input::-webkit-slider-runnable-track{height:2px;background:#9aaba066;border-radius:2px}.playback input::-webkit-slider-thumb{appearance:none;height:9px;width:9px;border-radius:50%;background:var(--teal);margin-top:-3.5px}.film-card{min-width:210px;max-width:260px;background:var(--panel);color:var(--ink)}.film-thumb{height:135px;background:#eeece5;overflow:hidden}.film-thumb img{width:100%;height:100%;object-fit:cover}.film-thumb.portrait img{object-fit:contain}.film-card .film-caption{font-size:12px}.film-card.active{outline-color:#477d70}.film-hint{font-size:10px;margin:18px 5%;color:var(--muted)}.project-detail{margin:35px 5% 65px;display:grid;grid-template-columns:1fr 1.3fr;gap:10%;padding-top:32px;border-top:1px solid var(--line)}.detail-type{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.project-detail h3{font-weight:450;font-size:32px;letter-spacing:-1px;margin:14px 0}.project-detail p{font-size:13px;line-height:1.85;color:var(--muted)}.detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.detail-tags span{font-size:9px;border:1px solid var(--line);border-radius:20px;padding:7px 11px;color:var(--muted)}.detail-credit{font-size:10px!important;margin:20px 0}.project-detail .text-button{font-size:12px;color:var(--teal)}.build-next{margin:35px 5% 80px;padding:55px;border-radius:20px;background:#e7eee7;border:1px solid #dde6dc}.build-next h2{font-size:45px;font-weight:450;line-height:1.1;letter-spacing:-2px;margin:20px 0}.build-next p{max-width:570px;font-size:14px;line-height:1.8;color:#6b7b6d}.build-next button{margin-top:15px}.footer-brand{display:flex;flex-direction:column;align-items:center;gap:17px}.footer-brand img{height:58px;width:auto}.footer-brand span{font-size:13px;color:var(--muted)}.flow-dialog,.film-dialog{padding:0;border-radius:16px;border:1px solid var(--line);background:var(--panel);color:var(--ink);max-height:92vh;box-shadow:0 30px 120px #14271b60;overflow:auto}.flow-dialog{width:min(560px,94vw)}.film-dialog{width:min(1200px,96vw);max-width:96vw}.flow-dialog::backdrop,.film-dialog::backdrop{background:#172b2370;backdrop-filter:blur(10px)}.film-dialog video{display:block;max-height:calc(90vh - 65px);width:100%;background:#101a15}.modal-head{background:var(--panel);border-color:var(--line);color:var(--ink)}.flow-options{display:flex;gap:8px;padding:22px 26px 0}.flow-options button{padding:9px 14px;font-size:12px;border-radius:22px;border:1px solid var(--line)}.flow-options button[aria-pressed=true]{background:var(--teal);color:white;border-color:var(--teal)}#flowContent{padding:20px 26px;min-height:235px}.flow-line{padding:12px 15px;margin:9px 0;border:1px solid var(--line);border-radius:12px;font-size:13px;line-height:1.7;animation:story-in .35s ease-out}.flow-line small{font-size:9px;display:block;color:var(--muted);margin-bottom:4px}.flow-line.agent{background:#e9f1e9}.flow-success{font-size:12px;line-height:1.8;padding:15px;background:#dcecdc;border-radius:10px;color:#285336;margin:18px 0}.flow-footer{display:flex;justify-content:space-between;padding:0 26px 8px}.dialog-note{font-size:10px;color:var(--muted);line-height:1.7;margin:14px 26px 22px}#contactForm{display:grid;gap:15px;padding:25px}#contactForm label{display:grid;gap:6px;font-size:11px}#contactForm input,#contactForm select,#contactForm textarea{border:1px solid var(--line);border-radius:8px;background:var(--page);color:var(--ink);padding:11px;font-size:13px;width:100%}#contactForm .dialog-note{margin:0}.nav a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #287c69;outline-offset:4px}.nav .talk:hover{background:var(--panel)}
html[data-theme=dark]{--page:#0d1410;--panel:#15201a;--ink:#e5ebe5;--muted:#92a294;--line:#2b3b2e;--teal:#9bd1bb;--mint:#284b39}html[data-theme=dark] .solid-button{background:#9bd1bb;color:#10271b}html[data-theme=dark] .hero-demo{background:linear-gradient(140deg,#21382a,#192b20);border-color:#3c5542}html[data-theme=dark] .demo-wordmark,html[data-theme=dark] .story-frame h3{color:#d3e7d6}html[data-theme=dark] .hero-mode button[aria-pressed=true]{background:#34543c;color:#d7e8d9}html[data-theme=dark] .story-bubble,html[data-theme=dark] .story-summary{background:#243c2b;border-color:#3b5542;color:#ccdfcf}html[data-theme=dark] .story-bubble.reply{background:#4d7559;color:#fff}html[data-theme=dark] .floating-note{background:#243c2b;border-color:#3b5542}html[data-theme=dark] .floating-note strong{color:#d4e6d7}html[data-theme=dark] .build-next{background:#1c3022;border-color:#304b36}html[data-theme=dark] .filters button.active{background:#b4d0b9;color:#172d1e}html[data-theme=dark] .round{border-color:#455d4a}html[data-theme=dark] .round:hover{background:#28422f}html[data-theme=dark] .cinema-stage:before{opacity:.2}html[data-theme=dark] .flow-line.agent{background:#243e2b}html[data-theme=dark] .flow-success{background:#2e5035;color:#d1e5d4}html[data-theme=dark] .hero-endmark strong{color:#d3e7d6}
@keyframes story-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes logo-reveal{from{opacity:0;clip-path:circle(0 at 50% 50%)}to{opacity:1;clip-path:circle(100% at 50% 50%)}}@keyframes voice-pulse{to{transform:scaleY(.45)}}
@media(max-width:1100px){.sales-hero{gap:4%;padding-top:55px}.sales-copy h1{font-size:62px;letter-spacing:-3px}.sales-copy>p{font-size:15px}.sales-actions{gap:16px;flex-wrap:wrap}.hero-demo{padding:18px}.story-frame h3{font-size:27px}.floating-note{right:-10px;padding:12px;font-size:10px}.solution-card{padding:28px}.solution-card h3{font-size:27px}.cinema-controls{grid-template-columns:1fr 1.2fr}.original{grid-column:1/-1;text-align:right}.work-intro{align-items:flex-start}.portfolio-heading{font-size:55px}.stack-note{grid-template-columns:1fr 1.4fr}.stack-note a{grid-column:2}.cinema .hero{position:relative;inset:auto;width:100%;max-width:none;padding:35px 6% 0}.cinema-stage{width:90%;margin:0 0 0 10%;height:440px}.cinema-layout{min-height:0}.stage-sticker{top:0}}
@media(max-width:760px){.nav{gap:12px}.nav a:first-child{display:none}.nav a:nth-child(2){display:block}.nav button.talk{padding:8px 12px;font-size:10px}.sales-hero{grid-template-columns:1fr;padding:40px 6% 65px;gap:25px}.sales-copy h1{font-size:55px;letter-spacing:-3px;margin:23px 0}.sales-copy>p{font-size:14px;max-width:360px}.sales-copy .eyebrow{font-size:8px;letter-spacing:1.3px}.sales-actions{gap:20px;margin-top:24px}.solid-button{font-size:11px;padding:13px 18px}.hero-footnote{font-size:10px;margin-top:23px}.hero-composition{padding:10px 0;margin-top:15px}.hero-demo{margin:0 3px;transform:rotate(-1deg)}.floating-note{bottom:38px;right:-5px}.story-stage{height:255px}.solutions{padding:42px 6% 40px}.section-heading{display:block}.section-heading h2{font-size:37px}.section-heading p{font-size:12px;margin-top:22px}.solution-grid{grid-template-columns:1fr;gap:17px}.solution-card{padding:26px}.solution-card h3{font-size:27px}.stack-note{display:block;padding-top:28px}.stack-note p{margin:12px 0}.stack-note a{display:block;text-align:left}.work-intro{display:block;padding-top:30px}.work-intro p{font-size:11px;margin-top:14px}.cinema .hero{top:auto;padding-top:20px}.portfolio-heading{font-size:47px;letter-spacing:-2.7px;margin:20px 0}.cinema-stage{height:300px;width:100%;margin:0}.film-screen{width:90%;margin-left:5%;top:12%}.stage-sticker{font-size:8px;top:0}.film-expand{opacity:1}.cinema-controls{grid-template-columns:1fr auto;margin-top:0}.playback{grid-row:2;grid-column:1/-1}.original{grid-column:2;grid-row:1;font-size:10px}.original small{max-width:100px;line-height:1.5;font-size:8px}.film-card{min-width:185px}.filmstrip{gap:12px}.film-thumb{height:116px}.film-hint{font-size:9px;line-height:1.7}.project-detail{grid-template-columns:1fr;gap:10px;margin:25px 6% 40px}.project-detail h3{font-size:28px}.project-detail p{font-size:12px}.build-next{padding:30px 25px;margin:20px 6% 40px}.build-next h2{font-size:33px;letter-spacing:-1.3px}.build-next p{font-size:12px}.footer-brand{align-items:flex-start;margin-top:30px;gap:12px}.footer-brand img{height:45px}.closing{padding-top:35px}.work-intro .eyebrow{font-size:9px}.flow-options,#flowContent{padding-left:18px;padding-right:18px}.flow-footer{padding-left:18px;padding-right:18px}.story-frame h3{font-size:28px}.film-dialog{max-height:94vh}.film-dialog video{max-height:80vh}}
@media(max-width:370px){.brand{font-size:16px;gap:12px}.brand img{width:30px;height:30px}.brand small{letter-spacing:2px;font-size:7px}.nav{gap:8px}.sales-copy h1{font-size:48px}.story-frame h3{font-size:25px}.hero-demo{padding:14px}.floating-note{padding:10px;font-size:9px}.story-stage{height:260px}.sales-copy .eyebrow{letter-spacing:.7px}.hero-mode{margin-top:15px}.nav button.talk{padding:7px 9px}.sales-actions .text-button{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.cinema{background:var(--page);color:var(--ink)}

.hero-orbit{left:0;right:0}.story-stage.hero-canvas{height:auto;aspect-ratio:16/9;border-radius:10px}.hero-film{display:block;width:100%;height:100%;object-fit:contain}.film-dialog{overflow:hidden}@media(max-width:760px){.hero-orbit{left:0;right:0}}
.film-dialog video{height:calc(90vh - 65px);object-fit:contain}

.solid-button{transition:transform .25s,background .25s,color .25s}

/* Click-to-play films retain their branded covers until playback starts. */
.film-screen.ready:not(.playing) #stagePoster{opacity:1;visibility:visible;z-index:2;pointer-events:auto;cursor:pointer}.film-screen.playing #stagePoster{opacity:0;pointer-events:none}.film-expand{z-index:4!important}.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}#contactStatus{font-size:14px;line-height:1.5}button:disabled{opacity:.6;cursor:wait}
.film-screen.ready:not(.playing) #stagePoster{z-index:5}.film-screen .film-expand{z-index:6!important}

/* A softly moving project ribbon and a continuous film showcase. */
.filmstrip{display:block;overflow-x:auto;scrollbar-width:none;scroll-behavior:auto}.filmstrip::-webkit-scrollbar{display:none}.strip-track{display:flex;width:max-content;gap:18px;padding:4px 0}.strip-track .film-card{flex:0 0 236px;width:236px}.film-caption{display:none!important}.film-thumb,.film-thumb.portrait{aspect-ratio:16/9!important}.film-thumb img,.film-thumb.portrait img{object-fit:cover!important;width:100%;height:100%}.film-card{padding:0!important;border-radius:14px;overflow:hidden}.film-screen #stagePoster{cursor:default!important}.film-screen .film-expand{display:none}.playback{flex-wrap:nowrap}.playback #playToggle{width:26px;height:26px;font-size:0;border:0;background:transparent}.playback #playToggle:after{content:'Ⅱ';font-size:14px}.playback #playToggle[aria-pressed=false]:after{content:'▶'}.film-hint{font-size:12px}@media(max-width:760px){.strip-track .film-card{flex-basis:190px;width:190px}}

/* Subpixel compositor animation: one relaxed circuit in five minutes. */
.strip-track{animation:ribbon-drift 300s linear infinite;will-change:transform}.filmstrip:hover .strip-track,.filmstrip:focus-within .strip-track{animation-play-state:paused}@keyframes ribbon-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 9px),0,0)}}@media(prefers-reduced-motion:reduce){.strip-track{animation:none;will-change:auto}}

.playback #playToggle,.playback .scene-nav{display:none!important}.film-screen.ready:not(.playing) #stagePoster{opacity:0;pointer-events:none}.film-screen.ready #stageVideo{opacity:1}

/* Full-frame films: reserve space from width rather than fixed viewport heights. */
.cinema .cinema-stage{height:auto!important;aspect-ratio:16/10;width:90%;margin-left:10%}.cinema .film-screen{top:8%;width:94%;margin-left:3%;aspect-ratio:16/9}.cinema .film-screen>video,.cinema .film-screen>img{object-fit:contain!important;object-position:center}.cinema .playback{display:none!important}.cinema .cinema-controls{grid-template-columns:1fr auto}.film-thumb,.film-thumb.portrait{height:auto!important;aspect-ratio:16/9!important}.film-thumb img{display:block;aspect-ratio:16/9;object-fit:contain!important}@media(max-width:760px){.cinema .cinema-stage{width:100%;margin-left:0;aspect-ratio:16/10}.cinema .film-screen{top:8%;width:90%;margin-left:5%}}

/* A measured two-column cinema with a quiet, stationary project index. */
.cinema .cinema-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.6fr);align-items:center;gap:5%;min-height:0;padding:40px 5% 30px;overflow:visible}
.cinema .cinema-layout>.hero{position:relative;inset:auto;width:auto;max-width:none;padding:0;z-index:auto}
.cinema .portfolio-heading{font-size:clamp(38px,4.1vw,67px);letter-spacing:-2.8px;line-height:1.06;margin:23px 0}
.cinema .cinema-stage{position:relative;width:100%;height:auto!important;margin:0;aspect-ratio:auto;perspective:none;padding:0}
.cinema .cinema-stage:before{inset:-12%;opacity:.28;filter:blur(25px)}
.cinema .film-screen{position:relative;inset:auto;top:auto;width:100%;margin:0;aspect-ratio:16/9;border-radius:14px;transform:none;box-shadow:0 18px 48px -28px #173a3650;isolation:isolate}
.cinema .film-screen.changing{opacity:0;transform:translateY(8px)}
.cinema .film-screen>video,.cinema .film-screen>img{width:100%;height:100%;object-fit:contain!important;object-position:center}
.cinema .stage-sticker{position:relative;inset:auto;margin-top:18px;text-align:right;justify-content:flex-end;font-size:8px;letter-spacing:1.4px}
.cinema .cinema-controls{margin:0 5%;padding:18px 0 25px;grid-template-columns:1fr auto;gap:20px;min-width:0}
.cinema .original{grid-column:auto;grid-row:auto;text-align:right}
.cinema .project-title strong{font-size:23px}.cinema .project-title small{font-size:11px}
.cinema .filmstrip{display:block;overflow:visible;margin:27px 5% 0;padding:0}
.collection-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;color:var(--muted)}
.collection-heading>span{font-size:9px;letter-spacing:2px}.collection-heading>small{font-size:11px;font-weight:350}
.project-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cinema .project-index .film-card{position:relative;display:flex;align-items:center;gap:10px;width:auto;min-width:0;padding:19px 15px!important;border-radius:10px;overflow:hidden;text-align:left;background:transparent;border:1px solid var(--line);opacity:1;transform:none;box-shadow:none;transition:background .25s,border-color .25s,transform .25s}
.project-swatch{width:4px;height:29px;border-radius:4px;flex-shrink:0;background:linear-gradient(180deg,var(--project-start),var(--project-end));opacity:.75}
.project-number{font-size:9px;color:var(--muted);align-self:flex-start;margin-top:3px;font-variant-numeric:tabular-nums}
.project-choice{min-width:0;flex:1}.project-choice strong{display:block;font-size:14px;font-weight:450;letter-spacing:-.25px}.project-choice small{display:block;font-size:9px;line-height:1.4;color:var(--muted);margin-top:5px}.project-arrow{font-size:15px;opacity:0;transform:translate(-3px,3px);transition:.25s}
.cinema .project-index .film-card:hover{background:var(--panel);border-color:#8caaa1;transform:translateY(-2px)}
.cinema .project-index .film-card.active{background:var(--panel);border-color:#8caaa1;box-shadow:0 5px 18px -13px #163f3550}
.film-card.active .project-swatch{opacity:1}.film-card.active .project-arrow,.film-card:hover .project-arrow{opacity:1;transform:none}.film-card.active .project-choice strong{color:var(--teal)}
.cinema .film-hint{display:none}.cinema .project-detail{margin-top:32px}.cinema .playback{display:none!important}
@media(min-width:1800px){.cinema .cinema-layout{max-width:1660px;margin:auto}.cinema .cinema-controls,.cinema .filmstrip,.cinema .project-detail{max-width:1494px;margin-left:auto;margin-right:auto}}
@media(max-width:1100px){.cinema .cinema-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr);gap:4%;padding-top:25px}.cinema .portfolio-heading{font-size:43px;letter-spacing:-2px}.project-index{grid-template-columns:repeat(2,minmax(0,1fr))}.cinema .filters{gap:2px}.cinema .filters button{font-size:10px;padding:8px}}
@media(max-width:760px){.cinema .cinema-layout{grid-template-columns:1fr;gap:30px;padding:20px 6% 12px}.cinema .cinema-layout>.hero{padding:0}.cinema .portfolio-heading{font-size:47px;letter-spacing:-2.5px}.cinema .hero p{font-size:12px}.cinema .hero p br{display:none}.cinema .filters{margin-top:20px}.cinema .cinema-stage{width:100%;height:auto!important;margin:0;aspect-ratio:auto}.cinema .film-screen{width:100%;margin:0;top:auto}.cinema .stage-sticker{margin-top:12px}.cinema .cinema-controls{margin:0 6%;gap:10px;padding-top:12px}.cinema .project-title strong{font-size:19px}.cinema .project-title small{font-size:9px}.cinema .filmstrip{margin:25px 6% 0}.collection-heading{gap:15px;align-items:flex-start}.collection-heading>small{font-size:9px;text-align:right;max-width:130px}.project-index{gap:8px}.cinema .project-index .film-card{padding:15px 10px!important;gap:7px}.project-choice strong{font-size:12px}.project-choice small{font-size:8px}.project-number{font-size:8px}.project-arrow{display:none}}
.cinema .cinema-layout{overflow:hidden}
.cinema .project-index .film-card{width:100%;max-width:none}.cinema .hero p br:after{content:" "}

.film-screen>video.queued-video{opacity:0!important;pointer-events:none;z-index:0}.film-screen #stageVideo{z-index:2}.hero-track #heroProgress{width:100%;transform-origin:left;transform:scaleX(0);transition:none}.film-screen{contain:layout paint}.project-index{contain:layout}

.hero-demo[data-motion=paused] .voice-bars i{animation-play-state:paused!important}

.demo-bottom{display:none!important}