@import"https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Instrument+Serif:ital@1&display=swap";*{box-sizing:border-box;font-family:Almarai,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}:root{--primary: #dedbc8;--primary-strong: #e1e0cc;--panel: #101010;--panel-soft: #212121}html{scroll-behavior:smooth}body{margin:0;background:#000;color:var(--primary-strong)}a{color:inherit;text-decoration:none}button{border:0;background:transparent;color:inherit;cursor:pointer}img,video{display:block;max-width:100%}em,i{font-family:"Instrument Serif",serif;font-style:italic}.page-shell{background:#000}.section-shell{width:min(100% - 1.25rem,1180px);margin:0 auto}.hero-section{min-height:100svh;padding:.625rem;background:#000}.hero-frame{position:relative;min-height:calc(100svh - 1.25rem);border-radius:1.15rem;overflow:hidden;isolation:isolate}.hero-frame-home{background:#111 url(/project-visual.png) center center / cover no-repeat}.hero-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.noise-overlay{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.7;mix-blend-mode:overlay;pointer-events:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.85" numOctaves="3" stitchTiles="stitch"/></filter><rect width="200" height="200" filter="url(%23n)" opacity="1"/></svg>');background-size:260px 260px}.hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(0,0,0,.3),transparent 45%,rgba(0,0,0,.6))}.hero-gradient-home{background:linear-gradient(to top,#000000eb,#00000047 35%,#00000014 55%,#00000024),radial-gradient(circle at 78% 22%,rgba(255,176,102,.22),transparent 20%)}.hero-nav{position:absolute;top:.1rem;right:.75rem;z-index:4;width:auto;max-width:calc(100% - 6.5rem)}.hero-nav-pill{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:.7rem;background:#000000d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:0 0 .95rem .95rem;padding:.8rem .9rem .9rem}.hero-nav-pill-home{width:fit-content;margin:0;padding:.58rem .9rem;border-radius:0 0 1rem 1rem;background:#000000eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-nav-links{display:none;flex-direction:column;gap:.7rem}.hero-nav-links.is-open{display:flex;margin-top:.15rem}.hero-nav-links a,.hero-menu-button{color:#e1e0cccc;font-size:.78rem}.hero-nav-links a:hover,.hero-menu-button:hover{color:#e1e0cc}.hero-menu-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;align-self:center;min-height:2.6rem;padding:0 1.1rem;border-radius:999px;background:#ffffff14}.hero-content{position:absolute;inset:auto 0 0;z-index:3;padding:1rem .95rem 1.1rem}.hero-content-home{display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;padding:0 1rem 1.35rem}.hero-grid{display:grid;gap:.9rem}.hero-heading-wrap{min-height:36svh;display:flex;align-items:end}.hero-wordmark{display:flex;flex-wrap:wrap;line-height:.85}.hero-wordmark-home{position:relative;z-index:2;margin-top:auto;max-width:100%}.hero-word{position:relative;display:inline-block;font-size:clamp(4.6rem,24vw,10rem);font-weight:500;letter-spacing:-.07em;color:#e1e0cc;transform:translateY(20px);opacity:0;animation:pull-up .8s cubic-bezier(.16,1,.3,1) forwards}.hero-word-home{font-size:clamp(4.7rem,22vw,7.4rem);line-height:.82;color:#ece7d2}.hero-copy{max-width:none;justify-self:stretch;padding:1rem .95rem;border-radius:1.1rem;background:#0000006b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff14}.hero-copy-home{max-width:20rem;margin-top:.8rem;padding:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;text-align:left}.hero-copy h2{margin:0 0 .75rem;font-size:clamp(1.45rem,5.8vw,3rem);line-height:1;font-weight:400;color:var(--primary-strong)}.hero-copy h2 em{display:block;margin-top:.3rem;color:#e1e0ccd1}.hero-copy p{margin:0;color:#dedbc8b3;font-size:.9rem;line-height:1.55}.hero-copy-home p{max-width:20rem;margin:0;color:#e1e0ccd1;font-size:.98rem;line-height:1.58;text-shadow:0 1px 14px rgba(0,0,0,.6)}.hero-actions{display:flex;flex-direction:column;gap:.7rem;margin-top:1.1rem}.hero-actions-home{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.6rem;margin-top:1.15rem}.hero-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:.7rem;background:#f4efdceb;color:#111;border-radius:999px;padding:.28rem .28rem .28rem .8rem;font-size:.76rem;font-weight:600;width:100%;min-height:2.35rem;border:1px solid rgba(255,252,240,.65);box-shadow:inset 0 1px #ffffffb8,0 10px 28px #0000002e;transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,border-color .22s ease}.hero-cta b{width:1.9rem;height:1.9rem;border-radius:999px;display:grid;place-items:center;background:#10243c;color:#ece7d2;transition:transform .22s ease,background-color .22s ease,color .22s ease}.hero-cta:hover,.hero-link:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffffe6,0 16px 34px #00000038}.hero-cta:active,.hero-link:active{transform:scale(.97);box-shadow:inset 0 1px #ffffff8c,0 8px 18px #00000029}.hero-cta:hover b{transform:translate(2px)}.hero-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.35rem;width:100%;padding:0 .8rem;border-radius:999px;background:#f4efdceb;color:#111;font-size:.76rem;font-weight:600;border:1px solid rgba(255,252,240,.65);box-shadow:inset 0 1px #ffffffb8,0 10px 28px #0000002e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,border-color .22s ease}.hero-link.dark{background:#f4efdceb}.hero-actions-home .hero-cta{grid-column:1 / -1;min-width:0}.hero-actions-home .hero-link{min-width:0}.hero-actions-home .hero-link.dark{border:1px solid rgba(255,252,240,.65)}.hero-link:focus-visible,.hero-cta:focus-visible{outline:none;box-shadow:inset 0 1px #ffffffe6,0 0 0 3px #f4efdc38,0 14px 32px #0003}.about-section,.cases-section,.features-section,.contact-section{padding:3.4rem 0;background:#000}.section-label{color:var(--primary);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase}.about-card{margin-top:1rem;background:var(--panel);padding:1.4rem 1rem;text-align:left;border-radius:1rem}.about-card h2{margin:0;max-width:18rem;font-size:clamp(1.7rem,7vw,4.5rem);line-height:1.02;font-weight:400}.about-card p{max-width:100%;margin:.9rem 0 0;color:#dedbc8;font-size:.92rem;line-height:1.75}.brand-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1.4rem}.brand-chip{padding:.75rem;background:#ffffff08;border-radius:.9rem}.brand-chip img{width:100%;height:3.5rem;object-fit:contain}.brand-chip span{display:block;margin-top:.6rem;color:#e1e0cccc;font-size:.78rem}.section-heading{margin-bottom:1rem}.section-heading h2,.contact-inner h2{margin:.7rem 0 0;max-width:20rem;font-size:clamp(1.5rem,6.5vw,3rem);line-height:1.08;font-weight:400;color:var(--primary-strong)}.section-heading p{margin:.85rem 0 0;max-width:21rem;color:#e1e0ccad;font-size:.92rem;line-height:1.65}.cases-grid,.features-grid,.results-grid{display:grid;gap:1rem}.case-card,.feature-card,.result-card{background:#212121;padding:.9rem;border-radius:1rem}.case-video{width:100%;aspect-ratio:9 / 16;overflow:hidden;border-radius:.8rem}.case-video video{width:100%;height:100%;object-fit:contain;background:#111}.case-meta{display:grid;grid-template-columns:auto 1fr;gap:.65rem;margin-top:.8rem}.case-meta span{color:var(--primary);font-size:.74rem}.case-meta h3,.feature-card h3,.result-card h3,.wechat-card h3{margin:0;font-size:1rem;font-weight:500;color:var(--primary-strong)}.case-meta p,.result-card p,.wechat-card p{margin:.35rem 0 0;color:#9ca3af;font-size:.86rem;line-height:1.6}.feature-card ul{display:grid;gap:.75rem;list-style:none;padding:0;margin:1rem 0 0}.feature-card li{display:flex;align-items:center;gap:.6rem;color:#9ca3af;font-size:.88rem}.feature-card li svg{color:var(--primary);flex:0 0 auto}.feature-top{display:flex;align-items:start;justify-content:space-between;gap:.75rem}.feature-top span{color:var(--primary);font-size:.75rem}.result-image{width:100%;overflow:hidden;border-radius:.8rem}.result-image img{width:100%;aspect-ratio:16 / 10;object-fit:cover}.result-card h3{margin-top:.9rem}.contact-inner h2 em{font-family:"Instrument Serif",serif}.contact-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.2rem}.contact-actions.hero-actions-home{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.55rem}.contact-copy-pill{font-size:.72rem;letter-spacing:.01em;width:auto;max-width:100%;padding-inline:.95rem;white-space:nowrap}.contact-socials{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.9rem}.contact-social-pill{display:inline-flex;align-items:center;justify-content:center;min-height:2.15rem;padding:0 .9rem;border-radius:999px;background:#f4efdc14;color:#f4efdceb;font-size:.76rem;font-weight:600;border:1px solid rgba(255,252,240,.14);box-shadow:inset 0 1px #ffffff14,0 8px 18px #00000029;transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,color .22s ease,border-color .22s ease}.contact-social-pill:hover{transform:translateY(-2px);background:#f4efdc24;color:#f4efdc;border-color:#fffcf03d;box-shadow:inset 0 1px #ffffff1f,0 14px 26px #0003}.contact-social-pill:active{transform:scale(.97)}.contact-actions.hero-actions-home .hero-cta,.contact-actions.hero-actions-home .hero-link{width:auto;min-height:2.2rem;font-size:.74rem}.contact-actions.hero-actions-home .hero-cta{flex:0 1 auto;padding-left:.72rem}.contact-actions.hero-actions-home .hero-cta b{width:1.75rem;height:1.75rem}.contact-actions.hero-actions-home .hero-link{flex:0 1 auto;padding-inline:.95rem}.contact-mail{display:inline-block;margin-top:1.2rem;color:var(--primary-strong);font-size:.95rem;word-break:break-all}.hero-brand{position:absolute;top:1rem;left:1rem;z-index:4;display:inline-flex;align-items:center;gap:.8rem}.hero-brand img{width:2.75rem;height:2.75rem;object-fit:contain}.hero-brand strong{display:block;font-size:1rem;font-weight:800;color:var(--primary-strong)}.hero-brand span:last-child{display:block;margin-top:.1rem;font-size:.7rem;letter-spacing:.2em;color:#e1e0ccb8}.preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:1rem}.preview-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000c7}.preview-shell,.wechat-card{position:relative;z-index:1;width:min(100%,72rem);background:#111;padding:.8rem;border-radius:1rem}.wechat-card{width:min(100%,24rem);text-align:center;background:#fff;color:#111;border-radius:1.25rem;padding:1.1rem 1rem 1.2rem}.wechat-head{display:flex;align-items:center;justify-content:center;gap:.8rem;padding-top:.4rem}.wechat-brand-mark{width:3rem;height:3rem;object-fit:contain;border-radius:.6rem}.wechat-head h3{margin:0;font-size:1.05rem;letter-spacing:-.03em}.wechat-qr{width:min(100%,16rem);margin:1.6rem auto 1rem;border-radius:.9rem;background:#fff;box-shadow:0 14px 35px #0000001f}.preview-media{width:100%;max-height:calc(92svh - 1.6rem);object-fit:contain;background:#000}.preview-close{position:absolute;top:.8rem;right:.8rem;z-index:2;width:2.4rem;height:2.4rem;display:grid;place-items:center;background:#ffffffe6;color:#111;box-shadow:0 10px 25px #0000001f;border-radius:999px}.bg-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.15;pointer-events:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><filter id="g"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" stitchTiles="stitch"/></filter><rect width="200" height="200" filter="url(%23g)" opacity="1"/></svg>');background-size:320px 320px}.features-section{position:relative;overflow:hidden}.reveal-on-scroll{opacity:0;transform:translate3d(0,24px,0);filter:blur(10px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1)}.reveal-on-scroll.is-visible{opacity:1;transform:none;filter:none}@keyframes pull-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:768px){.hero-section{padding:1.5rem}.hero-frame{min-height:calc(100svh - 3rem);border-radius:2rem}.hero-nav-pill{flex-direction:row;border-radius:0 0 1.7rem 1.7rem;padding:.9rem 2rem}.hero-nav-pill-home{padding:.8rem 1.35rem;border-radius:0 0 1.2rem 1.2rem}.hero-nav{left:50%;right:auto;transform:translate(-50%);width:calc(100% - 3rem);max-width:none}.hero-nav-links{display:flex;flex-direction:row;gap:1.4rem}.hero-menu-button{display:none}.hero-content{padding:1.5rem}.hero-content-home{padding:0 1.5rem 1.5rem}.hero-grid{grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:end}.hero-copy{padding-bottom:1rem;max-width:28rem;justify-self:end;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;padding:0 0 1rem}.hero-actions,.contact-actions{flex-direction:row;flex-wrap:wrap}.contact-actions.hero-actions-home{align-items:center}.hero-cta,.hero-link{width:auto}.hero-actions-home .hero-cta{flex:0 1 auto;grid-column:auto}.hero-actions-home .hero-link{flex:0 1 auto}.brand-row{grid-template-columns:repeat(3,minmax(0,1fr))}.cases-grid,.results-grid,.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.hero-nav-links{gap:3.5rem}.hero-nav-links a{font-size:.9rem}.hero-word{font-size:clamp(8rem,20vw,18rem)}.hero-copy p{font-size:1rem}.brand-row{grid-template-columns:repeat(6,minmax(0,1fr))}.cases-grid,.features-grid,.results-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-word{transform:none;opacity:1;animation:none}.reveal-on-scroll{opacity:1;transform:none;filter:none;transition:none}}