:root{--navy:#102a43;--navy-deep:#0b2036;--teal:#19c7b5;--teal-dark:#078b80;--paper:#f7fafc;--mint:#ddf5f0;--muted:#526575;--border:#d9e3e9;--white:#fff;--heading:Manrope,Arial,sans-serif;--body:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--navy);font:400 16px/1.65 var(--body);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}svg{display:block}.symbols{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.container{width:min(100% - 96px,1224px);margin-inline:auto}.section{padding:116px 0;position:relative}.skip{position:fixed;top:-70px;left:20px;z-index:500;background:white;padding:10px 15px;border-radius:8px}.skip:focus{top:12px}:focus-visible{outline:3px solid var(--teal);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--heading);letter-spacing:-.045em}h1{font-weight:800;line-height:1.065}h2{font-weight:750;font-size:clamp(38px,4vw,55px);line-height:1.15;margin-bottom:22px}h3{font-weight:750;letter-spacing:-.035em}h1 em,h2 em{font-style:normal;color:var(--teal-dark)}p{color:var(--muted)}.kicker,.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--teal-dark);line-height:1.45}.kicker{margin-bottom:22px}.kicker.light{color:var(--teal)}.section-heading{margin-bottom:54px}.section-heading h2{max-width:690px}.section-heading.split{display:grid;grid-template-columns:1.05fr .75fr;gap:12%;align-items:end}.section-heading.split>p{font-size:18px;line-height:1.85;margin-bottom:8px;max-width:480px}.section-heading.centered{text-align:center;max-width:750px;margin:0 auto 58px}.section-heading.centered h2{margin-inline:auto}.section-heading.centered>p:last-child{font-size:18px;max-width:620px;margin:0 auto;line-height:1.8}
.header{position:sticky;top:0;z-index:200;background:rgba(247,250,252,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(16,42,67,.07);transition:box-shadow .3s,background .3s}.header.scrolled{background:rgba(247,250,252,.96);box-shadow:0 6px 28px rgba(16,42,67,.06)}.nav-wrap{min-height:89px;display:flex;align-items:center;gap:34px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--heading);font-size:29px;font-weight:800;line-height:1;letter-spacing:-.055em;white-space:nowrap}.brand img{width:44px;height:44px;object-fit:contain}.nav{margin-left:auto;display:flex;gap:32px;align-items:center}.nav>a{font-size:13px;font-weight:700;transition:color .2s;white-space:nowrap}.nav>a:hover{color:var(--teal-dark)}.nav-cta{display:inline-flex;align-items:center;gap:15px;font-size:13px;font-weight:800;border:1px solid #cbd8e2;border-radius:50px;padding:12px 17px;transition:border-color .2s,background .2s,transform .2s;white-space:nowrap}.nav-cta:hover{background:#e8f6f3;border-color:#97d4ca;transform:translateY(-2px)}.nav-cta .icon{width:15px;height:15px}.menu-toggle{display:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:white;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{width:19px;height:2px;background:var(--navy);border-radius:3px;transition:transform .2s,opacity .2s}
.hero{overflow:hidden;padding-top:64px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:62px;min-height:660px}.hero-copy{padding:18px 0 40px}.eyebrow{display:inline-flex;align-items:center;gap:11px;margin-bottom:30px;color:var(--navy)}.eyebrow i{width:8px;height:8px;border-radius:100%;background:var(--teal);box-shadow:0 0 0 5px rgba(25,199,181,.13)}.hero h1{font-size:clamp(48px,4.4vw,70px);letter-spacing:-.065em;max-width:710px;margin-bottom:31px}.hero h1 em{display:inline;color:var(--teal-dark)}.hero .lead{font-size:19px;line-height:1.75;max-width:575px;margin-bottom:12px}.hero-support{max-width:560px;font-size:15px;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 25px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:16px 23px;min-height:55px;border-radius:10px;font-size:14px;line-height:1.3;font-weight:800;transition:transform .25s,box-shadow .25s,background .25s}.btn .icon{width:17px;height:17px}.btn:hover{transform:translateY(-3px)}.btn.primary{color:white;background:var(--navy);box-shadow:0 10px 22px rgba(16,42,67,.1)}.btn.primary:hover{background:#173b59;box-shadow:0 15px 28px rgba(16,42,67,.18)}.btn.secondary{color:var(--navy);border:1px solid #bacbd5;background:transparent}.btn.secondary:hover{background:#edf7f5;border-color:var(--teal-dark)}.btn.teal{background:var(--teal);color:var(--navy-deep)}.btn.teal:hover{background:#54e0cf;box-shadow:0 14px 26px rgba(25,199,181,.2)}.hero-points{display:flex;gap:23px;flex-wrap:wrap;font-size:11px;font-weight:700;color:#718293}.hero-points span{display:inline-flex;align-items:center;gap:5px}.hero-points .icon{width:13px;height:13px;color:var(--teal-dark);stroke-width:2.4}
.hero-art{height:675px;position:relative;border-radius:32px;background:linear-gradient(145deg,#d8f4ef,#e5f7f4 56%,#d3eee8);overflow:visible;isolation:isolate}.hero-art:after{content:"";position:absolute;inset:0;border-radius:32px;background:radial-gradient(circle at 50% 43%,rgba(255,255,255,.9),transparent 46%);z-index:-1}.art-caption{position:absolute;top:25px;width:100%;text-align:center;font-size:10px;letter-spacing:.19em;font-weight:800}.halo{position:absolute;border:1px solid rgba(7,139,128,.16);border-radius:50%;inset:65px 28px 75px;pointer-events:none}.halo.two{inset:115px 78px 130px}.decoration{position:absolute;font-size:33px;color:rgba(7,139,128,.25)}.star-one{top:150px;left:40px;animation:twinkle 6s ease-in-out infinite}.star-two{right:46px;bottom:126px;animation:twinkle 6s ease-in-out -2s infinite}.phone{display:block;position:relative;overflow:hidden;border:7px solid #0d2337;background:#0d2337;border-radius:38px;box-shadow:0 26px 55px rgba(16,42,67,.25),10px 12px 0 rgba(16,42,67,.055);aspect-ratio:414/850}.phone img{display:block;width:100%;height:100%;object-fit:cover}.camera{position:absolute;z-index:2;top:7px;left:50%;transform:translateX(-50%);width:57px;height:12px;background:#0d2337;border-radius:0 0 11px 11px}.hero-device{width:278px;position:absolute;top:64px;left:50%;transform:translateX(-50%) rotate(4deg);animation:phoneFloat 8s ease-in-out infinite;z-index:2}.float-note{position:absolute;z-index:3;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.9);border-radius:17px;box-shadow:0 15px 38px rgba(16,42,67,.12);display:flex;align-items:center;gap:11px;padding:12px 15px;animation:noteFloat 7s ease-in-out infinite}.float-note strong{display:block;font-size:12px;font-weight:800;line-height:1.5}.float-note small{display:block;font-size:10px;color:var(--muted);white-space:nowrap}.float-symbol{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#dff5f0;color:var(--teal-dark)}.float-symbol .icon{width:19px;height:19px}.note-one{left:-35px;top:48%;animation-delay:-2s}.note-two{right:-35px;top:25%;animation-delay:-4s}.art-footer{position:absolute;bottom:25px;width:100%;text-align:center;font-size:12px;color:#578f89;font-weight:700}.hero-strip{margin-top:45px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:18px;padding:23px 0 25px}.hero-strip span{font-size:11px;letter-spacing:.09em;color:var(--teal-dark);font-weight:800}.hero-strip strong{font-size:13px;color:var(--navy);letter-spacing:0;margin-left:13px}
.problem{padding-top:128px}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.problem-card{position:relative;border-top:1px solid #c8d7df;padding:27px 26px 32px 0;min-height:258px;transition:transform .3s}.problem-card:hover{transform:translateY(-5px)}.card-number{font-size:12px;color:var(--teal-dark);font-weight:800}.problem-icon{width:50px;height:50px;border:1px solid var(--border);border-radius:15px;display:grid;place-items:center;color:var(--teal-dark);margin-top:28px;margin-bottom:22px;background:white}.problem-icon .icon{width:22px;height:22px}.problem-card h3{font-size:21px;margin-bottom:9px}.problem-card p{font-size:14px;line-height:1.75;max-width:310px}.problem-last{display:flex;align-items:center;gap:14px;margin:44px 0 0;font-size:17px;color:var(--navy);font-weight:700}.problem-last span{color:var(--teal-dark)}
.solution{background:var(--navy);color:white;overflow:hidden}.solution:before{content:"";position:absolute;width:590px;height:590px;border-radius:100%;right:-210px;top:-230px;background:radial-gradient(circle,rgba(25,199,181,.13),transparent 69%)}.solution-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:13%;align-items:center;position:relative}.solution h2{color:white;font-size:clamp(38px,4.1vw,55px)}.solution h2 em{color:var(--teal)}.solution p:not(.kicker){color:#c3d5de;font-size:17px;line-height:1.85;max-width:470px}.inline-link{display:inline-flex;gap:18px;align-items:center;font-weight:800;font-size:14px;color:var(--teal-dark);padding:12px 0;border-bottom:1px solid currentColor;transition:gap .2s}.inline-link:hover{gap:26px}.inline-link .icon{width:17px;height:17px}.light-link{color:var(--teal);margin-top:13px}.solution-list>div{border-top:1px solid rgba(255,255,255,.17);padding:28px 0;display:grid;grid-template-columns:40px 1fr 22px;gap:17px;align-items:start}.solution-list>div:last-child{border-bottom:1px solid rgba(255,255,255,.17)}.solution-list span{font-size:11px;color:var(--teal);font-weight:800}.solution-list strong{font-size:20px;font-family:var(--heading);font-weight:650;letter-spacing:-.035em;line-height:1.45}.solution-list b{font-size:19px;color:var(--teal);font-weight:400}
.features{background:#f7fafc}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{min-height:245px;background:white;border:1px solid #e0e9ed;border-radius:20px;padding:25px 27px 28px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .35s,box-shadow .35s,border-color .35s}.feature-card:hover{transform:translateY(-6px);border-color:#a5d5cd;box-shadow:0 20px 45px rgba(16,42,67,.075)}.feature-card-head{display:flex;align-items:center;justify-content:space-between;color:#92a2ae;font-size:11px;font-weight:800}.feature-icon{height:46px;width:46px;border-radius:13px;background:var(--mint);color:var(--teal-dark);display:grid;place-items:center}.feature-card h3{font-size:21px;margin:18px 0 7px}.feature-card p{font-size:14px;line-height:1.7;margin-bottom:0}.feature-card.large{background:linear-gradient(160deg,#ecf9f6,#fff 66%)}.site-illustration{height:128px;margin:15px auto -4px;width:76%;background:white;border:1px solid #d8e4e6;border-radius:10px;overflow:hidden;box-shadow:0 10px 19px rgba(16,42,67,.06)}.illustration-bar{height:19px;border-bottom:1px solid #e2e9ed;display:flex;gap:3px;align-items:center;padding-left:9px}.illustration-bar i{width:5px;height:5px;border-radius:50%;background:#d2dedf}.illustration-cover{height:40px;background:linear-gradient(100deg,#bce9df,#dff6f0)}.illustration-lines{display:grid;gap:6px;margin:10px}.illustration-lines>*{height:6px;background:#d5e1e4;border-radius:6px;width:70%}.illustration-lines b{background:var(--navy);width:43%}.illustration-lines i:last-child{width:57%}.illustration-pills{display:flex;gap:4px;margin:8px 10px}.illustration-pills span{width:44px;height:9px;background:#ebf7f3;border-radius:6px}.mini-calendar{width:85%;height:110px;background:#f1f9f7;border:1px solid #d9eee9;border-radius:13px;margin:15px auto 1px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:17px;align-items:center;text-align:center}.mini-calendar span{font-size:10px;color:#77918c;font-weight:800}.mini-calendar b{background:white;border-radius:8px;padding:6px 0;font-size:13px}.mini-calendar b.picked{background:var(--teal);color:var(--navy)}.edit-illustration{height:110px;width:75%;background:#f4faf9;border:1px solid #dceee9;border-radius:12px;margin:15px auto 1px;padding:20px;display:flex;flex-direction:column;gap:11px}.edit-illustration i{display:block;width:70%;height:9px;background:#cddfdc;border-radius:8px}.edit-illustration i:nth-child(2){width:48%}.edit-illustration b{width:45px;height:21px;border-radius:13px;background:var(--teal);margin-left:auto;padding:3px}.edit-illustration b span{display:block;width:15px;height:15px;background:white;border-radius:50%;margin-left:auto}
.showcase{background:linear-gradient(180deg,#eff7f7,#e8f2f4 72%,#f7fafc);overflow:hidden}.showcase-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.showcase-nav>span{display:flex;align-items:center;gap:13px;font-size:13px;font-weight:800}.showcase-nav .icon{width:16px;height:16px;color:var(--teal-dark)}.showcase-nav>div{display:flex;gap:8px}.showcase-nav button{width:43px;height:43px;background:white;border:1px solid #cbdce0;border-radius:50%;font-size:19px;color:var(--navy);transition:background .2s,transform .2s}.showcase-nav button:hover{background:var(--mint);transform:translateY(-2px)}.phones-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:end}.portfolio-card{min-width:0;transition:transform .35s}.portfolio-card:hover{transform:translateY(-10px)}.portfolio-card.raised{transform:translateY(-23px)}.portfolio-card.raised:hover{transform:translateY(-33px)}.phone-scene{position:relative;display:flex;align-items:center;justify-content:center;height:542px;border-radius:26px 26px 0 0;overflow:hidden;padding-top:18px}.phone-scene.bistro{background:radial-gradient(circle at 50% 28%,#f9e0c7,#e8eee9 65%)}.phone-scene.barber{background:radial-gradient(circle at 50% 25%,#e2ddd7,#e0ebe8 65%)}.phone-scene.vet{background:radial-gradient(circle at 50% 25%,#f1dfe4,#e6e9ed 65%)}.phone-scene .phone{width:235px;flex:none;box-shadow:0 28px 45px rgba(16,42,67,.24);transition:transform .45s}.phone-scene .phone:hover{transform:scale(1.04) rotate(-1deg)}.phone-badge{position:absolute;bottom:13px;font-size:10px;font-weight:800;letter-spacing:.13em;background:rgba(255,255,255,.87);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.78);border-radius:50px;padding:7px 12px;color:var(--navy)}.portfolio-meta{min-height:165px;background:white;padding:26px 24px;border:1px solid #e0e9ed;border-top:0;border-radius:0 0 20px 20px;display:flex;gap:14px;align-items:flex-start;justify-content:space-between}.portfolio-meta span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--teal-dark)}.portfolio-meta h3{margin:5px 0 3px;font-size:21px}.portfolio-meta p{font-size:13px;line-height:1.6;margin:0;max-width:255px}.portfolio-open{height:37px;width:37px;border-radius:50%;display:grid;place-items:center;border:1px solid #d4e3e6;transition:background .2s,transform .2s;flex:none}.portfolio-open:hover{background:var(--teal);transform:rotate(45deg)}.portfolio-open .icon{width:17px;height:17px}.showcase-footer{display:flex;align-items:center;justify-content:center;gap:35px;margin-top:45px}.showcase-footer p{font-family:var(--heading);font-size:21px;font-weight:750;color:var(--navy);margin:0}
.autonomy{background:#fff}.autonomy-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:9%;align-items:center}.autonomy-copy>p:not(.kicker):not(.signoff){font-size:17px;line-height:1.85;max-width:500px}.check-list{display:grid;gap:22px;margin:40px 0 34px}.check-list>div{display:flex;align-items:start;gap:14px}.check-list svg{width:23px;height:23px;color:var(--teal-dark);stroke-width:2.5;background:#ddf5f0;border-radius:50%;padding:4px;margin-top:3px}.check-list strong,.check-list small{display:block}.check-list strong{font-size:15px;font-weight:800}.check-list small{font-size:13px;color:var(--muted);margin-top:3px}.signoff{font-family:var(--heading);font-size:19px;font-weight:500;color:var(--navy)}.signoff strong{color:var(--teal-dark);font-weight:800}.dashboard-stage{height:520px;border-radius:28px;background:radial-gradient(circle at 48% 39%,#eaf9f5,#d9f1ec 75%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.dashboard-stage:before,.dashboard-stage:after{content:"";position:absolute;border:1px solid rgba(7,139,128,.13);border-radius:50%;width:650px;height:650px}.dashboard-stage:after{width:480px;height:480px}.dashboard{z-index:2;width:86%;height:335px;background:white;display:flex;border-radius:15px;border:1px solid #dce6e9;overflow:hidden;box-shadow:0 26px 65px rgba(16,42,67,.12);transform:rotate(-2.3deg)}.dashboard aside{width:58px;background:var(--navy);padding:18px 12px;display:flex;flex-direction:column;gap:15px;align-items:center}.dash-logo{width:21px;height:21px;background:var(--teal);border-radius:7px;transform:rotate(-12deg);margin-bottom:12px}.dashboard aside i{display:block;width:23px;height:8px;border-radius:8px;background:rgba(255,255,255,.18)}.dashboard aside i:nth-child(3){background:var(--teal)}.dash-content{flex:1;padding:21px;min-width:0;background:#f9fbfc}.dash-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);border-bottom:1px solid #e6ecee;padding-bottom:13px}.dash-head i{width:22px;height:22px;background:#d7f3ec;border-radius:50%}.dash-content h3{font-size:17px;margin:20px 0 17px;letter-spacing:-.045em}.dash-box{background:#fff;border:1px solid #e3ecee;border-radius:10px;padding:13px}.dash-box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dash-box-header strong{font-size:11px}.dash-box-header small{font-size:9px;color:#83979d}.dash-week{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;gap:3px}.dash-week span{font-size:8px;color:#8b9da3;font-weight:800}.dash-week b{font-size:11px;padding:5px;border-radius:5px}.dash-week b.active{background:var(--teal);color:var(--navy)}.dash-appointment{display:flex;gap:9px;align-items:center;border-top:1px solid #eef3f3;padding-top:9px;margin-top:9px}.dash-appointment i{width:30px;height:7px;border-radius:5px;background:#d4e4e8}.dash-appointment span{width:45%;height:8px;border-radius:5px;background:#e8eff0}.dash-appointment em{width:28px;height:10px;border-radius:5px;margin-left:auto;background:#dff5ef}.access-badge{z-index:3;position:absolute;right:10px;bottom:68px;border:1px solid #d9eee8;background:#fff;border-radius:11px;padding:11px 14px;box-shadow:0 15px 25px rgba(16,42,67,.1);font-size:11px;font-weight:800;display:flex;align-items:center;gap:7px;animation:noteFloat 7s ease-in-out infinite}.access-badge .icon{width:17px;height:17px;color:var(--teal-dark)}.illustrative{position:absolute;bottom:17px;left:0;width:100%;text-align:center;font-size:10px;color:#618b85;font-weight:700}
.audiences{background:#eff6f6}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.audience-grid article{position:relative;background:white;border:1px solid #dfe9eb;border-radius:18px;padding:26px 23px 36px;min-height:235px;transition:transform .3s,background .3s}.audience-grid article:hover{transform:translateY(-6px);background:#e4f6f1}.audience-grid article>span{font-size:11px;color:var(--teal-dark);font-weight:800}.audience-grid h3{font-size:19px;line-height:1.35;margin:34px 0 8px}.audience-grid p{font-size:13px;line-height:1.65;margin:0}.audience-grid b{position:absolute;right:20px;bottom:16px;font-size:20px;color:var(--teal-dark);font-weight:400}
.process{background:var(--paper)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:20px}.steps article{padding:0 12px 20px 0}.step-num{display:flex;gap:10px;align-items:center;color:var(--teal-dark);font:800 26px var(--heading);letter-spacing:-.04em;margin-bottom:38px}.step-num span{display:block;height:1px;background:#c7dbe0;flex:1;margin-left:6px}.steps h3{font-size:19px;line-height:1.4;margin-bottom:9px}.steps p{font-size:14px;line-height:1.7}.process-end{margin-top:40px;padding:25px 0;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:18px}.process-end>span{font-family:var(--heading);font-weight:700;font-size:17px}
.faq{background:#fff}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:13%}.faq-grid>div:first-child>p:not(.kicker){font-size:16px;line-height:1.8;max-width:340px}.faq-items details{border-bottom:1px solid var(--border);padding:0}.faq-items details:first-child{border-top:1px solid var(--border)}.faq-items summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 0;font-size:15px;font-weight:800}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span{font:400 25px var(--body);color:var(--teal-dark);transition:transform .2s}.faq-items details[open] summary span{transform:rotate(45deg)}.faq-items details p{font-size:14px;line-height:1.85;margin:-5px 0 25px;max-width:590px}.faq-items details[open]{animation:faqOpen .25s ease}
.closing{position:relative;background:var(--navy);overflow:hidden;color:white;padding:105px 0}.closing-halo{position:absolute;top:-280px;right:-160px;width:850px;height:850px;border-radius:50%;background:radial-gradient(circle,rgba(25,199,181,.15),transparent 67%)}.closing-content{position:relative;text-align:center;max-width:800px}.closing-star{font-size:39px;color:var(--teal);display:block;margin-bottom:22px;animation:twinkle 6s ease-in-out infinite}.closing h2{font-size:clamp(40px,4.5vw,61px);line-height:1.16;color:white;margin-bottom:21px}.closing h2 em{color:var(--teal)}.closing-content>p:not(.kicker){color:#c5d8df;font-size:17px;max-width:680px;margin:0 auto 32px;line-height:1.85}.closing .btn{min-width:210px}.closing-content>small{display:block;color:#a6c1cb;font-size:12px;margin-top:23px}
.footer{background:#f7fafc}.footer-grid{display:grid;grid-template-columns:1.1fr .7fr .9fr;gap:50px;padding-top:66px;padding-bottom:64px}.footer .brand{font-size:26px}.footer .brand img{width:40px;height:40px}.footer-grid p{font-size:13px;margin-top:23px;line-height:1.7}.footer-links{display:grid;align-content:start;gap:12px}.footer-links a{font-size:14px;font-weight:700}.footer-links a:hover{color:var(--teal-dark)}.footer-contact>span{font-size:11px;letter-spacing:.12em;color:var(--teal-dark);font-weight:800}.footer-contact>a{display:flex;align-items:center;gap:13px;font:800 22px var(--heading);margin-top:16px;white-space:nowrap}.footer-contact .icon{color:var(--teal-dark);width:18px;height:18px}.footer-bottom{padding:21px 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#768d9a}.floating-whatsapp{position:fixed;right:24px;bottom:22px;z-index:90;background:var(--teal);color:var(--navy);border-radius:50px;display:flex;align-items:center;gap:8px;padding:13px 16px;font-size:12px;font-weight:800;box-shadow:0 12px 30px rgba(16,42,67,.22);transition:transform .25s,background .25s}.floating-whatsapp:hover{transform:translateY(-4px);background:#54e0cf}.floating-whatsapp .icon{width:20px;height:20px}
.js .reveal{opacity:0;transform:translateY(30px);transition:opacity .75s cubic-bezier(.2,.75,.25,1),transform .75s cubic-bezier(.2,.75,.25,1)}.js .reveal.in-view{opacity:1;transform:translateY(0)}.js .portfolio-card.raised.reveal.in-view{transform:translateY(-23px)}.js .portfolio-card.raised.reveal.in-view:hover{transform:translateY(-33px)}
@keyframes phoneFloat{0%,100%{transform:translateX(-50%) translateY(0) rotate(4deg)}50%{transform:translateX(-50%) translateY(-12px) rotate(3deg)}}@keyframes noteFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes twinkle{0%,100%{opacity:.45;transform:rotate(0)}50%{opacity:1;transform:rotate(18deg)}}@keyframes faqOpen{from{opacity:.6}to{opacity:1}}
@media(max-width:1200px){.container{width:min(100% - 72px,1224px)}.nav{gap:20px}.nav-wrap{gap:20px}.hero-grid{gap:40px}.hero h1{font-size:clamp(46px,4.7vw,65px)}.float-note.note-one{left:-15px}.float-note.note-two{right:-15px}}
@media(max-width:1020px){.container{width:min(100% - 56px,1224px)}.nav{gap:14px}.nav>a{font-size:12px}.nav-cta{padding:11px 13px;font-size:12px}.brand{font-size:26px}.hero-grid{grid-template-columns:1fr 1fr;gap:30px}.hero-art{height:585px}.hero-device{width:240px;top:68px}.float-note{padding:9px}.note-one{top:52%}.section{padding:88px 0}.feature-grid{grid-template-columns:repeat(2,1fr)}.phones-track{gap:10px}.phone-scene{height:465px}.phone-scene .phone{width:202px}.portfolio-meta{padding:19px 17px;min-height:182px}.autonomy-grid{gap:5%}.dashboard-stage{height:440px}.dashboard{width:92%}.audience-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:790px){.header{position:sticky}.nav-wrap{min-height:74px}.brand{margin-right:auto}.brand img{width:39px;height:39px}.nav{position:fixed;top:74px;left:0;right:0;background:var(--paper);padding:28px;flex-direction:column;gap:0;align-items:stretch;box-shadow:0 20px 25px rgba(16,42,67,.09);border-top:1px solid var(--border);visibility:hidden;opacity:0;transform:translateY(-12px);pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}.nav.open{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}.nav>a{font-size:16px;padding:13px 0;border-bottom:1px solid var(--border)}.nav-cta{margin-left:auto}.menu-toggle{display:flex}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}.hero{padding-top:45px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:25px}.hero-copy{padding:0}.hero h1{font-size:clamp(45px,7vw,64px);max-width:720px}.hero .lead{max-width:670px}.hero-art{height:650px;width:min(100%,540px);margin-inline:auto}.hero-device{width:270px}.hero-strip{margin-top:48px}.section-heading.split{grid-template-columns:1fr;gap:10px}.section-heading.split>p{max-width:640px}.solution-grid{grid-template-columns:1fr;gap:55px}.solution-list{max-width:730px}.showcase-nav{display:flex}.phones-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:30px;scrollbar-width:none}.phones-track::-webkit-scrollbar{display:none}.portfolio-card{flex:0 0 min(78vw,350px);scroll-snap-align:center}.portfolio-card.raised,.js .portfolio-card.raised.reveal.in-view{transform:none}.portfolio-card.raised:hover,.js .portfolio-card.raised.reveal.in-view:hover{transform:translateY(-5px)}.phone-scene{height:520px}.phone-scene .phone{width:225px}.portfolio-meta{min-height:165px}.showcase-footer{flex-direction:column;gap:14px}.autonomy-grid{grid-template-columns:1fr;gap:20px}.dashboard-stage{max-width:650px;width:100%;margin-inline:auto}.faq-grid{grid-template-columns:1fr;gap:35px}.footer-grid{grid-template-columns:1fr 1fr}.footer-contact{grid-column:1/-1}.steps{grid-template-columns:repeat(2,1fr);row-gap:20px}}
@media(max-width:560px){.container{width:min(100% - 40px,1224px)}.nav-wrap{min-height:70px}.nav{top:70px}.brand{font-size:24px}.brand img{width:36px;height:36px}.nav-cta{display:none}.hero{padding-top:37px}.eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:23px}.hero h1{font-size:clamp(42px,11.4vw,54px);letter-spacing:-.06em;margin-bottom:21px}.hero .lead{font-size:16px;line-height:1.75}.hero-support{font-size:14px}.hero-actions{margin:27px 0 21px}.hero-actions .btn{width:100%;justify-content:space-between}.hero-points{gap:12px 15px;font-size:10px}.hero-art{height:580px;border-radius:24px;max-width:100%;margin-top:5px}.art-caption{font-size:9px}.hero-device{width:244px;top:58px}.float-note{transform:scale(.85);padding:9px 10px;gap:7px}.float-note strong{font-size:11px}.float-note small{font-size:9px}.float-symbol{width:29px;height:29px}.note-one{left:-22px;top:49%}.note-two{right:-22px;top:22%}.art-footer{bottom:16px;font-size:10px}.hero-strip{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:35px}.hero-strip span{font-size:10px}.hero-strip strong{font-size:12px;margin-left:4px}.section{padding:77px 0}.section-heading{margin-bottom:37px}.section-heading h2,h2{font-size:clamp(34px,9vw,43px)}.section-heading.centered>p:last-child,.section-heading.split>p{font-size:15px}.kicker{font-size:10px;letter-spacing:.12em;margin-bottom:15px}.problem-grid{grid-template-columns:1fr;gap:0}.problem-card{min-height:auto;padding:22px 0 25px;display:grid;grid-template-columns:1fr 64px;grid-template-areas:"num icon" "title title" "text text"}.problem-card .card-number{grid-area:num}.problem-icon{grid-area:icon;margin:0 0 0 auto;width:45px;height:45px}.problem-card h3{grid-area:title;font-size:20px;margin:5px 0}.problem-card p{grid-area:text;max-width:100%;margin:0}.problem-last{margin-top:24px;font-size:14px}.solution-grid{gap:35px}.solution-list>div{padding:21px 0;grid-template-columns:27px 1fr 18px;gap:11px}.solution-list strong{font-size:17px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-card{min-height:215px;padding:24px}.feature-card.large{min-height:360px}.site-illustration{height:120px}.feature-card h3{font-size:20px}.feature-card p{font-size:14px}.showcase .section-heading.centered{margin-bottom:35px}.showcase-nav{margin-bottom:15px}.phone-scene{height:490px}.phone-scene .phone{width:214px}.portfolio-card{flex-basis:min(83vw,328px)}.portfolio-meta{min-height:165px}.showcase-footer{margin-top:22px;text-align:center}.showcase-footer p{font-size:18px}.showcase-footer .btn{width:100%}.autonomy-copy>p:not(.kicker):not(.signoff){font-size:15px}.check-list{gap:17px;margin:31px 0 28px}.dashboard-stage{height:345px;border-radius:20px}.dashboard{height:248px;width:91%;transform:rotate(-2deg)}.dashboard aside{width:38px;padding:12px 7px}.dashboard aside i{width:18px;height:5px}.dash-logo{width:17px;height:17px}.dash-content{padding:12px}.dash-content h3{font-size:13px;margin:15px 0 10px}.dash-box{padding:8px}.dash-appointment{margin-top:7px;padding-top:7px}.access-badge{bottom:42px;right:6px;font-size:9px;padding:7px}.illustrative{font-size:9px;bottom:10px}.audience-grid{grid-template-columns:1fr;gap:10px}.audience-grid article{min-height:175px;padding:21px}.audience-grid h3{margin-top:25px}.steps{grid-template-columns:1fr;gap:12px}.step-num{margin-bottom:17px}.steps article{padding-bottom:5px}.process-end{flex-direction:column;align-items:flex-start;gap:8px}.faq-items summary{font-size:14px;padding:19px 0}.closing{padding:76px 0}.closing h2{font-size:clamp(36px,9vw,48px)}.closing-content>p:not(.kicker){font-size:15px}.closing .btn{width:100%}.footer-grid{grid-template-columns:1fr;gap:30px;padding-top:48px;padding-bottom:45px}.footer-contact{grid-column:auto}.footer-bottom{flex-direction:column;gap:7px}.floating-whatsapp{right:14px;bottom:13px;padding:13px;border-radius:50%;width:48px;height:48px;justify-content:center}.floating-whatsapp span{display:none}.floating-whatsapp .icon{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .reveal{opacity:1!important;transform:none!important}}
@media(min-width:791px){.showcase-nav>div{display:none}}
