:root{--black:#070b10;--yellow:#fff200;--white:#fff;--blue:#168cf4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05080c;color:#fff;font-family:"Noto Sans JP",system-ui,sans-serif}a{color:inherit}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;top:-60px;left:12px;z-index:10;padding:10px;background:var(--yellow);color:#000}.skip-link:focus{top:10px}.comp-section{position:relative;background:#05080c}.desktop-comp{position:relative;width:100%;max-width:1000px;margin:auto;line-height:0}.desktop-comp picture,.desktop-comp img{display:block;width:100%;height:auto}.image-cta{position:absolute;display:block;border-radius:999px;outline-offset:4px;transition:box-shadow .22s ease,transform .22s ease}.image-cta:hover{box-shadow:0 0 0 3px rgba(255,255,255,.88),0 0 22px rgba(255,242,0,.55);transform:translateY(-2px)}.image-cta:focus-visible{outline:4px solid #fff}.hero-image-cta{left:2.9%;top:77.4%;width:39%;height:12%}.final-image-cta{left:3.5%;top:75%;width:93%;height:16.4%}.mobile-comp{display:none}.footer{max-width:1000px;margin:auto;padding:24px 4%;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#070b10;color:#aab8c8;font-size:12px}.footer nav{display:flex;gap:24px}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}.footer a:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}
@media(min-width:701px){.hero-image-cta{animation:cta-enter .45s .35s ease both}}@keyframes cta-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:700px){.desktop-comp{display:none}.mobile-comp{display:block}.comp-section{overflow:hidden}.mobile-panel{padding:56px 16px 54px;min-height:520px}.dark{background:#03070d;color:#fff}.light{background:#f8fafc;color:#06090e}.mobile-title{margin:0 0 34px;font-size:clamp(32px,9.5vw,45px);font-weight:900;line-height:1.13;letter-spacing:-.065em;overflow-wrap:anywhere}.mobile-title em{display:block;margin-top:4px;color:var(--yellow);font-style:normal}.mobile-title.ink em{color:#05080c;background:var(--yellow);display:inline;box-shadow:5px 0 var(--yellow),-5px 0 var(--yellow)}.mobile-art{display:block;width:100%;margin:0 auto}.mobile-art img{display:block;width:100%;height:auto}.mobile-outcome{margin:32px 0 0;font-size:clamp(24px,7.4vw,34px);font-weight:900;line-height:1.3;letter-spacing:-.055em}.mobile-outcome mark{color:var(--yellow);background:none}.mobile-outcome.ink mark{color:#05080c;background:var(--yellow)}.mobile-hero{min-height:100svh;padding:30px 16px 40px;background:#05080e;position:relative;overflow:hidden}.mobile-hero:before{content:"";position:absolute;inset:0 0 auto;height:70%;background:linear-gradient(154deg,transparent 22%,rgba(255,242,0,.96) 22.4%,rgba(255,242,0,.96) 33%,transparent 33.4%),linear-gradient(170deg,transparent 48%,rgba(3,64,119,.45) 48.2%,transparent 77%);opacity:.32;pointer-events:none}.massive-title{position:relative;z-index:1;margin:0;color:var(--yellow);font-size:clamp(44px,12.8vw,64px);line-height:1.04;font-weight:900;letter-spacing:-.09em;text-shadow:3px 3px #05080e}.massive-title span{display:block;white-space:nowrap}.massive-title .white{color:#fff}.hero-mobile-lead{position:relative;z-index:1;font-size:17px;line-height:1.6;font-weight:900;letter-spacing:-.03em;margin:23px 0 4px}.hero-mobile-art{position:relative;width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;max-height:390px;overflow:hidden}.hero-mobile-art img{object-fit:cover;max-height:390px}.cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:66px;margin-top:16px;border-radius:100px;background:var(--yellow);color:#05080c;text-decoration:none;font-size:clamp(22px,7.2vw,29px);font-weight:900;letter-spacing:-.045em;box-shadow:0 5px 0 #c2b800,0 10px 30px rgba(255,242,0,.3);transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.cta span{transition:transform .2s ease}.cta:hover{transform:translateY(-2px);box-shadow:0 7px 0 #c2b800,0 14px 35px rgba(255,242,0,.35)}.cta:hover span{transform:translateX(4px)}.cta:focus-visible{outline:3px solid #fff;outline-offset:4px}.cta-note{text-align:center;font-size:13px;font-weight:800;letter-spacing:.06em;margin:20px 0 0}.cta-note span{margin:0 8px}.journey{border:2px solid #101c2b;background:#fff;padding:17px 20px 21px;box-shadow:6px 6px 0 #172133}.journey span{display:inline-block;font-size:13px;font-weight:900;border-bottom:5px solid var(--yellow)}.journey strong{display:block;margin-top:9px;font-size:27px;font-weight:900;letter-spacing:-.05em}.journey p{font-size:14px;font-weight:700;line-height:1.7;margin:12px 0 0}.journey-b{border-color:#008bd4;background:#eaf7ff;box-shadow:6px 6px 0 #0782c2}.versus{text-align:center;color:#101820;font-size:52px;font-weight:900;line-height:1;margin:22px auto;letter-spacing:-.08em}.versus span{font-size:18px;color:#79818d;vertical-align:middle}.versus small{display:block;font-size:14px;letter-spacing:0;margin-top:4px}.ad-mobile{border:2px solid #2078d9;padding:18px;background:#07172c;box-shadow:6px 6px 0 #063568}.ad-mobile span{font-weight:900;font-size:19px}.ad-mobile strong{display:block;font-size:76px;font-weight:900;line-height:1.1;letter-spacing:-.08em}.ad-mobile strong small{font-size:18px;letter-spacing:0}.ad-mobile p{margin:4px 0 10px;font-size:14px;font-weight:700}.ad-mobile b{display:block;padding:9px 12px;background:#f32658;font-size:18px}.ad-b{border-color:#33bcd6;box-shadow:6px 6px 0 #138798}.ad-b b{background:#06a98f}.not-equal{text-align:center;margin:24px 0;font-size:23px;font-weight:900;letter-spacing:.04em}.not-equal span{color:var(--yellow);font-size:40px}.funnel-bars{display:flex;flex-direction:column;align-items:center;gap:8px;margin:25px auto 0}.funnel-bars div{width:var(--w);min-height:65px;padding:6px 10px;background:linear-gradient(90deg,#0352a7,#18baff);display:flex;align-items:center;justify-content:space-between;gap:4px;box-shadow:0 3px 12px #0069b050}.funnel-bars b{font-size:37px;letter-spacing:-.07em}.funnel-bars span{font-size:clamp(9px,2.6vw,12px);font-weight:800;text-align:right}.funnel-bars .zero{background:#e3264d}.person-art{height:180px;overflow:hidden;margin-top:8px}.person-art img{width:53%;margin-left:auto;margin-top:-35px}.mobile-funnel .mobile-outcome{margin-top:20px}.visual-label{margin:24px 0 12px;color:#59b4ff;font-size:12px;font-weight:900;letter-spacing:.2em}.ai-mobile-strip{display:flex;gap:4px;justify-content:space-between;margin-top:14px}.ai-mobile-strip span{padding:8px;border:1px solid #2872bf;font-size:10px;letter-spacing:.02em}.ai-mobile-strip b{font-size:15px;color:var(--yellow)}.loop-art{max-width:380px}.pricing-list{display:grid;gap:10px}.pricing-list>div{padding:17px 21px;border:2px solid #e2e8f0;background:#fff;color:#080c14;box-shadow:5px 5px 0 #3e4249}.pricing-list .recommended{background:#09214b;border-color:#30a7ff;color:#fff;box-shadow:0 0 15px #168cf491}.pricing-list span{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:900}.pricing-list span b{padding:2px 6px;background:var(--yellow);color:#000;font-size:10px}.pricing-list strong{display:block;margin-top:8px;font-size:clamp(40px,12vw,57px);font-weight:900;line-height:1;letter-spacing:-.06em}.pricing-list small{font-size:15px;letter-spacing:0}.mobile-pricing .cta{margin-top:27px}.trial-copy{text-align:center;font-size:12px;color:#b8c8d7}.final-person{height:210px;overflow:hidden;margin-top:10px}.final-person img{width:70%;margin-left:auto;margin-top:-65px}.footer{display:block;text-align:center;padding:25px 12px}.footer nav{justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:13px}}
.decision-person{max-width:280px;max-height:280px;overflow:hidden;margin:22px auto 0}.decision-person img{height:280px;object-fit:cover;object-position:top}.comp-access .mobile-title.ink em{box-decoration-break:clone;-webkit-box-decoration-break:clone}.comp-funnel .mobile-outcome mark{box-decoration-break:clone;-webkit-box-decoration-break:clone}
.comp-decision .approved-crop + .approved-crop{margin-top:12px}
@media(max-width:374px){.mobile-panel{padding-left:13px;padding-right:13px}.mobile-title{font-size:32px}.massive-title{font-size:43px}.cta{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
