.docenity-page { --doc-green:#12694f; --doc-mint:#e5f5ec; --doc-peach:#fff0e6; --doc-yellow:#fff6d8; --doc-blue:#e9f2ff; --doc-lavender:#f0ecff; --doc-border:#c9dfd5; --doc-shadow:#bdd9cf; }
.docenity-page h1,.docenity-page h2,.docenity-page h3 { font-family:var(--play-font); font-weight:700; letter-spacing:-.04em; }
.docenity-page h2 { font-size:clamp(2rem,3.3vw,2.8rem); line-height:1.15; }
.docenity-page h2 em,.docenity-page h1 em { color:var(--doc-green); font-style:normal; }
.docenity-page p,.docenity-page li { font-size:1rem; line-height:1.7; }
.docenity-page p { color:var(--muted); }
.docenity-page button,.docenity-page a { -webkit-tap-highlight-color:transparent; }
.docenity-page [hidden] { display:none!important; }
.docenity-sky { background:linear-gradient(170deg,#d7f2ef 0%,#e4f6ff 70%,var(--bg)); padding:24px 0 48px; overflow:hidden; }
.docenity-breadcrumb { display:flex; justify-content:space-between; align-items:center; gap:14px; font-size:.875rem; color:var(--muted); }
.docenity-breadcrumb a { display:inline-flex; gap:9px; align-items:center; }
.docenity-breadcrumb svg { width:18px; height:18px; transform:rotate(180deg); }
.docenity-hero { display:grid; grid-template-columns:1.05fr 1fr; gap:36px; align-items:center; padding:45px 0 28px; }
.docenity-sticker { display:inline-block; background:#fff0af; color:#66511d; border:2px solid #fff9df; box-shadow:0 3px 0 #d6c682; border-radius:100px; font-size:.875rem; font-weight:700; letter-spacing:.035em; padding:8px 14px; transform:rotate(-2deg); }
.docenity-intro h1 { font-size:clamp(2.9rem,5vw,4.3rem); line-height:1.08; margin:26px 0 23px; }
.docenity-intro > p { max-width:480px; font-size:1.125rem; }
.docenity-actions { display:flex; flex-wrap:wrap; gap:18px 24px; align-items:center; margin-top:28px; }
.docenity-actions .button.primary { background:#146e54; border-color:#146e54; color:#fff; --button-bottom:#0b503e; }
.docenity-availability { font-size:.875rem; font-weight:650; color:var(--doc-green); max-width:150px; }
.docenity-assurances { display:flex; flex-wrap:wrap; gap:8px 17px; padding:0; margin:25px 0 0; list-style:none; }
.docenity-assurances li { font-size:.875rem; color:var(--muted); }
.docenity-assurances li::before { content:'✓'; color:var(--doc-green); margin-right:6px; }
.docenity-playground { min-height:445px; position:relative; display:grid; place-items:center; padding-bottom:50px; }
.docenity-mascot { width:280px; height:280px; padding:0; border:5px solid #f8fff9; border-radius:64px; background:#d8fae6; box-shadow:0 12px 0 #b9dfcc,0 28px 50px #1959361b; transform:rotate(6deg); animation:docenity-bob 6s ease-in-out infinite; }
.docenity-mascot img { display:block; width:100%; height:100%; object-fit:contain; border-radius:58px; }
.docenity-mascot.is-cheering { animation:docenity-wiggle .8s ease-in-out; }
.docenity-float-label { position:absolute; padding:9px 14px; background:var(--surface); color:var(--text); border:1px solid var(--doc-border); border-radius:12px; box-shadow:0 4px 0 #8fb7a322; font-size:.875rem; font-weight:650; z-index:2; }
.docenity-label-one { left:12px; top:17px; transform:rotate(-7deg); }
.docenity-label-two { right:-6px; bottom:86px; transform:rotate(6deg); }
.docenity-cloud { position:absolute; width:152px; height:152px; object-fit:contain; left:-15px; bottom:60px; animation:docenity-drift 5s ease-in-out infinite; pointer-events:none; }
.docenity-cube { width:67px; height:67px; position:absolute; object-fit:contain; animation:docenity-drift 7s ease-in-out infinite; pointer-events:none; }
.docenity-cube-one { right:7px; top:39px; }
.docenity-cube-two { left:1px; top:132px; width:48px; height:48px; animation-delay:-2s; }
.docenity-greeting { position:absolute; left:0; right:0; bottom:25px; text-align:center; margin:0; font-size:.875rem!important; font-weight:650; color:var(--doc-green)!important; }
.docenity-motion { position:absolute; bottom:-12px; right:0; font-size:.875rem; }
.docenity-page-nav { padding-top:5px; }
.docenity-page .app-nav { flex-wrap:wrap; }
.docenity-section-heading { margin:0 0 30px; }
.docenity-section-heading h2 { margin:12px 0; }
.docenity-section-heading p { margin:0; }
.docenity-tour,.docenity-everyday,.docenity-tools,.docenity-ipad,.docenity-help { padding-top:72px; }
.docenity-tour-buttons { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:24px; }
.docenity-tour-buttons button { border:1px solid var(--doc-border); border-radius:15px; padding:12px 16px; background:var(--surface); font-size:1rem; font-weight:650; color:var(--text); min-height:48px; }
.docenity-tour-buttons button span { margin-right:9px; font-size:.875rem; opacity:.7; }
.docenity-tour-buttons button[aria-pressed="true"] { background:#146e54; color:white; border-color:#146e54; box-shadow:0 4px 0 #0b503e; }
.docenity-device-row { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:14px; margin-bottom:22px; }
.docenity-device-switch { display:inline-flex; gap:5px; padding:5px; border:1px solid var(--doc-border); border-radius:100px; background:var(--surface); }
.docenity-device-switch button { min-width:96px; min-height:44px; padding:10px 22px; border:0; border-radius:100px; background:transparent; color:var(--text); font-size:1rem; font-weight:650; cursor:pointer; }
.docenity-device-switch button[aria-pressed="true"] { background:#146e54; color:#fff; }
.docenity-page .docenity-tour-status { margin:0; font-size:.875rem; color:var(--doc-green); font-weight:650; }
.docenity-tour-buttons { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); }
.docenity-tour-buttons button { cursor:pointer; }
.docenity-store-poster { display:block; width:290px; max-width:100%; height:auto; border-radius:16px; box-shadow:0 16px 36px #193d3520; }
[data-docenity-shot-device="ipad"] .docenity-store-poster { width:410px; }
.docenity-page .docenity-ipad .docenity-store-poster { border:0; border-radius:16px; box-shadow:0 16px 36px #193d3520; }
.docenity-device-switch button:focus-visible,.docenity-tour-buttons button:focus-visible,.docenity-screenshot-link:focus-visible { outline:3px solid var(--doc-green); outline-offset:5px; }
.docenity-tour-panel.docenity-panel-tools { background:var(--doc-blue); }
.docenity-tour-panel.docenity-panel-help { background:var(--doc-yellow); }
.docenity-tour-panel.docenity-panel-dark { background:var(--doc-lavender); }
.docenity-tour-panel { background:var(--doc-mint); border:2px solid var(--doc-border); border-radius:32px; padding:42px 54px; display:grid; grid-template-columns:1.15fr 1fr; gap:60px; align-items:center; margin-bottom:22px; }
.docenity-panel-scan { background:var(--doc-yellow); }
.docenity-panel-edit { background:var(--doc-blue); }
.docenity-panel-sign { background:var(--doc-peach); }
.docenity-panel-convert { background:var(--doc-lavender); }
.docenity-tour-copy h3 { font-size:clamp(1.8rem,3vw,2.65rem); line-height:1.17; margin:16px 0 20px; }
.docenity-tour-copy ul { padding-left:21px; margin:24px 0; }
.docenity-tour-copy li { padding-left:4px; margin:12px 0; }
.docenity-tour-copy li::marker { color:var(--doc-green); }
.docenity-page figure { margin:0; text-align:center; }
.docenity-screenshot-link { display:inline-block; max-width:100%; }
.docenity-phone { display:block; width:252px; max-width:100%; height:auto; border:5px solid #183e32; border-radius:33px; box-shadow:0 13px 0 #123c3215,0 24px 36px #193d3520; }
.docenity-page figcaption { color:var(--muted); font-size:.875rem; margin-top:19px; }
.docenity-text-link { display:inline-flex; gap:10px; align-items:center; font-size:1rem; font-weight:650; color:var(--doc-green); }
.docenity-text-link svg { width:21px; height:21px; flex-shrink:0; }
.docenity-care-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.docenity-care-card { padding:29px 27px; border:1px solid var(--doc-border); border-radius:26px; box-shadow:0 6px 0 var(--doc-shadow); }
.docenity-card-number { font-size:.875rem; font-weight:650; color:var(--doc-green); }
.docenity-care-card h3 { font-size:1.6rem; margin:23px 0 15px; line-height:1.2; }
.docenity-care-card p { margin:13px 0 0; }
.docenity-mint { background:var(--doc-mint); }
.docenity-peach { background:var(--doc-peach); }
.docenity-yellow { background:var(--doc-yellow); }
.docenity-blue { background:var(--doc-blue); }
.docenity-lavender { background:var(--doc-lavender); }
.docenity-tool-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:22px; margin-bottom:27px; }
.docenity-tool-heading h2 { margin:12px 0; }
.docenity-tool-heading p { max-width:490px; margin:0; }
.docenity-expand { padding:11px 16px; border:1px solid var(--doc-border); border-radius:14px; background:var(--surface); color:var(--text); font-size:.875rem; font-weight:650; min-height:48px; flex-shrink:0; }
.docenity-tool-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; align-items:start; }
.docenity-tool-group { border:1px solid var(--doc-border); border-radius:24px; overflow:hidden; }
.docenity-tool-group summary { display:flex; align-items:center; gap:15px; padding:24px; list-style:none; cursor:pointer; }
.docenity-tool-group summary::-webkit-details-marker { display:none; }
.docenity-tool-number { width:43px; height:43px; display:grid; place-items:center; border-radius:14px; background:var(--surface); color:var(--doc-green); font-weight:700; flex-shrink:0; }
.docenity-group-label { font-size:.875rem; color:var(--muted); }
.docenity-tool-group h3 { font-size:1.35rem; margin:6px 0 0; }
.docenity-plus { margin-left:auto; font-size:1.6rem; color:var(--doc-green); }
.docenity-tool-group[open] .docenity-plus { transform:rotate(45deg); }
.docenity-tool-list { list-style:none; padding:0 24px 10px; margin:0; }
.docenity-tool-list li { padding:19px 0; border-top:1px solid var(--doc-border); }
.docenity-tool-list h4 { font-size:1rem; line-height:1.4; margin:0 0 7px; }
.docenity-tool-list p { margin:6px 0; }
.docenity-tool-list .docenity-tool-detail { font-size:.9375rem; }
.docenity-ipad { display:grid; grid-template-columns:1fr .95fr; gap:72px; align-items:center; }
.docenity-ipad h2 { margin:15px 0 24px; }
.docenity-ipad img { display:block; width:390px; max-width:100%; height:auto; border:6px solid #183e32; border-radius:23px; box-shadow:0 12px 0 var(--doc-shadow); }
.docenity-requirements { border-top:2px dashed var(--doc-border); margin-top:28px; padding-top:22px; }
.docenity-requirements h3 { font-size:1.2rem; }
.docenity-requirements p { font-size:.9375rem; }
.docenity-privacy { margin-top:82px; padding:37px 48px; background:var(--doc-mint); border:2px solid var(--doc-border); border-radius:32px; display:grid; grid-template-columns:180px 1fr; gap:30px; align-items:center; }
.docenity-privacy > img { width:100%; height:auto; }
.docenity-privacy h2 { margin:14px 0 18px; }
.docenity-help { padding-bottom:70px; }
.docenity-help .resource-card { border-radius:24px; }
.docenity-back { margin-top:30px; }
[data-theme="dark"] .docenity-page { --doc-green:#9ae6bd; --doc-mint:#193e38; --doc-peach:#42302e; --doc-yellow:#3e3928; --doc-blue:#243c58; --doc-lavender:#36314f; --doc-border:#43625a; --doc-shadow:#26463e; }
[data-theme="dark"] .docenity-sky { background:linear-gradient(170deg,#183e39,#1b354b 70%,var(--bg)); }
[data-theme="dark"] .docenity-sticker { background:#504a2a; color:#ffeda3; border-color:#6d653e; box-shadow:0 3px 0 #232d31; }
[data-theme="dark"] .docenity-mascot { border-color:#c3f1d9; box-shadow:0 12px 0 #38604b,0 28px 50px #071a182b; }
@keyframes docenity-bob { 0%,100%{transform:translateY(0) rotate(6deg)} 50%{transform:translateY(-12px) rotate(2deg)} }
@keyframes docenity-drift { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} }
@keyframes docenity-wiggle { 0%,100%{transform:rotate(6deg)} 25%{transform:rotate(-8deg) translateY(-12px)} 55%{transform:rotate(10deg) translateY(-6px)} 80%{transform:rotate(-3deg)} }
[data-motion="paused"] .docenity-page *,[data-motion="paused"] .docenity-page *::before,[data-motion="paused"] .docenity-page *::after { animation:none!important; transition:none!important; }
@media(prefers-reduced-motion:reduce) { .docenity-page *,.docenity-page *::before,.docenity-page *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
@media(max-width:1000px) { .docenity-hero{gap:12px}.docenity-mascot{width:245px;height:245px}.docenity-label-one{left:0}.docenity-label-two{right:0}.docenity-tour-panel{padding:32px;gap:35px}.docenity-care-grid{gap:13px}.docenity-care-card{padding:24px 21px}.docenity-ipad{gap:35px} }
@media(max-width:760px) { .docenity-hero{grid-template-columns:1fr;padding-top:28px}.docenity-intro h1{font-size:clamp(2.75rem,10.5vw,4.3rem)}.docenity-sticker{font-size:.8125rem}.docenity-intro>p{font-size:1.0625rem}.docenity-playground{min-height:390px;max-width:450px;width:100%;margin:18px auto 0}.docenity-mascot{width:245px;height:245px}.docenity-cloud{width:127px;height:127px;bottom:45px;left:0}.docenity-label-one{top:5px}.docenity-label-two{bottom:73px;right:0;font-size:.8125rem}.docenity-cube-one{width:50px;height:50px;right:5px}.docenity-cube-two{left:5px;width:40px;height:40px}.docenity-page-nav .app-nav{gap:8px 18px;padding:18px 0}.docenity-tour,.docenity-everyday,.docenity-tools,.docenity-ipad,.docenity-help{padding-top:48px}.docenity-tour-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.docenity-tour-buttons button{padding:10px 8px;font-size:.875rem;min-width:0}.docenity-tour-buttons button span{display:block;margin:0 0 2px}.docenity-tour-panel{grid-template-columns:1fr;padding:27px 23px;gap:30px}.docenity-tour-copy h3{font-size:2rem}.docenity-phone{width:250px}.docenity-care-grid{grid-template-columns:1fr;gap:20px}.docenity-care-card{padding:27px}.docenity-tool-heading{display:block}.docenity-expand{margin-top:20px}.docenity-tool-grid{grid-template-columns:1fr}.docenity-tool-group summary{padding:20px;gap:12px}.docenity-tool-group h3{font-size:1.2rem}.docenity-ipad{grid-template-columns:1fr;gap:28px}.docenity-ipad img{width:350px}.docenity-privacy{grid-template-columns:1fr;padding:25px;margin-top:52px;gap:0}.docenity-privacy>img{width:118px}.docenity-help{padding-bottom:45px}.docenity-availability{max-width:145px}.docenity-float-label{font-size:.8125rem}.docenity-breadcrumb{font-size:.8125rem}.docenity-help .resource-grid{grid-template-columns:1fr} }
@media(max-width:380px) { .docenity-mascot{width:213px;height:213px}.docenity-playground{min-height:360px}.docenity-label-one{font-size:.75rem}.docenity-cube-two{top:124px}.docenity-tour-panel{padding:24px 18px}.docenity-tool-number{width:34px;height:38px}.docenity-sticker{letter-spacing:0}.docenity-assurances{gap:7px 13px} }

/* Product descriptions keep the playful headline and make the app purpose explicit. */
.docenity-intro h1 .docenity-product-label { display:block; font-family:inherit; font-size:1.125rem; line-height:1.45; letter-spacing:-.015em; margin-bottom:15px; color:var(--text); }
.docenity-intro > .docenity-purchase { font-size:1rem; line-height:1.6; margin-top:17px; color:var(--text); }
.docenity-task-picks { padding-top:72px; }
.docenity-task-picks .resource-card { border-radius:24px; }
@media(max-width:640px) { .docenity-task-picks { padding-top:45px; } }
