:root{font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#122f40;background:#faf7f0;color-scheme:light;--navy:#092f47;--muted:#54656d;--line:#dedbd1;--gold:#dbb970}
*{box-sizing:border-box}body{margin:0}a{color:var(--navy);text-underline-offset:4px}button,input,select{font:inherit}
button,a,input,select{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus,select:focus{outline:3px solid #a97518;outline-offset:4px}
.skip-link{position:absolute;z-index:5;left:16px;top:-100px;padding:12px 18px;background:white}.skip-link:focus{top:12px}
.site-header,main,.site-footer{width:min(100% - 96px,1160px);margin:auto}
.site-header{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none}
.brand-wordmark{display:block;width:182px;height:46px;object-fit:cover;object-position:center}
.header-actions{display:flex;align-items:center;gap:18px}
.beta-label{color:#5b645e;font-size:12px;font-weight:650;letter-spacing:.035em;border:1px solid #d8d5c9;padding:5px 11px;border-radius:99px;white-space:nowrap}
main{min-height:calc(100svh - 204px)}
.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:70px;padding:72px 0 64px}
.eyebrow{color:#735923;font-size:11px;font-weight:750;letter-spacing:.13em;line-height:1.5;margin:0 0 18px}
h1,h2,h3,p{overflow-wrap:anywhere}
h1{font-size:clamp(2.8rem,5.8vw,4.7rem);font-weight:650;letter-spacing:-.055em;line-height:1.05;margin:0 0 25px;color:var(--navy)}
.intro{font-size:18px;line-height:1.7;max-width:425px;margin:0 0 29px;color:var(--muted)}
.primary,button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid #b6bebd;border-radius:10px;padding:12px 20px;min-height:48px;font-weight:650;cursor:pointer;background:#fff;color:var(--navy);text-decoration:none}
.primary{color:#fffaf0;background:var(--navy);border-color:var(--navy)}
.primary:hover{background:#17445a;border-color:#17445a}button:not(.primary):hover{background:#f1f3f2}
button:disabled{opacity:.55;cursor:wait}.sign-in{padding:14px 22px;min-width:235px}
.sign-in span{font-size:22px;line-height:1;font-weight:400}
.sign-in-note{font-size:12px;line-height:1.7;color:var(--muted);margin:16px 0 0}
.hero-art{min-width:0;margin:0;text-align:center}
.art-frame{aspect-ratio:1;padding:9px;border:1px solid #d2b275;border-radius:50%;background:#f3ead8;box-shadow:0 20px 45px -32px #153d4b70}
.art-frame img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;border-radius:50%}
.hero-art figcaption{display:flex;align-items:center;justify-content:center;gap:10px;color:#5b655f;font-size:12px;margin:20px 0 0}
.caption-line{width:24px;height:1px;background:#ad8743}.setup-guide{padding:34px 0 40px;border-top:1px solid var(--line)}
.section-heading .eyebrow{margin-bottom:8px}
h2{color:var(--navy);font-size:27px;line-height:1.25;font-weight:620;letter-spacing:-.035em;margin:0 0 16px}
h3{color:var(--navy);font-size:17px;margin:0 0 6px;font-weight:650;line-height:1.4}
.setup-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:29px 0 30px;padding:0;list-style:none}
.setup-steps li{display:flex;gap:15px;min-width:0}.step-number{flex-shrink:0;font-size:12px;font-weight:750;color:#8c681f;padding-top:3px}
.setup-steps p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}
.beta-note{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#62665d;line-height:1.7;background:#f0eee5;border-radius:8px;padding:12px 15px;margin:22px 0 0}
.status-dot{flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#917136;margin-top:7px}
.site-footer{display:flex;justify-content:space-between;gap:14px;padding:25px 0 29px;border-top:1px solid var(--line);font-size:12px;color:#63716e}
.site-footer span span{margin:0 5px;color:#a6a69a}
#message:empty{display:none}#message:not(:empty){padding:14px 18px;background:#fff4d6;border:1px solid #ddc27d;border-radius:10px;margin:26px 0}
.workspace{width:min(100%,820px);padding:52px 0;margin:auto}
.workspace-heading h1{font-size:clamp(2rem,4vw,3rem)}.workspace-heading p:last-child{color:var(--muted)}
.organization-picker{margin:30px 0}.panel{padding:32px;border:1px solid var(--line);border-radius:16px;background:#fffdf8;margin-top:28px}
.panel .eyebrow{margin-bottom:9px}.panel>p:not(.eyebrow),.workspace>p{color:var(--muted)}
label{display:block;margin:20px 0 7px;font-size:14px;font-weight:650}
input,select{display:block;width:100%;padding:12px;min-height:48px;border:1px solid #aab6b7;border-radius:8px;background:#fff;color:var(--navy)}
input::placeholder{color:#68767c;opacity:1}.note{font-size:13px;color:var(--muted)}label .note{font-weight:400}
form button{margin-top:24px}.actions{display:flex;gap:12px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}#organization{max-width:480px}
.admin-section{margin-top:32px;padding-top:26px;border-top:1px solid var(--line)}
.row{padding:16px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.row p{margin:4px 0}.row button{padding:7px 14px;margin-top:9px}
.simple-page{display:grid;grid-template-columns:1fr 270px;gap:64px;align-items:center;width:min(100%,920px);padding:85px 0;margin:auto}
.simple-page h1{font-size:clamp(2.5rem,5vw,3.5rem)}.simple-page p:not(.eyebrow){color:var(--muted)}.simple-page .primary{margin-top:18px}
.simple-art{width:100%;height:auto;border-radius:50%;border:6px solid #f0e3cb}
[hidden]{display:none!important}
@media(max-width:900px){.site-header,main,.site-footer{width:min(100% - 56px,1160px)}.hero{gap:35px;padding-top:55px}.setup-steps{gap:22px}.simple-page{grid-template-columns:1fr 210px;gap:38px}}
@media(max-width:620px){
.site-header,main,.site-footer{width:calc(100% - 40px)}.site-header{min-height:88px;gap:12px}.brand-wordmark{width:148px;height:38px}
.header-actions{gap:10px;flex-wrap:wrap;justify-content:flex-end}.beta-label{font-size:10px;padding:4px 8px}#logout{padding:8px 12px}
.hero{grid-template-columns:1fr;gap:35px;padding:44px 0 38px}.hero-copy{max-width:480px}h1{font-size:clamp(2.7rem,11vw,4.3rem)}
.intro{font-size:16px;margin-bottom:24px}.hero-art{width:min(100% - 40px,330px);margin:0 auto}.hero-art figcaption{margin-top:14px}
.setup-guide{padding-top:28px}.setup-steps{grid-template-columns:1fr;gap:24px;margin:25px 0}.setup-steps p{max-width:340px}
.site-footer{flex-direction:column;gap:5px;padding:20px 0}.workspace{padding-top:36px}.panel{padding:22px 18px;border-radius:12px}
.grid{grid-template-columns:1fr;gap:0}.simple-page{grid-template-columns:1fr;padding:45px 0;gap:35px}.simple-art{width:min(70%,250px);justify-self:center}
}
@media(prefers-reduced-motion:no-preference){.primary,button{transition:background-color .15s,border-color .15s}}