:root{--bg: #0e0e0e;--surface: #131313;--surface-lowest: #0e0e0e;--surface-low: #1c1b1b;--surface-container: #201f1f;--surface-high: #2a2a2a;--primary: #d97706;--primary-dim: #fcd34d;--secondary: #fde68a;--on-surface: #e5e2e1;--on-surface-variant: #c2c6d8;--outline: #8c90a1;--outline-variant: #424656;--white: #ffffff;--success: #22c55e;--error: #ffb4ab;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--maxw: 80rem;--nav-h: 4rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--surface-lowest);color:var(--on-surface);font-family:var(--font-body);font-weight:300;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background-color:var(--primary);color:var(--white)}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.container{max-width:var(--maxw);margin:0 auto;padding:0 1.5rem}@media(min-width:768px){.container{padding:0 3rem}}.skip-link{position:absolute;left:-999px;top:0;background:var(--primary);color:var(--white);padding:.75rem 1.25rem;z-index:200;font-weight:600}.skip-link:focus{left:0}.blueprint-line{border:.5px solid rgba(66,70,86,.3)}.mono{font-family:var(--font-display);font-variant-numeric:tabular-nums}.tag-label{font-family:var(--font-body);font-size:.625rem;letter-spacing:.2em;text-transform:uppercase;color:#e5e2e166}.section-eyebrow{display:inline-flex;align-items:center;gap:.75rem;font-size:.7rem;font-weight:700;letter-spacing:.4em;text-transform:uppercase;color:#e5e2e199}.section-eyebrow .dot{width:.5rem;height:.5rem;background:var(--primary);flex:none}.section-eyebrow .dot.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.nav{position:fixed;top:0;width:100%;z-index:50;height:var(--nav-h);display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;border-bottom:.5px solid rgba(66,70,86,.3);background:#0e0e0ecc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media(min-width:768px){.nav{padding:0 2rem}}.nav__brand{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;color:var(--white);font-size:.95rem;line-height:1.1}.nav__brand svg{color:var(--primary);flex:none}.nav__brand strong{color:var(--white);font-weight:700}.nav__brand span{color:#e5e2e173;font-weight:400}@media(max-width:600px){.nav__brand .nav__brand-sub{display:none}}.nav__links{display:none;gap:2.5rem;align-items:center}@media(min-width:900px){.nav__links{display:flex}}.nav__links a{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;font-weight:700;color:#fff9;transition:color .3s ease}.nav__links a:hover{color:var(--primary-dim)}.nav__links a.is-active{color:var(--primary);border-bottom:.5px solid var(--primary);padding-bottom:.25rem}.btn-nav{background:var(--primary);color:var(--white);padding:.55rem 1.1rem;font-family:var(--font-display);font-weight:700;font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;transition:filter .2s ease,transform .1s ease}.btn-nav:hover{filter:brightness(1.1)}.btn-nav:active{transform:scale(.96)}.nav__right{display:flex;align-items:center;gap:1rem}.lang-switch{display:flex;align-items:center;border:.5px solid rgba(66,70,86,.4)}.lang-switch a{font-family:var(--font-display);font-size:.6rem;font-weight:700;letter-spacing:.1em;padding:.4rem .55rem;color:#ffffff73;border-right:.5px solid rgba(66,70,86,.4);transition:all .2s ease}.lang-switch a:last-child{border-right:none}.lang-switch a:hover{color:var(--white);background:#ffffff0a}.lang-switch a.is-active{color:var(--white);background:var(--primary)}@media(max-width:720px){.btn-nav{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;transition:all .2s ease;border:.5px solid transparent}.btn--primary{background:var(--primary);color:var(--white)}.btn--primary:hover{filter:brightness(1.1);box-shadow:0 0 20px #d9770633}.btn--solid{background:var(--white);color:#000;font-weight:800}.btn--solid:hover{background:var(--primary);color:var(--white)}.btn--ghost{border-color:#42465680;color:var(--white)}.btn--ghost:hover{background:#ffffff0d}.btn--text{color:#fff6;letter-spacing:.15em;padding:1rem 1.25rem}.btn--text:hover{color:var(--white)}main{padding-top:8rem;padding-bottom:6rem}.section{margin-bottom:8rem}.hero__badge{display:inline-block;padding:.3rem .75rem;background:var(--surface-low);border:.5px solid rgba(66,70,86,.3);font-size:.625rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--primary);margin-bottom:1.5rem}.hero__title{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:.95;color:var(--white);margin-top:5rem;margin-bottom:1.5rem;font-size:clamp(2.75rem,9vw,6.5rem)}.hero__title em{color:var(--primary);font-style:normal}.hero__lead{max-width:40rem;color:var(--on-surface-variant);font-weight:300;font-size:1.05rem;line-height:1.7;margin-bottom:2rem}.hero__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}.privacy-badge{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1rem;border:.5px solid rgba(34,197,94,.4);background:#22c55e0d;margin-bottom:3.5rem;max-width:max-content}.privacy-badge svg{color:var(--success);flex:none}.privacy-badge span{font-size:.7rem;letter-spacing:.05em;color:#e5e2e1bf;line-height:1.4}.privacy-badge strong{color:var(--on-surface);font-weight:600}.hero__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;border-top:.5px solid rgba(66,70,86,.3);padding-top:3rem}@media(min-width:768px){.hero__stats{grid-template-columns:repeat(4,1fr)}}.hero__stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:.25rem;color:var(--white)}.hero__stat-value.accent{color:var(--primary)}.hero__stat-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.15em;color:#fff6}.tabs{display:flex;gap:0;border:.5px solid rgba(66,70,86,.3);margin-bottom:1.5rem;max-width:max-content}.tab{padding:.75rem 1.5rem;font-family:var(--font-display);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:#ffffff73;transition:all .2s ease;border-right:.5px solid rgba(66,70,86,.3)}.tab:last-child{border-right:none}.tab.is-active{background:var(--primary);color:var(--white)}.tab:not(.is-active):hover{color:var(--white);background:#ffffff08}.tab-panel[hidden]{display:none}.generator{display:grid;grid-template-columns:1fr;gap:1px;background:#42465633;border:.5px solid rgba(66,70,86,.3);overflow:hidden}@media(min-width:1024px){.generator{grid-template-columns:7fr 5fr}}.generator__form{background:var(--surface-lowest);padding:2rem 1.5rem}.generator__result{background:var(--surface-low);padding:2rem 1.5rem;position:relative}@media(min-width:768px){.generator__form,.generator__result{padding:3rem}}.panel-head{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem}.field-group{display:flex;flex-direction:column;gap:2rem}.field-row{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.field-row{grid-template-columns:1fr 1fr}}.field{display:flex;flex-direction:column}.field label{font-size:.625rem;text-transform:uppercase;letter-spacing:.2em;color:#fff6;margin-bottom:.5rem;transition:color .2s ease}.field:focus-within label{color:var(--primary)}.field input,.field textarea{width:100%;background:transparent;border:none;border-bottom:.5px solid rgba(66,70,86,.5);padding:.75rem 0;color:var(--white);font-family:var(--font-display);font-size:.875rem;transition:border-color .2s ease}.field textarea{border:.5px solid rgba(66,70,86,.5);padding:.85rem;resize:vertical;min-height:9rem;line-height:1.6}.field input::placeholder,.field textarea::placeholder{color:#ffffff2e}.field input:focus,.field textarea:focus{outline:none;border-color:var(--primary)}.field-hint{font-size:.65rem;color:#e5e2e159;margin-top:.5rem;letter-spacing:.02em}.options{padding-top:1.5rem;display:flex;flex-wrap:wrap;gap:1.5rem 2rem;border-top:.5px solid rgba(66,70,86,.2)}.option{display:flex;align-items:center;gap:.6rem;cursor:pointer}.option input[type=checkbox]{appearance:none;-webkit-appearance:none;width:1rem;height:1rem;border:.5px solid rgba(66,70,86,.7);background:transparent;display:inline-grid;place-content:center;cursor:pointer;flex:none}.option input[type=checkbox]:before{content:"";width:.5rem;height:.5rem;transform:scale(0);transition:transform .12s ease;background:var(--primary)}.option input[type=checkbox]:checked{border-color:var(--primary)}.option input[type=checkbox]:checked:before{transform:scale(1)}.option span{font-size:.625rem;text-transform:uppercase;letter-spacing:.12em;color:#ffffff73;transition:color .2s ease}.option:hover span{color:var(--white)}.form-actions{display:flex;flex-wrap:wrap;gap:1rem;padding-top:.5rem}.alert{padding:.75rem 1rem;font-size:.72rem;letter-spacing:.02em;border-left:2px solid;margin-top:.5rem}.alert[hidden]{display:none}.alert--error{border-color:var(--error);background:#ffb4ab12;color:var(--error)}.alert--warn{border-color:var(--primary-dim);background:#fcd34d0f;color:var(--primary-dim)}.corner-tl,.corner-br{position:absolute;width:.5rem;height:.5rem;opacity:.4}.corner-tl{top:-1px;left:-1px;border-left:2px solid var(--primary);border-top:2px solid var(--primary)}.corner-br{bottom:-1px;right:-1px;border-right:2px solid var(--primary);border-bottom:2px solid var(--primary)}.result-box{background:var(--surface-lowest);border:.5px solid rgba(66,70,86,.3);padding:1.5rem;min-height:11rem;margin-bottom:2rem;font-family:var(--font-display);font-size:.82rem;color:var(--primary);word-break:break-all;line-height:1.7;position:relative}.result-box__tag{position:absolute;top:.5rem;right:.5rem;font-size:.5rem;color:#fff3;text-transform:uppercase;letter-spacing:.2em}.result-box .placeholder{color:#fff3}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#42465633;margin-bottom:3rem}.result-action{background:var(--surface-container);padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:background .2s ease}.result-action:hover{background:#d977061a}.result-action svg{color:#fff9}.result-action.accent svg{color:var(--primary)}.result-action span{font-size:.625rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff9}.result-action:disabled{opacity:.35;cursor:not-allowed}.result-action:disabled:hover{background:var(--surface-container)}.status-list{display:flex;flex-direction:column;gap:1rem}.status-row{display:flex;align-items:center;justify-content:space-between;font-size:.625rem;text-transform:uppercase;letter-spacing:.15em;color:#fff6}.status-row .ok{color:var(--primary)}.status-divider{width:100%;height:1px;background:#42465633}.status-flags{display:flex;flex-wrap:wrap;gap:1rem;font-size:.72rem}.status-flag{display:flex;align-items:center;gap:.5rem;color:#fff9}.status-flag svg{flex:none}.status-flag.valid svg{color:var(--success)}.status-flag.ga4 svg{color:var(--primary)}.status-flag.invalid svg{color:var(--error)}.batch-output{margin-top:2rem;border:.5px solid rgba(66,70,86,.3)}.batch-output[hidden]{display:none}.batch-output__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem 1.25rem;background:var(--surface-container);border-bottom:.5px solid rgba(66,70,86,.3)}.batch-output__head .count{font-family:var(--font-display);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#fff9}.batch-output__actions{display:flex;gap:.75rem}.btn-mini{display:inline-flex;align-items:center;gap:.4rem;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.5rem .8rem;border:.5px solid rgba(66,70,86,.5);color:#ffffffb3;transition:all .2s ease}.btn-mini:hover{border-color:var(--primary);color:var(--white)}.batch-list{max-height:22rem;overflow-y:auto}.batch-item{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.9rem 1.25rem;border-bottom:.5px solid rgba(66,70,86,.15);font-family:var(--font-display);font-size:.75rem}.batch-item:last-child{border-bottom:none}.batch-item.is-error{background:#ffb4ab0d}.batch-item__url{color:var(--primary);word-break:break-all;line-height:1.5}.batch-item.is-error .batch-item__url{color:var(--error)}.batch-item__copy{flex:none;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--primary);transition:filter .2s ease}.batch-item__copy:hover{filter:brightness(1.4)}.section-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:3rem;border-bottom:.5px solid rgba(66,70,86,.3);padding-bottom:1rem}.section-head h2{font-size:.72rem;font-weight:700;letter-spacing:.4em;text-transform:uppercase;color:var(--white)}.section-head .meta{font-size:.625rem;text-transform:uppercase;letter-spacing:.15em;color:#fff6}.cards{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.cards{grid-template-columns:repeat(3,1fr)}}.card{position:relative;background:var(--surface-container);padding:2rem;overflow:hidden;transition:transform .2s ease}.card:hover{transform:translateY(-4px)}.card__icon{position:absolute;top:1rem;right:1rem;opacity:.1;transition:opacity .2s ease;color:var(--on-surface)}.card:hover .card__icon{opacity:.85}.card__kicker{font-size:.625rem;color:var(--primary);font-weight:700;letter-spacing:.15em;margin-bottom:1rem}.card h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--white);margin-bottom:.5rem}.card p{font-size:.72rem;color:#fff6;line-height:1.6;margin-bottom:1.5rem}.card__btn{width:100%;border:.5px solid rgba(66,70,86,.5);padding:.75rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:#fff9;transition:all .2s ease}.card__btn:hover{border-color:var(--primary);color:var(--white)}.history__head{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.history__head .rule{width:2rem;height:1px;background:var(--primary)}.table-wrap{overflow-x:auto;border:.5px solid rgba(66,70,86,.3)}table{width:100%;border-collapse:collapse;text-align:left;font-size:.72rem}thead tr{background:var(--surface-container);border-bottom:.5px solid rgba(66,70,86,.3)}th{padding:1rem 1.5rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#fff6;white-space:nowrap}th.right{text-align:right}tbody tr{border-top:.5px solid rgba(66,70,86,.15);transition:background .2s ease}tbody tr:hover{background:#ffffff05}td{padding:1.1rem 1.5rem;color:#fff9;vertical-align:middle}td.name{color:var(--white);font-weight:500}td.url{color:var(--primary);font-family:var(--font-display);max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}td.actions{text-align:right;white-space:nowrap}.row-action{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--primary);margin-left:1rem;transition:filter .2s ease}.row-action:hover{filter:brightness(1.5)}.row-action--icon{color:#ffffff40}.row-action--icon:hover{color:var(--error);filter:none}.row-action--icon svg{display:inline-block;vertical-align:middle}.empty-state{padding:3rem 1.5rem;text-align:center;color:#ffffff4d;font-size:.78rem;letter-spacing:.03em}.practices__title{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,1.875rem);font-weight:700;color:var(--white);margin-bottom:3rem;line-height:1.2}.practices__title span{color:var(--primary)}.practices{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.practices{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.practices{grid-template-columns:repeat(3,1fr)}}.practice{padding:2rem;transition:background .2s ease}.practice:hover{background:var(--surface-low)}.practice__num{color:var(--primary);font-family:var(--font-display);font-size:.72rem;margin-bottom:1rem}.practice h3{color:var(--white);font-weight:700;text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;margin-bottom:.75rem}.practice p{color:#fff6;font-size:.72rem;line-height:1.6}.faq{max-width:48rem;margin:0 auto}.faq__title{font-size:.72rem;font-weight:700;letter-spacing:.4em;text-transform:uppercase;color:#fff6;margin-bottom:3rem;text-align:center}.faq__list{display:flex;flex-direction:column;gap:1px;background:#4246564d;border:.5px solid rgba(66,70,86,.3)}.faq__item{background:var(--surface-lowest)}.faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem;cursor:pointer;list-style:none;transition:background .2s ease}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:hover{background:#ffffff05}.faq__item summary span{font-size:.82rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#ffffffd9}.faq__item summary svg{color:var(--primary);transition:transform .2s ease;flex:none}.faq__item[open] summary svg{transform:rotate(180deg)}.faq__answer{padding:0 1.5rem 1.5rem;font-size:.85rem;color:#ffffff80;line-height:1.7}.cta{position:relative;background:var(--surface-low);padding:3rem 1.5rem;overflow:hidden}@media(min-width:768px){.cta{padding:5rem}}.cta__glow{position:absolute;top:0;right:0;width:16rem;height:16rem;background:#d977060d;filter:blur(120px)}.cta__bar{position:absolute;bottom:0;left:0;width:2px;height:100%;background:var(--primary);opacity:.5}.cta__inner{position:relative;z-index:2;max-width:38rem}.cta h2{font-family:var(--font-display);font-size:clamp(1.75rem,5vw,3rem);font-weight:700;color:var(--white);line-height:1.1;margin-bottom:1.5rem}.cta p{color:#fff6;font-size:1.05rem;line-height:1.7;margin-bottom:2.5rem}.cta__actions{display:flex;flex-wrap:wrap;gap:1rem}.footer{border-top:.5px solid rgba(66,70,86,.3);background:var(--surface-lowest)}.footer__grid{display:grid;grid-template-columns:1fr;gap:3rem;padding:4rem 1.5rem}@media(min-width:768px){.footer__grid{grid-template-columns:1.5fr 1fr 1fr 1fr;padding:5rem 3rem}}.footer__brand-name{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--primary);margin-bottom:1.5rem;letter-spacing:-.01em}.footer__brand-desc{font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;color:#fff6;line-height:1.8}.footer h4{font-size:.625rem;letter-spacing:.3em;text-transform:uppercase;color:var(--white);margin-bottom:1.5rem;font-weight:600}.footer ul{list-style:none;display:flex;flex-direction:column;gap:1rem}.footer ul a{font-size:.625rem;letter-spacing:.12em;text-transform:uppercase;color:#fff6;transition:color .2s ease}.footer ul a:hover{color:var(--primary)}.footer__bottom{border-top:.5px solid rgba(66,70,86,.3);padding:2rem 1.5rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center}@media(min-width:768px){.footer__bottom{padding:2rem 3rem}}.footer__copy{font-size:.625rem;letter-spacing:.15em;text-transform:uppercase;color:#ffffff80}.footer__status{display:flex;align-items:center;gap:.75rem}.footer__status .led{width:.5rem;height:.5rem;border-radius:9999px;background:var(--success);animation:pulse 2s ease-in-out infinite}.footer__status span{font-size:.625rem;letter-spacing:.2em;text-transform:uppercase;color:#ffffff80}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%) translateY(150%);background:var(--primary);color:var(--white);padding:.85rem 1.5rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;z-index:100;transition:transform .3s cubic-bezier(.22,1,.36,1);box-shadow:0 10px 40px #00000080}.toast.is-visible{transform:translate(-50%) translateY(0)}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
