/* Uses HomeMotion Pro official variables, logo and the approved neighborhood-house image. */
:root{--bg:#08131f;--bg2:#0e1d2b;--accent:#29d0c3;--accent2:#6de4da;--gold:#f4c66b;--text:#f6fbff;--muted:#a8bbcc}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-width:320px;background:radial-gradient(circle at 82% 12%,rgba(41,208,195,.18),transparent 34%),radial-gradient(circle at 0 85%,rgba(244,198,107,.08),transparent 32%),linear-gradient(125deg,#08131f,#0e1d2b);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}
.gateway{width:min(1320px,100%);min-height:100svh;margin:auto;padding:clamp(22px,4vw,56px);display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:clamp(20px,3vw,65px);align-items:center}
.story{position:relative;z-index:1;max-width:590px}.brand{width:min(365px,72vw)}.brand img{width:100%;height:auto;display:block;filter:drop-shadow(0 8px 12px #0008)}.eyebrow{margin-top:48px;color:var(--accent2);font-size:.72rem;font-weight:850;letter-spacing:.20em;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent)}h1{font-weight:870;font-size:clamp(3rem,5.65vw,5.75rem);letter-spacing:-.065em;line-height:.98;margin:19px 0 20px}h1 span{color:var(--gold)}.intro{color:#d3e2ec;font-size:1.035rem;line-height:1.72;max-width:565px;margin:0 0 20px}
.benefits{display:grid;gap:10px;margin:29px 0 30px}.benefits>div{display:flex;align-items:center;gap:13px;min-width:0}.benefits p{margin:0}.benefits strong{display:block;letter-spacing:.015em;font-size:.95rem}.benefits small{display:block;margin-top:3px;color:var(--muted);font-size:.81rem;line-height:1.45}.feature-symbol{width:37px;height:37px;border-radius:12px;border:1px solid #29d0c355;background:#29d0c310;color:var(--gold);display:grid;place-items:center;font-size:20px;flex-shrink:0}
.install-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11px;width:100%;max-width:558px}.device-button,.share-button{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:9px;text-align:left;border-radius:15px;min-height:67px;padding:12px 14px;border:1px solid rgba(109,228,218,.38);transition:transform .15s,filter .15s,box-shadow .15s}.device-button:hover,.share-button:hover{transform:translateY(-2px);filter:brightness(1.09)}.device-button{background:linear-gradient(120deg,#29d0c3,#6de4da 49%,#f4c66b 120%);color:var(--bg);font-weight:800;box-shadow:0 14px 30px rgba(41,208,195,.16)}.device-button small{display:block;font-size:.65rem;font-weight:780;letter-spacing:.035em}.device-button strong{font-size:1.06rem}.device-icon{width:27px;height:30px;flex:0 0 auto;opacity:.9}.arr{opacity:.7;align-self:flex-start;font-size:17px}.share-button{grid-column:1 / -1;justify-content:center;gap:16px;background:rgba(255,255,255,.065);color:var(--text);border-color:rgba(244,198,107,.4);font-size:1rem;font-weight:850;min-height:60px}.share-button svg{fill:none;stroke:var(--gold);stroke-width:2.25}.share-button svg circle{fill:var(--gold)}.share-button>span:last-child{margin-left:auto;color:var(--gold)}.share-button>span:nth-child(2){margin-left:auto}.install-note{margin:17px 0 0;color:var(--accent2);font-weight:830;font-size:.71rem;letter-spacing:.12em}.compat-note{color:var(--muted);font-size:.83rem;line-height:1.6;margin:18px 0 0;max-width:510px}
.visual{position:relative;display:grid;place-items:center;min-width:0;isolation:isolate}.ambient{position:absolute;inset:7% 0 9%;background:radial-gradient(ellipse,rgba(41,208,195,.23),transparent 68%);filter:blur(32px);z-index:-1}.phone-wrap{width:min(410px,100%);padding:18px;transform:rotate(3deg);filter:drop-shadow(15px 25px 40px #000a)}.phone{border:5px solid #1d313b;background:#061019;border-radius:49px;padding:11px 10px 18px;position:relative;box-shadow:inset 0 0 0 2px #6de4da44,0 0 0 1px #f4c66b55;max-width:368px;margin:auto}.speaker{position:absolute;width:27%;height:19px;border-radius:0 0 17px 17px;left:36.5%;top:4px;background:#08131f;z-index:2}.phone-screen{border-radius:34px;overflow:hidden;background:#08131f;min-height:650px}.phone-top{height:54px;display:flex;justify-content:space-between;align-items:center;padding:20px 18px 10px;font-size:.66rem;font-weight:900;letter-spacing:.17em;color:var(--accent2)}.phone-spark{color:var(--gold);font-size:21px}.phone-photo{height:330px;position:relative;overflow:hidden}.phone-photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#07131fea)}.phone-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 45%;display:block}.photo-caption{position:absolute;left:17px;right:12px;bottom:21px;z-index:1;display:grid;gap:5px}.photo-caption>span{color:var(--gold);letter-spacing:.12em;font-weight:850;font-size:.63rem}.photo-caption strong{font-size:1.4rem;line-height:1.1}.photo-caption small{color:#e0edf5;font-size:.65rem}.phone-content{padding:17px 17px 22px;display:grid;gap:10px}.phone-content>span{color:var(--accent2);font-size:.64rem;font-weight:850;letter-spacing:.14em;margin-bottom:2px}.phone-option{min-height:51px;display:flex;align-items:center;gap:11px;background:linear-gradient(90deg,#102a33,#112331);border:1px solid #6de4da40;border-radius:12px;padding:9px 12px}.phone-option i{font-style:normal;font-size:18px;color:var(--gold)}.phone-option b{font-size:.84rem}.phone-option em{font-style:normal;margin-left:auto;color:var(--accent2)}.home-indicator{width:30%;height:4px;background:#a8bbccaa;border-radius:20px;margin:11px auto 0}.visual-badge{position:absolute;right:0;top:19%;background:#08131fe9;border:1px solid #f4c66b77;box-shadow:0 12px 30px #0007;border-radius:15px;padding:14px 18px;color:var(--gold);font-size:.72rem;font-weight:850;letter-spacing:.12em;line-height:1.5;transform:rotate(-6deg)}
.install-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#020a11e8;backdrop-filter:blur(12px);padding:15px}.install-card{width:min(510px,100%);max-height:92dvh;overflow:auto;background:linear-gradient(160deg,#122b38,#08131f);border:1px solid #6de4da66;box-shadow:0 28px 80px #000b;border-radius:25px;padding:26px}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head img{border-radius:12px;border:1px solid #29d0c350}.modal-close{border:1px solid #ffffff27;background:#ffffff0c;border-radius:10px;width:38px;height:38px}.modal-kicker{color:var(--accent2);font-size:.7rem;letter-spacing:.17em;font-weight:850;margin:25px 0 7px}.install-card h2{font-size:clamp(1.8rem,4vw,2.3rem);line-height:1.05;margin:0 0 18px}.install-step{border-top:1px solid #ffffff23;padding:15px 0}.install-step strong{display:block;font-size:1rem}.install-step p{margin:6px 0 0;color:#bfd1db;font-size:.88rem;line-height:1.6}.modal-install{width:100%;padding:16px;border:0;background:linear-gradient(120deg,var(--accent),var(--gold));border-radius:12px;color:var(--bg);font-weight:900}.install-feedback{font-size:.88rem;color:var(--accent2);line-height:1.55;min-height:1.2em}.toast{position:fixed;z-index:110;bottom:20px;left:50%;transform:translateX(-50%);max-width:min(540px,calc(100vw - 24px));padding:14px 18px;border-radius:13px;color:#f6fbff;background:#142b38;border:1px solid #6de4da60;box-shadow:0 14px 42px #0008;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}
@media(max-width:900px){.gateway{grid-template-columns:1fr;gap:16px;max-width:650px;padding:23px 22px 40px}.story{max-width:none}.eyebrow{margin-top:30px}.visual{margin:10px auto 0;width:min(100%,430px)}.phone-wrap{transform:rotate(0);width:min(78vw,380px)}.visual-badge{right:-6%;top:15%}h1{font-size:clamp(3rem,10vw,4.7rem)}.intro{font-size:.96rem;line-height:1.58}.benefits{margin:24px 0}}
@media(max-width:480px){.gateway{padding-inline:17px}.brand{width:68vw;max-width:300px}.eyebrow{margin-top:22px;font-size:.63rem;letter-spacing:.15em}h1{font-size:clamp(2.75rem,12vw,3.65rem)}.intro{font-size:.89rem}.install-actions{gap:8px}.device-button{min-height:59px;padding:9px;gap:5px}.device-button strong{font-size:.9rem}.device-button small{font-size:.61rem}.device-icon{width:23px;height:26px}.arr{font-size:14px}.share-button{min-height:55px}.install-note{font-size:.65rem;line-height:1.4}.benefits strong{font-size:.87rem}.benefits small{font-size:.77rem}.phone-wrap{width:min(78vw,325px)}.phone-screen{min-height:auto}.phone-photo{height:285px}.visual-badge{right:0;font-size:.63rem;padding:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}