@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#081530;--muted:#52637b;--teal:#007f83;--green:#02bb8d;--lime:#68df27;--border:#e1e9f0;--shadow:0 14px 38px rgba(16,39,75,.08);--radius:20px;--max:1340px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.55 'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,strong,b,button{font-family:'Plus Jakarta Sans','DM Sans',system-ui,sans-serif}h1,h2,h3{letter-spacing:-.055em;line-height:1.16}h1{font-size:clamp(40px,4vw,63px);font-weight:800}h2{font-size:clamp(28px,2.6vw,40px);font-weight:800}h3{font-size:20px;font-weight:800}p{margin:0 0 16px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.wrap{max-width:var(--max);margin:auto;padding:0 34px}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;top:-100px;left:20px;padding:12px 20px;z-index:200;background:white}.skip-link:focus{top:8px}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.05;stroke-linecap:round;stroke-linejoin:round;flex:none}.teal{color:#009d99}.button{display:inline-flex;gap:10px;align-items:center;justify-content:center;border-radius:14px;padding:14px 24px;font-size:14px;font-weight:800;border:1px solid transparent;white-space:nowrap;transition:transform .16s,box-shadow .16s;color:var(--ink)}.button:hover{transform:translateY(-2px);box-shadow:0 9px 20px #0b958329}.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #40bffc;outline-offset:3px}.button.green{color:#fff;background:linear-gradient(155deg,#18d5c0 0%,#00a9a6 57%,#007a80 100%);box-shadow:0 5px 15px #009e9f30}.button.ghost{border-color:#dce5f0;background:#fff}.button.outline{border-color:#56bab7;color:#087d81;background:#fff}.button.small{padding:11px 17px;font-size:13px;border-radius:13px}.button.wide{display:flex;width:100%;margin-top:auto}.button:disabled{opacity:.55;cursor:not-allowed}.inline-form{display:inline}.site-header{z-index:25;background:#fff;position:relative;border-bottom:1px solid #f1f5f7}.header-inner{min-height:86px;display:flex;align-items:center;gap:25px;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:22px;letter-spacing:-.05em;white-space:nowrap}.brand-ai{color:#008d8e}.logo-bars{height:31px;width:27px;display:inline-flex;align-items:flex-end;gap:3px}.logo-bars i{width:7px;display:block;border-radius:2px 2px 0 0;background:linear-gradient(#19ccc7,#00848f)}.logo-bars i:nth-child(1){height:13px}.logo-bars i:nth-child(2){height:22px}.logo-bars i:nth-child(3){height:29px}.top-nav{display:flex;gap:34px;align-items:center}.top-nav a{font-size:13px;font-weight:800}.top-nav a:hover,.foot-links a:hover{color:#008f8f}.header-actions{display:flex;gap:9px;align-items:center}.menu-toggle{display:none;border:0;background:#fff;padding:9px}.menu-toggle span{display:block;width:25px;height:2px;background:#0e2038;margin:5px}.notice{margin-top:18px;padding:14px 20px;border-radius:10px;background:#edfcf7;border:1px solid #b0eadd;font-weight:700}.notice.error{background:#fff1f1;border-color:#ffd0d0;color:#b22339}.section{padding:68px 0}.eyebrow{font-family:'Plus Jakarta Sans',sans-serif;display:inline-flex;align-items:center;gap:7px;border-radius:40px;padding:6px 13px;letter-spacing:-.015em;font-size:11px;font-weight:800}.eyebrow .icon{width:14px;height:14px}.pill-mint{background:#d8f8da;color:#14764d}.pill-cyan{background:#d2f9f4;color:#08767b}.pill-blue{background:#dfecff;color:#1b5cbc}.pill-lavender{background:#ede0ff;color:#7130ad}.center{text-align:center}.section-head{margin:0 auto 32px;max-width:960px}.section-head h2{margin:14px 0 8px}.section-head p{color:#41526b;max-width:850px;margin:auto}.hero-section{position:relative;overflow:hidden;background:linear-gradient(110deg,#fff 5%,#fff 65%,#fafff8 100%);padding:50px 0 46px;isolation:isolate}.hero-section:before{content:'';position:absolute;left:-155px;top:55px;height:400px;width:300px;border-radius:50%;background:radial-gradient(circle,#bff5fc80,transparent 70%);z-index:-1}.hero-glow{position:absolute;z-index:-1;pointer-events:none}.glow-left{width:350px;height:300px;left:-125px;bottom:-180px;background:radial-gradient(#fff1bfaa,transparent 72%)}.glow-right{width:550px;height:520px;right:-50px;top:-140px;border-radius:49%;background:radial-gradient(circle at 45% 35%,#baf5fa,#b7ffdf89 45%,transparent 68%);filter:blur(5px)}.hero-grid{display:grid;grid-template-columns:46% 54%;align-items:center;gap:10px}.hero-copy{padding:15px 0 10px;position:relative;z-index:3}.hero-copy h1{margin:17px 0 18px;font-size:clamp(38px,3.65vw,59px);line-height:1.14}.hero-copy h1 span{display:block;color:#047a89}.hero-copy h1 em{font-style:normal;color:#008c65;text-decoration:underline;text-decoration-color:#9ee72b;text-decoration-thickness:4px;text-underline-offset:9px}.hero-description{font-size:17px;line-height:1.55;max-width:565px;color:#2d3c53;margin-bottom:26px}.url-form{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d9e5ee;border-radius:16px;padding:5px 6px 5px 16px;box-shadow:0 7px 14px #15395616;max-width:640px}.url-form>.icon{width:17px;height:17px;color:#516a8a}.url-form input{min-width:0;flex:1;border:0;outline:0!important;padding:9px 0;font-size:13px;color:#152640}.url-form .button{font-size:12px;padding:13px 17px;border-radius:12px;box-shadow:none}.hero-points{display:flex;justify-content:space-between;gap:15px;margin-top:23px;font-size:12px;line-height:1.45;font-weight:800}.hero-points span{position:relative;padding-left:24px}.hero-points b{position:absolute;left:0;top:0;width:18px;height:18px;border-radius:100%;background:linear-gradient(135deg,#75eb41,#06b680);color:white;text-align:center;line-height:18px;font-size:12px}.hero-showcase{position:relative;min-height:430px;display:flex;align-items:center;justify-content:flex-end;padding-left:20px}.showcase-splash{position:absolute;inset:3% -2% 1% 10%;border-radius:42% 51% 50% 45%;background:radial-gradient(ellipse at 35% 40%,#d9fcfe 8%,#a9eff8b0 50%,#c3fdcf7a 78%,transparent 86%)}.dash-window{position:relative;z-index:2;width:100%;max-width:680px;background:#fff;border:1px solid #e1e5ec;border-radius:22px;box-shadow:0 20px 35px #225b7d27,0 7px 14px #274b6952;overflow:hidden;transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}.window-top{height:30px;background:linear-gradient(90deg,#f2f5fa,#fafaff);display:flex;align-items:center;gap:5px;padding:0 15px}.traffic-dot{width:9px;height:9px;border-radius:50%;display:block}.traffic-dot.red{background:#ff6366}.traffic-dot.yellow{background:#ffcf32}.traffic-dot.green-dot{background:#56c86c}.sample-tag{margin-left:auto;font-size:10px;color:#7b8599}.dash-main{display:grid;grid-template-columns:26% 74%;min-height:315px}.dash-side{background:linear-gradient(140deg,#f8fbfc,#f5f8fd);padding:10px}.dash-small-brand{display:flex;align-items:center;font-size:11px;font-weight:900;letter-spacing:-.06em;white-space:nowrap;margin-bottom:15px}.dash-small-brand>span:last-child{color:#00a8a1}.dash-small-brand .logo-bars{transform:scale(.5);transform-origin:left;width:17px;margin-right:-6px}.dash-menu{border-radius:5px;padding:9px 7px;margin:3px 0;font-size:10px;font-weight:700;color:#556279;white-space:nowrap}.dash-menu.active{color:#fff;background:linear-gradient(120deg,#19b8a4,#008c93)}.dash-detail{padding:17px 18px 13px}.dash-title{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:13px}.dash-title strong{font-size:12px;display:block}.dash-title small{display:block;font-size:9px;color:#556680;margin-top:3px}.done-pill{font-size:9px;font-weight:800;padding:4px 8px;background:#d6f9d7;border-radius:15px;color:#00794f;white-space:nowrap}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dash-stat{min-height:74px;padding:12px 9px;border-radius:10px;display:grid;grid-template-columns:20px 1fr;column-gap:4px;align-items:center}.dash-stat .icon{width:17px;height:17px}.dash-stat b{font-size:22px;letter-spacing:-.08em}.dash-stat small{font-size:9px;grid-column:1/3;text-align:center;font-weight:800}.blue-tile{background:#e7f8fe;color:#008dc5}.green-tile{background:#e6fbef;color:#0ca94b}.purple-tile{background:#f0e9ff;color:#874ad6}.dash-lower{display:grid;grid-template-columns:1.45fr .95fr;gap:8px;margin-top:12px}.chart-panel{border:1px solid #edf0f5;border-radius:9px;padding:11px 9px 6px}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:4px}.chart-heading b{font-size:10px}.up-label{background:#e7f7eb;border-radius:8px;color:#178e5c;font-weight:700;padding:3px 5px;font-size:8px}.chart-svg{width:100%;height:155px;display:block}.chart-labels{display:flex;justify-content:space-between;font-size:8px;color:#5d6e7c}.export-preview{border:1px solid #ecf1f3;border-radius:9px;padding:11px 8px}.export-preview>b{display:block;font-size:10px;letter-spacing:-.025em}.export-preview ul{margin:10px 0 9px;padding:0;list-style:none;font-size:9px;color:#24534c;line-height:2}.export-preview li::first-letter{color:#22b44a}.dash-download{background:linear-gradient(110deg,#00b4ad,#007b90);border-radius:8px;color:white;text-align:center;font-size:9px;padding:10px 2px;font-weight:800}.steps-section{padding-top:50px}.steps-grid{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr;align-items:center;gap:14px}.step-card{border-radius:18px;min-height:270px;padding:28px 30px 25px;text-align:center;position:relative}.step-blue{background:linear-gradient(145deg,#f1fbff,#daf4ff)}.step-green{background:linear-gradient(145deg,#f6ffef,#e6fbdc)}.step-pink{background:linear-gradient(145deg,#fff8f8,#ffe9e7)}.step-num{position:absolute;left:23px;top:17px;border-radius:50%;width:32px;height:32px;background:linear-gradient(#20d8eb,#088ecb);border:2px solid #fff;box-shadow:0 3px 6px #09618135;color:#fff;font-weight:800;font-size:15px;line-height:29px}.step-green .step-num{background:linear-gradient(#91ed2e,#39bb14)}.step-pink .step-num{background:linear-gradient(#ff8a7f,#eb4c40)}.step-icon{height:83px;display:grid;place-items:center;color:#05a3d9}.step-icon .icon{height:62px;width:62px;stroke-width:1.6}.step-green .step-icon{color:#06b342}.step-pink .step-icon{color:#f75a50}.step-card h3{font-size:21px;margin:10px 0 10px}.step-card p{font-size:13px;line-height:1.53;max-width:290px;margin:0 auto}.step-arrow{font-size:33px;color:#006f79;text-align:center}.examples-section{padding-top:25px}.examples-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}.example-half h2{font-size:29px;margin:10px 0 7px}.section-description{font-size:14px;color:#425269;max-width:565px;min-height:66px}.answer-half{border-left:1px solid #e1e9ef;padding-left:31px}.article-cards,.answer-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.sample-article,.answer-card{border:1px solid #e4e8f0;border-radius:13px;overflow:hidden;box-shadow:0 6px 13px #183e6413;background:#fff;min-width:0}.sample-article img{width:100%;height:108px;object-fit:cover;display:block}.sample-article>div{padding:0 11px 13px}.tag-blue,.tag-purple{display:inline-block;font-size:10px;background:#c9eaff;color:#1b66a2;border-radius:8px;padding:4px 7px;font-weight:800;position:relative;margin-top:-8px;vertical-align:top}.sample-article h3{font-size:13px;letter-spacing:-.02em;line-height:1.26;margin:7px 0 14px;min-height:47px}.sample-article small{font-size:10px;color:#13734c;font-weight:800}.green-signal{font-size:17px;color:#13b54a}.answer-card{background:linear-gradient(180deg,#f8f4ff 0%,#fff 88%);padding:12px 11px 0;display:flex;flex-direction:column;min-height:211px}.tag-purple{margin:0 0 12px;align-self:flex-start;background:#ecdfff;color:#7e39cc}.answer-card>.icon{color:#8437dd;height:30px;width:30px}.answer-card h3{font-size:14px;letter-spacing:-.035em;line-height:1.3;margin:12px 0 18px}.answer-footer{margin:auto -11px 0;padding:10px 9px;background:#fff;border-top:1px solid #f1ebf7;display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.3;font-weight:700;color:#394d5e}.answer-footer b{color:#0bb05d;font-size:17px}.feature-section{padding:26px 0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature-panel{display:grid;grid-template-columns:36% 64%;gap:8px;align-items:center;min-height:236px;padding:20px 23px;border-radius:22px}.zip-panel{background:linear-gradient(125deg,#c7fff8,#f0fffb 70%)}.map-panel{background:linear-gradient(120deg,#fff9e8,#fff9de 80%)}.feature-panel h2{font-size:23px;margin:0 0 6px}.feature-panel p{font-size:13px;margin:0 0 8px}.feature-art{display:grid;place-items:center;height:100%}.zip-illustration{width:145px;height:118px;background:linear-gradient(160deg,#ffde52,#efa800);border-radius:19px 19px 22px 22px;box-shadow:2px 11px 16px #cc7b1240;transform:rotate(-8deg);position:relative}.zip-illustration:before{content:'';position:absolute;width:65px;height:25px;top:-14px;left:4px;border-radius:12px 12px 0 0;background:#ffd434}.zip-illustration:after{content:'';position:absolute;width:15px;height:80px;background:repeating-linear-gradient(#e4b032 0 7px,#fff3a6 7px 10px);top:1px;left:63px;box-shadow:inset 0 0 0 2px #a47a22;border-radius:5px}.zip-illustration span{position:absolute;bottom:12px;left:50px;z-index:1;padding:4px 18px;border-radius:8px;font-size:22px;font-weight:900;color:white;background:#eb8100;box-shadow:0 3px 5px #0002}.sitemap-illustration{width:160px;height:112px;border:2px solid #ffb92d;border-radius:14px;box-shadow:0 10px 15px #a2782540;background:white;position:relative;overflow:visible;display:flex;flex-direction:column;align-items:flex-start;padding:25px 18px;gap:9px}.sitemap-illustration:before{content:'';position:absolute;top:0;left:0;right:0;height:21px;background:#ffd760;border-radius:11px 11px 0 0}.chrome-dots{font-size:11px;color:#fa8245;position:absolute;top:1px;left:10px}.sitemap-illustration strong{font-size:15px}.sitemap-illustration i{height:5px;width:105px;border-radius:4px;background:#dce1e8}.sitemap-illustration i:nth-last-of-type(1){width:65px}.sitemap-illustration b{position:absolute;right:-12px;bottom:-15px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#79f673,#00b76b);font-size:31px;box-shadow:0 6px 13px #00866c35}.checklist{list-style:none;margin:0;padding:0}.checklist li{padding:2px 0 2px 26px;position:relative;line-height:1.5;font-size:12px}.checklist li:before{content:'✓';position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:#45cf29;color:#fff;text-align:center;font-size:11px;font-weight:800;line-height:16px}.layout-feature{padding:57px 0;background:linear-gradient(140deg,#fff,#f6fcfb)}.layout-highlight{display:grid;grid-template-columns:52% 48%;align-items:center;gap:18px}.layout-highlight h2{margin:12px 0}.layout-highlight p{color:var(--muted);font-size:16px;max-width:600px}.layout-show{position:relative;min-height:220px}.mini-layout{width:235px;height:195px;padding:19px;background:#fff;border-radius:13px;border:1px solid #dfeaf0;box-shadow:0 16px 25px #315a661e;position:absolute;top:5px;left:20%;transform:rotate(0);display:flex;flex-direction:column;gap:10px}.mini-layout span{height:8px;width:77px;background:#08a89f;border-radius:3px}.mini-layout b{font-size:17px}.mini-layout i{height:12px;border-radius:4px;background:#edf3f7}.mini-layout i:last-child{width:65%}.layout-b{transform:rotate(-9deg);left:1%;top:20px;z-index:-1;background:#fff8f0}.layout-c{transform:rotate(9deg);left:45%;top:20px;z-index:-1;background:#f6f9ff}.layout-a{z-index:2}.layout-show{isolation:isolate}.stats-section{padding-bottom:40px}.stat-strip{background:linear-gradient(100deg,#e6fefa,#f5fcff,#e7fff5);border:1px solid #caf3e7;border-radius:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:28px 6px}.stat-strip>div{border-right:1px solid #cfdfeb;display:grid;grid-template-columns:50px 1fr;column-gap:14px;align-items:center;padding:0 22px}.stat-strip>div:last-child{border:0}.stat-strip .icon{grid-row:span 2;width:50px;height:50px;padding:12px;color:#00a7b4;border-radius:50%;background:#fff}.stat-strip>div:nth-child(2) .icon{color:#14bc58}.stat-strip>div:nth-child(3) .icon{color:#9450da}.stat-strip>div:nth-child(4) .icon{color:#ef9b26}.stat-strip b{font-size:27px;line-height:1.05;color:#027b87;letter-spacing:-.05em}.stat-strip span{font-size:12px;color:#40526a}.pricing-section{padding:78px 0;background:linear-gradient(180deg,#faffff,#fff 26%)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;margin-top:42px}.price-card{display:flex;flex-direction:column;min-width:0;position:relative;padding:26px;border:1px solid #dce7ee;border-radius:23px;background:#fff;box-shadow:0 10px 32px #0c526214}.price-card.featured{border:2px solid #00aa9f;box-shadow:0 17px 44px #00b5a624;transform:translateY(-8px)}.popular-tag{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:#00a7a1;color:white;font-size:11px;font-weight:800;border-radius:20px;padding:6px 17px;white-space:nowrap}.price-head{display:flex;flex-direction:column}.price-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#e3fafa;color:#009c9b}.price-icon .icon{width:24px;height:24px}.price-card h3{font-size:22px;margin:14px 0 5px}.price-head p{font-size:13px;color:var(--muted);min-height:38px}.price-main strong{display:block;font-size:39px;letter-spacing:-.07em}.price-main span{font-size:12px;color:var(--muted)}.per-page{display:flex;align-items:baseline;gap:8px;border-radius:12px;background:#e9fcf6;color:#087f70;padding:11px 15px;margin:19px 0}.per-page b{font-size:32px;letter-spacing:-.06em;line-height:1}.per-page span{font-weight:700}.package-totals{display:flex;flex-wrap:wrap;gap:5px 10px;padding-bottom:17px;border-bottom:1px solid #eef1f4}.package-totals b{width:100%;font-size:16px}.package-totals span{font-size:13px;color:#415771}.price-card .checklist{margin:18px 0 25px}.price-card .checklist li{font-size:13px;padding-top:6px;padding-bottom:6px}.price-card .checklist li:before{top:8px}.pricing-note{font-size:11px;color:#6a7a8b;text-align:center;margin:22px auto 0}.proof-section{padding-top:42px}.proof-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.proof-cards article{background:#fff;border:1px solid #e3eaf0;border-radius:17px;padding:26px;box-shadow:var(--shadow)}.proof-cards h3{margin:14px 0 8px}.proof-cards p{color:#4c6075;font-size:14px}.proof-icon{height:49px;width:49px;display:grid;place-items:center;border-radius:12px}.proof-icon.aqua{background:#dcf9fc;color:#0196ae}.proof-icon.lime{background:#e5ffd5;color:#48b522}.proof-icon.violet{background:#f3e9ff;color:#9945d9}.faq-section{background:#f9fcfd}.faq-grid{display:grid;grid-template-columns:35% 65%;gap:38px}.faq-grid h2{margin:12px 0}.faq-grid>div>p{color:var(--muted)}.faq-list details{padding:18px 20px;border:1px solid #e2e8ef;border-radius:14px;margin-bottom:10px;background:#fff}.faq-list summary{font-size:15px;font-weight:800;cursor:pointer}.faq-list details p{font-size:14px;color:var(--muted);margin:13px 0 0}.final-cta{padding:38px 12px 42px}.final-cta-inner{text-align:center;max-width:1370px;border-radius:32px;padding:46px 26px;background:radial-gradient(circle at -1% 115%,#acffa9 0%,transparent 27%),radial-gradient(circle at 102% 113%,#85f4f3 0%,transparent 30%),linear-gradient(100deg,#d2ffff,#fff 45%,#ebffdb)}.final-cta h2{font-size:clamp(28px,3vw,43px);margin:0 0 9px}.final-cta p{max-width:850px;margin:0 auto 22px}.cta-big{padding:16px 34px;font-size:18px;border-radius:35px}.final-cta-points{display:flex;justify-content:center;flex-wrap:wrap;gap:34px;margin-top:20px;font-size:12px;font-weight:800}.final-cta-points span::first-letter{color:#1abf50}.site-footer{border-top:1px solid #e8edf1;background:#fff;padding:33px 0}.foot-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}.foot-inner>div:nth-child(2){font-size:12px;color:var(--muted)}.foot-inner p{margin:0 0 4px;font-weight:800}.foot-links{display:flex;gap:18px;font-size:13px;font-weight:800}
/* Auth and account */
.inner-page{min-height:65vh;padding:72px 0;background:radial-gradient(circle at 20% 2%,#e8fffa,transparent 33%),#f9fcfe}.panel-card{background:#fff;border:1px solid #e2eaf1;border-radius:24px;box-shadow:var(--shadow);padding:32px}.auth-card{max-width:535px;margin:auto}.auth-card h1,.inner-page h1{font-size:clamp(30px,3vw,42px);margin:0 0 12px}.auth-card>p,.lead{color:var(--muted);font-size:15px;margin-bottom:26px}.field{margin:0 0 18px}.field label,.field legend{display:block;margin-bottom:7px;font-size:13px;font-weight:800;color:#243852}.field input,.field select,.field textarea{width:100%;border:1px solid #d7e2e9;border-radius:11px;min-height:47px;padding:11px 12px;background:#fff;color:#14223e}.field textarea{min-height:100px;resize:vertical}.field small{color:#76859a}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:17px}.text-link{color:#008f8e;font-weight:800}.muted{color:var(--muted)}.auth-card .button{width:100%}.auth-alt{text-align:center;font-size:14px;margin-top:24px}.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.project-list{display:grid;gap:16px}.project-card{background:#fff;border:1px solid #e1eaf1;border-radius:17px;padding:21px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 5px 14px #071c3210}.project-card h3{margin:0 0 3px;letter-spacing:-.02em;font-size:18px}.project-card p{margin:0;font-size:13px;color:#667489;word-break:break-all}.status-tag{display:inline-block;padding:5px 10px;border-radius:20px;background:#eaf2fc;color:#356188;text-transform:capitalize;font-weight:800;font-size:11px}.status-tag.ready{background:#dcf9e7;color:#008c57}.status-tag.failed{background:#ffedef;color:#c3334a}.progressbar{height:11px;background:#e4edf0;border-radius:20px;overflow:hidden;margin:14px 0}.progressbar>div{height:100%;background:linear-gradient(90deg,#01b5bc,#3bd26b);border-radius:20px;transition:width .3s}.proj-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.proj-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.proj-metric{padding:19px;background:#f1fcfb;border-radius:14px}.proj-metric strong{display:block;font-size:24px;color:#008c85}.proj-metric span{font-size:12px;color:#596c81}.project-step{margin-top:22px}.project-step h2{margin:0 0 9px;font-size:26px}.project-step p{color:var(--muted)}.layout-options{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:20px 0}.layout-option{display:block;position:relative;cursor:pointer}.layout-option>input{position:absolute;top:12px;left:12px;accent-color:#039f93}.layout-option .layout-visual{border:2px solid #e2e9ed;border-radius:14px;padding:13px;min-height:129px;background:#fff}.layout-option input:checked+.layout-visual{border-color:#00ac9b;box-shadow:0 0 0 3px #00a9a215}.layout-visual b{display:block;font-size:13px;margin:6px 0 3px}.layout-visual>small{font-size:11px;color:#607389}.layout-mini-page{border:1px solid #dee9ed;height:62px;border-radius:4px;padding:9px;background:#fff;box-shadow:0 2px 5px #0001}.layout-mini-page::before{content:'';display:block;width:45%;height:8px;background:var(--accent,#07aaa5);border-radius:2px;margin-bottom:9px}.layout-mini-page::after{content:'';display:block;width:84%;height:16px;border-top:3px solid #d9e6ec;border-bottom:3px solid #d9e6ec}.layout-option[data-style="editorial"] .layout-mini-page:before{background:#d17b42}.layout-option[data-style="magazine"] .layout-mini-page:before{background:#7249c6}.layout-option[data-style="minimal"] .layout-mini-page:before{background:#353d51}.package-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.package-radio{cursor:pointer}.package-radio input{position:absolute;opacity:0}.package-radio>span{border:2px solid #e1e8ec;border-radius:12px;display:block;padding:14px;font-size:13px}.package-radio input:checked+span{background:#eafbf7;border-color:#00a89a}.package-radio b{display:block;font-size:17px}.order-box{padding:22px;border:1px solid #c4ebe4;border-radius:15px;background:#f3fffb;margin:24px 0}.order-box h3{margin:0 0 10px}.order-box p{margin:5px 0}.info-callout{padding:17px 20px;border:1px solid #cfe5f5;background:#f0faff;border-radius:14px;color:#345673;font-size:14px;margin:18px 0}.info-callout.warning{background:#fff8ed;border-color:#f5d6b8}.selected-host{font-size:14px;color:#4d6078}.task-list{border:1px solid #e2eaf1;border-radius:14px;overflow:hidden;background:#fff}.task-row{display:flex;justify-content:space-between;gap:10px;padding:11px 15px;border-bottom:1px solid #edf1f6;font-size:13px}.task-row:last-child{border:0}.task-row>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-row small{color:#6b7c8f;white-space:nowrap}.task-row b{font-size:10px;text-transform:uppercase;color:#009f90}.stack{display:grid;gap:20px}.empty-state{text-align:center;padding:46px 25px}.empty-state .icon{width:50px;height:50px;color:#00a69c}.flex-between{display:flex;justify-content:space-between;align-items:center;gap:18px}.plain-content{max-width:850px;margin:auto}.plain-content p,.plain-content li{color:#4b5a73}
@media(max-width:1230px){.top-nav{gap:20px}.hero-grid{grid-template-columns:45% 55%}.hero-copy h1{font-size:44px}.hero-description{font-size:15px}.hero-showcase{min-height:370px}.dash-main{min-height:285px}.dash-stat{min-height:65px}.chart-svg{height:126px}.feature-panel{grid-template-columns:31% 69%;padding:15px}.zip-illustration{transform:rotate(-8deg) scale(.78)}.sitemap-illustration{transform:scale(.8)}.stat-strip>div{padding:0 12px}.sample-article img{height:90px}}
@media(max-width:980px){.wrap{padding:0 22px}.header-inner{min-height:72px}.menu-toggle{display:block;order:3}.top-nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:20px 30px;box-shadow:0 14px 19px #16354a15;flex-direction:column;align-items:flex-start;z-index:50}.top-nav.open{display:flex}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center;max-width:720px;margin:auto}.hero-copy h1{font-size:clamp(40px,6vw,57px)}.hero-description{margin:0 auto 25px}.hero-form{margin:auto}.hero-points{max-width:590px;margin:23px auto}.hero-showcase{min-height:350px;justify-content:center;padding:25px 0 0}.dash-window{max-width:690px}.examples-grid{gap:17px}.answer-half{padding-left:15px}.example-half h2{font-size:25px}.feature-panel{display:block;text-align:center;padding:24px}.feature-art{min-height:126px;margin-bottom:10px}.feature-panel .checklist{text-align:left;max-width:350px;margin:auto}.feature-panel h2{font-size:23px}.layout-highlight{grid-template-columns:1fr 1fr}.stat-strip b{font-size:21px}.stat-strip>div{display:flex;flex-direction:column;text-align:center;gap:7px}.pricing-grid{gap:12px}.price-card{padding:19px}.proj-columns{grid-template-columns:1fr}}
@media(max-width:700px){.section{padding:47px 0}.wrap{padding:0 18px}.site-header .brand{font-size:19px}.header-actions .button.ghost{display:none}.header-actions .button{font-size:11px;padding:9px 11px}.header-inner{gap:10px;min-height:65px}.menu-toggle{padding:7px}.top-nav{top:65px}.hero-section{padding:25px 0 23px}.hero-copy h1{font-size:clamp(36px,10vw,47px);line-height:1.16}.hero-description{font-size:14px}.hero-form{flex-wrap:wrap;justify-content:center}.hero-form input{font-size:12px;flex-basis:80%}.hero-form .button{width:100%;font-size:13px;padding:12px}.hero-points{gap:9px;flex-wrap:wrap;justify-content:center}.hero-points span{font-size:10px}.hero-showcase{min-height:250px}.dash-window{transform:none}.dash-main{grid-template-columns:23% 77%;min-height:220px}.dash-side{padding:6px 4px}.dash-small-brand{font-size:8px}.dash-small-brand .logo-bars{transform:scale(.38);width:10px;margin-right:-5px}.dash-menu{font-size:7px;padding:6px 3px}.dash-detail{padding:8px 8px}.dash-title strong{font-size:8px}.dash-title small{font-size:7px}.done-pill{font-size:6px}.dash-stat{min-height:53px;padding:6px 3px;grid-template-columns:14px 1fr}.dash-stat .icon{width:12px;height:12px}.dash-stat b{font-size:16px}.dash-stat small{font-size:6px}.dash-lower{gap:5px}.chart-panel{padding:6px}.chart-heading b,.export-preview>b{font-size:7px}.up-label{font-size:6px}.chart-svg{height:110px}.chart-labels{font-size:6px}.export-preview{padding:6px}.export-preview ul{font-size:6px;line-height:2}.dash-download{font-size:6px;padding:7px 2px}.section-head h2{font-size:29px}.section-head p{font-size:13px}.steps-grid{grid-template-columns:1fr;gap:7px}.step-card{min-height:195px;padding:23px}.step-icon{height:55px}.step-icon .icon{height:43px;width:43px}.step-card h3{font-size:20px}.step-card p{font-size:13px}.step-arrow{transform:rotate(90deg);font-size:25px}.examples-grid{grid-template-columns:1fr;gap:40px}.answer-half{border-left:0;padding-left:0}.example-half h2{font-size:26px}.section-description{min-height:0}.article-cards,.answer-cards{gap:9px}.sample-article img{height:86px}.sample-article>div{padding:0 7px 10px}.sample-article h3,.answer-card h3{font-size:11px}.sample-article small,.answer-footer{font-size:8px}.tag-blue,.tag-purple{font-size:8px}.answer-card{padding:9px 6px 0;min-height:165px}.answer-card>.icon{height:22px;width:22px}.answer-footer{margin:auto -6px 0;padding:7px 6px}.feature-grid,.layout-highlight,.pricing-grid,.proof-cards,.faq-grid{grid-template-columns:1fr}.feature-panel{display:grid;grid-template-columns:29% 71%;text-align:left;min-height:194px;gap:2px;padding:12px 15px}.feature-panel h2{font-size:18px}.feature-panel p{font-size:11px}.feature-panel .checklist li{font-size:10px;padding-left:19px}.feature-panel .checklist li:before{width:13px;height:13px;line-height:13px;font-size:9px}.zip-illustration{transform:rotate(-8deg) scale(.65)}.sitemap-illustration{transform:scale(.66)}.layout-feature{overflow:hidden}.layout-show{min-height:170px}.mini-layout{transform:scale(.82);transform-origin:left top}.layout-b{transform:rotate(-9deg) scale(.82)}.layout-c{transform:rotate(9deg) scale(.82)}.stat-strip{grid-template-columns:1fr 1fr;gap:0;padding:15px}.stat-strip>div{border:0;padding:14px;border-bottom:1px solid #d3e7e7}.stat-strip>div:nth-child(odd){border-right:1px solid #d3e7e7}.stat-strip>div:nth-child(n+3){border-bottom:0}.pricing-grid{gap:26px;margin-top:35px}.price-card.featured{transform:none}.proof-section{padding-top:20px}.faq-grid{gap:18px}.final-cta-inner{padding:34px 15px}.final-cta-points{gap:10px 15px}.foot-inner{flex-wrap:wrap}.foot-brand{width:100%}.proj-metrics{grid-template-columns:1fr 1fr}.dashboard-top{align-items:flex-start}.panel-card{padding:22px}.layout-options{grid-template-columns:1fr 1fr}.package-options{grid-template-columns:1fr}.project-card{align-items:flex-start;flex-direction:column}.inner-page{padding:40px 0}}
@media(max-width:380px){.header-actions .button.green{padding:8px 9px}.hero-points{justify-content:flex-start}.hero-points span{width:45%}.dash-side{display:none}.dash-main{grid-template-columns:1fr}.answer-card h3{font-size:10px}.feature-panel{grid-template-columns:27% 73%}.zip-illustration{transform:rotate(-8deg) scale(.53)}.sitemap-illustration{transform:scale(.55)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Live layout preview styling */
.selected-layout-preview[data-layout-preview="editorial"] h3{font-family:Georgia,serif;font-weight:700;color:#2b2b2b}
.selected-layout-preview[data-layout-preview="editorial"]{background:#fffaf4!important}
.selected-layout-preview[data-layout-preview="magazine"] h3{font-size:33px!important;letter-spacing:-.075em}
.selected-layout-preview[data-layout-preview="magazine"]{border-left:7px solid #6a5fe8!important}
.selected-layout-preview[data-layout-preview="minimal"]{border-radius:3px!important;background:#fbfbfb!important}
.selected-layout-preview[data-layout-preview="minimal"] h3{font-weight:600;letter-spacing:-.025em}

.value-tag{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:#ebfaeb;color:#087a50;font-size:11px;font-weight:800;border:1px solid #a4eac4;border-radius:20px;padding:6px 13px;white-space:nowrap}

/* Release v2: on-site secure payment, order confirmation and editorial review */
.pay-screen{background:radial-gradient(ellipse 50% 380px at 5% 0%,#ddfcff 0%,transparent 84%),radial-gradient(ellipse 45% 300px at 95% 8%,#e3ffe7 0%,transparent 85%),#fff;padding-bottom:100px}
.pay-heading{max-width:860px;text-align:center;margin:15px auto 38px}
.pay-heading h1{font-size:clamp(34px,4.3vw,59px);margin:15px 0}
.pay-heading p{color:var(--muted);font-size:17px}
.checkout-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.85fr);align-items:start;gap:28px}
.checkout-panel{padding:34px;min-height:550px;background:#fff;box-shadow:0 20px 55px rgba(0,63,86,.09)}
.checkout-panel-top{display:flex;align-items:center;gap:17px;border-bottom:1px solid #eaf0f4;padding-bottom:21px;margin-bottom:18px}
.checkout-panel-top h2{font-size:23px;margin:0 0 4px}
.checkout-panel-top p{font-size:13px;margin:0;color:#52657a}
.checkout-lock{width:47px;height:47px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#b5fff2,#c7f5ff);border-radius:14px;font-size:27px;color:#00757d;flex:none}
.stripe-secured{font-size:11px;color:#597089;font-weight:800;white-space:nowrap;margin-left:auto}
.stripe-embedded-mount{min-height:325px;max-width:100%;overflow:hidden}
.checkout-loader{padding:72px 12px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:12px;color:#355369}
.checkout-loader strong{font-size:15px}.checkout-loader small{color:#648196}
.loading-ring{height:40px;width:40px;border:4px solid #d9f6f1;border-top-color:#00a99f;border-radius:50%;animation:sg-loading .75s linear infinite}
@keyframes sg-loading{to{transform:rotate(360deg)}}
.payment-trust{display:flex;flex-wrap:wrap;gap:8px 17px;border-top:1px solid #e6eff2;margin-top:18px;padding-top:20px;color:#16886f;font-size:11px;font-weight:700}
.pay-summary-col{display:grid;gap:18px}.pay-summary-card{border-radius:22px;border:1px solid #c5ece5;background:linear-gradient(175deg,#f2fffc,#fff 60%);padding:32px;box-shadow:0 16px 45px #007e7520}
.pay-summary-card h2{font-size:28px;margin:15px 0 6px}.pay-site-name{color:#4a6172;overflow-wrap:anywhere}
.pay-amount{font-size:43px;font-weight:800;letter-spacing:-.06em;color:#007b83;margin:24px 0 12px;line-height:1}.pay-amount small{font-size:13px;color:#708394;letter-spacing:0;font-weight:600}
.pay-items{border-top:1px solid #deeeef;padding-top:12px}.pay-items>div,.checkout-total{display:flex;justify-content:space-between;gap:15px;padding:10px 0;font-size:13px}.pay-items span{color:#475e70}.pay-items strong{font-size:14px}
.checkout-total{border-top:2px solid #cce9e5;margin-top:12px;font-size:17px;font-weight:800}.checkout-total strong{font-size:22px;color:#007f82}
.small-print{font-size:12px;margin:6px 0 0}.pay-promise{border-radius:20px;background:#eafff3;padding:21px;display:flex;align-items:start;gap:16px;border:1px solid #c6f4da}.pay-promise>span{font-size:30px;color:#00a68f;line-height:1}.pay-promise b{display:block;margin-bottom:6px}.pay-promise p{font-size:13px;color:#4e6373;margin:0}
.order-success-screen{background:radial-gradient(ellipse 55% 440px at 0% 0%,#dffcff 0%,transparent 86%),radial-gradient(ellipse 60% 480px at 100% 20%,#d6ffdb 0%,transparent 80%),#fff;padding:64px 0 100px}
.success-shell{max-width:1000px;margin:auto;text-align:center;border-radius:30px;border:1px solid #e2eff2;background:#fff;position:relative;box-shadow:0 22px 75px #004b6930;padding:57px 46px 50px;overflow:hidden}
.success-seal{display:flex;justify-content:center;align-items:center;height:94px;width:94px;color:#0ab287;background:#e6fff4;border:2px solid #b6efdb;box-shadow:0 12px 30px #16bb9520;border-radius:50%;margin:0 auto 18px}.success-seal svg{width:65px}.success-shell h1{margin:13px 0 17px;font-size:clamp(36px,5vw,60px)}.success-lead{font-size:17px;color:#4c6277;line-height:1.7;max-width:680px;margin:0 auto 28px}
.success-receipt{max-width:650px;margin:32px auto;text-align:left;background:linear-gradient(#f5fffc,#fff);border:1px solid #c8ece5;border-radius:20px;overflow:hidden}
.success-receipt-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:24px 28px;border-bottom:1px solid #dcefeb}.success-receipt-top small{font-size:10px;font-weight:800;letter-spacing:.06em;display:block;color:#628283}.success-receipt-top strong{font-size:22px}.success-paid{border-radius:40px;padding:8px 14px;background:#cffff0;color:#07744e;font-size:12px;font-weight:800}
.success-detail{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:12px 28px;font-size:14px}.success-detail span{color:#557185}.success-detail b{text-align:right}.success-detail-total{border-top:1px solid #dcefeb;padding:18px 28px;margin-top:10px;font-weight:800;font-size:19px}.success-detail-total b{color:#008f86;font-size:28px}
.success-steps{text-align:left;margin-top:35px}.success-steps h2{text-align:center;font-size:27px;margin-bottom:23px}.success-next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.success-next-grid>div{background:#f6fbfe;border:1px solid #e0eef2;border-radius:18px;padding:20px}.success-next-grid>div>span{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1cdbc6,#00a48c);color:#fff;font-size:17px;font-weight:800;height:39px;width:39px;border-radius:12px;margin-bottom:13px}.success-next-grid b{display:block;font-size:14px}.success-next-grid p{font-size:12px;color:#5d7184;margin:8px 0 0;line-height:1.6}.success-actions{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:30px}.pending-seal{font-size:53px;color:#008e98}
.success-confetti i{position:absolute;display:block;width:12px;height:28px;border-radius:3px;opacity:.75;transform:rotate(35deg)}.success-confetti i:nth-child(1){left:9%;top:10%;background:#35d9c3;transform:rotate(-27deg)}.success-confetti i:nth-child(2){left:17%;top:24%;background:#fad661;transform:rotate(42deg)}.success-confetti i:nth-child(3){right:13%;top:14%;background:#99e464;transform:rotate(24deg)}.success-confetti i:nth-child(4){right:20%;top:26%;background:#70cfff;transform:rotate(-45deg)}.success-confetti i:nth-child(5){right:29%;top:7%;background:#ecabc1;transform:rotate(20deg)}.success-confetti i:nth-child(6){left:27%;top:13%;background:#aeadf7;transform:rotate(-20deg)}
.review-center{background:linear-gradient(180deg,#f6fffc,#fff 350px);padding-bottom:95px}.review-heading{margin:20px 0 25px;display:flex;align-items:center;justify-content:space-between;gap:25px}.review-heading h1{margin:14px 0 12px}.review-heading p{max-width:750px;color:#587084}.review-count{display:flex;align-items:center;gap:12px;padding:16px 23px;border-radius:19px;background:#e3fff6;border:1px solid #bce8df}.review-count strong{font-size:39px;color:#008b88;line-height:1}.review-count span{font-size:12px;font-weight:800;line-height:1.4}.review-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);align-items:start;gap:22px}.review-sidebar{padding:19px;position:sticky;top:20px;max-height:calc(100vh - 40px);display:flex;flex-direction:column}.review-sidebar h2{font-size:18px;margin:5px 0 16px}.review-filter{display:grid;grid-template-columns:repeat(3,1fr);border-radius:12px;padding:4px;background:#f1f7f8;gap:3px}.review-filter a{text-align:center;padding:9px 4px;border-radius:9px;font-size:11px;font-weight:800}.review-filter a.active{background:#fff;color:#007f87;box-shadow:0 2px 5px #0001}.review-item-list{overflow-y:auto;min-height:200px;max-height:540px;padding-top:13px;display:grid;align-content:start;gap:6px}.review-item{display:block;border-radius:12px;padding:12px 13px;border:1px solid transparent}.review-item:hover{background:#f0faf8}.review-item.selected{border-color:#a9dfd4;background:#ebfbf6}.review-item-type{display:block;text-transform:uppercase;letter-spacing:.07em;color:#008f89;font-weight:800;font-size:9px;margin-bottom:5px}.review-item b{font-size:12px;line-height:1.45;display:block}.review-item small{display:block;color:#708394;margin-top:5px;font-size:10px}.review-pagination{border-top:1px solid #e0eaec;padding-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#5d7184;font-weight:700}.review-pagination div{display:flex;gap:7px}.review-pagination a{display:inline-flex;border:1px solid #dbe9ec;border-radius:8px;padding:4px 12px;background:#f7fcfb;color:#007f82;font-size:17px}
.review-main{display:grid;gap:17px;min-width:0}.review-overview{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px}.review-overview h2{font-size:25px;margin:8px 0}.review-overview p{font-size:13px;margin:0;color:#698093}.review-issues{display:flex;align-items:center;flex-direction:column;border-radius:16px;padding:12px 18px;flex:none;font-size:10px;font-weight:800}.review-issues b{font-size:25px}.review-issues.has-issues{background:#fff1dd;color:#a15b0c}.review-issues.is-clear{background:#e1ffeb;color:#087d51}.review-warning-card,.review-good-card{padding:19px 24px;border-radius:15px;border:1px solid #ffdca4;background:#fffaf0;color:#785b25;font-size:13px}.review-warning-card ul{margin:10px 0;padding-left:19px}.review-warning-card p{margin:5px 0 0;font-size:11px}.review-good-card{background:#eafff0;color:#0b7652;border-color:#baeccd}.review-preview-card h2,.review-edit-card h2{font-size:23px;margin:2px 0 7px}.review-preview-card .flex-between{margin-bottom:19px}.review-preview-card p{font-size:12px}.review-preview-card iframe{border:1px solid #dce9ea;border-radius:13px;background:#fff;height:610px;width:100%;display:block}.review-edit-card{padding:27px}.review-edit-card>p{font-size:13px;color:#5d7184}.review-edit-card>form{margin-top:20px}.review-edit-card .field{margin-bottom:18px}.review-edit-card h3{font-size:17px;margin:25px 0 10px}.review-edit-section{padding:16px;border:1px solid #e2eaed;border-radius:13px;background:#fbfdfd;margin:10px 0}.review-edit-section>span{font-size:10px;letter-spacing:.08em;font-weight:800;color:#147d84}.review-edit-section .field{margin:9px 0}.review-edit-section .field:last-child{margin-bottom:0}.review-edit-card textarea{min-height:84px}.review-edit-card [disabled]{opacity:.72;cursor:default;background:#f5f7f8}.review-edit-card .form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px}.review-approval{margin-top:25px;padding:30px;display:grid;grid-template-columns:1.4fr 1fr;gap:26px;align-items:center;background:linear-gradient(120deg,#edfff6,#f5fffd);border:1px solid #bdeadd}.review-approval h2{font-size:27px;margin:10px 0}.review-approval p{font-size:14px;color:#526c78;margin:0}.review-approval form{border:1px solid #d1ece6;border-radius:18px;padding:22px;background:#fff}.review-approval form .button{margin-top:15px;width:100%}.approval-check{display:flex;align-items:flex-start;gap:10px;font-size:12px;cursor:pointer;color:#4b6373}.approval-check input{flex:none;margin-top:3px;accent-color:#00b994}
@media(max-width:1000px){.checkout-grid{grid-template-columns:1fr}.pay-summary-col{grid-template-columns:1fr 1fr}.review-workspace{grid-template-columns:255px minmax(0,1fr)}.review-approval{grid-template-columns:1fr}}
@media(max-width:700px){.pay-heading{margin:15px auto 25px}.pay-screen{padding-bottom:45px}.checkout-panel{padding:18px;min-height:420px}.checkout-panel-top{align-items:flex-start;flex-wrap:wrap}.checkout-panel-top h2{font-size:19px}.stripe-secured{width:100%;margin-left:0}.pay-summary-col{grid-template-columns:1fr}.pay-summary-card{padding:23px}.order-success-screen{padding:28px 0 50px}.success-shell{padding:34px 18px;border-radius:22px}.success-seal{height:78px;width:78px}.success-lead{font-size:14px}.success-next-grid{grid-template-columns:1fr}.success-next-grid>div{padding:14px}.success-receipt-top,.success-detail{padding:13px 15px}.success-detail{font-size:12px}.success-detail b{max-width:60%;overflow-wrap:anywhere}.review-heading{align-items:flex-start;flex-direction:column}.review-workspace{grid-template-columns:1fr}.review-sidebar{position:static;max-height:none}.review-item-list{max-height:255px}.review-overview{align-items:flex-start;flex-wrap:wrap}.review-overview h2{font-size:20px}.review-preview-card iframe{height:500px}.review-edit-card{padding:19px}.review-approval{padding:20px}.success-actions .button{width:100%}}

/* V3 private operational dashboard and accessible project progress */
.operations-area{background:linear-gradient(180deg,#f1fff9,#fff 330px)}
.ops-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}
.ops-summary .panel-card{padding:23px}.ops-summary small{font-size:12px;color:#657987;font-weight:700}.ops-summary h2{margin:12px 0;font-size:29px;overflow-wrap:anywhere}.ops-summary p{margin:0;font-size:12px;color:#617585}
.ops-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}.ops-columns .panel-card{padding:23px}
.ops-check{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e6f1f0;padding:10px 0;margin:0;font-size:13px}.ops-check b{font-size:12px;color:#088775}
.ops-scroll{overflow:auto;width:100%;max-width:100%}.ops-table{width:100%;border-collapse:collapse;font-size:12px;min-width:800px}.ops-table th{text-align:left;font-size:10px;letter-spacing:.05em;color:#546e78;text-transform:uppercase;padding:15px 12px;border-bottom:1px solid #dce9e7}.ops-table td{padding:14px 12px;border-bottom:1px solid #e6efef;vertical-align:top}.ops-table small{display:block;font-size:11px;margin-top:5px;color:#587283;overflow-wrap:anywhere}.ops-table .button{white-space:nowrap}
.live-project-status{margin:20px 0}.live-project-status [data-progress-label]{font-size:13px}
@media(max-width:880px){.ops-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.ops-summary,.ops-columns{grid-template-columns:1fr}.ops-summary h2{font-size:24px}}
/* V4: Approved bright visual system retained; quantity configurator and publishing choices */
.custom-pricing-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:26px;align-items:stretch;margin-top:38px;text-align:left}
.sg-price-builder{display:grid;gap:14px;background:#fff;box-shadow:0 12px 40px rgba(9,63,81,.08)}
.sg-price-builder h3{font-size:clamp(1.4rem,2.4vw,2rem);margin:0;line-height:1.2;letter-spacing:-.03em}
.sg-price-builder>p,.sg-price-builder>small{margin:0;color:#5b6c78;font-size:.92rem}
.sg-count-label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:750;font-size:1.03rem;margin:10px 0 0}
.sg-count-label strong{color:#078f83;font-size:1.35rem;font-variant-numeric:tabular-nums}
.sg-price-builder input[type=range]{width:100%;height:8px;accent-color:#079b8b;cursor:pointer}
.sg-price-builder input[type=number]{width:100%;max-width:240px;padding:12px 15px;font-size:1.1rem;font-weight:750;border:1px solid #cddfdf;border-radius:12px}
.sg-check{display:flex;align-items:center;flex-wrap:wrap;gap:9px;background:#eefaf6;padding:14px;border-radius:12px;font-weight:700;cursor:pointer}
.sg-check input{accent-color:#078f83;width:18px;height:18px}
.sg-check span{color:#496b69;font-size:.88rem;font-weight:500}
.sg-live-total{display:flex;gap:14px;align-items:center;justify-content:space-between;background:linear-gradient(125deg,#e1f7f0,#edfafa);border:1px solid #bce7db;border-radius:17px;padding:18px 20px}
.sg-live-total>span{font-weight:700}
.sg-live-total span small{display:block;font-size:.78rem;color:#58736f;font-weight:450;margin-top:3px}
.sg-live-total>strong{font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#0b887a}
.sg-value-panel{padding:34px 30px;background:linear-gradient(145deg,#e7f9f6,#f4fdfb);border:1px solid #cceee6;border-radius:22px}
.sg-value-panel h3{font-size:clamp(1.55rem,3vw,2.2rem);letter-spacing:-.04em;margin:16px 0}
.sg-value-panel .checklist{margin:16px 0 24px;display:grid;gap:9px}
.sg-value-note{padding:17px;background:white;border-radius:13px;border:1px solid #d0eee5}
.sg-value-note p{margin:5px 0 0;color:#4d6770}
.sg-project-builder{border:1px solid #d2eae8;border-radius:16px;padding:18px;margin:18px 0}
.sg-delivery-choices{display:grid;gap:9px;margin-top:15px}
.sg-delivery-choices .package-radio{margin:0}
.sg-unavailable{opacity:.55;cursor:not-allowed}
@media(max-width:800px){.custom-pricing-grid{grid-template-columns:1fr}.sg-value-panel{padding:23px}.sg-live-total{padding:15px}}

/* V5 SiteGrowth education library — visual system matches approved bright site */
.sg-resource-banner{background:radial-gradient(circle at 85% 18%,#c9fff0,transparent 38%),linear-gradient(125deg,#f5feff,#fff 55%,#f6fff1);padding:58px 0 34px;border-bottom:1px solid #e7edf1}
.sg-resource-banner h1{color:#071b35;font-size:clamp(2.2rem,4.7vw,3.9rem);line-height:1.1;margin:18px 0}
.sg-resource-banner p{font-size:1.15rem;color:#50647b;max-width:730px}
.sg-res-tabs{display:flex;gap:12px;margin-top:27px;flex-wrap:wrap}
.sg-res-tabs a{background:#fff;color:#146e67;padding:12px 20px;border:1px solid #b6dfd5;border-radius:99px;text-decoration:none;font-weight:700}
.sg-res-tabs a.active{background:#007f76;color:#fff}
.sg-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sg-resource-card{color:inherit;text-decoration:none;background:#fff;border:1px solid #e2eaf0;border-radius:17px;overflow:hidden;box-shadow:0 8px 25px #07345e0b;transition:transform .2s,box-shadow .2s}
.sg-resource-card:hover{transform:translateY(-3px);box-shadow:0 15px 32px #07345e18}
.sg-resource-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.sg-resource-card-body{padding:22px}.sg-resource-card-body h2{font-size:1.3rem;line-height:1.35;margin:10px 0}.sg-resource-card-body p{font-size:.94rem;color:#53677b}
.sg-card-link{color:#007f78;font-weight:750}.sg-resource-empty{margin:auto;padding:70px 20px;text-align:center;max-width:700px}
.sg-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:42px;align-items:start}
.sg-resource-article{background:linear-gradient(175deg,#f8fdfc,#fff 28%);padding:35px 0 100px}.sg-crumbs{font-size:.89rem;color:#64748b;margin-bottom:28px}
.sg-crumbs a{color:#006e77}.sg-reading-main{max-width:840px}.sg-reading-main h1{font-size:clamp(2rem,4vw,3.25rem);line-height:1.14;color:#0d203b;margin:20px 0}
.sg-resource-intro{font-size:1.18rem;line-height:1.8;color:#42566d;white-space:normal}.sg-resource-cover{margin:28px 0 36px}.sg-resource-cover img{width:100%;height:auto;border-radius:17px;box-shadow:0 11px 25px #0a25351c}
.sg-reading-body{font-size:1.055rem;line-height:1.83;color:#25364d}.sg-reading-body h2{font-size:1.55rem;line-height:1.3;margin:38px 0 12px;color:#0c213c}.sg-reading-body h3{font-size:1.16rem;margin:24px 0 7px}
.sg-reading-body a{color:#006d83;text-decoration:underline}.sg-reading-body ul{padding-left:24px}.sg-reading-body li{margin:9px 0}
.sg-takeaways{background:#effcf5;padding:25px;border-radius:16px;border:1px solid #d1f0e2}.sg-takeaways h2{margin-top:0}
.sg-reading-aside{position:sticky;top:90px}.sg-aside-card{padding:23px;border:1px solid #e4eaf0;border-radius:16px;background:#fff;margin-bottom:18px;box-shadow:0 6px 22px #012d3b0c}.sg-aside-card h2{font-size:1.17rem}.sg-aside-card ul{padding-left:19px}.sg-aside-card li{margin:11px 0}.sg-aside-card a:not(.button){color:#05766c}
.sg-admin-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:26px}.sg-admin-summary>div{background:#e9faf4;padding:24px;border-radius:14px;display:flex;flex-direction:column;gap:8px}.sg-admin-summary strong{font-size:2rem;color:#007f73}.sg-admin-summary span{font-size:.9rem}
.sg-admin-group-title{margin:35px 0 14px}.sg-admin-list{display:flex;flex-direction:column;gap:8px}.sg-admin-item{background:#fff;border:1px solid #e1e7ea;border-radius:12px;padding:15px 20px;display:flex;justify-content:space-between;gap:15px;align-items:center}.sg-admin-item small{display:block;color:#65798b;margin-top:5px}.sg-admin-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sg-admin-actions form{margin:0}
.sg-library-home{background:linear-gradient(110deg,#effcf8,#fff,#efffff)}.sg-home-learn-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.sg-home-learn-cards>a{border-radius:18px;background:#fff;border:1px solid #dbeae7;padding:30px;text-decoration:none;color:#142a3d;box-shadow:0 7px 20px #002a4412}.sg-home-learn-cards strong{font-size:1.6rem}.sg-home-learn-cards p{color:#506476}.sg-home-learn-cards span{color:#007f73;font-weight:750}
@media(max-width:900px){.sg-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-reading-layout{grid-template-columns:1fr}.sg-reading-aside{position:static}.sg-admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.sg-resource-grid,.sg-home-learn-cards{grid-template-columns:1fr}.sg-resource-banner{padding:40px 0 28px}.sg-admin-item{display:block}.sg-admin-actions{margin-top:10px}.sg-reading-main h1{font-size:2rem}.sg-resource-article{padding-top:24px}}

.sg-admin-edit form{max-width:850px;display:flex;flex-direction:column;gap:10px}.sg-admin-edit label{margin-top:12px;font-weight:700;color:#21384f}.sg-admin-edit textarea,.sg-admin-edit input{width:100%;box-sizing:border-box;padding:13px 15px;border:1px solid #b5d5d1;border-radius:11px;font:inherit;background:#fff}.sg-admin-edit button{align-self:flex-start;margin-top:17px}
/* V6 educational library — category navigation and instant topic filtering */
.sg-learning-tools{display:flex;align-items:center;gap:14px;background:#effcf8;border:1px solid #d1eee6;padding:16px 20px;border-radius:16px;margin-bottom:18px;flex-wrap:wrap}
.sg-learning-tools label{font-size:.98rem;font-weight:750;color:#103e47}
.sg-learning-tools input{flex:1;min-width:230px;width:auto;padding:12px 14px;border:1px solid #b9dfd7;border-radius:10px;font-size:1rem;background:#fff}
.sg-learning-tools span{font-size:.9rem;color:#437277;font-weight:700;white-space:nowrap}
.sg-learning-categories{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:35px}
.sg-learning-categories a{display:inline-flex;gap:9px;align-items:center;text-decoration:none;color:#145b60;background:#fff;border:1px solid #cfebe7;border-radius:999px;padding:9px 14px;font-size:.87rem;font-weight:650}
.sg-learning-categories a:hover,.sg-learning-categories a:focus-visible{border-color:#00a98d;background:#effff8}
.sg-learning-categories span{color:#077d69;background:#dff8ed;border-radius:999px;font-size:.78rem;padding:1px 7px}
.sg-learning-cluster{scroll-margin-top:95px;margin-bottom:53px}
.sg-learning-cluster-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid #e0ebe9;margin-bottom:20px;padding-bottom:8px}
.sg-learning-cluster-header h2{color:#0b2636;font-size:1.7rem;margin:0 0 6px}
.sg-learning-cluster-header p{font-size:.95rem;color:#547078;margin:0}
.sg-resource-card-body h3{font-size:1.3rem;line-height:1.35;margin:10px 0;color:#0b2036}
.sg-learning-empty{background:#eefaf6;padding:25px;border-radius:16px;color:#165d58;text-align:center}
.sg-resource-card[hidden],.sg-learning-cluster[hidden],.sg-learning-empty[hidden]{display:none!important}
@media(max-width:640px){.sg-learning-tools{align-items:stretch}.sg-learning-tools input{min-width:100%;flex-basis:100%}.sg-learning-cluster-header{display:block}.sg-learning-cluster-header h2{font-size:1.45rem}.sg-learning-categories{gap:7px}.sg-learning-categories a{font-size:.81rem}}

/* V7 — approved visual reference for Create Your Content Package.
   Strictly scoped to the scanned-project wizard. Existing homepage, education
   pages, and paid project review screens keep their own styles unchanged. */
body.page-project:has(.sg-order-page){background:#fff;font-family:'DM Sans',system-ui,sans-serif;color:#0b1930}
body.page-project:has(.sg-order-page) .site-header{display:none}
.sg-order-page{background:linear-gradient(#fff,#fcfefd);min-height:95vh;padding-bottom:34px;color:#101d34;font-size:15px}
.sg-order-page h1,.sg-order-page h2,.sg-order-page h3{font-family:'Plus Jakarta Sans','DM Sans',sans-serif;letter-spacing:-.048em}
.sg-order-page h1{font-size:clamp(26px,2.3vw,34px);font-weight:800;line-height:1.13;margin:0 0 9px}
.sg-order-page h2{font-size:20px;font-weight:800;margin:0;line-height:1.26}
.sg-order-page h3{font-size:18px;font-weight:800;margin:0 0 10px}
.sg-order-page p{line-height:1.47}
.sg-app-header{max-width:1500px;margin:auto;min-height:83px;padding:12px 34px;display:flex;gap:28px;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e4eaec;box-shadow:0 3px 12px #152f3708}
.sg-app-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.sg-app-mark{width:49px;height:49px;flex:none}
.sg-brand-text{display:flex;flex-direction:column;line-height:1.12;white-space:nowrap}
.sg-brand-text strong{font-size:clamp(19px,1.6vw,25px);font-weight:900;letter-spacing:-.075em;color:#0b263c}
.sg-brand-text strong span{color:#06a86d;margin-left:2px}
.sg-brand-text small{color:#273d49;font-weight:600;font-size:10px;letter-spacing:-.02em;margin-top:6px}
.sg-app-nav{display:flex;align-items:center;justify-content:center;gap:11px;flex:1;white-space:nowrap}
.sg-app-nav>a{display:flex;align-items:center;gap:8px;padding:10px 11px;font-size:13px;font-weight:750;border-radius:9px;color:#17293b}
.sg-app-nav>a>span{font-size:19px;line-height:1;color:#28465a}
.sg-app-nav>a:hover,.sg-app-nav>a:focus-visible{background:#e9f8f5}
.sg-app-nav>a.sg-nav-highlight{background:#dff7f1;color:#005e50;padding:10px 17px}
.sg-app-nav>a.sg-nav-highlight>span{font-size:27px;color:#007e6f}
.sg-app-user{display:flex;align-items:center;gap:20px;white-space:nowrap}
.sg-app-help{font-weight:750;font-size:13px;color:#263c50}
.sg-account-menu{position:relative;font-size:13px;font-weight:750}
.sg-account-menu summary{cursor:pointer;list-style:none}.sg-account-menu summary::-webkit-details-marker{display:none}
.sg-account-menu summary::after{content:'⌄';padding-left:5px}
.sg-account-dropdown{position:absolute;right:0;top:28px;z-index:21;min-width:168px;border:1px solid #d7e8e4;background:#fff;border-radius:11px;box-shadow:0 15px 35px #0b2a3e2c;padding:6px}
.sg-account-dropdown a,.sg-account-dropdown button{display:block;width:100%;padding:10px 12px;text-align:left;background:transparent;border:0;border-radius:7px;font-weight:700;font-size:13px;color:#153142}
.sg-account-dropdown a:hover,.sg-account-dropdown button:hover{background:#e4f8f3}
.sg-order-container{max-width:1480px;margin:auto;padding:24px 34px 34px}
.sg-wizard-heading{display:grid;grid-template-columns:minmax(340px,1fr) minmax(530px,.92fr);gap:32px;align-items:center;margin:0 0 17px;padding:0 10px}
.sg-wizard-heading>div>p{color:#2b4054;font-size:15px;margin:0}
.sg-wizard-track{list-style:none;display:flex;align-items:flex-start;justify-content:space-between;gap:0;padding:0;margin:0;counter-reset:steps}
.sg-wstep{position:relative;text-align:center;flex:1;min-width:100px;padding:0 5px;color:#243a4f}
.sg-wstep:not(:last-child)::after{content:'';height:3px;background:#d7e2e7;position:absolute;z-index:0;left:calc(50% + 21px);right:calc(-50% + 21px);top:19px}
.sg-wstep>span{position:relative;z-index:1;display:flex;width:40px;height:40px;border-radius:100%;background:#e3edf0;color:#344b60;justify-content:center;align-items:center;font-size:19px;font-weight:800;margin:0 auto 8px}
.sg-wstep small{display:block;font-size:13px;font-weight:650;white-space:nowrap}
.sg-wstep.active>span{background:linear-gradient(130deg,#0b9976,#006c51);color:#fff;box-shadow:0 3px 8px #0787682a}
.sg-wstep.active>small{color:#006e55;font-weight:900}
.sg-wstep.passed>span{background:#b0eddb;color:#006b54}.sg-wstep.passed:after{background:#b0eddb}
.sg-website-note{padding:8px 11px 12px;font-size:12px;color:#617182;display:flex;align-items:center;gap:8px}
.sg-website-note strong{color:#263d4e}.sg-website-note a{margin-left:auto;color:#007f73;font-weight:750}
.sg-dot-online{display:inline-block;width:9px;height:9px;background:#1ab66e;border-radius:100%;box-shadow:0 0 0 4px #ddf8eb}
.sg-order-columns{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr);gap:20px;align-items:start}
.sg-card{background:#fff;border:1px solid #d7e3e7;border-radius:13px;box-shadow:0 4px 12px #183c4b0b}
.sg-order-main{padding:24px 18px 17px}
.sg-card-heading{display:flex;align-items:flex-start;gap:13px;margin:0 2px 21px}
.sg-card-heading .sg-ui-icon{color:#008b70;margin-top:2px}
.sg-ui-icon{display:block;width:25px;height:25px;flex:none;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.sg-card-heading p{font-size:14px;color:#1d3749;margin:7px 0 0}
.sg-quantities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.sg-quantity-card{background:linear-gradient(115deg,#f9fffc,#f2fbf7);border:1px solid #35b88c;border-radius:11px;min-height:140px;position:relative;padding:19px 105px 22px 16px}
.sg-answers-card{border-color:#b2e1cf;background:linear-gradient(115deg,#fbfffd,#f4fbf9)}
.sg-quantity-title{display:flex;align-items:center;gap:10px;white-space:nowrap}
.sg-quantity-title .sg-ui-icon{color:#008665}
.sg-quantity-title strong{font-size:18px;letter-spacing:-.06em;font-weight:900}
.sg-checked-square{display:grid;place-items:center;width:24px;height:24px;background:#0c9c64;color:#fff;border-radius:4px;font-weight:900;font-size:18px;flex:none}
.sg-quantity-card>p{font-size:12px;color:#253b4b;line-height:1.5;margin:11px 0 0 37px;max-width:240px}
.sg-count-control{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:84px}
.sg-count-control input{width:100%;font-size:20px;font-weight:800;text-align:center;background:white;color:#006048;border:1px solid #a5cfd0;border-radius:8px;padding:6px 0 6px 3px;box-shadow:none;line-height:1.65;outline-offset:2px}
.sg-divider{height:1px;background:#e5edee;margin:19px 0 20px}
.sg-heading-images{margin-bottom:15px}
.sg-image-options{border:1px solid #e4eaf0;border-radius:11px;display:grid;grid-template-columns:1fr 1fr;padding:17px 15px;gap:20px;margin-bottom:20px}
.sg-switch-option{display:flex;align-items:center;gap:13px;cursor:pointer;min-width:0}
.sg-switch-option>input{position:absolute;width:1px;height:1px;opacity:0}
.sg-toggle{width:47px;height:27px;background:#cdd7dd;border-radius:99px;position:relative;flex:none;transition:background .18s}
.sg-toggle::after{content:'';position:absolute;top:3px;left:3px;background:white;width:21px;height:21px;border-radius:99px;box-shadow:0 2px 4px #17373a20;transition:transform .18s}
.sg-switch-option input:checked+.sg-toggle{background:#068e60}
.sg-switch-option input:checked+.sg-toggle::after{transform:translateX(20px)}
.sg-switch-option input:focus-visible+.sg-toggle{outline:3px solid #47bfff;outline-offset:3px}
.sg-switch-option strong{display:block;font-size:14px;font-weight:850;letter-spacing:-.025em;line-height:1.25}
.sg-switch-option small{display:block;font-size:11px;color:#4d6472;line-height:1.6;margin-top:4px}
.sg-switch-disabled{cursor:default;opacity:.86}
.sg-benefits{border-radius:12px;background:#e8f8f2;padding:15px 16px 16px}
.sg-benefits-title{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.sg-benefits-title .sg-ui-icon{color:#008d5d}
.sg-benefits h2{font-size:19px}
.sg-benefits-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:23px;row-gap:8px;padding:0;margin:0 0 0 6px}
.sg-benefits-list li{font-size:12.5px;display:flex;gap:10px;align-items:flex-start;line-height:1.5;color:#172b36}
.sg-benefits-list li::before{content:'✓';font-size:19px;line-height:17px;font-weight:900;color:#00a345;flex:none}
.sg-summary-column{display:grid;gap:18px}
.sg-order-summary{overflow:hidden}
.sg-summary-title{display:flex;align-items:center;gap:11px;padding:13px 19px;background:linear-gradient(105deg,#037a70,#006d66);color:white}
.sg-summary-title .sg-ui-icon{width:24px;height:24px;color:white}
.sg-summary-title h2{font-size:17px;color:white}
.sg-summary-body{padding:14px 19px 18px}
.sg-money-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;min-height:36px;border-bottom:1px solid #e6ebef}
.sg-money-row>span{color:#263a4a}.sg-money-row>strong{font-weight:750;white-space:nowrap}
.sg-summary-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:12px 0 17px;font-size:22px;font-weight:900}
.sg-summary-total>strong:last-child{font-size:25px;color:#008a4a;white-space:nowrap;font-variant-numeric:tabular-nums}
.sg-continue{border:0;min-height:51px;width:100%;border-radius:8px;background:linear-gradient(180deg,#0aa838,#007b43);color:white;font:800 16px 'Plus Jakarta Sans','DM Sans',sans-serif;box-shadow:0 2px 4px #03673929;padding:12px 19px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;transition:filter .15s,transform .15s}
.sg-continue:hover{filter:brightness(1.06);transform:translateY(-1px)}
.sg-continue:focus-visible{outline:3px solid #24b5f5;outline-offset:3px}
.sg-secure-note{font-size:12px;color:#324656;text-align:center;margin:13px 0 0!important;font-weight:600}
.sg-delivery-card{padding:18px 19px 20px}
.sg-delivery-header{display:flex;align-items:center;gap:12px;margin-bottom:13px}
.sg-delivery-header .sg-ui-icon{color:#007e65}
.sg-delivery-header h2{font-size:17px}
.sg-delivery-line{display:flex;align-items:flex-start;gap:11px;margin:12px 0 0}
.sg-delivery-line>p{margin:0;font-size:12.2px;line-height:1.45}
.sg-delivery-line strong{display:block;font-size:12.8px;line-height:1.4}
.sg-delivery-line em{font-style:normal;color:#007b68}
.sg-delivery-line small{display:block;font-size:12px;line-height:1.5;margin-top:4px;color:#263d4e}
.sg-delivery-check{font-size:25px;line-height:1;font-weight:900;color:#00a148;flex:none}
.sg-basket-bar{margin:19px 0 0;background:#f8fdfc;border:1px solid #d4eced;border-radius:12px;padding:11px 17px;display:flex;gap:17px;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:13px}
.sg-basket-label{font-weight:850;white-space:nowrap}
.sg-basket-item{display:flex;align-items:center;gap:6px;padding:9px 13px;border-radius:10px;white-space:nowrap;font-size:12.5px;font-weight:700}
.sg-basket-item strong{font-size:16px}.sg-basket-item small{font-size:11px;font-weight:600}
.sg-basket-item .sg-ui-icon{width:24px;height:24px}
.sg-basket-articles{background:#dff8e8;color:#025942}.sg-basket-answers{background:#e0f1ff;color:#103c8e}.sg-basket-pages{background:#f0e5ff;color:#432683}
.sg-stage-two{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.7fr);gap:19px;align-items:start}
.sg-details-card{padding:29px 32px}.sg-details-card>p{color:#536577;margin:9px 0 21px}
.sg-step-chip{font-size:11px;letter-spacing:.04em;font-weight:800;color:#007b5e;background:#dbf9ef;border-radius:99px;padding:7px 11px;display:inline-block;margin-bottom:14px}
.sg-detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:19px}.sg-order-page .field label{font-size:13px;font-weight:800}
.sg-details-card h3{margin-top:24px}.sg-real-delivery{grid-template-columns:1fr 1fr}
.sg-real-delivery .package-radio{border:1px solid #d7e6e3;border-radius:12px;padding:14px}
.sg-layout-picks{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.sg-layout-choice{cursor:pointer;display:flex;flex-direction:column;gap:6px;font-size:13px;border:1px solid #d7e6e4;border-radius:12px;padding:12px;position:relative;min-width:0}
.sg-layout-choice:has(input:checked){border-color:#019c78;box-shadow:0 0 0 2px #019c7826}
.sg-layout-choice input{position:absolute;top:8px;left:8px;accent-color:#008b6b}
.sg-layout-choice strong{font-size:13px}.sg-layout-choice small{font-size:11px;line-height:1.35;color:#506576}
.sg-layout-swatch{height:48px;border-radius:6px;background:linear-gradient(150deg,#d7f5e9,#f8fcfa);border-top:8px solid #00a878}
.sg-layout-editorial{background:linear-gradient(135deg,#f4f1e9,#fff);border-top-color:#6e80a2}
.sg-layout-magazine{background:linear-gradient(135deg,#f6dae0,#fff3e1);border-top-color:#dd886a}
.sg-layout-minimal{background:linear-gradient(135deg,#f7f8f9,#fff);border-top-color:#a4b2b8}
.sg-layout-matched{border-top-color:var(--match-accent,#00a878)}
.sg-small-note{font-size:13px;color:#59707a;margin:0 0 12px}
.sg-wizard-actions{display:flex;align-items:center;gap:15px;justify-content:flex-end;margin-top:27px}
.sg-wizard-actions>.sg-continue,.sg-wizard-actions>form>.sg-continue{width:auto;min-width:245px}
.sg-back-button{border:1px solid #c8dad7;color:#1e5e59;background:white;padding:13px 20px;border-radius:9px;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap}
.sg-details-summary,.sg-payment-confidence{padding:25px}.sg-details-summary>p{border-bottom:1px solid #e0ebea;padding-bottom:13px}
.sg-safe-text{color:#007e66;font-size:13px;line-height:1.7}
.sg-stage-three{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.65fr);align-items:start;gap:20px}
.sg-review-ready{padding:32px}.sg-review-ready>p{color:#526472}
.sg-review-line{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #e3ecee;padding:14px 0;font-size:14px}
.sg-review-line strong{text-align:right}.sg-review-total strong{font-size:23px;color:#00864f}
.sg-payment-confidence .sg-ui-icon{color:#098f68;width:40px;height:40px;margin-bottom:14px}
.sg-payment-confidence p{font-size:14px;color:#516475}
.sg-order-page [hidden]{display:none!important}
@media(max-width:1350px){.sg-app-header{gap:13px;padding:10px 21px}.sg-app-nav{gap:2px}.sg-app-nav>a{padding:10px 7px;font-size:12px}.sg-app-user{gap:12px}.sg-brand-text small{font-size:9px}.sg-order-container{padding-left:22px;padding-right:22px}.sg-quantity-card{padding-right:91px}.sg-quantity-title strong{font-size:16px}.sg-quantity-card>p{margin-left:33px}.sg-count-control{width:72px}.sg-basket-bar{gap:9px}}
@media(max-width:1050px){.sg-app-nav>a:nth-child(4),.sg-app-nav>a:nth-child(5){display:none}.sg-order-columns{grid-template-columns:minmax(0,1.6fr) minmax(260px,.85fr)}.sg-quantity-card{padding:14px 10px 63px}.sg-count-control{top:auto;bottom:10px;left:48px;right:auto;transform:none}.sg-wizard-heading{grid-template-columns:1fr;gap:20px}.sg-wizard-track{max-width:700px}.sg-quantities{gap:10px}.sg-quantity-card>p{max-width:100%;margin-left:33px}}
@media(max-width:760px){.sg-app-header{flex-wrap:wrap;gap:11px;padding:13px 16px}.sg-app-brand{flex:1}.sg-app-mark{width:38px;height:38px}.sg-brand-text strong{font-size:21px}.sg-app-user{margin-left:auto}.sg-app-nav{order:3;justify-content:flex-start;overflow-x:auto;width:100%;flex-basis:100%;padding-bottom:2px}.sg-app-nav>a{font-size:12px}.sg-app-nav>a:nth-child(4),.sg-app-nav>a:nth-child(5){display:flex}.sg-order-container{padding:22px 14px}.sg-wizard-heading{padding:0}.sg-wizard-heading h1{font-size:27px}.sg-wizard-heading>div>p{font-size:13px}.sg-wizard-track{gap:0}.sg-wstep{min-width:0}.sg-wstep>span{height:32px;width:32px;font-size:15px}.sg-wstep:not(:last-child)::after{top:15px;left:calc(50% + 17px);right:calc(-50% + 17px)}.sg-wstep small{font-size:10px;white-space:normal}.sg-order-columns,.sg-stage-two,.sg-stage-three{grid-template-columns:1fr}.sg-order-main{padding:18px 14px}.sg-card-heading p{font-size:13px}.sg-quantities{grid-template-columns:1fr}.sg-quantity-card{min-height:108px;padding:15px 95px 15px 11px}.sg-count-control{top:50%;bottom:auto;left:auto;right:11px;transform:translateY(-50%);width:74px}.sg-image-options{grid-template-columns:1fr}.sg-benefits-list{grid-template-columns:1fr;gap:8px}.sg-basket-bar{justify-content:flex-start}.sg-detail-fields{grid-template-columns:1fr}.sg-layout-picks{grid-template-columns:repeat(2,1fr)}.sg-details-card{padding:21px 15px}.sg-real-delivery{grid-template-columns:1fr}.sg-wizard-actions{flex-wrap:wrap}.sg-wizard-actions>.sg-continue,.sg-wizard-actions>form,.sg-wizard-actions>form>.sg-continue{width:100%}.sg-back-button{width:100%}.sg-website-note{flex-wrap:wrap}.sg-website-note>a{margin-left:0}}
@media(max-width:420px){.sg-app-help span,.sg-account-menu summary span{display:none}.sg-brand-text small{font-size:8px}.sg-order-page h2{font-size:18px}.sg-quantity-title strong{font-size:15px}.sg-quantity-card>p{font-size:11px;line-height:1.35}.sg-quantity-card{padding-right:87px}.sg-count-control{width:70px}.sg-basket-item{width:100%}.sg-basket-item strong{font-size:15px}}
/* Keep publishing choices legible inside the step-two cards. */
.sg-real-delivery .package-radio{border:0;padding:0;min-width:0}
.sg-real-delivery .package-radio>span{height:100%;border:1px solid #d7e6e3;display:block;padding:16px;border-radius:12px}
.sg-real-delivery .package-radio input:checked+span{border-color:#00a98b;box-shadow:0 0 0 1px #00a98b20}
.sg-real-delivery .package-radio strong{display:block;font-size:13px;line-height:1.4;letter-spacing:0}
.sg-real-delivery .package-radio small{display:block;line-height:1.6;color:#546b7d;margin-top:6px}

/* V8 — approved green/white checkout, dual image switches + tier previews */
.sg-image-tier-options{display:grid;gap:14px}.sg-image-tier-block{border:1px solid #e2ebe8;border-radius:14px;padding:14px;background:#fbfefd}
.sg-tier-selector{margin:12px 0 0;padding:12px;border:1px solid #d5e9df;border-radius:12px;display:flex;gap:12px;flex-wrap:wrap}.sg-tier-selector[hidden]{display:none!important}.sg-tier-selector legend{font-size:12px;font-weight:800;color:#387465;padding:0 7px}
.sg-image-style-choice{cursor:pointer;display:flex;align-items:center;gap:10px;flex:1 1 180px;border:1px solid #d9e7e0;border-radius:10px;padding:12px;background:#fff}.sg-image-style-choice:has(input:checked){border-color:#0eae7b;background:#eafaf2;box-shadow:0 0 0 1px #0eae7b}.sg-image-style-choice input{accent-color:#00a76e}.sg-image-style-choice span{display:grid;gap:3px}.sg-image-style-choice small{color:#59776c;font-size:12px}
.sg-image-example-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 25px}.sg-image-example-strip>div{min-height:95px;border-radius:13px;padding:18px;display:flex;flex-direction:column;justify-content:end;gap:6px}.sg-example-basic{background:linear-gradient(135deg,#e7f8f0,#abdfc9)}.sg-example-detail{background:radial-gradient(circle at 75% 25%,#fff3ae,transparent 40%),linear-gradient(135deg,#c1e9e9,#88c5b2,#e8ebc5)}.sg-image-example-strip strong{color:#145940}.sg-image-example-strip small{color:#315f55}.sg-image-example-strip>p{grid-column:1/-1;font-size:12px;color:#64837a;margin:0}
.sg-admin-price-form{padding:24px;display:grid;gap:15px}.sg-pricing-admin-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #ecf2ef;padding:12px 0}.sg-pricing-admin-row span{display:grid}.sg-pricing-admin-row small{color:#6c847c}.sg-pricing-admin-row input{max-width:150px;padding:10px;border:1px solid #bad5ca;border-radius:8px}.sg-admin-price-note{background:#edfbf4;border-radius:8px;padding:12px;font-size:14px}
@media(max-width:680px){.sg-image-example-strip{grid-template-columns:1fr}.sg-pricing-admin-row{flex-direction:column;align-items:stretch}.sg-pricing-admin-row input{max-width:none}}

.sg-image-example-strip img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;border-radius:9px;margin-bottom:10px}.sg-image-example-strip>div{padding:10px;display:block}.sg-image-example-strip>div strong,.sg-image-example-strip>div small{display:block;padding:0 5px}

/* V9 — compact article/answer image settings, two examples ONLY */
.sg-image-tier-options{grid-template-columns:1fr;gap:10px;}
.sg-image-tier-block{padding:12px 14px;}
.sg-tier-selector{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;flex-wrap:nowrap;}
.sg-tier-selector legend{float:none;grid-column:1/-1;font-size:12px;}
.sg-tier-selector .sg-image-style-choice{min-width:0;display:flex;flex:initial;padding:8px 10px;gap:7px;}
.sg-tier-selector .sg-image-style-choice span{gap:1px;min-width:0;}
.sg-tier-selector .sg-image-style-choice small{font-size:11px;}
.sg-image-example-strip{display:grid!important;grid-template-columns:repeat(2,minmax(0,160px))!important;gap:12px;justify-content:start;margin:12px 0 20px;}
.sg-image-example-strip>div{padding:7px;min-height:0;}
.sg-image-example-strip img{width:100%;height:88px;aspect-ratio:auto;object-fit:cover;margin-bottom:6px;}
.sg-image-example-strip strong{font-size:12px;}
.sg-image-example-strip small{font-size:10px;line-height:1.3;}
.sg-image-example-strip>p{font-size:11px;grid-column:1/-1;max-width:390px;}
@media(max-width:550px){.sg-tier-selector{display:flex;flex-wrap:wrap;gap:6px;}.sg-tier-selector .sg-image-style-choice{flex:1 1 46%;padding:8px 7px;}.sg-tier-selector legend{width:100%;}.sg-image-example-strip{grid-template-columns:repeat(2,minmax(0,125px))!important;}}

/* V9.1 — desktop spacing refinement, approved image selector. CSS only.
   Use previously empty space for the two small sample images; preserve all form
   controls and JS behavior. Responsive layouts continue to stack naturally. */
@media (min-width: 1320px) {
  .sg-order-main:has(> .sg-image-example-strip) {
    display: grid;
    grid-template-columns: minmax(0, 1.14fr) minmax(0, 0.86fr);
    column-gap: 18px;
    align-items: start;
  }
  .sg-order-main:has(> .sg-image-example-strip) > .sg-card-heading,
  .sg-order-main:has(> .sg-image-example-strip) > .sg-quantities,
  .sg-order-main:has(> .sg-image-example-strip) > .sg-divider,
  .sg-order-main:has(> .sg-image-example-strip) > .sg-benefits {
    grid-column: 1 / -1;
  }
  .sg-order-main:has(> .sg-image-example-strip) > .sg-image-options {
    grid-column: 1;
    min-width: 0;
    margin-bottom: 20px;
    align-self: stretch;
  }
  .sg-order-main:has(> .sg-image-example-strip) > .sg-image-example-strip {
    grid-column: 2;
    min-width: 0;
    align-self: stretch;
    margin: 0 0 20px;
    padding: 13px;
    border: 1px solid #dbece6;
    border-radius: 14px;
    background: linear-gradient(140deg, #fbfffd, #f2fbf7);
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px;
    align-content: start;
    justify-content: stretch;
  }
  .sg-order-main > .sg-image-example-strip img {
    height: 110px;
    max-height: 110px;
  }
  .sg-order-main > .sg-image-example-strip > p {
    max-width: none;
    line-height: 1.5;
    font-size: 11px;
  }
  .sg-order-main .sg-tier-selector {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sg-order-main .sg-tier-selector .sg-image-style-choice {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 9px;
  }
}

/* Tablet / smaller desktop: spread the existing two examples without making
   them oversized or leaving the whole right half of the content card empty. */
@media (min-width: 681px) and (max-width: 1319px) {
  .sg-order-main > .sg-image-example-strip {
    grid-template-columns: repeat(2, minmax(0, 230px)) !important;
    justify-content: center;
    gap: 16px;
  }
  .sg-order-main > .sg-image-example-strip > p {
    max-width: 492px;
  }
}

/* V10.7: six content direction dropdowns and freeform editor notes */
.sg-editorial-brief{margin:26px 0;padding:clamp(18px,2.7vw,28px);border:1px solid #bfe6d9;border-radius:18px;background:linear-gradient(130deg,#f2fcf8,#fff 70%)}
.sg-editorial-brief .sg-editorial-heading{margin-bottom:20px}
.sg-editorial-brief .sg-editorial-kicker{display:block;font-size:11px;font-weight:800;letter-spacing:.11em;color:#008d6b;text-transform:uppercase}
.sg-editorial-brief h3{margin:5px 0 6px;font-size:clamp(21px,2.5vw,27px);color:#0d2439;letter-spacing:-.02em}
.sg-editorial-brief .sg-editorial-heading p{margin:0;color:#526d77;line-height:1.6}
.sg-editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
.sg-editorial-grid .field{min-width:0;margin-bottom:9px}
.sg-editorial-grid select{width:100%;min-width:0}
.sg-editorial-note{margin:7px 0 0}
.sg-editorial-note textarea{min-height:120px;width:100%}
.sg-editorial-note small{display:block;margin-top:5px;line-height:1.5}
.sg-optional-label{font-weight:500;color:#66818b}
.sg-review-line strong{overflow-wrap:anywhere}
.sg-test-content-direction{margin-top:18px;border:1px solid #c3e8db;border-radius:14px;padding:18px;background:#f5fcf9}
.sg-test-content-direction h4{margin:0 0 5px;color:#102c3c;font-size:20px}
.sg-test-content-direction p{margin:0 0 12px}
.sg-test-content-direction textarea{resize:vertical;min-height:110px}
@media(max-width:760px){.sg-editorial-grid{grid-template-columns:1fr}.sg-editorial-brief{margin:16px 0;padding:16px}}

/* V10.8 — in-place progress, quiet transitions, no full-page reloads */
[data-live-action][hidden], [data-live-recent-wrap][hidden]{display:none!important}
.sg-live-stat-line{display:flex;gap:10px 22px;flex-wrap:wrap;padding:12px 0 6px;font-size:12px;color:#536b78}
.sg-live-stat-line>span{display:inline-flex;align-items:center;gap:7px}
.sg-live-stat-line b{color:#183c48;font-size:14px}
.sg-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#c8d5dc}
.sg-live-dot.done{background:#0cab81}.sg-live-dot.working{background:#00b5c6}.sg-live-dot.pending{background:#8b9ca8}.sg-live-dot.failed{background:#e78b4b}
.sg-auto-update-note{display:block;font-size:11px;color:#627c88;margin:8px 0 12px}
.sg-live-task-panel .task-list{max-height:525px;overflow-y:auto}
.sg-live-task-row{transition:background-color .25s ease,border-color .25s ease}
.sg-live-task-row[data-task-state="done"]{background:#f0fcf7}
.sg-live-task-row[data-task-state="done"] [data-task-status]{color:#00895e}
.sg-live-task-row[data-task-state="working"] [data-task-status]{color:#008eae}
.sg-live-task-row[data-task-state="pending"] [data-task-status]{color:#667589}
.sg-live-task-row[data-task-state="failed"]{background:#fff9ed}
.sg-live-task-row[data-task-state="failed"] [data-task-status]{color:#b66b20}
.sg-task-empty{padding:18px;margin:0;color:#687b87;font-size:13px}
.sg-recent-completed{padding-top:19px}
.sg-recent-completed h3{font-size:16px;color:#12374a;margin:0 0 12px}
.sg-recent-completed ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.sg-recent-completed li{display:grid;grid-template-columns:19px minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px 13px;border:1px solid #d7efe6;background:#f6fcf9;border-radius:11px;font-size:13px}
.sg-complete-check{font-size:13px;color:#078f67;font-weight:900}
.sg-recent-completed li small{font-size:11px;color:#587d78}
@media(max-width:540px){.sg-recent-completed li{grid-template-columns:17px minmax(0,1fr)}.sg-recent-completed li small{grid-column:2}.sg-live-stat-line{gap:8px 14px}}