:root{--navy:#102d45;--navy-2:#0b2236;--navy-3:#173c59;--blue:#1474a8;--cyan:#19a7cf;--cyan-2:#54c7e5;--sky:#eaf6fb;--pale:#f5f8fb;--white:#fff;--text:#243746;--muted:#607584;--line:#dce7ed;--green:#2f9a78;--amber:#d7962f;--shadow:0 20px 55px rgba(9,37,58,.12);--radius:22px;--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.62;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.narrow{max-width:840px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.prototype-banner{height:30px;background:#071925;color:#b9d8e8;text-align:center;font-size:12px;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;position:relative;z-index:1001}.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(16,45,69,.08);transition:.25s}.site-header.scrolled{box-shadow:0 10px 30px rgba(8,33,51,.08)}.nav-wrap{height:78px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:11px;flex:none}.brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,var(--cyan),var(--blue));display:grid;place-items:center;color:white;font-weight:800;font-size:20px;box-shadow:0 8px 18px rgba(20,116,168,.25)}.brand-name{font-weight:800;letter-spacing:.12em;color:var(--navy);font-size:18px}.brand-name span{color:var(--cyan)}.site-nav{display:flex;align-items:center;gap:6px;margin-left:auto}.site-nav>a,.nav-dropdown>button{border:0;background:transparent;color:#334c5d;padding:12px 14px;border-radius:10px;font-weight:650;cursor:pointer}.site-nav>a:hover,.nav-dropdown>button:hover,.site-nav [aria-current="page"]{color:var(--blue);background:var(--sky)}.nav-dropdown{position:relative}.nav-dropdown>button{display:inline-flex;align-items:center;gap:5px}.nav-caret{display:inline-flex;align-items:center;line-height:1;margin-left:2px}.nav-caret svg{width:12px;height:12px;display:block}.dropdown-menu{position:absolute;top:calc(100% + 12px);right:-130px;width:420px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s}.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu,.nav-dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:none}.dropdown-menu a{display:block;padding:13px 15px;border-radius:12px}.dropdown-menu a:hover{background:var(--pale)}.dropdown-menu b{display:block;color:var(--navy);font-size:14px}.dropdown-menu small{display:block;color:var(--muted);margin-top:2px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 19px;border-radius:11px;font-weight:750;border:1px solid transparent;transition:.2s;cursor:pointer}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 12px 26px rgba(20,116,168,.24)}.button-secondary{border-color:#b8ceda;color:var(--navy);background:#fff}.button-header{padding:11px 17px;background:var(--navy);color:#fff}.button-light{background:#fff;color:var(--navy)}.button-ghost{border-color:rgba(255,255,255,.35);color:#fff}.menu-toggle{display:none;margin-left:auto;width:44px;height:44px;border:0;background:transparent;padding:10px}.menu-toggle span:not(.sr-only){display:block;height:2px;background:var(--navy);margin:5px 0;border-radius:2px}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero,.page-hero{position:relative;overflow:hidden;background:linear-gradient(145deg,#f8fcfe 0%,#edf7fb 48%,#fff 100%)}.hero:before,.page-hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(25,167,207,.15),rgba(25,167,207,0) 68%);right:-160px;top:-180px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.95fr);gap:70px;align-items:center}.hero-home .hero-grid{min-height:650px;padding-block:70px}.page-hero .hero-grid{min-height:540px;padding-block:70px}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}.eyebrow:before{content:"";width:26px;height:2px;background:var(--cyan);border-radius:3px}h1,h2,h3{color:var(--navy);line-height:1.12;margin:0 0 18px;letter-spacing:-.025em}h1{font-size:clamp(32px,5vw,58px);max-width:850px}h2{font-size:clamp(32px,3.2vw,47px)}h3{font-size:21px}.hero-lead{font-size:19px;color:#4d6575;max-width:720px;margin:0}.hero-proof{margin-top:34px;padding-left:16px;border-left:3px solid var(--cyan);display:flex;gap:10px;align-items:baseline}.hero-proof strong{font-size:22px;color:var(--navy)}.hero-proof span{color:var(--muted)}.hero-visual{position:relative}.visual-frame{position:relative;border-radius:var(--radius);padding:10px;background:rgba(255,255,255,.85);box-shadow:0 35px 90px rgba(16,45,69,.2);border:1px solid rgba(255,255,255,.8)}.visual-frame:after{content:"";position:absolute;inset:18% -6% -8% 18%;background:linear-gradient(135deg,rgba(25,167,207,.22),rgba(20,116,168,.02));filter:blur(30px);z-index:-1}.visual-frame img{border-radius:15px;width:100%;aspect-ratio:16/10;object-fit:cover}.visual-caption{position:absolute;left:26px;bottom:24px;background:rgba(5,27,42,.86);color:#dff6ff;padding:9px 12px;border-radius:9px;font-size:12px;display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;background:#3bddae;box-shadow:0 0 0 4px rgba(61,221,174,.15)}
.section{padding:100px 0}.section-light{background:var(--pale)}.section-dark{background:linear-gradient(145deg,var(--navy-2),var(--navy-3));color:#c9dbe5}.section-heading{max-width:660px}.section-heading.centered{text-align:center;margin:0 auto 54px;max-width:800px}.section-heading p{color:var(--muted);font-size:18px;margin:0}.section-heading.light h2{color:#fff}.section-heading.light p{color:#c4d7e1}.cards{display:grid;gap:20px}.cards-four{grid-template-columns:repeat(4,1fr)}.cards-five{grid-template-columns:repeat(5,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 12px 35px rgba(15,54,78,.06)}.solution-card{min-height:315px;display:flex;flex-direction:column}.solution-card p{color:var(--muted);margin:0 0 22px}.icon-wrap{width:48px;height:48px;border-radius:14px;background:var(--sky);color:var(--blue);display:grid;place-items:center;margin-bottom:24px}.icon{width:24px;height:24px}.text-link{margin-top:auto;color:var(--blue);font-weight:750}.text-link span{transition:.2s}.text-link:hover span{margin-left:4px}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.align-start{align-items:start}.benefit-list{display:grid;gap:12px}.benefit{display:grid;grid-template-columns:48px 1fr;gap:17px;align-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);padding:18px;border-radius:15px}.benefit>span{width:44px;height:44px;border-radius:12px;background:rgba(84,199,229,.15);color:var(--cyan-2);display:grid;place-items:center}.benefit p{margin:0;color:#e2edf3}.experience-panel{border:1px solid var(--line);border-radius:var(--radius);padding:52px;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;box-shadow:var(--shadow);background:#fff}.experience-panel p{color:var(--muted);font-size:17px}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.proof-item{background:var(--pale);border-radius:14px;padding:20px}.proof-item strong{display:block;color:var(--blue);font-size:21px;margin-bottom:6px}.proof-item span{color:var(--muted);font-size:14px}.video-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.video-placeholder{min-height:365px;border-radius:var(--radius);background:linear-gradient(135deg,#102d45,#1b567a);position:relative;overflow:hidden;display:grid;place-items:center;box-shadow:var(--shadow)}.video-placeholder:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(84,199,229,.3),transparent 42%),linear-gradient(115deg,transparent 45%,rgba(255,255,255,.05) 45% 46%,transparent 46%)}.play-button{position:relative;z-index:2;width:78px;height:78px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.16);backdrop-filter:blur(8px);color:#fff;font-size:24px;cursor:pointer}.video-label,.video-note{position:absolute;left:24px;color:#fff}.video-label{bottom:44px;font-weight:700}.video-note{bottom:23px;color:#bcd4df;font-size:12px}.cta-section{padding:80px 0;background:#fff}.cta-panel{background:linear-gradient(135deg,var(--blue),#0c496e);color:#fff;border-radius:var(--radius);padding:54px;display:flex;align-items:center;justify-content:space-between;gap:50px;box-shadow:0 25px 60px rgba(20,116,168,.24)}.cta-panel h2{color:#fff;max-width:720px}.cta-panel p{color:#d9eef7;max-width:720px;margin:0}.cta-panel .eyebrow{color:#bfeeff}.cta-panel .eyebrow:before{background:#fff}.cta-panel .button-row{margin:0;flex:none}
.page-hero{background:linear-gradient(145deg,#f6fbfd,#eef7fa)}.page-hero-about .hero-grid,.page-hero-product .hero-grid,.page-hero-mobile .hero-grid,.page-hero-self .hero-grid{grid-template-columns:.9fr 1.1fr}.about-visual{height:430px;position:relative}.about-visual svg{position:absolute;inset:0;width:100%;height:100%;z-index:0}.about-visual path{stroke:#83cfe3;stroke-width:2;stroke-dasharray:7 8}.orb{position:absolute;z-index:2;border-radius:50%;display:grid;place-items:center;text-align:center;color:var(--navy);font-size:13px;font-weight:800;background:#fff;border:1px solid #cae4ed;box-shadow:0 15px 35px rgba(20,116,168,.12)}.orb-main{width:140px;height:140px;left:calc(50% - 70px);top:calc(50% - 70px);font-size:38px;color:#fff;background:linear-gradient(145deg,var(--blue),var(--cyan));border:0}.orb-main span{display:block;font-size:12px;letter-spacing:.08em}.orb-a,.orb-b,.orb-c,.orb-d{width:112px;height:112px}.orb-a{left:30px;top:35px}.orb-b{right:25px;top:35px}.orb-c{left:30px;bottom:25px}.orb-d{right:25px;bottom:25px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-item{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start}.check-item>span{width:28px;height:28px;border-radius:8px;background:#e4f6f0;color:var(--green);display:grid;place-items:center}.check-item .icon{width:16px;height:16px}.check-item p{margin:2px 0 0}.process-steps{list-style:none;padding:0;margin:50px 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:steps}.process-steps li{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px;min-height:190px}.process-steps li:not(:last-child):after{content:"→";position:absolute;right:-13px;top:34px;z-index:2;color:var(--cyan);font-size:22px}.process-steps span,.reason-card>span{font-size:12px;color:var(--cyan);font-weight:800;letter-spacing:.12em}.process-steps p{margin:24px 0 0}.reason-card{padding:22px;min-height:190px}.reason-card p{font-size:14px;color:var(--muted)}.reason-card strong{color:var(--navy)}
.feature-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:center}.feature-reverse .feature-copy{order:2}.feature-reverse .feature-visual{order:1}.feature-copy>p{color:var(--muted);font-size:17px}.check-list{display:grid;gap:10px;margin-top:26px}.feature-visual{min-width:0}.ui-mock{position:relative;background:#fff;border:1px solid #cfe0e8;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);color:#334b5a;min-height:390px}.ui-top{height:48px;background:var(--navy);color:#d7e8f1;display:flex;align-items:center;gap:10px;padding:0 17px;font-size:12px}.ui-brand-dot{width:18px;height:18px;border-radius:6px;background:linear-gradient(145deg,var(--cyan),var(--blue))}.ui-actions{margin-left:auto;width:80px;height:8px;border-radius:5px;background:rgba(255,255,255,.15)}.ui-layout,.workflow-body{display:grid;grid-template-columns:130px 1fr;min-height:338px}.ui-layout aside,.workflow-body aside{background:#f1f6f8;padding:18px 12px;display:flex;flex-direction:column;gap:8px;font-size:9px}.ui-layout aside b,.workflow-body aside strong{color:var(--navy);font-size:11px;margin-bottom:8px}.ui-layout aside span,.workflow-body aside span{padding:7px;border-radius:6px}.ui-layout aside .active,.workflow-body aside .active{background:#dceff6;color:var(--blue);font-weight:700}.ui-layout main{padding:18px}.ui-title{display:flex;justify-content:space-between}.ui-title small,.ui-metrics small,.portfolio-metrics small{display:block;color:#7b8f9b;font-size:8px}.ui-title strong{font-size:16px;color:var(--navy)}.ui-chip{font-size:8px;background:#e0f4ee;color:var(--green);padding:5px 8px;border-radius:12px;height:max-content}.ui-metrics,.portfolio-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.ui-metrics>div,.portfolio-metrics>div{background:#f4f8fa;border:1px solid #e4edf1;border-radius:8px;padding:10px}.ui-metrics strong,.portfolio-metrics strong{display:block;color:var(--navy);font-size:12px}.ui-chart{height:92px;display:flex;align-items:end;gap:8px;padding:8px 12px;background:linear-gradient(#fff,#f8fbfc);border:1px solid #e5edf1;border-radius:9px}.ui-chart span{flex:1;background:linear-gradient(var(--cyan),var(--blue));border-radius:4px 4px 1px 1px;opacity:.8}.ui-table,.queue-table{margin-top:12px;font-size:8px}.ui-table>div,.queue-table>div{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:8px;padding:7px;border-bottom:1px solid #edf2f4}.ui-table>div:first-child{color:#6d818c}.placeholder-tag{position:absolute;bottom:0;left:0;right:0;background:rgba(11,34,54,.92);color:#cde5ef;font-size:9px;padding:7px 12px;text-align:center;letter-spacing:.03em}.portfolio-metrics{padding:14px 16px;margin:0}.portfolio-metrics em{display:block;font-style:normal;font-size:7px;color:#9aaab3}.portfolio-body{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;padding:10px 18px 42px}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--cyan) 0 84%,#e7eff2 84%);display:grid;place-items:center;margin:auto}.donut:before{content:"";width:104px;height:104px;border-radius:50%;background:#fff;position:absolute}.donut div{position:relative;text-align:center}.donut strong{display:block;color:var(--navy);font-size:24px}.donut span{font-size:9px}.bar-panel{padding-top:10px}.bar-panel>div{margin:13px 0}.bar-panel span{display:block;font-size:8px;margin-bottom:4px}.bar-panel i{display:block;height:10px;border-radius:5px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.workflow-toolbar{display:flex;gap:5px;margin-left:auto}.workflow-toolbar i{width:20px;height:16px;border-radius:4px;background:rgba(255,255,255,.14)}.flow-area{position:relative;background-color:#fbfdfe;background-image:radial-gradient(#d7e7ee 1px,transparent 1px);background-size:18px 18px;overflow:hidden}.flow-area svg{position:absolute;inset:0;width:100%;height:100%;z-index:0}.flow-area path{fill:none;stroke:#6bbbd4;stroke-width:2}.flow-node{position:absolute;z-index:2;width:112px;border:1px solid #bdd8e3;background:#fff;border-radius:9px;padding:9px;box-shadow:0 6px 15px rgba(15,54,78,.09)}.flow-node small{display:block;color:var(--cyan);font-size:7px;text-transform:uppercase}.flow-node b{font-size:9px;color:var(--navy)}.flow-node.n1{left:20px;top:48px}.flow-node.n2{left:160px;top:118px}.flow-node.n3{left:300px;top:118px}.flow-node.n4{right:80px;top:48px}.flow-node.n5{right:28px;bottom:63px}.queue-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px}.queue-summary div{background:#f4f8fa;padding:10px;border-radius:8px}.queue-summary strong{display:block;color:var(--navy);font-size:18px}.queue-summary span{font-size:8px}.queue-table{padding:0 16px 38px}.queue-table>div{grid-template-columns:1fr 1.4fr .7fr .8fr;font-size:8px}.queue-table .head{color:#7d909b;background:#f5f8fa}.queue-table em{font-style:normal;padding:3px 5px;border-radius:7px;text-align:center}.queue-table .amber{background:#fff0d7;color:#a36c16}.queue-table .blue{background:#def1f8;color:#14648c}.queue-table .green{background:#e2f4ed;color:#297b61}
.phone-stage{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:18px;min-height:480px;padding:25px 20px 46px;background:radial-gradient(circle at 50% 40%,#dff3f9,#f7fbfc 62%);border-radius:20px;border:1px solid var(--line)}.phone{width:190px;height:390px;border:9px solid #142e40;border-radius:30px;background:#fff;position:relative;box-shadow:0 22px 40px rgba(12,45,66,.18);overflow:hidden}.phone-stage .phone:nth-child(2){transform:translateY(-22px)}.three-phones .phone{width:150px;height:315px;border-width:7px;border-radius:24px}.two-phones .phone{width:175px;height:360px}.single-phone .phone{width:200px;height:410px}.phone-speaker{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:42px;height:5px;border-radius:5px;background:#345063;z-index:3}.phone-screen{position:absolute;inset:0;background:#f7fafb;padding:23px 10px 10px;font-size:8px}.phone-home{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);height:3px;width:50px;border-radius:4px;background:#516978}.mobile-top{height:32px;background:var(--navy);color:#fff;margin:-23px -10px 10px;padding:10px;display:flex;align-items:center;gap:6px}.mobile-top span{width:15px;height:15px;border-radius:5px;background:var(--cyan);display:grid;place-items:center;font-size:7px}.mobile-avatar{width:40px;height:40px;border-radius:50%;background:#dbeaf0;margin:12px auto}.mobile-field,.mobile-search{height:24px;background:#fff;border:1px solid #dbe6eb;border-radius:5px;margin:8px 0}.mobile-field.w80{width:80%}.mobile-field.w60{width:60%}.phone button{display:block;width:100%;border:0;background:var(--blue);color:#fff;border-radius:6px;padding:8px;margin-top:12px;font-size:8px}.doc-scan{height:130px;border:2px dashed #9fc8d7;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#5d8293}.doc-scan span{font-size:26px}.mobile-row{display:flex;gap:6px}.mobile-row i{height:28px;flex:1;background:#fff;border:1px solid #dde8ec;border-radius:5px}.mobile-check{width:45px;height:45px;margin:15px auto;border-radius:50%;background:#e0f4ed;color:var(--green);display:grid;place-items:center;font-size:22px}.phone h4{text-align:center;color:var(--navy);margin:8px}.mini-list span{display:block;background:#fff;border-bottom:1px solid #e8eff2;padding:8px}.account-list p{display:grid;grid-template-columns:28px 1fr;gap:7px;background:#fff;border-radius:7px;padding:7px}.account-list p>b{width:25px;height:25px;border-radius:50%;background:#dceff5;display:grid;place-items:center;color:var(--blue)}.account-list p span{font-weight:700}.account-list p small{display:block;color:#8aa0ac;font-weight:400}.mobile-select{background:#fff;border:1px solid #dbe6eb;padding:8px;border-radius:5px;margin:12px 0}.balance-card{background:linear-gradient(145deg,var(--blue),var(--cyan));color:#fff;border-radius:9px;padding:14px;margin-top:8px}.balance-card strong{display:block;font-size:18px}.balance-card span{display:block;opacity:.85;margin-top:10px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0}.quick-actions i{font-style:normal;background:#fff;border:1px solid #dce7ec;padding:9px 4px;text-align:center;border-radius:6px}.channel-row{display:flex;align-items:center;justify-content:center;gap:12px;min-height:260px;padding:30px;background:linear-gradient(145deg,#fff,#edf7fa);border:1px solid var(--line);border-radius:20px}.channel-row div{width:120px;min-height:110px;border-radius:15px;background:#fff;border:1px solid #d6e6ed;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;box-shadow:0 10px 25px rgba(16,45,69,.06)}.channel-row div span{width:32px;height:32px;border-radius:10px;background:var(--sky);color:var(--blue);display:grid;place-items:center;font-weight:800;margin-bottom:10px}.channel-row div b{font-size:11px;color:var(--navy)}.channel-row>i{font-style:normal;color:var(--cyan);font-size:22px}.self-stage{position:relative;min-height:440px}.browser-mock{position:relative;background:#fff;border:1px solid #cfe0e8;border-radius:15px;overflow:hidden;box-shadow:var(--shadow);min-height:370px}.browser-bar{height:35px;background:#e8eff3;display:flex;align-items:center;gap:5px;padding:0 10px;font-size:8px;color:#607985}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#a9bac3}.browser-bar span{margin-left:12px;background:#fff;border-radius:5px;padding:4px 30px}.portal-layout{display:grid;grid-template-columns:100px 1fr;min-height:335px}.portal-layout aside{background:var(--navy);color:#9fc4d6;padding:14px 9px;display:flex;flex-direction:column;gap:7px;font-size:8px}.portal-layout aside strong{width:25px;height:25px;border-radius:7px;background:var(--cyan);display:grid;place-items:center;color:#fff;margin-bottom:10px}.portal-layout aside span{padding:6px;border-radius:5px}.portal-layout aside .active{background:rgba(255,255,255,.12);color:#fff}.portal-layout main{padding:20px}.portal-layout main>small{color:#72909e}.portal-layout main h3{font-size:18px}.status-step{display:flex;align-items:center}.status-step b{width:28px;height:28px;border-radius:50%;border:2px solid #b9d6e1;display:grid;place-items:center;color:#7794a2;font-size:9px}.status-step b.done{background:var(--green);border-color:var(--green);color:#fff}.status-step i{flex:1;height:2px;background:#bed6df}.status-labels{display:flex;justify-content:space-between;font-size:7px;color:#758d99;margin-top:5px}.portal-card{margin-top:22px;background:#eef8fb;border-left:3px solid var(--cyan);padding:14px;border-radius:7px}.portal-card strong{color:var(--navy);font-size:10px}.portal-card p{font-size:8px;margin:5px 0}.self-stage>.phone{position:absolute;right:-20px;bottom:-25px;width:155px;height:320px;z-index:4}.self-stage .browser-mock{margin-right:70px}
.page-hero-contact{text-align:center;padding:100px 0 80px}.page-hero-contact p{font-size:19px;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:start}.form-card,.contact-card{border:1px solid var(--line);border-radius:var(--radius);padding:38px;background:#fff;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{font-size:13px;font-weight:700;color:var(--navy)}.form-grid label>span{color:#c14c4c}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;margin-top:7px;border:1px solid #cbdce4;border-radius:9px;padding:12px;background:#fbfdfe;color:var(--text);outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(25,167,207,.12)}.form-grid .invalid{border-color:#c64c4c}.checkbox-label{display:flex;align-items:flex-start;gap:10px;font-weight:500!important}.checkbox-label input{width:18px;margin-top:4px}.checkbox-label a{color:var(--blue);text-decoration:underline}.form-status{margin:18px 0}.form-status.success{background:#e4f5ee;color:#23745a;padding:12px;border-radius:8px}.form-status.error{background:#fff0ef;color:#a23e38;padding:12px;border-radius:8px}.prototype-note{font-size:11px;color:#80939e}.contact-card{background:linear-gradient(145deg,var(--navy),#173f5b);color:#d9e8ef}.contact-card h2{color:#fff}.contact-card .eyebrow{color:#8fe5f7}.contact-item{display:grid;grid-template-columns:40px 1fr;gap:12px;margin:22px 0}.contact-item>span{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.09);color:var(--cyan-2);display:grid;place-items:center}.contact-item strong{color:#fff}.contact-item p{margin:3px 0;color:#c8dce5}.contact-map{height:180px;border-radius:14px;background:linear-gradient(30deg,rgba(255,255,255,.06) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.06) 87.5%),linear-gradient(150deg,rgba(255,255,255,.06) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.06) 87.5%),linear-gradient(30deg,rgba(255,255,255,.06) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.06) 87.5%);background-size:38px 66px;display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;margin-top:30px}.map-pin{width:42px;height:42px;border-radius:50% 50% 50% 0;background:var(--cyan);transform:rotate(-45deg);display:grid;place-items:center;font-weight:800}.map-pin::first-letter{transform:rotate(45deg)}.legal-placeholder{background:#fff8e7;color:#6b5929;padding:16px 0;font-size:13px}
.site-footer{background:#071c2b;color:#a9c0cd;padding-top:70px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:55px;padding-bottom:50px}.brand-light .brand-name{color:#fff}.footer-brand p{max-width:360px}.footer-brand strong{color:#fff}.site-footer h3{color:#fff;font-size:15px;margin-bottom:16px}.site-footer a{display:block;margin:9px 0;color:#b8ced9;font-size:14px}.site-footer a:hover{color:#fff}.site-footer .footer-cta{color:var(--cyan-2);font-weight:750;margin-top:20px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;display:flex;justify-content:space-between;font-size:12px}.footer-powered{border-top:1px solid rgba(255,255,255,.06);padding:12px 0 24px;text-align:center;font-size:12px;color:#8aa4b2}.footer-powered a{display:inline;margin:0;color:var(--cyan-2)}.footer-powered a:hover{color:#fff}.toast{position:fixed;right:20px;bottom:20px;background:var(--navy);color:#fff;padding:13px 18px;border-radius:10px;box-shadow:var(--shadow);opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s;z-index:2000}.toast.show{opacity:1;transform:none}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay,.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.18s}.reveal-delay-3{transition-delay:.26s}


/* LMS lifecycle section */
.lifecycle-panel{background:linear-gradient(160deg,#fff,#eef7fb);border:1px solid #d6e6ed;border-radius:24px;box-shadow:var(--shadow);padding:28px}
.lifecycle-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;align-items:stretch}
.lifecycle-step{position:relative;background:#fff;border:1px solid #d7e6ed;border-radius:18px;padding:18px;box-shadow:0 10px 24px rgba(16,45,69,.05)}
.lifecycle-step:not(:last-child):after{content:"→";position:absolute;right:-12px;top:50%;transform:translateY(-50%);font-weight:800;font-size:22px;color:var(--cyan)}
.lifecycle-step strong{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--sky);color:var(--blue);font-size:15px;margin-bottom:14px}
.lifecycle-step h3{font-size:16px;margin-bottom:10px}
.lifecycle-step p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.lifecycle-note{margin-top:16px;display:flex;justify-content:center}
.lifecycle-note>div{max-width:860px;background:#fff;border:1px solid #d7e6ed;border-radius:16px;padding:14px 18px;text-align:center;box-shadow:0 10px 24px rgba(16,45,69,.05)}
.lifecycle-note b{display:block;color:var(--navy);font-size:14px;margin-bottom:4px}
.lifecycle-note span{color:var(--muted);font-size:13px;line-height:1.55}
@media(max-width:1200px){.lifecycle-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.lifecycle-step:nth-child(3):after{display:none}}
@media(max-width:820px){.lifecycle-steps{grid-template-columns:1fr}.lifecycle-step:after{display:none}}

@media(max-width:1050px){.cards-four{grid-template-columns:1fr 1fr}.cards-five{grid-template-columns:repeat(3,1fr)}.hero-grid,.page-hero-about .hero-grid,.page-hero-product .hero-grid,.page-hero-mobile .hero-grid,.page-hero-self .hero-grid{grid-template-columns:1fr;gap:45px}.hero-home .hero-grid,.page-hero .hero-grid{padding-block:60px}.hero-copy{max-width:780px}.hero-visual{max-width:760px}.feature-grid{grid-template-columns:1fr;gap:45px}.feature-reverse .feature-copy,.feature-reverse .feature-visual{order:initial}.feature-visual{max-width:800px}.process-steps{grid-template-columns:repeat(3,1fr)}.process-steps li:after{display:none}.footer-grid{grid-template-columns:1fr 1fr}.button-header{display:none}}
@media(max-width:820px){.prototype-banner{font-size:10px}.nav-wrap{height:68px}.menu-toggle{display:block}.site-nav{position:absolute;left:20px;right:20px;top:calc(100% + 8px);display:none;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:var(--shadow)}.site-nav.open{display:flex}.site-nav>a,.nav-dropdown>button{text-align:left;width:100%}.dropdown-menu{position:static;width:auto;box-shadow:none;border:0;padding:4px 8px;opacity:1;visibility:visible;transform:none;display:none}.nav-dropdown.open .dropdown-menu{display:block}.hero-home .hero-grid{min-height:auto}.split-grid,.experience-panel,.video-grid,.contact-grid{grid-template-columns:1fr}.experience-panel{padding:35px}.cta-panel{display:block;padding:38px}.cta-panel .button-row{margin-top:25px}.feature-grid{grid-template-columns:1fr}.cards-five{grid-template-columns:1fr 1fr}.process-steps{grid-template-columns:1fr 1fr}.phone-stage{overflow:hidden}.three-phones{gap:5px}.three-phones .phone{width:32%;min-width:120px}.channel-row{flex-wrap:wrap}.channel-row>i{display:none}.footer-grid{gap:35px}}
@media(max-width:600px){.container{width:min(100% - 28px,var(--container))}.prototype-banner{height:26px}.brand-name{font-size:16px}.brand-mark{width:34px;height:34px}.section{padding:70px 0}.page-hero-contact{padding:70px 0 55px}.cards-four,.cards-five,.check-grid,.proof-grid,.form-grid,.process-steps{grid-template-columns:1fr}.card{padding:24px}.experience-panel{padding:25px}.hero-grid{gap:32px}.hero-home .hero-grid,.page-hero .hero-grid{padding-block:45px}.hero-lead{font-size:17px}.cta-section{padding:55px 0}.cta-panel{padding:30px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin:5px 0}.ui-layout,.workflow-body{grid-template-columns:85px 1fr}.flow-node{width:83px;padding:6px}.flow-node.n2{left:110px}.flow-node.n3{left:205px}.flow-node.n4{right:35px}.flow-node.n5{right:10px}.phone-stage{min-height:430px;padding-inline:5px}.phone-stage-hero .phone{width:145px;height:320px}.three-phones .phone{min-width:102px;height:285px}.two-phones .phone{width:145px}.self-stage>.phone{right:-5px;width:130px}.self-stage .browser-mock{margin-right:35px}.portal-layout{grid-template-columns:70px 1fr}.channel-row div{width:100px}.form-card,.contact-card{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}


/* --- Revision 2: official logo + richer prototype diagrams --- */
.brand{display:inline-flex;align-items:center;gap:0;max-width:310px}
.brand-logo{display:block;width:100%;height:auto;max-height:48px}
.site-footer .brand{background:rgba(255,255,255,.06);padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);max-width:260px}
.platform-map,.product-config-panel,.recon-flow,.journey-diagram,.doc-center,.whatsapp-journey{background:linear-gradient(160deg,#fff,#eef7fb);border:1px solid #d6e6ed;border-radius:24px;box-shadow:var(--shadow)}
.platform-map{padding:22px;min-height:470px;display:flex;flex-direction:column;gap:18px}
.platform-channels{display:flex;flex-wrap:wrap;gap:10px}
.channel-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;background:#fff;border:1px solid #d3e3ea;color:var(--navy)}
.channel-pill i{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;font-style:normal;background:var(--sky);color:var(--blue);font-size:11px}
.channel-pill.whatsapp{border-color:#bfe8cd;background:#f4fff8;color:#137c48}.channel-pill.whatsapp i{background:#25d366;color:#fff}
.platform-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:14px;align-items:stretch;min-height:360px}
.platform-node,.platform-core{background:#fff;border:1px solid #d7e6ed;border-radius:18px;padding:18px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 10px 28px rgba(16,45,69,.06)}
.platform-node b,.platform-core strong{display:block;color:var(--navy);font-size:17px;margin-bottom:6px}
.platform-node span,.platform-core span{color:var(--muted);font-size:13px;line-height:1.4}
.platform-core{grid-column:2;grid-row:2;position:relative;background:linear-gradient(145deg,#102d45,#1a547b);color:#fff;border-color:#1b5f89}
.platform-core strong,.platform-core span{color:#fff}
.platform-core:before,.platform-core:after{content:"";position:absolute;background:linear-gradient(145deg,rgba(20,116,168,.2),rgba(20,116,168,0));border-radius:999px}
.platform-core:before{width:220px;height:220px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px dashed rgba(255,255,255,.14)}
.platform-core:after{width:300px;height:300px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px dashed rgba(20,116,168,.16)}
.node-products{grid-column:2;grid-row:1}.node-workflow{grid-column:1;grid-row:2}.node-mobile{grid-column:1;grid-row:3}.node-self{grid-column:3;grid-row:2}.node-integrations{grid-column:3;grid-row:3}.node-collections{grid-column:2;grid-row:3}
.platform-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.platform-legend div{background:#fff;border:1px solid #d7e6ed;border-radius:14px;padding:12px 14px}
.platform-legend strong{display:block;color:var(--navy);font-size:13px}.platform-legend span{display:block;color:var(--muted);font-size:12px;margin-top:4px}

.product-config-panel{padding:18px;min-height:330px}.mock-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:13px;color:var(--navy);font-weight:800}.mock-top .dots{display:flex;gap:6px}.mock-top .dots i{width:8px;height:8px;background:#b7cbd6;border-radius:50%}
.config-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:14px}.config-card,.config-stack>div,.recon-step,.doc-card,.wa-sidecard,.journey-step,.doc-side{background:#fff;border:1px solid #d7e6ed;border-radius:16px;box-shadow:0 10px 24px rgba(16,45,69,.05)}
.config-card{padding:18px}.config-card strong{display:block;color:var(--navy);font-size:16px;margin-bottom:14px}.slider-row{display:grid;grid-template-columns:100px 1fr 40px;gap:10px;align-items:center;margin:10px 0;color:var(--muted);font-size:12px}.slider-row i{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan));display:block}.config-stack{display:grid;gap:12px}.config-stack>div{padding:14px}.config-stack b{display:block;color:var(--navy);font-size:14px;margin-bottom:4px}.config-stack span{display:block;color:var(--muted);font-size:12px;line-height:1.4}
.recon-flow{padding:18px;min-height:330px}.recon-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:start}.recon-step{padding:16px;position:relative;min-height:170px}.recon-step:not(:last-child):after{content:"→";position:absolute;right:-11px;top:48%;transform:translateY(-50%);color:var(--cyan);font-weight:800;font-size:22px}.recon-step b{display:block;color:var(--navy);font-size:14px;margin-bottom:8px}.recon-step span{display:block;color:var(--muted);font-size:12px;line-height:1.45}.recon-step ul{margin:10px 0 0 16px;padding:0;color:var(--muted);font-size:11px;line-height:1.5}.recon-foot{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.recon-foot div{background:#fff;border:1px solid #d7e6ed;border-radius:12px;padding:10px 12px;font-size:12px;color:var(--muted)}.recon-foot strong{color:var(--navy)}
.journey-diagram{padding:18px;min-height:330px}.journey-track{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:start}.journey-step{padding:16px;position:relative;min-height:200px}.journey-step:not(:last-child):after{content:"→";position:absolute;right:-11px;top:50%;transform:translateY(-50%);color:var(--cyan);font-weight:800;font-size:22px}.journey-step b{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--sky);color:var(--blue);font-size:15px;margin-bottom:14px}.journey-step strong{display:block;color:var(--navy);font-size:14px;margin-bottom:8px}.journey-step span{display:block;color:var(--muted);font-size:12px;line-height:1.45}
.doc-center{padding:18px;min-height:330px}.doc-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.doc-browser{background:#fff;border:1px solid #d7e6ed;border-radius:16px;overflow:hidden;box-shadow:0 10px 24px rgba(16,45,69,.05)}.doc-browser .doc-head{height:36px;background:#ebf1f4;display:flex;align-items:center;gap:6px;padding:0 12px;font-size:11px;color:#607585}.doc-browser .doc-head i{width:7px;height:7px;border-radius:50%;background:#a6bac3}.doc-browser .doc-head span{margin-left:10px;background:#fff;border-radius:6px;padding:5px 18px}
.doc-body{display:grid;grid-template-columns:100px 1fr;min-height:238px}.doc-body aside{background:var(--navy);padding:14px 10px;color:#9fc4d6;display:flex;flex-direction:column;gap:8px;font-size:11px}.doc-body aside b{color:#fff}.doc-body aside span.active{background:rgba(255,255,255,.12);padding:6px;border-radius:6px;color:#fff}.doc-list{padding:16px}.doc-list h4{margin:0 0 10px;color:var(--navy);font-size:16px}.doc-list ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.doc-list li{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid #e2ecf1;border-radius:10px;padding:10px 12px}.doc-list li b{display:block;color:var(--navy);font-size:13px}.doc-list li small{display:block;color:var(--muted);font-size:11px}.doc-list li em{font-style:normal;font-size:11px;font-weight:800;border-radius:999px;padding:4px 8px}.doc-list li .ok{background:#e8f7ef;color:#23745a}.doc-list li .draft{background:#eef7fb;color:#0c6085}.doc-side{padding:15px}.doc-side strong{display:block;color:var(--navy);font-size:14px;margin-bottom:10px}.doc-side ul{margin:0 0 14px 16px;padding:0;color:var(--muted);font-size:12px;line-height:1.5}.doc-side .template-badge{display:inline-flex;align-items:center;gap:8px;background:#eef7fb;border:1px solid #d6e6ed;border-radius:999px;padding:8px 12px;font-size:12px;color:var(--navy);font-weight:800}
.whatsapp-journey{padding:18px;min-height:330px;display:grid;grid-template-columns:.95fr .95fr;gap:14px;align-items:start}.wa-phone{background:linear-gradient(180deg,#0d2f47,#153e5d);border-radius:28px;padding:10px;width:100%;max-width:250px;justify-self:center;box-shadow:0 20px 38px rgba(16,45,69,.18)}.wa-screen{background:#eaf7ef;border-radius:22px;min-height:280px;overflow:hidden}.wa-head{height:44px;background:#25d366;color:#fff;display:flex;align-items:center;gap:10px;padding:0 14px;font-size:13px;font-weight:800}.wa-head i{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;font-style:normal}.chat-stream{padding:14px;display:grid;gap:10px}.bubble{max-width:86%;padding:10px 12px;border-radius:14px;font-size:12px;line-height:1.45;box-shadow:0 6px 16px rgba(16,45,69,.05)}.bubble.user{margin-left:auto;background:#dcf8c6;border-bottom-right-radius:6px}.bubble.system{background:#fff;border-bottom-left-radius:6px}.bubble small{display:block;margin-top:4px;color:#6c8775;font-size:10px}.wa-sidecard{padding:16px;min-height:280px}.wa-sidecard strong{display:block;color:var(--navy);font-size:15px;margin-bottom:8px}.wa-sidecard p{color:var(--muted);font-size:13px;margin:0 0 12px}.wa-sidecard ol{margin:0 0 14px 18px;padding:0;color:var(--muted);font-size:12px;line-height:1.55}.wa-actions{display:flex;flex-wrap:wrap;gap:8px}.wa-actions span{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#eef7fb;border:1px solid #d6e6ed;color:var(--navy);font-size:11px;font-weight:800}

@media(max-width:1050px){.platform-legend,.recon-steps,.journey-track,.doc-layout,.whatsapp-journey{grid-template-columns:1fr 1fr}.platform-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.platform-core,.node-products,.node-workflow,.node-mobile,.node-self,.node-integrations,.node-collections{grid-column:auto;grid-row:auto}}
@media(max-width:820px){.brand{max-width:240px}.brand-logo{max-height:40px}.site-footer .brand{max-width:240px}.platform-grid,.platform-legend,.recon-steps,.journey-track,.doc-layout,.whatsapp-journey{grid-template-columns:1fr}.platform-map{min-height:auto}.platform-core:before,.platform-core:after,.recon-step:after,.journey-step:after{display:none}.recon-step,.journey-step{min-height:auto}.doc-body{grid-template-columns:80px 1fr}}
@media(max-width:600px){.brand{max-width:190px}.brand-logo{max-height:34px}.platform-node,.platform-core,.journey-step,.recon-step,.doc-side,.config-card,.config-stack>div,.wa-sidecard{padding:14px}.platform-channels{gap:8px}.channel-pill{font-size:11px;padding:7px 10px}.config-grid,.whatsapp-journey{grid-template-columns:1fr}.wa-phone{max-width:230px}.doc-body{grid-template-columns:68px 1fr}}

/* === Phase 1 supplied screenshot components === */
.screenshot-showcase,
.snapshot-grid,
.phone-gallery,
.screen-stack {
  display: grid;
  gap: 18px;
}

/* Clear spacing between stacked screenshots/images on mobile */
@media (max-width: 600px) {
  .phone-gallery,
  .screenshot-showcase,
  .snapshot-grid,
  .screen-stack {
    gap: 30px;
  }
}

.screenshot-showcase.duo,
.snapshot-grid.duo,
.phone-gallery.duo,
.screen-stack.duo {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.screenshot-showcase.trio,
.snapshot-grid.trio,
.phone-gallery.trio,
.screen-stack.trio {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.screenshot-showcase.quad,
.snapshot-grid.quad,
.phone-gallery.quad,
.screen-stack.quad {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.screen-card,
.pending-card {
  background: #fff;
  border: 1px solid rgba(16, 45, 69, 0.1);
  border-radius: 24px;
  box-shadow: 0 22px 46px rgba(16, 45, 69, 0.10);
  overflow: hidden;
}

.screen-card {
  padding: 12px;
}

.screen-card.tight {
  padding: 10px;
}

.screen-card img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
  border: 1px solid rgba(16, 45, 69, 0.08);
  background: #f4f8fb;
}

.screen-card.browser img {
  border-radius: 18px;
}

.screen-card.phone img,
.phone-gallery .screen-card img {
  object-fit: contain;
  object-position: top center;
  max-height: 820px;
  background: #ffffff;
}

.screen-meta {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 10px 4px 2px;
}

.screen-title {
  color: #102d45;
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1.35;
}

.screen-subtitle {
  color: #5f7387;
  font-size: 0.78rem;
  display: block;
  margin-top: 4px;
}

.screen-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #0f4b8a;
  background: rgba(24, 122, 214, 0.10);
  white-space: nowrap;
}

.screen-badge.whatsapp {
  color: #157347;
  background: rgba(37, 211, 102, 0.12);
}

.screen-badge.pending {
  color: #7b5b00;
  background: rgba(255, 189, 46, 0.18);
}

.asset-callout {
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: 18px;
  background: #f4f8fb;
  border: 1px solid rgba(16, 45, 69, 0.08);
  color: #5f7387;
  font-size: 0.92rem;
  line-height: 1.55;
}

.asset-callout strong {
  color: #102d45;
}

.pending-card {
  min-height: 220px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 24px;
  border: 1.5px dashed rgba(37, 122, 214, 0.32);
  background:
    linear-gradient(180deg, rgba(246, 250, 253, 0.98), rgba(232, 241, 249, 0.98));
}

.pending-card strong {
  display: block;
  color: #102d45;
  font-size: 1rem;
  margin-bottom: 8px;
}

.pending-card span {
  color: #5f7387;
  font-size: 0.88rem;
  line-height: 1.55;
  max-width: 260px;
}

.hero-shot-grid {
  display: grid;
  grid-template-columns: 1.05fr 0.8fr;
  gap: 16px;
  align-items: start;
}

.hero-shot-grid .screen-stack {
  gap: 14px;
}

.snapshot-grid.home-snaps .screen-card {
  padding-bottom: 14px;
}

.snapshot-grid.home-snaps .screen-meta {
  padding: 12px 14px 0;
}

.comm-pair {
  display: grid;
  gap: 16px;
}

@media (max-width: 1120px) {
  .hero-shot-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .hero-shot-grid,
  .hero-shot-grid .screen-stack {
    gap: 30px;
  }
}

@media (max-width: 860px) {
  .screenshot-showcase.duo,
  .snapshot-grid.duo,
  .phone-gallery.duo,
  .screen-stack.duo,
  .screenshot-showcase.trio,
  .snapshot-grid.trio,
  .phone-gallery.trio,
  .screen-stack.trio,
  .screenshot-showcase.quad,
  .snapshot-grid.quad,
  .phone-gallery.quad,
  .screen-stack.quad {
    grid-template-columns: 1fr;
  }
}


/* --- Brand and supplied-screen refinements --- */
.ui-brand-dot{display:none}
.ui-top::before{
  content:"";
  width:118px;
  height:28px;
  background:url('creditec-logo-horizontal.png') no-repeat center/contain;
  flex:none;
}
.mock-top::before,
.platform-map::before,
.product-config-panel::before,
.recon-flow::before,
.pending-card::before{
  content:"";
  display:block;
  width:138px;
  height:32px;
  background:url('creditec-logo-horizontal.png') no-repeat left center/contain;
  margin-bottom:12px;
  flex:none;
}
.mock-top{gap:14px}
.mock-top span{margin-right:auto}
.pending-card::before{
  margin:0 auto 16px;
  width:168px;
  height:40px;
  background-position:center;
}
.pending-card{
  background:linear-gradient(180deg,rgba(255,255,255,0.98),rgba(240,247,251,0.98));
}
.pending-card strong{font-size:1.02rem}
.placeholder-tag{
  background:rgba(11,34,54,.96);
}
.screen-badge{font-size:0.69rem}
.screen-badge::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:50%;
  background:currentColor;
  opacity:0.45;
}
.asset-callout strong{color:#0f4b8a}
@media (max-width: 860px) {
  .ui-top::before,
  .mock-top::before,
  .platform-map::before,
  .product-config-panel::before,
  .recon-flow::before,
  .pending-card::before{
    width:110px;
  }
}

/* === Round 5 enhancements: richer About + LMS feature architecture === */
.about-suite-map{
  position:relative;
  min-height:480px;
  padding:24px;
  border-radius:28px;
  background:linear-gradient(160deg,#ffffff 0%,#eef7fb 48%,#f7fbfd 100%);
  border:1px solid #d8e7ef;
  box-shadow:0 24px 58px rgba(16,45,69,.12);
  overflow:hidden;
}
.about-suite-map::before{
  content:"";
  position:absolute;
  inset:auto -70px -70px auto;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(25,167,207,.18),rgba(25,167,207,0) 68%);
}
.about-suite-map::after{
  content:"";
  position:absolute;
  inset:-90px auto auto -90px;
  width:240px;
  height:240px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(20,116,168,.12),rgba(20,116,168,0) 70%);
}
.suite-map-logo{
  position:absolute;
  top:22px;
  left:22px;
  width:145px;
  opacity:.96;
}
.suite-map-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 280px 1fr;
  grid-template-rows:1fr 1fr;
  gap:18px;
  align-items:center;
  min-height:370px;
  padding-top:28px;
}
.suite-link{
  position:absolute;
  left:50%;
  top:50%;
  width:180px;
  height:2px;
  background:linear-gradient(90deg,rgba(25,167,207,.1),rgba(25,167,207,.7),rgba(25,167,207,.1));
  transform-origin:left center;
  z-index:1;
}
.suite-link.a{transform:translate(-6px,-4px) rotate(-149deg)}
.suite-link.b{transform:translate(-6px,-4px) rotate(-31deg)}
.suite-link.c{transform:translate(-6px,-4px) rotate(149deg)}
.suite-link.d{transform:translate(-6px,-4px) rotate(31deg)}
.suite-node,
.suite-core{
  position:relative;
  z-index:2;
  background:#fff;
  border:1px solid #d6e7ee;
  border-radius:22px;
  box-shadow:0 16px 32px rgba(16,45,69,.08);
}
.suite-node{
  padding:20px 20px 18px;
  min-height:128px;
}
.suite-node strong,
.suite-core strong{
  display:block;
  color:var(--navy);
  font-size:18px;
  margin-bottom:8px;
}
.suite-node p,
.suite-core p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}
.suite-node span{
  display:inline-flex;
  margin-top:12px;
  padding:6px 10px;
  border-radius:999px;
  background:#edf7fb;
  color:var(--blue);
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.suite-node.node-loans{grid-column:1;grid-row:1}
.suite-node.node-workflow{grid-column:3;grid-row:1}
.suite-node.node-mobile{grid-column:1;grid-row:2}
.suite-node.node-self{grid-column:3;grid-row:2}
.suite-core{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:center;
  padding:26px 26px 24px;
  min-height:250px;
  background:linear-gradient(155deg,#0d476d,#19a7cf);
  color:#fff;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.suite-core img{width:180px;margin-bottom:18px;filter:brightness(0) invert(1)}
.suite-core strong{color:#fff;font-size:28px;margin-bottom:12px}
.suite-core p{color:#e8f7fb;font-size:14px;max-width:220px}
.suite-pills{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.suite-pills span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:999px;
  background:#fff;
  border:1px solid #d7e6ee;
  color:var(--navy);
  font-size:12px;
  font-weight:700;
}
.suite-pills span::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(145deg,var(--blue),var(--cyan));
}

.lms-admin-frame img{aspect-ratio:auto;object-fit:contain;background:#fff}
.lms-screen-note{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}
.lms-screen-note span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 11px;
  border-radius:999px;
  background:#eef7fb;
  border:1px solid #d7e7ef;
  color:var(--navy);
  font-size:11px;
  font-weight:800;
}
.lms-screen-note span::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--cyan);
}

.lms-architecture{
  background:linear-gradient(165deg,#f8fcfe 0%,#eef7fb 62%,#ffffff 100%);
  border:1px solid #d6e7ee;
  border-radius:28px;
  box-shadow:0 24px 60px rgba(16,45,69,.10);
  padding:28px;
}
.lms-architecture .section-minihead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.lms-architecture .section-minihead img{width:136px}
.lms-architecture .section-minihead p{margin:0;color:var(--muted);font-size:14px;max-width:580px}
.lms-feature-map{
  display:grid;
  grid-template-columns:1fr 260px 1fr;
  gap:18px;
  align-items:center;
}
.lms-feature-column{display:grid;gap:14px}
.lms-feature-card,
.lms-feature-core{
  background:#fff;
  border:1px solid #d8e6ee;
  border-radius:22px;
  padding:18px 18px 16px;
  box-shadow:0 14px 30px rgba(16,45,69,.06);
}
.lms-feature-card .icon-badge,
.lms-feature-core .icon-badge{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  font-size:20px;
  margin-bottom:12px;
  background:linear-gradient(145deg,#e9f7fb,#dff3f9);
}
.lms-feature-card h3,
.lms-feature-core h3{margin:0 0 8px;font-size:20px}
.lms-feature-card p,
.lms-feature-core p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.lms-feature-card ul{margin:12px 0 0 18px;padding:0;color:var(--muted);font-size:12px;line-height:1.55}
.lms-feature-core{
  position:relative;
  min-height:420px;
  background:linear-gradient(160deg,#0f4a72,#1179ab 60%,#19a7cf 100%);
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  overflow:hidden;
}
.lms-feature-core::before,
.lms-feature-core::after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px dashed rgba(255,255,255,.2);
}
.lms-feature-core::before{width:240px;height:240px}
.lms-feature-core::after{width:320px;height:320px}
.lms-feature-core img{width:176px;margin-bottom:16px;filter:brightness(0) invert(1);position:relative;z-index:2}
.lms-feature-core h3{color:#fff;font-size:28px;position:relative;z-index:2}
.lms-feature-core p{color:#e7f7fc;font-size:14px;max-width:210px;position:relative;z-index:2}
.lms-side-tags{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:18px;
}
.lms-side-tags span{
  background:#fff;
  border:1px solid #d8e6ee;
  border-radius:14px;
  padding:12px 12px;
  color:var(--navy);
  font-size:12px;
  font-weight:700;
  text-align:center;
}
.ai-highlight{
  border:1px solid rgba(25,167,207,.22);
  background:linear-gradient(135deg,#effbff,#e8f8fc);
}
.ai-highlight .icon-badge{background:linear-gradient(145deg,#dff9ff,#c6eef8)}
.ai-highlight h3{display:flex;align-items:center;gap:10px}
.ai-highlight h3::after{content:"AI";font-size:11px;font-weight:800;letter-spacing:.08em;color:#0b698f;background:#d7f3fb;border:1px solid #b5e8f5;padding:4px 8px;border-radius:999px}

@media(max-width:1100px){
  .about-suite-map{min-height:auto}
  .suite-map-grid,
  .lms-feature-map{grid-template-columns:1fr}
  .suite-link{display:none}
  .suite-core{grid-row:auto;min-height:unset}
  .suite-node.node-loans,.suite-node.node-workflow,.suite-node.node-mobile,.suite-node.node-self,.suite-core{grid-column:auto;grid-row:auto}
  .lms-feature-core{min-height:320px}
  .lms-side-tags{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .suite-pills,.lms-screen-note{gap:8px}
  .lms-architecture{padding:20px}
  .lms-side-tags{grid-template-columns:1fr}
  .suite-map-logo{width:120px}
}


/* --- Added product-image and dashboard enhancements --- */
.diagram-card img,
.infographic-card img{background:#f7fbfd}
.dashboard-stack .screen-card,
.diagram-card,
.infographic-card{height:100%}
.dashboard-stack .screen-card img{background:#fff}
.dashboard-stack .screen-meta,
.diagram-card .screen-meta,
.infographic-card .screen-meta{padding:12px 14px 2px}
.dashboard-stack{align-items:start}
@media(max-width:860px){
  .dashboard-stack{grid-template-columns:1fr}
}


/* === Home-page review refinements === */
.hero-grid > *{min-width:0}
.hero-grid-single{grid-template-columns:1fr;max-width:980px}
.hero-grid-single .hero-copy{max-width:900px}
.hero-grid-single .hero-copy h1{max-width:860px}
.hero-grid-single .hero-lead{max-width:820px}
.hero-grid-single .hero-proof{width:max-content;max-width:100%}
.hero-grid-single .hero-proof strong{font-size:18px}
.hero-grid-single .hero-proof span{display:none}

.platform-overview-section{background:linear-gradient(180deg,#fff 0%,#f6fbfd 100%)}
.platform-map-landscape{min-height:auto;padding:28px}
.platform-map-landscape::before{width:150px;height:34px}
.platform-landscape-main{display:grid;grid-template-columns:minmax(0,1fr) 1.05fr minmax(0,1fr);gap:20px;align-items:stretch}
.platform-side{display:grid;grid-template-columns:1fr;gap:14px}
.platform-map-landscape .platform-node{min-height:112px;padding:18px 20px}
.platform-map-landscape .platform-node b{font-size:16px}
.platform-map-landscape .platform-core-landscape{grid-column:auto;grid-row:auto;min-height:100%;padding:28px;text-align:center;align-items:center}
.platform-core-landscape img{width:190px;max-width:80%;filter:brightness(0) invert(1);margin:0 auto 18px;position:relative;z-index:2}
.platform-core-landscape strong{font-size:26px;position:relative;z-index:2}
.platform-core-landscape span{max-width:300px;font-size:14px;line-height:1.55;position:relative;z-index:2}
.platform-map-landscape .platform-legend{margin-top:4px}

.lifecycle-section{background:#fff}
.lifecycle-consulting{background:linear-gradient(165deg,#fbfdff,#eef7fb);border:1px solid #d8e7ef;border-radius:28px;padding:30px;box-shadow:0 24px 58px rgba(16,45,69,.10)}
.lifecycle-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:stretch}
.lifecycle-stage{background:#fff;border:1px solid #d6e7ee;border-radius:18px;padding:18px 16px;min-width:0;box-shadow:0 10px 24px rgba(16,45,69,.05)}
.lifecycle-stage>span{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:#e9f6fb;color:#0e6c98;font-size:12px;font-weight:850;margin-bottom:12px}
.lifecycle-stage strong{display:block;color:var(--navy);font-size:15px;line-height:1.25;margin-bottom:8px}
.lifecycle-stage p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.lifecycle-arrow{display:grid;place-items:center;color:var(--cyan);font-style:normal;font-size:22px;font-weight:800}
.lifecycle-enablers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.lifecycle-enabler{background:#fff;border:1px solid #d8e6ee;border-radius:18px;padding:18px 20px}
.lifecycle-enabler>span{display:block;color:var(--blue);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.lifecycle-enabler strong{display:block;color:var(--navy);font-size:16px;margin-bottom:7px}
.lifecycle-enabler p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.lifecycle-enabler-primary{background:linear-gradient(145deg,#0e4c75,#1474a8);border-color:#176e9b}
.lifecycle-enabler-primary>span,.lifecycle-enabler-primary strong{color:#fff}
.lifecycle-enabler-primary p{color:#d9edf6}
.lifecycle-outcomes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px;padding-top:22px;border-top:1px solid #d7e6ee}
.lifecycle-outcomes div{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.72)}
.lifecycle-outcomes strong{display:block;color:var(--navy);font-size:14px;margin-bottom:6px}
.lifecycle-outcomes span{display:block;color:var(--muted);font-size:11px;line-height:1.45}

@media(max-width:1180px){
  .lifecycle-flow{grid-template-columns:repeat(3,1fr);gap:12px}
  .lifecycle-arrow{display:none}
  .platform-landscape-main{grid-template-columns:1fr 1fr}
  .platform-core-landscape{grid-column:1 / -1;grid-row:1}
  .platform-side-left{grid-column:1}.platform-side-right{grid-column:2}
}
@media(max-width:820px){
  .platform-landscape-main,.lifecycle-enablers,.lifecycle-outcomes{grid-template-columns:1fr}
  .platform-core-landscape,.platform-side-left,.platform-side-right{grid-column:auto}
  .lifecycle-flow{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .lifecycle-flow{grid-template-columns:1fr}
  .platform-map-landscape,.lifecycle-consulting{padding:20px}
}


/* --- About page company narrative --- */
.company-hero .hero-grid{align-items:center}
.company-identity-panel{position:relative;background:linear-gradient(155deg,#fff,#eff8fb);border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow);overflow:hidden}
.company-identity-panel:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-95px;top:-110px;background:radial-gradient(circle,rgba(25,167,207,.18),rgba(25,167,207,0) 70%);pointer-events:none}
.company-panel-logo{width:210px;display:block;margin-bottom:22px;position:relative;z-index:1}
.company-panel-intro{font-size:17px;line-height:1.55;color:var(--navy);font-weight:650;max-width:470px;margin-bottom:20px;position:relative;z-index:1}
.company-entity-card{position:relative;z-index:1;background:#fff;border:1px solid #d8e7ee;border-radius:18px;padding:20px 21px;margin-top:12px;box-shadow:0 10px 25px rgba(16,45,69,.05)}
.company-entity-card.global-card{border-left:4px solid var(--cyan)}
.entity-kicker{display:block;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:5px}
.company-entity-card strong{display:block;color:var(--navy);font-size:21px;margin-bottom:6px}
.company-entity-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.company-panel-footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;position:relative;z-index:1}
.company-panel-footer span{padding:7px 11px;border-radius:999px;background:#e9f6fb;border:1px solid #cfe6f0;color:var(--blue);font-size:11px;font-weight:800}
.company-story-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:start}
.company-story-grid .section-heading p+p{margin-top:18px}
.story-points{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.story-points article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 12px 30px rgba(15,54,78,.06)}
.story-points strong{display:block;color:var(--blue);font-size:20px;margin-bottom:7px}
.story-points span{display:block;color:var(--muted);font-size:13px;line-height:1.45}
.regional-presence{display:grid;gap:13px}
.region-card{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 12px 30px rgba(15,54,78,.05)}
.region-card.primary-region{border-left:4px solid var(--blue)}
.region-code{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,var(--blue),var(--cyan));color:#fff;font-weight:850;letter-spacing:.04em;flex:none}
.region-card strong{display:block;color:var(--navy);font-size:18px;margin-bottom:4px}
.region-card p{margin:0;color:var(--muted);font-size:13px}
.region-note{padding:16px 18px;border-radius:16px;background:#eaf6fb;color:var(--navy);font-size:13px;line-height:1.5;border:1px solid #d1e8f1}
.company-market-cards .card{min-height:265px}
.company-market-cards .card p{color:var(--muted)}
.company-process li p strong{color:var(--navy)}
@media(max-width:1050px){.company-story-grid{grid-template-columns:1fr;gap:40px}}
@media(max-width:700px){.story-points{grid-template-columns:1fr}.company-identity-panel{padding:22px}.company-panel-logo{width:180px}}


/* --- LMS v11 page simplification --- */
.page-hero-copy-only .container{padding-block:82px}
.page-hero-copy-only .hero-copy{max-width:900px}
.page-hero-copy-only .hero-lead{max-width:820px}
.check-list-two-col{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}
@media(max-width:820px){.check-list-two-col{grid-template-columns:1fr}.page-hero-copy-only .container{padding-block:58px}}


.infographic-large{max-width:1120px;margin:0 auto}
.infographic-large .screen-card img{width:100%;height:auto;display:block}
.section-capability-map{padding-top:18px}
.capability-map-copy{max-width:980px;margin:0 auto}
.capability-map-copy h2,.capability-map-copy p{max-width:900px}

.workflow-wide-copy{max-width:980px;margin:0 auto}
.workflow-wide-copy h2,.workflow-wide-copy p{max-width:900px}


/* === Home page only: hero type adjustments === */
/* Eyebrow "Providers of Enterprise Lending Technology": +20px (13px -> 33px) */
.home-page .hero-copy .eyebrow{font-size:33px}
/* H1 "One platform for the complete lending lifecycle": +20px (clamp(32px,5vw,58px) -> clamp(52px,calc(5vw + 20px),78px)) */
.home-page .hero-copy h1{font-size:clamp(52px,calc(5vw + 20px),78px)}


/* --- Mobile & field operations refinements --- */
.page-hero-mobile.page-hero-copy-only .hero-copy{max-width:980px}
.page-hero-mobile.page-hero-copy-only .hero-copy>p:not(.hero-lead){max-width:920px;color:var(--muted);font-size:16px;line-height:1.75;margin:0 0 16px}
.mobile-gallery-section .phone-gallery{max-width:1180px;margin:0 auto}
.phone-gallery .screen-card.phone{width:100%;max-width:360px;justify-self:center;height:auto}
.field-signature-card{max-width:400px;margin:0 auto}
.field-signature-card.screen-card.phone{width:100%;height:auto}
.mobile-wide-copy{max-width:980px;margin:0 auto}
.mobile-wide-copy h2,.mobile-wide-copy>p{max-width:900px}
.field-flow div{min-height:132px}
.field-flow div small{display:block;color:var(--muted);font-size:10px;line-height:1.35;margin-top:7px}
@media(max-width:820px){.page-hero-mobile.page-hero-copy-only .hero-copy>p:not(.hero-lead){font-size:15px}.field-flow div small{font-size:9px}}


/* Customer self-service page refinements */
.hero-grid-single{grid-template-columns:1fr!important}.hero-grid-single .hero-copy{max-width:860px}
.cards-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.compact-cards .compact-card{padding:24px;border-radius:20px}.compact-card strong{display:block;color:var(--navy);font-size:1.02rem;margin-bottom:10px}.compact-card p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.6}
.self-service-channel-gallery{align-items:start}
.parallel-channel-diagram{background:linear-gradient(145deg,#fff,#edf7fa);border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}
.parallel-top,.parallel-middle,.parallel-bottom{display:flex;align-items:center;justify-content:center;gap:18px}
.parallel-top{margin-bottom:6px}.parallel-middle{margin:10px 0 14px}.parallel-bottom{margin-top:6px}
.parallel-node{width:130px;min-height:110px;border-radius:18px;background:#fff;border:1px solid #d6e6ed;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px;box-shadow:0 10px 25px rgba(16,45,69,.06)}
.parallel-node span{width:34px;height:34px;border-radius:10px;background:var(--sky);color:var(--blue);display:grid;place-items:center;font-weight:800;margin-bottom:10px}.parallel-node b{font-size:.92rem;color:var(--navy)}
.parallel-node.whatsapp span{background:#25d366;color:#fff}.parallel-node.workflow span{background:#dceff5}.parallel-node.team span,.parallel-node.account span{background:#e8f3f8}
.parallel-merge{position:relative;height:44px;margin:0 auto 4px;max-width:460px}
.parallel-merge:before,.parallel-merge:after{content:"";position:absolute;left:50%;transform:translateX(-50%);background:#7bc6dc}
.parallel-merge:before{top:0;width:2px;height:24px}.parallel-merge:after{top:24px;width:300px;height:2px}
.parallel-merge{background:linear-gradient(#7bc6dc,#7bc6dc) center 24px/2px 20px no-repeat}
.parallel-bottom>i{font-style:normal;color:var(--cyan);font-size:22px}
@media(max-width:1050px){.cards-three{grid-template-columns:1fr}.parallel-node{width:120px}}@media(max-width:1050px) and (min-width:861px){.phone-gallery.quad{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.parallel-top,.parallel-bottom{flex-wrap:wrap}.parallel-merge{height:24px}.parallel-merge:after{width:220px}}
@media(max-width:600px){.parallel-node{width:100%;min-height:92px}.parallel-top,.parallel-middle,.parallel-bottom{gap:12px}.parallel-merge:after{display:none}.parallel-merge{background:linear-gradient(#7bc6dc,#7bc6dc) center/2px 24px no-repeat}}

.parallel-node.whatsapp span svg{width:18px;height:18px;display:block}
.parallel-ai-pill{max-width:520px;margin:10px auto 8px;padding:14px 18px;border-radius:18px;background:linear-gradient(135deg,#ecfbff,#e9f2ff);border:1px solid #cde7f7;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;text-align:center;box-shadow:0 10px 24px rgba(16,45,69,.06)}
.parallel-ai-pill span{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;background:#0f7ed8;color:#fff;font-weight:800;font-size:.86rem;letter-spacing:.02em}
.parallel-ai-pill small{font-size:.92rem;color:var(--navy);font-weight:600}
.ai-bot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1050px){.ai-bot-grid{grid-template-columns:1fr}}


/* --- Legal pages (privacy, terms) --- */
.legal-hero .container{padding-block:82px}
.legal-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:44px;box-shadow:var(--shadow)}
.legal-content h2{color:var(--navy);font-size:24px;letter-spacing:-.02em;margin:36px 0 14px;line-height:1.25}
.legal-content h2:first-child{margin-top:0}
.legal-content h3{color:var(--navy);font-size:18px;margin:26px 0 10px;text-transform:none;letter-spacing:0}
.legal-content p{color:var(--text);margin:0 0 16px;line-height:1.7}
.legal-content ul,.legal-content ol{margin:0 0 16px;padding-left:24px;color:var(--text);line-height:1.7}
.legal-content li{margin-bottom:8px}
.legal-content a{color:var(--blue);text-decoration:underline;overflow-wrap:anywhere;word-break:break-word}
.legal-content a.button{text-decoration:none}
.legal-content a.button-primary{color:#fff}
.legal-content hr{border:0;border-top:1px solid var(--line);margin:38px 0}
.legal-divider{display:flex;align-items:center;justify-content:center;gap:14px;margin:44px 0 34px}
.legal-divider:before,.legal-divider:after{content:"";flex:1;height:1px;background:var(--line)}
.legal-cookie-card{background:var(--pale);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-bottom:14px}
.legal-cookie-card strong{display:block;color:var(--navy);font-size:15px;margin-bottom:4px}
.legal-cookie-card .cookie-type{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}
.legal-cookie-card p{margin:0;color:var(--text);font-size:14px}
.legal-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
.legal-contact-grid>div{background:var(--pale);border:1px solid var(--line);border-radius:14px;padding:20px;text-align:center}
.legal-contact-grid strong{display:block;color:var(--navy);margin-bottom:6px}
.legal-contact-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.legal-contact-grid a{color:var(--blue)}
@media(max-width:700px){.legal-card{padding:26px}.legal-contact-grid{grid-template-columns:1fr}.legal-hero .container{padding-block:58px}}