:root{--app-primary:#68e0d4;--app-secondary:#b7fff5}.app-page{background:radial-gradient(circle at 75% 12%, color-mix(in srgb, var(--app-primary) 10%, transparent), transparent 32rem), #05070a}.app-page:before{z-index:-2;content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:80px 80px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.app-shell,.app-header{width:min(100% - 3rem,1400px);margin-inline:auto}.app-header{z-index:20;border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;min-height:88px;display:flex;position:absolute;inset:0 0 auto}.back-link,.app-header-meta{color:#a6aeb8;font:400 .62rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.75rem;display:flex}.back-link{min-height:44px}.back-link span{color:var(--app-primary);transition:transform .25s var(--ease-out);font-size:1rem}.back-link:hover span,.back-link:focus-visible span{transform:translate(-4px)}.app-header-meta i{background:var(--app-primary);width:4px;height:4px;box-shadow:0 0 12px var(--app-primary);border-radius:50%}.app-hero{isolation:isolate;border-bottom:1px solid #ffffff14;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);align-items:center;gap:clamp(2rem,5vw,7rem);min-height:min(960px,100svh);padding:110px max(1.5rem,50vw - 700px) 3rem;display:grid;position:relative;overflow:hidden}.app-hero:before{z-index:-2;background:radial-gradient(circle at 75% 45%, color-mix(in srgb, var(--app-primary) 16%, transparent), transparent 32%), radial-gradient(circle at 88% 28%, color-mix(in srgb, var(--app-secondary) 8%, transparent), transparent 22%), linear-gradient(135deg, #05070a 20%, color-mix(in srgb, var(--app-primary) 4%, #05070a));content:"";position:absolute;inset:0}.app-hero-noise{z-index:-1;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.35s steps(2,end) infinite app-noise;position:absolute;inset:-30%}@keyframes app-noise{0%{transform:translate(0)}50%{transform:translate(2%,-1%)}to{transform:translate(-1%,2%)}}.app-hero-copy{z-index:3;max-width:690px;position:relative}.app-identity{align-items:center;gap:1rem;margin-bottom:clamp(2.5rem,5vw,5rem);display:flex}.app-identity img{border-radius:15px;width:56px;height:56px;box-shadow:0 14px 30px #00000059,inset 0 1px #ffffff40}.app-identity p{color:var(--app-primary);font:500 .64rem/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0}.app-hero h1{letter-spacing:-.08em;text-shadow:0 20px 80px color-mix(in srgb, var(--app-primary) 16%, transparent);margin:0;font-size:clamp(4rem,8.6vw,9rem);font-weight:500;line-height:.87}.app-lede{color:#a8b0ba;max-width:610px;margin:2.1rem 0 0;font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.65}.app-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:2.7rem;display:flex}.app-action{color:#d2d7dd;min-height:48px;transition:transform .28s var(--ease-out), border-color .28s ease, background .28s ease;background:#ffffff06;border:1px solid #ffffff2b;border-radius:999px;justify-content:space-between;align-items:center;gap:2rem;padding:.85rem 1.25rem;font-size:.72rem;display:inline-flex}.app-action-primary{color:#07100e;border-color:var(--app-primary);background:var(--app-primary);box-shadow:0 10px 38px color-mix(in srgb, var(--app-primary) 24%, transparent)}.app-action-muted{color:var(--app-primary);border-color:color-mix(in srgb, var(--app-primary) 28%, transparent)}a.app-action:hover,a.app-action:focus-visible{border-color:var(--app-secondary);background:color-mix(in srgb, var(--app-primary) 16%, #11151c);color:#fff;transform:translateY(-3px)}.app-action-primary:hover,.app-action-primary:focus-visible{color:#07100e!important;background:var(--app-secondary)!important}.app-visual{aspect-ratio:1.08;background:linear-gradient(145deg,#141a23d1,#05080ced);border:1px solid #ffffff1c;border-radius:32px;justify-self:end;width:min(100%,720px);animation:8s ease-in-out infinite visual-float;position:relative;overflow:hidden;transform:perspective(1100px)rotateY(-4deg)rotateX(2deg);box-shadow:0 55px 120px #00000073,inset 0 1px #ffffff14}.app-visual:before,.app-visual:after{pointer-events:none;content:"";position:absolute}.app-visual:before{z-index:5;border-radius:inherit;inset:0;box-shadow:inset 0 0 0 1px #ffffff09}.app-visual:after{z-index:4;filter:blur(2px);background:linear-gradient(90deg,#0000,#fff1,#0000);width:52%;height:160%;animation:10s ease-in-out infinite screenshot-sheen;top:-45%;left:-44%;transform:rotate(22deg)}@keyframes visual-float{0%,to{translate:0}50%{translate:0 -10px}}@keyframes screenshot-sheen{0%,58%{opacity:0;translate:0}68%{opacity:.7}82%,to{opacity:0;translate:240%}}.screenshot-stack{z-index:2;perspective:1200px;position:absolute;inset:0}.app-screen{aspect-ratio:var(--screen-ratio);transition:transform .7s var(--ease-out), filter .7s var(--ease-out);background:#080a0d;border:1px solid #ffffff3d;border-radius:22px;margin:0;position:absolute;overflow:hidden;box-shadow:0 28px 70px #00000080,0 0 0 1px #0006,inset 0 1px #ffffff2e}.app-screen img{object-fit:cover;width:100%;height:100%;display:block}.app-visual-portrait .app-screen{aspect-ratio:.46}.app-visual-portrait .app-screen-1{z-index:3;width:38%;top:5%;left:31%;transform:translateZ(34px)}.app-visual-portrait .app-screen-2{z-index:1;filter:brightness(.78)saturate(.88);width:34%;top:15%;left:4%;transform:rotateY(8deg)rotate(-5deg)scale(.94)}.app-visual-portrait .app-screen-3{z-index:2;filter:brightness(.86)saturate(.94);width:34%;top:13%;right:4%;transform:rotateY(-8deg)rotate(5deg)scale(.96)}.app-visual-landscape .app-screen-1{z-index:3;width:86%;top:29%;left:7%;transform:translateZ(36px)}.app-visual-landscape .app-screen-2{z-index:1;filter:brightness(.76)saturate(.88);width:72%;top:8%;left:-3%;transform:rotateY(6deg)rotate(-4deg)scale(.96)}.app-visual-landscape .app-screen-3{z-index:2;filter:brightness(.84)saturate(.94);width:72%;bottom:8%;right:-3%;transform:rotateY(-6deg)rotate(4deg)scale(.98)}.app-visual:hover .app-screen-1{transform:translateY(-7px)translateZ(42px)scale(1.01)}.app-visual:hover .app-screen-2{filter:brightness(.9)saturate(.98);transform:translate(-6px,-3px)rotateY(5deg)rotate(-6deg)scale(.95)}.app-visual:hover .app-screen-3{filter:brightness(.94)saturate();transform:translate(6px,-4px)rotateY(-5deg)rotate(6deg)scale(.97)}.app-visual-caption{z-index:6;color:#ffffffad;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:fit-content;max-width:calc(100% - 2.8rem);font:300 .7rem/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;background:#04070aa8;border:1px solid #ffffff1a;border-radius:999px;margin:0;padding:.65rem .8rem;position:absolute;bottom:1.25rem;left:1.4rem;right:1.4rem}.visual-glow{aspect-ratio:1;background:var(--app-primary);filter:blur(120px);opacity:.17;border-radius:50%;width:70%;animation:10s ease-in-out infinite alternate glow-roam;position:absolute;top:0;left:20%}@keyframes glow-roam{to{opacity:.25;transform:translate(18%,22%)scale(1.15)}}[data-app=echocare-notes] .app-screen-3 img{object-fit:contain}.app-story{padding-block:clamp(7rem,13vw,13rem)}.story-grid{grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);align-items:end;gap:clamp(3rem,8vw,9rem);display:grid}.story-grid h2,.app-closing h2{letter-spacing:-.07em;margin:0;font-size:clamp(3rem,6.6vw,7rem);font-weight:500;line-height:.98}.story-grid>p{color:#929ba6;margin:0 0 .55rem;font-size:.96rem;line-height:1.85}.feature-section{padding-bottom:clamp(7rem,13vw,13rem)}.feature-grid{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:24px;grid-template-columns:1fr;gap:1px;display:grid;overflow:hidden}.feature{background:#0b0e13;background:radial-gradient(circle at 100% 50%, color-mix(in srgb, var(--app-primary) 9%, transparent), transparent 34%), #0b0e13;grid-template-columns:minmax(4rem,.18fr) minmax(14rem,.55fr) minmax(280px,1fr);align-items:center;gap:clamp(1.5rem,3vw,4rem);min-height:0;padding:clamp(2rem,3.4vw,3.25rem);display:grid;position:relative;overflow:hidden}.feature:after{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--app-primary) 12%, transparent);content:"";pointer-events:none;border-radius:50%;width:clamp(3.5rem,6vw,6.5rem);position:absolute;top:50%;right:clamp(1.5rem,3vw,3rem);transform:translateY(-50%)}.motion-ready .feature:not(.is-revealing){opacity:0}.feature>span{z-index:1;color:var(--app-primary);font:300 .6rem/1 var(--mono);letter-spacing:.08em;position:relative}.feature h3{z-index:1;letter-spacing:-.04em;margin:0;font-size:clamp(1.2rem,2vw,1.65rem);font-weight:500;line-height:1.15;position:relative}.feature p{z-index:1;color:#838c97;max-width:52ch;margin:0;font-size:.86rem;line-height:1.75;position:relative}.app-closing{text-align:center;background:#080b10;background:radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--app-primary) 16%, transparent), transparent 34%), #080b10;border:1px solid #ffffff1a;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;min-height:min(800px,88svh);padding:6rem 1.5rem;display:flex;position:relative;overflow:hidden}.app-closing:before{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--app-primary) 25%, transparent);width:min(70vw,900px);box-shadow:inset 0 0 90px color-mix(in srgb, var(--app-primary) 7%, transparent);content:"";border-radius:50%;animation:10s ease-in-out infinite closing-ring;position:absolute}@keyframes closing-ring{50%{opacity:.62;transform:scale(1.05)}}.app-closing>*{z-index:1;position:relative}.app-closing img{border-radius:22px;width:88px;height:88px;margin-bottom:2rem;box-shadow:0 24px 55px #00000061}.app-closing .eyebrow{color:var(--app-primary);margin-bottom:1.5rem}.app-closing>p:not(.eyebrow){color:#8e97a2;max-width:470px;margin:1.5rem 0 2rem;font-size:.9rem;line-height:1.7}.app-footer{color:#7b8492;min-height:160px;font:300 .7rem/1.5 var(--mono);letter-spacing:.04em;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.app-footer div{gap:2rem;display:flex}.app-footer p{justify-self:end}.app-footer a:hover,.app-footer a:focus-visible{color:var(--app-primary)}.app-footer a{align-items:center;min-height:44px;display:inline-flex}.missing-app{place-items:center;min-height:100svh;display:grid}[data-theme=clinical] .app-visual{background:linear-gradient(#68e0d409 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#68e0d409 1px,#0000 1px) 0 0/34px 34px,linear-gradient(145deg,#10211e,#070c0d)}[data-theme=serene] .app-visual{background:linear-gradient(160deg,#171228,#090b18 62%,#071416)}[data-theme=lunar] .app-visual{background:radial-gradient(circle at 52% 40%,#18244a,#080b18 55%,#050711)}[data-theme=fire] .app-visual{background:linear-gradient(150deg,#1c100b,#08090e 60%,#101820)}[data-theme=navigation] .app-visual{background:linear-gradient(135deg,#071816,#071015 60%,#0d1520)}[data-theme=playful] .app-visual{background:radial-gradient(circle at 24% 18%,#ffe27a29,#0000 28%),radial-gradient(circle at 82% 80%,#a8e4692e,#0000 32%),linear-gradient(145deg,#13221a,#07100c 72%);border-radius:32px}@media (width<=1080px){.app-hero{grid-template-columns:1fr;padding-top:150px}.app-hero-copy{max-width:860px}.app-visual{aspect-ratio:1.45;justify-self:center;width:min(100%,840px);transform:none}.app-visual-portrait .app-screen-1{width:29%;top:4%;left:35.5%}.app-visual-portrait .app-screen-2{width:26%;top:10%;left:12%}.app-visual-portrait .app-screen-3{width:26%;top:9%;right:12%}.app-hero h1{font-size:clamp(5rem,13vw,9rem)}}@media (width<=760px){.app-shell,.app-header{width:min(100% - 2rem,1400px)}.app-header{min-height:72px}.app-header-meta span:first-child,.app-header-meta i{display:none}.app-hero{min-height:auto;padding:120px 1rem 2rem}.app-identity{margin-bottom:3rem}.app-hero h1{font-size:clamp(4.1rem,19vw,6rem)}.app-lede{font-size:1rem}.app-actions{flex-direction:column;align-items:stretch}.app-action{width:100%}.app-visual{aspect-ratio:.9;border-radius:22px;margin-top:2rem}[data-theme=playful] .app-visual{border-radius:22px}.app-visual-portrait .app-screen-1{width:42%;top:6%;left:29%}.app-visual-portrait .app-screen-2{width:37%;top:14%;left:-4%}.app-visual-portrait .app-screen-3{width:37%;top:12%;right:-4%}.app-visual-landscape .app-screen-1{width:94%;top:31%;left:3%}.app-visual-landscape .app-screen-2{width:82%;top:10%;left:-12%}.app-visual-landscape .app-screen-3{width:82%;bottom:10%;right:-12%}.app-screen{border-radius:15px}.app-visual-caption{max-width:calc(100% - 1.6rem);padding:.55rem .7rem;font-size:.68rem;bottom:.8rem;left:.8rem;right:.8rem}.story-grid{grid-template-columns:1fr;gap:2.5rem}.story-grid h2,.app-closing h2{font-size:clamp(3rem,14vw,5rem)}.feature{grid-template-rows:auto auto;grid-template-columns:2.5rem minmax(0,1fr);align-items:start;gap:.65rem 1rem;min-height:0;padding:1.6rem 1.25rem 1.75rem}.feature:after{width:5.5rem;top:-1rem;right:-1rem;transform:none}.feature>span{border:1px solid color-mix(in srgb, var(--app-primary) 22%, transparent);background:color-mix(in srgb, var(--app-primary) 5%, #0b0e13);border-radius:50%;grid-row:1/3;place-items:center;width:2.25rem;height:2.25rem;display:grid}.feature h3{margin:0;padding-top:.1rem;font-size:1.18rem}.feature p{grid-column:2;max-width:none;margin:0;font-size:.82rem}.app-closing{border-radius:20px;width:calc(100% - 2rem);min-height:660px}.app-closing:before{width:120vw}.app-footer{grid-template-columns:1fr auto;align-items:start;gap:1.5rem;padding-block:3rem}.app-footer div{justify-self:end}.app-footer p{grid-column:1/-1;justify-self:start;margin:0}}