.oc-landing{--oc-accent:#ff8277;--oc-header-height:73px;--oc-nav-height:70px;color:#f3f1ec;background:#111312}.oc-landing p{color:#b9bcb8;line-height:1.8}.oc-landing h1,.oc-landing h2,.oc-landing h3,.oc-landing h4{text-wrap:balance}.oc-landing h2{letter-spacing:-.035em;max-width:25ch;font-size:clamp(1.75rem,3.2vw,3rem);font-weight:650;line-height:1.25}.oc-landing h3{font-size:1.15rem;font-weight:650;line-height:1.45}.oc-landing a,.oc-landing button,.oc-landing summary{-webkit-tap-highlight-color:transparent}.oc-landing :is(a,button,summary,textarea,[tabindex]):focus-visible{outline:2px solid var(--oc-accent);outline-offset:5px}.oc-hero,.oc-section{max-width:1240px;scroll-margin-top:calc(var(--oc-header-height) + var(--oc-nav-height) + 16px);margin-inline:auto;padding:64px 28px}.oc-hero{padding-top:28px}.oc-hero nav{color:#b9bcb8;margin-bottom:35px;font-size:.85rem}.oc-hero nav span:last-child{color:#fff}.oc-hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:52px;display:grid}.oc-kicker{letter-spacing:.09em;margin-bottom:18px;font-size:.75rem;font-weight:700;color:var(--oc-accent)!important}.oc-hero h1{letter-spacing:-.055em;font-size:clamp(2.6rem,4.7vw,4.7rem);font-weight:650;line-height:1.06}.oc-hero-description{margin-top:24px;font-size:1.05rem}.oc-composer{background:#1a1d1b;border:1px solid #ffffff25;border-radius:18px;margin:28px 0 18px;padding:18px}.oc-composer label{margin-bottom:10px;font-size:.85rem;font-weight:600;display:block}.oc-composer textarea{resize:vertical;color:#fff;background:#111312;border:1px solid #ffffff12;border-radius:10px;width:100%;min-height:104px;padding:12px;font-size:16px;display:block}.oc-composer textarea::placeholder{color:#a0a49e}.oc-composer .oc-primary{width:100%;margin-top:14px}.oc-composer p{margin-top:12px;font-size:.75rem}.oc-primary{color:#201210;cursor:pointer;text-align:center;background:#f47266;border-radius:999px;justify-content:center;align-items:center;gap:16px;min-height:48px;padding:12px 24px;font-weight:700;display:inline-flex}.oc-primary:hover{background:#ff9489}.oc-hero-art{background:#1e2320;border:1px solid #ffffff1c;border-radius:24px;overflow:hidden}.oc-hero-art img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}.oc-hero-art figcaption{letter-spacing:.08em;justify-content:space-between;padding:18px 22px;font-size:.75rem;display:flex}.oc-section-nav{top:var(--oc-header-height);z-index:30;background:#171a18;border-block:1px solid #ffffff15;flex-wrap:nowrap;justify-content:safe center;gap:22px;padding:16px 24px;display:flex;position:sticky;overflow-x:auto}.oc-section-nav a{white-space:nowrap;color:#c6c8c3;flex-shrink:0;padding:8px 0;font-size:.85rem}.oc-section-nav a[aria-current=location]{color:var(--oc-accent);box-shadow:inset 0 -2px var(--oc-accent)}.oc-section-nav a:hover{color:var(--oc-accent)}.oc-overview{grid-template-columns:1fr 1fr;align-items:start;gap:50px;display:grid}.oc-intro{max-width:78ch;margin-top:20px}.oc-section+.oc-section{border-top:1px solid #ffffff10}.oc-gallery{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;margin-top:32px;display:grid}.oc-example{background:#1b1e1c;border:1px solid #ffffff18;border-radius:18px;overflow:hidden}.oc-example img{aspect-ratio:1;object-fit:cover;width:100%;height:auto}.oc-example-copy{padding:20px}.oc-text-link{color:var(--oc-accent);padding-block:8px;font-size:.9rem;font-weight:600;display:inline-block}.oc-example details{border-top:1px solid #ffffff16;margin-top:14px}.oc-example summary{cursor:pointer;padding:14px 0;font-size:.85rem}.oc-prompt{-webkit-user-select:text;user-select:text;font-size:.88rem}.oc-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.oc-small-button{cursor:pointer;color:#ffc1ba;background:#ff827718;border:1px solid #ff82775c;border-radius:999px;min-height:44px;padding:10px 16px;font-size:.8rem;font-weight:600}.oc-small-button:hover{background:#ff82772e}.oc-copy{cursor:pointer;color:#d5d7d2;min-height:44px;padding:8px;font-size:.8rem;text-decoration:underline}.oc-copy-status{font-size:.75rem}.oc-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:36px;padding:0;list-style:none;display:grid}.oc-step-number{color:var(--oc-accent);margin-bottom:18px;font-size:2rem;font-weight:500;display:block}.oc-steps p,.oc-cards p,.oc-tools p{margin-top:12px;font-size:.9rem}.oc-recipe{background:#1d2420;border:1px solid #354b3d;border-radius:20px;grid-template-columns:.8fr 1.2fr;gap:40px;margin-top:44px;padding:32px;display:grid}.oc-recipe p{margin-block:14px;font-size:.9rem}.oc-recipe h4{color:#c2d4b0;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:700}.oc-recipe-copy>div+div{border-top:1px solid #ffffff12;padding-top:14px}.oc-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px;display:grid}.oc-cards article{background:#1b1e1c;border:1px solid #ffffff12;border-radius:16px;padding:28px}.oc-table-wrap{border:1px solid #ffffff20;border-radius:16px;margin-top:28px;overflow-x:auto}.oc-table-hint{margin-top:16px;font-size:.8rem}.oc-table-wrap table{border-collapse:separate;border-spacing:0;table-layout:fixed;text-align:left;width:100%;min-width:1120px;font-size:.9rem}.oc-table-wrap th,.oc-table-wrap td{vertical-align:top;border-bottom:1px solid #ffffff15;padding:22px;line-height:1.7}.oc-table-wrap thead{color:#c2d4b0;background:#252b26}.oc-table-wrap td{color:#b9bcb8}.oc-table-wrap tr>:first-child{z-index:1;background:#171a18;width:160px;position:sticky;left:0;box-shadow:1px 0 #ffffff15}.oc-table-wrap thead tr>:first-child{background:#252b26}.oc-table-wrap tr>:nth-child(2){color:#ffd0ca;background:#ff82770b}.oc-comparison-status{margin-bottom:8px;font-weight:650;display:block}.oc-comparison-status>span{min-width:18px;display:inline-block}.oc-status-supported{color:#a9dbb3}.oc-status-limited{color:#e8c58a}.oc-status-undocumented{color:#b9bcb8}.oc-comparison-note{display:block}.oc-table-wrap tr:last-child>*{border-bottom:0}.oc-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:32px;display:grid}.oc-tools>a{overflow-wrap:anywhere;border:1px solid #ffffff20;border-radius:16px;flex-direction:column;min-width:0;padding:24px;transition:border-color .15s;display:flex}.oc-tools>a:hover{border-color:var(--oc-accent)}.oc-tool-icon{width:52px;height:52px;color:var(--oc-accent);background:#ff827714;border-radius:16px;place-items:center;margin-bottom:22px;display:grid}.oc-tools small{color:#c2d4b0;margin-top:8px}.oc-tools p{flex:1}.oc-tool-cta{color:var(--oc-accent);align-items:center;gap:8px;margin-top:22px;font-size:.85rem;font-weight:650;display:flex}.oc-resource-links{flex-wrap:wrap;align-items:center;gap:20px;margin-top:32px;display:flex}.oc-resource-links a{color:var(--oc-accent);padding-block:10px;font-size:.88rem}.oc-faq{max-width:920px}.oc-faq h2{margin-bottom:32px}.oc-faq details{border-bottom:1px solid #ffffff20}.oc-faq summary{cursor:pointer;justify-content:space-between;gap:20px;padding:23px 0;font-weight:600;list-style:none;display:flex}.oc-faq summary::-webkit-details-marker{display:none}.oc-faq summary span{color:var(--oc-accent)}.oc-faq details[open] summary span{transform:rotate(45deg)}.oc-faq details p{max-width:75ch;padding-bottom:24px}.oc-faq>.oc-text-link{margin-top:20px}.oc-final{text-align:center;background:radial-gradient(at bottom,#71372d55,#0000 70%),#191c19;border-top:1px solid #ffffff15;padding:80px 24px}.oc-final h2{margin-inline:auto}.oc-final p{margin-block:20px 28px}@media (width<=900px){.oc-hero-grid{gap:28px}.oc-gallery,.oc-steps,.oc-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-overview{gap:28px}}@media (width<=640px){.oc-table-wrap table{width:calc(400% - 288px);min-width:calc(400% - 288px)}.oc-table-wrap tr>:first-child{overflow-wrap:anywhere;width:96px}.oc-table-wrap th,.oc-table-wrap td{padding:16px 12px}.oc-hero,.oc-section{padding:42px 20px}.oc-hero{padding-top:22px}.oc-hero-grid,.oc-overview,.oc-recipe,.oc-cards{grid-template-columns:1fr}.oc-hero-art{width:100%;max-width:420px;margin-inline:auto}.oc-hero-art img{aspect-ratio:4/3}.oc-section-nav{flex-wrap:nowrap;justify-content:flex-start;gap:24px;overflow-x:auto}.oc-section-nav a{white-space:nowrap}.oc-gallery{grid-template-columns:1fr}.oc-recipe{gap:20px;padding:22px}.oc-steps{gap:26px}.oc-tools{grid-template-columns:1fr;gap:12px}.oc-tools>a{padding:18px}.oc-final{padding-block:60px}}