/* Homepage-only glass treatment. Portal and privacy styles are independent. */
.home-ios{--ink:#f5f5f7;--forest:#f5f5f7;--muted:#a2a4ad;--lime:#f5f5f7;--paper:#090a0d;--line:#ffffff17;--soft:#ffffff09;background:#090a0d;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;isolation:isolate}
.home-ios:before{content:"";position:absolute;inset:0 0 auto;height:1100px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 22%,#76849b20,transparent 45%),radial-gradient(ellipse at 15% 55%,#ced6e810,transparent 40%)}
.home-ios .wrap{width:min(1184px,calc(100% - 64px))}
.home-ios .preview-note{background:transparent;color:#9ea1ac;font-size:11px;padding:17px 16px;letter-spacing:.2px}.home-ios .preview-note span{color:#5c606a}
.home-ios .header{position:sticky;top:16px;z-index:5;height:76px;width:min(1100px,calc(100% - 64px));padding:12px 20px 12px 27px;border:1px solid #ffffff24;border-radius:999px;background:linear-gradient(125deg,#ffffff16,#ffffff07);backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);box-shadow:inset 0 1px 0 #ffffff14,0 12px 40px #0005}
.home-ios .brand-logo{filter:brightness(0) invert(1);width:194px}.home-ios .header nav{gap:28px}.home-ios .header nav a{color:#c4c6cf;font-size:13px}.home-ios .header nav a:hover{color:white;text-decoration:none}
.home-ios .button{border-radius:999px;padding:16px 27px;min-height:52px;border:1px solid #ffffff25;box-shadow:inset 0 1px 0 #ffffff18,0 4px 16px #0002;transition:background .2s,transform .2s,box-shadow .2s}
.home-ios .button:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff28,0 8px 24px #0004}.home-ios .button:active{transform:scale(.98)}
.home-ios .dark,.home-ios .lime{background:#f5f5f7;color:#111216;border-color:#fff}.home-ios .lime:hover,.home-ios .dark:hover{background:white}.home-ios .small{min-height:43px;padding:12px 21px;font-size:13px}
.home-ios .neutral,.home-ios .outline{background:linear-gradient(120deg,#ffffff12,#ffffff06);color:#f5f5f7;border-color:#ffffff25;backdrop-filter:blur(16px)}
.home-ios :is(button,a,summary):focus-visible{outline-color:#c2ccdf}.home-ios .hero{padding:98px 0 58px}.home-ios .hero .eyebrow{display:inline-block;padding:10px 17px;border-radius:999px;border:1px solid #ffffff1c;background:#ffffff07;color:#c4c7d0;font-size:10px;letter-spacing:1.6px;margin-bottom:28px}
.home-ios .hero h1{font-size:clamp(45px,5.7vw,80px);letter-spacing:-3.8px;font-weight:550;line-height:1.08}.home-ios .hero h1 span{color:#aeb4c0}.home-ios .hero-copy{color:#aaaeb9;max-width:570px;font-size:18px;margin:28px auto 30px}
.home-ios .video-button{border:1px solid #ffffff22;background:linear-gradient(120deg,#ffffff10,#ffffff05);border-radius:999px;padding:14px 23px;min-height:52px;backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 #ffffff0e}.home-ios .play{border-color:#ffffff60}.home-ios .hero .hero-foot{font-size:28px;font-weight:600;letter-spacing:.5px;color:#e3e6ed;margin-top:27px}
.home-ios .hero-media,.home-ios .comparison{padding:12px;border-radius:32px;border:1px solid #ffffff22;background:linear-gradient(140deg,#ffffff10,#ffffff03);box-shadow:inset 0 1px 0 #ffffff12,0 24px 80px #0005;backdrop-filter:blur(20px)}
.home-ios .hero-media{max-width:1024px}.home-ios .hero-media video,.home-ios .comparison video{border-radius:22px;background:#1a1c22}.home-ios .integrations{padding:64px 0 52px;border:0}.home-ios .integrations h2{color:#c3c7d0;font-size:15px}.home-ios .integrations>p{color:#7f8591}.home-ios .vendor{color:#b2b7c1;font-size:25px}
.home-ios .comparison{margin-top:38px;padding:35px 12px 12px}.home-ios .comparison .section-heading{margin-bottom:30px}.home-ios h2{font-weight:500;font-size:48px;letter-spacing:-1.8px}
.home-ios .benefits{padding:100px 0 24px}.home-ios .benefit-row,.home-ios .benefit-row.reverse{grid-template-columns:1fr 1.15fr;gap:64px;margin-bottom:48px;padding:28px;border:1px solid #ffffff17;border-radius:32px;background:linear-gradient(125deg,#ffffff08,#ffffff02);box-shadow:inset 0 1px 0 #ffffff08}
.home-ios .benefit-row.reverse{grid-template-columns:1.15fr 1fr}.home-ios .benefit-copy{padding:10px 15px}.home-ios .benefit-copy h3{font-size:38px;font-weight:500;letter-spacing:-1.3px;margin:0 0 22px}.home-ios .benefit-copy p{color:#a2a8b4;font-size:15px}.home-ios .benefit-copy .benefit-note{color:#7e8591;border-color:#ffffff13;font-size:12px}.home-ios .asset-image{border-radius:22px}.home-ios .plumbing-story{padding:44px 12px 20px;border:1px solid #ffffff1c;border-radius:32px;background:linear-gradient(140deg,#ffffff09,#ffffff02)}
.home-ios .plumbing-story .section-heading{margin-bottom:32px}.home-ios .conversation-transcript{padding-inline:20px}.home-ios .media-caption{color:#8c939f;padding-inline:15px}.home-ios .faq{padding:110px 0;gap:90px}.home-ios .faq h2{font-size:52px}.home-ios .faq-list{align-self:start;padding:9px 26px;border:1px solid #ffffff1c;border-radius:26px;background:linear-gradient(130deg,#ffffff0c,#ffffff04);box-shadow:inset 0 1px 0 #ffffff0e;backdrop-filter:blur(20px)}
.home-ios .faq-list details:first-child{border-top:0}.home-ios .faq-list details:last-child{border-bottom:0}.home-ios summary{font-size:15px;color:#dfe2e8}.home-ios details p{color:#a2a8b4}.home-ios summary:after{color:#8a929f}.home-ios .closing{width:min(1184px,calc(100% - 64px));margin:0 auto 34px;padding:70px 20px;border:1px solid #ffffff26;border-radius:36px;background:radial-gradient(ellipse at 50% 0,#8a99b62b,transparent 70%),linear-gradient(130deg,#ffffff0c,#ffffff03);box-shadow:inset 0 1px 0 #ffffff12,0 20px 80px #0003}.home-ios .closing>.wrap{width:100%}.home-ios .closing h2{font-size:64px;font-weight:500}.home-ios .closing p:not(.eyebrow){color:#a2a8b4}.home-ios .footer{padding-top:28px;padding-bottom:35px}.home-ios .footer .brand-logo{width:180px}.home-ios .footer small{border-color:#ffffff15;color:#666e7b}
.home-ios dialog{color:#f5f5f7;background:linear-gradient(140deg,#252831ed,#111318f5);border:1px solid #ffffff35;border-radius:30px;backdrop-filter:blur(32px);box-shadow:inset 0 1px 0 #ffffff16,0 35px 120px #0009}.home-ios dialog::backdrop{background:#030407a8;backdrop-filter:blur(12px)}.home-ios .close{background:#ffffff10;color:#fff;border:1px solid #ffffff14}.home-ios .dialog-inner h2{color:#fff}.home-ios .walkthrough-slide{border:1px solid #ffffff15;background:#ffffff07;border-radius:18px}.home-ios .speech.receptionist,.home-ios .mini-booking{background:#ffffff0d;color:#d9dde5}.home-ios .label{color:#a3aab7}.home-ios .mini-details strong{color:#e3e5eb}.home-ios .dialog-inner .phone-number{color:#fff}
@media(max-width:1000px){.home-ios .header{gap:20px;padding-inline:22px}.home-ios .header nav{gap:18px}.home-ios .header .brand-logo{width:165px}.home-ios .benefit-row,.home-ios .benefit-row.reverse{gap:26px;padding:22px}.home-ios .benefit-copy h3{font-size:32px}.home-ios .faq{gap:40px}}
@media(max-width:700px){.home-ios .wrap{width:calc(100% - 32px)}.home-ios .preview-note{font-size:9px;padding:13px 10px}.home-ios .header{width:calc(100% - 24px);top:10px;height:64px;padding:9px 12px 9px 18px;gap:10px}.home-ios .header .brand-logo{width:147px}.home-ios .header .button{font-size:12px;padding:11px 16px;min-height:40px}.home-ios .hero{padding:65px 0 40px}.home-ios .hero h1{font-size:clamp(36px,8.2vw,56px);letter-spacing:-1.7px;line-height:1.12}.home-ios .hero .eyebrow{font-size:9px;padding:9px 13px;letter-spacing:1.1px;margin-bottom:24px}.home-ios .hero-copy{font-size:16px;margin:23px auto 27px;max-width:360px}.home-ios .actions{gap:11px}.home-ios .button,.home-ios .video-button{padding:14px 19px;font-size:13px;min-height:48px}.home-ios .hero .hero-foot{margin-top:24px;font-size:24px}.home-ios .hero-media,.home-ios .comparison{padding:7px;border-radius:22px}.home-ios .hero-media video,.home-ios .comparison video{border-radius:15px}.home-ios .integrations{padding:40px 18px}.home-ios .vendor{font-size:22px}.home-ios .comparison{padding-top:27px;margin-top:20px}.home-ios .comparison .section-heading{margin-bottom:23px}.home-ios h2{font-size:33px;letter-spacing:-1.1px}.home-ios .benefits{padding:55px 0 8px}.home-ios .benefit-row,.home-ios .benefit-row.reverse{grid-template-columns:1fr;gap:24px;padding:24px 14px 14px;margin-bottom:24px;border-radius:25px}.home-ios .benefit-copy{padding:0 9px}.home-ios .benefit-copy h3{font-size:31px;margin-bottom:17px}.home-ios .benefit-copy .benefit-note{margin-top:18px;padding-top:15px}.home-ios .asset-image{border-radius:17px}.home-ios .plumbing-story{padding:29px 7px 15px;border-radius:24px}.home-ios .plumbing-story h2{font-size:32px}.home-ios .faq{padding:65px 0;gap:30px}.home-ios .faq h2{font-size:40px}.home-ios .faq-list{padding:5px 19px}.home-ios .closing{width:calc(100% - 32px);padding:48px 18px;border-radius:28px;margin-bottom:20px}.home-ios .closing h2{font-size:43px;letter-spacing:-1.8px}.home-ios .closing p:not(.eyebrow){font-size:14px}.home-ios .footer{gap:20px}.home-ios .dialog-inner{padding:42px 23px 28px}.home-ios .dialog-inner h2{font-size:32px}.home-ios .walkthrough-nav .button{padding:12px 15px}}
.home-ios .hero{position:relative;isolation:isolate;overflow:hidden}
.home-ios .hero::before{content:"";position:absolute;inset:-15% -10%;z-index:-1;pointer-events:none;background:repeating-linear-gradient(132deg,transparent 0 65px,#ffffff02 80px,#ffffff24 125px,#ffffff12 154px,transparent 170px 260px);mask-image:radial-gradient(ellipse at 50% 45%,#000 5%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at 50% 45%,#000 5%,transparent 72%);filter:blur(3px);animation:easy-header-light 36s ease-in-out infinite alternate}
@keyframes easy-header-light{from{transform:translate3d(-25px,-18px,0);opacity:.6}to{transform:translate3d(25px,18px,0);opacity:.9}}
@media(prefers-reduced-motion:reduce){.home-ios .hero::before{animation:none;opacity:.55}}
@property --edge-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.home-ios .card-edge{position:absolute;inset:-1px;z-index:1;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from var(--edge-angle),transparent 0deg 290deg,#ffffff08 315deg,#ffffffb3 345deg,#fff 352deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:easy-edge-sweep 40s linear infinite}
@keyframes easy-edge-sweep{to{--edge-angle:360deg}}
@media(prefers-reduced-motion:reduce){.home-ios .card-edge{animation:none;opacity:.35}}
/* Soft graphite light and fine grain make each glass surface visible. */
.home-ios :is(.hero-media,.comparison,.benefit-row,.plumbing-story,.faq-list,.closing){position:relative;isolation:isolate;background:linear-gradient(135deg,#ffffff16,#ffffff04 55%,#ffffff09);border-color:#ffffff30;box-shadow:inset 0 1px 0 #ffffff30,inset 1px 0 0 #ffffff0d,inset 0 -1px 0 #ffffff08,0 24px 70px #0005;backdrop-filter:blur(24px) saturate(115%);-webkit-backdrop-filter:blur(24px) saturate(115%)}
.home-ios :is(.hero-media,.comparison,.benefit-row,.plumbing-story,.faq-list,.closing)::before{content:"";position:absolute;inset:-20px;z-index:-2;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 20% 15%,#aeb3be27,transparent 65%),radial-gradient(ellipse at 85% 90%,#858b9818,transparent 60%);filter:blur(20px)}
.home-ios :is(.hero-media,.comparison,.benefit-row,.plumbing-story,.faq-list,.closing)::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:screen}
.home-ios .header{background:linear-gradient(125deg,#ffffff24,#ffffff0b 60%,#ffffff14);border-color:#ffffff3b;box-shadow:inset 0 1px 0 #ffffff35,inset 0 -1px 0 #ffffff0d,0 12px 40px #0005}
@media(prefers-reduced-transparency:reduce){.home-ios .header,.home-ios dialog,.home-ios .faq-list,.home-ios .hero-media,.home-ios .comparison,.home-ios .benefit-row,.home-ios .plumbing-story,.home-ios .closing{background:#202228;backdrop-filter:none}.home-ios :is(.hero-media,.comparison,.benefit-row,.plumbing-story,.faq-list,.closing)::after{display:none}}
.home-ios .card-edge{filter:drop-shadow(0 0 3px #ffffffa0) drop-shadow(0 0 8px #ffffff55)}
.home-ios .card-edge{padding:0;background:none;mask:none;-webkit-mask:none;animation:none}
.home-ios .card-edge::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--edge-angle),transparent 0deg 290deg,#ffffff08 315deg,#ffffffb3 345deg,#fff 352deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:easy-edge-sweep 40s linear infinite}
.home-ios .header .brand-logo{transform:translateY(4px)}
.home-ios .hero-generated::before{display:none}
.home-ios .hero .hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:0;filter:grayscale(1) blur(2px);mask-image:linear-gradient(transparent,#000 12%,#000 80%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 80%,transparent)}
.home-ios .hero-generated::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#090a0d80,transparent 85%)}
.home-ios .header{animation:easy-content-enter 1s cubic-bezier(.16,1,.3,1) both}
.home-ios .hero-generated h1,.home-ios .hero-generated .hero-copy,.home-ios .hero-generated .actions,.home-ios .hero-generated .hero-foot{animation:easy-content-enter 1.15s cubic-bezier(.16,1,.3,1) both}
.home-ios .hero-generated h1{animation-delay:.15s}.home-ios .hero-generated .hero-copy{animation-delay:.3s}.home-ios .hero-generated .actions{animation-delay:.45s}.home-ios .hero-generated .hero-foot{animation-delay:.55s}
.home-ios .hero .hero-background.is-playing{animation:easy-glow-enter 3.81s ease-in-out both}
@keyframes easy-content-enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes easy-glow-enter{0%{opacity:0;filter:grayscale(1) brightness(.4) blur(18px);transform:scale(1.04)}60%{opacity:.3;filter:grayscale(1) brightness(1.1) blur(5px)}100%{opacity:.416;filter:grayscale(1) brightness(1) blur(2px);transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.home-ios .hero .hero-background{display:none}}
.home-ios{overflow-x:clip}
.home-ios .hero h1{text-shadow:0 2px 16px #0008}.home-ios .hero .hero-copy{text-shadow:0 1px 10px #0009}
.home-ios .faq-calendar{display:inline-flex;align-items:center;gap:10px;margin-top:24px;text-decoration:none;font-size:14px}
.home-ios .faq>div:first-child{text-align:center;align-self:center}
.home-ios .hero-media video{background:transparent}


.home-ios .media-surface{overflow:hidden;border-radius:22px}
.home-ios .media-surface>img,.home-ios .media-surface>video{display:block;width:100%;height:auto}
.home-ios .reverse .media-surface{order:1}
@media(max-width:700px){.home-ios .media-surface{border-radius:17px}}

.home-ios .header .onboarding-link{white-space:nowrap;color:#f5f5f7}
@media(max-width:900px){.home-ios .header nav{display:flex;margin-left:auto}.home-ios .header nav a:not(.onboarding-link){display:none}}
@media(max-width:400px){.home-ios .header .brand-logo{width:115px}.home-ios .header nav .onboarding-link{font-size:12px}.home-ios .header .button{padding-inline:11px}.home-ios .header{padding-left:13px;gap:8px}}

html:has(body.home-ios){overflow-x:hidden;overscroll-behavior-x:none}
body.home-ios{max-width:100%;overscroll-behavior-x:none}
.home-ios .header .button{white-space:nowrap;flex-shrink:0}
@media(max-width:400px){.home-ios .header .brand-logo{width:105px}.home-ios .header nav{gap:0}.home-ios .header{gap:7px}}
/* Portrait artwork is composed for phones; desktop retains its original layout. */
.home-ios .media-surface>picture{display:block}
.home-ios .media-surface picture img{display:block;width:100%;height:auto}
@media(min-width:701px){
 .home-ios .comparison .media-surface{aspect-ratio:1344/752;position:relative}
 .home-ios .comparison .media-surface>video{position:absolute;width:110%;height:110%;max-width:none;left:-5%;top:-5%}
 .home-ios .media-surface:has(source[src*="setup-dark"]){aspect-ratio:1168/880;position:relative}
 .home-ios .media-surface:has(source[src*="setup-dark"])>video{position:absolute;width:108%;height:108%;max-width:none;left:-4%;top:-4%}
}
@media(max-width:700px){
 .home-ios :is(.hero-media,.comparison,.benefits,.plumbing-story){width:calc(100% - 16px)}
 .home-ios .hero-media{padding:4px}
 .home-ios .comparison{padding:26px 4px 4px}
 .home-ios .benefit-row,.home-ios .benefit-row.reverse{grid-template-columns:minmax(0,1fr);padding:24px 4px 4px;gap:22px}
 .home-ios .benefit-copy{padding:0 16px}
 .home-ios .plumbing-story{padding:28px 4px 14px}
 .home-ios .media-surface{border-radius:19px}
 .home-ios .media-surface:has(source[data-mobile-src]){aspect-ratio:9/16}
 .home-ios .media-surface picture img{aspect-ratio:9/16}
}
@media(max-width:700px){.home-ios .comparison video{max-height:none}}
.home-ios .comparison .media-surface>video{max-height:none}