:root{color-scheme:dark;--bg:#080808;--fg:#ecece9;--muted:#959591;--line:#ffffff26;--soft:#111110;--hover:#171716;--glow:#ffffff0c;--logo:url('assets/del-wordmark.png');--live:url('assets/live-mark.png')}[data-theme=light]{color-scheme:light;--bg:#fafaf7;--fg:#171716;--muted:#6d6d67;--line:#00000024;--soft:#f1f1ed;--hover:#eaeae5;--glow:#00000007}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;transition:background .35s,color .35s}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--fg);outline-offset:6px}::selection{color:var(--bg);background:var(--fg)}header{height:100px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.logo{display:block;width:61px;height:55px;background:currentColor;-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat}.header-right{display:flex;align-items:center;gap:32px;font-size:12px}.nav-link:hover{opacity:.6}.pill{border:1px solid var(--line);border-radius:30px;padding:13px 22px;display:flex;gap:25px;align-items:center;transition:background .25s,color .25s}.pill:hover{background:var(--fg);color:var(--bg)}.theme-toggle{width:32px;height:36px;display:grid;place-items:center}.theme-toggle svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.4;fill:none}.moon{display:none}[data-theme=light] .moon{display:block}[data-theme=light] .sun{display:none}.hero{height:calc(100svh - 100px);min-height:620px;max-height:960px;position:relative;display:flex;justify-content:center;align-items:flex-end;padding-bottom:125px;overflow:hidden}.hero:before,.hero:after{content:'';position:absolute;top:0;bottom:0;width:1px;background:var(--line);opacity:.35;pointer-events:none}.hero:before{left:5.5%}.hero:after{right:5.5%}.halo{position:absolute;width:75vw;height:75vw;max-width:1000px;max-height:1000px;top:-15%;background:radial-gradient(ellipse,var(--glow),transparent 65%);pointer-events:none}.hero-mark{position:absolute;top:3%;width:min(45vw,510px);height:57%;color:var(--fg);opacity:.82;animation:heartbeat 1.846s infinite;transform:rotate(-7deg);will-change:transform}.massive,.flow{position:absolute;inset:0;width:100%;height:100%}.massive{background:linear-gradient(145deg,var(--fg) 15%,var(--muted) 65%,var(--bg) 100%)}.flow{background:linear-gradient(110deg,transparent 40%,var(--fg) 49%,transparent 55%);background-size:300% 100%;opacity:.25;animation:flow 4s linear infinite}.hero-copy{position:relative;text-align:center;padding:0 24px;z-index:1}.eyebrow{font-size:9px;letter-spacing:2.3px;color:var(--muted);margin:0 0 23px}h1{font-size:clamp(42px,5.5vw,83px);line-height:1.06;letter-spacing:-4px;font-weight:400;margin:0 0 26px}.hero-link{font-size:13px;color:var(--muted);display:inline-flex;align-items:center;gap:24px}.hero-link span{color:var(--fg);transition:transform .25s}.hero-link:hover span{transform:translateY(5px)}.hero-bottom{position:absolute;bottom:0;left:5.5%;right:5.5%;height:65px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:8px;letter-spacing:1.5px}.hero-bottom button{font-size:9px;color:var(--muted);letter-spacing:.5px;padding:12px 0}.hero-bottom button span{margin-left:14px}.difference{padding:78px 5.5% 100px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}h2{font-size:31px;font-weight:400;letter-spacing:-1.2px;margin:0}.section-heading>span{font-size:9px;color:var(--muted);letter-spacing:1px}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:2px;align-items:start}.feature{min-width:0}.feature+.feature{border-left:1px solid var(--line)}.feature-button{display:flex;flex-direction:column;align-items:stretch;width:100%;text-align:left;padding:28px 28px 23px;min-height:280px;transition:background .25s}.feature-button:hover,.feature:has([aria-expanded=true]) .feature-button{background:var(--soft)}.feature-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.3px;color:var(--muted);margin-bottom:35px}.feature-top svg{width:22px;height:22px;stroke:var(--fg);fill:none;stroke-width:1.2}.live-mark{width:24px;height:24px;background:var(--fg);-webkit-mask:var(--live) center/contain no-repeat;mask:var(--live) center/contain no-repeat}h3{font-size:31px;letter-spacing:-1.2px;font-weight:400;line-height:1.07;margin:0 0 16px;min-height:66px}.summary{font-size:12px;line-height:1.5;color:var(--muted);margin-bottom:30px}.feature-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:10px}.plus{font-size:21px;font-weight:300;transition:transform .3s}[aria-expanded=true] .plus{transform:rotate(45deg)}.feature-panel{padding:0 28px 27px;background:var(--soft);animation:appear .35s ease-out}.feature-panel[hidden]{display:none}.feature-panel p{font-size:12px;line-height:1.85;color:var(--muted);margin:22px 0}.demo-button{width:100%;border:1px solid var(--line);border-radius:3px;padding:13px 12px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.demo-button:hover{background:var(--hover)}.feature-panel small{display:block;text-align:center;font-size:8px;line-height:1.6;color:var(--muted);margin-top:12px}.lock-demo{height:100px;display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid var(--line);padding-top:12px}.person{border:1px solid var(--line);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:9px;transition:transform .6s,background .6s,color .6s;flex-shrink:0}.lock-logo{width:46px;height:43px;opacity:.25;flex-shrink:0;transition:opacity .5s}.lock-line{height:1px;width:13px;background:var(--line);transition:width .6s}.locked .person{background:var(--fg);color:var(--bg)}.locked .lock-logo{opacity:1;animation:pulse .462s infinite}.locked .lock-line{width:0}.locked .p1{transform:translateX(5px)}.locked .p2{transform:translateX(-5px)}.live-demo{display:flex;gap:6px;position:relative;padding-top:14px;border-top:1px solid var(--line);height:127px;padding-bottom:22px}.live-window{background:var(--hover);border:1px solid var(--line);border-radius:4px;flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.live-window>span:last-child{position:absolute;bottom:6px;left:8px;font-size:7px;z-index:1}.silhouette{width:26px;height:26px;border-radius:50%;background:var(--muted);opacity:.2;position:relative;transition:opacity .4s,transform .4s;filter:blur(5px)}.silhouette:after{content:'';position:absolute;top:30px;left:-18px;width:62px;height:55px;background:var(--muted);border-radius:40px 40px 0 0}.connected .silhouette{opacity:.65;filter:none;transform:translateY(-10px)}.live-status{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:7px;letter-spacing:1px;color:var(--muted)}.connected .live-status{color:var(--fg)}.report-steps{border-top:1px solid var(--line);padding-top:17px;display:flex;flex-direction:column;gap:14px;font-size:11px}.report-steps span{display:flex;gap:18px}.report-steps b{font-size:8px;color:var(--muted);font-weight:400}.private-note{display:flex;gap:9px;font-size:9px;color:var(--muted);line-height:1.6}.private-note svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.3;flex-shrink:0}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:28px 5.5%;font-size:8px;letter-spacing:1px;color:var(--muted)}footer .logo{width:40px;height:36px;color:var(--fg)}footer a:last-child{font-size:10px;letter-spacing:0}.paused *{animation-play-state:paused!important}@keyframes heartbeat{0%,100%{transform:rotate(-7deg) scale(1)}8%{transform:rotate(-7deg) scale(1.015)}16%{transform:rotate(-7deg) scale(1)}24%{transform:rotate(-7deg) scale(1.008)}32%{transform:rotate(-7deg) scale(1)}}@keyframes pulse{0%,100%{transform:scale(1)}25%{transform:scale(1.065)}45%{transform:scale(1)}65%{transform:scale(1.03)}}@keyframes flow{from{background-position:150% 0}to{background-position:-150% 0}}@keyframes appear{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.hero-mark{top:5%;height:53%}}@media(max-width:900px){.feature-button{padding:24px 20px}.feature-panel{padding:0 20px 24px}h3{font-size:26px}.summary{font-size:11px}.hero-mark{width:55vw}}@media(max-width:640px){header{height:82px;padding:0 6%}.logo{width:50px;height:46px}.header-right{gap:18px}.nav-link{display:none}.pill{font-size:10px;padding:11px 15px;gap:18px}.hero{height:calc(90svh - 82px);min-height:570px;max-height:730px;padding-bottom:125px}.hero-mark{top:3%;height:48%;width:78vw}.hero:before{left:6%}.hero:after{right:6%}h1{font-size:43px;letter-spacing:-2.2px}.eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:20px}.hero-link{font-size:11px}.hero-bottom{left:6%;right:6%;font-size:7px;letter-spacing:1px;height:57px}.hero-bottom button{font-size:8px}.difference{padding:52px 6% 60px}h2{font-size:26px;letter-spacing:-1px}.section-heading{margin-bottom:25px}.features{grid-template-columns:1fr}.feature+.feature{border-left:0;border-top:1px solid var(--line)}.feature-button{padding:24px;min-height:230px}.feature-top{margin-bottom:28px}h3{font-size:31px;min-height:0;margin-bottom:15px}.summary{font-size:12px;margin-bottom:27px}.feature-panel{padding:0 24px 27px}.lock-demo,.live-demo{max-width:290px;margin:auto}.feature-panel p{font-size:13px}footer{padding:25px 6%}footer>span{font-size:7px}.feature-button:has(h3 br){min-height:255px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Fluid identity and visual product gallery */
header{height:86px;border-bottom:0}.hero{height:calc(100svh - 86px);min-height:650px;max-height:1050px;padding-bottom:95px}.hero:before,.hero:after{display:none}.hero-mark{top:-4%;width:min(80vw,950px);height:75%;animation:none;transform:none;opacity:1}.hero-mark .massive{inset:10% 20%;width:60%;height:80%;opacity:.3}.hero-mark.ready .massive{display:none}#liquid-logo{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}.halo{top:-30%;width:120vw;height:120vw;max-width:none;max-height:none;background:radial-gradient(ellipse at 50% 50%,var(--glow),transparent 58%)}.hero-copy{pointer-events:none}.hero-copy a{pointer-events:auto}.hero-copy h1{font-size:clamp(39px,4.1vw,65px);letter-spacing:-2.8px;margin-bottom:18px}.hero-copy .eyebrow{margin-bottom:15px;font-size:8px}.hero-link{font-size:12px}.hero-bottom{height:55px;font-size:7px}.difference{padding-top:60px;padding-bottom:80px}.section-heading{margin-bottom:28px}h2{font-size:28px}.section-heading>span{font-size:8px}.features{border:0;gap:14px;align-items:start}.feature{border:1px solid var(--line);border-radius:15px;background:var(--soft);overflow:hidden}.feature+.feature{border-left:1px solid var(--line)}.feature-button{padding:0 22px 21px;min-height:450px;position:relative}.feature-top{position:absolute;top:22px;left:22px;right:22px;z-index:2;font-size:7px;margin:0}.feature-top svg,.feature-top .live-mark{width:18px;height:18px}.card-visual{height:285px;position:relative;margin:0 -22px 25px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line)}h3{font-size:28px;letter-spacing:-1px;min-height:60px;margin-bottom:8px}.summary{font-size:11px;margin-bottom:21px}.feature-bottom{font-size:10px;color:var(--muted)}.feature-button:hover .feature-bottom{color:var(--fg)}.feature-button:hover{background:transparent}.feature-button:hover .card-visual{filter:brightness(1.08)}.feature-panel{padding:0 22px 24px}.lock-visual{background:radial-gradient(ellipse at 50% 50%,var(--glow),transparent 70%)}.orbit-ring{position:absolute;width:215px;height:215px;border:1px solid var(--line);border-radius:50%;transform:rotate(-20deg) scaleY(.6)}.mini-profile{position:absolute;width:77px;height:94px;border-radius:15px;background:var(--hover);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 30px #0001;transition:transform .8s}.mini-profile span{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:17px;color:var(--muted)}.mini-profile.first{left:calc(50% - 101px);transform:rotate(-11deg)}.mini-profile.second{right:calc(50% - 101px);transform:rotate(11deg)}.center-logo{width:53px;height:51px;z-index:2;filter:drop-shadow(0 0 20px var(--bg));animation:pulse .462s infinite}.visual-caption{position:absolute;bottom:29px;font-size:6px;letter-spacing:1.4px;color:var(--muted)}.feature:hover .mini-profile.first{transform:translateX(10px) rotate(-6deg)}.feature:hover .mini-profile.second{transform:translateX(-10px) rotate(6deg)}.live-visual{padding:58px 22px 28px;gap:5px}.portrait{height:170px;width:50%;border:1px solid var(--line);border-radius:8px;background-size:270%;filter:grayscale(1);opacity:.7;transition:filter .8s,opacity .8s,transform .8s}.left-portrait{background-position:1% 12%;transform:rotate(-4deg)}.right-portrait{background-position:90% 24%;transform:rotate(4deg)}.feature:hover .portrait{filter:grayscale(.25);opacity:1;transform:rotate(0)}.video-badge{position:absolute;top:75px;left:36px;color:white;background:#0008;padding:5px 7px;border-radius:10px;font-size:6px;letter-spacing:.7px}.video-badge i{display:inline-block;width:4px;height:4px;background:#eee;border-radius:50%;margin-right:4px}.call-controls{position:absolute;bottom:38px;display:flex;gap:8px}.call-controls b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#ffffffcf;color:#333;font-weight:400;font-size:12px;backdrop-filter:blur(8px)}.call-controls b:last-child{background:#383838;color:white}.accountability-visual{perspective:600px}.evidence-card{position:absolute;width:76%;height:150px;border:1px solid var(--line);border-radius:10px;background:var(--hover);box-shadow:0 20px 40px #0002;transition:transform .7s}.evidence-card.back{transform:rotate(8deg) translate(7px,-3px);opacity:.5}.evidence-card.front{transform:rotate(-6deg) translate(-4px,7px);padding:16px;display:flex;flex-direction:column;gap:9px}.feature:hover .evidence-card.front{transform:rotate(-2deg) translate(-4px,0)}.evidence-header{font-size:5px;letter-spacing:.7px;color:var(--muted);display:flex;justify-content:space-between}.evidence-header b{font-size:10px;font-weight:400}.evidence-title{font-size:19px;letter-spacing:-.6px;margin:6px 0}.evidence-line{width:75%;height:3px;background:var(--line);border-radius:4px}.evidence-line.short{width:48%}.review-badge{margin-top:auto;border-top:1px solid var(--line);padding-top:9px;font-size:7px;color:var(--muted)}[data-theme=light] .hero{background:radial-gradient(ellipse at 50% 15%,#e9e8e2aa,transparent 68%)}[data-theme=light] .hero-mark .massive{background:#888}[data-theme=light] .feature{--soft:#f1f1ed}.feature-button:focus-visible{outline-offset:-4px}.feature-button[aria-expanded=true]{border-bottom:1px solid var(--line);margin-bottom:20px}.section-heading{align-items:baseline}@media(max-width:900px){.card-visual{height:240px}.feature-button{min-height:420px;padding-left:17px;padding-right:17px}.card-visual{margin-left:-17px;margin-right:-17px}.feature-top{left:17px;right:17px}h3{font-size:25px}.live-visual{padding-left:15px;padding-right:15px}.portrait{height:145px}.evidence-card{width:84%;padding:13px}.mini-profile{width:64px;height:80px}.mini-profile.first{left:calc(50% - 85px)}.mini-profile.second{right:calc(50% - 85px)}.orbit-ring{width:175px;height:175px}.video-badge{top:64px;left:23px}}@media(max-width:640px){header{height:78px}.hero{height:calc(90svh - 78px);min-height:580px;max-height:750px;padding-bottom:100px}.hero-mark{top:1%;height:66%;width:115vw;max-width:none}.hero-copy h1{font-size:43px;letter-spacing:-2px}.hero-copy .eyebrow{font-size:7px}.hero-link{font-size:11px}.hero-bottom{font-size:6px}.difference{padding-top:40px;padding-bottom:50px}.section-heading>span{display:none}.features{gap:16px}.feature-button{min-height:400px;padding:0 24px 24px}.card-visual{margin:0 -24px 24px;height:275px}.feature-top{top:22px;left:24px;right:24px}.feature h3{font-size:29px;min-height:0}.summary{font-size:12px}.portrait{height:178px;max-width:145px}.live-visual{padding:48px 26px 22px}.video-badge{top:66px;left:40px}.call-controls{bottom:36px}.evidence-card{width:74%;height:157px;padding:19px}.mini-profile{width:80px;height:99px}.mini-profile.first{left:calc(50% - 107px)}.mini-profile.second{right:calc(50% - 107px)}.center-logo{width:57px;height:54px}.orbit-ring{width:230px;height:230px}.feature-button:has(h3 br){min-height:430px}}
.left-portrait{background-position:0 0}.right-portrait{background-position:100% 0}
/* One continuous surface. Light, material and space establish the hierarchy. */
:root{--bg:#0b0c0c;--soft:#111313;--hover:#191c1c;--fg:#e9ebe7;--line:#ffffff19;--muted:#999e9a;--glow:#c7ded211}
[data-theme=light]{--bg:#f4f3ee;--soft:#eeeee8;--hover:#e7e9e2;--fg:#252b28;--line:#1a302019;--muted:#707770;--glow:#bfcdb414}
body{background:var(--bg)}main{position:relative;background:radial-gradient(ellipse 65% 38% at 50% 18%,var(--glow),transparent 90%)}
header{background:transparent}.hero,[data-theme=light] .hero{background:none}.hero{max-height:1000px;padding-bottom:118px}.halo{opacity:.35}.hero-mark{top:-1%;height:73%;width:min(88vw,1050px)}
.hero-copy .eyebrow{letter-spacing:2.5px;opacity:.8}.hero-copy h1{font-weight:400;letter-spacing:-2px}.hero-link{gap:18px;font-size:11px;opacity:.85}.hero-link:hover{opacity:1}.hero-bottom{border:0;opacity:.65;font-size:6px;letter-spacing:1.6px;height:62px}.hero-bottom button{font-size:8px}.pill{border-color:var(--line);background:color-mix(in srgb,var(--fg) 3%,transparent);backdrop-filter:blur(10px)}
.difference{padding:85px 7% 100px;position:relative}.section-heading{margin-bottom:34px;padding:0 8px}.section-heading h2{font-size:29px;font-weight:400;letter-spacing:-1px}.section-heading>span{font-size:7px;letter-spacing:1.5px;opacity:.65}
.features{gap:38px;align-items:start}.feature,.feature+.feature{border:0;border-radius:0;background:transparent;overflow:visible}.feature-button,.feature:has([aria-expanded=true]) .feature-button{background:transparent;min-height:410px;padding:0 8px 20px;border:0;margin:0}.feature-button:hover{background:none}.feature-button:hover .card-visual{filter:none}.feature-top{top:21px;left:8px;right:8px;opacity:.6;font-size:6px;letter-spacing:1.7px}.feature-top>svg,.feature-top>.live-mark{opacity:.75;width:16px;height:16px}
.card-visual{border:0;height:265px;margin:0 -8px 23px;background:none;overflow:hidden;mask-image:linear-gradient(transparent,black 15%,black 86%,transparent);-webkit-mask-image:linear-gradient(transparent,black 15%,black 86%,transparent)}
h3{font-size:27px;line-height:1.15;letter-spacing:-.8px;min-height:62px;margin-bottom:8px}.summary{font-size:11px;line-height:1.8;margin-bottom:21px;max-width:250px}.feature-bottom{justify-content:flex-start;gap:18px;font-size:9px}.plus{font-size:17px}.feature-button[aria-expanded=true]{border:0;margin:0}.feature-panel{background:transparent;padding:0 8px 25px;animation:softReveal .55s cubic-bezier(.2,.65,.3,1)}.feature-panel p{font-size:11px;line-height:1.9;margin-top:12px}.demo-button{border-radius:25px;padding:12px 16px;font-size:10px;background:color-mix(in srgb,var(--fg) 3%,transparent)}.lock-demo,.live-demo,.report-steps{border:0}.orbit-ring{width:220px;height:220px;border-color:color-mix(in srgb,var(--fg) 10%,transparent);box-shadow:0 0 70px var(--glow)}.mini-profile{border-color:var(--line);background:linear-gradient(145deg,var(--hover),var(--bg));box-shadow:0 18px 38px #0000000e;border-radius:20px}.mini-profile span{color:var(--muted);border-color:var(--line)}.center-logo{width:47px;height:45px;animation:pulse .462s infinite;opacity:.85}.visual-caption{font-size:5px;bottom:30px;opacity:.6;letter-spacing:1.2px}.portrait{opacity:.65;filter:grayscale(1);border-radius:15px;border-color:var(--line);box-shadow:0 15px 40px #0001}.live-visual{gap:8px}.video-badge{font-size:5px;opacity:.8}.call-controls{opacity:.8}.call-controls b{width:23px;height:23px}.evidence-card{border-radius:14px;border-color:var(--line);background:linear-gradient(145deg,var(--hover),var(--soft));box-shadow:0 18px 40px #00000010}.evidence-card.back{opacity:.3}.evidence-header{font-size:5px}.evidence-title{font-size:20px}.evidence-line{opacity:.6}.review-badge{font-size:6px}.feature{transition:opacity .8s,transform .8s}.js-reveals .feature{opacity:0;transform:translateY(22px)}.js-reveals .feature.revealed{opacity:1;transform:none}.feature:nth-child(2){transition-delay:.10s}.feature:nth-child(3){transition-delay:.20s}
footer{border:0;padding:30px 7% 36px;opacity:.65}footer>span{font-size:7px;letter-spacing:2px}footer a:last-child{font-size:9px}
@keyframes softReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:900px){.features{gap:24px}.difference{padding-left:6%;padding-right:6%}.card-visual{height:245px}h3{font-size:24px}.feature-top{font-size:5px}.mini-profile{width:60px;height:80px}.mini-profile.first{left:calc(50% - 82px)}.mini-profile.second{right:calc(50% - 82px)}.center-logo{width:43px}.evidence-card{width:84%}}
@media(max-width:640px){header{padding:0 7%}.hero{min-height:610px;height:calc(91svh - 78px);padding-bottom:110px}.hero-mark{width:118vw;height:68%;top:0}.hero-copy h1{font-size:43px}.hero-copy .eyebrow{font-size:6px;letter-spacing:2px}.hero-bottom{left:7%;right:7%;font-size:5px}.hero-bottom button{font-size:7px}.difference{padding:65px 8% 35px}.section-heading{margin-bottom:18px;padding:0}.section-heading h2{font-size:26px}.features{gap:50px}.feature-button,.feature-button:has(h3 br){min-height:0;padding:0 0 15px}.feature-top{font-size:6px;left:0;right:0}.card-visual{height:280px;margin:0 0 17px}.feature h3{font-size:29px;min-height:0;margin-bottom:10px}.summary{font-size:12px;margin-bottom:17px;max-width:none}.feature-bottom{font-size:10px}.feature-panel{padding:0 0 20px}.feature-panel p{font-size:12px}.mini-profile{width:78px;height:99px}.mini-profile.first{left:calc(50% - 105px)}.mini-profile.second{right:calc(50% - 105px)}.center-logo{width:52px}.evidence-card{width:76%}.live-visual{padding-left:20px;padding-right:20px}.portrait{max-width:145px}footer{padding:35px 8%}.js-reveals .feature{transition-delay:0s}}
@media(prefers-reduced-motion:reduce){.js-reveals .feature{opacity:1;transform:none}}
body{background:radial-gradient(ellipse 70vw 720px at 50% 320px,var(--glow),transparent 90%),var(--bg)}main{background:none}

/* Responsive composition: fluid spacing, generous touch targets and calm materials. */
:root{--page-gutter:clamp(22px,5.5vw,100px)}
html{scroll-padding-top:32px}body{overflow-x:clip}
header{padding-inline:var(--page-gutter);max-width:1600px;margin-inline:auto}
.theme-toggle{width:44px;height:44px}.hero-link,.hero-bottom button{min-height:44px;display:inline-flex;align-items:center}
.hero{height:auto;min-height:calc(100svh - 86px);max-height:none;padding:0 var(--page-gutter) 96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.hero-mark{position:relative;top:auto;width:min(100%,1050px);height:clamp(260px,48svh,580px);flex:none}
.hero-copy{padding:0;flex:none}.hero-copy h1{font-size:clamp(36px,4.6vw,68px);letter-spacing:-.045em;text-wrap:balance}
.hero-copy .eyebrow{font-size:clamp(8px,.7vw,10px);letter-spacing:.22em}
.hero-bottom{justify-content:flex-end;left:var(--page-gutter);right:var(--page-gutter);opacity:.85}.hero-bottom button{font-size:10px}
.difference{width:100%;max-width:1600px;margin-inline:auto;padding:clamp(55px,7vw,110px) var(--page-gutter)}
.section-heading{gap:24px;flex-wrap:wrap}.section-heading h2{font-size:clamp(27px,3vw,42px);letter-spacing:-.04em}
.features{gap:clamp(22px,3vw,52px)}.feature-top{font-size:8px;letter-spacing:.12em}.feature h3{font-size:clamp(26px,2.4vw,35px);letter-spacing:-.035em;min-height:81px}
.summary{font-size:13px;line-height:1.65}.feature-panel p{font-size:13px}.feature-bottom{min-height:44px;font-size:11px}.feature-panel small{font-size:10px}.demo-button{min-height:44px;font-size:12px}
.center-logo,.locked .lock-logo{animation-duration:.5s}
.live-visual{padding:44px 0 24px;overflow:hidden}.connection-orbit{width:180px;height:180px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,var(--glow),transparent 70%)}
.connection-orbit:before{content:'';position:absolute;inset:24px;border:1px solid var(--line);border-radius:50%}.connection-orbit>.live-mark{width:64px;height:64px;opacity:.75}
.connection-orbit i{position:absolute;width:12px;height:12px;background:var(--fg);border:3px solid var(--bg);border-radius:50%;top:31px;left:17px}.connection-orbit i:last-child{top:auto;left:auto;bottom:31px;right:17px}
.video-badge{top:auto;bottom:14px;left:50%;transform:translateX(-50%);color:var(--muted);background:none;font-size:7px;letter-spacing:.16em;white-space:nowrap}.video-badge i{background:var(--fg)}
footer{max-width:1600px;margin-inline:auto;padding-inline:var(--page-gutter)}
@media(min-width:641px) and (max-width:1000px){.features{grid-template-columns:1fr;gap:48px}.feature-button,.feature-button:has(h3 br){display:grid;grid-template-columns:42% 1fr;grid-template-rows:auto auto auto;column-gap:32px;min-height:280px;padding:0}.card-visual{grid-column:1;grid-row:1/4;width:100%;height:280px;margin:0}.feature-top{left:calc(42% + 32px);right:0;top:12px}.feature h3{grid-column:2;min-height:0;margin:64px 0 12px;align-self:end}.summary{grid-column:2;margin:0;max-width:none}.feature-bottom{grid-column:2;align-self:start}.feature-panel{margin-left:calc(42% + 32px);padding:0}.section-heading>span{display:none}}
@media(max-width:640px){header{height:78px}.header-right{gap:10px}.pill{min-height:44px;padding:10px 15px}.hero{min-height:calc(100svh - 78px);padding-bottom:82px;gap:8px}.hero-mark{width:calc(100% + 44px);height:clamp(240px,43svh,390px)}.hero-copy h1{font-size:clamp(36px,10vw,52px)}.hero-copy .eyebrow{font-size:8px}.hero-link{font-size:12px}.hero-bottom{height:56px}.features{gap:36px}.card-visual{height:260px}.feature h3{min-height:0}.feature-top{font-size:8px}.feature-panel p{font-size:14px}.section-heading h2{font-size:30px}.section-heading{margin-bottom:14px}footer>span{display:none}}
@media(max-height:550px) and (min-width:641px){.hero{min-height:540px}.hero-mark{height:285px}}
@media(hover:none){.feature:hover .mini-profile.first{transform:rotate(-11deg)}.feature:hover .mini-profile.second{transform:rotate(11deg)}}

/* Native app typography and continuous interaction motion. */
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
h1,h2,h3,.hero-copy h1{font-weight:600;letter-spacing:-.035em}
.feature-panel{overflow:hidden;animation:none;padding-top:0;padding-bottom:0}
.feature-panel> :last-child{margin-bottom:25px}.feature-panel[hidden]{display:none}
.plus{transition:transform .48s cubic-bezier(.22,1,.36,1)}
.connection-orbit i{top:50%;left:50%;right:auto;bottom:auto;margin:-6px 0 0 -6px;animation:connectionFirst 6s cubic-bezier(.45,0,.55,1) infinite}
.connection-orbit i:last-child{top:50%;left:50%;right:auto;bottom:auto;animation-name:connectionSecond}
@keyframes connectionFirst{0%,100%{transform:rotate(-140deg) translateX(89px)}45%,55%{transform:rotate(-76deg) translateX(65px)}}
@keyframes connectionSecond{0%,100%{transform:rotate(40deg) translateX(89px)}45%,55%{transform:rotate(-104deg) translateX(65px)}}
@media(prefers-reduced-motion:reduce){.connection-orbit i{animation:none;transform:rotate(-140deg) translateX(89px)}.connection-orbit i:last-child{transform:rotate(40deg) translateX(89px)}}

.hero-description{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 12px}.skip-link{position:absolute;top:12px;left:12px;z-index:20;background:var(--fg);color:var(--bg);padding:12px 18px;border-radius:24px;transform:translateY(-160%)}.skip-link:focus{transform:none}

.footer-legal{display:flex;gap:24px;flex-wrap:wrap;font-size:12px}footer{flex-wrap:wrap;gap:24px}