﻿@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#03060d;--text:#f8fbff;--muted:#98a4b8;--line:rgba(255,255,255,.14);--glass:rgba(255,255,255,.07);--glass2:rgba(255,255,255,.12);--cyan:#76f7d1;--blue:#56b7ff;--gold:#e9c46a;--shadow:0 30px 90px rgba(0,0,0,.42)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 72% 10%,rgba(86,183,255,.2),transparent 34rem),radial-gradient(circle at 8% 42%,rgba(118,247,209,.1),transparent 28rem),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;letter-spacing:0;overflow-x:hidden}body:before{content:'';position:fixed;inset:0;z-index:-3;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 76%)}a{color:inherit;text-decoration:none}button,input{font:inherit}#stars{position:fixed;inset:0;z-index:-2;width:100%;height:100%;pointer-events:none}.nav{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px clamp(18px,5vw,76px);background:linear-gradient(to bottom,rgba(3,6,13,.88),transparent);backdrop-filter:blur(18px)}.brand{font-size:.86rem;font-weight:900;text-transform:uppercase}.brand span{color:var(--cyan)}nav{display:flex;gap:clamp(14px,3vw,34px);color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}nav a:hover{color:#fff}.panel{position:relative;min-height:100vh;padding:clamp(92px,12vw,150px) clamp(18px,6vw,96px)}.hero{display:grid;align-content:center;overflow:hidden}.hero-art{position:absolute;inset:0;z-index:-1}.hero-art:before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.86) 1px,transparent 1px),radial-gradient(circle,rgba(118,247,209,.55) 1px,transparent 1px);background-size:140px 140px,220px 220px;background-position:0 0,32px 44px;opacity:.45;animation:drift 28s linear infinite}.hero-art span{position:absolute;right:-12vw;bottom:-30vw;width:min(80vw,920px);aspect-ratio:1;border:1px solid rgba(118,247,209,.22);border-radius:50%;box-shadow:inset 0 0 90px rgba(86,183,255,.12)}.hero-art i{position:absolute;right:29vw;bottom:0;width:1px;height:54vh;background:linear-gradient(to top,transparent,var(--cyan),transparent);transform:rotate(18deg);animation:pulse 2.8s ease-in-out infinite}.eyebrow{margin:0 0 18px;color:var(--cyan);font-size:.78rem;font-weight:900;text-transform:uppercase}.hero h1,.contact h2{max-width:1100px;margin:0 0 24px;font-size:clamp(3.4rem,10vw,9.5rem);line-height:.9;font-weight:900;text-transform:uppercase}.lead{max-width:850px;color:var(--muted);font-size:clamp(1rem,2vw,1.45rem);line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.btn,.chip,.project button,.close{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:0 20px;background:rgba(255,255,255,.06);color:#fff;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.btn:hover,.chip:hover,.chip.active,.project button:hover,.close:hover{transform:translateY(-2px);border-color:rgba(118,247,209,.55);background:rgba(118,247,209,.12)}.btn.primary{border-color:transparent;background:linear-gradient(135deg,#fff,#a9d9ff);color:#03101c;font-weight:900}.metrics{position:absolute;right:clamp(18px,6vw,96px);bottom:42px;left:clamp(18px,6vw,96px);display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.08);backdrop-filter:blur(22px)}.metrics article{padding:20px;background:rgba(3,6,13,.68)}.metrics strong{display:block;font-size:clamp(1.7rem,4vw,3.5rem);font-weight:900}.metrics span{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.scroll{position:absolute;bottom:16px;left:50%;width:1px;height:42px;background:rgba(255,255,255,.2);overflow:hidden}.scroll:after{content:'';display:block;width:100%;height:16px;background:var(--cyan);animation:scroll 1.8s ease-in-out infinite}.mission{display:grid;align-content:center}.mission h2,.section-head h2{max-width:1050px;margin:0;font-size:clamp(2.4rem,6vw,6rem);line-height:.98;font-weight:900}.mission h2 span{color:var(--cyan)}.mission p:last-child{max-width:760px;margin-top:28px;color:var(--muted);font-size:clamp(1.08rem,2vw,1.5rem);line-height:1.7}.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:38px}.section-head h2{max-width:900px;font-size:clamp(2.2rem,5vw,4.8rem)}.glass-card{border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,var(--glass2),rgba(255,255,255,.035));box-shadow:var(--shadow);backdrop-filter:blur(24px)}.lift{transition:transform .24s ease,border-color .24s ease}.lift:hover{transform:translateY(-8px);border-color:rgba(86,183,255,.48)}.build-grid,.lab-grid,.clinic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.build-grid article{min-height:410px;padding:28px}.build-grid small,.project small,.modal-card small{color:var(--gold);font-weight:900;text-transform:uppercase}.build-grid h3,.project h3,.lab-grid h3,.outreach h3{margin:34px 0 18px;font-size:clamp(1.5rem,3vw,2.45rem);line-height:1}.build-grid li,.outreach li{padding:14px 0;border-top:1px solid var(--line);color:var(--muted)}.tools{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:22px}input[type=search]{width:min(100%,360px);min-height:48px;border:1px solid var(--line);border-radius:999px;padding:0 18px;background:rgba(255,255,255,.07);color:#fff;outline:none}.filters{display:flex;flex-wrap:wrap;gap:10px}.project-rail{display:grid;grid-auto-columns:minmax(300px,420px);grid-auto-flow:column;gap:18px;overflow-x:auto;padding:4px 0 22px;scroll-snap-type:x mandatory}.project{min-height:500px;padding:18px;scroll-snap-align:start}.project.hidden{display:none}.visual{display:grid;min-height:210px;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:linear-gradient(135deg,rgba(86,183,255,.3),transparent 45%),linear-gradient(45deg,rgba(118,247,209,.18),transparent 56%),#07111e;color:#fff;font-size:4rem;font-weight:900;text-transform:uppercase}.visual.large{min-height:300px;margin-bottom:18px}.project p,.lab-grid p,.modal-card p{color:var(--muted);line-height:1.65}.project button{margin-top:18px}.clinic-grid{grid-template-columns:1.1fr .9fr}.calendar,.outreach{padding:24px}.calendar-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:22px;color:var(--muted)}.calendar-head strong{color:#fff}.days,.dates{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.days b{color:var(--muted);font-size:.72rem;text-align:center;text-transform:uppercase}.date{min-height:48px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.045);color:#fff}.date.open{border-color:rgba(118,247,209,.7);box-shadow:0 0 18px rgba(118,247,209,.16)}.date.booked{color:#657084;text-decoration:line-through;background:rgba(255,255,255,.025)}.slot-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.slot-panel button{min-height:44px;border:1px solid rgba(118,247,209,.35);border-radius:8px;background:rgba(118,247,209,.1);color:#fff}.outreach blockquote{margin:24px 0 0;padding:18px;border-left:2px solid var(--cyan);color:#dce7f8;background:rgba(255,255,255,.045)}.lab-grid{grid-template-columns:repeat(4,1fr)}.lab-grid article{min-height:260px;padding:24px}.status{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.status i{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan);animation:pulse 1.6s ease-in-out infinite}.line{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.line:before{content:'';position:absolute;top:42px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}.line article{position:relative;padding-top:84px}.line article:before{content:'';position:absolute;top:34px;left:0;width:17px;height:17px;border:2px solid var(--cyan);border-radius:50%;background:var(--bg);box-shadow:0 0 24px rgba(118,247,209,.45)}.line strong{color:var(--gold);font-size:clamp(2rem,5vw,4rem);font-weight:900}.line p{color:var(--muted);line-height:1.7}.tech-wall{display:flex;flex-wrap:wrap;gap:12px}.tech-wall span{border:1px solid var(--line);border-radius:999px;padding:14px 18px;background:rgba(255,255,255,.05);color:var(--muted);font-weight:900;transition:.18s ease}.tech-wall span:hover{transform:translateY(-4px);border-color:rgba(118,247,209,.45);color:#fff}.industries{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}.industries article{min-height:150px;padding:18px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.055)}.industries b{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;background:rgba(118,247,209,.12);color:var(--cyan)}.industries span{display:block;margin-top:38px;font-weight:900}.contact{display:grid;align-content:center}.contact>p:not(.eyebrow){max-width:760px;color:var(--muted);font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.7}.contact-card{display:grid;width:min(100%,680px);gap:10px;margin-top:24px;padding:24px;color:var(--muted)}.contact-card span:first-child,.contact-card a{color:#fff}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:22px}.shade{position:absolute;inset:0;background:rgba(0,0,0,.74);backdrop-filter:blur(18px)}.modal-card{position:relative;width:min(100%,1040px);max-height:90vh;overflow:auto;padding:20px}.close{position:sticky;top:0;z-index:2;float:right}.modal-card h2{margin:14px 0;font-size:clamp(2rem,5vw,4.6rem);line-height:1}.modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}.modal-grid section{border:1px solid var(--line);border-radius:8px;padding:18px;background:rgba(255,255,255,.04)}.modal-grid h3{margin:0 0 10px;color:var(--cyan);font-size:.82rem;text-transform:uppercase}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes drift{to{background-position:140px 140px,252px 184px}}@keyframes pulse{50%{opacity:.4;transform:scale(.98)}}@keyframes scroll{from{transform:translateY(-18px)}to{transform:translateY(50px)}}@media(max-width:980px){.nav{align-items:flex-start;flex-direction:column}.metrics,.build-grid,.lab-grid,.clinic-grid,.line,.industries,.modal-grid{grid-template-columns:1fr 1fr}.metrics{position:relative;right:auto;bottom:auto;left:auto;margin-top:40px}.section-head{display:block}}@media(max-width:640px){.panel{padding-left:18px;padding-right:18px}.hero h1,.contact h2{font-size:3.35rem}.metrics,.build-grid,.lab-grid,.clinic-grid,.line,.industries,.modal-grid,.slot-panel{grid-template-columns:1fr}.project-rail{grid-auto-columns:minmax(278px,88vw)}.days,.dates{gap:5px}.date{min-height:40px}nav{width:100%;overflow-x:auto;padding-bottom:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;transition-duration:1ms!important}}

/* Preview-style selected work */
.work-preview{min-height:auto}.preview-tools{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.preview-card{min-height:0;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));box-shadow:var(--shadow);overflow:hidden}.preview-card.featured{grid-column:span 2}.preview-card.hidden{display:none}.browser-shot{position:relative;min-height:280px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#08111f;overflow:hidden}.browser-top{height:38px;display:flex;align-items:center;gap:7px;padding:0 12px;background:rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.62);font-size:.75rem}.browser-top span{width:9px;height:9px;border-radius:50%;background:#ff6b6b}.browser-top span:nth-child(2){background:#f7d154}.browser-top span:nth-child(3){background:#69db7c}.browser-top b{margin-left:8px;font-weight:700}.shot-hero{min-height:178px;display:grid;align-content:center;gap:10px;padding:26px;background:radial-gradient(circle at 70% 10%,rgba(255,255,255,.22),transparent 22rem),linear-gradient(135deg,rgba(0,0,0,.18),rgba(0,0,0,.52))}.shot-hero small,.preview-copy small{color:var(--gold);font-weight:900;text-transform:uppercase}.shot-hero strong{font-size:clamp(2rem,4vw,4rem);line-height:.9}.shot-hero em{color:rgba(255,255,255,.75);font-style:normal}.shot-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px}.shot-row i{height:48px;border-radius:8px;background:rgba(255,255,255,.09)}.dramatic{background:linear-gradient(135deg,#1a0711,#452316 48%,#0a101d)}.tourism{background:linear-gradient(135deg,#052016,#163f35 52%,#07111f)}.media{background:linear-gradient(135deg,#210815,#401b38 54%,#070b16)}.loeto{background:linear-gradient(135deg,#071527,#123d5c 52%,#08111f)}.language{background:linear-gradient(135deg,#171025,#302450 50%,#08111f)}.ai{background:linear-gradient(135deg,#081520,#18455f 50%,#061017)}.knowledge,.ops{background:linear-gradient(135deg,#121722,#273147 50%,#090d14)}.app-preview{display:grid;grid-template-columns:1fr;gap:12px;padding:22px}.app-preview div,.lesson-preview,.ai-preview{border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:18px;background:rgba(255,255,255,.08)}.app-preview strong,.lesson-preview strong,.ai-preview strong{display:block;font-size:1.4rem}.app-preview p,.lesson-preview p,.ai-preview p{margin:6px 0 0;color:rgba(255,255,255,.7)}.lesson-preview{margin:32px 22px}.lesson-preview div{height:10px;margin:18px 0;border-radius:999px;background:rgba(255,255,255,.13);overflow:hidden}.lesson-preview i{display:block;height:100%;border-radius:inherit;background:var(--cyan)}.ai-preview{margin:42px 22px}.ai-preview span{display:inline-flex;margin-top:16px;color:var(--cyan);font-weight:900}.dashboard-preview{display:grid;grid-template-columns:88px 1fr;gap:14px;height:240px;padding:18px}.dashboard-preview aside{border-radius:10px;background:rgba(255,255,255,.1)}.dashboard-preview main{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dashboard-preview i{border-radius:10px;background:rgba(255,255,255,.1)}.preview-copy{padding:20px 4px 4px}.preview-copy h3{margin:12px 0;font-size:clamp(1.45rem,3vw,2.4rem)}.preview-copy p{min-height:78px;color:var(--muted);line-height:1.6}.preview-copy button{margin-top:12px}

/* Full clinic booking demo */
.clinic-demo{min-height:auto}.demo-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:18px;align-items:start}.booking-app,.phone-demo,.admin-demo,.crm-demo{padding:22px;border-radius:12px}.app-bar,.admin-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.app-bar small{display:block;color:var(--cyan);font-weight:900;text-transform:uppercase}.app-bar strong{display:block;font-size:1.45rem}.app-bar span,.admin-head strong{border:1px solid rgba(118,247,209,.32);border-radius:999px;padding:8px 12px;color:var(--cyan);font-size:.78rem;font-weight:900}.booking-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.booking-steps button{min-height:42px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.045);color:var(--muted);font-weight:800}.booking-steps button.active{border-color:rgba(118,247,209,.65);background:rgba(118,247,209,.11);color:#fff}.booking-stage{display:none;min-height:430px}.booking-stage.active{display:block}.booking-stage h3{margin:0 0 18px;font-size:2rem}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.service{min-height:130px;border:1px solid var(--line);border-radius:10px;padding:18px;text-align:left;background:rgba(255,255,255,.045);color:#fff}.service strong{display:block;font-size:1.25rem}.service span{display:block;margin-top:12px;color:var(--muted)}.service.active,.clinic-slots button.active,.clinic-dates .date.active{border-color:rgba(118,247,209,.7);background:rgba(118,247,209,.12);box-shadow:0 0 24px rgba(118,247,209,.14)}.patient-form{display:grid;gap:14px}.patient-form label{display:grid;gap:8px;color:var(--muted);font-weight:800}.patient-form input,.patient-form textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:14px;background:rgba(255,255,255,.06);color:#fff;outline:none}.patient-form textarea{min-height:100px;resize:vertical}.patient-form .check{display:flex;align-items:center;gap:10px}.patient-form .check input{width:auto}.confirmation{display:grid;gap:10px;border:1px solid rgba(118,247,209,.35);border-radius:12px;padding:22px;background:rgba(118,247,209,.08)}.confirmation strong{font-size:2rem}.confirmation span,.confirmation p{color:var(--muted)}.confirmation em{color:var(--gold);font-size:1.3rem;font-style:normal;font-weight:900}.booking-nav{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.clinic-ops{display:grid;gap:18px}.phone-demo{max-width:430px;justify-self:stretch;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035))}.phone-top{text-align:center;color:var(--muted);font-size:.8rem;font-weight:900;text-transform:uppercase;padding-bottom:14px}.chat{display:grid;gap:10px}.chat p{max-width:86%;margin:0;padding:12px 14px;border-radius:14px;line-height:1.45}.chat .bot{background:rgba(255,255,255,.09);color:#eaf1ff}.chat .user{justify-self:end;background:rgba(118,247,209,.15);color:#fff}.chat .small{font-size:.82rem;color:var(--muted)}.admin-list{display:grid;gap:10px}.admin-list div{display:grid;grid-template-columns:70px 1fr auto;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px;background:rgba(255,255,255,.045)}.admin-list b{color:var(--cyan)}.admin-list em{color:var(--muted);font-style:normal}.crm-demo h3{margin:0 0 16px;font-size:1.5rem}.crm-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.crm-metrics span{border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--muted);font-size:.8rem}.crm-metrics b{display:block;color:#fff;font-size:1.3rem}.crm-demo li{padding:10px 0;border-top:1px solid var(--line);color:var(--muted)}
@media(max-width:1100px){.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-shell{grid-template-columns:1fr}.phone-demo{max-width:none}.preview-card.featured{grid-column:span 1}}@media(max-width:680px){.preview-grid,.service-grid,.booking-steps,.crm-metrics{grid-template-columns:1fr}.browser-shot{min-height:230px}.demo-shell{gap:14px}.admin-list div{grid-template-columns:1fr}.booking-stage{min-height:auto}.app-bar{align-items:flex-start;flex-direction:column}}

/* Live website preview frames */
.live-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-preview-grid .preview-card.featured{grid-column:span 1}.live-frame{min-height:360px;background:#07111f}.live-frame iframe{position:absolute;left:0;right:0;bottom:0;top:38px;width:100%;height:calc(100% - 38px);border:0;background:#fff;transform:scale(.78);transform-origin:top left;width:128.5%;height:128.5%;opacity:.72;filter:saturate(.92) contrast(.92);pointer-events:none}.frame-fallback{position:absolute;inset:38px 0 0;display:grid;align-content:end;gap:10px;padding:26px;background:linear-gradient(to top,rgba(4,8,15,.88),rgba(4,8,15,.12) 58%,transparent);pointer-events:none}.frame-fallback strong{font-size:clamp(2rem,4vw,4.2rem);line-height:.9}.frame-fallback p{max-width:420px;margin:0;color:rgba(255,255,255,.75)}.preview-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}.preview-actions a{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid rgba(118,247,209,.34);border-radius:999px;padding:0 18px;color:var(--cyan);font-weight:800;background:rgba(118,247,209,.08)}.preview-actions a:hover{background:rgba(118,247,209,.14)}.preview-copy p{min-height:92px}.hero .metrics article:nth-child(1) span:after{content:''}@media(max-width:980px){.live-preview-grid{grid-template-columns:1fr}.live-frame iframe{transform:scale(.72);width:139%;height:139%}}@media(max-width:640px){.live-frame{min-height:290px}.frame-fallback strong{font-size:2.2rem}.preview-copy p{min-height:auto}}

/* AI workflow diagrams */
.workflow-section{min-height:auto}.workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.workflow-card{padding:22px;border-radius:12px;overflow:hidden}.workflow-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.workflow-head span{color:var(--cyan);font-size:.78rem;font-weight:900;text-transform:uppercase}.workflow-head strong{max-width:280px;text-align:right;font-size:1.35rem;line-height:1.1}.flow-map{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr;align-items:center;gap:8px;margin:20px 0}.flow-map>i{position:relative;height:2px;background:linear-gradient(90deg,var(--cyan),rgba(86,183,255,.35));box-shadow:0 0 16px rgba(118,247,209,.4)}.flow-map>i:after{content:'';position:absolute;right:-2px;top:50%;width:8px;height:8px;border-top:2px solid rgba(118,247,209,.9);border-right:2px solid rgba(118,247,209,.9);transform:translateY(-50%) rotate(45deg)}.flow-node{min-height:118px;display:grid;align-content:center;gap:8px;border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:16px;background:rgba(255,255,255,.055);box-shadow:inset 0 0 24px rgba(255,255,255,.025)}.flow-node b{font-size:1rem}.flow-node small{color:var(--muted);line-height:1.35}.flow-node.input{border-color:rgba(233,196,106,.36)}.flow-node.ai{border-color:rgba(118,247,209,.55);background:rgba(118,247,209,.08)}.flow-node.system{border-color:rgba(86,183,255,.45);background:rgba(86,183,255,.07)}.flow-node.output{border-color:rgba(255,255,255,.24)}.workflow-card p{color:var(--muted);line-height:1.7;margin-bottom:0}@media(max-width:1100px){.workflow-grid{grid-template-columns:1fr}.flow-map{grid-template-columns:1fr}.flow-map>i{width:2px;height:28px;justify-self:center;background:linear-gradient(180deg,var(--cyan),rgba(86,183,255,.35))}.flow-map>i:after{right:auto;left:50%;top:auto;bottom:-2px;transform:translateX(-50%) rotate(135deg)}}@media(max-width:640px){.workflow-head{display:block}.workflow-head strong{display:block;max-width:none;margin-top:8px;text-align:left}.flow-node{min-height:96px}}

/* Keep live previews clean: no giant overlay titles over embedded sites */
.live-frame .frame-fallback{inset:auto 0 0;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;background:linear-gradient(to top,rgba(4,8,15,.82),rgba(4,8,15,.12));backdrop-filter:blur(8px)}.live-frame .frame-fallback strong{font-size:.9rem;line-height:1.1;text-transform:uppercase;color:rgba(255,255,255,.82)}.live-frame .frame-fallback p{max-width:none;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.58)}@media(max-width:640px){.live-frame .frame-fallback{display:none}}

/* Pricing packages */
.pricing-section{min-height:auto}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.price-card{position:relative;display:grid;align-content:start;gap:18px;min-height:560px;padding:28px;border-radius:12px}.price-card.featured{border-color:rgba(118,247,209,.55);background:linear-gradient(145deg,rgba(118,247,209,.13),rgba(255,255,255,.045));box-shadow:0 34px 110px rgba(118,247,209,.12)}.price-card span{color:var(--cyan);font-size:.78rem;font-weight:900;text-transform:uppercase}.price-card h3{margin:0;font-size:clamp(3rem,6vw,5.5rem);line-height:.9}.price-card p{margin:0;color:var(--muted);line-height:1.7}.price-card ul{display:grid;gap:0;margin:8px 0 0;padding:0}.price-card li{padding:13px 0;border-top:1px solid var(--line);color:#dbe5f5}.price-card .btn{align-self:end;width:max-content;margin-top:8px}@media(max-width:980px){.pricing-grid{grid-template-columns:1fr}.price-card{min-height:auto}.price-card .btn{width:100%}}

/* Loeto chatbot automation callout */
.loeto-automation .chatbot-badge{position:absolute;right:16px;bottom:70px;z-index:2;display:grid;gap:3px;border:1px solid rgba(118,247,209,.45);border-radius:14px;padding:12px 14px;background:rgba(4,12,18,.82);box-shadow:0 18px 50px rgba(0,0,0,.35),0 0 26px rgba(118,247,209,.12);backdrop-filter:blur(14px)}.chatbot-badge b{color:#fff;font-size:.9rem}.chatbot-badge span{color:var(--cyan);font-size:.76rem;font-weight:800}.chatbot-badge:before{content:'';position:absolute;right:12px;bottom:-6px;width:12px;height:12px;background:rgba(4,12,18,.82);border-right:1px solid rgba(118,247,209,.45);border-bottom:1px solid rgba(118,247,209,.45);transform:rotate(45deg)}

/* Ecommerce automation preview */
.commerce{background:linear-gradient(135deg,#07131d,#17351f 52%,#08110d)}.commerce-badge{border-color:rgba(37,211,102,.55)}.commerce-badge span{color:#87f5ad}.commerce-badge:before{border-right-color:rgba(37,211,102,.55);border-bottom-color:rgba(37,211,102,.55)}

/* CMS project callout */
.cms-badge{border-color:rgba(233,196,106,.55)}.cms-badge span{color:var(--gold)}.cms-badge:before{border-right-color:rgba(233,196,106,.55);border-bottom-color:rgba(233,196,106,.55)}

/* Eana Safari demo CTA */
.demo-btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:1px solid rgba(233,196,106,.48);border-radius:999px;padding:0 22px;background:linear-gradient(135deg,#e9c46a,#fff4c6);color:#07111e;font-weight:900;box-shadow:0 18px 44px rgba(233,196,106,.16);transition:transform .18s ease,box-shadow .18s ease}.demo-btn:hover{transform:translateY(-2px);box-shadow:0 22px 54px rgba(233,196,106,.24)}
