/* Active O! Talks UI references: public/o-talks-homepage.css,
   o-talks-product-shell.css and o-talks-app-playful.css. */
.nav>.nav-links{margin-left:auto}.nav>.nav-actions{margin-left:8px}
:root{--paper:#fff9f1;--ink:#163d42;--purple:#1d56e8;--lav:#eef3ff;--lime:#ddef47;--muted:#5b6b6d;--line:rgba(22,61,66,.22);--white:#fff;--orange:#f05a3d;font-family:Inter,'Segoe UI Variable Text','Segoe UI',sans-serif;background:var(--paper)}
h1,h2,h3,.display{font-family:Inter,'Segoe UI Variable Display','Segoe UI',sans-serif;font-weight:820}button,input,select{font-family:inherit}.preview-bar{background:#0d2c30}.preview-bar a{color:var(--lime)}.wrap{width:min(1280px,calc(100% - 64px))}.nav{width:100%;padding-inline:max(32px,calc((100% - 1280px)/2));background:var(--ink);height:92px;border:0;color:#fff}.nav-links{gap:23px;font-size:14px;font-weight:700}.nav-links a,.nav-links a.active{color:#fff}.nav-actions{font-size:14px;font-weight:750}.brand{gap:15px}.brand>span{color:inherit;font-weight:800;font-size:16px;border-color:#ffffff50;letter-spacing:-.3px}.brand-crop{position:relative;display:block;width:150px;height:50px;overflow:hidden;border-radius:8px;background:#f1ecdf;flex-shrink:0}.brand .brand-crop img{position:absolute;width:258px;height:auto;max-width:none;left:-36px;top:-92px}.btn{min-height:48px;padding:12px 21px;border-radius:12px;border:1px solid var(--ink);background:var(--ink);font-size:14px;font-weight:800;gap:12px;box-shadow:5px 6px 0 var(--purple)}.btn:hover{background:#0d2c30;transform:translateY(-2px);box-shadow:3px 4px 0 var(--orange)}.btn.lime,.nav .btn{background:var(--lime);color:var(--ink);box-shadow:5px 6px 0 var(--orange);border-color:var(--ink)}.btn.light{background:#fff;color:var(--ink);box-shadow:5px 6px 0 var(--orange);border-color:var(--ink)}.arrow{font-size:18px}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:850}.eyebrow:before{height:8px;width:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #f05a3d1c}.hero{min-height:650px;padding-block:70px 75px;grid-template-columns:.94fr 1.06fr;gap:48px;overflow:visible}.hero h1{font-size:clamp(52px,4.8vw,72px);font-weight:820;letter-spacing:-.065em;line-height:.98;max-width:620px;margin:24px 0}.hero h1 em{color:var(--purple)}.hero-copy>p{max-width:510px;font-size:16px;line-height:1.7}.hero-actions{gap:20px;margin-top:30px}.hero-actions .btn.light{border:0;box-shadow:none;background:transparent;text-decoration:underline;text-underline-offset:5px}.hero-note{font-size:11px;margin-top:22px}.hero-note .dot{background:var(--orange)}.affiliate-map{margin:0;border:1px solid var(--ink);border-radius:21px;background:#fff;box-shadow:9px 10px 0 var(--purple);overflow:hidden;position:relative}.affiliate-map>header{background:var(--ink);color:#fff;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px}.affiliate-map>header span{font-size:10px;font-weight:850;letter-spacing:1.5px;color:var(--lime)}.affiliate-map>header small{font-size:10px;color:#ffffffba}.affiliate-flow{display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;padding:28px 24px;gap:10px;background:var(--lav)}.flow-node{border:1px solid var(--ink);border-radius:14px;background:#fff;padding:23px 18px;min-height:175px;display:flex;flex-direction:column;position:relative;box-shadow:4px 5px 0 #163d42}.flow-node small{font-size:9px;letter-spacing:1.2px;color:var(--orange);font-weight:850}.flow-node strong{font-size:25px;letter-spacing:-1px;line-height:1.1;margin:15px 0 10px}.flow-node p{font-size:11px;line-height:1.6;color:var(--muted)}.flow-node.campaign-node{background:var(--lime);transform:rotate(-2deg)}.flow-node.referrer-node{background:var(--purple);color:#fff;transform:rotate(2deg)}.flow-node.referrer-node small{color:var(--lime)}.flow-node.referrer-node p{color:#ffffffe0}.flow-connector{font-size:28px;font-weight:750;text-align:center;color:var(--purple)}.flow-result{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.flow-result>article{border:1px solid var(--ink);border-radius:12px;background:#fff;padding:18px}.flow-result>article:last-child{background:#fff0eb;box-shadow:4px 5px 0 var(--orange)}.flow-result small{display:block;font-size:9px;font-weight:850;color:var(--purple);letter-spacing:1px}.flow-result strong{display:block;font-size:17px;margin-top:9px;letter-spacing:-.4px}.flow-result p{font-size:10px;margin-top:7px;color:var(--muted)}.map-caption{padding:15px 24px;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}.path-strip{background:var(--ink);color:#fff;border:0;border-radius:14px;padding:23px 28px;gap:20px}.path-strip>span{color:#ffffffa8;font-size:11px}.path-strip b{font-family:inherit;font-weight:750;font-size:15px}.path-strip i{color:var(--lime)}.section{padding-block:72px}.section-heading h2{font-size:clamp(34px,3.5vw,48px);font-weight:820;letter-spacing:-.055em;line-height:1.04}.section-heading>p{font-size:14px}.text-link{font-size:13px;font-weight:750;color:var(--ink)}.campaign-card{border-color:var(--ink);border-radius:18px;box-shadow:5px 6px 0 var(--purple)}.campaign-card:nth-child(2){box-shadow:5px 6px 0 var(--orange)}.campaign-card:nth-child(3){box-shadow:5px 6px 0 var(--ink)}.campaign-card:hover{box-shadow:7px 8px 0 var(--ink);transform:translateY(-3px)}.campaign-art{background:#f3e7c8;border-bottom:1px solid var(--ink)}.campaign-art.sage{background:#f7fbcf}.campaign-art.lilac{background:#eef3ff}.art-label{color:var(--ink);font-size:10px;font-weight:850}.art-word{color:#163d4224}.campaign-body{padding:24px}.campaign-body h3{font-size:23px;font-weight:800;letter-spacing:-1px}.campaign-body p{font-size:13px}.card-meta{font-size:11px}.pill,.status{font-size:10px;font-weight:750}.pill.active{background:#f7fbcf;color:var(--ink);border:1px solid #163d4228}.card-bottom small{font-size:9px;line-height:1.5}.card-bottom strong{font-size:20px;font-weight:800}.circle-btn{background:var(--lime);border-color:var(--ink)}.step{border-top:3px solid var(--purple);padding-top:20px}.step:nth-child(2){border-color:var(--orange)}.step:nth-child(3){border-color:var(--ink)}.step>span{font-weight:850}.step h3{font-size:25px;font-weight:800}.step p{font-size:14px}.closing{background:var(--purple);border:1px solid var(--ink);box-shadow:8px 9px 0 var(--orange);border-radius:22px;padding:48px}.closing h2{font-size:45px;font-weight:820;letter-spacing:-2.2px}.closing p{color:#ffffffe0;font-size:14px}.closing .eyebrow{color:var(--lime);margin-bottom:15px}.closing .eyebrow:before{background:var(--lime)}.footer{font-size:12px;border-top:1px solid var(--line);padding-block:35px}.page-head h1{font-size:58px;line-height:1.02;font-weight:820;letter-spacing:-3px}.chip{border-radius:10px;font-weight:750;font-size:12px}.chip.selected{background:var(--purple);border-color:var(--purple)}.detail-side,.auth-form{border-color:var(--ink);box-shadow:7px 8px 0 var(--purple);border-radius:20px}.detail-side .reward-big{font-weight:850;color:var(--purple)}.detail-art h2{font-weight:800}.auth-story h1{font-weight:820;font-size:64px;letter-spacing:-3.5px}.auth-form h2{font-weight:800}.field{font-size:13px}.field input{background:#fff;border-color:var(--line)}.auth-story .step{border-color:var(--orange)}.auth-switch,.note{font-size:12px}.sidebar{background:var(--ink);border:0;color:#fff;padding:25px 18px}.sidebar .brand{gap:9px;flex-wrap:wrap}.sidebar .brand-crop{width:128px;height:44px}.sidebar .brand-crop img{width:220px;left:-31px;top:-78px}.sidebar .brand>span{font-size:12px;padding-left:9px}.side-label{color:#ffffff95;font-size:9px}.side-nav a{color:#ffffffe0;font-weight:700;font-size:13px}.side-nav a.active{background:var(--lime);color:var(--ink)}.side-help{background:#ffffff0d;border:1px solid #ffffff38;border-radius:12px}.side-help p{color:#ffffffb0}.side-help a{color:var(--lime)}.side-user{border-color:#ffffff30}.side-user small{color:#ffffffa8}.avatar{background:var(--orange);color:#fff;font-weight:800}.workspace{background:#fff; padding-inline:32px}.workspace-top{font-size:12px}.workspace-head h1{font-size:36px;font-weight:820;letter-spacing:-1.7px}.workspace-head p{font-size:13px}.dash-banner{background:var(--lav);color:var(--ink);border:1px solid var(--ink);box-shadow:6px 7px 0 var(--purple);border-radius:16px}.dash-banner:after{border:28px solid #1d56e815;width:200px;height:200px;right:60px;top:-85px}.dash-banner small{color:var(--purple);font-weight:850}.dash-banner h2{font-weight:800}.dash-banner p{color:var(--muted);font-size:12px}.metrics{margin-top:30px}.metric{border-color:var(--line);border-radius:13px}.metric small{font-size:11px}.metric strong{font-size:31px;font-weight:800;letter-spacing:-1.5px}.metric>span{font-size:10px}.metric.accent{background:var(--lime);border:1px solid var(--ink);box-shadow:4px 5px 0 var(--ink)}.panel{border-color:var(--line);border-radius:15px}.panel-head h2{font-size:18px;font-weight:800}.panel-head a{font-size:11px;font-weight:750}.bar{background:#c9d8fc}.bar:nth-child(3n){background:var(--purple)}.mini-thumb{background:#f3e7c8}.mini-thumb.sage{background:#f7fbcf}.mini-campaign strong{font-size:13px;font-weight:750}.mini-campaign small{font-size:10px}.mini-campaign button{font-size:10px;font-weight:750;border-radius:8px;border-color:var(--ink)}th{font-size:10px}td{font-size:12px}td small{font-size:10px}.reward-record{border-radius:14px}.reward-record summary strong{font-weight:800}.reward-record summary small{font-size:11px}.status.ongoing{background:#eef3ff;color:var(--purple)}.status.fulfilled{background:#f7fbcf;color:var(--ink)}.status.processed{background:#fff0eb;color:#963b28}.empty{background:var(--lav)}.empty h2{font-weight:800}.success-mark{border:1px solid var(--ink);box-shadow:4px 5px 0 var(--orange)}#toast{border-radius:12px;font-family:inherit}
@media(max-width:1100px){.hero{gap:28px}.hero h1{font-size:61px}.affiliate-flow{padding:23px 18px}.flow-node{padding:20px 14px}.flow-node strong{font-size:23px}.nav-links{gap:12px}.nav-actions{gap:18px}.brand-crop{width:130px;height:44px}.brand .brand-crop img{width:225px;left:-31px;top:-80px}.workspace-head h1{font-size:31px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{width:100%;height:auto;min-height:88px;padding:16px 18px;flex-wrap:wrap;gap:12px}.nav .brand-crop{width:112px;height:39px}.nav .brand-crop img{width:193px;top:-69px;left:-27px}.brand>span{font-size:13px;padding-left:9px}.nav-actions{gap:14px;font-size:12px}.nav-actions .btn{font-size:11px;padding:10px 13px;min-height:40px}.hero{grid-template-columns:1fr;min-height:0;padding-block:45px 55px;gap:38px}.hero h1{font-size:58px;letter-spacing:-3.7px}.hero-copy>p{font-size:15px;max-width:100%}.hero-actions{gap:12px}.hero-actions .btn{font-size:12px;padding:12px 16px}.affiliate-map{box-shadow:6px 7px 0 var(--purple);margin-right:6px}.affiliate-map>header{padding:16px}.affiliate-map>header small{font-size:9px}.affiliate-flow{grid-template-columns:1fr 22px 1fr;padding:22px 15px;gap:5px}.flow-node{min-height:175px;padding:18px 13px}.flow-node strong{font-size:22px}.flow-node small{font-size:8px}.flow-node p{font-size:10px}.flow-connector{font-size:23px}.flow-result{gap:10px}.flow-result>article{padding:15px 12px}.flow-result strong{font-size:15px}.map-caption{font-size:9px;padding:15px}.path-strip{padding:20px 16px;gap:10px}.path-strip b{font-size:10px}.path-strip i{font-size:15px}.section{padding-block:52px}.section-heading h2{font-size:35px}.section-heading>.text-link{font-size:11px}.grid{gap:25px;padding-right:6px}.closing{padding:30px 25px;margin-right:6px}.closing h2{font-size:34px}.footer{font-size:11px}.page-head h1{font-size:43px}.auth-story h1{font-size:49px}.sidebar{padding:20px 12px 14px}.sidebar .brand{flex-wrap:nowrap}.sidebar .brand-crop{width:112px;height:39px}.sidebar .brand-crop img{width:193px;top:-69px;left:-27px}.sidebar .brand>span{font-size:13px}.side-nav a{font-size:11px;padding:10px 8px}.workspace{padding-inline:18px}.workspace-head h1{font-size:28px}.workspace-head .btn{font-size:10px;min-height:42px;padding:10px 12px}.dash-banner{margin-right:6px;padding:24px}.dash-banner h2{font-size:25px}.metrics{gap:12px}.metric{padding:17px}.metric strong{font-size:27px}.metric small{font-size:10px}.metric>span{font-size:9px}.metric.accent{margin-right:4px}.workspace .grid{padding-right:6px}}
