@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,500;0,9..144,700;1,9..144,300&family=Poppins:wght@400;500;600&display=swap');

@font-face { font-family: 'Inter'; src: url('../fonts/Inter-4/web/InterDisplay-Thin.woff2') format('woff2'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/Inter-4/web/InterDisplay-ThinItalic.woff2') format('woff2'); font-weight: 100; font-style: italic; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/Inter-4/web/InterDisplay-ExtraLight.woff2') format('woff2'); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/Inter-4/web/InterDisplay-ExtraLightItalic.woff2') format('woff2'); font-weight: 200; font-style: italic; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/Inter-4/web/InterDisplay-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/Inter-4/web/InterDisplay-LightItalic.woff2') format('woff2'); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/Inter-4/web/InterDisplay-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/Inter-4/web/InterDisplay-Italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/Inter-4/web/InterDisplay-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/Inter-4/web/InterDisplay-MediumItalic.woff2') format('woff2'); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/Inter-4/web/InterDisplay-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/Inter-4/web/InterDisplay-SemiBoldItalic.woff2') format('woff2'); font-weight: 600; font-style: italic; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/Inter-4/web/InterDisplay-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/Inter-4/web/InterDisplay-BoldItalic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/Inter-4/web/InterDisplay-ExtraBold.woff2') format('woff2'); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/Inter-4/web/InterDisplay-ExtraBoldItalic.woff2') format('woff2'); font-weight: 800; font-style: italic; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/Inter-4/web/InterDisplay-Black.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/Inter-4/web/InterDisplay-BlackItalic.woff2') format('woff2'); font-weight: 900; font-style: italic; font-display: swap; }
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--text:#031225;--text2:#03122599;--text3:#03122570;--bg:#fff;--bg2:#F9F6EE;--border:#03122599;--border2:#03122588;
    --g:#008F7D;
    --salmon:#EB6C5F;
    --salmon11:#EB6C5F11;
    --salmon22:#EB6C5F22;
    --salmon44:#EB6C5F44;
    --salmon66:#EB6C5F66;
    --deepred:#D92B1A;
    --deepred11:#D92B1A11;
    --deepred22:#D92B1A22;
    --deepred44:#D92B1A44;
    --deepred66:#D92B1A66;
    --purple:#9B6DC9;
    --purple11:#9B6DC911;
    --purple22:#9B6DC922;
    --purple44:#9B6DC944;
    --purple66:#9B6DC966;
    --blue:#83BACE;
    --blue11:#83BACE11;
    --blue22:#83BACE22;
    --blue44:#83BACE44;
    --blue66:#83BACE66;
    --gold:#E8BF2F;
    --gold11:#E8BF2F11;
    --gold22:#E8BF2F22;
    --gold44:#E8BF2F44;
    --gold66:#E8BF2F66;
    --teal:#5EB5AA;
    --teal11:#5EB5AA11;
    --teal22:#5EB5AA22;
    --teal44:#5EB5AA44;
    --teal66:#5EB5AA66;
    --darkteal:#004C42;
    --deepnavy:#082D5D;
    --deepnavy11:#082D5D11;
    --deepnavy22:#082D5D22;
    --deepnavy44:#082D5D44;
    --deepnavy66:#082D5D66;
    --navy:#0C448C;
    --navy11:#0C448C11;
    --navy22:#0C448C22;
    --navy44:#0C448C44;
    --navy66:#0C448C66;
    --glow:#B1C11F;
    --glow11:#B1C11F11;
    --glow22:#B1C11F22;
    --glow44:#B1C11F44;
    --glow66:#B1C11F66;
}
body{
  font-family:'Inter',sans-serif;
    font-size: 17px;
  line-height: 1.65;
  letter-spacing: 0.01em;
  color:var(--text);background:var(--bg);}
.root{max-width:1330px;margin:0 auto;padding:0 24px 4rem}
a:hover{color:var(--g)}
/* NAV */
.site-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0;margin-bottom:0}
.nav-wordmark{font-family:'Fraunces',serif;font-size:17px;font-weight:700;letter-spacing:-.02em;text-decoration:none;color:var(--text)}
.nav-wordmark sup{font-size:9px;font-weight:500;color:var(--text3);vertical-align:super;margin-left:2px;font-family:'DM Sans',sans-serif}
.nav-wordmark img{height:26px;width:auto;margin-bottom: 0px;}
.nav-center{display:flex;gap:6px}
.nav-product{font-size:13px;font-weight:500;padding:5px 11px;border-radius:20px;color:var(--text3);text-decoration:none;border:.5px solid transparent}
.nav-product:hover{background:var(--bg2)}
.nav-product.folkic{color:var(--text)}.nav-product.masslore{color:var(--text)}.nav-product.magazine{color:var(--text)}.nav-product.community{color:var(--text)}
.nav-right{display:flex;gap:10px;align-items:center}
.nav-link{font-size:13px;color:var(--text2);text-decoration:none}
.nav-cta{font-size:13px;font-weight:500;padding:7px 14px;border-radius:6px;border:.5px solid var(--deepred);color:var(--bg);text-decoration:none;background: var(--deepred);}
/* BREADCRUMB */
.bc{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text3);margin-bottom:28px}
.bc a{color:var(--text2);text-decoration:none}.bc a:hover{color:var(--text)}
.bc span{opacity:.4}.bc-current{opacity:1;color:var(--text2)}
/* TYPOGRAPHY */
.eyebrow{font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--g);display:block;margin-bottom:12px}
h1{font-family:'Fraunces',serif;font-size:44px;font-weight:700;line-height:1.06;letter-spacing:-.022em;margin:0 0 16px}
h1 em{font-style:italic;font-weight:300;color:var(--deepred)}
h1 sup{font-size:32px;font-weight:500;color:var(--text);vertical-align:top;margin:0 4px 0 0;font-family:'DM Sans',sans-serif}
h2{font-family:'Fraunces',serif;font-size:28px;font-weight:700;line-height:1.2;margin:36px 0 12px}
h2 em{font-style:italic;font-weight:300;color:var(--deepred)}
h2:first-child{margin-top:0}
h3{font-family:'Fraunces',serif;font-size:20px;font-weight:700;margin:28px 0 10px}
.intro{font-weight:500;font-size:17px;line-height:1.75;color:var(--text);max-width:560px;margin:0 0 24px}
.intro em{font-style:italic;color:var(--text)}
p,.body-text{font-size:16px;line-height:1.8;color:var(--text2);margin:0 0 16px}
p em,.body-text em{font-style:italic;color:var(--text)}
p a{color:var(--g);text-decoration: none;}
.section-label{font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin:32px 0 14px;display:block}
.card-label{font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);font-family:'Inter',sans-serif;}
/* HEADER IMAGE */
.header-image{position:relative;left:50%;transform:translateX(-50%);width:100vw;height:350px;background-image:url('../img/shards.png');background-repeat:no-repeat;background-position:center bottom;background-size:1550px auto;overflow:hidden;}
/* SECTION IMAGE */
.section-image{margin:64px 0;width:100%;padding:22% 0%;background-repeat:no-repeat;background-position:center;background-size:contain;border-radius:10px;}
.folkic-image{background-image:url('../img/folkic.svg')}
.masslore-image{background-image:url('../img/masslore.svg');background-size: 75%;margin-top: 0px;margin-bottom: 0;}
.memento-image{background-image:url('../img/memento.svg');margin-top: 0px;}
.krnl-image{background-image:url('../img/krnl.svg')}
.rmrkst-image{background-image:url('../img/rmrkst.svg')}
.colr-image{background-image:url('../img/colr.svg')}
.lumo-image{background-image:url('../img/lumo2.svg');margin-top: 0px;}
.folkic-phone{background-image:url('../img/folkic-phone.webp');background-size:contain;background-position:center;background-repeat:no-repeat;}
.folkic-phone-fr{display: grid;gap:32px;grid-template-columns: 2fr 1fr;margin: 0 !important;padding: 0 !important;}
/* HERO */
.hero{padding:5px 0 0px;margin-bottom:44px}
.main-hero{padding:52px 0 44px;margin-bottom:44px}
/* CARDS */
.card{border:.5px solid var(--deepred);border-radius:12px;padding:22px;display:block;text-decoration:none;transition:border-color .15s;background:var(--deepred11);border-color: var(--deepred) !important;}
.card-cream{border-radius:12px;padding:22px;display:block;text-decoration:none;transition:border-color .15s;background:var(--bg2);border-color: var(--bg2) !important;}
.card-a{border:.5px solid var(--text2) !important}
.card:hover{border-color:var(--border2)}
.card-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:36px}
.card-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:36px}
.card-grid-3.news{display:grid;grid-template-columns: 4fr .75fr 2fr;gap:12px;margin-bottom:36px}
.card-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:36px}
.card-title{font-family:'Fraunces',serif;font-size:17px;font-weight:700;margin-bottom:6px;color:var(--text)}
.card-body{font-size:14px;line-height:1.65;color:var(--text2)}
.card-ghost{background:transparent !important;}
.card-min{background:transparent !important;border:.5px solid var(--border) !important;}
.card.folkic{border-color:var(--g) !important;background:var(--teal22) !important;}
.fanotype-grid-2{display:grid;grid-template-columns:0.75fr 1fr;gap:12px;margin-bottom:36px}
/* BUTTONS */
.btn{font-size:15px;font-weight:500;padding:11px 22px;border-radius:8px;text-decoration:none;display:inline-block;border:.5px solid var(--deepred) !important;color:var(--bg) !important;background:var(--deepred) !important}
.btn-primary{background:var(--deepred);color:var(--bg);border-color:var(--deepred)}
.btn-folkic{background:var(--g) !important;color:#fff;border-color:var(--g) !important}
.btn-soft-folkic{background:var(--salmon22) !important;color:var(--salmon) !important;border:none !important}
.btn-masslore{background:var(--purple) !important;color:#fff;border-color:var(--purple) !important}
.btn-soft-masslore{background:var(--purple22) !important;color:var(--purple) !important;border:none !important}
.btn-ghost{background:transparent !important;color:var(--text2) !important;padding:11px 4px;border:none !important}
/* FAQ */
.faq-list{margin-bottom:28px}
.faq-item{border-bottom:.5px solid var(--border);padding:16px 0}
.faq-q{font-size:15px;font-weight:500;color:var(--text);margin-bottom:8px}
.faq-a{font-size:15px;color:var(--text2);line-height:1.7}
.faq-a a{color:var(--text2)}
.faq-last{border-bottom:none;padding-bottom:0;margin-bottom:0}
/* STATS */
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:36px}
.stat{background:var(--bg2);border-radius:8px;padding:16px}
.stat-num{font-family:'Fraunces',serif;font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}
.stat-label{font-size:13px;color:var(--text3);line-height:1.4}
/* META GRID */
.meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:28px}
.meta-grid.econ-4{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom: 10px;}
.meta-grid.econ-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.meta-cell{background:var(--bg2);border-radius:8px;padding:12px 14px}
.meta-label{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);margin-bottom:4px}
.meta-value{font-size:15px;font-weight:500;line-height:1.4}
.meta-value a{color:var(--text2)}
/* CTA BAR */
.cta-bar{background:var(--bg2);border-radius:12px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:36px 0}
.cta-bar.folkic{background:var(--teal22) !important; border: .5px solid var(--g) !important;}
.cta-bar-title{font-family:'Fraunces',serif;font-size:20px;font-weight:700;margin-bottom:6px}
.cta-bar-body{font-size:15px;color:var(--text2);line-height:1.5}
.card-row{display:flex;align-items:center;justify-content:space-between;gap:20px;}
/* QUOTE */
.pullquote{border-left:2px solid var(--deepred);padding:0 0 0 18px;margin:28px 0}
.pullquote p{font-family:'Fraunces',serif;font-style:italic;font-weight:300;font-size:19px;line-height:1.55;color:var(--text);margin-bottom:8px}
.pullquote cite{font-size:13px;color:var(--text3);font-style:normal}
/* IP NOTICE */
.ip-notice{font-size:13px;line-height:1.6;color:var(--text3);border-left:2px solid var(--border2);padding-left:14px;margin-bottom:36px;max-width:560px}
/* PERSONA WHEEL */
.persona-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}
.persona-card{border-radius:12px;padding:18px;text-decoration:none;display:block;transition:transform .15s}
.persona-card:hover{transform:translateY(-2px)}
.persona-dot{width:10px;height:10px;border-radius:50%;margin-bottom:10px}
.persona-name{font-family:'Fraunces',serif;font-size:16px;font-weight:700;margin-bottom:4px}
.persona-focus{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);margin-bottom:8px}
.persona-desc{font-size:13px;line-height:1.6;color:var(--text2);margin-bottom:8px}
.persona-opp{font-size:12px;color:var(--text3);font-style:italic}
.persona-image-grid {display:grid;grid-template-columns:1fr 3fr;gap:30px;margin-bottom:36px}
.persona-image-width {margin-top:20px;width:90%; border-radius: 50%; display: block;}
/* AXES */
.axis-grid{display:flex;flex-direction:column;gap:36px;margin-bottom:36px}
.axis-row{border:.5px solid var(--border);border-radius:10px;padding:18px;display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;gap:10px}
.axis-half{padding:24px 24px;border-radius:8px;background:var(--bg2)}
.axis-half-label{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);margin-bottom:4px}
.axis-half-names{font-family:'Fraunces',serif;font-size:16px;font-weight:600;line-height:1.4}
.axis-vs{content:'/';text-align:center;font-size:36px;font-weight:500;color:var(--text3);text-transform:uppercase}
.axis-vs::before{content:'/'}
/* TEAM */
.team-header{display:grid;grid-template-columns:80px 1fr;gap:22px;align-items:start;margin-bottom:0px;padding-bottom:36px;}
.avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-size:28px;font-weight:700;flex-shrink:0;}
.john-avatar{background-image:url('../img/john.png');background-size:cover;background-position:center}
.diana-avatar{background-image:url('../img/diana.png');background-size:cover;background-position:center}
.steph-avatar{background-image:url('../img/steph.png');background-size:cover;background-position:center}
.sean-avatar{background-image:url('../img/sean-sq.svg');background-size:cover;background-position:center;border-radius:50%}
.larry-avatar{background-image:url('../img/larry.png');background-size:cover;background-position:center}
.juliette-avatar{background-image:url('../img/juliette.png');background-size:cover;background-position:center}
.irina-avatar{background-image:url('../img/irina.webp');background-size:cover;background-position:center}
.team-name-block h1{font-size:36px}
.team-role{font-size:15px;color:var(--text2);margin-bottom:14px}
.team-links{display:flex;gap:10px;flex-wrap:wrap}
.team-link{font-size:13px;font-weight:500;padding:5px 12px;border-radius:20px;border:.5px solid var(--deepred);color:var(--bg);text-decoration:none;background: var(--deepred);}
.team-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:24px;padding-top:0px;}
.team-strip-link{text-align:center;text-decoration:none;padding:12px 8px;border:.5px solid var(--border);border-radius:10px;transition:border-color .15s}
.team-strip-link:hover{border-color:var(--border2)}
.team-mini-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-size:13px;font-weight:700;margin:0 auto 6px}
.team-mini-name{font-size:12px;font-weight:500;color:var(--text2)}
/* COMPARE */
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:36px}
.compare-card{border:.5px solid var(--border);border-radius:12px;padding:22px}
.compare-card.featured{border-color:var(--teal44)}
.compare-name{font-family:'Fraunces',serif;font-size:20px;font-weight:700;margin-bottom:10px}
.compare-name.folkic{color:var(--g)}
.compare-desc{font-size:15px;line-height:1.7;color:var(--text2);margin-bottom:14px}
.compare-best-label{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--deepred);margin-bottom:8px}
.compare-item{display:flex;align-items:flex-start;gap:7px;font-size:14px;color:var(--text2);line-height:1.5;margin-bottom:5px}
.compare-dot{width:5px;height:5px;border-radius:50%;margin-top:6px;flex-shrink:0}
.compare-use-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:36px}
.compare-use{border-radius:10px;padding:18px}
.choose-folkic{border:.5px solid var(--teal44);background:#062b2010}
.choose-other{border:.5px solid var(--border);background:var(--bg2)}
.compare-use-heading{font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}
.compare-use-heading.folkic{color:var(--g)}
.compare-use-heading.other{color:var(--text3)}
.compare-use-item{font-size:14px;color:var(--text2);line-height:1.6;margin-bottom:5px;padding-left:12px;position:relative}
.compare-use-item::before{content:'';position:absolute;left:0;top:7px;width:4px;height:4px;border-radius:50%;background:var(--text3)}
.honest-note{border-left:2px solid var(--deepred);padding:16px 20px;margin-bottom:36px}
.honest-note h3{font-family:'Fraunces',serif;font-size:16px;margin-bottom:8px;margin-top:0}
.honest-note p{font-size:15px;line-height:1.7;color:var(--text2)}
.others-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.others-grid a{font-size:14px;color:var(--text2);text-decoration:none;padding:7px 14px;border:.5px solid var(--border);border-radius:20px}
.others-grid a:hover{border-color:var(--border2)}
.chip{font-size:12px;color:var(--bg);background:var(--deepred);text-decoration:none;padding:7px 14px;border-radius:20px;display:inline-block;margin: 0 0 20px;}
.chip-featured{font-size:12px;color:var(--bg);background:var(--purple);text-decoration:none;padding:7px 14px;border-radius:20px;display:inline-block;}
/* FOR/USE CASE */
.fanotype-tag{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;padding:5px 12px;border-radius:20px;margin-bottom:20px}
.feature-list{margin:16px 0 36px}
.feature-item{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:16px 0;align-items:start}
.feature-item:last-child{border-bottom:none}
.feature-icon{width:36px;height:36px;border-radius:8px;background:var(--bg2);display:flex;align-items:center;justify-content:center}
.g{border:.5px solid var(--glow);background: var(--glow22);}
.n{border:.5px solid var(--navy);background: var(--navy22);}
.r{border:.5px solid var(--deepred);background: var(--deepred22);}
.t{border:.5px solid var(--teal);background: var(--teal22);}
.go{border:.5px solid var(--gold);background: var(--gold22);}
.p{border:.5px solid var(--purple);background: var(--purple22);}
.feature-name{font-size:15px;font-weight:500;color:var(--text);margin-bottom:4px}
.feature-desc{font-size:14px;color:var(--text2);line-height:1.6}
.tier-rec{display:inline-block;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:20px;background:var(--bg2);color:var(--text3);margin-bottom:28px}
/* GLOSSARY */
.glossary-entry{padding:16px 0;border-bottom:.5px solid var(--border)}
.glossary-entry-last{border-bottom:none}
.glossary-term{font-family:'Fraunces',serif;font-size:16px;font-weight:700;margin-bottom:6px}
.glossary-def{font-size:15px;color:var(--text2);line-height:1.7}
/* PRICING */
.price-tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.price-tier{border:.5px solid var(--border);border-radius:12px;padding:18px;display:flex;flex-direction:column}
.price-tier.featured{border:2px solid var(--purple66)}
.tier-badge{font-size:10.6px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:20px;margin-bottom:10px;display:inline-block;align-self:flex-start;background:var(--bg2);color:var(--text3)}
.tier-badge.best{background:var(--purple22);color:var(--purple);border:.5px solid var(--purple66)}
.tier-name{font-family:'Fraunces',serif;font-size:20px;font-weight:700;margin-bottom:4px}
.tier-sub{font-size:12px;font-style:italic;color:var(--text3);margin-bottom:12px}
.tier-price{font-family:'Fraunces',serif;font-size:26px;font-weight:700;margin-bottom:2px}
.tier-per{font-size:13px;color:var(--text3);margin-bottom:14px}
.tier-was{font-size:12px;color:var(--text3);text-decoration:line-through;margin-left:5px}
.tier-cta{font-size:14px;font-weight:500;padding:8px 0;border-radius:7px;text-align:center;display:block;text-decoration:none;margin-bottom:14px;border:.5px solid var(--border2);color:var(--text)}
.tier-cta.featured{background:var(--purple);color:#fff;border-color:var(--purple)}
.tier-divider{border:none;border-top:.5px solid var(--text3);margin:12px 0 24px}
.tier-feat{font-size:13px;color:var(--text2);line-height:1.5;margin-bottom:6px;display:flex;align-items:flex-start;gap:6px}
.tier-dot{width:4px;height:4px;border-radius:50%;background:var(--text3);margin-top:6px;flex-shrink:0}
.tier-dot.g{background:var(--g)}.tier-dot.p{background:var(--purple)}.tier-dot.a{background:var(--salmon)}
.tier-alloc{margin-top:10px;font-size:12px;color:var(--text3)}
.tier-alloc .k{color:var(--salmon);font-weight:500}
.tier-alloc .c{color:var(--deepred);font-weight:500}
.pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.pack-card{border:.5px solid var(--border);border-radius:10px;padding:14px 16px}
.pack-amount{font-family:'Fraunces',serif;font-size:22px;font-weight:700;margin-bottom:2px}
.pack-label{font-size:12px;color:var(--text3);margin-bottom:10px}
.pack-price{font-size:15px;font-weight:500;margin-bottom:2px}
.pack-alt{font-size:12px;color:var(--text3)}
.lifetime-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:36px}
.lifetime-card{border:.5px solid var(--border);border-radius:10px;padding:18px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.lifetime-name{font-family:'Fraunces',serif;font-size:16px;font-weight:700;margin-bottom:3px}
.lifetime-equiv{font-size:13px;color:var(--text3);margin-bottom:6px}
.lifetime-bonus{font-size:13px;color:var(--text2)}
.lifetime-price{font-family:'Fraunces',serif;font-size:22px;font-weight:700;text-align:right}
.lifetime-note{font-size:12px;color:var(--g);text-align:right;margin-top:2px}
.value-note{font-size:12px;line-height:1.5;color:var(--purple);background:var(--purple11);border:.5px solid var(--purple44);border-radius:6px;padding:7px 10px;margin-bottom:14px}
/* IMAGE BREAK */
.image-break{padding: 0 0;margin-bottom: 20px;display: grid;grid-template-columns: 1fr 1fr;gap: 0px;}
.home{margin:84px 0}
.fanotype-wheel{grid-template-columns: 2fr 3fr;}

/* KRNL */
.krnl-img{height: 100px;}
.krnl-img-div{display:flex;align-items:center;justify-content:center}

/* FOOTNOTE */
.footnote{font-size:13px;color:var(--text3);line-height:1.6;margin-bottom:24px}
.footnote a{color:var(--text2)}
hr{border:none;border-top:.5px solid var(--border);margin:36px 0}
/* FOOTER */
.site-footer{border-top:.5px solid var(--border);padding-top:28px;margin-top:52px;display:grid;grid-template-columns:1fr .5fr 1fr 1fr 1fr 1fr 1fr;gap:20px}
.footer-brand{font-family:'Fraunces',serif;font-size:15px;font-weight:700;margin-bottom:6px}
.footer-brand img{height:24px;width:auto;vertical-align:middle}
.footer-sub{font-size:13px;color:var(--text3);line-height:1.55}
.footer-col-title{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin-bottom:10px}
.footer-links{display:flex;flex-direction:column;gap:7px}
.footer-links a{font-size:14px;color:var(--text2);text-decoration:none}
.footer-links a:hover{color:var(--text)}
.subtitle{margin-top: 32px;}

/* Wheel */
.ws {
  position: relative;
  width: 100%;
  max-width: 680px;
  height: 600px;
  margin: 0 auto;
}

.wheel {
  position: absolute;
  left: 150px;
  top: 150px;
  width: 380px;
  height: 380px;
  background: conic-gradient(
    from 0deg,
    var(--deepred),
    var(--gold),
    var(--glow),
    var(--teal),
    var(--navy),
    var(--purple),
    var(--deepred)
  );
  clip-path: polygon(
    50% 0%, 62.5% 28.3%,
    93.3% 25%, 75% 50%,
    93.3% 75%, 62.5% 71.7%,
    50% 100%, 37.5% 71.7%,
    6.7% 75%, 25% 50%,
    6.7% 25%, 37.5% 28.3%
  );
  z-index: 1;
}

.hub {
  position: absolute;
  width: 356px;
  height: 356px;
  border-radius: 50%;
  background: var(--bg);
  border: 1.5px solid var(--text3);
  left: 163px;
  top: 163px;
  z-index: 2;
}

.back {
  position: absolute;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  background: conic-gradient(
    from 0deg,
    var(--deepred),
    var(--gold),
    var(--glow),
    var(--teal),
    var(--navy),
    var(--purple),
    var(--deepred)
  );
  border: 1.5px solid var(--text3);
  left: 150px;
  top: 150px;
  z-index: 0;
}

.tip {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid var(--text);
  background: transparent;
  transform: translate(-50%, -50%);
  z-index: 5;
}

.tip-0 { left: 340px; top: 150px; border-color: var(--deepred);}
.tip-1 { left: 504px; top: 245px; border-color: var(--gold);}
.tip-2 { left: 504px; top: 435px; border-color: var(--glow);}
.tip-3 { left: 340px; top: 530px; border-color: var(--teal);}
.tip-4 { left: 176px; top: 435px; border-color: var(--navy);}
.tip-5 { left: 176px; top: 245px; border-color: var(--purple);}

.label {
  position: absolute;
  font-family: 'Inter', sans-serif;
  font-size: 12.25px;
  font-weight: 400;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--text);
  transform: translate(-50%, -50%);
  white-space: nowrap;
  border: .5px solid var(--text);
  /* width: 100px;
  height: 100px; */
  border-radius: 12px;
  padding: 20px;
  text-align: center  ;
  z-index: 4;
  background: var(--bg);
}

.label-dot {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--text);
  border: .5px solid var(--text);
  opacity: 0.4;
  transform: translate(-50%, -50%);
  z-index: 3;
}

/* connector lines using thin divs */
.spoke {
  position: absolute;
  height: 1px;
  background: var(--color-text-secondary);
  opacity: 0.2;
  transform-origin: 0 50%;
}

/* 0° top: from tip (340,150) up 38px to (340,112) */
.spoke-0 { left: 340px; top: 150px; width: 38px; transform: rotate(-90deg) translateY(-0.5px); }
/* 60°: from tip (504,245), direction (sin60°,-cos60°)=(0.866,-0.5), 38px out */
.spoke-1 { left: 504px; top: 245px; width: 38px; transform: rotate(-30deg) translateY(-0.5px); }
/* 120°: from tip (504,435), direction (0.866,0.5) */
.spoke-2 { left: 504px; top: 435px; width: 38px; transform: rotate(30deg) translateY(-0.5px); }
/* 180°: from tip (340,530), going down */
.spoke-3 { left: 340px; top: 530px; width: 38px; transform: rotate(90deg) translateY(-0.5px); }
/* 240°: direction (-0.866,0.5) */
.spoke-4 { left: 176px; top: 435px; width: 38px; transform: rotate(150deg) translateY(-0.5px); }
/* 300°: direction (-0.866,-0.5) */
.spoke-5 { left: 176px; top: 245px; width: 38px; transform: rotate(-150deg) translateY(-0.5px); }

.axis {
  position: relative;
  height: 1px;
  opacity: 1;
  transform-origin: 50% 50%;
}

.axis-0 { left: 162px; top: 340px; width: 356px; transform: rotate(0deg) translateY(-0.5px);z-index: 5; background: var(--purple);}
/* 60°: from tip (504,245), direction (sin60°,-cos60°)=(0.866,-0.5), 38px out */
.axis-1 { left: 162px; top: 340px; width: 356px; transform: rotate(-60deg) translateY(-0.5px);z-index: 5; background: var(--teal);}
/* 120°: from tip (504,435), direction (0.866,0.5) */
.axis-2 { left: 162px; top: 340px; width: 356px; transform: rotate(60deg) translateY(-0.5px);z-index: 5; background: var(--deepred); }

/* Label positions: 50px beyond each tip in spoke direction */
.label-0 { left: 340px; top: 100px; background: var(--deepred22); border-color: var(--deepred); }
.label-1 { left: 565px; top: 205px; background: var(--gold22); border-color: var(--gold); }
.label-2 { left: 560px; top: 475px; background: var(--glow22); border-color: var(--glow); }
.label-3 { left: 340px; top: 580px; background: var(--teal22); border-color: var(--teal); }
.label-4 { left: 120px; top: 475px; background: var(--navy22); border-color: var(--navy); }
.label-5 { left: 120px; top: 205px; background: var(--purple22); border-color: var(--purple); }

.contact-directory {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 640px;
    margin: 32px 0 48px;
}
.contact-card {
    /* border: 0.5px solid var(--border); */
    border-radius: 10px;
    padding: 20px 22px;
    background: var(--bg2);
}
.contact-card.violations {
    /* border-color: var(--text1); */
    background: var(--deepred22);
}
.contact-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}
.contact-card-meta {
    flex: 1;
    min-width: 0;
}
.contact-card-title {
    font-size: 14.75px;
    font-weight: 600;
    color: var(--text1);
    margin: 0 0 4px;
}
.contact-card-desc {
    font-size: 14px;
    color: var(--text2);
    line-height: 1.55;
    margin: 0;
}
.contact-card-desc.priority {
    color: var(--text1);
    font-weight: 500;
}
.contact-card-actions {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-shrink: 0;
    margin-top: 2px;
    flex-wrap: wrap;
}
/* Multi-address privacy card */
.contact-card-multi {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.privacy-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 0.5px solid var(--border);
    flex-wrap: wrap;
}
.privacy-row:first-child { padding-top: 0; }
.privacy-row:last-child { border-bottom: none; padding-bottom: 0; }
.privacy-row-label {
    font-size: 14px;
    color: var(--text2);
    flex: 1;
    min-width: 0;
}
.privacy-row-label strong {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: var(--text1);
    margin-bottom: 1px;
}
.press-redirect {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}
.btn-reveal {
    background: transparent;
    color: var(--text2);
    border: 0.5px solid var(--border);
    padding: 8px 12px;
    border-radius: 7px;
    font-size: 14px;
    cursor: pointer;
    font-family: inherit;
    white-space: nowrap;
}
.btn-reveal:hover { color: var(--g); border-color: var(--g); }
.btn-secondary {
    background: transparent;
    color: var(--text1);
    border: 0.5px solid var(--text1);
    padding: 8px 16px;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    font-family: inherit;
    white-space: nowrap;
    text-decoration: none;
    display: inline-block;
    line-height: 1.4;
    flex-shrink: 0;
}
.btn-secondary:hover { background: var(--text1); color: var(--bg1); }
.contact-email-img {
    height: 20px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    -webkit-user-drag: none;
    user-select: none;
}

.think-this-way {display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.think-body {font-size:16px;line-height:1.8;color:var(--text2);margin:0 0 0 0;text-align:left}

.economy-bg {background-size: 110%;}

.quiz-root {
  max-width: 640px;
}

.fandom-prep-img {
  width: 100%;
  height: auto;
  padding:3% 16% 6%;
}

.waitlist-layout {
    display: grid;
    grid-template-columns: 350px 1.5fr 1fr;
    gap: 64px;
    align-items: center;
    margin-bottom: 48px;
  }

  .waitlist-video-wrap {
    border-radius: 12px;
    overflow: hidden;
    background: var(--bg2);
    aspect-ratio: 9 / 16;
    width: 350px;
    position: relative;
  }

  .waitlist-video-wrap video {
    width: 350px;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .waitlist-video-wrap .video-poster {
    position: absolute;
    inset: 0;
    background: url('/img/coverphoto.png') center/cover no-repeat;
    cursor: pointer;
    display: flex;
    align-items: end;
    padding: 16px;
    justify-content: center;
    transition: opacity 0.3s ease;
  }

  .waitlist-video-wrap .video-poster.hidden {
    opacity: 0;
    pointer-events: none;
  }

  .play-btn {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--deepred);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease;
  }

  .play-btn:hover {
    opacity: 0.7;
  }

  .play-btn svg {
    width: 24px;
    height: 24px;
    fill: #fff;
    margin-left: 3px;
  }

  .waitlist-form-section h2 {
    margin-top: 0;
  }

  .waitlist-form {
    margin-top: 20px;
  }

  .waitlist-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 16px;
  }

  .waitlist-field label {
    font-size: 13px;
    font-weight: 500;
    color: var(--text2);
  }

  .waitlist-field input {
    font-family: inherit;
    font-size: 15px;
    padding: 11px 14px;
    border-radius: 8px;
    border: 1px solid var(--border);
    background: var(--bg);
    color: var(--text);
    outline: none;
    transition: border-color 0.2s ease;
  }

  .waitlist-field input:focus {
    border-color: var(--deepred);
  }

  .waitlist-field input::placeholder {
    color: var(--text3);
  }

  .waitlist-legal {
    font-size: 12px;
    line-height: 1.6;
    color: var(--text3);
    margin-top: 16px;
  }

  .waitlist-legal a {
    color: var(--text2);
  }

  .waitlist-us-note {
    font-size: 12px;
    line-height: 1.6;
    color: var(--text3);
    margin-top: 12px;
    padding: 10px 14px;
    background: var(--bg2);
    border-radius: 8px;
  }

  .waitlist-us-note a {
    color: var(--text2);
  }

  .waitlist-success {
    display: none;
    padding: 20px;
    background: var(--teal11);
    border: 1px solid var(--teal44);
    border-radius: 10px;
    text-align: center;
    margin-top: 20px;
  }

  .waitlist-success h3 {
    color: var(--teal);
    margin: 0 0 6px;
  }

  .waitlist-success p {
    font-size: 14px;
    color: var(--text2);
    margin: 0;
  }

  .waitlist-optin {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      margin: 16px 0 8px;
      cursor: pointer;
    }

    .waitlist-optin input[type="checkbox"] {
      margin-top: 3px;
      flex-shrink: 0;
      width: 16px;
      height: 16px;
      accent-color: var(--deepred);
      cursor: pointer;
    }

    .waitlist-optin-text {
      font-size: 13px;
      line-height: 1.6;
      color: var(--text2);
      cursor: pointer;
    }

    .waitlist-optin-text a {
      color: var(--text);
    }

    .radio-tower{height: 250px;}

    .step-row{display:grid;grid-template-columns:32px 1fr;gap:14px;}
.step-num{font-family:'Fraunces',serif;font-size:18px;font-weight:500;color:var(--bg);line-height:1;background: var(--salmon);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.step-title{font-size:16px;font-weight:500;margin-bottom:6px;}
.step-desc{font-size:15px;color:var(--text2);line-height:1.65;margin-bottom: 32px;}

/* ─── RESPONSIVE ─────────────────────────────────────────────────────────── */
@media (max-width: 1140px) {

  /* IMAGE BREAK */
  .image-break{padding: 0px 0;margin-bottom: 20px;display: grid;grid-template-rows: 275px 1fr;grid-template-columns: 1fr;gap: 40px;}
  .fanotype-wheel{width: auto; height: auto;  grid-template-rows: auto 1fr;}
  .ws {
  position: relative;
  width:100%;
  height: 550px;
  margin: 0 auto;
}
  .wheel {
  left: 60px;
  top: 75px;
}
  .back {
  left: 60px;
  top: 75px;
}
  .hub {
  left: 73px;
  top: 88px;
}

.label {
  font-size: 11px;
  padding: 14px;
}

/* Pricing tiers: 2 columns on mobile */
.price-tiers { grid-template-columns: 1fr 1fr }

.tip-0 { left: 250px; top: 75px;}
.tip-1 { left: 414px; top: 170px;}
.tip-2 { left: 414px; top: 360px;}
.tip-3 { left: 250px; top: 455px;}
.tip-4 { left: 86px; top: 360px;}
.tip-5 { left: 86px; top: 170px;}
.label-0 { left: 250px; top: 45px;}
.label-1 { left: 460px; top: 140px;}
.label-2 { left: 450px; top: 393px;}
.label-3 { left: 250px; top: 485px;}
.label-4 { left: 48px; top: 393px;}
.label-5 { left: 48px; top: 140px;}

.axis-0 { left: 72px; top: 265px; width: 356px; transform: rotate(0deg) translateY(-0.5px);z-index: 5; background: var(--purple);}
/* 60°: from tip (504,245), direction (sin60°,-cos60°)=(0.866,-0.5), 38px out */
.axis-1 { left: 72px; top: 265px; width: 356px; transform: rotate(-60deg) translateY(-0.5px);z-index: 5; background: var(--teal);}
/* 120°: from tip (504,435), direction (0.866,0.5) */
.axis-2 { left: 72px; top: 265px; width: 356px; transform: rotate(60deg) translateY(-0.5px);z-index: 5; background: var(--deepred); }

.folkic-phone-fr{display: grid;gap:32px;grid-template-columns: 1fr 1fr;margin: 0 !important;padding: 0 !important;}

.card-grid-3{grid-template-columns: 1fr 1fr;}
.card-grid-4{grid-template-columns: 1fr 1fr;}

}

@media (max-width: 1100px) {
  /* Footer: single column */
  .site-footer {grid-template-rows:1fr; grid-template-columns: 2fr 1.5fr; gap: 32px }
}

@media (max-width: 740px) {
  .root { padding: 0 24px 3rem }

  .tier-price{font-size:23px;}

  /* Nav: hide center links, keep wordmark + cta */
  .nav-center { display: none }
  .nav-link { display: none }
  .site-nav { padding: 14px 0 }

  .axis-vs::before{content:''}
  
  .logo-group {flex-direction: column; align-items: center}
  
  /* Typography */
  h1 { font-size: 32px }
  h2 { font-size: 22px }
  h1 sup{font-size:18px;font-weight:500;color:var(--text);vertical-align:top;margin:0 4px 0 0;font-family:'DM Sans',sans-serif}
  .intro { font-size: 16px }
  .hero { padding: 0 0 }
  .main-hero { padding: 47px 0 28px }
  .team-name-block h1 { font-size: 26px }

  /* All multi-col grids collapse to 1 or 2 col */
  .card-grid-2 { grid-template-columns: 1fr }
  .card-grid-3 { grid-template-columns: 1fr }
  .card-grid-4 { grid-template-columns: 1fr }
  .stat-grid { grid-template-columns: 1fr 1fr }
  .meta-grid { grid-template-columns: 1fr 1fr }
  .persona-grid { grid-template-columns: 1fr 1fr }
  .pack-grid { grid-template-columns: 1fr 1fr }
  .lifetime-grid { grid-template-columns: 1fr }
  .compare-grid { grid-template-columns: 1fr }
  .compare-use-grid { grid-template-columns: 1fr; gap: 40px }
  .compare-image-width { width: 90% !important; height: auto; }
  .compare-image-width-c { width: 95% !important; height: auto; }
  .card-lil {padding:16px;}
  .card-body {font-size:14px; text-align: left !important;}

  .fanotype-grid-2{grid-template-columns:1fr;}

  .persona-image-grid { grid-template-columns: 1fr;gap: 20px; margin:0px 0 0px 0}
  .persona-image-width {width:85%; border-radius: 50%; display: block;}

  /* Team */
  .team-header { grid-template-columns: 60px 1fr; gap: 14px }
  .avatar { width: 60px; height: 60px; font-size: 21.25px }
  .team-strip { grid-template-columns: repeat(3, minmax(0,1fr)) }

  /* Axes: stack instead of side-by-side */
  .axis-row { grid-template-columns: 1fr; gap: 6px }
  .axis-vs { text-align: left; padding: 1px 0;}
  .a1 {background-color: var(--deepred);}
  .a2 {background-color: var(--teal);}
  .a3 {background-color: var(--purple);}

  /* CTA bar: stack */
  .cta-bar { flex-direction: column; align-items: flex-start; gap: 14px }
  .card-row { flex-direction: column; align-items: flex-start; gap: 14px }

  /* Lifetime cards: stack price below name */
  .lifetime-card { flex-direction: column; align-items: flex-start }
  .lifetime-price { text-align: left }

  /* KRNL */
  .krnl-img{height: 80px;}

.folkic-image{height: 300px;}
.masslore-image{background-size: 100%;}
.folkic-phone{background-size:contain;background-position:center;background-repeat:no-repeat;}
.folkic-phone-fr{display: grid;gap:32px;grid-template-rows: 1fr 1fr;grid-template-columns: 1fr;margin: 0 !important;padding: 0 !important;}

.think-this-way {display:grid;grid-template-rows:auto auto auto;grid-template-columns:1fr;gap:32px;margin: 0 0 0 0;align-items: start;}
.economy-bg {background-size: 250%; background-position: 25% 0% !important;}

.quiz-option:hover {
  background: var(--teal11) !important;
  border-color: var(--teal44) !important;
  color: var(--text2) !important;
}

.card-label.top {display: none !important;}

.quiz-root {
  max-width: 740px;
}

.fandom-prep-img {
  width: 100%;
  height: auto;
  padding:0% 12% 3%;
}

.every-action {margin-top: 44px;}

    .waitlist-layout {
      grid-template-columns: 1fr;
      gap: 32px;
    }

.radio-tower{height: 350px;

}

.card-grid-3.news{grid-template-columns: 1fr;}

}

@media (max-width: 520px) {
  .image-break{padding: 0px 0;margin-bottom: 20px;display: grid;grid-template-rows: 200px 1fr;grid-template-columns: 1fr;gap: 40px;}
  .fanotype-wheel{width: auto; height: auto;  grid-template-rows: auto 1fr;}

  h1 { font-size: 26px }
  h1 sup{font-size:16px;font-weight:500;color:var(--text);vertical-align:top;margin:0 4px 0 0;font-family:'DM Sans',sans-serif}
  .price-tiers { grid-template-columns: 1fr }
  .persona-grid { grid-template-columns: 1fr }
  .stat-grid { grid-template-columns: 1fr 1fr }
  .meta-grid { grid-template-columns: 1fr !important }
  .team-strip { grid-template-columns: repeat(2, minmax(0,1fr)) }

  /* Header image: swap to smaller bg, adjust size/position */
  .header-image{position:relative;left:50%;transform:translateX(-50%);width:100vw;height:225px;background-image:url('../img/shards.png');background-repeat:no-repeat;background-position:center bottom;background-size:950px auto;overflow:hidden;}
  .head-1 {background-position:100% bottom;}
  .head-2 {background-position:50% bottom;}
  .head-3 {background-position:0% bottom;}

  /* Wheel: scaled to fit 375px screen, center at (168, 165), radius 85px */
  .ws { height: 270px; }
  .back  { left: 83px;  top: 40px;  width: 170px; height: 170px; }
  .wheel { left: 83px;  top: 40px;  width: 170px; height: 170px; }
  .hub   { left: 89px;  top: 46px;  width: 159px; height: 159px; }

  .label { font-size: 9px; padding: 9px 10px; }

  .spoke-0 { left: 168px; top: 40px;  width: 20px; }
  .spoke-1 { left: 242px; top: 82px; width: 20px; }
  .spoke-2 { left: 242px; top: 168px; width: 20px; }
  .spoke-3 { left: 168px; top: 210px; width: 20px; }
  .spoke-4 { left: 94px;  top: 168px; width: 20px; }
  .spoke-5 { left: 94px;  top: 882px; width: 20px; }

  .tip-0 { left: 168px; top: 40px;  }
  .tip-1 { left: 242px; top: 82px; }
  .tip-2 { left: 242px; top: 168px; }
  .tip-3 { left: 168px; top: 210px; }
  .tip-4 { left: 94px;  top: 168px; }
  .tip-5 { left: 94px;  top: 82px; }

  .label-0 { left: 168px; top: 15px;  }
  .label-1 { left: 290px; top: 65px; }
  .label-2 { left: 280px; top: 186px; }
  .label-3 { left: 168px; top: 235px; }
  .label-4 { left: 53px;  top: 186px; }
  .label-5 { left: 55px;  top: 65px; }

  .axis-0 { left: 88px; top: 125px; width: 159px; transform: rotate(0deg)   translateY(-0.5px); }
  .axis-1 { left: 88px; top: 125px; width: 159px; transform: rotate(-60deg) translateY(-0.5px); }
  .axis-2 { left: 88px; top: 125px; width: 159px; transform: rotate(60deg)  translateY(-0.5px); }

  /* KRNL */
  .krnl-img{height: 60px;}
  .krnl-img-div{display:flex;align-items:flex-end;justify-content:flex-end}

  .contact-card-header {
    flex-direction: column;
}
.privacy-row {
    flex-direction: column;
    align-items: flex-start;
}

.folkic-image{height: 215px;margin: 0 0;}
.masslore-image{height: 215px;margin: 30px 0 0 0;}
.memento-image{height: 215px;margin: 0 0;}
.krnl-image{height: 215px;margin:50px 0 0 0;}
.rmrkst-image{height: 215px;margin:40px 0 0 0;}
.colr-image{height: 215px;margin: 40px 00 0;}
.lumo-image{height: 215px;margin:40px 0 0 0;}

.folkic-phone{background-size:contain;background-position:center;background-repeat:no-repeat;}

.folkic-phone-fr{display: grid;gap:0px;grid-template-rows: 1fr 1fr;grid-template-columns: 1fr;margin: 0 !important;padding: 0 !important; height: 1350px;}

  .logo-group {align-items: start}
}