/* Bright responsive homepage, 2026-11-03 */
.l-header,.l-landing,.l-footer{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;color:#193f4b}
.l-header *,.l-landing *,.l-footer *{box-sizing:border-box}
.l-header a,.l-landing a,.l-footer a{text-decoration:none}
.l-container{width:min(1160px,calc(100% - 40px));margin:0 auto}
.l-header{position:sticky;top:0;z-index:30;background:#fffffff2;border-bottom:1px solid #dfedef;box-shadow:0 5px 20px #193f4b0d;backdrop-filter:blur(9px)}
.l-header-row{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:70px}
.l-logo{display:flex;gap:10px;align-items:center;font-size:18px;font-weight:900;color:#124353;white-space:nowrap}
.l-logo b{color:#0bb0b7}.l-logo small{display:block;font-size:9px;font-weight:600;color:#6d909b;line-height:1.5}
.l-logo-symbol{background:linear-gradient(130deg,#18b9b9,#63cf99);color:#fff;border-radius:11px;width:36px;height:36px;display:grid;place-items:center;font-size:21px}
.l-header nav{display:flex;align-items:center;gap:16px;font-size:12px;font-weight:800}
.l-header nav a:hover{color:#01a5a5}
.l-top-cta{background:linear-gradient(100deg,#ff7480,#f2536b);color:white!important;border-radius:99px;padding:11px 16px;font-size:12px;font-weight:900;white-space:nowrap}
.l-landing img{display:block;max-width:100%}
.l-landing h1,.l-landing h2,.l-landing h3{letter-spacing:-.035em}
.l-overline{font-weight:850;font-size:12px;color:#058da1;letter-spacing:.06em}
.l-overline span{color:#f65c6e}
.l-hero{background:radial-gradient(circle at 9% 9%,#e4f8bb 0%,transparent 23%),linear-gradient(115deg,#f9fff6,#eafbfa 55%,#e5f8ff);overflow:hidden}
.l-hero-grid{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:35px;min-height:620px;padding-top:52px;padding-bottom:65px}
.l-hero h1{font-size:clamp(32px,4.1vw,55px);font-weight:950;line-height:1.28;color:#123f51;margin:18px 0 0}
.l-hero h1 em{color:#f05469;font-style:normal;font-size:1.08em}
.l-yellow-stroke{width:230px;height:8px;background:#ffd36d;border-radius:80%;transform:rotate(-2deg);margin:5px 0 21px}
.l-hero h2{font-size:18px;line-height:1.55;color:#1b5262;font-weight:900;margin:0 0 13px}
.l-hero-desc{font-size:14px;line-height:1.95;color:#50717b;max-width:550px}
.l-chipset{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 25px}
.l-chipset span{background:#fff;border:1px solid #ceede3;padding:6px 10px;border-radius:99px;color:#0b8b87;font-size:12px;font-weight:800}
.l-actions{display:flex;gap:12px;flex-wrap:wrap}
.l-button{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:9px;border-radius:99px;min-height:49px;padding:12px 22px;font-size:13px;font-weight:850;line-height:1.4;box-shadow:0 7px 19px #20526922;transition:transform .2s,box-shadow .2s}
.l-button:hover{opacity:1;transform:translateY(-3px);box-shadow:0 10px 24px #20526930}
.l-teal{background:linear-gradient(115deg,#1ac7c2,#0e9aab);color:#fff}
.l-pink{background:linear-gradient(115deg,#ff7283,#ed536c);color:#fff}
.l-white{background:#fff;color:#088b98}
.l-outlined{background:#fff;color:#087f91;border:2px solid #49c6c3}
.l-subnote{font-size:11px;color:#6e858c;margin:12px 0 0;line-height:1.7}
.l-hero-media{height:545px;position:relative;display:grid;place-items:center}
.l-mainpic{height:490px;width:77%;overflow:hidden;border-radius:46% 46% 18px 18px;border:7px solid white;box-shadow:0 20px 45px #006c8360;background:#bbebdf}
.l-mainpic img{width:100%;height:100%;object-fit:cover;object-position:center top}
.l-float{position:absolute;width:35%;aspect-ratio:4/3;border:6px solid #fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 25px #18566a42}
.l-float img{width:100%;height:100%;object-fit:cover}
.l-float-a{right:-1%;top:8%;transform:rotate(7deg)}
.l-float-b{left:-1%;bottom:12%;transform:rotate(-7deg)}
.l-mini-cta{position:absolute;right:0;bottom:0;background:#fff;padding:12px 17px;border-radius:15px;box-shadow:0 12px 25px #24566b30;border:1px solid #e3f1ed}
.l-mini-cta b{display:block;color:#0a9395;font-size:14px}
.l-mini-cta small{display:block;color:#738a90;font-size:10px}
.l-band{background:linear-gradient(110deg,#a9efea,#e2ffed,#fff2ae);padding:25px 0}
.l-band-layout{display:flex;justify-content:space-between;align-items:center;gap:25px}
.l-label{background:#f15f71;color:#fff;font-size:10px;font-weight:900;border-radius:99px;padding:4px 10px}
.l-band h2{font-size:clamp(20px,2.4vw,29px);margin:8px 0 4px}
.l-band h2 em{color:#ef5366;font-style:normal}
.l-band p{font-size:12px;color:#416872;margin:0}
.l-section{padding:80px 0}
.l-heading{text-align:center;max-width:850px;margin:0 auto 36px}
.l-heading>span{font-size:12px;font-weight:900;letter-spacing:.13em;color:#119fac}
.l-heading h2{font-size:clamp(25px,3.3vw,39px);font-weight:950;line-height:1.45;margin:9px 0 10px;color:#174552}
.l-heading h2 span{color:#f05470}
.l-heading p{font-size:14px;color:#68818a;margin:0}
.l-four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.l-benefit{text-align:center;padding:25px 17px;border-radius:18px;border:1px solid #e6eff0;box-shadow:0 10px 25px #1144560d;background:#fff}
.l-benefit i{font-size:31px;font-style:normal;width:65px;height:65px;border-radius:20px;margin:0 auto 14px;display:grid;place-items:center}
.l-bgblue{background:#e6f8fb;color:#00a5b5}.l-bgpink{background:#ffedf1;color:#e95773}.l-bgyellow{background:#fff5dc;color:#d9a021}.l-bggreen{background:#e6f7e9;color:#45b46e}
.l-benefit h3{font-size:14px;margin:0 0 10px;color:#1c4b59}.l-benefit p{font-size:12px;margin:0;color:#657d85;line-height:1.85}
.l-soft{background:linear-gradient(155deg,#f2fcff,#f9fff2)}
.l-industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
.l-industry{display:block;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 13px 26px #1d4d5a15;transition:transform .2s}
.l-industry:hover{transform:translateY(-5px)}
.l-industry>img{width:100%;height:175px;object-fit:cover}
.l-industry-info{position:relative;padding:24px 15px 19px}
.l-industry-icon{position:absolute;top:-25px;left:14px;display:grid;place-items:center;width:45px;height:45px;background:white;border-radius:14px;box-shadow:0 4px 14px #17546a35;color:#0bacbb;font-size:24px}
.l-pink .l-industry-icon{color:#ee6577}.l-yellow .l-industry-icon{color:#e5b327}.l-green .l-industry-icon{color:#49af6c}
.l-industry h3{font-size:14px;margin:0 0 10px;color:#193f50;line-height:1.5}
.l-industry p{font-size:11px;color:#68818b;margin:0 0 13px;min-height:61px;line-height:1.8}
.l-industry strong{font-size:12px;color:#0f989b}
.l-center{text-align:center;margin:25px auto 0}
.l-textlink{color:#0e909e;font-weight:850;font-size:13px}
.l-sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}
.l-sample{border:1px solid #e7eff0;border-radius:19px;overflow:hidden;background:#fff;box-shadow:0 14px 29px #1c45611a}
.l-sample-image{height:242px;position:relative;overflow:hidden}
.l-sample-image>img{width:100%;height:100%;object-fit:cover}
.l-sample-image>div{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#083e50da);padding:38px 20px 17px;color:white}
.l-sample-image small{display:block;letter-spacing:.16em;font-size:10px}
.l-sample-image strong{display:block;font-size:21px;line-height:1.45}
.l-sample p{display:flex;justify-content:space-between;align-items:center;font-weight:850;font-size:13px;margin:0;padding:16px 18px;color:#214854}
.l-sample p span{color:#fa5674}
.l-disclaimer{color:#7e939a;font-size:11px;text-align:center;margin:22px 0}
.l-pricing{background:linear-gradient(160deg,#effaff,#fff2f2)}
.l-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}
.l-price{border:1px solid #dcebed;background:white;border-radius:19px;position:relative;box-shadow:0 12px 28px #194d6311}
.l-price-head{text-align:center;padding:23px 14px 15px;border-bottom:1px solid #e5eff1;border-radius:19px 19px 0 0;background:#effbf9}
.l-price-head small{font-weight:850;font-size:11px;color:#238992}
.l-price-head h3{font-size:25px;font-weight:900;margin:4px 0 0;color:#1d4b58}
.l-price-head p{font-size:12px;color:#6b848d;margin:0}
.l-price-body{padding:18px 23px 24px}
.l-amount{text-align:center;color:#ef556a;font-size:clamp(29px,3.1vw,41px);font-weight:950;letter-spacing:-.03em;white-space:nowrap}
.l-amount small{font-size:12px;letter-spacing:0}
.l-price-body ul{list-style:none;padding:0;margin:16px 0 23px;min-height:134px}
.l-price-body li{font-size:12px;padding:6px 0;border-bottom:1px solid #edf1f1}
.l-price-body li:before{content:"✓";color:#10b48c;margin-right:9px;font-weight:900}
.l-price-body .l-button{width:100%;font-size:12px}
.l-highlight{border:2px solid #f36e83;box-shadow:0 16px 35px #ec6b8135;transform:translateY(-8px)}
.l-highlight .l-price-head{background:#fff1f4}
.l-price-badge{position:absolute;top:-16px;left:50%;transform:translateX(-50%);padding:6px 16px;background:#ec5d76;color:white;border-radius:99px;white-space:nowrap;font-size:11px;font-weight:900}
.l-oldprice{font-size:12px;text-align:center;color:#9daeb0;text-decoration:line-through;margin-bottom:-6px}
.l-terms{background:#ffffffad;border:1px solid #dbeeed;border-radius:12px;font-size:11px;color:#657981;line-height:1.9;padding:17px;margin:26px 0 0}
.l-diagnosis{background:linear-gradient(120deg,#e3faf1,#edfaff,#fff5e2)}
.l-diagnosis-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.l-diagnosis-image{position:relative}
.l-diagnosis-image img{width:100%;height:365px;object-fit:cover;border-radius:22px;box-shadow:0 15px 32px #12566736}
.l-diagnosis-image strong{position:absolute;right:-12px;top:-17px;border-radius:100%;background:#ffcb5d;color:#b85117;padding:20px;font-size:21px;line-height:1.2;transform:rotate(12deg);text-align:center}
.l-diagnosis h2{font-size:clamp(27px,3.4vw,40px);font-weight:900;line-height:1.45;margin:14px 0}
.l-diagnosis h2 em{color:#ef5870;font-style:normal}
.l-diagnosis p{color:#52717b;font-size:14px;line-height:1.95}
.l-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.l-step-grid>div{padding:20px 17px;background:#f0fbfa;border-radius:15px}
.l-step-grid b{font-size:31px;color:#16b6bd}
.l-step-grid h3{font-size:14px;margin:7px 0;color:#1c4b59}
.l-step-grid p{font-size:12px;margin:0;color:#68808a}
.l-faq{background:#f6fbfc}
.l-narrow{max-width:850px}
.l-faq details{padding:16px 20px;margin-bottom:10px;border-radius:12px;background:white;border:1px solid #e2eff0}
.l-faq summary{cursor:pointer;font-size:14px;font-weight:850;color:#1d4c59}
.l-faq details p{font-size:13px;color:#6b818c;line-height:1.8}
.l-final{background:radial-gradient(circle at 6% 10%,#9bf3dd74,transparent 28%),linear-gradient(110deg,#1bc3bb,#08a9c0 60%,#60cfd1);color:white;text-align:center;padding:67px 0}
.l-final span{font-size:11px;letter-spacing:.15em;font-weight:850}
.l-final h2{font-size:clamp(27px,3.5vw,43px);line-height:1.5;margin:14px auto;color:white;font-weight:900}
.l-final p{color:white;font-size:14px}
.l-final .l-actions{justify-content:center;margin-top:25px}
.l-more{padding:35px 0;background:white}
.l-more h2{font-size:17px;margin:0 0 14px}
.l-more nav{display:flex;gap:10px;flex-wrap:wrap}
.l-more a{padding:8px 12px;border-radius:99px;color:#0b9199;background:#edf9f7;font-size:12px;font-weight:850}
.l-footer{background:#173e4b;color:#e9f9fc;padding:35px 0 22px}
.l-footer-row{display:flex;gap:25px;justify-content:space-between}
.l-footer b{font-size:16px;color:white}
.l-footer p{font-size:11px;color:#c6e2e7}
.l-footer nav{display:flex;gap:10px 17px;max-width:700px;flex-wrap:wrap;justify-content:flex-end}
.l-footer nav a{color:#dcebef;font-size:11px}
.l-small-foot{border-top:1px solid #ffffff29;padding-top:11px;margin-top:18px;font-size:10px;color:#abcbd3}
@media(max-width:1050px){.l-header nav{gap:10px;font-size:11px}.l-industry-grid{grid-template-columns:repeat(2,1fr)}.l-hero-grid{gap:13px}.l-mainpic{width:83%}}
@media(max-width:760px){.l-container{width:calc(100% - 30px)}.l-header-row{min-height:63px}.l-header nav{display:none}.l-logo{font-size:15px}.l-logo small{font-size:7px}.l-top-cta{font-size:10px;padding:9px 10px}.l-hero-grid{grid-template-columns:1fr;min-height:0;padding:36px 0 45px}.l-hero h1{font-size:clamp(30px,7.7vw,42px)}.l-hero h2{font-size:16px}.l-hero-desc{font-size:12px}.l-hero-media{height:340px;margin:10px auto 0;max-width:500px;width:100%}.l-mainpic{height:310px;width:68%;border-width:5px}.l-float{border-width:4px;width:36%}.l-mini-cta{right:0;bottom:0;padding:8px 12px}.l-mini-cta b{font-size:12px}.l-mini-cta small{font-size:9px}.l-hero .l-actions .l-button{width:100%}.l-band-layout{flex-direction:column;align-items:stretch;gap:14px}.l-band .l-button{width:100%}.l-section{padding:54px 0}.l-four-grid{grid-template-columns:repeat(2,1fr);gap:11px}.l-benefit{padding:18px 12px}.l-benefit h3{font-size:12px}.l-benefit p{font-size:11px}.l-industry-grid{gap:12px}.l-industry>img{height:130px}.l-industry-info{padding:25px 12px 15px}.l-industry h3{font-size:12px}.l-industry p{font-size:10px;min-height:83px}.l-sample-grid{grid-template-columns:1fr}.l-price-grid{grid-template-columns:1fr;gap:30px;max-width:470px;margin:auto}.l-price-body ul{min-height:0}.l-highlight{transform:none}.l-diagnosis-grid{grid-template-columns:1fr;gap:27px}.l-diagnosis-image img{height:250px}.l-diagnosis-image strong{right:0}.l-step-grid{grid-template-columns:repeat(2,1fr)}.l-footer-row{flex-direction:column}.l-footer nav{justify-content:flex-start}.l-final{padding:52px 0}.l-final .l-actions .l-button{width:100%}}
@media(max-width:360px){.l-industry-grid{grid-template-columns:1fr}.l-industry>img{height:180px}.l-industry p{min-height:0}}
@media(prefers-reduced-motion:reduce){.l-button,.l-industry{transition:none}}

/* 2026-11-11: clearer value proposition and responsible trial pricing */
.l-offer-hero{border:1px solid #f7b9d3;background:#fffafd;padding:17px 20px;border-radius:18px;margin:20px 0 15px;box-shadow:0 13px 25px #a9458d15}
.l-offer-label{display:inline-flex;padding:4px 10px;background:#fce2ed;color:#ba356e;border-radius:20px;font-size:11px;font-weight:900}
.l-offer-row{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin:3px 0}
.l-offer-row strong{font-size:clamp(30px,4.1vw,44px);line-height:1.25;color:#e94772;letter-spacing:-.06em}
.l-offer-row strong small{font-size:14px;letter-spacing:0;color:#a84571}
.l-offer-row>span{font-size:12px;text-decoration:line-through;color:#8a8895}
.l-offer-hero p{margin:2px 0 0;font-size:12px;color:#496b7a;line-height:1.65}
.l-sale-evidence{background:#ffffff;padding:54px 0 64px}
.l-sale-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.l-sale-grid>div{padding:22px;background:#fff;border:1px solid #d7edf1;border-radius:16px;box-shadow:0 8px 26px #23667812}
.l-sale-grid>div:nth-child(2){border-top:5px solid #f47ca2}.l-sale-grid>div:nth-child(1){border-top:5px solid #37bdd3}.l-sale-grid>div:nth-child(3){border-top:5px solid #7c93de}
.l-sale-grid span{font-size:20px;color:#159eae;font-weight:900}.l-sale-grid h3{font-size:16px;margin:7px 0 9px}.l-sale-grid p{font-size:12px;color:#566c7f;margin:0;line-height:1.8}
.l-sale-foot{text-align:center;margin-top:22px;font-weight:800;font-size:13px;color:#107c90}
.l-sale-foot a{margin:0 7px}
@media(max-width:730px){.l-sale-grid{grid-template-columns:1fr}.l-offer-hero{padding:15px}.l-offer-row strong{font-size:35px}.l-hero-grid{padding-top:32px}.l-sale-evidence{padding:46px 0}}
