:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#f7f7fa;color-scheme:dark;background:#05101b}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 68% 52%,#393024 0%,#172333 32%,#071523 68%,#020b15 100%)}
.gateway{max-width:1620px;min-height:100svh;margin:auto;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.98fr);align-items:center;position:relative;overflow:hidden}
.gateway::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 56% 50% at 76% 68%,#95704430,transparent 73%);pointer-events:none}
.main-content{z-index:2;padding:clamp(28px,4.4vw,70px) 0 clamp(26px,3vw,46px) clamp(30px,4.3vw,74px);min-width:0}
.brand-block{margin-bottom:clamp(24px,2vw,36px)}.brand-row{display:flex;align-items:center;gap:8px;min-width:0;color:#f6cd82}.roof-logo{width:126px;height:102px;margin-right:-10px;flex:none}
.wordmark{font-size:clamp(29px,3.48vw,55px);letter-spacing:-.055em;font-weight:850;white-space:nowrap;color:#f6f7f9;line-height:1.1}.wordmark span{background:linear-gradient(180deg,#ffebba 0%,#ecc274 44%,#bd8434 100%);background-clip:text;color:transparent}
.brand-subtitle{font-size:clamp(10px,1.05vw,15px);letter-spacing:.21em;margin:0 0 0 130px;font-weight:630;white-space:nowrap;color:#fff}
.gold-rule{width:min(450px,70%);height:2px;background:linear-gradient(90deg,transparent 0%,#b78641 35%,#ffdd8c 70%,#b47c2d 100%);margin:28px 0 0 85px}
h1{font-size:clamp(36px,3.9vw,62px);line-height:1.07;margin:0 0 17px;letter-spacing:-.044em;white-space:nowrap;font-weight:800}h1 span{color:#eac06e}
.lead{font-size:clamp(18px,1.53vw,24px);line-height:1.34;margin:0 0 32px;max-width:700px;letter-spacing:.005em;color:#e7edf2}
.features{display:grid;gap:21px;margin:0 0 36px}.feature{display:grid;grid-template-columns:95px minmax(0,1fr);align-items:center;gap:22px}
.feature-icon{width:84px;height:84px;display:grid;place-items:center;border-radius:50%;border:2px solid #edb45c;color:#ebbc6f}.feature-icon svg{width:46px;height:46px}
.feature h2{font-size:clamp(17px,1.43vw,23px);color:#f1cf8b;letter-spacing:.04em;line-height:1.2;margin:0 0 5px;font-weight:750}.feature p{color:#e9eaf0;font-size:clamp(15px,1.3vw,19px);line-height:1.42;margin:0}
.install-actions{display:grid;grid-template-columns:1.17fr 1.08fr 100px;gap:15px;width:100%;max-width:765px}
button{font:inherit;cursor:pointer;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}button:hover{filter:brightness(1.08)}button:active{transform:scale(.985)}button:focus-visible{outline:3px solid #ffe5a2;outline-offset:4px}
.install-btn{min-height:102px;border-radius:15px;display:flex;align-items:center;justify-content:space-around;gap:8px;padding:14px 12px;border:1.5px solid #e9bd6c}
.iphone-btn{background:linear-gradient(155deg,#ffe2a0 0%,#efd096 50%,#b98942 100%);color:#06090b}.android-btn{background:linear-gradient(175deg,#171719,#04090e);color:#fff}
.apple-logo{width:52px;height:58px;flex:none}.play-logo{width:43px;height:48px;flex:none}
.install-label{display:flex;flex-direction:column;align-items:flex-start;line-height:1.14}.install-label small{font-size:clamp(14px,1.22vw,20px);font-weight:450}.install-label strong{font-size:clamp(22px,1.9vw,30px);font-weight:780;letter-spacing:-.02em}.chevron{font-size:45px;font-weight:280;line-height:.7;padding:0 4px}
.share-btn{min-height:102px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:15px;border:1.5px solid #e2b86f;color:white;background:linear-gradient(175deg,#171a20,#070b11);font-size:19px}.share-btn svg{width:41px;height:41px}.share-btn strong{font-weight:580}
.install-instruction{font-size:clamp(11px,1.05vw,16px);letter-spacing:.22em;white-space:nowrap;text-align:center;margin:24px 0 0;color:#e0e3eb}.bottom-rule{width:118px;height:2px;background:#dbaa57;margin:24px auto 0}
.visual{min-width:0;align-self:stretch;position:relative;display:flex;justify-content:flex-start;align-items:center;margin-left:-7px;overflow:hidden;min-height:660px}.phone-glow{position:absolute;inset:17% -5% 4% -20%;background:radial-gradient(ellipse at 42% 50%,#bb8b4836,transparent 66%);filter:blur(25px)}.phone-art{position:relative;display:block;width:min(100%,750px);height:auto;max-height:100svh;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 16px 32px #0005)}
.install-modal[hidden]{display:none}.install-modal{position:fixed;inset:0;background:#010409e9;display:grid;place-items:center;padding:18px;z-index:50}.install-card{width:min(100%,510px);max-height:calc(100dvh - 36px);overflow:auto;background:linear-gradient(160deg,#1b2e42,#101c2b);border:1px solid #ad8651;border-radius:24px;padding:28px;box-shadow:0 25px 85px #000a}.modal-top{display:flex;justify-content:space-between;align-items:center}.modal-top img{border-radius:12px}.close{background:#1c3043;border:1px solid #627386;color:#fff;padding:8px 12px;border-radius:10px}.eyebrow{color:#f0c879;letter-spacing:.18em;font-weight:750;font-size:12px;margin:24px 0 8px}.install-card h2{font-size:clamp(26px,5vw,34px);margin:0 0 20px;letter-spacing:-.04em}.install-steps{display:grid;gap:12px}.install-step{display:grid;gap:6px;border:1px solid #3a536a;border-radius:13px;padding:13px 15px;background:#192c405e}.install-step strong{color:#f6d592;font-size:15px}.install-step span{font-size:14px;color:#e0eaf1;line-height:1.5}.primary{background:linear-gradient(135deg,#ffdf99,#ddb065);border:0;border-radius:12px;padding:14px 16px;font-size:16px;color:#12243a;font-weight:850}.wide{width:100%;margin-top:18px}.feedback{font-size:14px;color:#f2d59f;min-height:20px;line-height:1.55}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 30px);border:1px solid #bf9557;border-radius:12px;background:#233c56;color:white;padding:13px 18px;z-index:100;box-shadow:0 10px 28px #0009}.toast:empty{display:none}
@media(max-width:1150px){.roof-logo{width:90px;height:75px}.brand-subtitle{margin-left:93px}.gold-rule{margin-left:52px}.install-actions{grid-template-columns:1fr 1fr 82px;gap:9px}.install-btn,.share-btn{min-height:82px;padding:10px}.share-btn svg{width:32px;height:32px}.apple-logo{width:36px;height:43px}.play-logo{width:32px;height:37px}.feature{grid-template-columns:70px 1fr;gap:14px}.feature-icon{width:66px;height:66px}.feature-icon svg{width:38px;height:38px}}
@media(max-width:780px){.gateway{grid-template-columns:1fr;overflow:visible}.main-content{padding:28px 20px 18px;text-align:center}.brand-row{justify-content:center}.roof-logo{width:74px;height:65px;margin-right:-8px}.wordmark{font-size:clamp(28px,6.6vw,41px)}.brand-subtitle{margin:2px 0 0;letter-spacing:.13em;font-size:11px}.gold-rule{margin:16px auto 0;width:67%}h1{font-size:clamp(32px,7.2vw,48px);white-space:normal}.lead{font-size:17px;margin:0 auto 22px;max-width:470px}.features{max-width:480px;margin:0 auto 26px;gap:17px;text-align:left}.feature{grid-template-columns:59px 1fr;gap:13px}.feature-icon{width:58px;height:58px}.feature-icon svg{width:34px;height:34px}.feature h2{font-size:16px}.feature p{font-size:14px}.desktop-only{display:none}.install-actions{max-width:520px;margin:auto;grid-template-columns:1fr 1fr 75px;gap:8px}.install-btn,.share-btn{min-height:74px;border-radius:12px}.install-label small{font-size:12px}.install-label strong{font-size:18px}.chevron{font-size:30px;padding:0}.apple-logo{width:28px;height:36px}.play-logo{width:29px;height:35px}.share-btn{font-size:13px}.share-btn svg{width:28px;height:28px}.install-instruction{font-size:11px;letter-spacing:.16em;margin:18px 0 0}.bottom-rule{margin:13px auto 0;width:80px}.visual{justify-content:center;min-height:0;overflow:hidden;max-height:650px;margin:0;padding:0 8px}.phone-art{width:min(100%,440px);max-height:none}.phone-glow{inset:0}}
@media(max-width:385px){.main-content{padding:20px 13px}.brand-row{gap:0}.roof-logo{width:57px;height:53px}.wordmark{font-size:28px}.brand-subtitle{font-size:9px}.feature h2{font-size:14px}.feature p{font-size:13px}.install-actions{grid-template-columns:1fr 1fr 64px;gap:5px}.install-btn{gap:2px;padding:5px}.install-label strong{font-size:16px}.install-label small{font-size:11px}.apple-logo{width:24px}.play-logo{width:24px}.chevron{font-size:24px}.share-btn{font-size:11px}.share-btn svg{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}