@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;500;600;700;800&display=swap');
:root{--navy:#101d35;--ink:#17243a;--muted:#697489;--cream:#f8f7f3;--paper:#fffefa;--lime:#d2ed71;--line:#e6e8e2;--mint:#dfe9d9;--font:'Alexandria','Tahoma',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.85}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1180px,calc(100% - 64px));margin-inline:auto}.site-header{position:absolute;z-index:10;inset:0 0 auto;color:white}.nav-wrap{height:94px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.14)}.brand{display:flex;align-items:center;gap:10px;min-width:205px}.brand-mark{width:43px;height:43px;display:grid;place-items:center;background:var(--lime);border-radius:14px 14px 14px 4px}.brand-mark svg{width:30px;fill:var(--navy)}.brand-mark .brand-cut{fill:var(--lime)}.brand-name{display:grid;line-height:1.25}.brand-name strong{font-size:14px;letter-spacing:-.04em}.brand-name small{font:600 8px/1.6 var(--font);letter-spacing:.17em;opacity:.65;direction:ltr;text-align:right}.main-nav{display:flex;gap:38px;margin:auto;font-size:12px;color:#d0d5df}.main-nav a{transition:color .2s}.main-nav a:hover{color:var(--lime)}.button{min-height:53px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:8px;background:var(--lime);color:var(--navy);font-weight:700;font-size:12px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#dcf58b}.button span{font-size:18px;line-height:1}.button-small{min-height:42px;padding:0 17px;gap:15px;font-size:11px}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:151px 0 0;min-height:700px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 85% 38%,rgba(50,82,92,.34),transparent 35%),linear-gradient(120deg,transparent 56%,rgba(255,255,255,.025) 56%,transparent 56.2%);pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:36px;min-height:478px}.hero-copy{padding:30px 0 20px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:500;letter-spacing:.03em;color:#a7b2c1}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px #d2ed71}.hero h1{font-size:clamp(48px,5.6vw,73px);letter-spacing:-.075em;line-height:1.28;margin:24px 0 15px;font-weight:600}.hero h1 span,.about-copy h2 span{color:var(--lime)}.hero-lead{max-width:455px;color:#b4bdcb;font-size:13px;line-height:2.1;margin:0}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:27px}.text-link{font-size:11px;color:#d2d9e3}.text-link span{margin-right:8px;color:var(--lime);font-size:16px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:48px;color:#c4cbd6}.proof-symbol{width:36px;height:36px;border:1px solid #536073;border-radius:50%;display:grid;place-items:center;color:var(--lime);font-size:19px}.hero-proof div:nth-child(2){display:grid;line-height:1.7}.hero-proof strong{font-size:10px;font-weight:500}.hero-proof small{font-size:9px;color:#8e9aae}.proof-line{height:30px;width:1px;background:#3b485d;margin:0 11px}.proof-mini{font:800 14px var(--font);letter-spacing:-.11em;color:#fff}.proof-mini span{font:400 8px var(--font);vertical-align:top;color:var(--lime);letter-spacing:0}.hero-art{position:relative;height:478px;display:flex;align-items:center;justify-content:center;direction:ltr}.art-glow{position:absolute;width:410px;height:410px;border-radius:50%;background:radial-gradient(circle,rgba(210,237,113,.13),rgba(103,137,130,.08) 47%,transparent 70%)}.orbit{position:absolute;border:1px solid rgba(203,218,208,.13);border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:480px;height:205px}.orbit-two{width:420px;height:305px;transform:rotate(42deg);border-style:dashed}.browser-card{position:relative;z-index:2;width:min(475px,90%);height:300px;background:#fafaf8;border-radius:12px;box-shadow:0 27px 75px #080f1b80;transform:rotate(-3deg);overflow:hidden;color:#233246}.browser-top{height:37px;background:#f1f2ef;border-bottom:1px solid #e6e8e2;display:flex;align-items:center;padding:0 12px;gap:14px}.browser-dots{display:flex;gap:4px}.browser-dots i,.site-window-head i{width:5px;height:5px;background:#bdc4c2;border-radius:50%}.address-bar{width:165px;background:#e5e8e3;border-radius:3px;font:6px var(--font);color:#65716d;text-align:center;padding:4px}.address-bar span{font-size:6px}.browser-menu{margin-right:auto;color:#8a938f}.browser-content{padding:0 23px;height:263px;background:#fcfcf9}.mock-nav{height:40px;border-bottom:1px solid #edf0ea;display:flex;align-items:center;gap:17px;font-size:6px;color:#6c7772}.mock-brand{display:flex;align-items:center;gap:5px;font-size:7px;font-weight:700;color:#283c35}.mock-brand i{width:12px;height:12px;border-radius:4px 4px 4px 1px;background:#a9c482}.mock-links{margin:auto}.mock-nav>b{font-size:6px;padding:4px 8px;background:#243b31;color:white;border-radius:2px}.mock-body{height:182px;display:flex;align-items:center;position:relative}.mock-copy{position:relative;z-index:2;width:54%;direction:rtl}.mock-copy small{font-size:6px;color:#87988c}.mock-copy h3{font-size:18px;line-height:1.6;letter-spacing:-.06em;margin:8px 0;color:#24352e}.mock-copy h3 em{font-style:normal;color:#718d59}.mock-copy p{font-size:6px;color:#88938e;margin:0 0 10px}.mock-button{font-size:6px;background:#283c31;border-radius:2px;color:#fff;padding:5px 8px;display:inline-block}.mock-button b{margin-right:12px;color:#d2ed71}.mock-visual{width:47%;height:146px;position:absolute;left:0;overflow:hidden;border-radius:50% 50% 38% 42%;background:linear-gradient(145deg,#d7e1cf,#b8cba8)}.mock-sun{position:absolute;top:18px;left:22px;width:38px;height:38px;background:#f0e2b7;border-radius:50%}.mock-wave{position:absolute;bottom:-10px;border-radius:50% 50% 0 0;width:130px;height:94px}.wave-a{background:#879e7b;left:-15px;transform:rotate(12deg)}.wave-b{background:#516f5b;left:48px;bottom:-27px;transform:rotate(-19deg)}.mock-leaf{position:absolute;right:24px;top:23px;font-size:38px;color:#56765e}.mock-footer{border-top:1px solid #edf0ea;height:30px;display:flex;align-items:center;gap:8px;font-size:5px;color:#8b9690}.mock-footer i{width:43px;height:2px;background:#d1dcce}.art-stamp{position:absolute;z-index:3;top:51px;left:10%;width:78px;height:78px;background:var(--lime);color:var(--navy);border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(-12deg);box-shadow:0 7px 30px #0b1327}.art-stamp span{font-size:9px;font-weight:700;line-height:1.5}.art-stamp>b{line-height:1;font-size:13px}.art-stamp small{font-size:6px;opacity:.7}.floating-tag{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;padding:10px 12px;background:#fff;color:#253147;border-radius:8px;box-shadow:0 12px 35px #0c152540;direction:rtl}.floating-tag>span:nth-child(2){display:grid;line-height:1.55}.floating-tag b{font-size:8px}.floating-tag small{font-size:7px;color:#88929d}.tag-domain{right:-3px;top:101px}.tag-domain>i{font-size:8px;color:#86b270;margin-right:7px}.tag-icon{width:24px;height:24px;border-radius:6px;background:#edf3e4;color:#5f7e50;display:grid;place-items:center;font-size:14px}.tag-mail{bottom:89px;left:0}.mail-icon{width:25px;height:25px;border-radius:50%;background:#e8eef7;display:grid;place-items:center;color:#537398}.art-caption{position:absolute;bottom:10px;left:15px;color:#aeb8c5;font-size:8px;display:flex;align-items:center;gap:8px}.art-caption span{height:1px;width:24px;background:var(--lime)}.hero-bottom{position:relative;z-index:2;border-top:1px solid #ffffff24;height:71px;display:flex;align-items:center;justify-content:space-between;color:#99a5b5;font-size:9px}.bottom-services{display:flex;gap:16px;align-items:center}.bottom-services i{width:3px;height:3px;background:var(--lime);border-radius:50%}.hero-bottom>a{font-size:16px;color:var(--lime)}.section-pad{padding:112px 0}.services{background:var(--paper)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px}.dark-eyebrow{color:#788274}.dark-eyebrow>span{font:600 9px var(--font);color:#829269}.section-head h2,.steps-heading h2{font-size:42px;line-height:1.45;letter-spacing:-.065em;margin:15px 0 0;font-weight:600}.section-head h2 span,.steps-heading h2 span{color:#81956f}.section-head>p{max-width:370px;color:#747d89;font-size:11px;line-height:2.2;margin:0 0 8px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{padding:22px 24px 24px;border:1px solid #eaebe5;border-radius:10px;background:#fff;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 15px 45px #1b2a1a0a}.service-top{display:flex;align-items:center;justify-content:space-between}.service-number{font-size:9px;color:#818b92}.service-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:17px;color:#637d56;background:#eff3e8}.service-illustration{height:145px;position:relative;display:flex;align-items:center;justify-content:center;margin:2px 0 13px;overflow:hidden}.domain-illus:before{content:"";position:absolute;width:118px;height:118px;border-radius:50%;background:#f2f4ec}.domain-prefix,.domain-name,.domain-tld{z-index:1;font-size:19px;font-weight:600;letter-spacing:-.08em}.domain-prefix{font-size:11px;color:#9ca59c;align-self:center;margin-top:-9px}.domain-name{color:#283a30}.domain-tld{font-size:13px;color:#82956e;align-self:center;margin-top:10px}.domain-orbit{position:absolute;border:1px solid #dce4d4;width:175px;height:66px;border-radius:50%;transform:rotate(-31deg)}.sparkle{position:absolute;right:24%;top:29px;color:#b5c393;font-size:15px}.site-illus{background:radial-gradient(ellipse,#f0f3eb,transparent 64%)}.site-window{width:180px;height:104px;position:relative;border:1px solid #dbe1d9;border-radius:6px;background:#fff;box-shadow:0 9px 20px #34483412;transform:perspective(300px) rotateY(-9deg) rotateX(3deg)}.site-window-head{height:14px;background:#f0f2ee;border-radius:5px 5px 0 0;display:flex;align-items:center;gap:3px;padding:0 7px}.site-window-head i{width:4px;height:4px}.site-window-head span{height:4px;width:58px;background:#e1e5de;border-radius:3px;margin:auto}.site-window-body{display:flex;padding:12px;gap:11px}.site-window-body>div:first-child{width:52%;display:grid;align-content:center;gap:5px}.site-window-body b{height:6px;width:45px;background:#647c5d;border-radius:4px}.site-window-body i{height:3px;width:58px;background:#e2e6df;border-radius:4px}.site-window-body i:nth-of-type(2){width:46px}.site-window-body em{width:27px;height:8px;border-radius:2px;background:#d4e78c;margin-top:3px}.site-picture{width:48%;height:50px;background:#d8e2d1;border-radius:30px 30px 4px 4px;position:relative;overflow:hidden}.site-picture:before{content:"";position:absolute;width:27px;height:27px;border-radius:50%;background:#f1e6c1;top:5px;left:8px}.site-picture span{position:absolute;width:80px;height:33px;bottom:-13px;right:-10px;background:#829a79;border-radius:50%}.site-window-base{position:absolute;bottom:-6px;left:28px;right:28px;height:6px;background:#d4d9d2;clip-path:polygon(0 0,100% 0,90% 100%,10% 100%)}.site-star{position:absolute;right:26%;top:23px;color:#93a786;font-size:14px}.email-illus{background:radial-gradient(ellipse,#eff3eb,transparent 66%);flex-direction:column;gap:10px}.mail-card{width:160px;height:70px;background:#fff;border:1px solid #e5e9e1;border-radius:8px;display:flex;align-items:center;padding:14px;gap:10px;box-shadow:0 9px 22px #34483410;position:relative}.mail-avatar{width:34px;height:34px;border-radius:50%;background:#dce8d4;display:grid;place-items:center;color:#556d4d;font-weight:700}.mail-lines{display:grid;gap:5px}.mail-lines b,.mail-lines i{height:4px;width:58px;background:#a9b69e;border-radius:4px}.mail-lines i{width:72px;background:#e4e8e1}.mail-lines i:last-child{width:42px}.mail-check{position:absolute;left:12px;top:12px;width:16px;height:16px;border-radius:50%;background:#769465;color:white;font-size:10px;text-align:center;line-height:16px}.mail-address{font-size:8px;color:#74806f;direction:ltr}.mail-shadow{position:absolute;bottom:20px;width:110px;height:9px;background:#dfe5d8;border-radius:50%;filter:blur(5px);z-index:-1}.service-card h3{font-size:17px;letter-spacing:-.04em;margin:0 0 8px}.service-card p{font-size:10px;line-height:2.1;color:#727c85;min-height:63px;margin:0}.service-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eff0ec;margin-top:17px;padding-top:14px;color:#516448;font-size:10px;font-weight:600}.service-link span{font-size:17px}.about{background:#182940;color:white;overflow:hidden;position:relative}.about:before{content:"";position:absolute;width:550px;height:550px;border:1px solid #ffffff0c;border-radius:50%;left:-200px;top:50%;transform:translateY(-50%);box-shadow:0 0 0 55px #ffffff05,0 0 0 110px #ffffff03}.about-wrap{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center;position:relative}.about-emblem{height:310px;display:grid;place-items:center;position:relative}.emblem-ring{width:245px;height:245px;border-radius:50%;border:1px solid #ffffff20;box-shadow:0 0 0 23px #ffffff05,0 0 0 24px #ffffff10,0 0 55px #c2e37312;position:absolute}.emblem-logo{font:800 74px/1 var(--font);letter-spacing:-.16em;color:var(--lime);position:relative;margin-left:15px}.emblem-logo:after{content:"";position:absolute;top:5px;right:-2px;width:82px;height:8px;background:var(--lime);border-radius:9px;transform:rotate(-1deg)}.emblem-orbit{position:absolute;font-size:9px;color:#b8c3bc;background:#182940;padding:5px 10px;border:1px solid #ffffff21;border-radius:20px}.orbit-a{top:50px;right:22%}.orbit-b{bottom:48px;left:22%}.emblem-cross{position:absolute;right:25%;bottom:64px;font-size:18px;color:var(--lime)}.about-copy .eyebrow{color:#aab8bd}.about-copy h2{font-size:39px;line-height:1.55;letter-spacing:-.07em;margin:16px 0}.about-copy>p{max-width:470px;font-size:11px;line-height:2.2;color:#bbc4ce}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:29px;padding-top:19px;border-top:1px solid #ffffff20}.values div{display:grid;gap:4px}.values b{font-size:11px;font-weight:600;color:#e6eddb}.values span{font-size:8px;color:#9eacb7}.steps{background:var(--cream)}.steps-heading{text-align:center}.steps-heading .eyebrow{justify-content:center}.steps-heading h2{font-size:38px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:58px}.steps-grid article{padding:0 34px;position:relative;border-left:1px solid #e3e5dd}.steps-grid article:first-child{border-left:0}.steps-grid article>span{font-size:9px;color:#9aab86;letter-spacing:.1em}.step-icon{width:45px;height:45px;border-radius:50%;background:#e9eee3;color:#647e59;display:grid;place-items:center;font-size:19px;margin:15px 0}.steps-grid h3{font-size:14px;margin:0 0 7px}.steps-grid p{font-size:10px;line-height:2;color:#77818a;max-width:250px;margin:0}.contact{background:#9db486;color:#17283b;position:relative;overflow:hidden}.contact-wrap{height:245px;display:flex;align-items:center;gap:30px;position:relative;z-index:1}.contact-symbol{width:80px;height:80px;border:1px solid #ffffff75;border-radius:50%;display:grid;place-items:center;font:800 25px var(--font);letter-spacing:-.14em;position:relative}.contact-symbol:after{content:"";position:absolute;top:21px;right:14px;width:40px;height:4px;background:var(--lime);border-radius:4px}.contact-symbol span{position:absolute;top:15px;right:12px;font:8px var(--font);letter-spacing:0}.contact-copy{flex:1}.contact-copy .eyebrow{color:#2d4736;font-size:9px}.contact-copy h2{font-size:31px;letter-spacing:-.06em;margin:5px 0}.contact-copy p{font-size:10px;color:#324938;margin:0}.button-light{background:var(--navy);color:#fff;position:relative;z-index:2}.button-light:hover{background:#203552}.contact-orb{position:absolute;left:10%;width:330px;height:330px;border-radius:50%;border:1px solid #ffffff36;box-shadow:0 0 0 28px #ffffff12,0 0 0 56px #ffffff0b}.site-footer{background:#101d35;color:#b3bdca}.footer-wrap{min-height:93px;display:flex;align-items:center;justify-content:space-between;font-size:9px}.footer-brand{min-width:unset;color:#fff}.footer-brand .brand-mark{width:34px;height:34px;border-radius:11px 11px 11px 3px}.footer-brand .brand-mark svg{width:24px}.footer-brand .brand-name strong{font-size:11px}.footer-brand .brand-name small{font-size:6px}
@media(max-width:900px){.container{width:min(100% - 42px,700px)}.nav-wrap{height:80px}.brand{min-width:unset}.main-nav{gap:20px}.hero{padding-top:122px;min-height:unset}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:35px 0 0}.hero h1{font-size:60px}.hero-art{height:390px;margin-top:2px}.hero-bottom{height:60px}.section-pad{padding:84px 0}.section-head h2,.steps-heading h2{font-size:36px}.service-grid{gap:10px}.service-card{padding:17px}.service-illustration{height:125px}.service-card p{min-height:90px}.about-wrap{gap:30px}.about-emblem{height:260px}.emblem-ring{width:190px;height:190px}.emblem-logo{font-size:60px}.about-copy h2{font-size:32px}}
@media(max-width:620px){.container{width:calc(100% - 36px)}.nav-wrap{height:72px}.brand-mark{width:37px;height:37px}.brand-mark svg{width:26px}.brand-name strong{font-size:12px}.brand-name small{font-size:7px}.nav-cta{margin-right:auto;margin-left:12px;min-height:37px;padding:0 11px;gap:9px;font-size:9px}.nav-cta span{font-size:14px}.menu-toggle{display:flex;position:relative;z-index:12;width:34px;height:34px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:5px;padding:6px}.menu-toggle span{height:1px;width:20px;background:white;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.main-nav{display:none;position:absolute;top:63px;left:18px;right:18px;margin:0;padding:18px;background:#1b2b43;border:1px solid #ffffff20;border-radius:9px;flex-direction:column;gap:15px;box-shadow:0 14px 35px #07101c99}.main-nav.open{display:flex}.hero{padding-top:100px}.hero-grid{min-height:unset}.hero-copy{padding-top:25px}.hero h1{font-size:49px;margin:18px 0 12px}.hero-lead{font-size:11px;line-height:2}.hero-actions{margin-top:20px;gap:18px}.button{min-height:47px;padding:0 17px;font-size:10px;gap:17px}.hero-proof{margin-top:30px}.hero-art{height:300px;margin-top:8px}.browser-card{width:85%;height:231px}.browser-top{height:28px}.browser-content{height:203px;padding:0 15px}.mock-nav{height:30px}.mock-body{height:143px}.mock-copy h3{font-size:14px}.mock-visual{height:115px}.mock-footer{height:25px}.art-stamp{width:61px;height:61px;top:33px;left:6%}.art-stamp span{font-size:7px}.tag-domain{top:66px;right:-5px}.tag-mail{bottom:50px;left:-3px}.floating-tag{padding:7px 8px;gap:6px}.floating-tag b{font-size:7px}.floating-tag small{font-size:6px}.tag-icon,.mail-icon{width:20px;height:20px}.art-caption{font-size:7px;bottom:0}.hero-bottom{height:55px;font-size:7px}.bottom-services{gap:8px;font-size:7px}.section-pad{padding:68px 0}.section-head{display:block;margin-bottom:25px}.section-head h2,.steps-heading h2{font-size:32px}.section-head>p{font-size:10px;margin-top:15px}.service-grid{grid-template-columns:1fr;gap:11px}.service-card{padding:18px 20px}.service-illustration{height:145px}.service-card p{min-height:unset;font-size:10px}.service-link{margin-top:13px}.about-wrap{grid-template-columns:1fr;gap:15px}.about-emblem{height:205px;order:2}.emblem-ring{width:160px;height:160px}.emblem-logo{font-size:49px}.emblem-logo:after{width:56px;height:6px;top:3px}.orbit-a{top:17px}.orbit-b{bottom:15px}.emblem-cross{bottom:27px}.about-copy h2{font-size:31px}.about-copy>p{font-size:10px}.values{gap:8px;margin-top:21px}.values b{font-size:10px}.values span{font-size:7px}.steps-grid{grid-template-columns:1fr;margin-top:35px;gap:24px}.steps-grid article{border-left:0;padding:0 0 0 0;display:grid;grid-template-columns:45px 1fr;column-gap:13px}.steps-grid article>span{grid-column:1;grid-row:1/4;align-self:start;padding-top:5px}.steps-grid article .step-icon{grid-column:1;grid-row:2;margin:8px 0 0}.steps-grid article h3{grid-column:2;grid-row:1;margin:0}.steps-grid article p{grid-column:2;grid-row:2;max-width:unset}.contact-wrap{height:auto;min-height:230px;gap:15px;flex-wrap:wrap;padding:35px 0}.contact-symbol{width:55px;height:55px;font-size:18px}.contact-symbol:after{top:14px;right:9px;width:31px;height:3px}.contact-symbol span{top:9px;right:8px;font-size:6px}.contact-copy{flex-basis:calc(100% - 75px)}.contact-copy h2{font-size:23px}.contact-copy p{font-size:9px}.button-light{margin-right:70px}.contact-orb{left:-35%;width:260px;height:260px}.footer-wrap{padding:20px 0;display:grid;grid-template-columns:1fr auto;gap:10px}.footer-wrap>span:nth-child(2){grid-column:1/-1;grid-row:2}.footer-wrap>span:last-child{font-size:7px;text-align:left}}
/* Soft, low contrast palette and accessible contact form */
:root{--navy:#314156;--ink:#29384a;--muted:#77818e;--cream:#f6f5f1;--paper:#fbfaf7;--lime:#dce5c8;--line:#e6e8e2;--mint:#e7ebe2}
.about{background:#3d4d5d}
.emblem-logo{color:#dce5c8}
.emblem-logo:after{background:#dce5c8}
.emblem-cross,.text-link span,.mock-button b{color:#dce5c8}
.hero:before{background:radial-gradient(ellipse at 85% 38%,rgba(111,132,133,.22),transparent 35%),linear-gradient(120deg,transparent 56%,rgba(255,255,255,.018) 56%,transparent 56.2%)}
.art-glow{background:radial-gradient(circle,rgba(220,229,200,.09),rgba(130,148,142,.06) 47%,transparent 70%)}
.contact{background:#eef0e9;color:#29384a;padding:90px 0;}
.contact-layout{position:relative;z-index:1;display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center}
.contact-intro{position:relative;z-index:1}
.contact-symbol{width:70px;height:70px;margin-bottom:27px;border-color:#cbd1c6;color:#526252}
.contact-symbol:after{background:#9cac8d}
.contact-copy h2,.contact-intro h2{font-size:31px;letter-spacing:-.06em;margin:9px 0;color:#29384a}
.contact-intro>p{font-size:11px;line-height:2.1;color:#707b83;max-width:370px}
.contact-intro .eyebrow{color:#7c8974}
.contact-note{display:flex;align-items:center;gap:8px;margin-top:22px;color:#798479;font-size:9px}
.contact-note span{color:#82916e;font-size:15px}
.contact-form{position:relative;z-index:1;background:#fbfaf7;border:1px solid #e4e7df;border-radius:12px;padding:27px;box-shadow:0 12px 36px #3542520a}
.form-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.form-heading h3{font-size:16px;margin:0;color:#29384a}
.form-heading>span{font-size:8px;color:#929a9f}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.contact-form label{display:grid;gap:6px;font-size:10px;font-weight:600;color:#49586a}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #e0e4dd;background:#fff;border-radius:6px;padding:11px 12px;font:400 10px var(--font);color:#29384a;outline:none;transition:border-color .2s,box-shadow .2s}
.contact-form input,.contact-form select{height:43px}
.contact-form textarea{resize:vertical;min-height:70px;line-height:1.8}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#9cac8d;box-shadow:0 0 0 3px #9cac8d20}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#a2a9ad}
.contact-form select:invalid{color:#a2a9ad}
.message-label{margin-top:15px}
.message-label>span{font-weight:400;color:#9ba2a4}
.form-submit{margin-top:16px;min-height:46px;border:0;cursor:pointer;background:#dce5c8}
.form-hint{font-size:8px;color:#929a9f;margin:10px 0 0}
.form-result{margin-top:17px;padding:16px;background:#f0f3eb;border:1px solid #e1e8d9;border-radius:8px}
.form-result h4{font-size:13px;margin:0 0 4px;color:#405344}
.form-result p{font-size:9px;line-height:1.9;color:#6c7970;margin:0 0 12px}
.result-actions{display:flex;gap:9px;flex-wrap:wrap}
.result-link{font-size:9px;font-weight:600;color:#fff;background:#75866a;border-radius:5px;padding:9px 13px}
.result-link:hover{background:#647858}
.result-edit{border:0;background:transparent;color:#737e83;font:500 9px var(--font);margin-top:12px;padding:4px 0;cursor:pointer}
.contact-form.submitted .form-grid,.contact-form.submitted .message-label,.contact-form.submitted .form-submit,.contact-form.submitted .form-hint{display:none}
.contact-orb{opacity:.35}
@media(max-width:900px){.contact-layout{grid-template-columns:.8fr 1.2fr;gap:25px}.contact{padding:70px 0}.contact-form{padding:21px}}
@media(max-width:620px){.contact{padding:60px 0}.contact-layout{grid-template-columns:1fr;gap:23px}.contact-symbol{width:56px;height:56px;margin-bottom:18px;font-size:19px}.contact-symbol:after{top:14px;right:9px;width:31px;height:3px}.contact-symbol span{top:9px;right:8px;font-size:6px}.contact-intro h2{font-size:25px}.contact-intro>p{font-size:10px;margin:5px 0}.contact-note{margin-top:12px}.contact-form{padding:19px 16px}.form-grid{gap:12px 9px}.contact-form input,.contact-form select{padding:9px;font-size:9px}.form-heading h3{font-size:14px}.form-heading>span{font-size:7px}.result-actions{display:grid;grid-template-columns:1fr 1fr}.result-link{text-align:center;padding:9px 5px}}
/* Matte charcoal visual identity */
:root{--navy:#17191a;--ink:#292c2d;--muted:#737879;--cream:#f3f2ee;--paper:#faf9f6;--lime:#d0d0c6;--line:#dedfda;--mint:#e5e5df}
body{background:var(--cream)}
.brand-mark{background:#ffffff08;border:1px solid #ffffff32;border-radius:13px 13px 13px 3px}
.brand-mark svg{fill:none;stroke:var(--lime);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.footer-brand .brand-mark{background:#ffffff08}
.button,.form-submit{background:var(--lime);color:#1b1d1d}
.button:hover,.form-submit:hover{background:#e0e0d7}
.hero{background:#131516}
.hero:before{background:radial-gradient(ellipse at 82% 42%,#777d7530,transparent 38%),linear-gradient(120deg,transparent 56%,#ffffff04 56%,transparent 56.2%)}
.live-dot{background:#c5c7bc;box-shadow:0 0 14px #c5c7bc45}
.about{background:#1b1e1f}
.emblem-logo{color:#d0d0c6}
.emblem-logo:after{background:#d0d0c6}
.emblem-cross,.text-link span,.mock-button b{color:#d0d0c6}
.site-footer{background:#111314}
.hero-art{height:478px}
.hero-photo{position:absolute;inset:4px 10px 9px 15px;overflow:hidden;border-radius:18px;margin:0;background:#252829;box-shadow:0 30px 85px #0008;transform:rotate(-2deg)}
.hero-photo img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.55) contrast(1.04);animation:photo-drift 24s ease-in-out infinite alternate}
.photo-shade{position:absolute;inset:0;background:linear-gradient(270deg,#101213d9 0%,#111415b3 39%,#10121229 78%),linear-gradient(0deg,#101212a8,transparent 60%)}
.hero-photo figcaption{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:42px 45px;color:#f0f0eb;direction:rtl}
.photo-overline{font:500 8px/1.8 var(--font);letter-spacing:.18em;color:#d2d2c7b8;direction:ltr}
.hero-photo figcaption strong{font-size:clamp(28px,3.5vw,43px);line-height:1.5;letter-spacing:-.07em;margin-top:18px}
.photo-caption-line{border-top:1px solid #ffffff35;margin-top:17px;padding-top:12px;color:#e1e2dad1;font-size:9px}
.floating-tag{background:#212425ed;color:#eee;border:1px solid #ffffff20;box-shadow:0 12px 35px #0007;backdrop-filter:blur(12px)}
.floating-tag small{color:#b0b5b2}
.tag-icon,.mail-icon{background:#3b413b;color:#d0d0c6}
.tag-domain>i{color:#c5c7bc}
.art-stamp{left:7%;top:41px;width:70px;height:70px;background:#cacbc1;color:#1d2020;border:3px solid #f1f0e9;box-shadow:0 7px 30px #0009}
.art-stamp span{font:800 15px/1 var(--font);letter-spacing:-.14em}
.art-stamp>b{font-size:10px;color:#687062}
.art-caption{color:#d0d2cc;bottom:0}
.art-caption span{background:#c9cabe}
.service-grid{gap:17px}
.service-card{padding:0 0 21px;overflow:hidden;border-color:#e5e5df;background:#fff;box-shadow:0 10px 34px #1e20200a}
.service-photo{height:190px;position:relative;overflow:hidden;background:#242829}
.service-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#121516b8,transparent 70%),linear-gradient(90deg,#1013142b,#10131408)}
.service-photo img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.58);transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s}
.service-card:hover .service-photo img{transform:scale(1.045);filter:saturate(.78)}
.photo-index{position:absolute;z-index:1;right:17px;bottom:14px;color:#ffffffd4;font:500 8px var(--font);letter-spacing:.12em;direction:ltr}
.service-photo .service-icon{position:absolute;z-index:1;top:14px;left:14px;width:34px;height:34px;border:1px solid #ffffff55;background:#11151868;color:#f0f0e9;backdrop-filter:blur(8px)}
.service-card h3,.service-card p,.service-card .service-link{margin-right:21px;margin-left:21px}
.service-card h3{margin-top:17px}
.service-card p{min-height:64px}
.service-link{margin-top:14px}
.section-head h2 span,.steps-heading h2 span{color:#747c73}
.dark-eyebrow>span{color:#747c73}
.service-link{color:#515b54}
.service-link span{color:#4f5751}
.contact{background:#e8e8e2;color:#292c2d}
.contact-form{background:#f8f8f4;border-color:#dadcd5;box-shadow:0 20px 60px #292c2d0c}
.contact-form input,.contact-form select,.contact-form textarea{background:#fff;border-color:#dfe0da}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#8c9387;box-shadow:0 0 0 3px #8c938718}
.form-result{background:#edeee8;border-color:#d7d9d0;color:#434b43}
.form-result.error{background:#f3e8e5;border-color:#e2cbc5;color:#71453f}
.form-result.error::before{content:"تعذر إرسال الطلب";display:block;font-size:12px;font-weight:700;margin-bottom:3px}
.form-submit:disabled{opacity:.68;cursor:wait}
.contact-orb{opacity:.2;border-color:#555d5224;box-shadow:0 0 0 28px #ffffff10,0 0 0 56px #ffffff08}
@keyframes photo-drift{from{transform:scale(1.015)}to{transform:scale(1.09)}}
@media(max-width:900px){.hero-photo{inset:4px 8px 8px}.service-photo{height:150px}}
@media(max-width:620px){.hero-photo{inset:7px 8px 13px;border-radius:13px}.hero-photo figcaption{padding:26px}.photo-overline{font-size:6px}.hero-photo figcaption strong{font-size:26px;margin-top:12px}.photo-caption-line{font-size:7px;margin-top:10px;padding-top:8px}.art-stamp{left:2%;top:21px;width:57px;height:57px}.art-stamp span{font-size:12px}.service-photo{height:190px}.service-card p{min-height:unset}.service-card h3,.service-card p,.service-card .service-link{margin-right:18px;margin-left:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.emblem-logo{width:172px;height:140px;display:grid;place-items:center;margin:0}
.emblem-logo svg{width:100%;height:100%;fill:none;stroke:var(--lime);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.emblem-logo:after{display:none}
.contact-symbol{display:grid;place-items:center}
.contact-symbol svg{width:63%;height:auto;fill:none;stroke:#526252;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.contact-symbol:after{display:none}
.service-photo img{object-position:center}
.card-domain .service-photo img{object-position:center 50%}
.card-site .service-photo img{object-position:center 47%}
.card-email .service-photo img{object-position:center 46%}
@media(max-width:620px){.emblem-logo{width:128px;height:103px}.contact-symbol svg{width:63%}}

/* Terms and cancellation policies */
.policies{background:#f2f2ed;color:#292c2d}
.policies-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.policies-heading h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.06em;margin:8px 0 0}
.policies-heading>p{max-width:360px;margin:0;color:#727871;font-size:11px}
.policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.policy-card{background:#fbfbf8;border:1px solid #dedfd8;border-radius:10px;box-shadow:0 10px 30px #22240d08;overflow:hidden}
.policy-card summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:13px;padding:18px 20px;font-size:13px;font-weight:700;color:#303632}
.policy-card summary::-webkit-details-marker{display:none}
.policy-number{font:600 9px/1 var(--font);color:#798474;letter-spacing:.08em}
.policy-toggle{margin-right:auto;width:27px;height:27px;border:1px solid #dfe1d9;border-radius:50%;display:grid;place-items:center;color:#64705f;font-size:18px;font-weight:400;transition:transform .2s}
.policy-card[open] .policy-toggle{transform:rotate(45deg)}
.policy-content{padding:0 20px 19px;color:#626a64;font-size:10px;line-height:2.1}
.policy-content p{margin:0 0 10px}
.policy-content ul{padding:0 17px 0 0;margin:0}
.policy-content li{padding-right:2px;margin:0 0 7px}
.policy-content li::marker{color:#8c987c}
.policy-contact{border-top:1px solid #e8e9e3;padding-top:12px;margin-top:12px!important}
.policy-contact a{color:#59694f;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.footer-meta{display:flex;align-items:center;gap:18px;font-size:9px}
.footer-meta a{color:#d4d9d1;transition:color .2s}
.footer-meta a:hover{color:#e1e4d8}
@media(max-width:800px){.policy-grid{grid-template-columns:1fr}.policies-heading{align-items:start;flex-direction:column;gap:9px}.footer-meta{flex-wrap:wrap;gap:9px 14px}}
@media(max-width:620px){.policy-card summary{padding:15px;font-size:11px}.policy-content{padding:0 15px 16px;font-size:9px}.footer-meta{grid-column:1/-1;grid-row:3;justify-content:flex-start}.footer-meta span{width:100%;text-align:right}.footer-wrap>span:last-child{display:none}}
.disclaimer-card{grid-column:1/-1}
.disclaimer-card .policy-content ul{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
@media(max-width:800px){.disclaimer-card .policy-content ul{grid-template-columns:1fr}}

.contact-form .terms-consent{display:flex;grid-template-columns:none;align-items:flex-start;gap:10px;margin:18px 0 15px;color:#666e67;font-size:10px;font-weight:400;line-height:1.9;cursor:pointer}
.contact-form .terms-consent input{appearance:auto;flex:0 0 17px;width:17px;height:17px;padding:0;margin:4px 0 0;accent-color:#68765f;cursor:pointer}
.terms-consent a{color:#54664d;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.terms-consent input:focus-visible{outline:2px solid #77896d;outline-offset:3px}
.quick-contact{position:fixed;z-index:30;bottom:18px;left:18px;display:flex;align-items:center;gap:12px;padding:12px 18px;border:1px solid #aab39f;border-radius:999px;background:#303a32;color:#fff;text-decoration:none;font-size:12px;font-weight:700;box-shadow:0 9px 28px #10151155;transition:transform .2s,background .2s}.quick-contact:hover{transform:translateY(-3px);background:#465346}.quick-contact span{font-size:18px}@media(max-width:620px){.quick-contact{bottom:12px;left:12px;padding:10px 15px;font-size:11px}}
.skip-link{position:absolute;z-index:100;top:8px;right:8px;padding:10px 14px;background:#f1f3eb;color:#182019;border-radius:7px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Shared readability rules for both Arabic and English pages. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body :is(h1,h2,h3,h4,h5,h6,p,li,a,button,label,summary,dt,dd,figcaption,blockquote,td,th){letter-spacing:normal!important;word-spacing:normal}
body :is(h1,h2,h3,h4,h5,h6){line-height:1.5!important;text-wrap:pretty}
body :is(p,li,label,summary,dd,figcaption,blockquote){line-height:1.85!important}
:is(main,footer) :is(h1,h2,h3,h4,h5,h6,p,li,a,label,summary,dt,dd,figcaption,blockquote,td,th){min-width:0;overflow-wrap:anywhere}
.section-head h2,.steps-heading h2,.about-copy h2,.contact-copy h2,.contact-intro h2,.policies-heading h2{line-height:1.55}
.faq-list{display:grid;gap:0;margin:26px 0 34px;border-top:1px solid var(--line)}
.faq-list details{padding:18px 4px;border-bottom:1px solid var(--line)}
.faq-list summary{cursor:pointer;font-weight:700;line-height:1.9}
.faq-list details p{max-width:850px;margin:12px 0 0;color:var(--muted);font-size:13px;line-height:2}
.resource-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0}
.resource-cards .detail-card{display:grid;align-content:start;gap:9px;min-width:0;min-height:100%;padding:22px 20px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
.resource-cards .detail-card:hover{transform:translateY(-3px);border-color:#a8b39f;box-shadow:0 12px 30px #17243a0a}
.resource-cards b{display:block;font-size:14px;line-height:1.8;overflow-wrap:break-word}
.resource-cards span{display:block;color:var(--muted);font-size:12px;line-height:1.9}
[hidden]{display:none!important}
@media(max-width:900px){.resource-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.section-head h2,.steps-heading h2{line-height:1.55}.resource-cards{grid-template-columns:1fr;gap:10px}.resource-cards .detail-card{padding:18px}.faq-list details{padding:16px 2px}}
/* Add visible gaps between Arabic words while keeping letters within each word connected. */
html[lang="ar"] body{word-spacing:.2em!important}
html[lang="ar"] body :is(h1,h2,h3,h4,h5,h6,p,li,a,button,label,summary,dt,dd,figcaption,blockquote,td,th,small,strong,b,span,.eyebrow){letter-spacing:normal!important;word-spacing:.2em!important}
html[lang="ar"] .eyebrow,html[lang="ar"] .faq-list summary,html[lang="ar"] .resource-cards b,html[lang="ar"] .resource-cards span{letter-spacing:normal!important;word-spacing:.25em!important;line-height:1.9}
html[lang="ar"] .dark-eyebrow{font-size:13px;line-height:2.1;letter-spacing:normal!important;word-spacing:.25em!important}
html[lang="ar"] .dark-eyebrow>span{font-size:10px;letter-spacing:normal!important}
html[lang="ar"] .faq-list summary{font-size:15px;line-height:2;letter-spacing:normal!important;word-spacing:.25em!important}
html[lang="ar"] .resource-cards b{font-size:15px;line-height:1.9;letter-spacing:normal!important;word-spacing:.25em!important}
.whatsapp-float{position:fixed;z-index:35;right:18px;bottom:18px;display:flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid #68ae88;border-radius:999px;background:#167a50;color:#fff;text-decoration:none;font-size:12px;font-weight:700;box-shadow:0 10px 30px #07140e55;transition:transform .2s,background .2s}.whatsapp-float:hover{transform:translateY(-3px);background:#126743}.whatsapp-float svg{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.whatsapp-float span{display:grid;line-height:1.25}.whatsapp-float small{font:500 9px/1.5 var(--font);opacity:.83;direction:ltr;text-align:inherit}@media(max-width:620px){.whatsapp-float{right:12px;bottom:12px;padding:9px 12px;font-size:11px}.whatsapp-float svg{width:22px;height:22px}.whatsapp-float small{font-size:8px}}
.request-wizard{display:grid;gap:18px;margin-top:18px}.wizard-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none;padding:0;margin:0}.wizard-progress li{padding:9px 10px;border:1px solid #e2e4dc;border-radius:8px;color:#818981;font-size:9px;line-height:1.6}.wizard-progress li.current{background:#e9eee1;color:#3e4c3d;border-color:#b8c4ae;font-weight:700}.wizard-panel{padding:3px 0}.wizard-panel[hidden]{display:none}.wizard-controls{display:flex;justify-content:space-between;gap:10px}.wizard-controls .button{min-height:40px}.wizard-back{background:#edf0e8}.wizard-summary{white-space:pre-line;background:#f5f6f2;border:1px solid #e3e5df;border-radius:8px;padding:14px;color:#475247;font-size:10px;line-height:2}.wizard-panel h4{margin:0 0 10px;font-size:14px}.wizard-live{min-height:1em;margin:0;color:#778274;font-size:9px}.conditional-fields[hidden]{display:none}.conditional-fields:not([hidden]){margin-bottom:14px}.contact-form .extra-consent{grid-column:1/-1;margin:0}.conditional-note{grid-column:1/-1;margin:0}.demo-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.demo-tabs button{border:1px solid #d9ddd4;border-radius:50px;padding:9px 14px;background:#f4f5f0;color:#414b40;cursor:pointer}.demo-tabs button[aria-pressed=true]{background:#354239;color:white}.interactive-demo{min-height:300px;padding:26px;border-radius:16px;background:linear-gradient(145deg,#15231d,#526d57);color:#fff;display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:20px;overflow:hidden}.interactive-demo[data-theme=studio]{background:linear-gradient(145deg,#22252c,#6b7077)}.interactive-demo[data-theme=consult]{background:linear-gradient(145deg,#30291f,#86704e)}.demo-copy h3{font-size:clamp(24px,4vw,40px);line-height:1.3;margin:8px 0}.demo-copy p{color:#d5dbd1}.demo-shape{height:200px;border-radius:55% 45% 39% 61%;background:radial-gradient(circle at 35% 30%,#e7eccd 0 8%,#a4ba8b 9% 28%,#6d8a6b 29% 54%,#314d3d 55%);box-shadow:0 25px 50px #0003}.interactive-demo[data-theme=studio] .demo-shape{border-radius:18px;background:linear-gradient(135deg,#e5e7e7 0 20%,#9ba4a5 21% 52%,#5d686b 53%)}.interactive-demo[data-theme=consult] .demo-shape{border-radius:50% 50% 12px 12px;background:linear-gradient(160deg,#e0c991 0 30%,#ab8e63 31% 55%,#5a4a36 56%)}
@media(max-width:650px){.wizard-progress{grid-template-columns:1fr}.wizard-progress li{padding:7px 10px}.interactive-demo{grid-template-columns:1fr;min-height:330px}.demo-shape{height:125px}.contact-form .extra-consent{align-items:flex-start}}
.whatsapp-float{position:fixed;z-index:35;right:18px;bottom:18px;display:flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid #68ae88;border-radius:999px;background:#167a50;color:#fff;text-decoration:none;font-size:12px;font-weight:700;box-shadow:0 10px 30px #07140e55;transition:transform .2s,background .2s}.whatsapp-float:hover{transform:translateY(-3px);background:#126743}.whatsapp-float svg{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.whatsapp-float span{display:grid;line-height:1.25}.whatsapp-float small{font:500 9px/1.5 var(--font);opacity:.83;direction:ltr;text-align:inherit}.whatsapp-float:focus-visible,.quick-contact:focus-visible{outline:3px solid #a8ba92;outline-offset:3px}@media(max-width:620px){.whatsapp-float{right:12px;bottom:64px;padding:9px 12px;font-size:11px}.whatsapp-float svg{width:22px;height:22px}.whatsapp-float small{font-size:8px}}