@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0b111e;--bg-2:#10192a;--surface:#131e31;--surface2:#17243a;--text:#f3f7ff;--muted:#a1adc1;--line:rgba(187,206,239,.13);--accent:#8a8cff;--accent2:#43e2c2;--edge:#202f48;--shadow:0 30px 100px rgba(0,0,0,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Tajawal','DM Sans',sans-serif;line-height:1.7;overflow-x:hidden}body:not([dir="rtl"]){font-family:'DM Sans','Tajawal',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--accent2);outline-offset:4px}::selection{background:#8a8cff;color:#0b111e}.shell{max-width:1200px;margin:auto;padding-inline:28px;position:relative}.ambient{position:absolute;pointer-events:none;z-index:0;filter:blur(80px);border-radius:50%}.ambient-one{width:450px;height:450px;top:110px;right:-210px;background:rgba(106,90,245,.14)}.ambient-two{width:490px;height:490px;top:460px;left:-280px;background:rgba(48,198,190,.07)}.skip-link{position:absolute;top:-90px;background:var(--accent2);color:#08111a;padding:12px;z-index:1000}.skip-link:focus{top:0}.site-header{height:84px;position:sticky;top:0;z-index:50;background:rgba(11,17,30,.84);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.nav-shell{height:100%;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0;direction:ltr}.brand-mark{display:grid;place-items:center;width:43px;height:43px;color:#e6eaff;border:1px solid #454e78;border-radius:13px;background:linear-gradient(145deg,#293761,#161f32)}.brand-mark svg{width:32px}.brand-word{line-height:1.05;display:flex;flex-direction:column;gap:5px}.brand-word strong{font:800 23px 'DM Sans',sans-serif;letter-spacing:-1.2px}.brand-accent,.footer-brand strong span{color:var(--accent2)}.brand-word small{font:500 8px 'IBM Plex Mono',monospace;letter-spacing:1px;color:var(--muted)}.main-nav{display:flex;align-items:center;gap:35px}.main-nav a{color:#b8c3d6;font-size:14px;font-weight:700;transition:color .2s}.main-nav a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:9px}.icon-button,.lang-switch,.menu-toggle{display:grid;place-items:center;background:transparent;border:1px solid var(--line);border-radius:11px;color:var(--text);height:39px;min-width:39px}.icon-button svg{width:19px;height:19px}.lang-switch{display:flex;gap:7px;padding-inline:11px;font:600 12px 'DM Sans',sans-serif}.lang-arrow{color:var(--accent2)}.sun-icon{display:none}.menu-toggle{display:none;gap:4px}.menu-toggle span{display:block;width:19px;height:2px;background:currentColor;border-radius:2px}.hero{min-height:670px;display:grid;grid-template-columns:1.07fr .93fr;align-items:center;column-gap:35px;padding-top:65px;padding-bottom:55px}.eyebrow,.section-kicker,.tiny-heading{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:.4px;color:var(--accent2)}.eyebrow{margin-bottom:28px}.eyebrow-line{width:30px;height:1px;background:var(--edge)}.eyebrow>span:last-child{direction:ltr;font:500 10px 'IBM Plex Mono',monospace;color:#8c9bb2}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--accent2);box-shadow:0 0 0 5px rgba(67,226,194,.12);animation:pulse 2.8s infinite}.hero h1{font-size:clamp(42px,5.4vw,78px);font-weight:800;line-height:1.14;letter-spacing:-2.3px;margin:0 0 25px}.gradient-text{background:linear-gradient(95deg,#a2adff 5%,#8a8cff 44%,#4ce4c1 95%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-lead{font-size:18px;max-width:530px;color:var(--muted);line-height:1.95;margin:0}.hero-buttons{display:flex;gap:11px;flex-wrap:wrap;margin:33px 0 42px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:13px 23px;border-radius:12px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:#8b91ff;color:#08111d;box-shadow:0 8px 26px rgba(119,124,255,.2)}.btn-primary svg{width:18px;transform:scaleX(-1)}[dir=ltr] .btn-primary svg{transform:none}.btn-ghost{border:1px solid var(--line);color:var(--text)}.hero-meta{display:flex;gap:24px;flex-wrap:wrap}.hero-meta>span{display:flex;align-items:center;gap:7px;color:#9aa9bf;font-size:12px;font-weight:700}.hero-meta i{width:5px;height:5px;border-radius:50%;background:var(--accent2)}.hero-visual{height:480px;position:relative;isolation:isolate}.visual-grid{position:absolute;inset:25px;background-image:linear-gradient(rgba(127,154,197,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(127,154,197,.075) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,black 28%,transparent 72%)}.halo{position:absolute;border:1px solid rgba(122,151,210,.15);border-radius:50%;left:50%;top:49%;transform:translate(-50%,-50%)}.halo-a{width:370px;height:370px}.halo-b{width:260px;height:260px;border-style:dashed;animation:slowSpin 45s linear infinite}.orbit-core{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);width:185px;height:185px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#293d65,#121c32 72%);box-shadow:inset 0 1px 10px #4b5d89,0 25px 80px rgba(0,0,0,.4);border:1px solid #43587d}.core-inner{font:800 65px 'DM Sans',sans-serif;color:#f4f5ff;letter-spacing:-7px;z-index:2;transform:translateX(-5px)}.core-inner span{color:var(--accent2)}.core-outer{position:absolute;inset:13px;border:1px solid #7f87df66;border-radius:50%}.code-panel{position:absolute;width:278px;padding:15px;z-index:3;left:0;top:28px;border-radius:15px;background:rgba(20,31,51,.9);border:1px solid #37455e;box-shadow:var(--shadow);backdrop-filter:blur(15px);direction:ltr}.panel-topline{display:flex;align-items:center;gap:10px;color:#8797b4;border-bottom:1px solid var(--line);padding-bottom:10px}.panel-topline small{font:500 10px 'IBM Plex Mono',monospace}.panel-dots{display:flex;gap:4px}.panel-dots b{display:block;height:7px;width:7px;border-radius:50%;background:#fb6c86}.panel-dots b:nth-child(2){background:#f9c574}.panel-dots b:nth-child(3){background:#52dabc}.panel-bars{margin-left:auto}.terminal-body{padding-top:11px;font:500 11px/2 'IBM Plex Mono',monospace;color:#cfd7f1}.code-purple{color:#ab9cff}.code-muted{color:#8791ad}.code-cyan{color:#6de4da}.code-lime{color:#b6f09b}.cursor{display:inline-block;height:12px;width:5px;background:var(--accent2);vertical-align:middle;animation:blink 1s step-end infinite}.status-card{position:absolute;z-index:4;right:-3px;bottom:54px;display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid #344565;background:rgba(23,37,61,.96);border-radius:14px;box-shadow:var(--shadow);min-width:230px}.status-icon{display:grid;place-items:center;color:#102b26;background:#62e1c3;width:31px;height:31px;border-radius:9px;font-weight:800}.status-card strong,.status-card small{display:block}.status-card strong{font-size:12px}.status-card small{font:500 9px 'IBM Plex Mono',monospace;color:#9fafc3;margin-top:2px;direction:ltr}.status-graphic{display:flex;align-items:end;gap:3px;margin-inline-start:auto}.status-graphic b{width:4px;background:#58d3bc;border-radius:2px;height:11px}.status-graphic b:nth-child(2){height:21px}.status-graphic b:nth-child(3){height:14px}.status-graphic b:nth-child(4){height:26px}.status-graphic b:nth-child(5){height:19px}.visual-caption{font:500 11px 'IBM Plex Mono',monospace;color:#75869f;position:absolute;bottom:12px;left:15px;direction:ltr}.visual-caption span{color:var(--accent2);margin-left:18px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-top:40px;font:500 10px 'IBM Plex Mono',monospace;color:#75869f;direction:ltr}.hero-bottom span:last-child{font-family:'Tajawal',sans-serif;direction:rtl;font-size:12px}.metrics-band{border-block:1px solid var(--line);background:rgba(23,34,55,.48)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:26px}.metrics-grid>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-inline:28px;border-inline-end:1px solid var(--line)}.metrics-grid>div:first-child{padding-inline-start:0}.metrics-grid>div:last-child{border:0}.metrics-grid span{font:600 11px 'IBM Plex Mono',monospace;color:var(--accent2)}.metrics-grid strong{font-size:14px;white-space:nowrap}.metrics-grid small{font:500 9px 'IBM Plex Mono',monospace;color:#687b96;width:100%;margin-inline-start:32px}.section{padding-block:115px}.section-head{max-width:660px;margin-bottom:43px}.section-kicker{margin:0 0 15px}.section-kicker>span:first-child{font-family:'IBM Plex Mono',monospace;color:#7383a0}.section h2{font-size:clamp(30px,4vw,48px);line-height:1.23;letter-spacing:-1px;margin:0 0 18px}.section-head>p:last-child{font-size:17px;color:var(--muted);margin:0;line-height:1.9}.about-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.feature-large,.feature-small,.step,.cap-card{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(25,38,61,.89),rgba(14,23,39,.9))}.feature-large{min-height:410px;padding:39px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.feature-large:after{content:'';position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(121,116,255,.1);filter:blur(55px);top:-70px;left:-100px}.feature-symbol{font:400 58px 'DM Sans',sans-serif;color:var(--accent2);line-height:1}.feature-large h3{font-size:29px;margin:9px 0 12px}.feature-large p:not(.tiny-heading){font-size:15px;max-width:490px;color:var(--muted);line-height:1.9}.tiny-heading{font:600 11px 'IBM Plex Mono',monospace;color:#8e9ab3;direction:ltr;justify-content:flex-end}.feature-trace{display:flex;gap:8px}.feature-trace span{width:43px;height:3px;border-radius:20px;background:#374861}.feature-trace span:first-child{background:var(--accent2)}.side-features{display:grid;grid-template-rows:1fr 1fr;gap:18px}.feature-small{padding:28px}.feature-icon{font-size:33px;color:#a9abff}.feature-small h3{font-size:19px;margin:12px 0 4px}.feature-small p{color:var(--muted);font-size:14px;margin:0}.section-alt{background:linear-gradient(180deg,rgba(18,29,49,.8),rgba(13,21,36,.9));border-block:1px solid var(--line)}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step{padding:24px;min-height:260px}.step-count{display:flex;align-items:center;justify-content:space-between;direction:ltr;color:var(--accent2);font:500 14px 'IBM Plex Mono',monospace}.step-count span{color:#7b8eac;font-size:9px}.step-icon{font-size:34px;color:#ced4ff;margin:29px 0 8px}.step h3{font-size:19px;margin:0 0 8px}.step p{margin:0;color:var(--muted);font-size:14px;line-height:1.85}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.cap-card{padding:30px;position:relative;min-height:315px;overflow:hidden}.cap-index{position:absolute;top:24px;left:26px;font:500 11px 'IBM Plex Mono',monospace;color:#8495b0}.cap-illustration{margin:22px 0 23px;width:130px;height:105px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(140deg,#2a3764,#192c45);border:1px solid #46547a;position:relative;box-shadow:0 22px 30px rgba(4,10,22,.2)}.cap-illustration span{font-size:52px;color:#a4b0ff;line-height:1}.cap-illustration i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent2);right:-8px;top:15px}.cap-illustration i:last-child{width:6px;height:6px;right:-25px;top:33px;background:#8991ef}.cap-card h3{margin:0 0 6px;font-size:20px}.cap-card p{color:var(--muted);font-size:14px;line-height:1.85;min-height:52px;margin:0 0 15px}.cap-card small{font:500 10px 'IBM Plex Mono',monospace;color:#7f90ae}.contact-section{padding-top:55px}.contact-panel{border:1px solid #4c5882;border-radius:24px;min-height:335px;display:flex;justify-content:space-between;align-items:center;gap:40px;padding:55px 65px;background:radial-gradient(circle at 23% 50%,#273c62 0%,#1c2a49 39%,#151f37 100%);overflow:hidden;isolation:isolate}.contact-copy{max-width:530px;z-index:2}.contact-copy h2{font-size:clamp(30px,4vw,46px)}.contact-copy>p:not(.section-kicker){color:#bfcbe3;font-size:16px;line-height:1.9}.btn-light{background:#e8f0ff;color:#132039;margin-top:11px}.contact-emblem{width:220px;height:220px;border:1px solid #8b9add77;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 22px #9b9ffc0b,0 0 0 54px #9b9ffc07;direction:ltr;flex-shrink:0;transform:rotate(-9deg)}.contact-emblem span{font:800 72px 'DM Sans',sans-serif;letter-spacing:-8px}.contact-emblem small{font:500 9px 'IBM Plex Mono',monospace;color:#b0bce0;letter-spacing:1px}.site-footer{border-top:1px solid var(--line);background:#0a101c}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:30px;padding-block:45px}.footer-brand strong{font:800 24px 'DM Sans',sans-serif;letter-spacing:-1px}.footer-brand p{color:#7e8eaa;font-size:13px;margin:8px 0 0}.footer-links{display:flex;gap:27px;font-size:13px;color:#a6b1c5}.footer-links a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:center;padding-block:24px;color:#7987a0;font-size:12px}.footer-bottom a{font-family:'DM Sans',sans-serif}.footer-bottom strong{color:#d2d9ee}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(67,226,194,0)}}@keyframes slowSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes blink{50%{opacity:0}}
[dir=ltr] .hero h1{letter-spacing:-3.5px}[dir=ltr] .hero-bottom span:last-child{direction:ltr}[dir=ltr] .hero-copy{direction:ltr}[dir=ltr] .section-head{text-align:left}[dir=ltr] .hero-meta{direction:ltr}[dir=ltr] .contact-copy{direction:ltr}[dir=ltr] .tiny-heading{justify-content:flex-start}
body.light{color-scheme:light;--bg:#f5f7fd;--bg-2:#eef2fa;--surface:#fff;--surface2:#eff3fa;--text:#17223b;--muted:#56677f;--line:rgba(42,63,100,.14);--accent:#5c59d8;--accent2:#028a7d;--edge:#bfcce0;--shadow:0 30px 100px rgba(12,28,57,.14)}body.light .site-header{background:rgba(250,252,255,.88)}body.light .main-nav a{color:#4a5b73}body.light .main-nav a:hover{color:#151d35}body.light .hero-meta>span{color:#65758b}body.light .btn-primary{background:#625df1;color:white}body.light .btn-ghost{color:#19233b}body.light .gradient-text{background:linear-gradient(90deg,#6660ea,#159c92);background-clip:text;-webkit-background-clip:text;color:transparent}body.light .metrics-band{background:#eaf0fb}body.light .metrics-grid small{color:#647591}body.light .feature-large,body.light .feature-small,body.light .step,body.light .cap-card{background:#fff}body.light .section-alt{background:#edf2fa}body.light .feature-small .feature-icon,body.light .step-icon{color:#585bd2}body.light .cap-card small{color:#647591}body.light .site-footer{background:#eaf0f8}body.light .footer-bottom strong{color:#26364e}body.light .contact-panel,body.light .hero-visual{color:#fff}body.light .contact-panel .section-kicker{color:#87dfcf}body.light .contact-panel h2{color:#fff}body.light .sun-icon{display:block}body.light .moon-icon{display:none}body.light .brand-mark{color:#e6eaff}
@media(max-width:1050px){.main-nav{gap:20px}.hero{gap:5px}.hero-visual{transform:scale(.88)}.metrics-grid>div{padding-inline:15px}.metrics-grid strong{font-size:12px}}
@media(max-width:800px){.site-header{height:70px}.shell{padding-inline:22px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center}.main-nav{display:none;position:absolute;top:70px;left:15px;right:15px;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:20px;flex-direction:column;align-items:stretch;gap:0;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:12px 5px;border-bottom:1px solid var(--line)}.main-nav a:last-child{border:0}.hero{min-height:unset;grid-template-columns:1fr;padding-top:75px;gap:20px}.hero h1{font-size:clamp(41px,7vw,60px)}.hero-visual{height:400px;transform:scale(.9)}.hero-bottom{margin-top:10px}.about-layout{grid-template-columns:1fr}.side-features{grid-template-columns:1fr 1fr;grid-template-rows:auto}.feature-large{min-height:330px}.steps-grid{grid-template-columns:repeat(2,1fr)}.cap-grid{grid-template-columns:repeat(2,1fr)}.cap-card:last-child{grid-column:1/-1}.metrics-grid{grid-template-columns:repeat(2,1fr);row-gap:20px}.metrics-grid>div:nth-child(2){border:0}.section{padding-block:85px}.contact-panel{padding:45px}.contact-emblem{width:160px;height:160px}.contact-emblem span{font-size:52px}}
@media(max-width:560px){.shell{padding-inline:19px}.brand-word small{font-size:7px}.brand-mark{width:38px;height:38px}.nav-actions{gap:5px}.lang-switch{min-width:45px}.hero{padding-top:55px}.hero h1{font-size:clamp(34px,9.6vw,48px);letter-spacing:-1.5px}.hero-lead{font-size:15px}.hero-buttons{margin:25px 0}.hero-meta{gap:10px 17px}.hero-meta>span{font-size:11px}.hero-visual{height:340px;transform:scale(.77);margin:-30px -55px}.code-panel{left:-10px;top:12px}.status-card{right:-8px;bottom:23px}.halo-a{width:320px;height:320px}.halo-b{width:240px;height:240px}.orbit-core{width:155px;height:155px}.core-inner{font-size:56px}.hero-bottom{font-size:8px}.metrics-grid{padding-block:23px}.metrics-grid>div{padding-inline:8px;gap:7px}.metrics-grid strong{font-size:12px}.metrics-grid small{font-size:8px;margin-inline-start:0}.section{padding-block:70px}.section h2{font-size:32px}.section-head>p:last-child{font-size:15px}.feature-large{padding:28px;min-height:345px}.feature-large h3{font-size:25px}.side-features,.steps-grid,.cap-grid{grid-template-columns:1fr}.cap-card:last-child{grid-column:auto}.step{min-height:unset}.cap-card{min-height:270px}.contact-panel{padding:35px 26px;display:block}.contact-emblem{display:none}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap;gap:15px}.section-kicker{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}

/* X2P Lab interactive experience — isolated from private project folders */
html{scroll-padding-top:94px}.interactive-section{background:linear-gradient(150deg,rgba(92,117,245,.065),transparent 68%)}.lab-grid{display:grid;grid-template-columns:minmax(280px,.88fr) minmax(0,1.12fr);gap:24px;align-items:stretch}.lab-controls,.lab-preview-panel{background:var(--surface,#111d32);border:1px solid var(--border,rgba(160,178,224,.16));border-radius:24px;overflow:hidden;min-width:0}.lab-controls{padding:26px}.lab-panel-kicker{font-size:13px;display:flex;gap:10px;align-items:center;color:var(--text,#e4ecff);font-weight:700;margin-bottom:22px}.lab-phase-list{display:grid;gap:10px}.lab-phase{width:100%;display:flex;align-items:center;gap:13px;text-align:start;padding:15px 16px;background:transparent;border:1px solid rgba(141,159,199,.17);border-radius:12px;color:var(--text,#e4ecff);cursor:pointer;font:inherit;transition:background .25s,border-color .25s,transform .25s}.lab-phase:hover{transform:translateY(-2px);border-color:#8598f7}.lab-phase.active{background:rgba(113,133,246,.13);border-color:#8191fa}.lab-phase>span:nth-child(2){flex:1;font-weight:700}.phase-num{font:700 11px ui-monospace,monospace;color:#77dbca}.lab-stage-info{margin-top:23px;padding:20px 0 0;border-top:1px solid rgba(141,159,199,.16)}.lab-stage-tag{letter-spacing:.11em;font:700 11px ui-monospace,monospace;color:#82cde1}.lab-stage-info h3{margin:12px 0 8px;font-size:23px;color:var(--text,#edf2ff)}.lab-stage-info p{line-height:1.8;min-height:68px;color:var(--muted,#a4b0c8);font-size:14px}.lab-progress-track{height:6px;background:rgba(115,135,174,.19);border-radius:20px;overflow:hidden;margin-top:16px}.lab-progress-track span{display:block;width:25%;height:100%;background:linear-gradient(90deg,#5ee0c9,#9293ff);border-radius:20px;transition:width .3s}.lab-progress-caption{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--muted,#a4b0c8)}.lab-preview-panel{display:flex;flex-direction:column}.preview-toolbar,.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 19px;color:var(--muted,#aab6cc);font-size:11px;letter-spacing:.06em}.preview-toolbar{border-bottom:1px solid rgba(141,159,199,.18);font-family:ui-monospace,monospace}.preview-toolbar>span{display:flex;align-items:center;gap:8px}.preview-led{background:#5de0c9;width:7px;height:7px;border-radius:50%;box-shadow:0 0 12px #5de0c9}.preview-devices{display:flex;gap:7px}.preview-device{cursor:pointer;color:var(--text,#f3f5ff);font-size:23px;line-height:1;border:1px solid rgba(132,157,198,.2);border-radius:9px;background:transparent;width:34px;height:34px}.preview-device.active{background:#556de3;border-color:#7788f8;color:white}.preview-stage{background:radial-gradient(circle at 50% 55%,rgba(119,110,244,.17),transparent 66%),linear-gradient(145deg,#111f35,#11192b);display:flex;align-items:center;justify-content:center;min-height:396px;padding:26px 16px;overflow:hidden}.live-device{background:#f5f7ff;border:1px solid #8496bc;border-radius:12px;box-shadow:0 20px 70px #0007;overflow:hidden;transition:width .35s,height .35s;max-width:100%;height:300px;color:#1a2d4c}.live-device.desktop{width:94%}.live-device.tablet{width:65%}.live-device.mobile{width:37%;height:340px}.device-top{background:#dfe7f7;padding:7px 11px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px;color:#657696;direction:ltr}.device-dots{display:flex;gap:3px}.device-dots i{width:6px;height:6px;border-radius:50%;background:#8c9ebc}.device-dots i:first-child{background:#fb7797}.device-page{padding:17px}.fake-nav{display:flex;justify-content:space-between;align-items:center}.fake-logo{font-size:20px;font-weight:900;letter-spacing:-.08em}.fake-logo span{color:#3fc6ac}.fake-nav-lines{display:flex;gap:7px}.fake-nav-lines b{width:24px;height:4px;background:#b2c0dc;border-radius:4px}.fake-hero{margin:28px auto 20px;width:83%;text-align:center}.fake-overline{font:700 8px monospace;color:#7285a4}.fake-title b,.fake-description b{display:block;background:#263e6c;margin:10px auto 0;border-radius:9px;height:16px;width:82%}.fake-title b:nth-child(2){width:60%;background:#5e75d5}.fake-description{margin-top:16px}.fake-description b{background:#c1cee4;height:6px;width:84%;margin-top:6px}.fake-description b:nth-child(2){width:78%}.fake-description b:nth-child(3){width:59%}.fake-cta{width:90px;height:22px;background:#6675e5;margin:16px auto;border-radius:6px}.fake-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.fake-cards i{height:46px;background:#e3e9f6;border:1px solid #d1dced;border-radius:8px}.live-device.mobile .device-page{padding:10px}.live-device.mobile .fake-nav-lines{display:none}.live-device.mobile .fake-hero{margin-top:20px;width:100%}.live-device.mobile .fake-title b{height:11px}.live-device.mobile .fake-cards{grid-template-columns:1fr;gap:5px}.live-device.mobile .fake-cards i{height:18px}.live-device.mobile .fake-cards i:nth-child(3){display:none}.preview-footer{border-top:1px solid rgba(141,159,199,.16);margin-top:auto}.preview-footer strong{white-space:nowrap;font-family:monospace;color:#5bd2c0}.faq-list{max-width:900px;margin:0 auto}.faq-list details{border-bottom:1px solid rgba(151,171,206,.2);padding:17px 4px}.faq-list summary{cursor:pointer;font-weight:700;color:var(--text,#edf2ff);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px}.faq-list summary:after{content:'+';font-size:25px;color:#81a0f9}.faq-list details[open] summary:after{content:'−'}.faq-list details p{color:var(--muted,#abb6ca);line-height:1.9;padding:12px 0 3px;margin:0}.light .lab-controls,.light .lab-preview-panel{background:#fff;border-color:#dce3ee}.light .lab-panel-kicker,.light .lab-phase,.light .lab-stage-info h3,.light .faq-list summary{color:#19253b}.light .lab-stage-info p,.light .faq-list details p{color:#53657e}.light .lab-phase{border-color:#d5deef}.light .lab-phase.active{background:#edf0ff}.light .preview-toolbar,.light .preview-footer{color:#526680}@media(max-width:900px){.lab-grid{grid-template-columns:1fr}.lab-controls{padding:22px}.preview-stage{min-height:355px}}@media(max-width:520px){.lab-controls{padding:17px}.preview-stage{min-height:320px;padding:12px}.live-device.desktop{width:100%}.live-device.tablet{width:77%}.live-device.mobile{width:53%}.preview-toolbar,.preview-footer{padding:12px;font-size:9px}.lab-stage-info p{min-height:0}}@media(prefers-reduced-motion:reduce){.live-device,.lab-phase,.lab-progress-track span{transition:none!important}}