:root{--bg:#080b16;--surface:#0f1527;--surface2:#141b30;--card:#10172a;--stroke:#273049;--stroke2:#202940;--text:#eef3ff;--muted:#9ba8c0;--muted2:#6f7e9a;--cyan:#44d9ee;--blue:#6b8eff;--purple:#996eff;--pink:#d38dff;--green:#36d5ab;--r:18px;--shadow:0 22px 80px rgba(0,0,0,.32);--font:'Cairo',system-ui,-apple-system,'Segoe UI',sans-serif}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--text);font-family:var(--font);background:var(--bg);font-size:14px;overflow-x:hidden;min-height:100vh;line-height:1.9}body.modal-lock{overflow:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(ellipse 55% 45% at 50% -15%,#1a2450 0,transparent 80%),linear-gradient(180deg,#080c1a 0%,#090b17 100%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.53}img,svg{max-width:100%}input,textarea,select{outline:none}::selection{background:#7f75ee88;color:white}[hidden]{display:none!important}.container{width:min(1180px,calc(100% - 44px));margin-inline:auto}.section{padding:112px 0;position:relative}.ambient{position:absolute;z-index:-1;pointer-events:none;filter:blur(75px);border-radius:50%;opacity:.24}.ambient-a{width:420px;height:400px;top:240px;right:0;background:#635cfa}.ambient-b{width:450px;height:490px;top:730px;left:0;background:#00a8ce;opacity:.14}.noise{position:fixed;inset:0;opacity:.03;pointer-events:none;z-index:50;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='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.announcement{height:36px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(90deg,#17204b,#171b3c,#1a244e);border-bottom:1px solid #38407975;color:#d2dcff;font-size:11px;font-weight:700;position:relative;z-index:10}.announcement a{color:#9de7ff}.announcement a:hover{text-decoration:underline}.live-pulse,.green-signal{width:7px;height:7px;flex:0 0 7px;display:inline-block;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #35deb71e,0 0 16px #35deb7aa;animation:pulse 2.6s infinite}.announcement-divider{color:#57648b}.site-header{position:sticky;top:0;z-index:40;background:#090e1ee8;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid #26314b7a;transition:box-shadow .2s}.site-header.scrolled{box-shadow:0 10px 36px #02040a80}.nav-inner{height:83px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:43px;height:43px;border:1px solid #7c87fb66;background:linear-gradient(140deg,#202b63,#251b4d);border-radius:13px;display:grid;place-items:center;box-shadow:0 0 20px #675efa27,inset 0 0 15px #878bff15;position:relative}.brand-mark::before{content:"";position:absolute;inset:4px;border:1px solid #8498f333;border-radius:9px}.brand-mark>span{font:900 28px/1 system-ui;color:#f8fbff;letter-spacing:-3px}.brand-mark-dot{color:#65d5f7}.brand-text{display:flex;flex-direction:column;line-height:1.28;text-align:left;direction:ltr}.brand-text strong{letter-spacing:1.2px;font:bold 17px/1.35 system-ui}.brand-text strong em{font-style:normal;color:#82b4ff}.brand-text small{letter-spacing:3.5px;font:600 8px/1.5 system-ui;color:#8593b3;text-transform:uppercase}.desktop-nav{display:flex;gap:29px;align-items:center}.desktop-nav a{color:#b5c0d4;font-size:12px;font-weight:800;transition:color .2s}.desktop-nav a:hover{color:var(--cyan)}.nav-actions{display:flex;align-items:center;gap:12px}.nav-whatsapp{height:36px;width:36px;display:grid;place-items:center;border:1px solid #34425b;border-radius:50%;color:#a6ddf1;transition:.25s}.nav-whatsapp:hover{border-color:#4ed5c7;color:#4ed5c7;transform:translateY(-2px)}.icon-svg{width:19px;height:19px;display:inline-block;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:11px;min-height:44px;padding:11px 21px;border:1px solid transparent;font-weight:800;font-size:12px;line-height:1.4;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-small{min-height:37px;padding:9px 16px;font-size:11px}.btn-large{padding:16px 27px;min-height:54px;font-size:13px}.btn-primary{background:linear-gradient(110deg,#6f7eff,#876cf4 54%,#b46af7);box-shadow:0 10px 32px #7869f74a;color:#fff;border-color:#aa9cfe66}.btn-primary:hover{box-shadow:0 14px 35px #8974ff6e}.btn-ghost{border-color:#34415a;background:#151c30;color:#d9e3ff}.btn-ghost:hover{background:#202a43}.btn-outline{border-color:#44516c;background:#ffffff07;color:#e8ecfa}.btn-outline:hover{border-color:#8097c8;background:#ffffff0e}.btn-white{color:#19204b;background:#fff;box-shadow:0 10px 26px #0b11372d}.btn-full{width:100%}.menu-toggle{display:none;color:#dfe8ff;background:transparent;border:1px solid #30405e;border-radius:9px;width:40px;height:40px;align-items:center;justify-content:center}.mobile-nav{display:none}.hero{padding:80px 0 0;min-height:650px;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#566ba11a 1px,transparent 1px),linear-gradient(90deg,#566ba11a 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(90deg,#0002 0%,#000b 55%,transparent 100%);opacity:.6}.hero-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:30px;align-items:center;min-height:510px}.hero-copy{position:relative;z-index:2;padding-bottom:14px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:#ad9bff;font-weight:800}.eyebrow{padding:8px 12px;border:1px solid #6959b15e;background:#42316e31;border-radius:50px}.eyebrow-spark,.small-spark{color:#66d6ee;font-size:16px}.eyebrow-line{width:25px;height:1px;background:#977dff80}.hero h1{font-weight:900;font-size:clamp(46px,5.1vw,69px);letter-spacing:-2.1px;line-height:1.46;margin:25px 0 15px}.gradient-text{background:linear-gradient(105deg,#56d7f5 4%,#90a1ff 43%,#c587ff 92%);-webkit-background-clip:text;background-clip:text;color:transparent}.glow-period{color:#86dcfd;-webkit-text-fill-color:#86dcfd}.hero-lead{color:#acb9d1;line-height:2.4;font-size:14px;max-width:550px;margin:0 0 30px}.hero-lead strong{color:#dce5f8;font-weight:600}.hero-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-highlights{display:flex;align-items:center;flex-wrap:wrap;gap:19px;margin-top:38px}.hero-highlights span{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:#a7b5cf}.hero-highlights .icon-svg{width:15px;height:15px;color:#40dabc}.hero-art{height:475px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;perspective:900px}.hero-backplate{position:absolute;z-index:-1;width:85%;height:75%;border-radius:50%;background:radial-gradient(ellipse,#4a49ba55,#1674ba23 43%,transparent 72%);filter:blur(36px)}.orbit{position:absolute;border-radius:50%;border:1px solid #596aab30;transform:rotate(-20deg)}.orbit-one{width:480px;height:360px}.orbit-two{width:560px;height:430px;border-style:dashed;animation:orbitRotate 60s linear infinite}.code-window{width:min(100%,495px);z-index:2;border:1px solid #57618b66;border-radius:16px;background:linear-gradient(145deg,#131b34ef,#0b1022f5);box-shadow:0 45px 110px #03050bba,0 0 60px #8278ef20,inset 0 1px 0 #a9b3fb29;overflow:hidden;transform:rotate(-2deg) translateY(2px);animation:codeFloat 7s ease-in-out infinite}.window-top,.window-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 17px;background:#1d264375;border-bottom:1px solid #35405d75;color:#8494b4;font:500 10px/1.4 system-ui;direction:ltr}.window-top .icon-svg{width:15px}.traffic-dots{display:flex;gap:6px}.traffic-dots i{width:9px;height:9px;border-radius:50%;background:#fc678b}.traffic-dots i:nth-child(2){background:#ffcf6b}.traffic-dots i:nth-child(3){background:#4ad7aa}.code-body{padding:24px 19px 19px;direction:ltr;text-align:left}.code-line{display:flex;gap:20px;white-space:pre;align-items:baseline;color:#bbcbef;font:500 clamp(11px,1.28vw,14px)/2.2 ui-monospace,SFMono-Regular,Consolas,monospace}.line-num{width:18px;color:#607092;flex-shrink:0}.code-line b{font-weight:600}.code-pink{color:#d78dff}.code-blue{color:#83b8ff}.code-green{color:#87e8ae}.code-white{color:#d6e3ff}.code-orange{color:#ffbc7f}.indent{padding-left:26px}.code-space{height:10px}.terminal-success{margin:14px 0 0 35px;padding:10px 12px;color:#9de9c7;font:500 10px/1.6 ui-monospace,Consolas,monospace;display:flex;align-items:center;gap:8px;border:1px solid #2eaa7465;background:#0f55352b;border-radius:7px}.terminal-success .icon-svg{width:14px;height:14px}.cursor-blink{animation:blink 1s steps(1) infinite}.window-footer{border-top:1px solid #303a5875;border-bottom:0;font-size:9px}.window-footer span{display:flex;align-items:center;gap:7px}.footer-indicator{width:6px;height:6px;border-radius:50%;background:#35db94}.floating-tag{position:absolute;z-index:3;display:flex;gap:10px;align-items:center;border-radius:12px;padding:12px 14px;background:#1d2641e8;border:1px solid #5c6c9c85;box-shadow:0 16px 42px #05091e8c;backdrop-filter:blur(12px);animation:tagFloat 5s ease-in-out infinite}.floating-tag>span:nth-child(2){display:flex;flex-direction:column;line-height:1.5}.floating-tag b{font:700 11px/1.5 system-ui;direction:ltr;text-align:left}.floating-tag small{font-size:9px;color:#a8b7d0}.floating-tag .green-signal{margin-left:4px}.floating-tag-top{top:36px;left:0}.floating-tag-bottom{bottom:18px;right:-8px;animation-delay:-2.5s}.tag-mini-icon{width:37px;height:37px;display:grid;place-items:center;color:#74e8dc;background:#2b8c8852;border-radius:10px}.tag-mini-icon.purple{color:#bbadff;background:#6f59b852}.hero-cross{position:absolute;color:#637bac;font-size:24px;font-weight:200}.cross-a{top:45px;right:10px}.cross-b{bottom:60px;left:50px}.tech-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #26314d7f;margin-top:58px;padding:23px 0 28px}.tech-label{font-size:11px;color:#8898b4;white-space:nowrap}.tech-items{display:flex;align-items:center;gap:clamp(16px,4vw,47px);flex-wrap:wrap;justify-content:space-between}.tech-items span{font:700 15px/1.5 system-ui;color:#8491aa;opacity:.77;letter-spacing:-.4px}.section-heading.centered{text-align:center;margin-inline:auto;max-width:720px;margin-bottom:42px}.section-heading h2,.solution-copy h2,.faq-aside h2{font-size:clamp(29px,3.3vw,42px);line-height:1.65;letter-spacing:-1px;margin:8px 0 10px;font-weight:900}.section-heading p,.solution-copy>p,.faq-aside>p{font-size:13px;line-height:2.25;color:#9faec8;margin:0}.services-section{padding-top:120px;background:linear-gradient(180deg,#0c1223bb,#0b0f1cbc)}.filter-bar{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}.filter-btn{background:#151d31;border:1px solid #2d3852;color:#a9b8d1;border-radius:9px;padding:9px 17px;font-size:11px;font-weight:800;transition:.2s}.filter-btn:hover{border-color:#6e72ce;color:#e8eeff}.filter-btn.active{background:#5e61ae47;color:#c6cbff;border-color:#7d80e6}.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.service-card{background:linear-gradient(150deg,#151c32,#101626);border:1px solid #2b3750;border-radius:15px;padding:25px 22px 22px;min-height:247px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .28s,border-color .28s,box-shadow .28s;animation:cardEnter .46s both}.service-card::after{content:"";width:160px;height:160px;background:radial-gradient(circle,#8271f027,transparent 70%);position:absolute;top:-95px;left:-50px;pointer-events:none;opacity:0;transition:opacity .3s}.service-card:hover{transform:translateY(-7px);border-color:#7678d18c;box-shadow:0 20px 60px #0307136a}.service-card:hover::after{opacity:1}.service-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:#36377b48;color:#a1a1ff;border:1px solid #7671e63b;flex-shrink:0}.service-card[data-category="hosting"] .service-icon{background:#24648c40;color:#63ceff;border-color:#51b7f044}.service-card[data-category="security"] .service-icon{background:#16866530;color:#65ddb8;border-color:#43bf9249}.service-card[data-category="design"] .service-icon{background:#983e9440;color:#e3a2f7;border-color:#cd7cca49}.service-card[data-category="marketing"] .service-icon{background:#946e2440;color:#f3c879;border-color:#f5c96d4b}.service-icon .icon-svg{height:23px;width:23px}.service-cat{font-size:10px;color:#7f90b4;font-weight:700;margin:14px 0 0}.service-card h3{margin:4px 0 6px;font-size:16px;font-weight:900;color:#eff3ff}.service-card p{font-size:11px;color:#9daac2;line-height:2;flex:1;margin:0 0 16px}.service-link{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;text-align:right;color:#a8a4ff;font-size:11px;font-weight:800;align-self:flex-start}.service-link:hover{color:#77e2f1}.service-link .icon-svg{height:15px;width:15px}.service-bottom-note{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:11px;color:#8392aa;margin-top:33px;text-align:center}.service-bottom-note>.icon-svg{color:#7894c9;width:16px}.service-bottom-note a{color:#abc9ff;font-weight:800}.loading-services{grid-column:1/-1;text-align:center;padding:60px;color:#9cacc7}.spinner{display:inline-block;width:18px;height:18px;border:2px solid #6a7ad04d;border-top-color:#83bfff;border-radius:50%;animation:spin .9s linear infinite;vertical-align:middle;margin-left:6px}.solutions-section{padding:120px 0;background:linear-gradient(180deg,#090d19,#10162860)}.solutions-layout{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.solution-visual{height:460px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#202b5559,#0c122315 64%,transparent 75%)}.solution-grid-art{width:385px;height:385px;max-width:100%;position:relative;display:grid;place-items:center}.solution-grid-art::before{content:"";position:absolute;inset:3%;background-image:linear-gradient(#405b8d25 1px,transparent 1px),linear-gradient(90deg,#405b8d25 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle,#000 20%,transparent 75%)}.mesh-ring{position:absolute;border:1px dashed #596a9c65;border-radius:50%;width:76%;height:76%;animation:orbitRotate 48s linear infinite}.ring-2{width:100%;height:100%;border-color:#4c679353;animation-direction:reverse}.solution-center{z-index:2;width:140px;height:140px;background:linear-gradient(145deg,#2f3965,#111b37);border:1px solid #737deb99;box-shadow:0 0 50px #6480d34f,inset 0 0 25px #6a70d62a;border-radius:25px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-5deg)}.solution-center .icon-svg{width:39px;height:39px;color:#88d7ed}.solution-center>span:nth-child(2){font:900 28px/1.5 system-ui;letter-spacing:4px}.solution-center small{font:700 8px/1.5 system-ui;letter-spacing:2px;color:#8599c8}.solution-node{position:absolute;z-index:3;display:grid;place-items:center;width:54px;height:54px;border:1px solid #5b6a9f91;border-radius:16px;background:linear-gradient(135deg,#26355c,#101a35);box-shadow:0 9px 30px #080b1fb0;color:#81cffa;animation:tagFloat 5s ease-in-out infinite}.solution-node .icon-svg{width:25px;height:25px}.node-1{top:0;left:42%}.node-2{top:23%;right:3%;animation-delay:-2s}.node-3{bottom:16%;right:8%;animation-delay:-1s}.node-4{bottom:-3%;left:38%;animation-delay:-2.6s}.node-5{bottom:22%;left:4%;animation-delay:-.5s}.node-6{top:22%;left:6%;animation-delay:-3s}.solution-caption{position:absolute;bottom:3px;right:15%;display:flex;gap:9px;align-items:center;color:#95a8c8;font-size:10px;background:#18243a;border:1px solid #35405b;padding:7px 12px;border-radius:30px}.solution-copy h2{margin-top:12px}.solution-copy>p{margin-bottom:28px}.feature-list{display:grid;gap:23px}.feature-row{display:flex;align-items:flex-start;gap:16px}.feature-icon{width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:#6264b03c;display:grid;place-items:center;color:#a8a4ff}.feature-row h3{font-size:14px;margin:-5px 0 0}.feature-row p{font-size:11px;color:#98a8c1;line-height:2;margin:4px 0 0}.text-link{display:inline-flex;align-items:center;gap:8px;color:#8bb7ff;font-weight:800;font-size:12px;margin-top:29px}.text-link .icon-svg{width:17px}.process-section{background:#0d1426aa}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.process-card{padding:29px 23px;border:1px solid #2a3550;border-radius:15px;background:linear-gradient(155deg,#141c30,#0f1423);position:relative;overflow:hidden;min-height:230px;transition:.25s}.process-card:hover{transform:translateY(-5px);border-color:#686bca}.process-number{position:absolute;top:12px;left:16px;font:900 42px/1.3 system-ui;color:#3840617d}.process-icon{width:50px;height:50px;border:1px solid #6960bd66;background:#7566d02a;color:#b1a9ff;display:grid;place-items:center;border-radius:13px;margin-bottom:25px}.process-icon .icon-svg{width:24px;height:24px}.process-card h3{font-size:15px;margin:0 0 5px}.process-card p{font-size:11px;color:#95a3bd;margin:0;line-height:2.15}.cta-section{padding:90px 0}.cta-panel{position:relative;overflow:hidden;border:1px solid #756de994;border-radius:24px;padding:53px 61px;background:linear-gradient(113deg,#222c69,#2d2765 54%,#39236e);display:flex;align-items:center;justify-content:space-between;gap:25px;box-shadow:0 20px 80px #5b55a11b}.cta-glow{position:absolute;width:450px;height:450px;top:-250px;left:8%;filter:blur(35px);background:#796deb56;border-radius:50%}.cta-copy,.cta-actions{position:relative;z-index:2}.cta-copy{max-width:630px}.cta-copy .section-kicker{color:#b7e8ff}.cta-copy h2{font-size:clamp(25px,3vw,40px);line-height:1.7;margin:4px 0 6px}.cta-copy h2 span{color:#87e4ff}.cta-copy p{font-size:12px;color:#d2d8f1;line-height:2;margin:0}.cta-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:205px}.cta-actions .btn-outline{border-color:#9196d26e}.cta-watermark{font:900 200px/1 system-ui;position:absolute;left:20%;bottom:-75px;letter-spacing:-15px;color:#ad9bff0e;pointer-events:none}.faq-section{padding:100px 0;background:linear-gradient(180deg,#0a0e1a,#0c1322)}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.faq-aside{padding-top:12px}.faq-aside h2{font-size:34px}.faq-aside>p{margin:0 0 25px}.faq-list{display:flex;flex-direction:column;gap:11px}.faq-list details{border:1px solid #2b3651;border-radius:12px;background:#131b2c;overflow:hidden;transition:border-color .2s}.faq-list details[open]{border-color:#746cc8}.faq-list summary{cursor:pointer;list-style:none;padding:20px 21px;font-size:12px;font-weight:800;display:flex;justify-content:space-between;gap:15px;align-items:center}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .icon-svg{color:#8994e1;width:17px;flex-shrink:0;transition:transform .2s}.faq-list details[open] summary .icon-svg{transform:rotate(45deg)}.faq-list details p{border-top:1px solid #2a3551;padding:15px 21px 21px;margin:0;color:#a5b4cf;font-size:11px;line-height:2.2}.contact-section{background:#0b101e;padding:110px 0 130px}.contact-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:30px}.contact-info{background:linear-gradient(150deg,#192443,#131b31);border:1px solid #35425e;border-radius:18px;padding:34px}.contact-status{display:inline-flex;align-items:center;gap:9px;color:#98e9d0;font-size:10px;font-weight:800}.contact-info h3{font-size:25px;margin:14px 0 5px}.contact-info-header>p{color:#a2b0ca;font-size:12px;line-height:2;margin:0 0 29px}.contact-method{display:flex;align-items:center;gap:13px;border-top:1px solid #34415f;min-height:90px;transition:.2s}.contact-method:hover{padding-right:5px;color:#9ddfff}.method-icon{width:43px;height:43px;display:grid;place-items:center;background:#4c64a13b;border-radius:12px;color:#97b5ff}.contact-method>span:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:0}.contact-method small{color:#8fa1c0;font-size:10px}.contact-method strong{font:700 14px/1.7 system-ui;overflow-wrap:anywhere}.contact-method>.icon-svg{width:17px;color:#7f93b4}.contact-info-foot{display:flex;align-items:center;gap:8px;color:#8798b7;font-size:10px;margin-top:24px}.contact-info-foot .icon-svg{color:#67d6be;width:15px}.contact-form{padding:32px;background:linear-gradient(160deg,#151d30,#101626);border:1px solid #33405b;border-radius:18px}.form-header h3{margin:0 0 3px;font-size:20px}.form-header p{margin:0 0 23px;color:#8d9fbb;font-size:11px}.contact-form label,.modal label,.dash-form label{display:block;position:relative;font-size:11px;color:#c5d2e9;font-weight:800;margin-bottom:17px}.contact-form label span,.modal label span{color:#d39fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact-form input,.contact-form select,.contact-form textarea,.modal input,.modal select,.modal textarea,.dash-form input,.dash-form select,.dash-form textarea{display:block;width:100%;border:1px solid #34415d;background:#0e1424;color:#f4f6ff;border-radius:9px;padding:12px 13px;min-height:45px;margin-top:7px;font-weight:500;font-size:12px;outline:0;transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus,.modal input:focus,.modal select:focus,.modal textarea:focus,.dash-form input:focus,.dash-form select:focus,.dash-form textarea:focus{border-color:#7a80e9;box-shadow:0 0 0 3px #717cec24}.contact-form input::placeholder,.contact-form textarea::placeholder,.modal input::placeholder,.modal textarea::placeholder,.dash-form input::placeholder,.dash-form textarea::placeholder{color:#62728f}.contact-form textarea,.modal textarea,.dash-form textarea{resize:vertical;line-height:1.9}.form-disclaimer{display:block;color:#8798b5;font-size:10px;margin:12px 0 0;text-align:center}.form-disclaimer a{color:#a7b8ff}.form-feedback{min-height:17px;color:#79e6c0;font-weight:800;font-size:11px;margin:10px 0 0}.form-feedback.error{color:#ff9aa6}.hp-field{display:none!important;position:static!important;left:auto!important;right:auto!important;width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;pointer-events:none!important}.site-footer{background:#090e1c;border-top:1px solid #293551;padding:65px 0 0}.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1.15fr 1fr;gap:50px;padding-bottom:58px}.footer-brand-col p{font-size:11px;color:#8291b0;line-height:2.3;max-width:280px;margin-top:19px}.footer-col{display:flex;flex-direction:column;gap:11px}.footer-col h4{font-size:12px;margin:0 0 9px}.footer-col a{font-size:11px;color:#8c9bb8;transition:.2s}.footer-col a:hover{color:#94caff}.footer-bottom{border-top:1px solid #25304a;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:23px 0;color:#72829e;font-size:10px}.heart{color:#e58ba1}.floating-wa{position:fixed;bottom:27px;left:27px;z-index:35;display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:linear-gradient(145deg,#23c995,#12a87a);box-shadow:0 13px 34px #10c38b51;color:#fff;transition:.25s}.floating-wa:hover{transform:translateY(-5px)}.floating-wa .icon-svg{width:27px;height:27px}.floating-wa-tip{position:absolute;left:64px;background:#1c2a42;border:1px solid #3e516e;color:#d8e6f9;font-size:10px;font-weight:800;white-space:nowrap;padding:6px 11px;border-radius:8px;opacity:0;transform:translateX(-5px);pointer-events:none;transition:.2s}.floating-wa:hover .floating-wa-tip{opacity:1;transform:translateX(0)}.back-to-top{position:fixed;bottom:96px;left:34px;z-index:34;background:#192641;color:#bbd7ff;width:38px;height:38px;border:1px solid #3b5271;border-radius:12px;display:grid;place-items:center;opacity:0;pointer-events:none;transform:translateY(10px);transition:.25s}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}dialog.modal{position:fixed;max-height:min(93vh,900px);width:min(480px,calc(100% - 25px));max-width:none;margin:auto;padding:32px;background:linear-gradient(155deg,#1a233c,#0e1528);border:1px solid #626b9b;border-radius:19px;color:var(--text);box-shadow:0 35px 120px #000c;overflow:auto}dialog.modal::backdrop{background:#01030bd9;backdrop-filter:blur(8px)}dialog.order-modal{width:min(580px,calc(100% - 25px))}.modal-close{position:absolute;top:15px;left:16px;background:#26304d;color:#e4eaff;border:1px solid #414c70;border-radius:9px;display:grid;place-items:center;width:34px;height:34px}.modal-close .icon-svg{width:17px}.modal-head{text-align:center;padding:10px 0 20px}.modal-logo{display:inline-grid;place-items:center;border:1px solid #6e74dd;background:#292961;width:56px;height:56px;border-radius:17px;font:900 29px/1 system-ui;color:#fff}.modal-logo span{color:#7aeaff}.modal-head h2{font-size:22px;margin:13px 0 0}.modal-head p{font-size:11px;color:#98a8c3;margin:4px 0 0}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#0c1425;padding:5px;border-radius:11px;margin-bottom:23px}.auth-tabs button{padding:10px;border:0;border-radius:8px;background:transparent;color:#8999b6;font-size:11px;font-weight:800}.auth-tabs button.active{background:#343668;color:#e8eaff}.modal .btn{margin-top:9px}.password-toggle{position:absolute;bottom:10px;left:10px;border:0;background:transparent;color:#97a7c1;padding:5px}.password-toggle .icon-svg{width:17px}.modal-bottom{text-align:center;border-top:1px solid #34405c;padding-top:16px;margin-top:20px;color:#91a1ba;font-size:10px}.modal-bottom a{color:#aaa6ff}.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s cubic-bezier(.2,.75,.4,1),transform .75s cubic-bezier(.2,.75,.4,1)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes pulse{50%{box-shadow:0 0 0 7px #35deb70a,0 0 20px #35deb7aa}}@keyframes orbitRotate{to{transform:rotate(360deg)}}@keyframes codeFloat{50%{transform:rotate(-1deg) translateY(-11px)}}@keyframes tagFloat{50%{transform:translateY(-11px)}}@keyframes blink{50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes cardEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
/* Dashboard and legal */
.dash-shell{min-height:100vh;background:#090e1d}.dash-top{position:sticky;top:0;z-index:20;background:#0d1424f2;backdrop-filter:blur(18px);border-bottom:1px solid #303b56}.dash-top-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:15px}.dash-top-actions{display:flex;align-items:center;gap:10px}.user-chip{display:flex;align-items:center;gap:9px;padding:6px 12px;border:1px solid #31405c;border-radius:40px;color:#ccd8ed;font-size:11px;font-weight:800}.user-avatar{width:29px;height:29px;background:#6661c651;display:grid;place-items:center;border-radius:50%;color:#cbcaff}.dashboard-layout{padding:45px 0 80px}.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:29px}.dashboard-welcome .section-kicker{margin-bottom:5px}.dashboard-welcome h1{font-size:32px;line-height:1.5;margin:0}.dashboard-welcome p{font-size:12px;color:#9daac5;margin:4px 0 0}.dashboard-hero-right{display:flex;gap:10px}.dash-tabs{display:flex;flex-wrap:wrap;gap:9px;border-bottom:1px solid #2f3b56;padding-bottom:18px;margin-bottom:25px}.dash-tab{border:1px solid #34415e;padding:11px 19px;border-radius:10px;background:#141b2d;color:#a8b6cf;font-size:11px;font-weight:800;display:flex;align-items:center;gap:8px;transition:.2s}.dash-tab .icon-svg{width:16px}.dash-tab.active{color:#e9ecff;border-color:#817ee9;background:#7771d539}.dash-tab:hover{border-color:#757cd0}.dash-panel{display:none;animation:cardEnter .3s both}.dash-panel.active{display:block}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{border:1px solid #303d5b;border-radius:15px;background:#141c30;padding:25px;display:flex;flex-direction:column;gap:15px;position:relative;overflow:hidden}.stat-card>span:first-child{display:flex;align-items:center;gap:9px;color:#9caeca;font-size:11px;font-weight:800}.stat-card .icon-svg{width:19px;color:#9598fc}.stat-card strong{font-size:34px;line-height:1;font-family:system-ui}.panel-card{border:1px solid #32405b;border-radius:16px;background:#121b2d;padding:25px;margin-bottom:22px;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px;flex-wrap:wrap}.panel-header h2{font-size:18px;margin:0}.panel-header p{color:#94a6bf;font-size:11px;margin:4px 0 0}.data-table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:670px;text-align:right}.data-table th,.data-table td{padding:15px 12px;vertical-align:top;border-bottom:1px solid #2b3750;font-size:11px}.data-table th{color:#8fa0bc;font-weight:800;background:#1a2540}.data-table td{color:#d6e1f7;line-height:1.9}.data-table tr:last-child td{border-bottom:0}.data-table .text-muted{color:#8b9bb6}.data-table .long-text{min-width:210px;max-width:350px;white-space:pre-wrap;overflow-wrap:anywhere}.status-pill{font-size:10px;font-weight:800;padding:5px 10px;border-radius:6px;background:#465b8b55;color:#b1cfff;display:inline-block;white-space:nowrap}.status-new,.status-unread{background:#6b61984a;color:#c9acff}.status-reviewing{background:#b88c3942;color:#eec87c}.status-in_progress{background:#2c80934d;color:#7bddf1}.status-completed,.status-read{background:#25846141;color:#76e4b5}.status-cancelled,.status-disabled{background:#a8425444;color:#ff9ead}.select-inline{width:auto!important;display:inline-block!important;min-height:33px!important;margin:0!important;padding:6px 9px!important;font-size:10px!important}.dash-action{background:#333f62;border:1px solid #58678a;color:#dfeaff;padding:6px 12px;border-radius:8px;font-weight:700;font-size:10px}.dash-action:hover{background:#455881}.dash-action.danger{color:#ffb5b5;border-color:#a65767}.empty-state{display:grid;justify-items:center;gap:12px;text-align:center;padding:48px 12px;color:#94a4bf}.empty-state .icon-svg{width:34px;height:34px;color:#8299d3}.empty-state h3{margin:0;color:#dce7fb;font-size:15px}.empty-state p{margin:0;font-size:11px}.dash-form{max-width:690px}.dash-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dash-form .form-feedback{margin-top:10px}.dash-form h3{font-size:16px;margin:0 0 19px}.dash-form input,.dash-form select,.dash-form textarea{margin-top:8px}.dash-service-item{padding:16px;border:1px solid #2c3955;border-radius:12px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#172039}.dash-service-item h3{margin:0;font-size:13px}.dash-service-item p{font-size:10px;color:#90a3be;margin:0}.service-item-actions{display:flex;gap:7px;align-items:center}.tag-disabled{color:#ffaaaa;font-size:10px}.tag-active{color:#8be2c0;font-size:10px}.setup-page{min-height:100vh;display:grid;place-items:center;padding:45px 20px}.setup-card{width:min(560px,100%);border:1px solid #454d87;border-radius:22px;background:linear-gradient(155deg,#182341,#111a2d);padding:37px;box-shadow:var(--shadow)}.setup-card h1{font-size:26px;margin:17px 0 2px}.setup-card p{color:#a8b5d1;font-size:12px;line-height:2.1}.setup-alert{display:flex;gap:9px;padding:14px;border:1px solid #716a9a;background:#6b5d952b;border-radius:10px;color:#d5caff;font-size:11px;line-height:2}.setup-form label{display:block;color:#cdd6eb;font-weight:800;font-size:11px;margin:14px 0}.setup-form input{width:100%;padding:13px;border:1px solid #44516c;border-radius:9px;background:#0c1426;color:#fff;margin-top:6px}.setup-form input:focus{border-color:#8786fb}.legal-page{min-height:100vh}.legal-content{max-width:860px;background:#111a2d;border:1px solid #303b55;padding:35px;border-radius:16px;margin:60px auto 100px}.legal-content h1{font-size:32px}.legal-content h2{font-size:18px;margin-top:30px}.legal-content p,.legal-content li{color:#a6b4ce;font-size:12px;line-height:2.35}.legal-content a{color:#a8bbff}.legal-content ul{padding-right:20px}.toast-stack{position:fixed;bottom:22px;right:22px;z-index:100;display:grid;gap:10px}.toast{background:#222d47;border:1px solid #7885cb;border-radius:12px;padding:14px 18px;box-shadow:0 10px 40px #0009;font-size:12px;color:#eef5ff;max-width:340px;animation:cardEnter .3s both}.toast.error{border-color:#a14e62;color:#ffcfda}
@media(max-width:1130px){.desktop-nav{gap:18px}.hero h1{font-size:53px}.services-grid{grid-template-columns:repeat(3,1fr)}.solutions-layout{gap:40px}.cta-panel{padding:45px 40px}}@media(max-width:950px){.desktop-nav{display:none}.menu-toggle{display:flex}.mobile-nav{position:absolute;top:100%;left:0;right:0;background:#10182cf7;box-shadow:0 25px 50px #01050d9c;border-bottom:1px solid #32425f;padding:12px 23px 18px}.mobile-nav.open{display:flex;flex-direction:column}.mobile-nav a{font-weight:800;font-size:12px;padding:10px 7px;border-bottom:1px solid #27344b}.mobile-nav a:last-child{border-bottom:0}.hero-layout{gap:15px}.hero h1{font-size:47px}.code-line{font-size:11px}.floating-tag-top{top:10px}.solutions-layout{gap:20px}.solution-grid-art{width:320px;height:320px}.solution-visual{height:390px}.cta-panel{flex-direction:column;align-items:stretch;text-align:center}.cta-copy{max-width:none}.cta-actions{flex-direction:row;justify-content:center}.process-grid{grid-template-columns:repeat(2,1fr)}.faq-layout{gap:35px}.footer-top{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.container{width:min(100% - 30px,540px)}.section{padding:75px 0}.announcement{font-size:9px;gap:6px;padding:0 10px;text-align:center}.nav-inner{height:70px}.brand-mark{width:39px;height:39px}.brand-text strong{font-size:14px}.brand-text small{font-size:7px;letter-spacing:3px}.nav-whatsapp{display:none}.nav-actions{gap:8px}.nav-actions .btn-small{padding:9px 10px;font-size:10px;min-height:35px}.hero{padding-top:47px;overflow:hidden}.hero-layout{grid-template-columns:1fr;gap:0}.hero-copy{text-align:center}.eyebrow{font-size:10px}.hero h1{font-size:clamp(41px,10vw,57px);letter-spacing:-1.1px;line-height:1.52;margin:19px 0 10px}.hero-lead{font-size:12px;line-height:2.2;margin:0 auto 25px}.hero-buttons,.hero-highlights{justify-content:center}.hero-buttons .btn{min-height:49px;padding:12px 17px;font-size:11px}.hero-highlights{gap:10px;margin-top:22px}.hero-highlights span{font-size:9px}.hero-art{height:400px;width:100%;max-width:530px;margin:8px auto -7px}.code-window{width:90%;transform:rotate(-2deg)}.code-body{padding:19px 13px 14px}.code-line{font-size:clamp(9px,2.5vw,13px);gap:9px}.terminal-success{font-size:9px}.floating-tag-top{left:-1px;top:19px}.floating-tag-bottom{right:0;bottom:6px}.orbit-one{width:350px;height:290px}.orbit-two{width:410px;height:330px}.floating-tag{padding:8px 10px}.floating-tag b{font-size:9px}.floating-tag small{font-size:8px}.tag-mini-icon{width:30px;height:30px}.tag-mini-icon .icon-svg{width:17px}.tech-strip{margin-top:0;flex-direction:column;gap:12px;padding:18px 0 22px}.tech-items{justify-content:center;gap:15px 21px}.tech-items span{font-size:11px}.section-heading{margin-bottom:25px!important}.section-heading h2,.solution-copy h2{font-size:29px}.section-heading p,.solution-copy>p{font-size:11px}.filter-bar{display:flex;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;scrollbar-width:none;margin-left:-15px;margin-right:-15px;padding:0 15px 6px}.filter-bar::-webkit-scrollbar{display:none}.filter-btn{flex:0 0 auto;font-size:10px;padding:8px 12px}.services-grid{grid-template-columns:repeat(2,1fr);gap:11px}.service-card{padding:17px 14px;min-height:250px;border-radius:12px}.service-icon{width:40px;height:40px}.service-card h3{font-size:13px;line-height:1.6}.service-card p{font-size:10px;line-height:1.9}.service-link{font-size:10px}.service-cat{font-size:9px}.service-bottom-note{font-size:10px}.solutions-layout{grid-template-columns:1fr;gap:22px}.solution-visual{order:2;height:360px}.solution-copy{order:1}.solution-grid-art{width:305px;height:305px}.solution-caption{bottom:0}.process-grid{gap:12px}.process-card{padding:23px 17px;min-height:224px}.process-card h3{font-size:13px}.process-card p{font-size:10px}.process-icon{width:43px;height:43px}.cta-panel{padding:35px 23px;border-radius:18px}.cta-copy h2{font-size:27px}.cta-copy p{font-size:11px}.cta-actions{flex-direction:column;align-items:stretch}.faq-layout{grid-template-columns:1fr;gap:25px}.faq-aside{text-align:center}.faq-aside h2{font-size:28px}.faq-list summary{font-size:11px;padding:16px}.contact-layout{grid-template-columns:1fr;gap:15px}.contact-form,.contact-info{padding:23px}.form-row{grid-template-columns:1fr;gap:0}.footer-top{gap:23px 28px}.footer-brand-col{grid-column:1/-1}.footer-bottom{justify-content:center;text-align:center}.dashboard-layout{padding:26px 0 65px}.dashboard-welcome{flex-direction:column;align-items:flex-start;gap:12px}.dashboard-welcome h1{font-size:24px}.dashboard-welcome .btn{font-size:10px}.dash-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.dash-tab{white-space:nowrap;flex:0 0 auto;padding:10px 12px}.stats-grid{gap:10px}.stat-card{padding:17px}.stat-card strong{font-size:29px}.panel-card{padding:17px}.dash-form-grid{grid-template-columns:1fr;gap:0}.user-chip{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-top-actions .btn{padding:8px 12px}.dash-service-item{flex-direction:column;align-items:flex-start}.setup-card{padding:24px}.legal-content{margin:35px auto 70px;padding:23px}.legal-content h1{font-size:25px}}
@media(max-width:390px){.container{width:calc(100% - 24px)}.brand{gap:7px}.brand-mark{width:33px;height:33px}.brand-text strong{font-size:12px}.brand-text small{letter-spacing:2px;font-size:6px}.nav-inner{gap:6px}.hero h1{font-size:40px}.services-grid{grid-template-columns:1fr 1fr}.service-card{padding:14px 11px}.service-card h3{font-size:12px}.code-line{font-size:9px}.floating-tag b{font-size:8px}.floating-tag small{font-size:7px}.hero-art{height:330px}.orbit-one{width:300px;height:250px}.orbit-two{width:355px;height:290px}.tech-items{gap:12px}.hero-highlights{gap:8px}.hero-highlights span{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
/* small dashboard additions */
.checkbox-label{display:flex!important;align-items:center;gap:9px}.checkbox-label input{width:auto!important;min-height:0!important;margin:0!important;accent-color:#8d81ff}.user-info-grid{display:flex;gap:25px;flex-wrap:wrap;color:#b9c9e4}.user-info-grid p{font-size:12px}.user-info-grid strong{color:#eef5ff}.panel-card>h2{font-size:18px}.dash-form>label{margin:15px 0}.dash-form .service-item-actions{margin-top:18px}

/* JAZZ ALWADI responsive layout: contain decorative layers and preserve viewport on RTL devices. */
html{overflow-x:hidden}
body{overflow-x:hidden}
.ambient{max-width:100%}
@media(max-width:700px){
  .filter-bar{margin-inline:0;padding-inline:0;padding-bottom:6px;width:100%}
  .hero-art,.code-window{max-width:100%}
}


/* JAZZ ALWADI — mobile/Safari responsive hardening, v2.
   Prevent overflow at its source and prevent iOS auto-zoom on form focus. */
html { max-width:100%; -webkit-text-size-adjust:100%; text-size-adjust:100%; }
body { width:100%; max-width:100%; min-width:0; margin:0; overflow-x:hidden; }
main, header, footer, .site-footer, .announcement {max-width:100%;min-width:0;}
main, .section, .container, .nav-inner, .hero-layout,
.hero-copy, .hero-art, .code-window, .services-grid, .service-card,
.solutions-layout, .solution-copy, .solution-visual, .process-grid,
.cta-panel, .faq-layout, .contact-layout, .contact-form, .contact-info,
.footer-top, .footer-brand-col, .dashboard-layout,
.dashboard-content, .panel-card { min-width:0; }
/* Strictly exclude the anti-spam field from visual layout on all engines. */
input.hp-field, input[name="website"].hp-field {display:none!important;}
/* Long identifiers/content may wrap within their own cards instead of widening the page. */
.service-card, .process-card, .contact-form, .contact-info, .panel-card,
.solution-copy, .faq-list, .code-window, .cta-panel {overflow-wrap:anywhere;}
img, svg, video, canvas {max-width:100%;}
input,select,textarea {min-width:0;max-width:100%;}
@media (max-width:700px) {
  /* Keep background ornaments and featured code block inside the mobile viewport. */
  .ambient {max-width:100vw;pointer-events:none;}
  .hero-art {overflow:hidden;isolation:isolate;}
  .code-window{max-width:calc(100% - 12px);min-width:0;}
  .code-body,.code-line{min-width:0;}
  .tech-strip,.tech-items {max-width:100%;min-width:0;}
  .brand {min-width:0;}
  .brand-text {min-width:0;}
  .nav-actions {flex-shrink:0;}
  .filter-bar, .dash-tabs, .data-table-wrap {max-width:100%;min-width:0;-webkit-overflow-scrolling:touch;}
  .services-grid,.process-grid,.contact-layout,.faq-layout,.footer-top {min-width:0;}
  .service-card {min-width:0;}
  /* iOS Safari zooms the whole page on focus when text inputs are smaller than 16px. */
  input:not([type="checkbox"]):not([type="radio"]),select,textarea{font-size:16px!important;}
  dialog.modal {max-width:calc(100% - 24px);max-height:calc(100vh - 24px);overflow-y:auto;-webkit-overflow-scrolling:touch;}
  .modal input,.modal textarea,.modal select {width:100%;min-width:0;}
  .toast-stack {max-width:calc(100% - 24px);inset-inline-end:12px;inset-inline-start:12px;}
}
@supports (height: 100dvh){
 @media(max-width:700px){dialog.modal{max-height:calc(100dvh - 24px)}}
}
@media(max-width:359px){
 .container{width:calc(100% - 22px)}
 .hero h1{font-size:clamp(30px,10vw,40px)}
 .hero-buttons{gap:9px}
 .hero-buttons .btn{font-size:10px;padding:10px 12px}
 .nav-actions .btn-small{padding:7px 8px}
 .brand-text strong{font-size:11px}
 .brand-text small{font-size:6px;letter-spacing:1px}
 .service-card{padding:13px 10px}
 .service-card h3{font-size:11px}
 .code-line{font-size:8.5px;gap:6px}
 .code-body{padding-inline:10px}
 .floating-tag{padding:6px 7px}
 .floating-tag .tag-mini-icon{width:25px;height:25px}
}

/* Keep rotating decoration within its own module, not the document canvas. */
@media (max-width:700px){
  .solution-visual {overflow:hidden;}
  .solution-grid-art {max-width:100%;}
  .cta-panel {overflow:hidden;}
}
/* Compact client-area toolbar: prevent header overflow at narrow iPhone widths. */
@media(max-width:480px){
  .dash-top-inner{height:auto;min-height:76px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap;row-gap:9px;}
  .dash-top-actions{min-width:0;width:100%;max-width:100%;flex-wrap:wrap;gap:8px;justify-content:space-between;}
  .dash-top-actions .user-chip{min-width:0;max-width:calc(100% - 82px);}
  .dash-top-actions #userChipName{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .dashboard-welcome,.panel-header{min-width:0;max-width:100%;}
}

/* JAZZ ALWADI V3 — mobile/desktop layout containment. */
html { width:100%; max-width:100%; overflow-x:clip; }
body { width:100%; max-width:100%; overflow-x:clip; }
body > main,body > header,body > footer,body > section { min-width:0; }
.container,.hero-layout,.hero-copy,.hero-art,.services-grid,.solutions-layout,
.faq-layout,.contact-layout,.process-grid,.footer-top,.dashboard-layout,
.dashboard-content,.panel-card,.service-card,.solution-copy { min-width:0; }
.hero, .solutions, .cta-section, .site-footer { max-width:100%; }
.hero-art { contain:layout; }
.code-window,.code-body,.terminal-success,.window-top,.window-footer { min-width:0; }
.window-top,.window-footer { flex-wrap:wrap; }
.code-line { max-width:100%; }
.hero-buttons .btn { max-width:100%; }
.contact-form,.contact-info,.cta-panel,.legal-content { min-width:0; }
.contact-form input,.contact-form textarea,.contact-form select,
.setup-form input,.modal input,.modal textarea,.modal select { max-width:100%; }
@supports not (overflow:clip) { html, body { overflow-x:hidden; } }
@media (max-width:700px) {
  .announcement { height:auto; min-height:36px; padding-block:5px; line-height:1.6; }
  .container { width:calc(100% - 32px); max-width:540px; }
  .hero { min-height:0; padding-top:42px; }
  .hero-layout { min-height:0; }
  .hero h1 { font-size:clamp(32px,9vw,50px); line-height:1.35; letter-spacing:-.6px; overflow-wrap:normal; }
  .hero-lead { max-width:440px; }
  .hero-buttons { gap:10px; }
  .hero-art { width:100%; height:365px; margin:16px auto 0; overflow:clip; }
  .orbit-one { width:min(320px,86%); height:250px; }
  .orbit-two { width:min(365px,96%); height:290px; }
  .code-window { width:calc(100% - 30px); max-width:450px; transform:none; animation:none; }
  .code-body { padding:14px 12px; }
  .code-line { font-size:clamp(9px,2.4vw,12px); gap:8px; }
  .floating-tag { animation:none; max-width:55%; }
  .floating-tag-top { inset-inline-end:2px; inset-inline-start:auto; top:10px; }
  .floating-tag-bottom { inset-inline-start:2px; inset-inline-end:auto; bottom:10px; }
  .tech-strip { margin-top:0; }
  .services-grid,.process-grid,.stats-grid { align-items:stretch; }
  .service-card { height:auto; }
  .service-card h3,.service-card p { overflow-wrap:break-word; }
  .solution-visual { max-width:100%; overflow:clip; }
  .solution-grid-art { max-width:calc(100% - 20px); }
  .nav-inner { min-width:0; }
  .brand { max-width:calc(100% - 150px); }
  .brand-text { overflow:hidden; }
  .brand-text strong,.brand-text small { white-space:nowrap; }
  .nav-actions { flex:0 0 auto; }
  .faq-list,.faq-item,.cta-copy,.footer-top > * { min-width:0; }
  .data-table-wrap { overflow-x:auto; }
}
@media (max-width:480px) {
  .section { padding:64px 0; }
  .hero { padding-top:36px; }
  .hero h1 { font-size:clamp(31px,9.1vw,43px); }
  .hero-buttons .btn { flex:1 1 auto; min-width:0; padding-inline:11px; font-size:11px; }
  .hero-art { height:335px; }
  .floating-tag { padding:6px 8px; }
  .floating-tag b { font-size:8px; }
  .services-grid { grid-template-columns:minmax(0,1fr); gap:13px; }
  .service-card { min-height:0; padding:20px; }
  .service-card h3 { font-size:15px; }
  .service-card p { font-size:12px; }
  .service-link { margin-top:auto; }
  .process-grid { grid-template-columns:minmax(0,1fr); }
  .process-card { min-height:0; }
  .footer-top { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .footer-brand-col { grid-column:1/-1; }
  .cta-panel { padding:28px 18px; }
  .cta-copy h2 { font-size:clamp(23px,7vw,28px); }
  .contact-form,.contact-info { padding:18px; }
  .brand { max-width:calc(100% - 148px); }
}
@media (max-width:360px) {
  .container { width:calc(100% - 24px); }
  .nav-actions { gap:5px; }
  .nav-actions .btn-small { padding-inline:7px; }
  .brand { max-width:calc(100% - 136px); }
  .hero-buttons { flex-direction:column; align-items:stretch; }
  .hero-buttons .btn { width:100%; }
  .hero-art { height:300px; }
  .floating-tag { max-width:51%; }
}