/* Brand sources: ozeweb/src/app/globals.css and mirra/src/theme/colors.ts.
   Structure: dmmdev.store; Mobbin reference mapping in DESIGN-REFERENCES.md. */
:root{color-scheme:dark;--bg:#101411;--surface:#181d19;--text:#f2f4ef;--muted:#a5afa6;--border:#303b32;--orange:#ff9b57;--green:#4caf50;--gutter:clamp(20px,5vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}::selection{background:#ff9b57;color:#101411}h1,h2,h3,h4,p{margin-top:0}p{line-height:1.65}h1,h2,h3,h4{font-weight:600}h2{font-size:clamp(34px,4vw,56px);line-height:1.12;letter-spacing:-.05em;margin-bottom:20px}.wrap{width:min(1240px,100%);padding-inline:var(--gutter);margin-inline:auto}.eyebrow{font-size:10px;font-weight:600;line-height:1.5;letter-spacing:.12em;margin-bottom:24px;color:var(--muted)}.skip{position:fixed;top:-100px;left:20px;padding:14px 20px;background:var(--orange);color:var(--bg);z-index:100}.skip:focus{top:15px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:9px}.header{height:84px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 var(--gutter);border-bottom:1px solid var(--border);background:#101411ed;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}.brand>img{object-fit:contain;width:54px;height:42px}.brand>span{font-size:19px;font-weight:500;letter-spacing:-.04em}.brand-caption{display:block;font-size:7px;letter-spacing:.13em;color:var(--muted);margin-top:5px}.header nav{display:flex;align-items:center;gap:30px;font-size:12px}.header nav>a{text-decoration:none;color:#cbd2ca}.header nav>a:hover{color:var(--orange)}.nav-cta{padding:12px 17px;border:1px solid #455045;border-radius:8px;display:flex;gap:20px;align-items:center}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:15px 21px;border-radius:8px;border:1px solid transparent;text-decoration:none;font-size:12px;line-height:1.3;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s}.button>span{font-size:18px;line-height:.8}.button:hover{transform:translateY(-2px)}.primary{background:var(--orange);color:#24170e}.primary:hover{background:#ffb27b;box-shadow:0 5px 24px #ff9b5718}.secondary{border-color:#465047;color:#e2e7df;background:#1b221c}.secondary:hover{background:#29332a}.actions{display:flex;gap:13px;flex-wrap:wrap}
/* App developer introduction. Product shortcuts are real anchor links. */
.hero{padding-top:85px;padding-bottom:64px;text-align:center;position:relative;isolation:isolate}.hero:before{content:'';position:absolute;z-index:-1;inset:-15px 0 30%;pointer-events:none;background:radial-gradient(ellipse at 30% 25%,#ff9b570b,transparent 55%),radial-gradient(ellipse at 70% 35%,#4caf5010,transparent 55%)}.hero-badge{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:30px;padding:10px 15px;font-size:9px;margin-bottom:30px;background:#1b221a}.hero h1{font-size:clamp(39px,5.25vw,76px);font-weight:600;line-height:1.12;letter-spacing:-.055em;margin-bottom:25px}.brand-gradient{color:var(--orange);background:linear-gradient(110deg,#ff9b57 15%,#dcb960 52%,#7ac86a 90%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{max-width:580px;margin:0 auto 30px;font-size:16px;color:var(--muted)}.hero-actions{justify-content:center}.app-overview{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:760px;margin:49px auto 0;text-align:left}.overview-card{position:relative;display:flex;align-items:center;gap:18px;padding:22px;border:1px solid #3a4b38;border-radius:14px;background:linear-gradient(120deg,#202c20,#182219);text-decoration:none;transition:border-color .2s,transform .2s}.overview-card:hover{transform:translateY(-3px);border-color:#81b56e}.overview-card strong{display:block;font-size:22px;letter-spacing:-.04em;font-weight:500;margin-bottom:7px}.overview-card small{font-size:11px;color:#b8c8b2;line-height:1.3;display:block}.overview-icon{width:56px;height:56px;flex-shrink:0;object-fit:contain;border-radius:13px}.oze-icon{display:grid;place-items:center;background:#f7f6ef}.oze-icon img{width:49px;height:37px;object-fit:contain}.overview-arrow{margin-left:auto;font-size:22px;font-weight:400;align-self:flex-start;color:#9cbe90}.overview-mirra{background:linear-gradient(120deg,#301b22,#20161a);border-color:#57313e}.overview-mirra small{color:#d9b2be}.overview-mirra .overview-arrow{color:#e7b7c4}.overview-mirra:hover{border-color:#b4788c}.hero-note{font-size:10px;line-height:1.6;color:#929f92;margin:22px 0 0}
.apps-section{padding-top:55px;padding-bottom:80px}.section-intro{text-align:center;max-width:680px;margin:0 auto 42px}.section-intro .eyebrow{color:#95b990;margin-bottom:16px}.section-intro h2 span{color:var(--orange)}.section-intro>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:550px;margin:0 auto}.app-card{--app-accent:#346b32;--app-line:#d6dfce;--app-muted:#5c6b57;--app-tag:#edf2e7;--app-label:#456a3a;--app-surface:#fbfcf8;--app-text:#263322;overflow:hidden;border:1px solid #3e4d36;border-radius:20px;margin-bottom:45px;background:var(--app-surface);color:var(--app-text);scroll-margin-top:110px}.app-cover{position:relative;isolation:isolate;overflow:hidden;padding:24px 32px 32px;text-align:center;min-height:405px}.oze-cover{background:radial-gradient(ellipse at 95% 10%,#ffb5774d,transparent 55%),radial-gradient(ellipse at 5% 90%,#a0cc7e55,transparent 60%),#eef3e6}.app-cover:before,.app-cover:after{content:'';position:absolute;width:460px;height:460px;border:1px solid #91ac7860;border-radius:50%;z-index:-1;left:-330px;top:-100px;box-shadow:0 0 0 45px #a7bd941c,0 0 0 90px #a7bd940f}.app-cover:after{left:auto;right:-330px;top:120px}.cover-meta{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.13em;color:#566d43;margin-bottom:25px}.cover-content{max-width:600px;margin:auto}.cover-logo img{object-fit:contain;width:122px;height:90px}.cover-content h3{font-size:clamp(34px,4vw,52px);font-weight:500;letter-spacing:-.055em;line-height:1.08;margin:16px 0 15px}.oze-cover h3>span{color:#3e7b38}.cover-content>p{font-size:13px;line-height:1.55;color:#5d704e;margin-bottom:26px}.workflow{display:flex;align-items:center;justify-content:center;gap:15px;font-size:10px;color:#44613a}.workflow span{border:1px solid #b2c59e;padding:8px 14px;border-radius:30px;background:#ffffff70}.workflow b{font-weight:400;color:#7c9c6d}
.app-body{padding:34px 38px 28px}.app-title-row{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:21px}.app-category{font-size:8px;letter-spacing:.12em;font-weight:600;color:var(--app-label);margin-bottom:8px}.app-title-row h3{font-size:31px;font-weight:500;letter-spacing:-.05em;margin:0}.platform{font-size:9px;padding:9px 12px;border:1px solid var(--app-line);border-radius:30px;white-space:nowrap;color:var(--app-muted)}.app-description{font-size:14px;color:var(--app-muted);max-width:800px;margin-bottom:30px;line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px}.features-grid section{padding:21px 19px 22px;border:1px solid var(--app-line);background:var(--app-surface);border-radius:10px}.feature-symbol{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--app-tag);color:var(--app-accent);font-size:23px;margin-bottom:17px}.features-grid h4{font-size:13px;font-weight:600;line-height:1.4;letter-spacing:-.015em;margin-bottom:10px}.features-grid p{font-size:12px;line-height:1.65;color:var(--app-muted);margin:0}.app-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:22px;border-top:1px solid var(--app-line)}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:8px;padding:7px 10px;border-radius:5px;background:var(--app-tag);color:var(--app-label)}.oze-button{background:#326b32;color:#fff;white-space:nowrap}.oze-button:hover{background:#245525}.app-card a:focus-visible{outline-color:var(--app-accent)}
/* Mirra uses its own cream / wine / pale rose tokens, independently of Ozé. */
.mirra-product{--app-accent:#7a1533;--app-line:#ecd2d9;--app-muted:#765763;--app-tag:#f7e3e7;--app-label:#7a1533;--app-surface:#fff8f0;--app-text:#4b2030;border-color:#5d303e}.mirra-cover{background:radial-gradient(ellipse at 50% 0%,#8d2b45,transparent 75%),#3a101f;color:#fff8f0}.mirra-cover:before,.mirra-cover:after{border-color:#d592a330;box-shadow:0 0 0 45px #d592a30a,0 0 0 90px #d592a307}.mirra-cover .cover-meta{color:#e6b6c2}.mirra-cover-icon{object-fit:contain;border-radius:25px;width:84px;height:84px;box-shadow:0 8px 25px #1c000f55;margin-top:7px}.mirra-cover h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.05em;font-weight:400;font-size:clamp(39px,4.3vw,58px)}.mirra-cover h3>span{color:#e6b968;font-style:italic}.mirra-cover .cover-content>p{color:#edc6cf}.mirra-ritual{display:flex;align-items:center;justify-content:center;gap:20px;color:#f1c3ce;font-size:10px;margin-top:24px}.mirra-ritual i{color:#e6b968;font-style:normal;font-size:17px}.mirra-product .app-title-row h3{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:36px;color:#7a1533}.mirra-button{background:#7a1533;color:#fff8f0;white-space:nowrap}.mirra-button:hover{background:#5e0c26}.subscription-note{font-size:10px;color:#765763;line-height:1.6;margin:17px 0 0}
.development-section{border-block:1px solid var(--border);background:#151b16;padding:70px 0 76px}.development-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.development-grid article{border:1px solid #354035;background:linear-gradient(135deg,#202820,#19201a);padding:27px 24px;border-radius:12px}.dev-icon{display:grid;place-items:center;width:38px;height:38px;font-size:29px;color:#a5cb91;border:1px solid #44553e;border-radius:9px;background:#273321;margin-bottom:26px}.development-grid h3{font-size:17px;letter-spacing:-.025em;line-height:1.3;margin-bottom:13px}.development-grid p{font-size:13px;color:var(--muted);margin-bottom:0}.contact-section{padding-top:70px;padding-bottom:70px}.contact-box{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center;border:1px solid #43503b;border-radius:16px;background:radial-gradient(ellipse at 100% 100%,#4caf5012,transparent 65%),#1a231a;padding:42px}.contact-box .eyebrow{color:#b0c89b;margin-bottom:20px}.contact-box h2{font-size:clamp(30px,3.1vw,43px)}.contact-box h2 span{color:var(--orange)}.contact-box p:not(.eyebrow){font-size:13px;color:var(--muted);margin-bottom:0}.contact-action{text-align:center}.contact-action>span{display:block;font-size:11px;color:#acb9a7;margin-top:17px}.footer{padding-top:15px;padding-bottom:30px}.footer-top{display:flex;align-items:center;gap:30px;justify-content:space-between;padding-bottom:28px}.footer-top>p{font-size:11px;color:var(--muted);margin:0 auto 0 0}.footer-top>a:last-child{font-size:10px;text-decoration:none;color:#c1ceba;display:flex;gap:18px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding-top:24px;font-size:9px;color:#95a191}.privacy-open{border:0;background:transparent;color:inherit;font-size:9px;padding:4px 0;text-decoration:underline;text-underline-offset:4px}dialog{width:min(560px,calc(100% - 36px));background:#1d251e;color:var(--text);border:1px solid #58674f;border-radius:14px;padding:40px}dialog::backdrop{background:#060e09d9}dialog h2{font-size:28px}dialog p:not(.eyebrow){font-size:13px;color:#c8d0c3}dialog a{color:#ffb787}.dialog-close{position:absolute;right:14px;top:10px;background:transparent;border:0;color:var(--text);font-size:30px;width:36px;height:36px}
@media(min-width:1600px){.header{padding-inline:max(var(--gutter),calc((100vw - 1080px)/2))}}
@media(max-width:1000px){.hero{padding-top:65px}.hero h1{font-size:5.5vw}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-bottom{align-items:flex-start;gap:20px;flex-direction:column}.contact-box{gap:30px;padding:32px}.contact-box h2{font-size:34px}.contact-action .button{padding:15px;gap:16px}.development-grid article{padding:23px 20px}}
@media(max-width:760px){.header{height:76px}.header nav{gap:19px;font-size:11px}.brand>span{font-size:17px}.hero{padding-top:55px;padding-bottom:45px}.hero h1{font-size:clamp(36px,6.8vw,52px)}.hero-description{font-size:15px;max-width:500px}.overview-card{padding:18px;gap:13px}.overview-icon{width:45px;height:45px;border-radius:10px}.oze-icon img{width:39px;height:30px}.overview-card strong{font-size:20px}.overview-card small{font-size:10px}.hero-note{font-size:9px}.apps-section{padding-top:40px;padding-bottom:35px}.section-intro h2{font-size:38px}.section-intro>p:not(.eyebrow){font-size:14px}.app-card{border-radius:14px}.app-cover{min-height:380px;padding:22px 24px 28px}.app-body{padding:28px}.features-grid section{padding:20px 17px}.app-description{font-size:14px}.development-section{padding:55px 0}.development-grid{gap:12px}.development-grid article{padding:20px 16px}.development-grid h3{font-size:15px}.development-grid p{font-size:12px}.contact-section{padding-top:50px;padding-bottom:50px}.contact-box{grid-template-columns:1fr;gap:28px}.contact-box h2{font-size:38px}.contact-action{text-align:left}.contact-action>span{margin-left:2px}.footer-top{gap:20px;flex-wrap:wrap}.footer-top>p{order:3;flex-basis:100%;margin:0}.footer-top>a:last-child{margin-left:auto}.footer-bottom{font-size:8px}.privacy-open{font-size:8px}}
@media(max-width:560px){html{scroll-padding-top:90px}.header{height:72px;padding-inline:20px}.menu-toggle{display:flex;align-items:center;gap:14px;color:var(--text);background:#1b231b;border:1px solid var(--border);border-radius:8px;font-size:11px;padding:11px 14px}.header nav{display:none;position:absolute;left:0;right:0;top:71px;padding:18px 20px 23px;background:#151c15;border-bottom:1px solid var(--border);box-shadow:0 15px 30px #0004;gap:0;align-items:stretch;font-size:14px}.header nav.is-open{display:flex;flex-direction:column}.header nav>a{padding:15px 0}.header nav .nav-cta{margin-top:8px;padding:15px;justify-content:space-between}.brand>img{width:49px;height:38px}.brand>span{font-size:16px}.brand-caption{font-size:6px}.hero{padding-top:45px;padding-bottom:35px}.hero-badge{font-size:7px;letter-spacing:.075em;padding:9px 12px;margin-bottom:25px}.hero h1{font-size:clamp(33px,7.8vw,43px);line-height:1.13;letter-spacing:-.05em}.hero-description{font-size:14px;margin-bottom:25px}.hero-actions{gap:10px}.button{font-size:11px;padding:14px 17px;gap:15px;min-height:47px}.app-overview{grid-template-columns:1fr;margin-top:32px;gap:11px}.overview-card{padding:18px 20px;gap:17px}.overview-card strong{font-size:20px}.overview-card small{font-size:11px}.overview-icon{width:47px;height:47px}.overview-arrow{align-self:center;font-size:23px}.hero-note{font-size:9px;max-width:260px;margin:18px auto 0}.section-intro{margin-bottom:28px}.section-intro .eyebrow{font-size:9px}.section-intro h2{font-size:33px}.section-intro>p:not(.eyebrow){font-size:14px}.app-cover{padding:20px 18px 27px;min-height:360px}.cover-meta{font-size:7px;letter-spacing:.09em;margin-bottom:27px}.cover-logo img{width:105px;height:78px}.cover-content h3{font-size:36px;margin-top:14px}.cover-content>p{font-size:12px;margin-bottom:24px}.workflow{gap:7px;font-size:8px;flex-wrap:wrap}.workflow span{padding:7px 10px}.workflow b{font-size:10px}.app-card{margin-bottom:28px;scroll-margin-top:85px}.app-body{padding:25px 20px}.app-title-row{align-items:flex-start;gap:15px;flex-direction:column}.app-title-row h3{font-size:30px}.app-category{font-size:7px}.platform{font-size:8px;padding:7px 10px}.app-description{font-size:14px;line-height:1.7;margin-bottom:24px}.features-grid{grid-template-columns:1fr;gap:11px;margin-bottom:23px}.features-grid section{display:grid;grid-template-columns:30px 1fr;gap:0 13px;padding:19px 16px}.feature-symbol{grid-row:1/3;margin:0;font-size:22px}.features-grid h4{font-size:13px;margin-bottom:8px}.features-grid p{font-size:12px;grid-column:2;line-height:1.65}.app-bottom{padding-top:20px;gap:20px}.tags{gap:6px}.tags span{font-size:7px;padding:7px 8px}.app-bottom .button{width:100%;justify-content:space-between;padding-inline:17px;font-size:12px}.mirra-cover-icon{width:75px;height:75px;border-radius:20px}.mirra-cover h3{font-size:42px}.mirra-ritual{gap:14px;font-size:9px;margin-top:20px}.mirra-ritual i{font-size:14px}.subscription-note{font-size:9px;margin-top:15px}.development-grid{grid-template-columns:1fr;gap:12px}.development-grid article{padding:23px;display:grid;grid-template-columns:38px 1fr;gap:0 18px}.dev-icon{margin:0;grid-row:1/3}.development-grid h3{font-size:17px;margin-bottom:11px}.development-grid p{font-size:13px;grid-column:2}.contact-box{padding:26px 23px;gap:27px}.contact-box .eyebrow{font-size:8px;letter-spacing:.08em}.contact-box h2{font-size:32px}.contact-box p:not(.eyebrow){font-size:13px}.contact-box p br{display:none}.contact-action .button{width:100%;justify-content:space-between;font-size:12px;padding-inline:17px}.contact-action>span{text-align:center;font-size:10px}.footer-top{gap:23px}.footer-top>a:last-child{font-size:9px;gap:10px}.footer-top>p{font-size:10px}.footer-bottom{align-items:flex-start;gap:18px;line-height:1.7;font-size:8px}.footer-bottom>span{max-width:200px}.privacy-open{font-size:8px;flex-shrink:0;padding-top:0}dialog{padding:35px 25px}dialog h2{font-size:26px}dialog p:not(.eyebrow){font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover,.overview-card:hover{transform:none}}