/* Product pages share the app's dark palette and the series navigation. */
.desktop-nav a[aria-current="page"]{color:var(--ink)}
.detail-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center;padding-block:65px 75px;min-height:720px}
.detail-hero-copy .eyebrow{font-family:var(--display);font-size:9px;letter-spacing:1.6px;color:var(--pink)}
.detail-hero-copy h1{font-size:clamp(38px,4.4vw,62px);line-height:1.35;letter-spacing:-1.8px;margin:28px 0 22px;font-weight:750;overflow-wrap:anywhere}
.detail-hero-copy h1 span.accent{color:var(--pink)}
.detail-hero-copy .lead{font-size:15px;line-height:1.95;color:#a5a5b3;max-width:510px}
.detail-hero-copy .hero-buttons{flex-wrap:wrap;margin-top:30px}
.detail-hero-copy .hero-buttons .text-link{font-size:12px}
.detail-status{display:flex;gap:9px;flex-wrap:wrap;margin-top:27px;color:#9494a4;font-size:10px;line-height:1.6}
.detail-status>span{border:1px solid #ffffff14;background:#ffffff03;border-radius:5px;padding:5px 9px}
.detail-hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:570px;border:1px solid #ffffff0c;background:radial-gradient(ellipse at center,#ff3d6e0e,transparent 65%),#111116;border-radius:18px;padding:38px 25px 60px;isolation:isolate}
.detail-hero-art:before{content:'';position:absolute;inset:30px;background:linear-gradient(90deg,#ffffff03 1px,transparent 1px),linear-gradient(#ffffff03 1px,transparent 1px);background-size:33px 33px;z-index:-1;mask-image:radial-gradient(ellipse,#000,transparent 80%)}
.detail-phone{width:238px;border-radius:35px;flex-shrink:0;box-shadow:0 20px 60px #0009;transform:rotate(-4deg);z-index:2}
.detail-phone-secondary{position:absolute;width:200px;right:9px;bottom:59px;transform:rotate(9deg);z-index:1;opacity:.9;border-radius:30px}
.detail-hero-art>.screenshot-label{position:absolute;bottom:15px;left:20px;right:20px;text-align:center;font-size:10px;line-height:1.65;margin:0}
.detail-hero-art>.art-caption{position:absolute;top:20px;left:23px;font-size:7px}
.detail-subnav{border-block:1px solid var(--border);background:#101015;position:sticky;top:92px;z-index:20}
.detail-subnav>.container{display:flex;align-items:center;gap:32px;min-height:61px;overflow:auto;scrollbar-width:none}
.detail-subnav a{white-space:nowrap;color:#9999a9;font-size:12px;padding:18px 0;transition:color .2s}
.detail-subnav a:hover{color:var(--pink)}
.detail-subnav a:first-child{color:var(--ink)}
body[data-page] .detail-section[id],body[data-page] .detail-feature-row[id]{scroll-margin-top:166px}
.detail-section{padding-block:80px}
.detail-section+.detail-section{border-top:1px solid var(--border)}
.detail-section-header{max-width:760px;margin-bottom:40px}
.detail-section-header>.eyebrow{color:var(--pink);font-family:var(--display);font-size:8px;letter-spacing:1.7px}
.detail-section-header h2{font-size:35px;line-height:1.5;letter-spacing:-.7px;font-weight:650;margin:17px 0}
.detail-section-header p{font-size:14px;color:#9393a4;line-height:1.9;max-width:690px;margin:0}
.detail-feature-row{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-block:50px;min-width:0}
.detail-feature-row+.detail-feature-row{border-top:1px solid #ffffff0a;margin-top:25px;padding-top:75px}
.detail-feature-row.reverse .detail-feature-copy{order:2}
.detail-feature-row.reverse .detail-screenshot{order:1}
.detail-feature-copy>.eyebrow{color:var(--pink);font-family:var(--display);font-size:9px;letter-spacing:1px}
.detail-feature-copy h3{font-size:32px;line-height:1.5;font-weight:650;letter-spacing:-.6px;margin:15px 0 20px}
.detail-feature-copy>p{color:#9999a9;font-size:14px;line-height:2;margin-block:16px;max-width:490px}
.detail-feature-copy ul{padding:0;list-style:none;margin:22px 0 0;color:#b8b8c4;font-size:13px;line-height:1.9}
.detail-feature-copy li{position:relative;padding-left:19px;margin-block:13px}
.detail-feature-copy li:before{content:'';position:absolute;left:0;top:.75em;width:4px;height:4px;border-radius:50%;background:var(--pink)}
.detail-feature-copy .text-link{margin-top:15px;color:var(--pink)}
.detail-screenshot{background:#14141b;border:1px solid #ffffff0c;border-radius:16px;position:relative;min-height:604px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:35px 25px 30px;margin:0;gap:23px;min-width:0}
.detail-screenshot .phone{width:235px;max-width:80%;border-radius:35px;transform:rotate(3deg);margin:0}
.detail-screenshot>.screenshot-label{line-height:1.75;text-align:center;font-size:10px;margin:0;color:#8b8b9b}
.detail-screenshot img{height:auto}
.detail-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.detail-step{padding:26px;border-radius:12px;border:1px solid #ffffff10;background:#14141b;min-width:0}
.detail-step>span:first-child,.detail-step .step-number{font-family:var(--display);font-size:23px;color:var(--pink);display:block;line-height:1.5;font-weight:500}
.detail-step h3{font-size:16px;margin:20px 0 12px;font-weight:550;line-height:1.6}
.detail-step p{font-size:12px;line-height:1.95;color:#9292a3;margin:0}
.detail-step p+p{margin-top:12px}
.detail-note{background:#ff3d6e06;border:1px solid #ff3d6e24;border-radius:10px;padding:22px 26px;font-size:12px;color:#a3a3b3;line-height:1.95;margin-top:27px}
.detail-note h3,.detail-note strong{color:#e4e4eb;font-size:13px;font-weight:550}
.detail-note h3{margin:0 0 9px}
.detail-note p{margin:6px 0}
.detail-download-layout{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:65px}
.detail-download-layout .download-card{max-width:570px;width:100%;padding:30px}
.detail-download-layout .download-card-top h3{font-size:18px}
.detail-download-layout .download-card-top p{font-size:11px;line-height:1.7}
.detail-download-copy{padding-top:8px}
.detail-download-copy h3{font-size:25px;line-height:1.5;font-weight:600;letter-spacing:-.4px;margin:0 0 20px}
.detail-download-copy p{font-size:13px;color:#9797a8;line-height:1.95;margin-block:15px}
.detail-download-copy ul{padding-left:18px;color:#9797a8;font-size:12px;line-height:1.95}
.detail-download-copy .button{margin-top:15px}
.detail-crosslink{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:36px 0 50px;border-top:1px solid var(--border);margin-top:10px}
.detail-crosslink h2{font-size:24px;line-height:1.5;font-weight:600;margin:5px 0 10px}
.detail-crosslink p{font-size:13px;color:#9999a9;margin:0}
.detail-crosslink .eyebrow{font-family:var(--display);color:#757585;font-size:8px}
.detail-crosslink .button{flex-shrink:0}
.detail-section .faq-list{max-width:900px}
.detail-section .faq-list details:first-child summary{padding-top:22px}
.detail-section .faq-list summary{font-size:14px}
.detail-section .faq-list p{font-size:13px}
.detail-section .guide-grid{margin-top:25px}
.detail-section .template-row{margin-top:22px}
.detail-section .demo-wrap{max-width:540px;width:100%}
.detail-section .timer-ring{width:132px;height:132px}
.detail-section .timer-time{font-size:25px}
.detail-section .demo-title{font-size:16px}
.detail-section .demo-caption{font-size:10px}
.detail-template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:25px}
.detail-template-grid a{padding:20px;border:1px solid var(--border);border-radius:9px;font-size:13px;display:flex;justify-content:space-between;gap:15px;background:#14141b}
.detail-template-grid a:hover{border-color:var(--pink)}
.detail-template-grid small{font-size:10px;color:#858595;display:block;margin-top:5px}
.home-products{padding-block:85px 70px}
.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.overview-card{padding:35px;border:1px solid #ffffff13;border-radius:16px;background:radial-gradient(ellipse at 100% 100%,#ff3d6e0a,transparent 55%),#121218;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}
.overview-card .product-title{font-size:18px}
.overview-card h3{font-size:37px;line-height:1.4;letter-spacing:-.8px;font-weight:650;margin:28px 0 17px}
.overview-card>p{font-size:13px;line-height:1.95;color:#9696a7;max-width:440px;margin:0 0 20px;flex:1}
.overview-features{display:block;font-size:11px;color:#77778a;padding-bottom:25px;margin-top:10px}
.overview-card .button{font-size:12px;gap:30px;padding:13px 22px;position:relative;z-index:1}
.overview-number{position:absolute;right:26px;bottom:12px;font-family:var(--display);font-size:110px;font-weight:600;color:#ffffff03;line-height:1.2;pointer-events:none}
.overview-tempo{background:radial-gradient(ellipse at 100% 100%,#b69aee0c,transparent 55%),#121218}
.overview-tempo .product-title b{color:#b69aee}
.home-platform-note{font-size:11px;line-height:1.9;color:#737384;margin:24px 0 0}
body[data-page="tempo"] .detail-hero-art{background:radial-gradient(ellipse at center,#b69aee12,transparent 65%),#111116}
body[data-page="tempo"] .detail-hero-copy .eyebrow{color:#b69aee}
body[data-page="tempo"] .detail-hero-copy .product-title b{color:#b69aee}
body[data-page="tempo"] .detail-hero-copy h1 .accent{color:#b69aee}
html[lang="en"] .detail-hero-copy h1{font-size:48px;letter-spacing:-1.5px}
html[lang="ja"] .detail-hero-copy h1{font-size:45px;letter-spacing:-1px}

@media(max-width:1199px){
  .detail-hero{gap:50px;min-height:680px;padding-block:55px 65px}
  .detail-hero-copy h1{font-size:49px}.detail-hero-copy .lead{font-size:14px}
  .detail-hero-art{min-height:550px}.detail-phone{width:215px}.detail-phone-secondary{width:174px}
  .detail-feature-row{gap:60px}.detail-feature-copy h3{font-size:29px}
  .detail-download-layout{gap:40px}.detail-template-grid{grid-template-columns:repeat(2,1fr)}
  html[lang="en"] .detail-hero-copy h1{font-size:42px}html[lang="ja"] .detail-hero-copy h1{font-size:39px}
}
@media(max-width:1000px){
  .detail-hero{gap:35px;min-height:640px}.detail-hero-copy h1{font-size:42px}.detail-hero-copy .lead{font-size:13px}
  .detail-hero-copy .hero-buttons{gap:20px}.detail-hero-copy .hero-buttons .button{font-size:12px;padding:14px 18px;gap:16px}
  .detail-hero-art{min-height:505px;padding-inline:12px}.detail-phone{width:195px;border-radius:30px}.detail-phone-secondary{width:145px;right:5px}
  .detail-hero-art>.screenshot-label{font-size:9px}.detail-feature-row{gap:35px}
  .detail-screenshot{min-height:540px;padding:28px 18px}.detail-screenshot .phone{width:210px;max-width:90%;border-radius:30px}
  .detail-feature-copy h3{font-size:27px}.detail-feature-copy>p{font-size:13px}.detail-feature-copy ul{font-size:12px}
  .detail-step{padding:22px}.detail-step h3{font-size:15px}.detail-step p{font-size:11px}
  .detail-download-layout .download-card{padding:23px}.detail-download-layout .download-card-top h3{font-size:14px}
  .detail-download-layout .download-card-top p{font-size:10px}.detail-download-copy h3{font-size:23px}.detail-download-copy p{font-size:12px}
  .detail-section .timer-ring{width:110px;height:110px}.detail-section .timer-time{font-size:21px}
  .overview-card{padding:28px}.overview-card h3{font-size:32px}.overview-card .product-title{font-size:15px}
  .overview-card>p{font-size:12px}.overview-features{font-size:10px}
  html[lang="en"] .detail-hero-copy h1{font-size:36px}html[lang="ja"] .detail-hero-copy h1{font-size:34px}
}
@media(max-width:760px){
  .detail-hero{grid-template-columns:1fr;gap:32px;min-height:0;padding-block:40px 45px}
  .detail-hero-copy h1{font-size:40px;letter-spacing:-1px;line-height:1.4;margin-block:22px 18px;overflow-wrap:normal}
  .detail-hero-copy .lead{font-size:13px;line-height:1.95}.detail-hero-copy .eyebrow{font-size:8px}
  .detail-hero-copy .hero-buttons{gap:22px;margin-top:25px}.detail-status{font-size:9px;margin-top:24px;gap:7px}
  .detail-status>span{padding:5px 8px}.detail-hero-art{min-height:555px;padding:32px 20px 55px;max-width:500px;width:100%;margin-inline:auto}
  .detail-phone{width:220px;border-radius:32px}.detail-phone-secondary{width:165px;right:18px;bottom:55px}
  .detail-hero-art>.screenshot-label{font-size:9px;left:16px;right:16px;bottom:17px}
  .detail-subnav{position:static}.detail-subnav>.container{gap:25px;min-height:54px}.detail-subnav a{font-size:11px;padding-block:15px}
  body[data-page] .detail-section[id],body[data-page] .detail-feature-row[id]{scroll-margin-top:90px}
  .detail-section{padding-block:50px}.detail-section-header{margin-bottom:28px}.detail-section-header h2{font-size:27px;line-height:1.5;margin-block:14px}
  .detail-section-header p{font-size:12px}.detail-section-header>.eyebrow{font-size:7px}
  .detail-feature-row{grid-template-columns:1fr;gap:25px;padding-block:20px;min-width:0}
  .detail-feature-row+.detail-feature-row{margin-top:27px;padding-top:45px}
  .detail-feature-row.reverse .detail-feature-copy{order:0}.detail-feature-row.reverse .detail-screenshot{order:0}
  .detail-feature-copy h3{font-size:27px;margin-block:12px 18px}.detail-feature-copy>p{font-size:13px;max-width:100%}
  .detail-feature-copy ul{font-size:12px}.detail-feature-copy li{margin-block:11px}
  .detail-screenshot{min-height:580px;padding:30px 20px 24px;gap:23px;max-width:500px;width:100%;margin-inline:auto}
  .detail-screenshot .phone{width:225px;border-radius:33px}.detail-screenshot>.screenshot-label{font-size:9px}
  .detail-steps{grid-template-columns:1fr;gap:15px;margin-top:25px}.detail-step{padding:23px}
  .detail-step>span:first-child,.detail-step .step-number{font-size:21px}.detail-step h3{margin:14px 0 9px;font-size:16px}.detail-step p{font-size:12px}
  .detail-note{padding:19px 21px;font-size:11px;margin-top:22px}.detail-note h3,.detail-note strong{font-size:12px}
  .detail-download-layout{grid-template-columns:1fr;gap:28px}.detail-download-layout .download-card{max-width:100%;padding:25px}
  .detail-download-layout .download-card-top h3{font-size:16px}.detail-download-layout .download-card-top p{font-size:10px}
  .detail-download-copy{padding-top:0}.detail-download-copy h3{font-size:24px}.detail-download-copy p{font-size:12px}
  .detail-crosslink{display:block;padding-block:28px 35px;margin-top:5px}.detail-crosslink h2{font-size:22px;margin-block:8px 12px}
  .detail-crosslink p{font-size:12px}.detail-crosslink .button{margin-top:22px;font-size:12px}
  .detail-section .faq-list summary{font-size:12px}.detail-section .faq-list p{font-size:11px}
  .detail-section .timer-ring{width:118px;height:118px}.detail-section .timer-time{font-size:23px}
  .detail-section .demo-title{font-size:14px}.detail-section .demo-caption{font-size:8px}
  .detail-template-grid{grid-template-columns:1fr;gap:12px}.detail-template-grid a{font-size:12px;padding:18px}
  .home-products{padding-block:55px 45px}.overview-grid{grid-template-columns:1fr;gap:18px}
  .overview-card{padding:27px}.overview-card h3{font-size:32px;margin-top:23px}.overview-card .product-title{font-size:17px}
  .overview-card>p{font-size:12px;max-width:100%}.overview-features{font-size:10px;padding-bottom:23px}
  .overview-number{font-size:100px;right:18px}.home-platform-note{font-size:10px;line-height:1.9}
  html[lang="en"] .detail-hero-copy h1{font-size:36px}html[lang="ja"] .detail-hero-copy h1{font-size:34px}
}
@media(max-width:380px){
  .detail-hero-copy h1{font-size:34px}.detail-hero-copy .hero-buttons{gap:16px}.detail-hero-copy .hero-buttons .text-link{font-size:11px}
  .detail-hero-art{min-height:505px}.detail-phone{width:195px;border-radius:30px}.detail-phone-secondary{width:140px;right:12px}
  .detail-section-header h2{font-size:25px}.detail-feature-copy h3{font-size:25px}
  .detail-screenshot{min-height:550px}.detail-screenshot .phone{width:212px}
  .detail-section .timer-ring{width:100px;height:100px}.detail-section .timer-time{font-size:19px}
  .detail-download-layout .download-card{padding:20px}.detail-download-layout .download-card-top h3{font-size:13px}
  .overview-card{padding:23px}.overview-card h3{font-size:29px}.overview-card .product-title{font-size:15px}
  html[lang="en"] .detail-hero-copy h1{font-size:32px}html[lang="ja"] .detail-hero-copy h1{font-size:30px}
}