@font-face{font-family:Inter;src:url('assets/inter.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Literata;src:url('assets/literata.ttf') format('truetype');font-weight:400;font-display:swap}
/* Snapshot of ownthat.xyz/api/mobile/appearance, 2026-09-17. */
:root{--background:#001124;--brand:#35f3a1;--text:#e4e5ea;--muted:rgba(228,229,234,.65);--line:rgba(228,229,234,.16);--surface:rgba(228,229,234,.025)}
*{box-sizing:border-box}html{background:var(--background);color:var(--text);scroll-behavior:smooth}body{margin:0;font-family:var(--app-font,Inter),system-ui,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--brand);outline-offset:6px}a:hover,button:hover{filter:brightness(1.12)}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.page{max-width:1440px;min-height:100svh;margin:0 auto;padding:42px 7% 26px;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;padding:4px 0}.logo svg{width:90px;height:40px}.download-app{font-size:14px;min-width:112px;min-height:44px;padding:0;background:none;border:0;color:var(--muted);text-align:right}main{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:9%;flex:1;padding:68px 0 64px}.intro{padding-bottom:32px}.eyebrow{color:var(--brand);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 26px;line-height:1.6}h1{font-family:var(--editorial-font,Literata),Georgia,serif;font-size:clamp(48px,5.6vw,80px);font-weight:400;line-height:1.14;letter-spacing:-.06em;margin:0 0 28px}.lead{font-family:var(--editorial-font,Literata),Georgia,serif;font-size:clamp(25px,2.6vw,37px);line-height:1.45;letter-spacing:-.025em;margin:0 0 26px;color:var(--text)}.description{font-size:15px;line-height:1.85;max-width:355px;margin:0 0 34px;color:var(--muted)}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:38px;background:var(--brand);color:var(--accent-contrast,#001124);padding:18px 23px;border-radius:12px;min-height:56px;font-size:14px}.primary span{font-size:19px}.under-cta{font-size:12px;line-height:1.8;color:var(--muted);max-width:290px;margin:17px 0 0}.experience{max-width:398px;width:100%;justify-self:end}.rhythm{display:flex;justify-content:center;align-items:center;gap:16px;margin:0 0 24px}.rhythm button{background:none;border:0;color:var(--muted);font-size:13px;padding:12px 0;min-height:44px}.rhythm button[aria-selected=true]{color:var(--brand)}.rhythm>span{color:var(--line);font-size:12px}.practice-surface{background:var(--surface);border:1px solid var(--line);border-radius:32px;padding:30px;min-height:520px;display:flex;flex-direction:column}.surface-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.surface-top svg{width:63px;height:28px}.surface-top>span{color:var(--muted);font-size:12px}.practice-body{flex:1;padding-top:65px;padding-bottom:32px}.practice-body .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:18px}.practice-body h2{font-family:var(--editorial-font,Literata),Georgia,serif;font-size:29px;line-height:1.35;letter-spacing:-.04em;font-weight:400;margin:0 0 25px;min-height:79px}.practice-body>p:last-child{font-family:var(--editorial-font,Literata),Georgia,serif;color:var(--muted);font-size:17px;line-height:1.8;margin:0;min-height:123px}.practice-action{display:flex;width:100%;justify-content:center;align-items:center;gap:18px;border:1px solid var(--line);border-radius:12px;min-height:51px;background:transparent;color:var(--text);font-size:13px}.practice-action span{color:var(--brand)}.surface-bottom>p{color:var(--muted);text-align:center;font-size:11px;line-height:1.7;margin:14px 0 0;min-height:19px}.demo-caption{color:var(--muted);text-align:center;font-size:11px;margin:18px 0 0}.demo-caption span{margin-left:8px;color:var(--brand)}footer{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px;line-height:1.7}footer p{margin:0}footer>span{opacity:.7}
@media(min-width:1600px){.page{padding-top:54px}main{gap:14%}}
@media(max-width:850px){.page{padding:28px 7% 24px}main{gap:6%}h1{font-size:49px}.lead{font-size:28px}.practice-surface{padding:24px}.practice-body h2{font-size:25px}.practice-body>p:last-child{font-size:16px}.rhythm{gap:13px}}
@media(max-width:650px){.page{padding:24px 25px}.logo svg{width:77px;height:34px}main{grid-template-columns:1fr;gap:48px;padding:61px 0 46px}.intro{padding:0}h1{font-size:57px;margin-bottom:22px}.eyebrow{margin-bottom:20px}.lead{font-size:29px}.lead br:nth-child(2){display:none}.description{max-width:355px;font-size:15px}.primary{width:100%;max-width:350px}.under-cta{max-width:none;font-size:11px}.experience{justify-self:center;max-width:398px}.practice-surface{min-height:520px;padding:28px}.practice-body h2{font-size:29px}.practice-body{padding-top:56px}.practice-body>p:last-child{font-size:17px}.practice-body .eyebrow{font-size:11px}footer{font-size:11px;flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@font-face{font-family:"inter";src:url("assets/inter.ttf") format("truetype");font-display:swap}
@font-face{font-family:"literata";src:url("assets/literata.ttf") format("truetype");font-display:swap}
@font-face{font-family:"cormorant";src:url("assets/cormorant.ttf") format("truetype");font-display:swap}
@font-face{font-family:"manrope";src:url("assets/manrope.ttf") format("truetype");font-display:swap}
@font-face{font-family:"dm-sans";src:url("assets/dm-sans.ttf") format("truetype");font-display:swap}
@font-face{font-family:"source-sans";src:url("assets/source-sans.ttf") format("truetype");font-display:swap}
@font-face{font-family:"lora";src:url("assets/lora.ttf") format("truetype");font-display:swap}
@font-face{font-family:"source-serif";src:url("assets/source-serif.ttf") format("truetype");font-display:swap}

/* Device hardware stays neutral; the screen follows Own's live appearance. */
.experience{max-width:376px}.rhythm{margin-bottom:20px}
.iphone-frame{position:relative;border:2px solid #89909a;border-radius:55px;padding:8px;background:#252930;outline:1px solid #424851;outline-offset:2px}
.iphone-screen{position:relative;border:5px solid #08090b;border-radius:46px;overflow:hidden;background:var(--background);min-height:680px;display:flex;flex-direction:column}
.iphone-status{position:relative;height:57px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 22px;color:var(--text);font-family:system-ui,sans-serif;font-size:14px;font-weight:600}
.iphone-status svg{width:60px;height:14px}.dynamic-island{position:absolute;width:102px;height:29px;top:10px;left:50%;transform:translateX(-50%);background:#060709;border-radius:22px}
.device-button{position:absolute;display:block;background:#767d87;border:1px solid #a0a6ae;border-radius:2px;width:4px;left:-6px}.device-silent{top:95px;height:23px}.device-volume-up{top:142px;height:43px}.device-volume-down{top:198px;height:43px}.device-power{left:auto;right:-6px;top:159px;height:69px}
.iphone-screen .practice-surface{border:0;border-radius:0;background:transparent;padding:20px 25px 14px;min-height:0;flex:1}
.iphone-screen .practice-body{padding-top:69px;padding-bottom:38px}.iphone-screen .practice-body h2{font-size:28px;min-height:76px}.iphone-screen .practice-body>p:last-child{font-size:17px;min-height:153px}.iphone-screen .surface-top>span{font-size:11px}
.home-indicator{height:5px;width:112px;background:var(--text);border-radius:4px;margin:13px auto 9px;flex-shrink:0}
@media(max-width:850px) and (min-width:651px){.iphone-screen .practice-surface{padding-left:18px;padding-right:18px}.iphone-status{padding:0 15px}.dynamic-island{width:84px}.iphone-status svg{width:49px}.iphone-screen .practice-body h2{font-size:24px}.iphone-screen .practice-body>p:last-child{font-size:16px}}
@media(max-width:650px){.experience{max-width:366px}.iphone-screen{min-height:660px}.iphone-screen .practice-body{padding-top:62px}}
@media(max-width:370px){.iphone-screen .practice-surface{padding-left:18px;padding-right:18px}.iphone-screen .practice-body h2{font-size:25px}.iphone-status{padding:0 16px}.dynamic-island{width:87px}.iphone-status svg{width:49px}}
/* Keep the hero dominant on desktop without scaling text or touch targets. */
@media(min-width:651px){
.experience{max-width:340px}
.iphone-frame{border-radius:50px;padding:7px}
.iphone-screen{border-radius:42px;min-height:605px}
.iphone-status{height:53px;padding:0 19px;font-size:12px}
.iphone-status svg{width:52px}.dynamic-island{width:91px;height:27px}
.iphone-screen .practice-surface{padding:16px 23px 12px}
.iphone-screen .practice-body{padding-top:47px;padding-bottom:26px}
.iphone-screen .practice-body h2{font-size:25px;min-height:68px;margin-bottom:22px}
.iphone-screen .practice-body>p:last-child{font-size:16px;min-height:144px}
.iphone-screen .surface-top svg{width:56px;height:25px}
.iphone-screen .surface-top>span{font-size:10px}
.iphone-screen .practice-body .eyebrow{font-size:10px}
.iphone-screen .surface-bottom>p{font-size:10px}
.home-indicator{width:104px}
}