:root{--paper:#fff;--sky:#f4f8fc;--sky-deep:#e8f0f8;--mist:#d6e2ee;--mist-soft:#e9f0f7;--ink:#12304b;--blue:#1a5a8c;--azure:#3a8fd6;--azure-deep:#2d7cc0;--azure-soft:#e4f0fb;--mint:#43c29e;--mint-deep:#2ea886;--mint-soft:#e2f6ef;--slate:#4a5568;--slate-2:#718096;--slate-3:#a0aec0;--danger:#d94848;--danger-deep:#b93a3a;--danger-soft:#fbe9e9;--flight:linear-gradient(120deg, #3a8fd6 0%, #43c29e 100%);--font-display:"Poppins", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-body:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--t-12:.75rem;--t-13:.8125rem;--t-14:.875rem;--t-15:.9375rem;--t-16:1rem;--t-18:1.125rem;--t-20:1.25rem;--t-24:1.5rem;--t-30:1.875rem;--t-38:2.375rem;--t-48:3rem;--t-60:3.75rem;--r-s:6px;--r-m:10px;--r-l:16px;--r-xl:24px;--shadow-1:0 1px 2px #12304b0d, 0 2px 8px -2px #12304b14;--shadow-2:0 2px 4px #12304b0d, 0 18px 44px -18px #12304b40;--shadow-3:0 4px 8px #12304b0f, 0 32px 64px -24px #12304b59;--focus:0 0 0 3px #3a8fd659;--topbar-h:56px;--container:1120px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--t-14);color:var(--slate);background:var(--sky);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);letter-spacing:-.012em;margin:0;font-weight:600;line-height:1.15}h1{font-size:var(--t-30)}h2{font-size:var(--t-24)}h3{font-size:var(--t-18)}p{margin:0}a{color:var(--azure-deep);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img,svg{display:block}:focus-visible{box-shadow:var(--focus);border-radius:var(--r-s);outline:none}::selection{background:#3a8fd640}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.muted{color:var(--slate-2)}.small{font-size:var(--t-13)}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:10px;display:flex}.grow{flex:1;min-width:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{height:38px;font-family:var(--font-body);font-weight:500;font-size:var(--t-14);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;line-height:1;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s;display:inline-flex}.btn:hover{text-decoration:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn svg{flex:none;width:16px;height:16px}.btn-primary{background:var(--azure);color:#fff}.btn-primary:hover:not(:disabled){background:var(--azure-deep)}.btn-secondary{background:var(--paper);color:var(--ink);border-color:var(--mist);box-shadow:var(--shadow-1)}.btn-secondary:hover:not(:disabled){background:#fbfdff;border-color:#bfd0e0}.btn-ghost{color:var(--slate);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--sky-deep);color:var(--ink)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-deep)}.btn-lg{height:46px;font-size:var(--t-15);border-radius:10px;padding:0 20px}.btn-sm{height:30px;font-size:var(--t-13);border-radius:7px;padding:0 10px}.btn-icon{border-radius:8px;width:34px;height:34px;padding:0}.btn-icon.btn-sm{width:28px;height:28px}.field{flex-direction:column;gap:6px;display:flex}.label{font-size:var(--t-13);color:var(--slate);font-weight:500}.input,.select,.textarea{border:1px solid var(--mist);background:var(--paper);width:100%;height:40px;color:var(--ink);font-size:var(--t-14);border-radius:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s}.textarea{resize:vertical;height:auto;min-height:84px;padding:10px 12px;line-height:1.45}.input::placeholder,.textarea::placeholder{color:var(--slate-3)}.input:focus,.select:focus,.textarea:focus{border-color:var(--azure);box-shadow:var(--focus);outline:none}.hint{font-size:var(--t-12);color:var(--slate-2)}.error{color:var(--danger);font-size:var(--t-13)}.form-error{background:var(--danger-soft);color:var(--danger-deep);font-size:var(--t-13);border-radius:8px;padding:10px 12px}.ref{height:24px;font-family:var(--font-display);font-weight:600;font-size:var(--t-13);letter-spacing:.01em;background:var(--sky-deep);color:var(--blue);border:1px solid #0000;border-radius:6px;align-items:center;padding:0 8px;line-height:1;display:inline-flex}.ref-latest{background:var(--blue);color:#fff}.ref-lg{height:30px;font-size:var(--t-15);border-radius:8px;padding:0 11px}.ref-outline{color:#fff;background:0 0;border-color:#ffffff59}.surface{background:var(--paper);border:1px solid var(--mist);border-radius:var(--r-l)}.divider{background:var(--mist-soft);height:1px}.menu{z-index:30;background:var(--paper);border:1px solid var(--mist);min-width:180px;box-shadow:var(--shadow-2);border-radius:10px;padding:6px;position:absolute}.menu-item{text-align:left;width:100%;color:var(--ink);font-size:var(--t-14);background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:8px 10px;display:flex}.menu-item:hover{background:var(--sky-deep)}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover{background:var(--danger-soft)}.menu-sep{background:var(--mist-soft);height:1px;margin:6px 0}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#12304b59;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--paper);width:100%;max-width:460px;box-shadow:var(--shadow-3);border-radius:16px;padding:24px;animation:.18s ease-out modal-in}.modal h2{font-size:var(--t-20);margin-bottom:4px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}@keyframes modal-in{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:none}}.toasts{z-index:60;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;background:var(--ink);color:#fff;font-size:var(--t-14);box-shadow:var(--shadow-2);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;animation:.2s ease-out toast-in;display:flex}.toast.ok:before{content:"";background:var(--mint);border-radius:50%;width:8px;height:8px}.toast.bad:before{content:"";background:#ff8a8a;border-radius:50%;width:8px;height:8px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.empty{text-align:center;color:var(--slate-2);padding:56px 24px}.empty h3{margin-bottom:6px}.spinner{border:2px solid var(--mist);border-top-color:var(--azure);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress{background:var(--mist-soft);border-radius:2px;height:4px;overflow:hidden}.progress>i{background:var(--flight);height:100%;transition:width .2s;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.app-loading{place-items:center;min-height:100vh;display:grid}.topbar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--mist);background:#ffffffeb;position:sticky;top:0}.topbar-inner{height:var(--topbar-h);align-items:center;gap:18px;display:flex}.topbar-logo{text-decoration:none;display:inline-flex}.topbar-logo:hover{text-decoration:none}.topbar-org{border-left:1px solid var(--mist);align-items:center;height:24px;padding-left:14px;display:flex}.org-name{color:var(--ink);font-weight:500;font-size:var(--t-14)}.org-switch{color:var(--ink);padding:0 8px;font-weight:500}.topbar-nav{gap:4px;margin-left:auto;display:flex}.topbar-link{color:var(--slate);font-weight:500;font-size:var(--t-14);border-radius:7px;padding:6px 10px;text-decoration:none}.topbar-link:hover{background:var(--sky-deep);color:var(--ink);text-decoration:none}.topbar-link.active{color:var(--blue);background:var(--azure-soft)}.avatar{background:var(--azure-soft);width:32px;height:32px;color:var(--blue);font-weight:600;font-size:var(--t-12);font-family:var(--font-display);border:0;border-radius:50%;place-items:center;display:grid}.app-main{padding:36px 24px 80px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-head h1{font-size:var(--t-30)}.page-head .sub{color:var(--slate-2);margin-top:4px}.crumb{color:var(--slate-2);font-size:var(--t-13);align-items:center;gap:4px;margin-bottom:8px;font-weight:500;text-decoration:none;display:inline-flex}.crumb:hover{color:var(--ink);text-decoration:none}.auth{place-items:center;min-height:100vh;padding:32px 20px;display:grid}.auth-card{background:var(--paper);border:1px solid var(--mist);width:100%;max-width:400px;box-shadow:var(--shadow-2);border-radius:20px;padding:36px 32px 28px}.auth-logo{justify-content:center;margin-bottom:26px;text-decoration:none;display:flex}.auth-title{font-size:var(--t-24);text-align:center;margin-bottom:6px}.auth-lead{text-align:center;color:var(--slate-2);margin-bottom:20px;line-height:1.5}.auth-title+form{margin-top:20px}.auth-foot{text-align:center;color:var(--slate-2);font-size:var(--t-13);margin-top:20px}.projects{background:var(--paper);border:1px solid var(--mist);border-radius:var(--r-l);overflow:hidden}.project-row{border-top:1px solid var(--mist-soft);color:inherit;grid-template-columns:1fr auto auto auto;align-items:center;gap:18px;padding:16px 20px;text-decoration:none;transition:background .12s;display:grid}.project-row:first-child{border-top:0}.project-row:hover{background:#fafcfe;text-decoration:none}.project-name{font-family:var(--font-display);font-weight:500;font-size:var(--t-16);color:var(--ink)}.project-client{color:var(--slate-2);font-size:var(--t-13);margin-top:2px}.project-meta{color:var(--slate-2);font-size:var(--t-13);white-space:nowrap}.project-row .btn-icon{opacity:0;transition:opacity .12s}.project-row:hover .btn-icon,.project-row:focus-within .btn-icon{opacity:1}@media (width<=640px){.project-row{grid-template-columns:1fr auto}.project-meta.hide-sm{display:none}.project-row .btn-icon{opacity:1}}.runway{border-radius:var(--r-l);background:var(--paper);border:1.5px solid var(--mist);color:var(--slate-2);cursor:pointer;text-align:left;justify-content:center;align-items:center;gap:16px;padding:26px 24px;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s;display:flex;position:relative}.runway:hover{background:#fbfdff;border-color:#bfd3e6}.runway.is-over,.runway.drag-armed{background:#f5fbf9;border-color:#0000;box-shadow:0 0 0 2px #0000}.runway.drag-armed{background-image:linear-gradient(#f7fbfd, #f7fbfd), var(--flight);background-origin:border-box;background-clip:padding-box,border-box}.runway.is-over{background-image:linear-gradient(#eef8f4, #eef8f4), var(--flight);box-shadow:var(--shadow-2);background-origin:border-box;background-clip:padding-box,border-box;transform:translateY(-1px)}.runway .mark-animate{transition:transform .25s}.runway.is-over .mark-animate{transform:translate(6px,-6px)rotate(-6deg)}.runway-title{font-family:var(--font-display);font-weight:500;font-size:var(--t-16);color:var(--ink)}.runway-sub{font-size:var(--t-13);color:var(--slate-2);margin-top:2px}.runway-busy{position:absolute;bottom:12px;left:24px;right:24px}.pages{flex-direction:column;gap:14px;margin-top:22px;display:flex}.page-block{background:var(--paper);border:1px solid var(--mist);border-radius:var(--r-l)}.page-block-head{align-items:center;gap:12px;padding:14px 18px 12px;display:flex}.page-title{font-family:var(--font-display);font-weight:500;font-size:var(--t-16);color:var(--ink);background:0 0;border:1px solid #0000;border-radius:6px;min-width:60px;margin-left:-6px;padding:2px 6px}.page-title:hover{border-color:var(--mist)}.page-title:focus{border-color:var(--azure);box-shadow:var(--focus);background:#fff;outline:none}.page-meta{color:var(--slate-2);font-size:var(--t-13)}.variants{border-top:1px solid var(--mist-soft)}.variant-row{border-top:1px solid var(--mist-soft);align-items:center;gap:16px;min-height:52px;padding:10px 18px;display:flex}.variant-row:first-child{border-top:0}.variant-label{width:200px;min-width:0;font-family:var(--font-display);color:var(--blue);font-weight:600;font-size:var(--t-14);flex:none;align-items:center;gap:10px;display:flex}.variant-letter{background:var(--azure-soft);width:28px;height:28px;font-size:var(--t-13);border-radius:8px;flex:none;place-items:center;line-height:1;display:grid}.variant-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--slate-2);font-weight:400;font-family:var(--font-body);font-size:var(--t-13);cursor:text;text-align:left;background:0 0;border:0;border-radius:6px;flex:1;margin-left:-6px;padding:4px 6px;overflow:hidden}.variant-name:hover{background:var(--sky-deep);color:var(--ink)}.variant-name.is-empty{opacity:0;transition:opacity .12s}.variant-row:hover .variant-name.is-empty,.variant-name.is-empty:focus-visible{opacity:.7}.variant-name-input{min-width:0;height:28px;font-size:var(--t-13);flex:1;margin-left:-6px;padding:0 6px}.versions{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.version-btn{background:0 0;border:0;border-radius:6px;padding:0}.version-btn:hover .ref{background:var(--azure-soft)}.version-btn:hover .ref-latest{background:var(--azure-deep)}.version-btn.open .ref{box-shadow:var(--focus)}.drop-slot{border:1px solid var(--mist);height:28px;color:var(--slate-2);font-size:var(--t-13);cursor:pointer;white-space:nowrap;background:0 0;border-radius:7px;align-items:center;gap:6px;padding:0 10px;transition:all .15s;display:inline-flex}.drop-slot:hover{color:var(--ink);background:#fbfdff;border-color:#bfd3e6}.drop-slot.drag-armed{border-style:dashed;border-color:var(--azure);color:var(--azure-deep);background:var(--azure-soft)}.drop-slot.is-over{border-style:solid;border-color:var(--mint);background:var(--mint-soft);color:var(--mint-deep);transform:translateY(-1px)}.drop-slot svg{width:14px;height:14px}.new-variant{border-top:1px solid var(--mist-soft);padding:10px 18px 12px}.upload-row{color:var(--slate-2);font-size:var(--t-13);align-items:center;gap:10px;display:flex}.upload-row .progress{width:140px}.vpop{z-index:30;background:var(--paper);border:1px solid var(--mist);width:320px;box-shadow:var(--shadow-2);border-radius:12px;padding:14px;position:absolute;top:calc(100% + 8px);left:0}.vpop-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.vpop-meta{color:var(--slate-2);font-size:var(--t-12);line-height:1.5}.vpop .textarea{min-height:64px;font-size:var(--t-13);margin-top:10px}.vpop-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.settings{grid-template-columns:1fr;gap:20px;max-width:760px;display:grid}.panel{background:var(--paper);border:1px solid var(--mist);border-radius:var(--r-l);padding:22px 24px}.panel h2{font-size:var(--t-18);margin-bottom:4px}.panel .lead{color:var(--slate-2);margin-bottom:16px}.plan-line{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.plan-name{font-family:var(--font-display);font-weight:600;font-size:var(--t-24);color:var(--ink)}.pill{height:24px;font-size:var(--t-12);border-radius:999px;align-items:center;padding:0 9px;font-weight:500;display:inline-flex}.pill-mint{background:var(--mint-soft);color:var(--mint-deep)}.pill-blue{background:var(--azure-soft);color:var(--blue)}.pill-gray{background:var(--sky-deep);color:var(--slate)}.usage{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-top:18px;display:grid}.usage-item{border:1px solid var(--mist-soft);border-radius:10px;padding:12px 14px}.usage-num{font-family:var(--font-display);font-weight:600;font-size:var(--t-20);color:var(--ink)}.usage-label{font-size:var(--t-12);color:var(--slate-2)}.usage .progress{margin-top:8px}.member-row{border-top:1px solid var(--mist-soft);grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:10px 0;display:grid}.member-row:first-child{border-top:0}.invite-link{background:var(--sky);border:1px solid var(--mist);font-size:var(--t-13);word-break:break-all;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;display:flex}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:16px;display:grid}.plan-opt{border:1px solid var(--mist);border-radius:12px;padding:14px}.plan-opt.current{border-color:var(--azure);background:var(--azure-soft)}.plan-opt .plan-price{font-family:var(--font-display);font-weight:600;font-size:var(--t-20);color:var(--ink)}.plan-opt ul{color:var(--slate-2);font-size:var(--t-13);margin:8px 0 0;padding-left:16px}@media (width<=720px){.topbar-inner{gap:10px}.topbar-org{display:none}.app-main{padding:24px 16px 60px}.variant-row{flex-wrap:wrap;gap:8px 12px}.variant-label{width:100%}.page-head h1{font-size:var(--t-24)}}.stage{background-color:var(--sky);background-image:radial-gradient(#1a5a8c21 1px,#0000 1.2px);background-size:22px 22px;width:100%;height:100%;position:relative;overflow:hidden}.stage-fit{background:#fff}.stage-frame{background:#fff;border:0;width:100%;height:100%;display:block}.device{transform-origin:50%;border:1px solid var(--mist);box-shadow:var(--shadow-3);background:#fff;transition:width .25s,height .25s,border-radius .25s,transform .25s;position:absolute;top:50%;left:50%}.device-tablet,.device-mobile{background:#1d2733;border-color:#2c3947}.device-screen{background:#fff;border:0;display:block}.stage-size{font-size:var(--t-12);color:var(--slate-2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;border-radius:6px;padding:3px 8px;position:absolute;bottom:12px;right:14px}@media (prefers-reduced-motion:reduce){.device{transition:none}}.viewer{background:var(--sky);flex-direction:column;display:flex;position:fixed;inset:0}.viewer-bar{background:var(--ink);color:#fff;border-bottom:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:12px;min-height:56px;padding:0 16px;display:flex}.viewer-brand{opacity:.95;align-items:center;gap:7px;text-decoration:none;display:inline-flex}.viewer-brand:hover{opacity:1;text-decoration:none}.viewer-sep{background:#ffffff2e;width:1px;height:22px}.viewer-project{flex-direction:column;min-width:0;line-height:1.2;display:flex}.viewer-project-name{font-family:var(--font-display);font-weight:500;font-size:var(--t-14);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.viewer-project-client{font-size:var(--t-12);color:#fff9}.viewer-pickers{align-items:center;gap:8px;margin-left:6px;display:flex}.vbtn{color:#fff;height:36px;font-size:var(--t-14);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff24;border-radius:9px;align-items:center;gap:8px;padding:0 10px 0 12px;font-weight:500;transition:background .12s;display:inline-flex}.vbtn:hover{background:#ffffff1f}.vbtn svg{opacity:.7;width:14px;height:14px}.vbtn-static{cursor:default}.vbtn-static:hover{background:#ffffff0f}.vbtn-ref{padding-left:6px}.vbtn-ref-hint{font-size:var(--t-12);color:#ffffffa6;font-weight:400}.vmenu{width:320px;max-height:60vh;padding:4px;overflow:auto}.vmenu-group+.vmenu-group{border-top:1px solid var(--mist-soft);margin-top:6px;padding-top:6px}.vmenu-title{font-size:var(--t-12);color:var(--slate-2);padding:6px 8px 4px;font-weight:500}.vmenu-item{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:8px;align-items:flex-start;gap:10px;padding:8px;display:flex}.vmenu-item:hover{background:var(--sky-deep)}.vmenu-item.current{background:var(--azure-soft)}.vmenu-date{font-size:var(--t-13);display:block}.vmenu-note{font-size:var(--t-12);color:var(--slate-2);margin-top:2px;line-height:1.4;display:block}.viewer-devices{background:#ffffff0f;border-radius:10px;align-items:center;gap:4px;margin-left:auto;padding:4px;display:flex}.vdev{color:#ffffffbf;height:30px;font-size:var(--t-13);background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:0 10px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:inline-flex}.vdev svg{width:15px;height:15px}.vdev:hover:not(:disabled){color:#fff;background:#ffffff1a;text-decoration:none}.vdev.active{color:var(--ink);background:#fff}.vdev:disabled{opacity:.35;cursor:default}.vdev-icon{padding:0 8px}.viewer-stage{flex:1;min-height:0;position:relative}.viewer-note{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--mist);max-width:min(640px,100% - 32px);box-shadow:var(--shadow-2);font-size:var(--t-13);color:var(--ink);background:#ffffffeb;border-radius:10px;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.viewer-error,.viewer-loading{text-align:center;min-height:100vh;color:var(--slate-2);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.viewer-error h1{font-size:var(--t-24);margin-top:8px}@media (width<=860px){.viewer-bar{gap:8px;padding:8px 12px}.viewer-project,.viewer-sep{display:none}.viewer-devices{justify-content:space-between;width:100%;margin-left:0}.vdev span{display:none}.vdev{padding:0 10px}.vbtn{height:32px;font-size:var(--t-13)}}.landing{background:var(--sky)}.l-head{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f4f8fce0;position:sticky;top:0}.l-head-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.l-logo{text-decoration:none;display:inline-flex}.l-nav{align-items:center;gap:22px;display:flex}.l-nav a{color:var(--slate);font-weight:500;text-decoration:none}.l-nav a:hover{color:var(--ink)}.l-nav .btn{color:#fff}.hero{padding:48px 0 40px;overflow:hidden}.hero-inner{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:48px;display:grid}.hero-copy{max-width:480px}.hero-mark{margin-bottom:22px;animation:.9s cubic-bezier(.2,.7,.2,1) both glide}@keyframes glide{0%{opacity:0;transform:translate(-40px,30px)rotate(-8deg)}to{opacity:1;transform:none}}.hero h1{letter-spacing:-.028em;font-size:clamp(2.6rem,5.4vw,4rem);line-height:1.02}.hero-lead{font-size:var(--t-18);color:var(--slate);max-width:46ch;margin-top:22px;line-height:1.55}.hero-cta{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.hero-fine{font-size:var(--t-13);color:var(--slate-2);margin-top:14px}.hero-demo{background:var(--paper);border:1px solid var(--mist);box-shadow:var(--shadow-2);border-radius:18px;overflow:hidden}.demo-bar{background:var(--ink);color:#fff;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px 10px 16px;display:flex}.demo-title{font-family:var(--font-display);font-weight:500;font-size:var(--t-14)}.demo-devices{background:#ffffff12;border-radius:9px;align-items:center;gap:4px;margin-left:auto;padding:3px;display:flex}.demo-stage{height:440px}.demo-stage .stage-size{display:none}.section-title{text-align:left;letter-spacing:-.02em;margin-bottom:28px;font-size:clamp(1.7rem,3vw,2.25rem)}.how{padding:70px 0 30px}.steps{grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:0;list-style:none;display:grid}.steps li{background:var(--paper);border:1px solid var(--mist);border-radius:16px;padding:24px 24px 26px;position:relative}.step-n{background:var(--flight);color:#fff;width:32px;height:32px;font-family:var(--font-display);border-radius:10px;place-items:center;margin-bottom:14px;font-weight:600;display:inline-grid}.steps h3{font-size:var(--t-18);margin-bottom:8px}.steps p{color:var(--slate);line-height:1.55}.steps .ref{vertical-align:1px}.features{padding:50px 0 20px}.features-inner{grid-template-columns:repeat(3,1fr);gap:34px 40px;display:grid}.feature h3{font-size:var(--t-16);margin-bottom:6px}.feature p{color:var(--slate);line-height:1.55}.feature .ref{vertical-align:1px}.feature-demo{align-items:center;gap:6px;margin-top:12px;display:flex}.versions-demo-gap{width:14px}.pricing{padding:70px 0 60px}.plans{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;display:grid}.plan{background:var(--paper);border:1px solid var(--mist);border-radius:18px;flex-direction:column;padding:28px 26px;display:flex}.plan-featured{border-color:var(--azure);box-shadow:0 0 0 1px var(--azure), var(--shadow-2)}.plan h3{font-size:var(--t-18)}.plan-price{font-family:var(--font-display);font-weight:600;font-size:var(--t-38);color:var(--ink);letter-spacing:-.02em;margin:8px 0 14px}.plan-price span{font-size:var(--t-14);color:var(--slate-2);letter-spacing:0;margin-left:2px;font-weight:500}.plan ul{color:var(--slate);flex:1;gap:8px;margin:0 0 22px;padding:0;list-style:none;display:grid}.plan li:before{content:"";background:var(--mint);vertical-align:2px;border-radius:50%;width:6px;height:6px;margin-right:10px;display:inline-block}.pricing-fine{color:var(--slate-2);font-size:var(--t-13);margin-top:18px}.l-foot{border-top:1px solid var(--mist);padding:26px 0 36px}.l-foot-inner{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.l-foot-nav{gap:18px;margin-left:auto;display:flex}.l-foot-nav a{color:var(--slate-2);font-size:var(--t-13);text-decoration:none}.l-foot-nav a:hover{color:var(--ink)}@media (width<=960px){.hero-inner{grid-template-columns:1fr;gap:32px}.hero-copy{max-width:560px}.steps,.features-inner,.plans{grid-template-columns:1fr}.demo-stage{height:380px}}@media (width<=640px){.l-nav a:not(.btn){display:none}.hero{padding-top:28px}.demo-stage{height:320px}.demo-devices .vdev span{display:none}}