/* Visual refinement shared by the home, guide and feature explorer. */
:root{--ease-out:cubic-bezier(.22,1,.36,1);--surface:#fffefb;--accent:#7862bc;--accent-soft:#eee8f7;--accent-line:#dfd5ed}
.nav{position:sticky;top:0;z-index:30;max-width:none;padding-inline:max(28px,calc((100vw - 1224px)/2));height:82px;background:#faf9f6ed;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:border-color .25s,box-shadow .25s}.nav.is-scrolled{border-color:#e9e3ed;box-shadow:0 5px 22px #49345906}.nav .brand{flex-shrink:0}.nav nav{gap:24px;font-size:13px}.nav nav a{position:relative;white-space:nowrap}.nav nav a:after{content:'';position:absolute;height:2px;left:0;right:0;bottom:-8px;background:var(--purple);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease-out)}.nav nav a:hover:after,.nav nav a[aria-current=page]:after{transform:scaleX(1)}.mobile-nav{position:sticky;top:76px;z-index:29;box-shadow:0 15px 25px #4934590a;background:#faf9ff}.button{transition:transform .22s var(--ease-out),box-shadow .22s,background .22s;box-shadow:0 3px 0 #49345906}.button.primary{background:#6852c4;box-shadow:0 5px 14px #6550b31c}.button:active{transform:translateY(1px) scale(.985)}.button.primary:hover{background:#5c47b4;box-shadow:0 9px 24px #6550b329}.motion-toggle{border:1px solid #ddd4e6;border-radius:20px;background:transparent;padding:7px 12px;color:#7a6c89;font-size:11px;cursor:pointer;margin-left:auto}.motion-toggle[aria-pressed=true]{background:#ede7f5;color:#614b83}.feature-panel,.usecase,.goodies-grid article,.directory-grid>details,.quick-card{transition:box-shadow .25s,border-color .25s,transform .3s var(--ease-out)}.directory-grid>details[open]{box-shadow:0 15px 30px #51336c08;border-color:#d3c4e6}.directory-grid summary:focus-visible{outline-offset:-4px}.directory-grid li a span,.story-link>span,.quick-card>b{transition:transform .25s var(--ease-out)}.directory-grid li a:hover span,.story-link:hover>span,.quick-card:hover>b{transform:translate(3px,-3px)}.map-pin>span,.map-pin>b{transition:background .25s,color .25s,box-shadow .3s,transform .3s var(--ease-out)}.map-pin[aria-pressed=true]>span{transform:rotate(0) scale(1.12)}.sync-controls button,.switcher button,.category-filters button{transition:background .2s,color .2s,box-shadow .2s}.showcase-device{isolation:isolate}.section[id],details[id]{scroll-margin-top:105px}
/* Feature explorer intro: editorial typography and a small product illustration. */
.explorer-intro{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:35px;padding-top:64px;padding-bottom:34px}.explorer-intro .eyebrow{display:flex;align-items:center;gap:10px;font-size:10px}.explorer-intro .eyebrow i{width:6px;height:6px;border-radius:50%;background:#9582ba;box-shadow:0 0 0 5px #ece6f5}.explorer-intro h1{font-size:clamp(42px,4.3vw,64px);line-height:1.08;margin:0;letter-spacing:-.055em}.explorer-intro p{font-size:16px;max-width:560px;margin-top:22px;line-height:1.7}.explorer-facts{display:flex;gap:23px;flex-wrap:wrap;margin-top:25px;font-size:11px;color:#8c8197}.explorer-facts strong{font-weight:800;color:#554760;margin-right:4px}.explorer-facts>span+span{border-left:1px solid #ddd5e7;padding-left:22px}.explorer-art{position:relative;height:260px;max-width:400px;width:100%;justify-self:end}.orbit-ring{position:absolute;border:1px solid #e2d9ed;width:240px;height:240px;border-radius:50%;left:50px;top:0;background:radial-gradient(circle,#ebe6f2 0,#f4f0f800 70%)}.orbit-ring:before{content:'';position:absolute;inset:25px;border:1px dashed #e0d6eb;border-radius:50%}.orbit-card{position:absolute;background:#fffefb;border:1px solid #e4ddec;border-radius:18px;box-shadow:0 18px 35px #5b406718;padding:19px;width:195px;display:flex;flex-direction:column;gap:12px}.orbit-card>svg{height:23px;width:23px;color:#89739f}.orbit-card>span{font-size:12px;font-weight:800;color:#75627f}.orbit-map{left:0;top:22px;transform:rotate(-9deg);background:#f0f3e9;border-color:#e0e5d4}.orbit-map>svg{color:#83916e}.orbit-save{right:12px;top:83px;transform:rotate(8deg)}.tiny-map{height:56px;position:relative;overflow:hidden;border-radius:8px;background:linear-gradient(28deg,transparent 37%,#fffdf5 38% 43%,transparent 44%),linear-gradient(110deg,#e4ead6 35%,#d0e1db 36% 55%,#e4ead6 56%)}.tiny-map i,.tiny-map b{width:10px;height:10px;position:absolute;border:2px solid white;background:#9b89b9;border-radius:50%;left:24%;top:35%;box-shadow:0 2px 3px #4e3d6220}.tiny-map b{left:66%;top:65%}.tiny-line{height:5px;width:100%;background:#eeebf3;border-radius:4px}.tiny-line.short{width:65%}.orbit-check{position:absolute;right:15px;top:-15px;border:5px solid #faf9f6;background:#b9cbaa;color:white;height:36px;width:36px;border-radius:50%;display:grid;place-items:center;font-size:14px}.orbit-spark{position:absolute;top:0;right:38px;font-size:29px;color:#c4b3d4;transform:rotate(15deg)}.orbit-label{position:absolute;bottom:0;left:42px;transform:rotate(-3deg);font-size:11px;color:#9a8ba5;font-style:italic}
/* Discoverable entry points and a sidebar that stays useful in a long catalog. */
.explorer-shell{padding-top:10px;max-width:1280px}.explorer-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:48px}.quick-card{display:flex;align-items:center;gap:14px;padding:20px;background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:17px;min-width:0}.quick-icon{width:39px;height:39px;flex-shrink:0;display:grid;place-items:center;background:#ffffffac;border-radius:12px;color:var(--accent)}.quick-icon svg{width:21px;height:21px}.quick-card>span:nth-child(2){flex:1;min-width:0}.quick-card strong{font-size:15px;letter-spacing:-.02em;display:block}.quick-card small{font-size:10px;color:#84778a;display:block;margin-top:5px}.quick-card>b{font-size:18px;color:var(--accent);font-weight:400}.explorer-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px;align-items:start}.explorer-sidebar{position:sticky;top:109px;padding-right:15px;border-right:1px solid #e7e0ed}.sidebar-label{font-size:9px;font-weight:800;letter-spacing:.13em;color:#a190ac;display:block;padding:0 11px 16px}.explorer-sidebar .category-filters{display:flex;flex-direction:column;gap:4px;margin:0}.explorer-sidebar .category-filters button{display:flex;align-items:center;gap:10px;border:1px solid transparent;background:transparent;text-align:left;border-radius:10px;padding:11px 10px;font-size:12px;font-weight:700;color:#756580;min-width:0;line-height:1.3}.category-filters button>svg{width:17px;height:17px;flex-shrink:0;opacity:.75}.category-filters button>span{flex:1}.category-filters button>small{font-size:9px;opacity:.7;font-weight:400}.explorer-sidebar .category-filters button[aria-pressed=true]{background:#ece6f6;border-color:#e0d5ee;color:#6b51a2;box-shadow:inset 3px 0 #9072c0}.explorer-sidebar .category-filters button:hover{background:#f0eaf6;color:#725b8a}.sidebar-guide{display:block;margin:25px 8px 0;border-top:1px solid #e4ddeb;padding-top:19px;font-size:11px;color:#796786}.sidebar-guide>span{display:block;font-size:10px;margin-bottom:6px}.sidebar-guide strong{color:#79608f;font-size:11px}.explorer-controls{padding:0 0 15px}.explorer-controls .filters{grid-template-columns:minmax(0,1fr) 185px;gap:16px}.explorer-controls .filters label{font-size:10px;color:#7c6588;font-weight:700;gap:7px}.explorer-controls .filters input,.explorer-controls .filters select{min-height:49px;font-size:12px;border-color:#e2dbe8;border-radius:12px;background:#fffefb}.explorer-controls .filters select{padding-inline:12px}.search-field{position:relative}.search-field>svg{position:absolute;left:14px;top:15px;width:18px;height:18px;fill:none;stroke:#af9aba;stroke-width:1.8;pointer-events:none}.explorer-controls .filters input{padding-left:42px;padding-right:37px}.search-field>button{position:absolute;right:8px;top:8px;border:0;background:transparent;font-size:22px;line-height:1;width:32px;height:32px;color:#a995b6;border-radius:8px}.search-field>button:hover{background:#f1eaf8}.explorer-resultbar{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding-inline:2px}.explorer-resultbar #result-count{font-size:10px;color:#7e6b89;font-weight:400}.explorer-resultbar>button{border:0;background:transparent;font-size:10px;color:#8d789f;padding:4px 0}.explorer-results .feature-list{border:0}.explorer-results .catalog-group{margin-top:24px}.catalog-group-heading{display:flex;gap:11px;align-items:center;margin-bottom:17px}.group-icon{height:30px;width:30px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-line);border-radius:9px}.group-icon svg{width:16px;height:16px}.catalog-group-heading>h2{font-size:20px;letter-spacing:-.035em;color:#615368}.group-tally{margin-left:auto;color:#b8a9bf;font-size:11px}.feature-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.feature-card-grid>[data-feature]{border:1px solid #e6dfeb;border-radius:18px;background:#fffefb;overflow:hidden;scroll-margin-top:108px;transition:border-color .25s,box-shadow .25s}.feature-card-grid>[data-feature]>summary{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:21px;list-style:none;cursor:pointer;min-height:230px}.feature-card-grid .feature-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:19px}.feature-glyph{width:30px;height:30px;border-radius:9px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.feature-glyph svg{width:17px;height:17px}.feature-card-grid .access{font-size:9px;padding:4px 8px;background:#f3f0ed;color:#7d6c87;font-weight:400}.feature-card-grid .access.premium{color:#9075b1;background:#f2eaf9}.feature-card-grid .access.conditional{color:#ad8550;background:#f8efdf}.feature-card-grid .feature-info{min-width:0;display:block;flex:1}.feature-card-grid .feature-info strong{font-size:19px;line-height:1.3;letter-spacing:-.035em;display:block;color:#514555}.feature-card-grid .feature-info>span{display:block;font-size:12px;color:#776a81;line-height:1.7;margin-top:9px}.feature-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#80658e;margin-top:19px}.feature-card-grid .expand{width:22px;height:22px;display:grid;place-items:center;font-size:18px;color:#a38caf;background:#f5f0f7;border-radius:50%;transition:transform .25s}.feature-card-grid .feature-body{padding:19px 21px 22px;margin:0;border-radius:0;border-top:1px solid #e8e0f0;background:var(--accent-soft);max-width:none}.feature-card-grid .platform-badges{gap:5px}.feature-card-grid .platform-badges span{font-size:9px;padding:3px 7px;background:#ffffffad;color:#8d739e}.feature-card-grid .feature-body h3{font-size:14px;color:#6e537e;margin-top:17px}.feature-card-grid .feature-body p{font-size:12px;line-height:1.85;color:#74617f}.feature-card-grid .feature-body a{font-size:10px;margin-top:18px;color:#816098}.feature-card-grid>[data-feature][open]{border-color:var(--accent-line);box-shadow:0 8px 22px #5e36740a}.feature-card-grid>[data-feature][open] .feature-bottom>span:first-child{color:var(--accent)}.explorer-results .catalog-note{margin-top:40px;color:#7e698b;font-size:10px;line-height:1.8}.explorer-empty{text-align:center;padding:60px 25px;border:1px dashed #ddd0e8;border-radius:20px;margin-top:25px;background:#f4eff9}.explorer-empty>span{font-size:50px;color:#aa95ba}.explorer-empty h2{font-size:25px;margin:15px 0}.explorer-empty p{font-size:13px;max-width:440px;margin:auto}.explorer-empty button{border:1px solid #d4c4e2;border-radius:20px;padding:10px 18px;font-size:12px;background:white;color:#8864a2;margin-top:25px}
.tone-places,.tone-organize{--accent:#81916a;--accent-soft:#f0f3e8;--accent-line:#dfe5d3}.tone-money,.tone-planning{--accent:#b68c64;--accent-soft:#f8f0e5;--accent-line:#edddc9}.tone-read,.tone-remember{--accent:#967cae;--accent-soft:#f2ecf8;--accent-line:#e4d8ee}.tone-together{--accent:#77999c;--accent-soft:#edf4f3;--accent-line:#d6e6e4}.tone-publish{--accent:#b18491;--accent-soft:#faeff1;--accent-line:#ecd7df}
@media(hover:hover) and (pointer:fine){.feature-panel:hover,.goodies-grid article:hover,.usecase:hover{transform:translateY(-4px);box-shadow:0 16px 30px #5433660c}.quick-card:hover{transform:translateY(-3px);box-shadow:0 12px 22px #4934590b}.feature-card-grid>[data-feature]:hover{border-color:#cdbbdc;box-shadow:0 8px 23px #5e367409}.directory-grid>details:hover{border-color:#cdbbdc}.button:hover{transform:translateY(-2px)}}
@media(max-width:1100px){.nav{padding-inline:24px;gap:16px}.nav nav{gap:16px;font-size:11px}.nav-actions{gap:14px}.nav-actions .small{font-size:11px}.explorer-layout{grid-template-columns:210px minmax(0,1fr);gap:24px}.explorer-sidebar{padding-right:12px}.explorer-sidebar .category-filters button{font-size:11px;padding:10px 8px}.explorer-intro{grid-template-columns:1.5fr 1fr}.explorer-art{transform:scale(.85);transform-origin:right center}.feature-card-grid>[data-feature]>summary{padding:18px;min-height:245px}.feature-card-grid .feature-info strong{font-size:18px}.explorer-quick{gap:10px}.quick-card{padding:17px;gap:10px}.quick-card small{font-size:9px}.quick-icon{width:31px;height:31px}.explorer-controls .filters{grid-template-columns:minmax(0,1fr) 155px}}
@media(max-width:850px){.nav nav{display:none}.menu-toggle{display:block}.explorer-intro{grid-template-columns:1fr 230px;gap:10px;padding-top:38px}.explorer-intro h1{font-size:42px}.explorer-intro p{font-size:14px}.explorer-art{transform:scale(.7);width:320px;max-width:none;height:245px}.explorer-facts{gap:12px;font-size:10px}.explorer-facts>span+span{padding-left:12px}.explorer-layout{display:block}.explorer-sidebar{position:static;padding:0;border:0;margin-bottom:23px}.sidebar-label,.sidebar-guide{display:none}.explorer-sidebar .category-filters{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:7px;padding:5px 2px 12px;scrollbar-width:thin;scrollbar-color:#d9cce6 transparent}.explorer-sidebar .category-filters button{flex-shrink:0;font-size:11px;border-color:#e6ddec;padding:10px 13px;background:#fffdfa;border-radius:30px}.explorer-sidebar .category-filters button[aria-pressed=true]{box-shadow:none;background:#eae1f4}.category-filters button>small{display:none}.category-filters button>svg{width:14px;height:14px}.explorer-quick{margin-bottom:23px}.quick-card{padding:16px 12px;gap:9px}.quick-card strong{font-size:13px}.quick-card small{font-size:9px;line-height:1.5}.quick-card>b{display:none}.explorer-controls .filters{grid-template-columns:minmax(0,1fr) 190px}.feature-card-grid>[data-feature]>summary{min-height:228px}.mobile-nav{top:82px}}
@media(max-width:600px){.nav{height:76px;padding-inline:20px}.nav-actions .small{display:none}.mobile-nav{top:76px}.explorer-intro{display:block;padding:35px 22px 20px;position:relative;overflow:hidden}.explorer-intro h1{font-size:40px;max-width:360px}.explorer-intro .eyebrow{font-size:9px;letter-spacing:.09em;margin-bottom:22px}.explorer-intro p{font-size:14px;max-width:320px;margin-top:20px}.explorer-art{display:none}.explorer-facts{margin-top:22px;gap:11px;font-size:9px}.explorer-facts>span+span{padding-left:11px}.explorer-shell{padding:5px 20px 50px}.explorer-quick{grid-template-columns:1fr;gap:8px;margin-bottom:25px}.quick-card{padding:13px 15px;gap:12px;border-radius:13px}.quick-icon{height:34px;width:34px}.quick-card>span:nth-child(2){display:flex;flex-direction:column}.quick-card strong{font-size:14px}.quick-card small{margin-top:3px;font-size:10px}.quick-card>b{display:block;margin-left:auto}.explorer-controls .filters{grid-template-columns:1fr;gap:12px}.explorer-controls .filters label{font-size:10px}.explorer-controls .filters input,.explorer-controls .filters select{min-height:47px;font-size:13px}.explorer-sidebar{margin:0 -20px 12px;padding:0 20px}.explorer-sidebar .category-filters{margin:0 -20px;padding-left:20px;padding-right:20px;gap:6px}.feature-card-grid{grid-template-columns:1fr;gap:12px}.feature-card-grid>[data-feature]>summary{min-height:0;padding:21px;flex-wrap:nowrap}.feature-card-grid .feature-meta{margin-bottom:15px}.feature-card-grid .feature-info{order:initial;min-width:0}.feature-card-grid .feature-info strong{font-size:21px}.feature-card-grid .feature-info>span{font-size:13px}.feature-card-grid .access{order:initial;margin:0;font-size:9px}.feature-card-grid .expand{order:initial}.feature-bottom{margin-top:20px;font-size:11px}.feature-card-grid .feature-body p{font-size:13px}.catalog-group-heading>h2{font-size:21px}.explorer-results .catalog-group{margin-top:24px}.explorer-resultbar{margin-top:13px}.explorer-resultbar #result-count{font-size:11px}.explorer-resultbar>button{font-size:11px}.motion-toggle{margin-left:0}.feature-directory{padding-top:30px}.directory-grid summary{border-radius:16px}.directory-total{box-shadow:0 6px 15px #60427507}}
/* Text remains visible without JS; all entrance motion is a progressive enhancement. */
html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.explorer-controls{scroll-margin-top:105px}.explorer-sidebar .category-filters button{font-size:12px}.feature-card-grid .feature-info>span{font-size:13px}.orbit-card{transition:transform .6s var(--ease-out)}@media(hover:hover) and (pointer:fine){.explorer-art:hover .orbit-map{transform:translate(-5px,-5px) rotate(-12deg)}.explorer-art:hover .orbit-save{transform:translate(5px,3px) rotate(11deg)}}
.explorer-sidebar{max-height:calc(100dvh - 130px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d9cce6 transparent}.group-tally{color:#897793}.sidebar-label{color:#897793}.explorer-resultbar #result-count{color:#7e6b89}@media(max-width:850px){.explorer-sidebar{max-height:none;overflow:visible}}

/* Direct platform access in the first screen, mirrored in the closing CTA. */
.hero-downloads{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:770px;margin:28px auto 0;padding:0 20px}
.hero-downloads .button{padding:13px 16px;white-space:nowrap}
.hero-pairing{display:block;margin:12px 24px 0;font-size:12px}
.hero-demo-link{display:flex;justify-content:center;margin-top:8px}
.hero-demo-link .button{font-size:13px;min-height:44px;padding:8px 16px}
.hero-downloads~.hero-art{margin-top:38px}
@media(max-width:600px){.hero-downloads{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:420px;margin-top:24px;padding:0 24px}.hero-downloads .button{font-size:13px;min-height:48px;padding:12px 10px}.hero-pairing{font-size:10px;margin-top:11px}.hero-demo-link{margin-top:5px}.hero-downloads~.hero-art{margin-top:25px}}