:root{--ink:#11242e;--muted:#56646e;--teal:#007d93;--line:#ced9df;--navy:#071d29;--wrap:1160px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f8fafb;color:var(--ink);font:16px/1.95 -apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px;touch-action:manipulation}img{display:block;max-width:100%;height:auto}figure,h1,h2,h3,p,dl,dd{margin:0}p{color:var(--muted)}p+p{margin-top:17px}button{font:inherit}h1,h2,h3{letter-spacing:-.035em;font-feature-settings:"palt";font-weight:750}h2{font-size:clamp(31px,3.2vw,43px);line-height:1.6}h3{font-size:26px;line-height:1.65}.wrap{width:calc(100% - 112px);max-width:var(--wrap);margin-inline:auto}.phrase{display:inline-block}.lead{font-size:19px;line-height:1.9;margin-top:28px;color:#344d5b}.quiet-note{font-size:12px;line-height:1.8}.minor{font-size:13px;line-height:1.9}a:focus-visible,summary:focus-visible{outline:3px solid #e70088;outline-offset:6px}.skip-link{position:fixed;top:-100px;left:20px;background:white;padding:12px 20px;z-index:20}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;align-items:center;min-height:104px;gap:28px;color:#fff}.brand{display:block;flex:none}.brand img{width:245px}.site-header nav{display:flex;align-items:center;gap:30px}.site-header nav a{font-size:13px;font-weight:600;text-decoration:none;padding-block:10px}.header-store{border-bottom:1px solid #ffffff70}.site-header nav a:hover{color:#9ae4f3}.header-store span{margin-left:12px}
.hero{position:relative;isolation:isolate;background:#071d29;min-height:920px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/bowling-alley.webp') center center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,22,33,.86) 0%,rgba(3,25,38,.56) 40%,rgba(4,23,34,.12) 75%),linear-gradient(0deg,rgba(7,29,41,.15),transparent 35%)}.hero-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding-top:140px;padding-bottom:58px;min-height:920px}.hero-copy{color:#fff;padding-bottom:30px}.audience{font-size:15px;font-weight:550;color:#e0f3f7;margin-bottom:27px}.hero h1{font-size:clamp(37px,3.6vw,51px);line-height:1.48;letter-spacing:-.035em;text-shadow:0 2px 20px #06182120}.hero h1>span{display:block}.hero-description{font-size:15px;color:#e5eef3;line-height:2.1;margin-top:30px}.cta-group{margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-width:285px;min-height:64px;padding:17px 27px;border-radius:40px;background:#fff;color:#0a293a;font-size:18px;font-weight:750;text-decoration:none;line-height:1.4;box-shadow:0 8px 24px #00000016;border:1px solid #ffffff90}.button span{font-size:26px;font-weight:400}.button:hover{background:#e9f7fb}.cta-note{font-size:11px;line-height:1.8;margin-top:12px;color:#e3edf1}.hero-next{display:inline-block;font-size:12px;text-decoration:none;border-bottom:1px solid #ffffff50;padding-bottom:5px;margin-top:30px;color:#ddeaf0}.hero-next span{margin-left:18px}.hero-figure{justify-self:center;position:relative}.hero figcaption{color:#e1edf1}.photo-note{position:absolute;bottom:12px;right:22px;font-size:9px;color:#d0dae0}
/* Full-resolution source screenshots stay intact inside a code-rendered device. */
.iphone{position:relative;width:330px;max-width:100%;padding:8px;border-radius:49px;background:linear-gradient(125deg,#e0e1e2 0%,#41464b 3%,#080b0e 8%,#171d22 45%,#7c8287 83%,#151a1e 95%);box-shadow:0 2px 0 1px #e0e5e79c inset,0 0 0 1px #05090c,0 25px 38px -18px #0a202b6e,8px 6px 12px -10px #fff6}.iphone:before{content:"";position:absolute;left:-3px;top:110px;width:3px;height:64px;border-radius:3px;background:linear-gradient(#929aa0,#303840)}.iphone:after{content:"";position:absolute;right:-3px;top:165px;width:3px;height:68px;border-radius:3px;background:linear-gradient(#788087,#252b30)}.iphone-screen{overflow:hidden;border:3px solid #06080a;border-radius:41px;background:#ececef}.iphone-screen img{width:100%;height:auto;max-width:100%;margin:0}.iphone-island{position:absolute;top:17px;left:50%;transform:translateX(-50%);width:27%;height:19px;border-radius:18px;background:#050608;box-shadow:0 1px 1px #ffffff24}.iphone-island:after{content:"";position:absolute;right:9px;top:5px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 60% 40%,#263b55,#090c13 65%)}figcaption{font-size:11px;color:#617782;text-align:center;line-height:1.7;margin-top:19px}.hero .iphone{width:345px}
.review-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(118deg,#dff7fc 0%,#f6f8fc 36%,#f8f4fa 65%,#fbe6f4 100%)}.review-section:before{content:"";position:absolute;inset:40% 0 0 55%;background:linear-gradient(0deg,#f6f3f6a8,#f4f7fac7),url('assets/bowling-alley.webp') right bottom/auto 100% no-repeat;opacity:.38;z-index:-1;mask-image:linear-gradient(135deg,transparent 5%,black 65%)}.review-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center;padding-block:85px}.review-figure{justify-self:center}.review-copy .quiet-note{margin-top:28px}.reading-list{margin-top:32px}.reading-list>div{border-top:1px solid #a9c2cf70;padding-block:21px}.reading-list dt{font-size:16px;font-weight:700;line-height:1.75}.reading-list dd{font-size:14px;color:#556c79;line-height:1.9;margin-top:8px}
.record-section{background:linear-gradient(140deg,#fcfaf7,#f4f5f5 65%,#eaf3f5);padding-block:80px 90px}.section-intro{display:flex;justify-content:space-between;align-items:center;gap:50px;margin-bottom:54px}.section-intro p{font-size:16px;line-height:2}.record-grid{display:grid;grid-template-columns:1fr .95fr 1fr;gap:38px;align-items:center}.entry-phone,.history-phone{justify-self:center}.record-grid .iphone{width:302px}.history-phone{padding-top:72px}.record-notes{display:grid;gap:54px;align-self:center}.record-notes p{font-size:14px;margin-top:19px;line-height:2}.record-notes .minor{font-size:12px;color:#6a747b}.history-copy{padding-top:30px;border-top:1px solid #ced7db}
.catalog-section{position:relative;isolation:isolate;background:linear-gradient(120deg,#0b2736,#102b3c 55%,#282b43);color:#fff;overflow:hidden}.catalog-section:after{content:"";position:absolute;right:-250px;bottom:-550px;width:1000px;height:1000px;border-radius:50%;background:radial-gradient(ellipse,#66527d36,transparent 65%);z-index:-1}.catalog-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:center;padding-block:85px}.catalog-figure{justify-self:center}.catalog-copy .lead{color:#dbeaf0}.catalog-copy .reading-list>div{border-color:#6c8e9e55}.catalog-copy .reading-list dd{color:#b6cbd6}.catalog-section figcaption{color:#b6cad5}.catalog-section .iphone{width:325px}.text-link{display:inline-block;margin-top:17px;text-decoration:none;border-bottom:1px solid #9ec1d177;padding-block:6px;font-size:14px;color:#d2f3fb}.text-link span{margin-left:18px}.text-link:hover{color:#fff}
.plans-section{background:linear-gradient(120deg,#f1fafb,#faf9fc 60%,#fbf0f7);padding-block:85px}.plans-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.plans-copy h2{font-size:32px}.plans-copy>p{font-size:15px;margin-top:24px}.plans-copy .pro-status{display:inline-block;margin-top:30px;color:var(--teal);font-size:13px;font-weight:700;border-bottom:1px solid #b8d1da;padding-bottom:3px}.plans-copy .quiet-note{font-size:13px;margin-top:13px}.plan-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px;line-height:1.75;text-align:left}.plan-table caption{text-align:left;font-weight:700;font-size:16px;margin-bottom:17px}.plan-table th,.plan-table td{border-bottom:1px solid #c9d6de;padding:15px 8px}.plan-table th:first-child{width:48%;padding-left:0}.plan-table thead th{vertical-align:top}.plan-table thead th:nth-child(3){color:var(--teal)}.plan-table thead span{display:block;font-size:10px;font-weight:500}.plan-table tbody th{font-weight:500}.plan-table td{color:var(--muted)}.table-note{font-size:11px;margin-top:14px}
.faq-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;padding-block:75px 85px}.faq-section h2{font-size:28px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{position:relative;cursor:pointer;padding:23px 30px 23px 0;font-size:15px;line-height:1.8;font-weight:650;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"＋";position:absolute;right:0;top:23px;color:var(--teal)}details[open] summary:after{content:"−"}details p{padding:0 25px 24px 0;font-size:14px;line-height:2}details a{color:var(--teal)}
.closing{background:linear-gradient(90deg,#051b29f2,#0b2336c4),url('assets/bowling-alley.webp') center 65%/cover;color:#fff;padding-block:70px}.closing-layout{display:flex;justify-content:space-between;align-items:center;gap:50px}.closing h2{font-size:35px}.closing p{color:#d0e1e9;font-size:14px;margin-top:20px}.closing .cta-group{flex:none;margin:0}.closing .cta-note{font-size:11px;margin-top:12px}.site-footer{display:flex;align-items:center;flex-wrap:wrap;gap:25px;padding-block:34px}.site-footer .brand img{width:170px}.site-footer nav{display:flex;flex-wrap:wrap;gap:24px;margin-left:auto}.site-footer nav a{font-size:11px;text-decoration:none;padding-block:10px}.site-footer small{font-size:10px;color:var(--muted)}
@media(min-width:1600px){.hero:before{background-position:center 58%}.hero-layout{padding-top:155px;padding-bottom:65px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.site-header nav{gap:20px}.brand img{width:215px}.hero{min-height:840px}.hero-layout{min-height:840px;gap:36px;padding-top:130px}.hero h1{font-size:38px}.hero-description{font-size:14px}.hero .iphone{width:300px}.hero .button{min-width:260px}.review-layout,.catalog-layout{gap:56px}.review-layout h2,.catalog-layout h2{font-size:33px}.iphone{width:300px}.record-grid{gap:28px}.record-grid .iphone{width:280px}.record-notes h3{font-size:23px}.record-notes p{font-size:13px}.plans-layout{gap:42px}.plans-copy h2{font-size:28px}}
@media(max-width:900px){.site-header nav .header-store{display:none}.hero h1{font-size:34px}.hero-layout{gap:28px}.hero .iphone{width:280px}.hero-description{font-size:13px}.hero-description .phrase{display:inline}.hero .cta-note{max-width:260px}.hero .button{min-width:240px}.review-layout,.catalog-layout{gap:40px}.review-layout h2,.catalog-layout h2{font-size:30px}.lead{font-size:17px}.reading-list dt{font-size:15px}.reading-list dd{font-size:13px}.record-grid{grid-template-columns:1fr 1fr;gap:35px}.record-notes{grid-column:1/-1;grid-row:1;grid-template-columns:1fr 1fr;gap:45px}.record-notes h3 br{display:none}.history-copy{padding:0;border:0}.history-phone{padding-top:0}.plans-layout{grid-template-columns:1fr;gap:35px}.plans-copy{max-width:600px}.faq-section{gap:40px}.closing h2{font-size:29px}.closing-layout{gap:25px}.closing .button{min-width:245px;font-size:16px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.site-header{min-height:79px;gap:15px}.site-header .brand img{width:172px}.site-header nav{gap:18px}.site-header nav a{font-size:11px}.hero{min-height:0}.hero:before{background-position:60% center}.hero:after{background:linear-gradient(180deg,#061d2aed 0%,#061d2adc 35%,#061d2a54 70%,#071d29b3 100%)}.hero-layout{min-height:0;grid-template-columns:1fr;gap:32px;padding-top:112px;padding-bottom:34px}.hero-copy{padding:0}.audience{font-size:12px;margin-bottom:19px}.hero h1{font-size:35px;line-height:1.52}.hero-description{font-size:13px;line-height:2;margin-top:22px;max-width:410px}.hero-description .phrase{display:inline-block}.hero .cta-group{margin-top:24px}.hero .button{min-width:0;min-height:56px;width:285px;max-width:100%;font-size:16px;padding:14px 23px}.hero .cta-note{max-width:none;font-size:10px;margin-top:10px}.hero-next{display:none}.hero-figure{justify-self:center}.hero .iphone{width:285px}.hero figcaption{font-size:10px;margin-top:15px}.photo-note{font-size:8px;bottom:8px;right:12px}.iphone{width:290px;border-radius:43px;padding:7px}.iphone-screen{border-radius:36px;border-width:2px}.iphone-island{top:14px;height:17px}.iphone-island:after{top:5px;width:7px;height:7px}.review-layout{display:flex;flex-direction:column;gap:32px;padding-block:45px 50px}.review-copy{order:-1;width:100%}.review-layout h2,.catalog-layout h2{font-size:29px}.lead{font-size:16px;margin-top:21px}.reading-list{margin-top:23px}.reading-list>div{padding-block:17px}.reading-list dt{font-size:14px}.reading-list dd{font-size:13px}.review-copy .quiet-note{margin-top:15px;font-size:11px}.review-section:before{inset:55% 0 0 15%;opacity:.25}figcaption{font-size:10px;margin-top:17px}.record-section{padding-block:45px 50px}.section-intro{display:block;margin-bottom:30px}.section-intro h2{font-size:30px}.section-intro p{margin-top:19px;font-size:14px}.record-grid{grid-template-columns:1fr;gap:28px}.record-notes{display:contents}.entry-copy{grid-row:1}.entry-phone{grid-row:2}.history-copy{grid-row:3;padding-top:24px;border-top:1px solid var(--line)}.history-phone{grid-row:4}.record-grid .iphone{width:290px}.entry-copy h3,.history-copy h3{font-size:24px}.entry-copy h3 br,.history-copy h3 br{display:none}.record-notes p{font-size:14px;margin-top:15px}.record-notes .minor{font-size:12px;margin-top:12px}.catalog-layout{grid-template-columns:1fr;gap:32px;padding-block:47px 50px}.catalog-section .iphone{width:290px}.text-link{font-size:13px}.plans-section{padding-block:45px}.plans-layout{gap:30px}.plans-copy h2{font-size:26px}.plans-copy>p{font-size:14px;margin-top:19px}.plans-copy .pro-status{margin-top:24px}.plan-table{font-size:12px}.plan-table th,.plan-table td{padding:14px 5px}.plan-table caption{font-size:15px}.table-note{font-size:10px}.faq-section{grid-template-columns:1fr;gap:25px;padding-block:44px 50px}.faq-section h2{font-size:26px}summary{font-size:14px;padding-block:21px}details p{font-size:13px}.closing{padding-block:43px 47px}.closing-layout{display:block}.closing h2{font-size:28px}.closing p{font-size:13px;margin-top:17px}.closing .cta-group{margin-top:25px}.closing .button{min-width:0;width:285px;max-width:100%;min-height:56px;font-size:16px;padding:14px 23px}.site-footer{gap:18px;padding-block:27px}.site-footer .brand img{width:160px}.site-footer nav{width:100%;margin:0;gap:10px 22px}.site-footer small{width:100%}}
@media(max-width:359px){.wrap{width:calc(100% - 32px)}.site-header .brand img{width:148px}.site-header nav{gap:12px}.site-header nav a{font-size:10px}.hero h1{font-size:32px}.hero .iphone{width:270px}.hero-description{font-size:12px}.hero .cta-note{font-size:9px}.review-layout h2,.catalog-layout h2{font-size:25px}.section-intro h2{font-size:28px}.iphone,.record-grid .iphone,.catalog-section .iphone{width:270px}.plans-copy h2{font-size:23px}.plan-table{font-size:11px}.closing h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* QA: blend the photographic texture without a visible rectangular edge. */
.review-section:before{inset:0;background:linear-gradient(0deg,#f6f3f6a8,#f4f7fac7),url('assets/bowling-alley.webp') right bottom/auto 85% no-repeat;mask-image:radial-gradient(ellipse at 100% 100%,#000 0%,transparent 67%);-webkit-mask-image:radial-gradient(ellipse at 100% 100%,#000 0%,transparent 67%)}
.skip-link{top:12px;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0}.skip-link:focus{clip-path:none;width:auto;height:auto;padding:12px 20px}
/* Sparse bowling silhouettes occupy the margins; screenshots never scale. */
.bowling-motif{position:absolute;pointer-events:none;z-index:-1;line-height:0;contain:layout style}
.bowling-motif svg{width:100%;height:auto;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pin-motif{right:0;top:24px;width:200px;height:300px;color:#008da4;opacity:.12}
.pin-motif svg{position:absolute;width:126px;right:8px;top:0;transform:rotate(15deg)}
.pin-motif svg+svg{right:94px;top:40px;transform:rotate(-18deg)}
.ball-motif{left:-45px;bottom:18px;width:240px;color:#87d4e1;opacity:.13}
.plans-copy .platform-label{font-size:12px;color:var(--teal);font-weight:650;margin:0 0 13px}
.pro-heading{font-size:21px;line-height:1.8;margin-top:32px;color:var(--teal)}
.web-section{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid var(--line);padding-block:37px 48px}
.web-section h2{font-size:23px;line-height:1.8;letter-spacing:-.02em}
.web-section p{font-size:13px;line-height:1.9;margin-top:12px}
.web-section .web-login-note{font-size:11px;margin-top:8px}
.web-section nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:none}
.web-section .web-link{font-size:13px;color:var(--teal);padding:7px 0;text-decoration:none;border-bottom:1px solid #bed1d8}
.web-link span{margin-left:18px}
@media(max-width:650px){.pin-motif{right:-65px;top:auto;bottom:25px;width:150px;opacity:.12}.pin-motif svg{width:105px}.pin-motif svg+svg{right:78px;top:36px}.ball-motif{width:175px;left:-50px;bottom:12px;opacity:.12}.pro-heading{font-size:19px;margin-top:27px}.web-section{display:block;padding-block:30px 38px}.web-section h2{font-size:20px}.web-section nav{margin-top:18px;gap:8px}.web-section br{display:none}}

/* Approved FAQ and footer navigation */
.faq-more{display:inline-flex;gap:24px;align-items:center;margin-top:24px;padding:12px 0;color:#087f92;font-size:15px}.expanded-footer{display:block;background:#eef3f5}.expanded-footer>.wrap{display:block}.expanded-footer nav{margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px 24px}.expanded-footer nav a{padding-block:8px;font-size:13px}.expanded-footer small{display:block;margin-top:18px}.legal-draft-note{font-size:11px;line-height:1.8;margin-top:12px!important;color:#526974}@media(max-width:520px){.site-header nav a[href="#features"]{display:none}.expanded-footer nav a{font-size:12px;min-height:44px}.faq-more{font-size:14px}}