:root{--ink:#142335;--muted:#607185;--blue:#076b9d;--cyan:#15b8d5;--line:#dce8ed;--soft:#f4f9fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:white;color:var(--ink);font-family:Tajawal,Tahoma,sans-serif;font-size:17px;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #008cb9;outline-offset:5px}.wrap{width:min(1180px,90%);margin:auto}.nav{position:sticky;top:0;z-index:20;background:#fffffff2;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:88px}.brand{display:flex;align-items:center;gap:10px}.brand img{border-radius:12px}.brand b{font-size:28px;line-height:1.2}.brand span{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:5px}.nav nav{display:flex;gap:30px;font-size:16px}.nav nav a:hover{color:var(--blue)}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:52px;padding:12px 25px;background:var(--blue);color:white;border:1px solid var(--blue);border-radius:9px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}.button:hover{background:#06577e;transform:translateY(-2px)}.button.secondary{background:white;color:var(--blue);border-color:#bed8e4}.button.secondary:hover{background:#eef8fc}.button.small{min-height:44px;font-size:15px;padding:9px 20px}.hero{padding:95px 0 110px;background:radial-gradient(ellipse at 88% 15%,#dff8fc 0,transparent 52%),radial-gradient(ellipse at 12% 70%,#e8efff 0,transparent 48%),#fcfeff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}.eyebrow{display:inline-flex;gap:9px;align-items:center;font-size:14px;font-weight:700;background:#e4f5f8;border:1px solid #c1e7ef;border-radius:30px;padding:5px 14px;color:#11667e}.eyebrow i,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#149b89}h1{font-size:clamp(40px,4.6vw,66px);letter-spacing:-1.4px;line-height:1.22;margin:25px 0}h1 span{color:var(--blue)}.hero-copy>p{font-size:19px;line-height:1.9;color:var(--muted);margin:22px 0 30px}.actions{display:flex;flex-wrap:wrap;gap:12px}.hero-notes{display:flex;flex-wrap:wrap;gap:18px;font-size:13px;color:#4a6472;margin-top:24px}.preview{position:relative;background:#fff;border:1px solid #d5e6ef;border-radius:17px;box-shadow:0 35px 65px -25px #254c7638;transform:perspective(1600px) rotateY(5deg) rotate(-1deg)}.preview-top{display:flex;justify-content:space-between;padding:15px 20px;background:#f6fafc;border-radius:17px 17px 0 0;border-bottom:1px solid var(--line);font-size:13px}.window-dots{color:#b1c5ce;letter-spacing:3px}.preview-body{padding:22px}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.preview-heading small{color:var(--muted);font-size:11px}.preview-heading h2{font-size:20px;margin:3px 0 20px}.demo{font-size:10px;background:#f1f5f9;color:#596979;padding:3px 8px;border-radius:4px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-stats>div{padding:14px 10px;border:1px solid var(--line);border-radius:9px}.mini-stats small{display:block;font-size:10px;color:var(--muted)}.mini-stats strong{display:block;font:700 25px Tahoma;margin:14px 0 7px}.mini-stats strong span{font-size:10px;font-weight:400;color:var(--muted)}.mini-stats em{font-size:9px;font-style:normal;color:#508479}.chart{border:1px solid var(--line);border-radius:9px;padding:17px;margin-top:15px}.chart-title{display:flex;justify-content:space-between;font-size:11px}.chart-title small{font-size:9px;color:var(--muted)}.bars{height:135px;display:flex;gap:9px;align-items:end;padding-top:25px;background:repeating-linear-gradient(to top,#e9f0f4 0,#e9f0f4 1px,transparent 1px,transparent 33px);direction:ltr}.bars i{display:block;flex:1;height:var(--h);border-radius:4px 4px 0 0;background:linear-gradient(#36c6db,#097ba9)}.bars i:nth-child(3n){background:linear-gradient(#b3dce8,#75adc9)}.chart-days{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);padding-top:8px}.preview-bottom{display:flex;justify-content:space-between;gap:8px;font-size:10px;margin-top:18px;color:var(--muted)}.floating-label{position:absolute;bottom:-28px;left:24px;background:white;box-shadow:0 12px 28px #183e721c;border:1px solid #dceaf0;border-radius:12px;padding:12px 22px;display:flex;align-items:center;gap:12px}.floating-label>span{color:var(--blue);font-size:34px}.floating-label b,.floating-label small{display:block;font-size:13px}.floating-label small{font-size:10px;color:var(--muted)}.capabilities{background:#122b3d;color:white}.capabilities .wrap{display:flex;justify-content:space-between;gap:20px;padding:24px 0;flex-wrap:wrap;font-size:16px}.capabilities span{color:#9ebac8;font-size:14px}.section{padding-top:95px;padding-bottom:95px}.section-title{text-align:center;max-width:690px;margin:0 auto 40px}.overline{display:block;font-size:14px;font-weight:700;color:var(--blue);margin-bottom:12px}h2{font-size:clamp(28px,3vw,40px);line-height:1.4;margin:0 0 16px}.section-title p,.experience p{color:var(--muted);font-size:18px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.features article{padding:30px;border:1px solid var(--line);border-radius:14px;transition:transform .2s}.features article:hover{transform:translateY(-4px);border-color:#88c5d9}.feature-icon{display:inline-block;color:var(--blue);background:#e8f5fa;border-radius:12px;padding:8px 14px;font:700 19px Tahoma}.features h3{margin:20px 0 8px;font-size:22px}.features p{color:var(--muted);font-size:16px;margin:0}.experience{background:var(--soft);padding:85px 0}.experience-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.experience h2{font-size:44px;line-height:1.4}.experience h2 span{color:var(--blue)}.text-link{font-weight:700;color:var(--blue)}.domain-card{background:white;border:1px solid var(--line);border-radius:16px;padding:0 35px 30px;text-align:center;box-shadow:0 20px 55px #163c6910;max-width:470px;width:100%}.address{background:#edf4f7;margin:0 -35px 25px;padding:12px;border-radius:16px 16px 0 0;font:13px Tahoma;color:#43677a}.domain-card img{border-radius:14px}.domain-card h3{font-size:23px;margin:12px 0 0}.domain-card p{font-size:14px;margin:3px 0 25px}.example-input{background:#f7fafb;border:1px solid #dfebf0;border-radius:7px;padding:12px;text-align:right;font-size:12px;color:#697c8a;margin-top:12px}.example-button{background:var(--blue);color:white;padding:9px;border-radius:7px;margin:20px 0 15px}.domain-card>small{color:var(--muted);font-size:11px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{padding:30px;border:1px solid var(--line);border-radius:14px}.plan>span{font-size:14px;color:var(--muted)}.plan h3{font:700 43px Tahoma;margin:18px 0 8px;text-align:right}.plan>p{color:var(--muted);font-size:15px;margin:0}.plan ul{list-style:none;padding:20px 0;margin:20px 0;border-top:1px solid var(--line);font-size:15px}.plan li{margin:8px 0}.plan li:before{content:'✓';color:var(--blue);margin-left:10px}.plan .button{width:100%}.plan.featured{border:2px solid var(--blue);background:#f1faff}.plan-note{color:var(--muted);text-align:center;font-size:14px;margin-top:28px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.6fr;gap:70px}.faq .section-title{text-align:right;margin:0}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-weight:700;cursor:pointer;font-size:19px}.faq details p{color:var(--muted)}.portal-section{background:#e7f5fa;padding:65px 0}.portal-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.portal-inner p{color:var(--muted)}.portal-inner label{display:block;font-weight:700;margin-bottom:10px}.domain-field{display:flex;align-items:center;border:1px solid #b7cedb;background:white;border-radius:8px;overflow:hidden}.domain-field input{width:100%;min-width:0;border:0;padding:14px;background:transparent;outline-offset:-3px}.domain-field span{padding:0 14px;color:var(--muted);font:14px Tahoma}.portal-inner button{width:100%;margin-top:12px}#network-error{color:#a72a2a;margin:8px 0 0;font-size:14px}footer{padding:28px 0;background:white}.footer-inner{display:flex;gap:25px;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:14px}.footer-inner p,.footer-inner small{color:var(--muted)}.skip{position:fixed;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:0}@media(max-width:1000px){.nav nav{gap:15px;font-size:14px}.hero-grid{gap:25px}.hero{padding:65px 0 90px}.mini-stats strong{font-size:20px}.preview-body{padding:14px}.actions .button{font-size:14px;padding:10px 15px}.experience-grid{gap:40px}.hero-notes{gap:8px;font-size:11px}}@media(max-width:760px){.nav-inner{min-height:75px;flex-wrap:wrap;gap:12px;padding:12px 0}.nav nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px;gap:8px}.brand b{font-size:23px}.hero-grid{grid-template-columns:1fr;gap:50px}.hero-copy{text-align:center}.actions,.hero-notes{justify-content:center}h1{font-size:46px}.hero-copy>p{font-size:17px}.preview{transform:none}.capabilities .wrap{justify-content:center;font-size:14px}.capabilities span{width:100%;text-align:center}.features{grid-template-columns:1fr 1fr;gap:14px}.features article{padding:21px}.features h3{font-size:19px}.features p{font-size:15px}.section{padding-top:60px;padding-bottom:60px}.experience-grid,.portal-inner,.faq{grid-template-columns:1fr;gap:35px}.experience h2{font-size:34px}.domain-card{margin:auto}.plans{grid-template-columns:1fr 1fr;gap:14px}.plan{padding:22px}.plan .button{font-size:14px;padding:10px}.faq .section-title{text-align:center}.footer-inner{justify-content:center}.portal-section{padding:45px 0}}@media(max-width:420px){.features,.plans{grid-template-columns:1fr}.mini-stats>div{padding:10px 7px}.mini-stats strong{font-size:18px}.mini-stats em{font-size:8px}.preview-bottom{font-size:8px}.hero h1{font-size:40px}.button.small{padding:8px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}