*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
    :root{
      --orange:#e84e0e;--orange-d:#c4420b;--orange-l:#f2662b;
      --ink:#1C1F24;--muted:#6B7280;--line:#E3E6EA;
      --paper:#EDEFF2;--paper-2:#E7E9EC;--card:#FFFFFF;
      --dark:#1B1D22;--dark-2:#23262C;
      --teal:#5C9E93;--teal-2:#8FC0A9;--teal-3:#B9D6BC;--blue:#6E93B0;--amber:#C7962E;
      --radius:14px;
    }
    html{scroll-behavior:smooth;}
    body{font-family:'Nunito Sans',sans-serif;color:var(--ink);background:var(--paper);font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;}
    h1,h2,h3,h4,.q{font-family:'Quicksand',sans-serif;font-weight:700;letter-spacing:-.01em;}
    .accent{color:var(--orange);}
    .wrap{max-width:1180px;margin:0 auto;padding:0 5vw;}
    section{position:relative;}
    img{max-width:100%;}

    /* NAV */
    nav{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:1.05rem 5vw;transition:.35s;}
    nav.scrolled{background:rgba(20,22,26,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08);padding:.7rem 5vw;}
    .nav-brand{display:flex;align-items:center;text-decoration:none;}
    .nav-logo{height:44px;width:auto;display:block;}
    .nav-brand-sub{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.5);}
    .nav-right{display:flex;align-items:center;gap:1.7rem;}
    .nav-link{font-size:.9rem;font-weight:600;letter-spacing:.03em;color:rgba(255,255,255,.78);text-decoration:none;transition:.2s;}
    .nav-link:hover{color:#fff;}
    .nav-cta{font-size:.88rem;font-weight:700;color:#fff;background:var(--orange);padding:.62rem 1.35rem;border-radius:100px;text-decoration:none;transition:.2s;}
    .nav-cta:hover{background:var(--orange-l);}
    .nav-lang{display:flex;align-items:center;gap:.3rem;font-size:.78rem;}
    .nav-lang a{color:rgba(255,255,255,.55);text-decoration:none;font-weight:700;padding:.1rem .3rem;}
    .nav-lang a.active{color:var(--orange);}
    @media(max-width:1000px){.nav-link,.nav-lang{display:none;}}

    /* HERO */
    #hero{min-height:94vh;display:flex;align-items:center;padding:8rem 5vw 5rem;overflow:hidden;background:#0d0b09;}
    .hero-bg{position:absolute;inset:0;z-index:0;background:url('gc11-lion-hero.jpg') left center/cover;}
    .hero-bg::after{content:'';position:absolute;inset:0;background:
      linear-gradient(90deg,rgba(13,11,9,.05) 0%,rgba(13,11,9,.05) 37%,rgba(13,11,9,.55) 60%,rgba(13,11,9,.88) 100%),
      linear-gradient(180deg,rgba(13,11,9,.35),transparent 26%,transparent 74%,#0d0b09);}
    .hero-in{position:relative;z-index:1;max-width:1180px;margin:0 auto;width:100%;display:flex;justify-content:flex-end;}
    .hero-text{max-width:540px;}
    .eyebrow{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);margin-bottom:1.3rem;}
    #hero h1{font-size:clamp(2.6rem,5.2vw,4.6rem);line-height:1.03;color:#fff;margin-bottom:1.3rem;}
    #hero .hsub{font-size:1.16rem;color:rgba(255,255,255,.9);margin-bottom:2.2rem;}
    @media(max-width:900px){
      .hero-bg{background-position:24% center;}
      .hero-bg::after{background:linear-gradient(180deg,rgba(13,11,9,.5),rgba(13,11,9,.4) 30%,rgba(13,11,9,.82) 74%,#0d0b09);}
      .hero-in{justify-content:flex-start;}
      .hero-text{max-width:none;}
    }
    .btns{display:flex;gap:.9rem;flex-wrap:wrap;}
    .btn{font-family:'Quicksand',sans-serif;font-weight:700;font-size:.95rem;padding:.92rem 2rem;border-radius:100px;text-decoration:none;border:none;cursor:pointer;transition:.2s;display:inline-block;}
    .btn-p{background:var(--orange);color:#fff;box-shadow:0 10px 26px rgba(232,78,14,.3);}
    .btn-p:hover{background:var(--orange-l);transform:translateY(-2px);}
    .btn-g{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(8px);}
    .btn-g:hover{border-color:#fff;}

    /* SECTION SHARED */
    .sec{padding:6rem 0;}
    .sec.paper{background:var(--paper);}
    .sec.paper2{background:var(--paper-2);}
    .sec.dark{background:var(--dark);}
    .shead{max-width:720px;margin-bottom:2.8rem;}
    .shead.center{margin:0 auto 2.8rem;text-align:center;}
    .label{font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);display:block;margin-bottom:.9rem;}
    .title{font-size:clamp(1.9rem,3.7vw,2.8rem);line-height:1.08;margin-bottom:1rem;color:var(--ink);}
    .dark .title{color:#fff;}
    .sub{font-size:1.1rem;color:var(--muted);max-width:62ch;}
    .dark .sub{color:rgba(255,255,255,.72);}
    .shead.center .sub{margin-left:auto;margin-right:auto;}

    /* CARDS */
    .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;}
    .cards.c3{grid-template-columns:repeat(3,1fr);}
    .card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;box-shadow:0 1px 3px rgba(20,24,30,.04);transition:.2s;}
    .card:hover{box-shadow:0 14px 34px rgba(20,24,30,.1);transform:translateY(-3px);}
    .ic{width:44px;height:44px;border-radius:11px;background:rgba(232,78,14,.1);color:var(--orange);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;}
    .ic svg{width:22px;height:22px;}
    .card h3{font-size:1.1rem;margin-bottom:.45rem;color:var(--ink);}
    .card p{font-size:.95rem;color:var(--muted);}
    @media(max-width:900px){.cards,.cards.c3{grid-template-columns:1fr 1fr;}}
    @media(max-width:560px){.cards,.cards.c3{grid-template-columns:1fr;}}

    /* MODULE TILES */
    .tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;}
    .tile{position:relative;border-radius:16px;padding:1.5rem;min-height:200px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(150deg,#f2662b,#c4420b);box-shadow:0 12px 30px rgba(196,66,11,.22);overflow:hidden;text-decoration:none;transition:.2s;}
    .tile:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(196,66,11,.32);}
    .tile::after{content:'';position:absolute;right:14px;top:16px;width:118px;height:118px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M20,18L20,82L57,50Z' fill='white' fill-opacity='0.17'/%3E%3Cpath d='M49,18L49,82L86,50Z' fill='white' fill-opacity='0.17'/%3E%3C/svg%3E") no-repeat center/contain;}
    .tile .tname{font-family:'Quicksand',sans-serif;font-weight:700;font-size:1.32rem;color:#fff;line-height:1.12;position:relative;}
    .tile .tsub{font-size:.82rem;color:rgba(255,255,255,.88);margin-top:.35rem;position:relative;line-height:1.45;}
    .tile .go{align-self:flex-start;background:rgba(255,255,255,.18);color:#fff;font-weight:700;font-size:.8rem;padding:.5rem 1.1rem;border-radius:100px;border:1px solid rgba(255,255,255,.32);position:relative;}
    @media(max-width:900px){.tiles{grid-template-columns:1fr 1fr;}}
    @media(max-width:560px){.tiles{grid-template-columns:1fr;}}

    /* SUITE MOCKUP */
    .mock{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 34px 80px rgba(20,24,30,.16);}
    .mock-bar{display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;background:#F4F5F7;border-bottom:1px solid var(--line);}
    .dot{width:11px;height:11px;border-radius:50%;}.d1{background:#ED6A5E;}.d2{background:#F4BF4F;}.d3{background:#61C554;}
    .mock-url{margin-left:.6rem;font-size:.74rem;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:100px;padding:.24rem .9rem;}
    .mock-body{padding:1.3rem;display:grid;gap:1rem;}
    .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
    .kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem;}
    .kpi .l{font-size:.74rem;color:var(--muted);margin-bottom:.2rem;}
    .kpi .v{font-family:'Quicksand',sans-serif;font-weight:700;font-size:1.45rem;color:var(--ink);}
    .kpi .d{font-size:.74rem;font-weight:700;margin-top:.2rem;}.kpi .d.up{color:#3C7A6E;}.kpi .d.warn{color:var(--orange);}
    .krow{display:grid;grid-template-columns:1.4fr 1fr;gap:1rem;}
    .panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1.1rem;}
    .panel h4{font-size:.92rem;margin-bottom:.9rem;color:var(--ink);}
    .legend{display:flex;flex-direction:column;gap:.5rem;}
    .legend span{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#5A6270;}
    .legend i{width:10px;height:10px;border-radius:3px;flex-shrink:0;}
    .donutwrap{display:flex;align-items:center;gap:1.4rem;}
    table.dt{width:100%;border-collapse:collapse;font-size:.85rem;}
    table.dt th{text-align:left;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:.5rem .6rem;border-bottom:1px solid var(--line);}
    table.dt td{padding:.6rem .6rem;border-bottom:1px solid #F0F2F4;color:#4B5563;}
    .chip{font-size:.72rem;font-weight:700;padding:.16rem .62rem;border-radius:100px;white-space:nowrap;}
    .chip.ok{background:rgba(92,158,147,.16);color:#3C7A6E;}
    .chip.warn{background:rgba(232,78,14,.14);color:var(--orange);}
    .chip.mut{background:#EEF0F2;color:#6B7280;}
    .chip.amb{background:rgba(224,160,48,.16);color:#B07D16;}
    @media(max-width:820px){.kpis{grid-template-columns:1fr 1fr;}.krow{grid-template-columns:1fr;}}

    /* TRINITY */
    #trinity .tr-intro{text-align:center;max-width:620px;margin:2.6rem auto 1.6rem;}
    #trinity .tr-intro .tl{font-family:'Quicksand',sans-serif;font-size:1.35rem;font-weight:700;color:#fff;margin-bottom:.4rem;}
    #trinity .tr-intro p{font-size:1rem;color:rgba(255,255,255,.72);}
    /* Trinity live panel — same look as the real suite: dark panel, orange assistant bubbles */
    .tl-wrap{max-width:720px;margin:0 auto;position:relative;}
    .tl-win{border-radius:16px;overflow:hidden;background:#1e2024;border:1px solid rgba(255,255,255,.08);box-shadow:0 34px 80px rgba(0,0,0,.5);}
    .tl-head{display:flex;align-items:center;gap:.7rem;padding:.9rem 1.1rem;background:#26282d;border-bottom:1px solid rgba(255,255,255,.07);}
    .tl-logo{width:28px;height:28px;border-radius:7px;background:var(--orange);display:flex;align-items:center;justify-content:center;color:#fff;}
    .tl-head b{font-family:'Quicksand',sans-serif;font-weight:700;color:var(--orange);font-size:1rem;display:block;}
    .tl-head small{font-size:.72rem;color:rgba(255,255,255,.5);}
    .tl-badge{margin-left:auto;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:100px;padding:.24rem .7rem;}
    .tl-tabs{display:flex;gap:.1rem;padding:0 1.1rem;background:#26282d;}
    .tl-tab{font-size:.8rem;font-weight:700;color:rgba(255,255,255,.55);padding:.6rem .9rem;border-bottom:2px solid transparent;}
    .tl-tab.active{color:#fff;border-bottom-color:var(--orange);}
    .tl-thread{padding:1.3rem;display:flex;flex-direction:column;gap:1rem;min-height:330px;max-height:60vh;overflow-y:auto;background:#1e2024;}
    .tl-q{align-self:flex-end;max-width:82%;background:#33363c;color:#EDEFF2;border-radius:14px 14px 4px 14px;padding:.68rem 1rem;font-size:.95rem;font-weight:600;}
    .tl-a{max-width:96%;display:flex;gap:.7rem;}
    .tl-av{width:30px;height:30px;border-radius:8px;background:var(--orange);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;}
    .tl-bub{background:var(--orange);border-radius:4px 14px 14px 14px;padding:.95rem 1.1rem;flex-grow:1;min-width:0;box-shadow:0 8px 22px rgba(196,66,11,.35);}
    .tl-name{font-family:'Quicksand',sans-serif;font-size:.82rem;font-weight:700;color:#fff;margin-bottom:.55rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}
    .tl-tag{font-size:.64rem;font-weight:600;color:rgba(255,255,255,.85);background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.2);border-radius:100px;padding:.1rem .55rem;}
    .tl-lead{font-size:.94rem;color:rgba(255,255,255,.95);line-height:1.55;margin-bottom:.8rem;}.tl-lead b{color:#fff;font-weight:700;}.tl-lead .hl{color:#fff;font-weight:700;text-decoration:underline;text-decoration-color:rgba(255,255,255,.5);}.tl-lead:last-child{margin-bottom:0;}
    .tl-rows{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.85rem;}
    .tl-r{display:flex;align-items:center;gap:.7rem;padding:.5rem .7rem;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.12);border-radius:9px;font-size:.85rem;}
    .tl-mod{font-size:.6rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.2);border-radius:5px;padding:.2rem 0;flex-shrink:0;width:66px;text-align:center;}
    .tl-rk{color:rgba(255,255,255,.85);flex-grow:1;}.tl-rv{font-family:'Quicksand',sans-serif;font-weight:700;color:#fff;white-space:nowrap;}.tl-rv.neg{color:#fff;}.tl-rv.pos{color:#c9f0d8;}
    .tl-acts{display:flex;gap:.55rem;flex-wrap:wrap;}
    .tl-btn{font-family:'Nunito Sans',sans-serif;font-size:.78rem;font-weight:700;color:var(--orange);background:#fff;border:none;border-radius:100px;padding:.5rem 1.05rem;cursor:default;}
    .tl-btn.ghost{color:#fff;background:transparent;border:1px solid rgba(255,255,255,.55);}
    .tl-ctx{font-size:.75rem;color:rgba(255,255,255,.8);margin-top:.7rem;padding-top:.7rem;border-top:1px solid rgba(255,255,255,.2);line-height:1.5;}
    .tl-ctx .cchip{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.2);border-radius:100px;padding:.1rem .55rem;color:#fff;font-weight:700;margin:0 .1rem;}
    .tl-done{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);border-radius:9px;padding:.45rem .8rem;}
    .tl-think{display:flex;gap:.7rem;align-items:flex-start;}
    .tl-think .tl-bub{display:flex;flex-direction:column;gap:.6rem;}
    .tl-thinkrow{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:rgba(255,255,255,.9);}
    .tl-dots{display:inline-flex;gap:.22rem;}.tl-dots i{width:6px;height:6px;border-radius:50%;background:#fff;animation:tlb 1.3s infinite;}
    .tl-dots i:nth-child(2){animation-delay:.18s;}.tl-dots i:nth-child(3){animation-delay:.36s;}
    @keyframes tlb{0%,60%,100%{transform:translateY(0);opacity:.4;}30%{transform:translateY(-5px);opacity:1;}}
    .tl-tools{display:flex;flex-wrap:wrap;gap:.4rem;}
    .tl-tool{font-size:.72rem;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);border-radius:7px;padding:.26rem .6rem;display:inline-flex;align-items:center;gap:.4rem;opacity:0;transform:translateY(4px);transition:.4s;}
    .tl-tool.on{opacity:1;transform:none;}.tl-tool i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.6);}.tl-tool.ok i{background:#c9f0d8;}
    .tl-inputbar{border-top:1px solid rgba(255,255,255,.07);padding:.9rem 1.1rem 1rem;background:#26282d;}
    .tl-field{display:flex;align-items:center;gap:.7rem;background:#1e2024;border:1px solid rgba(255,255,255,.14);border-radius:11px;padding:.35rem .35rem .35rem 1rem;}
    .tl-field input{flex-grow:1;background:none;border:none;outline:none;color:#fff;font-family:'Nunito Sans',sans-serif;font-size:.92rem;padding:.5rem 0;min-width:0;}
    .tl-field input::placeholder{color:rgba(255,255,255,.5);}
    .tl-send{width:38px;height:38px;border-radius:9px;background:var(--orange);border:none;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;}
    .tl-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.6rem;padding-left:.2rem;font-size:.72rem;color:rgba(255,255,255,.5);}.tl-meta b{color:rgba(255,255,255,.8);font-weight:700;}
    .tl-note{max-width:640px;margin:1.1rem auto 0;text-align:center;font-size:.8rem;color:rgba(255,255,255,.6);line-height:1.55;}.tl-note b{color:rgba(255,255,255,.85);font-weight:700;}

    /* TRUST */
    .trust{background:#fff;border:1px solid var(--line);border-radius:16px;padding:2.4rem;text-align:center;}
    .trust .tl2{font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:1.6rem;}
    .trust .tl2 b{color:var(--orange);}
    .trust-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.4rem 2.8rem;}
    .trust-logos span{font-family:'Quicksand',sans-serif;font-size:1.15rem;font-weight:700;color:#9AA1AB;}

    /* CONTACT */
    .contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;}
    .contact-note p{font-size:1rem;color:#4B5563;line-height:1.7;}
    .contact-note p+p{margin-top:1rem;}
    .contact-note strong{color:var(--orange);}
    .form-wrap{background:#fff;border:1px solid var(--line);border-radius:16px;padding:2rem;box-shadow:0 14px 40px rgba(20,24,30,.08);}
    form{display:flex;flex-direction:column;gap:1rem;}
    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
    label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:.35rem;}
    input,select,textarea{width:100%;background:#F7F8FA;border:1px solid var(--line);color:var(--ink);font-family:'Nunito Sans',sans-serif;font-size:1rem;padding:.8rem 1rem;outline:none;border-radius:10px;transition:.2s;appearance:none;}
    input:focus,select:focus,textarea:focus{border-color:var(--orange);background:#fff;}
    textarea{resize:vertical;min-height:90px;}
    .form-check{display:flex;align-items:flex-start;gap:.6rem;}
    .form-check input[type=checkbox]{-webkit-appearance:none;appearance:none;width:20px;min-width:20px;height:20px;margin-top:1px;padding:0;border:2px solid #B7BCC4;border-radius:5px;background:#fff;cursor:pointer;position:relative;transition:.15s;}.form-check input[type=checkbox]:hover{border-color:var(--orange);}.form-check input[type=checkbox]:checked{background:var(--orange);border-color:var(--orange);}.form-check input[type=checkbox]:checked::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);}.form-check input[type=checkbox]:focus-visible{outline:2px solid var(--orange-l);outline-offset:2px;}
    .form-check span{font-size:.9rem;color:var(--muted);line-height:1.5;}
    .form-check a{color:var(--orange);text-decoration:none;}
    .btn-submit{font-family:'Quicksand',sans-serif;font-size:.95rem;font-weight:700;color:#fff;background:var(--orange);border:none;padding:.95rem 2rem;cursor:pointer;border-radius:100px;align-self:flex-start;transition:.2s;box-shadow:0 10px 26px rgba(232,78,14,.28);}
    .btn-submit:hover{background:var(--orange-l);}
    #form-success{display:none;padding:1.4rem;border:1px solid rgba(92,158,147,.4);background:rgba(92,158,147,.08);border-radius:12px;text-align:center;color:#3C7A6E;font-family:'Quicksand',sans-serif;font-weight:700;}
    @media(max-width:820px){.contact-layout{grid-template-columns:1fr;gap:2rem;}.form-row{grid-template-columns:1fr;}}

    /* FOOTER */
    footer{background:#141619;color:rgba(255,255,255,.6);padding:2.6rem 5vw;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.2rem;}
    footer .fbrand img{height:22px;margin-bottom:.4rem;display:block;}
    footer .fmotto{font-size:.82rem;color:rgba(255,255,255,.4);font-style:italic;}
    .footer-links{display:flex;gap:1.4rem;flex-wrap:wrap;}
    .footer-links a{font-size:.85rem;color:rgba(255,255,255,.6);text-decoration:none;}
    .footer-links a:hover{color:var(--orange);}
    .footer-legal{width:100%;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.08);font-size:.78rem;color:rgba(255,255,255,.35);}

    .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease;}
    .reveal.visible{opacity:1;transform:none;}
    .rd1{transition-delay:.08s;}.rd2{transition-delay:.16s;}.rd3{transition-delay:.24s;}
    @media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;}.tl-dots i,.tl-tool,.mock.real:not(.reveal){animation:none;transition:none;}.mock.real.reveal .shotwrap{opacity:1;transform:none;}}

    /* ===== REAL SUITE SCREENSHOTS ===== */
    .mock.real .mock-body{padding:0;}
    .shotwrap{line-height:0;background:#0f1114;}
    .shot{display:block;width:100%;height:auto;}
    /* hero card floats gently as a whole: no zoom, no cropping of the side menu */
    .mock.real:not(.reveal){animation:mockfloat 7s ease-in-out infinite;will-change:transform;}
    @keyframes mockfloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-9px);}}
    .mock.real .tstrip{margin:1rem 1rem .1rem;position:relative;z-index:2;}
    .mock.real.reveal .shotwrap{opacity:0;transform:translateY(14px);transition:opacity .85s ease .4s,transform .85s ease .4s;}
    .mock.real.reveal.visible .shotwrap{opacity:1;transform:none;}
    .tstrip .typethis{border-right:2px solid var(--orange);padding-right:1px;}
    .tstrip .typethis.done{border-right-color:transparent;transition:border-color .4s ease;}

    /* ===== PRODUCT PAGES ===== */
    #pp-hero{min-height:86vh;display:flex;align-items:center;padding:8rem 5vw 4rem;overflow:hidden;background:#100d0a;position:relative;}
    #pp-hero .pp-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 72% 42%,rgba(232,78,14,.18),transparent 55%),linear-gradient(180deg,#15110d,#100d0a);}
    .pp-hero-in{position:relative;z-index:1;max-width:1180px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1.08fr;gap:3rem;align-items:center;}
    .pp-back{display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);text-decoration:none;margin-bottom:1.1rem;}
    .pp-back:hover{color:var(--orange);}
    #pp-hero h1{font-size:clamp(2.2rem,4.4vw,3.5rem);line-height:1.05;color:#fff;margin-bottom:1.15rem;}
    #pp-hero .hsub{font-size:1.12rem;color:rgba(255,255,255,.85);margin-bottom:2rem;max-width:52ch;}
    @media(max-width:900px){.pp-hero-in{grid-template-columns:1fr;gap:2.2rem;}}
    .tstrip{display:flex;align-items:flex-start;gap:.7rem;background:linear-gradient(120deg,rgba(232,78,14,.1),rgba(232,78,14,.02));border:1px solid rgba(232,78,14,.25);border-radius:12px;padding:.85rem 1rem;}
    .tstrip .td{width:8px;height:8px;border-radius:50%;background:var(--orange);margin-top:.45rem;flex-shrink:0;}
    .tstrip .tx{font-size:.86rem;color:#374151;line-height:1.5;}.tstrip .tx b{color:var(--ink);}.tstrip .tx .hl{color:var(--orange);font-weight:700;}
    .tstrip .act{margin-left:auto;font-size:.74rem;font-weight:700;color:#fff;background:var(--orange);border-radius:100px;padding:.4rem .9rem;white-space:nowrap;align-self:center;}
    .tband{background:linear-gradient(160deg,#23262C,#1B1D22);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:clamp(1.8rem,4vw,3rem);}
    .tband .label{color:var(--orange-l);}