/* A light, independent entry point; editing engines load only on editor routes. */
.hero-editor-column{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:24px}
.hero-editor-column .hero-art.doc3d{flex:none;align-self:stretch;height:405px;min-height:405px;margin:0;max-width:none}
.hero-free-editor{position:relative;isolation:isolate;display:block;text-decoration:none;color:#f4fbff;border:1px solid #9de4cd66;border-radius:17px;padding:19px 22px;background:radial-gradient(ellipse at 100% 0,#247d7755,transparent 63%),linear-gradient(118deg,#183b50,#173349 68%);box-shadow:inset 0 1px #ffffff15,0 10px 26px #030f2530;transition:border-color .2s,transform .2s}
.hero-free-editor:hover{border-color:#a5f2d8;transform:translateY(-2px)}
.hero-free-editor .free-editor-kicker{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.2px;font-weight:650;color:#a5dfd5}
.free-editor-kicker i{width:6px;height:6px;background:#9af3cc;border-radius:50%;box-shadow:0 0 12px #9af3cc66}
.hero-free-editor h2{margin:9px 0 7px;font:700 23px/1.2 Inter,"Segoe UI",sans-serif;letter-spacing:-.5px;color:#fff}
.hero-free-editor h2 span{color:#a9f4d1}
.hero-free-editor p{font-size:12px;line-height:1.65;color:#c5dbe4;max-width:345px;margin:0 0 13px}
.hero-free-editor .free-editor-link{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:650;color:#e7fff5}
.hero-free-editor .free-editor-link b{font-size:21px;font-weight:400}
.free-editor-formats{float:right;display:flex;gap:5px;margin:3px 0 5px 12px}
.free-editor-formats span{display:grid;place-items:center;width:33px;height:40px;border-radius:6px;background:linear-gradient(140deg,#f7fcff,#dfebf3);box-shadow:2px 3px #9badbf44,0 5px 12px #0716273b;font:800 9px/1 Inter,sans-serif;transform:rotate(5deg);color:#c7584d;border:1px solid #fff}
.free-editor-formats span:nth-child(2){color:#335abf;transform:translateY(-4px) rotate(-5deg)}
.free-editor-formats span:nth-child(3){color:#18745a}
.nav-free-editor{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.nav-free-editor small{font:700 7px/1.2 Inter,sans-serif;color:#136f53;background:#dff5e9;border:1px solid #c7e8d8;border-radius:4px;padding:3px 4px}
@media(max-width:1150px) and (min-width:701px){.header nav{gap:15px}.nav-free-editor small{display:none}.hero-free-editor{padding:17px}.hero-free-editor h2{font-size:21px}.free-editor-formats{gap:3px}.free-editor-formats span{width:27px;height:35px}}
@media(max-width:700px){.hero-editor-column{grid-row:9;grid-column:1;gap:18px}.hero-editor-column .hero-art.doc3d{height:390px;min-height:390px;max-width:370px;margin:0 auto}.hero-free-editor{order:-1;padding:17px 18px;border-radius:14px}.hero-free-editor h2{font-size:22px}.hero-free-editor p{font-size:12px;margin-bottom:10px}.hero-free-editor .free-editor-kicker{font-size:9px;letter-spacing:.9px}.hero-free-editor .free-editor-link{font-size:12px}.free-editor-formats span{width:28px;height:36px}.hero-editor-column .doc3d-paper-footer>b{font-size:6px}}
@media(prefers-reduced-motion:reduce){.hero-free-editor{transition:none}.hero-free-editor:hover{transform:none}}

/* Match the two package actions; use the unused right column rather than a second banner. */
.hero-editor-column{align-self:stretch;justify-content:flex-start;gap:0}.hero-editor-column .hero-art.doc3d{margin-top:-10px;height:390px;min-height:390px}.hero-free-editor{display:flex;align-items:center;gap:13px;width:100%;max-width:505px;box-sizing:border-box;min-height:104px;padding:15px 17px 15px 11px;margin-top:auto;border-radius:13px}.hero-free-editor .free-editor-formats{float:none;flex:0 0 65px;height:65px;position:relative;display:block;margin:0}.hero-free-editor .free-editor-formats span{position:absolute;left:4px;top:9px;width:29px;height:40px;transform:rotate(-10deg)}.hero-free-editor .free-editor-formats span:nth-child(2){left:20px;top:4px;transform:rotate(1deg)}.hero-free-editor .free-editor-formats span:nth-child(3){left:34px;top:13px;transform:rotate(12deg)}.free-editor-promo-copy{flex:1;min-width:0;display:block}.free-editor-promo-copy>b{display:block;font-size:16px;font-weight:750;line-height:1.45;letter-spacing:-.25px}.free-editor-promo-copy>b>span{color:#b6f6d6;white-space:nowrap}.free-editor-promo-copy>small{display:block;font-size:10.5px;line-height:1.65;margin-top:6px;color:#c4dce3}.free-editor-promo-arrow{font-size:24px;color:#a9efd4;flex:none}.hero-editor-column{padding-bottom:0}
@media(min-width:701px){.hero-editor-column{grid-column:2;grid-row:1;justify-self:stretch;min-height:100%}.hero-free-editor{margin-bottom:0}}
@media(max-width:850px) and (min-width:701px){.hero-editor-column .hero-art.doc3d{height:370px;min-height:370px}.hero-free-editor{padding:12px 13px 12px 8px;gap:8px;min-height:102px}.hero-free-editor .free-editor-formats{flex-basis:47px;width:47px;transform:scale(.82);transform-origin:left center}.free-editor-promo-copy>b{font-size:13px}.free-editor-promo-copy>small{font-size:9px}}
@media(max-width:700px){.hero-editor-column{width:100%;max-width:none;grid-row:9;gap:18px}.hero-free-editor{order:-1;max-width:none;width:100%;min-height:99px;margin:0;padding:13px 13px 13px 8px;gap:9px;border-radius:12px}.hero-free-editor .free-editor-formats{flex-basis:49px;width:49px;height:63px;transform:scale(.82);transform-origin:left center}.free-editor-promo-copy>b{font-size:14px;letter-spacing:-.15px;line-height:1.45}.free-editor-promo-copy>small{font-size:9px;line-height:1.65;margin-top:5px}.free-editor-promo-arrow{font-size:21px}.hero-editor-column .hero-art.doc3d{width:100%;margin:0 auto}}

/* Nest the editor action over the paper's lower edge without adding empty space. */
.hero-editor-column{justify-content:flex-end;gap:0}
.hero-editor-column .hero-art.doc3d{margin:0;width:100%;max-width:505px;align-self:center}
.hero-editor-column .hero-art.doc3d .doc3d-papers{left:50%;transform:translateX(-50%) rotate(-2.5deg);transform-origin:50% 50%}
.hero-editor-column .hero-free-editor{align-self:center;order:0;flex-shrink:0;z-index:8;margin:-28px 0 0}
@media(min-width:701px){.hero-editor-column .hero-art.doc3d .doc3d-papers{top:3%;height:92%;}}
@media(max-width:700px){
 .hero-editor-column{grid-row:8;align-self:start;justify-content:flex-start;margin-top:-12px;gap:0}
 .hero-editor-column .hero-art.doc3d{margin:0 auto}
 .hero-editor-column .hero-free-editor{margin-top:-58px}
 .hero-editor-column .hero-art.doc3d .doc3d-export-word{top:65%}
}


.hero-free-editor .free-editor-formats.free-editor-promo-3d{flex:0 0 94px;width:94px;height:66px;margin:0;transform:none;display:flex;align-items:center;justify-content:center}
.free-editor-promo-3d img{display:block;width:100%;height:100%;object-fit:contain;max-width:none;filter:none}
@media(max-width:700px){.hero-free-editor .free-editor-formats.free-editor-promo-3d{flex-basis:76px;width:76px;height:58px}.free-editor-promo-copy>b>span{font-weight:800;letter-spacing:.2px}}

/* Clear editing action, a separate free label and compact supporting copy. */
.free-editor-promo-copy>b{line-height:1.32}
.free-editor-promo-copy>b>span{display:block;font-size:17px;line-height:1.25;font-weight:850;letter-spacing:.45px;margin-top:3px;color:#b6f6d6}
.free-editor-promo-copy>small{margin-top:7px;line-height:1.55}
.free-editor-promo-copy>small>span{display:block}
@media(max-width:700px){.free-editor-promo-copy>b{font-size:14px}.free-editor-promo-copy>b>span{font-size:16px}.free-editor-promo-copy>small{font-size:9px;margin-top:6px}}

/* Center the complete illustration-and-copy group inside the action card. */
.hero-editor-column .hero-free-editor{justify-content:center;padding:15px 38px;gap:13px}
.hero-free-editor .free-editor-formats.free-editor-promo-3d{flex-basis:86px;width:86px}
.free-editor-promo-copy{flex:0 1 270px;text-align:center}
.free-editor-promo-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%)}
@media(max-width:700px){.hero-editor-column .hero-free-editor{padding:13px 25px;gap:9px}.hero-free-editor .free-editor-formats.free-editor-promo-3d{flex-basis:64px;width:64px;height:58px}.free-editor-promo-copy{flex:0 1 220px}.free-editor-promo-arrow{right:10px;font-size:19px}.free-editor-promo-copy>small{font-size:9.5px}}

/* Keep copy on the card centre line; place its illustration immediately to the left. */
.hero-editor-column .hero-free-editor{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:0;padding:15px 20px}
.hero-free-editor .free-editor-formats.free-editor-promo-3d{grid-column:1;grid-row:1;justify-self:end;width:86px;margin-right:9px}
.free-editor-promo-copy{grid-column:2;grid-row:1;justify-self:center;width:max-content;max-width:270px;text-align:center}
@media(max-width:700px){.hero-editor-column .hero-free-editor{padding:13px 12px}.hero-free-editor .free-editor-formats.free-editor-promo-3d{width:56px;height:55px;margin-right:6px}.free-editor-promo-copy{max-width:190px}}