/*
Theme Name: VERSE SYSTEM Lightning Child
Theme URI: https://versesystem.com/
Description: VERSE SYSTEM one-page corporate site for the Lightning WordPress theme.
Author: VERSE SYSTEM
Template: lightning
Version: 1.0.0
Text Domain: verse-system
*/

:root{
  --vs-blue:#087fbd;
  --vs-blue-dark:#075b8c;
  --vs-sky:#eaf7fd;
  --vs-navy:#08283a;
  --vs-text:#183746;
  --vs-muted:#607985;
  --vs-white:#fff;
  --vs-border:#d8e8ef;
  --vs-shadow:0 10px 30px rgba(8,40,58,.08);
}
html{scroll-behavior:smooth}
body{color:var(--vs-text);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",YuGothic,Meiryo,sans-serif}
.vs-wrap{overflow:hidden}
.vs-container{width:min(1120px,calc(100% - 40px));margin:0 auto}
.vs-section{padding:88px 0}
.vs-section--sky{background:var(--vs-sky)}
.vs-kicker{font-size:14px;font-weight:800;letter-spacing:.14em;color:var(--vs-blue);margin:0 0 12px}
.vs-title{font-size:clamp(28px,4vw,42px);line-height:1.35;font-weight:800;margin:0 0 24px;color:var(--vs-navy)}
.vs-lead{font-size:18px;line-height:2;color:var(--vs-muted)}
.vs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--vs-blue);color:#fff!important;text-decoration:none!important;border-radius:6px;padding:14px 28px;font-weight:800;box-shadow:0 6px 16px rgba(8,127,189,.2);transition:.2s}
.vs-btn:hover{background:var(--vs-blue-dark);transform:translateY(-1px)}
.vs-btn--outline{background:#fff;color:var(--vs-blue)!important;border:1px solid #8bcce8;box-shadow:none}
.vs-nav{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid rgba(216,232,239,.8)}
.vs-nav__inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.vs-brand{display:flex;align-items:center;gap:10px;color:var(--vs-navy)!important;text-decoration:none!important}
.vs-brand__mark{width:38px;height:38px;border:3px solid var(--vs-blue);border-radius:50% 45% 55% 40%;display:grid;place-items:center;color:var(--vs-blue);font-weight:900}
.vs-brand__name{font-weight:900;letter-spacing:.04em;line-height:1.05}
.vs-brand__sub{display:block;font-size:9px;font-weight:600;color:var(--vs-blue);letter-spacing:.04em;margin-top:4px}
.vs-menu{display:flex;align-items:center;gap:24px}
.vs-menu a{font-size:13px;font-weight:700;color:var(--vs-navy);text-decoration:none}
.vs-menu .vs-menu__cta{background:var(--vs-blue);color:#fff;padding:10px 16px;border-radius:5px}
.vs-hero{position:relative;min-height:650px;display:flex;align-items:center;background:
linear-gradient(90deg,rgba(4,46,70,.9) 0%,rgba(4,74,107,.72) 45%,rgba(4,74,107,.18) 100%),
linear-gradient(180deg,#137faf,#8bd4ed 48%,#dff5fb 100%);color:#fff}
.vs-hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(180deg,transparent,rgba(3,48,71,.28));pointer-events:none}
.vs-hero__inner{position:relative;z-index:1;padding:90px 0}
.vs-hero h1{font-size:clamp(38px,6vw,70px);line-height:1.2;letter-spacing:.02em;margin:0 0 24px;color:#fff;font-weight:900}
.vs-hero p{max-width:720px;font-size:18px;line-height:2;color:#fff;margin:0 0 34px}
.vs-hero__tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:42px}
.vs-tag{background:rgba(255,255,255,.94);color:var(--vs-blue-dark);padding:16px 20px;border-radius:3px;font-weight:800;min-width:180px;text-align:center;box-shadow:0 10px 24px rgba(0,0,0,.08)}
.vs-about{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.vs-about__visual{min-height:360px;border-radius:4px;background:
radial-gradient(circle at 75% 20%,rgba(255,255,255,.9),transparent 35%),
linear-gradient(135deg,#dff5fb,#fff 60%,#ccecf8);position:relative;overflow:hidden;box-shadow:var(--vs-shadow)}
.vs-about__visual:before{content:"VERSE SYSTEM";position:absolute;left:32px;bottom:30px;color:rgba(8,127,189,.12);font-size:54px;font-weight:900;letter-spacing:.03em}
.vs-services{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.vs-card{background:#fff;border:1px solid var(--vs-border);box-shadow:var(--vs-shadow);padding:30px;border-radius:4px}
.vs-card__no{font-size:48px;line-height:1;color:var(--vs-blue);font-weight:900}
.vs-card h3{font-size:21px;line-height:1.5;color:var(--vs-navy);margin:16px 0}
.vs-card p{line-height:1.9;color:var(--vs-muted)}
.vs-list{padding-left:1.1em;color:var(--vs-muted);line-height:2}
.vs-problems{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.vs-problem{background:linear-gradient(180deg,#fff,#f5fbfe);border:1px solid var(--vs-border);padding:28px;border-radius:6px}
.vs-problem h3{font-size:19px;color:var(--vs-navy);margin:0 0 14px}
.vs-problem ul{margin:0;padding-left:1.2em;line-height:2;color:var(--vs-muted)}
.vs-center{text-align:center;margin-top:40px}
.vs-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.vs-flow__item{background:#fff;border:1px solid var(--vs-border);padding:24px 16px;text-align:center;border-radius:5px;position:relative}
.vs-flow__no{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--vs-blue);color:#fff;font-weight:800;margin-bottom:14px}
.vs-flow__item h3{font-size:17px;color:var(--vs-navy);margin:0 0 8px}
.vs-flow__item p{font-size:13px;line-height:1.7;color:var(--vs-muted);margin:0}
.vs-values{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.vs-value{border-top:4px solid var(--vs-blue);padding-top:20px}
.vs-value h3{color:var(--vs-navy);margin:0 0 10px}
.vs-value p{color:var(--vs-muted);line-height:1.9}
.vs-profile{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:center}
.vs-profile__photo{width:220px;height:260px;border-radius:4px;background:linear-gradient(145deg,#dceef6,#fff);display:grid;place-items:center;color:var(--vs-blue);font-weight:800}
.vs-profile__name{font-size:28px;font-weight:900;color:var(--vs-navy);margin:0 0 6px}
.vs-profile__en{color:var(--vs-blue);font-size:13px;font-weight:700}
.vs-faq{max-width:850px;margin:0 auto}
.vs-faq details{border-bottom:1px solid var(--vs-border);padding:18px 0}
.vs-faq summary{cursor:pointer;font-weight:800;color:var(--vs-navy)}
.vs-faq p{color:var(--vs-muted);line-height:1.9;padding:10px 0 0;margin:0}
.vs-contact{background:linear-gradient(120deg,#087fbd,#075b8c);color:#fff;text-align:center;padding:80px 0}
.vs-contact h2{color:#fff;font-size:clamp(30px,4vw,46px);margin:0 0 20px}
.vs-contact p{max-width:720px;margin:0 auto 28px;line-height:2}
.vs-contact__info{margin:26px auto 0;font-size:14px;line-height:2;opacity:.95}
.vs-footer{background:var(--vs-navy);color:#dbeaf0;padding:48px 0}
.vs-footer__grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.vs-footer a{color:#fff}
.vs-footer small{display:block;margin-top:35px;color:#91abb7}
@media (max-width:900px){
  .vs-menu{display:none}
  .vs-about,.vs-services,.vs-problems,.vs-values,.vs-flow,.vs-profile,.vs-footer__grid{grid-template-columns:1fr}
  .vs-hero{min-height:600px}
  .vs-hero__tags{display:grid;grid-template-columns:1fr}
  .vs-tag{width:auto}
  .vs-section{padding:68px 0}
  .vs-profile__photo{width:180px;height:210px}
}