*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Inter',sans-serif;scroll-behavior:smooth;background:#f8fafc;color:#0f172a;background-image:radial-gradient(#e2e8f0 1px, transparent 1px);background-size:20px 20px;overflow-x:hidden;}
.font-serif-content{font-family:'Lora',serif;}
.font-display{font-family:'Playfair Display',serif;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
::selection{background-color:#4f46e5;color:#fff;}

/* Navbar */
nav.navbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid #e2e8f0;}
.nav-inner{max-width:1280px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center;height:5rem;}
.nav-brand{display:flex;align-items:center;gap:0.75rem;}
.nav-logo{width:2.5rem;height:2.5rem;background:#312e81;border-radius:0.5rem;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0;}
.nav-brand-text{display:flex;flex-direction:column;}
.nav-title{font-size:1.25rem;font-weight:700;color:#0f172a;}
.nav-sub{font-size:0.6rem;text-transform:uppercase;letter-spacing:0.2em;color:#4f46e5;font-weight:700;}
.nav-links{display:none;gap:2rem;font-size:0.85rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:#64748b;}
@media(min-width:768px){.nav-links{display:flex;}}
.nav-links a{transition:color .2s;}
.nav-links a:hover, .nav-links a.active{color:#4f46e5;}

/* Hero / header */
.hero{position:relative;padding:8rem 1rem;background:#0f172a;color:#fff;text-align:center;overflow:hidden;}
.hero-bg{position:absolute;inset:0;opacity:.4;background-image:url('https://images.unsplash.com/photo-1455390582262-044cdead277a?q=80&w=1920');background-size:cover;background-position:center;}
.hero-content{position:relative;max-width:56rem;margin:0 auto;}
.hero h1{font-size:clamp(2.5rem,8vw,5.5rem);font-weight:700;margin-bottom:2rem;}
.hero h1 span{color:#818cf8;font-style:italic;}
.hero p{font-size:1.4rem;color:#cbd5e1;font-weight:300;margin-bottom:3rem;}
.hero-btn{display:inline-block;background:#4f46e5;color:#fff;padding:1.25rem 3rem;border-radius:999px;font-size:1.2rem;font-weight:700;transition:background .2s;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);}
.hero-btn:hover{background:#6366f1;}

/* Main / Article */
main.page{max-width:56rem;margin:0 auto;padding:6rem 1.5rem;}
main.page.tall{padding-top:8rem;padding-bottom:8rem;}
.article-section{margin-bottom:6rem;}
.article-section h2{font-family:'Playfair Display',serif;font-size:2.5rem;font-weight:700;color:#0f172a;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e0e7ff;}
.article-section .content{font-family:'Lora',serif;font-size:1.25rem;color:#334155;line-height:1.8;text-align:justify;}
.article-section .content p{margin-bottom:2rem;}
.article-section .content strong{font-weight:700;}
.article-section .content em{font-style:italic;}

/* Premise box */
.premise-box{background:#0f172a;color:#fff;padding:3rem;border-radius:2rem;margin:5rem 0;text-align:center;}
.premise-box h3{font-family:'Playfair Display',serif;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;}
.premise-box p{color:#94a3b8;margin-bottom:2.5rem;font-family:'Inter',sans-serif;font-size:1rem;font-weight:400;text-align:center;}
.premise-form{max-width:48rem;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;}
.premise-form textarea{width:100%;height:10rem;padding:1.5rem;background:#1e293b;color:#fff;border:1px solid #334155;border-radius:1rem;font-family:'Lora',serif;font-size:1.1rem;resize:none;}
.premise-form textarea::placeholder{color:#64748b;}
.premise-form button{width:100%;padding:1.25rem;border-radius:1rem;font-weight:700;font-size:1.1rem;text-transform:uppercase;letter-spacing:0.1em;background:#4f46e5;color:#fff;border:none;cursor:pointer;}

/* Grid cards */
.card-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin:4rem 0;}
@media(min-width:768px){.card-grid{grid-template-columns:1fr 1fr;}}
.card{padding:2rem;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 2px rgba(0,0,0,.04);}
.card h3{font-size:1.25rem;font-weight:700;margin-bottom:0.75rem;}
.card p{color:#475569;line-height:1.7;font-family:'Inter',sans-serif;font-size:1rem;}

/* Checklist box */
.checklist-box{background:#312e81;color:#fff;padding:2.5rem;border-radius:1.5rem;margin:3rem 0;}
.checklist-box h4{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;}
.checklist-box ul{list-style:none;display:flex;flex-direction:column;gap:1rem;font-style:italic;color:#e0e7ff;font-family:'Inter',sans-serif;font-size:1rem;}

/* Interview */
.archive-tag{display:inline-block;background:#e2e8f0;padding:0.5rem 1rem;border-radius:0.25rem;font-size:0.7rem;font-family:monospace;text-transform:uppercase;letter-spacing:0.15em;color:#64748b;margin-bottom:2.5rem;}
.quote{font-family:'Lora',serif;font-size:1.5rem;font-style:italic;color:#312e81;margin-bottom:3rem;border-left:4px solid #4f46e5;padding:1rem 0 1rem 2rem;}

/* Footer */
footer{background:#0f172a;color:#94a3b8;padding:5rem 1.5rem;border-top:1px solid #1e293b;text-align:center;}
footer .inner{max-width:1280px;margin:0 auto;}
footer h4{font-family:'Playfair Display',serif;color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem;}
footer p{max-width:36rem;margin:0 auto 2rem;}
footer .copy{font-size:0.75rem;opacity:.4;}