/* InvestWithP / Editorial, September 2026. Presentation only; no generated copy. */
@import url('./fonts.css');
[class*="iwp-editorial"]{font-family:Manrope,Anuphan,sans-serif;-webkit-font-smoothing:antialiased}
[class*="iwp-editorial"] :where(button,input,select,textarea){font-family:inherit}
[class*="iwp-editorial"] :focus-visible{outline:2px solid #5473cf;outline-offset:5px}
[class*="iwp-editorial"] ::selection{background:#b4c8f0;color:#14213d}

/* Public entry — generous magazine typography, warm paper, sculptural artwork. */
body.iwp-editorial-home{--ground:#f5f3ee;--surface:#fffefa;--line:#d9dcd9;--line-soft:#e1e2dc;--ink:#172640;--sub:#5d6878;--faint:#6d7785;--accent:#3459b8;--accent-lift:#a8c0ff;--pos:#14805a;--neg:#b74248;--sans:Manrope,Anuphan,sans-serif;--mono:Manrope,Anuphan,sans-serif;background:var(--ground);color:var(--ink)}
.iwp-editorial-home .page{background:var(--ground)}
.iwp-editorial-home .page::before{background:radial-gradient(ellipse at 90% 30%,#e5e9f1,transparent 50%);pointer-events:none}
.iwp-editorial-home .shell{max-width:1392px;padding-inline:56px}
.iwp-editorial-home nav{padding-block:27px;border-bottom:1px solid #233d5c16;background:#f5f3eecc;backdrop-filter:blur(16px)}
.iwp-editorial-home .logo{font-size:24px;letter-spacing:-1.2px;font-weight:700}
.iwp-editorial-home .logo span{color:#647593;font-weight:450}
.iwp-editorial-home .navlinks{gap:36px;font-size:13px}
.iwp-editorial-home .navlinks .signin{border-color:#172640;border-radius:40px;padding:11px 23px;color:#172640;font-weight:500}
.iwp-editorial-home .navlinks .signin:hover{background:#172640;color:#fff;border-color:#172640}
.iwp-editorial-home .hero{position:relative;padding:0;isolation:isolate;overflow:hidden}
.iwp-editorial-home .hero>.shell:first-child{position:relative;padding-top:94px;padding-bottom:92px;min-height:650px}
.iwp-editorial-home .hero>.shell:first-child::after{content:"";position:absolute;z-index:-1;right:-45px;top:-4px;width:56%;height:680px;background:url('./orbit-sculpture.svg') center/contain no-repeat;pointer-events:none;animation:iwp-float 12s ease-in-out infinite}
.iwp-editorial-home .eyebrow{font-size:10px;letter-spacing:.23em;font-weight:600;color:#657391;display:flex;align-items:center;gap:12px}
.iwp-editorial-home .eyebrow::before{content:"";width:26px;height:1px;background:#a57c60}
.iwp-editorial-home .hero h1{font-size:clamp(44px,4.3vw,66px);line-height:1.28;font-weight:550;letter-spacing:-.05em;max-width:56%;margin:28px 0 25px;text-wrap:balance}
.iwp-editorial-home .hero h1 span{background:none;color:#4466b5;-webkit-text-fill-color:#4466b5}
.iwp-editorial-home .hero p{font-size:15px;line-height:1.95;max-width:46%;color:#637086}
.iwp-editorial-home .cta-row{margin-top:33px;gap:14px}
.iwp-editorial-home .btn{border-radius:40px;padding:15px 25px;font-size:13px;font-weight:500}
.iwp-editorial-home .btn-primary{background:#1c3053;color:#fff;box-shadow:0 10px 24px -15px #162a5a99}
.iwp-editorial-home .btn-primary:hover{background:#2e4e87;box-shadow:0 13px 28px -15px #162a5a88}
.iwp-editorial-home .btn-ghost{border-color:#bcc4ce;color:#273d5c;background:#fff5}
.iwp-editorial-home .btn-ghost:hover{border-color:#617ba7;color:#172640;background:#fff}
.iwp-editorial-home .ticker{margin-top:0;padding-block:20px;border-color:#cbd1d9}
.iwp-editorial-home .ticker ul{gap:35px;font-size:12px}
.iwp-editorial-home .cards{grid-template-columns:1.25fr 1fr 1fr 1fr;gap:0;padding-top:42px;padding-bottom:58px}
.iwp-editorial-home .card{border:0;border-right:1px solid #d4d8dc;border-radius:0;background:none;box-shadow:none;padding:26px 28px 18px;gap:20px;min-height:315px;transition:background .25s,transform .25s}
.iwp-editorial-home .card:last-child{border-right:0}
.iwp-editorial-home .card.featured{background:#1c3053;border:0;border-radius:20px;box-shadow:0 16px 32px -24px #14264080;margin-right:18px;color:#fff}
.iwp-editorial-home .card.featured:hover{background:#243f6b;box-shadow:0 20px 36px -20px #14264060}
.iwp-editorial-home .card:hover{transform:translateY(-5px);background:#eceff0}
.iwp-editorial-home .card h2{font-size:21px;font-weight:550;letter-spacing:-.04em}
.iwp-editorial-home .card p{font-size:12px;line-height:1.95}
.iwp-editorial-home .card.featured p{color:#c7d2e5}
.iwp-editorial-home .kicker{font-size:9px;letter-spacing:.16em;color:#6b7a90}
.iwp-editorial-home .featured .kicker,.iwp-editorial-home .featured .card-icon{color:#bfcef0}
.iwp-editorial-home .card-icon{color:#52688f}
.iwp-editorial-home .card-icon svg{width:23px;height:23px;stroke-width:1.3}
.iwp-editorial-home .tags{gap:5px 10px}
.iwp-editorial-home .tag{border:0;padding:0;border-radius:0;background:none;font-size:10px;color:#65738a}
.iwp-editorial-home .featured .tag{color:#a9bad7}
.iwp-editorial-home .card-go{padding-top:13px;font-size:11px;color:#375681;border-top:1px solid #243e5f18;justify-content:space-between}
.iwp-editorial-home .featured .card-go{color:#e3bd9d;border-color:#ffffff25}
.iwp-editorial-home .featured:hover .card-go{color:#fff}
.iwp-editorial-home footer{padding-block:0 24px}
.iwp-editorial-home footer .shell{font-size:10px;border-color:#d2d7db;padding-top:23px}

/* Public tools and learning pages retain their original sections and imagery. */
body.iwp-editorial-public{--orange:#91adee;--orange2:#637fc3;--gold:#d1af8c;--gold-deep:#a38162;--teal:#99b5ef;--display:Manrope,Anuphan,sans-serif;--body:Manrope,Anuphan,sans-serif;--data:Manrope,Anuphan,sans-serif;font-family:var(--body);background:#0d1727;color:#e9edf5}
.iwp-editorial-public :where(h1,h2,h3,h4,.brand,.logo,.eyebrow,.tag,.num){font-family:Manrope,Anuphan,sans-serif!important}
.iwp-editorial-public :where(nav,.nav){background:#0d1727ed;border-bottom:1px solid #d7e0f31c;backdrop-filter:blur(18px)}
.iwp-editorial-public .brand,.iwp-editorial-public .logo{font-size:23px;letter-spacing:-.045em;font-weight:550}
.iwp-editorial-public .wrap{max-width:1280px}
.iwp-editorial-public :where(.head,.hero){background:radial-gradient(ellipse at 90% 0,#2e436144,transparent 60%),#0d1727}
.iwp-editorial-public .head{padding-top:88px;padding-bottom:54px}
.iwp-editorial-public .head h1,.iwp-editorial-public .hero h1{font-size:clamp(38px,4.3vw,64px);line-height:1.35;font-weight:500;letter-spacing:-.045em;text-wrap:balance}
.iwp-editorial-public :where(.head p,.hero p.lead){font-size:16px;line-height:1.9;color:#a7b5c9}
.iwp-editorial-public .section{padding-top:88px;padding-bottom:88px}
.iwp-editorial-public .instructor{background:#101d31}
.iwp-editorial-public .inst-grid{gap:70px;align-items:center}
.iwp-editorial-public .instructor h2{font-size:clamp(32px,3.7vw,54px);line-height:1.4;font-weight:500;letter-spacing:-.04em}
.iwp-editorial-public .inst-awards a{border-radius:18px;overflow:hidden;box-shadow:0 25px 60px -28px #0009}
.iwp-editorial-public :where(.section-head h2,.course-head h3){font-size:clamp(28px,3vw,43px);font-weight:500;line-height:1.4;letter-spacing:-.04em}
.iwp-editorial-public :where(.card,.pain-card,.module,.review,.plan,.qr-card,details,.proof-card,.shot){border-radius:18px;border-color:#a0b6d22b;box-shadow:0 18px 45px -35px #0009}
.iwp-editorial-public :where(.btn,.btn-open,.btn-howto,.nav-cta,.home-pill,.back-link){border-radius:40px;box-shadow:none;font-family:Manrope,Anuphan,sans-serif;font-weight:500}
.iwp-editorial-public :where(.btn-primary,.btn-open){background:#adc1ed;color:#152746;border:1px solid #c9d7f3}
.iwp-editorial-public :where(.btn-primary,.btn-open):hover{background:#cedcf7;box-shadow:0 8px 30px -20px #9cb8ed}
.iwp-editorial-public .card{padding:30px;background:linear-gradient(140deg,#1d304c,#132138);border:1px solid #9eb6dd30}
.iwp-editorial-public .card-title{font-size:24px;font-weight:500;letter-spacing:-.035em;color:#edf2ff}
.iwp-editorial-public .card-desc{font-size:14px;line-height:1.9;color:#b1bfd2}
.iwp-editorial-public .card-icon{background:#233858;color:#c6d7fa;border-color:#adc7f433;border-radius:18px;box-shadow:none}
.iwp-editorial-public .card.active:hover{transform:translateY(-6px);border-color:#a8bee47a;box-shadow:0 22px 40px -25px #0007}

/* Existing live application: visual refinement without changing React or data. */
body.iwp-editorial-app{font-family:Manrope,Anuphan,sans-serif;background:#0d1523;background-image:none}
.iwp-editorial-app .font-thai,.iwp-editorial-app .font-mono{font-family:Manrope,Anuphan,sans-serif}
.iwp-editorial-app .font-mono{font-variant-numeric:tabular-nums}
.iwp-editorial-app .panel{border-radius:18px;box-shadow:0 12px 35px -25px #0008}
.iwp-editorial-app .panel-h{padding-top:18px;padding-bottom:18px}
.iwp-editorial-app #root>.h-screen{padding:14px;gap:14px;background:#0d1523}
.iwp-editorial-app #root>.h-screen>aside{border-radius:17px;border-color:#ffffff0d;background:#101c2e}
.iwp-editorial-app #root>.h-screen>div.flex-1{border:1px solid #ffffff15;border-radius:20px;overflow:hidden}
.iwp-editorial-app aside nav button{padding-top:11px;padding-bottom:11px;font-size:12px}
.iwp-editorial-app header{padding-top:22px;padding-bottom:22px;height:auto;min-height:90px}
.iwp-editorial-app header h1{font-size:28px;font-weight:500;letter-spacing:-.04em}
.iwp-editorial-app main{padding:26px 30px}
.iwp-editorial-app table{font-variant-numeric:tabular-nums}
.iwp-editorial-app :where(button,input,select){transition:border-color .18s,background-color .18s}
/* This exact root child is the existing login / approval view, never an account dialog. */
.iwp-editorial-app #root>.min-h-screen:has(>.max-w-sm){position:relative;isolation:isolate;padding:65px max(6vw,32px);justify-content:flex-end;background:#f5f3ee;color:#172640;min-height:100vh}
.iwp-editorial-app #root>.min-h-screen:has(>.max-w-sm)::before{content:"";position:absolute;inset:0 45% 0 0;background:url('./orbit-sculpture.svg') center/95% auto no-repeat,radial-gradient(ellipse at center,#e1e7f3,transparent 70%);z-index:-1}
.iwp-editorial-app #root>.min-h-screen>.max-w-sm{max-width:440px;width:42%;margin-right:4vw}
.iwp-editorial-app #root>.min-h-screen>.max-w-sm>.flex{align-items:flex-start;margin-bottom:32px}
.iwp-editorial-app #root>.min-h-screen .text-xl{font-size:37px;font-weight:500;letter-spacing:-.06em}
.iwp-editorial-app #root>.min-h-screen .shadow-glow{background:#213c68;color:#fff;box-shadow:0 10px 30px -15px #243f76;border-radius:16px}
.iwp-editorial-app #root>.min-h-screen .panel{background:#fffefa;border:1px solid #d9dee6;padding:30px;box-shadow:0 25px 60px -40px #273c6866;border-radius:23px}
.iwp-editorial-app #root>.min-h-screen .bg-panel2{background:#eef0f3;border-color:#d9dee6}
.iwp-editorial-app #root>.min-h-screen .text-sub{color:#536079}
.iwp-editorial-app #root>.min-h-screen [class*="text-muted"]{color:#67748b}
.iwp-editorial-app #root>.min-h-screen .text-teal{color:#315aae}
.iwp-editorial-app #root>.min-h-screen input{background:#fff;border:1px solid #cfd6e1;color:#172640;min-height:48px;border-radius:9px;font-size:14px}
.iwp-editorial-app #root>.min-h-screen input:focus{outline:2px solid #7896d3;outline-offset:2px}
.iwp-editorial-app #root>.min-h-screen button[type="submit"]{background:#20395f;color:#fff;border-radius:35px;min-height:48px;font-size:14px;margin-top:24px}
.iwp-editorial-app #root>.min-h-screen button[type="submit"]:hover{background:#34578e}
.iwp-editorial-app #root>.min-h-screen [class*="bg-teal/15"]{background:#fff;color:#243f73;box-shadow:0 2px 7px #20395512}
.iwp-editorial-app #root>.min-h-screen>.max-w-sm .text-brand{color:#315aae}
.iwp-editorial-app #root>.min-h-screen>.max-w-sm [class*="bg-brand/15"]{background:#fff;color:#243f73;box-shadow:0 2px 7px #20395512}
.iwp-editorial-app #root>.min-h-screen>.max-w-sm input{background:#fff;color:#172640}
.iwp-editorial-app #root>.min-h-screen>.max-w-sm input::placeholder{color:#78859b;opacity:1}
.iwp-editorial-app #root>.min-h-screen>.max-w-sm button.absolute{background:#e7ebf1;color:#334e75;border-color:#cbd4e1}
@keyframes iwp-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(1deg)}}
@media(min-width:1600px){.iwp-editorial-home .hero>.shell:first-child{padding-top:118px;padding-bottom:118px;min-height:720px}.iwp-editorial-home .hero>.shell:first-child::after{height:750px;right:-60px}.iwp-editorial-home .hero h1{font-size:72px}}
@media(max-width:1050px){.iwp-editorial-home .shell{padding-inline:30px}.iwp-editorial-home .hero>.shell:first-child{min-height:580px;padding-top:75px;padding-bottom:70px}.iwp-editorial-home .hero>.shell:first-child::after{right:-75px;width:58%;height:570px}.iwp-editorial-home .hero h1{font-size:48px}.iwp-editorial-home .cards{grid-template-columns:repeat(2,1fr);gap:18px}.iwp-editorial-home .card{border:1px solid #d4d8dc;border-radius:18px}.iwp-editorial-home .card.featured{margin:0}.iwp-editorial-home .card:last-child{border-right:1px solid #d4d8dc}}
@media(max-width:720px){.iwp-editorial-home .shell{padding-inline:24px}.iwp-editorial-home .navlinks{gap:16px}.iwp-editorial-home .logo{font-size:21px}.iwp-editorial-home .hero>.shell:first-child{padding-top:50px;padding-bottom:285px;min-height:0}.iwp-editorial-home .hero>.shell:first-child::after{width:100%;height:340px;right:-10px;top:auto;bottom:-30px}.iwp-editorial-home .hero h1{max-width:100%;font-size:42px}.iwp-editorial-home .hero p{max-width:100%;font-size:14px}.iwp-editorial-home .cards{grid-template-columns:1fr;padding-top:28px;gap:14px}.iwp-editorial-home .card{min-height:260px}.iwp-editorial-public .inst-grid{gap:30px}.iwp-editorial-public .head{padding-top:45px}.iwp-editorial-app #root>.min-h-screen:has(>.max-w-sm){justify-content:center;padding:40px 20px}.iwp-editorial-app #root>.min-h-screen:has(>.max-w-sm)::before{inset:0;opacity:.12}.iwp-editorial-app #root>.min-h-screen>.max-w-sm{width:100%;margin:0}.iwp-editorial-app #root>.h-screen{padding:0;gap:0}.iwp-editorial-app main{padding:18px}}
@media(prefers-reduced-motion:reduce){[class*="iwp-editorial"] *,[class*="iwp-editorial"] *::before,[class*="iwp-editorial"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}