/* Dedicated product pages: compact overview, deeper native-screen stories. */
.multipage{background:#081e27}.multipage .site-header{background:#081e27ed;backdrop-filter:blur(18px)}.multipage .site-header nav a[aria-current=page]{color:#b7f5df}.multipage h1{font-size:clamp(48px,6.6vw,84px);line-height:1.04;letter-spacing:-.055em}.multipage h1 span{color:#9debd5}.multipage .site-header nav{gap:25px}.multipage .site-header .brand img{width:130px}.multipage .section-wrap{width:min(1160px,calc(100% - 80px))}.home-hero{position:relative;overflow:hidden;padding:64px 0 35px;text-align:center;border-bottom:1px solid #a9e2d216}.home-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 76%,#2a7d7250,transparent 65%),radial-gradient(ellipse at 92% 10%,#2d506b36,transparent 47%)}.home-hero>.section-wrap{position:relative}.home-hero .product-pill{margin-bottom:27px}.home-lede{font-size:18px;line-height:1.75;margin:25px auto 0;max-width:600px}.home-hero .hero-actions{margin:27px 0 0}.home-hero .availability{margin-top:20px}.film-frame{margin:42px 0 0;text-align:left}.film-frame video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#07151c;border-radius:24px;border:1px solid #9edac341;box-shadow:0 25px 85px #0004}.film-frame figcaption{display:flex;justify-content:space-between;gap:15px;font-size:10px;margin-top:14px;color:#789da3}.film-frame figcaption span:first-child{color:#c2d9d5;font-size:12px}.home-hero .film-frame{width:min(100%,1000px);margin:40px auto 0}.home-film-line{display:flex;align-items:center;justify-content:space-between;max-width:1000px;margin:30px auto 0;padding-top:23px;border-top:1px solid #d0f7e81c;font-size:11px;color:#83a6ac}.home-film-line>span{font-size:15px;letter-spacing:-.02em;color:#e1f3e9}.home-modes{padding-block:82px}.home-modes .split-heading>p{max-width:365px}.route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}.route-card{display:flex;flex-direction:column;min-width:0;border:1px solid #b5e6d528;border-radius:23px;padding:25px;background:linear-gradient(145deg,#1c3745,#102834);transition:transform .25s,border-color .25s}.route-card:hover{transform:translateY(-5px);border-color:#99e9d688}.route-card .small-label{font-size:10px;margin-bottom:19px}.route-card h3{font-size:30px;line-height:1.12}.route-card p{font-size:13px;line-height:1.8;flex:1}.route-game{background:linear-gradient(145deg,#1e4841,#102d33)}.route-practice{background:linear-gradient(145deg,#3d4237,#1b3033)}.route-practice .small-label{color:#f0d394}.route-image{margin:25px -10px 22px;aspect-ratio:1.9;display:flex;align-items:center;justify-content:center}.route-image img{border-radius:9px;box-shadow:0 15px 30px #0003}.route-link{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #c5ebde29;padding-top:19px;margin-top:25px;font-size:11px;color:#ceefdf}.human-story{padding:73px 0;background:linear-gradient(110deg,#123e3d,#102d38);border-block:1px solid #b3e8d519}.human-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center}.human-grid p{font-size:15px;line-height:1.9;margin-top:23px;max-width:510px}.human-grid .eyebrow{margin-top:0;font-size:12px}.human-grid .text-link{margin-top:25px}.human-screen{position:relative;padding-bottom:60px}.human-screen .landscape-device{border-width:5px;border-radius:22px}.human-quote{position:relative;width:max-content;max-width:85%;margin:-10px 15px 0 auto;background:#d2eddf;color:#173e38;border-radius:17px;padding:22px 30px;box-shadow:0 15px 35px #0003;transform:rotate(-3deg)}.human-quote span{display:block;font-size:11px;margin-bottom:8px;color:#467166}.human-quote strong{font-size:28px;line-height:1.1;letter-spacing:-.04em;font-weight:550}.home-shared{padding-block:70px}.shared-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:30px}.shared-grid article>span{display:block;font-size:11px;color:#68a593;margin-bottom:17px}.shared-grid h3{font-size:25px;margin-bottom:16px}.shared-grid p{font-size:13px;line-height:1.8}.shared-grid .text-link{margin-top:22px;font-size:11px}.home-questions{padding-block:35px 60px;max-width:850px}.mode-end{text-align:center;padding:58px 40px;margin-bottom:65px;background:radial-gradient(ellipse at top,#26614f60,transparent 75%),#102c34;border:1px solid #9bd4bf25;border-radius:24px}.mode-end p:not(.eyebrow){margin:21px auto;max-width:480px;font-size:14px}.mode-end .button{display:inline-flex;margin:5px 8px 0}.mode-end .text-link{display:inline-flex;margin:15px}.mode-hero{background:radial-gradient(ellipse at 70% 85%,#246a5d40,transparent 60%);padding:30px 0 65px}.back-link{display:block;width:max-content;font-size:11px;color:#7eaaa9;margin-bottom:37px}.mode-hero .eyebrow{margin-bottom:19px}.mode-lede{font-size:18px;line-height:1.8;max-width:680px;margin-top:27px}.mode-hero figure{margin-top:40px}.mode-hero figure>a{max-width:1040px;margin:auto;border-width:6px;border-radius:25px}.mode-hero figcaption{font-size:10px;color:#78999d;text-align:center;margin-top:14px}.chapter-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.chapter-links a{display:flex;gap:18px;align-items:center;padding:9px 15px;border:1px solid #9ed8c52b;border-radius:100px;font-size:11px;color:#cce7de}.chapter-links a:hover{border-color:#a5e8ce;background:#79c7b512}.chapter-links span{color:#74ae9f}.moments-story{padding-block:65px}.moments-story .mode-results-story{max-width:280px}.simple-steps{margin:29px 0 0;padding:0;list-style:none;counter-reset:steps}.simple-steps li{position:relative;padding:0 0 24px 42px;counter-increment:steps}.simple-steps li::before{content:'0' counter(steps);position:absolute;left:0;top:3px;color:#7cd5ba;font-size:11px}.simple-steps strong{display:block;font-size:17px;font-weight:550;letter-spacing:-.025em}.simple-steps span{display:block;color:#96b4b8;font-size:13px;line-height:1.8;margin-top:7px}.moments-story .label-story{margin-top:68px}.camera-choice-section{padding-block:20px 75px}.camera-choice-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center;margin-top:40px}.stabilization-detail{--source-w:1206;--source-h:2622;--crop-x:24;--crop-y:1270;--crop-w:1158;--crop-h:1160;border:1px solid #97d7bd40;border-radius:25px;max-width:440px}.camera-choice-grid figcaption{font-size:10px;margin-top:15px;color:#809f9c}.choice-tabs{display:flex;border-bottom:1px solid #b3d9cd30;gap:25px;margin-bottom:28px}.choice-tabs a{padding:10px 0 15px;font-size:14px;color:#85a9ad;border-bottom:2px solid transparent}.choice-tabs a[aria-selected=true]{color:#b6f2d8;border-color:#b6f2d8}.choice-panels h3{font-size:30px;max-width:430px}.choice-panels p{font-size:14px;line-height:1.9;margin-top:17px}.choice-tradeoff{display:block;font-size:11px;color:#b4dcd0;margin-top:22px}.camera-choice-grid .small-detail{font-size:10px;line-height:1.8;margin-top:25px;color:#7f9ca5}.camera-extras{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #b9e1d323;padding-top:22px;margin-top:22px}.camera-extras span{border-radius:30px;background:#20413f;font-size:10px;padding:6px 10px;color:#bddbd3}.replay-single{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;max-width:900px;margin-inline:auto}.replay-single .replay-card-copy{min-height:0;margin-bottom:23px}.replay-context h3{font-size:35px}.replay-context p{font-size:14px;line-height:1.85;margin-top:22px}.replay-context .screen-note{display:block;margin-top:25px;text-align:left}.game-page .workflow{padding-top:70px}.multipage .music-section{margin-bottom:65px}.team-page .team-section{padding-top:30px}.team-page .mode-hero{background:radial-gradient(ellipse at 75% 90%,#40668b55,transparent 65%)}.team-page h1 span{color:#a0cbea}.practice-page .mode-hero{background:radial-gradient(ellipse at 75% 90%,#8f794141,transparent 65%)}.practice-page h1 span{color:#f3d491}.practice-page .replay-section{padding-bottom:75px}.multipage .controller-grid:has(> :only-child){grid-template-columns:1fr}.multipage .music-libraries:has(> :only-child){grid-template-columns:1fr;max-width:850px;margin-inline:auto}.multipage .music-library-card:only-child{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.multipage .watch-previews:has(>figure:only-of-type){grid-template-columns:1fr}.multipage .watch-previews:has(>figure:only-of-type)>p{grid-column:auto}.storyboard-intro{padding-block:65px}.storyboard-intro h1{margin-top:28px}.story-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.story-meta span{font-size:11px;padding:7px 12px;border:1px solid #b6e2ce30;border-radius:100px;color:#a0bcb8}.storyboard-prototype{padding-bottom:55px}.storyboard-prototype .film-frame{margin-top:35px}.film-transcript{margin-top:20px}.storyboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding-bottom:65px}.story-card{padding:24px;border:1px solid #97ccb72b;border-radius:20px;background:#12303a}.story-card .small-label{font-size:10px}.story-image{height:190px;overflow:hidden;background:#061a22;border-radius:10px;margin:23px 0}.story-image>img{height:100%;width:100%;object-fit:contain}.story-image:has(.native-detail){display:flex;align-items:center;justify-content:center}.story-image>.native-detail{width:104px;flex:none;border-radius:8px}.story-card h3{font-size:23px}.story-card p{font-size:12px;line-height:1.85;margin-top:15px}.story-direction{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-block:30px 80px}.story-direction p{font-size:14px;margin-bottom:20px}.story-direction .eyebrow{font-size:12px}.film-unavailable{padding:20px;background:#163d3e;color:#c9e5dc;border-radius:12px;margin-top:10px;font-size:13px}.film-frame video:focus-visible{outline:3px solid var(--mint);outline-offset:5px}
@media(min-width:1450px){.home-hero h1{font-size:88px}.home-hero{padding-top:75px}.home-hero .film-frame{margin-top:45px}}
@media(max-width:1000px){.multipage .site-header nav{gap:17px}.multipage .site-header .brand img{width:112px}.route-grid{gap:13px}.route-card{padding:21px}.route-card h3{font-size:25px}.route-card p{font-size:12px}.route-link{font-size:10px}.human-grid,.camera-choice-grid{gap:35px}.shared-grid{gap:27px}.shared-grid h3{font-size:22px}.storyboard-grid{grid-template-columns:1fr 1fr}.camera-choice-grid{grid-template-columns:1fr 1.05fr}.replay-single{gap:35px}}
@media(max-width:700px){.multipage .section-wrap{width:calc(100% - 40px)}.multipage .site-header .brand img{width:96px}.multipage h1{font-size:clamp(40px,11vw,62px)}.home-hero{padding:39px 0 28px}.home-hero .product-pill{margin-bottom:23px;font-size:10px}.home-lede,.mode-lede{font-size:15px;line-height:1.8;margin-top:22px}.home-hero .hero-actions{gap:10px;margin-top:24px}.home-hero .hero-actions .button{font-size:11px;padding:12px 16px}.home-hero .film-frame{margin-top:30px}.film-frame video{border-radius:14px}.film-frame figcaption{flex-direction:column;gap:3px;font-size:9px}.film-frame figcaption span:first-child{font-size:11px}.home-film-line{margin-top:20px;padding-top:20px;font-size:10px}.home-film-line>span{font-size:12px}.home-modes{padding-block:50px}.route-grid{grid-template-columns:1fr;gap:18px;margin-top:28px}.route-card{padding:26px}.route-card h3{font-size:32px}.route-card h3 br{display:none}.route-card p{font-size:14px}.route-image{max-width:460px;margin:22px 0}.route-link{font-size:12px}.human-story{padding-block:48px}.human-grid{grid-template-columns:1fr;gap:30px}.human-grid p{font-size:14px}.human-screen{padding-bottom:10px}.human-quote{padding:20px 24px;margin-top:-10px}.human-quote strong{font-size:26px}.home-shared{padding-block:45px}.shared-grid{grid-template-columns:1fr;gap:29px;margin-top:24px}.shared-grid article{border-top:1px solid #d3eddf26;padding-top:22px}.shared-grid article>span{margin-bottom:12px}.shared-grid h3{font-size:24px;margin-bottom:12px}.shared-grid p{font-size:14px}.shared-grid .text-link{margin-top:15px;font-size:12px}.home-questions{padding-block:15px 45px}.mode-end{padding:40px 22px;margin-bottom:40px;border-radius:18px}.mode-end .text-link{font-size:12px}.mode-hero{padding:24px 0 40px}.back-link{margin-bottom:29px}.mode-hero figure{margin-top:29px}.mode-hero figure>a{border-width:4px;border-radius:16px}.mode-hero figcaption{font-size:8px}.chapter-links{gap:8px;margin-top:25px}.chapter-links a{font-size:10px;padding:7px 11px;gap:9px}.moments-story{padding-block:45px}.moments-story .mode-results-story{max-width:270px}.moments-story .label-story{margin-top:45px}.camera-choice-section{padding-block:0 45px}.camera-choice-grid{grid-template-columns:1fr;gap:28px;margin-top:29px}.camera-choice-grid figure{max-width:440px;margin:auto;width:100%}.choice-tabs{gap:27px}.choice-panels h3{font-size:28px}.choice-panels p{font-size:14px}.choice-panels{min-height:170px}.replay-single{grid-template-columns:1fr;gap:32px;max-width:440px}.replay-context h3{font-size:30px}.replay-context p{font-size:14px}.game-page .workflow{padding-top:45px}.multipage .music-section{margin-bottom:40px}.multipage .music-library-card:only-child{grid-template-columns:1fr;gap:24px}.storyboard-intro{padding-block:40px}.story-meta{gap:8px;margin-top:22px}.story-meta span{font-size:10px}.storyboard-grid{grid-template-columns:1fr;gap:20px;padding-bottom:40px}.story-image{height:210px}.story-direction{grid-template-columns:1fr;gap:25px;padding-block:0 50px}.story-card h3{font-size:26px}.story-card p{font-size:13px}.storyboard-prototype{padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){.route-card{transition:none}.route-card:hover{transform:none}}
.broadcast-tour{margin-top:35px}.broadcast-choice-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:23px}.broadcast-choice-tabs a{font-size:12px;border:1px solid #b1d9ca30;border-radius:100px;padding:9px 14px;color:#98b8bb}.broadcast-choice-tabs a[aria-selected=true]{background:#b5ecd7;color:#153f37;border-color:#b5ecd7}.broadcast-choice-panels>.broadcast-tile{max-width:100%;min-height:380px;padding:35px}.broadcast-choice-panels>.broadcast-tile[hidden]{display:none}.broadcast-choice-panels .preshow-picture{max-width:820px;margin-inline:auto}.broadcast-choice-panels .tile-copy{max-width:690px}.broadcast-choice-panels .preshow-options{justify-content:center}.broadcast-choice-panels .crest-stage{max-width:290px;margin:auto}.broadcast-choice-panels .identity-tile{min-height:480px}.broadcast-choice-panels .identity-tile h3 br{display:none}.broadcast-choice-panels .identity-tile p,.broadcast-choice-panels .identity-tile small{max-width:500px}.broadcast-choice-panels .overlay-stage{min-height:250px;margin-top:30px}.broadcast-choice-panels .break-preview{height:auto;min-height:220px;max-width:820px;margin-inline:auto;padding:25px}.broadcast-choice-panels .break-tile h3{font-size:29px}.broadcast-choice-panels .break-tile p{font-size:14px;max-width:650px}.practice-tour{padding-block:20px 65px}.practice-tour-shell{margin-top:35px;padding:30px;background:linear-gradient(130deg,#203d39,#1b3037);border:1px solid #b5d7bd30;border-radius:24px}.practice-tour-shell>.choice-tabs{margin-bottom:32px}.practice-tour-shell>article{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:45px;min-height:410px}.practice-tour-shell>article[hidden]{display:none}.practice-tour-shell>article p{margin-top:19px;font-size:14px;line-height:1.85}.practice-tour-shell>article h3{font-size:31px}.practice-tour-shell figure{width:100%;max-width:620px;margin:auto}.practice-tour-shell .native-detail{max-width:290px;margin:auto}.practice-tour-shell .replay-control-detail{max-width:350px}.practice-tour-shell figcaption{text-align:center;font-size:10px;margin-top:15px;color:#8eaaa7}
@media(max-width:700px){.broadcast-tour{margin-top:25px}.broadcast-choice-tabs{gap:7px}.broadcast-choice-tabs a{font-size:11px;padding:8px 11px}.broadcast-choice-panels>.broadcast-tile{padding:23px;min-height:0}.broadcast-choice-panels .identity-tile{min-height:400px}.broadcast-choice-panels .overlay-stage{min-height:180px;margin-top:23px;padding:15px}.broadcast-choice-panels .break-preview{padding:14px;min-height:170px}.practice-tour{padding-block:0 45px}.practice-tour-shell{padding:23px;margin-top:27px}.practice-tour-shell>article{grid-template-columns:1fr;gap:27px;min-height:0}.practice-tour-shell>.choice-tabs{gap:16px}.practice-tour-shell>.choice-tabs a{font-size:12px}.practice-tour-shell>article h3{font-size:27px}.practice-tour-shell .native-detail{max-width:270px}}

/* Image-led mode journeys. Each native screen has one role in its page. */
.flow-redesign{--flow-line:#aacfc422;--flow-quiet:#9dbabf;--flow-accent:#9debd5}
.flow-redesign.practice-page{--flow-accent:#f2cf83}
.flow-redesign .detail-note,.flow-redesign figcaption{font-size:12px;line-height:1.65;color:#90afb3}
.flow-redesign figcaption{margin-top:14px}
.flow-redesign .eyebrow{font-size:12px;line-height:1.5;letter-spacing:.07em}
.flow-redesign .small-label{font-size:12px;line-height:1.5}
.flow-redesign p{line-height:1.8}
.flow-redesign h2{font-size:clamp(35px,4.4vw,56px);line-height:1.08;letter-spacing:-.045em}
.flow-redesign h3{letter-spacing:-.025em;line-height:1.2}
.flow-redesign .split-heading{align-items:end;gap:50px}
.flow-redesign .split-heading>p{font-size:16px;line-height:1.8;max-width:460px}
.flow-redesign .screen-note{font-size:12px}
.flow-redesign .chapter-number{display:inline-flex;align-items:center;justify-content:center;border:1px solid #a4d5c644;border-radius:50%;width:30px;height:30px;margin-right:9px;font-size:11px;letter-spacing:0;color:var(--flow-accent)}
.flow-redesign .portrait-hero{padding:28px 0 65px;overflow:hidden;background:radial-gradient(ellipse at 90% 50%,#2c77613d,transparent 60%)}
.flow-redesign.practice-page .portrait-hero{background:radial-gradient(ellipse at 90% 50%,#8f79413b,transparent 62%)}
.flow-redesign .portrait-hero .back-link{margin-bottom:22px;font-size:12px}
.portrait-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:50px}
.flow-redesign .portrait-hero h1{font-size:clamp(44px,5.8vw,78px);line-height:1.04;letter-spacing:-.055em;margin-top:19px}
.portrait-hero .mode-lede{max-width:510px;font-size:19px}
.portrait-hero .chapter-links{margin-top:32px;gap:9px}
.flow-redesign .chapter-links a{font-size:12px;padding:10px 14px;gap:12px}
.hero-orientation{font-size:12px;color:#91b0af;margin-top:28px;max-width:300px}
.portrait-stage{position:relative;padding:14px 0 6px;isolation:isolate}
.portrait-stage:before{content:"";position:absolute;inset:8% -20% 8% -25%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#36736955,transparent 65%);border:1px solid #c7e9d910}
.practice-page .portrait-stage:before{background:radial-gradient(ellipse,#806a3d44,transparent 68%)}
.portrait-stage figure{width:min(300px,82%);margin-inline:auto;position:relative;z-index:1}
.capture-phone{display:block;width:100%;padding:7px;background:#17333b;border:1px solid #90b5ad80;border-radius:36px;box-shadow:0 30px 60px #0005}
.capture-phone img{display:block;width:100%;height:auto;border-radius:29px}
.portrait-stage figcaption{text-align:center;font-size:11px}
.portrait-caption{position:absolute;right:-15px;top:46%;writing-mode:vertical-rl;font-size:12px;line-height:1.8;letter-spacing:.04em;color:#86aaa4}
.capture-chapter,.save-story,.results-chapter,.training-chapter,.preshow-chapter,.companion-chapter{padding-block:72px;border-top:1px solid var(--flow-line)}
.capture-chapter .wide-capture{margin-top:38px}
.wide-capture .landscape-device{border-width:7px;border-radius:30px;box-shadow:0 25px 60px #0004}
.wide-capture figcaption{text-align:center}
.capture-options{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;margin-top:43px}
.capture-options h3{font-size:30px;margin-bottom:18px}
.capture-options p{font-size:15px}
.capture-options .choice-tabs{gap:27px;margin-bottom:22px}
.capture-options .choice-tabs a{font-size:15px;padding-block:10px 15px}
.capture-options .choice-panels{min-height:190px}
.capture-options .choice-panels h3{font-size:26px;max-width:450px}
.capture-options .choice-panels p{margin-top:15px}
.capture-options .choice-tradeoff{font-size:12px}
.capture-options .detail-note{font-size:12px;margin-top:19px}
.native-options{margin-top:24px;max-width:420px;border-top:1px solid var(--flow-line)}
.native-options summary{font-size:14px;padding-block:16px;gap:18px}
.native-options .native-detail{max-width:350px;margin:8px 0 15px}
.capture-features{display:flex;gap:12px 32px;flex-wrap:wrap;margin-top:35px;padding-top:24px;border-top:1px solid var(--flow-line);color:#abc7c4;font-size:13px}
.capture-features span:before{content:"+";color:var(--flow-accent);margin-right:9px}
.editorial-pair{display:grid;grid-template-columns:1.05fr 1fr;gap:75px;align-items:center}
.editorial-pair>div>p:not(.eyebrow){font-size:16px;max-width:520px;margin-top:21px}
.editorial-pair .editorial-lede{font-size:20px;color:#d2e8df;line-height:1.65}
.editorial-pair>figure{width:100%;margin:auto}
.editorial-pair .labels-figure{padding:25px;border:1px solid #98c7b937;border-radius:24px;background:radial-gradient(ellipse at top,#30645050,transparent 80%),#102e36}
.labels-figure .camera-labels-detail{border-radius:16px}
.flow-redesign .replay-section{padding-block:72px;background:linear-gradient(110deg,#143c3b,#0e2c37);border-block:1px solid var(--flow-line)}
.flow-redesign.practice-page .replay-section{background:linear-gradient(110deg,#373d32,#102b35)}
.editorial-pair .replay-detail-figure{max-width:365px;padding:17px;border:1px solid #7eb5a749;border-radius:27px;background:#071d28;box-shadow:0 24px 50px #0003}
.replay-detail-figure .native-detail{border-radius:16px}
.replay-detail-figure figcaption{text-align:center;font-size:11px}
.flow-redesign .replay-recording-note{margin:27px 0 0;padding:20px;align-items:start;border-color:#9cdcc746;background:#8ce1bd0a}
.flow-redesign .replay-recording-note strong{font-size:16px}
.flow-redesign .replay-recording-note p{font-size:14px;margin-top:8px}
.flow-redesign .editorial-pair .detail-note{font-size:12px}
.results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:37px}
.result-well{display:flex;justify-content:center;align-items:center;height:480px;padding:24px 18px;border:1px solid #9fd0c329;border-radius:23px;background:radial-gradient(ellipse at 50% 80%,#30645466,transparent 90%),#14333c;margin-bottom:24px;overflow:hidden}
.results-grid article:nth-child(2) .result-well{background:radial-gradient(ellipse at 50% 80%,#365b8077,transparent 90%),#172e41}
.results-grid article:nth-child(3) .result-well{background:radial-gradient(ellipse at 50% 80%,#786a4b77,transparent 90%),#283739}
.result-well .phone{width:195px;max-width:100%;border-radius:22px}
.result-well .game-results-detail{width:228px;max-width:100%;border-radius:20px}
.results-grid h3{font-size:23px;margin:9px 0 15px}
.results-grid p{font-size:14px}
.results-chapter>.detail-note{margin-top:25px}
.music-strip{display:grid;grid-template-columns:1fr .8fr;gap:95px;align-items:center;padding-block:60px;border-top:1px solid var(--flow-line)}
.music-strip>div>p:not(.eyebrow){margin-top:22px;font-size:17px;max-width:470px}
.music-strip .detail-note{display:block;margin-top:20px}
.music-strip figure{padding:20px;border:1px solid #b0cdbf33;border-radius:26px;background:linear-gradient(145deg,#3d4843,#1a323c);max-width:390px;justify-self:center;width:100%}
.music-strip .native-detail{border-radius:15px;box-shadow:none}
.music-strip figcaption{text-align:center}
.companion-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}
.companion-watch,.companion-helper{display:grid;grid-template-columns:1fr .72fr;gap:20px;align-items:center;padding:29px;border:1px solid #a2c9b735;border-radius:25px;background:radial-gradient(ellipse at right,#36534a66,transparent 90%),#18343a}
.companion-helper{background:radial-gradient(ellipse at right,#455f7866,transparent 90%),#18313e}
.companion-watch h3,.companion-helper h3{font-size:27px;margin:12px 0 18px}
.companion-watch p,.companion-helper p{font-size:14px}
.companion-watch .detail-note{font-size:12px;margin-top:17px}
.companion-watch .watch-device{width:180px;max-width:100%}
.companion-watch figcaption,.companion-helper figcaption{font-size:10px;text-align:center}
.companion-helper .native-portrait{width:130px;max-width:100%;margin-inline:auto;border-radius:19px;box-shadow:0 15px 35px #0004}
.practice-ipad-stage{padding:32px 8% 25px;border:1px solid #d5be823a;border-radius:28px;margin-top:37px;background:radial-gradient(ellipse at bottom,#736d3c66,transparent 90%),#243a38}
.practice-ipad-stage .ipad-practice-detail{border-radius:22px;box-shadow:0 25px 40px #0004;border:7px solid #3b5352;max-width:850px;margin-inline:auto}
.practice-ipad-stage figcaption{text-align:center;color:#bbc7ab}
.practice-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:33px}
.practice-benefits article>span{font-size:12px;color:#d3bb7f}
.practice-benefits h3{font-size:22px;margin:13px 0}
.practice-benefits p{font-size:14px}
.training-figure{max-width:320px!important;padding:16px;border:1px solid #adba7c44;border-radius:26px;background:linear-gradient(150deg,#6b6d4455,#1c3940)}
.training-figure .native-detail{border-radius:15px}
.training-figure figcaption{text-align:center}
.practice-watch{padding-bottom:72px}
.practice-watch .companion-watch{max-width:850px;margin:auto;padding:32px 50px;grid-template-columns:1fr 250px}
.practice-watch .companion-watch h3{font-size:34px}
.practice-watch .watch-device{width:190px}
.practice-watch .companion-watch p{max-width:370px}
.preshow-chapter figure{padding:22px;border:1px solid #adcce13b;border-radius:24px;background:#173345}
.settings-picture{display:block;border-radius:14px;overflow:hidden}
.flow-redesign.team-page .team-section{padding-block:65px}
.flow-redesign.team-page .mode-hero{padding-bottom:60px}
.flow-redesign.team-page .mode-hero .mode-lede{font-size:19px}
.flow-redesign.team-page .broadcast-choice-tabs a{font-size:13px}
.flow-redesign.team-page .broadcast-choice-panels>.broadcast-tile{padding:30px}
.flow-redesign.team-page .broadcast-choice-panels .overlay-stage{min-height:170px;margin-top:25px}
.flow-redesign.team-page .companions{padding-block:65px;border-top:1px solid var(--flow-line)}
.flow-redesign.team-page .controller-intro p{font-size:15px}
.flow-redesign.team-page .team-bottom p{font-size:14px}
.flow-redesign.team-page .team-bottom figcaption{font-size:12px}
.flow-redesign .mode-next{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;padding:45px 0 55px;border-top:1px solid var(--flow-line);margin-top:12px}
.mode-next h2{font-size:clamp(30px,3.2vw,43px)}
.mode-next>div:last-child{justify-self:end}
.mode-next .button{font-size:14px;padding:17px 24px;gap:25px}
.mode-next .text-link{display:block;margin-top:19px;font-size:13px}
.mode-next p:not(.eyebrow){font-size:16px;color:#a9c4c1}
.flow-redesign .route-card{padding:27px}
.flow-redesign .route-card .small-label{font-size:12px;margin-bottom:15px;min-height:36px;color:#9bb8bc}
.flow-redesign .route-card h3{font-size:29px;line-height:1.15;min-height:34px}
.flow-redesign .route-card p{font-size:14px;line-height:1.8}
.route-symbol{display:flex;gap:18px;align-items:center;margin-block:26px 28px;padding-block:23px;border-block:1px solid #bbdfcd20}
.route-glyph{display:flex;align-items:center;justify-content:center;width:58px;height:58px;flex-shrink:0;font-size:31px;border:1px solid #a5cfe167;border-radius:50%;background:#213f50;color:#b4d7ef;box-shadow:0 10px 30px #0002}
.route-game .route-glyph{color:#062c31;background:linear-gradient(150deg,#9bf6d9,#48cfc1);border-color:#a8fce5}
.route-practice .route-glyph{color:#27372d;background:linear-gradient(150deg,#f6dda3,#d5b462);border-color:#e7d09b}
.route-outcome{font-size:12px;line-height:1.75;color:#b5ccc8}
.flow-redesign .route-link{font-size:13px;margin-top:24px}
.moment-path{list-style:none;padding:0;margin:0}
.moment-path li{display:flex;gap:25px;padding:22px 0;border-bottom:1px solid #b2ddcd25}
.moment-path li:first-child{padding-top:0}
.moment-path li:last-child{border-bottom:0;padding-bottom:0}
.moment-path li>span{font-size:12px;color:#7dbda7;line-height:2.2}
.moment-path h3{font-size:30px;color:#d5eee1}
.human-grid .moment-path p{margin:10px 0 0;font-size:15px}
.flow-redesign .human-grid p{font-size:17px}
.flow-redesign .shared-grid p{font-size:15px}
.flow-redesign .shared-grid .text-link{font-size:13px}
.flow-redesign .film-frame figcaption{font-size:12px}
.flow-redesign .film-frame figcaption span:first-child{font-size:14px}
.board-status{display:inline-block;font-size:11px!important;border:1px solid #c9bba35c;padding:5px 9px;border-radius:30px;color:#dacfb8;margin:0 0 17px!important}
@media(max-width:1000px){
 .portrait-hero-grid{grid-template-columns:1.1fr .9fr;gap:25px}.portrait-hero .mode-lede{font-size:17px}.portrait-caption{display:none}
 .editorial-pair{gap:40px}.capture-options{gap:40px}.result-well{height:385px;padding:20px 14px}.result-well .phone{width:157px}.result-well .game-results-detail{width:185px}.results-grid{gap:21px}.results-grid h3{font-size:21px}
 .music-strip{gap:50px}.companion-pair{grid-template-columns:1fr}.companion-watch,.companion-helper{grid-template-columns:1fr 190px;padding:30px 40px}.companion-helper .native-portrait{width:123px}.companion-watch .watch-device{width:180px}.companion-helper h3{font-size:30px}
 .flow-redesign .route-card{padding:22px}.flow-redesign .route-card h3{font-size:25px;min-height:58px}.route-symbol{gap:12px}.route-glyph{width:43px;height:43px;font-size:26px}.route-outcome{font-size:11px}.flow-redesign .route-card p{font-size:13px}.flow-redesign .route-link{font-size:12px}
}
@media(max-width:700px){
 .flow-redesign h2{font-size:36px}.flow-redesign .split-heading{gap:22px}.flow-redesign .split-heading>p{font-size:15px}.flow-redesign .eyebrow{font-size:11px}.flow-redesign .small-label{font-size:11px}
 .flow-redesign .portrait-hero{padding:22px 0 40px}.portrait-hero-grid{grid-template-columns:1fr;gap:26px}.portrait-hero-copy{text-align:center}.portrait-hero-copy .eyebrow{margin-top:8px}.flow-redesign .portrait-hero h1{font-size:clamp(44px,11vw,64px)}.portrait-hero .mode-lede{font-size:17px;margin:22px auto 0;max-width:420px}.portrait-hero .chapter-links{justify-content:center;margin-top:25px}.hero-orientation{margin:18px auto 0;font-size:12px}.portrait-stage{padding-top:6px}.portrait-stage figure{width:265px;max-width:82%}.portrait-stage:before{inset:5% -5%;border:0}.capture-phone{border-radius:31px;padding:6px}.capture-phone img{border-radius:25px}
 .capture-chapter,.save-story,.results-chapter,.training-chapter,.preshow-chapter,.companion-chapter{padding-block:45px}.capture-chapter .wide-capture{margin-top:26px}.wide-capture .landscape-device{border-width:4px;border-radius:17px}
 .capture-options{grid-template-columns:1fr;gap:25px;margin-top:27px}.capture-options h3{font-size:28px}.capture-options .choice-panels{min-height:185px}.capture-options .choice-tabs{gap:28px}.capture-features{gap:12px 20px;margin-top:26px;font-size:12px}
 .editorial-pair{grid-template-columns:1fr;gap:30px}.editorial-pair>div>p:not(.eyebrow){font-size:15px;margin-top:18px}.editorial-pair .editorial-lede{font-size:18px}.editorial-pair .labels-figure{padding:16px;border-radius:19px}.flow-redesign .replay-section{padding-block:45px}.editorial-pair .replay-detail-figure{max-width:340px;padding:13px;border-radius:23px}.flow-redesign .replay-recording-note{padding:17px;margin-top:24px}.flow-redesign .replay-recording-note p{font-size:13px}
 .results-grid{grid-template-columns:1fr;gap:34px;margin-top:28px}.result-well{height:460px;padding:22px;margin-bottom:21px}.result-well .phone{width:190px}.result-well .game-results-detail{width:225px}.results-grid h3{font-size:25px;margin:10px 0 12px}.results-grid p{font-size:15px}
 .music-strip{grid-template-columns:1fr;gap:30px;padding-block:45px}.music-strip>div>p:not(.eyebrow){font-size:16px;margin-top:18px}.music-strip figure{max-width:340px;padding:16px;border-radius:23px}
 .companion-pair{gap:20px;margin-top:27px}.companion-watch,.companion-helper{padding:26px;grid-template-columns:1fr 105px;gap:20px}.companion-watch h3,.companion-helper h3{font-size:23px}.companion-watch p,.companion-helper p{font-size:13px}.companion-watch .watch-device{width:140px}.companion-watch figure{margin-inline:-16px}.companion-watch figcaption,.companion-helper figcaption{font-size:9px}.companion-helper .native-portrait{border-radius:16px}.companion-watch .detail-note{font-size:11px}
 .practice-ipad-stage{padding:20px 12px 16px;margin-top:27px;border-radius:20px}.practice-ipad-stage .ipad-practice-detail{border-width:4px;border-radius:14px}.practice-benefits{grid-template-columns:1fr;gap:23px;margin-top:27px}.practice-benefits article{padding-left:35px;position:relative}.practice-benefits article>span{position:absolute;left:0;top:6px}.practice-benefits h3{font-size:22px;margin:0 0 10px}.practice-benefits p{font-size:15px}.training-figure{max-width:300px!important}.practice-watch{padding-bottom:45px}.practice-watch .companion-watch{padding:26px;grid-template-columns:1fr 105px}.practice-watch .watch-device{width:140px}.practice-watch .companion-watch h3{font-size:25px}.practice-watch .companion-watch p{font-size:13px}
 .preshow-chapter figure{padding:15px;border-radius:20px}.flow-redesign.team-page .team-section,.flow-redesign.team-page .companions{padding-block:45px}.flow-redesign.team-page .mode-hero .mode-lede{font-size:17px}.flow-redesign.team-page .mode-hero{padding-bottom:40px}.flow-redesign.team-page .broadcast-choice-panels>.broadcast-tile{padding:23px}.flow-redesign.team-page .broadcast-choice-tabs a{font-size:12px}.flow-redesign.team-page .controller-intro p{font-size:14px}
 .flow-redesign .mode-next{grid-template-columns:1fr;gap:25px;padding-block:35px 42px;margin-top:0}.mode-next h2{font-size:33px}.mode-next>div:last-child{justify-self:start}.mode-next .button{font-size:13px;padding:15px 19px}.mode-next .text-link{font-size:12px}
 .flow-redesign .route-card{padding:26px}.flow-redesign .route-card .small-label{min-height:0;margin-bottom:12px;font-size:12px}.flow-redesign .route-card h3{font-size:31px;min-height:0}.route-symbol{padding-block:20px;margin:22px 0}.route-glyph{width:54px;height:54px;font-size:30px}.route-outcome{font-size:13px}.flow-redesign .route-card p{font-size:15px}.flow-redesign .route-link{font-size:13px}.flow-redesign .human-grid p{font-size:16px}.human-grid .moment-path p{font-size:14px;margin-top:8px}.moment-path h3{font-size:27px}.moment-path li{gap:20px;padding-block:20px}
 .flow-redesign .film-frame figcaption{font-size:10px}.flow-redesign .film-frame figcaption span:first-child{font-size:13px}
}
@media(max-width:380px){.companion-watch,.companion-helper,.practice-watch .companion-watch{grid-template-columns:1fr;gap:18px}.companion-watch figure{margin-inline:0}.companion-helper .native-portrait{width:150px}.companion-watch .watch-device,.practice-watch .watch-device{width:170px}}

/* VBC-356: the product film leads the homepage. */
.launch-hero{padding:52px 0 34px;background:radial-gradient(ellipse at 75% 65%,#265c4e38,transparent 70%),#081e27;border-bottom:1px solid #bdebd21a}
.launch-intro{display:grid;grid-template-columns:1.65fr 1fr;gap:48px;align-items:end;margin-bottom:38px}
.launch-intro .product-pill{font-size:11px;margin:0 0 23px}
.launch-intro h1{font-size:clamp(42px,4.7vw,69px);letter-spacing:-.052em;line-height:1.08}
.launch-intro-side>p:first-child{font-size:15px;line-height:1.8;color:#b2ccc9}
.launch-intro .hero-actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:flex-start;margin-top:22px}
.launch-intro .button{padding:14px 20px;font-size:13px;min-height:48px}
.launch-intro .text-link{font-size:12px}
.launch-intro .availability{font-size:10px;line-height:1.8;margin-top:17px;text-align:left}
.launch-film.film-frame{margin:0 auto}
.launch-film.film-frame video{border-radius:20px;box-shadow:0 28px 100px #0005;border-color:#a1dac22c}
.launch-film figcaption{font-size:11px;margin-top:16px}
.launch-film figcaption span:first-child{font-size:13px}
.launch-footnote{display:flex;justify-content:space-between;gap:20px;margin-top:24px;font-size:11px;color:#83aaa5}
.launch-footnote>a{text-decoration:underline;text-underline-offset:4px}
.launch-storyboard .storyboard-intro{padding-bottom:36px}
.launch-storyboard .storyboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.launch-storyboard .story-image{height:auto;aspect-ratio:16/9;margin:20px -4px}
.launch-storyboard .story-image>img{object-fit:cover}
.launch-storyboard .story-card{padding:24px}
.launch-storyboard .story-card .board-status{margin:0 0 10px;color:#9debd5;font-size:10px}
.launch-storyboard .story-card h3{font-size:26px}
.launch-storyboard .story-card p{font-size:13px}
.launch-storyboard .story-card .sound-direction{color:#84aaa7;font-size:12px}
.film-script{max-width:900px;padding-bottom:70px}
.film-script p{font-size:15px;line-height:1.9;margin:22px 0;color:#a8c3bf}
.film-script strong{color:#e4f2ec;font-weight:550}
@media(max-width:900px){.launch-intro{grid-template-columns:1fr;gap:23px}.launch-intro-side{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;align-items:start}.launch-intro .hero-actions{margin:0;justify-content:flex-end}.launch-intro .availability{grid-column:1/-1;margin-top:15px}.launch-hero{padding-top:38px}.launch-intro h1{font-size:58px}}
@media(max-width:600px){.launch-hero{padding-top:29px}.launch-intro{margin-bottom:25px;gap:19px}.launch-intro h1{font-size:41px;letter-spacing:-.05em}.launch-intro .product-pill{font-size:10px;margin-bottom:20px}.launch-intro-side{display:block}.launch-intro-side>p:first-child{font-size:14px}.launch-intro .hero-actions{justify-content:flex-start;margin-top:20px;gap:20px}.launch-film.film-frame video{border-radius:12px}.launch-film figcaption{display:block;line-height:1.7}.launch-film figcaption>span{display:block}.launch-footnote{font-size:10px;margin-top:18px}.launch-storyboard .storyboard-grid{grid-template-columns:1fr}.launch-storyboard .story-card{padding:20px}.launch-storyboard .storyboard-intro h1{font-size:43px}}