/* SimplicAI — shared styles for every page */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

:root{
  --purple:#6A0DAD;
  --violet:#8B3DC2;
  --lavender:#C3BFD9;
  --dark:#0e0019;
  --ink:#211530;
  --grey:#5f586c;
  --bg-soft:#f8f6fb;
  --line:#eee5f5;
  --white:#ffffff;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Montserrat',Arial,sans-serif;color:var(--ink);background:var(--white);line-height:1.65;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}
section{padding:5rem 1.5rem;}
.wrap{max-width:1100px;margin:0 auto;}
.narrow{max-width:780px;margin:0 auto;}
h1,h2,h3,h4{font-weight:700;line-height:1.25;}
h2{font-size:clamp(1.6rem,3.6vw,2.3rem);margin-bottom:.8rem;}
h2 .accent{color:var(--purple);}
.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--violet);margin-bottom:.6rem;display:block;}
.lead{color:var(--grey);font-size:1.05rem;max-width:700px;}
.center{text-align:center;margin-left:auto;margin-right:auto;}
.soft{background:var(--bg-soft);}
.dark{background:var(--dark);color:#fff;}
.dark h2,.dark h3{color:#fff;}
.dark .eyebrow{color:var(--lavender);}
.dark .lead{color:rgba(255,255,255,.75);}
:focus-visible{outline:3px solid var(--violet);outline-offset:3px;border-radius:4px;}
.skip{position:absolute;left:-999px;top:0;background:var(--purple);color:#fff;padding:.6rem 1rem;z-index:200;}
.skip:focus{left:1rem;top:1rem;}

/* Header & navigation */
header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
.nav{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:.8rem 1.5rem;position:relative;}
.brand img{height:46px;width:auto;}
nav.links{display:flex;align-items:center;gap:1.4rem;font-weight:600;font-size:.86rem;}
nav.links a{color:var(--ink);opacity:.85;transition:opacity .15s,color .15s;}
nav.links a:hover,nav.links a[aria-current="page"]{opacity:1;color:var(--purple);}
nav.links a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px;}
.nav-cta{background:var(--purple);color:#fff!important;opacity:1!important;padding:.55rem 1.15rem;border-radius:999px;font-weight:700;text-decoration:none!important;}
.burger{display:none;font-size:1.6rem;background:none;border:none;color:var(--purple);cursor:pointer;line-height:1;}
#menu-toggle{position:absolute;opacity:0;pointer-events:none;}
@media(max-width:1020px){
  nav.links{position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;max-height:0;overflow:hidden;transition:max-height .3s ease;border-bottom:1px solid var(--line);font-size:.95rem;}
  #menu-toggle:checked ~ nav.links{max-height:640px;}
  nav.links a{padding:.95rem 1.5rem;border-top:1px solid #f2edf8;}
  .nav-cta{margin:1rem 1.5rem;text-align:center;}
  .burger{display:block;}
}

/* Hero */
.hero{position:relative;overflow:hidden;background:var(--dark);color:#fff;padding:5.5rem 1.5rem 5rem;text-align:center;}
.hero::before{content:'';position:absolute;inset:0;background:
  radial-gradient(ellipse 70% 50% at 50% 0%,rgba(106,13,173,.55) 0%,transparent 70%),
  radial-gradient(ellipse 50% 40% at 85% 90%,rgba(139,61,194,.28) 0%,transparent 60%),
  radial-gradient(ellipse 40% 30% at 10% 85%,rgba(195,191,217,.14) 0%,transparent 60%);pointer-events:none;}
.hero-inner{position:relative;z-index:2;max-width:780px;margin:0 auto;}
.hero img.logo{height:64px;width:auto;margin:0 auto 1.5rem;}
.hero .eyebrow{color:var(--lavender);}
.hero h1{font-size:clamp(1.9rem,4.8vw,3.1rem);margin-bottom:1.1rem;}
.hero .sub{color:var(--lavender);font-size:1.1rem;max-width:620px;margin:0 auto 2.2rem;}
.hero.page{padding:4.5rem 1.5rem 4rem;}
.hero.page h1{font-size:clamp(1.8rem,4.2vw,2.7rem);}

/* Buttons & pills */
.btn-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}
.btn{display:inline-block;padding:.85rem 1.8rem;border-radius:999px;font-weight:700;font-size:.95rem;transition:transform .15s,opacity .15s;border:none;cursor:pointer;font-family:inherit;}
.btn:hover{transform:translateY(-2px);}
.btn-primary{background:var(--purple);color:#fff;}
.btn-secondary{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.45);}
.btn-secondary:hover{border-color:#fff;}
.btn-outline{background:transparent;color:var(--purple);border:1.5px solid var(--purple);}
.pills{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:2.4rem;}
.pill{background:rgba(255,255,255,.08);border:1px solid rgba(195,191,217,.35);color:var(--lavender);padding:.4rem .9rem;border-radius:999px;font-size:.78rem;font-weight:600;}

/* Cards */
.grid{display:grid;gap:1.5rem;margin-top:2.5rem;}
.g2{grid-template-columns:repeat(2,1fr);}
.g3{grid-template-columns:repeat(3,1fr);}
@media(max-width:900px){.g3{grid-template-columns:repeat(2,1fr);}}
@media(max-width:680px){.g2,.g3{grid-template-columns:1fr;}}
.card{background:#fff;border:1px solid var(--line);border-radius:.9rem;padding:1.8rem;box-shadow:0 2px 14px rgba(106,13,173,.05);display:flex;flex-direction:column;}
.card h3{color:var(--purple);font-size:1.08rem;margin-bottom:.6rem;}
.card p{color:var(--grey);font-size:.93rem;}
.card ul{margin-top:.8rem;}
.card li{color:var(--grey);font-size:.9rem;padding:.3rem 0 .3rem 1.4rem;position:relative;}
.card li::before{content:'';position:absolute;left:0;top:.75rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--violet);}
.card .tag{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--violet);margin-bottom:.5rem;}
a.card{transition:transform .15s,box-shadow .15s,border-color .15s;}
a.card:hover{transform:translateY(-3px);box-shadow:0 8px 26px rgba(106,13,173,.12);border-color:var(--lavender);}
.card .more{margin-top:auto;padding-top:1.1rem;font-weight:700;font-size:.88rem;color:var(--purple);}

/* Feature panels */
.panel{border-radius:1rem;padding:2.2rem;background:var(--bg-soft);border:1px solid var(--line);}
.panel-dark{background:linear-gradient(135deg,#1a0430 0%,#2b0a4d 100%);color:#fff;border:none;}
.panel-dark h3{color:#fff;}
.panel-dark p{color:rgba(255,255,255,.8);}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center;}
@media(max-width:860px){.split{grid-template-columns:1fr;gap:2rem;}}
.check-list li{padding:.55rem 0 .55rem 2rem;position:relative;color:var(--grey);font-size:.95rem;border-bottom:1px solid var(--line);}
.check-list li:last-child{border-bottom:none;}
.check-list li::before{content:'\2713';position:absolute;left:0;top:.5rem;color:#fff;background:var(--purple);width:1.3rem;height:1.3rem;border-radius:50%;font-size:.75rem;display:flex;align-items:center;justify-content:center;font-weight:800;}
.check-list b{color:var(--ink);}
.dark .check-list li{color:rgba(255,255,255,.8);border-color:rgba(195,191,217,.2);}
.dark .check-list b{color:#fff;}

/* Human-check band */
.human{background:linear-gradient(135deg,var(--purple) 0%,#4a0880 100%);color:#fff;}
.human h2{color:#fff;}
.human .eyebrow{color:var(--lavender);}
.human p{color:rgba(255,255,255,.88);}
.human-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem;}
.human-steps div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:.8rem;padding:1.2rem;}
.human-steps b{display:block;color:#fff;margin-bottom:.3rem;font-size:.95rem;}
.human-steps span{font-size:.85rem;color:rgba(255,255,255,.8);}
@media(max-width:860px){.human-steps{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.human-steps{grid-template-columns:1fr;}}

/* Myth buster */
.myth{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2.2rem;}
.myth > div{border-radius:.9rem;padding:1.8rem;}
.myth .wrong{background:#fff;border:1px dashed #cdbfe0;}
.myth .right{background:#fff;border:2px solid var(--purple);}
.myth h3{font-size:1rem;margin-bottom:.7rem;}
.myth .wrong h3{color:var(--grey);}
.myth .right h3{color:var(--purple);}
.myth p,.myth li{color:var(--grey);font-size:.93rem;}
.myth li{padding:.3rem 0 .3rem 1.3rem;position:relative;}
.myth li::before{content:'\2192';position:absolute;left:0;color:var(--violet);font-weight:700;}
@media(max-width:700px){.myth{grid-template-columns:1fr;}}

/* Steps */
.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;margin-top:2.5rem;}
.step{background:#fff;border-radius:.9rem;padding:1.6rem 1.3rem;border:1px solid var(--line);}
.stepnum{width:2.2rem;height:2.2rem;border-radius:50%;background:var(--purple);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:.9rem;font-size:.95rem;}
.step h3{font-size:.98rem;margin-bottom:.4rem;}
.step p{font-size:.86rem;color:var(--grey);}
@media(max-width:900px){.step-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.step-grid{grid-template-columns:1fr;}}

/* Table */
.table-wrap{overflow-x:auto;margin-top:1rem;}
table{width:100%;border-collapse:collapse;min-width:520px;}
th,td{text-align:left;padding:.9rem;border-bottom:1px solid var(--line);font-size:.92rem;vertical-align:top;}
th{color:var(--purple);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;}
td.num{color:var(--violet);font-weight:800;width:2.5rem;}
td{color:var(--grey);}
td b{color:var(--ink);}
.meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.4rem 0 1.6rem;}
.meta span{background:var(--bg-soft);color:var(--violet);font-weight:600;font-size:.8rem;padding:.4rem .85rem;border-radius:999px;}

/* Quote */
blockquote{max-width:720px;margin:2rem auto 0;font-size:1.2rem;font-style:italic;position:relative;padding:0 1rem;text-align:center;}
blockquote::before{content:'\201C';font-size:3.5rem;color:var(--lavender);display:block;line-height:0;margin-bottom:1.2rem;font-style:normal;}
cite{display:block;margin-top:1.2rem;font-style:normal;font-weight:700;color:var(--purple);font-size:.9rem;}

/* Founder */
.founder{background:#fff;border-left:4px solid var(--purple);padding:1.5rem 1.8rem;border-radius:.6rem;box-shadow:0 2px 14px rgba(106,13,173,.06);}
.founder b{color:var(--purple);}
.founder p{color:var(--grey);font-size:.95rem;}

/* FAQ */
details{border-bottom:1px solid var(--line);padding:1.1rem 0;}
summary{cursor:pointer;font-weight:700;font-size:.98rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;}
summary::-webkit-details-marker{display:none;}
summary::after{content:'+';color:var(--purple);font-size:1.4rem;font-weight:400;}
details[open] summary::after{content:'\2212';}
details p{margin-top:.7rem;color:var(--grey);font-size:.92rem;max-width:660px;}

/* CTA band */
.cta-band{background:var(--dark);color:#fff;text-align:center;position:relative;overflow:hidden;}
.cta-band::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 50% 100%,rgba(106,13,173,.45) 0%,transparent 70%);pointer-events:none;}
.cta-band .wrap{position:relative;z-index:1;}
.cta-band h2{color:#fff;}
.cta-band p{color:rgba(255,255,255,.75);max-width:600px;margin:0 auto 2rem;}

/* Contact form */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.contact-form{max-width:560px;margin:2.4rem auto 0;text-align:left;display:flex;flex-direction:column;gap:1.1rem;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;}
@media(max-width:600px){.form-row{grid-template-columns:1fr;}}
.contact-form label{display:flex;flex-direction:column;gap:.4rem;color:rgba(255,255,255,.88);font-size:.9rem;font-weight:600;}
.contact-form input,.contact-form select,.contact-form textarea{font-family:inherit;font-size:.95rem;padding:.75rem .9rem;border-radius:.5rem;border:1px solid rgba(195,191,217,.35);background:rgba(255,255,255,.07);color:#fff;}
.contact-form select option{color:var(--ink);}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:var(--lavender);background:rgba(255,255,255,.12);}
.contact-form textarea{resize:vertical;}
.recaptcha-box{display:flex;justify-content:center;}
.contact-form button{align-self:center;margin-top:.4rem;}
.contact-alt{margin-top:2rem;color:rgba(255,255,255,.65);font-size:.92rem;}
.contact-alt a{color:var(--lavender);font-weight:700;border-bottom:2px solid var(--purple);}

/* Insights / tips */
.post-list{display:grid;gap:1.5rem;margin-top:2.5rem;}
.post{background:#fff;border:1px solid var(--line);border-radius:.9rem;padding:2rem;scroll-margin-top:90px;}
.post-meta{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:.8rem;font-size:.78rem;font-weight:600;color:var(--grey);}
.post-meta .cat{background:var(--bg-soft);color:var(--violet);padding:.25rem .7rem;border-radius:999px;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;}
.post h3{font-size:1.25rem;margin-bottom:.8rem;}
.post p{color:var(--grey);margin-bottom:.9rem;font-size:.96rem;}
.post ul{margin:0 0 1rem 0;}
.post li{color:var(--grey);font-size:.94rem;padding:.25rem 0 .25rem 1.4rem;position:relative;}
.post li::before{content:'';position:absolute;left:0;top:.75rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--violet);}
.post .takeaway{background:var(--bg-soft);border-left:4px solid var(--purple);padding:1rem 1.2rem;border-radius:.4rem;color:var(--ink);font-size:.93rem;margin-top:.5rem;}
.filter{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.8rem;}
.filter button{font-family:inherit;font-weight:600;font-size:.82rem;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--lavender);background:#fff;color:var(--ink);cursor:pointer;}
.filter button[aria-pressed="true"]{background:var(--purple);border-color:var(--purple);color:#fff;}

/* Footer */
footer{background:#100022;color:rgba(255,255,255,.6);padding:3rem 1.5rem 2rem;font-size:.86rem;}
.foot-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;}
@media(max-width:760px){.foot-grid{grid-template-columns:1fr;}}
footer h4{color:#fff;font-size:.85rem;margin-bottom:.8rem;letter-spacing:.06em;text-transform:uppercase;}
footer li{padding:.2rem 0;}
footer a{color:var(--lavender);}
footer a:hover{color:#fff;}
.foot-note{max-width:1100px;margin:2rem auto 0;padding-top:1.4rem;border-top:1px solid rgba(195,191,217,.15);text-align:center;font-size:.8rem;}