@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap");*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:DM Sans,IBM Plex Sans Arabic,sans-serif}a,button{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:4px}.heinly-root{--bg:#efe4d5;--surface:#fbf4e9;--ink:#342f2d;--muted:#736b64;--accent:#77866e;--accent-contrast:#fff;--border:#b9a994;--soft:#e2d4bf;--orb:#cdb69d;--card:#f3e9dc;background:var(--bg);color:var(--ink);transition:background .55s,color .55s;overflow:hidden;min-height:100vh}.heinly-root.mode-digital{--bg:#161628;--surface:#26233d;--ink:#f5efff;--muted:#c1b7d5;--accent:#bca9fb;--accent-contrast:#1c1834;--border:#685a90;--soft:#332c54;--orb:#55417f;--card:#25203c}.heinly-root.mode-creative{--bg:#f5dae0;--surface:#ffedf0;--ink:#522e3b;--muted:#865968;--accent:#a75878;--accent-contrast:#fff;--border:#c294a2;--soft:#efc7d3;--orb:#d4a3b3;--card:#f8e5e9}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,5vw);gap:24px;position:absolute;inset:0 0 auto;z-index:15;color:#fff;background:#14101c24;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid #ffffff32}.brand{font:500 29px Playfair Display,serif;letter-spacing:-.045em;display:flex;align-items:baseline;gap:4px}.brand span,.footer span span{color:#f1cbd9}.brand small{font:600 9px DM Sans,sans-serif;letter-spacing:.3em;-webkit-margin-start:8px;margin-inline-start:8px}.topbar nav{display:flex;align-items:center;gap:32px;font:500 12px IBM Plex Sans Arabic,DM Sans,sans-serif}.topbar nav a{transition:opacity .2s}.topbar nav a:hover{opacity:.55}.nav-actions{display:flex;gap:12px;align-items:center}.language-button,.nav-contact{background:#ffffff12;color:white;border:1px solid #ffffff89;border-radius:50px;padding:10px 16px;min-height:39px;font-size:11px}.nav-contact{font-size:22px;padding:3px 15px}.hero{min-height:max(800px,100svh);background-position:50%;background-size:cover;position:relative;isolation:isolate;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:145px 5vw 45px;transition:background-image .35s}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 32%,transparent,#150f1c9a 95%)}.hero-overlay{text-align:center;margin-inline:auto;max-width:900px}.eyebrow,.micro{font:600 10px DM Sans,sans-serif;letter-spacing:.23em}.hero h1{font:500 clamp(90px,12vw,194px)/.98 Playfair Display,serif;letter-spacing:-.09em;margin:25px 0 16px;text-shadow:0 10px 30px #0006}.hero h1 span{color:#e3bbca}.hero-overlay p{font-size:16px;line-height:1.9;color:#fceeea;max-width:560px;margin:auto}.hero-scroll{margin:35px 0 0;color:#f4dadd;font-size:11px;letter-spacing:.15em}.mode-gates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:clamp(10px,3vw,40px);gap:clamp(10px,3vw,40px);max-width:1120px;width:100%;margin:70px auto 0;direction:ltr}.mode-gate{position:relative;height:clamp(200px,23vw,310px);background:#231d28;border:2px solid #ffffff42;border-radius:155px 155px 20px 20px;overflow:hidden;padding:0;box-shadow:0 24px 54px #0007;transition:transform .35s,border-color .35s,box-shadow .35s}.mode-gate img{width:100%;height:100%;object-fit:cover;filter:brightness(.58) saturate(.8);transition:transform .35s,filter .35s}.mode-gate.chosen img,.mode-gate:hover img{filter:brightness(.78) saturate(.94)}.mode-gate:hover{transform:translateY(-9px)}.mode-gate.chosen{border-color:#f7e2ed;box-shadow:0 27px 55px #0009,0 0 0 2px #f7e2ed6e}.gate-details{position:absolute;inset:0;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;padding-bottom:30px;color:white;text-shadow:0 3px 12px #000b}.gate-details small{letter-spacing:.2em;font-size:9px}.gate-details strong{font:500 clamp(17px,2vw,27px) Playfair Display,serif;letter-spacing:.04em;margin:8px 0}.gate-details>span{font-size:19px}.hero-index{font-size:10px;letter-spacing:.2em;text-align:center;margin-top:30px;color:#e4d5e0}.showroom{background:radial-gradient(ellipse at 94% 8%,var(--orb),transparent 32%),linear-gradient(135deg,var(--bg),var(--surface) 55%,var(--bg));transition:background .6s}.chapter{max-width:1250px;margin:0 auto;padding:90px 24px;position:relative}.chapter+.chapter{border-top:1px solid var(--border)}.chapter-heading{text-align:center;margin:0 0 38px}.micro{color:var(--accent)}.audience-heading h2,.chapter-heading h2,.contact h2{font:500 clamp(40px,5vw,74px)/1.2 Playfair Display,IBM Plex Sans Arabic,serif;letter-spacing:-.045em;color:var(--ink);margin:14px 0}.chapter-heading p,.contact p{font-size:14px;color:var(--muted);line-height:1.8}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:24px;gap:24px;max-width:880px;margin:auto}.service-card{height:clamp(230px,30vw,360px);border:1px solid var(--border);border-radius:170px 170px 24px 24px;overflow:hidden;position:relative;box-shadow:0 22px 40px #0002;background:#232027}.service-card img{width:100%;height:100%;object-fit:cover;filter:brightness(.54) saturate(.72);transition:transform .4s,filter .4s}.service-card:hover img{transform:scale(1.065);filter:brightness(.65)}.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#100c17e8,transparent 72%)}.service-card>div{position:absolute;z-index:2;inset-inline:15px;bottom:24px;color:white;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.service-symbol{font-size:23px;border:1px solid #fff8;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#160d1666}.service-card small{font-size:10px;letter-spacing:.13em}.service-card h3{font:500 clamp(18px,2vw,27px) IBM Plex Sans Arabic,Playfair Display,serif;margin:0;color:#fff}.audience{display:grid;grid-template-columns:1.1fr .7fr;grid-gap:50px;gap:50px;min-height:590px;align-items:center}.audience-heading h2{text-align:start;max-width:640px}.audience-switch{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}.audience-switch button,.category-filter button{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:30px;padding:12px 18px;font-size:13px}.audience-switch button[aria-pressed=true],.category-filter button[aria-pressed=true]{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.audience-description{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:30px;min-height:250px}.audience-description h3{font:500 clamp(26px,3vw,40px)/1.3 IBM Plex Sans Arabic,Playfair Display,serif;margin:13px 0}.audience-description p{font-size:15px;color:var(--muted);line-height:1.9}.audience-tokens{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.audience-tokens span{font-size:10px;border:1px solid var(--border);padding:7px 12px;border-radius:20px}.audience-decoration{height:370px;display:grid;place-items:center;background:radial-gradient(ellipse,var(--orb),transparent 65%)}.audience-decoration span{font-size:360px;color:var(--accent);opacity:.35;line-height:1}.category-filter{display:flex;gap:10px;justify-content:center;margin-bottom:25px;flex-wrap:wrap}.output-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.output-grid article{background:var(--card);border:1px solid var(--border);padding:25px 20px;min-height:160px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}.output-number{font-size:10px;letter-spacing:.1em;color:var(--accent)}.output-grid strong{font:500 18px IBM Plex Sans Arabic,sans-serif}.output-arrow{font-size:25px;color:var(--accent);align-self:flex-end}.tech-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:12px;gap:12px}.tech-card{background:var(--card);border:1px solid var(--border);padding:20px 10px;display:flex;flex-direction:column;align-items:center;gap:15px;justify-content:center;min-height:150px}.tech-icon{width:65px;height:65px;background:#fff;border-radius:12px;display:grid;place-items:center;box-shadow:0 4px 16px #0002;font-weight:800;font-size:19px;letter-spacing:-.04em}.tech-card strong{font-size:12px}.contact{text-align:center}.contact h2{font-size:clamp(46px,6vw,83px)}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:650px;margin:35px auto 0;grid-gap:15px;gap:15px;text-align:start}.contact-grid>a,.disabled-contact{padding:22px;background:var(--card);border:1px solid var(--border);display:grid;grid-template-columns:auto 1fr auto;grid-gap:10px;gap:10px;align-items:center;border-radius:16px}.contact-grid>a:hover{border-color:var(--accent)}.contact-grid>a>span,.disabled-contact>span{font-size:24px;grid-row:span 2;color:var(--accent)}.contact-grid strong{font-size:15px}.contact-grid small{grid-column:2;color:var(--muted);font-size:11px}.contact-grid b{grid-column:3;grid-row:1/3;font-size:23px}.disabled-contact{opacity:.65}.samples{max-width:100%;overflow:hidden;text-align:center}.samples .chapter-heading{margin:0 auto 35px}.sample-track{position:relative;height:clamp(360px,50vw,580px);max-width:1200px;margin:auto;perspective:1400px;direction:ltr}.sample-card{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%) translateX(calc(var(--offset) * 70%)) scale(calc(1 - var(--distance) * .19)) rotateY(calc(var(--offset) * -9deg));z-index:var(--z);width:min(70%,720px);height:clamp(280px,41vw,470px);background:var(--card);border:1px solid var(--border);padding:10px;box-shadow:0 26px 55px #0004;border-radius:17px;transition:transform .45s,box-shadow .4s;overflow:hidden}.sample-card.active{border-color:var(--accent);box-shadow:0 28px 70px #0005,0 0 0 2px var(--accent)}.sample-art{height:calc(100% - 39px);position:relative;overflow:hidden;display:grid;place-items:center}.sample-art iframe{width:1440px;height:900px;border:0;position:absolute;top:0;left:0;transform:scale(.48);transform-origin:top left;pointer-events:none;background:#fff}.sample-art.sea{background:linear-gradient(145deg,#88a6ad,#466d78)}.sample-art.sand{background:linear-gradient(130deg,#ece0cc,#b8a48f)}.sample-art.space{background:radial-gradient(circle,#584488,#181527)}.sample-art.coffee{background:linear-gradient(135deg,#bd826a,#49302c)}.art-decoration{font-size:160px;color:#ffffff53}.sample-art strong{position:absolute;left:7%;bottom:15%;font:500 clamp(30px,5vw,60px) Playfair Display,serif;color:#fff;text-shadow:0 3px 20px #0007}.sample-title{display:block;text-align:start;padding:10px;color:var(--ink);font-size:10px;letter-spacing:.1em}.sample-nav{display:flex;justify-content:center;align-items:center;gap:25px;margin:5px 0 14px;direction:ltr}.sample-nav>button{border:1px solid var(--border);border-radius:50%;background:var(--card);color:var(--ink);width:50px;height:50px;font-size:23px}.sample-nav>span{min-width:220px;display:flex;flex-direction:column;gap:6px}.sample-nav small{font-size:10px;color:var(--accent)}.sample-nav strong{font:500 27px Playfair Display,serif}.sample-nav em{font:400 12px IBM Plex Sans Arabic,sans-serif;color:var(--muted)}.dots{display:flex;justify-content:center;gap:10px;margin:20px 0}.dots button{width:10px;height:10px;border:1px solid var(--accent);border-radius:50%;background:transparent;padding:0}.dots button[aria-current=true],.sample-open{background:var(--accent)}.sample-open{color:var(--accent-contrast);display:inline-block;padding:14px 25px;border-radius:45px;font-size:13px;font-weight:600}.demo-disclaimer{display:block;margin-top:18px}.demo-disclaimer,.footer{color:var(--muted);font-size:11px}.footer{background:var(--bg);border-top:1px solid var(--border);padding:30px 6%;display:flex;justify-content:space-between;gap:15px}.footer span:first-child{font:500 18px Playfair Display,serif;color:var(--ink)}.footer span span{color:var(--accent)}@media(max-width:950px){.topbar nav{display:none}.audience{grid-template-columns:1fr}.audience-decoration{display:none}.tech-grid{grid-template-columns:repeat(4,1fr)}.sample-art iframe{transform:scale(.39)}}@media(max-width:650px){.topbar{height:70px;padding:0 18px}.brand{font-size:24px}.hero{min-height:780px;padding:115px 16px 30px}.hero h1{font-size:90px}.hero-overlay p{font-size:13px}.mode-gates{gap:7px;margin-top:65px}.mode-gate{height:190px;border-radius:60px 60px 12px 12px}.gate-details{padding-bottom:15px}.gate-details small{font-size:7px}.gate-details strong{font-size:13px}.gate-details>span{font-size:15px}.chapter{padding:65px 18px}.chapter-heading h2{font-size:46px}.service-grid{gap:8px}.service-card{height:185px;border-radius:60px 60px 12px 12px}.service-card>div{inset-inline:2px;bottom:10px;gap:3px}.service-card h3{font-size:12px}.service-card small{font-size:7px}.service-symbol{width:30px;height:30px;font-size:16px}.audience-description{padding:22px}.output-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.output-grid article{min-height:130px;padding:15px}.tech-grid{grid-template-columns:repeat(3,1fr);gap:8px}.tech-card{min-height:125px}.tech-icon{width:50px;height:50px;font-size:15px}.contact-grid{grid-template-columns:1fr}.sample-track{height:350px}.sample-card{width:78%;height:270px;padding:5px;transform:translate(-50%,-50%) translateX(calc(var(--offset) * 88%)) scale(calc(1 - var(--distance) * .14))}.sample-art iframe{transform:scale(.23)}.sample-nav>span{min-width:160px}.sample-nav strong{font-size:21px}.footer{flex-direction:column;align-items:center;text-align:center}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important}}.tech-icon{background:#fff!important;box-shadow:0 4px 15px #00000012}.tech-icon img{display:block;width:75%;height:75%;object-fit:contain;filter:none!important;opacity:1!important}