:root{--ink:#211a16;--ink-soft:#4b4038;--cream:#f7efe4;--cream-2:#fff9ef;--paper:#fffcf5;--clay:#c96d3c;--clay-dark:#9b4524;--moss:#5e6f45;--sage:#d6dcc2;--gold:#f4b45f;--sky:#98b4b7;--line:rgba(33,26,22,.16);--shadow:0 24px 60px rgba(33,26,22,.18);--radius:26px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(244,180,95,.42),transparent 34rem) , radial-gradient(circle at 85% 8%,rgba(152,180,183,.34),transparent 32rem) , linear-gradient(180deg,var(--cream),var(--cream-2) 48%,#f4e5d4);line-height:1.55}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:url(data:image/svg+xml,%3Csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ width=\'220\'\ height=\'220\'\ viewBox=\'0\ 0\ 220\ 220\'%3E%3Cfilter\ id=\'n\'%3E%3CfeTurbulence\ type=\'fractalNoise\'\ baseFrequency=\'.72\'\ numOctaves=\'4\'\ stitchTiles=\'stitch\'/%3E%3C/filter%3E%3Crect\ width=\'220\'\ height=\'220\'\ filter=\'url\(%23n\)\'\ opacity=\'.32\'/%3E%3C/svg%3E);mix-blend-mode:multiply;z-index:-1}a{color:inherit}img,svg{max-width:100%}button,input,select{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.skip-link{position:absolute;left:12px;top:-80px;padding:12px 16px;background:var(--ink);color:#fff;border-radius:999px;z-index:20}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:10;backdrop-filter:blur(18px);background:rgba(247,239,228,.84);border-bottom:1px solid var(--line)}.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;letter-spacing:-.03em}.brand-mark{width:42px;aspect-ratio:1;border:2px solid var(--ink);border-radius:14px;background:linear-gradient(135deg,var(--gold),var(--clay));display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:8px;box-shadow:4px 4px 0 var(--ink)}.brand-mark span{background:rgba(33,26,22,.86);border-radius:999px}.brand-text{font-size:clamp(1.05rem,2vw,1.25rem)}.site-nav{display:flex;align-items:center;gap:6px}.site-nav a{text-decoration:none;padding:10px 14px;border-radius:999px;color:var(--ink-soft);font-weight:800;font-size:.92rem}.site-nav a:hover,.site-nav a:focus-visible{background:rgba(33,26,22,.08);color:var(--ink)}.nav-toggle{display:none}.section-pad{padding:clamp(52px,8vw,96px) 0}.hero{padding-top:clamp(58px,9vw,118px)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:clamp(40px,6vw,80px);align-items:center}.eyebrow{margin:0 0 14px;color:var(--clay-dark);text-transform:uppercase;font-size:.77rem;letter-spacing:.16em;font-weight:950}h1,h2,h3{line-height:.98;margin:0;letter-spacing:-.055em}h1{font-size:clamp(3.4rem,8.2vw,7.6rem);max-width:10.4ch}h2{font-size:clamp(2.2rem,4.7vw,4.8rem)}h3{font-size:clamp(1.3rem,2.3vw,1.9rem)}.lede{max-width:62ch;font-size:clamp(1.12rem,1.8vw,1.35rem);color:var(--ink-soft);margin:24px 0 0}.lede-small{max-width:56ch;font-size:1.08rem;color:var(--ink-soft)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0 24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:2px solid var(--ink);border-radius:999px;padding:13px 20px;font-weight:950;box-shadow:4px 4px 0 var(--ink);transition:transform .18s ease , box-shadow .18s ease , background .18s ease}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.button-primary{background:var(--ink);color:#fffaf0}.button-ghost{background:rgba(255,252,245,.58)}.trust-strip{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.trust-strip span{border:1px solid var(--line);background:rgba(255,252,245,.58);border-radius:999px;padding:8px 11px;font-weight:850;color:var(--ink-soft);font-size:.9rem}.small-note{color:var(--ink-soft);font-size:.88rem;margin-top:18px}.hero-visual{min-height:440px;display:grid;place-items:center}.camera-card{position:relative;width:min(430px,100%);aspect-ratio: 1 / .88;border:2px solid var(--ink);border-radius:34px;background:linear-gradient(145deg,#f9c76d,#c96d3c 52%,#4c2b26);box-shadow:18px 18px 0 rgba(33,26,22,.88) , var(--shadow);transform:rotate(2deg);overflow:hidden}.camera-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 28% 25%,rgba(255,255,255,.42),transparent 20%) , linear-gradient(90deg,rgba(255,255,255,.1),transparent 34%)}.camera-topline{position:absolute;left:0;right:0;top:70px;height:24px;background:rgba(33,26,22,.82)}.camera-body{position:absolute;inset:0}.viewfinder{position:absolute;left:42px;top:34px;width:82px;height:48px;border-radius:14px;border:2px solid var(--ink);background:#95b1b3;box-shadow:inset 0 0 0 8px rgba(33,26,22,.13)}.lens{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:180px;aspect-ratio:1;border-radius:50%;border:14px solid rgba(33,26,22,.92);background:radial-gradient(circle,#a9c5c5 0 18%,#3a4244 19% 42%,#111 43% 100%);box-shadow:inset 0 0 0 10px rgba(255,255,255,.08) , 0 18px 36px rgba(0,0,0,.28)}.lens div{position:absolute;width:48px;aspect-ratio:1;border-radius:999px;background:rgba(255,255,255,.32);left:28px;top:30px}.counter{position:absolute;right:42px;top:40px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.18em;color:#ff5538;background:rgba(20,8,5,.82);border:2px solid rgba(255,255,255,.16);border-radius:9px;padding:8px 10px;text-shadow:0 0 12px #ff5538}.sample-stack{position:absolute;inset:auto 26px 28px 26px;display:flex;gap:10px}.sample{height:64px;flex:1;border:2px solid rgba(33,26,22,.8);border-radius:14px;background-size:cover}.sample-one{background:linear-gradient(135deg,#f3c56e,#9b5c37)}.sample-two{background:linear-gradient(135deg,#cdd3b9,#657a52)}.sample-three{background:linear-gradient(135deg,#e7e1d4,#1e1d1a)}.ad-band{padding:0 0 20px}.ad-slot{border:1px dashed rgba(33,26,22,.32);background:repeating-linear-gradient(135deg,rgba(33,26,22,.045),rgba(33,26,22,.045) 10px,rgba(255,255,255,.16) 10px,rgba(255,255,255,.16) 20px);color:var(--ink-soft);border-radius:22px;min-height:96px;display:grid;place-items:center;text-align:center;padding:20px}.ad-slot span{text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;font-weight:950;opacity:.75}.ad-slot strong{display:block;font-size:1.05rem;color:var(--ink)}.ad-slot em{font-style:normal;font-size:.85rem}.ad-slot-rail{min-height:520px;position:sticky;top:100px}.mini-grid,.compat-grid,.faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.info-card,.compat-card,.quick-card,.creator-card,details,.tool-panel,.filter-card,.step-tabs{border:1px solid var(--line);background:rgba(255,252,245,.72);backdrop-filter:blur(16px);border-radius:var(--radius);box-shadow:0 16px 42px rgba(33,26,22,.08)}.info-card{padding:26px}.card-kicker{display:inline-flex;margin-bottom:16px;background:var(--sage);color:var(--ink);border-radius:999px;padding:6px 10px;font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;font-weight:950}.info-card h2{font-size:clamp(1.55rem,2.2vw,2.2rem)}.info-card p,.compat-card li,details p{color:var(--ink-soft)}.section-heading{margin-bottom:28px}.section-heading.narrow{max-width:660px}.section-heading p:not(.eyebrow) {max-width:68ch;color:var(--ink-soft);font-size:1.04rem}.content-with-rail{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.main-column{min-width:0}.rail{display:grid;gap:18px}.tool-panel{padding:18px;margin-bottom:18px}.search-box,.tool-panel label,.quick-card label{display:grid;gap:8px;font-weight:900;color:var(--ink-soft);font-size:.88rem}.search-box{margin-bottom:14px}input,select{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.68);border-radius:16px;padding:13px 14px;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--clay);box-shadow:0 0 0 4px rgba(201,109,60,.14)}.select-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.result-meta{color:var(--ink-soft);font-weight:900;margin:12px 2px 18px}.filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.filter-card{padding:22px;display:grid;gap:16px;position:relative;overflow:hidden}.filter-card::before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,var(--clay),var(--gold),var(--moss),var(--sky))}.filter-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.filter-card h3{font-size:1.65rem}.badges{display:flex;flex-wrap:wrap;gap:7px}.badge{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:.72rem;font-weight:950;color:var(--ink-soft);background:rgba(255,255,255,.54)}.badge.free{background:rgba(214,220,194,.8);color:#334022}.badge.paid{background:rgba(244,180,95,.35);color:#653818}.filter-card p{margin:0;color:var(--ink-soft)}.filter-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.filter-actions a{text-decoration:none;font-weight:950;border-radius:999px;padding:10px 13px;border:1px solid var(--line);background:rgba(33,26,22,.06)}.filter-actions a.primary-link{background:var(--ink);color:#fff;border-color:var(--ink)}.source-line{font-size:.83rem;color:var(--ink-soft)}.native-ad-card{min-height:230px;border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:linear-gradient(135deg,rgba(94,111,69,.18),rgba(244,180,95,.2));display:grid;align-content:center;gap:8px}.native-ad-card span{text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;font-weight:950;color:var(--ink-soft)}.native-ad-card h3{font-size:1.5rem}.native-ad-card p{margin:0;color:var(--ink-soft)}.quick-card{padding:22px}.quick-card h3{margin-bottom:10px}.quick-card p{color:var(--ink-soft)}.quick-card label{margin-top:14px}.filename-output{display:block;margin-top:16px;background:var(--ink);color:#fffaf0;border-radius:16px;padding:15px;font-weight:950;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow-wrap:anywhere}.compat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.compat-card{padding:24px}.compat-card h3{margin-bottom:14px}.compat-card ul{margin:0;padding-left:18px}.compat-card li+li{margin-top:9px}.compat-card.good{border-top:8px solid var(--moss)}.compat-card.caution{border-top:8px solid var(--gold)}.compat-card.danger{border-top:8px solid #a83d2e}code{background:rgba(33,26,22,.08);border:1px solid var(--line);border-radius:8px;padding:1px 5px}.install{background:rgba(33,26,22,.045);border-block:1px solid var(--line)}.install-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:start}.step-tabs{padding:16px}.tab-list{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tab-button{border:1px solid var(--line);background:rgba(255,255,255,.6);border-radius:999px;padding:10px 12px;cursor:pointer;font-weight:950;color:var(--ink-soft)}.tab-button.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}.tab-panel{display:none}.tab-panel.is-active{display:block}.steps{list-style:none;padding:0;margin:0;counter-reset:step}.steps li{counter-increment:step;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:14px 0;color:var(--ink-soft)}.steps li::before{content:counter(step,decimal-leading-zero);width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--gold);color:var(--ink);font-weight:950;border:1px solid var(--ink)}.steps li+li{border-top:1px solid var(--line)}.creator-card{padding:clamp(26px,5vw,54px);display:grid;grid-template-columns:1fr minmax(280px,410px);gap:28px;background:linear-gradient(135deg,rgba(255,252,245,.78),rgba(214,220,194,.72))}.submit-box{border:1px solid var(--line);border-radius:22px;padding:22px;background:rgba(255,255,255,.58)}.submit-box p{color:var(--ink-soft)}.faq-grid{grid-template-columns:.8fr 1.2fr;align-items:start}details{padding:20px 22px;grid-column:2}details:nth-of-type(1) {grid-row:1}summary{cursor:pointer;font-weight:950;font-size:1.1rem}summary::marker{color:var(--clay)}.site-footer{background:var(--ink);color:#fff6e8;padding:54px 0 26px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .6fr;gap:28px;align-items:start}.footer-brand .brand-mark{box-shadow:4px 4px 0 #fff6e8}.site-footer p{color:rgba(255,246,232,.72);max-width:52ch}.site-footer h2{font-size:1rem;letter-spacing:0;margin-bottom:12px}.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}.site-footer a{color:#fff6e8}.footer-bottom{border-top:1px solid rgba(255,255,255,.16);margin-top:34px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:rgba(255,246,232,.68);font-size:.88rem}@media (max-width:1000px){.hero-grid,.content-with-rail,.install-grid,.creator-card,.faq-grid{grid-template-columns:1fr}h1{max-width:11ch}.rail{order:-1}.ad-slot-rail{min-height:180px;position:static}.compat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}details{grid-column:auto}}@media (max-width:760px){.container{width:min(100% - 28px,var(--max))}.nav-toggle{display:inline-flex;border:1px solid var(--line);background:rgba(255,255,255,.62);border-radius:999px;padding:10px 13px;font-weight:950}.site-nav{position:absolute;left:14px;right:14px;top:68px;padding:12px;display:none;flex-direction:column;align-items:stretch;border:1px solid var(--line);border-radius:20px;background:rgba(255,252,245,.96);box-shadow:var(--shadow)}.site-nav.is-open{display:flex}.site-nav a{padding:12px 14px}h1{font-size:clamp(3.1rem,17vw,5.2rem)}.hero-visual{min-height:320px}.camera-card{box-shadow:10px 10px 0 rgba(33,26,22,.88) , var(--shadow)}.mini-grid,.filter-grid,.select-grid,.compat-grid,.footer-grid{grid-template-columns:1fr}.footer-bottom{display:grid}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.legal-page{max-width:860px}.legal-page h1{max-width:none;margin-bottom:18px}.legal-page .info-card{display:grid;gap:14px;margin-top:28px}.legal-page .info-card h2{font-size:clamp(1.5rem,2.6vw,2.25rem);margin-top:12px}.legal-page .info-card p{margin:0;color:var(--ink-soft)}