/* DigiTera — editorial navy & white design inspired by the supplied layout references.
   This final layer preserves the existing sections, project gallery, and WhatsApp flows. */
:root {
  --ink:#0b2545;
  --blue:#175ac5;
  --blue-dark:#0b315f;
  --muted:#60738a;
  --line:#dce7f2;
  --paper:#ffffff;
  --nav-height:76px;
  --studio-navy:#08294f;
  --studio-deep:#051b36;
  --studio-ice:#f3f8ff;
  --studio-cyan:#8de5fc;
}
html{scroll-padding-top:36px}
body{background:#fff;color:var(--ink);overflow-x:hidden}
h1,h2,h3{color:inherit}
h2 em,.hero h1 em,.contact-copy h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-style:italic;letter-spacing:-.055em;color:var(--blue);text-decoration:none}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #5acbf3;outline-offset:4px}
.wrap{width:min(1230px,calc(100% - 80px))}
.section{padding-block:108px}
.eyebrow{color:var(--blue);font-size:10px;letter-spacing:2px;font-weight:800}
.section-heading{margin-bottom:45px;gap:40px}
.section-heading h2,.services-intro h2{font-size:clamp(38px,4.7vw,65px);line-height:1.08;letter-spacing:-2.8px}
.section-heading>p{font-size:14px;line-height:1.75;max-width:360px}
.button{background:var(--studio-navy);color:#fff;border:1px solid transparent;border-radius:999px;padding:16px 25px;font-size:13px;font-weight:700;box-shadow:none;gap:20px;transition:transform .22s,background .22s,box-shadow .22s}
.button:hover{background:var(--blue);box-shadow:0 12px 30px #144d9b26}
.button.outline{border:1px solid #9cb4ce;background:#fff;color:var(--studio-navy)}
.button.outline:hover{background:#e9f3ff}
.text-link{font-weight:750}
.site-header{background:var(--studio-navy);color:#fff;margin:22px auto 0;width:min(1280px,calc(100% - 54px));height:76px;border-radius:999px;padding:0 25px 0 19px;box-shadow:0 18px 40px #15355d18;position:relative;isolation:isolate}
.site-header:before{content:'';position:absolute;inset:0;border:1px solid #ffffff24;border-radius:inherit;pointer-events:none}
.site-header .brand{gap:11px}
.site-header .brand-icon{width:45px;height:45px;box-shadow:0 3px 12px #030d214d;background:#fff;border-radius:50%}
.site-header .brand-icon img{width:94px;left:-25px;top:-25px}
.site-header .brand-name{font-size:24px;letter-spacing:-.7px;color:#fff}
.site-header .brand-name>span{color:var(--studio-cyan)}
.site-header .brand-name small{font-size:7px;color:#bcdaef;letter-spacing:1.45px;margin-top:5px}
.desktop-nav{gap:32px;font-size:12px;font-weight:650}
.desktop-nav a{color:#d9eaff}
.desktop-nav a:hover{color:var(--studio-cyan)}
.desktop-nav a:after{background:var(--studio-cyan)}
.site-header .header-cta{background:#fff;color:#0a2d58;padding:12px 21px;font-weight:750;border-radius:50px}
.site-header .header-cta:hover{background:var(--studio-cyan)}
/* Reference-inspired split hero: airy white copy and a sculptural navy logo feature. */
.hero.wrap{width:min(1280px,calc(100% - 54px));margin:20px auto 0;padding:68px min(6vw,76px) 68px 7%;min-height:640px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:32px;background:radial-gradient(circle at 76% 31%,#d7e9ff 0,#edf6ff 32%,transparent 55%),linear-gradient(112deg,#f8fbff,#eaf3ff);border:1px solid #dfeaf7;border-radius:34px;overflow:hidden;box-sizing:border-box}
.hero:before{display:none}
.hello-label{background:#fff;color:#11355f;border:1px solid #cbdff2;border-radius:8px;transform:rotate(-2deg);font-size:11px;font-weight:800;letter-spacing:.25px;padding:9px 14px;margin-bottom:24px;box-shadow:0 5px 25px #0c30510a}
.hello-label span{color:var(--blue)}
.hero h1{color:#0a2c51;font-size:clamp(48px,5.1vw,76px);line-height:1.075;letter-spacing:-3.8px;font-weight:800}
.hero h1 em{color:var(--blue);text-decoration:none}
.hero-intro{max-width:445px;font-size:15px;line-height:1.85;margin-top:25px;color:#496680}
.hero-actions{margin-top:29px;gap:12px}
.hero-actions .button{font-size:13px}
.hero-proof{margin-top:41px;display:flex;align-items:center;gap:15px;color:#60758e;font-size:10px}
.hero-proof strong{color:var(--studio-navy)}
.proof-mark{background:var(--studio-navy);color:var(--studio-cyan);width:46px;height:46px;font-size:26px}
.logo-hero{min-height:450px;max-width:510px;width:100%;margin:0 auto;position:relative}
.logo-hero:before{inset:49px 20px 80px;background:linear-gradient(140deg,#0a376e,#0a2350 70%,#1559b5);border-radius:43% 57% 49% 51%/53% 45% 55% 47%;transform:rotate(-10deg);box-shadow:0 24px 55px #092a5a3b}
.logo-orbit{inset:25px 4px 38px;border:1.5px dashed #7bafe5;border-radius:50%;opacity:.8}
.logo-disc{width:275px;height:275px;background:#fff;border:9px solid #e5f1ff;box-shadow:0 24px 75px #03163555;z-index:1}
.logo-disc img{width:485px;height:485px;left:-105px;top:-105px}
.logo-hero>p{color:#0b2a4d;margin-top:27px;font-size:25px;font-weight:850;letter-spacing:5px;text-shadow:none}
.logo-hero>p span{font-size:10px;letter-spacing:3px;color:#2b5a82}
.logo-tag{z-index:3;padding:12px 19px;border-radius:13px;font-size:11px;font-weight:800;box-shadow:0 15px 40px #03285030}
.tag-top{right:0;top:82px;background:#fff;color:#0b2c56;transform:rotate(8deg)}
.tag-bottom{left:0;bottom:100px;color:#fff;background:#175ac5;border-color:transparent;transform:rotate(-7deg)}
.logo-spark{left:7px;top:15px;font-size:55px;color:#1263c4;z-index:1}
.specialties{background:var(--studio-navy);color:#fff;border:0;transform:none;margin:0;padding:0}
.specialties .wrap{padding-block:20px;gap:15px}
.specialties span{letter-spacing:1.55px;font-size:10px;font-weight:800}
.specialties b{color:var(--studio-cyan);font-size:18px}
/* Six cards, matched to the tile layout in the reference. */
.services-section{display:block}
.services-intro{grid-template-columns:1.05fr .95fr;gap:12px 50px;margin-bottom:36px;align-items:center}
.services-intro h2{grid-row:2/4}
.services-intro>p:not(.eyebrow){font-size:15px;line-height:1.7;color:var(--muted)}
.services-intro>.button{grid-column:2;grid-row:3;justify-self:start;margin-top:10px}
.service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.service-list details{border:1px solid #dce7f3;background:#f4f8fe;border-radius:21px;min-height:220px;padding:26px 25px;box-shadow:0 8px 30px #0c396607;transition:transform .25s,box-shadow .25s,border-color .25s}
.service-list details:hover{transform:translateY(-5px);box-shadow:0 22px 40px #0d3e7115;border-color:#adc8e8}
.service-list details[open]{background:#eef5ff}
.service-list details summary{display:flex;flex-wrap:wrap;align-content:start;align-items:center;padding:0;gap:11px}
.service-number{background:#fff;border:1px solid #e1eaf3;border-radius:12px;height:44px;width:44px;display:grid;place-items:center;font-size:13px;font-weight:800;color:var(--blue);flex:0 0 44px}
.service-list h3{font-size:19px;flex:1;line-height:1.35;letter-spacing:-.45px}
.service-list .detail-icon{flex:0 0 23px}
.service-content p{font-size:13px;line-height:1.7;color:#566e87}
.chips span{font-size:10px;border-radius:6px;padding:5px 8px}
#work{padding-top:100px}
#work .section-heading>p{max-width:300px}
.filter{border:1px solid #dbe6f2;background:#fff;color:#45627c;padding:11px 18px;font-size:12px}
.filter.active{background:var(--studio-navy);color:#fff;border-color:var(--studio-navy)}
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:33px 23px}
.project-card{background:#fff;border:1px solid #e3ebf5;border-radius:20px;overflow:hidden;box-shadow:0 12px 35px #0a33600a;transition:transform .22s,box-shadow .22s}
.project-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px #0e3c7220}
.project-image{border:0;border-radius:18px 18px 0 0;aspect-ratio:1.16}
.project-meta{padding:19px 19px 21px}
.project-meta h3{font-size:19px;letter-spacing:-.5px}
.project-meta p{font-size:11px}
.project-image .project-chip{background:#ffffffee;color:#0d3662;border:1px solid #d4e4f5;font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:8px}
.project-image .project-open{background:var(--studio-navy);color:#fff}
.work-footnote{margin-top:35px}
/* Pricing: three clearly readable cards, highlighted middle plan. */
.packages-section{padding-top:100px;padding-bottom:100px}
.packages-section .section-heading{margin-bottom:30px}
.packages-section .section-heading h2 em{color:var(--blue)}
.package-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:22px;margin-top:45px}
.package-card{padding:30px 27px 27px;border:1px solid #d9e5f2;border-radius:23px;background:#fff;box-shadow:0 15px 50px #123f7011;position:relative;overflow:visible;transition:transform .23s,box-shadow .23s}
.package-card:hover{transform:translateY(-7px);box-shadow:0 24px 60px #123f7022}
.package-card.featured{border:2px solid #1557bb;background:var(--studio-navy);color:#fff;box-shadow:0 22px 55px #0b315b37}
.package-card.featured:hover{transform:translateY(-7px)}
.package-ribbon{top:-17px;left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:90%;padding:9px 22px;background:#54c9f2;color:#06274c;box-shadow:0 8px 22px #125e8d35;font-size:10px;letter-spacing:1px;border-radius:100px}
.package-label{font-size:11px;letter-spacing:1.75px;color:var(--blue);margin-bottom:18px;font-weight:850}
.package-label span{display:grid;place-items:center;color:var(--blue);font-size:18px;width:36px;height:36px;border-radius:50%;background:#eef5ff}
.package-card.featured .package-label{color:#b9e4ff}
.package-card.featured .package-label span{background:#ffffff1f;color:#fff}
.package-price{font-size:clamp(40px,4vw,54px);color:var(--studio-navy);font-weight:850;line-height:1.08}
.package-price span{color:#71859d}
.package-card.featured .package-price{color:#fff}
.package-card.featured .package-price span{color:#b5cde8}
.package-card h3{font-size:17px;line-height:1.4;letter-spacing:-.4px;margin:15px 0 24px;min-height:48px}
.package-card ul{border-top:1px solid #e1e9f4;padding-top:25px}
.package-card.featured ul{border-color:#ffffff36}
.package-card li{font-size:12px;line-height:1.65;margin-bottom:13px;color:#475e78}
.package-card li:before{content:'✓';color:#1467cc;font-size:15px;line-height:1.4}
.package-card.featured li{color:#d9e8fb}
.package-card.featured li:before{color:var(--studio-cyan)}
.package-card .button{font-size:13px;min-height:51px;padding:13px 19px;background:var(--studio-navy);color:#fff}
.package-card.featured .button{background:#fff;color:var(--studio-navy)}
.package-card.featured .button:hover{background:var(--studio-cyan)}
.package-note{margin-top:28px;font-size:12px}
.package-terms{max-width:900px;margin:0 auto;border-radius:16px;background:#f5f9ff;border:1px solid #dce8f5}
.package-signoff{color:#496b91}
.motion-section{background:#f3f8ff;padding-block:100px}
.motion-section .section-heading h2 em{color:var(--blue)}
.video-card{border-radius:22px;overflow:hidden;background:#fff;border:1px solid #e0e9f4}
.video-stage{height:330px}
.video-meta{padding:17px 20px}
.about-section{background:var(--studio-navy);color:#fff;padding-block:105px;position:relative}
.about-section:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 92% 10%,#155eae4b,transparent 42%)}
.about-section .wrap{position:relative}
.about-grid{gap:90px;grid-template-columns:.88fr 1.12fr}
.about-visual{background:#eaf4ff;border:1px solid #b5d0ee;color:var(--studio-navy);box-shadow:0 24px 55px #00172c30}
.about-visual .monogram{color:var(--studio-navy)}
.about-visual .monogram>span{color:var(--blue)}
.about-copy h2{font-size:clamp(38px,4.3vw,58px);line-height:1.13}
.about-copy h2 em,.about-section em{color:#9aeaff}
.about-copy>p:not(.eyebrow){color:#c8dcee;font-size:14px;line-height:1.8}
.about-stats{border-color:#ffffff37}
.about-stats strong{color:#fff}
.about-stats strong>span{color:var(--studio-cyan)}
.about-stats p{color:#b6d0eb}
.education-note{border-color:#ffffff37;color:#c8dcee}
.learn-section .section-heading h2 em{color:var(--blue)}
.learn-feature{background:linear-gradient(150deg,#0b315c,#1867cc);border-radius:24px;box-shadow:0 20px 45px #0b36791c}
.learn-feature .button.light{background:#fff;color:#0a3466}
.teaching-list article{border-radius:15px}
#concepts{padding-top:60px}
.concept-card{background:#fff;border-color:#dfe9f4;border-radius:20px}
.concept-art{border-radius:14px}
.feedback-section{background:#f2f7fd}
.feedback-inner h2 em{color:var(--blue)}
.process-section{background:#fff;padding-block:60px;border-block:1px solid #e0ebf6}
.process-grid article{border-left:3px solid #d4e7fa;padding-left:22px}
.process-grid span{color:var(--blue)}
.contact-section{width:min(1230px,calc(100% - 80px));background:linear-gradient(132deg,#08294f,#0c427d);color:#fff;border-radius:32px;padding:69px;gap:65px;grid-template-columns:.92fr 1.08fr;margin-block:70px 100px;box-shadow:0 20px 60px #0c366924}
.contact-copy h2{font-size:clamp(57px,6vw,80px);line-height:1;letter-spacing:-3px}
.contact-copy h2 em{color:#b1edff}
.contact-star{color:#a3defd;font-size:66px;bottom:0;right:10px}
.contact-copy>.eyebrow{color:#9ee7fc}
.contact-copy>p:not(.eyebrow){color:#cde3fa;font-size:13px}
.email-link{font-size:clamp(14px,1.5vw,19px);border-color:#ffffff42;overflow-wrap:anywhere}
.copy-button{color:#a9d2f5}
.contact-numbers{color:#dbeeff}
.contact-copy .location{color:#b8cce2!important}
.contact-form{background:#fff;border:0;border-radius:24px;color:var(--studio-navy);padding:32px;box-shadow:0 16px 40px #031b3533}
.contact-form>p{color:var(--muted)}
.contact-form input,.contact-form select,.contact-form textarea{background:#f4f8fd;border:1px solid #dce7f3}
.site-footer{background:#051a33;color:#fff;border:0}
.site-footer .brand-name{color:#fff}
.site-footer .brand-name>span{color:var(--studio-cyan)}
.site-footer .brand-name small{color:#b2cee5}
.site-footer p,.footer-bottom{color:#b1c9e2}
.footer-bottom{border-color:#ffffff2c}
.site-footer .text-link{color:#d9ecff}
/* Smaller screens: keep cards legible and links reachable. */
@media(max-width:1100px){
 .desktop-nav{gap:18px}
 .hero.wrap{padding:55px 45px;gap:20px}
 .hero h1{font-size:clamp(42px,5.5vw,64px)}
 .logo-hero{min-height:400px}
 .logo-disc{width:240px;height:240px}
 .logo-disc img{width:425px;height:425px;left:-92px;top:-92px}
 .project-grid{gap:18px}
 .project-meta h3{font-size:17px}
 .about-grid{gap:44px}
 .contact-section{padding:48px;gap:30px}
}
@media(max-width:800px){
 .wrap{width:calc(100% - 44px)}
 .site-header{width:calc(100% - 30px);padding:0 18px}
 .desktop-nav{gap:12px}
 .hero.wrap{width:calc(100% - 30px);padding:45px 30px;min-height:530px;gap:12px}
 .hero h1{font-size:43px}
 .logo-hero{min-height:360px}
 .logo-disc{width:200px;height:200px}
 .logo-disc img{width:355px;height:355px;left:-77px;top:-77px}
 .logo-hero>p{font-size:19px;letter-spacing:3px}
 .logo-tag{font-size:9px;padding:10px 12px}
 .service-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .package-grid{gap:13px}
 .package-card{padding:30px 17px 24px}
 .package-label{font-size:10px}
 .package-price{font-size:38px}
 .package-card h3{font-size:15px}
 .package-card li{font-size:11px}
 .contact-section{width:calc(100% - 44px);padding:42px 32px;gap:24px}
}
@media(max-width:600px){
 html{scroll-padding-top:10px}
 .site-header{height:66px;margin-top:12px}
 .site-header .brand-name{font-size:22px}
 .site-header .brand-icon{width:39px;height:39px}
 .site-header .brand-icon img{width:82px;left:-22px;top:-22px}
 .mobile-nav{background:#08294f;color:#fff;border:1px solid #345d88;top:75px;left:0;right:0;border-radius:18px;box-shadow:0 20px 44px #06244d47}
 .mobile-nav a{border-color:#ffffff2a}
 .menu-toggle span{background:#fff}
 .hero.wrap{display:grid;grid-template-columns:1fr;min-height:0;padding:42px 24px 30px;gap:10px;border-radius:24px}
 .hero h1{font-size:clamp(39px,10vw,57px);letter-spacing:-2.5px}
 .hero-intro{font-size:14px;line-height:1.7;margin-top:19px}
 .hero-actions{margin-top:22px}
 .hero-actions .button{padding:13px 17px;font-size:11px;gap:8px}
 .hero-proof{margin-top:27px;gap:10px}
 .proof-divider{margin-inline:2px}
 .logo-hero{min-height:318px;max-width:355px}
 .logo-hero:before{inset:28px 15px 45px}
 .logo-disc{width:190px;height:190px;border-width:7px}
 .logo-disc img{width:337px;height:337px;left:-73px;top:-73px}
 .logo-hero>p{font-size:18px;letter-spacing:3px;margin-top:11px}
 .logo-hero>p span{font-size:8px;letter-spacing:2px;margin-top:4px}
 .tag-top{right:5px;top:45px}
 .tag-bottom{bottom:59px;left:2px}
 .logo-spark{font-size:33px}
 .specialties .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:11px 16px;padding:16px 0}
 .specialties span{font-size:9px;letter-spacing:1px}
 .specialties b{font-size:10px}
 .section{padding-block:65px}
 .section-heading{display:block;margin-bottom:30px}
 .section-heading h2,.services-intro h2{font-size:clamp(37px,10vw,47px);letter-spacing:-2px}
 .section-heading>p{font-size:13px;margin-top:18px}
 .services-intro{display:block}
 .services-intro h2{margin:17px 0}
 .services-intro>.button{margin-top:20px}
 .service-list{grid-template-columns:1fr;gap:12px}
 .service-list details{min-height:0;padding:21px}
 .service-list h3{font-size:18px}
 .project-grid{grid-template-columns:1fr;gap:19px}
 .project-image{aspect-ratio:1.34}
 .project-meta h3{font-size:20px}
 .work-toolbar{display:block}
 .filters{gap:8px}
 .filter{font-size:10px;padding:10px 12px}
 .result-count{margin-top:12px}
 .package-grid{grid-template-columns:1fr;gap:29px;margin-top:39px}
 .package-card{padding:31px 26px 26px}
 .package-price{font-size:50px}
 .package-card h3{font-size:17px;min-height:0}
 .package-card li{font-size:13px}
 .package-card .button{font-size:13px}
 .package-note{font-size:12px}
 .motion-section{padding-block:60px}
 .video-stage{height:260px}
 .about-section{padding-block:70px}
 .about-grid{display:grid;grid-template-columns:1fr;gap:38px}
 .about-visual{padding:23px}
 .monogram{height:230px;font-size:130px}
 .about-copy h2{font-size:38px}
 .contact-section{width:calc(100% - 30px);display:grid;grid-template-columns:1fr;gap:30px;padding:37px 22px;margin:36px auto 65px;border-radius:25px}
 .contact-copy h2{font-size:58px}
 .contact-star{font-size:44px;right:0;bottom:6px}
 .contact-form{padding:26px 19px}
 .contact-form h3{font-size:21px}
 .contact-numbers{font-size:13px}
 .concept-grid{grid-template-columns:1fr}
 .feedback-inner{grid-template-columns:1fr}
 .process-grid{grid-template-columns:1fr;gap:22px}
 .site-footer .footer-top{flex-wrap:wrap;justify-content:flex-start}
 .site-footer .footer-bottom{flex-wrap:wrap}
}
@media(max-width:375px){
 .hero h1{font-size:38px}
 .hero-proof{font-size:9px}
 .logo-disc{width:165px;height:165px}
 .logo-disc img{width:293px;height:293px;left:-64px;top:-64px}
 .logo-hero{min-height:285px}
}
@media(prefers-reduced-motion:reduce){
 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
[hidden]{display:none!important}


/* Four real client testimonials: spacious three-up cards, touch-friendly slider. */
.feedback-section{padding:110px 0 98px;background:linear-gradient(135deg,#f2f8ff 0%,#fff 55%,#edf5ff 100%);border-top:1px solid #e3edf8;overflow:hidden}
.testimonials-inner{position:relative}
.reviews-heading{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:38px}
.reviews-heading-copy{max-width:640px}
.reviews-heading .eyebrow{font-size:10px;letter-spacing:2px;color:#1b61ba;margin-bottom:18px}
.reviews-heading h2{color:#092b50;font-size:clamp(42px,4.8vw,65px);line-height:1.08;letter-spacing:-3px;font-weight:850}
.reviews-heading h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:500;color:#175ac5;letter-spacing:-2.5px}
.reviews-heading-copy>p:not(.eyebrow){color:#5a708a;font-size:14px;line-height:1.8;max-width:520px;margin-top:20px}
.reviews-heading-actions{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:22px}
.reviews-sidenote{color:#6d829c;font-size:11px;font-weight:650;text-align:right}
.reviews-sidenote>span{color:#1e6cc8;padding-right:5px}
.reviews-share{font-size:12px;padding:14px 22px;background:white;white-space:nowrap}
.reviews-slider{position:relative}
.reviews-track{--review-gap:20px;display:flex;gap:var(--review-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:2px;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;padding:10px 2px 22px;outline-offset:3px}
.reviews-track::-webkit-scrollbar{display:none}
.review-card{flex:0 0 calc((100% - 2 * var(--review-gap) - 4px)/3);box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:normal;background:#fff;border:1px solid #dae7f5;border-radius:23px;box-shadow:0 10px 28px #0b345810;padding:31px 27px 24px;margin:0;min-width:0;min-height:340px;display:flex;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s}
.review-card:hover{transform:translateY(-4px);border-color:#b8cfe9;box-shadow:0 20px 42px #0b34581b}
.review-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.review-stars{font-family:Arial,sans-serif;letter-spacing:3px;color:#e7a51e;font-size:18px;line-height:1;white-space:nowrap}
.review-quote-icon{font-family:Georgia,'Times New Roman',serif;color:#bad9f8;font-size:76px;line-height:.75;align-self:flex-start}
.review-card blockquote{margin:0;flex:1}
.review-card blockquote p{color:#253f5e;font-size:14px;line-height:1.84;letter-spacing:0;margin:0 0 28px}
.review-card figcaption{padding-top:17px;border-top:1px solid #e7eef6;display:flex;align-items:center;gap:11px}
.review-avatar{width:43px;height:43px;flex:0 0 43px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0c376a,#216ad3);color:#fff;font-size:13px;font-weight:800;letter-spacing:.3px}
.review-client{display:flex;flex-direction:column;gap:4px;min-width:0}
.review-client strong{color:#0d2e54;font-size:14px;font-weight:800}
.review-client small{font-size:10px;color:#7388a1;letter-spacing:.4px}
.review-check{margin-left:auto;color:#4281d1;font-size:17px}
.reviews-navigation{display:flex;align-items:center;justify-content:space-between;margin-top:11px;gap:20px}
.reviews-counter{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:15px;font-weight:800;color:#123d75}
.reviews-counter-divider{color:#a2b4c6;font-weight:500}
.reviews-counter-label{font-family:'DM Sans',sans-serif;font-size:10px;color:#71879f;letter-spacing:1.4px;font-weight:700;margin-left:12px}
.reviews-arrows{display:flex;gap:10px}
.review-arrow{width:45px;height:45px;border-radius:50%;border:1px solid #c9daee;background:#fff;color:#123b71;font-size:22px;display:grid;place-items:center;transition:background .2s,color .2s,transform .2s}
.review-arrow:not(:disabled):hover{background:#0a3466;color:#fff;transform:translateY(-2px)}
.review-arrow:disabled{opacity:.38;cursor:not-allowed}
@media(max-width:900px){
 .reviews-heading{gap:20px}
 .reviews-heading-actions{max-width:220px}
 .reviews-track{--review-gap:16px}
 .review-card{flex-basis:calc((100% - var(--review-gap) - 4px)/2);min-height:320px;padding:26px 22px}
 .review-card blockquote p{font-size:13px}
 .review-stars{font-size:17px}
}
@media(max-width:600px){
 .feedback-section{padding:68px 0 62px}
 .reviews-heading{display:block;margin-bottom:20px}
 .reviews-heading h2{font-size:42px;letter-spacing:-2px}
 .reviews-heading-copy>p:not(.eyebrow){font-size:13px;margin-top:16px}
 .reviews-heading-actions{max-width:none;flex-direction:row;align-items:center;justify-content:flex-start;margin-top:20px}
 .reviews-sidenote{display:none}
 .reviews-share{padding:12px 18px}
 .reviews-track{--review-gap:13px}
 .review-card{flex-basis:calc(100% - 4px);min-height:300px;padding:27px 24px 22px;border-radius:20px}
 .review-card blockquote p{font-size:14px;line-height:1.77}
 .review-quote-icon{font-size:68px}
 .reviews-navigation{margin-top:4px}
 .review-arrow{width:43px;height:43px}
 .reviews-counter-label{font-size:9px;letter-spacing:.8px;margin-left:4px}
}
@media(prefers-reduced-motion:reduce){.review-card,.review-arrow{transition:none}}