@font-face{font-family:"Poppins-Light";src:url(../fonts/Poppins-Light.woff2) format("woff2"),url(../fonts/Poppins-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"ValeraRound";src:url(../fonts/VarelaRound-Regular.woff2) format("woff2"),url(../fonts/VarelaRound-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Poppins-SemiBold";src:url(../fonts/Poppins-SemiBold.woff2) format("woff2"),url(../fonts/Poppins-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}

:root{
    --navy-deep:#02112e;
    --navy:#0e1e38;
    --navy-card:#132846;
    --gold:#e2b35e;
    --gold-light:#e6cd8a;
    --silver:#c7ccd4;
    --silver-bright:#eef0f3;
    --line:rgba(201,162,74,0.25);
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    background: var(--navy-deep);
    color:var(--silver-bright);
    font-family: 'ValeraRound','Poppins',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow-x:hidden;
    position:relative;
  }

  .stage{
    width:100%;
    max-width:640px;
    padding:56px 28px 40px;
    text-align:center;
    position:relative;
    z-index:2;
  }

  /* Signature: a shield that draws itself, echoing the RT crest */
  .crest-wrap{
    width:250px;
    height:250px;
    margin:0 auto 6px;
    position:relative;
  }
  .crest-wrap svg{ width:100%; height:100%; display:block; position: absolute; top: -15px;z-index: 9999;}
  .crest-outline{
    fill:none;
    stroke:var(--gold);
    stroke-width:1.6;
    stroke-linejoin:round;
    stroke-dasharray:520;
    stroke-dashoffset:520;
    animation:draw 2.6s ease forwards 0.3s;
    filter:drop-shadow(0 0 6px rgba(201,162,74,0.35));
  }
  .crest-fill{
    fill:transparent;
    opacity:0;
    animation:fadein 1.2s ease forwards 2.1s;
  }
  .crest-initials{
    opacity:0;
    animation:fadein 1s ease forwards 2.4s;
  }
  img.crest-initials{ width:185px; height:auto; }
  @keyframes draw{ to{ stroke-dashoffset:0; } }
  @keyframes fadein{ to{ opacity:1; } }

  .eyebrow{
    font-size:16px;
	font-weight: 600;
    letter-spacing:.2em;
    color:var(--gold-light);
    margin:12px 0 8px;
    opacity:0;
    animation:rise .8s ease forwards 2.5s;
  }
  .eyebrows{
    font-size:16px;
    color:var(--silver);
    margin:22px 0 8px;
    opacity:0;
    animation:rise .8s ease forwards 2.5s;
  }
  h1{
    font-family:'Poppins-Light','Inter',ui-sans-serif,system-ui,sans-serif;
    font-weight:600;
    font-size:clamp(30px,6vw,44px);
    letter-spacing:.02em;
    margin:0 0 6px;
    color:var(--silver-bright);
    opacity:0;
    animation:rise .8s ease forwards 2.65s;
  }
  .sub-gold{
    display:block;
    font-family:'ValeraRound','Poppins',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
    font-weight:500;
    font-size:13px;
    letter-spacing:.42em;
    color:var(--gold);
    margin-top:6px;
  }

  p.lead{
    font-size:15.5px;
    line-height:1.75;
    color:var(--silver);
    margin:22px auto 30px;
    font-weight:300;
    opacity:0;
    animation:rise .8s ease forwards 2.8s;
  }

  .divider{
    display:flex;
    align-items:center;
    gap:14px;
    max-width:280px;
    margin:0 auto 30px;
    opacity:0;
    animation:rise .8s ease forwards 2.9s;
  }
  .divider span{ flex:1; height:1px; background:var(--line); }
  .divider svg{ width:20px; height:20px; stroke:var(--gold); }

  .categories{
    display:flex;
    justify-content:center;
    gap:0;
    margin:0 auto 34px;
    opacity:0;
    animation:rise .8s ease forwards 3s;
  }
  .categories .item{
    display:flex; align-items:center; gap:0;
    padding:0 14px;
    border-right:1px solid var(--line);
  }
  .categories .item:last-child{ border-right:none; }
  .categories svg{ width:22px; height:22px; stroke:var(--gold); fill:none; stroke-width:1.4; }

  .whatsapp-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:14px 30px;
    background:linear-gradient(135deg,var(--gold-light),var(--gold));
    color:var(--navy-deep);
    text-decoration:none;
    font-weight:600;
    font-size:14.5px;
    letter-spacing:.03em;
    border-radius:2px;
    box-shadow:0 8px 24px -8px rgba(201,162,74,0.5);
    transition:transform .25s ease, box-shadow .25s ease;
    opacity:0;
    animation:rise .8s ease forwards 3.1s;
  }
  .whatsapp-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 30px -8px rgba(201,162,74,0.65);
  }
  .whatsapp-btn svg{ width:19px; height:19px; }

  .contact-card{
    margin-top:44px;
    padding:26px 24px;
    border:1px solid var(--line);
    border-radius:3px;
    background:rgba(19,40,70,0.35);
    backdrop-filter:blur(2px);
    opacity:0;
    animation:rise .8s ease forwards 3.25s;
  }
  .contact-card .row{
    display:flex;
    align-items:flex-start;
    gap:12px;
    justify-content:flex-start;
    text-align:left;
    font-size:13.5px;
    line-height:1.6;
    color:var(--silver);
    padding:9px 0;
  }
  .contact-card .row + .row{ border-top:1px solid rgba(201,162,74,0.12); }
  .contact-card svg{ width:16px; height:16px; stroke:var(--gold); flex-shrink:0; margin-top:2px; }
  .contact-card a{ color:var(--silver); text-decoration:none; border-bottom:1px solid transparent; }
  .contact-card a:hover{ border-bottom-color:var(--gold); }

  footer{
    margin-top:34px;
    font-size:11px;
    color:rgba(199,204,212,0.4);
    opacity:0;
    animation:rise .8s ease forwards 3.4s;
  }

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

  @media (prefers-reduced-motion: reduce){
    *{ animation-duration:0.01ms !important; animation-delay:0ms !important; }
  }

  @media (max-width:480px){
    .categories .item{ padding:0 9px; }
    .contact-card .row{ font-size:12.5px; }
  }