/* Seamless product photography and a tactile player app. */
.hero-product{background:var(--canvas);min-height:690px;isolation:isolate}.hero-product>img{object-fit:contain;object-position:center;mask-image:radial-gradient(ellipse at center,#000 46%,transparent 73%);z-index:1}.hero-product:before{content:'';position:absolute;inset:10% 0;background:radial-gradient(ellipse,#18433255,transparent 65%)}.product-caption{color:#9eb3a7;z-index:2}.explore{z-index:2}.hero__in{background:var(--canvas)}.camera-visual{background:transparent;border-radius:0;overflow:visible}.camera-view{overflow:hidden;mask-image:radial-gradient(ellipse at center,#000 43%,transparent 72%)}.camera-view img{object-fit:contain;mix-blend-mode:multiply}.spec-crop{background-color:#edf0ee;mix-blend-mode:multiply}.body-view{background-size:350% auto;background-position:59% 54%}.ports-view{background-size:350% auto;background-position:58% 89%}.mount-view{background-size:340% auto;background-position:100% 88%}.photo-feature{border:0;border-radius:0;background:var(--canvas)}.photo-feature>img{object-fit:contain;object-position:center 15%;mask-image:radial-gradient(ellipse at 50% 38%,#000 32%,transparent 68%)}.photo-feature:after{background:linear-gradient(transparent 50%,var(--canvas) 78%)}
.product-perspectives{padding:90px 0;background:#edf0ee;color:#18271f;border-top:1px solid #d8dfda}.product-perspectives .eyebrow{color:#396447}.perspectives-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.perspectives-heading p{max-width:350px;color:#526457}.angle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}.angle-photo{height:260px;background-image:url('assets/specifications.jpg');background-repeat:no-repeat;background-size:440% auto;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse,#000 44%,transparent 70%)}.angle-front{background-position:96% 3%}.angle-side{background-position:61% 53%}.angle-rear{background-position:98% 52%}.angle-grid h3{font-size:18px}.angle-grid p{font-size:14px;color:#526457;margin-top:8px}.angle-grid figure{margin:0}.angle-grid figcaption{padding:0 16px}
.app-preview{background:radial-gradient(ellipse at 73% 45%,#143329 0,transparent 52%),var(--canvas);overflow:hidden}.app-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.app-intro h2{font-size:clamp(36px,4.8vw,66px);max-width:560px}.app-intro>.lead{margin-top:26px}.app-preview-note{font-size:13px;color:#93a89a;margin-top:24px}.app-feature-list{display:grid;gap:0;margin-top:32px}.app-feature-button{appearance:none;text-align:left;background:none;border:0;border-bottom:1px solid #ffffff18;color:var(--ink);padding:19px 0;display:grid;grid-template-columns:38px 1fr 24px;gap:10px;cursor:pointer;font-family:inherit}.app-feature-button b{font-size:17px;display:block;font-weight:500}.app-feature-button small{font-size:14px;color:#9caca2;display:block;margin-top:5px}.app-feature-button>span:first-child{color:#7c9386;font:14px monospace;padding-top:4px}.app-feature-button[aria-pressed=true]>span:first-child,.app-feature-button[aria-pressed=true] b{color:var(--green)}.app-feature-button>span:last-child{align-self:center}.phone-wrap{position:relative;display:flex;justify-content:center}.phone{width:365px;max-width:100%;height:716px;border:7px solid #39443e;border-radius:49px;padding:0 0 10px;background:#0d1210;box-shadow:0 0 0 1px #82978a55,0 35px 100px #0008;overflow:hidden;display:flex;flex-direction:column;position:relative}.phone:after{content:'';position:absolute;width:100px;height:4px;background:#d6e5db;border-radius:4px;bottom:5px;left:calc(50% - 50px)}.phone-top{height:47px;padding:14px 23px 0;display:flex;justify-content:space-between;align-items:start;font:12px monospace;flex-shrink:0}.phone-top i{width:96px;height:25px;background:#020504;border-radius:20px;margin-top:-8px}.phone-head{display:flex;justify-content:space-between;align-items:center;padding:10px 23px 17px;border-bottom:1px solid #ffffff0c;font-size:14px;font-weight:700;letter-spacing:.08em}.phone-head span{background:#203c2b;color:#7fe994;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:12px;letter-spacing:0}.phone-content{flex:1;min-height:0;overflow-y:auto;padding:22px;scrollbar-width:thin;scrollbar-color:#324f3f transparent}.phone-content h3{font-size:27px;line-height:1.15;margin:6px 0 18px}.phone-content p{font-size:14px;color:#9eafa4;line-height:1.5}.phone-content .overline{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#95b1a0}.phone-content h4{font-size:16px;margin:24px 0 12px}.phone-content [hidden]{display:none!important}.app-card{padding:17px;background:#19251e;border:1px solid #304737;border-radius:15px;margin-top:15px}.app-card.green{background:linear-gradient(130deg,#234d30,#142c24)}.app-score{display:flex;align-items:center;justify-content:space-between}.app-score strong{font-size:61px;line-height:1.2;letter-spacing:-.05em}.app-score span{font-size:12px;color:#8fe6a2}.app-card b{font-size:15px}.app-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.app-stat{padding:13px 11px;background:#18211c;border:1px solid #ffffff0a;border-radius:12px}.app-stat strong{font-size:23px;display:block;line-height:1.3}.app-stat span{font-size:12px;color:#9db2a5}.phone-nav{display:grid;grid-template-columns:repeat(4,1fr);background:#111a15;border-top:1px solid #2c3d32;padding:10px 8px 12px;flex-shrink:0;gap:2px}.phone-nav button{background:transparent;color:#97ad9f;border:0;border-radius:10px;padding:7px 1px;font-family:inherit;font-size:12px;cursor:pointer;display:grid;justify-items:center;gap:7px}.phone-nav svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7}.phone-nav button[aria-selected=true]{color:#6ce788;background:#203929}.app-action,.match-choice,.drill-action{font-family:inherit;cursor:pointer;border:1px solid #35533f;background:#20392a;color:#cff1d6;border-radius:9px;padding:11px 13px;font-size:14px;min-height:42px}.app-action{width:100%;margin-top:14px}.match-choices{display:flex;gap:7px}.match-choice{flex:1;font-size:12px;padding:9px 6px;background:transparent;color:#aec4b6}.match-choice[aria-pressed=true]{background:#3ecf5c;color:#07180c;border-color:#3ecf5c}.match-score{text-align:center;padding:20px 0 13px}.match-score strong{display:block;font-size:40px;letter-spacing:.12em}.match-score p{font-size:12px}.metric-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #ffffff0b;font-size:14px}.metric-row span{color:#a4b7aa}.app-drill{margin-top:12px;padding:16px;border:1px solid #2b4033;border-radius:12px}.app-drill b{display:block;font-size:15px}.app-drill p{margin:7px 0 11px;font-size:13px}.drill-action{padding:8px 12px;font-size:12px;min-height:36px}.drill-action[aria-pressed=true]{color:#6deb8b;background:#13251a}.passport-attributes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.passport-attributes span{font-size:12px;color:#b0c7b8}.passport-attributes b{display:block;font-size:24px;color:white}.phone-content progress{width:100%;accent-color:#3ecf5c;height:8px;display:block;margin:12px 0}.app-season{display:flex;align-items:end;gap:7px;height:65px;margin:15px 0 7px}.app-season i{flex:1;background:linear-gradient(#67df87,#245339);border-radius:3px 3px 0 0}.app-caption{display:flex;justify-content:space-between;font-size:12px;color:#9fbaaa}.app-status{font-size:12px!important;margin-top:10px!important;min-height:18px}.app-preview button:focus-visible{outline:2px solid #83eca0;outline-offset:4px}
@media(max-width:1050px){.app-layout{gap:35px}.angle-photo{height:210px}.hero-product{min-height:580px}}@media(max-width:760px){.app-layout{grid-template-columns:1fr;gap:45px}.app-intro h2{max-width:600px}.app-feature-list{grid-template-columns:1fr 1fr;column-gap:22px}.app-feature-button{grid-template-columns:24px 1fr;gap:5px}.app-feature-button>span:last-child{display:none}.app-feature-button small{font-size:13px}.perspectives-heading{display:block}.perspectives-heading p{margin-top:20px}.angle-grid{grid-template-columns:1fr;gap:30px}.angle-photo{height:290px;max-width:450px;margin:auto}.angle-grid figcaption{text-align:center}.hero-product{min-height:440px}.phone{height:700px}.app-preview{background:radial-gradient(ellipse at 50% 75%,#143329,transparent 55%),var(--canvas)}}@media(prefers-reduced-motion:no-preference){.phone-panel{animation:screen-in .25s ease-out}@keyframes screen-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
.optics-view{background-size:350% auto;background-position:97% 9%}.angle-front{background-position:95% 9%}.angle-rear{background-position:97% 49%}
@media(min-width:921px) and (max-width:1200px){.nav__links{gap:11px}.nav__links a{font-size:12px}.nav__in{padding-inline:22px}}

/* The uploaded app owns all styling and interaction inside its frame. */
.actual-player-frame{display:block;width:400px;max-width:100%;height:840px;border:0;border-radius:36px;background:transparent;color-scheme:normal;box-shadow:0 32px 90px #0005}.actual-player-wrap{min-width:0}.player-open{display:inline-block;color:#85eaa0;font-size:14px;margin-top:18px;text-underline-offset:5px}.app-feature-button:hover b{color:var(--green)}@media(max-width:460px){.actual-player-frame{height:780px}.app-feature-list{grid-template-columns:1fr}.app-feature-button{padding-block:14px}}