:root{
  --navy:#0d1b2a;--blue:#2476ff;--blue-dark:#155dcc;--sky:#eaf3ff;--text:#182231;
  --muted:#667085;--line:#e7ebf0;--white:#fff;--soft:#f6f8fb;--green:#20b486;
  --shadow:0 18px 50px rgba(24,34,49,.10);--radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
img{max-width:100%;display:block}
.container{width:min(1160px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(231,235,240,.9)}
.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;font-size:1.2rem}
.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--blue),#6aa6ff);color:#fff;box-shadow:0 10px 25px rgba(36,118,255,.28)}
.nav{display:flex;align-items:center;gap:28px;font-weight:600;font-size:.95rem}
.nav a:not(.nav-cta):hover{color:var(--blue)}
.nav-cta{background:var(--navy);color:#fff;padding:12px 18px;border-radius:12px}
.menu-btn{display:none;background:none;border:0;font-size:1.5rem}
.hero{padding:96px 0 84px;background:
radial-gradient(circle at 80% 15%,rgba(36,118,255,.15),transparent 28%),
linear-gradient(180deg,#fbfdff 0%,#f4f8ff 100%);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;margin-bottom:14px}
.eyebrow:before{content:"";width:24px;height:2px;background:var(--blue);border-radius:4px}
h1,h2,h3,h4{font-family:Manrope,sans-serif;line-height:1.12;margin:0}
h1{font-size:clamp(2.7rem,5vw,4.8rem);letter-spacing:-.055em}
h2{font-size:clamp(2rem,3.5vw,3.2rem);letter-spacing:-.04em}
h3{font-size:1.2rem}
.hero-copy p{font-size:1.13rem;color:var(--muted);max-width:650px;margin:24px 0 30px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:13px;padding:14px 21px;font-weight:800;cursor:pointer;transition:.2s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 28px rgba(36,118,255,.25)}
.btn-primary:hover{background:var(--blue-dark)}
.btn-secondary{background:#fff;color:var(--navy);border:1px solid var(--line)}
.full{width:100%}
.trust-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;font-size:.9rem;color:#445066;font-weight:700}
.hero-showcase{position:relative;min-height:470px}
.browser-card{background:#fff;border:1px solid #dce5f0;border-radius:20px;box-shadow:var(--shadow);overflow:hidden}
.main-browser{position:absolute;width:92%;right:0;top:25px;transform:rotate(2deg)}
.browser-top{height:38px;background:#edf2f8;display:flex;gap:6px;align-items:center;padding:0 14px}
.browser-top span{width:9px;height:9px;background:#bcc7d6;border-radius:50%}
.preview{padding:40px;min-height:340px}
.preview-main{background:linear-gradient(135deg,#0f2441,#163d70)}
.preview-nav{height:9px;width:38%;background:rgba(255,255,255,.35);border-radius:8px;margin-bottom:55px}
.preview-title{height:28px;width:62%;background:#fff;border-radius:8px;margin-bottom:15px}
.preview-line{height:9px;width:50%;background:rgba(255,255,255,.5);border-radius:8px;margin-bottom:10px}
.preview-line.wide{width:78%}
.preview-button{height:34px;width:115px;background:#58d49c;border-radius:9px;margin-top:26px}
.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:48px}
.preview-grid div{height:68px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);border-radius:12px}
.phone-card{position:absolute;left:0;bottom:0;width:155px;height:300px;background:#101722;border:7px solid #101722;border-radius:28px;box-shadow:0 25px 55px rgba(13,27,42,.25);transform:rotate(-5deg);z-index:3}
.phone-notch{width:62px;height:15px;background:#101722;border-radius:0 0 10px 10px;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2}
.phone-screen{height:100%;border-radius:20px;background:linear-gradient(180deg,#f8fbff,#eaf3ff);padding:34px 15px}
.mini-logo{width:38px;height:8px;background:var(--blue);border-radius:5px}
.mini-heading{width:90%;height:18px;background:var(--navy);border-radius:5px;margin-top:42px}
.mini-line{width:70%;height:7px;background:#a9b8ca;border-radius:5px;margin-top:10px}
.mini-button{width:64px;height:25px;background:var(--blue);border-radius:7px;margin-top:18px}
.floating-stat{position:absolute;right:-15px;bottom:10px;background:#fff;border-radius:16px;padding:16px 20px;box-shadow:var(--shadow);display:flex;flex-direction:column;z-index:4}
.floating-stat strong{font-size:1.45rem;color:var(--blue)}
.floating-stat span{font-size:.8rem;color:var(--muted)}
.logos-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;padding:26px 0}
.logos-strip .container{display:flex;align-items:center;gap:30px}
.logos-strip p{font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800;white-space:nowrap}
.industry-list{display:flex;gap:35px;flex-wrap:wrap;font-weight:800;color:#475467}
.section{padding:100px 0}
.soft-section{background:var(--soft)}
.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:46px}
.section-heading>div{max-width:640px}
.section-heading>p{max-width:480px;color:var(--muted);margin:0}
.section-heading.centered{display:block;text-align:center;max-width:760px;margin:0 auto 48px}
.section-heading.centered p{margin:16px auto 0}
.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}
.filter-btn{border:1px solid var(--line);background:#fff;color:#475467;padding:10px 15px;border-radius:999px;font-weight:700;cursor:pointer}
.filter-btn.active,.filter-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.template-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(24,34,49,.05);transition:.25s}
.template-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.template-card.hidden{display:none}
.template-preview{height:285px;position:relative;overflow:hidden;padding:34px}
.template-preview .mock-nav{position:absolute;top:25px;left:34px;width:38%;height:8px;border-radius:10px;background:rgba(255,255,255,.58)}
.template-preview .mock-copy{position:absolute;top:91px;left:34px;width:48%;height:34px;border-radius:8px;background:#fff;box-shadow:0 13px 0 -8px rgba(255,255,255,.5),0 25px 0 -8px rgba(255,255,255,.35)}
.template-preview .mock-btn{position:absolute;top:166px;left:34px;width:100px;height:32px;border-radius:8px;background:#fff}
.theme-auto{background:linear-gradient(135deg,#111827,#273b57)}
.mock-car{position:absolute;right:32px;bottom:35px;width:190px;height:82px;border-radius:55px 70px 25px 25px;background:linear-gradient(135deg,#246bfe,#64a5ff);color:rgba(255,255,255,.25);font-weight:900;font-size:2.4rem;display:grid;place-items:center;transform:skewX(-8deg)}
.theme-headlight{background:linear-gradient(135deg,#071c36,#0f4b86)}
.light-beam{position:absolute;width:300px;height:300px;border-radius:50%;right:-70px;bottom:-100px;background:radial-gradient(circle,#d9f6ff 0%,#62caff 18%,rgba(98,202,255,.1) 55%,transparent 70%)}
.headlight-orb{position:absolute;right:45px;bottom:45px;width:95px;height:95px;border-radius:50%;border:8px solid rgba(255,255,255,.75);box-shadow:0 0 35px #7ae1ff}
.theme-landscape{background:linear-gradient(180deg,#bce7ff,#eaffdc)}
.theme-landscape .mock-copy{background:#164b36}.theme-landscape .mock-btn{background:#277a4f}.theme-landscape .mock-nav{background:#39725f}
.sun{position:absolute;right:42px;top:44px;width:62px;height:62px;border-radius:50%;background:#ffd86e}
.hill{position:absolute;border-radius:50% 50% 0 0;bottom:-120px}
.hill-one{right:-45px;width:420px;height:250px;background:#5d9b58}
.hill-two{right:170px;width:340px;height:210px;background:#83bc68}
.theme-plumber{background:linear-gradient(135deg,#0466c8,#00a7e1)}
.pipe{position:absolute;right:35px;bottom:30px;width:150px;height:150px;border:22px solid rgba(255,255,255,.75);border-left-color:transparent;border-top-color:transparent;border-radius:20px}
.drop{position:absolute;right:74px;top:47px;width:46px;height:62px;background:#b9f2ff;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}
.theme-barber{background:linear-gradient(135deg,#151515,#3a3a3a)}
.barber-pole{position:absolute;right:65px;top:45px;width:58px;height:170px;border:7px solid #eee;border-radius:20px;background:repeating-linear-gradient(-35deg,#d83b3b 0 18px,#fff 18px 36px,#2c62b8 36px 54px)}
.theme-salon{background:linear-gradient(135deg,#e9d4ef,#f9eefb)}
.theme-salon .mock-copy{background:#5f345f}.theme-salon .mock-btn{background:#9f5e9f}.theme-salon .mock-nav{background:#7c4b7c}
.salon-circle{position:absolute;right:-20px;bottom:-60px;width:250px;height:250px;border-radius:50%;background:linear-gradient(135deg,#b06ab3,#f0b7d3)}
.theme-restaurant{background:linear-gradient(135deg,#392313,#82552b)}
.plate{position:absolute;right:32px;bottom:18px;width:200px;height:200px;border-radius:50%;background:#fff;border:20px solid #e8dccd;box-shadow:inset 0 0 0 6px #fff}
.plate:after{content:"";position:absolute;inset:40px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#f9cc5d,#c85f2b)}
.theme-realtor{background:linear-gradient(135deg,#13293d,#326789)}
.house-shape{position:absolute;right:55px;bottom:35px;width:150px;height:110px;background:#fff;border-radius:8px}
.house-shape:before{content:"";position:absolute;width:110px;height:110px;background:#fff;transform:rotate(45deg);top:-55px;left:20px;border-radius:8px}
.template-info{padding:26px}
.template-info>div{display:flex;justify-content:space-between;gap:18px;align-items:center}
.template-info p{color:var(--muted);margin:13px 0 17px}
.tag{font-size:.72rem;background:var(--sky);color:var(--blue);font-weight:800;border-radius:999px;padding:6px 10px;white-space:nowrap}
.card-link{font-weight:800;color:var(--blue)}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feature-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}
.feature-icon{font-size:1.7rem;display:block;margin-bottom:18px}
.feature-card p{color:var(--muted);margin:10px 0 0}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.price-card{position:relative;border:1px solid var(--line);border-radius:22px;padding:34px;background:#fff}
.price-card.featured{border:2px solid var(--blue);box-shadow:var(--shadow);transform:scale(1.025)}
.popular{position:absolute;top:0;right:24px;transform:translateY(-50%);background:var(--blue);color:#fff;font-size:.75rem;font-weight:800;border-radius:999px;padding:7px 12px}
.plan-name{font-weight:800;color:var(--blue)}
.price{font-family:Manrope,sans-serif;font-size:2.3rem;font-weight:800;margin:12px 0}
.price small{font-size:.85rem;color:var(--muted)}
.price-card>p{color:var(--muted);min-height:55px}
.price-card ul{list-style:none;padding:0;margin:25px 0}
.price-card li{padding:8px 0;border-bottom:1px solid var(--line)}
.price-card li:before{content:"✓";color:var(--green);font-weight:900;margin-right:9px}
.maintenance-note{margin-top:28px;background:var(--sky);border:1px solid #cfe2ff;border-radius:16px;padding:20px;text-align:center;color:#37506f}
.dark-section{background:var(--navy);color:#fff}
.section-heading.light p,.dark-section .eyebrow{color:#7fb0ff}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.step{padding:28px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11)}
.step span{font-size:.8rem;color:#7fb0ff;font-weight:800}
.step h3{margin:16px 0 9px}
.step p{color:#aab8c8;margin:0}
.testimonial-section{padding:80px 0}
.quote-card{max-width:850px;margin:auto;text-align:center}
.quote-mark{font-family:Georgia,serif;font-size:6rem;color:var(--blue);line-height:.8}
blockquote{font-family:Manrope,sans-serif;font-size:clamp(1.5rem,3vw,2.4rem);font-weight:700;line-height:1.35;margin:15px 0}
.quote-card p{color:var(--muted)}
.contact-section{background:linear-gradient(135deg,#f7faff,#eef5ff)}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}
.contact-grid>div>p{color:var(--muted);font-size:1.05rem}
.contact-details{margin-top:30px;display:grid;gap:18px}
.contact-details div{display:flex;flex-direction:column}
.contact-details span{color:var(--muted)}
.contact-form{background:#fff;padding:32px;border-radius:22px;border:1px solid var(--line);box-shadow:var(--shadow)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:flex;flex-direction:column;font-size:.88rem;font-weight:800;gap:7px;margin-bottom:16px}
input,select,textarea{width:100%;border:1px solid #d8dee8;border-radius:11px;padding:12px 13px;background:#fff;color:var(--text);outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,118,255,.1)}
.form-message{display:none;color:var(--muted);font-size:.82rem;text-align:center;margin:13px 0 0}
footer{background:#08131f;color:#fff;padding:65px 0 22px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:50px}
.footer-brand{margin-bottom:15px}
.footer-grid p{color:#9bacbf;max-width:460px}
.footer-grid h4{margin-bottom:15px}
.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px}
.footer-grid a:not(.brand){color:#a9b6c5}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;color:#8192a6;font-size:.84rem}

@media(max-width:900px){
  .nav{position:absolute;top:76px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:20px;display:none;flex-direction:column;align-items:flex-start}
  .nav.open{display:flex}.menu-btn{display:block}
  .hero-grid,.contact-grid{grid-template-columns:1fr}.hero-showcase{min-height:420px}.hero{padding-top:65px}
  .template-grid,.pricing-grid{grid-template-columns:1fr 1fr}.features-grid{grid-template-columns:1fr 1fr}
  .steps-grid{grid-template-columns:1fr 1fr}.price-card.featured{transform:none}
}
@media(max-width:650px){
  .container{width:min(100% - 26px,1160px)}
  .section{padding:72px 0}.hero{padding:62px 0}.hero-showcase{min-height:330px}
  .main-browser{width:95%}.phone-card{width:118px;height:230px}.preview{min-height:260px;padding:25px}
  .floating-stat{right:0}.logos-strip .container{display:block}.industry-list{gap:15px}
  .section-heading{display:block}.section-heading>p{margin-top:15px}
  .template-grid,.pricing-grid,.features-grid,.steps-grid{grid-template-columns:1fr}
  .template-preview{height:235px}.template-info>div{align-items:flex-start;flex-direction:column}
  .form-row{grid-template-columns:1fr}.contact-form{padding:22px}
  .footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}
}

/* Professional v2 overrides */
body{font-family:'DM Sans',sans-serif}.brand small{display:block;font-size:.48rem;letter-spacing:.2em;color:#718096}.hero-pro{padding:105px 0 90px;background:radial-gradient(circle at 83% 20%,rgba(66,133,255,.16),transparent 25%),linear-gradient(145deg,#f8fbff,#edf4ff);overflow:hidden}.hero-pro-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.hero-lead{font-size:1.17rem;color:#607087;max-width:670px;margin:25px 0 30px}.btn-ghost{background:#fff;border:1px solid #dce4ef;color:#10243d}.proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.proof-row div{border-left:2px solid #2476ff;padding-left:13px}.proof-row strong,.proof-row span{display:block}.proof-row span{font-size:.78rem;color:#718096;margin-top:3px}.dashboard-wrap{position:relative;min-height:510px}.dash-card{position:absolute;right:0;top:25px;width:94%;background:#fff;border:1px solid #dae4f0;border-radius:24px;box-shadow:0 35px 80px rgba(21,49,82,.18);overflow:hidden}.dash-bar{height:45px;background:#f3f6fa;display:flex;align-items:center;gap:7px;padding:0 17px}.dash-bar span{width:9px;height:9px;border-radius:50%;background:#b9c5d3}.dash-bar b{margin-left:10px;font-size:.75rem}.dash-body{display:grid;grid-template-columns:55px 1fr;min-height:360px}.dash-body aside{background:#10243d;display:flex;align-items:center;flex-direction:column;gap:22px;padding-top:25px}.dash-body aside i{width:17px;height:17px;border-radius:5px;background:rgba(255,255,255,.25)}.dash-body section{padding:26px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-row div{background:#f7f9fc;padding:14px;border-radius:12px}.metric-row small,.metric-row strong,.metric-row em{display:block}.metric-row strong{font-size:1.55rem}.metric-row em{font-size:.68rem;color:#20a879}.chart{height:120px;display:flex;gap:10px;align-items:end;margin:25px 0;border-bottom:1px solid #dfe6ee}.chart span{flex:1;background:linear-gradient(#5a96ff,#2476ff);border-radius:5px 5px 0 0}.activity{font-size:.75rem}.activity p{background:#f7f9fc;padding:8px;margin:7px 0;border-radius:8px}.phone-preview{position:absolute;left:-15px;bottom:0;width:155px;height:300px;padding:28px 14px 15px;background:#fff;border:7px solid #10243d;border-radius:28px;box-shadow:0 25px 55px rgba(13,27,42,.25);z-index:3}.phone-top{position:absolute;top:0;left:45px;width:55px;height:13px;background:#10243d;border-radius:0 0 8px 8px}.phone-preview b,.phone-preview span{display:block}.phone-preview span{font-size:.7rem;color:#718096;margin:8px 0 15px}.phone-option{height:43px;border:1px solid #dce5ef;border-radius:8px;margin:8px 0}.phone-preview button{width:100%;border:0;background:#2476ff;color:#fff;border-radius:8px;padding:9px;margin-top:10px}.status-chip{position:absolute;right:-15px;bottom:30px;background:#fff;padding:12px 15px;border-radius:99px;box-shadow:0 10px 25px rgba(0,0,0,.12);font-size:.8rem;color:#16865c}.trust-strip{padding:25px 0;border-top:1px solid #e5ebf2;border-bottom:1px solid #e5ebf2}.trust-strip .container{display:flex;gap:30px;align-items:center;flex-wrap:wrap;color:#506076}.trust-strip span{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.portfolio-card{border:1px solid #e3e9f0;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 12px 35px rgba(20,43,70,.06);transition:.25s}.portfolio-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(20,43,70,.13)}.portfolio-card.hidden{display:none}.portfolio-visual{display:block;height:310px;position:relative;overflow:hidden;padding:32px}.visual-headlight{background:radial-gradient(circle at 77% 65%,#bbf4ff 0 7%,#30b8f2 8% 16%,#0c477e 25%,#061c34 58%)}.visual-auto-detail{background:linear-gradient(135deg,#081423,#224b78)}.visual-landscaping{background:linear-gradient(160deg,#bde8ff 0 45%,#78b96d 46% 70%,#376e46 71%)}.visual-plumbing{background:linear-gradient(135deg,#006ed1,#00badc)}.visual-barber{background:repeating-linear-gradient(45deg,#151515 0 45px,#9c793a 45px 90px)}.visual-salon{background:linear-gradient(135deg,#f3dff2,#a861a3)}.visual-restaurant{background:radial-gradient(circle at 72% 55%,#f4c44f 0 12%,#c75d33 13% 26%,#50301e 27% 55%,#251812 56%)}.visual-realtor{background:linear-gradient(150deg,#c9e7f5 0 47%,#fff 48% 59%,#587d96 60%)}.project-num{position:absolute;right:22px;top:18px;color:rgba(255,255,255,.55);font-weight:800}.site-frame{width:78%;height:88%;background:rgba(255,255,255,.95);border-radius:14px;padding:18px;box-shadow:0 20px 40px rgba(0,0,0,.2);transform:rotate(-2deg)}.site-top{height:8px;width:42%;background:#cbd6e3;border-radius:5px}.site-copy{height:35px;width:67%;background:#15304d;border-radius:7px;margin-top:42px;box-shadow:0 15px 0 -10px #8ea0b2,0 29px 0 -10px #a7b5c3}.site-cta{width:90px;height:29px;background:#2476ff;border-radius:7px;margin-top:55px}.site-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:28px}.site-panels i{height:42px;background:#e7edf4;border-radius:8px}.open-demo{position:absolute;right:18px;bottom:18px;background:#fff;padding:10px 14px;border-radius:99px;font-weight:700;font-size:.8rem;box-shadow:0 8px 20px rgba(0,0,0,.15)}.portfolio-info{padding:25px}.portfolio-info>div{display:flex;justify-content:space-between;gap:15px}.portfolio-info span{font-size:.72rem;color:#2476ff;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.portfolio-info p{color:#68788d}.portfolio-info a{font-weight:800;color:#2476ff}.dark-pro{background:#091725;color:#fff}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.solution{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);border-radius:20px;padding:27px}.solution.large{grid-row:span 2}.solution span{font-size:.72rem;color:#7fb0ff}.solution p{color:#a9b7c6}.mini-ui{background:#fff;color:#13263d;border-radius:14px;padding:15px;margin-top:24px}.mini-ui b,.mini-ui i{display:block}.mini-ui i{font-style:normal;background:#f2f6fa;padding:10px;margin:8px 0;border-radius:8px;font-size:.8rem}.mini-ui em{float:right;font-style:normal}.mini-ui button{border:0;background:#2476ff;color:#fff;padding:10px;border-radius:8px;width:100%}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative}.timeline:before{content:'';position:absolute;left:8%;right:8%;top:24px;height:2px;background:#dbe4ee}.timeline>div{position:relative;text-align:center}.timeline b{display:grid;place-items:center;width:48px;height:48px;background:#2476ff;color:#fff;border-radius:50%;margin:0 auto 22px;position:relative;z-index:2}.timeline p{color:#6b7b8e}.contact-points{display:grid;gap:11px;margin-top:25px;color:#465a70}.footer-pro{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-pro>div{display:flex;flex-direction:column;gap:10px}.footer-pro p,.footer-pro a{color:#9dafc0}@media(max-width:900px){.hero-pro-grid{grid-template-columns:1fr}.dashboard-wrap{min-height:470px}.portfolio-grid{grid-template-columns:1fr}.solution-grid{grid-template-columns:1fr 1fr}.solution.large{grid-row:auto}.timeline{grid-template-columns:1fr 1fr}.timeline:before{display:none}}@media(max-width:620px){.proof-row,.solution-grid,.timeline,.footer-pro{grid-template-columns:1fr}.dashboard-wrap{min-height:365px}.dash-card{width:100%}.dash-body{grid-template-columns:40px 1fr;min-height:285px}.dash-body section{padding:14px}.phone-preview{display:none}.status-chip{right:5px}.portfolio-visual{height:240px}.site-frame{width:92%}.portfolio-info>div{display:block}}