:root{--navy:#09275b;--navy2:#061a3f;--green:#08a64a;--green2:#067436;--red:#df2026;--gold:#c78a08;--ink:#152033;--muted:#566276;--line:#dce3ec;--soft:#f3f7fb;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Yu Gothic","Meiryo",system-ui,sans-serif;line-height:1.65;background:#fff}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p,span,b,strong{overflow-wrap:anywhere}h2{margin:0;font-size:clamp(29px,3.4vw,46px);line-height:1.28;letter-spacing:0}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:9px 5vw;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 4px 18px rgba(9,39,91,.08)}.brand-lockup{display:flex;align-items:center;gap:10px}.brand-lockup img{width:58px;height:46px;object-fit:contain}.brand-lockup span,.brand-lockup strong,.brand-lockup small{display:block;line-height:1.1}.brand-lockup strong{color:var(--navy);font-size:16px}.brand-lockup small{margin-top:4px;color:var(--gold);font-size:10px;font-weight:900}.nav{display:flex;align-items:center;gap:20px;color:var(--navy);font-size:13px;font-weight:900}.nav-cta{padding:9px 15px;color:#fff;background:var(--green);border-radius:6px}
.hero{position:relative}.flyer-hero{min-height:690px;display:flex;align-items:center;overflow:hidden;background:var(--navy2)}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 42%,rgba(255,255,255,.25) 70%,rgba(6,26,63,.2) 100%)}.company-hero .hero-bg{object-position:center}.hero-copy{position:relative;z-index:2;width:min(880px,68vw);padding:62px 2vw 62px 5vw}.audience-pill,.eyebrow{display:inline-block;margin:0 0 13px;padding:6px 13px;color:#fff;background:var(--navy);border-radius:5px;font-size:14px;font-weight:900}.hero h1{margin:0;color:#111;font-size:clamp(39px,3.9vw,55px);line-height:1.15;letter-spacing:0}.hero h1 em{color:var(--gold);font-style:normal}.hero h1 strong{color:var(--red)}.hero-promise{margin:20px 0 0;color:var(--navy);font-size:clamp(29px,3.6vw,50px);font-weight:950;line-height:1.15}.hero-promise span{border-bottom:9px solid #ffe100}.lead{max-width:650px;margin:19px 0 0;color:#26364c;font-size:18px;font-weight:800}.hero-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.hero-facts span{padding:7px 11px;color:var(--green2);background:#fff;border:2px solid #b9e4c9;border-radius:5px;font-size:13px;font-weight:900}.actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:12px 21px;border:2px solid var(--navy);border-radius:6px;font-weight:950;text-align:center}.button.primary{color:#fff;background:var(--green);border-color:var(--green);box-shadow:0 12px 24px rgba(8,166,74,.25)}.button.secondary{color:var(--navy);background:#fff}
.audience-switch{display:grid;grid-template-columns:1fr 250px 250px;gap:12px;align-items:stretch;padding:18px 5vw;color:#fff;background:var(--navy)}.audience-switch>div{display:flex;flex-direction:column;justify-content:center}.audience-switch span,.audience-switch small{color:#dbe7ff}.audience-switch a{display:flex;flex-direction:column;justify-content:center;padding:12px 16px;background:#fff;color:var(--navy);border-left:6px solid var(--green);border-radius:5px}.audience-switch a:last-child{border-left-color:var(--gold)}.audience-switch small{color:var(--muted);font-weight:700}
.section{padding:82px 5vw;scroll-margin-top:90px}.band{background:var(--soft)}.section-heading{max-width:900px;margin-bottom:34px}.section-heading.centered{margin-left:auto;margin-right:auto;text-align:center}.section-heading p{margin:12px 0 0;color:var(--muted);font-size:17px;font-weight:700}.red{color:var(--red)}.problem-grid,.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1180px;margin:auto}.problem-grid article,.service-grid article{display:flex;flex-direction:column;padding:23px;background:#fff;border:1px solid var(--line);border-top:6px solid var(--navy);border-radius:6px;box-shadow:0 8px 22px rgba(9,39,91,.06)}.problem-grid article:nth-child(2n),.service-grid article:nth-child(2n){border-top-color:var(--green)}.problem-grid article:nth-child(3n),.service-grid article:nth-child(3n){border-top-color:var(--gold)}.problem-grid b,.service-grid strong{font-size:20px;color:var(--navy)}.problem-grid span,.service-grid span{margin-top:4px;color:var(--muted);font-weight:700}
.center-action{display:flex;justify-content:center;margin-top:28px}
.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1000px;margin:auto}.metric-row div{padding:25px;color:#fff;background:var(--navy);border-radius:6px;text-align:center}.metric-row div:nth-child(2){background:var(--green2)}.metric-row div:nth-child(3){background:var(--gold)}.metric-row strong,.metric-row span{display:block}.metric-row strong{font-size:34px}.metric-row span{font-weight:800}.feature-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:50px;align-items:center}.feature-detail.reverse .detail-copy{order:2}.detail-copy{max-width:720px}.detail-copy h2{font-size:clamp(28px,3vw,42px)}.detail-copy>p:not(.eyebrow){color:var(--muted);font-size:17px;font-weight:700}.detail-no{display:block;color:#d8e2ee;font-size:62px;font-weight:950;line-height:1}.check-list{display:grid;gap:8px;padding:0;margin:22px 0 0;list-style:none}.check-list li{padding:11px 14px 11px 42px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--green);border-radius:5px;font-weight:800;position:relative}.check-list li:before{content:"✓";position:absolute;left:14px;color:var(--green);font-weight:950}.mini-board,.week-board,.message-demo,.reply-demo{display:grid;gap:10px;padding:25px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 16px 38px rgba(9,39,91,.12)}.mini-board>strong,.week-board>strong{color:var(--navy);font-size:22px}.mini-board div{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--soft)}.status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:900}.red-bg{color:#a10d17;background:#ffd7d9}.yellow-bg{color:#725000;background:#ffedaf}.green-bg{color:#075f30;background:#ccefd9}.week-board span{padding:12px;border-left:5px solid var(--gold);background:var(--soft);font-weight:800}.message-demo{background:#202124;color:#fff}.message-demo span{color:#aaa}.message-demo p,.reply-demo p{padding:14px;background:#38393b;border-radius:12px;font-weight:800}.message-demo b{padding:12px;color:#075f30;background:#b9edc8;border-radius:12px}.reply-demo p{color:#fff;background:var(--green)}.reply-demo b{padding:14px;color:var(--navy);background:#eef4fb;border-radius:12px}.detail-image{width:100%;max-height:470px;object-fit:cover;border-radius:6px;box-shadow:0 16px 38px rgba(9,39,91,.15)}.detail-image.sheet-image{object-fit:contain;background:#fff;padding:15px}.doc-stack{position:relative;min-height:340px}.doc-stack div{position:absolute;display:grid;gap:9px;width:72%;padding:25px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 38px rgba(9,39,91,.15)}.doc-stack div:first-child{left:0;top:0;transform:rotate(-4deg)}.doc-stack div:last-child{right:0;bottom:0;transform:rotate(4deg)}.doc-stack strong{color:var(--navy);font-size:22px}.doc-stack span{padding:8px;background:var(--soft)}.doc-stack b{color:var(--red);font-size:20px}.industry-grid,.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.industry-grid article,.trust-grid article{display:flex;flex-direction:column;padding:24px;background:#fff;border:1px solid var(--line);border-bottom:6px solid var(--green);border-radius:6px}.industry-grid strong,.trust-grid b{color:var(--navy);font-size:19px}.industry-grid span,.trust-grid span{color:var(--muted);font-weight:700}.process-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0;list-style:none;counter-reset:steps}.process-list li{padding:22px;background:#fff;border:1px solid var(--line);border-top:6px solid var(--green);border-radius:6px;counter-increment:steps}.process-list li:before{content:counter(steps);display:grid;place-items:center;width:36px;height:36px;margin-bottom:12px;color:#fff;background:var(--navy);border-radius:50%;font-weight:950}.process-list b,.process-list span{display:block}.process-list b{color:var(--navy);font-size:19px}.process-list span{color:var(--muted);font-weight:700}.faq-list{display:grid;gap:10px;max-width:900px;margin:auto}.faq-list details{padding:18px 20px;background:#fff;border:1px solid var(--line);border-left:6px solid var(--green);border-radius:5px}.faq-list summary{color:var(--navy);font-size:17px;font-weight:900;cursor:pointer}.faq-list p{margin:12px 0 0;color:var(--muted);font-weight:700}
.flow{display:grid;grid-template-columns:minmax(250px,.7fr) 58px minmax(0,1.3fr);gap:18px;align-items:center}.flow-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 15px 35px rgba(9,39,91,.1)}.flow-card img{width:100%;height:430px;object-fit:contain;padding:14px;background:#edf4f1}.flow-card.wide img{object-fit:contain}.flow-card div{display:flex;flex-direction:column;padding:18px 20px 22px}.flow-card b{color:var(--navy);font-size:20px}.flow-card span{color:var(--muted);font-weight:700}.arrow{display:grid;place-items:center;width:55px;height:55px;color:#fff;background:var(--green);border-radius:50%;font-size:30px;font-weight:950}.illustration{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;margin-top:45px;padding:25px;background:#fff;border:1px solid var(--line);border-radius:6px}.illustration img{width:100%}.illustration strong{color:var(--navy);font-size:27px}.illustration p{color:var(--muted);font-weight:700}
.flyer-section{display:grid;grid-template-columns:minmax(0,.75fr) minmax(340px,.55fr);gap:48px;align-items:center;background:#fff}.flyer-section p{color:var(--muted);font-size:17px;font-weight:700}.flyer-section img{max-height:760px;margin:auto;border:1px solid var(--line);box-shadow:0 18px 45px rgba(9,39,91,.17)}
.offer{display:grid;grid-template-columns:1fr .85fr;gap:40px;align-items:center;color:#fff;background:linear-gradient(120deg,var(--navy2),var(--navy))}.offer .eyebrow{color:var(--navy);background:#fff}.offer p{color:#dbe7ff;font-size:17px;font-weight:700}.contact-actions{display:grid;gap:10px}.contact-button{display:flex;justify-content:space-between;gap:15px;padding:16px 18px;color:#fff;background:var(--green);border-radius:6px}.contact-button.phone{background:var(--gold)}.contact-button.email{background:#2368aa}.contact-button span{font-size:13px;font-weight:800}.contact-button strong{text-align:right}
footer{display:flex;align-items:center;gap:24px;padding:35px 5vw;color:var(--muted);border-top:1px solid var(--line)}footer img{width:150px;height:80px;object-fit:contain}footer div,footer strong,footer span{display:block}footer strong{color:var(--navy)}.mobile-cta{display:none}
@media(max-width:950px){.nav>a:not(.nav-cta){display:none}.flyer-hero{min-height:720px;align-items:flex-end}.hero-bg{object-position:60% center}.hero-overlay{background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.94) 48%,#fff 100%)}.hero-copy{width:100%;padding:210px 5vw 40px}.audience-switch,.offer,.flyer-section,.illustration,.feature-detail{grid-template-columns:1fr}.feature-detail.reverse .detail-copy{order:0}.problem-grid,.service-grid,.industry-grid,.trust-grid{grid-template-columns:repeat(2,1fr)}.process-list{grid-template-columns:repeat(2,1fr)}.flow{grid-template-columns:1fr}.arrow{justify-self:center;transform:rotate(90deg)}}
@media(max-width:620px){body{padding-bottom:58px}.topbar{padding:7px 4vw}.brand-lockup img{width:46px}.brand-lockup strong{font-size:13px}.nav-cta{font-size:12px}.flyer-hero{min-height:690px}.hero-copy{width:100%;padding:190px 5vw 34px}.hero h1{font-size:36px}.hero-promise{font-size:30px}.hero-promise span{border-bottom-width:6px}.lead{font-size:15px}.hero-facts span{width:100%;text-align:center}.actions,.button{width:100%}.audience-switch{grid-template-columns:1fr;padding:16px 5vw}.section{padding:54px 5vw}.section-heading p,.detail-copy>p:not(.eyebrow){font-size:15px}.problem-grid,.service-grid,.metric-row,.industry-grid,.trust-grid,.process-list{grid-template-columns:1fr}.feature-detail{gap:25px}.detail-no{font-size:46px}.check-list li{font-size:14px}.mini-board,.week-board,.message-demo,.reply-demo{padding:17px}.doc-stack{min-height:300px}.doc-stack div{padding:17px}.flow-card img{height:auto;max-height:450px}.illustration{padding:16px}.flyer-section img{max-height:none}.contact-button{align-items:flex-start;flex-direction:column;gap:2px}.contact-button strong{text-align:left}footer{align-items:flex-start;flex-direction:column}footer img{width:120px}.mobile-cta{position:fixed;z-index:30;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;height:58px;box-shadow:0 -4px 18px rgba(9,39,91,.2)}.mobile-cta a{display:grid;place-items:center;color:#fff;background:var(--green);font-size:14px;font-weight:950}.mobile-cta a:last-child{background:var(--gold)}}