.xantum-opinstar-page { --op-ink:#091b2c; --op-paper:#f4f7f2; --op-copy:#36505a; --op-rule:#c8d3cc; --op-green:#aac22f; color:var(--op-ink); background:var(--op-paper); }
.opinstar-width { width:min(1120px,88%); margin-inline:auto; }
.opinstar-header { position:relative; height:auto; min-height:78px; flex-wrap:wrap; padding:18px 5%; background:var(--op-ink); color:#fff; border-bottom:1px solid rgb(255 255 255 / .13); }
.opinstar-header .mini-logo { gap:9px; }.opinstar-header .header-wordmark { font-size:22px; letter-spacing:-.045em; }.opinstar-header nav { display:flex; gap:clamp(16px,2.4vw,30px); font:500 11px/1.3 "DM Mono",monospace; letter-spacing:.045em; }.opinstar-header nav a { border-bottom:1px solid transparent; }.opinstar-header nav a:hover,.opinstar-header nav .is-current { color:var(--op-green); border-bottom-color:var(--op-green); }
.opinstar-hero { padding:clamp(64px,10vw,142px) 0 clamp(72px,11vw,155px); background:var(--op-ink); border-bottom:3px solid var(--op-green); color:#fff; }.opinstar-eyebrow,.opinstar-index { margin:0 0 26px; color:#657d75; font:500 11px/1.5 "DM Mono",monospace; letter-spacing:.07em; }.opinstar-hero .opinstar-eyebrow { color:#c5d2ca; }.opinstar-hero h1 { max-width:1050px; margin:0; font-size:clamp(54px,8vw,126px); line-height:.86; letter-spacing:-.075em; }.opinstar-hero h1 em { color:var(--op-green); font-style:normal; }.opinstar-lead { max-width:650px; margin:32px 0 0; color:#e0e9e2; font-size:clamp(18px,1.8vw,24px); line-height:1.48; }
.opinstar-brandbar { padding:23px 0; background:var(--op-paper); border-bottom:1px solid var(--op-rule); }.opinstar-logo { display:block; width:min(220px,62vw); height:auto; }
.opinstar-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; }.opinstar-actions a { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:0 21px; font:600 12px/1.2 "DM Mono",monospace; letter-spacing:.025em; text-decoration:none; }.opinstar-primary { background:var(--op-green); color:var(--op-ink); }.opinstar-primary:hover { background:#c4db6b; }.opinstar-secondary { border:1px solid currentColor; color:inherit; }.opinstar-secondary:hover { color:var(--op-green); }
.opinstar-section { padding:clamp(62px,9vw,118px) 0; }.opinstar-split { display:grid; grid-template-columns:minmax(170px,.55fr) minmax(0,2fr); gap:clamp(35px,9vw,142px); }.opinstar-split h2,.opinstar-section h2,.opinstar-closing h2 { max-width:780px; margin:0; font-size:clamp(37px,5vw,73px); line-height:.94; letter-spacing:-.065em; }.opinstar-split p:not(.opinstar-index) { max-width:700px; color:var(--op-copy); font-size:17px; line-height:1.78; }.opinstar-functions { background:#e8eee7; border-block:1px solid var(--op-rule); }.opinstar-functions > .opinstar-width > h2 { margin-bottom:42px; }.opinstar-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--op-rule); }.opinstar-grid article { min-height:250px; padding:26px 25px 25px; border-right:1px solid var(--op-rule); }.opinstar-grid article:last-child { border-right:0; }.opinstar-grid span { color:#5a7069; font:500 11px "DM Mono",monospace; }.opinstar-grid h3 { margin:52px 0 13px; font-size:25px; line-height:1.05; letter-spacing:-.045em; }.opinstar-grid p { color:var(--op-copy); font-size:15px; line-height:1.65; }
.opinstar-industries { background:#fbfcf9; border-bottom:1px solid var(--op-rule); }.opinstar-industries h2 { margin-bottom:40px; }.opinstar-industry-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--op-rule); border:1px solid var(--op-rule); }.opinstar-industry-grid a { min-height:136px; padding:22px; background:var(--op-paper); color:var(--op-ink); text-decoration:none; }.opinstar-industry-grid a:hover { background:#e8eee7; }.opinstar-industry-grid .is-focus { background:#e9f0e1; border-top:3px solid var(--op-green); }.opinstar-industry-grid b { display:block; font:600 12px/1.35 "DM Mono",monospace; letter-spacing:.025em; }.opinstar-industry-grid span { display:block; margin-top:17px; color:var(--op-copy); font-size:14px; line-height:1.45; }
.opinstar-moments { background:#fbfcf9; border-bottom:1px solid var(--op-rule); }.opinstar-moments h2 { margin-bottom:18px; }.opinstar-moments-lead { max-width:660px; margin:0 0 38px; color:var(--op-copy); font-size:17px; line-height:1.65; }.opinstar-moment-picker { display:grid; grid-template-columns:minmax(235px,.95fr) minmax(0,1.35fr); border:1px solid var(--op-rule); background:var(--op-rule); gap:1px; }.opinstar-moment-controls { display:grid; gap:1px; background:var(--op-rule); }.opinstar-moment-controls[hidden] + .opinstar-moment-story { grid-column:1 / -1; }.opinstar-moment { display:grid; grid-template-columns:28px 1fr; column-gap:12px; min-height:109px; padding:18px 20px; border:0; background:var(--op-paper); color:var(--op-ink); text-align:left; cursor:pointer; font:inherit; transition:background-color .18s ease,color .18s ease; }.opinstar-moment:hover,.opinstar-moment:focus-visible { background:#e5edda; }.opinstar-moment.is-selected { background:#193b36; color:#fff; }.opinstar-moment > span { grid-row:span 2; display:grid; place-items:center; width:28px; height:28px; border:1px solid currentColor; border-radius:50%; color:var(--op-green); font:600 16px/1 "DM Mono",monospace; }.opinstar-moment b { align-self:end; font-size:16px; letter-spacing:-.025em; }.opinstar-moment small { align-self:start; margin-top:4px; color:#60756c; font-size:12px; line-height:1.35; }.opinstar-moment.is-selected small { color:#d3e0d5; }.opinstar-moment-story { min-height:100%; padding:clamp(30px,5vw,58px); background:var(--op-ink); color:#fff; }.opinstar-moment-kicker { margin:0 0 22px; color:#c5d2ca; font:500 11px/1.5 "DM Mono",monospace; letter-spacing:.07em; }.opinstar-moment-story h3 { max-width:530px; margin:0; font-size:clamp(30px,3.5vw,49px); line-height:.95; letter-spacing:-.055em; }.opinstar-moment-story > p:not(.opinstar-moment-kicker) { max-width:530px; margin:21px 0 0; color:#e0e9e2; font-size:16px; line-height:1.65; }.opinstar-moment-story ol { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; margin:34px 0 0; padding:0; list-style:none; }.opinstar-moment-story li { display:grid; grid-template-columns:23px 1fr; gap:8px; color:#dbe8dc; font-size:13px; line-height:1.4; }.opinstar-moment-story li b { color:var(--op-green); font:500 12px/1.4 "DM Mono",monospace; }.opinstar-moment-example { margin-top:32px; padding-top:20px; border-top:1px solid rgb(255 255 255 / .2); }.opinstar-moment-example p { margin:0 0 8px; color:#c5d2ca; font:500 10px/1.5 "DM Mono",monospace; letter-spacing:.07em; }.opinstar-moment-example blockquote { margin:0 0 20px; color:#fff; font-size:15px; line-height:1.55; }.opinstar-moment-example span { color:#dbe8dc; font-size:14px; line-height:1.5; }.opinstar-noscript { margin:20px 0 0; color:var(--op-copy); line-height:1.6; }
.opinstar-workflow { background:#fbfcf9; }.opinstar-workflow h2 { margin-bottom:39px; }.opinstar-workflow ol { margin:0; padding:0; list-style:none; border-top:1px solid var(--op-rule); }.opinstar-workflow li { display:grid; grid-template-columns:1fr 1.65fr; gap:25px; padding:21px 0; border-bottom:1px solid var(--op-rule); }.opinstar-workflow b { font-size:20px; letter-spacing:-.035em; }.opinstar-workflow span { color:var(--op-copy); line-height:1.55; }.opinstar-ai { border-top:1px solid var(--op-rule); }.opinstar-faq { background:#e8eee7; border-top:1px solid var(--op-rule); }.opinstar-faq h2 { margin-bottom:37px; }.opinstar-faq details { max-width:780px; padding:23px 0; border-top:1px solid var(--op-rule); }.opinstar-faq details:last-child { border-bottom:1px solid var(--op-rule); }.opinstar-faq summary { cursor:pointer; font-size:20px; font-weight:600; letter-spacing:-.03em; }.opinstar-faq p { max-width:670px; margin:15px 0 0; color:var(--op-copy); line-height:1.7; }
.opinstar-closing { padding:clamp(67px,10vw,135px) 0; background:#193b36; color:#fff; }.opinstar-closing .opinstar-eyebrow { color:#c5d2ca; }.opinstar-closing h2 { max-width:820px; }.opinstar-closing > .opinstar-width > p:not(.opinstar-eyebrow) { max-width:650px; margin:25px 0 0; color:#dbe8dc; font-size:18px; line-height:1.6; }.opinstar-footer { padding:34px 5% 22px; background:var(--op-paper); color:var(--op-ink); border-top:1px solid var(--op-rule); }.opinstar-footer .footer-brand { font-size:clamp(76px,13vw,190px); letter-spacing:-.092em; line-height:.76; }.opinstar-footer .footer-bottom { margin-top:34px; padding-top:19px; border-color:var(--op-rule); color:#526a62; }.xantum-opinstar-page :focus-visible { outline:3px solid var(--op-green); outline-offset:4px; }
@media(max-width:680px){.opinstar-header{min-height:66px;padding:15px 6%;}.opinstar-header nav{display:flex;width:100%;justify-content:space-between;gap:8px;font-size:10px;}.opinstar-hero{padding-top:58px;}.opinstar-hero h1{font-size:clamp(49px,15vw,76px);}.opinstar-split{grid-template-columns:1fr;gap:28px;}.opinstar-industry-grid{grid-template-columns:1fr;}.opinstar-moment-picker{grid-template-columns:1fr;}.opinstar-moment-story ol{grid-template-columns:1fr;gap:10px;}.opinstar-grid{grid-template-columns:1fr;}.opinstar-grid article{min-height:0;border-right:0;border-bottom:1px solid var(--op-rule);}.opinstar-grid h3{margin-top:28px;}.opinstar-workflow li{grid-template-columns:1fr;gap:9px;}.opinstar-footer .footer-bottom{gap:16px;}.opinstar-footer .footer-bottom>div{gap:12px 18px;}}
@media(max-width:420px){.opinstar-header nav{font-size:9px;letter-spacing:0;}.opinstar-actions{display:grid;}.opinstar-actions a{width:100%;}.opinstar-faq summary{font-size:18px;}}
@media(prefers-reduced-motion:reduce){.xantum-opinstar-page *{scroll-behavior:auto;}}
.opinstar-actions a { gap: 10px; }
.opinstar-header nav a { display: inline-flex; align-items: center; min-height: 32px; }
@media(max-width:420px) { .opinstar-header nav { font-size: 11px; } }