/* PLATTY's visual voice: family moments, playful objects and hand-drawn accents. */
:root{--lavender:#7564b0;--lilac:#eeebf7;--mint:#e3f1ef;--sky:#e6eff8;--peach:#fff0e8;--hand:'Caveat',cursive}body{background:#fffefa}h1,h2{font-weight:600;letter-spacing:-.045em}h3{font-weight:500}.eyebrow{color:var(--teal);letter-spacing:.12em}.button,.involve-button{border-radius:30px}.button{box-shadow:0 5px 0 #14314a08}.button.secondary{background:white;border-color:#d5e5e2}.site-header{background:#fffefbf5;border:0;box-shadow:0 2px 15px #14314a05}.header-inner{height:90px}.header-inner nav a{font-weight:600}.hand-note{font-family:var(--hand);font-size:31px;font-weight:600;line-height:1.05;letter-spacing:0;color:var(--lavender);text-decoration:none}.hero{position:relative;gap:28px;padding-block:48px 32px;min-height:630px;grid-template-columns:.85fr 1.15fr}.hero:before{content:'';position:absolute;right:-25px;top:26px;width:620px;height:550px;background:var(--mint);border-radius:44% 56% 63% 37% / 45% 31% 69% 55%;z-index:-1}.hero h1{font-size:clamp(55px,6.4vw,88px);line-height:1.01}.hero h1 em{color:#15988d}.hero-description{font-size:19px}.hero-sub{max-width:370px}.reference-hero{height:540px;min-height:0;overflow:visible;display:block;position:relative}.family-window{position:absolute;top:8px;left:0;right:0;height:480px;border-radius:150px 35px 110px 35px;overflow:hidden;background:var(--mint);box-shadow:0 14px 45px #14314a0b}.family-window svg{width:100%;height:100%;display:block}.hero-app-peek{position:absolute;left:-20px;bottom:35px;padding:19px 24px;background:#fff;border:4px solid #f4f1fb;border-radius:22px;box-shadow:0 12px 25px #14314a14;display:flex;gap:13px;align-items:center;transform:rotate(-3deg)}.hero-app-peek small{font-size:9px;font-weight:600;letter-spacing:.09em;color:var(--lavender)}.hero-app-peek strong,.hero-app-peek span:not(.peek-avatar){display:block}.hero-app-peek strong{font-size:14px}.hero-app-peek span:not(.peek-avatar){font-size:10px;color:var(--slate)}.peek-avatar{width:42px;height:42px;border-radius:50%;background:var(--mint);color:var(--teal);display:grid;place-items:center;font-size:23px}.hero-note{position:absolute;right:0;bottom:5px;transform:rotate(7deg);text-align:center}.doodle{color:var(--lavender);width:110px;height:100px;position:absolute;top:-25px;right:-20px;transform:rotate(12deg)}.concept-label{font-size:9px;color:var(--slate);position:absolute;left:8px;bottom:0}.personality-ribbon{display:grid;grid-template-columns:1fr 1.8fr .6fr;gap:30px;align-items:center;padding:28px 30px 20px;background:linear-gradient(120deg,#f0ebfa,#e5f3f0 65%,#e9f2fc);border-radius:24px;margin-top:15px;margin-bottom:40px}.personality-ribbon h2{font-size:29px;margin:10px 0;line-height:1.13}.personality-ribbon .eyebrow{font-size:9px;margin:0}.ribbon-products{height:170px;border-radius:20px;overflow:hidden;mix-blend-mode:multiply}.ribbon-products svg{width:100%;height:100%}.personality-ribbon .hand-note{font-size:28px;transform:rotate(-7deg);max-width:140px}.welcome-strip{border:0;gap:50px;padding-block:28px 60px}.welcome-strip h2{font-size:42px}.video-wrap{border:0;border-radius:26px;box-shadow:0 12px 35px #14314a08;background:#f3f0f8}.video-wrap video{background:#f5f1fb;max-height:270px}.video-caption{background:#f3f0f8}.urgency{background:#e9f3f1;color:var(--navy);border-radius:55px 0 55px 0;position:relative}.urgency .eyebrow,.urgency p:not(.eyebrow),.urgency .lead{color:var(--slate)}.urgency .eyebrow{color:var(--teal)}.evidence{background:#fff;padding:32px;border:0;border-radius:32px;box-shadow:8px 8px 0 #d4e9e4;transform:rotate(1deg)}.evidence .big-number{color:var(--teal);font-weight:600;font-size:80px}.evidence h3{color:var(--navy)}.evidence a{color:var(--teal)}.urgency-grid{gap:70px}.story-intro .case-photo{border-radius:30px 100px 30px 30px;box-shadow:12px 12px 0 var(--lilac);height:410px}.story-intro .story-visual{transform:rotate(-2deg)}.story-intro .story-visual .case-photo svg{transform:rotate(2deg) scale(1.06)}.image-label{padding-top:5px}.app-section{background:linear-gradient(130deg,#f0ecf9,#f4f8fc 65%,#e5f2ee)}.phone-stage:before{background:#d8eae7;border-radius:40% 60% 58% 42%;transform:rotate(-8deg);box-shadow:25px -15px 0 #e6dff5}.phone{border:7px solid #fff;border-radius:40px;box-shadow:8px 10px 25px #14314a20,0 0 0 1px #e1e5ed;transform:rotate(5deg);background:#faf9fe}.app-card{border-radius:14px;background:white;box-shadow:0 3px 10px #14314a05}.recorded{background:#e3f1ef}.phone h3{font-weight:600}.steps li>span{background:#fff;border:none;color:var(--lavender);font-weight:600}.audience-tabs{border:0;gap:10px;margin-top:28px;flex-wrap:wrap;overflow:visible}.audience-tabs button{padding:11px 20px;border-radius:30px;border:1px solid #dedee8;background:#fff;font-size:12px}.audience-tabs button[aria-selected=true]{background:var(--lavender);border-color:var(--lavender);color:#fff}.audience-panel{position:relative;margin-top:20px;border-radius:30px;background:var(--mint);overflow:hidden;padding:38px 42px}.audience-panel:nth-of-type(2){background:var(--sky)}#panel-clinics{background:#e6eff8}#panel-schools{background:#fff2dc}#panel-emergency{background:#f3edf8}.panel-doodle{position:absolute;top:20px;right:35px;color:#7564b033;font-family:var(--serif);font-size:125px;line-height:1;transform:rotate(12deg)}.chapter-number{font-family:var(--hand);font-size:34px}.audience-panel>div,.audience-panel>ul{position:relative}.audience-panel li{border-color:#14314a15}.ecosystem{background:#f9f6fe}.ecosystem-grid{gap:16px}.ecosystem-grid>a{border:0;border-radius:25px;box-shadow:0 8px 20px #14314a04;background:#fff;padding:28px}.ecosystem-grid>a:nth-child(2){background:#e6eff8}.ecosystem-grid>a:nth-child(3){background:#fff1e9}.ecosystem-grid>a:nth-child(4){background:#eee8f7}.ecosystem-grid>a:hover{transform:translateY(-4px);transition:transform .2s}.product-symbol{font-size:40px;font-family:var(--serif)}.case-grid{gap:25px}.case-card{border:0;border-radius:26px;box-shadow:0 8px 35px #14314a09;background:#fff}.case-photo{position:relative;height:290px;background:var(--mint)}.case-photo svg{opacity:.98}.case-sticker{position:absolute;right:12px;bottom:13px;max-width:150px;line-height:1.04;padding:12px 18px;font-family:var(--hand);font-size:26px;font-weight:600;background:#f6f0ffcF;backdrop-filter:blur(7px);color:#65519d;border-radius:55% 40% 50% 30%;transform:rotate(-7deg);text-align:center}.case-body{padding:28px}.case-kicker>span{background:#eeebf7;padding:4px 8px;border-radius:20px;color:#665491}.case-body h3{font-size:30px;font-weight:600}.case-body details{background:#f7f5fb;border:0;border-radius:16px;padding-inline:15px;margin-top:20px}.case-body details[open]{padding-bottom:15px}.case-body details summary{color:var(--teal);font-size:12px}.case-section .case-grid{grid-template-columns:1fr 1fr}.case-section .case-anchor:first-child{grid-column:1/-1}.case-section .case-anchor:first-child .case-card{display:grid;grid-template-columns:1fr 1fr;background:#eef6f3;align-items:stretch}.case-section .case-anchor:first-child .case-photo{height:auto;min-height:420px}.case-section .case-anchor:first-child .case-body{padding:40px}.case-section .case-anchor:first-child .case-body h3{font-size:40px}.case-section .case-anchor:nth-child(2n) .case-body{background:#f4f0fa}.case-section .case-anchor:nth-child(3n) .case-body{background:#edf5f9}.cta{position:relative;background:linear-gradient(120deg,#e2f2ec,#eeebf9 85%);border-radius:35px 80px 35px 35px;padding:50px 55px;overflow:hidden}.cta:after{content:'♡';position:absolute;right:220px;bottom:-50px;font-family:var(--serif);font-size:210px;line-height:1;color:#7564b014;transform:rotate(-15deg);pointer-events:none}.cta>*{position:relative;z-index:1}.cta h2{font-size:39px}.site-footer{border-radius:45px 45px 0 0}.page-hero{position:relative;padding-block:70px 55px}.page-hero h1{font-size:clamp(50px,6vw,78px);font-weight:600}.page-hero:after{content:'✦';position:absolute;color:#b5a5dd;right:60px;top:55px;font-size:95px;line-height:1;transform:rotate(10deg)}.page-hero .lead{max-width:670px}.product-page-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px}.product-page-hero:after{display:none}.product-hero-art{position:relative;background:linear-gradient(135deg,#efebf8,#dff2ed);border-radius:55px 25px 55px 25px;height:390px;transform:rotate(2deg);padding:20px;overflow:hidden}.product-hero-art svg{width:100%;height:100%;mix-blend-mode:multiply}.product-hero-art .hand-note{position:absolute;right:20px;bottom:15px;transform:rotate(-5deg);font-size:32px}.section-nav{border:0;border-radius:25px;background:#f1edf8;padding:17px 26px;justify-content:center;font-weight:500;font-size:12px}.circle-node,.circle-centre{box-shadow:0 6px 15px #14314a07}.circle-centre{background:#ece5f8;color:#655296;border:5px solid white}.circle-node{border:0;border-radius:20px}.node-top{background:#e6eff8}.node-left{background:#e3f1ef}.node-right{background:#fff0dd}.concept-art{border-radius:30px;background:#edf0fb;padding:20px;box-shadow:10px 10px 0 #e4eceb}.concept-art.charm-art{background:#f0eafa;box-shadow:10px 10px 0 #e4eceb;padding:30px}.concept-art svg,.shop-art svg{mix-blend-mode:multiply}.soft{background:#f7f4fc}.shop-card{border:0;border-radius:27px;box-shadow:0 5px 30px #14314a0a;background:white}.shop-art{height:290px}.shop-art.wearable-art{background:#e8f2f0;padding:15px}.shop-art.charm-art{background:#eee8f8;padding:20px}.shop-body{padding:28px}.shop-body h3{font-size:30px;font-weight:600}.app-shop{background:linear-gradient(135deg,#f0eafa,#e1f2ee);border-radius:0 0 50px 0}.app-shop span{font-weight:500}.filter-row button{border-color:#dcd7e7;background:#fff}.filter-row button.active{background:var(--lavender);border-color:var(--lavender)}.pill{background:#eeebf7;color:#655296}.collection-section{padding-top:5px}.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.collection-heading h3{font-size:36px}.collection-heading .hand-note{transform:rotate(-6deg)}.charm-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.charm-item{text-align:center;text-decoration:none;display:flex;flex-direction:column;align-items:center;padding:12px 7px 18px;border-radius:25px;background:#eeeafa;transition:transform .2s}.charm-item:nth-child(3n+2){background:#e1f1ec}.charm-item:nth-child(3n){background:#fff0e5}.charm-item:hover{transform:translateY(-7px) rotate(-3deg)}.charm-item>div{width:100%;height:110px;padding:7px}.charm-item svg{width:100%;height:100%;mix-blend-mode:multiply}.charm-item strong{font-size:12px;font-weight:600;margin:7px 0}.charm-item>span{font-size:10px;color:var(--teal)}.pack-heading{margin-top:65px;margin-bottom:25px}.pack-heading h3{font-size:33px}.pack-heading p{font-size:14px;color:var(--slate)}.pack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.pack-item{display:block;text-decoration:none;background:#edf5f2;border-radius:25px;padding:15px 18px 25px}.pack-item:nth-child(2){background:#e7f0f9}.pack-item:nth-child(3){background:#efe8fa}.pack-item:nth-child(4){background:#fce9e9}.pack-item>div{height:180px;overflow:hidden;border-radius:16px;margin-bottom:15px}.pack-item svg{width:100%;height:100%;mix-blend-mode:multiply}.pack-item h4{font-size:15px}.pack-item p{font-size:12px;color:var(--slate);min-height:40px}.pack-item .text-link{font-size:12px}.navy{background:#29465c;border-radius:50px 0}.disclosure-box{border:0;border-radius:25px;background:#f1edf8}.about-family-art{height:420px;position:relative;max-width:100%;min-width:0;transform:rotate(2deg)}.about-family-art>svg{width:100%;height:100%;border-radius:100px 25px 65px 25px;overflow:hidden;box-shadow:12px 12px 0 #e2dcef}.about-family-art>.hand-note{position:absolute;right:15px;bottom:-15px;background:#fff5d6;padding:14px 20px;transform:rotate(-6deg);border-radius:10px}.principles>div{border:0;border-radius:25px;background:#fff;padding:28px}.principles>div:nth-child(2){background:#e2f1ed}.principles>div:nth-child(3){background:#eae5f6}.principles span{font-family:var(--hand);font-size:37px}.timeline{border:0;background:#f1edf8;border-radius:30px}.form-panel{border:0;background:#f2eef9;border-radius:30px;box-shadow:10px 10px 0 #e4f1ed}.form-panel input:not([type=checkbox]),.form-panel select,.form-panel textarea{border-color:#d4cedf;border-radius:12px}.contact-card{border-top-color:#e0d9eb}dialog{border-radius:28px}
@media(max-width:1100px){.hero h1{font-size:70px}.hero{gap:15px}.reference-hero{height:500px}.family-window{height:430px}.hero-note{font-size:28px}.personality-ribbon{grid-template-columns:1fr 1.7fr .7fr;gap:20px}.personality-ribbon h2{font-size:25px}.ribbon-products{height:150px}.hero-app-peek{padding:15px;left:0;bottom:40px}.hero-note{bottom:5px}.charm-grid{grid-template-columns:repeat(4,1fr)}.pack-item>div{height:140px}.product-page-hero{grid-template-columns:1.1fr .9fr}.product-page-hero h1{font-size:65px}.product-hero-art{height:340px}.product-hero-art .hand-note{font-size:27px}.page-hero:after{right:20px;font-size:70px}.case-sticker{font-size:23px;max-width:140px}.audience-panel{padding:32px}.evidence{padding:28px}.urgency-grid{gap:50px}}
@media(max-width:800px){.header-inner{height:78px}.hero{grid-template-columns:1fr;padding-block:35px 30px;gap:20px}.hero h1{font-size:70px;max-width:600px}.hero-description{font-size:19px}.hero:before{display:none}.hero-copy{max-width:600px}.reference-hero{height:490px;max-width:650px;width:100%;margin:0 auto}.family-window{top:0;height:430px;border-radius:80px 25px 100px 25px}.hero-note{bottom:3px;right:20px;font-size:31px}.hero-app-peek{left:10px;bottom:25px}.doodle{top:-20px;right:-5px;width:85px}.personality-ribbon{grid-template-columns:1fr 1.5fr;padding:25px;gap:15px;margin-top:0}.personality-ribbon>a{grid-column:1/-1;max-width:none;font-size:28px;text-align:right;transform:rotate(-3deg)}.personality-ribbon h2{font-size:29px}.ribbon-products{height:170px}.welcome-strip{gap:30px}.urgency{border-radius:35px 0}.evidence{max-width:none;transform:none}.evidence .big-number{font-size:76px}.story-intro .case-photo{height:380px}.case-section .case-anchor:first-child .case-card{display:block}.case-section .case-anchor:first-child{grid-column:auto}.case-section .case-anchor:first-child .case-photo{height:290px;min-height:0}.case-section .case-anchor:first-child .case-body{padding:28px}.case-section .case-anchor:first-child .case-body h3{font-size:30px}.case-section .case-grid{grid-template-columns:1fr 1fr}.product-page-hero{grid-template-columns:1fr;gap:25px}.product-page-hero h1{font-size:65px}.product-hero-art{max-width:650px;width:100%;height:400px}.product-page-hero .lead{max-width:600px}.page-hero:after{font-size:50px;right:20px;top:25px}.shop-art{height:280px}.pack-grid{grid-template-columns:1fr 1fr}.pack-item>div{height:210px}.about-family-art{max-width:600px;height:430px;width:100%;margin:auto}.cta:after{right:30px}.audience-tabs{flex-wrap:nowrap;overflow:auto;padding-bottom:5px}.audience-panel{gap:15px}.collection-heading{align-items:start}.collection-heading h3{font-size:32px}.collection-heading .hand-note{font-size:28px}.section-nav{justify-content:flex-start}.navy{border-radius:35px 0}}
@media(max-width:480px){.hero{padding-top:28px;gap:18px}.hero h1{font-size:58px}.hero .eyebrow{font-size:9px}.hero-description{font-size:17px}.hero-sub{font-size:13px}.hero .actions{margin:23px 0 16px}.hero .availability{margin-top:20px;font-size:9px}.reference-hero{height:365px}.family-window{height:300px;border-radius:60px 20px 60px 20px}.hero-app-peek{bottom:25px;left:0;padding:12px;gap:9px;border-width:3px;border-radius:17px}.peek-avatar{width:30px;height:30px;font-size:18px}.hero-app-peek small{font-size:7px}.hero-app-peek strong{font-size:10px}.hero-app-peek span:not(.peek-avatar){font-size:8px}.hero-note{font-size:24px;right:0;bottom:8px}.concept-label{font-size:8px;bottom:0;left:0}.doodle{width:66px;height:66px;top:-15px;right:-6px}.personality-ribbon{padding:22px 18px 15px;border-radius:25px;grid-template-columns:1fr;gap:5px;margin-bottom:20px}.personality-ribbon h2{font-size:29px}.personality-ribbon h2 br{display:none}.personality-ribbon .ribbon-products{height:125px}.personality-ribbon>a{font-size:25px;margin-top:-5px}.welcome-strip{padding-top:28px}.welcome-strip h2{font-size:36px}.video-wrap{border-radius:22px}.video-caption{font-size:10px}.story-intro .case-photo{height:335px;border-radius:24px 70px 24px 24px}.case-section .case-grid{grid-template-columns:1fr}.case-section .case-anchor:first-child .case-photo{height:290px}.case-sticker{font-size:25px;padding:10px 15px}.case-body{padding:25px}.case-card{border-radius:25px}.ecosystem-grid>a{padding:22px 17px}.ecosystem-grid h3{font-size:23px}.audience-panel{padding:26px 23px;border-radius:25px}.audience-panel h3{font-size:30px}.panel-doodle{right:10px;font-size:100px}.audience-tabs button{padding:10px 17px}.phone{transform:rotate(3deg)}.product-page-hero h1,.page-hero h1{font-size:49px}.product-hero-art{height:300px;padding:10px;border-radius:40px 20px;transform:rotate(1deg)}.product-hero-art .hand-note{font-size:25px;right:16px}.page-hero:after{font-size:35px;right:10px;top:20px}.collection-heading{display:block}.collection-heading h3{font-size:31px;margin-bottom:12px}.collection-heading .hand-note{display:block;text-align:right;margin:0 0 15px;font-size:28px}.charm-grid{grid-template-columns:repeat(2,1fr);gap:12px}.charm-item>div{height:125px}.charm-item strong{font-size:13px}.charm-item>span{font-size:11px}.pack-grid{gap:12px}.pack-item{padding:10px 12px 18px;border-radius:20px}.pack-item>div{height:125px;margin-bottom:10px}.pack-item h4{font-size:13px}.pack-item p{font-size:11px;min-height:45px}.pack-item .text-link{font-size:10px}.pack-heading{margin-top:40px}.pack-heading h3{font-size:29px}.about-family-art{height:330px}.about-family-art>.hand-note{font-size:25px;right:0;bottom:-15px;padding:12px}.principles>div{padding:25px}.cta{border-radius:30px 60px 30px 30px;padding:30px 25px}.cta h2{font-size:32px}.form-panel{border-radius:25px;box-shadow:6px 6px 0 #e4f1ed}.form-panel input:not([type=checkbox]),.form-panel select,.form-panel textarea{font-size:16px}.site-footer{border-radius:30px 30px 0 0}.evidence .big-number{font-size:72px}.evidence{box-shadow:6px 6px 0 #d4e9e4}.hero-app-peek,.family-window,.product-hero-art,.case-card,.form-panel{max-width:100%}.section-heading{gap:20px}}
@media(prefers-reduced-motion:reduce){.ecosystem-grid>a:hover,.charm-item:hover{transform:none}}
/* Keep decorative rotated shapes from introducing page-level horizontal scrolling. */
main{overflow-x:clip}svg{overflow:hidden}
@media(max-width:480px){.hero h1{font-size:52px}.product-hero-art{transform:none}}