*{box-sizing:border-box}:root{--bg:#08090d;--text:#f4f5f7;--muted:#8d929e;--line:#242832;--accent:#b9ff55;--panel:#0e1015}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;overflow-x:hidden}body:has(.nav.open){overflow:hidden}a{color:inherit;text-decoration:none}.page-noise{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.header{position:fixed;z-index:50;top:0;left:0;width:100%;height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-size:11px;line-height:.95;letter-spacing:.15em;font-weight:700}.brand small{font-size:8px;letter-spacing:.28em;opacity:.55}.brand-mark{width:35px;height:35px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:11px;letter-spacing:-.05em}.nav{display:flex;align-items:center;gap:25px;font-size:10px;text-transform:uppercase;letter-spacing:.13em}.nav a{opacity:.7;transition:.3s}.nav a:hover{opacity:1}.nav-cta{border:1px solid var(--line);padding:12px 16px;opacity:1!important}.menu{display:none;background:none;border:0}.menu span{display:block;width:25px;height:1px;background:#fff;margin:6px}.hero{min-height:100svh;position:relative;overflow:hidden;display:flex;align-items:center;padding:130px 8vw 80px}.hero-grid{position:absolute;inset:0;background:#0a0c12}.orb{position:absolute;border-radius:50%;pointer-events:none}.orb-one{width:520px;height:520px;right:-140px;top:12%;background:rgba(185,255,85,.16);filter:blur(70px)}.orb-two{width:320px;height:320px;left:45%;bottom:-200px;background:rgba(74,92,255,.13);filter:blur(60px)}.hero-inner{position:relative;z-index:2;width:100%;max-width:1250px}.hero-kicker{font-size:10px;letter-spacing:.22em;color:#aab0ba}.status{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px var(--accent);margin-right:10px}.hero-title{font-family:"Space Grotesk",sans-serif;font-size:clamp(58px,9vw,145px);line-height:.88;letter-spacing:-.065em;margin:30px 0 45px;font-weight:600;max-width:1100px}.hero-title .outline{-webkit-text-stroke:1px #f4f5f7;color:transparent}.hero-title em{font-family:"Playfair Display",serif;font-weight:500;letter-spacing:-.03em}.hero-bottom{display:flex;justify-content:space-between;align-items:end;max-width:1000px}.hero-description{max-width:430px;color:var(--muted);line-height:1.8;font-size:15px}.circle-link{width:112px;height:112px;border:1px solid #454a54;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:.08em;transition:.4s}.circle-link span{font-size:17px;margin-top:4px}.circle-link:hover{background:var(--accent);color:#0b0d08;border-color:var(--accent)}.hero-scroll{position:absolute;bottom:35px;right:5vw;font-size:9px;letter-spacing:.22em;color:#737985}.hero-scroll span{margin-left:12px}.section{padding:145px 8vw}.section-label{display:flex;gap:18px;color:#777d88;font-size:9px;letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:17px}.section-label span:first-child{color:var(--accent)}.display{font-family:"Space Grotesk",sans-serif;font-size:clamp(50px,7vw,105px);line-height:.92;letter-spacing:-.06em;font-weight:500;margin:0}.display em{font-family:"Playfair Display",serif;letter-spacing:-.02em}.muted{max-width:430px;color:var(--muted);line-height:1.85}.services-head,.apps-head,.customers-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin:80px 0}.service{display:grid;grid-template-columns:70px 1fr 50px;gap:20px;padding:32px 0;border-top:1px solid var(--line);align-items:start;transition:.5s}.service:last-child{border-bottom:1px solid var(--line)}.service:hover{padding-left:20px;background:rgba(185,255,85,.05)}.service-no{font-size:10px;color:#727783}.service h3{font-family:"Space Grotesk";font-size:clamp(26px,3vw,43px);font-weight:500;margin:0 0 10px;letter-spacing:-.03em}.service p{max-width:600px;color:var(--muted);margin:0;line-height:1.7}.arrow{font-size:23px;text-align:right;color:#888}.apps{background:#0b0c11}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.app-card{border:1px solid var(--line);background:#101219;overflow:hidden;transition:border-color .4s}.app-card:hover{border-color:#3b414d}.app-visual{height:470px;position:relative;overflow:hidden}.app-code{position:absolute;top:20px;left:20px;color:#7c828d;font-size:10px;letter-spacing:.2em}.app-wandaflix .app-visual{background:#10150f}.app-music .app-visual{background:#0e0b18}.app-wifi .app-visual{background:#0d1720}.phone{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%) rotate(-7deg);width:180px;height:350px;border:6px solid #24262b;border-radius:28px;background:#050609;box-shadow:0 25px 70px rgba(0,0,0,.55)}.phone-notch{position:absolute;z-index:2;top:7px;left:50%;transform:translateX(-50%);width:70px;height:15px;border-radius:10px;background:#050609}.phone-screen{position:absolute;inset:7px;border-radius:21px;background:#1a1928;padding:45px 18px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.phone-brand{font-size:8px;letter-spacing:.18em;color:var(--accent)}.phone-screen strong{font:500 29px/.9 "Space Grotesk";letter-spacing:-.05em}.phone-screen i{display:block;width:100%;height:65px;border-radius:14px;background:rgba(185,255,85,.4);border:1px solid rgba(255,255,255,.12)}.music-title{position:absolute;left:10%;bottom:9%;font:600 clamp(58px,7vw,90px)/.78 "Space Grotesk";letter-spacing:-.08em}.music-title em{font-family:"Playfair Display";font-weight:500}.music-orb{position:absolute;width:220px;height:220px;border-radius:50%;top:23%;left:50%;transform:translateX(-50%);background:#5d4fd6;filter:drop-shadow(0 0 55px rgba(120,100,255,.3));display:flex;align-items:center;justify-content:center;gap:8px}.music-orb span{width:4px;border-radius:5px;background:#fff;height:30px}.music-orb span:nth-child(2){height:70px}.music-orb span:nth-child(3){height:45px}.wifi-rings{position:absolute;top:24%;left:50%;transform:translateX(-50%);width:300px;height:220px}.wifi-rings i{position:absolute;left:50%;top:0;transform:translateX(-50%) rotate(180deg);border:3px solid rgba(95,181,255,.8);border-bottom-color:transparent;border-left-color:transparent;border-radius:50%;width:100%;height:100%;opacity:.25}.wifi-rings i:nth-child(2){width:75%;height:75%;top:28px;opacity:.45}.wifi-rings i:nth-child(3){width:48%;height:48%;top:55px;opacity:.8}.wifi-rings b{position:absolute;top:130px;left:50%;transform:translateX(-50%);font:500 18px "Space Grotesk"}.wifi-label{position:absolute;left:10%;bottom:8%;font:500 56px/.78 "Space Grotesk";letter-spacing:-.08em}.app-meta{display:flex;justify-content:space-between;gap:20px;padding:23px;border-top:1px solid var(--line)}.eyebrow{display:block;font-size:8px;letter-spacing:.2em;color:#777d88;margin-bottom:9px}.app-meta h3{font:500 29px "Space Grotesk";letter-spacing:-.04em;margin:0 0 8px}.app-meta p{margin:0;color:var(--muted);font-size:12px;line-height:1.6;max-width:310px}.app-arrow{font-size:20px;color:#858b96}.work{background:#0e1015}.work>.display{margin:75px 0}.projects{display:grid;grid-template-columns:1.15fr .85fr;gap:70px 25px}.project-c{grid-column:1/-1;max-width:70%}.project-image{height:520px;position:relative;overflow:hidden;border:1px solid var(--line);background:#0d1119}.project-b .project-image{height:430px}.project-c .project-image{height:470px}.image-app:after{content:"BK / APP";position:absolute;left:8%;top:17%;font:600 clamp(55px,8vw,120px) "Space Grotesk";letter-spacing:-.08em;color:rgba(185,255,85,.85);transform:rotate(-7deg)}.image-cloud:after{content:"CLOUD";position:absolute;inset:0;display:grid;place-items:center;font:500 clamp(50px,7vw,100px) "Space Grotesk";letter-spacing:-.08em;color:#d8dbe1}.image-web:after{content:"WEB";position:absolute;right:8%;bottom:5%;font:500 clamp(80px,14vw,190px) "Playfair Display";font-style:italic;color:rgba(255,255,255,.85)}.project-number{position:absolute;z-index:2;top:22px;left:22px;font-size:10px;letter-spacing:.2em;color:#9298a3}.project-meta{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line)}.project-meta h3{margin:0 0 5px;font-size:19px;font-weight:500}.project-meta p{margin:0;color:#777d88;font-size:11px}.project-meta>span{font-size:20px;color:#888}.customers{background:#f0f1ec;color:#11130f}.customers .section-label{border-color:#d2d5cd;color:#777}.customers .section-label span:first-child{color:#4e801b}.customers-head{margin-bottom:75px}.customer-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.customer-feature,.customer-card{background:#fff;border:1px solid #d9dcd4}.customer-image-wrap{position:relative;overflow:hidden;background:#dfe1da}.customer-feature .customer-image-wrap{height:580px}.customer-card .customer-image-wrap{height:260px}.customer-image-wrap img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.04);will-change:transform}.image-tag{position:absolute;left:18px;top:18px;background:rgba(8,9,13,.82);color:#fff;padding:9px 11px;font-size:8px;letter-spacing:.16em}.customer-copy{padding:36px 38px 38px}.quote-mark{font:600 60px/.7 "Playfair Display";color:#6b4cff}.customer-copy blockquote{font:500 clamp(27px,3vw,42px)/1.1 "Space Grotesk";letter-spacing:-.045em;margin:18px 0 30px}.customer-copy blockquote strong{color:#684fff}.customer-line{height:1px;background:#d2d5cd;margin-bottom:18px}.customer-name{font-weight:700;margin:0 0 4px}.customer-role{margin:0;color:#777;font-size:12px}.customer-side{display:grid;gap:22px}.customer-card-copy{padding:25px 25px 28px}.customer-card-copy h3{font:500 30px/1 "Space Grotesk";letter-spacing:-.04em;margin:0 0 12px}.customer-card-copy p{color:#686d67;line-height:1.7;margin:0;font-size:13px}.process{background:#111318}.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:80px}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.step>span{font-size:10px;color:var(--accent)}.step h3{margin:0 0 8px;font-size:23px;font-weight:500}.step p{margin:0;color:var(--muted);line-height:1.7;max-width:480px}.statement{min-height:850px;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden}.statement-bg{position:absolute;inset:-10%;background:rgba(185,255,85,.05)}.statement-ring{position:absolute;width:620px;height:620px;border:1px solid rgba(185,255,85,.1);border-radius:50%;box-shadow:0 0 120px rgba(185,255,85,.06) inset}.statement-content{position:relative;z-index:2;max-width:1100px;padding:80px 8vw}.statement-content .section-label{justify-content:center;border:0}.statement-title{font:500 clamp(48px,7.5vw,112px) "Space Grotesk";line-height:.94;letter-spacing:-.06em;margin:40px 0}.statement-title em{font:500 .95em "Playfair Display";font-style:italic}.statement-copy{max-width:580px;margin:auto;color:var(--muted);line-height:1.9}.contact{background:#f1f2ed;color:#10120e}.contact .section-label{border-color:#d1d4cc;color:#777}.contact .section-label span:first-child{color:#4e801b}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:85px}.project-form{border-top:1px solid #c9ccc4}.project-form label{display:block;padding:19px 0;border-bottom:1px solid #c9ccc4;font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#666}.project-form input,.project-form textarea{display:block;width:100%;border:0;background:transparent;padding:12px 0 3px;outline:0;font:17px "DM Sans";color:#10120e}.project-form textarea{min-height:110px;resize:vertical}.submit-btn{margin-top:25px;width:100%;padding:19px 20px;border:0;background:#111;color:#fff;text-transform:uppercase;letter-spacing:.1em;font-size:11px;display:flex;justify-content:space-between;cursor:pointer}.project-form #formStatus{font-size:11px;color:#666}.contact-note{display:flex;align-items:center;gap:14px;margin-top:50px}.contact-note>span{width:48px;height:48px;border:1px solid #aaa;display:grid;place-items:center;font:600 12px "Space Grotesk"}.contact-note strong{display:block;font-size:9px;letter-spacing:.14em}.contact-note small{display:block;color:#777;margin-top:6px}footer{padding:40px 5vw;border-top:1px solid #242832;display:flex;align-items:center;justify-content:space-between;color:#777d88;font-size:11px}footer .brand{color:#fff}.footer-links{display:flex;gap:25px}.footer-links a:hover{color:#fff}.cursor,.cursor-dot{position:fixed;pointer-events:none;z-index:200;transform:translate(-50%,-50%);display:none}.cursor{width:35px;height:35px;border:1px solid rgba(185,255,85,.65);border-radius:50%}.cursor-dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}@media(pointer:fine){.cursor,.cursor-dot{display:block}}@media(max-width:1000px){.nav{gap:15px}.app-grid{grid-template-columns:1fr}.app-visual{height:430px}.customer-grid{grid-template-columns:1fr}.customer-side{grid-template-columns:1fr 1fr}.customer-feature .customer-image-wrap{height:520px}}@media(max-width:800px){.header{height:75px;padding:0 6vw}.nav{display:none;position:absolute;right:6vw;top:70px;background:#111318;border:1px solid var(--line);padding:24px;flex-direction:column;gap:22px;min-width:220px}.nav.open{display:flex}.menu{display:block}.hero{padding:120px 6vw 90px}.hero-title{font-size:clamp(55px,16vw,95px)}.hero-bottom{display:block}.circle-link{margin-top:20px}.hero-scroll{display:none}.section{padding:95px 6vw}.services-head,.apps-head,.customers-head,.process-layout,.contact-grid{display:block;margin-top:60px}.services-head .muted,.apps-head .muted,.customers-head .muted{margin-top:35px}.service{grid-template-columns:35px 1fr 25px}.projects{display:block}.project{display:block;margin-bottom:50px}.project-c{max-width:none}.project-image,.project-b .project-image,.project-c .project-image{height:380px}.app-grid{display:block}.app-card{margin-bottom:25px}.app-visual{height:390px}.customer-side{display:block}.customer-card{margin-top:22px}.customer-feature .customer-image-wrap{height:390px}.customer-copy{padding:28px}.customer-copy blockquote{font-size:29px}.statement{min-height:650px}.statement-content{padding:50px 6vw}.statement-title{font-size:clamp(45px,13vw,80px)}.statement-ring{width:360px;height:360px}.process-layout .steps{margin-top:60px}.contact-grid .muted{margin:30px 0 55px}footer{display:block;padding:40px 6vw}footer .footer-links{margin:25px 0;flex-wrap:wrap}.circle-link{width:95px;height:95px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page-noise{display:none}}

/* Header phone + WhatsApp contact CTA */
.header-left{display:flex;align-items:center;gap:24px}
.phone-heading{display:flex;align-items:center;gap:8px;color:#c9ccd4;font-size:10px;letter-spacing:.08em;white-space:nowrap;transition:color .3s ease}
.phone-heading:hover{color:#fff}
.phone-icon{font-size:13px;line-height:1}
.footer-contact{display:flex;align-items:center;gap:22px}
.footer-contact a{color:#aeb3bd;transition:color .3s ease}
.footer-contact a:hover{color:#fff}
.footer-contact p{margin:0}
.whatsapp-float{position:fixed;z-index:80;right:28px;bottom:28px;display:flex;align-items:center;gap:11px;padding:12px 15px 12px 12px;border:1px solid rgba(185,255,85,.35);border-radius:999px;background:rgba(10,13,15,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 40px rgba(0,0,0,.35),0 0 35px rgba(185,255,85,.08);color:#fff;transition:border-color .3s,box-shadow .3s}
.whatsapp-float:hover{border-color:rgba(185,255,85,.8);box-shadow:0 16px 45px rgba(0,0,0,.45),0 0 45px rgba(185,255,85,.14)}
.whatsapp-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;flex:none}
.whatsapp-icon svg{width:21px;height:21px;fill:currentColor}
.whatsapp-text{display:flex;flex-direction:column;line-height:1.05}
.whatsapp-text strong{font:600 11px "Space Grotesk",sans-serif;letter-spacing:.02em}
.whatsapp-text small{margin-top:3px;color:#9ea4ae;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.whatsapp-arrow{font-size:16px;color:var(--accent);margin-left:2px}
@media(max-width:800px){
  .header-left{gap:12px;min-width:0}
  .phone-heading{font-size:8.5px;letter-spacing:.04em;gap:5px}
  .phone-icon{font-size:12px}
  .header .brand{gap:7px;font-size:9px}
  .header .brand-mark{width:31px;height:31px;font-size:10px}
  .header .brand small{font-size:6.5px}
  .whatsapp-float{right:16px;bottom:16px;padding:10px 13px 10px 10px;gap:9px}
  .whatsapp-icon{width:36px;height:36px}
  .whatsapp-text strong{font-size:10px}
  .whatsapp-text small{font-size:8px}
  .whatsapp-arrow{font-size:14px}
  .footer-contact{display:block}
  .footer-contact p{margin-top:12px}
}
@media(max-width:430px){
  .phone-heading span:last-child{font-size:8px}
  .whatsapp-text{display:none}
  .whatsapp-float{padding:9px;border-radius:50%}
  .whatsapp-arrow{display:none}
}

/* Wandaflix app reference — premium product presentation */
.wandaflix-reference-visual{background:#dfe1dc;}
.wandaflix-device-frame{position:absolute;z-index:2;inset:18px 12%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:30px;box-shadow:0 28px 70px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.2);background:#fff;transform:translateY(6px);transition:transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .7s ease;}
.wandaflix-device-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .9s cubic-bezier(.2,.7,.2,1);}
.app-wandaflix:hover .wandaflix-device-frame{transform:translateY(0) rotate(-1deg);box-shadow:0 35px 85px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.3);}
.app-wandaflix:hover .wandaflix-device-frame img{transform:scale(1.025);}
.wandaflix-reference-shade{position:absolute;z-index:3;inset:0;background:rgba(8,9,13,.55);pointer-events:none;}
.wandaflix-reference-caption{position:absolute;z-index:4;left:24px;right:24px;bottom:24px;display:flex;flex-direction:column;gap:6px;color:#fff;}
.wandaflix-reference-caption strong{font:500 20px/1.05 "Space Grotesk";letter-spacing:-.035em;max-width:260px;}
.wandaflix-reference-caption span{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#d6d9df;}
@media(max-width:800px){.wandaflix-device-frame{inset:14px 15%;border-radius:26px}.wandaflix-reference-caption{left:20px;right:20px;bottom:20px}.wandaflix-reference-caption strong{font-size:18px;max-width:240px}}

/* BK Music app reference — premium product presentation (flat colors, no gradients) */
.music-reference-visual{background:#0e0b18;}
.music-device-frame{position:absolute;z-index:2;inset:18px 12%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:30px;box-shadow:0 28px 70px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.2);background:#1a1420;transform:translateY(6px);transition:transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .7s ease;}
.music-device-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .9s cubic-bezier(.2,.7,.2,1);}
.app-music:hover .music-device-frame{transform:translateY(0) rotate(-1deg);box-shadow:0 35px 85px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.3);}
.app-music:hover .music-device-frame img{transform:scale(1.025);}
.music-reference-shade{position:absolute;z-index:3;inset:0;background:rgba(8,9,13,.55);pointer-events:none;}
.music-reference-caption{position:absolute;z-index:4;left:24px;right:24px;bottom:24px;display:flex;flex-direction:column;gap:6px;color:#fff;}
.music-reference-caption strong{font:500 20px/1.05 "Space Grotesk";letter-spacing:-.035em;max-width:260px;}
.music-reference-caption span{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#d6d9df;}
@media(max-width:800px){.music-device-frame{inset:14px 15%;border-radius:26px}.music-reference-caption{left:20px;right:20px;bottom:20px}.music-reference-caption strong{font-size:18px;max-width:240px}}