:root {
    --env-red: #D63031;
    --env-blue: #0473c9;
    --paper-base: #e8d5a0;
    --stripe-width: 12px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Segoe UI',Arial,sans-serif;background:#fdf6d8;color:#1c1c1c;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
.typewriter-content a{text-decoration:underline}

/* INLINE YOUTUBE PLAYER */
.fkarte-video{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;z-index:5;border:none}
.fkarte-close{position:absolute;top:8px;right:8px;z-index:10;width:32px;height:32px;border:none;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}
.fkarte-close:hover{background:rgba(0,0,0,.9)}

/* NAV */
.nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.5rem;background:#0D6E9A;box-shadow:0 2px 12px rgba(0,0,0,.3)}
.nav-logo{display:flex;align-items:center;gap:.6rem}
.nav-logo picture{display:flex;align-items:center;background:transparent;border-radius:50%;width:35px;height:35px;justify-content:center;border:0px solid #F9C01E;overflow:hidden}
.nav-logo img{width:100%;height:100%;object-fit:cover}
.nav-logo span{color:#F9C01E;font-weight:900;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}
.nav-links{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.nav-links a{display:flex;align-items:center;gap:.3rem;padding:.4rem .85rem;border-radius:999px;font-weight:700;font-size:.82rem;color:#fffef5;transition:transform .15s}
.nav-links a:hover{transform:scale(1.07)}
.n-merch{background:#E8457A}
.n-news{background:#1A9FD4}
.n-eltern{background:#e8d5a0;color:#0D6E9A!important;border:2px dashed #003772}

/* HERO */
.hero{background:linear-gradient(160deg,#FFD740 0%,#F9C01E 60%,#E8A800 100%);padding:1.0rem 1.5rem 0.85rem;overflow:visible;position:relative;z-index:10}
.hero-inner{display:flex;align-items:center;justify-content:space-between;max-width:940px;margin:0 auto;gap:1.5rem}
.hero-logo{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1 1 auto;max-width:220px;background:transparent}
.hero-logo picture{display:block;width:100%;background:transparent}
.hero-logo img.schriftzug{width:100%;max-width:220px;height:auto;margin-bottom:0;position:relative;z-index:2;background:transparent}

/* GENERIC UI COMPONENTS */
.brand-badge-rocket {
    position: absolute;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #0f2e70;
    opacity: 0.55;
    transform: rotate(1deg);
}

.rocket-svg {
    width: 26px;
    height: 26px;
    fill: currentColor;
    transform: rotate(48deg);
}

.rocket-label {
    font-family: 'Arial Narrow', sans-serif;
    font-weight: 900;
    font-size: 6px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* VINTAGE ENVELOPE & MAUSRITIUS STAMP */
.envelope-container {
    perspective: 1000px;
    text-decoration: none;
    display: block;
    position: relative;
    flex: 0 0 auto;
    transform: rotate(6deg) translateY(47px) translateX(0px);
    z-index: 20;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.envelope-container:hover {
    transform: rotate(3deg) scale(1.00) translateY(20px);
    z-index: 30;
}

.envelope-container::before {
    content: 'Brief öffnen';
    left: 50%;
    bottom: -35px;
    transform: translateX(-50%);
    position: absolute;
    font-family: 'Courier New', monospace;
    font-size: 1.0rem;
    color: #f5ebd5;
    background: #D63031;
    padding: 4px 12px;
    border-radius: 4px;
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    z-index: 20;
    white-space: nowrap;
    pointer-events: none;
}
.envelope-container:hover::before {
    opacity: 1;
}

.airmail-envelope {
    --env-red: #D63031;
    --env-blue: #094d81;
    --paper-base: #e8d5a0;
    
    position: relative;
    width: 280px;
    height: 162px;
    background-color: var(--paper-base);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.2), 8px 5px 15px rgba(0,0,0,0.3);
    overflow: hidden;
    display: block;
    cursor: pointer;   
    border-radius: 5px; 
}

.envelope-paper-layer {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"), radial-gradient(circle at 50% 50%, transparent 60%, rgba(0,0,0,0.05) 100%);
    background-size: 150px 150px, 100% 100%;
    opacity: 0.2;
    mix-blend-mode: multiply;
}

.envelope-border {
    position: absolute;
    inset: 0;
    border: 7.5px solid transparent;
    z-index: 2;
    pointer-events: none;
    border-image: repeating-linear-gradient(135deg, var(--env-red) 0, var(--env-red) 15px, transparent 15px, transparent 30px, var(--env-blue) 30px, var(--env-blue) 45px, transparent 45px, transparent 60px) 10;
    opacity: 0.85;
    mix-blend-mode: multiply;
}

.envelope-sender {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 10;
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.7rem;
    font-weight: bold;
    color: #2c3e50;
    transform: rotate(-0.5deg);
    opacity: 0.75;
}

.envelope-content {
    position: absolute;
    top: 63%;
    left: 38%;
    transform: translateY(-50%);
    text-align: left;
    z-index: 15;
    min-width: 150px;
}

.envelope-headline {
    font-family: 'Segoe UI', Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 800;
    margin: 0;
    line-height: 1.05;
    color: #2c3e50;
    letter-spacing: -0.5px;
    opacity: 1;
}

.envelope-subline {
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.7rem;
    font-weight: 800;
    margin-top: 4px;
    color: #2c3e50;
    opacity: 0.75;
}

/* STAMP GROUP (Layers) */
.stamp-group {
    position: absolute;
    top: 24px;
    right: 21px;
    width: 45px;
    height: 55px;
    transform: rotate(9deg) scale(0.5);
    transform-origin: top right;
    z-index: 5;
}

.stamp-base {
    position: absolute;
    inset: 0;
    width: 45px;
    height: 55px;
    background: #d9e9f6;
    background-image: linear-gradient(45deg, transparent 45%, rgba(0,0,0,0.05) 45%, rgba(0,0,0,0.05) 55%, transparent 55%), linear-gradient(-45deg, transparent 45%, rgba(0,0,0,0.05) 45%, rgba(0,0,0,0.05) 55%, transparent 55%);
    background-size: 8px 8px;
    clip-path: polygon(0% 5%, 5% 0%, 10% 5%, 15% 0%, 20% 5%, 25% 0%, 30% 5%, 35% 0%, 40% 5%, 45% 0%, 50% 5%, 55% 0%, 60% 5%, 65% 0%, 70% 5%, 75% 0%, 80% 5%, 85% 0%, 90% 5%, 95% 0%, 100% 5%, 95% 10%, 100% 15%, 95% 20%, 100% 25%, 95% 30%, 100% 35%, 95% 40%, 100% 45%, 95% 50%, 100% 55%, 95% 60%, 100% 65%, 95% 70%, 100% 75%, 95% 80%, 100% 85%, 95% 90%, 100% 95%, 95% 100%, 90% 95%, 85% 100%, 80% 95%, 75% 100%, 70% 95%, 65% 100%, 60% 95%, 55% 100%, 50% 95%, 45% 100%, 40% 95%, 35% 100%, 30% 95%, 25% 100%, 20% 95%, 15% 100%, 10% 95%, 5% 100%, 0% 95%, 5% 90%, 0% 85%, 5% 80%, 0% 75%, 5% 70%, 0% 65%, 5% 60%, 0% 55%, 5% 50%, 0% 45%, 5% 40%, 0% 35%, 5% 30%, 0% 25%, 5% 20%, 0% 15%, 5% 10%);
    z-index: 1;
}

/* MAUSRITIUS STAMP */
.mausritius {
    --mauri-ink: #162d5e;
    --mauri-paper: #fdf6e3;
    --mauri-paper-dark: #8999ab;
    --mauri-blue: #003772ff;
    
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px; /* Force 70px width */
    height: 80.3px; /* Proportional height from 61:70 ratio */
    background-color: var(--mauri-ink);
    padding: 5px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1px;
    border: 2px solid var(--mauri-paper);
    transform: translate(-50%, -50%) rotate(-6deg);
    z-index: 2;
}

.mausritius::before {
    content: '';
    position: absolute;
    inset: -4px;
    background-image: radial-gradient(circle at 30% 20%, rgba(255,255,255,0.05) 0%, transparent 40%), radial-gradient(circle at 70% 80%, rgba(0,0,0,0.05) 0%, transparent 40%);
    z-index: 20;
    pointer-events: none;
}

.mauri-label {
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4.5px;
    color: var(--mauri-paper);
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1.4px;
    z-index: 10;
    white-space: nowrap;
}
.mauri-label.top { top: 0.4px; left: 50%; transform: translateX(-50%); }
.mauri-label.bottom { bottom: 0.3px; left: 50%; transform: translateX(-50%); }
.mauri-label.left { top: 50%; left: -22.5px; transform: translateY(-50%) rotate(-90deg); width: 50px; text-align: center; }
.mauri-label.right { top: 50%; right: -22.2px; transform: translateY(-50%) rotate(-90deg); width: 50px; text-align: center; letter-spacing: 2px; }

.mauri-fleuron {
    position: absolute;
    font-size: 5px;
    color: var(--mauri-paper);
    z-index: 10;
    line-height: 1;
}
.mauri-fleuron.tl { top: 0; left: 0.5px; }
.mauri-fleuron.br { bottom: 0; right: 0.5px; }
.mauri-fleuron.tl::after, .mauri-fleuron.br::after { content: '❂'; opacity: 0.8; }
.mauri-fleuron.tr { top: 0; right: 0.5px; }
.mauri-fleuron.bl { bottom: 0; left: 0.5px; }
.mauri-fleuron.tr::after, .mauri-fleuron.bl::after { content: '✥'; opacity: 0.8; }

.mauri-field {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: var(--mauri-paper);
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: repeating-linear-gradient(46deg, transparent 0 4px, rgba(22, 45, 94, 0.12) 4px 7px), repeating-linear-gradient(35deg, transparent, transparent 0.6px, rgba(22, 45, 94, 0.08) 0.8px), linear-gradient(to bottom, var(--mauri-paper-dark), var(--mauri-blue));
    box-shadow: inset 0 0 1px var(--mauri-ink);
}

.mauri-field::before {
    content: '';
    position: absolute;
    inset: 0.8px;
    border: 0.2px solid rgba(22, 45, 94, 0.4);
    pointer-events: none;
}

.mauri-medallion {
    position: relative;
    width: 38px;
    height: 48px;
    border: 1.5px solid var(--mauri-ink);
    border-radius: 50%;
    background-color: var(--mauri-blue);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    opacity: 0.9;
    background-image: repeating-linear-gradient(-46deg, transparent, transparent 0.8px, rgba(22, 45, 94, 0.9) 2px);
}

.mouse-emblem {
    position: relative;
    width: 80%;
    height: 80%;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='52' r='25' fill='%23fdf6e3'/%3E%3Ccircle cx='25' cy='35' r='14' fill='%23fdf6e3'/%3E%3Ccircle cx='75' cy='35' r='14' fill='%23fdf6e3'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 1px center;
    background-size: 100%;
    transform: rotate(12deg);
    opacity: 0.75;
    z-index: 5;
}

/* POSTAL CANCELLATION (Top layer) */
.postal-stamp {
    position: absolute;
    top: -21px;
    right: -23px;
    width: 75px;
    height: 75px;
    z-index: 30; /* Ensure it's on top of everything */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: rgb(91, 161, 142, 0.8);
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
    font-size: 9px;
    line-height: 1.2;
    transform: rotate(8deg);
    pointer-events: none;
}

.postal-stamp::before {
    content: '';
    position: absolute;
    inset: 5px;
    border: 1px solid currentColor;
    border-radius: 50%;
}

.hero-stripe{height:10px;background:linear-gradient(90deg,#0D6E9A,#1A9FD4 50%,#0D6E9A)}


/* WRAPPER */
.wrap{max-width:960px;margin:0 auto;padding:1.5rem 1.5rem 2.0rem;}

/* BADGE */
.badge{display:inline-block;background:#0D6E9A;color:#F9C01E;font-size:1.5rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;padding:.3rem 1.4rem .3rem .9rem;border-radius:0 12px 12px 0;border-left:7px solid #1A9FD4;box-shadow:0 3px 12px rgba(0,0,0,.12);margin-bottom:0.8rem}
.badge-gruen{background:#2A7A40;color:#a5f3a5;border-left-color:#a5f3a5}
.badge-blau{background:#0D6E9A;color:#F9C01E;border-left-color:#F9C01E}
.badge-dunkel{background:#1A9FD4;color:#fffef5;border-left-color:#0f2e70}

/* FOLGEN GRID */
.folgen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.folgen-grid>*{min-width:0;min-height:0}
@media(max-width:640px){.folgen-grid{grid-template-columns:1fr}}
@media(min-width:641px) and (max-width:860px){.folgen-grid{grid-template-columns:repeat(2,1fr)}}

.fkarte{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.2);background:#111;cursor:pointer;aspect-ratio:16/9;transition:transform .2s,box-shadow .2s}
.fkarte:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 18px 44px rgba(0,0,0,.32)}

.fkarte picture{display:block;width:100%;height:100%}
.fkarte picture img{width:100%;height:100%;object-fit:cover;transition:opacity .2s}
.fkarte:hover picture img{opacity:.82}

.fkarte .overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);transition:background .2s}
.fkarte:hover .overlay{background:rgba(0,0,0,.22)}
.play-btn{width:64px;height:64px;background:rgba(255,255,255,.93);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(0,0,0,.35);transition:transform .18s}
.fkarte:hover .play-btn{transform:scale(1.15)}
.play-tri{width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:24px solid #0D6E9A;margin-left:5px}
.fnr{position:absolute;top:10px;left:10px;background:#0D6E9A;color:#F9C01E;font-weight:900;font-size:.85rem;padding:.2rem .6rem;border-radius:10px}
.fnr--hidden{display:none;}
.fph{border-radius:16px;background:rgba(0,0,0,.1);aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:3px dashed rgba(0,0,0,.18);overflow:hidden}
.fph span:first-child{font-size:2.2rem;opacity:.35}
.fph span:last-child{font-size:.9rem;font-weight:700;opacity:.4}

.fph--info{aspect-ratio:auto;padding:1rem 1.5rem;border-color:rgba(0,0,0,.3);flex-direction:row;flex-wrap:wrap;align-items:center;gap:.3rem .8rem;grid-column:1/-1}
@media(min-width:861px){.fph--info{grid-column:auto;align-self:center}}
.fph--info .ph-icon{font-size:2rem}
.fph--info .ph-nr{font-size:1.2rem;opacity:.6}
.fph--info .ph-text{font-size:.95rem;opacity:.7;flex:1 1 100%}
.fph--info .fph-link{color:#0D6E9A;font-weight:700;font-size:.9rem;text-decoration:underline}
.fph--info .fph-link:hover{color:#1A9FD4}

/* STAFFEL 2 */
.s2-box{background:rgba(13,110,154,.12);border-radius:20px;padding:3rem 2rem;text-align:center;border:3px dashed #1A9FD4}
.s2-box span{font-size:3.5rem;display:block;margin-bottom:.8rem}
.s2-box h3{font-size:1.4rem;font-weight:900;color:#0D6E9A;margin-bottom:.5rem}
.s2-box p{color:#555;font-size:.9rem}

/* JUNGLEKEEPERS */
.jk-section{background:linear-gradient(135deg,#1a5c30 0%,#27ae60 100%)}
.jk-inner{max-width:960px;margin:0 auto;padding:2.5rem 1.5rem}
.jk-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:center;margin-top:0.5rem}
@media(max-width:640px){.jk-grid{grid-template-columns:1fr}}
.jk-text h3{font-size:1.5rem;font-weight:900;color:#fffef5;margin-bottom:.3rem}
.jk-text p{color:#c8f5d5;font-size:.9rem;line-height:1.6;margin-bottom:1rem}
.jk-btn{display:inline-block;background:#F9C01E;color:#1a5c30;border-radius:999px;padding:.6rem 1.4rem;font-weight:900;font-size:.9rem;transition:transform .15s}
.jk-btn:hover{transform:scale(1.05)}
.jk-bilder{display:flex;gap:1rem;align-items:center;justify-content:center}
.jk-bilder picture:first-child{width:62%;background:transparent}
.jk-bilder picture:last-child{width:33%;background:transparent}
.jk-bilder img{width:100%;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.3);transition:transform .2s;background:transparent}
.jk-bilder img:hover{transform:scale(1.04)}

/* NEWSLETTER */
.nl-section{background:linear-gradient(135deg,#0D6E9A 0%,#1A9FD4 100%)}
.nl-inner{max-width:960px;margin:0 auto;padding:2.5rem 1.5rem;text-align:left}
.nl-inner h2{font-size:1.8rem;font-weight:900;color:#fffef5;margin-bottom:.5rem}
.nl-inner p{color:#cde9f5;font-size:.9rem;margin-bottom:1.4rem;line-height:1.5}
.nl-form{display:flex;gap:.6rem;max-width:480px;margin:1.4rem 0 0;flex-wrap:wrap}
.nl-form input{flex:1 1 200px;padding:.7rem 1rem;border-radius:999px;border:none;font-size:.9rem;outline:none}
.nl-form button{padding:.7rem 1.4rem;background:#1A9FD4;color:#fffef5;border:none;border-radius:999px;font-weight:900;font-size:.9rem;cursor:pointer;transition:transform .15s,background .15s;white-space:nowrap}
.nl-form button:hover{transform:scale(1.06);background:#39b9ed}
.nl-form label[for="gdpr"] a{color:#FFD740;text-decoration:underline;font-weight:600}
.nl-form label[for="gdpr"] a:hover{color:#fffef5}
.nl-checkbox{display:flex;align-items:flex-start;gap:.7rem;flex:1 1 100%;margin-top:.35rem;text-align:left;color:#fffef5}
.nl-checkbox input[type="checkbox"]{transform:scale(1.45);transform-origin:left top;accent-color:#F9C01E;flex:0 0 auto;margin-top:.18rem}
.nl-checkbox label{font-size:1rem;line-height:1.45;cursor:pointer}
.cheese-emoji{text-shadow:0 0 5px rgb(26, 26, 26),1px 1px 3px rgba(26,26,26,.5)}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

/* MERCH */
.merch-section{background:#1a1a2e}
.merch-inner{max-width:960px;margin:0 auto;padding:2.5rem 1.5rem;text-align:left}
.merch-inner p{color:#aaa;font-size:.9rem;margin-bottom:1.4rem}
.merch-btn{display:inline-block;background:#E8457A;color:#fff;border-radius:999px;padding:.7rem 2rem;font-weight:900;font-size:1rem;transition:transform .15s,background .15s}
.merch-btn:hover{transform:scale(1.06);background:#ff6b9d}

/* FOOTER */
footer{background:#111;color:#aaa;text-align:center;padding:1.5rem 1rem}
.footer-links{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:.7rem}
.footer-links a{color:#888;font-size:.8rem;transition:color .15s}
.footer-links a:hover{color:#F9C01E}
.footer-copy{font-size:.75rem;color:#555}

/* KONTAKT */
.kontakt-section{background:#fff9e6}
.kontakt-inner{max-width:960px;margin:0 auto;padding:2.5rem 1.5rem;text-align:left}
.kontakt-inner p{color:#555;font-size:.9rem;margin-bottom:1.4rem}
.kontakt-form{display:flex;flex-direction:column;gap:1rem;max-width:480px;margin:1.4rem 0 0}
.form-group{text-align:left}
.kontakt-form input {
  width: 100%;
  padding: .7rem 1.2rem;
  border-radius: 999px;
  border: none;
  font-size: .9rem;
  outline: none;
  background: #fff;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
}
.kontakt-form textarea {
  width: 100%;
  padding: .8rem 1.2rem;
  border-radius: 20px;
  border: none;
  font-size: .9rem;
  outline: none;
  font-family: inherit;
  background: #fff;
  min-height: 120px;
  resize: vertical;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
}
.kontakt-btn{padding:.8rem 1.4rem;background:#0D6E9A;color:#F9C01E;border:none;border-radius:999px;font-weight:900;font-size:1rem;cursor:pointer;transition:transform .15s,background .15s;align-self:flex-start}
.kontakt-btn:hover{transform:scale(1.06);background:#1A9FD4}

/* NEW SUBPAGE NAV & LETTER CLASSES */
.letter-body-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 20px 80px;
    width: 100%;
}
.back-btn {
    display: inline-block;
    font-family: 'Courier New', monospace;
    font-weight: bold;
    font-size: 1rem;
    color: #fffef5;
    background: #D63031;
    padding: 10px 24px;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transition: transform 0.15s, background 0.15s;
    text-decoration: none;
    margin-top: 30px;
}
.back-btn:hover {
    transform: scale(1.04);
    background: #c02626;
}
.n-download {
    background: #27ae60!important;
}
.download-card {
    background: rgba(39,174,96,.1);
    border-radius: 20px;
    padding: 2.5rem 2rem;
    text-align: center;
    border: 3px dashed #27ae60;
    margin-top: 1.5rem;
}
.download-card span {
    font-size: 3rem;
    display: block;
    margin-bottom: .5rem;
}
.download-card h3 {
    font-size: 1.3rem;
    font-weight: 900;
    color: #27ae60;
    margin-bottom: .3rem;
}
.download-card p {
    color: #444;
    font-size: .9rem;
    margin-bottom: 1rem;
}
.download-btn {
    display: inline-block;
    background: #27ae60;
    color: #fff;
    border-radius: 999px;
    padding: .5rem 1.5rem;
    font-weight: 900;
    font-size: .9rem;
    transition: transform .15s;
}
.download-btn:hover {
    transform: scale(1.05);
}

/* RESPONSIVE HERO */
@media(max-width:680px){
  .hero-inner{flex-direction:column;align-items:center}
  .envelope-container{
      width:100%;
      margin-bottom:0;
      margin-top:1rem;
      transform: rotate(0) translateY(0) translateX(0); /* Flatten for mobile */
      display: flex;
      justify-content: center;
  }
  .hero-logo{max-width:180px}
}

/* LAUNCH VERSION: temporarily hidden sections and links */
.is-disabled-for-launch {
    display: none !important;
}