@charset "utf-8";

/************************************************
 GSF SOLUTION — 2026 RENEWAL
 "Precision Blueprint" design system
 FontAwesome Pro 7
***********************************************/

@import url('/inc_fontas/css/all.css');

:root{

    /* base */
    --carbon:#0B0C0E;
    --carbon2:#141518;
    --carbon3:#1B1D21;
    --line:#26282D;
    --line-soft:rgba(255,255,255,.06);

    /* paper (spec-sheet panels) */
    --paper:#EBEDF1;
    --paper2:#DEE2E8;
    --ink:#14161A;
    --steel:#5B6672;

    /* text on carbon */
    --text:#F2F3F5;
    --text-dim:#98A0AA;

    /* accent */
    --copper:#C8763B;
    --copper-light:#E39A5F;
    --copper-deep:#8B4E23;

    /* signature iridescent (sparingly) */
    --iri-a:#52E3C2;
    --iri-b:#7C8CF8;
    --iri-c:#F5C563;

    --radius:6px;
    --radius-lg:14px;

    --shadow:0 30px 70px rgba(0,0,0,.5);
    --transition:.35s cubic-bezier(.4,0,.2,1);
    --max:1400px;

    --font-display:'Space Grotesk','Pretendard','Noto Sans KR',sans-serif;
    --font-body:'Pretendard','Noto Sans KR',sans-serif;
    --font-mono:'IBM Plex Mono',monospace;

}

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

html{
    scroll-behavior:smooth;
}

body{
    background:var(--carbon);
    color:var(--text);
    font-family:var(--font-body);
    overflow-x:hidden;
    line-height:1.6;
}

a{
    color:inherit;
    text-decoration:none;
}

li{
    list-style:none;
}

img{
    max-width:100%;
    display:block;
}

button,input,textarea{
    font-family:inherit;
}

.wrap{
    width:100%;
    overflow:hidden;
}

.inner{
    width:92%;
    max-width:var(--max);
    margin:auto;
}

section{
    position:relative;
    padding:140px 0;
}

/* faint global texture */
body:before{
    content:"";
    position:fixed;
    left:0;top:0;
    width:100%;height:100%;
    background:
        radial-gradient(circle at 15% 10%, rgba(200,118,59,.08), transparent 32%),
        radial-gradient(circle at 85% 90%, rgba(124,140,248,.06), transparent 35%);
    z-index:-2;
}

body:after{
    content:"";
    position:fixed;
    left:0;top:0;
    width:100%;height:100%;
    background-image:
        linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);
    background-size:56px 56px;
    z-index:-1;
}

/**********************************************
Eyebrow / labels
**********************************************/

.section-title small,
.hero-sub,
.capability-num,
.product-tag,
.resource-tag{
    font-family:var(--font-mono);
    letter-spacing:1.5px;
}

/**********************************************
Header
**********************************************/

.header{
    position:fixed;
    left:0;top:0;
    width:100%;
    z-index:999;
    transition:.4s;
    background:rgba(11,12,14,.5);
    backdrop-filter:blur(18px);
    border-bottom:1px solid var(--line-soft);
}

.header.active{
    background:rgba(11,12,14,.92);
    border-bottom-color:var(--line);
}

.header .inner{
    height:88px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.logo{
    display:flex;
    align-items:center;
    gap:10px;
}

.logo-mark{
    width:34px;height:34px;
    color:var(--copper);
}
.logo-mark svg{width:100%;height:100%;}

.logo-text{
    font-family:var(--font-display);
    font-size:26px;
    font-weight:700;
    letter-spacing:1px;
    color:#fff;
}
.logo-text span{ color:var(--copper); }

.gnb{
    display:flex;
    gap:44px;
}

.gnb a{
    position:relative;
    font-family:var(--font-mono);
    font-size:13px;
    letter-spacing:1px;
    font-weight:500;
    color:var(--text-dim);
    transition:.3s;
}

.gnb a:hover{ color:var(--text); }

.gnb a:after{
    content:"";
    position:absolute;
    left:0;bottom:-8px;
    width:0;height:1px;
    background:var(--copper);
    transition:.3s;
}

.gnb a:hover:after{ width:100%; }

.header-right{
    display:flex;
    align-items:center;
    gap:28px;
}

.lang-switch{
    display:flex;
    align-items:center;
    gap:8px;
    font-family:var(--font-mono);
    font-size:13px;
    color:var(--text-dim);
}
.lang-switch a.active{ color:var(--copper); }
.lang-switch span{ color:var(--line); }

/**********************************************
Button
**********************************************/

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    height:54px;
    padding:0 32px;
    border-radius:var(--radius);
    font-weight:600;
    font-size:15px;
    transition:var(--transition);
    border:1px solid transparent;
}

.btn-sm{ height:44px; padding:0 24px; font-size:13px; }
.btn-lg{ height:62px; padding:0 44px; font-size:16px; white-space:nowrap; }

.btn-primary{
    background:var(--copper);
    color:#0B0C0E;
    box-shadow:0 16px 34px rgba(200,118,59,.28);
}

.btn-primary:hover{
    background:var(--copper-light);
    transform:translateY(-4px);
    box-shadow:0 22px 46px rgba(200,118,59,.4);
}

.btn-line{
    border-color:var(--line);
    color:var(--text);
}

.btn-line:hover{
    border-color:var(--copper);
    color:var(--copper);
}

/**********************************************
Hero
**********************************************/

.hero{
    min-height:100vh;
    display:flex;
    align-items:center;
    overflow:hidden;
    padding-top:88px;
}

.blueprint-grid{
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(var(--line-soft) 1px,transparent 1px),
        linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);
    background-size:80px 80px;
    mask-image:radial-gradient(circle at 30% 40%, black, transparent 70%);
}

.hero .inner{
    position:relative;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
}

.hero-text{
    max-width:640px;
}

.hero-sub{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:9px 18px;
    border-radius:100px;
    background:var(--carbon2);
    border:1px solid var(--line);
    margin-bottom:32px;
    font-size:12px;
    color:var(--text-dim);
}

.hero-sub .dot{
    width:7px;height:7px;
    border-radius:50%;
    background:var(--copper);
    box-shadow:0 0 0 4px rgba(200,118,59,.2);
}

.hero h1{
    font-family:var(--font-display);
    font-size:64px;
    line-height:1.08;
    font-weight:700;
    letter-spacing:-1px;
    margin-bottom:28px;
}

.hero h1 span{
    background:linear-gradient(100deg,var(--iri-a),var(--iri-b) 55%,var(--iri-c));
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.hero p{
    font-size:18px;
    color:var(--text-dim);
    margin-bottom:42px;
    line-height:1.85;
    max-width:520px;
}

.hero-actions{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    margin-bottom:60px;
}

.hero-meta{
    display:flex;
    gap:40px;
    padding-top:34px;
    border-top:1px solid var(--line);
}

.hero-meta div{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.hero-meta strong{
    font-family:var(--font-display);
    font-size:26px;
    font-weight:700;
}

.hero-meta span{
    font-family:var(--font-mono);
    font-size:11px;
    letter-spacing:1px;
    color:var(--text-dim);
}

.hero-scroll{
    position:absolute;
    left:50%;
    bottom:36px;
    transform:translateX(-50%);
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    font-family:var(--font-mono);
    font-size:11px;
    letter-spacing:2px;
    color:var(--text-dim);
    animation:scrollBob 2.4s infinite ease-in-out;
}

@keyframes scrollBob{
    0%,100%{ transform:translate(-50%,0); opacity:.6; }
    50%{ transform:translate(-50%,8px); opacity:1; }
}

/************************************************
 WAFER MAP (signature)
************************************************/

.hero-wafer{
    position:relative;
    width:480px;
    flex-shrink:0;
}

.wafer-svg{
    width:100%;
    height:auto;
    display:block;
}

.scan-line{
    opacity:.85;
    animation:scanSweep 5s infinite ease-in-out;
    transform-origin:260px 260px;
}

@keyframes scanSweep{
    0%{ transform:rotate(0deg); }
    50%{ transform:rotate(180deg); }
    100%{ transform:rotate(360deg); }
}

.die-cell{
    fill:#1E2025;
    stroke:#2E3138;
    stroke-width:1;
    transition:fill .6s;
}

.die-cell.flag{
    fill:url(#iridescent);
    opacity:.85;
}

.wafer-callout{
    position:absolute;
    display:flex;
    align-items:center;
    gap:0;
    animation:calloutFloat 6s infinite ease-in-out;
}

.wafer-callout.c1{ top:8%; right:-6%; animation-delay:0s; }
.wafer-callout.c2{ bottom:20%; left:-10%; animation-delay:1s; }
.wafer-callout.c3{ top:52%; right:-14%; animation-delay:2s; }

@keyframes calloutFloat{
    0%,100%{ transform:translateY(0); }
    50%{ transform:translateY(-8px); }
}

.wafer-callout-line{
    width:26px;height:1px;
    background:var(--line);
}

.wafer-callout-box{
    background:var(--carbon2);
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:10px 16px;
    box-shadow:var(--shadow);
}

.wafer-callout-box strong{
    display:block;
    font-family:var(--font-mono);
    font-size:17px;
    color:var(--copper-light);
}

.wafer-callout-box span{
    font-family:var(--font-mono);
    font-size:10px;
    letter-spacing:.5px;
    color:var(--text-dim);
    white-space:nowrap;
}

/************************************************
 SECTION TITLE
************************************************/

.section-title{
    max-width:760px;
    margin-bottom:70px;
}

.section-title small{
    display:inline-block;
    color:var(--copper);
    font-size:12px;
    margin-bottom:18px;
}

.section-title h2{
    font-family:var(--font-display);
    font-size:44px;
    font-weight:700;
    letter-spacing:-.5px;
    margin-bottom:18px;
}

.section-title p{
    color:var(--text-dim);
    font-size:17px;
    max-width:640px;
}

.placeholder-note{
    color:var(--copper-light) !important;
    font-family:var(--font-mono);
    font-size:12px !important;
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:10px;
}

/************************************************
 PILLAR (company)
************************************************/

.pillar-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1px;
    background:var(--line);
    border:1px solid var(--line);
    border-radius:var(--radius-lg);
    overflow:hidden;
}

.pillar-card{
    position:relative;
    background:var(--carbon2);
    padding:48px 40px;
    transition:var(--transition);
}

.pillar-card:hover{
    background:var(--carbon3);
}

.pillar-index{
    font-family:var(--font-mono);
    font-size:12px;
    color:var(--text-dim);
    display:block;
    margin-bottom:26px;
}

.pillar-card i{
    font-size:30px;
    color:var(--copper);
    margin-bottom:22px;
    display:block;
}

.pillar-card h3{
    font-family:var(--font-display);
    font-size:21px;
    margin-bottom:12px;
}

.pillar-card p{
    color:var(--text-dim);
    font-size:15px;
}

/************************************************
 CAPABILITY
************************************************/

.capability{
    background:var(--carbon2);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}

.capability-list{
    display:flex;
    flex-direction:column;
}

.capability-item{
    display:grid;
    grid-template-columns:110px 70px 1fr;
    align-items:start;
    gap:28px;
    padding:34px 0;
    border-bottom:1px solid var(--line);
}

.capability-item:last-child{ border-bottom:none; }

.capability-num{
    color:var(--text-dim);
    font-size:13px;
    padding-top:4px;
}

.capability-icon{
    width:56px;height:56px;
    border-radius:var(--radius);
    background:var(--carbon);
    border:1px solid var(--line);
    display:flex;
    align-items:center;
    justify-content:center;
}

.capability-icon i{
    font-size:22px;
    color:var(--copper);
}

.capability-body h3{
    font-family:var(--font-display);
    font-size:20px;
    margin-bottom:10px;
}

.capability-body p{
    color:var(--text-dim);
    font-size:15px;
    max-width:680px;
    line-height:1.85;
}

/************************************************
 SOLUTION / TECHNOLOGY (shared card style)
************************************************/

.solution-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1px;
    background:var(--line);
    border:1px solid var(--line);
    border-radius:var(--radius-lg);
    overflow:hidden;
}

.solution-card{
    position:relative;
    background:var(--carbon2);
    padding:44px 36px;
    transition:var(--transition);
}

.solution-card:hover{
    background:var(--carbon3);
}

.solution-card > i{
    font-size:28px;
    color:var(--copper);
    margin-bottom:24px;
    display:block;
}

.solution-card h3{
    font-family:var(--font-display);
    font-size:19px;
    margin-bottom:12px;
    font-weight:600;
}

.solution-card p{
    color:var(--text-dim);
    font-size:14.5px;
    line-height:1.75;
    margin-bottom:20px;
}

.solution-card a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-family:var(--font-mono);
    font-size:12.5px;
    color:var(--copper-light);
}

.tech-grid{
    grid-template-columns:repeat(3,1fr);
}

/************************************************
 STATISTICS
************************************************/

.statistics{
    padding:0;
}

.stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:1px;
    background:var(--line);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}

.stat-box{
    text-align:center;
    padding:60px 30px;
    background:var(--carbon);
    transition:.35s;
}

.stat-box:hover{
    background:var(--carbon2);
}

.stat-box i{
    font-size:28px;
    color:var(--copper);
    margin-bottom:22px;
}

.stat-box strong{
    display:block;
    font-family:var(--font-display);
    font-size:46px;
    font-weight:700;
    margin-bottom:10px;
}

.stat-box span{
    font-family:var(--font-mono);
    color:var(--text-dim);
    font-size:12px;
    letter-spacing:1px;
}

/************************************************
 SCROLL EFFECT
************************************************/

.reveal{ opacity:0; transform:translateY(50px); transition:1s; }
.reveal.active{ opacity:1; transform:translateY(0); }

.reveal-left{ opacity:0; transform:translateX(-60px); transition:1s; }
.reveal-left.active{ opacity:1; transform:translateX(0); }

.reveal-right{ opacity:0; transform:translateX(60px); transition:1s; }
.reveal-right.active{ opacity:1; transform:translateX(0); }

/************************************************
 PRODUCT SECTION
************************************************/

.product-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

.product-card{
    position:relative;
    overflow:hidden;
    border-radius:var(--radius-lg);
    background:var(--carbon2);
    transition:var(--transition);
    border:1px solid var(--line);
}

.product-card:hover{
    transform:translateY(-8px);
    border-color:var(--copper);
    box-shadow:0 30px 70px rgba(0,0,0,.4);
}

.product-thumb{
    height:200px;
    background:
        repeating-linear-gradient(135deg,var(--carbon3) 0 2px,transparent 2px 14px),
        linear-gradient(135deg,#1B1D21,#0B0C0E);
    display:flex;
    justify-content:center;
    align-items:center;
    border-bottom:1px solid var(--line);
}

.product-thumb i{
    font-size:64px;
    color:var(--copper);
}

.product-body{
    padding:32px;
}

.product-tag{
    display:inline-block;
    font-size:11px;
    color:var(--text-dim);
    margin-bottom:14px;
}

.product-body h3{
    font-family:var(--font-display);
    font-size:24px;
    margin-bottom:10px;
}

.product-body p{
    color:var(--text-dim);
    line-height:1.8;
    font-size:15px;
}

/************************************************
 TIMELINE
************************************************/

.timeline{
    background:var(--carbon2);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}

.timeline .inner{
    position:relative;
}

.timeline .inner:before{
    content:"";
    position:absolute;
    left:50%;
    top:180px;
    bottom:40px;
    width:1px;
    background:var(--line);
}

.time-item{
    width:50%;
    padding:16px 50px;
    position:relative;
}

.time-item:nth-child(even){ margin-left:50%; }

.time-box{
    padding:32px;
    border-radius:var(--radius-lg);
    background:var(--carbon);
    border:1px solid var(--line);
    transition:var(--transition);
}

.time-box:hover{
    border-color:var(--copper);
}

.time-box h4{
    font-family:var(--font-mono);
    font-size:12px;
    margin-bottom:12px;
    color:var(--copper);
    letter-spacing:1px;
}

.time-box h3{
    font-family:var(--font-display);
    font-size:22px;
    margin-bottom:14px;
}

.time-box p{
    color:var(--text-dim);
    font-size:14.5px;
    line-height:2;
}

.time-box p i{
    width:18px;
    color:var(--copper);
}

/************************************************
 RESOURCES
************************************************/

.resource-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

.resource-card{
    display:flex;
    flex-direction:column;
    gap:22px;
    padding:34px;
    border-radius:var(--radius-lg);
    background:var(--carbon2);
    border:1px solid var(--line);
    transition:var(--transition);
}

.resource-card:hover{
    border-color:var(--copper);
    transform:translateY(-6px);
}

.resource-tag{
    font-size:11px;
    color:var(--copper-light);
    letter-spacing:1.5px;
}

.resource-card h3{
    font-family:var(--font-display);
    font-size:18px;
    font-weight:600;
    line-height:1.5;
    flex:1;
}

.resource-more{
    display:flex;
    align-items:center;
    gap:8px;
    font-family:var(--font-mono);
    font-size:12px;
    color:var(--text-dim);
}

/************************************************
 PARTNERS
************************************************/

.partner-slider{
    overflow:hidden;
    margin-top:20px;
    mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent);
}

.partner-track{
    display:flex;
    gap:60px;
    width:max-content;
    animation:logoSlide 22s linear infinite;
}

.partner-logo{
    height:90px;
    padding:0 36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px dashed var(--line);
    border-radius:var(--radius);
    color:var(--text-dim);
    font-family:var(--font-mono);
    font-size:12px;
    letter-spacing:2px;
    opacity:.6;
    transition:.3s;
}

.partner-logo:hover{
    opacity:1;
    border-color:var(--copper);
    color:var(--copper-light);
}

@keyframes logoSlide{
    0%{ transform:translateX(0); }
    100%{ transform:translateX(-50%); }
}

/************************************************
 CTA
************************************************/

.cta-section{ padding-top:0; }

.cta-card{
    border-radius:var(--radius-lg);
    background:linear-gradient(120deg,var(--carbon2),var(--carbon3));
    border:1px solid var(--line);
    padding:60px;
    position:relative;
    overflow:hidden;
}

.cta-card:before{
    content:"";
    position:absolute;
    right:-80px;top:-80px;
    width:280px;height:280px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(200,118,59,.18),transparent 70%);
}

.cta-flex{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:50px;
    flex-wrap:wrap;
    position:relative;
    z-index:2;
}

.cta-eyebrow{
    font-family:var(--font-mono);
    font-size:12px;
    color:var(--copper);
    letter-spacing:1.5px;
}

.cta-card h2{
    font-family:var(--font-display);
    font-size:38px;
    font-weight:700;
    margin:16px 0 14px;
    line-height:1.2;
}

.cta-card p{
    color:var(--text-dim);
    font-size:16px;
}

/************************************************
 CONTACT
************************************************/

.contact{
    background:var(--carbon2);
    border-top:1px solid var(--line);
}

.contact-wrap{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
}

.contact-card{
    padding:44px;
    border-radius:var(--radius-lg);
    background:var(--carbon);
    border:1px solid var(--line);
}

.contact-item{
    display:flex;
    gap:20px;
    margin-bottom:32px;
}

.contact-item:last-child{ margin-bottom:0; }

.contact-item i{
    font-size:24px;
    color:var(--copper);
    width:36px;
    padding-top:2px;
}

.contact-item h3{
    font-family:var(--font-mono);
    font-size:12px;
    color:var(--text-dim);
    letter-spacing:1px;
    margin-bottom:6px;
    font-weight:500;
}

.placeholder-value span{
    display:block;
    color:var(--copper-light);
    font-size:12px;
    font-family:var(--font-mono);
    margin-top:4px;
}

/************************************************
 FORM
************************************************/

.form input,
.form textarea{
    width:100%;
    background:var(--carbon2);
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:16px 18px;
    color:#fff;
    margin-bottom:16px;
    font-size:14.5px;
    transition:.25s;
}

.form input:focus,
.form textarea:focus{
    outline:none;
    border-color:var(--copper);
}

.form textarea{
    height:150px;
    resize:none;
}

/************************************************
 FOOTER
************************************************/

.footer{
    padding:56px 0;
    background:var(--carbon);
    border-top:1px solid var(--line);
}

.footer-flex{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.footer-logo{
    font-family:var(--font-display);
    font-size:26px;
    font-weight:700;
}

.footer-logo span{ color:var(--copper); }

.footer-copy{
    color:var(--text-dim);
    font-size:13px;
    margin-top:10px;
}

.footer-social{
    display:flex;
    gap:14px;
}

.footer-social a{
    width:44px;height:44px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--carbon2);
    border:1px solid var(--line);
    transition:.3s;
}

.footer-social a:hover{
    background:var(--copper);
    border-color:var(--copper);
    color:#0B0C0E;
    transform:translateY(-4px);
}

/************************************************
 TOP BUTTON
************************************************/

.top-btn{
    position:fixed;
    right:32px;
    bottom:32px;
    width:52px;height:52px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:var(--copper);
    color:#0B0C0E;
    cursor:pointer;
    opacity:0;
    visibility:hidden;
    transition:.35s;
    z-index:999;
}

.top-btn.show{ opacity:1; visibility:visible; }
.top-btn:hover{ transform:translateY(-6px); }

/************************************************
 CUSTOM SCROLLBAR
************************************************/

::-webkit-scrollbar{ width:9px; }
::-webkit-scrollbar-track{ background:var(--carbon); }
::-webkit-scrollbar-thumb{ background:var(--copper); border-radius:20px; }

/************************************************
 RESPONSIVE
************************************************/

@media(max-width:1200px){

    .hero .inner{
        flex-direction:column;
        align-items:flex-start;
        gap:70px;
    }

    .hero-wafer{
        width:100%;
        max-width:420px;
        margin:auto;
    }

    .contact-wrap{
        grid-template-columns:1fr;
    }

    .pillar-grid,
    .solution-grid,
    .product-grid,
    .resource-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .stats{
        grid-template-columns:repeat(2,1fr);
    }

    .hero h1{ font-size:50px; }

    .capability-item{
        grid-template-columns:80px 60px 1fr;
    }

}

@media(max-width:768px){

    section{ padding:90px 0; }

    .header .inner{ height:72px; }

    .gnb{ display:none; }

    .lang-switch{ display:none; }

    .hero{ padding-top:110px; min-height:auto; }

    .hero h1{ font-size:38px; }

    .hero p{ font-size:16px; }

    .hero-meta{ flex-wrap:wrap; gap:24px; }

    .section-title h2{ font-size:30px; }

    .pillar-grid,
    .solution-grid,
    .product-grid,
    .resource-grid,
    .stats{
        grid-template-columns:1fr;
    }

    .capability-item{
        grid-template-columns:1fr;
        gap:14px;
    }

    .timeline .inner:before{ display:none; }

    .time-item{
        width:100%;
        margin:0 !important;
        padding:10px 0;
    }

    .cta-flex{
        align-items:flex-start;
    }

    .cta-card h2{ font-size:28px; }

    .footer-flex{
        flex-direction:column;
        gap:24px;
        text-align:center;
    }

    .wafer-callout{ display:none; }

}

/************************************************
 END
************************************************/