:root{
  --bg:#fbfcff;--bg-soft:#f4f7fe;--surface:#fff;--surface-tint:#f7f9ff;--text:#101a36;--sub:#66718a;--soft-text:#8791a7;--line:#e5eaf4;--shadow:0 26px 80px rgba(38,62,120,.09);
  --nav:rgba(255,255,255,.85);--blue:#3878ea;--indigo:#6650ed;--cyan:#35cbd9;--mint:#18c9a0;--purple:#7955ed;--hero-outline:rgba(78,117,232,.10);
  --accent:linear-gradient(115deg,#684cf0 0%,#368fe9 54%,#19b5c7 100%);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Noto Sans Arabic",Tahoma,sans-serif; color:var(--text);background:var(--bg);font-size:16px;line-height:1.55;
}
:root[data-theme="dark"]{
 --bg:#0d1223;--bg-soft:#151d32;--surface:#171e34;--surface-tint:#1b2440;--text:#f5f8ff;--sub:#b1bbd2;--soft-text:#8997b5;--line:#303b5a;--nav:rgba(13,18,35,.86);--shadow:0 26px 80px rgba(0,0,0,.20);--hero-outline:rgba(119,160,255,.13);
}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;min-width:320px;overflow-x:hidden}
body.modal-open{overflow:hidden}
button,a{font:inherit}
a{text-decoration:none;color:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
svg{display:block}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #64b8f7;outline-offset:4px}
::selection{background:#9feafa;color:#0b1d32}
.container{width:min(1200px,calc(100% - 64px));margin:0 auto}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.icon-sm{width:16px;height:16px}
.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#21cbb2;box-shadow:0 0 0 4px rgba(26,211,170,.15);flex-shrink:0}
.announcement{min-height:35px;padding:6px 24px;display:flex;align-items:center;justify-content:center;gap:11px;background:#141d39;color:#f4f7ff;font-size:12px;letter-spacing:.015em}
.announcement a{display:inline-flex;gap:4px;align-items:center;color:#8deee9;font-weight:650}
.announcement a:hover{text-decoration:underline}
.header{position:sticky;top:0;z-index:70;background:var(--nav);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--line)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.brand-mark{width:43px;height:43px;border-radius:14px;background:white;box-shadow:0 6px 18px rgba(77,103,158,.12);display:flex;justify-content:center;align-items:center;overflow:hidden;padding:2px;flex-shrink:0}
.brand-mark img{width:100%;height:100%;object-fit:contain}
.brand-name{font-size:17px;font-weight:590;letter-spacing:-.045em}.brand-name strong{font-weight:800}
.nav-links{display:flex;align-items:center;gap:27px;margin-inline:auto}
.nav-links a{font-size:13px;color:var(--sub);font-weight:590;white-space:nowrap;transition:color .2s}
.nav-links a:hover{color:var(--text)}
.nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.lang-toggle{padding:7px 11px;border:1px solid var(--line);border-radius:50px;color:var(--text);background:transparent;font-size:12px;font-weight:700;min-width:63px;white-space:nowrap}
.lang-toggle:hover,.icon-button:hover{background:var(--bg-soft)}
.icon-button{display:flex;justify-content:center;align-items:center;width:34px;height:34px;border-radius:50%;background:transparent;color:var(--sub);border:1px solid var(--line)}
.icon-button .icon{width:17px;height:17px}
.menu-toggle{display:none}
.button{display:inline-flex;justify-content:center;align-items:center;gap:11px;border-radius:14px;padding:13px 22px;font-weight:720;line-height:1.2;border:1px solid transparent;transition:transform .25s,box-shadow .25s,background .25s;white-space:nowrap;text-align:center}
.button:hover{transform:translateY(-3px)}
.button-primary{background:var(--accent);color:white;box-shadow:0 12px 25px rgba(73,95,217,.22)}.button-primary:hover{box-shadow:0 17px 30px rgba(73,95,217,.27)}
.button-soft{border-color:var(--line);background:var(--surface);color:var(--text)}
.button-soft:hover{box-shadow:var(--shadow)}
.button-sm{font-size:12px;padding:11px 14px;border-radius:11px}.button-sm .icon{width:15px;height:15px}
.button-lg{font-size:14px;min-height:52px}
.hero{position:relative;padding:96px 0 30px;overflow:hidden;background:radial-gradient(ellipse 72% 90% at 85% 32%,rgba(85,166,250,.085),transparent 70%)}
.hero-mesh{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 83% 13%,rgba(176,133,250,.18),transparent 30%),radial-gradient(circle at 63% 60%,rgba(116,216,234,.15),transparent 38%);mask-image:linear-gradient(to bottom,black 65%,transparent)}
.hero-grid{display:grid;grid-template-columns:44% 56%;min-height:600px;align-items:center;position:relative;z-index:1}
.hero-copy{position:relative;z-index:3;padding-bottom:55px}
.eyebrow{display:flex;align-items:center;gap:10px;color:#545bd5;font-size:11px;font-weight:820;letter-spacing:.15em;text-transform:uppercase}
.eyebrow-symbol{display:flex;align-items:center;justify-content:center;font-size:20px;color:#6b54e8;line-height:1}
.hero h1{font-size:clamp(49px,5.55vw,83px);line-height:1.075;letter-spacing:-.073em;font-weight:750;margin:23px 0 23px;white-space:nowrap}
.gradient-text{color:#6453e5}
@supports ((-webkit-background-clip:text) or (background-clip:text)){.gradient-text{background:var(--accent);-webkit-background-clip:text;background-clip:text;color:transparent}}
.hero-description{max-width:500px;color:var(--sub);font-size:18px;line-height:1.75;letter-spacing:-.015em;margin:0}
.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero-proofs{margin-top:35px;display:flex;flex-wrap:wrap;gap:15px 21px;color:var(--sub);font-size:11.5px;font-weight:700}
.hero-proofs>span{display:inline-flex;align-items:center;gap:6px}
.hero-proofs .icon{width:16px;height:16px;color:#6259d7}
.hero-visual{position:relative;height:608px;min-width:0;display:flex;align-items:center;justify-content:center}
.device-stage{height:590px;width:700px;max-width:none;position:relative;transform-style:preserve-3d;perspective:1250px;transform-origin:center;transition:transform .35s ease}
.stage-halo{position:absolute;border-radius:50%;filter:blur(12px)}
.stage-halo-a{width:480px;height:440px;top:50px;right:10px;background:radial-gradient(circle,rgba(90,193,235,.33),rgba(101,94,226,.15) 55%,transparent 73%)}
.stage-halo-b{width:350px;height:350px;bottom:10px;left:60px;background:radial-gradient(circle,rgba(174,130,248,.20),transparent 70%)}
.stage-grid{position:absolute;inset:35px 0 20px 20px;opacity:.4;background-image:linear-gradient(var(--hero-outline) 1px,transparent 1px),linear-gradient(90deg,var(--hero-outline) 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse at 55% 50%,black,transparent 72%);transform:rotateX(55deg) rotateZ(-18deg) translateY(100px)}
.orbit{position:absolute;pointer-events:none;border:1px solid rgba(114,134,227,.14);border-radius:50%;transform:rotate(-14deg)}
.orbit-one{width:630px;height:390px;top:90px;left:35px;animation:orbitDrift 10s ease-in-out infinite alternate}
.orbit-two{width:530px;height:480px;left:104px;top:42px;transform:rotate(32deg);animation:orbitDrift 14s ease-in-out infinite alternate-reverse}
.mac-device{position:absolute;top:123px;left:110px;width:568px;transform:rotateY(-9deg) rotateX(4deg) rotateZ(-2deg);filter:drop-shadow(0 36px 25px rgba(27,48,105,.23));transition:transform .5s ease}
.mac-bezel{position:relative;border:10px solid #20293d;border-bottom-width:13px;border-radius:17px 17px 5px 5px;background:#f8f9fc;box-shadow:0 0 0 2px #aebaca,0 0 0 4px rgba(255,255,255,.85);overflow:hidden;aspect-ratio:16/10.35}
.mac-bezel img{width:100%;height:100%;object-fit:fill}
.mac-notch{position:absolute;top:-1px;left:calc(50% - 27px);width:54px;height:10px;background:#20293d;border-radius:0 0 9px 9px;z-index:2}
.mac-chin{margin:0 -22px;height:16px;border-radius:2px 2px 28px 28px;background:linear-gradient(180deg,#d0d7e8,#8b9cb2 60%,#e6e9f3);box-shadow:0 3px 2px rgba(21,34,67,.17)}
.mac-foot{width:120px;height:4px;background:#7587a2;border-radius:50%;margin:-12px auto 0;position:relative;z-index:2;opacity:.46}
.phone-device{position:absolute;left:45px;bottom:68px;width:182px;height:384px;border:7px solid #2a3145;border-radius:32px;background:#0d1428;box-shadow:0 0 0 2px #adb4c6,0 27px 32px rgba(31,46,104,.3);overflow:hidden;transform:rotateY(13deg) rotateZ(-8deg);z-index:3;transition:transform .5s ease}
.phone-speaker{position:absolute;width:60px;height:14px;background:#0b1224;border-radius:0 0 13px 13px;top:0;left:calc(50% - 30px);z-index:4}
.phone-screen{height:100%;width:100%;overflow:hidden;border-radius:24px;background:#fff}.phone-screen img{width:100%;height:100%;object-fit:fill}
.float-note{position:absolute;z-index:4;display:flex;gap:10px;align-items:center;border:1px solid rgba(217,227,244,.9);background:rgba(255,255,255,.93);backdrop-filter:blur(12px);box-shadow:0 13px 35px rgba(34,62,133,.12);border-radius:14px;padding:12px 17px;color:#172342;animation:floatNote 6s ease-in-out infinite}
.float-note strong,.float-note small{display:block;white-space:nowrap}
.float-note strong{font-size:12px;font-weight:850}.float-note small{font-size:10px;color:#687792;margin-top:2px}
.float-note-top{top:42px;right:42px}
.float-note-bottom{bottom:53px;right:34px;animation-delay:-3s}
.float-note-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#e7faf6;color:#10ad91}
.float-note-icon .icon{width:20px;height:20px}
.wave-mini{height:35px;display:flex;align-items:center;gap:3px}.wave-mini i{display:block;width:3px;height:16px;background:linear-gradient(#625af7,#2ebbc4);border-radius:5px;animation:wavePulse .92s ease-in-out infinite alternate}.wave-mini i:nth-child(2n){animation-delay:-.4s;height:30px}.wave-mini i:nth-child(3n){animation-delay:-.15s;height:9px}
.hero-footer{position:relative;z-index:4;display:flex;align-items:center;gap:28px;padding-top:7px;padding-bottom:19px;color:var(--soft-text);font-size:12px;font-weight:580}
.fine-line{height:1px;flex:1;background:var(--line)}.platform-list{display:flex;gap:16px;font-weight:800;color:var(--sub)}.platform-list span+span:before{content:"·";margin-inline-end:16px;color:#a9b2c5}
.section{padding:125px 0}.section-heading{max-width:635px;margin-bottom:48px}.section-heading-center{text-align:center;margin:0 auto 52px}.section-heading-center .eyebrow{justify-content:center}
.section-heading h2,.workflow-copy h2,.faq-intro h2,.pricing-copy h2{font-size:clamp(36px,4.4vw,59px);letter-spacing:-.063em;line-height:1.14;margin:19px 0 16px;font-weight:735}
.section-heading p,.workflow-copy>p,.faq-intro>p,.pricing-copy>p{font-size:17px;color:var(--sub);line-height:1.75;margin:0}
.capture-section{background:var(--bg)}
.capture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.capture-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:480px;border:1px solid var(--line);border-radius:23px;background:var(--surface);padding:24px 25px 0;box-shadow:0 13px 40px rgba(54,78,123,.035);transition:transform .35s,box-shadow .35s,border-color .35s}
.capture-card:hover{transform:translateY(-7px);box-shadow:0 26px 55px rgba(60,91,142,.11);border-color:#bed1f3}
.capture-card-top{display:flex;align-items:center;justify-content:space-between}.number-tag{font-size:12px;font-weight:800;color:var(--soft-text);letter-spacing:.1em}
.capture-icon{width:47px;height:47px;border-radius:15px;display:flex;justify-content:center;align-items:center}.capture-icon .icon{width:23px;height:23px}.capture-icon-cyan{background:#e2f8fb;color:#159eac}.capture-icon-lilac{background:#f0eaff;color:#7554ef}.capture-icon-mint{background:#def8ee;color:#0d9c85}
.mini-display{height:177px;border-radius:17px;margin:22px 0 24px;position:relative;overflow:hidden;background:linear-gradient(145deg,#f3f8ff,#eaf3fe);border:1px solid rgba(158,188,233,.2)}
.mini-record{padding:22px}.record-pill{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;color:#e34355}.red-dot{width:8px;height:8px;background:#ff4b60;border-radius:50%;box-shadow:0 0 0 5px rgba(252,59,95,.10);animation:recordPulse 1.7s ease-in-out infinite}.record-time{color:#344a69;font-size:12px}
.waveform{display:flex;align-items:center;gap:5px;height:55px;margin:17px 0 6px}.waveform i{display:block;width:5px;height:18px;border-radius:10px;background:linear-gradient(180deg,#5093ef,#35d3c7);animation:wavePulse 1.2s ease-in-out infinite alternate}.waveform i:nth-child(2n){height:38px;animation-delay:-.5s}.waveform i:nth-child(3n){height:24px;animation-delay:-.2s}.waveform i:nth-child(5n){height:48px;animation-delay:-.7s}
.mini-live-line{height:6px;width:82%;margin-top:13px;border-radius:10px;background:#d2def0}.mini-live-line.shorter{width:49%;margin-top:9px}
.mini-import{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px}.mini-file-shape{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #cbd9f1;border-radius:11px;background:white;color:#344263;font-size:13px;font-weight:650;box-shadow:0 6px 18px rgba(52,92,153,.08)}.mini-file-shape .icon{color:#6d5ce9}.mini-import-path{display:flex;align-items:center;gap:8px;color:#4e75e6}.bounce-dot{width:6px;height:6px;border-radius:50%;background:#74a9f7;animation:recordPulse 1.3s ease-in-out infinite}.bounce-dot:nth-child(2){animation-delay:.25s}.bounce-dot:nth-child(3){animation-delay:.5s}.mini-import-path .icon{margin-inline-start:5px;width:22px}.mini-doc-line{position:absolute;bottom:13px;width:57%;height:6px;border-radius:10px;background:rgba(113,134,220,.12)}.mini-doc-line.short{bottom:26px;width:37%}
.mini-share{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:linear-gradient(145deg,#f4f5ff,#edfff8)}.share-apps{display:flex;gap:14px}.share-app{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:white;border-radius:13px;box-shadow:0 5px 15px rgba(54,73,123,.1)}.share-app .icon{width:18px}.share-a{color:#7460ec}.share-b{color:#2ca9b9}.share-c{color:#427be8}.share-route{height:26px;display:flex;gap:16px;align-items:center}.share-route span{width:2px;height:21px;background:linear-gradient(#7f8ef0,transparent);transform:rotate(23deg)}.share-route span:nth-child(2){transform:none}.share-route span:nth-child(3){transform:rotate(-23deg)}.share-destination{display:flex;align-items:center;gap:9px;border-radius:12px;background:white;padding:7px 14px;box-shadow:0 5px 20px rgba(63,80,126,.1);font-size:12px;font-weight:850;color:#19264c}.share-destination img{width:24px;border-radius:6px}
.capture-card h3{font-size:21px;letter-spacing:-.035em;line-height:1.28;margin:0 0 10px}.capture-card>p{font-size:13px;color:var(--sub);line-height:1.8;margin:0 0 27px}
.card-foot{border-top:1px solid var(--line);margin-top:auto;padding:15px 0 19px;display:flex;align-items:center;justify-content:space-between;color:#7260dd}.card-foot span{font-size:10px;font-weight:800;letter-spacing:.12em}.card-foot .icon{width:17px;height:17px}
.under-note{text-align:center;margin:24px auto 0;color:var(--soft-text);font-size:12px}
.dark-section{position:relative;background:#121b35;color:#fff;overflow:hidden}
.dark-section:before,.dark-section:after{position:absolute;content:"";border-radius:50%;filter:blur(80px);pointer-events:none}.dark-section:before{width:470px;height:470px;left:-140px;top:50px;background:rgba(75,105,239,.14)}.dark-section:after{width:580px;height:580px;right:-230px;bottom:-190px;background:rgba(26,215,202,.10)}
.dark-grain{position:absolute;inset:0;opacity:.55;background-image:radial-gradient(#4c608a 1px,transparent 1px);background-size:27px 27px;mask-image:linear-gradient(80deg,transparent,black 75%);pointer-events:none}
.dark-inner{position:relative;z-index:1}.eyebrow-light{color:#9de3ff}.eyebrow-light .eyebrow-symbol{color:#90daf7}.dark-section .section-heading h2{color:#fff}.dark-section .section-heading p{color:#b1bfd9}.ice-text{color:#9fe7ee}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,260px);gap:16px}
.feature-card{position:relative;overflow:hidden;border:1px solid rgba(175,202,255,.15);border-radius:22px;background:rgba(255,255,255,.055);padding:25px 27px;display:flex;flex-direction:column;backdrop-filter:blur(5px);transition:background .3s,transform .3s}
.feature-card:hover{background:rgba(255,255,255,.085);transform:translateY(-4px)}
.feature-card-large{grid-row:span 2;grid-column:span 1;min-height:100%;background:linear-gradient(150deg,rgba(102,104,243,.18),rgba(67,178,206,.06))}
.feature-icon{width:41px;height:41px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:rgba(140,172,255,.12);color:#a3dbff}.feature-icon .icon{width:21px;height:21px}
.feature-kicker{font-size:10px;color:#aec6ef;letter-spacing:.14em;font-weight:820}.feature-card-header{display:flex;justify-content:space-between;align-items:center}
.feature-card h3{position:relative;z-index:2;font-size:19px;line-height:1.3;letter-spacing:-.022em;margin:auto 0 8px;font-weight:760}.feature-card p{position:relative;z-index:2;font-size:12px;line-height:1.7;margin:0;color:#bdc9df;max-width:295px}
.privacy-orb{position:relative;width:245px;height:245px;margin:auto;display:flex;align-items:center;justify-content:center}.privacy-orb-core{position:relative;z-index:2;width:96px;height:96px;border-radius:30px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#6c80fd,#2ec4c9);box-shadow:0 0 75px rgba(96,202,228,.23);transform:rotate(-10deg);animation:orbBreath 5s ease-in-out infinite}.privacy-orb-core .icon{width:49px;height:49px;color:white;stroke-width:1.2}
.orb-ring{position:absolute;inset:20px;border:1px solid rgba(132,184,240,.24);border-radius:50%}.orb-ring-2{inset:0;border-style:dashed;animation:orbSpin 55s linear infinite}.orb-spark{position:absolute;width:8px;height:8px;border-radius:50%;background:#7bede3}.spark-a{top:27px;right:47px}.spark-b{bottom:26px;left:43px;background:#9991fd}
.language-art{position:absolute;top:25px;right:28px;display:flex;align-items:center;gap:0}.language-art span{font-size:25px;font-weight:850;opacity:.4}.language-art span:last-child{font-size:14px;transform:translate(-7px,16px);color:#7ce8e2}
.offline-art{position:absolute;top:35px;right:34px;display:flex;align-items:end;gap:4px;height:40px}.offline-art span{display:block;height:12px;width:4px;background:#7ce2e5;border-radius:4px;animation:wavePulse 1.2s ease-in-out infinite alternate}.offline-art span:nth-child(2n){height:30px;animation-delay:-.3s}.offline-art span:nth-child(3n){height:20px;animation-delay:-.7s}
.search-art{position:absolute;top:28px;right:27px;width:88px;height:60px;border:1px solid rgba(168,189,238,.24);border-radius:12px;padding:13px}.search-art span{display:block;height:5px;width:80%;background:rgba(160,185,236,.25);border-radius:10px;margin:5px 0}.search-art span:nth-child(2){width:50%}.search-art span:nth-child(3){width:65%}.search-art b{display:block;width:14px;height:14px;border:2px solid #7bc5f0;border-radius:50%;position:absolute;right:-5px;bottom:-6px}
.ask-art{position:absolute;right:22px;top:28px;color:#dfecff;border:1px solid rgba(166,179,231,.3);background:rgba(135,161,239,.10);border-radius:10px;padding:7px 12px;font-size:12px;font-weight:700}.ask-art span{color:#81dff0}.ask-art small{display:block;color:#a2bae0;font-size:9px}
.showcase-section{background:var(--bg-soft)}
.gallery-shell{background:var(--surface);border:1px solid var(--line);border-radius:29px;overflow:hidden;box-shadow:var(--shadow)}
.gallery-top{display:flex;align-items:center;justify-content:space-between;padding:22px 29px;border-bottom:1px solid var(--line)}
.gallery-tabs{display:flex;gap:6px;border:1px solid var(--line);border-radius:13px;padding:5px;background:var(--bg-soft)}
.gallery-tab{border:0;background:transparent;border-radius:9px;padding:10px 19px;font-weight:750;font-size:13px;color:var(--sub);transition:all .2s}
.gallery-tab.active{background:var(--surface);color:var(--text);box-shadow:0 3px 12px rgba(45,65,117,.08)}
.gallery-tab span{font-size:9px;color:#7561db;margin-inline-start:4px}.gallery-counter{color:var(--soft-text);font-size:12px;font-weight:800;letter-spacing:.15em}
.gallery-body{display:grid;grid-template-columns:56% 44%;min-height:530px}
.gallery-stage{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:530px;background:linear-gradient(140deg,#e8f6ff,#eeeaff 68%,#d8f7f4)}
.gallery-glow{position:absolute;inset:10%;background:radial-gradient(circle,rgba(255,255,255,.85),transparent 65%);pointer-events:none}
.gallery-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(103,128,200,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(103,128,200,.055) 1px,transparent 1px);background-size:25px 25px;mask-image:radial-gradient(circle,black,transparent 74%)}
.gallery-main-image{position:relative;z-index:1;border:0;background:transparent;display:flex;align-items:center;justify-content:center;padding:25px;max-width:95%;max-height:530px;transition:transform .3s;cursor:zoom-in}.gallery-main-image:hover{transform:scale(1.018)}
.gallery-main-image img{max-height:466px;max-width:100%;object-fit:contain;box-shadow:0 24px 49px rgba(33,53,107,.17)}
.gallery-stage.phone-stage .gallery-main-image img{max-width:225px;border:7px solid #17223b;border-radius:25px}
.gallery-stage.ipad-stage .gallery-main-image img{max-width:365px;border:7px solid #17223b;border-radius:17px}
.gallery-stage.mac-stage .gallery-main-image img{max-width:510px;border:9px solid #1c2540;border-bottom-width:15px;border-radius:12px}
.zoom-hint{position:absolute;left:50%;bottom:11px;transform:translateX(-50%);padding:5px 9px;border-radius:30px;background:rgba(16,28,61,.72);color:#fff;font-size:10px;display:flex;align-items:center;gap:5px;white-space:nowrap;opacity:0;transition:opacity .25s}.gallery-main-image:hover .zoom-hint{opacity:1}.zoom-hint .icon{width:12px;height:12px}
.gallery-details{padding:64px 47px 37px;display:flex;flex-direction:column}
.gallery-meta{font-size:10px;font-weight:850;letter-spacing:.15em;color:#7064db;text-transform:uppercase}
.gallery-details h3{font-size:32px;letter-spacing:-.05em;line-height:1.2;margin:16px 0}.gallery-details p{font-size:15px;line-height:1.75;color:var(--sub);margin:0}
.gallery-thumbs{display:flex;gap:9px;margin-top:36px;flex-wrap:wrap}.gallery-thumb{background:var(--bg-soft);width:68px;height:66px;border:2px solid transparent;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4px;transition:border .2s,transform .2s}.gallery-thumb img{height:100%;max-width:100%;object-fit:contain}.gallery-thumb.active{border-color:#735bed;transform:translateY(-3px)}
.gallery-controls{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:24px}.gallery-controls>span{margin-inline-start:8px;font-size:11px;color:var(--soft-text)}.circle-button{width:37px;height:37px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--line);border-radius:50%;color:var(--text)}.circle-button:hover{background:var(--bg-soft)}.circle-button .icon{width:17px}.reverse-arrow{transform:rotate(180deg)}
.workflow-section{background:var(--bg)}.workflow-layout{display:grid;grid-template-columns:42% 50%;justify-content:space-between;gap:70px}.workflow-copy{align-self:center}.workflow-copy>p{max-width:470px}.workflow-callout{margin-top:34px;display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);padding:16px;border-radius:15px;background:var(--surface-tint);color:var(--sub);font-size:12px;line-height:1.7}.workflow-callout .icon{color:#7157ea;width:19px;height:19px}.small-tag{font-size:9px;font-weight:850;letter-spacing:.05em;color:#6a5be3;white-space:nowrap;margin-inline-start:auto}
.workflow-steps{position:relative}.workflow-steps:before{content:"";position:absolute;left:24px;top:37px;bottom:43px;border-left:1px dashed #ccd5ed}
.workflow-step{display:grid;grid-template-columns:55px 1fr 30px;gap:18px;align-items:start;padding:22px 0;position:relative;border-bottom:1px solid var(--line)}.workflow-step:last-child{border-bottom:0}.step-num{width:49px;height:49px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:0 7px 21px rgba(61,89,155,.07);font-size:12px;font-weight:850;color:#6c5ce7;z-index:1}.workflow-step h3{margin:3px 0 6px;font-size:18px;letter-spacing:-.027em}.workflow-step p{margin:0;color:var(--sub);font-size:13px;line-height:1.6}.step-deco{color:#9486e6;font-size:20px}
.pricing-section{background:var(--bg-soft)}.pricing-wrap{display:grid;grid-template-columns:1fr 420px;gap:75px;align-items:center;position:relative;background:var(--surface);border:1px solid var(--line);border-radius:30px;padding:75px 65px;overflow:hidden;box-shadow:var(--shadow)}
.pricing-wrap:before{content:"";position:absolute;width:460px;height:460px;background:radial-gradient(circle,rgba(103,226,231,.13),transparent 70%);bottom:-230px;left:-140px;pointer-events:none}
.pricing-copy{position:relative;z-index:1}.pricing-copy>p{max-width:430px}.price-qualities{display:flex;flex-direction:column;gap:16px;margin-top:34px}.price-qualities>span{display:flex;gap:11px;align-items:center;font-size:14px;font-weight:650}.price-qualities .icon{color:#18b899;width:20px}
.price-card{padding:29px 30px 23px;border:1px solid #d4dafa;border-radius:23px;background:linear-gradient(154deg,#f5f2ff,#f5fbff 72%,#eafaf6);box-shadow:0 20px 45px rgba(65,83,145,.11);color:#17223e;z-index:1}
.price-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.price-label{font-size:10px;letter-spacing:.12em;font-weight:850;color:#5d62a3}.price-flag{font-size:10px;white-space:nowrap;padding:7px 10px;border:1px solid rgba(84,192,153,.25);border-radius:30px;color:#118e77;background:#e1f8ed;font-weight:850}
.price-main{display:flex;align-items:baseline;margin-top:24px}.price-main strong{font-size:80px;line-height:1.1;letter-spacing:-.09em;font-weight:780}.currency{font-size:28px;font-weight:750;align-self:flex-start;margin-top:14px;margin-inline-end:7px}.period{font-size:14px;color:#667390;margin-inline-start:8px}.price-after{margin:4px 0 27px;font-size:13px;color:#69768f}.price-rule{height:1px;background:#d5dff2}.price-includes{display:flex;flex-direction:column;gap:14px;padding:28px 0}.price-includes>span{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:650;color:#314365}.price-includes .icon{width:17px;color:#10b998}
.full-width{width:100%}.small-print{margin:15px 0 0;color:#72819a;font-size:10px;line-height:1.6;text-align:center}
.faq-layout{display:grid;grid-template-columns:36% 55%;gap:8%;align-items:start}.faq-intro{position:sticky;top:130px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;list-style:none;font-weight:730;font-size:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-size:24px;color:#715cdb;font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list details p{color:var(--sub);font-size:13px;line-height:1.85;max-width:580px;margin:13px 0 3px}
.last-cta{padding:0 0 80px;background:var(--bg)}.last-cta-inner{position:relative;overflow:hidden;min-height:355px;border-radius:32px;background:linear-gradient(110deg,#362e85,#3157b3 56%,#168d9f);color:#fff;display:flex;gap:26px;align-items:center;padding:65px 70px;box-shadow:0 33px 60px rgba(51,69,132,.17)}
.last-glow{position:absolute;width:570px;height:570px;right:-130px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(92,229,237,.32),transparent 65%)}.last-symbol{width:72px;height:72px;background:#fff;border-radius:19px;padding:6px;align-self:flex-start;z-index:2;box-shadow:0 9px 22px rgba(0,0,0,.09)}.last-symbol img{width:100%;height:100%}.last-content{position:relative;z-index:2}.last-content h2{font-size:clamp(37px,4vw,60px);letter-spacing:-.058em;line-height:1.12;margin:15px 0 15px}.last-content h2 em{font-style:normal;color:#aaf5ec}.last-content p{color:#dee5fc;font-size:15px;margin:0 0 26px;max-width:430px}.button-white{background:#fff;color:#263b83;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.last-wave{position:absolute;right:-20px;top:50px;display:flex;gap:10px;height:280px;align-items:center;opacity:.24;transform:rotate(-13deg)}.last-wave span{display:block;width:9px;height:90px;background:#b3faff;border-radius:20px;animation:wavePulse 1.7s ease-in-out infinite alternate}.last-wave span:nth-child(2n){height:190px;animation-delay:-.6s}.last-wave span:nth-child(3n){height:270px;animation-delay:-1s}.last-wave span:nth-child(5n){height:145px;animation-delay:-1.2s}
.footer{padding:52px 0 24px;background:var(--bg-soft);border-top:1px solid var(--line)}.footer-main{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.footer-main p{font-size:13px;color:var(--sub);margin:10px 0 0}.footer-links{display:flex;gap:30px;flex-wrap:wrap;padding-top:15px}.footer-links a{color:var(--sub);font-size:13px;font-weight:650}.footer-links a:hover{color:var(--blue)}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:22px;font-size:12px;color:var(--soft-text)}
.image-modal{border:0;border-radius:20px;padding:30px;background:var(--surface);max-width:min(94vw,1100px);max-height:92vh;color:var(--text);box-shadow:0 0 0 100vmax rgba(4,12,33,.72)}.image-modal::backdrop{background:rgba(4,12,33,.75)}.image-modal img{max-width:100%;max-height:74vh;margin:auto;object-fit:contain}.image-modal p{text-align:center;font-size:12px;color:var(--sub);margin:15px 0 0}.modal-close{position:sticky;float:right;top:0;margin:-11px -10px 6px 10px;background:var(--bg-soft);color:var(--text);border:1px solid var(--line);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;z-index:5}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}
@keyframes wavePulse{to{transform:scaleY(.55)}}@keyframes floatNote{50%{transform:translateY(-9px)}}@keyframes orbitDrift{50%{translate:5px -6px}}@keyframes orbBreath{50%{transform:rotate(-3deg) scale(1.045)}}@keyframes orbSpin{to{transform:rotate(360deg)}}@keyframes recordPulse{50%{opacity:.35}}
/* Arabic direction and typography */
html[dir="rtl"] .hero h1{white-space:normal;font-size:clamp(42px,4.95vw,69px);letter-spacing:-.055em;line-height:1.29}
html[dir="rtl"] .section-heading h2,html[dir="rtl"] .workflow-copy h2,html[dir="rtl"] .faq-intro h2,html[dir="rtl"] .pricing-copy h2,html[dir="rtl"] .last-content h2{letter-spacing:-.045em;line-height:1.35}
html[dir="rtl"] .hero-description{font-size:17px}
html[dir="rtl"] .hero-proofs{gap:10px}
html[dir="rtl"] .nav-links{gap:20px}
html[dir="rtl"] .device-stage{direction:ltr}
html[dir="rtl"] .gallery-counter{direction:ltr}
html[dir="rtl"] .gallery-stage{direction:ltr}
html[dir="rtl"] .price-main{direction:ltr;justify-content:flex-start}
html[dir="rtl"] .workflow-steps:before{left:auto;right:24px;border-left:0;border-right:1px dashed #ccd5ed}
html[dir="rtl"] .last-wave{right:auto;left:-20px}
html[dir="rtl"] .mini-import,html[dir="rtl"] .mini-record,html[dir="rtl"] .mini-share{direction:ltr}
html[dir="rtl"] .feature-grid .language-art{left:28px;right:auto}
html[dir="rtl"] .offline-art{left:34px;right:auto}
html[dir="rtl"] .search-art,html[dir="rtl"] .ask-art{left:27px;right:auto}
/* Breakpoints */
@media(max-width:1100px){
  .nav-links{gap:17px}.nav-links a{font-size:12px}.nav-cta{display:none}
  .hero{padding-top:70px}.hero-grid{grid-template-columns:48% 52%;min-height:530px}.hero h1{font-size:clamp(49px,6vw,69px)}.hero-description{font-size:16px}.hero-visual{height:515px}.device-stage{transform:scale(.81);transform-origin:42% 51%}
  .pricing-wrap{gap:36px;padding:55px 45px;grid-template-columns:1fr 390px}
  .feature-card{padding:24px}.capture-card{padding:22px 22px 0}
  .gallery-body{grid-template-columns:58% 42%}.gallery-details{padding:52px 28px 27px}
}
@media(max-width:850px){
  .container{width:min(100% - 40px,700px)}
  .nav{height:67px}.nav-links{display:none;position:absolute;top:67px;left:0;right:0;background:var(--surface);flex-direction:column;align-items:stretch;padding:14px 25px 23px;box-shadow:0 20px 25px rgba(27,45,97,.1);border-bottom:1px solid var(--line);gap:0}.nav-links.open{display:flex}.nav-links a{font-size:15px;padding:13px 4px}.menu-toggle{display:flex}
  .hero{padding:70px 0 30px}.hero-grid{display:flex;flex-direction:column;min-height:auto}.hero-copy{width:100%;padding-bottom:10px;text-align:center}.hero-copy .eyebrow{justify-content:center}.hero h1{font-size:clamp(50px,9vw,77px);white-space:normal}.hero-description{max-width:660px;margin:auto}.hero-buttons,.hero-proofs{justify-content:center}.hero-visual{height:560px;width:100%}.device-stage{transform:scale(.87);transform-origin:center center}.hero-footer{justify-content:center;flex-wrap:wrap}.hero-footer .fine-line{display:none}
  .section{padding:90px 0}.section-heading h2,.workflow-copy h2,.faq-intro h2,.pricing-copy h2{font-size:clamp(39px,6.2vw,54px)}
  .capture-grid{grid-template-columns:repeat(2,1fr)}.capture-card:last-child{grid-column:span 2}.capture-card{min-height:430px}
  .feature-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,270px)}.feature-card-large{grid-row:span 2}
  .gallery-body{display:flex;flex-direction:column}.gallery-stage{min-height:450px}.gallery-details{padding:33px 32px 29px}.gallery-controls{margin-top:10px}
  .workflow-layout,.faq-layout{grid-template-columns:1fr;gap:40px}.workflow-copy{max-width:680px}.faq-intro{position:static}
  .pricing-wrap{grid-template-columns:1fr;gap:35px}.price-card{max-width:450px;width:100%}
  .last-cta-inner{padding:50px 45px}.last-wave{opacity:.16}
}
@media(max-width:560px){
  .container{width:calc(100% - 34px)}.announcement{font-size:10px;gap:8px;padding:7px 10px}.announcement a{display:none}.nav{gap:8px}.brand-name{font-size:15px}.brand-mark{width:36px;height:36px;border-radius:11px}.nav-actions{gap:6px}.lang-toggle{font-size:11px;padding:5px 8px;min-width:50px}.theme-toggle{display:none}
  .hero{padding:49px 0 12px}.eyebrow{font-size:9px;letter-spacing:.13em}.hero h1{font-size:clamp(46px,12vw,61px);letter-spacing:-.07em;margin:18px 0}.hero-description{font-size:14.5px;line-height:1.7}.hero-buttons{gap:10px;margin-top:26px}.hero-buttons .button{width:100%;min-height:48px;font-size:13px}.hero-proofs{margin-top:24px;gap:11px;font-size:10px}.hero-proofs .icon{width:14px;height:14px}
  .hero-visual{height:360px;margin-top:10px}.device-stage{transform:scale(.54);width:700px;flex-shrink:0;transform-origin:center center}.hero-footer{display:block;text-align:center;font-size:11px;padding:0 0 20px}.platform-list{justify-content:center;margin-top:8px}
  .section{padding:75px 0}.section-heading-center{margin-bottom:35px}.section-heading h2,.workflow-copy h2,.faq-intro h2,.pricing-copy h2{font-size:37px}.section-heading p,.workflow-copy>p,.faq-intro>p,.pricing-copy>p{font-size:14px}
  .capture-grid{grid-template-columns:1fr;gap:15px}.capture-card:last-child{grid-column:auto}.capture-card{min-height:419px}.mini-display{height:160px}.capture-card h3{font-size:20px}.capture-card>p{font-size:13px}
  .feature-grid{display:flex;flex-direction:column;gap:14px}.feature-card{min-height:205px}.feature-card-large{min-height:420px}.privacy-orb{height:190px;width:190px}.orb-ring{inset:18px}.feature-card h3{margin-top:auto}
  .gallery-top{padding:16px;gap:8px}.gallery-tabs{gap:2px;padding:3px}.gallery-tab{font-size:11px;padding:9px 11px}.gallery-tab span{display:none}.gallery-counter{font-size:10px}
  .gallery-stage{min-height:425px}.gallery-main-image img{max-height:377px}.gallery-stage.phone-stage .gallery-main-image img{max-width:190px}.gallery-stage.ipad-stage .gallery-main-image img{max-width:285px}.gallery-stage.mac-stage .gallery-main-image img{max-width:calc(100vw - 65px);border-width:5px;border-bottom-width:9px}
  .gallery-details{padding:30px 20px}.gallery-details h3{font-size:26px}.gallery-details p{font-size:13px}.gallery-thumbs{gap:5px;margin-top:20px}.gallery-thumb{width:59px;height:57px}.gallery-controls>span{font-size:10px}
  .workflow-layout{gap:25px}.workflow-step{gap:12px;grid-template-columns:48px 1fr 20px}.step-num{width:45px;height:45px}.workflow-step h3{font-size:16px}.workflow-step p{font-size:12px}.workflow-callout{flex-wrap:wrap}.small-tag{margin-inline-start:29px}
  .pricing-wrap{padding:35px 20px;border-radius:22px;gap:29px}.price-qualities{gap:9px;margin-top:23px}.price-card{padding:23px 18px}.price-main strong{font-size:69px}.price-label{font-size:9px}.price-flag{font-size:9px}.price-includes>span{font-size:12px}
  .faq-list summary{font-size:13px}.faq-list details p{font-size:12.5px}
  .last-cta{padding-bottom:30px}.last-cta-inner{min-height:375px;align-items:flex-start;padding:34px 25px;display:block;border-radius:24px}.last-symbol{width:53px;height:53px;float:right}.last-content h2{font-size:41px}.last-content p{font-size:13px}.last-wave{top:105px;right:-90px;opacity:.12}
  .footer{padding-top:36px}.footer-main{display:block}.footer-links{padding-top:25px;gap:18px}.footer-bottom{flex-wrap:wrap;gap:6px;margin-top:25px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}