:root{--bg:#07111f;--panel:#0c1a2b;--panel2:#101f32;--ink:#f5f8ff;--muted:#9caebf;--line:#24384c;--blue:#3d87ff;--cyan:#52e0ee;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}::selection{background:#3988a8;color:white}.shell{max-width:1240px;margin:auto;padding:0 36px}.top-glow{position:absolute;top:0;right:0;width:65vw;height:690px;background:radial-gradient(ellipse at 70% 25%,rgba(30,105,200,.16),transparent 63%);pointer-events:none}.skip-link{position:absolute;top:-100px;left:16px;background:white;color:#07111f;padding:10px;z-index:100}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:30;background:rgba(7,17,31,.84);border-bottom:1px solid rgba(100,145,184,.13);backdrop-filter:blur(24px)}.nav{height:85px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;flex:none}.brand-mark{width:42px;height:42px;border:2px solid #5ecdec;transform:skew(-7deg);display:flex;align-items:center;justify-content:center;gap:3px;border-radius:5px;box-shadow:0 0 25px #1f9bc53b}.brand-mark span{width:6px;height:20px;background:linear-gradient(180deg,#6bf4ed,#3986fa);transform:skew(14deg)}.brand-mark span:nth-child(2){height:27px}.brand-mark span:nth-child(3){height:16px}.brand-type{font:700 13px/1.22 var(--display);letter-spacing:.11em}.brand-type strong{display:block;color:#71d9f6;letter-spacing:.4em;margin-top:2px}.brand-type small{display:block;font:500 7px var(--font);letter-spacing:.23em;color:#7d9cb6;margin-top:5px}.nav-menu{display:flex;align-items:center;gap:24px}.nav-menu>a:not(.button){font-size:12px;font-weight:600;color:#b7c5d3;transition:color .2s}.nav-menu>a:hover{color:white}.language-switch{display:flex;align-items:center;gap:6px;font-size:10px;color:#6b879f;padding:0 5px}.language-switch button{border:0;background:transparent;color:#829bb3;font-weight:700;padding:6px 3px}.language-switch button.active{color:#65e5ed}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid transparent;min-height:52px;padding:12px 23px;border-radius:5px;font-weight:700;font-size:12px;letter-spacing:.01em;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-solid{background:linear-gradient(110deg,#3988fa,#48bfea);color:#fff;box-shadow:0 8px 29px #2262dc26}.button-solid:hover{box-shadow:0 13px 40px #2979ea44}.button-outline{background:transparent;color:#ecf8ff;border-color:#426079}.button-outline:hover{background:#ffffff0b}.button-sm{min-height:41px;padding:10px 14px;gap:14px;font-size:11px}.nav-toggle{display:none}.hero{min-height:710px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;gap:14px;padding-top:70px;padding-bottom:115px}.hero-copy{position:relative;z-index:5}.eyebrow,.section-kicker,.small-label,.contact-label{font-size:10px;font-weight:700;letter-spacing:.19em;color:#74cce8;text-transform:uppercase}.eyebrow{display:flex;gap:11px;align-items:center;margin-bottom:26px}.status-dot{width:7px;height:7px;border-radius:50%;background:#55e5db;box-shadow:0 0 0 5px #55e5db22}.hero h1{font:700 clamp(56px,5.8vw,86px)/1.06 var(--display);letter-spacing:-.066em;margin:0 0 28px;white-space:nowrap}.gradient-text{background:linear-gradient(90deg,#76e5ff,#468cff 76%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{font-size:17px;color:#aabed0;max-width:510px;margin:0 0 31px;line-height:1.85}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.hero-proof{display:flex;align-items:center;gap:16px;margin-top:47px}.avatars{display:flex;padding-left:7px}.avatars span{display:grid;place-items:center;background:#123759;border:2px solid var(--bg);width:34px;height:34px;border-radius:50%;margin-left:-7px;font:700 10px var(--display);color:#91dce9}.avatars span:nth-child(2){background:#1e5270}.avatars span:nth-child(3){background:#2355ac}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:12px}.hero-proof small{font-size:11px;color:#809bad}.hero-art{position:relative;height:535px;min-width:0;perspective:1200px}.hero-window{position:absolute;top:57px;right:4px;width:94%;height:410px;background:#0d1d30;border:1px solid #38536b;border-radius:10px;box-shadow:0 45px 100px #000a,0 0 70px #1c7ed822;transform:rotateY(-8deg) rotateX(5deg) rotateZ(-2deg);overflow:hidden;animation:floatWin 7s ease-in-out infinite}.window-top{height:39px;border-bottom:1px solid #283f56;background:#12283e;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#7392a9;font:500 10px var(--display)}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#54778c}.window-dots i:first-child{background:#54d6e1}.window-spark{color:#5ddbff;font-size:16px}.window-body{position:relative;height:calc(100% - 39px);padding:40px 38px;background:radial-gradient(circle at 65% 65%,#164571 0%,#102b4c 27%,transparent 63%),linear-gradient(135deg,#0b2138,#091422)}.window-caption{font:700 10px var(--display);letter-spacing:.2em;color:#89c0d0}.window-caption b{color:#54ddeb}.window-title{font:700 clamp(30px,3vw,45px)/1.1 var(--display);letter-spacing:-.06em;position:relative;z-index:2;margin-top:16px}.window-title em{font-style:normal;color:#64c9ee}.window-visual{position:absolute;right:0;bottom:0;width:80%;height:83%;overflow:hidden}.visual-grid,.about-visual-grid{position:absolute;inset:0;background-image:linear-gradient(#68b8e516 1px,transparent 1px),linear-gradient(90deg,#68b8e516 1px,transparent 1px);background-size:29px 29px;mask-image:linear-gradient(90deg,transparent 0,black 35%)}.visual-arc{position:absolute;width:290px;height:290px;border:1px solid #40bce754;border-radius:50%;bottom:-95px;right:-70px;box-shadow:0 0 0 25px #2786c315,0 0 0 55px #2786c30d,0 0 0 90px #2786c308}.visual-globe{position:absolute;bottom:45px;right:58px;font:700 68px var(--display);letter-spacing:-.13em;color:#6caee8;text-shadow:0 0 55px #388ffb75;transform:rotate(-13deg)}.visual-globe span{color:#93e7ef}.window-footer{position:absolute;bottom:16px;left:38px;right:30px;font-size:9px;letter-spacing:.1em;color:#648aa2;display:flex;justify-content:space-between}.orbit{position:absolute;border:1px solid #1c78bd30;border-radius:50%;width:580px;height:580px;right:-92px;top:-21px}.orbit-two{width:430px;height:430px;right:-19px;top:56px}.float-card{position:absolute;z-index:4;border:1px solid #3e6074;background:#132b41ef;border-radius:9px;box-shadow:0 20px 45px #0008;display:flex;gap:12px;align-items:center;padding:14px 17px;animation:floatCard 5s ease-in-out infinite}.float-one{left:-12px;bottom:69px}.float-two{right:-15px;top:34px;animation-delay:-2s}.float-icon{display:grid;place-items:center;background:#2377b8;width:39px;height:39px;border-radius:6px;font-size:23px;color:#9feeff}.float-card b,.float-card small{display:block}.float-card b{font-size:11px}.float-card small{font-size:9px;color:#6aaabf;letter-spacing:.09em}.pulse-mini{width:20px;height:20px;border:4px solid #50dac4;border-radius:50%;box-shadow:0 0 0 6px #50dac411}.scroll-cue{position:absolute;bottom:35px;left:36px;font-size:10px;color:#8da7bd;font-weight:700;letter-spacing:.15em;display:flex;gap:22px;align-items:center}.scroll-cue span:last-child{font-size:20px;color:#58deef}.ticker{border-top:1px solid #24394b;border-bottom:1px solid #24394b;padding:19px 0;overflow:hidden;background:#0a1726}.ticker-track{width:max-content;animation:marquee 28s linear infinite}.ticker span{font:600 12px var(--display);letter-spacing:.2em;color:#5387a6;white-space:nowrap}.section{padding-top:125px;padding-bottom:130px}.section-heading{display:grid;grid-template-columns:1fr 370px;align-items:end;gap:60px;margin-bottom:47px}.section-kicker{margin:0 0 24px}.section-kicker span:first-child{color:#3c80b8}.section-heading h2,.about-copy h2,.contact-copy h2{font:700 clamp(37px,4.2vw,59px)/1.12 var(--display);letter-spacing:-.055em;margin:0}.section-heading h2 em,.about-copy h2 em,.contact-copy h2 em,.statement em{font-style:normal;color:#6dc7eb}.section-heading>p{color:#9eafbf;font-size:14px;line-height:1.9;margin:0 0 2px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.service-card{position:relative;min-height:345px;padding:29px 25px;border:1px solid #2a3c4f;background:linear-gradient(145deg,#101f30,#0a1727);border-radius:7px;transition:transform .25s,border-color .25s,box-shadow .25s}.service-card:hover{transform:translateY(-7px);border-color:#3e9cda;box-shadow:0 25px 60px #0005}.service-icon{width:52px;height:52px;color:#78cce7}.service-icon svg{width:46px;height:46px}.service-number{position:absolute;top:30px;right:23px;font:600 11px var(--display);color:#65829a}.service-card h3{font:700 21px/1.25 var(--display);letter-spacing:-.04em;margin:34px 0 16px}.service-card p{font-size:13px;line-height:1.8;color:#93a9bb;margin:0 0 36px}.service-tags{font:700 9px var(--display);letter-spacing:.09em;color:#60a9cb;position:absolute;bottom:24px;left:25px}.service-arrow{position:absolute;right:22px;bottom:19px;color:#b2e5f3;font-size:22px}.statement{background:linear-gradient(110deg,#123558,#10263d 45%,#0a1b30);border-top:1px solid #2c5277;border-bottom:1px solid #2c5277;overflow:hidden}.statement-inner{position:relative;padding-top:95px;padding-bottom:95px;text-align:center}.statement p{font:700 clamp(27px,3.6vw,47px)/1.3 var(--display);letter-spacing:-.045em;margin:0 auto 22px;position:relative}.statement-star{position:absolute;left:8%;top:34px;color:#5cdbec;font-size:43px}.statement-small{font-size:9px;color:#75a5c0;letter-spacing:.2em}.steps{border-top:1px solid #2a4053}.step{display:grid;grid-template-columns:65px 1fr 75px;align-items:center;padding:30px 9px;border-bottom:1px solid #2a4053}.step>span{font:700 16px var(--display);color:#4aa7d7}.step h3{font:700 22px var(--display);margin:0 0 7px;letter-spacing:-.03em}.step p{margin:0;color:#8eabbf;font-size:13px}.step-symbol{font-size:31px;color:#4b8cb6;text-align:right}.work-section{background:#0b1829;border-top:1px solid #1f3043;border-bottom:1px solid #1f3043}.work-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.work-feature,.work-teaser{min-width:0}.work-mock,.teaser-art{height:310px;border:1px solid #34566f;border-radius:8px;background:#122e47;overflow:hidden;position:relative;display:grid;place-items:center}.work-screen{position:relative;width:84%;height:88%;margin-top:38px;background:linear-gradient(120deg,#122f3d,#235c60);border:6px solid #15273a;border-radius:10px 10px 0 0;box-shadow:0 0 0 1px #3e6b78,0 25px 45px #0006;overflow:hidden}.work-screen-nav{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;font:700 9px var(--display);letter-spacing:.13em;color:#e0ede9;border-bottom:1px solid #a4ffff24}.work-screen-nav span{font-size:8px}.work-screen-content{padding:32px 26px;position:relative;z-index:2}.mini-label{font-size:9px;letter-spacing:.19em;color:#a1dbcb}.work-screen-content strong{display:block;font:700 35px/1.12 var(--display);letter-spacing:-.05em;color:#fff;margin:15px 0}.work-screen-content strong em{color:#bcdfcb;font-style:normal}.fake-button{font-size:8px;border:1px solid #c3e5d7;padding:8px 13px;color:#defff0}.mock-rings{position:absolute;width:290px;height:290px;right:-90px;bottom:-90px;border:45px solid #a6e5cd12;border-radius:50%;box-shadow:0 0 0 28px #a6e5cd11}.teaser-art{background:radial-gradient(circle at 55% 65%,#244d6c,#101f35 60%);border-color:#2c435d}.teaser-cross{position:absolute;font-size:160px;color:#398bbd35;top:45px;right:35px}.teaser-code{font:700 clamp(28px,3vw,42px) var(--display);color:#c8e9f3;z-index:2;letter-spacing:-.06em}.teaser-circle{width:220px;height:220px;border:1px solid #499aca69;border-radius:50%;position:absolute;left:-90px;bottom:-120px;box-shadow:0 0 0 30px #4298bf18,0 0 0 70px #4298bf0b}.work-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 0}.small-label{color:#69adcc;font-size:9px}.work-meta h3{font:700 23px var(--display);margin:5px 0}.work-meta p{font-size:12px;color:#9ab1c1;max-width:410px;margin:0}.round-link{display:grid;place-items:center;min-width:44px;height:44px;border:1px solid #46677c;border-radius:50%;font-size:22px;transition:background .2s}.round-link:hover{background:#296291}.about-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.about-visual{min-height:440px;position:relative;border:1px solid #29445c;border-radius:5px;background:radial-gradient(circle at 50% 50%,#16496a,#0c2037 69%);overflow:hidden;display:grid;place-items:center}.about-visual-grid{mask-image:none;background-size:35px 35px}.about-giant{font:700 clamp(80px,9vw,145px) var(--display);color:#63b6ef;letter-spacing:-.15em;z-index:2;text-shadow:0 0 45px #217fcb75}.about-giant span{color:#99e7e4}.about-giant .period{color:#4383ec}.about-vertical{position:absolute;writing-mode:vertical-rl;right:18px;top:20px;color:#8db7cc;letter-spacing:.25em;font-size:8px}.about-copy h2{margin-bottom:30px}.about-copy p:not(.section-kicker){color:#9ab0c2;font-size:14px;line-height:1.95}.values{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.values span{border:1px solid #35556a;padding:9px 12px;border-radius:30px;font-size:10px;color:#a7d8e7}.contact-section{background:radial-gradient(circle at 0 20%,#133b5d,#0c1c2f 55%,#0a1728);padding:120px 0;border-top:1px solid #2b4259}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px}.contact-copy h2{margin-bottom:25px}.contact-copy>p:not(.section-kicker){font-size:14px;color:#a3b8c9;line-height:1.9}.contact-quick{margin-top:55px;border-top:1px solid #315069;padding-top:22px}.contact-label{display:block;color:#67c2e5;margin-bottom:8px}.contact-quick a{font:700 17px var(--display)}.contact-note{margin-top:37px!important;font-size:12px!important;color:#799bb4!important}.project-form{background:#0c1a2b;border:1px solid #38526c;border-radius:9px;padding:32px;box-shadow:0 30px 100px #0004}.form-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.form-index,.form-indicator{font-size:10px;font-weight:700;letter-spacing:.11em;color:#8aa8bd}.form-indicator{color:#6fe2c9}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project-form label:not(.budget-pills label){display:block;margin-bottom:17px}.project-form label>span:first-child{display:block;color:#d6e6f1;font-size:12px;font-weight:600;margin-bottom:7px}.project-form input:not([type=radio]),.project-form select,.project-form textarea{display:block;width:100%;background:#111f31;color:#edf6ff;border:1px solid #32495f;border-radius:5px;padding:12px 13px;font-size:13px;outline:none;transition:border-color .2s;resize:vertical;min-height:45px}.project-form input:focus,.project-form select:focus,.project-form textarea:focus{border-color:#61c6f0}.project-form input::placeholder,.project-form textarea::placeholder{color:#68839a}.project-form select{appearance:auto}.budget-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px;margin-bottom:20px}.budget-pills label{position:relative;margin:0}.budget-pills input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.budget-pills span{display:block;color:#adc4d7;border:1px solid #35516a;padding:9px 12px;border-radius:4px;font-size:11px;transition:.2s}.budget-pills input:checked+span{border-color:#61c6f0;background:#1b4970;color:#fff}.budget-pills input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:2px}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:21px}.form-actions p{color:#7792a7;font-size:10px;line-height:1.6;max-width:230px}.form-feedback{margin-top:15px;padding:10px 12px;border:1px solid #bb7455;color:#ffbfa7;background:#60332224;font-size:12px;border-radius:4px}.brief-result{margin-top:22px;padding:19px;border:1px solid #357a86;background:#102d3d;border-radius:7px}.brief-result h3{margin:0;font:700 20px var(--display)}.brief-result p{font-size:12px;color:#a4c2d5}.brief-result textarea{min-height:130px}.brief-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.site-footer{background:#060e19;padding:42px 0 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:38px}.footer-top p{font:500 19px var(--display);color:#90aebf}.back-to-top{width:42px;height:42px;border:1px solid #34546e;border-radius:50%;display:grid;place-items:center;font-size:22px}.footer-bottom{border-top:1px solid #263b4c;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#7893aa;font-size:10px;letter-spacing:.07em}.footer-bottom a{color:#92ddea}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes floatWin{0%,100%{transform:rotateY(-8deg) rotateX(5deg) rotateZ(-2deg) translateY(0)}50%{transform:rotateY(-8deg) rotateX(5deg) rotateZ(-2deg) translateY(-12px)}}@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:1050px){.nav-menu{gap:15px}.nav-menu>a:not(.button){font-size:11px}.hero h1{font-size:64px}.hero-art{height:480px}.hero-window{top:45px;height:380px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:290px}.about-section{gap:45px}.contact-layout{gap:40px}}@media(max-width:780px){.shell{padding:0 22px}.nav{height:73px}.nav-toggle{display:flex;border:1px solid #385469;background:#0e2236;border-radius:5px;width:43px;height:39px;padding:11px;flex-direction:column;justify-content:space-around;gap:4px}.nav-toggle span{height:2px;width:100%;background:#c7edfa}.nav-menu{display:none;position:absolute;left:0;right:0;top:73px;padding:20px 22px 25px;flex-direction:column;align-items:stretch;background:#0b1b2c;border-bottom:1px solid #305572;gap:16px}.nav-menu.open{display:flex}.nav-menu>a:not(.button){font-size:14px}.language-switch{padding:0}.nav-cta{justify-content:center}.hero{grid-template-columns:1fr;padding-top:65px;padding-bottom:75px;min-height:auto}.hero h1{font-size:clamp(52px,9vw,78px)}.hero-description{font-size:15px}.hero-art{height:420px;margin-top:20px}.hero-window{width:90%;right:4%;top:30px;height:340px}.window-body{padding:33px 27px}.window-title{font-size:36px}.float-one{left:0;bottom:25px}.float-two{right:0}.scroll-cue{display:none}.section{padding-top:80px;padding-bottom:85px}.section-heading{grid-template-columns:1fr;gap:20px}.section-heading>p{max-width:600px}.work-grid{grid-template-columns:1fr}.work-mock,.teaser-art{height:290px}.about-section{grid-template-columns:1fr}.about-visual{min-height:330px}.contact-section{padding:80px 0}.contact-layout{grid-template-columns:1fr;gap:30px}.contact-quick{margin-top:25px}}@media(max-width:500px){.brand-type{font-size:11px}.brand-mark{width:36px;height:36px}.brand-type small{font-size:6px}.hero h1{font-size:clamp(47px,11vw,62px)}.eyebrow{font-size:9px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{justify-content:space-between}.hero-art{height:360px;margin-top:18px}.hero-window{height:290px;top:20px;width:92%;right:5%}.window-title{font-size:29px}.window-body{padding:22px}.visual-globe{font-size:45px;right:35px}.float-card{padding:8px 10px}.float-card b{font-size:9px}.float-card small{font-size:7px}.float-icon{width:29px;height:29px;font-size:18px}.float-one{bottom:12px}.float-two{top:0}.service-grid{grid-template-columns:1fr}.service-card{min-height:275px}.statement-inner{padding-top:70px;padding-bottom:70px}.statement-star{left:20px;font-size:28px}.step{grid-template-columns:45px 1fr 32px}.step h3{font-size:19px}.step-symbol{font-size:21px}.project-form{padding:22px 16px}.field-row{grid-template-columns:1fr;gap:0}.form-actions{flex-direction:column;align-items:stretch}.form-actions p{max-width:100%}.footer-top{flex-wrap:wrap}.footer-bottom{flex-wrap:wrap}.footer-top p{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track,.hero-window,.float-card{animation:none}.reveal{opacity:1;transform:none;transition:none}.button,.service-card{transition:none}}

/* BWD professional portfolio + social refresh (2026-11) */
.bwd-connect-section{position:relative;overflow:hidden;padding:96px 0 104px;background:radial-gradient(circle at 12% 20%,rgba(36,115,196,.24),transparent 48%),linear-gradient(135deg,#09192c 0%,#102b45 56%,#081421 100%);border-top:1px solid #315574;border-bottom:1px solid #2e4b61}
.bwd-connect-section:before{content:"";position:absolute;right:-100px;top:-150px;width:490px;height:490px;border:1px solid #5fcbfd30;border-radius:50%;box-shadow:0 0 0 60px #3682b508,0 0 0 130px #3682b506;pointer-events:none}
.bwd-connect-layout{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.bwd-connect-intro h2{font:700 clamp(33px,3.4vw,52px)/1.13 var(--display);letter-spacing:-.05em;margin:17px 0 20px;max-width:520px}
.bwd-connect-intro p:not(.section-kicker){font-size:14px;line-height:1.9;color:#a9c7d8;max-width:480px}
.bwd-domain{display:inline-flex;align-items:center;margin-top:18px;font-size:13px;font-weight:700;color:#79ddf2;border-bottom:1px solid #79ddf277;padding-bottom:5px}
.bwd-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bwd-social-link{min-width:0;display:flex;align-items:center;gap:12px;border:1px solid #355671;background:#102a43bd;border-radius:12px;padding:15px 14px;font:700 13px var(--display);color:#eef8ff;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
.bwd-social-link:hover{background:#173e61;border-color:#60d8fa;transform:translateY(-3px);box-shadow:0 16px 35px #0004}
.bwd-social-link:focus-visible{outline:3px solid #67e0ff;outline-offset:3px}
.bwd-social-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:10px;background:#1c4567;color:#b6eefe}
.bwd-social-icon svg{width:21px;height:21px}
.bwd-social-facebook .bwd-social-icon{color:#fff;background:#1877f2}
.bwd-social-instagram .bwd-social-icon{color:#fff;background:linear-gradient(135deg,#405de6,#c13584,#fd1d1d,#ffdc80)}
.bwd-social-tiktok .bwd-social-icon{color:#fff;background:#070b12}
.bwd-social-youtube .bwd-social-icon{color:#fff;background:#ed2437}
.bwd-social-whatsapp .bwd-social-icon{color:#fff;background:#168e5b}
.bwd-social-arrow{margin-left:auto;color:#87bdcf}
.bwd-social-whatsapp{grid-column:span 2}
.bwd-portfolio-case .bwd-case-art{height:310px;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:8px;border:1px solid #38637b;background:radial-gradient(circle at 80% 80%,#447f72 0,transparent 43%),linear-gradient(130deg,#0e3340,#1b5365 58%,#193748)}
.bwd-etslipn-art:after{content:"";position:absolute;right:-50px;bottom:-70px;width:250px;height:250px;border-radius:50%;border:36px solid #c4e0ad0b;box-shadow:0 0 0 40px #c4e0ad08}
.bwd-case-browser{width:84%;height:80%;margin-top:25px;position:relative;z-index:1;border:5px solid #133445;border-radius:10px 10px 0 0;background:linear-gradient(130deg,#163c4c,#23576a);box-shadow:0 25px 45px #04141d88;overflow:hidden}
.bwd-browser-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background:#0e2a37;font:600 10px var(--display);color:#a8cad7;letter-spacing:.07em}
.bwd-browser-dots{color:#64b7b2;letter-spacing:.18em}
.bwd-browser-body{padding:24px 23px;color:#ecf7ec}
.bwd-case-eyebrow{font-size:8px;letter-spacing:.16em;color:#b6dbd0;font-weight:700}
.bwd-browser-body strong{display:block;margin:16px 0;font:700 clamp(20px,2.3vw,29px)/1.17 var(--display);letter-spacing:-.045em}
.bwd-browser-body strong em{color:#b8e5cd;font-style:normal}
.bwd-case-pill{display:inline-block;border:1px solid #b6dfc477;color:#c9ecdf;font-size:9px;padding:7px 9px;letter-spacing:.08em}
.work-grid{align-items:start}
.work-feature,.work-teaser{transition:transform .25s}
.work-feature:hover,.work-teaser:hover{transform:translateY(-4px)}
@media(max-width:950px){.bwd-connect-layout{gap:28px}.bwd-social-grid{grid-template-columns:1fr}.bwd-social-whatsapp{grid-column:auto}}
@media(max-width:780px){.bwd-connect-section{padding:70px 0}.bwd-connect-layout{grid-template-columns:1fr}.bwd-social-grid{grid-template-columns:1fr 1fr}.bwd-social-whatsapp{grid-column:span 2}}
@media(max-width:480px){.bwd-social-grid{grid-template-columns:1fr}.bwd-social-whatsapp{grid-column:auto}.bwd-social-link{padding:12px 14px}.bwd-portfolio-case .bwd-case-art{height:275px}}
@media(prefers-reduced-motion:reduce){.bwd-social-link,.work-feature,.work-teaser{transition:none}}

/* BWD Professional Digital Team Hero */
.hero-art {
  position: relative;
  min-height: 500px;
  overflow: hidden;
  border-radius: 28px;
  background:
    linear-gradient(
      90deg,
      rgba(5, 17, 39, 0.12),
      rgba(5, 17, 39, 0.02)
    ),
    url("assets/bwd-hero.png") 70% center / cover no-repeat;
  box-shadow: 0 28px 80px rgba(0, 149, 255, 0.16);
  border: 1px solid rgba(65, 193, 255, 0.25);
}

/* Hide the old illustration inside the hero artwork */
.hero-art > * {
  display: none;
}

/* Keep headline and call-to-action above all decorative elements */
.hero-copy {
  position: relative;
  z-index: 2;
}

@media (max-width: 768px) {
  .hero-art {
    min-height: 340px;
    background-position: 69% center;
    border-radius: 20px;
  }
}


/* BWD Digital Team Hero — Final Refinement */
.hero-art {
  position: relative;
  height: 535px;
  min-height: 0;
  border-radius: 24px;
  overflow: hidden;
  background-image:
    linear-gradient(
      180deg,
      rgba(7, 17, 31, 0.03),
      rgba(7, 17, 31, 0.15)
    ),
    url("./assets/bwd-hero.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid rgba(82, 224, 238, 0.25);
  box-shadow: 0 25px 75px rgba(0, 0, 0, 0.35);
}

.hero-art > * {
  display: none;
}

@media (max-width: 780px) {
  .hero-art {
    height: 410px;
    margin-top: 24px;
    background-position: center;
  }
}

@media (max-width: 500px) {
  .hero-art {
    height: 330px;
    border-radius: 16px;
    background-position: center;
  }
}

/* BWD Hero Image — Prevent Cropping */
.hero-art {
  background-image: url("./assets/bwd-hero.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #081b32;
  border-radius: 20px;
}

@media (max-width: 780px) {
  .hero-art {
    height: auto;
    aspect-ratio: 16 / 9;
    background-size: contain;
  }
}

@media (max-width: 500px) {
  .hero-art {
    height: auto;
    aspect-ratio: 16 / 9;
  }
}


/* BWD official header/footer logo */
.brand .bwd-official-logo{display:block;width:220px;max-width:100%;height:auto;object-fit:contain}
@media(max-width:500px){.brand .bwd-official-logo{width:155px}}