@import "tailwindcss";

:root{--ink:#151818;--paper:#f2f0ea;--orange:#ff5a1f;--line:#cac8c0;--muted:#686c69;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:.12em;text-decoration:none;color:inherit}.brand span,.brand b{display:grid;place-items:center;width:34px;height:34px;background:var(--orange);color:white;letter-spacing:-.12em;font-size:14px}.navlinks{display:flex;gap:30px}.navlinks a,.navCta{color:inherit;text-decoration:none;font-size:13px;font-weight:700}.navlinks a:hover{color:var(--orange)}.navCta{border:1px solid var(--ink);padding:13px 18px}.navCta:hover{background:var(--ink);color:white}.hero{padding:100px 0 42px}.eyebrow,.label,.sectionHead>span,.sectionHead>div>span{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--orange)}.eyebrow i{width:7px;height:7px;background:var(--orange);display:inline-block;margin-right:9px}.hero h1{font-size:clamp(54px,8.2vw,112px);line-height:.88;letter-spacing:-.065em;margin:30px 0 34px;max-width:1100px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.lead{font-size:19px;line-height:1.55;max-width:680px;color:#505451}.heroActions{display:flex;gap:12px;margin:38px 0 85px}.button{padding:16px 20px;text-decoration:none;font-size:13px;font-weight:800;display:inline-flex;gap:35px}.primary{background:var(--orange);color:white}.primary:hover{background:#df4410}.ghost{border:1px solid var(--line);color:inherit}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics div{padding:26px 0}.metrics div+div{border-left:1px solid var(--line);padding-left:30px}.metrics strong{display:block;font-size:28px}.metrics span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.section{padding:115px 0}.sectionHead{margin-bottom:52px}.sectionHead h2{font-size:clamp(42px,5.5vw,72px);letter-spacing:-.05em;line-height:.98;margin:20px 0}.sectionHead p{color:var(--muted);line-height:1.6;max-width:440px}.sectionHead.row{display:flex;align-items:end;justify-content:space-between;gap:30px}.auditGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:38px;border:1px solid var(--line);min-height:390px}.panelLabel{font-size:11px;font-weight:800;letter-spacing:.14em;margin-bottom:48px}.panel ul{list-style:none;padding:0;margin:0}.panel li{font-size:20px;padding:16px 0;border-top:1px solid var(--line)}.panel li:before{content:'✓';color:#16835c;margin-right:14px;font-weight:bold}.panel.improve{background:var(--ink);color:white;border-color:var(--ink)}.panel.improve li{border-color:#393d3d}.panel.improve li:before{content:'↗';color:var(--orange)}.positioning{background:var(--orange);color:white;padding:95px 0}.positionInner{display:grid;grid-template-columns:1fr 1fr;gap:90px}.positioning .label{color:white;opacity:.75}.positioning h2{font-size:58px;line-height:.98;letter-spacing:-.04em;margin:24px 0}.quote{border-left:1px solid rgba(255,255,255,.45);padding-left:55px}.quote p{font-family:Georgia,serif;font-size:28px;line-height:1.4;margin:0 0 30px}.quote small{font-size:10px;letter-spacing:.13em;line-height:1.5}.pillarLayout{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--line)}.pillarTabs{display:flex;flex-direction:column}.pillarTabs button{flex:1;display:grid;grid-template-columns:45px 1fr auto;align-items:center;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);padding:20px 24px;font-weight:750;font-size:16px;cursor:pointer}.pillarTabs button:last-child{border-bottom:0}.pillarTabs button span,.pillarTabs button b{font-size:11px;color:var(--muted)}.pillarTabs button.active{background:var(--orange);color:white}.pillarTabs button.active span,.pillarTabs button.active b{color:white}.pillarDetail{background:white;padding:55px;position:relative;min-height:430px;overflow:hidden}.bigNum{position:absolute;right:25px;top:-30px;font-size:190px;font-weight:900;color:#f0eee8;letter-spacing:-.1em}.share{position:relative;font-size:10px;letter-spacing:.12em;color:var(--muted)}.share strong{display:block;color:var(--orange);font-size:32px;margin-top:5px}.pillarDetail h3{position:relative;font-size:40px;max-width:440px;margin:58px 0 18px}.pillarDetail p{position:relative;font-size:18px;color:var(--muted);line-height:1.6;max-width:520px}.tags{position:relative;display:flex;gap:8px;margin-top:35px}.tags span{border:1px solid var(--line);padding:8px 12px;font-size:11px;text-transform:uppercase}.channels{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;border:1px solid var(--line)}.channels div{padding:26px}.channels div+div{border-left:1px solid var(--line)}.channels span{font-size:10px;letter-spacing:.13em;color:var(--orange);font-weight:800}.channels strong{display:block;margin:12px 0}.channels p{font-size:13px;line-height:1.5;color:var(--muted)}.darkSection{background:var(--ink);color:white}.sectionHead.light h2{color:white}.campaigns{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #3c4040}.campaigns article{padding:36px;min-height:430px;display:flex;flex-direction:column}.campaigns article+article{border-left:1px solid #3c4040}.campaignNo{font-size:50px;font-weight:900;color:#353939;letter-spacing:-.06em}.campaigns small{color:var(--orange);font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-top:30px}.campaigns h3{font-size:27px;line-height:1.1;margin:18px 0}.campaigns p{color:#aeb2af;line-height:1.6}.campaigns button{margin-top:auto;background:transparent;color:white;border:0;border-top:1px solid #3c4040;padding:20px 0 0;text-align:left;font-weight:bold;display:flex;justify-content:space-between;cursor:pointer}.campaigns button:hover{color:var(--orange)}.timelineTabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.timelineTabs button{border:0;background:transparent;padding:18px;font-weight:bold;color:var(--muted);cursor:pointer}.timelineTabs button.active{background:var(--orange);color:white}.timelineContent{background:white;padding:50px;display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;min-height:330px}.timelineContent h3{font-size:42px;letter-spacing:-.04em;margin:0}.timelineContent ol{margin:0;padding:0;list-style:none;counter-reset:item}.timelineContent li{counter-increment:item;padding:14px 0;border-bottom:1px solid #ddd;font-size:17px}.timelineContent li:before{content:'0' counter(item);color:var(--orange);font-size:10px;font-weight:bold;margin-right:18px}footer{background:#0d0f0f;color:white;padding:42px 0}footer .shell{display:flex;justify-content:space-between;align-items:center}footer p{font-size:12px;color:#858987;margin:15px 0 0}footer a{color:white;font-size:12px;text-decoration:none}
@media(max-width:800px){.shell{width:min(100% - 30px,1180px)}.navlinks{display:none}.navCta{display:none}.nav{height:68px}.hero{padding-top:70px}.hero h1{font-size:56px}.metrics{grid-template-columns:1fr 1fr}.metrics div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.metrics div:nth-child(4){border-top:1px solid var(--line)}.section{padding:78px 0}.sectionHead.row,.positionInner{display:block}.positioning h2{font-size:44px}.quote{border-left:0;border-top:1px solid rgba(255,255,255,.45);padding:35px 0 0}.auditGrid,.pillarLayout,.campaigns,.timelineContent{grid-template-columns:1fr}.pillarDetail{padding:35px}.channels{grid-template-columns:1fr 1fr}.channels div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.channels div:nth-child(4){border-top:1px solid var(--line)}.campaigns article+article{border-left:0;border-top:1px solid #3c4040}.timelineContent{gap:25px}.timelineTabs button{font-size:12px}footer .shell{align-items:flex-start}.heroActions{flex-direction:column}.button{justify-content:space-between}}

/* Loyality brand palette */
:root{--ink:#201e1f;--paper:#ffffff;--orange:#fbb714;--line:#d9d6d2;--muted:#686566;--tertiary:#004a4e}
body{background:var(--ink)}
.nav{background:#fff;border-bottom:0;padding-left:22px;padding-right:22px;width:min(1224px,calc(100% - 48px))}
.logoBrand img{display:block;width:220px;height:auto}.brand.logoBrand{letter-spacing:0}.brand.logoBrand span,.brand.logoBrand b{display:none}
.hero{color:#fff}.hero h1,.sectionHead h2,.pillarDetail h3,.timelineContent h3{color:var(--orange)}.hero h1 em{color:#fff}.hero .lead{color:#d8d4d5}.hero .metrics{border-color:#4b4749}.hero .metrics div+div{border-color:#4b4749}.hero .metrics span{color:#aaa5a7}
.primary{background:var(--orange);color:var(--ink)}.primary:hover{background:#ffd05c}.ghost{border-color:#686264;color:#fff}.ghost:hover{border-color:var(--orange);color:var(--orange)}
#audit,#komunikacia,#plan{background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}
.positioning{background:var(--tertiary)}.positioning h2{color:var(--orange)}.positioning .label{color:var(--orange);opacity:1}
.panel.improve,.darkSection{background:var(--ink)}.panel.improve li:before,.campaigns small,.campaigns button:hover{color:var(--orange)}
.pillarTabs button.active,.timelineTabs button.active{background:var(--tertiary)}.share strong,.sectionHead>span,.sectionHead>div>span,.channels span{color:var(--tertiary)}
.bigNum{color:#f4eddc}.tags span{border-color:var(--orange)}
.darkSection .sectionHead h2,.campaigns h3{color:var(--orange)}.campaignNo{color:#3b3739}.campaigns{border-color:#514b4e}.campaigns article+article,.campaigns button{border-color:#514b4e}
footer{background:var(--tertiary)}.footerLogo{background:#fff;padding:10px 14px;width:max-content}.footerLogo img{width:185px}footer p{color:#c1d0d1}
@media(max-width:800px){.nav{width:calc(100% - 30px);padding:0 14px}.logoBrand img{width:175px}.hero h1{font-size:52px}.positioning{padding:72px 0}.footerLogo img{width:150px}}

.competitorBand{background:#f3f1ed;color:var(--ink)}.competitorGrid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff}.competitorGrid article{padding:28px;min-height:390px;display:flex;flex-direction:column}.competitorGrid article+article{border-left:1px solid var(--line)}.competitorTop{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}.competitorTop span{color:var(--orange);font-size:12px;font-weight:900}.competitorTop b{font-size:18px}.competitorGrid small{color:var(--tertiary);font-weight:900;letter-spacing:.1em;font-size:9px;margin-top:24px}.competitorGrid h3{font-size:16px;margin:26px 0 10px}.competitorGrid p{color:var(--muted);line-height:1.55;margin:0}.weak{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:12px;line-height:1.5}.weak b{display:block;color:var(--ink);margin-bottom:5px}.betterGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:22px}.betterGrid article{background:#fff;padding:28px}.betterGrid span{color:var(--orange);font-size:12px;font-weight:900}.betterGrid h3{font-size:21px;margin:20px 0 10px}.betterGrid p{color:var(--muted);line-height:1.55;font-size:14px}.difference{display:grid;grid-template-columns:1fr 1fr;margin-top:22px}.difference>div{padding:38px;background:var(--ink);color:#fff}.difference>div+div{background:var(--tertiary)}.difference small{color:var(--orange);font-weight:900;letter-spacing:.13em}.difference p{font-size:17px;line-height:1.5}.difference h3{color:var(--orange);font-size:28px;line-height:1.25;margin:20px 0 0}
@media(max-width:900px){.competitorGrid{grid-template-columns:1fr 1fr}.competitorGrid article:nth-child(3){border-left:0;border-top:1px solid var(--line)}.competitorGrid article:nth-child(4){border-top:1px solid var(--line)}.betterGrid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.competitorGrid,.betterGrid,.difference{grid-template-columns:1fr}.competitorGrid article+article{border-left:0;border-top:1px solid var(--line)}.competitorGrid article{min-height:330px}.difference>div{padding:28px}}

.mediaBand{background:#fff;color:var(--ink)}.channelCompare{display:grid;grid-template-columns:1fr 1fr}.channelCompare article{padding:45px;background:var(--tertiary);color:#fff}.channelCompare article+article{background:var(--orange);color:var(--ink)}.channelName{font-size:11px;font-weight:900;letter-spacing:.18em}.channelCompare h3{font-size:38px;letter-spacing:-.04em;margin:28px 0 14px}.channelCompare p{line-height:1.6;max-width:500px}.channelCompare ul{padding:20px 0 0;margin:25px 0 0;border-top:1px solid rgba(255,255,255,.28);list-style:none}.channelCompare article+article ul{border-color:rgba(32,30,31,.25)}.channelCompare li{padding:8px 0;font-weight:700}.channelCompare li:before{content:'↗';margin-right:12px}.psychology{padding:60px 0}.psychology>h3{font-size:34px;color:var(--orange);margin:0 0 30px}.psyGrid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}.psyGrid article{padding:24px;min-height:185px}.psyGrid article+article{border-left:1px solid var(--line)}.psyGrid span,.topicMatrix small,.mediaMessage small{font-size:9px;font-weight:900;letter-spacing:.11em;color:var(--tertiary)}.psyGrid b{display:block;font-size:15px;margin:25px 0 10px}.psyGrid p{font-size:12px;color:var(--muted);line-height:1.5}.principles{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);color:#fff}.principles article{padding:30px;min-height:240px}.principles article+article{border-left:1px solid #504b4d}.principles span{color:var(--orange);font-size:12px;font-weight:900}.principles h3{color:var(--orange);font-size:20px;margin:30px 0 12px}.principles p{color:#b9b5b7;font-size:14px;line-height:1.55}.topicMatrix{display:grid;grid-template-columns:1fr 1fr;margin-top:22px;border:1px solid var(--line)}.topicMatrix>div{padding:40px}.topicMatrix>div+div{border-left:1px solid var(--line)}.topicMatrix h3{font-size:27px;margin:18px 0 25px}.topicMatrix ul{list-style:none;padding:0;margin:0}.topicMatrix li{padding:12px 0;border-top:1px solid var(--line);font-size:14px}.topicMatrix li:before{content:'✓';color:var(--orange);font-weight:900;margin-right:12px}.funnel{display:grid;grid-template-columns:repeat(4,1fr);margin-top:22px;background:#f3f1ed}.funnel article{padding:28px}.funnel article+article{border-left:1px solid var(--line)}.funnel>article>span{font-size:32px;font-weight:900;color:var(--orange)}.funnel small{display:block;color:var(--tertiary);font-size:9px;font-weight:900;letter-spacing:.1em;margin:25px 0 12px}.funnel h3{font-size:20px;margin:0 0 10px}.funnel p{font-size:13px;line-height:1.5;color:var(--muted)}.mediaMessage{margin-top:22px;background:var(--tertiary);color:#fff;padding:55px}.mediaMessage small{color:var(--orange)}.mediaMessage h3{font-size:34px;line-height:1.3;max-width:950px;margin:25px 0 40px}.mediaMessage>div{display:flex;gap:12px;flex-wrap:wrap}.mediaMessage>div span{border:1px solid rgba(255,255,255,.4);padding:12px 16px;font-size:12px;font-weight:800}
@media(max-width:900px){.psyGrid{grid-template-columns:1fr 1fr}.psyGrid article+article{border-left:0;border-top:1px solid var(--line)}.principles,.funnel{grid-template-columns:1fr 1fr}.principles article:nth-child(3),.funnel article:nth-child(3){border-left:0;border-top:1px solid #504b4d}.funnel article:nth-child(3){border-top-color:var(--line)}}@media(max-width:600px){.channelCompare,.topicMatrix,.principles,.funnel,.psyGrid{grid-template-columns:1fr}.channelCompare article,.topicMatrix>div,.mediaMessage{padding:28px}.topicMatrix>div+div,.principles article+article,.funnel article+article{border-left:0;border-top:1px solid var(--line)}.mediaMessage h3{font-size:25px}}