:root{--main:#0d6efd;--dark:#152033;--light:#f5f7fb;--card:#fff}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--light);color:#1b2430}.theme-dark{--main:#1f2d3a;--dark:#111827}.theme-green{--main:#16845b}.theme-gold{--main:#b8860b}.wrap{max-width:1180px;margin:auto;padding:0 18px}.topbar{background:var(--dark);color:#fff;position:sticky;top:0;z-index:5}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand img{height:48px;max-width:170px;object-fit:contain}.brand small{display:block;opacity:.72}nav a{color:#fff;text-decoration:none;margin-left:16px;font-weight:600}.layout{display:flex;gap:24px;padding-top:26px;padding-bottom:40px}.content{flex:1}.content.full{width:100%;max-width:none}.sidebar{width:300px}.card,.product{background:var(--card);border-radius:14px;box-shadow:0 8px 22px rgba(0,0,0,.07);padding:22px;margin-bottom:20px}.slider{height:460px;border-radius:18px;overflow:hidden;position:relative;margin-bottom:28px;background:#d8dce4;box-shadow:0 14px 40px rgba(0,0,0,.16)}.slider-full{width:100vw;margin-left:calc(50% - 50vw);border-radius:0;height:clamp(560px,72vh,760px)}.slider-contained{width:100%}.slide{position:absolute;inset:0;height:100%;background-size:cover;background-position:center;display:flex;align-items:center;opacity:0;visibility:hidden;transform:scale(1.045);transition:opacity 1.1s ease,transform 6s ease,visibility 0s linear 1.1s}.slide.active{opacity:1;visibility:visible;transform:scale(1);z-index:2;transition:opacity 1.1s ease,transform 7s ease}.slide.leaving{opacity:0;visibility:visible;z-index:1;transform:scale(1.08)}.slide>div,.placeholder{background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.28),rgba(0,0,0,.05));height:100%;width:100%;color:#fff;padding:clamp(36px,7vw,90px);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.slide h1{font-size:clamp(34px,5vw,68px);line-height:1.03;margin:0 0 14px;text-shadow:0 6px 24px rgba(0,0,0,.45);max-width:850px}.slide p{font-size:clamp(17px,2vw,26px);max-width:740px;text-shadow:0 4px 16px rgba(0,0,0,.45)}.slide.active h1,.slide.active p,.slide.active .btn{animation:slideTextIn .85s ease both}.slide.active p{animation-delay:.13s}.slide.active .btn{animation-delay:.25s}@keyframes slideTextIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-block;background:var(--main);color:#fff;padding:12px 18px;border-radius:8px;text-decoration:none;width:max-content}.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.product img{width:100%;aspect-ratio:1/1;height:auto;object-fit:cover;border-radius:10px;background:#eef}.price{font-weight:bold;color:var(--main)}.big{font-size:26px}.productdetail{display:grid;grid-template-columns:360px 1fr;gap:26px}.productdetail img,.heroimg{max-width:100%;border-radius:12px}.footer{background:var(--dark);color:#fff;padding:34px 0}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}.social a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--main);color:#fff;text-decoration:none;margin-right:8px;font-weight:bold}@media(max-width:800px){.nav,.layout,.footergrid,.productdetail{display:block}.sidebar{width:auto}nav a{display:inline-block;margin:8px 8px 0 0}.slider{height:340px}.slider-full{height:520px}.slide h1{font-size:32px}.slide>div{padding:30px}}


/* === Techarin accurate theme refinement v5
   Based on uploaded Techarin theme structure: dark slate, brand blue #052bce,
   glass cards, cursor text bubble, split/glitch headings, duplicated image distortion.
*/
.theme-techarin{
  --main:#052bce;
  --main-rgb:5,43,206;
  --main2:#3b82f6;
  --accent:#dbeafe;
  --dark:#020617;
  --light:#020617;
  --card:rgba(15,23,42,.82);
  --ink:#f8fafc;
  --muted:rgba(203,213,225,.78);
  background:
    radial-gradient(circle at 12% 10%, rgba(var(--main-rgb),.32), transparent 28%),
    radial-gradient(circle at 86% 18%, rgba(59,130,246,.20), transparent 24%),
    radial-gradient(circle at 55% 92%, rgba(148,163,184,.11), transparent 35%),
    linear-gradient(180deg,#020617 0%,#08111f 48%,#020617 100%);
  color:var(--ink);
  overflow-x:hidden;
  cursor:auto;
}
.theme-techarin:before,
.theme-techarin:after{
  content:"";position:fixed;pointer-events:none;z-index:-1;border-radius:999px;filter:blur(55px);opacity:.22;
  animation:techarinFloat 18s ease-in-out infinite alternate;
}
.theme-techarin:before{width:42vw;height:42vw;left:-14vw;top:95px;background:#052bce;}
.theme-techarin:after{width:34vw;height:34vw;right:-12vw;bottom:60px;background:#38bdf8;animation-delay:-6s;}
@keyframes techarinFloat{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(46px,-36px,0) scale(1.12)}}
.theme-techarin .topbar{background:rgba(2,6,23,.72);border-bottom:1px solid rgba(148,163,184,.18);backdrop-filter:blur(18px);box-shadow:0 10px 45px rgba(0,0,0,.26)}
.theme-techarin .brand span strong{letter-spacing:.035em;text-transform:uppercase}.theme-techarin .brand small{color:rgba(226,232,240,.62)}
.theme-techarin nav a{position:relative;color:rgba(226,232,240,.86);transition:color .25s ease,opacity .25s ease}.theme-techarin nav a:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:999px;background:#052bce;transform:scaleX(0);transform-origin:left;transition:transform .32s ease}.theme-techarin nav a:hover{color:#fff}.theme-techarin nav a:hover:after{transform:scaleX(1)}
.theme-techarin .layout{padding-top:34px}.theme-techarin .content.full{max-width:none}
.theme-techarin .slider{height:clamp(540px,72vh,760px);border-radius:32px;background:#0f172a;box-shadow:0 30px 90px rgba(0,0,0,.48), inset 0 0 0 1px rgba(148,163,184,.16);isolation:isolate}
.theme-techarin .slider-contained{min-height:620px}.theme-techarin .slider-full{height:clamp(740px,90vh,960px);border-radius:0 0 42px 42px;margin-top:-34px}.theme-techarin .slide{background-position:center;transition:opacity 1.15s ease,transform 8s ease,filter 1.15s ease,visibility 0s linear 1.15s;filter:saturate(1.02) contrast(1.04)}.theme-techarin .slide.active{transform:scale(1.025)}.theme-techarin .slide.leaving{transform:scale(1.12);filter:blur(3px) saturate(.9)}
.theme-techarin .slide>div,.theme-techarin .placeholder{background:radial-gradient(circle at 75% 22%,rgba(5,43,206,.24),transparent 24%),linear-gradient(90deg,rgba(2,6,23,.94),rgba(2,6,23,.66) 50%,rgba(2,6,23,.18));}
.theme-techarin .slide h1{max-width:930px;font-size:clamp(42px,7vw,98px);letter-spacing:-.065em;line-height:.98}.theme-techarin .slide p{font-size:clamp(18px,2.2vw,28px);color:rgba(226,232,240,.80)}
.theme-techarin .btn,.theme-techarin .product a{border-radius:999px;background:#052bce;color:#fff!important;font-weight:800;box-shadow:0 14px 34px rgba(5,43,206,.32);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.theme-techarin .btn:hover,.theme-techarin .product a:hover{transform:translateY(-3px);background:#0b3cff;box-shadow:0 20px 44px rgba(5,43,206,.42)}
.theme-techarin h1,.theme-techarin h2,.theme-techarin h3{letter-spacing:-.035em}.theme-techarin h2{font-size:clamp(30px,4vw,58px)}
.theme-techarin .card,.theme-techarin .product{color:var(--ink);border:1px solid rgba(148,163,184,.18)!important;background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(15,23,42,.52));box-shadow:0 24px 70px rgba(0,0,0,.34);backdrop-filter:blur(18px);transition:transform .55s cubic-bezier(.2,.85,.2,1),border-color .35s ease,background .35s ease,box-shadow .35s ease}.theme-techarin .card:hover,.theme-techarin .product:hover{border-color:rgba(5,43,206,.68)!important;background:linear-gradient(180deg,rgba(30,41,59,.86),rgba(15,23,42,.58));box-shadow:0 34px 105px rgba(0,0,0,.44),0 0 0 1px rgba(5,43,206,.10),0 0 54px rgba(5,43,206,.18)}
.theme-techarin .footer{background:linear-gradient(180deg,rgba(15,23,42,.94),#020617);border-top:1px solid rgba(148,163,184,.18)}.theme-techarin .social a{background:rgba(15,23,42,.92);border:1px solid rgba(148,163,184,.22);color:#fff;transition:transform .25s ease,background .25s ease,color .25s ease}.theme-techarin .social a:hover{background:#052bce;color:#fff;transform:translateY(-4px) rotate(-6deg)}
.reveal-on-scroll{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}
.theme-techarin .section-kicker{display:inline-flex;align-items:center;gap:10px;margin:42px 0 10px;color:#93c5fd;font-weight:800;letter-spacing:.28em;text-transform:uppercase;font-size:.78rem}.theme-techarin .section-kicker:before{content:"";width:34px;height:1px;background:#052bce}
.theme-techarin .featured-title,.theme-techarin .slide h1{position:relative;cursor:pointer;transform-style:preserve-3d}.theme-techarin .split-char{display:inline-block;transition:transform .48s cubic-bezier(.2,.85,.2,1),color .36s ease,text-shadow .36s ease,filter .36s ease;will-change:transform}.theme-techarin .split-space{display:inline-block;width:.28em}.theme-techarin .featured-title:hover .split-char,.theme-techarin .slide h1:hover .split-char{color:#fff;text-shadow:0 0 24px rgba(5,43,206,.42);filter:drop-shadow(0 8px 22px rgba(5,43,206,.22));transform:translateY(calc(var(--wave, 0) * -1px)) rotateX(20deg) rotateZ(calc(var(--rotate, 0) * 1deg))}.theme-techarin .featured-title:hover .split-char:nth-child(3n),.theme-techarin .slide h1:hover .split-char:nth-child(3n){color:#93c5fd}.theme-techarin .featured-title:hover .split-char:nth-child(4n),.theme-techarin .slide h1:hover .split-char:nth-child(4n){color:#60a5fa}.theme-techarin .featured-title:after,.theme-techarin .slide h1:after{content:"";position:absolute;left:0;bottom:-12px;width:min(220px,45%);height:3px;border-radius:999px;background:linear-gradient(90deg,#052bce,#60a5fa,transparent);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.85,.2,1)}.theme-techarin .featured-title:hover:after,.theme-techarin .slide h1:hover:after{transform:scaleX(1)}
.theme-techarin .featured-title.is-glitching,.theme-techarin .slide h1.is-glitching{animation:techarinHeadingGlitch .38s steps(2,end)}@keyframes techarinHeadingGlitch{0%{text-shadow:2px 0 #052bce,-2px 0 #38bdf8}35%{transform:translateX(2px);text-shadow:-3px 0 #052bce,3px 0 #38bdf8}70%{transform:translateX(-2px)}100%{transform:none;text-shadow:none}}
.theme-techarin .products.featured-projects{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px}.theme-techarin .product{padding:0;overflow:hidden;transform:perspective(1000px) translateY(0) rotateX(0) rotateY(0)}.theme-techarin .product-image-wrap,.theme-techarin .card-image{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:28px;margin:14px;background:linear-gradient(135deg,rgba(5,43,206,.24),rgba(30,41,59,.55));display:block}.theme-techarin .product-image-wrap:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(135deg,rgba(5,43,206,.24),transparent 34%,rgba(56,189,248,.16));opacity:0;transform:translateY(18px);transition:opacity .45s ease,transform .45s ease;pointer-events:none}.theme-techarin .product-image-wrap:after{content:"View";position:absolute;right:18px;bottom:18px;z-index:3;display:grid;place-items:center;width:62px;height:62px;border-radius:999px;background:#052bce;color:#fff;font-weight:900;font-size:.85rem;transform:translateY(22px) scale(.82) rotate(-10deg);opacity:0;transition:opacity .45s ease,transform .45s cubic-bezier(.2,.85,.2,1)}.theme-techarin .product:hover .product-image-wrap:before{opacity:1;transform:translateY(0)}.theme-techarin .product:hover .product-image-wrap:after{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}
.theme-techarin .th-post-card-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .55s cubic-bezier(.2,.85,.2,1),opacity .55s ease,filter .55s ease}.theme-techarin .th-post-card-image:nth-child(1){position:absolute;inset:0;width:100%;height:100%;transform:translateX(50%) scaleX(2);opacity:0;filter:blur(12px)}.theme-techarin .th-post-card-image:nth-child(2){position:relative;transform:translateX(0) scaleX(1);opacity:1;filter:blur(0)}.theme-techarin .product:hover .th-post-card-image:nth-child(1),.theme-techarin .card-image:hover .th-post-card-image:nth-child(1){transform:translateX(0) scaleX(1);opacity:1;filter:blur(0)}.theme-techarin .product:hover .th-post-card-image:nth-child(2),.theme-techarin .card-image:hover .th-post-card-image:nth-child(2){transform:translateX(-50%) scaleX(2);opacity:0;filter:blur(12px)}
.theme-techarin .product-meta{padding:2px 24px 24px}.theme-techarin .project-type{margin:4px 0 10px;color:#93c5fd;text-transform:uppercase;font-size:.78rem;letter-spacing:.1em;font-weight:800}.theme-techarin .product h3{font-size:clamp(22px,2.2vw,30px);margin:0 0 10px}.theme-techarin .product p:not(.price):not(.project-type){color:var(--muted)}.theme-techarin .product a{display:inline-flex;margin-top:10px;text-decoration:none}.theme-techarin .price{color:#93c5fd;font-size:1.15rem;font-weight:800}.theme-techarin .lazy-bg:not(.bg-loaded){background-image:linear-gradient(135deg,rgba(5,43,206,.28),rgba(15,23,42,.9))}.theme-techarin .lazy-bg.bg-loaded{animation:bgLoaded .75s ease both}@keyframes bgLoaded{from{filter:blur(7px) saturate(.7);opacity:.55}to{filter:saturate(1.05) contrast(1.05);opacity:1}}
.techarin-cursor,.techarin-cursor2{position:fixed;left:0;top:0;pointer-events:none;z-index:99999;opacity:0;display:none}.theme-techarin .techarin-cursor,.theme-techarin .techarin-cursor2{display:block;opacity:1}.techarin-cursor{width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);transition:width .25s ease,height .25s ease,opacity .25s ease,background .25s ease}.techarin-cursor2{width:34px;height:34px;border:1px solid rgba(255,255,255,.24);border-radius:50%;transform:translate(-50%,-50%);transition:width .22s ease,height .22s ease,border-color .22s ease,background .22s ease}.techarin-cursor:before{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(5,43,206,.9);box-shadow:0 0 24px rgba(5,43,206,.55)}.techarin-cursor:after{content:attr(data-text);position:absolute;left:50%;top:50%;width:122px;height:122px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 18px;box-sizing:border-box;color:#fff;font-weight:700;font-size:14px;background:rgba(15,23,42,.58);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 30px rgba(0,0,0,.42);transform:translate(-50%,-50%) scale(.12);opacity:0;transition:transform .32s ease,opacity .32s ease}.techarin-cursor.cursor--active-text{width:160px;height:160px}.techarin-cursor.cursor--active-text:before{background:rgba(5,43,206,.16);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);box-shadow:inset 0 6px 18px rgba(0,0,0,.36),0 8px 30px rgba(0,0,0,.45),0 0 28px rgba(5,43,206,.24)}.techarin-cursor.cursor--active-text:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.techarin-cursor2.cursor2--active-text{width:0;height:0;border-color:transparent;background:transparent}
@media(max-width:800px){.theme-techarin .slider{height:560px;border-radius:24px}.theme-techarin .slider-full{height:700px;border-radius:0 0 30px 30px}.theme-techarin .slide h1{font-size:42px}.theme-techarin .products.featured-projects{grid-template-columns:1fr;gap:18px}.theme-techarin .product-image-wrap,.theme-techarin .card-image{border-radius:22px;margin:10px}.techarin-cursor,.techarin-cursor2{display:none!important}}

/* v6 refinements requested: cleaner product section, card-as-link, smaller Techarin slideshow */
.product-card-link{display:block;text-decoration:none;color:inherit}
.product-card-link:hover{text-decoration:none;color:inherit}
.section-title.products-heading{margin:34px 0 22px;font-size:clamp(34px,5vw,68px);line-height:1;letter-spacing:-.045em;color:inherit}
.theme-techarin .section-title.products-heading{color:#f8fafc;cursor:default;text-shadow:none}
.theme-techarin .section-title.products-heading:after{display:none!important}
.theme-techarin .products-heading .split-char,.theme-techarin .products-heading .split-space{display:inline!important;transition:none!important;transform:none!important;color:inherit!important;text-shadow:none!important;filter:none!important}
.theme-techarin .slider{height:clamp(500px,66vh,700px)}
.theme-techarin .slider-contained{min-height:560px}
.theme-techarin .slider-full{height:clamp(660px,82vh,860px)}
.theme-techarin .product a:not(.product-card-link){display:none!important}
@media(max-width:800px){.theme-techarin .slider{height:520px}.theme-techarin .slider-full{height:620px}.section-title.products-heading{font-size:38px}}


/* v7 refinements requested: no slideshow text hover, smaller slideshow text, social links open in new tab via footer patch */
.theme-techarin .slide h1{
  cursor:default!important;
  font-size:clamp(34px,5.6vw,78px)!important; /* about 80% of previous 98px max */
}
.theme-techarin .slide p{
  font-size:clamp(15px,1.76vw,22px)!important; /* about 80% of previous 28px max */
}
.theme-techarin .slide h1 .split-char,
.theme-techarin .slide h1 .split-space{
  display:inline!important;
  transition:none!important;
  transform:none!important;
  color:inherit!important;
  text-shadow:inherit!important;
  filter:none!important;
}
.theme-techarin .slide h1:hover .split-char,
.theme-techarin .slide h1:hover .split-space{
  transform:none!important;
  color:inherit!important;
  text-shadow:inherit!important;
  filter:none!important;
}
.theme-techarin .slide h1:after{display:none!important}
.theme-techarin .slide h1.is-glitching{animation:none!important}
@media(max-width:800px){
  .theme-techarin .slide h1{font-size:34px!important}
  .theme-techarin .slide p{font-size:16px!important}
}