@import "./tokens.css";
@import "./hero.css";
@import "./aitalent.css";
@import "./silentguard.css";
@import "./agentflow.css";
@import "./poetic.css";

*,
*::before,
*::after {
    box-sizing: border-box;
}

html, body {
    height: 100%;
    background-color: #0f0f10; /* 単色統一 */
    color: #fff;
    font-family: var(--ff-sans, "Noto Sans JP", sans-serif);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body {
    background: #0f0f10;
    color: #fff;
}

a {
    color: inherit;
    text-decoration: none;
}

img, picture {
    display: block;
    max-width: 100%;
    height: auto;
}

.site-header {
    position: fixed;
    inset: 0 0 auto 0;
    display: flex;
    align-items: center;
    padding: var(--header-pad-y) var(--header-pad-x);
    z-index: 50;
    background: linear-gradient(to bottom, rgba(0,0,0,.6), rgba(0,0,0,0));
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.site-logo {
    width: 180px;
    opacity: 0.9;
    transition: opacity .3s ease;
}
.site-logo:hover { opacity: 1; }

.page section::after { display: none !important; }