/* RITUAL DESIGN STUDIO — 5 complete visual directions / 9 sample screens */
:root{color-scheme:dark;--studio:#101a16;--studio2:#18251e;--paper:#eae8e0;--cream:#f4efe6;--ink:#18221d;--line:rgba(241,241,226,.14);--gold:#e59b74;--serif:Georgia,'Times New Roman',serif;--sans:'Avenir Next',Avenir,'Helvetica Neue',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--studio);color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #f2af88;outline-offset:3px}button,button:hover,button:active{-webkit-tap-highlight-color:transparent}button{border:0}img,svg{max-width:100%}button svg{flex:none}.ico{display:inline-block;vertical-align:middle}.site-shell{overflow:hidden;min-height:100vh}.site-header{height:90px;max-width:1660px;margin:auto;padding:0 clamp(22px,4vw,70px);display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line)}.site-brand{display:flex;align-items:center;gap:13px}.site-brand img{width:43px;height:43px}.site-brand>div{display:flex;flex-direction:column;gap:5px}.site-brand strong{font-weight:500;letter-spacing:.33em;font-size:18px}.site-brand span{font-size:8px;letter-spacing:.34em;color:#a3aea6}.header-right{display:flex;align-items:center;gap:24px}.studio-version{font-size:10px;letter-spacing:.18em;color:#80938a}.share-btn{display:flex;align-items:center;gap:10px;background:transparent;color:#efebe3;border:1px solid rgba(239,235,227,.25);border-radius:24px;padding:12px 18px;font-size:12px}.share-btn:hover,.ghost-action:hover{border-color:#d6a181;background:rgba(255,255,255,.06)}
.hero-section{position:relative;max-width:1600px;margin:auto;padding:72px clamp(24px,6vw,94px) 56px;background:radial-gradient(ellipse at 85% 8%,#283b2e 0%,transparent 47%)}.hero-section:after{content:'';pointer-events:none;position:absolute;right:-125px;top:0;width:430px;height:430px;border:1px solid rgba(232,144,109,.15);border-radius:50%;box-shadow:0 0 0 100px rgba(232,144,109,.025),0 0 0 200px rgba(232,144,109,.02)}.hero-overline,.overline,.section-counter,.notes-eyebrow,.micro-title{font-size:10px;letter-spacing:.27em;font-weight:600}.hero-overline{display:flex;align-items:center;gap:11px;color:#aabaad}.status-dot{width:7px;height:7px;background:#eaa17d;border-radius:50%;box-shadow:0 0 0 5px rgba(233,157,121,.11)}.hero-section h1{font-family:var(--serif);font-size:clamp(42px,6.4vw,94px);line-height:1.04;letter-spacing:-.055em;font-weight:400;margin:25px 0 24px;position:relative;z-index:1}.hero-section h1 em{color:#abbdac;font-weight:400}.hero-section>p{max-width:595px;line-height:1.7;color:#a9b5ab;font-size:15px;margin:0 0 36px}.concept-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;position:relative;z-index:1}.concept-tab{min-height:90px;text-align:left;border:1px solid #34423b;background:#1c2a23;color:#c9d0c7;border-radius:4px;padding:16px 14px 13px;display:grid;grid-template-rows:auto auto auto;position:relative;transition:background .2s,border-color .2s,transform .2s}.concept-tab:hover{transform:translateY(-2px);border-color:#889c8c}.concept-tab.active{background:#edf0e8;border-color:#edf0e8;color:#16271f}.concept-index{font-size:10px;letter-spacing:.22em;color:#e39470}.concept-name{font-family:var(--serif);font-size:20px;line-height:1.35}.concept-tab small{font-size:10px;letter-spacing:.035em;opacity:.61}.concept-fav{position:absolute;right:12px;top:12px;color:#e69a71}.workspace{padding:54px clamp(18px,4vw,60px) 90px;background:#e8e8df;color:#18241d}.workspace-head,.tool-strip,.workspace-stage{max-width:1540px;margin-left:auto;margin-right:auto}.workspace-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:24px}.workspace-head .overline{color:#728274}.workspace-head h2{font-family:var(--serif);font-size:clamp(30px,3.2vw,49px);letter-spacing:-.045em;font-weight:400;margin:9px 0 0}.app-data{font-size:10px;letter-spacing:.14em;color:#84948b;display:flex;align-items:center;gap:7px;white-space:nowrap}.app-data svg{fill:#9eb18f}.tool-strip{border:1px solid #d2d5cb;background:#f4f4ed;min-height:62px;border-radius:13px 13px 0 0;display:flex;align-items:stretch;justify-content:space-between;gap:12px;padding:8px}.screen-tabs{display:flex;align-items:stretch;gap:2px;overflow-x:auto;scrollbar-width:none}.screen-tabs::-webkit-scrollbar{display:none}.screen-tab{border:1px solid transparent;white-space:nowrap;background:transparent;color:#737b71;border-radius:8px;display:flex;gap:6px;align-items:center;padding:10px 12px;font-size:12px;transition:.2s}.screen-tab.active{color:#fff;background:#263b30;border-color:#263b30}.screen-tab:hover:not(.active){background:#e2e8de;color:#182a21}.mode-switch{display:flex;align-items:stretch;gap:4px;flex:none;border-left:1px solid #d3d7cc;padding-left:8px}.mode-switch button{font-size:11px;display:flex;align-items:center;justify-content:center;gap:7px;color:#747e73;padding:8px 12px;background:transparent;border-radius:8px;white-space:nowrap}.mode-switch button.selected{background:#dce6da;color:#1d392a}.mode-switch button:hover{color:#14281b}.workspace-stage{min-height:775px;background:#eeefe9;border:1px solid #d2d5cb;border-top:0;border-radius:0 0 14px 14px;overflow:hidden}
/* DESKTOP MAIN SINGLE VIEW */
.focus-layout{display:grid;grid-template-columns:minmax(225px,1fr) minmax(340px,440px) minmax(245px,1fr);gap:clamp(12px,2.8vw,50px);align-items:center;padding:54px clamp(24px,3.4vw,68px) 62px;min-height:848px;background:radial-gradient(circle at 50% 40%,#f8f6ee,#e7eae1 55%,#e2e7dc 100%)}.focus-story{align-self:center}.section-counter{color:#97a399}.focus-story h2{font-size:17px;font-weight:600;letter-spacing:.01em;margin:30px 0 33px}.focus-story h2 span{display:block;text-transform:uppercase;letter-spacing:.23em;font-size:9px;color:#859384;font-weight:500;margin-top:7px}.focus-story h3{font:400 clamp(30px,3.4vw,54px)/1.08 var(--serif);letter-spacing:-.052em;margin:0 0 16px;max-width:340px}.focus-story>p{font-size:14px;line-height:1.7;color:#617066;max-width:320px}.story-flourish{display:flex;align-items:center;gap:12px;color:#8f9a90;font-size:10px;letter-spacing:.2em;margin:44px 0}.story-flourish i{height:1px;width:50px;background:#8f9a90}.focus-guide{max-width:295px;border-top:1px solid #cbd2c9;padding-top:20px}.focus-guide p{font-size:12px;line-height:1.65;color:#6b796e}.focus-guide button{display:flex;gap:8px;align-items:center;background:transparent;padding:7px 0;color:#254032;font-weight:600;font-size:11px}.focus-phone-wrap{min-height:765px;display:flex;align-items:center;justify-content:center;position:relative}.phone-halo{position:absolute;width:440px;height:630px;border-radius:48%;background:radial-gradient(ellipse,#d6dfd1 0%,transparent 72%);filter:blur(10px);pointer-events:none}.phone-halo.halo-yah{background:radial-gradient(ellipse,#dfd1b7,transparent 72%)}.phone-halo.halo-astral{background:radial-gradient(ellipse,#b4b9c3,transparent 72%)}.phone-halo.halo-pulse{background:radial-gradient(ellipse,#d6dfe1,transparent 72%)}.theme-notes{align-self:center;max-width:310px;padding:25px 0 23px 27px;border-left:1px solid #cbd2c9}.notes-eyebrow{color:#799184;display:flex;gap:12px;justify-content:space-between}.notes-eyebrow span{color:#a0a8a2}.theme-notes h2{font:400 35px/1.12 var(--serif);letter-spacing:-.045em;margin:27px 0 11px}.theme-notes>p{font-size:13px;line-height:1.72;color:#68786c;margin:0 0 23px}.micro-title{font-size:9px;letter-spacing:.2em;color:#99a79b;margin:20px 0 11px}.key-chips{display:flex;gap:6px;flex-wrap:wrap}.tiny-pill{border:1px solid var(--border,#d9dfd5);border-radius:30px;padding:5px 8px;display:inline-flex;align-items:center;font-size:10px;white-space:nowrap}.key-chips .tiny-pill{font-size:10px;color:#4d5b4f;border-color:#c7d0c7;background:#e8ece6}.palette{display:flex;gap:8px}.palette span{width:25px;height:25px;border-radius:50%;border:2px solid #f6f5ef;box-shadow:0 0 0 1px #d0d7cc}.note-row{display:grid;gap:6px;border-bottom:1px solid #d3dacf;padding:12px 0}.note-row small{letter-spacing:.19em;color:#8e9b91;font-size:9px}.note-row strong{font-size:12px;font-weight:600;color:#37483c}.recommend-row{font-size:12px;color:#6d8a72;line-height:1.5;margin:23px 0}.next-theme{background:#273b30;color:#fff;border-radius:7px;padding:12px 14px;display:flex;align-items:center;gap:13px;font-size:12px}.next-theme:hover{background:#3d5946}
/* PHONE HARDWARE */
.phone-device{--bg:#15251f;--fg:#f2efe8;--muted:#a4b3a7;--surface:#203229;--card:#1d3027;--border:rgba(237,237,221,.16);--accent:#e59675;--orange:#e59675;--green:#aec295;--blue:#96c1d3;--dark:#0b1712;--shadow:rgba(0,0,0,.16);position:relative;isolation:isolate;background:#080f0e;border:7px solid #1b2523;width:360px;height:760px;border-radius:48px;padding:4px;box-shadow:0 0 0 1px #64736c,0 24px 60px #0004,0 2px 4px #fff2 inset;flex-shrink:0;overflow:hidden;color:var(--fg);font-size:13px;line-height:1.4;--gap:15px}.phone-device *{box-sizing:border-box}.phone-device button{color:inherit}.phone-device .ico{max-width:none}.phone-island{position:absolute;top:10px;left:50%;transform:translateX(-50%);height:22px;width:102px;background:#080e0c;border-radius:0 0 18px 18px;z-index:10;pointer-events:none}.phone-inner{height:100%;width:100%;overflow:hidden;border-radius:37px;background:var(--bg);display:flex;flex-direction:column;position:relative}.phone-status{height:28px;padding:9px 25px 1px;color:var(--fg);font-size:11px;font-weight:700;letter-spacing:.03em;display:flex;justify-content:space-between;align-items:center;flex:none}.status-icons{display:flex;align-items:center;gap:4px;font-size:9px;letter-spacing:-1px}.battery{border:1px solid currentColor;border-radius:3px;font-size:8px;line-height:11px;padding:0 3px;letter-spacing:0}.phone-head{height:71px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:8px 18px 10px;border-bottom:1px solid var(--border);z-index:2;background:var(--bg)}.circle-hit{background:none;display:grid;place-items:center;border-radius:50%;height:33px;width:33px;opacity:.8}.circle-hit:hover{background:var(--surface)}.brand-lockup{display:flex;flex-direction:column;align-items:center;gap:3px}.brand-lockup>img{object-fit:contain;height:27px;width:27px}.brand-lockup .brand-words{display:flex;flex-direction:column;align-items:center;gap:1px}.brand-name{font-size:12px;letter-spacing:.39em;font-weight:500;margin-left:.39em;line-height:1.1}.brand-words small{font-size:5px;letter-spacing:.17em;color:var(--muted)}.brand-words i{font-style:normal;color:var(--accent)}.phone-body{min-height:0;flex:1;overflow:auto;scrollbar-width:none;overscroll-behavior:contain}.phone-body::-webkit-scrollbar{display:none}.phone-tabbar{position:relative;flex:none;height:68px;display:flex;align-items:stretch;justify-content:space-around;padding:5px 8px 6px;background:var(--surface);border-top:1px solid var(--border);z-index:3}.phone-tab{width:52px;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:10px;opacity:.53}.phone-tab.current{color:var(--blue);opacity:1}.phone-tab span{font-size:9px;line-height:1}.phone-tab:hover{opacity:1}.nav-plus{position:absolute;left:50%;top:-22px;transform:translateX(-50%);height:43px;width:43px;background:var(--fg);color:var(--bg)!important;border-radius:50%;display:grid;place-items:center;box-shadow:0 3px 10px #0003;border:3px solid var(--bg)}.phone-tab:nth-child(2){margin-right:13px}.phone-tab:nth-child(3){margin-left:13px}.home-indicator{display:none}.screen-content{padding:17px 17px 26px;min-height:100%;display:flex;flex-direction:column;gap:16px}.screen-content h1,.screen-content h2,.screen-content h3,.screen-content p{margin-top:0}.screen-content h1{font:400 32px/1.1 var(--serif);letter-spacing:-.04em}.screen-content h2{font:400 24px/1.15 var(--serif);letter-spacing:-.035em}.screen-content h3{font:400 19px/1.2 var(--serif)}.screen-content p{color:var(--muted);line-height:1.52;font-size:12px}.screen-content small{font-size:10px;color:var(--muted)}.screen-content button{border:0}.eyebrow-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.micro-label{font-size:8px;letter-spacing:.1em;color:var(--muted);font-weight:600}.micro-label span{color:var(--accent)}.day-pill{font-size:10px;border:1px solid var(--border);border-radius:25px;padding:6px 9px;display:flex;align-items:center;gap:4px;white-space:nowrap}.day-pill svg{color:#e9b963}.today-hero{position:relative;border-radius:18px;min-height:184px;padding:20px 18px;overflow:hidden;background:var(--card);display:flex;flex-direction:column;justify-content:center;isolation:isolate}.today-hero small{font-size:9px;letter-spacing:.15em;color:var(--accent);position:relative;z-index:1}.today-hero h1{font-size:36px;line-height:1.04;margin:8px 0 10px;position:relative;z-index:1}.today-hero p{max-width:260px;margin:0;color:var(--muted);position:relative;z-index:1}.today-hero.orbit{background:radial-gradient(circle at 90% 5%,#263d2d,#0e1915 72%);min-height:198px}.orbit-art{position:absolute;right:-75px;top:-80px;width:260px;height:260px;opacity:.63;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 37px,rgba(232,149,110,.48) 38px,transparent 39px,transparent 63px);border-radius:50%}.orbit-art:before{position:absolute;content:'';width:50px;height:50px;right:94px;top:90px;background:var(--orange);border-radius:50%;box-shadow:0 0 20px #e99a7040}.today-hero.scenic{min-height:270px;margin:-17px -17px 0;border-radius:0;justify-content:flex-end;padding:28px 22px}.photo{background-size:cover;background-position:center}.hero-photo,.atelier-hero-photo,.section-hero-photo,.onboard-image,.profile-photo{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:-2}.hero-shade,.section-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 4%,rgba(19,24,18,.03) 24%,rgba(15,22,18,.86) 100%);z-index:-1}.today-hero.scenic .hero-content h1{font-size:38px;color:#f7f0e6}.today-hero.scenic .hero-content p{color:#ebe6dd}.today-hero.scenic small{color:#f8efe2}.today-hero.atelier-hero{min-height:230px;justify-content:flex-end;padding:24px 18px}.today-hero.atelier-hero h1{font-size:36px;color:#f5eee0}.today-hero.atelier-hero p{color:#f0e8db}.today-hero.atelier-hero small{color:#edb08d}.text-cta{margin-top:12px!important;display:flex;align-items:center;gap:7px;font-size:10px;background:transparent;border:0;color:#ffe8d5!important;padding:0}.today-hero.lightboard{display:grid;grid-template-columns:1fr 83px;align-items:center;min-height:166px;background:#e9eee9}.today-hero.lightboard h1{font:600 30px/1.08 var(--sans)}.today-hero.lightboard p{color:#677970}.score-widget{width:76px;height:76px;border-radius:50%;border:7px solid #d9e2d7;border-left-color:#aec493;border-bottom-color:#aec493;display:flex;align-items:center;flex-direction:column;justify-content:center;background:#f9fbf7}.score-widget strong{font-size:20px}.score-widget strong sup{font-size:10px}.score-widget span{font-size:5px;line-height:1.4;letter-spacing:.05em;margin-top:2px;text-align:center}.today-hero.cosmic{min-height:231px;background:radial-gradient(circle at 75% 30%,#252c32,#090f17 56%);justify-content:end}.planet{position:absolute;top:26px;right:25px;border-radius:50%;width:78px;height:78px;background:radial-gradient(circle at 25% 23%,#f2ebdf 0%,#68717a 35%,#101820 55%,#060a13 80%);box-shadow:0 0 15px #fff3}.starfield{position:absolute;inset:0;background-image:radial-gradient(circle at 17% 19%,#fff8 1px,transparent 2px),radial-gradient(circle at 72% 70%,#fff7 .8px,transparent 1px),radial-gradient(circle at 59% 40%,#fff9 1px,transparent 2px),radial-gradient(circle at 94% 19%,#fff7 1px,transparent 2px)}.today-hero.cosmic h1{font-size:31px;max-width:210px;color:#f3eee4}.today-hero.cosmic p{max-width:165px}
/* SHARED APP MODULES */
.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.pillar{height:95px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:var(--surface);border:1px solid var(--border)!important;border-radius:13px;transition:transform .2s,background .2s}.pillar:hover,.workout-item:hover,.meditation-item:hover,.task-line:hover,.meal-item:hover{transform:translateY(-1px);filter:brightness(1.045)}.pillar svg{color:var(--accent)}.pillar.orange svg{color:var(--orange)}.pillar.green svg{color:var(--green)}.pillar.blue svg{color:var(--blue)}.pillar b{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:600}.pillar small{font-size:7px;letter-spacing:.11em}.section-header{display:flex;align-items:center;justify-content:space-between;gap:4px}.section-header h3{margin:0;font-size:19px;font-weight:400}.section-header button{background:transparent;font-size:10px;color:var(--muted);display:flex;align-items:center;gap:0;padding:5px 0}.section-header button:hover{color:var(--fg)}.data-card,.content-card,.week-card,.mind-salutation,.mood-card,.insight-panel{background:var(--card);border-radius:16px;padding:16px;border:1px solid var(--border)}.metric-three{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:17px 0 14px}.ring-unit{text-align:center;display:flex;align-items:center;flex-direction:column;gap:4px}.ring{--pct:50;--ring-color:var(--green);width:75px;height:75px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ring-color) 0 calc(var(--pct)*1%),rgba(128,145,133,.25) calc(var(--pct)*1%) 100%);position:relative}.ring:after{content:'';position:absolute;inset:9px;border-radius:50%;background:var(--card)}.ring span{z-index:1;font:400 24px var(--serif)}.ring-unit>b{font-size:11px;margin-top:3px}.ring-unit>small{font-size:9px}.progress-row{display:grid;grid-template-columns:46px 1fr 35px;align-items:center;gap:8px;margin:13px 0}.progress-row>span{font-size:9px;letter-spacing:.06em;color:var(--muted)}.progress-row>b{font-family:var(--serif);font-size:17px;text-align:right;font-weight:400}.progress-track{height:7px;border-radius:12px;background:rgba(121,133,126,.2);overflow:hidden}.progress-track span{height:100%;border-radius:12px;display:block}.micro-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:16px}.stat-box{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px;background:var(--surface);border:1px solid var(--border);padding:9px 6px;border-radius:9px}.stat-box small{font-size:8px;white-space:nowrap;letter-spacing:.03em}.stat-box b{font:400 21px/1 var(--serif);white-space:nowrap}.stat-box em{font-size:9px;color:var(--muted);font-style:normal}.screen-today>.content-card{margin-top:0}.count-line{display:flex;justify-content:space-between;padding:13px 0 3px;font-size:10px;color:var(--muted)}.count-line span{color:var(--green)}.task-line{display:grid;grid-template-columns:20px 1fr 15px;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;border-bottom:1px solid var(--border)!important;padding:12px 0;transition:.2s}.task-line:last-child{border-bottom:0!important}.tick,.habit-indicator{width:18px;height:18px;border:1px solid var(--muted);border-radius:50%;display:grid;place-items:center}.is-done .tick,.completed .habit-indicator{background:var(--green);border-color:var(--green);color:#233426}.task-line>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.task-line b,.recent-card b,.workout-item b,.meditation-item b,.habit-item b,.meal-item b{font-size:11px;font-weight:600}.task-line small,.recent-card small,.workout-item small,.meditation-item small,.habit-item small,.meal-item small{display:block;font-size:9px;margin-top:4px}.task-action{opacity:.5}.recent-card,.workout-item,.meditation-item,.meal-item{width:100%;display:flex;align-items:center;text-align:left;gap:10px;background:var(--surface);border-radius:11px;padding:10px;transition:.2s;min-width:0}.recent-card>span:nth-child(2),.workout-item>span:nth-child(2),.meditation-item>span:nth-child(2),.meal-item>span:nth-child(2){flex:1;min-width:0}.recent-card strong{font:400 25px var(--serif);color:var(--green)}.badge-icon{background:rgba(165,186,157,.12);height:34px;width:34px;flex:none;border-radius:10px;display:grid;place-items:center;color:var(--green)}.badge-icon.orange{background:rgba(230,150,112,.14);color:var(--orange)}.badge-icon.blue{background:rgba(139,183,205,.14);color:var(--blue)}.badge-icon.green{background:rgba(165,186,157,.14);color:var(--green)}.daily-note,.feature-callout{background:transparent;display:flex;align-items:flex-start;gap:11px;color:var(--green);padding:10px 4px 17px}.daily-note span{font:italic 14px/1.4 var(--serif);color:var(--muted)}.feature-callout p{margin:0}.editorial-note{padding:2px 1px}.editorial-note small{font-size:9px;letter-spacing:.16em}.editorial-note h2{font-size:24px;line-height:1.24;margin:10px 0 0}.scenic-today>.pillars .pillar{background:#fcf8ec}
/* SECTION HEROES */
.section-hero{position:relative;isolation:isolate;min-height:159px;background:var(--card);border-radius:16px;overflow:hidden;padding:22px 18px;display:flex;align-items:center}.section-hero.has-photo{min-height:226px;align-items:flex-end;color:#fff}.section-hero-shade{background:linear-gradient(0deg,#0c1610de,transparent 95%)}.section-hero-copy{position:relative;z-index:1;max-width:255px}.section-hero-copy small,.standard-intro small{font-size:9px;letter-spacing:.17em;color:var(--accent)}.section-hero-copy h1{font-size:30px;margin:10px 0 8px;line-height:1.08}.section-hero-copy p{margin:0}.section-hero.has-photo p{color:#f2ece2}.section-icon-big{position:absolute;right:12px;top:36px;color:var(--accent);opacity:.3}.section-hero.cosmic-section{background:radial-gradient(circle at 88% 16%,#27323b,#111720 61%)}.section-hero.cosmic-section:before{content:'';position:absolute;right:-36px;top:-45px;width:170px;height:170px;border:1px solid #9ea5a34d;border-radius:50%;box-shadow:0 0 0 40px #afc1b209}.mini-kpi-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mini-kpi-strip .stat-box{padding:12px 9px}.mini-kpi-strip .stat-box b{font-size:24px}.bars{height:105px;display:flex;align-items:end;gap:8px;justify-content:space-around;padding:5px 5px 0}.bar-col{height:100%;flex:1;display:flex;align-items:end;justify-content:center}.bar-col span{width:100%;max-width:21px;min-height:5px;display:block;border-radius:5px 5px 0 0}.week-graph .bars{height:101px}.days{display:flex;justify-content:space-around;color:var(--muted);font-size:9px;padding:9px 3px 0}.workout-list,.meals,.meditations{display:flex;flex-direction:column;gap:7px}.workout-item,.meditation-item{padding:12px}.primary-btn{min-height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:11px;background:var(--accent);color:var(--dark)!important;font-weight:700;font-size:12px;width:100%;padding:12px 15px}.primary-btn:hover{filter:brightness(1.1)}
/* FUEL */
.fuel-summary{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);background:var(--card);border-radius:15px;padding:18px}.fuel-summary small{letter-spacing:.1em;font-size:9px}.fuel-summary h2{font:400 32px var(--serif);margin:6px 0}.fuel-summary h2 em{color:var(--muted);font:400 17px var(--sans)}.fuel-summary span{color:var(--muted);font-size:10px}.fuel-gauge{height:82px;width:82px;border-radius:50%;background:conic-gradient(var(--green) 59%,rgba(124,133,124,.2) 59%);display:grid;place-items:center}.fuel-gauge>div{height:64px;width:64px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--card);font-size:19px;font-family:var(--serif)}.fuel-gauge small{font-size:9px}.macro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.macro{background:var(--surface);border:1px solid var(--border);border-radius:11px;display:flex;flex-wrap:wrap;align-items:baseline;gap:3px;padding:11px 9px;min-width:0}.macro small{width:100%;margin-bottom:4px}.macro b{font-size:16px}.macro em{font-size:9px;font-style:normal;color:var(--muted)}.macro-meter{width:100%;height:4px;overflow:hidden;background:rgba(130,130,130,.23);border-radius:5px;margin-top:7px}.macro-meter span{display:block;height:100%;border-radius:5px}.water-card{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--border);padding:12px;border-radius:14px}.water-card>div:nth-child(2){display:flex;flex-direction:column;gap:2px;flex:1}.water-card b{font-size:11px}.water-card .water-fill{display:flex;gap:3px}.water-fill i{height:16px;width:5px;border:1px solid var(--blue);border-radius:3px}.water-fill i.filled{background:var(--blue)}.small-add{width:24px;height:24px;border:1px solid var(--border)!important;border-radius:50%;display:grid;place-items:center;background:var(--surface)}.meal-item{min-height:58px}.meal-item .meal-value{font-size:9px;color:var(--muted);white-space:nowrap}.meal-image{width:38px;height:38px;flex:none;border-radius:8px}.quote-card{font:italic 20px/1.25 var(--serif);background:var(--card);border-left:2px solid var(--green);padding:15px 16px;color:var(--fg);border-radius:0 12px 12px 0}
/* MIND */
.mind-salutation{background:var(--surface);text-align:center;padding:20px 17px}.mind-salutation small{letter-spacing:.19em;font-size:9px}.mind-salutation h2{margin:10px 0;font-style:italic}.mind-salutation p{margin-bottom:0}.breath-card{padding:15px;display:flex;align-items:center;gap:13px;background:var(--card);border:1px solid var(--border);border-radius:16px}.breath-orbit{flex:none;width:63px;height:63px;border-radius:50%;border:1px solid var(--green);display:grid;place-items:center;color:var(--green);box-shadow:inset 0 0 0 10px rgba(154,182,153,.06)}.breath-card>div:nth-child(2){flex:1}.breath-card h3{margin:5px 0 3px}.breath-card p{margin:0;font-size:9px}.breath-card small{letter-spacing:.08em;font-size:8px}.play-cta{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--fg);color:var(--bg)!important}.meditation-item{padding:11px 12px}.mood-card>p{font-size:10px;margin:7px 0 17px}.mood-list{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.mood-option{display:grid;justify-items:center;gap:6px;padding:8px 2px 9px;border:1px solid var(--border)!important;background:var(--surface);border-radius:10px}.mood-option.active{border-color:var(--accent)!important;background:rgba(229,155,116,.13)}.mood-option span{font-size:20px;color:var(--accent)}.mood-option small{font-size:9px}.journal-row{display:flex;align-items:center;gap:11px;padding:15px 12px;background:var(--surface);border:1px solid var(--border)!important;border-radius:13px;text-align:left}.journal-row>span{flex:1}.journal-row b{font-size:11px}.journal-row small{display:block;font-size:9px;margin-top:5px}
/* RITUALS / CALENDAR */
.standard-intro{padding:9px 3px 2px}.standard-intro h1{margin:13px 0 9px;font-size:37px}.standard-intro p{margin:0}.standard-intro p svg{vertical-align:middle}.ritual-progress-card{border-radius:16px;padding:18px;background:linear-gradient(135deg,var(--surface),var(--card));border:1px solid var(--border)}.ritual-progress-card>span{font-size:9px;letter-spacing:.13em;color:var(--muted)}.ritual-progress-card strong{display:block;margin:9px 0 15px;font:400 48px/1 var(--serif)}.ritual-progress-card strong small{font-size:19px}.segmented-progress{display:flex;gap:7px}.segmented-progress i{height:7px;flex:1;background:rgba(144,163,151,.26);border-radius:10px}.segmented-progress i.on{background:var(--green)}.ritual-progress-card p{font-size:10px;margin:11px 0 0}.habit-cards{display:flex;flex-direction:column;gap:7px}.habit-item{width:100%;display:grid;grid-template-columns:39px 18px 1fr 16px;align-items:center;gap:8px;border-radius:12px;background:var(--card);border:1px solid var(--border)!important;padding:13px 9px;text-align:left}.habit-time{font-size:9px;color:var(--muted)}.habit-tail{color:var(--muted)}.habit-info{min-width:0}.ritual-streak{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ritual-streak>div{border:1px solid var(--border);border-radius:12px;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:1px;background:var(--surface);padding:12px}.ritual-streak svg{color:var(--orange);grid-row:span 2}.ritual-streak strong{font:400 23px var(--serif)}.ritual-streak small{font-size:9px}.calendar-bar{display:flex;justify-content:space-between;align-items:center;font-size:12px;background:var(--card);border-radius:12px;padding:7px 9px}.calendar-bar button{width:29px;height:29px;border-radius:9px;background:var(--surface)}.date-row{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.date-cell{border-radius:10px;background:var(--card);padding:10px 0 8px;display:flex;flex-direction:column;align-items:center;gap:7px;border:1px solid var(--border)!important}.date-cell.selected{background:var(--accent);color:var(--dark)!important}.date-cell.selected small{color:var(--dark)}.date-cell b{font-size:12px;font-weight:500}.date-cell i{width:4px;height:4px;border-radius:50%;background:var(--green)}.agenda-list{display:flex;flex-direction:column;gap:8px}.agenda-item{background:var(--card);border:1px solid var(--border)!important;border-radius:10px;display:flex;align-items:center;gap:9px;padding:14px 10px;text-align:left}.agenda-item time{font-size:9px;color:var(--muted)}.agenda-dot{width:5px;height:24px;border-radius:10px;background:var(--accent)}.agenda-dot.orange{background:var(--orange)}.agenda-dot.blue{background:var(--blue)}.agenda-dot.green{background:var(--green)}.agenda-item span{flex:1}.agenda-item b{font-size:11px}.agenda-item small{display:block;font-size:9px;margin-top:4px}.calendar-summary>small{letter-spacing:.17em}.calendar-summary h2{margin:10px 0}.calendar-summary h2 em{color:var(--green);font-style:italic}.calendar-summary .bars{height:70px}.calendar-summary p{margin:12px 0 0;font:italic 13px var(--serif)}
/* INSIGHTS */
.insight-panel{padding:17px}.panel-top{display:flex;justify-content:space-between;align-items:center}.panel-top>small{letter-spacing:.09em;font-size:9px}.insight-score{display:flex;align-items:center;gap:11px;padding:15px 0}.insight-score>strong{font:400 57px/1 var(--serif)}.insight-score>span{font-size:11px;color:var(--muted);flex:1}.insight-score>span small{display:block;margin-top:5px}.insight-score svg{color:var(--green)}.insight-panel .bars{height:110px}.insight-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--card);padding:13px 7px;border-radius:15px;border:1px solid var(--border)}.insight-metrics .ring{height:65px;width:65px}.insight-metrics .ring:after{inset:8px}.insight-metrics .ring span{font-size:21px}.line-legend{display:flex;gap:14px;font-size:9px;color:var(--muted);padding:16px 0}.line-legend span{display:flex;gap:5px;align-items:center}.line-legend i{width:9px;height:9px;border-radius:50%}.trend-chart{height:115px;background:repeating-linear-gradient(to bottom,transparent 0 25%,var(--border) calc(25% + 1px));position:relative}.trend-chart svg{position:absolute;width:100%;height:100%}.trends-card>small{font-size:9px}
/* PROFILE / WELCOME */
.profile-cover{border-radius:16px;background:linear-gradient(120deg,#304d3e,var(--card));text-align:center;padding:16px 15px 22px;position:relative;isolation:isolate;overflow:hidden}.profile-cover>span{font-size:9px;letter-spacing:.21em;color:var(--muted)}.profile-cover .avatar{width:70px;height:70px;border-radius:50%;background:var(--green);color:#21372b;display:grid;place-items:center;font:400 31px var(--serif);margin:22px auto 9px;box-shadow:0 0 0 5px rgba(235,244,228,.13)}.profile-cover h1{font-size:32px;margin:0}.profile-cover p{font-size:9px;letter-spacing:.14em;margin:7px 0 0}.photo-profile{background:#34392a;color:#fff}.photo-profile:before{content:'';position:absolute;inset:0;background:#15201892;z-index:-1}.profile-photo{z-index:-2}.photo-profile>span,.photo-profile p{color:#f7eee4}.points-strip{display:grid;grid-template-columns:1fr 1fr;gap:8px}.points-strip>div{border:1px solid var(--border);background:var(--card);border-radius:13px;display:flex;gap:10px;align-items:center;padding:12px}.points-strip svg{color:#e9b36a}.points-strip span{display:flex;flex-direction:column;gap:4px}.points-strip strong{font:400 20px var(--serif)}.personal-goals{display:flex;flex-direction:column;gap:8px}.personal-goal{display:grid;grid-template-columns:32px 1fr 48px 13px;align-items:center;gap:7px;background:var(--card);border:1px solid var(--border)!important;border-radius:11px;text-align:left;padding:11px 9px}.personal-goal span{display:flex;flex-direction:column}.personal-goal b{font-size:11px}.personal-goal small{font-size:9px;margin-top:4px}.goal-line{height:5px;background:rgba(141,155,142,.3);border-radius:9px;overflow:hidden}.goal-line i{display:block;height:100%;background:var(--green);border-radius:9px}.profile-settings{display:flex;flex-direction:column;gap:0}.setting-row{display:flex;align-items:center;gap:11px;text-align:left;background:transparent;border-top:1px solid var(--border)!important;padding:13px 0}.setting-row>span{flex:1;font-size:11px}.setting-row svg:first-child{color:var(--muted)}.profile-message{text-align:center;font:italic 19px/1.4 var(--serif);color:var(--muted);padding:10px}.screen-welcome{justify-content:flex-start;gap:14px}.onboard-visual{height:190px;display:grid;place-items:center;position:relative;isolation:isolate;background:radial-gradient(circle at 45% 40%,#394f3a,#16251f);border-radius:14px;overflow:hidden}.photo-onboard .onboard-image{z-index:-2}.photo-onboard:before{content:'';position:absolute;inset:0;background:#12241665;z-index:-1}.onboard-centre{display:flex;flex-direction:column;align-items:center;gap:10px}.onboard-centre img{filter:drop-shadow(0 7px 15px #0005)}.onboard-centre span{font-size:9px;letter-spacing:.16em;color:#f5f1e7}.onboard-copy{text-align:center;padding:4px 0 0}.onboard-copy>small{letter-spacing:.26em;color:var(--accent)}.onboard-copy h1{font-size:29px;margin:12px 0}.onboard-copy p{margin-bottom:0}.onboard-pillars{display:flex;flex-direction:column;gap:8px}.onboard-item{display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:var(--surface);padding:9px 11px;border-radius:11px}.onboard-item>span{display:flex;flex-direction:column;gap:2px}.onboard-item b{font-size:10px;letter-spacing:.13em}.onboard-item small{font-size:10px}.subtle-centered{background:transparent;text-align:center;font-size:10px;color:var(--muted)!important}
/* 5 DIFFERENT CREATIVE DIRECTIONS: COLOR, TYPE AND COMPONENT TREATMENT */
.theme-logo{--bg:#14231d;--fg:#f7f1e6;--muted:#a7b7a8;--surface:#24372d;--card:#1b2d25;--border:rgba(211,224,208,.15);--accent:#e89573;--orange:#e89573;--green:#acc18f;--blue:#8ebbcf;--dark:#14231d}.theme-logo .phone-head{background:#182920}.theme-logo .phone-tabbar{background:#1c2e25}.theme-logo .pillars .pillar{background:#1b2d25;border-radius:50%;width:92px;height:92px;justify-self:center}.theme-logo .pillar b{font-size:10px}.theme-logo .data-card{background:#15251f}.theme-logo .today-hero h1{font-family:var(--serif)}
.theme-yah{--bg:#f1e9db;--fg:#3c3329;--muted:#877c6a;--surface:#ece2d1;--card:#f8f4e9;--border:rgba(81,79,59,.16);--accent:#b87f5d;--orange:#d18c62;--green:#7e9174;--blue:#819ca2;--dark:#29251e}.theme-yah .phone-head{background:#f8f1e6;border-color:#e2daca}.theme-yah .phone-tabbar{background:#f7f0e4}.theme-yah .brand-name{font-family:var(--serif);font-size:15px;font-weight:400}.theme-yah .pillar{border-radius:50%;height:93px;width:93px;justify-self:center;background:#faf6eb}.theme-yah .screen-content{gap:19px}.theme-yah .screen-content h1{font-family:var(--serif);font-weight:400}.theme-yah .metric-three .ring:after{background:var(--card)}.theme-yah .day-pill{border-color:#d4c7b7}.theme-yah .editorial-note h2{font:400 25px/1.22 var(--serif)}.theme-yah .section-header h3{font-family:var(--serif)}
.theme-pulse{--bg:#f4f6f3;--fg:#142822;--muted:#6f8178;--surface:#ebf0eb;--card:#fff;--border:rgba(43,67,53,.11);--accent:#e28c6a;--orange:#e28c6a;--green:#8cab91;--blue:#7caebd;--dark:#20382d}.theme-pulse .phone-head{background:#fff}.theme-pulse .phone-tabbar{background:#fff}.theme-pulse .screen-content h1,.theme-pulse .screen-content h2,.theme-pulse .screen-content h3{font-family:var(--sans);font-weight:600;letter-spacing:-.055em}.theme-pulse .today-hero h1{font-size:31px}.theme-pulse .stat-box b,.theme-pulse .ring span{font-family:var(--sans);font-weight:600}.theme-pulse .pillars .pillar{height:90px;border-radius:15px}.theme-pulse .pillar.orange{background:#fcece4}.theme-pulse .pillar.green{background:#e9f0e5}.theme-pulse .pillar.blue{background:#e4f0f5}.theme-pulse .data-card{box-shadow:0 4px 14px #19312508}.theme-pulse .primary-btn{background:#23382e;color:#fff!important}.theme-pulse .today-hero.lightboard .score-widget{border-right-color:var(--green)}
.theme-astral{--bg:#0b1018;--fg:#eeede6;--muted:#9c9c9e;--surface:#171d27;--card:#101721;--border:rgba(242,244,243,.16);--accent:#c7b6a0;--orange:#e49c76;--green:#a7bca1;--blue:#9abbd0;--dark:#101721}.theme-astral .phone-head{background:#0b1018}.theme-astral .phone-tabbar{background:#101621}.theme-astral .brand-name{font-family:var(--serif);font-size:14px;font-weight:400}.theme-astral .brand-lockup>img{filter:saturate(.85)}.theme-astral .today-hero,.theme-astral .section-hero{border:1px solid rgba(228,220,205,.18)}.theme-astral .section-hero-copy h1{font-size:28px}.theme-astral .pillars .pillar{border-radius:50%;height:88px;width:88px;justify-self:center;background:#111823}.theme-astral .data-card{border-radius:2px;background:#0f1620}.theme-astral .content-card,.theme-astral .ritual-progress-card,.theme-astral .insight-panel{border-radius:3px}.theme-astral .screen-content h1{font-family:var(--serif)}.theme-astral .section-header h3{font-family:var(--serif)}.theme-astral .primary-btn{background:transparent;border:1px solid #c8bfae;color:#f5eee2!important;border-radius:2px}.theme-astral .micro-label{letter-spacing:.21em}.theme-astral .task-line{padding:15px 0}
.theme-atelier{--bg:#192920;--fg:#f4efe6;--muted:#b1bba9;--surface:#273b30;--card:#203329;--border:rgba(229,236,219,.15);--accent:#e29b78;--orange:#e99a78;--green:#b4c798;--blue:#99bfd0;--dark:#14231d}.theme-atelier .phone-head{background:#21352b}.theme-atelier .phone-tabbar{background:#20362b}.theme-atelier .screen-content h1,.theme-atelier .screen-content h2{font-family:var(--serif)}.theme-atelier .pillars .pillar{border-radius:12px;height:97px;background:#293e32}.theme-atelier .pillar.orange{background:#49372c}.theme-atelier .pillar.green{background:#334533}.theme-atelier .pillar.blue{background:#2b4247}.theme-atelier .data-card{background:#1f3027}.theme-atelier .primary-btn{background:#e29b78;color:#1b2d23!important}.theme-atelier .today-hero.atelier-hero h1{font-size:37px}.theme-atelier .brand-lockup>img{filter:drop-shadow(0 0 1px #f0ece630)}
/* MODES: SIDE BY SIDE AND ALL NINE SCREENS */
.stage-compare,.stage-library{padding:35px clamp(16px,2.6vw,43px) 55px;background:#ecf0e9}.compare-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:26px}.compare-head small{font-size:10px;letter-spacing:.23em;color:#7f9281}.compare-head h2{font:400 clamp(26px,3vw,38px) var(--serif);letter-spacing:-.04em;margin:11px 0}.compare-head p{margin:0;max-width:650px;color:#738175;line-height:1.55;font-size:13px}.ghost-action{border-radius:8px;border:1px solid #bbc7bb;background:transparent;color:#294032;font-size:12px;white-space:nowrap;display:flex;align-items:center;gap:11px;padding:12px 14px}.compare-scroller{overflow-x:auto;padding-bottom:16px}.compare-grid{display:grid;grid-template-columns:repeat(5, minmax(236px,1fr));gap:15px;min-width:1210px}.compare-unit{background:#f7f8f3;border:1px solid #dce2d9;border-radius:13px;padding:16px 11px 13px;text-align:center}.compare-title{width:100%;text-align:left;background:transparent;color:#23372b;padding:6px 10px 14px;font-family:var(--serif);font-size:18px;display:flex;align-items:center;justify-content:space-between}.compare-title small{font:600 8px var(--sans);color:#c67850;letter-spacing:.06em}.small-phone-slot{width:242px;height:510px;position:relative;margin:0 auto}.small-phone-slot .phone-device{position:absolute;top:0;left:0;transform:scale(.67);transform-origin:top left;box-shadow:0 10px 25px #0003}.compare-open{display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:#627768;font-size:11px;padding:11px 0 0;width:100%}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.library-unit{border-radius:14px;background:#f7f8f3;border:1px solid #dae0d6;padding:16px 14px 14px;min-width:0;text-align:center}.library-label{width:100%;display:flex;justify-content:space-between;background:transparent;font:400 20px var(--serif);color:#253c2d;padding:0 4px 14px}.library-phone-wrap{position:relative;width:245px;height:525px;margin:0 auto}.library-phone-wrap .phone-device{position:absolute;left:0;top:0;transform:scale(.68);transform-origin:top left}.library-unit p{font-size:12px;color:#6e7e6f;margin:8px 0 0}
/* FOOTER & SUPPORT */
.overview-section{max-width:1540px;margin:0 auto;padding:95px clamp(24px,6vw,100px) 110px;color:#f5efe4}.overview-title{max-width:620px}.overview-title .overline{color:#dba184}.overview-title h2{font:400 clamp(49px,5.9vw,87px)/1.06 var(--serif);letter-spacing:-.06em;margin:20px 0}.overview-title h2 em{color:#b7c6ae}.overview-title p{max-width:530px;font-size:15px;color:#a2b3a7;line-height:1.7}.concept-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-top:40px}.concept-tile{padding:0;min-width:0;background:#1b2a23;border:1px solid #314438;border-radius:9px;overflow:hidden;color:#f5efe6;text-align:left;transition:transform .2s,border-color .2s}.concept-tile:hover{transform:translateY(-4px);border-color:#dca17d}.concept-tile.chosen{border-color:#daa17e}.tile-top{height:128px;display:grid;place-items:center;position:relative}.tile-top span{position:absolute;right:12px;top:11px;color:#f8eee6;font-size:10px;letter-spacing:.13em}.tile-top img{width:60px;height:60px;filter:drop-shadow(0 4px 10px #0004)}.tile-body{padding:15px}.tile-body b{display:block;font:400 20px var(--serif)}.tile-body small{font-size:11px;color:#acb8ad}.mini-palette{margin-top:16px;display:flex;gap:6px}.mini-palette i{display:block;width:18px;height:18px;border-radius:50%;border:1px solid #fff1}.disclaimer{display:flex;justify-content:space-between;gap:22px;border-top:1px solid #314037;padding:30px 0;margin:0 clamp(26px,6vw,90px);max-width:1540px;color:#a3b0a4}.disclaimer>div{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:13px}.disclaimer>div b{font-size:15px;letter-spacing:.15em;font-weight:500}.disclaimer>div span{font-size:10px;opacity:.6}.disclaimer p{max-width:510px;line-height:1.6;font-size:11px;margin:0}.footer{border-top:1px solid #324339;max-width:1600px;margin:auto;padding:26px clamp(24px,6vw,95px) 38px;display:flex;justify-content:space-between;gap:14px;color:#83958b;font-size:10px;letter-spacing:.12em}.footer i{font-style:normal;color:#eb9c78}.modal-backdrop{position:fixed;z-index:999;inset:0;background:#000b;display:grid;place-items:center;padding:20px;backdrop-filter:blur(7px)}.demo-modal{--bg:#182920;--fg:#f4eee5;--muted:#b3c0ad;--surface:#26382f;--card:#1b2e24;--border:rgba(232,237,225,.15);--accent:#e39b79;--dark:#122218;max-height:min(85vh,720px);overflow:auto;width:min(435px,100%);border:1px solid var(--border);border-radius:17px;padding:35px;color:var(--fg);background:var(--bg);position:relative;box-shadow:0 24px 80px #0008}.dismiss{position:absolute;top:14px;right:14px;background:transparent;color:var(--fg);padding:6px}.modal-symbol{margin:0 0 18px}.modal-eyebrow{font-size:9px;letter-spacing:.2em;color:var(--accent)}.demo-modal h2{font:400 38px/1.12 var(--serif);margin:13px 0}.demo-modal>p{line-height:1.7;font-size:14px;color:var(--muted)}.modal-options{display:flex;flex-direction:column;gap:8px;margin:23px 0}.modal-options button{width:100%;background:var(--surface);color:var(--fg);padding:13px;border:1px solid var(--border);border-radius:10px;display:flex;gap:12px;align-items:center;text-align:left}.modal-options button span{flex:1}.demo-modal>.primary-btn{margin-top:22px}.modal-foot{display:block;margin-top:15px;line-height:1.5;font-size:10px;color:var(--muted)}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#152b20;color:#f8f0e6;display:flex;align-items:center;gap:9px;padding:12px 19px;border-radius:10px;box-shadow:0 12px 35px #0005;z-index:2000;font-size:13px}
/* RESPONSIVE */
@media (max-width:1300px){.focus-layout{grid-template-columns:minmax(185px,1fr) 360px minmax(210px,1fr);gap:25px;padding-inline:26px}.theme-notes{padding-left:17px}.theme-notes h2{font-size:30px}.focus-story h3{font-size:36px}.concept-tiles{gap:9px}.compare-grid{gap:10px}.screen-tab{padding:8px 10px}}
@media (max-width:1060px){.focus-layout{grid-template-columns:1fr 390px;gap:10px 20px;padding:35px 30px}.focus-story{grid-column:1;grid-row:1}.focus-phone-wrap{grid-column:2;grid-row:1/3}.theme-notes{grid-column:1;grid-row:2;border-left:0;border-top:1px solid #ced9c9;max-width:100%;padding:20px 0}.focus-guide,.focus-story>p{max-width:100%}.story-flourish{margin:22px 0}.tool-strip{flex-wrap:wrap}.mode-switch{margin-left:auto}.concept-tab{padding:14px 10px}.concept-name{font-size:17px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:740px){.site-header{height:76px}.studio-version{display:none}.site-brand span{font-size:7px}.site-brand strong{font-size:15px}.hero-section{padding:45px 20px 34px}.hero-section h1{font-size:clamp(40px,8.9vw,63px)}.hero-section>p{font-size:13px}.concept-nav{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:9px;scrollbar-width:none}.concept-tab{flex:none;width:160px;scroll-snap-align:start;min-height:83px}.workspace{padding:31px 13px 55px}.workspace-head{align-items:start}.workspace-head h2{font-size:30px}.app-data{display:none}.tool-strip{padding:6px;gap:7px}.screen-tabs{width:100%}.screen-tab{font-size:11px;gap:5px;padding:10px 9px}.mode-switch{border-left:0;border-top:1px solid #d4d8cf;padding:6px 0 0;width:100%;justify-content:space-around}.mode-switch button{font-size:10px;padding:8px 10px}.focus-layout{grid-template-columns:1fr;padding:20px 8px 40px;gap:6px}.focus-story{grid-column:1;grid-row:1;padding:10px 20px 0}.focus-story h2{margin:8px 0 9px}.focus-story h3{font-size:34px;margin:0 0 8px}.focus-story>p{margin:0 0 14px}.section-counter{display:none}.story-flourish,.focus-guide{display:none}.focus-phone-wrap{grid-column:1;grid-row:2;min-height:750px}.theme-notes{grid-column:1;grid-row:3;margin:0 18px}.focus-story h2 span{display:inline;margin-left:10px}.theme-notes h2{font-size:31px}.stage-compare,.stage-library{padding:25px 12px 40px}.compare-head{align-items:start;flex-direction:column;gap:11px}.compare-head h2{font-size:29px}.ghost-action{align-self:start}.library-grid{grid-template-columns:1fr;gap:14px}.overview-section{padding:70px 21px}.overview-title h2{font-size:56px}.concept-tiles{grid-template-columns:repeat(2,1fr)}.disclaimer{flex-direction:column;margin:0 20px}.footer{flex-wrap:wrap;line-height:2}}
@media (max-width:390px){.site-brand{gap:7px}.site-brand img{width:34px;height:34px}.share-btn{padding:8px 10px}.share-btn span{display:none}.focus-phone-wrap{transform:scale(.88);transform-origin:center top;min-height:665px}.workspace-stage{overflow:hidden}.focus-layout{padding:18px 0 30px}.concept-tiles{gap:8px}.concept-tile .tile-top{height:106px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* FINAL BRAND MASTER: the original horizontal SVG is reused verbatim in every theme. */
.phone-head .brand-lockup{height:47px;min-width:139px;display:flex;justify-content:center;align-items:center;padding:4px 6px;border-radius:9px}.phone-head .brand-lockup>img.brand-lockup-img{display:block;object-fit:contain;height:39px;width:127px;max-width:127px;flex:none}.theme-yah .phone-head .brand-lockup,.theme-pulse .phone-head .brand-lockup{background:#1a2d24}.site-header .site-brand{display:flex;flex-direction:column;gap:0;align-items:flex-start;justify-content:center}.site-header .site-brand>img{width:162px;height:49px;object-fit:contain}.site-header .site-brand>span{font-size:8px;color:#aebdaf;letter-spacing:.28em;padding-left:2px}.theme-astral .phone-head .brand-lockup>img.brand-lockup-img{filter:none}
/* Identity lock: no theme may apply visual filters, opacity or transforms to the original logo artwork. */
.brand-lockup>img,.site-brand>img,.tile-top>img,.onboard-centre>img,.modal-symbol>img,.disclaimer>div>img{filter:none!important;opacity:1!important;mix-blend-mode:normal!important;transform:none!important}