/* Dev Fabric — Fabric Assembly redesign v4 / 2026-10-23 */
:root[data-brand="dev-fabric"]{
  color-scheme:dark;
  --bg:#050a11;--bg-alt:#08121d;--panel:#0c1724;--panel-strong:#101d2c;
  --text:#f6f9fc;--muted:#91a0b3;--border:rgba(184,214,244,.13);
  --accent:#b8ff3f;--accent-soft:rgba(184,255,63,.14);--accent-secondary:#8b6cff;
  --cyan:#4de7d1;--shadow:0 30px 90px rgba(0,0,0,.42);
}
:root[data-brand="dev-fabric"]{background:#050a11}
:root[data-brand="dev-fabric"] body{position:relative;background:#050a11;color:var(--text);overflow-x:hidden}
:root[data-brand="dev-fabric"] body::before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(circle at 82% 12%,rgba(184,255,63,.10),transparent 28%),radial-gradient(circle at 15% 42%,rgba(139,108,255,.10),transparent 29%),linear-gradient(180deg,#050a11 0%,#07111c 45%,#050a11 100%)}
:root[data-brand="dev-fabric"] .fa-ambient{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
:root[data-brand="dev-fabric"] .fa-ambient::before,:root[data-brand="dev-fabric"] .fa-ambient::after{content:"";position:absolute;width:42vw;height:42vw;border-radius:50%;filter:blur(90px);opacity:.14;will-change:transform}
:root[data-brand="dev-fabric"] .fa-ambient::before{left:-14vw;top:24vh;background:#8b6cff;transform:translate(calc(var(--fa-mx,0)*18px),calc(var(--fa-my,0)*18px))}
:root[data-brand="dev-fabric"] .fa-ambient::after{right:-12vw;top:4vh;background:#b8ff3f;transform:translate(calc(var(--fa-mx,0)*-22px),calc(var(--fa-my,0)*-22px))}
:root[data-brand="dev-fabric"] .site-header{background:rgba(5,10,17,.70)!important;border-color:rgba(184,214,244,.11)!important;backdrop-filter:blur(24px) saturate(135%);box-shadow:0 8px 40px rgba(0,0,0,.18)}
:root[data-brand="dev-fabric"] .header-inner{height:78px}
:root[data-brand="dev-fabric"] .brand-icon{background:rgba(184,255,63,.06)!important;border:1px solid rgba(184,255,63,.24)!important;box-shadow:0 0 30px rgba(184,255,63,.08)}
:root[data-brand="dev-fabric"] .brand-text{color:#fff}.brand-text small{color:#718096!important}
:root[data-brand="dev-fabric"] .nav>a:not(.button){color:#b5c0ce!important}.nav>a:not(.button):hover,:root[data-brand="dev-fabric"] .nav>a[aria-current]{color:#fff!important}
:root[data-brand="dev-fabric"] .menu-toggle{background:rgba(255,255,255,.045);color:#fff;border-color:rgba(255,255,255,.13)}
:root[data-brand="dev-fabric"] .button{border-radius:12px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}
:root[data-brand="dev-fabric"] .button.primary{background:linear-gradient(135deg,#c6ff54,#a9f52d)!important;color:#07110c!important;box-shadow:0 12px 32px rgba(184,255,63,.18)}
:root[data-brand="dev-fabric"] .button.primary:hover{background:linear-gradient(135deg,#d5ff7d,#b8ff3f)!important;box-shadow:0 16px 42px rgba(184,255,63,.28)}
:root[data-brand="dev-fabric"] .button.secondary,:root[data-brand="dev-fabric"] .button.ghost{background:rgba(255,255,255,.035)!important;color:#eef4fa!important;border-color:rgba(164,190,220,.20)!important;backdrop-filter:blur(12px)}
:root[data-brand="dev-fabric"] .button.secondary:hover,:root[data-brand="dev-fabric"] .button.ghost:hover{border-color:rgba(184,255,63,.5)!important;background:rgba(184,255,63,.055)!important}
:root[data-brand="dev-fabric"] .eyebrow{color:#b8ff3f!important}
:root[data-brand="dev-fabric"] .pulse{background:#b8ff3f!important;box-shadow:0 0 0 5px rgba(184,255,63,.13),0 0 22px rgba(184,255,63,.55)!important}
:root[data-brand="dev-fabric"] p{color:var(--muted)}
:root[data-brand="dev-fabric"] ::selection{background:#b8ff3f;color:#07110c}
:root[data-brand="dev-fabric"] .df-hero{min-height:720px;padding:clamp(60px,6vw,92px) 0 clamp(62px,6vw,90px);background:linear-gradient(180deg,rgba(5,10,17,.2),rgba(7,17,28,.32))!important;border-bottom:1px solid var(--border);overflow:hidden}
:root[data-brand="dev-fabric"] .df-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(130,160,190,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(130,160,190,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000 0%,transparent 82%)}
:root[data-brand="dev-fabric"] .df-hero-grid{grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);gap:clamp(28px,4vw,64px);align-items:center;position:relative;z-index:1}
:root[data-brand="dev-fabric"] .df-hero-copy h1{max-width:720px;color:#fff;font-size:clamp(3rem,5.2vw,5.4rem);line-height:.99;letter-spacing:-.062em}
:root[data-brand="dev-fabric"] .df-hero-copy .lead{max-width:700px;color:#9aa8bb;font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.78}
:root[data-brand="dev-fabric"] .df-hero-copy .eyebrow{color:#b8ff3f!important}
:root[data-brand="dev-fabric"] .df-hero-meta{color:#8392a5}.df-hero-meta i{color:#b8ff3f!important}
:root[data-brand="dev-fabric"] .df-capability-band{background:rgba(7,14,23,.82)!important;border-color:var(--border)!important;backdrop-filter:blur(18px)}
:root[data-brand="dev-fabric"] .df-capability-inner>span{color:#718096}.df-capability-inner>b{color:#dbe3ec}.df-capability-inner>i{background:#8b6cff;box-shadow:0 0 18px rgba(139,108,255,.55)}
/* Fabric Assembly hero */
:root[data-brand="dev-fabric"] .fa-assembly-wrap{position:relative;min-height:560px;display:grid;place-items:center;perspective:1200px;isolation:isolate}
:root[data-brand="dev-fabric"] .fa-assembly{position:relative;width:min(100%,680px);height:540px;transform-style:preserve-3d;will-change:transform;transition:transform .18s ease-out}
:root[data-brand="dev-fabric"] .fa-assembly::before{content:"";position:absolute;inset:6% 4%;border-radius:48%;background:radial-gradient(circle at 52% 46%,rgba(184,255,63,.14),rgba(77,231,209,.035) 34%,rgba(139,108,255,.025) 52%,transparent 72%);filter:blur(2px);transform:translateZ(-80px)}
:root[data-brand="dev-fabric"] .fa-platform{position:absolute;left:50%;bottom:7%;width:78%;height:31%;transform:translateX(-50%) rotateX(64deg) rotateZ(-3deg) translateZ(-58px);transform-style:preserve-3d;border:1px solid rgba(184,255,63,.18);border-radius:24px;background:linear-gradient(135deg,rgba(13,26,39,.94),rgba(4,10,17,.92)),linear-gradient(rgba(184,255,63,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(184,255,63,.08) 1px,transparent 1px);background-size:auto,26px 26px,26px 26px;box-shadow:0 45px 90px rgba(0,0,0,.52),inset 0 0 65px rgba(77,231,209,.04)}
:root[data-brand="dev-fabric"] .fa-platform::before{content:"";position:absolute;inset:11%;border:1px solid rgba(139,108,255,.18);border-radius:18px;box-shadow:inset 0 0 34px rgba(139,108,255,.08),0 0 24px rgba(184,255,63,.08)}
:root[data-brand="dev-fabric"] .fa-circuit{position:absolute;inset:4% 0 9%;width:100%;height:87%;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 8px rgba(184,255,63,.22));transform:translateZ(-18px)}
:root[data-brand="dev-fabric"] .fa-circuit path{stroke-dasharray:8 13;animation:fa-flow 8s linear infinite}.fa-circuit circle{animation:fa-pulse 2.6s ease-in-out infinite}
:root[data-brand="dev-fabric"] .fa-core{position:absolute;left:50%;top:50%;width:138px;height:138px;transform:translate(-50%,-50%) translateZ(72px) rotateX(-7deg) rotateY(10deg);transform-style:preserve-3d;z-index:8}
:root[data-brand="dev-fabric"] .fa-core .fa-cube-front{position:absolute;inset:0;display:grid;place-items:center;border-radius:26px;background:linear-gradient(145deg,rgba(25,38,51,.96),rgba(7,15,25,.98));border:1px solid rgba(184,255,63,.38);box-shadow:0 34px 70px rgba(0,0,0,.48),inset 0 0 34px rgba(184,255,63,.08),0 0 38px rgba(184,255,63,.14);transform:translateZ(24px)}
:root[data-brand="dev-fabric"] .fa-core .fa-cube-front img{width:84px;height:84px;border-radius:50%;filter:drop-shadow(0 0 18px rgba(184,255,63,.24))}
:root[data-brand="dev-fabric"] .fa-core .fa-cube-side{position:absolute;right:-24px;top:0;width:48px;height:138px;border-radius:0 22px 22px 0;background:linear-gradient(180deg,rgba(139,108,255,.30),rgba(14,27,40,.88));border:1px solid rgba(139,108,255,.26);transform:rotateY(90deg);transform-origin:left center}
:root[data-brand="dev-fabric"] .fa-core .fa-cube-top{position:absolute;left:0;top:-24px;width:138px;height:48px;border-radius:22px 22px 0 0;background:linear-gradient(90deg,rgba(184,255,63,.28),rgba(77,231,209,.16));border:1px solid rgba(184,255,63,.20);transform:rotateX(90deg);transform-origin:center bottom}
:root[data-brand="dev-fabric"] .fa-module{position:absolute;width:150px;height:104px;padding:0;border:0;background:transparent;color:#fff;transform-style:preserve-3d;z-index:6;transition:filter .22s ease,transform .22s ease;animation:fa-float 5.8s ease-in-out infinite;outline:0}
:root[data-brand="dev-fabric"] .fa-module:nth-of-type(even){animation-delay:-2.1s}.fa-module:nth-of-type(3n){animation-delay:-3.5s}
:root[data-brand="dev-fabric"] .fa-module-box{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .25s ease}
:root[data-brand="dev-fabric"] .fa-module-front{position:absolute;inset:0;padding:14px 15px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;border:1px solid rgba(173,210,244,.22);border-radius:20px;background:linear-gradient(145deg,rgba(20,34,49,.92),rgba(9,18,28,.88));backdrop-filter:blur(18px);box-shadow:0 24px 52px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.08);transform:translateZ(17px);overflow:hidden}
:root[data-brand="dev-fabric"] .fa-module-front::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 12%,var(--module-glow,rgba(184,255,63,.22)),transparent 42%);pointer-events:none}
:root[data-brand="dev-fabric"] .fa-module-side{position:absolute;right:-17px;top:0;width:34px;height:104px;border-radius:0 16px 16px 0;background:linear-gradient(180deg,var(--module-side,rgba(184,255,63,.20)),rgba(11,22,33,.86));border:1px solid rgba(173,210,244,.15);transform:rotateY(90deg);transform-origin:left center}
:root[data-brand="dev-fabric"] .fa-module-top{position:absolute;left:0;top:-17px;width:150px;height:34px;border-radius:16px 16px 0 0;background:linear-gradient(90deg,var(--module-top,rgba(184,255,63,.18)),rgba(255,255,255,.04));border:1px solid rgba(173,210,244,.14);transform:rotateX(90deg);transform-origin:center bottom}
:root[data-brand="dev-fabric"] .fa-module-icon{position:relative;z-index:2;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);color:var(--module-accent,#b8ff3f);font-size:1.15rem;box-shadow:0 0 24px var(--module-glow,rgba(184,255,63,.16))}
:root[data-brand="dev-fabric"] .fa-module strong{position:relative;z-index:2;font-size:.82rem;line-height:1.18;text-align:left;letter-spacing:-.02em}
:root[data-brand="dev-fabric"] .fa-module small{position:relative;z-index:2;color:#7f90a4;font-size:.56rem;letter-spacing:.08em;text-transform:uppercase}
:root[data-brand="dev-fabric"] .fa-module:hover .fa-module-box,:root[data-brand="dev-fabric"] .fa-module:focus-visible .fa-module-box,:root[data-brand="dev-fabric"] .fa-module.is-active .fa-module-box{transform:translateZ(24px) scale(1.055)}
:root[data-brand="dev-fabric"] .fa-module.is-active .fa-module-front{border-color:var(--module-accent,#b8ff3f);box-shadow:0 28px 65px rgba(0,0,0,.42),0 0 34px var(--module-glow,rgba(184,255,63,.2))}
:root[data-brand="dev-fabric"] .fa-module-web{left:38%;top:4%;--module-accent:#75dcff;--module-glow:rgba(117,220,255,.26);--module-side:rgba(117,220,255,.25);--module-top:rgba(117,220,255,.22);transform:rotateX(-6deg) rotateY(-8deg)}
:root[data-brand="dev-fabric"] .fa-module-integrations{left:5%;top:34%;--module-accent:#b8ff3f;--module-glow:rgba(184,255,63,.23);--module-side:rgba(184,255,63,.24);--module-top:rgba(184,255,63,.18);transform:rotateX(-5deg) rotateY(10deg)}
:root[data-brand="dev-fabric"] .fa-module-ai{right:2%;top:31%;--module-accent:#9d7cff;--module-glow:rgba(157,124,255,.27);--module-side:rgba(157,124,255,.26);--module-top:rgba(157,124,255,.22);transform:rotateX(-5deg) rotateY(-10deg)}
:root[data-brand="dev-fabric"] .fa-module-crm{left:18%;bottom:8%;--module-accent:#4de7d1;--module-glow:rgba(77,231,209,.24);--module-side:rgba(77,231,209,.23);--module-top:rgba(77,231,209,.18);transform:rotateX(-6deg) rotateY(8deg)}
:root[data-brand="dev-fabric"] .fa-module-auto{right:12%;bottom:5%;--module-accent:#b8ff3f;--module-glow:rgba(184,255,63,.24);--module-side:rgba(184,255,63,.24);--module-top:rgba(184,255,63,.18);transform:rotateX(-7deg) rotateY(-8deg)}
:root[data-brand="dev-fabric"] .fa-assembly-detail{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);width:min(92%,520px);padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(184,214,244,.12);border-radius:999px;background:rgba(5,12,19,.72);backdrop-filter:blur(16px);color:#8392a5;font-size:.67rem;letter-spacing:.04em;text-align:center;z-index:11}
:root[data-brand="dev-fabric"] .fa-assembly-detail i{width:7px;height:7px;border-radius:50%;background:#b8ff3f;box-shadow:0 0 14px rgba(184,255,63,.65);flex:none}
:root[data-brand="dev-fabric"] .fa-particle{position:absolute;width:5px;height:5px;border-radius:50%;background:#b8ff3f;box-shadow:0 0 12px rgba(184,255,63,.8);opacity:.55;animation:fa-particle 7s linear infinite;pointer-events:none}
@keyframes fa-flow{to{stroke-dashoffset:-126}}
@keyframes fa-pulse{50%{r:5;opacity:.25}}
@keyframes fa-float{0%,100%{margin-top:0}50%{margin-top:-7px}}
@keyframes fa-particle{0%{transform:translate3d(0,20px,0) scale(.6);opacity:0}20%{opacity:.65}80%{opacity:.65}100%{transform:translate3d(28px,-70px,0) scale(1.1);opacity:0}}
/* Marketing sections and cards */
:root[data-brand="dev-fabric"] .section,:root[data-brand="dev-fabric"] .df-section,:root[data-brand="dev-fabric"] .df-ready-section{background:transparent;color:#fff}
:root[data-brand="dev-fabric"] .section-head h2,:root[data-brand="dev-fabric"] .df-section-head h2,:root[data-brand="dev-fabric"] .df-approach h2{color:#f7fbff}
:root[data-brand="dev-fabric"] .df-ready-card,:root[data-brand="dev-fabric"] .df-service-card,:root[data-brand="dev-fabric"] .df-solution-card,:root[data-brand="dev-fabric"] .df-product-feature,:root[data-brand="dev-fabric"] .df-landing-card,:root[data-brand="dev-fabric"] .df-landing-nav-card{position:relative;background:linear-gradient(145deg,rgba(15,27,41,.88),rgba(7,15,24,.86))!important;border-color:rgba(174,205,235,.13)!important;color:#f7fbff!important;box-shadow:0 18px 58px rgba(0,0,0,.18);overflow:hidden;backdrop-filter:blur(16px)}
:root[data-brand="dev-fabric"] .df-ready-card::before,:root[data-brand="dev-fabric"] .df-service-card::before,:root[data-brand="dev-fabric"] .df-solution-card::before,:root[data-brand="dev-fabric"] .df-product-feature::before,:root[data-brand="dev-fabric"] .df-landing-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 45%,rgba(255,255,255,.028));opacity:.8}
:root[data-brand="dev-fabric"] .df-ready-card::after{background:radial-gradient(circle,rgba(184,255,63,.17),transparent 67%)!important;width:230px;height:230px;right:-85px;top:-85px}
:root[data-brand="dev-fabric"] .df-ready-card:nth-child(2)::after{background:radial-gradient(circle,rgba(139,108,255,.19),transparent 67%)!important}
:root[data-brand="dev-fabric"] .df-ready-card:nth-child(3)::after{background:radial-gradient(circle,rgba(77,231,209,.16),transparent 67%)!important}
:root[data-brand="dev-fabric"] .df-ready-card:nth-child(4)::after{background:radial-gradient(circle,rgba(117,220,255,.16),transparent 67%)!important}
:root[data-brand="dev-fabric"] .df-ready-card:hover,:root[data-brand="dev-fabric"] .df-service-card:hover,:root[data-brand="dev-fabric"] .df-solution-card:hover,:root[data-brand="dev-fabric"] .df-product-feature:hover{border-color:rgba(184,255,63,.33)!important;box-shadow:0 28px 75px rgba(0,0,0,.32),0 0 34px rgba(184,255,63,.05)}
:root[data-brand="dev-fabric"] .df-ready-kicker,:root[data-brand="dev-fabric"] .df-service-top>span:first-child,:root[data-brand="dev-fabric"] .df-product-feature>span,:root[data-brand="dev-fabric"] .df-landing-card>span{color:#b8ff3f!important}
:root[data-brand="dev-fabric"] .df-ready-card>p,:root[data-brand="dev-fabric"] .df-service-card>p,:root[data-brand="dev-fabric"] .df-solution-card>p,:root[data-brand="dev-fabric"] .df-product-feature p,:root[data-brand="dev-fabric"] .df-landing-card li{color:#92a0b2!important}
:root[data-brand="dev-fabric"] .df-ready-tags span,:root[data-brand="dev-fabric"] .df-tags span,:root[data-brand="dev-fabric"] .df-product-chips span{background:rgba(255,255,255,.035)!important;border-color:rgba(169,199,229,.13)!important;color:#b8c4d1!important}
:root[data-brand="dev-fabric"] .df-offer-detail{color:#b8ff3f!important}
:root[data-brand="dev-fabric"] .df-process-section,:root[data-brand="dev-fabric"] .df-approach{background:transparent;color:#fff}
:root[data-brand="dev-fabric"] .df-approach-mark{background:linear-gradient(145deg,rgba(15,28,42,.94),rgba(8,16,25,.94))!important;border-color:var(--border)!important;color:#fff!important;box-shadow:var(--shadow)}
:root[data-brand="dev-fabric"] .df-approach-mark em{color:#b8ff3f!important}
:root[data-brand="dev-fabric"] .df-approach-copy p,:root[data-brand="dev-fabric"] .df-approach-copy li{color:#93a1b3!important}
:root[data-brand="dev-fabric"] .workflow-card{background:linear-gradient(145deg,rgba(15,27,41,.88),rgba(7,15,24,.84))!important;border-color:var(--border)!important;color:#fff!important}
:root[data-brand="dev-fabric"] .workflow-card p,:root[data-brand="dev-fabric"] .workflow-note{color:#8e9caf!important}
:root[data-brand="dev-fabric"] .workflow-card>span{color:#b8ff3f!important}
:root[data-brand="dev-fabric"] .contact-layout{gap:18px}
:root[data-brand="dev-fabric"] .contact-intro,:root[data-brand="dev-fabric"] .surface-form,:root[data-brand="dev-fabric"] .panel{background:linear-gradient(145deg,rgba(15,27,41,.92),rgba(7,15,24,.91))!important;border-color:rgba(174,205,235,.14)!important;color:#fff!important;box-shadow:0 24px 70px rgba(0,0,0,.22);backdrop-filter:blur(18px)}
:root[data-brand="dev-fabric"] .contact-intro p,:root[data-brand="dev-fabric"] .contact-foot{color:#8f9db0!important}
:root[data-brand="dev-fabric"] .contact-symbol{color:#b8ff3f!important;text-shadow:0 0 30px rgba(184,255,63,.34)}
:root[data-brand="dev-fabric"] .surface-form label,:root[data-brand="dev-fabric"] .panel label{color:#dce5ef!important}
:root[data-brand="dev-fabric"] input:not([type="checkbox"]),:root[data-brand="dev-fabric"] textarea,:root[data-brand="dev-fabric"] select{background:rgba(3,9,15,.76)!important;color:#f5f8fb!important;border-color:rgba(174,205,235,.17)!important;box-shadow:inset 0 1px rgba(255,255,255,.025)}
:root[data-brand="dev-fabric"] input::placeholder,:root[data-brand="dev-fabric"] textarea::placeholder{color:#607185!important}
:root[data-brand="dev-fabric"] input:focus,:root[data-brand="dev-fabric"] textarea:focus,:root[data-brand="dev-fabric"] select:focus{border-color:rgba(184,255,63,.56)!important;box-shadow:0 0 0 3px rgba(184,255,63,.08)}
:root[data-brand="dev-fabric"] .checkline,:root[data-brand="dev-fabric"] .form-status{color:#8f9db0!important}
:root[data-brand="dev-fabric"] .site-footer{background:#03070d!important;border-color:rgba(174,205,235,.11)!important;color:#eef4fa!important}
:root[data-brand="dev-fabric"] .site-footer p,:root[data-brand="dev-fabric"] .site-footer a,:root[data-brand="dev-fabric"] .site-footer span{color:#748498!important}
:root[data-brand="dev-fabric"] .site-footer strong{color:#fff}
/* Service, article and product pages */
:root[data-brand="dev-fabric"] .df-landing-page,:root[data-brand="dev-fabric"] .df-product-page{background:#050a11!important;color:#f6f9fc!important}
:root[data-brand="dev-fabric"] .df-landing-hero,:root[data-brand="dev-fabric"] .df-product-hero{position:relative;background:radial-gradient(circle at 78% 34%,rgba(184,255,63,.11),transparent 28%),radial-gradient(circle at 24% 72%,rgba(139,108,255,.09),transparent 30%),linear-gradient(180deg,#06101a 0%,#050a11 100%)!important;border-color:var(--border)!important;overflow:hidden}
:root[data-brand="dev-fabric"] .df-landing-hero::before,:root[data-brand="dev-fabric"] .df-product-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(120,160,195,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(120,160,195,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 92%);pointer-events:none}
:root[data-brand="dev-fabric"] .df-landing-hero-grid,:root[data-brand="dev-fabric"] .df-product-hero-grid{position:relative;z-index:1}
:root[data-brand="dev-fabric"] .df-landing-back{color:#7e8da0!important}.df-landing-back:hover{color:#b8ff3f!important}
:root[data-brand="dev-fabric"] .df-landing-hero h1,:root[data-brand="dev-fabric"] .df-product-copy h1,:root[data-brand="dev-fabric"] .df-solutions-hub-hero h1{color:#fff!important;text-shadow:0 18px 60px rgba(0,0,0,.22)}
:root[data-brand="dev-fabric"] .df-landing-hero .lead,:root[data-brand="dev-fabric"] .df-product-copy .lead,:root[data-brand="dev-fabric"] .df-solutions-hub-hero .lead{color:#95a4b6!important}
:root[data-brand="dev-fabric"] .df-landing-summary,:root[data-brand="dev-fabric"] .df-product-screen{position:relative;background:linear-gradient(145deg,rgba(16,30,44,.90),rgba(7,15,24,.92))!important;color:#f6f9fc!important;border:1px solid rgba(174,205,235,.14)!important;border-radius:26px!important;box-shadow:0 30px 90px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.04)!important;backdrop-filter:blur(20px)}
:root[data-brand="dev-fabric"] .df-landing-summary::before,:root[data-brand="dev-fabric"] .df-product-screen::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(184,255,63,.42),rgba(139,108,255,.26),transparent 60%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
:root[data-brand="dev-fabric"] .df-landing-summary>span,:root[data-brand="dev-fabric"] .df-product-screen-head i{color:#b8ff3f!important}
:root[data-brand="dev-fabric"] .df-landing-summary p,:root[data-brand="dev-fabric"] .df-landing-summary small,:root[data-brand="dev-fabric"] .df-product-screen span,:root[data-brand="dev-fabric"] .df-product-screen small{color:#8797aa!important}
:root[data-brand="dev-fabric"] .df-landing-content{color:#f6f9fc}
:root[data-brand="dev-fabric"] .df-landing-audience,:root[data-brand="dev-fabric"] .df-product-intro{border-color:var(--border)!important}
:root[data-brand="dev-fabric"] .df-landing-audience h2,:root[data-brand="dev-fabric"] .df-product-intro h2,:root[data-brand="dev-fabric"] .df-landing-block h2,:root[data-brand="dev-fabric"] .df-landing-block h3,:root[data-brand="dev-fabric"] .df-product-flow h2{color:#f6f9fc!important}
:root[data-brand="dev-fabric"] .df-landing-audience>p,:root[data-brand="dev-fabric"] .df-product-intro>p,:root[data-brand="dev-fabric"] .df-landing-section-head>p,:root[data-brand="dev-fabric"] .df-landing-block>p,:root[data-brand="dev-fabric"] .df-landing-block li{color:#91a0b3!important}
:root[data-brand="dev-fabric"] .df-landing-block{border-color:rgba(174,205,235,.10)!important}
:root[data-brand="dev-fabric"] .df-landing-block a:not(.button){color:#b8ff3f!important}
:root[data-brand="dev-fabric"] .df-landing-process ol{background:rgba(174,205,235,.10)!important;border-color:var(--border)!important}
:root[data-brand="dev-fabric"] .df-landing-process li,:root[data-brand="dev-fabric"] .df-product-flow li{background:linear-gradient(145deg,rgba(15,27,41,.88),rgba(7,15,24,.86))!important;color:#fff!important}
:root[data-brand="dev-fabric"] .df-landing-process li span,:root[data-brand="dev-fabric"] .df-product-flow li span{color:#b8ff3f!important}
:root[data-brand="dev-fabric"] .df-landing-process li p{color:#8696a8!important}
:root[data-brand="dev-fabric"] .df-landing-note{background:rgba(184,255,63,.055)!important;border-color:rgba(184,255,63,.18)!important;color:#9daaaf!important}
:root[data-brand="dev-fabric"] .df-landing-faq{background:rgba(12,23,36,.72)!important;border-color:rgba(174,205,235,.12)!important;color:#eef4fa!important}
:root[data-brand="dev-fabric"] .df-landing-faq summary{color:#eef4fa!important}.df-landing-faq summary span{color:#b8ff3f!important}
:root[data-brand="dev-fabric"] .df-landing-faq p{color:#8f9daf!important}
:root[data-brand="dev-fabric"] .df-landing-nav-card.is-current{border-color:rgba(184,255,63,.42)!important;box-shadow:inset 0 0 0 1px rgba(184,255,63,.06),0 0 32px rgba(184,255,63,.05)}
:root[data-brand="dev-fabric"] .df-landing-nav-card span{color:#b8ff3f!important}.df-landing-nav-card i{color:#8b6cff!important}
:root[data-brand="dev-fabric"] .df-landing-cta{position:relative;background:linear-gradient(120deg,rgba(14,27,40,.98),rgba(7,14,23,.98))!important;border:1px solid rgba(174,205,235,.12)!important;border-radius:28px!important;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.30)}
:root[data-brand="dev-fabric"] .df-landing-cta::before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-90px;top:-170px;background:radial-gradient(circle,rgba(184,255,63,.18),transparent 68%);pointer-events:none}
:root[data-brand="dev-fabric"] .df-landing-cta p:not(.eyebrow){color:#8f9daf!important}
:root[data-brand="dev-fabric"] .df-product-screen>div:not(.df-product-screen-head){border-color:rgba(174,205,235,.09)!important}
:root[data-brand="dev-fabric"] .df-product-flow ol{background:rgba(174,205,235,.10)!important;border-color:var(--border)!important}
:root[data-brand="dev-fabric"] .df-solutions-hub-hero{position:relative;background:radial-gradient(circle at 78% 28%,rgba(184,255,63,.10),transparent 30%),radial-gradient(circle at 17% 78%,rgba(139,108,255,.09),transparent 30%)}
/* Forms, chat and cabinet */
:root[data-brand="dev-fabric"] .captcha-box{background:rgba(3,9,15,.68)!important;border-color:rgba(174,205,235,.14)!important}.captcha-refresh{color:#b8ff3f!important}.captcha-row img{background:#fff!important}
:root[data-brand="dev-fabric"] .chat-toggle{background:linear-gradient(135deg,#c6ff54,#a9f52d)!important;color:#07110c!important;border-color:transparent!important;box-shadow:0 12px 42px rgba(184,255,63,.25)!important}
:root[data-brand="dev-fabric"] .chat-panel {
  --chat-text: #f6f9fc;
  --chat-muted: #b0bed0;
  --chat-field: #07111c;
  --chat-line: #526a84;
  color-scheme: dark;
  width: min(420px, calc(100vw - 32px));
  height: min(640px, calc(var(--chat-viewport-height, 100dvh) - 124px));
  max-height: calc(var(--chat-viewport-height, 100dvh) - 124px);
  background: #0c1724 !important;
  color: var(--chat-text) !important;
  border-color: #394e65 !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .45) !important;
  overflow-y: auto;
}
:root[data-brand="dev-fabric"] .chat-panel > header {
  background: #101d2c !important;
  border-color: #394e65 !important;
  gap: 12px;
}
:root[data-brand="dev-fabric"] .chat-panel > header > div {
  min-width: 0;
}
:root[data-brand="dev-fabric"] .chat-panel > header strong,
:root[data-brand="dev-fabric"] .chat-panel label,
:root[data-brand="dev-fabric"] .chat-lead-toggle {
  color: var(--chat-text) !important;
}
:root[data-brand="dev-fabric"] .chat-panel > header small,
:root[data-brand="dev-fabric"] .chat-panel .checkline,
:root[data-brand="dev-fabric"] .chat-panel .chat-lead-note,
:root[data-brand="dev-fabric"] .chat-panel .chat-typing,
:root[data-brand="dev-fabric"] .chat-panel .form-status {
  color: var(--chat-muted) !important;
}
:root[data-brand="dev-fabric"] .chat-panel #chat-form {
  background: #0c1724;
  border-color: #394e65;
}
:root[data-brand="dev-fabric"] .chat-panel textarea,
:root[data-brand="dev-fabric"] .chat-panel input:not([type="checkbox"]) {
  background: var(--chat-field) !important;
  color: var(--chat-text) !important;
  border-color: var(--chat-line) !important;
}
:root[data-brand="dev-fabric"] .chat-panel textarea::placeholder,
:root[data-brand="dev-fabric"] .chat-panel input::placeholder {
  color: var(--chat-muted) !important;
}
:root[data-brand="dev-fabric"] .chat-panel .chat-answer {
  background: #172637 !important;
  color: var(--chat-text) !important;
}
:root[data-brand="dev-fabric"] .chat-panel .chat-question {
  background: #243623 !important;
  color: #edf7df !important;
  border-color: #54713f;
}
:root[data-brand="dev-fabric"] .chat-panel .chat-answer,
:root[data-brand="dev-fabric"] .chat-panel .chat-question {
  overflow-wrap: anywhere;
  font-size: .9375rem;
  line-height: 1.55;
}
:root[data-brand="dev-fabric"] .chat-panel .chat-log {
  min-height: 96px;
}
:root[data-brand="dev-fabric"] .chat-lead-box,
:root[data-brand="dev-fabric"] .chat-lead-details {
  background: #101d2c !important;
  border-color: #394e65 !important;
}
:root[data-brand="dev-fabric"] .chat-panel .form-status.error {
  color: #ffb4b9 !important;
}
:root[data-brand="dev-fabric"] .chat-panel .form-status.success {
  color: #79e5bb !important;
}
:root[data-brand="dev-fabric"] .chat-close {
  display: grid;
  place-items: center;
  min-width: 44px;
  min-height: 44px;
  flex: 0 0 auto;
  color: var(--chat-text);
  border-radius: 8px;
  cursor: pointer;
}
:root[data-brand="dev-fabric"] .chat-panel .chat-close:focus-visible,
:root[data-brand="dev-fabric"] .chat-panel .chat-lead-toggle:focus-visible,
:root[data-brand="dev-fabric"] .chat-toggle:focus-visible {
  outline: 2px solid #b8ff3f;
  outline-offset: 3px;
}
:root[data-brand="dev-fabric"] #chat-form > .button,
:root[data-brand="dev-fabric"] .chat-panel #chat-lead-form > .button,
:root[data-brand="dev-fabric"] .chat-panel #chat-lead-form input:not([type="checkbox"]),
:root[data-brand="dev-fabric"] .chat-panel .chat-lead-toggle {
  min-height: 44px;
  height: auto;
}
:root[data-brand="dev-fabric"] #chat-form .checkline,
:root[data-brand="dev-fabric"] .chat-panel #chat-lead-form label {
  font-size: .8125rem;
  line-height: 1.5;
}
:root[data-brand="dev-fabric"] .chat-panel .checkline input {
  width: 20px;
  height: 20px;
  min-height: 20px;
}
@media (max-width: 720px) {
  :root[data-brand="dev-fabric"] .chat-wrap.is-open {
    bottom: calc(max(8px, env(safe-area-inset-bottom)) + var(--chat-keyboard-inset, 0px));
    gap: 0;
  }
  :root[data-brand="dev-fabric"] .chat-wrap.is-open .chat-toggle {
    display: none;
  }
  :root[data-brand="dev-fabric"] .chat-panel {
    width: 100%;
    height: min(640px, calc(var(--chat-viewport-height, 100dvh) - max(16px, env(safe-area-inset-top)) - max(16px, env(safe-area-inset-bottom))));
    max-height: calc(var(--chat-viewport-height, 100dvh) - max(16px, env(safe-area-inset-top)) - max(16px, env(safe-area-inset-bottom)));
  }
  :root[data-brand="dev-fabric"] .chat-panel #chat-form textarea,
  :root[data-brand="dev-fabric"] .chat-panel #chat-lead-form input:not([type="checkbox"]) {
    font-size: 16px;
  }
}
:root[data-brand="dev-fabric"] .auth-tabs{background:rgba(10,20,31,.78)!important;border-color:var(--border)!important}.auth-tab{color:#8999ac!important}.auth-tab.active{background:rgba(184,255,63,.10)!important;color:#dfffaa!important}
:root[data-brand="dev-fabric"] .cabinet-heading h1,:root[data-brand="dev-fabric"] .legal-page h1,:root[data-brand="dev-fabric"] .legal-page h2,:root[data-brand="dev-fabric"] .legal-page strong{color:#f7fbff!important}
:root[data-brand="dev-fabric"] .legal-page>p{color:#91a0b3!important}.legal-page a:not(.button){color:#b8ff3f!important}
:root[data-brand="dev-fabric"] .cabinet-v3{color:#f6f9fc}
:root[data-brand="dev-fabric"] .cabinet-v3-hero,:root[data-brand="dev-fabric"] .cabinet-v3-tabs,:root[data-brand="dev-fabric"] .cabinet-v3-pending,:root[data-brand="dev-fabric"] .cabinet-v3-filter,:root[data-brand="dev-fabric"] .cabinet-v3-support-head,:root[data-brand="dev-fabric"] .cabinet-v3-project,:root[data-brand="dev-fabric"] .cabinet-v3-empty,:root[data-brand="dev-fabric"] .cabinet-v3-stats>div,:root[data-brand="dev-fabric"] .cabinet-v3-list>article{background:linear-gradient(145deg,rgba(15,27,41,.90),rgba(7,15,24,.88))!important;border-color:rgba(174,205,235,.13)!important;color:#f6f9fc!important;box-shadow:0 18px 56px rgba(0,0,0,.16);backdrop-filter:blur(16px)}
:root[data-brand="dev-fabric"] .cabinet-v3-hero>div>span,:root[data-brand="dev-fabric"] .cabinet-v3-section-head span,:root[data-brand="dev-fabric"] .cabinet-v3-intake>div>span,:root[data-brand="dev-fabric"] .cabinet-v3-support-head span{color:#b8ff3f!important}
:root[data-brand="dev-fabric"] .cabinet-v3-tabs button{color:#b6c2cf!important}.cabinet-v3-tabs button b{background:rgba(255,255,255,.06)!important;color:#9aa9ba!important}
:root[data-brand="dev-fabric"] .cabinet-v3-tabs button.active{background:linear-gradient(135deg,rgba(184,255,63,.18),rgba(77,231,209,.08))!important;color:#f5ffea!important;box-shadow:inset 0 0 0 1px rgba(184,255,63,.20),0 8px 30px rgba(0,0,0,.22)!important}.cabinet-v3-tabs button.active b{background:#b8ff3f!important;color:#07110c!important}
:root[data-brand="dev-fabric"] .cabinet-v3-intake,:root[data-brand="dev-fabric"] .cabinet-v3-support-create{background:linear-gradient(135deg,#0c1825,#071019)!important;color:#f6f9fc!important;border:1px solid rgba(174,205,235,.13)!important;box-shadow:0 24px 70px rgba(0,0,0,.23)}
:root[data-brand="dev-fabric"] .cabinet-v3-intake p,:root[data-brand="dev-fabric"] .cabinet-v3-support-head p,:root[data-brand="dev-fabric"] .cabinet-v3-empty,:root[data-brand="dev-fabric"] .cabinet-v3-pending small,:root[data-brand="dev-fabric"] .cabinet-v3-stats span{color:#8797a9!important}
:root[data-brand="dev-fabric"] .cabinet-v3-pending article{border-color:rgba(174,205,235,.09)!important}.cabinet-v3-pending article>span{background:rgba(139,108,255,.14)!important;color:#c9bcff!important}
:root[data-brand="dev-fabric"] .cabinet-status,:root[data-brand="dev-fabric"] .cabinet-order-status{background:rgba(184,255,63,.10)!important;color:#cfff79!important;border-color:rgba(184,255,63,.16)!important}
:root[data-brand="dev-fabric"] .cabinet-workspace,:root[data-brand="dev-fabric"] .cabinet-order-card,:root[data-brand="dev-fabric"] .cabinet-specification,:root[data-brand="dev-fabric"] .cabinet-questionnaires{background:rgba(9,18,28,.82)!important;border-color:rgba(174,205,235,.12)!important;color:#f5f8fb!important}
:root[data-brand="dev-fabric"] .cabinet-workspace summary,:root[data-brand="dev-fabric"] .cabinet-specification summary{background:rgba(255,255,255,.018)!important;color:#eef4fa!important}
:root[data-brand="dev-fabric"] .cabinet-project-file,:root[data-brand="dev-fabric"] .cabinet-project-drop,:root[data-brand="dev-fabric"] .cabinet-project-message,:root[data-brand="dev-fabric"] .cabinet-order-offer{background:rgba(255,255,255,.028)!important;border-color:rgba(174,205,235,.10)!important;color:#e9f0f7!important}
:root[data-brand="dev-fabric"] .cabinet-project-message.from-team{background:rgba(139,108,255,.07)!important}.cabinet-project-message.from-client{background:rgba(184,255,63,.05)!important}
:root[data-brand="dev-fabric"] .cabinet-project-section-head,:root[data-brand="dev-fabric"] .cabinet-order-main,:root[data-brand="dev-fabric"] .cabinet-spec-field{border-color:rgba(174,205,235,.09)!important}
:root[data-brand="dev-fabric"] code{color:#c9ff78;background:rgba(184,255,63,.055);border-radius:6px;padding:2px 5px}
/* Motion / reveal / interaction */
:root[data-brand="dev-fabric"] .fa-reveal{opacity:0;transform:translateY(22px);transition:opacity .72s cubic-bezier(.2,.8,.2,1),transform .72s cubic-bezier(.2,.8,.2,1)}
:root[data-brand="dev-fabric"] .fa-reveal.fa-visible{opacity:1;transform:none}
:root[data-brand="dev-fabric"] .fa-tilt{transform-style:preserve-3d;will-change:transform;transition:transform .18s ease-out,border-color .22s ease,box-shadow .22s ease}
:root[data-brand="dev-fabric"] .fa-tilt>*{transform:translateZ(1px)}
:root[data-brand="dev-fabric"] .fa-scroll-progress{position:fixed;left:0;top:0;width:100%;height:2px;z-index:70;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,#b8ff3f,#4de7d1,#8b6cff);box-shadow:0 0 18px rgba(184,255,63,.45);pointer-events:none}
/* Questionnaire */
:root[data-brand="dev-fabric"] body.questionnaire-page{min-height:100vh;background:radial-gradient(circle at 80% 4%,rgba(184,255,63,.10),transparent 30%),radial-gradient(circle at 10% 70%,rgba(139,108,255,.10),transparent 30%),#050a11!important;color:#f6f9fc!important}
:root[data-brand="dev-fabric"] body.questionnaire-page .shell{width:min(980px,calc(100% - 32px))}
:root[data-brand="dev-fabric"] body.questionnaire-page .brand{background:rgba(9,18,28,.72)!important;border:1px solid rgba(174,205,235,.12)!important;border-radius:18px;padding:12px 16px;backdrop-filter:blur(18px)}
:root[data-brand="dev-fabric"] body.questionnaire-page .brand a{color:#fff!important}.questionnaire-page .brand a span{color:#b8ff3f!important}.questionnaire-page .brand small{color:#7f90a4!important}
:root[data-brand="dev-fabric"] body.questionnaire-page .card{background:linear-gradient(145deg,rgba(15,27,41,.93),rgba(7,15,24,.91))!important;border-color:rgba(174,205,235,.13)!important;color:#f6f9fc!important;box-shadow:0 24px 70px rgba(0,0,0,.22)!important;backdrop-filter:blur(18px)}
:root[data-brand="dev-fabric"] body.questionnaire-page .card p{color:#91a0b3!important}.questionnaire-page .eyebrow{color:#b8ff3f!important}
:root[data-brand="dev-fabric"] body.questionnaire-page .progress{background:rgba(255,255,255,.07)!important}.questionnaire-page .progress i{background:linear-gradient(90deg,#b8ff3f,#4de7d1)!important;box-shadow:0 0 20px rgba(184,255,63,.22)}
:root[data-brand="dev-fabric"] body.questionnaire-page .question{background:rgba(12,23,35,.78)!important;border-color:rgba(174,205,235,.11)!important;color:#f6f9fc!important}.questionnaire-page .question label{color:#dce5ef!important}
:root[data-brand="dev-fabric"] body.questionnaire-page .button{background:linear-gradient(135deg,#c6ff54,#a9f52d)!important;color:#07110c!important}.questionnaire-page .button.secondary{background:rgba(255,255,255,.04)!important;color:#eef4fa!important;border-color:rgba(174,205,235,.18)!important}
/* Responsive */
@media(max-width:1240px){
  :root[data-brand="dev-fabric"] .nav{background:rgba(6,13,22,.98)!important;border-color:rgba(174,205,235,.12);box-shadow:0 24px 60px rgba(0,0,0,.42)}
  :root[data-brand="dev-fabric"] .nav>a:not(.button):hover,:root[data-brand="dev-fabric"] .nav>a:not(.button):focus-visible{background:rgba(184,255,63,.08)}
}
@media(max-width:1050px){
  :root[data-brand="dev-fabric"] .df-hero-grid{grid-template-columns:1fr;gap:18px}
  :root[data-brand="dev-fabric"] .df-hero-copy{max-width:860px}
  :root[data-brand="dev-fabric"] .fa-assembly-wrap{min-height:520px;width:min(100%,720px);margin-inline:auto}
}
@media(max-width:720px){
  :root[data-brand="dev-fabric"] .header-inner{height:68px}
  :root[data-brand="dev-fabric"] .nav{top:68px;background:rgba(6,13,22,.98)!important;border-bottom:1px solid rgba(174,205,235,.12);box-shadow:0 24px 60px rgba(0,0,0,.42)}
  :root[data-brand="dev-fabric"] .df-hero{min-height:0;padding:48px 0 54px}
  :root[data-brand="dev-fabric"] .df-hero-copy h1{font-size:clamp(2.55rem,12.6vw,4.15rem)}
  :root[data-brand="dev-fabric"] .df-hero-actions .button{width:100%}
  :root[data-brand="dev-fabric"] .fa-assembly-wrap{min-height:450px;margin-top:18px}
  :root[data-brand="dev-fabric"] .fa-assembly{height:430px;transform:scale(.94)}
  :root[data-brand="dev-fabric"] .fa-module{width:116px;height:82px}
  :root[data-brand="dev-fabric"] .fa-module-front{padding:10px 11px;border-radius:15px;transform:translateZ(13px)}
  :root[data-brand="dev-fabric"] .fa-module-side{right:-13px;width:26px;height:82px}.fa-module-top{top:-13px!important;width:116px!important;height:26px!important}
  :root[data-brand="dev-fabric"] .fa-module-icon{width:28px;height:28px;border-radius:8px;font-size:.95rem}.fa-module strong{font-size:.68rem!important}.fa-module small{font-size:.48rem!important}
  :root[data-brand="dev-fabric"] .fa-core{width:112px;height:112px}.fa-core .fa-cube-front{border-radius:22px!important}.fa-core .fa-cube-front img{width:68px!important;height:68px!important}.fa-core .fa-cube-side{height:112px!important}.fa-core .fa-cube-top{width:112px!important}
  :root[data-brand="dev-fabric"] .fa-module-web{left:35%;top:5%}.fa-module-integrations{left:2%!important;top:35%!important}.fa-module-ai{right:0!important;top:32%!important}.fa-module-crm{left:9%!important;bottom:7%!important}.fa-module-auto{right:5%!important;bottom:5%!important}
  :root[data-brand="dev-fabric"] .fa-assembly-detail{bottom:-2px;font-size:.58rem;width:94%}
  :root[data-brand="dev-fabric"] .df-landing-hero-grid,:root[data-brand="dev-fabric"] .df-product-hero-grid{padding-block:46px 58px}
  :root[data-brand="dev-fabric"] .df-landing-cta{border-radius:22px!important}
  :root[data-brand="dev-fabric"] .chat-toggle{width:54px;height:54px}
}
@media(max-width:470px){
  :root[data-brand="dev-fabric"] .fa-assembly-wrap{min-height:405px;margin-inline:-8px}
  :root[data-brand="dev-fabric"] .fa-assembly{height:390px;transform:scale(.88)}
  :root[data-brand="dev-fabric"] .fa-module{width:106px;height:76px}
  :root[data-brand="dev-fabric"] .fa-module-side{height:76px}.fa-module-top{width:106px!important}
  :root[data-brand="dev-fabric"] .fa-module-web{left:34%;top:6%}.fa-module-integrations{left:1%!important;top:34%!important}.fa-module-ai{right:-1%!important;top:31%!important}.fa-module-crm{left:7%!important;bottom:8%!important}.fa-module-auto{right:3%!important;bottom:6%!important}
  :root[data-brand="dev-fabric"] .fa-assembly-detail{font-size:.52rem;letter-spacing:.02em}
}
@media(prefers-reduced-motion:reduce){
  :root[data-brand="dev-fabric"] .fa-module,:root[data-brand="dev-fabric"] .fa-circuit path,:root[data-brand="dev-fabric"] .fa-circuit circle,:root[data-brand="dev-fabric"] .fa-particle{animation:none!important}
  :root[data-brand="dev-fabric"] .fa-module,:root[data-brand="dev-fabric"] .fa-module-box{transition:none!important}
  :root[data-brand="dev-fabric"] .fa-module-box{transform:none!important}
  :root[data-brand="dev-fabric"] .fa-particle{display:none}
  :root[data-brand="dev-fabric"] .fa-reveal{opacity:1!important;transform:none!important;transition:none!important}
  :root[data-brand="dev-fabric"] .fa-assembly{--fa-rx:0deg!important;--fa-ry:0deg!important;transition:none!important;will-change:auto}
}
/* Assembly transform variables */
:root[data-brand="dev-fabric"] .fa-assembly{--fa-scale:1;--fa-rx:0deg;--fa-ry:0deg;transform:scale(var(--fa-scale)) rotateX(var(--fa-rx)) rotateY(var(--fa-ry))}
@media(max-width:720px){:root[data-brand="dev-fabric"] .fa-assembly{--fa-scale:.94}}
@media(max-width:470px){:root[data-brand="dev-fabric"] .fa-assembly{--fa-scale:.88}}
@media(max-width:720px){
:root[data-brand="dev-fabric"] .df-hero-copy h1{font-size:clamp(2.35rem,10.5vw,3.35rem);line-height:1.02;text-wrap:pretty}
:root[data-brand="dev-fabric"] .df-hero-copy .lead{font-size:.98rem;line-height:1.7}
}
@media(max-width:470px){
:root[data-brand="dev-fabric"] .df-hero-copy h1{font-size:clamp(2.25rem,10vw,2.9rem)}
}
/* v4 responsive and application hardening */
:root[data-brand="dev-fabric"] .application-aside,:root[data-brand="dev-fabric"] .file-field{background:linear-gradient(145deg,rgba(15,27,41,.9),rgba(7,15,24,.88))!important;border-color:rgba(174,205,235,.13)!important;color:#eef4fa!important}
:root[data-brand="dev-fabric"] .application-aside ol,:root[data-brand="dev-fabric"] .file-field>span,:root[data-brand="dev-fabric"] .file-field small{color:#8f9daf!important}
:root[data-brand="dev-fabric"] .file-field input[type="file"]{background:rgba(3,9,15,.72)!important;color:#dbe5ef!important;border-color:rgba(174,205,235,.14)!important}
@media(max-width:720px){
:root[data-brand="dev-fabric"] .shell{width:min(100% - 24px,1160px)}
:root[data-brand="dev-fabric"] .df-hero-grid,:root[data-brand="dev-fabric"] .df-hero-copy,:root[data-brand="dev-fabric"] .df-hero-actions,:root[data-brand="dev-fabric"] .df-landing-hero-grid,:root[data-brand="dev-fabric"] .df-landing-hero-copy,:root[data-brand="dev-fabric"] .df-landing-summary,:root[data-brand="dev-fabric"] .df-product-hero-grid,:root[data-brand="dev-fabric"] .df-product-copy,:root[data-brand="dev-fabric"] .df-product-screen{min-width:0;width:100%;max-width:100%}
:root[data-brand="dev-fabric"] .df-hero-copy h1,:root[data-brand="dev-fabric"] .df-landing-hero h1,:root[data-brand="dev-fabric"] .df-product-copy h1{max-width:100%;overflow-wrap:normal;word-break:normal;text-wrap:pretty}
:root[data-brand="dev-fabric"] .df-hero-copy .lead,:root[data-brand="dev-fabric"] .df-landing-hero .lead,:root[data-brand="dev-fabric"] .df-landing-summary>p,:root[data-brand="dev-fabric"] .df-landing-audience>p,:root[data-brand="dev-fabric"] .df-landing-section-head>p,:root[data-brand="dev-fabric"] .df-landing-card li,:root[data-brand="dev-fabric"] .df-landing-process li>p,:root[data-brand="dev-fabric"] .df-landing-faq p,:root[data-brand="dev-fabric"] .df-landing-cta p:not(.eyebrow){text-align:left!important;text-align-last:auto!important;hyphens:none!important;-webkit-hyphens:none!important;overflow-wrap:break-word;word-break:normal}
:root[data-brand="dev-fabric"] .df-hero-copy h1{font-size:clamp(2.25rem,9.2vw,2.8rem)}
:root[data-brand="dev-fabric"] .df-hero-actions,:root[data-brand="dev-fabric"] .df-landing-actions{width:100%}
:root[data-brand="dev-fabric"] .df-hero-actions .button,:root[data-brand="dev-fabric"] .df-landing-actions .button{max-width:100%}
}
/* v4 mobile safe-area fix */
@media(max-width:720px){
:root[data-brand="dev-fabric"] .shell{width:100%!important;max-width:100%!important;margin-inline:auto!important;padding-left:16px!important;padding-right:16px!important;box-sizing:border-box!important}
:root[data-brand="dev-fabric"] .df-hero-grid,:root[data-brand="dev-fabric"] .df-landing-hero-grid,:root[data-brand="dev-fabric"] .df-product-hero-grid{overflow:hidden}
:root[data-brand="dev-fabric"] .df-hero-copy h1{font-size:clamp(2.18rem,8.9vw,2.68rem)}
:root[data-brand="dev-fabric"] .fa-assembly-wrap{overflow:hidden;border-radius:24px;margin-inline:0!important}
:root[data-brand="dev-fabric"] .fa-assembly{--fa-scale:.82}
}
@media(max-width:470px){:root[data-brand="dev-fabric"] .fa-assembly{--fa-scale:.77}}
@media(max-width:720px){
:root[data-brand="dev-fabric"] .df-hero-grid,:root[data-brand="dev-fabric"] .df-landing-hero-grid,:root[data-brand="dev-fabric"] .df-product-hero-grid{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;margin-inline:auto!important}
:root[data-brand="dev-fabric"] .df-landing-hero h1{font-size:clamp(2.15rem,9vw,2.75rem)!important;line-height:1.03}
:root[data-brand="dev-fabric"] .df-product-copy h1{font-size:clamp(2.2rem,9.2vw,2.85rem)!important;line-height:1.02}
:root[data-brand="dev-fabric"] .df-hero-copy h1{font-size:clamp(2.15rem,8.8vw,2.65rem)!important}
}
@media(max-width:720px){
:root[data-brand="dev-fabric"] .application-page,:root[data-brand="dev-fabric"] .cabinet-page,:root[data-brand="dev-fabric"] .legal-page,:root[data-brand="dev-fabric"] .footer-inner{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;margin-inline:auto!important;padding-left:0!important;padding-right:0!important;min-width:0!important}
:root[data-brand="dev-fabric"] .application-head,:root[data-brand="dev-fabric"] .cabinet-heading,:root[data-brand="dev-fabric"] .application-layout,:root[data-brand="dev-fabric"] .auth-grid,:root[data-brand="dev-fabric"] .footer-inner>div{min-width:0!important;max-width:100%!important}
:root[data-brand="dev-fabric"] .application-head>p:last-child,:root[data-brand="dev-fabric"] .cabinet-heading p,:root[data-brand="dev-fabric"] .footer-inner p{max-width:100%!important;overflow-wrap:break-word}
}

/* A readable, unscaled module grid on phones; desktop keeps the 3D scene. */
@media(max-width:720px){
  :root[data-brand="dev-fabric"] .fa-assembly-wrap{min-height:0;width:100%;gap:12px;place-items:stretch;perspective:none;overflow:visible;border-radius:0}
  :root[data-brand="dev-fabric"] .fa-assembly{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;height:auto;min-width:0;transform:none;transform-style:flat;will-change:auto;transition:none}
  :root[data-brand="dev-fabric"] .fa-assembly::before,:root[data-brand="dev-fabric"] .fa-platform,:root[data-brand="dev-fabric"] .fa-circuit,:root[data-brand="dev-fabric"] .fa-core,:root[data-brand="dev-fabric"] .fa-particle,:root[data-brand="dev-fabric"] .fa-module-side,:root[data-brand="dev-fabric"] .fa-module-top{display:none}
  :root[data-brand="dev-fabric"] .fa-module{position:relative;inset:auto!important;display:block;width:100%;height:auto;min-width:44px;min-height:44px;margin:0;border-radius:16px;text-align:left;transform:none;transform-style:flat;animation:none!important;transition:none}
  :root[data-brand="dev-fabric"] .fa-module-box{position:relative;inset:auto;display:block;width:100%;height:100%;transform:none!important;transform-style:flat;transition:none}
  :root[data-brand="dev-fabric"] .fa-module-front{position:relative;min-height:124px;height:100%;padding:12px 10px;gap:6px;justify-content:flex-start;border-radius:16px;transform:none;backdrop-filter:none}
  :root[data-brand="dev-fabric"] .fa-module-icon{width:28px;height:28px;flex:none}
  :root[data-brand="dev-fabric"] .fa-module strong{max-width:100%;font-size:max(14px,.875rem)!important;line-height:1.35;letter-spacing:0;overflow-wrap:break-word}
  :root[data-brand="dev-fabric"] .fa-module small{max-width:100%;margin-top:auto;color:#aab9cb;font-size:max(12px,.75rem)!important;line-height:1.4;letter-spacing:0;overflow-wrap:break-word}
  :root[data-brand="dev-fabric"] .fa-module-auto{grid-column:1/-1}
  :root[data-brand="dev-fabric"] .fa-module-auto .fa-module-front{display:grid;grid-template-columns:32px minmax(0,1fr);gap:4px 12px;min-height:84px;padding:12px}
  :root[data-brand="dev-fabric"] .fa-module-auto .fa-module-icon{grid-row:1/3;align-self:center}
  :root[data-brand="dev-fabric"] .fa-assembly-detail{position:relative;inset:auto;transform:none;width:100%;min-height:68px;padding:12px;align-items:flex-start;justify-content:flex-start;border-radius:14px;backdrop-filter:none;color:#aab9cb;font-size:max(14px,.875rem);line-height:1.5;letter-spacing:0;text-align:left}
  :root[data-brand="dev-fabric"] .fa-assembly-detail i{margin-top:7px}
  :root[data-brand="dev-fabric"] .fa-assembly-detail span{min-width:0;overflow-wrap:break-word}
}

/* Public UX: concise offers and a short first-contact form. */
:root[data-brand="dev-fabric"] .df-offer-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-block:18px}
:root[data-brand="dev-fabric"] .df-offer-links a{line-height:1.5;text-underline-offset:4px}
:root[data-brand="dev-fabric"] .df-offer-links a:hover{text-decoration:underline}
:root[data-brand="dev-fabric"] .application-head{max-width:820px}
:root[data-brand="dev-fabric"] .application-head h1{font-size:clamp(2.1rem,4.6vw,3.6rem);line-height:1.1}
:root[data-brand="dev-fabric"] .application-aside h2{font-size:1.2rem;line-height:1.4;margin-bottom:16px;letter-spacing:-.02em}
:root[data-brand="dev-fabric"] .application-aside p{font-size:.92rem;line-height:1.65;margin-bottom:20px}
:root[data-brand="dev-fabric"] .application-aside>a{display:block;margin-top:16px;overflow-wrap:anywhere}
:root[data-brand="dev-fabric"] .compact-application{gap:20px}
:root[data-brand="dev-fabric"] .surface-form small,:root[data-brand="dev-fabric"] .field-optional{font-size:.82rem;font-weight:400;color:#b3c0d0}
:root[data-brand="dev-fabric"] .intake-details{border:1px solid var(--border);border-radius:12px;padding:0 16px}
:root[data-brand="dev-fabric"] .intake-details summary{cursor:pointer;padding:16px 0;color:#edf3f9;font-size:.9rem;line-height:1.5}
:root[data-brand="dev-fabric"] .intake-details summary>span{color:#b3c0d0;font-size:.8rem}
:root[data-brand="dev-fabric"] .intake-details-body{display:grid;gap:18px;padding:6px 0 18px}
:root[data-brand="dev-fabric"] .intake-data legend{color:#dce5ef}
:root[data-brand="dev-fabric"] #lead-form .checkline{color:#c5d0df!important;font-size:.84rem;line-height:1.6}
:root[data-brand="dev-fabric"] #lead-form .checkline a{color:#c6ff54!important;text-decoration:underline;text-underline-offset:3px}
:root[data-brand="dev-fabric"] #lead-form .form-status{font-size:.92rem;color:#c5d0df!important;overflow-wrap:anywhere}
:root[data-brand="dev-fabric"] #lead-form .form-status.error,:root[data-brand="dev-fabric"] .captcha-notice{color:#ffb3b0!important}
:root[data-brand="dev-fabric"] #lead-form .form-status.success{color:#c6ff54!important}
:root[data-brand="dev-fabric"] .captcha-refresh{min-height:44px;color:#c6ff54!important;font-size:.85rem}
:root[data-brand="dev-fabric"] .captcha-notice{font-size:.85rem;line-height:1.5;margin:12px 0 0}
:root[data-brand="dev-fabric"] :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #c6ff54;outline-offset:4px}
:root[data-brand="dev-fabric"] .menu-toggle{min-width:44px;min-height:44px}
@media(min-width:1101px){
 :root[data-brand="dev-fabric"] .df-hero-grid{grid-template-columns:minmax(0,1fr) minmax(480px,1fr);gap:32px}
 :root[data-brand="dev-fabric"] .df-hero-copy h1{font-size:clamp(2.8rem,4.2vw,4.1rem);line-height:1.06;letter-spacing:-.05em}
}
@media(max-width:820px){
 :root[data-brand="dev-fabric"] .application-layout{grid-template-columns:minmax(0,1fr)}
 :root[data-brand="dev-fabric"] .application-form{grid-row:1}
 :root[data-brand="dev-fabric"] .application-aside{grid-row:2}
 :root[data-brand="dev-fabric"] .surface-form :is(input,select,textarea){font-size:16px!important}
}

/* Gentle tilt with mobile scrolling preserved. */
:root[data-brand="dev-fabric"] .fa-assembly-wrap{touch-action:pan-y}
@media(max-width:720px){:root[data-brand="dev-fabric"] .fa-assembly{transform:rotateX(var(--fa-rx,0deg)) rotateY(var(--fa-ry,0deg));transform-style:preserve-3d;transition:transform .22s ease-out}}
@media(prefers-reduced-motion:reduce){:root[data-brand="dev-fabric"] .fa-assembly{transform:none!important;transition:none!important}}

/* Website design collection: shared navigation, home invitation and selection. */
@media(min-width:1241px){
  :root[data-brand="dev-fabric"] .nav{gap:clamp(12px,1.2vw,18px)}
}
:root[data-brand="dev-fabric"] .df-design-teaser{padding-top:36px}
:root[data-brand="dev-fabric"] .df-design-teaser .section-head>div:last-child{max-width:420px}
:root[data-brand="dev-fabric"] .df-design-teaser .section-head .button{margin-top:18px}
:root[data-brand="dev-fabric"] .df-design-teaser-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
:root[data-brand="dev-fabric"] .df-design-teaser-previews>a{display:block;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:22px;background:var(--panel);color:var(--text);text-decoration:none;transition:transform .2s,border-color .2s}
:root[data-brand="dev-fabric"] .df-design-teaser-previews>a:hover{transform:translateY(-4px);border-color:var(--accent)}
:root[data-brand="dev-fabric"] .df-design-teaser-previews img{display:block;width:100%;height:auto;aspect-ratio:320/245;object-fit:cover;object-position:top;background:var(--panel-strong)}
:root[data-brand="dev-fabric"] .df-design-teaser-previews span{display:flex;justify-content:space-between;gap:12px;padding:18px 20px;font-weight:650}
:root[data-brand="dev-fabric"] .df-design-teaser-previews i{font-style:normal;color:var(--accent)}
:root[data-brand="dev-fabric"] .df-design-teaser-profiles{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:24px}
:root[data-brand="dev-fabric"] .df-design-teaser-profiles a{color:var(--text);font-size:.88rem;text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:5px}
:root[data-brand="dev-fabric"] .df-design-teaser-profiles a:hover{color:var(--accent)}
:root[data-brand="dev-fabric"] .df-design-teaser-note{font-size:.8rem;color:var(--muted);margin:22px 0 0}
:root[data-brand="dev-fabric"] .application-design-selection{padding:18px 20px;border:1px solid rgba(184,255,63,.25);border-radius:12px;background:rgba(184,255,63,.045)}
:root[data-brand="dev-fabric"] .application-design-selection p{margin:0 0 8px}
:root[data-brand="dev-fabric"] .application-design-selection strong{font-size:1.2rem;color:var(--text)}
:root[data-brand="dev-fabric"] .application-design-selection span{color:var(--muted);font-size:.85rem}
@media(max-width:720px){
  :root[data-brand="dev-fabric"] .df-design-teaser-previews{grid-template-columns:minmax(0,1fr);gap:16px}
  :root[data-brand="dev-fabric"] .df-design-teaser-previews img{aspect-ratio:16/10;object-fit:cover;object-position:top}
  :root[data-brand="dev-fabric"] .df-design-teaser-profiles{gap:14px 20px}
  :root[data-brand="dev-fabric"] .application-design-selection span{display:block;margin-top:4px}
}
@media(prefers-reduced-motion:reduce){:root[data-brand="dev-fabric"] .df-design-teaser-previews>a{transition:none;transform:none}}