.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-height);display:flex;align-items:center;background:rgba(255,255,255,0.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:background var(--duration-base) var(--ease-out-quint),border-color var(--duration-base) var(--ease-out-quint)}.nav.is-scrolled{background:rgba(255,255,255,0.92);border-bottom-color:var(--color-gray-100)}.nav-inner{display:flex;align-items:center;gap:var(--space-3);width:100%}.nav-brand{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-serif);font-weight:700;font-size:1.125rem;color:var(--color-text);letter-spacing:0.04em;margin-right:auto}.nav-brand img{height:32px;width:auto}.nav-brand .brand-text{font-family:var(--font-serif);font-style:normal}.nav-links{display:flex;align-items:center;gap:var(--space-8)}.nav-link{position:relative;font-family:var(--font-mono);font-size:0.8125rem;letter-spacing:0.06em;color:var(--color-text);padding-block:var(--space-2)}.nav-link::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--color-itsn-blue);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-base) var(--ease-out-quint)}.nav-link:hover::after,.nav-link.is-active::after{transform:scaleX(1)}.nav-link[data-cat="security"]::after{background:var(--color-cat-security)}.nav-link[data-cat="network"]::after{background:var(--color-cat-network)}.nav-link[data-cat="monitoring"]::after{background:var(--color-cat-monitoring)}.nav-link[data-cat="collaboration"]::after{background:var(--color-cat-collaboration)}.nav-toggle{display:none;width:40px;height:40px;position:relative}.nav-toggle span{position:absolute;left:8px;right:8px;height:2px;background:var(--color-text);transition:transform var(--duration-base) var(--ease-out-quint),opacity var(--duration-fast) var(--ease-out-quint)}.nav-toggle span:nth-child(1){top:14px}.nav-toggle span:nth-child(2){top:19px}.nav-toggle span:nth-child(3){top:24px}.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(5px) rotate(45deg)}.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}@media (max-width:767px){.nav-toggle{display:block}.nav-links{position:fixed;inset:var(--nav-height) 0 auto 0;flex-direction:column;background:var(--color-white);padding:var(--space-8) var(--container-pad);gap:var(--space-6);border-bottom:1px solid var(--color-gray-100);transform:translateY(-110%);transition:transform var(--duration-base) var(--ease-out-quint);box-shadow:var(--shadow-md)}.nav-links.is-open{transform:translateY(0)}.nav-link{font-size:1rem}}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-block:calc(var(--nav-height) + var(--space-12)) var(--space-12)}.hero-canvas{position:absolute;inset:0;z-index:0;pointer-events:none}.hero-content{position:relative;z-index:1;max-width:1000px}.hero-eyebrow{font-family:var(--font-mono);font-size:0.8125rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--color-text-sub);margin-bottom:var(--space-6);display:inline-flex;align-items:center;gap:var(--space-3)}.hero-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--color-itsn-blue);animation:pulse 2.4s var(--ease-out-quint) infinite}.hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,6.5rem);font-weight:700;line-height:0.95;letter-spacing:-0.04em;margin-bottom:var(--space-4)}.hero-title .accent{background:var(--gradient-itsn);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-title-ja{font-family:var(--font-sans);font-size:clamp(1.125rem,2.4vw,1.75rem);font-weight:700;color:var(--color-text);margin-bottom:var(--space-8);letter-spacing:0.02em}.hero-lead{font-size:clamp(1rem,1.4vw,1.125rem);max-width:56ch;color:var(--color-text-body);margin-bottom:var(--space-12)}.hero-scroll{position:absolute;bottom:var(--space-8);left:50%;transform:translateX(-50%);display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:0.6875rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--color-text-sub);z-index:1}.hero-scroll-line{width:1px;height:36px;background:linear-gradient(to bottom,var(--color-text-sub),transparent);animation:scrollLine 2s var(--ease-out-quint) infinite}.btn{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-weight:700;font-size:0.9375rem;border-radius:999px;transition:transform var(--duration-fast) var(--ease-out-quint),box-shadow var(--duration-base) var(--ease-out-quint);overflow:hidden;isolation:isolate}.btn-primary{background:var(--color-itsn-blue);color:var(--color-white)}.btn-primary:hover{color:var(--color-white);transform:translateY(-1px);box-shadow:0 8px 24px rgba(23,150,213,0.32)}.btn-ghost{border:1px solid var(--color-border);color:var(--color-text)}.btn-ghost:hover{border-color:var(--color-text);color:var(--color-text)}.btn .arrow{transition:transform var(--duration-base) var(--ease-out-quint)}.btn:hover .arrow{transform:translateX(4px)}.category-card{position:relative;display:flex;flex-direction:column;padding:var(--space-8);background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);cursor:pointer;overflow:hidden;transition:transform var(--duration-base) var(--ease-out-quint),box-shadow var(--duration-base) var(--ease-out-quint),border-color var(--duration-base) var(--ease-out-quint)}.category-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--cat-color)}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--cat-color);color:var(--color-text)}.category-num{font-family:var(--font-mono);font-size:0.75rem;letter-spacing:0.18em;color:var(--cat-color);margin-bottom:var(--space-6)}.category-icon{width:36px;height:36px;margin-bottom:var(--space-6);color:var(--cat-color)}.category-name{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-0.02em;margin-bottom:var(--space-1)}.category-name-ja{font-size:0.875rem;color:var(--color-text-sub);margin-bottom:var(--space-4)}.category-desc{font-size:0.875rem;color:var(--color-text-body);flex:1;margin-bottom:var(--space-6)}.category-meta{display:flex;align-items:center;gap:var(--space-4);font-family:var(--font-mono);font-size:0.6875rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--color-text-sub);padding-top:var(--space-4);border-top:1px solid var(--color-gray-100)}.category-meta .live-count{color:var(--cat-color);font-weight:700}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-12)}.filter-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-gray-300);border-radius:999px;font-family:var(--font-mono);font-size:0.75rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--color-text-body);transition:all var(--duration-fast) var(--ease-out-quint)}.filter-btn .filter-dot{width:8px;height:8px;border-radius:50%;background:var(--filter-color,var(--color-gray-500))}.filter-btn:hover{border-color:var(--color-text);color:var(--color-text)}.filter-btn.is-active{background:var(--filter-color,var(--color-text));border-color:var(--filter-color,var(--color-text));color:var(--color-white)}.filter-btn.is-active .filter-dot{background:var(--color-white)}.service-card{position:relative;display:flex;flex-direction:column;padding:var(--space-6);background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-md);color:var(--color-text);overflow:hidden;text-decoration:none;transition:transform var(--duration-base) var(--ease-out-quint),box-shadow var(--duration-base) var(--ease-out-quint),border-color var(--duration-base) var(--ease-out-quint)}.card-link{position:absolute;inset:0;z-index:0;text-indent:-9999px;overflow:hidden}.card-link:focus-visible{outline:2px solid var(--cat-color,var(--color-itsn-blue-text));outline-offset:-4px}.service-card>*:not(.card-link){position:relative;z-index:1}.service-card::before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--cat-color)}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--cat-color);color:var(--color-text)}.service-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.service-cat-label{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:0.6875rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--cat-color);font-weight:700}.service-cat-label .dot{width:6px;height:6px;border-radius:50%;background:var(--cat-color)}.service-status{font-family:var(--font-mono);font-size:0.625rem;letter-spacing:0.16em;text-transform:uppercase;padding:4px 10px;border-radius:999px}.service-status.live{color:var(--color-itsn-green-text);display:inline-flex;align-items:center;gap:6px}.service-status.live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-itsn-green)}.service-status.development{background:var(--color-off-white);color:var(--color-gray-500);border:1px solid var(--color-gray-100)}.service-logo{width:56px;height:56px;margin-bottom:var(--space-6);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--cat-color) 8%,transparent)}.service-logo svg{width:32px;height:32px;color:var(--cat-color)}.service-name{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-0.02em;margin-bottom:var(--space-1)}.service-name-ja{font-size:0.8125rem;color:var(--color-text-sub);margin-bottom:var(--space-4)}.service-desc{font-size:0.875rem;color:var(--color-text-body);margin-bottom:var(--space-6);flex:1}.service-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.service-tag{font-family:var(--font-mono);font-size:0.6875rem;letter-spacing:0.04em;padding:3px 10px;border:1px solid var(--color-gray-100);border-radius:999px;color:var(--color-text-sub)}.service-actions{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.service-cta{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:0.75rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--cat-color);font-weight:700}.service-card:hover .service-cta .arrow{transform:translateX(4px)}.service-cta .arrow{transition:transform var(--duration-base) var(--ease-out-quint)}.service-cta-alt{position:relative;z-index:2;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:0.6875rem;letter-spacing:0.12em;text-transform:uppercase;font-weight:700;color:var(--cat-color);border:1px solid color-mix(in srgb,var(--cat-color) 35%,transparent);border-radius:999px;background:var(--color-white);overflow:hidden;isolation:isolate;transition:color var(--duration-fast) var(--ease-out-quint),transform var(--duration-fast) var(--ease-out-quint)}.service-cta-alt::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--cat-color);opacity:0;transition:opacity var(--duration-fast) var(--ease-out-quint);z-index:-1}.service-cta-alt:hover{color:var(--color-white);transform:translateY(-1px)}.service-cta-alt:hover::before{opacity:1}.service-cta-alt .arrow svg{width:12px;height:12px}.featured-card{position:relative;display:flex;flex-direction:column;padding:clamp(2rem,4vw,3rem);background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);color:var(--color-text);overflow:hidden;text-decoration:none;transition:transform var(--duration-base) var(--ease-out-quint),box-shadow var(--duration-base) var(--ease-out-quint)}.featured-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);color:var(--color-text)}.featured-card .glow{position:absolute;inset:-50%;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--cat-color) 14%,transparent),transparent 60%);pointer-events:none;z-index:0}.featured-card>*:not(.card-link){position:relative;z-index:1}.featured-card .card-link{z-index:0}.featured-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.featured-estimate{position:relative;z-index:2;background:transparent;color:var(--cat-color);border:1px solid color-mix(in srgb,var(--cat-color) 40%,transparent)}.featured-estimate:hover{background:var(--cat-color);color:var(--color-white);border-color:var(--cat-color)}.featured-eyebrow{font-family:var(--font-mono);font-size:0.75rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--cat-color);font-weight:700;margin-bottom:var(--space-4)}.featured-name{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);letter-spacing:-0.03em;margin-bottom:var(--space-2)}.featured-ja{font-size:0.9375rem;color:var(--color-text-sub);margin-bottom:var(--space-6)}.featured-desc{font-size:0.9375rem;color:var(--color-text-body);margin-bottom:var(--space-8)}.cta{background:var(--color-black);color:var(--color-white);border-radius:var(--radius-lg);padding:clamp(3rem,8vw,6rem) clamp(2rem,5vw,4rem);position:relative;overflow:hidden}.cta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(23,150,213,0.25),transparent 50%),radial-gradient(circle at 20% 80%,rgba(224,59,20,0.18),transparent 50%);pointer-events:none}.cta>*{position:relative}.cta-eyebrow{font-family:var(--font-mono);font-size:0.75rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--color-itsn-blue);margin-bottom:var(--space-4)}.cta-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-0.03em;margin-bottom:var(--space-4);color:var(--color-white)}.cta-lead{color:var(--color-gray-300);margin-bottom:var(--space-8);font-size:1.0625rem}.cta-actions{display:flex;flex-wrap:wrap;gap:var(--space-4)}.cta-actions .btn-ghost{border-color:rgba(255,255,255,0.3);color:var(--color-white)}.cta-actions .btn-ghost:hover{border-color:var(--color-white);color:var(--color-white)}.cta-meta{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,0.1);display:flex;flex-wrap:wrap;gap:var(--space-8);font-family:var(--font-mono);font-size:0.8125rem;color:var(--color-gray-300)}.footer{position:relative;padding-block:var(--space-16) var(--space-8);background:var(--color-white);border-top:1px solid var(--color-gray-100)}.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-itsn)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-8);margin-bottom:var(--space-12)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-4)}.footer-brand .nav-brand{color:var(--color-text)}.footer-tagline{font-size:0.875rem;color:var(--color-text-sub);max-width:36ch}.footer-col h3{font-family:var(--font-mono);font-size:0.6875rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--color-text-sub);margin-bottom:var(--space-4)}.footer-col ul{display:flex;flex-direction:column;gap:var(--space-3)}.footer-col a{font-size:0.875rem;color:var(--color-text-body)}.footer-col a:hover{color:var(--color-link)}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--color-gray-100);font-size:0.75rem;color:var(--color-text-sub)}.footer-locations{display:flex;flex-direction:column;gap:var(--space-2);font-size:0.8125rem;color:var(--color-text-body)}.footer-locations strong{color:var(--color-text)}.footer-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-4);font-family:var(--font-mono);font-size:0.6875rem;letter-spacing:0.08em;color:var(--color-text-sub)}.footer-meta .footer-since{white-space:nowrap}@media (max-width:767px){.footer-grid{grid-template-columns:1fr 1fr}}.coming-hero{min-height:calc(100vh - var(--nav-height));display:flex;align-items:center;padding-block:var(--space-16);position:relative;overflow:hidden}.coming-canvas{position:absolute;inset:0;z-index:0;opacity:0.6;pointer-events:none}.coming-content{position:relative;z-index:1;max-width:760px}.coming-cat-label{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:0.75rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--cat-color);font-weight:700;margin-bottom:var(--space-8)}.coming-cat-label .dot{width:6px;height:6px;border-radius:50%;background:var(--cat-color)}.coming-banner{font-family:var(--font-display);font-size:clamp(3rem,10vw,7.5rem);font-weight:700;line-height:0.9;letter-spacing:-0.04em;background:var(--gradient-itsn);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:var(--space-6)}.coming-name{font-family:var(--font-display);font-size:clamp(1.75rem,3.5vw,2.5rem);letter-spacing:-0.02em;margin-bottom:var(--space-1)}.coming-name-ja{color:var(--color-text-sub);font-size:0.9375rem;margin-bottom:var(--space-6)}.coming-desc{font-size:1.0625rem;color:var(--color-text-body);max-width:56ch;margin-bottom:var(--space-8)}.coming-features{margin-bottom:var(--space-12);display:flex;flex-direction:column;gap:var(--space-3)}.coming-features h2{font-family:var(--font-mono);font-size:0.75rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--color-text-sub);margin-bottom:var(--space-2)}.coming-feature{display:flex;align-items:flex-start;gap:var(--space-3);font-size:0.9375rem}.coming-feature::before{content:"";flex:none;width:14px;height:1px;background:var(--cat-color);margin-top:0.85em}.coming-actions{display:flex;flex-wrap:wrap;gap:var(--space-4)}.breadcrumb{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--color-gray-100)}.breadcrumb ol{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-family:var(--font-mono);font-size:0.75rem;letter-spacing:0.06em}.breadcrumb li{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-sub)}.breadcrumb li + li::before{content:"";display:inline-block;width:12px;height:12px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 18 15 12 9 6'/></svg>") no-repeat center / contain;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 18 15 12 9 6'/></svg>") no-repeat center / contain;opacity:0.6}.breadcrumb a{color:var(--color-text-sub);transition:color var(--duration-fast) var(--ease-out-quint)}.breadcrumb a:hover{color:var(--cat-color,var(--color-link))}.breadcrumb [aria-current="page"]{color:var(--color-text);font-weight:700}.iso-badge{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-gray-300);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:0.75rem;letter-spacing:0.08em;color:var(--color-text-body)}.iso-badge .badge-dot{width:8px;height:8px;border-radius:50%;background:var(--color-itsn-green)}