:root{
  --ink:#091843;--ink2:#17295d;--muted:#66769d;--blue:#0b7cf4;--blue2:#1767ef;--yellow:#ffc31a;--soft:#f4f8ff;--line:#dfe8f6;--white:#fff;
  --shadow:0 18px 50px rgba(31,73,130,.10);--shadow-sm:0 9px 24px rgba(31,73,130,.08);--radius:28px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:min(1360px,calc(100% - 48px));margin:0 auto}img{max-width:100%}

/* header */
.site-header{position:sticky;top:0;z-index:90;padding:10px 0;background:rgba(247,250,255,.86);backdrop-filter:blur(18px)}.nav-shell{height:72px;padding:0 24px;background:#fff;border:1px solid #edf1f8;border-radius:26px;display:flex;align-items:center;gap:28px;box-shadow:0 9px 28px rgba(33,72,126,.07)}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand-book{width:48px;height:48px;display:grid;place-items:center;font-size:31px;filter:saturate(1.15)}.brand-text{display:flex;align-items:baseline;font-size:24px;letter-spacing:-1px}.brand-text b{font-weight:850;color:#0b5fcf}.brand-text em{font-style:normal;font-size:15px;font-weight:800;color:#245ba8}.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:14px;font-weight:720}.desktop-nav a{color:#142348;transition:.18s}.desktop-nav a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:12px}.lang-pair{display:flex;align-items:center;border:1px solid #edf0f6;border-radius:18px;padding:4px;background:#fff}.lang-pair a{height:35px;padding:0 11px;display:grid;place-items:center;border-radius:13px;font-size:13px;font-weight:850;color:#657397}.lang-pair a.active{color:var(--blue);background:#edf5ff}.nav-login{height:46px;padding:0 20px;border-radius:16px;background:var(--yellow);display:flex;align-items:center;gap:9px;font-size:14px;font-weight:850;color:#13214a;box-shadow:0 8px 18px rgba(255,195,26,.25)}.nav-login span{font-size:18px}.menu-btn{display:none;width:42px;height:42px;padding:9px;border:0;background:transparent}.menu-btn span{display:block;height:2px;background:var(--ink);margin:5px 0;border-radius:2px}.mobile-nav{display:none}

/* hero */
.hero{position:relative;overflow:hidden;padding:18px 0 0;background:radial-gradient(circle at 82% 3%,rgba(208,231,255,.72),transparent 34%),linear-gradient(180deg,#f9fbff 0,#f3f8ff 72%,#fff 100%)}.hero-orbit{position:absolute;border:34px solid rgba(163,208,255,.12);border-radius:50%;pointer-events:none}.hero-orbit-a{width:640px;height:640px;right:-360px;top:160px}.hero-orbit-b{width:420px;height:420px;left:-275px;bottom:-180px}.hero-inner{position:relative;z-index:2}.hero-features{display:flex;gap:14px;margin:10px 0 3px}.hero-features>div{height:46px;padding:0 17px 0 10px;display:flex;align-items:center;gap:9px;border:1px solid #e3eaf5;border-radius:24px;background:#fff;box-shadow:var(--shadow-sm);color:#526389;font-size:14px;font-weight:620}.hero-features img{width:30px;height:30px;object-fit:contain}.hero-top{height:315px;display:grid;grid-template-columns:50% 50%;align-items:end;position:relative}.hero-copy{align-self:center;padding-bottom:5px;z-index:2}.hero-copy h1{font-size:clamp(54px,5.8vw,78px);line-height:.99;letter-spacing:-3.6px;margin:0 0 17px;font-weight:830;max-width:760px}.hero-copy h1::first-line{color:var(--ink)}.hero-copy p{margin:0;color:#66769b;font-size:18px;line-height:1.55;max-width:610px}.hero-art{position:absolute;right:-18px;bottom:-4px;width:min(730px,53vw);height:342px;overflow:hidden;display:flex;align-items:flex-end;justify-content:flex-end}.hero-art img{width:100%;height:auto;display:block;border-radius:0 0 18px 18px;mix-blend-mode:multiply}

/* generator */
.generator{position:relative;z-index:4;margin-top:0;background:#fff;border:1px solid #e5ebf6;border-radius:28px;padding:17px 24px 20px;box-shadow:0 20px 50px rgba(36,77,133,.12)}.generator-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:start}.generator-row+.generator-row{margin-top:11px}.generator-step{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0a65d6;border:1px solid #e4eaf4;font-weight:850;font-size:17px;box-shadow:0 6px 16px rgba(39,91,157,.15);margin-top:1px}.field-block{min-width:0}.field-block label{display:block;margin:0 0 7px;font-size:14px;font-weight:800;color:#111d44}.input-with-icon{height:46px;border:1px solid #dfe6f2;background:#fff;border-radius:11px;display:flex;align-items:center;padding:0 12px}.input-with-icon input{border:0;outline:0;background:transparent;width:100%;height:100%;color:var(--ink);font-size:14px}.input-with-icon input::placeholder{color:#a4aec4}.input-with-icon>img{width:25px;height:25px;object-fit:contain}.mail-glyph{color:#a5afc3;font-size:19px}.format-strip{display:flex;gap:9px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;padding:8px 3px 4px}.format-strip::-webkit-scrollbar{display:none}.format-card{position:relative;flex:1 0 0;min-width:128px;height:96px;border:1px solid #e0e6f1;border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;scroll-snap-align:start;transition:.18s;box-shadow:0 4px 14px rgba(30,68,121,.05)}.format-card:hover{transform:translateY(-1px);border-color:#9bc6ff}.format-card.active{border:2px solid #1a79ef;background:#fbfdff;box-shadow:0 8px 20px rgba(24,118,235,.12)}.format-check{display:none;position:absolute;top:-8px;right:-7px;width:23px;height:23px;border-radius:50%;background:#1a79ef;color:#fff;place-items:center;font-size:12px;font-weight:900;box-shadow:0 4px 10px rgba(24,118,235,.28)}.format-card.active .format-check{display:grid}.format-card img{width:39px;height:39px;object-fit:contain;margin-bottom:1px}.format-card b{font-size:13px;line-height:1.1}.format-card small{font-size:10.5px;color:#7583a5;white-space:nowrap}.generator-actions{grid-template-columns:42px minmax(250px,370px) minmax(0,1fr);align-items:end}.email-block{min-width:0}.generate-area{min-width:0;padding-left:22px}.generate-btn{width:100%;height:56px;border:0;border-radius:12px;background:linear-gradient(100deg,#076ef1 0%,#0d77f2 58%,#ffc31a 100%);color:#fff;font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:16px;box-shadow:0 10px 23px rgba(20,106,228,.22);cursor:pointer}.generate-btn i{font-style:normal;font-size:25px}.generate-area small{display:block;text-align:center;margin-top:7px;color:#6d7b9d;font-size:11.5px}.hero-trust{margin:13px 0 29px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid #e8edf5;border-radius:18px;box-shadow:0 10px 28px rgba(31,73,130,.06)}.hero-trust>div{min-height:77px;padding:8px 20px;display:flex;align-items:center;gap:12px;position:relative}.hero-trust>div:not(:last-child)::after{content:"";position:absolute;right:0;top:16px;bottom:16px;width:1px;background:#e7ebf2}.hero-trust img{width:48px;height:48px;object-fit:contain}.hero-trust p{margin:0;display:flex;flex-direction:column;gap:3px}.hero-trust b{font-size:13px}.hero-trust span{font-size:11px;color:#7886a6}

/* shared section heading */
.section-head{text-align:center;max-width:930px;margin:0 auto 35px}.section-head>span{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 16px;border:1px solid #cfe0f5;border-radius:999px;background:#fff;color:#0867d4;font-weight:800;font-size:14px;box-shadow:0 5px 14px rgba(34,86,151,.06);margin-bottom:14px}.section-head h2{margin:0 0 13px;color:#071642;font-size:clamp(36px,4.6vw,57px);line-height:1.05;letter-spacing:-2.3px;font-weight:850}.section-head h2 strong{color:#0b73eb;font-weight:850;border-bottom:4px solid var(--yellow)}.section-head p{margin:0;color:#6f7d9c;font-size:17px;line-height:1.55}.section-head.left{text-align:left;margin-left:0}

/* topics */
.topics-section{position:relative;overflow:hidden;padding:72px 0 78px;background:linear-gradient(180deg,#fff 0,#f4f9ff 100%)}.topics-section::before,.topics-section::after{content:"";position:absolute;border:28px solid rgba(131,191,255,.12);border-radius:50%}.topics-section::before{width:250px;height:250px;left:-150px;top:-115px}.topics-section::after{width:480px;height:250px;right:-285px;bottom:-100px}.topic-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1180px;margin:0 auto}.topic-card{height:96px;border:1px solid #dfe7f3;border-radius:17px;background:#fff;display:flex;align-items:center;gap:18px;padding:0 25px;color:var(--ink);box-shadow:0 8px 19px rgba(39,76,128,.06);cursor:pointer;transition:.18s;text-align:left}.topic-card:hover{transform:translateY(-2px);border-color:#9dcaff;box-shadow:0 13px 28px rgba(39,76,128,.10)}.topic-card img{width:48px;height:48px;object-fit:contain}.topic-card b{font-size:18px}.topic-quick{position:relative;z-index:2;max-width:760px;height:70px;margin:44px auto 0;border:2px solid #2c8df4;border-radius:28px;background:#fff;padding:5px 8px 5px 23px;display:flex;align-items:center;box-shadow:0 8px 22px rgba(24,121,235,.08)}.topic-quick input{flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-size:20px}.topic-quick button{width:54px;height:54px;border:0;background:transparent;cursor:pointer}.topic-quick button img{width:38px;height:38px;object-fit:contain}

/* pricing */
.pricing-section{position:relative;padding:72px 0 55px;background:radial-gradient(circle at 5% 70%,rgba(200,226,255,.43),transparent 27%),radial-gradient(circle at 97% 13%,rgba(227,238,255,.72),transparent 26%),#fff;overflow:hidden}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1120px;margin:0 auto}.price-card{min-height:500px;background:#fff;border:1px solid #e1e8f2;border-radius:27px;padding:24px 27px 28px;display:flex;flex-direction:column;box-shadow:0 15px 36px rgba(42,79,131,.08)}.price-card.popular{border:2px solid #2388f4;padding:23px 26px 27px;box-shadow:0 19px 42px rgba(30,125,238,.12)}.price-head{display:flex;align-items:center;gap:16px;min-height:66px}.price-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#eef6ff}.price-icon img{width:51px;height:51px;object-fit:contain}.price-badge{display:inline-flex;padding:7px 13px;border-radius:999px;background:#fff5d6;color:#bf8912;font-size:13px;font-weight:850}.popular .price-badge{background:#0877ec;color:#fff}.price-card h3{font-size:29px;margin:14px 0 8px}.price{display:flex;align-items:baseline;gap:12px}.price b{font-size:42px;line-height:1;color:#0a6bd9}.price em{font-style:normal;color:#657494;font-size:14px}.price-card hr{border:0;border-top:1px solid #e6ebf2;width:100%;margin:20px 0}.price-card ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:14px;color:#526383;font-size:14px;line-height:1.45}.price-card li{position:relative;padding-left:25px}.price-card li::before{content:"✓";position:absolute;left:0;top:0;width:17px;height:17px;border-radius:50%;background:#1384f0;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}.price-card>a{margin-top:auto;height:52px;border:1.5px solid #1e84ee;border-radius:13px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#106fd2;font-weight:800}.price-card.popular>a{color:#fff;border:0;background:linear-gradient(100deg,#0b7df2,#1680ef 65%,#ffc31a)}.pricing-trust{max-width:950px;margin:26px auto 0;display:grid;grid-template-columns:repeat(3,1fr)}.pricing-trust>div{display:flex;align-items:center;justify-content:center;gap:12px;padding:9px 25px;position:relative}.pricing-trust>div:not(:last-child)::after{content:"";position:absolute;right:0;top:10px;bottom:10px;width:1px;background:#e0e7f2}.pricing-trust img{width:48px;height:48px;object-fit:contain}.pricing-trust p{margin:0;display:flex;flex-direction:column;gap:2px}.pricing-trust b{font-size:12px}.pricing-trust span{font-size:10.5px;color:#73819e}

/* process / benefits */
.process-section{position:relative;padding:74px 0 78px;background:linear-gradient(180deg,#f4f9ff 0,#fff 100%);overflow:hidden}.process-section::before{content:"";position:absolute;width:360px;height:360px;border:35px solid rgba(130,190,255,.16);border-radius:50%;left:-240px;top:-155px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-grid article{min-height:415px;background:#fff;border:1px solid #dfe7f2;border-radius:24px;padding:20px 20px 23px;text-align:center;box-shadow:0 12px 28px rgba(40,77,128,.07)}.benefit-art{height:190px;display:flex;align-items:center;justify-content:center}.benefit-art img{width:150px;height:150px;object-fit:contain}.benefit-index{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:11px}.benefit-index::before,.benefit-index::after{content:"";width:54px;height:1px;background:#dfe5ed}.benefit-index span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#eef5ff;color:#0d76e9;font-size:13px;font-weight:900}.process-grid h3{font-size:21px;margin:0 0 10px}.process-grid p{font-size:13px;line-height:1.58;color:#73809c;margin:0}

/* examples */
.examples-section{position:relative;padding:74px 0 80px;background:linear-gradient(180deg,#fff 0,#f8fbff 100%);overflow:hidden}.examples-section::before{content:"";position:absolute;left:-130px;top:-145px;width:260px;height:260px;border-radius:50%;border:28px solid rgba(130,190,255,.14)}.examples-section::after{content:"✦";position:absolute;right:12%;top:65px;color:var(--yellow);font-size:42px}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.example-card{min-height:250px;background:#fff;border:1px solid #e0e7f2;border-radius:18px;padding:18px;display:flex;flex-direction:column;box-shadow:0 9px 21px rgba(36,72,123,.05);transition:.18s}.example-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(36,72,123,.09)}.example-meta{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:13px}.example-icon{width:48px;height:48px;border-radius:12px;background:#eef6ff;display:grid;place-items:center}.example-icon img{width:39px;height:39px;object-fit:contain}.example-meta>b{font-size:11px;color:#6b7fa2;background:#f2f7ff;padding:5px 8px;border-radius:6px}.example-card h3{font-size:15px;line-height:1.35;margin:0 0 8px}.example-card h3 a:hover{color:var(--blue)}.example-card p{font-size:12px;line-height:1.5;color:#7a87a3;margin:0}.example-foot{margin-top:auto;padding-top:13px;display:flex;gap:7px;align-items:center;color:#74819d;font-size:10.5px}.all-examples{width:min(430px,100%);height:52px;margin:22px auto 0;border:1.5px solid #2a8bf1;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:18px;background:#fff;color:#0c6ed5;font-weight:800;font-size:14px}.all-examples span{font-size:20px}

/* reviews */
.reviews-section{position:relative;padding:72px 0 82px;background:linear-gradient(180deg,#f6faff 0,#eef6ff 100%);overflow:hidden}.reviews-section::before{content:"“";position:absolute;left:7%;top:180px;font-size:74px;color:#9bcaff;font-weight:900;opacity:.85}.reviews-note{max-width:720px;height:67px;margin:20px auto 0;border:1px solid #dae7f4;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;gap:15px;box-shadow:0 8px 20px rgba(35,78,132,.06);position:relative}.reviews-note>img{width:42px;height:42px;object-fit:contain}.reviews-note span{color:#55709b;font-size:15px}.reviews-note .review-accent{position:absolute;width:34px;height:34px;right:-16px;top:-12px}.review-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;padding:7px 2px}.review-track::-webkit-scrollbar{display:none}.review-card{position:relative;flex:0 0 calc((100% - 32px)/3);min-width:0;min-height:290px;background:#fff;border:1px solid #dfe8f3;border-radius:18px;padding:25px 24px 20px;display:flex;flex-direction:column;scroll-snap-align:start;box-shadow:0 10px 25px rgba(36,78,131,.07)}.stars{display:flex;gap:5px;margin-bottom:22px}.stars img{width:22px;height:22px;object-fit:contain}.review-quote{position:absolute;right:24px;top:23px;width:42px;height:42px;object-fit:contain}.review-card h3{font-size:17px;margin:0 0 14px}.review-card>p{color:#667898;font-size:14px;line-height:1.65;margin:0}.review-meta{margin-top:auto;padding-top:17px;border-top:1px solid #e6ebf2;display:flex;align-items:center;justify-content:space-between;color:#71809e;font-size:12px}.review-meta>span{display:flex;align-items:center;gap:8px;font-weight:800;color:#172958}.review-meta img{width:22px;height:22px;object-fit:contain}.review-controls{margin-top:26px;display:flex;align-items:center;justify-content:center;position:relative}.review-button{height:58px;padding:0 38px;border:0;border-radius:13px;background:linear-gradient(100deg,#0879f3,#2282f0);color:#fff;font-size:17px;font-weight:800;display:flex;align-items:center;gap:12px;box-shadow:0 12px 24px rgba(17,116,239,.20);cursor:pointer}.review-button img{width:28px;height:28px}.review-controls>div{position:absolute;right:0;display:flex;gap:12px}.review-controls>div button{width:57px;height:57px;border:1px solid #d8e4f2;border-radius:17px;background:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px rgba(37,78,128,.07)}.review-controls>div img{width:42px;height:42px;object-fit:contain}

/* FAQ */
.faq-section{padding:78px 0;background:#fff}.faq-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:54px;align-items:start}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid #e0e7f2;border-radius:17px;background:#fbfdff;padding:0 19px}.faq-list summary{min-height:59px;display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;font-weight:800;color:#162651}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#0b78e8;font-size:22px}.faq-list p{margin:0;padding:0 0 18px;color:#6c7b99;line-height:1.6;font-size:14px}

/* footer */
.site-footer{padding:55px 0 22px;background:#081a45;color:#dbe8ff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px}.site-footer .brand-text b{color:#fff}.site-footer .brand-text em{color:#77b8ff}.footer-brand p{max-width:440px;color:#9fb1d0;line-height:1.6}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col b{color:#fff;margin-bottom:4px}.footer-col a{color:#bdcbe1;font-size:14px}.footer-col a:hover{color:#fff}.footer-bottom{margin-top:42px;padding-top:18px;border-top:1px solid rgba(255,255,255,.10);display:flex;justify-content:space-between;gap:30px;color:#8398bd;font-size:12px}

/* modals */
.modal-backdrop{position:fixed;inset:0;z-index:200;background:rgba(7,23,61,.48);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.generation-modal,.review-modal{width:min(620px,100%);background:#fff;border:1px solid #dbe4f0;border-radius:28px;padding:29px;box-shadow:0 38px 100px rgba(16,42,89,.28);position:relative}.modal-close{position:absolute;right:17px;top:17px;width:42px;height:42px;border:0;border-radius:50%;background:#edf4ff;color:#55719d;font-size:25px;cursor:pointer}.modal-head{display:flex;align-items:center;gap:14px;padding-right:55px}.pulse-orb{width:49px;height:49px;border-radius:16px;background:linear-gradient(135deg,#0a7af2,#ffc31a);box-shadow:0 0 0 0 rgba(12,121,242,.30);animation:pulse 1.5s infinite}.modal-head small{font-size:10px;color:#0b74e0;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.modal-head h2{font-size:28px;margin:3px 0 0}.progress-line{height:9px;background:#edf3fb;border-radius:999px;overflow:hidden;margin-top:26px}.progress-line span{display:block;width:4%;height:100%;background:linear-gradient(90deg,#0a7af2,#ffc31a);transition:width .35s}.progress-meta{display:flex;justify-content:space-between;margin-top:8px;color:#7482a0;font-size:12px}.stage-list{display:grid;gap:8px;margin-top:22px}.stage-list>div{display:grid;grid-template-columns:42px 1fr 18px;gap:11px;align-items:center;padding:10px;border:1px solid #e0e7f2;border-radius:14px;color:#7a87a2}.stage-list>div.active{background:#edf6ff;border-color:#96c8ff;color:#162651;transform:translateX(3px)}.stage-list>div.done{background:#f8fbff;color:#405172}.stage-list i{width:35px;height:35px;border-radius:10px;background:#eef3f9;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:900}.stage-list .active i{background:#0b7bf0;color:#fff;animation:stagepulse 1s infinite alternate}.stage-list .done em::before{content:"✓";color:#0b7bf0;font-weight:900}.stage-list .active em{width:10px;height:10px;border-radius:50%;background:#ffc31a;animation:blink .8s infinite alternate}.modal-status{min-height:20px;color:#6e7d99;font-size:13px;line-height:1.5}.modal-result{height:52px;border-radius:14px;background:#0a77eb;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:850}.modal-result[hidden]{display:none}.review-modal{display:grid;gap:11px}.review-modal h2{margin:0 50px 8px 0}.review-modal input,.review-modal textarea,.contact-form input,.contact-form textarea{width:100%;border:1px solid #dce5f1;border-radius:13px;background:#fbfdff;outline:0;padding:0 14px;color:var(--ink)}.review-modal input,.contact-form input{height:50px}.review-modal textarea,.contact-form textarea{min-height:125px;padding:13px 14px;resize:vertical}.rating-select{display:flex;align-items:center;justify-content:space-between;color:#5e6f91}.rating-select select{height:40px;border:1px solid #dce5f1;border-radius:10px;background:#fff}.form-status{font-size:13px;color:#66789a}

/* catalog, example, info/blog shared */
.catalog-main,.example-main,.info-main{min-height:70vh}.catalog-hero,.example-hero{padding:70px 0 55px;background:linear-gradient(180deg,#edf6ff,#fff)}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#0b71df;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.eyebrow span{width:24px;height:2px;background:#ffc31a}.catalog-hero h1,.example-hero h1,.info-card h1{font-size:clamp(42px,5vw,68px);letter-spacing:-2.5px;line-height:1.03;margin:15px 0}.catalog-hero p,.example-hero p,.info-card>p{font-size:18px;line-height:1.65;color:#697a9c;max-width:860px}.catalog-section{padding:50px 0 85px}.catalog-filters{display:flex;gap:8px;overflow:auto;padding-bottom:9px;scrollbar-width:none}.catalog-filters a{white-space:nowrap;padding:10px 13px;border:1px solid #dce5f1;border-radius:999px;background:#fff;font-size:13px;font-weight:800}.catalog-filters a.active{background:#0a75e7;color:#fff;border-color:#0a75e7}.catalog-search{display:flex;max-width:620px;margin:18px 0 24px;border:1px solid #dce5f1;border-radius:15px;overflow:hidden;background:#fff}.catalog-search input{height:50px;flex:1;border:0;outline:0;padding:0 15px}.catalog-search button{width:55px;border:0;background:#0a77eb;color:#fff;font-size:19px}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.catalog-card{background:#fff;border:1px solid #dfe7f2;border-radius:20px;padding:20px;min-height:245px;display:flex;flex-direction:column;box-shadow:0 8px 20px rgba(37,73,123,.05)}.catalog-card-top{display:flex;justify-content:space-between}.catalog-card h2{font-size:18px;line-height:1.35;margin:17px 0 8px}.catalog-card p{color:#6d7d9d;font-size:13px;line-height:1.55}.catalog-card-foot{margin-top:auto;padding-top:14px;border-top:1px solid #e9edf4;display:flex;justify-content:space-between;font-size:12px}.catalog-card-foot a{color:#0a73df;font-weight:850}.empty-state{grid-column:1/-1;padding:55px;text-align:center;color:#6e7d99}.primary-link{display:inline-flex;margin-top:18px;padding:14px 18px;border-radius:13px;background:#0a77eb;color:#fff;font-weight:850}.outline-section{padding:68px 0}.outline-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:28px}.outline-grid>article,.privacy-card{border:1px solid #dfe7f2;border-radius:24px;background:#fff;padding:28px;box-shadow:var(--shadow-sm)}.outline-grid>article>span{color:#0b73df;font-size:12px;font-weight:900;text-transform:uppercase}.outline-grid h2{font-size:34px;margin:8px 0 20px}.outline-grid ol{margin:0;padding-left:22px;display:grid;gap:14px;color:#465879;line-height:1.5}.privacy-card b{font-size:20px}.privacy-card p{color:#6d7d9d;line-height:1.6}.privacy-card a{color:#0b73df;font-weight:850}.info-main{padding:68px 0;background:#f3f8ff}.info-card{background:#fff;border:1px solid #dfe7f2;border-radius:28px;padding:42px;box-shadow:var(--shadow);max-width:1000px}.info-copy{margin-top:32px;background:#f7faff;border-radius:18px;padding:23px}.info-copy h2{margin-top:0}.info-copy li{margin:9px 0;color:#536582}.contact-form{display:grid;gap:11px;margin-top:28px;max-width:660px}.contact-form button{width:220px}.blog-article .info-copy{background:#fbfdff}

@keyframes pulse{70%{box-shadow:0 0 0 17px rgba(12,121,242,0)}100%{box-shadow:0 0 0 0 rgba(12,121,242,0)}}@keyframes stagepulse{to{transform:scale(1.05);box-shadow:0 0 0 7px rgba(12,121,242,.09)}}@keyframes blink{to{opacity:.3}}

@media(max-width:1100px){.desktop-nav{display:none}.hero-top{grid-template-columns:49% 51%}.hero-copy h1{font-size:58px}.format-card{flex:0 0 125px}.topic-grid{grid-template-columns:repeat(3,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.example-grid,.catalog-grid{grid-template-columns:repeat(2,1fr)}.faq-shell{grid-template-columns:1fr;gap:18px}.section-head.left{text-align:center;margin-left:auto}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.review-card{flex-basis:calc((100% - 16px)/2)}}

@media(max-width:760px){.shell{width:calc(100% - 20px)}.site-header{padding:6px 0}.nav-shell{height:62px;border-radius:20px;padding:0 12px}.brand-book{width:38px;height:38px;font-size:25px}.brand-text{font-size:20px}.brand-text em{font-size:12px}.lang-pair{margin-left:auto}.nav-login{display:none}.menu-btn{display:block}.mobile-nav{position:absolute;top:72px;left:10px;right:10px;background:#fff;border:1px solid #dfe7f2;border-radius:18px;padding:10px;box-shadow:var(--shadow);display:none;flex-direction:column}.mobile-nav.open{display:flex}.mobile-nav a{padding:11px;border-radius:10px}.hero{padding-top:7px}.hero-inner{width:100%}.hero-features{display:none}.hero-top{height:auto;display:flex;flex-direction:column;align-items:stretch}.hero-copy{padding:12px 12px 3px}.hero-copy h1{font-size:44px;letter-spacing:-2.3px;margin-bottom:13px}.hero-copy p{font-size:15px}.hero-art{position:relative;right:auto;bottom:auto;width:100%;height:auto;margin:4px 0 -4px}.hero-art img{width:100%}.generator{margin:0;border-radius:19px;border-left:0;border-right:0;padding:13px 10px 15px}.generator-row{grid-template-columns:29px minmax(0,1fr);gap:7px}.generator-step{width:29px;height:29px;font-size:13px}.field-block label{font-size:13px}.generator-actions{grid-template-columns:29px minmax(0,1fr)}.email-block,.generate-area{grid-column:2}.generate-area{padding-left:0}.generate-btn{height:52px;font-size:16px}.generate-area small{text-align:left;font-size:9.5px;line-height:1.4}.format-strip{width:100%;padding:9px 2px 8px;scroll-snap-type:x mandatory}.format-card{flex:0 0 116px;min-width:116px;height:98px}.hero-trust{width:calc(100% - 16px);margin:12px auto 24px;grid-template-columns:1fr}.hero-trust>div{min-height:64px;padding:7px 13px}.hero-trust>div:not(:last-child)::after{left:13px;right:13px;top:auto;bottom:0;width:auto;height:1px}.hero-trust img{width:43px;height:43px}.topics-section,.pricing-section,.process-section,.examples-section,.reviews-section,.faq-section{padding:55px 0}.section-head{margin-bottom:25px;padding:0 4px}.section-head h2{font-size:34px;letter-spacing:-1.4px}.section-head p{font-size:14px}.section-head>span{font-size:12px;min-height:35px}.topic-grid{grid-template-columns:1fr 1fr;gap:9px}.topic-card{height:78px;padding:0 14px;gap:10px}.topic-card img{width:39px;height:39px}.topic-card b{font-size:14px}.topic-quick{height:59px;margin-top:24px;border-radius:20px;padding-left:14px}.topic-quick input{font-size:15px}.topic-quick button{width:46px;height:46px}.price-grid{grid-template-columns:1fr;max-width:550px}.price-card{min-height:0}.pricing-trust{grid-template-columns:1fr;max-width:550px}.pricing-trust>div{justify-content:flex-start;padding:10px 5px}.pricing-trust>div:not(:last-child)::after{left:5px;right:5px;top:auto;bottom:0;width:auto;height:1px}.process-grid{grid-template-columns:1fr;max-width:550px;margin:0 auto}.process-grid article{min-height:0}.benefit-art{height:150px}.benefit-art img{width:125px;height:125px}.example-grid,.catalog-grid{grid-template-columns:1fr}.review-card{flex:0 0 100%;min-width:100%;min-height:280px}.review-controls{justify-content:flex-start}.review-button{height:52px;padding:0 22px;font-size:15px}.review-controls>div{right:0}.review-controls>div button{width:50px;height:50px}.review-controls>div img{width:36px;height:36px}.reviews-note{height:auto;min-height:62px;padding:10px 17px}.reviews-note span{font-size:13px}.faq-shell{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column;gap:8px}.generation-modal,.review-modal{padding:21px 15px;border-radius:22px}.modal-head h2{font-size:23px}.catalog-hero,.example-hero{padding:48px 0 36px}.catalog-hero h1,.example-hero h1,.info-card h1{font-size:41px;letter-spacing:-1.8px}.outline-grid{grid-template-columns:1fr}.info-card{padding:24px 17px;border-radius:22px}}

@media(max-width:460px){.shell{width:calc(100% - 12px)}.lang-pair a{padding:0 8px}.hero-copy h1{font-size:39px}.generator{padding-left:7px;padding-right:7px}.format-card{flex-basis:109px;min-width:109px}.topic-grid{grid-template-columns:1fr}.review-controls{padding-bottom:62px}.review-controls>div{right:auto;left:50%;transform:translateX(-50%);bottom:0}.review-button{width:100%;justify-content:center}.faq-list details{padding:0 14px}.catalog-card{padding:17px}.generation-modal{max-height:calc(100dvh - 14px);overflow:auto}.stage-list>div{grid-template-columns:38px 1fr 16px}.modal-close{right:11px;top:11px}}

/* ===== v7: single-column FAQ + paper example layout + transparent hero art ===== */
.hero-art{
  width:min(760px,54vw);
  height:390px;
  right:-10px;
  bottom:-5px;
  overflow:visible;
}
.hero-art img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:right bottom;
  border-radius:0;
  mix-blend-mode:normal;
}

/* FAQ is intentionally one vertical column on every desktop width. */
.faq-shell{
  display:block !important;
  max-width:1080px;
}
.faq-shell .section-head.left{
  text-align:center;
  margin:0 auto 28px;
  max-width:900px;
}
.faq-list{
  width:min(100%,980px);
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr;
  gap:11px;
}
.faq-list details{
  width:100%;
  border-radius:15px;
  background:#fff;
  box-shadow:0 5px 16px rgba(31,73,130,.045);
}
.faq-list summary{min-height:62px;font-size:15px}
.faq-list p{font-size:14px;line-height:1.65}

/* Legacy compatibility styles retained for private internal components. */
.example-main-paper{
  background:linear-gradient(180deg,#f8fbff 0,#fff 34%,#f8fbff 100%);
}
.example-paper-hero{
  padding:42px 0 22px;
  background:linear-gradient(180deg,#eef6ff 0%,#f9fbff 100%);
}
.example-paper-shell{max-width:1040px}
.example-breadcrumb{
  display:flex;
  align-items:center;
  gap:8px;
  color:#7b89a5;
  font-size:12px;
  margin-bottom:12px;
}
.example-breadcrumb a{color:#0b73df;font-weight:760}
.example-type-chip{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 11px;
  border-radius:999px;
  border:1px solid #d5e5f8;
  background:#fff;
  color:#0b70da;
  font-size:11px;
  font-weight:850;
  box-shadow:0 4px 12px rgba(41,84,143,.05);
}
.example-paper-hero h1{
  margin:13px 0 10px;
  max-width:900px;
  font-size:clamp(34px,4.4vw,56px);
  line-height:1.07;
  letter-spacing:-2px;
  color:#0b1842;
}
.example-lead{
  margin:0;
  max-width:900px;
  color:#6f7e9d;
  font-size:16px;
  line-height:1.6;
}
.paper-preview-section{padding:18px 0 64px}
.paper-preview-shell{max-width:1040px}
.paper-sheet{
  position:relative;
  width:min(820px,100%);
  min-height:720px;
  margin:0 auto;
  padding:42px 58px 70px;
  background:#fff;
  border:1px solid #e7ebf2;
  box-shadow:0 15px 45px rgba(28,62,108,.11);
}
.paper-sheet h2{
  margin:0 0 26px;
  text-align:center;
  color:#1b294b;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  letter-spacing:0;
}
.paper-outline{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:11px;
  color:#1f2c49;
  font-family:Georgia,"Times New Roman",serif;
  font-size:14px;
  line-height:1.45;
}
.paper-outline li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:5px}
.paper-outline li>span{font-weight:700}
.paper-outline .paper-sub{padding-left:20px;color:#38455f;font-size:13px}
.paper-fake-copy{
  margin-top:28px;
  display:grid;
  gap:10px;
  filter:blur(4px);
  opacity:.52;
  pointer-events:none;
}
.paper-fake-copy i{
  display:block;
  height:9px;
  border-radius:6px;
  background:linear-gradient(90deg,#8c95a8,#ccd2dc);
}
.paper-fake-copy i:nth-child(2){width:92%}.paper-fake-copy i:nth-child(3){width:97%}.paper-fake-copy i:nth-child(4){width:84%}.paper-fake-copy i:nth-child(5){width:94%}.paper-fake-copy i:nth-child(6){width:88%}.paper-fake-copy i:nth-child(7){width:96%}.paper-fake-copy i:nth-child(8){width:70%}
.paper-cta{
  position:absolute;
  z-index:4;
  left:50%;
  top:58%;
  transform:translate(-50%,-50%);
  width:min(410px,calc(100% - 44px));
  padding:22px 24px;
  text-align:center;
  border:1px solid #dce8f7;
  border-radius:18px;
  background:rgba(255,255,255,.97);
  box-shadow:0 18px 45px rgba(26,67,126,.18);
}
.paper-cta b{display:block;color:#101e47;font-size:17px;margin-bottom:6px}
.paper-cta p{margin:0 0 15px;color:#6d7b99;font-size:13px;line-height:1.5}
.paper-cta a{
  min-height:44px;
  padding:0 19px;
  border-radius:11px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(100deg,#0b75ec 0%,#1677eb 72%,#ffc31a 100%);
  color:#fff;
  font-size:13px;
  font-weight:850;
  box-shadow:0 8px 20px rgba(12,111,231,.18);
}
.example-privacy-note{
  width:min(820px,100%);
  margin:18px auto 0;
  min-height:82px;
  padding:15px 19px;
  border:1px solid #dfe8f4;
  border-radius:17px;
  background:#fff;
  display:flex;
  align-items:flex-start;
  gap:13px;
  box-shadow:0 8px 22px rgba(31,73,130,.055);
}
.example-note-icon{
  flex:0 0 38px;
  width:38px;
  height:38px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#edf6ff;
  color:#0b74e4;
  font-size:18px;
}
.example-privacy-note b{display:block;color:#17264d;font-size:13px;margin:1px 0 4px}
.example-privacy-note p{margin:0;color:#7885a1;font-size:11.5px;line-height:1.5}
.example-faq-section{padding-top:44px}
.example-faq-section .section-head h2{font-size:clamp(30px,3.5vw,45px);letter-spacing:-1.5px}

@media(max-width:1100px){
  .hero-art{height:365px;width:min(690px,53vw)}
}

@media(max-width:760px){
  .hero-art{width:100% !important;height:auto !important;overflow:visible !important;margin:0 !important;padding:0 6px}
  .hero-art img{width:100% !important;height:auto !important;object-fit:contain !important}
  .faq-shell{max-width:none}
  .faq-shell .section-head.left{text-align:center;margin:0 auto 22px}
  .faq-list{width:100%}
  .faq-list summary{min-height:57px;font-size:14px}
  .faq-list p{font-size:13px}
  .example-paper-hero{padding:30px 0 18px}
  .example-paper-hero h1{font-size:36px;letter-spacing:-1.5px}
  .example-lead{font-size:14px}
  .paper-preview-section{padding:12px 0 48px}
  .paper-sheet{min-height:630px;padding:28px 20px 55px;border-radius:4px}
  .paper-sheet h2{font-size:16px;margin-bottom:21px}
  .paper-outline{font-size:12.5px;gap:9px}
  .paper-outline li{grid-template-columns:32px minmax(0,1fr)}
  .paper-outline .paper-sub{padding-left:8px;font-size:12px}
  .paper-cta{top:62%;width:calc(100% - 30px);padding:18px 16px}
  .paper-cta b{font-size:15px}.paper-cta p{font-size:12px}.paper-cta a{width:100%}
  .example-privacy-note{padding:13px 14px;gap:10px}
  .example-note-icon{flex-basis:34px;width:34px;height:34px}
  .example-faq-section{padding-top:35px}
}

@media(max-width:460px){
  .example-paper-hero h1{font-size:31px}
  .paper-sheet{min-height:600px;padding:24px 15px 45px}
  .paper-outline{font-size:12px}
  .paper-cta{top:64%;width:calc(100% - 20px)}
}

/* ===== generator UX fix v8 ===== */
.format-strip{cursor:grab;user-select:none;-webkit-user-select:none}.format-strip.is-dragging{cursor:grabbing}.format-card{-webkit-user-drag:none}.format-card img{-webkit-user-drag:none;pointer-events:none}

.generation-modal{width:min(690px,100%);padding:30px 34px 32px;border-radius:30px;border:1px solid #d8e3f3;box-shadow:0 34px 95px rgba(13,52,108,.28);overflow:hidden}.generation-modal::before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,#0b78f3 0%,#1f8fff 55%,#ffc31a 100%)}.generation-head-bot{display:grid;grid-template-columns:104px minmax(0,1fr);gap:18px;align-items:center;padding:5px 58px 19px 0;border-bottom:1px solid #e4eaf3}.generation-bot{width:104px;height:94px;display:grid;place-items:center;position:relative}.generation-bot::before{content:"";position:absolute;width:78px;height:78px;border-radius:24px;background:linear-gradient(145deg,#eaf4ff,#fff8dc);box-shadow:0 8px 24px rgba(22,113,224,.13)}.generation-bot img{position:relative;z-index:1;width:102px;height:94px;object-fit:contain;animation:rfBotFloat 2.3s ease-in-out infinite}.generation-head-bot small{display:inline-flex;align-items:center;gap:7px;color:#0b77ea;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.generation-head-bot small::before{content:"";width:8px;height:8px;border-radius:50%;background:#ffc31a;box-shadow:0 0 0 0 rgba(255,195,26,.45);animation:rfLivePulse 1.25s infinite}.generation-head-bot h2{font-size:31px;line-height:1.08;margin:5px 0 7px;letter-spacing:-.7px}.generation-head-bot p{margin:0;color:#6e7d9b;font-size:14px;line-height:1.5;max-width:470px}.generation-progress{height:10px;margin-top:22px;background:#edf3fb}.generation-progress span{position:relative;background:linear-gradient(90deg,#0b78f3 0%,#1590ff 62%,#ffc31a 100%);box-shadow:0 0 18px rgba(17,124,241,.25)}.generation-progress span::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.65) 46%,transparent 76%);transform:translateX(-100%);animation:rfProgressShine 1.2s linear infinite}.progress-meta{margin-top:9px;font-size:13px}.progress-meta b{font-size:15px;color:#116edb}.generation-stage-list{position:relative;gap:0;margin-top:18px}.generation-stage-list::before{content:"";position:absolute;left:28px;top:30px;bottom:30px;width:2px;background:linear-gradient(180deg,#b9d8fb,#e5e9ef);z-index:0}.generation-stage-list>div{position:relative;z-index:1;display:grid;grid-template-columns:58px minmax(0,1fr) 24px;gap:13px;min-height:82px;align-items:center;padding:10px 12px;border:0;border-radius:18px;background:transparent;color:#75819b;transition:.28s ease}.generation-stage-list>div+div{margin-top:2px}.generation-stage-list>div i{width:54px;height:54px;border-radius:50%;background:#f2f5f9;border:1px solid #dfe6ef;color:#8390aa;box-shadow:0 4px 13px rgba(42,76,122,.07);font-size:12px}.generation-stage-list>div>span{display:flex;flex-direction:column;gap:4px}.generation-stage-list>div>span b{font-size:16px;line-height:1.15;color:#6d7892}.generation-stage-list>div>span small{font-size:12.5px;line-height:1.35;color:#9aa4b7}.generation-stage-list>div.active{background:linear-gradient(90deg,#edf6ff 0%,#fffdf4 100%);box-shadow:inset 0 0 0 1px #cfe4fb;transform:none}.generation-stage-list>div.active i{background:linear-gradient(145deg,#0b7cf4,#1869e9);border-color:#0b75ea;color:#fff;box-shadow:0 0 0 7px rgba(21,126,240,.10),0 7px 18px rgba(13,105,214,.23);animation:rfStageNode 1.2s ease-in-out infinite}.generation-stage-list>div.active>span b{color:#142650}.generation-stage-list>div.active>span small{color:#627394}.generation-stage-list>div.active em{width:11px;height:11px;border-radius:50%;background:#ffc31a;box-shadow:0 0 0 0 rgba(255,195,26,.5);animation:rfLivePulse 1.1s infinite}.generation-stage-list>div.done i{background:#ecf7ff;border-color:#9bcaf8;color:#0a74e6}.generation-stage-list>div.done>span b{color:#3c5479}.generation-stage-list>div.done>span small{color:#7f8ca5}.generation-stage-list>div.done em::before{content:"✓";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e9f8ef;color:#14a455;font-size:13px;font-weight:900}.modal-status{margin:13px 0 0;padding:11px 13px;min-height:0;border-radius:12px;background:#f7f9fc;color:#667695;font-size:13px}.modal-status:empty{display:none}.modal-result{margin-top:14px;background:linear-gradient(100deg,#0b78f3 0%,#1672ea 72%,#ffc31a 100%);box-shadow:0 10px 24px rgba(16,106,221,.20)}
@keyframes rfBotFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}@keyframes rfLivePulse{0%{box-shadow:0 0 0 0 rgba(255,195,26,.5)}70%{box-shadow:0 0 0 8px rgba(255,195,26,0)}100%{box-shadow:0 0 0 0 rgba(255,195,26,0)}}@keyframes rfProgressShine{to{transform:translateX(180%)}}@keyframes rfStageNode{0%,100%{transform:scale(1)}50%{transform:scale(1.055)}}

@media(max-width:760px){.generation-modal{width:min(100%,620px);padding:23px 16px 24px;border-radius:24px}.generation-head-bot{grid-template-columns:76px minmax(0,1fr);gap:11px;padding:4px 46px 16px 0}.generation-bot{width:76px;height:72px}.generation-bot::before{width:59px;height:59px;border-radius:19px}.generation-bot img{width:76px;height:72px}.generation-head-bot h2{font-size:25px}.generation-head-bot p{font-size:12.5px}.generation-stage-list::before{left:24px}.generation-stage-list>div{grid-template-columns:50px minmax(0,1fr) 22px;gap:9px;min-height:74px;padding:8px 7px}.generation-stage-list>div i{width:47px;height:47px}.generation-stage-list>div>span b{font-size:14.5px}.generation-stage-list>div>span small{font-size:11.5px}.generation-modal .modal-close{width:38px;height:38px;right:10px;top:13px}.generation-progress{margin-top:18px}}
@media(max-width:420px){.generation-head-bot{grid-template-columns:64px minmax(0,1fr)}.generation-bot{width:64px;height:62px}.generation-bot::before{width:52px;height:52px}.generation-bot img{width:64px;height:62px}.generation-head-bot h2{font-size:22px}.generation-head-bot p{display:none}.generation-stage-list>div{grid-template-columns:46px minmax(0,1fr) 20px}.generation-stage-list>div i{width:43px;height:43px}.generation-stage-list::before{left:21px}.modal-status{font-size:12px}}

/* ===== v9 FINAL: public work preview, FAQ one column, new hero art ===== */
.hero-art{
  position:absolute !important;
  right:-26px !important;
  bottom:-8px !important;
  width:min(790px,56vw) !important;
  height:410px !important;
  overflow:visible !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:flex-end !important;
  background:transparent !important;
}
.hero-art img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:right bottom !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  mix-blend-mode:normal !important;
}

/* FAQ: heading above the accordion, never side-by-side. */
.faq-section .faq-shell,
.example-faq-section .faq-shell{
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:none !important;
  align-items:stretch !important;
  gap:0 !important;
  width:min(1120px,calc(100% - 32px)) !important;
  max-width:1120px !important;
  margin:0 auto !important;
}
.faq-section .faq-shell > .section-head.left,
.example-faq-section .faq-shell > .section-head.left{
  width:100% !important;
  max-width:900px !important;
  margin:0 auto 30px !important;
  text-align:center !important;
}
.faq-section .faq-list,
.example-faq-section .faq-list{
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:none !important;
  gap:12px !important;
  width:min(100%,980px) !important;
  max-width:980px !important;
  margin:0 auto !important;
}
.faq-section .faq-list details,
.example-faq-section .faq-list details{
  width:100% !important;
  margin:0 !important;
  border:1px solid #dce6f3 !important;
  border-radius:16px !important;
  background:#fff !important;
  box-shadow:0 7px 20px rgba(30,68,121,.055) !important;
  overflow:hidden !important;
}
.faq-section .faq-list summary,
.example-faq-section .faq-list summary{
  min-height:64px !important;
  padding:17px 20px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  color:#122149 !important;
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
  cursor:pointer !important;
}
.faq-section .faq-list summary span,
.example-faq-section .faq-list summary span{
  flex:0 0 30px !important;
  width:30px !important;
  height:30px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#eef6ff !important;
  color:#0a74e5 !important;
  font-size:18px !important;
  transition:.2s ease !important;
}
.faq-section .faq-list details[open] summary span,
.example-faq-section .faq-list details[open] summary span{transform:rotate(45deg) !important;background:#0b78ef !important;color:#fff !important}
.faq-section .faq-list details p,
.example-faq-section .faq-list details p{
  margin:0 !important;
  padding:0 20px 19px !important;
  color:#667694 !important;
  font-size:14px !important;
  line-height:1.7 !important;
}

/* Public work page: large readable paper preview in the style of the previous site. */
.example-main-paper{
  background:linear-gradient(180deg,#f6f9ff 0,#fff 26%,#f8fbff 100%) !important;
}
.example-paper-hero{
  padding:54px 0 30px !important;
  background:linear-gradient(180deg,#eef6ff 0%,#f8fbff 100%) !important;
}
.example-paper-shell,
.paper-preview-shell{width:min(1180px,calc(100% - 36px)) !important;max-width:1180px !important;margin:0 auto !important}
.example-breadcrumb{font-size:13px !important;margin-bottom:15px !important}
.example-type-chip{min-height:34px !important;padding:0 14px !important;font-size:12px !important}
.example-paper-hero h1{
  max-width:1020px !important;
  margin:15px 0 11px !important;
  font-size:clamp(39px,4.6vw,64px) !important;
  line-height:1.04 !important;
  letter-spacing:-2.4px !important;
  color:#081641 !important;
}
.example-lead{
  max-width:980px !important;
  color:#677897 !important;
  font-size:17px !important;
  line-height:1.65 !important;
}
.paper-preview-section{padding:26px 0 72px !important}
.paper-sheet{
  position:relative !important;
  width:min(930px,100%) !important;
  min-height:920px !important;
  margin:0 auto !important;
  padding:54px 72px 84px !important;
  background:#fff !important;
  border:1px solid #e1e7f0 !important;
  border-radius:4px !important;
  box-shadow:0 22px 62px rgba(23,57,105,.13) !important;
}
.paper-sheet::before{
  content:"";
  position:absolute;
  inset:14px;
  pointer-events:none;
  border:1px solid rgba(225,230,238,.38);
}
.paper-sheet h2{
  position:relative !important;
  z-index:1 !important;
  margin:0 0 32px !important;
  text-align:center !important;
  color:#111c37 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:20px !important;
  line-height:1.35 !important;
}
.paper-outline{
  position:relative !important;
  z-index:1 !important;
  gap:13px !important;
  color:#16233f !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:15px !important;
  line-height:1.52 !important;
}
.paper-outline li{grid-template-columns:44px minmax(0,1fr) !important;gap:6px !important}
.paper-outline .paper-sub{padding-left:24px !important;font-size:14px !important;color:#36435d !important}
.paper-fake-copy{
  position:relative !important;
  z-index:1 !important;
  margin-top:38px !important;
  gap:13px !important;
  filter:blur(5px) !important;
  opacity:.45 !important;
}
.paper-fake-copy i{height:11px !important;background:linear-gradient(90deg,#9099aa,#d8dde5) !important}
.paper-cta{
  top:57% !important;
  width:min(440px,calc(100% - 48px)) !important;
  padding:25px 28px !important;
  border:1px solid #d9e5f4 !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.985) !important;
  box-shadow:0 22px 58px rgba(21,61,119,.20) !important;
}
.paper-cta b{font-size:19px !important;color:#101d42 !important;margin-bottom:7px !important}
.paper-cta p{font-size:13.5px !important;line-height:1.55 !important;margin-bottom:17px !important}
.paper-cta a{
  min-height:48px !important;
  min-width:205px !important;
  padding:0 22px !important;
  border-radius:12px !important;
  background:linear-gradient(100deg,#0a78f3 0%,#116fe7 72%,#ffc21a 100%) !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:900 !important;
}
.example-privacy-note{
  width:min(930px,100%) !important;
  min-height:88px !important;
  margin:20px auto 0 !important;
  padding:17px 21px !important;
  border-radius:18px !important;
}
.example-privacy-note b{font-size:14px !important}
.example-privacy-note p{font-size:12.5px !important;line-height:1.55 !important}
.example-faq-section{padding:60px 0 84px !important}

@media(max-width:1100px){
  .hero-art{width:min(700px,54vw) !important;height:370px !important;right:-12px !important}
  .paper-sheet{width:min(860px,100%) !important;padding:48px 55px 75px !important}
}
@media(max-width:760px){
  .hero-art{position:relative !important;right:auto !important;bottom:auto !important;width:100% !important;height:auto !important;margin:4px 0 -4px !important;padding:0 4px !important}
  .hero-art img{width:100% !important;height:auto !important;max-height:none !important}
  .faq-section .faq-shell,.example-faq-section .faq-shell{width:calc(100% - 20px) !important}
  .faq-section .faq-shell > .section-head.left,.example-faq-section .faq-shell > .section-head.left{text-align:left !important;margin-bottom:20px !important;padding:0 4px !important}
  .faq-section .faq-list,.example-faq-section .faq-list{width:100% !important}
  .faq-section .faq-list summary,.example-faq-section .faq-list summary{min-height:58px !important;padding:15px 14px !important;font-size:14px !important}
  .faq-section .faq-list details p,.example-faq-section .faq-list details p{padding:0 14px 16px !important;font-size:13px !important}
  .example-paper-hero{padding:34px 0 20px !important}
  .example-paper-shell,.paper-preview-shell{width:calc(100% - 18px) !important}
  .example-paper-hero h1{font-size:clamp(31px,9vw,42px) !important;letter-spacing:-1.5px !important}
  .example-lead{font-size:14px !important}
  .paper-preview-section{padding:13px 0 50px !important}
  .paper-sheet{width:100% !important;min-height:720px !important;padding:30px 20px 56px !important}
  .paper-sheet::before{inset:8px !important}
  .paper-sheet h2{font-size:16px !important;margin-bottom:23px !important}
  .paper-outline{font-size:12.5px !important;gap:9px !important}
  .paper-outline li{grid-template-columns:33px minmax(0,1fr) !important}
  .paper-outline .paper-sub{padding-left:7px !important;font-size:12px !important}
  .paper-cta{top:61% !important;width:calc(100% - 28px) !important;padding:19px 16px !important}
  .paper-cta b{font-size:16px !important}.paper-cta p{font-size:12px !important}.paper-cta a{width:100% !important}
  .example-privacy-note{width:100% !important;padding:14px 14px !important}
  .example-faq-section{padding:44px 0 60px !important}
}
@media(max-width:430px){
  .paper-sheet{min-height:690px !important;padding:25px 14px 48px !important}
  .paper-cta{top:64% !important;width:calc(100% - 20px) !important}
}

/* ===== release v12 ===== */
@media(min-width:1101px){
  .hero-art{right:38px !important;width:min(675px,49vw) !important;height:350px !important;justify-content:flex-end !important}
  .hero-art img{max-width:100% !important;object-fit:contain !important}
}

/* ===== clean section decorations v13 ===== */
.examples-section::after,
.reviews-section::before{
  content:none !important;
  display:none !important;
}

/* full generation popup: keep all six saved stages visible and scroll safely */
.generation-modal{max-height:calc(100vh - 24px);overflow:auto}
@media(max-width:760px){.generation-stage-list>div{min-height:66px}.generation-stage-list>div i{width:44px;height:44px}.generation-stage-list::before{left:22px}}

/* ===== free launch v20 ===== */
.free-mode-strip{padding:32px 18px 74px;background:linear-gradient(180deg,#fff,#f3f8ff)}
.free-mode-strip .shell>div{width:min(940px,100%);margin:0 auto;border:1px solid #cfe3fb;background:linear-gradient(100deg,#fafdff,#eef7ff);border-radius:24px;padding:20px 24px;display:flex;align-items:center;gap:18px;box-shadow:0 14px 40px rgba(26,105,194,.08)}
.free-mode-strip b{font-size:19px;color:#10265a;white-space:nowrap}.free-mode-strip span{color:#64789b;line-height:1.55}
@media(max-width:700px){.free-mode-strip{padding:22px 12px 48px}.free-mode-strip .shell>div{display:grid;gap:7px;padding:17px}.free-mode-strip b{font-size:17px;white-space:normal}}


/* Separate daily-limit popup: never reuse the generation progress modal for quota errors. */
.limit-modal{width:min(500px,100%);background:#fff;border:1px solid #d9e5f5;border-radius:28px;padding:34px 32px 30px;box-shadow:0 32px 90px rgba(15,55,115,.26);position:relative;text-align:center;overflow:hidden}
.limit-modal::before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,#0b7bf2,#2b91ff 65%,#ffc31a)}
.limit-icon{width:78px;height:78px;margin:4px auto 14px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,#e9f5ff,#fff8d9);color:#0b75e7;font-size:27px;font-weight:950;box-shadow:0 10px 28px rgba(14,112,226,.12)}
.limit-modal>small{display:block;color:#0a75e6;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.09em;margin-bottom:6px}
.limit-modal h2{margin:0;font-size:29px;line-height:1.12;color:#102351;letter-spacing:-.5px}
.limit-modal p{margin:12px auto 22px;color:#68799a;font-size:15px;line-height:1.58;max-width:420px}
.limit-request-btn,.limit-continue-btn{width:100%;height:54px;border:0;border-radius:15px;cursor:pointer;font:inherit;font-size:15px;font-weight:900;color:#fff;background:linear-gradient(100deg,#0b7cf3 0%,#1577ed 70%,#ffc31a 100%);box-shadow:0 11px 25px rgba(14,105,219,.19)}
.limit-request-btn:disabled{opacity:.62;cursor:wait}
.limit-continue-btn{background:linear-gradient(100deg,#14aa69,#14b97a 68%,#ffc31a)}
.limit-request-btn[hidden],.limit-continue-btn[hidden]{display:none}
.limit-status{display:block;min-height:18px;margin-top:11px;color:#697b9c;font-size:12.5px}
@media(max-width:560px){.limit-modal{padding:29px 18px 22px;border-radius:23px}.limit-icon{width:66px;height:66px;border-radius:20px;font-size:23px}.limit-modal h2{font-size:25px}.limit-modal p{font-size:14px}}

/* ===== growth rewards v26 ===== */
.limit-reward-btn{width:100%;height:50px;margin-top:10px;border:1.5px solid #b7d4f6;border-radius:15px;background:#fff;color:#126fcf;font:inherit;font-size:14px;font-weight:900;cursor:pointer;transition:.18s}
.limit-reward-btn:hover{border-color:#78afea;background:#f6fbff;transform:translateY(-1px)}
.limit-reward-btn[hidden]{display:none}
.generation-review-ask{margin-top:16px;padding:16px;border:1px solid #d9e7f7;border-radius:17px;background:linear-gradient(110deg,#f8fcff,#fffdf4);text-align:left}
.generation-review-ask[hidden]{display:none}
.generation-review-ask>b{display:block;color:#10285a;font-size:15px}.generation-review-ask>p{margin:5px 0 12px;color:#6c7c99;font-size:12.5px;line-height:1.45}
.generation-review-ask>div{display:flex;gap:9px;flex-wrap:wrap}.generation-review-ask button{min-height:42px;border-radius:12px;padding:0 14px;border:1px solid #b9d7f8;background:#fff;color:#126fcf;font:inherit;font-size:12.5px;font-weight:900;cursor:pointer}.generation-review-ask button:first-child{border:0;color:#fff;background:linear-gradient(96deg,#0b78f3,#1977eb 70%,#ffc31a)}
.reward-modal{position:relative;overflow:hidden}.reward-modal::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#0b78f3,#1d8fff 68%,#ffc31a)}
.reward-modal>p{color:#6e7e9b;font-size:13px;line-height:1.55;margin:-4px 0 15px}.reward-gift{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;margin:0 auto 12px;background:linear-gradient(145deg,#eaf5ff,#fff5c9);color:#0875e9;font-size:22px;font-weight:950;box-shadow:0 9px 24px rgba(21,102,199,.12)}
@media(max-width:560px){.generation-review-ask>div{display:grid;grid-template-columns:1fr}.generation-review-ask button{width:100%}}

/* ===== separate reward flow v27 ===== */
.reward-continue-btn{width:100%;height:52px;margin-top:10px;border:0;border-radius:14px;background:linear-gradient(100deg,#16aa6d,#18b979 68%,#ffc31a);color:#fff;font:inherit;font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 10px 24px rgba(18,159,101,.17)}
.reward-continue-btn[hidden]{display:none}
.reward-modal{width:min(520px,100%)}

/* limit offer modes v28 */
.limit-pay-btn,.limit-review-btn{width:100%;min-height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;font:inherit;font-size:15px;font-weight:900;box-sizing:border-box}
.limit-pay-btn{border:0;color:#fff;background:linear-gradient(100deg,#102b68 0%,#0b7cf3 72%,#ffc31a 100%);box-shadow:0 11px 25px rgba(14,79,169,.18)}
.limit-review-btn{margin-top:9px;border:1px solid #c9daef;color:#176dc4;background:#fff}
.limit-pay-btn[hidden],.limit-review-btn[hidden]{display:none!important}
.limit-modal .limit-continue-btn+.limit-review-btn{margin-top:9px}

/* ===== public example + contact polish v29 ===== */
.generation-review-ask{text-align:center !important;margin-left:auto !important;margin-right:auto !important}
.generation-review-ask>b,.generation-review-ask>p{text-align:center !important}
.generation-review-ask>div{justify-content:center !important}
.public-example-page{background:#f5f7fb}
.public-example-hero{padding:46px 0 30px;background:linear-gradient(180deg,#eef6ff 0%,#f5f7fb 100%)}
.public-example-hero .example-shell{width:min(900px,calc(100% - 36px));margin:0 auto}
.public-example-hero h1{font-size:clamp(38px,4.5vw,58px);max-width:840px;margin:14px 0 10px}
.public-example-hero p{max-width:760px;font-size:16px}
.public-example-document{padding:12px 0 72px}
.example-document-shell{position:relative;width:min(900px,calc(100% - 36px));margin:0 auto;padding-right:230px}
.example-paper-card{position:relative;width:100%;margin:0 0 14px;padding:34px 44px;background:#fff;border:1px solid #e5e8ee;border-radius:3px;box-shadow:0 5px 18px rgba(22,47,84,.055);overflow:hidden}
.example-paper-card h2{margin:0 0 21px;text-align:center;color:#202945;font-family:Georgia,"Times New Roman",serif;font-size:16px;letter-spacing:.01em}
.paper-section-kicker{text-align:center;margin-bottom:6px;color:#111a34;font-family:Georgia,"Times New Roman",serif;font-size:10px;font-weight:700;letter-spacing:.04em}
.structure-paper .paper-outline{gap:8px;font-size:13px;line-height:1.45;color:#202840}
.structure-paper .paper-outline li{display:block;padding-left:0}
.structure-paper .paper-outline .paper-sub{padding-left:28px;font-size:12.2px;color:#39445c}
.structure-paper .paper-outline .paper-service{font-weight:650}
.example-excerpt{font-family:Georgia,"Times New Roman",serif;color:#232b3d;font-size:13px;line-height:1.62;text-align:justify}
.example-excerpt p{margin:0 0 12px;color:#232b3d !important;font-size:13px !important;line-height:1.62 !important;max-width:none !important}
.paper-fade{display:grid;gap:8px;margin-top:16px;filter:blur(4px);opacity:.30}
.paper-fade i{display:block;height:8px;border-radius:8px;background:#949baa}.paper-fade i:nth-child(2){width:94%}.paper-fade i:nth-child(3){width:98%}.paper-fade i:nth-child(4){width:87%}.paper-fade i:nth-child(5){width:72%}
.inline-paper-cta{position:relative !important;left:auto !important;top:auto !important;transform:none !important;width:min(360px,calc(100% - 20px)) !important;margin:20px auto 2px !important;padding:16px 18px !important;border-radius:13px !important;box-shadow:0 10px 28px rgba(44,40,110,.12) !important}
.inline-paper-cta b{font-size:14px !important}.inline-paper-cta p{font-size:11.5px !important;margin-bottom:10px !important}.inline-paper-cta a{min-height:38px !important;min-width:170px !important;font-size:12px !important}
.example-literature{margin:0;padding-left:22px;font-family:Georgia,"Times New Roman",serif;color:#222a3d;font-size:12px;line-height:1.55}
.example-literature li{margin:0 0 8px;padding-left:3px}
.literature-note{margin:17px 0 0 !important;padding-top:12px;border-top:1px solid #edf0f4;color:#8790a3 !important;font-size:10.5px !important;line-height:1.5 !important;max-width:none !important}
.example-side-cta{position:absolute;top:0;right:0;width:210px;padding:16px 15px;border:1px solid #e1e2e8;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(30,48,78,.07)}
.example-side-cta b{display:block;margin-bottom:5px;color:#20263b;font-size:13px}.example-side-cta p{margin:0 0 10px;color:#70798d;font-size:10.5px;line-height:1.45}.example-side-cta ul{margin:0 0 12px;padding:0;list-style:none;display:grid;gap:6px}.example-side-cta li{position:relative;padding-left:14px;color:#59647a;font-size:9.8px}.example-side-cta li:before{content:"✓";position:absolute;left:0;color:#6957f4;font-weight:900}.example-side-cta a{display:flex;align-items:center;justify-content:center;min-height:36px;border-radius:8px;background:linear-gradient(100deg,#6d48f6,#8f4ff1);color:#fff;font-size:10px;font-weight:900}
.public-example-page .example-privacy-note{width:100% !important;margin:14px 0 0 !important;background:#fff}
.public-example-page .example-faq-section .faq-shell{width:min(900px,calc(100% - 36px)) !important}
.footer-email{display:inline-flex;margin-top:10px;color:#1378e3;font-size:13px;font-weight:850}
.contact-direct-email{display:grid;grid-template-columns:1fr auto;gap:3px 18px;align-items:center;max-width:660px;margin:28px 0 6px;padding:18px 20px;border:1px solid #d9e8f8;border-radius:17px;background:linear-gradient(100deg,#f6fbff,#fffdf4);box-shadow:0 8px 24px rgba(27,72,129,.06)}
.contact-direct-email small{grid-column:1;color:#7b8aa4;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.contact-direct-email b{grid-column:1;color:#123162;font-size:18px}.contact-direct-email span{grid-column:2;grid-row:1/3;color:#0b75e7;font-size:12px;font-weight:900}
@media(max-width:980px){.example-document-shell{padding-right:0;width:min(760px,calc(100% - 28px))}.public-example-hero .example-shell{width:min(760px,calc(100% - 28px))}.example-side-cta{position:relative;top:auto;right:auto;width:100%;margin:0 0 14px;padding:17px 18px}.example-side-cta ul{grid-template-columns:repeat(3,1fr)}.public-example-page .example-faq-section .faq-shell{width:min(760px,calc(100% - 28px)) !important}}
@media(max-width:620px){.public-example-hero{padding:34px 0 22px}.public-example-hero .example-shell,.example-document-shell{width:calc(100% - 18px)}.public-example-hero h1{font-size:35px;letter-spacing:-1.6px}.example-paper-card{padding:25px 18px;border-radius:2px}.structure-paper .paper-outline{font-size:12px}.structure-paper .paper-outline .paper-sub{padding-left:16px;font-size:11.5px}.example-excerpt,.example-excerpt p{font-size:12px !important;line-height:1.58 !important}.example-literature{font-size:11.2px;padding-left:18px}.example-side-cta ul{grid-template-columns:1fr}.contact-direct-email{grid-template-columns:1fr}.contact-direct-email span{grid-column:1;grid-row:auto;margin-top:8px}}


/* public example polish v30 */
@media (min-width:981px){
  .public-example-hero .example-shell{width:min(1080px,calc(100% - 48px));}
  .example-document-shell{
    width:min(1080px,calc(100% - 48px));
    padding-right:0;
    display:grid;
    grid-template-columns:minmax(0,780px) 270px;
    column-gap:28px;
    align-items:start;
  }
  .example-document-shell>.example-paper-card,
  .example-document-shell>.example-privacy-note{grid-column:1;}
  .example-side-cta{
    grid-column:2;
    grid-row:1 / span 3;
    position:sticky;
    top:92px;
    right:auto;
    width:100%;
    align-self:start;
    padding:22px 20px;
    border-radius:16px;
    box-shadow:0 14px 34px rgba(30,48,78,.11);
  }
  .example-side-cta b{font-size:16px;line-height:1.3;margin-bottom:8px;}
  .example-side-cta p{font-size:12px;line-height:1.55;margin-bottom:14px;}
  .example-side-cta ul{gap:9px;margin-bottom:16px;}
  .example-side-cta li{font-size:11.5px;padding-left:18px;}
  .example-side-cta a{min-height:44px;font-size:12px;border-radius:10px;}
  .public-example-page .example-faq-section .faq-shell{width:min(1080px,calc(100% - 48px)) !important;}
}
.excerpt-paper .paper-fade{
  display:block;
  height:210px;
  margin:16px 0 0;
  opacity:.32;
  filter:blur(5px);
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(89,98,118,.9) 0,
      rgba(89,98,118,.9) 3px,
      transparent 3px,
      transparent 11px
    );
}
.excerpt-paper .paper-fade i{display:none !important;}
.inline-paper-cta{
  z-index:3 !important;
  width:min(480px,calc(100% - 36px)) !important;
  margin:-150px auto 58px !important;
  padding:23px 28px !important;
  border-radius:16px !important;
  text-align:center !important;
  box-shadow:0 16px 42px rgba(54,41,133,.18) !important;
}
.inline-paper-cta b{font-size:18px !important;line-height:1.25 !important;}
.inline-paper-cta p{font-size:13px !important;line-height:1.5 !important;margin:7px auto 14px !important;max-width:360px !important;}
.inline-paper-cta a{min-height:45px !important;min-width:210px !important;font-size:13px !important;}
@media(max-width:980px){
  .example-document-shell{display:block;}
  .example-side-cta{position:relative;top:auto;right:auto;}
}
@media(max-width:620px){
  .excerpt-paper .paper-fade{height:170px;}
  .inline-paper-cta{
    width:calc(100% - 16px) !important;
    margin:-128px auto 42px !important;
    padding:18px 16px !important;
  }
  .inline-paper-cta b{font-size:16px !important;}
  .inline-paper-cta p{font-size:12px !important;}
}


/* public example CTA polish v31 */
@media (min-width:981px){
  .public-example-hero .example-shell{width:min(1140px,calc(100% - 48px));}
  .example-document-shell{
    width:min(1140px,calc(100% - 48px));
    grid-template-columns:minmax(0,800px) 310px;
    column-gap:30px;
  }
  .example-side-cta{
    padding:28px 26px 26px;
    border:1px solid #dce9fb;
    border-radius:20px;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
    box-shadow:0 18px 44px rgba(15,92,177,.14);
  }
  .example-side-cta b{
    font-size:21px;
    line-height:1.22;
    letter-spacing:-.35px;
    color:#12244d;
    margin-bottom:10px;
  }
  .example-side-cta p{
    font-size:14px;
    line-height:1.55;
    color:#68758d;
    margin-bottom:18px;
  }
  .example-side-cta ul{gap:11px;margin-bottom:21px;}
  .example-side-cta li{font-size:13px;line-height:1.4;padding-left:21px;color:#475977;}
  .example-side-cta li:before{color:#147df5;font-size:14px;}
  .example-side-cta a{
    min-height:54px;
    padding:0 20px;
    border-radius:13px;
    background:linear-gradient(100deg,#087df5 0%,#1684f5 50%,#ffc928 100%);
    color:#fff;
    font-size:15px;
    font-weight:900;
    letter-spacing:.05px;
    box-shadow:0 12px 28px rgba(13,125,245,.23);
    transition:transform .18s ease,box-shadow .18s ease;
  }
  .example-side-cta a:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(13,125,245,.3);}
  .public-example-page .example-faq-section .faq-shell{width:min(1140px,calc(100% - 48px)) !important;}
}
.inline-paper-cta{
  width:min(580px,calc(100% - 34px)) !important;
  margin:-160px auto 58px !important;
  padding:30px 34px !important;
  border:1px solid #dce9fb !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%) !important;
  box-shadow:0 20px 50px rgba(15,92,177,.17) !important;
}
.inline-paper-cta b{
  display:block;
  font-size:23px !important;
  line-height:1.2 !important;
  letter-spacing:-.4px !important;
  color:#12244d !important;
}
.inline-paper-cta p{
  font-size:15px !important;
  line-height:1.5 !important;
  color:#65748d !important;
  margin:9px auto 18px !important;
  max-width:430px !important;
}
.inline-paper-cta a{
  min-height:52px !important;
  min-width:250px !important;
  padding:0 28px !important;
  border-radius:13px !important;
  background:linear-gradient(100deg,#087df5 0%,#1684f5 50%,#ffc928 100%) !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:900 !important;
  box-shadow:0 12px 28px rgba(13,125,245,.23) !important;
  transition:transform .18s ease,box-shadow .18s ease !important;
}
.inline-paper-cta a:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(13,125,245,.3) !important;}
@media(max-width:980px){
  .example-side-cta{
    padding:23px 22px;
    border:1px solid #dce9fb;
    background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
    box-shadow:0 14px 34px rgba(15,92,177,.12);
  }
  .example-side-cta b{font-size:19px;}
  .example-side-cta p{font-size:13px;}
  .example-side-cta li{font-size:12px;}
  .example-side-cta a{min-height:50px;font-size:14px;background:linear-gradient(100deg,#087df5 0%,#1684f5 50%,#ffc928 100%);}
}
@media(max-width:620px){
  .inline-paper-cta{
    width:calc(100% - 12px) !important;
    margin:-132px auto 42px !important;
    padding:22px 16px !important;
  }
  .inline-paper-cta b{font-size:19px !important;}
  .inline-paper-cta p{font-size:13px !important;}
  .inline-paper-cta a{width:100% !important;min-width:0 !important;min-height:50px !important;font-size:14px !important;}
}

/* Rich information pages + full blog articles v32 */
.rich-info-main,.blog-post-main{padding:72px 0 92px;background:linear-gradient(180deg,#eef6ff 0,#f7fbff 240px,#f4f8fd 100%)}
.rich-info-card,.full-blog-article{max-width:1080px;margin:0 auto;padding:48px 54px 56px;border-radius:30px;box-shadow:0 22px 70px rgba(26,69,122,.10)}
.rich-info-card .info-lead,.full-blog-article .info-lead{max-width:900px;margin-bottom:28px;font-size:19px;line-height:1.72;color:#657795}
.info-toc,.article-toc{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:30px 0 38px;padding:15px 17px;border:1px solid #dce9f7;border-radius:18px;background:linear-gradient(110deg,#f6fbff,#fffdf4)}
.info-toc b,.article-toc b{margin-right:5px;color:#17325d;font-size:13px}
.info-toc a,.article-toc a{padding:8px 11px;border-radius:999px;background:#fff;border:1px solid #e0e9f4;color:#176fce;font-size:12px;font-weight:850;transition:.18s}
.info-toc a:hover,.article-toc a:hover{transform:translateY(-1px);border-color:#8fc4fb;box-shadow:0 6px 14px rgba(16,91,165,.08)}
.info-section{scroll-margin-top:100px;margin:0;padding:34px 0;border-top:1px solid #e7edf5}
.info-section:first-of-type{border-top:0}
.info-section h2,.article-body h2{margin:0 0 16px;color:#122a52;font-size:clamp(25px,3vw,34px);line-height:1.18;letter-spacing:-.8px}
.info-section h3,.article-body h3{margin:26px 0 10px;color:#18355f;font-size:21px;line-height:1.3}
.info-section p,.article-body p{margin:0 0 16px;color:#4f617f;font-size:16px;line-height:1.78}
.info-section a,.article-body a{color:#0874e8;text-decoration:underline;text-underline-offset:3px}
.check-list,.number-list,.article-body ul,.article-body ol{margin:17px 0 20px;padding-left:24px;color:#4a5d7d;font-size:15.5px;line-height:1.72}
.check-list li,.number-list li,.article-body li{margin:8px 0;padding-left:4px}
.check-list li::marker{color:#0a78ed}
.number-list li::marker,.article-body ol li::marker{color:#0a78ed;font-weight:900}
.info-table-wrap,.article-table-wrap{width:100%;overflow-x:auto;margin:22px 0 26px;border:1px solid #dfe7f2;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(33,72,120,.05)}
.info-table,.article-body table{width:100%;min-width:650px;border-collapse:collapse;font-size:14px;line-height:1.55}
.info-table th,.article-body th{padding:14px 16px;background:#edf6ff;color:#17345d;text-align:left;font-weight:900;border-bottom:1px solid #d9e7f5}
.info-table td,.article-body td{padding:14px 16px;color:#536582;vertical-align:top;border-bottom:1px solid #e8eef5}
.info-table tr:last-child td,.article-body tr:last-child td{border-bottom:0}
.info-table tbody tr:nth-child(even),.article-body tbody tr:nth-child(even){background:#fbfdff}
.info-note,.article-callout{margin:22px 0;padding:18px 20px;border:1px solid #cfe5fb;border-left:4px solid #147eea;border-radius:16px;background:#f5faff;color:#50627f;line-height:1.65}
.info-note b,.article-callout b{display:block;margin-bottom:5px;color:#183763}
.article-callout.good{border-color:#dfe8a8;border-left-color:#f3bf19;background:#fffdf3}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.feature-grid>div{padding:19px;border:1px solid #dfe8f3;border-radius:17px;background:#fbfdff}
.feature-grid b{display:block;margin-bottom:5px;color:#18355e;font-size:16px}
.feature-grid span{display:block;color:#647592;font-size:13.5px;line-height:1.55}
.legal-updated{display:inline-flex;margin:4px 0 2px!important;padding:7px 11px;border-radius:999px;background:#eef6ff;color:#55708f!important;font-size:12px!important;font-weight:800}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:24px}
.contact-grid .info-section{padding-top:24px;border-top:1px solid #e7edf5}
.contact-help .check-list{margin-bottom:0}
.rich-info-card .contact-form{max-width:760px;margin-top:18px}
.rich-info-card .contact-form input,.rich-info-card .contact-form textarea{font-size:15px;background:#fff}
.rich-info-card .contact-form textarea{min-height:150px}
.rich-info-card .contact-form .generate-btn{min-width:230px}
.blog-index .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1060px}
.blog-card{min-height:270px;padding:25px}
.blog-card h2{font-size:22px;letter-spacing:-.35px}
.blog-card p{font-size:14.5px;line-height:1.65}
.full-blog-article{max-width:980px}
.full-blog-article h1{max-width:880px}
.article-meta{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 4px;color:#71819b;font-size:12px;font-weight:800}
.article-body{margin-top:31px}
.article-body>section{scroll-margin-top:100px;padding:35px 0;border-top:1px solid #e6edf5}
.article-body>section:first-of-type{border-top:0}
.article-body strong,.article-body b{color:#243b61}
.article-bottom-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:42px;padding:25px 28px;border-radius:21px;background:linear-gradient(105deg,#eaf5ff 0,#fff9dd 100%);border:1px solid #d8e6ef}
.article-bottom-cta b{display:block;color:#142e57;font-size:22px}
.article-bottom-cta p{margin:5px 0 0;color:#60718e;font-size:14px;line-height:1.55}
.article-bottom-cta a{flex:0 0 auto;min-height:50px;padding:0 20px;border-radius:14px;background:linear-gradient(100deg,#0877ed,#147eea 58%,#ffc51c);color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:900;box-shadow:0 10px 24px rgba(18,115,223,.18)}
@media(max-width:820px){.rich-info-card,.full-blog-article{padding:34px 25px 40px}.contact-grid,.feature-grid{grid-template-columns:1fr}.blog-index .blog-grid{grid-template-columns:1fr}.article-bottom-cta{align-items:flex-start;flex-direction:column}.article-bottom-cta a{width:100%}}
@media(max-width:620px){.rich-info-main,.blog-post-main{padding:34px 0 55px}.rich-info-card,.full-blog-article{width:calc(100% - 18px);padding:25px 16px 32px;border-radius:22px}.rich-info-card .info-lead,.full-blog-article .info-lead{font-size:15.5px}.info-toc,.article-toc{margin:22px 0 26px;padding:12px}.info-toc b,.article-toc b{width:100%}.info-section,.article-body>section{padding:27px 0}.info-section h2,.article-body h2{font-size:25px}.info-section p,.article-body p{font-size:14.5px;line-height:1.7}.check-list,.number-list,.article-body ul,.article-body ol{font-size:14px;padding-left:21px}.info-table,.article-body table{min-width:570px;font-size:12.5px}.info-table th,.info-table td,.article-body th,.article-body td{padding:11px 12px}.article-bottom-cta{padding:20px 17px}.article-bottom-cta b{font-size:19px}}


/* Blog screenshot layout + tighter article rhythm v33 */
.blog-showcase{position:relative;overflow:hidden;background:linear-gradient(180deg,#f7fbff 0,#eef6ff 100%);min-height:760px;padding-bottom:86px}
.blog-showcase::before{content:"";position:absolute;right:-130px;top:-180px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle at 55% 55%,rgba(191,221,255,.75),rgba(227,241,255,.38) 58%,transparent 59%);pointer-events:none}
.blog-showcase::after{content:"";position:absolute;right:28px;top:92px;width:245px;height:120px;border-top:2px solid rgba(55,129,218,.16);border-radius:50%;transform:rotate(17deg);pointer-events:none}
.blog-showcase-hero{position:relative;z-index:1;padding:58px 0 20px}
.blog-showcase-hero .shell{position:relative}
.blog-showcase-hero .shell::after{content:"";position:absolute;right:210px;top:-38px;width:94px;height:70px;background-image:radial-gradient(circle,#bad9fb 2px,transparent 2.5px);background-size:15px 15px;opacity:.52}
.blog-showcase-hero h1{margin:0;color:#0f2853;font-size:clamp(44px,5vw,64px);line-height:1.02;letter-spacing:-2.5px;font-weight:950}
.blog-title-accent{display:block;width:48px;height:5px;margin:18px 0 18px;border-radius:99px;background:#ffc716}
.blog-showcase-hero p{max-width:760px;margin:0;color:#60718e;font-size:17px;line-height:1.65}
.blog-showcase-grid{position:relative;z-index:2;padding-top:12px}
.blog-showcase .blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:none}
.blog-showcase-card{position:relative;display:flex;flex-direction:column;min-height:300px;padding:25px 28px 20px;border:1px solid #dfe8f3;border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 9px 28px rgba(36,79,129,.09);transition:transform .18s ease,box-shadow .18s ease}
.blog-showcase-card:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(36,79,129,.13)}
.blog-card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}
.blog-category{display:inline-flex;align-items:center;gap:8px;min-height:31px;padding:4px 11px 4px 7px;border-radius:9px;background:#eef5ff;color:#3877c6;font-size:12px;font-weight:900}
.blog-category img{width:22px;height:22px;object-fit:contain}
.blog-showcase-card:nth-child(3) .blog-category{background:#fff8df;color:#cf9b00}
.blog-reading{display:inline-flex;align-items:center;gap:7px;color:#687894;font-size:13px;font-weight:700;white-space:nowrap}
.blog-reading img{width:19px;height:19px;object-fit:contain}
.blog-card-content{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:18px;align-items:center;flex:1}
.blog-card-content h2{margin:0 0 13px;color:#102958;font-size:23px;line-height:1.24;letter-spacing:-.45px;font-weight:950}
.blog-card-content h2 a{color:inherit;text-decoration:none}
.blog-card-content p{margin:0;color:#667793;font-size:14px;line-height:1.62}
.blog-card-art{width:82px;height:82px;object-fit:contain;justify-self:end;filter:drop-shadow(0 8px 10px rgba(28,107,209,.08))}
.blog-card-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:23px;padding-top:16px;border-top:1px solid #e6edf5}
.blog-card-foot span{display:inline-flex;align-items:center;gap:8px;color:#637590;font-size:12px;font-weight:800}
.blog-card-foot span img{width:23px;height:23px;object-fit:contain}
.blog-card-foot a{color:#176fd0;text-decoration:none;font-size:12px;font-weight:900}
.blog-card-foot a b{margin-left:4px;font-size:15px}
/* remove excessive vertical air between article sections and final conclusions */
.full-blog-article .article-body{margin-top:22px}
.full-blog-article .article-body>section{padding:24px 0}
.full-blog-article .article-body>section:last-child{padding-bottom:12px}
.full-blog-article .article-body>section p:last-child,.full-blog-article .article-body>section ul:last-child,.full-blog-article .article-body>section ol:last-child{margin-bottom:0}
.full-blog-article .article-bottom-cta{margin-top:24px}
@media(max-width:820px){.blog-showcase .blog-grid{grid-template-columns:1fr}.blog-showcase-hero{padding-top:38px}.blog-showcase-hero .shell::after{display:none}.blog-showcase-card{min-height:270px}}
@media(max-width:560px){.blog-showcase{padding-bottom:55px}.blog-showcase-hero h1{font-size:42px}.blog-showcase-hero p{font-size:14px}.blog-showcase-card{padding:20px 18px 17px}.blog-card-content{grid-template-columns:minmax(0,1fr) 66px;gap:10px}.blog-card-content h2{font-size:20px}.blog-card-art{width:62px;height:62px}.blog-card-foot{margin-top:18px}.blog-reading{font-size:12px}}


/* signed-in header account v34 */
.nav-login.nav-account{max-width:235px;min-width:0;padding:0 13px;background:#edf5ff;color:#0b63d1;box-shadow:0 8px 18px rgba(8,117,239,.09)}
.nav-login.nav-account img{width:28px;height:28px;object-fit:contain;flex:0 0 28px}
.nav-login.nav-account strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:900}
@media(max-width:1120px){.nav-login.nav-account{max-width:170px}.desktop-nav{gap:18px}.nav-shell{gap:18px}}


/* Existing account prompt shown from the public generator. */
.account-exists-modal{text-align:center;justify-items:center;gap:12px!important;max-width:500px}.account-exists-modal .account-exists-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#eaf8ef;color:#159454;font-size:28px;font-weight:900;box-shadow:0 0 0 8px rgba(21,148,84,.07)}.account-exists-modal h2{margin:4px 44px 0!important}.account-exists-modal>p{margin:0;color:#66789a;font-size:14px;line-height:1.55}.account-exists-login{width:100%;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#0a77eb;color:#fff;font-weight:850;text-decoration:none;box-shadow:0 10px 24px rgba(16,106,221,.18)}.account-exists-other{border:0;background:transparent;color:#60769a;font:inherit;font-size:13px;font-weight:750;cursor:pointer;padding:7px 12px}.account-exists-other:hover{color:#0a77eb}
@media(max-width:460px){.account-exists-modal{padding:24px 16px!important}.account-exists-modal h2{font-size:24px;margin-right:36px!important}.account-exists-modal>p{font-size:13px}}


/* v36 merchant/legal readiness */
.footer-phone-v36{display:block;width:max-content;margin-top:7px;color:#63aaff;font-size:13px;font-weight:850;text-decoration:none;transition:color .18s ease}.footer-phone-v36:hover{color:#fff}.footer-merchant-v36{display:flex;flex-direction:column;gap:4px;max-width:440px;margin-top:17px;padding:15px 0 0;border:0;border-top:1px solid rgba(255,255,255,.12);border-radius:0;background:transparent;box-shadow:none}.footer-merchant-v36 b{display:flex;align-items:center;gap:9px;margin-bottom:2px;color:#f4f8ff;font-size:13px;font-weight:900;line-height:1.4}.footer-merchant-v36 b::before{content:"";display:block;width:24px;height:3px;flex:0 0 24px;border-radius:99px;background:linear-gradient(90deg,#1684ef 0 64%,#ffc51c 64% 100%);box-shadow:0 0 14px rgba(22,132,239,.22)}.footer-merchant-v36 span{display:block;color:#879cc0;font-size:11.5px;line-height:1.55;letter-spacing:.005em;overflow-wrap:anywhere}.footer-merchant-v36 span:nth-of-type(2){color:#9cb0cf}.pricing-legal-v36{text-align:center;margin:22px 0 0}.pricing-legal-v36 a{display:inline-block;color:#126fd8;font-size:13px;font-weight:800;text-decoration:none;border-bottom:1px dashed rgba(18,111,216,.35)}
.merchant-card-v36{margin-top:30px;padding:25px;border:1px solid #dce8f7;border-radius:22px;background:linear-gradient(145deg,#f8fbff,#fff);box-shadow:0 14px 38px rgba(33,82,145,.07)}.merchant-card-head-v36>span{display:block;color:#0875ef;font-size:11px;font-weight:900;letter-spacing:.08em}.merchant-card-head-v36 h2{margin:7px 0 5px;font-size:26px;color:#172651}.merchant-card-head-v36 p{margin:0 0 18px;color:#71809c}.merchant-card-v36 dl{display:grid;grid-template-columns:1fr 1fr;margin:0;border:1px solid #e3ebf6;border-radius:15px;overflow:hidden;background:#fff}.merchant-card-v36 dl>div{padding:14px 16px;border-bottom:1px solid #eef3f9}.merchant-card-v36 dl>div:nth-child(odd){border-right:1px solid #eef3f9}.merchant-card-v36 dl>div:nth-last-child(-n+2){border-bottom:0}.merchant-card-v36 dt{margin-bottom:4px;color:#8996aa;font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.merchant-card-v36 dd{margin:0;color:#223456;font-size:14px;font-weight:800;overflow-wrap:anywhere}.merchant-card-v36 dd a{color:#0875ef;text-decoration:none}.legal-plan-grid-v36{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.legal-plan-grid-v36 article{padding:20px;border:1px solid #dce8f7;border-radius:18px;background:#f8fbff}.legal-plan-grid-v36 span{display:block;color:#0875ef;font-size:11px;font-weight:900;letter-spacing:.08em}.legal-plan-grid-v36 strong{display:block;margin:5px 0 7px;font-size:29px;color:#152650}.legal-plan-grid-v36 p{margin:0!important;color:#6e7e99!important;font-size:13px!important;line-height:1.55!important}
@media(max-width:720px){.footer-merchant-v36{max-width:100%;padding-top:14px}.merchant-card-v36{padding:18px 14px;border-radius:18px}.merchant-card-head-v36 h2{font-size:22px}.merchant-card-v36 dl{grid-template-columns:1fr}.merchant-card-v36 dl>div,.merchant-card-v36 dl>div:nth-child(odd),.merchant-card-v36 dl>div:nth-last-child(-n+2){border-right:0;border-bottom:1px solid #eef3f9}.merchant-card-v36 dl>div:last-child{border-bottom:0}.legal-plan-grid-v36{grid-template-columns:1fr}}

/* V73 — Presentation.com.ua auth popup copied 1:1 */
html.login-open,
html.login-open body{overflow:hidden!important}
.login-modal{
  position:fixed;
  inset:0;
  z-index:160;
  display:grid;
  place-items:center;
  padding:24px;
  background:
    radial-gradient(circle at 20% 12%,rgba(231,237,255,.82),transparent 34%),
    radial-gradient(circle at 82% 80%,rgba(247,233,255,.70),transparent 32%),
    rgba(246,248,253,.82);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.login-modal[hidden]{display:none!important}
.login-dialog{
  position:relative;
  width:min(430px,100%);
  max-height:calc(100vh - 32px);
  overflow:auto;
  padding:34px 30px 28px;
  border:1px solid #e7eaf1;
  border-radius:26px;
  background:#fff;
  box-shadow:0 28px 80px rgba(37,43,75,.16),0 8px 24px rgba(37,43,75,.08);
  color:#17203f;
}
.login-close{
  position:absolute;
  top:13px;
  right:14px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:#f5f6f9;
  color:#8a91a2;
  font-size:23px;
  line-height:1;
  cursor:pointer;
}
.login-close:hover{background:#eceff5;color:#39445d}
.login-dialog h2{
  margin:0;
  text-align:center;
  font-size:32px;
  line-height:1.08;
  letter-spacing:-.035em;
  color:#111a3c;
}
.login-lead{
  margin:12px 0 24px;
  text-align:center;
  color:#8a91a2;
  font-size:13px;
}
.login-field{
  display:block;
  margin:0 0 15px;
}
.login-field>span{
  display:block;
  margin:0 0 7px;
  color:#5e667a;
  font-size:12px;
  line-height:1.2;
  font-weight:800;
}
.login-input{
  position:relative;
  display:flex;
  align-items:center;
  min-height:52px;
  border:1px solid #dfe3ea;
  border-radius:11px;
  background:#fff;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.login-input:focus-within{
  border-color:#b7c5ef;
  box-shadow:0 0 0 4px rgba(82,100,214,.08);
}
.login-input>img{
  width:19px;
  height:19px;
  object-fit:contain;
  margin-left:13px;
  opacity:.96;
  flex:0 0 19px;
}
.login-input input{
  width:100%;
  height:50px;
  min-width:0;
  padding:0 44px 0 12px;
  border:0;
  outline:0;
  background:transparent;
  color:#202942;
  font-size:13px;
}
.login-input input::placeholder{color:#a1a7b4}
.login-eye{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  opacity:.78;
}
.login-eye img{width:20px;height:20px;object-fit:contain}
.login-remember{
  display:flex;
  align-items:center;
  gap:9px;
  width:max-content;
  margin:3px 0 18px;
  cursor:pointer;
  color:#60697c;
  font-size:12px;
}
.login-remember input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.login-check{
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1.5px solid #cfd5df;
  border-radius:4px;
  background:#fff;
  transition:.18s ease;
}
.login-check img{
  width:17px;
  height:17px;
  object-fit:contain;
  opacity:0;
  transform:scale(.72);
  transition:.18s ease;
}
.login-remember input:checked+.login-check{
  border-color:#7954ef;
  background:linear-gradient(135deg,#704cf4,#9b36e8);
}
.login-remember input:checked+.login-check img{opacity:1;transform:scale(1)}
.login-remember b{font-weight:700}
.login-submit{
  width:100%;
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 18px;
  border:0;
  border-radius:11px;
  background:linear-gradient(105deg,#ff5f32 0%,#ff7622 44%,#ff9608 100%);
  color:#fff;
  font-size:16px;
  font-weight:850;
  box-shadow:0 12px 24px rgba(255,104,30,.27);
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease;
}
.login-submit:hover{transform:translateY(-1px);box-shadow:0 15px 28px rgba(255,104,30,.31)}
.login-submit:disabled{opacity:.65;cursor:wait;transform:none}
.login-submit img{width:19px;height:19px;object-fit:contain}
.login-status{
  min-height:18px;
  margin:8px 0 -2px;
  text-align:center;
  color:#667085;
  font-size:12px;
}
.login-status.is-error{color:#c83d4d}
.login-divider{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px;
  margin:20px 0;
  color:#a0a6b2;
  font-size:11px;
  font-weight:600;
}
.login-divider span{height:1px;background:#e6e8ee}
.login-google{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  padding:9px 16px;
  border:1px solid #dfe3ea;
  border-radius:10px;
  background:#fff;
  color:#242d48;
  font-size:13px;
  font-weight:800;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.login-google:hover{border-color:#cdd4e0;box-shadow:0 6px 18px rgba(30,42,72,.06)}
.login-google img{width:22px;height:22px;object-fit:contain}
.login-forgot{
  display:block;
  margin:20px auto 0;
  padding:0;
  border:0;
  background:transparent;
  color:#7650e9;
  font-size:12px;
  font-weight:750;
  cursor:pointer;
}
.login-register{
  margin:20px 0 0;
  text-align:center;
  color:#949aa8;
  font-size:12px;
}
.login-register a{color:#7350e8;font-weight:850}
@media(max-width:700px){
  .login-modal{padding:12px;place-items:center}
  .login-dialog{width:100%;padding:30px 18px 22px;border-radius:22px;max-height:calc(100vh - 24px)}
  .login-dialog h2{font-size:28px}
  .login-lead{margin-bottom:20px}
  .login-input{min-height:50px}
  .login-input input{height:48px}
  .login-submit{min-height:50px}
  .tool-subhero{padding:40px 0 30px!important}
  .tool-subhero h1{font-size:36px!important}
  .tool-subhero p{font-size:16px!important}
  .tool-faq{padding-top:46px!important}
}
.login-submit{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  padding-left:18px!important;
  padding-right:18px!important;
}
.login-submit span{
  grid-area:1/1!important;
  width:100%!important;
  text-align:center!important;
  margin:0!important;
}
.login-submit img{
  position:absolute!important;
  left:calc(50% - 52px)!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
}
.auth-modal-panel[hidden]{display:none!important}
.auth-dialog{width:min(462px,100%)!important}
.auth-dialog.is-register{width:min(486px,100%)!important}
.auth-modal-panel{display:block}
.auth-modal-panel h2{margin:0;text-align:center;font-size:32px;line-height:1.08;letter-spacing:-.035em;color:#111a3c}
.auth-switch-link{display:inline;padding:0;border:0;background:transparent;color:#7350e8;font:inherit;font-weight:850;cursor:pointer}
.auth-switch-link:hover{text-decoration:underline}
#registerModalForm .login-field{margin-bottom:13px}
.modal-register-consent{position:relative;display:flex;align-items:flex-start;gap:10px;margin:2px 0 17px;cursor:pointer;color:#59657c}
.modal-register-consent>input{position:absolute;opacity:0;pointer-events:none}
.modal-register-check{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;margin-top:0;border:1px solid #cfd6e5;border-radius:6px;background:#fff;overflow:visible}
.modal-register-check img{width:30px;height:30px;max-width:none;object-fit:contain;opacity:0;transform:scale(1.18);transition:.16s ease}
.modal-register-consent>input:checked+.modal-register-check{border-color:#7552ee;background:#f4f1ff}
.modal-register-consent>input:checked+.modal-register-check img{opacity:1}
.modal-register-consent b{padding-top:2px;font-size:11.5px;line-height:1.42;font-weight:650;color:#59657c}
.modal-register-consent a{color:#3157d5;font-weight:850}
.auth-register-modal-submit{position:relative;width:100%;min-height:52px;display:grid;place-items:center;padding:10px 54px;border:0;border-radius:11px;background:linear-gradient(100deg,#ff5f19 0%,#ff8815 48%,#ffb32c 100%);color:#fff;font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 11px 25px rgba(255,121,19,.23)}
.auth-register-modal-submit span{grid-area:1/1;text-align:center}
.auth-register-modal-submit b{position:absolute;right:18px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;font-size:20px;line-height:1;font-weight:500}
.auth-register-modal-submit:hover{filter:saturate(1.05);transform:translateY(-1px)}
.auth-register-modal-submit:disabled{opacity:.65;cursor:wait;transform:none}
@media(max-width:700px){
  .auth-dialog,.auth-dialog.is-register{width:100%!important;max-height:calc(100dvh - 20px)!important;padding:28px 16px 20px!important;border-radius:20px!important}
  .auth-modal-panel h2{font-size:27px!important;padding:0 30px}
  .auth-modal-panel .login-lead{font-size:12px!important;margin:9px 0 18px!important}
  #registerModalForm .login-field{margin-bottom:10px!important}
  #registerModalForm .login-input{min-height:46px!important}
  #registerModalForm .login-input input{height:44px!important;font-size:12.5px!important}
  .modal-register-consent{margin-bottom:14px!important;gap:9px!important}
  .modal-register-consent b{font-size:10.7px!important}
  .modal-register-check{width:23px;height:23px;flex-basis:23px}
  .modal-register-check img{width:29px;height:29px}
  .auth-register-modal-submit{min-height:49px!important;font-size:15px!important}
  .auth-modal-panel .login-divider{margin:15px 0!important}
  .auth-modal-panel .login-google{min-height:46px!important;font-size:12.5px!important}
  .auth-modal-panel .login-register{margin-top:16px!important}
}
.login-input>img{width:26px!important;height:26px!important;flex:0 0 26px!important;margin-left:12px!important;object-fit:contain!important}
.login-eye{width:40px!important;height:40px!important;right:6px!important;display:grid!important;place-items:center!important;cursor:pointer!important}
.login-eye img{width:26px!important;height:26px!important;object-fit:contain!important;display:block!important}
#registerModalForm .login-input>img,#registerModalForm .login-eye img{width:28px!important;height:28px!important}
@media(max-width:700px){.login-input>img{width:24px!important;height:24px!important;flex-basis:24px!important}.login-eye img{width:24px!important;height:24px!important}#registerModalForm .login-input>img,#registerModalForm .login-eye img{width:25px!important;height:25px!important}}
.login-remember,.modal-register-consent{position:relative!important}
.login-remember input,.modal-register-consent>input{position:static!important;opacity:1!important;pointer-events:auto!important;appearance:auto!important;-webkit-appearance:auto!important;width:18px!important;height:18px!important;flex:0 0 18px!important;accent-color:#7150eb!important;margin:1px 0 0 0!important;border-radius:4px!important;background:#fff!important}
.login-remember{gap:10px!important;align-items:center!important}
.login-check,.modal-register-check{display:none!important}
.login-remember b{font-weight:700!important;line-height:1.35!important}
.modal-register-consent{gap:10px!important;align-items:flex-start!important;margin:4px 0 18px!important}
.modal-register-consent b{padding-top:0!important;font-size:12px!important;line-height:1.45!important;font-weight:650!important;color:#59657c!important}
@media(max-width:700px){.login-remember input,.modal-register-consent>input{width:17px!important;height:17px!important;flex-basis:17px!important}.modal-register-consent b{font-size:11px!important}}
.login-close{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  font-size:0!important;
  line-height:1!important;
  text-indent:0!important;
}
.login-close::before{
  content:"×";
  display:block;
  font-family:Arial,sans-serif;
  font-size:25px;
  font-weight:400;
  line-height:1;
  transform:translateY(-1px);
}
.login-status.is-notice{color:#254da8!important;background:#eef4ff!important;border:1px solid #cfe0ff!important;border-radius:10px!important;padding:10px 12px!important;font-weight:700!important;line-height:1.4!important}
.login-close::before,.login-close::after{content:none!important;display:none!important}
.login-close{font-size:0!important;line-height:0!important;display:grid!important;place-items:center!important;padding:7px!important;overflow:hidden!important}
.login-close img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;max-width:none!important;max-height:none!important}

/* V74 — MyGDZ header redesign using the supplied logo and menu icons */
.site-header{
  position:sticky;
  top:0;
  z-index:90;
  padding:10px 0;
  background:rgba(246,250,255,.9);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.site-header .nav-shell{
  min-height:88px;
  height:88px;
  padding:0 18px 0 16px;
  display:flex;
  align-items:center;
  gap:18px;
  border:1px solid #dce9fb;
  border-radius:28px;
  background:#fff;
  box-shadow:0 10px 32px rgba(27,82,150,.09);
}
.site-header .mygdz-brand{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:7px;
  min-width:max-content;
  margin-right:4px;
}
.site-header .mygdz-logo-wrap{
  width:72px;
  height:72px;
  flex:0 0 72px;
  display:grid;
  place-items:center;
  overflow:visible;
}
.site-header .mygdz-logo{
  width:72px;
  height:72px;
  display:block;
  object-fit:contain;
}
.site-header .brand-text{
  display:flex;
  align-items:baseline;
  gap:0;
  font-size:27px;
  line-height:1;
  letter-spacing:-1.1px;
  white-space:nowrap;
}
.site-header .brand-text b{
  color:#075fcf;
  font-weight:900;
}
.site-header .brand-text em{
  color:#183f84;
  font-size:15px;
  font-style:normal;
  font-weight:850;
  letter-spacing:-.3px;
}
.site-header .desktop-nav{
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  min-width:0;
}
.site-header .desktop-nav-item{
  min-height:60px;
  padding:7px 10px;
  display:flex;
  align-items:center;
  gap:7px;
  border:1px solid transparent;
  border-radius:17px;
  color:#17264c;
  font-size:13px;
  font-weight:800;
  line-height:1.15;
  white-space:nowrap;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.site-header .desktop-nav-item img{
  width:29px;
  height:29px;
  flex:0 0 29px;
  object-fit:contain;
}
.site-header .desktop-nav-item:hover{
  color:#075fcf;
  border-color:#d8e9fc;
  background:#f4f9ff;
  box-shadow:0 7px 18px rgba(26,98,182,.07);
  transform:translateY(-1px);
}
.site-header .nav-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:9px;
}
.site-header .lang-pair{
  display:flex;
  align-items:center;
  padding:4px;
  border:1px solid #dbe7f6;
  border-radius:16px;
  background:#f8fbff;
  box-shadow:none;
}
.site-header .lang-pair a{
  min-width:38px;
  height:38px;
  padding:0 8px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#6a7896;
  font-size:12px;
  font-weight:900;
  transition:.18s ease;
}
.site-header .lang-pair a:hover{color:#075fcf;background:#edf6ff}
.site-header .lang-pair a.active{
  color:#0b4ca8;
  background:#ffcb21;
  box-shadow:0 5px 13px rgba(255,190,16,.22);
}
.site-header .nav-login{
  min-width:108px;
  height:48px;
  padding:0 15px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid #f1bd13;
  border-radius:15px;
  background:linear-gradient(180deg,#ffd83f 0%,#ffc51d 100%);
  color:#15376e;
  box-shadow:0 8px 18px rgba(255,190,16,.20);
  font-size:13px;
  font-weight:900;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.site-header .nav-login:hover{
  transform:translateY(-1px);
  box-shadow:0 11px 22px rgba(255,190,16,.26);
  filter:saturate(1.04);
}
.site-header .nav-login-icon,
.site-header .nav-login.nav-account img{
  width:27px;
  height:27px;
  flex:0 0 27px;
  object-fit:contain;
}
.site-header .nav-login strong{font-size:13px;font-weight:900}
.site-header .nav-login.nav-account{
  max-width:145px;
  min-width:112px;
  padding:0 13px;
  background:#eef6ff;
  border-color:#d5e8ff;
  color:#075fcf;
  box-shadow:0 8px 18px rgba(8,117,239,.08);
}
.site-header .nav-login.nav-account strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.site-header .menu-btn{
  width:46px;
  height:46px;
  flex:0 0 46px;
  padding:10px;
  border:1px solid #d9e7f8;
  border-radius:14px;
  background:#f6faff;
  cursor:pointer;
}
.site-header .menu-btn span{
  width:23px;
  height:2px;
  margin:4.5px auto;
  display:block;
  border-radius:99px;
  background:#1266cf;
}
.site-header .mobile-nav{display:none}

@media(max-width:1180px){
  .site-header .desktop-nav{display:none!important}
  .site-header .nav-actions{margin-left:auto}
  .site-header .menu-btn{display:block!important}
  .site-header .mobile-nav{
    position:absolute;
    top:calc(100% - 2px);
    left:50%;
    right:auto;
    width:min(760px,calc(100% - 24px));
    padding:12px;
    transform:translateX(-50%);
    border:1px solid #dbe8f8;
    border-radius:22px;
    background:#fff;
    box-shadow:0 22px 48px rgba(24,74,137,.16);
  }
  .site-header .mobile-nav.open{display:block!important}
  .site-header .mobile-nav-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }
  .site-header .mobile-nav-item{
    min-height:68px;
    padding:8px 11px;
    display:flex;
    align-items:center;
    gap:10px;
    border:1px solid #e1ebf7;
    border-radius:15px;
    background:#f9fcff;
    color:#17264c;
    font-size:13px;
    font-weight:850;
  }
  .site-header .mobile-nav-item:hover{border-color:#c8e0fb;background:#f1f8ff;color:#075fcf}
  .site-header .mobile-nav-item img{
    width:34px;
    height:34px;
    flex:0 0 34px;
    object-fit:contain;
  }
  .site-header .mobile-nav-item.mobile-account{
    background:linear-gradient(135deg,#fff9df,#fff4ba);
    border-color:#f5d66b;
    color:#143b7b;
  }
  .site-header .mobile-nav-language{
    margin-top:9px;
    padding:8px 9px 0;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
    border-top:1px solid #edf2f8;
  }
  .site-header .mobile-nav-language span{
    margin-right:auto;
    color:#7786a2;
    font-size:12px;
    font-weight:800;
  }
  .site-header .mobile-nav-language a{
    width:41px;
    height:35px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:#f1f6fc;
    color:#65738f;
    font-size:12px;
    font-weight:900;
  }
  .site-header .mobile-nav-language a.active{background:#ffcb21;color:#0b4ca8}
}

@media(max-width:760px){
  .site-header{padding:6px 0}
  .site-header .nav-shell{
    width:calc(100% - 16px);
    min-height:66px;
    height:66px;
    padding:0 9px 0 7px;
    gap:8px;
    border-radius:20px;
  }
  .site-header .mygdz-brand{gap:3px;margin-right:0}
  .site-header .mygdz-logo-wrap,
  .site-header .mygdz-logo{
    width:54px;
    height:54px;
  }
  .site-header .mygdz-logo-wrap{flex-basis:54px}
  .site-header .brand-text{font-size:20px;letter-spacing:-.8px}
  .site-header .brand-text em{font-size:10.5px}
  .site-header .nav-login{display:none!important}
  .site-header .lang-pair{margin-left:auto;padding:3px;border-radius:14px}
  .site-header .lang-pair a{min-width:34px;height:34px;padding:0 6px;border-radius:10px;font-size:11px}
  .site-header .menu-btn{width:42px;height:42px;flex-basis:42px;padding:8px;border-radius:12px}
  .site-header .mobile-nav{
    top:calc(100% - 1px);
    width:calc(100% - 16px);
    padding:10px;
    border-radius:19px;
  }
  .site-header .mobile-nav-grid{grid-template-columns:1fr 1fr;gap:7px}
  .site-header .mobile-nav-item{min-height:62px;padding:8px 9px;font-size:12.5px}
  .site-header .mobile-nav-item img{width:31px;height:31px;flex-basis:31px}
}

@media(max-width:430px){
  .site-header .brand-text em{display:none}
  .site-header .brand-text{font-size:19px}
  .site-header .mygdz-logo-wrap,
  .site-header .mygdz-logo{width:50px;height:50px}
  .site-header .mygdz-logo-wrap{flex-basis:50px}
  .site-header .mobile-nav-item{gap:7px;padding:7px 8px;font-size:12px}
  .site-header .mobile-nav-item img{width:29px;height:29px;flex-basis:29px}
}

@media(max-width:350px){
  .site-header .brand-text{display:none}
  .site-header .mobile-nav-grid{grid-template-columns:1fr}
}