/* Prime Era editorial identity. Shared tokens keep every functional screen in sync. */
@font-face{font-family:Manrope;src:url(assets/manrope-400.ttf);font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url(assets/manrope-800.ttf);font-weight:800;font-display:swap}
:root{--bg:#090909;--card:#111;--raised:#1c1c1c;--text:#f3f3f0;--quiet:#a2a29e;--line:#343434;--button:#f3f3f0;--ink:#090909;--green:#b9b9b4;--accent:#f3f3f0;--accent-ink:#f3f3f0;--radius:16px;--shadow:#0005;--editor-art:#1c1c1c;--editor-stroke:#8a8a85;--selection:#708cff;font-family:Manrope,Arial,sans-serif}
:root[data-theme=light]{--bg:#f0f0ee;--card:#f9f9f7;--raised:#e4e4e1;--text:#101010;--quiet:#646460;--line:#c9c9c5;--button:#101010;--ink:#f9f9f7;--green:#50504c;--accent:#101010;--accent-ink:#101010;--shadow:#0001;--editor-art:#e0e0dd;--editor-stroke:#747470;--selection:#4663ec}
::selection{background:var(--text);color:var(--bg)}
body{background:var(--bg);color:var(--text)}
h1,h2,h3{font-weight:800}
.brand{font-weight:800;letter-spacing:-.035em;word-spacing:.08em}
.brand-dot{color:inherit}.brand-mark{display:none}
.button,.button.small{border-radius:999px;box-shadow:none;font-weight:700}
.button:hover{box-shadow:none}
.icon-button{border-color:var(--line)}
input,textarea,select{accent-color:var(--text)}
dialog{border-radius:16px;border-color:var(--line)}
.dialog-wrap{border-radius:16px}
.dialog-wrap h2,.dialog-wrap h1{font-weight:800;letter-spacing:-.055em}
.dialog-wrap input,.dialog-wrap select,.dialog-wrap textarea{border-radius:6px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--selection);outline-offset:4px}
/* A spacious masthead, sculptural objects, and a deliberately oversized wordmark. */
body.is-landing .header{width:calc(100% - 80px);max-width:1600px;height:100px;border-bottom:0}
body.is-landing .header .brand{font-size:30px}
body.is-landing .landing-nav{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--text);gap:34px}
body.is-landing .landing-nav a{border-bottom:1px solid transparent}
body.is-landing .landing-nav a:hover{border-color:var(--text)}
body.is-landing .header-actions .button{background:transparent;color:var(--text);border-color:var(--text);padding:9px 21px}
#landing .section{width:calc(100% - 80px);max-width:1600px}
#landing .home-eyebrow{font-size:10px;letter-spacing:.08em;color:var(--quiet);font-weight:600}
#landing .home-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0 10px;padding:35px 0 0;min-height:0;align-items:center;position:relative}
#landing .hero-copy{padding:12px 0 20px;position:relative;z-index:1}
#landing .home-hero h1{font-size:clamp(68px,7.6vw,122px);font-weight:800;line-height:.98;letter-spacing:-.075em;margin-top:28px}
#landing .home-hero h1 span{white-space:nowrap}
#landing .era-outline-heading{color:transparent;-webkit-text-stroke:1.3px var(--text)}
#landing .home-lead{font-size:13px;line-height:1.8;max-width:330px;margin-top:28px}
#landing .home-hero-actions{gap:25px;margin-top:25px}
#landing .home-cta{border-radius:999px;min-height:58px;padding:15px 26px;font-size:13px}
#landing .home-hero .home-cta{background:transparent;color:var(--text);border-color:var(--text);min-width:220px;justify-content:space-between}
#landing .home-cta:hover{background:var(--text);color:var(--bg);transform:translateY(-2px)}
#landing .home-scroll-link{font-size:11px;color:var(--quiet)}
#landing .home-footnote{font-size:10px;margin-top:16px}
.era-object-scene{position:relative;min-width:0;height:540px;display:flex;align-items:center;justify-content:center}
.era-object-scene img{position:relative;width:106%;max-width:none;height:auto;z-index:1;pointer-events:none;transform:translateX(-12px) rotate(-6deg);filter:drop-shadow(0 24px 20px #0003)}
.era-object-label{position:absolute;top:7px;right:10px;font:10px/1.4 monospace;letter-spacing:.07em;color:var(--quiet)}
.era-selection{position:absolute;left:12%;right:2%;top:13%;bottom:12%;border:1px solid var(--selection);transform:rotate(6deg);z-index:0}
.era-selection i{position:absolute;width:8px;height:8px;border:1px solid var(--selection);background:var(--bg)}
.era-selection i:nth-child(1){top:-4px;left:-4px}.era-selection i:nth-child(2){top:-4px;right:-4px}.era-selection i:nth-child(3){bottom:-4px;right:-4px}.era-selection i:nth-child(4){bottom:-4px;left:-4px}
.era-object-sticker{position:absolute;bottom:12px;left:20%;font:700 11px/1.6 monospace;padding:12px 16px;border:1px solid var(--text);background:var(--bg);transform:rotate(-8deg);z-index:2}
.era-pointer{position:absolute;right:0;bottom:15%;font-size:40px;color:var(--selection);z-index:2;transform:rotate(-6deg)}
.era-pointer span{font:600 10px/1.4 Manrope,sans-serif;background:var(--selection);color:#fff;padding:7px 10px;position:relative;top:12px;left:-7px;white-space:nowrap}
.era-wordmark{grid-column:1/-1;font-size:clamp(60px,18.2vw,290px);font-weight:800;line-height:1.04;letter-spacing:-.085em;white-space:nowrap;margin:30px 0 0;border-bottom:1px solid var(--line);padding-bottom:28px;position:relative}
.era-wordmark>span{font-size:.17em;letter-spacing:0;position:absolute;top:12%;margin-left:15px}
/* The calendar remains a real, keyboard-accessible interactive example. */
#landing .era-demo{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:10%;padding:100px 0 95px;align-items:center}
.era-demo-copy h2{font-size:clamp(42px,5vw,76px);line-height:1;letter-spacing:-.065em;white-space:pre-line;margin-top:30px}
.era-demo-copy>p:not(.home-eyebrow){max-width:320px;margin-top:25px;font-size:13px;line-height:1.8}
.era-demo-doodle{display:block;font-size:100px;line-height:1.2;margin:10px 15% 0 0;text-align:right;font-weight:400}
#landing .era-demo .home-calendar-scene{height:auto;padding:34px 0 0;max-width:680px;width:100%}
#landing .home-calendar-demo{--line:color-mix(in srgb,var(--text) 12%,var(--card));border-radius:20px;transform:none;box-shadow:0 8px 30px #00000008;background:var(--card);border:1px solid var(--line)}
#landing .home-calendar-top{border-bottom:0}
#landing .home-calendar-title h2{font-weight:800}
#landing .preview-logo{font-weight:800;letter-spacing:-.035em;word-spacing:.08em}
#landing .preview-tag{border-radius:2px;font-size:9px;text-transform:uppercase;letter-spacing:.02em}
#landing .home-calendar-demo .home-durations{border-radius:12px;border:0;padding:4px;background:var(--raised)}
#landing .home-calendar-demo .home-durations button{border-radius:8px;border:0;min-height:40px}
#landing .home-calendar-demo .home-durations button[aria-pressed=true]{background:var(--text);color:var(--bg);box-shadow:none}
#landing .home-calendar-days strong{font-weight:700}
#landing .home-calendar-row button[aria-pressed=true]{background:transparent}
#landing .home-calendar-row button[aria-pressed=true]::before{border-radius:8px;background:var(--raised);border:1px solid color-mix(in srgb,var(--text) 18%,var(--card));box-shadow:none}
#landing .home-example-summary{border-radius:2px}
#landing .home-example-goals{margin-top:28px}
#landing .home-example-goals button{border-radius:999px;font-size:10px}
#landing .home-scene-note{position:static;margin-top:20px;font-size:10px;text-align:left}
#landing .home-manifesto{padding:45px 65px 45px 0;grid-template-columns:1fr 2fr}
#landing .home-manifesto-copy{font-size:clamp(26px,3.7vw,54px);font-weight:700;line-height:1.18;letter-spacing:-.055em}
#landing .home-how,#landing .home-inside,#landing .home-pricing{padding-top:120px}
#landing .home-section-heading{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px 8%;margin-bottom:48px}
#landing .home-section-heading h2{font-size:clamp(40px,5.5vw,84px);line-height:1.04;letter-spacing:-.065em;font-weight:800}
#landing .home-section-heading>p:last-child:not(.home-eyebrow){font-size:13px;max-width:300px}
#landing .home-steps{gap:28px}
#landing .home-step{padding:25px 0;border-top:1px solid var(--text)}
#landing .home-step-number{font-size:65px;line-height:1;font-weight:800;letter-spacing:-.065em;color:var(--text);margin-bottom:35px}
#landing .home-step h3{font-size:23px;font-weight:800}
#landing .home-step p{font-size:12px;line-height:1.8;max-width:320px}
#landing .home-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:0}
#landing .home-feature{display:flex;flex-direction:column;gap:0;border-radius:16px;padding:28px;background:var(--raised);border:1px solid var(--line);overflow:hidden}
#landing .home-feature-index{font:10px/1.5 monospace;color:var(--text)}
#landing .home-feature-art{height:230px;min-height:230px;border:0;border-bottom:1px solid var(--line);border-radius:0;margin:15px 0 25px;padding:20px 0;position:relative;background:none;max-width:none}
#landing .home-feature-art{display:grid;place-items:center}
#landing .era-feature-image{width:100%;height:100%;max-width:350px;max-height:210px;object-fit:contain;display:block}
#landing .home-feature:nth-child(2){background:var(--text);color:var(--bg)}
#landing .home-feature:nth-child(2) p,#landing .home-feature:nth-child(2) .home-feature-foot,#landing .home-feature:nth-child(2) .home-feature-index{color:inherit;opacity:.7}
#landing .home-feature:nth-child(2) .home-feature-art{border-color:color-mix(in srgb,var(--bg) 25%,transparent)}
#landing .home-feature h3{font-size:25px;line-height:1.15;font-weight:800;max-width:260px;margin:0 0 16px}
#landing .home-feature p{font-size:12px;line-height:1.9;margin:0 0 25px}
#landing .home-feature-foot{font-size:9px;letter-spacing:.025em;text-transform:uppercase;border:0;margin-top:auto}
#landing .home-week{gap:5px;transform:rotate(-10deg);padding:22px 18px;background:var(--card);border:1px solid var(--line);box-shadow:9px 9px 0 var(--bg)}
#landing .home-week i{width:24px;height:66px;border-radius:1px}
#landing .home-week .on{background:var(--text)}
#landing .home-week .today{height:100px;background:var(--text);border-radius:1px}
#landing .home-people-glyph{gap:0;transform:rotate(10deg)}
#landing .home-people-glyph span{width:102px;height:125px;border-radius:4px;background:var(--bg);color:var(--text);border:1px solid var(--text);box-shadow:5px 5px 0 color-mix(in srgb,var(--bg) 35%,transparent)}
#landing .home-people-glyph span:last-child{margin-left:-15px;transform:translateY(25px) rotate(-18deg)}
#landing .home-people-glyph svg{width:56px;height:56px}
#landing .home-rhythm-glyph{width:148px;height:148px;border-radius:50%;border:1px solid var(--text);background:var(--text);color:var(--bg);box-shadow:10px 10px 0 var(--card)}
#landing .home-rhythm-glyph svg{width:100px;height:100px;stroke-width:1}
#landing .home-price-grid{gap:24px}
#landing .home-price-card{border-radius:16px;padding:38px;border-color:var(--line);background:transparent}
#landing .home-price-card.home-plus{background:var(--raised)}
#landing .home-price-head h3{font-size:28px;font-weight:800}
#landing .home-price-tag{border-radius:2px;font:9px/1.5 monospace;padding:5px 8px}
#landing .home-price{font-size:95px;font-weight:800;letter-spacing:-.07em}
#landing .home-price small{font-size:11px;font-weight:400;letter-spacing:0}
#landing .home-price-card p,#landing .home-price-card li{font-size:12px}
#landing .home-price-card .home-cta{min-height:54px}
#landing .home-pricing-note{font-size:11px}
#landing .home-faq{padding-top:120px;gap:8%;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
#landing .home-faq .home-section-heading h2{font-size:clamp(40px,4.6vw,68px)}
#landing .home-faq summary{font-size:15px;font-weight:600;padding:22px 40px 22px 0}
#landing .home-faq-answer p{font-size:12px;line-height:1.85}
#landing .home-closing{padding:100px 0 80px;margin-top:100px;overflow:hidden;border-top:1px solid var(--line)}
#landing .home-closing h2{font-size:clamp(56px,8.5vw,132px);font-weight:800;line-height:1;letter-spacing:-.075em}
#landing .home-closing-mark{opacity:.09;transform:rotate(-12deg)}
#landing .home-closing-mark i:first-child{width:68%;height:86%}
#landing .home-closing-mark i:last-child{width:67%;height:84%}
.home-footer{width:calc(100% - 80px);max-width:1600px;padding-top:30px;margin-bottom:25px}
.home-footer>.brand{font-size:28px}
.home-footer>span{font-size:10px}
/* Workspace: the same type, monochrome surfaces, and precise straight edges. */
body.is-workspace .header{border-bottom:1px solid var(--line)}
body.is-workspace .workspace-nav>a{border-radius:12px;font-weight:600;font-size:12px}
body.is-workspace .workspace-heading h1{font-weight:800;letter-spacing:-.065em}
body.is-workspace .panel,.desk-start,.desk-next,.desk-calendar,.desk-tasks,.desk-friends,.desk-history,.desk-companion{border-radius:16px;box-shadow:none}
body.is-workspace .panel-title h2,.desk-start h2,.desk-calendar-toolbar h2{font-weight:800}
.desk-start{background:var(--text);color:var(--bg);border-color:var(--text)}
.desk-start .eyebrow,.desk-start p,.desk-start .text-link{color:inherit;opacity:.7}
.desk-start .button{background:var(--bg);color:var(--text);border-color:var(--bg);border-radius:999px}
.desk-settings .desk-durations button{border-radius:10px}
.desk-calendar{--line:color-mix(in srgb,var(--text) 12%,var(--card));border-radius:20px;box-shadow:0 8px 30px #00000008}
.desk-calendar-nav button,.desk-day>strong,.desk-task{border-radius:8px}
.desk-event{border-radius:10px;background:var(--raised);border-color:color-mix(in srgb,var(--text) 18%,var(--card));box-shadow:none}
.desk-event:hover{box-shadow:none;border-color:var(--quiet)}
.desk-calendar-toolbar{background:var(--card)}
.desk-slot:not(:disabled):hover{background:var(--raised)}
.desk-durations [aria-pressed=true]{box-shadow:none}
.plan-card,.profile-card,.friend-card,.group-card,.people-card,.rhythm-card,.support-card{border-radius:6px}
.meet-tile,.meet-side,.match-expand{border-radius:6px}
.meet-controls button,.meet-segments button,.meet-side-tabs button{border-radius:999px}
.meet-header .brand{font-weight:800}
.meet-top h1{font-weight:800}
/* The early-access gate retains its auth flow and adopts the shared appearance. */
.launch-page{font-family:Manrope,Arial,sans-serif;background:var(--bg);color:var(--text)}
.era-wall-header{position:absolute;top:30px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center}
.era-wall-header .brand{font-size:28px;text-decoration:none;color:var(--text)}
.era-wall-header .icon-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;color:var(--text);background:transparent;font-size:24px;cursor:pointer}
.launch-page .wall-centre{width:min(1000px,100%)}
.era-wall-kicker{font:10px/1.4 monospace;color:var(--quiet);letter-spacing:.1em}
.launch-page .era-wall-title{font-size:clamp(80px,14vw,190px);line-height:.85;letter-spacing:-.075em;font-weight:800;margin:30px auto;position:relative;width:fit-content}
.era-wall-title>span{position:absolute;right:-.75em;bottom:0;font-size:.5em;font-weight:400}
.launch-page .wall-dots{min-height:50px;gap:12px}
.launch-page .wall-dots i{background:var(--text);width:8px;height:8px;border-radius:0}
.launch-page #wall-copy,.launch-page .wall-signature{color:var(--quiet)}
.launch-page .access-button{color:var(--text);border:1px solid var(--line);border-radius:999px;padding:14px 22px;background:var(--bg);font-size:11px}
.launch-page dialog{background:var(--card);color:var(--text);border-color:var(--line);border-radius:16px}
.launch-page input{background:var(--raised);color:var(--text);border-color:var(--line);border-radius:4px}
.launch-page form button{background:var(--button);color:var(--ink);border-radius:999px}
.launch-page #telegram,.launch-page .close{color:var(--text);background:var(--raised);border-color:var(--line)}
.launch-page label,.launch-page .eyebrow,.launch-page .access-copy,.launch-page #access-message{color:var(--quiet)}
.launch-page #telegram-link{color:var(--text)}
.launch-page .quiet{color:var(--quiet)!important}
.launch-page .wall-countdown em,.launch-page .wall-countdown span{color:var(--quiet)}
/* One motion preference controls illustrations, transitions, reveals and FAQ. */
.motion-switch{width:54px;height:32px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--raised);display:flex;align-items:center;flex:none;cursor:pointer;transition:background .2s,border-color .2s}
.motion-switch>span{display:block;width:22px;height:22px;border-radius:50%;background:var(--quiet);transition:transform .22s cubic-bezier(.2,.7,.3,1),background .2s}
.motion-switch[aria-checked=true]{background:var(--text);border-color:var(--text)}
.motion-switch[aria-checked=true]>span{background:var(--bg);transform:translateX(22px)}
.motion-setting p{max-width:440px}
:root[data-animations=on] #landing .reveal.is-seen{animation:eraEnter .65s cubic-bezier(.22,.7,.25,1) both}
:root[data-animations=on] .era-object-scene img{animation:eraHeroFloat 7s ease-in-out infinite}
:root[data-animations=on] #landing .era-feature-image{animation:eraObjectFloat 6s ease-in-out infinite}
:root[data-animations=on] #landing .home-feature:nth-child(2) .era-feature-image{animation-delay:-2s}
:root[data-animations=on] #landing .home-feature:nth-child(3) .era-feature-image{animation-delay:-4s}
:root[data-animations=on] .motion-reveal.motion-visible{animation:eraEnter .45s cubic-bezier(.22,.7,.25,1) both}
#landing .home-feature{transition:transform .3s cubic-bezier(.2,.7,.3,1),border-color .3s,box-shadow .3s}
#landing .home-cta svg,.workspace-nav>a svg{transition:transform .25s cubic-bezier(.2,.7,.3,1)}
#landing .home-faq summary{transition:color .2s,padding-left .2s}
#landing .home-faq summary::after{transition:transform .25s}
#landing .home-faq details[open] summary::after{transform:rotate(45deg)}
:root[data-animations=on] #landing .home-faq details[open] .home-faq-answer{animation:eraAnswer .25s ease both}
@media(hover:hover){
 :root[data-animations=on] #landing .home-feature:hover{transform:translateY(-5px);border-color:var(--quiet);box-shadow:0 12px 32px #0000000a}
 :root[data-animations=on] #landing .home-cta:hover svg{transform:translate(2px,-2px)}
 :root[data-animations=on] .workspace-nav>a:hover svg{transform:translateY(-2px)}
 :root[data-animations=on] #landing .home-faq summary:hover{padding-left:8px}
}
@keyframes eraEnter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes eraAnswer{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@keyframes eraHeroFloat{0%,100%{transform:translate(-12px,0) rotate(-6deg)}50%{transform:translate(-12px,-9px) rotate(-6deg)}}
@keyframes eraObjectFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
:root[data-animations=off]{scroll-behavior:auto!important}
:root[data-animations=off] *,:root[data-animations=off] *::before,:root[data-animations=off] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
:root[data-animations=off] .reveal,:root[data-animations=off] .motion-reveal{opacity:1!important}
:root[data-animations=off] .button:hover{transform:none}
.button:not(.secondary):not(.small):not(.danger-action),.launch-page form button[type=submit]{position:relative;isolation:isolate;overflow:hidden}
.button:not(.secondary):not(.small):not(.danger-action)>*{position:relative;z-index:1}
:root[data-animations=on] .button:not(.secondary):not(.small):not(.danger-action):not(:disabled)::before,
:root[data-animations=on] .launch-page form button[type=submit]:not(:disabled)::before{content:'';position:absolute;inset:0 auto 0 -70%;width:65%;pointer-events:none;z-index:0;background:linear-gradient(110deg,transparent 10%,#80808010 32%,#ffffff99 48%,#ffffff33 62%,transparent 85%);transform:translateX(0);animation:eraButtonShine 5.5s ease-in-out infinite}
@keyframes eraButtonShine{0%,68%{transform:translateX(0)}86%,100%{transform:translateX(270%)}}
:root[data-animations=off] .reveal,:root[data-animations=off] .motion-reveal{transform:none!important}
@media(min-width:1700px){.era-object-scene{height:640px}}
@media(max-width:1100px){
 body.is-landing .header,#landing .section,.home-footer{width:calc(100% - 48px)}
 body.is-landing .landing-nav{gap:20px;font-size:10px}
 #landing .home-hero h1{font-size:clamp(58px,7.7vw,85px)}
 .era-object-scene{height:470px}.era-object-scene img{width:106%}
 #landing .home-lead{font-size:12px;max-width:290px}
 #landing .home-hero-actions{gap:12px}#landing .home-hero .home-cta{min-width:185px;padding:13px 20px}
 #landing .home-scroll-link{font-size:10px}
 #landing .era-demo{gap:7%;padding:80px 0}
 #landing .home-feature{padding:22px}#landing .home-feature-art{height:200px;min-height:200px}
 #landing .home-week i{width:16px}
 #landing .home-price-card{padding:28px}
 #landing .home-price-tag{font-size:8px}
}
@media(max-width:760px){
 body.is-landing .header{width:calc(100% - 32px);height:78px;gap:15px}
 body.is-landing .header .brand{font-size:25px}
 body.is-landing .landing-nav{display:none}
 body.is-landing .header-actions{gap:5px}
 body.is-landing .header-actions .button{display:none}
 #landing .section,.home-footer{width:calc(100% - 32px)}
 #landing .home-hero{grid-template-columns:minmax(0,1fr);padding:25px 0 0}
 #landing .hero-copy{padding:0}
 #landing .home-hero h1{font-size:clamp(60px,12.8vw,96px);line-height:.98;margin-top:22px}
 #landing .home-lead{max-width:380px;font-size:12px;margin-top:23px}
 #landing .home-hero-actions{gap:20px;margin-top:22px}
 #landing .home-hero .home-cta{min-height:52px;min-width:205px;font-size:12px}
 #landing .home-scroll-link{font-size:11px}
 .era-object-scene{height:350px;width:100%;max-width:600px;margin:32px auto 0}
 .era-object-scene img{width:102%;transform:rotate(-5deg)}
 :root[data-animations=on] .era-object-scene img{animation-name:eraMobileFloat}
 .era-object-label{right:0;top:0;font-size:8px}
 .era-selection{left:10%;right:6%;top:13%;bottom:14%}
 .era-object-sticker{font-size:8px;bottom:5px;left:8%;padding:8px 12px}
 .era-pointer{font-size:30px;right:3%;bottom:17%}
 .era-pointer span{font-size:8px;padding:5px 7px}
 .era-wordmark{font-size:18vw;margin-top:27px;line-height:1.15;padding-bottom:22px;letter-spacing:-.08em}
 .era-wordmark>span{margin-left:6px;top:16%;font-size:.18em}
 #landing .era-demo{grid-template-columns:minmax(0,1fr);gap:24px;padding:60px 0}
 .era-demo-copy h2{font-size:48px;margin-top:20px}
 .era-demo-copy>p:not(.home-eyebrow){max-width:340px;margin-top:20px;font-size:12px}
 .era-demo-doodle{display:none}
 #landing .era-demo .home-calendar-scene{max-width:100%;padding:35px 4px 0}
 #landing .home-calendar-demo{transform:none;box-shadow:none;border-radius:20px}
 #landing .home-example-goals{gap:5px;margin-top:20px}
 #landing .home-example-goals button{font-size:9px;padding:8px 10px}
 #landing .home-manifesto{display:block;padding:30px 35px 30px 0}
 #landing .home-manifesto-copy{font-size:30px;margin-top:20px}
 #landing .home-manifesto>svg{top:30px;width:25px;height:25px}
 #landing .home-how,#landing .home-inside,#landing .home-pricing{padding-top:75px}
 #landing .home-section-heading{grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:30px}
 #landing .home-section-heading h2{font-size:clamp(39px,8vw,58px)}
 #landing .home-section-heading>p:last-child:not(.home-eyebrow){font-size:12px;max-width:360px}
 #landing .home-steps{grid-template-columns:minmax(0,1fr);gap:8px}
 #landing .home-step{display:grid;grid-template-columns:60px minmax(0,1fr);gap:20px;padding:25px 0}
 #landing .home-step-number{font-size:45px;margin:0}
 #landing .home-step h3{font-size:23px}#landing .home-step p{margin-top:12px}
 #landing .home-feature-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 #landing .home-feature{padding:25px}#landing .home-feature-art{height:220px;min-height:220px}
 #landing .home-week i{width:24px}
 #landing .home-feature h3{max-width:100%;font-size:29px}
 #landing .home-price-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 #landing .home-price-card{padding:28px 24px}#landing .home-price-head h3{font-size:26px}
 #landing .home-price{font-size:90px}#landing .home-price small{font-size:10px}
 #landing .home-faq{padding-top:75px;display:block}
 #landing .home-faq .home-section-heading h2{font-size:46px}
 #landing .home-faq summary{font-size:14px;padding:21px 30px 21px 0}
 #landing .home-closing{margin-top:60px;padding:55px 0}
 #landing .home-closing h2{font-size:clamp(49px,10.5vw,78px);line-height:1.03}
 #landing .home-closing-mark{width:52px;height:62px;right:4px;top:24px;bottom:auto;transform:none;opacity:.16}
 #landing .home-closing>.home-eyebrow{max-width:calc(100% - 72px)}
 .home-footer{gap:18px;padding-top:25px}.home-footer>.brand{font-size:25px}
 .era-wall-header{left:20px;right:20px;top:20px}
 .launch-page .era-wall-title{font-size:clamp(85px,19vw,135px)}
 .era-wall-title>span{right:-.45em;font-size:.35em}
 .launch-page .access-button{right:20px}
}
@keyframes eraMobileFloat{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-7px)}}
@media(max-width:370px){
 #landing .home-hero h1{font-size:12.4vw}
 #landing .home-hero-actions{gap:13px}
 #landing .home-hero .home-cta{min-width:175px;padding:12px 17px}
 #landing .home-scroll-link{font-size:10px}
 .era-object-scene{height:290px}
 #landing .home-price-head{gap:10px}#landing .home-price-head h3{font-size:23px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.era-object-scene img{animation:none}}
/* Shared sculptural imagery and polished company workspace. */
:root{--rhythm:var(--text);--rhythm-ink:var(--bg);--rhythm-soft:var(--raised)}
.generated-orbit{display:grid!important;place-items:center!important;border:0!important;background:transparent!important;isolation:isolate}
.generated-orbit img{width:100%;height:100%;object-fit:contain;display:block;animation:eraFeatureFloat 7s ease-in-out infinite}
.pilot-orbit.generated-orbit{height:320px;width:100%;margin:0}
.pilot-orbit.generated-orbit::before,.pilot-orbit.generated-orbit::after{display:none}
.match-orbit.generated-orbit{height:180px;width:220px;margin:14px 0}
.solo-orbit.generated-orbit{height:110px;width:150px;margin:0 auto}
.prime-avatar{position:relative;isolation:isolate;border-radius:18px;background:var(--raised);overflow:visible}
.prime-avatar .generated-avatar{height:100%;width:100%;object-fit:contain;padding:4px;display:block}
.avatar-initial{position:absolute;right:-4px;bottom:-4px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--text);color:var(--bg);border:2px solid var(--card);font-size:11px;font-weight:800;line-height:1;z-index:1}
.prime-avatar.small .avatar-initial{width:19px;height:19px;font-size:8px;right:-3px;bottom:-3px}
.rhythm-emblem{background:none!important;border:0!important;width:100px;height:90px;border-radius:0}
.rhythm-emblem img{width:100%;height:100%;object-fit:contain;animation:eraFeatureFloat 7s ease-in-out infinite}
.rhythm-week>span.active i{background:var(--text);color:var(--bg);border-color:var(--text)}
.rhythm-panel,.person-card,.circle-card,.achievement,.author-pilot,.author-event,.pet-home,.meet-tile,.meet-side{border-radius:20px}
.person-card{background:var(--card);box-shadow:none;padding:26px}
.person-card-head h3{font-weight:800;letter-spacing:-.04em}
.person-actions .icon-button{display:grid;place-items:center;width:42px;height:42px;border-radius:50%}
.person-card-foot{min-height:44px}.person-card .button{font-size:12px;padding:12px 20px}
.rhythm-panel{background:var(--card)}.rhythm-number{font-weight:800;letter-spacing:-.06em}.rhythm-number span{letter-spacing:0}
.achievement-grid .achievement{background:var(--raised);box-shadow:none;transition:transform .25s,border-color .25s}
.achievement-grid .achievement:hover{transform:translateY(-3px)}
body.is-workspace .panel h2,body.is-workspace .panel h3{letter-spacing:-.04em}
body.is-workspace .workspace-main{min-width:0}
.team-intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:36px;align-items:center}
.team-art{width:100%;height:270px;object-fit:contain;animation:eraFeatureFloat 7s ease-in-out infinite}
.team-intro h2{font-size:clamp(28px,3.5vw,46px);white-space:pre-line;line-height:1.05;margin:20px 0}
.team-intro p,.team-join p{color:var(--quiet);font-size:13px;line-height:1.85;max-width:600px}
.team-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}
.team-card{display:block;text-decoration:none;color:var(--text);transition:transform .25s,border-color .25s;overflow-wrap:anywhere}
.team-card:hover{transform:translateY(-4px);border-color:var(--quiet)}.team-card h2{margin:22px 0;font-size:32px}.team-card p{color:var(--quiet);margin:0 0 25px}
.team-heading-actions,.team-event-actions,.team-member-actions,.team-footer-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.team-heading-actions .button{font-size:12px}.team-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.team-metrics>div{border-top:1px solid var(--line);padding:20px 0;display:grid;gap:10px}.team-metrics b{font-size:48px;line-height:1;letter-spacing:-.06em}.team-metrics span{color:var(--quiet);font-size:12px}
.team-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 30px}.team-tabs button{border-radius:999px;border:1px solid var(--line);padding:12px 20px;font-size:13px;transition:background .25s,color .25s}
.team-tabs button[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}
.team-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.team-column{background:var(--raised);border:1px solid var(--line);padding:20px;border-radius:20px;min-width:0}
.team-column>h2{font-size:15px;font-weight:700;display:flex;justify-content:space-between;gap:15px;margin:0 0 24px}
.team-column>h2 span{color:var(--quiet)}.team-task{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;margin:12px 0;overflow-wrap:anywhere;animation:eraPanelEnter .25s ease both}
.team-task h3{font-size:16px;line-height:1.4;margin:0 0 18px}.team-task p,.team-task time{font-size:11px;color:var(--quiet);margin:8px 0;display:block}
.team-task select,.team-member select{background:var(--raised);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px;width:100%;font:inherit;font-size:11px}
.team-task-status{display:block;margin-top:18px}.team-task .text-link{font-size:10px;margin-top:16px}.team-event{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid var(--line);padding:24px 0}
.team-event h3{font-size:21px;margin:12px 0}.team-event time,.team-event p{color:var(--quiet);font-size:12px}.team-event-actions .button,.team-member-actions .button,.team-footer-actions .button{font-size:11px;padding:11px 18px}
.team-empty{display:grid;justify-items:center;text-align:center;padding:30px}.team-empty img{height:150px;max-width:100%;object-fit:contain}.team-empty p{color:var(--quiet);font-size:13px}
.team-member{display:flex;align-items:center;gap:20px;padding:24px 0;border-top:1px solid var(--line)}.team-member>div:nth-child(2){flex:1;min-width:0}.team-member h3{font-size:18px;overflow-wrap:anywhere}.team-member p{font-size:11px;color:var(--quiet);margin:6px 0}
.team-footer-actions{border-top:1px solid var(--line);padding-top:24px;margin-top:20px}.team-participants{display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:12px;max-height:260px;overflow:auto}.team-participants legend{font-size:12px;padding:0 8px}
.team-join{text-align:center;max-width:750px;margin:auto}.team-join .team-art{height:230px}.team-join h1{font-size:42px;line-height:1.1;letter-spacing:-.065em}.team-join p{margin:25px auto}.team-join>.button{margin:auto}
.meet-grid.team-meeting{grid-template-columns:repeat(3,minmax(0,1fr));min-height:0}.meet-grid.team-meeting .meet-tile{aspect-ratio:4/3}
@media(max-width:1000px){.team-board{gap:10px}.team-column{padding:14px}.team-task{padding:14px}.team-member{gap:14px}.team-member-actions{max-width:170px}.meet-grid.team-meeting{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.team-intro,.team-list,.team-board{grid-template-columns:1fr}.team-intro{gap:10px}.team-art{height:220px}.team-metrics{gap:10px}.team-metrics b{font-size:36px}.team-metrics span{font-size:10px}.team-event{align-items:start;flex-direction:column}.team-member{flex-wrap:wrap}.team-member-actions{max-width:none;width:100%;padding-left:56px}.team-heading-actions{margin-top:16px}.team-tabs button{font-size:11px;padding:11px 14px}.pilot-orbit.generated-orbit{height:230px}.rhythm-emblem{width:70px;height:70px}.person-card{padding:22px}.team-join h1{font-size:32px}}
#landing .home-companies{padding-top:110px}.home-company-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:35px;background:var(--raised);border:1px solid var(--line);border-radius:20px}.home-company-content>img{width:100%;height:330px;object-fit:contain;animation:eraFeatureFloat 7s ease-in-out infinite}.home-company-content h3{font-size:clamp(32px,4vw,58px);line-height:1.05;letter-spacing:-.055em;white-space:pre-line}.home-company-content p{font-size:13px;line-height:1.85;color:var(--quiet);margin:25px 0}.home-company-content small{display:block;font-size:10px;color:var(--quiet);margin-top:20px}.portrait-chrome{filter:brightness(.8) contrast(1.35)}.portrait-porcelain{filter:brightness(1.2) saturate(0)}@media(max-width:650px){#landing .home-companies{padding-top:70px}.home-company-content{grid-template-columns:1fr;gap:15px;padding:24px}.home-company-content>img{height:230px}}

@media(max-width:650px){body.is-workspace .workspace-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:6px}body.is-workspace .workspace-nav>a{justify-content:center;flex-direction:row;padding:11px 5px;font-size:11px;min-width:0;gap:6px}body.is-workspace .workspace-nav>a svg{width:16px;height:16px}}