/* Product film edition — current native captures, restrained optics and light. */
:root{--ink:#173a56;--muted:#526d83;--blue:#155aa5;--page:#f6f9fd}
html{scroll-padding-top:90px}.site-header{height:84px}.site-header nav{font-size:12px;letter-spacing:.3px}.header-cta{border-radius:30px;background:#ffffff70}.brand-icon{background:linear-gradient(135deg,#4b83b9,#164674);box-shadow:inset 0 0 0 1px #c8e1f3,0 5px 15px #214f7222}
.hero-premium{position:relative;isolation:isolate;padding-top:67px;overflow:clip}.hero-halo{position:absolute;inset:150px -20% 0;z-index:-2;background:radial-gradient(ellipse at 50% 55%,#d3e6fa 0,#e9f3fc 35%,transparent 64%)}.hero-gridlines{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent calc(50% - .5px),#779fc90d 50%,transparent calc(50% + .5px));background-size:240px 100%;mask-image:linear-gradient(transparent,#000,transparent)}.hero-center{text-align:center}.hero-release{display:inline-flex;align-items:center;gap:12px;font-size:9px;color:#6786a1;letter-spacing:2px;border:1px solid #dbe7f2;background:#ffffff77;padding:9px 15px;border-radius:30px}.release-divider{height:10px;width:1px;background:#c5d9ea}.hero-premium h1{font-size:78px;letter-spacing:-3.8px;line-height:1.2;font-weight:600;margin:26px 0 23px}.hero-premium h1>span{display:block;background:linear-gradient(110deg,#214965 10%,#2b79b4 55%,#6997b8 90%);color:transparent;background-clip:text}.premium-description{font-size:15px;color:#7890a5;line-height:2;letter-spacing:.2px}.hero-premium .hero-actions{justify-content:center;margin-top:24px;gap:17px}.hero-premium .button{border-radius:30px;font-size:12px;padding:13px 23px}.hero-premium .primary{background:linear-gradient(135deg,#2f78b7,#164f88);border:1px solid #6b9abf;box-shadow:inset 0 1px 0 #ffffff55,0 8px 17px #316b9b1f}.film-link{gap:10px;color:#486e8c}.film-link .play-icon{border-color:#87aac7;font-size:8px;width:25px;height:25px}.film-duration{font-size:9px;color:#8aa0b4;margin-left:5px}.hero-native-stage{position:relative;width:min(100%,1130px);margin:57px auto 0;perspective:1800px;padding:0 64px 39px;isolation:isolate}.native-tablet{display:block;position:relative;appearance:none;border:1px solid #8aabbf;border-radius:31px;padding:14px;background:linear-gradient(135deg,#f8fcff,#bdcedd 20%,#e6eef5 60%,#90a9bb);box-shadow:inset 0 0 0 2px #ffffffaa,0 25px 65px #416b9138,0 3px 7px #193a511c;transform:rotateX(7deg) rotateZ(-1deg);width:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1),box-shadow .8s;cursor:zoom-in}.native-tablet:hover{transform:rotateX(0) rotateZ(0) translateY(-4px);box-shadow:inset 0 0 0 2px #ffffffaa,0 35px 80px #416b9140}.native-tablet:before{content:"";position:absolute;inset:6px;border-radius:27px;border:1px solid #d0e3f1;background:#e8f1f8}.native-tablet img{width:100%;height:auto;border-radius:20px;position:relative;z-index:1}.tablet-lens{width:4px;height:4px;border-radius:50%;background:#7791a8;position:absolute;top:5px;left:50%;z-index:2}.tablet-shine{pointer-events:none;position:absolute;inset:0;background:linear-gradient(120deg,#ffffff12,transparent 40%);border-radius:31px;z-index:3}.stage-orbit{position:absolute;width:116%;height:74%;border:1px solid #a8c5e42b;border-radius:50%;left:-8%;top:8%;transform:rotate(-15deg);z-index:-1}.orbit-offset{height:95%;width:107%;top:-7%;left:-3%;transform:rotate(13deg)}.native-side-label{position:absolute;top:38%;font-size:7px;color:#95aabd;line-height:2.5;letter-spacing:1.5px;text-align:left}.native-side-label b{font-size:7px;font-weight:500;color:#718fa9;letter-spacing:1px}.left-label{left:-50px;transform:rotate(-90deg);transform-origin:center}.right-label{right:-45px;transform:rotate(90deg)}.native-floating-chip{position:absolute;bottom:70px;left:29px;display:flex;align-items:center;gap:12px;z-index:4;background:#ffffffec;backdrop-filter:blur(16px);border:1px solid #fff;box-shadow:0 12px 35px #4b719427;border-radius:15px;padding:15px 20px;transform:rotate(1deg);text-align:left}.native-floating-chip>span:first-child{width:40px;height:40px;background:linear-gradient(135deg,#effaff,#b8d6ee);box-shadow:inset 0 0 0 1px #fff,0 4px 9px #3e6b931a;border-radius:12px;color:#3e8aae;font-size:24px;display:grid;place-items:center}.native-floating-chip>span:last-child{font-size:15px;color:#7294af;margin-left:10px}.native-floating-chip b{font-weight:600;font-size:12px}.native-floating-chip small{display:block;font-size:9px;color:#7e96ab;margin-top:6px}.native-capture-label{font-size:9px;color:#7894ac;margin-top:25px;display:flex;gap:10px;align-items:center;justify-content:center;letter-spacing:.5px}.native-capture-label>span:last-child{font-size:8px;color:#9aafc0;border-left:1px solid #cbdde9;padding-left:10px}.hero-platforms{display:flex;align-items:center;justify-content:center;gap:28px;padding:20px 0 45px;font-size:10px;color:#7891a8;letter-spacing:.4px}.hero-platforms i{height:3px;width:3px;border-radius:50%;background:#a3b9cb}.value-strip{padding-block:25px}.section-heading h2{font-size:36px;font-weight:550;line-height:1.5;letter-spacing:-1.5px}.section-heading>p{font-size:13px;line-height:2}.feature-card{background:linear-gradient(135deg,#fff,#ffffffa6);border:1px solid #e1e9f1;box-shadow:0 5px 22px #2b638204}.feature-large{background:linear-gradient(140deg,#eef6fd,#dcebf8a8)}.feature-card p{font-size:13px}.demo-section{background:linear-gradient(145deg,#eaf2fa,#eff5fc)}.demo-stage{box-shadow:0 24px 65px #3a678212;border:1px solid #cdddebe0}.demo-tabs button{font-size:13px}.panel-heading h3{font-size:19px}.paper-card p,.outline-item,.key-note,.group-message p,.quiz-option{font-size:12px}.scene-hint{font-size:11px}.cinema-section{background:#0b1725;color:#e9f1fb;position:relative;overflow:hidden;padding-block:92px 70px;isolation:isolate}.cinema-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 72% 40%,#285d8b30,transparent 62%);z-index:-1}.cinema-heading{align-items:flex-end;margin-bottom:39px}.cinema-heading .eyebrow{color:#84a9c9;font-size:10px}.cinema-live-dot{width:5px;height:5px;border-radius:50%;background:#85afd1;box-shadow:0 0 12px #93d3ff}.cinema-heading h2{font-size:38px;color:#e6f1fb;font-weight:450;letter-spacing:-1px}.cinema-note{text-align:right}.edition-pill{display:inline-block;border:1px solid #304d67;border-radius:30px;padding:7px 11px;color:#93b5d1;font-size:9px;letter-spacing:1px}.cinema-note p{color:#7592ad;font-size:12px;line-height:2;margin-top:14px}.cinema-player{border:1px solid #48678366;border-radius:15px;overflow:hidden;background:#07121e;box-shadow:0 25px 70px #030c1670}.cinema-top{height:49px;padding:0 22px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px;color:#7294b1;background:#0d1d2e}.cinema-top>span:last-child{font-size:9px;letter-spacing:1px}.cinema-top i{font-style:normal;margin:0 10px;color:#425e78}.cinema-screen{position:relative;aspect-ratio:16/9;background:#081423}.cinema-screen video{display:block;width:100%;height:100%;object-fit:contain}.cinema-play-overlay{position:absolute;inset:0;width:100%;border:0;background:linear-gradient(transparent 20%,#05102033);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:15px;backdrop-filter:blur(0px);transition:background .25s}.cinema-play-overlay[hidden]{display:none}.cinema-play-overlay:hover{background:#05102033}.cinema-play-overlay>span{width:72px;height:72px;display:grid;place-items:center;background:#d6e8fb20;backdrop-filter:blur(20px);border:1px solid #d7ebff7a;border-radius:50%;box-shadow:0 5px 30px #06121c4d;font-size:20px;padding-left:3px}.cinema-play-overlay>b{font-size:13px;font-weight:500;letter-spacing:2px;text-shadow:0 2px 7px #051421}.cinema-play-overlay>small{font-size:9px;letter-spacing:1px;color:#d7e7f5;text-shadow:0 2px 7px #051421}.cinema-controls{padding:15px 23px;display:flex;align-items:center;gap:23px;border-top:1px solid #21394f;background:#0e1e2e;font-size:10px;color:#94b0c8}.cinema-controls button,.gif-content button{background:transparent;border:0;color:#c1d9ec;font-size:11px;padding:4px 0}.cinema-controls a:hover{color:#fff}.cinema-controls-spacer{flex:1}.film-time{font-variant-numeric:tabular-nums;font-size:9px;color:#67869f}.film-error{font-size:12px;padding:14px 23px;color:#cfb188}.film-chapters{display:grid;grid-template-columns:repeat(5,1fr);margin-top:23px;gap:14px}.film-chapters button{background:transparent;border:0;border-top:1px solid #2b4256;text-align:left;padding:18px 12px 15px;color:#809eb9;border-radius:0 0 9px 9px;transition:background .2s,border-color .2s}.film-chapters button:hover{background:#1d364b44}.film-chapters button[aria-pressed=true]{border-top-color:#9cc8ed;background:linear-gradient(#2848624d,transparent);color:#c5def2}.film-chapters button>span{font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between}.film-chapters button i{font-style:normal;font-size:8px;color:#567590}.film-chapters button b{font-size:13px;font-weight:500;display:block;margin:17px 0 8px}.film-chapters button small{font-size:10px;color:#5d7f9b}.capture-provenance{display:flex;justify-content:space-between;gap:20px;font-size:8px;line-height:2;color:#5e7c95;margin:25px 0}.gif-disclosure{border-top:1px solid #263d53;margin-top:20px;padding-top:20px}.gif-disclosure summary{list-style:none;display:flex;justify-content:space-between;align-items:center;color:#85a4bf;font-size:11px;cursor:pointer}.gif-disclosure summary::-webkit-details-marker{display:none}.gif-disclosure summary span{font-size:19px;font-weight:300}.gif-content{margin:25px auto 0;max-width:850px;border:1px solid #34536d;border-radius:10px;overflow:hidden}.gif-content img{width:100%;aspect-ratio:16/9;height:auto}.gif-content>div{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;color:#7298b7;font-size:10px}.capture-gallery{padding-top:99px}.capture-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.capture-grid>button{background:transparent;border:0;padding:0;text-align:left;cursor:zoom-in;min-width:0}.capture-image{border:1px solid #d7e5f1;border-radius:15px;background:linear-gradient(140deg,#e7f0f9,#d3e4f2);padding:22px;overflow:hidden;transition:box-shadow .3s}.capture-image img{width:100%;height:auto;aspect-ratio:2880/1786;border-radius:8px;border:1px solid #fff;box-shadow:0 10px 22px #436a8d18;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.capture-grid>button:hover .capture-image{box-shadow:0 12px 28px #345d7a11}.capture-grid>button:hover img{transform:scale(1.035)}.capture-grid>button>div:last-child{position:relative;padding:17px 2px 10px}.capture-grid>button>div:last-child>span{font-size:8px;letter-spacing:1.8px;color:#8a9eae}.capture-grid h3{font-size:17px;font-weight:500;letter-spacing:-.3px;margin-top:8px}.capture-grid i{position:absolute;right:5px;top:27px;font-style:normal;color:#819caf}.capture-context{font-size:10px;color:#8a9eae;line-height:1.9;margin-top:30px}.group-section{padding-top:10px}.group-copy h2,.harmony-layout h2,.faq-section h2{font-weight:550}.group-copy p{color:#688399}.harmony-section{background:radial-gradient(ellipse at 80% 40%,#cbdfee 0,transparent 60%),#eaf2f9}.closing{background:radial-gradient(ellipse at 50% 60%,#d4e7f799,transparent 67%)}.closing h2{font-weight:500}.closing .button{border-radius:30px}.button:hover{transform:translateY(-2px)}
@media(min-width:1500px){.hero-premium h1{font-size:86px}.hero-native-stage{margin-top:60px}.hero-premium{padding-top:77px}}
@media(max-width:1100px){.hero-premium h1{font-size:70px}.hero-native-stage{padding-inline:32px}.native-side-label{display:none}.native-floating-chip{left:0;bottom:60px}.cinema-heading h2{font-size:34px}.film-chapters button b{font-size:11px}.film-chapters button small{font-size:9px}.hero-release{font-size:8px}.capture-image{padding:17px}}
@media(max-width:800px){.hero-premium{padding-top:55px}.hero-premium h1{font-size:64px;letter-spacing:-3px}.premium-description{font-size:13px}.hero-native-stage{padding:0 6px 24px;margin-top:43px}.native-tablet{padding:11px;border-radius:24px}.native-tablet:before{inset:5px;border-radius:21px}.native-tablet img{border-radius:15px}.native-floating-chip{bottom:55px;left:-7px;padding:12px 15px}.native-floating-chip b{font-size:10px}.native-floating-chip small{font-size:8px}.native-floating-chip>span:first-child{width:32px;height:32px;font-size:21px}.native-capture-label{margin-top:28px;font-size:8px}.hero-platforms{font-size:9px;padding-bottom:36px;gap:19px}.section-heading h2{font-size:30px}.feature-card p{font-size:12px}.cinema-heading h2{font-size:30px}.cinema-note p{font-size:10px}.cinema-controls{padding:12px 17px;gap:16px}.cinema-controls button{font-size:10px}.cinema-controls a{font-size:9px}.film-chapters{gap:7px}.film-chapters button{padding:14px 8px}.film-chapters button b{font-size:10px;margin-top:14px}.film-chapters button small{font-size:8px}.capture-provenance{display:block;font-size:8px}.capture-provenance>span{display:block}.capture-grid{gap:23px}.capture-grid h3{font-size:14px}.capture-image{padding:12px}.capture-grid>button>div:last-child{padding-top:14px}.capture-grid>button>div:last-child>span{font-size:7px}.cinema-play-overlay>span{width:56px;height:56px;font-size:16px}.cinema-play-overlay{gap:10px}.cinema-play-overlay>b{font-size:11px}}
@media(max-width:540px){.site-header{height:72px}.site-header nav{font-size:10px;gap:16px}.hero-premium{padding-top:45px}.hero-release{font-size:7px;gap:9px;padding:8px 12px;letter-spacing:1.3px}.hero-premium h1{font-size:49px;line-height:1.27;letter-spacing:-2.5px;margin:23px 0 19px}.premium-description{font-size:11px;line-height:2}.hero-premium .hero-actions{gap:5px;margin-top:21px}.hero-premium .button{font-size:10px;padding:11px 14px;gap:8px}.hero-premium .film-duration{font-size:8px;margin-left:0}.hero-native-stage{margin-top:34px;padding:0 0 24px}.native-tablet{padding:7px;border-radius:16px;transform:rotateX(5deg) rotateZ(-1deg);box-shadow:inset 0 0 0 1px #ffffffaa,0 15px 30px #416b9140}.native-tablet:before{inset:3px;border-radius:13px}.native-tablet img{border-radius:9px}.tablet-lens{width:3px;height:3px;top:2px}.native-floating-chip{left:-5px;bottom:45px;padding:8px 11px;gap:8px;border-radius:10px;box-shadow:0 7px 20px #496a8922}.native-floating-chip b{font-size:8px}.native-floating-chip small{font-size:6px;margin-top:4px}.native-floating-chip>span:first-child{width:25px;height:25px;font-size:17px;border-radius:8px}.native-floating-chip>span:last-child{font-size:11px;margin-left:2px}.native-capture-label{font-size:7px;gap:7px;margin-top:29px}.native-capture-label>span:last-child{font-size:6px;padding-left:7px}.native-capture-label .status-dot{width:4px;height:4px}.hero-platforms{font-size:7px;gap:12px;letter-spacing:0;padding:0 0 32px}.section-heading h2{font-size:28px;letter-spacing:-1px}.section-heading>p{font-size:11px}.feature-card p{font-size:12px}.demo-tabs button{font-size:9px}.panel-heading h3{font-size:15px}.paper-card p,.outline-item,.key-note,.group-message p,.quiz-option{font-size:11px}.scene-hint{font-size:10px}.cinema-section{padding-block:60px 43px}.cinema-heading h2{font-size:28px}.cinema-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.cinema-note{text-align:left;margin-top:20px}.cinema-note p{font-size:10px;margin-top:12px}.edition-pill{font-size:8px;padding:6px 9px}.cinema-player{border-radius:10px;margin-inline:-9px}.cinema-top{height:36px;padding-inline:11px;font-size:7px;letter-spacing:1px}.cinema-top>span:last-child{font-size:6px;letter-spacing:0}.cinema-top i{margin-inline:4px}.cinema-play-overlay>span{width:43px;height:43px;font-size:12px}.cinema-play-overlay>b{font-size:9px;letter-spacing:1px}.cinema-play-overlay>small{display:none}.cinema-controls{padding:10px 12px;gap:13px;flex-wrap:wrap}.cinema-controls button{font-size:9px}.cinema-controls a{font-size:8px}.film-time{font-size:7px}.film-chapters{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:18px}.film-chapters button{padding:10px 4px;min-width:0}.film-chapters button>span{font-size:8px}.film-chapters button i{font-size:6px}.film-chapters button b{font-size:10px;line-height:1.8;max-width:50px;margin-top:11px;font-weight:500}.film-chapters button small{display:none}.capture-provenance{font-size:7px;margin-top:17px;line-height:1.9}.gif-disclosure{padding-top:17px;margin-top:17px}.gif-disclosure summary{font-size:10px}.gif-content>div{font-size:8px;padding:10px 12px}.gif-content button{font-size:9px}.capture-gallery{padding-top:61px}.capture-grid{grid-template-columns:1fr;gap:23px}.capture-image{padding:14px;border-radius:12px}.capture-grid h3{font-size:15px}.capture-grid>button>div:last-child{padding:13px 1px 0}.capture-grid>button>div:last-child>span{font-size:7px}.capture-context{font-size:9px;line-height:1.9;margin-top:25px}.group-section{padding-top:3px}.cinema-screen video{font-size:10px}}
@media(prefers-reduced-motion:reduce){.native-tablet{transform:none}.native-floating-chip{transform:none}}