
:root{--orange:#c94712;--deep:#a93508;--ink:#302a25;--muted:#72675f;--cream:#fffaf1;--peach:#f9eddd;--line:#e7ded3;--white:#fff;--green:#31584c;--shadow:0 18px 42px #58341814}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:var(--cream);font-family:'Noto Sans JP',sans-serif;font-size:15px;line-height:1.9;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:'Zen Kaku Gothic New','Noto Sans JP',sans-serif;line-height:1.5}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #2563eb;outline-offset:5px}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.section{padding:100px 0}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:800;color:var(--orange);display:block;margin-bottom:14px}.section-heading{text-align:center;margin-bottom:52px}.section-heading h2{font-size:clamp(27px,3.2vw,40px);font-weight:900;letter-spacing:.035em}.section-heading p{color:var(--muted);margin-top:16px}.accent{color:var(--orange)}.btn{min-height:54px;padding:13px 25px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:27px;font-size:14px;font-weight:700;border:1px solid transparent;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--orange);color:white;box-shadow:0 5px 0 var(--deep)}.btn-primary:hover{background:var(--deep)}.btn-outline{background:white;border-color:var(--line)}.btn-outline:hover{border-color:var(--orange)}.btn-white{background:white;color:var(--orange)}.arrow{font-size:21px;line-height:1}.site-header{height:88px;background:#fffaf1f5;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.header-inner{height:100%;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:16px}.brand img{width:116px}.brand small{font-size:10px;line-height:1.7;color:var(--muted);border-left:1px solid #d7cbbd;padding-left:16px}.desktop-nav{margin-left:auto;display:flex;gap:25px;font-size:12px;font-weight:700}.desktop-nav a:hover{color:var(--orange)}.header-inner>.btn{min-height:44px;padding:9px 18px;font-size:12px;gap:18px}.menu-toggle{display:none}.hero{padding:62px 0 0;overflow:hidden;position:relative;background:radial-gradient(ellipse at 85% 35%,#fae4c2 0,transparent 47%)}.hero-grid{display:grid;grid-template-columns:.96fr 1.04fr;gap:16px;align-items:center;min-height:558px}.hero-tag{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:700;margin-bottom:21px}.hero-tag:before{content:'';width:26px;height:2px;background:var(--orange)}.hero h1{font-size:clamp(38px,4.2vw,58px);font-weight:900;line-height:1.48;letter-spacing:.035em}.hero h1 em{font-style:normal;color:var(--orange);position:relative;display:inline-block}.hero h1 em:after{content:'';position:absolute;height:7px;bottom:5px;background:#edc38370;left:0;right:0;z-index:0}.hero-copy>p{margin-top:22px;font-size:14px;line-height:2.15;color:#675b50}.hero-actions{display:flex;gap:12px;margin-top:27px;flex-wrap:wrap}.hero-checks{display:flex;gap:18px;font-size:11px;margin-top:22px;color:var(--muted)}.hero-checks span:before{content:'✓';color:var(--orange);font-weight:900;margin-right:5px}.hero-art{height:540px;position:relative;min-width:0}.orbit{position:absolute;width:490px;height:490px;max-width:95%;border:1px dashed #cfa479;border-radius:50%;right:-15px;top:0}.orbit:before{content:'';position:absolute;inset:30px;background:#f2d5aa80;border-radius:50%}.device{display:block;border:0;padding:0;background:none;position:relative}.device:hover img{filter:brightness(.98)}.device-phone{width:204px;padding:8px;border:2px solid #51473d;background:#302b26;border-radius:32px;box-shadow:12px 21px 32px #4a2c2026}.device-phone:before{content:'';display:block;background:#302b26;position:absolute;top:9px;width:66px;height:10px;border-radius:0 0 10px 10px;left:calc(50% - 33px);z-index:1}.device-phone img{width:100%;border-radius:22px}.hero-art .device-phone{position:absolute;left:12px;top:91px;z-index:4;transform:rotate(-7deg)}.device-tablet{width:440px;background:#302b26;border:2px solid #51473d;padding:10px;border-radius:21px;box-shadow:10px 20px 35px #4a2c2024}.tablet-screen{display:block;aspect-ratio:1.4;overflow:hidden;border-radius:11px;background:#fffaf5}.tablet-screen img{width:100%;height:auto}.hero-art .device-tablet{position:absolute;right:-15px;top:56px;transform:rotate(5deg);width:82%;z-index:2}.art-label{position:absolute;font-size:12px;font-weight:800;z-index:5;background:white;padding:8px 16px;box-shadow:0 5px 20px #38241b0a;border:1px solid var(--line);border-radius:5px;transform:rotate(-4deg)}.label-customer{left:6px;top:41px}.label-kitchen{right:16px;top:4px;transform:rotate(4deg)}.hero-bubble{position:absolute;right:19px;bottom:80px;z-index:6;display:flex;gap:13px;align-items:center;transform:rotate(3deg);background:white;padding:17px 23px;border-radius:12px;box-shadow:var(--shadow)}.hero-bubble strong{font-size:28px;color:var(--orange);font-family:'Zen Kaku Gothic New';font-weight:900}.hero-bubble span{font-size:12px;font-weight:700;line-height:1.8}.hero-caption{position:absolute;right:4px;bottom:15px;font-size:10px;color:#85776a}.hero-mini-illustration{position:absolute;width:98px;height:100px;right:24px;bottom:148px;z-index:5;transform:rotate(4deg)}.value-strip{margin-top:30px;padding:26px 0 28px;border-top:1px solid #dfccad;display:grid;grid-template-columns:repeat(3,1fr)}.value-strip>div{display:flex;align-items:center;justify-content:center;gap:14px;border-right:1px solid #dfccad}.value-strip>div:last-child{border:0}.value-strip svg{width:34px;height:34px;color:var(--orange)}.value-strip small{display:block;font-size:10px;color:var(--muted)}.value-strip b{font-size:17px;letter-spacing:.05em}.story{background:white}.story-top{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:36px}.story-top h2{font-size:34px;font-weight:900}.story-top>p{font-size:13px;color:var(--muted);max-width:345px}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pain-card{padding:29px 28px 25px;background:#fff;border:1px solid #ece6dc;border-radius:12px;position:relative}.pain-card .scene{height:132px;width:100%;margin-bottom:19px}.pain-card h3{font-size:20px;font-weight:900}.pain-card p{font-size:13px;color:var(--muted);margin-top:12px}.pain-card .change{border-top:1px solid #e1d8ca;margin-top:23px;padding-top:16px;font-size:14px;font-weight:700;color:var(--orange)}.bridge{text-align:center;margin-top:42px;font-size:23px;font-weight:800;font-family:'Zen Kaku Gothic New'}.bridge span{background:linear-gradient(transparent 65%,#ffe8bd 65%)}.flow-section{padding:73px 0;background:var(--green);color:white}.flow-section .eyebrow{color:#dfc69f}.flow-section .section-heading{margin-bottom:36px}.flow-section h2{font-size:32px}.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.journey-item{text-align:center;position:relative}.journey-item:not(:last-child):after{content:'→';position:absolute;right:-26px;top:72px;color:#c5d0bb;font-size:28px}.journey-art{height:142px;background:#ffffff0a;border:1px solid #ffffff20;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative}.journey-art svg{width:140px;height:110px}.step-index{position:absolute;top:7px;left:13px;color:#e8d4ad;font-size:12px;font-weight:700;letter-spacing:.08em}.journey h3{font-size:17px;margin:18px 0 7px}.journey p{font-size:12px;color:#d3dfd8;line-height:1.9}.feature-section{background:var(--cream)}.feature-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;margin-top:84px}.feature-row:first-of-type{margin-top:0}.feature-row.reverse .feature-media{order:2}.feature-row.reverse .feature-copy{order:1}.feature-copy .number{font-size:13px;letter-spacing:.12em;color:var(--orange);font-weight:800;display:flex;align-items:center;gap:14px;margin-bottom:18px}.number:after{content:'';height:1px;width:54px;background:var(--orange)}.feature-copy h3{font-size:32px;font-weight:900;margin-bottom:22px}.feature-copy p{color:var(--muted);font-size:14px}.ticks{list-style:none;padding:0;margin:24px 0 0;font-size:13px;font-weight:600;display:grid;gap:11px}.ticks li:before{content:'✓';color:var(--orange);margin-right:9px}.feature-visual{background:var(--peach);border-radius:18px;min-height:450px;position:relative;display:flex;align-items:center;justify-content:center;gap:22px;padding:35px;overflow:hidden}.feature-visual .device-phone{width:178px;flex-shrink:0}.feature-visual .device-phone:nth-of-type(2){transform:translateY(27px) rotate(5deg);width:165px}.feature-visual .device-phone:first-of-type{transform:translateY(-12px) rotate(-4deg)}.feature-media{min-width:0}.visual-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 20px 8px;background:var(--peach);border-radius:12px 12px 0 0;font-size:14px;font-weight:700;letter-spacing:.04em;color:#6b4a2b}.visual-tab::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--orange)}.visual-tab.tab-store{background:#edf0e8;color:#3f4a36}.visual-tab.tab-store::before{background:#6b7b5a}.visual-tab+.feature-visual{border-top-left-radius:0}.feature-visual.kitchen{background:#edf0e8;flex-direction:column;min-height:440px;gap:22px}.kitchen .device-tablet{width:100%;transform:rotate(-2deg);border-radius:14px;padding:7px}.kitchen .tablet-screen{aspect-ratio:1.4;border-radius:7px}.visual-caption{font-size:12px;font-weight:700;position:relative;color:var(--green)}.bill-visual{background:#f2e9dc;gap:24px}.bill-visual .device-phone{width:180px}.bill-mini{background:white;padding:20px;border:1px solid #e1d6c6;box-shadow:var(--shadow);width:180px;transform:rotate(5deg);font-size:12px}.bill-mini strong{display:block;font-size:14px;margin-bottom:12px}.bill-mini p{display:flex;justify-content:space-between;border-bottom:1px dashed #e4d8ca;padding:9px 0}.bill-mini .bill-total{font-size:19px;font-weight:800;color:var(--orange);padding-top:10px}.bill-mini small{font-size:9px;display:block;line-height:1.8;margin-top:10px;color:var(--muted)}.screens-section{background:white}.screen-explorer{display:grid;grid-template-columns:340px 1fr;gap:70px;align-items:center}.screen-choices{display:grid;gap:11px}.screen-choice{border:1px solid var(--line);background:white;text-align:left;padding:18px 22px;border-radius:10px;display:flex;align-items:center;gap:18px;color:var(--ink)}.screen-choice[aria-pressed=true]{background:#fff4e7;border-color:var(--orange);box-shadow:inset 4px 0 var(--orange)}.screen-choice small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.screen-choice b{font-size:14px}.screen-choice>span:first-child{font-size:13px;font-weight:700;color:var(--orange)}.screen-choice>span:last-child{margin-left:auto}.screen-stage{background:#f7f5f1;border:1px solid var(--line);border-radius:18px;min-height:560px;display:grid;grid-template-columns:1fr 190px;gap:32px;padding:36px;align-items:center}.screen-stage .device-phone{width:208px;margin:auto;transform:none}.screen-stage .device-tablet{width:100%;max-width:355px;padding:8px;border-radius:14px}.screen-stage .device-tablet .tablet-screen{aspect-ratio:.98}.stage-copy .eyebrow{font-size:10px}.stage-copy h3{font-size:22px;margin-bottom:16px}.stage-copy p{font-size:12px;color:var(--muted)}.text-button{border:0;background:none;padding:0;color:var(--orange);font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:6px;margin-top:24px}.screen-note{text-align:center;margin-top:25px;font-size:11px;color:var(--muted)}.functions-section{background:var(--cream)}.fn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 38px}.fn{padding:27px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:40px 1fr;gap:8px 14px}.fn .ic{grid-row:span 2;color:var(--orange);width:35px;height:35px}.fn svg{width:30px;height:30px}.fn b{font-size:15px}.fn p{font-size:12px;color:var(--muted);line-height:1.9}.setup-section{background:#f6eddf}.setup-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center}.setup-copy h2{font-size:34px}.setup-copy p{font-size:14px;color:var(--muted);margin-top:20px}.setup-steps{list-style:none;margin:0;padding:0;display:grid;gap:0}.setup-steps li{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:21px 0;border-bottom:1px solid #dacbb8;align-items:center}.setup-steps li:last-child{border:0}.setup-steps span{font-size:22px;color:var(--orange);font-weight:800}.setup-steps b{display:block;font-size:16px}.setup-steps small{font-size:12px;color:var(--muted)}.pricing{border:1px solid var(--line);background:white;padding:40px 48px;border-radius:14px;margin-top:54px;display:flex;align-items:center;justify-content:space-between;gap:25px}.pricing h3{font-size:23px}.pricing p{font-size:13px;color:var(--muted);margin-top:8px}.pricing .eyebrow{margin-bottom:7px}.faq-section{background:white}.faq{max-width:880px;margin:auto}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;padding:23px 35px 23px 0;position:relative;font-size:14px;font-weight:700}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:'Q';font-size:17px;font-weight:700;color:var(--orange);margin-right:20px}.faq summary:after{content:'+';position:absolute;right:4px;font-size:21px;top:16px;color:var(--orange)}.faq details[open] summary:after{content:'−'}.faq details p{padding:0 35px 25px 37px;font-size:13px;color:var(--muted)}.contact-section{padding:80px 0;background:var(--orange);color:white;position:relative;overflow:hidden}.contact-inner{text-align:center;position:relative;z-index:1}.contact-inner>.eyebrow{color:#ffe0b1}.contact-inner h2{font-size:40px;font-weight:900}.contact-inner>p{font-size:14px;margin-top:19px}.contact-actions{display:flex;justify-content:center;gap:15px;margin-top:31px}.contact-actions .btn{min-width:230px}.contact-actions .btn-outline{background:transparent;border-color:#f0bba0;color:white}.contact-inner small{display:block;font-size:10px;color:#ffe1d2;margin-top:20px}.contact-bg{position:absolute;bottom:-67px;left:0;font-size:210px;font-weight:900;opacity:.065;white-space:nowrap;font-family:'Zen Kaku Gothic New';line-height:1.3;pointer-events:none}.site-footer{padding:37px 0;background:var(--cream)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-inner img{width:100px}.footer-inner small{font-size:10px;color:var(--muted)}.footer-inner>div{display:flex;align-items:center;gap:23px}.footer-inner a{font-size:12px}.mobile-cta{display:none}.skip-link{position:absolute;top:-70px;left:10px;background:white;padding:10px;z-index:50}.skip-link:focus{top:10px}.lightbox{border:0;border-radius:14px;padding:0;max-width:min(92vw,1000px);max-height:92dvh;background:#fffaf5;box-shadow:0 20px 80px #0004}.lightbox::backdrop{background:#20160ddb;backdrop-filter:blur(5px)}.dialog-header{position:sticky;top:0;background:#fffaf5;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:14px 20px;border-bottom:1px solid var(--line);z-index:2}.dialog-header h2{font-size:15px}.dialog-close{border:1px solid var(--line);border-radius:50%;width:36px;height:36px;background:white;font-size:22px}.lightbox-image{max-width:100%;width:auto;max-height:none;margin:auto}.lightbox .image-wrap{max-width:720px}.info-dialog{width:min(90vw,540px)}.dialog-body{padding:30px}.dialog-body h3{font-size:25px;margin-bottom:18px}.dialog-body p{font-size:14px;color:var(--muted)}.dialog-body .btn{margin-top:24px}.dialog-body .dialog-label{font-size:11px;color:var(--orange);font-weight:700;letter-spacing:.1em;margin-bottom:10px}.scene{color:var(--ink)}.scene svg{height:100%;width:100%}
@media(min-width:1440px){.hero{padding-top:75px}.hero-grid{min-height:590px}.hero-art{height:555px}}
@media(max-width:1100px){.brand small{display:none}.desktop-nav{gap:18px}.hero h1{font-size:45px}.hero-art .device-phone{width:180px;top:100px}.hero-art{height:485px}.hero-bubble{right:0;bottom:65px;padding:12px}.hero-bubble strong{font-size:24px}.hero-bubble span{font-size:10px}.hero-caption{bottom:6px}.feature-row{gap:40px}.feature-visual{padding:24px;gap:12px}.feature-visual .device-phone{width:160px}.feature-visual .device-phone:nth-of-type(2){width:145px}.bill-mini{width:150px;padding:13px}.screen-explorer{gap:30px;grid-template-columns:280px 1fr}.screen-stage{gap:20px;padding:26px;grid-template-columns:1fr 145px}.screen-stage .device-phone{width:185px}.setup-grid{gap:40px}}
@media(max-width:850px){.wrap{width:calc(100% - 40px)}.site-header{height:72px}.brand img{width:99px}.desktop-nav{display:none;position:absolute;left:0;right:0;top:71px;background:var(--cream);padding:25px;border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:center}.desktop-nav.open{display:flex}.header-inner>.btn{margin-left:auto}.menu-toggle{display:block;background:none;border:1px solid var(--line);border-radius:5px;padding:7px 10px;font-size:19px;line-height:1.3;color:var(--ink)}.hero{padding-top:36px}.hero-grid{grid-template-columns:minmax(0,1fr);gap:25px}.hero-copy{text-align:center}.hero-tag{font-size:12px}.hero h1{font-size:46px}.hero-actions,.hero-checks{justify-content:center}.hero-copy>p{font-size:13px}.hero-art{width:100%;max-width:550px;margin:auto;height:490px}.hero-art .device-phone{width:190px;left:30px}.hero-art .device-tablet{width:76%;right:15px}.orbit{right:10px;width:450px;height:450px}.label-customer{left:20px}.label-kitchen{right:25px}.hero-bubble{right:15px;bottom:60px;padding:15px 22px}.hero-caption{right:15px}.hero-mini-illustration{right:40px;bottom:132px}.value-strip{margin-top:12px}.value-strip b{font-size:13px}.value-strip svg{width:25px}.value-strip>div{gap:9px}.value-strip small{font-size:9px}.section{padding:70px 0}.story-top{display:block;text-align:center}.story-top h2{font-size:29px}.story-top>p{margin:18px auto 0;max-width:none}.pain-grid{gap:14px}.pain-card{padding:18px}.pain-card h3{font-size:17px}.pain-card .scene{height:110px}.pain-card p{font-size:12px}.pain-card .change{font-size:12px}.journey{gap:19px}.journey-item:not(:last-child):after{right:-18px;font-size:22px}.journey h3{font-size:14px}.journey p{font-size:11px}.feature-row{gap:25px}.feature-copy h3{font-size:25px}.feature-copy p{font-size:12px}.feature-visual{min-height:380px;padding:20px;gap:10px}.feature-visual .device-phone{width:135px}.feature-visual .device-phone:nth-of-type(2){width:120px}.ticks{font-size:11px}.bill-visual{gap:15px}.bill-visual .device-phone{width:140px}.bill-mini{width:120px;font-size:9px;padding:12px}.bill-mini strong{font-size:12px}.bill-mini .bill-total{font-size:16px}.screen-explorer{grid-template-columns:1fr;gap:25px}.screen-choices{grid-template-columns:repeat(3,1fr)}.screen-choice{padding:12px;gap:9px}.screen-choice small{font-size:9px}.screen-choice b{font-size:12px}.screen-choice>span:last-child{display:none}.screen-stage{grid-template-columns:1fr 1fr;min-height:470px;max-width:620px;width:100%;margin:auto;padding:30px 60px}.screen-stage .device-phone{width:190px}.stage-copy h3{font-size:24px}.fn-grid{gap:0 24px;grid-template-columns:repeat(2,1fr)}.setup-copy h2{font-size:28px}.setup-copy p{font-size:12px}.pricing{padding:30px}.pricing h3{font-size:20px}.contact-inner h2{font-size:32px}}
@media(max-width:580px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 36px)}.header-inner{gap:12px}.header-inner>.btn{font-size:10px;gap:10px;min-height:37px;padding:7px 12px}.hero{padding-top:30px}.hero-tag{font-size:11px;gap:8px;margin-bottom:17px}.hero h1{font-size:clamp(28px,8vw,46px);letter-spacing:.025em}.hero-copy>p{font-size:12px;margin-top:20px;line-height:2}.hero-actions{gap:10px;margin-top:23px}.hero-actions .btn{font-size:12px;padding:12px 15px;gap:13px;min-height:48px}.hero-checks{font-size:9px;gap:10px;margin-top:20px}.hero-grid{gap:23px}.hero-art{height:390px}.hero-art .device-phone{width:145px;left:8px;top:65px;border-radius:25px;padding:6px}.hero-art .device-phone img{border-radius:18px}.hero-art .device-tablet{top:32px;right:0;width:76%;padding:6px;border-radius:15px}.tablet-screen{border-radius:8px}.orbit{width:320px;height:320px;right:0;top:5px}.orbit:before{inset:19px}.art-label{font-size:9px;padding:5px 9px}.label-customer{left:0;top:19px}.label-kitchen{top:0;right:12px}.hero-bubble{right:0;bottom:51px;padding:9px 12px;gap:9px;border-radius:9px}.hero-bubble strong{font-size:24px}.hero-bubble span{font-size:9px}.hero-mini-illustration{width:73px;height:75px;right:13px;bottom:106px}.hero-caption{font-size:8px;bottom:8px;right:0}.value-strip{padding:19px 0;margin-top:0}.value-strip>div{display:block;text-align:center}.value-strip svg{display:none}.value-strip b{font-size:11px}.value-strip small{font-size:8px;margin-bottom:3px}.section{padding:58px 0}.section-heading{margin-bottom:32px}.section-heading h2{font-size:27px}.section-heading p{font-size:12px}.eyebrow{font-size:10px;margin-bottom:10px}.story-top h2{font-size:26px}.story-top>p{font-size:12px}.pain-grid{grid-template-columns:1fr;gap:14px}.pain-card{padding:22px;display:grid;grid-template-columns:104px 1fr;gap:0 20px}.pain-card .scene{height:120px;margin:0;grid-row:span 3;align-self:center}.pain-card h3{font-size:19px}.pain-card p{font-size:12px;margin-top:9px}.pain-card .change{margin-top:14px;padding-top:11px;grid-column:2}.bridge{font-size:19px;margin-top:31px}.flow-section{padding:50px 0}.flow-section h2{font-size:26px}.journey{grid-template-columns:repeat(2,1fr);gap:28px 22px}.journey-item:not(:last-child):after{display:none}.journey-art{height:125px}.journey h3{font-size:16px}.journey p{font-size:11px}.feature-row{grid-template-columns:1fr;margin-top:60px;gap:27px}.feature-row.reverse .feature-media{order:0}.feature-row.reverse .feature-copy{order:0}.feature-copy h3{font-size:28px;margin-bottom:16px}.feature-copy p{font-size:13px}.feature-copy .number{margin-bottom:14px}.feature-visual{min-height:390px;gap:22px}.feature-media{order:2}.feature-row .feature-copy{order:1}.feature-row.reverse .feature-media{order:2}.feature-row.reverse .feature-copy{order:1}.feature-visual .device-phone{width:150px}.feature-visual .device-phone:nth-of-type(2){width:138px}.feature-visual.kitchen{min-height:350px;padding:30px 23px 23px}.ticks{font-size:12px;margin-top:17px}.bill-visual .device-phone{width:155px}.bill-mini{width:140px;font-size:11px;padding:16px}.bill-mini strong{font-size:13px}.screen-choices{grid-template-columns:repeat(2,1fr);gap:8px}.screen-choice{padding:12px 10px}.screen-choice b{font-size:11px}.screen-choice small{font-size:9px}.screen-stage{padding:25px 18px;grid-template-columns:1fr 120px;gap:17px;min-height:410px}.screen-stage .device-phone{width:163px;padding:6px;border-radius:26px}.screen-stage .device-phone img{border-radius:19px}.stage-copy h3{font-size:19px}.stage-copy p{font-size:11px}.stage-copy .eyebrow{font-size:8px}.text-button{font-size:11px}.screen-note{font-size:10px}.fn-grid{grid-template-columns:1fr;gap:0}.fn{padding:23px 0;grid-template-columns:37px 1fr}.fn p{font-size:12px}.setup-grid{grid-template-columns:1fr;gap:22px}.setup-copy h2{font-size:28px}.setup-copy p{font-size:13px}.setup-steps li{padding:17px 0}.pricing{padding:25px;display:block;margin-top:33px}.pricing .btn{margin-top:20px;width:100%}.pricing h3{font-size:20px}.pricing p{font-size:12px}.faq summary{font-size:12px;padding:19px 25px 19px 0;line-height:1.8}.faq summary:before{margin-right:12px;font-size:15px}.faq details p{font-size:12px;padding-left:26px;padding-right:15px}.contact-section{padding:58px 0}.contact-inner h2{font-size:28px}.contact-inner>p{font-size:12px}.contact-actions{flex-direction:column;gap:12px;padding:0 20px}.contact-inner small{font-size:9px}.contact-bg{font-size:150px;bottom:-24px}.footer-inner{align-items:start;flex-wrap:wrap;gap:23px}.footer-inner>div{gap:14px;flex-wrap:wrap}.footer-inner small{font-size:9px}.site-footer{padding:28px 0 100px}.mobile-cta{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 18px max(11px,env(safe-area-inset-bottom));background:#fffdf9f5;backdrop-filter:blur(8px);border-top:1px solid var(--line);z-index:15}.mobile-cta>span{font-size:10px;font-weight:700}.mobile-cta .btn{min-height:38px;font-size:11px;padding:8px 18px;gap:18px}.dialog-body{padding:24px}.dialog-body h3{font-size:22px}}
@media(max-width:580px){.screen-stage{grid-template-columns:1fr;padding:26px;gap:26px}.stage-copy{order:-1}.stage-copy h3{font-size:23px;line-height:1.6}.stage-copy p{font-size:12px;max-width:28em}.stage-copy .eyebrow{font-size:10px}.screen-stage .device-phone{width:195px}.screen-stage .device-tablet{max-width:290px}.text-button{margin-top:15px}.section-heading h2{font-size:25px}}
@media(max-width:380px){.feature-visual{gap:14px;padding:20px 15px;min-height:360px}.feature-visual .device-phone{width:128px}.feature-visual .device-phone:nth-of-type(2){width:120px}.bill-mini{width:125px;padding:12px}.hero-actions .btn{font-size:11px;padding:12px;gap:10px}.hero-checks{gap:8px;font-size:8px}.header-inner{gap:8px}.brand img{width:86px}.header-inner>.btn{padding:7px 9px}.screen-stage{padding:22px}.hero-art{height:365px}.hero-art .device-phone{width:130px}.pain-card{grid-template-columns:80px 1fr;gap:0 12px;padding:18px}.pain-card h3{font-size:17px}}
.journey-art svg{max-width:100%}.journey-item{min-width:0}
@media(max-width:580px){.journey{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Refined illustration and action system */
.btn{border-radius:999px;min-height:58px;padding:13px 26px;gap:24px;transition:background .2s,box-shadow .2s,transform .2s}
.btn-primary{background:#db480e;box-shadow:0 7px 22px #be431d2b;border:1px solid #c53e09;color:#fff}
.btn-primary:hover{background:#bd3507;box-shadow:0 10px 28px #be431d40;transform:translateY(-2px)}
.btn .arrow{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#ffffff24;font-size:20px;flex:none}
.btn-outline .arrow,.btn-white .arrow{background:#c9471210}.header-inner>.btn{min-height:46px;padding:8px 17px 8px 23px;box-shadow:0 4px 15px #be431d24}
.hero-actions .btn-primary{min-width:220px}.hero-actions .btn-outline{border-color:#ccbeb0}.contact-actions .btn-white{box-shadow:0 7px 24px #7d240f33}.contact-actions .btn{font-size:15px;padding:16px 28px}
.dialog-close{position:relative;display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;min-width:38px;padding:0;line-height:1;border-radius:50%;color:var(--ink)}
.dialog-close span{position:relative;display:block;width:16px;height:16px}.dialog-close span:before,.dialog-close span:after{content:'';position:absolute;left:7px;top:-1px;width:2px;height:18px;border-radius:2px;background:currentColor;transform:rotate(45deg)}.dialog-close span:after{transform:rotate(-45deg)}.dialog-close:hover{background:#f4e8d9}
#screen-stage{scroll-margin-top:0}.pain-card .scene{position:relative;overflow:hidden;height:auto;aspect-ratio:1.55;background:white;border-radius:8px;margin-bottom:22px}.scene img{position:absolute;max-width:none!important;width:300%;height:auto;top:50%;transform:translateY(-50%);left:0}.scene-1 img{left:-100%}.scene-2 img{left:-200%}
.flow-section{background:#fff;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:85px 0}.flow-section .eyebrow{color:var(--orange)}.flow-section .section-heading p{color:var(--muted);font-size:14px}.flow-section h2 span{display:inline-block}.simple-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.flow-column{min-width:0;text-align:center}.flow-kicker{font-size:12px;font-weight:700;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:10px}.flow-kicker span{font-size:11px;letter-spacing:.1em;color:var(--orange)}.flow-picture{aspect-ratio:1.1;position:relative;overflow:hidden;background:#fff}.flow-picture img{width:400%;max-width:none;height:auto;position:absolute;left:0;top:50%;transform:translateY(-50%)}.flow-picture-1 img{left:-100%}.flow-picture-2 img{left:-200%}.flow-picture-3 img{left:-300%}.flow-column h3{background:var(--orange);color:white;font-size:18px;letter-spacing:.09em;padding:10px 0;position:relative}.flow-column:not(:last-child) h3:after{content:'';position:absolute;right:-11px;top:0;border-top:24px solid transparent;border-bottom:24px solid transparent;border-left:11px solid var(--orange);z-index:2}.flow-before,.flow-after{padding:19px 15px;min-height:106px;margin-top:7px;display:flex;flex-direction:column;justify-content:center}.flow-before{background:#f5f5f3}.flow-after{background:#fff0e6;position:relative}.flow-after:before{content:'';position:absolute;top:-3px;left:calc(50% - 7px);border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid var(--orange)}.flow-column small{font-size:10px;letter-spacing:.08em;color:var(--muted);margin-bottom:5px}.flow-column p{font-size:13px;line-height:1.7}.flow-after p{font-weight:700;color:var(--orange)}.flow-after small{color:var(--orange)}.flow-footnote{font-size:11px;color:var(--muted);text-align:center;margin-top:25px}.starter-art{margin:0 0 30px;background:white;border-radius:12px;padding:20px 15px 16px;border:1px solid var(--line)}.starter-art img{width:100%}.starter-art figcaption{font-size:11px;line-height:1.8;text-align:center;margin-top:8px;color:var(--muted)}.starter-art small{font-size:9px}.setup-grid{align-items:center}
@media(max-width:850px){.header-inner>.btn{margin-left:auto}.menu-toggle{margin-left:auto}.flow-kicker{font-size:10px;gap:6px}.flow-column p{font-size:12px}.flow-before,.flow-after{padding:15px 10px}.flow-column h3{font-size:16px}.flow-column:not(:last-child) h3:after{border-top-width:22px;border-bottom-width:22px}}
@media(max-width:580px){.consultation-cta{display:none!important}.header-inner>.btn{display:none}.hero-actions .btn-primary{min-width:0}.hero-actions .btn-outline{font-size:12px;min-height:48px;padding:10px 20px;gap:18px}.mobile-cta .btn{display:flex;min-height:46px;padding:8px 16px 8px 20px;gap:15px;font-size:12px;box-shadow:0 4px 14px #be431d2b}.mobile-cta .arrow{width:24px;height:24px;font-size:18px}.mobile-cta>span{font-size:10px}.mobile-cta{padding-top:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.dialog-header{padding:12px 14px;gap:15px}.dialog-header h2{font-size:13px;line-height:1.6}.dialog-close{flex-basis:36px;width:36px;height:36px;min-width:36px}.pain-card{display:block;padding:23px}.pain-card .scene{width:100%;aspect-ratio:1.7;height:auto;margin:0 0 17px}.pain-card h3{font-size:21px}.pain-card h3 br{display:none}.pain-card p{font-size:13px}.pain-card .change{font-size:13px}.simple-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.flow-kicker{font-size:10px;gap:5px;flex-wrap:wrap;line-height:1.5;min-height:30px}.flow-picture{aspect-ratio:.95}.flow-column h3{font-size:15px;padding:9px 0}.flow-column:nth-child(2) h3:after{display:none}.flow-column:not(:last-child) h3:after{border-top-width:20px;border-bottom-width:20px}.flow-before,.flow-after{min-height:100px;padding:13px 10px}.flow-column p{font-size:11px}.flow-section{padding:55px 0}.flow-section .section-heading p{font-size:12px}.flow-section h2{font-size:26px}.flow-footnote{font-size:10px;text-align:left}.contact-actions{padding:0}.contact-actions .btn{min-width:0;font-size:13px}.contact-inner small{margin-top:16px}.pricing .btn{display:none}.starter-art{padding:17px 9px;margin-bottom:24px}.starter-art figcaption{font-size:10px}.starter-art small{font-size:9px}#screen-stage{scroll-margin-top:0}}
.pain-card .scene{aspect-ratio:1;max-width:240px;margin:0 auto 22px}.scene-1 img{left:-103%}.scene-2 img{left:-212%}
@media(max-width:580px){.pain-card .scene{max-width:210px;aspect-ratio:1;margin:0 auto 18px}}
.pain-card .standalone-scene{background:transparent;border-radius:0;max-width:260px}.standalone-scene img{position:static;width:100%;max-width:100%!important;height:auto;transform:none;object-fit:contain;mix-blend-mode:multiply}
.staff-support{margin-top:52px;padding:38px;background:#fffaf1;border:1px solid #ead8c5;border-radius:16px;display:grid;grid-template-columns:1fr 1.15fr;gap:38px;align-items:center}.staff-intro h2{font-size:29px;font-weight:900;line-height:1.6}.staff-intro>p{font-size:13px;color:var(--muted);margin-top:17px}.order-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.order-method{background:white;border:1px solid var(--line);border-radius:10px;padding:23px 20px}.staff-method{border-color:#dcad8e}.method-label{display:inline-block;font-size:11px;font-weight:700;color:var(--orange);padding-bottom:11px;border-bottom:2px solid #edccb8;margin-bottom:15px}.order-method h3{font-size:19px;line-height:1.6}.order-method p{font-size:12px;color:var(--muted);margin-top:12px}
@media(max-width:850px){.staff-support{grid-template-columns:1fr;gap:25px;padding:30px}.staff-intro h2{font-size:28px}.staff-intro>p{max-width:45em}.pain-card .standalone-scene{max-width:240px}}
@media(max-width:580px){.staff-support{margin-top:32px;padding:24px 20px;gap:23px}.staff-intro h2{font-size:24px}.staff-intro>p{font-size:12px}.order-methods{grid-template-columns:1fr;gap:12px}.order-method{padding:19px}.order-method h3{font-size:18px}.order-method h3 br{display:none}.method-label{margin-bottom:10px;padding-bottom:7px}.order-method p{font-size:12px;margin-top:8px}.pain-card .standalone-scene{max-width:230px}}
.report-section{background:#f0f3ed;border-top:1px solid #e0e7dc;border-bottom:1px solid #e0e7dc}.report-layout{display:grid;grid-template-columns:1fr 1fr;gap:66px;align-items:center}.report-copy h2{font-size:clamp(27px,2.6vw,36px);font-weight:900;line-height:1.6}.report-lead{font-size:14px;color:var(--muted);margin-top:22px;line-height:2}.report-points{display:grid;gap:0;margin-top:27px}.report-points article{display:flex;gap:17px;padding:19px 0;border-top:1px solid #d7dfd1}.report-points article>span{color:var(--green);font-size:12px;font-weight:800;letter-spacing:.05em;padding-top:3px}.report-points h3{font-size:17px;line-height:1.6}.report-points p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:7px}.report-copy>.text-button{margin-top:15px}.report-figure{min-width:0}.report-frame{background:white;border:1px solid #d5ddd0;border-radius:14px;overflow:hidden;box-shadow:0 18px 40px #35462d16}.report-frame-top{display:flex;align-items:center;gap:9px;padding:14px 18px;border-bottom:1px solid var(--line);font-size:11px;font-weight:700}.report-status{width:7px;height:7px;background:var(--green);border-radius:50%}.report-actual{margin-left:auto;color:var(--muted);font-size:10px;font-weight:400}.report-screen{position:relative;display:block;width:100%;border:0;padding:0;background:#fffaf5;cursor:zoom-in}.report-screen img{width:100%;height:auto}.report-screen:focus-visible{outline-offset:-4px}.report-zoom-hint{position:absolute;bottom:14px;right:14px;background:#fffefaf2;border:1px solid #dfd5c8;padding:6px 12px;border-radius:999px;color:var(--ink);font-size:10px;box-shadow:0 3px 12px #3525130d}.report-figure figcaption{font-size:10px;color:var(--muted);line-height:1.8;margin-top:15px;text-align:center}
@media(max-width:1000px){.report-layout{gap:35px}.report-copy h2{font-size:28px}.report-lead{font-size:13px}.report-points h3{font-size:15px}.report-points article{gap:12px}}
@media(max-width:760px){.report-layout{grid-template-columns:1fr;gap:34px}.report-copy h2{font-size:30px}.report-points{margin-top:23px}.report-figure{max-width:520px;width:100%;margin:auto}}
@media(max-width:580px){.report-copy h2{font-size:26px}.report-lead{font-size:12px}.report-lead br{display:none}.report-points h3{font-size:15px}.report-points p{font-size:12px}.report-frame-top{font-size:10px;padding:12px}.report-figure figcaption{font-size:9px;text-align:left}.report-zoom-hint{font-size:9px;padding:5px 10px;bottom:9px;right:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.price-block{margin-top:64px}
.price-head{text-align:center;margin-bottom:30px}
.price-head h3{font-size:30px;font-weight:900;margin-top:6px}
.price-head p{font-size:13px;color:var(--muted);margin-top:10px}
.price-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:22px;align-items:stretch}
.plan-card,.option-card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:36px 38px}
.plan-card{border:2px solid var(--orange);box-shadow:var(--shadow);display:flex;flex-direction:column}
.plan-rows{display:grid;gap:4px;padding-bottom:22px;border-bottom:1px dashed var(--line);margin-bottom:22px}
.plan-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.plan-label{font-size:14px;font-weight:700;color:var(--muted)}
.plan-amount{font-weight:700;font-size:16px;white-space:nowrap}
.plan-amount b{font-size:34px;font-weight:900;letter-spacing:.01em;margin-right:2px;font-feature-settings:"tnum"}
.plan-row.main .plan-label{color:var(--ink)}
.plan-row.main .plan-amount b{font-size:50px;color:var(--orange)}
.plan-amount small{font-size:12px;color:var(--muted);font-weight:500;margin-left:4px}
.plan-card .ticks{margin:0}
.plan-note{font-size:12px;color:var(--muted);margin:18px 0 0;line-height:1.7}
.plan-card .btn{margin-top:auto;align-self:stretch;justify-content:center}
.plan-card .plan-note+.btn{margin-top:24px}
.option-card h4{margin:0 0 6px;font-size:19px;font-weight:900;display:flex;align-items:baseline;gap:10px}
.option-card h4 small{font-size:12px;font-weight:500;color:var(--muted)}
.option-list{margin:0}
.option-list>div{display:grid;grid-template-columns:1fr auto;gap:4px 18px;padding:18px 0;border-bottom:1px solid var(--line)}
.option-list dt{font-weight:700;font-size:15px}
.option-list dt small,.option-list dd small{display:block;font-weight:400;font-size:12px;color:var(--muted);line-height:1.6;margin-top:3px}
.option-list dd{margin:0;text-align:right;font-weight:800;font-size:16px;white-space:nowrap}
.option-foot{font-size:13px;color:var(--ink);margin:18px 0 0;padding:14px 16px;background:var(--cream);border-radius:10px}
@media(max-width:850px){.price-grid{grid-template-columns:1fr}.price-head h3{font-size:24px}}
@media(max-width:580px){.price-block{margin-top:44px}.plan-card,.option-card{padding:26px 20px}.plan-row.main .plan-amount b{font-size:40px}.plan-amount small{display:block;margin:0;text-align:right}.option-list>div{grid-template-columns:1fr}.option-list dd{text-align:left}}

/* ---------- mobile drawer ---------- */
.drawer{display:none}
@media(max-width:850px){
.desktop-nav,.desktop-nav.open{display:none}
.menu-toggle{display:inline-flex;align-items:center;gap:10px;margin-left:auto;padding:0;border:0;background:none;cursor:pointer;color:var(--ink);font:inherit;-webkit-tap-highlight-color:transparent}
.header-inner>.btn+.menu-toggle{margin-left:6px}
.menu-toggle-text{display:grid;height:14px;overflow:hidden;font-size:10px;font-weight:800;letter-spacing:.18em;line-height:14px}
.menu-toggle-text span{transition:transform .45s cubic-bezier(.7,0,.2,1)}
.menu-toggle-icon{position:relative;width:48px;height:48px;border-radius:50%;background:var(--ink);display:block;transition:background .35s,transform .35s;box-shadow:0 6px 16px #30251c33}
.menu-toggle-icon::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px dashed #c9471266;animation:menu-spin 14s linear infinite;transition:opacity .3s}
.menu-toggle-icon i{position:absolute;right:14px;height:2px;border-radius:2px;background:#fff;transition:transform .45s cubic-bezier(.7,0,.2,1),width .35s,top .35s,opacity .2s}
.menu-toggle-icon i:nth-child(1){top:17px;width:20px}
.menu-toggle-icon i:nth-child(2){top:23px;width:12px;background:#ffb27d}
.menu-toggle-icon i:nth-child(3){top:29px;width:16px}
.menu-toggle:hover .menu-toggle-icon i{width:20px}
.menu-toggle:active .menu-toggle-icon{transform:scale(.92)}
.menu-toggle[aria-expanded=true] .menu-toggle-icon{background:var(--orange)}
.menu-toggle[aria-expanded=true] .menu-toggle-icon::after{opacity:0}
.menu-toggle[aria-expanded=true] .menu-toggle-icon i{width:20px;top:23px}
.menu-toggle[aria-expanded=true] .menu-toggle-icon i:nth-child(1){transform:rotate(45deg)}
.menu-toggle[aria-expanded=true] .menu-toggle-icon i:nth-child(2){opacity:0;transform:translateX(-10px)}
.menu-toggle[aria-expanded=true] .menu-toggle-icon i:nth-child(3){transform:rotate(-45deg)}
.menu-toggle[aria-expanded=true] .menu-toggle-text span{transform:translateY(-100%)}
.menu-toggle:focus-visible{outline:none}
.menu-toggle:focus-visible .menu-toggle-icon{outline:3px solid #c9471266;outline-offset:6px}

.drawer{display:block;position:fixed;inset:0;z-index:19;background:var(--orange);color:#fff;overflow:hidden auto;visibility:hidden;clip-path:circle(0 at calc(100% - 44px) 36px);transition:clip-path .7s cubic-bezier(.7,0,.2,1),visibility 0s .7s}
.drawer.open{visibility:visible;clip-path:circle(150% at calc(100% - 44px) 36px);transition:clip-path .75s cubic-bezier(.7,0,.2,1),visibility 0s}
.drawer::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,#ffffff1f,transparent 45%),repeating-linear-gradient(90deg,#ffffff08 0 1px,transparent 1px 64px);pointer-events:none}
.drawer-inner{position:relative;min-height:100%;display:flex;flex-direction:column;padding:100px 28px max(32px,env(safe-area-inset-bottom));max-width:560px;margin:0 auto}
.drawer-eyebrow{font-size:11px;font-weight:800;letter-spacing:.3em;color:#ffd9bd;display:flex;align-items:center;gap:12px}
.drawer-eyebrow::after{content:"";height:1px;width:40px;background:#ffd9bd88}
.drawer-nav{display:grid;margin-top:14px}
.drawer-nav a,.drawer-cta,.drawer-foot{opacity:0;transform:translateY(22px);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
.drawer.open .drawer-nav a,.drawer.open .drawer-cta,.drawer.open .drawer-foot{opacity:1;transform:none;transition-delay:calc(.28s + var(--i)*.07s)}
.drawer-nav a{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:8px;padding:20px 2px;border-bottom:1px solid #ffffff38;color:#fff}
.dn-num{font-size:12px;font-weight:800;color:#ffd9bd;font-feature-settings:"tnum"}
.dn-label b{display:block;font-size:24px;font-weight:900;letter-spacing:.04em;line-height:1.35}
.dn-label small{display:block;font-size:10px;font-weight:700;letter-spacing:.24em;color:#ffffffa6;margin-top:2px}
.dn-arrow{width:38px;height:38px;border-radius:50%;border:1px solid #ffffff66;display:grid;place-items:center;font-size:15px;transition:background .25s,color .25s,transform .25s}
.drawer-nav a:hover .dn-arrow,.drawer-nav a:focus-visible .dn-arrow{background:#fff;color:var(--orange);transform:translateX(4px)}
.drawer-nav a:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:6px}
.drawer-cta{margin-top:34px}
.drawer-cta p{font-size:12px;font-weight:700;color:#ffe7d5;margin:0 0 12px;text-align:center}
.drawer-btn{display:flex;align-items:center;justify-content:center;gap:16px;min-height:58px;border-radius:999px;background:#fff;color:var(--orange);font-weight:900;font-size:16px;box-shadow:0 12px 26px #7a250533}
.drawer-btn .arrow{width:28px;height:28px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:15px}
.drawer-foot{margin:auto 0 0;padding-top:30px;font-size:11px;color:#ffe7d5b3;text-align:center;letter-spacing:.06em}
.drawer-mark{position:absolute;right:-18px;bottom:40px;font-size:118px;font-weight:900;line-height:1;color:#ffffff12;white-space:nowrap;pointer-events:none;writing-mode:vertical-rl;letter-spacing:-.04em;transform:translateX(30px);transition:transform 1s cubic-bezier(.2,.7,.2,1) .2s}
.drawer.open .drawer-mark{transform:none}
body.drawer-open{overflow:hidden}
body.drawer-open .site-header{background:#fffaf1;backdrop-filter:none}
body.drawer-open .mobile-cta{visibility:hidden}
}
@media(max-width:580px){.header-inner>.btn+.menu-toggle{margin-left:auto}}
@media(max-width:380px){.dn-label b{font-size:21px}.drawer-inner{padding-inline:22px}}
@keyframes menu-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.drawer,.drawer.open,.drawer-nav a,.drawer-cta,.drawer-foot,.drawer-mark,.menu-toggle-icon i,.menu-toggle-text span{transition:none!important}.menu-toggle-icon::after{animation:none}}

/* Generated hero typography: preserve its full composition at every width. */
.hero-copy .hero-headline{font-size:inherit;line-height:1;margin:18px 0 24px;width:100%}.hero-headline img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.hero-copy .hero-headline+p{margin-top:0}@media(max-width:580px){.hero-copy .hero-headline{margin:12px 0 20px}}
.hero-headline img{mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect}
/* 資料ダウンロード導線 */
.hero-sublink{display:inline-block;margin-top:14px;font-size:13px;font-weight:700;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.hero-sublink:hover{color:var(--orange)}
.btn-download{border-color:var(--orange);color:var(--orange)}
.btn-download:hover{background:#fff3ea}
.contact-actions .btn-download{color:#fff;border-color:#f0bba0}
.contact-actions .btn-download:hover{background:#ffffff1a}
.drawer-btn-ghost{margin-top:10px;background:transparent;color:#fff;border:1.5px solid #ffffffb3;box-shadow:none}
.drawer-btn-ghost .arrow{background:#ffffff26}
@media(max-width:850px){.hero-sublink{display:block;text-align:center}}
/* PCヘッダー：ナビとCTAを大きく */
@media(min-width:851px){
.desktop-nav{font-size:15px;gap:34px;letter-spacing:.03em}
.desktop-nav a{position:relative;padding:6px 0}
.desktop-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.desktop-nav a:hover::after{transform:none}
.header-inner>.btn{font-size:15px;min-height:54px;padding:10px 20px 10px 28px;gap:18px}
.header-inner>.btn .arrow{width:30px;height:30px;font-size:18px}
}
@media(min-width:851px) and (max-width:1100px){
.desktop-nav{font-size:14px;gap:22px}
.brand small{display:none}
.header-inner>.btn{font-size:14px;min-height:50px;padding:9px 16px 9px 22px;gap:14px}
}
.hero-actions .hero-download{min-width:280px;font-size:16px}
@media(max-width:850px){.hero-actions .hero-download{min-width:0;font-size:14px;padding:12px 18px 12px 26px}}
/* フッターのリンク */
.footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 22px;max-width:640px}
.footer-links a{font-size:12px}
.footer-links a:hover{color:var(--orange)}
.footer-links small{flex-basis:100%;text-align:right}
@media(max-width:850px){.footer-links{justify-content:flex-start;gap:8px 18px}.footer-links small{text-align:left}}
@media(max-width:850px){.value-strip svg{display:block!important;width:28px;height:28px;margin:0 auto 8px;flex:none}}
@media(max-width:580px){.value-strip b{font-size:min(12px,2.65vw);letter-spacing:0;white-space:nowrap;display:block}.value-strip small{font-size:min(9px,2.2vw);letter-spacing:0;white-space:nowrap}}
.mobile-cta-price{line-height:1.5;white-space:nowrap}
.mobile-cta-price b{color:var(--orange);font-size:14px;font-weight:900;margin-left:4px}
.mobile-cta-price small{font-size:9px;color:var(--muted);margin-left:1px}
@media(max-width:850px){.mobile-cta .btn{white-space:nowrap;font-size:12px;padding:8px 12px 8px 18px;gap:10px;flex:none}.mobile-cta .arrow{width:24px;height:24px;font-size:15px}}
@media(max-width:360px){.mobile-cta{gap:8px;padding-left:12px;padding-right:12px}.mobile-cta .btn{font-size:11px;padding:8px 10px 8px 14px}.mobile-cta-price b{font-size:13px}}
/* WordPress のログイン中に出る管理バーの分だけ、固定ヘッダーを下げる */
.admin-bar .site-header,.admin-bar .dl-header{top:32px}
@media(max-width:782px){.admin-bar .site-header,.admin-bar .dl-header{top:46px}}
@media(max-width:600px){.admin-bar .site-header,.admin-bar .dl-header{top:0}}
/* ナビが5項目になったので、狭めのPC幅で折り返さないようにする */
.desktop-nav a{white-space:nowrap}
@media(min-width:851px) and (max-width:1024px){.desktop-nav{font-size:13px;gap:16px}.header-inner>.btn{font-size:13px;padding:8px 12px 8px 18px;gap:10px}.header-inner{gap:16px}}

/* 2026-09-30 料金: スタンダードと上位プランを縦に並べる／機能一覧の上位プランの印 */
.plan-stack{display:flex;flex-direction:column;gap:18px}
.plan-name{margin:0 0 14px;font-size:15px;font-weight:900;color:var(--orange);letter-spacing:.04em}
.plan-card-premium{border-width:1px;border-color:var(--line);box-shadow:none;background:#fffaf5}
.plan-card-premium .plan-name{color:var(--ink)}
.plan-amount-ask b{letter-spacing:.06em}
.price-grid>.option-card{align-self:start}
.fn-plan{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:#fff1e6;color:var(--orange);font-size:11px;font-weight:700;vertical-align:2px}

/* 料金（2プランを横並び＋機能の比較表）2026-09-30 */
.price-grid-v2{display:block}
.plan-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.plan-v2{position:relative;border:1px solid var(--line);box-shadow:none;padding:34px 34px 30px}
.plan-v2-premium{border:2px solid var(--orange);box-shadow:var(--shadow);background:#fffaf5}
.plan-v2-premium .plan-name{color:var(--orange)}
.plan-v2 .plan-name{color:var(--ink);font-size:18px;margin:0 0 6px}
.plan-badge{position:absolute;top:-14px;left:32px;background:var(--orange);color:#fff;font-size:12px;font-weight:700;line-height:1;padding:8px 14px;border-radius:999px;letter-spacing:.04em}
.plan-lead{font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 18px;min-height:3.6em}
.plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;padding-bottom:6px}
.plan-price-main{font-weight:700;font-size:18px;white-space:nowrap}
.plan-price-main b{font-size:52px;font-weight:900;line-height:1.1;letter-spacing:.01em;font-feature-settings:"tnum";color:var(--ink);margin-right:2px}
.plan-v2-premium .plan-price-main b{color:var(--orange)}
.plan-price-sub{font-size:12px;color:var(--muted)}
.plan-init{font-size:13px;color:var(--muted);margin:0 0 18px;padding-bottom:18px;border-bottom:1px dashed var(--line)}
.plan-init b{color:var(--ink);font-size:15px}
.plan-points{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.plan-points li{font-size:13px;font-weight:700;line-height:1.4;padding:7px 12px;border-radius:999px;background:var(--cream);border:1px solid var(--line)}
.plan-points-plus li{background:#fff1e6;border-color:#f5c9a8;color:var(--deep)}
.plan-points-plus li::before{content:"＋";margin-right:3px}
.plan-v2 .btn{margin-top:auto}
.btn-ghost-orange{background:var(--white);color:var(--orange);border:2px solid var(--orange)}
.btn-ghost-orange:hover{background:#fff1e6}
.plan-compare-wrap{margin-top:34px;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:10px 30px 26px}
.plan-compare{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6}
.plan-compare caption{text-align:left;font-size:17px;font-weight:900;padding:18px 0 8px}
.plan-compare thead th{font-size:13px;font-weight:700;color:var(--muted);padding:10px 8px;border-bottom:2px solid var(--line);text-align:center;white-space:nowrap}
.plan-compare thead th:first-child{text-align:left;padding-left:0}
.plan-compare thead th.is-premium{color:var(--orange)}
.plan-compare tbody th{text-align:left;font-weight:500;padding:12px 8px 12px 0}
.plan-compare tbody th small{display:block;font-size:12px;color:var(--muted);font-weight:400}
.plan-compare td{text-align:center;width:120px;padding:12px 8px}
.plan-compare td.is-premium{background:#fff7f0}
.plan-compare tbody tr+tr>*{border-top:1px solid var(--line)}
.plan-compare-group th{font-size:12px!important;font-weight:700!important;color:var(--orange);letter-spacing:.06em;padding:20px 0 6px!important;background:none}
.plan-compare .yes{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--orange);color:#fff;font-size:13px;font-weight:900;line-height:1}
.plan-compare .no{color:#c4b9ad;font-weight:700}
.plan-compare-wrap .plan-note{margin-top:18px}
.option-card-v2{margin-top:22px}
.option-card-v2 .option-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px}
.option-card-v2 .option-list>div{display:flex;flex-direction:column;border-bottom:0;padding:16px 0 4px}
.option-card-v2 .option-list dd{text-align:left;margin-top:auto;padding-top:8px}
@media(max-width:850px){.plan-pair{grid-template-columns:1fr;gap:30px}.plan-lead{min-height:0}.option-card-v2 .option-list{grid-template-columns:1fr}.option-card-v2 .option-list>div{border-bottom:1px solid var(--line);padding:16px 0}.option-card-v2 .option-list>div:last-child{border-bottom:0}}
@media(max-width:580px){.plan-v2{padding:30px 20px 24px}.plan-badge{left:20px}.plan-price-main b{font-size:44px}.plan-compare-wrap{padding:4px 16px 20px}.plan-compare{font-size:13px}.plan-compare td{width:64px;padding:12px 4px}.plan-compare thead th{font-size:11px;padding:10px 2px}}
