@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,700;0,800;0,900;1,700&display=swap");@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(../media/anton-latin-400-normal.2c_xnsc2yf3c2.woff2)format("woff2"),url(../media/anton-latin-400-normal.18u6h8o_3j6ll.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Permanent Marker;font-style:normal;font-display:swap;font-weight:400;src:url(../media/permanent-marker-latin-400-normal.3mb8si3fxj6ni.woff2)format("woff2"),url(../media/permanent-marker-latin-400-normal.2f5voktn71n6o.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-latin-400-normal.3xdfs0-p_zi4c.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-400-normal.2lhng2ntocry9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-mono-latin-500-normal.11q3guvgd1r20.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-500-normal.1fgk-kmy-32_a.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../media/archivo-latin-wdth-normal.1h4hl0m83hjjz.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--cream:#ecebe5;--cream-2:#f4f3ee;--ink:#141414;--ink-2:#1e1e1e;--ink-3:#2a2a2a;--orange:#e07434;--orange-d:#c95f22;--green:#3fa45b;--purple:#9c6ade;--blue:#3aa6d0;--pink:#e0559a;--yellow:#f2c230;--red:#d9363e;--f-display:"Anton", "Impact", "Arial Narrow", sans-serif;--f-brush:"Permanent Marker", "Marker Felt", cursive;--f-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--f-label:"Archivo Variable", "Archivo", "Arial Black", sans-serif;--gutter:clamp(16px, 4vw, 64px);--max:1280px;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{background:var(--cream);color:var(--ink);font-family:var(--f-mono);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.6;overflow-x:clip}img,svg{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.vv{position:relative;overflow-x:clip}.wrap{width:100%;max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.wrap-narrow{width:100%;max-width:1100px;padding:0 var(--gutter);margin:0 auto}.center{text-align:center}.grain{z-index:90;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}to{transform:translate(0)}}.c-orange{color:var(--orange)}.c-green{color:var(--green)}.c-purple{color:var(--purple)}.c-blue{color:var(--blue)}.c-pink{color:var(--pink)}.c-cream{color:var(--cream)}.c-ink{color:var(--ink)}.brush{font-family:var(--f-brush);letter-spacing:.01em;font-weight:400;line-height:1}.brush-line{font-family:var(--f-brush);padding:.04em .12em .08em 0;line-height:1.05;display:block}.big-line{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.02em;padding-bottom:.04em;font-weight:400;line-height:1;display:block;overflow:hidden}.big-line{padding-top:.16em;margin-top:-.16em}.sec-title.big-line{margin-top:calc(.6rem - .16em)}.big-line>span{display:inline-block}.eyebrow{font-family:var(--f-label);letter-spacing:.32em;text-transform:uppercase;color:var(--orange);font-size:.82rem;font-weight:800;font-stretch:125%}.eyebrow.small{letter-spacing:.22em;font-size:.68rem}.sec-head{text-align:center;padding:0 var(--gutter)}.sec-title{color:var(--cream);margin-top:.6rem;font-size:clamp(2rem,4.4vw,3.5rem)}.mono-p{font-family:var(--f-mono);color:#ecebe5b8;max-width:46ch;font-size:.86rem;line-height:1.75}.btn{--sh:var(--ink);font-family:var(--f-label);letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--ink);box-shadow:4px 5px 0 var(--sh);transition:transform .18s var(--ease), box-shadow .18s var(--ease), background-color .2s;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:.55em;padding:1em 2.4em;font-size:.9rem;font-weight:800;font-stretch:125%;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:6px 7px 0 var(--sh);transform:translate(-2px,-2px)}.btn:active{box-shadow:0 0 0 var(--sh);transform:translate(3px,4px)}.btn .ico{width:1.1em;height:1.1em}.btn-sm{border-radius:8px;padding:.85em 1.4em;font-size:.74rem}.btn-xs{box-shadow:3px 3px 0 var(--sh);border-radius:6px;padding:.7em 1.2em;font-size:.62rem}.btn-orange{background:var(--orange);color:var(--cream)}.btn-orange:hover{background:#ea7f3e}.btn-cream{background:var(--cream);color:var(--ink)}.btn-green{background:var(--green);color:var(--ink)}.btn-purple{background:var(--purple);color:var(--ink)}.dark .btn{--sh:#000}.dark .btn-xs{border-color:#0000}.link-arrow,.underline-link{font-family:var(--f-label);letter-spacing:.05em;text-transform:uppercase;transition:background-size .4s var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/100% 2px no-repeat;padding-bottom:4px;font-size:.82rem;font-weight:800;font-stretch:125%;text-decoration:none}.link-arrow:hover,.underline-link:hover{background-position:100% 100%;background-size:0% 2px}.underline-link{color:var(--cream);background-image:linear-gradient(var(--orange), var(--orange));font-size:.9rem}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--ink);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:.6em;padding:.35em 1em;font-size:.7rem;display:inline-flex}.chips-dark .chip{color:var(--cream);border-color:#ecebe559;font-size:.62rem}.dot{border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.dot-green{background:var(--green)}.dot-orange{background:var(--orange)}.dot-ink{background:var(--ink)}.dot-purple{background:var(--purple)}.dark{background-color:var(--ink);color:var(--cream);background-image:radial-gradient(1px 1px at 12% 18%,#ecebe559 50%,#0000 51%),radial-gradient(1px 1px at 72% 34%,#ecebe540 50%,#0000 51%),radial-gradient(1.4px 1.4px at 38% 72%,#ecebe54d 50%,#0000 51%),radial-gradient(1px 1px at 88% 82%,#ecebe533 50%,#0000 51%),radial-gradient(1px 1px at 55% 8%,#3aa6d073 50%,#0000 51%);background-size:340px 340px,280px 280px,420px 420px,230px 230px,510px 510px;position:relative}.edge{pointer-events:none;z-index:2;width:100%;height:clamp(28px,4vw,60px);position:absolute;left:0}.edge-bottom{bottom:-1px}.edge-top{top:-1px}.site-header{z-index:50;padding:calc(30px + env(safe-area-inset-top,0px)) var(--gutter) 18px;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:start;display:grid;position:fixed;inset:0 0 auto}.site-header>*{pointer-events:auto}.menu-btn{justify-self:start;margin-top:10px}.menu-btn .ico{width:15px;height:15px}.seal{transform-origin:50% 0;width:clamp(70px,7vw,92px);display:block}.seal-svg{filter:drop-shadow(0 3px #00000040);width:100%;height:auto}.seal-ring{transform-origin:60px 60px;animation:22s linear infinite spin}.seal:hover .seal-ring{animation-duration:5s}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{background:var(--cream);border:2px solid var(--ink);width:46px;height:46px;box-shadow:3px 3px 0 var(--ink);transition:transform .18s var(--ease), box-shadow .18s var(--ease);border-radius:8px;justify-self:end;place-items:center;margin-top:10px;display:grid}.icon-btn:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)rotate(-6deg)}.icon-btn .ico{width:24px;height:24px}.menu{z-index:80;background:var(--orange);color:var(--ink);clip-path:circle(0% at 60px 50px);transition:clip-path .8s var(--ease), visibility 0s .8s;visibility:hidden;position:fixed;inset:0}.menu.is-open{clip-path:circle(150% at 60px 50px);visibility:visible;transition:clip-path .9s var(--ease), visibility 0s}.menu-inner{height:100%;padding:24px var(--gutter) 32px;flex-direction:column;display:flex;overflow-y:auto}.menu-close{align-self:flex-start}.menu nav{flex:1;align-items:center;display:flex}.menu ol{flex-direction:column;gap:.2rem;padding:2rem 0;display:flex}.menu li{opacity:0;transition:transform .7s var(--ease), opacity .5s;overflow:hidden;transform:translateY(60%)}.menu.is-open li{opacity:1;transform:none}.menu li a{font-family:var(--f-display);text-transform:uppercase;transition:color .2s, transform .4s var(--ease);align-items:baseline;gap:.8rem;font-size:clamp(2.4rem,7.5vw,5.6rem);line-height:1.05;text-decoration:none;display:inline-flex}.menu li a small{font-family:var(--f-mono);font-size:.85rem}.menu li a:hover{color:var(--cream);transform:translate(14px)skew(-6deg)}.menu-foot{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.8rem;display:flex}.menu-foot .brush{font-size:2rem}.floaters{pointer-events:none;z-index:1;position:absolute;inset:0}.floater{will-change:transform;position:absolute}.floater-inner{--sc:var(--blue);font-family:var(--f-brush);color:var(--cream);white-space:nowrap;box-shadow:4px 4px 0 var(--sc);background:radial-gradient(circle at 35% 30%,#c98a52,#7a4422 75%);border-radius:1.4em 1.4em 1.4em .3em;padding:.45em .8em .55em;line-height:1;position:relative}.floater-inner:after{content:"";clip-path:polygon(0 0,100% 0,0 100%);background:#7a4422;width:.7em;height:.6em;position:absolute;bottom:-.45em;left:.2em}.sh-blue{--sc:var(--blue)}.sh-pink{--sc:var(--pink)}.sh-green{--sc:var(--green)}.sh-yellow{--sc:var(--yellow)}.sh-purple{--sc:var(--purple)}.sh-orange{--sc:var(--orange)}.dark .floater-inner{color:var(--ink);background:radial-gradient(circle at 35% 30%,#f4f3ee,#cfcdc4 80%)}.dark .floater-inner:after{background:#cfcdc4}.hero{align-items:center;min-height:100svh;padding:clamp(120px,15vh,160px) 0 clamp(80px,10vh,120px);display:flex;position:relative;overflow:hidden}.hero-grid{z-index:3;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(24px,4vw,64px);display:grid;position:relative}.hero-copy{flex-direction:column;gap:1.6rem;display:flex}.hero-title .brush-line{font-size:clamp(2.2rem,4.6vw,4rem)}.hero-title .big-line{letter-spacing:.035em;font-size:clamp(5.4rem,11.3vw,9.8rem);-webkit-text-stroke:.022em var(--cream)}.hero-title .big-line .hang{margin-left:-.01em}.lede{color:#3b3b38;max-width:46ch;font-size:.92rem;line-height:1.75}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.hero-actions .btn{flex:0 0 auto;padding:.85em 1.35em;font-size:.74rem}.hero-stage{flex-direction:column;align-items:center;gap:1.4rem;display:flex}.kit-stage{aspect-ratio:1.25;width:100%;max-width:560px;position:relative}.kit{transform-origin:50% 100%;width:46%;transition:transform .9s var(--ease), opacity .6s, filter .6s;position:absolute;bottom:0;left:50%}.kit .kit-svg{filter:drop-shadow(0 18px 18px #00000047);width:100%;height:auto}.kit-center{z-index:3;transform:translate(-50%)scale(1.12)}.kit-left{z-index:2;transform:translate(-118%)scale(.86)rotate(-3deg)}.kit-right{z-index:2;transform:translate(18%)scale(.86)rotate(3deg)}.kit-hidden{opacity:0;z-index:1;pointer-events:none;transform:translate(-50%)scale(.5)translateY(30%)}.kit-left:hover,.kit-right:hover{filter:brightness(1.08)}.kit-center:hover{transform:translate(-50%)scale(1.15)rotate(-1.5deg)}.arrow{z-index:5;border:2px solid var(--ink);background:var(--cream);width:42px;height:42px;box-shadow:3px 3px 0 var(--ink);transition:transform .2s var(--ease), box-shadow .2s var(--ease);border-radius:8px;place-items:center;display:grid;position:absolute;top:50%}.arrow svg{width:20px;height:20px}.arrow:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}.arrow:active{box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}.arrow-l{left:-6px}.arrow-r{right:-6px}.kit-info{text-align:center;animation:info-in .7s var(--ease) both}@keyframes info-in{0%{opacity:0;transform:translateY(14px)}}.kit-name{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:.4em;font-size:clamp(1.4rem,2.3vw,1.9rem);font-weight:400;display:inline-flex}.kit-name .num{background:var(--ink);width:1.3em;height:1.3em;color:var(--cream);font-family:var(--f-mono);letter-spacing:0;border-radius:50%;place-items:center;font-size:.5em;display:inline-grid}.kit-meta{color:#55554f;font-size:.74rem}.kit-meta a{font-family:var(--f-label);text-transform:uppercase;color:var(--ink);text-underline-offset:4px;margin-left:.6em;font-weight:800;font-stretch:125%;text-decoration:underline;text-decoration-thickness:2px}.reviews{padding:clamp(80px,11vw,140px) 0 clamp(60px,8vw,100px)}.marquee{margin:clamp(36px,5vw,56px) 0 clamp(28px,4vw,44px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.marquee-track{gap:18px;width:max-content;padding:10px 0;animation:48s linear infinite marquee;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(calc(-50% - 9px))}}.review{background:var(--cream);width:clamp(250px,24vw,310px);color:var(--ink);transition:transform .4s var(--ease);border-radius:14px;flex-direction:column;flex:none;gap:.9rem;padding:22px 22px 20px;display:flex}.review:nth-child(odd){transform:rotate(-1deg)}.review:nth-child(2n){transform:rotate(1deg)}.review:hover{transform:rotate(0)translateY(-8px)scale(1.02)}.stars{color:var(--orange);gap:3px;display:flex}.star{width:15px;height:15px}.review p{flex:1;font-size:.78rem;line-height:1.7}.review cite{font-style:normal;font-family:var(--f-label);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:800;font-stretch:125%}.why{padding:clamp(40px,6vw,80px) 0 clamp(80px,10vw,130px)}.why-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(36px,5vw,56px);display:grid}.why-card{background:var(--ink-2);text-align:center;transition:transform .4s var(--ease), background-color .3s, border-color .3s;border:1px solid #ecebe50f;border-radius:14px;flex-direction:column;align-items:center;gap:.8rem;padding:34px 24px 30px;display:flex}.why-card:hover{background:var(--ink-3);border-color:#ecebe529;transform:translateY(-6px)}.why-ico{width:46px;height:46px;transition:transform .5s var(--ease)}.why-card:hover .why-ico{transform:scale(1.15)rotate(-8deg)}.why-card h3{font-family:var(--f-display);letter-spacing:.06em;text-transform:uppercase;font-size:1.15rem;font-weight:400}.why-card p{color:#ecebe58c;max-width:28ch;font-size:.72rem}.spotlight{padding:clamp(40px,6vw,80px) 0 clamp(80px,10vw,130px);overflow:hidden}.spot-stage{margin-top:clamp(28px,4vw,48px);max-width:1200px;height:clamp(340px,42vw,520px);margin-inline:auto;position:relative}.spot-beam{clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);background-color:var(--blue);opacity:.95;background-image:radial-gradient(#1414148c 1.6px,#0000 1.8px);background-size:7px 7px;width:clamp(240px,26vw,340px);height:92%;position:absolute;bottom:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#0000 0%,#000 30%);mask-image:linear-gradient(#0000 0%,#000 30%)}.spot-kit{--w:clamp(130px, 16vw, 210px);width:var(--w);transform:translateX(calc(-50% + var(--off) * var(--w) * 1.25)) scale(calc(1 - var(--abs) * .18));transform-origin:50% 100%;opacity:calc(1 - var(--abs) * .32);filter:brightness(calc(1 - var(--abs) * .3)) grayscale(calc(var(--abs) * .5));z-index:calc(10 - var(--abs));transition:transform .9s var(--ease), opacity .6s, filter .6s;position:absolute;bottom:4%;left:50%}.spot-kit.is-active{filter:none;transform:translate(-50%)scale(1.22)}.spot-kit.is-active:hover{transform:translate(-50%)scale(1.26)rotate(-1.5deg)}.spot-kit .kit-svg{filter:drop-shadow(0 20px 20px #0009)}.price-tag{z-index:2;background:var(--cream);color:var(--ink);border:2px solid var(--ink);font-family:var(--f-display);box-shadow:3px 3px 0 var(--orange);animation:tag-in .6s var(--ease) both .3s;border-radius:6px;flex-direction:column;align-items:center;padding:4px 10px 6px;font-size:1rem;line-height:1;display:flex;position:absolute;top:-10%;left:-18%;transform:rotate(-9deg)}.price-tag small{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.1em;margin-bottom:2px;font-size:.5rem}@keyframes tag-in{0%{opacity:0;transform:rotate(-30deg)scale(0)}}.dark-arrow{background:var(--ink-2);color:var(--cream);border-color:#ecebe540;top:55%;box-shadow:3px 3px #000}.spot-stage .arrow-l{left:var(--gutter)}.spot-stage .arrow-r{right:var(--gutter)}.spot-info{text-align:center;animation:info-in .7s var(--ease) both;flex-direction:column;align-items:center;gap:.7rem;margin-top:1.8rem;display:flex}.spot-tags{font-family:var(--f-label);letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:.4rem 1.2rem;font-size:.62rem;font-weight:800;font-stretch:125%;display:flex}.spot-tags li{align-items:center;gap:.5em;display:inline-flex}.spot-name{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:400}.spot-level{font-family:var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:#ecebe5b3;align-items:center;gap:.6em;font-size:.58rem;font-weight:800;font-stretch:125%;display:flex}.level-bars{gap:3px;display:inline-flex}.level-bars i{border:1px solid var(--cream);width:14px;height:8px}.level-bars i.on{background:var(--cream)}.stories{flex-direction:column;gap:clamp(80px,12vw,160px);padding:clamp(40px,6vw,80px) 0 clamp(80px,10vw,140px);display:flex}.story{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,5vw,80px);display:grid}.story-copy{flex-direction:column;align-items:flex-start;gap:1.3rem;display:flex}.story-copy h2 .brush-line{font-size:clamp(2.6rem,5.4vw,4.6rem)}.story-copy h2 .big-line{color:var(--cream);font-size:clamp(2.6rem,5.6vw,4.8rem)}.story-frame{--fc:var(--green);aspect-ratio:5/6;border:6px solid var(--fc);will-change:transform;border-radius:46px 30px 52px 34px/34px 48px 30px 50px;justify-self:end;width:100%;max-width:520px;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000080}.frame-green{--fc:var(--green)}.frame-orange{--fc:var(--orange)}.frame-purple{--fc:var(--purple)}.art-svg{object-fit:cover;width:100%;height:100%}.blink{animation:1.2s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.2}}.journey{background:#2b2a26;flex-direction:column;justify-content:center;min-height:100svh;padding:clamp(80px,10vh,120px) 0;display:flex;position:relative;overflow:hidden}.collage{pointer-events:none;width:260%;position:absolute;inset:0}.stamp{--st:var(--orange);font-family:var(--f-display);text-transform:uppercase;color:#ecebe5d1;white-space:nowrap;font-size:clamp(1.4rem,2.6vw,2.4rem);position:absolute}.stamp-0{color:#2b2a26;background:#d8d4c6;padding:.3em .7em;box-shadow:0 6px 14px #00000073}.stamp-0 b{font-weight:400}.stamp-0:before{content:"";background:#f2c2308c;width:60px;height:18px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-4deg)}.stamp-1{border:3px double var(--st);color:var(--st);opacity:.75;border-radius:999px;padding:.25em .6em}.stamp-2 em{font-family:var(--f-brush);text-transform:none;color:var(--st);opacity:.7;font-style:normal}.st-blue{--st:var(--blue)}.st-pink{--st:var(--pink)}.st-green{--st:var(--green)}.st-yellow{--st:var(--yellow)}.st-purple{--st:var(--purple)}.st-orange{--st:var(--orange)}.journey:after{content:"";pointer-events:none;background:radial-gradient(#1414141a,#14141499);position:absolute;inset:0}.journey-head{z-index:2;padding:0 var(--gutter);margin-bottom:clamp(28px,4vw,44px);position:relative}.journey-track{z-index:2;padding:10px var(--gutter) 30px;will-change:transform;gap:22px;width:max-content;display:flex;position:relative}.j-card{background:var(--cream-2);width:clamp(270px,24vw,330px);color:var(--ink);transform:rotate(var(--tilt,0deg));transition:transform .4s var(--ease);border-radius:16px;flex-direction:column;flex:none;gap:.55rem;padding:18px 22px 24px;display:flex;box-shadow:0 18px 40px #00000073}.j-card:hover{transform:rotate(0)translateY(-10px)}.journey-art{border:1.5px solid var(--ink);background:#fff;border-radius:10px;width:100%;height:auto}.j-caption{text-transform:uppercase;letter-spacing:.12em;text-align:center;color:#6b6b64;font-size:.56rem}.j-when{font-family:var(--f-label);letter-spacing:.2em;text-transform:uppercase;color:var(--orange);margin-top:.4rem;font-size:.62rem;font-weight:800;font-stretch:125%}.j-card h3{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.03em;font-size:1.35rem;font-weight:400;line-height:1.1}.j-text{color:#3b3b38;font-size:.72rem;line-height:1.65}.j-end{background:var(--ink);color:var(--cream);border:2px dashed #ecebe54d;justify-content:center}.j-end .j-text{color:#ecebe5b3}.j-end .btn{align-self:flex-start;margin-top:.8rem}.cta{background:var(--cream);padding:clamp(90px,12vw,150px) 0 0;position:relative;overflow:hidden}.cta-head{z-index:4;text-align:center;padding:0 var(--gutter);flex-direction:column;align-items:center;gap:1.6rem;display:flex;position:relative}.cta-head .big-line{font-size:clamp(2.8rem,6.4vw,5.6rem)}.cta-head .brush-line{padding-right:0;font-size:clamp(2.6rem,6vw,5.2rem)}.cta-points{letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:.8rem 2rem;font-size:.68rem;display:flex}.cta-points li{align-items:center;gap:.6em;display:inline-flex}.cta-points .ico{width:24px;height:24px}.tiles{height:clamp(150px,16vw,210px);margin-top:clamp(20px,3vw,40px);margin-inline:clamp(42px,4.6vw,62px);position:relative}.tiles:after{content:"";background:var(--ink);height:40px;position:absolute;bottom:0;left:calc(-1*clamp(42px,4.6vw,62px));right:calc(-1*clamp(42px,4.6vw,62px))}.tile{z-index:2;aspect-ratio:1;width:clamp(42px,4.6vw,62px);font-family:var(--f-display);color:#2b1d0e;background:linear-gradient(145deg,#f3dcae,#d9b77a);border-radius:8px;place-items:center;margin-left:-20px;font-size:clamp(1.3rem,2.4vw,2rem);display:grid;position:absolute;box-shadow:inset 0 -4px #78501e59,inset 0 2px #ffffff80,0 6px 10px #0000004d}.tiles .tile{margin-bottom:26px}.tile small{font-family:var(--f-mono);font-size:.55rem;position:absolute;bottom:4px;right:6px}.trial{padding:clamp(60px,8vw,110px) 0 clamp(90px,12vw,150px)}.trial-card{background:var(--ink-2);max-width:calc(1100px - 2 * var(--gutter));border-radius:22px;grid-template-columns:1.1fr .9fr;align-items:center;gap:2rem;padding-top:clamp(36px,5vw,64px);padding-bottom:clamp(36px,5vw,64px);display:grid;position:relative}.trial-copy{z-index:3;flex-direction:column;align-items:flex-start;gap:1.2rem;display:flex;position:relative}.trial-copy h2 .big-line{color:var(--cream);font-size:clamp(2.4rem,4.6vw,3.8rem)}.trial-mixed{align-items:baseline;gap:.25em;display:flex}.trial-mixed .brush-line{font-size:clamp(2.6rem,5vw,4.1rem)}.trial-actions{flex-wrap:wrap;gap:12px;display:flex}.phone-wrap{z-index:2;place-items:center;min-height:380px;display:grid;position:relative}.phone{aspect-ratio:9/18.5;background:#0b0b0b;border-radius:38px;width:230px;padding:10px;position:relative;transform:rotate(12deg);box-shadow:0 0 0 2px #3a3a3a,0 40px 70px #0009}.phone-notch{z-index:2;background:#0b0b0b;border-radius:12px;width:70px;height:18px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.phone-screen{background:var(--cream-2);height:100%;color:var(--ink);border-radius:30px;flex-direction:column;gap:8px;padding:46px 12px 12px;font-size:.62rem;line-height:1.4;display:flex;overflow:hidden}.chat-top{border-bottom:1px solid #0000001a;align-items:center;gap:8px;margin-bottom:4px;padding-bottom:8px;display:flex}.chat-top b{font-family:var(--f-label);font-size:.66rem;font-weight:800;display:block}.chat-top small{color:var(--green);font-size:.56rem}.avatar{background:var(--orange);width:30px;height:30px;color:var(--cream);font-family:var(--f-display);border-radius:50%;place-items:center;font-size:.8rem;display:grid}.bubble{border-radius:12px;max-width:82%;padding:7px 10px}.bubble.in{background:#fff;border-bottom-left-radius:3px;align-self:flex-start;box-shadow:0 1px 2px #00000014}.bubble.out{background:var(--orange);color:var(--cream);border-bottom-right-radius:3px;align-self:flex-end}.typing{gap:4px;padding:10px 12px;display:flex}.typing i{background:#999;border-radius:50%;width:6px;height:6px;animation:1.2s infinite typing}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.5;transform:none}30%{opacity:1;transform:translateY(-4px)}}.chat-input{color:#999;border:1px solid #00000026;border-radius:999px;margin-top:auto;padding:7px 12px}.plan{background:var(--orange);color:var(--ink);padding:clamp(100px,12vw,160px) 0;position:relative}.plan-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,5vw,64px);display:grid}.plan-copy{flex-direction:column;align-items:flex-start;gap:1.3rem;display:flex}.plan-copy .big-line{font-size:clamp(2.8rem,5.6vw,4.8rem)}.plan-copy .brush-line{font-size:clamp(3rem,6vw,5.2rem)}.plan-card{background:var(--cream);border:2px solid var(--ink);box-shadow:8px 9px 0 var(--ink);border-radius:14px;padding:26px 26px 10px;transform:rotate(1.5deg)}.plan-card li{border-bottom:1px dashed #14141433;gap:14px;margin-bottom:16px;padding-bottom:16px;display:flex}.plan-card li:last-child{border-bottom:0;margin-bottom:0}.plan-card .ico{flex:none;width:22px;height:22px;margin-top:2px}.plan-card h3{font-family:var(--f-label);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800;font-stretch:125%}.plan-card p{color:#55554f;font-size:.7rem}.site-footer{padding:clamp(70px,9vw,110px) 0 28px}.foot-grid{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem;display:grid}.foot-brand{flex-direction:column;gap:.6rem;display:flex}.foot-name{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.04em;font-size:1.6rem}.foot-tag{font-size:1.15rem}.foot-brand .mono-p{max-width:34ch;font-size:.72rem}.foot-title{font-family:var(--f-label);letter-spacing:.24em;text-transform:uppercase;color:var(--orange);margin-bottom:1rem;font-size:.66rem;font-weight:800;font-stretch:125%}.site-footer li{margin-bottom:.45rem}.site-footer li a{color:#ecebe599;transition:color .2s, padding .3s var(--ease);font-size:.72rem;text-decoration:none}.site-footer li a:hover{color:var(--cream);padding-left:6px}.foot-bottom{letter-spacing:.1em;text-transform:uppercase;color:#ecebe573;border-top:1px solid #ecebe51a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:clamp(48px,7vw,90px);padding-top:20px;font-size:.62rem;display:flex}.socials{gap:14px;display:flex}.socials a{color:#ecebe5b3;width:22px;height:22px;transition:color .2s, transform .3s var(--ease)}.socials a:hover{color:var(--orange);transform:translateY(-3px)rotate(-8deg)}@media (max-width:980px){.hero-grid,.story,.plan-grid,.trial-card{grid-template-columns:1fr}.hero-stage{margin-top:1rem}.story-frame{justify-self:center;max-width:440px}.why-grid{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}.phone-wrap{min-height:0;padding:1rem 0 .5rem}.phone{width:200px}}@media (max-width:899px){.journey-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;overflow-x:auto}.journey-track::-webkit-scrollbar{display:none}.j-card{scroll-snap-align:center;width:78vw;max-width:320px}.collage{width:100%}}@media (max-width:600px){body{font-size:14px}.site-header{padding-top:calc(22px + env(safe-area-inset-top,0px))}.menu-btn span{display:none}.menu-btn{padding:.8em}.chip{font-size:.6rem}.why-grid{grid-template-columns:1fr}.kit-stage{aspect-ratio:1.05}.kit{width:52%}.kit-left{transform:translate(-108%)scale(.8)rotate(-3deg)}.kit-right{transform:translate(8%)scale(.8)rotate(3deg)}.spot-kit{--w:120px}.price-tag{left:-30%}.btn{padding:.95em 1.6em}.hero-actions .btn{width:100%}.foot-grid{grid-template-columns:1fr}.floater-inner{font-size:.7rem!important}.trial-mixed{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.grain{animation:none}}.hero-title .big-line+.big-line{margin-top:-.22em}.method-line{flex-wrap:wrap;align-items:center;gap:.5rem .7rem;display:flex}.method-tag{font-family:var(--f-label);letter-spacing:.05em;text-transform:uppercase;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:8px;padding:.55em .85em;font-size:clamp(.7rem,1.1vw,.86rem);font-weight:800;font-stretch:125%}.tag-orange{background:var(--orange);color:var(--cream);transform:rotate(-1.5deg)}.tag-ink{background:var(--ink);color:var(--cream);box-shadow:3px 3px 0 var(--orange);transform:rotate(1deg)}.method-plus{font-family:var(--f-display);font-size:1.8rem;line-height:1}.lede strong{color:var(--ink);background:linear-gradient(#0000 62%,#e0743459 62%);font-weight:500}.portrait{justify-self:center;width:100%;max-width:470px;margin:0;position:relative}.portrait-frame{aspect-ratio:4/5;border:5px solid var(--ink);background:var(--ink);box-shadow:12px 14px 0 var(--orange);transition:transform .6s var(--ease), box-shadow .6s var(--ease);border-radius:46px 30px 52px 34px/34px 48px 30px 50px;position:relative;overflow:hidden}.portrait:hover .portrait-frame{box-shadow:16px 20px 0 var(--orange);transform:rotate(-1.5deg)translateY(-6px)}.portrait-img{object-fit:cover;object-position:50% 30%;filter:contrast(1.08);width:100%;height:112%;margin-top:-6%}.portrait-frame:after{content:"";mix-blend-mode:multiply;pointer-events:none;background:linear-gradient(#0000 55%,#e0743447);position:absolute;inset:0}.portrait-sticker{z-index:3;font-family:var(--f-brush);border:2px solid var(--ink);white-space:nowrap;box-shadow:4px 4px 0 var(--ink);border-radius:10px;padding:.5em .8em;font-size:clamp(1rem,1.7vw,1.35rem);line-height:1;position:absolute}.st-a{background:var(--cream);color:var(--ink);animation:4s ease-in-out infinite bob;top:14%;left:-14%;transform:rotate(-7deg)}.st-b{background:var(--orange);color:var(--cream);animation:4.6s ease-in-out infinite reverse bob;bottom:18%;right:-10%;transform:rotate(5deg)}@keyframes bob{50%{translate:0 -10px}}.portrait-badge{z-index:3;width:clamp(80px,9vw,112px);position:absolute;top:-6%;right:-6%}.portrait-badge .seal-ring{animation-duration:12s}.portrait-cap{font-family:var(--f-label);letter-spacing:.14em;text-transform:uppercase;justify-content:center;align-items:center;gap:.6em;margin-top:1.4rem;font-size:.66rem;font-weight:800;font-stretch:125%;display:flex}.portrait-cap .num{background:var(--ink);width:2.2em;height:2.2em;color:var(--cream);font-family:var(--f-display);letter-spacing:0;border-radius:50%;place-items:center;font-weight:400;display:inline-grid}.menu-inner{z-index:2;position:relative}.menu-bg{pointer-events:none;flex-direction:column;justify-content:space-around;display:flex;position:absolute;inset:0;overflow:hidden}.menu-row{white-space:nowrap;opacity:0;transition:transform 1.1s var(--ease), opacity .8s;transform:rotate(-4deg)translate(30%)}.menu.is-open .menu-row{opacity:1;transform:rotate(-4deg)translate(0)}.menu-row.rev{transform:rotate(-4deg)translate(-30%)}.menu.is-open .menu-row.rev{transform:rotate(-4deg)translate(0)}.menu-row-track{gap:.4em;animation:40s linear infinite menu-marquee;display:inline-flex}.menu-row.rev .menu-row-track{animation-direction:reverse}@keyframes menu-marquee{to{transform:translate(-50%)}}.menu-row span{font-family:var(--f-display);text-transform:uppercase;align-items:center;gap:.4em;font-size:clamp(4rem,11vw,9.5rem);line-height:1;display:inline-flex}.menu-row i{font-size:.4em;font-style:normal}.menu-row.stroke span{color:#0000;-webkit-text-stroke:2px #14141447}.menu-row.stroke i{color:#14141447;-webkit-text-stroke:0}.menu-row.fill span{color:#ecebe538}.menu-seal{width:clamp(110px,14vw,190px);transition:transform 1s var(--ease) .3s;position:absolute;top:10%;right:6%;transform:scale(0)rotate(-90deg)}.menu.is-open .menu-seal{transform:scale(1)rotate(0)}.menu-seal .seal-ring{animation-duration:9s}.menu-bubble{--sc:var(--blue);font-family:var(--f-brush);color:var(--ink);background:var(--cream);box-shadow:4px 4px 0 var(--sc);opacity:0;border-radius:1.4em 1.4em 1.4em .3em;padding:.45em .8em .55em;font-size:clamp(1rem,1.6vw,1.4rem);line-height:1;transition:opacity .5s .5s;animation:6s ease-in-out infinite menu-float;position:absolute}.menu.is-open .menu-bubble{opacity:1}@keyframes menu-float{0%,to{transform:translate(0)rotate(-6deg)}33%{transform:translate(14px,-18px)rotate(4deg)}66%{transform:translate(-10px,10px)rotate(-2deg)}}.menu-label{vertical-align:bottom;display:inline-block;position:relative;overflow:hidden}.menu-label:after{content:attr(data-text);color:var(--cream);position:absolute;top:100%;left:0}.menu li a:hover .menu-label{color:#0000}.menu li a:hover .menu-label:after{top:0}.menu-label,.menu-label:after{transition:top .45s var(--ease), color .2s}@media (max-width:980px){.portrait{max-width:380px;margin-top:1rem}.st-a{left:-6%}.st-b{right:-4%}.menu-seal,.menu-bubble{display:none}}@media (max-width:600px){.portrait-sticker{font-size:.9rem}}@media (max-width:980px){.hero-stage{order:-1;margin-top:0}.portrait{max-width:300px}}
.methods{padding:clamp(90px,11vw,150px) 0 clamp(90px,11vw,150px);position:relative}.methods .sec-title{color:var(--ink)}.m-intro{font-family:var(--f-label);font-stretch:100%;text-align:center;color:#141414b3;max-width:56ch;margin:20px auto 0;padding:0 var(--gutter);font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.65}.m-board{--mc:var(--green);width:calc(100% - 2*var(--gutter));max-width:1120px;background:var(--cream-2);border:2px solid var(--ink);border-radius:26px;margin:clamp(56px,7vw,96px) auto 0;padding:clamp(24px,3.4vw,48px);box-shadow:8px 10px 0 var(--ink)}.m-orange{--mc:var(--orange)}.m-purple{--mc:var(--purple)}.m-head{align-items:center;gap:clamp(16px,2.4vw,28px);display:flex}.m-num{aspect-ratio:1;width:clamp(64px,7vw,92px);background:var(--mc);color:var(--ink);border:2px solid var(--ink);border-radius:50%;flex:none;place-items:center;font-family:var(--f-display);font-size:clamp(1.8rem,3vw,2.6rem);display:grid;rotate:-6deg;box-shadow:3px 4px 0 var(--ink)}.m-kicker{font-family:var(--f-label);letter-spacing:.24em;text-transform:uppercase;color:#14141499;font-size:.72rem;font-weight:800;font-stretch:125%}.m-title{font-family:var(--f-display);text-transform:uppercase;margin-top:.3rem;font-size:clamp(1.9rem,3.6vw,3.2rem);font-weight:400;line-height:1.02}.m-lead{color:var(--mc);margin-top:.5rem;font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.2}.m-idea{font-family:var(--f-label);font-stretch:100%;border-left:5px solid var(--mc);max-width:46ch;margin:clamp(22px,2.6vw,32px) 0 0;padding-left:18px;font-size:clamp(1.1rem,1.6vw,1.4rem);font-weight:600;line-height:1.5}.m-steps{grid-template-columns:repeat(3,1fr);gap:14px;margin:clamp(24px,3vw,36px) 0 0;padding:0;list-style:none;display:grid}.m-step{background:var(--cream);border:2px solid var(--ink);border-radius:16px;padding:18px 18px 20px;box-shadow:4px 5px 0 var(--mc)}.m-step-n{background:var(--ink);color:var(--cream);border-radius:50%;place-items:center;width:30px;height:30px;font-family:var(--f-display);font-size:1rem;display:inline-grid}.m-step h4{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.02em;margin:.7rem 0 .35rem;font-size:1.25rem;font-weight:400}.m-step p{font-family:var(--f-label);font-stretch:100%;color:#141414c7;margin:0;font-size:.95rem;line-height:1.55}.m-demos{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.m-demo{background:var(--ink);color:var(--cream);border-radius:18px;margin:0;padding:clamp(20px,2.4vw,28px);position:relative;overflow:hidden}.m-demo-wide{margin-top:14px}.m-demo-cap{font-family:var(--f-label);letter-spacing:.2em;text-transform:uppercase;color:#ecebe599;font-size:.66rem;font-weight:800;font-stretch:125%}.m-hub{background:var(--mc);color:var(--ink);font-family:var(--f-display);text-transform:uppercase;border-radius:10px;margin:.9rem 0 .2rem;padding:.12em .4em .1em;font-size:clamp(2rem,3.4vw,2.8rem);line-height:1;display:inline-block;rotate:-3deg;box-shadow:4px 4px 0 var(--cream)}.m-cloud{flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.m-cloud li{font-family:var(--f-brush);background:var(--cream);color:var(--ink);border-radius:999px;padding:.35em .85em .45em;font-size:clamp(.9rem,1.2vw,1.05rem)}.m-cloud li:nth-child(odd){rotate:-2deg}.m-cloud li:nth-child(2n){rotate:2deg}.m-stamp{font-family:var(--f-display);text-transform:uppercase;color:var(--cream);border:3px solid var(--mc);border-radius:12px;margin:.9rem 0 0;padding:.08em .35em;font-size:clamp(2.4rem,4vw,3.4rem);line-height:1;display:inline-block;rotate:-2deg}.m-stamp-note{font-family:var(--f-brush);color:var(--mc);margin:.55rem 0 0;font-size:1.1rem}.m-langs{grid-template-columns:repeat(5,1fr);gap:.45rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.m-langs li{text-align:center;background:#ecebe50f;border:1px solid #ecebe526;border-radius:12px;gap:.2rem;padding:.6em .3em;display:grid}.m-langs b{font-family:var(--f-display);text-transform:uppercase;color:var(--cream);font-size:clamp(1rem,1.5vw,1.3rem);font-weight:400}.m-langs small{font-family:var(--f-label);letter-spacing:.14em;color:var(--mc);font-size:.6rem;font-weight:800}.m-take{text-align:center;color:var(--ink);margin:clamp(26px,3vw,38px) 0 0;font-size:clamp(1.5rem,2.6vw,2.2rem)}.m-chunk{flex-wrap:wrap;align-items:center;gap:clamp(14px,2vw,28px);margin-top:1.1rem;display:flex}.m-loose{gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.m-loose li{font-family:var(--f-mono);color:#ecebe5b3;border:1px dashed #ecebe566;border-radius:8px;padding:.35em .7em;font-size:1rem}.m-loose li:nth-child(2){translate:0 10px;rotate:4deg}.m-loose li:nth-child(3){rotate:-3deg}.m-arrow{font-family:var(--f-display);color:var(--mc);font-size:2rem}.m-block{background:var(--mc);color:var(--ink);border-radius:12px;gap:.15rem;margin:0;padding:.6em .9em;display:grid;rotate:-2deg;box-shadow:4px 4px 0 var(--cream)}.m-block b{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(1.4rem,2.4vw,2rem);font-weight:400}.m-block small{font-family:var(--f-label);letter-spacing:.14em;text-transform:uppercase;font-size:.62rem;font-weight:800}.m-flash{background:var(--cream);color:var(--ink);border-radius:14px;margin-top:1.1rem;padding:18px 20px;rotate:-1.5deg;box-shadow:5px 6px 0 var(--mc)}.m-flash-front{font-family:var(--f-display);text-transform:uppercase;margin:0;font-size:clamp(1.7rem,2.8vw,2.4rem);line-height:1.05}.m-flash-back{font-family:var(--f-mono);color:#141414b3;margin:.5rem 0 0;font-size:.95rem}.m-flash mark{background:var(--mc);color:var(--ink);border-radius:4px;padding:0 .15em}.m-flash-back mark{background:color-mix(in srgb,var(--mc) 35%,transparent)}.m-gen{gap:.55rem;margin:1.1rem 0 0;padding:0;list-style:none;display:grid}.m-gen li{font-family:var(--f-display);text-transform:uppercase;color:var(--cream);align-items:center;gap:.6rem;font-size:clamp(1.15rem,1.8vw,1.5rem);display:flex}.m-gen li:before{content:"";background:var(--mc);border-radius:50%;flex:none;width:10px;height:10px}.m-eq{font-family:var(--f-brush);color:var(--mc);margin:1.2rem 0 0;font-size:1.15rem}.m-compare{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.m-cmp{background:var(--cream);border:2px solid var(--ink);border-radius:16px;padding:20px 22px}.m-cmp.is-reg{background:var(--mc);box-shadow:5px 6px 0 var(--ink)}.m-cmp h4{font-family:var(--f-display);text-transform:uppercase;margin:0 0 .7rem;font-size:1.35rem;font-weight:400}.m-cmp ul{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.m-cmp li{font-family:var(--f-label);font-stretch:100%;padding-left:1.3em;font-size:.98rem;line-height:1.45;position:relative}.m-cmp li:before{content:"•";position:absolute;left:.2em}.m-cmp.is-reg li:before{content:"✓";left:0}@media (max-width:900px){.m-steps,.m-demos,.m-compare{grid-template-columns:1fr}.m-langs{grid-template-columns:repeat(3,1fr)}.m-head{align-items:flex-start}.m-board{box-shadow:5px 6px 0 var(--ink)}}@property --bz-a{syntax:"<angle>";inherits:false;initial-value:0deg}.bz-wrap{justify-self:end;width:100%;max-width:520px;position:relative}.bz-wrap .story-frame{max-width:none}.bz-art{background:linear-gradient(#a9dbff 0%,#dff2ff 58%,#cdeebc 58.2%,#9fd884 100%);position:absolute;inset:0;overflow:hidden}.bz-cloud{background:#fff;border-radius:999px;position:absolute;box-shadow:24px -10px 0 4px #fff,48px 0 0 -2px #fff;opacity:.9}.bz-cloud-1{width:56px;height:22px;top:30%;left:12%}.bz-cloud-2{width:44px;height:18px;top:44%;right:22%;scale:.8}.bz-hill{border-radius:50%;position:absolute}.bz-hill-1{background:#7cc96b;width:95%;height:38%;bottom:-12%;left:-22%}.bz-hill-2{background:#5fb85a;width:105%;height:44%;bottom:-24%;right:-34%}.bz-wm{font-family:var(--f-display);color:#1f4fd8;opacity:.1;line-height:1;position:absolute}.bz-wm-1{font-size:6rem;top:14%;right:8%;rotate:8deg}.bz-wm-2{font-size:5rem;bottom:20%;left:6%;rotate:-10deg;color:#00782d}.bz-wm-3{font-size:4.2rem;top:40%;left:44%;rotate:-6deg}.bz-wm-4{font-size:3.4rem;bottom:28%;right:10%;rotate:12deg;color:#00782d}.bz-spark{color:#f2c230;font-size:1.7rem;line-height:1;position:absolute}.bz-spark-1{top:34%;left:13%}.bz-spark-2{color:#1f4fd8;font-size:1.1rem;top:16%;right:34%}.bz-spark-3{font-size:1.2rem;top:52%;right:14%}.bz-logo{color:#00782d;letter-spacing:-.01em;z-index:1;background:#fff;border-radius:999px;padding:.12em .6em .22em;font-family:Nunito,"Archivo Variable",sans-serif;font-size:clamp(1.5rem,2.6vw,2.2rem);font-weight:900;line-height:1.1;position:absolute;top:7%;left:7%;box-shadow:0 4px #00782d40}.bz-langs{font-family:Nunito,"Archivo Variable",sans-serif;color:#fff;white-space:nowrap;background:#00782d;border-radius:999px;margin:0;padding:.45em 1em;font-size:.78rem;font-weight:900;position:absolute;bottom:4%;left:50%;translate:-50%;box-shadow:0 3px #00521f}.bz-out{pointer-events:none;z-index:2;position:absolute;inset:0}.bz-stage{z-index:3;justify-content:center;align-items:flex-end;padding-bottom:10%;display:flex;position:absolute;inset:0}.bz-mascot{width:auto;height:74%;filter:drop-shadow(0 14px 14px #0003)}.bz-ring{fill:none;stroke:#00a13d;stroke-width:2.5px;stroke-dasharray:2 8;stroke-linecap:round;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bz-ring-back{z-index:1;opacity:.6}.bz-ring-front{z-index:3}.bz-orb,.bz-glyph{--d:32s;--cx:50%;--cy:60%;--rx:58%;--ry:13%;--bz-a:calc(var(--i)/var(--n)*360deg);white-space:nowrap;position:absolute;left:calc(var(--cx) + cos(var(--bz-a))*var(--rx));top:calc(var(--cy) + sin(var(--bz-a))*var(--ry));translate:-50% -50%;scale:calc(.8 + .2*sin(var(--bz-a)));z-index:calc(3 + round(sin(var(--bz-a))));animation:bz-orbit var(--d) linear infinite}.bz-orb{--sc:#3aa6d0;font-family:var(--f-brush);background:var(--cream);color:var(--ink);border-radius:1.2em 1.2em 1.2em .3em;padding:.4em .85em .5em;font-size:clamp(.8rem,1.2vw,1.05rem);box-shadow:3px 3px 0 var(--sc)}.bz-c1{--sc:#e0559a}.bz-c2{--sc:#3fa45b}.bz-c3{--sc:#f2c230}.bz-c4{--sc:#9c6ade}.bz-c5{--sc:#e07434}.bz-glyph{--d:20s;--rx:34%;--ry:7%;--cy:50%;color:#fff;background:#00a13d;border:2px solid var(--ink);border-radius:50%;place-items:center;width:2.3em;height:2.3em;font-family:var(--f-display);font-size:clamp(.85rem,1.3vw,1.1rem);display:grid;box-shadow:2px 2px 0 var(--ink);animation-direction:reverse}@keyframes bz-orbit{to{--bz-a:calc(var(--i)/var(--n)*360deg + 360deg)}}.bz-tag{z-index:5;position:absolute}.bz-tag-1{font-family:var(--f-label);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:#f2c230;border:2px solid var(--ink);border-radius:8px;padding:.6em 1em;font-size:clamp(.6rem,.9vw,.75rem);font-weight:800;font-stretch:125%;top:-3%;left:-6%;rotate:-7deg;box-shadow:3px 4px 0 var(--ink)}.bz-tag-2{font-family:var(--f-brush);color:#1f4fd8;background:#fff;border:2px solid #1f4fd8;border-radius:1.2em 1.2em .3em 1.2em;padding:.5em .9em;font-size:clamp(.85rem,1.3vw,1.1rem);top:22%;right:-8%;rotate:5deg;box-shadow:3px 3px 0 #1f4fd8}@media (max-width:980px){.bz-wrap{justify-self:center;max-width:440px}}@media (max-width:600px){.bz-orb{--rx:39%}.bz-tag-1{left:-2%}.bz-tag-2{right:-2%}}.ok-art{--o1:var(--orange);--o2:var(--green);--o3:var(--purple);color:var(--cream);background-color:var(--ink);background-image:radial-gradient(#ecebe51f 1px,#0000 1.4px);background-size:18px 18px;flex-direction:column;justify-content:space-between;gap:1rem;padding:8% 8% 9%;display:flex;position:absolute;inset:0;overflow:hidden}.ok-wm{aspect-ratio:2;background:var(--purple);opacity:.16;width:115%;position:absolute;top:34%;right:-38%;rotate:-14deg;-webkit-mask:url(/oraktron/oraktron-logo.webp) center/contain no-repeat;mask:url(/oraktron/oraktron-logo.webp) center/contain no-repeat}.ok-top{flex-direction:column;align-items:flex-start;gap:1rem;display:flex;position:relative}.ok-badge{color:var(--ink);background:var(--cream);border:2px solid var(--ink);border-radius:12px;align-items:center;gap:.65rem;padding:.5em .9em .5em .7em;display:inline-flex;box-shadow:4px 5px 0 var(--purple)}.ok-badge .ok-logo{aspect-ratio:2;background:var(--ink);width:clamp(38px,4.4vw,52px);-webkit-mask:url(/oraktron/oraktron-logo.webp) center/contain no-repeat;mask:url(/oraktron/oraktron-logo.webp) center/contain no-repeat}.ok-badge .ok-logo{flex:none;display:block}.ok-badge b{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.06em;padding-top:.06em;font-size:clamp(1.1rem,1.8vw,1.45rem);font-weight:400;line-height:1;display:block}.ok-note{color:var(--purple);padding-left:.2rem;font-size:clamp(.95rem,1.4vw,1.15rem);line-height:1.1}.ok-surface{color:var(--ink);background:var(--cream);border:2px solid var(--ink);border-radius:14px;padding:.9em 1em 1em;position:relative;box-shadow:5px 6px 0 var(--purple)}.ok-surface small{font-family:var(--f-label);letter-spacing:.16em;text-transform:uppercase;color:#14141499;font-size:.58rem;font-weight:800;font-stretch:125%}.ok-surface p{font-family:var(--f-display);text-transform:uppercase;margin:.8rem 0 0;font-size:clamp(1.25rem,2.3vw,1.75rem);line-height:1.35}.ok-surface mark{color:inherit;white-space:nowrap;background:none;padding:0 .05em;position:relative;box-shadow:inset 0 -.32em 0 var(--mk)}.ok-m1{--mk:color-mix(in srgb,var(--o1) 55%,transparent)}.ok-m2{--mk:color-mix(in srgb,var(--o2) 55%,transparent)}.ok-m3{--mk:color-mix(in srgb,var(--o3) 60%,transparent)}.ok-surface sup{font-family:var(--f-label);color:var(--cream);background:var(--ink);border-radius:50%;place-items:center;width:1.5em;height:1.5em;font-size:.42em;font-weight:800;display:inline-grid;position:absolute;top:-.95em;left:-.6em}.ok-arrow{color:var(--purple);margin:0;padding-left:.4rem;font-size:clamp(1rem,1.5vw,1.2rem);position:relative}.ok-layers{gap:.55rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.ok-layers li{--c:var(--o1);background:#ecebe50a;border:2px solid #ecebe526;border-radius:12px;grid-template-columns:auto auto 1fr;align-items:center;gap:.35rem .6rem;padding:.55em .75em .65em;display:grid}.ok-layers .ok-l2{--c:var(--o2)}.ok-layers .ok-l3{--c:var(--o3)}.ok-layers .ok-l3{border-color:var(--o3);background:#9c6ade1f}.ok-n{color:var(--ink);background:var(--c);border-radius:50%;place-items:center;width:1.45rem;height:1.45rem;font-family:var(--f-display);font-size:.8rem;display:grid}.ok-l{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(.9rem,1.3vw,1.05rem)}.ok-v{font-family:var(--f-mono);color:#ecebe5cc;text-align:right;font-size:.78rem}.ok-bar{background:#ecebe514;border:1.5px solid #ecebe540;border-radius:99px;grid-column:1/-1;height:10px;position:relative;overflow:hidden}.ok-bar:after{content:"";width:calc(var(--v)*100%);background:var(--c);border-radius:inherit;position:absolute;inset:0}.m-plus{font-family:var(--f-label);font-stretch:100%;text-align:center;color:var(--ink);background:var(--mc);border:2px solid var(--ink);border-radius:12px;width:min(100%,52rem);margin:1rem auto 0;padding:.7em 1.1em;font-size:clamp(.95rem,1.3vw,1.1rem);font-weight:700;line-height:1.35;box-shadow:4px 5px 0 var(--ink)}a.method-tag{cursor:pointer;text-decoration:none;transition:translate .18s var(--ease),box-shadow .18s var(--ease)}a.method-tag:hover{translate:-2px -2px}a.tag-orange:hover{box-shadow:5px 5px 0 var(--ink)}a.tag-ink:hover{box-shadow:5px 5px 0 var(--orange)}.m-eq b{font-family:var(--f-display);color:var(--cream);background:var(--mc);border-radius:6px;margin-right:.45em;padding:.05em .4em;font-size:1.15em;font-weight:400;line-height:1.2;display:inline-block}.tag-red{background:var(--red);color:var(--cream)}.tag-green{background:var(--green);color:var(--ink)}.tag-purple{background:var(--purple);color:var(--ink)}a.tag-red:hover,a.tag-green:hover,a.tag-purple:hover{box-shadow:5px 5px 0 var(--ink)}.tag-orange,.tag-ink,.phone{transform:none}.portrait:hover .portrait-frame{transform:translateY(-6px)}.socials a:hover{transform:translateY(-3px)}.icon-btn:hover{transform:translate(-2px,-2px)}.menu-row{transform:translate(30%)}.menu.is-open .menu-row{transform:translate(0)}.menu-row.rev{transform:translate(-30%)}.menu.is-open .menu-row.rev{transform:translate(0)}@media (prefers-reduced-motion:reduce){.menu-row,.menu-row.rev{transform:none}}@keyframes menu-float{0%,to{transform:translate(0)}33%{transform:translate(14px,-18px)}66%{transform:translate(-10px,10px)}}.m-num,.m-hub,.m-stamp,.m-block,.m-flash,.bz-tag-2,.bz-wm,.ok-wm,.m-cloud li:nth-child(n),.m-loose li:nth-child(n){rotate:none}.m-loose li:nth-child(n){translate:none}.method-line{flex-direction:column;align-items:flex-start;gap:.5rem}.method-row{flex-wrap:wrap;gap:.5rem .7rem;display:flex}.m-chunks{grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,32px);margin-top:1.1rem;display:grid}.m-chunks .m-chunk{flex-direction:column;align-items:flex-start;gap:.75rem;margin-top:0}.m-chunks .m-arrow{line-height:1;padding-left:.4rem}.m-gen-cap{font-family:var(--f-label);letter-spacing:.2em;text-transform:uppercase;color:#ecebe599;margin:1.4rem 0 0;font-size:.62rem;font-weight:800;font-stretch:125%}.m-demo .m-gen{grid-template-columns:1fr 1fr;gap:.55rem 1rem;margin-top:.8rem}.m-demo .m-gen li{font-size:clamp(1rem,1.5vw,1.3rem)}.m-eq-out{text-align:center;margin:1.2rem 0 0;font-size:1.2rem}@media (max-width:900px){.m-chunks{grid-template-columns:1fr}}.m-talk{flex-direction:column;gap:.45rem;width:100%;margin-top:.4rem;display:flex}.m-talk p{border-radius:14px;max-width:88%;margin:0;padding:.55em .9em;font-family:var(--f-label);font-stretch:100%;font-size:.95rem;line-height:1.35}.m-talk-in{color:var(--cream);background:#ecebe514;border:1px solid #ecebe533;border-bottom-left-radius:4px;align-self:flex-start}.m-talk-out{color:var(--ink);background:var(--mc);border-bottom-right-radius:4px;align-self:flex-end;font-weight:600}.frame-blue{--fc:var(--blue)}.btn-blue{background:var(--blue);color:var(--ink)}.mm-art{color:var(--cream);background-color:#0e1a22;background-image:radial-gradient(#3aa6d03d 1px,#0000 1.4px),radial-gradient(circle at 50% 35%,#3aa6d040,#0000 60%);background-size:18px 18px,100% 100%;position:absolute;inset:0;overflow:hidden}.mm-lines{fill:none;stroke:#3aa6d0;stroke-width:2px;stroke-dasharray:2 7;stroke-linecap:round;width:100%;height:100%;position:absolute;inset:0}.mm-badge{font-family:var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:var(--blue);border:2px solid var(--ink);border-radius:999px;padding:.5em 1em;font-size:.62rem;font-weight:800;font-stretch:125%;position:absolute;top:7%;left:7%;box-shadow:3px 3px 0 var(--cream)}.mm-deck{width:62%;position:absolute;top:22%;left:19%}.mm-card{background:var(--cream);border:2px solid var(--ink);border-radius:16px;position:absolute;inset:0}.mm-back2{background:#9fd3e8;translate:16px 16px}.mm-back1{background:#cfe9f3;translate:8px 8px}.mm-front{color:var(--ink);text-align:center;flex-direction:column;align-items:center;gap:.2rem;padding:1.1em 1em 1.2em;display:flex;position:relative;box-shadow:0 10px 24px #0006}.mm-front small{font-family:var(--f-label);letter-spacing:.18em;text-transform:uppercase;color:#14141499;font-size:.56rem;font-weight:800;font-stretch:125%}.mm-front b{font-family:var(--f-display);text-transform:uppercase;background:var(--blue);border-radius:8px;padding:.05em .3em;font-size:clamp(1.9rem,3.6vw,2.8rem);font-weight:400;line-height:1.1}.mm-front span{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(1.1rem,2vw,1.5rem)}.mm-chip{font-family:var(--f-display);text-transform:uppercase;white-space:nowrap;color:var(--ink);background:var(--cream);border:2px solid var(--ink);border-radius:999px;padding:.35em .8em;font-size:clamp(.72rem,1.1vw,.92rem);position:absolute;translate:-50% -50%;box-shadow:3px 3px 0 var(--blue)}.m-flow{margin-top:1.2rem;display:grid}.m-flow-head,.m-flow-row{grid-template-columns:minmax(0,16rem) 4rem minmax(0,15.5rem) 4rem minmax(0,19rem);justify-content:center;align-items:center;column-gap:0;display:grid}.m-flow-head{padding-bottom:.7rem}.m-flow-head span{font-family:var(--f-label);letter-spacing:.18em;text-transform:uppercase;color:var(--mc);font-size:.6rem;font-weight:800;font-stretch:125%}.m-flow-head span:nth-child(1){grid-column:1}.m-flow-head span:nth-child(2){grid-column:3}.m-flow-head span:nth-child(3){grid-column:5}.m-flow-row{border-top:1px dashed #ecebe533;padding:1.2rem 0}.m-flow-row:last-child{padding-bottom:1rem}.m-flow .m-loose{flex-wrap:wrap}.m-flow .m-arrow{text-align:center;font-size:1.6rem}.m-flow .m-block{justify-self:stretch;box-shadow:3px 3px 0 var(--cream)}.m-flow .m-block b{font-size:clamp(1.05rem,1.7vw,1.45rem)}.m-flow .m-talk{margin-top:0}.m-flow .m-talk p{max-width:100%;font-size:.9rem}.m-talk-out mark{color:var(--ink);background:#14141426;border-radius:4px;padding:0 .2em;font-weight:800}@media (max-width:900px){.m-flow-head{display:none}.m-flow-row{grid-template-columns:1fr;row-gap:.9rem}.m-flow .m-arrow{display:none}}a.portrait-sticker{cursor:pointer;text-decoration:none;transition:box-shadow .18s var(--ease)}a.portrait-sticker:hover{box-shadow:6px 6px 0 var(--ink)}.st-c{background:var(--red);color:var(--cream);animation:4.3s ease-in-out infinite bob;top:44%;right:-9%;transform:rotate(4deg)}.st-d{background:var(--green);color:var(--ink);animation:5s ease-in-out infinite reverse bob;top:46%;left:-11%;transform:rotate(-5deg)}.st-e{background:var(--purple);color:var(--ink);animation:4.8s ease-in-out infinite bob;bottom:20%;left:-8%;transform:rotate(3deg)}@media (max-width:980px){.st-c{right:-4%}.st-d{left:-5%}}.bz-glyph{font-family:"Archivo Variable",Arial,sans-serif;font-stretch:100%;font-weight:700;border-radius:999px;width:auto;min-width:2.6em;padding:0 .55em;letter-spacing:.02em}.story-copy .brush-line{white-space:pre-line}.brush-lock{flex-direction:column;align-items:flex-start;width:max-content;display:flex}.bl-big{font-size:2.62em;line-height:.82}.bl-small{line-height:1}.site-header{padding-left:calc(var(--gutter) + env(safe-area-inset-left,0px));padding-right:calc(var(--gutter) + env(safe-area-inset-right,0px))}.story-copy h2 .brush-lock{font-size:clamp(1.9rem,3.9vw,3.3rem);margin-bottom:.45em}.hero-title .big-line{margin-left:-.03em}.m-flow .m-arrow{justify-self:center;line-height:1}.stories{overflow-x:clip}html{overflow-x:clip}@media (max-width:1200px) and (min-width:601px){.bz-orb{--rx:50%}}.trial,.cta,.methods,.site-footer{overflow-x:clip}.m-pink{--mc:var(--pink)}.m-tickets{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:1.1rem 0 0;padding:0;list-style:none;display:grid}.m-ticket{color:var(--ink);background:var(--cream);border:2px solid var(--ink);border-radius:14px;flex-direction:column;gap:.3rem;padding:14px 14px 16px;display:flex;position:relative;box-shadow:4px 4px 0 var(--mc)}.m-ticket small{font-family:var(--f-label);letter-spacing:.16em;text-transform:uppercase;color:#14141499;font-size:.56rem;font-weight:800;font-stretch:125%}.m-ticket b{font-family:var(--f-display);text-transform:uppercase;font-size:1.3rem;font-weight:400;line-height:1}.m-ticket-where{font-family:var(--f-label);font-stretch:100%;color:#141414b3;font-size:.85rem;line-height:1.35}.m-ticket .m-ticket-sep{border-top:2px dashed #14141433;margin-top:.5rem;padding-top:.6rem}.m-ticket-sim{font-family:var(--f-display);text-transform:uppercase;margin:0;font-size:1.05rem;line-height:1.1}.m-ticket-line{font-family:var(--f-label);font-stretch:100%;color:var(--ink);background:var(--mc);border-radius:10px 10px 10px 3px;margin:auto 0 0;padding:.55em .75em;font-size:.85rem;font-weight:700;line-height:1.3}.m-ticket-sim+.m-ticket-line{margin-top:.6rem}.m-ticket.is-generic{color:#ecebe599;background:#ecebe50d;border:2px dashed #ecebe540;justify-content:center;box-shadow:none}.m-ticket.is-generic small{color:#ecebe580}.m-ticket.is-generic .m-ticket-line{font-family:var(--f-mono);color:#ecebe580;background:none;margin:.5rem 0 0;padding:0;font-size:.95rem;font-weight:400;text-decoration:line-through;text-decoration-color:var(--mc);text-decoration-thickness:2px}.m-stamp-x{font-family:var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--mc);border:2px solid var(--mc);border-radius:6px;align-self:flex-start;margin-top:.8rem;padding:.25em .55em;font-size:.6rem;font-weight:800}@media (max-width:900px){.m-tickets{grid-template-columns:1fr 1fr}}@media (max-width:600px){.m-tickets{grid-template-columns:1fr}}.stats{padding:clamp(36px,5vw,64px) 0 clamp(8px,2vw,20px)}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 auto;padding-top:0;padding-bottom:0;list-style:none;display:grid}.stat{--sc:var(--orange);color:var(--ink);background:var(--cream);border:2px solid var(--ink);border-radius:18px;flex-direction:column;gap:.55rem;padding:22px 20px 24px;display:flex;box-shadow:5px 6px 0 var(--sc)}.stat-green{--sc:var(--green)}.stat-purple{--sc:var(--purple)}.stat-blue{--sc:var(--blue)}.stat b{font-family:var(--f-display);text-transform:uppercase;color:var(--ink);font-size:clamp(1.9rem,3.4vw,2.9rem);font-weight:400;line-height:1}.stat span{font-family:var(--f-label);font-stretch:100%;color:#141414c7;font-size:.95rem;line-height:1.4}@media (max-width:900px){.stats-grid{grid-template-columns:1fr 1fr}}.m-index{z-index:40;background:var(--ink);border:2px solid var(--ink);border-radius:999px;justify-content:center;gap:.35rem;width:max-content;max-width:calc(100% - 2*var(--gutter));margin:28px auto 0;padding:.35rem;display:flex;position:sticky;top:calc(36px + env(safe-area-inset-top,0px));box-shadow:4px 5px 0 var(--orange);overflow-x:auto;scrollbar-width:none}.m-index::-webkit-scrollbar{display:none}.m-index a{--mc:var(--green);font-family:var(--f-label);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--cream);border-radius:999px;padding:.6em 1.1em;font-size:.66rem;font-weight:800;font-stretch:125%;text-decoration:none;transition:background-color .25s,color .25s}.m-index .mi-lexical{--mc:var(--orange)}.m-index .mi-reg{--mc:var(--purple)}.m-index .mi-materiais{--mc:var(--pink)}.m-index a:hover{color:var(--mc)}.m-index a.is-active{background:var(--mc);color:var(--ink)}@media (max-width:760px){.m-index{justify-content:flex-start;top:calc(92px + env(safe-area-inset-top,0px))}}@media (min-width:901px){.m-flow-row{grid-template-rows:auto auto;row-gap:.5rem}.m-flow-row>*{grid-row:2}.m-flow .m-talk{display:contents}.m-flow .m-talk-in{grid-column:5;grid-row:1;justify-self:start;margin-left:1.4rem}.m-flow .m-talk-out{grid-column:5;grid-row:2;justify-self:start;border-bottom-right-radius:14px;border-top-left-radius:4px}.m-flow .m-arrow{font-size:0;line-height:0;background:var(--mc);border-radius:2px;justify-self:center;width:2.4rem;height:2px;position:relative}.m-flow .m-arrow:after{content:"";border-top:2px solid var(--mc);border-right:2px solid var(--mc);border-radius:1px;width:9px;height:9px;position:absolute;top:50%;right:1px;transform:translateY(-50%)rotate(45deg)}}
@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.stats-grid{gap:12px}.stat{padding:18px 14px 20px}.stat b{font-size:1.5rem}.stat span{font-size:.84rem}.m-index .mi-long{display:none}.m-index{gap:.2rem;max-width:calc(100% - 2*var(--gutter))}.m-index a{padding:.6em .9em}}
.m-index{opacity:0;pointer-events:none;transition:opacity .25s var(--ease),transform .25s var(--ease);max-width:calc(100% - 2*var(--gutter) - 320px);margin:0;position:fixed;top:calc(39px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%,-12px)}
.m-index.is-on{opacity:1;pointer-events:auto;transform:translate(-50%)}
@media (max-width:1000px){.m-index .mi-long{display:none}}
@media (max-width:760px){.m-index{max-width:calc(100% - 2*var(--gutter));top:calc(92px + env(safe-area-inset-top,0px))}}
.stats{margin-bottom:-1px;padding:clamp(48px,6vw,88px) 0 clamp(24px,4vw,48px)}
.stats-in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(28px,4.5vw,64px);display:grid}
.stats-head .eyebrow{margin:0}
.stats-title{font-family:var(--f-display);text-transform:uppercase;color:var(--cream);margin:.7rem 0 0;font-size:clamp(2.1rem,4.2vw,3.6rem);font-weight:400;line-height:1.02}
.stats-title .brush{font-family:var(--f-brush);text-transform:none;color:var(--orange);font-size:.86em;line-height:1}
.stats-lede{color:#ecebe5b3;max-width:27rem;margin:1.1rem 0 0;font-family:var(--f-label);font-size:1rem;font-stretch:100%;line-height:1.55}
.stats-in .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;padding:0}
.stat{gap:.45rem;padding:20px 22px 22px}
.stat small{font-family:var(--f-label);letter-spacing:.18em;text-transform:uppercase;color:#141414b3;align-items:center;gap:.5em;font-size:.6rem;font-weight:800;font-stretch:125%;display:flex}
.stat small:before{content:"";background:var(--sc);border:1.5px solid var(--ink);border-radius:50%;flex:none;width:.85em;height:.85em}
.stat b{margin-top:.15rem;font-size:clamp(1.7rem,2.7vw,2.4rem)}
.stat span{font-size:.92rem}
@media (max-width:900px){.stats-in{grid-template-columns:1fr}.stats-lede{max-width:34rem}}
@media (max-width:600px){.stats-in .stats-grid{gap:12px}.stat{padding:16px 14px 18px}.stat b{font-size:1.45rem}.stat span{font-size:.84rem}}
.stats{margin-top:-1px}
@media (max-width:900px){.m-index{opacity:1;pointer-events:auto;justify-content:center;max-width:100%;margin:26px auto 0;position:static;top:auto;left:auto;transform:none}.m-index.is-on{transform:none}}
@media (min-width:901px){.m-index{top:var(--mt,calc(39px + env(safe-area-inset-top,0px)))}}
.m-index{display:none!important}
@media (min-width:901px){.m-flow .m-talk-in,.m-flow .m-talk-out{align-self:center;margin-left:0}.m-flow .m-talk-in{align-self:end}.m-flow .m-arrow{background:var(--mc);border-radius:0;width:2.6rem;height:14px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 7h34M30.5 1.8 36 7l-5.5 5.2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 7h34M30.5 1.8 36 7l-5.5 5.2'/%3E%3C/svg%3E") center/contain no-repeat}.m-flow .m-arrow:after{display:none}}
.sec-sub{color:#ecebe5b3;max-width:40rem;margin:1.1rem auto 0;font-family:var(--f-label);font-size:clamp(.98rem,1.15vw,1.1rem);font-stretch:100%;line-height:1.6}
.story-thread{font-family:var(--f-label);letter-spacing:.16em;text-transform:uppercase;border:1.5px solid;border-radius:999px;align-items:center;gap:.6em;margin:0;padding:.5em 1em;font-size:.64rem;font-weight:800;font-stretch:125%;display:inline-flex}
.story-thread:before{content:"";background:currentColor;border-radius:50%;flex:none;width:.6em;height:.6em}
.m-map{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:min(1100px,100% - 2*var(--gutter));margin:30px auto 0;padding:0;list-style:none;display:grid;counter-reset:none}
.m-map li{--mc:var(--green);position:relative}
.m-map .mp-lexical{--mc:var(--orange)}.m-map .mp-reg{--mc:var(--purple)}.m-map .mp-materiais{--mc:var(--pink)}
.m-map a{color:var(--ink);background:var(--cream);border:2px solid var(--ink);border-radius:14px;flex-direction:column;gap:.25rem;height:100%;padding:14px 16px 16px;text-decoration:none;transition:transform .18s var(--ease),box-shadow .18s var(--ease);display:flex;box-shadow:4px 4px 0 var(--mc)}
.m-map a:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--mc)}
.m-map b{font-family:var(--f-display);color:var(--ink);background:var(--mc);border:2px solid var(--ink);border-radius:999px;place-items:center;width:2.1rem;height:2.1rem;margin-bottom:.35rem;font-size:.95rem;font-weight:400;display:grid}
.m-map span{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.05}
.m-map small{font-family:var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:#141414a6;font-size:.6rem;font-weight:800;font-stretch:125%}
.m-map li:not(:last-child):after{content:"";background:var(--ink);width:14px;height:2px;position:absolute;top:50%;right:-14px}
.cta-sub{color:#141414b3;max-width:36rem;margin:0;font-family:var(--f-label);font-size:clamp(1rem,1.2vw,1.12rem);font-stretch:100%;line-height:1.6}
@media (max-width:900px){.m-map{grid-template-columns:repeat(2,minmax(0,1fr))}.m-map li:after{display:none}}
.site-header{position:absolute}
.m-intro{max-width:66ch}
.m-num{aspect-ratio:auto;width:clamp(64px,7vw,92px);height:clamp(64px,7vw,92px);justify-content:center;align-items:center;padding-top:.06em;line-height:1;display:flex}
.m-step-n{justify-content:center;align-items:center;padding-top:.08em;line-height:1;display:inline-flex}
.m-map b{justify-content:center;align-items:center;padding-top:.08em;line-height:1;display:flex}
.journey .collage{z-index:0}.journey-head{z-index:3}
.journey{background:var(--ink)}
[data-off] *,[data-off] :before,[data-off] :after,.menu:not(.is-open) *{animation-play-state:paused!important}
.bz-glyph{font-family:"Helvetica Neue",Arial,sans-serif}
.collage{will-change:transform;width:160%;contain:layout paint}
.stamp-0{box-shadow:3px 4px #00000059}
.journey-track{backface-visibility:hidden}
.j-card{will-change:auto}
@media (max-width:900px){.collage{width:100%}.journey-track{scroll-snap-type:x proximity}}
.journey{min-height:0;padding:clamp(64px,8vw,104px) 0}
.journey-track{scroll-snap-type:none;gap:0;width:max-content;padding:10px 0 30px;animation:j-marq 80s linear infinite;display:flex;overflow:visible;will-change:transform}
.journey-track .j-card{flex:none;margin-right:22px}
.journey-track:hover,.journey-track:active{animation-play-state:paused}
@keyframes j-marq{to{transform:translate3d(-50%,0,0)}}
@media (prefers-reduced-motion:reduce){.journey-track{animation:none;width:100%;overflow-x:auto}}
.collage{will-change:auto}
.journey-track{animation-duration:120s}
.stories{position:relative}
.dd{z-index:0;pointer-events:none;width:clamp(26px,3vw,46px);height:auto;position:absolute}
.dd path,.dd circle{stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:900px){.dd{display:none}}
.site-footer{position:relative}
.m-demos,.m-demo-wide,.m-compare{margin-top:clamp(24px,3vw,36px)}
.m-steps,.m-demos,.m-compare{gap:16px}
.m-eq-out{margin:1.6rem 0 0}
.m-tickets{margin-top:1.4rem}
/* ===== mobile + tablet pass ===== */
@media (max-width:1100px){.hero .floaters .floater:nth-child(3),.hero .floaters .floater:nth-child(5),.hero .floaters .floater:nth-child(10){display:none}}
@media (max-width:900px){
.hero .floaters .floater:nth-child(4),.hero .floaters .floater:nth-child(6),.hero .floaters .floater:nth-child(7),.hero .floaters .floater:nth-child(9){display:none}
.journey .stamp-0{display:none}
}
@media (min-width:601px) and (max-width:900px){
.hero{min-height:0}
.hero-title{text-align:left}
.lede{max-width:62ch;font-size:1rem}
.hero-actions{flex-direction:row}
.m-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.m-demos,.m-compare{grid-template-columns:repeat(2,minmax(0,1fr))}
.m-langs{grid-template-columns:repeat(5,minmax(0,1fr))}
.m-langs b{font-size:1rem}
.m-flow .m-block{max-width:26rem}
.m-flow .m-talk{max-width:30rem}
.foot-grid{grid-template-columns:1.4fr 1fr 1fr}
.foot-brand{grid-column:auto}
}
@media (min-width:901px) and (max-width:1199px) and (orientation:portrait){.hero{min-height:0;padding-top:clamp(120px,12vh,150px);padding-bottom:clamp(90px,9vh,120px)}}
@media (min-width:901px) and (max-width:1199px){.lede{font-size:1rem}}
@media (max-width:600px){
.m-board{padding:22px 18px 24px}
.m-demo{padding:18px 16px}
.m-langs{grid-template-columns:repeat(6,minmax(0,1fr))}
.m-langs li{grid-column:span 2}
.m-langs li:nth-child(4){grid-column:2/span 2}
.bz-orb{--rx:44%}
.eyebrow.small,.btn-xs,.m-map small,.m-demo-cap,.m-block small,.m-gen-cap,.m-ticket small,.m-stamp-x,.m-ticket-sep,.cta-points li,.foot-title,.foot-bottom,.portrait-cap,.m-kicker,.m-langs small,.j-caption,.j-when,.mm-badge,.m-flow-head span,.story-copy .eyebrow{font-size:11px}
.foot-bottom p{font-size:11px;line-height:1.6}
.site-footer li a{padding:9px 0;display:inline-block}
.socials{gap:6px}
.socials a{box-sizing:content-box;padding:9px;margin:-9px 0 -9px -9px}
.mono-p{font-size:.9rem}
}
@media (max-width:360px){.m-map span{font-size:.92rem;overflow-wrap:anywhere}}
.journey-track{animation:none;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}
.journey-track:active{cursor:grabbing}
.journey-head{position:relative}
.j-nav{gap:10px;display:flex;position:absolute;bottom:.2rem;right:var(--gutter)}
.j-btn{color:var(--ink);background:var(--cream);border:2px solid var(--ink);border-radius:50%;place-items:center;width:46px;height:46px;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s;display:grid;box-shadow:3px 3px 0 var(--orange)}
.j-btn svg{width:22px;height:22px}
.j-btn:hover{background:var(--orange);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--cream)}
.j-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--orange)}
@media (max-width:600px){.j-nav{gap:8px}.j-btn{width:42px;height:42px}.j-btn svg{width:20px;height:20px}}
@media (prefers-reduced-motion:reduce){.journey-track{width:max-content;overflow:visible}}
@media (max-width:1199px),(hover:none){.site-footer li a{padding:9px 0;display:inline-block}.socials{gap:6px}.socials a{box-sizing:content-box;padding:9px;margin:-9px 0 -9px -9px}}
@media (max-width:1199px),(hover:none){.btn-xs{align-items:center;min-height:44px;display:inline-flex}}
@media (min-width:981px){.story-copy{justify-self:center}}
@media (max-width:980px){.story-copy{text-align:center;align-items:center}.story-copy .brush-lock{align-items:center;margin-left:auto;margin-right:auto}.story-copy .mono-p{margin-left:auto;margin-right:auto}.story-copy .btn{align-self:center}}
@media (max-width:980px){#oraktron .story-frame{aspect-ratio:auto}#oraktron .ok-art{justify-content:flex-start;gap:1rem;position:relative;inset:auto}}
@media (max-width:600px){#oraktron .ok-art{gap:.85rem;padding:22px 18px 24px}.ok-surface p{font-size:1.2rem}.ok-v{font-size:.74rem}}
@media (max-width:600px){.m-map span{font-size:.9rem}}@media (max-width:360px){.m-map span{font-size:.74rem}}
@media (min-width:981px){.hero-copy{justify-self:center}}
@media (max-width:980px){.hero-copy{text-align:center;align-items:center}.hero-title{text-align:center}.hero-title .big-line{margin-left:0}.lede{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center;align-self:stretch}}
@media (min-width:981px){.story:nth-child(even of .story)>.story-copy{order:2}.story:nth-child(even of .story)>:not(.story-copy){order:1;justify-self:start}}
@media (min-width:981px){.story:nth-of-type(even)>.story-copy{order:2}.story:nth-of-type(even)>:not(.story-copy){order:1;justify-self:start}}
@media (max-width:980px){.story>.story-copy{order:1}.story>:not(.story-copy){order:2}}
/* ===== lexical: didactic blocks ===== */
.lx-formula{flex-wrap:wrap;align-items:center;gap:.5rem;margin:1rem 0 0;display:flex}
.lx-formula b{font-family:var(--f-display);text-transform:uppercase;color:var(--ink);background:var(--cream);border-radius:8px;padding:.35em .75em;font-size:1rem;font-weight:400;line-height:1}
.lx-formula b.is-slot{color:var(--mc);background:0 0;border:2px dashed var(--mc)}
.lx-formula b.is-out{background:var(--mc)}
.lx-formula i{font-family:var(--f-display);color:#ecebe599;font-size:1.25rem;font-style:normal}
.lx-note{color:#ecebe5b3;max-width:60ch;margin:.9rem 0 0;font-family:var(--f-label);font-size:.95rem;font-stretch:100%;line-height:1.55}
.lx-patterns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}
.lx-patterns li{background:#ecebe50d;border:1px solid #ecebe526;border-radius:14px;gap:.4rem;padding:14px 16px 16px;display:grid}
.lx-pat{flex-wrap:wrap;align-items:center;gap:.45rem;margin:0;display:flex}
.lx-fix{font-family:var(--f-display);text-transform:uppercase;color:var(--ink);background:var(--mc);border-radius:6px;padding:.12em .45em;font-size:1.15rem}
.lx-slot{font-family:var(--f-label);color:var(--mc);border:1.5px dashed var(--mc);border-radius:6px;padding:.2em .55em;font-size:.8rem;font-weight:700}
.lx-patterns small{font-family:var(--f-brush);color:var(--mc);font-size:1rem}
.lx-ex{color:var(--cream);margin:.25rem 0 0;font-family:var(--f-label);font-size:.98rem;font-stretch:100%;font-weight:600}
.lx-ex-pt{color:#ecebe599;margin:0;font-family:var(--f-mono);font-size:.8rem}
.lx-cmp-head,.lx-cmp-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:14px;display:grid}
.lx-cmp-head{border-bottom:1px dashed #ecebe533;margin-top:1.1rem;padding-bottom:.7rem}
.lx-cmp-head span{font-family:var(--f-label);letter-spacing:.16em;text-transform:uppercase;color:#ecebe599;font-size:.62rem;font-weight:800;font-stretch:125%}
.lx-cmp-head .is-bad{color:#f08b8f}.lx-cmp-head .is-good{color:var(--mc)}
.lx-cmp-row{border-bottom:1px dashed #ecebe51f;padding:.8rem 0}
.lx-cmp-row:last-child{border-bottom:0;padding-bottom:.2rem}
.lx-pt{color:var(--cream);margin:0;font-family:var(--f-label);font-size:.98rem;font-stretch:100%}
.lx-bad,.lx-good{align-items:baseline;gap:.55rem;margin:0;display:flex}
.lx-bad{color:#ecebe580;font-family:var(--f-mono);font-size:.9rem}
.lx-bad span{text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:2px}
.lx-bad i{color:var(--red);font-style:normal;font-weight:800}
.lx-good{color:var(--ink);background:var(--mc);border-radius:10px;padding:.5em .75em;font-family:var(--f-label);font-size:.95rem;font-stretch:100%;font-weight:700}
.lx-good i{font-style:normal}
.lx-tip{background:var(--cream);border:2px solid var(--ink);border-radius:16px;max-width:48rem;margin:clamp(24px,3vw,36px) auto 0;padding:24px 26px 22px;position:relative;box-shadow:5px 6px 0 var(--mc)}
.lx-tip:before{content:"";background:#f2c2308c;width:84px;height:20px;position:absolute;top:-11px;left:30px}
.lx-tip-tag{font-family:var(--f-label);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);background:var(--mc);border-radius:999px;padding:.45em .85em;font-size:.64rem;font-weight:800;font-stretch:125%;display:inline-block}
.lx-tip p{color:var(--ink);margin:.75rem 0 0;font-family:var(--f-label);font-size:1.05rem;font-stretch:100%;line-height:1.55}
@media (max-width:760px){.lx-patterns{grid-template-columns:1fr}.lx-cmp-head{display:none}.lx-cmp-row{grid-template-columns:1fr;gap:7px}.lx-pt{font-weight:700}}
/* ===== ultrapersonalizacao: scene bank ===== */
.sc-intro{color:#ecebe5b3;max-width:56ch;margin:.7rem 0 0;font-family:var(--f-label);font-size:.95rem;font-stretch:100%;line-height:1.55}
.sc-tabs{flex-wrap:wrap;gap:8px;margin:1.1rem 0 0;display:flex}
.sc-tab{font-family:var(--f-label);letter-spacing:.12em;text-transform:uppercase;color:var(--cream);cursor:pointer;background:0 0;border:1.5px solid #ecebe540;border-radius:999px;min-height:40px;padding:.7em 1.15em;font-size:.66rem;font-weight:800;font-stretch:125%;transition:background .18s,color .18s,border-color .18s}
.sc-tab:hover{border-color:var(--mc)}
.sc-tab.is-on{color:var(--ink);background:var(--mc);border-color:var(--mc)}
.sc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:1.1rem 0 0;padding:0;list-style:none;display:grid}
.sc-grid li{display:flex}
.sc-card{--cc:var(--orange);text-align:left;color:var(--ink);background:var(--cream);cursor:pointer;border:2px solid var(--ink);border-radius:14px;flex-direction:column;gap:.45rem;width:100%;padding:14px 14px 16px;font:inherit;transition:transform .18s var(--ease),box-shadow .18s var(--ease);display:flex;box-shadow:4px 5px 0 var(--cc)}
.sc-card:hover{transform:translate(-2px,-2px);box-shadow:6px 7px 0 var(--cc)}
.sc-card:focus-visible,.sc-tab:focus-visible,.sc-close:focus-visible{outline:3px solid var(--mc,var(--orange));outline-offset:3px}
.sc-dia{--cc:var(--orange)}.sc-viagem{--cc:var(--blue)}.sc-trabalho{--cc:var(--purple)}.sc-social{--cc:var(--green)}
.sc-card small,.sc-cat{font-family:var(--f-label);letter-spacing:.16em;text-transform:uppercase;color:#141414b3;align-items:center;gap:.5em;font-size:.6rem;font-weight:800;font-stretch:125%;display:flex}
.sc-card small:before,.sc-cat:before{content:"";background:var(--cc);border:1.5px solid var(--ink);border-radius:50%;flex:none;width:.9em;height:.9em}
.sc-card b{font-family:var(--f-display);text-transform:uppercase;font-size:1.12rem;font-weight:400;line-height:1.08}
.sc-card span{color:#141414b3;font-family:var(--f-label);font-size:.85rem;font-stretch:100%;line-height:1.4}
.sc-card em{font-family:var(--f-label);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-top:auto;padding-top:.45rem;font-size:.62rem;font-style:normal;font-weight:800;font-stretch:125%}
@media (max-width:980px){.sc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.sc-grid{grid-template-columns:1fr}}
.sc-modal{z-index:120;padding:clamp(12px,3vw,32px);background:#141414cc;justify-content:center;align-items:center;animation:.2s sc-in;display:flex;position:fixed;inset:0}
.sc-panel{color:var(--ink);background:var(--cream);overscroll-behavior:contain;border:2px solid var(--ink);border-radius:22px;width:min(760px,100%);max-height:min(88vh,100%);padding:clamp(22px,3.4vw,40px);position:relative;overflow:auto;box-shadow:8px 9px 0 var(--cc)}
.sc-close{color:var(--ink);background:var(--cream);cursor:pointer;border:2px solid var(--ink);border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.6rem;line-height:1;display:grid;position:absolute;top:14px;right:14px;box-shadow:3px 3px 0 var(--ink)}
.sc-title{font-family:var(--f-display);text-transform:uppercase;margin:.6rem 3.2rem 0 0;font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:400;line-height:1.02}
.sc-ctx{font-family:var(--f-brush);color:var(--cc);margin:.45rem 0 0;font-size:1.08rem}
.sc-h{font-family:var(--f-label);letter-spacing:.2em;text-transform:uppercase;color:#14141499;margin:1.7rem 0 .75rem;font-size:.66rem;font-weight:800;font-stretch:125%}
.sc-dialog{gap:10px;margin:0;padding:0;list-style:none;display:grid}
.sc-dialog li{border-radius:16px;gap:.2rem;max-width:84%;padding:.7em .95em .75em;display:grid}
.sc-dialog .is-them{color:var(--cream);background:var(--ink);border-bottom-left-radius:4px;justify-self:start}
.sc-dialog .is-you{color:var(--ink);background:var(--cc);border-bottom-right-radius:4px;justify-self:end}
.sc-dialog small{font-family:var(--f-label);letter-spacing:.16em;text-transform:uppercase;opacity:.7;font-size:.58rem;font-weight:800;font-stretch:125%}
.sc-dialog p{margin:0;font-family:var(--f-label);font-size:1rem;font-stretch:100%;font-weight:700;line-height:1.35}
.sc-dialog span{opacity:.78;font-family:var(--f-mono);font-size:.8rem;line-height:1.45}
.sc-pats{gap:8px;margin:0;padding:0;list-style:none;display:grid}
.sc-pats li{background:#fff;border:2px solid var(--ink);border-radius:12px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:14px;padding:.75em .95em;display:grid;box-shadow:3px 3px 0 var(--cc)}
.sc-pats b{font-family:var(--f-display);text-transform:uppercase;font-size:1.05rem;font-weight:400;line-height:1.15}
.sc-pats span{color:#141414b3;font-family:var(--f-label);font-size:.88rem;font-stretch:100%;line-height:1.4}
.sc-keys{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}
.sc-keys li{border:1.5px dashed #14141466;border-radius:12px;gap:.15rem;padding:.65em .85em;display:grid}
.sc-keys b{font-family:var(--f-label);font-size:.95rem;font-stretch:100%;font-weight:800}
.sc-keys span{color:#141414a6;font-family:var(--f-mono);font-size:.8rem}
@keyframes sc-in{0%{opacity:0}to{opacity:1}}
@media (max-width:600px){.sc-modal{padding:10px}.sc-panel{max-height:92vh;padding:22px 18px 24px;border-radius:18px}.sc-pats li{grid-template-columns:1fr;gap:4px}.sc-keys{grid-template-columns:1fr}.sc-dialog li{max-width:92%}}
@media (prefers-reduced-motion:reduce){.sc-modal{animation:none}}
@media (max-width:600px){.sc-panel{box-shadow:4px 5px 0 var(--cc)}}
/* ===== methods v2: TLA ===== */
.tla-quote{border:0;margin:clamp(22px,2.6vw,32px) 0 0;padding:0}
.tla-quote p{font-family:var(--f-display);text-transform:uppercase;max-width:30ch;margin:0;font-size:clamp(1.35rem,2.6vw,2.05rem);line-height:1.12}
.tla-axioms{border-top:2px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(24px,3vw,36px) 0 0;padding:0;list-style:none;display:grid}
.tla-axioms li{border-right:2px dashed #14141433;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:20px 20px 6px;display:grid}
.tla-axioms li:first-child{padding-left:0}.tla-axioms li:last-child{border-right:0;padding-right:0}
.tla-ax-n{font-family:var(--f-display);color:#0000;-webkit-text-stroke:1.6px var(--ink);font-size:2.8rem;line-height:.9}
.tla-axioms h4{font-family:var(--f-display);text-transform:uppercase;margin:0 0 .4rem;font-size:1.2rem;font-weight:400;line-height:1.1}
.tla-axioms p{color:#141414c7;margin:0;font-family:var(--f-label);font-size:.92rem;font-stretch:100%;line-height:1.55}
.tla-mach{color:var(--cream);background-color:var(--ink);background-image:radial-gradient(#ecebe51a 1px,#0000 1.4px);background-size:18px 18px;border-radius:22px;margin:clamp(24px,3vw,36px) 0 0;padding:clamp(20px,2.6vw,32px);position:relative;overflow:hidden}
.tla-cap{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem 1rem;display:flex}
.tla-cap span{font-family:var(--f-label);letter-spacing:.2em;text-transform:uppercase;color:#ecebe599;font-size:.66rem;font-weight:800;font-stretch:125%}
.tla-cap small{font-family:var(--f-brush);color:var(--mc);font-size:1rem}
.tla-intents,.lx-b-tabs,.reg-seeds{flex-wrap:wrap;gap:8px;display:flex}
.tla-intents{margin-top:1.1rem}
.tla-int,.lx-b-tab,.reg-seedtab{font-family:var(--f-label);letter-spacing:.12em;text-transform:uppercase;color:var(--cream);cursor:pointer;background:0 0;border:1.5px solid #ecebe540;border-radius:999px;min-height:40px;padding:.7em 1.15em;font-size:.66rem;font-weight:800;font-stretch:125%;transition:background .18s,color .18s,border-color .18s}
.tla-int:hover,.lx-b-tab:hover,.reg-seedtab:hover{border-color:var(--mc)}
.tla-int.is-on,.lx-b-tab.is-on,.reg-seedtab.is-on{color:var(--ink);background:var(--mc);border-color:var(--mc)}
.tla-stage{grid-template-columns:minmax(0,14rem) minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,40px);margin-top:1.4rem;display:grid}
.tla-hub{aspect-ratio:1;color:var(--ink);background:var(--mc);text-align:center;border:2px solid var(--cream);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:1.2rem;animation:.5s tla-pulse var(--ease);display:flex;box-shadow:0 0 0 10px #3fa45b2e,0 0 0 22px #3fa45b14}
.tla-hub small{font-family:var(--f-label);letter-spacing:.18em;text-transform:uppercase;font-size:.58rem;font-weight:800;font-stretch:125%}
.tla-hub b{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:400;line-height:1}
.tla-hub span{font-family:var(--f-brush);font-size:.9rem;line-height:1.15}
.tla-langs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}
.tla-langs li{background:#ecebe50d;border:1px solid #ecebe52e;border-radius:14px;gap:.35rem;padding:12px 14px 14px;animation:.5s var(--ease) var(--d) both tla-in;display:grid}
.tla-langs small{font-family:var(--f-label);letter-spacing:.18em;color:var(--mc);font-size:.62rem;font-weight:800;font-stretch:125%}
.tla-langs p{color:var(--cream);margin:0;font-family:var(--f-label);font-size:1.02rem;font-stretch:100%;font-weight:700;line-height:1.35}
.tla-langs mark{color:var(--ink);background:var(--mc);border-radius:5px;padding:0 .25em}
.tla-note{font-family:var(--f-brush);color:var(--mc);margin:1.2rem 0 0;font-size:1.05rem}
@keyframes tla-in{0%{opacity:0;transform:perspective(500px)translateY(12px)rotateX(-50deg)}to{opacity:1;transform:none}}
@keyframes tla-pulse{0%{transform:scale(.86)}60%{transform:scale(1.04)}to{transform:none}}
@media (max-width:760px){.tla-axioms{border-top:0;grid-template-columns:1fr}.tla-axioms li{border-top:2px solid var(--ink);border-right:0;padding:16px 0 10px}.tla-stage{grid-template-columns:1fr;justify-items:center}.tla-hub{width:min(12rem,70%)}.tla-langs{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}}
/* ===== methods v2: Lexical puzzle ===== */
.lx-puzzle{grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(24px,3vw,36px) 0 0;padding:0 0 8px;list-style:none;display:grid}
.lx-pc{aspect-ratio:300/200;transition:transform .8s var(--ease);position:relative}
.lx-pc svg{position:absolute;top:0;left:0;overflow:visible}
.lx-pc-h{width:115%;height:100%}
.lx-pc-v{display:none}
.lx-pc path{fill:var(--cream);stroke:var(--ink);stroke-width:2.5px;vector-effect:non-scaling-stroke}
.lx-pc svg{filter:drop-shadow(4px 5px 0 var(--mc))}
.lx-pc-2 path{fill:#fff}
.lx-pc-in{flex-direction:column;justify-content:center;gap:.35rem;padding:6% 9% 6% 8%;display:flex;position:absolute;inset:0}
.lx-pc-2 .lx-pc-in,.lx-pc-3 .lx-pc-in{padding-left:18%}
.lx-pc-n{color:var(--cream);background:var(--ink);border-radius:50%;place-items:center;width:28px;height:28px;font-family:var(--f-display);font-size:.95rem;line-height:1;display:grid}
.lx-pc h4{font-family:var(--f-display);text-transform:uppercase;margin:.2rem 0 0;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:400;line-height:1.1}
.lx-pc p{color:#141414c7;margin:0;font-family:var(--f-label);font-size:clamp(.8rem,1.05vw,.9rem);font-stretch:100%;line-height:1.45}
.lx-puzzle.is-armed .lx-pc-1{transform:translate(-34px,-10px)rotate(-4deg)}
.lx-puzzle.is-armed .lx-pc-2{transform:translateY(26px)rotate(3deg)}
.lx-puzzle.is-armed .lx-pc-3{transform:translate(34px,-14px)rotate(4deg)}
.lx-puzzle.is-armed.is-in .lx-pc{transform:none}
.lx-puzzle.is-in .lx-pc-2{transition-delay:.08s}.lx-puzzle.is-in .lx-pc-3{transition-delay:.16s}
@media (max-width:760px){.lx-puzzle{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}.lx-pc{aspect-ratio:300/190}.lx-pc-h{display:none}.lx-pc-v{width:100%;height:122.6%;display:block}.lx-pc-in,.lx-pc-2 .lx-pc-in,.lx-pc-3 .lx-pc-in{padding:7% 8% 6%}.lx-pc-2 .lx-pc-in,.lx-pc-3 .lx-pc-in{padding-top:20%}.lx-puzzle.is-armed .lx-pc-1{transform:translate(-18px,-12px)rotate(-3deg)}.lx-puzzle.is-armed .lx-pc-2{transform:translate(18px)rotate(3deg)}.lx-puzzle.is-armed .lx-pc-3{transform:translate(-18px,12px)rotate(-3deg)}}
/* ===== methods v2: Lexical builder ===== */
.lx-b-tabs{margin-top:1.1rem}
.lx-b-row{justify-content:center;align-items:stretch;margin:1.6rem 0 0;display:flex}
.lx-b-fix,.lx-b-slot{font-family:var(--f-display);text-transform:uppercase;color:var(--ink);padding:.45em .85em .4em;font-size:clamp(1.25rem,2.6vw,2rem);line-height:1.05;position:relative}
.lx-b-fix{z-index:2;background:var(--mc);border-radius:12px 0 0 12px;box-shadow:4px 4px #000}
.lx-b-fix:after{content:"";background:var(--mc);border-radius:50%;width:26px;height:26px;margin-top:-13px;position:absolute;top:50%;right:-13px}
.lx-b-slot{z-index:1;background:var(--cream);border-radius:0 12px 12px 0;padding-left:1.15em;animation:.4s lx-pop var(--ease);box-shadow:4px 4px #000}
.lx-b-slot:before{content:"";background:var(--ink);border-radius:50%;width:30px;height:30px;margin-top:-15px;position:absolute;top:50%;left:-15px}
.lx-b-pt{text-align:center;color:#ecebe5b3;margin:1rem 0 0;font-family:var(--f-mono);font-size:.9rem}
.lx-b-pt b{color:var(--mc);font-weight:600}
.lx-b-opts{flex-wrap:wrap;justify-content:center;gap:10px;margin:1.3rem 0 0;display:flex}
.lx-b-opt{color:var(--cream);cursor:pointer;background:0 0;border:2px dashed #ecebe566;border-radius:10px;min-height:44px;padding:.65em 1em;font-family:var(--f-label);font-size:.92rem;font-stretch:100%;font-weight:700;transition:border-color .18s,color .18s,background .18s}
.lx-b-opt:hover{border-color:var(--mc);color:var(--mc)}
.lx-b-opt.is-on{color:var(--ink);background:var(--cream);border-style:solid;border-color:var(--cream)}
@keyframes lx-pop{0%{opacity:.15;transform:translate(22px)}to{opacity:1;transform:none}}
@media (max-width:600px){.lx-b-row{flex-direction:column;align-items:stretch;max-width:320px;margin-left:auto;margin-right:auto}.lx-b-fix,.lx-b-slot{text-align:center}.lx-b-fix{border-radius:12px 12px 0 0}.lx-b-fix:after{margin:0 0 0 -13px;top:auto;bottom:-13px;left:50%;right:auto}.lx-b-slot{border-radius:0 0 12px 12px;padding:.75em .85em .45em}.lx-b-slot:before{margin:0 0 0 -15px;top:-15px;left:50%}}
@media (max-width:600px){@keyframes lx-pop{0%{opacity:.15;transform:translateY(16px)}to{opacity:1;transform:none}}}
/* ===== methods v2: flip cards ===== */
.lx-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}
.lx-cards li{perspective:900px}
.lx-card{transform-style:preserve-3d;cursor:pointer;background:0 0;border:0;width:100%;height:172px;padding:0;font:inherit;transition:transform .6s var(--ease);display:block;position:relative}
.lx-card.is-flip{transform:rotateY(180deg)}
.lx-face{text-align:left;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:14px;flex-direction:column;justify-content:space-between;gap:.4rem;padding:14px 14px 12px;display:flex;position:absolute;inset:0}
.lx-front{color:var(--cream);background:#ecebe50f;border:1.5px dashed #ecebe559}
.lx-card:hover .lx-front{border-color:var(--mc)}
.lx-back{color:var(--ink);background:var(--mc);border:2px solid var(--cream);transform:rotateY(180deg)}
.lx-face small{font-family:var(--f-label);font-size:.86rem;font-stretch:100%;font-weight:700}
.lx-face s{color:#ecebe5a6;font-family:var(--f-mono);font-size:1rem;text-decoration-color:var(--red);text-decoration-thickness:2px}
.lx-face b{font-family:var(--f-display);text-transform:uppercase;font-size:1.5rem;font-weight:400;line-height:1.05}
.lx-face em{font-family:var(--f-label);letter-spacing:.14em;text-transform:uppercase;font-size:.6rem;font-style:normal;font-weight:800;font-stretch:125%}
.lx-front em{color:#f08b8f}
@media (max-width:980px){.lx-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:360px){.lx-cards{grid-template-columns:1fr}}
/* ===== methods v2: REG engine ===== */
.reg-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:1.1rem;display:flex}
.reg-mode{border:1.5px solid #ecebe540;border-radius:999px;padding:3px;display:inline-flex}
.reg-mode button{font-family:var(--f-label);letter-spacing:.12em;text-transform:uppercase;color:#ecebe5b3;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:36px;padding:.6em 1em;font-size:.6rem;font-weight:800;font-stretch:125%}
.reg-mode button.is-on{color:var(--ink);background:var(--cream)}
.reg-days{justify-content:space-between;margin:1.5rem 0 0;padding:0;list-style:none;display:flex;position:relative}
.reg-days:before,.reg-days:after{content:"";height:2px;position:absolute;top:50%;left:24px}
.reg-days:before{background:#ecebe533;right:24px}
.reg-days:after{background:var(--mc);width:calc((100% - 48px)*var(--p,0));transition:width .5s var(--ease)}
.reg-day{z-index:1;font-family:var(--f-label);letter-spacing:.1em;text-transform:uppercase;color:#ecebe5b3;background:var(--ink);cursor:pointer;border:1.5px solid #ecebe540;border-radius:999px;min-width:64px;height:40px;padding:0 .8em;font-size:.62rem;font-weight:800;font-stretch:125%;transition:background .25s,color .25s,border-color .25s;position:relative}
.reg-day.is-past{border-color:var(--mc);color:var(--cream)}
.reg-day.is-on{color:var(--ink);background:var(--mc)}
.reg-daynote{font-family:var(--f-brush);text-align:center;color:var(--mc);min-height:1.4em;margin:1rem 0 0;font-size:1.12rem}
.reg-body{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);align-items:start;gap:clamp(16px,2.6vw,32px);margin-top:1.2rem;display:grid}
.reg-seed{color:var(--ink);background:var(--cream);border:2px solid var(--ink);border-radius:16px;gap:.45rem;padding:18px;display:grid;box-shadow:5px 6px 0 var(--mc)}
.reg-seed small{font-family:var(--f-label);letter-spacing:.16em;text-transform:uppercase;color:#14141499;font-size:.6rem;font-weight:800;font-stretch:125%}
.reg-seed .reg-pat-l{margin-top:.5rem}
.reg-seed p{font-family:var(--f-display);text-transform:uppercase;margin:0;font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.05}
.reg-seed p mark{color:var(--ink);background:var(--mc);border-radius:5px;padding:0 .2em}
.reg-seed span{color:#141414a6;font-family:var(--f-mono);font-size:.82rem}
.reg-pat{font-family:var(--f-display);text-transform:uppercase;color:var(--cream);background:var(--ink);border-radius:8px;justify-self:start;padding:.35em .6em;font-size:1.05rem;font-weight:400}
.reg-gen>small{font-family:var(--f-label);letter-spacing:.16em;text-transform:uppercase;color:#ecebe599;font-size:.6rem;font-weight:800;font-stretch:125%}
.reg-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:7.5rem;margin:.7rem 0 0;padding:0;list-style:none;display:grid}
.reg-list li{font-family:var(--f-display);text-transform:uppercase;color:var(--cream);background:#ecebe50d;border:1px solid #ecebe52e;border-radius:10px;padding:.55em .7em;font-size:1.02rem;line-height:1.15;animation:.45s var(--ease) var(--d) both reg-grow}
.reg-list mark{color:var(--mc);background:0 0;padding:0}
.reg-count{color:#ecebe5b3;margin:1rem 0 0;font-family:var(--f-label);font-size:.92rem;font-stretch:100%}
.reg-count b{font-family:var(--f-display);color:var(--mc);vertical-align:-.15em;margin-right:.35rem;font-size:2.1rem;font-weight:400}
@keyframes reg-grow{0%{opacity:0;transform:scale(.85)translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:760px){.reg-body{grid-template-columns:1fr}.reg-days{gap:4px}.reg-day{flex:1;min-width:0;padding:0 .3em}.reg-top{justify-content:center}}
@media (max-width:420px){.reg-list{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.tla-langs li,.tla-hub,.reg-list li,.lx-b-slot{animation:none}.lx-card,.lx-pc{transition:none}}

/* ===== methods v3: ported chapter system (preview) ===== */
.meto{--pink:#e0559a;--paper:#f4f3ee;--muted:#5b5b55;background:var(--cream);color:var(--ink);padding:clamp(80px,10vw,140px) 0;position:relative;overflow:hidden}.meto-head{text-align:center;padding:0 var(--gutter,24px);max-width:860px;margin:0 auto}.meto .eyebrow{font-family:var(--f-label);letter-spacing:.32em;text-transform:uppercase;color:var(--orange);font-size:.82rem;font-weight:800;font-stretch:125%}.meto-title{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.02em;margin:.5rem 0 1.2rem;font-size:clamp(2.4rem,5.4vw,4.6rem);font-weight:400;line-height:1}.meto-intro{font-family:var(--f-mono);color:#4a4a45;max-width:62ch;margin:0 auto;font-size:.9rem;line-height:1.8}.puzzle{padding:0 var(--gutter,24px);flex-direction:column;align-items:center;margin:clamp(40px,6vw,80px) auto clamp(60px,8vw,120px);display:flex}.puzzle-svg{width:min(460px,86vw);height:auto;overflow:visible}.piece.is-link{cursor:pointer}.piece-body{fill:var(--paper);stroke:var(--ink);stroke-width:3px;stroke-linejoin:round;transition:fill .2s}.piece-shadow{stroke:var(--ink);stroke-width:3px}.piece.is-link:hover .piece-body,.piece.is-link:focus-visible .piece-body{fill:#fff}.piece-n{font-family:var(--f-display);fill:var(--ink);font-size:18px}.piece-name{font-family:var(--f-display);letter-spacing:.5px;text-transform:uppercase;fill:var(--ink);font-size:21px}.piece-name.long{letter-spacing:0;font-size:16px}.piece-sub{font-family:var(--f-label);letter-spacing:2px;fill:#6b6b64;font-size:9px;font-weight:800;font-stretch:125%}.puzzle-caption{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.5em;margin-top:1.6rem;display:flex}.puzzle-caption .brush{font-family:var(--f-brush);color:var(--orange);font-size:clamp(1.8rem,3.6vw,2.8rem)}.puzzle-caption b{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(1.8rem,3.6vw,2.8rem);font-weight:400}.meto-chapters{flex-direction:column;gap:clamp(90px,12vw,170px);display:flex}.ch{width:100%;max-width:1200px;padding:0 var(--gutter,24px);margin:0 auto;position:relative}.ch-ghost{z-index:0;font-family:var(--f-display);color:#0000;-webkit-text-stroke:2px #14141414;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(9rem,22vw,20rem);line-height:1;position:absolute;top:-.35em}.ch>:not(.ch-ghost){z-index:1;position:relative}.ch-head h3{margin:.8rem 0 1.1rem;font-weight:400}.ch-tag{font-family:var(--f-label);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:.7em;margin:0;font-size:.68rem;font-weight:800;font-stretch:125%;display:inline-flex}.ch-num{background:var(--c);border:2px solid var(--ink);width:2.6em;height:2.6em;font-family:var(--f-display);letter-spacing:0;border-radius:50%;place-items:center;font-size:1rem;font-weight:400;display:inline-grid}.ch-brush{font-family:var(--f-brush);padding-right:.15em;font-size:clamp(2.4rem,4.8vw,4rem);line-height:1.05;display:block}.ch-line{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(2.2rem,4.6vw,3.9rem);line-height:1.02;display:block;overflow:hidden}.ch-line>span{display:inline-block}.ch-text{font-family:var(--f-mono);color:#3f3f3a;max-width:58ch;margin:0;font-size:.86rem;line-height:1.8}.ch-blocks .ch-ghost{right:0}.bl-top{text-align:center;flex-direction:column;align-items:center;display:flex}.bl-formula{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;margin:clamp(26px,3.5vw,40px) 0 clamp(26px,3.5vw,36px);display:flex}.bl-formula b{font-family:var(--f-display);font-size:1.8rem;font-weight:400}.fx{font-family:var(--f-label);letter-spacing:.12em;text-transform:uppercase;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:8px;padding:.75em 1.2em;font-size:.72rem;font-weight:800;font-stretch:125%}.fx-fixed{background:var(--orange)}.fx-slot{background:var(--yellow,#f2c230);border-style:dashed}.fx-out{background:var(--ink);color:var(--cream);box-shadow:3px 3px 0 var(--orange)}.bl-bench{border:3px solid var(--ink);background:radial-gradient(circle, #1414141a 1.5px, transparent 1.6px) 0 0 / 22px 22px, var(--paper);box-shadow:10px 12px 0 var(--orange);border-radius:24px;grid-template-columns:minmax(210px,.8fr) minmax(0,2fr) minmax(220px,1fr);gap:clamp(18px,2.4vw,32px);padding:clamp(20px,3vw,36px);display:grid}.bl-patterns{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bl-patterns button{text-align:left;width:100%;font:inherit;cursor:pointer;border:2px solid var(--ink);color:var(--ink);font-family:var(--f-display);letter-spacing:.02em;text-transform:uppercase;background:#fff;border-radius:10px;flex-direction:column;gap:2px;padding:.75em .95em;font-size:1rem;transition:transform .15s,box-shadow .15s,background .15s;display:flex}.bl-patterns button small{font-family:var(--f-label);letter-spacing:.16em;color:var(--muted);font-size:.55rem;font-weight:800;font-stretch:125%}.bl-patterns button:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-2px,-2px)}.bl-patterns button.on{background:var(--orange);box-shadow:4px 4px 0 var(--ink)}.bl-patterns button.on small{color:var(--ink)}.bl-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:clamp(10px,2vw,20px) 0;display:flex}.bl-pattern-pt{font-family:var(--f-mono);color:var(--muted);margin:0 0 1.4rem;font-size:.78rem}.bl-pattern-pt b{color:var(--ink);font-weight:500}.bl-sentence{flex-wrap:wrap;justify-content:center;align-items:flex-end;row-gap:22px;display:flex}.brick{--bc:var(--orange);background:var(--bc);color:var(--ink);border:3px solid var(--ink);font-family:var(--f-display);text-transform:uppercase;letter-spacing:.02em;border-radius:10px;margin:0 -1px;padding:.7em 1.05em;font-size:clamp(1.3rem,2.6vw,2.1rem);line-height:1.1;display:inline-block;position:relative;box-shadow:inset 0 -6px #00000029}.brick-slot{--bc:var(--yellow,#f2c230);animation:.5s cubic-bezier(.34,1.56,.64,1) slot-in}@keyframes slot-in{0%{opacity:0;transform:translateY(-50%)rotate(-4deg)}}.studs{justify-content:space-evenly;display:flex;position:absolute;top:-14px;left:0;right:0}.studs i{background:var(--bc);border:3px solid var(--ink);border-bottom:0;border-radius:6px 6px 0 0;width:20px;height:11px}.bl-translation{font-family:var(--f-brush);margin:1.3rem 0 0;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.3}.tag-pt{font-family:var(--f-display);background:var(--green);vertical-align:middle;border-radius:5px;place-items:center;margin-right:6px;padding:2px 7px;font-size:.8rem;display:inline-grid}.bl-tray-label{font-family:var(--f-label);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:1.6rem 0 .6rem;font-size:.6rem;font-weight:800;font-stretch:125%}.bl-tray{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.brick-option{--bc:#fff;cursor:pointer;box-shadow:none;border-style:dashed;border-width:2px;margin:0;padding:.55em .9em;font-size:clamp(.9rem,1.3vw,1.05rem);transition:transform .15s,box-shadow .15s,background .15s}.brick-option:hover{box-shadow:3px 3px 0 var(--ink);transform:translateY(-3px)rotate(-1deg)}.brick-option.on{--bc:var(--yellow,#f2c230);box-shadow:3px 3px 0 var(--ink);border-style:solid}.bl-list{min-width:0}.bl-list-head{font-family:var(--f-label);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 .8rem;font-size:.6rem;font-weight:800;font-stretch:125%}.bl-list ol{counter-reset:s;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.bl-list li{counter-increment:s;border:2px solid #0000;border-radius:10px;padding:10px 12px 10px 38px;transition:background .2s,border-color .2s;position:relative}.bl-list li:before{content:counter(s);border:2px solid var(--ink);width:20px;height:20px;font-family:var(--f-display);border-radius:50%;place-items:center;font-size:.75rem;display:grid;position:absolute;top:11px;left:10px}.bl-list li.on{border-color:var(--ink);background:#fff}.bl-list li.on:before{background:var(--yellow,#f2c230)}.bl-list .en{font-family:var(--f-display);letter-spacing:.02em;text-transform:uppercase;font-size:1rem;display:block}.bl-list .pt{font-family:var(--f-mono);color:var(--muted);font-size:.72rem;display:block}.bl-count{font-family:var(--f-mono);color:var(--muted);margin-top:auto;padding-top:.4rem;font-size:.74rem}.bl-count p{margin:0 0 6px}.bl-count b{font-family:var(--f-display);color:var(--ink);font-size:1.3rem;font-weight:400}.bl-meter{border:2px solid var(--ink);background:#fff;border-radius:999px;height:10px;margin-bottom:6px;display:block;overflow:hidden}.bl-meter i{background:var(--orange);height:100%;transition:width .5s cubic-bezier(.34,1.56,.64,1);display:block}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:clamp(26px,3.5vw,40px) 0 0;padding:0;list-style:none;display:grid}.steps li{border:2px solid var(--ink);background:#fff;border-radius:14px;flex-direction:column;gap:6px;padding:18px 18px 18px 64px;display:flex;position:relative}.steps-n{background:var(--c);border:2px solid var(--ink);width:34px;height:34px;font-family:var(--f-display);border-radius:50%;place-items:center;font-size:1.1rem;display:grid;position:absolute;top:16px;left:16px}.steps b{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.02em;font-size:1.15rem;font-weight:400}.steps p{font-family:var(--f-mono);color:var(--muted);margin:0;font-size:.76rem;line-height:1.6}.bench-cta{text-align:center;font-family:var(--f-brush);color:var(--orange);margin:clamp(28px,4vw,44px) 0 14px;font-size:clamp(1.1rem,2vw,1.45rem)}.brick-wrap{flex-direction:column;align-items:center;gap:10px;display:inline-flex}.brick-note{max-width:16ch;font-family:var(--f-mono);color:var(--muted);padding-top:12px;font-size:.66rem;line-height:1.35;position:relative}.brick-note:before{content:"";background:var(--ink);width:2px;height:9px;position:absolute;top:0;left:50%}.brick-note b{font-family:var(--f-label);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);font-size:.56rem;font-weight:800;font-stretch:125%;display:block}.bl-sentence{gap:40px 4px}.bl-compare{text-align:left;background:#fff9;border:2px dashed #1414144d;border-radius:12px;width:100%;margin-top:1.6rem;padding:14px 16px}.bl-compare-pt{font-family:var(--f-mono);color:var(--muted);margin:0 0 10px;font-size:.74rem}.bl-compare-pt b{color:var(--ink);font-weight:500}.bl-wrong,.bl-right{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.02em;align-items:flex-start;gap:10px;margin:6px 0 0;font-size:1.05rem;display:flex}.bl-wrong small,.bl-right small{font-family:var(--f-label);letter-spacing:.16em;color:var(--muted);font-size:.52rem;font-weight:800;font-stretch:125%;display:block}.bl-wrong s{text-decoration:line-through;-webkit-text-decoration-color:var(--red,#d9363e);text-decoration-color:var(--red,#d9363e);color:#6b6b64;text-decoration-thickness:2px}.mark{border:2px solid var(--ink);width:24px;height:24px;font-family:var(--f-mono);border-radius:50%;flex:none;place-items:center;margin-top:4px;font-size:.8rem;display:grid}.bl-wrong .mark{background:var(--red,#d9363e);color:var(--cream)}.bl-right .mark{background:var(--green)}.bl-explain{border-left:2px dashed #14141440;flex-direction:column;gap:14px;min-width:0;padding-left:clamp(14px,2vw,24px);display:flex}.bl-box p{font-family:var(--f-mono);margin:0;font-size:.78rem;line-height:1.6}.bl-box-head{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:800;font-stretch:125%;font-family:var(--f-label)!important;margin:0 0 6px!important;font-size:.58rem!important}.bl-tip{background:var(--yellow,#f2c230);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:10px;padding:12px 14px;transform:rotate(-1deg)}.bl-tip .bl-box-head{color:var(--ink)}.ch-bank .ch-ghost{left:0}.bk-top{grid-template-columns:1fr 1fr;align-items:end;gap:clamp(20px,4vw,60px);display:grid}.bk-top .ch-text{padding-bottom:1.2rem}.bk-vault{background:var(--ink);color:var(--cream);box-shadow:10px 12px 0 var(--pink);border-radius:26px;margin-top:clamp(30px,4vw,48px);padding:clamp(20px,3.4vw,40px)}.bk-vault-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:clamp(18px,2.6vw,28px);display:flex}.bk-vault-title{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:clamp(1.6rem,3vw,2.3rem)}.bk-vault-title span{font-family:var(--f-mono);text-transform:none;letter-spacing:0;color:#ecebe599;margin-left:8px;font-size:.72rem}.bk-filters{flex-wrap:wrap;gap:6px;display:flex}.bk-filters button{font:inherit;cursor:pointer;font-family:var(--f-label);letter-spacing:.12em;text-transform:uppercase;color:var(--cream);background:0 0;border:2px solid #ecebe559;border-radius:999px;padding:.65em 1em;font-size:.62rem;font-weight:800;font-stretch:125%;transition:background .2s,color .2s,border-color .2s}.bk-filters button:hover{border-color:var(--pink)}.bk-filters button.on{background:var(--pink);border-color:var(--pink);color:var(--ink)}.bk-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.bk-tape{--sc:var(--orange);width:100%;height:100%;font:inherit;cursor:pointer;text-align:left;background:var(--cream);color:var(--ink);border:3px solid var(--ink);border-radius:14px;flex-direction:column;gap:8px;padding:0 0 16px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.bk-tape:hover,.bk-tape:focus-visible{box-shadow:6px 8px 0 var(--sc);transform:translateY(-6px)rotate(-1deg)}.bk-tape-band{background:var(--sc);border-bottom:3px solid var(--ink);font-family:var(--f-label);letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;gap:10px;padding:10px 14px;font-size:.58rem;font-weight:800;font-stretch:125%;display:flex}.bk-tape-title{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.01em;padding:4px 14px 0;font-size:1.35rem;line-height:1.05}.bk-tape-place{font-family:var(--f-mono);color:var(--muted);padding:0 14px;font-size:.72rem}.bk-tape-open{font-family:var(--f-brush);margin-top:auto;padding:6px 14px 0;font-size:1rem}.bk-tape-yours{--sc:var(--pink);color:var(--cream);border-style:dashed;border-color:var(--pink);background:0 0}.bk-tape-yours .bk-tape-band{border-bottom-style:dashed;border-bottom-color:var(--pink);color:var(--ink)}.bk-tape-yours .bk-tape-place{color:#ecebe5a6}.bk-overlay{z-index:95;padding:max(16px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) max(16px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overscroll-behavior:contain;background:#141414b8;place-items:center;animation:.25s ease-out fade;display:grid;position:fixed;inset:0;overflow-y:auto}@keyframes fade{0%{opacity:0}}.bk-screen{--sc:var(--orange);background:var(--cream);width:min(1040px,100%);color:var(--ink);border:3px solid var(--ink);border-top:14px solid var(--sc);box-shadow:10px 12px 0 var(--sc);border-radius:20px;padding:clamp(18px,3vw,34px);animation:.45s cubic-bezier(.34,1.4,.64,1) screen-in;position:relative}@keyframes screen-in{0%{opacity:0;transform:translateY(40px)scale(.94)}}.bk-screen-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.bk-screen-meta{flex-wrap:wrap;gap:6px;margin:0 0 8px;display:flex}.bk-screen-meta span{font-family:var(--f-label);letter-spacing:.14em;text-transform:uppercase;border:2px solid var(--ink);border-radius:999px;padding:.45em .8em;font-size:.56rem;font-weight:800;font-stretch:125%}.bk-screen-meta span:first-child{background:var(--sc)}.bk-screen-head h4{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.01em;margin:0;font-size:clamp(1.7rem,3.6vw,2.8rem);font-weight:400;line-height:1}.bk-close{font:inherit;cursor:pointer;border:2px solid var(--ink);width:44px;height:44px;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:10px;flex:none;font-size:1.1rem}.bk-close:hover{background:var(--sc)}.bk-setting{max-width:70ch;font-family:var(--f-mono);color:#3f3f3a;margin:14px 0 0;font-size:.84rem;line-height:1.7}.bk-cols{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(18px,3vw,36px);margin-top:clamp(18px,2.6vw,28px);display:grid}.bk-col-head{font-family:var(--f-label);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:.6rem;font-weight:800;font-stretch:125%}.bk-dialog{background:var(--ink);border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex}.bk-dialog .bk-col-head{color:#ecebe599}.bk-line{background:var(--cream);max-width:82%;font-family:var(--f-mono);border-radius:14px 14px 14px 4px;margin:0;padding:9px 13px 10px;font-size:.84rem;line-height:1.45;animation:.4s cubic-bezier(.34,1.4,.64,1) both line-in}.bk-line small{font-family:var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:2px;font-size:.52rem;font-weight:800;font-stretch:125%;display:block}.bk-line.me{background:var(--sc);border-radius:14px 14px 4px;align-self:flex-end}.bk-line.me small{color:var(--ink)}@keyframes line-in{0%{opacity:0;transform:translateY(12px)scale(.92)}}.bk-patterns{flex-direction:column;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:flex}.bk-patterns li{border:2px solid var(--ink);background:#fff;border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;animation:.4s both line-in;display:flex}.bk-patterns b{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.02em;font-size:1.1rem;font-weight:400}.blank{background:var(--yellow,#f2c230);border:2px dashed var(--ink);border-radius:5px;margin:0 .15em;padding:0 .3em;line-height:1.1;display:inline-block}.bk-patterns .pt{font-family:var(--f-mono);color:var(--muted);font-size:.74rem}.bk-patterns .ex{font-family:var(--f-brush);font-size:.95rem}.bk-keys{flex-direction:column;gap:6px;margin:0;display:flex}.bk-keys div{border-bottom:1px dashed #14141440;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:7px 0;display:flex}.bk-keys dt{font-family:var(--f-display);text-transform:uppercase;font-size:.95rem}.bk-keys dd{font-family:var(--f-mono);color:var(--muted);margin:0;font-size:.74rem}.bk-screen-foot{border-top:2px dashed #14141440;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-top:clamp(18px,2.6vw,28px);padding-top:16px;display:flex}.bk-screen-foot p{font-family:var(--f-mono);color:var(--muted);margin:0;font-size:.72rem}.bk-nav{align-items:center;gap:8px;display:flex}.bk-nav button{font:inherit;cursor:pointer;border:2px solid var(--ink);width:42px;height:42px;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:10px;font-size:1.1rem}.bk-nav button:hover{background:var(--sc)}.bk-cta{font-family:var(--f-label);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);border:2px solid var(--ink);background:var(--pink);box-shadow:3px 3px 0 var(--ink);border-radius:10px;padding:.95em 1.3em;font-size:.7rem;font-weight:800;font-stretch:125%;text-decoration:none}@media (max-width:1000px){.bl-bench{grid-template-columns:1fr}.bl-patterns{flex-direction:row;padding-bottom:6px;overflow-x:auto}.bl-patterns li{flex:none}.bl-explain{border-top:2px dashed #14141440;border-left:0;padding-top:18px;padding-left:0}.steps,.bk-top,.bk-cols{grid-template-columns:1fr}.bk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ch-ghost{font-size:8rem}}@media (max-width:600px){.bk-grid{grid-template-columns:1fr}.brick{font-size:1.1rem}.bk-line{max-width:92%}.piece-name{font-size:19px}}@media (prefers-reduced-motion:reduce){.brick-slot,.bk-overlay,.bk-screen,.bk-line,.bk-patterns li{animation:none}}

/* ===== methods v3: chapters 01 + 03 and closing lines ===== */
.ch-tla .ch-ghost{left:0}.ch-reg .ch-ghost{left:0}.ch-bank .ch-ghost{left:auto;right:0}
.ch-tla .bench-cta{color:var(--green)}.ch-reg .bench-cta{color:var(--purple)}
.ch-plus{color:var(--ink);text-align:center;background:var(--c);border:2px solid var(--ink);border-radius:12px;width:min(100% - 2*var(--gutter),52rem);margin:clamp(28px,3vw,40px) auto 0;padding:.75em 1.1em;font-family:var(--f-label);font-size:clamp(.95rem,1.2vw,1.05rem);font-stretch:100%;font-weight:700;position:relative;z-index:1;box-shadow:4px 5px 0 var(--ink)}
.ch-tla .tla-mach,.ch-reg .reg-eng{width:min(100% - 2*var(--gutter),1120px);margin-left:auto;margin-right:auto}
@media (min-width:901px){
.ch-tla .tla-stage{height:480px;margin-top:1.2rem;display:block;position:relative}
.ch-tla .tla-stage:before{content:"";pointer-events:none;border:1.5px dashed #3fa45b59;border-radius:50%;width:620px;height:330px;margin:-165px 0 0 -310px;position:absolute;top:50%;left:50%}
.ch-tla .tla-hub{z-index:2;width:200px;position:absolute;top:calc(50% - 100px);left:calc(50% - 100px)}
.ch-tla .tla-langs{display:block;position:absolute;inset:0}
.ch-tla .tla-langs li{width:210px;position:absolute;top:calc(50% + var(--y) - 40px);left:calc(50% + var(--x) - 105px)}
.ch-tla .tla-langs li:nth-child(1){--x:-290px;--y:-84px}.ch-tla .tla-langs li:nth-child(2){--x:0px;--y:-168px}.ch-tla .tla-langs li:nth-child(3){--x:290px;--y:-84px}
.ch-tla .tla-langs li:nth-child(4){--x:290px;--y:84px}.ch-tla .tla-langs li:nth-child(5){--x:0px;--y:168px}.ch-tla .tla-langs li:nth-child(6){--x:-290px;--y:84px}
.ch-tla .tla-langs li{background:#1d1d1d}
}
.ch-reg .reg-eng{color:var(--ink);background-color:var(--paper,#f4f3ee);background-image:repeating-linear-gradient(0deg,#0000 0 31px,#1414140f 31px 32px);border:2px solid var(--ink);border-radius:22px;--mc:var(--purple);box-shadow:8px 9px 0 var(--purple)}
.ch-reg .reg-eng .m-demo-cap,.ch-reg .reg-gen>small{color:#14141499}
.ch-reg .reg-seedtab{color:var(--ink);border-color:#14141440}
.ch-reg .reg-seedtab.is-on{color:var(--ink);background:var(--purple);border-color:var(--ink)}
.ch-reg .reg-mode{border-color:#14141440}
.ch-reg .reg-mode button{color:#141414b3}
.ch-reg .reg-mode button.is-on{color:var(--cream);background:var(--ink)}
.ch-reg .reg-days:before{background:#14141426}
.ch-reg .reg-day{color:#14141499;background:var(--paper,#f4f3ee);border-color:#14141440}
.ch-reg .reg-day.is-past{color:var(--ink);border-color:var(--purple)}
.ch-reg .reg-day.is-on{color:var(--ink);background:var(--purple);border-color:var(--ink)}
.ch-reg .reg-seed{background:#fff}
.ch-reg .reg-list li{color:var(--ink);background:#fff;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--purple)}
.ch-reg .reg-list mark{color:#b3262e}
.ch-reg .reg-count{color:#141414b3}
.ch-reg .reg-count b{color:#b3262e}
.ch-reg .reg-daynote{color:#b3262e}
.ch-tla{--mc:var(--green)}.ch-reg{--mc:var(--purple)}
.ch-line{padding-top:.16em;margin-top:-.16em}
/* ===== TLA: Raio-X da intenção ===== */
.tx{background:var(--paper,#f4f3ee);border:2px solid var(--ink);border-radius:22px;width:min(100% - 2*var(--gutter),1120px);margin:0 auto;padding:clamp(20px,2.6vw,32px);position:relative;box-shadow:8px 9px 0 var(--green)}
.tx-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}
.tx-cap{flex-direction:column;gap:.15rem;margin:0;display:flex}
.tx-cap b{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:400;line-height:1}
.tx-cap small{font-family:var(--f-brush);color:var(--green);font-size:1rem}
.tx-tabs{flex-wrap:wrap;gap:8px;display:flex}
.tx-tabs button{font-family:var(--f-label);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);cursor:pointer;background:var(--cream);border:2px solid var(--ink);border-radius:999px;min-height:42px;padding:.65em 1.1em;font-size:.68rem;font-weight:800;font-stretch:125%;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:3px 3px 0 var(--ink)}
.tx-tabs button:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}
.tx-tabs button.on{background:var(--green)}
.tx-stage{grid-template-columns:minmax(0,1fr) 5.5rem minmax(0,1fr) 5.5rem minmax(0,1fr);align-items:stretch;margin-top:1.5rem;display:grid}
.tx-card{border:2px solid var(--ink);border-radius:16px;flex-direction:column;gap:.55rem;min-height:240px;padding:18px 18px 20px;display:flex;position:relative;overflow:hidden}
.tx-step{font-family:var(--f-label);letter-spacing:.16em;text-transform:uppercase;font-size:.6rem;font-weight:800;font-stretch:125%;opacity:.75}
.tx-big{font-family:var(--f-display);text-transform:uppercase;margin:0;font-size:clamp(1.35rem,2.3vw,1.95rem);font-weight:400;line-height:1.05}
.tx-pt{background:#fff;box-shadow:4px 5px 0 var(--ink)}
.tx-lit{color:#141414a6;margin:auto 0 0;font-family:var(--f-mono);font-size:.86rem}
.tx-lit small{font-family:var(--f-label);letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-bottom:.2rem;font-size:.58rem;font-weight:800;font-stretch:125%;display:block}
.tx-lit s{text-decoration-color:var(--red);text-decoration-thickness:2px}
.tx-ray{color:#c7f5d2;background:#0e1a11;background-image:radial-gradient(#3fa45b26 1px,#0000 1.4px);background-size:14px 14px;box-shadow:4px 5px 0 var(--green);animation:.55s var(--ease) .12s both tx-in}
.tx-ray:after{content:"";pointer-events:none;background:linear-gradient(#0000,#3fa45b40 50%,#0000);height:38%;animation:2.8s linear infinite tx-scan;position:absolute;top:-40%;left:0;right:0}
.tx-ray .tx-big{font-family:var(--f-mono);text-transform:none;color:#d9ffe2;text-shadow:0 0 14px #3fa45bb3;font-size:clamp(1.1rem,1.6vw,1.35rem);font-weight:600;line-height:1.3}
.tx-bones{flex-wrap:wrap;gap:6px;margin:.2rem 0 0;padding:0;list-style:none;display:flex}
.tx-bones li{color:#c7f5d2;border:1.5px dashed #3fa45bb3;border-radius:8px;padding:.35em .65em;font-family:var(--f-mono);font-size:.8rem}
.tx-ray-note{font-family:var(--f-brush);color:var(--green);margin:auto 0 0;font-size:.95rem}
.tx-en{background:var(--green);box-shadow:4px 5px 0 var(--ink);animation:.55s var(--ease) .5s both tx-in}
.tx-note{margin:auto 0 0;font-family:var(--f-label);font-size:.92rem;font-stretch:100%;line-height:1.45}
.tx-arrow{text-align:center;font-family:var(--f-brush);color:var(--green);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:0 6px;font-size:.88rem;line-height:1.1;display:flex}
.tx-arrow i{background:var(--ink);width:2.8rem;height:14px;display:block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 7h34M30.5 1.8 36 7l-5.5 5.2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 14' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 7h34M30.5 1.8 36 7l-5.5 5.2'/%3E%3C/svg%3E") center/contain no-repeat}
@keyframes tx-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}
@keyframes tx-scan{to{top:100%}}
@media (max-width:900px){.tx-stage{grid-template-columns:1fr}.tx-card{min-height:0}.tx-arrow{flex-direction:row;padding:10px 0}.tx-arrow i{transform:rotate(90deg);width:2.2rem}.tx-top{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){.tx-ray,.tx-en,.tx-ray:after{animation:none}}
/* ===== Lexical bench: didactic layer ===== */
.bl-step-h{font-family:var(--f-label);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);align-items:center;gap:.55rem;margin:0 0 .7rem;font-size:.66rem;font-weight:800;font-stretch:125%;list-style:none;display:flex}
.bl-step-h b{font-family:var(--f-display);color:var(--ink);background:var(--orange);border:2px solid var(--ink);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:.9rem;font-weight:400;letter-spacing:0;display:grid}
.bl-stage .bl-tray-label.bl-step-h{justify-content:center;margin-top:1.4rem}
.bl-formula{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:0 0 1.1rem;display:flex}
.bl-formula i{font-family:var(--f-display);font-size:1.3rem;font-style:normal}
.bl-result{text-align:left;background:#fff;border:2px solid var(--ink);border-radius:14px;max-width:34rem;margin:1.4rem auto 0;padding:14px 18px 16px;box-shadow:4px 5px 0 var(--orange)}
.bl-result .bl-step-h{margin-bottom:.4rem}
.bl-result-en{font-family:var(--f-display);text-transform:uppercase;margin:.15rem 0 .35rem;font-size:clamp(1.3rem,2.4vw,1.8rem);line-height:1.1;animation:.4s slot-in}
.bl-result-pt{color:var(--muted,#5b5b55);margin:0;font-family:var(--f-mono);font-size:.86rem}
.bl-compare-h{font-family:var(--f-label);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .5rem;font-size:.62rem;font-weight:800;font-stretch:125%}
.bl-patterns .bl-step-h{flex:none;white-space:nowrap;margin:0 0 .3rem}@media (max-width:1000px){.bl-patterns .bl-step-h{align-self:center;margin:0 .4rem 0 0}}
@media (max-width:1000px){.bl-patterns{flex-wrap:wrap;overflow:visible}.bl-patterns .bl-step-h{white-space:normal;width:100%;margin:0 0 .3rem}.bl-patterns li:not(.bl-step-h){flex:1 1 140px}.bl-patterns li:not(.bl-step-h) button{width:100%}}
/* TLA chapter: deeper green for legibility */
.ch-tla{--green:#1b7039;--mc:#1b7039}
.ch-tla .ch-num,.ch-tla .steps-n{color:var(--cream)}
.ch-tla .tx-tabs button.on{color:var(--cream)}
.ch-tla .tx-en{color:var(--cream)}
.ch-tla .tx-en .tx-step{opacity:.85}
.ch-tla .tx-ray-note{color:#8fe3a6}
.ch-tla .tx-ray .tx-big{text-shadow:0 0 14px #3fa45bb3}
.meto-chapters>.ch-wrap:first-child .ch-plus{color:var(--cream);background:#1b7039}
/* ===== REG: didactic pass ===== */
.ch-reg .bl-step-h b{background:var(--purple)}
.reg-curve{background:#fff;border:2px solid var(--ink);border-radius:22px;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:clamp(18px,3vw,40px);width:min(100% - 2*var(--gutter),1120px);margin:clamp(36px,4vw,56px) auto 0;padding:clamp(20px,2.8vw,34px);display:grid;position:relative;z-index:1;box-shadow:6px 7px 0 var(--purple)}
.reg-curve-k{font-family:var(--f-label);letter-spacing:.18em;text-transform:uppercase;color:#7c4fc2;margin:0;font-size:.62rem;font-weight:800;font-stretch:125%}
.reg-curve h4{font-family:var(--f-display);text-transform:uppercase;margin:.35rem 0 .7rem;font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:400;line-height:1.02}
.reg-curve-txt>p{color:#3f3f3a;margin:0;font-family:var(--f-mono);font-size:.86rem;line-height:1.75}
.reg-curve-plus{background:#9c6ade24;border-left:4px solid var(--purple);border-radius:0 12px 12px 0;margin-top:1.1rem;padding:12px 14px}
.reg-curve-plus b{font-family:var(--f-label);letter-spacing:.12em;text-transform:uppercase;font-size:.64rem;font-weight:800;font-stretch:125%}
.reg-curve-plus p{margin:.35rem 0 0;font-family:var(--f-label);font-size:.92rem;font-stretch:100%;line-height:1.5}
.reg-chart svg{width:100%;height:auto;display:block;overflow:visible}
.rc-axis{fill:none;stroke:#14141466;stroke-width:1.5px}
.rc-y,.rc-x{font-family:var(--f-label);fill:#14141499;font-size:12px;font-weight:700}
.rc-no{fill:none;stroke:#14141473;stroke-width:3px;stroke-dasharray:7 7}
.rc-yes{fill:none;stroke:var(--purple);stroke-width:4px;stroke-linejoin:round;stroke-linecap:round}
.rc-dot{fill:var(--purple);stroke:var(--ink);stroke-width:2px}
.rc-lab{font-family:var(--f-brush);font-size:17px}
.rc-lab-no{fill:#14141499}.rc-lab-yes{fill:#7c4fc2}
.rc-legend{font-family:var(--f-label);color:#14141499;align-items:center;gap:.5rem;margin:.4rem 0 0 40px;font-size:.8rem;font-stretch:100%;display:flex}
.rc-k-dot{background:var(--purple);border:2px solid var(--ink);border-radius:50%;width:12px;height:12px;display:inline-block}
.reg-curve.is-armed .rc-yes{stroke-dasharray:1;stroke-dashoffset:1}
.reg-curve.is-armed .rc-no{opacity:0}
.reg-curve.is-armed .rc-dot{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(0)}
.reg-curve.is-in .rc-yes{stroke-dashoffset:0;transition:stroke-dashoffset 2.2s var(--ease) .5s}
.reg-curve.is-in .rc-no{opacity:1;transition:opacity .8s}
.reg-curve.is-in .rc-dot{opacity:1;transform:none;transition:transform .4s var(--ease),opacity .4s}
.reg-curve.is-in .rc-dot:nth-of-type(1){transition-delay:.9s}.reg-curve.is-in .rc-dot:nth-of-type(2){transition-delay:1.3s}.reg-curve.is-in .rc-dot:nth-of-type(3){transition-delay:1.8s}.reg-curve.is-in .rc-dot:nth-of-type(4){transition-delay:2.3s}
.ch-reg .reg-eng{margin-top:0}
.reg-zone{margin-top:1.3rem}
.reg-zone .bl-step-h{margin-bottom:.7rem}
.ch-reg .reg-seedtab{text-transform:none;letter-spacing:0;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.55em 1.1em;border-radius:14px;display:flex}
.ch-reg .reg-seedtab b{font-family:var(--f-display);text-transform:uppercase;font-size:1rem;font-weight:400;line-height:1.1}
.ch-reg .reg-seedtab span{font-family:var(--f-mono);opacity:.8;font-size:.74rem;font-weight:500}
.ch-reg .reg-days{margin-top:.2rem}
.ch-reg .reg-daynote{text-align:left;font-family:var(--f-label);color:var(--ink);background:#fff;border:2px dashed #d9363e99;border-radius:12px;margin:1rem 0 0;padding:.75em 1em;font-size:.95rem;font-stretch:100%;line-height:1.45;animation:.4s slot-in}
.ch-reg .reg-daynote b{color:#b3262e;font-weight:800}
.ch-reg .reg-body{margin-top:1.4rem}
.ch-reg .reg-seed small{font-size:.58rem}
.reg-empty{font-family:var(--f-brush);color:#7c4fc2;margin:.4rem 0 0;font-size:1.05rem}
.reg-cmp{border-top:2px dashed #14141433;margin-top:1.5rem;padding-top:1.1rem}
.reg-cmp-h{font-family:var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:#14141499;margin:0 0 .8rem;font-size:.62rem;font-weight:800;font-stretch:125%}
.reg-bar{grid-template-columns:minmax(0,13rem) minmax(0,1fr) minmax(0,15rem);align-items:center;gap:12px;margin-top:.6rem;display:grid}
.reg-bar-l{font-family:var(--f-label);font-size:.85rem;font-stretch:100%;font-weight:700}
.reg-bar-t{background:#1414140f;border:2px solid var(--ink);border-radius:999px;height:20px;display:block;overflow:hidden}
.reg-bar-t i{background:#14141459;height:100%;transition:width .6s var(--ease);display:block}
.reg-bar.is-reg .reg-bar-t i{background:var(--purple)}
.reg-bar-v{color:#141414b3;font-family:var(--f-mono);font-size:.78rem}
.reg-bar.is-reg .reg-bar-v{color:var(--ink);font-weight:600}
.reg-tip{width:min(100% - 2*var(--gutter),48rem)}
@media (max-width:900px){.reg-curve{grid-template-columns:1fr}.reg-bar{grid-template-columns:1fr;gap:4px}.reg-bar-t{order:2}.reg-bar-v{order:3}}
@media (prefers-reduced-motion:reduce){.ch-reg .reg-daynote{animation:none}}
.tx{width:min(100% - 2*var(--gutter),1240px)}
.tx-stage{grid-template-columns:minmax(0,1fr) 5rem minmax(0,1fr) 5rem minmax(min-content,1.25fr)}
.tx-en .tx-big{white-space:nowrap;font-size:clamp(1.25rem,2vw,1.85rem)}
@media (max-width:900px){.tx-stage{grid-template-columns:1fr}.tx-en .tx-big{font-size:clamp(1.15rem,6vw,1.6rem)}}
.rm-step{font-family:var(--f-label);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:.6rem;margin:0 0 .8rem;font-size:.7rem;font-weight:800;font-stretch:125%}
.rm-step b{font-family:var(--f-display);font-weight:400;letter-spacing:0;background:var(--c,var(--purple));border:2px solid var(--ink);border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:1rem;flex:none;box-shadow:2px 2px 0 var(--ink)}
.rm-intro{width:min(100%,1060px);margin:clamp(34px,5vw,56px) auto 0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.6vw,28px);position:relative;z-index:1}
.rm-icard{border:2px solid var(--ink);border-radius:20px;padding:24px 22px 26px;text-align:center;display:flex;flex-direction:column;align-items:center}
.rm-icard.is-y{background:#fbefc4;box-shadow:6px 7px 0 var(--yellow)}
.rm-icard.is-p{background:#f9e0de;box-shadow:6px 7px 0 var(--purple)}
.rm-icard h4{margin:0 0 18px;font-family:var(--f-display);font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.05;color:var(--ink)}
.rm-chips{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;width:100%;max-width:330px}
.rm-chips li{display:flex;align-items:center;gap:12px;background:#fff;border:2px solid var(--ink);border-radius:14px;padding:.6em .9em;font-family:var(--f-label);font-weight:700;font-size:.9rem;text-align:left;box-shadow:3px 3px 0 #14141426}
.rm-chips li span{font-size:1.3rem;line-height:1}
.rm-fx{display:flex;flex-direction:column;gap:12px;width:100%;max-width:380px}
.rm-fx-row{margin:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;background:#ffffffb3;border:2px dashed #14141440;border-radius:14px;padding:.7em .6em}
.rm-fx-row.is-gen{background:#fff;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
.rm-fx-row small{flex-basis:100%;font-family:var(--f-label);font-weight:800;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:#14141499}
.rm-fx-row.is-gen small{color:#b3262e}
.rm-fx-row i{font-style:normal;font-family:var(--f-label);font-weight:800;font-size:1.1rem}
.rm-box{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.04em;font-size:1.05rem;padding:.2em .7em;border:2px solid var(--ink);border-radius:999px;background:#ecebe4}
.rm-box.is-gen{background:var(--purple);box-shadow:2px 2px 0 var(--ink)}
.rm{width:min(100%,1060px);margin:0 auto;position:relative;z-index:1}
.rm-cap{margin:0 0 2px;display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.rm-cap span{font-family:var(--f-label);font-weight:800;font-size:.78rem;background:#f9e0de;border:2px solid var(--ink);border-radius:999px;padding:.4em .9em}
.rm-line{padding:0 34px;max-width:760px;margin:0 auto}
.rm-rail{position:relative;height:84px}
.rm-track{position:absolute;left:0;right:0;top:40px;height:6px;border-radius:99px;background:#14141420}
.rm-track i{display:block;height:100%;border-radius:inherit;background:var(--purple);transition:width .5s ease}
.rm-gap{position:absolute;top:14px;transform:translateX(-50%);font-family:var(--f-label);font-weight:800;font-size:.66rem;color:#b3262e;white-space:nowrap}
.rm-node{position:absolute;top:31px;transform:translateX(-50%);border:0;background:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px}
.rm-dot{width:24px;height:24px;border-radius:50%;background:#fff;border:2.5px solid #14141466;transition:background .2s,border-color .2s,transform .2s}
.rm-node.is-past .rm-dot{border-color:var(--ink);background:#f3c1bd}
.rm-node.is-on .rm-dot{background:var(--purple);border-color:var(--ink);transform:scale(1.18);box-shadow:2px 2px 0 var(--ink)}
.rm-lab{font-family:var(--f-label);font-weight:800;font-size:.74rem;color:#14141499;white-space:nowrap}
.rm-node.is-on .rm-lab{color:var(--ink)}
.rm-node:focus-visible .rm-dot{outline:3px solid var(--purple);outline-offset:3px}
.rm-daynote{margin:14px auto 24px;max-width:560px;display:flex;align-items:center;gap:12px;background:var(--ink);color:var(--cream);border-radius:16px;padding:.75em 1.1em;font-family:var(--f-label);font-weight:700;font-size:.95rem;line-height:1.4;text-align:left;box-shadow:4px 5px 0 var(--purple);animation:rmIn .35s ease both}
.rm-emo{font-size:1.6rem;line-height:1;flex:none}
.rm-daynote b{flex:none;font-family:var(--f-display);font-weight:400;text-transform:uppercase;letter-spacing:.04em;color:var(--purple);font-size:1.05rem}
.rm-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,32px)}
.rm-card{background:#fff;border:2px solid var(--ink);border-radius:20px;padding:20px 22px 22px;box-shadow:6px 7px 0 var(--ink);display:flex;flex-direction:column;align-items:center;text-align:center}
.rm-card.is-gen{background:#fcecea;box-shadow:6px 7px 0 var(--purple)}
.rm-tag{font-family:var(--f-label);letter-spacing:.16em;text-transform:uppercase;font-size:.62rem;font-weight:800;color:#14141499}
.rm-card.is-gen .rm-tag{color:#b3262e}
.rm-card h4{margin:.3em 0 .2em;font-family:var(--f-display);font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.05;color:var(--ink)}
.rm-svg{width:100%;max-width:380px;height:auto;display:block;margin:6px 0 4px}
.rm-seed{fill:#d9d8d0;stroke:var(--ink);stroke-width:2.5}
.rm-card.is-gen .rm-seed{fill:var(--purple)}
.rm-g{opacity:0;transition:opacity .35s ease var(--d,0ms)}
.rm-g.on{opacity:1}
.rm-g line{stroke:#b3262e;stroke-width:1.6;stroke-opacity:.45}
.rm-g circle{fill:#fff;stroke:#b3262e;stroke-width:2.2;transform-box:fill-box;transform-origin:center;transform:scale(.2);transition:transform .45s cubic-bezier(.3,1.6,.5,1) var(--d,0ms)}
.rm-g.on circle{transform:scale(1)}
.rm-bars{width:100%;max-width:360px;display:flex;flex-direction:column;gap:8px;margin-top:6px}
.rm-bar{display:grid;grid-template-columns:7.4em 1fr 2.4em;align-items:center;gap:10px}
.rm-bar-l{font-family:var(--f-label);font-weight:700;font-size:.76rem;color:#3f3f3a;text-align:left}
.rm-bar-t{height:12px;border-radius:99px;background:#14141414;border:1.5px solid #14141433;overflow:hidden}
.rm-bar-t i{display:block;height:100%;background:#a9a89f;border-radius:inherit;transition:width .5s ease}
.rm-bar.is-hi .rm-bar-t i{background:var(--ink)}
.rm-card.is-gen .rm-bar.is-hi .rm-bar-t i{background:var(--purple)}
.rm-bar b{font-family:var(--f-display);font-weight:400;font-size:1.5rem;line-height:1;text-align:right;color:var(--ink)}
.rm-card.is-gen .rm-bar.is-hi b{color:#b3262e}
.rm-legend{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px}
.rm-legend li{display:inline-flex;align-items:center;gap:.55em;font-family:var(--f-label);font-weight:700;font-size:.78rem;color:var(--ink)}
.rm-legend i{width:16px;height:16px;border-radius:50%;border:2.5px solid var(--ink);background:var(--purple)}
.rm-legend i.lg-gen{width:12px;height:12px;background:#fff;border:2px solid #b3262e}
.rm-foot{margin:10px 0 0;text-align:center;font-family:var(--f-mono);font-size:.7rem;color:#14141480}
.rm-sum{width:min(100%,820px);margin:clamp(44px,5vw,64px) auto 0;position:relative;z-index:1;display:flex;flex-direction:column;gap:10px}
.rm-vs-h,.rm-vs{display:grid;grid-template-columns:10.5em 1fr 2.4em 1fr;align-items:center;gap:10px}
.rm-vs-h span{font-family:var(--f-label);font-weight:800;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:#14141499;text-align:center}
.rm-vs-h span.is-gen{color:#b3262e}
.rm-vs-k{display:flex;align-items:center;gap:.5em;background:var(--c);color:var(--ink);border:2px solid var(--ink);border-radius:12px;padding:.55em .7em;font-family:var(--f-label);font-weight:800;font-size:.82rem;box-shadow:3px 3px 0 var(--ink)}
.rm-vs-k span{font-size:1.1rem;line-height:1}
.rm-vs-a,.rm-vs-b{border-radius:12px;padding:.65em .9em;font-family:var(--f-label);font-weight:700;font-size:.88rem;text-align:center;line-height:1.3}
.rm-vs-a{background:#fff;border:2px dashed #14141455;color:#55554f}
.rm-vs-b{background:var(--purple);border:2px solid var(--ink);color:var(--ink);font-weight:800;box-shadow:3px 3px 0 var(--ink)}
.rm-vs>i{font-style:normal;text-align:center;font-family:var(--f-display);font-size:.95rem;color:#14141480;text-transform:uppercase}
@keyframes rmIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.rm-g,.rm-g circle{transition:none}.rm-daynote{animation:none}}
@media (max-width:760px){
.rm-intro{grid-template-columns:1fr;max-width:520px}
.rm-icard{padding:20px 14px 22px}
.rm-line{padding:0 22px}
.rm-gap span{display:none}
.rm-lab{font-size:.64rem}
.rm-dot{width:20px;height:20px}
.rm-node{top:33px}
.rm-daynote{font-size:.84rem;gap:10px}
.rm-emo{font-size:1.35rem}
.rm-grid{gap:12px}
.rm-card{padding:14px 10px;border-radius:16px;box-shadow:4px 5px 0 var(--ink)}
.rm-card.is-gen{box-shadow:4px 5px 0 var(--purple)}
.rm-tag{font-size:.5rem;letter-spacing:.1em;line-height:1.4}
.rm-card h4{font-size:1.15rem;min-height:2.1em;display:flex;align-items:center;justify-content:center}
.rm-bar{grid-template-columns:1fr auto;gap:2px 6px}
.rm-bar-l{grid-column:1/-1;font-size:.62rem}
.rm-bar-t{height:10px}
.rm-bar b{font-size:1.15rem}
.rm-vs-h{display:none}
.rm-vs{grid-template-columns:1fr auto 1fr;gap:8px;background:#fff;border:2px solid var(--ink);border-radius:16px;padding:10px;box-shadow:4px 4px 0 #14141426}
.rm-vs-k{grid-column:1/-1;justify-self:center;font-size:.78rem}
.rm-vs-a,.rm-vs-b{font-size:.78rem;padding:.6em .5em}
}
@media (max-width:760px){.rm-fx-row{gap:5px;padding:.6em .3em}.rm-box{font-size:.8rem;padding:.2em .5em}.rm-fx-row i{font-size:.9rem}}
.ch-tla .tx{width:100%;margin-left:0;margin-right:0}
.ch-tla .steps{gap:clamp(14px,2vw,22px)}
.ch-tla .steps li{border-radius:18px}
.ch-tla .steps li:nth-child(1){background:#fbefc4;box-shadow:5px 6px 0 var(--yellow)}
.ch-tla .steps li:nth-child(2){background:#dff0f7;box-shadow:5px 6px 0 var(--blue)}
.ch-tla .steps li:nth-child(3){background:#e2f0e5;box-shadow:5px 6px 0 var(--green)}
.ch-tla .steps li:nth-child(1) .steps-n{background:var(--yellow);color:var(--ink)}
.ch-tla .steps li:nth-child(2) .steps-n{background:var(--blue);color:var(--ink)}
.ch-tla .steps li:nth-child(3) .steps-n{background:var(--green);color:var(--cream)}
.ch-tla .steps p{color:#3f3f3a}
.rm-mini{position:relative;height:44px;width:calc(100% - 36px);max-width:300px;margin:0 auto 16px}
.rm-mini-t{position:absolute;left:0;right:0;top:9px;height:4px;border-radius:99px;background:#14141433}
.rm-mini-n{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:5px}
.rm-mini-n i{width:20px;height:20px;border-radius:50%;background:var(--yellow);border:2px solid var(--ink)}
.rm-mini-n small{font-family:var(--f-label);font-weight:800;font-size:.62rem;color:#14141499}
.rm-fx-k{margin:14px 0 0;font-family:var(--f-brush);font-size:1.2rem;color:#8f1d24}
.rm-cap span:nth-child(2){background:#fbefc4}
.rm-cap span:nth-child(3){background:#f9e0de}
.rm-ctrl{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 18px;margin:18px auto 0;max-width:640px}
.rm-play{border:2px solid var(--ink);background:var(--ink);color:var(--cream);border-radius:999px;padding:.65em 1.3em;font-family:var(--f-label);font-weight:800;font-size:.86rem;cursor:pointer;box-shadow:3px 3px 0 var(--purple);min-width:11.5em}
.rm-play:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--purple)}
.rm-slider{flex:1;min-width:240px;display:flex;align-items:center;gap:12px;font-family:var(--f-label);font-weight:800;font-size:.86rem}
.rm-slider>span{flex:none;min-width:4.4em}
.rm-slider b{font-family:var(--f-display);font-weight:400;font-size:1.5rem;color:#b3262e;vertical-align:-2px}
.rm-slider input{flex:1;-webkit-appearance:none;appearance:none;height:10px;border-radius:99px;border:2px solid var(--ink);background:linear-gradient(90deg,var(--purple) var(--p,0%),#fff var(--p,0%));cursor:pointer;margin:0}
.rm-slider input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--purple);border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}
.rm-slider input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--purple);border:2.5px solid var(--ink)}
.rm .rm-daynote{margin:16px auto 22px}
.rm-area{position:relative;width:100%;max-width:300px;aspect-ratio:1;margin:10px auto 6px}
.rm-ghost{position:absolute;inset:0;border:2px dashed #14141433;border-radius:6px}
.rm-fill{position:absolute;left:0;top:0;border-radius:3px;background-color:#8f8e86;background-image:linear-gradient(to right,#ffffffb3 1px,#0000 1px),linear-gradient(to bottom,#ffffffb3 1px,#0000 1px);background-size:calc(100% / var(--k,1)) calc(100% / var(--kh,1));transition:width .15s linear,height .15s linear;outline:2px solid var(--ink);outline-offset:-1px}
.rm-card.is-gen .rm-fill{background-color:var(--purple)}
.rm-math{margin:6px 0 0;font-family:var(--f-mono);font-size:.86rem;color:#55554f}
.rm-count{margin:0;display:flex;flex-direction:column;align-items:center}
.rm-count b{font-family:var(--f-display);font-weight:400;font-size:clamp(2.6rem,4.6vw,3.6rem);line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.rm-card.is-gen .rm-count b{color:#b3262e}
.rm-count span{font-family:var(--f-label);font-weight:700;font-size:.8rem;color:#3f3f3a}
.rm-unit{margin:16px auto 0;max-width:56ch;text-align:center;font-family:var(--f-mono);font-size:.74rem;line-height:1.6;color:#55554f}
.rm-chart{margin:26px auto 0;max-width:760px;background:#fff;border:2px solid var(--ink);border-radius:18px;padding:16px 18px 8px;box-shadow:5px 6px 0 var(--blue)}
.rm-chart-h{margin:0 0 4px;text-align:center;font-family:var(--f-label);font-weight:800;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#b3262e}
.rm-chart svg{width:100%;height:auto;display:block}
.rm-ax{fill:none;stroke:var(--ink);stroke-width:2}
.rm-ty,.rm-tx{font-family:var(--f-label);font-weight:700;font-size:12px;fill:#14141499}
.rm-pj{fill:none;stroke-width:2;stroke-dasharray:4 6;opacity:.35}
.rm-pj-g{stroke:#b3262e}
.rm-pj-c{stroke:var(--ink)}
.rm-ln{fill:none;stroke-width:4.5;stroke-linejoin:round;stroke-linecap:round}
.rm-ln-g{stroke:#b3262e}
.rm-ln-c{stroke:var(--ink)}
.rm-now{stroke:#14141440;stroke-width:1.5;stroke-dasharray:3 4}
.rm-pt{stroke:var(--ink);stroke-width:2.5}
.rm-pt-g{fill:var(--purple)}
.rm-pt-c{fill:#d9d8d0}
.rm-lab-g,.rm-lab-c{font-family:var(--f-label);font-weight:800;font-size:14px}
.rm-lab-g{fill:#b3262e}
.rm-lab-c{fill:var(--ink)}
@media (max-width:760px){.rm-ctrl{flex-direction:column;align-items:stretch}.rm-play{align-self:center}.rm-slider{min-width:0}.rm-area{margin-top:8px}.rm-fill{background-image:linear-gradient(to right,#ffffff80 1px,#0000 1px),linear-gradient(to bottom,#ffffff80 1px,#0000 1px)}.rm-math{font-size:.72rem}.rm-count b{font-size:2.2rem}.rm-count span{font-size:.66rem;line-height:1.3}.rm-chart{padding:12px 8px 4px}.rm-ty,.rm-tx{font-size:15px}.rm-lab-g,.rm-lab-c{font-size:17px}}
.rm-how{width:min(100%,1060px);margin:clamp(34px,5vw,56px) auto 0;background:#fff;border:2px solid var(--ink);border-radius:22px;padding:26px clamp(14px,3vw,36px) 22px;box-shadow:7px 8px 0 var(--yellow);text-align:center;position:relative;z-index:1}
.rm-how h4{margin:0;font-family:var(--f-display);font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.05;color:var(--ink)}
.rm-lanes{display:flex;flex-direction:column;gap:8px;margin:22px auto 0;max-width:880px}
.rm-lane{display:grid;grid-template-columns:150px 1fr;align-items:center;border-radius:16px;background:#f4f3ee;border:2px solid #14141418}
.rm-lane-t{background:#fbefc4;border-color:#f2c23066}
.rm-lane.is-gen{background:#f9e0de;border-color:#d9363e66}
.rm-lane-k{text-align:left;display:flex;flex-direction:column;gap:3px;padding:10px 0 10px 16px}
.rm-lane-k b{font-family:var(--f-label);font-weight:800;font-size:.98rem;color:var(--ink)}
.rm-lane.is-gen .rm-lane-k b{color:#8f1d24}
.rm-lane-k small{font-family:var(--f-mono);font-size:.72rem;color:#55554f}
.rm-lane-r{position:relative;height:74px;margin:0 38px 0 22px}
.rm-lane-line{position:absolute;left:0;right:0;top:50%;height:3px;border-radius:9px;background:#14141426;transform:translateY(-50%)}
.rm-lane-t .rm-lane-r{height:80px}
.rm-lane-t .rm-lane-line{top:36px}
.rm-tn{position:absolute;top:26px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.rm-tn i{width:22px;height:22px;border-radius:50%;background:var(--yellow);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}
.rm-tn small{font-family:var(--f-label);font-weight:800;font-size:.66rem;color:var(--ink)}
.rm-tg{position:absolute;top:8px;transform:translateX(-50%);font-family:var(--f-label);font-weight:800;font-size:.62rem;color:#9a7a10;white-space:nowrap}
.rm-bub{position:absolute;top:50%;left:0;width:var(--s);height:var(--s);border-radius:50%;transform:translate(-50%,-50%);background:#cfcec6;border:2.5px solid var(--ink)}
.rm-lane.is-gen .rm-bub{background:var(--purple);box-shadow:0 0 0 5px #d9363e33,2px 2px 0 var(--ink)}
.rm-how .rm-fx-k{margin:16px 0 0;font-size:1.3rem}
@media (max-width:760px){.rm-lane{grid-template-columns:1fr}.rm-lane-k{flex-direction:row;align-items:baseline;justify-content:center;gap:8px;padding:10px 8px 0;text-align:center}.rm-lane-k b{font-size:.86rem}.rm-lane-k small{font-size:.66rem}.rm-lane-r{margin:0 32px 0 20px;height:66px}.rm-lane-t .rm-lane-r{height:72px}.rm-lane-t .rm-lane-line{top:32px}.rm-tn{top:22px}.rm-tg{top:4px}.rm-how .rm-fx-k{font-size:1.1rem}}
.rm-calc{margin:4px auto 0;max-width:900px;text-align:center}
.rm-calc h4{margin:0 0 16px;font-family:var(--f-display);font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.05;color:var(--ink)}
.rm-calc-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2.4vw,26px);text-align:left}
.rm-calc-c{border-radius:18px;padding:18px 20px 20px;border:2px dashed #14141440;background:#fff}
.rm-calc-c.is-gen{border:2px solid var(--ink);background:#fcecea;box-shadow:5px 6px 0 var(--purple)}
.rm-calc-c small{display:block;font-family:var(--f-label);font-weight:800;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:#14141499}
.rm-calc-c.is-gen small{color:#b3262e}
.rm-calc-f{margin:.35em 0 .3em;font-family:var(--f-display);font-weight:400;font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.05;color:var(--ink);letter-spacing:.02em}
.rm-calc-c.is-gen .rm-calc-f{color:#8f1d24}
.rm-calc-c b{display:block;font-family:var(--f-label);font-weight:800;font-size:1rem;color:var(--ink);margin-bottom:.35em}
.rm-calc-c p:not(.rm-calc-f){margin:0;font-family:var(--f-mono);font-size:.82rem;line-height:1.7;color:#3f3f3a}
.rm-calc-k{margin:18px auto 0;max-width:58ch;font-family:var(--f-mono);font-size:.82rem;line-height:1.7;color:#3f3f3a}
.rm .rm-ctrl{margin-top:14px}
.rm-play{background:#fff;color:var(--ink);box-shadow:2px 2px 0 var(--ink);padding:.5em 1.05em;font-size:.8rem;min-width:9.5em}
.rm-play:active{box-shadow:0 0 0 var(--ink)}
@media (max-width:760px){.rm-calc-cols{grid-template-columns:1fr}.rm-calc-c{padding:16px}}
.ch-reg .rm{margin-top:clamp(48px,6vw,76px)}
.rm-area{aspect-ratio:3/1;max-width:340px}
.rm-hook{margin:6px auto 6px;max-width:24ch;text-align:center;font-family:var(--f-display);font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.08;color:var(--ink)}
.rm-hook-s{margin:0 auto;max-width:52ch;text-align:center;font-family:var(--f-mono);font-size:.86rem;line-height:1.7;color:#3f3f3a}
.rm-net{max-width:400px}
.rm-net .rm-seed{opacity:0;transform:scale(.3);transform-box:fill-box;transform-origin:center;transition:opacity .25s ease,transform .35s cubic-bezier(.3,1.6,.5,1)}
.rm-net .rm-seed.on{opacity:1;transform:none}
.rm-net .rm-seed{stroke-width:2}
.rm-net .rm-g line{stroke-width:1.2}
.rm-net .rm-g circle{stroke-width:1.6}
.ch-reg .rm-calc{margin:clamp(56px,7vw,84px) auto 0;max-width:900px}
.rm-calc .rm-step{margin-bottom:16px}
.ch-reg .rm-wrap .rm-legend{margin-top:18px}
.rm-take{width:min(100%,820px);margin:clamp(48px,6vw,72px) auto 0;text-align:center;position:relative;z-index:1}
.rm-take-h{margin:0;font-family:var(--f-display);font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.9rem,4vw,3rem);line-height:1.05;color:var(--ink)}
.rm-take-h em{font-style:normal;color:#b3262e}
.rm-take-s{margin:12px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;font-family:var(--f-mono);font-size:.88rem;color:#3f3f3a}
.rm-take-s b{font-family:var(--f-label);font-weight:800;color:var(--ink)}
.rm-take-s .is-gen b{color:#b3262e}
.rm-hook{max-width:30ch;font-size:clamp(1.4rem,2.7vw,2.2rem)}
.rm-scene .rm-step{margin-bottom:22px}
.rm-scene .rm-hook{max-width:22ch;margin:0 auto 14px;font-size:clamp(1.8rem,3.4vw,2.8rem);line-height:1.04}
.rm-scene .rm-hook-s{max-width:50ch;margin:0 auto;font-size:.9rem;line-height:1.75}
.rm-scene .rm-ctrl{margin:34px auto 0;max-width:620px;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:10px 22px 10px 10px;gap:18px;box-shadow:4px 5px 0 var(--ink);flex-wrap:nowrap}
.rm-scene .rm-play{background:var(--purple);color:var(--ink);border:2px solid var(--ink);box-shadow:none;padding:.6em 1.2em;font-size:.84rem;min-width:12.5em;flex:none}
.rm-scene .rm-play:active{transform:translateY(1px)}
.rm-scene .rm-slider{min-width:0}
.rm-scene .rm-daynote{margin:22px auto 0;max-width:620px;background:#fcecea;color:var(--ink);border:2px dashed #d9363e99;box-shadow:none;justify-content:center;text-align:center;font-weight:700;font-size:.95rem;padding:.8em 1.2em}
.rm-people{margin-top:44px;gap:clamp(20px,3.4vw,40px);align-items:stretch}
.rm-person{background:#fff;border:2px solid var(--ink);border-radius:24px;padding:24px clamp(16px,2.4vw,28px) 22px;box-shadow:7px 8px 0 var(--ink);display:flex;flex-direction:column;align-items:center;gap:18px}
.rm-person.is-gen{background:#fcecea;box-shadow:7px 8px 0 var(--purple)}
.rm-who{display:flex;align-items:center;gap:14px;align-self:stretch;justify-content:center}
.rm-who b{display:block;font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:1.7rem;line-height:1;letter-spacing:.02em}
.rm-who small{display:block;margin-top:4px;font-family:var(--f-label);font-weight:700;font-size:.78rem;color:#55554f}
.rm-person.is-gen .rm-who small{color:#8f1d24}
.rm-ava{width:72px;height:auto;flex:none;display:block}
.rm-ava-bg{fill:#ecebe4;stroke:var(--ink);stroke-width:2.5}
.rm-person.is-gen .rm-ava-bg{fill:#f6cfcb}
.rm-ava-body{fill:#8f8e86;stroke:var(--ink);stroke-width:2.5}
.rm-person.is-gen .rm-ava-body{fill:var(--purple)}
.rm-ava-skin{fill:#f2c9a0;stroke:var(--ink);stroke-width:2.5}
.rm-ava-hair{fill:var(--ink)}
.rm-person.is-gen .rm-ava-hair{fill:#5a3a1c}
.rm-ava-eye{fill:var(--ink)}
.rm-ava-mouth{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}
.rm-ava-book{fill:var(--yellow);stroke:var(--ink);stroke-width:2.5}
.rm-bubble{position:relative;display:flex;align-items:baseline;justify-content:center;gap:.45em;flex-wrap:wrap;background:#fff;border:2px solid var(--ink);border-radius:18px;padding:.55em 1.2em;box-shadow:3px 4px 0 var(--ink);min-width:72%}
.rm-bubble:before{content:"";position:absolute;top:-11px;left:50%;width:18px;height:18px;background:inherit;border-left:2px solid var(--ink);border-top:2px solid var(--ink);transform:translateX(-50%) rotate(45deg)}
.rm-bubble small{font-family:var(--f-label);font-weight:700;font-size:.86rem;color:#3f3f3a}
.rm-bubble b{font-family:var(--f-display);font-weight:400;font-size:clamp(2.2rem,4vw,3rem);line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.rm-person.is-gen .rm-bubble b{color:#b3262e}
.rm-bubble span{font-family:var(--f-label);font-weight:700;font-size:.86rem;color:#3f3f3a}
.rm-mind{width:100%;display:flex;flex-direction:column;align-items:center;border-top:2px dashed #14141422;padding-top:16px}
.rm-mind-h{margin:0;font-family:var(--f-brush);font-size:1.15rem;color:#55554f}
.rm-person.is-gen .rm-mind-h{color:#8f1d24}
.rm-person .rm-math{margin:2px 0 0}
.rm-scene .rm-legend{margin-top:26px}
@media (max-width:760px){
.rm-scene .rm-ctrl{flex-direction:column;align-items:stretch;border-radius:20px;padding:12px 16px 14px}
.rm-scene .rm-play{align-self:center}
.rm-people{grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}
.rm-person{padding:16px 10px;border-radius:18px;gap:12px;box-shadow:4px 5px 0 var(--ink)}
.rm-person.is-gen{box-shadow:4px 5px 0 var(--purple)}
.rm-who{flex-direction:column;gap:6px;text-align:center}
.rm-ava{width:56px}
.rm-who b{font-size:1.3rem}
.rm-who small{font-size:.64rem;line-height:1.3}
.rm-bubble{min-width:0;width:100%;padding:.5em .4em;flex-direction:column;align-items:center;gap:0}
.rm-bubble small,.rm-bubble span{font-size:.7rem}
.rm-bubble b{font-size:2rem}
.rm-mind{padding-top:10px}
.rm-mind-h{font-size:.86rem;text-align:center}
.rm-person .rm-math{font-size:.64rem;text-align:center}
}
.rm-person.is-gen .rm-seed{fill:var(--purple)}
.rm-scene .rm-hook{max-width:28ch}
.rm-ava{width:84px}
@media (max-width:760px){.rm-ava{width:58px}.rm-scene .rm-hook{max-width:18ch}}
@media (max-width:760px){.rm-who small{min-height:2.6em}}

.ch-reg{--purple:#d9363e;--mc:#d9363e}
.rm-scene .rm-ctrl{background:none;border:0;box-shadow:none;padding:0;max-width:560px;gap:16px;margin-top:30px}
.rm-scene .rm-play{background:#fff;color:var(--ink);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);padding:.5em 1.05em;font-size:.8rem;min-width:11.5em}
.rm-scene .rm-slider input{height:8px;border-width:1.5px}
.rm-scene .rm-slider input::-webkit-slider-thumb{width:20px;height:20px;box-shadow:none;border-width:2px}
.rm-scene .rm-daynote{background:none;border:0;box-shadow:none;padding:0;margin:18px auto 0;font-family:var(--f-label);font-weight:700;font-size:.95rem;color:#2b2b27}
.rm-scene .rm-grid{margin-top:36px}
.rm-calc-cols{grid-template-columns:1fr auto 1fr;gap:clamp(18px,3vw,36px);align-items:stretch}
.rm-calc-c,.rm-calc-c.is-gen{border:0;background:none;box-shadow:none;padding:4px 0}
.rm-calc-c.is-gen .rm-calc-f{color:#b3262e}
.rm-calc-c.is-gen small{color:#b3262e}
.rm-calc-vs{display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--f-display);font-size:1rem;text-transform:uppercase;color:#14141466}
.rm-calc-vs:before,.rm-calc-vs:after{content:"";flex:1;width:2px;background:#1414141f;border-radius:2px}
.rm-chart{box-shadow:none;border:2px solid #14141426}
.rm-chart-h{color:#55554f}
@media (max-width:760px){.rm-scene .rm-ctrl{flex-direction:column;align-items:stretch}.rm-calc-cols{grid-template-columns:1fr}.rm-calc-vs{flex-direction:row}.rm-calc-vs:before,.rm-calc-vs:after{width:auto;height:2px}}
.ch-reg{--blue:#c22a32}

.ch-reg{--red:#c22a32}
.rm-calc .rm-foot{margin-top:26px}
.pd{width:100%;margin:0;background:var(--paper,#f4f3ee);border:2px solid var(--ink);border-radius:22px;padding:clamp(20px,3vw,36px);box-shadow:8px 9px 0 var(--orange);position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(20px,2.6vw,30px)}
.pd-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.pd-tabs button{display:inline-flex;align-items:center;gap:.5em;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:.55em 1.05em;font-family:var(--f-label);font-weight:800;font-size:.84rem;color:var(--ink);cursor:pointer;transition:background .2s,transform .15s}
.pd-tabs button span{font-size:1.05rem;line-height:1}
.pd-tabs button:hover{transform:translateY(-1px)}
.pd-tabs button.on{background:var(--orange);box-shadow:2px 3px 0 var(--ink)}
.pd-say{text-align:center;animation:rmIn .35s ease both}
.pd-say small{display:block;font-family:var(--f-label);font-weight:800;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#14141499;margin-bottom:6px}
.pd-say p{margin:0;font-family:var(--f-label);font-weight:800;font-size:clamp(1.2rem,2.2vw,1.6rem);line-height:1.3;color:var(--ink)}
.pd-duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2.4vw,24px)}
.pd-way{border-radius:18px;padding:20px 22px;display:flex;flex-direction:column;gap:10px;animation:rmIn .35s ease both}
.pd-bad{background:#fff;border:2px dashed #14141440}
.pd-good{background:#fff;border:2px solid var(--ink);box-shadow:4px 5px 0 var(--orange);animation-delay:.08s}
.pd-way-h{margin:0;display:flex;align-items:center;gap:.6em;font-family:var(--f-label);font-weight:800;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#55554f}
.pd-way-h b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:.85rem;letter-spacing:0;color:#fff;background:#d9363e;flex:none}
.pd-good .pd-way-h{color:var(--ink)}
.pd-good .pd-way-h b{background:#2e8b4e}
.pd-line{margin:0;font-family:var(--f-display);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.35rem,2.4vw,1.85rem);line-height:1.12;color:var(--ink)}
.pd-bad .pd-line{color:#8a8a82;text-decoration:line-through;text-decoration-color:#d9363e;text-decoration-thickness:3px}
.pd-cap{margin:0;font-family:var(--f-label);font-size:.88rem;line-height:1.55;color:#55554f}
.pd-notes{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2.4vw,24px);border-top:2px dashed #14141426;padding-top:clamp(16px,2vw,22px);animation:rmIn .35s ease both}
.pd-notes p{margin:0;font-family:var(--f-label);font-size:.92rem;line-height:1.6;color:#3f3f3a}
.pd-notes b{display:block;margin-bottom:4px;font-weight:800;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#b8551c}
@media (prefers-reduced-motion:reduce){.pd-say,.pd-way,.pd-notes{animation:none}}
@media (max-width:760px){.pd-duo,.pd-notes{grid-template-columns:1fr}.pd-tabs button{font-size:.76rem;padding:.5em .85em}.pd-way{padding:16px}}
.lede,.ch-text,.j-text,.meto-intro,.story-copy .mono-p,.rm-hook-s,.rm-calc-c p:not(.rm-calc-f),.rm-take-s,.steps p{font-family:var(--f-label);font-stretch:100%;font-weight:400;letter-spacing:0}
.ch-text{font-size:1rem;line-height:1.7;color:#3a3a35}
.lede{font-size:1.02rem;line-height:1.7}
.story-copy .mono-p{font-size:1rem;line-height:1.72}
.meto-intro{font-size:1.02rem;line-height:1.7}
.j-text{font-size:.9rem;line-height:1.6}
.steps p{font-size:.9rem;line-height:1.55}
.rm-hook-s,.rm-calc-c p:not(.rm-calc-f){font-size:.95rem;line-height:1.7}
.rm-take-s{font-size:.95rem}
.dd{display:none!important}
.floaters>.floater:nth-child(3),.floaters>.floater:nth-child(4),.floaters>.floater:nth-child(5),.floaters>.floater:nth-child(10){display:none}
.st-b{background:var(--red);color:var(--cream)}
.ch-plus{box-shadow:none}
.steps li,.ch-tla .steps li:nth-child(n){box-shadow:none}
.story-copy .mono-p{color:rgba(236,235,229,.84)}
/* steps as one connected route */
.steps,.ch-tla .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:clamp(34px,4.5vw,56px) auto 0;max-width:1060px;counter-reset:none}
.steps li,.ch-tla .steps li:nth-child(n){background:none;border:0;border-radius:0;box-shadow:none;padding:0 clamp(14px,2.4vw,30px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;position:relative}
.steps li:not(:last-child):before{content:"";position:absolute;top:31px;left:calc(50% + 46px);right:calc(-50% + 46px);border-top:3px dashed #14141455}
.steps li:not(:last-child):after{content:"";position:absolute;top:25px;right:calc(-50% + 40px);width:12px;height:12px;border-top:3px solid #14141470;border-right:3px solid #14141470;transform:rotate(45deg)}
.steps-n,.ch-tla .steps li:nth-child(n) .steps-n{position:relative;top:auto;left:auto;width:64px;height:64px;font-size:1.9rem;border:2.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink);margin-bottom:10px;flex:none}
.steps b{font-size:clamp(1.15rem,1.7vw,1.4rem);line-height:1.1}
.steps p{max-width:28ch;font-size:.95rem;line-height:1.6;color:#4a4a45}
@media (max-width:760px){
.steps,.ch-tla .steps{grid-template-columns:1fr;gap:26px;max-width:460px}
.steps li,.ch-tla .steps li:nth-child(n){display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto auto;column-gap:16px;row-gap:4px;align-items:start;text-align:left;padding:0}
.steps-n,.ch-tla .steps li:nth-child(n) .steps-n{grid-row:1/3;width:56px;height:56px;font-size:1.6rem;margin:0}
.steps b{align-self:end;padding-top:6px}
.steps p{max-width:none}
.steps li:not(:last-child):before{top:62px;bottom:-24px;left:27px;right:auto;border-top:0;border-left:3px dashed #14141455}
.steps li:not(:last-child):after{display:none}
}
.lab{width:min(100%,1060px);margin:clamp(36px,5vw,56px) auto 0;background:#fff;border:2px solid var(--ink);border-radius:26px;box-shadow:8px 9px 0 var(--purple);overflow:hidden;position:relative;z-index:1}
.lab-bar{display:flex;justify-content:space-between;align-items:center;gap:18px 28px;flex-wrap:wrap;padding:16px clamp(16px,2.6vw,26px);background:#f4f3ee;border-bottom:2px solid var(--ink)}
.lab-title{margin:0;display:flex;flex-direction:column;gap:2px;font-family:var(--f-label);font-weight:800;font-size:1.02rem;color:var(--ink)}
.lab-title small{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:#b3262e}
.lab-ctrl{flex:1;max-width:520px;min-width:300px;display:flex;align-items:center;gap:14px}
.lab-play{flex:none;width:46px;height:46px;border-radius:50%;background:var(--purple);color:#fff;border:2px solid var(--ink);box-shadow:2px 3px 0 var(--ink);font-size:1rem;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}
.lab-play:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}
.lab-slider{flex:1;min-width:0}
.lab-slider>span{min-width:6.6em;font-size:.84rem}
.lab-slider b{font-size:1.4rem}
.lab-split{display:grid;grid-template-columns:1fr 1fr;position:relative}
.lab-pane{padding:28px clamp(14px,3vw,36px) 26px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
.lab-pane.is-gen{background:#fcecea;border-left:2px solid var(--ink)}
.lab-tag{font-family:var(--f-label);font-weight:800;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:#14141499}
.lab-pane.is-gen .lab-tag{color:#b3262e}
.lab-pane h4{margin:.2em 0 .1em;font-family:var(--f-display);font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1.05;color:var(--ink)}
.lab-pane.is-gen .rm-seed{fill:var(--purple)}
.lab-count{margin:2px 0 0;display:flex;flex-direction:column;align-items:center}
.lab-count b{font-family:var(--f-display);font-weight:400;font-size:clamp(2.6rem,4.6vw,3.6rem);line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.lab-pane.is-gen .lab-count b{color:#b3262e}
.lab-count span{font-family:var(--f-label);font-weight:700;font-size:.82rem;color:#3f3f3a}
.lab-math{margin:6px 0 0;font-family:var(--f-mono);font-size:.76rem;color:#14141480}
.lab-vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background:#fff;border:2px solid var(--ink);display:grid;place-items:center;font-family:var(--f-display);font-size:1.1rem;text-transform:uppercase;z-index:2;box-shadow:2px 3px 0 var(--ink)}
.lab-note{margin:0;padding:14px 22px;border-top:2px solid var(--ink);background:#f4f3ee;display:flex;justify-content:center;align-items:center;gap:10px;font-family:var(--f-label);font-weight:700;font-size:.98rem;color:var(--ink);text-align:center;animation:rmIn .35s ease both}
.lab-note span:first-child{font-size:1.3rem}
.ch-reg .rm-legend{margin-top:22px}
.rm-calc-h{margin:0 0 22px;text-align:center;font-family:var(--f-display);font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.05;color:var(--ink)}
@media (prefers-reduced-motion:reduce){.lab-note{animation:none}}
@media (max-width:760px){
.lab{border-radius:20px;box-shadow:5px 6px 0 var(--purple)}
.lab-bar{flex-direction:column;align-items:stretch;padding:14px}
.lab-title{align-items:center;text-align:center}
.lab-ctrl{min-width:0;max-width:none}
.lab-pane{padding:18px 8px 18px}
.lab-pane h4{font-size:1.1rem;min-height:2.1em;display:flex;align-items:center}
.lab-tag{font-size:.5rem;letter-spacing:.1em;line-height:1.4;min-height:2.8em}
.lab-count b{font-size:2.2rem}
.lab-count span{font-size:.66rem;line-height:1.3}
.lab-math{font-size:.62rem}
.lab-vs{width:36px;height:36px;font-size:.85rem}
.lab-note{font-size:.84rem;padding:12px 14px}
}
.c-red{color:#e2474f}
.btn-red{background:var(--red);color:var(--cream)}
.frame-red{--fc:var(--red)}
.mm-art{background-color:#1c1011;background-image:radial-gradient(#d9363e38 1px,#0000 1.4px),radial-gradient(circle at 50% 45%,#d9363e40,#0000 62%)}
.mm-badge{background:var(--red);color:var(--cream)}
.mm-net{position:absolute;left:0;right:0;top:13%;bottom:15%;width:100%;height:72%;margin:auto;overflow:visible}
.mm-far{fill:#f2c7c4;opacity:.45}
.mm-ln{stroke:#d9363e;stroke-width:.8;stroke-dasharray:1.5 2.2;opacity:.9}
.mm-node{fill:var(--cream);stroke:#d9363e;stroke-width:1.4}
.mm-seed{fill:#d9363e;stroke:var(--cream);stroke-width:1.8}
.mm-art .mm-chip{box-shadow:3px 3px 0 var(--red);white-space:nowrap}
@media (min-width:761px){.rm-calc-c.is-gen{text-align:right}.rm-calc-c.is-gen p:not(.rm-calc-f){margin-left:auto;max-width:46ch}}
.lab-ico{width:20px;height:20px;display:block}
.lab-play{box-shadow:2px 2px 0 var(--ink)}
@media (min-width:761px){.lab-bar{justify-content:flex-start;flex-wrap:nowrap}.lab-title{flex:none}.lab-ctrl{flex:1;max-width:none;min-width:0}}
.frame-red{border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;background:none!important}
.frame-red .mm-art{background:none!important;overflow:visible}
.frame-red .mm-badge{top:6%;left:4%;z-index:2}
.syn{position:absolute;left:-16%;top:-10%;width:132%;height:120%;overflow:visible;pointer-events:none}
@keyframes synDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes synPop{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes synWave{0%{transform:scale(1);opacity:.75}100%{transform:scale(3.4);opacity:0}}
@keyframes synTw{0%,100%{opacity:.22}50%{opacity:.85}}
@keyframes synBeat{0%,100%{transform:scale(1)}12%{transform:scale(1.12)}24%{transform:scale(1)}}
.syn-p{fill:none;stroke:#d9363e;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;animation:synDraw 1.5s cubic-bezier(.6,0,.3,1) var(--d,0s) both}
.syn-q{fill:none;stroke:#ecebe5;stroke-opacity:.32;stroke-width:1.3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;animation:synDraw 1.3s ease var(--d,0s) both}
.syn-o{fill:#ecebe5;opacity:.5;animation:synTw 3.4s ease-in-out var(--d,0s) infinite}
.syn-n{transform-box:fill-box;transform-origin:center;animation:synPop .55s cubic-bezier(.3,1.6,.5,1) var(--d,0s) both}
.syn-n-sh{fill:#d9363e}
.syn-n-c{fill:var(--cream);stroke:#141414;stroke-width:2.4}
.syn-core-sh{fill:#141414;stroke:#d9363e;stroke-width:2}
.syn-core{fill:#d9363e;stroke:var(--cream);stroke-width:3.2;transform-box:fill-box;transform-origin:center;animation:synBeat 2.8s ease-in-out infinite}
.syn-wave{fill:none;stroke:#d9363e;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:synWave 2.8s ease-out infinite}
.syn-wave-2{animation-delay:1.4s}
.syn-pulse{fill:#fff;opacity:0;filter:drop-shadow(0 0 4px #ff6b6b)}
@media (prefers-reduced-motion:reduce){.syn *{animation:none!important}.syn-pulse,.syn-wave{display:none}}
@media (max-width:760px){.syn{left:-8%;width:116%;top:-6%;height:112%}}
.frame-red{clip-path:none!important;-webkit-clip-path:none!important}
.frame-red .syn{max-width:none}
@media (min-width:761px){.frame-red .syn{left:-9%;width:118%;top:-8%;height:116%}}
.ch-belief{--bc:var(--ink);margin:clamp(18px,2.4vw,28px) auto 0;max-width:720px;text-align:center;display:flex;flex-direction:column;gap:16px}
.ch-tla .ch-belief{--bc:#1b7039}
.ch-blocks .ch-belief{--bc:#b8551c}
.ch-reg .ch-belief{--bc:#b3262e}
.ch-bank .ch-belief{--bc:#b83a78}
.ch-believe{margin:0;font-family:var(--f-label);font-weight:800;font-stretch:100%;font-size:clamp(1.3rem,2.4vw,1.8rem);line-height:1.28;color:var(--ink)}
.ch-believe small{display:block;margin-bottom:6px;font-family:var(--f-brush);font-weight:400;font-size:clamp(1.05rem,1.6vw,1.3rem);color:var(--bc)}
.ch-why{margin:0 auto;max-width:62ch;font-family:var(--f-label);font-weight:400;font-stretch:100%;font-size:1rem;line-height:1.72;color:#3a3a35}
.ch-why b{display:block;margin-bottom:6px;font-weight:800;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bc)}
.ch-belief+.ch-text{margin-top:14px;padding-top:16px;border-top:2px dashed #14141422}
.ch-bank .bk-top .ch-belief{text-align:left;margin:0;max-width:none}
.ch-bank .bk-top .ch-why{margin:0}
.meto-close{margin:clamp(70px,9vw,120px) auto 0;padding:0 var(--gutter,24px);max-width:22ch;text-align:center;font-family:var(--f-display);font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.9rem,4.2vw,3.3rem);line-height:1.04;color:var(--ink);position:relative;z-index:1}
.meto-close em{display:block;font-style:normal;text-transform:none;letter-spacing:0;font-family:var(--f-brush);color:var(--orange);margin-top:.12em}
@media (min-width:1001px){.ch-bank .bk-top>:first-child{grid-row:1/span 2}.ch-bank .bk-top>.ch-text{grid-column:2}}
.meto-close{max-width:28ch}
.ch-reg .ch-belief{margin-top:clamp(8px,1.4vw,16px);gap:12px}
.ch-reg .ch-why b{display:none}
.ch-reg .ch-belief+.ch-text{border-top:0;padding-top:0;margin-top:12px}
.ch-belief-reg{gap:14px}
.ch-belief-reg .ch-believe{margin-bottom:4px}
.rm-after{margin:clamp(40px,5vw,60px) auto 0;max-width:62ch;text-align:center;font-family:var(--f-label);font-size:1.05rem;line-height:1.75;color:#3a3a35}
.ch-reg .rm-calc{margin-top:clamp(40px,5vw,60px)}
.lab-rule{margin:10px 0 0;font-family:var(--f-label);font-weight:800;font-size:1rem;color:var(--ink)}
.lab-pane.is-gen .lab-rule{color:#b3262e}
.ch-reg .rm-wrap>.rm-foot{margin-top:8px}
@media (max-width:760px){.lab-rule{font-size:.78rem}}
.mg-intro{width:100%;max-width:1000px;margin:clamp(14px,2vw,22px) auto 0;display:flex;flex-direction:column;align-items:center}
.mg-q{margin:0 auto;max-width:24ch;text-align:center;font-family:var(--f-label);font-weight:800;font-stretch:100%;font-size:clamp(1.6rem,3.2vw,2.5rem);line-height:1.2;color:var(--ink)}
.mg-q mark{color:inherit;background:linear-gradient(transparent 56%,#f3c1bd 56%);padding:0 .1em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.mg-q u{text-decoration:underline;text-decoration-color:#d9363e;text-decoration-thickness:4px;text-underline-offset:6px}
.mg-row{width:100%;display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(26px,4.4vw,60px);align-items:center;margin:clamp(40px,5vw,60px) 0 0;text-align:left}
.mg-stat{justify-self:center;width:100%;max-width:230px;background:#fff;border:2px solid var(--ink);border-radius:22px;box-shadow:6px 7px 0 #d9363e;padding:20px 16px 22px;text-align:center;transform:rotate(-3deg);display:flex;flex-direction:column;align-items:center;gap:2px}
.mg-stat small{font-family:var(--f-label);font-weight:800;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:#14141499}
.mg-stat b{font-family:var(--f-display);font-weight:400;font-size:6rem;line-height:.95;color:#c22a32}
.mg-stat span{font-family:var(--f-label);font-weight:800;font-size:.9rem;line-height:1.25;color:var(--ink);max-width:14ch}
.mg-text p{margin:0;font-family:var(--f-label);font-size:1.05rem;line-height:1.75;color:#3a3a35}
.mg-text p b{font-weight:800;color:var(--ink)}
.mg-myth{margin-top:20px;background:#ffffff8c;border:2px dashed #14141455;border-radius:18px;padding:16px 20px 18px}
.mg-myth small{display:block;margin-bottom:6px;font-family:var(--f-label);font-weight:800;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#55554f}
.mg-myth p{font-size:.98rem;color:#4a4a45}
.mg-myth s{text-decoration:line-through;text-decoration-color:#d9363e;text-decoration-thickness:3px;color:#7a7a72;font-weight:700}
.mg-solve{position:relative;width:100%;max-width:1000px;margin:clamp(56px,7vw,84px) auto 0;background:#fff;border:2px solid var(--ink);border-radius:26px;box-shadow:8px 9px 0 #d9363e;padding:clamp(34px,4vw,48px) clamp(22px,4vw,52px) clamp(28px,3.4vw,40px);text-align:left;z-index:1}
.mg-tag{position:absolute;top:-16px;left:clamp(20px,3vw,40px);background:#d9363e;color:var(--cream);border:2px solid var(--ink);border-radius:999px;padding:.4em 1em;font-family:var(--f-label);font-weight:800;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;box-shadow:2px 3px 0 var(--ink);transform:rotate(-2deg)}
.mg-s1{margin:0;max-width:70ch;font-family:var(--f-label);font-size:1.02rem;line-height:1.75;color:#3a3a35}
.mg-s1 b{font-weight:800;color:#b3262e;background:linear-gradient(transparent 62%,#fbe0de 62%)}
.mg-statement{margin:20px 0 0;padding-top:20px;border-top:2px dashed #14141426;font-family:var(--f-label);font-weight:800;font-stretch:100%;font-size:clamp(1.25rem,2.5vw,1.85rem);line-height:1.45;color:var(--ink)}
.mg-brand{font-family:var(--f-brush);font-weight:400;color:#c22a32;font-size:1.12em}
.mg-statement mark{color:inherit;border:2px solid var(--ink);border-radius:10px;padding:.02em .32em .06em;box-decoration-break:clone;-webkit-box-decoration-break:clone;white-space:normal}
.mg-m1{background:#ecebe4}
.mg-statement .mg-m2{background:#d9363e;color:#fff;box-shadow:2px 2px 0 var(--ink)}
@media (max-width:760px){
.mg-row{grid-template-columns:1fr;gap:28px}
.mg-stat{max-width:210px;transform:rotate(-2deg)}
.mg-stat b{font-size:4.6rem}
.mg-text p{font-size:1rem}
.mg-statement{font-size:1.15rem}
}
.ch-tla{--green:#1f6fa8;--mc:#1f6fa8;--blue:#1f6fa8}
.ch-tla .steps li:nth-child(n) .steps-n{background:#1f6fa8;color:var(--cream)}
.ch-tla .tx-ray{color:#cfe6f7;background-color:#0d1620;background-image:radial-gradient(#3aa6d026 1px,#0000 1.4px)}
.ch-tla .tx-ray:after{background:linear-gradient(#0000,#3aa6d040 50%,#0000)}
.ch-tla .tx-ray .tx-big{color:#dcf0ff;text-shadow:0 0 14px #3aa6d0b3}
.ch-tla .tx-bones li{color:#cfe6f7;border-color:#3aa6d0b3}
.ch-tla .tx-ray-note{color:#7cc6ea}
.ch-tla .mg-stat{box-shadow:6px 7px 0 #1f6fa8}
.ch-tla .mg-stat b{color:#1f6fa8}
.ch-tla .mg-q mark{background:linear-gradient(transparent 56%,#cfe6f5 56%)}
.ch-tla .mg-q u{text-decoration-color:#1f6fa8}
.mg-quote{margin-top:20px;background:#fff;border:2px solid var(--ink);border-left:8px solid var(--mc,#1f6fa8);border-radius:16px;padding:16px 20px 18px;box-shadow:3px 4px 0 #14141426}
.mg-quote small{display:block;margin-bottom:6px;font-family:var(--f-label);font-weight:800;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mc,#1f6fa8)}
.mg-quote p{font-family:var(--f-label);font-weight:800!important;font-size:1.12rem!important;line-height:1.45!important;color:var(--ink)!important}
.ch-head h3{margin:1.4rem 0 1.4rem}
.ch-head h3 .ch-brush{display:inline-block;font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.12;transform:rotate(-2.5deg);margin:0 0 .5em;padding:0 .1em}
.ch-head h3 .ch-line{line-height:1.02}
.mg-intro{margin-top:clamp(30px,4.4vw,52px)}
@media (max-width:760px){.ch-head h3 .ch-brush{font-size:clamp(1.6rem,7vw,2.1rem);margin-bottom:.4em}}
.tl-close{position:relative;z-index:1;max-width:780px;margin:clamp(56px,7vw,84px) auto 0;padding:0 var(--gutter,24px);text-align:center}
.tl-close-h{margin:0;font-family:var(--f-display);font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.9rem,4vw,3rem);line-height:1.05;color:var(--ink)}
.tl-close-h u{text-decoration:underline;text-decoration-color:#1f6fa8;text-decoration-thickness:6px;text-underline-offset:8px}
.tl-close-t{margin:20px auto 0;max-width:60ch;font-family:var(--f-label);font-size:1.08rem;line-height:1.75;color:#3a3a35}
.tl-close-t b{font-weight:800;color:#1f6fa8;background:linear-gradient(transparent 62%,#d7e8f5 62%)}
.tl-close{max-width:960px}
.tl-close-h u{white-space:nowrap}
.pd-def{position:relative;z-index:1;max-width:760px;margin:clamp(30px,4.4vw,50px) auto 0;background:#fff;border:2px solid var(--ink);border-left:8px solid var(--orange);border-radius:18px;padding:18px 24px 20px;box-shadow:4px 5px 0 #14141426;text-align:left}
.pd-def small{display:block;margin-bottom:6px;font-family:var(--f-label);font-weight:800;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#b8551c}
.pd-def p{margin:0;font-family:var(--f-label);font-size:1.08rem;line-height:1.65;color:#3a3a35}
.pd-def b{font-weight:800;color:var(--ink);background:linear-gradient(transparent 62%,#f8d9c4 62%)}
.pd-good .pd-line mark{color:inherit;background:var(--orange);border-radius:6px;padding:0 .14em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.pd-pat{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;animation:rmIn .35s ease both}
.pd-pat small{font-family:var(--f-label);font-weight:800;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#14141499}
.pd-pat-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 14px}
.pd-pat-en{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.2rem,2.2vw,1.6rem);background:var(--orange);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:.25em .8em;box-shadow:3px 3px 0 var(--ink)}
.pd-pat-row i{font-style:normal;font-family:var(--f-display);font-size:1.4rem;color:#14141480}
.pd-pat-pt{font-family:var(--f-label);font-weight:800;font-size:clamp(1rem,1.8vw,1.2rem);background:#fff;border:2px dashed #14141455;border-radius:999px;padding:.4em 1em;color:#3a3a35}
.pd-pat-int{margin:0;font-family:var(--f-label);font-size:.92rem;color:#55554f}
.pd-pat-int b{font-weight:800;color:#b8551c}
@media (prefers-reduced-motion:reduce){.pd-pat{animation:none}}

@media (max-width:600px){.pd-pat-row{flex-direction:column;gap:6px}.pd-pat-row i{line-height:1}}

/* 02 Padroes: Expansor */
.px-lead{position:relative;z-index:1;max-width:820px;margin:clamp(30px,4vw,46px) auto 0;text-align:center}
.px-lead-h{margin:0;font-family:var(--f-display);font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.08;color:var(--ink)}
.px-lead-h u{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:6px;text-underline-offset:8px}
.px-lead-t{margin:16px auto 0;max-width:52ch;font-family:var(--f-label);font-size:1.08rem;line-height:1.7;color:#3a3a35}
.px-wrong{margin:12px 0 0!important;font-family:var(--f-label)!important;font-weight:600!important;font-size:.88rem!important;color:#8a8a83!important}
.px-wrong b{display:inline-grid;place-items:center;width:1.4em;height:1.4em;margin-right:.45em;border-radius:50%;background:#d9363e;color:#fff;font-size:.75em}
.px-wrong s{text-decoration-color:#d9363e;text-decoration-thickness:2px}
.px-root{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.px-root small{font-family:var(--f-label);font-weight:800;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#14141499}
.px-root .pd-pat-en{font-size:clamp(1.4rem,2.8vw,2rem);padding:.3em 1em}
.px-wires{display:block;width:100%;height:56px;margin:-12px 0 -18px;overflow:visible}
.px-wires path{fill:none;stroke:#14141433;stroke-width:2;stroke-dasharray:5 6;vector-effect:non-scaling-stroke;transition:stroke .3s}
.px-wires path.on{stroke:var(--orange);stroke-width:3;stroke-dasharray:none}
.px-tree{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.8vw,22px)}
.px-col{display:flex;flex-direction:column;gap:10px}
.px-col-h{align-self:center;margin:0 0 4px;font-family:var(--f-label);font-weight:800;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;background:var(--ink);color:var(--cream,#f4f3ee);border-radius:999px;padding:.4em 1em}
.px-leaf{min-height:74px;border:2px dashed #14141426;border-radius:14px;padding:11px 14px;background:transparent;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s}
.px-leaf p{margin:0;opacity:0;transition:opacity .35s}
.px-leaf.on{background:#fff;border:2px solid var(--ink);box-shadow:3px 4px 0 #14141422;animation:pxPop .4s ease both}
.px-leaf.on p{opacity:1}
.px-en{font-family:var(--f-label);font-weight:800;font-size:.98rem;line-height:1.35;color:var(--ink)}
.px-en mark{background:#f8d9c4;color:#b8551c;border-radius:4px;padding:0 .15em}
.px-pt{margin-top:4px!important;font-family:var(--f-label);font-size:.82rem;line-height:1.4;color:#77776f}
@keyframes pxPop{0%{transform:scale(.94)}60%{transform:scale(1.03)}100%{transform:scale(1)}}
.px-foot{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 26px;padding-top:6px}
.px-count{margin:0;display:flex;align-items:baseline;gap:12px;font-family:var(--f-label);font-weight:800;font-size:.95rem;color:#55554f}
.px-count b{font-family:var(--f-display);font-weight:400;font-size:2.4rem;line-height:1;color:var(--ink);margin-right:.15em}
.px-count span:last-child b{color:#b8551c}
.px-count i{font-style:normal;font-family:var(--f-display);font-size:1.6rem;color:var(--orange)}
.px-btn{font-family:var(--f-label);font-weight:800;font-size:.92rem;background:var(--orange);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:.7em 1.4em;box-shadow:3px 4px 0 var(--ink);cursor:pointer;transition:transform .15s,box-shadow .15s}
.px-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 5px 0 var(--ink)}
.px-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.px-tip{margin:0;border-top:2px dashed #14141422;padding-top:18px;font-family:var(--f-label);font-size:.95rem;line-height:1.6;color:#3a3a35}
.px-tip b{display:block;margin-bottom:4px;font-weight:800;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#b8551c}
.px-close .tl-close-h u{white-space:normal;text-decoration-color:var(--orange)}
@media (max-width:760px){.px-wires{display:none}.px-tree{grid-template-columns:1fr;gap:22px}.px-leaf{min-height:0}.px-leaf:not(.on){display:none}.px-col:not(:has(.px-leaf.on)){display:none}}
@media (prefers-reduced-motion:reduce){.px-leaf.on{animation:none}}
.px-lead-h{font-family:var(--f-label);font-weight:800;text-transform:none;letter-spacing:0;font-size:clamp(1.35rem,2.6vw,1.9rem);line-height:1.3}
.px-lead-h u{text-decoration-thickness:4px;text-underline-offset:6px}
.px-foot{padding-top:0}
.px-leaf{min-height:64px}
.px-wires{margin-top:-8px}
.px-close .tl-close-h{line-height:1.28}
.px-close .tl-close-h u{text-underline-offset:6px;text-decoration-thickness:5px}
.px-leaf.on{animation:pxPop .45s ease both}
.px-col .px-leaf:nth-child(3){animation-delay:.08s}.px-col .px-leaf:nth-child(4){animation-delay:.16s}.px-col .px-leaf:nth-child(5){animation-delay:.24s}
@keyframes pxPop{0%{opacity:0;transform:translateY(8px) scale(.96)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.px-leaf.on{animation:none}}
/* Expansor: align cards in equal rows across the 3 columns */
@media (min-width:761px){
.px-tree{grid-template-rows:auto repeat(4,1fr);row-gap:12px}
.px-col{display:grid;grid-row:span 5;grid-template-rows:subgrid;gap:inherit}
.px-col-h{justify-self:center}
.px-leaf{min-height:0;display:flex;flex-direction:column;justify-content:center}
}
.bz-langs{bottom:1.4%}

/* Raio-X: target language picker */
.tx-langs{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-top:16px;padding-top:16px;border-top:2px dashed #14141422}
.tx-langs>small{font-family:var(--f-brush);font-size:1rem;color:#1f6fa8}
.tx-lang-row{display:flex;flex-wrap:wrap;gap:8px}
.tx-lang-row button{display:inline-flex;align-items:center;gap:.5em;font-family:var(--f-label);font-weight:800;font-size:.8rem;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:999px;padding:.45em .95em .45em .5em;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}
.tx-lang-row button b{display:inline-grid;place-items:center;min-width:2em;height:2em;border-radius:999px;background:#14141410;font-family:var(--f-mono);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.tx-lang-row button:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}
.tx-lang-row button.on{background:var(--ink);color:var(--cream,#f4f3ee);box-shadow:3px 3px 0 #1f6fa8}
.tx-lang-row button.on b{background:#1f6fa8;color:#fff}
.tx-lit.same small{color:#1f6fa8}
.tx-lit.same span{color:var(--ink);font-weight:600}
.tx-en .tx-big{white-space:normal;text-wrap:balance}
@media (max-width:900px){.tx-langs{flex-direction:column;align-items:flex-start}}
.tx-lang-row button{padding:.4em 1em .4em .4em;font-size:.84rem}
.tx-flag{width:24px;height:24px;flex:none;border-radius:50%;border:2px solid var(--ink);overflow:hidden;background:#fff;box-sizing:content-box}
.tx-lang-row button.on .tx-flag{border-color:#fff}
.tx-lang-row{gap:10px}
.tx-lang-row button{padding:.35em 1.1em .35em .35em;font-size:.9rem;gap:.6em}
.tx-flag{width:30px;height:30px}
.tx-step-flag{display:flex;align-items:center;gap:10px}
.tx-step-flag .tx-flag{width:34px;height:34px;border-color:#fff;box-shadow:2px 2px 0 var(--ink)}
.tx-en .tx-step-flag{opacity:1}
/* Raio-X: wider frame, more breathing room around arrows */
@media (min-width:901px){
.ch-tla .tx{width:min(100vw - 64px,1380px);margin-left:calc((100% - min(100vw - 64px,1380px))/2)}
.tx-stage{grid-template-columns:minmax(0,1fr) 7.5rem minmax(0,1fr) 7.5rem minmax(min-content,1.2fr);column-gap:10px;margin-top:1.8rem}
.tx-arrow{padding:0 8px;gap:.55rem}
.tx-card{padding:22px 22px 24px}
}
@media (min-width:901px){.tx-stage{grid-template-columns:minmax(0,1fr) clamp(5.2rem,7.6vw,7.5rem) minmax(0,1fr) clamp(5.2rem,7.6vw,7.5rem) minmax(min-content,1.2fr)}}

/* Raio-X v3: light blue x-ray card, all 5 languages listed */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ch-tla .tx-ray{background-color:#e4eff9;color:#0f3d63;background-image:radial-gradient(#1f6fa833 1px,#0000 1.4px);box-shadow:4px 5px 0 #1f6fa8}
.ch-tla .tx-ray:after{background:linear-gradient(#0000,#1f6fa824 50%,#0000)}
.ch-tla .tx-ray .tx-big{color:#0f3d63;text-shadow:none}
.ch-tla .tx-bones li{color:#0f3d63;border-color:#1f6fa899;background:#ffffff8c}
.ch-tla .tx-ray-note{color:#1f6fa8}
.tx-ll{list-style:none;margin:.3rem 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
.tx-ll li{display:flex;align-items:center;gap:12px;background:#ffffff1f;border-radius:12px;padding:7px 12px 7px 8px;animation:txRow .4s ease both}
.tx-ll li:nth-child(2){animation-delay:.06s}.tx-ll li:nth-child(3){animation-delay:.12s}.tx-ll li:nth-child(4){animation-delay:.18s}.tx-ll li:nth-child(5){animation-delay:.24s}
@keyframes txRow{0%{opacity:0;transform:translateX(-8px)}100%{opacity:1;transform:none}}
.tx-ll b{font-family:var(--f-display);font-weight:400;text-transform:uppercase;letter-spacing:.01em;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.1;color:var(--cream,#f4f3ee)}
.tx-ll em{margin-left:auto;flex:none;font-style:normal;font-family:var(--f-label);font-weight:800;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:#1f6fa8;background:var(--cream,#f4f3ee);border-radius:999px;padding:.35em .7em}
.tx-fl{position:relative;flex:none;width:33px;height:22px;border-radius:5px;overflow:hidden;box-shadow:0 1px 0 #00000040,0 0 0 1.5px #ffffffb3;transform:rotate(-3deg)}
.tx-fl svg{display:block;width:100%;height:100%}
.tx-fl:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#ffffff66 0%,#ffffff00 38%,#00000000 60%,#00000033 100%)}
.tx-en .tx-note{font-size:.88rem;opacity:.9}
@media (prefers-reduced-motion:reduce){.tx-ll li{animation:none}}
@media (min-width:901px){.tx-stage{grid-template-columns:minmax(0,.9fr) clamp(5.2rem,7vw,7rem) minmax(0,.9fr) clamp(5.2rem,7vw,7rem) minmax(0,1.6fr)}}
.tx-ll b{white-space:nowrap}
@media (max-width:520px){.tx-ll b{white-space:normal}}
@media (max-width:520px){.tx-ll li{flex-wrap:wrap;row-gap:6px}.tx-ll b{flex:1 1 auto;min-width:0;white-space:nowrap}.tx-ll em{margin-left:45px}}
@media (min-width:901px){
.ch-tla .tx{width:min(100vw - 64px,1300px);margin-left:calc((100% - min(100vw - 64px,1300px))/2)}
.tx-stage{grid-template-columns:minmax(0,.85fr) clamp(4.4rem,5.4vw,5.6rem) minmax(0,.9fr) clamp(4.4rem,5.4vw,5.6rem) minmax(0,1.5fr);column-gap:4px}
.tx-arrow{padding:0 4px}
}
/* Raio-X header summary: 1 intencao -> 5 idiomas */
.tx-sum{display:flex;align-items:center;gap:14px;padding:8px 18px 8px 20px;border:2px dashed #1f6fa866;border-radius:999px;background:#fff8}
.tx-sum span{display:flex;align-items:baseline;gap:6px;font-family:var(--f-label);font-weight:800;font-size:.85rem;color:#55554f}
.tx-sum b{font-family:var(--f-display);font-weight:400;font-size:2rem;line-height:1;color:var(--ink)}
.tx-sum span:nth-of-type(2) b{color:#1f6fa8}
.tx-sum i{font-style:normal;font-family:var(--f-display);font-size:1.4rem;color:#1f6fa8}
.tx-stack{display:flex;align-items:center;padding-left:6px}
.tx-stack>span{display:block;margin-left:-8px;transition:transform .2s}
.tx-stack>span:first-child{margin-left:0}
.tx-stack>span:nth-child(odd){transform:rotate(-6deg)}
.tx-stack>span:nth-child(even){transform:rotate(5deg) translateY(-2px)}
.tx-stack .tx-fl{transform:none;box-shadow:0 0 0 2px var(--ink),2px 2px 0 2px var(--ink);width:30px;height:20px}
@media (max-width:1180px){.tx-sum{display:none}}
.tx-stack{gap:6px;padding-left:4px}.tx-stack>span{margin-left:0}.tx-stack .tx-fl{width:33px;height:22px;box-shadow:0 0 0 1.5px var(--ink),2px 2px 0 1.5px var(--ink)}
.tl-intro .mg-row{grid-template-columns:minmax(0,1fr);max-width:780px;margin-left:auto;margin-right:auto}
/* Raio-X card 1: centered sentence + word-by-word breakdown */
.tx-pt-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:6px 0}
.tx-pt .tx-big{text-align:center}
.tx-wb{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.tx-wb span{display:flex;flex-direction:column;align-items:center;gap:2px;border:1.5px dashed #14141433;border-radius:10px;padding:6px 10px;background:#fbfaf7}
.tx-wb b{font-family:var(--f-label);font-weight:800;font-size:.85rem;color:var(--ink)}
.tx-wb i{font-style:normal;font-size:.75rem;line-height:1;color:#d9363e}
.tx-wb em{font-style:normal;font-family:var(--f-mono);font-size:.78rem;color:#c22a32}
.tx-pt .tx-lit{margin-top:0;text-align:center}
.tx-ray .tx-big{margin-top:auto}
.tx-ray .tx-ray-note{margin-top:auto}
.tl-intro .mg-text>p{font-size:clamp(1.15rem,1.7vw,1.45rem);line-height:1.6;color:#2c2c28;text-align:center;max-width:42ch;margin-left:auto;margin-right:auto;text-wrap:balance}
.tl-intro .mg-q{max-width:30ch;font-size:clamp(1.45rem,2.85vw,2.2rem);line-height:1.25;text-wrap:balance}
.tl-intro .mg-quote{margin-top:0}
.tl-intro .mg-q{max-width:38ch}
.tl-intro .mg-q{font-size:clamp(1.3rem,2.45vw,1.9rem);max-width:40ch}
.ch-tla .ch-head h3{margin-top:8px;margin-bottom:12px}
.ch-tla .tl-intro{margin-top:14px}
.ch-tla .ch-head h3{margin-top:16px}

/* 02 Lexical-Comunicativa: narrative intro (mirrors TLA) */
.ch-blocks{--mc:#e07434}
.ch-blocks .ch-head h3{margin-top:16px;margin-bottom:12px}
.px-intro{margin-top:14px}
.px-intro .mg-q{max-width:40ch;font-size:clamp(1.3rem,2.45vw,1.9rem);line-height:1.25;text-wrap:balance}
.ch-blocks .mg-q mark{background:linear-gradient(transparent 56%,#f8d9c4 56%)}
.ch-blocks .mg-q u{text-decoration-color:var(--orange)}
.px-intro-t{max-width:62ch;margin:22px auto 0;text-align:center;font-family:var(--f-label);font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.7;color:#3a3a35;text-wrap:pretty}
.px-intro-t b{font-weight:800;color:var(--ink)}
.px-eq{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.15fr);align-items:stretch;gap:10px;max-width:1080px;margin:clamp(34px,4.4vw,52px) auto 0}
.px-eq-card{display:flex;flex-direction:column;gap:6px;background:#fff;border:2px solid var(--ink);border-radius:16px;padding:16px 16px 18px;box-shadow:3px 4px 0 var(--ink);text-align:left}
.px-eq-card small{font-family:var(--f-label);font-weight:800;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:#b8551c}
.px-eq-card b{font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:clamp(1.15rem,1.7vw,1.45rem);line-height:1.05;color:var(--ink)}
.px-eq-card p{margin:0;font-family:var(--f-label);font-size:.9rem;line-height:1.5;color:#55554f}
.px-eq-res{background:var(--orange);box-shadow:4px 5px 0 var(--ink)}
.px-eq-res small{color:var(--ink);opacity:.75}
.px-eq-res p{color:var(--ink)}
.px-eq-op{align-self:center;font-style:normal;font-family:var(--f-display);font-size:2rem;line-height:1;color:var(--orange)}
.px-math{max-width:760px;margin:clamp(34px,4.4vw,52px) auto 0;text-align:center}
.px-math-h{margin:0 0 14px;font-family:var(--f-brush);font-size:clamp(1.05rem,1.8vw,1.35rem);color:#b8551c}
.px-math .mg-quote{text-align:left;margin-top:0}
.ch-blocks .pd-def{margin-top:clamp(22px,3vw,32px)}
@media (max-width:900px){.px-eq{grid-template-columns:1fr;max-width:460px;gap:8px}.px-eq-op{justify-self:center}}
.px-intro{margin-top:26px}
.px-eq-op{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--cream,#f4f3ee);font-size:1.35rem;box-shadow:2px 2px 0 var(--orange)}
.px-eq-op:nth-of-type(3){background:var(--orange);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}
.px-eq-op{width:40px;height:40px;font-family:var(--f-label);font-weight:800;font-size:1.4rem}
.px-intro-t b{white-space:nowrap}
.meto-intro{font-family:var(--f-label);font-size:clamp(1.02rem,1.3vw,1.15rem);line-height:1.7;max-width:58ch;color:#3a3a35;text-wrap:pretty}
.meto-intro b{font-weight:800;color:var(--ink)}

/* 02: TLA como matemática (quote + padrão gerativo formula) */
.pm{position:relative;z-index:1;max-width:1080px;margin:clamp(60px,7vw,92px) auto 0;text-align:center}
.pm .px-math-h{margin-bottom:18px}
.pm-quote{margin:0 auto;max-width:22ch}
.pm-quote p{margin:0;font-family:var(--f-label);font-weight:800;font-size:clamp(1.7rem,3.6vw,2.9rem);line-height:1.15;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
.pm-quote cite{display:block;margin-top:16px;font-style:normal;font-family:var(--f-label);font-weight:800;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#b8551c}
.pm-why{margin:clamp(48px,6vw,72px) auto 0;max-width:640px}
.pm-why small{display:block;font-family:var(--f-label);font-weight:800;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#14141499}
.pm-why h4{margin:10px 0 0;font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.05;color:var(--ink)}
.pm-why h4 u{text-decoration-color:var(--orange);text-decoration-thickness:5px;text-underline-offset:7px}
.pm-lead{margin:14px auto 0;font-family:var(--f-label);font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.65;color:#3a3a35}
.pm-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:start;margin-top:clamp(30px,4vw,44px)}
.pm-col{display:flex;flex-direction:column;align-items:center;gap:14px}
.pm-tok{display:inline-flex;align-items:baseline;gap:.35em;padding:.3em .9em .35em;border-radius:999px;border:2px solid var(--ink);font-family:var(--f-display);text-transform:uppercase;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1;color:var(--ink);box-shadow:3px 4px 0 var(--ink)}
.pm-tok b{font-weight:400;font-size:1.5em;line-height:.8}
.pm-a .pm-tok{background:var(--orange)}
.pm-b .pm-tok{background:#fff;border-style:dashed;box-shadow:none}
.pm-c .pm-tok{background:var(--ink);color:var(--cream,#f4f3ee);box-shadow:3px 4px 0 var(--orange)}
.pm-col p{margin:0;max-width:30ch;font-family:var(--f-label);font-size:.95rem;line-height:1.55;color:#55554f}
.pm-col p b{font-weight:800;color:var(--ink)}
.pm-op{align-self:start;margin-top:.35em;font-style:normal;font-family:var(--f-display);font-size:2.2rem;line-height:1;color:var(--orange)}
.ch-blocks .pm~.bench-cta{margin-top:clamp(48px,6vw,70px)}
@media (max-width:760px){.pm-row{grid-template-columns:1fr;gap:10px}.pm-op{align-self:center;margin:0}}
.pm-quote{max-width:920px}
.pm-quote p{max-width:24ch;margin:0 auto}
.pm-op{display:grid;place-items:center;width:42px;height:42px;margin-top:2px;border-radius:50%;background:var(--ink);color:var(--cream,#f4f3ee);font-family:var(--f-label);font-weight:800;font-size:1.4rem;box-shadow:2px 2px 0 var(--orange)}
@media (max-width:760px){.pm-op{justify-self:center;align-self:center;margin:4px 0}}

/* 02 math: one clean card in the site identity */
.pm-card{margin:clamp(44px,5.5vw,64px) auto 0;max-width:1000px;background:#fff;border:2px solid var(--ink);border-radius:22px;box-shadow:8px 9px 0 var(--orange);overflow:hidden;text-align:center}
.pm-head{padding:clamp(24px,3vw,34px) clamp(20px,3vw,40px) clamp(20px,2.6vw,28px);border-bottom:2px dashed #14141426}
.pm-head small{display:block;font-family:var(--f-label);font-weight:800;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#b8551c}
.pm-head h4{margin:8px 0 0;font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.05;color:var(--ink)}
.pm-head h4 u{text-decoration-color:var(--orange);text-decoration-thickness:5px;text-underline-offset:7px}
.pm-head .pm-lead{margin:12px auto 0;max-width:52ch;font-family:var(--f-label);font-size:1.02rem;line-height:1.6;color:#55554f}
.pm-card .pm-row{display:grid;grid-template-columns:minmax(0,1fr) 2px minmax(0,1fr) 2px minmax(0,1fr);gap:0;align-items:stretch;margin:0}
.pm-card .pm-col{gap:10px;padding:clamp(22px,2.8vw,32px) clamp(16px,2.2vw,28px) clamp(24px,3vw,34px)}
.pm-card .pm-tok{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;border:0;border-radius:0;background:none!important;box-shadow:none!important;color:var(--ink);font-size:clamp(1rem,1.4vw,1.2rem);letter-spacing:.04em}
.pm-card .pm-tok b{font-size:clamp(2.8rem,4.6vw,3.8rem);line-height:.95;color:var(--ink)}
.pm-card .pm-a .pm-tok b{color:var(--orange)}
.pm-card .pm-c .pm-tok b{color:var(--orange)}
.pm-card .pm-col p{max-width:28ch;font-size:.95rem;color:#55554f}
.pm-card .pm-op{position:relative;display:block;width:2px;height:auto;margin:0;padding:0;border-radius:0;background:repeating-linear-gradient(#14141433 0 6px,transparent 6px 12px);box-shadow:none;align-self:stretch}
.pm-card .pm-op span{position:absolute;top:clamp(46px,5.4vw,58px);left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--cream,#f4f3ee);font-family:var(--f-label);font-style:normal;font-weight:800;font-size:1.25rem;line-height:1;box-shadow:2px 2px 0 var(--orange)}
@media (max-width:760px){
.pm-card .pm-row{grid-template-columns:1fr}
.pm-card .pm-op{width:auto;height:2px;background:repeating-linear-gradient(90deg,#14141433 0 6px,transparent 6px 12px)}
.pm-card .pm-op span{top:50%}
}
.pm-card .pm-tok b{font-family:var(--f-label);font-weight:800;font-size:clamp(2.6rem,4.2vw,3.4rem);line-height:1;height:1.05em;display:flex;align-items:center}
.pm{max-width:1084px}
.pm-card{max-width:none}

/* 02 Expansor v2: split generator (orange controls + notebook output) */
.gx{position:relative;z-index:1;display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);margin:0;border:2px solid var(--ink);border-radius:22px;overflow:hidden;box-shadow:8px 9px 0 var(--ink);background:#fff}
.gx-step{display:block;font-family:var(--f-label);font-weight:800;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase}
.gx-in{display:flex;flex-direction:column;gap:22px;padding:clamp(22px,2.6vw,32px);background:var(--orange);border-right:2px solid var(--ink);color:var(--ink)}
.gx-in .gx-step{color:var(--ink);opacity:.7}
.gx-tabs{display:flex;flex-direction:column;gap:8px;margin-top:-10px}
.gx-tabs button{display:flex;align-items:center;gap:.65em;width:100%;text-align:left;font-family:var(--f-label);font-weight:800;font-size:.92rem;color:var(--ink);background:#ffffff59;border:2px solid transparent;border-radius:12px;padding:.6em .85em;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.gx-tabs button:hover{background:#ffffff8c}
.gx-tabs button.on{background:var(--cream,#f4f3ee);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink);transform:translateX(4px)}
.gx-tabs button span{font-size:1.1rem;line-height:1}
.gx-say small,.gx-pat small{display:block;margin-bottom:6px;font-family:var(--f-label);font-weight:800;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;opacity:.7}
.gx-say p{margin:0;font-family:var(--f-label);font-weight:800;font-size:1.15rem;line-height:1.3}
.gx-say .gx-wrong{margin-top:8px;font-weight:600;font-size:.85rem;opacity:.75}
.gx-wrong b{margin-right:.4em}
.gx-wrong s{text-decoration-thickness:2px}
.gx-pat{margin-top:auto;padding-top:18px;border-top:2px dashed #14141440}
.gx-pat b{display:inline-block;font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:clamp(1.5rem,2.3vw,1.9rem);line-height:1.05;background:var(--ink);color:var(--cream,#f4f3ee);border-radius:12px;padding:.25em .55em}
.gx-pat span{display:block;margin-top:8px;font-family:var(--f-label);font-weight:800;font-size:.95rem}
.gx-out{display:flex;flex-direction:column;padding:clamp(22px,2.6vw,32px) clamp(20px,2.6vw,34px);background-color:#fffdf7;background-image:repeating-linear-gradient(transparent 0 31px,#1f6fa814 31px 32px)}
.gx-out-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:14px;border-bottom:2px solid var(--ink)}
.gx-out .gx-step{color:#14141499}
.gx-count{margin:0;font-family:var(--f-label);font-weight:800;font-size:.95rem;color:#55554f}
.gx-count b{font-family:var(--f-display);font-weight:400;font-size:2rem;line-height:1;color:var(--ink)}
.gx-count b:last-of-type{color:#b8551c}
.gx-count i{font-style:normal;color:var(--orange);margin:0 .2em}
.gx-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
.gx-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1.5px dashed #14141426;animation:gxRow .35s ease both}
.gx-list li:nth-child(n+3){animation-delay:.05s}.gx-list li:nth-child(n+5){animation-delay:.1s}.gx-list li:nth-child(n+7){animation-delay:.15s}.gx-list li:nth-child(n+9){animation-delay:.2s}.gx-list li:nth-child(n+11){animation-delay:.25s}
@keyframes gxRow{0%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:none}}
.gx-n{font-family:var(--f-mono);font-size:.72rem;color:#b8551c}
.gx-en{margin:0;font-family:var(--f-label);font-weight:800;font-size:.95rem;line-height:1.3;color:var(--ink)}
.gx-en mark{background:none;color:#b8551c;padding:0}
.gx-pt{margin:2px 0 0;font-family:var(--f-label);font-size:.8rem;line-height:1.35;color:#77776f}
.gx-ctx{font-family:var(--f-label);font-weight:800;font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:#55554f;border:1.5px solid #14141440;border-radius:999px;padding:.3em .6em;white-space:nowrap}
.gx-tip{margin:auto 0 0;padding-top:18px;font-family:var(--f-label);font-size:.9rem;line-height:1.55;color:#3a3a35}
.gx-tip b{display:block;margin-bottom:2px;font-weight:800;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:#b8551c}
@media (max-width:1100px){.gx-list{grid-template-columns:1fr}}
@media (max-width:820px){.gx{grid-template-columns:1fr}.gx-in{border-right:0;border-bottom:2px solid var(--ink)}.gx-tabs{flex-direction:row;flex-wrap:wrap}.gx-tabs button{width:auto}.gx-tabs button.on{transform:none}.gx-ctx{display:none}}
@media (prefers-reduced-motion:reduce){.gx-list li{animation:none}}
.gx-list{grid-template-columns:1fr}
.gx-list li{padding:9px 0}
.gx-pat{margin-top:0}
.gx-in .gx-tip{margin-top:auto;padding-top:18px;border-top:2px dashed #14141440;color:var(--ink)}
.gx-in .gx-tip b{color:var(--ink);opacity:.7}
/* gx tabs: every option is a cream card; the active one inverts */
.gx-tabs button{background:var(--cream,#f4f3ee);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);transform:none}
.gx-tabs button:hover{background:#fff;transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}
.gx-tabs button.on{background:var(--ink);color:var(--cream,#f4f3ee);border-color:var(--ink);box-shadow:3px 3px 0 var(--cream,#f4f3ee);transform:translateX(4px)}
.gx-tabs{gap:10px}
.gx-pat b{font-size:clamp(1.25rem,1.9vw,1.6rem);line-height:1.15;padding:.3em .6em;background:var(--cream,#f4f3ee);color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
@media (max-width:820px){.gx-in .gx-tip{margin-top:0}.gx-tabs button.on{transform:none}}
/* px-eq mobile: narrower cards, operators sitting on the seams */
@media (max-width:900px){
.px-eq{max-width:330px;width:calc(100% - 40px);gap:0}
.px-eq-card{padding:14px 16px 16px;gap:4px;position:relative;z-index:1}
.px-eq-card b{font-size:1.2rem}
.px-eq-card p{font-size:.86rem}
.px-eq-op{position:relative;z-index:2;justify-self:center;width:38px;height:38px;margin:-17px 0;font-size:1.2rem}
}
@media (max-width:900px){.px-eq-op{margin:-13px 0}}
/* gx mobile: compact controls, half the list + expand button */
.gx-more{display:none}
@media (max-width:820px){
.gx-in{gap:16px;padding:20px 18px 22px}
.gx-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:-6px}
.gx-tabs button{font-size:.8rem;padding:.55em .6em;gap:.45em;box-shadow:2px 2px 0 var(--ink)}
.gx-tabs button:last-child:nth-child(odd){grid-column:span 2}
.gx-tabs button.on{box-shadow:2px 2px 0 var(--cream,#f4f3ee)}
.gx-say p{font-size:1.02rem}
.gx-pat{padding-top:14px}
.gx-pat b{font-size:1.2rem}
.gx-tip{font-size:.84rem}
.gx-out{padding:20px 18px 22px}
.gx-out-h{padding-bottom:10px}
.gx-count b{font-size:1.6rem}
.gx-list:not(.open) li:nth-child(n+7){display:none}
.gx-more{display:block;margin:16px auto 0;font-family:var(--f-label);font-weight:800;font-size:.88rem;color:var(--ink);background:var(--orange);border:2px solid var(--ink);border-radius:999px;padding:.7em 1.3em;box-shadow:3px 3px 0 var(--ink);cursor:pointer}
.gx-more:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
}

/* gx v3: two generative patterns per intention */
.gx-pats{display:flex;flex-direction:column;gap:10px}
.gx-pats .gx-step{color:var(--ink);opacity:.7;margin-bottom:2px}
.gx-pats .gx-pat{display:flex;align-items:center;gap:12px;margin:0;padding:10px 12px;border:2px solid var(--ink);border-radius:14px;background:var(--cream,#f4f3ee);box-shadow:3px 3px 0 var(--ink);border-top:2px solid var(--ink)}
.gx-pats .gx-pat i{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--cream,#f4f3ee);font-style:normal;font-family:var(--f-label);font-weight:800;font-size:.8rem}
.gx-pats .gx-pat b{display:block;padding:0;border:0;box-shadow:none;background:none;color:var(--ink);font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.1}
.gx-pats .gx-pat span{display:block;margin-top:3px;font-family:var(--f-label);font-weight:700;font-size:.82rem;color:#55554f}
.gx-grp+.gx-grp{margin-top:18px}
.gx-grp-h{display:flex;align-items:center;gap:10px;margin:14px 0 2px}
.gx-grp-h i{font-style:normal;font-family:var(--f-label);font-weight:800;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:#14141499}
.gx-grp-h b{font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:1.05rem;color:var(--ink);background:#f8d9c4;border-radius:6px;padding:.15em .5em}
@media (max-width:820px){
.gx-list:not(.open) li:nth-child(n+7){display:list-item}
.gx-grps:not(.open) .gx-grp:nth-child(n+2){display:none}
.gx-tabs button:last-child:nth-child(odd){grid-column:auto}
}
@media (max-width:820px){.gx-tabs button{white-space:nowrap;font-size:clamp(.7rem,3.3vw,.8rem);padding:.6em .55em;gap:.4em}.gx-tabs button span{font-size:1rem}}

/* gx v4: pick a pattern, one list, 6 + "ver mais", lively active color */
.gx-list:not(.open) li:nth-child(n+7){display:none}
.gx-more{display:block;margin:16px auto 0;font-family:var(--f-label);font-weight:800;font-size:.88rem;color:var(--ink);background:var(--yellow,#f2c230);border:2px solid var(--ink);border-radius:999px;padding:.7em 1.3em;box-shadow:3px 3px 0 var(--ink);cursor:pointer;transition:transform .15s,box-shadow .15s}
.gx-more:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}
.gx-more:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.gx-tabs button.on{background:var(--yellow,#f2c230);color:var(--ink);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}
.gx-pat-row{display:flex;flex-direction:column;gap:10px}
.gx-pats .gx-pat{width:100%;text-align:left;cursor:pointer;font:inherit;color:var(--ink);transition:transform .15s,box-shadow .15s,background .15s}
.gx-pats .gx-pat:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}
.gx-pats .gx-pat.on{background:var(--yellow,#f2c230);transform:translateX(4px)}
.gx-pats .gx-pat i{background:var(--orange);color:var(--ink);border:2px solid var(--ink)}
.gx-pats .gx-pat.on i{background:var(--ink);color:var(--yellow,#f2c230)}
.gx-pat-t{display:block}
.gx-pat-t b{display:block;font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.1}
.gx-pat-t em{display:block;margin-top:3px;font-style:normal;font-family:var(--f-label);font-weight:700;font-size:.82rem;color:#55554f}
.gx-out-h .gx-grp-h{margin:8px 0 0}
.gx-out-h .gx-grp-h b{font-size:1.25rem;background:var(--yellow,#f2c230);border:2px solid var(--ink);border-radius:8px;padding:.15em .55em}
@media (max-width:820px){
.gx-list:not(.open) li:nth-child(n+7){display:none}
.gx-tabs button.on{box-shadow:2px 2px 0 var(--ink)}
.gx-pat-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gx-pats .gx-pat{padding:9px 10px;gap:8px}
.gx-pats .gx-pat.on{transform:none}
.gx-pats .gx-pat i{width:24px;height:24px;font-size:.72rem}
.gx-pat-t b{font-size:.98rem}
.gx-pat-t em{font-size:.74rem}
}
@media (max-width:820px){.gx-pat-row{display:flex;flex-direction:column;gap:8px}.gx-pat-t b{font-size:1.05rem}.gx-pat-t em{font-size:.78rem}}
/* px-eq desktop: same idea as mobile, operators sitting on the seams */
@media (min-width:901px){
.px-eq{grid-template-columns:minmax(0,1fr) 0 minmax(0,1fr) 0 minmax(0,1fr) 0 minmax(0,1.15fr);gap:6px}
.px-eq-card{position:relative;z-index:1}
.px-eq-op{position:relative;z-index:2;justify-self:center;align-self:center;width:40px;height:40px}
}
@media (min-width:901px){.px-eq-card{padding:18px 26px 20px}}
/* gx: mint for selected states + darker, more legible text */
.gx-tabs button.on,.gx-pats .gx-pat.on,.gx-more,.gx-out-h .gx-grp-h b{background:#9fe1cb;color:#141414}
.gx-pats .gx-pat.on i{background:#141414;color:#9fe1cb}
.gx-in .gx-step,.gx-pats .gx-step{opacity:1;color:#141414}
.gx-pat-t em,.gx-pats .gx-pat span em{color:#2c2c28}
.gx-out .gx-step{color:#2c2c28}
.gx-pt{color:#4a4a45}
.gx-ctx{color:#2c2c28;border-color:#14141466}
.gx-count{color:#2c2c28}
.gx-n{color:#8f3a14}
.gx-en mark{color:#a3470f}
/* gx: cream control panel instead of the big orange block */
.gx-in{background:var(--cream,#ecebe5);border-right:2px solid var(--ink)}
.gx-tabs button{background:#fff}
.gx-tabs button:hover{background:#fbfaf6}
.gx-pats .gx-pat{background:#fff}
.gx-pats .gx-pat i{background:var(--orange);color:#141414}
.gx{box-shadow:8px 9px 0 var(--orange)}
.gx-in .gx-step,.gx-pats .gx-step{color:#8f3a14}
@media (max-width:820px){.gx-in{border-right:0;border-bottom:2px solid var(--ink)}}
/* 02: padrão gerativo as text */
.pm-text{max-width:680px;margin:clamp(44px,5.5vw,64px) auto 0;text-align:left}
.pm-text small{display:block;text-align:center;font-family:var(--f-label);font-weight:800;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#b8551c}
.pm-text h4{margin:8px 0 22px;text-align:center;font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:clamp(1.8rem,3.2vw,2.5rem);line-height:1.05;color:var(--ink)}
.pm-text h4 u{text-decoration-color:var(--orange);text-decoration-thickness:5px;text-underline-offset:7px}
.pm-text p{margin:0 0 16px;font-family:var(--f-label);font-size:clamp(1.02rem,1.3vw,1.14rem);line-height:1.75;color:#2c2c28}
.pm-text p:last-child{margin-bottom:0}
.pm-text b{font-weight:800;color:var(--ink);background:linear-gradient(transparent 62%,#f8d9c4 62%)}
/* gx: orange selected states on the cream panel */
.gx-tabs button.on,.gx-pats .gx-pat.on,.gx-more,.gx-out-h .gx-grp-h b{background:var(--orange);color:#141414}
.gx-pats .gx-pat.on i{background:#141414;color:var(--orange)}
.gx-pats .gx-pat i{background:#fff;color:#141414}
/* 02 header: Humboldt quote as title */
.px-cite{margin:-2px 0 0;text-align:center;font-family:var(--f-label);font-weight:800;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#b8551c}
.px-intro .mg-q{max-width:46ch;font-size:clamp(1.15rem,2.1vw,1.6rem);line-height:1.35}
.px-intro .mg-q{font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.5;max-width:52ch}
.px-intro .mg-q u{white-space:nowrap}
.pm-text h4{font-family:var(--f-brush);font-weight:400;text-transform:none;letter-spacing:0;font-size:clamp(2rem,3.6vw,2.8rem);line-height:1.1;color:#b8551c;transform:rotate(-2deg)}
.pm-text h4 u{text-decoration:none}
.pm-text h4{transform:none;margin:0 0 24px}
.pm-text p{text-align:center;text-wrap:pretty}
.pm-text{max-width:640px}
.pm-text{max-width:720px}
.pm-text p{text-align:justify;text-align-last:center;hyphens:auto;-webkit-hyphens:auto;font-size:clamp(1.1rem,1.55vw,1.28rem);line-height:1.7}
.pm-text p{hyphens:manual;-webkit-hyphens:manual}
.pm-text{max-width:1084px}
.pm-text{max-width:720px}
.pm-text p:first-of-type{font-weight:800;font-size:clamp(1.3rem,2.2vw,1.75rem);line-height:1.4;color:var(--ink);text-align:center;margin-bottom:24px}
.pm-text h4{color:var(--orange)}
/* gx: one text-orange (#b8551c) and one fill-orange (--orange) only */
.ch-blocks .bench-cta{color:#b8551c}
.gx-in .gx-step,.gx-pats .gx-step,.gx-n,.gx-en mark,.gx-count b:last-of-type,.gx-count i{color:#b8551c}
.gx-en mark{font-weight:800}
/* the blank of a pattern: a soft slot instead of "___" */
.slot{display:inline-block;width:2.1em;height:.78em;margin-left:.18em;vertical-align:-.04em;border:2px dashed currentColor;border-radius:.3em;opacity:.55}
.gx-pat-t em .slot{width:1.9em;height:.85em;border-width:1.5px;vertical-align:-.12em}
.gx-out-h .gx-grp-h b .slot{opacity:.6}
.gx-pats .gx-pat .slot,.gx-pat-t .slot{display:inline-block;margin-top:0;font-size:inherit;color:inherit}
.gx-pats .gx-pat span.gx-pat-t{display:block;margin-top:0;color:inherit}
@media (max-width:600px){#meto-blocos .ch-head h3 .ch-line{font-size:min(2.2rem,calc((100vw - 40px) / 10.8));line-height:1.02}#meto-blocos .ch-head h3 .ch-line span{white-space:nowrap}.px-cite{white-space:nowrap;letter-spacing:.08em;font-size:min(.7rem,calc((100vw - 40px) / 34))}}
.ch-reg .mg-row{grid-template-columns:minmax(0,1fr);max-width:780px;margin-left:auto;margin-right:auto}
.reg-q{position:relative;z-index:1;margin:6px auto 0}
.ch-reg .ch-head h3{margin-bottom:12px}
/* statement highlights: highlighter bands instead of boxed pills */
.mg-statement mark{border:0;border-radius:0;padding:0 .08em;box-shadow:none;color:var(--ink);background:linear-gradient(transparent 58%,#e3e1d6 58%)}
.mg-statement .mg-m1{background:linear-gradient(transparent 58%,#e3e1d6 58%)}
.mg-statement .mg-m2{color:#c22a32;background:linear-gradient(transparent 58%,#f3c1bd 58%);box-shadow:none}
.mg-statement{line-height:1.5}

/* chapter divider: the method's puzzle assembling piece by piece */
.ch-sep{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;margin:clamp(70px,9vw,110px) auto clamp(10px,2vw,20px);text-align:center}
.ch-sep:before{content:"";display:block;width:2px;height:56px;background:repeating-linear-gradient(#14141455 0 6px,transparent 6px 12px)}
.ch-sep-svg{width:78px;height:78px;overflow:visible;transform:rotate(-4deg)}
.ch-sep-svg path{stroke:var(--ink);stroke-width:11;stroke-linejoin:round;fill:#fff}
.ch-sep-svg path.todo{fill:#f6f5f0;stroke:#14141440}
.ch-sep-svg path.next{fill:#fff;stroke-dasharray:22 16;animation:sepPulse 2.4s ease-in-out infinite}
@keyframes sepPulse{0%,100%{opacity:1}50%{opacity:.45}}
.ch-sep-t{margin:0;display:flex;flex-direction:column;align-items:center;gap:2px}
.ch-sep-t small{font-family:var(--f-label);font-weight:800;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:#14141499}
.ch-sep-t b{font-family:var(--f-brush);font-weight:400;font-size:1.3rem;line-height:1.1}
@media (prefers-reduced-motion:reduce){.ch-sep-svg path.next{animation:none}}
.ch-sep{margin:clamp(48px,6vw,72px) auto 0;gap:14px}
.ch-sep:before,.ch-sep:after{content:"";display:block;width:2px;height:48px;background:repeating-linear-gradient(#14141455 0 6px,transparent 6px 12px)}
.ch-sep-svg{width:120px;height:120px;filter:drop-shadow(4px 5px 0 #14141426)}
.ch-sep-svg path{stroke-width:9}
.ch-sep-t b{font-size:1.55rem}
.ch-sep-t small{font-size:.7rem}
/* statement marks: crisp underlines instead of loose highlighter bands */
.mg-statement mark,.mg-statement .mg-m1,.mg-statement .mg-m2{background:none;padding:0;text-decoration:underline;text-decoration-thickness:.11em;text-underline-offset:.2em;text-decoration-skip-ink:none}
.mg-statement .mg-m1{color:var(--ink);text-decoration-color:#14141473}
.mg-statement .mg-m2{color:#c22a32;text-decoration-color:#d9363e}
/* REG narrative: the turning point after the common belief */
.mg-turn{margin-top:14px;background:#fff;border:2px solid var(--ink);border-left:8px solid #d9363e;border-radius:18px;padding:16px 20px 18px;box-shadow:4px 5px 0 #14141426}
.mg-turn small{display:block;margin-bottom:6px;font-family:var(--f-label);font-weight:800;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#c22a32}
.mg-turn p{margin:0;font-family:var(--f-label);font-size:1.02rem;line-height:1.65;color:#2c2c28}
.mg-turn b{font-weight:800;color:var(--ink)}

/* REG story: origem -> crença comum -> virada (vertical timeline, large text) */
.mg-story{position:relative;max-width:880px;margin:clamp(48px,6vw,70px) auto 0;display:flex;flex-direction:column;gap:clamp(22px,3vw,34px);text-align:left}
.mg-story:before{content:"";position:absolute;left:23px;top:30px;bottom:30px;width:2px;background:repeating-linear-gradient(#14141455 0 7px,transparent 7px 14px)}
.mg-step{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:clamp(16px,2.4vw,26px);align-items:start}
.mg-step-n{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-family:var(--f-display);font-size:1.4rem;color:var(--ink)}
.mg-step-x .mg-step-n{background:#ecebe5}
.mg-step-v .mg-step-n{background:#d9363e;color:#fff}
.mg-step-b small{display:block;margin:4px 0 8px;font-family:var(--f-label);font-weight:800;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#14141499}
.mg-step-v .mg-step-b small{color:#c22a32}
.mg-step-b p{margin:0;font-family:var(--f-label);font-size:clamp(1.15rem,1.75vw,1.42rem);line-height:1.6;color:#2c2c28}
.mg-step-b b{font-weight:800;color:var(--ink)}
.mg-step-b s{text-decoration:line-through;text-decoration-color:#d9363e;text-decoration-thickness:3px;color:#7a7a72;font-weight:700}
.mg-step-v .mg-step-b{background:#fff;border:2px solid var(--ink);border-radius:20px;padding:20px 24px 22px;box-shadow:6px 7px 0 #d9363e;margin-top:-6px}
@media (max-width:600px){.mg-story:before{left:19px}.mg-step{grid-template-columns:40px minmax(0,1fr);gap:14px}.mg-step-n{width:40px;height:40px;font-size:1.15rem}.mg-step-v .mg-step-b{padding:16px 18px 18px}}
.mg-story:before{display:none}
.mg-step:not(:last-child):before{content:"";position:absolute;left:23px;top:52px;bottom:calc(-1 * clamp(22px,3vw,34px));width:2px;background:repeating-linear-gradient(#14141455 0 7px,transparent 7px 14px)}
@media (max-width:600px){.mg-step:not(:last-child):before{left:19px;top:44px}}
.mg-step-b .reg-name{color:#c22a32}
.mg-step-b p.mg-step-more{margin-top:14px;padding-top:14px;border-top:2px dashed #14141426}
/* REG: cue between the story and the lab */
.reg-cue{display:flex;flex-direction:column;align-items:center;gap:6px;margin:clamp(56px,7vw,84px) auto clamp(14px,2vw,22px);text-align:center}
.reg-cue-t{margin:0;font-family:var(--f-brush);font-size:clamp(1.3rem,2.4vw,1.8rem);color:#d9363e;transform:rotate(-2deg)}
.reg-cue-arrow{width:44px;height:66px;overflow:visible}
.reg-cue-arrow path{fill:none;stroke:#d9363e;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.reg-cue-arrow{width:58px;height:86px}
.reg-cue-t{font-size:clamp(1.45rem,2.7vw,2.05rem)}
/* lab panes: system name as the heading (SRS vs REG) */
.lab-pane h4.lab-sys{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0;font-family:var(--f-label);font-weight:800;font-size:clamp(.78rem,1.1vw,.92rem);letter-spacing:.14em;text-transform:uppercase;line-height:1.3;color:#55554f}
.lab-pane h4.lab-sys b{font-family:var(--f-display);font-weight:400;font-size:clamp(2.2rem,4vw,3.2rem);letter-spacing:.02em;line-height:1;color:var(--ink)}
.lab-pane.is-gen h4.lab-sys{color:#c22a32}
.lab-pane.is-gen h4.lab-sys b{color:#d9363e}
.lab-pane h4.lab-sys b:before{content:"("}.lab-pane h4.lab-sys b:after{content:")"}
.meto-chapters{gap:clamp(26px,3.4vw,40px)}
.ch-sep{margin:0 auto;gap:10px}
.ch-sep:before,.ch-sep:after{height:26px}
.reg-cue-t{transform:none}

/* Chapter 04 Ultrapersonalização: single centered column, gear cycle */
.ch-uz .uz-top .ch-belief{text-align:center;margin-left:auto;margin-right:auto}
.ch-uz .uz-solve{box-shadow:8px 9px 0 var(--pink);max-width:920px}
.ch-uz .uz-solve .mg-tag{background:var(--pink);color:var(--ink)}
.ch-uz .uz-solve .mg-s1 b{color:#b83a78;background:none;text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:.12em;text-underline-offset:.2em}
.ch-uz .uz-solve .mg-statement .mg-m2{color:#b83a78;text-decoration-color:var(--pink)}
.uz-gear{margin:clamp(64px,8vw,96px) auto 0;max-width:920px;text-align:center}
.uz-h{margin:0 0 clamp(26px,3.4vw,40px);font-family:var(--f-brush);font-weight:400;font-size:clamp(1.45rem,2.7vw,2.05rem);line-height:1.2;color:#b83a78;text-transform:none;letter-spacing:0}
.uz-cycle{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"a b" "d c";column-gap:110px;row-gap:84px;text-align:left}
.uz-step{position:relative;background:#fff;border:2px solid var(--ink);border-radius:18px;box-shadow:5px 6px 0 var(--pink);padding:20px 22px 20px 68px;display:flex;flex-direction:column;gap:6px}
.uz-step:nth-child(2){grid-area:a}.uz-step:nth-child(3){grid-area:b}.uz-step:nth-child(4){grid-area:c}.uz-step:nth-child(5){grid-area:d}
.uz-n{position:absolute;left:18px;top:18px;width:34px;height:34px;border-radius:50%;border:2px solid var(--ink);background:var(--pink);color:var(--ink);display:grid;place-items:center;font-family:var(--f-display);font-size:1.05rem;line-height:1}
.uz-step b{font-family:var(--f-display);font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:1.2rem;line-height:1.15;color:var(--ink)}
.uz-step p{margin:0;font-family:var(--f-label);font-size:.98rem;line-height:1.6;color:#3a3a35}
.uz-step:after{position:absolute;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--cream);border:2px solid var(--ink);color:#b83a78;font-family:var(--f-label);font-weight:800;font-size:1.15rem;line-height:1;z-index:2}
.uz-step:nth-child(2):after{content:"→";top:50%;right:-76px;transform:translateY(-50%)}
.uz-step:nth-child(3):after{content:"↓";bottom:-63px;left:50%;transform:translateX(-50%)}
.uz-step:nth-child(4):after{content:"←";top:50%;left:-76px;transform:translateY(-50%)}
.uz-step:nth-child(5):after{content:"↑";top:-63px;left:50%;transform:translateX(-50%)}
.uz-hub{position:absolute;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;z-index:1;display:grid;place-items:center}
.uz-hub svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(3px 4px 0 #14141426);animation:uz-spin 22s linear infinite}
.uz-hub path{fill:var(--pink);stroke:var(--ink);stroke-width:2.4;stroke-linejoin:round;fill-rule:evenodd}
@keyframes uz-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.uz-hub svg{animation:none}}
.uz-loop{display:none;margin:22px 0 0;font-family:var(--f-brush);font-size:clamp(1.1rem,2vw,1.35rem);color:#b83a78}
.uz-out{margin:clamp(64px,8vw,96px) auto 0;max-width:920px;text-align:center}
.uz-out-t{margin:0 0 18px;font-family:var(--f-label);font-weight:800;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#b83a78}
.uz-stats{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,26px)}
.uz-stat{background:#fff;border:2px solid var(--ink);border-radius:22px;box-shadow:6px 7px 0 var(--ink);padding:clamp(24px,3vw,34px) clamp(20px,3vw,32px);display:flex;flex-direction:column;align-items:center;gap:10px}
.uz-stat b{font-family:var(--f-display);font-weight:400;text-transform:uppercase;letter-spacing:.01em;font-size:clamp(2.4rem,5vw,3.6rem);line-height:1;color:var(--ink);text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:6px;text-underline-offset:8px;text-decoration-skip-ink:none}
.uz-stat p{margin:0;max-width:32ch;font-family:var(--f-label);font-size:1rem;line-height:1.6;color:#3a3a35;text-wrap:balance}
.uz-cue .reg-cue-t{color:#b83a78}
.uz-cue .reg-cue-arrow path{stroke:var(--pink)}
.ch-uz .uz-cue{margin-top:clamp(64px,8vw,96px)}
@media (max-width:860px){
.uz-cycle{grid-template-columns:1fr;grid-template-areas:none;row-gap:58px}
.uz-step:nth-child(n){grid-area:auto}
.uz-hub{position:static;margin:0 auto -18px;width:76px;height:76px}
.uz-step:nth-child(n):after{content:"↓";top:auto;right:auto;left:50%;bottom:-50px;transform:translateX(-50%);width:34px;height:34px;font-size:1rem}
.uz-step:nth-child(5):after{display:none}
.uz-loop{display:block}
.uz-stats{grid-template-columns:1fr}
.uz-step{padding:18px 18px 18px 62px}
}
.lab-sys-l{display:flex;align-items:flex-end;justify-content:center;min-height:2.6em;text-wrap:balance}
@media (max-width:700px){.lab-sys-l{min-height:3.9em}}
.ch-uz .ch-why{text-wrap:pretty}
@media (max-width:700px){.lab-pane .lab-count span{display:block;min-height:2.6em;text-wrap:balance}.lab-pane .lab-rule{min-height:2.7em;text-wrap:balance}}
@media (max-width:700px){.lab-pane .lab-rule{min-height:3.2em}}
@media (max-width:860px){.uz-hub{margin-bottom:-34px}}
.ch>.bk-overlay{position:fixed;inset:0;z-index:95}

/* Chapter 04 v2: tailor card, gear belt machine, output tickets */
.uz-tailor{position:relative;max-width:860px;margin:clamp(56px,7vw,84px) auto 0;background:#fff;border:2px solid var(--ink);border-radius:22px;box-shadow:7px 8px 0 var(--ink);padding:clamp(62px,7vw,74px) clamp(22px,4vw,48px) clamp(28px,3.6vw,40px);text-align:left;overflow:visible}
.uz-tape{position:absolute;left:-2px;right:-2px;top:-2px;height:34px;border:2px solid var(--ink);border-radius:22px 22px 0 0;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 60px) left top/100% 18px no-repeat,repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 12px) left top/100% 10px no-repeat,var(--pink)}
.uz-label{position:absolute;right:clamp(16px,3vw,34px);top:18px;transform:rotate(6deg);transform-origin:50% 0;background:var(--cream);border:2px solid var(--ink);border-radius:8px 8px 8px 8px;padding:16px 16px 9px;display:flex;flex-direction:column;align-items:center;font-family:var(--f-brush);font-size:1.25rem;line-height:1;color:var(--ink);box-shadow:3px 4px 0 #14141426;z-index:2}
.uz-label:before{content:"";position:absolute;top:5px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;border:2px solid var(--ink);background:#fff}
.uz-label small{font-family:var(--f-label);font-weight:800;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:#55554f;margin-bottom:4px}
.uz-kicker{margin:0 0 12px;font-family:var(--f-label);font-weight:800;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#b83a78}
.uz-p1{margin:0;max-width:62ch;font-family:var(--f-label);font-size:1.05rem;line-height:1.75;color:#3a3a35}
.uz-p1 b{font-weight:800;color:#b83a78}
.uz-p2{margin:22px 0 0;padding-top:20px;border-top:2px dashed #14141426;font-family:var(--f-label);font-weight:800;font-size:clamp(1.15rem,2.2vw,1.6rem);line-height:1.45;color:var(--ink)}
.uz-p2 u{text-decoration-color:var(--pink);text-decoration-thickness:.12em;text-underline-offset:.2em;text-decoration-skip-ink:none}
.uz-mx{margin:clamp(70px,8vw,100px) auto 0;max-width:1100px;text-align:center}
.uz-machine{position:relative;padding-bottom:58px}
.uz-win{position:relative;overflow:hidden;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background:repeating-linear-gradient(90deg,var(--ink) 0 10px,transparent 10px 22px) left 5px top 5px/100% 5px no-repeat,repeating-linear-gradient(90deg,var(--ink) 0 10px,transparent 10px 22px) left 5px bottom 5px/100% 5px no-repeat,var(--cream);padding:18px 0;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-mask:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);z-index:2}
.uz-win:active{cursor:grabbing}
.uz-belt{display:flex;width:max-content;will-change:transform}
.uz-link{flex:none;width:clamp(250px,26vw,300px);min-height:210px;box-sizing:border-box;margin-left:-2px;background:#fff;border:2px solid var(--ink);padding:22px 22px 24px;display:flex;flex-direction:column;gap:8px;text-align:left;opacity:.5;transition:opacity .35s,background .35s}
.uz-link.on{opacity:1}
.uz-link-n{font-family:var(--f-display);font-size:2.6rem;line-height:.9;color:transparent;-webkit-text-stroke:1.5px var(--ink);transition:color .35s}
.uz-link.on .uz-link-n{color:var(--pink)}
.uz-link b{font-family:var(--f-display);font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:1.25rem;line-height:1.1;color:var(--ink)}
.uz-link p{margin:0;font-family:var(--f-label);font-size:.95rem;line-height:1.55;color:#3a3a35}
.uz-lens{position:absolute;top:8px;bottom:8px;left:50%;width:clamp(262px,calc(26vw + 12px),312px);transform:translateX(-50%);border:3px solid var(--pink);border-radius:14px;box-shadow:0 0 0 2px var(--ink),5px 6px 0 2px var(--ink);pointer-events:none}
.uz-drive{position:absolute;left:0;right:0;bottom:0;height:110px;display:flex;justify-content:center;align-items:flex-start;gap:0;z-index:1;pointer-events:none}
.uz-g{display:block;width:96px;height:96px;margin:0 -9px}
.uz-g svg{width:100%;height:100%;overflow:visible;will-change:transform}
.uz-g path{fill:#fff;stroke:var(--ink);stroke-width:2.2;stroke-linejoin:round;fill-rule:evenodd}
.uz-g-c{width:120px;height:120px;margin-top:-12px}
.uz-g-c path,.uz-g-a path,.uz-g-e path{fill:var(--pink)}
.uz-drive{top:auto;bottom:-6px}
.uz-ctl{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:22px}
.uz-ctl button{width:46px;height:46px;border-radius:50%;border:2px solid var(--ink);background:var(--cream);box-shadow:3px 4px 0 var(--pink);font-family:var(--f-label);font-weight:800;font-size:1.15rem;color:var(--ink);cursor:pointer;transition:transform .15s,box-shadow .15s}
.uz-ctl button:hover{transform:translate(-1px,-1px);box-shadow:4px 5px 0 var(--pink)}
.uz-ctl button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--pink)}
.uz-turn{margin:0;display:flex;align-items:baseline;gap:8px;min-width:120px;justify-content:center}
.uz-turn small{font-family:var(--f-label);font-weight:800;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#55554f}
.uz-turn b{display:inline-block;font-family:var(--f-display);font-weight:400;font-size:2.6rem;line-height:1;color:#b83a78}
.uz-turn b.bump{animation:uz-bump .5s ease-out}
@keyframes uz-bump{0%{transform:scale(1.5)}100%{transform:scale(1)}}
.uz-turn-s{margin:12px auto 0;max-width:46ch;font-family:var(--f-label);font-size:1rem;line-height:1.6;color:#3a3a35;text-wrap:balance}
.uz-out .uz-stats{grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,26px)}
.uz-tk{display:flex;background:#fff;border:2px solid var(--ink);border-radius:16px;box-shadow:6px 7px 0 var(--pink);overflow:hidden;text-align:left}
.uz-tk:nth-child(1){transform:rotate(-1.2deg)}.uz-tk:nth-child(2){transform:rotate(1deg)}
.uz-tk-stub{flex:none;width:44px;border-right:2px dashed var(--ink);background:var(--pink);writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;justify-content:center;font-family:var(--f-label);font-weight:800;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}
.uz-tk-stub{border-right:0;border-left:2px dashed var(--ink)}
.uz-tk-body{padding:clamp(20px,2.6vw,28px) clamp(18px,2.6vw,28px);display:flex;flex-direction:column;gap:8px}
.uz-tk-body b{font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:clamp(2.2rem,4.4vw,3.2rem);line-height:1;color:var(--ink)}
.uz-tk-body p{margin:0;font-family:var(--f-label);font-size:1rem;line-height:1.55;color:#3a3a35}
@media (max-width:860px){
.uz-out .uz-stats{grid-template-columns:1fr}
.uz-link{width:min(76vw,290px);min-height:200px}
.uz-lens{width:calc(min(76vw,290px) + 12px)}
.uz-g{width:74px;height:74px;margin:0 -7px}.uz-g-c{width:92px;height:92px;margin-top:-9px}
.uz-g-a,.uz-g-e{display:none}
.uz-machine{padding-bottom:44px}
.uz-label{top:14px;font-size:1.05rem;padding:14px 12px 8px}
.uz-tailor{padding-top:86px}
}
@media (prefers-reduced-motion:reduce){.uz-turn b.bump{animation:none}}
.lab-pane{display:flex;flex-direction:column;padding-bottom:16px}
.lab-pane .lab-count{margin-top:auto;gap:0}
.lab-pane .lab-count span{margin-top:10px}
.lab-pane .lab-rule{margin-top:6px}
.lab-pane .lab-math{margin-top:2px}
@media (max-width:860px){
.uz-link{width:min(68vw,270px);min-height:0;padding:18px 18px 20px}
.uz-lens{width:calc(min(68vw,270px) + 12px)}
.uz-machine{padding-bottom:52px}
.uz-drive{bottom:-14px}
.uz-win{-webkit-mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
}
@media (max-width:700px){.lab-pane .lab-count span,.lab-pane .lab-rule{min-height:0}}
.lab-pane>svg.rm-net{width:calc(100% - clamp(18px,3vw,30px));align-self:auto}
.lab-pane:not(.is-gen)>svg.rm-net{margin-right:clamp(18px,3vw,30px)}
.lab-pane.is-gen>svg.rm-net{margin-left:clamp(18px,3vw,30px)}
.lab-pane .lab-count span{line-height:1.2}
.lab-pane .lab-rule{margin-top:4px;line-height:1.2}
.lab-pane .lab-math{margin-top:3px;line-height:1.2}
.uz-pin{position:relative;height:calc(100vh + 4 * 60vh);margin-top:clamp(40px,5vw,70px)}
.uz-pin>.uz-mx{position:sticky;top:12vh;margin-top:0}
.uz-win{cursor:default;touch-action:auto}
.uz-win:active{cursor:default}
@media (max-width:860px){.uz-pin{height:calc(100vh + 4 * 55vh)}}
section.meto{overflow:clip}
.uz-ctl{gap:28px;margin-top:30px}
.uz-turn-s{margin-top:22px}
.uz-link b{margin-top:10px}
.uz-pin{height:calc(100vh + 5 * 56vh)}
@media (max-width:860px){.uz-pin{height:calc(100vh + 5 * 52vh)}}
.uz-ex{margin-top:auto;padding-top:14px;border-top:2px dashed #14141426;display:flex;flex-direction:column;gap:5px}
.uz-link>p{margin-bottom:16px}
.uz-ex small{font-family:var(--f-label);font-weight:800;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:#b83a78}
.uz-link .uz-ex p{font-weight:700;font-size:.9rem;line-height:1.5;color:var(--ink)}
.ch-bank .ch-why b{display:none}
.site-footer li{margin-bottom:0}
.site-footer li a{padding:2px 0;line-height:1.7}
.ch-uz .uz-out{margin-top:clamp(18px,2.4vw,28px)}
.uz-machine{padding-bottom:50px}
.uz-ctl{margin-top:22px}
.ch-sep-t b{color:var(--ink)!important}
.ch-bank .ch-believe small{display:none}
.ch-bank .ch-believe{font-family:var(--f-brush);font-weight:400;color:#b83a78;font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.2;text-wrap:balance}
.uz-tk-body p strong{font-weight:800;color:#b83a78}

/* Chapter 04: single worked example (replaces scene bank) */
.ex-card{position:relative;max-width:980px;margin:clamp(14px,2vw,22px) auto 0;background:#fff;border:2px solid var(--ink);border-radius:24px;box-shadow:8px 9px 0 var(--pink);padding:clamp(24px,3.4vw,40px);display:grid;grid-template-columns:minmax(0,.8fr) auto minmax(0,1.2fr);grid-template-areas:"said arr made" "pats pats pats";gap:clamp(18px,2.6vw,30px);text-align:left}
.ex-said{grid-area:said;align-self:center}.ex-made{grid-area:made}.ex-arrow{grid-area:arr}.ex-pats{grid-area:pats}
.ex-step{display:inline-block;font-family:var(--f-label);font-weight:800;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#b83a78;margin-bottom:12px}
.ex-quote{margin:0;font-family:var(--f-brush);font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.35;color:var(--ink)}
.ex-arrow{align-self:center;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:2px solid var(--ink);background:var(--pink);color:var(--ink);font-family:var(--f-label);font-weight:800;font-size:1.2rem;box-shadow:3px 4px 0 var(--ink)}
.ex-made{background:var(--cream);border:2px solid var(--ink);border-radius:18px;padding:18px 18px 20px}
.ex-title{margin:0 0 14px;font-family:var(--f-display);text-transform:uppercase;letter-spacing:.02em;font-size:1.2rem;line-height:1.1;color:var(--ink)}
.ex-dialog{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ex-ln{max-width:86%;background:#fff;border:2px solid var(--ink);border-radius:14px 14px 14px 4px;padding:8px 12px}
.ex-ln.me{align-self:flex-end;border-radius:14px 14px 4px 14px;box-shadow:3px 3px 0 var(--pink)}
.ex-ln small{display:block;font-family:var(--f-label);font-weight:800;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:#55554f;margin-bottom:2px}
.ex-ln.me small{color:#b83a78}
.ex-ln p{margin:0;font-family:var(--f-label);font-size:.98rem;line-height:1.45;color:var(--ink)}
.ex-ln mark{background:none;color:inherit;font-weight:800;text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:.14em;text-underline-offset:.2em;text-decoration-skip-ink:none}
.ex-pats{border-top:2px dashed #14141426;padding-top:18px}
.ex-pats ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.ex-pats li{border:2px solid var(--ink);border-radius:999px;background:var(--cream);padding:6px 14px;font-family:var(--f-label);font-weight:800;font-size:.92rem;color:var(--ink)}
@media (max-width:760px){
.ex-card{grid-template-columns:1fr;grid-template-areas:"said" "arr" "made" "pats";padding:22px 18px}
.ex-arrow{justify-self:center;transform:rotate(90deg)}
.ex-ln{max-width:94%}
}
.pm-text p:not(:first-of-type){line-height:1.5}
.uz-pin{height:calc(100vh + 5 * 100vh)}
@media (max-width:860px){.uz-pin{height:calc(100vh + 5 * 100vh)}}
section.meto{padding-bottom:clamp(36px,4vw,56px)}
section.cta{padding-top:clamp(30px,4vw,60px)}
@media (max-width:760px){.uz-tk-body b{font-size:clamp(1.25rem,6.6vw,2.2rem);white-space:nowrap}}
.ch-sep-t b{color:#6b6b64!important}
.piece-name{fill:#55554f}
.ch-bank .ch-believe{color:var(--pink)}
.portrait-sticker.st-a{background:var(--blue,#3aa6d0);color:var(--ink)}
.portrait-sticker.st-c{background:var(--yellow,#f2c230);color:var(--ink)}
#comunidade h2 .big-line>span{white-space:nowrap}
@media (max-width:370px){#comunidade h2 .big-line{font-size:10.6vw}}

/* Minha visão: alternating cream / ink chapter bands (02 and 04 on ink) */
.mt-band{position:absolute;left:0;right:0;z-index:0;pointer-events:none;background:var(--ink)}
section.meto .meto-head,section.meto .puzzle,section.meto .meto-chapters{position:relative;z-index:1}
/* dark chapters: 02 (#meto-blocos) and 04 (#meto-banco) */
#meto-blocos .ch-line>span,#meto-banco .ch-line>span,
#meto-blocos .ch-title,#meto-banco .ch-title,
#meto-blocos .mg-q,#meto-blocos .mg-q u,#meto-blocos .mg-q mark,#meto-blocos .mg-q b,
#meto-blocos .pm-text p,#meto-blocos .pm-text b,#meto-blocos .pm-text mark,
#meto-blocos .tl-close-h,#meto-blocos .tl-close-h u,#meto-blocos .tl-close-h b,
#meto-banco .ch-why b{color:var(--cream)}
#meto-blocos .pm-text p:not(:first-of-type),#meto-blocos .tl-close-t,#meto-banco .ch-why{color:#d9d8d0}
#meto-blocos .mg-q mark,#meto-blocos .pm-text b,#meto-blocos .pm-text mark{background:linear-gradient(transparent 60%,#e0743470 60%)}
#meto-blocos .px-cite,#meto-blocos .bench-cta{color:var(--orange)}
#meto-banco .ch-believe,#meto-banco .ch-believe small,#meto-banco .uz-h,#meto-banco .uz-out-t{color:var(--pink)}
#meto-blocos .ch-ghost,#meto-banco .ch-ghost{-webkit-text-stroke-color:#ecebe526;color:transparent}
.meto-chapters>.ch-sep:nth-child(2) .ch-sep-t small,.meto-chapters>.ch-sep:nth-child(6) .ch-sep-t small{color:#8a8a82}
.meto-chapters>.ch-sep:nth-child(2) .ch-sep-t b,.meto-chapters>.ch-sep:nth-child(6) .ch-sep-t b{color:#cfcdc4!important}
.meto-chapters>.ch-sep:nth-child(2):after,.meto-chapters>.ch-sep:nth-child(6):after{background:repeating-linear-gradient(#ecebe555 0 6px,transparent 6px 12px)}
.meto-chapters>.ch-sep:nth-child(4):before{background:repeating-linear-gradient(#ecebe555 0 6px,transparent 6px 12px)}
.mt-band{background:#1e1e1e}
.dark{background-color:#1e1e1e}
.journey{background:#1e1e1e}
.tiles:after{background:#1e1e1e}
.edge.c-ink{color:#1e1e1e}
.uz-win{-webkit-mask:none!important;mask:none!important}

/* Off-white background */
:root{--cream:#faf8f3}
/* Gear belt: highlight travels with the card, belt runs edge to edge */
.uz-lens{display:none!important}
.uz-win{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.uz-link{position:relative;transition:opacity .35s,box-shadow .35s,border-color .35s}
.uz-link.on{z-index:2;border-color:var(--ink);box-shadow:0 0 0 3px var(--pink),6px 7px 0 3px var(--ink)}
/* Background artifacts: greetings, planes, globes, flags (side gutters, desktop) */
.va{position:absolute;z-index:0;pointer-events:none;display:none;transform:rotate(var(--r,0deg));animation:va-bob 7.5s ease-in-out infinite;animation-delay:calc(var(--d,0s) * -1)}
@media (min-width:1100px){.va{display:block}}
.va-hi{font-family:var(--f-brush);font-size:clamp(1rem,1.25vw,1.3rem);line-height:1;white-space:nowrap;opacity:.6}
.va-ic svg{width:clamp(30px,2.6vw,40px);height:auto;overflow:visible}
.va-ic path{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.va-ic{opacity:.55}
.va-fl{opacity:.7}
.va-fl .tx-fl{display:block;width:clamp(28px,2.4vw,36px);height:auto;aspect-ratio:3/2;border-radius:5px;overflow:hidden;border:2px solid currentColor;box-shadow:3px 3px 0 currentColor}
.va-fl .tx-fl svg{display:block;width:100%;height:100%}
@keyframes va-bob{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-9px) rotate(calc(var(--r,0deg) * -0.6))}}
@media (prefers-reduced-motion:reduce){.va{animation:none}}
.va-hi{font-size:clamp(1.15rem,1.55vw,1.65rem)}
.va-ic svg{width:clamp(36px,3vw,48px)}
.va-fl .tx-fl{width:clamp(32px,2.8vw,42px)}
section.meto{padding-bottom:clamp(80px,8vw,120px)}
.uz-tk-body b{white-space:nowrap;font-size:clamp(1.25rem,2.6vw,2.8rem)}
@media (max-width:760px){.uz-tk-body b{font-size:clamp(1.25rem,6.6vw,2.2rem)}}
.uz-tk-body{min-width:0;flex:1;container-type:inline-size}
.uz-tk-body b{white-space:nowrap;font-size:min(2.8rem,8.6cqw)!important}
/* Ch.02 padrão gerativo on dark: crisp markers, tighter column, airier lines */
#meto-blocos .pm-text b,#meto-blocos .pm-text mark{color:var(--cream);background:linear-gradient(transparent 80%,var(--orange) 80%,var(--orange) 94%,transparent 94%)!important;padding:0 .04em}
#meto-blocos .pm-text{max-width:640px;margin-left:auto;margin-right:auto}
#meto-blocos .pm-text p:not(:first-of-type){line-height:1.68}
@media (max-width:760px){
#meto-blocos .pm-text{padding:0 clamp(10px,4vw,22px)}
#meto-blocos .pm-text p:not(:first-of-type){font-size:1.02rem;line-height:1.7;word-spacing:-.02em}
}
/* Ch.02 padrão gerativo: left-aligned text in a narrow centered block */
#meto-blocos .pm-text{max-width:560px;margin-left:auto;margin-right:auto;padding:0}
#meto-blocos .pm-text p:not(:first-of-type){text-align:left!important;text-align-last:auto!important;line-height:1.55!important;word-spacing:normal}
@media (max-width:760px){
#meto-blocos .pm-text{max-width:none;padding:0 clamp(16px,7vw,30px)}
#meto-blocos .pm-text p:not(:first-of-type){font-size:1.04rem;line-height:1.55!important}
}
@media (max-width:760px){#meto-blocos .pm-text{max-width:560px;box-sizing:border-box}}
@media (max-width:760px){#meto-blocos .pm-text{padding:0!important;max-width:none}#meto-blocos .pm-text p{padding:0 clamp(16px,7vw,30px);max-width:560px;margin-left:auto;margin-right:auto;box-sizing:border-box}}
/* Long reading paragraphs: left-aligned in a narrow centered column */
.story-copy .mono-p,#meto-banco .ch-why,.tl-close-t,.px-intro .mg-q{text-align:left!important;text-align-last:auto!important;margin-left:auto!important;margin-right:auto!important;line-height:1.55!important;text-wrap:pretty}
#meto-banco .ch-why,.tl-close-t,.px-intro .mg-q{max-width:560px!important}
@media (max-width:760px){.story-copy .mono-p,#meto-banco .ch-why,.tl-close-t,.px-intro .mg-q{padding-left:clamp(4px,3vw,14px);padding-right:clamp(4px,3vw,14px);box-sizing:border-box}}
/* paragraph start aligned with left-aligned project titles on desktop */
@media (min-width:981px){.story-copy .mono-p{margin-left:0!important;margin-right:auto!important}}
/* padrão gerativo bold opener: left to right too */
#meto-blocos .pm-text p:first-of-type{text-align:left!important;max-width:560px;margin-left:auto;margin-right:auto}
/* torn edges on remaining straight seams */
section.meto::before{content:"";position:absolute;top:-1px;left:0;right:0;height:34px;background:#1e1e1e;z-index:2;pointer-events:none;clip-path:polygon(0 0,100% 0,100.00% 7.2px,97.35% 19.3px,94.61% 22.7px,89.96% 22.8px,86.83% 15.1px,84.28% 20.2px,81.65% 19.9px,78.58% 12.3px,73.80% 22.8px,71.46% 21.3px,66.33% 19.4px,62.94% 7.2px,59.01% 9.0px,53.97% 21.1px,49.89% 25.3px,47.02% 25.6px,44.44% 11.8px,39.76% 17.4px,36.29% 16.5px,33.82% 17.5px,31.41% 20.9px,27.91% 21.9px,25.60% 12.0px,21.87% 12.1px,19.50% 12.3px,16.20% 14.6px,12.39% 7.9px,9.98% 7.2px,5.82% 7.3px,3.17% 19.0px,0.00% 18.8px)}
section.cta::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:34px;background:#1e1e1e;z-index:2;pointer-events:none;clip-path:polygon(0.00% 23.0px,4.30% 24.1px,8.45% 21.3px,13.63% 16.3px,18.29% 17.2px,21.34% 25.9px,24.70% 17.6px,28.91% 17.4px,31.18% 6.9px,34.76% 12.2px,37.46% 11.7px,40.02% 12.5px,42.39% 24.9px,46.90% 23.8px,49.49% 8.5px,52.43% 10.0px,55.80% 10.4px,60.62% 23.9px,63.06% 13.3px,66.61% 15.0px,70.45% 21.8px,75.30% 22.8px,79.96% 24.5px,84.75% 26.0px,87.79% 23.0px,91.23% 23.5px,94.51% 25.5px,99.36% 8.5px,100.00% 9.9px,100% 100%,0 100%)}
.tiles:after{clip-path:polygon(0.00% 23.0px,4.30% 24.1px,8.45% 21.3px,13.63% 16.3px,18.29% 17.2px,21.34% 25.9px,24.70% 17.6px,28.91% 17.4px,31.18% 6.9px,34.76% 12.2px,37.46% 11.7px,40.02% 12.5px,42.39% 24.9px,46.90% 23.8px,49.49% 8.5px,52.43% 10.0px,55.80% 10.4px,60.62% 23.9px,63.06% 13.3px,66.61% 15.0px,70.45% 21.8px,75.30% 22.8px,79.96% 24.5px,84.75% 26.0px,87.79% 23.0px,91.23% 23.5px,94.51% 25.5px,99.36% 8.5px,100.00% 9.9px,100% 100%,0 100%);height:44px}
.tiles:after{clip-path:none!important;height:40px}
section.cta::after{display:none!important}
/* "No que eu acredito": one shared text column for long paragraphs */
section.meto .meto-intro,section.meto .tl-close-t,section.meto .px-intro .mg-q,#meto-blocos .pm-text p,#meto-banco .ch-why{width:auto!important;max-width:560px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box;text-align:left!important;text-align-last:auto!important}
#meto-blocos .pm-text{max-width:none!important;padding:0!important}
@media (max-width:760px){section.meto .meto-intro,section.meto .tl-close-t,section.meto .px-intro .mg-q,#meto-blocos .pm-text p,#meto-banco .ch-why{max-width:73vw!important}}
/* Dark-background highlights: one style (solid orange stripe under cream text) */
#meto-blocos .mg-q mark,#meto-blocos .mg-q u,#meto-blocos .mg-q b,#meto-blocos .pm-text p b,#meto-blocos .pm-text p mark,#meto-blocos .pm-text p u,#meto-blocos .tl-close-h u,#meto-blocos .tl-close-h mark{color:var(--cream)!important;text-decoration:none!important;background:linear-gradient(transparent 80%,var(--orange) 80%,var(--orange) 94%,transparent 94%)!important;padding:0 .04em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
/* Pós-método paragraph: regular weight, highlights stay bold */
#meto-blocos .px-intro .mg-q{font-weight:400!important}
#meto-blocos .px-intro .mg-q mark,#meto-blocos .px-intro .mg-q u,#meto-blocos .px-intro .mg-q b{font-weight:700}
#meto-blocos .pm-text h4 *,#meto-blocos .pm-text h4{background:none!important}
@media (max-width:980px){.story-copy .mono-p{max-width:70vw!important;padding-left:0!important;padding-right:0!important;margin-left:auto!important;margin-right:auto!important}}
@media (max-width:980px){.story-copy .mono-p{width:auto!important;max-width:none!important;margin-left:calc(18vw - var(--gutter,16px))!important;margin-right:calc(6vw - var(--gutter,16px))!important;align-self:stretch;text-align:left!important}}
@media (max-width:980px){.story-copy .mono-p{margin-left:calc(23vw - var(--gutter,16px))!important;margin-right:calc(5vw - var(--gutter,16px))!important}}
@media (max-width:760px){#meto-banco .ch-head,#meto-banco .ch-head h3,#meto-banco .ch-head .ch-line{text-align:left!important}}
/* Dark chapter bands: same starry texture as Projetos + soft top light for depth */
.mt-band{background-color:#1e1e1e!important;background-image:radial-gradient(1px 1px at 12% 18%,#ecebe559 50%,#0000 51%),radial-gradient(1px 1px at 72% 34%,#ecebe540 50%,#0000 51%),radial-gradient(1.4px 1.4px at 38% 72%,#ecebe54d 50%,#0000 51%),radial-gradient(1px 1px at 88% 82%,#ecebe533 50%,#0000 51%),radial-gradient(1px 1px at 55% 8%,#3aa6d073 50%,#0000 51%),radial-gradient(1.2px 1.2px at 24% 58%,#e0559a66 50%,#0000 51%),radial-gradient(120% 60% at 50% 0%,#ffffff0d,#0000 70%)!important;background-size:340px 340px,280px 280px,420px 420px,230px 230px,510px 510px,460px 460px,100% 100%!important;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat,no-repeat!important}
@media (max-width:760px){#meto-banco .uz-top .ch-belief{margin-top:2px!important}}
#meto-banco .uz-top .ch-belief{gap:30px!important}
#meto-banco .uz-top .ch-belief{gap:26px!important}
section.meto .tl-close-t{margin-top:calc(var(--tlct,12px) + 14px)!important}
@media (max-width:980px){.story-copy .mono-p{margin-left:calc(16vw - var(--gutter,16px))!important;margin-right:calc(16vw - var(--gutter,16px))!important}}
@media (max-width:600px){.story-copy .mono-p{text-align:center!important;text-align-last:center!important}}
.uz-pin{height:calc(100vh + 5 * 70vh)}
/* Curiosidade 07: breakdance joke (spins, falls, gets stamped) */
.journey-art .bb-guy{transform-origin:120px 133px;animation:bbSpin 5.2s ease-in-out infinite}
.journey-art .bb-lines{animation:bbLines 5.2s linear infinite}
.journey-art .bb-stars{opacity:0;transform-origin:150px 110px;transform:translate(-14px,-2px);animation:bbStars 5.2s ease-in-out infinite}
.journey-art .bb-stamp{opacity:0;transform-origin:180px 37px;animation:bbStamp 5.2s ease-out infinite}
@keyframes bbSpin{0%,100%{transform:none}5%{transform:scaleX(-1)}10%{transform:none}15%{transform:scaleX(-1)}20%{transform:none}25%{transform:scaleX(-1)}30%{transform:none}36%{transform:rotate(-14deg)}42%{transform:rotate(10deg)}50%{transform:rotate(98deg)}54%{transform:rotate(88deg)}57%,90%{transform:rotate(90deg)}}
@keyframes bbLines{0%,30%{opacity:1}34%,96%{opacity:0}100%{opacity:1}}
@keyframes bbStars{0%,54%{opacity:0;transform:translate(-14px,-2px) rotate(0)}60%{opacity:1}70%{transform:translate(-14px,-2px) rotate(-10deg)}80%{transform:translate(-14px,-2px) rotate(10deg)}88%{opacity:1;transform:translate(-14px,-2px) rotate(0)}93%,100%{opacity:0}}
@keyframes bbStamp{0%,60%{opacity:0;transform:rotate(-8deg) scale(2.2)}64%{opacity:1;transform:rotate(-8deg) scale(.92)}67%,90%{opacity:1;transform:rotate(-8deg) scale(1)}94%,100%{opacity:0;transform:rotate(-8deg) scale(1)}}
@media (prefers-reduced-motion:reduce){.journey-art .bb-guy{animation:none;transform:rotate(90deg)}.journey-art .bb-lines{animation:none;opacity:0}.journey-art .bb-stars,.journey-art .bb-stamp{animation:none;opacity:1}.journey-art .bb-stamp{transform:rotate(-8deg)}}
/* Sobre mim: no dark vignette, same #1e1e1e as the other dark sections */
.journey:after{background:none}
/* Sobre mim -> Projetos: passport transition (identity page + 4 project stamps) */
.pp-sep{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;margin:clamp(40px,5vw,64px) auto 0;text-align:center}
.pp-sep:before,.pp-sep:after{content:"";display:block;width:2px;height:30px;background:repeating-linear-gradient(#ecebe555 0 6px,transparent 6px 12px)}
.pp-svg{width:clamp(170px,16vw,220px);height:auto;overflow:visible;transform:rotate(-3deg);filter:drop-shadow(5px 6px 0 #00000059)}
.pp-st{opacity:0;transform-box:fill-box;transform-origin:center}
.pp-sep.in .pp-st{animation:ppStamp .42s cubic-bezier(.3,1.5,.5,1) forwards;animation-delay:var(--d,0s)}
@keyframes ppStamp{0%{opacity:0;transform:scale(2.1)}60%{opacity:.95;transform:scale(.9)}100%{opacity:.92;transform:scale(1)}}
.pp-t{margin:0;display:flex;flex-direction:column;align-items:center;gap:2px}
.pp-t small{font-family:var(--f-label);font-weight:800;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#8a8a82}
.pp-t b{font-family:var(--f-brush);font-weight:400;font-size:1.55rem;line-height:1.1;color:#cfcdc4}
@media (prefers-reduced-motion:reduce){.pp-st{opacity:.92}.pp-sep.in .pp-st{animation:none}}
.pp-svg{width:clamp(230px,24vw,310px)}
/* Sobre mim -> Projetos: simple paper plane gliding down a dashed trail (replaces passport) */
.pt-sep{position:relative;z-index:2;width:160px;height:200px;margin:clamp(36px,4vw,56px) auto 0}
.pt-svg{display:block;width:160px;height:200px;overflow:visible}
.pt-draw{stroke-dasharray:1;stroke-dashoffset:1}
.pt-plane{position:absolute;left:0;top:0;width:30px;height:22px;offset-path:path("M80 4C80 50 18 52 26 100C34 148 128 140 104 190");offset-rotate:auto;offset-anchor:50% 50%;offset-distance:0%;opacity:0;filter:drop-shadow(2px 3px 0 #00000059)}
.pt-plane svg{display:block}
.pt-sep.in .pt-draw{animation:ptDraw 1.7s cubic-bezier(.45,0,.25,1) .1s forwards}
.pt-sep.in .pt-plane{animation:ptFly 1.7s cubic-bezier(.45,0,.25,1) .1s forwards}
@keyframes ptDraw{to{stroke-dashoffset:0}}
@keyframes ptFly{0%{offset-distance:0%;opacity:0}8%{opacity:1}100%{offset-distance:100%;opacity:1}}
@media (prefers-reduced-motion:reduce){.pt-draw{stroke-dashoffset:0}.pt-plane{offset-distance:100%;opacity:1}.pt-sep.in .pt-draw,.pt-sep.in .pt-plane{animation:none}}
.pt-plane{width:48px;height:36px}.pt-plane svg{width:48px;height:36px}
.pt-svg path[mask]{stroke:#ecebe599;stroke-width:3;stroke-dasharray:2 10}
/* Sobre mim -> Projetos: 4 project-colored slices assemble into one globe as you scroll (replaces plane) */
.pz-sep{--p:1;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;margin:clamp(40px,5vw,70px) auto 0}
.pz-sep:before,.pz-sep:after{content:"";display:block;width:2px;height:40px;background:repeating-linear-gradient(#ecebe555 0 6px,transparent 6px 12px)}
.pz-svg{width:clamp(130px,12vw,170px);height:auto;overflow:visible;margin:14px 0;filter:drop-shadow(5px 6px 0 #00000059)}
.pz-s{transform-box:fill-box;transform-origin:center}
.pz-a{transform:translate(calc((1 - var(--p)) * -110px),calc((1 - var(--p)) * -60px)) rotate(calc((1 - var(--p)) * -50deg))}
.pz-b{transform:translate(calc((1 - var(--p)) * 115px),calc((1 - var(--p)) * -70px)) rotate(calc((1 - var(--p)) * 40deg))}
.pz-c{transform:translate(calc((1 - var(--p)) * 100px),calc((1 - var(--p)) * 75px)) rotate(calc((1 - var(--p)) * -35deg))}
.pz-d{transform:translate(calc((1 - var(--p)) * -105px),calc((1 - var(--p)) * 70px)) rotate(calc((1 - var(--p)) * 55deg))}
.pz-globe{opacity:clamp(0,calc((var(--p) - .85) * 6.67),1)}
@media (prefers-reduced-motion:reduce){.pz-sep{--p:1!important}}
.pz-svg{width:clamp(150px,14vw,200px)}
/* Sobre mim -> Projetos divider: two crossing tape bands with drifting language/travel icons (replaces globe) */
.tb-sep{position:relative;z-index:2;height:clamp(130px,13vw,180px);margin:clamp(30px,4vw,60px) 0 0;pointer-events:none}
.tb-band{position:absolute;left:50%;top:50%;width:130vw;overflow:hidden;border-block:3px solid #141414;box-shadow:0 6px 0 #00000040}
.tb-a{background:#e07434;color:#141414;transform:translate(-50%,-50%) rotate(-3.2deg);z-index:2}
.tb-b{background:#ecebe5;color:#141414;transform:translate(-50%,-50%) rotate(2.6deg);z-index:1}
.tb-track{display:flex;width:max-content;align-items:center;padding:10px 0;animation:tbRun 46s linear infinite}
.tb-b .tb-track{animation-direction:reverse;animation-duration:58s}
.tb-i{display:flex;align-items:center;gap:clamp(18px,2.2vw,30px);padding-right:clamp(18px,2.2vw,30px)}
.tb-i svg{width:clamp(22px,2.2vw,30px);height:clamp(22px,2.2vw,30px);fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tb-i i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.55}
@keyframes tbRun{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tb-track{animation:none}}
.tb-a{top:44%}.tb-b{top:60%}
@media (max-width:760px){.tb-sep{height:150px}.tb-a{top:38%;transform:translate(-50%,-50%) rotate(-5deg)}.tb-b{top:64%;transform:translate(-50%,-50%) rotate(4deg)}}
/* Sobre mim heading: shifted right, clear of the HELLO sticker */
@media (min-width:761px){.journey-head{padding-left:calc(var(--gutter) + clamp(60px,7vw,140px))}}
/* Hero: floating greeting bubbles removed (distracted from the headline) */
section.hero .floaters{display:none!important}
/* Ch04: pink belief sits halfway (visually) between the title and the white paragraph */
@media (min-width:761px){#meto-banco .uz-top .ch-belief{margin-top:22px!important;gap:32px!important}}
.foot-priv{color:inherit;text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:3px}
.foot-priv:hover{color:var(--orange)}