header{position:relative;z-index:20}header nav{align-items:center}.addon-menu{position:relative}.addon-menu summary{list-style:none;cursor:pointer;color:#e0e8f4;font-weight:600;display:flex;gap:9px;align-items:center}.addon-menu summary::-webkit-details-marker{display:none}.addon-menu summary:focus-visible{outline:3px solid #d5fa45;outline-offset:6px}.addon-menu[open] summary{color:var(--lime)}.addon-dropdown{position:absolute;top:calc(100% + 20px);left:50%;transform:translateX(-50%);width:260px;background:#fff;color:var(--navy);border:1px solid #dfe4e8;box-shadow:0 18px 40px #101f432b;border-radius:12px;padding:10px}.addon-dropdown a{display:block;padding:12px 14px;border-radius:6px;color:var(--navy)!important;font-size:14px}.addon-dropdown a:hover,.addon-dropdown a:focus-visible{background:#f0f7d9;color:var(--navy)!important}.addon-dropdown a:first-child{border-bottom:1px solid #e2e7ec;border-radius:0;margin-bottom:5px}.addon-dropdown b{display:block}.addon-dropdown span{display:block;color:#647184;font-size:12px;margin-top:5px}.product-shot{display:block;margin-top:22px;background:#f3f5f7;border:1px solid #e0e5eb;border-radius:8px;overflow:hidden;height:230px;padding:12px}.product-shot img{width:100%;height:100%;object-fit:contain}.product-shot:hover{border-color:#91a746}.product-number{max-width:65%;text-align:right;line-height:1.6}.product-tabs{display:flex;gap:8px;padding:7px 0 21px;flex-wrap:wrap}.product-tabs a{font-size:14px;font-weight:600;padding:9px 19px;border-radius:30px;color:#5c687d}.product-tabs a[aria-current]{background:var(--lime);color:var(--navy)}.product-tabs a:hover{background:#edf2e0}.detail-hero{background:#f1f5e7;padding:26px 0 0}.breadcrumb{display:flex;gap:12px;color:#647052;font-size:12px}.breadcrumb a:hover{text-decoration:underline}.detail-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:42px 0}.detail-hero h1{font-size:clamp(34px,3.6vw,52px);margin:20px 0}.detail-hero p{font-size:16px;color:#526147;line-height:1.95;max-width:490px}.detail-hero .section-kicker{letter-spacing:2px;color:#526d2a}.detail-hero figure{margin:0;min-width:0}.screenshot-button{display:block;background:#fff;border:1px solid #d9e0d0;border-radius:10px;padding:14px;width:100%;cursor:zoom-in;box-shadow:0 12px 30px #15213b08}.screenshot-button img{display:block;width:100%;height:360px;object-fit:contain}.detail-hero figcaption{font-size:12px;text-align:center;color:#61714e;margin-top:12px}.product-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d5dfc2;padding:26px 0}.product-stats>div{border-right:1px solid #d5dfc2;padding-left:32px;display:flex;align-items:center;gap:16px}.product-stats>div:first-child{padding-left:0}.product-stats>div:last-child{border:0}.product-stats strong{font-size:24px}.product-stats span{font-size:13px;color:#5b6b4d}.section-nav{display:flex;gap:32px;padding:22px 0;border-bottom:1px solid var(--line);flex-wrap:wrap;font-size:14px;font-weight:600}.section-nav a:hover{color:#627d24}.detail-section{padding:76px 0}.detail-section h2,.how-section h2{margin-top:17px;font-size:32px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 36px;margin-top:35px}.features-grid article{border-top:2px solid #dce8bd;padding-top:22px}.feature-index{font-size:12px;font-weight:700;color:#698530}.features-grid h3,.how-steps h3{font-size:20px;margin:16px 0 12px}.features-grid p,.how-steps p{font-size:15px;line-height:1.95;color:#606d80;margin:0}.how-section{background:#f4f6f8;padding:62px 0}.how-steps{padding:0;margin:35px 0 0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.how-steps li>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--lime);font-size:13px;font-weight:700}.screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:34px}.screen-grid figure{margin:0;background:#f4f6f8;border:1px solid var(--line);padding:20px;border-radius:12px}.screen-grid .screenshot-button{box-shadow:none;padding:8px}.screen-grid img{height:330px}.screen-grid figcaption{font-size:14px;font-weight:600;margin-top:18px;display:flex;gap:15px;justify-content:space-between}.screen-grid figcaption span{font-size:12px;font-weight:400;color:#687a3c}.admin-section{background:#14213b;color:#fff;padding:65px 0}.admin-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:65px}.admin-section .section-kicker{color:var(--lime)}.admin-section h2{margin-top:18px}.admin-layout>div>p{color:#c2cfe2;line-height:1.9;font-size:15px;margin-top:22px}.admin-items details{border-bottom:1px solid #ffffff30}.admin-items summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;padding:22px 0;font-size:17px}.admin-items summary::-webkit-details-marker{display:none}.admin-items summary span{color:var(--lime);font-size:21px}.admin-items details[open] summary span{transform:rotate(45deg)}.admin-items details p{font-size:15px;color:#c3d0e5;line-height:1.95;margin:0 0 24px}.scope-section h2{font-size:25px}.scope-section ul{padding-left:22px;color:#56647a;line-height:2;font-size:15px}.source-note{font-size:12px;color:#69778a;line-height:1.9;margin-top:25px}.all-addons{display:inline-block;margin-left:24px;color:#d4e0f1;font-size:14px}.product-page .cta .button{margin-top:26px}#image-dialog{max-width:1100px;width:calc(100% - 30px);max-height:94dvh;padding:46px 22px 22px;overflow:auto}#image-dialog>p{font-size:16px;margin:0 30px 18px 0;color:var(--navy)}#image-expanded{display:block;max-width:100%;height:auto;margin:auto;max-height:76dvh;object-fit:contain}summary:focus-visible{outline:3px solid #91ad43;outline-offset:4px}
@media(max-width:1000px){.detail-hero-grid{gap:35px}.product-stats>div{flex-direction:column;align-items:flex-start;gap:6px}.features-grid{grid-template-columns:1fr 1fr}.admin-layout{gap:40px}.screen-grid img{height:290px}}
@media(max-width:760px){.addon-dropdown{top:calc(100% + 15px);width:245px}.detail-hero-grid{grid-template-columns:1fr;gap:30px;padding:28px 0}.detail-hero h1{font-size:36px}.detail-hero p{font-size:15px}.screenshot-button img{height:300px}.product-tabs{gap:5px;padding-bottom:16px}.product-tabs a{padding:9px 15px;font-size:13px}.product-stats{gap:10px;padding:20px 0}.product-stats>div{padding-left:10px}.product-stats strong{font-size:18px}.product-stats span{font-size:11px;line-height:1.6}.section-nav{gap:12px 22px;font-size:13px}.detail-section{padding:50px 0}.detail-section h2,.how-section h2{font-size:26px}.features-grid{grid-template-columns:1fr;gap:24px}.features-grid h3,.how-steps h3{font-size:19px}.features-grid p,.how-steps p{font-size:15px}.how-steps{grid-template-columns:1fr;gap:30px}.how-section{padding:45px 0}.screen-grid{grid-template-columns:1fr;gap:22px}.screen-grid figure{padding:16px}.screen-grid img{height:290px}.admin-section{padding:45px 0}.admin-layout{grid-template-columns:1fr;gap:16px}.admin-layout h2 br{display:none}.admin-items summary{font-size:16px}.all-addons{margin:20px 0 0;display:block}.product-shot{height:220px}}
/* One product screen per alternating explanation section */
.screen-jump{align-items:center;gap:10px;padding:22px 0}.screen-jump>span{margin-right:18px;font-size:14px;color:#5c6b7d}.screen-jump a{display:grid;place-items:center;min-width:37px;min-height:37px;border:1px solid #e0e5eb;border-radius:50%;font-size:12px}.screen-jump a:last-child{border-radius:30px;padding:8px 18px;margin-left:auto}.screen-jump a:hover{background:var(--lime);color:var(--navy);border-color:var(--lime)}
.story-heading{padding:70px 0 36px}.story-heading h2{margin:18px 0;font-size:34px}.story-heading p{font-size:15px;color:#657185;line-height:1.9}.story-row{padding:66px 0;border-bottom:1px solid #e3e8ed;scroll-margin-top:28px}.story-row:nth-of-type(even){background:#f3f5f7}.story-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:65px;align-items:center}.story-row:nth-of-type(odd) .story-copy{grid-column:2;grid-row:1}.story-row:nth-of-type(odd) figure{grid-column:1;grid-row:1}.story-row:nth-of-type(odd) .story-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}.story-number{font-size:34px;font-weight:800;letter-spacing:-1px;color:var(--navy);display:inline-block;border-bottom:4px solid var(--lime);padding-bottom:4px}.story-number>span{font-size:14px;font-weight:500;letter-spacing:0;color:#8190a4}.slide-reference{font-size:12px;color:#657185;margin-left:20px}.story-copy h3{font-size:29px;line-height:1.5;letter-spacing:-1px;margin:24px 0 15px}.story-intro{font-size:16px;font-weight:500;line-height:1.85;color:#44546a;margin:0 0 22px}.story-copy ul{padding-left:20px;margin:0}.story-copy li{font-size:15px;line-height:1.95;color:#5d6c80;padding-left:3px;margin:12px 0}.story-copy li::marker{color:#7e992f}.story-layout figure{min-width:0;margin:0}.story-layout .screenshot-button{background:#fff;border:1px solid #d4dce6;padding:14px;box-shadow:0 15px 40px #14213b0a;border-radius:12px}.story-layout .screenshot-button:hover{border-color:#859b43}.story-layout img{width:100%;height:auto;max-height:590px;object-fit:contain;display:block}.story-layout figcaption{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#68788c;line-height:1.8;margin-top:14px}.story-layout figcaption>span:last-child{color:#526729;white-space:nowrap}
@media(max-width:1000px){.story-layout,.story-row:nth-of-type(odd) .story-layout{gap:35px}.story-copy h3{font-size:25px}.story-row{padding:48px 0}}
@media(max-width:760px){.screen-jump{gap:8px}.screen-jump>span{width:100%;margin:0 0 5px}.screen-jump a:last-child{margin-left:0}.story-heading{padding:45px 0 12px}.story-heading h2{font-size:28px}.story-row{padding:38px 0}.story-layout,.story-row:nth-of-type(odd) .story-layout{display:flex;flex-direction:column;gap:25px;align-items:stretch}.story-copy h3{font-size:25px;margin-top:20px}.story-number{font-size:30px}.story-intro{font-size:16px}.story-copy li{font-size:15px}.story-layout img{max-height:none}.story-layout .screenshot-button{padding:8px}.story-layout figcaption{font-size:11px}}
/* Responsive and keyboard-access review */
.skip-link{position:fixed;left:16px;top:-100px;background:var(--lime);color:var(--navy);padding:12px 20px;z-index:1000;border-radius:6px}.skip-link:focus{top:12px}
.story-copy,.detail-hero-grid>div,.hero-copy,.demo-content{min-width:0}h1,h2,h3,p,li,figcaption{overflow-wrap:anywhere;word-break:keep-all}
.product-tabs a,.section-nav a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.addon-menu summary{min-height:44px}.screen-jump a{min-width:44px}.close-dialog{z-index:2;background:white;border-radius:50%}
#image-original{display:inline-flex;font-size:14px;color:#243e63;text-decoration:underline;margin:0 0 16px;min-height:44px;align-items:center}.image-scroll{overflow:auto;max-height:72dvh}#image-expanded{max-height:none;width:auto;max-width:100%;height:auto}#image-dialog{overscroll-behavior:contain}
@media(min-width:761px) and (max-width:1000px){.hero-inner{grid-template-columns:1fr;gap:32px}.hero-copy{text-align:center}.hero .eyebrow{justify-content:center}.hero .workspace{width:90%;max-width:620px;margin:0 auto 30px}.hero-bottom{margin-top:32px}.detail-hero-grid{gap:28px}.detail-hero h1{font-size:36px}.story-copy h3{font-size:24px}}
@media(max-width:760px){.product-tabs a:last-child,.section-nav a:last-child{display:inline-flex}.addon-dropdown{max-width:calc(100vw - 32px);max-height:65dvh;overflow:auto}.product-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-top>div{flex-wrap:wrap}.screen-jump{gap:7px}.screen-jump>a:last-child{margin-left:0}.screenshot-button{touch-action:manipulation}}
@media(max-width:380px){header nav{gap:20px}.brand small{margin-left:6px}.product-stats strong{font-size:16px}.hero .workspace-body{grid-template-columns:84px minmax(0,1fr)}.hero .sidebar{padding:14px 6px}.hero .demo-content{padding:14px 8px}.hero .floating-chip{padding:10px 12px}.product-tabs{gap:3px}.product-tabs a{padding:9px 12px}.story-layout figcaption{flex-wrap:wrap}}