@charset "UTF-8";
:root{--ink:#303c43;--muted:#596a75;--green:#1996d3;--lime:orange;--paper:#fff;--line:#e3e9ee;--white:#fff;--orange:#f3673b}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--white);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.9;-webkit-font-smoothing:antialiased}a{color:inherit}p,h1,h2,h3{margin:0}p+p{margin-top:20px}h1,h2,h3{font-weight:700;line-height:1.5}em{font-style:normal}a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.section{padding-block:100px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;color:var(--green);margin-bottom:20px}h2{font-size:clamp(26px,3.1vw,38px);letter-spacing:.025em}.section-heading{margin-bottom:46px}.section-heading>p:last-child:not(.eyebrow){margin-top:20px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 26px;background:var(--green);color:white;text-decoration:none;font-size:15px;font-weight:700;border-radius:5px;transition:background .2s,transform .2s}.button:hover{background:#1384bd;transform:translateY(-2px)}.button span{font-size:22px;line-height:1}.button-small{font-size:13px;padding:12px 18px;gap:22px}.skip-link{position:fixed;top:-100px;left:12px;background:white;padding:12px;z-index:20}.skip-link:focus{top:10px}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:24px;background:#fff}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:17px;font-weight:700;white-space:nowrap;line-height:1.5}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:.08em;margin-top:2px}.brand-symbol{font-size:39px;font-weight:800;letter-spacing:-4px}.brand-symbol span{color:var(--orange)}nav{display:flex;align-items:center;gap:26px}nav>a:not(.button){text-decoration:none;font-size:13px}nav>a:hover{text-decoration:underline}.hero{background:var(--paper);border-top:1px solid #e8ece3}.hero-inner{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;padding-block:74px 66px}.hero .eyebrow{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.04em;margin-bottom:10px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--green)}.service-name{font-size:16px;font-weight:700;margin-bottom:25px}.hero h1{font-size:clamp(34px,3.9vw,50px);letter-spacing:.015em;line-height:1.55;white-space:nowrap}.hero h1 em{color:var(--green)}.hero-lead{font-size:15px;margin:26px 0 30px;color:var(--muted)}.hero-note{font-size:11px;margin-top:15px;color:var(--muted)}.recovery-visual{position:relative;border:1px solid #dbe5d7;border-radius:12px;padding:24px;background:linear-gradient(145deg,#e7eddf,#f1f4e9)}.visual-top{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.08em;font-weight:700;margin-bottom:24px}.visual-top>span:last-child{margin-left:auto;font-size:10px;letter-spacing:0;font-weight:400}.status-dot{width:7px;height:7px;background:#1996d3;border-radius:50%}.browser-card{background:white;border:1px solid #cdd9cf;border-radius:8px;overflow:hidden;box-shadow:0 14px 28px #254f3f0c;transform:rotate(-2deg)}.browser-bar{height:32px;border-bottom:1px solid #e7ebe6;display:flex;align-items:center;gap:5px;padding:0 12px}.browser-bar i{display:block;width:5px;height:5px;border-radius:50%;background:#cad6cc}.browser-bar span{font-size:9px;margin-left:auto;color:var(--muted)}.site-mock{display:flex;align-items:center;justify-content:center;gap:24px;min-height:156px;padding:26px}.wp-mark{width:65px;height:65px;border:2px solid var(--green);outline:1px solid var(--green);outline-offset:4px;border-radius:50%;font:italic 52px/65px Georgia,serif;text-align:center;color:var(--green)}.site-mock b{font-size:18px;line-height:1.6}.mock-line{display:block;height:5px;background:#e7ede3;border-radius:2px;width:120px;margin-top:13px}.mock-line.short{width:84px;margin-top:6px}.backup-line{display:flex;align-items:center;justify-content:center;gap:10px;height:52px;color:var(--green);font-size:24px}.backup-line span{width:36px;height:1px;background:#bacfb9}.backup-card{display:flex;align-items:center;gap:13px;background:var(--green);color:#fff;padding:19px 16px;border-radius:7px;box-shadow:0 10px 18px #1996d318}.backup-icon{font-size:36px;line-height:1}.backup-card strong{font-size:14px}.backup-card p{font-size:10px;opacity:.85;margin-top:3px}.check{margin-left:auto;border:1px solid #74aa8d;border-radius:50%;width:23px;height:23px;line-height:21px;text-align:center;color:var(--lime)}.visual-tags{display:flex;justify-content:space-between;gap:8px;font-size:10px;font-weight:600;margin-top:22px}.visual-caption{font-size:12px;text-align:center;margin-top:18px;color:var(--muted)}.trust-strip{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-block:22px;gap:16px}.trust-strip p{font-size:12px;font-weight:600;margin:0}.trust-strip>span{width:1px;height:16px;background:#cad5ca}.concern-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.concern-grid article{border-top:2px solid var(--green);padding-top:22px}.number{font-size:12px;letter-spacing:.1em;color:var(--green);font-weight:700}.concern-grid h3{font-size:19px;margin:18px 0 14px}.concern-grid p{font-size:14px;color:var(--muted)}.philosophy{background:#eaf0e5}.philosophy-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:100px}.philosophy h2{font-size:clamp(30px,3.3vw,42px);line-height:1.7}.philosophy h2 em{color:var(--green);background:linear-gradient(transparent 72%,#cfe1b0 0)}.philosophy-copy{font-size:14px}.emphasis{font-size:17px;font-weight:700}.notice{font-size:12px;color:var(--muted);border-top:1px solid #c9d6c4;margin-top:28px;padding-top:20px}.split-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.split-heading>p{font-size:14px;color:var(--muted)}.service-list article{display:grid;grid-template-columns:155px 205px 1fr;gap:26px;border-top:1px solid var(--line);padding:34px 0}.service-list article:last-child{border-bottom:1px solid var(--line)}.service-list .number{padding-top:7px;font-size:11px}.service-list h3{font-size:23px}.service-list article>div{font-size:14px;color:var(--muted)}.service-list ul{list-style:none;padding:0;margin:15px 0 0;font-size:12px}.service-list li:before{content:"✓";color:var(--green);margin-right:9px;font-weight:700}.footnote{font-size:12px!important;color:var(--muted);margin-top:22px}.experience{background:var(--ink);color:white}.experience .eyebrow{color:var(--lime)}.experience-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:center}.experience h2{font-size:30px}.experience-grid>div>p:not(.eyebrow){font-size:14px;color:#c6d6d2;margin-top:24px}.tech-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.tech-tags span{font-size:11px;border:1px solid #527070;border-radius:3px;padding:3px 12px}.case-study{border:1px solid #55716d;padding:30px;border-radius:7px;background:#ffffff05}.case-label{font-size:12px;color:var(--lime);margin-bottom:16px}.case-study h3{font-size:24px;margin-bottom:20px}.case-study p:not(.case-label){font-size:13px;color:#d0ddda}.case-study .case-note{font-size:11px!important;border-top:1px solid #496461;padding-top:18px}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.option-grid article{border:1px solid var(--line);border-radius:5px;padding:27px}.option-grid article>span{font-size:12px;color:var(--green)}.option-grid h3{font-size:18px;margin:15px 0 12px}.option-grid p{font-size:13px;color:var(--muted)}.option-grid .option-note{background:var(--paper);border:0;display:flex;flex-direction:column;justify-content:center}.option-note h3{font-size:16px}.option-note p{font-size:12px}.audience{background:var(--paper)}.audience-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.audience article+article{margin-top:30px;border-top:1px solid var(--line);padding-top:30px}.audience h3{font-size:20px;margin-bottom:12px}.audience article p{font-size:14px;color:var(--muted)}.profile{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.profile-intro{display:flex;align-items:center;gap:26px}.profile img{width:110px;height:136px;object-fit:cover;object-position:top;border-radius:5px;background:var(--paper)}.profile h2{font-size:29px}.profile .eyebrow{margin-bottom:14px}.profile-name{font-size:18px;margin-top:22px}.profile-name span{display:block;font-size:10px;color:var(--muted)}.profile-copy{font-size:14px;color:var(--muted)}.text-link{display:inline-block;font-size:13px;color:var(--green);text-decoration:none;border-bottom:1px solid var(--green);margin-top:20px}.text-link span{margin-left:18px}.flow{background:#edf2e8}.flow-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin:0}.flow-list li{border-top:1px solid #b7cbb2;padding-top:20px}.flow-list span{font-size:30px;color:var(--green);font-weight:500;font-family:Georgia,serif}.flow-list h3{font-size:20px;margin:14px 0}.flow-list p{font-size:14px;color:var(--muted)}.pricing-note{display:flex;align-items:start;gap:40px;margin-top:46px;background:#fff;padding:26px 30px;border-radius:5px}.pricing-note h3{font-size:15px;flex:0 0 33%;line-height:1.9}.pricing-note p{font-size:13px;color:var(--muted)}.faq h2{font-size:30px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;padding:25px 36px 25px 0;font-size:15px;font-weight:600;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"＋";position:absolute;right:4px;color:var(--green)}.faq details[open] summary:after{content:"−"}.faq details>p{font-size:14px;color:var(--muted);padding:0 36px 26px 0;max-width:900px}.closing{text-align:center;background:var(--green);color:white;padding-block:80px}.closing .eyebrow{color:var(--lime)}.closing h2{font-size:36px;line-height:1.65}.closing h2+p{font-size:15px;color:#e0ebe4;margin-top:20px}.button-light{background:var(--lime);color:var(--ink);margin-top:30px}.button-light:hover{background:#e4f0c6}.closing-note{font-size:11px;color:#d0e3d7;margin-top:22px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:30px;font-size:11px;color:var(--muted)}.footer-brand{font-size:16px;font-weight:700;text-decoration:none;color:var(--ink)}.site-footer p{margin:0}.mobile-cta{display:none}
@media(min-width:1500px){.hero-inner{padding-block:95px 85px}}
@media(max-width:1050px){.site-header{padding-inline:25px}.nav-detail{display:none}.wrap{width:calc(100% - 56px)}.hero-inner{gap:30px}.hero h1{font-size:39px}.hero-lead{font-size:13px}.service-list article{grid-template-columns:130px 160px 1fr;gap:18px}.philosophy-grid{gap:50px}.experience-grid{gap:35px}.profile{gap:30px}.profile-intro{gap:18px}.profile img{width:85px;height:110px}.profile h2{font-size:25px}.audience-grid{gap:50px}.option-grid article{padding:22px}}
@media(max-width:760px){html{scroll-padding-top:24px}.wrap{width:calc(100% - 40px)}.section{padding-block:64px}.site-header{height:78px;padding-inline:20px;gap:14px}.brand{font-size:13px;gap:8px}.brand-symbol{font-size:32px}.brand small{font-size:8px}.site-header .button{font-size:11px;gap:10px;padding:10px 12px}.site-header .button span{display:none}.hero-inner{grid-template-columns:1fr;gap:38px;padding-block:42px 32px}.hero .eyebrow{font-size:10px}.service-name{font-size:14px;margin-bottom:22px}.hero h1{font-size:clamp(30px,7.5vw,47px)}.hero-lead{font-size:13px;margin-block:22px}.hero-note{font-size:10px}.recovery-visual{width:min(100%,440px);justify-self:center;padding:22px}.visual-top{margin-bottom:20px}.site-mock{min-height:130px}.backup-card p{font-size:10px}.trust-strip{flex-wrap:wrap;justify-content:center;gap:5px 16px;padding-block:18px}.trust-strip p{font-size:10px}.trust-strip>span{display:none}.section-heading{margin-bottom:30px}.eyebrow{font-size:10px;margin-bottom:15px}.concern-grid{grid-template-columns:1fr;gap:26px}.concern-grid article{padding-top:15px}.concern-grid h3{margin:8px 0;font-size:18px}.concern-grid p{font-size:13px}.philosophy-grid,.experience-grid,.audience-grid,.profile{grid-template-columns:1fr;gap:32px}.philosophy h2{font-size:32px;line-height:1.65}.philosophy-copy{font-size:13px}.emphasis{font-size:15px}.split-heading{display:block}.split-heading>p{margin-top:20px;font-size:13px}.service-list article{grid-template-columns:1fr;gap:12px;padding-block:25px}.service-list h3{font-size:22px}.service-list h3 br{display:none}.service-list article>div{font-size:13px}.service-list ul{font-size:11px}.service-list .number{padding:0}.experience h2{font-size:26px}.case-study{padding:25px}.case-study h3{font-size:23px}.option-grid{grid-template-columns:1fr 1fr;gap:12px}.option-grid article{padding:19px}.option-grid h3{font-size:16px;margin-top:10px}.option-grid p{font-size:12px}.option-grid .option-note h3{font-size:15px}.audience h3{font-size:18px}.audience article p{font-size:13px}.profile-intro{gap:22px}.profile img{width:96px;height:120px}.profile h2{font-size:28px}.profile-copy{font-size:13px}.profile-name{margin-top:15px}.flow-list{grid-template-columns:1fr;gap:26px}.flow-list li{position:relative;padding:20px 0 0 55px}.flow-list span{position:absolute;left:0;top:20px;font-size:26px}.flow-list h3{font-size:19px;margin:0 0 10px}.flow-list p{font-size:13px}.pricing-note{display:block;padding:22px;margin-top:30px}.pricing-note p{margin-top:12px;font-size:12px}.faq h2{font-size:26px}.faq summary{font-size:13px;padding-block:21px}.faq details>p{font-size:12px;padding-right:8px}.closing{padding-block:60px}.closing h2{font-size:clamp(23px,5.7vw,34px)}.closing h2+p{font-size:13px}.closing-note{font-size:10px}.site-footer{display:block;text-align:center;padding-bottom:105px}.site-footer p{margin:7px 0}.mobile-cta{display:flex;position:fixed;bottom:12px;left:20px;right:20px;z-index:10;box-shadow:0 5px 25px #303c4338;font-size:13px;padding:15px 22px}}
@media(max-width:380px){.site-header .button{font-size:10px;padding-inline:8px}.brand small{font-size:7px}.option-grid{grid-template-columns:1fr}.hero h1{font-size:29px}.hero-lead br{display:none}.visual-tags{font-size:9px}.backup-card{gap:9px;padding-inline:12px}.backup-card strong{font-size:12px}.profile h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

/* Accounting DX, 2026-10-22: white surfaces and blue/orange accents. */
.hero,.philosophy,.experience,.audience,.flow,.closing,.option-grid .option-note{background:#fff;color:var(--ink)}
.hero{border-bottom:1px solid var(--line)}
.philosophy,.experience,.audience,.flow,.closing{border-block:1px solid var(--line)}
.recovery-visual{background:#fff;border-color:var(--line);box-shadow:0 12px 40px #1996d30a}
.browser-card{box-shadow:0 8px 24px #1996d30a;border-color:var(--line)}
.wp-mark{font-size:31px;font-style:normal;border-color:#1996d3;color:#1996d3;outline-color:#1996d3}
.backup-card{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}
.backup-icon,.check,.experience .eyebrow,.closing .eyebrow,.case-label{color:#1996d3}
.check{border-color:#1996d3}
.hero h1 em,.emphasis,.flow-list span,.option-grid article>span{color:orange}
.philosophy h2 em{background:none;color:#1996d3}
.experience-grid>div>p:not(.eyebrow),.case-study p:not(.case-label),.closing h2+p,.closing-note{color:var(--muted)}
.case-study{background:#fff;border-color:var(--line)}
.case-study .case-note,.notice,.trust-strip,.flow-list li{border-color:var(--line)}
.tech-tags span{border-color:var(--line);color:var(--muted)}
.button-light{background:#1996d3;color:white}.button-light:hover{background:#1384bd}
.pricing-note{border:1px solid var(--line)}
.option-grid .option-note{border:1px solid var(--line)}
.visual-caption strong{color:orange}.mock-line{background:#e6f2f9}
.closing h2 em{color:#1996d3}.service-list h3{color:#1996d3}
@media(min-width:761px) and (max-width:1050px){.hero h1{font-size:clamp(29px,3.8vw,39px)}}

.hero h1,h2,.case-study h3,.audience h3,.faq summary{color:#1996d3}
.hero h1 em{color:orange}
