@font-face{font-family:BreezArabic;src:url('assets/NotoSansArabic-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:BreezArabic;src:url('assets/NotoSansArabic-Bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{--bg:#070e13;--panel:#111e27;--panel2:#152630;--text:#eef5f6;--muted:#a7bbc5;--cyan:#a8dfff;--line:#29414f;--accent:var(--cyan);--glow:rgba(108,203,255,.12);color-scheme:dark;font-family:BreezArabic,Arial,sans-serif;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:115px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.9;font-size:16px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button,input,select{color:inherit}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-1.6px;line-height:1.6;font-weight:700}h1{font-size:clamp(36px,4.2vw,62px)}h2{font-size:clamp(28px,3.2vw,44px)}em{font-style:normal;color:var(--cyan);background:linear-gradient(100deg,#eff9ff,var(--cyan) 45%,#81b9f6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}p{color:var(--muted)}.section{width:min(1240px,calc(100% - 100px));margin-inline:auto;position:relative}.eyebrow{font:700 11px/1.8 Arial,sans-serif;letter-spacing:2.7px;color:#8bc2db;display:inline-flex;align-items:center;gap:10px;margin-bottom:20px}.eyebrow:lang(ar){font-family:BreezArabic,Arial,sans-serif}.eyebrow i,.offer-tag i,.product-caption i{width:6px;height:6px;background:var(--cyan);border-radius:100%;display:inline-block;box-shadow:0 0 14px var(--cyan)}.ambient{position:absolute;inset:0 0 auto;height:3800px;overflow:hidden;pointer-events:none;z-index:-1}.ambient i{position:absolute;border-radius:50%;filter:blur(90px);background:radial-gradient(ellipse,rgba(49,129,171,.2),transparent 70%);width:950px;height:950px;left:-280px;top:80px;animation:ambient-drift 16s ease-in-out infinite alternate}.ambient i:nth-child(2){left:auto;right:-380px;top:850px;background:radial-gradient(ellipse,rgba(93,76,155,.13),transparent 70%);animation-delay:-5s}.ambient i:nth-child(3){top:2400px;left:10%;opacity:.6}.skip{position:fixed;top:-90px;right:20px;z-index:1001;background:var(--cyan);padding:8px 20px;color:var(--bg)}.skip:focus{top:15px}#scroll-progress{position:fixed;inset:0 auto auto 0;width:0;height:2px;background:linear-gradient(90deg,#5097d0,var(--cyan));box-shadow:0 0 12px var(--cyan);z-index:100}.header{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:sticky;top:18px;z-index:20;margin:18px auto 0;width:min(1320px,calc(100% - 56px));padding:0 30px;background:rgba(11,23,31,.86);border:1px solid rgba(117,181,211,.23);border-radius:20px;box-shadow:0 14px 60px #0004,inset 0 1px 0 #d5efff08;backdrop-filter:blur(22px)}.header-brand{width:133px;flex-shrink:0}.brand-word{display:block;width:100%;height:auto;overflow:visible}.brand-slogan{display:block;width:100%;height:auto;margin-top:9px}.header-brand .brand-slogan,footer .brand-slogan{display:none}.header nav{display:flex;gap:12px;align-items:center}.header nav a{font-size:14px;padding:10px 15px;position:relative;color:#aebfc8;transition:.25s}.header nav a:after{content:'';position:absolute;bottom:3px;right:40%;left:40%;height:2px;background:var(--cyan);opacity:0;transform:scaleX(0);transition:.3s}.header nav a:hover,.header nav a.active{color:#effaff}.header nav a.active:after,.header nav a:hover:after{opacity:1;transform:scaleX(1)}.header-cta{font-size:14px;border-radius:11px;background:#a8dfff12;border:1px solid #a8dfff40;padding:9px 18px;color:var(--cyan);display:flex;align-items:center;gap:25px;transition:.3s}.header-cta:hover{box-shadow:0 0 35px #a8dfff22;transform:translateY(-2px)}.hero{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:65px;padding-top:115px;padding-bottom:110px;min-height:790px}.hero-copy .eyebrow{font:400 13px/1.8 BreezArabic,Arial,sans-serif;letter-spacing:0;border:1px solid #a8dfff22;border-radius:99px;padding:6px 14px}.lead{font-size:17px;line-height:2.1;margin-top:24px}.actions{display:flex;gap:13px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:32px;min-height:52px;padding:10px 25px;border-radius:12px;font-size:15px;font-weight:700;transition:transform .3s,box-shadow .3s,background .3s}.button.primary{color:#0d2430;background:linear-gradient(120deg,#d5f0ff,#a8dfff 70%,#86c5ee);border:1px solid #cef1ff;box-shadow:0 4px 26px #83ccf222,inset 0 1px 0 #fff6}.button:hover{transform:translateY(-3px)}.button.primary:hover{box-shadow:0 8px 40px #83ccf244}.button.secondary{background:#10232d7f;border:1px solid var(--line);color:#d4e6ef}.hero-notes{margin-top:26px;display:flex;gap:18px;color:#8da2ae;font-size:11px;flex-wrap:wrap}.hero-notes span:before{content:'✓';color:var(--cyan);margin-left:6px}.hero-product{position:relative;perspective:1300px;direction:ltr}.floating-label{font:10px Arial,sans-serif;letter-spacing:2px;color:#81a2b8;text-align:center;margin-bottom:22px}.app-shell{--accent:#a8dfff;border:1px solid #486779;background:linear-gradient(150deg,#142a36,#101d27 70%);border-radius:21px;overflow:hidden;box-shadow:0 40px 100px #0007,0 0 120px #7bcaff12;transform:rotateY(-7deg) rotateZ(-2deg);transition:transform .7s,border-color .5s}.app-shell:hover,.app-shell:focus-within{transform:rotateY(0) rotateZ(0);border-color:var(--accent)}.app-top{height:46px;padding:0 18px;border-bottom:1px solid #ffffff10;display:flex;justify-content:space-between;align-items:center;color:#7494a6;font:9px Arial,sans-serif;letter-spacing:2px}.traffic{display:flex;gap:5px}.traffic i{width:5px;height:5px;background:#60879e;border-radius:50%}.app-top b{font-size:13px;letter-spacing:0;color:#b7a4e6;padding:2px 5px;border:1px solid #8e79bf66;border-radius:4px;background:#8e79bf14}.app-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 22px 16px}.app-heading [data-brand]{width:118px}.app-heading .brand-slogan{display:none}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:10px;padding:3px;background:#09151d;gap:2px}.segmented button{background:transparent;color:#93adbc;font-size:12px;padding:4px 12px;border-radius:7px;transition:.25s}.segmented button.active{color:#0e2634;background:var(--accent,var(--cyan))}.app-nav{display:flex;gap:5px;padding:0 15px 12px;direction:rtl}.app-nav button{flex:1;color:#9bb5c4;font-size:12px;padding:8px 3px;background:transparent;border-radius:8px;border:1px solid transparent;transition:.25s}.app-nav button.active{border-color:color-mix(in srgb,var(--accent) 38%,transparent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.app-nav button:hover{background:#ffffff08}.stage{position:relative;isolation:isolate;overflow:hidden;background-image:linear-gradient(#a0d8ff04 1px,transparent 1px),linear-gradient(90deg,#a0d8ff04 1px,transparent 1px),radial-gradient(ellipse at 50% 70%,#a8dfff0a,transparent 65%);background-size:28px 28px,28px 28px,100% 100%}.hero-stage{height:285px;border-block:1px solid #a8dfff0b}.app-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 20px;direction:rtl}.app-bottom>span{font-size:11px;color:var(--accent)}.theme-dots{display:flex;align-items:center;gap:9px;direction:ltr}.theme-dots button{border:2px solid transparent;border-radius:50%;width:17px;height:17px;background:var(--swatch);box-shadow:0 0 0 2px transparent;transition:.2s}.theme-dots button.selected{box-shadow:0 0 0 2px var(--accent);border-color:#10232d}.custom-color{width:21px;height:21px;border:1px solid #668394;border-radius:50%;position:relative;display:grid;place-items:center;font:15px Arial;color:var(--accent);overflow:hidden;cursor:pointer}.custom-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.product-caption{display:flex;justify-content:space-between;color:#7998a9;font-size:11px;margin-top:25px;direction:rtl}.product-caption i{width:4px;height:4px;margin-left:7px}.hero-card,.carousel-card{width:100px;height:140px;position:absolute;left:50%;top:50%;border-radius:13px;will-change:transform,opacity;display:flex;align-items:flex-end;overflow:hidden;backface-visibility:hidden;box-shadow:0 12px 25px #0003;color:#0c2635;text-align:left;direction:ltr;background:var(--card);transform-style:preserve-3d}.card-visual{position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,#fff9 0,transparent 35%);opacity:.8}.card-visual:before{content:'';position:absolute;width:80%;height:80%;border:1px solid #ffffff60;border-radius:50%;top:7%;left:40%;box-shadow:0 0 0 15px #ffffff0d,0 0 0 30px #ffffff0a}.carousel-card b,.hero-card b{z-index:1;padding:14px;font:700 28px/1.1 Arial;letter-spacing:-1px}.hero-card small,.carousel-card small{position:absolute;top:13px;left:13px;font:8px Arial;letter-spacing:2px}.hero-stage .mini-text{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:var(--accent);font:700 48px Arial}.hero-stage .mini-text span{display:block;animation:hero-type 3.2s cubic-bezier(.22,1,.36,1) infinite}.hero-stage .mini-text small{display:block;font:11px BreezArabic;margin-top:20px;opacity:.6}.hero-library{position:absolute;inset:40px 30px;display:flex;gap:12px;align-items:center;justify-content:center}.hero-library div{border:1px solid #a8dfff33;border-radius:10px;padding:24px 10px;width:30%;text-align:center;background:#a8dfff08;animation:float-in .5s both}.hero-library div:nth-child(2){animation-delay:.1s}.hero-library div:nth-child(3){animation-delay:.2s}.hero-library b{color:var(--accent);font:35px Arial;display:block}.hero-library small{display:block;color:#9bb0bd;font:8px Arial;margin-top:20px}.hero-studio{position:absolute;inset:30px;display:grid;align-content:center;gap:15px}.hero-studio strong{color:var(--accent);font:11px Arial;letter-spacing:2px}.hero-studio .studio-waves{height:75px}.hero-studio .mini-swatches{display:flex;gap:10px}.hero-studio .mini-swatches i{width:32px;height:20px;border-radius:4px;background:var(--swatch)}.about-strip{padding:70px 0 110px;text-align:center;border-top:1px solid #a8dfff12}.about-strip>p{max-width:650px;margin:20px auto 40px}.four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:right}.four-grid a{position:relative;display:flex;flex-direction:column;padding:25px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(140deg,#14242c7a,#0c161e80);font-size:18px;color:var(--cyan);transition:.35s;overflow:hidden}.four-grid a:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 10% 0,#a8dfff15,transparent 70%);opacity:0;transition:.3s}.four-grid a:hover{transform:translateY(-7px);border-color:#6e9db8;box-shadow:0 20px 50px #0004}.four-grid a:hover:before{opacity:1}.four-grid b{font:12px Arial;color:#6b8d9f;margin-bottom:25px}.four-grid strong{font-size:17px;color:var(--text);font-weight:700}.four-grid span{font-size:12px;color:#9ab0bc;margin-top:8px;margin-bottom:12px}.feature{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center;padding-top:95px;padding-bottom:110px;scroll-margin-top:20px}.feature.reverse .feature-copy{order:2}.feature.reverse .demo-window{order:1}.feature-copy>p{font-size:15px;line-height:2.15;margin-top:23px}.feature-menu{display:grid;gap:9px;margin-top:30px}.feature-menu button{display:flex;gap:14px;align-items:center;width:100%;text-align:right;background:#0d192078;border:1px solid #ffffff0c;border-radius:10px;padding:13px 16px;font-size:13px;color:#97aeba;transition:.3s}.feature-menu button b{font:10px Arial;color:#648398}.feature-menu button span{flex:1}.feature-menu button i{font:17px Arial;color:#60879c;transition:transform .3s}.feature-menu button:hover{background:#172832;border-color:#a8dfff25}.feature-menu button.active{color:#e7f6ff;background:linear-gradient(100deg,#142731,#11212a);border-color:#6b97ae77;box-shadow:inset 3px 0 0 #a8dfff}.feature-menu button.active i{color:var(--cyan);transform:translate(-3px,-3px)}.demo-window{min-width:0;border:1px solid #395564;border-radius:18px;background:linear-gradient(145deg,#14222c,#12212b);overflow:hidden;box-shadow:0 25px 70px #0002;position:relative}.window-bar{direction:ltr;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #a8dfff12;color:#89a9bc;font:10px Arial;letter-spacing:1.4px}.carousel-stage{height:300px;direction:ltr}.carousel-card{width:90px;height:124px;border-radius:10px}.demo-story{padding:24px 25px 28px;background:linear-gradient(100deg,#a8dfff05,#a8dfff02);border-top:1px solid #a8dfff10;min-height:155px}.demo-story .story-problem{font-size:13px;color:#91aaba;display:block;margin-bottom:5px}.demo-story h3{color:#e6f3fa;font-size:16px;font-weight:400;line-height:1.9}.demo-story strong{font-size:13px;color:var(--cyan);display:block;margin-top:15px}.demo-story p{font-size:13px;line-height:2;margin-top:5px}.demo-disclaimer{font-size:10px;color:#7e99a9;display:block;text-align:center;padding:12px 18px;line-height:1.9}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px 22px;background:#0c192055;border-top:1px solid #a8dfff10}.controls label{font-size:12px;display:block;color:#a8becb;min-width:0}.controls label.full{grid-column:1/-1}.controls input:not([type=range]):not([type=checkbox]),.controls select,.combo-save input,.library-toolbar input,.demo-input{display:block;background:#0a151d;border:1px solid #35505f;border-radius:7px;padding:8px 10px;min-width:0;width:100%;margin-top:5px;font-size:12px;line-height:1.8;color:#d1e4ee}input[type=range]{width:100%;height:18px;margin:8px 0 0;accent-color:var(--cyan);cursor:pointer}input[type=checkbox]{accent-color:var(--cyan)}output{float:left;font:11px Arial;color:var(--cyan);padding-top:5px}.controls .check{display:flex;align-items:center;gap:5px}.small-button{background:#a8dfff10;border:1px solid #a8dfff44;color:#bce6fc;border-radius:8px;padding:8px 13px;font-size:12px;transition:.25s;min-height:38px}.small-button:hover{background:#a8dfff22;border-color:#a8dfff99}.small-button.active{background:var(--cyan);color:#173344}.library-view,.studio-view{min-height:285px;padding:25px;display:flex;flex-direction:column;gap:15px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 40% 80%,#8abfea0b,transparent 65%)}.library-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between}.library-toolbar input{margin:0;max-width:65%}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.library-card{border:1px solid #a8dfff25;border-radius:10px;overflow:hidden;animation:float-in .5s both;background:#0c1920;position:relative}.library-art{height:100px;display:grid;place-content:center;font:30px Arial;color:var(--color);background:linear-gradient(135deg,color-mix(in srgb,var(--color) 22%,#10202a),#10202a);overflow:hidden}.library-art>span{display:block;animation:art-loop 3s ease-in-out infinite alternate}.library-card:nth-child(2) .library-art>span{animation-delay:-1s}.library-card:nth-child(3) .library-art>span{animation-delay:-2s}.library-card small{display:block;font:9px Arial;letter-spacing:.5px;padding:9px;color:#afc5d3;white-space:nowrap}.favorite-btn{position:absolute;left:6px;top:6px;background:#07121d99;color:var(--cyan);border-radius:6px;width:24px;height:25px;font:16px Arial}.library-feedback{font-size:12px;color:#9eb9c8;min-height:26px;display:flex;align-items:center;gap:8px}.library-feedback b{color:var(--cyan)}.audit-list{display:grid;gap:8px}.audit-row{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff0b;padding:8px 0;font-size:13px;animation:float-in .45s both}.audit-row span{color:#92bda8}.audit-row.warn span{color:#e8c490}.timeline-mini{direction:ltr;padding:20px;background:#091720;border:1px solid #a8dfff1f;border-radius:10px;position:relative;overflow:hidden}.timeline-mini i{height:20px;display:block;border-radius:3px;background:#a8dfff55;width:75%;margin:7px}.timeline-cursor{position:absolute;top:0;bottom:0;left:35%;width:1px;background:#d9f2ff;animation:cursor-run 4s linear infinite}.text-stage{height:230px;display:flex;align-items:center;justify-content:center;perspective:900px;padding:30px;direction:ltr}.stage-watermark{position:absolute;bottom:14px;left:18px;font:8px Arial;letter-spacing:2px;color:#648599}#animated-text{font:700 clamp(23px,2.7vw,38px)/1.8 BreezArabic,Arial,sans-serif;text-align:center;color:var(--cyan);width:100%;white-space:pre-wrap}#animated-text span{display:inline-block;transform-origin:center;will-change:transform,opacity}#animated-text.lines span{display:block}.text-controls{gap:10px}.combo-panel{padding:22px;border-top:1px solid #a8dfff19;background:linear-gradient(125deg,#a8dfff09,#c8b7ff05)}.combo-panel strong{font-size:15px;color:#e5f5fc;display:flex;align-items:center;justify-content:space-between}.combo-panel strong span{font:8px Arial;letter-spacing:1.6px;color:#7699ad}.combo-panel p{font-size:12px;margin:5px 0 12px}.combo-save{display:flex;gap:8px}.combo-save input{margin:0;flex:1}.combo-save .small-button{flex-shrink:0}.combo-panel>small{font-size:10px;color:#829baa;display:block;margin-top:10px}.saved-combos{display:grid;gap:7px;margin-top:10px}.saved-combo{display:flex;gap:5px}.saved-combo button:first-child{flex:1;text-align:right;font-size:12px;background:#0a1927;border:1px solid #a8dfff33;padding:7px 10px;border-radius:6px;color:#b7d7e9}.saved-combo button:last-child{width:32px;border-radius:6px;background:#ffffff05;color:#9ab0bd}.studio-head{display:flex;justify-content:space-between;align-items:center;color:#b8cfdd;font-size:13px}.studio-waves{height:100px;display:flex;align-items:center;gap:4px;direction:ltr;position:relative;overflow:hidden}.studio-waves i{height:var(--height);flex:1;background:#a8dfff66;border-radius:2px;animation:wave 1.8s ease-in-out infinite alternate;animation-delay:var(--delay)}.cut-mask{position:absolute;inset:0 25%;border:1px solid var(--cyan);box-shadow:0 0 0 200px #0004;z-index:1;pointer-events:none}.studio-swatches{display:flex;gap:10px}.studio-swatches button{flex:1;height:65px;border-radius:9px;background:var(--swatch);border:1px solid #fff3;transition:.3s}.studio-swatches button:hover{transform:translateY(-5px)}.studio-color-caption{font:12px Arial;color:#a8dfff}.upload-zone{padding:25px 15px;border:1px dashed #5b8197;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;color:var(--cyan);cursor:pointer;min-height:130px;background:#a8dfff05}.upload-zone input{max-width:100%;font-size:12px}.studio-media{width:100%;max-height:180px;object-fit:contain;border-radius:8px;display:block;background:#071119}.studio-link-card{padding:17px;border:1px solid #a8dfff22;background:#a8dfff06;border-radius:10px;display:flex;gap:15px;align-items:center;font-size:13px;animation:float-in .4s}.studio-link-card b{color:var(--cyan);font:22px Arial}.studio-link-card span{flex:1;overflow-wrap:anywhere}.studio-link-card small{font-size:10px;color:#809db1}.sub-note{font-size:11px;color:#8ea9b8;line-height:1.9}.layer-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:50px 45px;margin-top:45px;margin-bottom:120px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(130deg,#10212b,#0b151c)}.layer-section h2{font-size:32px}.layer-section p{font-size:14px;margin:15px 0 22px}.layer-demo{height:265px;background-image:linear-gradient(#a0d8ff05 1px,transparent 1px),linear-gradient(90deg,#a0d8ff05 1px,transparent 1px);background-size:25px 25px;border:1px solid #a8dfff20;border-radius:12px;display:grid;place-items:center;position:relative;overflow:hidden}.anchor-box{position:relative;width:170px;height:150px;border:1px solid #a8dfff99;background:#a8dfff11;border-radius:4px;display:grid;place-content:center;color:#a8dfff;font:700 45px Arial;animation:gentle-rotate 5s ease-in-out infinite alternate}.anchor-point{position:absolute;width:15px;height:15px;border:1px solid var(--cyan);border-radius:50%;transform:translate(-50%,-50%);transition:top .5s,left .5s;background:#091921;box-shadow:0 0 20px #a8dfff88}.anchor-point:after{content:'+';font:15px/12px Arial;position:absolute;inset:0;text-align:center}.anchor-grid{display:grid;grid-template-columns:repeat(3,28px);gap:4px;direction:ltr;margin-top:16px;width:max-content}.anchor-grid button{height:28px;background:#a8dfff0b;border:1px solid #a8dfff44;border-radius:4px;color:#a8dfff;font:12px Arial}.anchor-grid button.active{background:#a8dfff;color:#0a1b25}#layer-controls>.small-button{margin:16px 0 0 8px}.layer-demo .timeline-mini{width:85%}.marker-tags{position:absolute;top:7px;left:20px;right:20px;display:flex;justify-content:space-between;color:var(--cyan);font:10px Arial}.timeline-mini.stagger i{transition:margin .7s;background:#a8dfff77;width:50%}.video-section{text-align:center;padding-bottom:130px}.video-section>p{margin:20px auto 30px;font-size:15px}.video-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:280px;max-width:850px;margin:0 auto;border:1px solid #3a5b6e;border-radius:22px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#1b4660,transparent 70%),linear-gradient(120deg,#10222d,#101b26);transition:.35s}.video-placeholder:before{content:'';position:absolute;width:420px;height:420px;border:1px solid #a8dfff13;border-radius:50%;box-shadow:0 0 0 35px #a8dfff04,0 0 0 70px #a8dfff03;top:-220px;left:calc(50% - 210px)}.video-placeholder:hover{box-shadow:0 0 70px #a8dfff15;border-color:#8cb7d0}.video-placeholder strong{font-size:23px;margin:12px 0 5px}.video-placeholder>span:not(.play){font-size:14px;color:#abc3d0}.video-placeholder small{font-size:11px;color:#8db6cc;margin-top:18px}.play{width:50px;height:50px;border:1px solid #a8dfff77;border-radius:50%;display:grid;place-content:center;color:#bfe7fc;font:25px Arial;background:#a8dfff10}.founder-section{padding-bottom:130px}.founder-panel{border:1px solid #486575;border-radius:26px;background:linear-gradient(110deg,#142b39,#0c1823 80%);display:grid;grid-template-columns:.88fr 1.12fr;overflow:hidden;box-shadow:0 35px 100px #0004,0 0 80px #a8dfff07;direction:ltr;min-height:640px;position:relative}.portrait-wrap{position:relative;min-height:100%;overflow:hidden}.portrait-wrap>img{height:100%;width:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 38%;filter:saturate(.75) contrast(1.03)}.portrait-shade{position:absolute;inset:0;background:linear-gradient(0deg,#10212f 0%,#10212f16 45%,#10212f00 75%),linear-gradient(90deg,transparent 60%,#10212f 100%);pointer-events:none}.portrait-caption{position:absolute;bottom:28px;left:30px;color:#98bdd3;font:9px Arial;letter-spacing:2.5px}.experience{position:absolute;left:28px;bottom:76px;display:flex;align-items:center;gap:15px;direction:ltr}.experience>b{font:700 90px/.9 Arial;letter-spacing:-8px;color:#b1e3ff;text-shadow:0 0 30px #00131c;display:block}.experience>div{direction:rtl;font-size:14px;line-height:1.9;text-shadow:0 1px 5px #000}.experience span{font-size:10px;color:#b6c9d4}.founder-copy{direction:rtl;padding:55px 48px 45px 28px;position:relative}.founder-copy .eyebrow{font-size:9px;letter-spacing:2px}.founder-copy h2{font-size:clamp(29px,3vw,42px);line-height:1.65}.founder-copy>p{font-size:14px;line-height:2.15;margin-top:22px;color:#b0c3cf}.founder-sign{margin-top:30px;border-top:1px solid #a8dfff22;padding-top:20px}.founder-sign>span{font-size:16px;font-weight:700}.founder-sign>span small{color:#91aec0;font-size:11px;margin-right:10px;font-weight:400}.socials{display:flex;gap:9px;margin-top:16px;direction:ltr;flex-wrap:wrap}.socials a{display:flex;gap:9px;align-items:center;background:#a8dfff09;border:1px solid #a8dfff30;border-radius:9px;padding:8px 12px;font:700 19px Arial;color:#b6e2f9;transition:.3s}.socials a span{font:10px Arial;color:#abc6d7}.socials a:hover{transform:translateY(-3px);box-shadow:0 8px 30px #7fc7f422;border-color:#a8dfff88}.pricing-section{display:grid;grid-template-columns:1fr .8fr;gap:110px;align-items:center;padding:55px 30px 140px}.pricing-copy>p{font-size:15px;margin-top:24px}.pricing-copy ul{list-style:none;margin:28px 0 0;padding:0;color:#b2c7d4;font-size:13px}.pricing-copy li{margin:10px 0}.pricing-copy li:before{content:'✓';color:var(--cyan);margin-left:12px}.price-card{position:relative;isolation:isolate;border:1px solid #83bedb;border-radius:23px;background:radial-gradient(ellipse at 50% 0,#a8dfff1c,transparent 65%),#101f29;padding:34px;text-align:center;box-shadow:0 30px 100px #0004,0 0 70px #7fc8ef13;overflow:hidden}.price-card:before{content:'';position:absolute;inset:0 10% auto;height:1px;background:linear-gradient(90deg,transparent,#d3f2ff,transparent);box-shadow:0 0 30px #a8dfff}.offer-tag{border:1px solid #a8dfff33;border-radius:99px;padding:6px 13px;font-size:12px;color:#bfdef0;display:inline-flex;gap:10px;align-items:center;background:#a8dfff08}.old-price{display:flex;justify-content:center;gap:8px;align-items:center;direction:ltr;margin-top:30px!important;color:#a7bac7}.old-price del{font:400 29px Arial;text-decoration-color:#d4dce2;text-decoration-thickness:2px}.old-price span{font:11px Arial}.price{display:flex;align-items:baseline;justify-content:center;gap:12px;margin-top:8px;line-height:1}.price b{font:700 clamp(66px,7.5vw,100px)/1.1 Arial;letter-spacing:-6px;color:#eaf8ff}.price span{font:17px Arial;color:#a8dfff}.saving{display:inline-block;background:#83dfb813;color:#b1e8cf;border:1px solid #83dfb833;border-radius:7px;font-size:12px;padding:3px 12px;margin:20px 0 8px}.price-card>p:not(.old-price){font-size:13px;color:#a1b9c8;margin-bottom:24px}.wide{width:100%}.payment-methods{display:flex;justify-content:center;align-items:center;gap:13px;flex-wrap:wrap;margin-top:22px;color:#b0c5d1;font-size:12px}.payment-methods>span{padding:1px 12px;border-left:1px solid #a8dfff22}.payment-methods small{width:100%;font-size:10px;color:#8da5b4}.preview-note{color:#8fa8b7;font-size:10px;display:block;margin-top:15px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding-bottom:140px;align-items:start}.faq-section>div>p{font-size:14px;margin-top:20px}.faq-list{display:grid;gap:11px}.faq-item{border:1px solid #2a4352;background:#101e28;border-radius:13px;overflow:hidden;transition:.4s}.faq-item:has(button[aria-expanded=true]){border-color:#739db5;box-shadow:0 10px 45px #a8dfff0b;background:linear-gradient(130deg,#172e3c,#10202c)}.faq-item button{display:flex;align-items:center;text-align:right;justify-content:space-between;gap:20px;width:100%;padding:20px 22px;background:transparent;color:#dcecf5;font-size:14px}.faq-item button span{font:24px Arial;flex-shrink:0;color:#9ecce7;transition:transform .35s;display:grid;place-content:center;width:26px;height:26px}.faq-item button[aria-expanded=true] span{transform:rotate(45deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s}.faq-answer>div{overflow:hidden}.faq-answer p{font-size:13px;line-height:2.15;padding:0 22px 20px}.faq-item button[aria-expanded=true]+.faq-answer{grid-template-rows:1fr}.closing{position:relative;text-align:center;padding:65px 30px 75px;border:1px solid #34556d;border-radius:25px;background:radial-gradient(ellipse at 50% 0,#a8dfff15,transparent 70%),linear-gradient(120deg,#122b3e,#0b1926);overflow:hidden;isolation:isolate}.closing [data-brand]{width:180px;margin:0 auto 25px}.closing .brand-slogan{display:none}.closing h2{font-size:clamp(26px,3.2vw,44px)}.closing .button{margin-top:30px}.closing-orbit{position:absolute;width:600px;height:600px;border:1px solid #a8dfff0b;border-radius:50%;top:-380px;left:calc(50% - 300px);z-index:-1;box-shadow:0 0 0 50px #a8dfff03,0 0 0 100px #a8dfff02}footer{width:min(1240px,calc(100% - 100px));margin:45px auto 0;padding:30px 0 40px;display:flex;gap:24px;align-items:center;color:#81a0b1;font-size:12px;flex-wrap:wrap}footer [data-brand]{width:100px}footer>a{margin-right:auto;color:#aacbdf}footer>small{width:100%;font-size:10px;text-align:center;color:#69899b}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);z-index:200;max-width:90%;width:max-content;border:1px solid #80b4cc;border-radius:13px;padding:13px 22px;background:#142c3e;color:#d8f2ff;font-size:13px;box-shadow:0 15px 50px #0008;opacity:0;pointer-events:none;transition:.3s;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #6f99b3;border-radius:22px;background:linear-gradient(140deg,#1a3446,#0c1c29);color:var(--text);padding:45px;max-width:560px;width:calc(100% - 32px);box-shadow:0 25px 100px #000a}dialog::backdrop{background:#030b13b3;backdrop-filter:blur(9px)}dialog p{font-size:14px;line-height:2.1;margin:20px 0}dialog h2{font-size:30px}dialog .button{font-size:13px}.dialog-close:not(.button){position:absolute;left:15px;top:13px;width:30px;height:30px;background:transparent;font:25px Arial;color:#9cb7c8}#intro{position:fixed;inset:0;z-index:1000;background:radial-gradient(ellipse at center,#173242 0,#08141e 50%,#061017 100%)}#intro:not([hidden]){display:grid;place-items:center}#intro.leaving{opacity:0;transform:scale(1.035);transition:opacity .55s,transform .65s;pointer-events:none}.intro-center{width:min(370px,65vw);text-align:center;display:flex;align-items:center;flex-direction:column}.intro-center [data-brand]{width:100%;animation:intro-brand .9s cubic-bezier(.2,.8,.2,1) both}.intro-center .brand-slogan{margin-top:22px}.intro-center>i{height:1px;background:linear-gradient(90deg,transparent,#b9e7ff,transparent);width:60%;margin:25px 0 18px;animation:intro-line 1.5s ease both}.intro-center>span{font-size:11px;color:#9fb9c8;animation:intro-brand 1s .4s both}#skip-intro{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);background:transparent;color:#7c9aac;font-size:11px}.js .reveal{transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1),filter .7s;transition-delay:var(--reveal-delay,0ms)}.js .reveal.is-out{opacity:0;transform:translateY(var(--reveal-y,28px)) scale(.985);filter:blur(5px)}.js .reveal.is-in{opacity:1;transform:translateY(0);filter:blur(0)}.reveal.flash{animation:soft-arrive .75s}.reveal .feature-menu button{transition-delay:0ms}.lib-fade{animation:float-in .45s both}.empty-state{padding:30px 15px;color:#9cb8c9;text-align:center;font-size:13px}.audit-badge{padding:4px 9px;border-radius:6px;background:#a8dfff11;color:#b8deef;font-size:11px}.studio-row{display:flex;gap:10px;align-items:center}.studio-row input{flex:1}.studio-range{display:grid;grid-template-columns:1fr 1fr;gap:15px}.studio-range label{font-size:12px;color:#9bb7c7}.clip-label{position:absolute;inset:auto 20px 15px;color:var(--cyan);font:11px Arial}.layer-demo .timeline-mini{padding-top:35px}.is-hidden,[hidden]{display:none!important}
@keyframes ambient-drift{to{transform:translate(70px,70px) scale(1.1)}}@keyframes intro-brand{from{opacity:0;filter:blur(10px);transform:translateY(16px) scale(.95)}to{opacity:1;filter:blur(0);transform:none}}@keyframes intro-line{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes float-in{from{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:none}}@keyframes art-loop{from{transform:translateY(8px) rotate(-9deg) scale(.9)}to{transform:translateY(-8px) rotate(6deg) scale(1.1)}}@keyframes hero-type{0%,10%{opacity:0;transform:translateY(20px);filter:blur(5px)}30%,80%{opacity:1;transform:translateY(0);filter:blur(0)}100%{opacity:0;transform:translateY(-15px);filter:blur(4px)}}@keyframes cursor-run{to{left:95%}}@keyframes wave{to{transform:scaleY(.45);opacity:.6}}@keyframes gentle-rotate{to{transform:rotate(-8deg)}}@keyframes soft-arrive{from{filter:blur(4px);opacity:.4}to{filter:blur(0);opacity:1}}
@media(min-width:1500px){.section{max-width:1320px}.hero{gap:85px;min-height:840px}.hero-stage{height:315px}.founder-panel{min-height:690px}.founder-copy{padding:65px 60px 55px 36px}}
@media(max-width:1100px){.section{width:calc(100% - 64px)}.hero{gap:35px;padding-top:90px}.header{padding-inline:20px}.header nav{gap:0}.header nav a{padding:10px;font-size:13px}.feature{gap:35px}.feature-copy>p{font-size:14px}.hero-stage{height:260px}.hero-notes{gap:10px;font-size:10px}.app-nav button{font-size:10px}.app-bottom{padding:14px}.app-bottom>span{font-size:10px}.theme-dots{gap:6px}.founder-copy{padding:38px 30px 35px 18px}.founder-copy>p{font-size:13px}.pricing-section{gap:60px;padding-inline:0}.faq-section{gap:50px}.four-grid a{padding:20px}.four-grid strong{font-size:15px}.four-grid span{font-size:11px}.experience{left:15px;gap:10px}.experience>b{font-size:70px}.experience>div{font-size:12px}.experience span{font-size:9px}.layer-section{padding:35px;gap:35px}}
@media(max-width:800px){:root{scroll-padding-top:100px}.header{top:10px;width:calc(100% - 28px);height:67px;padding:0 16px;border-radius:14px;gap:12px}.header-brand{width:100px}.header nav{gap:0}.header nav a{font-size:12px;padding:10px}.header nav a:nth-child(3){display:none}.header-cta{font-size:11px;padding:8px 10px;gap:8px}.section{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;padding-top:75px;padding-bottom:70px;gap:60px;text-align:center}.hero-copy .eyebrow{font-size:11px}h1{font-size:43px;line-height:1.65}.lead{font-size:16px}.actions,.hero-notes{justify-content:center}.hero-product{width:min(560px,100%);margin-inline:auto;text-align:initial}.app-shell{transform:rotateZ(-1deg)}.hero-stage{height:300px}.hero-notes{font-size:11px;gap:16px}.app-nav button{font-size:12px}.app-bottom>span{font-size:11px}.about-strip{padding:65px 0 55px}.about-strip>p{font-size:14px}.four-grid{grid-template-columns:repeat(2,1fr)}.feature{grid-template-columns:1fr;gap:30px;padding-top:70px;padding-bottom:60px}.feature.reverse .feature-copy,.feature.reverse .demo-window{order:initial}.feature-copy h2{font-size:35px}.feature-copy>p{max-width:650px}.feature-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:24px}.feature-menu button{font-size:12px;padding:11px 12px;gap:8px}.feature-menu button b{font-size:9px}.feature-menu button i{font-size:14px}.carousel-stage{height:310px}.controls label,.controls select,.controls input:not([type=range]){font-size:13px}.demo-story h3{font-size:16px}.demo-story p{font-size:13px}.demo-disclaimer{font-size:11px}.text-stage{height:250px}#animated-text{font-size:36px}.layer-section{grid-template-columns:1fr;padding:30px;gap:25px;margin-bottom:85px}.layer-section h2{font-size:32px}.layer-demo{height:235px}.video-section{padding-bottom:85px}.founder-section{padding-bottom:85px}.founder-panel{grid-template-columns:1fr;direction:rtl}.portrait-wrap{height:440px;min-height:0;order:2}.portrait-wrap>img{object-position:50% 37%;height:100%;width:100%}.portrait-shade{background:linear-gradient(0deg,#10212f,transparent 70%),linear-gradient(180deg,#10212f 0,transparent 20%)}.founder-copy{padding:35px;order:1}.founder-copy h2{font-size:34px}.founder-copy h2 br:last-of-type{display:none}.founder-copy>p{font-size:14px}.experience{bottom:65px;left:25px}.experience>b{font-size:80px}.experience>div{font-size:14px}.experience span{font-size:11px}.socials a{padding:10px 14px}.socials a span{font-size:11px}.pricing-section{grid-template-columns:1fr;padding:25px 0 90px;gap:35px}.price-card{width:min(480px,100%);margin:auto}.pricing-copy h2{font-size:35px}.price b{font-size:92px}.pricing-copy li{font-size:14px}.faq-section{grid-template-columns:1fr;gap:35px;padding-bottom:90px}.faq-section h2{font-size:35px}.faq-item button{font-size:14px}.faq-answer p{font-size:14px}.closing{padding:45px 20px 55px}.closing h2{font-size:30px}footer{width:calc(100% - 40px);gap:15px}footer>span{font-size:11px}.window-bar{font-size:9px}.portrait-caption{font-size:10px}.eyebrow{font-size:10px}}
@media(max-width:440px){h1{font-size:35px}.header nav a{padding:8px;font-size:11px}.header-brand{width:84px}.header-cta{font-size:10px}.header-cta span{display:none}.hero{padding-top:65px}.hero-copy .eyebrow{font-size:10px}.hero-notes{font-size:10px;gap:10px}.hero-stage{height:250px}.app-heading{padding:18px 16px 13px}.app-nav{padding-inline:10px;gap:2px}.app-nav button{font-size:11px}.app-bottom{gap:8px;padding:12px}.app-bottom>span{max-width:65%;font-size:10px}.theme-dots button{width:14px;height:14px}.theme-dots{gap:6px}.four-grid a{padding:17px}.four-grid strong{font-size:14px}.four-grid span{font-size:10px}.feature-copy h2{font-size:30px}.feature-menu{grid-template-columns:1fr}.feature-menu button{font-size:13px;padding:10px 14px}.controls{padding:16px;gap:10px}.controls label,.controls select,.controls input:not([type=range]){font-size:12px}.demo-story{padding:20px}.demo-disclaimer{font-size:10px}.library-view,.studio-view{padding:18px}.library-grid{gap:7px}.library-art{height:82px}.library-card small{font-size:8px;padding:8px 6px}.combo-panel{padding:17px}.combo-save{flex-wrap:wrap}.combo-save input{width:100%;flex-basis:100%}.combo-save .small-button{width:100%}.layer-section{padding:23px}.founder-copy{padding:28px 23px}.founder-copy h2{font-size:30px}.founder-copy .eyebrow{font-size:8px;letter-spacing:1.2px}.socials{gap:6px}.socials a{gap:6px;padding:8px}.socials a span{font-size:9px}.portrait-wrap{height:380px}.experience>div{font-size:12px}.price-card{padding:28px 22px}.offer-tag{font-size:11px}.faq-item button{padding:17px;font-size:13px}.faq-answer p{padding:0 17px 17px;font-size:13px}.closing h2{font-size:26px}.actions .button{font-size:13px;padding:10px 19px;gap:18px}.toast{font-size:12px}.layer-section .segmented button{font-size:11px;padding:5px 9px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .reveal.is-out{opacity:1;transform:none;filter:none}.app-shell{transform:none}}

.lib-manage{display:block;width:100%;padding:5px;border-top:1px solid #a8dfff22;background:#a8dfff08;color:#9ac1d8;font-size:10px}.demo-window:after,.app-shell:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(180px circle at var(--light-x,-300px) var(--light-y,-300px),#c7eaff0b,transparent 80%);z-index:10}.reveal.is-in h2 em,.reveal.is-in h1 em{display:inline-block;animation:title-arrive .85s .12s cubic-bezier(.2,.8,.2,1) both}@keyframes title-arrive{from{opacity:.1;transform:translateY(15px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}