:root{--paper:#f5f4f0;--ink:#202320;--muted:#6b716b;--line:#d9ddd4;--purple:#7251d6;--lime:#d8edb0;--blue:#cbdcf0;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--purple);outline-offset:5px}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;padding-block:28px;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:32px;font-weight:800;letter-spacing:-2px;position:relative;line-height:1}.brand>span{color:var(--purple)}.brand small{display:block;font-size:10px;letter-spacing:1px;font-weight:500;margin-top:8px}.header nav{display:flex;gap:32px;font-size:13px}.header nav a:hover{color:var(--purple)}.button{display:inline-flex;align-items:center;justify-content:center;gap:40px;padding:18px 24px;border-radius:8px;border:1px solid transparent;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.small{padding:13px 17px;gap:24px}.dark{background:var(--ink);color:white}.dark:hover{background:#3a4039}.outline{background:transparent;border-color:var(--line)}.text-link{font-size:13px;font-weight:600;display:inline-flex;gap:24px;align-items:center}.text-link:hover{color:var(--purple)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding-block:86px 92px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:10px;margin:0 0 28px}.live-dot{display:inline-block;width:7px;height:7px;background:#79bd61;border-radius:50%;box-shadow:0 0 0 4px #79bd6118}.hero h1{font-size:clamp(70px,7.4vw,106px);letter-spacing:-7px;line-height:.98;font-weight:500;margin:0 0 30px}.hero h1>span{color:var(--purple)}.intro{font-size:17px;line-height:1.7;color:var(--muted);max-width:470px}.actions{display:flex;align-items:center;gap:26px;margin:32px 0}.hero-tags{display:flex;gap:8px;flex-wrap:wrap}.hero-tags span{font-size:10px;padding:7px 11px;border:1px solid var(--line);border-radius:30px}.hero-art{background:#14252b;height:465px;border-radius:var(--radius);position:relative;isolation:isolate;color:#fff;box-shadow:0 35px 65px #20232012;overflow:visible}.preview-top,.preview-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;z-index:3}.preview-top{top:23px}.preview-top>span:first-child{display:flex;gap:10px;align-items:center}.preview-bottom{bottom:20px;color:#a9c0c6;letter-spacing:0}.orb{position:absolute;z-index:-1;filter:blur(1px);border-radius:50%}.orb-one{height:270px;width:270px;right:7%;top:15%;background:radial-gradient(circle at 30% 25%,#e1eaaa,#678d91 42%,#254752 70%);box-shadow:0 0 70px #729f7d44}.orb-two{height:150px;width:150px;left:7%;top:29%;background:linear-gradient(120deg,#796e9e,#242b4b);opacity:.75}.horizon{position:absolute;inset:50% 0 0;background:linear-gradient(0deg,#14252b 15%,#14252b00);z-index:0;border-radius:0 0 var(--radius) var(--radius)}.scene-title{position:absolute;top:92px;left:32px;font-size:28px;letter-spacing:-1px;line-height:1.15;z-index:1;color:#ffffffda}.safe-area{position:absolute;bottom:74px;left:7%;width:86%;height:107px;border:1px solid #cadccc4f;display:flex;align-items:center;justify-content:center;z-index:2}.safe-label{position:absolute;top:-17px;left:0;font-size:7px;letter-spacing:1.5px;color:#afc6c1}.caption{text-align:center;font-weight:600;font-size:24px;line-height:1.35;text-shadow:0 2px 3px #000;background:#091418c4;padding:7px 15px;max-width:100%}.language-switch{display:flex;gap:4px}.language-switch button{border:0;background:transparent;color:#adc4c9;padding:7px;font-size:10px;border-radius:4px}.language-switch button[aria-pressed=true]{background:#d8edb0;color:#263523}.float-label{position:absolute;right:-14px;bottom:-20px;background:white;border:1px solid var(--line);border-radius:9px;padding:17px 23px;font-size:11px;color:var(--ink);box-shadow:0 12px 28px #1225200b;display:flex;gap:12px;align-items:center}.capability-strip{border-block:1px solid var(--line);padding:23px 0}.capability-strip>.wrap{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.capability-strip span{font-size:9px;letter-spacing:1px;color:var(--muted)}.capability-strip b{font-size:13px;font-weight:500}.capability-strip i{color:#a3aa9c;font-style:normal}.section{padding-block:100px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:44px}h2{font-size:clamp(34px,4vw,52px);letter-spacing:-2.4px;line-height:1.08;font-weight:500;margin:0}h3{font-weight:500;letter-spacing:-.6px}.section-head>p{font-size:14px;line-height:1.7;color:var(--muted);max-width:350px;margin:0 0 3px}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pipeline button{position:relative;text-align:left;border:1px solid var(--line);border-radius:12px;padding:25px;background:transparent;color:var(--ink);transition:background .2s}.pipeline button:hover{background:#e9ebe4}.pipeline button[aria-selected=true]{background:var(--lime);border-color:var(--lime)}.pipeline button>span{display:block;font-size:9px;letter-spacing:1.5px}.pipeline strong{display:block;font-weight:500;font-size:33px;letter-spacing:-1px;margin:27px 0 12px}.pipeline em{font-style:normal;color:#8a9580}.pipeline small{font-size:11px}.pipeline i{position:absolute;right:22px;top:20px;font-style:normal}.pipeline-detail{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;margin-top:22px;padding:32px;border:1px solid var(--line);border-radius:12px;min-height:215px}.pill{font-size:9px;letter-spacing:1.5px;color:var(--purple)}.pipeline-detail h3{font-size:26px;line-height:1.15;max-width:330px;margin-bottom:0}.pipeline-detail p{margin:0;font-size:14px;line-height:1.7;color:var(--muted)}.pipeline-detail ul{padding-left:18px;font-size:12px;line-height:1.9;margin-bottom:0}.platform{background:#e9ece5}.gallery-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.gallery-tabs button{background:transparent;border:1px solid #cdd3c8;border-radius:7px;padding:13px 20px;color:var(--muted);font-size:12px}.gallery-tabs button[aria-selected=true]{background:var(--ink);color:white;border-color:var(--ink)}.product-view{margin:0;background:#101a26;border:1px solid #203044;border-radius:14px;overflow:hidden;box-shadow:0 22px 45px #10201014}.browser-bar{display:flex;justify-content:space-between;padding:16px 21px;color:#a8b7c9;font-size:9px;letter-spacing:1.7px}.window-dots{letter-spacing:4px;color:#59636e}.screenshot-button{display:block;border:0;padding:0;width:100%;position:relative;background:#101a26}.screenshot-button img{display:block;width:100%;height:auto}.screenshot-button>span{position:absolute;right:20px;bottom:18px;background:#edf3eb;color:#273324;border:1px solid #fff6;padding:10px 15px;border-radius:6px;font-size:11px}.product-view figcaption{color:#dfe8ed;display:flex;gap:20px;justify-content:space-between;padding:23px;font-size:12px}.product-view figcaption>strong{font-weight:500}.product-view figcaption>span{color:#9caeba;font-size:11px}.disclosure{font-size:10px;color:var(--muted);margin:16px 0 0;line-height:1.6}.feature-three{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:60px}.feature-index{font-size:11px;color:var(--purple)}.feature-three h3{font-size:21px;margin:20px 0 12px}.feature-three p{font-size:13px;line-height:1.8;color:var(--muted)}.typography-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.muted{color:#90978b}.body-copy{font-size:14px;line-height:1.8;color:var(--muted);margin:27px 0;max-width:420px}.caption-lab{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.lab-top{display:flex;justify-content:space-between;padding:20px;font-size:9px;letter-spacing:1px}.lab-top>span:last-child{color:var(--muted)}.lab-screen{height:265px;background:linear-gradient(135deg,#c6d3ea,#ede0cd);position:relative;display:flex;align-items:end;justify-content:center;padding-bottom:35px;overflow:hidden}.lab-grid{position:absolute;inset:0;background-image:linear-gradient(#fff3 1px,transparent 1px),linear-gradient(90deg,#fff3 1px,transparent 1px);background-size:32px 32px}.lab-caption{position:relative;background:#18221fed;color:white;text-align:center;font-size:24px;padding:10px;line-height:1.3;width:90%;outline:1px dashed #686d87;outline-offset:6px;overflow-wrap:anywhere}.lab-controls{padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.lab-controls label{font-size:11px;display:block}.lab-controls output{float:right;color:var(--muted)}.lab-controls input{display:block;width:100%;margin:18px 0 0;accent-color:var(--purple)}.caption-lab>p{padding:0 25px 15px;font-size:10px;color:var(--muted);line-height:1.6;margin:0}.sync-section{background:#252f29;color:#f4f5ed;padding:80px 0}.sync-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px}.sync-inner .eyebrow{color:var(--lime)}.sync-inner h2{font-size:54px}.sync-inner>div>p:last-child{font-size:14px;color:#b3beb3;line-height:1.8;max-width:380px;margin-top:28px}.sync-cards article{border-bottom:1px solid #566050;padding:0 0 25px;margin-bottom:25px}.sync-cards article>span{font-size:9px;letter-spacing:1.5px;color:var(--lime)}.sync-cards h3{font-size:22px;margin:13px 0}.sync-cards p,.sync-note{font-size:13px;line-height:1.7;color:#b3beb3}.sync-note{font-size:11px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.spec-grid article{padding:30px;background:#eceee7;border-radius:12px}.spec-grid h3{font-size:23px;margin:0 0 25px}.spec-grid dl{margin:0;display:grid;grid-template-columns:120px 1fr;gap:17px 22px;font-size:12px;line-height:1.6}.spec-grid dt{font-weight:600}.spec-grid dd{margin:0;color:var(--muted)}.deployment-note{display:flex;align-items:start;gap:45px;padding:28px 0;border-bottom:1px solid var(--line);margin-top:20px}.deployment-note>span{white-space:nowrap;font-size:9px;letter-spacing:1px;padding-top:5px;color:var(--purple)}.deployment-note p{margin:0;font-size:12px;line-height:1.8;color:var(--muted)}.faq{padding-top:0;max-width:880px}.faq h2{margin-bottom:35px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;gap:20px;list-style:none;padding:24px 0;font-size:15px;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:21px;color:var(--purple)}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:14px;color:var(--muted);line-height:1.8;margin:0 35px 25px 0}.contact{border-radius:20px;background:var(--lime);padding:60px;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact h2{font-size:64px}.contact h2 span{color:#677d47}.contact p:not(.eyebrow){font-size:14px;line-height:1.8;color:#4c5e3d;margin-bottom:0}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:45px;font-size:10px;color:var(--muted)}.footer-brand{display:flex;gap:16px;align-items:center}.footer-brand>img{background:#29342f;border-radius:7px;padding:5px;width:58px;height:46px}.footer-brand strong{font-size:18px;color:var(--ink);letter-spacing:-1px}.footer-brand small{display:block;font-size:9px;margin-top:5px}dialog{width:min(1500px,96vw);max-height:94vh;padding:12px;background:#14202d;border:1px solid #516071;border-radius:12px}dialog::backdrop{background:#0a131ce6}dialog>button{display:flex;margin-left:auto;margin-bottom:12px}dialog>img{width:100%;height:auto;display:block}.skip{position:absolute;left:12px;top:-80px;z-index:100;background:white;padding:14px}.skip:focus{top:12px}
@media(min-width:1600px){.hero{padding-block:110px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.header nav{gap:18px}.hero{gap:28px}.hero h1{font-size:76px;letter-spacing:-5px}.hero-art{height:440px}.scene-title{font-size:23px}.orb-one{width:220px;height:220px}.intro{font-size:15px}.actions{gap:18px;flex-wrap:wrap}.caption{font-size:20px}.typography-section,.sync-inner{gap:40px}.pipeline button{padding:20px 15px}.pipeline strong{font-size:28px}.feature-three{gap:25px}.spec-grid dl{grid-template-columns:95px 1fr;gap:16px}.contact{padding:40px}.product-view figcaption{flex-direction:column;gap:8px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header{padding-block:22px;flex-wrap:wrap;gap:20px}.header nav{order:3;width:100%;justify-content:space-between;font-size:12px}.header .button{font-size:11px;padding:12px;gap:12px}.hero{grid-template-columns:1fr;padding-block:50px 60px;gap:40px}.hero h1{font-size:82px}.hero-art{height:420px;max-width:540px;width:100%}.float-label{right:8px}.hero-copy .eyebrow{font-size:9px}.capability-strip .wrap{justify-content:center;gap:14px}.capability-strip span{width:100%;text-align:center;margin-bottom:8px}.capability-strip b{font-size:10px}.capability-strip i{font-size:10px}.section{padding-block:65px}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:22px}.section-head>.button{margin-top:24px}h2{font-size:38px;letter-spacing:-1.7px}.pipeline{grid-template-columns:1fr 1fr}.pipeline button{padding:19px}.pipeline strong{margin-top:24px}.pipeline-detail{grid-template-columns:1fr;gap:25px;padding:24px;min-height:340px}.pipeline-detail h3{margin:14px 0 0}.gallery-tabs{gap:6px}.gallery-tabs button{font-size:10px;padding:12px 10px;flex:1}.browser-bar{font-size:7px;padding:12px}.product-view figcaption{padding:16px}.screenshot-button>span{font-size:9px;padding:7px;right:8px;bottom:8px}.feature-three,.typography-section,.sync-inner,.spec-grid{grid-template-columns:1fr}.feature-three{gap:18px;margin-top:40px}.feature-three article{border-top:1px solid #d0d6c9;padding-top:22px}.feature-three h3{margin-top:12px}.typography-section{gap:35px}.sync-section{padding:55px 0}.sync-inner h2{font-size:42px}.spec-grid article{padding:24px}.deployment-note{display:block}.deployment-note>span{display:block;margin-bottom:14px}.faq{padding-top:0}.contact{padding:32px;flex-direction:column;align-items:start}.contact h2{font-size:48px}.contact .button{margin-top:8px}footer{flex-wrap:wrap;padding-block:30px}.footer-brand{width:100%}.lab-controls{padding:20px;gap:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}@media print{body{background:white;font-size:11px}.wrap{width:100%}.header nav,.header>.button,.actions,.language-switch,.gallery-tabs,.screenshot-button>span,.lab-controls,#print,#contact>.button,dialog{display:none!important}.section{padding:25px 0}.hero{padding:30px 0;gap:20px}.hero h1{font-size:64px}.hero-art{height:330px;print-color-adjust:exact}.hero-tags{display:none}.product-view img{max-height:350px;object-fit:contain}.pipeline,.spec-grid{break-inside:avoid}.sync-section,.contact{print-color-adjust:exact}.section-head{margin-bottom:20px}.feature-three{margin-top:20px}.faq{display:none}footer{padding:20px 0}}