:root{--navy:#071735;--navy2:#0a2b5b;--thread:#2c4fd8;--cyan:#00c2ff;--gold:#ffb600;--ink:#16181d;--muted:#5a5f6a;--line:#e3e3de;--paper:#f8f8f6;--maxw:1180px;--font:"Noto Sans JP",sans-serif;--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:var(--font);line-height:1.75}a{color:inherit;text-decoration:none}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.product-header{position:sticky;top:0;z-index:10;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(90deg,var(--navy),var(--navy2));box-shadow:0 10px 28px rgba(5,16,38,.16)}.product-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(calc(100% - 36px),var(--maxw));min-height:72px;margin:auto}.product-brand{display:flex;align-items:center;gap:12px}.product-brand img{width:64px;height:44px;object-fit:contain}.product-brand span{display:grid;line-height:1.05}.product-brand strong{font:700 16px var(--font);letter-spacing:.12em}.product-brand small{margin-top:5px;font-size:10px;font-weight:700;letter-spacing:.28em}.product-header nav{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:800}.product-header nav a:hover,.product-header nav a:focus-visible{color:var(--cyan)}.nav-contact{padding:9px 14px;color:var(--navy);background:#fff}.product-hero{min-height:clamp(520px,56vw,720px);background:url("assets/images/work-skillops-nexus.png") center/cover no-repeat,var(--navy)}.development-notice{display:flex;align-items:center;justify-content:center;gap:18px;min-height:62px;padding:12px 22px;color:#fff;background:#102143}.development-notice strong{padding:4px 8px;border:1px solid rgba(255,182,0,.6);color:#ffd15b;font:600 11px var(--mono);letter-spacing:.1em}.development-notice span{font-size:13px;font-weight:700}.lp-inner{width:min(calc(100% - 44px),var(--maxw));margin:auto}.value-band,.lifecycle,.capabilities,.roadmap{padding:92px 0}.lp-kicker{margin:0;color:var(--thread);font:600 12px/1.4 var(--mono);text-transform:uppercase}h2{margin:10px 0 0;color:var(--navy);font-size:clamp(30px,4vw,46px);line-height:1.28}.section-lead{max-width:800px;margin:16px 0 0;color:var(--muted);font-size:16px}.value-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:38px;border:1px solid var(--line);background:var(--line)}.value-list article{min-height:210px;padding:24px;background:#fff}.value-list span{color:var(--thread);font:600 12px var(--mono)}.value-list h3{margin:10px 0 0;font-size:20px}.value-list p{margin:9px 0 0;color:var(--muted);font-size:14px}.lifecycle{color:#fff;background:linear-gradient(135deg,var(--navy),var(--navy2))}.lifecycle h2{color:#fff}.lifecycle .lp-kicker{color:var(--cyan)}.lifecycle-list{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;margin:38px 0 0;padding:0;list-style:none;background:rgba(255,255,255,.16)}.lifecycle-list li{min-height:206px;padding:20px 16px;background:rgba(7,23,53,.94)}.lifecycle-list b{display:grid;place-items:center;width:38px;height:38px;color:var(--navy);background:var(--cyan);font:600 12px var(--mono)}.lifecycle-list h3{margin:18px 0 0;font:600 15px var(--mono)}.lifecycle-list p{margin:8px 0 0;color:rgba(255,255,255,.67);font-size:12px}.capabilities{background:var(--paper)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:36px;border:1px solid var(--line);background:var(--line)}.feature-grid article{min-height:210px;padding:28px;background:#fff}.feature-grid small{color:var(--thread);font:600 10px var(--mono)}.feature-grid h3{margin:11px 0 0;color:var(--navy);font-size:20px}.feature-grid p{margin:10px 0 0;color:var(--muted);font-size:14px}.roadmap{background:#fff}.roadmap-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.roadmap p:last-child{margin:6px 0 0;padding-left:28px;border-left:3px solid var(--gold);color:var(--muted)}.product-contact{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center;width:min(calc(100% - 44px),var(--maxw));margin:0 auto 80px;padding:42px;color:#fff;background:linear-gradient(135deg,var(--thread),#087baa)}.product-contact h2{color:#fff}.product-contact p:not(.lp-kicker){max-width:720px;margin:12px 0 0;color:rgba(255,255,255,.84)}.product-contact .lp-kicker{color:#fff}.primary-action{display:flex;align-items:center;justify-content:center;min-height:50px;padding:0 18px;color:var(--navy);background:#fff;font-size:14px;font-weight:900}.product-footer{display:grid;grid-template-columns:1fr auto auto;gap:26px;align-items:center;min-height:100px;padding:22px max(22px,calc((100vw - var(--maxw))/2));color:#fff;background:var(--navy)}.product-footer a{font-weight:800;letter-spacing:.08em}.product-footer p{margin:0;color:rgba(255,255,255,.7);font-size:12px}.product-footer small{color:rgba(255,255,255,.55);font:600 11px var(--mono)}@media(max-width:900px){.product-header nav a:not(.nav-contact){display:none}.value-list{grid-template-columns:repeat(2,1fr)}.lifecycle-list{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.roadmap-inner,.product-contact{grid-template-columns:1fr}}@media(max-width:600px){.product-header-inner{min-height:62px}.product-brand img{width:48px}.product-brand strong{font-size:11px}.product-brand small{font-size:8px}.nav-contact{padding:7px 10px;font-size:11px}.product-hero{min-height:0;aspect-ratio:16/10;background-size:contain}.development-notice{align-items:flex-start;flex-direction:column;gap:5px}.value-band,.lifecycle,.capabilities,.roadmap{padding:66px 0}.value-list,.feature-grid{grid-template-columns:1fr}.lifecycle-list{grid-template-columns:repeat(2,1fr)}.roadmap p:last-child{padding:18px 0 0;border-top:3px solid var(--gold);border-left:0}.product-contact{width:min(calc(100% - 32px),var(--maxw));padding:28px}.product-footer{grid-template-columns:1fr;gap:8px}}
