:root {
  --bg: #030a22;
  --bg-deep: #020617;
  --text: #f7f9ff;
  --muted: #a9b6d9;
  --line: rgba(255,255,255,.11);
  --glass: rgba(255,255,255,.075);
  --blue: #46c9ff;
  --violet: #765cff;
  --pink: #ff61bd;
  --yellow: #ffd37a;
  --radius: 28px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(900px 700px at 14% 4%, rgba(33, 130, 255, .19), transparent 58%),
    radial-gradient(1000px 720px at 96% 22%, rgba(102, 44, 255, .15), transparent 60%),
    linear-gradient(180deg, #050d2a 0%, var(--bg) 38%, var(--bg-deep) 100%);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
body::selection { background: rgba(91, 183, 255, .35); }

.site-noise {
  position: fixed; inset: 0; pointer-events: none; z-index: 100;
  opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");
}

.section-shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.topbar {
  width: min(1180px, calc(100% - 40px)); height: 76px; margin: 0 auto;
  display: flex; align-items: center; justify-content: space-between;
  position: relative; z-index: 50;
}
.brand { display: inline-flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; font-weight: 700; letter-spacing: -.02em; }
.brand img { width: 34px; height: 34px; border-radius: 9px; }
.brand span { font-size: 18px; }
nav { display: flex; align-items: center; gap: 26px; }
nav a { color: #c2cbea; text-decoration: none; font-size: 14px; font-weight: 600; transition: color .2s ease; }
nav a:hover { color: #fff; }
.nav-download { padding: 10px 14px; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.07); border-radius: 999px; }

.hero { min-height: 760px; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 40px; padding: 68px 0 92px; }
.hero-copy { position: relative; z-index: 2; }
.eyebrow { text-transform: uppercase; letter-spacing: .14em; font-size: 11px; font-weight: 750; color: #9cc7ff; display: flex; align-items: center; gap: 8px; }
.status-dot { width: 7px; height: 7px; display: inline-block; border-radius: 50%; background: #72dcff; box-shadow: 0 0 16px #72dcff; }
h1 { margin: 18px 0 22px; font-size: clamp(58px, 7vw, 92px); line-height: .92; letter-spacing: -.065em; font-weight: 760; }
h1 span { background: linear-gradient(90deg, #79ddff 0%, #8a8cff 48%, #ff86cf 94%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-lede { max-width: 570px; margin: 0; color: #b3bfdf; font-size: 20px; line-height: 1.55; letter-spacing: -.015em; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 32px; }
.button { min-height: 52px; border-radius: 15px; padding: 0 19px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; text-decoration: none; color: #fff; font-weight: 700; font-size: 14px; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button small { font-size: 11px; font-weight: 600; opacity: .62; }
.button.primary { color: #06102c; background: linear-gradient(135deg, #eefdff 0%, #9bdcff 48%, #d8c7ff 100%); box-shadow: 0 16px 50px rgba(81, 175, 255, .25), inset 0 1px rgba(255,255,255,.8); }
.button.ghost { border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.055); backdrop-filter: blur(14px); }
.compat { color: #7583a8; font-size: 12px; margin-top: 16px; }

.hero-art { height: 610px; position: relative; perspective: 1000px; }
.orb { position: absolute; border-radius: 50%; filter: blur(3px); opacity: .68; }
.orb-a { width: 330px; height: 330px; right: -50px; top: 6px; background: radial-gradient(circle at 35% 35%, rgba(79,215,255,.8), rgba(39,93,255,.08) 68%); filter: blur(40px); }
.orb-b { width: 260px; height: 260px; left: 40px; bottom: 0; background: radial-gradient(circle, rgba(235,70,255,.45), transparent 70%); filter: blur(45px); }
.mac-window { position: absolute; width: 92%; height: 470px; right: -4%; top: 68px; border-radius: 26px; overflow: hidden; border: 1px solid rgba(255,255,255,.25); background: #0a1843; box-shadow: 0 50px 100px rgba(0,0,0,.47), 0 0 0 1px rgba(255,255,255,.05) inset; transform: rotateY(-7deg) rotateX(2deg); }
.window-chrome { height: 42px; display: flex; align-items: center; gap: 7px; padding: 0 14px; background: rgba(11,23,55,.74); backdrop-filter: blur(20px); position: relative; z-index: 5; border-bottom: 1px solid rgba(255,255,255,.08); }
.window-chrome > span { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,.25); }
.window-title { position: absolute; left: 50%; transform: translateX(-50%); color: rgba(255,255,255,.64); font-size: 11px; }
.wallpaper, .preview-wallpaper { position: absolute; inset: 42px 0 0; background:
  radial-gradient(circle at 77% 26%, rgba(255, 126, 196, .72), transparent 17%),
  radial-gradient(circle at 56% 45%, rgba(93, 68, 255, .75), transparent 26%),
  radial-gradient(circle at 22% 60%, rgba(47, 195, 255, .74), transparent 29%),
  linear-gradient(135deg, #061033 0%, #132a70 50%, #071238 100%);
}
.wallpaper::after, .preview-wallpaper::after { content:""; position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,8,28,.38)); }
.dock-stage { position: absolute; left: 8%; right: 8%; bottom: 28px; height: 110px; display: flex; align-items: center; justify-content: center; }
.dock-skin { position: absolute; inset: 0; z-index:1; border-radius: 27px; border: 1px solid rgba(255,255,255,.5); box-shadow: 0 18px 45px rgba(0,0,0,.28), inset 0 0 42px rgba(255,255,255,.16); overflow: hidden; }
.sample-skin { background: linear-gradient(100deg, rgba(26,168,255,.65), rgba(37,72,210,.48) 44%, rgba(161,68,242,.50) 72%, rgba(255,97,187,.50)); backdrop-filter: blur(18px) saturate(130%); }
.dock-icons { position: relative; z-index: 3; display: flex; gap: 12px; align-items: center; }
.app-icon { width: 58px; height: 58px; border-radius: 15px; display: grid; place-items: center; font-size: 25px; border: 1px solid rgba(255,255,255,.58); box-shadow: inset 0 2px 12px rgba(255,255,255,.26), 0 8px 14px rgba(0,0,0,.19); }
.finder { background: linear-gradient(145deg,#c9f7ff,#4cc5ff); color:#0b4d87; }.sky{background:linear-gradient(145deg,#5ee7ff,#1578ed)}.violet{background:linear-gradient(145deg,#bdabff,#6941ff)}.coral{background:linear-gradient(145deg,#ff9acc,#ff7855)}.dark{background:linear-gradient(145deg,#273c88,#0c153e);color:#bce9ff}
.floating-card { position: absolute; display:flex; gap:11px; align-items:center; padding: 12px 14px; border-radius: 17px; background: rgba(13,26,65,.72); border:1px solid rgba(255,255,255,.18); backdrop-filter: blur(18px); box-shadow:0 18px 45px rgba(0,0,0,.28); z-index:8; }
.floating-card strong, .floating-card small { display:block; }.floating-card strong{font-size:12px}.floating-card small{font-size:10px;color:#94a5ce;margin-top:3px}.fc-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#d8efff}
.fc-image { left: 0; top: 19px; }.fc-rain { right: 2px; bottom: 18px; }

.rain-layer { position:absolute; inset:0; pointer-events:none; overflow:hidden; border-radius:inherit; }
.rain-layer::before, .rain-layer::after {
  content:""; position:absolute; inset:-2px;
  background-image:repeating-linear-gradient(104deg, transparent 0 27px, rgba(196,231,255,0) 28px 33px, rgba(196,231,255,.58) 34px 35px, transparent 36px 58px);
  background-size:140px 150px; background-position:0 0; opacity:.35;
  animation:rainfall var(--rain-speed,.9s) linear infinite;
  will-change:background-position;
}
.rain-layer::after {
  opacity:.18; background-size:210px 220px;
  --rain-x:210px; --rain-y:440px;
  animation-duration:var(--rain-speed-secondary,1.35s); animation-delay:-.4s;
}
@keyframes rainfall { to { background-position:var(--rain-x,140px) var(--rain-y,300px); } }

.trust-strip { min-height: 64px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; color:#7482a8; font-size:12px; font-weight:600; letter-spacing:.02em; }
.trust-strip i { width:4px;height:4px;border-radius:50%;background:#32406b; }

.features, .demo, .details { padding: 120px 0; }
.section-heading { display:grid; grid-template-columns: 1.1fr .9fr; column-gap: 80px; align-items:end; margin-bottom: 48px; }
.section-heading .eyebrow { grid-column:1/-1; margin-bottom:16px; }
.section-heading h2 { margin:0; font-size:clamp(46px,6vw,76px); line-height:.98; letter-spacing:-.055em; }
.section-heading p { color:var(--muted); font-size:17px; line-height:1.65; margin:0 0 4px; max-width:540px; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.feature-card { border-radius:var(--radius); overflow:hidden; border:1px solid rgba(255,255,255,.1); background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035)); box-shadow: inset 0 1px rgba(255,255,255,.07); }
.card-visual { height:300px; position:relative; overflow:hidden; }
.card-copy { padding:26px 26px 30px; border-top:1px solid rgba(255,255,255,.08); min-height:215px; }
.card-number { color:#5f6d94; font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace; }.card-copy h3{font-size:24px;letter-spacing:-.03em;margin:16px 0 10px}.card-copy p{margin:0;color:#9aa8cd;line-height:1.6;font-size:14px}
.image-visual { background:radial-gradient(circle at 30% 20%,rgba(74,204,255,.28),transparent 32%), linear-gradient(145deg,#0f2456,#132966 60%,#391b70); }
.photo-chip { position:absolute;border-radius:20px;border:1px solid rgba(255,255,255,.25);box-shadow:0 20px 45px rgba(0,0,0,.3); }
.p1{width:170px;height:215px;left:38px;top:48px;transform:rotate(-9deg);background:linear-gradient(155deg,#49d8ff,#126bd2 55%,#104498)}
.p2{width:170px;height:215px;left:105px;top:38px;transform:rotate(4deg);background:linear-gradient(155deg,#9e91ff,#673cdb 55%,#3c247f)}
.p3{width:170px;height:215px;right:28px;top:62px;transform:rotate(13deg);background:linear-gradient(155deg,#ff9bbf,#ef5a87 50%,#ff9c66)}
.opacity-badge{position:absolute;right:20px;bottom:18px;padding:8px 10px;border-radius:999px;background:rgba(4,10,30,.6);border:1px solid rgba(255,255,255,.16);font-size:11px;color:#dce7ff;backdrop-filter:blur(10px)}
.rain-visual { background:linear-gradient(155deg,#17245c,#0b163d 50%,#070d23); }.feature-rain-layer::before{opacity:.7;animation-duration:.72s}.feature-rain-layer::after{opacity:.35}.ripples i{position:absolute;width:90px;height:24px;border:1px solid rgba(152,220,255,.38);border-radius:50%;bottom:48px}.ripples i:nth-child(1){left:32px}.ripples i:nth-child(2){left:150px;bottom:82px;width:65px;height:18px}.ripples i:nth-child(3){right:30px;bottom:36px;width:110px;height:30px}
.both-visual { background:radial-gradient(circle at 68% 28%,rgba(255,89,194,.6),transparent 25%),radial-gradient(circle at 25% 56%,rgba(41,202,255,.58),transparent 30%),linear-gradient(145deg,#0a1749,#322070);display:grid;place-items:center; }
.both-visual::after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(105deg,transparent 0 34px,rgba(220,240,255,.26) 35px 36px,transparent 37px 66px);background-size:160px 170px;--rain-x:160px;--rain-y:340px;animation:rainfall 1.1s linear infinite;will-change:background-position}
.mini-dock{width:82%;height:94px;border-radius:26px;position:relative;z-index:2;border:1px solid rgba(255,255,255,.38);display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;backdrop-filter:blur(18px)}.mini-dock-bg{position:absolute;inset:0;background:linear-gradient(100deg,rgba(43,193,255,.34),rgba(140,68,240,.38),rgba(255,99,178,.34))}.mini-dock span{width:45px;height:45px;border-radius:12px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);position:relative;z-index:2;box-shadow:inset 0 2px 10px rgba(255,255,255,.17)}

.demo { position:relative; }.demo::before { content:"";position:absolute;width:680px;height:680px;border-radius:50%;right:-250px;top:150px;background:radial-gradient(circle,rgba(79,64,255,.12),transparent 68%);pointer-events:none; }
.demo-layout{display:grid;grid-template-columns:330px 1fr;gap:18px;padding:16px;border:1px solid rgba(255,255,255,.11);border-radius:32px;background:rgba(255,255,255,.035);box-shadow:0 38px 90px rgba(0,0,0,.35);}
.controls{padding:18px 18px 10px;}.control-group{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08)}.control-group:first-child{padding-top:6px}.control-group label{font-size:13px;font-weight:650;color:#e9edff}.control-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.control-label-row output{font-size:11px;color:#8f9fc9;padding:4px 8px;background:rgba(255,255,255,.06);border-radius:7px}.file-row{display:flex;align-items:center;gap:8px;margin-top:13px}.file-button,.text-button{font:600 12px -apple-system,BlinkMacSystemFont,sans-serif;border-radius:10px;padding:9px 10px;cursor:pointer}.file-button{background:#eaf7ff!important;color:#08112d!important}.text-button{border:0;background:transparent;color:#8495be;}.file-row input{position:absolute;opacity:0;width:1px;height:1px}.range{width:100%;appearance:none;height:4px;background:linear-gradient(90deg,#53ccff,#8967ff,#f168bd);border-radius:99px;outline:none}.range::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid #7897ff;box-shadow:0 2px 10px rgba(0,0,0,.35);cursor:pointer}.range-labels{display:flex;justify-content:space-between;color:#59698f;font-size:10px;margin-top:8px}.info-note{display:flex;gap:11px;padding:17px 0;color:#7788b1}.info-note>span{flex:0 0 25px;height:25px;border-radius:50%;display:grid;place-items:center;background:rgba(83,194,255,.11);color:#8edbff;font-size:12px}.info-note p{margin:0;font-size:11px;line-height:1.55}.info-note strong{color:#aebbe0}
.preview-frame{position:relative;min-height:560px;border-radius:22px;overflow:hidden;background:#0a1640;border:1px solid rgba(255,255,255,.08)}.preview-wallpaper{inset:0;background:radial-gradient(circle at 78% 24%,rgba(255,91,190,.7),transparent 18%),radial-gradient(circle at 54% 49%,rgba(105,68,255,.78),transparent 28%),radial-gradient(circle at 18% 66%,rgba(45,210,255,.7),transparent 30%),linear-gradient(145deg,#071239,#142a74)}.preview-menubar{position:absolute;z-index:6;inset:0 0 auto;height:29px;background:rgba(0,5,22,.28);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:rgba(255,255,255,.66);font-size:9px}.preview-menubar strong{font-weight:650}.preview-dock-wrap{position:absolute;z-index:5;left:10%;right:10%;bottom:40px;height:118px;display:flex;align-items:center;justify-content:center}.preview-dock-skin{position:absolute;inset:0;z-index:1;border-radius:28px;border:1px solid rgba(255,255,255,.45);background:linear-gradient(100deg,rgba(37,199,255,.62),rgba(56,85,220,.48) 44%,rgba(163,70,236,.52) 70%,rgba(255,105,184,.5));background-size:cover;background-position:center;box-shadow:0 18px 45px rgba(0,0,0,.28),inset 0 0 44px rgba(255,255,255,.12);backdrop-filter:blur(18px) saturate(125%);opacity:.62;transition:opacity .2s ease,background-image .25s ease}.preview-icons{position:relative;z-index:3;display:flex;align-items:center;gap:11px}.preview-icon{width:62px;height:62px;border-radius:16px;display:grid;place-items:center;font-size:23px;color:#fff;border:1px solid rgba(255,255,255,.52);box-shadow:inset 0 2px 12px rgba(255,255,255,.18),0 9px 18px rgba(0,0,0,.2);text-shadow:0 1px 8px rgba(0,0,0,.25)}.i1{background:linear-gradient(145deg,#6fe6ff,#1974df)}.i2{background:linear-gradient(145deg,#b69cff,#6f40ff)}.i3{background:linear-gradient(145deg,#ff8ac8,#f24f8e)}.i4{background:linear-gradient(145deg,#ffc36a,#ff7c5d)}.i5{background:linear-gradient(145deg,#62dfc8,#168b8b)}.i6{background:linear-gradient(145deg,#445993,#142146)}.hero-rain,.preview-rain{z-index:2;border-radius:inherit}.hero-rain::before,.preview-rain::before{opacity:.45}.hero-rain::after,.preview-rain::after{opacity:.23}.hero-rain::before{animation-duration:8s}.hero-rain::after{animation-duration:12s}

.details{padding-top:80px}.detail-banner{min-height:390px;border:1px solid rgba(255,255,255,.11);border-radius:34px;background:radial-gradient(circle at 15% 50%,rgba(39,188,255,.14),transparent 27%),radial-gradient(circle at 90% 16%,rgba(151,61,255,.12),transparent 30%),rgba(255,255,255,.034);display:grid;grid-template-columns:380px 1fr;gap:38px;align-items:center;padding:36px 54px;overflow:hidden}.detail-icon-wrap{display:grid;place-items:center;position:relative}.detail-icon-wrap::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(62,186,255,.28),transparent 67%);filter:blur(20px)}.detail-icon-wrap img{width:230px;height:230px;position:relative;z-index:2;filter:drop-shadow(0 30px 50px rgba(0,0,0,.38))}.detail-copy h2{font-size:clamp(38px,4.4vw,58px);line-height:1.02;letter-spacing:-.05em;margin:16px 0 16px;max-width:650px}.detail-copy p{color:#a4b1d3;max-width:640px;font-size:16px;line-height:1.65}.detail-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.detail-pills span{padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:#8898c0;font-size:11px;font-weight:650}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.note{padding:28px;border:1px solid rgba(255,255,255,.085);background:rgba(255,255,255,.028);border-radius:24px}.note>span{font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#536389}.note h3{font-size:19px;letter-spacing:-.025em;margin:28px 0 10px}.note p{margin:0;color:#8999bf;font-size:13px;line-height:1.65}
.download-section{position:relative;min-height:240px;margin-top:40px;margin-bottom:64px;border-radius:34px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(110deg,rgba(40,123,255,.14),rgba(128,69,255,.11) 55%,rgba(255,87,183,.1));display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:28px;padding:34px 46px;overflow:hidden}.download-section>img{width:105px;height:105px;position:relative;z-index:2;filter:drop-shadow(0 20px 35px rgba(0,0,0,.38))}.download-section h2{margin:10px 0 8px;font-size:38px;letter-spacing:-.045em}.download-section p{margin:0;color:#9aa8cb}.download-glow{position:absolute;width:300px;height:300px;border-radius:50%;left:-50px;top:-30px;background:radial-gradient(circle,rgba(50,202,255,.28),transparent 66%);filter:blur(14px)}.download-bottom{position:relative;z-index:2}
footer{height:110px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:#64749a;font-size:12px}.footer-brand{justify-self:start}.footer-brand img{width:26px;height:26px;border-radius:7px}.footer-brand span{font-size:14px}.footer-brand~p{text-align:center;margin:0}footer>a:last-child{justify-self:end;color:#7f91bb;text-decoration:none}

.reveal { opacity:0; transform:translateY(22px); transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1); }.reveal.visible{opacity:1;transform:none}

@media (max-width: 980px){
  nav a:not(.nav-download){display:none}.hero{grid-template-columns:1fr;padding-top:48px}.hero-art{height:540px}.mac-window{right:2%;width:96%}.section-heading{grid-template-columns:1fr;gap:18px}.feature-grid{grid-template-columns:1fr}.feature-card{display:grid;grid-template-columns:1fr 1fr}.card-copy{border-top:0;border-left:1px solid rgba(255,255,255,.08);min-height:auto}.demo-layout{grid-template-columns:1fr}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.control-group{border:0;padding:4px 0}.info-note{grid-column:1/-1}.detail-banner{grid-template-columns:260px 1fr;padding:34px}.detail-icon-wrap img{width:190px;height:190px}.download-section{grid-template-columns:90px 1fr}.download-section>img{width:85px;height:85px}.download-bottom{grid-column:2;justify-self:start}}
@media (max-width: 680px){
  .section-shell,.topbar{width:min(100% - 24px,1180px)}.topbar{height:66px}.brand img{width:30px;height:30px}.hero{padding:40px 0 70px;min-height:auto}.hero-lede{font-size:17px}.hero-art{height:390px}.mac-window{height:320px;top:38px;border-radius:20px}.window-chrome{height:34px}.wallpaper{inset:34px 0 0}.dock-stage{left:5%;right:5%;height:82px;bottom:18px}.app-icon{width:42px;height:42px;border-radius:11px;font-size:18px}.dock-icons{gap:7px}.floating-card{display:none}.trust-strip{overflow:auto;gap:22px;justify-content:flex-start;white-space:nowrap}.trust-strip i{flex:0 0 4px}.features,.demo,.details{padding:82px 0}.feature-card{display:block}.card-copy{border-left:0;border-top:1px solid rgba(255,255,255,.08)}.card-visual{height:260px}.controls{display:block}.preview-frame{min-height:360px}.preview-dock-wrap{left:4%;right:4%;height:82px;bottom:25px}.preview-icons{gap:6px}.preview-icon{width:42px;height:42px;border-radius:11px;font-size:16px}.detail-banner{grid-template-columns:1fr;text-align:left;padding:28px 22px}.detail-icon-wrap{justify-content:start}.detail-icon-wrap img{width:140px;height:140px}.notes-grid{grid-template-columns:1fr}.download-section{grid-template-columns:70px 1fr;padding:28px 22px}.download-section>img{width:64px;height:64px}.download-section h2{font-size:30px}.download-bottom{grid-column:1/-1;justify-self:stretch}.download-section .button{width:100%}footer{height:auto;padding:28px 0;grid-template-columns:1fr auto;row-gap:18px}.footer-brand~p{display:none}footer>a:last-child{grid-column:2}}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}.rain-layer::before,.rain-layer::after,.both-visual::after{animation:none}}