.trce-home{--bg:#07080c;--surface:#0d0f15;--text:#f6f7fb;--muted:#949baa;--line:rgba(255,255,255,.09);--a:#8b5cf6;--b:#22d3ee;--c:#ec4899;max-width:1180px;margin:auto;color:var(--text);font-family:DM Sans,system-ui,sans-serif;background:var(--bg);overflow:hidden}.trce-home *{box-sizing:border-box}.trce-home a{text-decoration:none;color:inherit}.trce-hero{min-height:690px;display:flex;align-items:center;position:relative;overflow:hidden}.trce-hero-copy{width:62%;position:relative;z-index:2}.trce-eyebrow,.trce-heading small,.trce-ai-banner small{font-size:10px;letter-spacing:.18em;font-weight:800;color:#aeb5c5}.trce-eyebrow{display:flex;gap:9px;align-items:center;margin-bottom:25px}.trce-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--b);box-shadow:0 0 0 0 rgba(34,211,238,.5);animation:trcePulse 2s infinite}.trce-home h1,.trce-heading h2,.trce-category h3,.trce-video-title,.trce-article h3,.trce-ai-banner h2,.trce-final h2{font-family:"Space Grotesk",system-ui,sans-serif}.trce-home h1{font-size:clamp(52px,7vw,92px);line-height:.96;letter-spacing:-.06em;margin:0}.trce-home h1 span{display:block;background:linear-gradient(100deg,var(--b),var(--a),var(--c));background-size:200% auto;-webkit-background-clip:text;color:transparent;animation:trceGradient 7s linear infinite}.trce-hero-copy>p{max-width:570px;color:var(--muted);font-size:18px;line-height:1.7;margin:28px 0 0}.trce-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.trce-btn{min-height:48px;padding:0 20px;border-radius:12px;display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:800;transition:.3s}.trce-btn:hover{transform:translateY(-3px)}.trce-btn.primary{background:#fff;color:#08090d}.trce-btn.secondary{border:1px solid var(--line);background:#ffffff05}.trce-btn.light{background:#fff;color:#08090d}.trce-orbit{position:absolute;width:500px;height:500px;right:-10px;top:50%;transform:translateY(-50%)}.trce-orbit .ring{position:absolute;left:50%;top:50%;border:1px solid rgba(139,92,246,.25);border-radius:50%;transform:translate(-50%,-50%);animation:trceRotate 18s linear infinite}.trce-orbit .r1{width:420px;height:420px}.trce-orbit .r2{width:300px;height:300px;border-color:rgba(34,211,238,.22);animation-direction:reverse;animation-duration:13s}.trce-orbit .core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:115px;height:115px;border-radius:30px;display:grid;place-items:center;font-size:34px;background:linear-gradient(145deg,#8b5cf638,#22d3ee18);border:1px solid #ffffff18;box-shadow:0 0 90px #8b5cf633;animation:trceFloat 5s ease-in-out infinite}.trce-orbit .float{position:absolute;width:55px;height:55px;display:grid;place-items:center;border-radius:17px;background:#0e1017e8;border:1px solid #ffffff12;backdrop-filter:blur(14px);animation:trceFloat 4s ease-in-out infinite;color:#d7dbe4;font-size:13px}.trce-orbit .f1{left:45px;top:120px}.trce-orbit .f2{right:30px;top:245px;animation-delay:-1.5s}.trce-orbit .f3{left:95px;bottom:65px;animation-delay:-2.5s}.trce-glow{position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(100px);opacity:.13}.trce-glow.g1{right:100px;top:70px;background:var(--a)}.trce-glow.g2{right:360px;bottom:0;background:var(--b)}.trce-section{padding:105px 0 0}.trce-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px}.trce-heading.centered{display:block;text-align:center;max-width:700px;margin-left:auto;margin-right:auto}.trce-heading h2{font-size:clamp(35px,5vw,58px);line-height:1;letter-spacing:-.05em;margin:11px 0 0}.trce-heading h2 span{color:#727989}.trce-heading p{color:var(--muted);line-height:1.7;margin-top:17px}.trce-heading>a{font-size:12px;font-weight:800;white-space:nowrap;color:#cbd0da}.trce-featured{display:grid;grid-template-columns:1.55fr .85fr;gap:15px}.trce-featured>a{min-height:430px;border-radius:24px;border:1px solid var(--line);overflow:hidden}.trce-featured .trce-feature-main{display:flex;align-items:flex-end;padding:30px;background-position:center;background-size:cover;position:relative}.trce-feature-main:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,#000e 100%)}.trce-feature-main>div{position:relative;z-index:1}.trce-feature-main h3{font:700 clamp(29px,4vw,50px)/1.02 "Space Grotesk",sans-serif;letter-spacing:-.045em;margin:10px 0}.trce-feature-main p{color:#b8bdc8;max-width:560px;line-height:1.6}.trce-feature-side{padding:27px;background:linear-gradient(145deg,#ffffff08,#ffffff02);display:flex;flex-direction:column;justify-content:space-between}.trce-feature-side .icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:#8b5cf620;border:1px solid #ffffff10;font-size:20px}.trce-feature-side h3{font:700 27px/1.05 "Space Grotesk",sans-serif;margin:18px 0 10px}.trce-feature-side p{color:var(--muted);line-height:1.6;font-size:14px}.trce-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.trce-category{min-height:260px;padding:24px;position:relative;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#ffffff06,#ffffff01);overflow:hidden;transition:.35s}.trce-category:hover{transform:translateY(-7px);border-color:#8b5cf666}.trce-category:before{content:"";position:absolute;width:150px;height:150px;right:-90px;bottom:-90px;background:var(--a);filter:blur(60px);opacity:0;transition:.35s}.trce-category:hover:before{opacity:.45}.trce-category i{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:#ffffff07;border:1px solid #ffffff0e;font-style:normal;font-size:20px;transition:.35s}.trce-category:hover i{transform:rotate(-8deg) scale(1.08)}.trce-category span{display:block;margin-top:30px;font-size:9px;letter-spacing:.15em;color:#697181;font-weight:800}.trce-category h3{font-size:24px;margin:5px 0}.trce-category p{color:var(--muted);font-size:13px;line-height:1.55;max-width:190px}.trce-category>b{position:absolute;right:23px;bottom:23px;color:#737b8b}.trce-toolbox{max-width:none;margin-top:105px;padding:85px max(20px,calc((100vw - 1180px)/2));background:radial-gradient(circle at 15% 15%,#8b5cf614,transparent 30%),radial-gradient(circle at 90% 80%,#22d3ee0d,transparent 30%),#090b11;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trce-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.trce-tool-card{min-height:115px;padding:20px;display:flex;align-items:center;gap:16px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#ffffff04;transition:.35s}.trce-tool-card:hover{transform:translateY(-5px);border-color:#8b5cf655}.trce-tool-thumb{width:52px;height:52px;object-fit:cover;border-radius:15px}.trce-tool-card span{display:flex;flex-direction:column}.trce-tool-card small{font-size:8px;letter-spacing:.15em;color:#737b8b;font-weight:800}.trce-tool-card strong{font:700 17px "Space Grotesk",sans-serif;margin-top:4px}.trce-tool-card em{font-style:normal;font-size:11px;color:var(--muted);margin-top:3px}.trce-tool-card>i{margin-left:auto;color:#6e7585}.trce-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.trce-video-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--surface);transition:.35s}.trce-video-card:hover{transform:translateY(-6px);border-color:#8b5cf655}.trce-video-thumb{aspect-ratio:16/9;position:relative;overflow:hidden;background:#10121a}.trce-video-thumb.vertical{aspect-ratio:9/16}.trce-video-thumb img{width:100%;height:100%;object-fit:cover;transition:.5s}.trce-video-card:hover img{transform:scale(1.04)}.trce-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#000b;border:1px solid #ffffff2a;backdrop-filter:blur(8px);transition:.3s}.trce-video-card:hover .trce-play{transform:translate(-50%,-50%) scale(1.1);background:#8b5cf6cc}.trce-video-info{padding:18px}.trce-video-info small{font-size:9px;letter-spacing:.12em;color:#747c8c}.trce-video-title{font-size:18px;line-height:1.3;margin-top:7px}.trce-video-meta{display:flex;gap:8px;color:#727989;font-size:10px;margin-top:11px}.trce-status{text-align:center;color:#636b7b;font-size:11px;margin-top:18px}.trce-ai-banner{margin-top:105px;padding:50px;display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;overflow:hidden;border:1px solid #8b5cf644;border-radius:28px;background:radial-gradient(circle at 10% 50%,#8b5cf628,transparent 35%),radial-gradient(circle at 90% 15%,#22d3ee16,transparent 30%),#0d0f16}.trce-ai-banner:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(100deg,transparent,#8b5cf6,transparent,#22d3ee,transparent);background-size:300% 100%;animation:trceBorder 7s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.trce-ai-banner h2{font-size:clamp(29px,4vw,48px);line-height:1;letter-spacing:-.045em;margin:9px 0 0}.trce-ai-banner h2 span{color:#737b8b}.trce-ai-banner p{color:var(--muted);line-height:1.6;margin-top:13px}.trce-instagram-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.trce-instagram-card{aspect-ratio:1;border:1px solid var(--line);border-radius:17px;overflow:hidden;position:relative;background:#10121a}.trce-instagram-card img{width:100%;height:100%;object-fit:cover;transition:.5s}.trce-instagram-card:hover img{transform:scale(1.06)}.trce-instagram-card:after{content:"↗";position:absolute;inset:0;display:grid;place-items:center;background:#0007;opacity:0;transition:.3s;font-size:26px}.trce-instagram-card:hover:after{opacity:1}.trce-article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.trce-article{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--surface);transition:.35s}.trce-article:hover{transform:translateY(-6px);border-color:#8b5cf655}.trce-article-image{aspect-ratio:16/9;background:linear-gradient(135deg,#171a26,#0d0f15)}.trce-article-image img{width:100%;height:100%;object-fit:cover}.trce-article-body{padding:22px}.trce-article-body small{font-size:9px;letter-spacing:.15em;color:#747c8c}.trce-article h3{font-size:20px;line-height:1.25;margin-top:9px}.trce-article p{font-size:12px;color:var(--muted);line-height:1.6;margin-top:10px}.trce-article-body>a{display:inline-block;margin-top:16px;font-size:11px;font-weight:800}.trce-final{text-align:center;padding:140px 0}.trce-final>div{height:1px;background:linear-gradient(90deg,transparent,#8b5cf6aa,#22d3eeaa,transparent);margin-bottom:95px}.trce-final h2{font-size:clamp(45px,7vw,78px);line-height:.95;letter-spacing:-.06em;margin-top:17px}.trce-final h2 span{color:#707788}.trce-final p{max-width:550px;color:var(--muted);line-height:1.7;margin:23px auto 0}.trce-skeleton{min-height:430px;border-radius:24px;background:linear-gradient(110deg,#0d0f15 8%,#151823 18%,#0d0f15 33%);background-size:200% 100%;animation:trceSkeleton 1.5s linear infinite}@keyframes trcePulse{70%{box-shadow:0 0 0 8px #22d3ee00}}@keyframes trceGradient{to{background-position:200% center}}@keyframes trceRotate{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes trceFloat{50%{transform:translateY(-9px)}}@keyframes trceBorder{to{background-position:300% center}}@keyframes trceSkeleton{to{background-position:-200% 0}}
@media(max-width:1000px){.trce-hero-copy{width:70%}.trce-orbit{right:-170px;opacity:.4}.trce-category-grid{grid-template-columns:repeat(2,1fr)}.trce-tool-grid,.trce-video-grid{grid-template-columns:repeat(2,1fr)}.trce-article-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.trce-home{width:100%;padding:0 15px}.trce-hero{min-height:650px}.trce-hero-copy{width:100%}.trce-home h1{font-size:clamp(48px,15vw,70px)}.trce-hero-copy>p{font-size:16px}.trce-orbit{width:360px;height:360px;right:-180px;top:67%;opacity:.22}.trce-orbit .r1{width:300px;height:300px}.trce-orbit .r2{width:210px;height:210px}.trce-orbit .core{width:85px;height:85px}.trce-heading{display:block}.trce-heading>a{display:inline-block;margin-top:17px}.trce-featured{grid-template-columns:1fr}.trce-category-grid,.trce-tool-grid,.trce-video-grid,.trce-article-grid{grid-template-columns:1fr}.trce-instagram-grid{grid-template-columns:repeat(2,1fr)}.trce-ai-banner{padding:35px 25px;flex-direction:column;align-items:flex-start}.trce-final{padding:100px 0}.trce-actions{flex-direction:column}.trce-btn{width:100%}}

/* Elementor / WordPress page-builder compatibility */
.trce-home{width:100%;max-width:none;margin:0;padding:0;display:block;position:relative;overflow:hidden;background:var(--bg)}
.trce-home .trce-hero,.trce-home .trce-section:not(.trce-toolbox),.trce-home .trce-final,.trce-home .trce-ai-banner{width:min(1180px,calc(100% - 48px));max-width:1180px;margin-left:auto;margin-right:auto}
.trce-home .trce-toolbox{width:100%;max-width:none;margin-left:0;margin-right:0;padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2))}
.trce-home .trce-hero{padding-left:0;padding-right:0}
.trce-home .trce-ai-banner{box-sizing:border-box}
.trce-home .trce-heading,.trce-home .trce-category-grid,.trce-home .trce-tool-grid,.trce-home .trce-video-grid,.trce-home .trce-instagram-grid,.trce-home .trce-article-grid{min-width:0}
.trce-home img{max-width:100%;height:auto}
.trce-home button,.trce-home input,.trce-home textarea,.trce-home select{font-family:inherit}
.trce-home .trce-video-thumb img,.trce-home .trce-instagram-card img,.trce-home .trce-article-image img{height:100%;max-width:none}
.trce-home .trce-video-thumb img{width:100%;object-fit:cover}
.trce-home .trce-instagram-card img,.trce-home .trce-article-image img{width:100%;object-fit:cover}
.trce-home .trce-tool-thumb{width:52px;height:52px;object-fit:cover;border-radius:15px;flex:0 0 52px}
.trce-home .trce-tool-card{min-width:0}

@media(max-width:700px){
  .trce-home{padding:0}
  .trce-home .trce-hero,.trce-home .trce-section:not(.trce-toolbox),.trce-home .trce-final,.trce-home .trce-ai-banner{width:calc(100% - 28px);max-width:none}
  .trce-home .trce-toolbox{padding-left:14px;padding-right:14px}
  .trce-home .trce-ai-banner{width:calc(100% - 28px)}
}


/* =========================================================
   HERO V2 — editorial device-inspired composition
========================================================= */
.trce-home .trce-hero-v2{min-height:760px;isolation:isolate;position:relative;border:1px solid rgba(255,255,255,.08);border-radius:0 0 34px 34px;background:radial-gradient(circle at 50% 42%,rgba(139,92,246,.11),transparent 25%),radial-gradient(circle at 68% 64%,rgba(34,211,238,.10),transparent 26%),#07080c;box-shadow:0 30px 100px rgba(0,0,0,.35)}
.trce-home .trce-hero-v2:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(105deg,transparent 10%,rgba(236,72,153,.55),rgba(139,92,246,.55),rgba(34,211,238,.55),transparent 90%);background-size:250% 100%;animation:trceBorderFlow 9s linear infinite;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:.7}
.trce-home .trce-hero-noise{position:absolute;inset:0;opacity:.16;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.18) .6px,transparent .6px);background-size:5px 5px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 90%)}
.trce-home .trce-hero-copy{width:62%;padding:30px 0;position:relative;z-index:4}
.trce-home .trce-hero-shadow-word{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);font:700 clamp(120px,18vw,260px)/.8 "Space Grotesk",sans-serif;letter-spacing:-.09em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.055);text-shadow:0 30px 90px rgba(0,0,0,.95),0 0 80px rgba(139,92,246,.08);z-index:1;pointer-events:none;user-select:none}
.trce-home .trce-hero-shadow-word:after{content:"TechRipper";position:absolute;inset:0;background:linear-gradient(100deg,var(--c),var(--b),var(--a),var(--c));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.12;filter:blur(2px);animation:trceGradient 10s linear infinite}
.trce-home .trce-hero-copy>p{max-width:620px}
.trce-home .trce-social-profiles{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px;position:relative;z-index:5}
.trce-home .trce-social-profile{display:flex;align-items:center;gap:10px;min-width:148px;padding:9px 13px 9px 9px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(9,11,17,.62);backdrop-filter:blur(14px);transition:transform .3s,border-color .3s,background .3s;box-shadow:0 12px 35px rgba(0,0,0,.2)}
.trce-home .trce-social-profile:hover{transform:translateY(-5px);border-color:rgba(139,92,246,.5);background:rgba(18,20,29,.85)}
.trce-home .trce-social-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:15px;transition:transform .35s}
.trce-home .trce-social-profile:hover .trce-social-icon{transform:rotate(-8deg) scale(1.08)}
.trce-home .trce-social-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.trce-home .trce-social-copy small{font-size:7px;line-height:1;letter-spacing:.16em;color:#737b8b;font-weight:800}
.trce-home .trce-social-copy strong{font-size:11px;line-height:1.1;color:#e7e9ef;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}
.trce-home .trce-social-arrow{margin-left:auto;font-size:9px;color:#6d7585;transition:transform .3s,color .3s}
.trce-home .trce-social-profile:hover .trce-social-arrow{transform:translate(2px,-2px);color:#fff}
.trce-home .trce-social-youtube .trce-social-icon{color:#ff4b55}.trce-home .trce-social-instagram .trce-social-icon{color:#e88cff}.trce-home .trce-social-facebook .trce-social-icon{color:#6ca8ff}
.trce-home .trce-hero-visual{position:absolute;inset:0;z-index:2;pointer-events:none}
.trce-home .trce-orbit-v2{right:-45px;opacity:.92}
.trce-home .trce-orbit-v2:before{content:"";position:absolute;inset:75px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.18),transparent 62%);filter:blur(30px);animation:trceVisualPulse 5s ease-in-out infinite}
.trce-home .trce-orbit-v2 .core{background:linear-gradient(145deg,rgba(139,92,246,.30),rgba(34,211,238,.12));box-shadow:0 0 120px rgba(139,92,246,.23),inset 0 0 45px rgba(255,255,255,.03)}
.trce-home .trce-orbit-v2 .core:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#fff,var(--b));filter:blur(9px);opacity:.35}
@keyframes trceBorderFlow{0%{background-position:0% 50%}100%{background-position:250% 50%}}
@keyframes trceVisualPulse{0%,100%{transform:scale(.9);opacity:.65}50%{transform:scale(1.08);opacity:1}}

@media(max-width:1000px){.trce-home .trce-hero-v2{min-height:720px}.trce-home .trce-hero-shadow-word{font-size:clamp(100px,18vw,190px);left:58%}.trce-home .trce-hero-copy{width:72%}.trce-home .trce-orbit-v2{right:-150px;opacity:.5}}
@media(max-width:700px){.trce-home .trce-hero-v2{width:100%!important;min-height:780px;border-radius:0 0 26px 26px;padding:0 18px}.trce-home .trce-hero-copy{width:100%;padding-top:80px}.trce-home .trce-hero-shadow-word{font-size:clamp(70px,22vw,125px);top:39%;left:50%;opacity:.75}.trce-home .trce-hero-visual{inset:0}.trce-home .trce-orbit-v2{width:330px;height:330px;right:-125px;top:60%;opacity:.28}.trce-home .trce-social-profiles{display:grid;grid-template-columns:1fr 1fr}.trce-home .trce-social-profile{min-width:0}.trce-home .trce-social-copy strong{max-width:80px}.trce-home .trce-actions{position:relative;z-index:5}}
@media(max-width:420px){.trce-home .trce-social-profiles{grid-template-columns:1fr}.trce-home .trce-social-profile{width:100%}}


/* =========================================================
   TECHRIPPER FINAL HERO / ELEMENTOR OVERRIDES
   v1.1.4
========================================================= */

.trce-home {
    --trce-container: 1180px;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    isolation: isolate;
}

.trce-home *,
.trce-home *::before,
.trce-home *::after {
    box-sizing: border-box;
}

.trce-hero-v2 {
    width: min(100%, var(--trce-container));
    min-height: 760px;
    margin: 0 auto;
    padding: 110px 58px 72px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 0 0 34px 34px;
    background:
        radial-gradient(circle at 76% 48%, rgba(139,92,246,.13), transparent 29%),
        radial-gradient(circle at 52% 90%, rgba(34,211,238,.09), transparent 28%),
        #07080d;
}

.trce-hero-v2::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(110deg, rgba(236,72,153,.25), transparent 30%, rgba(34,211,238,.22), transparent 70%, rgba(139,92,246,.28));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.trce-hero-shadow-word {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    width: max-content;
    max-width: 94%;
    font-family: "Space Grotesk", sans-serif;
    font-size: clamp(115px, 19vw, 275px);
    font-weight: 700;
    line-height: .75;
    letter-spacing: -.09em;
    white-space: nowrap;
    color: transparent;
    -webkit-text-stroke: 1px rgba(139,92,246,.17);
    text-shadow:
        0 0 28px rgba(139,92,246,.08),
        0 0 70px rgba(34,211,238,.04);
    opacity: .92;
    pointer-events: none;
    user-select: none;
}

.trce-hero-copy {
    width: min(720px, 68%);
    position: relative;
    z-index: 5;
}

.trce-hero-copy h1 {
    position: relative;
    z-index: 2;
    margin: 18px 0 0;
    font-family: "Space Grotesk", sans-serif;
    font-size: clamp(54px, 6.8vw, 91px);
    font-weight: 600;
    line-height: .94;
    letter-spacing: -.065em;
    color: #f7f8fc;
}

.trce-hero-copy h1 span {
    display: block;
    background: linear-gradient(100deg, #ec4899 0%, #22d3ee 43%, #8b5cf6 75%, #60a5fa 100%);
    background-size: 240% auto;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: trceFinalGradient 8s ease-in-out infinite;
}

.trce-hero-copy > p {
    position: relative;
    z-index: 3;
    max-width: 650px;
    margin: 28px 0 0;
    color: #9ba3b4;
    font-size: 18px;
    line-height: 1.7;
}

.trce-eyebrow {
    position: relative;
    z-index: 4;
}

.trce-actions {
    position: relative;
    z-index: 4;
    margin-top: 31px;
}

.trce-social-profiles {
    position: relative;
    z-index: 6;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.trce-social-profile {
    min-width: 165px;
    min-height: 58px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 8px 12px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 16px;
    background: rgba(8,10,16,.68);
    backdrop-filter: blur(16px);
    transition: transform .3s ease, border-color .3s ease, background .3s ease;
}

.trce-social-profile:hover {
    transform: translateY(-4px);
    border-color: rgba(139,92,246,.55);
    background: rgba(18,20,30,.86);
}

.trce-social-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(236,72,153,.14), rgba(34,211,238,.12));
    border: 1px solid rgba(255,255,255,.08);
    font-size: 16px;
    transition: transform .3s ease;
}

.trce-social-profile:hover .trce-social-icon {
    transform: rotate(-8deg) scale(1.08);
}

.trce-social-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.trce-social-copy small {
    color: #697181;
    font-size: 8px;
    line-height: 1;
    letter-spacing: .16em;
    font-weight: 700;
}

.trce-social-copy strong {
    margin-top: 5px;
    color: #edf0f6;
    font-size: 12px;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.trce-social-arrow {
    margin-left: auto;
    color: #697181;
    font-size: 10px;
}

.trce-hero-visual {
    position: absolute;
    z-index: 3;
    width: 540px;
    height: 540px;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.trce-orbit-v2 {
    width: 100%;
    height: 100%;
}

@keyframes trceFinalGradient {
    0%,100% { background-position: 0% center; }
    50% { background-position: 100% center; }
}

@media (max-width: 1100px) {
    .trce-hero-v2 {
        min-height: 720px;
        padding-left: 42px;
        padding-right: 42px;
    }

    .trce-hero-copy {
        width: 72%;
    }

    .trce-hero-visual {
        right: -170px;
        opacity: .65;
    }

    .trce-hero-shadow-word {
        font-size: clamp(105px, 17vw, 210px);
    }
}

@media (max-width: 767px) {
    .trce-hero-v2 {
        width: 100%;
        min-height: 760px;
        padding: 90px 22px 42px;
        align-items: flex-start;
        border-radius: 0 0 24px 24px;
    }

    .trce-hero-copy {
        width: 100%;
    }

    .trce-hero-copy h1 {
        font-size: clamp(50px, 15vw, 76px);
    }

    .trce-hero-copy > p {
        font-size: 15px;
        line-height: 1.65;
        max-width: 100%;
    }

    .trce-hero-shadow-word {
        top: 57%;
        left: 50%;
        font-size: clamp(82px, 25vw, 145px);
        opacity: .72;
        -webkit-text-stroke: 1px rgba(139,92,246,.13);
    }

    .trce-hero-visual {
        width: 350px;
        height: 350px;
        right: -130px;
        top: 66%;
        opacity: .28;
    }

    .trce-actions {
        display: flex;
        flex-direction: column;
    }

    .trce-actions .trce-btn {
        width: 100%;
    }

    .trce-social-profiles {
        display: grid;
        grid-template-columns: 1fr;
        max-width: 100%;
    }

    .trce-social-profile {
        min-width: 0;
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .trce-hero-copy h1 span,
    .trce-social-profile,
    .trce-social-icon {
        animation: none !important;
        transition: none !important;
    }
}


/* =========================================================
   TECHRIPPER v1.2.0 — FINAL CENTERED HERO
   Elementor-safe: hero is self-contained and has no CTA buttons.
========================================================= */

.trce-home .trce-hero-v2 {
    min-height: 760px;
    width: min(100%, 1280px);
    margin: 0 auto;
    padding: 110px 32px 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(circle at 50% 38%, rgba(139,92,246,.14), transparent 26%),
        radial-gradient(circle at 35% 76%, rgba(34,211,238,.08), transparent 24%),
        radial-gradient(circle at 70% 72%, rgba(236,72,153,.06), transparent 25%),
        #07080d;
}

.trce-home .trce-hero-v2 .trce-hero-noise {
    position: absolute;
    inset: 0;
    opacity: .24;
    pointer-events: none;
    background-image: radial-gradient(rgba(255,255,255,.22) .6px, transparent .6px);
    background-size: 5px 5px;
    mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
}

.trce-home .trce-hero-v2 .trce-glow {
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    filter: blur(105px);
    opacity: .11;
    pointer-events: none;
    z-index: 0;
}

.trce-home .trce-hero-v2 .trce-glow.g1 {
    background: #8b5cf6;
    left: 50%;
    top: 22%;
    transform: translateX(-50%);
}

.trce-home .trce-hero-v2 .trce-glow.g2 {
    background: #22d3ee;
    left: 28%;
    bottom: -180px;
}

.trce-home .trce-hero-v2::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(90deg, transparent 0%, rgba(139,92,246,.05) 50%, transparent 100%);
}

.trce-home .trce-hero-v2::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 6;
    pointer-events: none;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 0 0 34px 34px;
    box-shadow: inset 0 0 90px rgba(139,92,246,.025);
}

.trce-home .trce-hero-brand {
    position: relative;
    z-index: 3;
    margin-bottom: 20px;
    font-family: "Space Grotesk", sans-serif;
    font-size: clamp(82px, 14vw, 190px);
    font-weight: 700;
    line-height: .78;
    letter-spacing: -.085em;
    white-space: nowrap;
    background: linear-gradient(
        100deg,
        #ec4899 0%,
        #22d3ee 35%,
        #60a5fa 58%,
        #8b5cf6 82%,
        #ec4899 100%
    );
    background-size: 260% auto;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter:
        drop-shadow(0 0 30px rgba(139,92,246,.12))
        drop-shadow(0 0 70px rgba(34,211,238,.05));
    animation: trceBrandGradient 9s ease-in-out infinite;
}

.trce-home .trce-hero-copy {
    position: relative;
    z-index: 4;
    width: min(850px, 100%);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.trce-home .trce-hero-copy .trce-eyebrow {
    order: -1;
    margin-bottom: 20px;
}

.trce-home .trce-hero-copy h1 {
    margin: 0;
    font-size: clamp(35px, 5vw, 62px);
    line-height: 1;
    letter-spacing: -.055em;
    color: #f6f7fb;
}

.trce-home .trce-hero-copy h1 span {
    display: block;
    margin-top: 7px;
    background: linear-gradient(100deg, #ec4899, #22d3ee 42%, #8b5cf6 78%, #60a5fa);
    background-size: 220% auto;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: trceBrandGradient 9s ease-in-out infinite;
}

.trce-home .trce-hero-copy > p {
    max-width: 700px;
    margin: 24px auto 0;
    color: #9ca5b6;
    font-size: 17px;
    line-height: 1.75;
}

.trce-home .trce-social-profiles {
    width: 100%;
    justify-content: center;
    margin-top: 30px;
    gap: 10px;
}

.trce-home .trce-social-profile {
    min-width: 190px;
    min-height: 62px;
    text-align: left;
}

.trce-home .trce-social-profile:hover {
    transform: translateY(-5px);
}

@keyframes trceBrandGradient {
    0%, 100% { background-position: 0% center; }
    50% { background-position: 100% center; }
}

@media (max-width: 767px) {
    .trce-home .trce-hero-v2 {
        min-height: 720px;
        padding: 90px 20px 55px;
        border-radius: 0 0 24px 24px;
    }

    .trce-home .trce-hero-brand {
        font-size: clamp(58px, 19vw, 105px);
        letter-spacing: -.09em;
        margin-bottom: 18px;
    }

    .trce-home .trce-hero-copy h1 {
        font-size: clamp(32px, 10vw, 48px);
    }

    .trce-home .trce-hero-copy > p {
        font-size: 15px;
        line-height: 1.65;
    }

    .trce-home .trce-social-profiles {
        display: grid;
        grid-template-columns: 1fr;
        max-width: 420px;
    }

    .trce-home .trce-social-profile {
        width: 100%;
        min-width: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .trce-home .trce-hero-brand,
    .trce-home .trce-hero-copy h1 span {
        animation: none !important;
    }
}


/* =========================================================
   TECHRIPPER v1.3.0 — FINAL HERO
   Visual direction: centered, spacious, premium AI landing page.
   No CTA buttons. Social profiles are admin-controlled.
========================================================= */

.trce-home .trce-hero-v3 {
    width: 100%;
    max-width: 1280px;
    min-height: 780px;
    margin: 0 auto;
    padding: 100px 28px 90px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    isolation: isolate;
    background:
        radial-gradient(circle at 50% 27%, rgba(55,91,255,.18), transparent 24%),
        radial-gradient(circle at 50% 72%, rgba(34,211,238,.07), transparent 25%),
        #05070d;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 0 0 32px 32px;
}

.trce-home .trce-hero-v3::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 7;
    border: 1px solid rgba(112,92,255,.18);
    border-radius: inherit;
    box-shadow: inset 0 0 100px rgba(50,70,255,.035);
}

.trce-home .trce-hero-stars {
    position: absolute;
    inset: 0;
    z-index: 0;
    opacity: .5;
    pointer-events: none;
    background-image:
        radial-gradient(circle, rgba(255,255,255,.65) 0 1px, transparent 1.5px),
        radial-gradient(circle, rgba(130,160,255,.35) 0 1px, transparent 1.5px);
    background-size: 155px 155px, 235px 235px;
    background-position: 18px 35px, 90px 100px;
    mask-image: radial-gradient(ellipse at center, #000 0%, #000 55%, transparent 88%);
    animation: trceStarsDrift 18s linear infinite;
}

.trce-home .trce-hero-glow {
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(100px);
}

.trce-home .trce-hero-glow-1 {
    width: 480px;
    height: 480px;
    top: -250px;
    left: 50%;
    transform: translateX(-50%);
    background: #315cff;
    opacity: .17;
}

.trce-home .trce-hero-glow-2 {
    width: 420px;
    height: 260px;
    bottom: -170px;
    left: 50%;
    transform: translateX(-50%);
    background: #22d3ee;
    opacity: .08;
}

.trce-home .trce-hero-arc {
    position: absolute;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    border: 1px dashed rgba(112,146,255,.18);
    border-bottom-color: transparent;
    border-radius: 50%;
    pointer-events: none;
}

.trce-home .trce-hero-arc-1 {
    width: 1080px;
    height: 560px;
    bottom: -420px;
}

.trce-home .trce-hero-arc-2 {
    width: 760px;
    height: 390px;
    bottom: -285px;
    border-color: rgba(34,211,238,.13);
    border-bottom-color: transparent;
}

.trce-home .trce-hero-center {
    width: min(980px, 100%);
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.trce-home .trce-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 18px;
    border-radius: 999px;
    border: 1px solid rgba(104,137,255,.28);
    background: linear-gradient(180deg, rgba(51,82,194,.32), rgba(31,42,91,.2));
    box-shadow: 0 0 35px rgba(47,82,255,.12), inset 0 1px rgba(255,255,255,.07);
    color: #b8c3e7;
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .17em;
    text-transform: uppercase;
    backdrop-filter: blur(14px);
}

.trce-home .trce-badge-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #60a5fa;
    box-shadow: 0 0 12px rgba(96,165,250,.8);
    animation: trceBadgePulse 2s ease-in-out infinite;
}

.trce-home .trce-hero-brand-v3 {
    margin: 34px 0 0 !important;
    padding: 0 !important;
    font-family: "Space Grotesk", sans-serif !important;
    font-size: clamp(82px, 14vw, 184px) !important;
    font-weight: 700 !important;
    line-height: .82 !important;
    letter-spacing: -.09em !important;
    white-space: nowrap;
    color: transparent !important;
    background: linear-gradient(
        100deg,
        #ec4899 0%,
        #f05ca8 12%,
        #22d3ee 38%,
        #3aa9ee 50%,
        #60a5fa 63%,
        #8b5cf6 83%,
        #ec4899 100%
    );
    background-size: 280% auto;
    -webkit-background-clip: text;
    background-clip: text;
    filter:
        drop-shadow(0 0 25px rgba(34,211,238,.08))
        drop-shadow(0 0 55px rgba(139,92,246,.08));
    animation: trceBrandGradientV3 10s ease-in-out infinite;
}

.trce-home .trce-hero-support {
    width: min(760px, 100%);
    margin: 34px auto 0 !important;
    color: #aab2c3 !important;
    font-size: clamp(15px, 1.6vw, 18px) !important;
    line-height: 1.75 !important;
    text-align: center !important;
}

.trce-home .trce-social-profiles-v3 {
    width: auto;
    max-width: 100%;
    margin-top: 34px !important;
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 10px;
}

.trce-home .trce-social-profile-v3 {
    min-width: 190px;
    min-height: 64px;
    padding: 9px 13px;
    text-align: left;
    background: rgba(9,12,22,.62);
    border: 1px solid rgba(255,255,255,.11);
    box-shadow: 0 12px 35px rgba(0,0,0,.18);
    backdrop-filter: blur(16px);
}

.trce-home .trce-social-profile-v3:hover {
    border-color: rgba(96,165,250,.42);
    background: rgba(17,21,36,.78);
    box-shadow: 0 14px 42px rgba(47,82,255,.1);
}

.trce-home .trce-social-profile-v3 .trce-social-icon {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
}

.trce-home .trce-social-profile-v3 .trce-social-copy small {
    font-size: 8px;
    color: #7d879d;
    text-transform: uppercase;
}

.trce-home .trce-social-profile-v3 .trce-social-copy strong {
    font-size: 12px;
    color: #eef2fa;
}

@keyframes trceBrandGradientV3 {
    0%, 100% { background-position: 0% center; }
    50% { background-position: 100% center; }
}

@keyframes trceStarsDrift {
    from { transform: translateY(0); }
    to { transform: translateY(22px); }
}

@keyframes trceBadgePulse {
    0%, 100% { opacity: .7; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.2); }
}

@media (max-width: 767px) {
    .trce-home .trce-hero-v3 {
        min-height: 720px;
        padding: 90px 20px 60px;
        border-radius: 0 0 24px 24px;
    }

    .trce-home .trce-hero-brand-v3 {
        margin-top: 30px !important;
        font-size: clamp(58px, 20vw, 108px) !important;
    }

    .trce-home .trce-hero-support {
        margin-top: 27px !important;
        font-size: 15px !important;
    }

    .trce-home .trce-social-profiles-v3 {
        width: min(360px, 100%);
        display: grid;
        grid-template-columns: 1fr;
    }

    .trce-home .trce-social-profile-v3 {
        width: 100%;
        min-width: 0;
    }

    .trce-home .trce-hero-arc-1 {
        width: 720px;
    }

    .trce-home .trce-hero-arc-2 {
        width: 520px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .trce-home .trce-hero-stars,
    .trce-home .trce-hero-brand-v3,
    .trce-home .trce-badge-dot {
        animation: none !important;
    }
}


/* =========================================================
   TECHRIPPER v1.3.0 — THEME / ELEMENTOR BACKGROUND FIX
   Requested:
   - No plugin-owned hero border
   - Transparent hero background
   - Let WordPress theme / Elementor control the background
========================================================= */

.trce-home .trce-hero-v3 {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.trce-home .trce-hero-v3::after {
    display: none !important;
    border: 0 !important;
    box-shadow: none !important;
    background: none !important;
}

.trce-home .trce-hero-v3::before {
    display: none !important;
    background: none !important;
}

.trce-home .trce-hero-final,
.trce-home .trce-hero-v4 {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.trce-home .trce-hero-final::after,
.trce-home .trce-hero-v4::after {
    display: none !important;
    border: 0 !important;
    box-shadow: none !important;
    background: none !important;
}

.trce-home .trce-hero-final::before,
.trce-home .trce-hero-v4::before {
    display: none !important;
    background: none !important;
}

/* Keep only the decorative atmosphere; the actual page background
   belongs to the theme/Elementor container. */
.trce-home .trce-hero-v3 .trce-hero-glow,
.trce-home .trce-hero-final .trce-hero-final-glow,
.trce-home .trce-hero-v4 .trce-hero-orb {
    pointer-events: none;
}


/* =========================================================
   TECHRIPPER v1.3.0 — TRUE TRANSPARENT MODE
   Final override: the shortcode must contribute NO background
   of its own. Theme / Elementor owns the page background.
========================================================= */

html body .trce-home,
html body .trce-home.trce-home,
html body .trce-home .trce-hero,
html body .trce-home .trce-hero-v3 {
    background: transparent !important;
    background-color: transparent !important;
}

html body .trce-home::before,
html body .trce-home::after,
html body .trce-home .trce-hero::before,
html body .trce-home .trce-hero::after,
html body .trce-home .trce-hero-v3::before,
html body .trce-home .trce-hero-v3::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body .trce-home .trce-hero-glow,
html body .trce-home .trce-hero-final-glow,
html body .trce-home .trce-hero-orb,
html body .trce-home .trce-hero-final-grid,
html body .trce-home .trce-tech-grid {
    /* Decorative elements remain transparent themselves; they do not
       create a solid background layer. */
    background-color: transparent !important;
}

html body .trce-home .trce-hero-v3 {
    min-height: 780px !important;
    box-shadow: none !important;
    border: 0 !important;
    outline: 0 !important;
}

html body .trce-home .trce-hero-v3 .trce-hero-center,
html body .trce-home .trce-hero-v3 .trce-hero-copy {
    background: transparent !important;
}

@media (max-width: 767px) {
    html body .trce-home .trce-hero-v3 {
        min-height: 720px !important;
    }
}


/* =========================================================
   TECHRIPPER v1.3.0 — FINAL SPACING + SECTION ORDER FIX
========================================================= */

/* Remove the dotted circular/orbit paths from the hero. */
.trce-home .trce-hero-arc,
.trce-home .trce-hero-arc-1,
.trce-home .trce-hero-arc-2 {
    display: none !important;
}

/* Pull the hero content upward: no oversized empty space above TechRipper. */
.trce-home .trce-hero-v3 {
    min-height: 650px !important;
    padding: 42px 28px 64px !important;
}

.trce-home .trce-hero-v3 .trce-hero-center {
    transform: translateY(-18px);
}

.trce-home .trce-hero-v3 .trce-hero-brand-v3 {
    margin-top: 12px !important;
}

.trce-home .trce-hero-v3 .trce-hero-support {
    margin-top: 24px !important;
}

.trce-home .trce-hero-v3 .trce-social-profiles-v3 {
    margin-top: 26px !important;
}

/* The first five content blocks now follow the requested sequence:
   YouTube → Instagram → Featured → What We Cover → TechRipper AI.
   The markup order is authoritative; these rules only keep spacing clean. */
.trce-home > .trce-section {
    margin-top: 0;
}

@media (max-width: 767px) {
    .trce-home .trce-hero-v3 {
        min-height: 620px !important;
        padding: 34px 20px 48px !important;
    }

    .trce-home .trce-hero-v3 .trce-hero-center {
        transform: translateY(-8px);
    }
}