/* Marketing shell follows Home Concept; preview colors are isolated from page copy. */
.op-page{--op-brand:#07513e;--op-on-brand:#fff;--op-font:Roboto,Arial,sans-serif;--op-photo:url('/img/home-concept/sponsoring-course.webp')}.op-page .header{position:relative}.op-page .desktop-nav{gap:20px}.op-page svg{width:20px;height:20px;flex-shrink:0}.op-page h1,.op-page h2{font-family:Roboto,Arial,sans-serif;font-weight:800}.op-page em{font-family:Caveat,cursive;font-style:normal;font-weight:600;letter-spacing:-.025em;color:var(--green)}.op-page h1{font-size:clamp(50px,5.8vw,84px);line-height:1.04}.op-page h2{font-size:clamp(34px,4vw,54px);line-height:1.08}.op-page h3{line-height:1.15;letter-spacing:-.03em}.op-page h4{margin:0;line-height:1.25;letter-spacing:-.025em}.op-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;padding-block:65px 90px}.op-lead{font-size:19px;max-width:490px;margin:25px 0 28px;color:#465b51;line-height:1.7}.op-product{font-size:11px;letter-spacing:.17em;margin-top:26px;color:var(--green);font-weight:700}.op-hero figure{margin:0;transform:rotate(2deg);background:#e9edde;border-radius:100px 16px 16px 16px;overflow:hidden}.op-hero figure img{width:100%;height:440px;object-fit:cover}.op-hero figcaption{position:static;display:block;padding:22px;text-align:center;font-size:32px;color:var(--green);background:#e9edde;transform:none}.op-section{padding-block:80px;scroll-margin-top:25px}.op-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:42px}.op-benefits article{border-top:1px solid #cad5c7;padding-top:26px;display:flex;flex-direction:column;align-items:flex-start}.op-category{display:flex;align-items:center;gap:10px;color:var(--green);font-size:13px;font-weight:750;text-transform:uppercase;letter-spacing:.1em}.op-benefits h3{font-size:27px;margin:20px 0 16px}.op-benefits p{color:#465b51;line-height:1.75;margin-bottom:22px}.op-benefits a{margin-top:auto;display:inline-flex;align-items:center;gap:14px;font-weight:700;border-bottom:1px solid #a1b3a4;padding-bottom:8px}.op-studio{background:#eef1e8}.op-page .section-heading{gap:55px;align-items:center}.op-page .section-heading>p{font-size:17px;color:#465b51;max-width:440px}.op-controls{background:#fffdf8;border:1px solid #d6ddd1;border-radius:20px;padding:28px;margin-bottom:35px}.op-controls h3{font-size:24px;margin-bottom:20px}.op-control-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:20px}.op-control-row>label{font-size:13px;font-weight:600;display:grid;gap:7px;max-width:100%}.op-controls input:not([type=color]),.op-controls select{font:inherit;border:1px solid #bcc9bc;border-radius:9px;padding:12px;background:white;color:#102b25;min-width:0;max-width:100%}.op-controls input[type=text],#op-name{width:270px;font-size:16px}.op-upload{position:relative;border:1px solid #9daf9e;border-radius:30px;padding:13px 20px;display:flex!important;align-items:center;font-size:14px!important;cursor:pointer;overflow:hidden}.op-upload input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.op-upload:focus-within{outline:3px solid #c29127;outline-offset:4px}.op-controls fieldset{border:0;margin:0;padding:0}.op-controls legend{font-size:13px;margin-bottom:7px}.op-colors{display:flex;gap:10px;align-items:center}.op-colors button{width:40px;height:40px;border:3px solid white;outline:1px solid #c9d2c7;border-radius:50%;background:var(--swatch);color:white;display:grid;place-items:center}.op-colors button svg{visibility:hidden}.op-colors button[aria-pressed=true]{outline:2px solid #102b25}.op-colors button[aria-pressed=true] svg{visibility:visible}.op-colors input{width:42px;height:42px;padding:3px;border:1px solid #aabbaa;border-radius:50%;background:white;cursor:pointer}.op-controls>p,.op-controls details p{font-size:13px;line-height:1.6;color:#465b51;margin-top:16px}.op-controls details{margin-top:13px}.op-controls summary{cursor:pointer;font-size:14px;padding-block:6px}.op-controls details .op-control-row{margin-top:14px}.op-controls button#op-reset{background:white;border:1px solid #aabbaa;padding:12px 18px;border-radius:9px}#op-status:empty{display:none}
.op-track{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(24px,calc((100vw - 1280px)/2));padding:8px max(24px,calc((100vw - 1280px)/2)) 24px;scrollbar-width:none}.op-track::-webkit-scrollbar{display:none}.op-card{flex:0 0 min(1040px,86vw);min-width:0;scroll-snap-align:start;background:#fffdf8;border:1px solid #dce3d6;border-radius:26px;padding:44px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center}.op-card:nth-child(2){background:#e3eadd}.op-card:nth-child(3){background:#f1e8d6}.op-card-copy h3{font-size:clamp(30px,3.3vw,46px);max-width:390px;margin:22px 0}.op-card-copy>p:not(.eyebrow){font-size:17px;color:#465b51;line-height:1.8;max-width:370px}.op-card-copy .handwritten{display:block;font-size:34px;line-height:1.2;color:var(--green);margin:35px 0}.op-card-copy>small{font-size:13px;color:#465b51}.op-device-stage{display:flex;justify-content:center;min-width:0}.op-gallery-nav{display:flex;align-items:center;gap:18px;padding-top:14px}.op-dots{display:flex;gap:2px}.op-dots button{border:0;background:transparent;width:30px;height:40px;padding:10px;position:relative}.op-dots button:after{content:'';display:block;width:8px;height:8px;background:#8d9e8f;border-radius:50%}.op-dots button[aria-current=true]:after{background:var(--green);transform:scale(1.4)}.op-gallery-nav>p{font-size:13px;color:#465b51}.op-arrows{margin-left:auto;display:flex;gap:9px}.op-arrows button{background:white;color:var(--green);border:1px solid #b3c2b1;border-radius:50%;width:44px;height:44px;font-size:23px}.op-arrows button:disabled{opacity:.4;cursor:default}.op-note{font-size:13px;color:#465b51;margin-top:24px;line-height:1.7}.op-preview{font-family:var(--op-font);color:#102b25;overflow-wrap:anywhere}.op-phone{width:345px;max-width:100%;border:7px solid #20352e;border-radius:36px;background:#f4f6f2;box-shadow:0 22px 45px #102b2520;overflow:hidden;display:flex;flex-direction:column;font-size:13px}.op-os{display:flex;justify-content:space-between;background:#fff;padding:10px 20px 5px;font-size:11px}.op-app-top{display:flex;align-items:center;gap:7px;background:white;padding:10px 14px;border-bottom:1px solid #dde4d9;font-size:13px}.op-app-top img{width:21px;height:26px}.op-app-top strong span{font-weight:400}.op-app-top>span{margin-left:auto;font-size:11px;color:#405849}.op-app-hero{padding:20px 17px 23px;background:var(--op-brand);color:var(--op-on-brand)}.op-identity{display:flex;align-items:center;gap:10px;min-width:0}.op-identity>strong{font-size:13px;line-height:1.35}.op-logo{flex-shrink:0;width:44px;height:44px;border-radius:9px;background:#fff;box-shadow:0 0 0 1px #0001;display:grid;place-items:center;overflow:hidden;padding:5px;color:#102b25}.op-logo img{max-width:100%;max-height:34px;object-fit:contain}.op-logo img[hidden]{display:none}.op-app-hero h4{font-size:25px;margin-top:18px}.op-app-hero p{font-size:12px;margin-top:5px}.op-app-content{padding:15px}.op-next{padding:16px;background:white;border:1px solid #dce3d8;border-radius:13px}.op-next>small{font-size:10px;font-weight:700;letter-spacing:.07em;color:#405849}.op-next h4{font-size:21px;margin:9px 0}.op-next p{display:flex;align-items:center;gap:6px;font-size:12px;color:#405849;margin:5px 0}.op-next p svg{width:15px;height:15px}.op-brand-button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;background:var(--op-brand);color:var(--op-on-brand);border-radius:8px;padding:12px;margin-top:15px;font-family:inherit;font-weight:650;font-size:13px}.op-action-row{width:100%;display:flex;align-items:center;text-align:left;gap:10px;border:1px solid #dce3d8;border-radius:10px;background:white;padding:12px;margin-top:12px;color:#102b25;font-family:inherit;font-size:13px}.op-action-row>span{flex:1}.op-action-row strong,.op-action-row small{display:block}.op-action-row small{color:#405849;font-size:11px;margin-top:4px}.op-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.op-quick button{display:grid;justify-items:center;gap:6px;background:#fff;border:1px solid #dce3d8;border-radius:9px;padding:11px 3px;color:#102b25;font-family:inherit;font-size:11px}.op-update{margin-top:14px;font-size:12px}.op-update p{color:#405849;margin-top:4px}.op-app-nav{display:grid;grid-template-columns:repeat(4,1fr);background:white;border-top:1px solid #dce3d8;margin-top:auto;padding:10px 4px 16px}.op-app-nav button{display:grid;justify-items:center;gap:5px;background:none;border:0;padding:4px 1px;color:#405849;font-size:10px;font-family:inherit}.op-app-nav button[aria-pressed=true]{color:#102b25;font-weight:750;text-decoration:underline;text-underline-offset:4px}.op-phone [data-screen]{min-height:485px}.op-phone [hidden]{display:none!important}.op-detail h4{font-size:24px;margin:16px 0}.op-detail>small{font-size:10px;font-weight:700;color:#405849}.op-detail h5{font-size:15px;margin:22px 0 10px}.op-program-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #d6dfd2}.op-hole{display:flex;align-items:center;justify-content:space-between;padding:20px;background:var(--op-brand);color:var(--op-on-brand);border-radius:12px;margin:20px 0}.op-hole b{display:block;font-size:52px;line-height:1}.op-avatar{flex:none!important;width:38px;height:38px;border-radius:50%;background:#e4ebdf;display:grid;place-items:center}.op-stepper{display:flex;align-items:center;justify-content:space-around;margin:34px 0}.op-stepper>span{display:grid;text-align:center}.op-stepper b{font-size:54px}.op-stepper button{width:48px;height:48px;background:#fff;color:#102b25;border:1px solid #aebfae;border-radius:50%;font-size:26px}.op-score-note{font-size:12px;color:#465b51;margin-top:20px}.op-ranking{width:100%;border-collapse:collapse;margin-top:25px;font-size:13px}.op-ranking th,.op-ranking td{text-align:left;padding:14px 8px;border-bottom:1px solid #d6dfd2}.op-ranking thead th{font-size:10px;color:#405849;text-transform:uppercase}.op-ranking td:last-child{text-align:right;font-weight:750}.op-ranking tbody tr:first-child{background:#e8eedf}.op-ranking tbody th{font-weight:600}.op-invitation{max-width:390px;background:white;border-radius:13px;overflow:hidden;box-shadow:0 15px 35px #102b2515}.op-invitation>.op-identity{padding:20px}.op-invite-photo{height:180px;background-image:var(--op-photo);background-size:cover;background-position:center}.op-invitation>div:last-child{padding:25px}.op-invitation h4{font-size:35px;margin:14px 0}.op-invitation small{font-size:11px;font-weight:700}.op-invitation p{font-size:14px;line-height:1.7}.op-tv-card{grid-template-columns:1fr;gap:26px}.op-tv-card .op-card-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:center}.op-tv-card .op-card-copy .eyebrow{grid-column:1/-1}.op-tv-card .op-card-copy h3{margin:12px 0}.op-tv{border:9px solid #20352e;border-bottom-width:18px;border-radius:15px;background:white;box-shadow:0 20px 40px #102b2520}.op-tv-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 28px;background:var(--op-brand);color:var(--op-on-brand)}.op-tv-header>span{font-size:11px;font-weight:750}.op-tv-body{padding:25px 28px}.op-tv-body>small{font-size:11px;color:#405849}.op-tv-body h4{font-size:30px;margin-top:8px}.op-tv .op-ranking{font-size:18px}.op-tv-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:15px 28px;background:#edf1e8;font-size:11px}.op-partners{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#e7ecdf;padding:34px;border-radius:18px}.op-partners h3{font-size:25px}.op-partners p{margin-top:12px;max-width:580px;color:#465b51}.op-partners .button{flex-shrink:0}.op-demo{text-align:center}.op-demo>p:not(.eyebrow){max-width:590px;margin:25px auto;color:#465b51;font-size:18px}.op-page .footer nav{flex-wrap:wrap}.op-page .mk-modal h2{font-size:22px;letter-spacing:-.03em}
@media(max-width:1200px){.op-page .desktop-nav{gap:12px;font-size:12px}.op-page .header{gap:15px}.op-card{gap:25px;padding:30px}.op-hero{gap:35px}.op-hero figure img{height:380px}}
@media(max-width:1050px){.op-page .desktop-nav{display:none}.op-page .menu-toggle{display:flex}.op-hero{padding-top:35px}.op-control-row{gap:18px}.op-card{flex-basis:90vw}.op-card-copy h3{font-size:34px}.op-benefits h3{font-size:23px}}
@media(max-width:760px){.op-hero{grid-template-columns:1fr;padding-block:35px 45px;gap:35px}.op-hero h1{font-size:54px}.op-lead{font-size:17px;margin:22px 0}.op-hero figure{transform:none;border-radius:55px 12px 12px 12px}.op-hero figure img{height:270px}.op-hero figcaption{font-size:28px;padding:17px}.op-section{padding-block:50px}.op-benefits{grid-template-columns:1fr;gap:28px;margin-top:30px}.op-benefits h3{font-size:27px;max-width:330px}.op-controls{padding:21px}.op-control-row{align-items:stretch;gap:20px}.op-control-row>label{width:100%}#op-name{width:100%}.op-upload{justify-content:center}.op-controls fieldset{width:100%}.op-page .section-heading>p{font-size:16px}.op-track{gap:14px;padding-inline:20px;scroll-padding-inline:20px}.op-card{flex-basis:calc(100vw - 50px);grid-template-columns:minmax(0,1fr);gap:25px;padding:24px 16px;border-radius:20px;align-items:start}.op-card-copy{padding-inline:6px}.op-card-copy h3{font-size:30px;margin:17px 0}.op-card-copy>p:not(.eyebrow){font-size:15px;line-height:1.7}.op-card-copy .handwritten{font-size:29px;margin:20px 0}.op-phone{border-width:5px;border-radius:27px}.op-phone [data-screen]{min-height:480px}.op-app-content{padding:12px}.op-app-top{padding-inline:10px}.op-app-top>span{font-size:10px}.op-app-hero{padding-inline:13px}.op-next{padding:13px}.op-next h4{font-size:20px}.op-gallery-nav{gap:8px;flex-wrap:wrap}.op-gallery-nav>p{font-size:11px}.op-dots{gap:0}.op-dots button{width:24px;padding:8px}.op-arrows button{width:39px;height:39px}.op-invitation{width:100%}.op-invitation h4{font-size:30px}.op-tv-card .op-card-copy{display:block}.op-tv{border-width:5px;border-bottom-width:12px;border-radius:9px}.op-tv-header{padding:14px;flex-wrap:wrap}.op-tv-header>span{font-size:10px}.op-tv-body{padding:18px 10px}.op-tv-body h4{font-size:24px}.op-tv .op-ranking{font-size:12px}.op-tv .op-ranking th,.op-tv .op-ranking td{padding:12px 5px}.op-tv-footer{padding:12px;font-size:10px}.op-partners{display:block;padding:25px}.op-partners .button{margin-top:22px}.op-demo{text-align:left}.op-demo>p:not(.eyebrow){font-size:16px}.op-demo .button{font-size:14px;width:100%}.op-note{font-size:12px}}
/* Photography has its own space: arbitrary uploads never sit behind text. */
.op-app-hero:before{content:'';display:block;height:78px;margin:-20px -17px 17px;background-image:var(--op-photo);background-size:cover;background-position:center}
@media(max-width:760px){.op-app-hero:before{margin-inline:-13px}}