:root{color-scheme:dark;--ink:#f6f7fb;--muted:#9caabd;--bg:#07111f;--panel:#101d2e;--line:rgba(164,189,222,.17);--blue:#48b9ff;--orange:#e9a365;--green:#8bd9b8;--radius:23px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{text-decoration:none;color:inherit}img{max-width:100%}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}::selection{background:#347fa5;color:white}.shell{width:min(1350px,calc(100% - 88px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.ambient{position:absolute;pointer-events:none;filter:blur(95px);opacity:.27;border-radius:50%;z-index:-1}.ambient-1{width:670px;height:660px;top:-250px;right:-220px;background:radial-gradient(circle,#076da9,transparent 66%)}.ambient-2{width:700px;height:500px;top:1100px;left:-270px;background:radial-gradient(circle,#175899,transparent 69%)}#stars{position:absolute;z-index:-1;pointer-events:none;inset:0 0 auto;height:1200px;overflow:hidden}.star{position:absolute;width:2px;height:2px;border-radius:100%;background:#cbe4ff;opacity:.3;animation:twinkle 4s ease-in-out infinite}@keyframes twinkle{50%{opacity:.9;transform:scale(1.8)}}
.header{position:relative;z-index:15;border-bottom:1px solid rgba(169,204,242,.08)}.header-inner{display:flex;justify-content:space-between;align-items:center;height:91px;gap:28px}.brand,.footer-brand{font-size:28px;font-weight:900;letter-spacing:-1.5px;white-space:nowrap}.brand-x,.footer-brand span{color:#59caff;text-shadow:0 0 24px rgba(54,163,255,.45)}.brand-dot{color:var(--orange)}.nav{display:flex;align-items:center;gap:36px;margin-left:24px}.nav a{font-size:13px;font-weight:600;color:#99aabf;transition:color .2s}.nav a:hover{color:#fff}.header-chip{border:1px solid #265072;background:rgba(31,70,101,.18);border-radius:999px;display:flex;align-items:center;gap:10px;padding:12px 17px;font-size:12px;font-weight:650;white-space:nowrap;color:#d9e8f9;transition:background .2s}.header-chip:hover{background:rgba(36,101,145,.27)}.pulse{display:block;width:8px;height:8px;border-radius:50%;background:#5ce1aa;box-shadow:0 0 0 5px rgba(81,213,164,.13),0 0 12px #5ce1aa;animation:pulse 2.4s infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(81,213,164,0),0 0 12px #5ce1aa}}
.hero{padding-top:68px}.hero-kicker,.section-label{color:#8ab6cf;font-size:11px;font-weight:800;letter-spacing:3px;display:flex;align-items:center;gap:14px}.kicker-line,.dash{width:33px;height:1px;background:#56bdfa}.hero-head{display:grid;grid-template-columns:1.45fr .55fr;align-items:end;gap:60px;margin-top:16px;margin-bottom:40px}.hero h1{font-size:clamp(45px,5.45vw,83px);line-height:1.06;letter-spacing:-5px;margin:10px 0 0;font-weight:850}.gradient-text{background:linear-gradient(100deg,#ffffff 3%,#6dcbf7 75%,#468ddd);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-aside{max-width:340px;padding-bottom:11px}.hero-aside p{font-size:15px;line-height:1.8;color:#a0adbd;margin:0 0 16px}.text-link{display:inline-flex;gap:12px;align-items:center;border-bottom:1px solid rgba(120,199,244,.45);padding-bottom:7px;color:#85cdf9;font-size:13px;font-weight:700}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}
.scene{position:relative}.scene-frame{position:relative;overflow:hidden;border-radius:25px;box-shadow:0 26px 90px rgba(0,0,0,.36),0 0 0 1px rgba(118,187,241,.24);isolation:isolate;background:#142a3c}.scene-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,8,17,0) 67%,rgba(1,8,17,.73) 100%);pointer-events:none}.scene-image{display:block;width:100%;height:auto;max-height:765px;object-fit:cover;animation:photo-reveal 1.15s ease both}@keyframes photo-reveal{from{opacity:.3;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}.scene-overlay{position:absolute;bottom:25px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:3}.scene-tag{background:rgba(4,17,27,.6);backdrop-filter:blur(13px);border:1px solid rgba(185,228,245,.28);border-radius:50px;display:flex;gap:12px;align-items:center;color:white;padding:12px 16px;font-size:10px;font-weight:800;letter-spacing:2px}.tag-dot{width:7px;height:7px;background:#78ecaa;border-radius:50%;box-shadow:0 0 12px #8affae}.scene-caption{color:#d6ebf2;font-size:10px;letter-spacing:2px;font-weight:750;text-shadow:0 2px 9px #000}.scene-grain{position:absolute;inset:0;z-index:1;opacity:.06;pointer-events:none;background-image:radial-gradient(white .5px,transparent .8px);background-size:5px 5px}.steam{position:absolute;z-index:3;bottom:31%;left:21%;width:50px;height:110px;border-radius:50%;border-left:13px solid rgba(204,241,246,.14);filter:blur(11px);opacity:0;pointer-events:none;animation:steam 6.5s infinite ease-out;transform-origin:bottom}.steam-2{left:40%;animation-delay:2s}.steam-3{left:58%;animation-delay:3.9s}@keyframes steam{0%{transform:translate(0,20px) scale(.6) rotate(-5deg);opacity:0}30%{opacity:.53}80%{opacity:.2}100%{transform:translate(22px,-140px) scale(1.45) rotate(15deg);opacity:0}}.scene-foot{display:flex;align-items:center;justify-content:space-between;margin-top:22px;font-size:12px;font-weight:600;color:#7d93a9}.scene-foot-left,.scene-foot-right{display:inline-flex;align-items:center;gap:13px}.icon-sparkle{font-size:20px;color:#79bfff}.scene-foot-right span{font-size:20px;color:#8eb8e2;animation:down 1.7s infinite}@keyframes down{50%{transform:translateY(6px)}}
.philosophy{padding-top:165px;padding-bottom:150px}.section-index{color:#6bc4fa;letter-spacing:1.5px}.section-label{color:#788ea3}.philosophy-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:90px;align-items:center;margin-top:51px}.philosophy-main h2,.feature-title,.play-header h2,.outro h2{font-size:clamp(35px,4.1vw,61px);letter-spacing:-2.8px;line-height:1.14;margin:0;font-weight:820}.philosophy-main h2 em{font-style:normal;color:#76c5ee}.philosophy-main>p{font-size:17px;color:#9cafbe;line-height:1.88;max-width:560px;margin:27px 0 47px}.quote-sign{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:2px;font-size:10px;color:#80b3d3}.quote-line{width:30px;height:1px;background:#76c5ee}.quote-card{min-height:330px;padding:42px 43px;position:relative;border-radius:24px;border:1px solid rgba(118,174,216,.25);background:radial-gradient(circle at 90% 10%,rgba(65,109,163,.22),transparent 57%),linear-gradient(140deg,#15273b,#0d1a2c);box-shadow:inset 0 1px 0 rgba(255,255,255,.055);overflow:hidden}.quote-mark{font:normal 94px/1 Georgia,serif;color:#63c8fd;display:block;height:70px}.quote-card p{font-size:clamp(26px,2.8vw,42px);line-height:1.23;letter-spacing:-1.5px;font-weight:780;margin:11px 0 22px}.quote-card p strong{color:#74d0ff}.quote-author{font-size:12px;color:#90a7c0}.quote-card-decoration{position:absolute;font-size:180px;bottom:-50px;right:-20px;color:rgba(113,197,238,.036);font-weight:900;user-select:none}
.feature-wrap{padding:110px 0 128px;background:linear-gradient(180deg,rgba(21,43,63,.72),rgba(6,18,32,.65));border-top:1px solid rgba(141,188,220,.09);border-bottom:1px solid rgba(141,188,220,.09)}.feature-title{margin:30px 0 44px}.muted-title{color:#7daecc}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature{padding:32px 31px 36px;min-height:265px;position:relative;background:rgba(8,22,38,.65);border:1px solid rgba(133,184,218,.14);border-radius:20px;transition:transform .24s,border-color .24s,background .24s}.feature:hover{transform:translateY(-5px);border-color:rgba(103,190,245,.48);background:rgba(14,36,57,.9)}.feature-icon{display:grid;place-items:center;width:57px;height:57px;border-radius:18px;font-weight:700;font-size:31px;border:1px solid currentColor;background:rgba(81,141,198,.07)}.feature-icon.blue{color:#63c8fa}.feature-icon.orange{color:#efb477}.feature-icon.green{color:#85ddb5}.feature-num{position:absolute;top:37px;right:33px;font-size:11px;color:#60849c;font-weight:800;letter-spacing:2px}.feature h3{margin:27px 0 12px;font-size:22px;letter-spacing:-.65px}.feature p{font-size:14px;color:#98a8bb;line-height:1.85;max-width:325px;margin:0}
.play{padding-top:140px;padding-bottom:130px}.play-header{display:flex;justify-content:space-between;align-items:end;gap:70px;margin:32px 0 42px}.play-header p{width:350px;color:#98a8bb;font-size:15px;line-height:1.9;margin:0 0 7px}.play-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.animal-card{position:relative;min-width:0;overflow:hidden;background:#112034;border:1px solid rgba(127,186,230,.19);border-radius:24px;isolation:isolate}.animal-img{height:295px;background-size:cover;background-repeat:no-repeat;position:relative}.animal-img:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#112034 1%,rgba(17,32,52,0) 47%)}.animal-dog{background-image:url('/assets/dog.webp');background-position:center 41%}.animal-tiger{background-image:url('/assets/tiger.webp');background-position:center 45%}.animal-body{padding:6px 31px 32px;min-height:258px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}.card-eyebrow{font-size:10px;color:#72b9dc;letter-spacing:1.7px;font-weight:800}.animal-body h3{font-size:26px;letter-spacing:-.8px;margin:12px 0 10px}.animal-body p{margin:0;color:#9aaebe;font-size:14px;line-height:1.7;min-height:48px}.btn{min-height:51px;display:flex;align-items:center;justify-content:center;gap:11px;border-radius:12px;padding:13px 20px;font-size:13px;font-weight:800;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.98)}.btn-primary{color:#071521;background:#7bcefa;border:1px solid #a2dcfb;box-shadow:0 9px 28px rgba(56,150,212,.22)}.btn-primary:hover{background:#a2dcfb}.btn-primary>span:first-child{font-size:19px}.counter{border-radius:100%;width:25px;height:25px;display:grid;place-items:center;background:rgba(14,61,91,.18);font-size:11px;font-variant-numeric:tabular-nums}.btn-outline{background:transparent;border:1px solid rgba(129,196,240,.5);color:#bde8ff}.btn-outline:hover{background:rgba(85,176,237,.13)}.hearts{position:absolute;left:0;right:0;top:20%;height:0;pointer-events:none;z-index:5}.heart{position:absolute;font-size:24px;color:#ff99b4;animation:heartfloat 1.8s ease-out forwards;text-shadow:0 0 14px #ff73a790}@keyframes heartfloat{0%{transform:translateY(120px) scale(.6);opacity:0}20%{opacity:1}100%{transform:translateY(-100px) scale(1.3) rotate(22deg);opacity:0}}
.outro{padding-bottom:120px}.outro-box{background:radial-gradient(ellipse at 50% 120%,rgba(61,160,234,.3),transparent 60%),linear-gradient(160deg,#10243a,#0c1c30);border:1px solid rgba(131,200,249,.21);border-radius:28px;min-height:430px;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;position:relative;overflow:hidden;isolation:isolate}.outro-stars{color:#6dc3fb;letter-spacing:26px;font-size:25px;margin-left:22px;margin-bottom:21px}.outro h2{font-size:clamp(39px,5vw,71px)}.outro p{color:#a5bacb;font-size:15px;line-height:1.9;margin:20px 0 30px}.btn-bottom{border:1px solid #6abbe9;background:rgba(64,154,208,.15);color:#b9e5ff;position:relative;z-index:1}.btn-bottom:hover{background:rgba(64,154,208,.26)}.outro-glow{position:absolute;inset:auto -30% -190px;height:330px;background:radial-gradient(ellipse,rgba(46,140,227,.13),transparent 70%);pointer-events:none}.footer{border-top:1px solid rgba(138,180,211,.13);padding-top:30px;padding-bottom:32px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#6f8396;font-size:11px}.footer-brand{font-size:22px;color:#c6d5e5}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:1100px){.nav{gap:19px}.hero h1{letter-spacing:-3px}.hero-head{grid-template-columns:1.15fr .85fr;gap:25px}.philosophy-grid{gap:32px}.footer{flex-wrap:wrap}.scene-image{max-height:none}}
@media(max-width:800px){.shell{width:min(100% - 36px,680px)}.header-inner{height:70px}.brand{font-size:25px}.nav{display:none}.header-chip{padding:10px 12px;font-size:11px}.hero{padding-top:45px}.hero-kicker{font-size:9px;letter-spacing:1.9px}.hero-head{display:flex;flex-direction:column;align-items:start;gap:18px;margin-top:15px;margin-bottom:30px}.hero h1{font-size:clamp(39px,8.2vw,64px);letter-spacing:-2.8px}.hero-aside{max-width:510px}.hero-aside p{margin-bottom:10px;font-size:14px}.scene-frame{border-radius:17px}.scene-image{height:auto;min-height:240px;object-fit:cover}.scene-overlay{bottom:12px;left:12px;right:12px}.scene-tag{font-size:8px;letter-spacing:1.1px;padding:8px 10px}.scene-caption{display:none}.scene-foot{margin-top:15px;font-size:10px}.philosophy{padding-top:95px;padding-bottom:95px}.section-label{font-size:9px;letter-spacing:2px}.philosophy-grid{grid-template-columns:1fr;gap:28px;margin-top:31px}.philosophy-main h2,.feature-title,.play-header h2{font-size:clamp(33px,6.6vw,50px);letter-spacing:-1.7px}.philosophy-main>p{font-size:15px;margin:20px 0 28px}.quote-card{min-height:260px;padding:30px}.feature-wrap{padding:80px 0 85px}.feature-grid{grid-template-columns:1fr}.feature{min-height:0;padding:24px}.feature h3{margin-top:20px}.feature-title{margin:23px 0 28px}.play{padding-top:93px;padding-bottom:90px}.play-header{display:block;margin-top:23px}.play-header p{width:auto;max-width:500px;margin:20px 0 0}.play-grid{gap:20px}.animal-img{height:210px}.animal-body{padding:7px 19px 23px;min-height:280px}.animal-body h3{font-size:21px}.animal-body p{font-size:13px}.btn{font-size:12px;padding:12px 8px}.outro{padding-bottom:83px}.outro-box{min-height:360px;padding:30px 18px}.outro p{font-size:13px}.footer{font-size:10px}}
@media(max-width:540px){.hero h1{font-size:clamp(37px,10vw,52px)}.hero-aside p{font-size:13px}.text-link{font-size:12px}.scene-image{height:285px;width:100%;object-fit:cover;object-position:center center}.scene-frame::after{background:linear-gradient(180deg,transparent 68%,rgba(1,8,17,.8) 100%)}.scene-foot-left{gap:7px}.scene-foot-right{gap:6px}.scene-tag{background:rgba(1,11,20,.72)}.philosophy-main h2,.feature-title,.play-header h2{font-size:35px}.play-grid{grid-template-columns:1fr}.animal-img{height:280px}.animal-body{min-height:230px;padding:4px 25px 26px}.animal-body h3{font-size:26px}.footer{justify-content:center;text-align:center;flex-direction:column;gap:10px}.scene-overlay{bottom:10px}.quote-card p{font-size:31px}.outro h2{font-size:42px}.scene-image{object-position:53%}}
@media(max-width:390px){.header-chip{font-size:0;gap:8px}.header-chip span:last-child{font-size:14px}.brand{font-size:24px}.scene-image{height:235px}.hero h1{font-size:35px}.hero-aside p{font-size:12px}.quote-card p{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}