:root{--paper:#f8f4e9;--cream:#efe9d9;--ink:#382d24;--muted:#716454;--rust:#a9432c;--green:#355b46;--line:#ded5c3;--round:'M PLUS Rounded 1c','Noto Sans CJK JP','Hiragino Sans',sans-serif;--sans:'Noto Sans JP','Noto Sans CJK JP','Hiragino Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.95;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--green);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--round);font-weight:800;line-height:1.65}h2{font-size:32px;letter-spacing:.04em}h3{font-size:20px}p{color:var(--muted)}.container{max-width:1120px;width:calc(100% - 96px);margin-inline:auto}.section{padding-block:94px}.eyebrow{font-weight:700;font-size:13px;letter-spacing:.1em;color:var(--rust);margin-bottom:16px}.header{max-width:1360px;margin:auto;min-height:98px;padding:20px 48px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.logo{display:inline-flex;align-items:center;font-family:var(--round);font-weight:900;font-size:28px;letter-spacing:-.05em;white-space:nowrap;line-height:1.3}.logo-symbol{font-size:22px;background:var(--rust);color:var(--paper);width:35px;height:35px;border-radius:50%;display:inline-grid;place-items:center;margin-right:9px;transform:rotate(-12deg)}.logo-dot{color:var(--rust)}nav{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:700}nav a:not(.nav-contact):hover{color:var(--rust)}.nav-contact{background:var(--green);color:white;padding:12px 19px;border-radius:6px}.nav-contact span{margin-left:14px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:30px;align-items:center;padding-top:65px;padding-bottom:68px}.hero .eyebrow{font-size:12px;letter-spacing:.045em;display:flex;align-items:center;gap:8px}.eyebrow>span{width:7px;height:7px;background:var(--rust);border-radius:50%}.hero-name{font-family:var(--round);font-size:67px;line-height:1.3;font-weight:900;color:var(--ink);letter-spacing:-.06em;margin-bottom:17px}.hero-name>span{color:var(--rust)}h1{font-size:34px;letter-spacing:.015em;line-height:1.7}h1 em{font-style:normal;background:linear-gradient(transparent 72%,#e6c7a0 72%,#e6c7a0 93%,transparent 93%)}.hero-description{font-size:14px;margin-top:22px;line-height:2.1}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:0;border-radius:6px;padding:16px 24px;font-size:14px;font-weight:700;line-height:1.6;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}.primary{background:var(--rust);color:#fffdf5;box-shadow:0 4px 0 #873824}.primary:hover{background:#903822;transform:translateY(-2px);box-shadow:0 6px 0 #78311f}.text-link{font-weight:700;font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:3px}.text-link span{margin-left:15px}.hero-note{font-size:11px;margin-top:20px}.hero-visual{position:relative;border-radius:50% 50% 18px 18px;background:#f0ead9;padding:26px 12px 20px}.visual-top{display:flex;justify-content:center;align-items:center;gap:12px;font-family:var(--round);font-size:11px;font-weight:700;transform:rotate(-4deg);color:#6b5941}.sun{font-size:33px;color:var(--rust)}.shop-art{width:100%;height:auto;display:block;margin-top:-5px}.visual-bottom{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:-11px;position:relative}.small-seal{border:2px solid var(--rust);color:var(--rust);border-radius:50%;font:700 12px/1.5 var(--round);padding:6px 10px;transform:rotate(-12deg)}.visual-bottom p{font-size:12px;line-height:1.7;color:var(--ink)}.image-label{position:absolute;right:2px;bottom:-10px;font-size:9px;color:var(--muted)}.intro-strip{display:flex;justify-content:center;align-items:center;gap:25px;background:var(--green);color:var(--paper);padding:23px 24px;font-family:var(--round);font-size:14px;letter-spacing:.05em}.intro-strip>span:last-child{font-size:27px;line-height:1;margin-left:20px;color:#d6c99e}.section-heading{text-align:center;margin-bottom:44px}.section-heading .eyebrow{margin-bottom:10px}.section-heading>p:last-child:not(.eyebrow){margin-top:15px;font-size:14px}.worry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.worry-grid article{text-align:center;padding:23px 15px 29px;border-bottom:1px solid var(--line)}.worry-icon{display:grid;place-items:center;font-family:var(--round);font-size:38px;color:var(--rust);background:#efe7d7;border-radius:50%;width:68px;height:68px;margin:0 auto 22px;line-height:1}.worry-grid h3{font-size:18px;margin-bottom:15px}.worry-grid p{font-size:13px}.worry-answer{text-align:center;font-family:var(--round);font-size:20px;color:var(--ink);margin-top:40px;font-weight:700}.worry-answer span{color:var(--rust);border-bottom:2px solid #cda079}.how-section{background:var(--cream);position:relative}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.step{background:#fcf9f1;border:1px solid #e5dcc9;border-radius:12px;padding:22px 25px 29px;position:relative}.step:not(:last-child):after{content:'→';position:absolute;right:-24px;top:46%;z-index:1;background:var(--rust);color:white;border:5px solid var(--cream);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:20px;line-height:1}.step-top{display:flex;align-items:center;gap:12px}.step-top>span{background:var(--rust);color:white;font-family:var(--round);font-weight:700;font-size:12px;padding:1px 10px;border-radius:4px}.step-top small{color:var(--muted);font-size:11px}.step-art{height:175px;display:flex;align-items:center;justify-content:center;position:relative;margin-block:10px 18px}.step-art:before{content:'';position:absolute;width:145px;height:135px;border-radius:50%;background:#f0e9d8}.qr-stand{position:relative;width:102px;padding:10px 14px;background:#fffdf7;border:2px solid #6d5944;box-shadow:8px 7px 0 #d6c3a5;transform:rotate(-7deg);text-align:center;line-height:1.5}.qr-stand>span{font-size:9px;font-weight:700;white-space:nowrap}.qr-stand svg{display:block;width:68px;color:var(--ink);margin-top:7px}.qr-stand small{font-size:9px}.scan-corner{position:absolute;right:30px;top:44px;font-size:45px;color:var(--rust);transform:rotate(-35deg)}.mini-phone{background:#fffdf7;border:3px solid #65533d;border-radius:15px;width:118px;height:174px;padding:8px;transform:rotate(7deg);z-index:1;box-shadow:6px 6px 0 #ded2b8;text-align:center;line-height:1.5}.phone-bar{width:25px;height:3px;background:#65533d;border-radius:5px;margin:0 auto 9px}.mini-phone>span{font-size:8px;font-weight:700}.meal{margin:8px auto;width:57px;height:38px;border-radius:50%;background:#e6dcc3;display:flex;align-items:center;justify-content:center;gap:5px}.meal i{width:22px;height:22px;background:#b26936;border-radius:45%;border:3px solid #87512c}.meal b{width:17px;height:20px;border-radius:50%;background:#fcfaf3}.phone-order{background:var(--rust);color:white;font-size:8px;border-radius:3px;padding:3px;margin-bottom:6px}.line-mini{background:var(--green);color:white;border-radius:3px;font-size:11px;font-weight:700;padding:5px 1px;white-space:nowrap}.art-bubble{position:absolute;right:4px;bottom:32px;padding:3px 9px;border:1px solid #ccc1a6;border-radius:20px;background:#fffdf7;z-index:2;font-size:10px;transform:rotate(-8deg)}.message-card{position:relative;background:#fffdf7;border:1px solid #cfc4af;border-radius:9px;padding:16px 13px;display:flex;gap:9px;box-shadow:5px 5px 0 #ded2b8;transform:rotate(-5deg)}.message-avatar{border-radius:50%;background:var(--green);color:white;font-size:10px;width:24px;height:24px;text-align:center;line-height:24px}.message-card b{font-size:10px}.message-card p{font-size:10px;line-height:1.7;margin:6px 0}.coupon{font-size:9px;border:1px dashed var(--rust);color:var(--rust);padding:4px 7px;display:block}.little-heart{font-size:37px;color:var(--rust);position:absolute;right:2px;top:0;transform:rotate(15deg)}.step h3{font-size:20px;line-height:1.6;margin-bottom:14px}.step>p{font-size:13px;line-height:1.95}.illustration-note{text-align:center;font-size:11px;margin-top:25px}.benefits{display:grid;grid-template-columns:1fr 1.1fr;gap:80px}.benefits-intro h2{line-height:1.8}.benefits-intro h2 span{color:var(--rust)}.benefits-intro>p:not(.eyebrow){font-size:13px;margin-top:22px}.owner-note{display:flex;align-items:center;gap:16px;color:var(--green);font-family:var(--round);font-size:14px;font-weight:700;margin-top:35px}.owner-note span{font-size:45px}.benefit-list article{display:flex;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.benefit-list article:first-child{padding-top:0}.benefit-list article>span{color:var(--rust);font-family:var(--round);font-size:13px;font-weight:700;padding-top:5px}.benefit-list h3{font-size:18px;margin-bottom:10px}.benefit-list p{font-size:13px}.pricing-section{background:#eaeede}.pricing-layout{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:70px}.pricing-layout h2{font-size:30px;margin-bottom:25px}.pricing-layout>div>p:not(.eyebrow){font-size:13px}.price-card{background:#fffdf6;border:1px solid #d5dac5;border-radius:12px;padding:33px 35px;box-shadow:0 7px 0 #dce2cd}.price-label{color:var(--green);font-weight:700;font-size:13px}.price{display:flex;align-items:baseline;gap:9px;margin-top:9px;white-space:nowrap;color:var(--green)}.price strong{font-family:var(--round);font-size:54px;font-weight:800;letter-spacing:-.025em;line-height:1.5}.price>span{font-weight:700;font-size:17px}.price-card>p{font-size:11px!important}.price-details{border-top:1px solid var(--line);margin-top:23px;padding:19px 0 24px}.price-details p{font-size:12px;color:var(--ink);line-height:2.3}.price-details p:first-child{font-weight:700;font-size:14px;margin-bottom:8px}.price-details span{color:var(--green);margin-right:5px}.price-card .button{width:100%;font-size:13px;padding-inline:18px}.faq-section{max-width:850px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:20px;padding:23px 10px;font-weight:700;font-size:15px}summary::-webkit-details-marker{display:none}summary>span{font-family:var(--round);color:var(--rust);font-size:21px}summary:after{content:'＋';margin-left:auto;color:var(--rust);font-size:21px;font-weight:400}details[open] summary:after{content:'−'}.faq-answer{font-size:14px;color:var(--muted);padding:0 48px 25px}.contact-section{background:#eee4d3}.contact-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:75px;align-items:start}.contact-copy{padding-top:17px}.contact-copy h2{line-height:1.9}.contact-copy>p:not(.eyebrow){font-size:14px;margin-top:23px}.contact-tag{display:inline-block;border-top:1px solid #cdbda4;padding-top:18px;margin-top:34px;color:var(--rust);font-size:12px;font-weight:700}.contact-form{background:#fcf9f1;border-radius:10px;padding:30px 32px;box-shadow:0 5px 20px #71563208}.form-note{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:21px}.form-note span{font-size:11px;font-weight:400;color:var(--muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-weight:700;font-size:12px;margin-bottom:7px}input,textarea{display:block;width:100%;border:1px solid #d6cbb7;border-radius:4px;background:#fffef9;padding:11px 12px;color:var(--ink);font-size:13px;margin-bottom:18px}textarea{resize:vertical;min-height:112px}input::placeholder,textarea::placeholder{color:#897b69;opacity:1}.demo-note{font-size:10px;margin-bottom:18px}.contact-form .button{width:100%}.form-status{margin-top:20px;font-size:13px;color:var(--green);background:#e9eddf;padding:13px;border-radius:5px}.footer{padding-block:39px;display:flex;align-items:start;justify-content:space-between}.footer .logo{font-size:25px}.footer .logo-symbol{width:30px;height:30px;font-size:19px}.footer>div>p{font-size:11px;margin-top:12px}.footer-right{text-align:right;font-size:12px}.footer-right>a{font-weight:700}.footer-right>a:hover{text-decoration:underline}.footer-right>p{margin:2px 0 8px!important}.footer-right button{display:block;border:0;padding:0;background:none;color:var(--muted);font-size:11px;margin-left:auto;cursor:pointer}.footer-right button:hover{text-decoration:underline}.footer-right small{font-size:10px;color:var(--muted);display:block;margin-top:15px}.skip-link{position:fixed;top:10px;left:10px;background:var(--green);color:white;padding:10px 20px;transform:translateY(-150%);z-index:10}.skip-link:focus{transform:translateY(0)}
.heading-phrase{display:inline-block}.mobile-break{display:none}
@media(min-width:1400px){.hero{padding-top:85px;padding-bottom:90px}}@media(max-width:1100px){.container{width:calc(100% - 64px)}.header{padding-inline:32px}nav{gap:17px;font-size:11px}.hero{gap:20px}h1{font-size:29px}.hero-name{font-size:60px}.hero-description{font-size:13px}.hero-actions{gap:18px}.button{padding-inline:19px;gap:17px}.hero-note{font-size:10px}.benefits,.pricing-layout,.contact-layout{gap:40px}.step{padding-inline:20px}.step h3{font-size:18px}.intro-strip{gap:17px;font-size:13px}}@media(max-width:800px){.header{min-height:82px;flex-wrap:wrap;gap:13px;padding:18px 24px 14px}.header .logo{font-size:25px}.header nav{width:100%;gap:0;justify-content:space-between;flex-wrap:wrap;row-gap:10px;font-size:11px}.nav-contact{padding:5px 10px}.nav-contact span{margin-left:4px}.container{width:calc(100% - 48px)}.hero{grid-template-columns:1fr 1fr;gap:10px;padding-top:45px;padding-bottom:45px}.hero .eyebrow{font-size:10px}.hero-name{font-size:49px}h1{font-size:24px}.hero-description{font-size:12px}.desktop-break{display:none}.hero-actions{align-items:start;flex-direction:column;gap:18px;margin-top:22px}.hero-note{font-size:9px}.hero-visual{padding:20px 5px}.visual-top{font-size:8px;gap:0}.sun{font-size:25px}.visual-bottom{gap:8px}.visual-bottom p{font-size:10px}.small-seal{font-size:9px;padding:4px 7px}.section{padding-block:66px}h2{font-size:27px}.worry-grid{gap:13px}.worry-grid article{padding-inline:0}.worry-grid h3{font-size:15px}.worry-grid p{font-size:11px}.steps{gap:16px}.step{padding:18px 15px 23px}.step-top{gap:6px}.step-top small{font-size:9px}.step-top>span{font-size:10px;padding-inline:7px}.step h3{font-size:16px}.step>p{font-size:12px}.step-art{height:160px}.step-art:before{width:120px;height:120px}.message-card{padding:12px 7px;gap:5px}.message-avatar{display:none}.art-bubble{right:-7px}.step:not(:last-child):after{right:-24px;width:32px;height:32px;font-size:16px}.benefits{gap:30px}.benefits h2{font-size:25px}.benefit-list h3{font-size:16px}.benefit-list article{gap:12px}.benefit-list p{font-size:12px}.pricing-layout,.contact-layout{grid-template-columns:1fr;gap:30px}.pricing-layout>div:first-child{text-align:center}.price-card{max-width:500px;width:100%;margin:auto}.contact-copy{text-align:center;padding-top:0}.contact-copy h2 br:last-child{display:none}.contact-tag{margin-top:24px}.contact-form{max-width:580px;width:100%;margin:auto}.intro-strip{flex-wrap:wrap;gap:0 15px;font-size:12px}.intro-strip>span:last-child{margin-left:0}.footer{gap:25px}}
@media(max-width:580px){.mobile-break{display:block}html{scroll-padding-top:24px}.container{width:calc(100% - 40px)}.header{position:relative;padding-inline:20px}.header .logo{min-height:40px;margin-right:120px}.header nav{font-size:12px;gap:8px;justify-content:space-between;flex-wrap:nowrap}.header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 2px;white-space:nowrap}.header nav .nav-contact{position:absolute;top:18px;right:20px;margin:0;padding:8px 12px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:35px;gap:32px}.hero .eyebrow{font-size:11px;margin-bottom:16px}.hero-name{font-size:64px;margin-bottom:14px}h1{font-size:29px;letter-spacing:0;line-height:1.8}.hero-description{font-size:13px;line-height:2.1;margin-top:18px}.hero-actions{flex-direction:row;align-items:center;gap:23px;margin-top:25px}.hero-actions .button{font-size:13px;padding:15px 18px;gap:16px}.text-link{font-size:12px}.text-link span{margin-left:8px}.hero-note{font-size:10px;margin-top:17px}.hero-visual{max-width:390px;width:100%;margin:auto;padding:21px 8px 23px}.visual-top{font-size:10px;gap:8px}.sun{font-size:31px}.visual-bottom{margin-top:-10px;gap:13px}.visual-bottom p{font-size:12px}.small-seal{font-size:11px;padding:5px 9px}.image-label{font-size:9px;right:4px;bottom:-13px}.intro-strip{display:block;text-align:center;padding:20px 16px;font-size:12px;line-height:1.9}.intro-strip strong{display:block}.intro-strip>span:last-child{display:none}.section{padding-block:58px}.section-heading{margin-bottom:30px}h2{font-size:25px;letter-spacing:.01em}.eyebrow{font-size:11px;margin-bottom:13px}.worry-grid{grid-template-columns:1fr;gap:0}.worry-grid article{position:relative;text-align:left;padding:22px 0 24px 80px;min-height:150px}.worry-icon{position:absolute;left:0;top:28px;width:57px;height:57px;font-size:32px;margin:0}.worry-grid h3{font-size:17px;line-height:1.65;margin-bottom:10px}.worry-grid p{font-size:12px;line-height:1.9}.worry-answer{font-size:16px;margin-top:28px}.steps{grid-template-columns:1fr;gap:24px;max-width:390px;margin:auto}.step{padding:22px 25px 25px;display:grid;grid-template-columns:118px 1fr;gap:0 15px}.step-top{grid-column:1/-1;gap:12px;margin-bottom:16px}.step-top>span{font-size:12px;padding:1px 10px}.step-top small{font-size:11px}.step-art{grid-column:1;grid-row:2/4;height:165px;margin:0;align-self:center}.step h3{font-size:16px;align-self:end;margin-bottom:12px}.step>p{font-size:12px}.step-art:before{width:110px;height:125px}.qr-stand{transform:rotate(-7deg) scale(.86)}.scan-corner{right:-2px;top:24px;font-size:30px}.mini-phone{transform:rotate(7deg);flex-shrink:0}.step-art:has(.mini-phone){height:190px}.art-bubble{right:-2px;bottom:3px;font-size:9px}.message-card{transform:rotate(-5deg) scale(.9);padding:10px 8px}.message-card p{font-size:9px}.coupon{font-size:8px;padding:3px}.little-heart{right:0;top:3px;font-size:29px}.step:not(:last-child):after{content:'↓';right:calc(50% - 18px);top:auto;bottom:-30px;width:36px;height:36px}.illustration-note{font-size:10px;text-align:left;margin-top:22px}.benefits{grid-template-columns:1fr;gap:33px}.benefits-intro h2{font-size:27px}.benefits-intro>p:not(.eyebrow){font-size:13px}.owner-note{margin-top:20px;font-size:13px}.owner-note span{font-size:37px}.benefit-list article{padding:23px 0;gap:18px}.benefit-list h3{font-size:17px}.benefit-list p{font-size:13px}.pricing-layout{gap:28px}.pricing-layout h2{font-size:25px;margin-bottom:19px}.price-card{padding:26px 22px}.price strong{font-size:49px}.price>span{font-size:16px}.price-details p{font-size:11px}.price-details p:first-child{font-size:13px}.price-card .button{font-size:12px;padding-inline:13px;gap:8px}.faq-section .section-heading{margin-bottom:25px}summary{font-size:13px;gap:12px;padding:19px 0;line-height:1.8}summary>span{font-size:19px}summary:after{font-size:20px}.faq-answer{font-size:13px;padding:0 10px 22px 27px}.contact-copy .eyebrow{font-size:10px}.contact-copy h2{font-size:26px;line-height:1.85}.contact-copy h2 br:last-child{display:block}.contact-copy>p:not(.eyebrow){font-size:13px;margin-top:20px}.contact-tag{font-size:11px}.contact-form{padding:25px 20px}.form-row{grid-template-columns:1fr;gap:0}.form-note{font-size:13px}.form-note span{font-size:10px}.contact-form .button{font-size:13px}.demo-note{line-height:1.8}.footer{flex-direction:column;gap:27px;padding-block:32px}.footer-right{text-align:left}.footer-right button{margin-left:0}.footer-right small{margin-top:17px}.footer>div>p{font-size:10px}.footer-right>p{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* 今のQR注文を使っているお店へのご案内 */
.hero-qr-note{display:block;margin-top:20px;padding:13px 16px;border-left:3px solid var(--green);border-radius:0 6px 6px 0;background:#eaeede;color:var(--green);font-family:var(--round);font-size:14px;font-weight:700;line-height:1.85}
.hero-qr-link{display:block;margin-top:6px;font-family:var(--sans);font-size:11px;font-weight:500}
.hero-qr-note:hover .hero-qr-link{text-decoration:underline}
.existing-qr{padding-bottom:0}
.existing-qr-card{padding:40px 48px;background:#fcf9f1;border:1px solid var(--line);border-top:4px solid var(--green);border-radius:12px}
.existing-qr-card h2{font-size:28px;color:var(--green)}
.existing-qr-card>p:not(.eyebrow){max-width:760px;margin-top:16px;font-size:14px}
.existing-qr-card .existing-qr-lead{color:var(--ink);font-family:var(--round);font-size:19px!important;font-weight:700}
.existing-qr-card .existing-qr-note{font-size:12px!important}
.existing-qr-card .text-link{display:inline-block;margin-top:22px;color:var(--green)}
@media(max-width:800px){.hero-qr-note{font-size:12px;padding:12px}.hero-qr-link{font-size:10px}.existing-qr-card{padding:30px}.existing-qr-card h2{font-size:25px}}
@media(max-width:580px){.hero-qr-note{font-size:13px}.existing-qr-card{padding:26px 20px}.existing-qr-card h2{font-size:22px;letter-spacing:0}.existing-qr-card .existing-qr-lead{font-size:16px!important}.existing-qr-card>p:not(.eyebrow){font-size:13px}.existing-qr-card .text-link{font-size:12px}}

/* Main landing page: pop illustration palette. Comparison pages stay unchanged. */
.landing{--paper:#faf5e9;--cream:#f0e8d5;--ink:#252b29;--muted:#555b55;--rust:#9a3324;--green:#1f5c57;--line:#b9b5a5;--yellow:#f0c93a}
.landing .hero{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:36px;padding-block:48px 58px}
.landing .hero-copy{min-width:0}
.landing .hero-name{font-size:60px;margin-bottom:12px}
.landing h1{font-size:30px;letter-spacing:0}
.landing h1 em{background:linear-gradient(transparent 75%,var(--yellow) 75%,var(--yellow) 94%,transparent 94%)}
.landing .hero-description{font-size:13px;margin-top:18px}
.landing .hero-visual{margin:0;padding:0;width:100%;max-width:none;background:none;border-radius:0;align-self:center}
.landing .hero-visual img{display:block;width:100%;height:auto;border:2px solid var(--ink);border-radius:18px;box-shadow:4px 5px 0 #252b2910}
.landing .hero-visual figcaption{margin-top:8px;text-align:right;font-size:10px;color:var(--muted)}
.landing .hero-qr-note{background:#e7eee7;border:1px solid var(--green);border-left-width:4px;border-radius:6px;font-size:13px}
.landing .hero-actions{gap:24px}
.landing .button{border:2px solid var(--ink);border-radius:7px}
.landing .primary{background:var(--rust);box-shadow:0 3px 0 var(--ink)}
.landing .primary:hover{background:#a92b1e;box-shadow:0 5px 0 var(--ink)}
.landing .nav-contact{border:2px solid var(--green);border-radius:6px}
.landing .nav-contact:hover{background:#174944}
.landing .intro-strip>span:last-child{color:var(--yellow)}
.landing .worry-icon{background:#f4e7bd;border:2px solid var(--ink);border-radius:16px;color:var(--green)}
.landing .worry-grid article{border-bottom:2px solid var(--line)}
.landing .worry-answer span{border-color:var(--yellow)}
.landing .step{border:1px solid #9eaa9f;border-radius:9px;background:#fffaf0;box-shadow:0 3px 0 #252b2908}
.landing .step-art{display:block;height:auto;aspect-ratio:1;margin-block:18px 20px;border:1px solid #b9b5a5;border-radius:7px;overflow:hidden}
.landing .step-art:before{content:none}
.landing .step-art img{display:block;width:100%;height:100%;object-fit:cover}
.landing .step-top>span{background:var(--green);border-radius:4px}
.landing .step:not(:last-child):after{width:42px;height:42px;right:-35px;top:46%;border-width:4px;font-size:24px;font-weight:800}
.landing .existing-qr-card{border:2px solid var(--green);border-top-width:5px;border-radius:9px;background:#fffaf0}
.landing .pricing-section{background:#e7eee7}
.landing .price-card{border:2px solid var(--green);border-radius:9px;box-shadow:0 5px 0 #1f5c5718}
.landing .contact-section{background:#f0e8d5}
.landing .contact-form{border:1px solid var(--line);border-radius:9px}
.landing .contact-tag{border-color:var(--line)}
@media(max-width:1100px){
 .landing .hero{gap:26px}
 .landing h1{font-size:clamp(23px,2.7vw,29px)}
 .landing .hero-name{font-size:54px}
 .landing .hero-actions{flex-wrap:wrap;gap:18px}
}
@media(max-width:900px){
 .landing .hero{grid-template-columns:1fr;gap:30px}
 .landing .hero-visual{max-width:640px;margin-inline:auto}
 .landing h1{font-size:30px}
 .landing .hero-actions{flex-direction:row;align-items:center}
}
@media(max-width:580px){
 .landing .hero{padding-block:18px 22px;gap:16px}
 .landing .hero-name{font-size:48px;margin-bottom:8px}
 .landing .hero-description{margin-top:10px;line-height:1.85}
 .landing .hero-qr-note{margin-top:12px;padding:10px 12px}
 .landing .hero-actions{margin-top:14px}
 .landing .hero-note{margin-top:10px}
 .landing h1{font-size:clamp(24px,7.4vw,29px)}
 .landing .hero-visual img{border-radius:12px}
 .landing .hero-qr-note{font-size:13px}
 .landing .hero-actions{gap:20px}
 .landing .hero-actions .button{padding:14px 16px;gap:12px}
 .landing .step{display:block;padding:22px 25px 27px}
 .landing .step-art{width:100%;height:auto;margin-block:18px 20px;aspect-ratio:1}
 .landing .step h3{font-size:20px}
 .landing .step>p{font-size:13px}
 .landing .step:not(:last-child):after{top:auto;bottom:-35px;right:calc(50% - 21px)}
}

/* Self-hosted typography for the main page only. Keep small UI in Noto Sans JP. */
.landing{--round:var(--sans);--heading:'Dela Gothic One','Noto Sans CJK JP','Hiragino Sans',sans-serif}
.landing :is(.logo,.hero-name,h1,h2,h3,.price strong){font-family:var(--heading);font-weight:400;font-synthesis:none}
.landing :is(h1,h2,h3){letter-spacing:0;line-height:1.75;word-break:normal;overflow-wrap:normal}
.landing .heading-phrase{white-space:nowrap}
.nowrap{white-space:nowrap}
.landing .logo{font-size:26px;letter-spacing:-.04em}
.landing .logo-symbol{font-size:18px;flex-shrink:0;line-height:1}
.landing .hero-name{font-size:56px;letter-spacing:-.04em}
.landing h1{font-size:30px;line-height:1.8;letter-spacing:-.025em}
.landing h2{font-size:28px}
.landing h3{font-size:18px}
.landing .worry-grid h3{font-size:18px}
.landing .step h3{font-size:18px}
.landing .benefit-list h3{font-size:17px}
.landing .benefits-intro h2{font-size:28px;line-height:1.85}
.landing .benefits-intro h2 .heading-phrase:not(:last-child){color:inherit}
.landing .pricing-layout h2{font-size:27px}
.landing .contact-copy h2{font-size:28px;line-height:1.85}
.landing .price strong{font-size:48px;letter-spacing:-.035em}
.landing .footer .logo{font-size:24px}
.landing .footer .logo-symbol{font-size:16px}
@media(min-width:901px) and (max-width:1100px){
 .landing h1{font-size:25px}
 .landing .benefits-intro h2,.landing .pricing-layout h2,.landing .contact-copy h2{font-size:24px}
}
@media(max-width:800px){
 .landing .worry-grid h3{font-size:14px}
 .landing .step h3{font-size:15px}
 .landing .benefits-intro h2{font-size:23px}
}
@media(max-width:580px){
 .landing .header .logo{font-size:23px;margin-right:0}
 .landing .header .logo-symbol{width:31px;height:31px;font-size:16px;margin-right:7px}
 .landing .hero-name{font-size:46px}
 .landing h1{font-size:clamp(21px,6.65vw,26px);letter-spacing:-.025em}
 .landing h2{font-size:24px}
 .landing .worry-grid h3{font-size:16px}
 .landing .step h3{font-size:18px}
 .landing .benefits-intro h2{font-size:25px}
 .landing .benefit-list h3{font-size:16px}
 .landing .existing-qr-card h2{font-size:21px}
 .landing .pricing-layout h2{font-size:23px}
 .landing .contact-copy h2{font-size:24px}
 .landing .price strong{font-size:42px}
}

/* Collage poster — deliberately scoped to the main landing. */
.landing{overflow-x:clip}
.landing .header{position:absolute;inset:0 0 auto;z-index:20;max-width:none;min-height:88px;padding:18px 4%;border:0;background:linear-gradient(var(--paper) 70%,transparent)}
.landing .header nav a{min-height:44px;display:inline-flex;align-items:center}
.landing .menu-toggle,.landing .mobile-cta{display:none}
.landing .hero{position:relative;isolation:isolate;display:block;width:100%;max-width:none;height:790px;padding:0;margin:0;background:var(--yellow);border-bottom:3px solid var(--ink);overflow:clip}
.landing .hero:before{content:'';position:absolute;inset:0;background:radial-gradient(var(--rust) 1px,transparent 1.5px) 0 0/9px 9px;opacity:.22;z-index:-1}
.landing .hero-visual{position:absolute;inset:0 0 0 20%;width:80%;height:100%;max-width:none;margin:0;padding:0;z-index:-1;overflow:hidden}
.landing .hero-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;border:0;border-radius:0;box-shadow:none;animation:poster-settle 1.8s ease-out both}
.landing .hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f0c93a88,transparent 30%)}
.landing .hero-visual figcaption{position:absolute;right:14px;bottom:12px;background:var(--paper);color:var(--ink);padding:2px 9px;margin:0}
.landing .hero-copy{position:absolute;inset:112px 0 auto 4%;pointer-events:none}
.landing .hero .eyebrow{display:table;background:var(--green);color:var(--paper);padding:7px 15px;transform:rotate(-2deg);font-size:13px;margin-bottom:12px}
.landing .hero-name{display:table;font-size:clamp(64px,8vw,108px);line-height:1.35;color:var(--paper);text-shadow:3px 4px 0 var(--ink),-2px -2px 0 var(--ink),2px -2px 0 var(--ink),-2px 2px 0 var(--ink);transform:rotate(-4deg);margin-left:0;animation:poster-pop .85s .1s both}
.landing .hero-name>span{color:var(--rust)}
.landing .hero h1{margin-top:190px;font-size:clamp(28px,3.4vw,44px);line-height:1.8;letter-spacing:-.035em;transform:rotate(-3deg);animation:poster-pop .85s .25s both}
.landing .hero h1 .heading-phrase{position:relative;display:inline-block;background:var(--paper);padding:0 18px;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}
.landing .hero h1 em{background:var(--green)!important;color:var(--paper);margin:8px 0 0 38px;isolation:isolate}
.landing .hero h1 em:after{content:'';position:absolute;left:16px;right:16px;bottom:8px;height:8px;background:var(--yellow);z-index:-1;transform-origin:left;animation:underline-in .65s 1s both}
.landing .hero-qr-note{position:absolute;left:auto;right:4%;bottom:35px;max-width:430px;margin:0;padding:12px 20px;background:var(--yellow);border:2px solid var(--ink);border-radius:3px;box-shadow:4px 4px 0 var(--ink);transform:rotate(3deg);font:500 11px/1.8 var(--sans)}
.landing .hero-qr-note strong{display:block;font-size:12px;font-weight:700}
.landing .hero-qr-link{font-size:10px;margin:4px 0 0;border-top:1px solid #252b2955;padding-top:4px}
.landing .poster-star,.landing .poster-heart{position:absolute;pointer-events:none;color:var(--paper);-webkit-text-stroke:2px var(--ink);font:400 85px/1 var(--sans);filter:drop-shadow(3px 3px 0 var(--rust));animation:decoration-wobble 4s ease-in-out infinite}
.landing .star-one{left:6%;top:355px;color:var(--rust)}
.landing .star-two{right:4%;top:110px;font-size:65px;animation-delay:-1s}
.landing .poster-heart{left:51%;top:330px;font-size:60px;animation-delay:-2s}
.landing .hero-follow{display:grid;grid-template-columns:1.2fr 1fr;gap:0 60px;padding-block:45px 40px;align-items:center}
.landing .hero-follow .hero-description{grid-row:1/3;font-size:14px;margin:0;line-height:2.1}
.landing .hero-follow .hero-actions{margin:0;flex-direction:row;align-items:center}
.landing .hero-follow .hero-note{margin-top:16px;font-size:11px}
.landing .intro-strip{display:block;overflow:hidden;padding:17px 0;background:var(--green);border-block:2px solid var(--ink);transform:rotate(-1deg);width:100%;color:var(--paper)}
.landing .ticker-track{display:flex;width:max-content;animation:ticker-roll 32s linear infinite}
.landing .ticker-track p{flex:none;color:var(--paper);font-weight:700;font-size:17px;white-space:nowrap;padding-right:45px}
.landing .ticker-track span{display:inline-block;color:var(--yellow);font-size:26px;margin-left:30px}
.landing .section{padding-block:85px}
.landing .section-heading h2{display:inline-block;position:relative}
.landing .section-heading h2:after{content:'';position:absolute;bottom:0;left:-8px;right:-8px;height:12px;background:var(--yellow);z-index:-1;transform:rotate(-2deg)}
.landing .section-heading{isolation:isolate}
.landing .worry-grid{gap:26px}
.landing .worry-icon{transform:rotate(-8deg);box-shadow:3px 3px 0 var(--ink)}
.landing .how-section{background:var(--cream);border-block:2px solid var(--ink)}
.landing .steps{gap:32px;padding-top:15px}
.landing .step{border:0;background:transparent;box-shadow:none;padding:12px 15px 20px;min-width:0}
.landing .step-top{position:relative;z-index:2;justify-content:space-between}
.landing .step-top>span{border:2px solid var(--ink);border-radius:0;box-shadow:3px 3px 0 var(--ink);transform:rotate(-5deg);padding:3px 12px}
.landing .step-art{overflow:visible;transform:rotate(-4deg);border:0;border-radius:0;margin:12px -10px 28px;width:calc(100% + 20px)}
.landing .step:nth-child(2) .step-art{transform:rotate(4deg)}
.landing .step-art img{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--yellow);border-radius:3px}
.landing .step:not(:last-child):after{right:-37px;z-index:3;background:var(--rust);color:var(--paper);border-color:var(--cream)}
.landing .existing-qr{position:relative;padding-top:110px}
.landing .existing-qr-card{position:relative;padding:45px 340px 45px 40px;border:2px solid var(--green);border-radius:2px;box-shadow:8px 8px 0 var(--yellow)}
.landing .existing-qr-card h2{font-size:26px}
.landing .coupon-scene{position:absolute;right:35px;top:170px;width:240px;z-index:2;transform:rotate(7deg)}
.landing .mock-chat{display:block;position:relative;background:var(--green);color:white;padding:12px 18px;border:2px solid var(--ink);border-radius:24px 24px 2px 24px;font-weight:700;box-shadow:4px 4px 0 var(--ink);margin-left:15px}
.landing .mock-chat span{float:right;color:var(--yellow)}
.landing .mock-ticket{display:grid;grid-template-columns:65px 1fr;gap:0 12px;align-items:center;background:var(--yellow);margin-top:22px;padding:20px 12px;border-block:2px dashed var(--ink);box-shadow:4px 4px 0 var(--ink);transform:rotate(-12deg)}
.landing .mock-ticket strong{font-size:14px}.landing .mock-ticket>span:not(.mock-qr){font-size:13px}.landing .mock-ticket small{grid-column:2;font-size:10px}
.landing .mock-qr{grid-row:1/4;aspect-ratio:1;background:repeating-conic-gradient(var(--ink) 0% 25%,var(--paper) 0% 50%) 0 0/11px 13px;border:6px solid var(--paper);outline:2px solid var(--ink)}
.landing .benefits-intro{position:relative;padding-top:20px}
.landing .owner-note{background:var(--yellow);border:2px solid var(--ink);padding:16px;transform:rotate(-3deg);max-width:340px;box-shadow:4px 4px 0 var(--ink);border-radius:50% 45% 45% 8%}
.landing .benefit-list article>span{font-size:18px;border:2px solid var(--green);border-radius:50%;width:42px;height:42px;flex-shrink:0;text-align:center;transform:rotate(-8deg)}
.landing .pricing-section{background:var(--green);color:var(--paper);border-block:2px solid var(--ink)}
.landing .pricing-layout>div:first-child p{color:var(--paper)}
.landing .price-card{position:relative;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--yellow);transform:rotate(2deg);color:var(--ink);border-radius:2px}
.landing .price-label{display:inline-block;background:var(--yellow);padding:3px 12px;transform:rotate(-4deg);border:1px solid var(--ink)}
.landing .price strong{font-size:clamp(38px,4.2vw,54px)}
.landing .contact-tag{background:var(--yellow);border:2px solid var(--ink);padding:10px 14px;transform:rotate(-3deg)}
.landing .contact-form{border:2px solid var(--ink);border-radius:2px;box-shadow:7px 7px 0 var(--green)}
.landing .button:hover,.landing .nav-contact:hover{transform:translateY(-3px) rotate(-1deg)}
.landing .button:active{transform:translateY(3px);box-shadow:0 0 0 var(--ink)}
.landing .text-link{display:inline-flex;min-height:44px;align-items:center}
.landing .footer-right button{min-height:44px}
.landing .reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.3,1);transition-delay:var(--delay,0ms)}
.landing .reveal.is-visible{opacity:1;transform:translateY(0)}
.landing .step.is-visible .step-art{animation:step-arrive 1s ease both}
.landing .existing-qr.is-visible .coupon-scene{animation:ticket-arrive 1.1s ease both}
@keyframes poster-pop{0%{opacity:0;translate:0 15px;scale:.92}65%{opacity:1;translate:0 -3px;scale:1.025}100%{translate:0 0;scale:1}}
@keyframes underline-in{from{scale:0 1}to{scale:1 1}}
@keyframes poster-settle{from{transform:scale(1.035)}to{transform:scale(1)}}
@keyframes decoration-wobble{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(9deg) translateY(-8px)}}
@keyframes ticker-roll{to{transform:translateX(-50%)}}
@keyframes step-arrive{0%{translate:0 15px;rotate:-5deg}65%{translate:0 -4px;rotate:2deg}100%{translate:0 0;rotate:0deg}}
@keyframes ticket-arrive{0%{opacity:0;translate:30px 15px;rotate:12deg}70%{opacity:1;translate:0 -5px;rotate:-3deg}100%{translate:0 0;rotate:0deg}}
.landing .motion-paused,.landing .motion-paused *{animation-play-state:paused!important}
@media(max-width:1000px) and (min-width:761px){.landing .header{padding-inline:24px}.landing .header nav{gap:12px}.landing .hero h1{font-size:34px}.landing .hero-qr-note{bottom:24px}.landing .existing-qr-card{padding-right:280px}.landing .coupon-scene{right:20px;width:215px}.landing .hero-follow{gap:25px}.landing .hero-follow .hero-actions{gap:12px;flex-wrap:wrap}}
@media(max-width:760px){
 .landing{padding-bottom:96px}
 .landing .header{min-height:74px;padding:12px 20px;flex-wrap:nowrap;align-items:center;background:var(--paper)}
 .landing .header .logo{margin:0;min-height:44px;font-size:23px}
 .landing .menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:48px;height:48px;background:var(--yellow);border:2px solid var(--ink);border-radius:50%;position:relative;z-index:22;cursor:pointer}
 .landing .menu-toggle>span{width:19px;height:2px;background:var(--ink);transition:transform .2s}
 .landing .menu-toggle small{font-size:8px;line-height:1;font-weight:700}
 .landing .menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}
 .landing .menu-toggle[aria-expanded=true]>span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}
 .landing .header nav{display:none;position:fixed;inset:0;width:100%;height:100dvh;background:var(--paper);padding:100px 32px 40px;z-index:21;flex-direction:column;justify-content:center;align-items:stretch;gap:12px;font-size:18px;overflow-y:auto}
 .landing .header nav.is-open{display:flex}
 .landing .header nav a{padding:13px 15px;min-height:56px;border-bottom:1px solid var(--line);white-space:normal}
 .landing .header nav .nav-contact{position:static;padding:15px;margin-top:12px;justify-content:space-between}
 .landing.menu-open{overflow:hidden}
 .landing .container{width:calc(100% - 40px)}
 .landing .hero{height:740px;padding:0}
 .landing .hero-visual{inset:169px 0 auto;width:100%;height:405px}
 .landing .hero-visual img{object-position:50% 48%;border:0;border-radius:0}
 .landing .hero-visual:after{background:linear-gradient(0deg,#252b2922,transparent 25%)}
 .landing .hero-visual figcaption{top:8px;right:8px;bottom:auto;font-size:8px;padding:1px 6px}
 .landing .hero-copy{inset:88px 0 auto 0}
 .landing .hero .eyebrow{font-size:10px;letter-spacing:0;padding:5px 10px;margin:0 0 2px 20px;transform:rotate(-2deg)}
 .landing .hero-name{font-size:62px;margin:0 0 0 16px;line-height:1.35;transform:rotate(-5deg)}
 .landing .hero h1{font-size:clamp(19px,6.15vw,34px);margin:310px 0 0 12px;line-height:1.9;transform:rotate(-4deg)}
 .landing .hero h1 .heading-phrase{padding:0 9px;box-shadow:3px 4px 0 var(--ink);border-width:2px}
 .landing .hero h1 em{margin:7px 0 0 25px;padding-inline:13px}
 .landing .hero h1 em:after{bottom:6px;height:6px;left:12px;right:12px}
 .landing .hero-qr-note{bottom:22px;left:20px;right:20px;max-width:none;padding:9px 12px;transform:rotate(2deg);font-size:10px;background:var(--paper)}
 .landing .hero-qr-note strong{font-size:10px;letter-spacing:-.025em}
 .landing .hero-qr-link{font-size:9px;white-space:normal}
 .landing .star-one{left:auto;right:14px;top:142px;font-size:53px}
 .landing .star-two{left:12px;right:auto;top:435px;font-size:43px}
 .landing .poster-heart{left:auto;right:21px;top:425px;font-size:40px}
 .landing .hero-follow{display:flex;flex-wrap:wrap;gap:20px;padding-block:30px}
 .landing .hero-follow .hero-description{font-size:12px;line-height:2}
 .landing .hero-follow .hero-actions{gap:18px;flex-wrap:wrap}
 .landing .hero-follow .hero-actions .button{font-size:12px;padding:14px 16px}
 .landing .hero-follow .hero-note{font-size:10px;margin:0}
 .landing .intro-strip{padding:12px 0;text-align:left}
 .landing .ticker-track p{font-size:13px}
 .landing .section{padding-block:58px}
 .landing .worry-grid{grid-template-columns:1fr;gap:0}
 .landing .worry-grid article{padding:24px 0 24px 72px}
 .landing .worry-grid h3{font-size:15px}
 .landing .worry-grid p{font-size:12px}
 .landing .worry-icon{width:51px;height:55px;left:0;top:30px}
 .landing .steps{display:block;max-width:440px;padding-top:0}
 .landing .step{display:block;padding:16px 10px 30px;margin-bottom:28px}
 .landing .step-art{aspect-ratio:1.24;width:100%;margin:18px 0 30px}
 .landing .step-art img{object-position:center;object-fit:cover}
 .landing .step h3{font-size:20px}
 .landing .step>p{font-size:13px}
 .landing .step:not(:last-child):after{top:auto;bottom:-24px;right:calc(50% - 21px)}
 .landing .existing-qr{padding-top:165px;padding-bottom:36px}
 .landing .existing-qr-card{padding:80px 20px 28px}
 .landing .existing-qr-card h2{font-size:21px}
 .landing .coupon-scene{top:50px;right:25px;width:215px;transform:rotate(6deg)}
 .landing .mock-chat{padding:7px 15px;font-size:12px}
 .landing .mock-ticket{padding:10px 12px;margin-top:14px;grid-template-columns:49px 1fr}
 .landing .mock-ticket strong{font-size:12px}
 .landing .benefits{display:block}
 .landing .benefits-intro h2{font-size:24px}
 .landing .benefit-list{margin-top:38px}
 .landing .benefit-list h3{font-size:15px}
 .landing .benefit-list article{gap:12px}
 .landing .benefit-list article>span{width:34px;height:34px;font-size:14px;padding-top:1px}
 .landing .pricing-layout,.landing .contact-layout{grid-template-columns:1fr;gap:30px}
 .landing .pricing-layout h2{font-size:22px}
 .landing .price-card{padding:25px 18px;transform:rotate(1deg)}
 .landing .price{gap:6px}.landing .price strong{font-size:42px}.landing .price>span{font-size:15px}
 .landing .price-details p{font-size:10px}
 .landing .contact-copy h2{font-size:23px}
 .landing .contact-form{padding:25px 18px}
 .landing summary{display:block;position:relative;padding:20px 26px 20px 28px;font-size:12px}
 .landing summary>span{position:absolute;left:0;top:16px;font-size:19px}
 .landing summary:after{position:absolute;right:0;top:17px}
 .landing .mobile-break{display:block}
 .landing .mobile-cta{display:flex;position:fixed;z-index:18;bottom:max(12px,env(safe-area-inset-bottom));left:20px;right:20px;min-height:54px;align-items:center;justify-content:space-between;padding:12px 23px;background:var(--rust);color:white;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:4px;font-weight:700;transition:opacity .2s,transform .2s}
 .landing .mobile-cta.is-hidden,.landing.menu-open .mobile-cta{opacity:0;transform:translateY(120%);pointer-events:none;visibility:hidden}
 .landing .footer{padding-bottom:25px}
}
@media(prefers-reduced-motion:reduce){
 .landing *, .landing *:before,.landing *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .landing .reveal{opacity:1;transform:none}
}
/* Keep rotated poster edges from adding a horizontal scroll range. */
html:has(>body.landing){overflow-x:clip}
.landing .hero h1{width:max-content;max-width:calc(100% - 24px)}
.landing .skip-link{z-index:50}
@media(prefers-reduced-motion:reduce){
 .landing .ticker-track{display:block;width:100%}
 .landing .ticker-track p{white-space:normal;padding:0 20px;text-align:center}
 .landing .ticker-track p[aria-hidden]{display:none}
}

@media(max-width:760px){html:has(>body.landing){scroll-padding-bottom:96px}}

/* Phone-column poster edition. All changes belong to the landing only. */
.landing{padding:0;background-color:#eae6db;background-image:linear-gradient(#252b2910 1px,transparent 1px),linear-gradient(90deg,#252b2910 1px,transparent 1px);background-size:32px 32px}
.landing .page-column{width:100%;max-width:480px;margin:auto;background:var(--paper);border-inline:1px solid var(--ink);overflow:clip;position:relative;box-shadow:0 0 35px #252b2912}
.landing .container{width:calc(100% - 40px);max-width:none}
.landing .header{position:relative;inset:auto;min-height:64px;margin:12px 12px 0;padding:10px 12px;gap:8px;background:var(--ink);border:2px solid var(--ink);border-radius:18px;color:var(--paper);flex-wrap:nowrap}
.landing .header .logo{font-size:21px;min-height:36px;margin:0;flex:none}
.landing .header .logo-symbol{display:none}
.landing .header-pill{margin-left:auto;flex:none;border-radius:30px;padding:8px 12px;background:var(--rust);font-size:10px;font-weight:700;white-space:nowrap}
.landing .menu-toggle{display:flex;width:32px;height:36px;border:0;border-radius:0;background:transparent;color:var(--paper);padding:0;flex:none;z-index:24;gap:5px;flex-direction:column;justify-content:center;align-items:center}
.landing .menu-toggle>span{background:currentColor;width:18px;height:2px}
.landing .menu-toggle small{font-size:7px;line-height:1}
.landing .header nav{display:none;position:absolute;inset:calc(100% + 8px) -2px auto;width:auto;height:auto;background:var(--ink);color:var(--paper);border:2px solid var(--yellow);border-radius:16px;padding:22px;z-index:23;flex-direction:column;align-items:stretch;gap:8px;font-size:15px}
.landing .header nav.is-open{display:flex}
.landing .header nav a{padding:10px;min-height:44px;border-bottom:1px solid #ffffff30}
.landing .header nav .nav-contact{margin:0;background:var(--rust)}
.landing.menu-open{overflow:hidden}
.landing .phrase-marquee{overflow:hidden;padding:14px 0;border-bottom:1px solid var(--line)}
.landing .phrase-track{display:flex;width:max-content;gap:8px;animation:paper-tags 32s linear infinite}
.landing .phrase-track span{border:1.5px solid var(--ink);background:var(--paper);border-radius:30px;padding:3px 12px;font-size:10px;font-weight:700;white-space:nowrap}
.landing .hero{height:554px;width:calc(100% - 28px);max-width:none;margin:18px 14px 0;padding:0;isolation:isolate;border:2px solid var(--ink);border-radius:26px;overflow:hidden;background:var(--paper)}
.landing .hero:before{z-index:-1;opacity:1;background:linear-gradient(#1f5c5710 1px,transparent 1px),linear-gradient(90deg,#1f5c5710 1px,transparent 1px);background-size:22px 22px}
.landing .hero-copy{inset:19px 14px auto;position:absolute;text-align:center;z-index:3}
.landing .hero .eyebrow{display:block;padding:0;margin:0 0 12px;transform:none;background:none;color:var(--ink);font-size:10px;letter-spacing:0}
.landing .hero h1{width:100%;max-width:none;margin:0;font-size:23px;line-height:1.45;letter-spacing:-.04em;transform:none;animation:none}
.landing .rise-line{display:block;overflow:hidden;padding-bottom:3px}
.landing .rise-line>span{display:block;animation:paper-rise .85s cubic-bezier(.16,.8,.25,1) both}
.landing .accent-line{font-size:29px;color:var(--ink)}
.landing .accent-line>span{animation-delay:.12s}
.landing .hero-name{display:block;margin:6px 0 0;color:var(--ink);font-size:51px;line-height:1.2;letter-spacing:-.06em;text-shadow:none;transform:none;animation:none}
.landing .hero-name .rise-line>span{animation-delay:.24s}
.landing .hero-name .name-dot{color:var(--rust)}
.landing .hero-visual{position:absolute;inset:194px -4px auto;width:calc(100% + 8px);height:245px;z-index:0;overflow:hidden;border-radius:45% 45% 0 0;border-top:2px dashed var(--green)}
.landing .hero-visual img{height:100%;width:100%;object-fit:cover;object-position:50% 49%;border:0;border-radius:0;animation:paper-stage 7s ease-in-out infinite}
.landing .hero-visual:after{background:linear-gradient(0deg,#252b2920,transparent 45%)}
.landing .hero-visual figcaption{top:8px;bottom:auto;right:17px;padding:1px 5px;font-size:8px}
.landing .hero-qr-note{inset:auto 10px 65px;max-width:none;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none;color:var(--paper);font:500 10px/1.65 var(--sans);z-index:4}
.landing .ink-bar{display:table;background:var(--ink);color:var(--paper);padding:4px 9px;margin:5px 0;border:0;box-decoration-break:clone;font-family:var(--sans);font-weight:700;line-height:1.7}
.landing .hero-qr-note>.ink-bar{animation:paper-wipe .7s .55s both}
.landing .hero-qr-note strong.ink-bar{font-size:12px;margin-left:9px;animation-delay:.75s}
.landing .hero-qr-link{font-size:8px;margin:6px 0 0;padding:4px 6px;border:0;background:var(--paper);color:var(--ink);display:table}
.landing .poster-footer{position:absolute;inset:auto 0 0;min-height:57px;display:flex;align-items:center;justify-content:space-between;padding:8px 17px;background:var(--ink);color:var(--paper);z-index:5}
.landing .poster-footer>span{font:400 25px/1.2 var(--heading);font-synthesis:none}
.landing .poster-footer small{font-size:9px;line-height:1.6;text-align:right}
.landing .star-one{top:184px;right:16px;left:auto;font-size:44px;z-index:2;color:var(--yellow);-webkit-text-stroke:1px var(--ink)}
.landing .star-two{top:290px;left:8px;right:auto;font-size:32px;z-index:2;color:var(--paper);-webkit-text-stroke:1px var(--ink)}
.landing .first-action{padding:17px 17px 0}
.landing .first-action .button{display:flex;width:100%;min-height:59px;border-radius:40px;padding:15px 24px;font-size:16px;box-shadow:3px 4px 0 var(--ink)}
.landing .hero-follow{display:block;padding-block:30px 35px}
.landing .hero-follow .hero-description{font-size:12px;line-height:2.1}
.landing .hero-follow .hero-actions{margin-top:14px;display:block}
.landing .hero-follow .hero-actions .primary{display:none}
.landing .hero-follow .hero-note{margin-top:12px;font-size:10px}
.landing .intro-strip{transform:none;width:100%;padding:10px 0}
.landing .ticker-track p{font-size:12px}
.landing .reverse-strip{background:var(--rust)}
.landing .reverse-strip .ticker-track{animation-direction:reverse}
.landing .section{padding-block:58px}
.landing h2,.landing .benefits-intro h2,.landing .contact-copy h2,.landing .pricing-layout h2{font-size:23px;line-height:1.7}
.landing .section-heading{margin-bottom:28px}
.landing .section-heading>p:last-child:not(.eyebrow){font-size:12px}
.landing .eyebrow{font-size:11px;letter-spacing:.02em}
.landing .worry-grid{display:block}
.landing .worry-grid article{position:relative;text-align:left;padding:24px 0 24px 68px}
.landing .worry-icon{position:absolute;left:0;top:27px;width:48px;height:50px;font-size:30px}
.landing .worry-grid h3{font-size:15px}
.landing .worry-grid p{font-size:11px}
.landing .worry-answer{font-size:17px;font-family:var(--sans);margin-top:28px;text-align:left}
.landing .worry-answer .ink-bar:last-child{margin-left:22px}
.landing .how-section{background:var(--green);color:var(--paper);background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:24px 24px}
.landing .how-section p,.landing .how-section small{color:var(--paper)}
.landing .how-section .eyebrow{color:var(--yellow)}
.landing .steps{display:block;position:relative;padding-left:19px;border-left:2px solid #ffffff40}
.landing .step{display:block;margin:0 0 35px;padding:12px 5px 24px 10px;border-bottom:1px solid #ffffff40}
.landing .step:before{content:'';position:absolute;left:-27px;top:20px;width:12px;height:12px;background:var(--paper);border:2px solid var(--green);border-radius:50%;transition:background .3s,box-shadow .3s}
.landing .step.is-lit:before{background:var(--yellow);box-shadow:0 0 0 5px #f0c93a40}
.landing .step-top>span{background:var(--yellow);color:var(--ink);font-family:var(--sans)}
.landing .step-art{width:100%;height:auto;aspect-ratio:1.28;margin:20px 0 26px}
.landing .step h3{font-size:20px}
.landing .step>p{font-size:12px}
.landing .step:not(:last-child):after{content:none}
.landing .illustration-note{font-size:9px}
.landing .existing-qr{padding-top:172px;padding-bottom:50px}
.landing .existing-qr-card{padding:72px 18px 24px;border-radius:16px;box-shadow:5px 5px 0 var(--yellow)}
.landing .existing-qr-card h2{font-size:20px}
.landing .existing-qr-card>p:not(.eyebrow){font-size:12px}
.landing .existing-qr-card .existing-qr-lead{font-size:11px!important}
.landing .coupon-scene{top:45px;right:25px;width:210px}
.landing .benefits{display:block}
.landing .benefits-intro>p:not(.eyebrow){font-size:12px}
.landing .owner-note{font-size:12px;margin-top:25px}
.landing .benefit-list{margin-top:30px}
.landing .benefit-list article{gap:12px;padding-block:23px}
.landing .benefit-list h3{font-size:15px}
.landing .benefit-list p{font-size:12px}
.landing .benefit-list article>span{width:32px;height:32px;font-size:13px}
.landing .pricing-layout,.landing .contact-layout{display:grid;grid-template-columns:1fr;gap:28px}
.landing .pricing-section{background:var(--ink)}
.landing .pricing-layout>div:first-child p{font-size:12px}
.landing .price-card{padding:25px 16px;border-radius:15px;transform:none;box-shadow:5px 5px 0 var(--yellow)}
.landing .price{gap:5px}
.landing .price strong{font-size:44px}
.landing .price>span{font-size:14px}
.landing .price-card p{font-size:11px}
.landing .price-details p{font-size:10px}
.landing .price-card .button{font-size:11px;gap:10px}
.landing .faq-list summary{display:block;position:relative;padding:20px 25px 20px 27px;font-size:12px}
.landing summary>span{position:absolute;left:0;top:16px;font-size:19px}
.landing summary:after{position:absolute;right:0;top:17px}
.landing .faq-answer{font-size:12px}
.landing .contact-copy p{font-size:12px}
.landing .contact-tag{font-size:10px;display:inline-block}
.landing .contact-peek{height:150px;position:relative;overflow:hidden;margin-bottom:-28px}
.landing .contact-peek img{position:absolute;width:180px;height:180px;object-fit:cover;border:2px solid var(--ink);border-radius:24px;transform:rotate(9deg);right:15px;top:12px}
.landing .contact-peek span{position:absolute;top:48px;left:10px;background:var(--green);color:var(--paper);padding:7px 14px;border:2px solid var(--ink);border-radius:25px;transform:rotate(-8deg);font-size:14px}
.landing .contact-form{z-index:1;padding:25px 18px;border-radius:15px;box-shadow:4px 4px 0 var(--green)}
.landing .form-row{grid-template-columns:1fr;gap:0}
.landing .contact-form input,.landing .contact-form textarea{min-width:0;width:100%;font-size:13px}
.landing .footer{display:block;padding-block:35px 50px}
.landing .footer p{font-size:10px}
.landing .footer-right{text-align:left;margin-top:25px}
.landing .mobile-break{display:block}
.landing .desktop-break{display:none}
.landing .side-panel{display:none}
.landing .mobile-cta{display:flex;position:fixed;left:50%;right:auto;width:min(calc(100% - 32px),448px);translate:-50% 0;bottom:max(12px,env(safe-area-inset-bottom));z-index:18;min-height:54px;align-items:center;justify-content:space-between;padding:12px 23px;background:var(--rust);color:white;border:2px solid var(--ink);box-shadow:3px 4px 0 var(--ink);border-radius:40px;font-size:14px;font-weight:700;transition:opacity .25s,transform .25s}
.landing .mobile-cta.is-hidden,.landing.menu-open .mobile-cta{opacity:0;transform:translateY(130%);visibility:hidden;pointer-events:none}
.landing .ink-bar.bar-reveal{clip-path:inset(0 100% 0 0);transition:clip-path .7s cubic-bezier(.2,.8,.3,1)}
.landing .ink-bar.bar-reveal.is-visible{clip-path:inset(0)}
@media(min-width:1024px){
.landing .side-panel{display:flex;position:fixed;top:0;width:calc((100% - 480px)/2);height:100dvh;padding:40px clamp(24px,3vw,64px);flex-direction:column;justify-content:center;align-items:flex-start;gap:24px}
.landing .side-left{left:0;align-items:flex-end;text-align:right}
.landing .side-right{right:0}
.landing .side-panel .logo{font-size:36px}
.landing .side-catch{font:400 20px/1.8 var(--heading);font-synthesis:none;color:var(--ink)}
.landing .side-panel>p:last-child{font-size:11px}
.landing .side-panel .button{font-size:12px;border-radius:40px;gap:12px}
.landing .side-stickers{display:flex;gap:15px;font-size:53px;line-height:1.3;color:var(--rust)}
.landing .side-stickers span{display:block;animation:decoration-wobble 5s ease-in-out infinite}
.landing .side-stickers span:nth-child(2){color:var(--green);animation-delay:-2s}
.landing .side-stickers span:nth-child(3){color:var(--yellow);animation-delay:-3s}
.landing .index-title{font:700 26px/1 var(--sans);font-style:italic;color:var(--ink)}
.landing .side-index{display:flex;flex-direction:column;align-items:stretch;gap:12px;counter-reset:sections}
.landing .side-index a{font-size:13px;padding:7px 0;transition:color .25s,transform .25s;color:var(--muted)}
.landing .side-index a:before{counter-increment:sections;content:'0' counter(sections);font-size:10px;margin-right:16px;color:var(--rust)}
.landing .side-index a.is-current{color:var(--rust);transform:translateX(6px)}
.landing .index-flower{font-size:80px;color:var(--green);margin-top:20px;line-height:1}
.landing .mobile-cta{display:none}
}
@media(max-width:360px){.landing .header .logo{font-size:18px}.landing .header-pill{font-size:9px;padding-inline:8px}.landing .hero h1{font-size:20px}.landing .accent-line{font-size:25px}.landing .hero-name{font-size:45px}.landing h2,.landing .benefits-intro h2,.landing .contact-copy h2,.landing .pricing-layout h2{font-size:20px}.landing .existing-qr-card h2{font-size:18px}}
@keyframes paper-rise{from{transform:translateY(115%)}to{transform:translateY(0)}}
@keyframes paper-wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@keyframes paper-stage{0%,100%{transform:scale(1.015) translateY(0)}50%{transform:scale(1.045) translateY(-3px)}}
@keyframes paper-tags{to{transform:translateX(calc(-50% - 4px))}}
@media(prefers-reduced-motion:reduce){.landing .rise-line>span{transform:none}.landing .ink-bar.bar-reveal{clip-path:none}.landing .phrase-track{animation:none;flex-wrap:wrap;width:100%;justify-content:center;gap:5px}.landing .phrase-track span[aria-hidden]{display:none}.landing .phrase-track span{font-size:8px;padding:2px 6px}.landing .phrase-marquee{padding:8px}.landing .hero{margin-top:12px}}
.landing .side-catch{font-family:var(--sans);font-weight:700}
.landing .hero-qr-note .ink-bar{width:fit-content}

.landing .hero-qr-note .hero-qr-link.ink-bar{display:table;margin-top:6px;padding:5px 9px 6px;background:var(--ink);color:var(--paper);font-size:9px;font-weight:700;border:0;line-height:1.5}
.landing .hero-visual figcaption{z-index:3;background:var(--paper);color:var(--ink);border:1px solid var(--ink);font-size:8px;padding:1px 6px}
.landing .hero-name{color:var(--rust)}

/* マイドとキタ — section guides (first view stays as the otakux hero). */
.landing .character-art{pointer-events:none;user-select:none;object-fit:contain}
.landing q{quotes:none}
.landing q::before,.landing q::after{content:none}

.landing .step-art,.landing .step:nth-child(2) .step-art{width:100%;margin:20px 0 26px;padding:10px;aspect-ratio:1.28;background:var(--paper);border:2px solid var(--ink);border-radius:20px;box-shadow:4px 5px 0 var(--yellow);overflow:hidden;transform:none}
.landing .step-art img{width:100%;height:100%;object-fit:contain;object-position:center;border:0;box-shadow:none;border-radius:0}
.landing .step.is-visible .step-art{animation:guide-pop .65s ease both}
.landing .how-coda{width:230px;max-width:85%;margin:0 auto 16px}
.landing .how-coda img{display:block;width:100%;height:auto;animation:guide-bob 3s ease-in-out infinite}

.landing .guide-kicker{margin:0 0 16px;font:700 10px/1.4 var(--sans);letter-spacing:.08em;color:var(--ink)}
.landing .guide-intro{margin:18px 14px 4px;padding:18px 14px 20px;border:2px solid var(--ink);border-radius:18px;background:var(--cream);background-image:linear-gradient(#382d2410 1px,transparent 1px),linear-gradient(90deg,#382d2410 1px,transparent 1px);background-size:22px 22px}
.landing .guide-line{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px 10px;align-items:end}
.landing .guide-line+.guide-line{margin-top:14px}
.landing .guide-line.is-kita{grid-template-columns:minmax(0,1fr) 92px}
.landing .guide-line img{display:block;width:92px;height:auto;max-height:138px;justify-self:center;filter:drop-shadow(0 3px 1px #382d2418)}
.landing .guide-line.is-kita img{grid-column:2;grid-row:1}
.landing .guide-line.is-kita .guide-talk{grid-column:1;grid-row:1;text-align:right}
.landing .guide-name{display:inline-block;margin:0;padding:3px 9px;border-radius:99px;background:var(--ink);color:var(--paper);font:700 10px/1.2 var(--sans);letter-spacing:.04em}
.landing .guide-line.is-kita .guide-name,.landing .guide-lead.is-right .guide-name{background:var(--green)}
.landing .guide-bubble{display:inline-block;max-width:100%;margin:6px 0 0;padding:10px 12px;border:2px solid var(--ink);border-radius:16px 16px 16px 4px;background:var(--paper);color:var(--ink);font:700 13px/1.7 var(--sans);box-shadow:3px 3px 0 var(--ink);text-align:left;vertical-align:top}
.landing .guide-line.is-kita .guide-bubble,.landing .guide-lead.is-right .guide-bubble{border-radius:16px 16px 4px 16px}

.landing .guide-lead{display:grid;grid-template-columns:86px minmax(0,1fr);gap:6px 10px;align-items:end;margin:0 0 18px}
.landing .guide-lead.is-right{grid-template-columns:minmax(0,1fr) 86px}
.landing .guide-lead img{display:block;width:86px;height:auto;max-height:128px;justify-self:center;filter:drop-shadow(0 3px 1px #382d2418)}
.landing .guide-lead.is-right img{grid-column:2;grid-row:1}
.landing .guide-lead.is-right .guide-talk{grid-column:1;grid-row:1;text-align:right}
.landing .how-section .guide-lead,.landing .pricing-section .guide-lead{margin:0 0 22px}
.landing .existing-qr-card .guide-lead{margin:0 0 16px}

.landing .guide-line.reveal:not(.is-visible),
.landing .guide-lead.reveal:not(.is-visible),
.landing .guide-intro.reveal:not(.is-visible){opacity:0}
.landing .guide-line.is-visible,
.landing .guide-lead.is-visible{animation:guide-slide-left .55s ease both}
.landing .guide-line.is-kita.is-visible,
.landing .guide-lead.is-right.is-visible{animation-name:guide-slide-right}
.landing .guide-intro.is-visible{animation:guide-pop .5s ease both}
.landing .guide-bubble.is-typing{min-height:2.6em}
.landing .guide-intro.is-visible .guide-bubble,
.landing .guide-lead.is-visible .guide-bubble{animation:guide-bubble-in .35s ease both}
.landing .guide-line.is-kita.is-visible .guide-bubble{animation-delay:.18s}

@keyframes guide-slide-left{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:none}}
@keyframes guide-slide-right{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}
@keyframes guide-pop{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@keyframes guide-bob{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes guide-bubble-in{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}

@media(min-width:1024px){
  .landing .guide-intro{margin-inline:14px}
  .landing .guide-line img{width:100px;max-height:152px}
  .landing .guide-lead img{width:94px;max-height:140px}
}

@media(prefers-reduced-motion:reduce){
  .landing .character-art,
  .landing .character-reveal,
  .landing .step-art,
  .landing .guide-intro,
  .landing .guide-line,
  .landing .guide-lead,
  .landing .guide-bubble,
  .landing .how-coda img{
    animation:none!important;
    transition:none!important;
    opacity:1;
    transform:none;
    translate:0;
    scale:1
  }
  .landing .guide-line.reveal:not(.is-visible),
  .landing .guide-lead.reveal:not(.is-visible),
  .landing .guide-intro.reveal:not(.is-visible){opacity:1}
}

/* Data section — verified repeat stats, drawn by us. */
.landing .data-section{padding-top:28px;padding-bottom:12px}
.landing .data-section .guide-lead + .guide-lead{margin-top:-6px;margin-bottom:22px}
.landing .repeat-chart{margin:0 0 22px;padding:18px 14px 16px;border:2px solid var(--ink);border-radius:16px;background:var(--cream);box-shadow:4px 5px 0 var(--yellow)}
.landing .chart-lead{margin:0 0 16px;font:700 13px/1.85 var(--sans);color:var(--ink)}
.landing .chart-lead strong{font-family:var(--round);font-weight:400;font-size:17px;letter-spacing:-.04em}
.landing .repeat-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.landing .repeat-steps li{display:grid;grid-template-columns:86px minmax(0,1fr);grid-template-areas:"label cap" "people cap";gap:4px 10px;align-items:center;padding:10px 8px;border-radius:12px;background:var(--paper);border:1.5px solid var(--ink)}
.landing .chart-label{grid-area:label;font:700 10px/1.3 var(--sans);letter-spacing:.06em}
.landing .people{grid-area:people;display:flex;flex-wrap:wrap;gap:4px;align-items:end;min-height:22px}
.landing .person{display:block;width:12px;height:18px;background:var(--ink);border-radius:6px 6px 3px 3px;clip-path:polygon(50% 0,80% 22%,80% 48%,100% 100%,0 100%,20% 48%,20% 22%);flex:0 0 auto}
.landing .person.is-off{background:#d4cdc0}
.landing .person.is-lg{width:20px;height:30px;border-radius:10px 10px 4px 4px}
.landing .people-pair{gap:8px}
.landing .chart-cap{grid-area:cap;font-family:var(--round);font-size:16px;line-height:1.3;letter-spacing:-.04em;text-align:right}
.landing .chart-cap small{display:block;margin-top:2px;font:700 10px/1.3 var(--sans);letter-spacing:0;color:#5c5348}
.landing .chart-coda{margin:14px 0 0;font-family:var(--round);font-size:16px;line-height:1.6;letter-spacing:-.03em}
.landing .stat-cards{display:grid;gap:12px;margin:0 0 22px}
.landing .stat-card{padding:16px 14px 14px;border:2px solid var(--ink);border-radius:16px;background:var(--paper)}
.landing .stat-kicker{margin:0 0 6px;font:700 10px/1.3 var(--sans);letter-spacing:.08em}
.landing .stat-headline{margin:0 0 8px;color:var(--rust);font-family:var(--round);font-size:28px;line-height:1.25;letter-spacing:-.04em}
.landing .stat-headline small{font-size:.62em;letter-spacing:0;margin-left:2px}
.landing .stat-card p{margin:0;font:500 12px/1.8 var(--sans)}
.landing .stat-card p + p{margin-top:8px}
.landing .stat-note{color:#5c5348}
.landing .data-section sup{font-size:9px;line-height:1;font-weight:700}
.landing .data-section sup a{color:var(--green);text-decoration:none}
.landing .case-block{margin:0 0 20px;padding:16px 14px 8px;border:2px solid var(--ink);border-radius:16px;background:var(--ink);color:var(--paper)}
.landing .case-label{display:inline-block;margin:0 0 8px;padding:4px 10px;border-radius:99px;background:var(--yellow);color:var(--ink);font:700 11px/1.3 var(--sans);letter-spacing:.04em}
.landing .case-disclaimer{margin:0 0 14px;font:700 11px/1.7 var(--sans);color:var(--yellow)}
.landing .case-block .guide-lead{margin:0 0 16px}
.landing .case-block .guide-name{background:var(--yellow);color:var(--ink)}
.landing .case-block .guide-bubble{background:var(--paper);color:var(--ink)}
.landing .case-block article{margin:0 0 14px;padding:12px 0 0;border-top:1px dashed #faf5e944}
.landing .case-block h3{margin:0 0 6px;font-family:var(--round);font-size:18px;line-height:1.4;color:var(--yellow)}
.landing .case-block h3 span{display:block;margin-top:2px;font:700 10px/1.4 var(--sans);letter-spacing:0;color:var(--paper)}
.landing .case-block p{margin:0;font:500 12px/1.8 var(--sans)}
.landing .case-block p + p{margin-top:8px}
.landing .data-notes{list-style:none;margin:0;padding:4px 2px 0;display:grid;gap:8px}
.landing .data-notes li{font:500 10px/1.7 var(--sans);color:#5c5348;scroll-margin-top:88px}
@media(prefers-reduced-motion:reduce){
  .landing .stat-number{transition:none}
}

/* Dark-section chips, case contrast, people icons, typography tweaks */
.landing .how-section .guide-name,
.landing .how-section .guide-lead .guide-name,
.landing .how-section .guide-lead.is-right .guide-name,
.landing .pricing-section .guide-name,
.landing .pricing-section .guide-lead .guide-name{
  background:var(--yellow);
  color:var(--ink)
}
.landing .case-block,
.landing .case-block p,
.landing .case-block .case-disclaimer{
  color:var(--paper)
}
.landing .case-disclaimer{color:var(--yellow)}
.landing .case-block p{color:#faf5e9;opacity:1}
.landing .chart-lead .nowrap,.landing .nowrap{white-space:nowrap}
.landing .stat-headline{font-size:34px}
.landing .person{
  width:12px;height:22px;border-radius:0;clip-path:none;flex:0 0 auto;
  color:var(--ink);background:none;
  position:relative
}
.landing .person.is-off{color:#cfc8ba;background:none}
.landing .person:before{
  content:"";position:absolute;left:50%;top:0;width:8px;height:8px;margin-left:-4px;
  border-radius:50%;background:currentColor
}
.landing .person:after{
  content:"";position:absolute;left:50%;top:8px;width:12px;height:13px;margin-left:-6px;
  border-radius:5px 5px 3px 3px;background:currentColor
}
.landing .person.is-lg{width:18px;height:32px}
.landing .person.is-lg:before{width:12px;height:12px;margin-left:-6px}
.landing .person.is-lg:after{top:12px;width:18px;height:19px;margin-left:-9px;border-radius:7px 7px 4px 4px}
.landing .coupon-scene{right:32px}
@media(max-width:760px){
  .landing .coupon-scene{right:32px}
}

/* Custom ink icons — drawn marks, not system emoji */
.ico-sprite{position:absolute;width:0;height:0;overflow:hidden}
.ico{display:inline-block;width:1em;height:1em;vertical-align:-.14em;flex:none;fill:currentColor;stroke:currentColor;overflow:visible}
.landing .side-stickers .ico,.landing .index-flower .ico,.landing .poster-star .ico{display:block;width:1em;height:1em}
.landing .poster-star{-webkit-text-stroke:0;line-height:0}
.landing .poster-star .ico{stroke:var(--ink);stroke-width:1.2}
.landing .star-one{-webkit-text-stroke:0}
.landing .star-two{-webkit-text-stroke:0}
.landing .ticker-track .ico{width:1em;height:1em;vertical-align:-.18em;margin:0}
.landing .owner-note .ico{display:block;width:1em;height:1em;flex:none}
.landing .worry-icon{display:grid;place-items:center}
.landing .worry-icon .ico{width:.62em;height:.62em}
.landing .price-details .ico{width:1em;height:1em;margin-right:5px;vertical-align:-.16em}
.landing .mock-chat .ico{width:1em;height:1em;vertical-align:-.18em}
.landing .button .ico,.landing .header-pill .ico,.landing .text-link .ico,.landing .nav-contact .ico,.landing .mobile-cta .ico,.landing .footer-right a .ico,.landing .hero-qr-link .ico{width:.9em;height:.9em}

/* ===== Desktop / tablet full-bleed poster (≥900px). Mobile rules above stay untouched. ===== */
@media (min-width:900px){
  .landing .side-panel,
  .landing .mobile-cta,
  .landing .menu-toggle,
  .landing .header-pill,
  .landing .poster-footer{display:none}
  .landing .mobile-break{display:none}
  .landing .desktop-break{display:block}

  .landing .page-column{
    max-width:none;
    width:100%;
    margin:0;
    border:0;
    box-shadow:none;
    background:transparent;
    overflow:visible
  }
  .landing .container{width:min(1200px,calc(100% - 80px));max-width:1200px;margin-inline:auto}

  .landing .header{
    position:sticky;top:0;z-index:40;
    inset:auto;margin:0;padding:14px 40px;min-height:76px;gap:28px;
    width:100%;border:0;border-bottom:3px solid var(--ink);border-radius:0;
    background:var(--ink);color:var(--paper);flex-wrap:nowrap
  }
  .landing .header .logo{font-size:28px;min-height:0;margin:0;color:var(--paper)}
  .landing .header .logo-symbol{display:inline-grid;width:32px;height:32px;font-size:18px;margin-right:8px}
  .landing .header nav,
  .landing .header nav.is-open{
    display:flex;position:static;inset:auto;width:auto;height:auto;
    margin-left:auto;padding:0;border:0;border-radius:0;background:none;
    flex-direction:row;align-items:center;justify-content:flex-end;gap:8px 22px;font-size:13px
  }
  .landing .header nav a{padding:8px 0;min-height:0;border:0;color:var(--paper);white-space:nowrap}
  .landing .header nav a:hover,
  .landing .header nav a.is-current{color:var(--yellow)}
  .landing .header nav .nav-contact{
    margin-left:10px;padding:10px 18px;border-radius:40px;background:var(--rust);border:2px solid var(--paper);color:var(--paper)
  }
  .landing.menu-open{overflow:auto}

  .landing .phrase-marquee{padding:12px 0;border-bottom:2px solid var(--ink);background:var(--paper)}
  .landing .phrase-track span{font-size:12px;padding:4px 14px}

  .landing .hero{
    position:relative;isolation:isolate;
    width:100%;max-width:none;height:auto;
    min-height:620px;height:calc(100svh - 124px);max-height:900px;
    margin:0;padding:0;border:0;border-bottom:3px solid var(--ink);border-radius:0;
    overflow:hidden;background:var(--ink)
  }
  .landing .hero:before{z-index:1;opacity:.35;pointer-events:none;background:
    linear-gradient(#faf5e918 1px,transparent 1px),linear-gradient(90deg,#faf5e918 1px,transparent 1px);background-size:32px 32px}
  .landing .hero-visual{
    position:absolute;inset:0;width:100%;height:100%;
    border:0;border-radius:0;z-index:0;overflow:hidden
  }
  .landing .hero-visual img{
    width:100%;height:100%;object-fit:cover;object-position:62% 46%;
    border:0;border-radius:0;animation:paper-stage 9s ease-in-out infinite
  }
  .landing .hero-visual:after{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(90deg,#1a1610e8 0%,#1a1610b8 28%,#1a161066 52%,#1a16101a 72%,transparent 88%),
      linear-gradient(0deg,#1a1610aa 0%,transparent 38%)
  }
  .landing .hero-visual figcaption{top:auto;bottom:16px;right:24px;font-size:10px;padding:2px 8px}
  .landing .hero-copy{
    position:absolute;inset:clamp(36px,6vh,72px) auto auto 48px;
    z-index:3;text-align:left;max-width:min(620px,48vw);padding:0
  }
  .landing .hero .eyebrow{
    display:inline-block;margin:0 0 18px;padding:4px 10px;
    background:var(--yellow);color:var(--ink);border:2px solid var(--ink);
    font-size:12px;letter-spacing:.06em;font-weight:700;transform:rotate(-1.5deg)
  }
  .landing .hero h1{
    width:auto;margin:0;font-size:clamp(36px,4.2vw,58px);line-height:1.25;
    letter-spacing:-.04em;color:var(--paper);text-shadow:3px 3px 0 #0008
  }
  .landing .accent-line{font-size:clamp(42px,5vw,68px);color:var(--yellow)}
  .landing .hero-name{
    display:block;margin:10px 0 0;font-size:clamp(64px,8vw,118px);
    line-height:1.05;letter-spacing:-.07em;color:var(--paper);
    text-shadow:4px 4px 0 var(--rust)
  }
  .landing .hero-name .name-dot{color:var(--yellow)}
  .landing .hero-qr-note{
    inset:auto auto 48px 48px;max-width:min(440px,42vw);z-index:4
  }
  .landing .hero-qr-note>.ink-bar{font-size:13px;padding:6px 12px}
  .landing .hero-qr-note strong.ink-bar{font-size:15px;margin-left:0}
  .landing .hero-qr-link{font-size:11px;padding:6px 10px}
  .landing .star-one{top:12%;right:6%;left:auto;font-size:92px;z-index:2;color:var(--yellow)}
  .landing .star-two{top:auto;bottom:18%;left:auto;right:22%;font-size:58px;z-index:2;color:var(--paper)}

  .landing main{display:grid}
  .landing main>.hero{grid-area:1/1}
  .landing main>.first-action{grid-area:1/1;align-self:start;justify-self:start;z-index:6}
  .landing .first-action{
    position:relative;width:fit-content;max-width:none;
    margin:clamp(300px,46vh,460px) 0 0 48px;padding:0
  }
  .landing .first-action .button{
    display:inline-flex;width:auto;min-height:62px;
    padding:16px 28px;font-size:17px;border-radius:40px;box-shadow:4px 5px 0 var(--ink)
  }

  .landing .guide-intro{
    width:min(1200px,calc(100% - 80px));margin:28px auto 8px;padding:28px 40px 32px;border-radius:8px
  }
  .landing .guide-kicker{font-size:12px}
  .landing .guide-intro{display:grid;grid-template-columns:1fr 1fr;gap:20px 48px;align-items:end}
  .landing .guide-intro .guide-kicker{grid-column:1/-1;margin:0}
  .landing .guide-line{margin:0;grid-template-columns:150px minmax(0,1fr);gap:8px 16px}
  .landing .guide-line+.guide-line{margin:0}
  .landing .guide-line.is-kita{grid-template-columns:minmax(0,1fr) 150px}
  .landing .guide-line img{width:150px;max-height:230px}
  .landing .guide-bubble{font-size:16px;padding:14px 18px;border-radius:20px 20px 20px 6px}

  .landing .hero-follow{
    display:grid;grid-template-columns:1.3fr auto;gap:24px 48px;
    width:min(1200px,calc(100% - 80px));margin-inline:auto;
    padding-block:48px 52px;align-items:end
  }
  .landing .hero-follow .hero-description{font-size:18px;line-height:2;grid-column:1;grid-row:1}
  .landing .hero-follow .hero-actions{display:flex;align-items:center;gap:28px;margin:0;grid-column:2;grid-row:1/3}
  .landing .hero-follow .hero-actions .primary{display:inline-flex}
  .landing .hero-follow .hero-note{margin:0;font-size:13px;grid-column:1}

  .landing .intro-strip{transform:none;width:100%;margin:0;padding:18px 0}
  .landing .ticker-track p{font-size:18px}

  .landing .section{padding-block:88px}
  .landing h2,.landing .benefits-intro h2,.landing .contact-copy h2,.landing .pricing-layout h2{font-size:40px;line-height:1.5}
  .landing .section-heading{margin-bottom:36px}
  .landing .section-heading>p:last-child:not(.eyebrow){font-size:15px}
  .landing .eyebrow{font-size:13px;letter-spacing:.08em}

  .landing .guide-lead{grid-template-columns:150px minmax(0,1fr);gap:8px 16px;margin:0 0 28px}
  .landing .guide-lead.is-right{grid-template-columns:minmax(0,1fr) 150px}
  .landing .guide-lead img{width:150px;max-height:230px}
  .landing .worries>.guide-lead.is-left{margin-left:-36px;width:calc(100% + 36px)}
  .landing .guide-lead.is-right{margin-right:-36px;width:calc(100% + 36px)}

  .landing .worry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .landing .worry-grid article{
    position:relative;text-align:left;
    padding:28px 24px 26px;background:var(--paper);
    border:2px solid var(--ink);border-bottom:2px solid var(--ink);
    border-radius:8px;box-shadow:5px 5px 0 var(--ink)
  }
  .landing .worry-icon{position:static;width:64px;height:64px;font-size:36px;margin:0 0 18px;transform:rotate(-6deg)}
  .landing .worry-grid h3{font-size:22px}
  .landing .worry-grid p{font-size:14px}
  .landing .worry-answer{font-size:26px;margin-top:40px;text-align:center}
  .landing .worry-answer .ink-bar{margin-inline:auto}
  .landing .worry-answer .ink-bar:last-child{margin-left:auto}

  .landing .data-section{
    display:grid;grid-template-columns:1.15fr 1fr;gap:24px 36px;align-items:start;padding-block:40px 28px
  }
  .landing .data-section>.guide-lead{grid-column:1/-1;justify-self:start;margin-bottom:0}
  .landing .data-section>.guide-lead.is-right{justify-self:end;grid-row:1}
  .landing .data-section>.guide-lead.is-left{grid-row:1;margin-left:-36px}
  .landing .data-section .section-heading{grid-column:1/-1;margin:8px 0 8px}
  .landing .repeat-chart{grid-column:1;margin:0;padding:28px 28px 24px}
  .landing .chart-lead{font-size:16px}
  .landing .chart-lead strong{font-size:24px}
  .landing .repeat-steps{gap:16px}
  .landing .repeat-steps li{grid-template-columns:100px minmax(0,1fr);padding:14px 16px}
  .landing .chart-cap{font-size:22px}
  .landing .chart-coda{font-size:22px}
  .landing .stat-cards{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0;align-self:stretch}
  .landing .stat-card{padding:20px 18px}
  .landing .stat-headline{font-size:40px}
  .landing .stat-card p{font-size:13px}
  .landing .case-block{grid-column:1/-1;margin:8px 0 0;padding:28px 32px 24px;display:grid;grid-template-columns:1fr 1fr;gap:8px 32px}
  .landing .case-label{grid-column:1/-1;justify-self:start}
  .landing .case-disclaimer{grid-column:1/-1}
  .landing .case-block>.guide-lead{grid-column:1/-1}
  .landing .case-block article{margin:0;padding:16px 0 0}
  .landing .case-block h3{font-size:24px}
  .landing .case-block p{font-size:14px}
  .landing .data-notes{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:10px 28px;margin-top:8px}
  .landing .data-notes li{font-size:11px}

  .landing .how-section{padding-block:96px}
  .landing .how-section>.container{width:min(1200px,calc(100% - 80px))}
  .landing .how-section .guide-lead.is-right{margin-right:-36px}
  .landing .steps{
    display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
    padding-left:0;border-left:0;position:relative
  }
  .landing .step{
    margin:0;padding:22px 20px 26px;border:2px solid var(--paper);
    border-bottom:2px solid var(--paper);border-radius:8px;background:#163a37;position:relative
  }
  .landing .step:before{display:none}
  .landing .step-art{margin:18px 0 20px}
  .landing .step h3{font-size:24px}
  .landing .step>p{font-size:14px}
  .landing .how-coda{width:280px;max-width:none;margin:28px auto 8px}
  .landing .illustration-note{font-size:12px}

  .landing .existing-qr{padding-top:88px;padding-bottom:80px}
  .landing .existing-qr-card{
    padding:48px 360px 48px 48px;min-height:320px;border-radius:8px;box-shadow:10px 10px 0 var(--yellow)
  }
  .landing .existing-qr-card h2{font-size:36px}
  .landing .existing-qr-card>p:not(.eyebrow){font-size:15px}
  .landing .existing-qr-card .existing-qr-lead{font-size:20px!important}
  .landing .coupon-scene{top:48px;right:36px;width:280px}

  .landing .benefits{display:grid;grid-template-columns:1fr 1.15fr;gap:40px 64px;align-items:start}
  .landing .benefits>.guide-lead{grid-column:1;grid-row:1;margin:0}
  .landing .benefits-intro{grid-column:1;grid-row:2}
  .landing .benefit-list{grid-column:2;grid-row:1/3;margin-top:0}
  .landing .benefits-intro>p:not(.eyebrow){font-size:15px}
  .landing .owner-note{font-size:16px;margin-top:32px;max-width:380px}
  .landing .benefit-list{margin-top:0}
  .landing .benefit-list article{gap:20px;padding-block:26px}
  .landing .benefit-list h3{font-size:22px}
  .landing .benefit-list p{font-size:14px}
  .landing .benefit-list article>span{width:40px;height:40px;font-size:15px}

  .landing .pricing-section{
    background-color:var(--ink);
    background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);
    background-size:32px 32px;padding-block:96px
  }
  .landing .pricing-section .container,
  .landing .faq-section .container{width:min(1160px,calc(100% - 80px));max-width:1160px}
  .landing .pricing-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center}
  .landing .pricing-section .eyebrow{color:var(--yellow)}
  .landing .pricing-section h2,
  .landing .pricing-section .heading-phrase{color:var(--paper)}
  .landing .pricing-layout>div:first-child p{font-size:15px;color:var(--paper)}
  .landing .price-card{padding:36px 32px;border-radius:8px;box-shadow:8px 8px 0 var(--yellow)}
  .landing .price strong{font-size:72px}
  .landing .price>span{font-size:18px}
  .landing .price-card p{font-size:13px}
  .landing .price-details p{font-size:13px}
  .landing .price-card .button{font-size:15px;gap:16px}

  .landing .faq-section{padding-block:88px}
  .landing .faq-list summary{display:flex;position:relative;padding:24px 48px 24px 40px;font-size:17px}
  .landing summary>span{position:absolute;left:0;top:22px;font-size:22px}
  .landing summary:after{position:absolute;right:0;top:22px}
  .landing .faq-answer{font-size:15px;padding:0 48px 28px}

  .landing .contact-section{
    background-color:var(--cream);
    background-image:linear-gradient(#252b2910 1px,transparent 1px),linear-gradient(90deg,#252b2910 1px,transparent 1px);
    background-size:32px 32px
  }
  .landing .contact-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:32px 56px;align-items:start}
  .landing .contact-copy{grid-column:1;grid-row:1}
  .landing .contact-layout>.guide-lead{grid-column:1;grid-row:2;margin:0}
  .landing .contact-form{grid-column:2;grid-row:1/3}
  .landing .contact-copy p{font-size:16px}
  .landing .contact-tag{font-size:13px}
  .landing .form-row{grid-template-columns:1fr 1fr;gap:16px}
  .landing .contact-form{padding:36px 32px;border-radius:8px;box-shadow:6px 6px 0 var(--green)}
  .landing .contact-form input,.landing .contact-form textarea{font-size:14px}

  .landing .footer{display:flex;align-items:flex-start;justify-content:space-between;padding-block:48px 64px;width:min(1200px,calc(100% - 80px));margin-inline:auto}
  .landing .footer p{font-size:12px}
  .landing .footer-right{text-align:right;margin-top:0}
}

@media (min-width:900px) and (max-width:1199px){
  .landing .container,
  .landing .how-section>.container,
  .landing .guide-intro,
  .landing .hero-follow,
  .landing .pricing-section .container,
  .landing .faq-section .container,
  .landing .footer{width:calc(100% - 48px)}
  .landing .hero-copy{left:28px;max-width:min(520px,50vw)}
  .landing .hero h1{font-size:36px}
  .landing .accent-line{font-size:42px}
  .landing .hero-name{font-size:72px}
  .landing .hero-qr-note{left:28px;bottom:36px}
  .landing .first-action{margin-left:28px;margin-top:clamp(260px,44vh,400px)}
  .landing h2,.landing .benefits-intro h2,.landing .contact-copy h2,.landing .pricing-layout h2{font-size:32px}
  .landing .worry-grid h3{font-size:18px}
  .landing .stat-headline{font-size:32px}
  .landing .price strong{font-size:56px}
  .landing .existing-qr-card{padding:36px 300px 36px 32px}
  .landing .coupon-scene{width:240px;right:24px}
  .landing .benefits{gap:36px}
  .landing .guide-lead img,.landing .guide-line img{width:124px;max-height:190px}
  .landing .guide-lead{grid-template-columns:124px minmax(0,1fr)}
  .landing .guide-lead.is-right{grid-template-columns:minmax(0,1fr) 124px}
  .landing .worries>.guide-lead.is-left,
  .landing .data-section>.guide-lead.is-left{margin-left:-16px;width:calc(100% + 16px)}
  .landing .guide-lead.is-right{margin-right:-16px;width:calc(100% + 16px)}
}

@media (min-width:1440px){
  .landing .header{padding-inline:64px}
  .landing .hero-copy{left:72px;max-width:680px}
  .landing .hero-qr-note{left:72px}
  .landing .first-action{margin-left:72px;margin-top:clamp(320px,48vh,520px)}
  .landing .hero-name{font-size:128px}
  .landing .worries>.guide-lead.is-left,
  .landing .data-section>.guide-lead.is-left{margin-left:-56px;width:calc(100% + 56px)}
  .landing .guide-lead.is-right{margin-right:-56px;width:calc(100% + 56px)}
}

@media (min-width:900px) and (prefers-reduced-motion:reduce){
  .landing .hero-visual img,
  .landing .star-one,
  .landing .star-two,
  .landing .intro-strip .ticker-track,
  .landing .phrase-track{animation:none}
  .landing .hero{margin-top:0}
}


/* Three-plan pricing (approved). Keep the ink band, yellow tickets, and paper cards. */
.landing .pricing-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:22px;
  align-items:stretch;
}
.landing .pricing-intro{text-align:left}
.landing .plan-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
.landing .plan-card{
  position:relative;
  background:#fffdf6;
  border:2px solid var(--ink);
  border-radius:15px;
  box-shadow:5px 5px 0 var(--yellow);
  color:var(--ink);
  padding:22px 18px 20px;
}
.landing .plan-card.is-featured{
  box-shadow:7px 7px 0 var(--yellow);
}
.landing .plan-rec{
  position:absolute;
  top:-10px;
  right:14px;
  display:inline-block;
  background:var(--rust);
  color:var(--paper);
  font-family:var(--heading);
  font-weight:400;
  font-synthesis:none;
  font-size:11px;
  letter-spacing:.08em;
  padding:3px 10px;
  border:1px solid var(--ink);
  transform:rotate(3deg);
}
.landing .plan-card .price{margin-top:8px;flex-wrap:wrap}
.landing .plan-card .price strong{font-size:42px}
.landing .plan-initial{
  margin-top:4px;
  font-weight:700;
  font-size:13px;
  color:var(--ink);
}
.landing .plan-audience{
  margin-top:8px;
  font-size:12px;
  line-height:1.7;
  color:var(--muted);
}
.landing .plan-points{
  list-style:none;
  margin:14px 0 0;
  padding:14px 0 0;
  border-top:1px solid var(--line);
}
.landing .plan-points li{
  display:flex;
  align-items:flex-start;
  gap:6px;
  font-size:12px;
  line-height:1.75;
  color:var(--ink);
  margin:0 0 8px;
}
.landing .plan-points li:last-child{margin-bottom:0}
.landing .plan-points .ico{
  flex:0 0 auto;
  width:1em;
  height:1em;
  margin-top:.28em;
  color:var(--green);
}
.landing .pricing-notes{display:grid;gap:10px}
.landing .pricing-notes p{
  margin:0;
  font-size:12px;
  line-height:1.85;
  color:var(--paper);
}
.landing .pricing-notes p strong{color:var(--paper);font-weight:700}
.landing .line-fee-note{
  background:var(--paper);
  border:2px solid var(--yellow);
  padding:12px 14px;
  border-radius:4px;
  color:var(--ink)!important;
}
.landing .line-fee-note strong{color:var(--ink)!important}
.landing .pricing-cta{justify-self:start;margin-top:2px}

@media(min-width:900px){
  .landing .pricing-layout{
    grid-template-columns:1fr;
    gap:32px;
    align-items:stretch;
  }
  .landing .plan-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
    align-items:stretch;
  }
  .landing .plan-card{
    padding:28px 22px 24px;
    border-radius:8px;
    box-shadow:8px 8px 0 var(--yellow);
    display:flex;
    flex-direction:column;
  }
  .landing .plan-card.is-featured{transform:translateY(-8px)}
  .landing .plan-card .price strong{font-size:clamp(32px,3.2vw,44px)}
  .landing .plan-card .price>span{font-size:15px}
  .landing .plan-initial{font-size:14px}
  .landing .plan-audience{font-size:13px;color:var(--muted)}
  .landing .plan-points li{font-size:13px}
  .landing .pricing-notes p{font-size:14px;color:var(--paper)}
  .landing .line-fee-note{font-size:14px;padding:16px 18px}
  .landing .pricing-cta{font-size:15px;gap:16px}
}
@media(min-width:900px) and (max-width:1199px){
  .landing .plan-card{padding:22px 14px 18px}
  .landing .plan-card .price strong{font-size:32px}
  .landing .plan-points li{font-size:11px}
  .landing .plan-audience{font-size:12px}
}


/* Pivot: 3-C trio, 4 how-steps, industries, dedicated-app card */
.landing .guide-line.is-miseko .guide-name,
.landing .guide-lead.is-left .guide-name{background:var(--rust);color:var(--paper)}
.landing .guide-line.is-kayoi{grid-template-columns:minmax(0,1fr) 92px}
.landing .guide-line.is-kayoi img{grid-column:2;grid-row:1}
.landing .guide-line.is-kayoi .guide-talk{grid-column:1;grid-row:1;text-align:right}
.landing .guide-line.is-kayoi .guide-name,
.landing .guide-lead.is-right .guide-name{background:var(--green);color:var(--paper)}
.landing .guide-line.is-kayoi .guide-bubble,
.landing .guide-lead.is-right .guide-bubble{border-radius:16px 16px 4px 16px}
.landing .guide-line.is-tsugi .guide-name{background:var(--yellow);color:var(--ink)}
.landing .data-source-note{
  margin-top:12px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  color:var(--muted);
}
.landing .industry-grid{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.landing .industry-grid figure{margin:0;text-align:center}
.landing .industry-grid img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/4;
  object-fit:contain;
  object-position:bottom center;
  background:var(--cream);
  border:2px solid var(--ink);
  border-radius:8px;
  box-shadow:4px 4px 0 var(--yellow);
}
.landing .industry-grid figcaption{
  margin-top:10px;
  font-family:var(--heading);
  font-weight:400;
  font-synthesis:none;
  font-size:14px;
  letter-spacing:.06em;
  color:var(--ink);
}
.landing .plan-card.plan-app{
  margin-top:4px;
  padding:22px 20px 20px;
  background:var(--paper);
}
.landing .plan-app-kicker{
  margin:0 0 4px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em;
  color:var(--rust);
}
.landing .plan-app-name{
  margin:0 0 8px;
  font-family:var(--heading);
  font-weight:400;
  font-synthesis:none;
  font-size:22px;
}
.landing .plan-app-lead{
  margin:0 0 10px;
  font-size:13px;
  line-height:1.85;
  color:var(--ink);
}
.landing .plan-app-price{
  margin:0 0 16px;
  font-weight:700;
  font-size:14px;
  color:var(--ink);
}
.landing .plan-app .button{width:fit-content}

@media(min-width:900px){
  .landing .guide-intro.is-trio{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px 28px;
    align-items:end;
  }
  .landing .guide-intro.is-trio .guide-kicker{grid-column:1/-1;margin:0}
  .landing .guide-intro.is-trio .guide-line,
  .landing .guide-intro.is-trio .guide-line.is-kayoi{
    margin:0;
    grid-template-columns:1fr;
    justify-items:center;
    text-align:center;
  }
  .landing .guide-intro.is-trio .guide-line.is-kayoi img{
    grid-column:auto;
    grid-row:auto;
  }
  .landing .guide-intro.is-trio .guide-line.is-kayoi .guide-talk{
    grid-column:auto;
    grid-row:auto;
    text-align:center;
  }
  .landing .guide-intro.is-trio .guide-line img{
    width:140px;
    max-height:210px;
  }
  .landing .guide-intro.is-trio .guide-bubble{
    text-align:left;
  }
  .landing .steps.steps-four{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px 36px;
  }
  .landing .steps.steps-four .step:nth-child(2n):after{content:none}
  .landing .industry-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:24px;
  }
  .landing .industry-grid figcaption{font-size:16px}
  .landing .plan-card.plan-app{
    display:grid;
    grid-template-columns:1fr auto;
    gap:8px 32px;
    align-items:end;
    padding:28px 32px;
  }
  .landing .plan-app-kicker,
  .landing .plan-app-name,
  .landing .plan-app-lead,
  .landing .plan-app-price{grid-column:1}
  .landing .plan-app .button{grid-column:2;grid-row:1/span 4;align-self:center}
}

.landing .guide-lead.is-tsugi .guide-name{background:var(--yellow);color:var(--ink)}


/* Industry repeat stats + revenue simulator (pivot addition) */
.landing .industry-stats{
  margin:8px 0 20px;
  padding:16px 14px 14px;
  border:2px solid var(--ink);
  border-radius:16px;
  background:var(--paper);
  box-shadow:4px 5px 0 var(--yellow);
}
.landing .industry-stats-label{
  margin:0 0 6px;
  font-family:var(--heading);
  font-weight:400;
  font-synthesis:none;
  font-size:14px;
  letter-spacing:.04em;
  color:var(--ink);
}
.landing .industry-stats-note{
  margin:0 0 14px;
  font:500 11px/1.7 var(--sans);
  color:var(--muted);
}
.landing .industry-stat-grid{
  display:grid;
  gap:12px;
}
.landing .industry-stat-grid article{
  padding:14px 12px 12px;
  border:1.5px solid var(--ink);
  border-radius:10px;
  background:var(--cream);
}
.landing .industry-stat-grid h3{
  margin:0 0 8px;
  font-family:var(--heading);
  font-weight:400;
  font-synthesis:none;
  font-size:16px;
  color:var(--rust);
}
.landing .industry-stat-grid p{
  margin:0;
  font:500 12px/1.8 var(--sans);
  color:var(--ink);
}
.landing .industry-stat-grid p + p{margin-top:8px}
.landing .industry-stat-grid .stat-note{color:var(--muted);font-size:11px}

.landing .sim-section{padding-top:36px;padding-bottom:28px}
.landing .sim-panel{
  margin:0 0 16px;
  padding:18px 16px 16px;
  border:2px solid var(--ink);
  border-radius:16px;
  background:var(--cream);
  box-shadow:4px 5px 0 var(--yellow);
}
.landing .sim-presets{margin:0 0 16px;padding:0;border:0}
.landing .sim-presets legend{
  padding:0;
  font-weight:700;
  font-size:12px;
  letter-spacing:.04em;
  color:var(--ink);
}
.landing .sim-preset-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.landing .sim-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
  width:auto;
  max-width:none;
  margin:0;
  padding:8px 14px;
  border:2px solid var(--ink);
  border-radius:999px;
  background:var(--paper);
  font-weight:700;
  font-size:13px;
  line-height:1.3;
  white-space:nowrap;
  cursor:pointer;
}
.landing .sim-chip:has(input:checked){
  background:var(--yellow);
  box-shadow:2px 2px 0 var(--ink);
}
.landing .sim-chip input{
  width:auto;
  height:auto;
  margin:0;
  padding:0;
  display:inline-block;
  flex:none;
  accent-color:var(--rust);
}
.landing .sim-preset-note{
  margin:10px 0 0;
  font:500 11px/1.8 var(--sans);
  color:var(--muted);
}
.landing .sim-fields{
  display:grid;
  gap:14px;
}
.landing .sim-field label{
  display:block;
  margin:0 0 6px;
  font-weight:700;
  font-size:12px;
  color:var(--ink);
}
.landing .sim-field label strong{margin-left:6px;color:var(--rust)}
.landing .sim-input{display:flex;align-items:center;gap:8px}
.landing .sim-input input[type="number"]{
  width:100%;
  max-width:180px;
  padding:10px 12px;
  border:2px solid var(--ink);
  border-radius:8px;
  background:var(--paper);
  color:var(--ink);
  font-weight:700;
  font-size:16px;
}
.landing .sim-input span{font-size:13px;font-weight:700}
.landing .sim-field-wide input[type="range"]{
  width:100%;
  accent-color:var(--rust);
  height:28px;
}
.landing .sim-slider-cap{
  display:flex;
  justify-content:space-between;
  margin:2px 0 0;
  font-size:10px;
  color:var(--muted);
}
.landing .sim-formula,
.landing .sim-disclaimer,
.landing .sim-line-note{
  margin:14px 0 0;
  font:500 11px/1.8 var(--sans);
  color:var(--muted);
}
.landing .sim-formula strong{color:var(--ink)}
.landing .sim-disclaimer{
  padding:10px 12px;
  border:2px solid var(--yellow);
  background:var(--paper);
  color:var(--ink);
  font-weight:700;
}
.landing .sim-results{
  padding:16px 14px 14px;
  border:2px solid var(--ink);
  border-radius:16px;
  background:var(--ink);
  color:var(--paper);
}
.landing .sim-kpis{display:grid;gap:10px}
.landing .sim-kpis article{
  padding:10px 12px;
  border:1px dashed #faf5e944;
  border-radius:8px;
}
.landing .sim-kpi-label{margin:0 0 4px;font-size:11px;letter-spacing:.04em;color:#faf5e9}
.landing .sim-kpi-value{
  margin:0;
  font-family:var(--heading);
  font-weight:400;
  font-synthesis:none;
  font-size:26px;
  line-height:1.3;
  color:var(--yellow);
}
.landing .sim-section{padding-bottom:96px}
.landing .sim-compare{
  margin:14px 0 0;
  font:700 13px/1.8 var(--sans);
  color:var(--paper);
}
.landing .sim-results .sim-line-note{color:#d8d0c2}

@media(min-width:900px){
  .landing .industry-stats{grid-column:1/-1;padding:24px 28px 22px;margin-top:16px}
  .landing .industry-stats-label{font-size:18px}
  .landing .industry-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .landing .industry-stat-grid h3{font-size:20px}
  .landing .industry-stat-grid p{font-size:13px}
  .landing .sim-section{padding-block:72px}
  .landing .sim-section>.guide-lead{margin-bottom:8px}
  .landing .sim-panel{padding:28px 32px 24px}
  .landing .sim-fields{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px 24px;
  }
  .landing .sim-field-wide{grid-column:1/-1}
  .landing .sim-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .landing .sim-kpi-value{font-size:32px}
  .landing .sim-compare{font-size:16px}
  .landing .sim-formula,
  .landing .sim-disclaimer,
  .landing .sim-line-note{font-size:13px}
}

/* How-step art: never crop characters */
.landing .how-section .step-art,
.landing .how-section .step:nth-child(2) .step-art{
  aspect-ratio:4/3;
  width:100%;
  height:auto;
  padding:12px;
  overflow:hidden;
  box-sizing:border-box;
}
.landing .how-section .step-art img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
@media(min-width:900px){
  .landing .how-section .step-art,
  .landing .how-section .step:nth-child(2) .step-art{
    aspect-ratio:4/3;
    padding:14px;
  }
}


/* Simplified sources + simulator */
.landing .data-disclaimer{
  grid-column:1/-1;
  margin:14px 0 8px;
  font:700 12px/1.7 var(--sans);
  color:var(--ink);
}
.landing .data-sources{
  grid-column:1/-1;
  margin:12px 0 0;
  border:2px solid var(--ink);
  border-radius:12px;
  background:var(--paper);
}
.landing .data-sources summary{
  cursor:pointer;
  list-style:none;
  font-weight:700;
  font-size:13px;
  padding:12px 16px;
  color:var(--ink);
}
.landing .data-sources summary::-webkit-details-marker{display:none}
.landing .data-sources summary::after{
  content:'＋';
  float:right;
  font-weight:700;
  color:var(--rust);
}
.landing .data-sources[open] summary::after{content:'−'}
.landing .data-sources .data-notes{
  margin:0;
  padding:0 16px 14px;
  display:grid;
  gap:6px;
}
.landing .data-sources .data-notes li{
  font:500 11px/1.7 var(--sans);
  color:var(--muted);
  list-style:none;
}
.landing .industry-examples{
  margin:16px 0 0;
  text-align:center;
  font:500 13px/1.8 var(--sans);
  color:var(--ink);
}
.landing .industry-examples strong{font-weight:700}

.landing .sim-results{
  text-align:center;
  padding:22px 16px 18px;
}
.landing .sim-kpi-main{
  font-size:40px;
  margin:4px 0 12px;
  color:var(--yellow);
}
.landing .sim-results .sim-kpi-label{
  margin:0;
  font-size:13px;
  letter-spacing:.06em;
}
@media(min-width:900px){
  .landing .data-sources .data-notes{grid-template-columns:1fr 1fr;gap:6px 24px}
  .landing .industry-examples{font-size:15px;margin-top:24px}
  .landing .sim-kpi-main{font-size:56px}
  .landing .sim-fields{grid-template-columns:1fr 1fr}
}

.landing .sim-example{
  margin:0;
  padding:28px 20px 22px;
  border:2px solid var(--ink);
  border-radius:16px;
  background:var(--ink);
  color:var(--paper);
  text-align:center;
  box-shadow:4px 5px 0 var(--yellow);
}
.landing .sim-example-lead{
  margin:0 0 16px;
  font:700 15px/1.85 var(--sans);
  color:var(--paper);
}
.landing .sim-example-value{
  margin:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  font-family:var(--heading);
  font-weight:400;
  font-synthesis:none;
  line-height:1.3;
  color:var(--paper);
}
.landing .sim-example-kicker,
.landing .sim-example-tail{
  font:700 14px/1.5 var(--sans);
  color:var(--paper);
}
.landing .sim-example-value strong{
  font-family:var(--heading);
  font-weight:400;
  font-synthesis:none;
  font-size:44px;
  color:var(--yellow);
}
.landing .sim-example-note{
  margin:14px 0 0;
  font:500 11px/1.7 var(--sans);
  color:#d8d0c2;
}
@media(min-width:900px){
  .landing .sim-example{padding:40px 48px 32px}
  .landing .sim-example-lead{font-size:18px}
  .landing .sim-example-kicker,.landing .sim-example-tail{font-size:16px}
  .landing .sim-example-value strong{font-size:64px}
  .landing .sim-example-note{font-size:13px}
}

.landing .visually-hidden{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

.landing .sim-section,
.landing .sim-compare,
.landing .sim-compare-table{
  box-sizing:border-box;
  max-width:100%;
  min-width:0;
}
.landing .sim-compare{
  margin:0 0 6px;
  padding:16px 6px 14px;
  border:2px solid var(--ink);
  border-radius:16px;
  background:var(--paper);
  color:var(--ink);
  box-shadow:3px 4px 0 var(--yellow);
  width:100%;
  overflow-x:clip;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  container-type:inline-size;
}
.landing .sim-compare-title{
  margin:0 4px 8px;
  text-align:center;
  font:700 16px/1.7 var(--sans);
  color:var(--ink);
  word-break:keep-all;
  overflow-wrap:anywhere;
}
.landing .sim-compare-assume{
  margin:0 4px 12px;
  text-align:center;
  font:500 11px/1.65 var(--sans);
  color:var(--muted);
  word-break:normal;
  overflow-wrap:anywhere;
}
.landing .sim-compare-table{
  display:table;
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
}
.landing .sim-compare-table th,
.landing .sim-compare-table td{
  padding:8px 1px;
  vertical-align:middle;
  text-align:center;
  font:700 11px/1.35 var(--sans);
  color:var(--ink);
  border-top:1px solid #d8d0c0;
  min-width:0;
  overflow-wrap:anywhere;
}
.landing .sim-compare-table thead th{
  border-top:0;
  padding:0 1px 6px;
  font:700 10px/1.35 var(--sans);
  color:var(--muted);
}
.landing .sim-compare-table .sim-col-label{width:29%}
.landing .sim-compare-table .sim-col-diff,
.landing .sim-compare-table thead th.sim-col-diff{
  width:30%;
  color:var(--rust);
  background:#f8e6e2;
}
.landing .sim-compare-table tbody th{
  text-align:left;
  font:700 10px/1.35 var(--sans);
  padding-left:4px;
  padding-right:3px;
  word-break:keep-all;
}
.landing .sim-compare-table tbody td{
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
  font-size:clamp(10px, 3.2cqi, 12px);
}
.landing .sim-compare-table tbody td.sim-diff{
  white-space:nowrap;
  color:var(--rust);
  font-family:var(--heading);
  font-weight:400;
  font-synthesis:none;
  font-size:clamp(11px, 4.4cqi, 13px);
  line-height:1.2;
  background:#f8e6e2;
}
.landing .sim-compare-table tbody td.sim-diff-lg{font-size:clamp(11px, 4.6cqi, 13px)}
.landing .sim-short{display:inline}
.landing .sim-full{display:none}
.landing .sim-compare-stack{
  margin:12px 4px 0;
  text-align:center;
  font:700 13px/1.6 var(--sans);
  color:var(--ink);
  word-break:keep-all;
  overflow-wrap:anywhere;
}
.landing .sim-compare-note{
  margin:8px 4px 0;
  text-align:center;
  font:500 11px/1.7 var(--sans);
  color:var(--muted);
  word-break:keep-all;
  overflow-wrap:anywhere;
}
@media(min-width:900px){
  .landing .sim-short{display:none}
  .landing .sim-full{display:inline}
  .landing .sim-compare{padding:32px 40px 28px;margin:0;box-shadow:4px 5px 0 var(--yellow);overflow-x:visible}
  .landing .sim-compare-title{font-size:22px;margin-bottom:10px}
  .landing .sim-compare-assume{font-size:14px}
  .landing .sim-compare-table th,
  .landing .sim-compare-table td{padding:14px 8px;font-size:16px}
  .landing .sim-compare-table thead th{font-size:13px}
  .landing .sim-compare-table .sim-col-label{width:26%}
  .landing .sim-compare-table .sim-col-diff,
  .landing .sim-compare-table thead th.sim-col-diff{width:28%}
  .landing .sim-compare-table tbody th{font-size:14px}
  .landing .sim-compare-table tbody td{font-size:16px}
  .landing .sim-compare-table tbody td.sim-diff{font-size:22px}
  .landing .sim-compare-table tbody td.sim-diff-lg{font-size:26px}
  .landing .sim-compare-stack{font-size:16px;margin-top:18px}
  .landing .sim-compare-note{font-size:13px}
}

.landing .contact-form{position:relative}
.landing .hp-field{
  position:absolute;
  left:-10000px;
  width:1px;
  height:1px;
  overflow:hidden;
}
.landing .form-consent{
  margin:0 0 16px;
  font:500 11px/1.7 var(--sans);
  color:var(--muted);
}
.landing .form-consent a{text-decoration:underline;text-underline-offset:2px}
.landing .form-status.is-error{color:var(--rust);background:#f8e6e2}
.landing .form-status.is-ok{color:var(--green);background:#e9eddf}
.landing .contact-form.is-sent .form-hide-on-success{display:none}
.landing .contact-form .button[disabled]{opacity:.7;pointer-events:none}

/* LINE運用 first-view (lineops) */
.landing{--lineops:#06c755}
.landing .ico-bubble{display:block;width:1em;height:1em}
.landing .hero-lineops{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:auto;
  margin:0 auto 10px !important;
  padding:6px 14px !important;
  background:var(--lineops) !important;
  color:#fff !important;
  border:2px solid var(--ink);
  border-radius:999px;
  font:700 13px/1.2 var(--sans) !important;
  letter-spacing:.1em !important;
  transform:none !important;
  white-space:nowrap;
}
.landing .hero-lineops .ico-bubble{width:15px;height:15px}
.landing .hero-copy{
  inset:16px 12px auto;
  pointer-events:none;
}
.landing .hero h1{
  width:100%;
  max-width:none;
  margin:0;
  font-size:20px;
  line-height:1.4;
  letter-spacing:-.03em;
}
.landing .hero-what{font-size:15px;line-height:1.5;color:var(--ink)}
.landing .hero-what>span{padding-bottom:0}
.landing .accent-line{font-size:26px;line-height:1.35;color:var(--ink);letter-spacing:-.04em}
.landing .hero-catch{
  margin:8px 0 0;
  font:700 13px/1.65 var(--sans);
  color:var(--ink);
}
.landing .hero-price{
  margin:8px 0 0;
  font:400 22px/1.2 var(--heading);
  font-synthesis:none;
  color:var(--rust);
  letter-spacing:.02em;
}
.landing .hero-visual{
  inset:228px -4px auto;
  height:210px;
}
.landing .star-one{top:214px}
.landing .star-two{top:300px}
@media(max-width:360px){
  .landing .hero h1{font-size:18px}
  .landing .hero-what{font-size:13px}
  .landing .accent-line{font-size:22px}
  .landing .hero-catch{font-size:12px}
  .landing .hero-price{font-size:20px}
  .landing .hero-lineops{font-size:12px !important;padding:5px 12px !important}
  .landing .hero-visual{inset:214px -4px auto;height:220px}
}
@media(min-width:900px){
  .landing .header nav{gap:8px 16px;font-size:12px}
  .landing .hero-copy{
    inset:clamp(36px,6vh,72px) auto auto 48px;
    max-width:min(640px,52vw);
    text-align:left;
    z-index:3
  }
  .landing .hero-lineops{
    margin:0 0 16px !important;
    padding:7px 16px !important;
    font-size:15px !important;
    letter-spacing:.12em !important;
    transform:rotate(-1.5deg) !important;
  }
  .landing .hero-lineops .ico-bubble{width:17px;height:17px}
  .landing .hero h1{
    width:auto;
    margin:0;
    font-size:clamp(28px,3.2vw,44px);
    line-height:1.35;
    color:var(--paper);
    text-shadow:3px 3px 0 #0008
  }
  .landing .hero-what{font-size:clamp(20px,2.2vw,28px);color:var(--paper);font-weight:400}
  .landing .accent-line{font-size:clamp(36px,4.4vw,62px);color:var(--yellow)}
  .landing .hero-catch{
    margin-top:16px;
    font-size:18px;
    color:var(--paper);
    text-shadow:2px 2px 0 #0008
  }
  .landing .hero-price{
    margin-top:14px;
    font-size:clamp(26px,3vw,36px);
    color:var(--yellow)
  }
  .landing .first-action{margin-top:clamp(360px,54vh,580px)}
}
@media(min-width:900px) and (max-width:1199px){
  .landing .header nav{gap:6px 12px;font-size:11px}
  .landing .hero-copy{left:28px;max-width:min(560px,54vw)}
  .landing .hero h1{font-size:30px}
  .landing .hero-what{font-size:20px}
  .landing .accent-line{font-size:40px}
  .landing .hero-catch{font-size:16px}
  .landing .hero-price{font-size:26px}
  .landing .first-action{margin-left:28px;margin-top:clamp(300px,50vh,480px)}
}
@media(min-width:1440px){
  .landing .hero-copy{left:72px;max-width:700px}
  .landing .first-action{margin-left:72px;margin-top:clamp(380px,56vh,620px)}
}

/* lineops: desktop nav fit + keep QR note off the CTA */
@media(min-width:900px){
  .landing .hero-qr-note{
    left:auto !important;
    right:48px;
    bottom:40px;
    max-width:min(360px,34vw);
    padding:12px 16px;
    background:var(--paper);
    color:var(--ink);
    border:2px solid var(--ink);
    border-radius:8px;
    box-shadow:4px 4px 0 var(--yellow);
    transform:rotate(1.5deg);
  }
  .landing .hero-qr-note .ink-bar{
    background:transparent;
    color:var(--ink);
    padding:0;
    margin:0 0 4px;
  }
  .landing .hero-qr-note strong.ink-bar{
    font-size:13px;
    margin-left:0;
  }
  .landing .hero-qr-note .hero-qr-link.ink-bar{
    display:table;
    margin-top:8px;
    padding:5px 9px 6px;
    background:var(--ink);
    color:var(--paper);
  }
}
@media(min-width:900px) and (max-width:1199px){
  .landing .header{padding-inline:16px;gap:12px}
  .landing .header .logo{font-size:22px}
  .landing .header .logo-symbol{width:26px;height:26px;font-size:15px;margin-right:6px}
  .landing .header nav{gap:5px 7px;font-size:10px}
  .landing .header nav .nav-contact{margin-left:4px;padding:7px 11px;font-size:10px}
  .landing .hero-qr-note{right:24px;bottom:28px}
}
@media(min-width:1440px){
  .landing .hero-qr-note{right:72px}
}

/* Hide the supporting QR note on desktop; first-view already has what / result / price / CTA */
@media(min-width:900px){
  .landing .hero-qr-note{display:none}
}

/* Plans / tax / monitor / legal pages */
.landing .price-tax{
  font-family:var(--sans);
  font-weight:700;
  font-size:12px;
  letter-spacing:0;
  white-space:nowrap;
  color:inherit;
}
.landing .hero-price .price-tax{
  display:inline-block;
  margin-left:.2em;
  font-size:12px;
  color:var(--rust);
  vertical-align:middle;
}
.landing .plan-card .price{
  white-space:normal;
  align-items:baseline;
  gap:6px 8px;
}
.landing .plan-card .price-tax{
  font-size:12px;
  color:var(--ink);
}
.landing .plan-common{
  margin:0;
  padding:12px 14px;
  background:var(--yellow);
  color:var(--ink);
  border:2px solid var(--ink);
  border-radius:10px;
  font-size:13px;
  font-weight:700;
  line-height:1.75;
}
.landing .tax-note{font-weight:700}
.landing .monitor-offer{
  margin:14px 14px 0;
  padding:16px 16px 14px;
  background:var(--yellow);
  color:var(--ink);
  border:2px solid var(--ink);
  border-radius:16px;
  box-shadow:4px 4px 0 var(--ink);
  box-sizing:border-box;
  max-width:100%;
  min-width:0;
}
.landing .monitor-kicker{
  margin:0 0 4px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  color:var(--rust);
}
.landing .monitor-title{
  margin:0 0 8px;
  font-family:var(--heading);
  font-weight:400;
  font-synthesis:none;
  font-size:18px;
  line-height:1.5;
  color:var(--ink);
}
.landing .monitor-body{
  margin:0 0 6px;
  font-size:12px;
  line-height:1.8;
  color:var(--ink);
}
.landing .monitor-link{
  display:inline-block;
  margin-top:6px;
  font-size:12px;
  font-weight:700;
  border-bottom:1px solid var(--ink);
  padding-bottom:2px;
}
.landing .monitor-offer.is-pricing{
  margin:8px 0 0;
  background:var(--yellow);
  color:var(--ink);
}
.landing .monitor-offer.is-pricing .monitor-title,
.landing .monitor-offer.is-pricing .monitor-body{color:var(--ink)}
.landing .footer-legal{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  margin:8px 0 0;
}
.landing .footer-legal a{
  font-size:12px;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
  color:var(--ink);
}
@media(min-width:900px){
  .landing .plan-common{font-size:15px;padding:16px 20px}
  .landing .monitor-offer{
    width:min(1160px,calc(100% - 80px));
    margin:28px auto 0;
    padding:22px 28px;
  }
  .landing .monitor-title{font-size:24px}
  .landing .monitor-body{font-size:14px}
  .landing .footer-legal{align-items:flex-end;margin-top:10px}
  .landing .plan-card .price strong{min-width:0}
}

/* Legal pages share the LP look, without side panels or the sticky CTA. */
.legal-page .side-panel,
.legal-page .mobile-cta,
.legal-page .menu-toggle,
.legal-page .phrase-marquee{display:none !important}
.legal-page .header-pill{display:inline-flex !important;margin-left:auto}
.legal-page .header nav{display:none !important}
.legal-page{padding-bottom:0}
.legal-page .legal-main{
  padding:32px 0 72px;
  max-width:760px;
  width:calc(100% - 40px);
  margin-inline:auto;
  box-sizing:border-box;
  min-width:0;
}
.legal-page .legal-main h1{
  margin:0 0 24px;
  font-size:26px;
  line-height:1.5;
  color:var(--ink);
}
.legal-page .legal-lead{
  margin:0 0 28px;
  font-size:14px;
  line-height:1.9;
  color:var(--muted);
}
.legal-page .legal-dl{
  margin:0;
  padding:0;
  border-top:2px solid var(--ink);
}
.legal-page .legal-dl>div{
  display:grid;
  grid-template-columns:minmax(0,8.5em) minmax(0,1fr);
  gap:10px 16px;
  padding:16px 0;
  border-bottom:1px solid var(--line);
}
.legal-page .legal-dl dt{
  font-size:13px;
  font-weight:700;
  color:var(--ink);
  line-height:1.6;
}
.legal-page .legal-dl dd{
  margin:0;
  font-size:14px;
  line-height:1.85;
  color:var(--ink);
  min-width:0;
  overflow-wrap:anywhere;
}
.legal-page .legal-dl ul{
  margin:6px 0 0;
  padding-left:1.2em;
}
.legal-page .legal-section{margin:36px 0 0}
.legal-page .legal-section h2{
  margin:0 0 12px;
  font-size:20px;
  line-height:1.5;
}
.legal-page .legal-section p{
  margin:0 0 12px;
  font-size:14px;
  line-height:1.9;
  color:var(--ink);
}
.legal-mark{
  display:inline-block;
  margin-right:4px;
  padding:0 6px;
  background:var(--yellow);
  border:1px solid var(--ink);
  border-radius:4px;
  font-size:11px;
  font-weight:700;
  line-height:1.7;
  color:var(--ink);
  white-space:nowrap;
  vertical-align:2px;
}
.legal-page .legal-back{
  margin:36px 0 0;
  font-size:14px;
  font-weight:700;
}
.legal-page .legal-back a{text-decoration:underline;text-underline-offset:3px}
.legal-page .footer-legal a{color:var(--ink)}
.legal-page .footer{color:var(--ink)}
@media(max-width:600px){
  .legal-page .legal-dl>div{grid-template-columns:1fr;gap:4px}
  .legal-page .legal-main h1{font-size:22px}
  .landing .hero-price{font-size:20px}
  .landing .plan-card .price strong{font-size:34px}
}
@media(min-width:900px){
  .legal-page .page-column{max-width:none}
  .legal-page .header{position:relative}
  .legal-page .legal-main{padding:56px 0 96px;width:min(760px,calc(100% - 80px))}
  .legal-page .footer{color:var(--ink)}
  .legal-page .footer-legal a{color:var(--ink)}
}

/* Publish-ready: form consent, legal lists, 404 */
.landing .form-agree{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:0 0 18px;
  font-size:13px;
  line-height:1.7;
  color:var(--ink);
  font-weight:700;
  cursor:pointer;
}
.landing .form-agree input{
  width:18px;
  height:18px;
  margin:3px 0 0;
  padding:0;
  flex:none;
  accent-color:var(--green);
}
.landing .form-consent a,
.landing .form-agree a{
  text-decoration:underline;
  text-underline-offset:3px;
}
.landing .industry-disclaimer{
  margin-top:16px;
  font-size:12px;
  color:var(--muted);
  text-align:center;
  line-height:1.8;
}
.legal-page .legal-section ul{
  margin:10px 0 0;
  padding-left:1.3em;
  color:var(--muted);
  font-size:14px;
  line-height:1.95;
}
.legal-page .legal-section li+li{margin-top:4px}
.legal-page .legal-note{
  margin-top:36px;
  font-size:14px;
  color:var(--muted);
}
.legal-page .legal-note a,
.legal-page .legal-dl a{
  text-decoration:underline;
  text-underline-offset:3px;
}
.legal-page .legal-updated{
  margin-top:28px;
  font-size:13px;
  color:var(--muted);
}
.page-404 .legal-main h1{margin-bottom:12px}
.landing picture{display:block}
.landing picture img{display:block;width:100%;height:auto}
.landing img{max-width:100%;height:auto}

/* Speech bubbles: keep <picture> as the grid item, and give bubbles a readable width. */
.landing .guide-lead{--guide-art:86px;grid-template-columns:var(--guide-art) minmax(0,1fr)}
.landing .guide-lead.is-right{grid-template-columns:minmax(0,1fr) var(--guide-art)}
.landing .guide-line{--guide-art:92px;grid-template-columns:var(--guide-art) minmax(0,1fr)}
.landing .guide-line.is-kita,
.landing .guide-line.is-kayoi{grid-template-columns:minmax(0,1fr) var(--guide-art)}
.landing .guide-lead>picture,
.landing .guide-line>picture{
  display:block;
  width:var(--guide-art);
  max-width:var(--guide-art);
  justify-self:center;
  filter:drop-shadow(0 3px 1px #382d2418);
}
.landing .guide-lead>picture img,
.landing .guide-line>picture img{
  display:block;
  width:100%;
  height:auto;
  max-height:calc(var(--guide-art) * 1.5);
}
.landing .guide-lead.is-right>picture,
.landing .guide-line.is-kayoi>picture,
.landing .guide-line.is-kita>picture{
  grid-column:2;
  grid-row:1;
}
.landing .guide-talk{
  min-width:0;
  max-width:100%;
  align-self:end;
}
.landing .guide-lead.is-right .guide-talk,
.landing .guide-line.is-kayoi .guide-talk,
.landing .guide-line.is-kita .guide-talk{
  justify-self:end;
}
.landing .guide-bubble{
  display:inline-block;
  box-sizing:border-box;
  width:fit-content;
  min-width:min(16em,100%);
  max-width:100%;
  word-break:keep-all;
  overflow-wrap:anywhere;
  line-break:strict;
}
.landing h1,.landing h2,.landing h3,
.landing .heading-phrase,
.landing .hero-catch,
.landing .worry-answer{
  word-break:keep-all;
  overflow-wrap:anywhere;
  line-break:strict;
}
@media(min-width:900px){
  .landing .guide-lead,
  .landing .guide-line{--guide-art:150px}
  .landing .guide-intro.is-trio .guide-line,
  .landing .guide-intro.is-trio .guide-line.is-kayoi{--guide-art:140px}
  .landing .guide-intro.is-trio .guide-line.is-kayoi>picture{
    grid-column:auto;
    grid-row:auto;
  }
}
@media(min-width:900px) and (max-width:1199px){
  .landing .guide-lead,
  .landing .guide-line{--guide-art:124px}
  .landing .guide-intro.is-trio .guide-line,
  .landing .guide-intro.is-trio .guide-line.is-kayoi{--guide-art:124px}
}

@media(max-width:360px){
  .landing .guide-lead,
  .landing .guide-line{--guide-art:68px}
  .landing .guide-intro{margin-inline:10px;padding-inline:10px}
  .landing .case-block{padding-inline:4px}
  .landing .guide-bubble{padding:8px 10px}
}