.hero{height:100svh;min-height:0;padding:0;overflow:hidden;display:flex;flex-direction:column;gap:0}.hero-art{background-image:url('assets/room-centered.webp');background-position:center!important;background-size:cover!important}.hero:after{background:linear-gradient(180deg,#02091c55,transparent 55%,#030b1133)}
.hero .wrap{width:min(1120px,calc(100% - 64px))}.hero header{height:clamp(60px,9svh,90px);flex-shrink:0}.hero-content{padding-top:clamp(8px,2svh,24px);text-align:center;flex-shrink:0}.hero h1{font-size:clamp(36px,6.4svh,65px);line-height:1.05;margin:0 0 12px;letter-spacing:-1.8px}.hero h1 span{background:linear-gradient(100deg,#65d9ff,#249efa);background-clip:text;color:transparent}.hero-content>p{font-size:clamp(16px,2.5svh,23px);line-height:1.35;margin:0 auto 24px;max-width:650px;color:#ccdcf4}.downloads{justify-content:center}.downloads .button{padding:13px 22px}.downloads .platform{padding:9px 21px;min-width:170px}.demo-stage{position:relative;flex:1;min-height:0;width:min(1300px,calc(100% - 40px));margin:18px auto 16px}.demo-composition{position:absolute;left:50%;bottom:0;width:1000px;height:560px;transform-origin:bottom center}.laptop{position:absolute;left:0;bottom:0;width:790px;height:526.67px}.laptop-art{position:absolute;inset:0;width:100%;height:100%;clip-path:polygon(12.1% 6%,87.95% 6%,87.95% 75%,97.7% 89.9%,97.7% 92.5%,2.3% 92.5%,2.3% 89.9%,12.1% 75%);filter:drop-shadow(0 15px 25px #0009)}.laptop-screen{position:absolute;left:13.42%;top:8.3%;width:73.18%;height:61.62%;margin:0;border:0;border-radius:1px;transform:none!important;z-index:2;background:#080d16;overflow:hidden;box-shadow:none}#chapter-frame{width:100%;height:100%;border:0;display:block}.screen-launch{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;border:0;background:#03122422;text-shadow:0 2px 8px black;color:white;cursor:pointer}.screen-launch span{font-size:40px}.screen-launch small{font-size:17px;font-weight:600}.screen-launch[hidden]{display:none}.player-mount{position:absolute;top:0;left:750px;z-index:4;transform:none;scale:none;transform-origin:top left}#mas-calibration-overlay{display:none!important}.features{padding-top:40px}.community{background-image:linear-gradient(90deg,#07101cef 0%,#07101cbb 38%,transparent 76%),url('assets/community.webp')}
@media(min-width:700px) and (max-height:760px){.hero header{height:60px}.hero-content{padding-top:7px}.hero h1{font-size:43px;margin-bottom:10px}.hero-content>p{font-size:17px;margin-bottom:18px}.downloads .button{padding:10px 18px}.downloads .platform{padding:8px 18px}.demo-stage{margin-top:12px;margin-bottom:10px}}
@media(min-width:700px) and (max-height:600px){.hero h1{font-size:32px}.hero-content>p{font-size:14px;margin-bottom:10px}.hero header{height:50px}.downloads .button{padding:6px 15px}.downloads .platform{padding:5px 15px}.downloads .chrome{width:24px;height:24px}.downloads .chrome:after{inset:6px}}
@media(min-width:700px) and (max-width:1000px){.hero header nav{gap:20px}.hero .wrap{width:calc(100% - 40px)}.hero header .brand{font-size:22px}.hero header .brand svg{width:35px;height:35px}.header-install{padding:10px;font-size:12px}.hero h1{font-size:clamp(35px,5.4vw,52px)}}
@media(max-width:699px){.hero .wrap{width:calc(100% - 28px)}.hero header{height:56px}.hero header nav{display:none}.hero header .brand{font-size:20px;gap:8px}.hero .header-install{padding:8px;font-size:10px}.hero-content{padding-top:6px}.hero h1{font-size:clamp(29px,4.4svh,36px);letter-spacing:-1px;line-height:1.06;margin:4px 0 12px}.hero-content>p{font-size:14px;margin:0 auto 16px;max-width:350px}.downloads{gap:6px;flex-wrap:nowrap}.downloads>.button{max-width:none;flex-basis:auto;padding:9px;font-size:11px;gap:5px;white-space:nowrap}.downloads .chrome{width:21px;height:21px}.downloads .chrome:after{inset:5px}.downloads .platform{width:auto;max-width:none;min-width:0;flex:1;padding:6px;gap:4px}.downloads .platform svg,.downloads .platform-icon{display:none}.downloads .platform b{font-size:11px}.downloads .platform small{font-size:9px;margin:2px 0 0}.demo-stage{width:calc(100% - 24px);margin:10px auto 12px;display:flex;align-items:flex-end;justify-content:center}.demo-composition{position:relative;left:auto;bottom:auto;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:0;transform:none!important}.laptop{position:relative;left:auto;bottom:auto;width:100%;height:auto;aspect-ratio:1.5;max-width:440px;flex-shrink:1;min-height:0}.laptop-art{position:absolute}.laptop-screen{top:8.3%;left:13.42%;width:73.18%;height:61.62%;border:0}.player-mount{position:relative;left:auto;top:auto;transform:none;scale:none;width:100%;flex-shrink:0;max-width:420px}.screen-launch span{font-size:25px}.screen-launch small{font-size:12px}.hero-art{background-position:center!important}.hero:after{background:linear-gradient(180deg,#020b1a88,transparent 75%,#030b1133)}.features{padding-top:30px}}
@media(max-width:699px) and (max-height:740px){.hero h1{font-size:28px}.hero-content>p{font-size:12px;margin-bottom:10px}.hero header{height:50px}.demo-stage{margin-top:5px}.laptop{max-width:300px}.downloads .button{padding:6px}.downloads .platform{padding:5px}}
.hero-art{background-image:url('assets/study-integrated.webp')}
.community.wrap{max-width:1020px}
@media(max-width:700px){.community.wrap{max-width:420px}}
.brand-icon{width:30px;height:30px;object-fit:contain;filter:invert(1);flex-shrink:0;display:block}.header-install .brand-icon{width:25px;height:25px}.socials .brand-icon{width:23px;height:23px}
.community{border-radius:18px;clip-path:inset(0 round 18px);background-clip:padding-box;isolation:isolate;box-shadow:inset 0 0 0 1px #30465d; border:0}.community-inner{border-radius:inherit}
@media(max-width:699px){.downloads .brand-icon{width:19px;height:19px}.hero .header-install .brand-icon{width:20px;height:20px}}
.demo-browser-chrome{position:absolute;inset:0 0 auto;height:36px;background:#202735;color:#b9c6d8;font:8px/1.3 Arial,sans-serif;z-index:3;pointer-events:none;text-align:left}
.demo-browser-tab{height:16px;width:42%;padding:3px 10px;background:#303a4b;border-radius:5px 5px 0 0;margin-left:7px}.demo-browser-tab span{float:right}
.demo-browser-address{height:20px;display:flex;align-items:center;gap:7px;padding:2px 8px}.demo-address{flex:1;background:#111a28;border-radius:8px;padding:2px 7px;white-space:nowrap;overflow:hidden}
.demo-reader-viewport{position:absolute;inset:36px 0 0;overflow:hidden;background:#080d16}
#chapter-frame{position:absolute;left:50%;top:50%;width:1920px;height:1080px;max-width:none;transform-origin:center}
.screen-launch{top:36px}
.demo-browser-chrome{background:#34353a;color:#ddd;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.safari-toolbar{height:23px;display:flex;align-items:center;gap:9px;padding:0 9px;background:linear-gradient(#45464c,#37383e)}
.mac-lights{display:flex;gap:4px}.mac-lights i{width:6px;height:6px;border-radius:50%;background:#ff6058;box-shadow:inset 0 0 0 .4px #0003}.mac-lights i:nth-child(2){background:#febc2e}.mac-lights i:nth-child(3){background:#28c840}
.safari-nav,.safari-tools{white-space:nowrap;font-size:11px;color:#c1c1c6}.safari-address{flex:1;text-align:center;border-radius:4px;background:#24252a;line-height:15px;font-size:8px;color:#e0e0e4}.safari-address>span{float:right;margin-right:5px}.safari-tab{height:13px;text-align:center;font-size:7px;line-height:13px;background:#2c2d32;border-top:1px solid #525359}
#laptop-screen{transform-origin:0 0;clip-path:none}
@media(min-width:700px){
 .hero{background:radial-gradient(ellipse at 50% 70%,#111d31 0%,#050c17 65%,#030911 100%)}
 .hero-art{background-image:url('assets/study-wide.webp');inset:0 auto 0 50%;width:calc(100svh * 1672 / 941);transform:translateX(-50%);background-size:contain!important;mask-image:linear-gradient(90deg,transparent 0%,#0002 2%,#0008 6%,#000d 11%,#000 16%,#000 84%,#000d 89%,#0008 94%,#0002 98%,transparent 100%)}
 .hero:after{background:linear-gradient(180deg,#01071422,transparent 48%);pointer-events:none}
 .demo-stage{position:absolute;inset:0 auto 0 50%;width:calc(100svh * 1672 / 941);height:100%;margin:0;transform:translateX(-50%);pointer-events:none}
 .demo-composition{inset:0;width:100%;height:100%;transform:none!important}
 .laptop{inset:0;width:100%;height:100%;pointer-events:none}
 .laptop-art{display:none}
 .laptop-screen{left:34.09091%;top:50.47821%;width:28.46890%;height:30.92455%;pointer-events:auto}
 .player-mount{left:65%;top:44%;pointer-events:auto}
 .hero header,.hero-content{position:relative;z-index:5;margin-top:0;margin-bottom:0}
 .hero h1{text-shadow:0 2px 14px #03091e55}
}
@media(max-width:699px){.hero-art{background-image:url('assets/room-centered.webp')}}