:root { color-scheme: dark; --bg:#080a0b; --text:#edeef0; --muted:#92959a; --accent:#b6cff0; --line:#ffffff12; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-synthesis:none; }
* { box-sizing:border-box; scrollbar-width:thin; scrollbar-color:#464c53 transparent; }
html { scroll-behavior:smooth; scrollbar-gutter:stable; }
body { margin:0; color:var(--text); background:var(--bg); -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }button { font:inherit; cursor:pointer; }button,a { -webkit-tap-highlight-color:transparent; }
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
[hidden] { display:none!important; }.wrap { width:min(1160px,calc(100% - 80px)); margin-inline:auto; }
.skip-link { position:fixed; top:10px; left:10px; z-index:100; transform:translateY(-150%); padding:12px; border-radius:8px; background:var(--accent); color:var(--bg); }.skip-link:focus { transform:none; }
.header { position:relative; z-index:3; display:flex; height:102px; align-items:center; justify-content:space-between; }
.wordmark { display:inline-flex; align-items:center; gap:10px; font-size:27px; line-height:1; letter-spacing:-1.6px; font-weight:650; }.wordmark svg { width:28px; height:28px; fill:none; stroke:var(--accent); stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.header nav { display:flex; align-items:center; gap:32px; font-size:14px; }.header nav>a:first-child { color:#a7abb0; }.header a:hover { color:var(--accent); }.nav-download { padding:11px 18px; border:1px solid #ffffff23; border-radius:8px; background:#ffffff04; }
.hero { position:relative; display:grid; grid-template-columns:1.15fr .85fr; align-items:center; min-height:560px; padding-block:58px 80px; isolation:isolate; }
.hero-copy { position:relative; z-index:2; pointer-events:none; }.hero-copy a { pointer-events:auto; }
h1 { margin:0; font-size:clamp(60px,7.5vw,104px); font-weight:550; line-height:.98; letter-spacing:-.075em; }h1 span { color:var(--accent); }
.hero-copy>p { margin:30px 0 28px; color:#a1a5aa; font-size:18px; line-height:1.7; letter-spacing:-.2px; }
.button { position:relative; display:inline-flex; min-height:49px; align-items:center; justify-content:center; padding:0 23px; border:1px solid #ffffffc0; border-radius:9px; color:#15181c; background:#eaeef4; box-shadow:0 1px 0 #fff inset,0 5px 20px #0002; font-size:14px; font-weight:600; transition:background .2s,box-shadow .2s,transform .2s; }.button:hover { background:#c4d8f1; box-shadow:0 0 30px #b6cff012; transform:translateY(-2px); }.button:active { transform:translateY(0); }
.platform { display:block; margin-top:15px; color:#72787f; font-size:12px; }
.sculpture { position:absolute; z-index:1; width:570px; height:550px; right:0; top:12px; perspective:1100px; touch-action:pan-y; }
.icon-halo { position:absolute; inset:16% 8%; border-radius:50%; background:radial-gradient(ellipse,#638fc61b,transparent 65%); filter:blur(30px); pointer-events:none; }
.icon-stage { position:absolute; inset:0; display:grid; place-items:center; transform-style:preserve-3d; animation:icon-arrive 1s cubic-bezier(.16,1,.3,1) both; }
.icon-float { transform-style:preserve-3d; animation:icon-float 9s ease-in-out infinite; }
.app-icon { position:relative; width:280px; height:280px; transform-style:preserve-3d; transform:rotateX(12deg) rotateY(-18deg) rotateZ(-6deg); transition:transform .75s cubic-bezier(.2,.8,.2,1); --reflection-x:35%; --reflection-y:15%; }
.icon-layer,.icon-face { position:absolute; inset:0; border-radius:23%; backface-visibility:hidden; }
.icon-layer { border:1px solid #66778e66; background:linear-gradient(140deg,#435367,#1b2635 46%,#0d1521); box-shadow:1px 1px 0 #ffffff0d inset; }
.layer-back { transform:translateZ(-9px); box-shadow:14px 25px 45px #0008; }
.layer-middle { transform:translateZ(-5px); }
.layer-edge { transform:translateZ(-1px); }
.icon-face { transform:translateZ(3px); overflow:hidden; background:#17202b; box-shadow:0 0 0 1px #adbfda38,0 1px 2px #e1eeff38 inset; }
.icon-face img { display:block; width:100%; height:100%; object-fit:cover; }
.icon-reflection { position:absolute; inset:0; border-radius:inherit; border:1px solid #dae9ff20; background:radial-gradient(ellipse at var(--reflection-x) var(--reflection-y),#e3efff12,transparent 65%),linear-gradient(135deg,#ecf4ff0a,transparent 38%); pointer-events:none; }
.icon-floor { position:absolute; left:24%; width:52%; bottom:60px; height:25px; border-radius:50%; background:#000; filter:blur(16px); opacity:.7; animation:icon-shadow 9s ease-in-out infinite; pointer-events:none; }
@keyframes icon-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-8px); } }
@keyframes icon-shadow { 0%,100% { transform:scaleX(1); opacity:.7; } 50% { transform:scaleX(.94); opacity:.55; } }
@keyframes icon-arrive { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
.scene-idle .icon-float,.scene-idle .icon-floor { animation-play-state:paused; }
.product { position:relative; padding-top:15px; scroll-margin-top:30px; }
.demo-controls { display:flex; justify-content:center; gap:6px; width:max-content; margin:0 auto 32px; padding:4px; border:1px solid var(--line); border-radius:10px; background:#0f1212; }
.demo-controls button { min-width:114px; min-height:38px; padding:8px 20px; border:0; border-radius:7px; color:#90949a; background:transparent; font-size:13px; transition:background .25s,color .25s; }.demo-controls button[aria-selected="true"] { color:#e9ecf0; background:#25282d; box-shadow:0 1px 3px #0003; }.demo-controls button:hover { color:#e9ecf0; }
.demo-perspective { perspective:1800px; padding-bottom:15px; }
.demo-window { position:relative; border:1px solid #a8b8cc2d; border-radius:16px; background:#101215; box-shadow:0 30px 100px #0007,0 1px 0 #ffffff0b inset; overflow:hidden; transform:rotateX(4deg); transform-origin:50% 50%; transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .4s; }
.demo-window::before { position:absolute; top:0; right:15%; left:15%; height:1px; content:''; background:linear-gradient(90deg,transparent,#c1d7f45c,transparent); z-index:2; }
.window-top { display:flex; height:47px; align-items:center; justify-content:space-between; padding:0 19px; border-bottom:1px solid #ffffff09; color:#8e949c; font-size:12px; background:linear-gradient(#1b1e23,#15181c); }.traffic { display:flex; gap:6px; width:64px; }.traffic i { width:8px; height:8px; border-radius:50%; background:#464c54; }.traffic i:first-child { background:#5e6876; }.sample-label { width:64px; text-align:right; font-size:10px; letter-spacing:.04em; }
.demo-layout { display:grid; grid-template-columns:170px minmax(0,1fr); min-height:421px; }
.demo-sidebar { display:flex; flex-direction:column; gap:6px; border-right:1px solid #ffffff08; padding:27px 16px 20px; background:#0d0f12; }.demo-brand { margin:0 12px 28px; font-size:24px; font-weight:600; letter-spacing:-1.5px; }.demo-nav { padding:11px 12px; border-radius:6px; color:#747a82; font-size:12px; }.demo-nav.active { color:#c2cfdf; background:#b6cff00b; }.local-status { display:flex; align-items:center; gap:7px; margin:auto 12px 0; color:#868d96; font-size:11px; }.local-status i,.demo-heading>span i { display:inline-block; width:5px; height:5px; border-radius:50%; background:#a5c1e5; }
.demo-main { min-width:0; padding:30px 32px 22px; background:radial-gradient(ellipse at 50% 0,#88a1c205,transparent 70%); }
.demo-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:26px; }.demo-heading h2 { margin:0; font-size:23px; font-weight:500; letter-spacing:-.8px; }.demo-heading>span { display:flex; align-items:center; gap:6px; color:#7e848d; font-size:11px; white-space:nowrap; }
.limit-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.limit-card { min-width:0; border:1px solid #ffffff0c; border-radius:10px; padding:16px; background:linear-gradient(150deg,#252d3735,#121519); }
.account-heading { display:grid; grid-template-columns:24px 1fr; align-items:center; gap:2px 8px; }.account-heading>span { grid-row:span 2; color:#667385; font-size:10px; }.account-heading h3 { margin:0; font-size:12px; font-weight:550; }.account-heading small { color:#717983; font-size:10px; }
.gauge { position:relative; width:125px; height:125px; margin:20px auto 0; color:#b1cbec; }.gauge svg { display:block; width:100%; height:100%; transform:rotate(-90deg); }.gauge circle { fill:none; stroke-width:5; }.gauge-track { stroke:#ffffff09; }.gauge-fill { stroke:currentColor; stroke-linecap:round; }.gauge strong { position:absolute; inset:0; display:flex; justify-content:center; align-items:center; gap:1px; font-weight:450; font-size:36px; letter-spacing:-2px; }.gauge strong>span { font-size:19px; letter-spacing:-.5px; }.gauge.lavender { color:#bfc4e7; }.gauge.amber { color:#dfc795; }
.quota-state { margin:8px 0 20px; text-align:center; font-size:10px; color:#a4afbd; }.quota-state.low { color:#c6b084; }.reset { display:grid; gap:5px; border-top:1px solid #ffffff09; padding-top:13px; }.reset>span { color:#747c86; font-size:10px; }.reset strong { color:#babfc6; font-size:11px; font-weight:400; }
.demo-bottom { display:flex; justify-content:space-between; gap:20px; margin-top:21px; color:#6e7782; font-size:10px; }
.usage-summary { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:20px; margin-bottom:25px; }.usage-summary>div { display:grid; gap:12px; }.usage-summary>div>span { font-size:11px; color:#8a919b; }.usage-summary strong { font-size:32px; font-weight:450; letter-spacing:-1.5px; }.usage-summary strong span { font-size:20px; }
.usage-chart { position:relative; height:173px; margin-top:8px; padding-left:32px; }.chart-grid { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:space-between; }.chart-grid span { display:flex; align-items:center; gap:15px; color:#6b737e; font-size:10px; }.chart-grid span::after { content:''; height:1px; background:#ffffff08; flex:1; }.usage-chart svg { position:relative; width:100%; height:100%; overflow:visible; }.chart-days { display:flex; justify-content:space-between; padding:12px 0 0 32px; color:#757f8c; font-size:10px; }
.demo-view.is-entering { animation:panel-in .22s ease both; }.demo-view.is-entering .gauge-fill { animation:gauge-in .8s cubic-bezier(.2,.8,.2,1) both; }.demo-view.is-entering .chart-line { stroke-dasharray:900; animation:draw-in 1.2s ease both; }
@keyframes panel-in { from { opacity:0; } to { opacity:1; } }@keyframes gauge-in { from { stroke-dasharray:0 100; } }@keyframes draw-in { from { stroke-dashoffset:900; } to { stroke-dashoffset:0; } }
.tools { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:20px; padding:35px 0 0; margin:0; color:#838990; font-size:13px; }.tools span { color:#3d434b; }
.details { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:60px; margin-top:100px; padding-bottom:95px; border-bottom:1px solid var(--line); }.details h2 { margin:0 0 13px; font-size:22px; font-weight:500; letter-spacing:-.8px; }.details p { margin:0; max-width:27ch; color:#93989e; font-size:15px; line-height:1.8; }
.closing { display:flex; flex-direction:column; align-items:center; text-align:center; padding:100px 0 75px; }.closing-mark { width:42px; height:42px; fill:none; stroke:#b6cff0; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; margin-bottom:27px; }.closing h2 { margin:0 0 32px; font-weight:500; font-size:clamp(42px,5vw,64px); line-height:1.06; letter-spacing:-.06em; }.closing h2 span { color:#8fa2ba; }.download-note { color:#757c84; font-size:12px; margin:16px 0 0; }.release-details { max-width:390px; margin-top:16px; color:#73787f; font-size:11px; line-height:1.7; }.release-details summary { cursor:pointer; list-style:none; text-decoration:underline; text-underline-offset:4px; }.release-details summary::-webkit-details-marker { display:none; }.release-details p { margin:12px 0 0; }
.footer { display:flex; align-items:center; gap:28px; min-height:95px; border-top:1px solid var(--line); color:#6f757c; font-size:12px; }.footer .wordmark { color:#c4c9d0; font-size:22px; }.footer>span { flex:1; }.footer>button { border:0; padding:8px 0; background:none; color:inherit; font-size:12px; }.footer>a:hover,.footer>button:hover { color:var(--accent); }
.motion-paused *, .motion-paused *::before,.motion-paused *::after { animation-play-state:paused!important; }
@media(min-width:1500px) { .hero { min-height:625px; }.sculpture { top:15px; } }
@media(max-width:1100px) { .wrap { width:calc(100% - 64px); }.hero { min-height:530px; }.sculpture { width:560px; height:540px; right:-30px; top:10px; }.hero h1 { font-size:clamp(66px,8vw,90px); }.demo-layout { grid-template-columns:135px minmax(0,1fr); }.demo-main { padding:26px 24px 22px; }.limit-card { padding:13px; }.gauge { width:105px; height:105px; }.demo-heading h2 { font-size:21px; }.details { gap:35px; } }
@media(max-width:800px) { .wrap { width:calc(100% - 48px); }.header { height:85px; }.hero { min-height:480px; padding-block:55px 70px; }.hero h1 { font-size:68px; }.hero-copy>p { font-size:16px; }.sculpture { width:420px; height:450px; right:-12px; top:0; opacity:.85; }.demo-sidebar { display:none; }.demo-layout { grid-template-columns:1fr; min-height:400px; }.demo-main { padding:28px; }.demo-window { transform:none; }.details { gap:26px; margin-top:75px; padding-bottom:70px; }.details h2 { font-size:19px; }.details p { font-size:14px; }.closing { padding-top:75px; }.footer { flex-wrap:wrap; gap:20px; padding-block:25px; }.footer>span { min-width:50%; } }
@media(max-width:600px) { .wrap { width:calc(100% - 36px); }.header { height:80px; }.wordmark { font-size:25px; }.header nav { gap:21px; font-size:12px; }.nav-download { padding:10px 14px; }.hero { display:flex; flex-direction:column; text-align:center; min-height:0; padding:48px 0 0; }.hero h1 { font-size:clamp(55px,12.8vw,77px); line-height:1; }.hero-copy>p { margin:24px 0; font-size:16px; }.platform { margin-top:14px; }.sculpture { position:relative; width:100%; height:350px; top:auto; right:auto; margin-top:-7px; opacity:1; }.icon-floor { bottom:18px; height:20px; }.app-icon { width:220px; height:220px; }.product { padding-top:0; }.demo-controls { margin-bottom:22px; }.demo-controls button { font-size:12px; min-width:106px; padding-inline:17px; }.demo-window { border-radius:12px; }.window-top { height:39px; padding-inline:13px; }.demo-layout { min-height:0; }.demo-main { padding:23px 16px 17px; }.demo-heading { margin-bottom:22px; gap:6px; }.demo-heading h2 { font-size:20px; }.demo-heading>span { font-size:10px; }.limit-cards { gap:0; }.limit-card { background:transparent; border:0; border-radius:0; padding:0 8px; }.limit-card:first-child { padding-left:0; }.limit-card:last-child { padding-right:0; }.limit-card+.limit-card { border-left:1px solid #ffffff0b; }.account-heading { display:flex; flex-wrap:wrap; gap:5px; }.account-heading>span { display:none; }.account-heading h3 { font-size:11px; min-height:26px; width:100%; }.account-heading small { font-size:10px; }.gauge { width:80px; max-width:100%; height:auto; aspect-ratio:1; margin-top:16px; }.gauge strong { font-size:27px; }.gauge strong>span { font-size:14px; }.quota-state { font-size:10px; margin:7px 0 17px; }.reset { gap:4px; }.reset>span { font-size:9px; }.reset strong { font-size:10px; line-height:1.5; }.demo-bottom { font-size:10px; line-height:1.5; gap:10px; margin-top:20px; }.demo-bottom>span:last-child { display:none; }.usage-summary { gap:12px; margin-bottom:26px; grid-template-columns:1.2fr 1fr 1fr; }.usage-summary>div>span { font-size:10px; line-height:1.5; }.usage-summary strong { font-size:26px; }.usage-chart { height:150px; padding-left:25px; }.chart-grid span { font-size:9px; gap:7px; }.chart-days { font-size:9px; padding-left:25px; }.tools { gap:12px; font-size:11px; padding-top:24px; }.tools span { display:inline; }.details { grid-template-columns:1fr; gap:30px; margin-top:65px; padding-bottom:60px; }.details article { display:grid; grid-template-columns:140px minmax(0,1fr); gap:20px; }.details h2 { margin:2px 0 0; font-size:17px; }.details p { font-size:13px; }.closing { padding:65px 0 60px; }.closing h2 { font-size:48px; }.footer { font-size:11px; gap:18px; }.footer>span { min-width:0; }.footer>button { font-size:11px; }.footer .wordmark { font-size:21px; } }
@media(max-width:370px) { .details article { grid-template-columns:1fr; gap:10px; }.details p { max-width:32ch; }.hero h1 { font-size:54px; }.demo-heading>span { display:none; }.header nav>a:first-child { display:none; }.sculpture { height:310px; }.footer>span { display:none; }.footer>button { margin-left:auto; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; }.demo-window { transform:none!important; } }

/* Cool blue light, with the original Pulse artwork kept intact. */
:root { --bg:#090c12; --text:#eef1f7; --muted:#9ba7b9; --accent:#bbd4fa; }
.hero-copy { animation:icon-arrive .7s cubic-bezier(.16,1,.3,1) both; }
h1 span { color:#b9cbed; }
.wordmark svg,.closing-mark { stroke:#8fb8f2; }
.demo-main { min-height:421px; }
@media (max-width:800px) and (min-width:601px) { .app-icon { width:230px; height:230px; }.sculpture { right:-5px; } }
@media (max-width:600px) { .demo-main { min-height:370px; }.sculpture { height:325px; margin-top:12px; }.icon-halo { inset:8%; }.icon-stage { perspective:900px; } }
@media(prefers-reduced-motion:reduce) { .icon-float,.icon-stage,.icon-floor,.hero-copy { animation:none; }.app-icon { transition:none; } }

.tools span { color:inherit; }