@import url('shared-concepts.css');
:root{--navy:#002c42;--navy2:#005870;--ink:#12394f;--muted:#5d7b8b;--cream:#f1f8fb;--line:#d7e8ee;--radius:16px}
body{background:#f6fbfd}.header{background:rgba(245,251,253,.97)}.nav{height:91px}.logo{width:184px;min-width:184px}.nav-actions .button{background:#006680;border-radius:8px}
.hero-tech{background:#002e46;background-image:radial-gradient(ellipse at 90% 8%,rgba(0,170,212,.34),transparent 56%),linear-gradient(90deg,rgba(0,170,212,.04) 1px,transparent 1px),linear-gradient(rgba(0,170,212,.04) 1px,transparent 1px);background-size:auto,44px 44px,44px 44px}.hero-tech::before,.hero-tech::after{display:none}
.hero-tech .hero-layout{min-height:670px;padding-top:82px;padding-bottom:85px;gap:54px;grid-template-columns:1.02fr .98fr}.tech-version{font-size:10px;font-weight:800;color:#90e6f6;letter-spacing:.21em;text-transform:uppercase;display:inline-block;padding:8px 13px;border:1px solid #2b6479;margin-bottom:20px;border-radius:5px;background:rgba(102,189,216,.06)}
.hero-tech .eyebrow{color:#85d2e4}.hero-tech h1{font:800 clamp(53px,5.2vw,76px)/1.08 Manrope,sans-serif;letter-spacing:-.072em;margin:19px 0 25px}.hero-tech h1 .highlight{color:#87cdde}.hero-tech p{color:#b4d4e1;line-height:1.85}.hero-tech .button-primary{background:#00aad4;color:#002e46;border-radius:8px}.hero-tech .button-primary:hover{background:#87cdde}.hero-tech .button-ghost{border-radius:8px}.hero-tech .hero-micro{gap:14px;flex-wrap:wrap}.hero-tech .hero-micro span{font-size:11px;letter-spacing:.03em}.hero-tech .hero-micro span:before{content:''}.hero-tech .dashboard{transform:rotate(0deg);box-shadow:0 36px 85px rgba(0,0,0,.36);border:1px solid rgba(0,170,212,.32)}.hero-tech .dashboard::after{content:'';position:absolute;inset:-10px;border:1px solid rgba(135,205,222,.2);border-radius:30px;pointer-events:none}.hero-tech .grid-glow{opacity:.65}.hero-tech .float-note{left:auto;right:-24px;bottom:12px;transform:rotate(3deg);background:#a6e5ef}
.tech-insights{padding:75px 0 84px;background:#eaf6fa;border-bottom:1px solid #d7e8ed}.tech-insights-head{display:grid;grid-template-columns:1fr 1.25fr;gap:25px 65px;align-items:end;margin-bottom:30px}.tech-insights-head .eyebrow{grid-column:1/-1}.tech-insights-head h2{font:800 clamp(32px,3.3vw,47px)/1.15 Manrope,sans-serif;letter-spacing:-.06em;margin:0}.tech-insights-head p{font-size:15px;color:#67808e;margin:0;max-width:430px}.tech-signal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.tech-signal{padding:25px 20px;background:#fff;border-radius:13px;border:1px solid #d7e9ef;display:grid;gap:21px;min-height:162px;transition:transform .2s,box-shadow .2s}.tech-signal:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00668019}.tech-signal span{color:#008cae;font-weight:800;font-size:10px;letter-spacing:.14em}.tech-signal strong{font:800 20px Manrope,sans-serif;letter-spacing:-.04em;color:#004961}.tech-signal small{color:#718d9a;font-size:12px;line-height:1.5}
.ota-band{background:#fff}.ota-head h2{font:800 22px Manrope,sans-serif;letter-spacing:-.04em}.ota-logo{background:#f6fbfd}
.section{background:#fff}.section-light,.markets{background:#f1f8fb}.eyebrow{color:#0081a2}.section-heading{color:#073d57}.services-grid{gap:16px}.service-card{border:1px solid #deebf0;background:#faffff;border-radius:15px;box-shadow:none}.service-card:hover{box-shadow:0 20px 50px #004a6116;border-color:#a6dbe8}.service-icon{background:#def4f9;color:#007899;border-radius:12px}
.statement{background:#002f46;color:white}.statement .section-heading,.statement .section-lead{color:white}.statement .eyebrow{color:#87cdde}.statement .principle{border-color:#2b6177}.statement .principle h3{color:white}.statement .principle p{color:#b1d0dc}.statement .principle-icon{background:#005674;color:#b9ebf4}.statement .button-dark{background:#00aad4;color:#00384d}
.step-no{background:#e2f5fa;border-color:#b5dce6}.market-card{background:white;border:1px solid #d8e8ee;border-radius:15px}.about-art{background:linear-gradient(130deg,#d6f1f6,#9bd8e7)}
.contact-section{background:#e8f5fa}.contact-form{border-radius:16px}.footer{background:#002d44}
@media(max-width:1070px){.hero-tech .hero-layout{gap:22px}.hero-tech h1{font-size:clamp(48px,5.6vw,69px)}}
@media(max-width:860px){.hero-tech .hero-layout{grid-template-columns:1fr;min-height:0;padding-top:62px}.hero-tech h1{font-size:clamp(48px,7vw,66px)}.tech-insights-head{grid-template-columns:1fr}.tech-insights-head .eyebrow{grid-column:1}.tech-signal-grid{grid-template-columns:repeat(2,1fr)}.hero-tech .float-note{right:0}.nav{height:80px}.nav-links{top:79px}}
@media(max-width:600px){.hero-tech .hero-layout{padding-top:45px}.hero-tech h1{font-size:clamp(43px,10vw,55px)}.hero-tech .dashboard{padding:15px}.tech-insights{padding:58px 0}.tech-signal-grid{grid-template-columns:1fr 1fr;gap:8px}.tech-signal{padding:18px 15px;min-height:165px}.tech-signal strong{font-size:16px}.tech-signal small{font-size:11px}}

/* Review cards: non-fictional placeholders until source material is available */
.testimonial-section{padding:100px 0 90px;background:linear-gradient(180deg,#f1f9fc,#fff 40%)}
.testimonial-intro{display:grid;grid-template-columns:1fr .75fr;gap:65px;align-items:end;margin-bottom:42px}
.testimonial-intro .section-lead{margin:0;max-width:470px}
.testimonial-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.testimonial-placeholder{border:1px solid #dcebf0;background:#fff;box-shadow:0 15px 45px rgba(0,60,89,.06);border-radius:20px;padding:28px 26px 24px;min-height:290px;display:flex;flex-direction:column}
.testimonial-logo-placeholder{display:flex;align-items:center;gap:8px;padding:12px;background:#f0f8fb;border:1px dashed #bbdce6;border-radius:9px;width:153px;height:52px}
.logo-ghost,.logo-ghost-sm{background:#bddce6;display:inline-block;border-radius:5px}
.logo-ghost{height:20px;width:35px}.logo-ghost-sm{height:11px;width:66px}
.quotation-symbol{font-family:Georgia,serif;font-size:46px;line-height:1;color:#00aad4;margin-top:20px}
.mock-lines{display:grid;gap:9px;margin:0 0 15px}.mock-lines span{height:8px;border-radius:10px;background:#e4f0f4;width:100%}.mock-lines span:nth-child(2){width:87%}.mock-lines span:nth-child(3){width:64%}
.testimonial-caption{font-size:12px;color:#67818e;line-height:1.7;margin-top:auto}
.testimonials-note{font-size:12px;color:#697f8a;padding-top:17px;margin-bottom:0}
@media(max-width:900px){.testimonial-intro{grid-template-columns:1fr;gap:12px}.testimonial-list{grid-template-columns:repeat(2,minmax(0,1fr))}.testimonial-placeholder:last-child{display:none}}
@media(max-width:600px){.testimonial-section{padding:60px 0}.testimonial-list{grid-template-columns:1fr}.testimonial-placeholder:last-child{display:flex}.testimonial-placeholder{min-height:240px}}


/* Real clients & testimonial sections — 2026-11-03 */
.clients-showcase{padding:108px 0 95px!important;background:#002f47!important}
.client-heading,.social-heading{display:grid;grid-template-columns:1.03fr .82fr;gap:65px;align-items:end;margin-bottom:39px}
.client-heading .section-heading,.social-heading .section-heading{max-width:660px;font-size:clamp(31px,3.7vw,49px);line-height:1.14;letter-spacing:-.057em;margin:17px 0 0}
.client-heading .section-lead,.social-heading .section-lead{margin:0;max-width:440px;font-size:15px;line-height:1.8}
.client-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.client-tile{min-width:0;min-height:134px;background:#fff;border:1px solid #dcebf0;border-radius:17px;display:flex;justify-content:center;align-items:center;box-shadow:0 9px 32px rgba(1,52,72,.045);transition:transform .2s,border-color .2s,box-shadow .2s}
.client-tile:hover{transform:translateY(-3px);border-color:#8acddd;box-shadow:0 13px 40px rgba(0,82,111,.10)}
.client-logo{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:122px;padding:19px 23px}
.client-logo img{max-height:83px;max-width:100%;width:auto;object-fit:contain;display:block}
.client-logo-name{display:none;color:#2a5667;font:800 18px/1.35 Manrope,sans-serif;letter-spacing:-.04em;text-align:center}
.client-logo.image-failed img{display:none}.client-logo.image-failed .client-logo-name{display:block}
.clients-more,.reviews-more{margin-top:26px}.clients-more summary,.reviews-more summary{list-style:none;cursor:pointer;color:#006680;font:800 13px/1.5 Manrope,sans-serif;display:flex;justify-content:center;align-items:center;gap:14px;padding:15px 20px;border:1px solid #b5d9e3;border-radius:9px;max-width:345px;margin:0 auto;background:#eaf7fa;transition:background .2s}
.clients-more summary:hover,.reviews-more summary:hover{background:#d4edf4}.clients-more summary::-webkit-details-marker,.reviews-more summary::-webkit-details-marker{display:none}
.plus-icon{font-size:23px;line-height:1;font-weight:400}.clients-more[open] .plus-icon,.reviews-more[open] .plus-icon{transform:rotate(45deg)}
.extended-client-grid{margin-top:28px}
.social-proof{background:#eaf6fa!important;padding:108px 0 104px!important}
.social-heading{margin-bottom:37px}
.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.review-card{display:flex;flex-direction:column;min-width:0;min-height:330px;background:#fff;border:1px solid #d1e6ec;padding:29px 29px 25px;border-radius:16px;box-shadow:0 16px 36px rgba(1,64,84,.045);position:relative}
.review-card:after{content:'';position:absolute;left:28px;top:0;width:70px;height:3px;background:linear-gradient(90deg,#00aad4,#87cdde)}
.review-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.review-mark{font:64px/.8 Georgia,serif;color:#00aad4;height:51px;letter-spacing:-.06em}
.review-kicker{font:800 10px/1.4 Manrope,sans-serif;letter-spacing:.12em;color:#528295;text-align:right}
.review-card blockquote{border:0;padding:0;margin:13px 0 27px;color:#244b5c;font:500 17px/1.65 'DM Sans',system-ui,sans-serif;letter-spacing:-.02em;flex:1}
.review-by{padding-top:17px;border-top:1px solid #e2eef2;display:flex;align-items:center;gap:13px;min-width:0}
.review-logo{width:62px;height:57px;display:flex;align-items:center;justify-content:center;flex:none;background:#f7fafb;border-radius:8px;overflow:hidden}
.review-logo img{max-width:94%;max-height:85%;object-fit:contain}
.review-by strong{display:block;color:#003e54;font:800 13px/1.4 Manrope,sans-serif}.review-by small{display:block;color:#78909b;font-size:11px;line-height:1.5;margin-top:3px}
.more-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}
.more-review-grid .review-card{min-height:255px}.more-review-grid .review-card blockquote{font-size:16px}
.review-disclaimer{color:#6e8994;font-size:11px;line-height:1.6;margin:22px 0 0;text-align:center}
@media(max-width:1100px){.client-heading,.social-heading{gap:30px}.client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.review-card{padding:24px}.review-card blockquote{font-size:15.5px}}
@media(max-width:800px){.client-heading,.social-heading{grid-template-columns:1fr;gap:13px}.client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.review-grid{grid-template-columns:1fr 1fr}.review-grid>.review-card:last-child{grid-column:1/-1}.review-card{min-height:290px}}
@media(max-width:570px){.clients-showcase,.social-proof{padding:66px 0!important}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.client-tile{min-height:108px;border-radius:12px}.client-logo{min-height:106px;padding:14px}.client-logo img{max-height:71px}.client-logo-name{font-size:14px}.review-grid{grid-template-columns:1fr}.review-grid>.review-card:last-child{grid-column:auto}.review-card{min-height:270px}.review-card blockquote{font-size:17px}.reviews-more,.clients-more{margin-top:24px}.client-heading,.social-heading{margin-bottom:28px}}
