/* =====================================================
RINTRONIC 2026 TEMPORARY LANDING PAGE
===================================================== */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{


font-family:Arial, Helvetica, sans-serif;

min-height:100vh;

overflow-x:hidden;

position:relative;

background:
linear-gradient(
    135deg,
    #F8FBFF 0%,
    #EEF5FF 45%,
    #EAF2FF 100%
);

color:#0B1020;


}

/* =====================================================
BACKGROUND
===================================================== */

.background{


position:fixed;
inset:0;

overflow:hidden;

z-index:0;

background-image:

linear-gradient(
    rgba(37,99,235,.04) 1px,
    transparent 1px
),

linear-gradient(
    90deg,
    rgba(37,99,235,.04) 1px,
    transparent 1px
);

background-size:50px 50px;


}

/* =====================================================
SOFT GLOWS
===================================================== */

.glow1,
.glow2,
.glow3{


position:absolute;
border-radius:50%;
filter:blur(140px);


}

.glow1{


width:700px;
height:700px;

background:#2563EB;

top:-250px;
left:-250px;

opacity:.08;


}

.glow2{


width:500px;
height:500px;

background:#06B6D4;

bottom:-150px;
right:-150px;

opacity:.06;


}

.glow3{


width:350px;
height:350px;

background:#60A5FA;

top:35%;
left:60%;

opacity:.05;


}

/* =====================================================
MAIN CONTAINER
===================================================== */

.container{


position:relative;

z-index:10;

width:100%;
max-width:1200px;

margin:0 auto;

padding:40px 20px;

display:flex;
flex-direction:column;
justify-content:center;
align-items:center;

text-align:center;

min-height:100vh;


}

/* =====================================================
LOGO (50% REDUCTION)
===================================================== */

.logo{

    width:150px;

    height:auto;

    margin:10px auto 25px;

    display:block;

    filter:
        drop-shadow(
            0 15px 30px rgba(0,0,0,.08)
        );
}
/* =====================================================
HEADLINE
===================================================== */

.headline{


font-size:clamp(1.6rem,4vw,3rem);

font-weight:700;

line-height:1.2;

margin-bottom:15px;

color:#0B1020;


}

/* =====================================================
SUBTITLE
===================================================== */

.subtitle{


max-width:900px;

font-size:clamp(.95rem,2vw,1.15rem);

line-height:1.6;

color:#334155;

margin-bottom:15px;


}

/* =====================================================
TECHNOLOGY GRID
===================================================== */

.tags{


margin-top:25px;

display:grid;

grid-template-columns:
    repeat(auto-fit,minmax(220px,1fr));

gap:12px;

width:100%;
max-width:1000px;


}

.tag{


padding:14px;

background:white;

border:1px solid rgba(37,99,235,.15);

border-radius:12px;

font-size:.9rem;

font-weight:500;

color:#1E293B;

box-shadow:
    0 3px 12px rgba(0,0,0,.05);

transition:.25s ease;


}

.tag:hover{


transform:translateY(-2px);

border-color:#2563EB;

box-shadow:
    0 8px 20px rgba(37,99,235,.15);


}

/* =====================================================
STATUS
===================================================== */

.status{


margin-top:30px;

font-size:1rem;

font-weight:600;

color:#475569;


}

/* =====================================================
CONTACT
===================================================== */

.contact-info{


margin-top:15px;

font-size:1rem;

font-weight:600;

color:#2563EB;

line-height:1.8;


}

.contact-info a{


color:#2563EB;

text-decoration:none;


}

.contact-info a:hover{


text-decoration:underline;


}

/* =====================================================
FOOTER
===================================================== */

.footer{


position:relative;

z-index:10;

text-align:center;

padding:20px;

color:#64748B;

font-size:14px;


}

/* =====================================================
TABLETS
===================================================== */

@media (max-width:768px){

    .logo{
        max-width:160px;
    }




}

/* =====================================================
MOBILE
===================================================== */

@media (max-width:768px){

    .partners{

        display:flex;

        flex-direction:column;

        gap:25px;
    }

    .partner-logo{

        max-width:180px;
        height:auto;
    }

}
/* =====================================================
SMALL PHONES
===================================================== */

@media (max-width:480px){


.headline{

    font-size:1.4rem;
}

.subtitle{

    font-size:.95rem;
}

.logo{

    width:min(75vw,200px);
}


}

/* =====================================================
PARTNERS & CERTIFICATIONS
===================================================== */

.partners-section{

```
width:100%;

max-width:1200px;

margin:100px auto 20px auto;

text-align:center;
```

}

.partners-title{

```
margin-bottom:50px;

color:#64748B;

font-size:1rem;

font-weight:600;

letter-spacing:.5px;
```

}

.partners{

```
width:100%;

max-width:1200px;

margin:0 auto;

display:flex;

justify-content:space-around;

align-items:center;

gap:40px;
```

}

.partner-cell{

```
display:flex;

justify-content:center;

align-items:center;
```

}

.partner-logo{

```
display:block;

height:60px;

width:auto;

object-fit:contain;
```

}

.digikey{
height:60px;
}

.mchpct{
height:60px;
}

.mchpdp{
height:60px;
}

.blesig{
height:60px;
}

/* Tablet */

@media (max-width:1024px){

```
.partners{

    display:grid;

    grid-template-columns:
        repeat(2,1fr);

    row-gap:30px;
}
```

}

/* Mobile */

@media (max-width:768px){

```
.partners{

    display:flex;

    flex-direction:column;

    gap:25px;
}

.partner-logo{

    height:55px;
}
```

}