/* =====================================================
   CERTIFIED & TRUSTED  +  AWARDS & RECOGNITION
   Premium dark glass trust band -> light gold award wall
   Apple / Stripe inspired real-estate UI
===================================================== */

/* =========================================================
   1. TRUST SECTION — dark navy gradient + glassmorphism
========================================================= */
.tw-trust-section{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    padding:104px 0 148px;
    background:
        radial-gradient(circle at 15% 18%, rgba(14,165,233,.24), transparent 45%),
        radial-gradient(circle at 88% 12%, rgba(249,115,22,.15), transparent 42%),
        linear-gradient(160deg, #070c16 0%, #0d1b30 45%, #0a1a2e 100%);
}

/* dot pattern */
.tw-dots{
    position:absolute; inset:0; z-index:0; pointer-events:none;
    opacity:.35;
    background-image:radial-gradient(rgba(255,255,255,.20) 1.3px, transparent 1.3px);
    background-size:26px 26px;
    -webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 28%, #000 40%, transparent 80%);
    mask-image:radial-gradient(ellipse 75% 65% at 50% 28%, #000 40%, transparent 80%);
}

/* orbit rings */
.tw-orbit{ position:absolute; border-radius:50%; pointer-events:none; z-index:0; }
.tw-orbit.o1{ width:340px; height:340px; top:-70px; left:-90px; border:1px solid rgba(255,255,255,.08); }
.tw-orbit.o2{ width:600px; height:600px; top:32%; right:-240px; border:1px solid rgba(56,189,248,.10); }
.tw-orbit.o3{ width:220px; height:220px; bottom:-70px; left:20%; border:1px dashed rgba(249,115,22,.16); }

/* floating glow blobs */
.tw-blob{ position:absolute; border-radius:50%; filter:blur(90px); z-index:0; pointer-events:none; opacity:.55; animation:twFloat 16s ease-in-out infinite; }
.tw-blob.b1{ width:420px; height:420px; top:-150px; left:6%; background:radial-gradient(circle, rgba(14,165,233,.40), transparent 70%); }
.tw-blob.b2{ width:380px; height:380px; bottom:-170px; right:4%; background:radial-gradient(circle, rgba(249,115,22,.32), transparent 70%); animation-delay:-6s; }
@keyframes twFloat{ 0%,100%{ transform:translate(0,0) scale(1); } 50%{ transform:translate(24px,-22px) scale(1.06); } }

/* animated particles */
.tw-particles{ position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
.tw-particles span{ position:absolute; bottom:-14px; width:4px; height:4px; border-radius:50%; background:var(--sky); opacity:.55; animation:twRise linear infinite; }
.tw-particles span:nth-child(odd){ background:var(--orange); }
.tw-particles span:nth-child(1){ left:6%;  animation-duration:15s; animation-delay:0s; }
.tw-particles span:nth-child(2){ left:18%; animation-duration:19s; animation-delay:-3s; width:6px; height:6px; }
.tw-particles span:nth-child(3){ left:32%; animation-duration:13s; animation-delay:-6s; }
.tw-particles span:nth-child(4){ left:52%; animation-duration:21s; animation-delay:-1s; width:5px; height:5px; }
.tw-particles span:nth-child(5){ left:68%; animation-duration:17s; animation-delay:-9s; }
.tw-particles span:nth-child(6){ left:82%; animation-duration:23s; animation-delay:-4s; width:6px; height:6px; }
.tw-particles span:nth-child(7){ left:92%; animation-duration:14s; animation-delay:-11s; }
@keyframes twRise{
    0%{ transform:translateY(0) translateX(0); opacity:0; }
    12%{ opacity:.6; }
    88%{ opacity:.25; }
    100%{ transform:translateY(-560px) translateX(-14px); opacity:0; }
}

/* architectural skyline outline */
.tw-skyline{ position:absolute; left:0; right:0; bottom:0; height:230px; z-index:0; pointer-events:none; opacity:.16; }
.tw-skyline svg{ width:100%; height:100%; }

/* header */
.tw-head{ position:relative; z-index:2; }
.tw-badge{
    display:inline-flex; align-items:center; gap:8px;
    padding:8px 20px;
    border-radius:999px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(249,115,22,.35);
    color:var(--orange);
    font-family:var(--font-accent);
    font-weight:700;
    font-size:.78rem;
    letter-spacing:.14em;
    text-transform:uppercase;
    margin-bottom:18px;
    backdrop-filter:blur(6px);
}
.tw-badge iconify-icon{ font-size:1em; }

.tw-heading{
    font-family:var(--font-display);
    font-weight:800;
    color:#fff;
    font-size:clamp(1.8rem,3.5vw,2.9rem);
    line-height:1.18;
    margin-bottom:12px;
}
.tw-heading span{
    background:linear-gradient(135deg, #7dd3fc, var(--sky));
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}
.tw-desc{ color:rgba(226,232,240,.72); max-width:560px; margin:0 auto; font-size:1rem; }
.tw-line{ width:60px; height:4px; border-radius:2px; margin:18px auto 0; background:linear-gradient(90deg,var(--sky),var(--orange)); }

/* certification grid + glass cards */
.tw-grid{ position:relative; z-index:2; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:56px; }
@media(max-width:900px){ .tw-grid{ grid-template-columns:1fr 1fr; } }
@media(max-width:560px){ .tw-grid{ grid-template-columns:1fr; } }

.tw-card{
    position:relative;
    display:flex;
    align-items:center;
    gap:16px;
    padding:22px 20px;
    border-radius:18px;
    background:rgba(255,255,255,.05);
    backdrop-filter:blur(16px) saturate(150%);
    -webkit-backdrop-filter:blur(16px) saturate(150%);
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 10px 30px rgba(0,0,0,.28);
    transition:transform .4s cubic-bezier(.4,0,.2,1), box-shadow .4s ease, background .4s ease;
    overflow:hidden;
}
.tw-card::before{
    content:"";
    position:absolute; inset:0;
    border-radius:inherit;
    padding:1.4px;
    background:linear-gradient(135deg, rgba(14,165,233,.55), rgba(249,115,22,.42), transparent 65%);
    -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    opacity:0;
    transition:opacity .4s ease;
    pointer-events:none;
}
.tw-card:hover{ transform:translateY(-6px); background:rgba(255,255,255,.08); box-shadow:0 22px 50px rgba(14,165,233,.24); }
.tw-card:hover::before{ opacity:1; }

.tw-icon{
    flex-shrink:0;
    width:52px; height:52px;
    border-radius:14px;
    display:flex; align-items:center; justify-content:center;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.14);
    transition:box-shadow .4s ease, transform .4s ease;
}
.tw-card:hover .tw-icon{ box-shadow:0 0 24px rgba(14,165,233,.4); transform:scale(1.06); }

.tw-body{ flex:1; min-width:0; }
.tw-title{ font-size:.92rem; font-weight:800; color:#fff; margin-bottom:3px; }
.tw-sub{ font-size:.76rem; color:rgba(226,232,240,.6); line-height:1.4; }

.tw-check{
    flex-shrink:0;
    width:26px; height:26px;
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:linear-gradient(135deg,var(--sky),var(--orange));
    color:#fff; font-size:.75rem; font-weight:800;
    box-shadow:0 6px 16px rgba(249,115,22,.35);
}

/* curved wave divider between trust (dark) and awards (light) */
.tw-curve-divider{
    position:absolute; left:0; right:0; bottom:-1px; z-index:3;
    line-height:0; pointer-events:none;
}
.tw-curve-divider svg{ width:100%; height:96px; display:block; }


/* =========================================================
   2. AWARDS SECTION — light, gold-accented, Apple/Stripe UI
========================================================= */
.tw-awards-section{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    background:#ffffff;
    padding:20px 0 100px;
}

.tw-awards-mesh{
    position:absolute; inset:0; z-index:0; pointer-events:none;
    background:
        radial-gradient(circle at 10% 20%, rgba(14,165,233,.08), transparent 42%),
        radial-gradient(circle at 92% 15%, rgba(249,115,22,.08), transparent 42%),
        radial-gradient(circle at 50% 100%, rgba(14,165,233,.06), transparent 45%);
}

.tw-awards-dots{
    position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.45;
    background-image:radial-gradient(rgba(14,165,233,.16) 1.3px, transparent 1.3px);
    background-size:26px 26px;
    -webkit-mask-image:radial-gradient(ellipse 70% 55% at 50% 15%, #000 35%, transparent 78%);
    mask-image:radial-gradient(ellipse 70% 55% at 50% 15%, #000 35%, transparent 78%);
}

.tw-awards-blob{ position:absolute; border-radius:50%; filter:blur(90px); z-index:0; pointer-events:none; opacity:.5; }
.tw-awards-blob.ab1{ width:320px; height:320px; top:10%; left:-100px; background:radial-gradient(circle, rgba(14,165,233,.18), transparent 70%); }
.tw-awards-blob.ab2{ width:320px; height:320px; bottom:0; right:-100px; background:radial-gradient(circle, rgba(249,115,22,.16), transparent 70%); }

.tw-awards-skyline{
    position:absolute; left:0; right:0; bottom:0; height:160px; z-index:0; pointer-events:none; opacity:.05;
}
.tw-awards-skyline svg{ width:100%; height:100%; }

.tw-award-grid{
    position:relative; z-index:2;
    display:grid; grid-template-columns:repeat(5,1fr); gap:22px;
    margin-top:52px;
}
@media(max-width:1100px){ .tw-award-grid{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:700px){ .tw-award-grid{ grid-template-columns:1fr 1fr; } }
@media(max-width:460px){ .tw-award-grid{ grid-template-columns:1fr; } }

.tw-award-card{
    position:relative;
    text-align:center;
    background:#ffffff;
    border:1px solid rgba(15,23,42,.06);
    border-radius:20px;
    padding:32px 20px 26px;
    box-shadow:0 8px 26px rgba(15,23,42,.06);
    transition:transform .45s cubic-bezier(.4,0,.2,1), box-shadow .45s ease, border-color .45s ease;
}
.tw-award-card:hover{
    transform:translateY(-8px);
    box-shadow:0 26px 54px rgba(249,115,22,.16);
    border-color:rgba(234,179,8,.30);
}

.tw-award-laurel{
    width:68px; height:68px;
    margin:0 auto 16px;
    display:flex; align-items:center; justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg, rgba(250,204,21,.16), rgba(249,115,22,.10));
    border:1px solid rgba(250,204,21,.35);
    transition:transform .4s ease, box-shadow .4s ease;
}
.tw-award-card:hover .tw-award-laurel{ transform:scale(1.08) rotate(-4deg); box-shadow:0 10px 26px rgba(234,179,8,.28); }
.tw-award-laurel iconify-icon{ color:#eab308; font-size:1.9rem; filter:drop-shadow(0 2px 6px rgba(234,179,8,.35)); }

.tw-award-year{
    display:inline-block;
    font-size:.68rem; font-weight:800; letter-spacing:.1em;
    color:var(--sky-dark, var(--sky));
    background:rgba(14,165,233,.08);
    border:1px solid rgba(14,165,233,.2);
    padding:3px 12px; border-radius:100px;
    margin-bottom:10px;
}

.tw-award-title{ font-size:.94rem; font-weight:800; color:var(--text); line-height:1.38; margin-bottom:6px; }
.tw-award-org{ font-size:.78rem; color:var(--text3); margin-bottom:12px; }

.tw-award-position{
    display:inline-flex; align-items:center; gap:5px;
    background:rgba(234,179,8,.10);
    color:#b45309;
    border:1px solid rgba(234,179,8,.28);
    border-radius:100px;
    padding:4px 12px;
    font-size:.7rem; font-weight:800;
}

/* view-all link */
.tw-award-cta{ position:relative; z-index:2; text-align:center; margin-top:40px; }