/* DOTO identity layer. Layout and animation mechanics live in the original stylesheet. */
:root{--doto-lime:#c2f56b;--doto-graphite:#20231f;--doto-cream:#eeeddf}
::selection{background:var(--doto-lime);color:var(--doto-graphite)}
:focus-visible{outline-color:var(--doto-lime)}
.nav-word{letter-spacing:.14em}
.nav-launch,.nav-launch:hover{background:var(--doto-lime);color:var(--doto-graphite)}
.nav-launch:hover{box-shadow:inset 0 -4px 0 #89ae48}
.nav-btn[aria-current]{box-shadow:inset 0 -3px 0 var(--doto-lime)}
.hero-title .accent>span{background:var(--doto-lime);color:var(--doto-graphite)}
.btn-solid{background:var(--doto-lime);border-color:var(--doto-lime);color:var(--doto-graphite)}
.btn-solid:hover{background:var(--doto-graphite);color:var(--doto-lime);border-color:var(--doto-lime)}
.btn-line:hover{background:var(--doto-lime);border-color:var(--doto-lime);color:var(--doto-graphite)}
.specimen-mark{background-color:var(--navy-deep);background-image:linear-gradient(#eeeddf0b 1px,transparent 1px),linear-gradient(90deg,#eeeddf0b 1px,transparent 1px);background-size:24px 24px;border:1px solid var(--line);padding:calc(var(--cell) * 2)}
.specimen .handle{background:var(--doto-lime)}
.specimen-top{color:var(--doto-lime)}
.pet-say{background:var(--doto-lime)}
.boot-text span:first-child{color:var(--doto-lime)}
.mb.t4{background:var(--doto-lime)}
.footer-word{font-size:clamp(110px,34vw,480px);letter-spacing:.04em;line-height:.85;margin-left:-.06em}
.footer-pet{left:.06em}
.footer-links a:hover{background:var(--doto-lime);color:var(--doto-graphite)}
.nav-brand:hover .nav-mark{animation:doto-nod .4s steps(3,end)}
@keyframes doto-nod{25%{transform:translateY(-4px)}75%{transform:translateY(2px)}}
@media(prefers-reduced-motion:reduce){.nav-brand:hover .nav-mark{animation:none}}

/* DOTO 02 — original curved wordmark and orbital symbol. */
.nav-brand .nav-mark{display:none}
.nav-brand .nav-word{display:block;width:116px;height:39px;background:url('/brand/doto-wordmark-dark.svg') center/contain no-repeat;font-size:0;letter-spacing:0;color:transparent}
.specimen-mark,.footer-pet img,.lp-card img[data-pixel]{image-rendering:auto!important}
.footer-word{font-size:0;line-height:0;color:transparent;aspect-ratio:436/142;background:url('/brand/doto-wordmark-dark.svg') center/contain no-repeat;margin-left:0}
.footer-word .footer-pet{display:none}
.doto-orbit{shape-rendering:geometricPrecision;overflow:visible}
.doto-orbit-dot{transform-origin:64px 64px}
.pet-body[data-hop] .doto-orbit-dot{animation:doto-orbit .6s cubic-bezier(.2,.7,.2,1)}
@keyframes doto-orbit{0%{transform:rotate(0)}50%{transform:rotate(35deg)}100%{transform:rotate(0)}}
@media(prefers-reduced-motion:reduce){.pet-body[data-hop] .doto-orbit-dot{animation:none}}
.doto-contract{display:flex;flex-direction:column;gap:9px;max-width:220px;padding:12px;border:1px solid var(--line-strong);background:var(--navy-deep);color:var(--cream);text-align:left;font-size:11px;line-height:16px;cursor:pointer}
.doto-contract-label,.doto-contract-copy{color:var(--doto-lime)}
.doto-contract-value{overflow-wrap:anywhere;letter-spacing:0}
.doto-contract:hover{border-color:var(--doto-lime)}
.doto-contract[data-copied=true] .doto-contract-copy{font-size:0}
.doto-contract[data-copied=true] .doto-contract-copy:after{content:'COPIED ✓';font-size:11px}