/* SolutionSet landing site styles. Extracted from the original single-file concept; section order preserved. */ /* embedded brand fonts (latin) */ :root{ /* SolutionSet Brand Toolkit, June 2026 */ --ink:#0F131F; --ink-soft:#1E3A5F; --ink-faint:#64789B; --paper:#FFFFFF; --mist:#EAF2FC; --mist-2:#DBEAFE; --line:#D3E0F2; --blue:#1447A0; --blue-deep:#0F3B86; --blue-tint:#DBEAFE; --cobalt:#4E80EE; --teal:#4E80EE; --teal-tint:#DBEAFE; --maxw:1120px; --disp:'Bricolage Grotesque',sans-serif; --body:'Plus Jakarta Sans',sans-serif; --mono:'Space Mono',monospace; } *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{font-family:var(--body);color:var(--ink-soft);background:#F8FAFC;line-height:1.65;font-size:15px;-webkit-font-smoothing:antialiased} h1,h2,h3,h4{font-family:var(--disp);font-weight:600;line-height:1.12;letter-spacing:-0.02em;color:var(--ink)} a{color:inherit;text-decoration:none} .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px} .eyebrow{font-family:var(--mono);font-size:13px;letter-spacing:0.04em;color:var(--blue);margin-bottom:18px} .brace{color:var(--blue);font-weight:500} /* ---------- nav ---------- */ header.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,0.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)} .nav-inner{max-width:var(--maxw);margin:0 auto;padding:14px 28px;display:flex;align-items:center;gap:28px} .logo{font-family:var(--disp);font-weight:700;font-size:22px;letter-spacing:-0.03em;cursor:pointer;white-space:nowrap} .logo .b{color:var(--blue)} .logo .thin{font-weight:400;color:var(--ink-soft)} .logo-img{height:30px;width:auto;display:block} footer .logo-img{height:24px} .nav-links{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap} .nav-links a{font-family:var(--body);font-size:15px;color:var(--ink-soft);background:none;border:none;cursor:pointer;padding:8px 12px;border-radius:7px} .nav-links a:hover{color:var(--ink);background:var(--mist)} .nav-links a[aria-current="page"]{color:var(--blue);font-weight:700;background:var(--mist)} .btn{display:inline-block;font-family:var(--body);font-weight:500;font-size:15px;cursor:pointer;border-radius:8px;padding:11px 20px;border:1px solid transparent;transition:background .15s,border-color .15s} .btn-primary{background:var(--blue);color:#fff} .btn-primary:hover{background:var(--blue-deep)} .btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)} .btn-ghost:hover{border-color:var(--ink-faint)} .nav .btn{margin-left:4px} /* ---------- page system ---------- */ .page{display:block} @media (prefers-reduced-motion: no-preference){ .page{animation:fade .35s ease both} @keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} } /* ---------- generic sections ---------- */ section{padding:84px 0} .section-mist{background:var(--mist)} .lede{font-size:16px;color:var(--ink-soft);max-width:680px;line-height:1.6} h1.hero-h{font-size:clamp(38px,6vw,68px);font-weight:700} h2.sec-h{font-size:clamp(28px,4vw,42px)} h3{font-size:21px;font-weight:600;margin-bottom:8px} p+p{margin-top:14px} /* ---------- hero ---------- */ .hero{position:relative;padding:96px 0 76px;overflow:hidden} .hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(20,71,160,0.07) 1px,transparent 1px),linear-gradient(90deg,rgba(20,71,160,0.07) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 92%);mask-image:linear-gradient(180deg,#000,transparent 92%)} .hero .wrap{position:relative} .hero-h{max-width:840px;margin-bottom:22px} .hero .lede{margin-bottom:30px;font-size:17px} .hero-kicker{font-family:var(--mono);font-size:13.5px;color:var(--ink-faint);margin:20px 0 4px;letter-spacing:0.02em} .hero-kicker b{color:var(--blue);font-weight:500} .hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px} /* ---------- logo strip ---------- */ .proof{position:relative;overflow:hidden;border-top:1px solid #1E3550;border-bottom:1px solid #1E3550;background:radial-gradient(120% 130% at 50% 0%,#1E3A5F 0%,#0F131F 80%);padding:30px 0} .proof > .wrap{position:relative;z-index:1} .proof p{font-family:var(--mono);font-size:12px;letter-spacing:0.05em;color:#9FC0F2;text-align:center;margin-bottom:18px} .logos{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 38px} .logos span{font-family:var(--disp);font-weight:600;font-size:17px;color:var(--ink-faint);opacity:.85} .marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)} .track{display:flex;width:max-content;animation:marq 110s linear infinite} .track:hover{animation-play-state:paused} .logo-item{flex:0 0 auto;margin-right:14px;min-width:200px;border:1px solid var(--line);border-radius:10px;padding:15px 22px;background:var(--paper);text-align:center} .logo-item .cust{display:block;font-family:var(--disp);font-weight:600;font-size:16px;color:var(--ink);white-space:nowrap} .logo-item .spon{display:block;font-family:var(--mono);font-size:11px;color:var(--ink-faint);margin-top:7px;letter-spacing:0.02em;white-space:nowrap} @keyframes marq{to{transform:translateX(-50%)}} @media (prefers-reduced-motion: reduce){.track{animation:none;flex-wrap:wrap;justify-content:center;width:auto}} /* ---------- foundation stack (signature) ---------- */ .stack{max-width:760px;margin:46px auto 0;display:flex;flex-direction:column;gap:14px} .layer{border-radius:12px;padding:20px 24px;display:flex;align-items:center;gap:22px;border:1px solid} .layer .num{font-family:var(--disp);font-weight:700;font-size:26px;min-width:30px} .layer .lt{font-family:var(--disp);font-weight:600;font-size:19px;margin-bottom:3px} .layer .ld{font-size:15px;line-height:1.45} .layer.outcome{background:#fff;border-color:rgba(255,255,255,.16);border-top:3px solid var(--blue);box-shadow:0 16px 42px rgba(0,0,0,.30);justify-content:center;text-align:center} .layer.outcome .lt{color:var(--blue-deep);white-space:nowrap} .layer.outcome .ld{color:#3A5680} .layer.found{background:var(--blue-tint);border-color:#B9D6F4} .layer.found .num{color:var(--blue)} .layer.found .lt{color:var(--blue-deep)} .layer.found .ld{color:#365b80} .outcomes{display:flex;gap:14px;max-width:760px;margin:46px auto 0} .outcomes .layer.outcome{flex:1;text-align:left;justify-content:flex-start;transition:transform .18s ease,box-shadow .18s ease} .outcomes .layer.outcome:hover{transform:translateY(-3px);box-shadow:0 24px 54px rgba(0,0,0,.42)} .layer.outcome.ai{background:#EAF3FF;border-top-color:var(--cobalt)} .layer.outcome.ai .lt{color:var(--blue-deep)} .layer.outcome.ai .ld{color:#365b80} .stack-arrow{text-align:center;color:var(--ink-faint);font-size:20px;line-height:1;margin:12px 0} .right-banner{margin-top:36px;padding-top:30px;border-top:1px solid var(--line);text-align:center;font-family:var(--disp);font-weight:600;font-size:clamp(20px,2.6vw,30px);color:var(--ink);line-height:1.35} .right-banner b{color:var(--blue);font-weight:600} .equation{max-width:780px;margin:22px auto 0;text-align:center;font-family:var(--disp);font-weight:600;font-size:clamp(18px,2.4vw,26px);color:var(--ink);line-height:1.4} .equation span{color:var(--blue);margin:0 5px;font-weight:700} /* ---------- pillars / grids ---------- */ .grid{display:grid;gap:24px;margin-top:42px} .g3{grid-template-columns:repeat(3,1fr)} .g2{grid-template-columns:repeat(2,1fr)} .g4{grid-template-columns:repeat(4,1fr);gap:20px} .checklist{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:12px} .checklist li{display:flex;gap:11px;align-items:flex-start;font-size:15px;color:var(--ink-soft);line-height:1.4} .checklist li b{color:var(--ink);font-weight:600} .checklist li svg{width:18px;height:18px;color:var(--blue);flex:0 0 auto;margin-top:2px} .punch{font-family:var(--disp);font-weight:600;font-size:clamp(19px,2.3vw,24px);color:#fff;line-height:1.35;margin-top:22px} .punch b{color:#7FB0FF;font-weight:600} .card.lyr{display:flex;flex-direction:column} .card.lyr h3{white-space:nowrap} .card.lyr .math{margin-top:auto;padding-top:16px;white-space:nowrap;margin-bottom:0} @media(max-width:900px){.g4{grid-template-columns:repeat(2,1fr)}} @media(max-width:560px){.g4{grid-template-columns:1fr}} .card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:26px} .section-mist .card{background:var(--paper)} .card .k{font-family:var(--mono);font-size:12px;color:var(--cobalt);letter-spacing:0.04em;margin-bottom:14px} .card p{font-size:15.5px;color:var(--ink-soft)} .card .math{font-family:var(--mono);font-size:13px;color:var(--teal);margin-top:14px;display:block} .bill{font-family:var(--mono);font-size:12px;letter-spacing:0.03em;color:var(--blue);margin-top:16px;padding-top:13px;border-top:1px solid var(--line);display:block;font-weight:700} .card.addon{display:flex;flex-direction:column} .card.addon .chips{margin-top:14px} .card.addon .bill{margin-top:auto;white-space:nowrap} .ltier{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:13px;color:var(--ink-soft)} .ltier:first-of-type{border-top:1px solid var(--line)} .ltier b{font-family:var(--mono);font-size:19px;color:var(--blue-deep);font-weight:700;white-space:nowrap} .ltier b small{font-size:11px;color:var(--ink-faint);font-weight:400} .base-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch;margin-top:34px} .base-grid .pe-note,.base-grid .card{margin-top:0} @media(max-width:820px){.base-grid{grid-template-columns:1fr}} .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px} .chips span{font-size:13px;background:var(--mist);border:1px solid var(--line);border-radius:7px;padding:6px 11px;color:var(--ink-soft)} .price-line{margin-top:18px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap} .price-line .amt{font-family:var(--mono);font-weight:700;font-size:30px;color:var(--blue-deep)} .price-line .per{font-family:var(--mono);font-size:12px;color:var(--ink-faint);letter-spacing:0.03em} .tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-top:18px} .tier{border:1px solid var(--line);border-radius:10px;padding:18px;text-align:center;background:var(--paper)} .tier .r{display:block;font-family:var(--mono);font-size:12px;color:var(--ink-faint);letter-spacing:0.03em} .tier .pr{display:block;font-family:var(--mono);font-weight:700;font-size:24px;color:var(--ink);margin-top:8px} .tier .pr small{font-size:12px;color:var(--ink-faint);font-weight:400;font-family:var(--mono)} .stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-top:32px} .roles{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:34px 0} .role{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center} .role .ic-badge{margin-bottom:0} .role span{font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.3} @media(max-width:680px){.roles{grid-template-columns:repeat(2,1fr);gap:24px}} .stat{border:1px solid var(--line);border-radius:12px;padding:22px;background:var(--paper)} .stat .sv{display:block;font-family:var(--mono);font-weight:700;font-size:30px;color:var(--blue-deep)} .stat .sl{display:block;font-family:var(--mono);font-size:11.5px;color:var(--ink-faint);margin-top:8px;letter-spacing:0.02em} /* ---------- split ---------- */ .split{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center} .split .lede{font-size:16px} .list{list-style:none;margin-top:18px} .list li{padding:11px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;font-size:16px;color:var(--ink-soft)} .list li:before{content:"›";color:var(--blue);font-weight:700} .list li b{color:var(--ink);font-weight:600} .pts{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:9px;max-width:680px} .pts li{position:relative;padding-left:20px;color:var(--ink-soft);font-size:15px;line-height:1.5} .pts li:before{content:"";position:absolute;left:2px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--blue)} .list.cols li{display:grid;grid-template-columns:auto 148px 1fr;gap:0 14px;align-items:baseline} .list.cols li span{color:var(--ink-soft)} .list.cols.benefits li{grid-template-columns:auto 150px 1fr;padding:14px 0;align-items:start} .list.cols.benefits li b{white-space:nowrap} @media(max-width:520px){.list.cols li{grid-template-columns:auto 1fr;row-gap:2px}.list.cols li span{grid-column:2}} /* ---------- stack/partner ---------- */ .partner{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:40px} .partner .p{border:1px solid var(--line);border-radius:12px;padding:26px 20px;background:var(--paper);display:flex;flex-direction:column;align-items:center;text-align:center} .partner .logo-slot{height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:18px} .partner .logo-slot img{height:32px;max-width:100%;width:auto;display:block} .partner .p span{font-family:var(--mono);font-size:10.5px;color:var(--ink-faint);letter-spacing:0.04em;margin-top:auto;white-space:nowrap} /* ---------- cta band ---------- */ .band{background:var(--ink);color:#fff;text-align:center;padding:80px 0} .band h2{color:#fff;margin-bottom:14px} .band .brace{color:#6FB2F0} .band p{color:#A9BBD0;max-width:520px;margin:0 auto 28px;font-size:18px} .band .btn-ghost{color:#fff;border-color:#3A506B} .band .btn-ghost:hover{border-color:#6FB2F0} /* ---------- industries ---------- */ .cat{margin-top:44px} .cat-label{font-family:var(--mono);font-size:13px;color:var(--blue);letter-spacing:0.04em;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:22px} .tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:20px} .tile{border:1px solid var(--line);border-radius:12px;padding:24px;background:var(--paper)} .tile h3{font-size:19px} .tile p{font-size:15px;color:var(--ink-soft);margin-top:6px} .tile .math{font-family:var(--mono);font-size:12.5px;color:var(--teal);margin-top:14px;display:block} .tiles .span2{grid-column:1 / -1} .pe-note{background:var(--blue-tint);border:1px solid #B9D6F4;border-radius:12px;padding:26px;margin-top:30px} .pe-note h3{color:var(--blue-deep)}.pe-note p{color:#365b80;font-size:16px;margin-top:6px} /* ---------- team ---------- */ .team-groups{margin-top:40px;display:flex;flex-direction:column;gap:40px} .team-group .grp{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:18px;display:flex;align-items:center;gap:12px} .team-group .grp::after{content:"";flex:1;height:1px;background:var(--line)} .team{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .member{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper);transition:transform .2s ease,box-shadow .2s ease} .member:hover{transform:translateY(-4px)} .member .photo{aspect-ratio:1/1;background:linear-gradient(160deg,#EAF2FC,#DBEAFE);display:flex;align-items:center;justify-content:center;overflow:hidden} .member .photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.2,.7,.2,1)} .member:hover .photo img{transform:scale(1.05)} .member .photo .initials{font-family:var(--mono);font-size:42px;font-weight:600;color:var(--cobalt);letter-spacing:.02em} .member .info{padding:16px 18px 18px} .member .mn{font-weight:600;font-size:16px;color:var(--ink);line-height:1.2} .member .mr{font-size:12.5px;color:var(--ink-faint);margin-top:5px;line-height:1.4} .dark-sec .grp{color:#9FC0F2} .dark-sec .grp::after{background:rgba(197,210,230,.18)} .dark-sec .member{border-color:rgba(255,255,255,.10);box-shadow:0 18px 44px rgba(0,0,0,.32)} .dark-sec .member:hover{box-shadow:0 26px 56px rgba(0,0,0,.44)} /* ---------- about / company ---------- */ .about-grid{display:grid;grid-template-columns:minmax(240px,300px) 1fr;gap:60px;align-items:start} .about-narrative{max-width:660px} .about-narrative > p{font-size:16px;color:var(--ink-soft);line-height:1.72} .about-narrative > p + p{margin-top:16px} .about-facts{list-style:none;margin-top:22px} .about-facts li{padding:13px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:84px 1fr;gap:16px;align-items:baseline;font-size:14.5px;color:var(--ink-soft);line-height:1.45} .about-facts li:last-child{border-bottom:1px solid var(--line)} .about-facts b{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);font-weight:700} .pullq{font-family:var(--disp);font-weight:600;font-size:clamp(21px,2.6vw,27px);color:var(--ink);line-height:1.32;border-left:3px solid var(--blue);padding:4px 0 4px 22px;margin:26px 0} .mission{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)} .mission .ml{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);display:block;margin-bottom:12px} .mission p{font-family:var(--disp);font-weight:600;font-size:clamp(19px,2.3vw,24px);color:var(--ink);line-height:1.35;margin:0} @media(max-width:820px){.about-grid{grid-template-columns:1fr;gap:30px}} .placeholder-bar{background:var(--mist);border:1px dashed #B9CBE0;border-radius:10px;padding:16px 20px;margin-top:26px;font-size:14.5px;color:var(--ink-soft);font-family:var(--mono)} /* ---------- contact ---------- */ .form{display:grid;gap:14px;max-width:480px} .form label{font-size:14px;color:var(--ink-soft);font-weight:500} .form input,.form textarea{width:100%;font-family:var(--body);font-size:16px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;margin-top:5px;color:var(--ink)} .form input:focus,.form textarea:focus{outline:2px solid var(--blue);border-color:var(--blue)} .contact-meta{font-size:15px;color:var(--ink-soft)} .contact-meta b{color:var(--ink)} /* ---------- footer ---------- */ footer{background:var(--ink);color:#9FB2C8;padding:54px 0 38px;font-size:14px} footer .logo{color:#fff;margin-bottom:10px} footer .logo .thin{color:#9FB2C8} footer a{background:none;border:none;color:#9FB2C8;cursor:pointer;font-size:14px;display:block;padding:4px 0;font-family:var(--body)} footer a:hover{color:#fff} footer .tag{font-family:var(--mono);font-size:12px;margin-top:14px;color:#6F86A0} footer .fbar{border-top:1px solid #1E3550;margin-top:34px;padding-top:18px;font-size:12.5px;color:#6F86A0} a.inline{color:var(--blue);font-weight:500} a.inline:hover{text-decoration:underline} :focus-visible{outline:2px solid var(--blue);outline-offset:2px} @media(max-width:860px){ .split,.g3,.g2,.tiles,.partner{grid-template-columns:1fr} .outcomes{flex-direction:column} .team{grid-template-columns:repeat(2,1fr)} .nav-links{display:none} section{padding:60px 0} } .note{background:#FFF8E6;border:1px solid #F0D88A;border-radius:0;padding:10px 28px;font-size:13px;color:#7A5B12;text-align:center;font-family:var(--mono)} /* brand graphic system (toolkit) */ .band{background:radial-gradient(120% 130% at 50% 0%, #1E3A5F 0%, #0F131F 72%)} .hero{background:radial-gradient(120% 90% at 50% 0%, #FFFFFF 0%, #EAF2FC 82%)} .metric{background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:10px;padding:24px} .metric .mv{font-family:var(--mono);font-weight:700;font-size:34px;color:var(--ink);line-height:1.05} .metric .ml{display:block;margin-top:10px;font-family:var(--mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-faint)} .cs-quote{margin-top:30px;border-left:3px solid var(--blue);padding:4px 0 4px 22px;font-family:var(--disp);font-weight:600;font-size:clamp(20px,2.6vw,26px);color:var(--ink);line-height:1.35} .cs-quote cite{display:block;margin-top:12px;font-family:var(--mono);font-size:12px;font-style:normal;letter-spacing:0.04em;color:var(--ink-faint)} .zone{position:relative;padding:30px} .zone .cm{position:absolute;width:16px;height:16px;border:2px solid var(--blue)} .zone .cm.tl{top:0;left:0;border-right:0;border-bottom:0} .zone .cm.tr{top:0;right:0;border-left:0;border-bottom:0} .zone .cm.bl{bottom:0;left:0;border-right:0;border-top:0} .zone .cm.br{bottom:0;right:0;border-left:0;border-top:0} .tile{min-width:0} .tile .meta{display:block;font-family:var(--mono);font-size:11px;color:var(--ink-faint);margin-top:8px;line-height:1.45;white-space:nowrap} .tile p + .meta{margin-top:18px} .tile .meta b{color:var(--cobalt);font-weight:700;margin-right:6px} .quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:28px} .quote-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:12px;padding:26px;display:flex;flex-direction:column} .quote-card p{font-family:var(--disp);font-weight:500;font-size:18px;color:var(--ink);line-height:1.4;margin:0 0 18px} .quote-card .who{margin-top:auto;font-size:12px;color:var(--ink-faint);font-family:var(--mono);letter-spacing:0.03em} .quote-card .who b{display:block;color:var(--blue);font-weight:700;font-size:14px;font-family:var(--body);white-space:nowrap;margin-bottom:2px} .showcase{background:radial-gradient(120% 130% at 50% -10%, #1E3A5F 0%, #0F131F 78%);color:var(--paper)} .showcase .eyebrow{color:#9FC0F2} .showcase .sec-h{color:#fff} .showcase .lede{color:#C5D2E6} .feat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:40px} .feat .fh{display:flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:600;font-size:16px;color:#fff;margin-bottom:8px;line-height:1.2;white-space:nowrap} .feat .fh svg{width:19px;height:19px;color:#7FB0FF;flex:0 0 auto} .feat p{font-size:14px;color:#C5D2E6;line-height:1.5;margin:0} @media(max-width:820px){.feat-row{grid-template-columns:repeat(2,1fr);gap:24px}} @media(max-width:480px){.feat-row{grid-template-columns:1fr}} .dash{position:relative;margin-top:34px;background:#15233A;border:1px solid rgba(78,128,238,.28);border-radius:16px;padding:26px} .dash .cm{border-color:var(--cobalt)} .dash-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} .kpi{background:#1E3A5F;border:1px solid rgba(78,128,238,.25);border-top:3px solid var(--cobalt);border-radius:10px;padding:16px} .kpi .ic{display:block;width:20px;height:20px;color:var(--cobalt);margin-bottom:10px} .kpi .v{font-family:var(--mono);font-weight:700;font-size:24px;color:#fff;line-height:1} .kpi .l{display:block;margin-top:7px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#9FC0F2} .dash-cols{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-top:14px} .panel{background:#1E3A5F;border:1px solid rgba(78,128,238,.25);border-radius:10px;padding:18px} .panel .pt{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9FC0F2;margin-bottom:14px} .scorecard .r{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(78,128,238,.16);font-size:13px;color:#E6EEFB} .scorecard .r:last-child{border-bottom:0} .scorecard .num{font-family:var(--mono);color:#fff;margin-right:2px} .grade{display:inline-block;min-width:22px;text-align:center;font-family:var(--mono);font-size:11px;font-weight:700;padding:2px 7px;border-radius:5px;margin-left:10px} .grade.a{background:var(--blue);color:#fff} .grade.b{background:var(--cobalt);color:#0F131F} .grade.c{background:rgba(78,128,238,.2);color:#9FC0F2} @media(max-width:780px){.dash-row{grid-template-columns:repeat(2,1fr)}.dash-cols{grid-template-columns:1fr}} .ph{position:relative;width:100%;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#EEF4FC,#DBEAFE);border:1px solid var(--line);color:var(--ink-faint);overflow:hidden} .ph.dark{background:radial-gradient(120% 140% at 50% 0%,#1E3A5F,#0F131F 82%);border-color:rgba(78,128,238,.3);color:#9FC0F2} .ph .lbl{display:flex;flex-direction:column;align-items:center;gap:9px;padding:24px;text-align:center;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase} .ph .lbl svg{width:40px;height:40px;opacity:.6} .ph .lbl small{font-family:var(--body);text-transform:none;letter-spacing:0;font-size:12px;opacity:.75} .ph.r169{aspect-ratio:16/9} .ph.r1610{aspect-ratio:16/10} .ph.r43{aspect-ratio:4/3} .ph .cm{position:absolute;width:18px;height:18px;border:2px solid var(--blue)} .ph.dark .cm{border-color:var(--cobalt)} .ph .cm.tl{top:12px;left:12px;border-right:0;border-bottom:0} .ph .cm.tr{top:12px;right:12px;border-left:0;border-bottom:0} .ph .cm.bl{bottom:12px;left:12px;border-right:0;border-top:0} .ph .cm.br{bottom:12px;right:12px;border-left:0;border-top:0} .media-split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center} @media(max-width:820px){.media-split{grid-template-columns:1fr;gap:26px}} /* visible grid + dark sections */ .section-mist,.band,.showcase,.dark-sec{position:relative;overflow:hidden} .section-mist > .wrap,.band > .wrap,.showcase > .wrap,.dark-sec > .wrap{position:relative;z-index:1} .section-mist:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(20,71,160,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(20,71,160,.05) 1px,transparent 1px);background-size:44px 44px} .band:before,.showcase:before,.dark-sec:before,.proof:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(219,234,254,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(219,234,254,.12) 1px,transparent 1px);background-size:44px 44px} .dark-sec{background:radial-gradient(120% 130% at 50% 0%,#1E3A5F 0%,#0F131F 80%);color:#C5D2E6} .dark-sec .eyebrow{color:#9FC0F2} .dark-sec .sec-h{color:#fff} .dark-sec .lede{color:#C5D2E6} .dark-sec > .wrap > p{color:#C5D2E6} .dark-sec .inline{color:var(--cobalt)} .dark-sec .right-banner{color:#fff;border-color:rgba(78,128,238,.3)} .dark-sec .right-banner b{color:#7FB0FF} .shot{position:relative;margin-top:34px;padding:14px} .shot img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid rgba(78,128,238,.35);box-shadow:0 26px 60px -24px rgba(0,0,0,.55)} .shot .cm{position:absolute;width:20px;height:20px;border:2px solid var(--cobalt)} .shot .cm.tl{top:0;left:0;border-right:0;border-bottom:0} .shot .cm.tr{top:0;right:0;border-left:0;border-bottom:0} .shot .cm.bl{bottom:0;left:0;border-right:0;border-top:0} .shot .cm.br{bottom:0;right:0;border-left:0;border-top:0} .hero-split{display:grid;grid-template-columns:1.02fr .98fr;gap:46px;align-items:center;text-align:left} .hero-split .hero-copy .lede{max-width:none} .hero-art{position:relative;padding:14px} .hero-art img{width:100%;height:auto;display:block;border-radius:16px;box-shadow:0 30px 70px -30px rgba(15,19,31,.5)} .hero-art .cm{position:absolute;width:20px;height:20px;border:2px solid var(--blue)} .hero-art .cm.tl{top:0;left:0;border-right:0;border-bottom:0} .hero-art .cm.tr{top:0;right:0;border-left:0;border-bottom:0} .hero-art .cm.bl{bottom:0;left:0;border-right:0;border-top:0} .hero-art .cm.br{bottom:0;right:0;border-left:0;border-top:0} @media(max-width:820px){.hero-split{grid-template-columns:1fr;gap:30px}} .shot.lite img{box-shadow:0 18px 44px -22px rgba(15,19,31,.28);border-color:var(--line)} .shot.lite .cm{border-color:var(--blue)} .device{position:relative;padding:16px;margin-top:0} .device .bezel{background:#0F131F;border-radius:16px;padding:9px;box-shadow:0 30px 70px -30px rgba(15,19,31,.5)} .device .bezel img{display:block;width:100%;height:auto;border-radius:9px} .device .cm{position:absolute;width:22px;height:22px;border:2px solid var(--blue)} .device .cm.tl{top:0;left:0;border-right:0;border-bottom:0} .device .cm.tr{top:0;right:0;border-left:0;border-bottom:0} .device .cm.bl{bottom:0;left:0;border-right:0;border-top:0} .device .cm.br{bottom:0;right:0;border-left:0;border-top:0} /* polish: micro-interactions + card icons */ .card,.tile,.metric,.quote-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease} .card:hover,.tile:hover,.metric:hover,.quote-card:hover{transform:translateY(-3px);box-shadow:0 20px 44px -26px rgba(15,19,31,.4);border-color:#C3D6F1} .btn{transition:transform .15s ease,box-shadow .15s ease,background .15s,border-color .15s} .btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px -14px rgba(20,71,160,.55)} .ic-badge{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:var(--blue-tint);color:var(--blue);margin-bottom:16px} .ic-badge svg{width:22px;height:22px} /* who-we-serve industry chips */ .serve-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px} .serve-tag{display:inline-flex;align-items:center;gap:7px;background:var(--mist);border:1px solid var(--line);border-radius:8px;padding:7px 11px;font-size:13px;font-weight:500;color:var(--ink-soft)} .serve-tag svg{width:16px;height:16px;color:var(--blue);flex:0 0 auto} /* customer logo wall: refined two-row marquee, soft white plates on dark */ .logo-rows{display:flex;flex-direction:column;gap:16px;margin-top:6px} .track.rev{animation-direction:reverse} .track.slow{animation-duration:124s} .logo-item{flex:0 0 auto;margin-right:16px;min-width:196px;height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:0 28px;background:#fff;box-shadow:0 12px 30px -14px rgba(0,0,0,.55)} .logo-item .cust{display:block;font-family:var(--disp);font-weight:700;font-size:15px;color:#5E7391;letter-spacing:-0.01em;white-space:nowrap;transition:color .18s ease} .logo-item .spon{display:block;font-family:var(--mono);font-size:10px;color:#98A8C0;margin-top:0;letter-spacing:0.03em;white-space:nowrap} .logo-item:hover .cust{color:var(--blue)} .cust-logo{max-height:34px;max-width:158px;width:auto;height:auto;object-fit:contain} /* persona cards (AI-built-in section) */ .personas{display:flex;flex-direction:column;gap:12px} .persona{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 18px;transition:transform .18s ease,box-shadow .18s ease} .persona:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(15,59,134,.10)} .persona .role{flex:0 0 auto;width:92px;text-align:center;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--blue);border-radius:8px;padding:9px 0} .persona p{margin:0;font-size:14.5px;line-height:1.5;color:var(--ink-soft)} /* white cards pop on the dark difference section */ .dark-sec .grid .card{border-color:rgba(255,255,255,.08);box-shadow:0 16px 42px rgba(0,0,0,.30)} .dark-sec .grid .card:hover{box-shadow:0 24px 54px rgba(0,0,0,.40)} /* industries: dark showcase + pronounced circular icon badges */ .dark-sec .cat-label{color:#9FC0F2;border-color:rgba(197,210,230,.18)} .dark-sec .tile{border-color:rgba(255,255,255,.08);box-shadow:0 16px 42px rgba(0,0,0,.30)} .dark-sec .tile:hover{box-shadow:0 24px 54px rgba(0,0,0,.40)} .dark-sec .pe-note{box-shadow:0 18px 46px rgba(0,0,0,.32)} .dark-sec .tile .ic-badge,.dark-sec .pe-note .ic-badge{width:52px;height:52px;border-radius:50%;background:linear-gradient(150deg,#1E3A5F 0%,#0F131F 92%);color:var(--cobalt);box-shadow:0 8px 20px rgba(15,19,31,.42)} .dark-sec .tile .ic-badge svg,.dark-sec .pe-note .ic-badge svg{width:26px;height:26px} /* pricing tiers pop on dark */ .dark-sec .tier{border-color:rgba(255,255,255,.08);box-shadow:0 14px 36px rgba(0,0,0,.28)} .dark-sec .tier:hover{transform:translateY(-2px);box-shadow:0 20px 46px rgba(0,0,0,.38)} /* deeper mist to separate the-model section from the near-white hero */ .section-mist.deep{background:var(--mist-2);border-top:1px solid #C6DAF4} /* pathway to ai: horizontal equation on dark ground */ .path-row{display:flex;align-items:stretch;gap:12px;margin-top:42px} .path-step{flex:1;background:#1E3A5F;border:1px solid rgba(78,128,238,.35);border-top:3px solid var(--cobalt);border-radius:12px;padding:22px 22px 20px;box-shadow:0 16px 42px rgba(0,0,0,.30);transition:transform .18s ease,box-shadow .18s ease} .path-step:hover{transform:translateY(-3px);box-shadow:0 24px 54px rgba(0,0,0,.42)} .path-step .num{font-family:var(--mono);font-weight:700;font-size:26px;color:#7FB0FF;margin-bottom:10px;letter-spacing:.04em} .path-step .lt{font-family:var(--disp);font-weight:600;font-size:18px;color:#fff;margin-bottom:8px;line-height:1.25;white-space:nowrap} .path-step .ld{font-size:14.5px;line-height:1.55;color:#C5D2E6} .path-op{align-self:center;font-family:var(--mono);font-weight:700;font-size:28px;color:#7FB0FF;flex:0 0 auto} .path-eq{text-align:center;font-family:var(--mono);font-weight:700;font-size:34px;color:#7FB0FF;margin:18px 0 0;line-height:1} .outcome-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px} .outcome-col .layer.outcome{flex:0 0 auto} .oshot{position:relative;padding:12px} .oshot img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid rgba(78,128,238,.35);box-shadow:0 22px 52px -26px rgba(0,0,0,.65)} .oshot .cm{position:absolute;width:16px;height:16px;border:2px solid var(--cobalt)} .oshot .cm.tl{top:0;left:0;border-right:0;border-bottom:0} .oshot .cm.tr{top:0;right:0;border-left:0;border-bottom:0} .oshot .cm.bl{bottom:0;left:0;border-right:0;border-top:0} .oshot .cm.br{bottom:0;right:0;border-left:0;border-top:0} @media(max-width:820px){.outcomes{flex-direction:column}} @media(max-width:860px){.path-row{flex-direction:column}.path-step .lt{white-space:normal}} /* what-we-do cards: extra air between heading and copy */ .wwd .card h3{margin-bottom:14px} .etl-flow{margin:40px auto 0;max-width:900px;text-align:center} .etl-flow .etl-pill{display:inline-block;font-family:var(--disp);font-weight:600;font-size:17px;color:var(--blue-deep);background:var(--mist-2);border:1px solid #B9D6F4;border-radius:10px;padding:9px 22px;position:relative;z-index:1;margin-bottom:-19px;box-shadow:0 10px 24px rgba(0,0,0,.25)} .etl-flow img{width:100%;height:auto;border-radius:12px;box-shadow:0 24px 56px -24px rgba(0,0,0,.5)} /* case-study client-brand badge */ .cs-head{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;margin-bottom:16px} .cs-head .eyebrow{margin-bottom:14px} .cs-brand{background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:12px;padding:14px 24px;box-shadow:0 16px 38px -22px rgba(15,19,31,.45);flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px} .cs-brand img{height:64px;width:auto;display:block} .cs-brand .cs-brand-lbl{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)} /* scroll-reveal motion (demo: home). Only active once JS adds .reveal-on, so no-JS shows everything. */ .reveal-on .reveal{opacity:0;transform:translateY(24px) scale(.985);transition:opacity .6s cubic-bezier(.16,.8,.3,1),transform .7s cubic-bezier(.16,.8,.3,1)} .reveal-on .reveal.vis{opacity:1;transform:none} @media (prefers-reduced-motion: reduce){.reveal-on .reveal{opacity:1!important;transform:none!important;transition:none}} /* ROI example benefit cards */ .roi-points{display:grid;grid-template-columns:1fr 1fr;gap:14px;grid-auto-rows:1fr;margin-top:22px} .roi-pt{display:flex;gap:12px;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:15px 16px;transition:transform .2s ease,box-shadow .2s ease} .roi-pt:hover{transform:translateY(-3px);box-shadow:0 18px 40px -24px rgba(15,19,31,.42)} .roi-pt .rp-ic{position:relative;flex:0 0 auto;width:22px;height:22px;border-radius:6px;background:var(--mist-2)} .roi-pt .rp-ic:after{content:"";position:absolute;left:8px;top:4px;width:5px;height:10px;border:solid var(--blue);border-width:0 2px 2px 0;transform:rotate(45deg)} .roi-pt .rp-t{display:flex;flex-direction:column;gap:3px;min-width:0} .roi-pt .rp-h{font-weight:600;font-size:15px;color:var(--ink);line-height:1.25} .roi-pt .rp-t p{margin:0;font-size:13.5px;color:var(--ink-soft);line-height:1.45;min-height:2.9em} @media (max-width:560px){.roi-points{grid-template-columns:1fr;grid-auto-rows:auto}} /* Live demo showcase */ .demo-toggle{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap} .demo-tab{font-family:var(--mono);font-size:12.5px;letter-spacing:.02em;color:var(--ink-soft);background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 20px;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease} .demo-tab:hover{border-color:var(--cobalt);color:var(--ink)} .demo-tab.active{background:var(--blue);border-color:var(--blue);color:#fff} .demo-frame{margin-top:20px} .demo-stage{position:relative;overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 22px 52px -26px rgba(0,0,0,.65);height:660px} .demo-stage iframe{position:absolute;top:0;left:0;width:142.857%;height:142.857%;border:0;transform:scale(.7);transform-origin:0 0} .demo-cap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:16px} .demo-note{font-size:13px;color:var(--ink-faint);margin:0} .demo-open{font-family:var(--mono);font-size:13px;color:var(--blue);text-decoration:none;border-bottom:1px solid rgba(20,71,160,.35);padding-bottom:2px;transition:color .18s ease,border-color .18s ease} .demo-open:hover{color:var(--blue-deep);border-color:var(--blue-deep)} @media (max-width:700px){.demo-stage{height:460px}} .nav .btn-primary{padding:9px 17px;font-size:13.5px} /* ===== Industries mockup additions ===== */ .ix-banner{background:#FEF6D8;border-bottom:1px solid #EAD9A0;color:#6B5B21;font-family:var(--mono);font-size:12.5px;text-align:center;padding:9px 16px} .ix-page{display:none} .ix-page.active{display:block} #ind-index{display:none} #ind-index.active{display:block} /* index grid - dark industry cards */ .ix-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:36px} .ix-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:24px;text-align:left;width:100%; border-radius:20px;padding:30px 32px;cursor:pointer;font-family:var(--body); background:linear-gradient(155deg,#1E3A5F 0%,#12233B 60%,#0F131F 100%); border:1px solid rgba(120,160,220,.20); box-shadow:0 16px 40px rgba(15,19,31,.30); transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease} .ix-card:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55; background:repeating-linear-gradient(0deg,transparent 0 33px,rgba(78,128,238,.12) 33px 34px), repeating-linear-gradient(90deg,transparent 0 33px,rgba(78,128,238,.12) 33px 34px); -webkit-mask-image:linear-gradient(160deg,rgba(0,0,0,.75),transparent 72%); mask-image:linear-gradient(160deg,rgba(0,0,0,.75),transparent 72%)} .ix-card>*{position:relative;z-index:1} .ix-card:hover{transform:translateY(-5px);box-shadow:0 28px 60px rgba(15,19,31,.48);border-color:rgba(130,175,245,.55)} .ix-card:focus-visible{outline:2px solid var(--cobalt);outline-offset:3px} .ix-card .ix-card-ic{flex:0 0 auto;width:78px;height:78px;border-radius:20px;display:grid;place-items:center;margin:0; background:linear-gradient(150deg,#2E6BE0 0%,#1447A0 55%,#0F3B86 100%);color:#F8FAFC; box-shadow:0 10px 26px rgba(20,71,160,.5),inset 0 1px 0 rgba(255,255,255,.28); transition:transform .22s ease,box-shadow .22s ease} .ix-card .ix-card-ic svg{width:40px;height:40px} .ix-card:hover .ix-card-ic{transform:scale(1.06) rotate(-2deg);box-shadow:0 14px 34px rgba(46,107,224,.62),inset 0 1px 0 rgba(255,255,255,.32)} .ix-card-body{flex:1 1 auto;min-width:0} .ix-card-body h3{font-family:var(--disp);font-weight:600;font-size:23px;color:#F8FAFC;margin:0 0 7px;letter-spacing:.01em} .ix-card-body p{font-size:14px;line-height:1.55;color:#B9CFEC;font-weight:400;margin:0} .ix-card-sys{display:block;margin-top:14px;font-family:var(--mono);font-size:11px;letter-spacing:.04em; color:#7FA6E6;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ix-arrow{flex:0 0 auto;align-self:center;width:40px;height:40px;border-radius:50%;display:grid;place-items:center; font-size:18px;color:#9FC0F2;border:1px solid rgba(130,170,235,.42);background:rgba(78,128,238,.12); transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease} .ix-card:hover .ix-arrow{transform:translateX(4px);background:var(--cobalt);color:#fff;border-color:var(--cobalt)} /* industry page hero */ .ix-hero{padding-top:40px} .ix-back{display:inline-block;font-family:var(--mono);font-size:12.5px;color:var(--blue); text-decoration:none;margin-bottom:20px;cursor:pointer;letter-spacing:.02em} .ix-back:hover{text-decoration:underline} .ix-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center} .ix-h1{display:flex;align-items:center;gap:16px;font-size:clamp(34px,5vw,52px)} .ix-h1-ic{width:56px;height:56px;flex:0 0 auto} .ix-h1-ic svg{width:30px;height:30px} /* designed dashboard panel */ .ix-dash{position:relative;overflow:hidden;border-radius:18px;padding:22px 22px 14px; background:linear-gradient(160deg,#204368 0%,#12233B 58%,#0F131F 100%); border:1px solid rgba(120,160,220,.22);box-shadow:0 28px 66px rgba(15,19,31,.46)} .ix-dash:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5; background:repeating-linear-gradient(0deg,transparent 0 30px,rgba(78,128,238,.11) 30px 31px), repeating-linear-gradient(90deg,transparent 0 30px,rgba(78,128,238,.11) 30px 31px); -webkit-mask-image:linear-gradient(160deg,rgba(0,0,0,.7),transparent 75%);mask-image:linear-gradient(160deg,rgba(0,0,0,.7),transparent 75%)} .ix-dash>*{position:relative;z-index:1} .ix-dash-top{display:flex;align-items:center;gap:10px;margin-bottom:14px} .ix-dots{display:inline-flex;gap:5px} .ix-dots i{width:8px;height:8px;border-radius:50%;background:rgba(159,192,242,.45)} .ix-dash-title{font-family:var(--mono);font-size:12.5px;color:#DCEAFE;letter-spacing:.02em} .ix-dash-tag{margin-left:auto;font-family:var(--mono);font-size:9.5px;color:#0B1A2E;background:#4E80EE; padding:3px 9px;border-radius:5px;letter-spacing:.12em;font-weight:700} .ix-d-chart{width:100%;height:104px;display:block;margin-bottom:6px} .ix-d-grid{stroke:rgba(159,192,242,.13);stroke-width:1} .ix-d-row{display:flex;align-items:center;gap:12px;padding:12px 2px;border-top:1px solid rgba(120,160,220,.14)} .ix-d-label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#9FC0F2;flex:1 1 auto} .ix-d-val{font-family:var(--mono);font-size:15px;color:#F8FAFC;font-weight:700;letter-spacing:.01em} .ix-d-delta{font-family:var(--mono);font-size:10.5px;color:#BFD6F5;background:rgba(78,128,238,.16); padding:3px 7px;border-radius:5px;min-width:58px;text-align:right} .ix-dash-foot{font-family:var(--mono);font-size:9.5px;color:#5E7BA6;text-align:right;margin-top:10px;letter-spacing:.06em;text-transform:uppercase} /* proof stat strip */ .ix-statsec{padding:0} .ix-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;transform:translateY(-34px)} .ix-stat{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:14px; padding:22px 24px;box-shadow:0 18px 40px rgba(20,71,160,.10)} .ix-stat-v{display:block;font-family:var(--mono);font-size:34px;font-weight:700;color:var(--blue);line-height:1} .ix-stat-l{display:block;margin-top:10px;font-size:12.5px;letter-spacing:.02em;color:var(--ink-faint);text-transform:uppercase;font-family:var(--mono)} .cmark{position:absolute;width:14px;height:14px;border-color:var(--cobalt);border-style:solid;border-width:0} .cmark.tl{top:10px;left:10px;border-top-width:2px;border-left-width:2px} .cmark.tr{top:10px;right:10px;border-top-width:2px;border-right-width:2px} .cmark.bl{bottom:10px;left:10px;border-bottom-width:2px;border-left-width:2px} .cmark.br{bottom:10px;right:10px;border-bottom-width:2px;border-right-width:2px} /* value cards */ .ix-values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px} .ix-value{position:relative;background:var(--paper);border:1px solid rgba(255,255,255,.10);border-radius:16px; padding:26px 24px 24px;box-shadow:0 18px 44px rgba(0,0,0,.28);transition:transform .2s ease,box-shadow .2s ease} .ix-value:hover{transform:translateY(-4px);box-shadow:0 26px 56px rgba(0,0,0,.4)} .ix-value-n{display:block;font-family:var(--mono);font-size:12px;font-weight:700;color:var(--cobalt); letter-spacing:.14em;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)} .ix-value-h{font-family:var(--disp);font-size:18px;color:var(--ink);margin-bottom:9px} .ix-value p{font-size:14px;line-height:1.55;color:var(--ink-soft);margin:0} .ix-roi{display:flex;gap:18px;align-items:center;margin-top:26px;padding:22px 26px; background:rgba(78,128,238,.12);border:1px solid rgba(78,128,238,.35);border-radius:14px} .ix-roi-k{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:#9FC0F2;flex:0 0 auto} .ix-roi p{margin:0;color:var(--paper);font-size:16px;line-height:1.5} /* systems + kpis two-column */ .ix-two{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start} .ix-sys-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px} .ix-sys{font-family:var(--mono);font-size:13px;color:var(--blue);background:var(--paper); border:1px solid var(--line);border-radius:999px;padding:10px 18px} .ix-kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px} .ix-kpi{display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line); border-top:2px solid var(--blue);border-radius:12px;padding:14px 16px;font-size:14px;color:var(--ink);font-weight:600; transition:transform .18s ease,box-shadow .18s ease} .ix-kpi:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(20,71,160,.12)} .ix-tick{width:16px;height:16px;flex:0 0 auto;border-radius:4px;background:var(--blue-tint);position:relative} .ix-tick:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid var(--blue); border-width:0 2px 2px 0;transform:rotate(45deg)} /* who we help - operator types */ .ix-types{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px} .ix-type{background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--blue);border-radius:14px; padding:24px 22px;transition:transform .18s ease,box-shadow .18s ease} .ix-type:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,71,160,.12)} .ix-type-k{font-family:var(--mono);font-size:12px;color:var(--cobalt);letter-spacing:.1em} .ix-type-h{font-family:var(--disp);font-size:18px;color:var(--ink);margin:13px 0 8px} .ix-type p{font-size:14px;line-height:1.55;color:var(--ink-faint);margin:0} @media(max-width:860px){ .ix-grid{grid-template-columns:1fr} .ix-card{padding:24px 22px;gap:18px} .ix-card .ix-card-ic{width:62px;height:62px;border-radius:16px} .ix-card .ix-card-ic svg{width:32px;height:32px} .ix-card-body h3{font-size:20px} .ix-hero-grid{grid-template-columns:1fr} .ix-values{grid-template-columns:1fr} .ix-two{grid-template-columns:1fr;gap:38px} .ix-kpis{grid-template-columns:1fr} .ix-stats{grid-template-columns:1fr;transform:translateY(-18px);gap:14px} .ix-types{grid-template-columns:1fr} } /* ===== core-page components (integrated from the tight/core page) ===== */ .dark-sec > .wrap > .pts li{color:#C5D2E6} .dark-sec > .wrap > .pts li:before{color:#7FB0FF} html{scroll-behavior:smooth} .orbit{position:relative;width:100%;max-width:740px;margin:40px auto 0;aspect-ratio:1/1} .orbit .spokes{position:absolute;inset:0;width:100%;height:100%} .orbit .spokes line{stroke:#ffffff;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:3 6;opacity:.6;animation:orbflow 1.5s linear infinite} @keyframes orbflow{to{stroke-dashoffset:36}} .orbit .center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40%;height:40%;border-radius:50%;background:radial-gradient(circle at 50% 30%,#2a63b8,#0c2a63);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 26px 60px -16px rgba(20,71,160,.85),inset 0 0 0 1px rgba(127,176,255,.25);border:2px solid rgba(127,176,255,.55);z-index:2} .orbit .center svg{width:44px;height:44px;margin-bottom:10px;color:#BFD6FF} .orbit .center .lbl{font-family:var(--disp);font-weight:800;font-size:19px;letter-spacing:-.01em;line-height:1.08} .orbit-node{position:absolute;transform:translate(-50%,-50%);width:104px;height:58px;border-radius:13px;background:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 30px -12px rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:9px 13px;z-index:1} .orbit-node img{max-width:100%;max-height:100%;object-fit:contain} .orbit-cat{position:absolute;transform:translate(-50%,-50%);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9FC0F2;white-space:nowrap;z-index:1} @media(max-width:600px){.orbit-node{width:72px;height:44px;padding:6px 8px;border-radius:10px}.orbit-cat{font-size:13px;letter-spacing:.09em;font-weight:700}.orbit .center .lbl{font-size:13px}.orbit .center svg{width:30px;height:30px;margin-bottom:5px}} .hero-dark{background:radial-gradient(120% 130% at 50% 0%,#1E3A5F 0%,#0F131F 82%);position:relative;overflow:hidden} .hero-dark:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(219,234,254,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(219,234,254,.06) 1px,transparent 1px);background-size:46px 46px} .hero-dark .wrap{position:relative;z-index:1} .hero-dark .hero-h{color:#fff} .hero-dark .lede{color:#C5D2E6} .hero-dark .eyebrow{color:#9FC0F2} .hero-dark .btn-ghost{background:transparent;color:#fff;border-color:#3A506B} .hero-dark .btn-ghost:hover{border-color:#6FB2F0} .sol-panel{margin-top:32px;background:linear-gradient(180deg,#0e1626,#0a0f1c);border:1px solid rgba(127,176,255,.16);border-radius:20px;padding:24px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:stretch} .sol-col{background:#EEF4FF;border:1px solid #cdddf5;border-radius:14px;padding:16px 14px;display:flex;flex-direction:column;gap:8px} .sol-step{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);margin-bottom:4px} .sol-item{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #d7e3f5;border-radius:9px;padding:8px 11px;font-weight:600;font-size:13px;color:var(--ink)} .sol-item svg{width:16px;height:16px;color:var(--blue);flex:0 0 auto} .sol-desc{font-size:12px;font-style:italic;color:var(--ink-soft);line-height:1.4;margin:0 0 2px} .med{border-radius:9px;padding:9px 12px;color:#fff} .med b{display:block;font-size:13px;letter-spacing:.02em} .med span{font-size:11px;font-style:italic;opacity:.85} .med.bronze{background:#1E3A5F}.med.silver{background:#2b58b0}.med.gold{background:linear-gradient(90deg,#2f66cc,#6a51c9)} .med span,.sem span{opacity:1} .sem{border-radius:9px;padding:9px 12px;background:#1447A0;color:#fff} .sem b{display:block;font-size:13px}.sem span{font-size:11px;font-style:italic;opacity:.85} .sol-arrow{display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:800;font-size:26px;color:#6FB2F0} .sol-foot{margin-top:22px;text-align:center;font-style:italic;font-weight:600;color:#C5D2E6} @media(max-width:900px){.sol-panel{grid-template-columns:1fr;gap:12px}.sol-arrow{transform:rotate(90deg)}} .feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;margin-top:36px} .feat-box{position:relative;background:linear-gradient(180deg,#ffffff,#eaf2ff);border:1px solid #d3e0f2;border-radius:18px;padding:28px 26px 24px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease} .feat-box::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4E80EE,#1447A0)} .feat-box:hover{transform:translateY(-4px);box-shadow:0 28px 56px -26px rgba(15,19,31,.5)} .feat-ic{width:56px;height:56px;border-radius:15px;background:linear-gradient(150deg,#4E80EE,#1447A0);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:18px;box-shadow:0 14px 26px -8px rgba(20,71,160,.55)} .feat-ic svg{width:28px;height:28px} .feat-box h3{font-family:var(--disp);font-weight:800;font-size:21px;color:var(--ink);margin:0 0 8px;line-height:1.12} .feat-box p{margin:0 0 18px;font-size:14.5px;color:var(--ink-soft);line-height:1.5} .feat-kpis{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #dbe6f6;padding-top:16px} .feat-kpi{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.01em;color:var(--blue-deep);background:linear-gradient(180deg,#e4eeff,#d5e4fb);border:1px solid #c3d8f4;border-radius:8px;padding:6px 10px} .ai-row{display:flex;align-items:stretch;gap:14px;flex-wrap:wrap;margin-top:34px} .ai-box{flex:1 1 240px;background:linear-gradient(180deg,#eaf1ff,#d3e4ff);border:1px solid #bcd5f7;border-radius:16px;padding:22px 20px;box-shadow:0 20px 46px -20px rgba(0,0,0,.6)} .ai-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px} .ai-ic{width:46px;height:46px;border-radius:12px;background:linear-gradient(150deg,#1447A0,#0f3b86);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px -8px rgba(20,71,160,.6)} .ai-ic svg{width:24px;height:24px} .ai-num{font-family:var(--mono);font-weight:700;font-size:28px;color:#4E80EE} .ai-box h3{font-family:var(--disp);font-weight:800;font-size:20px;color:#0F131F;margin:0 0 6px} .ai-box p{margin:0;font-size:14px;color:#1E3A5F;line-height:1.45} .ai-op{display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:800;font-size:32px;color:#7FB0FF;flex:0 0 auto} .ai-eq{text-align:center;font-family:var(--disp);font-weight:800;font-size:32px;color:#7FB0FF;margin:22px 0 0} .ai-result{text-align:center;font-family:var(--disp);font-weight:800;font-size:clamp(24px,3.4vw,34px);color:#fff;margin:6px auto 0;line-height:1.1} .ai-sub{text-align:center;max-width:720px;margin:12px auto 0;color:#C5D2E6;font-size:16px;line-height:1.5} @media(max-width:760px){.ai-row{flex-direction:column}.ai-op{transform:rotate(90deg);padding:2px 0}} .ind-wrap{margin-top:34px;display:flex;flex-direction:column;gap:34px} .ind-label{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#9FC0F2;display:flex;align-items:center;gap:14px;margin-bottom:18px} .ind-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(127,176,255,.32),transparent)} .ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} .ind-box{display:flex;flex-direction:column;background:linear-gradient(180deg,#16233c,#0f1a2e);border:1px solid rgba(127,176,255,.15);border-radius:16px;padding:24px 22px 20px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease} .ind-box:hover{transform:translateY(-5px);box-shadow:0 28px 56px -22px rgba(0,0,0,.62);border-color:rgba(127,176,255,.4)} .ind-ic{width:50px;height:50px;border-radius:14px;background:linear-gradient(150deg,#4E80EE,#1447A0);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:16px;box-shadow:0 14px 26px -8px rgba(20,71,160,.6)} .ind-ic svg{width:25px;height:25px} .ind-box h3{font-family:var(--disp);font-weight:800;font-size:18.5px;color:#F4F8FF;margin:0 0 7px;line-height:1.14} .ind-box p{margin:0 0 16px;font-size:13.5px;color:#C5D2E6;line-height:1.46} .ind-metrics{margin-top:auto;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.01em;color:#7FB0FF;border-top:1px solid rgba(127,176,255,.16);padding-top:13px;line-height:1.55} @media(max-width:1080px){.ind-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:560px){.ind-grid{grid-template-columns:1fr}} /* ===== value-points + slim who-we-serve (variant _48) ===== */ .wdo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px} .wdo-card{display:flex;flex-direction:column;background:linear-gradient(160deg,#1E3A5F 0%,#0F131F 100%);border:1px solid rgba(127,176,255,.16);border-radius:16px;padding:24px 22px 20px;transition:transform .2s ease,box-shadow .2s ease} .wdo-card:hover{transform:translateY(-4px);box-shadow:0 28px 56px -24px rgba(0,0,0,.55);border-color:rgba(127,176,255,.4)} .wdo-ic{width:44px;height:44px;border-radius:12px;background:linear-gradient(150deg,#4E80EE,#1447A0);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:15px;flex:0 0 auto} .wdo-ic svg{width:22px;height:22px} .wdo-card h3{font-family:var(--disp);font-weight:800;font-size:18px;color:#F4F8FF;margin:0 0 7px;line-height:1.14} .wdo-card p{margin:0 0 15px;font-size:13.5px;color:#C5D2E6;line-height:1.5} .wdo-pay{margin-top:auto;font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#7FB0FF;border-top:1px solid rgba(127,176,255,.18);padding-top:12px;line-height:1.4} .serve-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px} .serve-tile{display:flex;align-items:center;gap:13px;background:linear-gradient(180deg,#16233c,#0f1a2e);border:1px solid rgba(127,176,255,.15);border-radius:13px;padding:15px 16px} .serve-ic{width:38px;height:38px;border-radius:10px;background:linear-gradient(150deg,#4E80EE,#1447A0);display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto} .serve-ic svg{width:20px;height:20px} .serve-tx h3{font-family:var(--disp);font-weight:800;font-size:15px;color:#F4F8FF;margin:0 0 3px;line-height:1.1} .serve-tx span{font-family:var(--mono);font-size:10px;letter-spacing:.02em;color:#7FB0FF;line-height:1.3;display:block} @media(max-width:900px){.wdo-grid{grid-template-columns:repeat(2,1fr)}.serve-strip{grid-template-columns:repeat(2,1fr)}} @media(max-width:560px){.wdo-grid{grid-template-columns:1fr}.serve-strip{grid-template-columns:1fr}} /* ===== process-flow solution (variant _48) ===== */ .flow-scroll{margin-top:34px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px} .flow-svg{width:100%;min-width:1000px;height:auto;display:block} .flow-rail{margin-top:22px;background:#0F131F;border-radius:14px;padding:18px 28px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:center} .flow-rail .fr-k{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#9FC0F2;white-space:nowrap} .flow-rail .fr-seq{font-family:var(--disp);font-weight:800;font-size:clamp(15px,1.7vw,22px);color:#fff;letter-spacing:-0.01em;line-height:1.3} .flow-rail .fr-seq i{color:#4E80EE;font-style:normal;margin:0 7px} @media(max-width:820px){.flow-rail{flex-direction:column;gap:10px;text-align:center;padding:16px 18px}} /* ===== hero dashboard in iPad (variant _48) ===== */ .ipad{max-width:1000px;margin:0 auto;position:relative;background:linear-gradient(180deg,#141a28,#0b0f1a);border:1px solid #2b3752;border-radius:30px;padding:16px;box-shadow:0 44px 100px -34px rgba(0,0,0,.75)} .ipad-cam{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background:#3a465f} .ipad-screen{border-radius:12px;overflow:hidden;background:#fff;line-height:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)} .ipad-screen img{width:100%;height:auto;display:block} .ipad-cap{text-align:center;font-family:var(--mono);font-size:12px;letter-spacing:.05em;color:#9FC0F2;margin:18px 0 0} @media(max-width:560px){.ipad{border-radius:20px;padding:10px}} /* ===== simple industry template + resources (variant _48) ===== */ .hero-cred{margin-top:26px;font-family:var(--mono);font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:#9FC0F2} .dark-sec .btn-ghost{color:#fff;border-color:rgba(255,255,255,.30)} .dark-sec .btn-ghost:hover{border-color:#6FB2F0} .ind2-sys{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px} .ind2-chip{font-family:var(--body);font-weight:600;font-size:14px;color:var(--ink-soft);background:#fff;border:1px solid var(--line);border-radius:999px;padding:11px 20px} .ind2-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px} .ind2-kpi{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #E1E9F5;border-radius:12px;padding:16px 18px} .ind2-kpi .kd{width:9px;height:9px;border-radius:50%;background:#1447A0;flex:0 0 auto} .ind2-kpi span:last-child{font-family:var(--body);font-weight:600;font-size:14px;color:var(--ink)} .wdo-grid.ind4{grid-template-columns:repeat(4,1fr)} .res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px} .res-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 24px;transition:transform .2s ease,box-shadow .2s ease} .res-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px -26px rgba(15,19,31,.4)} .res-tag{align-self:flex-start;font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);background:var(--mist-2);border-radius:999px;padding:5px 11px;margin-bottom:16px} .res-card h3{font-family:var(--disp);font-weight:800;font-size:19px;color:var(--ink);margin:0 0 10px;line-height:1.18} .res-card p{margin:0 0 18px;font-size:14px;color:var(--ink-soft);line-height:1.5} .res-link{margin-top:auto;font-family:var(--body);font-weight:700;font-size:14px;color:var(--blue);cursor:pointer} @media(max-width:1000px){.wdo-grid.ind4{grid-template-columns:repeat(2,1fr)}} @media(max-width:900px){.ind2-kpis{grid-template-columns:repeat(2,1fr)}.res-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:560px){.wdo-grid.ind4{grid-template-columns:1fr}.ind2-kpis{grid-template-columns:1fr}.res-grid{grid-template-columns:1fr}} /* ===== founders feature (variant _48) ===== */ .fdr-sec{position:relative;overflow:hidden;background:linear-gradient(135deg,#1a56b8 0%,#0e3576 100%);padding:60px 0 0;margin-top:0} .fdr-sec > .wrap{position:relative;z-index:2} .fdr-brace{position:absolute;right:-4%;top:52%;transform:translateY(-50%);font-family:var(--disp);font-weight:800;font-size:min(660px,60vw);line-height:.8;color:rgba(255,255,255,.06);z-index:1;pointer-events:none;user-select:none} .fdr-eb{color:#DBEAFE} .fdr-h{font-family:var(--disp);font-weight:800;font-size:clamp(30px,4vw,46px);color:#fff;margin:10px 0 0;letter-spacing:-0.01em;line-height:1.05} .fdr-lede{color:#DBEAFE;max-width:720px;margin:14px 0 0;font-size:16px;line-height:1.5} .fdr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:34px;align-items:end} .fdr{display:flex;flex-direction:column;align-items:center;text-align:center} .fdr-info{margin-bottom:6px} .fdr-n{display:block;font-family:var(--disp);font-weight:800;font-size:22px;color:#fff;line-height:1.1} .fdr-t{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#9FC0F2;margin-top:4px} .fdr-ph{width:100%;display:flex;justify-content:center} .fdr-ph img{width:100%;max-width:330px;height:auto;display:block} @media(max-width:760px){.fdr-grid{grid-template-columns:1fr;gap:24px}.fdr-brace{display:none}} /* ===== industries dropdown + industry lockup (variant _48) ===== */ .nav-links .has-drop{position:relative;display:inline-flex} .nav-inner,.nav-links{overflow:visible} .nav-drop{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);min-width:250px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 26px 54px -22px rgba(15,19,31,.4);padding:8px;display:none;flex-direction:column;gap:2px;z-index:120} .has-drop:hover .nav-drop,.has-drop:focus-within .nav-drop{display:flex} .nav-drop::before{content:"";position:absolute;left:0;right:0;top:-14px;height:16px} .nav-drop a{display:block;width:100%;text-align:left;background:none;border:none;font-family:var(--body);font-weight:600;font-size:14px;color:var(--ink-soft);padding:9px 13px;border-radius:8px;cursor:pointer;white-space:nowrap} .nav-drop a:hover{background:var(--mist);color:var(--blue)} .sslock{display:inline-flex;align-items:center;gap:14px;justify-content:center;margin-bottom:20px} .sslock-mark{width:200px;height:35px;color:#fff;display:block} .sslock-bar{width:2px;height:26px;background:#4E80EE;flex:0 0 auto} .sslock-for{font-family:var(--mono);font-weight:700;font-size:14px;letter-spacing:.13em;text-transform:uppercase;color:#4E80EE} @media(max-width:760px){.sslock-mark{width:160px;height:28px}} /* ===== fitness landing: hero + brand proof (variant _48) ===== */ .fh-visual-wrap{margin-top:44px} .fh-visual{position:relative;max-width:960px;margin:0 auto} .fh-screen{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 50px 100px -34px rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.10)} .fh-bar{display:flex;align-items:center;gap:7px;padding:11px 16px;background:#eef2f8;border-bottom:1px solid #e0e7f1} .fh-bar > span{width:11px;height:11px;border-radius:50%;background:#cdd6e4} .fh-bar > span:first-child{background:#ff6058}.fh-bar > span:nth-child(2){background:#ffbd2e}.fh-bar > span:nth-child(3){background:#28c840} .fh-url{margin-left:14px;font-family:var(--mono);font-size:12px;color:#7f92ab;background:#fff;border:1px solid #e0e7f1;border-radius:6px;padding:4px 16px} .fh-screen img{width:100%;height:auto;display:block} .fh-phone{position:absolute;right:-10px;bottom:-34px;width:176px;background:#0b0f1a;border:2px solid #2b3752;border-radius:26px;padding:8px;box-shadow:0 34px 66px -22px rgba(0,0,0,.65)} .fh-ph-scr{background:linear-gradient(180deg,#16233c,#0f1a2e);border-radius:18px;padding:15px 14px} .fh-ph-h{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#9FC0F2} .fh-ph-h span{color:#6b83a8} .fh-ph-big{display:flex;flex-direction:column;margin-top:12px} .fh-ph-big .l{font-size:10.5px;color:#9FC0F2} .fh-ph-big .v{font-family:var(--disp);font-weight:800;font-size:30px;color:#fff;line-height:1;margin-top:2px} .fh-ph-alert{margin-top:12px;display:flex;align-items:center;gap:7px;background:rgba(78,128,238,.16);border:1px solid rgba(127,176,255,.32);border-radius:8px;padding:8px 10px;font-size:10.5px;color:#DBEAFE} .fh-ph-alert .dot{width:6px;height:6px;border-radius:50%;background:#4E80EE;flex:0 0 auto} .fh-ph-bars{display:flex;align-items:flex-end;gap:5px;height:46px;margin-top:14px} .fh-ph-bars i{flex:1;background:linear-gradient(180deg,#4E80EE,#1447A0);border-radius:3px 3px 0 0} .fh-scale{margin-top:64px;border-top:1px solid rgba(127,176,255,.16);padding-top:28px} .fh-scale .wrap{display:flex;flex-wrap:wrap;justify-content:center} .fh-scale-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2px 30px;border-right:1px solid rgba(127,176,255,.16)} .fh-scale-item:last-child{border-right:none} .fh-scale-v{font-family:var(--disp);font-weight:800;font-size:25px;color:#fff;line-height:1.1} .fh-scale-l{font-family:var(--mono);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:#9FC0F2;margin-top:5px} .fh-brands{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px 48px;margin-top:34px} .fh-brand{width:auto;display:block;object-fit:contain} .fh-bignums{display:flex;flex-wrap:wrap;justify-content:center;gap:26px 76px;margin-top:42px} .fh-bignum-item{display:flex;flex-direction:column;align-items:center} .fh-bignum{font-family:var(--disp);font-weight:800;font-size:clamp(54px,8vw,90px);color:#1447A0;line-height:1;letter-spacing:-0.02em} .fh-bignum-l{font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#1E3A5F;margin-top:12px} .fh-brand-note{font-family:var(--mono);font-size:12px;letter-spacing:.03em;color:var(--cobalt);margin-top:26px} @media(max-width:640px){.fh-phone{display:none}.fh-scale-item{padding:8px 18px;border-right:none}} .orbit .center .orb-wm{width:66%;height:auto;color:#fff;margin-bottom:9px} /* == HOW IT WORKS flow graphic, ported from the fitness deck page 3 == */ .fwstage{position:relative;width:1160px;height:344px;margin:0 auto;flex:0 0 auto}.fwfit{max-width:1160px;margin:34px auto 0;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.fwfit .fwstage{zoom:var(--fz,1);margin:0} .fwsvg{position:absolute;inset:0;width:1160px;height:344px;pointer-events:none} .fwpanel{position:absolute;box-sizing:border-box;border-radius:14px} .fwhd{display:flex;align-items:center;gap:10px} .fwnum{font-family:var(--mono);font-size:8.4pt;font-weight:700;letter-spacing:.06em;color:#fff;background:var(--blue);border-radius:6px;padding:4px 8px;flex:0 0 auto;line-height:1} .fwh{font-family:var(--disp);font-weight:700;font-size:15pt;letter-spacing:-0.032em;color:var(--ink);line-height:1.04} .fwrule{height:2px;background:var(--blue);border-radius:1px;margin:11px 0 0;opacity:.9} .fwsys{background:var(--paper);border:1px solid var(--line);padding:15px 15px 14px;display:flex;flex-direction:column} .fwrows{flex:1;display:flex;flex-direction:column;justify-content:space-between;margin-top:11px} .fwrow{display:flex;align-items:center;gap:8px} .fwrl{font-size:8.8pt;line-height:1.1;color:var(--ink-soft);flex:1 1 auto;min-width:0} .fwrg{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:9px;width:118px} .fwrg img{display:block;min-width:0} .fwgov{background-color:#1E3A5F;border:1.5px solid var(--cobalt);padding:16px 20px 18px;display:flex;flex-direction:column} .fwgov .fwnum{background:var(--cobalt);color:#0F131F} .fwgov .fwh{color:#fff;font-size:17.4pt;letter-spacing:-0.035em} .fwgov .fwrule{background:var(--cobalt);opacity:.55;margin-top:9px} .fwbands{flex:1;display:flex;flex-direction:column;justify-content:center;gap:17px;margin-top:11px} .fwband{padding-top:17px;border-top:1px solid rgba(219,234,254,.22)} .fwband:first-child{border-top:none;padding-top:0} .fwbh{font-family:var(--disp);font-weight:700;font-size:12.8pt;letter-spacing:-0.03em;color:#fff;display:block;line-height:1.05} .fwbb{font-size:8.4pt;line-height:1.34;color:var(--mist-2);display:block;margin-top:5px} .fwcom{background:var(--paper);border:1px solid var(--line);padding:15px 15px 14px;display:flex;flex-direction:column} .fwgrid{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px 12px;margin-top:11px} .fwci{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0} .fwcic{width:26px;height:26px;border-radius:8px;background:var(--mist-2);display:flex;align-items:center;justify-content:center;color:var(--blue);flex:0 0 auto} .fwcic svg{width:15px;height:15px;stroke-width:1.9} .fwcit{font-family:var(--disp);font-weight:700;font-size:10.8pt;letter-spacing:-0.026em;color:var(--ink);display:block;line-height:1.05} .fwcid{font-size:7.6pt;line-height:1.24;color:var(--ink-faint);display:block} /* ---------- multi-page adjustments ---------- */ .nav-links a,.nav-drop a,footer a{text-decoration:none;display:inline-block} .logo a{display:inline-block} /* v2 edits 2026-09 */ /* footer: centered, single column */ footer .fcenter{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px} footer .fcenter .logo{margin-bottom:0} footer .fcenter .tag{margin-top:0} footer .fbar{text-align:center} /* in-page anchors clear the sticky header */ section[id]{scroll-margin-top:72px} /* home hero */ .hero-home{padding:44px 0 36px} .hero-home .hero-h{margin-bottom:14px} .hero-h .hero-h-sub{display:block;margin-top:.35em;font-size:.42em;font-weight:500;letter-spacing:0;color:var(--mist-2);opacity:.9} /* home: merged how-it-works diagram (grid, replaces the fixed 1160px stage) */ .how2{padding:34px 0 72px} .how2 .eyebrow{margin-bottom:12px} .fwflow{display:grid;grid-template-columns:1.05fr .9fr 1.35fr;gap:32px;margin-top:24px;align-items:stretch} .fwflow .fwpanel{position:relative;box-shadow:0 22px 50px -24px rgba(0,0,0,.6)} .fwflow .fwpanel + .fwpanel::before{content:"";position:absolute;top:50%;left:-32px;width:32px;border-top:2px dotted var(--cobalt)} .fwflow .fwpanel + .fwpanel::after{content:"";position:absolute;top:calc(50% - 3px);left:-7px;width:8px;height:8px;border-radius:50%;background:var(--cobalt);box-shadow:0 0 0 4px rgba(78,128,238,.25)} .fwflow .fwrows{justify-content:flex-start} .fwflow .fwrow{min-height:40px;border-top:1px solid var(--line)} .fwflow .fwrow:first-child{border-top:none} .fwflow .fwrl{white-space:nowrap} .fwflow .fwrg{width:auto;gap:10px} .fwflow .fwrg img{height:18px;width:auto;max-width:64px;object-fit:contain} .fwtx{font-family:var(--disp);font-weight:700;font-size:10.5px;letter-spacing:-.01em;color:var(--ink-faint);white-space:nowrap} .fwflow .fwgrid{grid-auto-rows:78px;gap:10px;align-content:center;margin-top:14px} .fwflow .fwci{position:relative;height:78px;justify-content:center;gap:3px;padding:9px 12px;background:var(--mist);border:1px solid var(--line);border-radius:10px} .fwflow .fwcic{width:22px;height:22px;border-radius:7px;background:var(--paper)} .fwflow .fwcit,.fwflow .fwcid{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .fwflow .fwcit{line-height:1.15} .fwflow .fwcid{line-height:1.35} .fwflow .fwci.fwai{border-color:transparent;box-shadow:inset 0 0 0 2px var(--cobalt)} .fwnew{position:absolute;top:8px;right:8px;font-family:var(--mono);font-size:8.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--cobalt);border-radius:4px;padding:2px 5px;line-height:1.2} @media(max-width:980px){ .fwflow{grid-template-columns:1fr;gap:48px} .fwflow .fwrl{white-space:normal} .fwflow .fwpanel + .fwpanel::before{top:-48px;left:50%;width:0;height:48px;border-top:none;border-left:2px dotted var(--cobalt)} .fwflow .fwpanel + .fwpanel::after{content:"\2193";top:-37px;left:calc(50% - 12px);width:26px;height:26px;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:700} } /* segment columns (home who-we-serve, industries index) */ .seg3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px;align-items:stretch} .seg-col{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:14px;padding:22px 20px 20px} .seg-h{font-family:var(--disp);font-weight:700;font-size:19px;color:var(--ink);margin:0 0 4px} .seg-sub{font-family:var(--mono);font-size:11.5px;letter-spacing:.02em;color:var(--ink-faint);margin:0 0 16px} .seg-list{display:flex;flex-direction:column;gap:10px} a.serve-tile{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease} a.serve-tile:hover{transform:translateY(-2px);border-color:rgba(127,176,255,.45);box-shadow:0 14px 30px -16px rgba(15,19,31,.6)} .seg3-ix .seg-list{gap:14px} .seg3-ix .ix-card{flex-direction:column;align-items:flex-start;gap:14px;padding:22px 20px;border-radius:16px} .seg3-ix .ix-card .ix-card-ic{width:52px;height:52px;border-radius:14px} .seg3-ix .ix-card .ix-card-ic svg{width:26px;height:26px} .seg3-ix .ix-card-body h3{font-size:19px} .seg3-ix .ix-card-sys{white-space:normal} .ind-thesis{margin-top:14px;color:var(--ink)} .ind-thesis b{color:var(--blue);font-weight:700} @media(max-width:900px){.seg3{grid-template-columns:1fr}} /* why: three-part numbered argument */ .why-open{padding-top:64px} h1.why-h1{font-size:clamp(34px,5vw,56px);max-width:900px;margin-bottom:0} .chap{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 60px} .chap a{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:14px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:8px 18px 8px 9px;transition:border-color .15s,box-shadow .15s} .chap a b{font-family:var(--mono);font-size:11px;color:#fff;background:var(--blue);border-radius:999px;padding:3px 8px} .chap a:hover{border-color:var(--cobalt);box-shadow:0 8px 20px -12px rgba(20,71,160,.5)} .part{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:12px} .dark-sec .part{color:#9FC0F2} .num{display:block;font-family:var(--disp);font-weight:800;font-size:30px;line-height:1;color:var(--cobalt);margin-bottom:14px} .r5n-h{font-family:var(--disp);font-weight:700;font-size:24px;margin:52px 0 0} .dark-sec .r5n-h{color:#fff} .r5n{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:20px} .r5n .card{display:flex;flex-direction:column;padding:22px 18px;border-color:rgba(255,255,255,.08);box-shadow:0 16px 42px rgba(0,0,0,.30)} .r5n .card h3{font-size:17px} .r5n .card p{font-size:14px;line-height:1.5} .r5n .chips{margin-top:auto;padding-top:14px;gap:6px} .r5n .chips span{font-size:11.5px;padding:4px 9px} @media(max-width:980px){.r5n{grid-template-columns:repeat(3,1fr)}} @media(max-width:560px){.r5n{grid-template-columns:repeat(2,1fr)}} .ai-light .ai-box{box-shadow:0 18px 40px -24px rgba(15,19,31,.35)} .ai-light .ai-op,.ai-light .ai-eq{color:var(--cobalt)} .ai-light .ai-result{color:var(--ink)} .ai-light .ai-sub{color:var(--ink-soft)} /* process: four-step rail */ .steps4{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px} .step{position:relative;display:flex;flex-direction:column;background:#1E3A5F;border:1px solid rgba(78,128,238,.35);border-top:3px solid var(--cobalt);border-radius:12px;padding:22px 20px;box-shadow:0 16px 42px rgba(0,0,0,.30)} .step + .step::before{content:"\203A";position:absolute;left:-14px;top:22px;font-family:var(--disp);font-weight:800;font-size:24px;color:#7FB0FF} .step-n{font-family:var(--mono);font-weight:700;font-size:24px;color:#7FB0FF;margin-bottom:10px} .step h3{color:#fff;font-size:18px} .step p{color:#C5D2E6;font-size:13.5px;line-height:1.55} .step .step-lead{color:#fff;font-size:14.5px;line-height:1.5} .step .math{font-family:var(--mono);font-size:11.5px;color:#7FB0FF;margin-top:auto;padding-top:14px} @media(max-width:980px){.steps4{grid-template-columns:1fr}.step + .step::before{content:"\2193";left:22px;top:-22px;font-size:18px}} /* process: asset library, timeline, engagement */ .asset6{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px} .asset6 .card{padding:22px} .asset6 .card h3{font-size:18px;margin-bottom:4px} .asset6 .card p{font-size:14.5px} @media(max-width:860px){.asset6{grid-template-columns:repeat(2,1fr)}} @media(max-width:560px){.asset6{grid-template-columns:1fr}} .tl4{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px;position:relative} .tl4::before{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cobalt))} .tl4 li{position:relative;padding:32px 18px 0 0;display:flex;flex-direction:column;gap:4px} .tl4 li::before{content:"";position:absolute;top:2px;left:0;width:16px;height:16px;border-radius:50%;background:var(--paper);border:3px solid var(--blue)} .tl-d{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)} .tl4 b{font-family:var(--disp);font-weight:700;font-size:18px;color:var(--ink);line-height:1.2} .tl4 li span:last-child{font-size:14.5px;color:var(--ink-soft);line-height:1.5} @media(max-width:760px){.tl4{grid-template-columns:1fr;gap:22px;padding-left:28px}.tl4::before{left:7px;right:auto;top:0;bottom:0;width:2px;height:auto}.tl4 li{padding:0}.tl4 li::before{left:-28px}} .engage2{margin-top:30px} .dark-sec .grid .card.engage-pick{position:relative;border:2px solid var(--cobalt)} .engage-tag{position:absolute;top:-12px;right:20px;font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--cobalt);border-radius:999px;padding:5px 12px} .personas-2x2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px} @media(max-width:760px){.personas-2x2{grid-template-columns:1fr}} /* industry template */ .ind-hero{padding:44px 0 76px} .ind-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center} .ind-hero .ix-back{color:#9FC0F2} .ind-hero .hero-h{color:#fff} h1.ind-h1{font-size:clamp(32px,3.6vw,46px);line-height:1.08;margin-bottom:0} .ind-hero .lede{margin-top:18px;font-size:16.5px} .ind-proof{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px} .ind-proof span{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:#DBEAFE;background:rgba(78,128,238,.14);border:1px solid rgba(127,176,255,.3);border-radius:999px;padding:6px 12px} .ind-hero .hero-cta{margin-top:26px} .ind-hero-art{position:relative} .ind-hero-art .fh-visual{margin-right:24px} .ind-hero-art.solo{display:flex;justify-content:center} .ind-hero-art.solo .fh-phone{position:relative;right:auto;bottom:auto;display:block;width:270px} .ind-hero-art.solo .fh-ph-scr{padding:18px 16px} .ind-hero-art.solo .fh-ph-alert{font-size:11.5px} .fh-ph-tag{margin-top:10px;font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:#6b83a8;text-align:right} @media(max-width:900px){.ind-hero-grid{grid-template-columns:1fr;gap:36px}.ind-hero-art .fh-visual{margin-right:0}} .sysgrp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px} .sysgrp{background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--blue);border-radius:12px;padding:16px 16px 18px} .sysgrp-k{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)} .sysgrp .chips{margin-top:10px;gap:6px} .sysgrp .chips span{font-size:12.5px;padding:5px 10px} .sys-note{margin-top:22px;font-family:var(--disp);font-weight:700;font-size:18px;color:var(--ink)} @media(max-width:900px){.sysgrp-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:480px){.sysgrp-grid{grid-template-columns:1fr}} .dsmap-wrap{margin-top:30px;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid rgba(127,176,255,.2);border-radius:14px;background:rgba(15,19,31,.45)} .dsmap{width:100%;min-width:760px;border-collapse:collapse;font-size:14px} .dsmap th,.dsmap td{padding:12px 14px;border-bottom:1px solid rgba(127,176,255,.12);text-align:left} .dsmap thead th{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9FC0F2;white-space:nowrap} .dsmap thead th:nth-child(n+3){text-align:center} .dsmap tbody th{font-weight:600;color:#fff;white-space:nowrap} .dsmap td.src{color:#9FB2C8;font-size:13px} .dsmap td.mk{text-align:center;width:76px} .dsmap tbody tr:last-child th,.dsmap tbody tr:last-child td{border-bottom:none} .dsmap tbody tr:hover{background:rgba(78,128,238,.08)} .dsdot{display:inline-block;width:12px;height:12px;border-radius:50%;vertical-align:middle} .dsdot.full{background:var(--cobalt);box-shadow:0 0 0 3px rgba(78,128,238,.22)} .dsdot.ring{border:2px solid var(--cobalt)} .dsmap-key{display:flex;flex-wrap:wrap;gap:22px;margin-top:14px;font-family:var(--mono);font-size:11.5px;color:#9FC0F2} .dsmap-key span{display:inline-flex;align-items:center;gap:8px} .prob-grid{margin-top:30px} .prob{display:flex;flex-direction:column} .prob h3{font-size:19px} .prob p{font-size:14.5px} .prob-tap{margin-top:auto;padding-top:16px} .prob-tap-k{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)} .prob-tap .chips{margin-top:8px;gap:6px} .prob-tap .chips span{font-size:12px;padding:4px 9px} .ind-brands{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:28px} .ind-brands .logo-item{margin-right:0;min-width:170px} .ind-brands-note{font-family:var(--mono);font-size:12px;margin-top:12px} /* about: flat team grid */ .team5{display:grid;grid-template-columns:repeat(5,1fr);gap:34px 18px;margin-top:40px} .tm{display:flex;flex-direction:column;align-items:center;text-align:center} .tm img{width:112px;height:112px;border-radius:50%;object-fit:cover;border:2px solid rgba(127,176,255,.35);box-shadow:0 14px 30px -12px rgba(0,0,0,.6);margin-bottom:14px} .tm-n{font-family:var(--disp);font-weight:700;font-size:16px;color:#fff;line-height:1.2} .tm-t{font-size:12.5px;color:#9FC0F2;margin-top:4px;line-height:1.4;max-width:190px} @media(max-width:980px){.team5{grid-template-columns:repeat(3,1fr)}} @media(max-width:560px){.team5{grid-template-columns:repeat(2,1fr)}} /* contact form states */ .form label{display:block} .form button[disabled]{opacity:.6;cursor:wait} .form-msg{font-size:14px;color:#9A3412;background:#FFF4ED;border:1px solid #FDD8C2;border-radius:8px;padding:10px 12px} .form-done{font-family:var(--disp);font-weight:600;font-size:22px;color:var(--ink);max-width:480px}