@font-face{font-family:"Benzin";src:url("/static/fonts/Benzin-Regular.woff") format("woff");font-weight:400;font-display:swap} @font-face{font-family:"Benzin";src:url("/static/fonts/Benzin-Semibold.woff") format("woff");font-weight:600 900;font-display:swap} @font-face{font-family:"Magnet Trial";src:url("/static/fonts/MagnetTrial-Regular.woff") format("woff");font-weight:400;font-display:swap} @font-face{font-family:"Magnet Trial";src:url("/static/fonts/MagnetTrial-SemiBold.woff") format("woff");font-weight:600 900;font-display:swap} :root{ --orange:#ff4f12;--orange-dark:#e83f00;--orange-soft:#fff0e9; --navy:#0d2238;--navy-2:#142d46;--ink:#142033;--muted:#667284; --bg:#f7f6f2;--paper:#fff;--soft:#f2f3f4;--line:#dfe3e7; --green:#197a55;--green-soft:#e8f6ef;--red:#a63c36;--red-soft:#fff0ef; --amber:#9a6617;--amber-soft:#fff6df;--shadow:0 12px 32px rgba(21,34,48,.07); --radius:14px;--radius-lg:22px;--font:"Magnet Trial",Arial,sans-serif; } *{box-sizing:border-box} html{min-width:320px;scroll-behavior:smooth;scroll-padding-top:84px} body{min-width:320px;margin:0;overflow-x:hidden;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.48;-webkit-font-smoothing:antialiased} a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}h1{margin-bottom:14px;font-size:clamp(2.25rem,4.4vw,4.75rem);line-height:1.02}h2{margin-bottom:10px;font-size:clamp(1.55rem,2.8vw,2.75rem);line-height:1.08}h3{margin-bottom:8px;font-size:1.08rem;line-height:1.18} :focus-visible{outline:3px solid rgba(255,79,18,.35);outline-offset:3px}::selection{background:var(--orange);color:#fff} .visually-hidden,.sr-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.copy-fallback{position:fixed;left:-9999px;width:1px;height:1px;opacity:0}.skip-link{position:fixed;top:10px;left:10px;z-index:500;padding:10px 14px;border-radius:8px;background:#fff;transform:translateY(-160%)}.skip-link:focus{transform:none} .logo-surface{display:inline-flex;align-items:center;padding:6px 8px;border-radius:7px;background:#090909}.logo-surface img{width:82px;height:auto}.button{min-height:44px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;cursor:pointer;font-weight:700;font-size:.86rem;transition:background .18s,border .18s,box-shadow .18s,transform .18s}.button-primary{background:var(--orange);color:#fff}.button-primary:hover{background:var(--orange-dark);box-shadow:0 7px 18px rgba(232,63,0,.19);transform:translateY(-1px)}.button-secondary{border-color:#cfd5da;background:#fff;color:var(--ink)}.button-secondary:hover{border-color:#9fa8b1;background:#fafafa}.button-light{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#fff}.button-danger{border-color:#efc8c5;background:#fff;color:var(--red)}.button-large{min-height:51px;padding:13px 21px;font-size:.94rem}.button-small{min-height:38px;padding:8px 13px;font-size:.79rem}.button-compact{min-height:40px;padding:9px 14px}.button-wide{width:100%} .status{padding:5px 9px;display:inline-flex;align-items:center;border-radius:999px;font-size:.71rem;font-weight:700;white-space:nowrap}.status::before{width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor;content:""}.status-active{background:var(--green-soft);color:var(--green)}.status-paused{background:var(--red-soft);color:var(--red)}.status-neutral{background:#edf0f2;color:#63707c}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 2px 3px rgba(25,39,55,.02)}.page-eyebrow,.card-kicker,.section-tag{margin-bottom:8px;color:var(--orange);font-size:.71rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.muted{color:var(--muted)} /* Public chrome */ .public-header{position:sticky;top:0;z-index:80;border-bottom:1px solid rgba(220,225,230,.85);background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}.public-header-inner{width:min(1280px,calc(100% - 48px));height:72px;margin:auto;display:flex;align-items:center;gap:32px}.public-brand,.footer-brand,.mobile-brand,.app-brand{display:flex;align-items:center;gap:10px}.public-brand>span:last-child,.footer-brand>span:last-child,.mobile-brand>span:last-child,.app-brand>span:last-child{font-family:Benzin,Arial,sans-serif;font-size:.82rem;font-weight:600;letter-spacing:.05em}.public-nav{margin:auto;display:flex;align-items:center;gap:28px}.public-nav a,.text-button{color:#455366;font-size:.86rem;font-weight:600}.public-nav a:hover,.text-button:hover{color:var(--orange)}.public-actions{display:flex;align-items:center;gap:16px}.public-main{width:min(1280px,calc(100% - 48px));margin:auto}.public-footer{margin-top:80px;background:var(--navy);color:#fff}.public-footer-main,.public-footer-bottom{width:min(1280px,calc(100% - 48px));margin:auto}.public-footer-main{padding:55px 0;display:grid;grid-template-columns:1.4fr .55fr .8fr;gap:70px}.public-footer-main>div:first-child>p{max-width:430px;margin:18px 0 0;color:#9dabb9;font-size:.87rem}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links strong{margin-bottom:5px;font-size:.76rem}.footer-links a{color:#aeb8c4;font-size:.82rem}.footer-links a:hover{color:#fff}.public-footer-bottom{padding:18px 0 28px;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);color:#8190a0;font-size:.72rem} /* Landing */ .hero-section{margin-top:24px;padding:clamp(48px,6vw,82px);display:grid;grid-template-columns:minmax(0,.95fr) minmax(430px,.78fr);align-items:center;gap:clamp(45px,7vw,92px);border-radius:var(--radius-lg);background:var(--navy);color:#fff}.hero-copy{min-width:0}.promo-chip{margin-bottom:23px;padding:7px 10px;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#c4cfda;font-size:.72rem}.promo-chip i{width:7px;height:7px;margin-right:7px;border-radius:50%;background:#68d7a5}.hero-copy h1{font-size:clamp(3rem,5.4vw,5.8rem);letter-spacing:-.055em}.hero-copy h1 span{color:#b7c5d4}.hero-copy>p:not(.hero-note){max-width:665px;color:#b4c0cc;font-size:1.07rem}.hero-copy strong{color:#fff}.hero-shortener{max-width:690px;margin-top:28px;padding:7px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.16)}.hero-shortener label{display:block;padding:5px 8px 1px;color:#657080;font-size:.67rem;font-weight:700}.hero-shortener>div{display:flex;gap:8px}.hero-shortener input{min-width:0;flex:1;padding:10px 9px;border:0;background:transparent;color:var(--ink);font-size:.96rem;outline:none}.hero-shortener p{margin:7px 8px 4px!important;color:#77818d!important;font-size:.65rem!important}.hero-form-error{max-width:690px;margin-top:18px;padding:10px 12px;border-radius:8px;background:#ffe4e1;color:#8d2f29;font-size:.8rem}.hero-actions{margin-top:13px;display:flex;gap:10px}.hero-note{margin:22px 0 0!important;color:#8596a7!important;font-size:.68rem!important}.hero-product{min-width:0;padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:17px;background:#fff;color:var(--ink);box-shadow:0 25px 60px rgba(0,0,0,.23)}.preview-top{margin-bottom:17px;display:flex;justify-content:space-between;color:#6d7885;font-size:.75rem}.preview-top span{display:flex;align-items:center;font-weight:700}.preview-top i{width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--orange)}.preview-field{min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fafafa}.preview-field span,.preview-result span{display:block;color:#7a8490;font-size:.61rem}.preview-field strong{display:block;overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.preview-row{margin-top:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.preview-row button{padding:0 15px;border:0;border-radius:8px;background:var(--orange);color:#fff;font-weight:700}.preview-result{margin-top:12px;padding:12px;display:flex;justify-content:space-between;align-items:center;border-radius:8px;background:var(--green-soft)}.preview-result strong{color:var(--green)}.preview-result>span{padding:6px 8px;border:1px solid #a7d9c3;border-radius:6px;color:var(--green)}.preview-insights{margin-top:14px;padding-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--line)}.preview-insights article{padding:10px;border-radius:8px;background:var(--soft)}.preview-insights article span,.preview-insights article small{display:block;color:#7e8893;font-size:.58rem}.preview-insights article strong{display:block;margin:4px 0;font-size:1.35rem}.mini-bars{grid-column:1/3;height:75px;display:flex;align-items:flex-end;gap:5px}.mini-bars i{flex:1;border-radius:3px 3px 0 0;background:#d7dee5}.mini-bars i:last-child{background:var(--orange)} .trust-row{padding:27px 4px;display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.trust-row p{margin:0;color:var(--muted);font-size:.78rem}.trust-row p strong{color:var(--ink)}.trust-row>div{display:flex;flex-wrap:wrap;gap:10px 25px}.trust-row span{color:#536173;font-size:.73rem}.marketing-section{padding:clamp(88px,10vw,140px) 0}.compact-section{padding-top:105px}.marketing-heading{max-width:820px;margin-bottom:44px}.marketing-heading>p{max-width:620px;color:var(--muted)}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step-grid article,.use-case-grid article{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.step-grid article>span{color:#8a95a0;font-size:.7rem;font-weight:800}.step-icon{width:44px;height:44px;margin:36px 0 55px;display:grid;place-items:center;border-radius:10px;background:var(--orange-soft);color:var(--orange);font-size:1.2rem}.step-grid p,.use-case-grid p{margin:0;color:var(--muted);font-size:.86rem}.analytics-feature{padding:clamp(52px,7vw,88px);display:grid;grid-template-columns:.78fr 1fr;gap:clamp(45px,7vw,90px);align-items:center;border-radius:var(--radius-lg);background:var(--navy);color:#fff}.section-tag-light{color:#ff9770}.feature-copy>p{color:#aab8c5}.feature-copy ul{margin:26px 0;padding:0;list-style:none}.feature-copy li{padding:10px 0;display:flex;gap:9px;border-top:1px solid rgba(255,255,255,.1);color:#c0cad4;font-size:.82rem}.feature-copy li i{color:#6ad9a6;font-style:normal}.feature-copy>a{color:#fff;font-size:.79rem;font-weight:700}.report-preview{min-width:0;padding:22px;border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 24px 60px rgba(0,0,0,.2)}.report-preview header,.chart-label{display:flex;justify-content:space-between;align-items:center}.report-preview header span,.chart-label span{display:block;color:#7c8792;font-size:.64rem}.report-preview header strong{display:block}.report-preview header small,.chart-label small{padding:6px 8px;border-radius:6px;background:var(--soft);font-size:.6rem}.report-kpis{margin:18px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.report-kpis article{padding:12px;border:1px solid var(--line);border-radius:8px}.report-kpis span,.report-kpis small{display:block;color:#7b8690;font-size:.57rem}.report-kpis strong{display:block;margin:4px 0;font-size:1.15rem}.report-kpis .positive{color:var(--green)}.report-chart{padding:15px;border:1px solid var(--line);border-radius:9px}.chart-bars{height:110px;margin-top:14px;display:flex;align-items:flex-end;gap:7px}.chart-bars i{flex:1;border-radius:3px 3px 0 0;background:#ccd7e1}.chart-bars i:last-child{background:var(--orange)}.report-bottom{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.report-bottom>div{padding:12px;border-radius:8px;background:var(--soft)}.report-bottom>div>span{font-size:.65rem;font-weight:700}.report-bottom p{margin:8px 0 0;display:flex;align-items:center;color:#687482;font-size:.63rem}.report-bottom p i{width:6px;height:6px;margin-right:6px;border-radius:50%;background:#8ba4bb}.report-bottom p strong{margin-left:auto;color:var(--ink)}.use-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.use-case-grid article{position:relative;min-height:240px}.use-case-grid article>span{color:var(--orange);font-size:.67rem;font-weight:800;text-transform:uppercase}.use-case-grid h3{margin-top:47px;font-size:1.2rem}.use-case-grid small{position:absolute;top:23px;right:23px;padding:5px 8px;border-radius:999px;background:var(--amber-soft);color:var(--amber);font-size:.64rem}.pricing-section{padding:clamp(55px,7vw,90px);display:grid;grid-template-columns:1fr minmax(350px,.72fr);gap:clamp(45px,8vw,110px);align-items:center;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff}.pricing-copy>p{max-width:600px;color:var(--muted)}.free-after{max-width:580px;margin-top:26px;padding:16px;border-left:3px solid var(--orange);background:var(--orange-soft)}.free-after strong,.free-after span{display:block}.free-after span{margin-top:4px;color:#7e594d;font-size:.79rem}.price-card{padding:26px;border:1px solid #cdd4db;border-radius:var(--radius);background:#fbfbfb}.price-card-head{display:flex;justify-content:space-between;gap:15px}.price-card-head span,.price-card-head small{display:block}.price-card-head span{font-weight:800}.price-card-head small{color:var(--muted);font-size:.7rem}.price-card-head em{padding:5px 8px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:.66rem;font-style:normal;white-space:nowrap}.price{margin:30px 0 22px}.price strong{font-size:2.6rem}.price span{color:var(--muted)}.price-card ul{margin:0 0 24px;padding:0;list-style:none}.price-card li{padding:9px 0 9px 21px;border-top:1px solid var(--line);font-size:.8rem}.price-card li::before{margin-left:-21px;margin-right:8px;color:var(--green);content:"✓"}.price-card>p{margin:12px 0 0;color:var(--muted);font-size:.65rem;text-align:center}.faq-section{padding:clamp(90px,11vw,150px) 0;display:grid;grid-template-columns:.6fr 1fr;gap:70px}.faq-heading p{color:var(--muted);font-size:.82rem}.faq-heading a{color:var(--orange)}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{padding:20px 0;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-weight:700;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--orange);font-size:1.3rem}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:760px;padding:0 40px 18px 0;color:var(--muted);font-size:.84rem}.closing-section{padding:55px 65px;display:flex;align-items:center;justify-content:space-between;gap:40px;border-radius:var(--radius-lg);background:var(--navy);color:#fff}.closing-section>div>span{color:#90a1b2;font-size:.72rem;text-transform:uppercase}.closing-section h2{margin:10px 0}.closing-section p{margin:0;color:#9dacba}.reveal{animation:reveal .55s ease both}.reveal-delay{animation-delay:.08s}@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}} /* Authenticated shell */ .app-layout{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr)}.app-sidebar{position:sticky;top:0;height:100vh;padding:23px 16px 16px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fff}.app-brand{padding:0 8px 22px}.app-brand>span:last-child{color:var(--navy)}.sidebar-create{min-height:44px;padding:11px 13px;display:flex;align-items:center;gap:10px;border-radius:8px;background:var(--orange);color:#fff;font-size:.84rem;font-weight:800}.sidebar-create>span{font-size:1.2rem;line-height:1}.sidebar-nav{margin-top:23px;display:flex;flex-direction:column}.sidebar-nav p{margin:14px 10px 6px;color:#a0a8b0;font-size:.61rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sidebar-nav a{padding:10px 11px;display:flex;align-items:center;gap:11px;border-radius:8px;color:#586575;font-size:.83rem;font-weight:600}.sidebar-nav a:hover{background:#f4f5f6;color:var(--ink)}.sidebar-nav a.is-active{background:var(--orange-soft);color:var(--orange-dark)}.nav-icon{width:21px;text-align:center}.sidebar-promo{margin-top:auto;padding:14px;border:1px solid #dbe1e6;border-radius:10px;background:#f8f9fa}.sidebar-promo span,.sidebar-promo strong{display:block}.sidebar-promo span{color:#6a7580;font-size:.64rem}.sidebar-promo strong{margin-top:4px;font-size:.86rem}.sidebar-promo p{margin:4px 0 0;color:#7a8490;font-size:.67rem}.sidebar-account{margin-top:12px;padding:12px 6px 0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;border-top:1px solid var(--line)}.account-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-size:.76rem;font-weight:800}.account-copy{min-width:0}.account-copy strong,.account-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-copy strong{font-size:.7rem}.account-copy small{color:#828c96;font-size:.6rem}.sidebar-account form{margin:0}.sidebar-account button{padding:5px;border:0;background:none;color:#82909d;cursor:pointer}.app-canvas{min-width:0}.app-topbar{height:64px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(14px)}.workspace-name span,.workspace-name strong{display:block}.workspace-name span{color:#8a949e;font-size:.61rem}.workspace-name strong{font-size:.8rem}.topbar-right{display:flex;align-items:center;gap:18px}.domain-status{display:flex;align-items:center;color:#65717e;font-size:.71rem}.domain-status i{width:7px;height:7px;margin-right:7px;border-radius:50%;background:#38a576}.topbar-help{color:#5e6a77;font-size:.72rem;font-weight:700}.mobile-brand,.mobile-app-nav{display:none}.app-main{width:min(1220px,calc(100% - 56px));margin:0 auto;padding:43px 0 75px}.page-header{margin-bottom:27px;display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.page-header>div{min-width:0}.page-header h1{margin-bottom:8px;font-size:clamp(2rem,3.1vw,3.45rem)}.page-header p:last-child{max-width:700px;margin-bottom:0;color:var(--muted)}.page-header.compact{max-width:800px}.page-header strong{overflow-wrap:anywhere}.app-offer{margin-bottom:18px;padding:15px 17px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;border:1px solid #f5d0bf;border-radius:10px;background:#fff8f5}.offer-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:var(--orange-soft);color:var(--orange)}.app-offer strong{font-size:.83rem}.app-offer p{margin:2px 0 0;color:#7a6c66;font-size:.71rem}.offer-pill{padding:5px 9px;border-radius:999px;background:#fff;color:var(--orange);font-size:.72rem;font-weight:800}.alert{margin-bottom:17px;padding:13px 15px;display:flex;align-items:flex-start;gap:10px;border-radius:9px;font-size:.8rem}.alert>span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-weight:800}.alert p{margin:1px 0 0}.alert-success{border:1px solid #b9ddcb;background:var(--green-soft);color:#1a6047}.alert-success>span{background:#c9eadb}.alert-error{border:1px solid #f0c9c6;background:var(--red-soft);color:#8f3731}.alert-error>span{background:#f8d7d4}.quick-create{padding:22px}.quick-create-heading{display:flex;align-items:flex-start;gap:12px}.card-icon{width:38px;height:38px;display:grid;flex:0 0 auto;place-items:center;border-radius:9px;background:var(--orange-soft);color:var(--orange);font-weight:800}.quick-create h2{font-size:1.25rem}.quick-create-heading p{margin:0;color:var(--muted);font-size:.79rem}.quick-create form{margin-top:18px}.quick-url-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.quick-url-row input,.form-grid input,.form-card input,.auth-form input{width:100%;min-width:0;padding:12px 13px;border:1px solid #cfd5da;border-radius:8px;background:#fff;color:var(--ink);outline:none}.quick-url-row input:focus,.form-grid input:focus,.form-card input:focus,.auth-form input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,79,18,.11)}.advanced-fields{margin-top:10px}.advanced-fields summary{display:flex;justify-content:space-between;color:#687583;cursor:pointer;font-size:.73rem;font-weight:700;list-style:none}.advanced-fields summary::-webkit-details-marker{display:none}.advanced-fields[open] summary span{transform:rotate(45deg)}.form-grid{margin-top:13px;padding-top:13px;display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--line)}label{display:block;margin-bottom:6px;font-size:.75rem;font-weight:700}.slug-field{display:flex;align-items:center;border:1px solid #cfd5da;border-radius:8px;background:#fff}.slug-field span{padding-left:12px;color:#78838e;font-size:.78rem}.slug-field input{border:0;padding-left:3px}.metric-grid{margin:17px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.metric-grid article{min-height:130px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.metric-grid article>span,.metric-grid article>small{display:block;color:#737f8b}.metric-grid article>span{font-size:.72rem;font-weight:700}.metric-grid article>strong{display:block;margin:18px 0 5px;font-size:2rem;line-height:1}.metric-grid article>small{font-size:.66rem}.metric-grid .metric-locked{background:#f4f5f6}.metric-grid .metric-locked strong{color:#9ba4ad;font-size:1rem}.overview-grid,.analytics-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:12px}.trend-card,.chart-card,.top-links-card,.access-card{padding:20px}.card-header,.access-card header,.settings-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.card-header h2,.access-card h2{margin:0;font-size:1.15rem}.card-header>a,.card-header>span,.access-card>a{color:var(--orange);font-size:.71rem;font-weight:700}.empty-trend{min-height:180px;display:flex;align-items:center;justify-content:center;gap:25px}.empty-bars{width:185px;height:100px;display:flex;align-items:flex-end;gap:6px}.empty-bars i{flex:1;border-radius:3px 3px 0 0;background:#e2e6ea}.empty-bars i:nth-child(1){height:28%}.empty-bars i:nth-child(2){height:43%}.empty-bars i:nth-child(3){height:35%}.empty-bars i:nth-child(4){height:62%}.empty-bars i:nth-child(5){height:48%}.empty-bars i:nth-child(6){height:73%}.empty-bars i:nth-child(7){height:57%}.empty-trend strong{font-size:.84rem}.empty-trend p{max-width:280px;margin:4px 0 0;color:var(--muted);font-size:.7rem}.access-card dl,.settings-card dl{margin:17px 0}.access-card dl div,.settings-card dl div{padding:9px 0;display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);font-size:.72rem}.access-card dt,.settings-card dt{color:#75818d}.access-card dd,.settings-card dd{margin:0;font-weight:700;text-align:right;overflow-wrap:anywhere}.access-card progress,.settings-card progress{width:100%;height:7px;border:0;accent-color:var(--orange)}.access-card>a,.data-settings>a{display:inline-block;margin-top:13px;color:var(--orange);font-size:.72rem;font-weight:700}.recent-section{margin-top:35px}.section-header{margin-bottom:13px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.section-header h2{margin:0;font-size:1.45rem}.link-table-wrap,.events-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.link-table,.events-table{width:100%;min-width:860px;border-collapse:collapse}.link-table th,.events-table th{padding:11px 14px;border-bottom:1px solid var(--line);background:#fafafa;color:#7e8994;text-align:left;font-size:.63rem;text-transform:uppercase}.link-table td,.events-table td{padding:13px 14px;border-bottom:1px solid #e9ecef;font-size:.73rem;vertical-align:middle}.link-table tr:last-child td,.events-table tr:last-child td{border-bottom:0}.table-link-main{display:flex;align-items:center;gap:11px;min-width:250px;max-width:500px}.link-favicon{width:36px;height:36px;display:grid;flex:0 0 auto;place-items:center;border-radius:8px;background:var(--navy);color:#fff;font-size:.72rem;font-weight:800}.link-favicon.large{width:48px;height:48px;font-size:.88rem}.table-link-main>div{min-width:0}.table-link-main strong,.table-link-main span,.table-link-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-link-main strong{font-size:.8rem}.table-link-main span{margin-top:2px;color:var(--orange);font-size:.68rem}.table-link-main span a{display:inline}.table-link-main button,.detail-short button{margin-left:5px;padding:0;border:0;background:none;color:#71808d;cursor:pointer;font-size:.61rem}.table-link-main small{max-width:350px;margin-top:2px;color:#8a949f;font-size:.61rem}.row-action{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;color:var(--orange)}.empty-state{padding:54px 25px;text-align:center}.empty-state>span{width:42px;height:42px;margin:0 auto 15px;display:grid;place-items:center;border-radius:9px;background:var(--orange-soft);color:var(--orange)}.empty-state p{max-width:500px;margin:0 auto 17px;color:var(--muted);font-size:.8rem}.empty-state.compact{padding:35px 20px}.empty-state.compact h3{font-size:.9rem}.empty-state.compact p{font-size:.72rem} /* Catalog and pagination */ .link-summary{margin-bottom:12px;display:flex;gap:10px}.link-summary>div{min-width:130px;padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:#fff}.link-summary span,.link-summary strong{display:block}.link-summary span{color:#76818c;font-size:.65rem}.link-summary strong{margin-top:2px}.catalog-card{overflow:hidden}.catalog-tools{padding:14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.search-field{min-width:240px;margin:0;padding:0 11px;display:flex;flex:1;align-items:center;border:1px solid #ccd2d8;border-radius:8px;background:#fff}.search-field span{color:#818c96}.search-field input{width:100%;min-width:0;padding:10px;border:0;outline:none}.filter-chips{display:flex;gap:5px}.filter-chips button{padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#64717e;cursor:pointer;font-size:.69rem;font-weight:700}.filter-chips button.is-active{border-color:#ffd1bf;background:var(--orange-soft);color:var(--orange-dark)}.filter-chips span{margin-left:3px;color:#98a1aa}.catalog-card .link-table-wrap{border:0;border-radius:0}.catalog-table{min-width:930px}.pagination{padding:13px 15px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#6f7b87;font-size:.7rem}.pagination>div{display:flex;align-items:center;gap:7px}.pagination a,.pagination strong{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:#fff}.pagination strong{border-color:var(--orange);color:var(--orange)} /* Analytics and details */ .period-tabs{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:8px;background:#fff}.period-tabs a{padding:7px 10px;border-radius:5px;color:#697581;font-size:.69rem;font-weight:700;white-space:nowrap}.period-tabs a.is-active{background:var(--navy);color:#fff}.data-chart{max-height:360px;margin-top:20px;overflow:auto;display:grid;gap:7px}.data-chart>div{display:grid;grid-template-columns:50px minmax(80px,1fr) 64px;align-items:center;gap:10px}.data-chart>div>small{grid-column:1;grid-row:1;color:#77838f;font-size:.62rem}.data-chart>div>progress{grid-column:2;grid-row:1;width:100%;height:9px;border:0;accent-color:var(--orange)}.data-chart>div>span{grid-column:3;grid-row:1;font-size:.67rem;font-weight:700}.top-links-card ol{margin:17px 0 0;padding:0;list-style:none}.top-links-card li{padding:10px 0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border-top:1px solid var(--line)}.top-links-card li>span{width:25px;height:25px;display:grid;place-items:center;border-radius:6px;background:var(--soft);font-size:.65rem}.top-links-card a{min-width:0}.top-links-card a strong,.top-links-card a small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-links-card a strong{font-size:.73rem}.top-links-card a small{color:#89939c;font-size:.6rem}.top-links-card b{font-size:.72rem}.dimension-grid{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dimension-card{min-height:210px;padding:18px}.dimension-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dimension-card h2{font-size:1rem}.dimension-card header>span{color:#7a8590;font-size:.7rem}.dimension-card>p{color:var(--muted);font-size:.72rem}.dimension-list{margin-top:12px}.dimension-list>div{padding:8px 0;display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);font-size:.69rem}.dimension-list span{min-width:0;overflow-wrap:anywhere}.locked-panel{padding:32px;display:flex;align-items:center;justify-content:space-between;gap:30px}.locked-panel>div{max-width:720px}.locked-panel p{margin-bottom:0;color:var(--muted)}.locked-panel>span{font-family:Benzin,Arial,sans-serif;font-size:2rem;color:#aeb5bc}.breadcrumbs{margin-bottom:22px;display:flex;gap:9px;color:#7c8792;font-size:.7rem}.breadcrumbs a{color:#455366;font-weight:700}.detail-header{margin-bottom:18px;padding-bottom:25px;display:flex;align-items:flex-start;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.detail-title{min-width:0;display:flex;align-items:flex-start;gap:14px}.detail-title>div{min-width:0}.title-line{display:flex;align-items:center;gap:11px}.title-line h1{margin:0;font-size:clamp(1.7rem,2.9vw,2.8rem)}.detail-short{margin-top:8px;display:flex;align-items:center;gap:6px}.detail-short>a:first-child{color:var(--orange);font-size:.85rem;font-weight:700}.detail-short>a:last-child{width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px}.detail-target{max-width:700px;margin:9px 0 0;color:#7c8792;font-size:.7rem}.detail-target a{color:#536170;overflow-wrap:anywhere}.detail-controls{display:flex;gap:7px}.detail-controls form{margin:0}.detail-tabs{margin-bottom:29px;display:flex;gap:24px;border-bottom:1px solid var(--line)}.detail-tabs a{padding:10px 1px;border-bottom:2px solid transparent;color:#6f7b87;font-size:.76rem;font-weight:700}.detail-tabs a.is-active{border-color:var(--orange);color:var(--ink)}.detail-report-head{margin-bottom:10px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.detail-report-head h2{margin:0;font-size:1.5rem}.detail-kpis{margin-top:10px}.link-chart{margin:12px 0}.interest-card{background:#f8fafb}.interest-card header small{color:var(--orange);font-size:.6rem;font-weight:800;text-transform:uppercase}.interest-list>div{padding:9px 0;border-top:1px solid var(--line)}.interest-list>div>div{display:flex;justify-content:space-between;gap:10px}.interest-list strong{font-size:.72rem}.interest-list span{color:var(--green);font-size:.67rem;font-weight:800}.interest-list small{color:#808a94;font-size:.58rem}.events-card{margin-top:12px;padding:18px}.privacy-chip{padding:5px 8px;border-radius:999px;background:var(--soft);color:#6e7a86;font-size:.62rem}.events-wrap{margin-top:12px;border-radius:9px}.events-table{min-width:880px}.form-card{padding:24px}.narrow-card{max-width:780px}.form-card label{margin-top:16px}.form-card label:first-of-type{margin-top:0}.form-hint{margin:6px 0 0;color:var(--muted);font-size:.68rem}.form-actions{margin-top:25px;padding-top:18px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line)} /* Settings */ .settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-card{padding:21px;min-width:0}.settings-card header{justify-content:flex-start}.settings-icon{width:42px;height:42px;display:grid;flex:0 0 auto;place-items:center;border-radius:9px;background:var(--navy);color:#fff;font-weight:800}.settings-icon.accent{background:var(--orange)}.settings-card h2{font-size:1.15rem}.data-settings>p{margin:25px 0 0;color:var(--muted);font-size:.79rem}.coming-settings ul{margin:25px 0 18px;padding:0;list-style:none}.coming-settings li{padding:8px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.74rem}.support-strip{margin-top:12px;padding:24px 27px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:var(--radius);background:var(--navy);color:#fff}.support-strip h2{font-size:1.35rem}.support-strip p{margin:0;color:#aebac6;font-size:.75rem} /* Authentication */ .auth-page{background:#fff}.auth-page .public-header{position:absolute;right:0;left:0;background:transparent;border-color:rgba(255,255,255,.1)}.auth-page .public-brand>span:last-child,.auth-page .public-nav a,.auth-page .text-button{color:#fff}.auth-page .public-footer{display:none}.auth-shell{width:100%;max-width:none}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr minmax(430px,.72fr)}.auth-story{position:relative;padding:130px clamp(40px,7vw,110px) 70px;display:flex;align-items:center;overflow:hidden;background:var(--navy);color:#fff}.auth-story-inner{position:relative;z-index:2;max-width:670px}.auth-story .eyebrow{color:#ff9871;font-size:.7rem;font-weight:800}.auth-story h1{font-size:clamp(3.1rem,5.7vw,6.4rem)}.auth-story>div>p{max-width:590px;color:#aebac6}.auth-benefits{margin:35px 0 0;padding:0;list-style:none}.auth-benefits li{padding:13px 0;display:flex;gap:14px;border-top:1px solid rgba(255,255,255,.1)}.auth-benefits li>span{color:#8193a4;font-size:.62rem}.auth-benefits strong,.auth-benefits small{display:block}.auth-benefits small{margin-top:2px;color:#8fa0b0;font-size:.69rem}.agency-signature{margin-top:35px;display:flex;align-items:center;gap:11px;color:#aeb9c4;font-size:.72rem}.agency-signature .logo-surface{flex:0 0 auto}.auth-offer{margin-top:30px;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.05)}.auth-offer span,.auth-offer small{display:block;color:#aeb9c4;font-size:.68rem}.auth-offer strong{display:block;margin:6px 0;font-size:1.45rem}.auth-glow{position:absolute;right:-230px;bottom:-280px;width:600px;height:600px;border-radius:50%;background:rgba(255,79,18,.14);filter:blur(20px)}.auth-panel{max-width:590px;width:100%;margin:auto;padding:115px clamp(30px,6vw,75px) 60px}.auth-panel-head{margin-bottom:58px;display:flex;justify-content:space-between;color:#87919b;font-size:.64rem;text-transform:uppercase}.auth-status{display:flex;align-items:center}.auth-status i{width:7px;height:7px;margin-right:6px;border-radius:50%;background:#49ad7e}.auth-copy h2{font-size:2rem}.auth-copy>p:last-child{color:var(--muted)}.auth-form{margin-top:26px}.auth-form label{margin-top:15px}.password-field{position:relative}.password-field input{padding-right:82px}.password-toggle{position:absolute;top:50%;right:10px;padding:5px;border:0;background:none;color:var(--orange);cursor:pointer;transform:translateY(-50%);font-size:.7rem;font-weight:700}.auth-form .button{margin-top:22px}.auth-divider{margin:20px 0;display:flex;align-items:center;gap:10px;color:#9ca5ae;font-size:.68rem}.auth-divider::before,.auth-divider::after{height:1px;flex:1;background:var(--line);content:""}.auth-switch,.auth-privacy{text-align:center;font-size:.76rem}.auth-switch a,.auth-privacy a{color:var(--orange);font-weight:700}.auth-privacy{margin-top:18px;color:#8b949e;font-size:.65rem} .auth-captcha{margin:18px 0 0;padding:13px;border:1px solid #e2dad1;border-radius:9px;background:#f8f5f1}.auth-captcha legend{padding:0 5px;color:#605850;font-size:.7rem;font-weight:800}.auth-captcha label{margin:0 0 7px}.auth-captcha strong{color:var(--orange);font-size:.9rem}.auth-captcha p{margin:6px 0 0;color:#80766e;font-size:.64rem} /* Privacy and errors */ .privacy-hero{margin-top:24px;padding:clamp(55px,7vw,90px);display:grid;grid-template-columns:1fr auto;align-items:center;gap:45px;border-radius:var(--radius-lg);background:var(--navy);color:#fff}.privacy-hero>div{min-width:0}.privacy-hero h1{font-size:clamp(2.8rem,5.4vw,5.7rem)}.privacy-hero p{max-width:730px;margin-bottom:0;color:#aebbc7}.privacy-mark{width:180px;height:180px;display:grid;place-content:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;text-align:center}.privacy-mark span{color:#ff9870;font-size:.7rem}.privacy-mark strong{margin-top:6px;font-size:1.2rem}.privacy-grid{padding:70px 0 12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.privacy-card{min-width:0;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.privacy-card>span{color:var(--orange);font-size:.68rem;font-weight:800;text-transform:uppercase}.privacy-card h2{margin-top:18px;font-size:1.7rem}.privacy-card ul{margin:22px 0 0;padding:0;list-style:none}.privacy-card li{padding:9px 0 9px 18px;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem;overflow-wrap:anywhere}.privacy-card li::before{margin-left:-18px;margin-right:8px;color:var(--orange);content:"•"}.privacy-card-accent{border-color:#ffd7c8;background:var(--orange-soft)}.privacy-explainer{margin:0 0 70px;padding:28px;display:grid;grid-template-columns:.7fr 1fr;gap:45px}.privacy-explainer h2{font-size:1.5rem}.privacy-explainer>p{margin:0;color:var(--muted);font-size:.78rem;overflow-wrap:anywhere}.privacy-confidence{padding:clamp(45px,6vw,75px);display:grid;grid-template-columns:1fr 1fr;gap:60px;border-radius:var(--radius-lg);background:var(--navy);color:#fff}.privacy-confidence>div{min-width:0}.privacy-confidence p{color:#aebac6;overflow-wrap:anywhere}.privacy-confidence a{color:#ff956d}.confidence-list{margin:20px 0;padding:0;list-style:none}.confidence-list li{padding:9px 0;border-top:1px solid rgba(255,255,255,.1);color:#b5c0cb;font-size:.75rem}.confidence-list span{margin-right:9px;color:#ff956d}.privacy-cta{padding:55px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.privacy-cta h2{margin:0;font-size:2rem}.error-page{min-height:100vh;background:var(--navy);color:#fff}.error-page .public-header{position:absolute;right:0;left:0;background:transparent;border-color:rgba(255,255,255,.1)}.error-page .public-brand>span:last-child,.error-page .public-nav a,.error-page .text-button{color:#fff}.error-page .public-footer{display:none}.error-shell{width:100%;max-width:none}.error-scene{position:relative;min-height:100vh;padding:120px 24px 60px;display:grid;place-items:center;overflow:hidden;text-align:center}.error-code{position:absolute;color:rgba(255,255,255,.035);font-family:Benzin,Arial,sans-serif;font-size:clamp(12rem,32vw,30rem);line-height:1}.error-orbit{position:absolute;width:min(60vw,620px);aspect-ratio:1;border:1px solid rgba(255,255,255,.08);border-radius:50%}.error-orbit-two{width:min(43vw,440px);border-color:rgba(255,79,18,.22)}.error-content{position:relative;z-index:2;max-width:800px}.error-label{color:#aebac6;font-size:.72rem;text-transform:uppercase}.error-label i{width:7px;height:7px;margin-right:7px;display:inline-block;border-radius:50%;background:var(--orange)}.error-content p{max-width:590px;margin:0 auto;color:#aebac6}.error-actions{margin-top:28px;display:flex;justify-content:center;gap:8px} /* Static chart heights */ .h31{height:31%}.h32{height:32%}.h34{height:34%}.h39{height:39%}.h42{height:42%}.h45{height:45%}.h48{height:48%}.h51{height:51%}.h54{height:54%}.h56{height:56%}.h67{height:67%}.h72{height:72%}.h73{height:73%}.h76{height:76%}.h78{height:78%}.h82{height:82%}.h84{height:84%}.h88{height:88%}.h91{height:91%}.h93{height:93%}.h96{height:96%}.h100{height:100%} @media(max-width:1080px){.hero-section{grid-template-columns:1fr;padding:65px}.hero-copy{max-width:820px}.hero-product{max-width:650px}.analytics-feature{grid-template-columns:1fr}.report-preview{max-width:740px}.app-layout{display:block}.app-sidebar{display:none}.app-topbar{position:sticky;top:0;z-index:70}.mobile-brand{display:flex}.workspace-name{display:none}.mobile-app-nav{position:sticky;top:64px;z-index:65;padding:0 22px;display:flex;gap:20px;overflow-x:auto;border-bottom:1px solid var(--line);background:#fff}.mobile-app-nav a{padding:11px 0;border-bottom:2px solid transparent;color:#6d7884;font-size:.72rem;font-weight:700;white-space:nowrap}.mobile-app-nav a.is-active{border-color:var(--orange);color:var(--ink)}.app-main{width:min(100% - 40px,1220px)}.dimension-grid{grid-template-columns:1fr 1fr}.auth-layout{grid-template-columns:.9fr 1fr}.auth-story{padding-inline:45px}} @media(max-width:820px){.public-header-inner,.public-main,.public-footer-main,.public-footer-bottom{width:min(100% - 28px,1280px)}.public-nav{display:none}.hero-section{padding:48px 28px}.hero-copy h1{font-size:clamp(2.9rem,10vw,5rem)}.step-grid,.use-case-grid,.pricing-section,.faq-section,.analytics-layout,.settings-grid{grid-template-columns:1fr}.report-kpis{grid-template-columns:1fr 1fr}.report-kpis article:last-child{grid-column:1/3}.pricing-section{padding:42px 28px}.faq-section{gap:25px}.closing-section{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}.dimension-grid{grid-template-columns:1fr 1fr}.page-header{align-items:flex-start;flex-direction:column}.detail-header{flex-direction:column}.detail-controls{align-self:stretch}.detail-report-head{align-items:flex-start;flex-direction:column}.auth-layout{min-height:0;grid-template-columns:1fr}.auth-story{min-height:600px;padding:125px 28px 60px}.auth-panel{padding-top:70px}.privacy-hero{grid-template-columns:1fr}.privacy-mark{display:none}.privacy-grid,.privacy-confidence,.privacy-explainer{grid-template-columns:1fr}.privacy-explainer{gap:15px}.public-footer-main{grid-template-columns:1fr 1fr}.public-footer-main>div:first-child{grid-column:1/3}} @media(max-width:620px){body{font-size:15px}.public-header-inner{height:64px}.public-actions{gap:9px}.public-actions .button{display:none}.logo-surface img{width:70px}.public-main{width:min(100% - 20px,1280px)}.hero-section{margin-top:10px;padding:38px 18px}.promo-chip{align-items:flex-start;border-radius:8px}.hero-shortener>div{flex-direction:column}.hero-shortener .button{width:100%}.hero-actions{align-items:stretch;flex-direction:column}.preview-row{grid-template-columns:1fr}.preview-row button{min-height:42px}.preview-insights{grid-template-columns:1fr}.mini-bars{grid-column:1}.trust-row{align-items:flex-start;flex-direction:column}.trust-row>div{align-items:flex-start;flex-direction:column}.marketing-section{padding:75px 0}.step-grid,.use-case-grid{grid-template-columns:1fr}.step-icon{margin:30px 0}.analytics-feature{padding:38px 18px}.report-preview{padding:14px}.report-kpis{grid-template-columns:1fr}.report-kpis article:last-child{grid-column:auto}.report-bottom{grid-template-columns:1fr}.pricing-section{padding:34px 18px}.price-card-head{flex-direction:column}.faq-list summary{font-size:.83rem}.closing-section{padding:38px 20px}.public-footer-main{padding:40px 0;grid-template-columns:1fr;gap:28px}.public-footer-main>div:first-child{grid-column:auto}.public-footer-bottom{align-items:flex-start;flex-direction:column;gap:6px}.app-topbar{padding:0 14px}.topbar-right{gap:9px}.topbar-help{display:none}.mobile-app-nav{padding-inline:14px}.app-main{width:calc(100% - 20px);padding-top:27px}.page-header h1{font-size:2.15rem}.app-offer{grid-template-columns:auto 1fr}.offer-pill{display:none}.quick-create{padding:16px}.quick-create-heading p{font-size:.72rem}.quick-url-row{grid-template-columns:1fr}.quick-url-row .button{width:100%}.form-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr}.metric-grid article{min-height:110px}.empty-trend{align-items:flex-start;flex-direction:column}.empty-bars{width:100%}.section-header{align-items:flex-start;flex-direction:column}.link-table,.catalog-table{min-width:0}.link-table thead{display:none}.link-table,.link-table tbody,.link-table tr,.link-table td{width:100%;display:block}.link-table tbody{display:grid;gap:9px}.link-table tr{padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff}.link-table td{padding:7px 0;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);text-align:right}.link-table td:last-child{border:0}.link-table td::before{color:#7a8590;content:attr(data-label);font-size:.68rem;text-align:left}.link-table td:first-child{display:block;text-align:left}.link-table td:first-child::before,.link-table td:last-child::before{display:none}.table-link-main{min-width:0;max-width:none}.catalog-card{border:0;background:transparent}.catalog-tools{padding:0 0 13px;align-items:stretch;flex-direction:column;border:0}.filter-chips{overflow-x:auto}.filter-chips button{white-space:nowrap}.catalog-card .link-table-wrap{overflow:visible;background:transparent}.pagination{padding-inline:0;background:transparent}.pagination>span{max-width:150px}.link-summary{overflow-x:auto}.link-summary>div{flex:0 0 126px}.dimension-grid{grid-template-columns:1fr}.period-tabs{max-width:100%;overflow-x:auto}.period-tabs a{flex:0 0 auto}.detail-title{width:100%}.title-line{align-items:flex-start;flex-direction:column}.detail-short{align-items:flex-start;flex-wrap:wrap}.detail-short>a:first-child{max-width:100%;overflow-wrap:anywhere}.detail-controls{flex-wrap:wrap}.detail-controls .button{flex:1}.detail-tabs{overflow-x:auto}.detail-tabs a{white-space:nowrap}.events-card{padding:0;border:0;background:transparent}.events-card .card-header{padding:12px 0}.privacy-chip{display:none}.events-wrap{overflow:visible;border:0;background:transparent}.events-table,.events-table tbody,.events-table tr,.events-table td{width:100%;min-width:0;display:block}.events-table thead{display:none}.events-table tbody{display:grid;gap:8px}.events-table tr{padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.events-table td{padding:7px 0;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);text-align:right;overflow-wrap:anywhere}.events-table td::before{color:#7a8590;content:attr(data-label);text-align:left}.locked-panel{align-items:flex-start;flex-direction:column}.settings-card dl div{align-items:flex-start;flex-direction:column;gap:3px}.settings-card dd{text-align:left}.support-strip{align-items:flex-start;flex-direction:column}.support-strip .button{width:100%}.auth-page .public-nav{display:none}.auth-story{min-height:535px;padding:105px 20px 45px}.auth-story h1{font-size:clamp(2.7rem,13vw,4rem);overflow-wrap:anywhere}.auth-panel{padding:55px 20px}.agency-signature{align-items:flex-start;flex-direction:column}.privacy-hero{padding:45px 20px}.privacy-hero h1{font-size:clamp(2.5rem,12vw,4rem)}.privacy-grid{padding-top:50px}.privacy-card,.privacy-explainer{padding:20px}.privacy-card h2{font-size:1.4rem}.privacy-confidence{padding:38px 20px;gap:25px}.privacy-cta{align-items:flex-start;flex-direction:column}.privacy-cta .button{width:100%}.error-actions{align-items:stretch;flex-direction:column}} @media(max-width:380px){.public-brand>span:last-child,.mobile-brand>span:last-child{display:none}.hero-copy h1{font-size:2.55rem}.topbar-right .domain-status{font-size:.63rem}.detail-title{flex-direction:column}.privacy-card li,.privacy-confidence p,.privacy-explainer>p{overflow-wrap:anywhere;word-break:break-word}.auth-story{padding-inline:16px}.app-main{width:calc(100% - 16px)}} .data-chart>div{grid-template-columns:72px minmax(80px,1fr) 48px}.data-chart>div>progress{border-radius:999px;overflow:hidden;background:#edf0f2}.data-chart progress::-webkit-progress-bar{border-radius:999px;background:#edf0f2}.data-chart progress::-webkit-progress-value{border-radius:999px;background:var(--orange)}.data-chart progress::-moz-progress-bar{border-radius:999px;background:var(--orange)} .agency-credit{margin:30px 0 0;color:#96a5b4!important;font-size:.7rem!important}.agency-credit strong{color:#fff}.logout-row{margin-top:12px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logout-row h2{margin-bottom:3px;font-size:1rem}.logout-row p{margin:0;color:var(--muted);font-size:.72rem}.logout-row form{margin:0} .link-table .visually-hidden{position:fixed!important;top:0!important;left:0!important} @media(max-width:620px){.link-table{table-layout:fixed}.link-table,.link-table tbody,.link-table tr,.link-table td{width:100%;max-width:100%;min-width:0}.link-table td{overflow:hidden}.table-link-main{width:100%}.table-link-main>div{width:calc(100% - 47px);min-width:0;max-width:100%}} @media(max-width:620px){.auth-page .public-actions .button{display:inline-flex}.auth-story{min-height:auto;padding:100px 20px 32px}.auth-story h1{font-size:2.7rem}.auth-benefits{display:none}.agency-credit{margin-top:20px}.auth-panel{padding-top:38px}.logout-row{align-items:flex-start;flex-direction:column}.logout-row .button{width:100%}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}} /* ETC identity layer: the product keeps Bitly-like clarity, but looks unmistakably ETC. */ :root{ --orange:#ff5100;--orange-dark:#df3a00;--orange-light:#ff8a23; --navy:#090908;--navy-2:#171411;--ink:#171411;--muted:#706b66; --bg:#f3f0ea;--soft:#f3f0eb;--line:#ddd7cf; --shadow:0 18px 54px rgba(30,18,8,.09);--radius:16px;--radius-lg:28px; } body{background:var(--bg)} .brand-mark{width:54px;height:54px;min-width:54px;aspect-ratio:1;flex:0 0 54px;border-radius:50%;object-fit:contain} .brand-copy{min-width:0;display:flex;flex-direction:column;gap:1px;line-height:1} .brand-copy strong{color:inherit;font-family:Benzin,Arial,sans-serif;font-size:.78rem;letter-spacing:.035em;white-space:nowrap} .brand-copy small{margin-top:4px;color:#8f8982;font-size:.48rem;font-weight:800;letter-spacing:.13em;white-space:nowrap} .button-primary,.sidebar-create{border-color:transparent;background:linear-gradient(118deg,#ff3f00 0%,#ff7200 100%);box-shadow:0 10px 25px rgba(255,72,0,.18)} .button-primary:hover,.sidebar-create:hover{background:linear-gradient(118deg,#e83a00 0%,#ff5d00 100%);box-shadow:0 13px 30px rgba(255,72,0,.3)} .button,.text-button,.row-action,.password-toggle,.privacy-reset{transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.button:active,.row-action:active{transform:translateY(1px)}.button:disabled,.button[aria-disabled="true"]{cursor:not-allowed;opacity:.52;filter:saturate(.55);transform:none;box-shadow:none}.button.is-loading{position:relative;color:transparent!important;pointer-events:none}.button.is-loading::after{position:absolute;width:16px;height:16px;border:2px solid #fff;border-right-color:transparent;border-radius:50%;content:"";animation:slowSpin .7s linear infinite}.button-secondary{border-color:#cfc5bb;background:#fff}.button-secondary:hover{border-color:#ff7c39;background:#fff8f3;color:#df3a00}.button-danger:hover{border-color:#c94d43;background:#fff1ef}.icon-button,.row-action{display:inline-grid;place-items:center;border:1px solid #d8d0c7;border-radius:9px;background:#fff;color:#ff5600}.icon-button:hover,.row-action:hover{border-color:#ff9b68;background:#fff4ed;box-shadow:0 7px 18px rgba(255,79,0,.09)} .card{border-color:#e0dad2;box-shadow:0 9px 32px rgba(35,21,10,.045)} /* Public header: the real circular etc.agency mark, without an invented logo lockup. */ .public-header{border-bottom-color:rgba(255,255,255,.1);background:rgba(8,8,7,.94);box-shadow:0 8px 32px rgba(0,0,0,.12)} .public-header-inner{height:82px;max-width:1440px} .public-brand{width:58px;height:58px;aspect-ratio:1;flex:0 0 58px;align-items:center;justify-content:center} .public-brand .brand-mark{width:58px;height:58px;min-width:58px;flex-basis:58px} .public-nav a{color:#ddd7cf}.public-header .text-button{min-height:42px;padding:9px 15px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.28);border-radius:9px;background:rgba(255,255,255,.035);color:#f4eee7;line-height:1}.public-header .text-button:hover{border-color:#ff7a32;background:rgba(255,89,0,.1);color:#fff;transform:translateY(-1px)}.public-header .text-button:active{transform:translateY(0)} .public-nav a{position:relative;font-size:.78rem;letter-spacing:.02em} .public-nav a::after{position:absolute;right:0;bottom:-9px;left:0;height:2px;background:linear-gradient(90deg,#ff4200,#ff8a23);content:"";transform:scaleX(0);transform-origin:left;transition:transform .2s ease} .public-nav a:hover{color:#fff}.public-nav a:hover::after{transform:scaleX(1)} .public-header .button-primary{box-shadow:none} .public-main{max-width:1440px} .public-footer{background:#080807} .footer-brand{width:64px;height:64px;aspect-ratio:1}.footer-brand .brand-mark{width:64px;height:64px;min-width:64px;flex-basis:64px} .public-footer-main>div:first-child>p strong{color:#fff;font-family:Benzin,Arial,sans-serif;font-size:.86rem} /* Landing */ .landing-page{position:relative} .hero-section{position:relative;isolation:isolate;min-height:640px;margin-top:18px;padding:clamp(46px,4.7vw,70px);overflow:hidden;grid-template-columns:minmax(0,1.05fr) minmax(420px,.78fr);background: radial-gradient(circle at 78% 18%,rgba(255,115,0,.42),transparent 28%), radial-gradient(circle at 16% 105%,rgba(255,58,0,.34),transparent 34%), linear-gradient(125deg,#090908 0%,#100d0a 58%,#2d1106 100%); box-shadow:0 28px 80px rgba(30,13,3,.18)} .hero-section::before{position:absolute;z-index:-2;inset:0;background-image:linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to right,#000,transparent 75%);content:""} .hero-section::after{position:absolute;z-index:-1;right:-180px;bottom:-360px;width:720px;height:720px;border:1px solid rgba(255,116,30,.3);border-radius:50%;box-shadow:0 0 0 80px rgba(255,91,0,.045),0 0 0 160px rgba(255,91,0,.025);content:"";animation:orbitPulse 9s ease-in-out infinite} .hero-atmosphere{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none} .hero-orb{position:absolute;display:block;border-radius:50%;filter:blur(2px);opacity:.85} .hero-orb-one{top:90px;left:46%;width:15px;height:15px;background:#ff5a00;box-shadow:0 0 34px 14px rgba(255,86,0,.28);animation:orbDrift 7s ease-in-out infinite} .hero-orb-two{right:12%;bottom:11%;width:9px;height:9px;background:#fff0df;box-shadow:0 0 28px 11px rgba(255,116,38,.24);animation:orbDrift 9s ease-in-out -2s infinite reverse} .floating-chip{position:absolute;padding:10px 13px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(10,9,8,.7);box-shadow:0 15px 45px rgba(0,0,0,.22);color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.025em;backdrop-filter:blur(14px)} .floating-chip b{margin-left:8px;color:#ff6a13}.floating-chip small{margin-left:6px;color:#ffb489} .floating-chip-one{top:9%;right:4.5%;animation:floatOne 6s ease-in-out infinite} .floating-chip-two{right:34%;bottom:5.5%;animation:floatTwo 7s ease-in-out -1s infinite} .floating-chip-three{top:45%;left:46%;animation:floatOne 8s ease-in-out -3s infinite reverse} .hero-copy,.hero-product{position:relative;z-index:2} .promo-chip{border-color:rgba(255,133,62,.28);background:rgba(255,82,0,.09);color:#f0ddd1} .hero-product-name{margin-bottom:18px;display:flex;align-items:baseline;gap:10px;color:#fff;font-family:Benzin,Arial,sans-serif;font-size:.72rem;letter-spacing:.08em} .hero-product-name::before{width:30px;height:2px;background:linear-gradient(90deg,#ff4300,#ff9a35);content:""} .hero-product-name small{color:#ff9560;font-size:.48rem;letter-spacing:.1em} .hero-copy h1{max-width:800px;margin-bottom:18px;font-size:clamp(3.2rem,5.1vw,5.8rem);line-height:.94} .hero-copy h1 span{background:linear-gradient(90deg,#ff4b00 0%,#ff9b42 62%,#ffd0ad 100%);background-clip:text;-webkit-background-clip:text;color:transparent} .hero-copy>p:not(.hero-note){max-width:710px;color:#c6beb6;font-size:1.11rem;line-height:1.55} .hero-shortener{max-width:640px;margin-top:23px;padding:11px;border-color:rgba(255,138,66,.42);border-radius:17px;background:rgba(255,255,255,.075);box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(16px)} .hero-shortener label{padding:2px 5px 8px;color:#f3e9e1;font-size:.69rem;letter-spacing:.01em} .hero-shortener>div{min-height:56px;padding:5px;gap:5px;border-radius:12px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.18)}.hero-shortener input{padding-inline:11px;font-size:.94rem} .hero-shortener .button{min-width:162px;border-radius:11px} .hero-shortener p{margin:9px 5px 2px!important;color:#a99e95!important;line-height:1.35}.hero-note{margin-top:17px!important} .hero-note{color:#9e9187!important} .hero-product{padding:21px;border-color:rgba(255,101,25,.28);border-radius:22px;box-shadow:0 34px 90px rgba(0,0,0,.38);transform:rotate(1.1deg);animation:productFloat 7s ease-in-out infinite} .hero-product::before{position:absolute;z-index:-1;inset:-14px;border:1px solid rgba(255,111,36,.19);border-radius:30px;content:""} .preview-row button{background:linear-gradient(118deg,#ff3f00,#ff7600)} .preview-result{background:#f1faef}.preview-result strong,.preview-result>span{color:#197551} .mini-bars,.report-chart{outline:none}.mini-bars i,.chart-bars i{transition:background-color .22s ease,transform .22s ease,box-shadow .22s ease}.mini-bars i{background:#e0d9d2}.mini-bars i:last-child{background:linear-gradient(#ff8b2f,#ff4200)} .mini-bars:hover i,.mini-bars:focus-visible i,.report-chart:hover .chart-bars i,.report-chart:focus-visible .chart-bars i{background:linear-gradient(180deg,#ff9a44 0%,#ff4301 100%);box-shadow:0 7px 16px rgba(255,79,0,.16);transform:scaleY(1.025);transform-origin:bottom} .mini-bars:focus-visible,.report-chart:focus-visible{outline:3px solid rgba(255,91,0,.3);outline-offset:4px} .trust-row{min-height:70px;padding:12px 4px;align-items:center;border-bottom-color:#d7cfc5;overflow:visible}.trust-row p{min-height:0;margin:0;line-height:1}.trust-agency{display:inline-flex;min-height:46px;align-items:center;gap:12px;color:#706860;white-space:nowrap}.trust-agency:hover strong{color:#ff5100}.trust-agency img{width:46px;height:46px;min-width:46px;aspect-ratio:1;display:block;flex:0 0 46px;border-radius:50%;background:#080807;object-fit:contain}.trust-agency span{display:block;line-height:1.3}.trust-row>div{align-items:center} .trust-row span::before{margin-right:8px;color:var(--orange);content:"+"} .marketing-heading h2{max-width:900px}.step-grid article,.use-case-grid article{position:relative;overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease} .step-grid article::after,.use-case-grid article::after{position:absolute;right:-42px;bottom:-42px;width:105px;height:105px;border:1px solid rgba(255,79,0,.15);border-radius:50%;content:"";transition:transform .35s ease} .step-grid article:hover,.use-case-grid article:hover{border-color:#ffb68d;box-shadow:0 22px 55px rgba(74,30,5,.09);transform:translateY(-5px)} .step-grid article:hover::after,.use-case-grid article:hover::after{transform:scale(1.35)} .step-grid article:nth-child(2){background:#0b0a09;color:#fff}.step-grid article:nth-child(2) p{color:#a9a09a}.step-grid article:nth-child(2) .step-icon{background:linear-gradient(135deg,#ff3f00,#ff8a23);color:#fff} .step-icon{background:#fff0e7;box-shadow:inset 0 0 0 1px #ffd9c2} .analytics-feature{position:relative;overflow:hidden;background:linear-gradient(132deg,#090908 0%,#17110d 64%,#401504 135%);box-shadow:0 24px 70px rgba(20,10,3,.16)} .analytics-feature::before{position:absolute;top:-160px;right:-130px;width:420px;height:420px;border:1px solid rgba(255,96,20,.2);border-radius:50%;box-shadow:0 0 0 55px rgba(255,79,0,.035),0 0 0 110px rgba(255,79,0,.02);content:"";animation:slowSpin 16s linear infinite} .report-preview{position:relative;z-index:1;transition:transform .35s ease}.analytics-feature:hover .report-preview{transform:translateY(-5px) rotate(-.35deg)} .use-case-grid article:nth-child(1){background:#ff5a00;color:#fff;border-color:#ff5a00}.use-case-grid article:nth-child(1)>span,.use-case-grid article:nth-child(1) p{color:#ffe6d7} .use-case-grid article:nth-child(2){background:#171411;color:#fff;border-color:#171411}.use-case-grid article:nth-child(2) p{color:#aaa19a} .pricing-section{position:relative;overflow:hidden;border-color:#ff7134;background:linear-gradient(125deg,#ff4a00 0%,#ff7a16 63%,#ff9a42 100%);color:#fff;box-shadow:0 24px 75px rgba(177,54,0,.2)} .pricing-section::before{position:absolute;right:-180px;bottom:-260px;width:540px;height:540px;border:1px solid rgba(255,255,255,.24);border-radius:50%;box-shadow:0 0 0 65px rgba(255,255,255,.06),0 0 0 130px rgba(255,255,255,.035);content:"";animation:orbitPulse 9s ease-in-out -3s infinite} .pricing-copy,.price-card{position:relative;z-index:1}.pricing-copy .section-tag{color:#270c00}.pricing-copy>p{color:#fff0e7}.free-after{border-left-color:#171411;background:rgba(255,255,255,.16)}.free-after span{color:#fff0e7} .price-card{border-color:rgba(255,255,255,.6);background:#fff;color:var(--ink);box-shadow:0 28px 65px rgba(94,25,0,.22)} .closing-section{position:relative;overflow:hidden;background:linear-gradient(120deg,#090908 0%,#17110d 62%,#4a1602 130%)} .closing-section::after{position:absolute;right:-45px;width:210px;height:210px;border:1px solid rgba(255,91,0,.35);border-radius:50%;content:"";animation:productFloat 8s ease-in-out infinite} .closing-section>div,.closing-section>a{position:relative;z-index:1} /* Authenticated product: dense like a link-management tool, warm like ETC. */ .app-layout{grid-template-columns:268px minmax(0,1fr)} .app-sidebar{border-right:0;background:#090908;color:#fff;box-shadow:14px 0 45px rgba(32,18,7,.08)} .app-brand{min-height:64px;padding:0 9px 23px;color:#fff}.app-brand .brand-mark{width:48px;height:48px;min-width:48px;flex:0 0 48px;object-fit:contain}.app-brand .brand-copy small{color:#8b8179} .sidebar-create{min-height:48px;border-radius:11px} .sidebar-nav p{color:#6e6863}.sidebar-nav a{color:#b7afa8}.sidebar-nav a:hover{background:#191714;color:#fff}.sidebar-nav a.is-active{background:linear-gradient(100deg,rgba(255,68,0,.24),rgba(255,111,0,.09));color:#ff7a32;box-shadow:inset 3px 0 #ff5600} .nav-icon{color:#ff6a1a} .sidebar-promo{border-color:#3b2d24;background:linear-gradient(145deg,#1c1713,#25150d)}.sidebar-promo span,.sidebar-promo p{color:#9e9188}.sidebar-promo strong{color:#ff7632} .sidebar-account{border-top-color:#27231f}.account-avatar{background:linear-gradient(135deg,#ff3f00,#ff8a23)}.account-copy strong{color:#fff}.account-copy small,.sidebar-account button{color:#887f78} .app-canvas{background:radial-gradient(circle at 96% 1%,rgba(255,82,0,.08),transparent 24%),var(--bg)} .app-topbar{border-bottom-color:#dfd8d0;background:rgba(247,244,238,.9)} .mobile-brand{width:48px;height:48px;padding:2px;flex:0 0 48px;border-radius:50%;background:#080706;color:#171411}.mobile-brand .brand-mark{width:44px;height:44px}.mobile-brand .brand-copy small{color:#857d77} .domain-status{padding:7px 10px;border:1px solid #d8d0c7;border-radius:999px;background:#fff}.domain-status i{background:#ff5a00;box-shadow:0 0 0 4px rgba(255,90,0,.1)} .app-main{max-width:1300px}.page-header h1{font-size:clamp(2.25rem,3.3vw,3.7rem)} .page-header{position:relative}.page-header::after{width:72px;height:72px;flex:0 0 auto;border:1px solid rgba(255,79,0,.18);border-radius:50%;box-shadow:0 0 0 12px rgba(255,79,0,.035);content:"";pointer-events:none}.page-header>nav{position:relative;z-index:1}.app-main::before{position:fixed;z-index:-1;right:2.5vw;top:105px;width:170px;height:170px;background-image:linear-gradient(rgba(255,79,0,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,79,0,.09) 1px,transparent 1px);background-size:17px 17px;mask-image:radial-gradient(circle,#000,transparent 72%);content:"";pointer-events:none}.card{position:relative}.card::before{position:absolute;top:-1px;right:18px;width:26px;height:2px;border-radius:0 0 2px 2px;background:linear-gradient(90deg,#ff4301,#ff9a44);content:"";opacity:.36;pointer-events:none} .app-offer{border-color:#ffcab0;background:linear-gradient(100deg,#fff3ec,#fff)}.offer-icon{background:linear-gradient(135deg,#ff3f00,#ff8a23);color:#fff}.offer-pill{border:1px solid #ffd0ba} .quick-create{border-color:#ffc8ac;box-shadow:0 17px 55px rgba(81,34,7,.08)}.quick-create .card-icon{background:linear-gradient(135deg,#ff3f00,#ff8a23);color:#fff} .metric-grid article{position:relative;overflow:hidden}.metric-grid article::after{position:absolute;right:-24px;bottom:-30px;width:70px;height:70px;border:1px solid rgba(255,79,0,.13);border-radius:50%;content:""} .metric-grid article:first-child{border-color:#ffb891;background:linear-gradient(145deg,#fff,#fff7f2)} .link-favicon{background:linear-gradient(135deg,#171411,#3b1c0c)} .row-action{border-color:#f4c4aa;background:#fff7f2} .period-tabs{padding:4px;border:1px solid #ddd5cc;border-radius:10px;background:#ebe7e1}.period-tabs a.is-active{background:#171411;color:#fff;box-shadow:none} .search-field input{background:#fff}.filter-chips button.is-active{border-color:#171411;background:#171411;color:#fff} .data-chart progress::-webkit-progress-value{background:linear-gradient(90deg,#ff3f00,#ff8a23)}.data-chart progress::-moz-progress-bar{background:linear-gradient(90deg,#ff3f00,#ff8a23)} .support-strip{background:linear-gradient(120deg,#090908,#281206)} .settings-icon{background:#171411}.settings-icon.accent{background:linear-gradient(135deg,#ff3f00,#ff8a23)} /* Auth, privacy and errors inherit the same ETC surface. */ .auth-page .public-header,.error-page .public-header{background:rgba(8,8,7,.72)} .auth-story{background:radial-gradient(circle at 88% 15%,rgba(255,91,0,.35),transparent 30%),linear-gradient(130deg,#080807 0%,#17110d 70%,#351204 120%)} .auth-story::before{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:55px 55px;content:""} .auth-story-inner{position:relative;min-width:0}.auth-story h1{max-width:760px;text-wrap:balance}.keep-together{white-space:nowrap}.auth-glow{background:rgba(255,74,0,.2);animation:orbDrift 8s ease-in-out infinite} .auth-layout{background:linear-gradient(105deg,#090908 0 52%,#f3f0ea 52%)}.auth-panel{position:relative;margin:28px auto;border:1px solid #e2d8cf;border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 28px 80px rgba(36,20,8,.12)}.auth-panel::before{position:absolute;top:26px;bottom:26px;left:0;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(#ff4301,#ff9a44);content:""}.auth-panel-head{margin-bottom:45px}.auth-index{color:#ff5600;font-family:Benzin,Arial,sans-serif}.auth-status{padding:6px 9px;border:1px solid #ddded7;border-radius:999px;background:#f8f8f5;color:#5e625b}.auth-status i{background:#ff640e;box-shadow:0 0 0 4px rgba(255,90,0,.1)}.auth-copy h2{font-size:2.2rem}.auth-form input{min-height:50px;border-color:#d8cec5;background:#fffdfb}.auth-form input:hover{border-color:#bea99a}.auth-form .button{min-height:51px;border-radius:10px}.password-toggle{right:12px}.auth-offer{border-color:rgba(255,120,52,.3);background:linear-gradient(135deg,rgba(255,72,0,.16),rgba(255,255,255,.04))}.auth-offer strong{color:#ff7430}.agency-credit{color:#aaa099!important}.agency-credit strong{color:#fff} .privacy-hero,.privacy-confidence,.error-page{background:radial-gradient(circle at 90% 8%,rgba(255,86,0,.28),transparent 25%),linear-gradient(130deg,#090908,#211007)} .privacy-card-accent{border-color:#ffb690;background:#fff1e8} /* Rich analytics: detailed where useful, folded where technical. */ .analytics-method-note{margin:13px 0 20px;padding:14px 16px;display:flex;align-items:flex-start;gap:11px;border:1px solid #f1c7af;border-radius:12px;background:#fff7f2;color:#655b54} .analytics-method-note>span{width:24px;height:24px;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ff4301,#ff8701);color:#fff;font-family:Benzin,Arial,sans-serif;font-size:.65rem} .analytics-method-note p{margin:1px 0 0;font-size:.72rem}.analytics-method-note strong{color:#211d19} .signal-summary{margin:0 0 18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.signal-summary article{min-width:0;padding:13px 14px;border:1px solid #dbd3ca;border-radius:11px;background:#fff}.signal-summary article:first-child{border-color:#ffb58d;background:#fff6f0}.signal-summary span,.signal-summary small{display:block}.signal-summary span{color:#7c726b;font-size:.6rem;font-weight:800;text-transform:uppercase}.signal-summary strong{display:block;margin:6px 0 2px;font-size:1.15rem}.signal-summary small{color:#8b8179;font-size:.58rem;overflow-wrap:anywhere} .coverage-panel{margin:0 0 18px;overflow:hidden;border:1px solid #d9d1c8;border-radius:13px;background:#fff}.coverage-panel summary{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none}.coverage-panel summary::-webkit-details-marker{display:none}.coverage-panel summary>span{display:flex;flex-direction:column;gap:3px}.coverage-panel summary small{color:#ff5600;font-family:Benzin,Arial,sans-serif;font-size:.54rem}.coverage-panel summary strong{font-size:.83rem}.coverage-panel summary em{color:#81776f;font-size:.64rem;font-style:normal}.coverage-panel summary em::after{margin-left:8px;color:#ff5600;content:"+"}.coverage-panel[open] summary{border-bottom:1px solid #e2dbd4}.coverage-panel[open] summary em::after{content:"−"}.coverage-grid{padding:14px 16px 17px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.coverage-grid article{min-width:0;padding:11px;border-radius:9px;background:#f4f0eb}.coverage-grid article>div{display:flex;justify-content:space-between;gap:10px;font-size:.63rem}.coverage-grid article>div span{overflow-wrap:anywhere}.coverage-grid progress{width:100%;height:6px;margin:8px 0 2px;border:0;accent-color:#ff5600}.coverage-grid article>small{color:#867c74;font-size:.55rem} .insight-section{margin-top:35px}.insight-heading{margin-bottom:13px;display:flex;align-items:flex-end;justify-content:space-between;gap:26px} .insight-heading h2{margin:0;font-size:clamp(1.45rem,2.2vw,2.15rem)}.insight-heading>p{max-width:560px;margin:0;color:#7c736b;font-size:.73rem;text-align:right} .dimension-card header>div{min-width:0}.dimension-card header>div small{display:block;margin-top:5px;color:#978d85;font-size:.6rem;line-height:1.35}.dimension-card header>span{flex:0 0 auto} .dimension-card{min-height:160px;border-color:#ded7cf;box-shadow:0 10px 32px rgba(54,28,9,.035)}.dimension-card:hover{border-color:#f1b48f} .telemetry-disclosure{margin-top:28px;overflow:hidden;border:1px solid #d8d0c7;border-radius:16px;background:#f0ece6} .telemetry-disclosure summary{min-height:76px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;list-style:none} .telemetry-disclosure summary::-webkit-details-marker{display:none}.telemetry-disclosure summary>span{display:flex;min-width:0;flex-direction:column;gap:5px;line-height:1.15}.telemetry-disclosure summary small{display:block;color:#ff5600;font-family:Benzin,Arial,sans-serif;font-size:.58rem;letter-spacing:.08em}.telemetry-disclosure summary strong{display:block;margin:0;font-size:1rem;line-height:1.25}.telemetry-disclosure summary em{flex:0 0 auto;color:#81776f;font-size:.68rem;font-style:normal;font-weight:700}.telemetry-disclosure summary em::after{margin-left:8px;color:#ff5600;content:"+"}.telemetry-disclosure[open] summary{border-bottom:1px solid #d8d0c7}.telemetry-disclosure[open] summary em::after{content:"−"} .disclosure-note{margin:0;padding:16px 20px 0;color:#7f756e;font-size:.7rem}.telemetry-grid{margin-top:10px;padding:0 20px 20px} .interest-card-wide{min-height:0;margin-top:28px;padding:22px;border-color:#ffb991;background:linear-gradient(145deg,#fff8f3,#fff)}.interest-card-wide header{align-items:flex-start}.interest-card-wide header h2{margin:3px 0 0;font-size:clamp(1.2rem,2vw,1.8rem);line-height:1.15}.interest-card-wide header>span{width:34px;height:34px;display:grid;flex:0 0 34px;place-items:center;border-radius:50%;background:#171411;color:#ff6b1b;font-size:1rem}.interest-card-wide>p{max-width:850px;margin:14px 0 0;color:#766b64}.interest-card-wide .interest-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px} .events-card{margin-top:34px}.events-table-rich{min-width:1380px}.events-table-rich th{white-space:nowrap}.events-table-rich td{max-width:250px;vertical-align:top}.events-table-rich td:first-child{width:145px;white-space:nowrap}.events-table-rich td:last-child{width:195px}.event-stack{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:3px}.event-stack strong,.event-stack small,.event-empty{max-width:100%;overflow-wrap:anywhere}.event-stack strong{color:#27221e;font-size:.7rem;line-height:1.35}.event-stack small,.event-empty{color:#847a72;font-size:.61rem;line-height:1.38}.event-stack .status{max-width:100%;font-size:.61rem;white-space:normal}.events-table time{font-variant-numeric:tabular-nums} /* Privacy controls and signal limits use the same ETC language. */ .privacy-alert{margin:20px 0 0}.privacy-controls{margin-top:16px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:35px;border-color:#f0b58e;background:linear-gradient(105deg,#fff6f0,#fff)} .privacy-controls>div:first-child{max-width:730px}.privacy-controls h2{margin-bottom:7px;font-size:1.45rem}.privacy-controls p{margin:0;color:#5f5751;font-size:.78rem}.privacy-controls small{display:block;margin-top:8px;color:#8b8179;font-size:.66rem} .privacy-control-actions{display:flex;flex:0 0 auto;align-items:center;gap:9px}.privacy-control-actions form{margin:0}.privacy-reset{padding:9px 4px;border:0;background:transparent;color:#786e67;cursor:pointer;font-size:.69rem;font-weight:700;text-decoration:underline;text-underline-offset:3px}.privacy-reset:hover{color:#ff4f00} .privacy-card code{padding:2px 5px;border-radius:5px;background:rgba(0,0,0,.065);font-size:.72rem;overflow-wrap:anywhere}.privacy-signal-grid{margin:0 0 70px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .privacy-detail-note{margin:20px 0 0;padding:16px;border-top:1px solid rgba(255,79,0,.18);border-radius:10px;background:rgba(255,255,255,.55);color:#625a54;font-size:.7rem;line-height:1.55}.privacy-detail-note strong{color:#28221e}.privacy-legal-basis{margin-top:32px}.privacy-legal-basis>div:last-child p+p{margin-top:12px} .privacy-signal-card{min-width:0;padding:24px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:17px;border:1px solid #dcd5cd;border-radius:14px;background:#fff}.privacy-signal-card>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#171411;color:#ff6d22;font-family:Benzin,Arial,sans-serif;font-size:.61rem}.privacy-signal-card h2{margin:3px 0 6px;font-size:1rem}.privacy-signal-card p{margin:0;color:#776e67;font-size:.72rem} @keyframes productFloat{0%,100%{transform:translateY(0) rotate(1.1deg)}50%{transform:translateY(-10px) rotate(.3deg)}} @keyframes floatOne{0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}50%{transform:translate3d(6px,-13px,0) rotate(2deg)}} @keyframes floatTwo{0%,100%{transform:translate3d(0,0,0) rotate(2deg)}50%{transform:translate3d(-7px,-10px,0) rotate(-1deg)}} @keyframes orbDrift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(20px,-22px,0) scale(1.2)}} @keyframes orbitPulse{0%,100%{opacity:.75;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}} @keyframes slowSpin{to{transform:rotate(360deg)}} @media(max-width:1440px){.floating-chip-three{display:none}} @media(max-width:1080px){ .hero-section{min-height:0;grid-template-columns:1fr;padding:68px}.hero-product{max-width:690px}.floating-chip-three{display:none} .app-layout{display:block}.app-sidebar{display:none}.app-topbar{border-bottom-color:#2b211b;background:rgba(8,7,6,.97);color:#fff}.app-topbar .domain-status{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:#ddd5ce}.app-topbar .domain-status i{background:#ff6b00;box-shadow:0 0 0 4px rgba(255,107,0,.14)}.app-topbar .topbar-help{color:#ddd5ce}.mobile-app-nav{border-bottom-color:#ded7cf;background:#f7f4ee}.mobile-brand{width:58px;height:58px;padding:7px;flex:0 0 58px;overflow:visible;border-radius:0;background:transparent}.mobile-brand .brand-mark{width:44px;height:44px;min-width:44px;flex:0 0 44px;object-fit:contain} } @media(max-width:820px){ .hero-section{padding:54px 30px}.hero-copy h1{font-size:clamp(3rem,10.5vw,5.5rem)} .floating-chip-one{right:3%;top:4%}.floating-chip-two{right:6%;bottom:2%} .insight-heading{align-items:flex-start;flex-direction:column;gap:7px}.insight-heading>p{text-align:left}.interest-card-wide .interest-list{grid-template-columns:1fr} .privacy-controls{align-items:flex-start;flex-direction:column;gap:20px}.privacy-control-actions{width:100%;align-items:stretch;flex-direction:column}.privacy-control-actions .button{width:100%} .public-actions{margin-left:auto}.auth-page .public-main{width:100%}.signal-summary{grid-template-columns:1fr 1fr}.coverage-grid{grid-template-columns:1fr 1fr}.auth-layout{width:100%;min-width:0;background:#f3f0ea}.auth-story{width:100%;min-width:0}.auth-panel{width:min(calc(100% - 36px),590px);min-width:0;margin:-24px auto 30px;z-index:3} } @media(max-width:620px){ .public-header-inner{width:calc(100% - 24px);height:74px;gap:12px}.public-brand{width:60px;height:60px;padding:6px;flex:0 0 60px;overflow:visible}.public-brand .brand-mark{width:48px;height:48px;min-width:48px;flex-basis:48px;object-fit:contain}.public-actions{min-width:0;margin-left:auto;gap:7px}.public-actions .button,.public-header .text-button{min-height:42px;padding:9px 12px;white-space:nowrap;font-size:.76rem} .hero-section{margin-top:9px;padding:44px 18px 36px;border-radius:21px}.hero-section::after{right:-330px;bottom:-420px} .hero-product-name{font-size:.63rem}.hero-copy h1{font-size:clamp(2.8rem,14vw,4.35rem)}.hero-copy>p:not(.hero-note){font-size:.98rem} .floating-chip{display:none}.hero-shortener{padding:8px}.hero-shortener>div{min-height:0;padding:0;flex-direction:column;background:transparent;box-shadow:none}.hero-shortener input{min-height:50px;padding:12px;border-radius:10px;background:#fff}.hero-shortener .button{width:100%;min-width:0;min-height:48px}.hero-shortener label{padding:3px 3px 9px} .hero-product{animation:none;transform:none}.hero-product::before{inset:-7px;border-radius:24px} .trust-agency{white-space:normal}.trust-agency img{width:42px;height:42px;min-width:42px;flex-basis:42px}.step-grid article:hover,.use-case-grid article:hover{transform:none} .pricing-section{padding:42px 20px}.closing-section::after{opacity:.45} .mobile-brand{width:54px;height:54px;padding:7px;flex-basis:54px}.mobile-brand .brand-copy{display:flex}.mobile-brand .brand-mark{width:40px;height:40px;min-width:40px;flex-basis:40px}.app-topbar{height:66px} .analytics-method-note{padding:12px}.insight-section{margin-top:28px}.insight-heading h2{font-size:1.45rem}.telemetry-disclosure summary{min-height:68px;padding:14px}.telemetry-disclosure summary em{display:none}.disclosure-note{padding:13px 14px 0}.telemetry-grid{padding:0 14px 14px}.interest-card-wide{padding:17px} .events-table-rich{min-width:0}.events-table-rich td{max-width:none}.event-stack{align-items:flex-end}.event-stack .status{justify-content:flex-end;text-align:right}.events-table-rich td:first-child{width:100%;white-space:normal} .privacy-controls{padding:20px}.privacy-signal-grid{grid-template-columns:1fr}.privacy-signal-card{padding:20px}.privacy-control-actions{align-items:stretch} .signal-summary{grid-template-columns:1fr}.coverage-panel summary{align-items:flex-start;flex-direction:column;gap:5px}.coverage-grid{grid-template-columns:1fr}.auth-page .public-header{width:100%;overflow:visible}.auth-page .public-main{width:100%}.auth-story{padding:96px 18px 34px}.auth-story h1{max-width:100%;font-size:clamp(2.25rem,11.8vw,3.2rem);line-height:.98;overflow-wrap:normal;word-break:normal}.auth-story>div>p{max-width:30rem}.auth-panel{width:calc(100% - 20px);margin:-18px auto 24px;padding:48px 20px}.auth-panel::before{top:18px;bottom:18px}.auth-panel-head{margin-bottom:35px} } @media(max-width:380px){ .public-header-inner{width:calc(100% - 20px);gap:8px}.public-brand{width:56px;height:56px;padding:6px;flex-basis:56px}.public-brand .brand-mark{width:44px;height:44px;min-width:44px;flex-basis:44px}.public-actions .button,.public-header .text-button{padding-inline:10px;font-size:.71rem}.mobile-brand{width:52px;height:52px;padding:7px;flex-basis:52px}.mobile-brand .brand-mark{width:38px;height:38px;min-width:38px;flex-basis:38px}.mobile-brand .brand-copy{display:flex} .hero-copy h1{font-size:2.65rem}.brand-copy strong{font-size:.68rem}.auth-story{padding-inline:16px}.auth-story h1{font-size:clamp(2.05rem,11.2vw,2.55rem)} } @media(prefers-reduced-motion:reduce){ .hero-product,.floating-chip,.hero-orb,.hero-section::after,.analytics-feature::before,.pricing-section::before,.closing-section::after,.auth-glow{animation:none!important;transform:none!important} } /* Account consent is explicit and separate from the optional digest. */ .consent-fieldset{margin:22px 0 0;padding:0;border:0}.consent-fieldset legend{margin-bottom:9px;color:#605850;font-size:.72rem;font-weight:800}.consent-option{position:relative;margin:0;padding:9px 10px;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:9px;border-radius:9px;color:#5f5751;font-size:.68rem;font-weight:500;line-height:1.42;cursor:pointer}.consent-option:hover{background:#fff5ef}.consent-option input{position:absolute;width:1px!important;height:1px!important;opacity:0}.consent-box{width:19px;height:19px;display:grid;place-items:center;border:1px solid #bdb2a9;border-radius:5px;background:#fff;color:transparent;font-size:.7rem;transition:.18s ease}.consent-option input:checked+.consent-box{border-color:#ff5700;background:linear-gradient(135deg,#ff4301,#ff8701);color:#fff}.consent-option input:focus-visible+.consent-box{outline:3px solid rgba(255,79,18,.28);outline-offset:2px}.consent-option a{color:#df4300;font-weight:800;text-decoration:underline;text-underline-offset:2px}.consent-option-optional{margin:9px 0 2px;border:1px solid #e2dad1;background:#f7f3ee}.consent-option-optional strong{color:#28231f}.auth-form>.consent-option-optional+.button{margin-top:15px} /* Legal pages are long-form, but keep the same editorial ETC system. */ .legal-shell{max-width:1440px}.legal-hero{position:relative;min-height:390px;margin-top:18px;padding:clamp(42px,6vw,78px);overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:end;gap:60px;border-radius:28px;background:radial-gradient(circle at 82% 10%,rgba(255,91,0,.42),transparent 29%),linear-gradient(125deg,#080706,#1a100b 70%,#451503);color:#fff}.legal-hero::before{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;content:"";pointer-events:none}.legal-hero>div,.legal-hero>aside{position:relative}.legal-hero h1{max-width:900px;font-size:clamp(3rem,6vw,6.5rem);line-height:.92}.legal-hero>div>p:last-child{max-width:690px;margin:0;color:#bbb1a9}.legal-hero aside{padding:20px;border:1px solid rgba(255,139,77,.35);border-radius:13px;background:rgba(0,0,0,.25);backdrop-filter:blur(12px)}.legal-hero aside span,.legal-hero aside small,.legal-hero aside strong{display:block}.legal-hero aside span{color:#ff9b64;font-size:.62rem;text-transform:uppercase}.legal-hero aside strong{margin:8px 0;font-size:.85rem}.legal-hero aside small{color:#aaa099}.legal-layout{padding:65px 0 100px;display:grid;grid-template-columns:230px minmax(0,1fr);align-items:start;gap:36px}.legal-index{position:sticky;top:106px;padding:19px;display:flex;flex-direction:column;gap:10px;border-left:2px solid #ff5a00;color:#756d66}.legal-index strong{margin-bottom:7px;color:#211d1a;font-size:.75rem}.legal-index a{font-size:.67rem}.legal-index a:hover{color:#ff5100}.legal-document{padding:clamp(24px,4.5vw,56px)}.legal-document-single{max-width:1030px;margin:60px auto 100px}.legal-lead{margin:0 0 36px;padding:22px;border-radius:12px;background:#171411;color:#e9e1da;font-size:.93rem}.legal-document section{padding:27px 0;display:grid;grid-template-columns:42px minmax(0,1fr);gap:18px;border-top:1px solid #dfd8d0;scroll-margin-top:100px}.legal-document section>span{color:#ff5b08;font-family:Benzin,Arial,sans-serif;font-size:.62rem}.legal-document h2{margin:0 0 9px;font-size:1.3rem}.legal-document section p{margin:0;color:#625b55;font-size:.83rem}.legal-document section p+p{margin-top:12px}.legal-document a{color:#e74400;font-weight:700;text-decoration:underline;text-underline-offset:3px} /* Verification and unsubscribe are focused single-action states. */ .status-shell{max-width:1440px;min-height:calc(100vh - 300px);display:grid;place-items:center}.status-card{position:relative;width:min(690px,100%);margin:70px auto;padding:clamp(30px,6vw,66px);overflow:hidden;border-color:#efb58f;background:linear-gradient(145deg,#fff,#fff7f1)}.status-card::after{position:absolute;right:-100px;bottom:-125px;width:260px;height:260px;border:1px solid rgba(255,79,0,.17);border-radius:50%;box-shadow:0 0 0 35px rgba(255,79,0,.035),0 0 0 70px rgba(255,79,0,.02);content:""}.status-card>*{position:relative;z-index:1}.status-orbit{width:54px;height:54px;margin-bottom:35px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ff4301,#ff8701);color:#fff;font-family:Benzin,Arial,sans-serif}.status-orbit-muted{background:#171411;color:#ff7130}.status-card h1{font-size:clamp(2.5rem,5vw,4.8rem)}.status-card>p:not(.page-eyebrow){max-width:560px;color:#70675f}.status-card>form,.status-card>.button{margin-top:22px}.status-help{margin:25px 0;padding:14px 0;border-block:1px solid #dfd7cf}.status-help summary{cursor:pointer;font-weight:800}.status-help p{color:#766d66;font-size:.75rem}.status-help form{margin-top:14px}.inline-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.inline-action input,.settings-form input,.settings-form select{width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid #d4cbc2;border-radius:9px;background:#fff;color:#201c19;outline:none}.inline-action input:focus,.settings-form input:focus,.settings-form select:focus{border-color:#ff5a00;box-shadow:0 0 0 3px rgba(255,79,0,.1)}.status-form label{margin-top:14px}.status-form input{width:100%;min-width:0;min-height:49px;padding:11px 12px;border:1px solid #d4cbc2;border-radius:9px;background:#fff;color:#201c19;outline:none}.status-form input:focus{border-color:#ff5a00;box-shadow:0 0 0 3px rgba(255,79,0,.1)}.status-form .button{margin-top:18px}.status-form .inline-action .button{margin-top:0}.status-return{margin:20px 0 0!important;font-size:.7rem!important}.status-return a,.forgot-link{color:#d94400;font-weight:800}.forgot-link{margin:8px 0 0;display:inline-flex;font-size:.67rem}.auth-form .forgot-link+.button{margin-top:14px}.status-actions{margin-top:23px;display:flex;flex-wrap:wrap;gap:8px} /* Campaign workspace and product settings. */ .page-actions{display:flex;align-items:center;gap:9px}.settings-overview,.workspace-strip{margin-bottom:17px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.settings-overview article,.workspace-strip article{min-width:0;padding:16px 18px;overflow:hidden;border:1px solid #ddd5cc;border-radius:12px;background:#fff}.settings-overview article:first-child,.workspace-strip article:first-child{border-color:#ffb98f;background:linear-gradient(145deg,#fff,#fff5ee)}.settings-overview span,.settings-overview small,.workspace-strip span,.workspace-strip small{display:block}.settings-overview span,.workspace-strip span{color:#7c736c;font-size:.62rem;font-weight:800;text-transform:uppercase}.settings-overview strong,.workspace-strip strong{display:block;margin:7px 0 2px;font-size:1.08rem;overflow-wrap:anywhere}.settings-overview small,.workspace-strip small{color:#8b8179;font-size:.61rem}.workspace-strip .positive{color:#197a55}.workspace-strip .negative{color:#a63c36}.settings-grid-product{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.settings-card-form header p:last-child{margin:3px 0 0;color:#80766f;font-size:.68rem}.settings-form{margin-top:18px}.settings-form>label:not(.switch-option){margin-top:12px}.settings-form .button{margin-top:16px}.settings-footnote{margin:15px 0 0;color:#827970;font-size:.67rem}.switch-option{margin:12px 0 3px;padding:15px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;border:1px solid #ded6ce;border-radius:10px;background:#f8f5f1;cursor:pointer}.switch-option span strong,.switch-option span small{display:block}.switch-option span small{margin-top:3px;color:#7c746d;font-size:.62rem}.switch-option input{position:absolute;opacity:0}.switch-option i{position:relative;width:44px;height:24px;border-radius:999px;background:#b9b2ab;transition:.18s ease}.switch-option i::after{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);content:"";transition:.18s ease}.switch-option input:checked+i{background:linear-gradient(90deg,#ff4301,#ff8701)}.switch-option input:checked+i::after{transform:translateX(20px)}.switch-option input:focus-visible+i{outline:3px solid rgba(255,79,0,.25);outline-offset:2px}.consent-history,.danger-zone{margin-top:18px;overflow:hidden}.consent-history summary,.danger-zone summary{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;list-style:none}.consent-history summary::-webkit-details-marker,.danger-zone summary::-webkit-details-marker{display:none}.consent-history summary span,.danger-zone summary span{display:flex;flex-direction:column}.consent-history summary small,.danger-zone summary small{color:#ff5600;font-family:Benzin,Arial,sans-serif;font-size:.56rem}.consent-history summary strong,.danger-zone summary strong{font-size:.88rem}.consent-history summary em,.danger-zone summary em{color:#81776f;font-size:.65rem;font-style:normal}.consent-history>div{padding:0 20px 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.consent-history article{padding:12px;border-radius:9px;background:#f4f0eb}.consent-history article span,.consent-history article strong,.consent-history article small{display:block}.consent-history article span{color:#746b64;font-size:.61rem}.consent-history article strong{margin:4px 0;font-size:.77rem}.consent-history article small{color:#8c827a;font-size:.56rem}.danger-zone{border-color:#edcbc7}.danger-zone>div{padding:0 20px 20px;border-top:1px solid #ead4d1}.danger-zone>div>p{max-width:720px;margin:17px 0;color:#766866;font-size:.73rem}.danger-zone form{max-width:650px}.workspace-grid{margin:0 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.workspace-card{padding:20px}.workspace-list{margin-top:10px}.workspace-list a{padding:11px 0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border-top:1px solid #e5dfd8}.workspace-list a:hover strong{color:#e74300}.workspace-list strong,.workspace-list small{display:block}.workspace-list strong{font-size:.73rem}.workspace-list small{margin-top:2px;color:#847b74;font-size:.58rem}.workspace-list em{color:#ff5600;font-style:normal}.priority-dot{width:8px;height:8px;border-radius:50%;background:#a9a39e}.priority-high{background:#e74b3f}.priority-low{background:#609c78}.goal-list a{display:block;color:inherit}.compact-goals{margin-top:10px}.compact-goals a{padding:11px 0;border-top:1px solid #e5dfd8}.compact-goals a>div{display:flex;justify-content:space-between;gap:15px;font-size:.69rem}.compact-goals progress{width:100%;height:6px;margin:8px 0 2px;accent-color:#ff5600}.compact-goals small,.workspace-empty{color:#867d76;font-size:.61rem}.workspace-empty{margin:20px 0 0} @media(max-width:820px){.legal-hero{min-height:0;grid-template-columns:1fr}.legal-hero aside{max-width:360px}.legal-layout{grid-template-columns:1fr}.legal-index{position:static;display:grid;grid-template-columns:1fr 1fr;border-left:0;border-top:2px solid #ff5a00}.legal-index strong{grid-column:1/-1}.settings-grid-product,.workspace-grid{grid-template-columns:1fr}} @media(max-width:620px){.consent-option{padding-inline:5px}.legal-hero{margin-top:10px;padding:42px 20px;border-radius:21px}.legal-hero h1{font-size:clamp(2.55rem,13vw,4rem)}.legal-layout{padding:38px 0 70px;gap:20px}.legal-index{padding:15px}.legal-document{padding:20px}.legal-document-single{margin:30px auto 70px}.legal-lead{padding:17px;font-size:.8rem}.legal-document section{grid-template-columns:30px minmax(0,1fr);gap:10px}.legal-document h2{font-size:1.1rem}.status-card{margin:25px auto;padding:28px 20px}.status-orbit{margin-bottom:25px}.inline-action{grid-template-columns:1fr}.inline-action .button{width:100%}.page-actions{width:100%;align-items:stretch;flex-direction:column}.page-actions .button{width:100%}.settings-overview,.workspace-strip{grid-template-columns:1fr}.settings-grid-product{gap:10px}.consent-history summary,.danger-zone summary{align-items:flex-start;flex-direction:column;gap:5px}.consent-history>div{grid-template-columns:1fr}.workspace-card{padding:16px}.public-footer-bottom span:first-child{max-width:260px;line-height:1.55}} /* Link campaign tooling: QR, safe UTM builder, measurable goals and tasks. */ .campaign-tools{margin:18px 0 32px;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:12px;scroll-margin-top:95px}.qr-card,.utm-card{padding:20px}.qr-card{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:20px;background:linear-gradient(145deg,#fff,#fff6f0);border-color:#ffbc96}.qr-card h2,.utm-card h2{font-size:1.25rem}.qr-card p{margin:0 0 15px;color:#776e67;font-size:.71rem}.qr-downloads{display:flex;flex-wrap:wrap;gap:7px}.qr-card img{width:150px;height:150px;padding:8px;border:1px solid #ddd5cd;border-radius:12px;background:#fff;object-fit:contain}.utm-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.utm-card>header span{color:#8a8078;font-size:.6rem}.utm-card form{margin-top:14px}.utm-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.utm-fields-two{margin-top:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.utm-card input,.workflow-form input,.workflow-form select{width:100%;min-width:0;min-height:43px;padding:9px 10px;border:1px solid #d5cdc5;border-radius:8px;background:#fff;color:#231f1b;outline:none}.utm-card input:focus,.workflow-form input:focus,.workflow-form select:focus{border-color:#ff5a00;box-shadow:0 0 0 3px rgba(255,79,0,.1)}.utm-card details{margin:9px 0}.utm-card details summary{color:#766d66;cursor:pointer;font-size:.66rem;font-weight:700;list-style:none}.utm-card details summary::-webkit-details-marker{display:none}.utm-card .button{margin-top:4px}.utm-result{margin-top:12px;padding:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;border-radius:9px;background:#f0f8ee}.utm-result span{grid-column:1/-1;color:#6e7b69;font-size:.56rem}.utm-result a{min-width:0;overflow:hidden;color:#277052;font-size:.67rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.utm-result button{padding:0;border:0;background:transparent;color:#207252;cursor:pointer;font-size:.61rem;font-weight:800}.utm-error{margin:8px 0 0;color:#a63c36;font-size:.65rem}.workflow-section{margin-top:38px;padding-top:8px;scroll-margin-top:90px}.workflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.workflow-card{padding:20px}.workflow-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.workflow-card>header h3{margin:0;font-size:1.05rem}.workflow-card>header small{color:#8c8179;font-size:.6rem}.workflow-card>header>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#171411;color:#ff6817}.workflow-form{margin:17px 0;padding:15px;border-radius:11px;background:#f5f1ec}.workflow-form>label{margin:0}.workflow-fields{display:grid;grid-template-columns:1.15fr .8fr 1fr 1fr;gap:7px}.workflow-fields-task{margin-top:8px;grid-template-columns:1fr 1fr}.workflow-form .button{margin-top:10px}.goal-list{margin-top:10px}.goal-list>article{padding:12px 0;border-top:1px solid #e5dfd8}.goal-list>article>div,.goal-list>article footer{display:flex;justify-content:space-between;gap:12px}.goal-list>article>div{font-size:.69rem}.goal-list progress{width:100%;height:7px;margin:9px 0 3px;accent-color:#ff5600}.goal-list footer{align-items:center}.goal-list footer small{color:#80776f;font-size:.6rem}.goal-list footer form{margin:0}.goal-list footer button,.task-delete{padding:3px;border:0;background:transparent;color:#a65344;cursor:pointer;font-size:.59rem}.task-list{margin-top:10px}.task-list>article{padding:10px 0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;border-top:1px solid #e5dfd8}.task-list form{margin:0}.task-toggle{width:22px;height:22px;padding:0;border:1px solid #bdb5ad;border-radius:6px;background:#fff;color:#fff;cursor:pointer}.task-list article.is-done .task-toggle{border-color:#287859;background:#287859}.task-list article.is-done strong{text-decoration:line-through;opacity:.55}.task-list strong,.task-list small{display:block}.task-list strong{font-size:.7rem}.task-list small{margin-top:3px;color:#827970;font-size:.58rem}.task-list .priority-dot{margin-right:5px;display:inline-block}.task-delete{font-size:1rem} @media(max-width:900px){.campaign-tools,.workflow-grid{grid-template-columns:1fr}.workflow-fields{grid-template-columns:1fr 1fr}.campaign-tools{scroll-margin-top:145px}} @media(max-width:620px){.campaign-tools{margin-top:10px}.qr-card{grid-template-columns:minmax(0,1fr) 105px}.qr-card img{width:105px;height:105px}.utm-fields,.utm-fields-two,.workflow-fields,.workflow-fields-task{grid-template-columns:1fr}.utm-card>header{flex-direction:column;gap:2px}.workflow-card{padding:16px}.workflow-form{padding:12px}.detail-controls .button{min-width:calc(50% - 5px)}} /* Trust & safety report is ready for the public moderation route. */ .report-shell{max-width:1440px}.report-layout{min-height:720px;margin-top:18px;padding:clamp(24px,5vw,68px);display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,.68fr);align-items:center;gap:clamp(35px,7vw,105px);border-radius:28px;background:radial-gradient(circle at 8% 12%,rgba(255,92,0,.34),transparent 27%),linear-gradient(130deg,#080706,#1c110b 74%,#3c1404);color:#fff}.report-copy{min-width:0}.report-copy h1{font-size:clamp(3.3rem,6.4vw,7rem);line-height:.9}.report-copy>p:not(.page-eyebrow){max-width:590px;color:#b5aaa1}.report-copy ul{margin:32px 0;padding:0;list-style:none}.report-copy li{padding:12px 0;display:flex;gap:13px;border-top:1px solid rgba(255,255,255,.11);color:#ddd4cd;font-size:.78rem}.report-copy li span{color:#ff7e3b;font-family:Benzin,Arial,sans-serif;font-size:.57rem}.report-copy>a{color:#ff9560;font-size:.73rem;font-weight:800}.report-card{padding:clamp(24px,4vw,46px);color:#211d1a}.report-card header h2{margin:4px 0 7px;font-size:1.65rem}.report-card header>p:last-child{margin:0;color:#7a7068;font-size:.72rem}.report-form{margin-top:25px}.report-form label{margin:14px 0 6px}.report-form label:first-of-type{margin-top:0}.report-form label>small{color:#8d837c;font-weight:500}.report-form input,.report-form select,.report-form textarea{width:100%;min-width:0;padding:11px 12px;border:1px solid #d5ccc4;border-radius:9px;background:#fff;color:#231f1c;font:inherit;outline:none}.report-form input,.report-form select{min-height:47px}.report-form textarea{resize:vertical;line-height:1.5}.report-form input:focus,.report-form select:focus,.report-form textarea:focus{border-color:#ff5b00;box-shadow:0 0 0 3px rgba(255,79,0,.11)}.report-form .button{margin-top:20px}.honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.report-success{min-height:430px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.report-success>span{width:52px;height:52px;margin-bottom:25px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ff4301,#ff8701);color:#fff}.report-success h2{font-size:2rem}.report-success p{color:#716860}.report-success .button{margin-top:16px} @media(max-width:900px){.report-layout{grid-template-columns:1fr}.report-copy{padding-top:25px}.report-card{max-width:650px}} @media(max-width:620px){.report-layout{min-height:0;margin-top:10px;padding:44px 18px 20px;border-radius:21px}.report-copy h1{font-size:clamp(2.75rem,14vw,4rem)}.report-card{padding:22px}.report-success{min-height:340px}} /* Keep the custom settings switch visually hidden without affecting page width. */ .settings-form .switch-option input{position:absolute;width:1px;height:1px;min-height:0;padding:0;opacity:0} /* Consent-first external analytics. Nothing remote is loaded before acceptance. */ .metrika-root{position:relative;z-index:120}.cookie-panel{position:fixed;right:18px;bottom:18px;left:18px;width:min(1120px,calc(100% - 36px));margin:auto;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;border:1px solid rgba(255,133,70,.45);border-radius:16px;background:rgba(9,8,7,.97);color:#fff;box-shadow:0 25px 80px rgba(0,0,0,.34);backdrop-filter:blur(18px)}.cookie-panel[hidden]{display:none}.cookie-panel-copy{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px}.cookie-panel-mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,123,56,.42);border-radius:50%;background:linear-gradient(135deg,#ff4301,#ff8701);font-family:Benzin,Arial,sans-serif;font-size:.57rem}.cookie-panel h2{margin:3px 0 5px;font-size:1rem}.cookie-panel p{max-width:720px;margin:0;color:#b9afa7;font-size:.7rem;line-height:1.5}.cookie-panel a{color:#ff9a64;text-decoration:underline;text-underline-offset:2px}.cookie-panel-actions form{display:flex;gap:8px}.cookie-settings-fab{position:fixed;right:16px;bottom:16px;min-height:36px;padding:8px 12px;border:1px solid #d4c9bf;border-radius:999px;background:#fff;color:#332b25;box-shadow:0 10px 28px rgba(0,0,0,.15);cursor:pointer;font-size:.65rem;font-weight:800}.cookie-settings-fab[hidden]{display:none}.cookie-settings-fab:hover{border-color:#ff6a1a;color:#d94100}.footer-cookie-button{padding:0;border:0;background:transparent;color:#aeb8c4;cursor:pointer;font:inherit;font-size:.82rem;text-align:left}.footer-cookie-button:hover{color:#fff}.external-analytics{scroll-margin-top:100px}.form-data-note{margin:12px 0 0;padding:11px 12px;border-radius:8px;background:#f5f0ea;color:#736a62;font-size:.62rem;line-height:1.5}.form-data-note a{color:#df4300;font-weight:800;text-decoration:underline;text-underline-offset:2px} .cookie-live{position:fixed;right:16px;bottom:62px;max-width:min(360px,calc(100% - 32px));margin:0;padding:10px 13px;border:1px solid #dfd5cc;border-radius:10px;background:#fff;color:#332b25;box-shadow:0 12px 34px rgba(0,0,0,.16);font-size:.68rem;font-weight:700;line-height:1.4}.cookie-live:empty{display:none}.cookie-live[data-state="error"]{border-color:#efb7b0;background:#fff2f0;color:#8f3029} .is-preserving-consent-scroll,.is-preserving-consent-scroll body,.is-preserving-consent-scroll .external-analytics{overflow-anchor:none!important;scroll-behavior:auto!important}.external-analytics .privacy-control-actions{width:min(100%,300px)}.external-analytics .privacy-control-actions form,.external-analytics .privacy-control-actions .button{width:100%} /* Formal operator policy remains readable even with a long 152-FZ structure. */ .legal-layout-wide{grid-template-columns:250px minmax(0,1fr)}.legal-definitions{margin:10px 0 0}.legal-definitions>div{padding:10px 0;display:grid;grid-template-columns:minmax(150px,.4fr) minmax(0,1fr);gap:18px;border-top:1px solid #e5ded7}.legal-definitions dt{font-size:.76rem;font-weight:800}.legal-definitions dd{margin:0;color:#675f58;font-size:.76rem}.legal-matrix{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.legal-document .legal-matrix article{padding:16px;border:1px solid #dfd7cf;border-radius:10px;background:#faf7f3}.legal-matrix article:first-child{border-color:#ffb78e;background:#fff5ef}.legal-matrix h3{margin:0 0 9px;font-size:.9rem}.legal-document .legal-matrix p{font-size:.72rem}.legal-document .legal-matrix p+p{margin-top:7px}.legal-bullets{margin:0 0 15px;padding:0;list-style:none}.legal-bullets li{padding:8px 0 8px 17px;border-top:1px solid #e2dbd4;color:#625b55;font-size:.78rem}.legal-bullets li::before{margin-left:-17px;margin-right:7px;color:#ff5700;content:"•"} /* ETC AGENCY context: compact trust strip, a strong standalone block and tidy footer. */ .agency-showcase{position:relative;margin:40px 0 18px;padding:clamp(38px,6vw,72px);overflow:hidden;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(35px,7vw,90px);border-radius:24px;background:radial-gradient(circle at 8% 8%,rgba(255,101,25,.36),transparent 28%),linear-gradient(125deg,#080706,#18100b 72%,#431503);color:#fff}.agency-showcase::before{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;content:"";pointer-events:none}.agency-showcase>*{position:relative;z-index:1}.agency-showcase-logo{width:62px;height:62px;margin-bottom:30px;display:block;padding:4px;border:1px solid rgba(255,134,75,.3);border-radius:50%;overflow:visible}.agency-showcase-logo img{width:54px;height:54px;display:block;object-fit:contain}.agency-showcase h2{font-size:clamp(2.2rem,4.2vw,4.8rem);line-height:.92}.agency-showcase-intro>p:not(.section-tag){max-width:580px;color:#b9afa7}.agency-showcase-intro .button{margin-top:16px}.agency-showcase-grid{display:grid;grid-template-columns:1fr;align-content:center}.agency-showcase-grid article{padding:20px 0;display:grid;grid-template-columns:34px minmax(0,.62fr) minmax(0,1fr);gap:14px;border-top:1px solid rgba(255,255,255,.13)}.agency-showcase-grid article>span{color:#ff8a4d;font-family:Benzin,Arial,sans-serif;font-size:.56rem}.agency-showcase-grid h3{margin:0;font-size:1rem}.agency-showcase-grid p{margin:0;color:#aaa098;font-size:.72rem}.public-footer{margin-top:45px}.public-footer-main{padding:32px 0 27px;grid-template-columns:minmax(250px,1.05fr) minmax(120px,.38fr) minmax(250px,.72fr);align-items:start;gap:clamp(26px,4.5vw,58px)}.public-footer-main>div:first-child>p{max-width:360px;margin-top:12px;font-size:.76rem}.public-footer-main .footer-brand{width:48px;height:48px;padding:3px;overflow:visible}.public-footer-main .footer-brand img{width:42px;height:42px;object-fit:contain}.public-footer-main .footer-links:last-child{display:flex;align-content:start;gap:6px}.public-footer-main .footer-links:last-child a,.public-footer-main .footer-links:last-child button{font-size:.68rem}.public-footer-bottom{padding:14px 0 18px;font-size:.64rem}.trust-row{width:100%;max-width:100%;padding-inline:4px}.trust-row>div{justify-content:flex-end}.trust-agency{max-width:100%}.trust-agency img{display:block;object-fit:contain} /* One predictable state language for every real action. */ .button,.text-button,.footer-cookie-button,.cookie-settings-fab,.privacy-reset,.password-toggle,.row-action{outline:none}.button:focus-visible,.text-button:focus-visible,.footer-cookie-button:focus-visible,.cookie-settings-fab:focus-visible,.privacy-reset:focus-visible,.password-toggle:focus-visible,.row-action:focus-visible{outline:3px solid rgba(255,105,25,.34);outline-offset:3px}.button-light:hover{border-color:#ff8b4b;background:#fff;color:#17110d;box-shadow:0 10px 30px rgba(0,0,0,.2)} @media(max-width:1050px){.public-nav{display:none}} @media(max-width:900px){.agency-showcase{grid-template-columns:1fr}.agency-showcase-grid article{grid-template-columns:34px minmax(160px,.65fr) minmax(0,1fr)}.public-footer-main{grid-template-columns:1fr 1fr}.public-footer-main>div:first-child{grid-column:1/-1}.legal-layout-wide{grid-template-columns:1fr}} @media(max-width:680px){.cookie-panel{right:10px;bottom:10px;left:10px;width:calc(100% - 20px);padding:15px;grid-template-columns:1fr;gap:13px}.cookie-panel-copy{grid-template-columns:38px minmax(0,1fr);gap:10px}.cookie-panel-mark{width:38px;height:38px}.cookie-panel h2{font-size:.85rem}.cookie-panel-actions form{display:grid;grid-template-columns:1fr 1fr}.cookie-panel-actions .button{width:100%;padding-inline:9px;font-size:.69rem}.agency-showcase{padding:38px 20px}.agency-showcase-grid article{grid-template-columns:30px minmax(0,1fr)}.agency-showcase-grid article p{grid-column:2}.public-footer-main{padding-block:27px;grid-template-columns:1fr;gap:22px}.public-footer-main>div:first-child{grid-column:auto}.legal-definitions>div,.legal-matrix{grid-template-columns:1fr;gap:5px}.legal-matrix{gap:8px}.legal-layout-wide .legal-index{grid-template-columns:1fr 1fr}.trust-row>div{justify-content:flex-start}} @media(max-width:390px){.cookie-panel-actions form{grid-template-columns:1fr}.agency-showcase h2{font-size:2.45rem}.legal-layout-wide .legal-index{grid-template-columns:1fr}} /* Premium ETC actions: compact, branded and consistent across public/product/legal UI. */ .button,.sidebar-create{min-height:47px;padding:11px 18px;border-radius:999px 999px 13px 999px;font-family:Benzin,Arial,sans-serif;font-size:.66rem;font-weight:700;letter-spacing:.025em;line-height:1.2}.button-primary{position:relative;overflow:hidden;background:linear-gradient(112deg,#ff3f00 0%,#ff7100 64%,#ff952f 100%);box-shadow:0 9px 24px rgba(255,70,0,.2)}.button-primary::before{position:absolute;top:-100%;left:-40%;width:34%;height:300%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);content:"";transform:rotate(18deg) translateX(-230%);transition:transform .48s ease;pointer-events:none}.button-primary:hover::before{transform:rotate(18deg) translateX(620%)}.button-primary:hover{box-shadow:0 12px 30px rgba(255,70,0,.3);transform:translateY(-2px)}.button-secondary{border-color:#ff6b24;background:transparent;color:#d94300;box-shadow:inset 0 0 0 1px rgba(255,107,36,.04)}.button-secondary:hover{border-color:#171411;background:#171411;color:#fff;box-shadow:0 9px 22px rgba(23,20,17,.14);transform:translateY(-1px)}.button-light{border-color:rgba(255,135,76,.65);background:rgba(255,94,17,.08);color:#fff}.button-danger{border-color:#c95045;background:transparent;color:#a6372e}.button-small{min-height:40px;padding:8px 14px;font-size:.58rem}.button-compact{min-height:42px;padding:9px 16px;font-size:.6rem}.button-large{min-height:51px;padding:13px 21px;font-size:.68rem}.button>span[aria-hidden="true"]{width:22px;height:22px;margin:-3px -7px -3px 2px;display:inline-grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.18);font-family:Arial,sans-serif;font-size:.82rem}.button-secondary>span[aria-hidden="true"]{background:rgba(255,91,0,.1)}.button-secondary:hover>span[aria-hidden="true"]{background:rgba(255,255,255,.12)}.public-header .text-button{min-height:42px;padding:9px 16px;border-color:#ff7435;border-radius:999px 999px 11px 999px;background:transparent;font-family:Benzin,Arial,sans-serif;font-size:.58rem;letter-spacing:.02em}.public-header .text-button:hover{background:#fff;color:#17110d}.sidebar-create{justify-content:space-between;padding-inline:15px}.sidebar-create>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.16)}.preview-row button{border-radius:999px 999px 10px 999px;background:linear-gradient(112deg,#ff4301,#ff8701);font-family:Benzin,Arial,sans-serif;font-size:.57rem;letter-spacing:.02em}.hero-shortener .button{min-width:174px}.privacy-reset{min-height:36px;padding:7px 12px;border:1px solid transparent;border-radius:999px;background:transparent;color:#d94300;font-weight:800}.privacy-reset:hover{border-color:#ffb48d;background:#fff4ed}.row-action{border-radius:50% 50% 9px 50%}.button:active,.sidebar-create:active,.public-header .text-button:active{transform:translateY(1px);box-shadow:none} @media(max-width:620px){.button,.sidebar-create{min-height:45px;padding:10px 15px;font-size:.61rem}.button-large{min-height:48px}.button-small{min-height:39px;font-size:.55rem}.public-header .text-button{min-height:40px;padding:8px 12px;font-size:.54rem}.hero-shortener .button{min-width:0}.button>span[aria-hidden="true"]{width:20px;height:20px}.public-actions .button,.public-header .text-button{border-radius:999px 999px 10px 999px}} /* Admin control room. Client content is masked from optional Webvisor. */ .admin-shell{max-width:1380px}.admin-header{padding:24px 26px;border:1px solid #2b211b;border-radius:18px;background:radial-gradient(circle at 88% 0,rgba(255,89,0,.25),transparent 28%),linear-gradient(125deg,#080706,#201108);color:#fff}.admin-header p:last-child{color:#aaa098}.admin-header::after{border-color:rgba(255,120,50,.35);box-shadow:0 0 0 12px rgba(255,79,0,.055)}.admin-metrics{margin:14px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.admin-metrics article{min-width:0;padding:16px;border:1px solid #ddd5cc;border-radius:12px;background:#fff;overflow:hidden}.admin-metrics article:first-child{border-color:#ffb88f;background:#fff5ef}.admin-metrics article.has-warning{border-color:#efac89;background:#fff2ea}.admin-metrics span,.admin-metrics small{display:block;color:#7b726b;font-size:.59rem}.admin-metrics strong{display:block;margin:8px 0 3px;font-size:1.45rem}.admin-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);align-items:start;gap:12px}.admin-card{padding:20px}.admin-card-wide{grid-row:span 2}.admin-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.admin-card>header h2{margin:3px 0 0;font-size:1.2rem}.admin-card>header>span{color:#8b8179;font-size:.6rem}.admin-list>article{padding:15px 0;border-top:1px solid #e4ddd6}.admin-item-head{display:flex;justify-content:space-between;gap:12px}.admin-item-head>div{min-width:0}.admin-item-head strong,.admin-item-head small{display:block}.admin-item-head strong{margin:5px 0 2px;font-size:.82rem}.admin-item-head small,.sensitive-line{color:#827970;font-size:.57rem}.reason-pill{height:max-content;padding:5px 8px;border-radius:999px;background:#f3eee8;color:#6f665f;font-size:.56rem}.abuse-admin-list>article>p{margin:10px 0;color:#6e655e;font-size:.7rem}.abuse-admin-list blockquote{margin:10px 0;padding:9px 11px;border-left:2px solid #ff5a00;background:#fff5ef;color:#675e57;font-size:.65rem}.admin-action-form{margin-top:12px;padding:11px;border-radius:10px;background:#f4f0eb}.admin-action-form label{margin:0}.admin-action-form input{width:100%;min-height:40px;margin-top:5px;padding:8px 10px;border:1px solid #d4cbc3;border-radius:8px;background:#fff}.admin-action-form>div{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.job-health>article{padding:12px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e4ddd6}.job-health>article>div strong,.job-health>article>div span{display:block}.job-health strong{font-size:.7rem}.job-health b{font-size:1.35rem}.status{width:max-content;padding:4px 7px;border-radius:999px;background:#ede8e2;color:#6e655d;font-size:.52rem;font-weight:800;text-transform:uppercase}.status-open,.status-pending,.status-failed{background:#fff0e8;color:#a84420}.status-resolved,.status-sent,.status-active{background:#e8f6ed;color:#28734e}.status-dismissed,.status-suspended{background:#f5e9e8;color:#9a3e38}.admin-user-list>article{padding:12px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border-top:1px solid #e4ddd6}.admin-user-list strong,.admin-user-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-list strong{font-size:.7rem}.admin-user-list small{margin-top:3px;color:#837a73;font-size:.56rem}.admin-text-danger{padding:6px;border:0;background:transparent;color:#a8443a;cursor:pointer;font-size:.58rem;font-weight:800}.admin-text-danger:hover{text-decoration:underline}.admin-empty{color:#887e76;font-size:.67rem}.admin-audit{margin-top:14px;overflow:hidden}.admin-audit summary{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}.admin-audit summary::-webkit-details-marker{display:none}.admin-audit summary span small,.admin-audit summary span strong{display:block}.admin-audit summary small{color:#ff5a00;font-size:.54rem;text-transform:uppercase}.admin-audit summary strong{margin-top:4px;font-size:.82rem}.admin-audit summary em{color:#827970;font-size:.62rem;font-style:normal}.admin-audit>div{padding:0 20px 18px}.admin-audit article{padding:10px 0;display:grid;grid-template-columns:140px minmax(140px,.4fr) 130px minmax(0,1fr);gap:12px;border-top:1px solid #e4ddd6;font-size:.61rem}.admin-audit time,.admin-audit span{color:#837a72}.admin-audit p{margin:0;overflow-wrap:anywhere}.admin-shell,.admin-shell form,.admin-shell input{--ym-disable-keys:1} @media(max-width:1050px){.admin-metrics{grid-template-columns:repeat(3,1fr)}.admin-grid{grid-template-columns:1fr}.admin-card-wide{grid-row:auto}} @media(max-width:620px){.admin-header{padding:20px}.admin-metrics{grid-template-columns:1fr 1fr}.admin-metrics article:last-child{grid-column:1/-1}.admin-card{padding:16px}.admin-item-head{align-items:flex-start;flex-direction:column}.admin-action-form>div .button{flex:1}.admin-user-list>article{align-items:flex-start;grid-template-columns:1fr}.admin-audit summary{align-items:flex-start;flex-direction:column;gap:5px}.admin-audit article{grid-template-columns:1fr;gap:4px}.admin-audit>div{padding-inline:16px}} /* Final action and admin polish: every primary operation uses the same ETC language. */ .admin-link-list>article{padding:12px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border-top:1px solid #e4ddd6}.admin-link-list strong,.admin-link-list a,.admin-link-list small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-link-list strong{font-size:.72rem}.admin-link-list a{margin-top:3px;color:#d74600;font-size:.58rem}.admin-link-list small{margin-top:3px;color:#837a73;font-size:.55rem}.button-danger:hover{border-color:#a6372e;background:#a6372e;color:#fff;box-shadow:0 9px 22px rgba(166,55,46,.16);transform:translateY(-1px)} .public-footer-main{min-height:0}.public-footer-main .footer-links{min-width:0}.public-footer-main .footer-links a,.public-footer-main .footer-links button{width:max-content;max-width:100%;line-height:1.35}.public-footer-main .footer-brand,.trust-agency img,.agency-showcase-logo,.agency-showcase-logo img{aspect-ratio:1;flex:none;object-fit:contain}.trust-row{min-height:70px;align-items:center}.trust-agency{display:inline-flex;align-items:center;gap:11px}.trust-agency img{width:46px;height:46px;min-width:46px}.trust-agency span{line-height:1.25} @media(max-width:620px){.admin-user-list>article,.admin-link-list>article{align-items:flex-start;grid-template-columns:1fr}.admin-user-list form,.admin-link-list form,.admin-user-list .button,.admin-link-list .button{width:100%}.public-footer-main .footer-links a,.public-footer-main .footer-links button{width:auto}.trust-row{min-height:0}} /* Keep the official square ETC mark geometrically correct in the compact footer. */ .public-footer-main .footer-brand .brand-mark{width:42px;height:42px;min-width:42px;flex:0 0 42px;object-fit:contain} /* Accessible target sizes without returning to bulky rectangular controls. */ .button-small{min-height:44px}.button-compact{min-height:46px}.public-header .text-button{min-height:44px}.privacy-reset{min-height:40px} @media(max-width:620px){.button-small,.button-compact,.public-header .text-button{min-height:44px}} /* Admin must stay inside the narrow app canvas on phones. */ @media(max-width:620px){.admin-shell,.admin-header,.admin-metrics,.admin-grid,.admin-card,.admin-audit{min-width:0;max-width:100%}.admin-shell{overflow-x:hidden}.admin-metrics article,.admin-card,.admin-list>article,.admin-link-list>article,.admin-user-list>article{min-width:0}.admin-action-form>div{display:grid;grid-template-columns:1fr}.admin-action-form>div .button{width:100%;min-width:0}.admin-item-head,.admin-item-head>div,.admin-link-list>article>div,.admin-user-list>article>div{min-width:0;max-width:100%}.admin-item-head strong,.admin-item-head small,.admin-link-list strong,.admin-link-list a,.admin-link-list small,.admin-user-list strong,.admin-user-list small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-audit summary em{max-width:100%;overflow-wrap:anywhere}} /* Public chrome final pass: the login header is the single source of truth. */ .public-header, .auth-page .public-header, .error-page .public-header{ position:absolute; top:0; right:0; left:0; z-index:80; border-bottom:1px solid rgba(255,255,255,.1); background:linear-gradient(112deg,#080807 0%,#110d0a 62%,#2a1005 100%); box-shadow:0 8px 30px rgba(0,0,0,.16); backdrop-filter:none; -webkit-backdrop-filter:none; } .public-header-inner{width:min(1440px,calc(100% - 48px));height:82px} .public-header .public-nav a, .public-header .text-button{color:#f4eee7} .public-header .public-nav a:hover, .public-header .text-button:hover{color:#fff} .public-main:not(.auth-shell):not(.error-shell){padding-top:82px} /* The official SVG is static. Inner breathing room prevents its edge lettering from being clipped. */ .public-brand, .mobile-brand, .app-brand, .footer-brand, .agency-showcase-logo{ overflow:visible; } .public-brand{width:68px;height:68px;flex:0 0 68px;padding:9px;overflow:visible} .public-brand .brand-mark{width:50px;height:50px;min-width:50px;flex:0 0 50px;display:block;animation:publicBrandRotation 10s linear infinite;transform-origin:52% 48%;will-change:transform} .brand-mark{border-radius:0;object-fit:contain} @keyframes publicBrandRotation{to{transform:rotate(360deg)}} .trust-agency img{ width:48px; height:48px; min-width:48px; flex:0 0 48px; padding:4px; border-radius:50%; background:#080807; object-fit:contain; } .agency-showcase-logo{ width:68px; height:68px; padding:7px; border:0; border-radius:0; } .agency-showcase-logo img{ width:54px; height:54px; min-width:54px; flex:0 0 54px; object-fit:contain; } .public-footer-main .footer-brand{ width:56px; height:56px; padding:5px; } .public-footer-main .footer-brand .brand-mark{ width:46px; height:46px; min-width:46px; flex:0 0 46px; } /* Compact footer: every legal destination is listed once in one readable column. */ .public-footer-main{ padding:28px 0 24px; grid-template-columns:minmax(250px,1fr) minmax(120px,.36fr) minmax(250px,.72fr); gap:clamp(24px,4vw,52px); } .public-footer-main .footer-links:last-child{ display:flex; flex-direction:column; flex-wrap:nowrap; align-content:normal; gap:7px; } .public-footer-bottom{padding:13px 0 17px} /* Button effects stay inside the control and never change its box geometry. */ .button, .sidebar-create, .public-header .text-button, .preview-row button{ position:relative; overflow:hidden; isolation:isolate; box-sizing:border-box; vertical-align:middle; } .button-primary::before{ z-index:-1; top:-110%; bottom:auto; left:-45%; width:32%; height:320%; will-change:transform; } .button:hover, .button:focus-visible, .button:active, .sidebar-create:hover, .sidebar-create:focus-visible, .sidebar-create:active{ text-decoration:none; } @media(max-width:1050px){ .public-nav{display:none} .public-actions{margin-left:auto} } @media(max-width:900px){ .public-footer-main{grid-template-columns:1fr 1fr} .public-footer-main>div:first-child{grid-column:1/-1} } @media(max-width:680px){ .public-header-inner{width:calc(100% - 24px);height:74px;gap:9px} .public-main:not(.auth-shell):not(.error-shell){padding-top:74px} .public-brand{width:62px;height:62px;flex-basis:62px;padding:9px} .public-brand .brand-mark{width:44px;height:44px;min-width:44px;flex-basis:44px} .public-actions{min-width:0;gap:7px} .public-actions .button, .public-header .text-button{display:inline-flex;min-height:44px;padding:9px 12px;font-size:.56rem;white-space:nowrap} .public-footer-main{padding:24px 0 21px;grid-template-columns:1fr;gap:20px} .public-footer-main>div:first-child{grid-column:auto} } @media(max-width:390px){ .public-header-inner{width:calc(100% - 20px);gap:6px} .public-brand{width:58px;height:58px;flex-basis:58px;padding:9px} .public-brand .brand-mark{width:40px;height:40px;min-width:40px;flex-basis:40px} .public-actions .button, .public-header .text-button{padding-inline:9px;font-size:.52rem} } .interest-list em{display:block;margin-top:4px;color:#675f59;font-size:.58rem;font-style:normal;line-height:1.45;overflow-wrap:anywhere} @media(max-width:340px){ .public-actions .button, .public-header .text-button{padding-inline:8px;font-size:.49rem} } @media(prefers-reduced-motion:reduce){ .public-header .public-brand .brand-mark{animation:none!important;transform:none!important} } /* Admin drill-down: dense operational data without sacrificing narrow screens. */ .admin-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0} .admin-row-actions form{margin:0} .admin-link-list article>div:first-child,.admin-user-list article>div:first-child{min-width:0} .admin-link-list article>div:first-child>a,.admin-user-list article>div:first-child>a{max-width:100%;overflow-wrap:anywhere} .admin-detail-list{display:grid;gap:0} .admin-detail-list>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:18px;padding:15px 0;border-bottom:1px solid var(--line)} .admin-detail-list>div:last-child{border-bottom:0} .admin-detail-list span,.admin-detail-list strong,.admin-detail-list a{min-width:0;overflow-wrap:anywhere} .admin-detail-list span{color:var(--muted)} .admin-detail-list strong,.admin-detail-list a{text-align:right} .admin-shell .events-table a{font-weight:700} .admin-shell .events-table small{color:var(--muted);overflow-wrap:anywhere} @media(max-width:640px){ .admin-row-actions{justify-content:stretch;width:100%} .admin-row-actions>.button,.admin-row-actions form,.admin-row-actions form .button{width:100%} .admin-detail-list>div{grid-template-columns:1fr;gap:5px} .admin-detail-list strong,.admin-detail-list a{text-align:left} } /* Admin identities and report labels must remain readable on very narrow phones. */ .admin-shell .breadcrumbs{max-width:100%;flex-wrap:wrap;overflow-wrap:anywhere} .admin-shell .page-header>div, .admin-shell .detail-title, .admin-shell .detail-title>div, .admin-shell .title-line, .admin-shell .admin-metrics article{min-width:0;max-width:100%} .admin-shell .page-header h1, .admin-shell .title-line h1, .admin-shell .admin-metrics span, .admin-shell .admin-metrics strong, .admin-shell .admin-metrics small{max-width:100%;overflow-wrap:anywhere;word-break:break-word} .admin-shell .detail-short>a:only-child{width:auto;height:auto;display:inline;border:0;border-radius:0;overflow-wrap:anywhere} @media(max-width:390px){ .admin-shell .admin-metrics{grid-template-columns:1fr} .admin-shell .admin-metrics article:last-child{grid-column:auto} .admin-shell .page-header h1, .admin-shell .title-line h1{font-size:clamp(1.65rem,10vw,2.15rem)} }