:root{--night:#070d18;--night2:#0d1727;--text:#f5f7fc;--muted:#a5b1c2;--gold:#e4b76f;--gold-deep:#a97331;--line:rgba(208,220,242,.15)}
[hidden]{display:none!important}
*{box-sizing:border-box}html{background:var(--night);color-scheme:dark}body{margin:0;background:radial-gradient(ellipse at 66% 41%,#182c3e 0,transparent 37%),radial-gradient(ellipse at 12% 100%,#172335 0,transparent 38%),var(--night);font:16px/1.45 Inter,"Segoe UI",system-ui,-apple-system,sans-serif;color:var(--text);min-height:100vh;overflow-x:hidden}
button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #fbe0a1;outline-offset:3px}.ambient{pointer-events:none;position:absolute;border-radius:50%;filter:blur(90px);opacity:.32}.ambient-left{height:240px;width:290px;top:10%;left:-160px;background:#4a6684}.ambient-right{height:300px;width:300px;right:-200px;bottom:0;background:#78613f}
.gateway{max-width:1440px;margin:auto;padding:34px 5.2% 32px;min-height:100svh;display:grid;align-items:center}.wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(20px,4vw,92px);align-items:center}.install{z-index:2;position:relative;max-width:670px}.brand{display:flex;align-items:center;gap:13px;font-size:clamp(1.2rem,1.7vw,1.55rem);font-weight:850;white-space:nowrap;letter-spacing:-.045em}.brand img{border-radius:12px;box-shadow:0 5px 22px #0007}.brand b{color:var(--gold);font-weight:850}.eyebrow{display:flex;align-items:center;gap:12px;font-size:.73rem;font-weight:850;color:var(--gold);letter-spacing:.19em;margin:65px 0 19px}.eyebrow-line{height:2px;width:28px;background:var(--gold)}h1{font-size:clamp(3rem,5.1vw,5.25rem);line-height:1.04;letter-spacing:-.068em;font-weight:860;margin:0;max-width:660px}h1 em{font-style:normal;background:linear-gradient(108deg,#f4d9a6,#bb873b);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy{font-size:clamp(.98rem,1.32vw,1.14rem);color:#b9c3d1;max-width:560px;line-height:1.7;margin:26px 0 20px}.feature-pills{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:35px}.feature-pills span{border:1px solid var(--line);border-radius:100px;padding:7px 12px;font-size:.73rem;color:#bfc9d7;background:#ffffff06}.feature-pills span:before{content:"✓";color:#e3b972;margin-right:7px;font-weight:900}.install-heading{font-size:.72rem;letter-spacing:.18em;font-weight:900;color:#d8e0ea;margin-bottom:12px}.install-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:570px;gap:11px}.btn{border:1px solid transparent;border-radius:13px;min-height:57px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:850;font-size:.95rem;white-space:nowrap;transition:transform .15s,background .2s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.btn.primary{background:linear-gradient(120deg,#f8d998,#ce9548);color:#101521;border-color:#ffe6ad;box-shadow:0 9px 28px #bc864024}.btn.share{background:#ffffff0b;border-color:var(--line);color:#f2f5fa}.btn:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.25)}.desktop-choice{grid-column:1/-1}.share{grid-column:1/-1}.install-note{font-size:.75rem;color:#93a1b6;max-width:560px;display:flex;align-items:flex-start;gap:10px;margin:17px 0}.shield{font-size:.86rem;color:var(--gold);border:1px solid #ac8048;border-radius:50%;display:inline-grid;place-items:center;flex:0 0 19px;height:19px}
.product-stage{min-height:760px;position:relative;display:grid;place-items:center;align-content:center;isolation:isolate}.orb{position:absolute;pointer-events:none;border-radius:50%}.orb-one{width:480px;height:480px;background:radial-gradient(circle,#ce974e20,transparent 69%);top:12%;left:-6%}.orb-two{width:650px;height:340px;background:radial-gradient(ellipse,#4d6c9222,transparent 69%);top:43%;right:-55%;transform:rotate(-40deg)}.device-shadow{position:absolute;bottom:10%;left:15%;width:80%;height:10%;filter:blur(32px);background:#000b;border-radius:50%;transform:rotate(-8deg)}
.phone-bezel{position:relative;width:min(345px,90%);aspect-ratio:350/725;background:linear-gradient(130deg,#596271,#141920 20%,#111820 56%,#73747a 98%);border:7px solid #1e2933;border-radius:51px;box-shadow:0 0 0 1px #cbd1da45 inset,0 2px 3px #d4e7ff4d inset,0 26px 43px #0008,0 75px 120px #0006;transform:rotate(8deg);padding:7px;z-index:2}.phone-side-button{position:absolute;right:-11px;top:174px;width:5px;height:79px;border-radius:0 4px 4px 0;background:linear-gradient(90deg,#14181e,#667078)}.phone-screen{position:relative;width:100%;height:100%;border-radius:37px;overflow:hidden;background:#0b1523}.property-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 34%;filter:saturate(.96) contrast(1.05)}.screen-tint{position:absolute;inset:0;background:linear-gradient(180deg,#08111eaa 0%,#08111e0c 32%,#08111e33 49%,#080f1ff2 76%,#070e1eff 100%)}.island{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:91px;height:22px;background:#090c12;border-radius:30px;box-shadow:0 0 0 1px #2228}.phone-brand{position:absolute;top:49px;left:17px;right:13px;display:flex;align-items:center;gap:7px;font-size:.83rem;letter-spacing:-.05em;font-weight:820;text-shadow:0 2px 8px #0009}.phone-brand b{color:#ffca77}.micro-house{background:#e2b474;color:#0a111e;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:1.2rem}.phone-content{position:absolute;bottom:35px;left:16px;right:16px}.phone-tag{color:#edc88f;font-size:.54rem;font-weight:900;letter-spacing:.2em;display:flex;align-items:center;gap:6px}.live-dot{width:5px;height:5px;border-radius:50%;background:#e9bc70}.phone-content h2{font-size:1.72rem;line-height:1.07;letter-spacing:-.075em;margin:7px 0}.phone-content p{color:#d4dae6;margin:0 0 14px;font-size:.67rem}.phone-menu{display:grid;gap:7px}.phone-menu-row{display:grid;grid-template-columns:31px 1fr 10px;align-items:center;gap:8px;border:1px solid #e8efff30;background:#111d30e8;backdrop-filter:blur(18px);padding:8px 9px;border-radius:11px;box-shadow:0 8px 18px #0002}.phone-menu-row .menu-icon{height:28px;width:28px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#f6d592,#c89450);color:#142034;font-size:1.07rem;font-weight:850}.phone-menu-row strong{display:block;font-size:.69rem}.phone-menu-row small{display:block;color:#aebac9;font-size:.54rem;margin-top:1px}.chevron{font-size:1.2rem;color:#e0b775}.home-indicator{position:absolute;bottom:9px;width:32%;height:4px;left:34%;background:#f5f5f5;border-radius:50px}.stage-caption{z-index:3;font-size:.66rem;letter-spacing:.18em;color:#8696a9;font-weight:800;margin-top:42px;display:flex;align-items:center;gap:10px}.caption-mark{width:24px;height:1px;background:var(--gold)}
.install-modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:18px;background:#02060ddc;backdrop-filter:blur(15px)}.install-modal.open{display:grid}.install-modal-card{width:min(560px,100%);max-height:90dvh;overflow-y:auto;border:1px solid #d5b27a69;border-radius:22px;background:linear-gradient(155deg,#152237,#0b1422 76%);padding:28px;box-shadow:0 30px 130px #000b}.modal-topline{display:flex;align-items:center;gap:12px;font-weight:850;font-size:.76rem;letter-spacing:.09em;color:#e8bc78}.modal-topline img{border-radius:10px}.install-modal .eyebrow{margin:28px 0 9px;color:var(--gold);font-size:.71rem}.install-modal h2{font-size:clamp(1.9rem,5vw,2.6rem);line-height:1.08;letter-spacing:-.04em;margin:0 0 20px}.install-step{padding:14px 0;border-top:1px solid var(--line);display:grid;gap:5px}.install-step strong{font-size:1rem}.install-step span{color:#adbacb;font-size:.91rem;line-height:1.5}.install-step.complete{padding:15px;margin-top:10px;border:1px solid #d8ae6959;border-radius:12px;background:#daa85015}.install-modal-actions{margin-top:23px}.install-modal-actions .btn{width:100%}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:min(540px,calc(100% - 36px));background:#1e2e42;border:1px solid #cda36c88;color:white;padding:12px 19px;z-index:120;border-radius:12px;box-shadow:0 12px 40px #0009;display:none;text-align:center;font-size:.88rem}.toast.show{display:block}
@media(max-width:1050px){.gateway{padding:22px 4%}.wrap{gap:15px}.product-stage{min-height:650px}.phone-bezel{width:min(310px,92%)}.eyebrow{margin-top:46px}}
@media(max-width:760px){.gateway{padding:20px 17px 40px;display:block}.wrap{display:flex;flex-direction:column;gap:8px}.install{width:100%}.brand{font-size:1.21rem}.brand img{height:43px;width:43px}.eyebrow{margin:29px 0 14px}.install h1{font-size:clamp(2.6rem,10vw,4.35rem)}.hero-copy{font-size:.98rem;line-height:1.55;margin:18px 0 15px}.feature-pills{margin-bottom:23px}.install-actions{max-width:100%}.btn{font-size:.87rem;min-height:54px}.install-note{margin-bottom:3px}.product-stage{min-height:690px;width:100%;margin-top:6px}.phone-bezel{width:min(305px,80%);transform:rotate(5deg)}.stage-caption{margin-top:20px}.orb-one{width:350px;height:350px}}
@media(max-width:390px){.gateway{padding:15px 12px 26px}.brand{font-size:1.05rem}.install h1{font-size:2.54rem}.hero-copy{font-size:.9rem}.feature-pills{gap:5px}.feature-pills span{font-size:.65rem;padding:6px 9px}.install-actions{gap:7px}.btn{font-size:.75rem;min-height:49px;padding:4px}.btn svg{width:15px}.product-stage{min-height:615px}.phone-bezel{width:min(272px,80%)}.phone-content h2{font-size:1.43rem}.phone-menu-row{padding:6px}.stage-caption{font-size:.56rem}.install-modal-card{padding:19px}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}}
.brand-titles{display:flex;flex-direction:column;justify-content:center;min-width:0;line-height:1.16;white-space:normal}
.brand-name{white-space:nowrap}
.brand-product{display:block;margin-top:5px;color:#b7c3d2;font-size:clamp(.7rem,1vw,.82rem);letter-spacing:.015em;font-weight:600;line-height:1.3;max-width:340px}
a.btn{text-decoration:none}
.btn.desktop-choice{background:linear-gradient(120deg,#152940,#1d344d);border-color:#c89c61;color:#f3d5a5;box-shadow:inset 0 1px 0 #f5d99a25}
.btn.desktop-choice:hover{background:linear-gradient(120deg,#1c3653,#263f58)}
@media(max-width:390px){.brand-product{font-size:.68rem;max-width:250px}}