.site-width{width:min(1160px,calc(100% - 88px));margin-inline:auto}.skip-link{position:fixed;top:12px;left:12px;z-index:2;padding:10px 14px;background:#fff;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid #eae5f2}.site-header__row{min-height:74px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.site-wordmark{width:max-content;display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:21px;letter-spacing:-.04em}.site-wordmark b{font-weight:730}.site-header nav{display:flex;align-items:center;gap:27px;color:var(--site-muted);font-size:14px}.site-header nav a,.site-footer>a:last-child{text-decoration:none}.site-header nav a:hover,.site-footer>a:last-child:hover{text-decoration:underline;color:var(--site-ink)}.header-access{justify-self:end;display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#4f356e;font-size:14px;font-weight:610;white-space:nowrap;padding:9px 0 9px 10px}.header-access:hover{text-decoration:underline}.hero-copy{padding:clamp(64px,7.6vw,113px) 0 42px;text-align:center}.hero h1,.section-intro h2,.handoff h2,.site-final h2{margin:0;letter-spacing:-.035em;font-weight:680;line-height:1.13;text-wrap:balance}.hero h1{font-size:clamp(38px,6.1vw,85px)}.hero-copy p{width:min(570px,100%);margin:22px auto 0;color:var(--site-muted);font-size:clamp(15px,1.45vw,19px);line-height:1.75;text-wrap:pretty}.hero-actions{margin-top:25px;display:flex;align-items:center;justify-content:center;gap:19px}.access-link,.hero-secondary{display:inline-flex;min-height:46px;gap:8px;padding:10px 19px;align-items:center;justify-content:center;border-radius:30px;font-size:14px;font-weight:630;text-decoration:none;white-space:nowrap;transition:background .16s ease,color .16s ease}.access-link{color:#fcfaff;background:#24202e}.access-link:hover{background:#4c3478}.hero-secondary{padding-inline:8px;color:#4b3e62}.hero-secondary:hover{color:#33264f;text-decoration:underline}.hero-figure{margin:0}.hero-stage{position:relative;display:grid;justify-items:center;align-items:start;overflow:hidden;isolation:isolate;aspect-ratio:2.03;min-height:220px;border-radius:22px;padding:clamp(22px,4vw,57px) 8.3% 0;background:radial-gradient(ellipse at 81% 85%,#f1bfe5 0%,transparent 54%),radial-gradient(ellipse at 22% 5%,#e8dfff 0%,transparent 55%),linear-gradient(124deg,#dad2fb,#c9c3fa,#e4caff)}.canvas-guide{position:absolute;z-index:-1;inset:0;opacity:.53;background:linear-gradient(#7f62a61c 1px,transparent 1px),linear-gradient(90deg,#7f62a61c 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(120deg,#000,transparent 84%);mask-image:linear-gradient(120deg,#000,transparent 84%)}.hero-screen{width:100%;height:auto;border:1px solid #5e4c67;border-radius:12px 12px 0 0;box-shadow:0 22px 52px #30204655}.canvas-pointer{position:absolute;left:68%;top:62%;display:flex;align-items:start;gap:3px;color:#6c46c4;pointer-events:none;filter:drop-shadow(0 2px 3px #34245a57)}.canvas-pointer svg{stroke:#fbf8ff;stroke-width:1.7}.canvas-pointer span{margin-top:16px;padding:5px 9px;border-radius:4px 8px 8px;background:#6844bf;color:#fff;font-size:11px;white-space:nowrap}.hero-figure figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:13px;color:#675d76;font-size:12px}.workflow{padding-block:clamp(76px,10vw,144px)}.section-intro{max-width:620px;margin-bottom:34px}.section-intro h2,.handoff h2{font-size:clamp(31px,4.6vw,58px)}.section-intro p,.handoff p{margin:14px 0 0;color:var(--site-muted);font-size:clamp(15px,1.4vw,18px);line-height:1.7;text-wrap:pretty}.workflow-content{border:1px solid var(--site-rule);border-radius:16px;overflow:hidden;background:#f4f0fb}.workflow-tabs{display:flex;padding:5px 16px 0;gap:7px;background:#faf8fe;border-bottom:1px solid var(--site-rule)}.workflow-tabs button{min-height:51px;display:inline-flex;align-items:center;gap:9px;border:0;border-bottom:2px solid transparent;padding:7px 17px;color:var(--site-muted);background:transparent;cursor:pointer;white-space:nowrap;font-size:14px}.workflow-tabs button[aria-selected=true]{font-weight:640;color:#4b317d;border-color:#7754c7}.workflow-tabs button:hover{background:#eee7fa}.workflow-tabs button:focus-visible,.workflow-panel:focus-visible{outline-offset:-4px}.workflow-panel{display:grid;grid-template-columns:.8fr 1.5fr;gap:clamp(22px,4vw,60px);min-height:375px;align-items:center;padding:36px clamp(24px,4.8vw,72px)}.workflow-panel h3{font-size:clamp(23px,2.5vw,35px);line-height:1.25;margin:0 0 12px;letter-spacing:-.035em;text-wrap:balance}.workflow-panel p{color:var(--site-muted);line-height:1.75;margin:0}.workflow-panel__image{width:100%;aspect-ratio:1.7;object-fit:cover;object-position:top;border-radius:9px;background:#141316}.reference-demo{background:#fefcff;border:1px solid #ddd1f0;border-radius:11px;aspect-ratio:1.7;overflow:hidden;display:grid;grid-template-rows:auto 1fr}.reference-demo__url{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid #eae0f5;font-size:12px;color:#5a477a}.reference-demo__url span:last-child{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--site-muted)}.reference-demo__body{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;min-width:0;padding:14px}.reference-demo__page{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;align-content:stretch;gap:7px;padding:12px;border:1px solid #e9def6;border-radius:5px}.reference-demo__page i{background:#d5c3ef;border-radius:3px;min-height:6px}.reference-demo__page i:nth-child(1){grid-column:1/-1;height:48%}.reference-demo__page i:nth-child(2){grid-column:1/-1;grid-row:span 2;background:#ad90e1}.reference-demo__page i:nth-child(6){grid-column:1/-1;background:#eee4fc}.reference-demo__meta{display:flex;flex-direction:column;justify-content:center;gap:10px;font-size:13px;color:#5a477a}.reference-demo__meta span{display:flex;gap:7px;align-items:center}.handoff{display:grid;grid-template-columns:1fr .7fr;align-items:center;gap:50px;padding:clamp(38px,6vw,78px) 0;border-block:1px solid var(--site-rule)}.handoff-files{justify-self:stretch;padding:17px 21px;border-radius:13px;background:#eee7fa;color:#442c6d;font-family:Geist,sans-serif}.handoff-files>div{display:flex;gap:10px;align-items:center}.handoff-files ul{margin:12px 0 0 8px;padding-left:21px;list-style:none;border-left:1px solid #c9b8e3;color:#58476e;font-size:14px;line-height:1.9}.handoff-files li>ul{margin-top:2px;margin-bottom:2px}.site-final{padding-block:clamp(69px,10vw,127px);text-align:center}.site-final h2{margin-bottom:24px;font-size:clamp(30px,4.4vw,56px)}.site-footer{min-height:89px;border-top:1px solid var(--site-rule);display:flex;align-items:center;gap:14px;font-size:13px;color:var(--site-muted)}.site-footer .site-wordmark{color:var(--site-ink)}.site-footer .site-wordmark img{width:26px;height:26px}.site-footer>a:last-child{margin-left:auto}@media(max-width:760px){.site-width{width:calc(100% - 42px)}.site-header__row{min-height:64px;grid-template-columns:1fr auto}.site-header nav{display:none}.hero-copy{padding-block:65px 29px}.hero-copy p{margin-top:16px}.hero-stage{aspect-ratio:auto;min-height:0;padding:19px 7% 0;border-radius:15px}.hero-screen{border-radius:7px 7px 0 0}.canvas-guide{background-size:24px 24px}.canvas-pointer{left:70%;top:61%}.canvas-pointer svg{width:16px}.canvas-pointer span{font-size:9px;padding:3px 5px;margin-top:12px}.workflow-panel{grid-template-columns:1fr;padding:23px;min-height:0}.workflow-tabs{padding-inline:5px;gap:0}.workflow-tabs button{flex:1;justify-content:center;padding-inline:5px;gap:5px;font-size:13px}.workflow-tabs svg{width:14px}.handoff{grid-template-columns:1fr;gap:21px}}@media(max-width:380px){.site-width{width:calc(100% - 34px)}.site-wordmark{font-size:18px}.hero h1{font-size:33px}.hero-actions{gap:12px}.site-footer>span{display:none}.reference-demo__meta{font-size:11px;gap:5px}.reference-demo__body,.reference-demo__page{padding:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto;transition:none}}