.investment-principles{position:relative;width:100vw;margin:0 0 0 calc(50% - 50vw);padding:0 0 64px;box-sizing:border-box}.investment-principles .ip-inner{max-width:1000px;box-sizing:border-box;margin:0 auto;padding:0 24px}.investment-principles h2{margin:0 auto 22px;max-width:760px;color:#19243b;font-size:clamp(29px,5vw,40px);font-weight:400;line-height:1.12;letter-spacing:-.035em;text-align:center}.investment-principles h2 span{color:#c9342f}.ip-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ip-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;height:250px;border:1px solid #d6dbe2;border-radius:24px;background:linear-gradient(135deg,#e7eaf0,#f5f6f7 55%,#e3e7ec);box-shadow:inset 0 1px 0 #ffffffb3,0 5px 15px #19243b04}.ip-silver{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ip-card:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 1px #ffffffbf,inset 0 -1px 2px #7f8c9d0c;pointer-events:none}@media(max-width:700px){.investment-principles{padding:0 0 52px}.investment-principles .ip-inner{padding:0 19px}.investment-principles h2{margin-bottom:22px;font-size:29px;max-width:400px}.ip-cards{grid-template-columns:1fr;gap:14px}.ip-card{height:auto;aspect-ratio:1.7;border-radius:22px}}

/* Same42px section-heading gap and22px heading-to-content gap as the existing dashboard. */
.investment-mini{padding-bottom:0}.investment-mini .im-wrap{padding-bottom:42px}

/* White begins inside the lower arc and remains continuous through the calculation disclosure. */
.review-liquid-flow:before{content:"";position:absolute;inset:0;background:#fff;clip-path:ellipse(62% 80% at 50% 140%);pointer-events:none}
.partner-metrics-screen{background:#fff!important;background-image:none!important;border-bottom:0}
.investment-mini{background:#fff}
/* Reveal the existing dot pattern gradually, without a hard section boundary. */
.investment-principles{isolation:isolate}
.investment-principles:before{content:"";position:absolute;inset:0 0 auto;height:190px;z-index:-1;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.94) 18%,rgba(255,255,255,.55) 55%,rgba(255,255,255,0) 100%);pointer-events:none}

/* Continue white through the review wrapper spacing immediately below the ring. */
.review-liquid-flow{overflow:visible}.review-liquid-flow:after{content:"";position:absolute;top:100%;left:0;width:100%;height:32px;background:#fff;pointer-events:none}

/* Exact responsive major-heading gaps from Marketing Plan f2653e6b021c82bd.css. */
:root{--ipo-major-heading-gap:106px}
@media(max-width:600px){:root{--ipo-major-heading-gap:94px}}
@media(max-width:390px){:root{--ipo-major-heading-gap:88px}}
.investment-mini .annual-income-section{margin-top:var(--ipo-major-heading-gap)}
.investment-mini .im-wrap{padding-bottom:0}
.investment-principles{padding-top:var(--ipo-major-heading-gap)}
.investment-principles:before{height:var(--ipo-major-heading-gap);background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.7) 20%,rgba(255,255,255,.25) 55%,rgba(255,255,255,0) 90%)}
/* Marketing Plan mini-calculator frame and actual native-select overlay pattern. */
.partner-metrics-screen{border-bottom:1px solid #e6e8ed}
.investment-mini .im-wrap{padding-top:48px}
#investment-mini-title{position:relative;width:min(100%,520px);max-width:700px;margin:2px auto 32px;padding-bottom:48px;text-align:center;color:#19243b;font-size:clamp(27px,6.9vw,36px);font-weight:400;line-height:1.16;letter-spacing:-.035em}
#investment-mini-title:after{content:"";position:absolute;left:50%;bottom:0;width:100vw;height:1px;transform:translateX(-50%);background:#e6e8ed}
#investment-mini-title .im-title-top,#investment-mini-title .im-title-bottom{font-size:inherit;line-height:inherit;letter-spacing:inherit;text-align:center;white-space:normal}
#investment-mini-title .im-title-top{display:flex;align-items:center;justify-content:center;gap:8px}
#investment-mini-title .im-title-bottom{display:block}
#investment-mini-title .im-select{position:relative;display:inline-flex;vertical-align:middle;align-items:center;box-sizing:border-box;gap:7px;min-height:40px;min-width:0;max-width:100%;width:auto;margin:1px 0;padding:6px 29px 6px 9px;border:1px solid #e5dadd;border-radius:12px;background:linear-gradient(145deg,#fff 0%,#fcfbfb 100%);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.98),inset 0 -2px 0 rgba(25,36,59,.035),0 3px 0 #ece8e9,0 7px 16px rgba(25,36,59,.12);white-space:nowrap;cursor:pointer}
#investment-mini-title .im-select:after{content:"";position:absolute;right:12px;top:50%;width:7px;height:7px;border-right:2px solid #9aa2af;border-bottom:2px solid #9aa2af;transform:translateY(-70%) rotate(45deg);pointer-events:none}
#investment-mini-title .im-select select{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;max-width:none;padding:0;margin:0;opacity:0;cursor:pointer;font-size:inherit}
#investment-mini-title .im-choice{font-size:.8em;font-weight:400;line-height:1.1;color:#19243b;text-shadow:0 1px 0 rgba(255,255,255,.9),0 -1px 0 rgba(25,36,59,.14)}
#investment-mini-title .im-select svg{position:static;width:23px;height:23px;flex:0 0 23px;pointer-events:none}
#investment-mini-title .im-mode-select[data-mode=growth] .im-mode-label{display:none}
#investment-mini-title .im-select:active{transform:translateY(2px) scale(.99);box-shadow:inset 0 2px 5px rgba(25,36,59,.13),inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(25,36,59,.08)}
#investment-mini-title .im-select:focus-within{outline:2px solid #c9342f;outline-offset:3px}
.investment-mini .im-control:first-child{border-top:0;padding-top:0}
@media(max-width:600px){.investment-mini .im-wrap{padding-top:42px}#investment-mini-title{padding-bottom:42px}}
@media(max-width:360px){#investment-mini-title{font-size:25px}#investment-mini-title .im-select{gap:5px;padding-left:7px;padding-right:26px;min-height:38px}#investment-mini-title .im-select svg{width:21px;height:21px;flex-basis:21px}}

/* Thin reference outline, no embossed rim; depth comes from ambient shadow only. */
.ip-card{border:1px solid #cdd1d7;box-shadow:0 10px 28px rgba(25,36,59,.045)}
.ip-card:after{box-shadow:none}

/* Measured ARCH reference:dashboard-to-heading192px,header-to-grid48px,grid gap16px.
   The closed calculation disclosure occupies85px of the dashboard-to-heading interval. */
.investment-principles{padding-top:107px}
.investment-principles h2{margin-bottom:48px}
.ip-cards{gap:16px}
.investment-principles:before{height:107px;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.62) 20%,rgba(255,255,255,.18) 55%,rgba(255,255,255,0) 88%)}

/* More breathing room within slider settings,without changing fonts or tracks. */
.investment-mini .im-control{padding:28px 0}
.investment-mini .im-control:first-child{padding-top:0}
.investment-mini .im-control label{margin-bottom:16px}
.investment-mini .im-number{margin-bottom:16px}

@media(min-width:761px){.investment-principles{padding-top:105px}}

/* Portfolio overview replaces the external dashboard heading. Existing income-to-tile gap is20px. */
.investment-mini .im-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.investment-mini .annual-income-section{margin-top:0}
.investment-mini .im-portfolio-overview{margin:0 0 54px;color:#c4c8d4;font-size:14px;font-weight:400;line-height:20px;text-align:right}
.investment-mini .investor-trading-income{margin-top:0}

/* User-marked spacing: blue gaps ×1.5, red overview-to-income gap ÷1.5. */
.partner-metrics-screen{padding-bottom:108px}
.investment-mini .annual-income-section{margin-top:19px}
.investment-mini .im-portfolio-overview{margin-bottom:40.666667px}
@media(max-width:760px){.partner-metrics-screen{padding-bottom:96px}}
@media(max-width:520px){.investment-mini .annual-income-section{margin-top:17px}}

/* Approved card copy and reference icons. Material canvas and its motion remain unchanged. */
.ip-cards{grid-auto-rows:1fr}
.ip-card{display:flex;flex-direction:column;gap:40px;box-sizing:border-box;height:auto;min-height:320px;padding:24px}
.ip-icon{position:relative;z-index:1;display:block;width:36px;height:36px;flex:0 0 36px;overflow:visible}
.ip-copy{position:relative;z-index:1;margin-top:auto}
.ip-copy h3{margin:0 0 7px;color:#19243b;font:500 22px/1.12 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;letter-spacing:-.035em}
.ip-copy p{margin:0;color:#39465a;font:400 16px/1.45 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;letter-spacing:0}
.ip-nowrap{white-space:nowrap}
.ip-silver-dark{animation:ip-icon-dark 6s ease-in-out infinite alternate}
.ip-silver-light{animation:ip-icon-light 6s ease-in-out infinite alternate}
@keyframes ip-icon-dark{to{stop-color:#64748b}}
@keyframes ip-icon-light{to{stop-color:#b0bac8}}
@media(max-width:700px){.ip-card{min-height:288px;padding:22px;aspect-ratio:auto}.ip-copy h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.ip-silver-dark,.ip-silver-light{animation:none}}

/* Permanent diffuse light in the material below each reference icon. */
.ip-silver{z-index:0}
.ip-card:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse 220px 180px at 42px 38px,rgba(255,255,255,.86) 0%,rgba(255,255,255,.65) 30%,rgba(255,255,255,.22) 65%,rgba(255,255,255,0) 100%)}
.ip-icon,.ip-copy{z-index:2}

/* Measured ARCH card layout:24px inset,36px icons,24/32 headings,16/24 copy. */
.investment-principles .ip-inner{max-width:1280px;padding:0 16px}
.ip-cards{grid-auto-rows:auto;align-items:stretch}
.ip-card{height:auto;min-height:240px;padding:24px;gap:16px;border-radius:24px;aspect-ratio:auto}
.ip-copy{display:flex;flex-direction:column;gap:4px}
.ip-copy h3{margin:0;font-size:24px;line-height:32px;font-weight:500;letter-spacing:-.6px}
.ip-copy p{font-size:16px;line-height:24px}
@media(max-width:1023px){.ip-cards{grid-template-columns:1fr}}

/* Keep reference text start108px below card top,including when Russian copy is longer. */
.ip-card{border:0;outline:1px solid #cdd1d7;outline-offset:-1px}
.ip-copy{margin-top:32px}

/* Keep the approved thin contour visible above the brighter material. */
.ip-card{outline:none}
.ip-card:after{z-index:3;border:1px solid #cdd1d7;box-sizing:border-box}

/* Match reference font metrics and prevent mobile browser text inflation. */
@font-face{font-family:IPOReferenceInter;src:url('/assets/principles-fonts/inter-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:IPOReferenceInstrument;src:url('/assets/principles-fonts/instrument-sans.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.investment-principles{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.ip-copy h3{font-family:IPOReferenceInstrument,Arial,sans-serif}
.ip-copy p{font-family:IPOReferenceInter,Arial,sans-serif}
.ip-copy h3 .ip-accent{color:#c9342f}

/* Smaller explanations keep their prior lower edge; freed space becomes the upper gap. */
.ip-copy p{display:grid;font-size:15px;line-height:22px}
.ip-copy p:before{content:attr(data-layout-copy);grid-area:1/1;visibility:hidden;pointer-events:none;font-size:16px;line-height:24px}
.ip-body-text{display:block;grid-area:1/1;align-self:end}

/* Equal reference cards: copy length must not create three different heights. */
.ip-cards{grid-auto-rows:1fr}
.ip-card{min-height:240px}
.ip-copy{margin-top:32px;flex:1}
.ip-copy p{margin-top:auto}
.ip-copy p:before{display:none}
/* Exact measured ARCH heights; preserve approved text and fonts. */
.ip-cards{grid-auto-rows:auto}.ip-card{box-sizing:border-box;height:240px;min-height:240px;max-height:240px;gap:0}.ip-copy{position:absolute;left:24px;right:24px;bottom:24px;margin-top:0;flex:none;gap:4px}.ip-copy p{margin-top:0}
@media(max-width:360px){.ip-card{height:264px;min-height:264px;max-height:264px}}