/* Notion Docs reference: compact product previews, plain copy, open whitespace.
   Scoped to the sections after the approved product film. */

.product-details{background:#fff;color:var(--ink)}
.details-shell{width:min(1080px,calc(100% - 80px));margin-inline:auto}
.product-details h2{margin:12px 0 0;font-size:clamp(32px,3.3vw,44px);font-weight:600;line-height:1.22;letter-spacing:-.045em;text-wrap:balance}
.details-eyebrow{margin:0;color:#777773;font-size:14px;font-weight:500}
.details-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:36px}
.details-body{margin:18px 0 0;color:#686966;font-size:16px;line-height:1.75}
.details-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--brand-deep);font-size:15px;font-weight:500;flex-shrink:0}
.details-link svg,.details-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.details-link:hover{text-decoration:underline;text-underline-offset:4px}
.product-details a:focus-visible,.product-details button:focus-visible,.product-details summary:focus-visible{outline:2px solid var(--brand);outline-offset:4px}
.caps.product-details{padding:76px 0 80px}
#capabilities,#availability,#pricing,#next{scroll-margin-top:-12px}
.tools-grid,.more-tools{display:none}
.feature-enhanced .tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.feature-enhanced .more-tools{display:block}
.tool-card{position:relative;display:flex;min-width:0;flex-direction:column;gap:22px;padding:24px 22px 18px;border:1px solid transparent;border-radius:10px;background:#f6f6f5;color:var(--ink);text-decoration:none;transition:background .16s,border-color .16s}
.tool-card:hover{background:#f0f0ee}
.tool-card[aria-expanded=true]{border-color:#b6bced;background:#f5f6fc}
.tool-card h3{margin:0;padding-right:26px;font-size:18px;line-height:1.4;font-weight:600;letter-spacing:-.02em}
.tool-card p{margin:9px 0 0;color:#666864;font-size:16px;line-height:1.6;word-break:keep-all;text-wrap:pretty}
.tool-preview{display:flex;align-items:center;justify-content:center;height:154px;margin-top:auto;overflow:hidden}
.tool-preview img{display:block;width:100%;height:100%;object-fit:contain}
.tool-plus{position:absolute;right:16px;top:20px;display:grid;place-items:center;width:28px;height:28px;color:#868781}
.tool-plus svg,.more-tools summary svg,.tool-close svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.tool-card:hover .tool-plus,.tool-card[aria-expanded=true] .tool-plus{color:var(--brand)}
.tool-card[aria-expanded=true] .tool-plus svg{transform:rotate(45deg)}
.more-tools{margin-top:20px}
.more-tools>summary{display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;max-width:100%;min-height:44px;margin-inline:auto;padding:8px 12px;list-style:none;color:#5c5f59;font-size:15px;cursor:pointer}
.more-tools>summary::-webkit-details-marker{display:none}
.more-tools>summary:hover{color:var(--brand)}
.more-tools-open,.more-tools[open] .more-tools-closed{display:none}
.more-tools[open] .more-tools-open{display:inline}
.more-tools[open]>summary svg{transform:rotate(45deg)}
.feature-enhanced .tools-grid-secondary{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;margin-top:22px}
.tool-card-compact{padding:22px 30px 22px 0;border:0;border-top:1px solid #e8e8e5;border-radius:0;background:none}
.tool-card-compact:hover,.tool-card-compact[aria-expanded=true]{background:none}
.tool-card-compact:hover h3,.tool-card-compact[aria-expanded=true] h3{color:var(--brand-deep)}
.tool-card-compact .tool-plus{right:0}
.tool-library{position:relative;grid-column:1/-1;min-width:0}
.tool-reading{padding:16px 0;border-bottom:1px solid #e7e8e4;scroll-margin-top:0}
.tool-reading>summary{font-size:18px;cursor:pointer}
.tool-reading-layout{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,2fr);gap:36px;align-items:center;padding-top:20px}
.tool-reading-copy h3{margin:12px 0 0;font-size:28px;line-height:1.35;font-weight:600;letter-spacing:-.035em}
.tool-reading-copy h3:focus{outline:none}
.tool-reading-copy>p:not(.tool-label){margin:18px 0 0;color:#666864;font-size:16px;line-height:1.75}
.tool-label{margin:0;color:var(--brand-deep);font-size:14px;font-weight:500}
.tool-reading figure{display:flex;align-items:center;justify-content:center;min-width:0;margin:0;background:#fff}
.tool-reading img{display:block;width:100%;height:auto;max-height:min(560px,calc(100svh - var(--journey-offset) - 150px));object-fit:contain}
.feature-enhanced .tool-library{display:none}
.feature-enhanced .tool-library.is-open{display:block;padding:54px 28px 30px;border-radius:10px;background:#f7f7f6;scroll-margin-top:0}
.feature-enhanced .tool-reading{display:none;padding:0;border:0}
.feature-enhanced .tool-reading[open]{display:block}
.feature-enhanced .tool-reading>summary{display:none}
.feature-enhanced .tool-reading-layout{padding:0}
.tool-close{position:absolute;top:8px;right:12px;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 10px;border:0;background:none;color:#5d605a;font:inherit;font-size:14px;cursor:pointer}
.tool-close[hidden]{display:none}
.tool-close:hover{color:var(--ink)}
.availability.product-details{padding:30px 0 80px}
.environment-layout{display:block;padding-top:58px;border-top:1px solid #e9e9e6}
.environment-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:64px;align-items:center}
.environment-copy>.details-eyebrow,.environment-copy>h2,.environment-copy>.details-body{grid-column:1}
.environment-platforms{grid-column:2;grid-row:2/4;display:flex;flex-direction:column;gap:24px;min-width:260px;margin:0}
.environment-platforms>div{display:flex;align-items:center;gap:18px;font-size:21px;font-weight:500}
.environment-logo{display:block;width:52px;height:52px;color:#252725;flex-shrink:0}
.environment-logo.android{width:48px;color:#278b50}
.environment-logo svg{display:block;width:100%;height:100%;fill:currentColor}
.document-workflow{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px;align-items:center;margin-top:36px}
.document-copy{min-width:0}
.document-start ol{display:grid;gap:12px;margin:20px 0;padding-left:24px;color:#545652;font-size:16px;line-height:1.75}
.document-start li{padding-left:5px}
.document-start li::marker{color:var(--brand);font-weight:600}
.document-start-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--brand);font-size:15px;font-weight:500;text-decoration:none}
.document-start-link:hover{text-decoration:underline;text-underline-offset:4px}
.document-start-link:focus-visible{outline:2px solid var(--brand);outline-offset:4px}
.document-step{min-width:0;padding:0}
.document-step+.document-step{margin-top:24px;padding-top:24px;border-top:1px solid #e6e8ef}
.document-workflow>.document-illustration{display:block;width:100%;max-width:360px;height:auto;aspect-ratio:3/2;object-fit:contain;justify-self:center}
.document-step h3{margin:10px 0 0;font-size:24px;font-weight:600;letter-spacing:-.03em;line-height:1.4}
.document-step p{max-width:460px;margin:10px 0 0;color:#666864;font-size:16px;line-height:1.75}
.document-formats{display:flex;flex-wrap:wrap;gap:10px;color:#545b6b;font-size:14px;font-weight:500;letter-spacing:.02em}
.document-formats span+span::before{content:'·';margin-right:10px;color:#9b9eaa}
.pricing.product-details{padding:70px 0 84px;background:linear-gradient(#fff,#f0f2fd 120px,#f0f2fd calc(100% - 100px),#fff)}
.pricing .details-heading{margin-bottom:36px}
.plan-options{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,1fr);align-items:end;gap:24px;margin-top:32px;background:transparent}
.plan-option{min-width:0;padding:40px 44px;border-radius:16px}
.plan-together{min-height:360px;background:var(--brand);color:#fff}
.plan-alone{display:flex;flex-direction:column;justify-content:center;align-self:end;padding:32px;background:#fff}
.plan-topline{display:flex;justify-content:space-between;align-items:center;gap:16px}
.plan-topline h3{margin:0;font-size:21px;font-weight:600;letter-spacing:-.02em}
.plan-topline>span{font-size:14px;color:#696d79}
.plan-together .plan-topline>span{color:#eef0ff}
.plan-together h3{color:#fff}
.plan-amount{display:flex;align-items:baseline;gap:10px;margin:28px 0 24px;white-space:nowrap}
.plan-amount>strong{font-size:44px;font-weight:500;line-height:1.05;letter-spacing:-.045em}
.plan-together .plan-amount>strong{color:#fff;font-size:clamp(104px,10.3vw,148px);font-weight:600;letter-spacing:-.065em}
.plan-amount strong span{margin-left:5px;font-size:25px;letter-spacing:-.03em}
.plan-together .plan-amount strong span{font-size:36px}
.plan-amount>span{font-size:16px;color:#686d79}
.plan-together .plan-amount>span{color:#fff}
.plan-condition{margin:0;font-size:16px;font-weight:500;line-height:1.6}
.plan-detail{margin:7px 0 0;color:#676d78;font-size:15px;line-height:1.65}
.plan-together .plan-detail{color:#eef0ff}
.plan-note{max-width:850px;margin:20px 0 0;color:#646a78;font-size:14px;line-height:1.7}
.beta.product-details{min-height:0;position:relative;padding:66px 0 78px;background:#fff;color:var(--ink)}
.product-next{text-align:center}
.product-next>img{display:block;width:144px;height:32px;object-fit:contain;margin:0 auto 24px}
.product-next h2{font-size:clamp(30px,3.2vw,42px)}
.next-links{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:26px}
.details-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:12px;padding:10px 18px;border-radius:6px;background:var(--brand);color:#fff;font-size:15px;font-weight:500;transition:background .15s}
.details-button:hover{background:var(--brand-deep)}
.chapter-nav.on-warm,.chapter-nav.on-cream{background:rgba(255,255,255,.93);color:#42453e;border-bottom-color:#e7e8e4}
.site-footer{background:#fff;border-top-color:#e9e9e6}
.site-footer>.shell{width:min(1080px,calc(100% - 80px))}
.footer-directory{grid-template-columns:repeat(3,1fr);gap:32px;padding:42px 0}
.footer-group h2{margin-bottom:14px;color:#30342c;font-size:14px;letter-spacing:0}
.footer-group a{font-size:14px;color:#70756b;min-height:30px}
.footer-address,.footer-side,.footer-bottom,.footer-locale{font-size:12px}
.footer-company,.footer-bottom{border-top-color:#e9e9e6}
@media(max-width:960px){
 .details-shell,.site-footer>.shell{width:calc(100% - 48px)}
 .environment-copy{column-gap:36px}.environment-platforms{min-width:230px}.document-workflow{gap:40px}
 .tool-card{padding:20px 16px 16px}.tool-card h3{font-size:17px}.tool-card p{font-size:16px}.tool-preview{height:132px}
 .tool-reading-layout{gap:24px}.tool-reading-copy h3{font-size:24px}
 .plan-option{padding:32px}.plan-alone{padding:26px}.plan-together .plan-amount>strong{font-size:108px}
}
@media(max-width:760px){
 #capabilities,#availability,#pricing,#next{scroll-margin-top:-8px}
 .details-shell,.site-footer>.shell{width:calc(100% - 40px)}
 .caps.product-details{padding:54px 0 50px}
 .details-heading{display:block;margin-bottom:26px}.details-heading>.details-link{margin-top:14px}
 .product-details h2{font-size:32px;text-wrap:pretty}.details-eyebrow{font-size:14px}
 .feature-enhanced .tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .tool-card{padding:20px 16px 14px;gap:18px}.tool-plus{right:10px;top:15px}
 .feature-enhanced .tools-grid-secondary{gap:0 24px}.tool-card-compact{padding:20px 24px 20px 0}.tool-card-compact .tool-plus{right:0}
 .feature-enhanced .tool-library.is-open{padding:52px 20px 22px}
 .tool-reading-layout{grid-template-columns:1fr;gap:24px}.tool-reading-copy h3{font-size:25px}.tool-reading-copy>p:not(.tool-label){margin-top:12px}
 .tool-reading img{max-height:460px}
 .availability.product-details{padding:20px 0 54px}.environment-layout{padding-top:44px}.environment-copy{display:block}.environment-platforms{flex-direction:row;flex-wrap:wrap;gap:28px;min-width:0;margin-top:28px}.environment-platforms>div{gap:12px;font-size:17px}.environment-logo{width:42px;height:42px}.environment-logo.android{width:38px}
 .document-workflow{gap:28px;margin-top:32px}.document-step h3{font-size:22px}.document-workflow>.document-illustration{max-width:320px}
 .pricing.product-details{padding:50px 0 60px}.plan-option{padding:28px}.plan-amount>strong{font-size:36px}.plan-together .plan-amount>strong{font-size:90px}.plan-options{grid-template-columns:1.8fr 1fr}
 .plan-topline{gap:12px}.plan-topline>span{flex-shrink:0}.plan-amount{gap:6px}.plan-amount strong span{font-size:22px}.plan-condition{min-height:0}
 .beta.product-details{padding:46px 0 58px}.product-next h2{font-size:30px}
 .footer-directory{grid-template-columns:repeat(3,1fr);gap:20px;padding:34px 0}.footer-group:nth-child(2){grid-column:auto;grid-row:auto}
 .footer-company{gap:24px}.footer-policy{flex-wrap:wrap}
}
@media(max-width:680px){
 .plan-options{grid-template-columns:1fr;gap:16px}.plan-option{padding:26px}.plan-together{min-height:0}
 .plan-topline{display:flex}.plan-topline>span{margin:0}.plan-amount{margin:26px 0}
 .plan-alone{display:grid;grid-template-columns:1fr auto;gap:8px 14px;padding:24px 26px}
 .plan-alone .plan-topline{grid-column:1;grid-row:1}.plan-alone .plan-topline>span{display:none}
 .plan-alone .plan-amount{grid-column:2;grid-row:1/3;margin:0;align-self:center}
 .plan-alone .plan-condition{grid-column:1;grid-row:2;font-size:14px}.plan-alone .plan-detail{display:none}
 .plan-alone .plan-amount>strong{font-size:30px}.plan-alone .plan-amount strong span{font-size:18px}.plan-alone .plan-amount>span{font-size:14px}
 .plan-together .plan-amount>strong{font-size:clamp(72px,22vw,112px)}.plan-together .plan-amount strong span{font-size:26px}
}
@media(max-width:540px){
 .feature-enhanced .tools-grid{grid-template-columns:1fr}
 .tool-card{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:14px;align-items:center;padding:20px 16px}
 .tool-card h3{padding-right:0;font-size:18px}.tool-card p{margin-top:7px}.tool-preview{height:124px;width:100%;margin:0}.tool-card:not(.tool-card-compact) .tool-plus{top:auto;bottom:8px;right:8px;width:22px;height:22px}
 .feature-enhanced .tools-grid-secondary{grid-template-columns:1fr}
 .tool-card-compact{display:block;padding:20px 30px 20px 0}
 .document-workflow{grid-template-columns:1fr;gap:24px}.document-workflow>.document-illustration{max-width:240px}
 .environment-platforms{gap:24px}.environment-platforms>div{gap:10px;font-size:16px}
 .next-links{gap:20px}.footer-group a{font-size:14px}
}
@media(max-width:359px){.details-shell,.site-footer>.shell{width:calc(100% - 32px)}.tool-card{grid-template-columns:minmax(0,1fr) 85px;gap:10px}.tool-preview{height:114px}.environment-platforms{gap:14px}.environment-logo{width:30px;height:30px}.environment-logo.android{width:28px}}
@media(prefers-reduced-motion:reduce){.tool-card,.details-button{transition:none}}