:root{color-scheme:dark;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;--font-display:"Yu Mincho", "Hiragino Mincho ProN", "Noto Serif CJK JP", serif;--font-mono:ui-monospace, SFMono-Regular, Consolas, monospace;--color-background:#081426;--color-surface:#0f1e35;--color-text:#f3f6fa;--color-muted:#aebccd;--color-accent:#c7e2f3;--color-accent-soft:#13263f;--color-border:#2a3d58;--color-emphasis:#c7e2f3;--color-on-emphasis:#081426;--color-emphasis-muted:#1a2e4a;--color-gold:#c5a46a;--color-gold-soft:#1c1a17;--color-pending:#e2c690;--color-pending-background:#2a2418;--color-planned:#c7e2f3;--color-planned-background:#15294a;--color-focus:#e2c690;--color-overlay:8 20 38;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;--page-gutter:clamp(1.25rem, 4vw, 3.5rem);--section-space:clamp(3.5rem, 7vw, 6.5rem);--card-space:clamp(1.25rem, 3vw, 2rem);--layout-gap:clamp(2rem, 5vw, 5rem);--text-small:.8125rem;--text-label:.9375rem;--text-body:1rem;--text-lead:clamp(1rem, 1.5vw, 1.1875rem);--text-h3:clamp(1.125rem, 2vw, 1.375rem);--text-h2:clamp(1.6rem, 3vw, 2.4rem);--text-h1:clamp(2.2rem, 5vw, 4rem);--text-hero:clamp(2.5rem, 5.5vw, 4.75rem);--line-body:1.9;--line-heading:1.45;--line-tight:1.1;--tracking-body:.025em;--tracking-label:.1em;--tracking-display:-.045em;--width-page:75rem;--width-copy:46rem;--width-hero-copy:34rem;--border-thin:1px;--radius-small:.2rem;--radius-pill:100vmax;--focus-width:3px;--focus-offset:4px;--target-size:2.75rem;--motion-duration:.16s}@media (prefers-reduced-motion:reduce){:root{--motion-duration:0s}}*,:before,:after{box-sizing:border-box}html{background:var(--color-background);color:var(--color-text);font-family:var(--font-body);line-height:var(--line-body);letter-spacing:var(--tracking-body);overflow-wrap:anywhere}body{margin:var(--space-0)}a{color:inherit;text-underline-offset:var(--space-1)}a:hover{color:var(--color-accent)}a:focus-visible,summary:focus-visible,main:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}h1,h2,h3,p,ul,ol,dl{margin:var(--space-0)}h1,h2,h3{line-height:var(--line-heading);word-break:auto-phrase;text-wrap:balance;font-weight:600}h1{font-size:var(--text-h1);letter-spacing:var(--tracking-display)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}p+p{margin-block-start:var(--space-4)}svg{width:100%;height:auto;display:block}.shell{width:min(100%, var(--width-page));padding-inline:var(--page-gutter);margin-inline:auto}.skip-link{z-index:2;padding:var(--space-3) var(--space-5);background:var(--color-emphasis);color:var(--color-on-emphasis);position:fixed;inset-block-start:var(--space-3);inset-inline-start:var(--space-4);transform:translateY(-200%)}.skip-link:focus{color:var(--color-on-emphasis);transform:translateY(0)}.site-header{border-block-end:var(--border-thin) solid var(--color-border)}.header-inner{align-items:center;gap:var(--space-4) var(--space-5);padding-block:var(--space-5);flex-wrap:wrap;display:flex}.wordmark{min-height:var(--target-size);font-size:var(--text-h2);letter-spacing:var(--tracking-display);font-weight:750;line-height:var(--line-tight);align-items:center;text-decoration:none;display:inline-flex}.wordmark span{color:var(--color-accent)}.main-nav,.account-nav,.preview-nav{gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.main-nav{margin-inline-start:auto}.main-nav a,.account-nav a,.preview-nav a{min-height:var(--target-size);font-size:var(--text-small);align-items:center;text-decoration:none;display:inline-flex}a[aria-current=page]{text-decoration:underline;text-decoration-thickness:var(--border-thin)}.account-nav{gap:var(--space-2) var(--space-3)}.account-nav a{text-decoration:underline}.main-content{padding-block-end:var(--section-space)}.eyebrow{color:var(--color-accent);font-size:var(--text-small);letter-spacing:var(--tracking-label);margin-block-end:var(--space-5);font-weight:650}.lead{color:var(--color-muted);font-size:var(--text-lead)}.actions{align-items:center;gap:var(--space-4) var(--space-5);flex-wrap:wrap;display:flex}.button-link{justify-content:space-between;align-items:center;gap:var(--space-6);min-height:var(--target-size);padding:var(--space-3) var(--space-5);background:var(--color-emphasis);color:var(--color-on-emphasis);border:var(--border-thin) solid var(--color-emphasis);border-radius:var(--radius-small);font-size:var(--text-label);transition:background-color var(--motion-duration), color var(--motion-duration);text-decoration:none;display:inline-flex}.button-link:hover{background:var(--color-background);color:var(--color-text)}.text-link{align-items:center;gap:var(--space-3);min-height:var(--target-size);font-size:var(--text-label);display:inline-flex}.hero-note{color:var(--color-muted);font-size:var(--text-small);margin-block-start:var(--space-5)}.section{margin-block-start:var(--section-space)}.section-heading{justify-content:space-between;align-items:baseline;gap:var(--space-4);flex-wrap:wrap;margin-block-end:var(--space-6);display:flex}.section-heading h2{margin-block-end:var(--space-0)}.section>h2,.prose h2{margin-block-end:var(--space-5)}.card-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.card-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.card{min-width:0;padding:var(--card-space);background:var(--color-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-small)}.card>*+*{margin-block-start:var(--space-4)}.card p{color:var(--color-muted)}.card-number,.service-number{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-small)}.card-number{margin-block-end:var(--space-7);display:inline-block}.service-list{padding:var(--space-0);border-block-start:var(--border-thin) solid var(--color-border);list-style:none}.service-row{grid-template-columns:var(--space-6) minmax(0, 1fr) var(--space-5);align-items:start;gap:var(--space-5);padding-block:var(--space-6);border-block-end:var(--border-thin) solid var(--color-border);display:grid}.service-copy h3{margin-block-end:var(--space-3)}.service-heading{align-items:baseline;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.service-heading h3{margin-block-end:var(--space-0)}.service-copy>p{margin-block-start:var(--space-3)}.service-points{color:var(--color-muted);font-size:var(--text-label);padding-inline-start:var(--space-5)}.service-points li+li{margin-block-start:var(--space-3)}.service-card{scroll-margin-block-start:var(--space-5)}.service-copy h3 a{text-decoration:none}.service-copy h3 a:hover{text-decoration:underline}.service-copy p{max-width:var(--width-copy);color:var(--color-muted);font-size:var(--text-label)}.service-arrow{color:var(--color-accent);font-size:var(--text-h3)}.status-badge,.pending{align-items:center;gap:var(--space-2);width:fit-content;max-width:100%;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-pending-background);color:var(--color-pending);font-size:var(--text-small);font-weight:600;display:inline-flex}.status-mark,.pending-mark{flex:0 0 var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:currentColor}.status-planned{background:var(--color-planned-background);color:var(--color-planned)}.status-available,.status-negotiating{background:var(--color-accent-soft);color:var(--color-accent)}.invitation{align-items:center;gap:var(--space-6);padding:var(--card-space);border-block:var(--border-thin) solid var(--color-border);grid-template-columns:minmax(0,1fr) auto;display:grid}.invitation p{color:var(--color-muted);margin-block-start:var(--space-4)}.page-intro{max-width:var(--width-copy);padding-block-start:var(--section-space)}.page-intro>*+*{margin-block-start:var(--space-5)}.page-intro .eyebrow{margin-block-end:var(--space-0)}.prose{max-width:var(--width-copy)}.prose ul{gap:var(--space-2);padding-inline-start:var(--space-5);display:grid}.prose>*+ul,.prose>ul+*{margin-block-start:var(--space-4)}.stack>*+*{margin-block-start:var(--space-5)}.notice,.empty-state,.members-notice{padding:var(--card-space);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-small);background:var(--color-accent-soft)}.notice>*+*,.empty-state>*+*{margin-block-start:var(--space-4)}.empty-state{background:var(--color-surface)}.steps{gap:var(--space-5);padding-inline-start:var(--space-6);display:grid}.steps li{padding-inline-start:var(--space-3)}.steps li::marker{color:var(--color-accent);font-family:var(--font-mono)}.steps p{color:var(--color-muted);margin-block-start:var(--space-2)}.definition-list>div{gap:var(--space-5);padding-block:var(--space-5);border-block-end:var(--border-thin) solid var(--color-border);grid-template-columns:minmax(0,1fr) minmax(0,2fr);display:grid}dt{font-weight:600}dd{margin:var(--space-0)}.link-list{gap:var(--space-3);padding-inline-start:var(--space-5);display:grid}.faq-list{gap:var(--space-0);display:grid}.faq-list details{padding-block:var(--space-5);border-block-end:var(--border-thin) solid var(--color-border)}.faq-list summary{min-height:var(--target-size);cursor:pointer;font-weight:600}.faq-list details>p{color:var(--color-muted);margin-block-start:var(--space-4)}.preview-notice{padding:var(--space-5);border:var(--border-thin) solid var(--color-border);border-inline-start:var(--space-1) solid var(--color-accent);background:var(--color-accent-soft);margin-block-start:var(--space-6)}.preview-notice p{font-size:var(--text-label);margin-block-start:var(--space-3)}.preview-nav{padding-block:var(--space-4);border-block-end:var(--border-thin) solid var(--color-border)}.preview-nav+.page-intro{padding-block-start:var(--space-7)}.preview-panel{max-width:var(--width-copy);padding:var(--card-space);border:var(--border-thin) solid var(--color-border);background:var(--color-surface)}.preview-panel>*+*,.display-fields>div+div{margin-block-start:var(--space-5)}.display-field{padding:var(--space-3) var(--space-4);border:var(--border-thin) dashed var(--color-border);border-radius:var(--radius-small);background:var(--color-background);color:var(--color-muted);margin-block-start:var(--space-2)}.sample-details>div{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.sample-id{font-family:var(--font-mono);letter-spacing:normal}.permission-list{padding:var(--space-0);list-style:none}.permission-list li{padding-block:var(--space-4);border-block-start:var(--border-thin) solid var(--color-border)}.permission-list p,.sample-caption{font-size:var(--text-small)}.permission-list p{margin-block-start:var(--space-2)}.sample-caption{border-block-start:var(--border-thin) solid var(--color-border);padding-block-start:var(--space-4)}.muted{color:var(--color-muted)}.site-footer{padding-block:var(--space-7);border-block-start:var(--border-thin) solid var(--color-border)}.footer-inner{justify-content:space-between;gap:var(--space-6);flex-wrap:wrap;display:flex}.footer-inner p{font-size:var(--text-small);margin-block-start:var(--space-3)}.footer-nav{align-content:start;gap:var(--space-3) var(--space-6);font-size:var(--text-small);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.footer-nav a{min-height:var(--target-size);align-items:center;text-decoration:none;display:flex}@media (width<=60rem){.header-inner{gap:var(--space-3) var(--space-5)}.main-nav{width:100%;order:3;margin-inline-start:var(--space-0)}.account-nav{margin-inline-start:auto}.card-grid{grid-template-columns:minmax(0,1fr)}.card-number{margin-block-end:var(--space-4)}}@media (width<=40rem){.invitation,.card-grid.two-columns{grid-template-columns:minmax(0,1fr)}.main-nav{column-gap:var(--space-4);order:2}.account-nav{width:100%;border-block-start:var(--border-thin) solid var(--color-border);order:3;margin-inline-start:var(--space-0);padding-block-start:var(--space-2)}.service-row{grid-template-columns:var(--space-5) minmax(0, 1fr);gap:var(--space-3)}.service-arrow{display:none}.definition-list>div{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}}.crest-image{aspect-ratio:16/9;object-fit:cover;object-position:50% 50%;background:var(--color-background);width:100%;height:auto;display:block}.crest-image--hero{object-position:68% 50%}.crest-image--roadmap{object-position:65% 50%}.crest-image--member-creative,.crest-image--member-technical{aspect-ratio:4/5;object-position:50% 35%}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.image-note{color:var(--color-muted);font-size:var(--text-small);margin-block-start:var(--space-3)}.main-content--wide{width:100%;padding-block-end:var(--space-0)}.home-hero,.home-roadmap{isolation:isolate;display:grid;position:relative;overflow:hidden}.home-hero{min-height:min(84vh,48rem)}.home-hero-media,.home-roadmap-media{z-index:-2;position:absolute;inset:0}.home-hero-media .crest-image,.home-roadmap-media .crest-image{aspect-ratio:auto;height:100%}.home-hero:after,.home-roadmap:after{content:"";z-index:-1;background:linear-gradient(90deg, rgb(var(--color-overlay) / .94) 0%, rgb(var(--color-overlay) / .78) 38%, rgb(var(--color-overlay) / .15) 72%, rgb(var(--color-overlay) / 0) 100%);position:absolute;inset:0}.home-hero-inner,.home-roadmap-inner{padding-block:var(--section-space);align-self:center}.home-hero-copy{max-width:40rem}.home-hero h1,.home-section h2,.home-membership h2,.home-roadmap h2,.pillar-card h3{font-family:var(--font-display);font-weight:600}.home-hero h1{font-size:var(--text-hero);letter-spacing:.04em;line-height:1.35}.home-hero h1 span{display:block}.home-hero-sub{color:var(--color-muted);letter-spacing:.3em;margin-block-start:var(--space-4);font-size:.6875rem}.home-hero .lead{margin-block:var(--space-5) var(--space-6);color:var(--color-text)}.home-hero .button-link{border-radius:var(--radius-pill)}.genre-band{padding-block:var(--space-5)}.genre-grid{gap:var(--space-2);padding:var(--space-0);grid-template-columns:repeat(8,minmax(0,1fr));list-style:none;display:grid}.genre-card{border-radius:var(--radius-small);position:relative;overflow:hidden}.genre-card .crest-image{aspect-ratio:4/3}.genre-label{padding:var(--space-5) var(--space-3) var(--space-2);background:linear-gradient(0deg, rgb(var(--color-overlay) / .9), rgb(var(--color-overlay) / 0));font-size:var(--text-small);flex-direction:column;font-weight:600;line-height:1.4;display:flex;position:absolute;inset:auto 0 0}.genre-label span{color:var(--color-accent);letter-spacing:var(--tracking-label);font-size:.6875rem}.home-section{padding-block:var(--section-space)}.home-about{align-items:center;gap:var(--space-7) var(--layout-gap);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);display:grid}.home-about-intro>*+*{margin-block-start:var(--space-4)}.home-about-figure{margin:var(--space-0)}.home-about-figure .crest-image{border-radius:var(--radius-small)}.home-about-figure figcaption{color:var(--color-muted);font-size:var(--text-small);margin-block-start:var(--space-2)}.pillar-grid{padding:var(--space-0);grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;display:grid}.pillar-card{align-items:flex-start;gap:var(--space-3);padding:var(--space-2) var(--space-5);border-inline-start:var(--border-thin) solid var(--color-border);flex-direction:column;display:flex}.pillar-card p{color:var(--color-muted);font-size:var(--text-small)}.pillar-card .pillar-name{color:var(--color-accent);letter-spacing:var(--tracking-label)}.home-membership{padding-block:var(--section-space);background:var(--color-surface);border-block:var(--border-thin) solid var(--color-border)}.home-membership-inner{align-items:stretch;gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.home-membership-intro>*+*{margin-block-start:var(--space-4)}.plan-card{gap:var(--space-4);padding:var(--card-space);background:var(--color-background);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-small);flex-direction:column;display:flex}.plan-card h3{font-family:var(--font-display);font-size:var(--text-h2);line-height:var(--line-tight)}.plan-card>p{color:var(--color-muted);font-size:var(--text-small)}.plan-card--creator{background:var(--color-gold-soft);border-color:var(--color-gold)}.plan-card--creator h3{color:var(--color-gold)}.plan-card>.plan-price{color:var(--color-text);font-size:var(--text-h3);font-weight:700}.plan-features{gap:var(--space-2);padding:var(--space-0);font-size:var(--text-small);list-style:none;display:grid}.plan-features li{background:linear-gradient(var(--color-accent), var(--color-accent)) 0 .7em / .6em 1px no-repeat;padding-inline-start:var(--space-5)}.plan-card--creator .plan-features li{background-image:linear-gradient(var(--color-gold), var(--color-gold))}.plan-action{justify-content:center;align-items:center;gap:var(--space-3);min-height:var(--target-size);border:var(--border-thin) solid var(--color-accent);border-radius:var(--radius-pill);font-size:var(--text-label);margin-block-start:auto;font-weight:700;text-decoration:none;display:flex}.plan-card--creator .plan-action{background:var(--color-gold);border-color:var(--color-gold);color:var(--color-on-emphasis)}.plan-card--creator .plan-action:hover{color:var(--color-on-emphasis);opacity:.88}.account-nav .account-signup{padding-inline:var(--space-4);background:var(--color-emphasis);color:var(--color-on-emphasis);border-radius:var(--radius-pill);text-decoration:none}.account-nav .account-signup:hover{color:var(--color-on-emphasis);opacity:.88}.home-roadmap{min-height:32rem}.home-roadmap-inner{align-items:center;gap:var(--layout-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.home-roadmap-copy{max-width:var(--width-hero-copy)}.home-roadmap-copy>*+*{margin-block-start:var(--space-4)}.home-roadmap-steps{gap:var(--space-4);margin:var(--space-0);padding:var(--space-5) var(--card-space);background:rgb(var(--color-overlay) / .72);border-inline-start:var(--border-thin) solid var(--color-gold);list-style:none;display:grid}.home-roadmap-steps span{min-width:5rem;color:var(--color-gold);font-size:var(--text-small);letter-spacing:var(--tracking-label);display:inline-block}@media (width<=60rem){.genre-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pillar-grid{row-gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}.home-membership-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.home-membership-intro{grid-column:1/-1}}@media (width<=40rem){.home-hero,.home-roadmap{min-height:0}.home-hero-media,.home-roadmap-media{position:static}.home-hero-media .crest-image,.home-roadmap-media .crest-image{aspect-ratio:16/9;height:auto}.home-hero:after,.home-roadmap:after{content:none}.home-hero-inner,.home-roadmap-inner{padding-block:var(--space-6) var(--space-7)}.pillar-grid,.home-about,.home-membership-inner,.home-roadmap-inner{grid-template-columns:minmax(0,1fr)}.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pillar-card{padding-inline:var(--space-4) var(--space-0)}.home-roadmap-steps{background:var(--color-surface)}}.auth-page{gap:var(--space-5);width:min(100%,28rem);padding-block:var(--section-space);margin-inline:auto;display:grid}.auth-page h1{font-family:var(--font-display);font-size:var(--text-h1);text-align:center}.auth-lead,.auth-switch{color:var(--color-muted);font-size:var(--text-small);text-align:center}.auth-form{gap:var(--space-5);padding:var(--card-space);background:var(--color-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-small);display:grid}.auth-field{gap:var(--space-2);display:grid}.auth-field label{font-size:var(--text-label);font-weight:600}.auth-field input{min-height:var(--target-size);padding:var(--space-2) var(--space-3);background:var(--color-background);color:var(--color-text);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-small);font:inherit}.auth-field input:focus-visible,.auth-check input:focus-visible,.auth-submit:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:2px}.auth-hint{color:var(--color-muted);font-size:var(--text-small)}.auth-check{align-items:flex-start;gap:var(--space-3);font-size:var(--text-small);display:flex}.auth-check input{width:1.125rem;height:1.125rem;accent-color:var(--color-accent);margin-block-start:.3rem}.auth-message{padding:var(--space-3) var(--space-4);background:var(--color-pending-background);color:var(--color-pending);border-radius:var(--radius-small);font-size:var(--text-small)}.auth-submit{min-height:var(--target-size);background:var(--color-emphasis);color:var(--color-on-emphasis);border-radius:var(--radius-pill);font:inherit;cursor:pointer;border:0;font-weight:700}.auth-submit:hover{opacity:.88}
