.hero{isolation:isolate;min-height:100svh;padding:calc(var(--nav-h) + 56px) 0 120px;align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-3;background:radial-gradient(55% 60% at 76% 44%,#3ee0a11a,#0000 62%),radial-gradient(40% 45% at 6% 96%,#ff5a3c12,#0000 70%);position:absolute;inset:0}.hero-bg:after{content:"";opacity:.55;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 62% 45%,#000 15%,#0000 75%);mask-image:radial-gradient(70% 60% at 62% 45%,#000 15%,#0000 75%)}#paw-canvas{z-index:-1;opacity:0;width:100%;height:100%;transition:opacity 1.4s;position:absolute;inset:0}.webgl-on #paw-canvas{opacity:1}.hero-stage{z-index:-2;pointer-events:none;position:absolute;inset:0}.hero-fallback{z-index:-2;opacity:0;width:min(40vw,500px);animation:1.2s 2.6s forwards fadeIn;position:absolute;top:46%;right:7%;transform:translateY(-50%)}.webgl-on .hero-fallback{display:none}@keyframes fadeIn{to{opacity:.5}}.hero-inner{position:static}.hero-copy{max-width:780px}.eyebrow{border:1px solid var(--line-2);backdrop-filter:blur(6px);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:#08090b66;border-radius:999px;align-items:center;gap:10px;margin:0;padding:8px 14px;font-size:12px;display:inline-flex}.cat-n{width:44px;height:24px;color:var(--jade);flex:none;margin:-4px 0 -4px -6px;overflow:hidden}.cat-n .cat{transform-origin:20px 14px;animation:7s cubic-bezier(.45,0,.55,1) infinite cat-walk}.cat-n .n{transform-origin:22px 12px;opacity:0;animation:7s infinite n-in}.cat-n .leg{animation:.42s ease-in-out infinite alternate leg}.cat-n .l1,.cat-n .l4{transform-origin:50% 15.5px}.cat-n .l1{transform-origin:12.5px 15.5px;--a:24deg}.cat-n .l2{transform-origin:17px 15.5px;--a:-24deg}.cat-n .l3{transform-origin:23px 15.5px;--a:-24deg}.cat-n .l4{transform-origin:27px 15.5px;--a:24deg}.cat-n .tail{transform-origin:10px 12px;animation:.84s ease-in-out infinite alternate tail}@keyframes leg{0%{transform:rotate(var(--a))}to{transform:rotate(calc(var(--a) * -1))}}@keyframes tail{0%{transform:rotate(-8deg)}to{transform:rotate(10deg)}}@keyframes cat-walk{0%{opacity:0;transform:translate(-34px)}5%{opacity:1}52%{opacity:1;transform:translate(0)}60%{opacity:0;transform:translate(0)scale(.5)}to{opacity:0;transform:translate(-34px)}}@keyframes n-in{0%,54%{opacity:0;transform:scale(.5)}64%{opacity:1;transform:scale(1.08)}68%{transform:scale(1)}90%{opacity:1}96%,to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.cat-n .cat,.cat-n .leg,.cat-n .tail{opacity:0;animation:none}.cat-n .n{opacity:1;animation:none}}.hero-title{letter-spacing:-.03em;margin:28px 0 26px;font-size:clamp(2.2rem,5.4vw,5rem);font-weight:820;font-stretch:108%;line-height:.99}.hero-title .line{margin:-.06em 0 -.1em;padding:.06em 0 .1em;display:block;overflow:hidden}.hero-title .line>span{animation:lineIn 1.15s var(--ease) both;display:inline-block}.hero-title .line:nth-child(2)>span{animation-delay:.1s}.hero-title .line:nth-child(3)>span{animation-delay:.2s}@keyframes lineIn{0%{transform:translateY(115%)}}.hero-title .line{animation:10ms 1.35s both unclip}@keyframes unclip{to{overflow:visible}}.intro-done .hero-title .line{overflow:visible}.hero-title .hanko{--size:clamp(42px,5vw,76px)}.hero-sub{max-width:580px;color:var(--muted);margin:0 0 36px;font-size:clamp(1.02rem,1.3vw,1.18rem)}.hero-sub strong{color:var(--text);font-weight:600}.sub-short,.hint-touch{display:none}.hero-ctas{flex-wrap:wrap;gap:12px;display:flex}.hero-meta{font-family:var(--mono);letter-spacing:.05em;color:var(--dim);flex-wrap:wrap;gap:8px 22px;margin:40px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.hero-meta li:before{content:"✓";color:var(--jade);margin-right:8px}.intro{animation:introIn .9s var(--ease) both;animation-delay:var(--d,0s)}@keyframes introIn{0%{opacity:0;transform:translateY(16px)}}.terminal{right:max(var(--gutter),calc((100% - var(--maxw))/2 + var(--gutter)));border:1px solid var(--line-2);-webkit-backdrop-filter:blur(12px);width:508px;font-family:var(--mono);background:#0c0e11cc;border-radius:14px;font-size:12.5px;position:absolute;bottom:56px;box-shadow:0 30px 80px -30px #000000e6}.term-bar{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:11px 14px;display:flex}.term-bar i{background:var(--line-2);border-radius:50%;width:9px;height:9px}.term-bar i:first-child{background:var(--shu)}.term-bar span{color:var(--dim);margin-left:8px;font-size:11.5px}.term-body{padding:14px 16px 12px}.term-body p{grid-template-columns:78px minmax(0,1fr);gap:10px;min-height:1.65em;margin:0 0 6px;line-height:1.55;display:grid}.term-k{color:var(--dim)}.term-k.prob{color:var(--shu)}.term-k.sol{color:var(--jade)}.term-v{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.term-v.skip{color:var(--dim);text-decoration:line-through;text-decoration-color:var(--shu)}.term-v.typing:after{content:"▌";color:var(--jade);margin-left:1px;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.term-body .term-hint{border-top:1px dashed var(--line);color:var(--dim);margin:10px 0 0;padding-top:10px;font-size:11.5px;display:block}.scroll-hint{bottom:40px;left:max(var(--gutter),calc((100% - var(--maxw))/2 + var(--gutter)));font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);align-items:center;gap:12px;font-size:11.5px;display:flex;position:absolute}.scroll-hint span{background:var(--line-2);width:1px;height:40px;position:relative;overflow:hidden}.scroll-hint span:after{content:"";background:var(--jade);width:1px;height:40%;animation:drip 2s var(--ease) infinite;position:absolute;top:-40%;left:0}@keyframes drip{to{top:100%}}@media (width<=1199px){.hero{padding-bottom:72px}.terminal{width:100%;max-width:520px;margin-top:48px;position:relative;bottom:auto;right:auto}.scroll-hint{display:none}}@media (width<=999px){.hero{min-height:0;padding:calc(var(--nav-h) + 24px) 0 56px;align-items:flex-start}.hero-stage{z-index:auto;pointer-events:none;height:clamp(190px,30svh,300px);margin:2px 0 10px;position:relative;inset:auto}.hero-stage .hero-fallback{width:auto;height:100%;margin:auto;position:absolute;inset:auto auto 0 0;transform:none}.hero-bg{background:radial-gradient(70% 42% at 50% 38%,#3ee0a11f,#0000 68%),radial-gradient(60% 40% at 0 100%,#ff5a3c12,#0000 70%)}.hero-bg:after{-webkit-mask-image:radial-gradient(90% 45% at 50% 38%,#000 10%,#0000 75%);mask-image:radial-gradient(90% 45% at 50% 38%,#000 10%,#0000 75%)}.hero-sub{max-width:520px;margin-bottom:28px}.hero-meta{margin-top:28px}}@media (hover:none){.hint-mouse{display:none}.hint-touch{display:inline}}@media (width<=520px){.term-body p{grid-template-columns:1fr;gap:1px}.term-k{letter-spacing:.1em;text-transform:uppercase;font-size:10px}}@media (width<=600px){.sub-full{display:none}.sub-short{display:inline}.hero-sub{margin-bottom:24px;font-size:1.02rem}.hero-title{margin:22px 0 8px}.hero-ctas .btn{flex:100%}.hero-title{font-stretch:100%}.hero-title .hanko{--size:40px}.strike-word .hanko{top:-.95em;left:calc(100% - .6em)}}.problema{padding-bottom:0}.problema .sec-head{margin-bottom:var(--sp-block)}.problema .sec-head h2{font-size:clamp(1.7rem,3vw,2.4rem)}.pr-block{grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(22px,3vw,32px);display:grid}.pr-lead{min-width:0}.pr-lead-k{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--shu);align-items:center;gap:12px;margin:0 0 clamp(14px,1.8vw,22px);font-size:12px;display:flex}.pr-lead-k:before{content:"";background:var(--shu);flex:none;width:28px;height:1px}.pr-lead-k span{color:var(--dim)}.pr-lead-t{letter-spacing:-.025em;margin:0;font-size:clamp(1.9rem,8.2vw,2.5rem);font-weight:760;font-stretch:104%;line-height:1.1}.pr-ln{display:block}.pr-ln+.pr-ln{margin-top:.12em}.pr-lead-t .hl-shu{text-underline-offset:.16em;white-space:nowrap;text-decoration-thickness:3px}.pr-group{min-width:0}@media (width>=900px){.pr-lead-t{font-size:clamp(1.9rem,2.7vw,2.45rem)}}@media (width>=1100px){.pr-block{gap:clamp(36px,5vw,64px)}.pr-block-a{grid-template-columns:minmax(0,4.5fr) minmax(0,7.5fr)}.pr-block-b{grid-template-columns:minmax(0,7.5fr) minmax(0,4.5fr)}.pr-block-b .pr-lead{order:2}.pr-block-b .pr-group{order:1}.pr-block-b .pr-lead-k{justify-content:flex-start}}.pr-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.pr-item{min-width:0;display:flex}.pr-card{perspective:1600px;flex:1;min-width:0;display:flex;position:relative}.pr-inner{transform-style:preserve-3d;transition:transform .85s var(--ease);flex:1;display:flex;position:relative}.pr-card.is-flipped .pr-inner{transform:rotateY(180deg)}.pr-face{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--surface),var(--bg-2));-webkit-backface-visibility:hidden;backface-visibility:hidden;flex-direction:column;flex:1;min-width:0;transition:border-color .3s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.pr-front{cursor:pointer}.pr-back{background:linear-gradient(#0f1c17,#0a110e);border-color:#3ee0a142;position:absolute;inset:0;transform:rotateY(180deg)}.pr-card.is-flipped .pr-back{box-shadow:0 24px 60px -34px #3ee0a173}.pr-cover{aspect-ratio:2;background:radial-gradient(55% 80% at 50% 50%,#ff5a3c14,transparent 72%),var(--surface);margin:0;position:relative;overflow:hidden}.pr-cover:after{content:"";pointer-events:none;background:linear-gradient(180deg,transparent,var(--surface));height:28%;position:absolute;inset:auto 0 0}.pr-cover img,.pr-cover .v3-still{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease),opacity .5s}.pr-cover-sol{background:radial-gradient(55% 80%,#3ee0a11f,#0000 72%),#0f1c17}.pr-cover-sol:after{background:linear-gradient(#0000,#0f1c17)}.pr-cover-sol img:not([src]){opacity:0}.pr-back .pr-cover{aspect-ratio:auto;flex:1 1 0;min-height:88px}.pr-back .pr-body{flex:none}.pr-body{flex:1;padding:16px 22px 0;position:relative}.pr-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--jade);margin:0 0 6px;font-size:11px}.pr-label-p{color:var(--shu)}.pr-q{letter-spacing:-.01em;margin:0;font-size:1.2rem;font-weight:720;font-stretch:103%;line-height:1.25}.pr-sol{letter-spacing:-.01em;margin:0 0 4px;padding-right:58px;font-size:1.12rem;font-weight:720;line-height:1.25}.pr-line{color:#b6c2bc;margin:0;font-size:.93rem;line-height:1.45}.pr-stamp{--size:52px;z-index:2;white-space:nowrap;position:absolute;top:-30px;right:16px}.pr-card.is-flipped .pr-stamp{animation:.6s cubic-bezier(.2,1.5,.4,1) .4s both stamp}.pr-foot{justify-content:space-between;align-items:center;gap:10px;padding:12px 22px 18px;display:flex}.pr-flip{align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:650;display:inline-flex}.pr-flip .icon{color:var(--jade);transition:transform .6s var(--ease);font-size:16px}.pr-mine{height:44px;padding:0 20px;font-size:14px}.pr-unflip{min-height:44px;color:var(--muted);align-items:center;gap:6px;padding:0 4px;font-size:13.5px;transition:color .2s;display:inline-flex}.pr-unflip:hover{color:var(--text)}@media (hover:hover) and (pointer:fine){.pr-front:hover{border-color:var(--line-2)}.pr-front:hover .pr-cover img{transform:scale(1.04)}.pr-front:hover .pr-flip .icon{transform:rotate(180deg)}}@media (width>=900px){.pr-body{padding:14px 16px 0}.pr-q{font-size:1.05rem}.pr-sol{padding-right:50px;font-size:1.02rem}.pr-line{font-size:.88rem}.pr-foot{padding:8px 16px 14px}.pr-stamp{--size:44px;top:-26px;right:12px}.pr-mine{padding:0 16px}}.pr-deck.reveal{transition:none}.pr-deck.reveal.rv:not(.in){opacity:1;transform:none}.pr-ln.reveal,.pr-lead-k.reveal{transition-duration:.9s}.pr-ln.reveal.rv:not(.in),.pr-lead-k.reveal.rv:not(.in){transform:translateY(14px)}.pr-or{margin:var(--sp-block) 0;text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.pr-or-t{font-family:var(--mono);letter-spacing:.01em;color:var(--muted);margin:0;font-size:clamp(.95rem,1.5vw,1.2rem);font-style:italic}.pr-or-line{background:linear-gradient(180deg,var(--line-2),transparent);width:1px;height:clamp(40px,5vw,56px);display:block;position:relative}.pr-or-line i{background:var(--shu);opacity:0;border-radius:50%;width:5px;height:5px;position:absolute;top:0;left:-2px}.pr-or.in .pr-or-line i{animation:pr-drip 2.8s .6s var(--ease) infinite}@keyframes pr-drip{0%{opacity:0;transform:translateY(0)}15%{opacity:1}75%{opacity:.9}to{opacity:0;transform:translateY(clamp(40px,5vw,56px))}}.pr-end{margin-top:var(--sp-section);text-align:center;border:1px dashed var(--line-2);border-radius:var(--radius);background:radial-gradient(60% 120% at 50% 0,#ff5a3c0f,#0000 70%);flex-direction:column;align-items:center;gap:10px;padding:clamp(32px,4.5vw,52px) clamp(20px,4vw,40px);display:flex}.pr-end-t{letter-spacing:-.025em;margin:0;font-size:clamp(1.6rem,4.6vw,2.6rem);font-weight:760;font-stretch:104%;line-height:1.1}.pr-end-s{max-width:46ch;color:var(--muted);margin:0 0 10px;font-size:1rem}.pr-end-btn{min-height:48px}.pr-pager{display:none}@media (width<=899px){.pr-track{margin-inline:calc(var(--gutter) * -1);padding:2px var(--gutter) 6px;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-template-columns:none;grid-auto-columns:min(80%,330px);grid-auto-flow:column;gap:12px;overflow-x:auto}.pr-track::-webkit-scrollbar{display:none}.pr-item{scroll-snap-align:start}.pr-deck.reveal{transition:opacity 1s .15s var(--ease),transform 1s .15s var(--ease)}.pr-deck.reveal.rv:not(.in){opacity:0;transform:translateY(24px)}.pr-item.reveal{transition:none}.pr-item.reveal.rv:not(.in){opacity:1;transform:none}.pr-body{padding:14px 18px 0}.pr-q{font-size:1.1rem}.pr-sol{font-size:1.05rem}.pr-line{font-size:.9rem}.pr-foot{padding:10px 18px 14px}.pr-stamp{--size:46px;top:-26px;right:12px}.pr-pager{align-items:center;gap:10px;margin-top:10px;display:flex}.pr-count{font-family:var(--mono);letter-spacing:.06em;color:var(--dim);white-space:nowrap;margin:0 4px 0 0;font-size:12px}.pr-count b{color:var(--text);font-weight:500}.pr-meter{background:var(--line-2);border-radius:2px;flex:1;height:2px;overflow:hidden}.pr-meter i{background:linear-gradient(90deg,var(--shu),var(--jade));transform-origin:0;height:100%;transition:transform .45s var(--ease);display:block;transform:scaleX(.34)}.pr-nav{border:1px solid var(--line-2);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:18px;transition:border-color .2s,opacity .2s;display:grid}.pr-nav[data-dir="-1"] .icon{transform:rotate(180deg)}.pr-nav:not(:disabled):hover{border-color:var(--jade)}.pr-nav:disabled{opacity:.3;cursor:default}}@media (width<=600px){.pr-end-btn{width:100%}}@media (prefers-reduced-motion:reduce){.pr-or-line i{opacity:.9;top:calc(100% - 5px);animation:none!important}}.metodo{padding:var(--sp-section) 0}.metodo .sec-head{margin-bottom:var(--sp-block)}.mt-path{--p:0;position:relative}.mt-rail{z-index:0;background:var(--line-2);border-radius:2px;position:absolute}.mt-rail i{border-radius:inherit;background:linear-gradient(90deg,var(--shu),var(--jade));clip-path:inset(0 calc((1 - var(--p)) * 100%) 0 0);position:absolute;inset:0}.mt-rail b{top:50%;left:calc(var(--p) * 100%);background:var(--jade);opacity:0;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;transition:opacity .35s;position:absolute;box-shadow:0 0 0 5px #3ee0a124,0 0 22px #3ee0a1d9}.mt-path.is-moving .mt-rail b{opacity:1}.mt-path.is-vertical .mt-rail i{background:linear-gradient(180deg,var(--shu),var(--jade));clip-path:inset(0 0 calc((1 - var(--p)) * 100%) 0)}.mt-path.is-vertical .mt-rail b{top:calc(var(--p) * 100%);left:50%}.mt-steps{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,40px);margin:0;padding:0;list-style:none;display:grid;position:relative}.mt-step{min-width:0}.mt-tile{aspect-ratio:1;border:1px solid var(--line-2);background:var(--bg-2);width:clamp(112px,11vw,136px);transition:border-color .5s,box-shadow .7s var(--ease),background-color .6s;border-radius:28px;place-items:center;display:grid;position:relative;overflow:hidden}.mt-tile:before{content:"";opacity:0;background:radial-gradient(65% 65%,#3ee0a129,#0000 72%);transition:opacity .7s;position:absolute;inset:0}.mt-tile img,.mt-tile .v3-still{opacity:.3;filter:grayscale();width:84%;height:84%;transition:opacity .7s,filter .7s,transform .9s var(--ease);position:relative;transform:scale(.92)}.mt-step.is-on .mt-tile{background-color:#0b1411;border-color:#3ee0a16b;box-shadow:0 0 0 6px #3ee0a10b,0 20px 50px -22px #3ee0a180}.mt-step.is-on .mt-tile:before{opacity:1}.mt-step.is-on .mt-tile img,.mt-step.is-on .mt-tile .v3-still{opacity:1;filter:none;transform:none}.mt-meta{font-family:var(--mono);letter-spacing:.08em;color:var(--dim);align-items:baseline;gap:12px;margin:24px 0 6px;font-size:12px;display:flex}.mt-num{transition:color .4s}.mt-step.is-on .mt-num{color:var(--jade)}.mt-jp{font-family:var(--jp);letter-spacing:.06em;color:#2c323a;font-size:1.45rem;font-weight:700;line-height:1.2;transition:color .6s}.mt-step.is-on .mt-jp{color:var(--text)}.mt-step h3{letter-spacing:-.01em;margin:0 0 6px;font-size:1.2rem;font-weight:720;font-stretch:103%;line-height:1.25}.mt-text{max-width:30ch;color:var(--muted);margin:0;font-size:.96rem;line-height:1.5}.mt-bridge{margin:var(--sp-block) auto 0;text-align:center;letter-spacing:-.015em;color:var(--muted);text-wrap:balance;flex-direction:column;align-items:center;font-size:clamp(1.25rem,2.3vw,1.7rem);font-weight:600;line-height:1.3;display:flex}.mt-bridge strong{color:var(--text);font-weight:720}.mt-drip{background:var(--line-2);width:1px;height:clamp(44px,6vw,64px);margin-top:22px;display:block;position:relative;overflow:hidden}.mt-drip:after{content:"";background:var(--jade);width:1px;height:40%;animation:mtDrip 2.2s var(--ease) infinite;position:absolute;top:-40%;left:0}@keyframes mtDrip{to{top:100%}}@media (width<=760px){.mt-steps{grid-template-columns:1fr;gap:26px}.mt-step{grid-template-rows:auto auto auto;grid-template-columns:84px minmax(0,1fr);align-content:center;column-gap:18px;display:grid}.mt-tile{border-radius:22px;grid-row:1/4;align-self:center;width:84px}.mt-meta{gap:10px;margin:0 0 2px}.mt-jp{font-size:1.1rem}.mt-step h3{margin-bottom:2px;font-size:1.08rem}.mt-text{font-size:.92rem;line-height:1.45}.mt-bridge{margin-top:var(--sp-block)}}@media (prefers-reduced-motion:reduce){.mt-drip:after{background:linear-gradient(var(--jade),transparent);height:100%;animation:none;top:0}}.cta{--mx:50%;--my:62%;isolation:isolate;text-align:center;background:#05100c;padding:clamp(104px,13vw,184px) 0 clamp(96px,12vw,168px);position:relative;overflow:hidden}.cta:before,.cta:after{content:"";z-index:1;background:linear-gradient(90deg,#0000,#3ee0a18c 30% 70%,#0000);height:1px;position:absolute;left:0;right:0}.cta:before{top:0}.cta:after{opacity:.45;bottom:0}.cta-bg{z-index:-1;pointer-events:none;background:radial-gradient(70% 60% at 50% 112%,#3ee0a14d,#0000 70%),radial-gradient(45% 40% at 50% -6%,#3ee0a11f,#0000 72%),linear-gradient(#06130e,#041009 55%,#05140e);position:absolute;inset:0}.cta-bg:before{content:"";background-image:radial-gradient(circle,#3ee0a14d 0 1.1px,#0000 1.7px);background-position:top;background-size:26px 26px;transition:opacity 1s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.cta-bg:after{content:"";opacity:0;background:radial-gradient(420px circle at var(--mx) var(--my),#3ee0a121,transparent 65%);transition:opacity .6s;position:absolute;inset:0}.cta.is-hover .cta-bg:after{opacity:1}.cta-gl{opacity:0;width:100%;height:100%;transition:opacity 1.4s;position:absolute;inset:0}.cta.gl-on .cta-gl{opacity:1}.cta.gl-on .cta-bg:before{opacity:0}.cta-inner{flex-direction:column;align-items:center;display:flex;position:relative}.cta-index{white-space:nowrap;color:#9fb3aa;justify-content:center;align-self:stretch;margin-bottom:26px}.cta-index:before{content:"";background:#3ee0a14d;flex:0 56px;height:1px}.cta-index:after{background:#3ee0a14d;flex-basis:56px}.cta-index [lang=ja]{color:#7d948a}.cta-title{letter-spacing:-.032em;margin:0 0 26px;font-size:clamp(2.3rem,6.2vw,5.4rem);font-weight:820;font-stretch:106%;line-height:1.02}.cta-line{display:block}.cta-title .hanko{--size:clamp(44px,5.4vw,82px)}.cta-title .strike-word .hanko{top:-.42em;left:calc(100% - .3em)}.cta-title .strike-word.struck{color:#8fa39a}.cta-sub{text-wrap:balance;color:#a9bab2;max-width:44ch;margin:0 0 clamp(34px,4vw,48px);font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.5}.cta-actions{flex-direction:column;align-items:center;gap:14px;display:flex}.cta-btn{height:64px;padding:0 34px;font-size:17px;font-weight:700;position:relative;box-shadow:0 18px 50px -18px #3ee0a1bf}.cta-btn .icon{font-size:19px}.cta-btn:hover{box-shadow:0 22px 60px -16px #3ee0a1e6}.cta-btn:after{content:"";border-radius:inherit;pointer-events:none;animation:ctaHalo 3.2s var(--ease) infinite 1.2s;position:absolute;inset:-1px;box-shadow:0 0 #3ee0a173}@keyframes ctaHalo{0%{box-shadow:0 0 #3ee0a16b}70%,to{box-shadow:0 0 0 18px #3ee0a100}}.cta-wa{color:#a9bab2;text-underline-offset:.3em;align-items:center;gap:8px;min-height:44px;padding:0 10px;font-size:14.5px;text-decoration:underline #a9bab259;transition:color .2s,text-decoration-color .2s;display:inline-flex}.cta-wa .icon{transition:transform .3s var(--ease);font-size:15px}.cta-wa:hover{color:var(--text);text-decoration-color:var(--jade)}.cta-wa:hover .icon{transform:translate(2px,-2px)}@media (width<=600px){.cta-title{letter-spacing:-.028em;font-stretch:100%}.cta-title .hanko{--size:42px}.cta-title .strike-word .hanko{top:-.85em;left:calc(100% - .55em)}.cta-actions{align-self:stretch}.cta-btn{width:100%;max-width:380px;height:60px;padding:0 24px}.cta-bg:before{background-size:22px 22px}}@media (prefers-reduced-motion:reduce){.cta-btn:after{animation:none}}.cs-list{gap:var(--sp-block);display:grid}.cs-case{grid-template:"show."1fr"show head""show thumbs""show notes""show."1fr/minmax(0,1.62fr) minmax(0,1fr);column-gap:clamp(36px,5vw,80px);display:grid}.cs-case:nth-child(2n){grid-template-columns:minmax(0,1fr) minmax(0,1.62fr);grid-template-areas:".show""head show""thumbs show""notes show"".show"}.cs-head{grid-area:head;min-width:0}.cs-show{grid-area:show;align-self:center;min-width:0}.cs-thumbs{grid-area:thumbs;min-width:0}.cs-notes{grid-area:notes;min-width:0}.cs-kind{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin:0 0 10px;font-size:11.5px;line-height:1.4;display:flex}.cs-kind b{color:var(--jade);font-weight:700}.cs-name{letter-spacing:-.025em;margin:0 0 clamp(20px,2.4vw,30px);font-size:clamp(2.1rem,3.6vw,3.2rem);font-weight:800;font-stretch:108%;line-height:1}.cs-main{-webkit-tap-highlight-color:transparent;border-radius:24px;display:block;position:relative}.cs-main:focus-visible{outline-offset:6px;border-radius:26px}.cs-stage{--bg:#0d0f12;--glow:var(--jade);isolation:isolate;aspect-ratio:4/3;border:1px solid var(--line-2);background:radial-gradient(#ffffff0f 1px,transparent 1.5px) 0 0 / 22px 22px, radial-gradient(75% 55% at 50% 108%,color-mix(in srgb,var(--glow) 24%,transparent),transparent 72%), radial-gradient(45% 45% at 88% 6%,color-mix(in srgb,var(--glow) 10%,transparent),transparent 70%), var(--bg);transition:transform .5s var(--ease),border-color .4s,box-shadow .5s;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 40px 100px -50px #000000f2}.cs-stage:after{content:"";z-index:-1;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--glow) 55%,transparent),transparent);height:1px;position:absolute;bottom:0;left:12%;right:12%}.is-broken{visibility:hidden}.cs-win{border:1px solid var(--line-2);background:#0b0c0f;border-radius:14px;position:absolute;overflow:hidden;box-shadow:0 36px 70px -24px #000000eb,0 0 0 1px #ffffff05}.cs-win--front{z-index:2;width:84%;bottom:8%;right:5%}.cs-win--back{filter:brightness(.42)saturate(.8);width:70%;top:7%;left:5%;box-shadow:0 24px 50px -24px #000000e6}.cs-stage[data-frame=browser]:not(:has(.cs-win--back)) .cs-win--front{width:87%;bottom:50%;right:50%;transform:translate(50%,50%)}.cs-bar{border-bottom:1px solid var(--line);font-family:var(--mono);letter-spacing:.04em;color:var(--muted);background:#121519;align-items:center;gap:12px;margin:0;padding:8px 12px;font-size:11px;line-height:1;display:flex}.cs-dots{flex:none;gap:5px;display:flex}.cs-dots i{background:#ffffff24;border-radius:50%;width:8px;height:8px}.cs-url{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);background:#ffffff0e;border-radius:999px;flex:0 auto;margin:0 auto;padding:5px 14px;overflow:hidden}.cs-path{color:var(--dim)}.cs-bar:after{content:"";flex:none;width:34px}.cs-screen{background:#14211c;position:relative}.cs-screen .cs-swap,.cs-screen img{width:100%;height:100%;display:block}.cs-screen img{object-fit:cover;object-position:top}.cs-dev{height:90%;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.cs-dev img{filter:drop-shadow(0 28px 34px #000000b3);width:auto;max-width:none;height:100%}.cs-dev--l,.cs-dev--r{filter:brightness(.5)saturate(.85);height:73%;bottom:10%}.cs-dev--l{transform:translate(-50%)translate(-78%)rotate(-6deg)}.cs-dev--r{transform:translate(-50%)translate(78%)rotate(6deg)}.cs-dev--front{z-index:2}.cs-swap{transition:opacity .32s var(--ease),scale .45s var(--ease),translate .45s var(--ease)}.cs-stage.is-out .cs-swap{opacity:0;transition-duration:.2s;translate:0 8px;scale:.985}.cs-stage:not(.is-out) :is(.cs-dev--l,.cs-dev--r,.cs-win--back){transition-delay:90ms}.cs-chip{z-index:3;border:1px solid var(--line-2);backdrop-filter:blur(8px);height:32px;font-family:var(--mono);letter-spacing:.06em;color:var(--text);background:#08090bbd;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:11px;transition:border-color .3s,color .3s,background .3s;display:inline-flex;position:absolute;bottom:14px;right:14px}.cs-chip .icon{transition:transform .35s var(--ease);font-size:13px}@media (hover:hover) and (pointer:fine){.cs-main:hover .cs-stage{border-color:#3ee0a161;transform:translateY(-5px);box-shadow:0 46px 100px -50px #000000f2,0 0 70px -26px #3ee0a166}.cs-main:hover .cs-chip{color:var(--jade);border-color:#3ee0a199}.cs-main:hover .cs-chip .icon{transform:translate(2px,-2px)}.cs-main:hover .cs-dev--front{translate:0 -6px}}.cs-main:focus-visible .cs-stage{border-color:#3ee0a180}.cs-thumbs{--cols:4;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:12px;margin:0 0 clamp(22px,2.6vw,30px);display:grid}.cs-thumbs[data-frame=device]{gap:10px;max-width:440px}.cs-thumb{opacity:.6;width:100%;transition:opacity .3s,transform .35s var(--ease);border-radius:12px;padding:0 0 12px;display:block;position:relative}.cs-ti{border-radius:10px;display:block;overflow:hidden}.cs-ti img{object-fit:cover;object-position:top;width:100%;height:100%}.cs-thumbs[data-frame=browser] .cs-ti{aspect-ratio:16/10;border:1px solid var(--line-2);background:#14211c}.cs-thumbs[data-frame=device] .cs-ti{aspect-ratio:640/1345;border-radius:0;overflow:visible}.cs-thumbs[data-frame=device] .cs-ti img{object-fit:contain}.cs-thumb:after{content:"";background:var(--jade);opacity:0;width:22px;height:2px;transition:opacity .3s,transform .35s var(--ease);border-radius:2px;margin-left:-11px;position:absolute;bottom:0;left:50%;transform:scaleX(.3)}.cs-thumb[aria-pressed=true]{opacity:1}.cs-thumb[aria-pressed=true]:after{opacity:1;transform:none}.cs-thumbs[data-frame=browser] .cs-thumb[aria-pressed=true] .cs-ti{border-color:#3ee0a18c}.cs-thumb:focus-visible{opacity:1}@media (hover:hover) and (pointer:fine){.cs-thumb:hover{opacity:1;transform:translateY(-3px)}}.cs-notes{max-width:31em}.cs-line{color:var(--muted);margin:0 0 6px;font-size:14.5px;line-height:1.5}.cs-lbl{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-right:6px;font-size:10.5px}.cs-line--p .cs-lbl{color:color-mix(in srgb,var(--shu) 80%,var(--muted))}.cs-line--s .cs-lbl{color:color-mix(in srgb,var(--jade) 85%,var(--muted))}.cs-visit{margin-top:18px}.cs-case .reveal{transition-duration:.9s}.cs-case .reveal.rv:not(.in){transform:translateY(18px)}.cs-head.reveal{--d:80ms}.cs-notes.reveal{--d:.22s}.cs-thumbs.reveal.rv:not(.in){opacity:1;transform:none}.cs-thumbs.reveal.rv:not(.in) .cs-thumb{opacity:0}.cs-thumbs.reveal.in .cs-thumb{animation:csThumbIn .6s var(--ease) backwards;animation-delay:calc(.18s + var(--k) * 60ms)}@media (hover:hover) and (pointer:fine){.cs-thumbs.reveal.in .cs-thumb:hover{opacity:1}}@keyframes csThumbIn{0%{opacity:0;translate:0 10px}}.cs-next{margin-top:var(--sp-block);text-align:center;border:1px solid var(--line-2);border-radius:calc(var(--radius) + 6px);background:radial-gradient(70% 120% at 50% 0%,#3ee0a124,transparent 70%),radial-gradient(40% 60% at 50% 100%,#ff5a3c12,transparent 70%),var(--surface);flex-direction:column;align-items:center;gap:14px;padding:clamp(44px,6vw,80px) clamp(20px,5vw,56px);display:flex;position:relative;overflow:hidden}.cs-next:before{content:"";pointer-events:none;background-image:radial-gradient(#ffffff14 1px,#0000 1.5px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 80% at 50% 40%,#000,#0000);mask-image:radial-gradient(60% 80% at 50% 40%,#000,#0000)}.cs-next>*{position:relative}.cs-next-copy{letter-spacing:-.03em;text-wrap:balance;max-width:18ch;margin:0;font-size:clamp(2rem,5.4vw,3.6rem);font-weight:800;font-stretch:108%;line-height:1.04}.cs-next-text{max-width:46ch;color:var(--muted);margin:0 0 10px;font-size:clamp(1rem,1.6vw,1.15rem)}.btn-xl{height:64px;padding:0 36px;font-size:17px;box-shadow:0 14px 44px -14px #3ee0a199}.btn-xl:hover{transform:translateY(-2px)}.cs-next-stamp{--size:clamp(52px,5vw,64px);--rot:-12deg;flex:none}@media (width<=900px){.cs-case,.cs-case:nth-child(2n){grid-template:"head""show""thumbs""notes"/minmax(0,1fr)}.cs-name{margin-bottom:18px}.cs-thumbs{margin-top:16px}.cs-thumbs[data-frame=browser]{grid-template-columns:repeat(4,minmax(0,1fr))}.cs-stage[data-frame=device]{aspect-ratio:5/4}}@media (width<=560px){.cs-list{gap:72px}.cs-stage{border-radius:18px}.cs-main:focus-visible{border-radius:20px}.cs-stage[data-frame=device]{aspect-ratio:1}.cs-win{border-radius:10px}.cs-win--back{display:none}.cs-stage[data-frame=browser] .cs-win--front{width:92%;bottom:50%;right:50%;transform:translate(50%,50%)}.cs-bar{gap:8px;padding:6px 8px;font-size:9.5px}.cs-dots i{width:6px;height:6px}.cs-dots{gap:4px}.cs-url{padding:4px 10px}.cs-bar:after{width:26px}.cs-chip{height:28px;padding:0 10px;font-size:10px;bottom:10px;right:10px}.cs-dev{height:86%;bottom:7%}.cs-dev--l,.cs-dev--r{height:70%;bottom:11%}.cs-dev--l{transform:translate(-50%)translate(-72%)rotate(-6deg)}.cs-dev--r{transform:translate(-50%)translate(72%)rotate(6deg)}.cs-thumbs[data-frame=browser]{margin-inline:calc(-1 * var(--gutter));padding:6px var(--gutter) 0;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;grid-template-columns:none;grid-auto-columns:42%;grid-auto-flow:column;gap:10px;overflow-x:auto}.cs-thumbs[data-frame=browser]::-webkit-scrollbar{display:none}.cs-thumbs[data-frame=browser] .cs-thumb{scroll-snap-align:start}.cs-thumbs[data-frame=device]{gap:8px;max-width:none}.cs-line{font-size:14px}.cs-visit,.cs-next .btn{width:100%}}@media (prefers-reduced-motion:reduce){.cs-stage,.cs-swap,.cs-thumb,.cs-chip,.cs-case .reveal{transition:none}.cs-thumbs.reveal .cs-thumb{animation:none}.cs-thumbs.reveal.rv:not(.in) .cs-thumb{opacity:.6}.cs-thumbs.reveal.rv:not(.in) .cs-thumb[aria-pressed=true]{opacity:1}}.cs-show{position:relative}.cs-cover{z-index:1;aspect-ratio:2000/857;border-radius:14px;width:94%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 36px 70px -24px #000000eb,0 0 0 1px #ffffff0d}.cs-cover img{object-fit:cover;width:100%;height:100%;display:block}.cs-stage[data-mode=cover] .cs-win,.cs-stage:not([data-mode=cover]) .cs-cover{display:none}.cs-flag{z-index:4;border:1px solid var(--line-2);backdrop-filter:blur(8px);max-width:calc(100% - 28px);font-family:var(--mono);letter-spacing:.08em;color:var(--muted);pointer-events:none;background:#08090bbd;border-radius:999px;align-items:center;margin:0;padding:6px 12px;font-size:10.5px;line-height:1.3;display:none;position:absolute;top:14px;left:14px}.cs-show:has(.cs-stage[data-mode=cover]) .cs-flag{display:inline-flex}.cs-thumbs[data-frame=browser] .cs-thumb[data-role=cover] .cs-ti img{object-position:center}.cs-next.in .cs-next-stamp{animation:.6s cubic-bezier(.2,1.5,.4,1) .35s both stamp}@media (scripting:none){.cs-next-stamp{opacity:.92}}@media (width<=560px){.cs-flag{padding:5px 10px;font-size:9.5px;top:10px;left:10px}}@media (prefers-reduced-motion:reduce){.cs-next .cs-next-stamp{opacity:.92;animation:none}}.cs-stage[data-frame=mixed] .cs-win--front{width:78%;inset:8% auto auto 4%}.cs-stage[data-frame=mixed] .cs-dev{z-index:3;height:80%;bottom:5%;left:auto;right:4%;transform:none}.cs-stage[data-frame=mixed][data-mode=cover] .cs-dev{display:none}.cs-main:has(.cs-stage[data-frame=mixed]) .cs-chip{left:14px;right:auto}.cs-stage[data-frame=mixed].is-out[data-swap=desktop] .cs-dev,.cs-stage[data-frame=mixed].is-out[data-swap=phone] .cs-win .cs-swap{opacity:1;translate:0;scale:1}.cs-thumbs[data-frame=mixed] .cs-ti{aspect-ratio:16/10;border:1px solid var(--line-2);background:#14211c}.cs-thumbs[data-frame=mixed] .cs-thumb[data-kind=phone] .cs-ti{background:radial-gradient(90% 90% at 50% 110%,color-mix(in srgb,var(--jade) 14%,transparent),transparent 70%),#0d1110;position:relative}.cs-thumbs[data-frame=mixed] .cs-thumb[data-kind=phone] .cs-ti img{object-fit:contain;width:auto;height:88%;position:absolute;top:6%;left:50%;transform:translate(-50%)}.cs-thumbs[data-frame=mixed] .cs-thumb[data-role=cover] .cs-ti img{object-position:center}.cs-thumbs[data-frame=mixed] .cs-thumb[data-current]{opacity:.88}.cs-thumbs[data-frame=mixed] :is(.cs-thumb[aria-pressed=true],.cs-thumb[data-current]) .cs-ti{border-color:#3ee0a18c}.cs-hit{z-index:5;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:24px;position:absolute;inset:0}.cs-hit:focus-visible{outline:2px solid var(--jade);outline-offset:6px;border-radius:26px}.cs-main:has(.cs-hit:focus-visible) .cs-stage{border-color:#3ee0a180}.cs-flag--demo{backdrop-filter:none;letter-spacing:.06em;max-width:none;color:var(--dim);background:0 0;border:0;border-radius:0;margin:12px 4px 0;padding:0;font-size:11px;display:flex;position:static}.cs-flag--demo:before{content:"";background:var(--jade);opacity:.8;border-radius:50%;flex:none;width:6px;height:6px;margin:.3em 8px 0 0}@media (width<=900px){.cs-thumbs[data-frame=mixed]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=560px){.cs-hit{border-radius:20px}.cs-main:has(.cs-stage[data-frame=mixed]) .cs-chip{left:10px}.cs-stage[data-frame=mixed] .cs-win--front{width:80%;top:9%;left:3%}.cs-stage[data-frame=mixed] .cs-dev{height:76%;bottom:4%;right:3%}.cs-flag--demo{margin-inline:2px;font-size:10px}.cs-thumbs[data-frame=mixed]{margin-inline:calc(-1 * var(--gutter));padding:6px var(--gutter) 0;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;grid-template-columns:none;grid-auto-columns:42%;grid-auto-flow:column;gap:10px;overflow-x:auto}.cs-thumbs[data-frame=mixed]::-webkit-scrollbar{display:none}.cs-thumbs[data-frame=mixed] .cs-thumb{scroll-snap-align:start}}