/* Workspaces lead; glass is reserved for controls. */
.hero-atmosphere{opacity:.35}.hero-copy{padding-bottom:5px}.nav{backdrop-filter:blur(22px)}
.tag{background:transparent;box-shadow:none;border-color:transparent;padding-left:0;color:#6e6e73}.price-card{background:#fff;backdrop-filter:none;border:1px solid #e0e3e4;box-shadow:0 12px 38px #2638490a}.price-card:before,.price-emblem{display:none}.price-card:hover{transform:none}.button.blue{background:#4778cb;box-shadow:inset 0 1px #fff3,0 2px 5px #223d6814}.button.blue:before{opacity:.3}.mountain-haze{opacity:.4}
.desktop-scene .note-card{background-image:linear-gradient(115deg,#fff2,transparent 45%,#51441a09);box-shadow:0 2px 3px #493e1912,3px 10px 20px -8px #493e1926}.desktop-scene .note-card textarea{font-family:var(--item-font,var(--hand));font-size:var(--item-size,16px);color:var(--item-ink,#30383d)}.desktop-scene .text-card.note-card{background-image:none;box-shadow:none}.desktop-scene .text-card.note-card textarea{font-family:var(--item-font,var(--sans));color:var(--text-color);font-size:var(--text-size)}.photo-card{box-shadow:1px 3px 5px #253a4914,3px 12px 25px -9px #253a4933}.desktop-scene .photo-card.frame-clean{padding:0;border-radius:9px;overflow:visible;background:transparent}.desktop-scene .photo-card.frame-clean img{border-radius:9px;display:block}.photo-card.frame-clean .photo-caption{display:none}.desktop-scene .photo-card.frame-tape{padding:0;background:transparent}.photo-card.frame-tape .photo-caption{padding:6px;font-size:11px}.card-menu .style-item-button{width:auto;padding:0 8px;font:11px var(--sans);height:24px}.style-inspector{position:absolute;width:228px;z-index:90;max-height:440px;overflow:auto;padding:15px;background:#ffffffed;backdrop-filter:blur(20px);border:1px solid #fff;border-radius:17px;box-shadow:0 12px 35px #18354d26;font:12px var(--sans);animation:inspector-in .18s ease}.style-inspector[hidden]{display:none}.inspector-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.inspector-title strong{font-size:13px;font-weight:600}.inspector-title button{border:0;background:#edf0f2;border-radius:50%;width:23px;height:23px;font-size:17px}.style-inspector>p{font-size:10px;line-height:1.5;color:#7c838a;margin:7px 0 14px}.inspector-field{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;font-size:11px}.inspector-field select,.inspector-field input[type=text]{width:110px;max-width:60%;border:1px solid #dde3e6;border-radius:7px;padding:6px;background:#f8f9fa;font:11px var(--sans)}.inspector-field input[type=color]{width:30px;height:25px;padding:0;border:0;background:none}.board-card.selected:after{border-color:#467bcd99}
.workflow-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,1fr);gap:50px;align-items:start;margin-top:35px}.workflow-sticky{position:sticky;top:130px;min-width:0}.workflow-tabs{display:flex;gap:4px;background:#e9ecec;border-radius:30px;padding:4px;margin-bottom:14px}.workflow-tabs button{flex:1;border:0;background:transparent;color:#7a828a;padding:9px 4px;border-radius:24px;font:11px var(--sans);transition:background .3s,color .3s,box-shadow .3s}.workflow-tabs button[aria-pressed=true]{background:#fff;color:#243b52;box-shadow:0 2px 5px #0001}.workflow-desktop{position:relative;aspect-ratio:1.1;background:#f2f3ee;background-image:radial-gradient(#a9b4ad40 .65px,transparent .65px);background-size:18px 18px;border:5px solid #333a40;border-bottom-width:10px;border-radius:14px;overflow:hidden;isolation:isolate}.flow-os{position:absolute;top:8%;left:4%;font-size:22px;color:#7090a0;display:grid;justify-items:center;gap:8px}.flow-os small{font:7px var(--sans);margin-bottom:12px}.flow-heading{position:absolute;top:7%;left:24%;font:12px var(--sans);color:#7c8883}.flow-thought,.flow-checklist{position:absolute;padding:20px 16px;width:43%;font:17px/1.45 var(--hand);box-shadow:2px 8px 17px #3b462a1c;transition:translate .85s cubic-bezier(.2,.8,.2,1),rotate .85s,scale .85s,opacity .65s;transform-origin:center;will-change:auto}.flow-thought{left:20%;top:22%;background:#f1dfa0;rotate:-4deg;z-index:4}.flow-thought small{display:block;font-size:12px;margin-top:18px}.flow-checklist{right:7%;top:44%;width:44%;font-size:13px;background:#dce5ce;rotate:5deg;z-index:5;opacity:0;translate:25px 30px}.flow-checklist strong{display:block;font-size:16px;font-weight:400;margin-bottom:13px}.flow-checklist span{display:block;margin:7px 0}.flow-photo{position:absolute;left:9%;top:47%;width:38%;margin:0;padding:6px 6px 20px;background:#fff;box-shadow:0 10px 18px #24334825;rotate:-7deg;z-index:6;opacity:0;translate:-30px 35px;transition:translate .9s cubic-bezier(.2,.8,.2,1),rotate .9s,scale .9s,opacity .6s}.flow-photo img{width:100%;height:155px;object-fit:cover;object-position:50% 20%;display:block}.flow-photo figcaption{font:8px var(--hand);text-align:center;margin-top:5px;white-space:nowrap}.flow-ink{position:absolute;width:60%;height:auto;left:32%;top:27%;stroke:#597a91;stroke-width:2;opacity:0;transition:opacity .5s}.flow-group{position:absolute;z-index:7;bottom:13%;left:15%;width:72%;padding:12px 14px;border:1px solid #fff;background:#ffffffe0;box-shadow:0 5px 16px #394d5314;border-radius:9px;font:12px var(--sans);opacity:0;translate:0 20px;transition:opacity .5s,translate .7s}.flow-group span{font-size:9px;color:#91999c;margin-left:12px}.flow-group b{float:right;font-weight:400}.flow-taskbar{position:absolute;bottom:0;left:0;right:0;height:28px;background:#eaf0f2d9;border-top:1px solid white;display:flex;align-items:center;justify-content:center;gap:12px;color:#618bac;font-size:16px}.flow-taskbar span{font:7px var(--sans);padding:3px 14px;background:#fff8;border-radius:15px}.flow-taskbar img{width:15px;height:15px}.workflow-desktop[data-stage="1"] .flow-checklist,.workflow-desktop[data-stage="2"] .flow-checklist,.workflow-desktop[data-stage="3"] .flow-checklist{opacity:1;translate:0 0}.workflow-desktop[data-stage="1"] .flow-thought,.workflow-desktop[data-stage="2"] .flow-thought{translate:0 -20px;rotate:-3deg}.workflow-desktop[data-stage="2"] .flow-photo,.workflow-desktop[data-stage="3"] .flow-photo{opacity:1;translate:0 0}.workflow-desktop[data-stage="2"] .flow-ink{opacity:.7}.workflow-desktop[data-stage="3"] .flow-thought{translate:55px 25px;rotate:-6deg;scale:.85}.workflow-desktop[data-stage="3"] .flow-checklist{translate:-10px -65px;rotate:4deg;scale:.85}.workflow-desktop[data-stage="3"] .flow-photo{translate:80px -65px;rotate:-1deg;scale:.85}.workflow-desktop[data-stage="3"] .flow-group{opacity:1;translate:0 0}.workflow-desktop[data-stage="3"].stack-open .flow-thought{translate:-20px -30px;rotate:-8deg;scale:1}.workflow-desktop[data-stage="3"].stack-open .flow-checklist{translate:15px 0;rotate:5deg;scale:1}.workflow-desktop[data-stage="3"].stack-open .flow-photo{translate:0 0;rotate:-5deg;scale:1}.flow-status{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:11px;color:#818b90}.flow-status>span{width:5px;height:5px;border-radius:50%;background:#7b9988}.flow-status p{flex:1;line-height:1.5}.flow-status button{border:0;background:transparent;font-size:20px;color:#82909a}.workflow-steps article{min-height:53vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;opacity:.38;transition:opacity .6s;padding:30px 0}.workflow-steps article.is-current{opacity:1}.workflow-steps article>span{font-size:10px;letter-spacing:.06em;color:#83918d;margin-bottom:18px;font-weight:600}.workflow-steps h3{font-size:32px;font-weight:600;line-height:1.12;letter-spacing:-.04em}.workflow-steps p{font-size:15px;line-height:1.6;color:#737b7e;margin-top:17px}.workflow-steps .text-link{background:none;border:0;padding:0;font:12px var(--sans);margin-top:18px;color:#4c75a6}.workflow-desktop.is-replaying .flow-thought{animation:paper-replay 1.2s both}.workflow-desktop.is-replaying .flow-ink path{stroke-dasharray:500;stroke-dashoffset:500;animation:workflow-ink 1.1s ease forwards}
.native-section{background:#edf0ed}.native-media{position:relative;border:1px solid #d8dedb;border-radius:18px;overflow:hidden;background:#dfe6e3}.native-media video{width:100%;height:auto;display:block}.native-label{font:11px var(--sans);color:#75817d;margin-top:14px}.native-points{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:26px;font-size:13px;color:#717c79}.native-points b{font-size:10px;display:block;color:#a0aaa5;margin-bottom:7px}.setup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.setup-art{height:180px;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative;background:#ecefec;margin-bottom:23px;overflow:hidden}.setup-number{font-size:10px;color:#98a19d}.setup-grid h3{font-size:20px;font-weight:600;letter-spacing:-.025em;margin:8px 0}.setup-grid p{font-size:14px;color:#7d8581;line-height:1.6}.displays-art>span{width:80px;height:55px;border:3px solid #65787e;border-bottom-width:6px;border-radius:5px;background:linear-gradient(140deg,#d6e3df,#f8faf5);margin:0 3px;position:relative}.displays-art>span:after{content:'';position:absolute;width:26px;height:3px;background:#788a90;bottom:-14px;left:24px}.displays-art>span:nth-child(2){width:60px;height:70px;align-self:center}.displays-art>i{position:absolute;top:38px;right:35px;background:#7c9c8b;color:white;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:13px;font-style:normal}.canvas-art{gap:0}.setup-canvas{width:70px;height:90px;border:3px solid white;border-radius:8px;box-shadow:0 6px 13px #33443c18;margin:-6px;rotate:-8deg;background:#fafaf4}.setup-canvas.sage{background:#dce5d3;rotate:2deg;translate:0 -6px}.setup-canvas.dark{background:#344254;rotate:10deg}.note-setup-art>span{display:block;background:#efe0a5;padding:15px;width:170px;rotate:-5deg;font:14px var(--hand);box-shadow:2px 6px 13px #5a52361a}.note-setup-art b{display:block;font:16px var(--hand);margin-top:13px}.note-setup-art i{font:18px var(--sans);color:#697a83}.purchase-facts{list-style:none;padding:0;margin:23px 0 0;font:12px/2 var(--sans);color:#75807c}.purchase-facts li:before{content:'✓';margin-right:9px;color:#77988b}.download-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.download-specs span{font:10px var(--sans);color:#929a9e}.download-specs b{display:block;font-size:12px;font-weight:500;color:#4b5961;margin-top:6px}.beta-notice{padding:12px 14px;background:#f1eee5;border-radius:10px;font-size:12px!important;color:#88794f!important;line-height:1.5!important;text-align:left}.download-steps{text-align:left;font:13px/1.8 var(--sans);color:#6e7a80;padding-left:22px;margin:20px 0}.price-card .price-rule{margin-top:20px}
@keyframes inspector-in{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}@keyframes paper-replay{from{opacity:.2;filter:blur(3px)}to{opacity:1;filter:blur(0)}}@keyframes workflow-ink{to{stroke-dashoffset:0}}
@media(max-width:900px){.workflow-layout{gap:25px;grid-template-columns:1.25fr 1fr}.flow-thought{font-size:15px;padding:15px 12px}.flow-thought small{font-size:11px}.flow-photo img{height:125px}.flow-checklist{font-size:11px;padding:13px 9px}.flow-checklist strong{font-size:13px}.workflow-steps h3{font-size:28px}.setup-grid{gap:15px}.setup-art{height:145px}}
@media(max-width:700px){.workflow-layout{display:block}.workflow-sticky{top:80px;z-index:5;background:#f5f6f5;padding:8px 0 12px}.workflow-desktop{aspect-ratio:1.15}.workflow-tabs{margin-bottom:10px}.workflow-tabs button{font-size:10px;padding:7px 3px}.workflow-steps article{min-height:42vh;padding:35px 10px;opacity:.5}.workflow-steps h3{font-size:28px}.workflow-steps p{font-size:15px;max-width:300px}.flow-thought{font-size:14px}.flow-thought small{font-size:10px;margin-top:10px}.flow-photo img{height:100px}.flow-photo figcaption{font-size:6px}.flow-checklist{font-size:10px}.flow-checklist strong{font-size:12px;margin-bottom:8px}.flow-heading{font-size:10px}.flow-group{padding:9px 12px;font-size:10px}.flow-status{font-size:9px;margin-top:9px}.native-points{grid-template-columns:1fr;gap:16px;font-size:13px}.native-points b{display:inline;margin-right:8px}.setup-grid{grid-template-columns:1fr;gap:30px}.setup-grid article{display:grid;grid-template-columns:105px 1fr;column-gap:18px}.setup-art{grid-row:1/4;height:120px;margin:0}.setup-number{align-self:end}.setup-grid h3{font-size:18px;margin:6px 0}.setup-grid p{font-size:13px}.displays-art>span{width:40px;height:30px;border-width:2px}.displays-art>span:nth-child(2){width:30px;height:40px}.displays-art>span:after{width:16px;left:10px;bottom:-10px}.displays-art>i{right:10px;top:18px;font-size:10px;width:16px;height:16px}.setup-canvas{width:36px;height:65px;border-width:2px}.note-setup-art>span{width:85px;font-size:10px;padding:9px}.note-setup-art b{font-size:12px}.style-inspector{width:210px;padding:12px;max-height:360px}.download-specs{gap:8px}.download-specs b{font-size:11px}.hero-copy>p br{display:none}}
@media(prefers-reduced-motion:reduce){.workflow-desktop *, .workflow-steps article{transition:none!important;animation:none!important}.style-inspector{animation:none}.flow-ink path{stroke-dashoffset:0!important}}

.native-interface{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;padding:35px;border:1px solid #dce2dd;border-radius:20px;background:#f6f8f5}.native-guide{margin:0}.native-guide img{width:100%;display:block;border-radius:8px;box-shadow:0 12px 30px #32443b17}.native-guide figcaption{font:10px var(--sans);color:#8a9690;margin-top:14px}.native-control-detail h3{font:600 30px/1.1 var(--sans);letter-spacing:-.04em;margin:14px 0 24px}.native-control-detail img{width:100%;max-width:336px;border-radius:10px}.native-control-detail p{font:14px/1.6 var(--sans);color:#7b8781;margin:18px 0}.native-control-detail .text-link{font:12px var(--sans);color:#5079a3}@media(max-width:700px){.native-interface{grid-template-columns:1fr;gap:30px;padding:20px}.native-control-detail h3{font-size:26px}.native-control-detail p{font-size:13px}}

.native-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:7px;padding:20px 27px;border-radius:20px;background:#fffffff0;border:1px solid #fff;backdrop-filter:blur(18px);box-shadow:0 10px 35px #243b5526;color:#263848;max-width:85%;white-space:nowrap}.native-play[hidden]{display:none}.native-play>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#4f7dcc;color:white;font-size:13px;padding-left:2px;margin-bottom:4px}.native-play strong{font:600 14px var(--sans);letter-spacing:-.02em}.native-play small{font:11px var(--sans);color:#82909b}.native-media video{aspect-ratio:16/9;background:#edf0ec}.native-play:hover{background:white;box-shadow:0 12px 35px #243b5536}@media(max-width:700px){.native-play{padding:12px 16px;gap:4px;border-radius:14px}.native-play>span{width:28px;height:28px;font-size:11px}.native-play strong{font-size:11px}.native-play small{font-size:8px}.native-label{font-size:10px}}
