@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Outfit:wght@400;500;600;700&display=swap";:root{--background:#07091c;--foreground:#eef1ff;--card:#0d1230;--surface:#0f1432;--surface-2:#151b3e;--primary:#3e6fff;--secondary:#aab7db;--gold:#d4923c;--teal:#00c9a7;--border:#ffffff1a;--radius:10px;color:var(--foreground);background:var(--background);font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Cairo,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a,button,input,select{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #91b0ff}main:focus{outline:none}h1,h2,h3,p{margin-top:0}p{color:var(--secondary);line-height:1.95}h1{letter-spacing:-1.5px;font-size:clamp(2rem,4.5vw,3.7rem);font-weight:800;line-height:1.45}h2{font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.55}h3{font-size:1.18rem}svg{flex-shrink:0}.container{width:min(1200px,100% - 64px);margin-inline:auto}.notice{color:#c4cff3;border-bottom:1px solid var(--border);background:#0e1737;justify-content:center;align-items:center;gap:12px;padding:8px 16px;font-size:11px;display:flex}.notice a{color:#b6caff;align-items:center;gap:6px;display:inline-flex}.notice span{color:var(--primary)}header{border-bottom:1px solid var(--border);background:#090c22}.header-inner{align-items:center;gap:48px;height:86px;display:flex}.brand{white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.brand strong{font-size:29px;font-weight:900}.brand-mark{background:var(--primary);border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.brand-en{letter-spacing:2px;color:#a1afd4;border-right:1px solid var(--border);padding-right:10px;font:600 11px Outfit,sans-serif}.header-inner nav{color:#abb8dd;align-items:center;gap:26px;margin-inline:auto;font-size:13px;display:flex}.header-inner nav a:hover,.header-inner nav .active{color:#fff}.button{background:var(--primary);color:#fff;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:12px;padding:13px 22px;font-size:13px;font-weight:700;line-height:1.6;transition:background .15s;display:inline-flex}.button:hover{background:#315ce0}.button.secondary{background:#121831;border-color:#2a3458}.button.secondary:hover{background:#1b2445}.button.small{padding:10px 15px;font-size:12px}.actions{flex-wrap:wrap;gap:12px;margin:27px 0;display:flex}.text-link{color:#a9c0ff;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:13px;display:inline-flex}.text-link:hover{text-decoration:underline}.skip{color:#000;z-index:100;background:#fff;padding:12px;position:fixed;top:-100px;right:20px}.skip:focus{top:10px}.menu-toggle,.mobile-login{display:none}.icon-button{border:1px solid var(--border);background:var(--card);color:#fff;border-radius:8px;padding:8px}.hero{grid-template-columns:1.12fr 1fr;align-items:center;gap:30px;min-height:625px;padding-block:65px 75px;display:grid}.hero-copy{z-index:1;position:relative}.pill{color:#bdd0ff;background:#131c3a;border:1px solid #30406a;border-radius:30px;align-items:center;gap:8px;padding:7px 13px;font-size:11px;display:inline-flex}.dot{background:var(--teal);border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 8px #00c9a750}.hero h1{margin:25px 0 21px}.gradient{color:#0000;background:linear-gradient(100deg,#89afff,#648cff 55%,#b3caff);-webkit-background-clip:text;background-clip:text}.hero p{max-width:500px;font-size:15px}.hero-details{color:#96a8d0;gap:20px;margin-top:26px;font-size:11px;display:flex}.hero-details span{align-items:center;gap:6px;display:flex}.hero-details svg{color:var(--teal)}.hero-visual{background:radial-gradient(#20347855,#0000 66%);height:470px;position:relative}.orbit{border:1px solid #31457850;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-one{width:300px;height:300px}.orbit-two{border-style:dashed;width:420px;height:420px}.hub{background:linear-gradient(140deg,#234cbd,#14214b);border:1px solid #638cf2;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 75px #1c4eca40}.hub strong{font-size:30px}.hub small{color:#bacbf9;font-size:10px}.orbit-card{background:linear-gradient(120deg,#17213e,#0e142d);border:1px solid #2b385f;border-radius:13px;align-items:center;gap:14px;padding:17px 20px;font-size:13px;display:flex;position:absolute;box-shadow:0 15px 40px #0004}.orbit-card small{color:#a0b0d5;margin-top:6px;font-size:10px;display:block}.orbit-card svg{color:#8fb0ff}.card-site{top:30px;right:55px;transform:rotate(-4deg)}.card-store{top:155px;left:-5px;transform:rotate(3deg)}.card-store svg{color:var(--teal)}.card-team{bottom:45px;right:10px;transform:rotate(-3deg)}.card-team svg{color:#d9a967}.orbit-label{color:#8f9dbe;font-size:10px;position:absolute;top:65px;left:40px}.visual-foot{color:#a0afd0;font-size:10px;position:absolute;bottom:0;left:20px}.principles{border-block:1px solid var(--border);background:#0a0e24}.principles .container{justify-content:space-around;gap:24px;padding-block:21px;display:flex}.principles span{color:#b4c0df;align-items:center;gap:12px;font-size:12px;display:flex}.principles svg{color:#7295f8;width:18px}.section{padding-block:76px}.section-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.section-head h2{margin:6px 0}.eyebrow{color:#95b2ff;letter-spacing:.3px;font-size:11px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.product-card{border:1px solid var(--border);background:linear-gradient(135deg,#111731,#0b1027);border-radius:14px;padding:26px;transition:transform .2s,border-color .2s;position:relative}.product-card:hover{border-color:#425e9c;transform:translateY(-3px)}.product-icon{color:#8eb1ff;background:#243b744d;border-radius:12px;justify-content:center;align-items:center;width:47px;height:47px;margin-bottom:22px;display:inline-flex}.product-icon.large{width:65px;height:65px}.product-card .tag{float:left;margin-top:5px}.tag{color:#b4c3e6;white-space:nowrap;background:#182140;border:1px solid #2b3657;border-radius:6px;padding:4px 9px;font-size:10px;display:inline-block}.product-card p{min-height:50px;font-size:12px}.product-card h2,.product-card h3{margin-bottom:10px;font-size:17px}.card-bottom{color:#a8bde9;border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:22px;padding-top:15px;font-size:11px;display:flex}.tone-1 .product-icon{color:var(--teal);background:#00c9a71a}.tone-2 .product-icon{color:#c0a2ff;background:#a06fff1a}.tone-3 .product-icon{color:#dfb371;background:#d4923c1a}.digitize-callout{background:radial-gradient(at 80% 20%,#20337155,#0000 60%),#0e142d;border:1px solid #2d3c65;border-radius:20px;grid-template-columns:1.25fr 1fr;gap:65px;padding:50px 60px;display:grid;position:relative;overflow:hidden}.callout-icon{color:#718ddb;opacity:.5;position:absolute;top:50px;left:40px}.digitize-callout h2{margin:12px 0}.digitize-callout p{font-size:13px}.journey{flex-direction:column;justify-content:center;gap:25px;margin:0;padding:40px 0 0;list-style:none;display:flex}.journey li{align-items:center;gap:18px;display:flex}.journey b{color:#8dafff;background:#1b2b52;border:1px solid #344978;border-radius:12px;place-items:center;width:45px;height:45px;font:500 19px Outfit;display:grid}.journey strong{font-size:14px;display:block}.journey span{color:#a0b0d4;margin-top:4px;font-size:11px;display:block}.three-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.panel{background:var(--card);border:1px solid var(--border);border-radius:14px;min-width:0;padding:28px}.panel>svg{color:#82a4ff;margin-bottom:20px}.panel p{font-size:13px}.panel small{color:var(--secondary);display:block}.panel h2{font-size:20px}.heading{margin-bottom:35px}.heading h1{margin:10px 0 15px;font-size:clamp(28px,3.5vw,44px)}.heading p{max-width:720px;font-size:14px}.detail-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;padding-block:35px;display:grid}.feature-list{gap:20px;margin:30px 0;padding:0;list-style:none;display:grid}.feature-list li{gap:12px;font-size:14px;display:flex}.feature-list svg{color:var(--teal)}.muted{color:#a1afd0;font-size:12px;line-height:1.9}.reading{max-width:800px}.reading .panel{margin-bottom:20px}.field{color:#c8d3f1;flex-direction:column;gap:9px;margin-bottom:17px;font-size:12px;display:flex}.field input,.field select{width:100%;color:var(--foreground);background:#080e25;border:1px solid #344263;border-radius:8px;min-width:0;padding:12px 14px}.field input::placeholder{color:#8d9cbf}.search{max-width:480px;margin-bottom:28px}.form{flex-direction:column;gap:5px;display:flex}.form small{color:#acbadd;margin-bottom:14px;font-size:11px;line-height:1.8}.alert{color:#ffd6dc;overflow-wrap:anywhere;background:#50273540;border:1px solid #af5b64;border-radius:8px;margin:15px 0;padding:15px;font-size:12px;line-height:1.8}.alert.success{color:#a3ead8;background:#0b483540;border-color:#257c6f}.auth-layout{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1000px;display:grid}.auth-story h2{margin-top:20px;font-size:38px}.auth-story svg{color:#7598ff;margin-top:20px}.auth-panel{padding:35px}.auth-panel .heading h1{font-size:27px}.auth-links{color:#a8c0ff;justify-content:space-between;gap:10px;margin-top:25px;font-size:12px;display:flex}.wizard-layout{grid-template-columns:260px 1fr;gap:35px;display:grid}.wizard-aside ol{margin:25px 0;padding:0;list-style:none}.wizard-aside li{color:#9aaacc;align-items:center;gap:12px;margin-bottom:25px;font-size:13px;display:flex}.wizard-aside li span{border:1px solid #354367;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.wizard-aside li.current{color:#fff}.wizard-aside li.current span{background:var(--primary);border-color:var(--primary)}.wizard-aside p{font-size:11px}.wizard-panel{padding:35px}.wizard-progress{color:#a9b9dd;flex-direction:column;gap:12px;margin-bottom:30px;font-size:11px;display:flex}progress{width:100%;height:5px;accent-color:var(--primary);border:0;border-radius:5px}fieldset{border:0;margin:0;padding:0}legend{margin-bottom:25px;font-size:23px;font-weight:700}.choices{grid-template-columns:1fr 1fr;gap:12px;display:grid}.choice{cursor:pointer;background:#101932;border:1px solid #303d60;border-radius:9px;align-items:center;gap:12px;padding:17px;font-size:13px;display:flex}.choice input{accent-color:var(--primary)}.choice.selected{background:#1b305b;border-color:#7097ff}.choice svg{color:#a8c6ff;margin-inline-start:auto}.wizard-buttons{justify-content:space-between;margin-top:35px;display:flex}.recommendation{border-bottom:1px solid var(--border);padding:20px 0}.recommendation-top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.recommendation h3{margin:0;font-size:16px}.recommendation ul{color:#b0bedf;font-size:12px;line-height:1.9}.step-number{text-align:center;color:#a3c0ff;background:#1d315e;border-radius:7px;width:28px;height:28px}.workspace{grid-template-columns:230px minmax(0,1fr);gap:36px;min-height:700px;padding-block:40px 70px;display:grid}.workspace-nav{border-inline-end:1px solid var(--border);padding-inline-end:25px}.workspace-nav nav{flex-direction:column;gap:5px;margin:25px 0;display:flex}.workspace-nav nav button{color:#afbedf;text-align:start;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:12px;font-size:12px;display:flex}.workspace-nav nav button.active{color:#fff;background:#1b2c55}.workspace-account{border-top:1px solid var(--border);gap:15px;margin-top:35px;padding-top:20px;display:grid}.workspace-account small{overflow-wrap:anywhere;font-size:10px}.workspace-content .heading h1{font-size:30px}.workspace-content>.panel{margin-bottom:20px}.empty{text-align:center;background:#0b122a;border:1px dashed #344266;border-radius:12px;margin:25px 0;padding:40px 25px}.empty svg{color:#718ab9}.empty h3{margin-top:18px}.empty p{max-width:470px;margin-inline:auto;font-size:12px}.record{border-bottom:1px solid var(--border);overflow-wrap:anywhere;justify-content:space-between;gap:20px;padding:20px 0;display:flex}.record.column{flex-direction:column;gap:8px}.record p,.record ul{color:#afbcdf;font-size:12px}.record h2{margin:0}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:start;width:100%;font-size:12px}caption{text-align:start;margin-bottom:15px;font-size:16px}th,td{border-bottom:1px solid var(--border);text-align:start;overflow-wrap:anywhere;max-width:270px;padding:15px 10px}th{color:#94b0ef}footer{border-top:1px solid var(--border);background:#080c20;padding-top:45px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px;padding-bottom:40px;display:grid}.footer-grid p{margin-top:16px;font-size:11px}.footer-grid>div>strong{margin-bottom:18px;font-size:12px;display:block}.footer-grid>div>a:not(.brand){color:#a0b0d1;margin-bottom:12px;font-size:11px;display:block}.footer-bottom{border-top:1px solid var(--border);color:#8c9bbd;justify-content:space-between;padding-block:20px;font-size:10px;display:flex}@media (width>=1400px){.hero h1{font-size:62px}}@media (width<=1050px){.header-inner{gap:20px}.header-inner nav{gap:15px}.brand-en{display:none}.hero{grid-template-columns:1fr 1fr}.orbit-two{width:340px;height:340px}.orbit-one{width:250px;height:250px}.card-store{left:0}.orbit-card{padding:13px}.card-site{right:30px}.product-card{padding:22px}.digitize-callout{gap:30px;padding:40px}.workspace .three-grid{grid-template-columns:1fr}.workspace{gap:24px}}@media (width<=760px){.container{width:calc(100% - 36px)}.header-inner{justify-content:space-between;height:72px}.menu-toggle{margin-inline-start:auto;display:flex}.header-cta{display:none}.header-inner nav{z-index:20;border-bottom:1px solid var(--border);background:#101831;flex-direction:column;align-items:stretch;gap:0;padding:25px;display:none;position:absolute;top:110px;left:0;right:0}.header-inner nav.open{display:flex}.header-inner nav a{padding:12px}.mobile-login{display:block}.hero{grid-template-columns:1fr;gap:12px;min-height:0;padding-block:40px}.hero h1{font-size:43px}.hero p{font-size:13px}.hero-visual{width:100%;max-width:440px;height:370px;margin:auto}.orbit-two{width:320px;height:320px}.hub{width:130px;height:130px}.card-site{top:10px;right:15px}.card-store{top:130px;left:5px}.card-team{bottom:25px;right:5px}.orbit-label{top:35px;left:30px}.visual-foot{bottom:-5px;left:5px}.hero-details{gap:14px;font-size:10px}.hero .actions{gap:10px}.hero .button{padding:12px 15px;font-size:12px}.principles .container{flex-wrap:wrap;justify-content:center;gap:16px}.principles span{gap:7px;font-size:10px}.section{padding-block:45px}.section-head{align-items:flex-start;gap:15px}.section-head .text-link{white-space:nowrap;margin-top:12px;font-size:10px}.product-grid{grid-template-columns:1fr 1fr;gap:12px}.product-card{padding:20px}.product-card .tag{float:none;margin:0 8px 10px 0;font-size:9px}.product-card h3,.product-card h2{font-size:15px}.product-card p{font-size:11px}.digitize-callout{grid-template-columns:1fr;gap:10px;padding:30px}.journey{padding-top:15px}.callout-icon{top:30px;left:25px}.three-grid{grid-template-columns:1fr}.detail-grid,.auth-layout{grid-template-columns:1fr;gap:30px}.auth-story{display:none}.wizard-layout{grid-template-columns:1fr;gap:18px}.wizard-aside ol{flex-wrap:wrap;gap:12px;margin:10px 0;display:flex}.wizard-aside li{gap:6px;margin:0;font-size:10px}.wizard-aside p{display:none}.wizard-aside li span{width:24px;height:24px}.wizard-panel{padding:23px}.choices{grid-template-columns:1fr}.workspace{grid-template-columns:1fr;padding-block:25px}.workspace-nav{border:0;padding:0}.workspace-nav nav{grid-template-columns:1fr 1fr;margin:15px 0;display:grid}.workspace-account{justify-content:space-between;align-items:center;margin-top:15px;display:flex}.workspace-nav .field{margin:0}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-bottom{flex-direction:column;gap:8px}.heading h1{letter-spacing:-.7px}.notice{gap:8px;font-size:10px}}@media (width<=420px){.product-grid{grid-template-columns:1fr}.hero h1{font-size:36px}.orbit-card{font-size:11px}.hero-details{flex-wrap:wrap}.orbit-two{width:290px;height:290px}.footer-grid{gap:20px}.brand strong{font-size:25px}.panel{padding:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.field textarea{font:inherit;resize:vertical;width:100%;min-height:80px;color:var(--foreground);background:#080e25;border:1px solid #344263;border-radius:8px;padding:12px 14px}.field input[type=color]{height:44px;padding:5px}.editor{padding:45px 0 60px}.editor>.container{width:calc(100% - 48px);max-width:1600px}.editor .heading{max-width:900px}.template-card{background:var(--card);color:#fff;text-align:start;border:1px solid #344364;border-radius:12px;padding:20px}.template-card:hover{border-color:#9ab7ff}.template-card>b,.template-card>small{margin-top:12px;display:block}.template-card>small{color:#9bacd2;margin-bottom:18px}.template-preview{color:#22334d;text-align:center;background:#f0f4fc;border-radius:8px;min-height:220px;padding:25px}.template-preview>div:first-child{background:#3e6fff;border-radius:5px;width:30%;height:10px;margin:0 auto 25px}.studio .template-preview>div:first-child{background:#8b5cf6}.trade .template-preview>div:first-child{background:#047857}.template-preview>span{background:#b5bfd1;width:80%;height:5px;margin:12px auto;display:block}.template-preview>span+span{width:65%}.template-boxes{gap:10px;margin-top:25px;display:flex}.template-boxes i{background:#d7e0f0;border-radius:4px;flex:1;height:40px}.editor-toolbar{border-block:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.editor-toolbar .actions{margin:15px 0}.editor-toolbar small{color:#a9d6c9;font-size:11px}.editor-layout{grid-template-columns:240px minmax(250px,1fr) 240px;align-items:start;gap:18px;display:grid}.editor-layout .panel{padding:20px}.editor-layout h2{margin-bottom:20px;font-size:16px}.editor-layout h3{font-size:14px}.editor-controls .actions{gap:6px}.editor-controls .button.small{padding:7px;font-size:10px}.editor-canvas{text-align:center;background:#18203b;border:1px solid #344161;border-radius:12px;min-width:0;padding:16px}.preview-toolbar{justify-content:space-between;align-items:center;display:flex}.preview-toolbar div{gap:6px;display:flex}.preview-toolbar h2{margin:0;font-size:13px}.editor-canvas iframe{background:#fff;border:0;border-radius:6px;min-height:720px;margin:15px auto 0;display:block}.section-list{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.section-list button{color:#fff;text-align:start;background:#101932;border:1px solid #303d60;border-radius:8px;padding:10px;font-size:11px}.section-list button small{overflow-wrap:anywhere;margin-top:4px;font-size:10px}.section-list button.selected{background:#1b315c;border-color:#789fff}.editor-properties hr{border:0;border-top:1px solid var(--border);margin:20px 0}.editor-properties .text-link{font-size:11px}@media (width<=1150px){.editor-layout{grid-template-columns:210px minmax(250px,1fr)}.editor-properties{grid-column:1/-1}.editor-properties .field{max-width:700px}}@media (width<=700px){.editor>.container{width:calc(100% - 28px)}.editor-layout{grid-template-columns:1fr}.editor-toolbar{flex-direction:column;align-items:flex-start;gap:0;padding-bottom:15px}.editor-layout .editor-properties{grid-column:auto}.editor-canvas iframe{min-height:550px}.editor-toolbar .button{padding:10px;font-size:10px}.editor-controls .field{margin-bottom:12px}.editor-controls .section-list{grid-template-columns:1fr 1fr;display:grid}.editor .heading h1{font-size:28px}.preview-toolbar h2{font-size:13px}}.cloud-toolbar{margin-bottom:24px}.cloud-toolbar summary{cursor:pointer;color:#c6d5fc;font-size:13px}.cloud-toolbar details .form{max-width:460px;margin-top:18px}.cloud-toolbar .record.column{max-height:320px;overflow:auto}.cloud-toolbar .record button{max-width:260px}
