*{box-sizing:border-box;margin:0;padding:0}
:root{--purple:#534AB7;--purple-dark:#3F3795;--purple-soft:#EEEDFE;--teal:#1D9E75;--teal-soft:#E1F5EE;--ink:#1A1818;--mid:#444441;--muted:#77756F;--paper:#F8F7F4;--warm:#FBF7F2;--line:#E8E6E0;--white:#fff}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--white);overflow-x:hidden}
a{color:inherit}
img{max-width:100%}
nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:0 2rem}
.nav-inner{max-width:1120px;height:60px;margin:auto;display:flex;align-items:center;justify-content:space-between}
.logo{font-family:'DM Serif Display',serif;color:var(--purple);font-size:23px;text-decoration:none}
.nav-links,.nav-menu{display:flex;align-items:center;gap:1.15rem}
.nav-links a{font-size:13px;color:var(--mid);text-decoration:none;white-space:nowrap}
.nav-cta{background:var(--purple);color:#fff!important;padding:8px 18px;border-radius:99px;font-weight:700}
.cta-mobile{display:none}
.inner{max-width:1120px;margin:auto}
.hero{padding:5rem 2rem 5.5rem;background:linear-gradient(135deg,#F8F7F4 0%,#F3F1FA 50%,#E7F5F0 100%);position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;width:470px;height:470px;border-radius:50%;right:-220px;top:-210px;border:1px solid rgba(83,74,183,.12);box-shadow:0 0 0 70px rgba(83,74,183,.035),0 0 0 140px rgba(29,158,117,.025)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:4rem;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:var(--teal-soft);color:var(--teal);border-radius:99px;padding:7px 13px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.2rem}
.eyebrow:before{content:"";width:7px;height:7px;background:var(--teal);border-radius:50%}
h1,h2,h3{font-family:'DM Serif Display',serif;font-weight:400}
h1{font-size:clamp(44px,5.5vw,68px);line-height:1.01;letter-spacing:-1.4px;margin-bottom:1.25rem}
h1 em{display:block;color:var(--purple);font-style:italic}
.hero-copy>p{font-size:18px;color:var(--mid);line-height:1.72;font-weight:300;max-width:650px}
.chips{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.5rem 0}
.chips span{background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:99px;padding:7px 11px;font-size:11px;font-weight:700}
.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;padding:13px 22px;text-decoration:none;font-size:13px;font-weight:800}
.btn.primary{background:var(--purple);color:#fff}
.btn.primary:hover{background:var(--purple-dark)}
.btn.secondary{background:#fff;border:1px solid var(--line)}
.hero-visual{position:relative;aspect-ratio:1/1;background:#fff;border:1px solid rgba(83,74,183,.13);border-radius:28px;padding:1rem;box-shadow:0 25px 70px rgba(83,74,183,.12);overflow:hidden}
.hero-visual img{display:block;width:100%;height:100%;object-fit:contain;border-radius:20px}
.visual-label{position:absolute;left:1.7rem;bottom:1.7rem;max-width:260px;background:var(--ink);color:#fff;border-radius:16px;padding:1rem 1.15rem;box-shadow:0 12px 30px rgba(0,0,0,.16)}
.visual-label strong{font-family:'DM Serif Display',serif;font-size:21px;display:block;line-height:1.15}
.visual-label span{display:block;margin-top:.35rem;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.65)}
.event-bar{padding:1.15rem 2rem;background:var(--ink);color:#fff}
.event-bar-inner{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.event-bar strong{font-size:14px}
.event-bar span,.event-bar a{font-size:13px;color:rgba(255,255,255,.68);line-height:1.55}
.event-bar a{text-underline-offset:3px}
.section{padding:5rem 2rem}
.section.soft{background:var(--paper)}
.section.warm{background:var(--warm)}
.section-head{max-width:760px;margin-bottom:2.4rem}
.kicker{font-size:11px;color:var(--teal);font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.7rem}
.section h2{font-size:clamp(34px,4.5vw,48px);line-height:1.08;margin-bottom:.9rem}
.section-head p{color:var(--mid);line-height:1.72;font-weight:300}
.event-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.event-card{border:1px solid var(--line);border-radius:22px;background:#fff;padding:1.7rem;text-decoration:none;transition:.2s;display:flex;flex-direction:column;min-height:280px}
.event-card:hover{border-color:var(--purple);transform:translateY(-3px);box-shadow:0 18px 45px rgba(83,74,183,.08)}
.event-card .event-type{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--teal);margin-bottom:1rem}
.event-card h3{font-size:29px;line-height:1.05;margin-bottom:.7rem}
.event-meta{font-size:12px;color:var(--purple);font-weight:800;margin-bottom:1rem}
.event-card p{font-size:14px;color:var(--mid);line-height:1.65;font-weight:300}
.event-card .read{margin-top:auto;padding-top:1.4rem;color:var(--purple);font-size:13px;font-weight:800}
.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.scenario{border:1px solid var(--line);border-radius:20px;background:#fff;padding:1.6rem;min-height:238px;display:flex;flex-direction:column}
.number{font-family:'DM Serif Display',serif;color:var(--purple);font-size:30px;margin-bottom:1.2rem}
.scenario h3{font-family:'DM Sans',sans-serif;font-size:17px;font-weight:800;margin-bottom:.6rem}
.scenario p{font-size:14px;color:var(--mid);line-height:1.65;font-weight:300}
.scenario .fit{margin-top:auto;padding-top:1rem;font-size:11px;color:var(--teal);font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.value-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:3rem;align-items:center}
.value-visual{aspect-ratio:1/1;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#fff;padding:1rem}
.value-visual img{display:block;width:100%;height:100%;object-fit:contain}
.value-list{display:grid;gap:.85rem}
.value{border-bottom:1px solid var(--line);padding:0 0 1rem}
.value:last-child{border:0}
.value strong{display:block;font-size:16px;margin-bottom:.35rem}
.value p{font-size:14px;color:var(--mid);line-height:1.65;font-weight:300}
.spec-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;margin-top:2rem}
.spec{background:#fff;border:1px solid var(--line);border-radius:17px;padding:1.2rem;text-align:center}
.spec strong{font-family:'DM Serif Display',serif;color:var(--purple);font-size:27px;display:block;line-height:1}
.spec span{display:block;margin-top:.45rem;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;line-height:1.35}
.brief-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.brief{border:1px solid var(--line);border-radius:20px;background:#fff;padding:1.6rem}
.brief h3{font-family:'DM Sans',sans-serif;font-size:16px;font-weight:800;margin-bottom:.6rem}
.brief p{font-size:14px;color:var(--mid);line-height:1.65;font-weight:300}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.step{position:relative;padding:0 1.3rem 0 0}
.step:not(:last-child):after{content:"";position:absolute;height:1px;background:var(--line);left:45px;right:0;top:18px}
.step-num{position:relative;z-index:1;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--purple);color:#fff;font-weight:800;font-size:12px;margin-bottom:1rem}
.step strong{font-size:14px;display:block;margin-bottom:.4rem}
.step p{font-size:12px;color:var(--mid);line-height:1.55;font-weight:300}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.faq{border:1px solid var(--line);border-radius:18px;padding:1.35rem;background:#fff}
.faq strong{display:block;font-size:14px;margin-bottom:.45rem}
.faq p{font-size:13px;color:var(--mid);line-height:1.6;font-weight:300}
.cta-section{text-align:center;padding:5rem 2rem;background:var(--purple-soft)}
.cta-section h2{font-size:clamp(34px,4vw,44px);margin-bottom:.8rem}
.cta-section>p{max-width:680px;margin:0 auto;color:var(--mid);line-height:1.7}
.cta-section .actions{justify-content:center}
.fine{font-size:11px!important;color:var(--muted)!important;margin-top:1.5rem!important}
.breadcrumbs{max-width:1120px;margin:auto;padding:1rem 2rem;font-size:11px;color:var(--muted)}
.breadcrumbs a{text-decoration:none;color:var(--purple)}
footer{background:#111;color:rgba(255,255,255,.38);text-align:center;padding:2rem;font-size:12px}
@media(max-width:850px){.hero-grid,.value-grid{grid-template-columns:1fr}.hero-visual{max-width:480px;width:100%;margin:auto}.scenario-grid{grid-template-columns:1fr 1fr}.spec-strip{grid-template-columns:repeat(3,1fr)}.timeline{grid-template-columns:1fr 1fr;gap:2rem}.step:not(:last-child):after{display:none}}
@media(max-width:700px){nav{padding:0 1rem}.nav-links,.nav-menu{gap:.75rem}.nav-menu .mobile-optional{display:none}.nav-links a{font-size:12px}.nav-cta{padding:8px 13px}.cta-desktop{display:none}.cta-mobile{display:inline}.hero,.section,.cta-section{padding-left:1.25rem;padding-right:1.25rem}.hero{padding-top:3.7rem;padding-bottom:4rem}.hero-grid{gap:2.5rem}.event-bar{padding-left:1.25rem;padding-right:1.25rem}.event-bar-inner{align-items:flex-start;flex-direction:column;gap:.35rem}.event-grid,.scenario-grid,.brief-grid,.faq-grid,.timeline{grid-template-columns:1fr}.spec-strip{grid-template-columns:1fr 1fr}.visual-label{left:1.25rem;bottom:1.25rem}.actions{flex-direction:column}.btn{width:100%}.breadcrumbs{padding-left:1.25rem;padding-right:1.25rem}}
@media(max-width:420px){.nav-menu a[href="/about/"]{display:none}.spec-strip{grid-template-columns:1fr}.hero-visual{padding:.7rem}.visual-label{max-width:230px}}