/* Editorial skin for 3D CAD Converter + hub press kit (2026-09-29). Applies only when . Warm paper, ink text, one clay accent, sage for "yes". Fonts are self-hosted (CSP font-src 'self'): Fraunces for headlines, DM Sans for text. */ @font-face{font-family:"Fraunces";src:url("fonts/fraunces-latin.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap} @font-face{font-family:"DM Sans";src:url("fonts/dmsans-latin.woff2") format("woff2");font-weight:300 900;font-style:normal;font-display:swap} body.ed{ --ed-paper:#FBF7F0; --ed-paper2:#F4EDE0; --ed-card:#FFFDF9; --ed-ink:#2A2521; --ed-ink2:#5E554C; --ed-line:#E6DCCB; --ed-clay:#B4502D; --ed-clay-d:#943F20; --ed-clay-t:#F6E4DA; --ed-sage:#456B4F; --ed-sage-t:#E4EEE3; --ed-ochre:#8A5A0A; --ed-ochre-t:#F7EACB; --ed-plate:#0f1729; --ed-serif:"Fraunces","Iowan Old Style","Palatino Linotype",Georgia,"Times New Roman",serif; --ed-sans:"DM Sans","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif; --bg-root:var(--ed-paper); --bg-panel:var(--ed-paper2); --bg-card:var(--ed-card); --border-subtle:var(--ed-line); --accent:var(--ed-clay); --accent-hover:var(--ed-clay-d); --text-main:var(--ed-ink); --text-dim:var(--ed-ink2); --text-muted:#6F655B; --green:var(--ed-sage); --amber:var(--ed-ochre); --red:var(--ed-clay); --font-stack:var(--ed-sans); /* tokens read by the blog graphics kit and the lp-* skin */ --k-head:var(--ed-ink); --k-body:#40382F; --k-lead:var(--ed-ink); --k-dim:var(--ed-ink2); --k-mid:#40382F; --k-acc:var(--ed-clay); --k-acc2:var(--ed-clay-d); --k-on-acc:#fff; --k-warn:var(--ed-ochre); --k-deep:var(--ed-plate); --k-code-bg:#EFE6D6; --k-code-fg:#5A2A14; --k-pre-bg:#F1E9DA; --k-pre-fg:#3A2F25; --k-fig:var(--ed-card); --k-cta-bg:var(--ed-clay-t); --k-tint-line:rgba(180,80,45,.35); --k-warn-tint:var(--ed-ochre-t); --k-warn-line:rgba(138,90,10,.35); --k-dim2:#8a7b69; --k-rule:#D9CBB4; --k-th-bg:var(--ed-paper2); --k-tint:rgba(180,80,45,.07); --k-card-glow:transparent; background:var(--ed-paper); color:var(--ed-ink); font-family:var(--ed-sans); font-size:1.0625rem; line-height:1.65; } body.ed h1,body.ed h2,body.ed h3,body.ed h4{font-family:var(--ed-serif);color:var(--ed-ink);font-weight:600;letter-spacing:-.012em;font-variation-settings:"opsz" 96} body.ed h1{font-size:clamp(2.1rem,4.6vw,3.3rem);line-height:1.1} body.ed h2{font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.2} body.ed a{color:var(--ed-clay)} body.ed a:hover{color:var(--ed-clay-d)} body.ed ::selection{background:#EBC9B7} body.ed code{background:var(--k-code-bg);color:var(--k-code-fg)} body.ed img{height:auto} /* chrome */ body.ed .site-nav{background:rgba(251,247,240,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--ed-line)} body.ed .site-nav-brand{font-family:var(--ed-serif);font-weight:600;font-size:1.2rem;letter-spacing:-.01em} body.ed .site-nav-links li a:hover{background:var(--ed-clay-t);color:var(--ed-clay-d)} body.ed .site-nav-links li a.nav-cta,body.ed .nav-cta{background:var(--ed-clay);color:#fff;border-radius:999px;padding:6px 16px} body.ed .site-nav-links li a.nav-cta:hover{background:var(--ed-clay-d);color:#fff} body.ed .site-nav-toggle span{background:var(--ed-ink)} @media (max-width:767px){body.ed .site-nav-links{background:var(--ed-paper);border-bottom:1px solid var(--ed-line)}} body.ed .site-footer{background:var(--ed-paper2);margin-top:72px} body.ed .footer-col a{color:var(--ed-ink2)} body.ed .footer-col a:hover{color:var(--ed-clay-d)} body.ed .btn-primary,body.ed .lp-cta{background:var(--ed-clay);border-color:var(--ed-clay);color:#fff!important;border-radius:999px;font-family:var(--ed-sans);font-weight:700} body.ed .btn-primary:hover,body.ed .lp-cta:hover{background:var(--ed-clay-d);border-color:var(--ed-clay-d);box-shadow:0 6px 18px rgba(148,63,32,.22)} body.ed .btn-ghost{background:transparent;color:var(--ed-clay-d);border-color:#D8B7A6;border-radius:999px} body.ed .btn-ghost:hover{background:var(--ed-clay-t);color:var(--ed-clay-d)} body.ed .sticky-dl{background:rgba(251,247,240,.97);box-shadow:0 -8px 24px rgba(60,40,20,.10)} /* ---------- homepage sections ---------- */ .ed-wrap{max-width:1080px;margin:0 auto;padding:0 22px} .ed-narrow{max-width:720px;margin:0 auto;padding:0 22px} .ed-section{padding:88px 0} .ed-section.tint{background:var(--ed-paper2)} .ed-eyebrow{font-family:var(--ed-sans);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ed-clay-d);margin:0 0 14px} .ed-h2{margin:0 0 12px} .ed-lede{font-size:1.15rem;color:var(--ed-ink2);max-width:60ch;margin:0 0 36px} .ed-center{text-align:center}.ed-center .ed-lede{margin-left:auto;margin-right:auto} .ed-hero{padding:calc(var(--nav-height,48px) + 56px) 0 64px} .ed-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center} .ed-hero h1{margin:0 0 20px} .ed-hero h1 em{font-style:italic;color:var(--ed-clay-d);font-weight:500} .ed-hero .ed-sub{font-size:1.2rem;color:var(--ed-ink2);max-width:34em;margin:0 0 30px} .ed-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center} .ed-hero .btn-lg{padding:15px 32px;font-size:1.05rem} .ed-micro{display:flex;flex-wrap:wrap;gap:6px 16px;margin:22px 0 0;padding:0;list-style:none;font-size:.9rem;color:var(--ed-ink2)} .ed-micro li{display:flex;align-items:center;gap:7px} .ed-micro svg{width:16px;height:16px;flex:none;color:var(--ed-sage)} .ed-nogo{display:flex;gap:10px;align-items:flex-start;margin:22px 0 0;padding:12px 16px;border-left:3px solid var(--ed-ochre);background:var(--ed-ochre-t);border-radius:0 8px 8px 0;font-size:.9rem;color:#4b3410;max-width:34em} .ed-nogo svg{flex:none;width:18px;height:18px;margin-top:3px;color:var(--ed-ochre)} /* contact sheet of real renders */ .ed-sheet{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;position:relative} .ed-plate{margin:0;background:var(--ed-card);padding:8px 8px 0;border-radius:6px;box-shadow:0 1px 2px rgba(60,40,20,.10),0 12px 28px -12px rgba(60,40,20,.28);border:1px solid var(--ed-line)} .ed-plate img{display:block;width:100%;height:auto;border-radius:3px;background:var(--ed-plate)} .ed-plate figcaption{padding:9px 4px 11px;font-size:.78rem;line-height:1.35;color:var(--ed-ink2)} .ed-plate figcaption b{display:block;color:var(--ed-ink);font-size:.82rem;font-weight:700} .ed-sheet .ed-plate:nth-child(1){grid-column:1 / span 4;transform:rotate(-1.1deg)} .ed-sheet .ed-plate:nth-child(2){grid-column:3 / span 4;transform:rotate(1.2deg);margin-top:-6px} .ed-sheet .ed-plate:nth-child(3){grid-column:1 / span 3;transform:rotate(.8deg)} .ed-sheet .ed-plate:nth-child(4){grid-column:4 / span 3;transform:rotate(-.9deg)} /* 3-step strip */ .ed-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:0;list-style:none;counter-reset:st} .ed-steps li{position:relative;padding:0 28px 0 0;counter-increment:st} .ed-steps li+li{padding-left:28px;border-left:1px dashed #D3C4AD} .ed-step-ico{width:64px;height:64px;border-radius:50%;background:var(--ed-clay-t);color:var(--ed-clay-d);display:flex;align-items:center;justify-content:center;margin-bottom:18px;position:relative} .ed-step-ico svg{width:30px;height:30px} .ed-step-ico::after{content:counter(st);position:absolute;right:-6px;top:-4px;width:24px;height:24px;border-radius:50%;background:var(--ed-ink);color:var(--ed-paper);font:700 .8rem/24px var(--ed-sans);text-align:center} .ed-steps h3{font-size:1.3rem;margin:0 0 6px} .ed-steps p{margin:0;color:var(--ed-ink2);font-size:.98rem} /* format map */ .ed-map{display:grid;grid-template-columns:1fr 64px 1fr 64px 1fr;gap:0;align-items:stretch} .ed-col{background:var(--ed-card);border:1px solid var(--ed-line);border-radius:14px;padding:20px 20px 16px;box-shadow:0 1px 2px rgba(60,40,20,.05)} .ed-col h3{font-family:var(--ed-sans);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ed-ink2);margin:0 0 12px;font-weight:700} .ed-grp+.ed-grp{margin-top:14px;padding-top:14px;border-top:1px dashed var(--ed-line)} .ed-grp-t{display:flex;align-items:center;gap:8px;font-size:.86rem;font-weight:700;color:var(--ed-ink);margin:0 0 8px} .ed-grp-t svg{width:18px;height:18px;color:var(--ed-clay-d);flex:none} .ed-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none} .ed-chips li{font:700 .8rem/1 var(--ed-sans);letter-spacing:.02em;padding:6px 9px;border-radius:999px;background:var(--ed-paper2);color:var(--ed-ink);border:1px solid var(--ed-line)} .ed-chips li.is-here{background:var(--ed-clay);border-color:var(--ed-clay);color:#fff} .ed-chips li.dim{background:transparent;color:var(--ed-ink2);border-style:dashed} .ed-hub{background:var(--ed-ink);color:var(--ed-paper);border-radius:14px;padding:22px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px} .ed-hub svg{width:44px;height:44px;color:#F0B9A0} .ed-hub b{font-family:var(--ed-serif);font-size:1.15rem;font-weight:600} .ed-hub span{font-size:.8rem;color:#D9CFC1} .ed-arrow{display:flex;align-items:center;justify-content:center;color:var(--ed-clay)} .ed-arrow svg{width:44px;height:24px} .ed-cant{margin-top:18px;display:flex;gap:12px;align-items:flex-start;background:var(--ed-ochre-t);border-left:3px solid var(--ed-ochre);border-radius:0 10px 10px 0;padding:14px 18px;color:#4b3410;font-size:.95rem} .ed-cant svg{flex:none;width:20px;height:20px;margin-top:2px;color:var(--ed-ochre)} .ed-cant ul{margin:6px 0 0;padding-left:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px} .ed-cant li{position:relative;padding-left:14px}.ed-cant li::before{content:"";position:absolute;left:0;top:.65em;width:7px;height:2px;background:var(--ed-ochre)} .ed-cap{font-size:.9rem;color:var(--ed-ink2);margin:14px 0 0;max-width:70ch} /* before / after */ .ed-ba{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:720px;margin:0 auto} .ed-ba .ed-plate img{aspect-ratio:1/1;object-fit:cover} .ed-ba .ed-plate.pick{outline:2px solid var(--ed-clay);outline-offset:3px} .ed-tag{display:inline-block;font:700 .72rem/1 var(--ed-sans);letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:var(--ed-paper2);color:var(--ed-ink2);margin-bottom:6px} .pick .ed-tag{background:var(--ed-clay);color:#fff} .ed-nums{display:flex;gap:18px;margin-top:4px;font-size:.85rem} .ed-nums span b{font-family:var(--ed-serif);font-size:1.25rem;font-weight:600;color:var(--ed-ink);display:block;line-height:1.1} /* stat row */ .ed-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--ed-line);border-bottom:1px solid var(--ed-line)} .ed-stats li{padding:22px 18px;text-align:left} .ed-stats li+li{border-left:1px solid var(--ed-line)} .ed-stats b{display:block;font-family:var(--ed-serif);font-weight:600;font-size:2.1rem;line-height:1;color:var(--ed-ink)} .ed-stats span{display:block;margin-top:6px;font-size:.88rem;color:var(--ed-ink2)} /* use cases */ .ed-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px} .ed-card{background:var(--ed-card);border:1px solid var(--ed-line);border-radius:14px;padding:22px;box-shadow:0 1px 2px rgba(60,40,20,.05)} .ed-card .ed-ic{width:40px;height:40px;color:var(--ed-clay-d);margin-bottom:12px} .ed-card h3{font-size:1.15rem;margin:0 0 6px} .ed-card p{margin:0;font-size:.95rem;color:var(--ed-ink2)} /* comparison + faq skin for legacy classes */ body.ed .compare-table th{background:var(--ed-paper2);font-family:var(--ed-sans)} body.ed .compare-table td:last-child,body.ed .compare-table th:last-child{background:var(--ed-clay-t);color:var(--ed-clay-d)} body.ed .compare-table .check{color:var(--ed-sage)} body.ed .faq-item{background:var(--ed-card);border-color:var(--ed-line)} body.ed .cta-pricing{background:var(--ed-clay-t);border:1px solid #E3C3B1;border-radius:20px} body.ed .cta-pricing h2{font-family:var(--ed-serif)} .ed-details{margin-top:0;border:1px solid var(--ed-line);border-radius:14px;background:var(--ed-card)} .ed-details>summary{cursor:pointer;list-style:none;padding:18px 22px;font-family:var(--ed-serif);font-size:1.2rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:12px} .ed-details>summary::-webkit-details-marker{display:none} .ed-details>summary::after{content:"+";font-family:var(--ed-sans);color:var(--ed-clay-d);font-size:1.5rem} .ed-details[open]>summary::after{content:"\2013"} .ed-details .ed-in{padding:0 22px 22px} body.ed .ed-details pre{background:var(--k-pre-bg)!important;color:var(--k-pre-fg)!important;border-color:var(--ed-line)!important} body.ed .ed-details pre span{color:#7d6f5f!important} body.ed .ed-details h3{font-family:var(--ed-serif)!important} body.ed .ed-details p{color:var(--ed-ink2)!important} /* ---------- format pages (lp-*) reskin ---------- */ body.ed .lp-wrap{max-width:900px;padding:36px 22px 60px} body.ed .lp-hero{background:transparent;border:0;border-radius:0;padding:0;margin:0 0 24px} body.ed .lp-hero h1{font-size:clamp(2rem,4.2vw,3rem);color:var(--ed-ink);margin:0 0 12px} body.ed .lp-hero .lp-tagline{font-size:1.2rem;color:var(--ed-ink2);line-height:1.5} body.ed .lp-eyebrow{color:var(--ed-clay-d);letter-spacing:.14em;font-family:var(--ed-sans)} body.ed .lp-note{color:var(--ed-ink2);font-size:.88rem} body.ed .lp-section{background:transparent;border:0;border-top:1px solid var(--ed-line);border-radius:0;padding:34px 0 8px;margin:0} body.ed .lp-section h2{font-size:clamp(1.4rem,2.6vw,1.8rem);color:var(--ed-ink);border:0;padding:0;margin:0 0 16px} body.ed .lp-section p{color:#40382F} body.ed .lp-img-section{margin:22px 0} body.ed .lp-img-section img{border-radius:10px;box-shadow:0 12px 30px -14px rgba(60,40,20,.35)} body.ed .lp-img-section .lp-note{color:var(--ed-ink2)} body.ed .lp-feature{background:var(--ed-card);border:1px solid var(--ed-line);border-radius:12px;box-shadow:0 1px 2px rgba(60,40,20,.05)} body.ed .lp-feature strong{color:var(--ed-ink);font-family:var(--ed-serif);font-size:1.02rem;font-weight:600} body.ed .lp-feature p{color:var(--ed-ink2);font-size:.9rem} body.ed .lp-step{text-align:left} body.ed .lp-steps{gap:18px} body.ed .lp-step-num{width:38px;height:38px;border-radius:50%;background:var(--ed-clay);color:#fff;font:700 1rem/38px var(--ed-sans);text-align:center;margin-bottom:8px} body.ed .lp-step strong{color:var(--ed-ink);font-size:1rem} body.ed .lp-step p{color:var(--ed-ink2);font-size:.9rem} body.ed .lp-table th{background:var(--ed-paper2);color:var(--ed-ink);border-bottom:2px solid var(--ed-clay)} body.ed .lp-table td{color:#40382F;border-top:1px solid var(--ed-line)} body.ed .lp-ba.before{background:var(--ed-ochre-t);border-left-color:var(--ed-ochre)} body.ed .lp-ba.before h3{color:var(--ed-ochre)} body.ed .lp-ba.after{background:var(--ed-sage-t);border-left-color:var(--ed-sage)} body.ed .lp-ba.after h3{color:var(--ed-sage)} body.ed .lp-ba p,body.ed .lp-ba ul{color:#40382F} body.ed .lp-code-block{background:var(--k-pre-bg);border-color:var(--ed-line);color:var(--k-pre-fg)} body.ed .lp-comment{color:#8a7b69} body.ed .lp-callout{background:var(--ed-sage-t);border-color:#C7DAC6} body.ed .lp-callout strong{color:var(--ed-sage)} body.ed .lp-callout p{color:#40382F} body.ed .fmt-specs{width:100%;border-collapse:collapse;font-size:.95rem} body.ed .fmt-specs th{width:38%;text-align:left;color:var(--ed-ink2);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--ed-line);background:transparent;text-transform:none;letter-spacing:0} body.ed .fmt-specs td{padding:10px 12px;border-bottom:1px solid var(--ed-line);color:var(--ed-ink)} body.ed .fmt-faq details{background:var(--ed-card)!important;border-color:var(--ed-line)!important;border-radius:12px!important} body.ed .fmt-faq summary{color:var(--ed-ink)!important} body.ed .fmt-faq summary::before{color:var(--ed-clay)!important} body.ed .fmt-faq details p{color:#40382F!important} body.ed .fmt-faq details p a{color:var(--ed-clay-d)!important} body.ed .fmt-card,body.ed .cad-shot-card{background:var(--ed-card)!important;border-color:var(--ed-line)!important} body.ed .cad-shot-caption{color:var(--ed-ink2)!important} body.ed .fmt-related{color:var(--ed-ink2)} body.ed .fmt-tag,body.ed .fmt-ext{color:var(--ed-ink2)} /* format-page hero: text left, real render right */ .ed-fhero{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;margin:0 0 30px} .ed-fhero .ed-plate{transform:rotate(1deg)} .ed-map.ed-map-sm .ed-col{padding:16px} .ed-fpage-map{border-top:1px solid var(--ed-line);padding-top:34px;margin-bottom:8px} .ed-fpage-map h2{font-size:clamp(1.4rem,2.6vw,1.8rem);margin:0 0 16px} /* tables, video component, blog */ body.ed td{background:transparent} body.ed tr:nth-child(even) td{background:rgba(150,110,60,.05)} body.ed tr:hover td{background:rgba(180,80,45,.06)} body.ed th{font-family:var(--ed-sans)} body.ed .cv{--cv-accent:#B4502D!important;--cv-accent-hover:#943F20!important} body.ed .cv .cv-kicker,body.ed .cv .cv-sub,body.ed .cv .cv-chapters .cv-jl{color:var(--ed-ink2)} body.ed .cv .cv-title{color:var(--ed-ink);font-family:var(--ed-serif)} body.ed .cv .cv-pay{color:var(--ed-ink2)} body.ed .cv .cv-sub a{color:var(--ed-clay-d)} body.ed .cv .cv-cta,body.ed .cv .cv-btn{border-radius:999px} body.ed .cv .cv-chapters button{background:var(--ed-card);color:var(--ed-ink);border-color:var(--ed-line)} body.ed .cv .cv-chapters button:hover{color:var(--ed-clay-d)} body.ed .cv .cv-frame{border-radius:12px} body.ed .blog-wrap h1{font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.14} body.ed .blog-wrap h2{font-size:clamp(1.35rem,2.4vw,1.7rem)} body.ed .blog-wrap .blog-meta{font-family:var(--ed-sans)} body.ed .blog-wrap pre{background:var(--k-pre-bg)} body.ed .blog-sidebar{background:var(--ed-card);border:1px solid var(--ed-line);border-radius:14px} body.ed .blog-sidebar h4{font-family:var(--ed-serif)} body.ed .blog-sidebar .sidebar-btn{background:var(--ed-clay);color:#fff;border-radius:999px} body.ed .blog-sidebar li,body.ed .blog-sidebar p{color:var(--ed-ink2)} .ed-cards{grid-template-columns:repeat(3,1fr)!important} /* ---------- responsive ---------- */ @media (max-width:900px){ .ed-cards{grid-template-columns:repeat(2,1fr)!important} .ed-hero-grid{grid-template-columns:1fr;gap:36px} .ed-section{padding:60px 0} .ed-map{grid-template-columns:1fr} .ed-arrow{height:44px}.ed-arrow svg{transform:rotate(90deg);width:36px} .ed-fhero{grid-template-columns:1fr} } @media (max-width:640px){ body.ed{font-size:1rem} .ed-steps{grid-template-columns:1fr;gap:26px} .ed-steps li,.ed-steps li+li{padding:0;border:0;display:grid;grid-template-columns:64px 1fr;column-gap:16px} .ed-steps li .ed-step-ico{grid-row:1 / span 2;margin:0} .ed-stats{grid-template-columns:1fr 1fr} .ed-stats li:nth-child(3){border-left:0} .ed-stats li:nth-child(n+3){border-top:1px solid var(--ed-line)} .ed-ba{grid-template-columns:1fr} .ed-sheet{grid-template-columns:1fr 1fr;gap:12px} .ed-sheet .ed-plate:nth-child(n){grid-column:auto;transform:none;margin-top:0} .ed-sheet .ed-plate:nth-child(1){grid-column:1 / -1} .ed-actions .btn{width:100%} .ed-cards{grid-template-columns:1fr!important} } @media (prefers-reduced-motion:reduce){body.ed *{transition:none!important}} /* blog helpers (ed_blog.inc.php) */ .ed-ticks{list-style:none;margin:0;padding:0} .blog-wrap .ed-ticks li{position:relative;margin:0 0 9px;padding-left:16px;font-size:.93em;line-height:1.5;color:var(--k-mid,#40382F)} .ed-ticks li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--ed-sage,#456B4F)} .gfx-card.con .ed-ticks li::before{background:var(--ed-ochre,#8A5A0A)} .gfx-card.con .gfx-ico{color:var(--ed-ochre,#8A5A0A)} .gfx-card.pro .gfx-ico{color:var(--ed-sage,#456B4F)} body.ed .gfx-card,body.ed .gfx-stat,body.ed .gfx-steps li,body.ed .gfx-table-wrap,body.ed .gfx-map,body.ed .gfx-stage{background:var(--ed-card);border-color:var(--ed-line);border-radius:14px;box-shadow:0 1px 2px rgba(60,40,20,.05)} body.ed .gfx-stat b,body.ed .gfx-stage b{font-family:var(--ed-serif);font-weight:600} body.ed .gfx-steps li::before{background:var(--ed-ink);color:var(--ed-paper)} body.ed .gfx-steps .gfx-ico,body.ed .gfx-card .gfx-ico{color:var(--ed-clay-d)} body.ed .gfx-card.pro .gfx-ico{color:var(--ed-sage)} body.ed .gfx-card.con .gfx-ico{color:var(--ed-ochre)} body.ed .gfx-kicker{font-family:var(--ed-sans);color:var(--ed-clay-d);font-weight:700} body.ed .gfx-table th.ours,body.ed .gfx-table td.ours{background:var(--ed-clay-t)} body.ed .gfx-stage.good{background:var(--ed-sage-t);border-color:#B9D0B8} body.ed .gfx-cta{border-radius:16px;border-color:#E3C3B1} body.ed .gfx-map-src{background:var(--ed-clay-t);border-color:var(--ed-clay)} .gfx-two{display:grid;grid-template-columns:1fr 1fr;gap:12px} @media (max-width:700px){.gfx-two{grid-template-columns:1fr}} /* neutralise the dark-theme zebra from bootstrap/style.css on spec and comparison tables */ body.ed .table>tbody>tr>td,body.ed .table>tbody>tr>th,body.ed .fmt-specs tr td{background:transparent!important} body.ed .table-striped>tbody>tr:nth-of-type(odd)>td{background:transparent!important} body.ed .fmt-specs tr:nth-child(even) td{background:rgba(150,110,60,.05)!important} body.ed .fmt-specs{background:var(--ed-card);border:1px solid var(--ed-line);border-radius:12px;overflow:hidden} body.ed .gfx-cta p{color:var(--ed-ink2)} body.ed .gfx-cta strong{color:var(--ed-ink);font-family:var(--ed-serif);font-size:1.15em} body.ed .blog-wrap .gfx-cta a.cta-btn{background:var(--ed-clay);color:#fff;border-radius:999px} body.ed .blog-wrap .gfx-cta a.cta-btn:hover{background:var(--ed-clay-d)} body.ed .gfx-pick{color:#fff} body.ed .gfx-stage b{font-size:1.7em} /* ---------- hub press kit ---------- */ body.ed .ed-h3{font-family:var(--ed-sans);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ed-ink2);margin:34px 0 14px;font-weight:700} .ed-stats.ed-stats-6{grid-template-columns:repeat(6,1fr)} .ed-stats-6 li{padding:22px 14px} .ed-stats-6 b{font-size:1.55rem;overflow-wrap:anywhere} .ed-prod-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px} .ed-prod{display:grid;grid-template-columns:64px 1fr;gap:18px;background:var(--ed-card);border:1px solid var(--ed-line);border-radius:14px;padding:22px;box-shadow:0 1px 2px rgba(60,40,20,.05)} .ed-prod img{width:64px;height:64px;border-radius:14px} .ed-prod h3{font-size:1.25rem;margin:0 0 2px} .ed-prod p{margin:0 0 10px;font-size:.93rem;color:var(--ed-ink2)} .ed-prod .ed-price{color:var(--ed-clay-d);font-weight:700;font-size:.95rem} .ed-prod .ed-trial{background:var(--ed-paper2);border-radius:8px;padding:10px 12px;color:#40382F} .ed-glance{border-top:1px solid var(--ed-line)} .ed-glance div{display:grid;grid-template-columns:220px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--ed-line)} .ed-glance span{color:var(--ed-ink2);font-size:.92rem} .ed-glance b{font-weight:600;color:var(--ed-ink)} .ed-assets{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} .ed-assets-shots{grid-template-columns:repeat(2,1fr)} .ed-asset{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;gap:4px 14px;align-items:center;background:var(--ed-card);border:1px solid var(--ed-line);border-radius:14px;padding:16px;color:var(--ed-ink)!important;text-decoration:none!important;transition:box-shadow .2s,transform .2s} .ed-asset:hover{box-shadow:0 10px 24px -12px rgba(60,40,20,.35);transform:translateY(-2px)} .ed-asset img{width:64px;height:64px;border-radius:12px;grid-row:1 / span 2} .ed-asset span{display:block;line-height:1.3} .ed-asset b{display:block;font-size:.95rem} .ed-asset small{display:block;color:var(--ed-ink2);font-size:.8rem} .ed-asset em{font-style:normal;display:flex;align-items:center;gap:6px;color:var(--ed-clay-d);font-weight:700;font-size:.85rem} .ed-asset em svg{width:18px;height:18px} .ed-asset.ed-shot{grid-template-columns:1fr;grid-template-rows:auto;gap:10px} .ed-asset.ed-shot img{width:100%;height:auto;aspect-ratio:16/9;grid-row:auto;border-radius:8px;border:1px solid var(--ed-line);object-fit:cover} .ed-bp{margin:0 0 18px;padding:22px 26px;background:var(--ed-card);border-left:4px solid var(--ed-clay);border-radius:0 14px 14px 0;font-family:var(--ed-serif);font-size:1.12rem;line-height:1.6;color:var(--ed-ink)} .ed-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .ed-quotes figure{margin:0;background:var(--ed-card);border:1px solid var(--ed-line);border-radius:14px;padding:24px} .ed-quotes blockquote{margin:0 0 14px;font-family:var(--ed-serif);font-size:1.08rem;line-height:1.55;color:var(--ed-ink)} .ed-quotes figcaption{font-size:.85rem;color:var(--ed-ink2)} .ed-contact{display:grid;grid-template-columns:48px 1fr;gap:20px;background:var(--ed-clay-t);border:1px solid #E3C3B1;border-radius:20px;padding:32px} .ed-contact>svg{width:44px;height:44px;color:var(--ed-clay-d)} .ed-contact p{margin:0 0 10px} .ed-mail{font-family:var(--ed-serif);font-size:1.5rem} body.ed .ed-details p{color:#40382F!important} @media (max-width:900px){.ed-stats.ed-stats-6{grid-template-columns:repeat(3,1fr)}.ed-prod-grid,.ed-quotes{grid-template-columns:1fr}.ed-assets{grid-template-columns:repeat(2,1fr)}.ed-stats-6 li:nth-child(4){border-left:0}.ed-stats-6 li:nth-child(n+4){border-top:1px solid var(--ed-line)}} @media (max-width:640px){.ed-stats.ed-stats-6{grid-template-columns:1fr 1fr}.ed-stats-6 li:nth-child(n){border-left:0;border-top:1px solid var(--ed-line)}.ed-stats-6 li:nth-child(even){border-left:1px solid var(--ed-line)}.ed-stats-6 li:nth-child(-n+2){border-top:0}.ed-glance div{grid-template-columns:1fr;gap:2px}.ed-assets,.ed-assets-shots{grid-template-columns:1fr}.ed-contact{grid-template-columns:1fr}.ed-prod{grid-template-columns:48px 1fr;padding:18px}.ed-prod img{width:48px;height:48px}} body.ed .blog-sidebar .sidebar-benefits li::before{color:var(--ed-sage)} .ed-stats-6 b{font-size:1.3rem;overflow-wrap:normal;hyphens:none} .ed-asset em i{font-style:normal} @media (max-width:640px){.ed-sheet .ed-plate:nth-child(4){grid-column:1 / -1}} /* ---------- hub footer + shared page chrome on paper ---------- */ body.ed .site-footer{font-family:var(--ed-sans);border-top:1px solid var(--ed-line)} body.ed .footer-inner{background:transparent;padding-top:56px} body.ed .footer-col h4{color:var(--ed-ink);font-family:var(--ed-serif);font-weight:600} body.ed .footer-promo-desc{color:var(--ed-ink2)} body.ed .footer-langs{border-top-color:var(--ed-line)} body.ed .footer-bottom{border-top:1px solid var(--ed-line)} body.ed .footer-bottom p,body.ed .footer-bottom .cookie-preferences{color:var(--ed-ink2)} body.ed .footer-bottom .cookie-preferences:hover{color:var(--ed-clay-d)} body.ed .footer-social a{color:var(--ed-ink2)} body.ed .footer-col a[style*="10B981"]{color:var(--ed-sage)!important}