:root{--bg:#07111f;--bg2:#0b1728;--panel:#0f2035;--text:#f4f8ff;--muted:#91a6bf;--cyan:#64f4ff;--purple:#7b72ff;--line:rgba(255,255,255,.1);--shadow:0 24px 80px rgba(0,0,0,.34)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(1180px,calc(100% - 40px));margin:auto}.narrow{width:min(850px,100%)}.page-noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 0;transition:.3s}.site-header.scrolled{background:rgba(7,17,31,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:11px 0}.nav-wrap{display:flex;align-items:center;justify-content:space-between}.brand img{width:250px;display:block}.main-nav{display:flex;align-items:center;gap:30px}.main-nav>a{font-size:14px;color:#bdd0e2;transition:.25s}.main-nav>a:hover,.main-nav>a.active{color:#fff}.nav-cta{border:1px solid rgba(100,244,255,.45);padding:11px 17px;border-radius:12px;background:rgba(100,244,255,.07)}.menu-toggle{display:none;background:none;border:0}.hero{position:relative;min-height:100vh;padding-top:150px;overflow:hidden;background:radial-gradient(circle at 75% 25%,rgba(123,114,255,.18),transparent 30%),linear-gradient(180deg,#07111f,#081524)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 86%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:75px;position:relative;z-index:2}.eyebrow,.kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);font-weight:800}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:28px;height:1px;background:var(--cyan)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(52px,6vw,82px);line-height:1.04;letter-spacing:-.055em;margin:23px 0}.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),#b4aaff);-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:18px;color:var(--muted);max-width:670px}.hero-actions{display:flex;gap:14px;margin:34px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:14px;padding:15px 23px;font-weight:800;font-size:14px;border:1px solid transparent;cursor:pointer;font-family:inherit}.btn-primary{background:linear-gradient(135deg,var(--cyan),#78a8ff);color:#06101d;box-shadow:0 12px 36px rgba(100,244,255,.18)}.btn-ghost{border-color:var(--line);background:rgba(255,255,255,.03)}.btn-light{background:#fff;color:#07111f}.hero-trust{display:flex;gap:32px;padding-top:18px}.hero-trust div{display:flex;flex-direction:column}.hero-trust strong{font-size:22px}.hero-trust span{color:var(--muted);font-size:12px}.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}.dashboard-card{width:100%;padding:18px;background:linear-gradient(145deg,rgba(19,42,68,.95),rgba(10,24,42,.92));border:1px solid rgba(100,244,255,.18);border-radius:24px;box-shadow:var(--shadow);transform:perspective(1200px) rotateY(-7deg) rotateX(3deg)}.dash-top{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;padding-bottom:14px;border-bottom:1px solid var(--line)}.dash-top b{margin-left:auto}.dash-dot{width:7px;height:7px;border-radius:50%;background:#34506e}.dash-main{padding:25px 3px 3px}.metric-panel{background:rgba(255,255,255,.035);border:1px solid var(--line);padding:22px;border-radius:18px}.metric-panel span{color:var(--muted);font-size:12px}.metric-panel strong{display:block;font-size:42px;margin:4px 0 18px}.line-chart{height:100px;display:flex;align-items:flex-end;gap:8px}.line-chart i{display:block;flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(var(--cyan),rgba(100,244,255,.1));animation:pulseBars 2s ease-in-out infinite alternate}.line-chart i:nth-child(1){height:28%}.line-chart i:nth-child(2){height:48%}.line-chart i:nth-child(3){height:41%}.line-chart i:nth-child(4){height:70%}.line-chart i:nth-child(5){height:60%}.line-chart i:nth-child(6){height:88%}.line-chart i:nth-child(7){height:80%}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.mini-grid div{padding:15px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid var(--line)}.mini-grid small,.mini-grid b{display:block}.mini-grid small{color:var(--muted)}.tech-pill{position:absolute;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(8,23,40,.86);backdrop-filter:blur(15px);font-size:11px;box-shadow:var(--shadow);animation:float 4s ease-in-out infinite}.pill-a{top:8%;left:-8%}.pill-b{right:-7%;top:31%;animation-delay:1s}.pill-c{left:-3%;bottom:8%;animation-delay:2s}.logo-strip{position:absolute;bottom:0;left:0;right:0;border-top:1px solid var(--line);background:rgba(255,255,255,.02)}.logo-strip .container{display:flex;justify-content:space-between;padding:22px 0;color:#69829c;text-transform:uppercase;font-size:11px;letter-spacing:.14em}.section{padding:105px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.section-head h2,.why-grid h2,.story-grid h2{font-size:clamp(36px,4vw,55px);line-height:1.12;letter-spacing:-.04em;max-width:760px;margin:10px 0 0}.section-head>p{max-width:360px;color:var(--muted)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{padding:28px;border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border:1px solid var(--line);transition:.3s}.service-card:hover{transform:translateY(-8px);border-color:rgba(100,244,255,.35);background:rgba(100,244,255,.04)}.service-top{display:flex;justify-content:space-between;color:#607b96}.service-top i{font-style:normal;font-size:22px;color:var(--cyan)}.service-card h3{font-size:21px;margin:36px 0 12px}.service-card p{color:var(--muted);font-size:14px}.service-card a{font-size:13px;font-weight:800}.why-section{background:var(--bg2)}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.code-window{padding:20px;border-radius:24px;background:#08111d;border:1px solid var(--line);box-shadow:var(--shadow)}.window-head{display:flex;gap:8px;padding-bottom:17px;border-bottom:1px solid var(--line)}.window-head span{width:10px;height:10px;border-radius:50%;background:#284159}.code-window pre{padding:30px 18px;color:#a7c0d9;overflow:auto}.code-window b{color:var(--purple)}.code-window em{color:var(--cyan);font-style:normal}.status-chip{border-radius:12px;background:rgba(100,244,255,.07);padding:13px;color:#bceef2;font-size:12px}.status-chip i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#58e69e;margin-right:8px}.lead{font-size:18px;color:#c0d0df}.why-grid>div>p:not(.lead),.story-grid p{color:var(--muted)}.feature-list{margin-top:34px}.feature-list>div{display:flex;gap:18px;border-top:1px solid var(--line);padding:22px 0}.feature-list b{color:var(--cyan)}.feature-list strong,.feature-list small{display:block}.feature-list small{color:var(--muted);margin-top:4px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden}.process-card{background:var(--bg);padding:34px 26px}.process-card span{color:var(--cyan);font-size:12px}.process-card h3{margin:35px 0 10px}.process-card p{color:var(--muted);font-size:14px}.portfolio-preview{background:var(--bg2)}.text-link{font-weight:800}.project-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.project-card,.case-card{border-radius:24px;padding:32px;background:#10213b;overflow:hidden}.project-blue{background:linear-gradient(145deg,#123863,#0b1b31)}.project-purple{background:linear-gradient(145deg,#372c68,#17172d)}.project-green{background:linear-gradient(145deg,#184a42,#0c2524)}.project-orange{background:linear-gradient(145deg,#61371d,#281b15)}.project-ui{height:300px;border-radius:18px;background:rgba(255,255,255,.09);display:flex;gap:14px;padding:18px;transform:translateY(22px)}.ui-sidebar{width:22%;border-radius:10px;background:rgba(255,255,255,.08)}.ui-content{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.ui-content div{background:rgba(255,255,255,.1);border-radius:10px}.ui-content div:first-child{grid-column:1/-1}.mobile-ui{width:58%;margin:auto;display:grid;gap:12px}.mobile-ui div{border-radius:12px;background:rgba(255,255,255,.1)}.project-card>span{display:block;margin-top:42px;color:#a9c4de;font-size:12px}.project-card h3{font-size:25px;margin:8px 0}.testimonial-box{padding:75px;border-radius:28px;background:linear-gradient(135deg,rgba(123,114,255,.13),rgba(100,244,255,.06));border:1px solid var(--line);text-align:center}.quote-mark{font-size:72px;color:var(--cyan);line-height:1}.testimonial-box blockquote{font-size:clamp(25px,3vw,40px);line-height:1.35;max-width:950px;margin:0 auto 35px}.client-line{display:flex;justify-content:center;align-items:center;gap:12px}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--purple));color:#07111f;font-weight:800}.client-line strong,.client-line span{display:block;text-align:left}.client-line span{color:var(--muted);font-size:12px}.cta-section{padding:35px 0 100px}.cta-box{padding:55px;border-radius:28px;background:linear-gradient(120deg,#635cf0,#46ced8);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-box h2{font-size:clamp(34px,4vw,52px);max-width:760px;margin:10px 0}.cta-box p{margin:0}.inner-hero{padding:190px 0 100px;background:radial-gradient(circle at 80% 10%,rgba(123,114,255,.16),transparent 30%),var(--bg2);border-bottom:1px solid var(--line)}.inner-hero h1{font-size:clamp(48px,6vw,78px);line-height:1.06;letter-spacing:-.055em;margin:18px 0}.inner-hero p{font-size:19px;color:var(--muted)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.values-section{background:var(--bg2)}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.value-card{padding:30px;border:1px solid var(--line);border-radius:18px}.value-card p{color:var(--muted)}.stats-band{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden}.stats-band div{padding:35px;border-right:1px solid var(--line)}.stats-band div:last-child{border:0}.stats-band strong{display:block;font-size:44px;color:var(--cyan)}.stats-band span{color:var(--muted);font-size:13px}.service-detail-list{display:grid;gap:15px}.service-detail{display:grid;grid-template-columns:80px 1.3fr 1fr;gap:35px;padding:38px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025)}.service-number{font-size:13px;color:var(--cyan)}.service-detail h2{font-size:28px;margin-bottom:8px}.service-detail p,.service-detail li{color:var(--muted)}.service-detail ul{list-style:none;margin:0;padding:0}.service-detail li{padding:8px 0;border-bottom:1px solid var(--line)}.service-detail li:before{content:"→";color:var(--cyan);margin-right:10px}.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.solution-card{position:relative;min-height:270px;padding:30px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025)}.solution-card>span{color:var(--cyan);font-size:12px}.solution-card h3{font-size:23px;margin-top:55px}.solution-card p{color:var(--muted)}.solution-arrow{position:absolute;right:24px;bottom:20px;font-size:22px}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.case-card{padding:24px}.case-visual{height:330px;margin-bottom:30px;display:grid;place-items:center}.browser-mock{width:85%;height:75%;padding:14px;border-radius:15px;background:rgba(255,255,255,.12)}.browser-mock>span{display:inline-block;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.45)}.mock-body{display:grid;grid-template-columns:1fr 1fr;gap:10px;height:80%;margin-top:12px}.mock-body i{background:rgba(255,255,255,.1);border-radius:8px}.mock-body i:first-child{grid-column:1/-1}.case-card small{color:#b3c8dc}.case-card h2{font-size:28px;margin:7px 0}.case-card p{color:#bdd0df}.case-card a{font-weight:800}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.contact-info h2{font-size:42px;line-height:1.15}.contact-info>p{color:var(--muted)}.contact-points{margin-top:40px}.contact-points>div{display:flex;gap:20px;padding:20px 0;border-top:1px solid var(--line)}.contact-points>div>span{color:var(--cyan)}.contact-points small,.contact-points a,.contact-points b{display:block}.contact-points small{color:var(--muted)}.contact-form{padding:34px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.025)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:block;font-size:12px;font-weight:800;margin-bottom:17px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:8px;padding:14px 15px;border-radius:12px;border:1px solid var(--line);background:#091625;color:#fff;font:inherit;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--cyan)}.contact-form label small{color:#ff8e9b}.form-note{font-size:11px;color:var(--muted);margin-top:15px}.alert{padding:13px;border-radius:10px;margin-bottom:18px}.alert.success{background:rgba(88,230,158,.1);color:#8df3bc}.alert.error{background:rgba(255,107,128,.1);color:#ff9aac}.site-footer{padding:75px 0 25px;border-top:1px solid var(--line);background:#050d17}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:50px}.footer-logo{width:220px}.footer-grid p,.footer-grid span,.footer-grid a{color:var(--muted);font-size:13px;display:block;margin:8px 0}.footer-grid h4{margin-bottom:18px}.socials{display:flex;gap:8px;margin-top:18px}.socials a{width:35px;height:35px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.footer-bottom{display:flex;justify-content:space-between;color:#526b83;font-size:11px;border-top:1px solid var(--line);margin-top:50px;padding-top:22px}.back-to-top{position:fixed;right:22px;bottom:22px;width:43px;height:43px;border-radius:50%;border:1px solid var(--line);background:#10213a;color:#fff;opacity:0;pointer-events:none;transition:.3s}.back-to-top.show{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}@keyframes float{50%{transform:translateY(-12px)}}@keyframes pulseBars{to{filter:brightness(1.4)}}@media(max-width:980px){.menu-toggle{display:flex;flex-direction:column;gap:5px}.menu-toggle span{width:25px;height:2px;background:#fff}.main-nav{position:absolute;top:76px;left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;padding:22px;background:#0b192b;border:1px solid var(--line);border-radius:18px}.main-nav.open{display:flex}.hero-grid,.why-grid,.story-grid,.contact-grid{grid-template-columns:1fr}.hero{padding-top:135px}.hero-visual{min-height:430px}.services-grid,.solutions-grid{grid-template-columns:1fr 1fr}.process-grid,.values-grid,.stats-band{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr}.service-detail{grid-template-columns:50px 1fr}.service-detail ul{grid-column:2}.footer-grid{grid-template-columns:1fr 1fr}.cta-box{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.container{width:min(100% - 26px,1180px)}.brand img{width:205px}.hero{min-height:auto;padding-bottom:120px}.hero h1{font-size:47px}.hero-actions,.hero-trust{flex-direction:column}.hero-trust{gap:15px}.hero-visual{min-height:350px}.tech-pill{display:none}.logo-strip{position:relative;margin-top:50px}.logo-strip .container{overflow:auto;gap:30px}.section{padding:75px 0}.section-head{align-items:flex-start;flex-direction:column}.services-grid,.solutions-grid,.portfolio-grid,.process-grid,.values-grid,.stats-band,.form-row{grid-template-columns:1fr}.stats-band div{border-right:0;border-bottom:1px solid var(--line)}.project-ui{height:220px}.testimonial-box,.cta-box{padding:35px 22px}.inner-hero{padding:145px 0 75px}.inner-hero h1{font-size:46px}.service-detail{grid-template-columns:1fr;padding:25px}.service-detail ul{grid-column:1}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.contact-form{padding:22px}}
/* =========================================================
   INTERACTIVE TECHNOLOGY TILES
========================================================= */

.logo-strip {
    position: relative;
    z-index: 20;
    padding: 16px 0;
    border-top: 1px solid rgba(148, 163, 184, 0.12);
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
    background:
        linear-gradient(
            90deg,
            rgba(7, 20, 35, 0.98),
            rgba(13, 34, 56, 0.96),
            rgba(7, 20, 35, 0.98)
        );
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    overflow: visible;
}

.technology-strip {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.technology-tile {
    --tile-color: 0, 229, 255;

    position: relative;
    min-width: 0;
    min-height: 82px;
    padding: 15px 14px;
    display: flex;
    align-items: center;
    gap: 11px;
    border-radius: 16px;
    color: #cbd5e1;
    text-decoration: none;
    border: 1px solid rgba(var(--tile-color), 0.2);
    background:
        linear-gradient(
            145deg,
            rgba(var(--tile-color), 0.08),
            rgba(10, 25, 43, 0.9)
        );
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 10px 25px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    isolation: isolate;
    cursor: pointer;
    transform: translateZ(0);
    transition:
        transform 0.38s cubic-bezier(0.2, 0.8, 0.2, 1),
        border-color 0.38s ease,
        box-shadow 0.38s ease,
        color 0.38s ease,
        background 0.38s ease;
}

.technology-tile::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -90%;
    z-index: -1;
    width: 95px;
    height: 300%;
    opacity: 0;
    transform: rotate(25deg);
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, 0.46),
            transparent
        );
    transition:
        left 0.75s ease,
        opacity 0.3s ease;
}

.technology-tile::after {
    content: "";
    position: absolute;
    right: -65px;
    bottom: -80px;
    z-index: -2;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: rgba(var(--tile-color), 0.42);
    filter: blur(32px);
    opacity: 0.35;
    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}

.technology-icon {
    position: relative;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: rgb(var(--tile-color));
    border: 1px solid rgba(var(--tile-color), 0.3);
    background: rgba(var(--tile-color), 0.11);
    box-shadow:
        inset 0 0 20px rgba(var(--tile-color), 0.08);
    transition:
        transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1),
        color 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease;
}

.technology-icon svg {
    display: block;
}

.technology-content {
    min-width: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4px;
}

.technology-content strong {
    overflow: hidden;
    color: #edf6ff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.65px;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}

.technology-content small {
    overflow: hidden;
    color: #71879d;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0.25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: color 0.35s ease;
}

.technology-arrow {
    position: absolute;
    top: 10px;
    right: 11px;
    color: rgba(255, 255, 255, 0.45);
    font-size: 13px;
    opacity: 0;
    transform: translate(-8px, 8px);
    transition:
        opacity 0.35s ease,
        transform 0.35s ease,
        color 0.35s ease;
}

/* Unique colors */

.tile-web {
    --tile-color: 0, 229, 255;
}

.tile-cloud {
    --tile-color: 56, 189, 248;
}

.tile-mobile {
    --tile-color: 139, 92, 246;
}

.tile-ai {
    --tile-color: 236, 72, 153;
}

.tile-security {
    --tile-color: 34, 197, 94;
}

/* Hover */

.technology-tile:hover {
    z-index: 10;
    color: #ffffff;
    transform: translateY(-11px) scale(1.07);
    border-color: rgba(var(--tile-color), 0.95);
    background:
        linear-gradient(
            135deg,
            rgba(var(--tile-color), 0.98),
            rgba(var(--tile-color), 0.55) 42%,
            rgba(7, 18, 32, 0.97) 100%
        );
    box-shadow:
        0 22px 55px rgba(var(--tile-color), 0.3),
        0 0 38px rgba(var(--tile-color), 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.technology-tile:hover::before {
    left: 135%;
    opacity: 1;
}

.technology-tile:hover::after {
    opacity: 1;
    transform: scale(1.7);
}

.technology-tile:hover .technology-icon {
    color: #07111f;
    border-color: rgba(255, 255, 255, 0.95);
    background: #ffffff;
    transform: rotate(-7deg) scale(1.13);
    box-shadow:
        0 9px 25px rgba(0, 0, 0, 0.22),
        0 0 28px rgba(255, 255, 255, 0.5);
}

.technology-tile:hover .technology-content strong {
    color: #ffffff;
    transform: translateX(2px);
}

.technology-tile:hover .technology-content small {
    color: rgba(255, 255, 255, 0.86);
}

.technology-tile:hover .technology-arrow {
    color: #ffffff;
    opacity: 1;
    transform: translate(0, 0);
}

.technology-tile:focus-visible {
    outline: 2px solid rgb(var(--tile-color));
    outline-offset: 4px;
}

/* Tablet */

@media (max-width: 1150px) {
    .technology-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .technology-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Mobile horizontal scroll */

@media (max-width: 600px) {
    .logo-strip {
        padding: 12px 0;
        overflow: hidden;
    }

    .technology-strip {
        display: flex;
        gap: 12px;
        overflow-x: auto;
        padding: 7px 4px 17px;
        scroll-padding-left: 4px;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .technology-strip::-webkit-scrollbar {
        display: none;
    }

    .technology-tile {
        flex: 0 0 240px;
        min-height: 78px;
        scroll-snap-align: start;
    }

    .technology-tile:hover {
        transform: translateY(-4px) scale(1.02);
    }
}
/* =========================================================
   PORTFOLIO PROJECT-SPECIFIC TILE VISUALS
========================================================= */

.case-visual {
    min-height: 275px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.portfolio-dashboard-ui,
.portfolio-commerce-ui,
.portfolio-website-ui {
    width: 82%;
    min-height: 205px;
    overflow: hidden;
    border-radius: 17px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    background: rgba(255, 255, 255, 0.09);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 18px 40px rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.portfolio-ui-top {
    height: 32px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.portfolio-ui-top > span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.52);
}

.portfolio-ui-top small {
    margin-left: auto;
    color: rgba(255, 255, 255, 0.48);
    font-size: 7px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

/* Executive dashboard */

.dashboard-kpi-row {
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
}

.dashboard-kpi-row > div {
    padding: 8px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.08);
}

.dashboard-kpi-row small {
    display: block;
    color: rgba(255, 255, 255, 0.48);
    font-size: 6px;
}

.dashboard-kpi-row strong {
    display: block;
    margin: 3px 0;
    font-size: 10px;
}

.dashboard-kpi-row span {
    color: #82f7b5;
    font-size: 6px;
}

.dashboard-content-row {
    padding: 0 10px 10px;
    display: grid;
    grid-template-columns: 1.55fr 0.7fr;
    gap: 7px;
}

.dashboard-chart-box,
.dashboard-insights > div {
    padding: 9px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.07);
}

.dashboard-chart-head {
    display: flex;
    justify-content: space-between;
}

.dashboard-chart-head span {
    font-size: 7px;
    font-weight: 700;
}

.dashboard-chart-head small {
    color: rgba(255, 255, 255, 0.42);
    font-size: 5px;
}

.dashboard-bars {
    height: 62px;
    margin-top: 8px;
    display: flex;
    align-items: flex-end;
    gap: 6px;
}

.dashboard-bars i {
    flex: 1;
    min-height: 12px;
    border-radius: 4px 4px 2px 2px;
    background:
        linear-gradient(
            180deg,
            rgba(113, 226, 255, 0.95),
            rgba(74, 121, 255, 0.35)
        );
}

.dashboard-insights {
    display: grid;
    gap: 7px;
}

.dashboard-insights small {
    display: block;
    color: rgba(255, 255, 255, 0.45);
    font-size: 5px;
}

.dashboard-insights strong {
    display: block;
    margin-top: 5px;
    font-size: 7px;
}

/* Mobile application */

.portfolio-mobile-frame {
    width: 158px;
    min-height: 245px;
    padding: 7px;
    border-radius: 27px;
    border: 2px solid rgba(255, 255, 255, 0.2);
    background: rgba(7, 11, 32, 0.5);
    box-shadow:
        0 22px 45px rgba(0, 0, 0, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.mobile-speaker {
    width: 36px;
    height: 4px;
    margin: 2px auto 7px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.25);
}

.mobile-screen {
    min-height: 225px;
    padding: 11px;
    border-radius: 19px;
    background:
        linear-gradient(
            160deg,
            rgba(255, 255, 255, 0.13),
            rgba(255, 255, 255, 0.05)
        );
}

.mobile-app-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-app-header small {
    display: block;
    color: rgba(255, 255, 255, 0.48);
    font-size: 5px;
}

.mobile-app-header strong {
    display: block;
    margin-top: 2px;
    font-size: 9px;
}

.mobile-app-header > span {
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    font-size: 9px;
    background: rgba(255, 255, 255, 0.1);
}

.mobile-search {
    margin: 10px 0;
    padding: 7px 9px;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.45);
    font-size: 5px;
    background: rgba(255, 255, 255, 0.08);
}

.mobile-categories {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
}

.mobile-categories > div {
    padding: 7px 3px;
    text-align: center;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.08);
}

.mobile-categories i {
    display: block;
    margin-bottom: 3px;
    font-style: normal;
    font-size: 10px;
}

.mobile-categories small {
    font-size: 5px;
    color: rgba(255, 255, 255, 0.55);
}

.mobile-service-card {
    margin-top: 9px;
    padding: 7px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 6px;
    align-items: center;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.08);
}

.mobile-service-image {
    width: 27px;
    height: 27px;
    border-radius: 7px;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.28),
            rgba(255, 255, 255, 0.07)
        );
}

.mobile-service-card strong {
    display: block;
    font-size: 5px;
}

.mobile-service-card small {
    display: block;
    margin-top: 2px;
    color: rgba(255, 255, 255, 0.45);
    font-size: 4px;
}

.mobile-service-card b {
    font-size: 5px;
}

.mobile-booking-bar {
    margin-top: 9px;
    padding: 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.1);
}

.mobile-booking-bar small {
    display: block;
    color: rgba(255, 255, 255, 0.45);
    font-size: 4px;
}

.mobile-booking-bar strong {
    display: block;
    margin-top: 2px;
    font-size: 6px;
}

.mobile-booking-bar > span {
    padding: 5px 7px;
    border-radius: 6px;
    color: #2a2145;
    font-size: 5px;
    font-weight: 800;
    background: #ffffff;
}

/* Commerce portal */

.commerce-topbar {
    margin: 10px;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.08);
}

.commerce-topbar small {
    display: block;
    color: rgba(255, 255, 255, 0.45);
    font-size: 5px;
}

.commerce-topbar strong {
    display: block;
    margin-top: 2px;
    font-size: 9px;
}

.commerce-topbar > span {
    font-size: 6px;
}

.commerce-body {
    padding: 0 10px 10px;
    display: grid;
    grid-template-columns: 1.45fr 0.8fr;
    gap: 7px;
}

.commerce-products,
.commerce-summary {
    padding: 8px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.07);
}

.commerce-product {
    padding: 6px 0;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 6px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.commerce-product:last-child {
    border-bottom: 0;
}

.commerce-product i {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.12);
}

.commerce-product strong {
    display: block;
    font-size: 5px;
}

.commerce-product small {
    display: block;
    margin-top: 2px;
    color: rgba(255, 255, 255, 0.42);
    font-size: 4px;
}

.commerce-product > span {
    font-size: 5px;
}

.commerce-summary > small {
    color: rgba(255, 255, 255, 0.5);
    font-size: 5px;
}

.commerce-summary > div {
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
}

.commerce-summary span,
.commerce-summary strong {
    font-size: 5px;
}

.commerce-summary button {
    width: 100%;
    margin-top: 10px;
    padding: 6px;
    border: 0;
    border-radius: 6px;
    color: #173224;
    font-size: 5px;
    font-weight: 800;
}

/* Website preview */

.website-preview-nav {
    padding: 9px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.website-preview-nav strong {
    font-size: 8px;
}

.website-preview-nav > div {
    display: flex;
    gap: 9px;
}

.website-preview-nav span {
    color: rgba(255, 255, 255, 0.55);
    font-size: 5px;
}

.website-preview-nav b {
    padding: 5px 7px;
    border-radius: 6px;
    font-size: 5px;
    background: rgba(255, 255, 255, 0.12);
}

.website-preview-hero {
    padding: 13px;
    display: grid;
    grid-template-columns: 1.3fr 0.7fr;
    align-items: center;
    gap: 8px;
}

.website-preview-hero small {
    color: rgba(255, 255, 255, 0.5);
    font-size: 5px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.website-preview-hero strong {
    display: block;
    max-width: 180px;
    margin: 5px 0;
    font-size: 12px;
    line-height: 1.25;
}

.website-preview-hero p {
    margin: 0 0 7px;
    color: rgba(255, 255, 255, 0.48);
    font-size: 5px;
    line-height: 1.45;
}

.website-preview-hero > div > span {
    font-size: 5px;
    font-weight: 700;
}

.website-preview-art {
    position: relative;
    min-height: 80px;
}

.website-preview-art i {
    position: absolute;
    inset: 50% auto auto 50%;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.17),
            rgba(255, 255, 255, 0.03)
        );
}

.website-preview-art i:nth-child(1) {
    width: 65px;
    height: 65px;
    transform: translate(-50%, -50%) rotate(14deg);
}

.website-preview-art i:nth-child(2) {
    width: 46px;
    height: 46px;
    transform: translate(-50%, -50%) rotate(-15deg);
}

.website-preview-art i:nth-child(3) {
    width: 26px;
    height: 26px;
    transform: translate(-50%, -50%) rotate(35deg);
}

.website-preview-stats {
    margin: 0 10px 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
}

.website-preview-stats > div {
    padding: 7px;
    text-align: center;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.07);
}

.website-preview-stats strong {
    display: block;
    font-size: 7px;
}

.website-preview-stats small {
    color: rgba(255, 255, 255, 0.46);
    font-size: 4px;
}

@media (max-width: 700px) {
    .portfolio-dashboard-ui,
    .portfolio-commerce-ui,
    .portfolio-website-ui {
        width: 92%;
    }

    .case-visual {
        min-height: 250px;
    }
}
/* =========================================================
   PORTFOLIO PROJECT-SPECIFIC TILE VISUALS
========================================================= */

.case-visual {
    min-height: 275px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.portfolio-dashboard-ui,
.portfolio-commerce-ui,
.portfolio-website-ui {
    width: 82%;
    min-height: 205px;
    overflow: hidden;
    border-radius: 17px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    background: rgba(255, 255, 255, 0.09);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 18px 40px rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.portfolio-ui-top {
    height: 32px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.portfolio-ui-top > span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.52);
}

.portfolio-ui-top small {
    margin-left: auto;
    color: rgba(255, 255, 255, 0.48);
    font-size: 7px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

/* Executive dashboard */

.dashboard-kpi-row {
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
}

.dashboard-kpi-row > div {
    padding: 8px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.08);
}

.dashboard-kpi-row small {
    display: block;
    color: rgba(255, 255, 255, 0.48);
    font-size: 6px;
}

.dashboard-kpi-row strong {
    display: block;
    margin: 3px 0;
    font-size: 10px;
}

.dashboard-kpi-row span {
    color: #82f7b5;
    font-size: 6px;
}

.dashboard-content-row {
    padding: 0 10px 10px;
    display: grid;
    grid-template-columns: 1.55fr 0.7fr;
    gap: 7px;
}

.dashboard-chart-box,
.dashboard-insights > div {
    padding: 9px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.07);
}

.dashboard-chart-head {
    display: flex;
    justify-content: space-between;
}

.dashboard-chart-head span {
    font-size: 7px;
    font-weight: 700;
}

.dashboard-chart-head small {
    color: rgba(255, 255, 255, 0.42);
    font-size: 5px;
}

.dashboard-bars {
    height: 62px;
    margin-top: 8px;
    display: flex;
    align-items: flex-end;
    gap: 6px;
}

.dashboard-bars i {
    flex: 1;
    min-height: 12px;
    border-radius: 4px 4px 2px 2px;
    background:
        linear-gradient(
            180deg,
            rgba(113, 226, 255, 0.95),
            rgba(74, 121, 255, 0.35)
        );
}

.dashboard-insights {
    display: grid;
    gap: 7px;
}

.dashboard-insights small {
    display: block;
    color: rgba(255, 255, 255, 0.45);
    font-size: 5px;
}

.dashboard-insights strong {
    display: block;
    margin-top: 5px;
    font-size: 7px;
}

/* Mobile application */

.portfolio-mobile-frame {
    width: 158px;
    min-height: 245px;
    padding: 7px;
    border-radius: 27px;
    border: 2px solid rgba(255, 255, 255, 0.2);
    background: rgba(7, 11, 32, 0.5);
    box-shadow:
        0 22px 45px rgba(0, 0, 0, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.mobile-speaker {
    width: 36px;
    height: 4px;
    margin: 2px auto 7px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.25);
}

.mobile-screen {
    min-height: 225px;
    padding: 11px;
    border-radius: 19px;
    background:
        linear-gradient(
            160deg,
            rgba(255, 255, 255, 0.13),
            rgba(255, 255, 255, 0.05)
        );
}

.mobile-app-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-app-header small {
    display: block;
    color: rgba(255, 255, 255, 0.48);
    font-size: 5px;
}

.mobile-app-header strong {
    display: block;
    margin-top: 2px;
    font-size: 9px;
}

.mobile-app-header > span {
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    font-size: 9px;
    background: rgba(255, 255, 255, 0.1);
}

.mobile-search {
    margin: 10px 0;
    padding: 7px 9px;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.45);
    font-size: 5px;
    background: rgba(255, 255, 255, 0.08);
}

.mobile-categories {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
}

.mobile-categories > div {
    padding: 7px 3px;
    text-align: center;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.08);
}

.mobile-categories i {
    display: block;
    margin-bottom: 3px;
    font-style: normal;
    font-size: 10px;
}

.mobile-categories small {
    font-size: 5px;
    color: rgba(255, 255, 255, 0.55);
}

.mobile-service-card {
    margin-top: 9px;
    padding: 7px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 6px;
    align-items: center;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.08);
}

.mobile-service-image {
    width: 27px;
    height: 27px;
    border-radius: 7px;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.28),
            rgba(255, 255, 255, 0.07)
        );
}

.mobile-service-card strong {
    display: block;
    font-size: 5px;
}

.mobile-service-card small {
    display: block;
    margin-top: 2px;
    color: rgba(255, 255, 255, 0.45);
    font-size: 4px;
}

.mobile-service-card b {
    font-size: 5px;
}

.mobile-booking-bar {
    margin-top: 9px;
    padding: 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.1);
}

.mobile-booking-bar small {
    display: block;
    color: rgba(255, 255, 255, 0.45);
    font-size: 4px;
}

.mobile-booking-bar strong {
    display: block;
    margin-top: 2px;
    font-size: 6px;
}

.mobile-booking-bar > span {
    padding: 5px 7px;
    border-radius: 6px;
    color: #2a2145;
    font-size: 5px;
    font-weight: 800;
    background: #ffffff;
}

/* Commerce portal */

.commerce-topbar {
    margin: 10px;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.08);
}

.commerce-topbar small {
    display: block;
    color: rgba(255, 255, 255, 0.45);
    font-size: 5px;
}

.commerce-topbar strong {
    display: block;
    margin-top: 2px;
    font-size: 9px;
}

.commerce-topbar > span {
    font-size: 6px;
}

.commerce-body {
    padding: 0 10px 10px;
    display: grid;
    grid-template-columns: 1.45fr 0.8fr;
    gap: 7px;
}

.commerce-products,
.commerce-summary {
    padding: 8px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.07);
}

.commerce-product {
    padding: 6px 0;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 6px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.commerce-product:last-child {
    border-bottom: 0;
}

.commerce-product i {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.12);
}

.commerce-product strong {
    display: block;
    font-size: 5px;
}

.commerce-product small {
    display: block;
    margin-top: 2px;
    color: rgba(255, 255, 255, 0.42);
    font-size: 4px;
}

.commerce-product > span {
    font-size: 5px;
}

.commerce-summary > small {
    color: rgba(255, 255, 255, 0.5);
    font-size: 5px;
}

.commerce-summary > div {
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
}

.commerce-summary span,
.commerce-summary strong {
    font-size: 5px;
}

.commerce-summary button {
    width: 100%;
    margin-top: 10px;
    padding: 6px;
    border: 0;
    border-radius: 6px;
    color: #173224;
    font-size: 5px;
    font-weight: 800;
}

/* Website preview */

.website-preview-nav {
    padding: 9px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.website-preview-nav strong {
    font-size: 8px;
}

.website-preview-nav > div {
    display: flex;
    gap: 9px;
}

.website-preview-nav span {
    color: rgba(255, 255, 255, 0.55);
    font-size: 5px;
}

.website-preview-nav b {
    padding: 5px 7px;
    border-radius: 6px;
    font-size: 5px;
    background: rgba(255, 255, 255, 0.12);
}

.website-preview-hero {
    padding: 13px;
    display: grid;
    grid-template-columns: 1.3fr 0.7fr;
    align-items: center;
    gap: 8px;
}

.website-preview-hero small {
    color: rgba(255, 255, 255, 0.5);
    font-size: 5px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.website-preview-hero strong {
    display: block;
    max-width: 180px;
    margin: 5px 0;
    font-size: 12px;
    line-height: 1.25;
}

.website-preview-hero p {
    margin: 0 0 7px;
    color: rgba(255, 255, 255, 0.48);
    font-size: 5px;
    line-height: 1.45;
}

.website-preview-hero > div > span {
    font-size: 5px;
    font-weight: 700;
}

.website-preview-art {
    position: relative;
    min-height: 80px;
}

.website-preview-art i {
    position: absolute;
    inset: 50% auto auto 50%;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.17),
            rgba(255, 255, 255, 0.03)
        );
}

.website-preview-art i:nth-child(1) {
    width: 65px;
    height: 65px;
    transform: translate(-50%, -50%) rotate(14deg);
}

.website-preview-art i:nth-child(2) {
    width: 46px;
    height: 46px;
    transform: translate(-50%, -50%) rotate(-15deg);
}

.website-preview-art i:nth-child(3) {
    width: 26px;
    height: 26px;
    transform: translate(-50%, -50%) rotate(35deg);
}

.website-preview-stats {
    margin: 0 10px 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
}

.website-preview-stats > div {
    padding: 7px;
    text-align: center;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.07);
}

.website-preview-stats strong {
    display: block;
    font-size: 7px;
}

.website-preview-stats small {
    color: rgba(255, 255, 255, 0.46);
    font-size: 4px;
}

@media (max-width: 700px) {
    .portfolio-dashboard-ui,
    .portfolio-commerce-ui,
    .portfolio-website-ui {
        width: 92%;
    }

    .case-visual {
        min-height: 250px;
    }
}