/* Colour pass (preview). Hot orange lead on soil-dark, condensed caps, mono labels,
   a faint mycelium thread texture. Look A = orange + pink (default). Look B = orange + bioluminescent teal (?look=b). */
:root{--ink:#09080E;--ink-2:#13111C;--hot:#FF5A1F;--two:#9B8CFF;--lime:var(--hot);--cond:"Anton","Oswald",Impact,sans-serif;--line:rgba(200,190,255,.13);--bloom:1}
html.look-b{--bloom:.45}
body{background:var(--ink)}
/* watercolour blooms + neural/mycelium threads, fixed behind everything */
body::before,body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1}
body::before{opacity:var(--bloom);background:
  radial-gradient(38% 30% at 82% 12%,rgba(110,56,220,.62),transparent 70%),
  radial-gradient(30% 26% at 70% 28%,rgba(40,80,230,.45),transparent 72%),
  radial-gradient(34% 40% at 8% 78%,rgba(88,40,190,.58),transparent 70%),
  radial-gradient(26% 22% at 24% 92%,rgba(30,90,210,.35),transparent 70%),
  radial-gradient(18% 14% at 90% 70%,rgba(255,90,31,.12),transparent 70%);
  filter:saturate(1.1)}
body::after{opacity:calc(.55 + .45*var(--bloom));background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='640' fill='none' stroke='%23B9A8FF' stroke-opacity='.10' stroke-width='.7'%3E%3Cpath d='M0 360C90 330 150 250 240 262s130 104 226 82 110-130 174-140'/%3E%3Cpath d='M240 262c-14-72 36-150 12-262M466 344c24 72-12 170 36 296M140 306c-36 60-104 84-140 144M360 300c48-36 72-108 146-120M70 0c24 84 108 108 96 204M240 262L360 300M166 204L240 262'/%3E%3Cg fill='%23FF8A55' fill-opacity='.35' stroke='none'%3E%3Ccircle cx='240' cy='262' r='1.8'/%3E%3Ccircle cx='466' cy='344' r='1.8'/%3E%3Ccircle cx='360' cy='300' r='1.4'/%3E%3Ccircle cx='166' cy='204' r='1.4'/%3E%3C/g%3E%3C/svg%3E"),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
#loader,.hero{background:transparent}
#loader{background:var(--ink)}
:is(.hero h1,.sec-head h2,.team h2,.ventures h2,.contact h2,.value h3,.case .nm,.budget p:not(.serve-note),.statement p){
  font-family:var(--cond);font-weight:400;text-transform:uppercase;letter-spacing:.002em;line-height:.95}
.hero h1{font-size:clamp(44px,7.4vw,128px);line-height:.93}
.statement p{font-size:clamp(30px,4.2vw,66px);line-height:1.02}
:is(.hero h1,.sec-head h2,.team h2,.ventures h2) em{color:var(--hot);text-shadow:0 0 28px rgba(255,90,31,.35)}
.contact h2 em{color:var(--hot);text-shadow:0 0 30px rgba(255,90,31,.4)}
.label,.hero .eyebrow{color:var(--hot);opacity:1;letter-spacing:.12em}
.label b{color:var(--cream)}
.hero .eyebrow::before,.sec-head .label::before{content:"// ";color:var(--two)}
.btn{background:var(--hot);color:#1a0b03;text-transform:uppercase;font-family:var(--mono);font-size:14px;letter-spacing:.08em;border-radius:3px;box-shadow:0 0 0 1px rgba(255,90,31,.4),0 8px 30px -8px rgba(255,90,31,.55)}
.btn:hover{background:var(--two);color:#0b0b0b}
.btn.ghost{background:transparent;box-shadow:none;border-color:rgba(255,90,31,.5);color:var(--cream)}
.btn.ghost:hover{background:var(--hot);color:#1a0b03}
.plan .pr,.price-list .amt{color:var(--hot)}
.plan.fixed{background:var(--hot);color:#1a0b03}
.plan.fixed .pr{color:#1a0b03}
.hero .trust li::before{color:var(--two)}
.marquee span::after{background:var(--hot);box-shadow:0 0 14px var(--hot)}
.marquee span:nth-child(even)::after{background:var(--two);box-shadow:0 0 14px var(--two)}
::selection{background:var(--hot);color:#000}
footer .word{font-family:var(--cond);font-weight:400;text-transform:uppercase;letter-spacing:0}
/* moon motif: steps go new moon -> half -> full; a phase line in the hero */
#how .plan .label{display:flex;align-items:center;gap:12px}
#how .plan .label::after{content:"";width:22px;height:22px;border-radius:50%;flex:none;box-shadow:0 0 0 1px rgba(255,170,120,.55)}
#how .plan:nth-child(1) .label::after{background:transparent}
#how .plan:nth-child(2) .label::after{background:linear-gradient(90deg,transparent 50%,#FFD9C2 50%);box-shadow:0 0 0 1px rgba(255,170,120,.55),0 0 12px rgba(255,140,80,.35)}
#how .plan:nth-child(3) .label::after{background:radial-gradient(circle at 38% 35%,#FFF1E6,#FF9A66 70%,#FF5A1F);box-shadow:0 0 18px rgba(255,110,50,.6)}
.hero::after{content:"";position:absolute;left:50%;top:clamp(72px,10vh,104px);transform:translateX(-50%);width:min(300px,64vw);height:16px;pointer-events:none;opacity:.85;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 16'%3E%3Cg stroke='%23FFB088' stroke-opacity='.6' fill='none'%3E%3Cpath d='M14 8H286' stroke-opacity='.18'/%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Ccircle cx='292' cy='8' r='6'/%3E%3C/g%3E%3Cg fill='%23FFD9C2'%3E%3Cpath d='M48 2a6 6 0 0 1 0 12a4 6 0 0 0 0-12z'/%3E%3Cpath d='M89 2a6 6 0 0 1 0 12z'/%3E%3Cpath d='M130 2a6 6 0 0 1 0 12a3 6 0 0 1 0-12z'/%3E%3Ccircle cx='171' cy='8' r='6' fill='%23FF7A3D'/%3E%3Cpath d='M212 2a6 6 0 0 0 0 12a3 6 0 0 0 0-12z'/%3E%3Cpath d='M253 2a6 6 0 0 0 0 12z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.hero .eyebrow::after{display:block;margin-top:8px;color:#C9B8FF;letter-spacing:.12em;content:"Work that moves in cycles, not chaos."}
html[lang="es"] .hero .eyebrow::after{content:"Trabajo que avanza por ciclos, no a empujones."}
html{overflow-x:clip}
@media(max-width:600px){.btn{font-size:13px;letter-spacing:.03em;padding:15px 16px}.hero .eyebrow::after{letter-spacing:.06em}}
/* play: characterful micro-details */
.hero h1 .ln:last-child span{position:relative}
.hero h1 .ln:last-child span::after{content:"";position:absolute;left:0;right:4%;bottom:-.07em;height:.08em;border-radius:99px;background:linear-gradient(90deg,#FF5A1F,#B06BFF 55%,#4F7BFF);transform:rotate(-1.2deg);opacity:.9}
.btn{transition:transform .25s cubic-bezier(.3,1.6,.5,1),background .25s}
.btn:hover{transform:rotate(-2deg) scale(1.04)}
.sec-head h2::after{content:"✦";font-family:var(--display);font-size:.32em;vertical-align:super;margin-left:.25em;color:var(--hot);display:inline-block;animation:twk 3.2s ease-in-out infinite}
.sec-head:nth-of-type(odd) h2::after{color:#9B8CFF}
@keyframes twk{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(25deg) scale(1.25)}}
#how .plan{transition:transform .3s cubic-bezier(.3,1.6,.5,1)}#how .plan:hover{transform:translateY(-4px) rotate(-.6deg)}
@media (prefers-reduced-motion:reduce){.sec-head h2::after{animation:none}.btn:hover,#how .plan:hover{transform:none}}

/* ===== round 2: overlay, selectors, states ===== */
:focus-visible{outline:2px solid var(--hot);outline-offset:3px;box-shadow:0 0 0 6px rgba(155,140,255,.25)}
.cursor.big{background:var(--hot)}
/* Index overlay: dark, blooms + threads */
#menu{background:
  radial-gradient(40% 35% at 85% 10%,rgba(110,56,220,.55),transparent 70%),
  radial-gradient(35% 40% at 5% 95%,rgba(40,80,230,.42),transparent 70%),
  radial-gradient(20% 18% at 60% 60%,rgba(255,90,31,.12),transparent 70%),#0B0912;color:var(--cream)}

#menu .top{background:transparent}
@media (max-width:700px),(max-height:520px){#menu .top{background:rgba(11,9,18,.88);backdrop-filter:blur(8px)}}
#menu .close{border-color:rgba(255,90,31,.6);color:var(--cream);font-family:var(--mono);letter-spacing:.08em}
#menu .close:hover{background:var(--hot);color:#1a0b03}
#menu nav a .th{box-shadow:0 0 0 1px rgba(185,168,255,.22);transition:transform .35s cubic-bezier(.3,1.6,.5,1),box-shadow .3s}
#menu nav a:hover .th,#menu nav a:focus-visible .th{transform:rotate(-2deg) scale(1.03);box-shadow:0 0 0 2px var(--hot),0 10px 40px -8px rgba(155,140,255,.7)}
#menu nav a .t{font-family:var(--cond);font-weight:400;text-transform:uppercase;letter-spacing:.01em;font-size:22px}
#menu nav a .t span{color:var(--hot);opacity:1}
#menu nav a:hover .t{color:var(--hot)}
#menu nav a:hover .t span::after{content:" ✦"}
@media (max-width:700px){#menu nav a{border-bottom-color:rgba(185,168,255,.16)}}
#menu .bottom{color:#C9B8FF}
#menu .bottom::before{content:"○ ◐ ●";color:var(--hot);letter-spacing:.3em}
.menu-btn{border-color:rgba(255,90,31,.55)}
.menu-btn .dots i{background:var(--hot)}
/* EN/ES */
.lang b{color:var(--hot);border-bottom-color:var(--hot)}
.lang a:hover{color:var(--hot)}
/* GBP/USD */
.cur{border-color:rgba(185,168,255,.3);background:rgba(20,16,32,.6)}
.cur button{color:#C9B8FF;transition:background .25s,color .25s,transform .25s cubic-bezier(.3,1.6,.5,1)}
.cur button:hover{color:var(--cream);transform:translateY(-1px)}
.cur button.on{background:var(--hot);color:#1a0b03;box-shadow:0 0 18px rgba(255,90,31,.5)}
/* type / audience tabs: fun chips */
.tabs button{font-family:var(--mono);text-transform:uppercase;font-size:13px;letter-spacing:.06em;border-radius:999px;border-color:rgba(185,168,255,.3);transition:background .25s,color .25s,border-color .25s,transform .3s cubic-bezier(.3,1.6,.5,1),box-shadow .25s}
.tabs button:hover{border-color:var(--hot);color:var(--hot);transform:translateY(-2px) rotate(-1.5deg)}
.tabs button.on{background:var(--hot);color:#1a0b03;border-color:var(--hot);transform:rotate(-2deg);box-shadow:0 0 0 4px rgba(155,140,255,.25),0 8px 28px -6px rgba(255,90,31,.6)}
.tabs button.on::before{content:"✦ "}
.lists .col.on div{color:var(--cream)}.lists .col.on .label{color:var(--hot)}
.chips a{border-color:rgba(185,168,255,.3);font-family:var(--mono);font-size:13px;text-transform:uppercase}
.chips a:hover{border-color:var(--hot);color:var(--hot);transform:rotate(-1.5deg)}
.choices a:hover{color:var(--hot)}.choices a span{color:#B7A9F2}
#timing button.on,.timing button.on{background:var(--hot)!important;color:#1a0b03!important;border-color:var(--hot)!important}
.pill{background:linear-gradient(90deg,#FFE7D9,#E6DCFF)}
.pill .av{background:var(--hot)}
/* cards: hover becomes a glowing violet plate, not cream */
.plan{transition:background .35s,box-shadow .35s,transform .35s cubic-bezier(.3,1.6,.5,1)}
.plan:not(.fixed):hover{background:linear-gradient(160deg,#2A1D55,#141033);color:var(--cream);box-shadow:0 0 0 1px rgba(255,90,31,.5),0 18px 50px -12px rgba(110,56,220,.7)}
.plan:not(.fixed):hover :is(h3,p,ol,li,b,a,span,i,em,.dw-h,.start,.terms,.founding){color:var(--cream)}
.plan:not(.fixed):hover :is(.label,.start,.probs li,li::before){color:#C9B8FF}
.plan:not(.fixed):hover .pr{color:var(--hot)}
.case .row:hover,.value:hover{color:#0B0912}
.price-list li{transition:background .25s,padding .3s}
.price-list li:hover{background:linear-gradient(90deg,rgba(255,90,31,.10),transparent 70%);padding-left:10px}
tr:hover td{color:var(--hot)}
/* WhatsApp: on palette, still clearly WhatsApp */
.btn.wa,.price-main .big .btn.wa{background:transparent;color:var(--cream);box-shadow:inset 0 0 0 1.5px #25D366,0 0 20px -6px rgba(37,211,102,.55)}
.btn.wa::before{content:"";width:9px;height:9px;border-radius:50%;background:#25D366;box-shadow:0 0 10px #25D366}
.btn.wa:hover{background:#25D366;color:#06210f}
.price-main .big .btn.wa{color:#1a0b03;box-shadow:inset 0 0 0 1.5px #0b2b17}
/* lower sections: gradient rules + glow */
section{border-top-color:transparent}
.sec-head{border-image:linear-gradient(90deg,var(--hot),#9B8CFF 45%,#4F7BFF 75%,transparent) 1}
.value .label,.case .label{color:var(--hot)}
.contact{background:radial-gradient(50% 60% at 80% 30%,rgba(110,56,220,.28),transparent 70%),radial-gradient(40% 50% at 10% 90%,rgba(255,90,31,.14),transparent 70%)}
/* desktop hero declutter: tagline moves to the right column */
@media(min-width:821px){.hero .eyebrow::after{content:none}
 .hero .side::before{content:"Work that moves in cycles, not chaos.";font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#C9B8FF;margin-bottom:6px}
 html[lang="es"] .hero .side::before{content:"Trabajo que avanza por ciclos, no a empujones."}
 .hero::after{left:auto;right:var(--pad);transform:none;top:auto;bottom:150px;width:240px}}
.chips button{border:1px solid rgba(185,168,255,.3);border-radius:999px;padding:9px 15px;font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.05em;transition:all .25s cubic-bezier(.3,1.6,.5,1)}
.chips button:hover{border-color:var(--hot);color:var(--hot);transform:translateY(-2px) rotate(-1.5deg)}
.chips button.on{background:var(--hot);color:#1a0b03;border-color:var(--hot);transform:rotate(-2deg);box-shadow:0 0 0 4px rgba(155,140,255,.22),0 8px 24px -6px rgba(255,90,31,.6)}
.chips button.on::before{content:"✦ "}
/* "This is us" panel: dark violet glass instead of cream */
.hero .about{background:linear-gradient(160deg,rgba(42,29,85,.92),rgba(14,11,30,.94));color:var(--cream);box-shadow:0 0 0 1px rgba(255,90,31,.45),0 20px 60px -10px rgba(110,56,220,.7);backdrop-filter:blur(10px)}
.hero .about .label{color:var(--hot)}
.hero .toggle .pm{color:var(--hot)}

/* ===== round 3: constellations, twinkles, motion ===== */
.cx{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.cx .ln{fill:none;stroke:#B9A8FF;stroke-opacity:.22;stroke-width:.8;vector-effect:non-scaling-stroke;stroke-dasharray:1200;stroke-dashoffset:0}
.cx .nd{fill:#FFD9C2;filter:drop-shadow(0 0 4px #FF7A3D)}
.cx .nd:nth-of-type(3n){fill:#C9B8FF;filter:drop-shadow(0 0 4px #9B8CFF)}
.cx .tw{fill:#F7F2E8;opacity:.5}
.hero::after{content:none!important}
.moons{position:absolute;left:50%;top:clamp(72px,10vh,104px);transform:translateX(-50%);display:flex;gap:clamp(14px,3vw,26px);align-items:center;pointer-events:none}
@media(min-width:821px){.moons{left:auto;right:var(--pad);transform:none;top:auto;bottom:150px}}
.moons i{width:11px;height:11px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,176,136,.7);display:block}
.moons .c1{background:linear-gradient(90deg,transparent 70%,#FFD9C2 70%)}.moons .q1{background:linear-gradient(90deg,transparent 50%,#FFD9C2 50%)}
.moons .g1{background:radial-gradient(circle at 70% 50%,#FFD9C2 60%,transparent 62%)}
.moons .f{background:#FF7A3D;box-shadow:0 0 10px #FF5A1F}
.moons .g2{background:radial-gradient(circle at 30% 50%,#FFD9C2 60%,transparent 62%)}.moons .q2{background:linear-gradient(90deg,#FFD9C2 50%,transparent 50%)}
@media (prefers-reduced-motion:no-preference){
 .mo .cx .ln{stroke-dashoffset:1200;animation:draw 2.6s var(--d) cubic-bezier(.4,0,.2,1) forwards}
 .mo .cx .nd{opacity:0;animation:pop .6s var(--d) ease-out forwards,glow 4s calc(var(--d) + 1s) ease-in-out infinite alternate}
 .mo .cx .tw{animation:twinkle var(--t) var(--d) ease-in-out infinite}
 .moons i{opacity:0;transform:scale(.4);animation:pop .5s var(--d) cubic-bezier(.3,1.6,.5,1) forwards}
 body::before{animation:drift 60s ease-in-out infinite alternate;will-change:transform}
 .rv{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
 .rv.in{opacity:1;transform:none}
 .btn:active,.cur button:active,.chips button:active{transform:scale(.95)}
}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes pop{to{opacity:1;transform:none}}
@keyframes glow{to{opacity:.55}}
@keyframes twinkle{0%,100%{opacity:.15}50%{opacity:.85}}
@keyframes drift{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-3%,2%,0) scale(1.06)}}
/* a11y: selected states not colour-only */
.cur button.on,.chips button.on,.tabs button.on{font-weight:700;outline:1.5px solid #F7F2E8;outline-offset:2px}
.cur button.on::before{content:"✓ "}
.lang b{font-weight:700}
#menu nav a:hover .t,#menu nav a:focus-visible .t{text-decoration:underline;text-underline-offset:4px}
/* palette tweak: gold stars/nodes, rare teal glow, plum-brown base */
:root{--ink:#140B11;--gold:#FFB547;--bio:#3FE0C5}
#menu{background-color:#140B11}
.cx .nd{fill:var(--gold);filter:drop-shadow(0 0 4px var(--gold))}
.cx .nd:nth-of-type(7n){fill:var(--bio);filter:drop-shadow(0 0 5px var(--bio))}
.cx .ln:nth-of-type(4){stroke:var(--bio);stroke-opacity:.2}
.cx .tw:nth-of-type(4n){fill:var(--gold)}
.hero .trust li::before,.sec-head h2::after{color:var(--gold)}
.sec-head:nth-of-type(odd) h2::after{color:#9B8CFF}
.label,.hero .eyebrow,#menu nav a .t span,.value .label,.case .label{color:#FF7A45}
/* footer wordmark fix: Anton needs real line-height, no negative clip */
footer{position:relative;overflow:hidden;border-top:0;border-image:linear-gradient(90deg,var(--hot),#9B8CFF 45%,#4F7BFF 75%,transparent) 1;border-top-width:1px;border-top-style:solid}
footer .word{font-size:clamp(64px,22vw,400px);line-height:1;margin:40px 0 .04em;letter-spacing:.005em;gap:.08em;align-items:center;
  background:linear-gradient(95deg,#FF5A1F 10%,#FFB547 55%,#FF8A55 80%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px rgba(255,90,31,.35))}
footer .word .mark{color:var(--gold);width:.5em;height:.5em;margin:0;flex:none;filter:drop-shadow(0 0 10px var(--gold))}
footer .word .mark rect:nth-child(3){fill:var(--hot)}
footer::after{content:"";position:absolute;right:4%;top:28px;width:180px;height:70px;pointer-events:none;opacity:.6;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 70'%3E%3Cpolyline points='4,50 50,20 96,38 140,10 176,30' fill='none' stroke='%23B9A8FF' stroke-opacity='.5'/%3E%3Cg fill='%23FFB547'%3E%3Ccircle cx='4' cy='50' r='2.4'/%3E%3Ccircle cx='50' cy='20' r='2'/%3E%3Ccircle cx='96' cy='38' r='2'/%3E%3Ccircle cx='140' cy='10' r='2.4'/%3E%3C/g%3E%3Ccircle cx='176' cy='30' r='2' fill='%233FE0C5'/%3E%3C/svg%3E") no-repeat}
/* signature scroll moment: threads grow into a network past the hero */
.cx .gr{stroke:#FFB547;stroke-opacity:.0;stroke-width:.8;vector-effect:non-scaling-stroke;stroke-dasharray:600;stroke-dashoffset:600}
.cx .gr:nth-of-type(3n){stroke:#9B8CFF}.cx .gr:nth-of-type(5){stroke:var(--bio)}
@media (prefers-reduced-motion:no-preference){
 .cx .gr{stroke-opacity:calc(var(--sp,0)*.35);stroke-dashoffset:calc(600 - var(--sp,0)*600)}
 @supports (animation-timeline: scroll()){
  .cx .gr{animation:grow linear both;animation-timeline:scroll(root);animation-range:0 140vh}
 }
}
@media (prefers-reduced-motion:reduce){.cx .gr{stroke-opacity:.25;stroke-dashoffset:0}}
@keyframes grow{from{stroke-dashoffset:600;stroke-opacity:0}to{stroke-dashoffset:0;stroke-opacity:.35}}
/* section moods: purple → blue → amber → plum, each its own breathing room */
section{position:relative;isolation:isolate}
section:not(.hero)::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(55% 45% at var(--mx,80%) 30%,var(--mood),transparent 72%)}
#ba{--mood:rgba(110,56,220,.20);--mx:85%}
#serve{--mood:rgba(40,80,230,.20);--mx:15%;padding-block:clamp(110px,15vw,220px)}
#how{--mood:rgba(255,181,71,.10);--mx:80%;padding-block:clamp(90px,12vw,180px)}
#pricing{--mood:rgba(60,20,50,.45);--mx:20%}
#team{--mood:rgba(110,56,220,.18);--mx:75%}
#faq{--mood:rgba(40,80,230,.16);--mx:25%}
#contact{--mood:rgba(255,90,31,.12);--mx:80%}
.more-prices{margin-top:14px;border-top:1px solid var(--line)}
.more-prices summary{cursor:pointer;list-style:none;padding:14px 0;font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#FF7A45}
.more-prices summary::-webkit-details-marker{display:none}
.more-prices[open] summary{color:var(--gold)}
.plan.fixed .label,.plan.fixed .founding .label{color:rgba(26,11,3,.8)!important}.plan.fixed .founding b,.plan.fixed .founding{color:#1a0b03}

/* ===== round 4 ===== */
/* (a) menu tiles: each its own accent */
#menu nav a:nth-child(6n+1){--ac:#FF7A45}#menu nav a:nth-child(6n+2){--ac:#B9A8FF}#menu nav a:nth-child(6n+3){--ac:#6E9BFF}
#menu nav a:nth-child(6n+4){--ac:#FFB547}#menu nav a:nth-child(6n+5){--ac:#3FE0C5}#menu nav a:nth-child(6n+6){--ac:#E58BC9}
#menu nav a .th{box-shadow:0 0 0 1.5px var(--ac)}
#menu nav a .t span{color:var(--ac)}
#menu nav a:hover .th,#menu nav a:focus-visible .th{box-shadow:0 0 0 2px var(--ac),0 10px 40px -8px var(--ac)}
#menu nav a:hover .t,#menu nav a:focus-visible .t{color:var(--ac)}
/* (b) cursor: native pointer stays; a hollow lag ring that never covers text */
body,button,#menu{cursor:auto}a,button,summary,[data-cursor]{cursor:pointer}
.cursor{width:26px;height:26px;background:transparent!important;mix-blend-mode:normal;border:1.5px solid rgba(255,122,69,.85);box-shadow:0 0 14px rgba(255,90,31,.35);transition:width .3s cubic-bezier(.3,1.6,.5,1),height .3s cubic-bezier(.3,1.6,.5,1),border-color .3s}
.cursor span{display:none}
.cursor.big{width:54px;height:54px;border-color:#FFB547;box-shadow:0 0 22px rgba(255,181,71,.45)}
.ripple{position:fixed;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;pointer-events:none;z-index:998;border:1.5px solid rgba(255,181,71,.9);background:radial-gradient(circle,rgba(255,181,71,.5),rgba(155,140,255,.3) 55%,transparent 72%);animation:rip .8s ease-out forwards}
@keyframes rip{to{transform:scale(9);opacity:0}}
@media (hover:none),(pointer:coarse){.cursor,.ripple{display:none!important}}
@media (prefers-reduced-motion:reduce){.ripple{display:none}}
/* (c) effects */
@media (prefers-reduced-motion:no-preference){
 .plan:not(.fixed):hover,.svc:hover{transform:translateY(-4px) rotate(-.5deg)}
 .plan.fixed{position:relative;transition:box-shadow .35s,transform .35s cubic-bezier(.3,1.6,.5,1)}
 .plan.fixed:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #FFB547,0 24px 60px -14px rgba(255,90,31,.7)}
 .plan.fixed::after{content:"✦  ✧   ✦";position:absolute;right:18px;top:14px;color:#FFF1C9;font-size:16px;letter-spacing:.3em;opacity:0;transform:translateY(6px) scale(.6);transition:opacity .3s,transform .5s cubic-bezier(.3,1.6,.5,1);text-shadow:0 0 10px #FFB547}
 .plan.fixed:hover::after{opacity:1;transform:none;animation:spk 1.4s ease-in-out infinite}
 .sec-head.rv h2{clip-path:inset(0 100% 0 0);transition:clip-path 1.1s cubic-bezier(.7,0,.2,1) .1s}
 .sec-head.rv.in h2{clip-path:inset(0 0 0 0)}
 .mag{transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
}
@keyframes spk{50%{opacity:.55;letter-spacing:.42em}}