:root{--navy:#08285f;--blue:#1769e8;--cyan:#31d5e8;--sky:#eaf7ff;--ink:#102b50;--muted:#5d7697;--line:#d9e8f7;--white:#fff;--shadow:0 22px 70px rgba(18,72,135,.12);--radius:28px;--radius-sm:18px;--max:1220px;--wide:1420px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"Noto Sans JP","Yu Gothic",Meiryo,Arial,sans-serif;line-height:1.75;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.container-wide{width:min(calc(100% - 48px),var(--wide));margin-inline:auto}.section-space{padding:112px 0}.pale-section{background:linear-gradient(180deg,#f8fcff,#edf8ff)}.skip-link{position:fixed;left:10px;top:-60px;z-index:9999;background:#fff;padding:10px}.skip-link:focus{top:10px}.scroll-progress{position:fixed;inset:0 auto auto 0;width:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));z-index:9999}.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.91);backdrop-filter:blur(22px);border-bottom:1px solid rgba(177,208,239,.65)}.header-inner{height:86px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;margin-right:auto}.brand img{width:220px;height:auto}.global-nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:700}.global-nav>a,.nav-group>a{padding:29px 0 25px;position:relative}.global-nav a.is-current:after,.nav-group>a.is-current:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:2px}.nav-group{position:relative}.nav-group>a i{margin-left:5px}.nav-mega{position:absolute;top:66px;left:50%;transform:translate(-45%,-12px);width:760px;padding:22px;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(3,1fr);gap:10px;opacity:0;visibility:hidden;transition:.25s}.nav-group:hover .nav-mega,.nav-group:focus-within .nav-mega{opacity:1;visibility:visible;transform:translate(-45%,0)}.nav-mega a{padding:16px;border-radius:16px;display:grid;grid-template-columns:34px 1fr;gap:4px 12px}.nav-mega a:hover{background:#f0f8ff}.nav-mega span{grid-row:1/3;color:var(--blue)}.nav-mega svg{width:26px}.nav-mega b{font-size:14px}.nav-mega small{color:var(--muted)}.nav-cta{background:var(--navy);color:#fff!important;padding:12px 18px!important;border-radius:12px;display:flex;align-items:center;gap:9px;box-shadow:0 10px 28px rgba(8,40,95,.2)}.nav-cta:after{display:none}.icon-envelope{width:18px;height:13px;border:1.7px solid currentColor;border-radius:2px;display:inline-block;position:relative}.icon-envelope:after{content:"";position:absolute;left:2px;right:2px;top:1px;height:7px;border-bottom:1.6px solid currentColor;transform:rotate(0);clip-path:polygon(0 0,50% 100%,100% 0,100% 18%,50% 100%,0 18%)}.language-switcher{display:flex;gap:7px;font-size:11px;font-weight:800}.language-switcher a{padding:7px}.language-switcher .is-active{background:var(--navy);color:#fff;border-radius:999px}.menu-toggle{display:none}.hero-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-atmosphere i{position:absolute;border-radius:50%;filter:blur(2px);opacity:.6}.hero-atmosphere i:nth-child(1){width:520px;height:520px;background:radial-gradient(circle,#8ddfff55,transparent 70%);right:-90px;top:-170px;animation:float 8s ease-in-out infinite}.hero-atmosphere i:nth-child(2){width:420px;height:420px;background:radial-gradient(circle,#8aa8ff38,transparent 70%);left:28%;bottom:-260px;animation:float 11s ease-in-out infinite reverse}.hero-atmosphere i:nth-child(3){width:300px;height:300px;background:radial-gradient(circle,#5cf5e233,transparent 70%);left:-70px;top:22%;animation:float 9s ease-in-out infinite}.home-hero,.inner-hero{position:relative;background:linear-gradient(135deg,#fff 15%,#f4fbff 55%,#dff3ff);overflow:hidden}.home-hero{min-height:720px}.hero-stage{position:relative;min-height:720px}.hero-panel{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;opacity:0;visibility:hidden;transform:translateX(35px);transition:.75s}.hero-panel.is-active{opacity:1;visibility:visible;transform:none}.hero-copy h1,.inner-copy h1{font-size:clamp(42px,5vw,72px);line-height:1.15;letter-spacing:-.055em;margin:18px 0 24px;color:var(--navy)}.hero-copy h1 em{font-style:normal;background:linear-gradient(90deg,var(--blue),#24b9db);-webkit-background-clip:text;color:transparent}.hero-copy p,.inner-copy p{font-size:17px;color:var(--muted);max-width:650px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.16em}.eyebrow:before{content:"";width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 0 0 7px #dff3ff}.hero-actions,.cta-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}.button{min-height:54px;padding:0 25px;border-radius:14px;background:linear-gradient(100deg,var(--blue),#238be9);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-weight:800;box-shadow:0 14px 35px rgba(23,105,232,.22);border:1px solid transparent;transition:.25s}.button:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(23,105,232,.3)}.button-outline{background:#fff;color:var(--blue);border-color:#78a9ef;box-shadow:none}.button-white{background:#fff;color:var(--blue)}.button-ghost{background:transparent;border-color:#ffffff88}.hero-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.hero-proof span,.hero-badges span{padding:8px 13px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:800;box-shadow:0 8px 24px rgba(20,74,135,.07)}.hero-showcase{position:relative;min-height:500px;display:grid;place-items:center;transition:.15s}.slider-nav{position:absolute;left:0;bottom:60px;display:flex;align-items:center;gap:18px}.slider-nav>button{width:46px;height:46px;border:1px solid var(--line);background:#fff;border-radius:50%;color:var(--blue);cursor:pointer}.slider-dots{display:flex;gap:8px}.slider-dots button{background:none;border:0;padding:0;color:var(--muted);cursor:pointer}.slider-dots span{font-size:11px;font-weight:900}.slider-dots i{display:block;width:48px;height:3px;background:#d8e8f7;margin-top:5px;overflow:hidden}.slider-dots button.is-active i:after{content:"";display:block;width:100%;height:100%;background:var(--blue);animation:progress 6s linear}.inner-hero{padding:92px 0 50px}.inner-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;min-height:570px}.inner-copy h1{font-size:clamp(44px,5vw,70px)}.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.hero-badges span{display:flex;align-items:center;gap:7px}.hero-badges svg{width:17px;color:var(--blue)}.inner-showcase{min-height:430px}.breadcrumb{padding:20px 0;font-size:13px;color:var(--muted);display:flex;gap:10px}.breadcrumb a{color:var(--blue)}.section-title{text-align:center;max-width:780px;margin:0 auto 52px}.section-title h2,.split-heading h2,.representative-card h2,.info-panel h2,.access-info h2{font-size:clamp(34px,4vw,50px);line-height:1.3;letter-spacing:-.04em;margin:14px 0 12px;color:var(--navy)}.section-title p,.split-heading p{color:var(--muted)}.row-title{max-width:none;display:flex;justify-content:space-between;text-align:left;align-items:end}.split-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.inline-link{display:inline-flex;align-items:center;gap:16px;color:var(--blue);font-weight:800;margin-top:16px}.inline-link b{transition:.2s}.inline-link:hover b{transform:translateX(5px)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.stats-grid div{padding:28px;text-align:center;border-right:1px solid var(--line)}.stats-grid div:last-child{border:0}.stats-grid strong{font-size:42px;color:var(--blue);display:block}.stats-grid span{font-size:13px;color:var(--muted)}.service-grid-v4{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card-v4{min-height:340px;padding:34px;border:1px solid #cfe3f6;border-radius:24px;background:linear-gradient(145deg,#fff,#f8fcff);box-shadow:0 16px 45px rgba(20,70,130,.08);position:relative;display:flex;flex-direction:column;transition:.3s}.service-card-v4:hover{transform:translateY(-8px);border-color:#7bb6f3;box-shadow:0 25px 60px rgba(20,90,170,.15)}.service-number{position:absolute;right:25px;top:22px;color:#9abbd9;font-size:12px;font-weight:900}.service-icon-v4{width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,#e2f7ff,#e9eeff);display:grid;place-items:center;color:var(--blue);box-shadow:inset 0 0 0 1px #bfe4fa}.service-icon-v4 svg{width:31px}.service-card-v4 h3{font-size:22px;color:var(--navy);margin:34px 0 12px}.service-card-v4 p{color:var(--muted);font-size:14px}.card-more{margin-top:auto;color:var(--blue);font-size:14px}.card-more i{margin-left:10px}.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.feature-visual{min-height:520px;border-radius:32px;background:linear-gradient(145deg,#0d3d8f,#1d75d7 50%,#3adbe1);padding:30px;box-shadow:var(--shadow)}.world-network{height:100%;min-height:460px;position:relative;border:1px solid #ffffff55;border-radius:24px;background:radial-gradient(circle at 50% 50%,#ffffff20,transparent 55%);overflow:hidden;color:#fff}.world-network:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:36px 36px}.world-network b{position:absolute;inset:0;display:grid;place-items:center;font-size:34px}.node{position:absolute;z-index:2;padding:9px 14px;border:1px solid #fff8;border-radius:999px;background:#ffffff1c;backdrop-filter:blur(8px);font-size:12px}.node-a{left:9%;top:22%}.node-b{right:12%;top:32%}.node-c{left:18%;bottom:20%}.node-d{right:15%;bottom:14%}.route{position:absolute;height:2px;background:#fff8;transform-origin:left}.r1{left:22%;top:29%;width:52%;transform:rotate(10deg)}.r2{left:24%;bottom:25%;width:55%;transform:rotate(-8deg)}.r3{left:48%;top:48%;width:38%;transform:rotate(42deg)}.check-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.check-list li:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e7f5ff;color:var(--blue);margin-right:9px;font-weight:900}.check-list.large{grid-template-columns:1fr}.process-band{background:linear-gradient(180deg,#f1f9ff,#eaf7ff)}.process-track{position:relative;display:grid;grid-template-columns:repeat(var(--steps,4),1fr);gap:20px}.process-track:before{content:"";position:absolute;left:8%;right:8%;top:72px;height:2px;background:linear-gradient(90deg,#a7d5f7,var(--blue),#6adce5)}.process-step{text-align:center;position:relative}.process-step>span{color:var(--blue);font-size:12px;font-weight:900}.process-icon{width:72px;height:72px;margin:14px auto 22px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--blue);border:1px solid #c6e0f5;box-shadow:0 12px 35px rgba(20,80,150,.1);position:relative;z-index:1}.process-icon svg{width:30px}.process-step h3{margin:0 0 8px;color:var(--navy)}.process-step p{font-size:13px;color:var(--muted)}.representative-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;border:1px solid var(--line);border-radius:34px;padding:48px;background:linear-gradient(145deg,#fff,#f5fbff);box-shadow:var(--shadow)}.rep-image{border-radius:26px;overflow:hidden;position:relative}.rep-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#0e59a455)}.representative-card strong{display:block;margin-top:24px;color:var(--navy)}.representative-card small{color:var(--muted)}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.content-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:12px 12px 28px;box-shadow:0 16px 44px rgba(20,70,130,.08)}.content-image{position:relative;display:block;border-radius:17px;overflow:hidden;aspect-ratio:16/10;background:#eaf5ff}.content-image img{width:100%;height:100%;object-fit:cover;transition:.45s}.content-image span{position:absolute;inset:auto 14px 14px auto;background:#fff;padding:8px 12px;border-radius:999px;color:var(--blue);font-size:11px;font-weight:800;opacity:0;transform:translateY(8px);transition:.3s}.content-image:hover img{transform:scale(1.05)}.content-image:hover span{opacity:1;transform:none}.content-meta{display:flex;justify-content:space-between;margin:18px 12px 0;font-size:11px;color:var(--muted)}.content-meta span{color:var(--blue);font-weight:800}.content-card h3{margin:10px 12px;font-size:20px;color:var(--navy)}.content-card p,.content-card>.inline-link{margin-left:12px;margin-right:12px}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.solution-card{border:1px solid var(--line);border-radius:22px;padding:28px;background:#fff;position:relative;box-shadow:0 12px 38px rgba(20,70,130,.07)}.solution-card>span{position:absolute;right:24px;top:25px;color:#9abbd9;font-size:11px}.solution-card h3{font-size:20px;color:var(--navy)}.solution-card p{color:var(--muted);font-size:14px}.solution-card>a{font-size:13px;color:var(--blue);font-weight:800}.two-panel{display:grid;grid-template-columns:1fr 1fr;gap:26px}.info-panel{border:1px solid var(--line);border-radius:30px;padding:42px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.info-panel-blue{background:linear-gradient(145deg,#eff9ff,#dff4ff);position:relative}.chip-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}.chip-list li{padding:10px 14px;background:#fff;border:1px solid #c8e2f5;border-radius:999px;font-size:13px;font-weight:700}.mini-visual{height:230px;margin-top:25px}.mini-visual .browser-ui,.mini-visual .dashboard-ui,.mini-visual .roadmap-ui,.mini-visual .analytics-ui,.mini-visual .cloud-ui,.mini-visual .thailand-ui{transform:scale(.65);transform-origin:50% 0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.metric-card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:22px;text-align:center}.metric-card strong{font-size:42px;color:var(--blue);display:block}.metric-card span{font-size:13px;color:var(--muted)}.metric-card svg{width:100%;height:52px;margin-top:18px}.metric-card polyline{fill:none;stroke:var(--blue);stroke-width:3}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.faq-grid details{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.faq-grid summary{list-style:none;padding:20px 22px;font-weight:800;cursor:pointer;display:flex;justify-content:space-between}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid details div{padding:0 22px 18px;color:var(--muted)}.faq-grid details[open] summary span{transform:rotate(45deg)}.support-style-grid,.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.support-card,.value-card{border:1px solid var(--line);border-radius:24px;padding:32px;background:#fff;box-shadow:0 14px 42px rgba(20,70,130,.07)}.support-card>span,.value-card>span{color:var(--blue);font-size:12px;font-weight:900}.support-card h3,.value-card h3{color:var(--navy);font-size:22px}.support-card ul{padding-left:18px;color:var(--muted)}.filter-bar{display:flex;gap:10px;margin-bottom:34px}.filter-bar button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 18px;color:var(--muted)}.filter-bar .is-active{background:var(--navy);color:#fff}.browser-ui,.dashboard-ui,.roadmap-ui,.analytics-ui,.cloud-ui,.thailand-ui{width:min(100%,610px);height:390px;border-radius:28px;background:rgba(255,255,255,.78);border:1px solid #c8e2f6;box-shadow:0 35px 80px rgba(20,75,140,.17);position:relative;overflow:hidden;backdrop-filter:blur(12px)}.browser-top{height:40px;background:#fff;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid var(--line)}.browser-top i{width:8px;height:8px;border-radius:50%;background:#99d3f3}.browser-top span{margin-left:10px;color:#9ab1c8;font-size:10px}.browser-body{height:350px;display:grid;grid-template-columns:58px 1fr}.browser-body aside{background:#f5faff;padding:18px 14px}.browser-body aside b{display:block;height:8px;background:#b9d9f2;border-radius:5px;margin-bottom:18px}.browser-body main{padding:55px;background:linear-gradient(135deg,#fff,#eaf7ff)}.browser-body h3{font-size:29px;color:var(--navy)}.ui-label{font-size:10px;color:var(--blue);font-weight:900}.ui-button{width:120px;height:30px;background:var(--blue);border-radius:8px}.ui-cards{display:flex;gap:12px;margin-top:35px}.ui-cards i{width:90px;height:65px;border-radius:12px;background:#fff;box-shadow:0 9px 24px #6e9ecf22}.dashboard-ui{display:grid;grid-template-columns:50px 1fr;background:#f8fcff}.dash-side{background:var(--navy);padding:20px 13px}.dash-side i{display:block;width:24px;height:24px;border-radius:8px;background:#ffffff26;margin-bottom:16px}.dash-main{padding:24px}.dash-head{display:flex;justify-content:space-between}.dash-head span{width:80px;height:15px;border-radius:10px;background:#cfe4f6}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.dash-stats i{height:58px;background:#fff;border-radius:12px;border:1px solid var(--line)}.dash-chart{height:120px;background:#fff;border-radius:14px;border:1px solid var(--line)}.dash-chart polyline,.analytics-chart polyline{fill:none;stroke:var(--blue);stroke-width:4}.dash-table{margin-top:14px}.dash-table i{display:block;height:15px;border-radius:5px;background:#e5f0f8;margin-bottom:8px}.phone-ui{position:absolute;right:15px;bottom:15px;width:96px;height:190px;border-radius:22px;background:#fff;border:6px solid #1a4d8e;box-shadow:0 20px 40px #0d396f33}.roadmap-ui{padding:30px;background:linear-gradient(150deg,#fff,#e8f6ff)}.roadmap-ui>span{color:var(--blue);font-size:12px;font-weight:900}.roadmap-ui svg{width:100%;height:260px}.roadmap-ui path{fill:none;stroke:var(--blue);stroke-width:7}.roadmap-ui circle{fill:#fff;stroke:var(--blue);stroke-width:4}.road-label{position:absolute;font-size:11px;background:#fff;border:1px solid var(--line);padding:7px 10px;border-radius:8px}.l1{left:25px;bottom:25px}.l2{left:32%;bottom:75px}.l3{right:27%;top:120px}.l4{right:18px;top:35px}.analytics-ui{padding:25px}.analytics-ui>span{font-size:12px;font-weight:900}.analytics-chart{height:140px;background:#fff;border:1px solid var(--line);border-radius:14px;margin-top:12px;position:relative}.analytics-chart b{position:absolute;right:20px;top:15px;color:var(--blue)}.analytics-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.analytics-stats i{height:50px;background:#fff;border:1px solid var(--line);border-radius:10px}.analytics-bottom{display:grid;grid-template-columns:1.4fr .6fr;gap:10px;margin-top:10px}.table-lines{height:80px;background:repeating-linear-gradient(#fff 0 13px,#e5eff7 14px 15px)}.donut{width:75px;height:75px;border:14px solid var(--blue);border-right-color:var(--cyan);border-bottom-color:#bdeaff;border-radius:50%;margin:auto}.cloud-ui{background:linear-gradient(145deg,#dff2ff,#8fd4ff);display:grid;place-items:center}.cloud-shape{width:260px;height:130px;background:#fff;border-radius:80px;position:relative;box-shadow:0 20px 60px #1472c944}.cloud-shape i{position:absolute;background:#fff;border-radius:50%}.cloud-shape i:nth-child(1){width:110px;height:110px;left:40px;top:-45px}.cloud-shape i:nth-child(2){width:140px;height:140px;right:35px;top:-62px}.cloud-shape b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:90px;border-radius:20px 20px 34px 34px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:36px;z-index:3}.security-panel{position:absolute;background:#0a3e87;color:#fff;padding:12px 16px;border-radius:12px;font-size:10px;box-shadow:0 14px 30px #0d4a8e55}.p1{left:20px;top:60px}.p2{right:18px;top:70px}.p3{right:50px;bottom:45px}.orbit{position:absolute;border:1px solid #fff8;border-radius:50%;width:400px;height:170px}.o2{transform:rotate(22deg)}.thailand-ui{background:linear-gradient(135deg,#e9f7ff,#b9e2ff)}.thai-map{position:absolute;left:35%;top:30px;width:210px;height:310px;background:linear-gradient(180deg,#fff,#d9effc);clip-path:polygon(45% 0,67% 10%,60% 30%,78% 45%,63% 62%,72% 77%,50% 100%,35% 82%,40% 65%,20% 48%,34% 30%,25% 12%);filter:drop-shadow(0 18px 25px #0d5b9e2a)}.thai-map span{position:absolute;left:74px;top:80px;color:var(--blue);font-weight:900;white-space:nowrap}.thai-city{position:absolute;inset:auto 0 0;height:140px;background:linear-gradient(90deg,#3b77ad88,#1664a977);clip-path:polygon(0 100%,0 75%,8% 75%,8% 52%,14% 52%,14% 80%,20% 80%,20% 33%,26% 33%,26% 70%,31% 70%,31% 48%,39% 48%,39% 80%,46% 80%,46% 20%,53% 20%,53% 67%,59% 67%,59% 44%,67% 44%,67% 77%,74% 77%,74% 31%,82% 31%,82% 70%,90% 70%,90% 52%,100% 52%,100% 100%)}.thailand-ui ul{position:absolute;right:18px;bottom:20px;list-style:none;margin:0;padding:12px;background:#ffffffc9;border-radius:14px;font-size:11px}.global-cta{padding-top:20px}.cta-panel{background:linear-gradient(100deg,#0759e6,#1599e8 60%,#36d5d8);border-radius:28px;padding:48px 54px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;overflow:hidden}.cta-panel:before{content:"";position:absolute;width:500px;height:500px;border:1px solid #fff3;border-radius:50%;right:-200px;top:-330px}.cta-panel h2{font-size:34px;margin:10px 0}.cta-panel p{margin:0}.cta-panel .eyebrow{color:#fff}.site-footer{padding:76px 0 24px;background:#fff}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:56px}.footer-grid h3{font-size:14px;color:var(--navy)}.footer-grid a{display:block;color:var(--muted);font-size:13px;margin:9px 0}.footer-brand img{width:225px}.footer-brand p,.footer-brand address{color:var(--muted);font-size:13px;font-style:normal}.social-row{display:flex;gap:8px;margin-top:20px}.social-row a{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--blue)}.footer-bottom{border-top:1px solid var(--line);margin-top:50px;padding-top:20px;display:flex;justify-content:space-between;color:#7d91aa;font-size:11px}.page-top{position:fixed;right:25px;bottom:25px;width:48px;height:48px;background:#fff;border:1px solid #b9d9f3;color:var(--blue);border-radius:50%;display:grid;place-items:center;box-shadow:0 12px 35px #0b4d8d22;opacity:0;transform:translateY(15px);transition:.3s;z-index:30}.page-top.is-visible{opacity:1;transform:none}.article-hero{padding:100px 0 70px;background:linear-gradient(135deg,#fff,#e8f6ff)}.article-hero h1{font-size:clamp(40px,5vw,65px);line-height:1.25;color:var(--navy);max-width:950px}.article-meta{display:flex;gap:20px;color:var(--muted)}.article-layout{display:grid;grid-template-columns:180px 1fr;gap:70px;padding-top:70px;padding-bottom:100px}.article-layout aside{position:sticky;top:120px;height:max-content}.share-box{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap}.share-box span{width:100%;font-size:10px;color:var(--muted)}.share-box a{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center}.article-content>img{border-radius:28px;width:100%;max-height:680px;object-fit:cover}.article-summary{font-size:22px;color:var(--navy);font-weight:700;margin:42px 0}.rich-text{color:#405f81;font-size:16px}.company-profile{max-width:980px}.profile-table{border-top:1px solid var(--line)}.profile-table div{display:grid;grid-template-columns:210px 1fr;border-bottom:1px solid var(--line);padding:22px}.profile-table dt{font-weight:800;color:var(--navy)}.profile-table dd{margin:0;color:var(--muted)}.access-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center}.map-card{min-height:550px;border-radius:32px;background:#eaf6ff;position:relative;overflow:hidden;box-shadow:var(--shadow)}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#b8daf422 1px,transparent 1px),linear-gradient(90deg,#b8daf422 1px,transparent 1px);background-size:35px 35px}.map-road{position:absolute;height:12px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px #c1dbef}.road-a{width:120%;left:-10%;top:45%;transform:rotate(-14deg)}.road-b{width:110%;left:-5%;top:60%;transform:rotate(19deg)}.map-pin{position:absolute;left:48%;top:43%;transform:translate(-50%,-50%);text-align:center}.map-pin i{display:block;width:52px;height:65px;background:var(--blue);border-radius:50% 50% 50% 0;transform:rotate(-45deg);margin:auto;box-shadow:0 16px 35px #0d5ec744}.map-pin b,.map-pin small{display:block;margin-top:10px}.station{position:absolute;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:11px}.s1{left:15%;top:23%}.s2{right:13%;bottom:20%}.access-info address{font-style:normal;color:var(--muted);font-size:17px}.access-list{list-style:none;padding:0;margin:28px 0}.access-list li{padding:12px 0;border-bottom:1px solid var(--line)}.access-list b{display:inline-block;width:72px;color:var(--blue)}.faq-page-layout{display:grid;grid-template-columns:240px 1fr;gap:60px}.faq-nav{position:sticky;top:120px;height:max-content;border:1px solid var(--line);border-radius:20px;padding:16px;background:#fff}.faq-nav a{display:block;padding:13px;border-radius:12px;font-weight:700}.faq-nav a:hover{background:#eef8ff;color:var(--blue)}.faq-group{padding-bottom:80px}.contact-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px}.contact-aside{position:sticky;top:120px;height:max-content}.contact-info-card{margin-top:28px;border:1px solid var(--line);border-radius:22px;padding:28px;background:#f6fbff}.contact-info-card>*{display:block;margin:7px 0}.contact-info-card address{font-style:normal;color:var(--muted)}.contact-form-card{border:1px solid var(--line);border-radius:28px;padding:42px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form-card label{display:block;font-weight:700;margin-bottom:20px}.contact-form-card label span{color:#e55}.contact-form-card input,.contact-form-card select,.contact-form-card textarea{width:100%;margin-top:8px;border:1px solid #c8dff2;border-radius:12px;padding:14px;background:#f9fcff;color:var(--ink)}.contact-form-card input:focus,.contact-form-card select:focus,.contact-form-card textarea:focus{outline:3px solid #d6efff;border-color:var(--blue)}.privacy-check{display:flex!important;gap:10px;align-items:center}.privacy-check input{width:20px!important;margin:0!important}.privacy-check span{color:var(--muted)!important;font-weight:500}.privacy-check a{color:var(--blue)}.hp-field{position:absolute;left:-9999px}.form-submit{border:0;cursor:pointer}.form-success{padding:18px;background:#e8fff7;color:#087758;border-radius:14px;margin-bottom:20px}.legal-layout{display:grid;grid-template-columns:250px 1fr;gap:60px}.legal-nav{position:sticky;top:120px;height:max-content;border:1px solid var(--line);border-radius:20px;padding:12px}.legal-nav a{display:block;padding:13px;border-radius:11px}.legal-nav .is-active{background:#edf7ff;color:var(--blue);font-weight:800}.legal-document{max-width:850px}.legal-document section{padding:28px 0;border-bottom:1px solid var(--line)}.legal-document h2{font-size:22px;color:var(--navy)}.legal-document p{color:var(--muted)}.legal-date{font-size:13px}.legal-contact{margin-top:36px;padding:22px;background:#f0f8ff;border-radius:16px}.legal-contact>*{display:block}.sitemap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.sitemap-card{border:1px solid var(--line);border-radius:24px;padding:32px}.sitemap-card h2{color:var(--navy)}.sitemap-card a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);color:var(--muted)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s,transform .75s;transition-delay:var(--delay,0ms)}.reveal.is-visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(22px) scale(1.03)}}@keyframes progress{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@media(max-width:1100px){.global-nav{position:fixed;inset:86px 0 auto 0;background:#fff;padding:24px;display:none;flex-direction:column;align-items:stretch;max-height:calc(100vh - 86px);overflow:auto}.global-nav.is-open{display:flex}.nav-group>a{display:block}.nav-mega{position:static;transform:none!important;opacity:1;visibility:visible;width:auto;box-shadow:none;grid-template-columns:1fr 1fr;display:grid;margin-top:8px}.menu-toggle{display:grid;width:44px;height:44px;border:0;background:none;padding:8px;margin-left:auto}.menu-toggle span{height:2px;background:var(--navy)}.menu-toggle b{display:none}.language-switcher{margin-left:0}.hero-panel,.inner-hero-grid,.feature-split,.representative-card,.access-layout,.contact-layout{grid-template-columns:1fr}.hero-panel{position:relative;display:none;padding:80px 0 120px}.hero-panel.is-active{display:grid}.hero-stage,.home-hero{min-height:auto}.hero-showcase{min-height:420px}.slider-nav{left:24px;bottom:35px}.service-grid-v4,.solution-grid{grid-template-columns:repeat(2,1fr)}.process-track{grid-template-columns:repeat(2,1fr)}.process-track:before{display:none}.content-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.global-nav .nav-cta{justify-content:center}.contact-aside{position:static}}@media(max-width:720px){.container,.container-wide{width:min(calc(100% - 30px),var(--max))}.section-space{padding:76px 0}.header-inner{height:74px}.brand img{width:175px}.global-nav{inset:74px 0 auto}.language-switcher{display:none}.home-hero{min-height:auto}.hero-panel{padding-top:55px;gap:20px}.hero-copy h1,.inner-copy h1{font-size:38px}.hero-copy p,.inner-copy p{font-size:15px}.hero-showcase,.inner-showcase{min-height:300px}.browser-ui,.dashboard-ui,.roadmap-ui,.analytics-ui,.cloud-ui,.thailand-ui{height:290px}.browser-body{height:250px}.browser-body main{padding:30px}.inner-hero{padding:55px 0 20px}.inner-hero-grid{min-height:auto;gap:25px}.slider-nav{position:relative;left:auto;bottom:auto;padding-bottom:30px}.split-heading,.two-panel,.article-layout,.faq-page-layout,.legal-layout{grid-template-columns:1fr}.stats-grid,.metric-grid{grid-template-columns:repeat(2,1fr)}.service-grid-v4,.solution-grid,.content-grid,.support-style-grid,.value-grid,.sitemap-grid{grid-template-columns:1fr}.process-track{grid-template-columns:1fr}.feature-visual{min-height:390px}.world-network{min-height:330px}.representative-card{padding:24px;gap:28px}.row-title{display:block}.cta-panel{padding:34px 24px;display:block}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/3}.footer-bottom{display:block}.faq-grid,.form-grid{grid-template-columns:1fr}.article-layout aside{position:static}.contact-form-card{padding:24px}.profile-table div{grid-template-columns:1fr}.map-card{min-height:400px}.hero-actions{display:grid}.button{width:100%}.check-list{grid-template-columns:1fr}}

/* ========================================================================
   FirstStep Japanese service pages v5
   ======================================================================== */
:root{--v5-blue:#1769e8;--v5-cyan:#35d3e9;--v5-deep:#07255a;--v5-pale:#f4faff;--v5-panel:#fff;--v5-line:#d7e8f8;--v5-shadow:0 24px 70px rgba(26,90,155,.12)}
.v5-blue{color:var(--v5-blue)}
.v5-section-soft{background:linear-gradient(180deg,#fbfdff 0%,#f1f9ff 100%)}
.v5-hero-grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(83,166,232,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(83,166,232,.06) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 86%)}
.v5-spotlight{--mx:72%;--my:20%;position:relative;overflow:hidden}
.v5-spotlight:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(450px circle at var(--mx) var(--my),rgba(80,199,255,.18),transparent 72%)}
.v5-overview-hero{min-height:690px;background:linear-gradient(125deg,#fff 12%,#f5fbff 58%,#dcefff);border-bottom:1px solid #cde6f8}
.v5-overview-stage{position:relative;min-height:690px}
.v5-overview-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:50px;align-items:center;padding:64px 0 96px;opacity:0;visibility:hidden;transform:translateX(38px) scale(.985);transition:opacity .7s,transform .8s,visibility .8s}
.v5-overview-slide.is-active{opacity:1;visibility:visible;transform:none;z-index:2}
.v5-overview-copy{position:relative;z-index:3;max-width:660px}
.v5-overview-copy h1{margin:20px 0 22px;font-size:clamp(48px,5.2vw,78px);line-height:1.16;letter-spacing:-.065em;color:var(--v5-deep)}
.v5-overview-copy h1 em{font-style:normal;background:linear-gradient(95deg,var(--v5-blue),#13a7dc);background-clip:text;-webkit-background-clip:text;color:transparent}
.v5-overview-copy p{max-width:630px;color:#587394;font-size:17px;line-height:1.9}
.v5-hero-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:32px}
.v5-overview-index{display:flex;align-items:center;gap:13px;margin-top:34px;color:#6b86a5;font-size:12px;font-weight:900}
.v5-overview-index strong{color:var(--v5-deep)}
.v5-overview-index i{width:125px;height:2px;background:linear-gradient(90deg,var(--v5-blue) 38%,#cbdff0 38%);border-radius:2px}
.v5-overview-visual{position:relative;min-height:520px;display:grid;place-items:center;z-index:2;transition:transform .18s ease-out}
.v5-city-window{position:absolute;inset:10px 0 0 0;border-radius:48% 12px 48% 12px/58% 12px 42% 12px;overflow:hidden;box-shadow:0 30px 90px rgba(36,112,175,.22);border:1px solid rgba(255,255,255,.82)}
.v5-city-window:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.25),transparent 30%),linear-gradient(180deg,transparent 60%,rgba(5,56,105,.08))}
.v5-city-window img{width:100%;height:100%;object-fit:cover}
.v5-city-wave{position:absolute;left:-90px;top:-20px;width:360px;height:650px;border:3px solid rgba(255,255,255,.75);border-radius:50%;transform:rotate(18deg);box-shadow:32px 0 0 -29px rgba(73,161,224,.45),65px 0 0 -61px rgba(73,161,224,.35)}
.v5-visual-shell{width:100%;height:100%;min-height:460px;display:grid;place-items:center;filter:drop-shadow(0 30px 60px rgba(30,99,165,.12))}
.v5-overview-visual .v5-visual-shell>.roadmap-ui,.v5-overview-visual .v5-visual-shell>.thailand-ui{width:94%;height:500px}
.v5-glass-chips{position:absolute;left:12%;right:3%;bottom:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;z-index:4}
.v5-glass-chips span{min-height:112px;border:1px solid rgba(255,255,255,.72);background:rgba(255,255,255,.52);backdrop-filter:blur(18px);border-radius:18px;padding:17px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;align-content:center;box-shadow:0 18px 35px rgba(43,100,155,.12)}
.v5-glass-chips svg{grid-row:1/3;width:27px;color:var(--v5-blue)}
.v5-glass-chips b{font-size:13px;color:var(--v5-deep)}
.v5-glass-chips small{color:#52718f;font-size:10px}
.v5-overview-controls{position:absolute;z-index:6;right:18px;bottom:38px;display:flex;align-items:center;gap:12px}
.v5-overview-controls>button{width:46px;height:46px;border:1px solid #bcdcf4;border-radius:50%;background:rgba(255,255,255,.9);color:var(--v5-blue);cursor:pointer;box-shadow:0 10px 25px rgba(32,100,160,.1)}
.v5-overview-controls>div{display:flex;gap:8px;padding:9px 13px;background:rgba(255,255,255,.78);border:1px solid #d5e8f8;border-radius:999px;backdrop-filter:blur(10px)}
.v5-overview-controls>div button{border:0;background:none;padding:0;cursor:pointer}
.v5-overview-controls>div i{display:block;width:9px;height:9px;border-radius:50%;background:#c4dced;transition:.25s}
.v5-overview-controls>div button.is-active i{width:36px;border-radius:999px;background:linear-gradient(90deg,var(--v5-blue),var(--v5-cyan))}
.v5-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.v5-service-card{position:relative;min-height:345px;padding:34px 32px 30px;border:1px solid #d2e5f5;border-radius:22px;background:linear-gradient(145deg,#fff,#fbfdff);display:flex;flex-direction:column;box-shadow:0 16px 44px rgba(31,91,150,.075);transition:transform .35s,border-color .35s,box-shadow .35s;overflow:hidden}
.v5-service-card:before{content:"";position:absolute;inset:0;background:radial-gradient(320px circle at var(--card-x,70%) var(--card-y,0%),rgba(49,211,232,.12),transparent 65%);opacity:0;transition:.3s}
.v5-service-card:hover{transform:translateY(-9px);border-color:#74b7ee;box-shadow:0 25px 66px rgba(31,100,165,.14)}
.v5-service-card:hover:before{opacity:1}
.v5-service-no{position:absolute;right:25px;top:23px;font-size:11px;font-weight:900;color:#90b4d1}
.v5-service-icon,.v5-round-icon{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#e2f7ff,#e9efff);color:var(--v5-blue);box-shadow:inset 0 0 0 1px #c1e2f7,0 12px 28px rgba(35,110,175,.08)}
.v5-service-icon svg,.v5-round-icon svg{width:31px;height:31px}
.v5-service-card:nth-child(2n) .v5-service-icon{background:linear-gradient(135deg,#e9e8ff,#e9f7ff)}
.v5-service-card:nth-child(3n) .v5-service-icon{background:linear-gradient(135deg,#ddfff5,#e6f7ff)}
.v5-service-card h3{margin:30px 0 12px;color:var(--v5-deep);font-size:22px;line-height:1.45}
.v5-service-card p{margin:0;color:#627b97;font-size:14px;line-height:1.9}
.v5-service-card>b{margin-top:auto;padding-top:24px;color:var(--v5-blue);font-size:13px}
.v5-service-card>b i{margin-left:8px;transition:.25s}
.v5-service-card:hover>b i{display:inline-block;transform:translateX(6px)}
.v5-flow-band{background:linear-gradient(180deg,#edf8ff,#f8fcff);position:relative;overflow:hidden}
.v5-flow-band:before{content:"";position:absolute;width:580px;height:580px;border-radius:50%;border:1px solid #8bc9ef33;right:-280px;top:-350px}
.v5-process{position:relative;display:grid;grid-template-columns:repeat(var(--step-count,4),1fr);gap:26px;padding:12px 0 0}
.v5-process-line{position:absolute;left:6%;right:6%;top:73px;height:2px;background:linear-gradient(90deg,var(--v5-blue),var(--v5-cyan));transform:scaleX(0);transform-origin:left;transition:transform 1.4s ease .25s;z-index:0}
.v5-process.is-visible .v5-process-line{transform:scaleX(1)}
.v5-process-step{position:relative;text-align:center;z-index:1;padding:0 8px}
.v5-process-step>span{display:block;color:var(--v5-blue);font-weight:900;font-size:12px;margin-bottom:8px}
.v5-process-step>div{width:74px;height:74px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #cfe4f7;box-shadow:0 14px 36px rgba(29,94,155,.12);color:var(--v5-blue)}
.v5-process-step>div svg{width:31px}
.v5-process-step h3{font-size:18px;color:var(--v5-deep);margin:0 0 9px}
.v5-process-step p{font-size:13px;color:#627b97;line-height:1.8;margin:0}
.v5-support-style{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.v5-support-card{position:relative;border:1px solid #d4e6f6;border-radius:22px;padding:31px;background:#fff;box-shadow:0 15px 42px rgba(31,91,150,.075);min-height:340px;display:flex;flex-direction:column}
.v5-support-card>span{position:absolute;top:25px;right:25px;color:#9dbad2;font-size:11px;font-weight:900}
.v5-support-card h3{font-size:22px;color:var(--v5-deep);margin:27px 0 10px}
.v5-support-card p{color:#617b98;margin:0 0 15px}
.v5-support-card ul{list-style:none;padding:0;margin:0;color:#44698d;font-size:13px}
.v5-support-card li{padding:6px 0 6px 22px;position:relative}.v5-support-card li:before{content:"✓";position:absolute;left:0;color:var(--v5-blue);font-weight:900}
.v5-support-card .inline-link{margin-top:auto}
.v5-detail-hero{min-height:610px;background:linear-gradient(125deg,#fff 5%,#f7fbff 52%,#e0f2ff);border-bottom:1px solid #d6e9f8}
.v5-detail-hero-grid{position:relative;z-index:2;min-height:610px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:58px;align-items:center;padding:70px 0}
.v5-detail-copy h1{font-size:clamp(45px,5vw,69px);line-height:1.18;letter-spacing:-.06em;color:var(--v5-deep);margin:18px 0 18px}
.v5-detail-lead{font-size:17px;line-height:1.95;color:#587493;max-width:620px}
.v5-detail-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}
.v5-detail-badges span{display:flex;align-items:center;gap:7px;padding:9px 12px;background:rgba(255,255,255,.88);border:1px solid #d1e5f5;border-radius:999px;color:#345e87;font-size:11px;font-weight:800;box-shadow:0 8px 22px rgba(29,94,155,.07)}
.v5-detail-badges svg{width:16px;color:var(--v5-blue)}
.v5-hero-note{display:block;margin-top:20px;color:#6b86a3;font-weight:700;letter-spacing:.02em}
.v5-detail-visual{position:relative;min-height:465px;display:grid;place-items:center;transition:transform .18s ease-out}
.v5-detail-visual .v5-visual-shell{position:absolute;inset:10px 0 0 0;min-height:440px}
.v5-detail-visual .browser-ui,.v5-detail-visual .dashboard-ui,.v5-detail-visual .roadmap-ui,.v5-detail-visual .analytics-ui,.v5-detail-visual .cloud-ui,.v5-detail-visual .thailand-ui{width:95%;height:440px}
.v5-visual-orbit{position:absolute;width:520px;height:520px;border:1px solid rgba(55,151,219,.22);border-radius:50%;animation:v5Orbit 14s linear infinite;pointer-events:none}
.v5-visual-orbit:before,.v5-visual-orbit:after{content:"";position:absolute;border-radius:50%;background:linear-gradient(135deg,var(--v5-blue),var(--v5-cyan));box-shadow:0 0 25px #39ccea88}
.v5-visual-orbit:before{width:11px;height:11px;left:49px;top:62px}.v5-visual-orbit:after{width:7px;height:7px;right:29px;bottom:110px}
.v5-solution-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.v5-solution-grid.is-five{grid-template-columns:repeat(5,1fr)}
.v5-solution-card{position:relative;min-height:315px;border:1px solid #d6e7f6;border-radius:19px;padding:24px 20px;background:#fff;display:flex;flex-direction:column;box-shadow:0 13px 35px rgba(31,91,150,.065);transition:.3s}
.v5-solution-card:hover{transform:translateY(-7px);box-shadow:0 22px 55px rgba(31,91,150,.12);border-color:#87bff0}
.v5-solution-card .v5-round-icon{width:52px;height:52px;border-radius:16px}.v5-solution-card .v5-round-icon svg{width:27px}
.v5-solution-card>span{position:absolute;right:20px;top:21px;color:#9ebbd3;font-size:10px;font-weight:900}
.v5-solution-card h3{font-size:17px;line-height:1.5;color:var(--v5-deep);margin:24px 0 10px}
.v5-solution-card p{font-size:12px;color:#647d98;line-height:1.85;margin:0}
.v5-solution-card a{margin-top:auto;padding-top:20px;color:var(--v5-blue);font-size:11px;font-weight:800}
.v5-dual-panel{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.v5-info-panel{position:relative;border:1px solid #d6e7f6;border-radius:24px;padding:38px;background:#fff;box-shadow:0 18px 55px rgba(31,91,150,.08);overflow:hidden}
.v5-info-panel h2{font-size:30px;line-height:1.35;color:var(--v5-deep);margin:13px 0 22px}
.v5-info-panel p{color:#607b98}
.v5-info-blue{background:linear-gradient(145deg,#f8fcff,#eaf6ff)}
.v5-check-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;list-style:none;padding:0;margin:0}
.v5-check-columns li,.v5-check-list li,.v5-simple-list li{position:relative;padding-left:25px;color:#486b8d;font-size:13px;line-height:1.7}
.v5-check-columns li:before,.v5-check-list li:before,.v5-simple-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--v5-blue);font-weight:900}
.v5-chip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.v5-chip-grid span{min-height:64px;border:1px solid #d1e4f5;background:#fff;border-radius:15px;padding:12px;display:flex;align-items:center;gap:9px;color:#476989;font-size:12px;font-weight:800}
.v5-chip-grid svg{width:22px;color:var(--v5-blue)}
.v5-browser-mini,.v5-cloud-mini{position:absolute;right:-50px;bottom:-105px;width:360px;height:280px;opacity:.28;transform:scale(.72);transform-origin:center}
.v5-tech-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:24px}
.v5-tech-grid span{padding:10px 8px;border:1px solid #d7e7f5;border-radius:10px;text-align:center;font-size:11px;font-weight:800;background:#fbfdff;color:#315c84}
.v5-simple-list,.v5-check-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.v5-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.v5-case-card,.v5-workshop-card{border:1px solid #d5e7f6;border-radius:21px;background:#fff;padding:18px;box-shadow:0 14px 40px rgba(31,91,150,.075);position:relative;overflow:hidden}
.v5-case-card img{height:180px;width:100%;object-fit:cover;border-radius:14px;background:#eef7ff}
.v5-case-card>span{display:inline-block;margin-top:18px;padding:5px 9px;border-radius:999px;background:#eaf5ff;color:var(--v5-blue);font-size:10px;font-weight:900}
.v5-case-card h3{font-size:18px;color:var(--v5-deep);margin:10px 0 8px}.v5-case-card p{font-size:12px;color:#617b98}.v5-case-card>div{display:flex;gap:8px}.v5-case-card>div b{flex:1;padding:10px;border-radius:10px;background:#f2f8ff;color:var(--v5-blue);font-size:11px;text-align:center}
.v5-compact-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.v5-compact-grid.is-five{grid-template-columns:repeat(5,1fr)}
.v5-compact-card{border:1px solid #d6e7f6;border-radius:18px;padding:22px;background:#fff;box-shadow:0 12px 34px rgba(31,91,150,.06)}
.v5-compact-card .v5-round-icon{width:48px;height:48px;border-radius:14px}.v5-compact-card .v5-round-icon svg{width:24px}
.v5-compact-card h3{font-size:15px;line-height:1.45;color:var(--v5-deep);margin:18px 0 8px}.v5-compact-card p{font-size:11px;line-height:1.75;color:#657d96}.v5-compact-card a{font-size:11px;color:var(--v5-blue);font-weight:800}
.v5-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.v5-metric-card{border:1px solid #d4e6f5;border-radius:20px;padding:25px;background:#fff;text-align:center;box-shadow:0 14px 40px rgba(31,91,150,.07)}
.v5-metric-card small{display:block;color:#5e7895;font-weight:800}.v5-metric-card strong{display:block;font-size:41px;color:var(--v5-blue);line-height:1.2;margin:10px 0 3px}.v5-metric-card span{font-size:10px;color:#8197ad}.v5-metric-card svg{width:100%;height:62px;margin-top:10px;fill:none;stroke:var(--v5-blue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.v5-metric-card.is-visible svg polyline{stroke-dasharray:400;stroke-dashoffset:400;animation:v5Draw 1.6s ease forwards .25s}
.v5-workshop-card{padding:24px}.v5-workshop-card>span{font-size:11px;color:#9bb7cf;font-weight:900}.v5-workshop-visual{height:118px;margin:12px -6px 19px;border-radius:16px;background:linear-gradient(135deg,#eef8ff,#ddecff);display:grid;place-items:center;color:var(--v5-blue)}.v5-workshop-visual svg{width:54px}.v5-workshop-card h3{font-size:18px;color:var(--v5-deep)}.v5-workshop-card p{font-size:12px;color:#617b98}.v5-workshop-card b{display:block;font-size:11px;color:#315e85;margin:12px 0}.v5-workshop-card a{font-size:12px;color:var(--v5-blue);font-weight:800}
.v5-strategy-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:24px}
.v5-dashboard-panel{border:1px solid #d6e8f7;border-radius:24px;padding:24px;background:linear-gradient(145deg,#fff,#f3f9ff);box-shadow:var(--v5-shadow)}
.v5-dashboard-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.v5-dashboard-kpis>div{padding:15px;border:1px solid #d9e8f5;border-radius:14px;background:#fff}.v5-dashboard-kpis small{display:block;color:#7188a2;font-size:9px}.v5-dashboard-kpis strong{display:block;color:var(--v5-deep);font-size:20px}.v5-dashboard-kpis span{font-size:8px;color:#19a06d}.v5-dashboard-kpis svg{width:100%;height:35px;fill:none;stroke:#317be5;stroke-width:2}
.v5-dashboard-lower{display:grid;grid-template-columns:1.4fr .6fr;gap:12px;margin-top:12px}.v5-table-demo{border:1px solid #d9e8f5;border-radius:14px;background:#fff;padding:14px;display:grid;gap:8px}.v5-table-demo i{display:block;height:12px;border-radius:4px;background:linear-gradient(90deg,#d9eaff 28%,#edf5fb 28%)}.v5-donut-demo{border:1px solid #d9e8f5;border-radius:14px;background:#fff;display:grid;place-items:center}.v5-donut-demo:before{content:"";width:90px;height:90px;border-radius:50%;background:conic-gradient(#1769e8 0 46%,#4a9be7 46% 70%,#82c3ee 70% 86%,#d7ecfa 86%);mask:radial-gradient(circle,#0000 50%,#000 51%)}
.v5-ai-grid{display:grid;grid-template-columns:1fr 1.1fr .8fr;gap:20px}.v5-ai-answer{border:1px solid #bfdcf4;border-radius:22px;padding:27px;background:linear-gradient(145deg,#fff,#eef7ff);box-shadow:0 15px 45px rgba(31,91,150,.08)}.v5-ai-answer>span{font-size:11px;color:var(--v5-blue);font-weight:900}.v5-search-box{margin:14px 0;padding:12px 14px;border:1px solid #a9ceec;border-radius:10px;background:#fff;color:#315a82;font-size:12px}.v5-ai-answer>b{font-size:12px;color:var(--v5-deep)}.v5-ai-answer p{font-size:12px;color:#5f7894;line-height:1.85}.v5-ai-answer small{color:var(--v5-blue)}
.v5-ops-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.v5-ops-card{border:1px solid #d5e7f6;border-radius:22px;padding:28px;background:#fff;box-shadow:0 16px 45px rgba(31,91,150,.075)}.v5-ops-card h3{font-size:19px;color:var(--v5-deep);margin:22px 0 12px}.v5-ops-card ul{list-style:none;padding:0;display:grid;gap:8px}.v5-ops-card li{padding-left:22px;position:relative;font-size:12px;color:#5d7895}.v5-ops-card li:before{content:"●";position:absolute;left:0;color:#28b8df;font-size:9px}.v5-ops-screen{height:120px;margin-top:22px;border-radius:14px;background:linear-gradient(180deg,#f6fbff,#eaf5ff);border:1px solid #d7e8f5;padding:18px;position:relative}.v5-ops-screen span{display:block;height:40px;border-left:2px solid var(--v5-blue);border-bottom:2px solid #c9dfef;clip-path:polygon(0 80%,15% 65%,28% 70%,44% 30%,58% 48%,73% 19%,88% 34%,100% 8%,100% 100%,0 100%);background:linear-gradient(180deg,#4da2ef55,transparent)}.v5-ops-screen i{display:block;height:7px;background:#d9e8f5;border-radius:4px;margin-top:8px}.v5-ops-screen i:nth-child(3){width:75%}.v5-ops-screen i:nth-child(4){width:48%}
.v5-badge-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.v5-badge-row span{padding:15px;border:1px solid #d5e7f6;border-radius:13px;background:#fff;text-align:center;color:#315d84;font-size:12px;font-weight:800}
.v5-industry-row{display:grid;grid-template-columns:repeat(7,1fr);gap:11px}.v5-industry-row span{min-height:82px;border:1px solid #d4e6f5;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;text-align:center;color:#315d84;font-size:12px;font-weight:800}.v5-industry-row svg{width:23px;color:var(--v5-blue)}.v5-center-note{text-align:center;color:#758aa0;font-size:12px;margin-top:18px}
.v5-strength-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.v5-strength-card{position:relative;border:1px solid #d2e5f5;border-radius:19px;padding:26px;background:#fff;box-shadow:0 13px 38px rgba(31,91,150,.065)}.v5-strength-card>span{position:absolute;right:22px;top:19px;color:#9db9d0;font-size:10px;font-weight:900}.v5-strength-card h3{font-size:17px;color:var(--v5-deep);margin:8px 0 10px}.v5-strength-card p{font-size:12px;color:#5f7895;line-height:1.85}
.v5-faq-list details{border-radius:13px;background:#fff}.v5-faq-list summary{padding:17px 20px}
@keyframes v5Orbit{to{transform:rotate(360deg)}}
@keyframes v5Draw{to{stroke-dashoffset:0}}
@media(max-width:1200px){.v5-solution-grid{grid-template-columns:repeat(3,1fr)}.v5-solution-grid.is-five{grid-template-columns:repeat(3,1fr)}.v5-compact-grid,.v5-compact-grid.is-five{grid-template-columns:repeat(3,1fr)}.v5-industry-row{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1000px){.v5-overview-slide,.v5-detail-hero-grid{grid-template-columns:1fr}.v5-overview-hero,.v5-overview-stage{min-height:1080px}.v5-overview-slide{padding:55px 0 100px}.v5-overview-visual{min-height:480px}.v5-overview-controls{right:50%;transform:translateX(50%)}.v5-service-grid{grid-template-columns:repeat(2,1fr)}.v5-process{grid-template-columns:repeat(2,1fr);gap:42px}.v5-process-line{display:none}.v5-support-style,.v5-case-grid,.v5-ops-grid,.v5-strength-grid{grid-template-columns:repeat(2,1fr)}.v5-detail-hero{min-height:970px}.v5-detail-hero-grid{padding:62px 0}.v5-detail-visual{min-height:430px}.v5-dual-panel,.v5-strategy-layout,.v5-ai-grid{grid-template-columns:1fr}.v5-browser-mini,.v5-cloud-mini{opacity:.14}.v5-metric-grid{grid-template-columns:repeat(2,1fr)}.v5-badge-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.v5-overview-hero,.v5-overview-stage{min-height:930px}.v5-overview-slide{padding-top:38px}.v5-overview-copy h1{font-size:42px}.v5-overview-copy p,.v5-detail-lead{font-size:14px}.v5-overview-visual{min-height:375px}.v5-city-window{inset:15px 0 0;border-radius:28px}.v5-glass-chips{left:8px;right:8px;bottom:5px}.v5-glass-chips span{min-height:72px;padding:9px;grid-template-columns:25px 1fr}.v5-glass-chips svg{width:20px}.v5-overview-controls{bottom:20px}.v5-service-grid,.v5-support-style,.v5-solution-grid,.v5-solution-grid.is-five,.v5-case-grid,.v5-compact-grid,.v5-compact-grid.is-five,.v5-ops-grid,.v5-strength-grid{grid-template-columns:1fr}.v5-process{grid-template-columns:1fr}.v5-process-step{display:grid;grid-template-columns:72px 1fr;text-align:left;gap:0 16px}.v5-process-step>span{grid-column:1;grid-row:1}.v5-process-step>div{grid-column:1;grid-row:2/4;width:64px;height:64px}.v5-process-step h3{grid-column:2;grid-row:2}.v5-process-step p{grid-column:2;grid-row:3}.v5-detail-hero{min-height:810px}.v5-detail-hero-grid{padding:42px 0}.v5-detail-copy h1{font-size:40px}.v5-detail-badges{display:grid}.v5-detail-visual{min-height:330px}.v5-detail-visual .browser-ui,.v5-detail-visual .dashboard-ui,.v5-detail-visual .roadmap-ui,.v5-detail-visual .analytics-ui,.v5-detail-visual .cloud-ui,.v5-detail-visual .thailand-ui{height:315px}.v5-visual-orbit{width:340px;height:340px}.v5-dual-panel{grid-template-columns:1fr}.v5-check-columns,.v5-chip-grid,.v5-tech-grid{grid-template-columns:1fr 1fr}.v5-metric-grid,.v5-dashboard-kpis{grid-template-columns:1fr 1fr}.v5-dashboard-lower{grid-template-columns:1fr}.v5-industry-row{grid-template-columns:repeat(2,1fr)}.v5-badge-row{grid-template-columns:1fr}.v5-info-panel{padding:26px}.v5-info-panel h2{font-size:25px}}


/* ===== FirstStep v6 refinements ===== */
.brand img,.footer-brand img,.top img,.login-card img{object-fit:contain;object-position:left center}.brand img{max-height:58px;width:auto;max-width:230px}.footer-brand img{max-height:68px;width:auto;max-width:250px}.representative-card{align-items:center}.rep-image img{object-fit:cover;object-position:center top}.representative-copy{display:flex;flex-direction:column;align-items:flex-start}.representative-signature{display:grid;gap:2px;margin-top:18px}.representative-signature strong{font-size:16px;letter-spacing:.06em;color:var(--navy)}.representative-signature small{color:var(--muted)}.rep-message-button{margin-top:26px;min-width:270px;justify-content:space-between;background:linear-gradient(135deg,#eef8ff,#fff);border-color:#7db7ef;box-shadow:0 12px 30px rgba(23,105,232,.12)}.rep-message-button:hover{background:linear-gradient(135deg,var(--blue),#35c4df);color:#fff;border-color:transparent}.process-track:before{left:var(--line-inset,12.5%);right:var(--line-inset,12.5%)}.v5-process-line{left:var(--line-inset,12.5%);right:var(--line-inset,12.5%)}.home-hero,.hero-stage{min-height:780px}.hero-panel{padding-bottom:105px}.home-hero .slider-nav{left:50%;right:auto;bottom:26px;transform:translateX(-50%);padding:10px 14px;border:1px solid rgba(190,220,245,.85);border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 16px 42px rgba(15,72,135,.12);backdrop-filter:blur(16px);z-index:8}.home-hero .slider-dots i{width:38px}.global-nav{gap:21px}.footer-social-icons{display:flex;gap:10px;margin-top:22px}.footer-social-icons a{width:42px;height:42px;border:1px solid #bddbf2;border-radius:50%;display:grid;place-items:center;color:var(--blue);background:#fff;transition:.25s}.footer-social-icons a:hover{transform:translateY(-4px);background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;border-color:transparent;box-shadow:0 12px 25px rgba(23,105,232,.2)}.footer-social-icons svg{width:19px;height:19px}.floating-contact-menu{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:950;display:grid;gap:9px}.floating-contact-menu a{height:50px;display:flex;justify-content:flex-end;align-items:center;border:1px solid #b9dcf5;border-radius:15px;background:rgba(255,255,255,.95);color:var(--blue);box-shadow:0 12px 32px rgba(12,69,135,.14);overflow:hidden;backdrop-filter:blur(15px);transition:.28s}.floating-contact-menu a span{width:50px;height:50px;display:grid;place-items:center;flex:0 0 50px}.floating-contact-menu a b{width:0;opacity:0;white-space:nowrap;font-size:12px;transition:.28s}.floating-contact-menu a:hover b,.floating-contact-menu a:focus-visible b{width:100px;opacity:1;padding-right:14px}.floating-contact-menu a.is-contact{background:linear-gradient(135deg,var(--blue),#22bddd);color:#fff;border-color:transparent}.floating-contact-menu svg{width:20px;height:20px}.gallery-section-v6{background:linear-gradient(180deg,#fff,#f5fbff)}.gallery-filter-v6{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:42px}.gallery-filter-v6 button{border:1px solid #c7e1f5;border-radius:999px;background:#fff;color:var(--muted);padding:10px 17px;font-weight:800;cursor:pointer}.gallery-filter-v6 button.is-active,.gallery-filter-v6 button:hover{background:linear-gradient(135deg,var(--blue),#28bedc);border-color:transparent;color:#fff;box-shadow:0 10px 25px rgba(23,105,232,.18)}.gallery-grid-v6{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.gallery-card-v6{min-width:0;border:1px solid #d2e7f7;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 18px 48px rgba(18,77,140,.09);transition:.3s}.gallery-card-v6:hover{transform:translateY(-8px);box-shadow:0 28px 65px rgba(18,77,140,.16)}.gallery-card-v6.is-filtered-out{display:none}.gallery-image-v6{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#eaf6ff}.gallery-image-v6 img{width:100%;height:100%;object-fit:cover;transition:.55s}.gallery-card-v6:hover .gallery-image-v6 img{transform:scale(1.045)}.gallery-image-v6>span{position:absolute;right:18px;bottom:18px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 10px 25px rgba(23,105,232,.24)}.gallery-image-v6 svg{width:23px}.gallery-card-body-v6{padding:25px}.gallery-card-body-v6 small{color:var(--blue);font-weight:900;letter-spacing:.08em}.gallery-card-body-v6 h2{font-size:21px;line-height:1.45;color:var(--navy);margin:8px 0}.gallery-card-body-v6 p{font-size:14px;color:var(--muted);margin:0}.gallery-detail-hero-v6{padding:100px 0 75px;background:linear-gradient(135deg,#fff,#e8f7ff)}.gallery-detail-hero-v6 h1{max-width:920px;font-size:clamp(42px,5vw,72px);line-height:1.2;color:var(--navy);margin:20px 0}.gallery-detail-hero-v6 p{max-width:760px;color:var(--muted);font-size:17px}.gallery-back-v6{display:inline-flex;color:var(--blue);font-weight:800;margin-bottom:34px}.gallery-detail-layout-v6{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:55px;padding-top:80px;padding-bottom:110px;align-items:start}.gallery-detail-image-v6{margin:0;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#edf7ff}.gallery-detail-image-v6 img{width:100%;height:auto}.gallery-detail-copy-v6{position:sticky;top:125px;padding:30px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(18,77,140,.09)}.gallery-detail-copy-v6 .button{margin-top:28px}.social-row{display:none}
@media(max-width:1100px){.gallery-grid-v6{grid-template-columns:repeat(2,1fr)}.floating-contact-menu{right:10px}.global-nav{gap:14px}.home-hero,.hero-stage{min-height:auto}.hero-panel{padding-bottom:135px}.home-hero .slider-nav{bottom:34px}}
@media(max-width:720px){.gallery-grid-v6{grid-template-columns:1fr}.gallery-detail-layout-v6{grid-template-columns:1fr;padding-top:50px}.gallery-detail-copy-v6{position:static}.floating-contact-menu{right:8px;top:auto;bottom:82px;transform:none;display:flex}.floating-contact-menu a{width:46px;height:46px;border-radius:50%;justify-content:center}.floating-contact-menu a span{width:46px;height:46px;flex-basis:46px}.floating-contact-menu a b{display:none!important}.home-hero .slider-nav{position:absolute;left:50%;bottom:20px}.hero-panel{padding-bottom:105px}.rep-message-button{width:100%;min-width:0}.brand img{max-width:180px;max-height:48px}}

/* v7 brand assets, shooting stars and contact delivery states */
.brand img{width:min(270px,24vw);max-height:54px;object-fit:contain;object-position:left center}.footer-brand>img{width:min(310px,100%);height:auto;max-height:62px;object-fit:contain;object-position:left center}.rep-image img{width:100%;height:100%;object-fit:cover;object-position:center 28%}.shooting-star-field{position:fixed;inset:0;z-index:35;overflow:hidden;pointer-events:none;mix-blend-mode:multiply;opacity:.58}.shooting-star{position:absolute;display:block;width:var(--star-length,150px);height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(23,105,232,.08) 20%,rgba(49,213,232,.9) 72%,#fff);filter:drop-shadow(0 0 7px rgba(49,213,232,.8));transform:translate3d(0,0,0) rotate(-34deg);animation:shooting-star var(--star-duration,1.35s) cubic-bezier(.16,.72,.25,1) forwards}.shooting-star:after{content:"";position:absolute;right:-2px;top:50%;width:6px;height:6px;transform:translateY(-50%);border-radius:50%;background:#fff;box-shadow:0 0 10px #4dd9ff,0 0 22px #2d89ff}.form-error{padding:18px;margin-bottom:20px;border:1px solid #efb9b9;border-radius:14px;background:#fff2f2;color:#9b2525}.form-security-note{margin:14px 0 0;color:var(--muted);font-size:12px}.contact-form-card .form-submit.is-sending{opacity:.7;pointer-events:none}.contact-form-card .form-submit.is-sending b{animation:send-arrow .8s ease-in-out infinite}.site-header .brand,.site-footer .footer-brand{isolation:isolate}.site-header .brand img,.site-footer .footer-brand img{filter:none}.rep-message-button{margin-top:24px;min-width:260px}.representative-signature{display:grid;gap:3px;margin-top:20px}.representative-signature small{color:var(--muted)}
@keyframes shooting-star{0%{opacity:0;transform:translate3d(0,0,0) rotate(-34deg) scaleX(.2)}12%{opacity:1}100%{opacity:0;transform:translate3d(-75vw,62vh,0) rotate(-34deg) scaleX(1)}}
@keyframes send-arrow{50%{transform:translateX(5px)}}
@media(max-width:720px){.brand img{width:205px;max-height:42px}.shooting-star-field{opacity:.38}.footer-brand>img{width:260px}.rep-message-button{width:100%;min-width:0}}
@media(prefers-reduced-motion:reduce){.shooting-star-field{display:none}}