.notes-device{width:min(330px,90%);margin:auto;background:#fff;border:10px solid #0b2d5b;border-radius:32px;padding:18px;box-shadow:0 24px 60px rgba(11,45,91,.24);transform:rotate(2deg)}.notes-device-bar{display:flex;align-items:center;gap:9px;margin-bottom:15px}.notes-device-bar img{width:30px}.notes-device-search{background:#f0f4f9;color:#8492a6;padding:10px;border-radius:9px;font-size:12px}.notes-device-card{padding:13px;margin-top:10px;border:1px solid #dbe3ef;border-radius:11px}.notes-device-card b,.notes-device-card span{display:block}.notes-device-card span{font-size:10px;color:#14b8a6;margin:5px 0}.notes-device-card p{font-size:12px;margin:0;color:#52657d}.notes-device-card.accent{border-left:5px solid #2563ff}.notes-device-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.notes-device-actions i{font-style:normal;text-align:center;color:#fff;background:#2563ff;padding:10px 4px;border-radius:9px;font-size:11px}.notes-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:18px;align-items:center;max-width:1050px;margin:auto}.notes-flow article{height:100%;padding:24px;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(11,45,91,.08)}.notes-flow article span{display:grid;place-items:center;background:#14b8a6;color:#fff;width:34px;height:34px;border-radius:50%;margin-bottom:15px}.notes-flow article b{font-size:19px}.notes-flow article p{color:#64748b;line-height:1.5}.notes-flow>i{font-style:normal;color:#2563ff;font-size:30px}.notes-import-section{padding:90px max(5vw,30px);display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:#0b2d5b;color:#fff}.notes-import-section h2{font-size:clamp(30px,4vw,52px);margin:8px 0}.notes-import-section p{line-height:1.6;color:#ced9e8}.import-badges{display:flex;flex-wrap:wrap;gap:10px}.import-badges span{padding:11px 14px;border-radius:99px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2)}.notes-pricing{grid-template-columns:repeat(3,1fr)}@media(max-width:800px){.notes-flow{grid-template-columns:1fr}.notes-flow>i{transform:rotate(90deg);justify-self:center}.notes-import-section{grid-template-columns:1fr;padding:60px 24px}.notes-pricing{grid-template-columns:1fr}}
.notes-encryption-splash{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;width:min(1180px,calc(100% - 40px));margin:-18px auto 64px;padding:30px 34px;overflow:hidden;border:1px solid rgba(20,184,166,.32);border-radius:24px;background:linear-gradient(125deg,#071f42 0,#0b2d5b 58%,#0d5b70 100%);box-shadow:0 22px 55px rgba(11,45,91,.2);color:#fff}.notes-encryption-splash:after{content:'';position:absolute;width:260px;height:260px;right:-95px;top:-135px;border-radius:50%;background:rgba(20,184,166,.2)}.encryption-shield{position:relative;z-index:1;display:grid;place-items:center;width:86px;height:86px;border:1px solid rgba(255,255,255,.22);border-radius:24px;background:rgba(255,255,255,.1)}.encryption-shield svg{width:54px;height:54px}.encryption-shield path:first-child{fill:#14b8a6}.encryption-shield rect{fill:#fff}.encryption-shield path:last-child{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round}.notes-encryption-splash h2{margin:4px 0 8px;font-size:clamp(26px,3vw,40px);letter-spacing:-.03em}.notes-encryption-splash p:not(.eyebrow){max-width:760px;margin:0;color:#d9e7f4;line-height:1.6}.notes-encryption-splash small{display:block;max-width:780px;margin-top:13px;color:#aebfd1;line-height:1.5}.encryption-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.encryption-points span{padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:99px;background:rgba(255,255,255,.08);font-size:.78rem;font-weight:750}.encryption-link{position:relative;z-index:1;min-width:170px;color:#fff!important;font-weight:800;line-height:1.4}.encryption-link span{color:#2ee0cc;font-size:1.3rem}@media(max-width:760px){.notes-encryption-splash{grid-template-columns:1fr;margin-top:20px;padding:26px}.encryption-shield{width:68px;height:68px}.encryption-shield svg{width:44px}.encryption-link{min-width:0}}

.notes-explainer{flex:0 0 100%;width:100%;min-width:0;margin:0}.notes-explainer figcaption{margin-bottom:12px;color:var(--navy);font-weight:750}.notes-explainer figcaption small{display:block;margin-top:4px;color:var(--muted);font-size:.8rem;font-weight:400}.notes-explainer video{display:block;width:100%;height:auto;aspect-ratio:16/9;border:1px solid var(--line);border-radius:14px;background:#0b2d5b}