@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#102647;--navy-deep:#07182f;--blue:#0968c9;--blue-dark:#084b9f;--orange:#f34d2e;--teal:#12b6b6;--muted:#5e7086;--pale:#f5f8fc;--border:#e2eaf3;--shadow:0 15px 42px rgba(24,63,105,.095)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;font-family:'Noto Sans JP',system-ui,-apple-system,BlinkMacSystemFont,'Yu Gothic',sans-serif;color:var(--navy);font-size:15px;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.45}img{max-width:100%}.container{width:min(1160px,calc(100% - 52px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid #e9eff5;backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;gap:32px;min-height:76px}.logo{font-size:31px;font-weight:900;letter-spacing:-1.6px;line-height:1;color:#13355f}.logo-dot{color:#1483e1}.nav{display:flex;gap:27px;margin-left:auto;align-items:center}.nav a{font-size:12px;font-weight:700;white-space:nowrap}.nav a:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:12px 22px;border-radius:9px;font-weight:800;font-size:14px;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 20px #12396c22}.btn-orange{background:var(--orange);color:white;box-shadow:0 6px 15px #f34d2e33}.btn-outline{background:white;color:var(--blue-dark);border:1.5px solid var(--blue)}.header-cta{font-size:12px;padding:11px 21px;border-radius:22px}.menu-toggle{display:none}.hero{background:linear-gradient(108deg,#fff 0%,#f4faff 44%,#c8e4f4 100%);overflow:hidden;position:relative}.hero-grid{min-height:520px;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:22px}.hero-copy{padding:55px 0 65px;position:relative;z-index:2}.eyebrow-pill{display:inline-block;background:#f4492b;color:white;font-size:12px;font-weight:800;padding:5px 15px;border-radius:100px;margin-bottom:20px;box-shadow:0 4px 12px #e6564d3b}h1{font-size:clamp(34px,3.55vw,50px);letter-spacing:-.05em;font-weight:900;margin-bottom:17px}h1 em{font-style:normal;color:#07519c}.hero-description{font-size:15px;font-weight:600;color:#30445a;margin-bottom:25px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.btn-large{min-height:57px;padding:14px 24px}.hero-notes{display:flex;flex-wrap:wrap;gap:11px;margin-top:23px}.hero-notes span{padding:4px 8px;background:#ffffffbd;border-radius:6px;font-size:11px;font-weight:800}.hero-art{height:430px;position:relative;align-self:end}.server-stack{position:absolute;right:0;top:8%;height:65%;width:46%;transform:skewY(-2deg);display:flex;gap:7px;opacity:.65;filter:drop-shadow(0 15px 20px #0a3c7355)}.server-stack span{flex:1;border:3px solid #1a567f;border-radius:6px;background:repeating-linear-gradient(180deg,#1a4a71 0 10px,#0c3258 10px 23px,#1681a8 23px 27px,#102e51 27px 34px)}.dashboard{position:absolute;bottom:31px;left:5%;width:89%;height:285px;border:12px solid #132b49;border-radius:16px 16px 8px 8px;background:#f6fbff;box-shadow:0 25px 35px #123d5d5e;transform:perspective(900px) rotateY(-8deg) rotateX(2deg);overflow:hidden}.dashboard-top{height:35px;background:#173f6f;color:#fff;display:flex;align-items:center;gap:6px;padding:0 12px}.dashboard-top i{background:#6192bf;height:7px;width:7px;border-radius:50%}.dashboard-top strong{margin-left:auto;font-size:11px}.dashboard-content{display:grid;grid-template-columns:36% 64%;height:calc(100% - 35px)}.dash-sidebar{background:#e5f0fa;padding:21px 10px;display:flex;flex-direction:column;gap:18px}.dash-sidebar span{font-size:10px;font-weight:700;color:#1d5488}.dash-main{padding:15px 20px}.dash-kicker{font-weight:800;font-size:9px;color:#1887ca;letter-spacing:.13em}.dash-main h3{font-size:18px;margin:8px 0 10px}.dash-status{background:#e9f9f4;padding:9px;display:flex;align-items:center;gap:9px;border-radius:7px;font-size:11px;font-weight:800}.dash-status b{background:#12b990;color:white;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:14px;width:27px;height:27px}.dash-status small{font-weight:500;color:#627789}.dash-bar{height:7px;background:#c8dbe8;border-radius:5px;margin-top:12px;width:95%}.dash-bar.short{width:68%;margin-top:8px}.dash-action{margin-top:15px;background:var(--blue);color:white;border-radius:5px;text-align:center;padding:7px;font-size:10px;font-weight:800}.security-shield{position:absolute;z-index:3;left:-2%;top:22%;height:110px;width:95px;display:flex;align-items:center;justify-content:center;font-size:0;background:linear-gradient(130deg,#29baff,#0751b3);clip-path:polygon(50% 0,95% 20%,88% 67%,50% 100%,12% 67%,5% 20%);filter:drop-shadow(0 5px 5px #073d6177)}.security-shield span{font-size:37px;font-weight:900;color:white}.float-label{position:absolute;z-index:3;background:#fff;border:4px solid #cceaff;border-radius:30px;padding:7px 17px;color:#14559b;box-shadow:0 5px 20px #1b5e9540;font-weight:900}.php-bubble{top:9%;left:26%}.wp-bubble{top:18%;right:2%;font-family:Georgia,serif;font-size:22px;border-radius:50%;width:57px;height:57px;text-align:center}.art-caption{position:absolute;bottom:5px;right:12%;font-size:9px;color:#3775a7;font-weight:800;letter-spacing:.2em}.section{padding:83px 0}.section-heading{text-align:center;margin-bottom:38px}.section-heading>span,.section-kicker{font-size:11px;color:#3d9ddc;letter-spacing:.17em;font-weight:900}.section-heading h2{font-size:clamp(25px,2.7vw,34px);font-weight:900;letter-spacing:-.035em;margin:5px 0 0}.section-heading h2:after{content:'';display:block;width:34px;height:3px;background:#0f81d2;margin:15px auto 0;border-radius:3px}.problems{background:#f8fafc}.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tile{background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:28px 17px;text-align:center}.problem-tile{min-height:190px}.tile-icon{height:56px;font-size:48px;font-weight:900;line-height:1;color:var(--blue-dark);margin-bottom:18px}.wordpress-symbol{font-family:Georgia,serif;border:3px solid #0c59ae;width:54px;height:54px;border-radius:50%;margin:0 auto 18px;font-size:41px}.problem-tile h3{font-size:14px;font-weight:800;margin:0}.risks{background:radial-gradient(ellipse at 92% 85%,#0f5881,transparent 43%),linear-gradient(120deg,#08172d,#123d63 55%,#071b35);color:#fff}.heading-light h2{color:#fff}.risk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.risk-tile{display:flex;gap:16px;align-items:flex-start;background:#fff;color:#22334c;padding:25px 23px;border-radius:10px;box-shadow:0 16px 28px #0003}.risk-icon{flex:0 0 59px;height:59px;display:grid;place-items:center;border-radius:9px;background:#fff0f0;color:#e21e30;font-size:30px;font-weight:900}.risk-tile h3{font-size:19px;color:#b31328;margin:0 0 8px}.risk-tile p{font-size:12px;color:#566575;line-height:1.85;margin:0}.risk-footnote{text-align:center;margin:23px 0 0;color:#c4d6e8;font-size:11px}.service-section{background:#fff}.service-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{padding:27px 22px 22px;border:1px solid var(--border);border-radius:12px;background:#f7fbff;box-shadow:var(--shadow)}.service-top{display:flex;align-items:flex-start;gap:15px;min-height:147px}.service-icon{width:72px;height:72px;border-radius:50%;background:linear-gradient(140deg,#15a5ff,#0669c3);flex-shrink:0;display:grid;place-items:center;color:white;font-size:43px;line-height:1}.service-number{font-size:13px;font-weight:800;color:#028ce7}.service-card h3{font-size:18px;margin:3px 0 5px}.service-card p{font-size:12px;color:#566b80}.service-card ul{padding:0;margin:5px 0 0;list-style:none;display:grid;gap:8px}.service-card li{background:#fff;border-radius:6px;padding:6px 11px;font-size:12px;font-weight:700}.service-card li:before{content:'✓';display:inline-grid;place-items:center;width:17px;height:17px;border-radius:4px;background:#148dde;color:white;margin-right:9px}.service-teal{background:#f4fcfc}.service-teal .service-icon,.service-teal li:before{background:linear-gradient(140deg,#2acec6,#03a29d)}.service-teal .service-number{color:#0aaba8}.service-purple{background:#f9f8ff}.service-purple .service-icon,.service-purple li:before{background:linear-gradient(140deg,#9284ff,#5046d9)}.service-purple .service-number{color:#6556e6}.pricing-section{background:#f8fafc}.price-card{position:relative;background:#fff;border-radius:12px;box-shadow:var(--shadow);border:1px solid #ebf0f6;padding:27px 25px;text-align:center;display:flex;align-items:center;flex-direction:column;min-height:300px}.price-card.featured{border:2px solid #1783d4}.featured-tag{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:#0d78cb;border-radius:30px;color:white;padding:2px 22px;font-size:11px;font-weight:800}.price-icon{font-size:38px;color:#0f67b8;background:#e9f3ff;width:65px;height:65px;display:grid;place-items:center;border-radius:50%;margin-bottom:10px}.price-card h3{font-size:17px;margin:0 0 8px}.price-card p{font-size:12px;color:#708095;max-width:260px;min-height:46px;margin-bottom:auto}.price{color:#0754a7;font-weight:700;margin:18px 0 7px;white-space:nowrap}.price strong{font-size:34px;font-weight:900;letter-spacing:-.045em}.price small{font-size:11px;color:#4f6177;font-weight:500}.price-link{color:#0b68bc;font-size:12px;font-weight:800;margin-top:8px}.section-note{text-align:center;color:#697b8f;font-size:11px;margin:21px 0 0}.flow-section{background:linear-gradient(180deg,#fff,#f4f8fc)}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.flow-card{background:white;border-radius:11px;box-shadow:var(--shadow);padding:25px 15px 26px;text-align:center;position:relative;min-height:205px}.step{position:absolute;top:13px;left:15px;background:#0b84d4;border-radius:50%;color:white;font-weight:800;font-size:12px;width:32px;height:32px;display:grid;place-items:center}.flow-icon{font-size:42px;line-height:1.3;color:#0a74c6;margin:20px 0 13px}.flow-card h3{font-size:16px;margin:0 0 7px}.flow-card p{color:#6d7a8c;font-size:12px;margin:0}.flow-card:not(:last-child):after{content:'›';position:absolute;font-size:38px;color:#0d80d0;right:-19px;top:40%;z-index:2}.faq-section{background:#fff}.faq-container{max-width:990px}.faq-item{border:1px solid #e5edf5;border-radius:9px;background:#fff;margin-bottom:11px;box-shadow:0 2px 8px #12325209}.faq-item summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:16px;font-size:15px;font-weight:800;padding:16px 18px}.faq-item summary::-webkit-details-marker{display:none}.q-icon{background:#087cce;color:white;border-radius:50%;height:30px;width:30px;display:grid;place-items:center;flex-shrink:0}.chevron{margin-left:auto;font-size:22px;color:#517296;transition:transform .2s}.faq-item[open] .chevron{transform:rotate(180deg)}.faq-answer{padding:0 24px 19px 64px;font-size:13px;color:#55677c}.final-cta{background:linear-gradient(110deg,#f5fbff 0%,#edf7ff 58%,#cfe9f7 100%);overflow:hidden}.contact-inner{min-height:350px;display:flex;align-items:center;justify-content:space-between;gap:25px}.contact-inner>div:first-child{padding:45px 0;z-index:1}.contact-inner h2{font-size:clamp(27px,3vw,39px);line-height:1.45;margin:6px 0 11px;letter-spacing:-.04em}.contact-inner p{color:#435c73;font-size:14px}.contact-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}.contact-inner .form-note{font-size:10px;color:#697d8e;margin:14px 0 0}.contact-decoration{width:300px;height:300px;position:relative;display:grid;place-items:center;flex-shrink:0}.contact-glow{width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,#7dd3fa,#3b83c5 45%,#2c629800 72%);opacity:.4}.contact-shield{position:absolute;background:linear-gradient(135deg,#47b5ec,#0351a4);color:white;clip-path:polygon(50% 0,94% 18%,89% 64%,50% 100%,11% 64%,6% 18%);width:147px;height:165px;display:grid;place-items:center;font-size:80px;filter:drop-shadow(0 15px 24px #245c9c44)}.contact-decoration span{position:absolute;bottom:7px;right:0;font-size:13px;font-weight:900;color:#126eb1;transform:rotate(-5deg)}.footer{background:#0e2747;color:#d5e3f4}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:35px;padding-top:30px;padding-bottom:30px}.footer-logo{color:white}.footer p{font-size:11px;margin:9px 0 0;color:#a9bfd8}.footer nav{display:flex;gap:19px;flex-wrap:wrap;padding-top:10px}.footer nav a{font-size:11px;font-weight:700}.footer-company{font-size:12px;font-weight:800;text-align:right}.footer-company small{font-size:10px;font-weight:400;color:#9fb6d2}
@media(max-width:980px){.nav{gap:15px}.nav a{font-size:10px}.header-inner{gap:18px}.hero-grid{grid-template-columns:1fr .83fr}.hero-art{height:345px}.dashboard{height:225px;bottom:36px}.dash-sidebar span{font-size:8px}.dash-main h3{font-size:14px}.security-shield{width:70px;height:85px}.service-top{display:block;min-height:220px}.service-icon{margin-bottom:10px}.price strong{font-size:27px}}
@media(max-width:760px){.container{width:min(100% - 34px,560px)}.header-inner{min-height:65px}.logo{font-size:27px}.header-cta{margin-left:auto;padding:9px 15px;font-size:11px}.menu-toggle{order:3;display:flex;flex-direction:column;gap:4px;background:none;border:0;padding:9px;cursor:pointer}.menu-toggle span{display:block;width:22px;height:2px;background:#154b7d;border-radius:2px}.nav{display:none;position:absolute;top:65px;left:0;right:0;background:white;box-shadow:0 14px 22px #14355524;margin:0;padding:14px 23px 21px;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:11px 4px;font-size:13px;border-bottom:1px solid #edf2f7}.hero-grid{display:flex;flex-direction:column;min-height:auto;gap:0}.hero-copy{padding:46px 0 20px}.hero-copy h1{font-size:clamp(32px,8vw,43px)}.hero-description{font-size:13px}.hero-actions{gap:9px}.hero-actions .btn{font-size:12px;padding:12px 15px;min-height:49px}.hero-notes{gap:6px;margin-top:18px}.hero-notes span{font-size:10px}.hero-art{width:100%;height:330px;align-self:center;max-width:440px}.dashboard{bottom:34px}.section{padding:61px 0}.section-heading{margin-bottom:30px}.section-heading h2{font-size:25px}.problem-grid,.service-grid,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.problem-tile{min-height:158px;padding:24px 10px}.problem-tile h3{font-size:12px}.tile-icon{font-size:40px;height:46px;margin-bottom:14px}.wordpress-symbol{width:46px;height:46px;font-size:35px}.risk-grid{grid-template-columns:1fr;gap:12px}.risk-tile{padding:18px}.service-grid,.pricing-grid{grid-template-columns:1fr}.service-top{display:flex;min-height:auto;margin-bottom:18px}.service-card{padding:22px}.service-icon{margin:0}.price-card{min-height:275px}.flow-grid{grid-template-columns:repeat(2,1fr);gap:14px}.flow-card{min-height:190px}.flow-card:not(:last-child):after{display:none}.faq-item summary{font-size:12px;gap:10px;padding:13px}.faq-answer{padding-left:50px}.contact-inner{min-height:0}.contact-inner>div:first-child{padding:58px 0}.contact-decoration{display:none}.contact-buttons .btn{font-size:12px}.footer-inner{flex-direction:column;gap:19px}.footer nav{padding:0}.footer-company{text-align:left}}@media(max-width:390px){.hero-actions{flex-direction:column;align-items:stretch}.hero-notes span{font-size:9px}.contact-buttons{flex-direction:column;align-items:stretch}}

/* 2026-10: updated offers and rapid response */
.price-intro,.flow-lead{color:#5d7085;font-size:14px;margin:14px auto 0;max-width:680px}.pricing-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.pricing-grid-four .price-card{padding:25px 14px;min-height:335px}.pricing-grid-four .price-card h3{font-size:15px}.pricing-grid-four .price strong{font-size:30px}.pricing-grid-four .featured-tag{white-space:nowrap}.price-custom strong{font-size:25px!important}.flow-caveat{margin:26px auto 0;max-width:920px;text-align:center;color:#61738a;font-size:12px;line-height:1.85}@media(max-width:980px){.pricing-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.pricing-grid-four{grid-template-columns:1fr}.pricing-grid-four .price-card{min-height:270px}.flow-lead,.price-intro{font-size:12px}}

/* 2026-10-21 security advisory section */
.incident-section{background:#f2f7fc}.incident-section .section-heading p{max-width:850px;margin:18px auto 0;line-height:1.9;color:#344963}.incident-score{display:grid;grid-template-columns:240px 1fr;gap:30px;align-items:center;background:#fff;border:1px solid #d8e6f3;border-radius:20px;padding:30px;box-shadow:0 12px 30px rgba(13,56,101,.07);margin-top:28px}.incident-score>div:first-child{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff0ed;border-radius:16px;padding:22px;color:#ab271a}.score-label{font-size:13px;font-weight:700}.incident-score strong{font-size:72px;line-height:1.2;font-weight:900}.incident-score strong small{font-size:22px;color:#a1544b}.score-caption{font-size:14px;letter-spacing:.1em;font-weight:800}.score-explain h3{font-size:24px;margin:0 0 12px;color:#092543}.score-explain p{line-height:1.9;margin:0 0 14px;color:#38516a}.score-explain .incident-cves{font-size:14px;background:#edf4fa;padding:12px 16px;border-radius:8px}.version-box{margin-top:22px;background:white;padding:28px;border:1px solid #d8e6f3;border-radius:18px}.version-box h3{margin:0 0 8px;font-size:23px;color:#092543}.version-box>p{color:#475e72;line-height:1.8}.version-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.version-grid div{background:#e9f3ff;padding:17px 12px;border-radius:10px;display:flex;flex-direction:column;gap:8px;text-align:center}.version-grid span{font-size:13px;color:#3b607c}.version-grid b{font-size:20px;color:#005bab}.version-box .old-php{border-left:4px solid #e45b34;background:#fff7f1;padding:12px 16px;font-size:14px}.incident-bottom{margin:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#092d50;color:white;padding:22px 26px;border-radius:14px}.incident-bottom p{max-width:670px;line-height:1.8;margin:0}.incident-bottom strong{color:#9fddff}.incident-bottom .btn{white-space:nowrap}.source-line{font-size:12px;color:#506174;line-height:2}.source-line a{color:#0062b3;text-decoration:underline}.hero-description strong{color:#cf3f1c}.form-note a{color:inherit;text-decoration:underline}
@media(max-width:800px){.incident-score{grid-template-columns:1fr;padding:16px;gap:16px}.incident-score strong{font-size:56px}.version-grid{grid-template-columns:repeat(2,1fr)}.incident-bottom{flex-direction:column;align-items:stretch}.incident-bottom .btn{text-align:center;white-space:normal}.score-explain h3{font-size:20px}.version-box{padding:18px}}
