.panellum-page{--pn-bg:#08070d;--pn-text:#f4f1ea;--pn-muted:#a9a6b8;--red:#ff4d55;--yellow:#ffc93c;--blue:#3b6cff;--paper:#f3ead3;--comic-ink:#0e0b14;--display:"Unbounded", "Inter", sans-serif;background:var(--pn-bg);color:var(--pn-text)}.panellum-page em{background:linear-gradient(90deg, var(--yellow), var(--red) 55%, #ff79c6);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.panellum-page .tag{font:700 12px/1 var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--yellow);display:inline-block}.pn-btn{background:var(--yellow);color:#140f05;font:700 15px/1 var(--display);border-radius:999px;align-items:center;gap:10px;padding:15px 26px;text-decoration:none;transition:transform .25s cubic-bezier(.2,.9,.2,1.2),box-shadow .25s;display:inline-flex;box-shadow:0 16px 40px -14px #ffc93cbf}.pn-btn:hover{transform:translateY(-2px)scale(1.02)}.pn-btn svg{animation:1.8s ease-in-out infinite pn-nudge}@keyframes pn-nudge{50%{transform:translateY(3px)}}.pn-soon{color:var(--pn-text);border:1px dashed #ffffff47;border-radius:999px;align-items:center;gap:9px;padding:13px 20px;font-size:14.5px;font-weight:600;display:inline-flex}.pn-soon:before{content:"";background:var(--red);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite pn-pulse;box-shadow:0 0 0 4px #ff4d5540}@keyframes pn-pulse{50%{box-shadow:0 0 0 7px #ff4d5514}}.pn-hero{--hp:0;height:420vh;position:relative}.hero-sticky{height:100svh;position:sticky;top:0;overflow:hidden}.hero-bg{background:radial-gradient(120% 80% at 55% 0%, #17112c 0%, var(--pn-bg) 62%);position:absolute;inset:0}.glow{filter:blur(90px);border-radius:50%;animation:16s ease-in-out infinite alternate pn-drift;position:absolute}.g1{background:var(--red);opacity:.3;width:48vw;height:48vw;top:-16vw;left:-14vw}.g2{background:var(--blue);opacity:.42;width:54vw;height:54vw;animation-delay:-6s;bottom:-26vw;right:-16vw}.g3{background:var(--yellow);opacity:.16;width:20vw;height:20vw;animation-delay:-10s;top:6vh;right:24vw}@keyframes pn-drift{to{transform:translate(4vw,3vh)scale(1.12)}}.dots{background-image:radial-gradient(#ffffff1a 1.1px,#0000 1.7px);background-size:16px 16px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 65% at 62%,#000,#0000);mask-image:radial-gradient(75% 65% at 62%,#000,#0000)}#hero3d{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-scrim{pointer-events:none;opacity:clamp(0, calc((var(--hp) - .5) * 8), 1);background:linear-gradient(90deg,#08070de0 0%,#08070d8c 34%,#0000 58%);position:absolute;inset:0}.hero-text{pointer-events:none;position:absolute;inset:0}.ht{width:min(540px,42vw);position:absolute;top:50%;left:max(24px,6vw);transform:translateY(-50%)}.ht-a{pointer-events:auto;opacity:clamp(0, calc(1 - (var(--hp) - .05) * 9), 1);transform:translateY(calc(-50% - var(--hp) * 260px))}.ht-b{opacity:clamp(0, min(calc((var(--hp) - .17) * 10), calc((.47 - var(--hp)) * 10)), 1);transform:translateY(calc(-50% + (.3 - var(--hp)) * 120px))}.ht-c{opacity:clamp(0, min(calc((var(--hp) - .53) * 10), calc((1 - var(--hp)) * 14)), 1);transform:translateY(calc(-50% + (.7 - var(--hp)) * 120px))}.ht .kicker{letter-spacing:.04em;color:var(--pn-muted);align-items:center;gap:12px;margin:0 0 22px;font-size:14px;font-weight:600;display:flex}.ht .kicker img{width:34px;height:34px}.ht h1,.ht h2{font:800 clamp(40px, 5.4vw, 82px) / 1.02 var(--display);letter-spacing:-.03em;margin:0}.ht h2{margin-top:14px;font-size:clamp(32px,4vw,58px)}.ht .lead,.ht p:not(.kicker){color:#cfccd9;max-width:470px;margin:22px 0 0;font-size:clamp(16px,1.3vw,18.5px);line-height:1.6}.ht .actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.scroll-cue{letter-spacing:.24em;text-transform:uppercase;color:var(--pn-muted);opacity:clamp(0, calc(1 - var(--hp) * 12), 1);justify-items:center;gap:8px;font-size:12px;font-weight:600;display:grid;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.scroll-cue i{background:linear-gradient(var(--yellow), transparent);transform-origin:top;width:1.5px;height:38px;animation:1.6s ease-in-out infinite pn-cue}@keyframes pn-cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.hero-progress{background:#ffffff1a;border-radius:3px;width:3px;height:140px;position:absolute;top:50%;right:26px;overflow:hidden;transform:translateY(-50%)}.hero-progress i{width:100%;height:calc(var(--hp) * 100%);background:linear-gradient(var(--yellow), var(--red));display:block}.pn-try{background:radial-gradient(60% 55% at 72% 50%, #19133a 0%, transparent 70%), var(--pn-bg);padding:120px 0;position:relative}.try-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:48px;display:grid}.try-copy h2,.strip-head h2,.final-in h2{font:800 clamp(34px, 4.4vw, 62px) / 1.04 var(--display);letter-spacing:-.03em;margin:14px 0 16px}.try-copy>p{color:#cfccd9;max-width:480px;margin:0;font-size:17px}.modes{gap:10px;margin:28px 0 16px;display:grid}.mode{color:inherit;font:inherit;text-align:left;cursor:pointer;background:#ffffff09;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:14px;padding:12px 16px 12px 12px;transition:background .25s,border-color .25s,transform .25s;display:flex}.mode:hover{border-color:#ffffff2e;transform:translate(4px)}.mode svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;background:#ffffff12;border-radius:13px;flex:none;width:44px;height:44px;padding:10px;transition:background .25s,color .25s}.mode b{font:700 15.5px/1.25 var(--display);display:block}.mode small{color:var(--pn-muted);margin-top:3px;font-size:14px;display:block}.mode.on{background:linear-gradient(120deg,#ffc93c29,#ff4d551a);border-color:#ffc93c8c}.mode.on svg{background:var(--yellow);color:#140f05}.controls-box{background:#ffffff09;border:1px solid #ffffff14;border-radius:18px;padding:12px 14px}.ctl{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;min-height:44px;display:none}.controls-box[data-mode=vinetas] [data-ctl=vinetas],.controls-box[data-mode=globos] [data-ctl=globos],.controls-box[data-mode=lupa] [data-ctl=lupa],.controls-box[data-mode=curl] [data-ctl=curl]{display:flex}.counter{color:var(--pn-muted);font-size:14.5px;font-weight:600}.pad{gap:6px;display:flex}.pad button{min-width:44px;height:42px;color:inherit;font:700 15px/1 var(--display);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;padding:0 16px;transition:background .2s,transform .2s}.pad button:hover{background:#ffffff1f}.pad button:active{transform:scale(.95)}.pad button.on{background:var(--yellow);border-color:var(--yellow);color:#140f05}.control{color:var(--pn-muted);align-items:center;gap:10px;font-size:14.5px;font-weight:600;display:flex}.control output{min-width:38px;color:var(--pn-text)}.control input{width:120px;accent-color:var(--yellow)}.try-stage{cursor:grab;-webkit-user-select:none;user-select:none;height:min(82vh,780px);min-height:540px;position:relative}.try-stage.grabbing{cursor:grabbing}.stage-light{pointer-events:none;background:radial-gradient(34% 44% at 50% 46%,#ffc93c21,#0000 70%),radial-gradient(60% 34% at 50% 100%,#3b6cff38,#0000 72%);position:absolute;inset:0}.stage-floor{pointer-events:none;background:radial-gradient(closest-side,#000000b3,#0000);width:40%;height:34px;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}#try3d{touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}.try-overlay{z-index:2;opacity:0;touch-action:none;cursor:pointer;position:absolute;overflow:hidden}.try-overlay .layer{visibility:hidden;position:absolute;inset:0}.try-overlay[data-mode=vinetas] [data-layer=vinetas],.try-overlay[data-mode=globos] [data-layer=globos],.try-overlay[data-mode=lupa] [data-layer=lupa],.try-overlay[data-mode=curl] [data-layer=curl]{visibility:visible}.layer .fill{position:absolute;inset:0}.layer canvas{width:100%;height:100%;display:block}.page-layer{background:#0b0910;justify-content:center;align-items:center;display:flex}.page-layer .loupe-stage,.page-layer .curl-stage{aspect-ratio:2/3;touch-action:none;width:100%;position:relative}.page-layer .loupe-stage{background:var(--paper);cursor:crosshair}.loupe-stage canvas,.curl-stage canvas{position:absolute;inset:0}.tapzones{z-index:4;grid-template-columns:3fr 4fr 3fr;display:grid;position:absolute;inset:0}.tapzones button{cursor:pointer;background:0 0;border:0}.stage-hint{z-index:3;color:var(--pn-muted);pointer-events:none;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:0;font-size:13.5px;font-weight:600;display:flex;position:absolute;bottom:0;left:0;right:0}.stage-hint span{align-items:center;gap:7px;display:inline-flex}.stage-hint svg{fill:none;width:18px;height:18px;stroke:var(--yellow);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.pn-strip{background:linear-gradient(var(--pn-bg), #0e0a18);padding:110px 0 120px}.strip-head{margin-bottom:40px}.comic-page{background:var(--comic-ink);border-radius:8px;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;padding:14px;display:grid;box-shadow:0 0 0 2px #2a2535,0 50px 90px -40px #000000e6}.cpanel{--dot:#ff4d558c;border:3px solid var(--comic-ink);background:var(--paper);color:#141019;min-height:220px;padding:62px 24px 24px;transition:transform .4s cubic-bezier(.2,.9,.2,1.25),box-shadow .4s;position:relative;overflow:hidden}.cpanel:before{content:"";background-image:radial-gradient(var(--dot) 30%, transparent 32%);background-size:12px 12px;width:190px;height:190px;transition:transform .6s;position:absolute;bottom:-30px;right:-30px;-webkit-mask-image:radial-gradient(circle at 100% 100%,#000 10%,#0000 70%);mask-image:radial-gradient(circle at 100% 100%,#000 10%,#0000 70%)}.cpanel:hover{z-index:2;transform:translateY(-6px)rotate(-.8deg)scale(1.02);box-shadow:0 26px 40px -16px #000c}.cpanel:hover:before{transform:scale(1.25)}.cpanel .caption{border:2px solid var(--comic-ink);background:var(--yellow);color:var(--comic-ink);font:800 11px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;position:absolute;top:16px;left:16px;transform:rotate(-2deg)}.cpanel svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:54px;height:54px;margin-bottom:14px;position:relative}.cpanel h3{font:800 clamp(19px, 1.8vw, 25px) / 1.12 var(--display);letter-spacing:-.015em;margin:0 0 8px;position:relative}.cpanel p{opacity:.8;max-width:420px;margin:0;font-size:15.5px;line-height:1.5;position:relative}.c1{grid-column:span 4}.c2{--dot:#ffffff59;background:var(--red);color:#fff;grid-column:span 2}.c3,.c4,.c5{grid-column:span 2}.c4{--dot:#3b6cff80}.c5{--dot:#ffffff4d;background:var(--blue);color:#fff}.c6,.c7{grid-column:span 3}.c6{--dot:#ffc93ccc}.c8{--dot:#ffc93c73;color:#fff;background:#17131f;border-color:#2a2535;grid-column:span 6;min-height:170px}.c2 .caption,.c5 .caption{background:#fff}.pn-trust{background:#0e0a18;padding:100px 0 120px}.trust-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:70px;display:grid}.bubble{border:4px solid var(--comic-ink);color:var(--comic-ink);text-align:center;box-shadow:12px 12px 0 var(--red);background:#fff;border-radius:50%/46%;padding:80px 50px;position:relative}.bubble:before,.bubble:after{content:"";clip-path:polygon(0 0,100% 0,8% 100%);position:absolute;left:22%}.bubble:before{background:var(--comic-ink);width:78px;height:64px;bottom:-58px}.bubble:after{background:#fff;width:62px;height:52px;margin-left:6px;bottom:-46px}.bubble h2{font:900 clamp(34px, 4.4vw, 62px) / 1 var(--display);letter-spacing:-.03em;margin:0}.trust-side p{color:var(--pn-muted);margin:0 0 18px;font-size:17.5px;line-height:1.65}.trust-side strong{color:var(--pn-text)}.trust-side a{color:var(--yellow)}.trust-side .fine{opacity:.8;font-size:14px}.pn-final{text-align:center;background:#0e0a18;padding:150px 0 170px;position:relative;overflow:hidden}.burst{background:repeating-conic-gradient(from 0deg, #ffc93c14 0 6deg, transparent 6deg 15deg);width:170vmax;height:170vmax;animation:70s linear infinite pn-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(closest-side,#000 12%,#0000 62%);mask-image:radial-gradient(closest-side,#000 12%,#0000 62%)}@keyframes pn-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.final-in{justify-items:center;display:grid;position:relative}.final-in img{filter:drop-shadow(0 24px 40px #ff4d5566);width:170px;height:auto;margin-bottom:10px;animation:3.2s ease-in-out infinite pn-bob}@keyframes pn-bob{50%{transform:translateY(-12px)rotate(-3deg)}}.final-in h2{margin-bottom:28px}.pn-soon.big{padding:16px 26px;font-size:16.5px}@media (width<=960px){.try-grid,.trust-grid{grid-template-columns:minmax(0,1fr)}.try-stage{order:-1;height:min(118vw,640px);min-height:0}.comic-page{grid-template-columns:repeat(2,minmax(0,1fr))}.c1,.c8{grid-column:span 2}.c2,.c3,.c4,.c5,.c6,.c7{grid-column:span 1}}@media (width<=860px){.pn-hero{height:360vh}.ht{width:auto;inset:auto 20px max(28px,5svh)}.ht-a{transform:translateY(calc(var(--hp) * -200px))}.ht-b{transform:translateY(calc((.3 - var(--hp)) * 100px))}.ht-c{transform:translateY(calc((.7 - var(--hp)) * 100px))}.ht h1{font-size:clamp(32px,9vw,44px)}.ht h2{font-size:clamp(26px,7.4vw,36px)}.ht .kicker{margin-bottom:12px}.ht .lead,.ht p:not(.kicker){margin-top:12px;font-size:15px}.ht .actions{margin-top:18px}.hero-scrim{opacity:1;background:linear-gradient(#0000 42%,#08070db3 68%,#08070df0 100%)}.scroll-cue,.hero-progress{display:none}}@media (width<=560px){.pn-try,.pn-strip{padding:80px 0}.comic-page{grid-template-columns:minmax(0,1fr);gap:10px;padding:10px}.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8{grid-column:span 1}.cpanel{min-height:0}.bubble{padding:60px 30px}.control input{width:96px}}