/* Approved FEERY platform layout/theme. Shared controls retain catalog rules. */
:root { --accent:#0b0b0b; --feery-lime:#b8ff00; }
html {background:#fafafa;}
.feery-platform {font-family:var(--ui-catalog-font);background:#fafafa;color:var(--ui-catalog-color-text);min-height:100dvh;display:flex;flex-direction:column;}
.platform-header,.platform-footer {display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1200px,calc(100% - 64px));margin:0 auto;padding:24px 0;}
.platform-header {border-bottom:1px solid var(--ui-catalog-color-border);}
.wordmark {display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;letter-spacing:-.06em;font-size:28px;}
.wordmark img {background:#0b0b0b;border-radius:10px;}
.platform-header nav {display:flex;align-items:center;gap:24px;}
.platform-header a:not(.wordmark),.platform-footer {font-size:var(--ui-catalog-meta-size);}
.feery-platform a:not([data-ui-catalog-component]) {color:inherit;text-underline-offset:4px;}
.feery-platform a:focus-visible {outline:2px solid #0b0b0b;outline-offset:5px;}
.dev-label {background:var(--feery-lime);padding:5px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:700;}
#main {width:min(1200px,calc(100% - 64px));margin:0 auto;flex:1;padding:64px 0;outline:none;}
.hero {display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center;min-height:420px;}
.eyebrow {font-size:var(--ui-catalog-label-size);font-weight:var(--ui-catalog-label-weight);letter-spacing:.08em;text-transform:uppercase;}
.feery-platform h1 {font-size:var(--ui-catalog-h1-size);line-height:var(--ui-catalog-h1-line);letter-spacing:var(--ui-catalog-h1-tracking);margin:20px 0 24px;}
.feery-platform h2 {font-size:var(--ui-catalog-h2-size);line-height:var(--ui-catalog-h2-line);letter-spacing:var(--ui-catalog-h2-tracking);margin:0 0 20px;}
.feery-platform p {font-size:var(--ui-catalog-body-size);line-height:var(--ui-catalog-body-line);color:var(--ui-catalog-color-body);}
.intro {max-width:520px;}
.actions {display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:32px;}
.actions a[data-ui-catalog-component] {text-decoration:none;}
.feature-panel {background:#0b0b0b;color:#fff;border-radius:var(--radius-card);padding:40px;}
.feature-panel p {color:#c8c8c8;}
.feature-panel .feature {padding:24px 0;border-top:1px solid #383838;}
.feature strong {font-size:20px;}
.feature-panel .eyebrow {color:var(--feery-lime);}
.account-layout {display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}
.form-panel {padding:32px;background:#fff;border:1px solid var(--ui-catalog-color-border);border-radius:var(--radius-card);}
.platform-form {display:grid;gap:24px;}
.platform-form [data-ui-catalog-component="form-field"] {min-width:0;}
.platform-form input {width:100%;}
.form-links {display:flex;gap:20px;flex-wrap:wrap;margin-top:24px;}
.notice {padding:16px;border-left:3px solid #0b0b0b;background:#f0f1ed;margin:24px 0;overflow-wrap:anywhere;}
.notice[role="alert"] {border-color:var(--ui-catalog-color-danger);}
.notice:empty {display:none;}
.check-row {display:flex;align-items:start;gap:12px;font-size:var(--ui-catalog-body-size);line-height:1.5;}
.check-row input {width:auto;flex:none;margin-top:5px;}
.band-list {display:grid;gap:16px;padding:0;list-style:none;}
.band-list li {border:1px solid var(--ui-catalog-color-border);border-radius:var(--radius-card);padding:24px;overflow-wrap:anywhere;}
.band-list h2 {font-size:24px;}
.platform-footer {border-top:1px solid var(--ui-catalog-color-border);color:var(--ui-catalog-color-meta);flex-wrap:wrap;}
.small {font-size:var(--ui-catalog-meta-size)!important;}
[hidden] {display:none!important;}
@media(max-width:800px){.hero,.account-layout{grid-template-columns:1fr;gap:32px}.hero{min-height:0}.platform-header,.platform-footer,#main{width:calc(100% - 32px)}#main{padding:40px 0}.feature-panel,.form-panel{padding:24px}.platform-header nav{gap:12px}.dev-label{font-size:11px}}
