/* Dartava V8 phone system v2 — mobile browser + installed app only. */
:root{--dv-phone-ink:#082832;--dv-phone-teal:#079c9a;--dv-phone-teal-bright:#24c4bc;--dv-phone-paper:#fff;--dv-phone-canvas:#f2f6f5;--dv-phone-line:#d5e1e0;--dv-phone-muted:#607276}
body[data-r3-surface="mobile"],body[data-r3-surface="app"]{min-height:100dvh;background:var(--dv-phone-canvas);overscroll-behavior-y:none;-webkit-text-size-adjust:100%;touch-action:manipulation}
body[data-r3-surface="mobile"] .r3-product,body[data-r3-surface="app"] .r3-product{min-height:100dvh}
body[data-r3-surface="mobile"] .r3-phone-shell,body[data-r3-surface="app"] .r3-phone-shell{width:100%;max-width:680px;min-height:100dvh;padding:0 14px calc(88px + env(safe-area-inset-bottom));background:var(--dv-phone-canvas)}
body[data-r3-surface="app"] .r3-phone-shell{max-width:760px}
body[data-r3-surface="mobile"] .r3-phone-top,body[data-r3-surface="app"] .r3-phone-top{min-height:62px;margin:0 -14px;padding:env(safe-area-inset-top) 14px 0;border-bottom:1px solid rgba(8,40,50,.08);background:rgba(242,246,245,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body[data-r3-surface="app"] .r3-phone-top{min-height:calc(60px + env(safe-area-inset-top));background:rgba(8,40,50,.98);color:#fff;border-bottom-color:rgba(255,255,255,.08)}
body[data-r3-surface="mobile"] .r3-phone-top .r3-brand,body[data-r3-surface="app"] .r3-phone-top .r3-brand{flex:0 0 auto;gap:8px}
body[data-r3-surface="mobile"] .r3-phone-top .r3-brand img,body[data-r3-surface="app"] .r3-phone-top .r3-brand img{width:36px;height:36px}
body[data-r3-surface="mobile"] .r3-phone-top .r3-brand b{font-size:20px;letter-spacing:.045em}
body[data-r3-surface="app"] .r3-phone-top .r3-brand b{display:none}
.r3-phone-context{min-width:0;flex:1;padding:0 10px;line-height:1.05}
.r3-phone-context small,.r3-phone-context b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.r3-phone-context small{color:var(--dv-phone-muted);font-size:8px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.r3-phone-context b{margin-top:4px;color:var(--dv-phone-ink);font-family:var(--display);font-size:19px;font-weight:800;letter-spacing:.01em}
body[data-r3-surface="mobile"] .r3-phone-context{display:none}
body[data-r3-surface="app"] .r3-phone-context small{color:#77dcd7}
body[data-r3-surface="app"] .r3-phone-context b{color:#fff}
body[data-r3-surface="app"] .r3-phone-top>.r3-avatar{width:38px;height:38px;border:1px solid rgba(255,255,255,.22);background:#0d4749;color:#fff}
body[data-r3-surface="mobile"] .r3-phone-top>.r3-avatar{width:38px;height:38px}
body[data-r3-surface="mobile"] .r3-phone-main,body[data-r3-surface="app"] .r3-phone-main{padding-top:12px}
body[data-r3-surface="app"] .r3-phone-main{padding-top:10px}
body[data-r3-surface="mobile"] .r3-phone-hero,body[data-r3-surface="app"] .r3-phone-hero{position:relative;padding:24px 22px 22px;border:1px solid #16484b;border-radius:20px;background:linear-gradient(140deg,#082832 0%,#0b3b40 72%,#0b5554 100%);box-shadow:none;overflow:hidden}
body[data-r3-surface="app"] .r3-phone-hero{border-radius:18px}
body[data-r3-surface="mobile"] .r3-phone-hero:after,body[data-r3-surface="app"] .r3-phone-hero:after{position:absolute;right:-72px;bottom:-84px;width:190px;height:190px;border:27px solid rgba(89,216,210,.08);border-radius:50%;content:'';pointer-events:none}
body[data-r3-surface="mobile"] .r3-phone-hero h1,body[data-r3-surface="app"] .r3-phone-hero h1{position:relative;z-index:1;margin:7px 0 8px;font-size:50px;line-height:.84;letter-spacing:-.02em;text-transform:uppercase}
body[data-r3-surface="mobile"] .r3-phone-hero p,body[data-r3-surface="app"] .r3-phone-hero p{position:relative;z-index:1;max-width:36ch;margin:0;color:#c1d3d2;font-size:13px;line-height:1.5}
body[data-r3-surface="mobile"] .r3-phone-play,body[data-r3-surface="app"] .r3-phone-play{position:relative;z-index:1;min-height:58px;margin-top:18px;border-radius:12px;background:var(--dv-phone-teal-bright);color:#062c31;font-size:14px;letter-spacing:.02em;box-shadow:none}
body[data-r3-surface="mobile"] .r3-phone-section,body[data-r3-surface="app"] .r3-phone-section{margin-top:18px}
body[data-r3-surface="mobile"] .r3-phone-section-head,body[data-r3-surface="app"] .r3-phone-section-head{min-height:34px;margin-bottom:9px;padding:0 2px}
body[data-r3-surface="mobile"] .r3-phone-section-head h2,body[data-r3-surface="app"] .r3-phone-section-head h2{font-size:29px;line-height:1;text-transform:uppercase}
body[data-r3-surface="mobile"] .r3-phone-grid,body[data-r3-surface="app"] .r3-phone-grid{gap:8px}
body[data-r3-surface="mobile"] .r3-phone-action,body[data-r3-surface="app"] .r3-phone-action{min-height:116px;padding:16px;border:1px solid var(--dv-phone-line);border-radius:14px;background:#fff;box-shadow:none;color:var(--dv-phone-ink)}
body[data-r3-surface="mobile"] .r3-phone-action:active,body[data-r3-surface="app"] .r3-phone-action:active{transform:scale(.985);background:#eaf4f3}
body[data-r3-surface="mobile"] .r3-phone-action b,body[data-r3-surface="app"] .r3-phone-action b{font-size:27px;line-height:1;text-transform:uppercase}
body[data-r3-surface="mobile"] .r3-phone-action small,body[data-r3-surface="app"] .r3-phone-action small{margin-top:8px;font-size:10px;line-height:1.35}
body[data-r3-surface="mobile"] .r3-phone-card,body[data-r3-surface="app"] .r3-phone-card{padding:18px;border:1px solid var(--dv-phone-line);border-radius:15px;background:#fff;box-shadow:none}
body[data-r3-surface="mobile"] .r3-phone-metrics,body[data-r3-surface="app"] .r3-phone-metrics{gap:7px}
body[data-r3-surface="mobile"] .r3-phone-metric,body[data-r3-surface="app"] .r3-phone-metric{min-width:0;padding:13px 11px;border:1px solid var(--dv-phone-line);border-radius:12px;background:#fff}
body[data-r3-surface="mobile"] .r3-phone-metric b,body[data-r3-surface="app"] .r3-phone-metric b{font-size:28px;line-height:1}
body[data-r3-surface="mobile"] .r3-phone-list,body[data-r3-surface="app"] .r3-phone-list{gap:8px}
body[data-r3-surface="mobile"] .r3-phone-list .r3-list-item,body[data-r3-surface="app"] .r3-phone-list .r3-list-item{min-height:64px;padding:13px 14px;border:1px solid var(--dv-phone-line);border-radius:13px;background:#fff}
body[data-r3-surface="mobile"] .r3-phone-nav,body[data-r3-surface="app"] .r3-phone-nav{height:calc(70px + env(safe-area-inset-bottom));max-width:680px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid rgba(8,40,50,.12);background:rgba(255,255,255,.98);box-shadow:0 -8px 25px rgba(8,40,50,.07);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body[data-r3-surface="app"] .r3-phone-nav{max-width:760px;background:rgba(8,40,50,.985);border-top-color:rgba(255,255,255,.1);box-shadow:0 -8px 30px rgba(3,20,24,.22)}
body[data-r3-surface="mobile"] .r3-phone-nav button,body[data-r3-surface="app"] .r3-phone-nav button{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:10px;color:#6b7b7e;font-size:9px;font-weight:800;line-height:1}
body[data-r3-surface="app"] .r3-phone-nav button{color:#8faaaa}
body[data-r3-surface="mobile"] .r3-phone-nav button[data-active='1']{background:#e8f4f3;color:var(--dv-phone-ink)}
body[data-r3-surface="app"] .r3-phone-nav button[data-active='1']{background:#123c40;color:#fff}
.r3-phone-nav-icon{display:grid;width:23px;height:23px;place-items:center}
.r3-phone-nav-icon svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
body[data-r3-surface="mobile"] .r3-phone-nav .play,body[data-r3-surface="app"] .r3-phone-nav .play{top:-13px;width:56px;height:56px;border-radius:50%;background:var(--dv-phone-teal-bright);color:#062c31;box-shadow:0 10px 22px rgba(7,156,154,.24)}
body[data-r3-surface="mobile"] .r3-phone-nav .play[data-active='1'],body[data-r3-surface="app"] .r3-phone-nav .play[data-active='1']{background:#50d9d2;color:#062c31}
body[data-r3-surface="mobile"] .r3-phone-nav .play .r3-phone-nav-label,body[data-r3-surface="app"] .r3-phone-nav .play .r3-phone-nav-label{font-size:8px;font-weight:900}
body[data-r3-surface="mobile"] .r3-fullscreen-mode,body[data-r3-surface="app"] .r3-fullscreen-mode{min-height:100dvh;background:#061d22}
body[data-r3-surface="mobile"] .r3-fullscreen-body,body[data-r3-surface="app"] .r3-fullscreen-body{min-height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
body[data-r3-surface="mobile"] .r3-fullscreen-head,body[data-r3-surface="app"] .r3-fullscreen-head{min-height:58px;padding:12px 14px;border-bottom-color:rgba(255,255,255,.12)}
/* Any desktop-style product markup reached from a phone route becomes a phone card stack. */
body[data-r3-surface="mobile"] .r3-phone-main .r3-product-title,body[data-r3-surface="app"] .r3-phone-main .r3-product-title{display:block;width:100%;max-width:100%;min-width:0;padding:16px 2px 13px;overflow:hidden}
body[data-r3-surface="mobile"] .r3-phone-main .r3-product-title>*,body[data-r3-surface="app"] .r3-phone-main .r3-product-title>*{min-width:0;max-width:100%}
body[data-r3-surface="mobile"] .r3-phone-main .r3-product-title h1,body[data-r3-surface="app"] .r3-phone-main .r3-product-title h1{max-width:100%;font-size:39px;line-height:.9;overflow-wrap:anywhere}
body[data-r3-surface="mobile"] .r3-phone-main .r3-page-grid,body[data-r3-surface="app"] .r3-phone-main .r3-page-grid,
body[data-r3-surface="mobile"] .r3-phone-main .r3-two-col,body[data-r3-surface="app"] .r3-phone-main .r3-two-col,
body[data-r3-surface="mobile"] .r3-phone-main .r3-three-col,body[data-r3-surface="app"] .r3-phone-main .r3-three-col,
body[data-r3-surface="mobile"] .r3-phone-main .r3-metric-grid,body[data-r3-surface="app"] .r3-phone-main .r3-metric-grid{width:100%;max-width:100%;min-width:0;grid-template-columns:minmax(0,1fr);gap:9px}
body[data-r3-surface="mobile"] .r3-phone-main .r3-page-grid>*,body[data-r3-surface="app"] .r3-phone-main .r3-page-grid>*{min-width:0;max-width:100%}
body[data-r3-surface="mobile"] .r3-phone-main .r3-page-card,body[data-r3-surface="app"] .r3-phone-main .r3-page-card,
body[data-r3-surface="mobile"] .r3-phone-main .r3-panel,body[data-r3-surface="app"] .r3-phone-main .r3-panel{width:100%;max-width:100%;min-width:0;min-height:0;padding:18px;border-radius:14px;box-shadow:none;overflow:hidden}
body[data-r3-surface="mobile"] .r3-phone-main .r3-page-card h2,body[data-r3-surface="app"] .r3-phone-main .r3-page-card h2,
body[data-r3-surface="mobile"] .r3-phone-main .r3-page-card p,body[data-r3-surface="app"] .r3-phone-main .r3-page-card p{max-width:100%;overflow-wrap:anywhere}
body[data-r3-surface="mobile"] input,body[data-r3-surface="app"] input,body[data-r3-surface="mobile"] select,body[data-r3-surface="app"] select{font-size:16px}
body[data-r3-surface="mobile"] button:focus-visible,body[data-r3-surface="app"] button:focus-visible,body[data-r3-surface="mobile"] a:focus-visible,body[data-r3-surface="app"] a:focus-visible{outline:3px solid rgba(7,156,154,.28);outline-offset:2px}
@media(max-width:390px){body[data-r3-surface="mobile"] .r3-phone-shell,body[data-r3-surface="app"] .r3-phone-shell{padding-left:10px;padding-right:10px}body[data-r3-surface="mobile"] .r3-phone-top,body[data-r3-surface="app"] .r3-phone-top{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}body[data-r3-surface="mobile"] .r3-phone-hero h1,body[data-r3-surface="app"] .r3-phone-hero h1{font-size:46px}.r3-phone-nav-label{font-size:8px}}
@media(min-width:681px) and (max-width:900px){body[data-r3-surface="mobile"] .r3-phone-shell,body[data-r3-surface="app"] .r3-phone-shell{padding-left:20px;padding-right:20px}body[data-r3-surface="mobile"] .r3-phone-grid,body[data-r3-surface="app"] .r3-phone-grid{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){body[data-r3-surface="mobile"] *,body[data-r3-surface="app"] *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}