/* The owner's words lead the page; four roles support one monthly service. */
.subscription-page .hero-stage{height:655px}
.subscription-page .hero-heading{padding-top:56px}
.subscription-page h1{font-size:clamp(44px,5.5vw,81px);line-height:1.45;letter-spacing:-.075em}
.subscription-page h1 em{font-style:normal;font-size:.72em;letter-spacing:-.055em}
.subscription-page .eyebrow{font-size:11px;margin-bottom:23px}
.hero-subtitle{font-size:20px;font-weight:700;line-height:1.8;letter-spacing:-.035em;margin:20px 0 0}
.nearby-message{display:block;color:var(--green);font-size:15px;letter-spacing:.06em;margin-top:11px}
.nearby-message:after{content:'';display:block;width:115px;height:3px;background:var(--orange);border-radius:50%;margin:8px auto 0}
.subscription-page .portrait-a{top:348px;left:3%;width:220px;height:255px}
.subscription-page .portrait-b{top:397px;right:2%;width:238px;height:238px}
.subscription-page .portrait-c{top:477px;left:26%;width:165px;height:165px}
.subscription-page .hero-ring{width:245px;height:245px;border-width:43px;top:278px;right:5%}
.subscription-page .hero-comet{left:20%;top:5%;width:125px;height:125px}
.subscription-page .hero-dot{left:59%;bottom:10px;width:57px;height:57px}
.subscription-page .portrait-caption{left:6%;bottom:2px}
.subscription-page .hero-side-label{top:349px;right:3%;font-size:9px}
.subscription-page .hero-image-note{bottom:1px}
.subscription-page .hero-lead{grid-template-columns:1.3fr .75fr;max-width:1120px;gap:65px;margin-top:22px;align-items:center}
.subscription-page .hero-copy{max-width:700px;font-size:14px;line-height:2.05}
.subscription-page .hero-copy p{margin:0 0 20px}
.subscription-page .hero-copy strong{font-size:19px;letter-spacing:-.025em}
.subscription-page .hero-copy .hero-experience{font-size:11px;line-height:1.9;margin:25px 0 0;padding-left:15px;border-left:3px solid var(--aqua)}
.subscription-page .hero-price-panel{display:block;border-left:0;padding:28px;background:white;border:1px solid var(--line);border-radius:23px 23px 23px 5px}
.plan-label{font-size:9px;letter-spacing:.06em;color:var(--green);font-weight:700}
.monthly-heading{font-size:25px;font-weight:800;line-height:1.6;letter-spacing:-.04em;margin:12px 0 23px}
.subscription-page .hero-price-panel .btn{display:flex;width:100%}
.plan-text-link{font-size:10px;display:block;text-align:center;margin-top:15px}
.subscription-page .hero-bottom{margin-top:35px}
.role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:62px}
.role-card{position:relative;isolation:isolate;overflow:hidden;padding:30px 25px 25px;border-radius:15px;min-height:340px;display:flex;flex-direction:column;border:1px solid var(--line)}
.role-sales{background:var(--aqua);border-color:var(--aqua);border-radius:15px 70px 15px 15px}
.role-search{background:white}.role-ai{background:#e7eeea}.role-recruit{background:var(--lime);border-color:var(--lime);border-radius:70px 15px 15px 15px}
.role-card:after{content:'';width:130px;height:130px;border:22px solid #152d2a08;border-radius:50%;position:absolute;right:-70px;bottom:30px;z-index:-1}
.role-tag{font-family:Manrope,'Noto Sans JP',sans-serif;font-size:11px;font-weight:800;letter-spacing:.03em;line-height:1}
.role-card h3{font-size:22px;line-height:1.65;letter-spacing:-.05em;margin:24px 0 18px;font-weight:800}
.role-card p{font-size:12px;line-height:2;margin:0 0 28px}
.role-outcome{font-size:10px;font-weight:700;line-height:1.8;margin-top:auto;border-top:1px solid #152d2a20;padding-top:14px}
.subscription-page .demo-heading h2{font-size:clamp(30px,4vw,56px)}
.demo-role-links{display:flex;flex-wrap:wrap;gap:12px}
.demo-role-links .btn{font-size:10px;padding:12px 18px;min-height:45px;gap:15px}
.subscription-page .mini-hero{grid-template-columns:1.1fr 1fr}
.subscription-page .search-panel h3{font-size:27px}
.plan-display{font-size:clamp(42px,5.5vw,73px);line-height:1.4;font-weight:900;letter-spacing:-.07em;margin:23px 0 17px}
.subscription-page .price-layout{gap:75px}
.subscription-page .terms{line-height:2.1}
.subscription-page .process h3{font-size:18px}
.subscription-page .sticky-cta strong{font-size:20px;font-family:'Noto Sans JP',sans-serif;letter-spacing:-.055em}
.opening-v4 .opening-final-quote{line-height:1.8}
@media(min-width:1600px){.subscription-page .hero-stage{height:705px}.subscription-page .hero-heading{padding-top:65px}.subscription-page .portrait-a{top:365px;width:240px;height:278px}.subscription-page .portrait-b{top:425px;width:255px;height:255px}.subscription-page .portrait-c{top:506px;width:183px;height:183px}.subscription-page .hero-ring{top:297px;right:7%}.subscription-page .hero-side-label{top:373px;right:5%}.subscription-page .hero-comet{left:19%}}
@media(max-width:1100px){.subscription-page .hero-stage{height:635px}.subscription-page .hero-heading{padding-top:55px}.hero-subtitle{font-size:18px;margin-top:18px}.nearby-message{font-size:13px;margin-top:10px}.subscription-page .portrait-a{width:180px;height:217px;left:0;top:353px}.subscription-page .portrait-b{width:201px;height:201px;right:0;top:395px}.subscription-page .portrait-c{width:145px;height:145px;top:480px;left:26%}.subscription-page .hero-ring{width:225px;height:225px;right:0;top:278px}.subscription-page .hero-side-label{right:0;top:352px}.subscription-page .hero-comet{width:110px;height:110px;left:18%}.subscription-page .hero-lead{gap:35px;grid-template-columns:1.3fr .85fr}.subscription-page .hero-copy{font-size:12px}.subscription-page .hero-copy strong{font-size:17px}.subscription-page .hero-price-panel{padding:23px}.monthly-heading{font-size:23px}.role-grid{grid-template-columns:1fr 1fr;gap:20px}.role-card{min-height:290px;padding:30px}.role-card h3{font-size:25px}.role-card p{font-size:13px}.subscription-page .search-panel h3{font-size:23px}}
@media(max-width:760px){
 .subscription-page .hero-stage{height:570px}.subscription-page .hero-heading{padding-top:40px}
 .subscription-page h1{font-size:clamp(25px,7.5vw,56px);line-height:1.55;letter-spacing:-.07em}
 .subscription-page .eyebrow{font-size:8px;line-height:1.7;letter-spacing:0;margin-bottom:22px;gap:5px}
 .hero-subtitle{font-size:15px;line-height:1.8;margin-top:16px}.nearby-message{font-size:12px;margin-top:8px}.nearby-message:after{width:92px;margin-top:5px}
 .subscription-page .portrait-a{width:145px;height:180px;top:280px;left:0}.subscription-page .portrait-b{width:148px;height:148px;top:386px;right:0}.subscription-page .portrait-c{width:103px;height:103px;top:431px;left:35%}
 .subscription-page .hero-comet{width:65px;height:65px;left:-15px;top:5px}.subscription-page .hero-ring{width:151px;height:151px;border-width:27px;top:283px;right:-33px}.subscription-page .hero-dot{width:37px;height:37px;left:50%;bottom:12px}
 .subscription-page .hero-side-label{right:0;top:341px;font-size:8px}.subscription-page .portrait-caption{left:5%;bottom:32px;font-size:8px}.subscription-page .hero-image-note{bottom:0;font-size:7px}
 .subscription-page .hero-lead{display:block;margin-top:21px}.subscription-page .hero-copy{font-size:12px;line-height:2.05}.subscription-page .hero-copy strong{font-size:16px}.subscription-page .hero-copy p{margin-bottom:20px}.subscription-page .hero-copy .hero-experience{font-size:10px;margin-top:20px}
 .subscription-page .hero-price-panel{margin-top:27px;padding:23px;border-radius:20px}.monthly-heading{font-size:26px;line-height:1.55;margin:10px 0 20px}.plan-label{font-size:9px}.subscription-page .hero-price-panel .btn{font-size:12px}.plan-text-link{font-size:10px}
 .subscription-page .hero-bottom{margin-top:25px;font-size:9px}.subscription-page .brand{font-size:13px}.subscription-page .brand small{font-size:7px}
 .role-grid{grid-template-columns:1fr;gap:17px;margin-top:39px}.role-card{padding:27px;min-height:0;border-radius:18px}.role-sales{border-top-right-radius:65px}.role-recruit{border-bottom-left-radius:65px}.role-card h3{font-size:25px;margin:19px 0 16px}.role-card p{font-size:12px;margin-bottom:23px}.role-tag{font-size:10px}.role-outcome{font-size:10px}.role-card:after{right:-35px;bottom:25px}
 .subscription-page .demo-heading h2{font-size:29px}.subscription-page .mini-hero{grid-template-columns:1fr}.demo-role-links{gap:9px}.demo-role-links .btn{font-size:10px;min-height:42px;padding:10px 13px;gap:10px}.subscription-page .mini-photo{height:250px;margin-top:10px}
 .subscription-page .search-panel h3{font-size:23px}.plan-display{font-size:49px;margin:20px 0 16px}.subscription-page .price-layout{gap:35px}.subscription-page .process h3{font-size:16px}
 .subscription-page .sticky-cta{gap:20px}.subscription-page .sticky-cta strong{font-size:18px}.subscription-page .sticky-cta small{font-size:8px}.subscription-page .sticky-cta .btn{font-size:11px;padding:10px 18px}
}
@media(min-width:481px) and (max-width:760px){.subscription-page .hero-stage{height:630px}.subscription-page .hero-heading{padding-top:42px}.hero-subtitle{font-size:18px;margin-top:18px}.nearby-message{font-size:14px}.subscription-page .portrait-a{top:340px;width:158px;height:193px}.subscription-page .portrait-b{top:430px;width:155px;height:155px}.subscription-page .portrait-c{top:485px;width:110px;height:110px;left:37%}.subscription-page .hero-ring{top:317px;width:175px;height:175px}.subscription-page .hero-side-label{top:387px}.subscription-page .portrait-caption{bottom:45px}}
@media(max-width:360px){.subscription-page .hero-stage{height:540px}.subscription-page .hero-heading{padding-top:40px}.subscription-page .eyebrow{font-size:7px}.hero-subtitle{font-size:14px}.subscription-page .portrait-a{width:128px;height:160px;top:270px}.subscription-page .portrait-b{width:128px;height:128px;top:373px}.subscription-page .portrait-c{width:88px;height:88px;top:421px;left:35%}.subscription-page .hero-side-label{top:336px;font-size:7px}.subscription-page .portrait-caption{bottom:28px}.subscription-page .sticky-cta strong{font-size:16px}.subscription-page .sticky-cta .btn{font-size:10px;padding:10px 16px}.plan-display{font-size:43px}}