:root{--navy:#102a56;--blue:#2f68db;--ink:#17243b;--muted:#5f6d82;--line:#e3e8f0;--soft:#f6f8fc;--shadow:0 18px 55px rgba(20,45,88,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:10px;top:10px;background:white;padding:10px;z-index:99}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:850;letter-spacing:-.8px;line-height:1.05}.brand img{flex:none}.brand-accent{color:var(--blue)}.brand small{display:block;margin-top:5px;font-size:8px;letter-spacing:1px;color:#6d7a8e}.primary-nav{display:flex;gap:28px;font-weight:650;font-size:14px;color:#34435b}.primary-nav a:hover,.footer-inner nav a:hover{color:var(--blue)}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:10px;padding:8px 12px}.hero{background:linear-gradient(115deg,#10254d,#12376c 53%,#1e56a7);color:white;overflow:hidden;position:relative}.hero-grid{min-height:450px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:35px;padding:60px 0;position:relative}.eyebrow{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:850;color:var(--blue);display:flex;gap:9px;align-items:center}.hero .eyebrow{color:#9fc3ff}.hero h1{font-size:clamp(38px,5vw,58px);line-height:1.06;letter-spacing:-2px;margin:17px 0}.hero-copy{color:#d2e0f8;font-size:17px;max-width:520px;margin:0 0 26px}.search-form{display:flex;background:white;border-radius:14px;padding:6px;max-width:550px;gap:5px;box-shadow:0 14px 45px #020e2638}.search-form input{min-width:0;flex:1;border:0;outline:0;padding:12px 14px;color:var(--ink)}.search-form button,.button-primary{border:0;background:var(--blue);color:white;padding:12px 18px;border-radius:10px;font-weight:750;cursor:pointer}.hero-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.hero-tags a{font-size:12px;color:#e3edff;border:1px solid #ffffff40;border-radius:99px;padding:5px 11px}.hero-art{min-height:300px;display:grid;place-items:center;position:relative}.glass-panel{width:min(100%,410px);aspect-ratio:1.13;border:1px solid #ffffff4d;border-radius:26px;background:linear-gradient(145deg,#ffffff2e,#ffffff0a);padding:22px;box-shadow:0 35px 70px #0003;transform:rotate(2deg)}.panel-bar{display:flex;align-items:center;gap:6px;border-bottom:1px solid #ffffff30;padding-bottom:15px}.panel-bar span{height:7px;width:7px;border-radius:50%;background:#abc8ff}.panel-bar b{font-size:11px;color:#eaf2ff;margin-left:8px}.panel-content{padding:25px 3px}.panel-content small{color:#bdd6ff;font-size:10px;letter-spacing:1.6px}.panel-content h3{font-size:24px;line-height:1.25;max-width:260px;margin:9px 0 20px}.fake-line{height:8px;border-radius:9px;background:#e6f0ff38;margin:11px 0;width:86%}.fake-line.short{width:57%}.fake-line.mid{width:72%}.panel-foot{display:flex;align-items:center;gap:10px;margin-top:26px;color:#deebff;font-size:11px}.check-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#c4f4e7;color:#136f66;font-weight:900}.floating-note{position:absolute;right:0;bottom:21px;background:white;color:var(--ink);border-radius:14px;padding:13px 16px;box-shadow:var(--shadow);font-size:12px;font-weight:750;transform:rotate(-3deg)}.floating-note span{display:block;color:var(--muted);font-weight:500;font-size:10px}.section{padding:70px 0}.section-soft{background:var(--soft)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-heading h2{margin:8px 0 0;font-size:clamp(25px,3vw,34px);letter-spacing:-1px;line-height:1.2}.section-heading p{margin:9px 0 0;color:var(--muted);max-width:580px}.text-link{font-size:13px;color:var(--blue);font-weight:800;white-space:nowrap}.topics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.topic-card{min-height:145px;border:1px solid var(--line);border-radius:17px;padding:19px;background:white;transition:.18s}.topic-card:hover,.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#b8cafa}.topic-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eaf1ff;color:var(--blue);font-size:18px;font-weight:850;margin-bottom:13px}.topic-card h3{font-size:14px;margin:0 0 5px}.topic-card p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:30px;align-items:start}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.article-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white;transition:.18s}.card-art{height:115px;padding:18px;background:linear-gradient(130deg,#edf3ff,#e3f4f6);display:flex;align-items:end;justify-content:space-between;position:relative;overflow:hidden}.card-art:after{content:"";position:absolute;width:140px;height:140px;border:1px solid #2f68db2b;border-radius:50%;right:10px;top:-60px;box-shadow:0 0 0 22px #2f68db08,0 0 0 45px #2f68db08}.card-symbol{font-size:36px;color:var(--blue);font-weight:800;z-index:1}.card-number{z-index:1;color:#6c83b0;font-size:10px;letter-spacing:1px;font-weight:850}.article-card-content{padding:18px}.article-card-content .eyebrow{font-size:9px;letter-spacing:1px}.article-card h3{font-size:17px;line-height:1.35;margin:9px 0;letter-spacing:-.3px}.article-card p{font-size:13px;color:var(--muted);margin:0 0 15px;line-height:1.6}.card-meta{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#77849a}.read-link{color:var(--blue);font-weight:800}.sidebar{display:grid;gap:16px}.sidebar-box{border:1px solid var(--line);border-radius:18px;padding:20px;background:white}.sidebar-box h3{margin:0 0 14px;font-size:15px}.popular-list{display:grid;gap:15px}.popular-item{display:grid;grid-template-columns:29px 1fr;gap:10px}.popular-num{font-size:17px;color:#94a6c7;font-weight:850}.popular-item a{font-size:12px;line-height:1.45;font-weight:750}.popular-item span{display:block;color:var(--muted);font-size:10px;margin-top:4px}.callout-box{background:var(--navy);color:white;border-radius:18px;padding:22px}.callout-box h3{font-size:19px;line-height:1.25;margin:8px 0}.callout-box p{font-size:12px;color:#d2e0f8}.callout-box a{display:inline-block;background:white;color:var(--navy);padding:9px 12px;border-radius:9px;font-size:12px;font-weight:800}.search-status{font-size:13px;color:var(--muted);margin-bottom:16px}.empty-state{grid-column:1/-1;padding:35px;border:1px dashed #bdc9dc;border-radius:18px;text-align:center;color:var(--muted)}.site-footer{background:#0c1e3c;color:#d2deef;padding:42px 0 26px}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;flex-wrap:wrap}.brand-footer{font-size:21px;color:white}.brand-footer small{color:#93a8c9}.footer-inner nav{display:flex;gap:16px;flex-wrap:wrap;font-size:12px}.footer-inner p{width:100%;border-top:1px solid #ffffff24;padding-top:18px;margin:12px 0 0;font-size:11px;color:#94a8c7}.page-hero{background:var(--soft);padding:55px 0 42px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(34px,5vw,48px);line-height:1.12;letter-spacing:-1.8px;margin:10px 0}.page-hero p{color:var(--muted);max-width:720px}.prose-page{max-width:780px;padding:40px 0 75px}.prose-page h2{margin:32px 0 7px;font-size:24px}.prose-page p,.prose-page li{color:#43516a}.prose-page a{color:var(--blue);text-decoration:underline}.article-top{background:var(--soft);border-bottom:1px solid var(--line);padding:38px 0 44px}.back-link{font-size:12px;font-weight:750;color:var(--blue);display:inline-block;margin-bottom:26px}.article-top h1{font-size:clamp(34px,5vw,50px);line-height:1.12;letter-spacing:-1.8px;max-width:900px;margin:12px 0}.article-deck{font-size:17px;color:var(--muted);max-width:780px}.article-meta{display:flex;gap:10px;color:#7c899b;font-size:11px;margin-top:18px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 270px;gap:45px;justify-content:space-between;padding:40px 0 60px}.article-body{font-size:16px;line-height:1.85}.article-body .lead{font-size:19px;color:#35455e;line-height:1.72}.article-body h2{font-size:24px;line-height:1.3;margin:34px 0 8px}.article-body p{color:#46546a}.takeaway{margin:32px 0;background:#eef4ff;border-left:4px solid var(--blue);padding:21px;border-radius:0 14px 14px 0}.takeaway p{font-weight:750;color:var(--navy);margin:6px 0}.editorial-note{font-size:13px;border-top:1px solid var(--line);padding-top:18px}.article-sidebar{display:grid;align-content:start;gap:14px}.article-sidebar ul{padding-left:16px;color:var(--muted);font-size:12px}.article-sidebar li{margin:8px 0}.related-section{background:var(--soft);padding:45px 0 60px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.related-card{display:grid;gap:8px;padding:18px;border:1px solid var(--line);border-radius:15px;background:white}.related-card strong{font-size:14px;line-height:1.4}.read-time{font-size:10px;color:var(--muted)}@media(max-width:950px){.topics-grid{grid-template-columns:repeat(3,1fr)}.content-grid{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.article-layout{grid-template-columns:minmax(0,1fr) 230px;gap:25px}.hero h1{font-size:46px}}@media(max-width:720px){.container{width:calc(100% - 30px)}.header-inner{height:70px}.brand{font-size:21px}.brand img{width:37px;height:37px}.brand small{font-size:7px}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;left:15px;right:15px;top:65px;padding:14px;background:white;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);gap:0;flex-direction:column}.primary-nav.open{display:flex}.primary-nav a{padding:10px}.hero-grid{grid-template-columns:1fr;padding:46px 0;min-height:0}.hero h1{font-size:clamp(37px,10vw,52px)}.hero-copy{font-size:15px}.hero-art{min-height:250px}.glass-panel{max-width:370px}.floating-note{right:0;bottom:4px}.search-form button{padding:10px 12px}.section{padding:50px 0}.section-heading{align-items:start}.topics-grid{grid-template-columns:repeat(2,1fr);gap:10px}.topic-card{padding:15px;min-height:130px}.content-grid,.article-layout{grid-template-columns:1fr;gap:20px}.article-grid{grid-template-columns:1fr}.card-art{height:95px}.sidebar{grid-template-columns:1fr 1fr}.callout-box{grid-column:1/-1}.article-sidebar{display:none}.related-grid{grid-template-columns:1fr}.footer-inner{display:grid;gap:20px}.footer-inner nav{gap:12px}.page-hero{padding:40px 0 32px}.prose-page{padding:32px 0 55px}.article-top{padding:28px 0 34px}.article-body{font-size:15px}.article-body h2{font-size:22px}}@media(max-width:390px){.hero h1{font-size:35px}.hero-tags{gap:6px}.hero-tags a{font-size:11px}.sidebar{grid-template-columns:1fr}.section-heading{display:block}.section-heading .text-link{display:inline-block;margin-top:10px}}

/* Real photography and recognizable AI-tool brand marks */
.hero-art{background:linear-gradient(135deg,rgba(10,30,65,.08),rgba(10,30,65,.55)),url("https://images.unsplash.com/photo-1677442136019-21780ecad995?auto=format&fit=crop&w=1200&q=85") center/cover;border-radius:28px;min-height:370px;padding:22px;isolation:isolate}
.glass-panel{backdrop-filter:blur(12px);background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(255,255,255,.11));}
.floating-note{z-index:2}
.trusted-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:28px;color:#d6e5ff}
.trusted-tools>span{font-size:10px;font-weight:850;letter-spacing:1.5px;color:#a8c6ff;margin-right:4px}
.trusted-tools a{display:flex;align-items:center;gap:7px;border:1px solid #ffffff30;background:#ffffff0b;border-radius:999px;padding:8px 12px;font-size:12px;color:white;transition:background .2s}
.trusted-tools a:hover{background:#ffffff20}
.trusted-tools img{width:18px;height:18px;object-fit:contain}
.card-art{background-size:cover;background-position:center;color:white}
.card-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,25,52,.62),rgba(9,25,52,.08));z-index:0}
.card-art:after{border-color:#ffffff50;box-shadow:0 0 0 22px #ffffff08,0 0 0 45px #ffffff08}
.card-symbol,.card-number{color:white;text-shadow:0 1px 8px #06152b80}
.article-card:nth-child(1) .card-art{background-image:url("https://images.unsplash.com/photo-1677442136019-21780ecad995?auto=format&fit=crop&w=900&q=80")}
.article-card:nth-child(2) .card-art{background-image:url("https://images.unsplash.com/photo-1455390582262-044cacf277ad?auto=format&fit=crop&w=900&q=80")}
.article-card:nth-child(3) .card-art{background-image:url("https://images.unsplash.com/photo-1676299081847-824916de030a?auto=format&fit=crop&w=900&q=80")}
.article-card:nth-child(4) .card-art{background-image:url("https://images.unsplash.com/photo-1456324504439-367cee3b3c32?auto=format&fit=crop&w=900&q=80")}
.article-card:nth-child(5) .card-art{background-image:url("https://images.unsplash.com/photo-1544716278-ca5e3f4abd8c?auto=format&fit=crop&w=900&q=80")}
.article-card:nth-child(6) .card-art{background-image:url("https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=900&q=80")}
.article-card:nth-child(7) .card-art{background-image:url("https://images.unsplash.com/photo-1455390582262-044cacf277ad?auto=format&fit=crop&w=900&q=80")}
.article-card:nth-child(8) .card-art{background-image:url("https://images.unsplash.com/photo-1517842645767-c639042777db?auto=format&fit=crop&w=900&q=80")}
.article-card:nth-child(9) .card-art{background-image:url("https://images.unsplash.com/photo-1563013544-824ae1b704d3?auto=format&fit=crop&w=900&q=80")}
.article-card:nth-child(10) .card-art{background-image:url("https://images.unsplash.com/photo-1677442136019-21780ecad995?auto=format&fit=crop&w=900&q=80")}
.article-card:nth-child(11) .card-art{background-image:url("https://images.unsplash.com/photo-1515879218367-8466d910aaa4?auto=format&fit=crop&w=900&q=80")}
.article-card:nth-child(12) .card-art{background-image:url("https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=900&q=80")}
.article-card:nth-child(13) .card-art{background-image:url("https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=900&q=80")}
.article-card:nth-child(14) .card-art{background-image:url("https://images.unsplash.com/photo-1504639725590-34d0984388bd?auto=format&fit=crop&w=900&q=80")}
.article-card:nth-child(15) .card-art{background-image:url("https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=900&q=80")}
@media(max-width:720px){.hero-art{min-height:300px;padding:12px;margin-top:4px}.trusted-tools{gap:8px}.trusted-tools>span{width:100%}.trusted-tools a{padding:7px 10px}}

/* Xogta Hub Photography Pro — visible, clickable photographic artwork */
.hero-art{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;min-height:420px;background:#102a56}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.88;z-index:-2}
.hero-photo-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(145deg,rgba(9,28,63,.10),rgba(9,28,63,.72))}
.card-art{position:relative;overflow:hidden;min-height:200px;background:#102a56;padding:0}
.card-image-link{display:block;position:absolute;inset:0;overflow:hidden}
.card-image-link img{display:block;width:100%;height:100%;min-height:200px;object-fit:cover;transition:transform .5s ease,filter .5s ease}
.article-card:hover .card-image-link img{transform:scale(1.055);filter:saturate(1.1)}
.image-overlay-label{position:absolute;left:16px;bottom:14px;color:white;font-size:.68rem;letter-spacing:.13em;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.75)}
.card-image-link:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,20,45,0),rgba(5,20,45,.58));pointer-events:none}
.article-featured-image{max-width:1120px;margin:0 auto 34px;padding:0 24px}
.article-featured-image a{display:block;overflow:hidden;border-radius:24px;background:#e8eef7}
.article-featured-image img{display:block;width:100%;max-height:560px;object-fit:cover;aspect-ratio:16/8;transition:transform .4s ease}
.article-featured-image a:hover img{transform:scale(1.015)}
.article-featured-image figcaption{font-size:.8rem;color:#64748b;margin-top:10px}
@media(max-width:700px){.hero-art{min-height:320px}.card-art,.card-image-link img{min-height:165px}.article-featured-image{padding:0 16px;margin-bottom:24px}.article-featured-image img{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.card-image-link img,.article-featured-image img{transition:none}}

/* Semantic utility classes keep inline styling out of the HTML and support a stricter Content Security Policy. */
.hero-headline-accent{color:#93bbff}.eyebrow-light{color:#a9c8ff}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.not-found-action{margin-top:22px}