.oc-page .oc-hero{min-height:auto}.oc-showcase{max-width:540px;height:590px;margin-inline:auto;position:relative}.oc-sc-board{aspect-ratio:9/16;height:100%;box-shadow:0 50px 100px -30px #000c, 8px 8px 0 var(--gl-accent);background:#f3ecdf;border:3px solid #ffffffe6;border-radius:16px;position:absolute;top:0;right:2%;overflow:hidden;transform:rotate(2deg)}.oc-sc-board-img{object-fit:cover;opacity:0;filter:blur(10px)saturate(.6);width:100%;height:100%;transition:opacity .6s,filter .9s;position:absolute;inset:0}.oc-sc-board-img.is-current{opacity:1}.oc-sc-board.is-on .oc-sc-board-img{filter:none}.oc-sc-spot{z-index:1;opacity:0;box-shadow:0 0 0 2px var(--gl-accent), 0 0 0 200vmax #0c09188c;border-radius:6px;transition:left .7s cubic-bezier(.65,0,.25,1),top .7s cubic-bezier(.65,0,.25,1),width .7s cubic-bezier(.65,0,.25,1),height .7s cubic-bezier(.65,0,.25,1),opacity .4s;position:absolute}.oc-sc-spot.is-on{opacity:1}.oc-sc-spot-label{white-space:nowrap;color:#fff;background:var(--gl-accent);border-radius:999px;padding:.2rem .55rem;font-size:.7rem;font-weight:800;position:absolute;top:6px;left:6px;box-shadow:0 6px 16px -6px #0009}.oc-sc-idea,.oc-sc-card{z-index:3;background:#fff;border-radius:18px;padding:.9rem 1rem;position:absolute;box-shadow:0 30px 60px -20px #000000a6}.oc-sc-idea{width:250px;min-height:104px;top:7%;left:0;transform:rotate(-2.5deg)}.oc-sc-card{opacity:0;width:232px;transition:opacity .5s .35s,transform .5s cubic-bezier(.23,1,.32,1) .35s;bottom:7%;left:3%;transform:translateY(12px)rotate(-1.5deg)}.oc-sc-card.is-on{opacity:1;transform:rotate(-1.5deg)}.oc-sc-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--gl-accent-2);align-items:center;gap:.35rem;font-size:.66rem;font-weight:800;display:inline-flex}.oc-page .oc-sc-name{font-family:var(--gl-heading);letter-spacing:-.02em;color:var(--color-landing-text);margin-top:.3rem;font-size:1.3rem;font-weight:800;line-height:1.05}.oc-sc-caret{vertical-align:-.15em;background:var(--gl-accent-2);width:2px;height:1em;margin-left:1px;animation:.9s step-end infinite oc-blink;display:inline-block}@keyframes oc-blink{50%{opacity:0}}.oc-sc-swatch{border-radius:999px;width:1.15rem;height:1.15rem;box-shadow:inset 0 0 0 1px #00000026}.oc-sc-arrow{z-index:3;color:#fff;backdrop-filter:blur(6px);opacity:0;background:#120e1cc7;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:700;transition:opacity .4s;display:inline-flex;position:absolute;top:30%;left:18%}.oc-sc-arrow.is-on{opacity:1}@media (width<=1023px){.oc-showcase{max-width:400px;height:470px}.oc-sc-idea{width:200px;min-height:96px}.oc-sc-card{width:190px}}.oc-page .oc-input .gl-textarea{min-height:96px}.oc-page .oc-h1{font-size:clamp(2.2rem,3.9vw,3.35rem)}.oc-chip,.oc-ghost-btn{cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;font-weight:700;transition:all .2s;display:inline-flex}.oc-chip{color:var(--color-landing-text-secondary);background:var(--color-landing-bg-alt);border:1px solid #0000;padding:.35rem .8rem;font-size:.8rem}.oc-chip:hover{color:var(--gl-accent-2);border-color:color-mix(in srgb, var(--gl-accent-2) 35%, transparent);background:color-mix(in srgb, var(--gl-accent-2) 7%, white)}.oc-ghost-btn{color:var(--color-landing-text);background:#fff;border:1px solid #1a10351f;padding:.5rem .95rem;font-size:.85rem}.oc-ghost-btn:hover{border-color:var(--gl-accent-2);color:var(--gl-accent-2)}.oc-chip:focus-visible,.oc-ghost-btn:focus-visible,.oc-icon-btn:focus-visible{outline:2px solid var(--gl-accent-2);outline-offset:2px}.oc-drop{border:2px dashed color-mix(in srgb, var(--gl-accent-2) 35%, transparent);background:color-mix(in srgb, var(--gl-accent-2) 4%, white);cursor:pointer;border-radius:16px;align-items:center;gap:.85rem;padding:.8rem .9rem;transition:all .2s;display:flex}.oc-drop:hover,.oc-drop.is-dragging{border-color:var(--gl-accent);background:color-mix(in srgb, var(--gl-accent) 6%, white)}.oc-drop:focus-visible{outline:2px solid var(--gl-accent-2);outline-offset:2px}.oc-drop-icon{color:#fff;background:linear-gradient(135deg, var(--gl-accent), var(--gl-accent-2));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;display:flex}.oc-drop-thumb{object-fit:cover;width:3.2rem;height:3.2rem;box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--gl-accent);border-radius:12px;flex-shrink:0}.oc-icon-btn{width:2rem;height:2rem;color:var(--color-landing-text-tertiary);cursor:pointer;background:#fff;border:1px solid #1a10351f;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.oc-panel{color:var(--color-landing-text);text-align:left;box-shadow:0 40px 90px -30px color-mix(in srgb, var(--gl-accent-2) 70%, transparent);background:#fff;border-radius:24px;padding:1.25rem}@media (width>=768px){.oc-panel{padding:1.6rem}}.oc-loader-thumb{object-fit:cover;border-radius:16px;flex-shrink:0;width:4rem;height:4rem}.oc-loader-thumb--text{color:#fff;background:linear-gradient(135deg, var(--gl-accent), var(--gl-accent-2));justify-content:center;align-items:center;display:flex}.oc-step{align-items:center;gap:.7rem;font-size:.95rem;font-weight:600;transition:color .3s,opacity .3s;display:flex}.oc-step--todo{opacity:.4}.oc-step--done{color:var(--color-landing-text-tertiary)}.oc-step-dot{border:2px solid #1a103526;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;display:flex}.oc-step--active .oc-step-dot{color:var(--gl-accent-2);border-color:var(--gl-accent-2)}.oc-step--done .oc-step-dot{color:#fff;background:linear-gradient(135deg, var(--gl-accent), var(--gl-accent-2));border-color:#0000}.oc-bar{background:#1a103514;border-radius:999px;height:6px;overflow:hidden}.oc-bar>span{border-radius:inherit;background:linear-gradient(90deg, var(--gl-accent), var(--gl-accent-2), var(--gl-accent-3));height:100%;transition:width .5s;display:block}.oc-bar--light{background:#fff3}.oc-result{align-items:start;gap:1rem;display:grid}@media (width>=900px){.oc-result{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1.5rem}}.oc-board-frame{aspect-ratio:9/16;width:min(100%,460px,32.625svh);box-shadow:0 40px 90px -30px #000000b3, 6px 6px 0 var(--gl-accent);background:#f3ecdf;border-radius:22px;margin-inline:auto;position:relative;overflow:hidden}@media (width>=900px){.oc-board-frame{width:min(100%,460px,45svh)}.oc-result>.oc-board-frame{position:sticky;top:96px}}.oc-board-img{object-fit:cover;width:100%;height:100%}.oc-board-img--blur{filter:blur(9px)saturate(1.1);transform:scale(1.08)}.oc-board-overlay{background:linear-gradient(#120e1c59,#120e1ca6);flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0}.oc-lock{color:#fff;background:linear-gradient(135deg, var(--gl-accent), var(--gl-accent-2));width:3.2rem;height:3.2rem;box-shadow:0 12px 30px -8px var(--gl-accent);border-radius:999px;justify-content:center;align-items:center;display:flex}.oc-gate-sweep{inset-block:0;background:linear-gradient(100deg,#0000 0%,#ffffff59 50%,#0000 100%);width:50%;animation:3.6s ease-in-out infinite oc-sweep;position:absolute;left:-60%}@keyframes oc-sweep{0%{opacity:0;transform:translate(0)}15%,85%{opacity:1}to{opacity:0;transform:translate(340%)}}@media (width<=899px){.oc-result--gate .oc-sheet{order:-1}.oc-result--gate .oc-blur-lines{display:none}}.oc-board-ghost{grid-template:"a b"1.1fr"c d"1.6fr"c e".9fr"f g".5fr"h h".7fr"i i".7fr/1fr 1fr;gap:6px;padding:8px;display:grid;position:absolute;inset:0}.oc-ghost-cell{background:linear-gradient(100deg,#efe6d6 30%,#faf5ec 50%,#efe6d6 70%) 0 0/300% 100%;border:2px solid #1a10351f;border-radius:8px;animation:1.8s ease-in-out infinite oc-shimmer}.oc-ghost-cell--0{grid-area:a}.oc-ghost-cell--1{grid-area:b}.oc-ghost-cell--2{grid-area:c;animation-delay:.1s}.oc-ghost-cell--3{grid-area:d;animation-delay:.2s}.oc-ghost-cell--4{grid-area:e;animation-delay:.3s}.oc-ghost-cell--5{grid-area:f;animation-delay:.4s}.oc-ghost-cell--6{grid-area:g;animation-delay:.5s}.oc-ghost-cell--7{grid-area:h;animation-delay:.6s}.oc-ghost-cell--8{grid-area:i;animation-delay:.7s}@keyframes oc-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.oc-status{color:var(--gl-accent-2);align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;display:inline-flex}.oc-status--light{color:#fff;backdrop-filter:blur(6px);background:#120e1cb3;border-radius:999px;padding:.5rem .9rem}.oc-skel{background:linear-gradient(100deg,#eee9f5 30%,#f8f6fb 50%,#eee9f5 70%) 0 0/300% 100%;border-radius:999px;height:.8rem;animation:1.6s ease-in-out infinite oc-shimmer;display:block}.oc-skel--title{border-radius:10px;width:70%;height:2rem}.oc-blur-lines{filter:blur(3px);opacity:.8}.oc-page .oc-name{font-family:var(--gl-heading);letter-spacing:-.03em;font-size:clamp(1.9rem,4vw,2.6rem);font-weight:800;line-height:1.02}.oc-quote{border-left:3px solid var(--gl-accent);color:var(--color-landing-text-secondary);padding-left:.9rem;font-size:1rem;font-style:italic;line-height:1.5}.oc-meta{background:#1a103514;border:1px solid #1a103514;border-radius:14px;gap:1px;display:grid;overflow:hidden}@media (width>=560px){.oc-meta{grid-template-columns:1.2fr 1.4fr .6fr}}.oc-meta>div{background:#fff;padding:.6rem .8rem}.oc-meta dt,.oc-label{letter-spacing:.13em;text-transform:uppercase;color:var(--gl-accent-2);font-size:.68rem;font-weight:800}.oc-meta dd{margin-top:.15rem;font-size:.88rem;font-weight:600;line-height:1.35}.oc-swatch{background:var(--color-landing-bg-alt);border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .65rem .25rem .3rem;font-size:.78rem;font-weight:600;display:inline-flex}.oc-swatch>span{border-radius:999px;width:1.2rem;height:1.2rem;box-shadow:inset 0 0 0 1px #0000001f}.oc-pill{align-items:center;gap:.45rem;font-size:.9rem;font-weight:600;display:flex}.oc-reveal{animation:.6s cubic-bezier(.23,1,.32,1) both oc-reveal}@keyframes oc-reveal{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.oc-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem;display:grid}@media (width>=768px){.oc-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1100px){.oc-gallery{grid-template-columns:repeat(5,minmax(0,1fr))}}.oc-example-art{aspect-ratio:9/16;cursor:zoom-in;background:#f3ecdf;border:2px solid #ffffff1f;border-radius:16px;width:100%;transition:transform .4s cubic-bezier(.23,1,.32,1),border-color .3s;display:block;position:relative;overflow:hidden;box-shadow:0 24px 40px -20px #000c}.oc-example-art:hover{border-color:var(--gl-accent);transform:translateY(-4px)}.oc-example-art:focus-visible{outline:3px solid var(--gl-accent-3);outline-offset:3px}.oc-example-source{object-fit:cover;border:2px solid #fff;border-radius:10px;width:2.8rem;height:2.8rem;position:absolute;bottom:8px;right:8px;box-shadow:0 8px 18px -6px #0009}.oc-lightbox{z-index:10000;backdrop-filter:blur(6px);cursor:zoom-out;background:#0a0812e0;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.oc-lightbox-img{cursor:default;border-radius:12px;max-width:100%;max-height:100%;box-shadow:0 40px 120px #0009}.oc-lightbox-close{color:#fff;cursor:pointer;background:#ffffff24;border-radius:999px;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;display:flex;position:absolute;top:1rem;right:1rem}.oc-compare{box-shadow:0 30px 60px -40px color-mix(in srgb, var(--gl-accent-2) 60%, transparent);background:#fff;border:1px solid #1a103514;border-radius:22px;overflow-x:auto}.oc-compare table{border-collapse:collapse;width:100%;min-width:520px;font-size:.9rem}.oc-compare th,.oc-compare td{text-align:center;border-bottom:1px solid #1a10350f;padding:.85rem .9rem}.oc-compare thead th{letter-spacing:.06em;text-transform:uppercase;color:var(--color-landing-text-tertiary);font-size:.75rem;font-weight:800}.oc-compare tbody th{text-align:left;color:var(--color-landing-text);font-weight:600}.oc-compare .is-us{background:color-mix(in srgb, var(--gl-accent-2) 6%, white)}.oc-compare thead .is-us{color:var(--gl-accent-2)}.oc-compare tr:last-child th,.oc-compare tr:last-child td{border-bottom:0}.oc-comic-stack{height:420px;position:relative}.oc-comic-stack img{aspect-ratio:700/1043;object-fit:cover;border-radius:12px;width:210px;position:absolute;top:50%;left:50%;box-shadow:0 30px 60px -20px #000c}.oc-comic-stack img:first-child{z-index:3;transform:translate(-50%,-52%)}.oc-comic-stack img:nth-child(2){transform:translate(-105%,-45%)rotate(-9deg)}.oc-comic-stack img:nth-child(3){transform:translate(5%,-45%)rotate(9deg)}@media (width<=480px){.oc-comic-stack{height:320px}.oc-comic-stack img{width:150px}}@media (prefers-reduced-motion:reduce){.oc-sc-caret,.oc-gate-sweep,.oc-ghost-cell,.oc-skel,.oc-reveal{animation:none}}