/* Barengin / Digital Tech — September 2026 */
:root{--bg:#070b18;--panel:#10182b;--line:#263451;--text:#f2f6ff;--muted:#a5b4cc;--mint:#65deff;--purple:#a99aff;color-scheme:dark}body{background:radial-gradient(ellipse at 90% 0,#17234566,transparent 45%),var(--bg);overflow-wrap:break-word}h1,h2,h3{text-wrap:balance}::selection{background:#65deff;color:#070b18}.shell{width:min(1280px,calc(100% - 80px))}.site-header{position:relative;z-index:30;background:#080e20ed;border-bottom:1px solid #8fb5ff22;backdrop-filter:blur(18px)}.header-inner{height:88px}.brand img{box-shadow:0 0 22px #65deff12;border:1px solid #65deff20;border-radius:11px}.header-inner nav{gap:26px}.header-inner nav>a:not(.button){position:relative;padding:12px 0}.header-inner nav>a[aria-current=page]:after{content:'';position:absolute;bottom:4px;left:0;width:18px;height:2px;background:var(--mint);box-shadow:0 0 12px var(--mint)}.button{min-height:48px;border-radius:10px;background:linear-gradient(115deg,#62ddff,#a8b7ff);border-color:#a5eaff;color:#061021;box-shadow:0 7px 24px #3ca4ff15;transition:transform .2s,box-shadow .2s}.button:hover{background:linear-gradient(115deg,#9aecff,#cbcaff);box-shadow:0 8px 30px #4d97ff30;transform:translateY(-2px)}.button.small,.button.outline{background:#16244077;border-color:#86adf34d;color:#d9eaff;box-shadow:none}.button.small:hover,.button.outline:hover{background:#1e3556;color:white;border-color:#65deff}.lang{padding:7px 11px;background:#101a30;border:1px solid #293650;border-radius:8px;font-size:11px}.hero-tech{position:relative;isolation:isolate;overflow:hidden;background:#080d21 url('hero-tech-poster-v2.jpg') center/cover;border-bottom:1px solid #517db44d}.hero-background{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;z-index:-3;opacity:.83}.hero-tech:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#060b19f0 0%,#080e23c2 38%,#10153454 75%,#11183966),linear-gradient(0deg,#070b18 0%,transparent 30%,#080d2133)}.hero-grid-lines{position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(#8fbfff06 1px,transparent 1px),linear-gradient(90deg,#8fbfff06 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent)}.hero{min-height:680px;padding-top:90px;padding-bottom:72px;gap:60px;grid-template-columns:1.15fr 1fr}.hero-text{min-width:0}.availability{color:#bcdeff;letter-spacing:.17em;font-size:10px;width:fit-content;padding:9px 13px;border:1px solid #86adf34d;border-radius:30px;background:#13274766;backdrop-filter:blur(8px)}.availability i,.hero-bottom i{box-shadow:0 0 12px #65deff;background:#65deff}.hero h1{font-size:clamp(58px,6.1vw,88px);letter-spacing:-.055em;line-height:1.08;margin:25px 0}.hero h1 .mint{background:linear-gradient(100deg,#72e8ff,#aab6ff 85%);background-clip:text;-webkit-background-clip:text;color:transparent}.spark{color:#96c6ff;font-size:58px;bottom:12px;margin-left:18px;text-shadow:0 0 40px #75b2ff55}.hero-description{font-size:16px;line-height:1.9;color:#b5c6df;max-width:475px}.hero-actions{margin-top:32px;margin-bottom:35px;gap:28px}.hero-foot{color:#afc2df;font-size:9px;gap:25px;letter-spacing:.19em}.hero-stage{padding:42px 0 65px;min-width:0}.orbit-label{color:#cee3ff;font-size:9px;letter-spacing:.19em}.showcase-window{transform:perspective(1000px) rotateY(-7deg) rotateX(3deg);border:1px solid #9bbbff5c;background:#10203ba8;backdrop-filter:blur(20px);border-radius:18px;box-shadow:0 35px 90px #0007,0 0 60px #467cff15}.window-bar{background:#14243bb0;padding:17px;color:#bdd7f1;font-size:9px}.window-bar i:nth-child(1){background:#65deff}.window-bar i:nth-child(2){background:#9c9cff}.window-bar i:nth-child(3){background:#3f6589}.hero-video-link{background:#10172b}.hero-video-link video,.hero-video-link img{height:275px;object-fit:cover}.showcase-caption{color:#c2d7f8;padding:16px 18px}.floating-note{background:linear-gradient(120deg,#162843ed,#22264ae8);border:1px solid #99b9ff55;color:#e5efff;backdrop-filter:blur(18px);border-radius:12px;transform:none;left:-18px;bottom:11px;padding:18px 22px}.note-icon{color:var(--mint);background:#65deff12;border:1px solid #65deff2b;border-radius:9px;padding:0 10px}.floating-note div>span{color:#a5bddc}.stage-coordinate{color:#b2c8e6;font-size:9px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:18px;padding-bottom:20px;border-top:1px solid #95baff26;gap:20px;font-size:9px;letter-spacing:.16em;color:#aac5e1}.hero-bottom>span{display:flex;align-items:center;gap:9px}.hero-bottom i{width:5px;height:5px;border-radius:50%;display:inline-block}.background-toggle{color:#cbdef5;border:1px solid #7ca8e33b;background:#101b32a8;border-radius:8px;min-height:40px;padding:8px 13px;font-size:11px;letter-spacing:0}.background-toggle:hover{border-color:var(--mint);color:white}.service-band{background:#0c1427;border-bottom:1px solid #243754;padding:21px 0;color:#afc8e8}.service-band .shell{font-size:11px;letter-spacing:.13em}.service-band b{color:var(--mint);font-size:23px}.section{padding-top:95px;padding-bottom:95px}.section-heading .eyebrow{color:#82bade}.section-heading h2{font-size:clamp(33px,3.7vw,50px)}.service-grid{border:0;gap:17px}.service-card{border:1px solid #293c5b;border-radius:15px;background:linear-gradient(140deg,#142139ba,#0b1427);min-height:315px;padding:29px 23px;transition:border-color .2s,transform .2s}.service-card:hover{border-color:#65deff88;transform:translateY(-4px)}.service-number{display:grid;place-items:center;width:34px;height:34px;border:1px solid #65deff40;border-radius:8px;background:#65deff0a;color:var(--mint);font-size:11px}.service-card h3{margin-top:28px;font-size:24px}.service-arrow{color:#7fb4ed}.service-tags{color:#9bb4d3;padding-top:15px;border-top:1px solid #5374a42e}.work-section{background:linear-gradient(145deg,#0d172b,#080e1e);border-block:1px solid #273858}.work-media{border:1px solid #789ed33d;border-radius:15px;box-shadow:0 20px 40px #0002;background:#111b30}.work-meta{padding:22px 4px 0}.work-meta h3{font-size:25px}.media-kind{background:#081426df;backdrop-filter:blur(10px);border:1px solid #7cacdf66;color:#d8ebff}.round-link{background:#162440;color:var(--mint);border-color:#3e5575}.process{position:relative}.process-list{gap:25px}.process-list article{background:linear-gradient(140deg,#12203a66,transparent);border:1px solid #293b55;border-radius:14px;padding:26px}.process-list article>span{font-family:monospace;color:var(--mint)}.post-cover{background:radial-gradient(ellipse at right,#34578c,#14223e);border:1px solid #49689366;border-radius:14px}.post-card:nth-child(2) .post-cover{background:radial-gradient(ellipse at right,#52428b,#1c1f3b)}.post-card:nth-child(3) .post-cover{background:radial-gradient(ellipse at right,#23556d,#102536)}.editorial-art{color:#8fe4ff}.editorial-art span{color:#b4adff}.post-meta{color:#9eb9d9}.post-card h3{font-size:23px}.post-card .text-link{color:#98d5ff}.page-intro{position:relative;padding-top:75px;padding-bottom:50px}.page-intro>.eyebrow{color:#7fc6f0}.page-intro h1{font-size:clamp(42px,5.5vw,76px)}.page-intro .mint{color:#85d6ff}.filters a,.pill{background:#122039;border-color:#334b6d}.filters a.active{background:linear-gradient(120deg,#65deff,#afbfff);color:#071126}.service-details article{border-color:#2b3b59}.about-symbol{background:radial-gradient(ellipse,#183858,transparent 70%),linear-gradient(145deg,#142038,#090f1e);border-color:#33516b}.about-symbol img{box-shadow:0 20px 80px #66baff25;border-radius:50px}.contact-form,.panel{background:linear-gradient(130deg,#122039,#0e1628);border-color:#304767;border-radius:15px}.contact-item{border-color:#30415a}.contact-item span{color:#badbff}.contact-item small{color:#7f9cbd}.prose{color:#bdcce1}.prose h2{color:#eef5ff}.project-player{border:1px solid #35516d;background:#050916}.cta{margin-top:15px;margin-bottom:20px;padding:60px;border:1px solid #3a5279;border-radius:22px;background:radial-gradient(ellipse at right,#34418a66,transparent 65%),linear-gradient(120deg,#11243b,#111c35);position:relative;overflow:hidden}.cta h2{font-size:clamp(32px,4vw,54px)}.cta h2 span{color:#83daff}.site-footer{padding-top:55px}.footer-bottom{border-color:#263b5a}.footer-main>div>.eyebrow{color:#74bfe9}input,textarea,select{background:#090f20;border-color:#3a506d;border-radius:9px}input:focus,textarea:focus,select:focus{outline-color:#65deff}button:focus-visible,a:focus-visible{outline:2px solid #65deff;outline-offset:4px}.notice{background:#0c3438;border-color:#3a8188;color:#bdf5f1}.notice.error{background:#48262c;border-color:#9b5761;color:#ffdde0}.admin-sidebar{background:#0b1224;border-color:#263858}.admin-sidebar nav a.active{background:linear-gradient(110deg,#65deff,#a6baff);color:#071122}.stat{background:linear-gradient(140deg,#142641,#10182e);border-color:#304767}.badge.published{background:#123c48;color:#9feaff}.login-card{box-shadow:0 30px 100px #0005}.search input{min-width:0}.search select{min-width:125px}.table-wrap{max-width:100%}.post-grid>* ,.work-grid>*,.footer-main>*{min-width:0}
@media(min-width:1600px){.hero{min-height:760px}.hero-background{object-position:center 45%}.hero h1{font-size:94px}.hero-video-link video,.hero-video-link img{height:320px}}
@media(max-width:1100px){.header-inner nav{gap:17px}.shell{width:calc(100% - 56px)}.hero{gap:36px;min-height:610px;padding-top:65px;padding-bottom:65px}.hero h1{font-size:64px}.spark{font-size:43px;margin-left:10px}.hero-description{font-size:15px}.hero-actions{gap:20px;flex-wrap:wrap}.hero-video-link video,.hero-video-link img{height:235px}.floating-note{left:-8px;padding:16px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-inner .button.small{padding:10px 13px}.header-inner nav{font-size:12px}.cta{padding:42px}.admin-layout{grid-template-columns:205px minmax(0,1fr)}}
@media(min-width:761px) and (max-width:900px){.header-inner nav{gap:12px}.header-inner .brand{font-size:22px}.header-inner .brand img{width:32px;height:32px}.header-inner .button.small{font-size:11px;gap:6px;padding:9px}.header-inner .lang{padding:5px;gap:5px}.hero{grid-template-columns:1fr 1fr;gap:27px}.hero h1{font-size:55px}.spark{font-size:34px;bottom:9px}.hero-foot{font-size:8px;gap:12px}.hero-video-link video,.hero-video-link img{height:220px}.floating-note strong,.floating-note div>span{font-size:10px}.floating-note{padding:12px;gap:10px}.orbit-label{font-size:7px}.hero-description{font-size:14px}.window-bar{font-size:8px}.hero-stage{padding-bottom:65px}.post-grid{gap:20px}.post-card h3{font-size:21px}}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.header-inner{height:76px}.header-inner nav{top:76px;background:#0d172bef;backdrop-filter:blur(22px);padding:22px 20px;gap:13px}.header-inner nav>a:not(.button){padding:9px 0}.header-inner .lang{width:fit-content;padding:9px 14px;gap:13px}.menu-toggle{width:46px;height:44px;background:#111f36;border-color:#35506e;border-radius:9px}.hero{grid-template-columns:minmax(0,1fr);min-height:auto;padding-top:46px;padding-bottom:35px;gap:30px}.hero h1{font-size:clamp(48px,11.5vw,78px);margin-top:25px;line-height:1.08}.hero-tech:before{background:linear-gradient(90deg,#060b19d9,#0a112593),linear-gradient(0deg,#070b18,transparent 40%)}.hero-background{object-position:65% center;opacity:.76}.hero-description{font-size:15px;max-width:510px}.availability{font-size:9px;padding:8px 10px;letter-spacing:.1em;margin-bottom:20px}.spark{font-size:40px;bottom:9px;margin-left:12px}.hero-actions{gap:22px;margin:26px 0 30px}.hero-foot{gap:19px;letter-spacing:.13em;font-size:8px}.hero-stage{width:100%;max-width:570px;margin:0 auto;padding:16px 3px 64px}.showcase-window{transform:none;border-radius:14px}.hero-video-link video,.hero-video-link img{height:auto;aspect-ratio:16/9}.window-bar{padding:13px 14px}.orbit-label{font-size:8px}.floating-note{left:12px;bottom:17px;padding:13px 16px;max-width:calc(100% - 24px)}.floating-note strong,.floating-note div>span{font-size:11px}.stage-coordinate{bottom:-6px;right:3px;font-size:8px}.hero-bottom{padding-top:15px;padding-bottom:16px;gap:12px;letter-spacing:.08em;font-size:8px}.hero-bottom>span{max-width:55%;line-height:1.8}.background-toggle{font-size:10px;padding:8px 10px;min-width:100px;min-height:44px}.service-band{padding:14px 0}.service-band .shell{font-size:9px;gap:24px}.section{padding-top:60px;padding-bottom:60px}.service-grid{gap:13px}.service-card{padding:22px 17px;min-height:300px}.service-card h3{font-size:22px;overflow-wrap:normal}.service-arrow{right:17px}.service-tags{font-size:9px;overflow-wrap:anywhere}.work-meta h3{font-size:22px}.work-grid,.post-grid{gap:30px}.page-intro{padding-top:48px;padding-bottom:35px}.page-intro h1{font-size:clamp(39px,9.5vw,58px)}.page-intro p{font-size:16px}.process-list{gap:17px}.process-list article{padding:24px}.cta{padding:32px 24px;margin-top:0;margin-bottom:10px;border-radius:16px;gap:25px}.cta h2{font-size:34px}.cta .button{align-self:start}.contact-grid{gap:30px}.site-footer{padding-top:40px}.footer-main{gap:28px}.admin-layout{display:block}.admin-sidebar nav{gap:6px}.admin-sidebar nav a{min-height:40px}.admin-heading{gap:15px}.admin-main{padding:25px 18px}.search{flex-wrap:wrap}.search input{flex:1 1 150px}.search select{flex:1 1 120px;width:auto}.search button{flex:0 0 auto}.article h1{font-size:36px}.service-details h2{font-size:30px}}
@media(max-width:370px){.shell{width:calc(100% - 32px)}.hero h1{font-size:47px}.spark{font-size:31px;margin-left:9px}.hero-actions{gap:20px}.hero-foot{gap:12px;font-size:7px}.availability{font-size:8px;letter-spacing:.07em}.service-grid{grid-template-columns:1fr}.service-card{min-height:245px}.hero-bottom{gap:8px}.hero-bottom>span{font-size:7px}.background-toggle{min-width:93px}.footer-bottom{font-size:10px}.admin-main{padding:24px 14px}.stats{grid-template-columns:1fr}.stat{padding:16px}.stat strong{font-size:32px}.article h1{font-size:32px}.page-intro h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){.button:hover,.service-card:hover{transform:none}}

.cta{isolation:isolate;background:#0b1429 url('cta-poster-v2.jpg') center/cover;padding-bottom:76px}.cta-background{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none;z-index:-2}.cta:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#081327eb,#0a1422bd 60%,#0c15328c);z-index:-1;pointer-events:none}.cta>div,.cta>.button{position:relative;z-index:1}.cta .eyebrow{color:#d5e9ff}.cta h2{color:#f4f8ff;text-shadow:0 2px 18px #0006}.cta-video-toggle{position:absolute;right:20px;bottom:15px;z-index:2;backdrop-filter:blur(10px)}@media(max-width:760px){.cta{padding-bottom:78px}.cta:before{background:linear-gradient(110deg,#081327e8,#0b1422b3)}.cta-video-toggle{bottom:15px;right:18px}}
.about-symbol{position:relative;isolation:isolate;overflow:hidden;background:#101c30 url('about-poster.jpg') center/cover}.about-background{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;z-index:-2;pointer-events:none}.about-symbol:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#07122555,#0a13277a);z-index:-1;pointer-events:none}.about-symbol>img{position:relative;z-index:1}.about-video-toggle{position:absolute;bottom:16px;right:16px;z-index:2;min-height:44px;backdrop-filter:blur(10px)}
.article-image{height:auto}.article-dates{font-size:12px;color:#a8bfdc;margin:15px 0 28px}.article-toc{padding:25px 30px;border:1px solid #304c6d;border-radius:12px;background:#11203988;margin:30px 0}.article-toc strong{color:#9fddff}.article-toc ol{padding-left:22px;margin-bottom:0}.article-toc li{margin:8px 0;font-size:14px}.article-toc a:hover,.prose a:hover{color:white}.prose a{color:#8edcff;text-decoration:underline;text-underline-offset:4px}.prose h2,.prose h3{scroll-margin-top:25px}.prose h3{font-size:23px;margin-top:30px;color:#dceaff}.prose li{margin:10px 0;color:#b8c9df}.prose ul{padding-left:24px}.article-related{margin-top:55px;padding-top:35px;border-top:1px solid #293d5b}.article-related>h2{font-size:30px}.article-related .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-related .post-cover img{height:100%}@media(max-width:760px){.article-toc{padding:20px}.article-related .post-grid{grid-template-columns:1fr}.article-toc li{font-size:13px}}
.brand{white-space:nowrap}.admin-sidebar .brand{font-size:20px;gap:5px}.admin-sidebar .brand img{width:31px;height:31px}.process-list>div{background:linear-gradient(140deg,#12203a66,transparent);border:1px solid #293b55;border-radius:14px;padding:26px}.process-list>div>span{color:var(--mint);font-family:monospace}.process-list>div h3{margin-top:25px}.process-list>div>b{color:var(--mint)}@media(min-width:761px) and (max-width:900px){.header-inner{gap:12px}.header-inner nav{gap:9px}.header-inner .brand{font-size:20px}.header-inner nav>a{font-size:11px}.header-inner .brand img{width:28px;height:28px}}@media(max-width:370px){.brand{font-size:22px}.brand img{width:32px;height:32px}}
@media(max-width:520px){.service-grid{grid-template-columns:minmax(0,1fr)}.service-card{min-height:245px}.service-card h3,.service-details h2{overflow-wrap:anywhere}.process-list{grid-template-columns:minmax(0,1fr)}}
/* Consistent vector icons across Safari, Android and desktop. */
.ui-icon{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.14em;overflow:visible}.button .ui-icon,.round-link .ui-icon{width:20px;height:20px}.button>span{display:inline-flex;align-items:center}.text-link .ui-icon{width:16px;height:16px;margin-left:4px}.spark .ui-icon{width:1em;height:1em}.menu-toggle{display:none;align-items:center;justify-content:center}.menu-toggle .ui-icon{width:22px;height:22px}.background-toggle,[data-video-toggle]{align-items:center;justify-content:center;gap:8px}.background-toggle{display:inline-flex}[data-video-toggle]:not([hidden]){display:inline-flex}.media-kind .ui-icon{width:12px;height:12px}.service-band .ui-icon{width:22px;height:22px}.note-icon .ui-icon{width:24px;height:24px}.footer-bottom .ui-icon{width:12px;height:12px}
@media(max-width:760px){.menu-toggle{display:inline-flex}.hero-text,.hero-stage{min-width:0}.hero h1{font-size:clamp(42px,10.8vw,72px);line-height:1.09;letter-spacing:-.055em}.hero h1 .spark{position:static;display:inline-flex;font-size:.48em;margin-left:.2em;vertical-align:.1em}.hero-description{line-height:1.75;margin-top:22px}.hero-actions{gap:20px;align-items:flex-start;flex-direction:column}.hero-actions .button{min-height:52px}.hero-actions .text-link{display:inline-flex;align-items:center;min-height:44px}.availability{max-width:100%;font-size:8px;letter-spacing:.075em}.availability i{flex:none}.hero-stage{padding-top:8px}.orbit-label{letter-spacing:.08em}.service-band .shell{flex-wrap:wrap;justify-content:center;gap:12px 18px}.page-intro h1,.cta h2{overflow-wrap:anywhere}.contact-item a{overflow-wrap:anywhere}.lang a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.window-bar{gap:10px;font-size:9px}}