@font-face{font-family:Inter;src:url('../previews/templates-v1/serena/assets/fontes/inter-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('../previews/templates-v1/serena/assets/fontes/inter-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('../previews/templates-v1/serena/assets/fontes/inter-bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
:root{--ink:#15171c;--muted:#5d687b;--cream:#f4f7fb;--ivory:#eaf0f9;--white:#fff;--line:#dce4ef;--wine:#0053c3;--wine-dark:#034194;--gold:#468de9;--max:1280px}
body,button,h1,h2,h3,.logo,.problem .blockquote,.route-item b{font-family:Inter,Arial,sans-serif}body{background:#0a0a0c}h1,h2{font-weight:600;letter-spacing:-.055em;text-wrap:balance}h1{font-size:clamp(44px,5.1vw,72px)}h2{font-size:clamp(34px,4vw,56px)}h3{font-weight:600}.section{padding:104px 0}.eyebrow{display:inline-block;letter-spacing:.12em;line-height:1.6;margin-bottom:18px}.section-head{max-width:850px}.reveal{opacity:1;transform:none}.button{font-size:14px;font-weight:600}.button:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #468de9;outline-offset:5px}.skip-link{position:fixed;left:20px;top:-90px;z-index:200;padding:16px;background:white;color:#0053c3}.skip-link:focus{top:14px}.logo img{height:auto;width:184px;max-width:none}.nav{background:#0a0a0cee;color:#fff;border-color:#ffffff1f}.nav-inner{height:84px}.navlinks{font-weight:400;gap:23px}.navlinks>a:not(.button):hover{color:#9bc3ff}.mobile-toggle{color:white;border-color:#505763}
.hero{background:radial-gradient(ellipse at 87% 17%,#0c2b56 0,transparent 46%),#0a0a0c;color:#fff;padding:55px 0 80px}.hero-grid{gap:60px;min-height:680px;grid-template-columns:1.13fr 1fr}.hero .eyebrow{color:#9bc3ff;font-size:11px}.hero .lead{color:#bac4d2;font-size:17px;max-width:540px}.hero h1{margin:17px 0 23px}.hero .button.secondary{border-color:#647185;color:#fff}.hero .button.secondary:hover{background:#1a2638}.trust{color:#aebed4;font-size:11px;gap:12px}.trust span:before{color:#65a4ff}.clinic-hero-visual{position:relative;margin:0 0 35px 35px;height:610px}.clinic-portrait{width:100%;height:100%;object-fit:cover;object-position:50% 34%;border-radius:140px 24px 24px 24px}.clinic-room{position:absolute;bottom:85px;left:-65px;width:58%;box-shadow:0 20px 70px #0008;border:5px solid #fff;border-radius:14px;overflow:hidden;background:#fff;color:#202b3e;transform:rotate(-4deg)}.clinic-room img{width:100%;height:135px;object-fit:cover}.clinic-room span{display:block;font-size:11px;padding:12px;line-height:1.4}.hero-demo-link{position:absolute;bottom:-25px;right:-8px;width:93%;display:flex;align-items:center;gap:14px;padding:21px;background:#0053c3;border:1px solid #70adff;border-radius:16px;box-shadow:0 15px 45px #0005;font-size:15px;transition:transform .25s}.hero-demo-link:hover{transform:translateY(-5px)}.hero-demo-link small{display:block;font-size:11px;margin-top:5px;color:#dceaff}.demo-orbit{display:grid;place-items:center;border:1px solid #93bdff;border-radius:50%;width:42px;height:42px;flex:none;font-size:25px}.clinic-hero-visual figcaption{position:absolute;bottom:-55px;font-size:10px;color:#a4b2c9;line-height:1.5}.hero-grid>div:first-child{animation:hero-in .8s both}.clinic-hero-visual{animation:hero-in 1s .15s both}@keyframes hero-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
.marquee{background:#101319;border-color:#ffffff18}.marquee-inner{color:#bdcce2;font-weight:400;font-size:11px}.marquee b{color:#468de9}.problem,.webseo,.faqs{background:#fff}.problem-grid{gap:72px}.problem p{color:var(--muted)}.problem .blockquote{font-weight:400;font-size:24px}.problem-card{background:#f4f7fb;padding:25px;border-radius:14px}.system,.commercial{background:#101722;color:#fff}.system .eyebrow,.eyebrow.light{color:#8dbaff}.system .section-head p,.commercial p{color:#b3c1d4}.system-route:before{background:#3a557e}.route-dot{background:#468de9;border-color:#101722;box-shadow:0 0 0 1px #468de9}.route-item small{color:#b3c1d4}.system-quote{background:#19263a;border-color:#2e4263;color:#e9f0fb}.system-quote span{color:#9bc3ff}.pillars,.process,.deliver{background:#f4f7fb}.pillar{box-shadow:none;border-radius:16px}.pillar .symbol{margin:22px 0;font-size:29px}.pillar:hover{box-shadow:0 15px 45px #0053c312}.process-card{background:#fff;border-color:#dce4ef}.process-card .index{color:#dce9fb}.process-card .day{color:#0053c3}.process-card p,.process-note{color:#5d687b}.commercial .bullet{border-color:#ffffff1f}.pipeline{background:#1a273b;border-color:#344b6e}.pipeline-label{color:#a3c8ff}.pipe{background:#202f45;border-color:#3d526e}.pipe span{color:#8dbaff}.pipe:after{color:#468de9}.deliver-box{background:#fff}.deliver-box.exclusions{background:#eaf0f9}.cta{background:#0053c3}.cta p,.cta .eyebrow{color:#dbeaff}.footer{background:#0a0a0c}.footer p,.footer small,.footer-bottom{color:#b4bdcb}.footer-bottom a{text-decoration:underline;text-underline-offset:4px}
.visual-stack{background:radial-gradient(ellipse at 45% 35%,#fff,#deebff);padding:32px 26px 110px;min-height:520px;overflow:visible;border:1px solid #dce4ef;border-radius:24px}.clinic-laptop{background:#fff;border-radius:13px;overflow:hidden;border:1px solid #c6d4e9;transform:rotate(-3deg);box-shadow:0 24px 50px #17365d22}.device-chrome{display:flex;justify-content:space-between;padding:13px 17px;font-size:10px;background:#eaf0f9;color:#546582}.device-chrome>span:first-child{color:#a1b2ca}.site-screen{background:#f4f7fb;border:0;padding:0;width:100%;cursor:pointer;color:#0053c3}.site-screen img{width:100%;height:auto;max-height:315px;object-fit:contain}.site-screen>span{display:flex;justify-content:space-between;padding:15px 20px;font-size:13px;border-top:1px solid #dce4ef}.site-screen:hover>span{background:#e3eeff}.visual-stack .google-card{position:absolute;bottom:62px;right:-12px;background:#fff;max-width:270px;width:62%;padding:20px;border:1px solid #dce4ef;box-shadow:0 20px 40px #17365d22;transform:rotate(3deg);border-radius:14px}.google-card strong{display:flex;align-items:center;gap:10px;font-size:14px}.google-g{font-size:28px;color:#4285f4;font-weight:700}.google-card small{display:block;font-size:10px;color:#5d687b;margin-top:8px}.google-card .stars{display:block;color:#ab6900;font-size:23px;letter-spacing:3px;margin:9px 0 0}.map-actions{display:flex;gap:8px;margin-top:14px}.map-actions span{padding:6px 12px;background:#edf4ff;color:#004aaa;border-radius:100px;font-size:10px}.visual-note{position:absolute;bottom:10px;left:26px;right:26px;font-size:11px;color:#546582}.bullets li:before{color:#0053c3}
.hub{background:radial-gradient(ellipse at 50% 45%,#123a70,transparent 65%),#0a0a0c;color:#fff}.hub-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:end;margin-bottom:42px}.hub-heading .eyebrow{color:#87b8ff}.hub-heading p{color:#b7c5d9;margin:0 0 14px;font-size:15px}.hub-heading .demo-disclaimer{font-size:11px;color:#92a5c1;max-width:520px}.hub-demo{display:grid;grid-template-columns:190px minmax(0,1fr);background:#f4f7fb;color:#172137;border:1px solid #547eb8;border-radius:20px;overflow:hidden;box-shadow:0 25px 100px #0005}.demo-sidebar{background:#101722;padding:30px 16px;color:#c3cfe1;display:flex;flex-direction:column}.demo-sidebar>img{width:150px;height:auto;margin:0 4px 32px}.demo-sidebar>p{font-size:10px;text-transform:uppercase;letter-spacing:.12em;padding:0 12px;color:#aabbd3}.demo-tabs{display:grid;gap:7px}.demo-tabs button{display:flex;align-items:center;gap:10px;background:none;color:#b9c6d9;border:0;padding:14px 12px;text-align:left;border-radius:9px;cursor:pointer;font-size:14px;white-space:nowrap}.demo-tabs button[aria-selected=true]{background:#0053c3;color:#fff}.demo-tabs button:hover{background:#223752}.demo-tabs button[aria-selected=true]:hover{background:#0053c3}.demo-profile{margin-top:auto;padding:55px 6px 0;display:flex;gap:10px;align-items:center;font-size:12px}.demo-profile>span,.demo-avatar{display:grid;place-items:center;background:#e8f0ff;color:#0053c3;width:36px;height:36px;border-radius:50%;font-size:12px;flex:none}.demo-profile small{display:block;font-size:10px;margin-top:4px;color:#93a5c1}.demo-workspace{min-width:0;display:flex;flex-direction:column}.demo-topbar{padding:18px 24px;background:white;border-bottom:1px solid #e0e6f0;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#65768d}.demo-topbar b{color:#27374c;font-weight:400}.demo-badge{color:#0053c3;background:#edf4ff;border-radius:6px;padding:4px 8px}.demo-panel{padding:28px;min-height:500px;flex:1;overflow:hidden}.demo-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.demo-title h3{font-size:24px;margin:8px 0;letter-spacing:-.04em}.demo-title small{font-size:11px;color:#61728a}.demo-title p{font-size:12px;color:#61728a;margin:8px 0 0}.overview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.overview-metrics>div{background:white;border:1px solid #dce4ef;border-radius:12px;padding:20px}.overview-metrics span,.overview-metrics small{display:block;font-size:11px;color:#61728a}.overview-metrics strong{display:block;font-size:29px;font-weight:600;margin:15px 0;color:#0053c3;letter-spacing:-.06em}.overview-metrics>div:last-child strong{font-size:23px}.overview-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-top:18px}.roadmap,.next-delivery{background:white;border:1px solid #dce4ef;border-radius:12px;padding:22px}.demo-panel h4{font-size:14px;font-weight:600;margin:0 0 18px}.roadmap p{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;margin:0;padding:15px 0;border-top:1px solid #e9edf5}.roadmap p span{font-size:10px;color:#64758a;margin-left:30px}.roadmap i{font-style:normal;width:22px;height:22px;background:#edf2f9;border-radius:50%;display:grid;place-items:center;flex:none}.roadmap .done i{color:#167b54;background:#e5f5ec}.roadmap .current i{background:#0053c3;color:#fff}.next-delivery{padding:0;overflow:hidden}.next-delivery img{height:95px;width:100%;object-fit:cover}.next-delivery>div{padding:18px}.next-delivery small{font-size:10px;color:#61728a}.next-delivery h4{margin:7px 0 14px}.demo-panel button:not(.creative-card),.demo-footer button{background:white;border:1px solid #d5dfed;border-radius:8px;min-height:40px;padding:9px 14px;color:#004ea9;font-size:12px;cursor:pointer}.demo-panel button:hover,.demo-footer button:hover{border-color:#468de9;background:#edf4ff}.demo-panel button:disabled{cursor:default;opacity:.6}.demo-footer{padding:16px 24px;border-top:1px solid #dce4ef;display:flex;gap:15px;justify-content:space-between;align-items:center;background:white;font-size:10px;color:#65768d;min-height:73px}.demo-footer button{white-space:nowrap}.hub-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:34px}.hub-benefits p{font-size:13px;color:#aabbd3}.hub-benefits b{display:block;font-size:15px;color:#fff;font-weight:600;margin-bottom:8px}
.demo-tools{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:0 0 18px}.demo-tools label{font-size:10px;color:#61728a;display:grid;gap:5px}.demo-tools select{border:1px solid #d5dfed;background:#fff;border-radius:8px;color:#24364e;font:12px Inter,sans-serif;padding:10px;min-height:40px}.demo-tools button[aria-pressed=true]{background:#0053c3;color:white}.kanban{display:grid;grid-template-columns:repeat(4,minmax(155px,1fr));gap:10px;overflow-x:auto;padding-bottom:10px}.kanban-col{background:#eaf0f8;border-radius:10px;min-height:220px;padding:12px}.kanban-col h4{font-size:11px;display:flex;justify-content:space-between}.kanban-col h4 b{color:#0053c3}.lead-card{background:white;padding:16px;border:1px solid #c8d8ef;border-radius:8px;box-shadow:0 5px 15px #152a4510}.lead-card strong{font-size:12px;font-weight:600;display:block}.lead-card small{display:block;font-size:10px;color:#61728a;margin-top:8px}.lead-card .lead-tag{display:inline-block;background:#edf3ff;color:#0053c3;padding:4px 7px;border-radius:5px;margin:12px 0}.lead-card button{width:100%}.empty-stage{font-size:10px;color:#718198}.crm-note{font-size:11px;color:#65768d}.table-scroll{overflow:auto}.demo-table{border-collapse:collapse;width:100%;font-size:12px;background:#fff}.demo-table th,.demo-table td{text-align:left;padding:16px;border-bottom:1px solid #dce4ef;white-space:nowrap}.demo-table th{font-weight:600;color:#61728a;font-size:11px}.creative-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.creative-card{padding:0;border:1px solid #d5dfed;background:#fff;border-radius:11px;overflow:hidden;text-align:left;cursor:pointer;color:#172137}.creative-card img{width:100%;height:145px;object-fit:cover}.creative-card:first-child img{object-position:50% 30%}.creative-card>div{padding:13px}.creative-card strong{display:block;font-size:12px;margin:10px 0 7px}.creative-card small{display:block;font-size:10px;color:#61728a}.creative-card .rank{background:#e5f4ec;color:#167448;border-radius:4px;padding:4px 6px;font-size:9px}.creative-metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.creative-metrics span{font-size:9px;color:#61728a}.creative-metrics b{display:block;font-size:16px;color:#0053c3;font-weight:600;margin-top:5px}.creative-details{margin-top:16px;padding:16px 18px;border-left:3px solid #0053c3;background:#e6effc;font-size:12px;line-height:1.6}.creative-details p{margin:5px 0}.creative-details strong{font-weight:600}.script-list{display:grid;gap:12px}.script-list details{border:1px solid #d5dfed;background:#fff;border-radius:10px;padding:18px}.script-list summary{font-size:13px;font-weight:600;cursor:pointer;min-height:28px}.script-list p{font-size:12px;color:#52657d;margin:12px 0}.script-list b{color:#0053c3}.plan-steps{display:grid;gap:12px}.plan-step{padding:17px;border:1px solid #d5dfed;border-radius:9px;background:white;display:flex;align-items:center;gap:12px;font-size:12px}.plan-step>span{background:#edf4ff;color:#0053c3;border-radius:50%;display:grid;place-items:center;width:28px;height:28px;flex:none}.plan-step small{margin-left:auto;color:#61728a}.plan-progress{height:6px;background:#dce6f4;border-radius:10px;margin:20px 0;overflow:hidden}.plan-progress span{display:block;background:#0053c3;height:100%;transition:width .5s}.demo-panel .demo-primary{background:#0053c3;color:white;border-color:#0053c3}.demo-panel .demo-primary:hover{background:#034194;color:white}.demo-funnel{display:flex;gap:10px;margin-top:18px}.demo-funnel div{flex:1;border-top:3px solid #468de9;padding-top:10px}.demo-funnel b{font-size:22px;display:block;color:#0053c3}.demo-funnel small{font-size:10px;color:#61728a}
dialog#clinic-preview{width:min(1240px,95vw);height:92vh;max-height:92vh;padding:0;border:1px solid #a7bedf;border-radius:18px;background:#f4f7fb;color:#172137;overflow:hidden}dialog::backdrop{background:#050d1cdd;backdrop-filter:blur(7px)}.preview-top{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff}.preview-top h2{font-size:18px;letter-spacing:-.03em}.preview-top button{border:1px solid #dce4ef;background:white;border-radius:50%;width:44px;height:44px;cursor:pointer;flex:none}.preview-top+p{font-size:11px;margin:10px 24px;color:#65768d}#clinic-preview iframe{border:0;background:white;width:100%;height:calc(100% - 112px)}
@media(max-width:1100px){.navlinks{gap:15px;font-size:12px}.navlinks .button{font-size:11px}.hero-grid{gap:30px}.clinic-hero-visual{height:550px}.hub-heading{gap:45px}.hub-demo{grid-template-columns:165px minmax(0,1fr)}.demo-sidebar{padding:26px 10px}.demo-sidebar>img{width:140px}.demo-tabs button{font-size:12px}.demo-panel{padding:23px}.hub-demo .overview-metrics strong{font-size:25px}.hub-demo .overview-metrics>div:last-child strong{font-size:19px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr 1fr;gap:25px;min-height:580px}.clinic-hero-visual{height:480px;margin-left:20px}.clinic-room{left:-35px;width:70%}.hero-demo-link{width:110%;font-size:13px}.hero .lead{font-size:15px}.hero h1{font-size:48px}.hero-actions{gap:10px}.hero-actions .button{padding:13px 18px;font-size:12px}.trust{font-size:10px}.hub-heading{grid-template-columns:1fr;gap:18px}.hub-demo{grid-template-columns:1fr}.demo-sidebar{padding:18px 20px;display:block}.demo-sidebar>img{width:140px;margin:0 0 17px}.demo-sidebar>p,.demo-profile{display:none}.demo-tabs{display:flex;gap:6px;overflow-x:auto}.demo-tabs button{padding:12px 15px}.demo-panel{min-height:500px}.problem-grid{gap:40px}.webseo-grid{gap:35px}.visual-stack .google-card{right:-5px}.overview-bottom{grid-template-columns:1.3fr 1fr}}
@media(max-width:760px){.navlinks{background:#101722}.nav-inner{height:72px}.hero-grid{grid-template-columns:1fr;gap:50px}.hero{padding:35px 0 80px}.hero h1{font-size:clamp(43px,9vw,64px);max-width:650px}.hero .lead{font-size:16px}.hero .eyebrow{font-size:10px}.clinic-hero-visual{height:570px;margin:0 22px 25px 32px}.clinic-portrait{object-position:50% 30%;border-radius:110px 22px 22px 22px}.clinic-room{width:55%;bottom:90px;left:-20px}.hero-demo-link{width:93%;font-size:15px;right:-12px}.hero-visual figcaption{font-size:10px}.section{padding:72px 0}.problem-grid,.webseo-grid{gap:45px}.problem .blockquote{font-size:22px}.hub-benefits{gap:20px}.hub-benefits p{font-size:12px}.hub-benefits b{font-size:13px}.demo-title h3{font-size:22px}.visual-stack{min-height:540px;padding:30px 25px 125px}.visual-stack .google-card{right:10px;bottom:60px}.cta-inner .button{font-size:13px}.logo img{width:170px}}
@media(max-width:520px){.wrap{padding:0 20px}.section{padding:60px 0}.hero h1{font-size:43px}.hero .eyebrow:before{display:none}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{font-size:14px}.trust{gap:9px;font-size:10px}.clinic-hero-visual{height:450px;margin-left:15px;margin-right:10px}.clinic-room{width:66%;bottom:78px;left:-15px}.clinic-room img{height:115px}.hero-demo-link{font-size:12px;padding:17px;right:-10px;width:98%}.hero-demo-link small{font-size:10px}.demo-orbit{width:32px;height:32px;font-size:20px}.clinic-hero-visual figcaption{font-size:9px;bottom:-61px}.hub-demo{border-radius:14px}.demo-sidebar{padding:20px 12px 10px}.demo-tabs button{min-height:44px;padding:11px 13px}.demo-topbar{padding:15px;font-size:10px}.demo-panel{padding:20px 14px;min-height:610px}.overview-metrics{gap:7px;grid-template-columns:1fr 1fr}.overview-metrics>div{padding:14px}.overview-metrics>div:last-child{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.overview-metrics>div:last-child strong{margin:0}.overview-metrics>div:last-child small{width:100%}.overview-bottom{grid-template-columns:1fr;gap:12px}.roadmap{padding:17px}.next-delivery{display:grid;grid-template-columns:90px 1fr}.next-delivery img{height:100%;min-height:125px}.demo-footer{padding:14px;align-items:flex-start}.demo-footer button{font-size:10px;padding:9px}.hub-benefits{grid-template-columns:1fr;gap:0}.hub-benefits p{font-size:13px;border-bottom:1px solid #ffffff1c;padding-bottom:16px}.creative-grid{grid-template-columns:1fr}.creative-card{display:grid;grid-template-columns:92px 1fr}.creative-card img{height:100%;min-height:160px}.creative-metrics{margin-top:7px}.creative-card strong{margin:7px 0}.demo-tools label{flex:1;min-width:130px}.demo-tools select{width:100%}.plan-step{flex-wrap:wrap}.plan-step small{width:100%;margin-left:40px}.demo-funnel{flex-wrap:wrap}.demo-funnel div{min-width:40%}.visual-stack{min-height:435px;padding:22px 15px 140px}.visual-stack .google-card{max-width:220px;bottom:60px;width:70%;padding:15px}.google-card strong{font-size:12px}.visual-note{font-size:10px;left:20px;right:20px}.preview-top{padding:12px 16px}.preview-top h2{font-size:14px}dialog#clinic-preview{width:96vw;height:94vh;max-height:94vh}.system-quote{padding:24px}.problem-card{padding:20px}.marquee-inner{font-size:10px}.cta h2{font-size:37px}}
.demo-sidebar{min-width:0}.process-card .day{background:#e8f0ff}.route-item{--step:0}.route-item:nth-child(2){--step:1}.route-item:nth-child(3){--step:2}.route-item:nth-child(4){--step:3}.route-item:nth-child(5){--step:4}.route-item:nth-child(6){--step:5}.system.is-seen .route-dot{animation:route-light .8s calc(var(--step)*.18s) both}@keyframes route-light{from{background:#1b2c45;box-shadow:0 0 0 1px #324b70}to{background:#468de9;box-shadow:0 0 0 1px #468de9,0 0 24px #468de94d}}
.visual-stack{display:flex;flex-direction:column;gap:22px;min-height:0;padding:30px 26px}.visual-stack .google-card{position:relative;bottom:auto;right:auto;align-self:flex-end;max-width:270px;width:84%;margin-top:0}.visual-note{position:static;margin:0;font-size:11px}.clinic-laptop{flex:none}
@media(max-width:900px){.hub-demo{grid-template-columns:minmax(0,1fr)}}
.clinic-team{background:#fff;color:#172137;border-top:1px solid #e2e9f2}
.clinic-team-grid{display:grid;grid-template-columns:.95fr 1.25fr;gap:64px;align-items:center}
.clinic-team-intro h2{font-size:clamp(34px,3.4vw,48px);text-wrap:balance}
.clinic-team-intro p{color:#5d687b;font-size:15px;line-height:1.8}
.clinic-team-intro .button{margin-top:14px;gap:16px}
.clinic-team-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.clinic-team-photo{overflow:hidden;border-radius:20px;background:#eaf0f9;aspect-ratio:1}
.clinic-team-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform .5s}
.clinic-team-person:hover img{transform:scale(1.025)}
.clinic-team-person h3{font-size:22px;letter-spacing:-.035em;margin:22px 0 6px}
.clinic-team-role{display:block;font-size:12px;color:#0053c3;font-weight:600}
.clinic-team-person p{font-size:13px;line-height:1.7;color:#5d687b;margin:16px 0 0}
@media(max-width:1000px){.clinic-team-grid{grid-template-columns:1fr;gap:36px}.clinic-team-intro{max-width:700px}.clinic-team-people{max-width:760px}.clinic-team-photo{aspect-ratio:1.08}}
@media(max-width:520px){.clinic-team-people{grid-template-columns:1fr;gap:36px}.clinic-team-photo{aspect-ratio:1.1}.clinic-team-person h3{font-size:25px;margin-top:18px}.clinic-team-person p{font-size:14px}.clinic-team-intro .button{width:100%}}
/* Focused revision: uncluttered imagery and a top-navigation client Hub. */
.kanban{grid-template-columns:repeat(5,minmax(155px,1fr))}
.creative-card img{height:230px;object-fit:contain;object-position:center;background:#f4f1eb}
.creative-card:first-child img{object-position:center}
@media(max-width:520px){.creative-card img{height:100%;min-height:160px}}
.clinic-portrait{object-position:50% 35%}
.clinic-room img{height:155px}
.clinic-laptop{border:7px solid #17202c;border-bottom-width:10px;border-radius:16px;box-shadow:0 20px 45px #17365d25;transform:perspective(1000px) rotateY(5deg) rotate(-2deg)}
.device-chrome{padding:9px 12px;background:#17202c;color:#c7d5e7}
.site-screen img{max-height:none;width:100%;aspect-ratio:1.44;object-fit:cover;object-position:top}
.site-screen>span{background:white}
#clinic-preview iframe{height:calc(100% - 76px)}
.hub-demo{display:flex;flex-direction:column;background:linear-gradient(130deg,#dbe7fb,#eaf4fa 65%,#f7f9fc);border-color:#9fb9e0}
.demo-sidebar{display:block;background:transparent;color:#172d50;padding:26px 28px 0;border-bottom:1px solid #b6c8e3}
.demo-brandbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.demo-brand{display:flex;align-items:center;gap:10px}
.demo-brand img{width:36px;height:36px}
.demo-brand strong{font-size:22px;letter-spacing:-.04em}
.demo-brand strong span{font-weight:400;color:#0053c3}
.demo-profile{display:flex;padding:0;margin:0;font-size:12px;color:#233d62;gap:10px}
.demo-profile small{color:#596e8b;font-size:10px}
.demo-profile>span{background:#ffffffb3;border:1px solid #c0d2ed}
.demo-tabs{display:flex;overflow-x:auto;gap:10px;padding:0 0 1px;scrollbar-width:thin}
.demo-tabs button{border-radius:0;border-bottom:2px solid transparent;padding:12px 10px;font-size:13px;color:#415b7f;min-height:44px}
.demo-tabs button[aria-selected=true],.demo-tabs button[aria-selected=true]:hover{background:transparent;color:#003e96;border-bottom-color:#0053c3}
.demo-tabs button:hover{background:#ffffff66}
.demo-tabs button:focus-visible{outline-offset:-4px}
.demo-topbar{background:transparent;border:0;padding:17px 28px 0;align-items:center;flex-wrap:wrap}
.demo-badge{background:#e8dfcd;color:#77500d;border:1px solid #d6c5a6}
.demo-panel{padding:24px 28px 30px;min-height:620px}
.demo-title{align-items:start;margin-bottom:22px}
.demo-title h3{font-size:28px;color:#142e54}
.demo-title p{font-size:13px;color:#4d6587}
.demo-period-label{font-size:10px;color:#4c6385;background:#ffffff80;white-space:nowrap;padding:7px 10px;border-radius:100px;margin-top:10px}
.demo-summary{background:linear-gradient(120deg,#c8d8f1aa,#ffffffcc);border:1px solid #b7cae5;border-radius:18px;padding:24px;margin-bottom:20px}
.demo-summary h4{font-size:21px;font-weight:400;line-height:1.5;color:#142e54;margin-bottom:20px}
.demo-summary h4 span{color:#48638b}
.demo-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.demo-summary-grid>div{border:1px solid #b8cbe5;background:#dce6f180;border-radius:12px;padding:16px}
.demo-summary-grid b{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#0053c3}
.demo-summary-grid p{font-size:12px;line-height:1.65;margin:9px 0 0}
.demo-panel .demo-summary-grid button{border:0;padding:8px 0 0;min-height:40px;background:transparent;text-align:left;text-decoration:underline;text-underline-offset:4px}
.overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.overview-metrics>div{background:#ffffffa8;border-color:#c3d3e8;padding:18px}
.hub-demo .overview-metrics strong,.hub-demo .overview-metrics>div:last-child strong{font-size:28px;white-space:nowrap;margin:12px 0;font-weight:600}
.overview-bottom{grid-template-columns:1.2fr 1fr}
.demo-chart,.demo-sales-funnel{background:#ffffffae;border:1px solid #c3d3e8;border-radius:14px;padding:22px}
.demo-chart-heading{display:flex;justify-content:space-between;gap:10px}
.demo-chart-heading small{font-size:10px;color:#5a7090}
.demo-bars{height:205px;display:flex;align-items:flex-end;gap:12px;padding-top:25px}
.demo-bars>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:0}
.demo-bars b{font-size:11px;color:#2b588f;font-weight:400}
.demo-bars i{display:block;height:var(--bar);width:100%;max-width:38px;border-radius:5px 5px 0 0;background:linear-gradient(#6eaeff,#0053c3);transform-origin:bottom;animation:chart-grow .7s cubic-bezier(.22,1,.36,1) both}
.demo-bars small{font-size:10px;color:#5a7090}
@keyframes chart-grow{from{transform:scaleY(.08)}to{transform:scaleY(1)}}
.demo-sales-funnel p{font-size:11px;color:#61728a}
.demo-sales-funnel dl{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}
.demo-sales-funnel dl>div{border-top:3px solid #74a9ed;padding-top:9px}
.demo-sales-funnel dt{font-size:9px;color:#506785;overflow-wrap:anywhere}
.demo-sales-funnel dd{margin:7px 0;font-size:24px;color:#0053c3;font-weight:600}
.demo-footer{background:#ffffff8c;border-color:#c3d3e8}
@media(max-width:900px){.demo-sidebar{padding:20px 20px 0}.demo-topbar{padding:16px 20px 0}.demo-panel{padding:22px 20px}.demo-profile{display:flex}.demo-profile small{display:block}.hub-demo .overview-metrics strong,.hub-demo .overview-metrics>div:last-child strong{font-size:24px}.demo-sales-funnel dl{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.demo-brandbar{gap:12px}.demo-brand strong{font-size:19px}.demo-brand img{width:30px;height:30px}.demo-profile{font-size:10px;max-width:160px}.demo-profile>span{display:none}.demo-profile small{font-size:9px}.demo-sidebar{padding:18px 14px 0}.demo-tabs{gap:4px}.demo-tabs button{font-size:12px;padding:12px 9px}.demo-topbar{padding:14px 14px 0;font-size:9px;gap:8px}.demo-badge{font-size:9px}.demo-panel{padding:22px 14px;min-height:610px}.demo-title{flex-wrap:wrap;gap:0}.demo-title h3{font-size:24px}.demo-title p{font-size:12px}.demo-summary{padding:17px;border-radius:13px}.demo-summary h4{font-size:18px}.demo-summary-grid{grid-template-columns:1fr}.demo-summary-grid>div{padding:13px}.overview-metrics{grid-template-columns:1fr 1fr;gap:8px}.overview-metrics>div,.overview-metrics>div:last-child{display:block;grid-column:auto;padding:14px}.overview-metrics small{font-size:10px;line-height:1.5}.hub-demo .overview-metrics strong,.hub-demo .overview-metrics>div:last-child strong{font-size:23px;margin:12px 0}.overview-bottom{grid-template-columns:1fr}.demo-chart,.demo-sales-funnel{padding:17px}.demo-bars{gap:8px;height:170px}.demo-sales-funnel dl{grid-template-columns:repeat(4,1fr)}.clinic-room img{height:125px}.visual-stack{padding:25px 18px}.site-screen>span{padding:13px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Financial example: gross contracted revenue, not a profit claim. */
.demo-economics{margin-top:18px;padding:22px;background:#ffffffae;border:1px solid #c3d3e8;border-radius:14px}.demo-economics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.demo-economics-grid span,.demo-economics-grid small{display:block;color:#506785;font-size:11px;line-height:1.6}.demo-economics-grid strong{display:block;font-size:28px;color:#0053c3;margin:10px 0;letter-spacing:-.04em}.demo-economics details{margin-top:22px;border-top:1px solid #c3d3e8;padding-top:16px}.demo-economics summary{cursor:pointer;font-size:12px;font-weight:600;color:#004ea9;min-height:32px}.demo-economics details p{font-size:12px;line-height:1.75;color:#506785;margin:12px 0 0}@media(max-width:600px){.demo-economics{padding:17px}.demo-economics-grid{grid-template-columns:1fr;gap:16px}.demo-economics-grid>div+div{border-top:1px solid #dce4ef;padding-top:16px}}