:root{--landing-ink:#17191d;--landing-muted:#66707f;--landing-blue:#1673f9;--landing-blue-deep:#075bd7;--landing-yellow:#ffc83d;--landing-line:#e7ebf0;--landing-white:#fff;--landing-cloud:#f7fbff;--landing-radius:30px}
html.landing-open,html.landing-open body{overflow:hidden!important}
.p3ts-landing[hidden]{display:none!important}.p3ts-landing{--p3ts-landing-ready:1;position:fixed;inset:0;z-index:4000;overflow:auto;overscroll-behavior:contain;background:#fff;color:var(--landing-ink);font-family:"Avenir Next","Segoe UI",system-ui,-apple-system,sans-serif;opacity:0;transform:translateY(10px);transition:opacity .42s ease,transform .42s cubic-bezier(.2,.8,.2,1)}.p3ts-landing.is-ready{opacity:1;transform:none}.p3ts-landing.is-leaving{opacity:0;transform:scale(.992)}
.p3ts-landing *{box-sizing:border-box}.p3ts-landing button,.p3ts-landing a{font:inherit}.p3ts-landing button{border:0;cursor:pointer}.p3ts-landing a{color:inherit;text-decoration:none}.p3ts-landing img{display:block;max-width:100%}.p3ts-landing p,.p3ts-landing h1,.p3ts-landing h2,.p3ts-landing h3,.p3ts-landing figure{margin:0}.p3ts-landing button:focus-visible,.p3ts-landing a:focus-visible{outline:3px solid var(--landing-yellow);outline-offset:4px}
.landing-skip{position:fixed;left:24px;top:-90px;z-index:10;padding:13px 18px;border-radius:16px;background:#101216;color:#fff;transition:top .2s}.landing-skip:focus{top:18px}
.landing-header{position:sticky;top:0;z-index:8;height:86px;display:grid;grid-template-columns:190px 1fr 190px;align-items:center;gap:28px;padding:0 clamp(24px,5vw,78px);border-bottom:1px solid rgba(221,227,235,.72);background:rgba(255,255,255,.88);backdrop-filter:blur(22px)}.landing-brand{width:136px;display:flex;align-items:center}.landing-brand img,.landing-footer img{width:100%;height:auto}.landing-header nav{display:flex;justify-content:center;gap:clamp(24px,3vw,50px);font-size:13px;font-weight:700;letter-spacing:.04em}.landing-header nav a{position:relative;padding:14px 2px}.landing-header nav a::after{content:"";position:absolute;left:0;right:100%;bottom:8px;height:2px;background:var(--landing-blue);transition:right .22s}.landing-header nav a:hover::after{right:0}
.landing-enter{min-height:52px;padding:0 24px;border-radius:999px;background:var(--landing-blue);color:#fff;font-weight:750;box-shadow:0 13px 30px rgba(22,115,249,.24);display:inline-flex;align-items:center;justify-content:center;gap:13px;transition:transform .2s,background .2s,box-shadow .2s}.landing-enter:hover{transform:translateY(-2px);background:var(--landing-blue-deep);box-shadow:0 17px 38px rgba(22,115,249,.28)}.landing-enter span{font-size:19px}.landing-enter-small{justify-self:end;min-height:44px;padding:0 20px;font-size:13px}
.p3ts-landing main{overflow:hidden}.landing-hero{min-height:calc(100svh - 86px);display:grid;grid-template-columns:minmax(330px,.82fr) minmax(520px,1.48fr);align-items:center;gap:clamp(28px,4vw,72px);padding:clamp(56px,7vh,96px) clamp(24px,5vw,78px) 64px;background:radial-gradient(circle at 78% 20%,#dff0ff 0,rgba(223,240,255,0) 31%),linear-gradient(180deg,#fff 0,#fbfdff 100%)}.landing-hero-copy{position:relative;z-index:2;max-width:610px}.landing-tagline,.landing-section-label{text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:800;color:#596579}.landing-hero h1{font-size:clamp(58px,6.35vw,112px);line-height:.98;letter-spacing:-.072em;font-weight:950;margin:22px 0 28px}.landing-hero h1 span{color:var(--landing-blue)}.landing-hero-copy>p:not(.landing-tagline):not(.landing-handwritten){font-size:clamp(17px,1.4vw,22px);line-height:1.6;color:var(--landing-muted);max-width:560px}.landing-actions{display:flex;align-items:center;gap:24px;margin-top:34px}.landing-actions>a{font-size:14px;font-weight:750;border-bottom:1px solid #9ca5b3;padding:12px 0 8px}.landing-handwritten{margin-top:44px!important;font-family:"Segoe Print","Bradley Hand",cursive;font-size:17px;line-height:1.4;color:#7c8491;transform:rotate(-5deg);width:max-content}.landing-world-frame{position:relative;min-width:0;aspect-ratio:16/9;border-radius:clamp(25px,3vw,50px);overflow:hidden;background:#dff4ff;box-shadow:0 35px 90px rgba(24,61,100,.19),0 0 0 1px rgba(121,160,194,.2)}.landing-world-frame>img{width:100%;height:100%;object-fit:cover}.landing-world-frame::after{content:"";position:absolute;inset:0;box-shadow:inset 0 -100px 100px rgba(10,78,125,.12);pointer-events:none}.landing-world-frame figcaption{position:absolute;left:24px;bottom:22px;z-index:3;padding:11px 15px;border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 10px 30px rgba(18,58,95,.12);font-size:12px;font-weight:800}.landing-family{position:absolute;right:22px;bottom:18px;z-index:2;display:flex;align-items:flex-end}.landing-family img{width:clamp(64px,6vw,104px);height:clamp(64px,6vw,104px);object-fit:contain;border-radius:28%;background:rgba(255,255,255,.92);border:4px solid #fff;box-shadow:0 12px 30px rgba(21,62,100,.18);margin-left:-16px}.landing-family img:nth-child(2){transform:translateY(-12px);z-index:2}
.landing-principles{display:grid;grid-template-columns:minmax(280px,.74fr) minmax(520px,1.26fr);gap:clamp(50px,8vw,128px);align-items:start;padding:clamp(94px,11vw,172px) clamp(24px,7vw,112px);background:#fff}.landing-principles h2,.landing-residents h2,.landing-create h2,.landing-belong h2{font-size:clamp(42px,4.6vw,78px);line-height:.96;letter-spacing:-.055em;margin:20px 0 24px}.landing-principles>div>p:last-child,.landing-residents header>p:last-child,.landing-create>div>p,.landing-belong>div>p{font-size:17px;line-height:1.75;color:var(--landing-muted)}.landing-principles ol{list-style:none;padding:0;margin:0;border-top:1px solid var(--landing-line)}.landing-principles li{display:grid;grid-template-columns:140px 1fr;gap:32px;padding:30px 0;border-bottom:1px solid var(--landing-line)}.landing-principles strong{font-size:22px}.landing-principles span{font-size:16px;line-height:1.65;color:var(--landing-muted)}
.landing-residents{padding:clamp(90px,10vw,160px) clamp(24px,7vw,112px);background:#f7fbff}.landing-residents header{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;max-width:1240px;margin:0 auto 58px}.landing-residents header .landing-section-label{grid-column:1/-1}.landing-residents header h2{margin:0}.landing-residents header>p:last-child{max-width:510px;padding-bottom:6px}.landing-pet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1360px;margin:auto}.landing-pet{min-height:500px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:var(--landing-radius);background:#fff;border:1px solid rgba(218,226,235,.86);box-shadow:0 18px 55px rgba(61,92,123,.09);transition:transform .25s,box-shadow .25s}.landing-pet:hover{transform:translateY(-7px);box-shadow:0 30px 70px rgba(61,92,123,.15)}.landing-pet img{width:100%;height:330px;object-fit:contain;padding:28px 28px 0;background:linear-gradient(180deg,#eaf6ff,#fff)}.landing-pet:nth-child(2) img{background:linear-gradient(180deg,#fff4cf,#fff)}.landing-pet:nth-child(3) img{background:linear-gradient(180deg,#ffe8e4,#fff)}.landing-pet>div{padding:26px 28px 30px}.landing-pet p{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#738092;font-weight:800}.landing-pet h3{font-size:34px;letter-spacing:-.04em;margin:7px 0 8px}.landing-pet span{font-size:14px;line-height:1.55;color:var(--landing-muted)}
.landing-create{display:grid;grid-template-columns:minmax(520px,1.2fr) minmax(320px,.8fr);align-items:center;gap:clamp(48px,8vw,120px);padding:clamp(100px,11vw,175px) clamp(24px,7vw,112px);background:#fff}.landing-create-media{position:relative;min-height:600px}.landing-create-media img{position:absolute;width:78%;aspect-ratio:16/9;object-fit:cover;border-radius:34px;box-shadow:0 25px 70px rgba(31,71,104,.19)}.landing-create-media img:first-child{left:0;top:0}.landing-create-media img:last-child{right:0;bottom:0;border:10px solid #fff}.landing-create>div:last-child{max-width:580px}.landing-truth{margin-top:28px!important;padding:20px 22px;border-left:4px solid var(--landing-yellow);background:#fffaf0;border-radius:0 18px 18px 0;font-size:14px!important;line-height:1.7!important;color:#636b76!important}
.landing-belong{display:grid;grid-template-columns:minmax(340px,.86fr) minmax(440px,1.14fr);align-items:center;min-height:680px;padding:clamp(90px,10vw,150px) clamp(24px,7vw,112px);background:linear-gradient(135deg,#eaf6ff 0,#fff 54%,#fff8dc 100%)}.landing-belong>div:first-child{max-width:630px}.landing-belong .landing-enter{margin-top:32px}.landing-belong-art{display:flex;align-items:flex-end;justify-content:center;min-height:430px}.landing-belong-art img{width:31%;max-width:230px;object-fit:contain;filter:drop-shadow(0 28px 30px rgba(30,65,101,.16));margin:0 -12px}.landing-belong-art img:nth-child(2){transform:translateY(-56px);z-index:2}
.landing-footer{min-height:150px;display:grid;grid-template-columns:160px 1fr auto;align-items:center;gap:34px;padding:30px clamp(24px,5vw,78px);border-top:1px solid var(--landing-line);background:#fff}.landing-footer>span{display:block;width:124px}.landing-footer p{color:var(--landing-muted);font-size:14px}.landing-footer button{background:none;color:var(--landing-blue);font-weight:800;padding:14px 0}
@media(max-width:1050px){.landing-header{grid-template-columns:150px 1fr 150px;padding-inline:24px}.landing-header nav{gap:20px}.landing-hero{grid-template-columns:1fr;padding-top:60px}.landing-hero-copy{max-width:720px}.landing-world-frame{width:100%;max-height:680px}.landing-residents header{grid-template-columns:1fr}.landing-create{grid-template-columns:1fr}.landing-create-media{min-height:520px;order:2}.landing-create>div:last-child{max-width:760px}.landing-belong{grid-template-columns:1fr}.landing-belong-art{min-height:360px}}
@media(max-width:740px){.landing-header{height:68px;grid-template-columns:116px 1fr;padding:0 16px}.landing-header nav{display:none}.landing-enter-small{min-height:40px;padding:0 15px;font-size:12px}.landing-hero{min-height:calc(100svh - 68px);padding:42px 18px 34px;gap:34px}.landing-hero h1{font-size:clamp(52px,15vw,74px);line-height:.98;margin:18px 0 22px}.landing-hero-copy>p:not(.landing-tagline):not(.landing-handwritten){font-size:16px}.landing-actions{align-items:stretch;flex-direction:column;gap:8px;margin-top:26px}.landing-actions .landing-enter{width:100%}.landing-actions>a{text-align:center;border:0}.landing-handwritten{display:none}.landing-world-frame{aspect-ratio:16/9;border-radius:28px}.landing-world-frame>img{object-position:51% center}.landing-world-frame figcaption{left:14px;bottom:13px;font-size:10px}.landing-family{right:8px;bottom:56px}.landing-family img{width:58px;height:58px;border-width:3px;margin-left:-11px}.landing-principles,.landing-residents,.landing-create,.landing-belong{padding:54px 20px}.landing-principles{grid-template-columns:1fr;gap:28px}.landing-principles li{grid-template-columns:1fr;gap:8px;padding:22px 0}.landing-principles h2,.landing-residents h2,.landing-create h2,.landing-belong h2{font-size:45px}.landing-residents header{gap:22px;margin-bottom:35px}.landing-pet-grid{grid-template-columns:1fr}.landing-pet{min-height:148px;display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center}.landing-pet img{height:148px;padding:14px 0 14px 10px}.landing-pet>div{padding:16px}.landing-pet h3{font-size:26px}.landing-pet p{font-size:10px}.landing-pet span{font-size:13px}.landing-create{grid-template-columns:1fr;gap:42px}.landing-create-media{min-height:360px}.landing-create-media img{width:86%;border-radius:24px}.landing-belong{grid-template-columns:1fr;min-height:auto}.landing-belong-art{min-height:260px;margin-top:30px}.landing-belong-art img{width:39%;margin:0 -18px}.landing-footer{grid-template-columns:1fr;text-align:center;justify-items:center;gap:10px}.landing-footer button{margin-top:8px}}
@media(max-height:650px) and (min-width:741px){.landing-header{height:70px}.landing-hero{min-height:720px;padding-top:42px}.landing-hero h1{font-size:68px}.landing-world-frame{max-height:590px}}
@media(prefers-reduced-motion:reduce){.p3ts-landing,.p3ts-landing *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(forced-colors:active){.p3ts-landing{forced-color-adjust:auto}.landing-enter{border:2px solid ButtonText}.landing-world-frame,.landing-pet{border:2px solid CanvasText}}

/* Native anchors scroll inside the introduction, below its sticky navigation. */
.p3ts-landing section[id]{scroll-margin-top:110px}.landing-brand .p3ts-wordmark{width:136px;height:auto}.landing-footer .p3ts-wordmark{width:124px;height:auto}
@media(max-width:740px){.p3ts-landing section[id]{scroll-margin-top:88px}.landing-brand .p3ts-wordmark{width:108px}.landing-family{bottom:44px}.landing-family img{width:45px;height:45px}}

.p3ts-landing .landing-skip{color:#fff}.p3ts-landing .landing-skip:not(:focus){transform:translateY(-150%)}

#landing-title:focus{outline:none}

/* Release QA: preserve the accepted palette/art while fixing readable UI and reflow. */
.p3ts-landing .landing-enter{font-size:16px;font-weight:750;background:#1266e5}
.p3ts-landing .landing-enter:hover{background:var(--landing-blue-deep)}
.p3ts-landing .landing-enter-small{font-size:13px;min-height:44px}
.p3ts-landing .landing-actions>a,.p3ts-landing .landing-footer button{font-weight:750}
.p3ts-landing .landing-footer button{color:var(--landing-blue-deep)}
.p3ts-landing .landing-handwritten,.p3ts-landing .landing-pet p{color:#616b79}
.p3ts-landing button:focus-visible,.p3ts-landing a:focus-visible{outline-color:var(--landing-blue-deep)}
.p3ts-landing h1,.p3ts-landing h2,.p3ts-landing p{overflow-wrap:anywhere}
.landing-hero>*,.landing-principles>*,.landing-create>*,.landing-belong>*{min-width:0}
.landing-principles{grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr)}
.landing-create{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
@media(max-width:1100px){.landing-principles{grid-template-columns:1fr;gap:42px}.landing-create{grid-template-columns:1fr}}
@media(max-width:740px){
 .landing-header{height:auto;min-height:68px;row-gap:0;padding-block:12px}
 .landing-header nav{display:none}
 .landing-header nav a{min-height:44px;display:flex;align-items:center;padding:10px 0}
 .landing-principles h2,.landing-residents h2,.landing-create h2,.landing-belong h2{font-size:clamp(36px,10vw,45px)}
 .p3ts-landing section[id]{scroll-margin-top:136px}
}
@media(max-height:500px){.landing-header{position:static}.p3ts-landing section[id]{scroll-margin-top:16px}}
html.reduced-motion .p3ts-landing,html.reduced-motion .p3ts-landing *{scroll-behavior:auto!important;animation:none!important;transition:none!important}