@import url('tokens.css');
*{box-sizing:border-box}html{background:var(--dsb-bg);color:var(--dsb-ivory);scroll-behavior:smooth}body{margin:0;font-family:"Geist","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--dsb-bg);color:var(--dsb-ivory);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.container{width:min(var(--dsb-max),calc(100% - (var(--dsb-pad)*2)));margin-inline:auto}.grid12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--dsb-gutter)}
.site-header{height:72px;position:sticky;top:0;z-index:50;border-bottom:1px solid transparent;transition:background var(--dsb-ui),border-color var(--dsb-ui),backdrop-filter var(--dsb-ui),transform var(--dsb-ui) var(--dsb-ease)}.site-header.is-scrolled{background:rgba(8,9,11,.88);border-color:rgba(255,255,255,.07);backdrop-filter:blur(14px)}.site-header.is-hidden{transform:translateY(-100%)}.header-inner{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;min-width:208px}.brand-mark{font-weight:680;letter-spacing:-.055em;font-size:24px;line-height:1}.brand small{font:600 8px/1.15 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15em;color:var(--dsb-steel);max-width:68px}.nav{display:flex;gap:25px;margin-left:auto;color:#c8cbd2;font-size:12.5px}.nav a{transition:color var(--dsb-fast)}.nav a:hover{color:white}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:44px;padding:0 17px;border-radius:8px;border:1px solid var(--dsb-border);background:transparent;color:var(--dsb-ivory);transition:transform var(--dsb-fast),border-color var(--dsb-fast),background var(--dsb-fast)}.button:hover{transform:translateY(-1px);border-color:#3b4351}.button.primary{background:var(--dsb-blue);border-color:var(--dsb-blue);color:white;font-weight:700}.button span,.text-link span{transition:transform var(--dsb-fast)}.button:hover span,.text-link:hover span{transform:translateX(4px)}.menu-toggle{display:none;width:44px;height:44px;margin-left:auto;border:1px solid var(--dsb-border);border-radius:8px;background:transparent;position:relative;color:white}.menu-toggle span{position:absolute;width:16px;height:1px;background:currentColor;left:13px;top:18px;transition:transform var(--dsb-ui),top var(--dsb-ui)}.menu-toggle span+span{top:24px}.menu-toggle[aria-expanded="true"] span{top:21px;transform:rotate(45deg)}.menu-toggle[aria-expanded="true"] span+span{transform:rotate(-45deg)}.mobile-menu{display:none}
.hero{min-height:min(800px,calc(100svh - 72px));display:flex;align-items:center;padding:58px 0 70px;position:relative}.hero:after{content:"";position:absolute;width:560px;height:560px;right:-270px;top:3%;background:radial-gradient(circle,rgba(73,108,255,.08),transparent 68%);pointer-events:none}.hero-grid{align-items:center}.hero-copy{grid-column:span 7;position:relative;z-index:2}.eyebrow,.section-label{font:700 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;color:var(--dsb-blue);text-transform:uppercase}.hero h1{font-size:clamp(58px,6.35vw,92px);line-height:.91;letter-spacing:-.066em;margin:25px 0 29px;font-weight:680}.hero h1 span{display:block}.hero h1 em{font-style:normal;color:var(--dsb-blue)}.hero p{font-size:17px;line-height:1.6;max-width:570px;color:#bdc1c9;margin:0 0 29px}.actions{display:flex;gap:10px;flex-wrap:wrap}.hero-footnote{display:flex;align-items:center;gap:13px;margin-top:44px;font:650 9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;color:#737b88}.hero-footnote i{width:26px;height:1px;background:var(--dsb-border)}
.project-stack{grid-column:span 5;position:relative;min-height:430px;perspective:1200px}.stack-card{appearance:none;text-align:left;color:inherit;position:absolute;width:92%;height:282px;border:1px solid var(--dsb-border);background:linear-gradient(145deg,#12151b,#090b0f);border-radius:14px;overflow:hidden;padding:17px;cursor:pointer;transition:transform 560ms var(--dsb-ease),opacity 560ms var(--dsb-ease),border-color var(--dsb-fast);box-shadow:0 22px 70px rgba(0,0,0,.22)}.stack-card:nth-child(1){top:28px;right:0;z-index:3}.stack-card:nth-child(2){top:78px;left:0;opacity:.56;transform:scale(.945);z-index:2}.stack-card:nth-child(3){top:129px;right:6%;opacity:.25;transform:scale(.89);z-index:1}.stack-card.is-active{opacity:1;z-index:4;transform:translate3d(0,0,0) scale(1);border-color:#2a3240}.stack-meta{font:650 10px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--dsb-steel);display:flex;justify-content:space-between;gap:12px}.stack-meta strong{color:var(--dsb-ivory)}.stack-screen{height:205px;margin-top:14px;border-top:1px solid #242a34;position:relative;background:radial-gradient(circle at 70% 26%,rgba(73,108,255,.12),transparent 34%)}.stack-screen.has-cover{background-image:linear-gradient(rgba(8,9,11,.18),rgba(8,9,11,.7)),var(--cover);background-size:cover;background-position:center}.screen-toolbar{height:26px;display:flex;align-items:center;gap:5px}.screen-toolbar i{width:4px;height:4px;border-radius:50%;background:#495160}.screen-layout{display:grid;grid-template-columns:1.5fr .5fr;gap:9px;height:164px}.screen-main,.screen-side{border:1px solid #242a34;background:rgba(14,17,22,.82);border-radius:7px;padding:14px}.screen-main{display:flex;flex-direction:column;justify-content:flex-end;gap:7px}.screen-main span{display:block;height:5px;background:#2a303a;border-radius:4px}.screen-main span:first-child{width:40%;height:8px;background:#d6d7d6}.screen-main span:nth-child(2){width:70%}.screen-side{display:flex;gap:7px;flex-direction:column}.screen-side b{display:block;flex:1;border:1px solid #252b35;border-radius:4px}.stack-index{position:absolute;bottom:18px;right:19px;font:650 9px ui-monospace,monospace;color:#5b6473}.stack-controls{position:absolute;bottom:6px;right:0;display:flex;gap:4px}.stack-controls button{background:none;border:0;color:#515966;font:650 9px ui-monospace,monospace;padding:7px;cursor:pointer}.stack-controls button.is-active{color:var(--dsb-blue)}
.proof{border-top:1px solid var(--dsb-border);border-bottom:1px solid var(--dsb-border)}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.metric{padding:27px 24px;border-right:1px solid var(--dsb-border)}.metric:first-child{padding-left:0}.metric:last-child{border-right:0}.metric strong{display:block;font-size:27px;letter-spacing:-.045em}.metric span{font:650 9px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--dsb-steel);letter-spacing:.09em}
.section{padding:94px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:31px}.section-head h2,.responsibility-intro h2,.technology-head h2{font-size:clamp(40px,4.1vw,57px);line-height:.96;letter-spacing:-.052em;margin:10px 0 0;font-weight:620}.text-link{display:flex;align-items:center;gap:9px;font-size:12px;color:#c9ccd3;white-space:nowrap}.work-grid{row-gap:66px}.work-feature{grid-column:1/-1}.split-work{grid-column:span 7}.split-work.small{grid-column:span 5}.project-visual{display:block;height:clamp(400px,46vw,670px);border:1px solid var(--dsb-border);border-radius:14px;background:radial-gradient(circle at 78% 30%,rgba(73,108,255,.2),transparent 32%),linear-gradient(145deg,#141821,#090b0f 64%);position:relative;overflow:hidden;transition:border-color var(--dsb-project),transform var(--dsb-project) var(--dsb-ease)}.project-visual.has-cover{background-image:linear-gradient(145deg,rgba(8,9,11,.18),rgba(8,9,11,.6)),var(--cover);background-size:cover;background-position:center}.project-visual:hover{border-color:#343d4b}.project-ui{position:absolute;inset:10% 7% 9%;border:1px solid #2c333f;border-radius:10px;background:rgba(10,12,16,.76);box-shadow:0 24px 80px rgba(0,0,0,.25);transition:transform var(--dsb-project) var(--dsb-ease)}.project-visual:hover .project-ui{transform:scale(1.012)}.project-ui-1{inset:12% 8% 11% 9%;background:linear-gradient(145deg,rgba(238,237,232,.92),rgba(199,199,194,.78));border-color:rgba(255,255,255,.35)}.project-ui-1 .ui-top,.project-ui-1 .ui-top b{color:#111318}.project-ui-1 .ui-window{border-color:rgba(17,19,24,.18);background:rgba(242,241,236,.8)}.project-ui-1 .ui-copy i{background:rgba(17,19,24,.16)}.project-ui-1 .ui-copy i:first-child{background:#111318}.project-ui-1 .ui-device{border-color:rgba(17,19,24,.22);background:rgba(255,255,255,.5)}.project-ui-2{background:linear-gradient(145deg,#0d1118,#090b0f)}.ui-top{height:40px;border-bottom:1px solid #272e38;padding:0 15px;display:flex;align-items:center;justify-content:space-between;color:#d7d8d8;font:650 9px ui-monospace,monospace;letter-spacing:.06em}.ui-top b{font-weight:500;color:#687181}.ui-window{position:absolute;left:4%;right:4%;top:56px;bottom:5%;border:1px solid #252c36;border-radius:7px;background:rgba(15,18,24,.78);padding:7%;display:grid;grid-template-columns:1.45fr .55fr;gap:8%}.ui-copy{align-self:end}.ui-copy i{display:block;height:7px;background:#303744;margin-top:8px;border-radius:4px}.ui-copy i:first-child{height:18px;background:#e4e3df;width:55%;margin-bottom:16px}.ui-copy i:nth-child(2){width:80%}.ui-device{border:1px solid #303846;border-radius:9px;background:radial-gradient(circle at 50% 15%,rgba(73,108,255,.25),transparent 32%),#11151c}.open-case{position:absolute;right:18px;bottom:17px;font:650 9px ui-monospace,monospace;letter-spacing:.08em;opacity:0;transform:translateY(4px);transition:opacity var(--dsb-fast),transform var(--dsb-fast);padding:8px 10px;border-radius:6px;background:rgba(8,9,11,.7);backdrop-filter:blur(10px)}.project-visual:hover .open-case{opacity:1;transform:none}.project-info{display:grid;grid-template-columns:2fr 1fr;gap:24px;padding-top:18px}.project-kicker{font:650 9px ui-monospace,monospace;letter-spacing:.09em;color:#606978;margin-bottom:9px}.project-info h3{font-size:29px;letter-spacing:-.04em;margin:0 0 4px}.project-info p{margin:0;color:var(--dsb-steel);font-size:14px}.tags{display:flex;flex-wrap:wrap;align-content:start;gap:6px;justify-content:flex-end}.tag{font:650 9px ui-monospace,monospace;border:1px solid var(--dsb-border);color:#aeb3bd;border-radius:999px;padding:6px 8px}
.responsibility{background:var(--dsb-surface);border-top:1px solid var(--dsb-border);border-bottom:1px solid var(--dsb-border);padding:88px 0}.responsibility-intro{grid-column:span 5;padding-right:7%}.responsibility-intro h2{margin-top:13px}.responsibility-intro p{max-width:390px;color:var(--dsb-steel);font-size:15px;line-height:1.65;margin:26px 0 0}.responsibility-list{grid-column:6/-1;border-top:1px solid #2a2f38}.responsibility-list article{display:grid;grid-template-columns:50px 1fr;gap:10px;min-height:91px;align-items:center;border-bottom:1px solid #2a2f38;transition:padding var(--dsb-ui) var(--dsb-ease),background var(--dsb-ui)}.responsibility-list article:hover{padding-left:10px;background:linear-gradient(90deg,rgba(73,108,255,.045),transparent 55%)}.responsibility-list article>span{font:650 9px ui-monospace,monospace;color:var(--dsb-blue)}.responsibility-list h3{margin:0 0 5px;font-size:18px;font-weight:560}.responsibility-list p{margin:0;color:#818996;font-size:13px}
.expertise-home{padding-top:102px}.expertise-list{border-top:1px solid var(--dsb-border)}.expertise-row{min-height:94px;display:grid;grid-template-columns:70px minmax(0,1fr) 190px 25px;align-items:center;gap:15px;border-bottom:1px solid var(--dsb-border);transition:padding var(--dsb-ui) var(--dsb-ease),background var(--dsb-ui)}.expertise-row:hover{padding-left:9px;background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 60%)}.expertise-no{font:650 9px ui-monospace,monospace;color:#5d6675}.expertise-copy{display:grid;grid-template-columns:minmax(270px,.8fr) 1.2fr;align-items:center;gap:28px}.expertise-copy h3{font-size:22px;letter-spacing:-.025em;margin:0;font-weight:560}.expertise-copy p{font-size:13px;color:#858d99;margin:0;max-width:520px;line-height:1.5}.expertise-proof{font:650 9px ui-monospace,monospace;color:#6d7582;letter-spacing:.08em;text-align:right}.expertise-row>b{font-size:15px;color:#4e5766;transition:color var(--dsb-fast),transform var(--dsb-fast)}.expertise-row:hover>b{color:var(--dsb-blue);transform:translate(2px,-2px)}
.technology-home{background:linear-gradient(180deg,#08090B,#0a0c10);border-top:1px solid var(--dsb-border);padding-top:101px}.technology-head{display:grid;grid-template-columns:1.35fr .65fr;gap:12%;align-items:end;margin-bottom:41px}.technology-head h2 span{color:var(--dsb-blue)}.technology-head>p{color:#858d99;font-size:14px;line-height:1.65;margin:0 0 5px}.technology-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:14px}.product-card{border:1px solid var(--dsb-border);border-radius:12px;background:#0d0f13;position:relative;overflow:hidden}.product-main{min-height:570px;padding:25px;display:flex;flex-direction:column}.product-top{display:flex;justify-content:space-between;align-items:center;font:650 9px ui-monospace,monospace;color:#68717f;letter-spacing:.08em}.product-status{border:1px solid #303642;border-radius:999px;padding:6px 8px;color:#858d99}.product-status.live{border-color:rgba(73,108,255,.45);color:var(--dsb-blue-soft);background:rgba(73,108,255,.06)}.product-card h3{font-size:34px;letter-spacing:-.045em;margin:36px 0 7px}.product-card p{font-size:13px;line-height:1.58;color:#858d99;max-width:520px;margin:0}.product-demo{height:275px;margin:35px 0 26px;position:relative;border-top:1px solid #20252e;border-bottom:1px solid #20252e;background:radial-gradient(circle at 70% 60%,rgba(73,108,255,.11),transparent 39%)}.phone-demo{position:absolute;width:105px;height:205px;border:1px solid #343b49;border-radius:19px;left:9%;bottom:22px;background:#090b0f;z-index:2;padding:26px 10px 10px;transform:rotate(-5deg);box-shadow:0 18px 50px rgba(0,0,0,.28)}.phone-demo i{position:absolute;top:9px;left:39px;width:28px;height:4px;border-radius:4px;background:#222832}.phone-demo div{height:35px;border:1px solid #252c36;border-radius:6px;margin-bottom:8px;background:#10141a}.phone-demo div:first-of-type{background:linear-gradient(135deg,rgba(73,108,255,.25),#11151c)}.dashboard-demo{position:absolute;left:26%;right:4%;height:206px;bottom:28px;border:1px solid #2d3440;border-radius:9px;background:#0c0f14;display:grid;grid-template-columns:19% 1fr;overflow:hidden;box-shadow:0 22px 65px rgba(0,0,0,.24)}.dash-nav{border-right:1px solid #202630;background:#0a0c10}.dash-content{padding:17px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.dash-content span{border:1px solid #252c36;border-radius:6px;background:linear-gradient(145deg,#121720,#0d1015)}.dash-content span:last-child{grid-column:1/-1}.deployments{display:grid;grid-template-columns:145px 1fr;gap:20px;margin-bottom:26px}.deployments span{font:650 9px ui-monospace,monospace;color:var(--dsb-blue);letter-spacing:.09em}.deployments p{font-size:12px;color:#a0a6b0}.product-main>a{font-size:12px;margin-top:auto;color:#d3d5da}.product-side{display:grid;grid-template-rows:1fr 1fr auto;gap:14px}.product-card.compact{padding:20px;min-height:190px}.compact h3{font-size:25px;margin:27px 0 6px}.product-orbit{position:absolute;width:110px;height:110px;right:-25px;bottom:-35px;border:1px solid #222936;border-radius:50%}.product-orbit i{position:absolute;border:1px solid #27303e;border-radius:50%}.product-orbit i:nth-child(1){inset:14px}.product-orbit i:nth-child(2){inset:34px;border-color:rgba(73,108,255,.35)}.product-orbit i:nth-child(3){width:7px;height:7px;background:var(--dsb-blue);border:0;left:49px;top:10px}.technology-note{padding:19px;border-top:1px solid var(--dsb-border);color:#858d99}.technology-note span{font:650 9px ui-monospace,monospace;color:#606978}.technology-note strong{display:block;color:#d9d9d6;font-size:14px;margin:7px 0}.technology-note p{font-size:11px;line-height:1.5;margin:0}.home-next{border-top:1px solid var(--dsb-border);padding:27px 0}.home-next .container{display:flex;justify-content:space-between;gap:20px;color:#626b78;font:650 9px ui-monospace,monospace;letter-spacing:.08em}.home-next p{margin:0;text-align:right}
.site-footer{border-top:1px solid var(--dsb-border);padding:59px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr .6fr .7fr;gap:60px}.footer-brand{display:grid;grid-template-columns:auto 1fr;column-gap:13px;align-items:start}.footer-brand strong{font-size:25px;letter-spacing:-.05em}.footer-brand>span{font:650 8px/1.2 ui-monospace,monospace;letter-spacing:.14em;color:#7e8693;max-width:70px}.footer-brand p{grid-column:1/-1;color:#777f8c;font-size:12px;line-height:1.55;max-width:350px;margin:23px 0 0}.footer-nav{display:grid;gap:9px;font-size:12px;color:#afb3bb}.footer-contact{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:23px}.footer-contact>span,.footer-bottom{font:650 8px ui-monospace,monospace;letter-spacing:.1em;color:#626b78}.footer-contact a{font-size:13px}.footer-bottom{border-top:1px solid #181c23;margin-top:48px;padding-top:21px;display:flex;justify-content:space-between;gap:24px}
@media(max-width:980px){:root{--dsb-gutter:20px}.nav,.header-cta{display:none}.menu-toggle{display:block}.brand{min-width:0}.mobile-menu{display:block;position:fixed;inset:72px 0 0;background:rgba(8,9,11,.98);z-index:45;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--dsb-ui),visibility var(--dsb-ui),transform var(--dsb-ui)}.mobile-menu.is-open{opacity:1;visibility:visible;transform:none}.mobile-menu-inner{padding-top:46px}.mobile-menu nav{border-top:1px solid var(--dsb-border)}.mobile-menu nav a{display:flex;align-items:center;justify-content:space-between;font-size:31px;letter-spacing:-.04em;padding:17px 0;border-bottom:1px solid var(--dsb-border)}.mobile-menu nav span{font:650 9px ui-monospace,monospace;color:#5e6674}.mobile-project-cta{margin-top:32px}.mobile-menu-foot{margin-top:38px;font:650 9px ui-monospace,monospace;color:#606977}.hero{padding-top:48px}.hero-copy,.project-stack{grid-column:1/-1}.project-stack{min-height:370px;margin-top:27px}.proof-grid{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--dsb-border)}.split-work,.split-work.small{grid-column:1/-1}.project-info{grid-template-columns:1fr}.tags{justify-content:flex-start}.responsibility-intro,.responsibility-list{grid-column:1/-1}.responsibility-list{margin-top:45px}.expertise-row{grid-template-columns:50px 1fr 25px}.expertise-copy{grid-template-columns:1fr}.expertise-proof{display:none}.technology-head{grid-template-columns:1fr;gap:25px}.technology-grid{grid-template-columns:1fr}.product-side{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.technology-note{grid-column:1/-1}.footer-grid{grid-template-columns:1fr 1fr}.footer-contact{grid-column:1/-1;text-align:left;align-items:flex-start}.footer-nav{text-align:right}}
@media(max-width:600px){:root{--dsb-pad:20px;--dsb-gutter:16px}.site-header{height:60px}.mobile-menu{inset:60px 0 0}.grid12{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{min-height:auto;padding:63px 0 52px}.hero h1{font-size:51px}.hero p{font-size:15px}.hero-footnote{margin-top:35px;flex-wrap:wrap}.project-stack{min-height:306px}.stack-card{height:222px;width:96%;padding:14px}.stack-card:nth-child(1){top:15px}.stack-card:nth-child(2){top:49px}.stack-card:nth-child(3){top:84px}.stack-screen{height:153px}.screen-layout{height:117px}.stack-controls{bottom:0}.metric{padding:20px 13px}.metric strong{font-size:23px}.section{padding:72px 0}.section-head{align-items:flex-start;gap:17px;flex-direction:column}.section-head h2,.responsibility-intro h2,.technology-head h2{font-size:38px}.project-visual{height:330px}.project-ui{inset:8% 5%}.ui-window{padding:5%;gap:5%}.project-info h3{font-size:25px}.responsibility{padding:70px 0}.responsibility-intro{padding-right:0}.responsibility-list article{grid-template-columns:42px 1fr;min-height:89px}.expertise-row{min-height:105px;grid-template-columns:36px 1fr 20px;gap:8px}.expertise-copy h3{font-size:19px}.expertise-copy p{font-size:12px;margin-top:5px}.product-main{min-height:550px;padding:19px}.product-demo{height:245px}.phone-demo{left:1%;transform:rotate(-4deg) scale(.9)}.dashboard-demo{left:22%;right:-9%}.deployments{grid-template-columns:1fr;gap:8px}.product-side{grid-template-columns:1fr}.technology-note{grid-column:auto}.home-next .container{display:block}.home-next p{text-align:left;margin-top:7px}.footer-grid{grid-template-columns:1fr}.footer-nav{text-align:left}.footer-contact{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* V0.2.1 — HOME COMPLETION & VISUAL POLISH */
:root{--dsb-section-tight:82px;--dsb-line:rgba(255,255,255,.075);--dsb-muted:#a7adb8;--dsb-surface-2:#0d1015}
::selection{background:rgba(73,108,255,.95);color:#fff}
body{background-image:linear-gradient(90deg,transparent 0,transparent calc(50% - .5px),rgba(255,255,255,.018) 50%,transparent calc(50% + .5px));background-size:100% 100%}
.site-header{backdrop-filter:none}.site-header.is-scrolled{background:rgba(8,9,11,.9);backdrop-filter:blur(10px) saturate(120%)}
.hero{padding-top:44px;padding-bottom:58px}.hero h1{max-width:820px}.hero p{max-width:525px}.hero:after{opacity:.7}
.project-stack{min-height:405px}.stack-card{box-shadow:0 24px 80px rgba(0,0,0,.18)}
.proof-grid{min-height:108px}.metric{display:flex;flex-direction:column;justify-content:center;padding-top:22px;padding-bottom:22px}
.section{padding:var(--dsb-section-tight) 0}.section-head{margin-bottom:27px}.section-head h2,.responsibility-intro h2,.technology-head h2{font-weight:590}.selected-work{padding-top:88px}.work-grid{row-gap:56px}.project-info{margin-top:16px}.project-info h3{margin-bottom:4px}.project-info p{max-width:560px}.project-visual{box-shadow:none}.project-visual:hover{transform:translateY(-2px)}
.responsibility{padding:76px 0}.responsibility-intro p{max-width:430px}.responsibility-list article{min-height:92px}.responsibility-list article:hover{padding-left:13px}.expertise-row{min-height:91px}.technology-home{padding-top:88px;padding-bottom:88px}.product-card{box-shadow:none}.product-main{min-height:570px}.technology-note{min-height:148px}

/* Shared compact editorial system */
.micro-label{font:700 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:var(--dsb-steel);text-transform:uppercase}.micro-label.blue{color:var(--dsb-blue)}
.section-rule{border-top:1px solid var(--dsb-line)}
.editorial-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--dsb-gutter);align-items:end;margin-bottom:34px}.editorial-head>div:first-child{grid-column:span 8}.editorial-head>p{grid-column:9/-1;margin:0;color:var(--dsb-muted);font-size:14px;line-height:1.7}.editorial-head h2{font-size:clamp(38px,4vw,56px);line-height:.97;letter-spacing:-.052em;font-weight:590;margin:10px 0 0}.editorial-head h2 span{color:var(--dsb-blue)}

/* Flagship systems */
.flagship-systems{padding:88px 0;border-top:1px solid var(--dsb-line)}
.system-case{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--dsb-gutter);padding:34px 0;border-top:1px solid var(--dsb-line)}.system-case:last-child{border-bottom:1px solid var(--dsb-line)}
.system-case-meta{grid-column:span 3}.system-case-meta h3{font-size:25px;letter-spacing:-.035em;margin:8px 0 6px}.system-case-meta p{color:var(--dsb-steel);font-size:12px;margin:0}.system-case-body{grid-column:span 9}.system-case-copy{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:25px}.system-case-copy>p{max-width:560px;color:#b7bcc5;line-height:1.65;margin:0;font-size:15px}.system-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.system-tags span{font:650 9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;color:#9098a5;border:1px solid var(--dsb-border);border-radius:999px;padding:7px 9px;white-space:nowrap}
.azka-ecosystem{position:relative;min-height:260px;border:1px solid var(--dsb-border);border-radius:12px;background:linear-gradient(135deg,rgba(73,108,255,.035),transparent 35%),#0a0c10;overflow:hidden;padding:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;align-items:center}.azka-ecosystem:before{content:"";position:absolute;left:15%;right:15%;top:50%;height:1px;background:linear-gradient(90deg,rgba(73,108,255,.25),rgba(185,200,255,.9),rgba(73,108,255,.25));box-shadow:0 0 20px rgba(73,108,255,.18)}.azka-ecosystem:after{content:"DS CORE / SHARED EXPERIENCE LAYER";position:absolute;left:50%;bottom:21px;transform:translateX(-50%);font:700 8px ui-monospace,monospace;letter-spacing:.13em;color:#717b8b;background:#0a0c10;padding:0 10px;white-space:nowrap}.eco-node{position:relative;z-index:2;min-height:118px;border:1px solid #28303c;border-radius:10px;background:rgba(14,17,22,.94);padding:18px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color 220ms,transform 320ms var(--dsb-ease),background 220ms}.eco-node:hover{transform:translateY(-3px);border-color:#496cff;background:#11151d}.eco-node .node-no{font:700 8px ui-monospace,monospace;color:var(--dsb-blue);letter-spacing:.1em}.eco-node strong{font-size:16px;letter-spacing:-.02em}.eco-node small{color:#7f8794;font-size:10px;line-height:1.45}.eco-node i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--dsb-blue);box-shadow:0 0 15px rgba(73,108,255,.8);top:calc(50% - 3px)}.eco-node:first-child i{right:-24px}.eco-node:nth-child(2) i{left:-24px}.eco-node:nth-child(2):after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--dsb-blue);box-shadow:0 0 15px rgba(73,108,255,.8);right:-24px;top:calc(50% - 3px)}.eco-node:last-child i{left:-24px}
.system-rows{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.system-summary{border:1px solid var(--dsb-border);border-radius:10px;padding:20px;background:#0a0c10;min-height:125px}.system-summary span{font:700 8px ui-monospace,monospace;color:var(--dsb-blue);letter-spacing:.1em}.system-summary strong{display:block;margin:23px 0 7px;font-size:16px}.system-summary p{margin:0;color:#7f8794;font-size:11px;line-height:1.55}

/* Bodrum / studio */
.bodrum-home{padding:82px 0;border-top:1px solid var(--dsb-line)}.bodrum-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--dsb-gutter);align-items:stretch}.bodrum-copy{grid-column:span 5;padding:34px 0}.bodrum-copy h2{font-size:clamp(43px,4.7vw,66px);line-height:.92;letter-spacing:-.058em;margin:14px 0 24px;font-weight:600}.bodrum-copy p{color:#b4bac4;font-size:15px;line-height:1.75;max-width:470px}.industry-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.industry-line span{font:650 9px ui-monospace,monospace;letter-spacing:.07em;color:#8b94a2;border-bottom:1px solid #2a303a;padding-bottom:5px}.bodrum-visual{grid-column:span 7;min-height:390px;border:1px solid var(--dsb-border);border-radius:12px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 25%,rgba(73,108,255,.13),transparent 31%),linear-gradient(145deg,#11151b,#080a0d)}.bodrum-visual:before{content:"BITEZ / BODRUM / TÜRKİYE";position:absolute;top:20px;left:20px;font:700 8px ui-monospace,monospace;letter-spacing:.14em;color:#798291}.bodrum-visual:after{content:"REAL STUDIO / REAL PRODUCTION";position:absolute;bottom:20px;right:20px;font:700 8px ui-monospace,monospace;letter-spacing:.14em;color:#798291}.studio-lines{position:absolute;inset:20% 9% 12%;border:1px solid #242b35;border-radius:8px;background:linear-gradient(90deg,transparent 64%,#1a2028 64% 65%,transparent 65%),linear-gradient(#151a21 1px,transparent 1px);background-size:100% 100%,100% 42px}.studio-lines i{position:absolute;display:block;background:#1a2028;border:1px solid #252d38;border-radius:7px}.studio-lines i:first-child{left:7%;bottom:8%;width:48%;height:42%}.studio-lines i:nth-child(2){right:6%;top:10%;width:25%;height:25%}.studio-lines i:nth-child(3){right:6%;bottom:8%;width:25%;height:38%}

/* Fair value */
.fair-value{padding:0;border-top:1px solid var(--dsb-line);border-bottom:1px solid var(--dsb-line)}.fair-value-inner{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--dsb-gutter);align-items:center;min-height:250px}.fair-value h2{grid-column:span 7;margin:0;font-size:clamp(42px,4.6vw,65px);line-height:.95;letter-spacing:-.055em;font-weight:590}.fair-value h2 span{color:var(--dsb-blue)}.fair-value-copy{grid-column:9/-1}.fair-value-copy p{margin:0;color:#b4bac4;font-size:15px;line-height:1.7}.fair-value-copy small{display:block;margin-top:20px;font:700 9px ui-monospace,monospace;letter-spacing:.1em;color:#737d8c}

/* Current build */
.current-build{padding:75px 0}.build-list{border-top:1px solid var(--dsb-line)}.build-row{display:grid;grid-template-columns:72px minmax(0,1.4fr) minmax(0,1fr) 120px 20px;gap:20px;align-items:center;min-height:73px;border-bottom:1px solid var(--dsb-line);transition:background 180ms,padding 220ms}.build-row:hover{background:rgba(255,255,255,.017);padding-left:8px;padding-right:8px}.build-row .no{font:700 9px ui-monospace,monospace;color:#606a79}.build-row strong{font-size:17px;letter-spacing:-.02em}.build-row .type{font-size:12px;color:#88919e}.build-status{font:700 8px ui-monospace,monospace;letter-spacing:.08em;text-align:right;color:#929aa6}.build-row b{color:#596271;font-weight:400}

/* Insights */
.insights-home{padding:82px 0;border-top:1px solid var(--dsb-line)}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--dsb-gutter)}.insight-card{display:flex;flex-direction:column;min-height:245px;padding:22px;border:1px solid var(--dsb-border);border-radius:10px;background:#0a0c10;transition:transform 300ms var(--dsb-ease),border-color 180ms}.insight-card:hover{transform:translateY(-3px);border-color:#303a49}.insight-card .insight-meta{font:700 8px ui-monospace,monospace;color:var(--dsb-blue);letter-spacing:.11em}.insight-card h3{font-size:24px;line-height:1.08;letter-spacing:-.035em;margin:50px 0 14px;max-width:310px}.insight-card p{color:#828b98;font-size:12px;line-height:1.6;margin:0 0 24px}.insight-card>span:last-child{margin-top:auto;color:#aeb4be;font-size:11px}

/* Final CTA */
.final-cta{position:relative;padding:110px 0 94px;border-top:1px solid var(--dsb-line);overflow:hidden}.final-cta:after{content:"";position:absolute;width:650px;height:650px;right:-280px;bottom:-370px;background:radial-gradient(circle,rgba(73,108,255,.12),transparent 68%);pointer-events:none}.final-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--dsb-gutter);align-items:end;position:relative;z-index:1}.final-copy{grid-column:span 8}.final-copy h2{font-size:clamp(52px,6.2vw,86px);line-height:.9;letter-spacing:-.065em;margin:12px 0 27px;font-weight:620}.final-copy p{font-size:18px;color:#b5bbc4;margin:0}.final-action{grid-column:9/-1;display:flex;flex-direction:column;align-items:flex-start;gap:24px}.final-action .button{min-height:50px;padding:0 21px}.trust-line{font:700 8px ui-monospace,monospace;letter-spacing:.095em;color:#717b89;line-height:1.8}

/* Reveal: subtle, never blocks content */
.js .reveal{opacity:0;transform:translateY(12px);transition:opacity 620ms var(--dsb-ease),transform 620ms var(--dsb-ease)}.js .reveal.is-visible{opacity:1;transform:none}

@media(max-width:980px){
 .editorial-head>div:first-child,.editorial-head>p{grid-column:1/-1}.editorial-head>p{max-width:580px}.system-case-meta{grid-column:span 4}.system-case-body{grid-column:span 8}.azka-ecosystem{gap:25px;padding:22px}.bodrum-copy,.bodrum-visual{grid-column:span 6}.fair-value h2{grid-column:span 8}.fair-value-copy{grid-column:9/-1}.final-copy{grid-column:span 8}.final-action{grid-column:9/-1}
}
@media(max-width:760px){
 :root{--dsb-section-tight:62px}.hero{padding-top:28px;padding-bottom:42px}.section,.flagship-systems,.bodrum-home,.insights-home{padding-top:62px;padding-bottom:62px}.editorial-head{display:block}.editorial-head>p{margin-top:18px}.system-case{display:block;padding:28px 0}.system-case-meta{margin-bottom:24px}.system-case-copy{display:block}.system-tags{justify-content:flex-start;margin-top:18px}.azka-ecosystem{grid-template-columns:1fr;gap:12px;min-height:0;padding:17px}.azka-ecosystem:before{left:50%;top:13%;bottom:13%;width:1px;height:auto;right:auto;background:linear-gradient(rgba(73,108,255,.25),rgba(185,200,255,.85),rgba(73,108,255,.25))}.azka-ecosystem:after{bottom:9px;font-size:6px}.eco-node{min-height:96px}.eco-node i,.eco-node:nth-child(2):after{display:none}.system-rows{grid-template-columns:1fr}.bodrum-grid{display:block}.bodrum-copy{padding-top:0}.bodrum-visual{min-height:330px;margin-top:28px}.fair-value-inner{display:block;min-height:0;padding:60px 0}.fair-value-copy{margin-top:28px;max-width:520px}.build-row{grid-template-columns:40px 1fr 100px 18px;gap:12px;min-height:68px}.build-row .type{display:none}.build-status{font-size:7px}.insight-grid{grid-template-columns:1fr}.insight-card{min-height:210px}.insight-card h3{margin-top:35px}.final-cta{padding:78px 0 68px}.final-grid{display:block}.final-action{margin-top:35px}.final-copy h2{font-size:clamp(47px,13vw,64px)}
}
@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}.project-visual:hover,.insight-card:hover,.eco-node:hover{transform:none}}

/* V0.3.0 — Work + Case Study Engine */
.work-index-hero{padding:170px 0 92px;border-bottom:1px solid var(--border,#20242C)}.work-index-head{display:grid;grid-template-columns:8fr 4fr;gap:24px;align-items:end;margin-top:20px}.work-index-head h1{margin:0;font-size:clamp(64px,7.4vw,108px);line-height:.88;letter-spacing:-.07em}.work-index-head h1 span,.case-architecture h2 span{color:var(--accent,#496CFF)}.work-index-head p{margin:0;color:var(--muted,#939AA5);font-size:18px;max-width:470px}.work-index{padding:92px 0 130px}.work-index-list{display:grid;gap:92px}.work-index-item{display:grid;grid-template-columns:1fr;gap:22px}.work-index-media{position:relative;min-height:560px;border:1px solid var(--border,#20242C);border-radius:14px;overflow:hidden;background:radial-gradient(circle at 70% 25%,rgba(73,108,255,.18),transparent 34%),linear-gradient(135deg,#111318,#090a0d);color:inherit}.work-index-media.has-cover{background-image:linear-gradient(180deg,rgba(8,9,11,.08),rgba(8,9,11,.28)),var(--cover);background-size:cover;background-position:center}.work-index-ui{position:absolute;inset:28px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.work-index-ui span,.work-index-ui small{font:650 11px ui-monospace,monospace;letter-spacing:.08em;color:#b6bdc9}.work-index-ui strong{font-size:clamp(38px,5vw,72px);letter-spacing:-.06em;max-width:70%}.work-index-media>b{position:absolute;right:26px;bottom:24px;font:650 11px ui-monospace,monospace;letter-spacing:.08em;padding:9px 11px;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:rgba(8,9,11,.5);backdrop-filter:blur(12px)}.work-index-meta{display:grid;grid-template-columns:8fr 4fr;gap:24px}.work-index-meta span{font:650 10px ui-monospace,monospace;letter-spacing:.08em;color:var(--muted,#939AA5)}.work-index-meta h2{margin:8px 0 4px;font-size:34px;letter-spacing:-.04em}.work-index-meta p{margin:0;color:var(--muted,#939AA5)}.work-index-media{transition:transform .45s ease,border-color .3s ease}.work-index-media:hover{transform:scale(1.008);border-color:#34405b}
.case-hero{padding:126px 0 84px}.case-topline{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--border,#20242C);font:650 10px ui-monospace,monospace;letter-spacing:.1em;color:var(--muted,#939AA5)}.case-title-grid{display:grid;grid-template-columns:8fr 4fr;gap:40px;padding:52px 0 42px}.case-title-grid h1{font-size:clamp(70px,8.5vw,124px);line-height:.86;letter-spacing:-.075em;margin:12px 0 20px}.case-title-grid>div>p{font-size:22px;color:#c8cdd6;margin:0;max-width:680px}.case-facts{display:grid;align-content:end;gap:18px}.case-facts div{padding-top:12px;border-top:1px solid var(--border,#20242C)}.case-facts span{display:block;font:650 9px ui-monospace,monospace;letter-spacing:.1em;color:var(--muted,#939AA5);margin-bottom:6px}.case-facts strong{font-size:13px;font-weight:500;color:#d8dbe1}.case-cover{min-height:680px;border-radius:14px;border:1px solid var(--border,#20242C);position:relative;overflow:hidden;background:radial-gradient(circle at 72% 20%,rgba(73,108,255,.28),transparent 34%),linear-gradient(140deg,#12151c,#08090b 64%)}.case-cover.has-cover{background-image:linear-gradient(180deg,rgba(8,9,11,.04),rgba(8,9,11,.25)),var(--cover);background-size:cover;background-position:center}.case-cover-ui{position:absolute;inset:30px;display:flex;flex-direction:column;justify-content:space-between}.case-cover-ui span,.case-cover-ui small{font:650 10px ui-monospace,monospace;letter-spacing:.1em;color:#c3c9d4}.case-cover-ui strong{font-size:clamp(44px,6vw,88px);letter-spacing:-.06em;max-width:70%}.case-intro,.case-result{padding:120px 0}.case-copy-grid{display:grid;grid-template-columns:4fr 8fr;gap:24px}.case-copy-grid h2{margin:0 0 22px;font-size:clamp(42px,5vw,66px);line-height:.96;letter-spacing:-.055em}.case-copy-grid p{font-size:20px;line-height:1.55;color:#b9bec7;max-width:820px;margin:0}.case-dual{border-top:1px solid var(--border,#20242C);border-bottom:1px solid var(--border,#20242C);background:#0b0d10}.case-dual-grid{display:grid;grid-template-columns:1fr 1fr}.case-dual article{padding:74px 58px 84px 0}.case-dual article+article{border-left:1px solid var(--border,#20242C);padding-left:58px}.case-dual span,.case-system-depth article span{font:650 10px ui-monospace,monospace;letter-spacing:.1em;color:var(--accent,#496CFF)}.case-dual h3{font-size:34px;letter-spacing:-.04em;margin:18px 0 14px}.case-dual p,.case-system-depth p{color:var(--muted,#939AA5);font-size:17px;margin:0}.case-architecture{padding:124px 0;background:#0b0d10;border-bottom:1px solid var(--border,#20242C)}.case-architecture-head{display:grid;grid-template-columns:8fr 4fr;gap:30px;align-items:end}.case-architecture h2{font-size:clamp(48px,6vw,82px);line-height:.93;letter-spacing:-.06em;margin:12px 0 0}.case-architecture-head>p{color:var(--muted,#939AA5);font-size:17px;margin:0}.architecture-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:14px;margin-top:58px}.architecture-node{border:1px solid #29334b;border-radius:10px;background:linear-gradient(180deg,rgba(73,108,255,.08),rgba(17,19,24,.7));padding:24px;min-height:180px;display:flex;flex-direction:column}.architecture-node span{font:650 9px ui-monospace,monospace;color:#8da4ff;letter-spacing:.1em}.architecture-node strong{margin:auto 0 10px;font-size:22px;letter-spacing:-.035em}.architecture-node small{color:var(--muted,#939AA5);line-height:1.5}.architecture-flow>i{align-self:center;color:var(--accent,#496CFF);font-style:normal}.architecture-base{margin-top:14px;padding:17px 20px;border:1px solid var(--border,#20242C);border-radius:8px;display:flex;justify-content:space-between;gap:20px;background:#08090b}.architecture-base span{font:650 10px ui-monospace,monospace;color:#b9c8ff;letter-spacing:.1em}.architecture-base p{margin:0;color:var(--muted,#939AA5);font-size:13px}.case-system-depth{padding:118px 0}.case-capability-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:35px;border-top:1px solid var(--border,#20242C);border-left:1px solid var(--border,#20242C)}.case-system-depth article{padding:30px;border-right:1px solid var(--border,#20242C);border-bottom:1px solid var(--border,#20242C);min-height:185px}.case-system-depth h3{font-size:25px;letter-spacing:-.035em;margin:34px 0 8px}.case-result{background:#111318}.case-result .text-link{display:inline-flex;margin-top:32px}.case-next{border-top:1px solid var(--border,#20242C);padding:25px 0}.case-next .container{display:flex;justify-content:space-between;gap:20px;font:650 10px ui-monospace,monospace;letter-spacing:.09em;color:var(--muted,#939AA5)}.case-next a{color:#f2f1ec}
@media(max-width:900px){.work-index-hero{padding:120px 0 64px}.work-index-head,.work-index-meta,.case-title-grid,.case-copy-grid,.case-architecture-head{grid-template-columns:1fr}.work-index-media{min-height:390px}.work-index-ui strong{max-width:100%}.work-index-list{gap:64px}.case-hero{padding:96px 0 58px}.case-title-grid{padding:38px 0 30px}.case-title-grid h1{font-size:58px}.case-cover{min-height:430px}.case-copy-grid{gap:26px}.case-intro,.case-result,.case-system-depth,.case-architecture{padding:78px 0}.case-dual-grid{grid-template-columns:1fr}.case-dual article,.case-dual article+article{padding:46px 0;border-left:0}.case-dual article+article{border-top:1px solid var(--border,#20242C)}.architecture-flow{grid-template-columns:1fr;gap:9px}.architecture-flow>i{transform:rotate(90deg);justify-self:center}.architecture-node{min-height:145px}.architecture-base{display:block}.architecture-base p{margin-top:7px}.case-capability-grid{grid-template-columns:1fr}.case-cover-ui strong{max-width:100%}.case-topline{align-items:flex-start;flex-direction:column}}

/* V0.3.2 — Brand media + case-study media */
.brand.has-logo{min-width:176px}.brand-logo-image{display:block;max-width:176px;max-height:34px;width:auto;height:auto;object-fit:contain;object-position:left center}.case-media-section{padding:110px 0;border-top:1px solid var(--dsb-border);background:#0a0c10}.case-media-head{display:grid;grid-template-columns:1fr 1.4fr;align-items:end;gap:40px;margin-bottom:42px}.case-media-head h2{grid-column:2;margin:0;font-size:clamp(42px,5vw,68px);line-height:.95;letter-spacing:-.055em}.case-media-head h2 span{color:var(--dsb-blue)}.case-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.case-media-item{margin:0;border:1px solid var(--dsb-border);border-radius:12px;overflow:hidden;background:#0e1116}.case-media-item.is-wide{grid-column:1/-1}.case-media-item img,.case-media-item video{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#090b0e}.case-media-item.is-wide img,.case-media-item.is-wide video{aspect-ratio:1.9/1}.case-media-item figcaption{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 13px;color:#9ba2ad;font-size:11px}.case-media-item figcaption span{font:700 9px ui-monospace,monospace;color:#496cff}@media(max-width:980px){.brand-logo-image{max-width:150px;max-height:30px}.case-media-section{padding:80px 0}.case-media-head{grid-template-columns:1fr}.case-media-head h2{grid-column:auto}.case-media-grid{grid-template-columns:1fr}.case-media-item.is-wide{grid-column:auto}.case-media-item.is-wide img,.case-media-item.is-wide video{aspect-ratio:16/10}}

/* V0.3.2 final brand asset integration */
.brand.has-logo{min-width:198px}.brand-logo-image{max-width:198px;max-height:42px}@media(max-width:980px){.brand.has-logo{min-width:0}.brand-logo-image{max-width:164px;max-height:34px}}

/* V0.3.4 — Compact header logo lock */
.site-header .brand.has-logo{
  min-width:132px;
  height:72px;
  display:flex;
  align-items:center;
  flex:0 0 auto;
}
.site-header .brand-logo-image{
  display:block !important;
  width:auto !important;
  height:32px !important;
  max-width:132px !important;
  max-height:32px !important;
  object-fit:contain !important;
  object-position:left center;
}
@media(max-width:980px){
  .site-header .brand.has-logo{min-width:0;height:72px}
  .site-header .brand-logo-image{height:29px !important;max-width:120px !important;max-height:29px !important}
}
@media(max-width:600px){
  .site-header .brand.has-logo{height:60px}
  .site-header .brand-logo-image{height:26px !important;max-width:108px !important;max-height:26px !important}
}

/* V0.3.5 — Balanced header logo scale */
.site-header .brand.has-logo{
  min-width:205px;
  height:72px;
  display:flex;
  align-items:center;
  overflow:visible;
}
.site-header .brand-logo-image{
  display:block;
  width:auto !important;
  height:44px !important;
  max-width:190px !important;
  max-height:44px !important;
  object-fit:contain;
  object-position:left center;
}
@media(max-width:980px){
  .site-header .brand.has-logo{min-width:0;height:72px}
  .site-header .brand-logo-image{height:38px !important;max-width:165px !important;max-height:38px !important}
}
@media(max-width:640px){
  .site-header .brand.has-logo{height:60px}
  .site-header .brand-logo-image{height:34px !important;max-width:148px !important;max-height:34px !important}
}

/* V0.4.0 — Public core pages + project intake */
.page-hero{padding:132px 0 92px;border-bottom:1px solid var(--dsb-border)}.compact-page-hero{min-height:560px;display:flex;align-items:end}.page-hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:60px;align-items:end;margin-top:28px}.page-hero-grid h1,.studio-hero h1,.intake-hero h1{font-size:clamp(58px,7vw,102px);line-height:.9;letter-spacing:-.07em;margin:0;font-weight:650}.page-hero-grid p,.studio-hero-grid p,.intake-hero-grid>div>p{margin:0;color:#aeb4be;font-size:18px;line-height:1.6;max-width:580px}.expertise-page{padding:0 0 112px}.expertise-page-row{display:grid;grid-template-columns:80px 1.2fr .8fr;gap:34px;padding:42px 0;border-bottom:1px solid var(--dsb-border);align-items:start}.expertise-page-no{font:700 10px ui-monospace,monospace;color:var(--dsb-blue);letter-spacing:.1em;padding-top:7px}.expertise-page-main h2{font-size:clamp(32px,3.5vw,50px);letter-spacing:-.05em;line-height:.96;margin:0 0 14px}.expertise-page-main p{margin:0;color:#9fa6b1;line-height:1.6;max-width:680px}.expertise-page-detail{display:flex;flex-direction:column}.expertise-page-detail span{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:12px;color:#c5c8cf}.core-page-cta{padding:94px 0;border-top:1px solid var(--dsb-border);background:#0c0e12}.core-page-cta-grid{display:grid;grid-template-columns:7fr 5fr;gap:60px;align-items:end}.core-page-cta h2{font-size:clamp(42px,5vw,70px);line-height:.94;letter-spacing:-.06em;margin:12px 0 0}.core-page-cta p{font-size:17px;line-height:1.6;color:#9fa6b1;margin:0 0 24px}.industries-page{padding:86px 0 110px}.industries-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--dsb-border);border-left:1px solid var(--dsb-border)}.industry-card{min-height:330px;padding:34px;border-right:1px solid var(--dsb-border);border-bottom:1px solid var(--dsb-border);display:flex;flex-direction:column}.industry-card>span{font:700 10px ui-monospace,monospace;color:var(--dsb-blue);letter-spacing:.1em}.industry-card h2{font-size:38px;line-height:1;letter-spacing:-.05em;margin:52px 0 18px}.industry-card p{color:#9da4af;line-height:1.6;margin:0;max-width:590px}.industry-card small{margin-top:auto;padding-top:30px;font:650 10px ui-monospace,monospace;letter-spacing:.07em;color:#687180}.industry-card:first-child{grid-column:1/-1;min-height:390px}.industry-card:first-child h2{font-size:clamp(48px,5.5vw,76px)}.industry-proof{padding:110px 0;background:#111318;border-top:1px solid var(--dsb-border)}.industry-proof-grid{display:grid;grid-template-columns:7fr 5fr;gap:60px;margin-top:24px;align-items:end}.industry-proof h2{font-size:clamp(46px,5.5vw,76px);line-height:.94;letter-spacing:-.06em;margin:0}.industry-proof h2 span{color:var(--dsb-blue)}.industry-proof p{color:#a4aab4;line-height:1.65;margin:0}.product-page-hero{min-height:620px;display:flex;align-items:end}.products-page{padding:90px 0 120px}.product-page-list{display:grid;gap:22px}.product-page-card{border:1px solid var(--dsb-border);border-radius:14px;background:#0d1015;padding:30px;min-height:360px;display:flex;flex-direction:column;position:relative;overflow:hidden}.product-page-card.is-primary{min-height:520px;background:radial-gradient(circle at 82% 22%,rgba(73,108,255,.14),transparent 30%),#0d1015}.product-page-card:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(73,108,255,.1);border-radius:50%;right:-120px;bottom:-160px}.product-page-top{display:flex;justify-content:space-between;gap:20px;font:650 10px ui-monospace,monospace;color:#697381;letter-spacing:.08em}.product-page-content{display:grid;grid-template-columns:7fr 5fr;gap:50px;margin:auto 0;align-items:end;position:relative;z-index:1}.product-page-content h2{font-size:clamp(52px,6vw,84px);letter-spacing:-.07em;margin:0 0 16px}.product-page-content p{color:#a2a9b4;line-height:1.6;font-size:17px;max-width:650px;margin:0}.product-page-tech{display:flex;flex-direction:column}.product-page-tech span{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);font:650 10px ui-monospace,monospace;color:#aeb6c2;letter-spacing:.08em}.product-proof-strip{position:relative;z-index:1;border-top:1px solid var(--dsb-border);border-bottom:1px solid var(--dsb-border);padding:16px 0;display:grid;grid-template-columns:180px 1fr;gap:20px;font-size:12px;color:#aeb4be}.product-proof-strip strong{font:700 9px ui-monospace,monospace;color:var(--dsb-blue);letter-spacing:.09em}.product-page-foot{margin-top:24px;position:relative;z-index:1;font:650 10px ui-monospace,monospace;color:#6f7885;letter-spacing:.08em}.studio-hero{padding:150px 0 110px}.studio-hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:60px;margin-top:34px;align-items:end}.studio-hero h1 span{color:var(--dsb-blue)}.studio-hero-grid>div:last-child{display:grid;gap:18px}.studio-metrics{border-top:1px solid var(--dsb-border);border-bottom:1px solid var(--dsb-border)}.studio-principles{padding:112px 0}.studio-principles-head{display:grid;grid-template-columns:4fr 8fr;gap:30px;align-items:start}.studio-principles-head h2{font-size:clamp(44px,5vw,70px);letter-spacing:-.06em;line-height:.95;margin:0}.studio-principle-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:62px;border-top:1px solid var(--dsb-border);border-left:1px solid var(--dsb-border)}.studio-principle-grid article{min-height:280px;padding:30px;border-right:1px solid var(--dsb-border);border-bottom:1px solid var(--dsb-border)}.studio-principle-grid span{font:700 10px ui-monospace,monospace;color:var(--dsb-blue)}.studio-principle-grid h3{font-size:29px;letter-spacing:-.04em;margin:60px 0 12px}.studio-principle-grid p{color:#969eaa;line-height:1.6;margin:0}.studio-location{padding:110px 0;background:#111318}.studio-location-grid{display:grid;grid-template-columns:5fr 7fr;gap:60px;align-items:center}.studio-location h2{font-size:clamp(44px,5vw,70px);letter-spacing:-.06em;line-height:.95;margin:16px 0 22px}.studio-location p{color:#a0a7b1;line-height:1.6}.studio-location-visual{height:380px;border:1px solid #263047;border-radius:14px;background:radial-gradient(circle at 60% 40%,rgba(73,108,255,.18),transparent 32%),#0b0e13;display:flex;flex-direction:column;justify-content:center;padding:48px}.studio-location-visual span{font-size:clamp(36px,4.8vw,68px);letter-spacing:-.055em;line-height:.98;color:#e9e8e3}.studio-location-visual span:nth-child(2){color:var(--dsb-blue)}.intake-hero{padding:145px 0 90px;border-bottom:1px solid var(--dsb-border)}.intake-hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:70px;align-items:end}.intake-trust{margin-top:28px;display:flex;flex-wrap:wrap;gap:10px}.intake-trust span{font:650 9px ui-monospace,monospace;border:1px solid var(--dsb-border);border-radius:20px;padding:7px 10px;color:#808996;letter-spacing:.07em}.intake-section{padding:74px 0 120px}.project-intake{max-width:1060px;margin:auto}.project-intake fieldset{border:0;border-bottom:1px solid var(--dsb-border);padding:48px 0;margin:0}.project-intake legend{width:100%;font-size:25px;font-weight:600;letter-spacing:-.035em;margin-bottom:28px}.project-intake legend span{font:700 10px ui-monospace,monospace;color:var(--dsb-blue);margin-right:18px;letter-spacing:.08em}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice-card{cursor:pointer}.choice-card input{position:absolute;opacity:0;pointer-events:none}.choice-card span{min-height:62px;border:1px solid var(--dsb-border);border-radius:8px;padding:16px;display:flex;align-items:center;color:#b9bec7;transition:border-color .18s,background .18s,color .18s}.choice-card input:checked+span{border-color:var(--dsb-blue);background:rgba(73,108,255,.1);color:#fff}.public-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.public-form-grid .span-2{grid-column:1/-1}.public-form-grid label,.public-field{display:grid;gap:8px;font:650 10px ui-monospace,monospace;color:#7f8793;letter-spacing:.06em}.public-form-grid small{font-weight:500;color:#555d68}.public-form-grid input,.public-form-grid select,.public-field textarea{width:100%;border:1px solid var(--dsb-border);border-radius:8px;background:#0e1116;color:#f2f1ec;padding:0 15px;min-height:54px;font:400 15px/1.4 "Geist","Inter",system-ui,sans-serif;outline:0}.public-field textarea{padding:16px;resize:vertical}.public-form-grid input:focus,.public-form-grid select:focus,.public-field textarea:focus{border-color:var(--dsb-blue);box-shadow:0 0 0 3px rgba(73,108,255,.08)}.intake-submit{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:34px}.intake-submit>div{display:grid;gap:5px}.intake-submit>div strong{font-size:13px}.intake-submit>div span{font-size:12px;color:#7f8793}.public-notice{max-width:1060px;margin:0 auto 20px;padding:14px 16px;border:1px solid #563039;border-radius:8px;background:#1b1014;color:#ffb6c0}.intake-success{max-width:820px;margin:auto;border:1px solid var(--dsb-border);border-radius:14px;padding:54px;background:#0e1116}.intake-success>span{font:700 10px ui-monospace,monospace;color:var(--dsb-blue);letter-spacing:.08em}.intake-success h2{font-size:70px;letter-spacing:-.065em;margin:28px 0 12px}.intake-success p{color:#a4abb5;font-size:17px;line-height:1.6;max-width:650px;margin:0 0 30px}
@media(max-width:900px){.page-hero,.studio-hero,.intake-hero{padding:110px 0 70px}.compact-page-hero,.product-page-hero{min-height:0}.page-hero-grid,.core-page-cta-grid,.industry-proof-grid,.product-page-content,.studio-hero-grid,.studio-principles-head,.studio-location-grid,.intake-hero-grid{grid-template-columns:1fr;gap:32px}.page-hero-grid h1,.studio-hero h1,.intake-hero h1{font-size:54px}.expertise-page-row{grid-template-columns:46px 1fr;gap:20px}.expertise-page-detail{grid-column:2}.industries-grid{grid-template-columns:1fr}.industry-card:first-child{grid-column:auto}.industry-card,.industry-card:first-child{min-height:300px}.product-page-card,.product-page-card.is-primary{min-height:420px}.product-proof-strip{grid-template-columns:1fr}.studio-principle-grid{grid-template-columns:1fr}.studio-location-visual{height:320px}.choice-grid{grid-template-columns:1fr 1fr}.intake-submit{align-items:flex-start;flex-direction:column}.intake-submit .button{width:100%}}
@media(max-width:600px){.expertise-page-row{grid-template-columns:1fr}.expertise-page-no,.expertise-page-detail{grid-column:auto}.choice-grid,.public-form-grid{grid-template-columns:1fr}.public-form-grid .span-2{grid-column:auto}.project-intake fieldset{padding:38px 0}.product-page-card{padding:22px}.studio-principle-grid article{min-height:240px}.studio-location-visual{height:260px;padding:28px}.intake-success{padding:34px 24px}.intake-success h2{font-size:52px}}

/* V0.5.0 — Insights / Authority Engine */
.insights-index-hero{padding:150px 0 72px;border-bottom:1px solid var(--border,#20242c)}.insights-index-head{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:72px;align-items:end;margin-top:28px}.insights-index-head h1{font-size:clamp(56px,7vw,104px);line-height:.91;letter-spacing:-.07em;margin:0}.insights-index-head h1 span{color:var(--accent,#496cff)}.insights-index-head p{color:var(--muted,#939aa5);font-size:18px;line-height:1.6;margin:0 0 8px}.insights-index{padding:84px 0 132px}.insights-list{border-top:1px solid var(--border,#20242c)}.insight-index-item>a{display:grid;grid-template-columns:180px 1.1fr 1fr;gap:32px;padding:32px 0;border-bottom:1px solid var(--border,#20242c);color:inherit;text-decoration:none;align-items:start;transition:background .25s ease,padding .25s ease}.insight-index-item>a:hover{padding-left:14px;padding-right:14px;background:#0d1015}.insight-index-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted,#939aa5);font:650 10px ui-monospace,monospace;letter-spacing:.08em}.insight-index-meta b{color:var(--accent-soft,#b9c8ff)}.insight-index-item h2{font-size:34px;line-height:1.05;letter-spacing:-.045em;margin:0}.insight-index-item p{color:var(--muted,#939aa5);margin:4px 0 0;line-height:1.65}.insight-index-foot{grid-column:2/-1;display:flex;justify-content:space-between;gap:24px;color:#707784;font:650 10px ui-monospace,monospace;letter-spacing:.08em}.insight-index-foot strong{color:#dce0e7}.insights-empty{display:grid;grid-template-columns:1.2fr .8fr;gap:72px;padding:44px 0 56px;border-top:1px solid var(--border,#20242c);border-bottom:1px solid var(--border,#20242c)}.insights-empty span,.authority-themes span{font:700 10px ui-monospace,monospace;letter-spacing:.1em;color:var(--accent-soft,#b9c8ff)}.insights-empty h2{font-size:46px;line-height:1.02;letter-spacing:-.055em;margin:14px 0 0}.insights-empty>p{color:var(--muted,#939aa5);font-size:17px;line-height:1.7;margin:0}.authority-themes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.authority-themes article{border:1px solid var(--border,#20242c);padding:20px;border-radius:10px;background:#0d1015}.authority-themes strong{display:block;margin-top:44px;font-size:17px;line-height:1.4}
.insight-hero{padding:146px 0 84px;border-bottom:1px solid var(--border,#20242c)}.insight-topline{display:flex;justify-content:space-between;gap:24px;color:#7d8592;font:650 10px ui-monospace,monospace;letter-spacing:.1em}.insight-topline a{color:#cbd0d9}.insight-title-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.45fr);gap:84px;margin-top:48px;align-items:end}.insight-title-grid h1{font-size:clamp(52px,6vw,90px);line-height:.96;letter-spacing:-.065em;margin:18px 0 24px;max-width:980px}.insight-title-grid>div>p{max-width:760px;color:#afb5bf;font-size:20px;line-height:1.6}.insight-title-grid aside{border-left:1px solid var(--border,#20242c);padding-left:24px;display:grid;gap:8px}.insight-title-grid aside span{font:700 9px ui-monospace,monospace;color:#69717e;letter-spacing:.1em;margin-top:14px}.insight-title-grid aside strong{font-size:14px}.insight-brief{padding:72px 0;background:#0d1015;border-bottom:1px solid var(--border,#20242c)}.insight-copy-grid{display:grid;grid-template-columns:220px minmax(0,760px);gap:56px}.insight-brief h2{font-size:36px;letter-spacing:-.045em;margin:0 0 16px}.insight-brief p{font-size:19px;line-height:1.7;color:#d5d8de;margin:0}.entity-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.entity-tags span{border:1px solid #29303b;border-radius:999px;padding:6px 9px;color:#9aa2af;font:650 9px ui-monospace,monospace}.insight-body{padding:96px 0 112px}.insight-rail{color:#717986}.insight-rail>span{font:700 10px ui-monospace,monospace;color:var(--accent-soft,#b9c8ff);letter-spacing:.1em}.insight-rail p{font-size:12px;line-height:1.6;max-width:150px}.insight-prose{font-size:18px;line-height:1.82;color:#cfd3da}.insight-prose h2{color:#f2f1ec;font-size:38px;line-height:1.08;letter-spacing:-.045em;margin:68px 0 20px}.insight-prose h2:first-child{margin-top:0}.insight-prose h3{color:#f2f1ec;font-size:24px;letter-spacing:-.025em;margin:44px 0 14px}.insight-prose p{margin:0 0 25px}.insight-prose ul{margin:0 0 28px;padding-left:20px}.insight-prose li{margin:8px 0}.insight-proof{padding:92px 0;background:#0b0d10;border-top:1px solid var(--border,#20242c);border-bottom:1px solid var(--border,#20242c)}.insight-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.insight-projects a{display:block;min-height:250px;padding:20px;border:1px solid var(--border,#20242c);border-radius:10px;background:#101319;color:inherit;text-decoration:none;position:relative}.insight-projects span,.related-insights-grid span{font:700 9px ui-monospace,monospace;color:#7b8493;letter-spacing:.1em}.insight-projects strong{display:block;font-size:27px;letter-spacing:-.04em;margin:60px 0 8px}.insight-projects p{color:#929aa6}.insight-projects b{position:absolute;bottom:18px;left:20px;color:var(--accent-soft,#b9c8ff);font-size:10px}.related-insights{padding:92px 0}.related-insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.related-insights-grid a{padding:20px;border-top:1px solid var(--border,#20242c);color:inherit;text-decoration:none}.related-insights-grid h3{font-size:24px;line-height:1.12;letter-spacing:-.035em}.related-insights-grid p{color:#8f97a3;line-height:1.6}.related-insights-grid b{font-size:10px;color:var(--accent-soft,#b9c8ff)}
@media(max-width:900px){.insights-index-hero{padding-top:112px}.insights-index-head,.insights-empty,.insight-title-grid{grid-template-columns:1fr;gap:28px}.insight-index-item>a{grid-template-columns:1fr;gap:12px}.insight-index-foot{grid-column:auto}.authority-themes,.insight-projects,.related-insights-grid{grid-template-columns:1fr}.insight-copy-grid{grid-template-columns:1fr;gap:22px}.insight-title-grid aside{border-left:0;border-top:1px solid var(--border,#20242c);padding:18px 0 0;grid-template-columns:1fr 1fr}.insight-rail p{max-width:none}.insight-prose{font-size:17px}.insight-prose h2{font-size:32px}}
.footer-social{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.footer-social a{font:650 10px ui-monospace,monospace;color:#8e96a3;text-decoration:none}.footer-social a:hover{color:#f2f1ec}


/* V0.6.0 — SEO Landing Pages + Industries Authority */
.authority-hero{padding:142px 0 74px;border-bottom:1px solid var(--dsb-border,#20242c)}.authority-kicker{display:flex;justify-content:space-between;gap:24px;color:#707987;font:700 10px ui-monospace,monospace;letter-spacing:.1em}.authority-kicker a{color:#9da5b1;text-decoration:none}.authority-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:76px;align-items:end;margin-top:42px}.authority-hero h1{font-size:clamp(56px,6.8vw,96px);line-height:.93;letter-spacing:-.065em;margin:18px 0 0;max-width:980px}.authority-hero-grid>p{font-size:19px;line-height:1.65;color:#aeb5bf;margin:0 0 8px}.authority-entity-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:42px}.authority-entity-row span{padding:7px 10px;border:1px solid #28303a;border-radius:999px;color:#929ba8;font:700 9px ui-monospace,monospace;letter-spacing:.05em}.authority-body{padding:92px 0 112px}.authority-body-grid{display:grid;grid-template-columns:220px minmax(0,820px);gap:68px}.authority-body aside{position:sticky;top:104px;align-self:start;display:grid;gap:12px;color:#737c89}.authority-body aside span{font:700 9px ui-monospace,monospace;color:var(--dsb-blue,#496cff);letter-spacing:.1em}.authority-body aside strong{color:#eef0f4;font-size:16px;line-height:1.35}.authority-body aside p{font-size:12px;line-height:1.6;margin:0}.authority-prose{font-size:18px;line-height:1.82;color:#cdd2d9}.authority-prose h2{font-size:40px;line-height:1.07;letter-spacing:-.045em;color:#f2f1ec;margin:68px 0 18px}.authority-prose h2:first-child{margin-top:0}.authority-prose h3{font-size:25px;color:#f2f1ec;margin:42px 0 14px}.authority-prose p{margin:0 0 25px}.authority-prose ul{margin:0 0 28px;padding-left:20px}.authority-prose li{margin:8px 0}.authority-proof{padding:88px 0 98px;background:#0d1015;border-top:1px solid var(--dsb-border,#20242c);border-bottom:1px solid var(--dsb-border,#20242c)}.authority-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.authority-project-grid a{position:relative;min-height:260px;padding:20px;border:1px solid #242a33;border-radius:10px;background:#101319;color:inherit;text-decoration:none}.authority-project-grid span{font:700 9px ui-monospace,monospace;color:#747e8c;letter-spacing:.1em}.authority-project-grid strong{display:block;font-size:30px;letter-spacing:-.045em;margin:62px 0 8px}.authority-project-grid p{color:#929aa6;line-height:1.5}.authority-project-grid b{position:absolute;left:20px;bottom:18px;color:#b9c8ff;font:700 9px ui-monospace,monospace}.authority-cta{padding:92px 0}.authority-cta-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end}.authority-cta h2{font-size:54px;line-height:.98;letter-spacing:-.055em;margin:18px 0 0}.authority-cta-grid>div:last-child p{color:#969eaa;line-height:1.65;max-width:520px;margin:0 0 24px}.focus-pages{padding:86px 0 100px;border-top:1px solid var(--dsb-border,#20242c)}.focus-page-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.focus-page-grid a{min-height:190px;border:1px solid #242a33;border-radius:9px;padding:18px;color:inherit;text-decoration:none;display:flex;flex-direction:column}.focus-page-grid span{font-size:20px;font-weight:650;letter-spacing:-.03em}.focus-page-grid p{font-size:13px;color:#828b98;line-height:1.5}.focus-page-grid b{margin-top:auto;color:#b9c8ff;font:700 9px ui-monospace,monospace}.industry-card{color:inherit;text-decoration:none;position:relative}.industry-card b{position:absolute;left:24px;bottom:20px;color:#b9c8ff;font:700 9px ui-monospace,monospace;letter-spacing:.08em}.industry-card small{padding-bottom:26px}
@media(max-width:1000px){.focus-page-grid{grid-template-columns:repeat(2,1fr)}.authority-project-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.authority-hero{padding-top:112px}.authority-hero-grid,.authority-body-grid,.authority-cta-grid{grid-template-columns:1fr;gap:28px}.authority-body aside{position:static;border-bottom:1px solid #20242c;padding-bottom:22px}.authority-project-grid{grid-template-columns:1fr}.authority-cta h2{font-size:44px}}
@media(max-width:600px){.authority-kicker{align-items:flex-start;flex-direction:column}.authority-hero h1{font-size:52px}.authority-prose{font-size:17px}.authority-prose h2{font-size:33px}.focus-page-grid{grid-template-columns:1fr}.focus-page-grid a{min-height:150px}}

/* V0.8.0 — Products & Commercial Proof */
.product-detail-hero{padding:150px 0 96px;border-bottom:1px solid var(--dsb-border);background:radial-gradient(circle at 76% 28%,rgba(73,108,255,.13),transparent 29%),#08090b}.product-detail-meta{display:flex;justify-content:space-between;align-items:center;font:650 10px ui-monospace,monospace;color:#798391;letter-spacing:.08em;margin-bottom:52px}.product-detail-grid{display:grid;grid-template-columns:7fr 5fr;gap:70px;align-items:end}.product-detail-grid h1{font-size:clamp(72px,9vw,132px);letter-spacing:-.075em;line-height:.84;margin:14px 0 0}.product-detail-lead{font-size:20px;line-height:1.55;color:#c1c6ce;margin:0;max-width:600px}.product-audience{margin-top:34px;padding-top:18px;border-top:1px solid var(--dsb-border);display:grid;gap:7px}.product-audience span{font:700 9px ui-monospace,monospace;color:var(--dsb-blue);letter-spacing:.09em}.product-audience strong{font-size:14px;font-weight:500;color:#949ca8}.product-detail-body{padding:100px 0}.product-detail-body-grid{display:grid;grid-template-columns:5fr 7fr;gap:70px;align-items:start}.product-detail-body h2{font-size:clamp(48px,5.8vw,78px);letter-spacing:-.065em;line-height:.92;margin:18px 0 0}.product-detail-body-grid>div:last-child{font-size:18px;line-height:1.7;color:#bcc2ca;max-width:720px}.muted-public{color:#7f8895!important;font-size:15px!important;margin-top:28px}.product-capabilities{padding:96px 0;background:#0d1015;border-top:1px solid var(--dsb-border);border-bottom:1px solid var(--dsb-border)}.product-capability-list{margin-top:28px;border-top:1px solid var(--dsb-border)}.product-capability-list>div{display:grid;grid-template-columns:70px 1fr;align-items:center;min-height:84px;border-bottom:1px solid var(--dsb-border)}.product-capability-list span{font:700 10px ui-monospace,monospace;color:var(--dsb-blue)}.product-capability-list strong{font-size:26px;letter-spacing:-.035em;font-weight:520}.product-deployment-proof{padding:110px 0}.product-proof-head{display:grid;grid-template-columns:7fr 5fr;gap:70px;align-items:end}.product-proof-head h2{font-size:clamp(52px,6vw,82px);line-height:.91;letter-spacing:-.065em;margin:16px 0 0}.product-proof-head p{color:#949ca8;line-height:1.65;margin:0}.deployment-list{margin-top:58px;border-top:1px solid var(--dsb-border)}.deployment-row{display:grid;grid-template-columns:65px 1fr 220px 80px;align-items:center;gap:20px;min-height:78px;border-bottom:1px solid var(--dsb-border)}.deployment-row>span{font:700 10px ui-monospace,monospace;color:#566070}.deployment-row strong{font-size:19px;font-weight:520}.deployment-row small,.deployment-row b{font:700 9px ui-monospace,monospace;letter-spacing:.08em;color:#737e8c}.deployment-row b{color:var(--dsb-blue);text-align:right}.product-page-foot .text-link{display:inline-flex;align-items:center;gap:10px}
@media(max-width:900px){.product-detail-grid,.product-detail-body-grid,.product-proof-head{grid-template-columns:1fr;gap:34px}.product-detail-grid h1{font-size:70px}.deployment-row{grid-template-columns:44px 1fr 70px}.deployment-row small{display:none}.product-detail-hero{padding:120px 0 74px}}
@media(max-width:600px){.product-detail-grid h1{font-size:56px}.product-detail-lead{font-size:17px}.product-capability-list strong{font-size:20px}.deployment-row{grid-template-columns:34px 1fr 52px;gap:12px}.deployment-row strong{font-size:16px}.product-detail-body,.product-capabilities,.product-deployment-proof{padding:74px 0}}


/* V0.9.0 — real work proof & system architecture */
.proof-media-selects{grid-template-columns:repeat(3,minmax(0,1fr))}.proof-media-selects label{min-width:0}.proof-media-selects small{display:block;margin-top:7px;color:#7f8794;font-size:11px;line-height:1.45}
.architecture-map{margin-top:58px}.architecture-user-layer{display:flex;align-items:center;gap:18px;margin:0 0 13px;font:650 9px ui-monospace,monospace;letter-spacing:.11em;color:#7f8794}.architecture-user-layer i{display:block;height:1px;flex:1;background:linear-gradient(90deg,#34405b,transparent)}
.architecture-node{overflow:hidden;position:relative;padding:0;min-height:260px}.architecture-node>span,.architecture-node>strong,.architecture-node>small{position:relative;z-index:2;margin-left:22px;margin-right:22px}.architecture-node>span{margin-top:20px}.architecture-node>strong{margin-top:auto}.architecture-node>small{margin-bottom:22px}.architecture-media,.architecture-placeholder{height:126px;margin:0 0 18px;border-bottom:1px solid #29334b;background:#0c0f15;overflow:hidden}.architecture-media img,.architecture-media video{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.architecture-media:after{content:"";position:absolute;inset:0 0 auto;height:126px;background:linear-gradient(180deg,transparent,rgba(8,9,11,.2));pointer-events:none}.architecture-placeholder{position:relative;background:radial-gradient(circle at 70% 30%,rgba(73,108,255,.2),transparent 36%),#0d1016}.architecture-placeholder b{position:absolute;inset:22px;border:1px solid #26304a;border-radius:6px}.architecture-placeholder i{position:absolute;height:4px;border-radius:9px;background:#7886a6;left:39px;bottom:44px;width:32%}.architecture-placeholder i+ i{bottom:32px;width:19%;opacity:.45}.architecture-link{align-self:center;color:#496cff;font-style:normal;font-size:14px}.architecture-core{margin-top:14px;border:1px solid #34405b;border-radius:9px;min-height:76px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(90deg,rgba(73,108,255,.09),rgba(8,9,11,.35))}.architecture-core span{display:block;font:650 9px ui-monospace,monospace;letter-spacing:.11em;color:#8da4ff;margin-bottom:5px}.architecture-core strong{font-size:14px;font-weight:540}.core-signals{display:flex;gap:8px}.core-signals i{width:8px;height:8px;border-radius:50%;background:#496cff;box-shadow:0 0 16px rgba(73,108,255,.5)}.core-signals i:nth-child(2){opacity:.65}.core-signals i:nth-child(3){opacity:.35}.architecture-business-layer{display:grid;grid-template-columns:repeat(4,1fr);margin-top:12px;border:1px solid #20242c;border-radius:8px;overflow:hidden}.architecture-business-layer span{padding:12px;text-align:center;border-right:1px solid #20242c;font:650 8px ui-monospace,monospace;letter-spacing:.09em;color:#777f8c}.architecture-business-layer span:last-child{border-right:0}
.case-proof-layers{padding:118px 0;background:#0b0d10;border-bottom:1px solid #20242c}.case-proof-layers .case-media-head{margin-bottom:34px}.proof-layer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.proof-layer-grid figure{margin:0;border:1px solid #20242c;border-radius:10px;overflow:hidden;background:#08090b}.proof-layer-grid figure>div{aspect-ratio:4/3;background:#111318}.proof-layer-grid img,.proof-layer-grid video{width:100%;height:100%;object-fit:cover;display:block}.proof-layer-grid figcaption{padding:15px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.proof-layer-grid figcaption span{font:650 8px ui-monospace,monospace;letter-spacing:.1em;color:#496cff}.proof-layer-grid figcaption strong{font-size:12px;font-weight:520}
.azka-ecosystem{position:relative;padding-bottom:52px}.eco-core{position:absolute;left:0;right:0;bottom:0;min-height:39px;border:1px solid #29334b;border-radius:7px;background:linear-gradient(90deg,rgba(73,108,255,.11),rgba(8,9,11,.55));display:flex;align-items:center;justify-content:space-between;padding:0 13px;gap:12px}.eco-core span,.eco-core b{font:650 8px ui-monospace,monospace;letter-spacing:.08em}.eco-core span{color:#8da4ff}.eco-core b{color:#707987}.system-case-link{display:inline-flex;margin-top:22px;color:#b9c8ff;font-size:12px;font-weight:600}.system-case-link:hover{color:#fff}
@media(max-width:900px){.proof-media-selects{grid-template-columns:1fr}.architecture-node{min-height:238px}.architecture-business-layer{grid-template-columns:1fr 1fr}.architecture-business-layer span:nth-child(2){border-right:0}.architecture-business-layer span:nth-child(-n+2){border-bottom:1px solid #20242c}.proof-layer-grid{grid-template-columns:1fr}.architecture-core{align-items:flex-start}.eco-core{position:static;margin-top:10px}.azka-ecosystem{padding-bottom:0}}

/* DSB V0.9.4 — Real cover priority hotfix
   When a real project cover is assigned, do not place the legacy generated
   mockup window over the image. The uploaded cover itself becomes the proof. */
.project-visual.has-cover .project-ui{display:none}
.project-visual.has-cover{background-position:center;background-repeat:no-repeat}
.project-visual.has-cover::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,9,11,.02),rgba(8,9,11,.14));z-index:1}
.project-visual.has-cover .open-case{z-index:2}
/* V1.0 Production Core */
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.not-found{min-height:calc(100svh - 72px);display:flex;align-items:center;padding:120px 0}.not-found h1{font-size:clamp(58px,8vw,118px);line-height:.9;letter-spacing:-.06em;margin:22px 0 26px}.not-found h1 span{color:#496cff}.not-found p{max-width:560px;color:#939aa5;font-size:18px}.not-found-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}

/* V1.3.0 — Legal / trust pages */
.legal-hero{padding:150px 0 72px;border-bottom:1px solid rgba(255,255,255,.08)}.legal-hero h1{font-size:clamp(48px,7vw,88px);letter-spacing:-.055em;line-height:.94;margin:16px 0 18px}.legal-hero p{color:var(--steel,#939AA5)}.legal-body{padding:72px 0 120px}.legal-layout{display:grid;grid-template-columns:3fr 9fr;gap:48px}.legal-layout aside{display:flex;flex-direction:column;gap:10px;position:sticky;top:110px;align-self:start}.legal-layout aside span{font:600 11px ui-monospace,monospace;letter-spacing:.12em;color:var(--steel,#939AA5)}.legal-layout aside a{margin-top:22px;color:var(--ice,#B9C8FF)}.footer-legal{display:flex;gap:16px;flex-wrap:wrap}.footer-legal a{color:inherit;text-decoration:none}.footer-legal a:hover{color:var(--ivory,#F2F1EC)}@media(max-width:800px){.legal-hero{padding:118px 0 54px}.legal-body{padding:50px 0 90px}.legal-layout{grid-template-columns:1fr}.legal-layout aside{position:static;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:24px}.footer-legal{order:3;width:100%}}

/* V1.5.0 — Essential Design Controls */
body.header-solid .site-header{background:rgba(8,9,11,.94);border-color:rgba(255,255,255,.07);backdrop-filter:blur(12px)}
body[data-motion="off"] .reveal{opacity:1!important;transform:none!important;transition:none!important}
body[data-motion="off"] .stack-card{transition:none!important}
body[data-motion="subtle"] .reveal{transform:translateY(8px);transition-duration:.38s}
body[data-motion="subtle"] .stack-card{transition-duration:.3s}

/* V1.6.0 — Public UX / Responsive / Motion Final Polish */
:root{--dsb-section-space:clamp(72px,7vw,104px);--dsb-section-space-lg:clamp(88px,8vw,124px)}
::selection{background:var(--dsb-blue);color:#fff}
:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--dsb-blue-soft);outline-offset:3px}
body{font-size:16px;line-height:1.55;text-rendering:optimizeLegibility}
main{min-height:60svh}
.section{padding:var(--dsb-section-space) 0}
.section-head h2,.responsibility-intro h2,.technology-head h2,.final-copy h2,.fair-value h2{text-wrap:balance}
.hero p,.work-index-head p,.case-title-grid>div>p,.case-copy-grid p,.insight-title-grid>div>p{text-wrap:pretty}
.button,.menu-toggle{touch-action:manipulation}
.site-header{will-change:transform}
.site-header.is-scrolled{box-shadow:0 12px 42px rgba(0,0,0,.12)}
.nav a{position:relative;padding:9px 0}
.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:1px;background:var(--dsb-blue);transition:right var(--dsb-fast) var(--dsb-ease)}
.nav a:hover:after,.nav a:focus-visible:after{right:0}
.mobile-menu{padding-bottom:env(safe-area-inset-bottom)}
.mobile-menu-inner{min-height:100%;display:flex;flex-direction:column}
.mobile-project-cta{align-self:flex-start}.mobile-menu-foot{margin-top:auto;padding:38px 0 max(28px,env(safe-area-inset-bottom))}

/* Real project media is the main proof. Keep full compositions visible and avoid aggressive crops. */
.work-feature .project-visual{height:auto;aspect-ratio:1.78/1;min-height:0}
.split-work .project-visual{height:auto;aspect-ratio:1.36/1;min-height:0}
.project-visual.has-cover{background-size:cover;background-position:center}
.work-index-media{min-height:0;aspect-ratio:1.65/1;background-position:center}
.case-cover{min-height:0;aspect-ratio:1.72/1}
.case-cover.has-cover{background-position:center}
.case-media-item img,.case-media-item video{height:auto;aspect-ratio:auto;max-height:860px;object-fit:contain;margin-inline:auto}
.case-media-item.is-wide img,.case-media-item.is-wide video{aspect-ratio:auto}
.proof-layer-grid figure>div{aspect-ratio:1.5/1;display:grid;place-items:center}
.proof-layer-grid img,.proof-layer-grid video{object-fit:contain;background:#08090b}
.open-case,.work-index-media>b{transition:opacity var(--dsb-fast),transform var(--dsb-fast),border-color var(--dsb-fast),background var(--dsb-fast)}

/* Compact interaction polish */
.project-visual,.work-index-media,.insight-card,.product-page-card,.industry-card{transform:translateZ(0)}
.project-visual:hover,.work-index-media:hover{box-shadow:0 28px 80px rgba(0,0,0,.16)}
.text-link,.system-case-link{min-height:34px;align-items:center}
.final-cta{padding:var(--dsb-section-space-lg) 0}
.final-action .button{min-width:176px}

/* Tablet: keep the system dense, not cramped. */
@media(max-width:980px){
  .hero{min-height:auto;padding:clamp(58px,8vw,84px) 0 70px}
  .project-stack{max-width:720px;width:100%;margin-inline:auto}
  .section{padding:clamp(68px,9vw,88px) 0}
  .work-feature .project-visual,.split-work .project-visual{aspect-ratio:1.55/1}
  .work-index-media{aspect-ratio:1.5/1}
  .case-cover{aspect-ratio:1.5/1}
  .case-media-item img,.case-media-item video{max-height:none}
}

/* Mobile: readable first, motion second. */
@media(max-width:600px){
  body{font-size:16px;line-height:1.58}
  .container{width:calc(100% - 40px)}
  .site-header{height:60px}
  .hero{padding:50px 0 54px}
  .hero h1{font-size:clamp(46px,13.6vw,56px);line-height:.94;letter-spacing:-.058em;margin:20px 0 24px}
  .hero p{font-size:16px;line-height:1.58}
  .eyebrow,.section-label{font-size:10px}
  .actions{display:grid;grid-template-columns:1fr;max-width:330px}
  .actions .button{width:100%}
  .project-stack{min-height:286px;margin-top:36px}
  .stack-card{height:218px;width:100%;left:0!important;right:auto!important}
  .stack-card:not(.is-active){pointer-events:none}
  .stack-controls{left:0;right:auto;bottom:-2px}
  .metric{padding:20px 12px}.metric strong{font-size:24px}.metric span{font-size:9px;line-height:1.4}
  .section{padding:68px 0}
  .section-head h2,.responsibility-intro h2,.technology-head h2{font-size:clamp(35px,10vw,42px);line-height:.98}
  .work-grid{row-gap:52px}
  .work-feature .project-visual,.split-work .project-visual{aspect-ratio:1.28/1;border-radius:11px}
  .project-info{padding-top:14px}.project-info h3{font-size:26px}.project-info p{font-size:15px;line-height:1.5}
  .open-case{opacity:1;transform:none;font-size:9px;right:12px;bottom:12px;background:rgba(8,9,11,.72)}
  .work-index-hero{padding:98px 0 54px}.work-index-head h1{font-size:clamp(48px,14vw,62px)}.work-index-head p{font-size:16px}
  .work-index{padding:62px 0 92px}.work-index-list{gap:58px}.work-index-media{aspect-ratio:1.28/1;border-radius:11px}.work-index-ui{inset:18px}.work-index-ui strong{font-size:36px;max-width:90%}.work-index-media>b{right:14px;bottom:14px;font-size:9px}
  .work-index-meta h2{font-size:29px}.work-index-meta p{font-size:15px;line-height:1.5}
  .case-hero{padding:86px 0 52px}.case-title-grid h1{font-size:clamp(52px,15vw,66px);line-height:.9}.case-title-grid>div>p{font-size:18px}.case-facts strong{font-size:14px;line-height:1.45}
  .case-cover{aspect-ratio:1.25/1;border-radius:11px}.case-cover-ui{inset:18px}.case-cover-ui strong{font-size:38px;max-width:90%}
  .case-copy-grid p,.case-dual p,.case-system-depth p{font-size:16px;line-height:1.65}
  .case-dual h3{font-size:29px}.case-system-depth h3{font-size:24px}
  .case-media-section,.case-proof-layers{padding:72px 0}.case-media-grid,.proof-layer-grid{gap:12px}.case-media-item,.proof-layer-grid figure{border-radius:9px}
  .case-media-item figcaption{font-size:12px;line-height:1.35;padding:12px 13px;min-height:46px}
  .final-cta{padding:78px 0}.final-grid{gap:38px}.final-action .button{width:100%}
  .button{min-height:46px;padding-inline:18px}
}

/* Hover effects only on devices that truly hover. */
@media(hover:none),(pointer:coarse){
  .project-visual:hover,.work-index-media:hover,.button:hover{transform:none;box-shadow:none}
  .nav a:after{display:none}
  .open-case{opacity:1;transform:none}
}

@media(prefers-reduced-motion:reduce){
  .site-header{will-change:auto}
  .project-visual,.work-index-media{scroll-margin-top:82px}
}

/* V1.6.1 — Mobile Experience Pass */
.mobile-action-dock{display:none}

@media(max-width:720px){
  :root{--dsb-mobile-edge:20px;--dsb-mobile-radius:14px}
  body{overflow-x:hidden}
  main{overflow:clip}

  /* Mobile feels designed, not merely reduced from desktop. */
  .hero{padding:42px 0 48px}
  .hero-grid{display:block}
  .hero-copy{width:100%}
  .hero h1{font-size:clamp(44px,13.3vw,55px);margin:18px 0 20px;line-height:.93}
  .hero p{max-width:34rem;font-size:16px;line-height:1.58;margin-bottom:22px}
  .hero .actions{display:grid;grid-template-columns:1fr 1fr;max-width:none;gap:8px}
  .hero .actions .button{min-height:48px;padding-inline:12px;font-size:12px}
  .hero-footnote{margin-top:27px;display:grid;grid-template-columns:1fr 1fr;gap:7px 16px}
  .hero-footnote i{display:none}

  /* One strong project at a time. Swipe/dots replace the desktop stack. */
  .project-stack{min-height:252px;margin-top:30px;max-width:none;perspective:none}
  .stack-card{top:0!important;left:0!important;right:auto!important;width:100%!important;height:222px!important;padding:13px;border-radius:12px;opacity:0!important;transform:none!important;pointer-events:none!important;box-shadow:none;transition:opacity .22s ease,border-color .22s ease!important}
  .stack-card.is-active{opacity:1!important;transform:none!important;pointer-events:auto!important;z-index:5!important}
  .stack-screen{height:164px;margin-top:11px}
  .stack-screen.has-cover{background-position:center;background-size:cover}
  .stack-screen.has-cover .screen-toolbar,.stack-screen.has-cover .screen-layout{opacity:.08}
  .stack-index{bottom:14px;right:15px}
  .stack-controls{left:50%;right:auto;bottom:-29px;transform:translateX(-50%);gap:1px}
  .stack-controls button{min-width:34px;min-height:34px;padding:7px 8px}

  /* Proof stays compact but readable. */
  .proof-grid{grid-template-columns:1fr 1fr}
  .metric{min-height:92px;padding:18px 12px;display:flex;flex-direction:column;justify-content:center}
  .metric strong{font-size:23px}.metric span{font-size:9px;line-height:1.38}

  /* Selected Work becomes a deliberate swipe rail on mobile. */
  .selected-work .section-head{margin-bottom:22px}
  .work-grid{display:flex!important;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;gap:12px;row-gap:0;margin-right:calc(var(--dsb-mobile-edge) * -1);padding:0 var(--dsb-mobile-edge) 12px 0;scrollbar-width:none}
  .work-grid::-webkit-scrollbar{display:none}
  .work-card,.work-feature,.split-work,.split-work.small{flex:0 0 min(86vw,380px);width:min(86vw,380px);scroll-snap-align:start;grid-column:auto}
  .work-feature .project-visual,.split-work .project-visual{aspect-ratio:1.18/1;border-radius:11px}
  .project-info{display:block;padding-top:13px}
  .project-info h3{font-size:25px}.project-info p{font-size:14px}
  .tags{margin-top:11px;display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
  .tags::-webkit-scrollbar{display:none}.tag{flex:0 0 auto}

  /* Responsibility is fast to scan. */
  .responsibility{padding:64px 0}
  .responsibility-list{margin-top:30px}
  .responsibility-list article{min-height:78px;grid-template-columns:34px 1fr;padding:13px 0}
  .responsibility-list article h3{font-size:18px}.responsibility-list article p{font-size:14px;line-height:1.45}

  /* What We Solve: compact swipe cards instead of an endless list. */
  .expertise-home{padding-top:68px}
  .expertise-list{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;border-top:0;margin-right:calc(var(--dsb-mobile-edge) * -1);padding:0 var(--dsb-mobile-edge) 10px 0;scrollbar-width:none}
  .expertise-list::-webkit-scrollbar{display:none}
  .expertise-row{flex:0 0 min(82vw,340px);min-height:184px;scroll-snap-align:start;border:1px solid var(--dsb-border);border-radius:12px;padding:18px;display:grid;grid-template-columns:1fr 22px;grid-template-rows:auto 1fr;gap:12px;background:#0d1015}
  .expertise-row+.expertise-row{border-top:1px solid var(--dsb-border)}
  .expertise-no{grid-column:1;grid-row:1;color:var(--dsb-blue)}
  .expertise-copy{grid-column:1;grid-row:2;display:block;align-self:end}
  .expertise-copy h3{font-size:22px;line-height:1.08;margin-bottom:8px}
  .expertise-copy p{font-size:14px!important;line-height:1.5!important;color:#959daa;margin:0!important}
  .expertise-row>b{grid-column:2;grid-row:1/-1;align-self:start;justify-self:end}

  /* Process is a short swipeable sequence. */
  .process-home{padding:68px 0}
  .process-home-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;border:0;margin-right:calc(var(--dsb-mobile-edge) * -1);padding:0 var(--dsb-mobile-edge) 10px 0;scrollbar-width:none}
  .process-home-grid::-webkit-scrollbar{display:none}
  .process-home-grid article{flex:0 0 min(76vw,310px);min-height:190px;scroll-snap-align:start;border:1px solid var(--dsb-border)!important;border-radius:12px;padding:20px!important;background:#0d1015}
  .process-home-grid article h3{margin-top:42px;font-size:23px}.process-home-grid article p{font-size:14px;line-height:1.5}

  /* Technology: the live product remains substantial; secondary products become a rail. */
  .technology-home{padding:68px 0}
  .technology-head{margin-bottom:26px}
  .technology-head>p{font-size:14px}
  .technology-grid{display:block}
  .product-main{min-height:470px;padding:18px}
  .product-card h3{font-size:30px;margin-top:28px}.product-card p{font-size:14px}
  .product-demo{height:212px;margin:26px 0 21px}
  .phone-demo{width:86px;height:174px;left:2%;bottom:17px;border-radius:17px;transform:rotate(-3deg) scale(.92)}
  .dashboard-demo{left:20%;right:-10%;height:174px;bottom:19px}
  .deployments{grid-template-columns:1fr;gap:6px;margin-bottom:18px}.deployments p{font-size:12px;line-height:1.45}
  .product-side{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin-top:10px;margin-right:calc(var(--dsb-mobile-edge) * -1);padding-right:var(--dsb-mobile-edge);scrollbar-width:none}
  .product-side::-webkit-scrollbar{display:none}
  .product-card.compact,.technology-note{flex:0 0 min(82vw,330px);min-height:180px;scroll-snap-align:start;padding:18px}
  .technology-note{border:1px solid var(--dsb-border);border-radius:12px;background:#0d1015}

  /* Work index remains editorial, but faster to scan. */
  .work-index-list{gap:50px}
  .work-index-media{aspect-ratio:1.2/1;min-height:0}
  .work-index-ui{inset:16px}.work-index-ui strong{font-size:clamp(31px,10vw,40px)}
  .work-index-meta{gap:12px}.work-index-meta h2{font-size:27px}

  /* Case studies use a native vertical system narrative on phone. */
  .case-hero{padding:78px 0 44px}
  .case-title-grid{padding:28px 0 24px;gap:20px}.case-title-grid h1{font-size:clamp(48px,14vw,60px)}
  .case-title-grid>div>p{font-size:17px;line-height:1.55}
  .case-facts{grid-template-columns:1fr 1fr;gap:12px}.case-facts div{padding-top:9px}.case-facts strong{font-size:13px}
  .case-cover{aspect-ratio:1.16/1}
  .case-intro,.case-result,.case-system-depth,.case-architecture{padding:64px 0}
  .case-copy-grid h2{font-size:36px}.case-copy-grid p{font-size:16px}
  .case-dual article,.case-dual article+article{padding:38px 0}
  .architecture-map{margin-top:35px}
  .architecture-flow{display:flex;flex-direction:column;gap:8px}
  .architecture-flow>i,.architecture-link{transform:rotate(90deg);align-self:center;margin:2px 0}
  .architecture-node{min-height:205px;border-radius:9px}
  .architecture-media,.architecture-placeholder{height:112px}
  .architecture-core{display:block;min-height:0;padding:15px}.core-signals{margin-top:14px}
  .architecture-business-layer{grid-template-columns:1fr;margin-top:8px}
  .architecture-business-layer span{border-right:0!important;border-bottom:1px solid #20242c!important;text-align:left;padding:11px 13px}
  .architecture-business-layer span:last-child{border-bottom:0!important}
  .proof-layer-grid figure>div{aspect-ratio:1.3/1}
  .case-media-grid{grid-template-columns:1fr}.case-media-item.is-wide{grid-column:auto}

  /* Start a Project: one-hand friendly, dense and readable. */
  .intake-hero{padding:88px 0 54px}.intake-hero-grid{gap:22px}.intake-hero h1{font-size:clamp(46px,13vw,56px)}
  .intake-fit{padding:50px 0}.intake-fit-grid{gap:22px}
  .intake-section{padding:46px 0 90px}
  .project-intake fieldset{padding:30px 0}.project-intake legend{font-size:21px;line-height:1.2;margin-bottom:19px}.project-intake legend span{display:block;margin:0 0 7px}
  .choice-grid,.goal-choice-grid{grid-template-columns:1fr;gap:7px}.choice-card span{min-height:50px;padding:13px 14px;font-size:14px}
  .public-form-grid{gap:12px}.public-form-grid input,.public-form-grid select,.public-field textarea{min-height:54px;font-size:16px}.public-field textarea{min-height:150px}
  .intake-submit{padding-top:26px;gap:18px}.intake-submit .button{min-height:52px}

  /* Final CTA leaves breathing room above the action dock. */
  .final-cta{padding-bottom:112px}
  .site-footer{padding-bottom:92px}

  /* Floating action dock: conversion aid, not app-navigation cosplay. */
  .mobile-action-dock{position:fixed;left:50%;bottom:max(12px,calc(env(safe-area-inset-bottom) + 9px));z-index:46;width:min(calc(100% - 28px),500px);transform:translate(-50%,14px);display:grid;grid-template-columns:.72fr 1.28fr;gap:5px;padding:5px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(17,19,24,.86);box-shadow:0 20px 54px rgba(0,0,0,.34);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);opacity:0;visibility:hidden;transition:opacity .22s ease,transform .22s ease,visibility .22s}
  .mobile-action-dock.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
  .mobile-action-dock.is-suppressed,body.menu-open .mobile-action-dock{opacity:0!important;visibility:hidden!important;transform:translate(-50%,14px)!important;pointer-events:none}
  .mobile-dock-link{min-height:47px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;color:#d9dce2;font-size:13px;font-weight:650;border:1px solid transparent}
  .mobile-dock-link:first-child{justify-content:flex-start;border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.025)}
  .mobile-dock-link small{display:block;margin-left:auto;color:#707986;font:650 8px ui-monospace,monospace;letter-spacing:.08em}
  .mobile-dock-link.is-primary{justify-content:space-between;background:var(--dsb-blue);color:white;padding-left:16px}
  .mobile-dock-link.is-primary b{font-size:18px;font-weight:500}
}

@media(max-width:370px){
  .hero .actions{grid-template-columns:1fr}
  .mobile-dock-link small{display:none}
  .mobile-action-dock{grid-template-columns:.62fr 1.38fr}
}

@media(hover:none),(pointer:coarse){
  .expertise-row:hover,.responsibility-list article:hover{padding-left:initial}
}

@media(prefers-reduced-motion:reduce){
  .mobile-action-dock{transition:none}
}

/* DSB V1.6.2 — Mobile Menu Compact Premium Hotfix */
@media (max-width: 980px){
  .mobile-menu{
    overflow-y:auto;
    overscroll-behavior:contain;
    background:rgba(8,9,11,.985);
  }
  .mobile-menu-inner{
    min-height:100%;
    padding-top:24px;
    padding-bottom:max(20px,env(safe-area-inset-bottom));
  }
  .mobile-menu nav{
    border-top:1px solid rgba(255,255,255,.08);
  }
  .mobile-menu nav a{
    min-height:54px;
    padding:11px 0;
    font-size:clamp(21px,6vw,25px);
    line-height:1.05;
    letter-spacing:-.035em;
  }
  .mobile-menu nav span{
    font-size:9px;
    letter-spacing:.08em;
    color:#68717f;
  }
  .mobile-project-cta{
    width:100%;
    min-height:48px;
    margin-top:20px;
  }
  .mobile-menu-foot{
    margin-top:auto;
    padding:22px 0 max(18px,env(safe-area-inset-bottom));
    font-size:9px;
    letter-spacing:.08em;
  }
}
@media (max-width:600px){
  .mobile-menu-inner{padding-top:18px}
  .mobile-menu nav a{min-height:50px;padding:9px 0;font-size:22px}
  .mobile-project-cta{margin-top:16px}
  .mobile-menu-foot{padding-top:18px}
}
@media (max-height:700px) and (max-width:980px){
  .mobile-menu-inner{padding-top:12px}
  .mobile-menu nav a{min-height:44px;padding:7px 0;font-size:20px}
  .mobile-project-cta{min-height:44px;margin-top:12px}
  .mobile-menu-foot{padding-top:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}
}

/* DSB V1.6.3 — Premium Mobile Navigation Rebuild
   The overlay is now a viewport-level sibling of the header, avoiding transformed
   ancestor/fixed-position bugs on mobile browsers. */
html.menu-open,body.menu-open{overflow:hidden!important;overscroll-behavior:none}
@media(max-width:980px){
  .site-header{z-index:80}
  body.menu-open .site-header{transform:none!important;will-change:auto!important;background:rgba(8,9,11,.96)!important;border-color:rgba(255,255,255,.08)!important;backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}
  .menu-toggle{z-index:82;border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.025)}
  .menu-toggle:focus-visible{outline:2px solid var(--dsb-blue);outline-offset:2px}

  .mobile-menu{display:block!important;position:fixed!important;inset:0!important;z-index:70!important;padding:72px 0 0!important;overflow:hidden!important;background:transparent!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:none!important;transition:opacity .22s ease,visibility .22s ease!important}
  .mobile-menu.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .mobile-menu-backdrop{position:absolute;inset:0;border:0;margin:0;padding:0;width:100%;height:100%;background:radial-gradient(circle at 88% 8%,rgba(73,108,255,.14),transparent 30%),linear-gradient(180deg,rgba(8,9,11,.985),rgba(8,9,11,.998));backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%);cursor:default}
  .mobile-menu-shell{position:relative;z-index:1;height:100%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .mobile-menu-shell::-webkit-scrollbar{display:none}
  .mobile-menu-inner{min-height:calc(100dvh - 72px)!important;padding:22px 0 max(22px,env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important}
  .mobile-menu-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.08);font:700 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em;color:var(--dsb-blue)}
  .mobile-menu-top small{font:650 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;color:#6e7785;text-align:right}

  .mobile-menu-nav{border-top:0!important;margin-top:10px}
  .mobile-menu-nav a{display:grid!important;grid-template-columns:32px 1fr 24px!important;align-items:center!important;gap:12px!important;min-height:60px!important;padding:0!important;border-bottom:1px solid rgba(255,255,255,.075)!important;color:#e7e7e3!important;transition:color .18s ease,border-color .18s ease,padding-left .18s ease!important}
  .mobile-menu-nav a>span{font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace!important;letter-spacing:.08em!important;color:#596372!important}
  .mobile-menu-nav a>strong{font-size:clamp(22px,5.7vw,27px)!important;line-height:1!important;letter-spacing:-.045em!important;font-weight:560!important}
  .mobile-menu-nav a>i{font-style:normal;color:#4d5664;font-size:17px;justify-self:end;transition:color .18s ease,transform .18s ease}
  .mobile-menu-nav a:focus-visible,.mobile-menu-nav a:hover{color:#fff!important;border-color:rgba(73,108,255,.42)!important;padding-left:4px!important;outline:0}
  .mobile-menu-nav a:focus-visible>span,.mobile-menu-nav a:hover>span{color:var(--dsb-blue)!important}
  .mobile-menu-nav a:focus-visible>i,.mobile-menu-nav a:hover>i{color:var(--dsb-blue);transform:translateX(3px)}

  .mobile-menu-bottom{margin-top:auto;padding-top:20px}
  .mobile-project-cta{width:100%!important;min-height:52px!important;margin:0!important;padding:0 17px!important;border-radius:10px!important;justify-content:space-between!important;font-size:13px!important}
  .mobile-project-cta b{font-size:19px;font-weight:500}
  .mobile-menu-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 0 0;font:650 8px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;color:#596271}
  .mobile-menu-meta>span{max-width:190px}
  .mobile-menu-meta>div{display:flex;gap:14px;text-align:right}
  .mobile-menu-meta a{color:#949ca8}
  .mobile-menu-meta a:hover,.mobile-menu-meta a:focus-visible{color:#fff}
  .mobile-menu-foot{margin-top:14px!important;padding:14px 0 0!important;border-top:1px solid rgba(255,255,255,.06);font:650 8px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace!important;letter-spacing:.09em!important;color:#4f5866!important}
}
@media(max-width:600px){
  .mobile-menu{padding-top:60px!important}
  .mobile-menu-inner{min-height:calc(100dvh - 60px)!important;padding-top:16px!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important}
  .mobile-menu-top small{display:none}
  .mobile-menu-nav{margin-top:6px}
  .mobile-menu-nav a{min-height:56px!important;grid-template-columns:28px 1fr 20px!important;gap:10px!important}
  .mobile-menu-nav a>strong{font-size:23px!important}
  .mobile-menu-bottom{padding-top:16px}
  .mobile-project-cta{min-height:50px!important}
  .mobile-menu-meta{padding-top:14px;gap:12px;flex-direction:column}
  .mobile-menu-meta>div{text-align:left}
}
@media(max-height:700px) and (max-width:980px){
  .mobile-menu-inner{padding-top:10px!important;padding-bottom:max(10px,env(safe-area-inset-bottom))!important}
  .mobile-menu-top{padding-bottom:10px}
  .mobile-menu-nav{margin-top:4px}
  .mobile-menu-nav a{min-height:46px!important}
  .mobile-menu-nav a>strong{font-size:20px!important}
  .mobile-menu-bottom{padding-top:10px}
  .mobile-project-cta{min-height:44px!important}
  .mobile-menu-meta{display:none}
  .mobile-menu-foot{margin-top:9px!important;padding-top:9px!important}
}
@media(prefers-reduced-motion:reduce){
  .mobile-menu,.mobile-menu-nav a,.mobile-menu-nav a>i{transition:none!important}
}

/* DSB V1.7.0 — multilingual navigation */
.header-actions{display:flex;align-items:center;gap:12px;margin-left:0}.header-actions .header-cta{margin-left:2px}.lang-switch,.mobile-menu-language{display:flex;align-items:center;gap:6px;font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;color:#5f6876}.lang-switch a,.mobile-menu-language a{color:#707987;transition:color .18s ease}.lang-switch a:hover,.lang-switch a:focus-visible,.mobile-menu-language a:hover,.mobile-menu-language a:focus-visible{color:#fff}.lang-switch a.is-active,.mobile-menu-language a.is-active{color:var(--dsb-blue)}
@media(max-width:980px){.header-actions{margin-left:auto}.lang-switch{display:none}.mobile-menu-language{margin-left:auto}.menu-toggle{margin-left:0}.mobile-menu-top{gap:12px}.mobile-menu-top small{margin-left:10px}}
@media(max-width:600px){.mobile-menu-language{font-size:10px;gap:7px}.mobile-menu-top>span{white-space:nowrap}.mobile-menu-top small{display:none}}

/* DSB V1.7.2 — Process page layout repair & premium compact treatment */
.process-hero{padding:132px 0 88px;border-bottom:1px solid var(--dsb-border);position:relative;overflow:hidden}
.process-hero:after{content:"";position:absolute;width:520px;height:520px;right:-230px;top:-180px;background:radial-gradient(circle,rgba(73,108,255,.11),transparent 68%);pointer-events:none}
.process-hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:72px;align-items:end;position:relative;z-index:1}
.process-hero h1{font-size:clamp(62px,7vw,100px);line-height:.89;letter-spacing:-.07em;margin:20px 0 0;font-weight:650}
.process-hero h1 span{color:var(--dsb-blue)}
.process-hero-grid>div:last-child{padding-bottom:8px}
.process-hero p{max-width:560px;margin:0 0 24px;color:#aeb4be;font-size:17px;line-height:1.65}

.process-steps{padding:28px 0 98px}
.process-step-list{border-top:1px solid var(--dsb-border)}
.process-step-list article{display:grid;grid-template-columns:92px minmax(260px,4.5fr) 5.5fr;gap:34px;align-items:start;padding:34px 0;border-bottom:1px solid var(--dsb-border)}
.process-step-list article>span{font:700 10px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;color:var(--dsb-blue);padding-top:7px}
.process-step-list h2{margin:0;font-size:clamp(28px,3vw,42px);line-height:1;letter-spacing:-.045em;font-weight:590;max-width:500px}
.process-step-list p{margin:0;color:#9da5b0;font-size:15.5px;line-height:1.7;max-width:680px}

.process-proof{padding:92px 0;background:#0c0e12;border-top:1px solid var(--dsb-border);border-bottom:1px solid var(--dsb-border)}
.process-proof .section-head{margin-bottom:34px}
.process-proof .section-head h2{font-size:clamp(40px,4.5vw,62px);line-height:.96;letter-spacing:-.055em;margin:10px 0 0}
.process-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--dsb-border);border-left:1px solid var(--dsb-border)}
.process-proof-grid article{min-height:205px;padding:25px;border-right:1px solid var(--dsb-border);border-bottom:1px solid var(--dsb-border);display:flex;flex-direction:column}
.process-proof-grid strong{font-size:30px;line-height:1;letter-spacing:-.045em;color:var(--dsb-ivory);margin-bottom:9px}
.process-proof-grid span{font:700 10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;color:var(--dsb-blue);text-transform:uppercase}
.process-proof-grid p{margin:auto 0 0;padding-top:24px;color:#8f98a5;font-size:13.5px;line-height:1.6}

.fit-section{padding:104px 0}
.fit-grid{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:start}
.fit-grid h2{font-size:clamp(40px,4.5vw,64px);line-height:.96;letter-spacing:-.055em;margin:14px 0 0;max-width:560px}
.fit-grid>div:last-child>p{margin:0 0 25px;color:#bdc1c8;font-size:17px;line-height:1.65;max-width:700px}
.fit-grid ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--dsb-border)}
.fit-grid li{position:relative;padding:16px 0 16px 28px;border-bottom:1px solid var(--dsb-border);color:#9ea6b1;font-size:14.5px;line-height:1.55}
.fit-grid li:before{content:"→";position:absolute;left:0;top:16px;color:var(--dsb-blue)}
.fit-grid aside{margin-top:24px;padding:17px 19px;border:1px solid rgba(73,108,255,.24);border-radius:10px;background:rgba(73,108,255,.055);color:#c8ccd3;font-size:13.5px;line-height:1.6}

.testimonial-public{padding:94px 0;border-top:1px solid var(--dsb-border)}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.testimonial-grid blockquote{margin:0;padding:25px;border:1px solid var(--dsb-border);border-radius:11px;background:#0d1015;min-height:220px;display:flex;flex-direction:column}
.testimonial-grid blockquote>p{font-size:16px;line-height:1.65;color:#d1d4da;margin:0 0 28px}
.testimonial-grid blockquote footer{margin-top:auto;display:grid;gap:4px}
.testimonial-grid blockquote footer strong{font-size:13px}
.testimonial-grid blockquote footer span{font-size:11px;color:#737c89}

@media(max-width:900px){
  .process-hero{padding:105px 0 66px}
  .process-hero-grid,.fit-grid{grid-template-columns:1fr;gap:30px}
  .process-hero h1{font-size:clamp(52px,13vw,72px)}
  .process-step-list article{grid-template-columns:54px 1fr;gap:18px 18px;padding:27px 0}
  .process-step-list article>p{grid-column:2}
  .process-step-list h2{font-size:30px}
  .process-proof{padding:72px 0}
  .process-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fit-section{padding:78px 0}
  .testimonial-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .process-hero{padding:82px 0 50px}
  .process-hero h1{font-size:clamp(47px,14vw,62px);line-height:.91}
  .process-hero p{font-size:15.5px;line-height:1.6}
  .process-steps{padding:12px 0 66px}
  .process-step-list article{grid-template-columns:1fr;gap:9px;padding:24px 0}
  .process-step-list article>span,.process-step-list article>p{grid-column:auto}
  .process-step-list article>span{padding-top:0}
  .process-step-list h2{font-size:27px;max-width:none}
  .process-step-list p{font-size:14.5px}
  .process-proof-grid{grid-template-columns:1fr}
  .process-proof-grid article{min-height:170px}
  .fit-grid h2{font-size:38px}
  .fit-grid>div:last-child>p{font-size:15.5px}
}

/* DSB V1.7.3 — Process Page Experience Rebuild */
.process-x-hero{position:relative;overflow:hidden;padding:132px 0 92px;border-bottom:1px solid var(--dsb-border)}
.process-x-hero:after{content:"";position:absolute;right:-220px;top:-260px;width:660px;height:660px;background:radial-gradient(circle,rgba(73,108,255,.13),rgba(73,108,255,.025) 42%,transparent 70%);pointer-events:none}
.process-x-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,7fr) minmax(340px,5fr);gap:clamp(54px,7vw,110px);align-items:end}
.process-x-hero h1{margin:20px 0 0;font-size:clamp(64px,7vw,102px);font-weight:650;line-height:.88;letter-spacing:-.072em;max-width:820px}
.process-x-hero h1 span{color:var(--dsb-blue)}
.process-x-hero-copy{padding:0 0 7px;max-width:600px}
.process-x-index{display:block;margin:0 0 22px;font:700 10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:var(--dsb-blue)}
.process-x-hero-copy>p{margin:0;color:#aab1bb;font-size:17px;line-height:1.72}
.process-x-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}

.process-x-steps{padding:34px 0 104px}
.process-x-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--dsb-border);border-left:1px solid var(--dsb-border)}
.process-x-card{position:relative;display:flex;flex-direction:column;min-height:430px;padding:26px;border-right:1px solid var(--dsb-border);border-bottom:1px solid var(--dsb-border);background:linear-gradient(180deg,rgba(17,19,24,.58),rgba(8,9,11,.25));transition:background .22s ease,border-color .22s ease,transform .22s ease}
.process-x-card:hover{background:linear-gradient(180deg,rgba(19,22,29,.9),rgba(10,12,16,.5));border-color:rgba(73,108,255,.28);transform:translateY(-2px)}
.process-x-card:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:var(--dsb-blue);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.process-x-card:hover:before{transform:scaleX(1)}
.process-x-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.06)}
.process-x-card-head>span{font-size:15px;color:var(--dsb-ivory)}
.process-x-card-head>i{font:700 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;font-style:normal;letter-spacing:.1em;color:var(--dsb-blue)}
.process-x-card h2{margin:30px 0 18px;font-size:clamp(29px,2.4vw,39px);line-height:.98;letter-spacing:-.047em;font-weight:590}
.process-x-card p{margin:0;color:#8f98a5;font-size:14.5px;line-height:1.7}
.process-x-card small{display:block;margin-top:auto;padding-top:30px;font:700 9px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;color:#5f6875}

.process-x-principles{padding:100px 0;background:#0c0e12;border-top:1px solid var(--dsb-border);border-bottom:1px solid var(--dsb-border)}
.process-x-principles-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(50px,7vw,110px);align-items:start}
.process-x-principles h2{margin:15px 0 0;max-width:600px;font-size:clamp(44px,4.7vw,68px);line-height:.94;letter-spacing:-.058em;font-weight:600}
.process-x-principle-list{border-top:1px solid var(--dsb-border)}
.process-x-principle-list article{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--dsb-border)}
.process-x-principle-list article>span{font:700 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;color:var(--dsb-blue);padding-top:3px}
.process-x-principle-list strong{display:block;margin-bottom:5px;font-size:16px;color:#e5e6e2}
.process-x-principle-list p{margin:0;color:#818b98;font-size:13.5px;line-height:1.55}

.process-x-proof{padding:94px 0}
.process-x-proof .section-head{margin-bottom:34px}
.process-x-proof .section-head h2{margin:12px 0 0;font-size:clamp(40px,4.4vw,62px);line-height:.96;letter-spacing:-.055em}
.process-x-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--dsb-border);border-left:1px solid var(--dsb-border)}
.process-x-proof-grid article{display:flex;flex-direction:column;min-height:205px;padding:25px;border-right:1px solid var(--dsb-border);border-bottom:1px solid var(--dsb-border)}
.process-x-proof-grid strong{font-size:31px;line-height:1;letter-spacing:-.045em;color:var(--dsb-ivory)}
.process-x-proof-grid span{margin-top:9px;font:700 10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;color:var(--dsb-blue);text-transform:uppercase}
.process-x-proof-grid p{margin:auto 0 0;padding-top:25px;color:#858f9c;font-size:13.5px;line-height:1.6}

.process-x-fit{padding:106px 0;border-top:1px solid var(--dsb-border)}
.process-x-fit-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(50px,7vw,110px);align-items:start}
.process-x-fit h2{margin:15px 0 0;max-width:600px;font-size:clamp(42px,4.5vw,64px);line-height:.96;letter-spacing:-.055em}
.process-x-fit-grid>div:last-child>p{margin:0 0 24px;color:#b9bec6;font-size:17px;line-height:1.65;max-width:720px}
.process-x-fit ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--dsb-border)}
.process-x-fit li{position:relative;padding:16px 0 16px 28px;border-bottom:1px solid var(--dsb-border);color:#979fab;font-size:14.5px;line-height:1.55}
.process-x-fit li:before{content:"→";position:absolute;left:0;top:16px;color:var(--dsb-blue)}
.process-x-fit aside{margin-top:24px;padding:17px 19px;border:1px solid rgba(73,108,255,.24);border-radius:10px;background:rgba(73,108,255,.05);color:#c6cbd2;font-size:13.5px;line-height:1.6}
.process-x-cta{border-top:1px solid var(--dsb-border)}

@media(max-width:980px){
 .process-x-hero{padding:108px 0 72px}
 .process-x-hero-grid,.process-x-principles-grid,.process-x-fit-grid{grid-template-columns:1fr;gap:36px}
 .process-x-hero-copy{max-width:720px}
 .process-x-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .process-x-card{min-height:365px}
 .process-x-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
 .process-x-hero{padding:86px 0 54px}
 .process-x-hero h1{font-size:clamp(48px,14vw,62px);line-height:.9}
 .process-x-hero-copy>p{font-size:15.5px;line-height:1.62}
 .process-x-actions{align-items:stretch;gap:14px}.process-x-actions .button{width:100%;justify-content:space-between}.process-x-actions .text-link{padding:8px 0}
 .process-x-steps{padding:18px 0 72px}
 .process-x-step-grid{grid-template-columns:1fr;border-left:0}
 .process-x-card{min-height:0;padding:23px 0;border-right:0;background:transparent;transform:none!important}
 .process-x-card:before{display:none}.process-x-card h2{font-size:31px;margin:22px 0 12px}.process-x-card p{font-size:14.5px}.process-x-card small{margin-top:24px;padding-top:0}
 .process-x-principles{padding:72px 0}.process-x-principles h2{font-size:40px}.process-x-principle-list article{grid-template-columns:36px 1fr}
 .process-x-proof{padding:72px 0}.process-x-proof-grid{grid-template-columns:1fr;border-left:0}.process-x-proof-grid article{border-left:1px solid var(--dsb-border);min-height:168px}
 .process-x-fit{padding:76px 0}.process-x-fit h2{font-size:38px}.process-x-fit-grid>div:last-child>p{font-size:15.5px}
}
@media(prefers-reduced-motion:reduce){.process-x-card,.process-x-card:before{transition:none!important}}


/* V1.7.4 — clean imagery: project artwork is shown without dark overlays */
.stack-screen.has-cover{background-image:var(--cover)!important;background-size:cover;background-position:center}
.project-visual.has-cover{background-image:var(--cover)!important;background-size:cover;background-position:center}
.project-visual.has-cover::after{display:none!important;background:none!important}
.work-index-media.has-cover{background-image:var(--cover)!important;background-size:cover;background-position:center}
.case-cover.has-cover{background-image:var(--cover)!important;background-size:cover;background-position:center}
.architecture-media:after{display:none!important;background:none!important}
.case-live-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:4px;padding-top:4px}
.case-live-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 13px;border:1px solid #303746;border-radius:8px;font:650 10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;color:#f2f1ec;background:#111318;transition:border-color .18s ease,background .18s ease,color .18s ease}
.case-live-link:hover{border-color:#496cff;background:#151a24;color:#b9c8ff}
.case-live-link.primary{border-color:rgba(73,108,255,.65);background:rgba(73,108,255,.11)}
@media(max-width:900px){.case-live-links{margin-top:4px}.case-live-link{flex:1 1 150px}}

/* DSB V1.7.8 — Clean project imagery + lightbox */
/* Real project media should stay visually clean: titles/labels live outside the image. */
.project-visual.has-cover .project-ui,
.work-index-media.has-cover .work-index-ui,
.case-cover.has-cover .case-cover-ui{display:none!important}

/* Remove floating labels from real project imagery; metadata remains below/around the media. */
.project-visual.has-cover .open-case,
.work-index-media.has-cover>b{display:none!important}

/* Lightbox-enabled case-study images */
.case-cover.has-cover .case-cover-img,
.case-media-item img,
.proof-layer-grid img,
.architecture-media img{cursor:zoom-in}

.dsb-lightbox{position:fixed;inset:0;z-index:99999;display:grid;grid-template-rows:auto 1fr auto;background:rgba(8,9,11,.985);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
.dsb-lightbox.is-open{opacity:1;visibility:visible}
.dsb-lightbox-top{display:flex;justify-content:flex-end;align-items:center;padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px}
.dsb-lightbox-close,.dsb-lightbox-nav{appearance:none;border:1px solid #252b35;background:#111318;color:#f2f1ec;border-radius:9px;display:grid;place-items:center;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.dsb-lightbox-close{width:44px;height:44px;font-size:22px;line-height:1}
.dsb-lightbox-stage{position:relative;min-height:0;display:grid;place-items:center;padding:12px 74px 18px}
.dsb-lightbox-img{display:block;max-width:min(94vw,1800px);max-height:calc(100vh - 150px);width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 28px 100px rgba(0,0,0,.45)}
.dsb-lightbox-nav{position:absolute;top:50%;width:46px;height:46px;transform:translateY(-50%);font-size:22px}
.dsb-lightbox-nav:hover,.dsb-lightbox-close:hover{border-color:#496cff;background:#151922}
.dsb-lightbox-prev{left:16px}.dsb-lightbox-next{right:16px}
.dsb-lightbox-bottom{display:flex;justify-content:center;align-items:center;min-height:54px;padding:8px 20px max(12px,env(safe-area-inset-bottom));font:650 10px ui-monospace,monospace;letter-spacing:.1em;color:#939aa5}
.dsb-lightbox[data-single="1"] .dsb-lightbox-nav{display:none}
body.dsb-lightbox-open{overflow:hidden}

@media(max-width:720px){
  .dsb-lightbox-stage{padding:8px 12px 14px}
  .dsb-lightbox-img{max-width:96vw;max-height:calc(100vh - 132px);border-radius:6px}
  .dsb-lightbox-nav{width:42px;height:42px;top:auto;bottom:8px;transform:none;background:rgba(17,19,24,.9)}
  .dsb-lightbox-prev{left:14px}.dsb-lightbox-next{right:14px}
  .dsb-lightbox-bottom{min-height:62px}
}

@media(prefers-reduced-motion:reduce){.dsb-lightbox{transition:none}.dsb-lightbox-close,.dsb-lightbox-nav{transition:none}}

/* V1.8.1 — Homepage Process Desktop Layout Hotfix */
@media (min-width: 721px){
  .process-home{
    padding:96px 0 104px;
    border-top:1px solid rgba(255,255,255,.035);
  }
  .process-home .section-head{
    display:grid;
    grid-template-columns:minmax(0,8fr) minmax(220px,4fr);
    align-items:end;
    gap:48px;
    margin-bottom:38px;
    padding-bottom:30px;
    border-bottom:1px solid var(--dsb-border);
  }
  .process-home .section-head > div{max-width:780px}
  .process-home .section-head .text-link{
    justify-self:end;
    align-self:end;
    margin-bottom:5px;
  }
  .process-home-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    border-top:1px solid var(--dsb-border);
    border-bottom:1px solid var(--dsb-border);
  }
  .process-home-grid article{
    min-width:0;
    min-height:238px;
    padding:24px 26px 27px;
    border-left:1px solid var(--dsb-border);
    display:flex;
    flex-direction:column;
    background:transparent;
    transition:background-color .22s ease,border-color .22s ease;
  }
  .process-home-grid article:first-child{border-left:0}
  .process-home-grid article > span{
    display:block;
    color:var(--dsb-blue);
    font:650 11px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
    letter-spacing:.08em;
  }
  .process-home-grid article h3{
    margin:auto 0 12px;
    font-size:clamp(22px,1.75vw,28px);
    line-height:1.05;
    letter-spacing:-.035em;
    font-weight:590;
  }
  .process-home-grid article p{
    margin:0;
    max-width:26ch;
    color:#9aa1ac;
    font-size:14px;
    line-height:1.55;
  }
  .process-home-grid article:hover{
    background:#0d1015;
  }
}

@media (min-width:721px) and (max-width:980px){
  .process-home{padding:82px 0 90px}
  .process-home .section-head{
    grid-template-columns:1fr auto;
    gap:26px;
    margin-bottom:30px;
    padding-bottom:24px;
  }
  .process-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process-home-grid article{min-height:200px}
  .process-home-grid article:nth-child(3){border-left:0;border-top:1px solid var(--dsb-border)}
  .process-home-grid article:nth-child(4){border-top:1px solid var(--dsb-border)}
}


/* DSB V1.8.2 — Experimental Motion Stage Hero (reversible) */
.hero.hero--motion-stage{overflow:hidden;isolation:isolate}
.hero.hero--motion-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent 24%,#000 64%,transparent 100%);opacity:.55}
.motion-stage{grid-column:span 5;position:relative;min-height:500px;perspective:1500px;transform-style:preserve-3d;--mx:0;--my:0;z-index:2}
.motion-stage-grid{position:absolute;inset:4% -12% 5% -18%;border-radius:28px;background:linear-gradient(rgba(73,108,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(73,108,255,.06) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 54% 48%,#000 0%,transparent 73%);opacity:.4;transform:translate3d(calc(var(--mx)*-4px),calc(var(--my)*-3px),-100px)}
.motion-stage-glow{position:absolute;width:440px;height:300px;right:-12%;top:20%;border-radius:50%;background:radial-gradient(circle,rgba(73,108,255,.23),rgba(73,108,255,.07) 35%,transparent 70%);filter:blur(28px);opacity:.72;transform:translate3d(calc(var(--mx)*12px),calc(var(--my)*10px),-70px)}
.motion-back-panel{position:absolute;left:-4%;top:7%;width:78%;height:260px;border:1px solid rgba(185,200,255,.16);border-radius:14px;background:linear-gradient(145deg,rgba(19,23,31,.9),rgba(8,10,14,.76));box-shadow:0 30px 90px rgba(0,0,0,.35);transform:translate3d(calc(var(--mx)*-12px),calc(var(--my)*-9px),-54px) rotateY(calc(var(--mx)*-1.2deg));transition:transform .35s var(--dsb-ease)}
.mbp-head{height:42px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:6px;padding:0 13px}.mbp-head i{width:5px;height:5px;border-radius:50%;background:#333b49}.mbp-head span{margin-left:auto;font:650 7px ui-monospace,monospace;letter-spacing:.09em;color:#536176}.mbp-body{padding:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.mbp-body b{height:58px;border:1px solid rgba(255,255,255,.06);border-radius:7px;background:rgba(255,255,255,.018)}.mbp-body div{grid-column:1/-1;height:70px;border:1px solid rgba(73,108,255,.14);border-radius:7px;background:linear-gradient(180deg,rgba(73,108,255,.035),transparent)}
.motion-dashboard{position:absolute;left:8%;right:1%;bottom:58px;height:155px;border:1px solid rgba(185,200,255,.16);border-radius:14px;background:rgba(10,13,18,.92);box-shadow:0 28px 78px rgba(0,0,0,.42);padding:15px;display:grid;grid-template-columns:52px 1fr;gap:12px;transform:translate3d(calc(var(--mx)*-7px),calc(var(--my)*7px),-20px);transition:transform .35s var(--dsb-ease)}
.md-nav{border-right:1px solid rgba(255,255,255,.06);background:repeating-linear-gradient(180deg,transparent 0 13px,rgba(255,255,255,.06) 13px 17px,transparent 17px 29px);opacity:.6}.md-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;height:44px}.md-cards i{border:1px solid rgba(255,255,255,.06);border-radius:5px;background:#111620}.md-chart{grid-column:2;height:65px;border:1px solid rgba(255,255,255,.06);border-radius:7px;position:relative;overflow:hidden}.md-chart span{position:absolute;left:6%;right:6%;bottom:18px;height:2px;background:linear-gradient(90deg,transparent,var(--dsb-blue),#8ba5ff,var(--dsb-blue),transparent);transform:skewY(-5deg);box-shadow:0 0 18px rgba(73,108,255,.45)}
.motion-main-frame{position:absolute;left:7%;right:4%;top:78px;height:292px;border:1px solid #2a3341;border-radius:15px;background:#090c11;overflow:hidden;box-shadow:0 38px 120px rgba(0,0,0,.52),0 0 0 1px rgba(73,108,255,.035) inset;transform:translate3d(calc(var(--mx)*9px),calc(var(--my)*7px),55px) rotateY(calc(var(--mx)*1.5deg)) rotateX(calc(var(--my)*-1deg));transition:transform .28s var(--dsb-ease),border-color .25s ease}
.motion-stage:hover .motion-main-frame{border-color:rgba(111,141,255,.42)}
.motion-frame-toolbar{height:34px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#0d1117}.motion-frame-toolbar>span{display:flex;gap:5px}.motion-frame-toolbar i{width:5px;height:5px;border-radius:50%;background:#394150}.motion-frame-toolbar b{font:600 7px ui-monospace,monospace;color:#4f5a6a;letter-spacing:.05em}.motion-projects{position:relative;height:calc(100% - 34px);background:#07090c}.motion-project{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:scale(.985);transition:opacity .55s var(--dsb-ease),transform .65s var(--dsb-ease),visibility .55s;text-decoration:none;background:#07090c}.motion-project.is-active{opacity:1;visibility:visible;transform:scale(1);z-index:2}.motion-project img{width:100%;height:100%;object-fit:contain;display:block;background:#08090b}.motion-project-placeholder{width:100%;height:100%;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;background:radial-gradient(circle at 72% 30%,rgba(73,108,255,.12),transparent 36%)}.motion-project-placeholder span{font-size:28px;font-weight:620;color:var(--dsb-ivory)}.motion-project-placeholder i{display:block;height:5px;border-radius:4px;background:#242c38}.motion-project-placeholder i:nth-child(2){width:42%;background:#d7d9dd}.motion-project-placeholder i:nth-child(3){width:70%}.motion-project-placeholder i:nth-child(4){width:56%}
.motion-phone-frame{position:absolute;right:-4%;top:198px;width:116px;height:238px;border:1px solid #343e4e;border-radius:25px;background:#090c11;box-shadow:0 28px 75px rgba(0,0,0,.55);padding:9px;z-index:7;transform:translate3d(calc(var(--mx)*17px),calc(var(--my)*11px),95px) rotateY(calc(var(--mx)*2deg));transition:transform .3s var(--dsb-ease)}.motion-phone-island{width:38px;height:9px;border-radius:9px;background:#020305;margin:0 auto 8px}.motion-phone-content{position:relative;height:185px;border-radius:15px;overflow:hidden;background:#0d1117}.motion-phone-content img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#08090b;opacity:0;transition:opacity .5s ease}.motion-phone-content img.is-active{opacity:1}.motion-phone-dock{height:20px;display:flex;align-items:center;justify-content:space-around}.motion-phone-dock i{width:12px;height:2px;background:#3b4656;border-radius:2px}.motion-phone-dock i:nth-child(2){background:var(--dsb-blue);box-shadow:0 0 10px rgba(73,108,255,.5)}
.motion-stage-caption{position:absolute;left:11%;right:18%;bottom:25px;display:flex;align-items:center;gap:10px;font:650 8px ui-monospace,monospace;color:#697589;letter-spacing:.1em}.motion-stage-caption i{flex:1;height:1px;background:linear-gradient(90deg,rgba(73,108,255,.16),rgba(73,108,255,.52),rgba(73,108,255,.16))}
.motion-stage-controls{position:absolute;right:0;bottom:-18px;display:flex;gap:5px;z-index:9}.motion-stage-controls button{appearance:none;border:1px solid #242c38;border-radius:999px;background:#0c1016;color:#667182;padding:7px 9px;font:650 7px ui-monospace,monospace;letter-spacing:.05em;cursor:pointer;transition:.2s ease}.motion-stage-controls button span{color:#485568;margin-right:5px}.motion-stage-controls button.is-active{color:#dce2ec;border-color:rgba(73,108,255,.48);background:rgba(73,108,255,.09)}.motion-stage-controls button.is-active span{color:var(--dsb-blue)}
body[data-motion="off"] .motion-stage *,body[data-motion="subtle"] .motion-stage *{animation:none!important}body[data-motion="off"] .motion-main-frame,body[data-motion="off"] .motion-back-panel,body[data-motion="off"] .motion-dashboard,body[data-motion="off"] .motion-phone-frame{transition:none!important}
@media(max-width:980px){.motion-stage{grid-column:1/-1;min-height:470px;width:min(760px,100%);margin:28px auto 0}.motion-main-frame{left:5%;right:5%;top:46px;height:300px}.motion-back-panel{left:2%;top:0;width:78%}.motion-dashboard{left:9%;right:4%;bottom:56px}.motion-phone-frame{right:2%;top:190px}}
@media(max-width:600px){.hero.hero--motion-stage{padding-bottom:46px}.motion-stage{min-height:310px;margin-top:26px;perspective:none}.motion-stage-grid,.motion-stage-glow,.motion-back-panel,.motion-dashboard,.motion-phone-frame,.motion-stage-caption{display:none}.motion-main-frame{position:relative;left:auto;right:auto;top:auto;height:230px;width:100%;transform:none!important;border-radius:12px}.motion-frame-toolbar{height:30px}.motion-projects{height:calc(100% - 30px)}.motion-stage-controls{position:static;margin-top:9px;overflow-x:auto;justify-content:flex-start;padding-bottom:4px;scrollbar-width:none}.motion-stage-controls::-webkit-scrollbar{display:none}.motion-stage-controls button{white-space:nowrap;flex:0 0 auto}.hero.hero--motion-stage .hero-footnote{margin-top:29px}}
@media(prefers-reduced-motion:reduce){.motion-stage *{transition:none!important}.motion-main-frame,.motion-back-panel,.motion-dashboard,.motion-phone-frame{transform:none!important}}

/* DSB V1.8.3 — Immersive Homepage Motion Pass */
.project-visual.has-cover{background:#08090b!important;background-image:none!important;height:auto!important;aspect-ratio:auto!important;min-height:0!important}
.project-cover-image{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;background:#08090b;transition:transform .8s cubic-bezier(.22,.61,.36,1),filter .55s ease;will-change:transform}
.project-visual.has-cover:hover .project-cover-image{transform:scale(1.008)}

.hero-parallax-bridge{height:118px;position:relative;z-index:3;overflow:hidden;background:linear-gradient(180deg,#08090b 0%,#08090b 54%,#090b0f 100%);border-top:1px solid rgba(255,255,255,.025);border-bottom:1px solid var(--dsb-border)}
.hero-parallax-bridge:before{content:"";position:absolute;left:50%;top:48%;width:min(86vw,1240px);height:1px;transform:translateX(-50%) scaleX(calc(.28 + var(--hero-scroll,0)*.72));transform-origin:center;background:linear-gradient(90deg,transparent,rgba(73,108,255,.25),rgba(185,200,255,.92),rgba(73,108,255,.25),transparent);box-shadow:0 0 34px rgba(73,108,255,.35);opacity:calc(.34 + var(--hero-scroll,0)*.66)}
.hero-parallax-bridge i,.hero-parallax-bridge b,.hero-parallax-bridge span{position:absolute;border-radius:50%;pointer-events:none}
.hero-parallax-bridge i{width:520px;height:170px;left:50%;top:42%;transform:translate(-50%,-50%) scale(calc(.72 + var(--hero-scroll,0)*.38));background:radial-gradient(ellipse,rgba(73,108,255,.2),rgba(73,108,255,.035) 42%,transparent 72%);filter:blur(20px);opacity:calc(.35 + var(--hero-scroll,0)*.45)}
.hero-parallax-bridge b{width:8px;height:8px;left:50%;top:48%;transform:translate(-50%,-50%);background:#b9c8ff;box-shadow:0 0 22px #496cff,0 0 60px rgba(73,108,255,.45)}
.hero-parallax-bridge span{width:min(68vw,920px);height:70px;left:50%;top:52%;transform:translateX(-50%);border:1px solid rgba(73,108,255,.08);border-top-color:rgba(185,200,255,.16);border-bottom:0;filter:blur(.1px)}

@media(min-width:981px){
  .hero.hero--motion-stage{min-height:min(930px,calc(100svh - 72px));padding:38px 0 34px;--hero-scroll:0}
  .hero.hero--motion-stage .hero-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:var(--dsb-gutter)}
  .hero.hero--motion-stage .hero-copy{grid-column:span 6;transform:translate3d(0,calc(var(--hero-scroll)*-72px),0);opacity:calc(1 - var(--hero-scroll)*.66);transition:opacity .08s linear;will-change:transform,opacity}
  .hero.hero--motion-stage .motion-stage{grid-column:span 6;min-height:620px;margin-right:clamp(-86px,-4vw,-38px);transform:translate3d(0,calc(var(--hero-scroll)*72px),0) scale(calc(1 + var(--hero-scroll)*.10));transform-origin:55% 58%;will-change:transform}
  .hero.hero--motion-stage .motion-main-frame{left:1%;right:1%;top:68px;height:394px}
  .hero.hero--motion-stage .motion-back-panel{left:-4%;top:16px;width:79%;height:285px}
  .hero.hero--motion-stage .motion-dashboard{left:5%;right:-3%;bottom:42px;height:182px}
  .hero.hero--motion-stage .motion-phone-frame{right:-5%;top:268px;width:136px;height:278px}
  .hero.hero--motion-stage .motion-phone-content{height:220px}
  .hero.hero--motion-stage .motion-stage-caption{bottom:15px;left:5%;right:21%}
  .hero.hero--motion-stage .motion-stage-controls{right:2%;bottom:-11px}
  .hero.hero--motion-stage:after{width:760px;height:760px;right:-330px;top:-5%;opacity:.94;transform:translate3d(0,calc(var(--hero-scroll)*-58px),0) scale(calc(1 + var(--hero-scroll)*.18));will-change:transform}
  .proof{position:relative;z-index:5;background:#08090b;transform:translate3d(0,calc((1 - var(--hero-scroll,0))*8px),0)}
}

/* Homepage-wide motion: JS adds the ready/visible classes, so content never disappears when JS is unavailable. */
.home-motion-ready .home-motion-unit{opacity:0;transform:translate3d(0,34px,0) scale(.985);filter:blur(3px);transition:opacity .72s var(--dsb-ease),transform .85s var(--dsb-ease),filter .72s ease;transition-delay:calc(var(--home-stagger,0)*70ms);will-change:transform,opacity}
.home-motion-ready .home-motion-unit.is-home-motion-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:none}
.home-motion-ready .home-motion-section{position:relative;isolation:isolate}
.home-motion-ready .home-motion-section>.container{position:relative;z-index:2}
.home-motion-ready .home-motion-section:before{content:"";position:absolute;width:520px;height:360px;left:var(--home-glow-x,78%);top:12%;transform:translate3d(-50%,calc(var(--section-parallax,0)*1px),0);border-radius:50%;background:radial-gradient(circle,rgba(73,108,255,.075),transparent 68%);filter:blur(20px);opacity:0;transition:opacity .8s ease;pointer-events:none;z-index:0}
.home-motion-ready .home-motion-section.is-home-section-active:before{opacity:1}
.home-motion-ready .home-motion-section .section-head{position:relative}
.home-motion-ready .home-motion-section .section-head:after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:1px;background:linear-gradient(90deg,var(--dsb-blue),rgba(73,108,255,.15) 34%,transparent 72%);transform:scaleX(0);transform-origin:left;transition:transform 1.05s var(--dsb-ease)}
.home-motion-ready .home-motion-section.is-home-section-active .section-head:after{transform:scaleX(1)}
.home-parallax-media{will-change:transform;transform:translate3d(0,calc(var(--home-parallax-y,0)*1px),0);transition:filter .25s ease}
.project-cover-image.home-parallax-media{transform:translate3d(0,calc(var(--home-parallax-y,0)*1px),0) scale(.997)}

/* Make technology/product visuals feel alive even when no dedicated product image is assigned. */
.home-motion-ready .technology-home .product-card{transition:border-color .35s ease,box-shadow .5s ease,transform .6s var(--dsb-ease)}
.home-motion-ready .technology-home .product-card:before{content:"";position:absolute;inset:-35% auto -35% -50%;width:34%;background:linear-gradient(90deg,transparent,rgba(185,200,255,.055),transparent);transform:skewX(-18deg) translateX(-220%);transition:transform 1.5s var(--dsb-ease);pointer-events:none;z-index:6}
.home-motion-ready .technology-home.is-home-section-active .product-card:before{transform:skewX(-18deg) translateX(520%)}
.home-motion-ready .technology-home .product-demo{overflow:hidden}
.home-motion-ready .technology-home.is-home-section-active .dashboard-demo{animation:dsb-dashboard-float 6.5s ease-in-out infinite alternate}
.home-motion-ready .technology-home.is-home-section-active .phone-demo{animation:dsb-phone-float 5.6s ease-in-out infinite alternate}
@keyframes dsb-dashboard-float{from{transform:translate3d(0,3px,0)}to{transform:translate3d(0,-7px,0)}}
@keyframes dsb-phone-float{from{transform:rotate(-5deg) translate3d(0,4px,0)}to{transform:rotate(-3.8deg) translate3d(2px,-8px,0)}}

/* Stronger but controlled section motion cues. */
.home-motion-ready .expertise-row.is-home-motion-visible b{animation:dsb-arrow-pulse 2.8s ease-in-out 1 .55s}
@keyframes dsb-arrow-pulse{0%,100%{transform:none;color:#4e5766}45%{transform:translate(6px,-3px);color:var(--dsb-blue)}}
.home-motion-ready .build-row.is-home-motion-visible{border-color:rgba(73,108,255,.15)}
.home-motion-ready .final-cta.is-home-section-active{background-image:radial-gradient(circle at 75% 55%,rgba(73,108,255,.10),transparent 34%)}

body[data-motion="subtle"] .home-motion-ready .home-motion-unit{transform:translate3d(0,18px,0);filter:none;transition-duration:.55s}
body[data-motion="subtle"] .technology-home.is-home-section-active .dashboard-demo,
body[data-motion="subtle"] .technology-home.is-home-section-active .phone-demo{animation:none}
body[data-motion="off"] .home-motion-unit,body[data-motion="off"] .home-parallax-media{opacity:1!important;transform:none!important;filter:none!important;transition:none!important;animation:none!important}
body[data-motion="off"] .hero-parallax-bridge{display:none}

@media(max-width:980px){
  .hero-parallax-bridge{height:82px}
  .home-motion-ready .home-motion-section:before{width:360px;height:250px}
}
@media(max-width:600px){
  .hero-parallax-bridge{height:50px}
  .hero-parallax-bridge i{width:300px;height:100px}
  .hero-parallax-bridge span{display:none}
  .home-motion-ready .home-motion-unit{transform:translate3d(0,22px,0) scale(.99);filter:none;transition-duration:.62s}
  .home-motion-ready .home-motion-section:before,.home-motion-ready .home-motion-section .section-head:after{display:none}
  .project-cover-image.home-parallax-media{transform:none!important}
  .technology-home.is-home-section-active .dashboard-demo,.technology-home.is-home-section-active .phone-demo{animation:none!important}
}
@media(prefers-reduced-motion:reduce){
  .hero-parallax-bridge{display:none}.home-motion-unit,.home-parallax-media{opacity:1!important;transform:none!important;filter:none!important;transition:none!important;animation:none!important}.home-motion-section:before,.home-motion-section .section-head:after{display:none!important}
}

/* DSB V1.8.5 — Motion Recovery + Safe Strong Parallax */
.motion-project picture{display:block;width:100%;height:100%}
.motion-project picture img{display:block;width:100%;height:100%;object-fit:contain;background:#08090b}
@media(min-width:981px){
  .hero.hero--motion-stage .hero-copy{transform:translate3d(0,calc(var(--hero-scroll)*-96px),0);opacity:calc(1 - var(--hero-scroll)*.70)}
  .hero.hero--motion-stage .motion-stage{transform:translate3d(0,calc(var(--hero-scroll)*104px),0) scale(calc(1 + var(--hero-scroll)*.13));transform-origin:55% 58%}
  .hero.hero--motion-stage:after{transform:translate3d(0,calc(var(--hero-scroll)*-82px),0) scale(calc(1 + var(--hero-scroll)*.22))}
  .hero-parallax-bridge{height:150px;margin-top:-10px;background:linear-gradient(180deg,#08090b 0%,#08090b 36%,#090b11 72%,#08090b 100%)}
  .hero-parallax-bridge:before{width:min(92vw,1380px);transform:translateX(-50%) scaleX(calc(.18 + var(--hero-scroll,0)*.82));box-shadow:0 0 46px rgba(73,108,255,.46),0 0 96px rgba(73,108,255,.14)}
  .hero-parallax-bridge i{width:700px;height:230px;transform:translate(-50%,-50%) scale(calc(.62 + var(--hero-scroll,0)*.66));background:radial-gradient(ellipse,rgba(73,108,255,.29),rgba(73,108,255,.07) 40%,transparent 72%);filter:blur(26px);opacity:calc(.30 + var(--hero-scroll,0)*.62)}
  .hero-parallax-bridge span{width:min(76vw,1060px);height:104px;border-color:rgba(73,108,255,.13);border-top-color:rgba(185,200,255,.26)}
}


/* DSB V1.9.3 — Real Device Hero Stage */
@media (min-width:981px){
  .hero.hero--motion-stage .motion-stage{min-height:630px;margin-right:clamp(-110px,-5.5vw,-52px)}
  .motion-device-cluster{position:absolute;inset:8px -2% 16px -1%;transform-style:preserve-3d;z-index:3}
  .motion-laptop{position:absolute;left:0;right:5.5%;top:18px;height:520px;transform-style:preserve-3d;transform:translate3d(calc(var(--mx)*10px),calc(var(--my)*7px),55px) rotateY(calc(var(--mx)*1.25deg)) rotateX(calc(var(--my)*-.7deg));transition:transform .28s var(--dsb-ease);will-change:transform}
  .motion-laptop-lid{position:absolute;left:2.5%;right:2.5%;top:0;height:414px;padding:10px;border:1px solid #3a4351;border-radius:17px 17px 10px 10px;background:linear-gradient(145deg,#1b2028,#080a0e 46%,#202631);box-shadow:0 40px 110px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.025) inset,0 0 44px rgba(73,108,255,.055)}
  .motion-laptop-lid:after{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.035);border-radius:13px;pointer-events:none}
  .motion-main-frame{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;height:100%!important;border:0!important;border-radius:10px!important;background:#05070a!important;box-shadow:none!important;overflow:hidden;transform:none!important;transition:border-color .25s ease!important}
  .motion-device-camera{position:absolute;z-index:6;left:50%;top:4px;width:42px;height:7px;transform:translateX(-50%);border-radius:999px;background:#010204;box-shadow:0 0 0 1px rgba(255,255,255,.03)}
  .motion-projects{height:100%!important;background:#05070a!important}
  .motion-project{background:#05070a!important;padding:0!important}
  .motion-project img{width:100%!important;height:100%!important;object-fit:contain!important;background:#05070a!important}
  .motion-laptop-hinge{position:absolute;left:31%;right:31%;top:413px;height:9px;border-radius:0 0 10px 10px;background:linear-gradient(180deg,#555d68,#171a20 46%,#090b0e);box-shadow:0 5px 10px rgba(0,0,0,.45)}
  .motion-laptop-base{position:absolute;left:0;right:0;top:421px;height:36px;background:linear-gradient(180deg,#4b515a 0,#20242b 36%,#101217 72%,#050608 100%);clip-path:polygon(4% 0,96% 0,100% 70%,94% 100%,6% 100%,0 70%);box-shadow:0 26px 50px rgba(0,0,0,.5)}
  .motion-laptop-base:before{content:"";position:absolute;left:34%;right:34%;top:5px;height:12px;border-radius:0 0 8px 8px;background:linear-gradient(180deg,#282d34,#111318);opacity:.82}
  .motion-laptop-base i{position:absolute;left:6%;right:6%;bottom:5px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent)}
  .motion-laptop-base b{position:absolute;left:44%;right:44%;bottom:0;height:3px;border-radius:3px 3px 0 0;background:#020304}

  .motion-phone-frame{right:-1.5%!important;top:224px!important;width:138px!important;height:286px!important;padding:8px!important;border:1px solid #4a5566!important;border-radius:30px!important;background:linear-gradient(150deg,#303742,#080a0e 34%,#181d24)!important;box-shadow:0 32px 82px rgba(0,0,0,.64),0 0 0 1px rgba(255,255,255,.035) inset,0 0 38px rgba(73,108,255,.08)!important;z-index:8!important;transform:translate3d(calc(var(--mx)*22px),calc(var(--my)*13px),110px) rotateY(calc(var(--mx)*1.8deg))!important}
  .motion-phone-frame:before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.055);border-radius:25px;pointer-events:none}
  .motion-phone-island{position:absolute!important;z-index:5;left:50%;top:11px;width:40px!important;height:10px!important;margin:0!important;transform:translateX(-50%);border-radius:999px!important;background:#010203!important}
  .motion-phone-content{height:100%!important;border-radius:22px!important;overflow:hidden!important;background:#05070a!important}
  .motion-phone-content img{object-fit:contain!important;background:#05070a!important}
  .motion-phone-home{position:absolute;z-index:5;left:50%;bottom:8px;width:38px;height:3px;transform:translateX(-50%);border-radius:999px;background:rgba(242,241,236,.5)}
  .motion-phone-side{position:absolute;background:#252b34;border-radius:2px;z-index:-1}.motion-phone-side--left{left:-3px;top:69px;width:3px;height:42px}.motion-phone-side--right{right:-3px;top:91px;width:3px;height:58px}

  .motion-back-panel,.motion-dashboard{display:none!important}
  .motion-stage-grid{inset:0 -6% 2% -5%!important;opacity:.34!important}
  .motion-stage-glow{width:560px!important;height:370px!important;right:-8%!important;top:17%!important;opacity:.7!important}
  .motion-stage-caption{left:3%!important;right:18%!important;bottom:34px!important;gap:12px!important;color:#718096!important}.motion-stage-caption i{background:linear-gradient(90deg,rgba(73,108,255,.13),rgba(73,108,255,.7),rgba(73,108,255,.13))!important}
  .motion-stage-controls{right:0!important;bottom:-1px!important}
}

@media (min-width:981px) and (max-width:1180px){
  .motion-laptop{right:8%;top:32px;height:490px}.motion-laptop-lid{height:382px}.motion-laptop-hinge{top:381px}.motion-laptop-base{top:389px}.motion-phone-frame{right:1%!important;top:224px!important;width:124px!important;height:262px!important}
}

@media (min-width:601px) and (max-width:980px){
  .motion-device-cluster{position:absolute;inset:0;z-index:3}.motion-back-panel,.motion-dashboard{display:none!important}
  .motion-laptop{position:absolute;left:3%;right:8%;top:14px;height:430px}.motion-laptop-lid{position:absolute;inset:0 3% auto;height:326px;padding:8px;border:1px solid #394453;border-radius:15px 15px 9px 9px;background:linear-gradient(145deg,#1a2028,#080a0e 48%,#1e242d)}
  .motion-main-frame{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;height:100%!important;border:0!important;border-radius:9px!important;transform:none!important}.motion-frame-toolbar{display:none!important}.motion-projects{height:100%!important}.motion-project img{object-fit:contain!important}
  .motion-laptop-hinge{position:absolute;left:32%;right:32%;top:326px;height:8px;background:#252b32}.motion-laptop-base{position:absolute;left:0;right:0;top:334px;height:31px;background:linear-gradient(180deg,#444b54,#15191f);clip-path:polygon(4% 0,96% 0,100% 70%,94% 100%,6% 100%,0 70%)}
  .motion-phone-frame{right:1%!important;top:192px!important;width:118px!important;height:244px!important}.motion-phone-content{height:100%!important}.motion-phone-dock{display:none!important}.motion-stage-caption{bottom:14px!important}
}

@media (max-width:600px){
  .motion-device-cluster{position:relative;min-height:240px}.motion-laptop{position:relative;height:230px}.motion-laptop-lid{position:absolute;inset:0;padding:0;background:transparent}.motion-laptop-hinge,.motion-laptop-base,.motion-device-camera{display:none}.motion-main-frame{position:relative!important;inset:auto!important;width:100%!important;height:230px!important;border-radius:12px!important;transform:none!important}.motion-projects{height:100%!important}.motion-project img{object-fit:contain!important}.motion-phone-frame{display:none!important}.motion-stage-caption{display:none!important}
}

/* V1.9.4 — Realistic device materials + electric blue light rails */
@media (min-width:981px){
  .hero.hero--motion-stage .motion-stage{overflow:visible}
  .motion-device-cluster{isolation:isolate}
  .motion-laptop-lid{
    border-color:#4a5360!important;
    background:linear-gradient(145deg,#222832 0%,#0b0d11 38%,#1a2028 72%,#08090c 100%)!important;
    box-shadow:0 46px 120px rgba(0,0,0,.66),0 0 0 1px rgba(255,255,255,.045) inset,0 0 70px rgba(73,108,255,.07)!important;
  }
  .motion-laptop-lid:before{content:"";position:absolute;inset:-1px;border-radius:18px 18px 11px 11px;padding:1px;background:linear-gradient(120deg,rgba(255,255,255,.18),rgba(255,255,255,.015) 32%,rgba(73,108,255,.22) 74%,rgba(255,255,255,.05));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.8}
  .motion-device-camera{width:54px!important;height:9px!important;top:3px!important;background:radial-gradient(circle at 62% 50%,#152034 0 2px,#020305 2.5px 100%)!important;box-shadow:0 0 0 1px rgba(255,255,255,.035),0 2px 4px rgba(0,0,0,.75)!important}
  .motion-laptop-hinge{left:30%!important;right:30%!important;height:10px!important;background:linear-gradient(180deg,#69717d,#252b33 34%,#080a0d 74%)!important;box-shadow:0 4px 12px rgba(0,0,0,.58)!important}
  .motion-laptop-base{
    left:-1.5%!important;right:-1.5%!important;height:68px!important;
    background:linear-gradient(180deg,#5f6670 0%,#343a43 10%,#191d23 34%,#0c0f13 68%,#050608 100%)!important;
    clip-path:polygon(4% 0,96% 0,100% 58%,96% 92%,88% 100%,12% 100%,4% 92%,0 58%)!important;
    box-shadow:0 34px 65px rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.13) inset!important;
    transform:perspective(700px) rotateX(58deg);transform-origin:50% 0;
  }
  .motion-keyboard{position:absolute;left:13%;right:13%;top:8px;height:24px;border-radius:4px;opacity:.78;background:
    repeating-linear-gradient(90deg,rgba(0,0,0,.88) 0 5px,rgba(75,82,94,.75) 5px 6px),
    repeating-linear-gradient(180deg,rgba(0,0,0,.86) 0 4px,rgba(78,86,98,.72) 4px 5px);box-shadow:0 0 0 1px rgba(255,255,255,.05) inset}
  .motion-trackpad{position:absolute;left:39%;right:39%;top:35px;height:20px;border-radius:4px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#2e333b,#1a1e24);box-shadow:0 1px 2px rgba(255,255,255,.05) inset}
  .motion-front-lip{position:absolute;left:42%;right:42%;bottom:1px;height:4px;border-radius:0 0 8px 8px;background:linear-gradient(180deg,#5f6672,#101318);box-shadow:0 0 8px rgba(73,108,255,.16)}
  .motion-laptop-base:before{display:none!important}.motion-laptop-base i{bottom:7px!important;opacity:.45}.motion-laptop-base b{display:none!important}

  .motion-phone-frame{
    border-color:#596373!important;
    background:linear-gradient(145deg,#4c5562 0%,#171b21 13%,#05070a 42%,#2b323c 76%,#0a0c10 100%)!important;
    box-shadow:0 36px 90px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08) inset,0 0 52px rgba(73,108,255,.11)!important;
  }
  .motion-phone-rim{position:absolute;inset:2px;border-radius:28px;border:1px solid rgba(255,255,255,.15);pointer-events:none;box-shadow:0 0 0 1px rgba(0,0,0,.75) inset}
  .motion-phone-frame:after{content:"";position:absolute;inset:7px;border-radius:23px;pointer-events:none;box-shadow:0 0 0 1px rgba(255,255,255,.045) inset,0 0 18px rgba(0,0,0,.55) inset}
  .motion-phone-island{width:47px!important;height:13px!important;top:10px!important;background:linear-gradient(180deg,#010204,#06090d)!important;box-shadow:0 0 0 1px rgba(255,255,255,.03),0 3px 10px rgba(0,0,0,.7)!important}
  .motion-phone-island i{position:absolute;right:8px;top:4px;width:5px;height:5px;border-radius:50%;background:#07111f;box-shadow:0 0 0 1px #142842 inset}
  .motion-phone-side--left{left:-4px!important;top:72px!important;width:4px!important;height:50px!important;background:linear-gradient(180deg,#59616b,#171b20)!important}
  .motion-phone-side--right{right:-4px!important;top:92px!important;width:4px!important;height:62px!important;background:linear-gradient(180deg,#59616b,#171b20)!important}
  .motion-phone-button--action{position:absolute;left:-4px;top:47px;width:4px;height:15px;border-radius:2px;background:linear-gradient(180deg,#6c7480,#1d2127);box-shadow:0 0 0 1px rgba(0,0,0,.55)}

  .motion-light-rails{position:absolute;inset:0 -10% -7% -8%;pointer-events:none;z-index:1;overflow:visible;filter:drop-shadow(0 0 7px rgba(73,108,255,.38))}
  .motion-rail{position:absolute;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent 0%,rgba(73,108,255,.08) 12%,rgba(73,108,255,.8) 42%,#b9c8ff 50%,rgba(73,108,255,.72) 58%,rgba(73,108,255,.06) 84%,transparent 100%);transform-origin:center;opacity:.75;will-change:transform,opacity}
  .motion-rail--one{left:2%;right:4%;bottom:112px;transform:rotate(-4.2deg);animation:dsbRailSweepOne 7.8s ease-in-out infinite}
  .motion-rail--two{left:11%;right:-2%;bottom:68px;transform:rotate(2.6deg);opacity:.45;animation:dsbRailSweepTwo 10.8s ease-in-out infinite .7s}
  .motion-rail--three{left:-4%;right:18%;bottom:24px;transform:rotate(-1.1deg);opacity:.32;animation:dsbRailSweepThree 13.6s ease-in-out infinite 1.4s}
  .motion-rail:after{content:"";position:absolute;top:-1px;width:18%;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,#496cff 42%,#d7e0ff 52%,#496cff 62%,transparent);box-shadow:0 0 15px #496cff,0 0 30px rgba(73,108,255,.45);animation:dsbRailRunner 5.8s linear infinite}
  .motion-rail--two:after{animation-duration:7.4s;animation-delay:1.2s}.motion-rail--three:after{animation-duration:9.2s;animation-delay:2.1s}
  .motion-rail-node{position:absolute;width:5px;height:5px;border-radius:50%;background:#b9c8ff;box-shadow:0 0 8px #496cff,0 0 18px rgba(73,108,255,.7);opacity:.65;animation:dsbNodePulse 3.6s ease-in-out infinite}
  .motion-rail-node--one{left:13%;bottom:106px}.motion-rail-node--two{right:9%;bottom:62px;animation-delay:1.4s}
  @keyframes dsbRailRunner{0%{left:-20%;opacity:0}12%{opacity:.95}72%{opacity:.8}100%{left:102%;opacity:0}}
  @keyframes dsbRailSweepOne{0%,100%{transform:translate3d(-1.5%,0,0) rotate(-4.2deg);opacity:.45}50%{transform:translate3d(1.8%,-4px,0) rotate(-3.3deg);opacity:.84}}
  @keyframes dsbRailSweepTwo{0%,100%{transform:translate3d(1%,0,0) rotate(2.6deg);opacity:.28}50%{transform:translate3d(-2%,3px,0) rotate(1.8deg);opacity:.55}}
  @keyframes dsbRailSweepThree{0%,100%{transform:translate3d(-1%,0,0) rotate(-1.1deg);opacity:.2}50%{transform:translate3d(1.4%,-2px,0) rotate(-.3deg);opacity:.42}}
  @keyframes dsbNodePulse{0%,100%{opacity:.28;transform:scale(.8)}50%{opacity:.95;transform:scale(1.35)}}
}
@media (max-width:980px){.motion-light-rails{display:none!important}.motion-keyboard,.motion-trackpad,.motion-front-lip,.motion-phone-rim,.motion-phone-button{display:none!important}}
@media (prefers-reduced-motion:reduce){.motion-light-rails *{animation:none!important}.motion-light-rails{opacity:.25}}
body[data-motion="off"] .motion-light-rails{display:none!important}
body[data-motion="subtle"] .motion-rail--two,body[data-motion="subtle"] .motion-rail--three,body[data-motion="subtle"] .motion-rail-node{display:none!important}
body[data-motion="subtle"] .motion-rail--one{animation-duration:12s!important;opacity:.35!important}

/* DSB V1.9.5 — Reference Pose Device Match
   Refines only the desktop Motion Stage device geometry/pose to match the approved visual reference.
   Electric Blue rails, project switching and hero motion remain unchanged. */
@media (min-width:1181px){
  .hero.hero--motion-stage .motion-stage{min-height:650px;margin-right:clamp(-132px,-6.3vw,-64px)}
  .motion-device-cluster{inset:-2px -4% 2px -4%;perspective:1500px;transform-style:preserve-3d}

  /* Laptop: large, low, premium three-quarter stance like the approved reference */
  .motion-laptop{
    left:-1.5%;right:8.5%;top:5px;height:560px;
    transform-origin:52% 72%;
    transform:translate3d(calc(var(--mx)*8px),calc(var(--my)*5px),62px)
      rotateX(calc(1.6deg + var(--my)*-.35deg))
      rotateY(calc(-2.4deg + var(--mx)*.7deg))
      rotateZ(-.35deg)!important;
    transition:transform .30s var(--dsb-ease);
  }
  .motion-laptop-lid{
    left:3.6%!important;right:3.2%!important;top:0!important;height:432px!important;
    padding:9px!important;border-radius:20px 20px 11px 11px!important;
    transform:perspective(1300px) rotateX(-1.2deg);
    transform-origin:50% 100%;
  }
  .motion-main-frame{border-radius:12px!important}
  .motion-device-camera{top:4px!important;width:48px!important;height:8px!important}
  .motion-laptop-hinge{left:31%!important;right:31%!important;top:431px!important;height:9px!important}
  .motion-laptop-base{
    left:-2.2%!important;right:-1.5%!important;top:439px!important;height:86px!important;
    transform:perspective(950px) rotateX(63deg)!important;
    transform-origin:50% 0!important;
    clip-path:polygon(4% 0,96% 0,100% 55%,97% 88%,91% 100%,9% 100%,3% 88%,0 55%)!important;
  }
  .motion-keyboard{left:14%!important;right:14%!important;top:9px!important;height:27px!important}
  .motion-trackpad{left:39.5%!important;right:39.5%!important;top:40px!important;height:22px!important}
  .motion-front-lip{left:43%!important;right:43%!important;bottom:2px!important;height:4px!important}

  /* Subtle floor/reflection under the real-device stage */
  .motion-laptop:after{
    content:"";position:absolute;z-index:-2;left:7%;right:3%;bottom:13px;height:48px;
    background:radial-gradient(ellipse at center,rgba(0,0,0,.78),rgba(0,0,0,.30) 50%,transparent 74%);
    filter:blur(13px);transform:translateZ(-80px);pointer-events:none;
  }

  /* Phone: upright at right-front, same relative scale and overlap as approved reference */
  .motion-phone-frame{
    right:-.2%!important;top:248px!important;width:146px!important;height:302px!important;
    border-radius:32px!important;padding:8px!important;
    transform-origin:50% 78%;
    transform:translate3d(calc(var(--mx)*19px),calc(var(--my)*10px),132px)
      rotateX(.25deg)
      rotateY(calc(-6deg + var(--mx)*.9deg))
      rotateZ(.7deg)!important;
  }
  .motion-phone-rim{border-radius:30px!important}
  .motion-phone-frame:after{border-radius:25px!important}
  .motion-phone-content{border-radius:24px!important}
  .motion-phone-island{width:46px!important;height:13px!important;top:10px!important}
  .motion-phone-home{bottom:9px!important;width:40px!important}
  .motion-phone-frame:before{
    content:"";position:absolute;z-index:-2;left:7%;right:5%;bottom:-20px;height:35px;
    background:radial-gradient(ellipse at center,rgba(0,0,0,.72),rgba(0,0,0,.24) 55%,transparent 76%);
    filter:blur(10px);pointer-events:none;
  }

  /* Rails follow the new device stance */
  .motion-light-rails{inset:-1% -10% -8% -9%!important}
  .motion-rail--one{bottom:126px!important;transform:rotate(-4.7deg)}
  .motion-rail--two{bottom:75px!important;transform:rotate(2.1deg)}
  .motion-rail--three{bottom:27px!important;transform:rotate(-.8deg)}
  .motion-rail-node--one{bottom:120px!important}.motion-rail-node--two{bottom:69px!important}

  .motion-stage-caption{left:4%!important;right:20%!important;bottom:17px!important}
  .motion-stage-controls{right:0!important;bottom:-6px!important}
}

@media (min-width:981px) and (max-width:1180px){
  .motion-device-cluster{perspective:1300px}
  .motion-laptop{left:0;right:10%;top:18px;height:510px;transform:translate3d(calc(var(--mx)*7px),calc(var(--my)*5px),52px) rotateX(1deg) rotateY(calc(-1.8deg + var(--mx)*.55deg)) rotateZ(-.25deg)!important}
  .motion-laptop-lid{height:394px!important}.motion-laptop-hinge{top:393px!important}.motion-laptop-base{top:401px!important;height:72px!important;transform:perspective(850px) rotateX(61deg)!important}
  .motion-phone-frame{right:.5%!important;top:235px!important;width:130px!important;height:274px!important;transform:translate3d(calc(var(--mx)*15px),calc(var(--my)*8px),108px) rotateY(calc(-5deg + var(--mx)*.7deg)) rotateZ(.5deg)!important}
}

/* DSB V1.9.6 — Realistic Product Device Stage
   Hardware realism pass based on the approved reference pose.
   CSS-only: keeps uploaded Desktop/Mobile visuals, project switching, parallax and light rails intact. */
@media (min-width:1181px){
  .hero.hero--motion-stage .motion-stage{
    min-height:670px;
    margin-right:clamp(-142px,-6.8vw,-70px);
  }
  .motion-device-cluster{
    inset:-8px -5% -2px -5%;
    perspective:1850px;
    perspective-origin:56% 49%;
    transform-style:preserve-3d;
  }

  /* Overall hero hardware stance: lower camera, stronger three-quarter product pose */
  .motion-laptop{
    left:-3.2%;
    right:7.2%;
    top:7px;
    height:586px;
    transform-origin:54% 73%;
    transform:
      translate3d(calc(var(--mx)*7px),calc(var(--my)*4px),72px)
      rotateX(calc(2.5deg + var(--my)*-.22deg))
      rotateY(calc(-6.8deg + var(--mx)*.42deg))
      rotateZ(-.65deg)!important;
    transition:transform .32s var(--dsb-ease);
    filter:drop-shadow(0 42px 36px rgba(0,0,0,.48));
  }
  .motion-laptop-lid{
    left:3.8%!important;
    right:3.4%!important;
    top:0!important;
    height:444px!important;
    padding:8px!important;
    border-radius:20px 20px 10px 10px!important;
    border:1px solid #66707e!important;
    background:
      linear-gradient(145deg,#6a727d 0%,#303640 2.5%,#11151b 8%,#05070a 42%,#171c23 91%,#535d69 100%)!important;
    box-shadow:
      0 48px 120px rgba(0,0,0,.68),
      0 0 0 1px rgba(255,255,255,.08) inset,
      0 0 0 2px rgba(0,0,0,.72) inset,
      0 0 64px rgba(73,108,255,.06)!important;
    transform:rotateX(-4.2deg);
    transform-origin:50% 100%;
  }
  .motion-laptop-lid:before{
    opacity:1!important;
    background:linear-gradient(120deg,rgba(255,255,255,.28),rgba(255,255,255,.02) 25%,rgba(73,108,255,.10) 69%,rgba(255,255,255,.10))!important;
  }
  .motion-laptop-lid:after{
    inset:4px!important;
    border-color:rgba(255,255,255,.055)!important;
    box-shadow:0 0 0 1px rgba(0,0,0,.72),0 0 28px rgba(0,0,0,.42) inset!important;
  }
  .motion-main-frame{
    border-radius:10px!important;
    background:#020305!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.025) inset!important;
  }
  .motion-main-frame:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:20;
    pointer-events:none;
    background:linear-gradient(112deg,rgba(255,255,255,.055),transparent 18%,transparent 72%,rgba(185,200,255,.025));
    mix-blend-mode:screen;
  }
  .motion-device-camera{
    top:3px!important;
    width:52px!important;
    height:8px!important;
    background:radial-gradient(circle at 66% 50%,#1a2f4d 0 2px,#020305 2.5px 100%)!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.025),0 2px 6px rgba(0,0,0,.8)!important;
  }

  /* Hinge and base: realistic open-laptop geometry */
  .motion-laptop-hinge{
    left:28%!important;
    right:28%!important;
    top:442px!important;
    height:11px!important;
    border-radius:0 0 10px 10px!important;
    background:linear-gradient(180deg,#89919b 0%,#505863 18%,#20252c 52%,#080a0d 100%)!important;
    box-shadow:0 5px 12px rgba(0,0,0,.72),0 1px 0 rgba(255,255,255,.1) inset!important;
  }
  .motion-laptop-base{
    left:-3.8%!important;
    right:-2.8%!important;
    top:451px!important;
    height:103px!important;
    transform:perspective(940px) rotateX(64deg)!important;
    transform-origin:50% 0!important;
    clip-path:polygon(5% 0,95% 0,100% 54%,97.5% 83%,91% 100%,9% 100%,2.5% 83%,0 54%)!important;
    background:
      linear-gradient(180deg,#8b939d 0%,#545c66 7%,#323841 14%,#20252c 27%,#12161b 56%,#0a0c10 76%,#050608 100%)!important;
    box-shadow:
      0 38px 75px rgba(0,0,0,.62),
      0 1px 0 rgba(255,255,255,.25) inset,
      0 -1px 0 rgba(0,0,0,.72) inset!important;
  }
  .motion-laptop-base:before{
    display:block!important;
    content:"";
    position:absolute;
    left:8%;right:8%;top:6px;height:46px;
    border-radius:8px;
    background:
      repeating-linear-gradient(90deg,rgba(4,6,8,.96) 0 4.5%,rgba(69,76,87,.58) 4.5% 5.15%),
      repeating-linear-gradient(180deg,rgba(2,3,5,.93) 0 22%,rgba(78,86,98,.5) 22% 26%);
    box-shadow:0 0 0 1px rgba(255,255,255,.055),0 2px 8px rgba(0,0,0,.62) inset;
    opacity:.95;
  }
  .motion-keyboard{
    left:9%!important;right:9%!important;top:7px!important;height:45px!important;
    opacity:.0!important; /* texture is now drawn by base::before for more realistic perspective */
  }
  .motion-trackpad{
    left:36.5%!important;right:36.5%!important;top:58px!important;height:27px!important;
    border-radius:6px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:linear-gradient(180deg,#444b54,#292f37)!important;
    box-shadow:0 1px 2px rgba(255,255,255,.08) inset,0 0 0 1px rgba(0,0,0,.28)!important;
  }
  .motion-front-lip{
    left:41.5%!important;right:41.5%!important;bottom:1px!important;height:5px!important;
    border-radius:0 0 9px 9px!important;
    background:linear-gradient(180deg,#969da6,#2c3138 48%,#090b0e)!important;
    box-shadow:0 0 8px rgba(73,108,255,.12)!important;
  }
  .motion-laptop-base:after{
    content:"";
    position:absolute;
    left:4%;right:4%;bottom:0;height:12px;
    border-radius:0 0 14px 14px;
    background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(78,86,98,.32) 22%,#171a1f 48%,#050608 100%);
    box-shadow:0 -1px 0 rgba(255,255,255,.06) inset;
  }
  .motion-laptop-base i{
    left:7%!important;right:7%!important;bottom:11px!important;height:1px!important;opacity:.52!important;
  }
  .motion-laptop-base i:before,
  .motion-laptop-base i:after{
    content:"";position:absolute;top:-3px;width:18px;height:5px;border-radius:2px;background:#080a0d;box-shadow:0 0 0 1px rgba(255,255,255,.035) inset;
  }
  .motion-laptop-base i:before{left:1.5%}.motion-laptop-base i:after{right:1.5%}

  /* Product-photography floor contact */
  .motion-laptop:after{
    left:5%!important;right:0!important;bottom:0!important;height:58px!important;
    background:radial-gradient(ellipse at center,rgba(0,0,0,.86),rgba(0,0,0,.38) 52%,transparent 76%)!important;
    filter:blur(16px)!important;
  }

  /* Phone: larger foreground device, realistic metal rim and button geometry */
  .motion-phone-frame{
    right:-.3%!important;
    top:250px!important;
    width:154px!important;
    height:318px!important;
    padding:7px!important;
    border-radius:34px!important;
    border:1px solid #747e8b!important;
    background:linear-gradient(145deg,#737d89 0%,#303741 4%,#11151a 12%,#040609 45%,#242b34 84%,#5a6470 100%)!important;
    box-shadow:0 38px 92px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.13) inset,0 0 0 2px rgba(0,0,0,.72) inset,0 0 50px rgba(73,108,255,.08)!important;
    transform:
      translate3d(calc(var(--mx)*17px),calc(var(--my)*9px),145px)
      rotateX(.7deg)
      rotateY(calc(-8deg + var(--mx)*.55deg))
      rotateZ(.45deg)!important;
  }
  .motion-phone-rim{
    inset:2px!important;border-radius:32px!important;border-color:rgba(255,255,255,.20)!important;
    box-shadow:0 0 0 1px rgba(0,0,0,.78) inset,0 0 12px rgba(255,255,255,.025) inset!important;
  }
  .motion-phone-frame:after{
    inset:6px!important;border-radius:27px!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 0 20px rgba(0,0,0,.62) inset!important;
  }
  .motion-phone-content{
    border-radius:26px!important;background:#020305!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.03) inset!important;
  }
  .motion-phone-content:after{
    content:"";position:absolute;inset:0;pointer-events:none;z-index:5;
    background:linear-gradient(112deg,rgba(255,255,255,.05),transparent 19%,transparent 74%,rgba(185,200,255,.025));
  }
  .motion-phone-island{
    width:49px!important;height:14px!important;top:10px!important;
    background:linear-gradient(180deg,#000,#05070a)!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.035),0 3px 9px rgba(0,0,0,.75)!important;
  }
  .motion-phone-side--left{left:-4px!important;top:79px!important;width:4px!important;height:56px!important}
  .motion-phone-side--right{right:-4px!important;top:102px!important;width:4px!important;height:68px!important}
  .motion-phone-button--action{left:-4px!important;top:52px!important;width:4px!important;height:17px!important}
  .motion-phone-home{bottom:8px!important;width:41px!important;height:3px!important;background:rgba(242,241,236,.56)!important}
  .motion-phone-frame:before{
    left:5%!important;right:2%!important;bottom:-24px!important;height:40px!important;
    background:radial-gradient(ellipse at center,rgba(0,0,0,.80),rgba(0,0,0,.28) 55%,transparent 78%)!important;
    filter:blur(12px)!important;
  }

  /* Rails sit behind devices but wrap their floor contact to match the approved product-shot look */
  .motion-light-rails{inset:-2% -12% -10% -11%!important;z-index:1!important;filter:drop-shadow(0 0 8px rgba(73,108,255,.44))!important}
  .motion-rail--one{bottom:139px!important;transform:rotate(-5deg)!important;opacity:.78!important}
  .motion-rail--two{bottom:83px!important;transform:rotate(2.5deg)!important;opacity:.52!important}
  .motion-rail--three{bottom:29px!important;transform:rotate(-.9deg)!important;opacity:.38!important}
  .motion-rail-node--one{bottom:133px!important}.motion-rail-node--two{bottom:77px!important}
  .motion-rail:after{height:3px!important;box-shadow:0 0 16px #496cff,0 0 32px rgba(73,108,255,.48)!important}

  .motion-stage-caption{left:3.5%!important;right:20%!important;bottom:14px!important}
  .motion-stage-controls{right:0!important;bottom:-8px!important}
}

@media (min-width:981px) and (max-width:1180px){
  .motion-device-cluster{perspective:1500px;perspective-origin:55% 50%}
  .motion-laptop{left:-1.5%;right:10%;top:17px;height:522px;transform:translate3d(calc(var(--mx)*6px),calc(var(--my)*4px),58px) rotateX(2deg) rotateY(calc(-4.8deg + var(--mx)*.38deg)) rotateZ(-.4deg)!important}
  .motion-laptop-lid{height:398px!important;transform:rotateX(-3.2deg)!important}
  .motion-laptop-hinge{top:397px!important}.motion-laptop-base{top:406px!important;height:84px!important;transform:perspective(860px) rotateX(63deg)!important}
  .motion-laptop-base:before{left:9%;right:9%;height:37px!important}.motion-trackpad{top:49px!important;height:22px!important}
  .motion-phone-frame{right:.5%!important;top:237px!important;width:134px!important;height:283px!important;transform:translate3d(calc(var(--mx)*14px),calc(var(--my)*7px),118px) rotateY(calc(-6deg + var(--mx)*.45deg)) rotateZ(.35deg)!important}
}

@media (max-width:980px){
  /* Keep the lightweight tablet/mobile fallbacks from V1.9.4/1.9.5. */
  .motion-laptop-base:before,.motion-laptop-base:after,.motion-main-frame:after,.motion-phone-content:after{display:none!important}
}

/* DSB V1.9.7 — User-supplied device templates + status aware hero stage */
@media (min-width:981px){
  .hero.hero--motion-stage .motion-stage{min-height:650px;margin-right:clamp(-118px,-6vw,-58px)}
  .motion-device-cluster--png{position:absolute;inset:-2px -8% 28px -8%;z-index:3;transform-style:preserve-3d;perspective:1700px;perspective-origin:54% 48%;pointer-events:none}
  .motion-device-scene{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(calc(var(--mx)*8px),calc(var(--my)*5px),72px) scale(.985);transition:opacity .56s var(--dsb-ease),visibility .56s,transform .56s var(--dsb-ease);will-change:transform,opacity}
  .motion-device-scene.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(calc(var(--mx)*11px),calc(var(--my)*7px),86px) scale(1)}
  .motion-device-png-shell{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:4;pointer-events:none;filter:drop-shadow(0 34px 55px rgba(0,0,0,.48));user-select:none;-webkit-user-drag:none}
  .motion-png-screen{position:absolute;overflow:hidden;background:#05070b;z-index:2;pointer-events:none;box-shadow:0 0 0 1px rgba(255,255,255,.025) inset}
  .motion-png-screen img{display:block;width:100%;height:100%;object-fit:contain;background:#05070b}

  /* Completed/live template: user's 'tamamlanan.png'. */
  .motion-device-scene--tamamlanan .motion-png-screen--desktop{left:30.25%;top:7.05%;width:41.55%;height:49.2%;clip-path:polygon(.4% 0,99.3% 3.6%,99.5% 99%,.4% 97.7%)}
  .motion-device-scene--tamamlanan .motion-png-screen--mobile{left:65.92%;top:31.15%;width:11.75%;height:49.9%;border-radius:18% / 7%;clip-path:inset(0 round 17% 17% 15% 15%)}

  /* Ongoing/upcoming template: user's 'yakinda.png'. */
  .motion-device-scene--yakinda .motion-png-screen--desktop{left:19.75%;top:2.0%;width:47.0%;height:55.2%;clip-path:polygon(0 10.5%,97% 0,100% 88%,7.2% 100%)}
  .motion-device-scene--yakinda .motion-png-screen--desktop img{transform:scale(1.055) rotate(-1.7deg);transform-origin:51% 48%}
  .motion-device-scene--yakinda .motion-png-screen--mobile{left:59.8%;top:34.3%;width:16.85%;height:42.2%;clip-path:polygon(24.6% 0,100% 5.6%,72.5% 100%,0 88.8%)}
  .motion-device-scene--yakinda .motion-png-screen--mobile img{transform:scale(1.07) rotate(2.9deg);transform-origin:52% 49%}

  /* Existing DSB electric-blue rails remain behind the supplied device artwork. */
  .motion-light-rails{z-index:1!important;inset:-5% -15% -12% -15%!important;filter:drop-shadow(0 0 8px rgba(73,108,255,.48))!important}
  .motion-rail--one{bottom:142px!important;opacity:.82!important}
  .motion-rail--two{bottom:84px!important;opacity:.56!important}
  .motion-rail--three{bottom:31px!important;opacity:.40!important}
  .motion-rail:after{height:3px!important;box-shadow:0 0 17px #496cff,0 0 34px rgba(73,108,255,.50)!important}
  .motion-stage-caption{left:4%!important;right:18%!important;bottom:16px!important}
  .motion-stage-controls{right:0!important;bottom:-7px!important}

  /* Disable the older CSS-built hardware because PNG templates are now authoritative. */
  .motion-laptop,.motion-phone-frame{display:none!important}
}

@media (min-width:981px) and (max-width:1180px){
  .motion-device-cluster--png{inset:8px -4% 42px -4%}
}

@media (max-width:980px){
  .motion-device-cluster--png{position:relative;inset:auto;width:min(720px,100%);height:auto;aspect-ratio:1.72/1;margin:14px auto 0;z-index:3;pointer-events:none}
  .motion-device-scene{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .38s ease,visibility .38s}
  .motion-device-scene.is-active{opacity:1;visibility:visible;pointer-events:auto}
  .motion-device-png-shell{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:4;pointer-events:none}
  .motion-png-screen{position:absolute;overflow:hidden;background:#05070b;z-index:2}
  .motion-png-screen img{display:block;width:100%;height:100%;object-fit:contain;background:#05070b}
  .motion-device-scene--tamamlanan .motion-png-screen--desktop{left:30.25%;top:7.05%;width:41.55%;height:49.2%;clip-path:polygon(.4% 0,99.3% 3.6%,99.5% 99%,.4% 97.7%)}
  .motion-device-scene--tamamlanan .motion-png-screen--mobile{left:65.92%;top:31.15%;width:11.75%;height:49.9%;border-radius:17%}
  .motion-device-scene--yakinda .motion-png-screen--desktop{left:19.75%;top:2%;width:47%;height:55.2%;clip-path:polygon(0 10.5%,97% 0,100% 88%,7.2% 100%)}
  .motion-device-scene--yakinda .motion-png-screen--mobile{left:59.8%;top:34.3%;width:16.85%;height:42.2%;clip-path:polygon(24.6% 0,100% 5.6%,72.5% 100%,0 88.8%)}
  .motion-laptop,.motion-phone-frame{display:none!important}
}

@media (max-width:600px){
  /* On phones prioritize the uploaded mobile hero visual rather than shrinking two devices into an unreadable miniature. */
  .motion-device-cluster--png{height:250px;aspect-ratio:auto;width:100%;margin-top:24px}
  .motion-device-png-shell,.motion-png-screen--desktop{display:none!important}
  .motion-png-screen--mobile{display:block!important;inset:0!important;width:100%!important;height:100%!important;clip-path:none!important;border-radius:13px!important;background:#08090b;border:1px solid #202938;overflow:hidden}
  .motion-png-screen--mobile img{transform:none!important;object-fit:contain!important;width:100%!important;height:100%!important}
  .motion-stage-caption{display:none!important}
}

body[data-motion="off"] .motion-device-scene{transform:none!important;transition:none!important}

/* DSB V1.9.8 — Flat approved device templates + premium right-side code stream */
@media (min-width:981px){
  .hero.hero--motion-stage .motion-stage{min-height:660px;margin-right:clamp(-84px,-4.4vw,-26px)}
  .motion-device-cluster--png{inset:6px -4% 38px -6%;perspective:1800px;perspective-origin:58% 46%}
  .motion-device-scene{transform:translate3d(calc(var(--mx)*6px),calc(var(--my)*4px),42px) scale(.987)}
  .motion-device-scene.is-active{transform:translate3d(calc(var(--mx)*9px),calc(var(--my)*6px),66px) scale(1)}
  .motion-device-png-shell{filter:drop-shadow(0 38px 66px rgba(0,0,0,.58))}
  .motion-png-screen{box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 18px 46px rgba(3,6,12,.22)}
  .motion-png-screen img{object-fit:cover;object-position:center top;background:#05070b}

  /* Approved completed-project shell: front laptop + phone */
  .motion-device-scene--tamamlanan .motion-png-screen--desktop{left:21.58%;top:5.55%;width:58.94%;height:60.90%;clip-path:inset(0 round 1.2%)}
  .motion-device-scene--tamamlanan .motion-png-screen--mobile{left:2.15%;top:21.90%;width:13.85%;height:50.20%;border-radius:12% / 5.8%;clip-path:inset(0 round 12% 12% 11% 11%)}
  .motion-device-scene--tamamlanan .motion-png-screen--mobile img{object-position:center top}

  /* Approved ongoing shell: flat desktop monitor only */
  .motion-device-scene--yakinda .motion-png-screen--desktop{left:3.10%;top:8.70%;width:88.55%;height:67.00%;clip-path:inset(0 round .8%)}
  .motion-device-scene--yakinda .motion-png-screen--mobile{display:none!important}

  /* Minimal premium code stream inside the right side of the desktop screen only. */
  .motion-device-scene--yakinda .motion-png-screen--desktop::after{content:"";position:absolute;top:0;right:0;bottom:0;width:33%;background:linear-gradient(90deg,rgba(4,7,12,0) 0%,rgba(4,7,12,.22) 10%,rgba(4,7,12,.56) 48%,rgba(4,7,12,.78) 100%);z-index:3;pointer-events:none}
  .motion-device-scene--yakinda .motion-png-screen--desktop::before{content:"const studio = await init('DSB');\Aimport HeroStage from '@/components/HeroStage';\Aconst project = await fetchCase('active');\A\Aexport default function Home() {\A  return <HeroStage state={project} />;\A}\A\A// deployment log\Abuild: success\Aassets: optimized\Apreview: running\Agit push origin production";position:absolute;top:9%;right:3.1%;width:26%;white-space:pre;z-index:4;pointer-events:none;font:500 clamp(8px,.58vw,10px)/1.72 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.012em;color:rgba(186,208,255,.84);text-shadow:0 0 10px rgba(73,108,255,.22);opacity:.92;mix-blend-mode:screen;mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 88%,transparent 100%);animation:dsbCodeFlow 14s linear infinite}

  /* Electric Blue rails tuned for the flatter front-facing compositions. */
  .motion-light-rails{z-index:1!important;inset:-4% -14% -12% -14%!important;filter:drop-shadow(0 0 9px rgba(73,108,255,.54))!important}
  .motion-rail--one{bottom:122px!important;opacity:.84!important}
  .motion-rail--two{bottom:74px!important;opacity:.60!important}
  .motion-rail--three{bottom:27px!important;opacity:.42!important}
  .motion-rail-node--one{bottom:116px!important}.motion-rail-node--two{bottom:68px!important}
  .motion-stage-caption{left:4%!important;right:22%!important;bottom:14px!important}
  .motion-stage-controls{right:0!important;bottom:-8px!important}
}

@keyframes dsbCodeFlow{0%{transform:translateY(18px);opacity:0}8%{opacity:.92}50%{transform:translateY(-16px);opacity:.92}92%{opacity:.9}100%{transform:translateY(-44px);opacity:0}}

@media (min-width:981px) and (max-width:1180px){
  .motion-device-cluster--png{inset:18px -1% 44px -2%}
}

@media (max-width:980px){
  .motion-device-cluster--png{position:relative;inset:auto;width:min(720px,100%);height:auto;aspect-ratio:1.72/1;margin:14px auto 0;z-index:3;pointer-events:none}
  .motion-device-scene--tamamlanan .motion-png-screen--desktop{left:21.58%;top:5.55%;width:58.94%;height:60.90%;clip-path:inset(0 round 1.2%)}
  .motion-device-scene--tamamlanan .motion-png-screen--mobile{left:2.15%;top:21.90%;width:13.85%;height:50.20%;border-radius:12% / 5.8%;clip-path:inset(0 round 12% 12% 11% 11%)}
  .motion-device-scene--yakinda .motion-png-screen--desktop{left:3.10%;top:8.70%;width:88.55%;height:67.00%;clip-path:inset(0 round .8%)}
  .motion-device-scene--yakinda .motion-png-screen--mobile{display:none!important}
  .motion-device-scene--yakinda .motion-png-screen--desktop::before,.motion-device-scene--yakinda .motion-png-screen--desktop::after{display:none!important}
}

@media (max-width:600px){
  /* Keep the approved completed-project shell mobile-first. */
  .motion-device-scene--tamamlanan .motion-device-png-shell,.motion-device-scene--tamamlanan .motion-png-screen--desktop{display:none!important}
  .motion-device-scene--tamamlanan .motion-png-screen--mobile{display:block!important;inset:0!important;width:100%!important;height:100%!important;clip-path:none!important;border-radius:13px!important;background:#08090b;border:1px solid #202938;overflow:hidden}
  .motion-device-scene--tamamlanan .motion-png-screen--mobile img{transform:none!important;object-fit:cover!important;width:100%!important;height:100%!important}

  /* For ongoing projects, show the flat desktop monitor rather than an empty phone fallback. */
  .motion-device-scene--yakinda .motion-device-png-shell{display:block!important}
  .motion-device-scene--yakinda .motion-png-screen--desktop{display:block!important;left:7.2%!important;top:11.2%!important;width:85.6%!important;height:58.2%!important;clip-path:inset(0 round 1.4%)!important}
  .motion-device-scene--yakinda .motion-png-screen--mobile{display:none!important}
  .motion-device-scene--yakinda .motion-png-screen--desktop img{object-fit:cover!important}
  .motion-device-scene--yakinda .motion-png-screen--desktop::before,.motion-device-scene--yakinda .motion-png-screen--desktop::after{display:none!important}
}

@media (prefers-reduced-motion:reduce){
  .motion-device-scene--yakinda .motion-png-screen--desktop::before{animation:none!important;opacity:.78}
}

body[data-motion="off"] .motion-device-scene--yakinda .motion-png-screen--desktop::before,
body[data-motion="off"] .motion-device-scene--yakinda .motion-png-screen--desktop::after,
body[data-motion="subtle"] .motion-device-scene--yakinda .motion-png-screen--desktop::before,
body[data-motion="subtle"] .motion-device-scene--yakinda .motion-png-screen--desktop::after{display:none!important}

/* DSB V1.9.9 — Screen alignment, visible code stream & grounded device shadows */
@media (min-width:981px){
  /* Each status scene now owns an intrinsic artboard ratio matching the supplied PNG. */
  .motion-device-scene{inset:auto!important;left:50%!important;top:49%!important;right:auto!important;bottom:auto!important;transform-origin:center center!important}
  .motion-device-scene--tamamlanan{width:108%!important;aspect-ratio:2048/1225;height:auto!important}
  .motion-device-scene--yakinda{width:82%!important;aspect-ratio:1791/1500;height:auto!important;top:48%!important;left:56%!important}
  .motion-device-scene--tamamlanan:not(.is-active),.motion-device-scene--yakinda:not(.is-active){transform:translate(-50%,-50%) translate3d(calc(var(--mx)*6px),calc(var(--my)*4px),42px) scale(.985)!important}
  .motion-device-scene--tamamlanan.is-active,.motion-device-scene--yakinda.is-active{transform:translate(-50%,-50%) translate3d(calc(var(--mx)*9px),calc(var(--my)*6px),66px) scale(1)!important}

  .motion-device-png-shell{inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important;filter:drop-shadow(0 26px 28px rgba(0,0,0,.36)) drop-shadow(0 46px 60px rgba(0,0,0,.34))!important}
  .motion-png-screen{z-index:2!important;background:#05070b!important;box-shadow:none!important}
  .motion-png-screen img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;transform:none!important}

  /* Completed projects — exact flat laptop + phone screen windows. */
  .motion-device-scene--tamamlanan .motion-png-screen--desktop{left:22.0%!important;top:1.8%!important;width:65.75%!important;height:71.55%!important;clip-path:inset(0 round .7%)!important;border-radius:0!important}
  .motion-device-scene--tamamlanan .motion-png-screen--mobile{left:3.30%!important;top:24.65%!important;width:15.05%!important;height:55.55%!important;clip-path:inset(0 round 13% 13% 12% 12%)!important;border-radius:13% / 6%!important}

  /* Ongoing projects — exact monitor screen window. */
  .motion-device-scene--yakinda .motion-png-screen--desktop{left:3.85%!important;top:3.9%!important;width:92.05%!important;height:66.15%!important;clip-path:inset(0 round .55%)!important;border-radius:0!important}
  .motion-device-scene--yakinda .motion-png-screen--mobile{display:none!important}

  /* Ground contact: separate, soft shadows for completed laptop/phone and ongoing monitor. */
  .motion-device-scene::after{content:"";position:absolute;z-index:0;pointer-events:none;filter:blur(13px);opacity:.8;background:radial-gradient(ellipse at center,rgba(0,0,0,.78) 0%,rgba(0,0,0,.40) 44%,transparent 76%)}
  .motion-device-scene--tamamlanan::after{left:15%;right:5%;bottom:3.5%;height:9.5%}
  .motion-device-scene--tamamlanan::before{content:"";position:absolute;z-index:0;left:1.2%;width:19%;bottom:10.4%;height:7.6%;pointer-events:none;filter:blur(10px);opacity:.72;background:radial-gradient(ellipse at center,rgba(0,0,0,.78),rgba(0,0,0,.28) 55%,transparent 78%)}
  .motion-device-scene--yakinda::after{left:13%;right:13%;bottom:1.8%;height:9%}

  /* Real HTML code stream: right edge of the ongoing desktop screen, visible and premium. */
  .motion-code-stream{position:absolute;z-index:6;top:0;right:0;bottom:0;width:31%;overflow:hidden;pointer-events:none;border-left:1px solid rgba(73,108,255,.18);background:linear-gradient(90deg,rgba(4,7,13,0),rgba(5,9,17,.35) 16%,rgba(5,9,17,.68) 100%);box-shadow:-20px 0 45px rgba(5,9,17,.18)}
  .motion-code-stream::before{content:"BUILD / ACTIVE";position:absolute;top:5.2%;right:7%;z-index:2;font:650 clamp(7px,.48vw,9px)/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.16em;color:#496cff;text-shadow:0 0 13px rgba(73,108,255,.48);opacity:.9}
  .motion-code-track{position:absolute;left:9%;right:5%;top:16%;display:grid;gap:clamp(7px,.7vw,11px);font:500 clamp(7px,.52vw,10px)/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:rgba(185,200,255,.78);text-shadow:0 0 10px rgba(73,108,255,.18);animation:dsbCodeTrackFlow 10.5s ease-in-out infinite}
  .motion-code-track b{font-weight:500;white-space:nowrap;opacity:.72}
  .motion-code-track b:nth-child(2n){color:rgba(147,160,190,.75);opacity:.58}
  .motion-code-track em{display:inline-block;width:22px;margin-right:4px;color:#496cff;font-style:normal;opacity:.9}

  /* Disable obsolete pseudo code from V1.9.8; the real HTML layer above is authoritative. */
  .motion-device-scene--yakinda .motion-png-screen--desktop::before,.motion-device-scene--yakinda .motion-png-screen--desktop::after{content:none!important;display:none!important}

  /* Rails are visible behind both artboards and travel through their floor contact area. */
  .motion-light-rails{inset:-5% -17% -14% -16%!important;z-index:1!important;filter:drop-shadow(0 0 10px rgba(73,108,255,.58))!important}
  .motion-rail--one{bottom:116px!important;opacity:.9!important}
  .motion-rail--two{bottom:67px!important;opacity:.64!important}
  .motion-rail--three{bottom:20px!important;opacity:.45!important}
  .motion-rail:after{height:3px!important;box-shadow:0 0 18px #496cff,0 0 38px rgba(73,108,255,.52)!important}
}

@keyframes dsbCodeTrackFlow{0%,100%{transform:translateY(0);opacity:.72}45%{transform:translateY(-18px);opacity:.98}70%{transform:translateY(-8px);opacity:.9}}

@media (min-width:981px) and (max-width:1180px){
  .motion-device-scene--tamamlanan{width:102%!important}
  .motion-device-scene--yakinda{width:78%!important;left:55%!important}
}

@media (max-width:980px){
  .motion-device-scene{left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;inset:auto!important}
  .motion-device-scene--tamamlanan{width:100%!important;aspect-ratio:2048/1225!important;height:auto!important}
  .motion-device-scene--yakinda{width:76%!important;aspect-ratio:1791/1500!important;height:auto!important;left:53%!important}
  .motion-device-scene:not(.is-active){transform:translate(-50%,-50%)!important}
  .motion-device-scene.is-active{transform:translate(-50%,-50%)!important}
  .motion-device-scene--tamamlanan .motion-png-screen--desktop{left:22%!important;top:1.8%!important;width:65.75%!important;height:71.55%!important;clip-path:inset(0 round .7%)!important}
  .motion-device-scene--tamamlanan .motion-png-screen--mobile{left:3.3%!important;top:24.65%!important;width:15.05%!important;height:55.55%!important;clip-path:inset(0 round 13%)!important}
  .motion-device-scene--yakinda .motion-png-screen--desktop{left:3.85%!important;top:3.9%!important;width:92.05%!important;height:66.15%!important;clip-path:inset(0 round .55%)!important}
  .motion-code-stream{display:none!important}
}

@media (max-width:600px){
  .motion-device-cluster--png{height:260px!important}
  .motion-device-scene--tamamlanan{width:100%!important}
  .motion-device-scene--tamamlanan .motion-device-png-shell,.motion-device-scene--tamamlanan .motion-png-screen--desktop{display:none!important}
  .motion-device-scene--tamamlanan .motion-png-screen--mobile{display:block!important;inset:0!important;width:100%!important;height:100%!important;clip-path:none!important;border-radius:13px!important;background:#08090b;border:1px solid #202938;overflow:hidden}
  .motion-device-scene--yakinda{width:min(86%,330px)!important}
  .motion-device-scene--yakinda .motion-device-png-shell{display:block!important}
  .motion-device-scene--yakinda .motion-png-screen--desktop{display:block!important;left:3.85%!important;top:3.9%!important;width:92.05%!important;height:66.15%!important;clip-path:inset(0 round .55%)!important}
}

@media (prefers-reduced-motion:reduce){.motion-code-track{animation:none!important}}
body[data-motion="off"] .motion-code-stream,body[data-motion="subtle"] .motion-code-stream{display:none!important}

/* DSB V1.9.10 — Exact screen fit, subtle glass reflections and external build code */
@media (min-width:981px){
  /* Completed shell — measured to the actual transparent screen windows. */
  .motion-device-scene--tamamlanan .motion-png-screen--desktop{
    left:22.85%!important;top:1.71%!important;width:66.41%!important;height:71.67%!important;
    clip-path:inset(0 round .55%)!important;border-radius:0!important
  }
  .motion-device-scene--tamamlanan .motion-png-screen--mobile{
    left:3.37%!important;top:24.00%!important;width:16.06%!important;height:58.04%!important;
    clip-path:inset(0 round 12.5% 12.5% 11.5% 11.5%)!important;border-radius:12.5% / 5.8%!important
  }

  /* Ongoing monitor — measured to the real inner display opening. */
  .motion-device-scene--yakinda .motion-png-screen--desktop{
    left:3.91%!important;top:5.27%!important;width:92.24%!important;height:62.07%!important;
    clip-path:inset(0 round .45%)!important;border-radius:0!important
  }

  /* Premium screen glass: very subtle, no dark overlay on the project imagery. */
  .motion-png-screen::after{
    content:"";position:absolute;inset:0;z-index:5;pointer-events:none;
    background:
      linear-gradient(116deg,rgba(255,255,255,.075) 0%,rgba(255,255,255,.025) 18%,transparent 31%,transparent 67%,rgba(185,200,255,.025) 83%,transparent 100%),
      linear-gradient(180deg,rgba(255,255,255,.028),transparent 22%);
    mix-blend-mode:screen;opacity:.76
  }
  .motion-device-scene--tamamlanan .motion-png-screen--mobile::after{opacity:.62}
  .motion-device-scene--yakinda .motion-png-screen--desktop::after{opacity:.7}

  /* External code: outside the monitor, right side only. */
  .motion-code-stream--external{
    position:absolute!important;left:91.5%!important;right:auto!important;top:15.5%!important;bottom:auto!important;
    width:25%!important;height:49%!important;z-index:7!important;overflow:hidden!important;pointer-events:none!important;
    border:1px solid rgba(73,108,255,.13)!important;border-left-color:rgba(73,108,255,.32)!important;border-radius:10px!important;
    background:linear-gradient(145deg,rgba(10,14,24,.82),rgba(6,9,16,.42))!important;
    box-shadow:0 22px 70px rgba(0,0,0,.3),0 0 40px rgba(73,108,255,.055)!important;
    backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)
  }
  .motion-code-stream--external::before{
    content:"BUILD / ACTIVE";position:absolute;top:9%;left:10%;right:auto;z-index:2;
    font:650 clamp(7px,.46vw,9px)/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    letter-spacing:.17em;color:#7f9bff;text-shadow:0 0 13px rgba(73,108,255,.42);opacity:.82
  }
  .motion-code-stream--external::after{
    content:"";position:absolute;left:0;top:0;bottom:0;width:2px;
    background:linear-gradient(180deg,transparent,#496cff 25%,#b9c8ff 50%,#496cff 75%,transparent);
    box-shadow:0 0 12px rgba(73,108,255,.55);opacity:.64;animation:dsbExternalCodePulse 4.8s ease-in-out infinite
  }
  .motion-code-stream--external .motion-code-track{
    left:10%!important;right:6%!important;top:22%!important;gap:clamp(7px,.62vw,10px)!important;
    font-size:clamp(7px,.47vw,9px)!important;line-height:1.42!important;color:rgba(190,207,255,.76)!important;
    animation:dsbCodeTrackFlow 11.8s ease-in-out infinite!important
  }

  /* Refined ground contact under device shells. */
  .motion-device-scene--tamamlanan::after{
    left:17%!important;right:3%!important;bottom:2.4%!important;height:10.5%!important;
    filter:blur(15px)!important;opacity:.86!important
  }
  .motion-device-scene--tamamlanan::before{
    left:1.1%!important;width:20%!important;bottom:7.8%!important;height:8.8%!important;
    filter:blur(12px)!important;opacity:.78!important
  }
  .motion-device-scene--yakinda::after{
    left:12%!important;right:11%!important;bottom:1.1%!important;height:10.8%!important;
    filter:blur(15px)!important;opacity:.86!important
  }
}

@keyframes dsbExternalCodePulse{0%,100%{transform:translateY(-15%);opacity:.32}50%{transform:translateY(15%);opacity:.78}}

@media (min-width:981px) and (max-width:1280px){
  .motion-code-stream--external{left:89.5%!important;width:22%!important;opacity:.88}
}

@media (max-width:980px){
  .motion-device-scene--tamamlanan .motion-png-screen--desktop{left:22.85%!important;top:1.71%!important;width:66.41%!important;height:71.67%!important}
  .motion-device-scene--tamamlanan .motion-png-screen--mobile{left:3.37%!important;top:24%!important;width:16.06%!important;height:58.04%!important}
  .motion-device-scene--yakinda .motion-png-screen--desktop{left:3.91%!important;top:5.27%!important;width:92.24%!important;height:62.07%!important}
  .motion-code-stream--external{display:none!important}
}

@media (prefers-reduced-motion:reduce){.motion-code-stream--external::after{animation:none!important}}
body[data-motion="off"] .motion-code-stream--external,body[data-motion="subtle"] .motion-code-stream--external{display:none!important}

/* DSB V1.9.11 — Unified device PNG for all project states + faster external code stream */
@media (min-width:981px){
  .motion-device-scene{inset:auto!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform-origin:center center!important}
  .motion-device-scene--tamamlanan,
  .motion-device-scene--yakinda{width:106%!important;aspect-ratio:2048/1279!important;height:auto!important;left:50%!important;top:50%!important}
  .motion-device-scene--tamamlanan:not(.is-active),
  .motion-device-scene--yakinda:not(.is-active){transform:translate(-50%,-50%) translate3d(calc(var(--mx)*6px),calc(var(--my)*4px),42px) scale(.985)!important}
  .motion-device-scene--tamamlanan.is-active,
  .motion-device-scene--yakinda.is-active{transform:translate(-50%,-50%) translate3d(calc(var(--mx)*9px),calc(var(--my)*6px),66px) scale(1)!important}

  .motion-device-scene--tamamlanan .motion-png-screen--desktop,
  .motion-device-scene--yakinda .motion-png-screen--desktop{
    left:22.85%!important;top:1.71%!important;width:66.41%!important;height:71.67%!important;
    clip-path:inset(0 round .55%)!important;border-radius:0!important;display:block!important
  }
  .motion-device-scene--tamamlanan .motion-png-screen--mobile,
  .motion-device-scene--yakinda .motion-png-screen--mobile{
    left:3.37%!important;top:24.00%!important;width:16.06%!important;height:58.04%!important;
    clip-path:inset(0 round 12.5% 12.5% 11.5% 11.5%)!important;border-radius:12.5% / 5.8%!important;display:block!important
  }
  .motion-device-scene--tamamlanan .motion-png-screen img,
  .motion-device-scene--yakinda .motion-png-screen img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;transform:none!important}

  .motion-device-scene--yakinda::before{
    content:"";position:absolute;z-index:0;left:1.1%!important;width:20%!important;bottom:7.8%!important;height:8.8%!important;
    pointer-events:none;filter:blur(12px)!important;opacity:.78!important;
    background:radial-gradient(ellipse at center,rgba(0,0,0,.78),rgba(0,0,0,.28) 55%,transparent 78%)
  }
  .motion-device-scene--yakinda::after{
    left:17%!important;right:3%!important;bottom:2.4%!important;height:10.5%!important;
    filter:blur(15px)!important;opacity:.86!important
  }

  .motion-code-stream--external{
    position:absolute!important;top:13.5%!important;bottom:auto!important;left:92.5%!important;right:auto!important;
    width:23%!important;height:54%!important;z-index:7!important;overflow:hidden!important;pointer-events:none!important;
    border:1px solid rgba(73,108,255,.13)!important;border-left-color:rgba(73,108,255,.32)!important;border-radius:10px!important;
    background:linear-gradient(145deg,rgba(10,14,24,.82),rgba(6,9,16,.42))!important;
    box-shadow:0 22px 70px rgba(0,0,0,.3),0 0 40px rgba(73,108,255,.055)!important;
    backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)
  }
  .motion-device-scene--tamamlanan .motion-code-stream--external{display:none!important}
  .motion-device-scene--yakinda .motion-code-stream--external{display:block!important}
  .motion-code-stream--external::before{content:"BUILD / ACTIVE";top:9%!important;left:10%!important;right:auto!important}
  .motion-code-stream--external .motion-code-track{
    left:10%!important;right:6%!important;top:20%!important;gap:clamp(7px,.62vw,10px)!important;
    font-size:clamp(7px,.47vw,9px)!important;line-height:1.42!important;color:rgba(190,207,255,.76)!important;
    animation:dsbCodeTrackFlow 6.8s linear infinite!important
  }
}

@media (min-width:981px) and (max-width:1280px){
  .motion-device-scene--tamamlanan,
  .motion-device-scene--yakinda{width:102%!important}
  .motion-device-scene--yakinda .motion-code-stream--external{left:89.5%!important;width:20%!important}
}

@media (max-width:980px){
  .motion-device-scene--tamamlanan,
  .motion-device-scene--yakinda{width:100%!important;aspect-ratio:2048/1279!important;height:auto!important;left:50%!important;top:50%!important}
  .motion-device-scene--tamamlanan .motion-png-screen--desktop,
  .motion-device-scene--yakinda .motion-png-screen--desktop{left:22.85%!important;top:1.71%!important;width:66.41%!important;height:71.67%!important}
  .motion-device-scene--tamamlanan .motion-png-screen--mobile,
  .motion-device-scene--yakinda .motion-png-screen--mobile{left:3.37%!important;top:24%!important;width:16.06%!important;height:58.04%!important;display:block!important}
  .motion-code-stream--external{display:none!important}
}

@media (max-width:600px){
  .motion-device-cluster--png{height:260px!important}
  .motion-device-scene--tamamlanan .motion-device-png-shell,.motion-device-scene--tamamlanan .motion-png-screen--desktop,
  .motion-device-scene--yakinda .motion-device-png-shell,.motion-device-scene--yakinda .motion-png-screen--desktop{display:none!important}
  .motion-device-scene--tamamlanan .motion-png-screen--mobile,
  .motion-device-scene--yakinda .motion-png-screen--mobile{display:block!important;inset:0!important;width:100%!important;height:100%!important;clip-path:none!important;border-radius:13px!important;background:#08090b;border:1px solid #202938;overflow:hidden}
}

@media (prefers-reduced-motion:reduce){.motion-code-stream--external .motion-code-track{animation:none!important}}
body[data-motion="off"] .motion-code-stream--external,body[data-motion="subtle"] .motion-code-stream--external{display:none!important}

/* DSB V1.9.12 — Stable device stage, exact screen windows & futuristic build stream */
@media (min-width:981px){
  /* Slightly smaller, calmer device composition. Mouse movement no longer moves the hardware. */
  .motion-device-scene--tamamlanan,
  .motion-device-scene--yakinda{
    width:96%!important;
    aspect-ratio:2048/1279!important;
    height:auto!important;
    left:50%!important;
    top:50%!important;
    transform-origin:center center!important
  }
  .motion-device-scene--tamamlanan:not(.is-active),
  .motion-device-scene--yakinda:not(.is-active){
    transform:translate(-50%,-50%) translate3d(0,0,42px) scale(.985)!important
  }
  .motion-device-scene--tamamlanan.is-active,
  .motion-device-scene--yakinda.is-active{
    transform:translate(-50%,-50%) translate3d(0,0,66px) scale(1)!important
  }

  /* Exact visual windows measured from the current shared PNG shell. */
  .motion-device-scene--tamamlanan .motion-png-screen--desktop,
  .motion-device-scene--yakinda .motion-png-screen--desktop{
    left:15.35%!important;
    top:2.15%!important;
    width:80.70%!important;
    height:82.10%!important;
    clip-path:inset(0 round .45%)!important;
    border-radius:0!important;
    overflow:hidden!important
  }
  .motion-device-scene--tamamlanan .motion-png-screen--mobile,
  .motion-device-scene--yakinda .motion-png-screen--mobile{
    left:.85%!important;
    top:35.65%!important;
    width:18.35%!important;
    height:61.90%!important;
    clip-path:inset(0 round 12.2% 12.2% 11.2% 11.2%)!important;
    border-radius:12.2% / 5.7%!important;
    overflow:hidden!important
  }
  .motion-png-screen img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
    transform:none!important
  }

  /* Refined glass reflection for realistic screens. */
  .motion-png-screen::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:5!important;
    pointer-events:none!important;
    background:
      linear-gradient(118deg,rgba(255,255,255,.075) 0%,rgba(255,255,255,.025) 17%,transparent 29%,transparent 68%,rgba(185,200,255,.022) 84%,transparent 100%),
      linear-gradient(180deg,rgba(255,255,255,.025),transparent 20%)!important;
    mix-blend-mode:screen!important;
    opacity:.72!important
  }
  .motion-png-screen--mobile::after{opacity:.56!important}

  /* Completed stays clean. In-progress gets a separate futuristic terminal beside the device. */
  .motion-device-scene--tamamlanan .motion-code-stream--external{display:none!important}
  .motion-device-scene--yakinda .motion-code-stream--external{
    display:block!important;
    position:absolute!important;
    left:94.6%!important;
    top:16%!important;
    right:auto!important;
    bottom:auto!important;
    width:21.5%!important;
    height:52%!important;
    z-index:8!important;
    overflow:hidden!important;
    pointer-events:none!important;
    border:1px solid rgba(73,108,255,.20)!important;
    border-left-color:rgba(120,148,255,.46)!important;
    border-radius:12px!important;
    background:
      linear-gradient(rgba(73,108,255,.035) 1px,transparent 1px),
      linear-gradient(90deg,rgba(73,108,255,.025) 1px,transparent 1px),
      linear-gradient(155deg,rgba(11,16,28,.88),rgba(5,9,17,.55))!important;
    background-size:22px 22px,22px 22px,auto!important;
    box-shadow:
      0 25px 80px rgba(0,0,0,.42),
      0 0 0 1px rgba(185,200,255,.025) inset,
      0 0 36px rgba(73,108,255,.08)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important
  }
  .motion-code-stream--external::before{
    content:"LIVE BUILD  /  ACTIVE"!important;
    position:absolute!important;
    left:10%!important;
    top:7%!important;
    right:auto!important;
    z-index:5!important;
    font:700 clamp(7px,.44vw,9px)/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
    letter-spacing:.18em!important;
    color:#8ca6ff!important;
    text-shadow:0 0 14px rgba(73,108,255,.6)!important;
    opacity:.94!important
  }
  .motion-code-stream--external::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:-12%!important;
    height:18%!important;
    z-index:4!important;
    background:linear-gradient(180deg,transparent,rgba(73,108,255,.11),rgba(185,200,255,.17),transparent)!important;
    box-shadow:0 0 20px rgba(73,108,255,.10)!important;
    animation:dsbBuildScanner 3.4s linear infinite!important;
    opacity:.85!important
  }
  .motion-code-stream--external .motion-code-track{
    position:absolute!important;
    left:9%!important;
    right:5%!important;
    top:19%!important;
    display:grid!important;
    gap:clamp(6px,.55vw,9px)!important;
    font:500 clamp(7px,.45vw,9px)/1.38 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
    color:rgba(203,216,255,.78)!important;
    text-shadow:0 0 12px rgba(73,108,255,.18)!important;
    animation:dsbFuturisticCodeFlow 5.4s linear infinite!important;
    will-change:transform,opacity!important
  }
  .motion-code-stream--external .motion-code-track b{
    display:block!important;
    font-weight:500!important;
    white-space:nowrap!important;
    opacity:.74!important;
    padding:3px 5px!important;
    border-left:1px solid rgba(73,108,255,.13)!important;
    background:linear-gradient(90deg,rgba(73,108,255,.045),transparent)!important
  }
  .motion-code-stream--external .motion-code-track b:nth-child(2n){color:rgba(143,166,229,.72)!important;opacity:.64!important}
  .motion-code-stream--external .motion-code-track b:nth-child(3n){color:rgba(190,214,255,.92)!important}
  .motion-code-stream--external .motion-code-track em{
    display:inline-block!important;
    width:21px!important;
    margin-right:5px!important;
    color:#496cff!important;
    font-style:normal!important;
    text-shadow:0 0 10px rgba(73,108,255,.55)!important
  }

  /* Keep strong ground contact while the device itself stays visually still. */
  .motion-device-scene--tamamlanan::after,
  .motion-device-scene--yakinda::after{
    left:16%!important;right:2%!important;bottom:1.9%!important;height:10%!important;
    filter:blur(15px)!important;opacity:.84!important
  }
  .motion-device-scene--tamamlanan::before,
  .motion-device-scene--yakinda::before{
    left:.7%!important;width:20.5%!important;bottom:6.8%!important;height:8.5%!important;
    filter:blur(12px)!important;opacity:.76!important
  }
}

@keyframes dsbFuturisticCodeFlow{
  0%{transform:translateY(18px);opacity:.35}
  10%{opacity:.92}
  50%{transform:translateY(-28px);opacity:1}
  90%{opacity:.86}
  100%{transform:translateY(-74px);opacity:.24}
}
@keyframes dsbBuildScanner{
  0%{transform:translateY(-10%);opacity:0}
  12%{opacity:.85}
  88%{opacity:.75}
  100%{transform:translateY(670%);opacity:0}
}

@media (min-width:981px) and (max-width:1280px){
  .motion-device-scene--tamamlanan,.motion-device-scene--yakinda{width:92%!important}
  .motion-device-scene--yakinda .motion-code-stream--external{left:92%!important;width:19%!important;opacity:.9!important}
}

@media (max-width:980px){
  .motion-device-scene--tamamlanan,.motion-device-scene--yakinda{width:96%!important;aspect-ratio:2048/1279!important;height:auto!important;left:50%!important;top:50%!important}
  .motion-device-scene--tamamlanan .motion-png-screen--desktop,.motion-device-scene--yakinda .motion-png-screen--desktop{left:15.35%!important;top:2.15%!important;width:80.70%!important;height:82.10%!important}
  .motion-device-scene--tamamlanan .motion-png-screen--mobile,.motion-device-scene--yakinda .motion-png-screen--mobile{left:.85%!important;top:35.65%!important;width:18.35%!important;height:61.90%!important}
  .motion-code-stream--external{display:none!important}
}

@media (max-width:600px){
  .motion-device-scene--tamamlanan .motion-device-png-shell,.motion-device-scene--tamamlanan .motion-png-screen--desktop,
  .motion-device-scene--yakinda .motion-device-png-shell,.motion-device-scene--yakinda .motion-png-screen--desktop{display:none!important}
  .motion-device-scene--tamamlanan .motion-png-screen--mobile,.motion-device-scene--yakinda .motion-png-screen--mobile{
    display:block!important;inset:0!important;width:100%!important;height:100%!important;clip-path:none!important;border-radius:13px!important;background:#08090b;border:1px solid #202938;overflow:hidden
  }
}

@media (prefers-reduced-motion:reduce){
  .motion-code-stream--external::after,.motion-code-stream--external .motion-code-track{animation:none!important}
}
body[data-motion="off"] .motion-code-stream--external,body[data-motion="subtle"] .motion-code-stream--external{display:none!important}

/* DSB V1.9.13 — Green-screen keyed shared device shell + exact screen windows */
@media (min-width:981px){
  .motion-device-scene--tamamlanan,
  .motion-device-scene--yakinda{
    width:94%!important;
    aspect-ratio:2047/1280!important;
    height:auto!important;
    left:50%!important;
    top:50%!important;
    transform-origin:center center!important
  }
  .motion-device-scene--tamamlanan:not(.is-active),
  .motion-device-scene--yakinda:not(.is-active){
    transform:translate(-50%,-50%) translate3d(0,0,42px) scale(.988)!important
  }
  .motion-device-scene--tamamlanan.is-active,
  .motion-device-scene--yakinda.is-active{
    transform:translate(-50%,-50%) translate3d(0,0,66px) scale(1)!important
  }

  /* Exact chroma-screen bounds measured from the supplied #00FF00 artwork. */
  .motion-device-scene--tamamlanan .motion-png-screen--desktop,
  .motion-device-scene--yakinda .motion-png-screen--desktop{
    left:15.29%!important;
    top:2.03%!important;
    width:80.46%!important;
    height:82.34%!important;
    clip-path:inset(0 round .45%)!important;
    border-radius:0!important;
    overflow:hidden!important;
    display:block!important
  }
  .motion-device-scene--tamamlanan .motion-png-screen--mobile,
  .motion-device-scene--yakinda .motion-png-screen--mobile{
    left:.68%!important;
    top:34.92%!important;
    width:18.66%!important;
    height:63.52%!important;
    clip-path:inset(0 round 12.7% 12.7% 11.8% 11.8%)!important;
    border-radius:12.7% / 5.8%!important;
    overflow:hidden!important;
    display:block!important
  }
  .motion-device-scene--tamamlanan .motion-png-screen img,
  .motion-device-scene--yakinda .motion-png-screen img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
    transform:none!important
  }

  /* Keep a restrained premium glass read on both physical displays. */
  .motion-png-screen::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:5!important;
    pointer-events:none!important;
    background:
      linear-gradient(116deg,rgba(255,255,255,.075) 0%,rgba(255,255,255,.024) 17%,transparent 29%,transparent 68%,rgba(185,200,255,.022) 84%,transparent 100%),
      linear-gradient(180deg,rgba(255,255,255,.026),transparent 21%)!important;
    mix-blend-mode:screen!important;
    opacity:.68!important
  }
  .motion-png-screen--mobile::after{opacity:.54!important}

  /* Same shell for both statuses: only ongoing work gets the external LIVE BUILD terminal. */
  .motion-device-scene--tamamlanan .motion-code-stream--external{display:none!important}
  .motion-device-scene--yakinda .motion-code-stream--external{
    display:block!important;
    left:94.5%!important;
    top:15%!important;
    width:20.5%!important;
    height:53%!important;
    border-color:rgba(73,108,255,.20)!important;
    border-left-color:rgba(120,148,255,.48)!important;
    background:
      linear-gradient(rgba(73,108,255,.035) 1px,transparent 1px),
      linear-gradient(90deg,rgba(73,108,255,.026) 1px,transparent 1px),
      linear-gradient(155deg,rgba(11,16,28,.90),rgba(5,9,17,.52))!important;
    background-size:20px 20px,20px 20px,auto!important;
    box-shadow:0 25px 80px rgba(0,0,0,.42),0 0 0 1px rgba(185,200,255,.03) inset,0 0 42px rgba(73,108,255,.10)!important
  }
  .motion-code-stream--external .motion-code-track{
    animation:dsbFuturisticCodeFlow 4.6s linear infinite!important
  }

  /* Device contact shadows remain subtle and grounded. */
  .motion-device-scene--tamamlanan::after,
  .motion-device-scene--yakinda::after{
    left:15%!important;right:2%!important;bottom:1.5%!important;height:10.5%!important;
    filter:blur(16px)!important;opacity:.86!important
  }
  .motion-device-scene--tamamlanan::before,
  .motion-device-scene--yakinda::before{
    left:.2%!important;width:20%!important;bottom:3.8%!important;height:8.7%!important;
    filter:blur(12px)!important;opacity:.76!important
  }
}

@media (min-width:981px) and (max-width:1280px){
  .motion-device-scene--tamamlanan,.motion-device-scene--yakinda{width:90%!important}
  .motion-device-scene--yakinda .motion-code-stream--external{left:92.5%!important;width:18.5%!important}
}

@media (max-width:980px){
  .motion-device-scene--tamamlanan,.motion-device-scene--yakinda{
    width:94%!important;aspect-ratio:2047/1280!important;height:auto!important;left:50%!important;top:50%!important
  }
  .motion-device-scene--tamamlanan .motion-png-screen--desktop,
  .motion-device-scene--yakinda .motion-png-screen--desktop{
    left:15.29%!important;top:2.03%!important;width:80.46%!important;height:82.34%!important
  }
  .motion-device-scene--tamamlanan .motion-png-screen--mobile,
  .motion-device-scene--yakinda .motion-png-screen--mobile{
    left:.68%!important;top:34.92%!important;width:18.66%!important;height:63.52%!important;display:block!important
  }
  .motion-code-stream--external{display:none!important}
}

@media (max-width:600px){
  .motion-device-cluster--png{height:260px!important}
  .motion-device-scene--tamamlanan .motion-device-png-shell,.motion-device-scene--tamamlanan .motion-png-screen--desktop,
  .motion-device-scene--yakinda .motion-device-png-shell,.motion-device-scene--yakinda .motion-png-screen--desktop{display:none!important}
  .motion-device-scene--tamamlanan .motion-png-screen--mobile,
  .motion-device-scene--yakinda .motion-png-screen--mobile{
    display:block!important;inset:0!important;width:100%!important;height:100%!important;clip-path:none!important;
    border-radius:13px!important;background:#08090b;border:1px solid #202938;overflow:hidden
  }
}

/* DSB V1.9.14 — Green-screen overscan fit: zero visible gaps around laptop + phone screens */
@media (min-width:981px){
  /* Overscan each dynamic screen slightly beneath the opaque bezel. The shell masks the excess. */
  .motion-device-scene--tamamlanan .motion-png-screen--desktop,
  .motion-device-scene--yakinda .motion-png-screen--desktop{
    left:14.78%!important;
    top:1.62%!important;
    width:81.45%!important;
    height:83.10%!important;
    clip-path:inset(0 round .38%)!important;
    overflow:hidden!important
  }
  .motion-device-scene--tamamlanan .motion-png-screen--mobile,
  .motion-device-scene--yakinda .motion-png-screen--mobile{
    left:.34%!important;
    top:34.45%!important;
    width:19.45%!important;
    height:64.25%!important;
    clip-path:inset(0 round 12.8% 12.8% 11.8% 11.8%)!important;
    overflow:hidden!important
  }
  .motion-device-scene--tamamlanan .motion-png-screen--desktop img,
  .motion-device-scene--yakinda .motion-png-screen--desktop img{
    width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;
    transform:scale(1.012)!important;transform-origin:center center!important
  }
  .motion-device-scene--tamamlanan .motion-png-screen--mobile img,
  .motion-device-scene--yakinda .motion-png-screen--mobile img{
    width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;
    transform:scale(1.018)!important;transform-origin:center center!important
  }

  /* Reflection remains above the image but never shrinks the dynamic screen area. */
  .motion-png-screen::after{
    inset:-1px!important;
    background:
      linear-gradient(116deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.022) 17%,transparent 29%,transparent 68%,rgba(185,200,255,.022) 84%,transparent 100%),
      linear-gradient(180deg,rgba(255,255,255,.024),transparent 21%)!important;
    opacity:.64!important
  }
  .motion-png-screen--mobile::after{opacity:.50!important}

  /* Keep the external build terminal outside the screen for ongoing projects only. */
  .motion-device-scene--tamamlanan .motion-code-stream--external{display:none!important}
  .motion-device-scene--yakinda .motion-code-stream--external{display:block!important}
}

@media (max-width:980px){
  .motion-device-scene--tamamlanan .motion-png-screen--desktop,
  .motion-device-scene--yakinda .motion-png-screen--desktop{
    left:14.78%!important;top:1.62%!important;width:81.45%!important;height:83.10%!important
  }
  .motion-device-scene--tamamlanan .motion-png-screen--mobile,
  .motion-device-scene--yakinda .motion-png-screen--mobile{
    left:.34%!important;top:34.45%!important;width:19.45%!important;height:64.25%!important
  }
}

/* DSB V1.9.15 — Electric Portal Project Transitions */
.motion-portal-fx{position:absolute;inset:-6% -10% -10%;z-index:8;pointer-events:none;overflow:visible;opacity:0}
.motion-portal-fx>i{position:absolute;display:block;pointer-events:none}
.motion-portal-flash{left:50%;top:48%;width:78%;height:64%;transform:translate(-50%,-50%) scale(.72);border-radius:50%;background:radial-gradient(ellipse at center,rgba(185,200,255,.30) 0%,rgba(73,108,255,.22) 22%,rgba(73,108,255,.07) 48%,transparent 72%);filter:blur(10px);opacity:0}
.motion-portal-ring{left:50%;top:51%;width:82%;height:46%;transform:translate(-50%,-50%) scale(.55);border:1px solid rgba(73,108,255,.78);border-radius:50%;box-shadow:0 0 18px rgba(73,108,255,.42),0 0 55px rgba(73,108,255,.18) inset;opacity:0}
.motion-portal-ring--two{width:96%;height:55%;border-color:rgba(185,200,255,.34);box-shadow:0 0 30px rgba(73,108,255,.24)}
.motion-portal-scan{top:7%;bottom:8%;left:13%;width:2px;background:linear-gradient(180deg,transparent,rgba(185,200,255,.28) 18%,#496cff 48%,rgba(185,200,255,.35) 78%,transparent);box-shadow:0 0 12px #496cff,0 0 34px rgba(73,108,255,.62);opacity:0;transform:translateX(-20vw)}
.motion-screen-portal-sweep{position:absolute;inset:-12% auto -12% -32%;width:24%;z-index:7;pointer-events:none;transform:skewX(-14deg) translateX(-220%);background:linear-gradient(90deg,transparent,rgba(185,200,255,.03) 20%,rgba(185,200,255,.46) 50%,rgba(73,108,255,.16) 66%,transparent);filter:blur(.2px);opacity:0}

.motion-stage.portal-transitioning .motion-portal-fx{opacity:1}
.motion-stage.portal-transitioning .motion-portal-flash{animation:dsbPortalFlash .98s cubic-bezier(.18,.76,.18,1) both}
.motion-stage.portal-transitioning .motion-portal-ring--one{animation:dsbPortalRing .94s cubic-bezier(.16,.74,.22,1) both}
.motion-stage.portal-transitioning .motion-portal-ring--two{animation:dsbPortalRingTwo 1.04s cubic-bezier(.16,.74,.22,1) .04s both}
.motion-stage.portal-transitioning .motion-portal-scan{animation:dsbPortalScan .88s cubic-bezier(.2,.75,.18,1) both}
.motion-stage.portal-transitioning .motion-device-scene.is-active{animation:dsbPortalSceneReveal .94s cubic-bezier(.18,.76,.18,1) both}
.motion-stage.portal-transitioning .motion-device-scene.is-active .motion-png-screen--desktop .motion-screen-portal-sweep{animation:dsbScreenSweep .74s cubic-bezier(.16,.75,.2,1) .10s both}
.motion-stage.portal-transitioning .motion-device-scene.is-active .motion-png-screen--mobile .motion-screen-portal-sweep{animation:dsbScreenSweep .70s cubic-bezier(.16,.75,.2,1) .20s both}
.motion-stage.portal-transitioning .motion-device-scene.is-active .motion-device-png-shell{animation:dsbDeviceEdgeCharge .92s ease-out both}
.motion-stage.portal-transitioning .motion-stage-glow{animation:dsbStageGlowPulse 1.02s ease-out both}

/* Rails charge only during the hand-off, then return to the calm ambient state. */
.motion-stage.portal-transitioning .motion-rail{filter:brightness(1.85) saturate(1.25)}
.motion-stage.portal-transitioning .motion-rail:after{animation-duration:.72s!important;box-shadow:0 0 22px #496cff,0 0 54px rgba(73,108,255,.74)!important}
.motion-stage.portal-transitioning .motion-rail--two:after{animation-duration:.86s!important}.motion-stage.portal-transitioning .motion-rail--three:after{animation-duration:1s!important}
.motion-stage.portal-transitioning .motion-rail-node{animation-duration:.62s!important;transform:scale(1.35);box-shadow:0 0 12px #b9c8ff,0 0 28px #496cff!important}

/* Active build: the terminal briefly surges while the new project is loading. */
.motion-stage.portal-build .motion-device-scene.is-active .motion-code-stream--external{box-shadow:0 24px 90px rgba(0,0,0,.48),0 0 0 1px rgba(185,200,255,.05) inset,0 0 70px rgba(73,108,255,.20)!important;animation:dsbTerminalCharge 1.02s ease-out both}
.motion-stage.portal-build .motion-device-scene.is-active .motion-code-track{animation-duration:1.65s!important;filter:brightness(1.22)}
.motion-stage.portal-build .motion-device-scene.is-active .motion-code-stream--external::after{animation-duration:.86s!important;opacity:.92!important}

@keyframes dsbPortalFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.58)}18%{opacity:.78}48%{opacity:.42;transform:translate(-50%,-50%) scale(1.03)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.28)}}
@keyframes dsbPortalRing{0%{opacity:0;transform:translate(-50%,-50%) scale(.38)}28%{opacity:.9}100%{opacity:0;transform:translate(-50%,-50%) scale(1.26)}}
@keyframes dsbPortalRingTwo{0%{opacity:0;transform:translate(-50%,-50%) scale(.48)}30%{opacity:.55}100%{opacity:0;transform:translate(-50%,-50%) scale(1.18)}}
@keyframes dsbPortalScan{0%{opacity:0;transform:translateX(-18vw)}18%{opacity:.92}74%{opacity:.65}100%{opacity:0;transform:translateX(62vw)}}
@keyframes dsbScreenSweep{0%{opacity:0;transform:skewX(-14deg) translateX(-220%)}20%{opacity:.9}70%{opacity:.72}100%{opacity:0;transform:skewX(-14deg) translateX(610%)}}
@keyframes dsbPortalSceneReveal{0%{opacity:.18;filter:blur(7px) brightness(.72) saturate(.82)}22%{opacity:.72;filter:blur(2px) brightness(1.18) saturate(1.1)}52%{opacity:1;filter:blur(0) brightness(1.09) saturate(1.06)}100%{opacity:1;filter:none}}
@keyframes dsbDeviceEdgeCharge{0%{filter:drop-shadow(0 26px 28px rgba(0,0,0,.36)) drop-shadow(0 46px 60px rgba(0,0,0,.34))}34%{filter:drop-shadow(0 26px 28px rgba(0,0,0,.36)) drop-shadow(0 46px 60px rgba(0,0,0,.34)) drop-shadow(0 0 10px rgba(185,200,255,.55)) drop-shadow(0 0 26px rgba(73,108,255,.52))}100%{filter:drop-shadow(0 26px 28px rgba(0,0,0,.36)) drop-shadow(0 46px 60px rgba(0,0,0,.34))}}
@keyframes dsbStageGlowPulse{0%{opacity:.35;transform:scale(.92)}34%{opacity:.92;transform:scale(1.04)}100%{opacity:.45;transform:scale(1)}}
@keyframes dsbTerminalCharge{0%{opacity:.45;transform:translateX(10px) scale(.985)}30%{opacity:1;transform:translateX(0) scale(1.012)}100%{opacity:1;transform:none}}

@media (max-width:980px){
  .motion-portal-fx{display:none!important}
  .motion-stage.portal-transitioning .motion-device-scene.is-active{animation:dsbPortalMobileReveal .58s ease-out both}
  .motion-stage.portal-transitioning .motion-device-scene.is-active .motion-png-screen--mobile .motion-screen-portal-sweep{animation:dsbScreenSweep .55s ease-out .06s both}
}
@keyframes dsbPortalMobileReveal{0%{opacity:.25;filter:blur(4px) brightness(.78)}45%{opacity:1;filter:blur(0) brightness(1.08)}100%{opacity:1;filter:none}}

@media (prefers-reduced-motion:reduce){
  .motion-stage.portal-transitioning *{animation:none!important}
  .motion-portal-fx{display:none!important}
}
body[data-motion="off"] .motion-portal-fx,body[data-motion="off"] .motion-screen-portal-sweep{display:none!important}
body[data-motion="subtle"] .motion-portal-ring--two,body[data-motion="subtle"] .motion-portal-scan{display:none!important}
body[data-motion="subtle"] .motion-stage.portal-transitioning .motion-portal-flash{animation-duration:.62s!important}

/* DSB V1.9.16 — Linear Electric Project Transition
   Removes circular portal rings and replaces them with architectural light sweeps. */
.motion-portal-ring,.motion-portal-ring--one,.motion-portal-ring--two{display:none!important}
.motion-portal-fx{inset:-5% -10% -10%!important;overflow:visible!important}
.motion-portal-fx::before,.motion-portal-fx::after{content:"";position:absolute;pointer-events:none;z-index:2;opacity:0}
.motion-portal-fx::before{left:-18%;right:-18%;top:48%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(73,108,255,.10) 20%,rgba(185,200,255,.88) 48%,#496cff 52%,rgba(73,108,255,.14) 78%,transparent 100%);box-shadow:0 0 10px rgba(73,108,255,.72),0 0 28px rgba(73,108,255,.34);transform:scaleX(.06);transform-origin:center}
.motion-portal-fx::after{top:5%;bottom:8%;left:50%;width:1px;background:linear-gradient(180deg,transparent 0%,rgba(73,108,255,.16) 20%,rgba(185,200,255,.84) 48%,#496cff 52%,rgba(73,108,255,.12) 80%,transparent 100%);box-shadow:0 0 10px rgba(73,108,255,.58);transform:scaleY(.08);transform-origin:center}
.motion-portal-flash{left:-18%!important;top:18%!important;width:24%!important;height:70%!important;border-radius:0!important;background:linear-gradient(90deg,transparent 0%,rgba(185,200,255,.03) 18%,rgba(185,200,255,.34) 47%,rgba(73,108,255,.13) 63%,transparent 100%)!important;filter:blur(.4px)!important;transform:skewX(-12deg) translateX(-150%)!important;opacity:0!important}
.motion-portal-scan{top:3%!important;bottom:6%!important;left:0!important;width:2px!important;background:linear-gradient(180deg,transparent,rgba(185,200,255,.28) 16%,#496cff 48%,rgba(185,200,255,.34) 78%,transparent)!important;box-shadow:0 0 14px #496cff,0 0 40px rgba(73,108,255,.62)!important;opacity:0!important;transform:translateX(-12vw)!important}
.motion-stage.portal-transitioning .motion-portal-flash{animation:dsbLinearFlash .82s cubic-bezier(.16,.78,.20,1) both!important}
.motion-stage.portal-transitioning .motion-portal-scan{animation:dsbLinearScan .82s cubic-bezier(.18,.74,.18,1) both!important}
.motion-stage.portal-transitioning .motion-portal-fx::before{animation:dsbCrossLineX .74s cubic-bezier(.18,.76,.18,1) both}
.motion-stage.portal-transitioning .motion-portal-fx::after{animation:dsbCrossLineY .68s cubic-bezier(.18,.76,.18,1) .04s both}
.motion-stage.portal-transitioning .motion-device-scene.is-active{animation:dsbLinearSceneReveal .84s cubic-bezier(.18,.78,.18,1) both!important}
.motion-stage.portal-transitioning .motion-device-scene.is-active .motion-device-png-shell{animation:dsbLinearEdgeCharge .78s ease-out both!important}
.motion-stage.portal-transitioning .motion-stage-glow{animation:dsbLinearGlowPulse .82s ease-out both!important}
.motion-stage.portal-transitioning .motion-rail{filter:brightness(1.9) saturate(1.28)!important}
.motion-stage.portal-transitioning .motion-rail:after{animation-duration:.58s!important;box-shadow:0 0 24px #496cff,0 0 58px rgba(73,108,255,.76)!important}
.motion-stage.portal-transitioning .motion-rail-node{animation-duration:.54s!important;transform:scale(1.22)!important;box-shadow:0 0 10px #b9c8ff,0 0 26px #496cff!important}

@keyframes dsbLinearFlash{0%{opacity:0;transform:skewX(-12deg) translateX(-150%)}18%{opacity:.18}48%{opacity:.9}72%{opacity:.34}100%{opacity:0;transform:skewX(-12deg) translateX(620%)}}
@keyframes dsbLinearScan{0%{opacity:0;transform:translateX(-12vw)}18%{opacity:.35}50%{opacity:1}82%{opacity:.32}100%{opacity:0;transform:translateX(76vw)}}
@keyframes dsbCrossLineX{0%{opacity:0;transform:scaleX(.06)}28%{opacity:.95}62%{opacity:.52;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1)}}
@keyframes dsbCrossLineY{0%{opacity:0;transform:scaleY(.08)}32%{opacity:.68}66%{opacity:.34;transform:scaleY(1)}100%{opacity:0;transform:scaleY(1)}}
@keyframes dsbLinearSceneReveal{0%{filter:blur(4px) brightness(.78);opacity:.18}36%{filter:blur(1.2px) brightness(1.22);opacity:.78}68%{filter:blur(0) brightness(1.08);opacity:1}100%{filter:none;opacity:1}}
@keyframes dsbLinearEdgeCharge{0%{filter:drop-shadow(0 34px 55px rgba(0,0,0,.48))}42%{filter:drop-shadow(0 34px 55px rgba(0,0,0,.48)) drop-shadow(0 0 16px rgba(73,108,255,.65)) drop-shadow(0 0 28px rgba(185,200,255,.18))}100%{filter:drop-shadow(0 34px 55px rgba(0,0,0,.48))}}
@keyframes dsbLinearGlowPulse{0%{opacity:.62;transform:scale(.96)}42%{opacity:1;transform:scale(1.08)}100%{opacity:.72;transform:scale(1)}}

@media (max-width:980px){
  .motion-portal-fx::before,.motion-portal-fx::after,.motion-portal-flash,.motion-portal-scan{display:none!important}
}
@media (prefers-reduced-motion:reduce){
  .motion-portal-fx::before,.motion-portal-fx::after,.motion-portal-flash,.motion-portal-scan{display:none!important}
}
body[data-motion="off"] .motion-portal-fx::before,body[data-motion="off"] .motion-portal-fx::after,body[data-motion="off"] .motion-portal-flash,body[data-motion="off"] .motion-portal-scan{display:none!important}

/* DSB V1.9.17 — Remove hero bottom divider / parallax bridge */
.hero-parallax-bridge{display:none!important;height:0!important;margin:0!important;padding:0!important;border:0!important}

/* DSB V1.9.18 — One-shot visual light signature */
.dsb-visual-shine-surface{position:relative!important;isolation:isolate}
.dsb-visual-shine-surface>.dsb-visual-shine-layer{position:absolute;inset:-3%;z-index:9;pointer-events:none;overflow:hidden;border-radius:inherit;opacity:0;mix-blend-mode:screen}
.dsb-visual-shine-surface>.dsb-visual-shine-layer::before{content:"";position:absolute;top:-24%;bottom:-24%;left:-34%;width:24%;transform:skewX(-18deg) translateX(-260%);background:linear-gradient(90deg,transparent 0%,rgba(185,200,255,.03) 18%,rgba(242,241,236,.30) 46%,rgba(73,108,255,.40) 56%,rgba(185,200,255,.12) 70%,transparent 100%);filter:blur(.35px);box-shadow:0 0 24px rgba(73,108,255,.12)}
.dsb-visual-shine-surface.dsb-shine-play>.dsb-visual-shine-layer{animation:dsbVisualLayerReveal .86s ease-out both}
.dsb-visual-shine-surface.dsb-shine-play>.dsb-visual-shine-layer::before{animation:dsbVisualSweep .86s cubic-bezier(.16,.78,.20,1) both}

/* A very small luminance response under the sweep so photographic media feels glassy, never darkened. */
.dsb-visual-shine-surface.dsb-shine-play img{animation:dsbVisualLuminance .86s ease-out both}

/* Opening hero screens receive the same signature once, then existing project transitions take over. */
.motion-device-scene.is-active.dsb-initial-shine .motion-png-screen::before{content:"";position:absolute;top:-18%;bottom:-18%;left:-30%;width:22%;z-index:8;pointer-events:none;transform:skewX(-17deg) translateX(-240%);background:linear-gradient(90deg,transparent,rgba(242,241,236,.26) 42%,rgba(73,108,255,.42) 55%,rgba(185,200,255,.10) 72%,transparent);mix-blend-mode:screen;animation:dsbHeroInitialSweep .84s cubic-bezier(.16,.78,.20,1) both}

@keyframes dsbVisualLayerReveal{0%{opacity:0}14%{opacity:.96}78%{opacity:.8}100%{opacity:0}}
@keyframes dsbVisualSweep{0%{transform:skewX(-18deg) translateX(-260%)}100%{transform:skewX(-18deg) translateX(690%)}}
@keyframes dsbVisualLuminance{0%,100%{filter:none}42%{filter:brightness(1.055) saturate(1.025)}70%{filter:brightness(1.02)}}
@keyframes dsbHeroInitialSweep{0%{opacity:0;transform:skewX(-17deg) translateX(-240%)}14%{opacity:.95}100%{opacity:0;transform:skewX(-17deg) translateX(720%)}}

@media (prefers-reduced-motion:reduce){
  .dsb-visual-shine-layer,.dsb-visual-shine-surface.dsb-shine-play img,.motion-device-scene.is-active.dsb-initial-shine .motion-png-screen::before{display:none!important;animation:none!important}
}
body[data-motion="off"] .dsb-visual-shine-layer,body[data-motion="off"] .motion-device-scene.is-active.dsb-initial-shine .motion-png-screen::before{display:none!important}
body[data-motion="subtle"] .dsb-visual-shine-surface>.dsb-visual-shine-layer::before{opacity:.58}

/* DSB V1.9.20 — Mobile Hero Full Device Stage Recovery */
@media (max-width:600px){
  .hero.hero--motion-stage{padding-bottom:34px!important}
  .hero.hero--motion-stage .motion-stage{
    min-height:300px!important;
    margin-top:18px!important;
    width:100%!important;
    overflow:visible!important;
    perspective:none!important
  }
  .motion-device-cluster--png{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:2047/1280!important;
    margin:4px auto 0!important;
    overflow:visible!important
  }
  .motion-device-scene--tamamlanan,
  .motion-device-scene--yakinda{
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    inset:auto!important;
    width:108%!important;
    height:auto!important;
    aspect-ratio:2047/1280!important;
    transform:translate(-50%,-50%)!important;
    transform-origin:center!important
  }
  .motion-device-scene--tamamlanan.is-active,
  .motion-device-scene--yakinda.is-active{
    transform:translate(-50%,-50%)!important
  }
  .motion-device-png-shell{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    z-index:4!important
  }
  .motion-device-scene--tamamlanan .motion-png-screen--desktop,
  .motion-device-scene--yakinda .motion-png-screen--desktop{
    display:block!important;
    position:absolute!important;
    left:14.78%!important;
    top:1.62%!important;
    width:81.45%!important;
    height:83.10%!important;
    clip-path:inset(0 round .38%)!important;
    border-radius:0!important;
    overflow:hidden!important;
    z-index:2!important
  }
  .motion-device-scene--tamamlanan .motion-png-screen--mobile,
  .motion-device-scene--yakinda .motion-png-screen--mobile{
    display:block!important;
    position:absolute!important;
    left:.34%!important;
    top:34.45%!important;
    width:19.45%!important;
    height:64.25%!important;
    clip-path:inset(0 round 12.8% 12.8% 11.8% 11.8%)!important;
    border-radius:12.8% / 6%!important;
    overflow:hidden!important;
    background:#05070b!important;
    border:0!important;
    z-index:2!important
  }
  .motion-device-scene--tamamlanan .motion-png-screen--desktop img,
  .motion-device-scene--yakinda .motion-png-screen--desktop img,
  .motion-device-scene--tamamlanan .motion-png-screen--mobile img,
  .motion-device-scene--yakinda .motion-png-screen--mobile img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
    transform:scale(1.012)!important;
    transform-origin:center!important
  }
  .motion-device-scene--tamamlanan .motion-png-screen--mobile img,
  .motion-device-scene--yakinda .motion-png-screen--mobile img{
    transform:scale(1.018)!important
  }
  .motion-code-stream--external{display:none!important}
  .motion-stage-caption{display:none!important}
  .motion-stage-controls{
    position:static!important;
    margin-top:8px!important;
    padding:0 4px 4px!important;
    overflow-x:auto!important;
    justify-content:flex-start!important
  }
  .motion-stage-grid,.motion-stage-glow{display:none!important}
}

/* DSB V1.9.21 — Mobile hero device stage layout recovery */
@media (max-width:600px){
  .hero.hero--motion-stage{padding:58px 0 42px!important;min-height:auto!important;overflow:hidden!important}
  .hero.hero--motion-stage .hero-grid{display:block!important;width:100%!important}
  .hero.hero--motion-stage .hero-copy{display:block!important;width:100%!important;max-width:none!important;transform:none!important;opacity:1!important}
  .hero.hero--motion-stage .actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;width:100%!important}
  .hero.hero--motion-stage .actions .button{width:100%!important;min-width:0!important;justify-content:center!important;padding-inline:10px!important}
  .hero.hero--motion-stage .hero-footnote{margin-top:26px!important;justify-content:space-between!important;gap:8px!important}

  .hero.hero--motion-stage .motion-stage{
    display:block!important;position:relative!important;width:100%!important;min-height:248px!important;height:auto!important;
    margin:30px auto 0!important;transform:none!important;perspective:none!important;overflow:visible!important;grid-column:auto!important
  }
  .motion-device-cluster--png{
    display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:205px!important;
    aspect-ratio:auto!important;margin:0 auto!important;overflow:visible!important;pointer-events:none!important
  }
  .motion-device-scene--tamamlanan,.motion-device-scene--yakinda{
    display:block!important;position:absolute!important;inset:auto!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
    width:104%!important;height:auto!important;aspect-ratio:2047/1280!important;transform:translate(-50%,-50%)!important;transform-origin:center!important
  }
  .motion-device-scene--tamamlanan.is-active,.motion-device-scene--yakinda.is-active,
  .motion-device-scene--tamamlanan:not(.is-active),.motion-device-scene--yakinda:not(.is-active){transform:translate(-50%,-50%)!important}

  /* Override old mobile fallback: the real keyed shell must remain visible. */
  .motion-device-scene--tamamlanan .motion-device-png-shell,
  .motion-device-scene--yakinda .motion-device-png-shell{
    display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    object-fit:contain!important;z-index:4!important;filter:drop-shadow(0 17px 24px rgba(0,0,0,.42))!important
  }
  .motion-device-scene--tamamlanan .motion-png-screen--desktop,
  .motion-device-scene--yakinda .motion-png-screen--desktop{
    display:block!important;position:absolute!important;left:14.78%!important;top:1.62%!important;width:81.45%!important;height:83.10%!important;
    clip-path:inset(0 round .38%)!important;border:0!important;border-radius:0!important;overflow:hidden!important;z-index:2!important;background:#05070b!important
  }
  .motion-device-scene--tamamlanan .motion-png-screen--mobile,
  .motion-device-scene--yakinda .motion-png-screen--mobile{
    display:block!important;position:absolute!important;left:.34%!important;top:34.45%!important;width:19.45%!important;height:64.25%!important;
    clip-path:inset(0 round 12.8% 12.8% 11.8% 11.8%)!important;border:0!important;border-radius:12.8% / 6%!important;
    overflow:hidden!important;z-index:2!important;background:#05070b!important
  }
  .motion-device-scene--tamamlanan .motion-png-screen--desktop img,
  .motion-device-scene--yakinda .motion-png-screen--desktop img{
    display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;
    transform:scale(1.012)!important;transform-origin:center!important
  }
  .motion-device-scene--tamamlanan .motion-png-screen--mobile img,
  .motion-device-scene--yakinda .motion-png-screen--mobile img{
    display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;
    transform:scale(1.018)!important;transform-origin:center!important
  }
  .motion-png-screen::after{display:block!important;opacity:.42!important}

  .motion-code-stream--external,.motion-stage-caption,.motion-stage-grid,.motion-stage-glow,.motion-light-rails{display:none!important}
  .motion-stage-controls{
    position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;
    display:flex!important;width:100%!important;margin:12px 0 0!important;padding:0 2px 3px!important;gap:7px!important;
    overflow-x:auto!important;justify-content:flex-start!important;scrollbar-width:none!important
  }
  .motion-stage-controls::-webkit-scrollbar{display:none!important}
  .motion-stage-controls button{flex:0 0 auto!important;white-space:nowrap!important}
}

/* DSB V1.9.22 — Mobile Hero Breathing Room */
@media (max-width:600px){
  .hero.hero--motion-stage{padding-left:16px!important;padding-right:16px!important}
  .hero.hero--motion-stage .container,
  .hero.hero--motion-stage .hero-grid{width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:auto!important;margin-right:auto!important}
  .hero.hero--motion-stage .hero-copy{padding-left:0!important;padding-right:0!important}
  .hero.hero--motion-stage .hero-copy h1{max-width:100%!important}
  .hero.hero--motion-stage .hero-copy>p{max-width:100%!important}
  .hero.hero--motion-stage .actions{width:100%!important}

  .hero.hero--motion-stage .motion-stage{
    width:calc(100% - 8px)!important;
    margin:34px auto 0!important;
    min-height:236px!important;
  }
  .motion-device-cluster--png{
    width:100%!important;
    height:194px!important;
    margin:0 auto!important;
  }
  .motion-device-scene--tamamlanan,
  .motion-device-scene--yakinda{
    width:96%!important;
    left:50%!important;
    top:50%!important;
  }
  .motion-stage-controls{
    width:calc(100% - 4px)!important;
    margin:14px auto 0!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }
}

@media (max-width:390px){
  .hero.hero--motion-stage{padding-left:14px!important;padding-right:14px!important}
  .motion-device-cluster--png{height:186px!important}
  .motion-device-scene--tamamlanan,
  .motion-device-scene--yakinda{width:94%!important}
}

/* DSB V1.9.23 — Compact Rhythm Pass
   Tightens vertical rhythm without changing the hero composition or core visual language. */
:root{
  --dsb-section-space:clamp(64px,5.6vw,78px);
  --dsb-section-space-lg:clamp(76px,6.4vw,94px);
}

.section{padding:var(--dsb-section-space) 0}
.section-head{margin-bottom:24px}
.work-grid{row-gap:50px}
.project-info{padding-top:15px}

.responsibility{padding:72px 0}
.responsibility-intro p{margin-top:20px}
.responsibility-list article{min-height:82px}

.expertise-home{padding:74px 0}
.expertise-row{min-height:84px}

.process-home{padding:70px 0 74px}
.process-home .section-head{margin-bottom:24px}

/* Showcase-heavy sections keep slightly more breathing room. */
.technology-home{padding:82px 0}
.technology-head{margin-bottom:32px}
.product-demo{margin-top:28px;margin-bottom:22px}
.flagship-systems{padding:78px 0}
.bodrum-home{padding:72px 0}
.bodrum-copy{padding:22px 0}
.bodrum-copy h2{margin-bottom:20px}
.industry-line{margin-top:22px}

.fair-value-inner{min-height:218px}
.current-build{padding:62px 0}
.build-row{min-height:68px}
.insights-home{padding:70px 0}
.insight-card h3{margin-top:40px}
.final-cta{padding:84px 0 76px}
.final-copy h2{margin-bottom:22px}
.final-action{gap:20px}

@media (max-width:980px){
  :root{
    --dsb-section-space:clamp(56px,7vw,68px);
    --dsb-section-space-lg:clamp(68px,8vw,80px);
  }
  .section{padding:var(--dsb-section-space) 0}
  .section-head{margin-bottom:22px}
  .work-grid{row-gap:44px}
  .responsibility{padding:60px 0}
  .expertise-home{padding:60px 0}
  .process-home{padding:58px 0 62px}
  .technology-home{padding:66px 0}
  .technology-head{margin-bottom:26px}
  .flagship-systems{padding:64px 0}
  .bodrum-home{padding:60px 0}
  .fair-value-inner{min-height:200px}
  .current-build{padding:56px 0}
  .insights-home{padding:60px 0}
  .final-cta{padding:72px 0 66px}
}

@media (max-width:600px){
  :root{
    --dsb-section-space:50px;
    --dsb-section-space-lg:62px;
  }
  .section{padding:50px 0}
  .section-head{margin-bottom:20px;gap:16px}
  .work-grid{row-gap:38px}
  .project-info{padding-top:12px}

  .responsibility{padding:48px 0}
  .responsibility-intro p{margin-top:16px}
  .responsibility-list article{min-height:74px}

  .expertise-home{padding:50px 0}
  .expertise-row{min-height:76px}

  .process-home{padding:50px 0 52px}
  .process-home .section-head{margin-bottom:18px}

  .technology-home{padding:56px 0}
  .technology-head{margin-bottom:22px}
  .product-demo{margin-top:22px;margin-bottom:18px}
  .flagship-systems{padding:54px 0}
  .bodrum-home{padding:50px 0}
  .bodrum-copy{padding:10px 0 18px}
  .industry-line{margin-top:18px}

  .fair-value-inner{min-height:176px;padding-block:34px}
  .current-build{padding:48px 0}
  .build-row{min-height:62px}
  .insights-home{padding:50px 0}
  .insight-card{min-height:220px}
  .insight-card h3{margin-top:34px}
  .final-cta{padding:62px 0 58px}
  .final-grid{gap:28px}
}

/* DSB V1.9.24 — Adaptive Hero Height & Viewport Safety System
   Keeps the full desktop hero inside short laptop/browser viewports without changing the normal large-desktop composition. */
@media (min-width:981px) and (max-height:920px){
  .hero.hero--motion-stage{
    min-height:calc(100svh - 72px)!important;
    padding-top:24px!important;
    padding-bottom:22px!important;
  }
  .hero.hero--motion-stage .hero-grid{align-items:center!important}
  .hero.hero--motion-stage .hero-copy h1{
    font-size:clamp(52px,5.25vw,78px)!important;
    margin-top:18px!important;
    margin-bottom:20px!important;
  }
  .hero.hero--motion-stage .hero-copy>p{
    font-size:15.5px!important;
    line-height:1.52!important;
    margin-bottom:22px!important;
    max-width:540px!important;
  }
  .hero.hero--motion-stage .hero-footnote{margin-top:27px!important}
  .hero.hero--motion-stage .motion-stage{
    min-height:530px!important;
    margin-right:clamp(-72px,-3.2vw,-24px)!important;
  }
  .motion-device-scene--tamamlanan,
  .motion-device-scene--yakinda{width:84%!important}
  .motion-stage-caption{bottom:20px!important}
  .motion-stage-controls{bottom:4px!important}
  .motion-light-rails{inset:-2% -12% -6% -12%!important}
  .hero-parallax-bridge{height:88px!important;margin-top:0!important}
}

@media (min-width:981px) and (max-height:820px){
  .hero.hero--motion-stage{
    padding-top:16px!important;
    padding-bottom:16px!important;
  }
  .hero.hero--motion-stage .hero-copy .eyebrow{font-size:9px!important}
  .hero.hero--motion-stage .hero-copy h1{
    font-size:clamp(48px,4.85vw,68px)!important;
    line-height:.90!important;
    margin-top:15px!important;
    margin-bottom:17px!important;
  }
  .hero.hero--motion-stage .hero-copy>p{
    font-size:14.5px!important;
    line-height:1.48!important;
    margin-bottom:18px!important;
    max-width:500px!important;
  }
  .hero.hero--motion-stage .actions .button{min-height:43px!important;padding-top:10px!important;padding-bottom:10px!important}
  .hero.hero--motion-stage .hero-footnote{margin-top:19px!important;font-size:8px!important}
  .hero.hero--motion-stage .motion-stage{
    min-height:455px!important;
    margin-right:clamp(-58px,-2.6vw,-18px)!important;
  }
  .motion-device-scene--tamamlanan,
  .motion-device-scene--yakinda{width:75%!important}
  .motion-device-scene--yakinda .motion-code-stream--external{width:18%!important;left:91%!important;height:48%!important;top:18%!important}
  .motion-stage-caption{bottom:18px!important}
  .motion-stage-controls{bottom:5px!important}
  .motion-stage-controls button{padding:6px 8px!important}
  .motion-light-rails{inset:0 -9% -3% -9%!important}
  .hero-parallax-bridge{height:66px!important}
}

@media (min-width:981px) and (max-height:740px){
  .hero.hero--motion-stage{padding-top:10px!important;padding-bottom:12px!important}
  .hero.hero--motion-stage .hero-copy h1{
    font-size:clamp(44px,4.45vw,60px)!important;
    margin-top:12px!important;
    margin-bottom:14px!important;
  }
  .hero.hero--motion-stage .hero-copy>p{
    font-size:13.5px!important;
    line-height:1.42!important;
    margin-bottom:14px!important;
  }
  .hero.hero--motion-stage .hero-footnote{margin-top:14px!important}
  .hero.hero--motion-stage .motion-stage{min-height:400px!important}
  .motion-device-scene--tamamlanan,
  .motion-device-scene--yakinda{width:68%!important}
  .motion-device-scene--yakinda .motion-code-stream--external{width:16.5%!important;left:90%!important}
  .motion-stage-caption{bottom:16px!important}
  .motion-stage-controls{bottom:4px!important}
  .hero-parallax-bridge{height:50px!important}
}

/* Height-aware safety is desktop-only; never override the dedicated mobile/tablet stage. */
@media (max-width:980px){
  .hero.hero--motion-stage{min-height:auto}
}

/* DSB V1.9.25 — Mobile Hero Vertical Balance */
@media (max-width:600px){
  .hero.hero--motion-stage .hero-footnote{margin-top:20px!important}
  .hero.hero--motion-stage .motion-stage{
    margin:14px auto 0!important;
    min-height:222px!important;
  }
  .motion-device-cluster--png{
    height:186px!important;
  }
  .motion-device-scene--tamamlanan,
  .motion-device-scene--yakinda{
    width:94%!important;
    top:47%!important;
  }
  .motion-stage-controls{
    margin:8px auto 0!important;
  }
}

@media (max-width:390px){
  .hero.hero--motion-stage .hero-footnote{margin-top:18px!important}
  .hero.hero--motion-stage .motion-stage{
    margin-top:10px!important;
    min-height:212px!important;
  }
  .motion-device-cluster--png{height:178px!important}
  .motion-device-scene--tamamlanan,
  .motion-device-scene--yakinda{width:92%!important;top:46.5%!important}
  .motion-stage-controls{margin-top:6px!important}
}

/* DSB V1.9.26 — Product media */
.product-page-visual{display:block;margin:0 0 22px;border:1px solid var(--dsb-border,#20242c);border-radius:12px;overflow:hidden;background:#0b0e13}.product-page-visual img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;background:#08090b}.product-hero-media{padding:0 0 68px}.product-hero-media .container{border:1px solid var(--dsb-border,#20242c);border-radius:14px;overflow:hidden;background:#08090b}.product-hero-media img{display:block;width:100%;height:auto;max-height:820px;object-fit:contain;margin:auto}.product-media-proof{padding:70px 0;border-top:1px solid var(--dsb-border,#20242c)}.product-media-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.product-media-proof-grid figure{margin:0;border:1px solid var(--dsb-border,#20242c);border-radius:12px;overflow:hidden;background:#08090b;display:grid;place-items:center;min-height:260px}.product-media-proof-grid figure.is-mobile{grid-row:span 2}.product-media-proof-grid img{display:block;width:100%;height:100%;max-height:680px;object-fit:contain}.product-media-proof-grid figure.is-mobile img{max-width:390px;max-height:760px}@media(max-width:760px){.product-page-visual{margin-bottom:16px}.product-hero-media{padding-bottom:44px}.product-media-proof{padding:48px 0}.product-media-proof-grid{grid-template-columns:1fr;gap:12px}.product-media-proof-grid figure.is-mobile{grid-row:auto}.product-media-proof-grid figure{min-height:180px}}


/* DSB V1.9.30 — Public Experience, Performance & Growth
   Additive only: approved Linear Electric Project Transition remains untouched. */
.intake-progress{position:sticky;top:86px;z-index:12;margin:0 0 10px;padding:12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(10,12,16,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.intake-progress>div{display:flex;align-items:center;justify-content:space-between;gap:18px}.intake-progress span,.intake-progress strong{font:650 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase}.intake-progress span{color:#8d96a3}.intake-progress strong{color:#cfd4dc}.intake-progress strong b{color:var(--dsb-blue);font:inherit}.intake-progress>i{display:block;height:2px;margin-top:10px;border-radius:999px;background:#20252e;overflow:hidden}.intake-progress>i>b{display:block;width:var(--intake-progress,0%);height:100%;background:var(--dsb-blue);transition:width .28s cubic-bezier(.2,.7,.2,1)}
.project-intake fieldset{position:relative}.project-intake fieldset.is-complete:after{content:'✓';position:absolute;right:0;top:34px;width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(73,108,255,.34);border-radius:50%;color:#9bb0ff;font:700 10px/1 ui-monospace,monospace;background:rgba(73,108,255,.08)}
.nav a[aria-current="page"]{color:#fff}.mobile-menu-nav a[aria-current="page"]{background:rgba(73,108,255,.06)}.mobile-menu-nav a[aria-current="page"]>span{color:#8ea5ff}.mobile-menu-nav a[aria-current="page"]>i{color:#8ea5ff}
@media(max-width:980px){.mobile-menu-shell{height:100dvh;max-height:100dvh;overscroll-behavior:contain}.mobile-menu-inner{padding-top:max(22px,env(safe-area-inset-top));padding-bottom:max(22px,env(safe-area-inset-bottom))}.mobile-menu-nav a{min-height:58px}.menu-toggle{-webkit-tap-highlight-color:transparent;touch-action:manipulation}}
@media(max-width:720px){.intake-progress{top:72px;margin-bottom:2px;padding:11px 12px}.intake-progress>div{gap:10px}.intake-progress span,.intake-progress strong{font-size:8px}.project-intake fieldset.is-complete:after{top:28px}.project-intake input,.project-intake select,.project-intake textarea{scroll-margin-top:128px}}
html.dsb-performance-lite .dsb-visual-shine-layer,html.dsb-performance-lite .motion-code-stream,html.dsb-performance-lite .hero-energy-field{display:none!important}html.dsb-performance-lite .mobile-action-dock,html.dsb-performance-lite .intake-progress{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html.dsb-performance-lite .home-parallax-media,html.dsb-performance-lite .home-motion-section{transform:none!important}


/* DSB V2.0.0 — Studio verified proof layer. Existing public motion system remains untouched. */
.studio-proof-layer{padding:78px 0;border-top:1px solid var(--dsb-border,#20242c);border-bottom:1px solid var(--dsb-border,#20242c);background:linear-gradient(180deg,rgba(73,108,255,.025),transparent)}.studio-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--dsb-border,#20242c);border:1px solid var(--dsb-border,#20242c);margin-top:28px}.studio-proof-grid article{background:#090b0f;padding:26px}.studio-proof-grid strong{display:block;font-size:clamp(28px,3vw,46px);letter-spacing:-.05em;color:#f3f2ee}.studio-proof-grid span{display:block;margin-top:8px;font:700 9px ui-monospace,monospace;letter-spacing:.11em;text-transform:uppercase;color:#9bb0ff}.studio-proof-grid p{margin:10px 0 0;color:#8e96a1;font-size:13px;line-height:1.55}.studio-proof-quote{margin:24px 0 0;padding:26px 0 0;border-top:1px solid var(--dsb-border,#20242c);max-width:920px}.studio-proof-quote p{font-size:clamp(20px,2.4vw,34px);line-height:1.24;letter-spacing:-.03em;margin:0}.studio-proof-quote footer{display:flex;gap:10px;margin-top:16px;align-items:baseline}.studio-proof-quote footer strong{font-size:12px}.studio-proof-quote footer span{color:#7d8794;font-size:10px}@media(max-width:900px){.studio-proof-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.studio-proof-layer{padding:52px 0}.studio-proof-grid{grid-template-columns:1fr}.studio-proof-grid article{padding:20px}.studio-proof-quote footer{display:grid;gap:3px}}


/* DSB V2.3.0 — Consent layer + connected portfolio/product proof */
.footer-consent-link{appearance:none;border:0;background:none;padding:0;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(255,255,255,.22);text-underline-offset:4px}.footer-consent-link:hover{color:#fff}
html.consent-open{overflow:hidden}.dsb-consent[hidden],.dsb-consent [hidden]{display:none!important}.dsb-consent{position:fixed;inset:0;z-index:9999;pointer-events:none}.dsb-consent-banner{pointer-events:auto;position:absolute;left:24px;right:24px;bottom:24px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);gap:34px;align-items:end;padding:26px 28px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(10,12,16,.96);box-shadow:0 30px 80px rgba(0,0,0,.42);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.dsb-consent-kicker{display:block;margin-bottom:10px;color:#8fa6ff;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}.dsb-consent h2{margin:0;color:#f5f4ef;font-size:clamp(22px,2.3vw,34px);line-height:1.04;letter-spacing:-.04em}.dsb-consent p{max-width:720px;margin:12px 0 0;color:#9ba3af;font-size:13px;line-height:1.58}.dsb-consent-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dsb-consent-actions .text-link{grid-column:1/-1;justify-self:end;margin-top:4px}.dsb-consent-modal{pointer-events:auto;position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:rgba(3,4,6,.78)}.dsb-consent-modal-card{position:relative;width:min(680px,100%);max-height:min(760px,calc(100dvh - 40px));overflow:auto;padding:30px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#0b0e13;box-shadow:0 35px 100px rgba(0,0,0,.55)}.dsb-consent-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border:1px solid #272e39;border-radius:50%;background:#11151c;color:#fff;font-size:22px;cursor:pointer}.dsb-consent-row{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:18px 0;border-top:1px solid #202631}.dsb-consent-row:first-of-type{margin-top:24px}.dsb-consent-row strong{display:block;color:#f1f0ec;font-size:14px}.dsb-consent-row small{display:block;margin-top:5px;color:#808996;font-size:12px;line-height:1.5}.dsb-consent-row>span{color:#8fa6ff;font:700 9px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.dsb-consent-row.is-disabled{opacity:.6}.dsb-consent-row.is-toggle{cursor:pointer}.dsb-consent-row.is-toggle input{position:absolute;opacity:0;pointer-events:none}.dsb-consent-row.is-toggle i{position:relative;width:46px;height:26px;border:1px solid #333c4b;border-radius:99px;background:#151a22;transition:.2s}.dsb-consent-row.is-toggle i:after{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#7c8592;transition:.2s}.dsb-consent-row.is-toggle input:checked+i{border-color:#496cff;background:rgba(73,108,255,.25)}.dsb-consent-row.is-toggle input:checked+i:after{transform:translateX(20px);background:#9eb0ff}.dsb-consent-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:24px}
.connected-proof{padding:72px 0;border-top:1px solid var(--dsb-border,#20242c)}.connected-proof-head{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:end;margin-bottom:24px}.connected-proof-head h2{margin:8px 0 0;font-size:clamp(30px,4vw,56px);line-height:.98;letter-spacing:-.05em}.connected-proof-head p{margin:0;color:#8e97a4;max-width:560px}.connected-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#20242c;border:1px solid #20242c}.connected-proof-card{display:block;padding:24px;background:#090b0f;color:inherit;text-decoration:none;min-height:180px;transition:background .2s,transform .2s}.connected-proof-card:hover{background:#0d1118;transform:translateY(-2px)}.connected-proof-card span{color:#8fa6ff;font:700 9px ui-monospace,monospace;letter-spacing:.11em}.connected-proof-card strong{display:block;margin-top:18px;font-size:22px;letter-spacing:-.035em}.connected-proof-card p{margin:8px 0 0;color:#858e9a;font-size:13px;line-height:1.5}.connected-proof-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.connected-proof-tags a{padding:8px 10px;border:1px solid #252b35;border-radius:999px;color:#aeb6c2;text-decoration:none;font:650 9px ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}.connected-proof-tags a:hover{border-color:#496cff;color:#fff}
@media(max-width:760px){.dsb-consent-banner{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));grid-template-columns:1fr;gap:18px;padding:20px}.dsb-consent-actions{grid-template-columns:1fr}.dsb-consent-actions .text-link{grid-column:auto;justify-self:start}.dsb-consent-modal{padding:10px}.dsb-consent-modal-card{padding:24px 18px}.dsb-consent-modal-actions{align-items:flex-start;flex-direction:column}.connected-proof{padding:48px 0}.connected-proof-head{grid-template-columns:1fr}.connected-proof-grid{grid-template-columns:1fr}}


/* DSB V2.5.0 — Performance, Mobile & Motion Final
   Additive only. Locked Linear Electric Project Transitions remain untouched. */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid color-mix(in srgb,var(--dsb-blue) 82%,white);outline-offset:3px}
:where(button,a,.menu-toggle,.mobile-dock-link,.footer-consent-link){touch-action:manipulation;-webkit-tap-highlight-color:transparent}
img{height:auto}
@supports (content-visibility:auto){
  .responsibility,.expertise-home,.process-home,.technology-home,.flagship-systems,.bodrum-home,.fair-value,.current-build,.insights-home,.testimonial-home,.final-cta,.work-index,.case-intro,.case-dual,.case-architecture,.case-system-depth,.case-result,.case-proof-layers,.case-media-section,.product-detail-body,.product-capabilities,.product-deployment-proof,.product-media-proof,.connected-proof,.studio-proof-layer,.site-footer{content-visibility:auto;contain-intrinsic-size:auto 760px}
}
html.dsb-page-hidden .dsb-visual-shine-layer,html.dsb-page-hidden .motion-code-stream{animation-play-state:paused!important}
html.dsb-performance-lite .site-header.is-scrolled,html.dsb-performance-lite body.menu-open .site-header,html.dsb-performance-lite .mobile-menu-backdrop,html.dsb-performance-lite .dsb-consent-banner,html.dsb-performance-lite .dsb-consent-modal-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.dsb-performance-lite .project-visual,html.dsb-performance-lite .work-index-media,html.dsb-performance-lite .connected-proof-card{transition-duration:.01ms!important}
@media(hover:none),(pointer:coarse){
  .project-visual:hover,.work-index-media:hover,.connected-proof-card:hover,.product-page-card:hover,.insight-card:hover{transform:none!important;box-shadow:none!important}
  .open-case{opacity:1;transform:none;background:rgba(8,9,11,.72)}
}
@media(max-width:760px){
  html{scroll-padding-top:72px}
  body{font-size:16px}
  .container{width:min(var(--dsb-max),calc(100% - 32px))}
  .hero h1,.work-index-head h1,.case-title-grid h1,.product-detail-grid h1{text-wrap:balance}
  .hero p,.work-index-head p,.case-title-grid>div>p,.product-detail-lead{text-wrap:pretty}
  .button{min-height:46px}
  .project-visual,.work-index-media,.case-cover,.product-page-card,.product-page-visual{border-radius:12px}
  .project-info{gap:12px}.tags{gap:7px}.tag{padding:7px 9px}
  .case-topline{gap:10px}.case-live-links{display:grid;grid-template-columns:1fr;gap:8px}.case-live-link{min-height:44px;display:flex;align-items:center}
  .footer-grid{gap:34px}.footer-bottom{padding-bottom:max(12px,env(safe-area-inset-bottom))}
  .dsb-lightbox-stage{touch-action:pan-y}
}
@media(max-width:420px){
  .container{width:min(var(--dsb-max),calc(100% - 28px))}
  .hero h1{font-size:clamp(44px,13.8vw,52px)}
  .section-head h2,.responsibility-intro h2,.technology-head h2{font-size:clamp(34px,10vw,40px)}
  .mobile-action-dock{width:calc(100% - 20px)}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .site-header,.menu-toggle span,.button,.button span,.text-link span,.project-visual,.project-ui,.work-index-media,.connected-proof-card,.dsb-consent-row.is-toggle i,.dsb-consent-row.is-toggle i:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
  .dsb-visual-shine-layer,.hero-parallax-bridge,.motion-code-stream,.hero-energy-field{display:none!important}
}


/* V2.7.0 — Studio & Trust Layer */
.studio-hero-v270{position:relative;overflow:hidden}.studio-hero-v270:after{content:"";position:absolute;width:760px;height:760px;right:-360px;top:-330px;border:1px solid rgba(73,108,255,.09);border-radius:50%;pointer-events:none}.studio-positioning-line{margin-top:64px;padding-top:18px;border-top:1px solid var(--dsb-border);display:flex;justify-content:space-between;gap:20px;font:700 9px ui-monospace,monospace;letter-spacing:.11em;color:#717a88}.studio-positioning-line b{color:#a7aeba;font:inherit}.studio-operating{padding:112px 0;background:#090b0e;border-top:1px solid var(--dsb-border)}.studio-operating-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:62px;border-top:1px solid var(--dsb-border);border-left:1px solid var(--dsb-border)}.studio-operating-grid article{min-height:300px;padding:31px;display:flex;flex-direction:column;border-right:1px solid var(--dsb-border);border-bottom:1px solid var(--dsb-border);background:linear-gradient(145deg,rgba(255,255,255,.012),transparent)}.studio-operating-grid article>span{font:700 9px ui-monospace,monospace;letter-spacing:.11em;color:var(--dsb-blue)}.studio-operating-grid h3{margin:auto 0 14px;font-size:34px;line-height:1;letter-spacing:-.045em}.studio-operating-grid p{margin:0;color:#929aa6;line-height:1.65;max-width:560px}.studio-evidence{padding:112px 0;border-top:1px solid var(--dsb-border);background:#0c0e12}.studio-evidence-head{display:grid;grid-template-columns:7fr 5fr;gap:60px;align-items:end;margin-bottom:48px}.studio-evidence-head h2{font-size:clamp(44px,5.2vw,74px);line-height:.94;letter-spacing:-.062em;margin:12px 0 0}.studio-evidence-head>p{color:#9ea5b0;line-height:1.7;margin:0;max-width:560px}.studio-evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--dsb-border);border-left:1px solid var(--dsb-border)}.studio-evidence-card{min-height:270px;padding:26px;display:flex;flex-direction:column;border-right:1px solid var(--dsb-border);border-bottom:1px solid var(--dsb-border);background:#0a0c10;transition:background .2s,border-color .2s}.studio-evidence-card:hover{background:#10141b;border-color:#2b3548}.studio-evidence-card.is-product{background:linear-gradient(145deg,rgba(73,108,255,.05),#0a0c10)}.studio-evidence-card>span{font:700 9px ui-monospace,monospace;letter-spacing:.1em;color:var(--dsb-blue)}.studio-evidence-card strong{margin:auto 0 12px;font-size:30px;line-height:1;letter-spacing:-.045em}.studio-evidence-card small{color:#858e9b;line-height:1.45}.studio-evidence-card b{margin-top:24px;font:650 10px ui-monospace,monospace;letter-spacing:.06em;color:#bcc4d0}.studio-proof-layer-v270{padding:112px 0;background:#080a0d;border-top:1px solid var(--dsb-border)}.studio-proof-grid-v270{grid-template-columns:repeat(3,1fr);margin-bottom:28px}.studio-testimonial-stack{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--dsb-border);border-left:1px solid var(--dsb-border)}.studio-testimonial-stack blockquote{margin:0;min-height:290px;padding:28px;display:flex;flex-direction:column;border-right:1px solid var(--dsb-border);border-bottom:1px solid var(--dsb-border)}.studio-testimonial-stack blockquote p{font-size:20px;line-height:1.45;letter-spacing:-.02em;margin:0}.studio-testimonial-stack footer{margin-top:auto;padding-top:34px;display:grid;gap:4px}.studio-testimonial-stack footer strong{font-size:12px}.studio-testimonial-stack footer span{font-size:11px;color:#7e8794}.studio-testimonial-stack footer a{margin-top:8px;font:650 9px ui-monospace,monospace;color:var(--dsb-blue);letter-spacing:.07em}.studio-location-v270 .studio-location-visual{min-height:420px}.studio-location-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.studio-location-facts span{border:1px solid var(--dsb-border);border-radius:99px;padding:8px 10px;font:650 9px ui-monospace,monospace;letter-spacing:.06em;color:#8e97a4}.studio-final-cta{background:radial-gradient(circle at 84% 25%,rgba(73,108,255,.08),transparent 28%),#0c0e12}
@media(max-width:900px){.studio-positioning-line{margin-top:38px;flex-direction:column}.studio-operating-grid{grid-template-columns:1fr}.studio-operating-grid article{min-height:250px}.studio-evidence-head{grid-template-columns:1fr;gap:24px}.studio-evidence-grid{grid-template-columns:1fr}.studio-evidence-card{min-height:220px}.studio-proof-grid-v270,.studio-testimonial-stack{grid-template-columns:1fr}.studio-testimonial-stack blockquote{min-height:230px}.studio-location-v270 .studio-location-visual{min-height:300px}}


/* V3.2.0 — authority-to-conversion bridge + lower-friction intake */
.conversion-bridge{display:flex;align-items:center;flex-wrap:wrap;gap:13px 16px;margin-top:24px}.conversion-bridge .button{min-height:46px}.conversion-bridge .text-link{margin:0}.conversion-bridge small{flex-basis:100%;font:650 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;color:var(--muted,#7f8794)}
.intake-friction-note{margin:0 0 18px;padding:14px 16px;border:1px solid rgba(128,143,173,.22);background:linear-gradient(120deg,rgba(73,108,255,.07),rgba(73,108,255,0));display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:center}.intake-friction-note>span{grid-row:1/3;font:750 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;color:#9eb0ff}.intake-friction-note strong{font-size:13px}.intake-friction-note p{margin:0;color:var(--muted,#8d96a5);font-size:12px;line-height:1.5}
@media(max-width:720px){.conversion-bridge{display:grid;align-items:stretch}.conversion-bridge .button{width:100%;justify-content:space-between}.conversion-bridge small{font-size:9px}.intake-friction-note{grid-template-columns:1fr;gap:6px}.intake-friction-note>span{grid-row:auto}.intake-friction-note p{font-size:11px}}


/* DSB V4.1.0 — Bodrum Web Design commercial authority page */
.local-web-hero{padding:148px 0 82px;border-bottom:1px solid var(--dsb-border,#20242c);overflow:hidden;background:radial-gradient(circle at 84% 18%,rgba(73,108,255,.11),transparent 32%)}
.local-web-topline{display:flex;justify-content:space-between;gap:24px;color:#717b89;font:700 9px ui-monospace,monospace;letter-spacing:.12em}.local-web-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr);gap:74px;align-items:end;margin-top:54px}.local-web-hero h1{font-size:clamp(58px,7.6vw,112px);line-height:.88;letter-spacing:-.072em;margin:18px 0 30px;max-width:900px}.local-web-hero h1+strong{display:block;font-size:clamp(25px,2.6vw,42px);line-height:1.02;letter-spacing:-.045em;color:#aeb6c2;font-weight:560}.local-web-intro>p{font-size:19px;line-height:1.65;color:#b8bec7;margin:0}.local-web-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}
.local-web-proof{border-bottom:1px solid var(--dsb-border,#20242c);background:#0a0c10}.local-web-proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.local-web-proof-grid>div{padding:24px 20px 24px 0;border-right:1px solid #20242c}.local-web-proof-grid>div:not(:first-child){padding-left:24px}.local-web-proof-grid>div:last-child{border-right:0}.local-web-proof b{display:block;color:#f2f1ec;font-size:18px;letter-spacing:-.025em}.local-web-proof span{display:block;color:#727c89;font-size:11px;margin-top:5px}
.local-web-purpose,.local-web-local,.local-web-process,.local-web-faq,.local-web-final{padding:100px 0}.local-web-split{display:grid;grid-template-columns:1fr 1fr;gap:84px}.local-web-split h2,.local-web-ai h2,.local-web-services h2,.local-web-process h2,.local-web-faq h2,.local-web-final h2{font-size:clamp(42px,5.2vw,74px);line-height:.96;letter-spacing:-.058em;margin:18px 0 0}.local-web-split>div:last-child{font-size:18px;line-height:1.75;color:#b5bbc5}.local-web-split>div:last-child p{margin:0 0 24px}.local-web-questions{display:grid;grid-template-columns:1fr 1fr;margin-top:64px;border-top:1px solid #252a32}.local-web-questions>div{display:flex;gap:18px;padding:24px 18px 24px 0;border-bottom:1px solid #252a32;color:#d9dde2;font-size:16px}.local-web-questions>div:nth-child(odd){border-right:1px solid #252a32;padding-right:28px}.local-web-questions>div:nth-child(even){padding-left:28px}.local-web-questions span{color:var(--dsb-blue,#496cff);font:700 9px ui-monospace,monospace;letter-spacing:.1em;padding-top:5px}
.local-web-services{padding:100px 0 112px;background:#0d1015;border-top:1px solid #20242c;border-bottom:1px solid #20242c}.local-web-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:42px}.local-web-service-grid article{min-height:260px;border:1px solid #252b34;border-radius:10px;padding:24px;display:flex;flex-direction:column;background:#101319}.local-web-service-grid article:nth-child(1){grid-column:span 2}.local-web-service-grid span{font:700 9px ui-monospace,monospace;letter-spacing:.12em;color:#6179e8}.local-web-service-grid h3{font-size:27px;letter-spacing:-.04em;margin:58px 0 12px}.local-web-service-grid p{font-size:14px;line-height:1.65;color:#8f98a5;margin:0}.local-web-service-link{margin-top:auto;padding-top:22px;color:#b9c8ff;text-decoration:none;font:700 9px ui-monospace,monospace;letter-spacing:.08em}.local-web-service-link:hover{color:#eef1ff}
.local-web-local{border-bottom:1px solid #20242c}.local-web-ai{padding:106px 0;background:linear-gradient(135deg,#0e121b,#090b0f 68%);border-bottom:1px solid #20242c}.local-web-ai-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:90px}.local-web-ai p{max-width:760px;font-size:17px;line-height:1.75;color:#aab2bd}.local-web-ai ul{list-style:none;padding:0;margin:28px 0 0;border-top:1px solid #29313c}.local-web-ai li{padding:15px 0;border-bottom:1px solid #29313c;color:#c7cdd6;font-size:14px}.local-web-ai li::before{content:'↗';color:#6f8bff;margin-right:12px}
.local-web-editorial{padding:100px 0 112px}.local-web-editorial-grid{display:grid;grid-template-columns:220px minmax(0,820px);gap:68px}.local-web-editorial aside{position:sticky;top:104px;align-self:start;display:grid;gap:12px;color:#737c89}.local-web-editorial aside span{font:700 9px ui-monospace,monospace;color:var(--dsb-blue,#496cff);letter-spacing:.1em}.local-web-editorial aside strong{color:#eef0f4;font-size:16px}.local-web-editorial aside p{font-size:12px;line-height:1.6;margin:0}
.local-web-process{border-top:1px solid #20242c}.local-web-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:44px}.local-web-process-grid article{padding:22px;border:1px solid #252b34;border-radius:9px;min-height:220px}.local-web-process-grid span{font:700 9px ui-monospace,monospace;color:#6f8bff}.local-web-process-grid h3{font-size:23px;letter-spacing:-.035em;margin:64px 0 10px}.local-web-process-grid p{font-size:13px;line-height:1.6;color:#88929f;margin:0}.local-web-work .authority-project-grid{grid-template-columns:repeat(4,1fr)}.local-web-work .authority-project-grid a{min-height:280px}.local-web-work .authority-project-grid strong{font-size:27px}
.local-web-faq{border-bottom:1px solid #20242c}.local-web-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.local-web-faq details{border-top:1px solid #2a3038}.local-web-faq details:last-child{border-bottom:1px solid #2a3038}.local-web-faq summary{list-style:none;cursor:pointer;padding:21px 0;display:flex;justify-content:space-between;gap:20px;color:#e6e8eb;font-size:18px;font-weight:650}.local-web-faq summary::-webkit-details-marker{display:none}.local-web-faq summary span{color:#6f8bff;font-weight:400}.local-web-faq details[open] summary span{transform:rotate(45deg)}.local-web-faq details p{max-width:760px;margin:-4px 38px 22px 0;color:#929ba7;font-size:14px;line-height:1.7}
.local-web-final{background:radial-gradient(circle at 15% 80%,rgba(73,108,255,.12),transparent 34%)}.local-web-final-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:86px;align-items:end}.local-web-final-grid>div:last-child p{font-size:17px;line-height:1.7;color:#a2aab5;max-width:560px;margin:0 0 28px}.local-web-final small{display:block;color:#68717e;font:700 9px ui-monospace,monospace;letter-spacing:.12em;margin-top:24px}
@media(max-width:1100px){.local-web-work .authority-project-grid{grid-template-columns:1fr 1fr}.local-web-service-grid{grid-template-columns:1fr 1fr}.local-web-service-grid article:nth-child(1){grid-column:span 1}.local-web-process-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.local-web-hero{padding-top:116px}.local-web-hero-grid,.local-web-split,.local-web-ai-grid,.local-web-editorial-grid,.local-web-faq-grid,.local-web-final-grid{grid-template-columns:1fr;gap:34px}.local-web-hero h1{font-size:clamp(52px,13vw,82px)}.local-web-proof-grid{grid-template-columns:1fr 1fr}.local-web-proof-grid>div:nth-child(2){border-right:0}.local-web-proof-grid>div:nth-child(-n+2){border-bottom:1px solid #20242c}.local-web-editorial aside{position:static;border-bottom:1px solid #20242c;padding-bottom:20px}}
@media(max-width:640px){.local-web-topline{flex-direction:column;gap:8px}.local-web-proof-grid{grid-template-columns:1fr}.local-web-proof-grid>div,.local-web-proof-grid>div:not(:first-child){padding:18px 0;border-right:0;border-bottom:1px solid #20242c}.local-web-proof-grid>div:last-child{border-bottom:0}.local-web-purpose,.local-web-local,.local-web-process,.local-web-faq,.local-web-final,.local-web-services,.local-web-ai,.local-web-editorial{padding:74px 0}.local-web-questions,.local-web-service-grid,.local-web-process-grid,.local-web-work .authority-project-grid{grid-template-columns:1fr}.local-web-questions>div:nth-child(odd),.local-web-questions>div:nth-child(even){border-right:0;padding-left:0;padding-right:0}.local-web-service-grid article{min-height:215px}.local-web-service-grid h3{margin-top:42px}.local-web-faq summary{font-size:16px}}

/* DSB V4.7.0 — Digital Archive & External Authority */
.archive-band{
  position:relative;
  overflow:hidden;
  padding:104px 0;
  border-top:1px solid var(--dsb-border,#20242c);
  background:
    radial-gradient(circle at 78% 24%,rgba(73,108,255,.09),transparent 28%),
    #090b0e;
}
.archive-band:before{
  content:"";
  position:absolute;
  width:620px;height:620px;
  right:-310px;top:-310px;
  border:1px solid rgba(73,108,255,.08);
  border-radius:50%;
  pointer-events:none;
}
.archive-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,7fr) minmax(330px,5fr);
  gap:72px;
  align-items:stretch;
}
.archive-copy{
  padding:16px 0;
  align-self:center;
}
.archive-copy h2{
  margin:12px 0 24px;
  font-size:clamp(46px,5.4vw,78px);
  line-height:.92;
  letter-spacing:-.062em;
  max-width:850px;
}
.archive-copy p{
  margin:0;
  max-width:660px;
  color:#99a1ad;
  font-size:15px;
  line-height:1.72;
}
.archive-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:18px;
  margin-top:30px;
}
.archive-card{
  min-height:410px;
  padding:28px;
  display:flex;
  flex-direction:column;
  border:1px solid #28303b;
  border-radius:12px;
  background:
    linear-gradient(150deg,rgba(73,108,255,.09),transparent 40%),
    #0c1015;
  color:#f2f1ec;
  text-decoration:none;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.archive-card:hover{
  transform:translateY(-3px);
  border-color:#3b4d7b;
  background:
    linear-gradient(150deg,rgba(73,108,255,.14),transparent 42%),
    #0e131a;
}
.archive-card>span{
  font:700 9px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.12em;
  color:#7f8da1;
}
.archive-card>strong{
  display:block;
  margin:auto 0 20px;
  font-size:clamp(58px,6.8vw,92px);
  line-height:.78;
  letter-spacing:-.075em;
  font-weight:650;
}
.archive-card>small{
  font:700 9px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.1em;
  color:#687586;
}
.archive-card>b{
  margin-top:20px;
  font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.07em;
  color:#b8c5ff;
}
.footer-nav>a[target="_blank"]{color:#a9b6ef}
.footer-nav>a[target="_blank"]:hover{color:#fff}

@media(max-width:900px){
  .archive-band{padding:76px 0}
  .archive-grid{grid-template-columns:1fr;gap:36px}
  .archive-card{min-height:300px}
}
@media(max-width:600px){
  .archive-band{padding:58px 0}
  .archive-copy h2{font-size:clamp(39px,12vw,54px)}
  .archive-copy p{font-size:14px}
  .archive-actions{align-items:flex-start;flex-direction:column}
  .archive-card{min-height:265px;padding:22px}
  .archive-card>strong{font-size:64px}
}