/* Silo's V16.2 — "Take Silo's home" (app.php). Tuscan palette: wine #761f2b, charcoal, cream, gold #d5a84f, olive #59603b. */
.getapp{--wine:#761f2b;--wine2:#4a1119;--ink:#0b0908;--char:#171310;--cream:#f8f2e5;--cream2:#eee7d8;--gold:#d5a84f;--gold2:#f0d28c;--olive:#59603b;--line:#ffffff1f;
  margin:0;background:var(--ink);color:var(--cream);font-family:'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.getapp *{box-sizing:border-box}
.getapp [hidden]{display:none!important}
.getapp header{all:unset;display:block}
.getapp h1,.getapp h2,.getapp h3{font-family:'Italiana',serif;font-weight:400;letter-spacing:.005em;margin:0}
.getapp em{font-style:italic;color:var(--gold)}
.ga-kick{font-size:11px;letter-spacing:.28em;color:var(--gold);margin:0 0 18px;font-weight:500}
.getapp header.ga-top{position:absolute;inset:0 0 auto;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px clamp(20px,4vw,56px)}
.ga-top a{color:var(--cream);text-decoration:none;font-size:11px;letter-spacing:.22em}.ga-top .ga-member{justify-self:end}
.getapp header.ga-top a{display:block}.getapp .ga-logo img{width:auto;object-fit:contain;height:64px;display:block;filter:drop-shadow(0 0 18px #d5a84f33)}

/* Hero */
.ga-hero{position:relative;min-height:min(100svh,980px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(24px,4vw,64px);padding:130px clamp(20px,6vw,96px) 80px;
  background:radial-gradient(120% 90% at 75% 40%,#5a1621 0%,#2a0b10 38%,#0b0908 72%);overflow:hidden;isolation:isolate}
.ga-glow{position:absolute;inset:-20%;background:radial-gradient(40% 35% at 72% 42%,#d5a84f30,transparent 70%);animation:gaBreathe 6s ease-in-out infinite;z-index:-1}
@keyframes gaBreathe{50%{opacity:.55;transform:scale(1.04)}}
.ga-embers{position:absolute;inset:0;z-index:-1;pointer-events:none}
.ga-embers i{position:absolute;bottom:-10px;width:3px;height:3px;border-radius:50%;background:var(--gold2);box-shadow:0 0 8px 2px #d5a84f88;opacity:0;animation:gaEmber linear infinite}
@keyframes gaEmber{0%{transform:translate(0,0);opacity:0}10%{opacity:.9}100%{transform:translate(var(--dx,20px),-105vh);opacity:0}}
.ga-copy{max-width:620px}
.ga-hero h1{font-size:clamp(52px,6.2vw,98px);line-height:.95;margin-bottom:26px}
.ga-hero h1 em{display:block;background:linear-gradient(100deg,var(--gold) 20%,#fff1c9 45%,var(--gold) 70%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gaShimmer 5s ease-in-out 1.2s infinite}
@keyframes gaShimmer{0%,60%{background-position:100% 0}100%{background-position:-120% 0}}
.ga-lede{font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:#e9dfcb;max-width:34em;margin:0 0 32px}
.ga-ctas{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.ga-btn{display:inline-flex;align-items:center;gap:10px;padding:18px 28px;border:1px solid transparent;font:500 13px 'DM Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s;position:relative;overflow:hidden}
.ga-btn.gold{background:linear-gradient(135deg,#e6c171,var(--gold) 55%,#b98a35);color:#1b1309;box-shadow:0 10px 30px -10px #d5a84faa}
.ga-btn.gold:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff8c 50%,transparent 70%);transform:translateX(-120%);animation:gaShine 3.6s ease-in-out 1.5s infinite}
@keyframes gaShine{0%,65%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.ga-btn.gold:hover{transform:translateY(-2px);box-shadow:0 16px 40px -12px #d5a84fcc}
.ga-btn.ghost{border-color:#d5a84f80;color:var(--cream);background:transparent}.ga-btn.ghost:hover{background:#d5a84f14}
.ga-btn:focus-visible,.ga-tabs button:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
.ga-fine{font-size:13px;color:#bfb29b;margin:16px 0 0}
.ga-qrcard{display:none;margin-top:34px;align-items:center;gap:18px;padding:14px 18px 14px 14px;border:1px solid #d5a84f40;background:#ffffff08;backdrop-filter:blur(6px);max-width:440px}
.ga-qrcard b{display:block;font-family:'Italiana',serif;font-size:22px;font-weight:400;margin-bottom:4px}.ga-qrcard span{font-size:13px;line-height:1.5;color:#d6cab3}
.ga-qr{width:124px;height:124px;flex:none;background:#fbf7ee;border-radius:6px;overflow:hidden}.ga-qr svg{display:block;width:100%;height:100%}
.ga-desktop .ga-qrcard{display:flex}
.ga-in{opacity:0;transform:translateY(18px);animation:gaIn .9s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--d,0s) + .2s)}
@keyframes gaIn{to{opacity:1;transform:none}}

/* Phone */
.ga-stage{position:relative;height:min(78vh,720px);display:grid;place-items:center;perspective:1400px}
.ga-halo{position:absolute;width:76%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#d5a84f40,#761f2b30 45%,transparent 70%);filter:blur(10px);animation:gaBreathe 5s ease-in-out infinite}
.ga-phone{position:relative;height:100%;aspect-ratio:9/19;max-width:340px;border-radius:52px;padding:11px;background:linear-gradient(145deg,#3b3029,#120e0c 40%,#2b231e);box-shadow:0 0 0 1px #d5a84f40,0 50px 90px -30px #000,0 0 80px -20px #d5a84f55,inset 0 0 0 2px #00000088;
  transform:rotateY(-14deg) rotateX(4deg) rotateZ(1.5deg);animation:gaPhoneIn 1.4s cubic-bezier(.2,.7,.2,1) .25s both,gaFloat 7s ease-in-out 1.7s infinite}
@keyframes gaPhoneIn{from{opacity:0;transform:translateY(60px) rotateY(-30deg) rotateX(10deg) scale(.92)}}
@keyframes gaFloat{50%{transform:rotateY(-9deg) rotateX(2deg) rotateZ(.5deg) translateY(-14px)}}
.ga-screen{position:relative;width:100%;height:100%;border-radius:42px;overflow:hidden;background:#1a0c0e}
.ga-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transform:scale(1.04);transition:opacity 1.1s ease,transform 6s ease}
.ga-screen img.on{opacity:1;transform:scale(1)}
.ga-island{position:absolute;top:10px;left:50%;width:32%;height:26px;border-radius:20px;background:#000;transform:translateX(-50%);z-index:2}
.ga-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#ffffff1c 48%,transparent 60%);transform:translateX(-100%);animation:gaGlass 7s ease-in-out 2s infinite;z-index:3}
@keyframes gaGlass{0%,70%{transform:translateX(-100%)}100%{transform:translateX(100%)}}

/* Notification cards */
.ga-note{position:absolute;display:flex;gap:11px;align-items:flex-start;width:min(330px,82%);padding:12px 14px;border-radius:18px;background:#f8f2e5e6;color:#1c1714;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 18px 40px -16px #000c,0 0 0 1px #ffffff40;z-index:4}
.ga-note img{width:38px;height:38px;border-radius:9px;flex:none}
.ga-note b{display:block;font-size:10px;letter-spacing:.14em;color:#7d7262;font-weight:500;margin-bottom:2px}
.ga-note strong{display:block;font-size:14px;font-weight:600;line-height:1.3}.ga-note span{display:block;font-size:13px;line-height:1.35;color:#4e463d;margin-top:1px}
.ga-stage .ga-note{opacity:0;animation:gaNote 12s cubic-bezier(.2,.8,.2,1) infinite}
.ga-stage .n1{top:12%;right:-4%;animation-delay:2.2s}.ga-stage .n2{top:44%;left:-8%;animation-delay:6.2s}.ga-stage .n3{bottom:12%;right:-2%;animation-delay:10.2s}
@keyframes gaNote{0%{opacity:0;transform:translateY(-16px) scale(.94)}4%{opacity:1;transform:none}26%{opacity:1;transform:none}31%,100%{opacity:0;transform:translateY(-8px) scale(.97)}}

/* Install */
.ga-install,.ga-inside,.ga-nudges,.ga-final{padding:clamp(72px,9vw,130px) clamp(20px,6vw,96px)}
.ga-install{background:var(--cream);color:#1c1714}
.getapp .ga-install header,.getapp .ga-inside header{max-width:760px;margin:0 auto 44px;text-align:center}
.ga-install .ga-kick{color:var(--wine)}
.ga-install h2,.ga-inside h2,.ga-nudges h2{font-size:clamp(40px,5vw,72px);line-height:1}
.ga-install h2 em{color:var(--wine)}
.ga-sub{color:#5b5248;font-size:16px;margin:16px 0 0}
.ga-tabs{display:flex;justify-content:center;gap:6px;margin:0 auto 40px;padding:5px;border:1px solid #1c171426;width:max-content;border-radius:999px}
.ga-tabs button{border:0;background:transparent;padding:11px 26px;border-radius:999px;font:500 12px 'DM Sans',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#5b5248;cursor:pointer;transition:background .3s,color .3s}
.ga-tabs button[aria-selected=true]{background:#1c1714;color:var(--cream)}
.ga-steps{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,32px);max-width:1120px}
.ga-step{position:relative;padding:26px 24px 30px;background:#fffdf8;border:1px solid #1c17141a;transition:transform .5s,box-shadow .5s,border-color .5s}
.ga-step>b{display:block;font-family:'Italiana',serif;font-size:32px;color:var(--wine);font-weight:400;margin:22px 0 6px}
.ga-step h3{font-size:30px;margin-bottom:8px}.ga-step p{margin:0;color:#5b5248;line-height:1.55;font-size:15px}
.ga-step.live{transform:translateY(-6px);box-shadow:0 26px 50px -30px #761f2b88;border-color:#d5a84f}
.ga-mini{position:relative;height:190px;border-radius:22px;background:linear-gradient(160deg,#2b0e14,#120a0b);overflow:hidden;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff14}
.ga-mini .tap{position:absolute;width:44px;height:44px;border-radius:50%;border:2px solid var(--gold2);opacity:0;pointer-events:none}
.ga-step.live .ga-mini .tap{animation:gaTap 1.6s ease-out .5s infinite}
@keyframes gaTap{0%{opacity:.95;transform:scale(.4)}70%,100%{opacity:0;transform:scale(1.6)}}
.mini-safari{position:absolute;inset:auto 14px 14px;padding:10px;border-radius:16px;background:#f8f2e5ee;color:#1c1714}
.mini-safari .url{display:block;text-align:center;font-size:11px;padding:7px;border-radius:9px;background:#00000010;margin-bottom:9px;letter-spacing:.1em}
.mini-safari .bar{display:flex;justify-content:space-around;align-items:center}.mini-safari .bar i{width:14px;height:14px;border-radius:4px;background:#1c171433}
.mini-safari .share{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:#0a64d8}
.ga-step.live .mini-safari .share{background:#0a64d81f}
.mini-safari svg,.mini-sheet svg,.shareGlyph svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ga-step[data-step="1"] .tap{bottom:26px;left:calc(50% - 22px)}
.mini-sheet{position:absolute;inset:18px 18px auto;display:grid;gap:2px;border-radius:14px;overflow:hidden;background:#f8f2e5;color:#1c1714;font-size:13px}
.mini-sheet span{display:flex;gap:8px;align-items:center;padding:9px 12px;background:#fffdf8}
.mini-sheet .hl{font-weight:600}.ga-step.live .mini-sheet .hl{background:#f2e3bf}
.ga-step[data-step="2"] .tap{top:88px;left:44%}
.mini-home{display:grid;grid-template-columns:repeat(4,38px);gap:16px 20px;padding:20px}
.mini-home i{width:38px;height:38px;border-radius:10px;background:#ffffff1a}
.mini-home .newIcon{position:relative;display:grid;justify-items:center;gap:4px}.mini-home .newIcon img{width:38px;height:38px;border-radius:10px;box-shadow:0 0 0 1px #d5a84f88,0 0 18px #d5a84f88}
.mini-home .newIcon em{font-style:normal;font-size:9px;color:#f8f2e5;position:absolute;top:42px;white-space:nowrap}
.ga-step.live .newIcon{animation:gaDrop 1.1s cubic-bezier(.3,1.6,.4,1) .3s both}
@keyframes gaDrop{from{opacity:0;transform:translateY(-30px) scale(.4)}}
.mini-chrome{position:absolute;inset:14px 14px auto;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:#f8f2e5;color:#1c1714;font-size:11px}
.mini-chrome .url{flex:1;letter-spacing:.1em}.mini-chrome .dots{font-size:16px}
.mini-menu{position:absolute;top:56px;right:14px;display:grid;width:62%;border-radius:10px;overflow:hidden;background:#fffdf8;color:#1c1714;font-size:12px;box-shadow:0 10px 24px -8px #000}
.mini-menu span{padding:9px 12px}.ga-step.live .mini-menu .hl{background:#f2e3bf;font-weight:600}
.ga-step[data-step="1"] .mini-menu+.tap{top:86px;right:30%;left:auto;bottom:auto}
.mini-dialog{width:78%;padding:16px;border-radius:18px;background:#fffdf8;color:#1c1714;display:grid;justify-items:center;gap:4px;text-align:center}
.mini-dialog img{width:40px;border-radius:10px}.mini-dialog strong{font-size:14px}.mini-dialog span{font-size:12px;color:#7d7262}
.mini-dialog div{display:flex;gap:18px;margin-top:8px;font-size:12px}.mini-dialog em{font-style:normal;color:#5b5248}.mini-dialog em.hl{color:#0a64d8;font-weight:600}
.ga-step[data-step="2"] .mini-dialog+.tap{top:auto;bottom:34px;left:55%}
.ga-done{display:flex;gap:18px;align-items:center;max-width:620px;margin:0 auto;padding:22px;background:#fffdf8;border:1px solid #d5a84f}
.ga-done img{width:64px;border-radius:14px}.ga-done h3{font-size:32px}.ga-done p{margin:6px 0 0;color:#5b5248}.ga-done a{color:var(--wine)}

/* Inside */
.ga-inside{background:linear-gradient(180deg,#120c0b,#0b0908)}
.ga-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;max-width:1180px;margin:0 auto;background:#d5a84f2b;border:1px solid #d5a84f2b}
.ga-tiles article{padding:36px 30px 40px;background:#0f0b0a;transition:background .4s}
.ga-tiles article:hover{background:#1a0f0f}
.ga-tiles svg{width:34px;height:34px;fill:none;stroke:var(--gold);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;margin-bottom:22px}
.ga-tiles h3{font-size:30px;margin-bottom:10px}.ga-tiles p{margin:0;color:#cbbfa8;line-height:1.6;font-size:15px}

/* Nudges */
.ga-nudges{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,6vw,90px);align-items:center;background:radial-gradient(90% 80% at 20% 50%,#3a1017,#0b0908 70%)}
.ga-lock{position:relative;justify-self:center;width:min(360px,100%);aspect-ratio:9/16;border-radius:44px;padding:56px 16px;background:url(v16/gate-cellar.jpg) 70% center/cover;box-shadow:0 0 0 1px #d5a84f40,0 40px 80px -30px #000;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.ga-lock:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b090899,#0b090855 40%,#0b0908aa)}
.lock-time{position:relative;text-align:center;margin-bottom:26px}.lock-time span{font-size:14px;color:#f8f2e5cc}.lock-time b{display:block;font-family:'DM Sans',sans-serif;font-weight:300;font-size:74px;line-height:1;color:#f8f2e5;letter-spacing:-.02em}
.ga-lock .ga-note{position:relative;width:100%;opacity:0;transform:translateY(20px)}
.ga-lock.in .s1{animation:gaIn .8s cubic-bezier(.2,.7,.2,1) .3s forwards}.ga-lock.in .s2{animation:gaIn .8s cubic-bezier(.2,.7,.2,1) .9s forwards}
.ga-promises{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:18px;max-width:560px}
.ga-promises li{padding-left:30px;position:relative;line-height:1.6;color:#d6cab3;font-size:16px}
.ga-promises li:before{content:"";position:absolute;left:0;top:.55em;width:12px;height:12px;border:1px solid var(--gold);transform:rotate(45deg)}
.ga-promises b{color:var(--cream);font-weight:600}

/* Final */
.ga-final{text-align:center;background:var(--wine);background:linear-gradient(160deg,#82242f,#4a1119)}
.ga-final h2{font-size:clamp(46px,6vw,88px);line-height:1;margin-bottom:16px}.ga-final h2 em{color:var(--gold2)}
.ga-final p{color:#f1e3cf;font-size:17px;margin:0 auto 32px;max-width:36em}.ga-final .ga-ctas{justify-content:center}
.ga-foot{display:grid;justify-items:center;gap:10px;padding:46px 20px 60px;background:var(--ink);text-align:center;font-size:11px;letter-spacing:.18em;color:#a99d88}
.ga-foot img{height:60px;margin-bottom:6px}.ga-foot span:last-child{letter-spacing:.04em;font-size:12px}

/* iPhone how-to sheet */
.ga-sheet{position:fixed;inset:0;z-index:50;background:#0b0908b3;backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center}
.ga-sheet[hidden]{display:none}
.ga-sheetCard{position:relative;width:min(520px,100%);margin:0 12px 104px;padding:26px 24px 24px;background:var(--cream);color:#1c1714;border-radius:22px;animation:gaIn .5s cubic-bezier(.2,.7,.2,1) both}
.ga-sheetCard .ga-kick{color:var(--wine)}.ga-sheetCard h3{font-size:30px;line-height:1.15}.ga-sheetCard p{color:#5b5248;line-height:1.55;margin:10px 0 0}
.shareGlyph{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#0a64d81a;color:#0a64d8;vertical-align:-6px}
.ga-x{position:absolute;top:10px;right:12px;border:0;background:transparent;font-size:28px;cursor:pointer;color:#5b5248}
.ga-arrow{position:absolute;left:50%;bottom:-74px;width:2px;height:58px;background:linear-gradient(var(--gold),transparent);transform:translateX(-50%);animation:gaBob 1.4s ease-in-out infinite}
.ga-arrow:after{content:"";position:absolute;bottom:-4px;left:-7px;border:8px solid transparent;border-top-color:var(--gold)}
@keyframes gaBob{50%{transform:translate(-50%,10px)}}
.ga-sheet.top{align-items:flex-start}.ga-sheet.top .ga-sheetCard{margin:96px 12px 0}.ga-sheet.top .ga-arrow{bottom:auto;top:-74px;transform:translateX(-50%) rotate(180deg);left:auto;right:56px}

@media (max-width:980px){
  .ga-hero{grid-template-columns:1fr;padding-top:118px;text-align:left;min-height:auto}
  .ga-stage{height:560px;order:2}.ga-phone{max-width:270px}
  .ga-steps{grid-template-columns:1fr;max-width:520px}
  .ga-tiles{grid-template-columns:1fr 1fr}
  .ga-nudges{grid-template-columns:1fr}.ga-lock{order:2}
}
@media (max-width:600px){
  .getapp header.ga-top{grid-template-columns:auto 1fr;gap:12px}.getapp header.ga-top .ga-back{display:none}.getapp .ga-logo img{height:50px}
  .ga-hero{padding:100px 22px 56px}.ga-hero h1{font-size:58px}.ga-lede{font-size:17px}
  .ga-ctas .ga-btn{width:100%;justify-content:center}
  .ga-stage{height:500px}.ga-phone{max-width:236px;border-radius:42px;padding:9px}.ga-screen{border-radius:34px}
  .ga-stage .ga-note{width:250px;padding:10px 12px}.ga-stage .n1{right:-6px}.ga-stage .n2{left:-6px}.ga-stage .n3{right:-6px}
  .ga-note strong{font-size:13px}.ga-note span{font-size:12px}
  .ga-tiles{grid-template-columns:1fr}.ga-tiles article{padding:28px 22px}
  .ga-install,.ga-inside,.ga-nudges,.ga-final{padding:72px 20px}
  .ga-tabs{width:100%}.ga-tabs button{flex:1}
}
@media (prefers-reduced-motion:reduce){
  .getapp *,.getapp *:before,.getapp *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .ga-stage .ga-note.n1{opacity:1}
}