/* ============================================================
   TRUST GSM — Design System
   Paleta: portocaliu (principal) / alb (text primar) / negru (secundar)
   ============================================================ */

:root {
    --orange:        #FF6A00;
    --orange-deep:   #cc4f00;
    --orange-bright: #ff8a2a;
    --orange-soft:   #FFB347;
    --orange-glow:   rgba(255, 106, 0, 0.45);

    --black:         #0a0a0a;
    --black-soft:    #1a1a1a;
    --black-elev:    #242424;
    --white:         #ffffff;
    --cream:         #fff5e6;
    --warm-muted:    #ffd9b3;

    --bg-primary:    var(--orange);
    --bg-deep:       var(--black);
    --bg-card:       rgba(0, 0, 0, 0.45);
    --bg-card-solid: var(--black-soft);

    --text-primary:   var(--white);
    --text-secondary: var(--cream);
    --text-muted:     var(--warm-muted);
    --text-on-orange: var(--black);

    --gradient-orange: linear-gradient(135deg, #FFB347 0%, #FF6A00 50%, #cc4f00 100%);
    --gradient-warm:   linear-gradient(135deg, #FF6A00 0%, #ff8a2a 50%, #FFB347 100%);
    --gradient-dark:   linear-gradient(180deg, #0a0a0a 0%, #1a1a1a 50%, #0a0a0a 100%);
    --gradient-text:   linear-gradient(135deg, #ffffff 0%, #fff5e6 40%, #FFB347 100%);
    --gradient-shine:  linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.55) 50%, transparent 70%);

    --shadow-sm:   0 2px 8px rgba(0,0,0,0.18);
    --shadow-md:   0 6px 22px rgba(0,0,0,0.30);
    --shadow-lg:   0 14px 42px rgba(0,0,0,0.38);
    --shadow-xl:   0 24px 64px rgba(0,0,0,0.45);
    --shadow-orange: 0 14px 50px rgba(255, 106, 0, 0.45);

    /* Lift = halou cald + adancime + ring de lumina pe margini.
       Folosit pe carduri / containere asezate peste fundalul intunecat. */
    --shadow-lift:
        0 0 0 1px rgba(255,200,140,0.18),
        0 1px 0 rgba(255,255,255,0.12) inset,
        0 18px 44px rgba(0,0,0,0.55),
        0 0 80px rgba(255,150,60,0.35),
        0 0 24px rgba(255,180,100,0.22);
    --shadow-lift-hover:
        0 0 0 1px rgba(255,170,80,0.55),
        0 1px 0 rgba(255,255,255,0.18) inset,
        0 26px 60px rgba(0,0,0,0.65),
        0 0 100px rgba(255,150,60,0.55),
        0 0 36px rgba(255,180,100,0.40);

    --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-display: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    --radius-sm:  10px;
    --radius-md:  16px;
    --radius-lg:  24px;
    --radius-xl:  36px;
    --radius-pill: 999px;

    --t-fast: 180ms cubic-bezier(0.4, 0, 0.2, 1);
    --t-base: 320ms cubic-bezier(0.4, 0, 0.2, 1);
    --t-slow: 600ms cubic-bezier(0.4, 0, 0.2, 1);

    --container: 1280px;
    --nav-h: 80px;
}

/* ===== Reset & base ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    background: var(--bg-deep);
}
body {
    font-family: var(--font-body);
    color: var(--text-primary);
    font-weight: 500;
    line-height: 1.6;
    background: transparent;
    overflow-x: hidden;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
img { max-width: 100%; display: block; }
a  { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; cursor: pointer; border: 0; background: transparent; }
input, select, textarea { font: inherit; color: inherit; }

::selection { background: var(--orange); color: var(--black); }

.container {
    max-width: var(--container);
    margin: 0 auto;
    padding: 0 1.5rem;
}

.sr-only {
    position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden;
    clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

/* ===== Background — riflaje de lemn (fix, nu scrolleaza) ===== */
.background-animation {
    position: fixed;
    inset: 0;
    z-index: -2;
    overflow: hidden;
    background-color: #4a2f1c;
    background-image:
        /* 1) Aura calda (lumina ambientala portocalie pe lemn) */
        radial-gradient(ellipse 60% 45% at 22% 12%, rgba(255,170,90,0.18), transparent 65%),
        radial-gradient(ellipse 70% 55% at 82% 92%, rgba(255,138,42,0.14), transparent 65%),
        /* 2) Riflaje verticale dese (groove + highlight subtil) */
        repeating-linear-gradient(
            90deg,
            rgba(255,200,140,0.10) 0,
            rgba(255,200,140,0.10) 1px,
            transparent 1px,
            transparent 50px,
            rgba(0,0,0,0.55) 50px,
            rgba(0,0,0,0.72) 52px,
            rgba(0,0,0,0.55) 54px,
            transparent 54px,
            transparent 55px,
            rgba(255,200,140,0.18) 55px,
            rgba(255,200,140,0.18) 56px,
            transparent 56px,
            transparent 58px
        ),
        /* 3) Textura procedurala de lemn (SVG turbulence — vena verticala, mai deschisa) */
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='480' height='960'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.62 0.018' numOctaves='2' seed='7'/><feColorMatrix values='0 0 0 0 0.42  0 0 0 0 0.26  0 0 0 0 0.14  0 0 0 0.55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23g)'/></svg>"),
        /* 4) Textura secundara (vena fina) */
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='640'><filter id='g2'><feTurbulence type='turbulence' baseFrequency='0.9 0.04' numOctaves='1' seed='3'/><feColorMatrix values='0 0 0 0 0.20  0 0 0 0 0.12  0 0 0 0 0.06  0 0 0 0.28 0'/></filter><rect width='100%25' height='100%25' filter='url(#g2)'/></svg>"),
        /* 5) Vignete verticala (lumina mai intensa pe centrul fiecarei sipci) */
        repeating-linear-gradient(
            90deg,
            rgba(255,235,200,0.04) 0,
            transparent 6px,
            transparent 50px,
            rgba(255,235,200,0.04) 56px,
            transparent 58px
        ),
        /* 6) Baza — gradient warm de lemn de stejar deschis */
        linear-gradient(180deg, #5a3a22 0%, #4a2f1c 50%, #3a2414 100%);
    background-size:
        100% 100%,
        100% 100%,
        58px 100%,
        480px 960px,
        320px 640px,
        58px 100%,
        100% 100%;
    background-repeat:
        no-repeat,
        no-repeat,
        repeat,
        repeat,
        repeat,
        repeat,
        no-repeat;
    background-attachment: fixed;
}
/* Strat „obiecte de service GSM" — covoras siliconic albastru DETALIAT (mic,
   intr-un colt), placa de baza, baterie, surubelnite, penseta, spudger,
   ventuza, picks, suruburi imprastiate. Toate sunt OBIECTE OPACE asezate
   peste lemn, cu mult lemn vizibil intre ele. Un singur SVG inline. */
.background-animation::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 1;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 1080' preserveAspectRatio='xMidYMid slice'><defs><linearGradient id='matG' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%231e6dc7'/><stop offset='0.55' stop-color='%23165aa3'/><stop offset='1' stop-color='%230b3870'/></linearGradient><linearGradient id='matEdge' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23071f48'/><stop offset='1' stop-color='%23010714'/></linearGradient><pattern id='gMin' width='34' height='34' patternUnits='userSpaceOnUse'><path d='M34 0L0 0 0 34' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='1'/></pattern><pattern id='gMaj' width='170' height='170' patternUnits='userSpaceOnUse'><path d='M170 0L0 0 0 170' fill='none' stroke='rgba(255,255,255,0.34)' stroke-width='1.5'/></pattern><radialGradient id='scrG' cx='0.35' cy='0.32' r='0.75'><stop offset='0' stop-color='%23ededed'/><stop offset='0.45' stop-color='%23a8a8a8'/><stop offset='0.85' stop-color='%23484848'/><stop offset='1' stop-color='%23161616'/></radialGradient><symbol id='scr' viewBox='0 0 40 40'><circle cx='20' cy='20' r='17' fill='url(%23scrG)' stroke='%23121212' stroke-width='1.2'/><circle cx='20' cy='20' r='14.5' fill='none' stroke='rgba(0,0,0,0.18)' stroke-width='0.6'/><line x1='9' y1='20' x2='31' y2='20' stroke='%23121212' stroke-width='2.6' stroke-linecap='round'/><line x1='20' y1='9' x2='20' y2='31' stroke='%23121212' stroke-width='2.6' stroke-linecap='round'/><ellipse cx='14' cy='13' rx='4' ry='3' fill='rgba(255,255,255,0.30)'/></symbol><symbol id='penta' viewBox='0 0 40 40'><circle cx='20' cy='20' r='17' fill='url(%23scrG)' stroke='%23121212' stroke-width='1.2'/><path d='M20 9.5L23.5 14.8 29.6 15.7 25.2 20.2 26.4 26.4 20 23.4 13.6 26.4 14.8 20.2 10.4 15.7 16.5 14.8Z' fill='%23121212'/><ellipse cx='14' cy='13' rx='4' ry='3' fill='rgba(255,255,255,0.30)'/></symbol><linearGradient id='pcbG' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23147145'/><stop offset='0.5' stop-color='%230d5530'/><stop offset='1' stop-color='%23083a1f'/></linearGradient><linearGradient id='goldG' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23f6d680'/><stop offset='0.5' stop-color='%23d4a248'/><stop offset='1' stop-color='%238a5e22'/></linearGradient><linearGradient id='icG' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23292929'/><stop offset='0.5' stop-color='%23151515'/><stop offset='1' stop-color='%23070707'/></linearGradient><radialGradient id='capG' cx='0.4' cy='0.4' r='0.7'><stop offset='0' stop-color='%23d49a40'/><stop offset='0.6' stop-color='%23845b1f'/><stop offset='1' stop-color='%232a1c0c'/></radialGradient><linearGradient id='steelG' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23f4f4f4'/><stop offset='0.5' stop-color='%23a0a0a0'/><stop offset='1' stop-color='%23404040'/></linearGradient><linearGradient id='hOr' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23ff8a3d'/><stop offset='0.5' stop-color='%23d65a0a'/><stop offset='1' stop-color='%23682606'/></linearGradient><linearGradient id='hBl' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%2354b3ff'/><stop offset='0.5' stop-color='%231f6cc4'/><stop offset='1' stop-color='%230a2f60'/></linearGradient><linearGradient id='glassG' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23222'/><stop offset='0.5' stop-color='%23080808'/><stop offset='1' stop-color='%23222'/></linearGradient><linearGradient id='batG' x1='0' y1='0' x2='1' y2='0'><stop offset='0' stop-color='%232b2b2b'/><stop offset='0.5' stop-color='%23151515'/><stop offset='1' stop-color='%232b2b2b'/></linearGradient></defs><g transform='translate(60 540) rotate(-4)'><rect x='10' y='12' width='720' height='500' rx='22' fill='rgba(0,0,0,0.55)'/><rect x='0' y='0' width='720' height='500' rx='20' fill='url(%23matEdge)'/><rect x='8' y='8' width='704' height='484' rx='16' fill='url(%23matG)'/><rect x='8' y='8' width='704' height='4' fill='rgba(255,255,255,0.30)' rx='2'/><rect x='8' y='488' width='704' height='4' fill='rgba(0,0,0,0.4)' rx='2'/><rect x='22' y='22' width='676' height='456' rx='10' fill='none' stroke='rgba(255,255,255,0.30)' stroke-width='1.2'/><rect x='22' y='22' width='676' height='456' fill='url(%23gMin)'/><rect x='22' y='22' width='676' height='456' fill='url(%23gMaj)'/><text x='38' y='54' font-family='monospace' font-size='18' fill='rgba(255,255,255,0.78)' font-weight='800' letter-spacing='3'>TRUST GSM</text><text x='38' y='72' font-family='monospace' font-size='9' fill='rgba(255,255,255,0.55)' letter-spacing='2'>PRO REPAIR  ·  ESD SAFE  ·  60x40 cm</text><g transform='translate(40 100)'><rect x='0' y='0' width='200' height='340' rx='26' fill='none' stroke='rgba(255,255,255,0.55)' stroke-width='2' stroke-dasharray='8 5'/><text x='100' y='-6' text-anchor='middle' font-family='monospace' font-size='8' fill='rgba(255,255,255,0.55)' letter-spacing='2'>PHONE PLACEMENT</text></g><g transform='translate(270 100)'><rect x='6' y='8' width='190' height='340' rx='22' fill='rgba(0,0,0,0.45)'/><rect x='0' y='0' width='190' height='340' rx='22' fill='%23161616' stroke='%23000' stroke-width='1.2'/><rect x='5' y='5' width='180' height='330' rx='18' fill='url(%23glassG)'/><rect x='75' y='10' width='55' height='16' rx='8' fill='%23000'/><circle cx='118' cy='18' r='2.5' fill='%23222'/><g stroke='rgba(255,255,255,0.65)' stroke-width='1' fill='none' opacity='0.85'><path d='M90 60 L 40 140 L 14 220 M 40 140 L 120 200 L 160 130'/><path d='M 120 200 L 130 280 L 80 320 M 130 280 L 170 310'/><path d='M 14 220 L 70 280 L 40 320'/></g><g fill='rgba(255,255,255,0.04)' stroke='rgba(255,255,255,0.15)' stroke-width='0.6'><rect x='14' y='40' width='30' height='30' rx='7'/><rect x='52' y='40' width='30' height='30' rx='7'/><rect x='90' y='40' width='30' height='30' rx='7'/><rect x='128' y='40' width='30' height='30' rx='7'/></g><g stroke='%23d2a449' stroke-width='5' fill='none' opacity='0.95'><path d='M 190 130 C 220 145 220 170 250 185'/><path d='M 190 165 C 220 180 220 205 250 220'/></g><rect x='244' y='123' width='22' height='10' fill='%23222' stroke='%23000'/><rect x='244' y='158' width='22' height='10' fill='%23222' stroke='%23000'/></g><g transform='translate(478 100)'><rect x='0' y='0' width='196' height='350' rx='8' fill='rgba(0,0,0,0.4)' stroke='rgba(255,255,255,0.32)' stroke-width='1.2'/><text x='8' y='-4' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.6)' font-weight='700' letter-spacing='1'>SCREW MAP</text><g><circle cx='28' cy='22' r='10' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='28' y='25' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.7)' font-weight='700'>1</text><circle cx='56' cy='22' r='10' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='56' y='25' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.7)' font-weight='700'>2</text><circle cx='84' cy='22' r='10' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='84' y='25' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.7)' font-weight='700'>3</text><circle cx='112' cy='22' r='10' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='112' y='25' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.7)' font-weight='700'>4</text><circle cx='140' cy='22' r='10' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='140' y='25' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.7)' font-weight='700'>5</text><circle cx='168' cy='22' r='10' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='168' y='25' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.7)' font-weight='700'>6</text></g><g><circle cx='28' cy='52' r='10' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='28' y='55' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.7)' font-weight='700'>7</text><circle cx='56' cy='52' r='10' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='56' y='55' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.7)' font-weight='700'>8</text><circle cx='84' cy='52' r='10' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='84' y='55' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.7)' font-weight='700'>9</text><circle cx='112' cy='52' r='10' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='112' y='55' text-anchor='middle' font-family='monospace' font-size='6.5' fill='rgba(255,255,255,0.7)' font-weight='700'>10</text><circle cx='140' cy='52' r='10' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='140' y='55' text-anchor='middle' font-family='monospace' font-size='6.5' fill='rgba(255,255,255,0.7)' font-weight='700'>11</text><circle cx='168' cy='52' r='10' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='168' y='55' text-anchor='middle' font-family='monospace' font-size='6.5' fill='rgba(255,255,255,0.7)' font-weight='700'>12</text></g><g><circle cx='28' cy='82' r='10' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='28' y='85' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.7)' font-weight='700'>A</text><circle cx='56' cy='82' r='10' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='56' y='85' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.7)' font-weight='700'>B</text><circle cx='84' cy='82' r='10' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='84' y='85' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.7)' font-weight='700'>C</text><circle cx='112' cy='82' r='10' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='112' y='85' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.7)' font-weight='700'>D</text><circle cx='140' cy='82' r='10' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='140' y='85' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.7)' font-weight='700'>E</text><circle cx='168' cy='82' r='10' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='168' y='85' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.7)' font-weight='700'>F</text></g><g><circle cx='28' cy='112' r='10' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='28' y='115' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.7)' font-weight='700'>G</text><circle cx='56' cy='112' r='10' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='56' y='115' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.7)' font-weight='700'>H</text><circle cx='84' cy='112' r='10' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='84' y='115' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.7)' font-weight='700'>I</text><circle cx='112' cy='112' r='10' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='112' y='115' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.7)' font-weight='700'>J</text><circle cx='140' cy='112' r='10' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='140' y='115' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.7)' font-weight='700'>K</text><circle cx='168' cy='112' r='10' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='168' y='115' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.7)' font-weight='700'>L</text></g><use href='%23penta' x='20' y='14' width='16' height='16'/><use href='%23penta' x='48' y='14' width='16' height='16'/><use href='%23scr' x='104' y='14' width='16' height='16'/><use href='%23scr' x='132' y='14' width='16' height='16'/><use href='%23scr' x='20' y='44' width='16' height='16'/><use href='%23penta' x='76' y='44' width='16' height='16'/><use href='%23scr' x='160' y='44' width='16' height='16'/><use href='%23scr' x='48' y='74' width='16' height='16'/><use href='%23penta' x='104' y='74' width='16' height='16'/><use href='%23scr' x='160' y='74' width='16' height='16'/><use href='%23scr' x='20' y='104' width='16' height='16'/><use href='%23penta' x='132' y='104' width='16' height='16'/></g></g><g transform='translate(1200 110) rotate(5)'><rect x='10' y='12' width='620' height='540' rx='16' fill='rgba(0,0,0,0.55)'/><rect x='0' y='0' width='620' height='540' rx='14' fill='url(%23pcbG)' stroke='%23031509' stroke-width='2'/><rect x='8' y='8' width='604' height='524' rx='10' fill='none' stroke='rgba(255,255,255,0.22)' stroke-width='1' stroke-dasharray='3 3'/><use href='%23scr' x='10' y='10' width='32' height='32'/><use href='%23scr' x='578' y='10' width='32' height='32'/><use href='%23scr' x='10' y='498' width='32' height='32'/><use href='%23scr' x='578' y='498' width='32' height='32'/><g stroke='%23d2a449' stroke-width='1.6' fill='none' opacity='0.9'><path d='M 50 70 H 110 V 130 H 200 V 200 H 240'/><path d='M 580 80 H 530 V 170 H 430 V 220'/><path d='M 50 240 V 320 H 100 V 380'/><path d='M 580 280 V 360 H 540 V 430'/><path d='M 240 380 H 360 V 470 H 580'/><path d='M 320 220 V 270 H 280 V 320'/><path d='M 380 220 V 260 H 420 V 310'/><path d='M 60 120 H 90 M 60 140 H 90'/><path d='M 540 120 H 580 M 540 140 H 580'/><path d='M 130 380 H 200 V 410 H 230'/><path d='M 280 460 V 490 H 350'/></g><g transform='translate(220 110)'><rect width='200' height='200' rx='8' fill='url(%23icG)' stroke='%23000' stroke-width='1.5'/><circle cx='14' cy='14' r='3.5' fill='rgba(255,255,255,0.7)'/><text x='100' y='90' text-anchor='middle' font-family='monospace' font-size='15' fill='rgba(255,255,255,0.65)' font-weight='800' letter-spacing='1'>APL1077</text><text x='100' y='110' text-anchor='middle' font-family='monospace' font-size='9' fill='rgba(255,255,255,0.5)' letter-spacing='1'>SoC  ·  6 CORE</text><text x='100' y='126' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.4)' letter-spacing='1'>NXC DESIGN  2024</text><g fill='rgba(255,255,255,0.18)'><circle cx='20' cy='180' r='1.5'/><circle cx='30' cy='180' r='1.5'/><circle cx='40' cy='180' r='1.5'/><circle cx='50' cy='180' r='1.5'/><circle cx='60' cy='180' r='1.5'/><circle cx='180' cy='180' r='1.5'/><circle cx='170' cy='180' r='1.5'/><circle cx='160' cy='180' r='1.5'/><circle cx='150' cy='180' r='1.5'/><circle cx='140' cy='180' r='1.5'/></g></g><g transform='translate(70 80)'><rect width='130' height='80' rx='4' fill='url(%23icG)' stroke='%23000'/><circle cx='8' cy='8' r='2' fill='rgba(255,255,255,0.6)'/><text x='65' y='38' text-anchor='middle' font-family='monospace' font-size='12' fill='rgba(255,255,255,0.65)' font-weight='800'>NAND</text><text x='65' y='53' text-anchor='middle' font-family='monospace' font-size='8.5' fill='rgba(255,255,255,0.5)'>256 GB</text><text x='65' y='68' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.35)'>U4500</text></g><g transform='translate(440 80)'><rect width='130' height='80' rx='4' fill='url(%23icG)' stroke='%23000'/><circle cx='8' cy='8' r='2' fill='rgba(255,255,255,0.6)'/><text x='65' y='38' text-anchor='middle' font-family='monospace' font-size='12' fill='rgba(255,255,255,0.65)' font-weight='800'>RAM</text><text x='65' y='53' text-anchor='middle' font-family='monospace' font-size='8.5' fill='rgba(255,255,255,0.5)'>LPDDR5</text><text x='65' y='68' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.35)'>U2900</text></g><g transform='translate(70 360)'><rect width='150' height='100' rx='4' fill='url(%23icG)' stroke='%23000'/><circle cx='8' cy='8' r='2' fill='rgba(255,255,255,0.6)'/><text x='75' y='45' text-anchor='middle' font-family='monospace' font-size='12' fill='rgba(255,255,255,0.65)' font-weight='800'>PMIC</text><text x='75' y='62' text-anchor='middle' font-family='monospace' font-size='8.5' fill='rgba(255,255,255,0.5)'>POWER MGMT</text><text x='75' y='80' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.35)'>U7100</text></g><g transform='translate(420 360)'><rect width='140' height='100' rx='4' fill='url(%23icG)' stroke='%23000'/><circle cx='8' cy='8' r='2' fill='rgba(255,255,255,0.6)'/><text x='70' y='45' text-anchor='middle' font-family='monospace' font-size='11' fill='rgba(255,255,255,0.65)' font-weight='800'>BB MODEM</text><text x='70' y='62' text-anchor='middle' font-family='monospace' font-size='8.5' fill='rgba(255,255,255,0.5)'>5G  ·  LTE</text><text x='70' y='80' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.35)'>U6000</text></g><g fill='%23222' stroke='%23555' stroke-width='0.4'><rect x='80' y='200' width='12' height='6'/><rect x='98' y='200' width='12' height='6'/><rect x='116' y='200' width='12' height='6'/><rect x='134' y='200' width='12' height='6'/><rect x='152' y='200' width='12' height='6'/><rect x='80' y='215' width='12' height='6'/><rect x='98' y='215' width='12' height='6'/><rect x='116' y='215' width='12' height='6'/><rect x='134' y='215' width='12' height='6'/><rect x='152' y='215' width='12' height='6'/><rect x='450' y='200' width='12' height='6'/><rect x='468' y='200' width='12' height='6'/><rect x='486' y='200' width='12' height='6'/><rect x='504' y='200' width='12' height='6'/><rect x='522' y='200' width='12' height='6'/><rect x='450' y='215' width='12' height='6'/><rect x='468' y='215' width='12' height='6'/><rect x='486' y='215' width='12' height='6'/><rect x='240' y='340' width='12' height='6'/><rect x='258' y='340' width='12' height='6'/><rect x='276' y='340' width='12' height='6'/><rect x='294' y='340' width='12' height='6'/><rect x='312' y='340' width='12' height='6'/><rect x='240' y='480' width='12' height='6'/><rect x='258' y='480' width='12' height='6'/><rect x='276' y='480' width='12' height='6'/><rect x='240' y='495' width='12' height='6'/><rect x='258' y='495' width='12' height='6'/><rect x='276' y='495' width='12' height='6'/></g><g fill='url(%23goldG)' stroke='%23856229' stroke-width='0.6'><rect x='240' y='80' width='22' height='14' rx='2'/><rect x='270' y='80' width='22' height='14' rx='2'/><rect x='300' y='80' width='22' height='14' rx='2'/><rect x='330' y='80' width='22' height='14' rx='2'/></g><circle cx='50' cy='240' r='12' fill='url(%23capG)' stroke='%232a1c0c'/><circle cx='50' cy='240' r='5' fill='%231a1208'/><line x1='44' y1='240' x2='56' y2='240' stroke='rgba(255,255,255,0.25)' stroke-width='1'/><circle cx='580' cy='240' r='14' fill='url(%23capG)' stroke='%232a1c0c'/><circle cx='580' cy='240' r='6' fill='%231a1208'/><line x1='574' y1='240' x2='586' y2='240' stroke='rgba(255,255,255,0.25)' stroke-width='1'/><g fill='url(%23goldG)' stroke='%23856229' stroke-width='0.5'><rect x='40' y='505' width='13' height='25' rx='1'/><rect x='57' y='505' width='13' height='25' rx='1'/><rect x='74' y='505' width='13' height='25' rx='1'/><rect x='91' y='505' width='13' height='25' rx='1'/><rect x='108' y='505' width='13' height='25' rx='1'/><rect x='125' y='505' width='13' height='25' rx='1'/><rect x='142' y='505' width='13' height='25' rx='1'/><rect x='159' y='505' width='13' height='25' rx='1'/><rect x='480' y='505' width='13' height='25' rx='1'/><rect x='497' y='505' width='13' height='25' rx='1'/><rect x='514' y='505' width='13' height='25' rx='1'/><rect x='531' y='505' width='13' height='25' rx='1'/><rect x='548' y='505' width='13' height='25' rx='1'/></g><rect x='240' y='460' width='130' height='22' rx='2' fill='%23bababa' stroke='%23222' stroke-width='1'/><g stroke='%23222' stroke-width='0.5'><line x1='246' y1='460' x2='246' y2='482'/><line x1='252' y1='460' x2='252' y2='482'/><line x1='258' y1='460' x2='258' y2='482'/><line x1='264' y1='460' x2='264' y2='482'/><line x1='270' y1='460' x2='270' y2='482'/><line x1='276' y1='460' x2='276' y2='482'/><line x1='282' y1='460' x2='282' y2='482'/><line x1='288' y1='460' x2='288' y2='482'/><line x1='294' y1='460' x2='294' y2='482'/><line x1='300' y1='460' x2='300' y2='482'/><line x1='306' y1='460' x2='306' y2='482'/><line x1='312' y1='460' x2='312' y2='482'/><line x1='318' y1='460' x2='318' y2='482'/><line x1='324' y1='460' x2='324' y2='482'/><line x1='330' y1='460' x2='330' y2='482'/><line x1='336' y1='460' x2='336' y2='482'/><line x1='342' y1='460' x2='342' y2='482'/><line x1='348' y1='460' x2='348' y2='482'/><line x1='354' y1='460' x2='354' y2='482'/><line x1='360' y1='460' x2='360' y2='482'/></g><g fill='%23d4a248' stroke='%23856229' stroke-width='0.4'><circle cx='180' cy='340' r='2.5'/><circle cx='195' cy='340' r='2.5'/><circle cx='210' cy='340' r='2.5'/><circle cx='400' cy='340' r='2.5'/><circle cx='415' cy='340' r='2.5'/></g><g font-family='monospace' font-size='6.5' fill='rgba(255,255,255,0.5)'><text x='80' y='198'>R1</text><text x='98' y='198'>R2</text><text x='240' y='338'>R8</text><text x='450' y='198'>C3</text><text x='240' y='458'>FPC1</text><text x='40' y='502'>P1</text><text x='480' y='502'>P2</text><text x='220' y='102'>U1</text><text x='40' y='180'>U2</text></g></g><g transform='translate(840 60) rotate(-3)'><rect x='8' y='10' width='340' height='110' rx='10' fill='rgba(0,0,0,0.55)'/><rect x='0' y='0' width='340' height='110' rx='8' fill='url(%23batG)' stroke='%23000' stroke-width='1.5'/><g stroke='rgba(255,255,255,0.10)' stroke-width='1'><line x1='85' y1='10' x2='85' y2='100'/><line x1='170' y1='10' x2='170' y2='100'/><line x1='255' y1='10' x2='255' y2='100'/></g><rect x='8' y='30' width='28' height='50' rx='2' fill='url(%23goldG)' stroke='%23856229'/><rect x='95' y='25' width='200' height='60' rx='4' fill='rgba(255,255,255,0.04)' stroke='rgba(255,255,255,0.18)'/><text x='105' y='45' font-family='monospace' font-size='11' fill='rgba(255,255,255,0.7)' font-weight='700' letter-spacing='1'>BATTERY  3.85V</text><text x='105' y='62' font-family='monospace' font-size='9' fill='rgba(255,255,255,0.55)'>4422 mAh  /  17.02 Wh</text><text x='105' y='76' font-family='monospace' font-size='7.5' fill='rgba(255,255,255,0.4)' letter-spacing='1'>LI-ION POLYMER  ·  MADE IN CN</text><g stroke='%23d2a449' stroke-width='6' fill='none'><path d='M 340 50 Q 380 50 400 30 Q 420 12 450 30'/></g><rect x='446' y='24' width='26' height='14' fill='%23222' stroke='%23000'/></g><g transform='translate(900 720) rotate(-22)'><ellipse cx='110' cy='35' rx='110' ry='30' fill='url(%23hOr)' stroke='%23501a02' stroke-width='1.5'/><g stroke='rgba(0,0,0,0.32)' stroke-width='1'><line x1='30' y1='10' x2='30' y2='60'/><line x1='55' y1='6' x2='55' y2='64'/><line x1='80' y1='4' x2='80' y2='66'/><line x1='105' y1='4' x2='105' y2='66'/><line x1='130' y1='4' x2='130' y2='66'/><line x1='155' y1='6' x2='155' y2='64'/><line x1='180' y1='10' x2='180' y2='60'/></g><ellipse cx='110' cy='25' rx='90' ry='6' fill='rgba(255,255,255,0.18)'/><rect x='220' y='30' width='190' height='10' fill='url(%23steelG)' stroke='%23222' stroke-width='0.5'/><polygon points='410,22 442,35 410,48' fill='url(%23steelG)' stroke='%23222' stroke-width='0.6'/><line x1='426' y1='29' x2='436' y2='35' stroke='%23222' stroke-width='1.2'/><line x1='426' y1='41' x2='436' y2='35' stroke='%23222' stroke-width='1.2'/></g><g transform='translate(1100 920) rotate(14)'><ellipse cx='100' cy='30' rx='100' ry='26' fill='url(%23hBl)' stroke='%23061f3e' stroke-width='1.5'/><g stroke='rgba(0,0,0,0.3)' stroke-width='1'><line x1='30' y1='8' x2='30' y2='52'/><line x1='55' y1='4' x2='55' y2='56'/><line x1='80' y1='2' x2='80' y2='58'/><line x1='105' y1='2' x2='105' y2='58'/><line x1='130' y1='4' x2='130' y2='56'/><line x1='155' y1='8' x2='155' y2='52'/></g><ellipse cx='100' cy='22' rx='80' ry='5' fill='rgba(255,255,255,0.22)'/><rect x='200' y='25' width='160' height='10' fill='url(%23steelG)' stroke='%23222' stroke-width='0.5'/><circle cx='370' cy='30' r='8' fill='url(%23steelG)' stroke='%23222' stroke-width='0.6'/><path d='M370 25 L373 28 L378 28 L374 31 L375 36 L370 33 L365 36 L366 31 L362 28 L367 28 Z' fill='%23222'/></g><g transform='translate(1380 760) rotate(28)'><path d='M0 0 L 220 8 L 220 14 L 0 6 Z' fill='url(%23steelG)' stroke='%23222' stroke-width='0.7'/><path d='M0 6 L -200 -10 L -200 -4 L 0 12 Z' fill='url(%23steelG)' stroke='%23222' stroke-width='0.7'/><circle cx='0' cy='6' r='4' fill='%23999' stroke='%23222'/><polygon points='220,8 232,9 232,13 220,14' fill='%23dcdcdc' stroke='%23222' stroke-width='0.5'/><polygon points='-200,-10 -212,-9 -212,-5 -200,-4' fill='%23dcdcdc' stroke='%23222' stroke-width='0.5'/></g><g transform='translate(1500 950) rotate(-12)'><rect x='0' y='0' width='320' height='14' rx='5' fill='url(%23hBl)' stroke='%23061f3e' stroke-width='1'/><polygon points='320,0 354,7 320,14' fill='%23cdcdcd' stroke='%23555' stroke-width='0.6'/><polygon points='0,0 -22,4 -22,10 0,14' fill='%23cdcdcd' stroke='%23555' stroke-width='0.6'/><text x='160' y='10' text-anchor='middle' font-family='monospace' font-size='8' fill='rgba(255,255,255,0.55)' letter-spacing='2'>SPUDGER  ·  ESD</text></g><g transform='translate(1700 720)'><circle cx='40' cy='40' r='38' fill='rgba(0,0,0,0.55)'/><circle cx='40' cy='40' r='34' fill='%23a2210f' stroke='%2350120a' stroke-width='2'/><circle cx='40' cy='40' r='24' fill='%23861609'/><ellipse cx='30' cy='28' rx='14' ry='6' fill='rgba(255,255,255,0.2)'/><rect x='35' y='40' width='10' height='95' rx='3' fill='%23c9c9c9' stroke='%23222' stroke-width='0.7'/><circle cx='40' cy='133' r='6' fill='%23c9c9c9' stroke='%23222'/></g><g transform='translate(820 250) rotate(18)'><polygon points='0,0 60,0 30,40' fill='%23ffd23a' stroke='%23a37707' stroke-width='1.2'/><text x='30' y='22' text-anchor='middle' font-family='monospace' font-size='8' fill='%23673f00' font-weight='800'>PICK</text></g><g transform='translate(900 290) rotate(-8)'><polygon points='0,0 60,0 30,40' fill='%2342c5ff' stroke='%23073d6b' stroke-width='1.2'/></g><g transform='translate(1830 540)'><use href='%23scr' x='0' y='0' width='34' height='34'/></g><use href='%23scr' x='850' y='420' width='30' height='30'/><use href='%23penta' x='830' y='480' width='28' height='28'/><use href='%23scr' x='1050' y='560' width='32' height='32'/><use href='%23scr' x='1140' y='720' width='28' height='28'/><use href='%23penta' x='1620' y='250' width='28' height='28'/><use href='%23scr' x='1660' y='320' width='30' height='30'/><use href='%23scr' x='90' y='200' width='30' height='30'/><use href='%23penta' x='150' y='130' width='26' height='26'/><use href='%23scr' x='1830' y='950' width='28' height='28'/><use href='%23scr' x='720' y='980' width='30' height='30'/></svg>");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/* Overlay intunecat pentru contrast text + vigneta accentuata pe margini */
.background-animation::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)),
        radial-gradient(ellipse at center, transparent 35%, rgba(0,0,0,0.55) 100%);
    pointer-events: none;
}

/* Pe mobil (portrait), elementele sunt rearanjate vertical/centrat ca sa
   ramana vizibile in viewport-ul ingust. Folosim un SVG separat cu viewBox
   portrait (900x1600) in loc sa cropam scena landscape. */
@media (max-width: 768px) {
    .background-animation::before {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 1600' preserveAspectRatio='xMidYMid slice'><defs><linearGradient id='matG' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%231e6dc7'/><stop offset='0.55' stop-color='%23165aa3'/><stop offset='1' stop-color='%230b3870'/></linearGradient><linearGradient id='matEdge' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23071f48'/><stop offset='1' stop-color='%23010714'/></linearGradient><pattern id='gMin' width='34' height='34' patternUnits='userSpaceOnUse'><path d='M34 0L0 0 0 34' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='1'/></pattern><pattern id='gMaj' width='170' height='170' patternUnits='userSpaceOnUse'><path d='M170 0L0 0 0 170' fill='none' stroke='rgba(255,255,255,0.34)' stroke-width='1.5'/></pattern><radialGradient id='scrG' cx='0.35' cy='0.32' r='0.75'><stop offset='0' stop-color='%23ededed'/><stop offset='0.45' stop-color='%23a8a8a8'/><stop offset='0.85' stop-color='%23484848'/><stop offset='1' stop-color='%23161616'/></radialGradient><symbol id='scr' viewBox='0 0 40 40'><circle cx='20' cy='20' r='17' fill='url(%23scrG)' stroke='%23121212' stroke-width='1.2'/><circle cx='20' cy='20' r='14.5' fill='none' stroke='rgba(0,0,0,0.18)' stroke-width='0.6'/><line x1='9' y1='20' x2='31' y2='20' stroke='%23121212' stroke-width='2.6' stroke-linecap='round'/><line x1='20' y1='9' x2='20' y2='31' stroke='%23121212' stroke-width='2.6' stroke-linecap='round'/><ellipse cx='14' cy='13' rx='4' ry='3' fill='rgba(255,255,255,0.30)'/></symbol><symbol id='penta' viewBox='0 0 40 40'><circle cx='20' cy='20' r='17' fill='url(%23scrG)' stroke='%23121212' stroke-width='1.2'/><path d='M20 9.5L23.5 14.8 29.6 15.7 25.2 20.2 26.4 26.4 20 23.4 13.6 26.4 14.8 20.2 10.4 15.7 16.5 14.8Z' fill='%23121212'/><ellipse cx='14' cy='13' rx='4' ry='3' fill='rgba(255,255,255,0.30)'/></symbol><linearGradient id='pcbG' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23147145'/><stop offset='0.5' stop-color='%230d5530'/><stop offset='1' stop-color='%23083a1f'/></linearGradient><linearGradient id='goldG' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23f6d680'/><stop offset='0.5' stop-color='%23d4a248'/><stop offset='1' stop-color='%238a5e22'/></linearGradient><linearGradient id='icG' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23292929'/><stop offset='0.5' stop-color='%23151515'/><stop offset='1' stop-color='%23070707'/></linearGradient><radialGradient id='capG' cx='0.4' cy='0.4' r='0.7'><stop offset='0' stop-color='%23d49a40'/><stop offset='0.6' stop-color='%23845b1f'/><stop offset='1' stop-color='%232a1c0c'/></radialGradient><linearGradient id='steelG' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23f4f4f4'/><stop offset='0.5' stop-color='%23a0a0a0'/><stop offset='1' stop-color='%23404040'/></linearGradient><linearGradient id='hOr' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23ff8a3d'/><stop offset='0.5' stop-color='%23d65a0a'/><stop offset='1' stop-color='%23682606'/></linearGradient><linearGradient id='hBl' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%2354b3ff'/><stop offset='0.5' stop-color='%231f6cc4'/><stop offset='1' stop-color='%230a2f60'/></linearGradient><linearGradient id='glassG' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23222'/><stop offset='0.5' stop-color='%23080808'/><stop offset='1' stop-color='%23222'/></linearGradient><linearGradient id='batG' x1='0' y1='0' x2='1' y2='0'><stop offset='0' stop-color='%232b2b2b'/><stop offset='0.5' stop-color='%23151515'/><stop offset='1' stop-color='%232b2b2b'/></linearGradient></defs><g transform='translate(60 60) rotate(-3)'><rect x='8' y='10' width='340' height='110' rx='10' fill='rgba(0,0,0,0.55)'/><rect x='0' y='0' width='340' height='110' rx='8' fill='url(%23batG)' stroke='%23000' stroke-width='1.5'/><g stroke='rgba(255,255,255,0.10)' stroke-width='1'><line x1='85' y1='10' x2='85' y2='100'/><line x1='170' y1='10' x2='170' y2='100'/><line x1='255' y1='10' x2='255' y2='100'/></g><rect x='8' y='30' width='28' height='50' rx='2' fill='url(%23goldG)' stroke='%23856229'/><rect x='95' y='25' width='200' height='60' rx='4' fill='rgba(255,255,255,0.04)' stroke='rgba(255,255,255,0.18)'/><text x='105' y='45' font-family='monospace' font-size='11' fill='rgba(255,255,255,0.7)' font-weight='700' letter-spacing='1'>BATTERY  3.85V</text><text x='105' y='62' font-family='monospace' font-size='9' fill='rgba(255,255,255,0.55)'>4422 mAh  /  17 Wh</text><text x='105' y='76' font-family='monospace' font-size='7.5' fill='rgba(255,255,255,0.4)' letter-spacing='1'>LI-ION POLYMER</text></g><g transform='translate(560 70) rotate(15)'><polygon points='0,0 60,0 30,40' fill='%23ffd23a' stroke='%23a37707' stroke-width='1.2'/><text x='30' y='22' text-anchor='middle' font-family='monospace' font-size='8' fill='%23673f00' font-weight='800'>PICK</text></g><g transform='translate(640 110) rotate(-10)'><polygon points='0,0 60,0 30,40' fill='%2342c5ff' stroke='%23073d6b' stroke-width='1.2'/></g><g transform='translate(50 230) rotate(-1.5)'><rect x='10' y='12' width='800' height='540' rx='22' fill='rgba(0,0,0,0.55)'/><rect x='0' y='0' width='800' height='540' rx='20' fill='url(%23matEdge)'/><rect x='8' y='8' width='784' height='524' rx='16' fill='url(%23matG)'/><rect x='8' y='8' width='784' height='4' fill='rgba(255,255,255,0.30)' rx='2'/><rect x='8' y='528' width='784' height='4' fill='rgba(0,0,0,0.4)' rx='2'/><rect x='22' y='22' width='756' height='496' rx='10' fill='none' stroke='rgba(255,255,255,0.30)' stroke-width='1.2'/><rect x='22' y='22' width='756' height='496' fill='url(%23gMin)'/><rect x='22' y='22' width='756' height='496' fill='url(%23gMaj)'/><text x='38' y='54' font-family='monospace' font-size='20' fill='rgba(255,255,255,0.78)' font-weight='800' letter-spacing='3'>TRUST GSM</text><text x='38' y='74' font-family='monospace' font-size='10' fill='rgba(255,255,255,0.55)' letter-spacing='2'>PRO REPAIR  ·  ESD SAFE  ·  60x40 cm</text><g transform='translate(40 110)'><rect x='0' y='0' width='220' height='380' rx='28' fill='none' stroke='rgba(255,255,255,0.55)' stroke-width='2' stroke-dasharray='8 5'/><text x='110' y='-6' text-anchor='middle' font-family='monospace' font-size='9' fill='rgba(255,255,255,0.55)' letter-spacing='2'>PHONE PLACEMENT</text></g><g transform='translate(290 110)'><rect x='6' y='8' width='210' height='380' rx='24' fill='rgba(0,0,0,0.45)'/><rect x='0' y='0' width='210' height='380' rx='24' fill='%23161616' stroke='%23000' stroke-width='1.2'/><rect x='5' y='5' width='200' height='370' rx='20' fill='url(%23glassG)'/><rect x='80' y='10' width='60' height='18' rx='9' fill='%23000'/><circle cx='128' cy='19' r='3' fill='%23222'/><g stroke='rgba(255,255,255,0.65)' stroke-width='1.1' fill='none' opacity='0.85'><path d='M100 60 L 40 150 L 14 240 M 40 150 L 130 220 L 180 140'/><path d='M 130 220 L 140 310 L 80 360 M 140 310 L 190 340'/><path d='M 14 240 L 80 310 L 50 360'/></g><g fill='rgba(255,255,255,0.04)' stroke='rgba(255,255,255,0.15)' stroke-width='0.6'><rect x='14' y='40' width='34' height='34' rx='8'/><rect x='58' y='40' width='34' height='34' rx='8'/><rect x='102' y='40' width='34' height='34' rx='8'/><rect x='146' y='40' width='34' height='34' rx='8'/></g><g stroke='%23d2a449' stroke-width='5' fill='none' opacity='0.95'><path d='M 210 140 C 240 155 240 180 270 195'/><path d='M 210 175 C 240 190 240 215 270 230'/></g><rect x='264' y='133' width='24' height='12' fill='%23222' stroke='%23000'/><rect x='264' y='168' width='24' height='12' fill='%23222' stroke='%23000'/></g><g transform='translate(534 110)'><rect x='0' y='0' width='220' height='390' rx='8' fill='rgba(0,0,0,0.4)' stroke='rgba(255,255,255,0.32)' stroke-width='1.2'/><text x='8' y='-6' font-family='monospace' font-size='8' fill='rgba(255,255,255,0.6)' font-weight='700' letter-spacing='1'>SCREW MAP</text><g><circle cx='30' cy='24' r='11' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='30' y='27' text-anchor='middle' font-family='monospace' font-size='8' fill='rgba(255,255,255,0.7)' font-weight='700'>1</text><circle cx='62' cy='24' r='11' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='62' y='27' text-anchor='middle' font-family='monospace' font-size='8' fill='rgba(255,255,255,0.7)' font-weight='700'>2</text><circle cx='94' cy='24' r='11' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='94' y='27' text-anchor='middle' font-family='monospace' font-size='8' fill='rgba(255,255,255,0.7)' font-weight='700'>3</text><circle cx='126' cy='24' r='11' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='126' y='27' text-anchor='middle' font-family='monospace' font-size='8' fill='rgba(255,255,255,0.7)' font-weight='700'>4</text><circle cx='158' cy='24' r='11' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='158' y='27' text-anchor='middle' font-family='monospace' font-size='8' fill='rgba(255,255,255,0.7)' font-weight='700'>5</text><circle cx='190' cy='24' r='11' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='190' y='27' text-anchor='middle' font-family='monospace' font-size='8' fill='rgba(255,255,255,0.7)' font-weight='700'>6</text></g><g><circle cx='30' cy='58' r='11' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='30' y='61' text-anchor='middle' font-family='monospace' font-size='8' fill='rgba(255,255,255,0.7)' font-weight='700'>7</text><circle cx='62' cy='58' r='11' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='62' y='61' text-anchor='middle' font-family='monospace' font-size='8' fill='rgba(255,255,255,0.7)' font-weight='700'>8</text><circle cx='94' cy='58' r='11' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='94' y='61' text-anchor='middle' font-family='monospace' font-size='8' fill='rgba(255,255,255,0.7)' font-weight='700'>9</text><circle cx='126' cy='58' r='11' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='126' y='61' text-anchor='middle' font-family='monospace' font-size='7.5' fill='rgba(255,255,255,0.7)' font-weight='700'>10</text><circle cx='158' cy='58' r='11' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='158' y='61' text-anchor='middle' font-family='monospace' font-size='7.5' fill='rgba(255,255,255,0.7)' font-weight='700'>11</text><circle cx='190' cy='58' r='11' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='190' y='61' text-anchor='middle' font-family='monospace' font-size='7.5' fill='rgba(255,255,255,0.7)' font-weight='700'>12</text></g><g><circle cx='30' cy='92' r='11' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='30' y='95' text-anchor='middle' font-family='monospace' font-size='8' fill='rgba(255,255,255,0.7)' font-weight='700'>A</text><circle cx='62' cy='92' r='11' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='62' y='95' text-anchor='middle' font-family='monospace' font-size='8' fill='rgba(255,255,255,0.7)' font-weight='700'>B</text><circle cx='94' cy='92' r='11' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='94' y='95' text-anchor='middle' font-family='monospace' font-size='8' fill='rgba(255,255,255,0.7)' font-weight='700'>C</text><circle cx='126' cy='92' r='11' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='126' y='95' text-anchor='middle' font-family='monospace' font-size='8' fill='rgba(255,255,255,0.7)' font-weight='700'>D</text><circle cx='158' cy='92' r='11' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='158' y='95' text-anchor='middle' font-family='monospace' font-size='8' fill='rgba(255,255,255,0.7)' font-weight='700'>E</text><circle cx='190' cy='92' r='11' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='190' y='95' text-anchor='middle' font-family='monospace' font-size='8' fill='rgba(255,255,255,0.7)' font-weight='700'>F</text></g><g><circle cx='30' cy='126' r='11' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='30' y='129' text-anchor='middle' font-family='monospace' font-size='8' fill='rgba(255,255,255,0.7)' font-weight='700'>G</text><circle cx='62' cy='126' r='11' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='62' y='129' text-anchor='middle' font-family='monospace' font-size='8' fill='rgba(255,255,255,0.7)' font-weight='700'>H</text><circle cx='94' cy='126' r='11' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='94' y='129' text-anchor='middle' font-family='monospace' font-size='8' fill='rgba(255,255,255,0.7)' font-weight='700'>I</text><circle cx='126' cy='126' r='11' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='126' y='129' text-anchor='middle' font-family='monospace' font-size='8' fill='rgba(255,255,255,0.7)' font-weight='700'>J</text><circle cx='158' cy='126' r='11' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='158' y='129' text-anchor='middle' font-family='monospace' font-size='8' fill='rgba(255,255,255,0.7)' font-weight='700'>K</text><circle cx='190' cy='126' r='11' fill='rgba(0,0,0,0.45)' stroke='rgba(255,255,255,0.4)' stroke-width='0.8'/><text x='190' y='129' text-anchor='middle' font-family='monospace' font-size='8' fill='rgba(255,255,255,0.7)' font-weight='700'>L</text></g><use href='%23penta' x='22' y='16' width='16' height='16'/><use href='%23penta' x='54' y='16' width='16' height='16'/><use href='%23scr' x='118' y='16' width='16' height='16'/><use href='%23scr' x='150' y='16' width='16' height='16'/><use href='%23scr' x='22' y='50' width='16' height='16'/><use href='%23penta' x='86' y='50' width='16' height='16'/><use href='%23scr' x='182' y='50' width='16' height='16'/><use href='%23scr' x='54' y='84' width='16' height='16'/><use href='%23penta' x='118' y='84' width='16' height='16'/><use href='%23scr' x='182' y='84' width='16' height='16'/><use href='%23scr' x='22' y='118' width='16' height='16'/><use href='%23penta' x='150' y='118' width='16' height='16'/></g></g><g transform='translate(120 810) rotate(2)'><rect x='10' y='12' width='640' height='540' rx='16' fill='rgba(0,0,0,0.55)'/><rect x='0' y='0' width='640' height='540' rx='14' fill='url(%23pcbG)' stroke='%23031509' stroke-width='2'/><rect x='8' y='8' width='624' height='524' rx='10' fill='none' stroke='rgba(255,255,255,0.22)' stroke-width='1' stroke-dasharray='3 3'/><use href='%23scr' x='10' y='10' width='32' height='32'/><use href='%23scr' x='598' y='10' width='32' height='32'/><use href='%23scr' x='10' y='498' width='32' height='32'/><use href='%23scr' x='598' y='498' width='32' height='32'/><g stroke='%23d2a449' stroke-width='1.6' fill='none' opacity='0.9'><path d='M 50 70 H 110 V 130 H 200 V 200 H 240'/><path d='M 600 80 H 540 V 170 H 440 V 220'/><path d='M 50 240 V 320 H 100 V 380'/><path d='M 600 280 V 360 H 550 V 430'/><path d='M 240 380 H 360 V 470 H 600'/><path d='M 320 220 V 270 H 280 V 320'/><path d='M 380 220 V 260 H 420 V 310'/><path d='M 60 120 H 90 M 60 140 H 90'/><path d='M 540 120 H 580 M 540 140 H 580'/></g><g transform='translate(230 110)'><rect width='200' height='200' rx='8' fill='url(%23icG)' stroke='%23000' stroke-width='1.5'/><circle cx='14' cy='14' r='3.5' fill='rgba(255,255,255,0.7)'/><text x='100' y='90' text-anchor='middle' font-family='monospace' font-size='15' fill='rgba(255,255,255,0.65)' font-weight='800' letter-spacing='1'>APL1077</text><text x='100' y='110' text-anchor='middle' font-family='monospace' font-size='9' fill='rgba(255,255,255,0.5)' letter-spacing='1'>SoC  ·  6 CORE</text><text x='100' y='126' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.4)' letter-spacing='1'>NXC DESIGN  2024</text><g fill='rgba(255,255,255,0.18)'><circle cx='20' cy='180' r='1.5'/><circle cx='40' cy='180' r='1.5'/><circle cx='60' cy='180' r='1.5'/><circle cx='180' cy='180' r='1.5'/><circle cx='160' cy='180' r='1.5'/><circle cx='140' cy='180' r='1.5'/></g></g><g transform='translate(70 80)'><rect width='130' height='80' rx='4' fill='url(%23icG)' stroke='%23000'/><circle cx='8' cy='8' r='2' fill='rgba(255,255,255,0.6)'/><text x='65' y='38' text-anchor='middle' font-family='monospace' font-size='12' fill='rgba(255,255,255,0.65)' font-weight='800'>NAND</text><text x='65' y='53' text-anchor='middle' font-family='monospace' font-size='8.5' fill='rgba(255,255,255,0.5)'>256 GB</text><text x='65' y='68' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.35)'>U4500</text></g><g transform='translate(450 80)'><rect width='130' height='80' rx='4' fill='url(%23icG)' stroke='%23000'/><circle cx='8' cy='8' r='2' fill='rgba(255,255,255,0.6)'/><text x='65' y='38' text-anchor='middle' font-family='monospace' font-size='12' fill='rgba(255,255,255,0.65)' font-weight='800'>RAM</text><text x='65' y='53' text-anchor='middle' font-family='monospace' font-size='8.5' fill='rgba(255,255,255,0.5)'>LPDDR5</text><text x='65' y='68' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.35)'>U2900</text></g><g transform='translate(70 360)'><rect width='150' height='100' rx='4' fill='url(%23icG)' stroke='%23000'/><circle cx='8' cy='8' r='2' fill='rgba(255,255,255,0.6)'/><text x='75' y='45' text-anchor='middle' font-family='monospace' font-size='12' fill='rgba(255,255,255,0.65)' font-weight='800'>PMIC</text><text x='75' y='62' text-anchor='middle' font-family='monospace' font-size='8.5' fill='rgba(255,255,255,0.5)'>POWER MGMT</text><text x='75' y='80' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.35)'>U7100</text></g><g transform='translate(440 360)'><rect width='140' height='100' rx='4' fill='url(%23icG)' stroke='%23000'/><circle cx='8' cy='8' r='2' fill='rgba(255,255,255,0.6)'/><text x='70' y='45' text-anchor='middle' font-family='monospace' font-size='11' fill='rgba(255,255,255,0.65)' font-weight='800'>BB MODEM</text><text x='70' y='62' text-anchor='middle' font-family='monospace' font-size='8.5' fill='rgba(255,255,255,0.5)'>5G  ·  LTE</text><text x='70' y='80' text-anchor='middle' font-family='monospace' font-size='7' fill='rgba(255,255,255,0.35)'>U6000</text></g><g fill='%23222' stroke='%23555' stroke-width='0.4'><rect x='80' y='200' width='12' height='6'/><rect x='98' y='200' width='12' height='6'/><rect x='116' y='200' width='12' height='6'/><rect x='134' y='200' width='12' height='6'/><rect x='152' y='200' width='12' height='6'/><rect x='460' y='200' width='12' height='6'/><rect x='478' y='200' width='12' height='6'/><rect x='496' y='200' width='12' height='6'/><rect x='514' y='200' width='12' height='6'/><rect x='532' y='200' width='12' height='6'/><rect x='240' y='340' width='12' height='6'/><rect x='258' y='340' width='12' height='6'/><rect x='276' y='340' width='12' height='6'/><rect x='294' y='340' width='12' height='6'/></g><g fill='url(%23goldG)' stroke='%23856229' stroke-width='0.6'><rect x='250' y='80' width='22' height='14' rx='2'/><rect x='280' y='80' width='22' height='14' rx='2'/><rect x='310' y='80' width='22' height='14' rx='2'/><rect x='340' y='80' width='22' height='14' rx='2'/></g><circle cx='50' cy='240' r='12' fill='url(%23capG)' stroke='%232a1c0c'/><circle cx='50' cy='240' r='5' fill='%231a1208'/><circle cx='600' cy='240' r='14' fill='url(%23capG)' stroke='%232a1c0c'/><circle cx='600' cy='240' r='6' fill='%231a1208'/><g fill='url(%23goldG)' stroke='%23856229' stroke-width='0.5'><rect x='40' y='505' width='13' height='25' rx='1'/><rect x='57' y='505' width='13' height='25' rx='1'/><rect x='74' y='505' width='13' height='25' rx='1'/><rect x='91' y='505' width='13' height='25' rx='1'/><rect x='108' y='505' width='13' height='25' rx='1'/><rect x='125' y='505' width='13' height='25' rx='1'/><rect x='500' y='505' width='13' height='25' rx='1'/><rect x='517' y='505' width='13' height='25' rx='1'/><rect x='534' y='505' width='13' height='25' rx='1'/><rect x='551' y='505' width='13' height='25' rx='1'/></g><rect x='250' y='460' width='130' height='22' rx='2' fill='%23bababa' stroke='%23222' stroke-width='1'/><g stroke='%23222' stroke-width='0.5'><line x1='256' y1='460' x2='256' y2='482'/><line x1='262' y1='460' x2='262' y2='482'/><line x1='268' y1='460' x2='268' y2='482'/><line x1='274' y1='460' x2='274' y2='482'/><line x1='280' y1='460' x2='280' y2='482'/><line x1='286' y1='460' x2='286' y2='482'/><line x1='292' y1='460' x2='292' y2='482'/><line x1='298' y1='460' x2='298' y2='482'/><line x1='304' y1='460' x2='304' y2='482'/><line x1='310' y1='460' x2='310' y2='482'/><line x1='316' y1='460' x2='316' y2='482'/><line x1='322' y1='460' x2='322' y2='482'/><line x1='328' y1='460' x2='328' y2='482'/><line x1='334' y1='460' x2='334' y2='482'/><line x1='340' y1='460' x2='340' y2='482'/><line x1='346' y1='460' x2='346' y2='482'/><line x1='352' y1='460' x2='352' y2='482'/><line x1='358' y1='460' x2='358' y2='482'/><line x1='364' y1='460' x2='364' y2='482'/><line x1='370' y1='460' x2='370' y2='482'/></g><g font-family='monospace' font-size='6.5' fill='rgba(255,255,255,0.5)'><text x='80' y='198'>R1</text><text x='460' y='198'>C3</text><text x='250' y='458'>FPC1</text><text x='40' y='502'>P1</text><text x='500' y='502'>P2</text><text x='230' y='102'>U1</text><text x='40' y='180'>U2</text></g></g><g transform='translate(60 1390) rotate(12)'><ellipse cx='100' cy='30' rx='100' ry='26' fill='url(%23hOr)' stroke='%23501a02' stroke-width='1.5'/><g stroke='rgba(0,0,0,0.32)' stroke-width='1'><line x1='30' y1='8' x2='30' y2='52'/><line x1='55' y1='4' x2='55' y2='56'/><line x1='80' y1='2' x2='80' y2='58'/><line x1='105' y1='2' x2='105' y2='58'/><line x1='130' y1='4' x2='130' y2='56'/><line x1='155' y1='8' x2='155' y2='52'/></g><ellipse cx='100' cy='22' rx='80' ry='5' fill='rgba(255,255,255,0.22)'/><rect x='200' y='25' width='180' height='10' fill='url(%23steelG)' stroke='%23222' stroke-width='0.5'/><polygon points='380,18 412,30 380,42' fill='url(%23steelG)' stroke='%23222' stroke-width='0.6'/><line x1='396' y1='25' x2='406' y2='30' stroke='%23222' stroke-width='1.2'/><line x1='396' y1='35' x2='406' y2='30' stroke='%23222' stroke-width='1.2'/></g><g transform='translate(80 1500) rotate(-8)'><ellipse cx='90' cy='28' rx='90' ry='24' fill='url(%23hBl)' stroke='%23061f3e' stroke-width='1.5'/><g stroke='rgba(0,0,0,0.3)' stroke-width='1'><line x1='30' y1='8' x2='30' y2='48'/><line x1='55' y1='4' x2='55' y2='52'/><line x1='80' y1='2' x2='80' y2='54'/><line x1='105' y1='4' x2='105' y2='52'/><line x1='130' y1='8' x2='130' y2='48'/></g><ellipse cx='90' cy='20' rx='70' ry='4' fill='rgba(255,255,255,0.22)'/><rect x='180' y='23' width='150' height='10' fill='url(%23steelG)' stroke='%23222' stroke-width='0.5'/><circle cx='338' cy='28' r='8' fill='url(%23steelG)' stroke='%23222' stroke-width='0.6'/><path d='M338 23 L341 26 L346 26 L342 29 L343 34 L338 31 L333 34 L334 29 L330 26 L335 26 Z' fill='%23222'/></g><g transform='translate(440 1410) rotate(-14)'><path d='M0 0 L 200 8 L 200 14 L 0 6 Z' fill='url(%23steelG)' stroke='%23222' stroke-width='0.7'/><path d='M0 6 L -180 -10 L -180 -4 L 0 12 Z' fill='url(%23steelG)' stroke='%23222' stroke-width='0.7'/><circle cx='0' cy='6' r='4' fill='%23999' stroke='%23222'/><polygon points='200,8 212,9 212,13 200,14' fill='%23dcdcdc' stroke='%23222' stroke-width='0.5'/><polygon points='-180,-10 -192,-9 -192,-5 -180,-4' fill='%23dcdcdc' stroke='%23222' stroke-width='0.5'/></g><g transform='translate(450 1530) rotate(8)'><rect x='0' y='0' width='280' height='14' rx='5' fill='url(%23hBl)' stroke='%23061f3e' stroke-width='1'/><polygon points='280,0 314,7 280,14' fill='%23cdcdcd' stroke='%23555' stroke-width='0.6'/><polygon points='0,0 -22,4 -22,10 0,14' fill='%23cdcdcd' stroke='%23555' stroke-width='0.6'/><text x='140' y='10' text-anchor='middle' font-family='monospace' font-size='8' fill='rgba(255,255,255,0.55)' letter-spacing='2'>SPUDGER  ·  ESD</text></g><g transform='translate(740 1380)'><circle cx='40' cy='40' r='38' fill='rgba(0,0,0,0.55)'/><circle cx='40' cy='40' r='34' fill='%23a2210f' stroke='%2350120a' stroke-width='2'/><circle cx='40' cy='40' r='24' fill='%23861609'/><ellipse cx='30' cy='28' rx='14' ry='6' fill='rgba(255,255,255,0.2)'/><rect x='35' y='40' width='10' height='80' rx='3' fill='%23c9c9c9' stroke='%23222' stroke-width='0.7'/><circle cx='40' cy='118' r='6' fill='%23c9c9c9' stroke='%23222'/></g><use href='%23scr' x='450' y='50' width='30' height='30'/><use href='%23penta' x='500' y='100' width='28' height='28'/><use href='%23scr' x='820' y='420' width='30' height='30'/><use href='%23penta' x='830' y='820' width='28' height='28'/><use href='%23scr' x='810' y='1000' width='30' height='30'/><use href='%23scr' x='40' y='1300' width='28' height='28'/><use href='%23penta' x='820' y='1500' width='28' height='28'/><use href='%23scr' x='830' y='1560' width='30' height='30'/></svg>");
    }
}
/* Orburile vechi nu mai sunt necesare — fundalul de lemn e static */
.gradient-orb { display: none; }

/* ===== Navbar ===== */
.navbar {
    position: fixed;
    top: 0; left: 0; width: 100%;
    z-index: 1000;
    padding: 0.85rem 0;
    background: rgba(10,10,10,0.55);
    backdrop-filter: blur(18px) saturate(140%);
    -webkit-backdrop-filter: blur(18px) saturate(140%);
    border-bottom: 1px solid rgba(255,255,255,0.06);
    transition: background var(--t-base), padding var(--t-base), box-shadow var(--t-base);
}
.navbar.scrolled {
    padding: 0.6rem 0;
    background: rgba(10,10,10,0.85);
    box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}
.nav-content {
    display: flex; align-items: center; justify-content: space-between;
    gap: 1rem;
}
.logo {
    display: flex; align-items: center; gap: 0.65rem;
    font-family: var(--font-display);
    font-weight: 800;
    font-size: 1.35rem;
    color: var(--white);
    letter-spacing: 0.5px;
    flex-shrink: 0;
}
.logo-image {
    height: 56px; width: 56px; object-fit: cover;
    border-radius: 14px;
    background: var(--white);
    padding: 4px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.35), 0 0 0 1px rgba(255,255,255,0.18);
    filter: drop-shadow(0 0 10px var(--orange-glow));
    transition: transform var(--t-base), box-shadow var(--t-base);
}
.logo:hover .logo-image { transform: rotate(-4deg) scale(1.06); box-shadow: 0 10px 26px rgba(0,0,0,0.4), 0 0 0 1px var(--orange); }
.logo-text {
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
/* Footer logo can be larger (full brand) */
.footer .logo-image { height: 64px; width: 64px; }
.footer .logo { font-size: 1.4rem; }

.nav-menu {
    display: flex; align-items: center; gap: 0.25rem;
    list-style: none;
    flex: 1;
    justify-content: center;
    flex-wrap: wrap;
}
.nav-menu li { position: relative; }
.nav-link {
    display: inline-flex; align-items: center; gap: 0.4rem;
    padding: 0.55rem 0.85rem;
    border-radius: var(--radius-pill);
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--text-secondary);
    transition: color var(--t-fast), background var(--t-fast), transform var(--t-fast);
    white-space: nowrap;
}
.nav-link:hover { color: var(--white); background: rgba(255,106,0,0.12); transform: translateY(-1px); }
.nav-link.active { color: var(--white); background: rgba(255,106,0,0.22); }

.nav-quick-actions {
    display: flex; gap: 0.5rem; flex-shrink: 0;
}
.nav-quick-btn {
    padding: 0.55rem 1rem;
    border-radius: var(--radius-pill);
    font-size: 0.85rem;
    font-weight: 700;
    transition: transform var(--t-fast), box-shadow var(--t-fast), filter var(--t-fast);
    white-space: nowrap;
}
.nav-quick-btn--calc {
    background: var(--gradient-warm);
    color: var(--black);
    box-shadow: 0 6px 20px var(--orange-glow);
}
.nav-quick-btn--calc:hover { transform: translateY(-2px) scale(1.03); filter: brightness(1.07); }
.nav-quick-btn--phone {
    background: rgba(255,255,255,0.08);
    color: var(--white);
    border: 1px solid rgba(255,106,0,0.4);
}
.nav-quick-btn--phone:hover { background: rgba(255,106,0,0.18); transform: translateY(-2px); }

.menu-toggle {
    display: none;
    width: 44px; height: 44px;
    flex-direction: column; justify-content: center; align-items: center;
    gap: 5px;
    border-radius: 12px;
    background: rgba(255,255,255,0.06);
}
.menu-toggle span {
    display: block; width: 22px; height: 2px;
    background: var(--white);
    border-radius: 2px;
    transition: transform var(--t-fast), opacity var(--t-fast);
}
.menu-toggle.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.menu-toggle.active span:nth-child(2) { opacity: 0; }
.menu-toggle.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

@media (max-width: 1100px) {
    .nav-menu { display: none; }
    .nav-menu.active {
        display: flex;
        position: fixed;
        top: var(--nav-h); left: 0;
        width: 100%;
        max-height: calc(100vh - var(--nav-h));
        padding: 1.25rem;
        flex-direction: column;
        align-items: stretch;
        background: rgba(10,10,10,0.97);
        backdrop-filter: blur(20px);
        gap: 0.4rem;
        overflow-y: auto;
        animation: dropDown 0.35s ease both;
    }
    .nav-menu.active li { width: 100%; }
    .nav-menu.active .nav-link { width: 100%; padding: 0.85rem 1rem; font-size: 1rem; }
    .menu-toggle { display: flex; }
    .nav-quick-actions .nav-quick-btn--phone { display: none; }
}
@keyframes dropDown { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } }

/* ===== Buttons ===== */
.btn {
    display: inline-flex; align-items: center; justify-content: center;
    gap: 0.55rem;
    padding: 0.95rem 1.6rem;
    border-radius: var(--radius-pill);
    font-weight: 700;
    font-size: 0.98rem;
    letter-spacing: 0.2px;
    line-height: 1;
    transition: transform var(--t-fast), box-shadow var(--t-fast), filter var(--t-fast);
    position: relative;
    overflow: hidden;
    isolation: isolate;
    cursor: pointer;
}
.btn::before {
    content: ""; position: absolute; inset: 0;
    background: var(--gradient-shine);
    transform: translateX(-100%);
    transition: transform 0.7s ease;
    z-index: 1;
}
.btn:hover::before { transform: translateX(100%); }
.btn span, .btn svg, .btn i { position: relative; z-index: 2; }
.btn-primary {
    background: var(--gradient-warm);
    color: var(--black);
    box-shadow: 0 12px 30px var(--orange-glow);
}
.btn-primary:hover { transform: translateY(-3px); box-shadow: 0 16px 40px var(--orange-glow); }
.btn-secondary {
    background: rgba(255,255,255,0.08);
    color: var(--white);
    border: 1.5px solid rgba(255,255,255,0.18);
    backdrop-filter: blur(8px);
}
.btn-secondary:hover { background: rgba(255,106,0,0.18); border-color: var(--orange); transform: translateY(-3px); }
.btn-dark {
    background: var(--black);
    color: var(--white);
    border: 1.5px solid rgba(255,106,0,0.5);
}
.btn-dark:hover { background: #1a1a1a; border-color: var(--orange); transform: translateY(-3px); }
.btn-whatsapp {
    background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
    color: var(--white);
    box-shadow: 0 10px 28px rgba(37, 211, 102, 0.4);
}
.btn-whatsapp:hover { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(37,211,102,0.5); }
.btn-large { padding: 1.15rem 2rem; font-size: 1.05rem; }
.btn-small { padding: 0.65rem 1.1rem; font-size: 0.85rem; }
.btn-block { width: 100%; }

/* ===== Floating WhatsApp ===== */
.float {
    position: fixed; right: 24px; bottom: 24px;
    width: 62px; height: 62px;
    border-radius: 50%;
    background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
    color: var(--white);
    display: flex; align-items: center; justify-content: center;
    font-size: 30px; line-height: 1;
    box-shadow: 0 14px 40px rgba(37,211,102,0.55);
    z-index: 999;
    animation: pulseWa 2.4s ease-in-out infinite;
}
.float:hover { animation: none; transform: scale(1.1); }
@keyframes pulseWa {
    0%, 100% { box-shadow: 0 14px 40px rgba(37,211,102,0.55), 0 0 0 0 rgba(37,211,102,0.55); }
    50%      { box-shadow: 0 14px 40px rgba(37,211,102,0.55), 0 0 0 18px rgba(37,211,102,0); }
}

.float-call {
    position: fixed; right: 24px; bottom: 100px;
    width: 56px; height: 56px;
    border-radius: 50%;
    background: var(--gradient-warm);
    color: var(--black);
    display: flex; align-items: center; justify-content: center;
    font-size: 26px;
    box-shadow: 0 12px 34px var(--orange-glow);
    z-index: 999;
    animation: pulseOrange 2.6s ease-in-out infinite;
}
.float-call:hover { animation: none; transform: scale(1.1); }
@keyframes pulseOrange {
    0%, 100% { box-shadow: 0 12px 34px var(--orange-glow), 0 0 0 0 rgba(255,106,0,0.55); }
    50%      { box-shadow: 0 12px 34px var(--orange-glow), 0 0 0 16px rgba(255,106,0,0); }
}

/* ===== Hero ===== */
.hero {
    padding: calc(var(--nav-h) + 4.5rem) 0 5rem;
    min-height: 100vh;
    display: flex;
    align-items: center;
    position: relative;
}
.hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 70% 50%, rgba(255,106,0,0.18) 0%, transparent 60%);
    pointer-events: none;
}
.hero-content {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 3rem;
    align-items: center;
}
.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: var(--radius-pill);
    background: rgba(255,106,0,0.18);
    border: 1px solid rgba(255,106,0,0.4);
    color: var(--orange-soft);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
    animation: shimmer 4s linear infinite;
}
@keyframes shimmer {
    0% { box-shadow: 0 0 0 0 rgba(255,106,0,0.6); }
    50% { box-shadow: 0 0 24px 0 rgba(255,106,0,0); }
}
.hero-title {
    font-family: var(--font-display);
    font-size: clamp(2.4rem, 6vw, 4.4rem);
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -0.02em;
    margin-bottom: 1.4rem;
}
.title-line { display: block; }
.gradient-text {
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    background-size: 200% 100%;
    animation: textShine 6s linear infinite;
}
@keyframes textShine {
    0%   { background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
}
.hero-description {
    font-size: 1.1rem;
    color: var(--text-secondary);
    margin-bottom: 1.8rem;
    max-width: 560px;
}
.hero-buttons {
    display: flex; flex-wrap: wrap; gap: 0.85rem;
    margin-bottom: 2rem;
}
.trust-badges {
    display: flex; flex-wrap: wrap; gap: 0.75rem;
}
.badge {
    display: inline-flex; align-items: center; gap: 0.5rem;
    padding: 0.55rem 1rem;
    border-radius: var(--radius-pill);
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.14);
    font-size: 0.85rem;
    color: var(--text-secondary);
    backdrop-filter: blur(8px);
}
.badge-icon {
    display: inline-flex;
    width: 22px; height: 22px;
    align-items: center; justify-content: center;
    border-radius: 50%;
    background: var(--gradient-warm);
    color: var(--black);
    font-weight: 900;
    font-size: 0.75rem;
}
.hero-visual {
    position: relative;
    height: 460px;
    display: flex; align-items: center; justify-content: center;
    perspective: 1000px;
}
.hero-phone {
    width: 240px; height: 460px;
    border-radius: 36px;
    background:
        linear-gradient(160deg, #1a1a1a 0%, #0a0a0a 100%);
    border: 8px solid #1a1a1a;
    box-shadow:
        0 30px 80px rgba(0,0,0,0.6),
        0 0 60px var(--orange-glow),
        inset 0 0 30px rgba(255,106,0,0.1);
    position: relative;
    transform-style: preserve-3d;
    animation: phoneFloat 6s ease-in-out infinite;
    will-change: transform;
}
@keyframes phoneFloat {
    0%, 100% { transform: translateY(0) rotateY(-12deg) rotateX(2deg); }
    50%      { transform: translateY(-22px) rotateY(-12deg) rotateX(2deg); }
}
.hero-phone::before {
    content: "";
    position: absolute;
    top: 16px; left: 50%; transform: translateX(-50%);
    width: 100px; height: 26px; border-radius: 14px;
    background: var(--black);
    z-index: 2;
}
.hero-phone-screen {
    position: absolute;
    inset: 8px;
    border-radius: 28px;
    background:
        radial-gradient(ellipse at 30% 20%, rgba(255,106,0,0.45), transparent 60%),
        radial-gradient(ellipse at 70% 80%, rgba(255,138,42,0.35), transparent 60%),
        linear-gradient(180deg, #1a1a1a, #0a0a0a);
    overflow: hidden;
    display: flex; flex-direction: column; align-items: center;
    padding: 1rem 0.9rem 0.6rem;
    isolation: isolate;
}
.hero-phone-screen::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, transparent 30%, rgba(255,255,255,0.10) 50%, transparent 70%);
    transform: translateX(-100%);
    animation: phoneShine 5s ease-in-out infinite;
    pointer-events: none;
    z-index: 3;
}
@keyframes phoneShine {
    0%, 60%, 100% { transform: translateX(-100%); }
    80% { transform: translateX(100%); }
}
.hero-phone-logo {
    width: 92%;
    height: auto;
    margin-top: 0.4rem;
    object-fit: contain;
    border-radius: 16px;
    box-shadow:
        0 10px 24px rgba(0,0,0,0.55),
        0 0 0 1px rgba(255,255,255,0.10),
        0 0 32px rgba(255,106,0,0.35);
    animation: logoBob 4.5s ease-in-out infinite;
    position: relative;
    z-index: 2;
}
@keyframes logoBob {
    0%, 100% { transform: translateY(0) scale(1); }
    50%      { transform: translateY(-6px) scale(1.02); }
}

/* Broken / cracked screen below the logo */
.hero-phone-cracks {
    width: 100%;
    flex: 1;
    margin-top: 0.4rem;
    filter: drop-shadow(0 0 6px rgba(255,255,255,0.25));
    animation: cracksGlow 3.2s ease-in-out infinite;
    z-index: 1;
}
@keyframes cracksGlow {
    0%, 100% { filter: drop-shadow(0 0 4px rgba(255,255,255,0.18)) drop-shadow(0 0 10px rgba(255,106,0,0.20)); opacity: 0.92; }
    50%      { filter: drop-shadow(0 0 8px rgba(255,255,255,0.45)) drop-shadow(0 0 16px rgba(255,106,0,0.45)); opacity: 1; }
}

/* Crossed screwdrivers floating at the base of the phone */
.hero-tools {
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 280px;
    height: 90px;
    transform: translateX(-50%);
    pointer-events: none;
    filter: drop-shadow(0 14px 22px rgba(0,0,0,0.55)) drop-shadow(0 0 18px rgba(255,106,0,0.35));
    z-index: 4;
}
.hero-screwdriver {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 240px;
    height: 38px;
    transform-origin: 50% 50%;
}
.hero-screwdriver--left {
    transform: translate(-50%, -50%) rotate(-30deg);
    animation: tool1 6s ease-in-out infinite;
}
.hero-screwdriver--right {
    transform: translate(-50%, -50%) rotate(30deg) scaleX(-1);
    animation: tool2 6s ease-in-out infinite;
}
@keyframes tool1 {
    0%, 100% { transform: translate(-50%, -50%) rotate(-30deg) translateY(0); }
    50%      { transform: translate(-50%, -50%) rotate(-28deg) translateY(-6px); }
}
@keyframes tool2 {
    0%, 100% { transform: translate(-50%, -50%) rotate(30deg) scaleX(-1) translateY(0); }
    50%      { transform: translate(-50%, -50%) rotate(28deg) scaleX(-1) translateY(-6px); }
}

@media (prefers-reduced-motion: reduce) {
    .hero-phone-logo, .hero-screwdriver, .hero-screwdriver--left, .hero-screwdriver--right, .hero-phone-cracks { animation: none !important; }
}
.scroll-indicator {
    position: absolute;
    bottom: 30px; left: 50%; transform: translateX(-50%);
    display: flex; flex-direction: column; align-items: center;
    gap: 0.5rem;
    color: var(--text-muted);
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.scroll-line {
    width: 2px; height: 40px;
    background: linear-gradient(180deg, var(--orange) 0%, transparent 100%);
    border-radius: 2px;
    animation: scrollLine 2s ease-in-out infinite;
}
@keyframes scrollLine {
    0%, 100% { transform: scaleY(0.6); transform-origin: top; }
    50%      { transform: scaleY(1); }
}

/* ===== Sections ===== */
section {
    padding: 5rem 0;
    position: relative;
}
.section-header {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 3rem;
}
.eyebrow {
    display: inline-block;
    padding: 0.4rem 0.95rem;
    border-radius: var(--radius-pill);
    background: rgba(255,106,0,0.16);
    color: var(--orange-soft);
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 1rem;
}
.section-title {
    font-family: var(--font-display);
    font-size: clamp(2rem, 4vw, 2.8rem);
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: -0.01em;
    margin-bottom: 0.85rem;
    color: var(--white);
}
.section-subtitle {
    font-size: 1.05rem;
    color: var(--text-secondary);
}

/* Reveal on scroll */
.reveal {
    opacity: 0;
    transform: translateY(36px);
    transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.reveal.is-visible { opacity: 1; transform: translateY(0); }
.reveal-delay-1 { transition-delay: 80ms; }
.reveal-delay-2 { transition-delay: 160ms; }
.reveal-delay-3 { transition-delay: 240ms; }
.reveal-delay-4 { transition-delay: 320ms; }
.reveal-delay-5 { transition-delay: 400ms; }
.reveal-delay-6 { transition-delay: 480ms; }

/* Parallax helpers */
.parallax { will-change: transform; }

/* ===== Quick services ===== */
.quick-services { padding-top: 0; }
.quick-services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.25rem;
}
.quick-service-item {
    position: relative;
    padding: 2rem 1.5rem;
    background:
        linear-gradient(160deg, rgba(255,106,0,0.18) 0%, rgba(0,0,0,0.6) 100%);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: var(--radius-lg);
    transition: transform var(--t-base), border-color var(--t-base), box-shadow var(--t-base);
    overflow: hidden;
    isolation: isolate;
}
.quick-service-item::after {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: var(--radius-lg);
    background: var(--gradient-warm);
    opacity: 0;
    z-index: -1;
    transition: opacity var(--t-base);
}
.quick-service-item:hover {
    transform: translateY(-8px);
    border-color: rgba(255,106,0,0.45);
    box-shadow: var(--shadow-orange);
}
.quick-icon {
    width: 56px; height: 56px;
    border-radius: 16px;
    background: var(--gradient-warm);
    color: var(--black);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.6rem;
    margin-bottom: 1rem;
    box-shadow: var(--shadow-orange);
}
.quick-service-item h3 {
    font-family: var(--font-display);
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    color: var(--white);
}
.quick-service-item p {
    color: var(--text-secondary);
    font-size: 0.95rem;
    margin-bottom: 1rem;
}
.quick-link {
    display: inline-flex; align-items: center; gap: 0.4rem;
    color: var(--orange-soft);
    font-weight: 700;
    font-size: 0.9rem;
    transition: gap var(--t-fast), color var(--t-fast);
}
.quick-link:hover { gap: 0.8rem; color: var(--white); }

/* ===== Why us ===== */
.why-us .why-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.25rem;
}
.why-card {
    padding: 2rem 1.5rem;
    background: rgba(0,0,0,0.5);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: var(--radius-lg);
    transition: transform var(--t-base), border-color var(--t-base);
    position: relative;
}
.why-card:hover { transform: translateY(-6px); border-color: rgba(255,106,0,0.45); }
.why-number {
    font-family: var(--font-display);
    font-size: 2.4rem;
    font-weight: 900;
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0.6rem;
    line-height: 1;
}
.why-card h3 { font-family: var(--font-display); font-size: 1.15rem; margin-bottom: 0.5rem; }
.why-card p { color: var(--text-secondary); font-size: 0.95rem; }

/* ===== Brands ===== */
.brands-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
}
.brand-card {
    padding: 1.5rem 1rem;
    border-radius: var(--radius-md);
    background:
        linear-gradient(160deg, rgba(255,106,0,0.10) 0%, rgba(0,0,0,0.55) 100%);
    border: 1px solid rgba(255,255,255,0.08);
    text-align: center;
    transition: transform var(--t-base), border-color var(--t-base), background var(--t-base);
}
.brand-card:hover {
    transform: translateY(-6px);
    border-color: var(--orange);
    background: linear-gradient(160deg, rgba(255,106,0,0.22) 0%, rgba(0,0,0,0.7) 100%);
}
.brand-name {
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--white);
    margin-bottom: 0.3rem;
}
.brand-models { font-size: 0.85rem; color: var(--text-muted); }

/* ===== Stats ===== */
.stats-section {
    padding: 4rem 0;
    background:
        linear-gradient(135deg, rgba(255,106,0,0.10), rgba(0,0,0,0.6));
    border-top: 1px solid rgba(255,255,255,0.08);
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1.5rem;
    text-align: center;
}
.stat-card {
    padding: 1.25rem;
}
.stat-icon { font-size: 2rem; margin-bottom: 0.5rem; }
.stat-number {
    font-family: var(--font-display);
    font-size: clamp(2.4rem, 5vw, 3.4rem);
    font-weight: 900;
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
}
.stat-label {
    margin-top: 0.4rem;
    color: var(--text-secondary);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-size: 0.85rem;
}

/* ===== Testimonials ===== */
.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.25rem;
}
.testimonial-card {
    padding: 2rem 1.5rem;
    background: rgba(0,0,0,0.55);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: var(--radius-lg);
    position: relative;
    transition: transform var(--t-base), border-color var(--t-base);
}
.testimonial-card::before {
    content: """;
    position: absolute;
    top: -10px; left: 18px;
    font-family: serif;
    font-size: 4rem;
    color: var(--orange);
    line-height: 1;
}
.testimonial-card:hover { transform: translateY(-6px); border-color: rgba(255,106,0,0.4); }
.testimonial-rating { color: gold; margin-bottom: 0.6rem; font-size: 1rem; }
.testimonial-text {
    color: var(--text-secondary);
    font-size: 0.95rem;
    margin-bottom: 1rem;
    font-style: italic;
}
.testimonial-author strong { display: block; color: var(--white); }
.testimonial-author span { font-size: 0.8rem; color: var(--text-muted); }

/* ===== CTA ===== */
.cta-section {
    padding: 5rem 0;
    text-align: center;
    background: linear-gradient(135deg, rgba(255,106,0,0.18), rgba(0,0,0,0.5));
    border-top: 1px solid rgba(255,106,0,0.2);
    border-bottom: 1px solid rgba(255,106,0,0.2);
}
.cta-content h2 {
    font-family: var(--font-display);
    font-size: clamp(1.8rem, 4vw, 2.6rem);
    font-weight: 900;
    margin-bottom: 0.85rem;
}
.cta-content p {
    max-width: 640px; margin: 0 auto 1.6rem;
    color: var(--text-secondary);
    font-size: 1.05rem;
}
.cta-buttons {
    display: flex; flex-wrap: wrap; justify-content: center; gap: 0.85rem;
}

/* ===== Page hero ===== */
.page-hero {
    padding: calc(var(--nav-h) + 4rem) 0 3.5rem;
    text-align: center;
    background:
        radial-gradient(ellipse at center top, rgba(255,106,0,0.22), transparent 60%);
}
.page-hero .breadcrumbs {
    display: inline-flex; gap: 0.5rem;
    color: var(--text-muted);
    font-size: 0.85rem;
    margin-bottom: 0.85rem;
}
.page-hero .breadcrumbs a { color: var(--orange-soft); }
.page-hero .breadcrumbs a:hover { color: var(--white); }
.page-title {
    font-family: var(--font-display);
    font-size: clamp(2.2rem, 5vw, 3.5rem);
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 0.85rem;
}
.page-subtitle {
    color: var(--text-secondary);
    font-size: 1.1rem;
    max-width: 720px;
    margin: 0 auto;
}

/* ===== Service detail cards ===== */
.services-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.5rem;
}
.service-detail-card {
    padding: 2rem;
    background: rgba(0,0,0,0.55);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: var(--radius-lg);
    display: flex; flex-direction: column;
    transition: transform var(--t-base), border-color var(--t-base);
}
.service-detail-card:hover { transform: translateY(-6px); border-color: rgba(255,106,0,0.4); }
.service-detail-card .service-icon {
    width: 64px; height: 64px;
    border-radius: 18px;
    background: var(--gradient-warm);
    color: var(--black);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.8rem;
    margin-bottom: 1rem;
    box-shadow: var(--shadow-orange);
}
.service-detail-card h3 {
    font-family: var(--font-display);
    font-size: 1.4rem;
    margin-bottom: 0.6rem;
}
.service-detail-card p { color: var(--text-secondary); margin-bottom: 1rem; }
.service-detail-card ul {
    list-style: none;
    margin-bottom: 1.2rem;
}
.service-detail-card ul li {
    padding-left: 1.4rem;
    position: relative;
    color: var(--text-secondary);
    font-size: 0.92rem;
    margin-bottom: 0.4rem;
}
.service-detail-card ul li::before {
    content: "✓";
    position: absolute; left: 0;
    color: var(--orange);
    font-weight: 800;
}
.service-detail-card .service-actions { margin-top: auto; display: flex; flex-wrap: wrap; gap: 0.6rem; }

/* ===== Price tables ===== */
.price-tables { display: grid; gap: 2rem; }
.price-table {
    background: rgba(0,0,0,0.55);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: var(--radius-lg);
    padding: 1.75rem;
}
.price-table h3 {
    font-family: var(--font-display);
    font-size: 1.3rem;
    margin-bottom: 1rem;
    color: var(--white);
    display: flex; align-items: center; gap: 0.5rem;
}
.price-table table { width: 100%; border-collapse: collapse; }
.price-table th, .price-table td {
    padding: 0.85rem 1rem;
    text-align: left;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    font-size: 0.95rem;
}
.price-table th {
    color: var(--orange-soft);
    text-transform: uppercase;
    font-size: 0.78rem;
    letter-spacing: 1px;
}
.price-table td.price {
    text-align: right;
    color: var(--orange-soft);
    font-weight: 800;
    white-space: nowrap;
}
.price-note {
    margin-top: 1rem;
    padding: 0.85rem 1rem;
    background: rgba(255,106,0,0.1);
    border-left: 3px solid var(--orange);
    border-radius: 8px;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

/* ===== Calculator wizard ===== */
.price-calculator-section { padding: 3rem 0; }
.price-wizard-shell {
    max-width: 1100px;
    margin: 0 auto;
    background:
        linear-gradient(160deg, rgba(255,106,0,0.10), rgba(0,0,0,0.7));
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: var(--radius-xl);
    padding: 1.5rem;
    box-shadow: var(--shadow-xl);
    position: relative;
    overflow: hidden;
}
.price-wizard-shell::before {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: var(--radius-xl);
    background: conic-gradient(from 180deg, transparent, var(--orange), transparent 30%);
    opacity: 0.35;
    animation: spin 12s linear infinite;
    z-index: 0;
}
@keyframes spin { to { transform: rotate(360deg); } }
.price-wizard-shell > * { position: relative; z-index: 1; }

.price-wizard-boot { padding: 3rem 1rem; text-align: center; }
.price-wizard-app[hidden] { display: none; }

.price-wizard-progress {
    margin-bottom: 1.25rem;
}
.price-wizard-progress-track {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
    background: rgba(0,0,0,0.4);
    border-radius: var(--radius-pill);
    padding: 0.4rem;
}
.price-wizard-progress-step {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.65rem 0.5rem;
    border-radius: var(--radius-pill);
    color: var(--text-muted);
    font-size: 0.85rem;
    font-weight: 700;
    transition: background var(--t-base), color var(--t-base);
    text-align: center;
}
.price-wizard-progress-num {
    width: 24px; height: 24px;
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
    display: flex; align-items: center; justify-content: center;
    font-size: 0.75rem;
    transition: background var(--t-base), color var(--t-base);
}
.price-wizard-progress-step.completed { color: var(--orange-soft); }
.price-wizard-progress-step.completed .price-wizard-progress-num { background: var(--orange); color: var(--black); }
.price-wizard-progress-step.active { background: var(--gradient-warm); color: var(--black); }
.price-wizard-progress-step.active .price-wizard-progress-num { background: var(--black); color: var(--orange-soft); }

.price-wizard-chips {
    display: flex; flex-wrap: wrap; gap: 0.4rem;
    margin-bottom: 1rem;
}
.price-wizard-chips[hidden] { display: none; }
.price-wizard-chip {
    padding: 0.35rem 0.75rem;
    border-radius: var(--radius-pill);
    background: rgba(255,106,0,0.18);
    border: 1px solid rgba(255,106,0,0.4);
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--orange-soft);
}

.price-wizard-body { min-height: 360px; }
.price-wizard-panel {
    animation: fadeSlide 0.45s cubic-bezier(0.2, 0.7, 0.2, 1) both;
}
@keyframes fadeSlide { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
.price-wizard-panel-title {
    font-family: var(--font-display);
    font-size: 1.3rem;
    font-weight: 800;
    margin-bottom: 1rem;
    color: var(--white);
    text-align: center;
}
.price-wizard-scroll { max-height: 60vh; overflow-y: auto; padding: 0.25rem; }
.price-wizard-scroll::-webkit-scrollbar { width: 8px; }
.price-wizard-scroll::-webkit-scrollbar-thumb { background: var(--orange); border-radius: 8px; }

.price-wizard-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 0.75rem;
}
.price-wizard-grid-models { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
.price-wizard-grid-repairs { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }

.price-wizard-card {
    --stagger: 0;
    position: relative;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: var(--radius-md);
    padding: 1rem 0.75rem;
    text-align: center;
    color: var(--text-primary);
    cursor: pointer;
    transition: transform var(--t-fast), border-color var(--t-fast), background var(--t-fast);
    overflow: hidden;
    animation: fadeSlide 0.45s ease both;
    animation-delay: calc(var(--stagger) * 30ms);
}
.price-wizard-card:hover {
    transform: translateY(-4px);
    border-color: var(--orange);
    background: rgba(255,106,0,0.12);
}
.price-wizard-card-visual {
    width: 72px; height: 72px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(255,106,0,0.18), rgba(0,0,0,0.7));
    margin: 0 auto 0.6rem;
    display: flex; align-items: center; justify-content: center;
    overflow: hidden;
}
.price-wizard-brand-logo { width: 42px; height: 42px; object-fit: contain; }
.price-wizard-brand-fallback {
    font-family: var(--font-display);
    font-size: 2rem;
    font-weight: 900;
    color: var(--white);
}
.price-wizard-phone-icon, .price-wizard-repair-icon {
    font-size: 1.8rem;
    color: var(--orange-soft);
}
.price-wizard-card-footer .price-wizard-card-sub {
    display: block;
    font-size: 0.7rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 1px;
}
.price-wizard-card-title {
    display: block;
    font-weight: 700;
    color: var(--white);
    font-size: 0.95rem;
    word-break: break-word;
}
.price-wizard-model-visual { position: relative; }
.price-wizard-model-brand-bg {
    position: absolute;
    top: 6px; right: 6px;
    width: 22px; height: 22px;
    opacity: 0.5;
}

.price-wizard-empty {
    padding: 2rem;
    text-align: center;
    color: var(--text-muted);
}

.price-wizard-footer {
    display: flex; flex-wrap: wrap; gap: 0.6rem;
    justify-content: space-between;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.calculator-result { padding: 1rem 0; }
.result-card {
    background: linear-gradient(160deg, rgba(255,106,0,0.18), rgba(0,0,0,0.7));
    border: 1px solid rgba(255,106,0,0.45);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    text-align: center;
    box-shadow: var(--shadow-orange);
    animation: fadeSlide 0.5s ease both;
}
.result-card h3 { font-family: var(--font-display); font-size: 1.4rem; margin-bottom: 0.75rem; }
.result-list {
    list-style: none;
    text-align: left;
    margin: 0 auto 1rem;
    max-width: 420px;
    padding: 1rem 1.25rem;
    background: rgba(0,0,0,0.4);
    border-radius: var(--radius-md);
}
.result-list li {
    display: flex; justify-content: space-between;
    padding: 0.4rem 0;
    border-bottom: 1px dashed rgba(255,255,255,0.1);
    color: var(--text-secondary);
    font-size: 0.95rem;
}
.result-list li:last-child { border-bottom: 0; }
.result-list strong { color: var(--white); }
.result-total {
    font-family: var(--font-display);
    font-size: 1.6rem;
    font-weight: 900;
    margin: 0.75rem 0 1rem;
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.result-actions {
    display: flex; flex-wrap: wrap; gap: 0.6rem; justify-content: center;
}
.result-placeholder {
    padding: 3rem 1rem;
    text-align: center;
    color: var(--text-muted);
}
.placeholder-icon {
    font-size: 2.6rem;
    margin-bottom: 0.5rem;
}
.calculator-whatsapp-btn {
    background: linear-gradient(135deg, #25d366 0%, #128c7e 100%) !important;
    color: var(--white) !important;
}

/* ===== Calc modal ===== */
.calc-modal-backdrop {
    position: fixed; inset: 0;
    background: rgba(10,10,10,0.85);
    backdrop-filter: blur(10px);
    z-index: 2000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    animation: fadeIn 0.3s ease both;
}
.calc-modal-backdrop.is-open { display: flex; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.calc-modal {
    width: 100%;
    max-width: 1100px;
    max-height: 92vh;
    overflow-y: auto;
    background: var(--bg-deep);
    border: 1px solid rgba(255,106,0,0.4);
    border-radius: var(--radius-xl);
    padding: 1.25rem;
    position: relative;
    animation: modalIn 0.45s cubic-bezier(0.2, 0.7, 0.2, 1) both;
    box-shadow: var(--shadow-xl), 0 0 80px var(--orange-glow);
}
@keyframes modalIn {
    from { opacity: 0; transform: scale(0.92) translateY(20px); }
    to   { opacity: 1; transform: scale(1) translateY(0); }
}
.calc-modal-close {
    position: absolute;
    top: 12px; right: 12px;
    width: 40px; height: 40px;
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
    color: var(--white);
    font-size: 1.2rem;
    display: flex; align-items: center; justify-content: center;
    transition: background var(--t-fast), transform var(--t-fast);
    z-index: 5;
}
.calc-modal-close:hover { background: var(--orange); color: var(--black); transform: rotate(90deg); }
.calc-modal-title {
    font-family: var(--font-display);
    font-size: 1.6rem;
    font-weight: 900;
    text-align: center;
    margin: 0.25rem 0 0.85rem;
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
body.calc-modal-open { overflow: hidden; }

/* ===== Forms ===== */
.forms-section { padding: 3rem 0; }
.forms-tabs {
    display: flex; flex-wrap: wrap; gap: 0.5rem;
    justify-content: center;
    margin-bottom: 1.5rem;
}
.form-tab {
    padding: 0.85rem 1.4rem;
    border-radius: var(--radius-pill);
    background: rgba(255,255,255,0.06);
    color: var(--text-secondary);
    font-weight: 700;
    transition: background var(--t-fast), color var(--t-fast), transform var(--t-fast);
}
.form-tab:hover { background: rgba(255,106,0,0.18); color: var(--white); }
.form-tab.active { background: var(--gradient-warm); color: var(--black); transform: translateY(-1px); }

.form-container {
    display: none;
    background: rgba(0,0,0,0.55);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: var(--radius-lg);
    padding: 2rem;
    max-width: 900px;
    margin: 0 auto;
}
.form-container.active { display: block; animation: fadeSlide 0.45s ease both; }
.form-header { text-align: center; margin-bottom: 1.5rem; }
.form-header h2 { font-family: var(--font-display); font-size: 1.6rem; margin-bottom: 0.4rem; }
.form-header p { color: var(--text-secondary); }
.form-section {
    padding: 1.25rem 0;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.form-section:last-child { border-bottom: 0; }
.form-section h3 {
    font-family: var(--font-display);
    font-size: 1.05rem;
    color: var(--orange-soft);
    margin-bottom: 0.85rem;
}
.form-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 0.85rem;
}
.form-group { display: flex; flex-direction: column; gap: 0.35rem; }
.form-group label {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-secondary);
}
.form-group input, .form-group select, .form-group textarea {
    width: 100%;
    padding: 0.8rem 1rem;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: var(--radius-sm);
    color: var(--white);
    transition: border-color var(--t-fast), background var(--t-fast);
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    outline: none;
    border-color: var(--orange);
    background: rgba(255,106,0,0.06);
}
.form-group small { font-size: 0.8rem; color: var(--text-muted); }
.form-group.checkbox-group {
    flex-direction: row;
    align-items: flex-start;
    gap: 0.55rem;
}
.form-group.checkbox-group input { width: auto; margin-top: 0.25rem; }
.form-group.checkbox-group label { font-weight: 500; }

.form-submit-wrap {
    margin-top: 1.5rem;
    display: flex; flex-wrap: wrap; gap: 0.75rem; justify-content: center;
}
.form-message { margin-top: 1rem; }
.success-message, .error-message {
    padding: 1.25rem;
    border-radius: var(--radius-md);
    text-align: center;
}
.success-message {
    background: rgba(34, 197, 94, 0.15);
    border: 1px solid rgba(34,197,94,0.4);
}
.success-message h3 { color: #4ade80; margin-bottom: 0.4rem; }
.error-message {
    background: rgba(239, 68, 68, 0.15);
    border: 1px solid rgba(239,68,68,0.4);
}
.error-message h3 { color: #f87171; margin-bottom: 0.4rem; }
.success-icon, .error-icon { font-size: 2.4rem; margin-bottom: 0.4rem; }

.alert-box {
    padding: 1.1rem 1.25rem;
    border-radius: var(--radius-md);
    margin-top: 1rem;
}
.alert-box.warning { background: rgba(245,158,11,0.15); border-left: 3px solid #f59e0b; }
.alert-box.error   { background: rgba(239,68,68,0.15);  border-left: 3px solid #ef4444; }
.alert-box.success { background: rgba(34,197,94,0.15);  border-left: 3px solid #22c55e; }
.alert-box h4 { margin-bottom: 0.3rem; }

.loading-status { padding: 1.5rem; text-align: center; }
.spinner {
    width: 40px; height: 40px;
    border: 3px solid rgba(255,106,0,0.25);
    border-top-color: var(--orange);
    border-radius: 50%;
    animation: spinner 0.9s linear infinite;
    margin: 0 auto 0.6rem;
}
@keyframes spinner { to { transform: rotate(360deg); } }

.status-result-box, .imei-result-box {
    background: rgba(0,0,0,0.55);
    border: 1px solid rgba(255,106,0,0.4);
    border-radius: var(--radius-md);
    padding: 1.5rem;
    margin-top: 1rem;
}
.code-highlight {
    background: var(--gradient-warm);
    color: var(--black);
    padding: 0.15rem 0.6rem;
    border-radius: var(--radius-sm);
    font-family: monospace;
    font-weight: 800;
}

/* ===== Galerie ===== */
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1rem;
}
.gallery-item {
    position: relative;
    aspect-ratio: 1 / 1;
    background: linear-gradient(160deg, rgba(255,106,0,0.20), rgba(0,0,0,0.7));
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: var(--radius-lg);
    overflow: hidden;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    transition: transform var(--t-base), border-color var(--t-base);
}
.gallery-item:hover { transform: scale(1.04); border-color: var(--orange); }
.gallery-item .gallery-icon { font-size: 4rem; opacity: 0.85; }
.gallery-caption {
    position: absolute; left: 0; right: 0; bottom: 0;
    padding: 0.85rem 1rem;
    background: linear-gradient(to top, rgba(0,0,0,0.85), transparent);
    color: var(--white);
    font-size: 0.9rem;
    font-weight: 600;
}

/* ===== FAQ ===== */
.faq-list { max-width: 880px; margin: 0 auto; display: grid; gap: 0.75rem; }
.faq-item {
    background: rgba(0,0,0,0.55);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: var(--radius-md);
    overflow: hidden;
    transition: border-color var(--t-base);
}
.faq-item.is-open { border-color: var(--orange); }
.faq-question {
    width: 100%;
    text-align: left;
    padding: 1.1rem 1.25rem;
    display: flex; justify-content: space-between; align-items: center; gap: 1rem;
    color: var(--white);
    font-weight: 700;
    font-size: 1rem;
}
.faq-question::after {
    content: "＋";
    font-size: 1.4rem;
    color: var(--orange-soft);
    transition: transform var(--t-base);
    flex-shrink: 0;
}
.faq-item.is-open .faq-question::after { transform: rotate(45deg); }
.faq-answer {
    max-height: 0; overflow: hidden;
    transition: max-height var(--t-base) ease;
    padding: 0 1.25rem;
    color: var(--text-secondary);
}
.faq-item.is-open .faq-answer {
    max-height: 1000px;
    padding: 0 1.25rem 1.25rem;
}

/* ===== Contact ===== */
.contact-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.25rem;
}
.contact-card {
    padding: 1.5rem;
    background: rgba(0,0,0,0.55);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: var(--radius-lg);
    text-align: center;
    transition: transform var(--t-base), border-color var(--t-base);
}
.contact-card:hover { transform: translateY(-6px); border-color: var(--orange); }
.contact-card .contact-icon {
    width: 56px; height: 56px;
    border-radius: 16px;
    background: var(--gradient-warm);
    color: var(--black);
    margin: 0 auto 0.85rem;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.6rem;
    box-shadow: var(--shadow-orange);
}
.contact-card h3 { font-family: var(--font-display); font-size: 1.1rem; margin-bottom: 0.4rem; }
.contact-card p, .contact-card a { color: var(--text-secondary); font-size: 0.95rem; }
.contact-card a:hover { color: var(--orange-soft); }

.map-wrap {
    margin-top: 2rem;
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.1);
    box-shadow: var(--shadow-lg);
}
.map-wrap iframe { display: block; width: 100%; height: 420px; border: 0; filter: invert(0.92) hue-rotate(180deg); }

/* ===== Blog ===== */
.blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.25rem;
}
.blog-card {
    background: rgba(0,0,0,0.55);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: transform var(--t-base), border-color var(--t-base);
    display: flex; flex-direction: column;
}
.blog-card:hover { transform: translateY(-6px); border-color: var(--orange); }
.blog-thumb {
    aspect-ratio: 16 / 9;
    background: linear-gradient(160deg, rgba(255,106,0,0.30), rgba(0,0,0,0.7));
    display: flex; align-items: center; justify-content: center;
    font-size: 3rem;
}
.blog-body { padding: 1.25rem; display: flex; flex-direction: column; flex: 1; }
.blog-meta { font-size: 0.8rem; color: var(--text-muted); margin-bottom: 0.4rem; }
.blog-card h3 { font-family: var(--font-display); font-size: 1.15rem; margin-bottom: 0.5rem; }
.blog-card p { color: var(--text-secondary); font-size: 0.93rem; margin-bottom: 1rem; flex: 1; }
.blog-card .blog-link { color: var(--orange-soft); font-weight: 700; }

/* Blog article */
.article {
    max-width: 820px;
    margin: 0 auto;
    background: rgba(0,0,0,0.5);
    padding: 2.5rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(255,255,255,0.08);
}
.article h1 { font-family: var(--font-display); font-size: clamp(1.8rem,4vw,2.6rem); margin-bottom: 0.6rem; }
.article .article-meta { color: var(--text-muted); font-size: 0.9rem; margin-bottom: 1.25rem; }
.article h2 { font-family: var(--font-display); font-size: 1.5rem; margin: 1.75rem 0 0.6rem; color: var(--orange-soft); }
.article h3 { font-family: var(--font-display); font-size: 1.2rem; margin: 1.25rem 0 0.4rem; }
.article p { color: var(--text-secondary); margin-bottom: 1rem; }
.article ul, .article ol { padding-left: 1.4rem; color: var(--text-secondary); margin-bottom: 1rem; }
.article ul li, .article ol li { margin-bottom: 0.4rem; }
.article blockquote {
    margin: 1.25rem 0;
    padding: 1rem 1.25rem;
    border-left: 4px solid var(--orange);
    background: rgba(255,106,0,0.08);
    color: var(--text-secondary);
    font-style: italic;
    border-radius: 8px;
}

/* ===== Legal pages ===== */
.legal {
    max-width: 880px;
    margin: 0 auto;
    background: rgba(0,0,0,0.5);
    padding: 2.5rem;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(255,255,255,0.08);
}
.legal h2 { font-family: var(--font-display); font-size: 1.4rem; margin: 1.5rem 0 0.5rem; color: var(--orange-soft); }
.legal p, .legal li { color: var(--text-secondary); margin-bottom: 0.65rem; }
.legal ul { padding-left: 1.4rem; margin-bottom: 1rem; }

/* ===== Footer ===== */
.footer {
    background: linear-gradient(180deg, rgba(255,106,0,0.10), #0a0a0a);
    border-top: 1px solid rgba(255,106,0,0.25);
    padding: 4rem 0 1.25rem;
    margin-top: 3rem;
}
.footer-content {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
    gap: 2rem;
}
.footer-col h4 {
    font-family: var(--font-display);
    font-size: 1rem;
    color: var(--orange-soft);
    margin-bottom: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.footer-col ul { list-style: none; }
.footer-col ul li { margin-bottom: 0.5rem; }
.footer-col a {
    color: var(--text-secondary);
    font-size: 0.92rem;
    transition: color var(--t-fast);
}
.footer-col a:hover { color: var(--orange-soft); }
.footer-col p { color: var(--text-secondary); font-size: 0.92rem; margin-bottom: 0.85rem; }
.footer-social { display: flex; gap: 0.5rem; margin-top: 0.85rem; }
.social-icon {
    width: 38px; height: 38px;
    border-radius: 12px;
    background: rgba(255,106,0,0.18);
    color: var(--white);
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 0.95rem;
    transition: background var(--t-fast), transform var(--t-fast);
}
.social-icon:hover { background: var(--orange); color: var(--black); transform: translateY(-2px); }
.footer-contact li {
    color: var(--text-secondary);
    font-size: 0.92rem;
    margin-bottom: 0.85rem;
}
.footer-contact strong { color: var(--white); display: block; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 0.2rem; }
.footer-bottom {
    margin-top: 2.5rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255,255,255,0.08);
    text-align: center;
    color: var(--text-muted);
    font-size: 0.85rem;
}
.footer-bottom a { color: var(--text-secondary); }
.footer-bottom a:hover { color: var(--orange-soft); }
.footer-bottom .footer-sites-network {
    margin-top: 0.4rem;
    font-size: 0.78rem;
    opacity: 0.7;
}
.footer-bottom .footer-sites-network a + a::before { content: " · "; opacity: 0.6; }

/* ===== Cookie banner ===== */
.cookie-banner {
    position: fixed;
    bottom: 18px; left: 18px; right: 18px;
    z-index: 1500;
    max-width: 740px;
    margin: 0 auto;
    background: rgba(10,10,10,0.95);
    border: 1px solid rgba(255,106,0,0.4);
    border-radius: var(--radius-lg);
    padding: 1.2rem 1.4rem;
    display: none;
    flex-direction: column;
    gap: 0.85rem;
    box-shadow: var(--shadow-xl);
    backdrop-filter: blur(10px);
}
.cookie-banner h4 { font-family: var(--font-display); font-size: 1rem; margin-bottom: 0.3rem; }
.cookie-banner p { color: var(--text-secondary); font-size: 0.9rem; }
.cookie-buttons { display: flex; gap: 0.55rem; justify-content: flex-end; flex-wrap: wrap; }
.btn-cookie {
    padding: 0.6rem 1rem;
    border-radius: var(--radius-pill);
    font-weight: 700;
    font-size: 0.85rem;
    transition: background var(--t-fast), transform var(--t-fast);
}
.btn-accept { background: var(--gradient-warm); color: var(--black); }
.btn-accept:hover { transform: translateY(-2px); }
.btn-decline { background: rgba(255,255,255,0.08); color: var(--white); border: 1px solid rgba(255,255,255,0.15); }

/* ===== Tilt effect ===== */
.tilt { transform-style: preserve-3d; transition: transform 200ms ease; }

/* ===== Section dividers (orange wedge) ===== */
.section-divider {
    height: 80px;
    background:
        linear-gradient(180deg, transparent, rgba(255,106,0,0.10));
}

/* =====================================================================
   ELEVATION / GLOW — toate cardurile si containerele asezate peste
   fundalul de lemn + scena GSM primesc un halou cald subtil, ring de
   lumina pe margini si umbra de adancime. Aplicat unitar pentru ca
   nimic sa nu mai para "lipit" pe fundalul intunecat.
   ===================================================================== */
.brand-card,
.testimonial-card,
.why-card,
.contact-card,
.faq-item,
.form-container,
.calc-modal,
.calculator,
.calculator-modal,
.cta-section,
.review-card,
.blog-card,
.article,
.legal,
.stat-card,
.preturi-card,
.calc-result-card,
.result-card,
.status-result-box,
.alert-box,
.calc-step,
.modal,
.map-wrap,
.service-card,
.info-card,
.process-step,
.repair-step,
.feature-card {
    box-shadow: var(--shadow-lift);
}

.brand-card:hover,
.testimonial-card:hover,
.why-card:hover,
.contact-card:hover,
.faq-item:hover,
.form-container:hover,
.review-card:hover,
.blog-card:hover,
.stat-card:hover,
.preturi-card:hover,
.service-card:hover,
.info-card:hover,
.feature-card:hover {
    box-shadow: var(--shadow-lift-hover);
}

.faq-item.is-open {
    box-shadow: var(--shadow-lift-hover);
}

/* Hero & page-hero — un halou difuz de lumina calda in spatele textului,
   ca sa "iasa" titlul peste covorasul de service si placa de baza. */
.hero-content > *,
.page-hero > .container {
    position: relative;
    z-index: 1;
}
.hero-title,
.page-title {
    text-shadow:
        0 2px 12px rgba(0,0,0,0.55),
        0 0 30px rgba(255,138,42,0.25);
}
.hero-description,
.page-subtitle {
    text-shadow: 0 1px 8px rgba(0,0,0,0.55);
}

/* Section titles primesc un glow subtil ca sa fie usor de identificat
   intre carduri pe scroll. */
.section-title,
.section-header h2 {
    text-shadow:
        0 2px 10px rgba(0,0,0,0.5),
        0 0 24px rgba(255,138,42,0.18);
}

/* ===== Responsive ===== */
@media (max-width: 880px) {
    .hero-content { grid-template-columns: 1fr; }
    .hero-visual { height: 360px; }
    .hero-phone { width: 200px; height: 380px; }
    .footer-content { grid-template-columns: 1fr 1fr; }
    .scroll-indicator { display: none; }
}
@media (max-width: 560px) {
    section { padding: 3.5rem 0; }
    .hero { padding: calc(var(--nav-h) + 2rem) 0 3rem; }
    .footer-content { grid-template-columns: 1fr; }
    .price-wizard-progress-step .price-wizard-progress-num { width: 22px; height: 22px; font-size: 0.7rem; }
    .price-wizard-progress-step span:not(.price-wizard-progress-num) { display: none; }
    .price-wizard-progress-step.active span:not(.price-wizard-progress-num) { display: inline; }
    .float { right: 16px; bottom: 16px; width: 56px; height: 56px; font-size: 26px; }
    .float-call { right: 16px; bottom: 84px; width: 50px; height: 50px; font-size: 22px; }
    .calc-modal { padding: 0.75rem; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; animation-iteration-count: 1 !important; }
    .reveal { opacity: 1; transform: none; }
}