@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/jetbrains-mono-400.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/jetbrains-mono-500.woff2) format("woff2")}:root{--coc-gutter: clamp(1.25rem, 5vw, 3rem);--coc-section: clamp(4rem, 8.5vw, 7rem);--coc-stage: #f6fbff;--coc-nav: 4.9rem;--coc-focus-x: .5;--coc-focus-y: .5;--coc-mono: var(--font-m, "JetBrains Mono", ui-monospace, "Courier New", monospace);--coc-ease: var(--ti-ease, cubic-bezier(.2, .72, .2, 1))}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body.coc-page{background:var(--ti-white);color:var(--ti-text)}.coc-page main{display:block}.coc-page :focus-visible{outline:3px solid var(--ti-blue-bright);outline-offset:3px}.coc-skip{position:absolute;left:1rem;top:-5rem;z-index:3000;padding:.7rem 1.1rem;border-radius:4px;background:var(--ti-white);color:var(--ti-ink);font-weight:600}.coc-skip:focus{top:1rem}.coc-progress{position:fixed;inset:0 0 auto;z-index:1300;height:3px;pointer-events:none}.coc-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--ti-blue),var(--ti-blue-bright));transform:scaleX(var(--sp, 0));transform-origin:left}.coc-label{display:inline-flex;align-items:center;gap:.7rem;margin:0 0 1rem;color:var(--ti-blue);font-family:var(--coc-mono);font-size:.78rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase}.coc-label:before{content:"";width:1.6rem;height:2px;background:currentColor;flex:none}.coc-dark .coc-label,.coc-hero .coc-label{color:var(--ti-blue-bright)}.coc-head{max-width:46rem;margin:0 0 clamp(2rem,4.5vw,3.25rem)}.coc-head h2{margin:0;color:var(--ti-ink);font-size:clamp(2rem,3.4vw + .7rem,3.5rem);font-weight:300;line-height:1.07;letter-spacing:-.032em;text-wrap:balance}.coc-head h2 strong{font-weight:600}.coc-head h2 em{font-style:normal;color:var(--ti-blue);font-weight:600}.coc-head p{margin:1.1rem 0 0;max-width:40rem;color:var(--ti-text-soft);font-size:1.06rem;line-height:1.7}.coc-dark .coc-head h2{color:var(--ti-white)}.coc-dark .coc-head h2 em{color:var(--ti-blue-bright)}.coc-dark .coc-head p{color:var(--ti-white-72)}.coc-arrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--ti-blue);font-weight:600;font-size:.98rem;text-decoration:none}.coc-arrow svg{width:1.05rem;height:1.05rem;transition:transform .24s var(--coc-ease)}.coc-arrow:hover svg{transform:translate(4px)}.coc-arrow:hover{text-decoration:underline;text-underline-offset:.25em}@keyframes cocFailsafe{to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){.coc-js [data-r]{opacity:0;transform:translateY(26px);transition:opacity .8s var(--coc-ease),transform .8s var(--coc-ease);transition-delay:calc(var(--d, 0) * 80ms);animation:cocFailsafe 0s 4.5s forwards}.coc-js [data-r].is-in{opacity:1;transform:none}}.coc-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;background:var(--ti-ink);color:var(--ti-white);overflow:clip}.coc-hero__media{position:relative;height:clamp(17rem,46svh,27rem);overflow:hidden;container-type:size;background:var(--ti-ink)}.coc-hero__stage{position:absolute;inset:0}.coc-hero__stage picture{display:block;width:100%;height:100%}.coc-hero__stage img{display:block;width:100%;height:100%;object-fit:cover;object-position:72% 50%}@supports (width: 1cqw){.coc-hero__stage{--w: calc(max(100cqw, 100cqh * 1.7778)*1.06) ;--h: calc(var(--w) * .5625);inset:auto;width:var(--w);height:var(--h);left:calc((100cqw - var(--w)) * var(--coc-focus-x));top:calc((100cqh - var(--h)) * var(--coc-focus-y));transform:translate3d(0,min(calc(var(--py, 0) * 1px),calc((var(--h) - 100cqh) / 2)),0);will-change:transform}}.coc-hero__media:after{content:"";position:absolute;inset:auto 0 0;height:60%;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent,var(--ti-ink-78) 55%,var(--ti-ink))}.coc-hero__shade,.coc-hero__scan{display:none}.coc-hot{display:none;position:absolute;left:var(--x);top:var(--y);z-index:3;align-items:center;color:var(--ti-white);text-decoration:none;opacity:0;animation:cocPop .7s var(--coc-ease) calc(1.2s + var(--i, 0) * .26s) forwards}.coc-hot__dot{position:relative;width:1.05rem;height:1.05rem;flex:none;border:3px solid var(--ti-white);border-radius:50%;background:var(--ti-blue);box-shadow:0 0 0 5px var(--ti-blue-glass)}.coc-hot__dot:after{content:"";position:absolute;inset:-9px;border:2px solid var(--ti-blue-bright);border-radius:50%;opacity:0;animation:cocRing 2.6s var(--coc-ease) infinite}.coc-hot__label{display:grid;margin-left:.7rem;padding:.45rem .85rem .5rem;border:1px solid var(--ti-blue-line);border-radius:14px;background:var(--ti-ink-78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.9rem;font-weight:600;line-height:1.2;white-space:nowrap;transition:background-color .18s var(--coc-ease),transform .18s var(--coc-ease)}.coc-hot__label small{color:var(--ti-white-72);font-family:var(--coc-mono);font-size:.7rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase}.coc-hot--rev{flex-direction:row-reverse;translate:-100% 0}.coc-hot--rev .coc-hot__dot{margin-left:.7rem}.coc-hot--rev .coc-hot__label{margin-left:0}.coc-hot--rev:hover .coc-hot__label,.coc-hot--rev:focus-visible .coc-hot__label{transform:translate(-3px)}.coc-hot:hover .coc-hot__label,.coc-hot:focus-visible .coc-hot__label{background:var(--ti-blue);transform:translate(3px)}.coc-hot:focus-visible{outline:3px solid var(--ti-blue-bright);outline-offset:6px;border-radius:999px}.coc-hero__inner{position:relative;z-index:4;margin-top:-4.5rem;padding-block:0 2.25rem}.coc-hero__inner .breadcrumb{margin-bottom:1.1rem}.coc-eyebrow{display:inline-flex;max-width:100%;align-items:center;gap:.6rem;margin:0 0 1.1rem;padding:.42rem .95rem;border:1px solid var(--ti-blue-line);border-radius:999px;background:var(--ti-blue-glass);color:var(--ti-blue-bright);font-family:var(--coc-mono);font-size:.76rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.coc-eyebrow:before{content:"";width:.5rem;height:.5rem;flex:none;border-radius:50%;background:var(--ti-blue-bright);animation:cocBlink 2s ease-in-out infinite}.coc-h1{margin:0;color:var(--ti-white);font-size:clamp(2.1rem,11.5vw,5.4rem);font-weight:300;line-height:1;letter-spacing:-.045em}.coc-h1>span{display:block;overflow:hidden;padding-bottom:.08em}.coc-h1>span>span{display:inline-block;animation:cocRise .8s var(--coc-ease) both}.coc-h1 strong{font-weight:600;color:var(--ti-blue-bright)}.coc-h1>span:nth-child(2)>span{animation-delay:90ms}.coc-h1__sub{margin-top:.4rem;color:var(--ti-white-72);font-family:var(--font-serif, "Playfair Display", serif);font-size:clamp(1.25rem,4.6vw,2.3rem);font-style:italic;font-weight:400;letter-spacing:.005em;line-height:1.2}.coc-lead{max-width:35rem;margin:1.25rem 0 0;color:var(--ti-white-72);font-size:clamp(1.02rem,2.3vw,1.18rem);line-height:1.7}.coc-hero__actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.8rem;animation:cocFade .7s var(--coc-ease) .24s both}.coc-hero__hint{margin:1rem 0 0;color:var(--ti-white-72);font-size:.95rem;line-height:1.5;animation:cocFade .7s var(--coc-ease) .34s both}.coc-hero__rail{position:relative;z-index:4;border-top:1px solid var(--ti-line-dark);background:var(--ti-ink-soft)}.coc-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0}.coc-stat{display:flex;flex-direction:column-reverse;gap:.3rem;padding:1.15rem 1rem;border-left:1px solid var(--ti-line-dark);border-top:1px solid var(--ti-line-dark)}.coc-stat:nth-child(-n+2){border-top:0}.coc-stat:nth-child(odd){border-left:0}.coc-stat dt{margin:0;color:var(--ti-white-72);font-family:var(--coc-mono);font-size:.72rem;font-weight:400;letter-spacing:.12em;line-height:1.4;text-transform:uppercase}.coc-stat dd{margin:0;color:var(--ti-white);font-size:clamp(1.7rem,5.6vw,2.5rem);font-weight:300;letter-spacing:-.03em;line-height:1}.coc-stat dd b{font-weight:600}.coc-stat dd i{margin-left:.06em;color:var(--ti-blue-bright);font-style:normal;font-weight:600;font-size:.7em}@media(max-width:479px){.coc-eyebrow{letter-spacing:.08em;font-size:.72rem}}@media(min-width:900px){.coc-hero{min-height:max(40rem,100svh);justify-content:center}.coc-hero__media{position:absolute;inset:0;height:auto}.coc-hero__media:after{display:none}.coc-hero__shade{display:block;position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,var(--ti-ink-96) 0%,var(--ti-ink-78) 32%,var(--ti-ink-30) 56%,transparent 78%),linear-gradient(180deg,var(--ti-ink-56) 0%,transparent 24%,transparent 64%,var(--ti-ink-96) 100%)}.coc-hero__scan{display:block;position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.coc-hero__scan:before{content:"";position:absolute;top:0;bottom:0;left:0;width:20%;background:linear-gradient(90deg,transparent,var(--ti-blue-glass),transparent);transform:translate3d(-120%,0,0);animation:cocScan 9s var(--coc-ease) 2.4s infinite}.coc-hot{display:flex}.coc-hot--m{display:none}.coc-hero__inner{margin:0;padding-block:7.5rem 9rem}.coc-hero__inner>*{max-width:38rem}.coc-hero__rail{position:absolute;inset:auto 0 0;background:var(--ti-ink-93);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.coc-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.coc-stat{padding:1.4rem 1.75rem;border-top:0}.coc-stat:nth-child(odd){border-left:1px solid var(--ti-line-dark)}.coc-stat:first-child{border-left:0}}@media(min-width:1100px){.coc-hot--m{display:flex}}@keyframes cocRise{0%{transform:translate3d(0,105%,0)}to{transform:none}}@keyframes cocFade{0%{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:none}}@keyframes cocPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes cocRing{0%{opacity:.8;transform:scale(.7)}to{opacity:0;transform:scale(1.6)}}@keyframes cocBlink{0%,to{opacity:1}50%{opacity:.35}}@keyframes cocScan{0%{transform:translate3d(-120%,0,0)}45%,to{transform:translate3d(620%,0,0)}}.coc-paths{background:var(--ti-white);padding-block:var(--coc-section)}.coc-paths__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.coc-path{position:relative;display:flex;flex-direction:column;gap:.85rem;padding:1.6rem 1.5rem 1.5rem;border:1px solid var(--ti-line);border-radius:var(--ti-radius-md);background:var(--ti-panel);color:var(--ti-text);text-decoration:none;transition:border-color .26s var(--coc-ease),transform .26s var(--coc-ease),box-shadow .26s var(--coc-ease)}.coc-path:before{content:"";position:absolute;inset:0 0 auto;height:4px;border-radius:var(--ti-radius-md) var(--ti-radius-md) 0 0;background:var(--ti-blue);transform:scaleX(.18);transform-origin:left;transition:transform .42s var(--coc-ease)}.coc-path:hover,.coc-path:focus-within{border-color:var(--ti-blue);transform:translateY(-4px);box-shadow:var(--ti-shadow-sm)}.coc-path:hover:before,.coc-path:focus-within:before{transform:none}.coc-path__k{margin:0;color:var(--ti-blue);font-family:var(--coc-mono);font-size:.76rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.coc-path h3{margin:0;color:var(--ti-ink);font-size:clamp(1.35rem,2.2vw,1.7rem);font-weight:600;letter-spacing:-.02em;line-height:1.15}.coc-path p:not(.coc-path__k){margin:0;color:var(--ti-text-soft);font-size:1.02rem;line-height:1.65}.coc-path__go{margin-top:auto;padding-top:.5rem}.coc-path__go button,.coc-path__go a{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;color:var(--ti-blue);font-weight:600;font-size:.98rem}.coc-path__go button:after,.coc-path__go a:after{content:"";position:absolute;inset:0;border-radius:inherit}.coc-path__go svg{width:1.05rem;height:1.05rem;transition:transform .24s var(--coc-ease)}.coc-path:hover .coc-path__go svg{transform:translate(4px)}.coc-path__go button:focus-visible,.coc-path__go a:focus-visible{outline:3px solid var(--ti-blue-bright);outline-offset:6px;border-radius:4px}@media(min-width:820px){.coc-paths__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}}.coc-cat{background:var(--ti-panel-muted);padding-block:var(--coc-section)}.coc-cat__top{display:grid;gap:1.5rem;margin-bottom:1.5rem}.coc-filter{position:sticky;top:var(--coc-nav);z-index:40;margin-inline:calc(var(--coc-gutter) * -1);padding:.6rem max(var(--coc-gutter),4.9rem) .5rem var(--coc-gutter);background:color-mix(in srgb,var(--ti-panel-muted) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}.coc-filter.is-stuck{border-bottom-color:var(--ti-line);box-shadow:0 10px 24px -18px var(--ti-ink-42)}.coc-filter__row{display:flex;gap:.4rem;margin:0;padding:.15rem .15rem .3rem;overflow-x:auto;list-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}.coc-filter__row::-webkit-scrollbar{display:none}.coc-chip{display:inline-flex;align-items:center;gap:.45rem;min-height:2.6rem;padding:.35rem .8rem .35rem .6rem;border:1px solid var(--ti-line);border-radius:999px;background:var(--ti-white);color:var(--ti-text);font-family:inherit;font-size:.9rem;font-weight:600;line-height:1.1;white-space:nowrap;cursor:pointer;transition:background-color .2s var(--coc-ease),color .2s var(--coc-ease),border-color .2s var(--coc-ease),transform .2s var(--coc-ease)}.coc-chip:hover{border-color:var(--ti-blue);transform:translateY(-1px)}.coc-chip__n{display:grid;place-items:center;min-width:1.4rem;height:1.4rem;padding-inline:.2rem;border-radius:999px;background:var(--ti-blue-pale);color:var(--ti-blue);font-family:var(--coc-mono);font-size:.72rem;font-weight:500}.coc-chip__c{color:var(--ti-text-soft);font-family:var(--coc-mono);font-size:.74rem;font-weight:400}.coc-chip[aria-pressed=true]{border-color:var(--ti-ink);background:var(--ti-ink);color:var(--ti-white)}.coc-chip[aria-pressed=true] .coc-chip__n{background:var(--ti-blue-bright);color:var(--ti-ink)}.coc-chip[aria-pressed=true] .coc-chip__c{color:var(--ti-white-72)}.coc-filter__hint{margin:.3rem 0 0;min-height:1.4rem;color:var(--ti-text-soft);font-size:.9rem;line-height:1.4}@media(min-width:900px){.coc-filter{padding-right:max(var(--coc-gutter),9rem)}}@media(max-width:699px){.coc-filter__hint{display:none}.coc-filter{padding-block:.5rem .35rem}}.coc-filter__hint b{color:var(--ti-ink);font-weight:600}.coc-filter:not(.is-on){display:none}.coc-zone{padding-top:clamp(2.25rem,5vw,3.5rem);scroll-margin-top:calc(var(--coc-nav) + 7rem)}.coc-zone[hidden]{display:none}.coc-zone__head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.4rem 1.1rem;align-items:start;margin-bottom:1.35rem;padding-bottom:1.1rem;border-bottom:1px solid var(--ti-line)}.coc-zone__n{grid-row:span 2;color:var(--ti-blue);font-family:var(--coc-mono);font-size:clamp(2rem,5vw,3rem);font-weight:500;letter-spacing:-.04em;line-height:.95}.coc-zone__head h3{margin:0;color:var(--ti-ink);font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:300;letter-spacing:-.025em;line-height:1.1}.coc-zone__head h3 strong{font-weight:600}.coc-zone__head p{grid-column:2;margin:0;max-width:44rem;color:var(--ti-text-soft);font-size:1.02rem;line-height:1.6}.coc-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;margin:0;padding:0;list-style:none}@media(min-width:700px){.coc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1180px){.coc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}.coc-card{container-type:inline-size;position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--ti-line);border-radius:var(--ti-radius-md);background:var(--ti-white);transition:border-color .26s var(--coc-ease),box-shadow .26s var(--coc-ease),transform .26s var(--coc-ease)}.coc-card:hover{border-color:var(--ti-blue);box-shadow:var(--ti-shadow-sm);transform:translateY(-3px)}.coc-card.is-flash{animation:cocFlash 1.6s var(--coc-ease)}@keyframes cocFlash{0%,to{box-shadow:none}25%{box-shadow:0 0 0 4px var(--ti-blue-bright)}}.coc-card__media{position:relative;display:block;aspect-ratio:6 / 5;overflow:hidden;background:var(--stage, var(--coc-stage))}.coc-card__media img,.coc-kit img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--fade, 2%),#000 calc(100% - var(--fade, 2%)),transparent),linear-gradient(180deg,transparent,#000 var(--fade, 2%),#000 calc(100% - var(--fade, 2%)),transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 var(--fade, 2%),#000 calc(100% - var(--fade, 2%)),transparent),linear-gradient(180deg,transparent,#000 var(--fade, 2%),#000 calc(100% - var(--fade, 2%)),transparent);mask-composite:intersect}.coc-card__media img{position:absolute;inset:.4rem 0;display:block;width:auto;max-width:100%;height:calc(100% - .8rem);aspect-ratio:1 / 1;margin-inline:auto;transition:transform .7s var(--coc-ease)}.coc-card:hover .coc-card__media img{transform:scale(1.045)}.coc-card__tag{position:absolute;top:.85rem;left:.85rem;z-index:2;padding:.3rem .7rem;border-radius:999px;background:var(--ti-ink);color:var(--ti-white);font-family:var(--coc-mono);font-size:.74rem;font-weight:500;letter-spacing:.1em;line-height:1.3;text-transform:uppercase}.coc-card__tag--order{background:var(--ti-blue)}.coc-card__body{display:flex;flex:1;flex-direction:column;gap:.95rem;padding:1.2rem 1.3rem .4rem}.coc-card__name{margin:0;color:var(--ti-ink);font-size:clamp(1.22rem,1.4vw + .8rem,1.4rem);font-weight:600;letter-spacing:-.015em;line-height:1.18}.coc-card__name a{color:inherit;text-decoration:none}.coc-card__name a:hover{color:var(--ti-blue)}.coc-card__use{margin:-.4rem 0 0;color:var(--ti-text-soft);font-size:1rem;line-height:1.55}.coc-key{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border:1px solid var(--ti-line);border-radius:var(--ti-radius-sm);background:var(--ti-panel-muted)}.coc-key>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:.25rem;min-width:0;padding:.65rem .6rem .6rem .7rem;border-left:1px solid var(--ti-line)}.coc-key>div:first-child{border-left:0}.coc-key dt{color:var(--ti-text-soft);font-size:.78rem;font-weight:600;line-height:1.25}.coc-key dd{margin:0;color:var(--ti-ink);font-family:var(--coc-mono);font-size:clamp(.84rem,4.6cqi,1rem);font-weight:500;letter-spacing:-.03em;line-height:1.15;white-space:nowrap}.coc-key dd small{font-size:.72em;font-weight:400;letter-spacing:0;color:var(--ti-text-soft)}.coc-sizes{margin:0}.coc-sizes__lbl{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.15rem .75rem;margin:0 0 .5rem;color:var(--ti-ink);font-size:.86rem;font-weight:600;line-height:1.3}.coc-sizes__lbl small{color:var(--ti-text-soft);font-family:var(--coc-mono);font-size:.74rem;font-weight:400;letter-spacing:.02em}.coc-sizes__list{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}.coc-sz{position:relative}.coc-sz input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.coc-sz span{display:inline-flex;align-items:center;min-height:2.35rem;padding:.3rem .7rem;border:1px solid var(--ti-line);border-radius:8px;background:var(--ti-white);color:var(--ti-text);font-family:var(--coc-mono);font-size:.82rem;font-weight:500;letter-spacing:-.02em;white-space:nowrap;transition:background-color .16s,color .16s,border-color .16s}.coc-sz:hover span{border-color:var(--ti-blue)}.coc-sz input:checked+span{border-color:var(--ti-blue);background:var(--ti-blue);color:var(--ti-white)}.coc-sz input:focus-visible+span{outline:3px solid var(--ti-blue-bright);outline-offset:2px}.coc-sz--more,.coc-sizes.is-collapsed .coc-sz--extra{display:none}.coc-sizes.is-collapsed .coc-sz--more{display:block}.coc-sz--more button{min-height:2.35rem;padding:.3rem .7rem;border:1px dashed var(--ti-blue);border-radius:8px;background:transparent;color:var(--ti-blue);font-family:var(--coc-mono);font-size:.8rem;font-weight:500;cursor:pointer}.coc-sz--more button:hover{background:var(--ti-blue-pale)}.coc-incl{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}.coc-incl li{position:relative;padding-left:1.45rem;color:var(--ti-text);font-size:.94rem;line-height:1.5}.coc-incl li:before{content:"";position:absolute;left:0;top:.42em;width:.9rem;height:.5rem;border-left:2px solid var(--ti-blue);border-bottom:2px solid var(--ti-blue);transform:rotate(-45deg) scale(.85);transform-origin:center}.coc-incl b{font-weight:600;color:var(--ti-ink)}.coc-card__foot{display:grid;gap:.7rem;margin-top:auto;padding:1rem 1.3rem 1.3rem}.coc-card__foot .btn{width:100%;justify-content:center;text-align:center;min-height:3rem}.coc-card__more{justify-self:center;color:var(--ti-blue);font-size:.94rem;font-weight:600;text-decoration:none}.coc-card__more:hover{text-decoration:underline;text-underline-offset:.25em}.coc-custom{position:relative;isolation:isolate;display:grid;gap:1.75rem;margin-top:clamp(3rem,6vw,4.5rem);padding:clamp(1.6rem,4vw,2.75rem);overflow:hidden;border-radius:var(--ti-radius-lg);background:linear-gradient(135deg,var(--ti-blue) 0%,var(--blue-dark, #004fa3) 100%);color:var(--ti-white)}.coc-custom:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background-image:linear-gradient(var(--ti-white-06) 1px,transparent 1px),linear-gradient(90deg,var(--ti-white-06) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(120deg,#000,transparent 70%);mask-image:linear-gradient(120deg,#000,transparent 70%)}.coc-custom h3{margin:0;color:var(--ti-white);font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:300;letter-spacing:-.03em;line-height:1.1;text-wrap:balance}.coc-custom h3 strong{font-weight:600}.coc-custom p{margin:.9rem 0 0;max-width:34rem;color:var(--ti-white);font-size:1.04rem;line-height:1.65;opacity:.94}.coc-custom__chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;align-content:flex-start}.coc-custom__chips li{padding:.45rem .95rem;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:#ffffff1a;font-size:.96rem;font-weight:600;line-height:1.25}.coc-custom__act{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-top:.4rem}.coc-custom .btn--white{color:var(--ti-ink)}@media(min-width:900px){.coc-custom{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:3rem}}.coc-dark{position:relative;isolation:isolate;overflow:clip;background:var(--ti-ink);color:var(--ti-white);padding-block:var(--coc-section)}.coc-dark:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--ti-blue-grid) 1px,transparent 1px),linear-gradient(90deg,var(--ti-blue-grid) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent)}.coc-steps{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin:0;padding:0;list-style:none;counter-reset:fase}.coc-step{display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;border:1px solid var(--ti-line-dark);border-radius:var(--ti-radius-md);background:var(--ti-ink-soft);transition:border-color .3s var(--coc-ease),transform .3s var(--coc-ease)}.coc-step:hover{border-color:var(--ti-blue-line);transform:translateY(-4px)}.coc-step__media{position:relative;margin:0;aspect-ratio:4 / 3;overflow:hidden;background:var(--ti-ink)}.coc-step__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--coc-ease)}.coc-step:hover .coc-step__media img{transform:scale(1.05)}.coc-step__media:after{content:"";position:absolute;inset:auto 0 0;height:45%;pointer-events:none;background:linear-gradient(180deg,transparent,var(--ti-ink-soft))}.coc-step__n{position:absolute;left:1.1rem;bottom:.55rem;z-index:2;color:var(--ti-white);font-family:var(--coc-mono);font-size:2.2rem;font-weight:500;letter-spacing:-.05em;line-height:1}.coc-step__n small{margin-left:.5rem;color:var(--ti-blue-bright);font-size:.72rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;vertical-align:middle}.coc-step__body{display:grid;gap:.7rem;align-content:start;padding:1.15rem 1.3rem 1.5rem}.coc-step h3{margin:0;color:var(--ti-white);font-size:1.4rem;font-weight:600;letter-spacing:-.02em;line-height:1.15}.coc-step p{margin:0;color:var(--ti-white-72);font-size:1rem;line-height:1.62}.coc-step__get{margin-top:.2rem;padding-top:.8rem;border-top:1px solid var(--ti-line-dark)}.coc-step__get span{display:block;margin-bottom:.25rem;color:var(--ti-blue-bright);font-family:var(--coc-mono);font-size:.74rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.coc-step__get strong{color:var(--ti-white);font-size:.98rem;font-weight:600;line-height:1.45}@media(min-width:680px){.coc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.coc-step:last-child{grid-column:1 / -1}}@media(min-width:1000px){.coc-steps{grid-template-columns:repeat(6,minmax(0,1fr));gap:1.25rem}.coc-step{grid-column:span 2}.coc-step:nth-child(n+4){grid-column:span 3;grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}.coc-step:nth-child(n+4) .coc-step__media{aspect-ratio:auto;min-height:100%}.coc-step:nth-child(n+4) .coc-step__body{align-content:center;padding:1.6rem 1.6rem 1.7rem}}.coc-sec{background:var(--ti-white);padding-block:var(--coc-section)}.coc-tabs{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem}.coc-panels{min-width:0}.coc-tabs:not(.is-tabs) .coc-tablist{display:none}.coc-tablist{display:flex;gap:.5rem;margin:0;padding:.15rem;overflow-x:auto;list-style:none;scrollbar-width:none}.coc-tablist::-webkit-scrollbar{display:none}.coc-tab{display:flex;align-items:center;gap:.7rem;min-height:3rem;padding:.55rem 1.05rem;border:1px solid var(--ti-line);border-radius:999px;background:var(--ti-white);color:var(--ti-text);font-family:inherit;font-size:.98rem;font-weight:600;text-align:left;white-space:nowrap;cursor:pointer;transition:background-color .22s var(--coc-ease),color .22s var(--coc-ease),border-color .22s var(--coc-ease),transform .22s var(--coc-ease)}.coc-tab:hover{border-color:var(--ti-blue)}.coc-tab__n{color:var(--ti-blue);font-family:var(--coc-mono);font-size:.78rem;font-weight:500}.coc-tab[aria-selected=true]{border-color:var(--ti-ink);background:var(--ti-ink);color:var(--ti-white)}.coc-tab[aria-selected=true] .coc-tab__n{color:var(--ti-blue-bright)}.coc-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;padding:clamp(1.4rem,3.5vw,2.4rem);border:1px solid var(--ti-line);border-radius:var(--ti-radius-lg);background:var(--ti-panel-muted)}.coc-tabs.is-tabs .coc-panel[hidden]{display:none}.coc-panel+.coc-panel{margin-top:1rem}.coc-tabs.is-tabs .coc-panel+.coc-panel{margin-top:0}.coc-panel__txt h3{margin:0;color:var(--ti-ink);font-size:clamp(1.7rem,3vw,2.4rem);font-weight:300;letter-spacing:-.03em;line-height:1.1}.coc-panel__txt h3 strong{font-weight:600}.coc-panel__txt p{margin:.9rem 0 0;color:var(--ti-text-soft);font-size:1.04rem;line-height:1.68}.coc-panel__txt .btn{margin-top:1.4rem}.coc-panel__lbl{margin:0 0 .75rem;color:var(--ti-text-soft);font-family:var(--coc-mono);font-size:.74rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.coc-kit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none}.coc-kit a{display:grid;grid-template-rows:auto 1fr;overflow:hidden;height:100%;border:1px solid var(--ti-line);border-radius:var(--ti-radius-sm);background:var(--ti-white);color:var(--ti-ink);text-decoration:none;transition:border-color .22s var(--coc-ease),transform .22s var(--coc-ease)}.coc-kit a:hover{border-color:var(--ti-blue);transform:translateY(-3px)}.coc-kit img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:var(--stage, var(--coc-stage))}.coc-kit span{display:block;padding:.65rem .8rem .8rem;font-size:.92rem;font-weight:600;line-height:1.3}@media(min-width:900px){.coc-tabs.is-tabs{grid-template-columns:minmax(14rem,17rem) minmax(0,1fr);gap:1.75rem;align-items:start}.coc-tabs.is-tabs .coc-tablist{flex-direction:column;overflow:visible;padding:0}.coc-tabs.is-tabs .coc-tab{width:100%;border-radius:var(--ti-radius-sm)}.coc-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:2.25rem;align-items:center}.coc-kit{grid-template-columns:repeat(2,minmax(0,1fr))}}.coc-mat{background:var(--ti-panel-muted);padding-block:var(--coc-section)}.coc-grades{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin:0;padding:0;list-style:none}.coc-grade{display:flex;flex-direction:column;gap:.9rem;padding:1.5rem 1.4rem 1.4rem;border:1px solid var(--ti-line);border-radius:var(--ti-radius-md);background:var(--ti-white)}.coc-grade--main{border-color:var(--ti-ink);background:var(--ti-ink);color:var(--ti-white)}.coc-grade__top{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.coc-grade__id{margin:0;color:var(--ti-ink);font-family:var(--coc-mono);font-size:clamp(2rem,3.4vw,2.7rem);font-weight:500;letter-spacing:-.05em;line-height:1}.coc-grade--main .coc-grade__id{color:var(--ti-white)}.coc-grade__tag{padding:.25rem .65rem;border-radius:999px;background:var(--ti-blue-pale);color:var(--ti-blue);font-family:var(--coc-mono);font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.coc-grade--main .coc-grade__tag{background:var(--ti-blue-bright);color:var(--ti-ink)}.coc-grade__use{margin:0;color:var(--ti-ink);font-size:1.08rem;font-weight:600;line-height:1.4}.coc-grade--main .coc-grade__use{color:var(--ti-white)}.coc-grade dl{display:grid;gap:.55rem;margin:auto 0 0;padding-top:.9rem;border-top:1px solid var(--ti-line)}.coc-grade--main dl{border-top-color:var(--ti-line-dark)}.coc-grade dl div{display:grid;grid-template-columns:6.2rem minmax(0,1fr);gap:.75rem;align-items:baseline}.coc-grade dt{color:var(--ti-text-soft);font-family:var(--coc-mono);font-size:.74rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.coc-grade--main dt{color:var(--ti-white-72)}.coc-grade dd{margin:0;font-size:.95rem;line-height:1.45}@media(min-width:700px){.coc-grades{grid-template-columns:repeat(2,minmax(0,1fr))}.coc-grade--main{grid-column:1 / -1}}@media(min-width:860px){.coc-grade--main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:auto 1fr;column-gap:clamp(1.5rem,4vw,3.5rem);align-items:start;padding:1.8rem 2rem}.coc-grade--main .coc-grade__top{grid-column:1}.coc-grade--main .coc-grade__use{grid-column:1;align-self:start;font-size:1.3rem}.coc-grade--main dl{grid-column:2;grid-row:1 / span 2;margin:0;padding-top:0;border-top:0;align-self:center}}@media(min-width:1100px){.coc-grades{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}}.coc-gloss{margin-top:clamp(2.5rem,5vw,3.75rem)}.coc-gloss h3{margin:0 0 1.1rem;color:var(--ti-ink);font-size:clamp(1.4rem,2.4vw,1.8rem);font-weight:300;letter-spacing:-.02em}.coc-gloss h3 strong{font-weight:600}.coc-gloss dl{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;margin:0}.coc-gloss dl>div{padding:1.1rem 1.2rem;border-left:3px solid var(--ti-blue);border-radius:0 var(--ti-radius-sm) var(--ti-radius-sm) 0;background:var(--ti-white)}.coc-gloss dt{margin:0 0 .3rem;color:var(--ti-ink);font-family:var(--coc-mono);font-size:.98rem;font-weight:500;letter-spacing:-.02em}.coc-gloss dd{margin:0;color:var(--ti-text-soft);font-size:.98rem;line-height:1.6}@media(min-width:700px){.coc-gloss dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.coc-gloss dl{grid-template-columns:repeat(4,minmax(0,1fr))}}.coc-final{position:relative;isolation:isolate;overflow:clip;background:var(--ti-ink);color:var(--ti-white);padding-block:var(--coc-section)}.coc-final:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60rem 28rem at 85% 0%,var(--ti-blue-shadow-strong),transparent 70%),linear-gradient(var(--ti-blue-grid-soft) 1px,transparent 1px),linear-gradient(90deg,var(--ti-blue-grid-soft) 1px,transparent 1px);background-size:auto,56px 56px,56px 56px}.coc-final__grid{display:grid;gap:clamp(2rem,5vw,3.5rem)}.coc-final h2{margin:0;color:var(--ti-white);font-size:clamp(2.1rem,4vw + .6rem,4rem);font-weight:300;line-height:1.05;letter-spacing:-.035em;text-wrap:balance}.coc-final h2 strong{font-weight:600;color:var(--ti-blue-bright)}.coc-final__lead{max-width:34rem;margin:1.2rem 0 0;color:var(--ti-white-72);font-size:1.08rem;line-height:1.7}.coc-need{display:grid;gap:.2rem;margin:1.75rem 0 0;padding:0;list-style:none;counter-reset:need}.coc-need li{counter-increment:need;display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:.5rem;align-items:baseline;padding:.75rem 0;border-top:1px solid var(--ti-line-dark);color:var(--ti-white);font-size:1.04rem;line-height:1.5}.coc-need li p{margin:0}.coc-need li:before{content:counter(need,decimal-leading-zero);color:var(--ti-blue-bright);font-family:var(--coc-mono);font-size:.8rem;font-weight:500}.coc-need li span{color:var(--ti-white-72)}.coc-act{display:grid;gap:1rem;align-content:start;padding:clamp(1.5rem,3.5vw,2.25rem);border:1px solid var(--ti-line-dark);border-radius:var(--ti-radius-lg);background:var(--ti-white-06);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.coc-act h3{margin:0;color:var(--ti-white);font-size:1.35rem;font-weight:600;letter-spacing:-.015em}.coc-act p{margin:0;color:var(--ti-white-72);font-size:1rem;line-height:1.6}.coc-act .btn{width:100%;justify-content:center;min-height:3.3rem}.coc-act__alt{display:grid;gap:.6rem;padding-top:1rem;border-top:1px solid var(--ti-line-dark)}.coc-act__tel{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;margin:0;color:var(--ti-white-72);font-size:.96rem}.coc-act__tel a{color:var(--ti-white);font-weight:600;text-decoration:underline;text-decoration-color:var(--ti-blue-line);text-underline-offset:.25em;white-space:nowrap}.coc-act__tel a:hover{color:var(--ti-blue-bright)}@media(min-width:960px){.coc-final__grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);align-items:center}}@media(max-width:899px){.coc-final{padding-bottom:7rem}}@media(prefers-reduced-motion:reduce){.coc-hero__stage,.coc-hot,.coc-h1>span>span,.coc-hero__actions,.coc-hero__hint,.coc-eyebrow:before,.coc-hot__dot:after,.coc-hero__scan:before{animation:none!important}.coc-hot{opacity:1}.coc-card,.coc-path,.coc-step,.coc-card__media img,.coc-step__media img{transition:none}}
