@font-face {
  font-family: 'MyEnvatoFont';
  src: url('../assets/fonts/Brithney.woff2') format('woff2'),
       url('../assets/fonts/Brithney.ttf') format('truetype'),
       url('../assets/fonts/Brithney.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
    html,body{width:100%;overflow-x:hidden}
    html{scroll-behavior:smooth}
    :root{--coral:#e85550;--dark:#1a1a1a;--bg:#f7f7f7;--gray:#ebebeb;--muted:#666;--footer-bg:#1a1a1a}
    body{background:var(--bg);font-family:'Inter',sans-serif;min-height:100vh;cursor:none;opacity:0;transition:opacity .5s ease}
    body.loaded{opacity:1}
    body.dark-mode{--bg:#101010;--dark:#f7f7f7;--gray:#1d1d1d;--muted:#aaa;--footer-bg:#050505}
    body.dark-mode .quote-card{background:#181818;box-shadow:0 2px 24px rgba(0,0,0,.35)}
    body.dark-mode .quote-text{color:#e8e8e8}
    body.dark-mode .nav-links a{background:rgba(24,24,24,.8);border-color:rgba(255,255,255,.14)}
    body.dark-mode .chip{background:rgba(255,255,255,.08)}
    body.dark-mode .card-footer{border-top-color:rgba(255,255,255,.08)}
    body.dark-mode .circle{background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.95),transparent 28%),linear-gradient(160deg,#ffffff 0%,#eeeeee 55%,#cfcfcf 100%);box-shadow:0 0 80px rgba(255,255,255,.28)}
    body.dark-mode .script-name{background:none;color:#ee0039;-webkit-text-fill-color:#54091b}

    /* CURSOR */
    #cur{position:fixed;width:8px;height:8px;background:var(--coral);border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s}
    #cur-ring{position:fixed;width:32px;height:32px;border:1.5px solid rgba(232,85,80,.45);border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);transition:width .3s,height .3s,opacity .3s}
    body:has(a:hover) #cur{width:14px;height:14px}
    body:has(a:hover) #cur-ring{width:50px;height:50px;opacity:.25}

    /* NAV */
    nav{display:flex;justify-content:space-between;align-items:flex-start;padding:1.8rem 5%;position:relative;z-index:100}
    .nav-logo{font-size:.95rem;font-weight:500;color:var(--dark);text-decoration:none;transition:color .25s ease,transform .25s ease}
    .nav-logo:hover{color:var(--coral);transform:translateY(-2px)}
    .nav-links{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;list-style:none}
    .nav-links a{font-size:.88rem;font-weight:400;color:var(--dark);text-decoration:none;line-height:1.8;transition:color .25s ease}
    .nav-links a:hover{color:var(--coral)}
    @media(min-width:701px){nav{align-items:center}.nav-links{flex-direction:row;gap:.75rem}.nav-links a{padding:.48rem 1.05rem;border-radius:100px;border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.72);backdrop-filter:blur(10px);line-height:1;position:relative;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,color .28s ease,background .28s ease}.nav-links a:hover{color:var(--coral);border-color:rgba(232,85,80,.45);background:rgba(255,255,255,.95);transform:translateY(-3px);box-shadow:0 10px 28px rgba(232,85,80,.18)}.nav-links a.active{color:var(--coral);border-color:rgba(232,85,80,.45);background:rgba(255,255,255,.95);box-shadow:0 8px 22px rgba(232,85,80,.14)}}

    
    /* HERO */
    .hero-wrap{position:relative;width:100%;height:90vw;max-height:820px;min-height:520px;margin-top:5rem;}
    .circle{position:absolute;width:clamp(220px,42%,430px);aspect-ratio:1;border-radius:50%;background:linear-gradient(160deg,#ee0039,#54091b);left:50%;transform:translateX(-50%);top:-2%;z-index:1;transition:transform .1s ease-out;will-change:transform}
    .circle:hover{filter:brightness(1.08);box-shadow:0 0 60px rgba(232,85,80,.35)}
    .script-name{position:absolute;left:23%;top:15%;font-family:'MyEnvatoFont';font-size:clamp(64px,13vw,148px);color:var(--dark);z-index:3;line-height:1;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(20px);transition:opacity .8s ease .3s,transform .8s ease .3s}
    .script-name.visible{opacity:1;transform:translateY(0)}
    .glass-panel{position:absolute;left:50%;transform:translateX(-50%);width:clamp(280px,80%,780px);top:26%;bottom:0;background:rgba(215,215,220,.5);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border-radius:28px;border:1px solid rgba(255,255,255,.65);z-index:2;display:flex;align-items:center;justify-content:center;padding:1.5rem}
    .quote-card{width:100%;max-width:510px;background:#fff;border-radius:18px;padding:clamp(1.2rem,2.5vw,2.2rem) clamp(1.2rem,3vw,2.6rem);box-shadow:0 2px 24px rgba(0,0,0,.07);opacity:0;animation:fadeUp .8s ease .6s forwards}
    .quote-text{font-family:'Lora',serif;font-style:italic;font-size:clamp(.68rem,1.2vw,.82rem);color:#2a2a2a;line-height:1.9}
    .quote-text p+p{margin-top:.9rem}

    /* CARDS */
    .cards-section{padding:10rem 5% 10rem}
    .cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1100px;margin:0 auto}
    .swipe-track{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.5rem 5% 1.5rem}
    .card{background:var(--gray);border-radius:20px;padding:1.8rem 1.8rem 1.5rem;min-height:260px;display:flex;flex-direction:column;cursor:pointer;position:relative;overflow:hidden;text-decoration:none;opacity:0;transform:translateY(24px);transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease,opacity .5s ease}
    .card.revealed{opacity:1;transform:translateY(0)}
    .card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0;transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
    .card:hover::before{transform:scaleX(1)}
    .card-1::before{background:var(--coral)}.card-2::before{background:#3b82f6}.card-3::before{background:#22c55e}
    .card-1:hover{transform:translateY(-6px) scale(1.015)!important;box-shadow:0 18px 45px rgba(232,85,80,.22),0 6px 16px rgba(232,85,80,.12)}
    .card-2:hover{transform:translateY(-6px) scale(1.015)!important;box-shadow:0 18px 45px rgba(59,130,246,.22),0 6px 16px rgba(59,130,246,.12)}
    .card-3:hover{transform:translateY(-6px) scale(1.015)!important;box-shadow:0 18px 45px rgba(34,197,94,.22),0 6px 16px rgba(34,197,94,.12)}
    .card-icon{font-size:1.8rem;margin-bottom:.9rem;display:block}
    .card-tag{font-size:.58rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#999;margin-bottom:.4rem;display:block}
    .card-heading{font-size:1.1rem;font-weight:600;color:var(--dark);line-height:1.2}
    .card-body{font-size:.73rem;color:var(--muted);line-height:1.8;flex:1;margin-top:.65rem}
    .card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.2rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.07)}
    .card-link{font-size:.68rem;font-weight:500;letter-spacing:.06em;color:var(--dark);display:flex;align-items:center;gap:.35rem;transition:gap .2s}
    .card:hover .card-link{gap:.6rem}
    .card-chips{display:flex;gap:.35rem;flex-wrap:wrap}
    .chip{font-size:.53rem;letter-spacing:.08em;padding:.2rem .6rem;border-radius:100px}
    .card-1 .chip{background:rgba(232,85,80,.1);color:#c0392b}
    .card-2 .chip{background:rgba(59,130,246,.1);color:#1d4ed8}
    .card-3 .chip{background:rgba(34,197,94,.1);color:#15803d}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

    /* MOBILE SWIPE */
    .cards-mobile{display:none;padding:4rem 0 6rem}
    .swipe-track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.5rem 5% 1.5rem}
    .swipe-track::-webkit-scrollbar{display:none}
    .swipe-card{flex:0 0 82vw;max-width:340px;scroll-snap-align:center;background:var(--gray);border-radius:20px;padding:1.8rem 1.8rem 1.5rem;display:flex;flex-direction:column;text-decoration:none;position:relative;overflow:hidden;min-height:260px}
    .swipe-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0}
    .swipe-card.card-1::before{background:var(--coral)}.swipe-card.card-2::before{background:#3b82f6}.swipe-card.card-3::before{background:#22c55e}
    .swipe-dots{display:flex;justify-content:center;gap:.45rem;margin-top:.5rem}
    .dot{width:7px;height:7px;border-radius:50%;background:rgba(0,0,0,.15);transition:all .25s;cursor:pointer}
    .dot.active{width:22px;border-radius:4px}
    .dot.d1.active{background:var(--coral)}.dot.d2.active{background:#3b82f6}.dot.d3.active{background:#22c55e}
    @media(max-width:700px){.circle{cursor:pointer}}

    /* CORAL SECTION */
    .coral-section{background:linear-gradient(135deg,#ee0039 0%,#54091b 100%);padding:4rem 5%;display:flex;gap:3rem;align-items:center;flex-wrap:wrap}
    .coral-photo-box{flex:0 0 clamp(180px,32%,320px);background:rgba(255,255,255,.25);border-radius:20px;aspect-ratio:4/3;display:flex;align-items:flex-end;justify-content:center;padding:1rem;position:relative;overflow:hidden;cursor:pointer;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s}
    .coral-photo-box:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 18px 46px rgba(0,0,0,.19)}
    .coral-photo-box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:20px}
    .coral-photo-label{font-size:.78rem;font-weight:600;color:rgba(255,255,255,.9);position:relative;z-index:1}
    .coral-text{flex:0 1 520px;min-width:220px}
    .coral-text h3{font-family:'MyEnvatoFont';font-size:clamp(1.9rem,4.5vw,3rem);color:#fff;line-height:1.05;margin-bottom:.75rem}
    .coral-text p{font-size:.76rem;color:rgba(255,255,255,.85);line-height:1.72;max-width:34rem}
    .coral-text a{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.1rem;font-size:.66rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:#fff;text-decoration:none;border-bottom:2px solid rgba(255,255,255,.4);padding-bottom:.18rem;transition:border-color .2s,gap .2s}
    .coral-text a:hover{border-color:#fff;gap:.7rem}
    @media(min-width:1200px){.coral-section{justify-content:center}.coral-photo-box{flex:0 0 320px}.coral-text{flex:0 1 520px}}
    @media(max-width:700px){.coral-section{padding:1.2rem 5%;gap:1.2rem;flex-direction:column;align-items:center;text-align:center}.coral-photo-box{flex:none;width:82%;max-width:300px;aspect-ratio:4/3;padding:.8rem;border-radius:18px}.coral-photo-box img{border-radius:18px}.coral-text{flex:none;width:100%;max-width:330px;min-width:0}.coral-text h3{font-size:clamp(1.7rem,9vw,2.4rem);margin-bottom:.5rem}.coral-text p{font-size:.7rem;line-height:1.6;max-width:100%}.coral-text a{margin-top:.8rem;font-size:.58rem}}
    
    /* FOOTER */
    footer{background:var(--footer-bg);color:#f7f7f7;padding:3rem 5% 2rem}
    .footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap}
    .footer-logo{font-family:'MyEnvatoFont';font-size:2.2rem;color:#f7f7f7;line-height:1;display:block;margin-bottom:.5rem}
    .footer-tagline{font-size:.68rem;color:rgba(255,255,255,.4);letter-spacing:.06em;line-height:1.7;max-width:22rem}
    .footer-col-title{font-size:.55rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:1rem}
    .footer-link-list{list-style:none;display:flex;flex-direction:column;gap:.55rem}
    .footer-link-list a{font-size:.75rem;color:rgba(255,255,255,.6);text-decoration:none;transition:all .2s;display:flex;align-items:center;gap:.4rem}
    .footer-link-list a:hover{color:#f7f7f7;padding-left:.3rem}
    .footer-link-list a::before{content:'→';font-size:.65rem;color:var(--coral)}
    .fc-label{font-size:.52rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.3);display:block;margin-bottom:.2rem}
    .fc-value{font-size:.75rem;color:rgba(255,255,255,.6);text-decoration:none;transition:color .2s;display:block;margin-bottom:.9rem}
    .fc-value:hover{color:#f7f7f7}
    .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;flex-wrap:wrap;gap:.8rem}
    .footer-copy{font-size:.62rem;color:rgba(255,255,255,.25);letter-spacing:.06em}
    .footer-socials{display:flex;gap:.6rem}
    .social-pill{font-size:.62rem;letter-spacing:.1em;padding:.38rem .9rem;border-radius:100px;border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.5);text-decoration:none;transition:all .25s}
    .social-pill:hover{border-color:rgba(255,255,255,.4);color:#f7f7f7;transform:translateY(-2px)}
    .back-top{display:flex;align-items:center;gap:.4rem;font-size:.62rem;color:rgba(255,255,255,.35);cursor:pointer;background:none;border:none;font-family:inherit;transition:all .2s}
    .back-top:hover{color:#f7f7f7;gap:.7rem}

    /* REVEAL */
    .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
    .reveal.visible{opacity:1;transform:translateY(0)}

    @keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

    @media(max-width:700px){
      body{cursor:auto}
      #cur,#cur-ring{display:none}
      .cards-section{display:none}
      .cards-mobile{display:block}
      .coral-section{flex-direction:column}
      .coral-photo-box{flex:none;width:100%;max-width:100%;aspect-ratio:16/9}
      .footer-top{flex-direction:column;gap:2rem}
      .footer-bottom{flex-direction:column;align-items:flex-start}
    }
    

      body{background:var(--bg);font-family:'Inter',sans-serif;min-height:100vh;cursor:none;opacity:0;transition:opacity .5s ease;position:relative}
      body::before{content:'';position:fixed;top:18%;left:-120px;width:260px;height:260px;border-radius:50%;background:rgba(232,85,80,.08);filter:blur(20px);z-index:-1;pointer-events:none}
      body::after{content:'';position:fixed;bottom:12%;right:-140px;width:320px;height:320px;border-radius:50%;background:rgba(232,85,80,.06);filter:blur(24px);z-index:-1;pointer-events:none}
      @media(min-width:1400px){.cards-row{max-width:1350px;gap:1.6rem}.glass-panel{width:clamp(780px,62vw,980px)}.quote-card{max-width:620px}.circle{width:clamp(430px,34vw,560px)}.coral-section{padding-left:10%;padding-right:10%}.footer-top{max-width:1350px;margin:0 auto}.footer-bottom{max-width:1350px;margin:0 auto}}

   .hero-wrap::before{content:'';position:absolute;left:50%;top:-2%;width:clamp(220px,42%,430px);aspect-ratio:1;border-radius:50%;background:linear-gradient(160deg,#f07068,#e85550 55%,#f08878);transform:translateX(-50%);z-index:0;animation:floatSoft 6s ease-in-out infinite;opacity:.22;filter:blur(20px)}
    @keyframes floatSoft{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-14px)}}
   
    .quote-card{position:relative;overflow:hidden}
    .quote-card::before{content:'';position:absolute;top:0;left:-80%;width:45%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-18deg);transition:left .8s ease;pointer-events:none}
    .quote-card:hover::before{left:130%}
    .card::after{content:'';position:absolute;top:-40%;left:-80%;width:50%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:rotate(22deg);transition:left .75s ease;pointer-events:none}
    .card:hover::after{left:130%}
    .social-pill:hover{border-color:rgba(255,255,255,.4);color:#f7f7f7;transform:translateY(-3px) scale(1.03);box-shadow:0 10px 24px rgba(0,0,0,.18)}
    @media(prefers-reduced-motion:reduce){.hero-wrap::before{animation:none}.quote-card::before,.card::after{display:none}}