html,body{margin:0;padding:0;overflow-x:hidden}#root{box-sizing:border-box;width:100%;min-height:100svh}@media (width<=768px){.nav-download-label{display:none}}:root{--ink:#0b0b0f;--ink-2:#2a2a30;--muted:#6b7280;--line:#e4e4e7;--paper:#f1f1f3;--paper-2:#ececee;--card:#fff;--blue:#27aae1;--blue-2:#1e89b6;--blue-soft:#dfeef7;--orange:#eb6a2e;--radius:22px;--radius-sm:14px;--maxw:1240px;--shadow-sm:0 1px 2px #0f141e0a, 0 2px 8px #0f141e0a;--shadow-md:0 8px 24px #0f141e0f, 0 1px 2px #0f141e0a;--shadow-lg:0 30px 70px -20px #0f141e2e, 0 8px 20px #0f141e0f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-feature-settings:"ss01", "cv11";color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:DM Sans,-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif;line-height:1.45}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}.nav{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(16px);background:#f1f1f3c7;border-bottom:1px solid #0f141e0f;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:24px;height:68px;display:flex}.brand{letter-spacing:.04em;color:var(--blue);align-items:center;gap:8px;font-size:22px;font-weight:800;display:inline-flex}.brand-dot{background:var(--blue);border-radius:50%;width:10px;height:10px;display:inline-block}.nav-links{gap:28px;display:flex}.nav-links a{color:var(--ink-2);border-radius:8px;padding:8px 4px;font-size:14.5px;font-weight:500}.nav-links a:hover{color:var(--blue)}.nav-cta{align-items:center;gap:10px;display:inline-flex}.btn{border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14.5px;font-weight:600;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.btn-ghost{color:var(--ink)}.btn-ghost:hover{color:var(--blue)}.btn-primary{background:var(--ink);color:#fff;box-shadow:inset 0 1px #ffffff0d,0 6px 16px #0b0b0f2e}.btn-primary:hover{background:#16161b;transform:translateY(-1px)}.btn-blue{background:var(--blue);color:#fff;box-shadow:0 6px 18px #27aae159}.btn-blue:hover{background:var(--blue-2);transform:translateY(-1px)}.btn-lg{padding:14px 24px;font-size:16px}.hero{box-sizing:border-box;align-items:center;height:95dvh;min-height:600px;padding:100px 0 40px;display:flex;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:0 40px;width:100%;height:100%;display:grid}.hero-copy{flex-direction:column;gap:22px;min-width:0;display:flex}.hero-title{letter-spacing:-.04em;color:var(--blue);margin:0;font-size:88px;font-weight:900;line-height:.95}.accorda-wordmark{display:inline-block;position:relative}.accorda-sparkle{pointer-events:none;width:100px;height:auto;position:absolute;top:-36px;right:-50px;transform:rotate(8deg)}.hero-subtitle{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:clamp(20px,2vw,28px);font-weight:700;line-height:1.2}.hero-desc{color:var(--ink-2);max-width:480px;margin:0;font-size:clamp(15px,1.2vw,17px);line-height:1.55}.hero-cta{flex-wrap:wrap;align-items:center;gap:16px;margin:16px 0 0;display:flex}.app-store-cta{transition:transform .15s;display:inline-block}.app-store-cta:hover{transform:translateY(-1px)}.app-store-cta img{display:block}.hero-phone{justify-content:center;align-items:center;height:100%;min-height:0;display:flex;position:relative}.hero-phone img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.promise{background:var(--ink);color:#fff;width:100%;padding:clamp(60px,9vw,120px) 24px;position:relative;overflow:hidden}.promise:before{content:"";filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#27aae159,#0000 60%);width:700px;height:700px;position:absolute;inset:-50% -10% auto auto}.promise .wrap{z-index:1;padding:0 8px;position:relative}.promise-text{text-align:center;letter-spacing:-.02em;color:#f2f2f2;max-width:1000px;margin:0 auto;font-size:clamp(22px,2.5vw,36px);font-weight:700;line-height:1.2}.replaces-row{grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px;margin:0 auto;display:grid}.replaces-card{background:var(--card);text-align:left;border:1px solid #0b0b0f0f;border-radius:18px;flex-direction:column;gap:10px;padding:22px 18px;display:flex}.replaces-ic{background:var(--blue-soft);width:44px;height:44px;color:var(--blue);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.replaces-card b{color:var(--ink);letter-spacing:-.005em;margin-top:4px;font-size:15.5px;font-weight:700}.replaces-card span{color:var(--muted);font-size:12.5px;-webkit-text-decoration:line-through #0b0b0f59;text-decoration:line-through #0b0b0f59;text-decoration-thickness:1px}section.block{padding:56px 0;position:relative}.section-head{text-align:center;max-width:760px;margin:0 auto 24px}.section-eyebrow{color:var(--blue);letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-weight:600}.section-title{letter-spacing:-.02em;margin:12px 0 16px;font-size:clamp(36px,4.4vw,60px);font-weight:800;line-height:1.02}.section-title .blue{color:var(--blue)}.section-sub{color:var(--ink-2);max-width:620px;margin:0 auto;font-size:19px}.feature{max-width:var(--maxw);grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin:0 auto;padding:60px 28px;display:grid}.feature.reverse .feature-media{order:2}.feature-eyebrow{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;font-size:13.5px;font-weight:600}.feature h2{letter-spacing:-.025em;margin:14px 0 20px;font-size:clamp(34px,3.6vw,52px);font-weight:800;line-height:1.02}.feature h2 .blue{color:var(--blue)}.feature p{color:var(--ink-2);max-width:480px;font-size:18px;line-height:1.55}.feature ul{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.feature li{color:var(--ink);align-items:flex-start;gap:12px;font-size:15.5px;display:flex}.feature li svg{color:var(--blue);flex:0 0 22px;margin-top:1px}.feature-media{aspect-ratio:9/16;border-radius:var(--radius);background:var(--paper-2);max-height:720px;position:relative;overflow:hidden}.feature-media img{object-fit:cover;object-position:center;width:100%;height:100%}.feature.feature-card .feature-media{aspect-ratio:auto;background:0 0;border-radius:0;max-height:none;position:relative;overflow:visible}.feature.feature-card .feature-media img:not(.feature-sketch){object-fit:contain;width:100%;height:auto}.feature-sketch{pointer-events:none;filter:none;position:absolute}.feature-sketch.sketch-sparkleLeft{width:168px;height:auto;top:-36px;right:-10px;transform:rotate(-6deg)}.feature-sketch.sketch-pencil{width:110px;height:auto;bottom:-50px;left:-50px;transform:rotate(-12deg)}.pricing-pencil{pointer-events:none;opacity:.95;width:96px;height:auto;position:absolute;top:-36px;right:-72px;transform:rotate(18deg)}.catalog-row{scrollbar-width:none;margin:0 -28px;padding:0 28px;overflow-x:auto}.catalog-row::-webkit-scrollbar{display:none}.catalog-row img{width:100%;min-width:1100px;height:auto}.catalog-meta{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:56px;display:grid}.catalog-meta>div{background:var(--card);border:1px solid #0b0b0f0d;border-radius:16px;padding:18px 22px}.catalog-meta b{color:var(--ink);font-size:16px;font-weight:700;display:block}.catalog-meta span{color:var(--muted);font-size:14px}.users-row{scrollbar-width:none;margin:0 -28px;padding:0 28px;overflow-x:auto}.users-row::-webkit-scrollbar{display:none}.users-row img{width:100%;min-width:1100px;height:auto}.role-legend{color:var(--ink-2);flex-wrap:wrap;justify-content:center;gap:28px;margin-top:40px;font-size:14.5px;display:flex}.role-legend .dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.alias-row{max-width:600px;margin:0 auto}.alias-row img{width:100%;height:auto}.alias-meta{grid-template-columns:repeat(4,1fr);gap:24px;max-width:1100px;margin:56px auto 0;display:grid}.alias-meta>div{background:var(--card);border:1px solid #0b0b0f0d;border-radius:16px;padding:18px 22px}.alias-meta b{color:var(--ink);font-size:16px;font-weight:700;display:block}.alias-meta span{color:var(--muted);font-size:14px}.stems-vis{justify-content:center;display:flex}.stems-vis img{width:100%;max-width:380px;height:auto}.comments-vis{justify-content:center;display:flex}.comments-vis img{width:100%;max-width:460px;height:auto}.devices-stack{justify-content:center;max-width:1100px;margin:0 auto;display:flex;position:relative}.device-mac{z-index:1;width:100%;max-width:700px;margin-left:-120px;position:relative}.device-mac img{width:100%;height:auto;display:block}.device-ipad{z-index:2;width:60%;max-width:480px;height:auto;position:absolute;top:auto;bottom:0;right:-10px}.device-ipad img{width:100%;height:auto;display:block}.devices-meta{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:120px auto 0;display:grid}.devices-meta>div{background:var(--card);border:1px solid #0b0b0f0d;border-radius:16px;padding:22px 24px}.devices-meta b{color:var(--ink);margin-bottom:6px;font-size:16px;font-weight:700;display:block}.devices-meta span{color:var(--muted);font-size:14px;line-height:1.5}#pricing .persona{transition:none}#pricing .persona:hover{box-shadow:var(--shadow-sm);border-color:#0b0b0f0a;transform:none}.compare{background:var(--card);box-shadow:var(--shadow-sm);border:1px solid #0b0b0f0d;border-radius:22px;margin-top:72px;overflow:hidden}.compare-head{background:var(--card);border-bottom:1px solid #0b0b0f14;grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.compare-plan{letter-spacing:-.005em;color:var(--ink);text-align:left;padding:22px 24px;font-size:17px;font-weight:700}.compare-plan.is-featured{color:var(--blue)}.compare-section{padding:0}.compare-section-title{letter-spacing:.06em;color:var(--muted);padding:28px 24px 12px;font-size:13.5px;font-weight:500}.compare-row{border-top:1px solid #0b0b0f0f;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;display:grid}.compare-feature{color:var(--ink);letter-spacing:-.005em;padding:18px 24px;font-size:15px;font-weight:600}.compare-cell{color:var(--ink-2);align-items:center;padding:18px 24px;font-size:15px;display:flex}.compare-cell.is-featured{background:#27aae10a}.compare-cell svg{display:block}.mosaic{grid-template-columns:repeat(6,1fr);gap:18px;margin-top:60px;display:grid}.mosaic-card{background:var(--card);box-shadow:var(--shadow-md);aspect-ratio:3/4;border-radius:20px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.mosaic-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.mosaic-card img{object-fit:cover;object-position:center 30%;width:100%;height:100%}.mosaic-card .cap{color:var(--ink);background:linear-gradient(#fff0,#fffffff5 70%);padding:16px 18px;font-size:15px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.mosaic-card.x-2{grid-column:span 2}.mosaic-card.x-3{grid-column:span 3}.mosaic-card.x-4{grid-column:span 4}.versions-vis{gap:14px;max-width:360px;padding:30px;display:grid;position:relative}.ver-pill{background:var(--card);border-radius:24px;justify-content:center;align-items:center;padding:22px 64px;font-size:22px;font-weight:700;display:flex;position:relative}.ver-pill.dim{color:#b8b8bd;background:0 0;border:2px solid #d6d6da}.ver-pill.mid{color:#6b6b72;background:0 0;border:2px solid #9a9aa0}.ver-pill.live{color:#2a2a30;background:0 0;border:2px solid #4a4a50}.ver-pill.master{background:var(--ink);color:#fff;box-shadow:var(--shadow-md)}.ver-tag{border-radius:999px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:700;position:absolute;top:-10px;right:-10px;transform:rotate(6deg)}.ver-tag.demo{background:var(--orange);color:#fff;font-family:inherit;font-size:14px;font-weight:700;transform:none}.ver-tag.live{background:var(--blue);color:#fff;font-family:inherit;font-size:14px;font-weight:700;transform:none}.ver-note{color:var(--blue);font-family:inherit;font-size:22px;font-weight:700;line-height:1.1;position:absolute;top:60%;left:-76px;transform:rotate(-8deg)}.personas{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px;display:grid}.persona{background:var(--card);border:1px solid #0b0b0f0f;border-radius:22px;flex-direction:column;padding:32px;display:flex}.persona .ic{background:var(--blue-soft);width:44px;height:44px;color:var(--blue);border-radius:12px;justify-content:center;align-items:center;margin-bottom:18px;display:inline-flex}.persona h3{letter-spacing:-.01em;margin:0 0 8px;font-size:22px;font-weight:700}.persona p{color:var(--muted);margin:0;font-size:15px;line-height:1.55}.steps{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px;display:grid}.step{background:var(--card);border:1px solid #0b0b0f0d;border-radius:20px;padding:28px 24px;position:relative}.step-num{background:var(--blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:inline-flex}.step h3{margin:18px 0 8px;font-size:17px;font-weight:700}.step p{color:var(--muted);margin:0;font-size:14.5px;line-height:1.5}.steps-arrow{z-index:3;pointer-events:none;justify-content:center;margin:-144px 0 -120px;display:flex;position:relative}.steps-arrow img{transform-origin:50%;width:260px;height:auto;transform:rotate(80deg)}.quote-block{background:var(--ink);color:#fff;border-radius:28px;max-width:1140px;margin:0 auto;padding:70px 60px;position:relative;overflow:hidden}.quote-block:before{content:"";filter:blur(20px);background:radial-gradient(circle,#27aae159,#0000 60%);width:600px;height:600px;position:absolute;inset:-50% -10% auto auto}.quote-eyebrow{color:var(--blue);letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-weight:600}.quote-text{letter-spacing:-.015em;z-index:1;margin:18px 0 32px;font-size:1.5rem;font-weight:600;line-height:1.25;position:relative}.quote-who{z-index:1;align-items:center;gap:14px;display:flex;position:relative}.quote-who .av{border:2px solid var(--blue);object-fit:cover;border-radius:50%;flex-shrink:0;width:48px;height:48px}.quote-who b{font-size:15px;font-weight:700;display:block}.quote-who span{color:#fff9;font-size:14px}.cta{text-align:center;padding:120px 0;position:relative;overflow:hidden}.cta:before{content:"";pointer-events:none;background:radial-gradient(circle,#27aae12e,#0000 65%);border-radius:50%;width:700px;height:700px;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.cta h2{letter-spacing:-.03em;z-index:1;font-size:clamp(44px,6vw,88px);font-weight:800;line-height:.96;position:relative}.cta-icon{z-index:1;border-radius:22px;width:96px;height:96px;margin:0 auto 28px;display:block;position:relative;box-shadow:0 18px 50px #27aae159,inset 0 1px #fff9}.cta h2 .blue{color:var(--blue)}.cta p{color:var(--ink-2);z-index:1;max-width:540px;margin:22px auto 36px;font-size:19px;position:relative}.cta-row{z-index:1;flex-wrap:wrap;justify-content:center;gap:12px;display:inline-flex;position:relative}.app-badge{background:var(--ink);color:#fff;border:1px solid #0b0b0f1f;border-radius:14px;align-items:center;gap:10px;padding:12px 22px;transition:background .2s,transform .15s;display:inline-flex}.app-badge small{opacity:.7;letter-spacing:.06em;text-transform:uppercase;font-size:10px;line-height:1.2;display:block}.app-badge b{letter-spacing:-.01em;font-size:18px;font-weight:600;line-height:1.1;display:block}.app-badge:hover{background:#16161b;transform:translateY(-2px)}.footer{background:#ececee;border-top:1px solid #0b0b0f0f;padding:60px 0 80px}.footer-grid{grid-template-columns:1fr;align-items:flex-start;gap:32px;display:grid}.footer h5{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 16px;font-size:13px;font-weight:600}.footer ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.footer ul a{color:var(--ink-2);font-size:14.5px}.footer ul a:hover{color:var(--blue)}.footer-brand p{color:var(--muted);max-width:320px;margin:14px 0 0;font-size:14px;line-height:1.6}.footer-base{color:var(--muted);border-top:1px solid #0b0b0f0f;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:50px;padding-top:24px;font-size:13px;display:flex}.scribble{color:var(--blue)}@media (width<=880px){.hero{padding:80px 0 24px}.hero-grid{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;gap:20px 0}.hero-copy{text-align:center;grid-row:2;align-items:center;gap:8px}.hero-phone{grid-row:1;min-height:0;overflow:hidden}.hero-phone img{max-height:100%;margin:0 auto}.hero-cta{justify-content:center}.hero-title{font-size:clamp(56px,14vw,80px)}.hero-subtitle{font-size:clamp(18px,4.5vw,24px)}.hero-desc{padding:0 8px;font-size:15px}.accorda-sparkle{width:80px;top:-32px;right:-36px}#stems>.wrap,#versions>.wrap,#comments>.wrap{grid-template-columns:1fr!important;gap:32px!important}.feature{grid-template-columns:1fr;gap:32px;padding:50px 28px}.feature.reverse .feature-media{order:0}.feature-media{aspect-ratio:9/16;max-width:460px;max-height:none;margin:0 auto}.feature-media img{object-position:center 62%}.mosaic{grid-template-columns:repeat(4,1fr)}.mosaic-card.x-3,.mosaic-card.x-4{grid-column:span 2}.catalog-meta,.alias-meta{grid-template-columns:1fr 1fr}.devices-meta{grid-template-columns:1fr}#devices{overflow:hidden}.devices-stack{width:clamp(560px,170vw,760px);max-width:none;margin:0;position:relative;left:50%;transform:translate(-50%)}.role-legend{flex-direction:column;align-items:flex-start;gap:12px}.replaces-row{grid-template-columns:repeat(3,1fr)}.personas{grid-template-columns:1fr}.steps,.footer-grid{grid-template-columns:1fr 1fr}.quote-block{padding:50px 30px}.nav-links{display:none}}@media (width<=560px){.wrap{padding:0 20px}.mosaic{grid-template-columns:1fr 1fr}.mosaic-card.x-2,.mosaic-card.x-3,.mosaic-card.x-4{grid-column:span 2}.catalog-meta,.alias-meta{grid-template-columns:1fr}.replaces-row{grid-template-columns:repeat(2,1fr)}.compare{border-radius:16px;margin-top:48px}.compare-head,.compare-row{grid-template-columns:1.4fr 1fr 1fr 1fr}.compare-feature,.compare-cell,.compare-plan{padding:14px 12px;font-size:13px}.compare-feature{font-size:13.5px}.compare-section-title{padding:22px 12px 10px;font-size:12px}.steps,.footer-grid{grid-template-columns:1fr}.hero-meta{flex-direction:column;gap:6px}}