:root{--paper:#fcfcfa;--ink:#17191c;--muted:#59616c;--line:#e3e6ea;--blue:#0868f6;--blue-dark:#0054cd;--panel:#24292e;--panel-line:#4a5158;--panel-soft:#a5adb6;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.skip-link{position:absolute;z-index:100;top:-100px;left:20px;padding:12px 18px;background:#fff}.skip-link:focus{top:12px}.site-shell{overflow:hidden}.site-header{position:relative;z-index:15;display:flex;align-items:center;gap:3vw;min-height:86px;max-width:1610px;padding:0 clamp(22px,4.8vw,72px);margin:auto}.wordmark{font-size:29px;font-weight:900;letter-spacing:-1.9px;white-space:nowrap;display:inline-flex;align-items:center}.wordmark-icon{width:20px;height:20px;border:6px solid var(--ink);border-radius:50%;margin-right:9px;position:relative}.wordmark-icon:after{content:"";position:absolute;width:7px;height:7px;background:var(--paper);top:0;right:-8px;transform:rotate(45deg)}.wordmark-dot{color:var(--blue)}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(22px,3.2vw,53px);margin-left:auto;font-size:14px;font-weight:600}.desktop-nav a{white-space:nowrap}.desktop-nav a:hover,.site-footer a:hover{text-decoration:underline;text-underline-offset:5px}.header-actions{display:flex;align-items:center;gap:17px;margin-left:auto}.locale-switch{display:flex;gap:5px;color:#848b94;font-size:12px;font-weight:800;letter-spacing:.04em}.locale-switch a.active{color:var(--ink)}.currency-button{display:flex;align-items:center;gap:5px;background:none;border:none;color:var(--ink);padding:7px 2px;font-size:12px;font-weight:800}.currency-button span:last-child{font-size:18px;font-weight:400;line-height:8px}.header-cta{background:var(--blue);color:white;padding:14px 19px;border-radius:11px;font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 3px 0 rgba(0,69,190,.13)}.header-cta:hover,.button-primary:hover{background:var(--blue-dark)}.header-cta span{margin-left:10px}.menu-toggle,.mobile-nav{display:none}
.hero{position:relative}.hero-stage{position:relative;isolation:isolate;min-height:850px;max-width:1800px;margin:0 auto;overflow:hidden}.stage-grain{position:absolute;inset:0;z-index:-2;background-color:var(--paper);background-image:radial-gradient(#cbd0d5 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(to bottom,transparent 0,#000 10%,#000 86%,transparent 100%);opacity:.75}.ui-stage{position:absolute;inset:0;z-index:-1;pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:780px;margin:0 auto;text-align:center;padding:188px 20px 100px}.hero-kicker{display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;font-weight:800;letter-spacing:.19em;color:#707984;margin:0 0 20px}.kicker-line{width:22px;height:1px;background:#8e969e}.hero h1{margin:0;line-height:.84;letter-spacing:-.08em}.title-keyhole,.title-animation{display:block;white-space:nowrap}.title-keyhole{font-size:clamp(110px,11.1vw,186px);font-weight:900;letter-spacing:-.086em}.title-animation{font-family:Georgia,'Times New Roman',serif;font-size:clamp(115px,11.5vw,188px);font-weight:400;letter-spacing:-.09em;line-height:.9;margin-top:-3px}.hero-strap{font-size:clamp(26px,3.1vw,46px);font-weight:900;letter-spacing:-.05em;line-height:1.05;margin:35px 0 10px}.hero-description{font-size:clamp(16px,1.4vw,22px);margin:0;color:#272b31}.hero-purchase{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-top:22px}.price-caption{font-size:13px;color:var(--muted)}.hero-price{font-size:21px;letter-spacing:-.04em}.price-alternative{font-size:13px;color:var(--muted)}.price-alternative:before{content:'·';margin-right:10px}.hero-buttons{display:flex;justify-content:center;gap:12px;margin-top:20px}.button{min-height:59px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:0 28px;border-radius:11px;font-weight:800;font-size:15px;white-space:nowrap;box-shadow:0 8px 22px rgba(27,33,43,.08)}.button-primary{background:var(--blue);color:#fff}.button-primary span{font-size:19px}.button-secondary{border:1px solid #b9c0c8;background:rgba(255,255,255,.93)}.button-secondary:hover{background:#fff;border-color:#7e8791}.play-icon{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid var(--ink)}.stage-index{position:absolute;right:5%;bottom:32px;color:#949ca4;font-weight:800;font-size:11px;letter-spacing:.17em}
.panel,.tool-rail,.ae-tile{position:absolute;background:linear-gradient(155deg,#30363b,#20252a 68%);color:#f7f8fa;border:1px solid #343b42;box-shadow:0 17px 25px rgba(31,39,47,.18);user-select:none}.panel{padding:12px 14px;border-radius:12px;overflow:hidden;font-size:13px}.panel-top{display:flex;align-items:center;gap:12px;height:25px;white-space:nowrap}.panel-title{font-size:14px;font-weight:700;font-style:italic}.panel-more{margin-left:auto;color:#aeb6be;font-size:17px}.traffic{display:flex;gap:5px}.traffic i{display:block;width:8px;height:8px;border-radius:50%;background:#ff705f}.traffic i:nth-child(2){background:#ffc853}.traffic i:nth-child(3){background:#34b877}.panel-search{height:24px;border:1px solid #535b63;border-radius:5px;margin:10px 0 6px}.project-row,.transform-row,.effects-row{height:28px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.07)}.project-row:last-child,.transform-row:last-child,.effects-row:last-child{border:0}.project-row small{margin-left:auto;color:#a9b1ba;font-style:italic}.file{width:12px;height:13px;border-radius:2px;background:#a576f9}.file-blue{background:#4c96ef}.file-yellow{background:#f5c45d}.file-green{background:#61c7aa}.transform-row{justify-content:space-between}.transform-row strong{font-weight:400;color:#51a9ff}.timeline-caption{color:#a6afb6;font-size:12px}.timeline-ruler{margin:6px -14px 0;padding:7px 14px;border-top:1px solid #515960;display:flex;justify-content:space-between;color:#6caeff;font-size:12px}.timeline-ruler span{color:#a7afb8}.track{display:flex;align-items:center;gap:8px;height:26px;border-top:1px solid rgba(255,255,255,.07);font-size:12px}.track span{width:76px}.track b{height:18px;border-radius:2px;flex:1}.track-violet{background:#9c67ed}.track-blue{background:#447ec1}.track-green{background:#55b6a0}.graph-svg{display:block;width:100%;height:125px;background:linear-gradient(to right,transparent 24%,#ffffff12 25%,transparent 26%,transparent 49%,#ffffff12 50%,transparent 51%,transparent 74%,#ffffff12 75%,transparent 76%),linear-gradient(to bottom,transparent 24%,#ffffff12 25%,transparent 26%,transparent 49%,#ffffff12 50%,transparent 51%,transparent 74%,#ffffff12 75%,transparent 76%);margin-top:10px}.graph-svg .axis{fill:none;stroke:#8a939c;stroke-width:1}.graph-svg .curve{fill:none;stroke:#f5f6f7;stroke-width:3}.graph-svg .handle{fill:none;stroke:#a77cf4;stroke-width:1.5}.graph-svg circle{fill:#ad82fa}.graph-tools{color:#a3adb6;letter-spacing:8px;border-top:1px solid #485059;padding-top:5px}.effects-row{font-size:12px;color:#e2e6e9}.code-line{font-family:Consolas,monospace;color:#ce8dfc;font-weight:700;margin-top:8px}.code-line i{display:inline-block;width:24px;color:#87929c;font-weight:400;font-style:normal}.code-line b{color:#59adff}.code-comment{color:#8d969f;font-weight:400}.panel-project{left:4.3%;top:82px;width:285px;height:236px;transform:rotate(7deg)}.panel-transform{left:9.8%;top:430px;width:260px;height:176px;transform:rotate(7deg)}.panel-timeline{left:4%;bottom:27px;width:465px;height:174px;transform:rotate(-9deg)}.panel-graph{right:3.2%;top:86px;width:327px;height:246px;transform:rotate(10deg)}.panel-effects{right:6.7%;top:405px;width:261px;height:228px;transform:rotate(6deg)}.panel-expression{right:6.2%;bottom:31px;width:323px;height:127px;transform:rotate(4deg)}.tool-rail{left:1.7%;top:350px;width:58px;padding:10px 0;border-radius:11px;display:grid;justify-items:center;gap:14px;transform:rotate(-11deg);font-size:25px;color:#cdd4db}.tool-blue{color:#318eff}.ae-tile{left:28%;top:118px;width:73px;height:73px;display:grid;place-items:center;border-radius:13px;color:#ccadff;background:#241457;border:4px solid #8244f0;font-size:37px;font-weight:900;transform:rotate(-13deg)}.spark{position:absolute;width:21px;height:21px;background:#2085ff;transform:rotate(45deg);border-radius:2px}.spark-one{left:27%;top:330px}.spark-two{right:25%;bottom:158px;width:18px;height:18px}.selection-box{position:absolute;right:27%;top:112px;width:104px;height:100px;border:2px solid #1983fa;transform:rotate(-12deg);display:grid;place-items:center}.selection-box:before,.selection-box:after{content:"";position:absolute;width:8px;height:8px;background:white;border:2px solid #1983fa}.selection-box:before{left:-6px;top:-6px}.selection-box:after{right:-6px;bottom:-6px}.selection-star{font-size:70px;line-height:1;color:#17191c}.cursor-shape{position:absolute;right:26.3%;top:220px;width:0;height:0;border-left:23px solid #17191c;border-top:30px solid transparent;border-bottom:0 solid transparent;transform:rotate(-21deg);filter:drop-shadow(2px 2px 1px #fff)}
.composition-controls{max-width:1440px;margin:auto;padding:22px clamp(22px,5vw,72px);display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.composition-controls>span{color:var(--muted)}.composition-controls>div{display:flex;gap:7px}.composition-controls a{border:1px solid var(--line);padding:9px 12px;border-radius:6px;background:#fff}.composition-controls a[aria-current=true]{background:var(--ink);border-color:var(--ink);color:#fff}.composition-controls small{font-weight:500;letter-spacing:0;text-transform:none;margin-left:7px}.composition-controls strong{margin-left:auto;color:#8a929a;font-size:10px}.below-section{max-width:1440px;margin:auto;padding:110px clamp(22px,5vw,72px);display:grid;grid-template-columns:1fr 2fr;gap:40px;border-bottom:1px solid var(--line)}.section-number{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--muted)}.section-content{max-width:740px}.section-content h2{font-size:clamp(44px,6vw,78px);line-height:.99;letter-spacing:-.065em;margin:0 0 25px}.section-content p{max-width:590px;font-size:18px;line-height:1.55;color:var(--muted)}.availability{display:flex;align-items:center;gap:10px!important;font-size:13px!important;font-weight:700;color:var(--ink)!important;margin-top:35px}.availability-dot{width:8px;height:8px;border-radius:50%;background:#a3aab1}.demo-section{background:#eceff1;max-width:none;padding-left:max(clamp(22px,5vw,72px),calc((100% - 1296px)/2));padding-right:max(clamp(22px,5vw,72px),calc((100% - 1296px)/2))}.site-footer{max-width:1440px;margin:auto;display:flex;align-items:center;gap:30px;padding:44px clamp(22px,5vw,72px);font-size:13px;color:var(--muted)}.site-footer>span{font-weight:900;color:var(--ink);font-size:20px;letter-spacing:-.06em}.site-footer p{margin-right:auto}
body[data-scene=b] .hero-copy{margin-left:15%;margin-right:auto;text-align:left;padding-top:187px;max-width:760px;transform:rotate(-7deg);transform-origin:38% 37%}body[data-scene=b] .hero-kicker,body[data-scene=b] .hero-purchase,body[data-scene=b] .hero-buttons{justify-content:flex-start}body[data-scene=b] .title-keyhole{font-size:clamp(110px,10.9vw,178px)}body[data-scene=b] .title-animation{font-size:clamp(115px,11.6vw,190px);margin-left:6%}body[data-scene=b] .hero-strap,body[data-scene=b] .hero-description,body[data-scene=b] .hero-purchase,body[data-scene=b] .hero-buttons{transform:rotate(7deg);transform-origin:left center;margin-left:30px}body[data-scene=b] .hero-strap{margin-top:42px}body[data-scene=b] .panel-project{left:2%;top:63px;transform:rotate(-13deg)}body[data-scene=b] .panel-transform{left:2.7%;top:428px;transform:rotate(-18deg)}body[data-scene=b] .panel-timeline{left:1%;bottom:7px;transform:rotate(-2deg)}body[data-scene=b] .panel-graph{right:3%;top:53px;transform:rotate(18deg)}body[data-scene=b] .panel-effects{right:4%;top:383px;transform:rotate(-10deg)}body[data-scene=b] .panel-expression{right:18%;bottom:22px;transform:rotate(15deg)}body[data-scene=b] .tool-rail{left:35%;top:33px;transform:rotate(68deg)}body[data-scene=b] .ae-tile{left:73%;top:362px;transform:rotate(19deg)}body[data-scene=b] .selection-box{right:17%;top:140px;transform:rotate(25deg)}body[data-scene=b] .spark-one{left:59%;top:127px}body[data-scene=b] .spark-two{right:12%;bottom:120px}
@media(max-width:1200px){.desktop-nav{gap:20px}.account-button{display:none}.hero-copy{padding-top:190px;max-width:650px}.title-keyhole{font-size:125px}.title-animation{font-size:133px}.panel-project{left:-7%}.panel-transform{left:-7%}.panel-timeline{left:-7%;width:400px}.panel-graph{right:-8%}.panel-effects{right:-7%}.panel-expression{right:-8%}.tool-rail{left:-4%}.ae-tile{left:21%}.selection-box{right:19%}body[data-scene=b] .hero-copy{margin-left:12%}body[data-scene=b] .panel-project{left:-10%}body[data-scene=b] .panel-transform{left:-12%}body[data-scene=b] .panel-graph{right:-12%}body[data-scene=b] .panel-effects{right:-10%}}
@media(max-width:760px){.site-header{height:68px;min-height:68px;padding:0 18px}.wordmark{font-size:24px}.wordmark-icon{width:17px;height:17px;border-width:5px;margin-right:6px}.desktop-nav,.header-cta{display:none}.header-actions{gap:11px}.locale-switch{font-size:11px}.currency-button{font-size:11px}.menu-toggle{display:flex;width:31px;height:31px;flex-direction:column;justify-content:center;gap:6px;padding:3px;border:0;background:none}.menu-toggle span{width:23px;height:2px;background:var(--ink);border-radius:2px}.mobile-nav:not([hidden]){position:absolute;display:flex;flex-direction:column;gap:16px;left:0;right:0;top:68px;padding:24px 20px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 10px 22px #10182016;font-weight:700}.hero-stage{min-height:785px}.stage-grain{background-size:22px 22px}.hero-copy{padding:169px 16px 0;max-width:390px;margin:auto}.hero-kicker{font-size:9px;letter-spacing:.12em;margin-bottom:20px}.title-keyhole{font-size:clamp(76px,23vw,105px)}.title-animation{font-size:clamp(78px,23.5vw,108px)}.hero-strap{font-size:28px;margin:31px 0 9px}.hero-description{font-size:15px;line-height:1.3;max-width:310px;margin:auto}.hero-purchase{margin-top:18px}.hero-price{font-size:19px}.hero-buttons{gap:9px;margin-top:18px}.button{font-size:13px;min-height:51px;padding:0 15px;gap:8px}.button-primary span{font-size:16px}.panel-project{left:-84px;top:25px;width:225px;height:174px;transform:rotate(-12deg)}.panel-project .project-row{height:22px;font-size:10px}.panel-project .panel-search{height:19px;margin:5px 0}.panel-project .panel-top{height:20px}.panel-title{font-size:12px}.panel-transform{left:-65px;top:594px;width:226px;height:155px;transform:rotate(13deg)}.panel-transform .transform-row{font-size:10px;height:24px}.panel-timeline{left:19%;bottom:-94px;width:350px;height:154px;transform:rotate(-12deg)}.panel-graph{right:-100px;top:38px;width:230px;height:178px;transform:rotate(14deg)}.graph-svg{height:90px;margin-top:4px}.panel-effects{right:-96px;top:590px;width:224px;height:179px;transform:rotate(-10deg)}.panel-effects .effects-row{height:22px;font-size:10px}.panel-effects .panel-search{height:19px;margin:4px 0}.panel-expression,.tool-rail{display:none}.ae-tile{left:15%;top:110px;width:49px;height:49px;border-width:3px;font-size:25px}.selection-box{right:11%;top:114px;width:54px;height:56px}.selection-star{font-size:40px}.cursor-shape{right:10%;top:178px;transform:scale(.65) rotate(-21deg)}.spark-one{left:10%;top:539px;width:14px;height:14px}.spark-two{right:21%;bottom:158px;width:12px;height:12px}.stage-index{right:16px;bottom:25px}.composition-controls{align-items:flex-start;flex-direction:column;gap:10px;padding:17px 20px}.composition-controls>div{width:100%;display:grid;grid-template-columns:1fr 1fr}.composition-controls a{font-size:12px}.composition-controls small{display:block;margin:4px 0 0;font-size:11px}.composition-controls strong{display:none}.below-section{display:block;padding:76px 22px}.section-number{margin-bottom:27px}.section-content h2{font-size:50px}.section-content p{font-size:16px}.demo-section{padding-left:22px;padding-right:22px}.site-footer{display:block;padding:40px 22px}.site-footer p{margin:13px 0 22px}body[data-scene=b] .hero-stage{min-height:785px}body[data-scene=b] .hero-copy{margin:0;max-width:none;padding:183px 18px 0;transform:rotate(-9deg);transform-origin:45% 35%;text-align:left}body[data-scene=b] .hero-kicker{justify-content:flex-start;margin-left:20px;font-size:8px}body[data-scene=b] .title-keyhole{font-size:clamp(70px,21vw,92px)}body[data-scene=b] .title-animation{font-size:clamp(72px,22vw,96px);margin-left:4%}body[data-scene=b] .hero-strap,body[data-scene=b] .hero-description,body[data-scene=b] .hero-purchase,body[data-scene=b] .hero-buttons{margin-left:18px;transform:rotate(9deg)}body[data-scene=b] .hero-strap{margin-top:48px;font-size:27px}body[data-scene=b] .hero-description{margin-right:0}body[data-scene=b] .panel-project{left:-72px;top:14px;transform:rotate(-20deg)}body[data-scene=b] .panel-transform{left:-68px;top:579px;transform:rotate(-17deg)}body[data-scene=b] .panel-timeline{left:10%;bottom:-105px;transform:rotate(6deg)}body[data-scene=b] .panel-graph{right:-113px;top:30px;transform:rotate(24deg)}body[data-scene=b] .panel-effects{right:-90px;top:568px;transform:rotate(17deg)}body[data-scene=b] .ae-tile{left:77%;top:239px;transform:rotate(20deg)}body[data-scene=b] .selection-box{right:9%;top:179px;transform:rotate(25deg)}body[data-scene=b] .spark-one{left:4%;top:503px}body[data-scene=b] .spark-two{right:16%;bottom:171px}}
@media(max-width:390px){.hero-strap{font-size:25px}.hero-copy{padding-top:173px}.button{padding:0 12px}.wordmark{font-size:22px}.header-actions{gap:7px}body[data-scene=b] .hero-strap{font-size:24px}}
.account-button{border:0;background:none;color:var(--ink);font-size:12px;font-weight:700;white-space:nowrap;padding:8px 0}.account-button:hover{text-decoration:underline;text-underline-offset:4px}.mobile-nav button{padding:0;text-align:left;border:0;background:none;font-weight:700}.account-dialog{width:min(420px,calc(100vw - 32px));padding:0;border:1px solid var(--line);border-radius:15px;box-shadow:0 20px 80px #19212a44}.account-dialog::backdrop{background:#15191ec2}.dialog-inner{position:relative;padding:32px}.dialog-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--blue)}.dialog-inner h2{font-size:34px;letter-spacing:-.06em;margin:12px 0}.dialog-inner>p:not(.dialog-kicker){color:var(--muted);line-height:1.5}.dialog-close{position:absolute;right:22px;top:17px;background:none;border:0;font-size:28px}.dialog-done{margin-top:18px;padding:12px 20px;border:0;border-radius:8px;background:var(--ink);color:#fff;font-weight:700}@media(max-width:1500px){.desktop-nav{gap:21px}.header-actions{gap:12px}.desktop-nav,.header-cta{font-size:12px}}@media(max-width:760px){.mobile-nav button{font-size:16px}.account-button{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Editorial hero: compact type, diagonal rhythm and movable graphic fragments. */
.hero-stage{min-height:900px}
.hero-copy{max-width:900px;padding-top:165px}
.title-keyhole{font-size:clamp(120px,12.4vw,220px);line-height:.85}
.title-animation{font-size:clamp(130px,12.8vw,228px);line-height:.86}
.hero-blue-rule{position:absolute;left:38%;top:216px;width:min(34vw,540px);height:24px;border-radius:100px;background:#0975eb;box-shadow:0 7px 0 #0d59bf33;transform:rotate(-28deg)}
.hero-blue-rule:before,.hero-blue-rule:after{content:"";position:absolute;top:7px;width:10px;height:10px;border-radius:50%;background:#0b356b}
.hero-blue-rule:before{left:18%}.hero-blue-rule:after{right:14%}
.hero-tag{position:absolute;z-index:1;padding:7px 12px;border:1px solid #1b232c;border-radius:3px;background:#232a30;color:#f8fbff;font-size:11px;font-weight:800;letter-spacing:.13em;box-shadow:5px 6px 0 #11182020}
.hero-tag-one{left:20%;top:138px;transform:rotate(-8deg)}
.hero-tag-two{right:17%;top:470px;background:#0b6be9;border-color:#0b6be9;transform:rotate(11deg)}
body[data-scene=b] .hero-stage{min-height:900px}
body[data-scene=b] .hero-copy{width:min(1120px,88%);max-width:none;margin:0 auto;padding:190px 10px 0;text-align:left;transform:none}
body[data-scene=b] .hero-kicker{justify-content:flex-start;margin-left:13%;transform:rotate(-7deg);transform-origin:left center}
body[data-scene=b] .hero h1{margin:0;transform:none}
body[data-scene=b] .title-keyhole{font-size:clamp(136px,13.2vw,228px);margin-left:-2%;transform:rotate(-9deg);transform-origin:45% 48%}
body[data-scene=b] .title-animation{font-size:clamp(142px,13.8vw,236px);margin-top:-22px;margin-left:9%;transform:rotate(-9deg);transform-origin:45% 48%}
body[data-scene=b] .hero-strap{margin:52px 0 10px 14%;font-size:clamp(30px,3.3vw,51px);transform:none}
body[data-scene=b] .hero-description{margin:0 0 0 14%;transform:none}
body[data-scene=b] .hero-purchase{justify-content:flex-start;margin:20px 0 0 14%;transform:none}
body[data-scene=b] .hero-buttons{position:absolute;top:735px;left:50%;z-index:30;justify-content:center;transform:translateX(-50%);margin:0;white-space:nowrap}
body[data-scene=b] .hero-blue-rule{left:31%;top:270px;width:min(39vw,610px);height:27px;transform:rotate(-27deg)}
body[data-scene=b] .hero-tag-one{left:19%;top:190px;transform:rotate(-11deg)}
body[data-scene=b] .hero-tag-two{right:16%;top:540px;transform:rotate(14deg)}
body[data-scene=b] .panel-project{left:3%;top:95px;transform:rotate(-16deg)}
body[data-scene=b] .panel-transform{left:7%;top:432px;transform:rotate(12deg)}
body[data-scene=b] .panel-timeline{left:2%;bottom:12px;transform:rotate(-5deg)}
body[data-scene=b] .panel-graph{right:3%;top:99px;transform:rotate(16deg)}
body[data-scene=b] .panel-effects{right:5%;top:410px;transform:rotate(-11deg)}
body[data-scene=b] .panel-expression{right:15%;bottom:20px;transform:rotate(13deg)}
body[data-scene=b] .tool-rail{left:36%;top:24px;transform:rotate(72deg)}
body[data-scene=b] .ae-tile{left:72%;top:336px;transform:rotate(18deg)}
body[data-scene=b] .selection-box{right:20%;top:201px;transform:rotate(22deg)}
body[data-scene=b] .spark-one{left:25%;top:512px}
body[data-scene=b] .spark-two{right:22%;bottom:145px}
.hero-stage.is-falling .hero-buttons,.hero-stage.is-falling .hero-buttons a{pointer-events:auto}
.hero-stage.is-falling .hero-kicker,.hero-stage.is-falling .title-keyhole,.hero-stage.is-falling .title-animation,.hero-stage.is-falling .hero-strap,.hero-stage.is-falling .hero-description,.hero-stage.is-falling .hero-purchase,.hero-stage.is-falling .stage-index{pointer-events:none}
@media(max-width:1200px){body[data-scene=b] .hero-copy{width:min(980px,90%);padding-top:210px}body[data-scene=b] .title-keyhole{font-size:clamp(110px,12.7vw,175px)}body[data-scene=b] .title-animation{font-size:clamp(117px,13.2vw,183px)}body[data-scene=b] .hero-buttons{top:710px}}
@media(max-width:760px){.hero-stage,body[data-scene=b] .hero-stage{min-height:820px}.hero-copy{padding-top:180px}.title-keyhole{font-size:clamp(75px,22vw,104px)}.title-animation{font-size:clamp(79px,22.7vw,109px)}.hero-blue-rule{left:33%;top:175px;width:190px;height:13px}.hero-blue-rule:before,.hero-blue-rule:after{top:4px;width:5px;height:5px}.hero-tag{font-size:8px;padding:5px 7px}.hero-tag-one{left:10%;top:126px}.hero-tag-two{right:7%;top:520px}body[data-scene=b] .hero-copy{width:100%;max-width:none;margin:0;padding:205px 18px 0;text-align:left;transform:none}body[data-scene=b] .hero-kicker{margin-left:5%;font-size:8px}body[data-scene=b] .title-keyhole{font-size:clamp(80px,23vw,111px);margin-left:-4%;transform:rotate(-8deg)}body[data-scene=b] .title-animation{font-size:clamp(84px,24vw,116px);margin-left:5%;margin-top:1px;transform:rotate(-8deg)}body[data-scene=b] .hero-strap{margin:51px 0 8px 4%;font-size:clamp(25px,7vw,35px);transform:none}body[data-scene=b] .hero-description{margin:0 0 0 4%;max-width:310px;transform:none}body[data-scene=b] .hero-purchase{margin:18px 0 0 4%;transform:none}body[data-scene=b] .hero-buttons{top:615px;left:50%;width:max-content;max-width:calc(100vw - 20px);margin:0;transform:translateX(-50%);gap:8px}body[data-scene=b] .hero-buttons .button{min-height:48px;padding:0 12px;font-size:12px}body[data-scene=b] .hero-blue-rule{left:26%;top:276px;width:220px;height:13px}body[data-scene=b] .hero-tag-one{left:12%;top:153px}body[data-scene=b] .hero-tag-two{right:8%;top:536px}body[data-scene=b] .panel-project{left:-68px;top:20px;transform:rotate(-17deg)}body[data-scene=b] .panel-transform{left:-67px;top:590px;transform:rotate(13deg)}body[data-scene=b] .panel-timeline{left:17%;bottom:-75px;transform:rotate(-8deg)}body[data-scene=b] .panel-graph{right:-101px;top:20px;transform:rotate(18deg)}body[data-scene=b] .panel-effects{right:-100px;top:586px;transform:rotate(-10deg)}body[data-scene=b] .ae-tile{left:79%;top:187px;transform:rotate(18deg)}body[data-scene=b] .selection-box{right:12%;top:131px;transform:rotate(20deg)}body[data-scene=b] .spark-one{left:8%;top:502px}body[data-scene=b] .spark-two{right:14%;bottom:133px}}