/* Unified anime-inspired art direction: halftone, speed lines, panel framing */
:root{--anime-orange:#eb7d12;--anime-green:#019740;--anime-ink:#191714;--anime-paper:#fffaf3}
body{position:relative}
body::before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.045;background-image:radial-gradient(circle,#191714 1px,transparent 1.2px);background-size:7px 7px;mix-blend-mode:multiply}
.header,.site-header,.industry-header,.topbar{border-bottom:3px solid transparent!important;border-image:linear-gradient(90deg,var(--anime-orange),#ffcf62,var(--anime-green)) 1!important;box-shadow:0 8px 30px #1b10090d}
.logo-wordmark b,.wordmark b{position:relative}.logo-wordmark b::after,.wordmark b::after{content:"";position:absolute;right:-7px;top:-3px;width:7px;height:7px;background:var(--anime-orange);clip-path:polygon(50% 0,62% 35%,100% 50%,62% 65%,50% 100%,38% 65%,0 50%,38% 35%)}
.page-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:8px solid var(--anime-orange)}
.page-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(112deg,transparent 0 28px,#ffffff0c 29px 31px,transparent 32px 58px)}
.page-hero::after{content:"";position:absolute;right:-4vw;bottom:-70px;width:38vw;height:190px;z-index:-1;background:linear-gradient(135deg,transparent 49%,var(--anime-green) 50% 66%,var(--anime-orange) 67% 76%,transparent 77%);opacity:.9;transform:skewX(-18deg)}
.page-hero h1,.premium-hero h1,.industry-hero h1{position:relative;text-wrap:balance}.page-hero h1::after,.premium-hero h1::after,.industry-hero h1::after{content:"";display:block;width:clamp(70px,12vw,150px);height:7px;margin-top:18px;background:linear-gradient(90deg,var(--anime-orange) 0 68%,var(--anime-green) 68%);clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}
.eyebrow,.section-kicker,.industry-eyebrow{display:inline-flex!important;align-items:center;gap:8px;font-weight:900!important}.eyebrow::before,.industry-eyebrow::before{content:"✦";color:var(--anime-orange);font-size:.9rem}
main section:not(.hero):not(.premium-hero):not(.industry-hero){position:relative}
main section:not(.hero):not(.premium-hero):not(.industry-hero):nth-of-type(even)::after{content:"";position:absolute;right:0;top:0;width:110px;height:110px;pointer-events:none;background:repeating-linear-gradient(135deg,var(--anime-orange) 0 3px,transparent 3px 11px);clip-path:polygon(100% 0,100% 100%,0 0);opacity:.12}
.card,.feature,.option,.case-card,.service-card,.business-card,.plan,.mode-grid article,.trust-proof-grid article,.industry-card,.info-card,.pain-card,.support-card{position:relative;overflow:hidden;border-width:2px!important;box-shadow:8px 8px 0 #19171412;transition:transform .22s ease,box-shadow .22s ease!important}
.plan{overflow:visible!important}.plan .recommend{z-index:5}
.card::after,.feature::after,.option::after,.case-card::after,.service-card::after,.business-card::after,.plan::after,.mode-grid article::after,.trust-proof-grid article::after,.industry-card::after,.info-card::after,.pain-card::after,.support-card::after{content:"";position:absolute;right:-1px;top:-1px;width:46px;height:46px;background:linear-gradient(135deg,var(--anime-orange) 0 50%,transparent 51%);opacity:.9;pointer-events:none}
.card:hover,.feature:hover,.option:hover,.case-card:hover,.service-card:hover,.business-card:hover,.plan:hover,.mode-grid article:hover,.trust-proof-grid article:hover,.industry-card:hover,.info-card:hover,.pain-card:hover,.support-card:hover{transform:translate(-3px,-4px)!important;box-shadow:12px 13px 0 #19171418!important}
.btn,.nav-cta,.industry-cta,.sticky-cta a{position:relative;overflow:hidden;border-radius:8px!important;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);font-weight:900!important;letter-spacing:.025em}.btn::after,.nav-cta::after,.industry-cta::after,.sticky-cta a::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff52 45%,transparent 65%);transform:translateX(-130%);transition:transform .45s}.btn:hover::after,.nav-cta:hover::after,.industry-cta:hover::after,.sticky-cta a:hover::after{transform:translateX(130%)}
.section-head h2,.section-title,.content-title{position:relative}.section-head h2::before,.section-title::before,.content-title::before{content:"";position:absolute;left:-18px;top:.12em;width:6px;height:.88em;background:linear-gradient(var(--anime-orange) 0 62%,var(--anime-green) 62%);transform:skewY(-18deg)}
.section-head,.pricing-head,.featured-tools-head{display:block!important}.section-head>p,.pricing-head>p,.featured-tools-head>p{max-width:760px!important;margin:16px 0 0!important;line-height:1.9}.pricing-head>div,.featured-tools-head>div{max-width:900px}
.media-frame,.visual-box,.industry-figure,.case-banner-link{position:relative;border:3px solid #fff;outline:2px solid #211d19;box-shadow:10px 10px 0 var(--anime-orange)!important}.media-frame img,.visual-box img,.industry-figure img,.case-banner-link img,.business-image{filter:saturate(1.1) contrast(1.035)}
.flow article,.premium-flow article,.process-row,.funnel-step{position:relative}.flow article::before,.premium-flow article::before{font-style:italic!important;text-shadow:2px 2px 0 #ffffff55}
.cta-band,.contact,.industry-final-cta{position:relative;isolation:isolate;overflow:hidden}.cta-band::before,.contact::before,.industry-final-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-radial-gradient(circle at 82% 52%,transparent 0 16px,#ffffff18 17px 19px,transparent 20px 35px);transform:scale(1.7)}
.cta-band::after{content:"";position:absolute;right:max(12px,4vw);bottom:-25px;width:150px;height:190px;background:url('../images/top/mikan.png') center bottom/contain no-repeat;filter:drop-shadow(8px 10px 0 #0002);pointer-events:none}.cta-band .wrap{position:relative;z-index:1;padding-right:170px}
.faq details,.faq-list details{border-left:5px solid transparent!important}.faq details[open],.faq-list details[open]{border-left-color:var(--anime-orange)!important;background-image:linear-gradient(90deg,#fff2e8,transparent 28%)}
.premium-industry{--anime-orange:var(--accent,#eb7d12);--anime-green:var(--accent-2,#019740)}
.premium-industry .industry-hero{border-bottom:8px solid var(--anime-orange);clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),62% 100%,0 calc(100% - 9px))}
.premium-industry .industry-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(112deg,transparent 0 34px,#ffffff0c 35px 37px,transparent 38px 66px)}
.premium-industry .industry-hero-content{position:relative;z-index:1}
@media(max-width:760px){body::before{opacity:.03;background-size:9px 9px}.page-hero::after{width:62vw;opacity:.45}.section-head h2::before,.section-title::before,.content-title::before{left:-10px;width:4px}.cta-band::after{width:95px;height:125px;opacity:.72}.cta-band .wrap{padding-right:82px}.card,.feature,.option,.case-card,.service-card,.business-card,.plan,.industry-card,.info-card{box-shadow:5px 6px 0 #19171412}.premium-industry .industry-hero{clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),55% 100%,0 calc(100% - 5px))}}
@media(prefers-reduced-motion:reduce){.btn::after,.nav-cta::after,.industry-cta::after,.sticky-cta a::after{display:none}.card,.feature,.option,.case-card,.service-card,.business-card,.plan,.industry-card,.info-card{transition:none!important}}

/* One shared header for every public page */
.unified-site-header{position:relative;z-index:1000;width:100%;height:auto!important;min-height:72px;background:#fffaf5f2!important;color:#191714!important;backdrop-filter:blur(16px);border-bottom:3px solid transparent!important;border-image:linear-gradient(90deg,#eb7d12,#ffcf62,#019740) 1!important;box-shadow:0 8px 30px #1b10090d!important}
.header.unified-site-header{position:relative!important;z-index:10000!important;isolation:isolate}
.unified-site-header .wrap{width:min(1180px,calc(100% - 40px));min-height:72px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0!important}
.unified-site-header .logo{display:inline-flex;align-items:center;color:#191714!important;text-decoration:none!important;flex:0 0 auto}
.unified-site-header .logo-wordmark{display:grid;grid-template-columns:auto auto;align-items:end;column-gap:5px;line-height:.92;font-family:"DM Sans","Noto Sans JP",sans-serif;font-weight:900;letter-spacing:.03em}
.unified-site-header .logo-wordmark b{color:#eb7d12;font-size:1.2rem}.unified-site-header .logo-wordmark>span{font-size:1.2rem}.unified-site-header .logo-wordmark small{grid-column:1/-1;margin-top:6px;color:#7b6f65;font-size:.48rem;letter-spacing:.22em}
.unified-global-nav{display:flex!important;align-items:center;gap:clamp(14px,2vw,28px);margin:0!important;padding:0!important;background:transparent!important;position:static!important;transform:none!important;box-shadow:none!important}
.unified-global-nav a{color:#28231f!important;text-decoration:none!important;font-size:.84rem;font-weight:800;white-space:nowrap}
.unified-global-nav a:not(.unified-nav-cta):hover{color:#eb7d12!important}
.unified-global-nav .unified-nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px!important;background:#eb7d12!important;border:0!important;color:#fff!important}
.unified-menu-btn{display:none!important;width:44px;height:44px;padding:0!important;border:1px solid #d9cfc5!important;border-radius:8px!important;background:#fff!important;color:#191714!important;font-size:1.45rem!important;line-height:1!important;clip-path:none!important}
@media(max-width:860px){.unified-site-header .wrap{width:min(100% - 28px,1180px);min-height:64px}.unified-site-header .logo-wordmark b,.unified-site-header .logo-wordmark>span{font-size:.92rem}.unified-site-header .logo-wordmark small{font-size:.38rem}.unified-menu-btn{display:inline-grid!important;place-items:center}.unified-global-nav{display:none!important;position:absolute!important;left:14px!important;right:14px!important;top:calc(100% + 3px)!important;z-index:1001!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:10px!important;background:#fffaf7!important;border:2px solid #231f1b!important;border-top:5px solid #eb7d12!important;box-shadow:8px 10px 0 #19171420!important;transform:none!important}.unified-global-nav.open{display:flex!important}.unified-global-nav a{display:flex!important;align-items:center!important;min-height:48px!important;padding:0 14px!important;border-bottom:1px solid #e9ded4!important}.unified-global-nav .unified-nav-cta{margin-top:8px!important;border-bottom:0!important}}

/* Keep the shared header identical even when page-specific CSS is more specific. */
.unified-site-header .logo .logo-wordmark{font-size:initial!important}
.unified-site-header .logo .logo-wordmark b,.unified-site-header .logo .logo-wordmark>span{font-size:1.2rem!important;line-height:.92!important}
.unified-site-header .logo .logo-wordmark small{font-size:.48rem!important;line-height:1!important}
.unified-site-header .nav.unified-global-nav{gap:clamp(14px,2vw,28px)!important}
.unified-site-header .logo .logo-wordmark{letter-spacing:.08em!important}
.unified-site-header .logo::before,.unified-site-header .logo::after{content:none!important;display:none!important}
.unified-site-header .logo{width:auto!important;height:48px!important;margin:0!important;padding:0!important}
.unified-site-header .logo .logo-wordmark{font-family:Arial,sans-serif!important}
.unified-site-header .logo .logo-wordmark b{font-weight:950!important}
.unified-site-header .logo .logo-wordmark>span{font-weight:900!important}
.unified-site-header .logo .logo-wordmark small{margin-top:7px!important;font-weight:700!important;letter-spacing:.3em!important}
.unified-site-header .nav.unified-global-nav>a{display:flex!important;align-items:center!important;padding:0 12px!important;line-height:normal!important}
.unified-site-header .nav.unified-global-nav>a{font-family:Arial,"Noto Sans JP",sans-serif!important}
@media(max-width:860px){.unified-site-header .logo .logo-wordmark b,.unified-site-header .logo .logo-wordmark>span{font-size:.92rem!important}.unified-site-header .logo .logo-wordmark small{font-size:.38rem!important}.unified-site-header .nav.unified-global-nav{display:none!important;gap:0!important}.unified-site-header .nav.unified-global-nav.open{display:flex!important}}