@font-face{font-family:Archivo;src:url(/fonts/Archivo-Light.ttf)format("truetype");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Archivo;src:url(/fonts/Archivo-Regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Archivo;src:url(/fonts/Archivo-Bold.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}:root{--ink:oklch(18% .015 72);--ink-soft:oklch(28% .018 72);--paper:oklch(94% .018 78);--paper-deep:oklch(89% .026 76);--paper-bright:oklch(97% .012 78);--night:oklch(10% .014 68);--night-raised:oklch(14% .018 68);--night-soft:oklch(19% .024 68);--night-line:oklch(30% .028 68);--muted:oklch(55% .025 72);--muted-light:oklch(72% .027 76);--accent:oklch(73% .15 69);--accent-bright:oklch(82% .125 72);--accent-dark:oklch(54% .14 62);--success:oklch(71% .14 149);--error:oklch(60% .18 27);--max-width:1440px;--gutter:clamp(1.25rem, 4vw, 4.5rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;font-kerning:normal;background:var(--night);font-family:Archivo,Arial Narrow,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:6rem}body{background:var(--night);min-width:0;min-height:100vh;margin:0}body,button,input{font-family:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}::selection{color:var(--night);background:var(--accent-bright)}.site-shell{background:var(--paper);position:relative;overflow:clip}.skip-link{z-index:1000;color:var(--night);background:var(--accent-bright);transition:transform .18s var(--ease-out);padding:.75rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.section{padding-inline:max(var(--gutter), calc((100vw - var(--max-width)) / 2));position:relative}.eyebrow,.section-kicker{letter-spacing:.18em;margin:0;font-size:.72rem;font-weight:700;line-height:1.2}.eyebrow{color:var(--accent-dark)}.section-kicker{color:var(--muted);align-items:center;gap:1rem;display:flex}.section-kicker:after{content:"";opacity:.35;background:currentColor;width:clamp(3rem,10vw,9rem);height:1px}.section-kicker span{color:var(--ink);font-variant-numeric:tabular-nums}.section-kicker.light{color:var(--muted-light)}.section-kicker.light span{color:var(--accent-bright)}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(1.75rem)}.reveal.revealed{opacity:1;transform:translateY(0)}.nav-wrap{z-index:100;padding:1.35rem var(--gutter) 0;position:absolute;top:0;left:0;right:0}.nav{width:min(100%, var(--max-width));border:1px solid color-mix(in oklch, var(--paper) 16%, transparent);min-height:4.25rem;color:var(--paper);background:color-mix(in oklch, var(--night) 88%, transparent);box-shadow:0 1.25rem 4rem color-mix(in oklch, var(--night) 55%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;justify-content:space-between;align-items:center;margin:0 auto;padding:.55rem .75rem .55rem 1.15rem;display:flex}.brand{letter-spacing:.17em;white-space:nowrap;align-items:center;gap:.8rem;font-size:.74rem;font-weight:700;display:inline-flex}.nav>.brand,.footer>.brand{min-height:2.75rem}.brand-mark{border:1px solid color-mix(in oklch, var(--accent) 60%, transparent);border-radius:50%;grid-template-columns:repeat(3,1fr);gap:.16rem;width:2rem;height:2rem;padding:.35rem;display:inline-grid}.brand-mark span{background:var(--accent);border-radius:.08rem;align-self:center;width:100%;height:70%}.brand-mark span:nth-child(2){height:100%}.nav-links{align-items:center;gap:clamp(1.1rem,2vw,2.25rem);font-size:.8rem;display:flex}.nav-links>a:not(.nav-cta){color:color-mix(in oklch, var(--paper) 72%, transparent);transition:color .18s var(--ease-out);padding-block:.8rem}.nav-links>a:not(.nav-cta):hover{color:var(--paper)}.nav-cta{min-height:3rem;color:var(--night);background:var(--accent-bright);transition:transform .18s var(--ease-out), background .18s var(--ease-out);border-radius:999px;align-items:center;gap:.55rem;padding:.75rem 1.1rem .75rem 1.25rem;font-weight:700;display:inline-flex}.nav-cta:hover{background:var(--paper);transform:translateY(-2px)}.menu-button{width:2.9rem;height:2.9rem;color:var(--paper);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:none}.hero{min-height:100svh;color:var(--paper);background:radial-gradient(circle at 8% 22%, color-mix(in oklch, var(--accent-dark) 17%, transparent), transparent 32rem), linear-gradient(115deg, var(--night) 0 52%, oklch(13% .02 70) 100%);grid-template-columns:minmax(0,.92fr) minmax(34rem,1.08fr);align-items:center;gap:clamp(2rem,4vw,6rem);padding-top:clamp(8.5rem,13vh,11rem);padding-bottom:clamp(3rem,8vh,6rem);display:grid}.hero:after{pointer-events:none;background-image:linear-gradient(color-mix(in oklch, var(--paper) 3%, transparent) 1px, transparent 1px);content:"";background-size:100% 7.5rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 70%);mask-image:linear-gradient(90deg,#000,#0000 70%)}.hero-copy{z-index:2;padding-bottom:2rem;position:relative}.hero-eyebrow{color:var(--accent-bright);align-items:center;gap:.7rem;display:flex}.live-dot{background:var(--success);width:.45rem;height:.45rem;box-shadow:0 0 .9rem color-mix(in oklch, var(--success) 70%, transparent);animation:breathe 1.8s var(--ease-in-out) infinite;border-radius:50%;flex:none;display:inline-block}.hero h1{letter-spacing:-.058em;margin:1.6rem 0 1.8rem;font-size:clamp(3.45rem,6.3vw,7.2rem);font-weight:700;line-height:.89}.hero h1 em{color:var(--accent-bright);font-style:normal;font-weight:300}.hero-lead{max-width:43rem;color:color-mix(in oklch, var(--paper) 72%, transparent);margin-bottom:2.2rem;font-size:clamp(1.02rem,1.4vw,1.24rem);font-weight:300;line-height:1.65}.hero-actions{align-items:flex-start;gap:1.4rem;display:flex}.hero-primary-action{gap:.65rem;display:grid}.hero-primary-action>p{max-width:25rem;color:color-mix(in oklch, var(--paper) 58%, transparent);align-items:flex-start;gap:.5rem;margin:0;font-size:.78rem;font-weight:300;line-height:1.5;display:flex}.hero-primary-action>p svg{color:var(--accent-bright);flex:none;margin-top:.05rem}.button{min-height:3.6rem;transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;gap:.7rem;padding:.9rem 1.35rem;font-size:.86rem;font-weight:700;display:inline-flex}.button:hover{transform:translateY(-3px)}.button:active{transform:translateY(0)scale(.97)}.button-primary{color:var(--night);background:var(--accent-bright);box-shadow:0 .75rem 2.25rem color-mix(in oklch, var(--accent-dark) 35%, transparent)}.button-primary:hover{box-shadow:0 1rem 3rem color-mix(in oklch, var(--accent-dark) 52%, transparent)}.button-dark{color:var(--paper);background:var(--night);box-shadow:0 .75rem 2.25rem color-mix(in oklch, var(--night) 28%, transparent)}.button-dark:hover{box-shadow:0 1rem 3rem color-mix(in oklch, var(--night) 38%, transparent)}.text-link{min-height:2.75rem;color:color-mix(in oklch, var(--paper) 80%, transparent);border-bottom:1px solid color-mix(in oklch, var(--paper) 25%, transparent);transition:color .18s var(--ease-out), border-color .18s var(--ease-out);align-items:center;gap:.55rem;margin-top:.45rem;font-size:.85rem;display:inline-flex}.text-link:hover{color:var(--accent-bright);border-color:var(--accent-bright)}.hero-meta{border-top:1px solid color-mix(in oklch, var(--paper) 12%, transparent);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:3.25rem;padding-top:1.25rem;display:grid}.hero-meta div{color:color-mix(in oklch, var(--paper) 58%, transparent);align-items:flex-start;gap:.7rem;font-size:.75rem;line-height:1.5;display:flex}.hero-meta svg{width:1.05rem;color:var(--accent)}.hero-meta strong{color:var(--paper);font-weight:400;display:block}.hero-experience{z-index:2;border:1px solid color-mix(in oklch, var(--paper) 12%, transparent);min-height:min(76vh,54rem);box-shadow:0 2rem 7rem color-mix(in oklch, var(--night) 75%, transparent);isolation:isolate;background:oklch(12% .02 70);border-radius:clamp(1.5rem,3vw,3.25rem);position:relative;overflow:hidden}.architecture{background:linear-gradient(oklch(9% .026 255),oklch(13% .025 67) 56%,oklch(17% .026 70));position:absolute;inset:0;overflow:hidden}.night-sky{background:radial-gradient(circle at 80% 30%,oklch(80% .05 78/.1),#0000 30%);position:absolute;inset:0 0 48%}.night-sky i{background:var(--paper);opacity:.45;border-radius:50%;width:2px;height:2px;position:absolute}.night-sky i:first-child{top:25%;left:67%}.night-sky i:last-child{top:38%;left:82%}.house-line{transform-origin:bottom;border:1px solid oklch(76% .06 70/.2);border-bottom:0;width:82%;position:absolute;left:9%}.house-line-one{clip-path:polygon(0 33%,24% 0,74% 0,100% 29%,100% 100%,0 100%);height:36%;top:17%}.house-line-two{border-color:oklch(76% .06 70/.1);width:64%;height:22%;top:28%;left:18%}.wall{background:linear-gradient(90deg,#0000,oklch(30% .036 71/.12)),oklch(20% .025 70);border-top:1px solid oklch(70% .05 70/.18);width:18%;position:absolute;top:45%;bottom:19%}.wall-left{left:0}.wall-right{right:0;transform:scaleX(-1)}.wall-light{background:var(--accent-bright);width:.32rem;height:1.7rem;box-shadow:0 0 2rem .6rem color-mix(in oklch, var(--accent) 28%, transparent);border-radius:99px;position:absolute;top:16%;right:20%}.gate-panel{z-index:3;width:34%;transition:transform .9s var(--ease-in-out);background:linear-gradient(90deg,oklch(17% .025 70),oklch(23% .025 70),oklch(16% .02 70));border:1px solid oklch(64% .025 70/.28);grid-template-columns:repeat(9,1fr);display:grid;position:absolute;top:44%;bottom:19%}.gate-panel i{border-right:1px solid oklch(65% .025 70/.12)}.gate-panel-left{transform-origin:0;left:17%}.gate-panel-right{transform-origin:100%;right:17%}.gate-opening .gate-panel-left,.gate-open .gate-panel-left{transform:translate(-94%)}.gate-opening .gate-panel-right,.gate-open .gate-panel-right{transform:translate(94%)}.gate-track{background:oklch(60% .03 70/.4);height:2px;position:absolute;bottom:18.5%;left:15%;right:15%}.driveway{transform-origin:top;background:linear-gradient(120deg,#0000 47%,oklch(64% .04 70/.11) 48%,#0000 49%) 0 0/4rem 100%,linear-gradient(oklch(20% .02 70),oklch(12% .015 70));position:absolute;inset:76% -15% -20%;overflow:hidden;transform:perspective(15rem)rotateX(54deg)}.driveway span{background:linear-gradient(var(--accent-bright), transparent);opacity:.18;width:1px;height:100%;position:absolute;top:0}.driveway span:first-child{left:32%;transform:rotate(11deg)}.driveway span:last-child{right:32%;transform:rotate(-11deg)}.car-light{z-index:4;background:var(--accent-bright);filter:blur(2px);opacity:.7;width:1.8rem;height:.4rem;box-shadow:0 0 2.5rem .8rem color-mix(in oklch, var(--accent) 30%, transparent);transition:opacity .5s var(--ease-out);border-radius:50%;position:absolute;bottom:11%}.car-light-left{left:40%}.car-light-right{right:40%}.gate-open .car-light{opacity:.2}.access-state{z-index:5;color:color-mix(in oklch, var(--paper) 62%, transparent);letter-spacing:.16em;align-items:center;gap:.55rem;font-size:.62rem;font-weight:700;display:flex;position:absolute;top:3.5rem;right:3.5rem}.access-state span{background:var(--accent);width:.4rem;height:.4rem;box-shadow:0 0 .8rem var(--accent);border-radius:50%}.gate-open .access-state span{background:var(--success);box-shadow:0 0 .8rem var(--success)}.phone-shell{z-index:10;aspect-ratio:.49;width:min(44%,19.5rem);color:var(--paper);background:radial-gradient(circle at 50% 42%, color-mix(in oklch, var(--accent-dark) 15%, transparent), transparent 38%), var(--night);transition:transform .5s var(--ease-out);border:1px solid oklch(82% .028 72/.32);border-radius:3.2rem;padding:1rem 1.05rem 5.7rem;position:absolute;bottom:-5.2rem;right:4%;transform:rotate(2deg);box-shadow:0 2.4rem 5rem oklch(4% .01 70/.75),inset 0 0 0 .3rem oklch(18% .018 70)}.hero-experience:hover .phone-shell{transform:rotate(0)translateY(-.35rem)}.phone-speaker{background:oklch(5% .01 70);border-radius:99px;width:4.5rem;height:1.25rem;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.phone-topbar{z-index:2;min-height:3.25rem;color:var(--muted-light);justify-content:space-between;align-items:center;display:flex;position:relative}.phone-topbar .brand-mark,.feature-phone .brand-mark{width:1.75rem;height:1.75rem}.phone-gate-select{text-align:center;padding-top:.75rem}.phone-gate-select>span{color:var(--accent-bright);letter-spacing:.17em;text-transform:uppercase;font-size:.55rem;font-weight:700;display:block}.phone-gate-select>strong{margin-top:.25rem;font-size:1.15rem;line-height:1.2;display:block}.gate-dots{justify-content:center;gap:.05rem;margin-top:.15rem;display:flex}.gate-dots button{cursor:pointer;background:0 0;border:0;border-radius:50%;width:2.75rem;height:2.75rem;padding:0;position:relative}.gate-dots button:before{background:var(--night-line);content:"";width:.35rem;height:.35rem;transition:width .22s var(--ease-out), background .22s var(--ease-out);border-radius:99px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gate-dots button.active:before{background:var(--accent);width:1.1rem}.phone-control{text-align:center;flex-direction:column;align-items:center;margin-top:1.55rem;display:flex}.control-ring{--progress:0deg;background:conic-gradient(var(--accent-bright) var(--progress), oklch(27% .026 70) 0);width:8.75rem;height:8.75rem;transition:filter .18s var(--ease-out);border-radius:50%;place-items:center;display:grid}.control-ring:before{background:var(--night);content:"";border-radius:50%;width:8.15rem;height:8.15rem;position:absolute}.hold-control{z-index:2;border:1px solid color-mix(in oklch, var(--accent) 25%, var(--night-line));width:7.35rem;height:7.35rem;color:var(--paper);box-shadow:0 1.15rem 2.6rem oklch(4% .01 70/.7), 0 0 2.3rem color-mix(in oklch, var(--accent-dark) 20%, transparent), inset 0 1px oklch(82% .05 75/.15);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .14s var(--ease-out), color .24s var(--ease-out), background .24s var(--ease-out), box-shadow .24s var(--ease-out);background:linear-gradient(145deg,oklch(22% .05 68),oklch(12% .025 68));border-radius:50%;place-items:center;display:grid;position:relative}.hold-control svg{stroke-width:1.35px;width:2.25rem;height:2.25rem}.hold-control.holding{color:var(--accent-bright);transform:scale(.92);box-shadow:inset 0 .8rem 1.7rem oklch(4% .01 70/.6)}.hold-control.opening,.hold-control.open{color:var(--night);background:var(--accent-bright);box-shadow:0 0 3rem color-mix(in oklch, var(--accent) 45%, transparent)}.phone-control>strong{letter-spacing:.15em;min-height:1.15rem;margin-top:1.05rem;font-size:.67rem}.phone-control>span{min-height:1rem;color:var(--muted);margin-top:.25rem;font-size:.48rem}.phone-status{border:1px solid var(--night-line);background:var(--night-raised);border-radius:1.25rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;min-height:4rem;padding:.75rem .85rem;display:grid;position:absolute;bottom:5.8rem;left:1.1rem;right:1.1rem}.phone-status small,.phone-status strong{display:block}.phone-status small{color:var(--muted);font-size:.5rem}.phone-status strong{letter-spacing:.08em;text-transform:uppercase;margin-top:.08rem;font-size:.58rem}.phone-status svg{color:var(--muted)}.phone-homebar,.feature-phone-homebar{background:color-mix(in oklch, var(--paper) 62%, transparent);border-radius:99px;width:5.5rem;height:.25rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.demo-hint{z-index:12;color:color-mix(in oklch, var(--paper) 62%, transparent);align-items:center;gap:.5rem;margin:0;font-size:.65rem;display:flex;position:absolute;bottom:1.3rem;left:1.4rem}.compatibility{background:var(--paper-bright);padding-top:clamp(5rem,9vw,8rem);padding-bottom:clamp(5rem,9vw,8rem)}.compatibility-layout{grid-template-columns:minmax(0,1.05fr) minmax(22rem,.95fr);align-items:start;gap:clamp(3rem,8vw,9rem);margin-top:3.5rem;display:grid}.compatibility-copy h2,.team-copy h2{letter-spacing:-.055em;max-width:13ch;margin:0;font-size:clamp(2.7rem,4.8vw,5.5rem);font-weight:700;line-height:.96}.compatibility-copy p,.team-copy>p{max-width:42rem;color:var(--ink-soft);margin:1.6rem 0 0;font-size:1rem;font-weight:300;line-height:1.7}.compatibility-checks{border-top:1px solid color-mix(in oklch, var(--ink) 20%, transparent)}.compatibility-checks article{border-bottom:1px solid color-mix(in oklch, var(--ink) 20%, transparent);grid-template-columns:2.4rem 1fr;align-items:center;gap:1rem;min-height:7rem;padding:1.3rem 0;display:grid}.compatibility-checks svg{width:1.8rem;height:1.8rem;color:var(--night);background:var(--accent-bright);border-radius:50%;padding:.35rem}.compatibility-checks strong,.compatibility-checks span{display:block}.compatibility-checks strong{font-size:1rem}.compatibility-checks span{color:var(--ink-soft);margin-top:.3rem;font-size:.875rem;line-height:1.5}.compatibility-checks>p{color:var(--ink-soft);margin:1.3rem 0 0;font-size:.875rem;line-height:1.6}.compatibility-action{border-top:1px solid color-mix(in oklch, var(--ink) 20%, transparent);border-bottom:1px solid color-mix(in oklch, var(--ink) 20%, transparent);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;margin-top:clamp(3rem,6vw,5rem);padding:1.5rem 0;display:grid}.compatibility-action-copy{grid-template-columns:2.2rem minmax(0,1fr);align-items:center;gap:.9rem;display:grid}.compatibility-action-copy>svg{color:var(--accent-dark);stroke-width:1.6px}.compatibility-action-copy strong,.compatibility-action-copy span{display:block}.compatibility-action-copy strong{font-size:1rem}.compatibility-action-copy span{color:var(--ink-soft);margin-top:.3rem;font-size:.875rem;font-weight:300;line-height:1.55}.installation{background:linear-gradient(90deg, color-mix(in oklch, var(--ink) 5%, transparent) 1px, transparent 1px), var(--paper);background-size:10rem 100%;padding-top:clamp(6rem,10vw,10rem);padding-bottom:clamp(6rem,10vw,10rem)}.installation-head{grid-template-columns:.55fr 1.45fr;gap:2rem;margin-top:4rem;display:grid}.installation-head h2,.compatibility h2,.app-copy h2,.team h2,.faq h2,.final-cta h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.8rem,5.4vw,6.2rem);font-weight:700;line-height:.96}.installation-head .eyebrow{padding-top:.65rem}.installation-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(3rem,7vw,8rem);margin-top:clamp(4rem,8vw,8rem);display:grid}.install-visual{min-height:36rem;color:var(--paper);background:radial-gradient(circle at 50% 50%, color-mix(in oklch, var(--accent-dark) 22%, transparent), transparent 42%), var(--night);box-shadow:0 2rem 6rem color-mix(in oklch, var(--ink) 15%, transparent);border-radius:2.6rem;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:.8rem;padding:3rem;display:grid}.remote-device,.bridge-device,.motor-device{text-align:center;border:1px solid var(--night-line);background:var(--night-raised);flex-direction:column;justify-content:center;align-items:center;min-height:13rem;padding:1.3rem 1rem;display:flex}.remote-device{border-radius:2.3rem;position:relative}.remote-led{background:var(--success);width:.35rem;height:.35rem;box-shadow:0 0 .8rem var(--success);border-radius:50%;position:absolute;top:1rem}.bridge-device{border-color:color-mix(in oklch, var(--accent) 55%, var(--night-line));min-height:16rem;box-shadow:0 0 2.5rem color-mix(in oklch, var(--accent-dark) 18%, transparent);border-radius:1.5rem}.motor-device{border-radius:.6rem}.remote-device svg,.motor-device svg{width:2.8rem;height:2.8rem;color:var(--accent-bright);stroke-width:1.2px;margin-bottom:1.25rem}.bridge-key{width:4rem;height:4rem;color:var(--night);background:var(--accent-bright);border-radius:50%;place-items:center;margin-bottom:1.25rem;display:grid}.install-visual strong{letter-spacing:.1em;font-size:.62rem}.install-visual small{color:var(--muted);margin-top:.3rem;font-size:.55rem}.signal-path{color:var(--accent);align-items:center;gap:.2rem;display:flex}.signal-path i{width:.25rem;height:.25rem;animation:signal 1.4s var(--ease-in-out) infinite;background:currentColor;border-radius:50%}.signal-path i:nth-child(2){animation-delay:.12s}.signal-path i:nth-child(3){animation-delay:.24s}.signal-path.second i{animation-delay:.4s}.install-copy article{border-bottom:1px solid color-mix(in oklch, var(--ink) 14%, transparent);grid-template-columns:2.4rem 1fr;gap:1.25rem;padding:1.6rem 0;display:grid}.install-copy article>span{color:var(--accent-dark);padding-top:.2rem;font-size:.72rem;font-weight:700}.install-copy h3{letter-spacing:-.025em;margin:0;font-size:1.2rem}.install-copy p{max-width:35rem;color:var(--ink-soft);margin:.6rem 0 0;font-size:.93rem;font-weight:300;line-height:1.65}.installation-note{border:1px solid color-mix(in oklch, var(--accent-dark) 25%, transparent);color:var(--ink-soft);background:color-mix(in oklch, var(--accent-bright) 12%, transparent);border-radius:1rem;gap:.85rem;margin-top:2.2rem;padding:1.2rem;font-size:.78rem;display:flex}.installation-note svg{color:var(--accent-dark);flex:none}.installation-note strong{color:var(--ink)}.app-section{background:var(--paper-bright);padding-top:clamp(6rem,10vw,10rem);padding-bottom:clamp(6rem,10vw,10rem)}.app-layout{grid-template-columns:.82fr 1.18fr;align-items:center;gap:clamp(3rem,7vw,8rem);min-height:49rem;margin-top:4rem;display:grid}.app-copy h2{max-width:11ch;margin-top:1rem;font-size:clamp(2.7rem,4.7vw,5.3rem)}.app-copy>p:not(.eyebrow){max-width:37rem;color:var(--ink-soft);margin:1.6rem 0 0;font-size:1rem;font-weight:300;line-height:1.7}.guest-steps{border-top:1px solid color-mix(in oklch, var(--ink) 15%, transparent);margin:2.8rem 0 0;padding:0;list-style:none}.guest-steps li{border-bottom:1px solid color-mix(in oklch, var(--ink) 15%, transparent);grid-template-columns:2.2rem 1fr;align-items:center;gap:1rem;min-height:6rem;padding:1.15rem 0;display:grid}.guest-steps li>span{color:var(--accent-dark);font-variant-numeric:tabular-nums;font-size:.64rem;font-weight:700}.guest-steps strong{font-size:.92rem}.guest-steps p{color:var(--ink-soft);margin:.3rem 0 0;font-size:.875rem;line-height:1.5}.guest-status{border-bottom:1px solid color-mix(in oklch, var(--ink) 15%, transparent);grid-template-columns:2.2rem minmax(0,1fr);align-items:start;gap:1rem;padding:1.2rem 0;display:grid}.guest-status>svg{color:var(--accent-dark);stroke-width:1.5px;margin-top:.1rem}.guest-status strong{font-size:.88rem}.guest-status p{color:var(--ink-soft);margin:.3rem 0 0;font-size:.875rem;font-weight:300;line-height:1.55}.app-stage{min-height:48rem;color:var(--paper);background:radial-gradient(circle at 50% 43%, color-mix(in oklch, var(--accent-dark) 22%, transparent), transparent 24rem), var(--night);border-radius:2.7rem;place-items:center;display:grid;position:relative;overflow:hidden}.app-stage-grid{background-image:linear-gradient(color-mix(in oklch, var(--paper) 6%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklch, var(--paper) 6%, transparent) 1px, transparent 1px);background-size:4rem 4rem;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.feature-phone{z-index:3;aspect-ratio:.5;background:var(--night);border:1px solid oklch(80% .03 70/.32);border-radius:3.2rem;width:min(61%,21rem);padding:1.15rem 1.1rem;position:relative;overflow:hidden;box-shadow:0 3rem 6rem oklch(3% .01 70/.78),inset 0 0 0 .3rem oklch(18% .018 70)}.feature-phone-header{color:var(--muted-light);justify-content:space-between;align-items:center;font-size:.52rem;display:flex}.feature-phone-hero{padding:2.2rem 0 1.35rem}.feature-phone-hero p{color:var(--accent-bright);letter-spacing:.15em;margin-bottom:.25rem;font-size:.55rem;font-weight:700}.feature-phone-hero h3{letter-spacing:-.04em;margin:0;font-size:1.7rem}.feature-screen{animation:screen-in .4s var(--ease-out);gap:.65rem;display:grid}.feature-screen article,.invite-row{border:1px solid var(--night-line);min-height:4.7rem;color:var(--paper);background:var(--night-raised);border-radius:1rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;padding:.9rem;display:grid}.feature-screen small,.feature-screen strong{display:block}.feature-screen small{color:var(--muted);font-size:.54rem}.feature-screen strong{margin-top:.16rem;font-size:.72rem}.feature-screen article>svg{width:1.05rem;color:var(--muted)}.avatar{width:2.35rem;height:2.35rem;color:var(--night);background:var(--accent-bright);border-radius:50%;place-items:center;font-size:.62rem;font-weight:700;display:grid}.access-pill{color:var(--success);letter-spacing:.08em;background:color-mix(in oklch, var(--success) 12%, transparent);border-radius:99px;padding:.35rem .5rem;font-size:.43rem;font-weight:700}.access-pill.muted{color:var(--accent-bright);background:color-mix(in oklch, var(--accent) 12%, transparent)}.invite-row{width:100%;color:var(--accent-bright);text-align:left;cursor:pointer;grid-template-columns:auto 1fr;font-size:.66rem}.invite-row svg{width:1rem}.feature-callout{z-index:4;border:1px solid color-mix(in oklch, var(--accent) 42%, var(--night-line));min-height:2.8rem;color:var(--accent-bright);letter-spacing:.08em;background:var(--night-raised);border-radius:.8rem;align-items:center;gap:.55rem;padding:.65rem .85rem;font-size:.55rem;font-weight:700;display:flex;position:absolute;top:19%;right:5%;box-shadow:0 1rem 2rem oklch(3% .01 70/.5)}.team{background:var(--paper);padding-top:clamp(6rem,10vw,10rem);padding-bottom:clamp(6rem,10vw,10rem)}.team-layout{grid-template-columns:minmax(0,1.05fr) minmax(22rem,.95fr);align-items:start;gap:clamp(3rem,8vw,9rem);margin-top:4rem;display:grid}.team-facts{border-top:1px solid color-mix(in oklch, var(--ink) 18%, transparent)}.team-facts article{border-bottom:1px solid color-mix(in oklch, var(--ink) 18%, transparent);padding:1.5rem 0}.team-facts strong{font-size:1rem;display:block}.team-facts p{max-width:34rem;color:var(--ink-soft);margin:.45rem 0 0;font-size:.9rem;font-weight:300;line-height:1.6}.faq{background:var(--paper-bright);grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,10rem);padding-top:clamp(6rem,10vw,10rem);padding-bottom:clamp(6rem,10vw,10rem);display:grid}.faq-head h2{max-width:10ch;margin-top:1rem;font-size:clamp(2.7rem,4.7vw,5.2rem)}.faq-list details{border-top:1px solid color-mix(in oklch, var(--ink) 20%, transparent)}.faq-list details:last-child{border-bottom:1px solid color-mix(in oklch, var(--ink) 20%, transparent)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:5.8rem;padding:1rem 0;font-size:1rem;font-weight:700;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{border:1px solid color-mix(in oklch, var(--ink) 20%, transparent);width:2.25rem;height:2.25rem;transition:transform .3s var(--ease-out), color .3s var(--ease-out), background .3s var(--ease-out);border-radius:50%;flex:none;place-items:center;font-size:1.25rem;font-weight:300;display:grid}.faq-list details[open] summary span{color:var(--night);background:var(--accent-bright);transform:rotate(45deg)}.faq-list details p{max-width:47rem;color:var(--ink-soft);margin:-.5rem 3rem 1.8rem 0;font-size:.95rem;font-weight:300;line-height:1.75}.final-cta{min-height:38rem;color:var(--ink);background:radial-gradient(circle at 8% 50%, color-mix(in oklch, var(--paper) 36%, transparent), transparent 30rem), var(--accent-bright);grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);align-items:center;gap:clamp(2rem,5vw,6rem);padding-top:clamp(6rem,10vw,10rem);padding-bottom:clamp(6rem,10vw,10rem);display:grid}.final-cta .eyebrow{color:var(--ink-soft)}.final-cta h2{max-width:14ch;margin-top:1rem;font-size:clamp(3rem,5vw,6rem)}.final-cta-copy>p:last-child{max-width:42rem;color:var(--ink-soft);margin:1.5rem 0 0;font-size:.92rem;line-height:1.65}.final-actions{justify-items:start;gap:1rem;display:grid}.final-contact-link{border-bottom:1px solid color-mix(in oklch, var(--ink) 35%, transparent);min-height:2.75rem;color:var(--ink);transition:border-color .18s var(--ease-out);align-items:center;gap:.55rem;font-size:.82rem;font-weight:700;display:inline-flex}.final-contact-link:hover{border-color:var(--ink)}.footer{min-height:19rem;padding:4rem max(var(--gutter), calc((100vw - var(--max-width)) / 2));color:var(--paper);background:var(--night);grid-template-columns:1fr 1fr auto;align-content:center;align-items:center;gap:2rem;display:grid}.footer>p{color:var(--muted-light);margin:0;font-size:.78rem}.footer>div{gap:1.5rem;font-size:.8rem;display:flex}.footer>div a{min-height:2.75rem;color:var(--muted-light);transition:color .18s var(--ease-out);align-items:center;display:inline-flex}.footer>div a:hover{color:var(--accent-bright)}.footer>small{border-top:1px solid var(--night-line);color:var(--muted);grid-column:1/-1;padding-top:2rem;font-size:.58rem}:focus-visible{outline:2px solid var(--accent-bright);outline-offset:4px}@keyframes breathe{50%{opacity:.6;transform:scale(.82)}}@keyframes signal{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}@keyframes screen-in{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:translateY(0)}}@media (width<=1180px){.hero{grid-template-columns:minmax(0,.9fr) minmax(30rem,1.1fr);gap:2rem}.hero h1{font-size:clamp(3.3rem,6vw,5.4rem)}.phone-shell{width:47%;right:2%}.installation-grid{grid-template-columns:1fr}.install-visual{min-height:30rem}.install-copy{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.install-copy article{border-top:1px solid color-mix(in oklch, var(--ink) 14%, transparent);grid-template-columns:1fr;align-content:start}.installation-note{grid-column:1/-1}}@media (height<=800px) and (width>=961px){.hero{padding-top:7.2rem;padding-bottom:2rem}.hero h1{margin-block:1.1rem 1.15rem;font-size:clamp(3.45rem,5.35vw,5.1rem)}.hero-lead{margin-bottom:1.2rem;font-size:1rem;line-height:1.55}.hero-meta{margin-top:1.45rem}.hero-experience{min-height:calc(100svh - 9rem)}}@media (width<=960px){.nav-wrap{padding-top:max(.7rem, env(safe-area-inset-top));position:fixed}.nav{position:relative}.menu-button{display:grid}.nav-links{border:1px solid var(--night-line);background:var(--night-raised);opacity:0;pointer-events:none;visibility:hidden;transition:opacity .22s var(--ease-out), transform .22s var(--ease-out);border-radius:1.5rem;gap:.2rem;padding:1.2rem;display:grid;position:absolute;top:calc(100% + .65rem);left:0;right:0;transform:translateY(-.5rem);box-shadow:0 1.5rem 3rem oklch(4% .01 70/.65)}.nav-links.open{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.nav-links>a:not(.nav-cta){padding:.8rem .4rem}.nav-cta{justify-content:center;margin-top:.5rem}.hero{grid-template-columns:1fr;min-height:auto;padding-top:9rem}.hero-copy{max-width:49rem}.hero h1{font-size:clamp(4rem,10vw,7rem)}.hero-experience{min-height:43rem}.compatibility-layout,.team-layout{grid-template-columns:1fr}.compatibility-copy,.team-copy{max-width:50rem}.installation-head{grid-template-columns:1fr;gap:1.2rem}.installation-head .eyebrow{padding-top:0}.faq{grid-template-columns:1fr}.faq-head h2{max-width:12ch}.faq-list{max-width:52rem}.app-layout{grid-template-columns:1fr}.app-copy{max-width:50rem}.app-copy h2{max-width:12ch}.app-stage{min-height:42rem}.final-cta{grid-template-columns:1fr}.final-actions{grid-column:auto}.footer{grid-template-columns:1fr 1fr}.footer>div{grid-column:1/-1}}@media (width>=720px) and (width<=960px){.hero-experience{min-height:40rem}.app-layout{grid-template-columns:minmax(0,.85fr) minmax(22rem,1.15fr);gap:2rem;min-height:auto}.app-stage{min-height:40rem}.feature-phone{width:min(72%,19rem)}.feature-callout{top:14%;right:1rem}}@media (width<=680px){:root{--gutter:1.15rem}html{scroll-padding-top:5.4rem}.section-kicker{gap:.7rem}.section-kicker:after{flex:1}.nav-wrap{padding-right:max(.75rem, env(safe-area-inset-right));padding-left:max(.75rem, env(safe-area-inset-left))}.nav{min-height:3.8rem;padding-left:.9rem}.brand{font-size:.66rem}.brand-mark{width:1.8rem;height:1.8rem}.hero{padding-top:7.6rem;padding-bottom:2.5rem}.hero h1{margin-top:1.2rem;font-size:clamp(3rem,14vw,4.65rem);line-height:.91}.hero-lead{font-size:1rem}.hero-actions{flex-direction:column;align-items:stretch;gap:.6rem}.hero-primary-action{width:100%}.hero-primary-action>p{padding-inline:.3rem;font-size:.82rem}.button{width:100%}.text-link{border-bottom:0;justify-content:center;margin-top:0}.hero-meta{grid-template-columns:1fr;margin-top:2.4rem}.hero-experience{border-radius:1.8rem;min-height:40rem;margin-inline:-.15rem}.phone-shell{border-radius:2.6rem;width:65%;min-width:14rem;padding-inline:.85rem;bottom:-3.6rem;right:-1.3rem}.access-state{top:1.4rem;right:1.2rem}.gate-panel{top:39%;bottom:25%}.gate-track{bottom:24.5%}.wall{top:40%;bottom:25%}.driveway{inset:71% -15% -20%}.control-ring{width:7rem;height:7rem}.control-ring:before{width:6.55rem;height:6.55rem}.hold-control{width:5.95rem;height:5.95rem}.hold-control svg{width:1.8rem;height:1.8rem}.phone-control{margin-top:.35rem}.phone-status{min-height:3.5rem;bottom:5rem}.demo-hint{font-size:.58rem;right:40%}.compatibility,.app-section{padding-top:4.75rem;padding-bottom:4.75rem}.installation{padding-top:5.25rem;padding-bottom:5.25rem}.team{padding-top:4.5rem;padding-bottom:4.5rem}.faq,.final-cta{padding-top:4.75rem;padding-bottom:4.75rem}.installation-head{margin-top:2.5rem}.installation-head h2,.compatibility h2,.app-copy h2,.team h2,.faq h2,.final-cta h2{font-size:clamp(2.75rem,13vw,4.4rem)}.installation-grid{margin-top:3.2rem}.compatibility-layout,.team-layout{gap:2.5rem;margin-top:2.8rem}.compatibility-action{grid-template-columns:1fr;gap:1.4rem}.compatibility-checks span,.compatibility-checks>p,.compatibility-action-copy span,.guest-steps p,.guest-status p,.team-facts p,.installation-note{font-size:.875rem}.install-visual{border-radius:1.8rem;grid-template-columns:1fr;gap:.65rem;min-height:34rem;padding:1.2rem}.remote-device,.bridge-device,.motor-device{width:100%;min-height:7.5rem}.bridge-device{min-height:8.5rem}.signal-path,.signal-path.second{transform:rotate(90deg)}.install-copy{grid-template-columns:1fr;gap:0}.installation-note{grid-column:auto}.app-layout{margin-top:3rem}.app-stage{border-radius:1.8rem;min-height:36rem}.feature-phone{border-radius:2.7rem;width:73%;min-width:15rem}.feature-callout{top:12%;right:-.2rem}.faq{gap:3rem}.faq-list summary{min-height:5rem;font-size:.95rem}.faq-list details p{font-size:.95rem}.final-cta{grid-template-columns:1fr;min-height:auto}.final-actions,.final-actions .button{width:100%}.footer{min-height:25rem;padding-bottom:max(4rem, calc(env(safe-area-inset-bottom) + 2rem));grid-template-columns:1fr}.footer>div{flex-wrap:wrap;grid-column:auto;gap:.4rem 1rem;font-size:.78rem}.footer>div a{align-items:center;min-height:2.75rem;display:inline-flex}.footer>small{grid-column:auto}}@media (height<=500px) and (width>=560px) and (width<=960px){.hero{padding-top:6.8rem}.hero h1{font-size:clamp(3.25rem,8vw,4.4rem)}.hero-experience{min-height:34rem}.phone-shell{width:43%;min-width:15rem;right:5%}.install-visual{grid-template-columns:1fr auto 1fr auto 1fr;min-height:24rem}.remote-device,.motor-device{min-height:11rem}.bridge-device{min-height:12.5rem}.signal-path,.signal-path.second{transform:none}.app-stage{min-height:33rem}.feature-phone{width:min(48%,17rem);min-width:14rem}}@media (hover:hover) and (pointer:fine){.hold-control:hover{border-color:var(--accent);transform:scale(1.025)}.hold-control.holding:hover{transform:scale(.92)}}@media (pointer:coarse){.nav-links>a,.faq-list summary{min-height:3rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}