/* LOD reading scale: 17px body, 15–16px navigation, 13px supporting labels. */
:root{--bg:#f5f5f7;--paper:#1d1d1f;--muted:#626267;--line:#d9d9de}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.65;background:var(--bg);color:var(--paper);-webkit-font-smoothing:antialiased}
body header{min-height:88px;height:auto;padding:16px 4%;gap:24px;background:#fafafceb;border-bottom:1px solid #dedee3;position:relative;align-items:center;backdrop-filter:blur(16px)}
body header nav,body .journal-nav{font-size:16px;line-height:1.4;gap:26px}
body header nav a,body .journal-nav a{padding:12px 0;display:inline-flex;align-items:center;min-height:44px}
body header .nav-cta{font-size:15px;padding:11px 20px;border:0;border-radius:24px;background:#1d1d1f;color:#fff;white-space:nowrap}
body header .language-picker{margin:0 0 0 10px}
body header .language-picker select{font-size:14px;min-height:44px;max-width:175px;padding:10px 12px;border:1px solid #d2d2d7;border-radius:12px;background:#fff}
body .eyebrow,body .hero-content .eyebrow,body .image-tag,body .featured-tool small,body .tool-badges span{font-size:13px;line-height:1.5;letter-spacing:.08em;font-weight:500}
body .section{max-width:1440px;margin:auto;padding:76px 5%}
body .section-heading{align-items:center;gap:30px;margin-bottom:32px}
body h1{font-size:clamp(38px,4.4vw,64px);letter-spacing:-.04em;line-height:1.12}
body h2,body .section-heading h2{font-size:clamp(34px,3.8vw,54px);letter-spacing:-.035em;line-height:1.15}
body h3{letter-spacing:-.025em;line-height:1.25}
body .intro{max-width:1440px;margin:auto;padding:20px 5% 0}
body .wordmark{font-size:clamp(95px,11vw,155px);padding:8px 0 24px}
body .wordmark-note{font-size:21px;line-height:1.3;bottom:30px;letter-spacing:-.025em}
body .hero{max-width:1600px;margin:0 auto;border-radius:24px;overflow:hidden;height:69vh;min-height:540px}
body .hero h1{font-size:clamp(38px,4.3vw,64px);line-height:1.1;letter-spacing:-.035em;margin:20px 0}
body .hero-content{bottom:110px;left:5%;right:5%;max-width:900px}
body .hero-content>p:last-child{font-size:20px;line-height:1.5;color:#fff;text-shadow:0 1px 8px #0008}
body .hero-shade{background:linear-gradient(0deg,#07130fba,transparent 90%)}
body .hero-footer{left:5%;right:5%;font-size:13px;line-height:1.5}
body .hero-footer>span{max-width:70%;font-size:12px}
body .text-link,body .section-heading .text-link,body .detail-link,body .shop-heading .text-link{font-size:16px;line-height:1.5;padding:8px 0;color:#0066cc;border-color:transparent}
body .text-link:hover,body .detail-link:hover{text-decoration:underline}
body .filters button,body #categories button,body .product-tabs button{font-size:15px;min-height:44px;padding:10px 14px;letter-spacing:0}
body .button{font-size:16px;line-height:1.4;min-height:46px;padding:13px 22px;border-radius:25px}
body .service-card{padding:30px;border-radius:24px;border:1px solid #e1e1e6;background:#fff;gap:12px}
body .service-card h3{font-size:27px;margin:4px 0}
body .service-card p,body .service-note,body .process p,body #request>p,body .services-shell>section>p,body .featured-tool p,body .heading-aside,body .studio-copy>p:not(.eyebrow),body .plugin-info>p:not(.eyebrow),body .contact-row p,body .portfolio-empty{font-size:17px;line-height:1.7;color:#626267}
body .service-card small{font-size:14px}
body .service-price{font-size:29px;line-height:1.25;letter-spacing:-.025em}
body .service-card .text-link{font-size:16px}
body .featured-tool{border:0;border-radius:22px;padding:20px;background:#fff;gap:15px}
body .featured-tool img{border-radius:12px}
body .featured-tool h3{font-size:25px}
body .featured-price{font-size:22px}
body .tool-card h2{font-size:25px;line-height:1.25}
body .tool-card>p,body .purchase-panel>p:not(.product-price),body .feature-copy p,body .product-story .article-body,body .product-story .preserve-lines,body .journal-card p{font-size:16px;line-height:1.75}
body .tool-card-price{font-size:18px}
body .tool-card-note,body .results-count,body .filter-note,body .source-note,body .product-specs,body .field-hint,body .photo-help,body .folder-tip,body .save-help{font-size:14px!important;line-height:1.6}
body label,body .shop-filters label{font-size:15px;line-height:1.5}
body input,body textarea,body select{font-size:16px;line-height:1.5}
body .photo-tile label,body .photo-filename,body .folder-state,body .folder-item small,body .photo-tile-actions button{font-size:13px}
body .folder-item strong{font-size:16px}
body .photo-heading>div>p:last-child,body .folder-empty>p:not(.eyebrow){font-size:17px}
body .folder-actions .button,body .upload-actions .button,body .folder-sidebar .button{font-size:15px}
body .photo-tile .photo-check{font-size:14px}
body .photo-tile-info input[type=text]{font-size:16px}
body summary{font-size:17px;line-height:1.6}
body .faq details p{font-size:17px;line-height:1.7}
body .caption,body .store-note,body footer,body .journal-card small{font-size:14px;line-height:1.6}
body .portfolio-empty{border:0;background:#fff;border-radius:20px;padding:28px 32px}
body .contact{max-width:none;background:#1d1d1f;color:#fff;border-radius:0}
body .contact h2 em{color:#bdbdc2}
body .contact-row p{color:#d2d2d7}
body footer{background:#ededf0;gap:24px;flex-wrap:wrap}
body .services-shell .process{padding:45px 0;margin:25px 0}
@media(min-width:1600px){body .hero{margin:0 auto}}
@media(max-width:1150px){body header nav,body .journal-nav{gap:16px;font-size:15px}body header{gap:16px}body .hero{margin:0 18px}.service-grid{gap:18px}body .service-card{padding:24px}body .service-card h3{font-size:24px}}
@media(min-width:601px) and (max-width:1000px){body header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fafafc;padding:20px 5%;z-index:90;border-bottom:1px solid #ddd}body header nav.open{display:flex;flex-wrap:wrap}body header .menu{display:block;background:none;border:0;font-size:25px;color:#1d1d1f}body header .nav-cta{margin-left:auto}.service-grid{grid-template-columns:1fr}body .section{padding:60px 5%}}
@media(max-width:600px){body header{min-height:78px;padding:12px 6%;gap:16px}body header .logo{font-size:35px}body header .language-picker select{font-size:14px;max-width:160px;min-height:44px}body header .menu{min-width:44px;min-height:44px;font-size:24px}body header nav{top:100%;padding:18px 6%;font-size:17px;z-index:90}body header nav.open{flex-direction:column;align-items:stretch;gap:3px}body .journal-nav{font-size:14px;gap:12px;flex-wrap:wrap}body .journal-page header>.journal-nav,body .store-page header>.journal-nav{font-size:14px;gap:12px}body .section{padding:48px 6%}body .section-heading{margin-bottom:26px}body h2,body .section-heading h2{font-size:34px}body .wordmark{font-size:27vw;padding-bottom:22px}body .wordmark-note{font-size:15px;bottom:28px}body .hero{min-height:530px;height:70svh;margin:0 12px;border-radius:20px}body .hero-content{bottom:110px;left:7%;right:7%}body .hero h1{font-size:38px}body .hero-content>p:last-child{font-size:18px}body .hero-content .eyebrow{font-size:12px}body .hero-footer{font-size:12px;left:7%;right:7%;gap:10px}body .hero-footer>span{font-size:11px;max-width:65%}body .service-card{padding:26px}body .service-card h3{font-size:26px}body .service-price{font-size:28px}body .service-card p,body .featured-tool p{font-size:16px}body .plugin-grid{grid-template-columns:1fr}body .featured-tool h3{font-size:25px}body .featured-tool small{font-size:13px}body .heading-aside{font-size:16px}body .filters{display:flex;flex-wrap:wrap;gap:4px}body .filters button{font-size:15px;margin:0}body .photo-grid{grid-template-columns:1fr}body .tool-card h2{font-size:21px}body .tool-badges span{font-size:12px;letter-spacing:0}body .service-note{font-size:15px}body footer{font-size:14px}body .section-heading .text-link{font-size:16px}body .shop-heading h1{font-size:34px}body .source-note{font-size:13px!important}}