/*
Theme Name: WAVE AGENCY
Theme URI: https://waveagency.com
Author: 비랜딩 (blanding.kr)
Author URI: https://blanding.kr
Description: WAVE AGENCY를 위한 크리에이터 브랜딩 및 매니지먼트 전용 테마
Version: 1.3.8
Text Domain: wave-agency
*/

@import url('https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.3/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable-dynamic-subset.css');

:root {
    --ink: #03060b;
    --ink-soft: #07111f;
    --navy: #0a1a31;
    --blue: #176cff;
    --blue-bright: #6cc7ff;
    --gold: #c8a96a;
    --ivory: #f4f2ed;
    --white: #fff;
    --muted: #969fac;
    --line: rgba(255, 255, 255, 0.14);
    --line-strong: rgba(255, 255, 255, 0.24);
    --panel: rgba(8, 17, 31, 0.72);
    --page: min(1320px, calc(100vw - 96px));
    --page-narrow: min(1080px, calc(100vw - 96px));
    --header-h: 84px;
    --section-y: 150px;
    --radius: 18px;
    --font: "SUIT Variable", "Noto Sans KR", "Apple SD Gothic Neo", sans-serif;
}

/* v1.0.8 unified Pretendard typography system */
:root {
    --page: min(1280px, calc(100vw - 112px));
    --page-narrow: min(1040px, calc(100vw - 112px));
    --section-y: 132px;
    --font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-display: "Wanted Sans Variable", "Wanted Sans", "Pretendard Variable", Pretendard, sans-serif;
}

body { font-size: 17px; font-weight: 400; line-height: 1.72; letter-spacing: -.008em; }
.brand-name { font-size: 14px; font-weight: 600; letter-spacing: .14em; }
.nav-list a { font-size: 14px; font-weight: 500; letter-spacing: .02em; }
.display-title, .section-title { font-weight: 600; letter-spacing: -.035em; line-height: 1.24; }
.section-title { font-size: 52px; }
.section-lead { font-size: 18px; line-height: 1.72; }

.hero { min-height: 740px; }
.hero-core h1 { font-size: clamp(68px, 7vw, 104px); font-weight: 600; letter-spacing: -.04em; line-height: 1; }
.hero-core p { margin-top: 32px; font-size: 20px; font-weight: 400; line-height: 1.7; }

.manifesto-chapter { margin-bottom: 34px; font-size: 20px; font-weight: 600; line-height: 1.5; }
.manifesto-title { max-width: 1080px; font-size: 52px; font-weight: 600; letter-spacing: -.04em; line-height: 1.3; }
.quote-list { margin-top: 68px; }
.quote-item { min-height: 300px; padding: 34px; }
.quote-index { font-size: 13px; }
.quote-item blockquote { margin-bottom: 34px; font-size: 19px; font-weight: 500; line-height: 1.72; letter-spacing: -.012em; }
.quote-source { font-size: 14px; line-height: 1.65; color: #a8b2bf; }

.positioning-head { grid-template-columns: 1.15fr .85fr; gap: 92px; }
.positioning-head .section-title { font-size: 50px; line-height: 1.3; }
.positioning-copy { font-size: 18px; line-height: 1.75; }
.opportunity-line { font-size: 17px; }
.compare-title, .performance-proof h2 { font-size: 32px; font-weight: 600; line-height: 1.4; }
.compare-label { font-size: 14px; }
.compare-list li { font-size: 17px; line-height: 1.72; }
.performance-grid span { font-size: 14px; line-height: 1.55; }
.performance-grid strong { font-size: 40px; font-weight: 600; letter-spacing: -.035em; }

.system-head .section-title { max-width: 1000px; font-size: 50px; line-height: 1.3; }
.system-item h3 { font-size: 21px; font-weight: 600; line-height: 1.55; }
.system-item p { color: #a6b0bd; font-size: 17px; line-height: 1.75; }
.creator-copy h3 { font-size: 27px; font-weight: 600; line-height: 1.45; }
.creator-copy p { color: #a5afbc; font-size: 17px; line-height: 1.75; }

.premium-head .section-title { font-size: 50px; line-height: 1.3; }
.premium-head p { font-size: 18px; line-height: 1.75; }
.benefit-item { min-height: 330px; padding: 34px; }
.benefit-item h3 { margin-top: 68px; font-size: 23px; font-weight: 600; line-height: 1.5; }
.benefit-item p { color: #adb7c4; font-size: 17px; line-height: 1.75; }
.partnerships h3 { font-size: 32px; font-weight: 600; line-height: 1.45; }
.partner-item span { font-size: 13px; }
.partner-item strong { font-size: 21px; font-weight: 600; line-height: 1.55; }
.partner-item em, .partner-note { font-size: 14px; line-height: 1.65; }

.why-grid { grid-template-columns: .78fr 1.22fr; gap: 96px; }
.why .section-title { font-size: 48px; line-height: 1.3; }
.why-item h3 { font-size: 21px; font-weight: 600; line-height: 1.5; }
.why-item p { color: #aab4c0; font-size: 17px; line-height: 1.75; }

.apply-copy .section-title { font-size: 58px; font-weight: 600; letter-spacing: -.04em; line-height: 1.25; }
.apply-copy p { font-size: 18px; line-height: 1.75; }
.form-field label, .privacy-row { font-size: 14px; line-height: 1.6; }
.form-field input, .form-field textarea { font-size: 17px; line-height: 1.65; }
.submit-button { font-size: 16px; }

@media (max-width: 1080px) {
    :root { --page: min(100% - 56px, 960px); --page-narrow: min(100% - 56px, 800px); --section-y: 112px; }
    .hero { min-height: 680px; }
    .hero-core h1 { font-size: clamp(64px, 9vw, 86px); }
    .section-title { font-size: 46px; }
    .manifesto-title { font-size: 46px; }
    .positioning-head .section-title, .system-head .section-title, .premium-head .section-title { font-size: 44px; }
    .why .section-title { font-size: 43px; }
    .apply-copy .section-title { font-size: 48px; }
    .performance-grid strong { font-size: 36px; }
}

@media (max-width: 820px) {
    :root { --section-y: 94px; }
    .hero { min-height: 620px; }
    .hero-core h1 { font-size: clamp(56px, 12vw, 76px); }
    .hero-core p { font-size: 18px; }
    .manifesto-title { font-size: 42px; line-height: 1.34; }
    .positioning-head .section-title, .system-head .section-title, .premium-head .section-title, .why .section-title { font-size: 40px; line-height: 1.34; }
    .quote-item blockquote { font-size: 18px; }
    .why-grid { grid-template-columns: 1fr; gap: 56px; }
    .apply-copy .section-title { font-size: 44px; line-height: 1.3; }
}

@media (max-width: 540px) {
    :root { --section-y: 78px; }
    body { font-size: 16px; line-height: 1.72; }
    .brand-name { font-size: 12px; }
    .hero { min-height: 560px; }
    .hero-core h1 { font-size: 40px; letter-spacing: -.03em; }
    .hero-core p { max-width: 300px; font-size: 16px; line-height: 1.7; }
    .manifesto-chapter { font-size: 16px; }
    .manifesto-title { font-size: 34px; line-height: 1.38; }
    .quote-item { min-height: 240px; padding: 28px; }
    .quote-item blockquote { font-size: 18px; line-height: 1.7; }
    .positioning-head .section-title, .system-head .section-title, .premium-head .section-title, .why .section-title { font-size: 34px; line-height: 1.38; }
    .positioning-copy, .premium-head p, .apply-copy p { font-size: 16px; }
    .compare-title, .performance-proof h2 { font-size: 25px; }
    .compare-list li, .system-item p, .benefit-item p, .why-item p { font-size: 16px; line-height: 1.72; }
    .system-item h3, .benefit-item h3, .why-item h3 { font-size: 20px; }
    .performance-grid strong { font-size: 34px; }
    .apply-copy .section-title { font-size: 34px; line-height: 1.38; }
}

/* v1.1.0 mobile compositing safeguards */
@media (max-width: 820px) {
    .site-header.is-scrolled {
        background: rgba(3, 6, 11, .97) !important;
        -webkit-backdrop-filter: blur(18px);
        backdrop-filter: blur(18px);
    }

    .motion-enabled .reveal.is-visible {
        transform: none !important;
        will-change: auto !important;
    }

    .motion-enabled .reveal .section-title,
    .motion-enabled .manifesto-intro .manifesto-title {
        opacity: 1 !important;
        clip-path: none !important;
        transform: none !important;
        transition: none !important;
        will-change: auto !important;
    }

    .motion-enabled .quote-item,
    .motion-enabled .benefit-item,
    .motion-enabled .hero-core,
    .motion-enabled .hero-art {
        will-change: auto !important;
    }

    .motion-enabled .quote-item::before,
    .motion-enabled .benefit-item::before {
        display: none !important;
    }
}


/* v1.0.9 restrained editorial motion system */
.motion-enabled .hero-art {
    --hero-pointer-x: 0px;
    --hero-pointer-y: 0px;
    --hero-scroll-y: 0px;
    transform: translate3d(var(--hero-pointer-x), calc(var(--hero-pointer-y) + var(--hero-scroll-y)), 0) scale(1.035);
    transform-origin: 65% 45%;
    transition: opacity 1s ease, transform .9s cubic-bezier(.22, 1, .36, 1);
    will-change: transform, opacity;
}
.motion-enabled .hero-core {
    transform: translate3d(0, var(--hero-copy-y, 0px), 0);
    will-change: transform;
}
.motion-enabled .hero-art-one::before { transform: translate3d(var(--hero-mid-x, 0px), calc(var(--hero-mid-y, 0px) + var(--hero-mid-scroll, 0px)), 0) rotate(-12deg) scale(1.025); }
.motion-enabled .hero-art-one::after { transform: translate3d(var(--hero-near-x, 0px), calc(var(--hero-near-y, 0px) + var(--hero-near-scroll, 0px)), 0) rotate(-15deg); }
.motion-enabled .hero-art-one span { transform: translate3d(var(--hero-far-x, 0px), calc(var(--hero-far-y, 0px) + var(--hero-far-scroll, 0px)), 0) skewX(-12deg); }
.motion-enabled .hero-art-two::before { transform: translate3d(var(--hero-far-x, 0px), calc(var(--hero-far-y, 0px) + var(--hero-far-scroll, 0px)), 0) skewX(-18deg); }
.motion-enabled .hero-art-two::after { transform: translate3d(var(--hero-mid-x, 0px), calc(var(--hero-mid-y, 0px) + var(--hero-mid-scroll, 0px)), 0) skewX(-22deg); }
.motion-enabled .hero-art-two span { transform: translate3d(var(--hero-near-x, 0px), calc(var(--hero-near-y, 0px) + var(--hero-near-scroll, 0px)), 0) rotate(8deg); }
.motion-enabled .reveal {
    transform: translate3d(0, calc(26px + var(--parallax-y, 0px)), 0);
    transition: opacity .8s cubic-bezier(.22, 1, .36, 1), transform .9s cubic-bezier(.22, 1, .36, 1);
    transition-delay: var(--reveal-delay, 0ms);
    will-change: opacity, transform;
}
.motion-enabled .reveal.is-visible { transform: translate3d(0, var(--parallax-y, 0px), 0); }

.motion-enabled .reveal .section-title,
.motion-enabled .manifesto-intro .manifesto-title {
    opacity: .01;
    clip-path: inset(0 0 100% 0);
    transform: translate3d(0, 20px, 0);
    transition: opacity .45s ease, clip-path 1s cubic-bezier(.22, 1, .36, 1), transform 1s cubic-bezier(.22, 1, .36, 1);
}
.motion-enabled .reveal.is-visible .section-title,
.motion-enabled .manifesto-intro.is-visible .manifesto-title {
    opacity: 1;
    clip-path: inset(0 0 0 0);
    transform: none;
    transition-delay: 90ms;
}

.motion-enabled .opportunity-line span { opacity: 0; transform: translate3d(0, 14px, 0); }
.motion-enabled .opportunity-line.is-visible span { animation: opportunity-in .68s cubic-bezier(.22, 1, .36, 1) forwards; }
.motion-enabled .opportunity-line.is-visible span:nth-child(2) { animation-delay: 75ms; }
.motion-enabled .opportunity-line.is-visible span:nth-child(3) { animation-delay: 150ms; }
.motion-enabled .opportunity-line.is-visible span:nth-child(4) { animation-delay: 225ms; }

.motion-enabled .positioning,
.motion-enabled .system,
.motion-enabled .why { position: relative; overflow: hidden; isolation: isolate; }
.motion-enabled .positioning::before,
.motion-enabled .system::before,
.motion-enabled .why::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: -12% -8%;
    background: radial-gradient(circle at 78% 28%, rgba(61, 146, 255, .11), transparent 27%), linear-gradient(118deg, transparent 42%, rgba(109, 199, 255, .035) 52%, transparent 62%);
    transform: translate3d(0, var(--section-bg-y, 0px), 0) scale(1.04);
    pointer-events: none;
    will-change: transform;
}
.motion-enabled .system::before { opacity: .55; background: radial-gradient(circle at 18% 48%, rgba(33, 101, 190, .09), transparent 30%); }
.motion-enabled .why::before { opacity: .7; background: radial-gradient(circle at 82% 52%, rgba(34, 119, 223, .10), transparent 32%); }
.motion-enabled .positioning .section-wrap,
.motion-enabled .system .section-wrap,
.motion-enabled .why .section-wrap { position: relative; z-index: 1; }
.motion-enabled .premium::before,
.motion-enabled .apply::before { transform: translate3d(0, var(--section-bg-y, 0px), 0) scale(1.04); will-change: transform; }

.scroll-progress {
    position: fixed;
    z-index: 1002;
    top: calc(var(--header-h) - 1px);
    right: 0;
    left: 0;
    height: 2px;
    overflow: hidden;
    pointer-events: none;
}
.scroll-progress span {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, var(--blue), var(--blue-bright) 72%, var(--gold));
    box-shadow: 0 0 18px rgba(108, 199, 255, .48);
    transform: scaleX(var(--page-progress, 0));
    transform-origin: left;
    will-change: transform;
}
.nav-list a.is-active { color: var(--white); }
.nav-list a.is-active::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 5px;
    background: linear-gradient(90deg, var(--blue-bright), transparent);
    animation: nav-line-in .45s cubic-bezier(.22, 1, .36, 1) both;
}

.motion-enabled .quote-item,
.motion-enabled .benefit-item,
.motion-enabled .partner-item,
.motion-enabled .performance-grid article {
    position: relative;
    overflow: hidden;
}
.motion-enabled .quote-item,
.motion-enabled .benefit-item {
    transition: opacity .8s cubic-bezier(.22, 1, .36, 1), transform .9s cubic-bezier(.22, 1, .36, 1), border-color .4s ease, background-color .4s ease, box-shadow .5s ease;
    transition-delay: var(--reveal-delay, 0ms);
}
.motion-enabled .partner-item { transition: border-color .4s ease, background-color .4s ease, box-shadow .5s ease, transform .5s cubic-bezier(.22, 1, .36, 1); }
.motion-enabled .quote-item::before,
.motion-enabled .benefit-item::before,
.motion-enabled .partner-item::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: -35% auto -35% -45%;
    width: 34%;
    background: linear-gradient(90deg, transparent, rgba(139, 209, 255, .12), transparent);
    transform: skewX(-18deg) translateX(-260%);
    transition: transform .9s cubic-bezier(.22, 1, .36, 1);
    pointer-events: none;
}
.motion-enabled .quote-item > *,
.motion-enabled .benefit-item > *,
.motion-enabled .partner-item > * { position: relative; z-index: 1; }

.motion-enabled .performance-proof.is-visible .performance-grid article { animation: metric-rise .75s cubic-bezier(.22, 1, .36, 1) both; }
.motion-enabled .performance-proof.is-visible .performance-grid article:nth-child(2) { animation-delay: 90ms; }
.motion-enabled .performance-proof.is-visible .performance-grid article:nth-child(3) { animation-delay: 180ms; }
.performance-grid { position: relative; overflow: hidden; }
.performance-grid::after {
    content: "";
    position: absolute;
    inset: 0 auto 0 -35%;
    width: 26%;
    background: linear-gradient(100deg, transparent, rgba(108, 199, 255, .04), rgba(255, 255, 255, .13), rgba(200, 169, 106, .07), transparent);
    transform: skewX(-18deg);
    pointer-events: none;
}
.motion-enabled .performance-proof.is-visible .performance-grid::after { animation: metric-light-scan 1.55s .34s cubic-bezier(.22, 1, .36, 1) both; }
.motion-enabled .performance-proof.is-visible .performance-grid strong {
    background: linear-gradient(100deg, #fff 0 32%, #85d4ff 43%, #d5ba7c 50%, #fff 61% 100%);
    background-size: 240% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: metric-number-gleam 1.45s .42s ease-out both;
}
.motion-enabled .roster-rule span { transform: scaleX(0); transform-origin: left; }
.motion-enabled .creator-hold.is-visible .roster-rule span { animation: rule-grow .62s cubic-bezier(.22, 1, .36, 1) forwards; }
.motion-enabled .creator-hold.is-visible .roster-rule span:nth-child(2) { animation-delay: 50ms; }
.motion-enabled .creator-hold.is-visible .roster-rule span:nth-child(3) { animation-delay: 100ms; }
.motion-enabled .creator-hold.is-visible .roster-rule span:nth-child(4) { animation-delay: 150ms; }
.motion-enabled .creator-hold.is-visible .roster-rule span:nth-child(n+5) { animation-delay: 200ms; }
.system-item { position: relative; overflow: hidden; }
.system-item::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(108, 199, 255, .72), rgba(200, 169, 106, .58), transparent);
    transform: scaleX(0);
    transform-origin: left;
    pointer-events: none;
}
.motion-enabled .system-item.reveal.is-visible::after { animation: care-line-draw .9s var(--reveal-delay, 0ms) cubic-bezier(.22, 1, .36, 1) both; }
.submit-button { position: relative; isolation: isolate; overflow: hidden; }
.submit-button::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -80%;
    bottom: -80%;
    left: -34%;
    width: 22%;
    background: linear-gradient(90deg, transparent, rgba(200, 169, 106, .62), rgba(255, 255, 255, .82), transparent);
    transform: skewX(-18deg) translateX(0);
    pointer-events: none;
}
.motion-enabled .apply-form.is-visible .submit-button::before { animation: apply-gold-sheen 1.25s 1s cubic-bezier(.22, 1, .36, 1) both; }

@media (hover: hover) and (pointer: fine) {
    .motion-enabled .quote-item:hover,
    .motion-enabled .partner-item:hover { transform: translateY(-7px); border-color: rgba(108, 199, 255, .38); box-shadow: 0 28px 70px rgba(0, 12, 30, .24); }
    .motion-enabled .benefit-item:hover { transform: translateY(-8px); box-shadow: 0 28px 70px rgba(0, 12, 30, .28); }
    .motion-enabled .quote-item:hover::before,
    .motion-enabled .benefit-item:hover::before,
    .motion-enabled .partner-item:hover::before { transform: skewX(-18deg) translateX(520%); }
}

@keyframes metric-rise {
    from { opacity: 0; transform: translateY(22px); }
    to { opacity: 1; transform: none; }
}
@keyframes metric-light-scan { from { transform: skewX(-18deg) translateX(0); } to { transform: skewX(-18deg) translateX(620%); } }
@keyframes metric-number-gleam { from { background-position: 120% 0; } to { background-position: -30% 0; } }
@keyframes care-line-draw { from { transform: scaleX(0); opacity: .2; } to { transform: scaleX(1); opacity: 1; } }
@keyframes apply-gold-sheen { from { transform: skewX(-18deg) translateX(0); } to { transform: skewX(-18deg) translateX(720%); } }
@keyframes rule-grow { to { transform: scaleX(1); } }
@keyframes opportunity-in { to { opacity: 1; transform: none; } }
@keyframes nav-line-in { from { opacity: 0; transform: scaleX(.2); transform-origin: left; } to { opacity: 1; transform: scaleX(1); transform-origin: left; } }

@media (max-width: 820px) {
    .motion-enabled .hero-art { transform: translate3d(0, var(--hero-scroll-y), 0) scale(1.02); }
    .motion-enabled .reveal { --parallax-y: 0px !important; }
}



/* Two-font hierarchy: expressive Wanted Sans display, Pretendard interface */
.section-title,
.manifesto-title,
.quote-item blockquote,
.compare-title,
.performance-proof h2,
.partnerships h3 {
    font-family: var(--font-display);
}
.section-title { font-size: 48px; font-weight: 600; letter-spacing: -.025em; line-height: 1.34; }
.manifesto-title { font-size: 50px; font-weight: 600; letter-spacing: -.03em; line-height: 1.36; }
.quote-item blockquote { font-weight: 500; letter-spacing: -.01em; line-height: 1.78; }
.positioning-head .section-title,
.system-head .section-title,
.premium-head .section-title { font-size: 48px; line-height: 1.36; }
.why .section-title { font-size: 46px; line-height: 1.38; }
.apply-copy .section-title { font-size: 52px; letter-spacing: -.025em; line-height: 1.36; }

@media (max-width: 1080px) {
    .section-title, .manifesto-title { font-size: 44px; }
    .positioning-head .section-title, .system-head .section-title, .premium-head .section-title { font-size: 42px; }
    .why .section-title { font-size: 40px; }
    .apply-copy .section-title { font-size: 44px; }
}

@media (max-width: 820px) {
    .manifesto-title { font-size: 38px; line-height: 1.42; }
    .positioning-head .section-title, .system-head .section-title, .premium-head .section-title, .why .section-title { font-size: 38px; line-height: 1.42; }
    .apply-copy .section-title { font-size: 40px; line-height: 1.42; }
}

@media (max-width: 540px) {
    .manifesto-title { font-size: 31px; line-height: 1.46; }
    .positioning-head .section-title, .system-head .section-title, .premium-head .section-title, .why .section-title { font-size: 31px; line-height: 1.46; }
    .apply-copy .section-title { font-size: 32px; line-height: 1.46; }
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 20px); }
body { margin: 0; background: var(--ink); color: var(--ivory); font-family: var(--font); font-size: 16px; font-weight: 430; line-height: 1.7; letter-spacing: -0.012em; word-break: keep-all; overflow-x: hidden; }
body.menu-open { overflow: hidden; }
::selection { background: var(--blue); color: var(--white); }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button { color: inherit; }
img { display: block; max-width: 100%; }
:focus-visible { outline: 2px solid var(--blue-bright); outline-offset: 4px; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.screen-reader-text:focus { z-index: 10000; top: 12px; left: 12px; width: auto; height: auto; padding: 12px 16px; clip: auto; background: var(--white); color: var(--ink); }

.site-header { position: fixed; z-index: 1000; inset: 0 0 auto; height: var(--header-h); border-bottom: 1px solid transparent; transition: background .3s ease, border-color .3s ease, backdrop-filter .3s ease; }
.site-header.is-scrolled { background: rgba(3, 6, 11, .82); border-color: var(--line); backdrop-filter: blur(18px); }
.header-inner { width: var(--page); height: 100%; margin: auto; display: flex; align-items: center; justify-content: space-between; }
.brand-link { position: relative; z-index: 3; display: inline-flex; align-items: center; gap: 12px; }
.brand-mark { width: 38px; height: 30px; object-fit: contain; object-position: center; }
.brand-name { font-size: 14px; font-weight: 700; letter-spacing: .16em; }
.nav-list { display: flex; align-items: center; gap: 34px; margin: 0; padding: 0; list-style: none; }
.nav-list a { display: block; padding: 10px 0; color: rgba(255, 255, 255, .68); font-size: 13px; font-weight: 560; letter-spacing: .045em; transition: color .2s ease; }
.nav-list a:hover, .nav-list a:focus-visible { color: var(--white); }
.nav-list .nav-contact { padding: 10px 18px; border: 1px solid var(--line-strong); border-radius: 999px; color: var(--white); }
.menu-toggle { display: none; position: relative; z-index: 3; width: 44px; height: 44px; padding: 0; border: 1px solid var(--line); border-radius: 50%; background: transparent; cursor: pointer; }
.menu-toggle::before, .menu-toggle::after { content: ""; position: absolute; left: 12px; width: 18px; height: 1px; background: var(--white); transition: transform .25s ease, top .25s ease; }
.menu-toggle::before { top: 17px; }
.menu-toggle::after { top: 25px; }
.menu-open .menu-toggle::before { top: 21px; transform: rotate(45deg); }
.menu-open .menu-toggle::after { top: 21px; transform: rotate(-45deg); }

.wave-main { overflow: clip; }
.section-wrap { width: var(--page); margin: 0 auto; }
.section-narrow { width: var(--page-narrow); margin: 0 auto; }
.eyebrow { margin: 0 0 28px; color: var(--blue-bright); font-size: 14px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.eyebrow::before { content: ""; display: inline-block; width: 34px; height: 1px; margin: 0 12px 4px 0; background: currentColor; }
.display-title, .section-title { margin: 0; font-weight: 620; letter-spacing: -.055em; line-height: 1.12; }
.section-title { font-size: 58px; }
.section-lead { margin: 24px 0 0; color: #b9c0ca; font-size: 19px; line-height: 1.75; }
.gold { color: var(--gold); }
.blue { color: var(--blue-bright); }

.hero { position: relative; display: grid; min-height: 780px; padding: var(--header-h) 0 0; isolation: isolate; overflow: hidden; place-items: center; background: linear-gradient(118deg, #03060b 0 55%, #06101c 100%); }
.hero::after { content: ""; position: absolute; z-index: -1; inset: auto 0 0; height: 38%; background: linear-gradient(180deg, transparent, rgba(3, 6, 11, .7)); pointer-events: none; }
.hero-core { position: relative; z-index: 2; width: var(--page); text-align: center; }
.hero-core::before { content: ""; display: block; width: 52px; height: 1px; margin: 0 auto 38px; background: linear-gradient(90deg, transparent, var(--blue-bright), transparent); }
.hero-core h1 { margin: 0; color: var(--white); font-size: clamp(76px, 9vw, 146px); font-weight: 650; letter-spacing: -.065em; line-height: .92; }
.hero-core p { margin: 36px 0 0; color: #c4ccd5; font-size: clamp(18px, 1.5vw, 24px); font-weight: 440; letter-spacing: -.018em; }
.hero-art { position: absolute; z-index: -2; inset: var(--header-h) 0 0; opacity: 0; overflow: hidden; pointer-events: none; transition: opacity 1s ease; }
.hero-art.is-active, .hero[data-active-slide="0"] .hero-art-one, .hero[data-active-slide="1"] .hero-art-two { opacity: 1; }
.hero-art::before, .hero-art::after, .hero-art span { content: ""; position: absolute; display: block; }
.hero-art-one::before { width: 64vw; height: 135%; right: -15vw; top: -20%; transform: rotate(-12deg); background: linear-gradient(90deg, transparent 0 18%, rgba(25, 110, 255, .06) 35%, rgba(101, 199, 255, .24) 48%, rgba(19, 92, 204, .12) 60%, transparent 78%); filter: blur(8px); }
.hero-art-one::after { width: 58vw; height: 1px; right: -4vw; top: 34%; transform: rotate(-15deg); background: linear-gradient(90deg, transparent, rgba(118, 206, 255, .62), transparent); box-shadow: 0 36px 80px rgba(27, 120, 255, .24); }
.hero-art-one span { width: 22vw; height: 60%; right: 7vw; bottom: 0; border-left: 1px solid rgba(108, 199, 255, .17); transform: skewX(-12deg); background: linear-gradient(100deg, rgba(20, 67, 125, .03), rgba(69, 148, 243, .09), transparent); }
.hero-art-two::before { width: 64vw; height: 70%; right: -7vw; top: 10%; transform: skewX(-18deg); background: repeating-linear-gradient(0deg, transparent 0 28px, rgba(97, 190, 255, .11) 29px, transparent 30px 56px); mask-image: linear-gradient(90deg, transparent, #000 25% 72%, transparent); }
.hero-art-two::after { width: 56vw; height: 38%; right: -4vw; bottom: 7%; background: linear-gradient(110deg, transparent 8%, rgba(195, 158, 87, .08) 42%, rgba(37, 126, 240, .19) 58%, transparent 82%); transform: skewX(-22deg); filter: blur(12px); }
.hero-art-two span { width: 42vw; height: 1px; right: 5vw; top: 39%; background: linear-gradient(90deg, transparent, rgba(200, 169, 106, .7), transparent); transform: rotate(8deg); }
.hero-controls { position: absolute; z-index: 4; right: max(48px, calc((100vw - 1320px) / 2)); bottom: 44px; display: flex; align-items: center; justify-content: flex-end; gap: 14px; }
.hero-arrow { display: grid; width: 42px; height: 42px; padding: 0; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; background: rgba(4, 11, 21, .55); color: var(--white); cursor: pointer; transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.hero-arrow:hover, .hero-arrow:focus-visible { border-color: rgba(108, 199, 255, .7); background: rgba(20, 102, 215, .35); transform: translateY(-2px); }
.hero-progress { display: flex; min-width: 175px; align-items: center; gap: 12px; color: #c1c9d2; font-size: 13px; font-variant-numeric: tabular-nums; }
.hero-progress-track { position: relative; width: 108px; height: 1px; overflow: hidden; background: rgba(255, 255, 255, .2); }
.hero-progress-track i { position: absolute; inset: 0; transform: scaleX(0); transform-origin: left; background: var(--blue-bright); }
.hero.is-playing .hero-progress-track i { animation: hero-progress 6.5s linear forwards; }
.editorial-section { padding: var(--section-y) 0; }

.manifesto { background: linear-gradient(180deg, #08111c 0, #c6cdd4 9%, #f5f6f7 25%, #fff 58%, #f3f5f7 100%); color: var(--ink); }
.manifesto-intro { max-width: 1120px; margin: 0 auto; text-align: center; }
.manifesto-chapter { margin: 0 0 42px; color: #1c2b3d; font-size: 23px; font-weight: 610; letter-spacing: -.02em; }
.manifesto-chapter span { margin-left: .22em; color: #345f8c; font-size: .88em; letter-spacing: .08em; }
.manifesto-title { max-width: 1040px; margin: 0 auto; font-size: 72px; }
.quote-list { display: grid; grid-template-columns: 1fr 1.08fr 1fr; gap: 18px; align-items: stretch; margin-top: 82px; position: relative; z-index: 2; }
.quote-item { display: flex; min-height: 310px; flex-direction: column; padding: 30px; border: 1px solid rgba(255, 255, 255, .13); background: #07111f; color: var(--white); box-shadow: 0 18px 45px rgba(9, 16, 25, .13); }
.quote-item:nth-child(2) { background: linear-gradient(145deg, #0a2242, #06101d 78%); }
.quote-item:nth-child(3) { border-color: rgba(108, 199, 255, .2); background: linear-gradient(145deg, #12335c, #081526 78%); color: var(--white); box-shadow: 0 18px 45px rgba(9, 16, 25, .13); }
.quote-index { color: var(--blue-bright); font-size: 12px; font-weight: 700; letter-spacing: .13em; }
.quote-item:nth-child(3) .quote-index { color: var(--blue-bright); }
.quote-item blockquote { margin: auto 0 40px; font-size: 21px; font-weight: 530; line-height: 1.55; letter-spacing: -.025em; }
.quote-source { margin: 0; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, .15); color: #8e9aa8; font-size: 12px; line-height: 1.55; }
.quote-item:nth-child(3) .quote-source { border-color: rgba(255, 255, 255, .15); color: #9aa8b8; }

.positioning { position: relative; border-bottom: 1px solid rgba(83, 169, 255, .12); background: linear-gradient(180deg, #06101c 0%, #071529 72%, #03060b 100%); }
.positioning .section-wrap { position: relative; z-index: 1; }
.positioning-head { display: grid; grid-template-columns: 1.25fr .75fr; gap: 100px; align-items: end; }
.positioning-copy { margin: 0 0 8px; color: #a7b0bc; font-size: 19px; }
.opportunity-line { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 74px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); color: #d0d6dd; font-size: 18px; text-align: center; }
.opportunity-line span { padding: 25px 20px; }
.opportunity-line span + span { border-left: 1px solid var(--line); }
.compare-title { margin: 120px 0 32px; font-size: 38px; font-weight: 570; letter-spacing: -.04em; }
.compare { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); }
.compare-column { padding: 54px 56px; }
.compare-column + .compare-column { border-left: 1px solid var(--line); background: linear-gradient(145deg, rgba(16, 76, 150, .23), rgba(3, 9, 17, .1)); }
.compare-column:last-child { position: relative; isolation: isolate; overflow: hidden; }
.compare-column:last-child::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 320px;
    height: 320px;
    right: -170px;
    top: -180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(108, 199, 255, .18), rgba(23, 108, 255, .06) 42%, transparent 70%);
    filter: blur(8px);
    pointer-events: none;
}
.compare-column:last-child::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    padding: 1px;
    background: conic-gradient(from var(--solution-angle, 0deg), transparent 0deg 235deg, rgba(108, 199, 255, .9) 265deg, rgba(200, 169, 106, .95) 286deg, transparent 320deg 360deg);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
.compare-column:last-child > * { position: relative; z-index: 1; }
.motion-enabled .compare.is-visible .compare-column:last-child::after { animation: solution-border-trace 6.4s linear infinite; }
.motion-enabled .compare.is-visible .compare-column:last-child .compare-list li { animation: solution-point-in .72s cubic-bezier(.22, 1, .36, 1) both; }
.motion-enabled .compare.is-visible .compare-column:last-child .compare-list li:nth-child(1) { animation-delay: .16s; }
.motion-enabled .compare.is-visible .compare-column:last-child .compare-list li:nth-child(2) { animation-delay: .25s; }
.motion-enabled .compare.is-visible .compare-column:last-child .compare-list li:nth-child(3) { animation-delay: .34s; }
.motion-enabled .compare.is-visible .compare-column:last-child .compare-list li:nth-child(4) { animation-delay: .43s; }
.compare-label { display: block; margin-bottom: 40px; color: #8792a0; font-size: 14px; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; }
.compare-column:last-child .compare-label { color: var(--blue-bright); }
.compare-list { margin: 0; padding: 0; list-style: none; }
.compare-list li { position: relative; padding: 18px 0 18px 28px; border-top: 1px solid var(--line); color: #b1b9c4; }
.compare-list li::before { content: "—"; position: absolute; left: 0; color: #596472; }
.compare-column:last-child .compare-list li { color: var(--white); }
.compare-column:last-child .compare-list li::before { content: "+"; color: var(--gold); }
@property --solution-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}
@keyframes solution-border-trace { to { --solution-angle: 360deg; } }
@keyframes solution-point-in {
    from { opacity: .45; transform: translate3d(10px, 0, 0); filter: brightness(.8); }
    55% { filter: brightness(1.22); }
    to { opacity: 1; transform: none; filter: brightness(1); }
}
.performance-proof { margin-top: 112px; }
.performance-proof h2 { margin: 0 0 34px; font-size: 38px; font-weight: 570; letter-spacing: -.04em; }
.performance-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.performance-grid article { padding: 34px 36px 38px; }
.performance-grid article + article { border-left: 1px solid var(--line); }
.performance-grid span { display: block; color: #8692a0; font-size: 13px; }
.performance-grid strong { display: block; margin-top: 19px; color: var(--white); font-size: 46px; font-weight: 560; letter-spacing: -.045em; line-height: 1; }

.system { background: var(--ink); }
.system-head { display: block; }
.system-head .section-title { max-width: 900px; }
.system-list { margin-top: 100px; border-top: 1px solid var(--line); counter-reset: care; }
.system-item { display: grid; grid-template-columns: 92px 1fr 1.2fr; gap: 40px; padding: 34px 0; border-bottom: 1px solid var(--line); counter-increment: care; transition: background .25s ease, padding .25s ease; }
.system-item::before { content: "0" counter(care); color: var(--blue-bright); font-size: 13px; letter-spacing: .1em; }
.system-item h3 { margin: 0; font-size: 23px; font-weight: 560; letter-spacing: -.025em; }
.system-item p { margin: 0; color: #8993a0; }
.system-item:hover { padding-left: 14px; background: linear-gradient(90deg, rgba(23, 108, 255, .10), transparent 75%); }
.creator-hold { display: grid; grid-template-columns: .9fr 1.1fr; gap: 100px; margin-top: 95px; padding-top: 70px; border-top: 1px solid var(--line); }
.creator-number { font-size: 170px; font-weight: 520; letter-spacing: -.07em; line-height: .8; color: var(--white); }
.creator-number sup { top: -1.15em; margin-left: 16px; color: var(--gold); font-size: 24px; font-weight: 600; letter-spacing: .1em; }
.creator-copy h3 { margin: 0; font-size: 30px; font-weight: 560; letter-spacing: -.025em; }
.creator-copy p { max-width: 620px; margin: 22px 0 0; color: #8f99a7; }
.creator-roster { --creator-gap: 14px; margin-top: 58px; padding-top: 38px; border-top: 1px solid var(--line); }
.creator-roster-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-bottom: 24px; }
.creator-roster-kicker { display: block; margin-bottom: 10px; color: var(--blue-bright); font-size: 12px; font-weight: 650; letter-spacing: .16em; }
.creator-roster-head h3 { margin: 0; color: var(--white); font-family: var(--font-display); font-size: 30px; font-weight: 600; letter-spacing: -.025em; }
.creator-roster-nav { display: flex; align-items: center; gap: 8px; }
.creator-roster-status { min-width: 100px; margin-right: 8px; color: #9ba7b5; font-size: 13px; font-variant-numeric: tabular-nums; letter-spacing: .08em; text-align: right; }
.creator-roster-nav button { width: 44px; height: 44px; padding: 0; border: 1px solid rgba(108, 199, 255, .23); border-radius: 50%; background: rgba(5, 15, 28, .72); color: var(--white); font-size: 18px; cursor: pointer; transition: border-color .2s ease, background .2s ease, color .2s ease, opacity .2s ease; }
.creator-roster-nav button:hover, .creator-roster-nav button:focus-visible { border-color: var(--blue-bright); background: rgba(18, 67, 116, .68); outline: none; }
.creator-roster-nav button:disabled { opacity: .28; cursor: default; }
.creator-viewport { overflow: hidden; outline: none; touch-action: pan-y; }
.creator-viewport:focus-visible { box-shadow: 0 0 0 2px rgba(108, 199, 255, .52); }
.creator-track { display: grid; width: 100%; grid-auto-flow: column; grid-template-rows: repeat(2, 280px); grid-auto-columns: calc((100% - 56px) / 5); gap: var(--creator-gap); transition: transform .72s cubic-bezier(.22, 1, .36, 1); will-change: transform; }
.creator-card { position: relative; min-width: 0; margin: 0; overflow: hidden; border: 1px solid rgba(108, 199, 255, .16); background: #07111f; isolation: isolate; }
.creator-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 58%, rgba(1, 5, 11, .72)); pointer-events: none; }
.creator-card img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; filter: saturate(.9) contrast(1.03); transform: scale(1.002); transition: filter .45s ease, transform .7s cubic-bezier(.22, 1, .36, 1); }
.creator-card:hover img { filter: saturate(1) contrast(1.02); transform: scale(1.035); }
.creator-card figcaption { position: absolute; right: 14px; bottom: 12px; z-index: 1; color: rgba(255, 255, 255, .84); font-size: 11px; font-weight: 650; letter-spacing: .12em; }
.system-head { position: relative; min-height: 190px; padding-right: 310px; }
.system-head::after {
    content: "07";
    position: absolute;
    right: 0;
    top: -64px;
    color: transparent;
    font-family: var(--font-display);
    font-size: 220px;
    font-weight: 680;
    letter-spacing: -.09em;
    line-height: 1;
    -webkit-text-stroke: 1px rgba(108, 199, 255, .23);
    text-shadow: 0 0 80px rgba(23, 108, 255, .12);
    pointer-events: none;
}
.system .system-list {
    position: relative;
    display: flex;
    margin-top: 48px;
    padding: 36px 0;
    border-top: 0;
    flex-direction: column;
    gap: 24px;
}
.system .system-list::before {
    content: none;
}
.system .system-list .system-item {
    position: relative;
    display: grid;
    width: calc(50% - 46px);
    min-height: 164px;
    margin: 0;
    padding: 30px 34px;
    border: 1px solid rgba(108, 199, 255, .16);
    background: linear-gradient(135deg, rgba(10, 31, 58, .72), rgba(3, 8, 15, .86));
    grid-template-columns: 76px 1fr;
    grid-template-rows: auto 1fr;
    gap: 10px 22px;
    overflow: visible;
    box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}
.system .system-list .system-item:nth-child(even) { align-self: flex-end; }
.system .system-list .system-item::before {
    content: "0" counter(care);
    position: static;
    grid-row: 1 / 3;
    align-self: start;
    color: var(--blue-bright);
    font-family: var(--font-display);
    font-size: 42px;
    font-weight: 650;
    letter-spacing: -.05em;
    line-height: 1;
}
.system .system-list .system-item:nth-child(even)::before { color: var(--gold); }
.system .system-list .system-item::after {
    content: none;
}
.system .system-list .system-item:nth-child(even)::after {
    right: auto;
    left: -46px;
    transform-origin: left;
}
.system .system-list .system-item h3 {
    position: relative;
    margin: 0;
    color: #f5f3ee;
    font-family: var(--font-display);
    font-size: 22px;
    font-weight: 620;
    line-height: 1.4;
}
.system .system-list .system-item h3::after {
    content: none;
}
.system .system-list .system-item:nth-child(even) h3::after {
    right: auto;
    left: -179px;
    border-color: var(--gold);
    box-shadow: 0 0 18px rgba(200, 169, 106, .55);
}
.system .system-list .system-item p {
    grid-column: 2;
    margin: 0;
    color: #aeb8c5;
    font-size: 16px;
    line-height: 1.7;
}
.system .system-list .system-item:hover {
    padding-left: 34px;
    border-color: rgba(108, 199, 255, .42);
    background: linear-gradient(135deg, rgba(15, 52, 96, .76), rgba(3, 8, 15, .9));
    box-shadow: 0 22px 55px rgba(0, 12, 30, .22);
}
.motion-enabled .system .system-list .system-item.reveal.is-visible::after { animation: care-connector-in .72s var(--reveal-delay, 0ms) cubic-bezier(.22, 1, .36, 1) both; }
@keyframes care-connector-in { to { transform: scaleX(1); } }

@media (max-width: 820px) {
    .system-head { min-height: 150px; padding-right: 118px; }
    .system-head::after { top: -18px; font-size: 112px; }
    .system .system-list { margin-top: 28px; padding-left: 0; gap: 16px; }
    .system .system-list .system-item,
    .system .system-list .system-item:nth-child(even) {
        width: 100%;
        min-height: 0;
        align-self: auto;
        padding: 25px 24px;
        grid-template-columns: 52px 1fr;
        gap: 8px 16px;
    }
    .system .system-list .system-item::before { font-size: 30px; }
    .system .system-list .system-item::after,
    .system .system-list .system-item:nth-child(even)::after {
        right: auto;
        left: -26px;
        width: 26px;
        transform-origin: left;
    }
    .system .system-list .system-item h3::after,
    .system .system-list .system-item:nth-child(even) h3::after {
        right: auto;
        left: -85px;
        width: 8px;
        height: 8px;
    }
    .system .system-list .system-item p { grid-column: 2; font-size: 15px; }
}

@media (max-width: 960px) {
    .creator-track { grid-template-rows: repeat(2, 250px); grid-auto-columns: calc((100% - 28px) / 3); }
}

@media (max-width: 560px) {
    .creator-roster { --creator-gap: 10px; margin-top: 44px; padding-top: 30px; }
    .creator-roster-head { align-items: center; gap: 16px; margin-bottom: 18px; }
    .creator-roster-head h3 { font-size: 23px; }
    .creator-roster-kicker { margin-bottom: 7px; font-size: 10px; }
    .creator-roster-status { min-width: 86px; margin-right: 2px; font-size: 11px; }
    .creator-roster-nav { gap: 6px; }
    .creator-roster-nav button { width: 38px; height: 38px; font-size: 16px; }
    .creator-track { grid-template-rows: repeat(2, 218px); grid-auto-columns: calc((100% - 10px) / 2); }
    .creator-card figcaption { right: 10px; bottom: 9px; }
}



.premium { position: relative; overflow: hidden; border-top: 1px solid rgba(95, 179, 255, .12); border-bottom: 1px solid rgba(95, 179, 255, .12); background: linear-gradient(145deg, #07111f 0 56%, #0a1d36 100%); color: var(--ivory); }
.premium::before { content: ""; position: absolute; inset: 0; opacity: .42; background: repeating-linear-gradient(115deg, transparent 0 84px, rgba(108, 199, 255, .035) 85px, transparent 86px 168px); pointer-events: none; }
.premium .section-wrap { position: relative; z-index: 1; }
.premium .eyebrow { color: var(--blue-bright); }
.premium-head { display: block; max-width: 980px; }
.premium-head p { max-width: 760px; margin: 30px 0 0; color: #aab5c2; font-size: 17px; }
.benefit-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 88px; }
.benefit-item { position: relative; display: flex; min-height: 350px; flex-direction: column; align-items: stretch; padding: 32px; border: 1px solid var(--line); background: rgba(4, 11, 20, .72); transition: border-color .3s ease, transform .3s ease, background .3s ease; }
.benefit-item::after { content: "↗"; position: absolute; right: 28px; top: 27px; color: #687585; font-size: 18px; }
.benefit-item:nth-child(2) { background: linear-gradient(145deg, rgba(16, 67, 130, .64), rgba(5, 15, 27, .8)); }
.benefit-item:hover { transform: translateY(-6px); border-color: rgba(108, 199, 255, .42); background-color: rgba(11, 31, 57, .86); }
.benefit-num { color: var(--blue-bright); font-size: 13px; font-weight: 700; letter-spacing: .12em; }
.benefit-item h3 { margin: 82px 0 20px; font-size: 28px; font-weight: 560; letter-spacing: -.03em; }
.benefit-item p { margin: auto 0 0; color: #97a3b1; line-height: 1.72; }
.partnerships { margin-top: 130px; padding: 76px 0 0; border-top: 1px solid var(--line); }
.partnerships h3 { margin: 0 0 44px; font-size: 37px; font-weight: 570; letter-spacing: -.035em; }
.partner-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); }
.partner-item { min-height: 230px; padding: 32px; background: rgba(5, 13, 23, .46); }
.partner-item + .partner-item { border-left: 1px solid var(--line); }
.partner-item span { color: #7f8c9b; font-size: 12px; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; }
.partner-item strong { display: block; margin-top: 44px; font-size: 23px; font-weight: 570; line-height: 1.45; }
.partner-item em { display: block; margin-top: 12px; color: var(--gold); font-style: normal; font-size: 14px; }
.partner-note { margin: 22px 0 0; color: #738091; font-size: 13px; }

.why { background: #071321; }
.why-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 110px; }
.why-list { margin: 0; border-top: 1px solid var(--line); }
.why-item { padding: 32px 0; border-bottom: 1px solid var(--line); }
.why-item h3 { margin: 0 0 10px; font-size: 22px; font-weight: 570; }
.why-item p { margin: 0; color: #8f99a6; }

.apply { position: relative; background: linear-gradient(125deg, var(--ink) 0 62%, #061326 100%); }
.apply::before { content: ""; position: absolute; inset: 0; opacity: .28; background: linear-gradient(115deg, transparent 0 70%, rgba(58, 145, 255, .10) 70% 71%, transparent 71% 76%, rgba(200, 169, 106, .06) 76% 77%, transparent 77%); pointer-events: none; }
.apply-grid { display: block; }
.apply-copy { position: static; }
.apply-copy .section-title { font-size: clamp(58px, 6vw, 84px); white-space: nowrap; }
.apply-copy p { max-width: 760px; margin: 28px 0 0; color: #8f99a5; font-size: 18px; }
.apply-form { position: relative; max-width: 1080px; margin-top: 88px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.form-field { margin-bottom: 30px; }
.form-field label { display: block; margin-bottom: 10px; color: #929ca8; font-size: 12px; letter-spacing: .08em; }
.form-field input, .form-field textarea { width: 100%; padding: 15px 0; border: 0; border-bottom: 1px solid var(--line-strong); border-radius: 0; outline: 0; background: transparent; color: var(--white); font-size: 17px; transition: border-color .2s ease; }
.form-field input:focus, .form-field textarea:focus { border-color: var(--blue-bright); }
.form-field textarea { min-height: 100px; resize: vertical; }
.privacy-row { display: flex; align-items: flex-start; gap: 11px; margin-top: 12px; color: #a0a9b4; font-size: 13px; }
.privacy-row input { width: 16px; height: 16px; margin: 3px 0 0; accent-color: var(--blue); }
.privacy-detail { padding: 0; border: 0; border-bottom: 1px solid #7d8792; background: transparent; cursor: pointer; }
.submit-button { display: inline-flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 38px; padding: 19px 22px; border: 1px solid var(--white); border-radius: 0; background: var(--white); color: var(--ink); font-weight: 680; cursor: pointer; transition: background .2s ease, color .2s ease; }
.submit-button:hover, .submit-button:focus-visible { background: var(--blue); border-color: var(--blue); color: var(--white); }
.form-hp { position: absolute !important; left: -9999px !important; opacity: 0 !important; }
.form-notice { margin: 0 0 35px; padding: 18px 20px; border-left: 2px solid var(--blue-bright); background: rgba(23, 108, 255, .12); color: #dceaff; }
.form-notice.error { border-color: #ef8a8a; background: rgba(200, 50, 50, .12); color: #ffd7d7; }
.privacy-dialog { width: min(680px, calc(100vw - 40px)); max-height: 80vh; padding: 0; border: 1px solid var(--line-strong); background: #091321; color: var(--ivory); box-shadow: 0 30px 100px rgba(0, 0, 0, .6); }
.privacy-dialog::backdrop { background: rgba(0, 0, 0, .76); backdrop-filter: blur(5px); }
.dialog-inner { padding: 38px; }
.dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 28px; }
.dialog-head h2 { margin: 0; font-size: 25px; }
.dialog-close { width: 36px; height: 36px; border: 1px solid var(--line); border-radius: 50%; background: transparent; cursor: pointer; }
.privacy-copy { max-height: 55vh; overflow-y: auto; color: #aab3be; font-size: 14px; }
.privacy-copy h3 { margin: 28px 0 8px; color: var(--white); font-size: 16px; }
.privacy-copy p, .privacy-copy ol { margin: 0; }
.privacy-copy ol { padding-left: 22px; }
.privacy-copy li + li { margin-top: 6px; }

.site-footer { padding: 70px 0 34px; border-top: 1px solid var(--line); background: var(--ink); }
.footer-top { width: var(--page); margin: 0 auto 80px; display: flex; justify-content: space-between; align-items: flex-start; gap: 60px; }
.footer-brand { font-size: 43px; font-weight: 620; letter-spacing: -.05em; }
.footer-slogan { max-width: 350px; margin: 12px 0 0; color: #747e8b; }
.footer-nav { display: flex; gap: 28px; color: #aab2bc; font-size: 13px; }
.footer-bottom { width: var(--page); margin: 0 auto; padding-top: 24px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; color: #5f6976; font-size: 12px; }
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .75s ease, transform .75s ease; }
.reveal.is-visible { opacity: 1; transform: none; }
.site-main:not(.wave-main) { width: var(--page-narrow); min-height: 70vh; margin: 0 auto; padding: 150px 0 100px; }
.site-main:not(.wave-main) .entry-title { font-size: 48px; }
.theme-content { color: #c2c8d0; }

@keyframes hero-copy-in { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
@keyframes hero-progress { to { transform: scaleX(1); } }

@media (max-width: 1080px) {
    :root { --page: min(100% - 56px, 960px); --page-narrow: min(100% - 56px, 800px); --section-y: 120px; }
    .display-title { font-size: 72px; }
    .hero { min-height: 840px; }
    .hero::after { font-size: 220px; }
    .hero-grid { grid-template-columns: 1fr .54fr; gap: 50px; }
    .section-title { font-size: 49px; }
    .manifesto-grid { grid-template-columns: minmax(280px, .75fr) minmax(0, 1.25fr); gap: 52px; }
    .manifesto-title { font-size: 56px; }
    .manifesto-heading { padding-top: 28px; }
    .positioning-head, .premium-head { gap: 55px; }
    .apply-grid, .why-grid { gap: 70px; }
    .system-item { grid-template-columns: 72px .8fr 1.2fr; gap: 28px; }
}

@media (max-width: 820px) {
    :root { --header-h: 72px; --page: calc(100% - 40px); --page-narrow: calc(100% - 40px); --section-y: 100px; }
    .menu-toggle { display: block; }
    .main-navigation { position: fixed; inset: 0; display: grid; place-items: center; background: radial-gradient(circle at 70% 28%, rgba(20, 82, 160, .16), transparent 38%), rgba(3, 6, 11, .985); opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s ease; }
    .menu-open .main-navigation { opacity: 1; visibility: visible; }
    .nav-list { flex-direction: column; gap: 12px; text-align: center; }
    .nav-list a { font-size: 27px; letter-spacing: -.02em; }
    .nav-list .nav-contact { margin-top: 12px; padding: 10px 25px; border-radius: 999px; }
    .hero { min-height: auto; padding-top: 140px; }
    .hero::after { right: -25px; bottom: 140px; font-size: 150px; }
    .hero-grid { grid-template-columns: 1fr; gap: 65px; }
    .display-title { font-size: 62px; }
    .display-title .indent { padding-left: .55em; }
    .hero-copy { max-width: 440px; padding-top: 32px; }
    .hero-controls { margin-top: 38px; }
    .hero-metrics { grid-template-columns: repeat(3, 1fr); margin-top: 44px; }
    .metric-intro { grid-column: 1 / -1; padding: 20px 0; }
    .metric { padding: 24px 20px; }
    .metric:first-of-type { padding-left: 0; border-left: 0; }
    .metric strong { font-size: 30px; }
    .positioning-head, .system-head, .premium-head, .why-grid, .apply-grid, .creator-hold { grid-template-columns: 1fr; gap: 40px; }
    .manifesto-grid { grid-template-columns: 1fr; gap: 48px; }
    .manifesto-image-wrap { aspect-ratio: 16 / 9; }
    .manifesto-heading { padding-top: 0; }
    .manifesto-title { font-size: 51px; }
    .manifesto-tags { margin-top: 40px; }
    .quote-list { grid-template-columns: 1fr 1fr; margin-top: 70px; }
    .quote-item:nth-child(3) { grid-column: 1 / -1; min-height: 250px; }
    .compare, .system-list, .benefit-list { margin-top: 70px; }
    .compare-column { padding: 40px 34px; }
    .system-item { grid-template-columns: 58px 1fr; }
    .system-item p { grid-column: 2; }
    .process-visual { grid-template-columns: 1fr; margin-top: 90px; }
    .process-image-wrap { min-height: 360px; }
    .process-image-wrap::after { background: linear-gradient(180deg, transparent 65%, rgba(3, 6, 11, .25)); }
    .process-visual figcaption { padding: 34px; }
    .creator-hold { margin-top: 95px; }
    .premium-head p { max-width: 600px; }
    .premium-head { grid-template-columns: 1fr; gap: 38px; }
    .premium-head p { padding-left: 18px; }
    .benefit-list { grid-template-columns: 1fr 1fr; }
    .benefit-item { min-height: 310px; }
    .benefit-item:nth-child(3) { grid-column: 1 / -1; min-height: 270px; }
    .benefit-item h3 { margin-top: 66px; }
    .partner-grid { grid-template-columns: 1fr; }
    .partner-item { min-height: auto; padding: 30px; }
    .partner-item + .partner-item { border-top: 1px solid var(--line); border-left: 0; }
    .apply-copy { position: static; }
    .footer-top { flex-direction: column; }
}

@media (max-width: 540px) {
    :root { --page: calc(100% - 32px); --page-narrow: calc(100% - 32px); --section-y: 84px; }
    body { font-size: 15px; }
    .brand-name { font-size: 12px; }
    .brand-mark { width: 32px; height: 26px; }
    .hero { padding-top: 122px; }
    .hero-kicker { margin-bottom: 34px; font-size: 13px; letter-spacing: .08em; }
    .display-title { font-size: clamp(39px, 11vw, 47px); line-height: 1.13; }
    .display-title .indent { padding-left: .2em; }
    .hero-copy { margin-left: 42px; }
    .hero-copy p { font-size: 15px; }
    .hero::after { bottom: 135px; font-size: 105px; }
    .hero-art-one::before, .hero-art-two::before, .hero-art-three::before { width: 105vw; right: -52vw; opacity: .8; }
    .hero-controls { justify-content: space-between; }
    .hero-progress { min-width: 145px; }
    .hero-progress-track { width: 78px; }
    .hero-metrics { grid-template-columns: 1fr; }
    .metric { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; border-left: 0; border-top: 1px solid var(--line); }
    .metric strong { font-size: 31px; }
    .metric span { max-width: 130px; margin: 0; text-align: right; }
    .section-title, .manifesto-title, .apply-copy .section-title { font-size: 40px; }
    .section-lead, .positioning-copy { font-size: 16px; }
    .eyebrow { margin-bottom: 22px; }
    .manifesto-grid { gap: 34px; }
    .manifesto-image-wrap { aspect-ratio: 4 / 5; }
    .manifesto-tags { gap: 6px; margin-top: 30px; }
    .manifesto-tags span { padding: 7px 10px; font-size: 10px; }
    .quote-list { grid-template-columns: 1fr; gap: 12px; margin-top: 54px; }
    .quote-item, .quote-item:nth-child(2), .quote-item:nth-child(3) { grid-column: auto; width: auto; min-height: 250px; margin: 0; padding: 26px; }
    .quote-item blockquote { font-size: 21px; }
    .opportunity-line { gap: 10px 0; font-size: 16px; }
    .opportunity-line span { width: 50%; }
    .opportunity-line span:not(:last-child)::after { display: none; }
    .compare { grid-template-columns: 1fr; }
    .compare-column { padding: 34px 24px; }
    .compare-column + .compare-column { border-top: 1px solid var(--line); border-left: 0; }
    .compare-label { margin-bottom: 24px; }
    .system-item { grid-template-columns: 42px 1fr; gap: 12px; }
    .system-item h3 { font-size: 20px; }
    .system-item p { font-size: 14px; }
    .process-image-wrap { min-height: 245px; }
    .process-visual figcaption { padding: 28px 24px; }
    .process-visual figcaption p { margin-top: 18px; font-size: 15px; }
    .creator-number { font-size: 120px; }
    .roster-rule { grid-template-columns: repeat(5, 1fr); }
    .benefit-list { grid-template-columns: 1fr; gap: 12px; }
    .benefit-item, .benefit-item:nth-child(3) { grid-column: auto; min-height: 290px; padding: 26px; }
    .benefit-item h3 { margin-top: 62px; }
    .benefit-item h3 { font-size: 22px; }
    .partnerships { margin-top: 90px; padding-top: 60px; }
    .why-grid { gap: 60px; }
    .form-row { grid-template-columns: 1fr; gap: 0; }
    .dialog-inner { padding: 26px 22px; }
    .footer-brand { font-size: 34px; }
    .footer-nav { flex-wrap: wrap; gap: 14px 24px; }
    .footer-bottom { flex-direction: column; gap: 8px; }
}



/* v1.0.6 editorial refinements */
@media (max-width: 1080px) {
    .hero { min-height: 720px; }
    .hero-controls { right: 28px; }
    .manifesto-title { font-size: 58px; }
    .positioning-head { grid-template-columns: 1.35fr .65fr; gap: 54px; }
    .performance-grid article { padding-inline: 26px; }
    .performance-grid strong { font-size: 39px; }
    .apply-copy .section-title { font-size: 62px; }
}

@media (max-width: 820px) {
    .hero { min-height: 660px; padding: var(--header-h) 0 0; }
    .hero-core h1 { font-size: clamp(58px, 13vw, 92px); }
    .hero-core p { margin-top: 28px; font-size: 18px; }
    .hero-controls { right: 20px; bottom: 30px; width: auto; margin: 0; }
    .manifesto { background: linear-gradient(180deg, #08111c 0, #d0d5da 7%, #f7f8f9 23%, #fff 60%, #f3f5f7 100%); }
    .manifesto-intro { text-align: left; }
    .manifesto-chapter { margin-bottom: 32px; font-size: 20px; }
    .manifesto-title { margin: 0; font-size: 50px; }
    .positioning-head { display: block; }
    .positioning-copy { margin-top: 30px; }
    .opportunity-line { margin-top: 52px; }
    .compare-title { margin-top: 90px; font-size: 32px; }
    .performance-proof { margin-top: 88px; }
    .performance-grid strong { font-size: 34px; }
    .system-list { margin-top: 68px; }
    .premium-head { display: block; }
    .premium-head p { max-width: 680px; padding-left: 0; border-left: 0; }
    .apply-copy .section-title { font-size: 52px; white-space: normal; }
    .apply-form { margin-top: 66px; }
}

@media (max-width: 540px) {
    .hero { min-height: 590px; padding-top: var(--header-h); }
    .hero-core { width: calc(100% - 32px); }
    .hero-core::before { margin-bottom: 26px; }
    .hero-core h1 { font-size: 42px; line-height: 1; white-space: nowrap; }
    .hero-core p { max-width: 300px; margin: 23px auto 0; font-size: 16px; line-height: 1.65; }
    .hero-art-one::before, .hero-art-two::before { width: 118vw; right: -62vw; }
    .hero-controls { right: 16px; left: 16px; justify-content: space-between; }
    .manifesto-chapter { font-size: 17px; line-height: 1.45; }
    .manifesto-chapter span { display: block; margin: 6px 0 0; }
    .manifesto-title { font-size: 39px; }
    .quote-list { margin-top: 48px; }
    .opportunity-line { grid-template-columns: 1fr 1fr; font-size: 15px; }
    .opportunity-line span { width: auto; padding: 18px 10px; }
    .opportunity-line span:nth-child(odd) { border-left: 0; }
    .opportunity-line span:nth-child(n+3) { border-top: 1px solid var(--line); }
    .compare-title, .performance-proof h2 { font-size: 28px; }
    .performance-grid { grid-template-columns: 1fr; }
    .performance-grid article { padding: 26px 0; }
    .performance-grid article + article { border-top: 1px solid var(--line); border-left: 0; }
    .performance-grid strong { margin-top: 12px; font-size: 39px; }
    .system-head .section-title { font-size: 38px; }
    .creator-hold { margin-top: 76px; }
    .premium-head .section-title { font-size: 38px; }
    .premium-head p { margin-top: 24px; font-size: 16px; }
    .apply-copy .section-title { font-size: 39px; }
    .apply-copy p { font-size: 16px; }
    .apply-form { margin-top: 52px; }
}

/* v1.0.8 final type-scale overrides */
body { font-size: 17px; font-weight: 400; line-height: 1.72; letter-spacing: -.008em; }
.brand-name { font-size: 14px; font-weight: 600; letter-spacing: .14em; }
.nav-list a { font-size: 14px; font-weight: 500; letter-spacing: .02em; }
.display-title, .section-title { font-weight: 600; letter-spacing: -.035em; line-height: 1.24; }
.section-title { font-size: 52px; }
.section-lead { font-size: 18px; line-height: 1.72; }
.hero { min-height: 740px; }
.hero-core h1 { font-size: clamp(68px, 7vw, 104px); font-weight: 600; letter-spacing: -.04em; line-height: 1; }
.hero-core p { margin-top: 32px; font-size: 20px; font-weight: 400; line-height: 1.7; }
.manifesto-chapter { margin-bottom: 34px; font-size: 20px; font-weight: 600; line-height: 1.5; }
.manifesto-title { max-width: 1080px; font-size: 52px; font-weight: 600; letter-spacing: -.04em; line-height: 1.3; }
.quote-list { margin-top: 68px; }
.quote-item { min-height: 300px; padding: 34px; }
.quote-index { font-size: 13px; }
.quote-item blockquote { margin-bottom: 34px; font-size: 19px; font-weight: 500; line-height: 1.72; letter-spacing: -.012em; }
.quote-source, .quote-item:nth-child(3) .quote-source { font-size: 14px; line-height: 1.65; color: #b9c3cf; }
.positioning-head { grid-template-columns: 1.15fr .85fr; gap: 92px; }
.positioning-head .section-title { font-size: 50px; line-height: 1.3; }
.positioning-copy { color: #bac3ce; font-size: 18px; line-height: 1.75; }
.opportunity-line { font-size: 17px; }
.compare-title, .performance-proof h2 { font-size: 32px; font-weight: 600; line-height: 1.4; }
.compare-label { font-size: 14px; }
.compare-list li { font-size: 17px; line-height: 1.72; }
.performance-grid span { font-size: 14px; line-height: 1.55; }
.performance-grid strong { font-size: 40px; font-weight: 600; letter-spacing: -.035em; }
.system-head .section-title { max-width: 1000px; font-size: 50px; line-height: 1.3; }
.system-item h3 { font-size: 21px; font-weight: 600; line-height: 1.55; }
.system-item p { color: #bac3ce; font-size: 17px; line-height: 1.75; }
.creator-copy h3 { font-size: 27px; font-weight: 600; line-height: 1.45; }
.creator-copy p { color: #bac3ce; font-size: 17px; line-height: 1.75; }
.premium-head .section-title { font-size: 50px; line-height: 1.3; }
.premium-head p { color: #bac3ce; font-size: 18px; line-height: 1.75; }
.benefit-item { min-height: 330px; padding: 34px; }
.benefit-item h3 { margin-top: 68px; font-size: 23px; font-weight: 600; line-height: 1.5; }
.benefit-item p { color: #bac3ce; font-size: 17px; line-height: 1.75; }
.partnerships h3 { font-size: 32px; font-weight: 600; line-height: 1.45; }
.partner-item span { font-size: 13px; }
.partner-item strong { font-size: 21px; font-weight: 600; line-height: 1.55; }
.partner-item em, .partner-note { font-size: 14px; line-height: 1.65; }
.why-grid { grid-template-columns: .78fr 1.22fr; gap: 96px; }
.why .section-title { font-size: 48px; line-height: 1.3; }
.why-item h3 { font-size: 21px; font-weight: 600; line-height: 1.5; }
.why-item p { color: #bac3ce; font-size: 17px; line-height: 1.75; }
.apply-copy .section-title { font-size: 58px; font-weight: 600; letter-spacing: -.04em; line-height: 1.25; }
.apply-copy p { font-size: 18px; line-height: 1.75; }
.form-field label, .privacy-row { font-size: 14px; line-height: 1.6; }
.form-field input, .form-field textarea { font-size: 17px; line-height: 1.65; }
.submit-button { font-size: 16px; }

@media (max-width: 1080px) {
    :root { --page: min(100% - 56px, 960px); --page-narrow: min(100% - 56px, 800px); --section-y: 112px; }
    .hero { min-height: 680px; }
    .hero-core h1 { font-size: clamp(64px, 9vw, 86px); }
    .section-title, .manifesto-title { font-size: 46px; }
    .positioning-head .section-title, .system-head .section-title, .premium-head .section-title { font-size: 44px; }
    .why .section-title { font-size: 43px; }
    .apply-copy .section-title { font-size: 48px; }
    .performance-grid strong { font-size: 36px; }
}

@media (max-width: 820px) {
    :root { --section-y: 94px; }
    .hero { min-height: 620px; }
    .hero-core h1 { font-size: clamp(56px, 12vw, 76px); }
    .hero-core p { font-size: 18px; }
    .manifesto-title { font-size: 42px; line-height: 1.34; }
    .positioning-head .section-title, .system-head .section-title, .premium-head .section-title, .why .section-title { font-size: 40px; line-height: 1.34; }
    .quote-item blockquote { font-size: 18px; }
    .why-grid { grid-template-columns: 1fr; gap: 56px; }
    .apply-copy .section-title { font-size: 44px; line-height: 1.3; }
}

@media (max-width: 540px) {
    :root { --section-y: 78px; }
    body { font-size: 16px; line-height: 1.72; }
    .brand-name { font-size: 12px; }
    .hero { min-height: 560px; }
    .hero-core h1 { font-size: 40px; letter-spacing: -.03em; }
    .hero-core p { max-width: 300px; font-size: 16px; line-height: 1.7; }
    .manifesto-chapter { font-size: 16px; }
    .manifesto-title { font-size: 34px; line-height: 1.38; }
    .quote-item { min-height: 240px; padding: 28px; }
    .quote-item blockquote { font-size: 18px; line-height: 1.7; }
    .positioning-head .section-title, .system-head .section-title, .premium-head .section-title, .why .section-title { font-size: 34px; line-height: 1.38; }
    .positioning-copy, .premium-head p, .apply-copy p { font-size: 16px; }
    .compare-title, .performance-proof h2 { font-size: 25px; }
    .compare-list li, .system-item p, .benefit-item p, .why-item p { font-size: 16px; line-height: 1.72; }
    .system-item h3, .benefit-item h3, .why-item h3 { font-size: 20px; }
    .performance-grid strong { font-size: 34px; }
    .apply-copy .section-title { font-size: 34px; line-height: 1.38; }
}