/* The App: the same cream and stone language as Home, with room to explain. */
body[data-page=app] .explore-hero{max-width:1480px;grid-template-columns:1fr 1.1fr;gap:12px;padding-block:30px 20px}
body[data-page=app] .explore-hero h1{font-size:clamp(40px,4.5vw,67px);line-height:1.05;letter-spacing:-.045em}
body[data-page=app] .explore-hero h1 span{color:#73569b}
body[data-page=app] .explore-hero-bottom p{max-width:35ch;font-size:19px;line-height:1.55}
body[data-page=app] .app-intro-art{min-height:620px}
body[data-page=app] .app-intro-stones{inset:0 -8% 0 auto;width:125%;height:100%;filter:none;opacity:1;object-fit:cover;object-position:70% bottom;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 95%,transparent);mix-blend-mode:multiply}
body[data-page=app] .app-intro-art::after{display:none}
body[data-page=app] .app-intro-phone{width:285px;max-width:52%;left:27%;top:14px;transform:rotate(6deg);filter:drop-shadow(15px 19px 14px #27233138)}
.app-intro-mark{position:absolute;right:4%;bottom:80px;width:17%;transform:perspective(600px) rotateY(-13deg) rotate(-5deg);filter:drop-shadow(3px 6px 2px #24202b35)}
.app-foundations .foundations-wrap{grid-template-columns:minmax(0,1.15fr) minmax(300px,1fr);max-width:1480px;gap:20px 44px;padding-top:44px;padding-bottom:42px}
.app-foundations .foundations-main>.eyebrow{display:none}
.app-foundations .foundations-main{display:contents}
.app-foundations .foundations-main h2{grid-column:1/-1;font-size:clamp(32px,3.6vw,51px);max-width:28ch;margin-bottom:6px}
.app-foundations .foundation-title-accent{color:#73569b}
.app-foundations .foundation-sculpture{grid-column:1;grid-row:2;margin:-35px 0 -40px}
.app-foundations .foundation-instruction{grid-column:1/-1;grid-row:3;width:100%;margin-top:12px}
.app-foundations .foundation-panel{grid-column:2;grid-row:2;align-self:center;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:0 18px;overflow:hidden;min-height:430px;position:relative;isolation:isolate;background:#faf3e9}
.app-foundations .foundation-panel-label,.app-foundations .foundation-panel h3,.app-foundations #foundation-description,.app-foundations .foundation-tools,.app-foundations .foundation-explore{grid-column:1;position:relative;z-index:2}
.app-foundations .foundation-panel-label{margin-bottom:18px;font-size:10px}
.app-foundations .foundation-panel h3{font-size:clamp(27px,2.6vw,38px);line-height:1.07}
.app-foundations #foundation-description{font-size:16px;line-height:1.5;margin-bottom:18px}
.app-foundations .foundation-example{position:absolute;right:0;top:0;bottom:0;margin:0;width:51%;max-width:none;height:100%;border:0;border-radius:0;transform:none;box-shadow:none;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000 45%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%)}
.app-foundations .foundation-example:after,.app-foundations .foundation-example-title{display:none}
.app-foundations .foundation-example>img{object-position:65% center;opacity:.9}
.app-foundations .foundation-tools{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-bottom:23px}
.app-foundations .foundation-tools li{font-size:13px;padding-block:5px;color:#504658;border-color:#d7cbd4}
.app-foundations .foundation-explore{grid-column:1/-1;background:#fcf7efde;color:var(--foundation-accent);border:0;border-top:1px solid #dacdd8;border-radius:0;padding:14px 0 0;box-shadow:none;min-height:44px;font-size:14px;justify-content:flex-start;justify-self:start;align-self:end}
.app-active-detail{padding-block:0;margin-top:25px;margin-bottom:35px}
.app-active-detail>summary{cursor:pointer;list-style:none;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;border:1px solid #d9cbdc;border-radius:15px;background:linear-gradient(110deg,#fcf6ed,#eae1d8);box-shadow:inset 0 1px #fff,0 5px 10px #3823480b;color:#58406f;font-size:16px;font-weight:700}
.app-active-detail>summary::-webkit-details-marker{display:none}
.app-active-detail>summary:focus-visible{outline:3px solid #73569b;outline-offset:4px}
.app-active-detail[open]>summary{margin-bottom:20px}
.app-active-detail .rb-active-premium{border-radius:20px;overflow:hidden}
.app-how{padding-block:38px 48px}
.app-how h2,.app-alongside h2{font-size:clamp(30px,3vw,43px);line-height:1.1;letter-spacing:-.04em;color:#29262e;margin:12px 0 26px}
.app-how ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.app-how li{padding:25px 28px;background:linear-gradient(140deg,#fff9f0,#e9dfd4);border:1px solid #d9ccbf;border-radius:13px;box-shadow:inset 0 1px #fff,0 4px 0 #c8bbaf,0 10px 20px #44304a0a}
.app-how li>span{display:block;color:#73569b;font-size:12px;font-weight:800;letter-spacing:.13em;margin-bottom:20px}
.app-how h3{font-size:22px;letter-spacing:-.025em;color:#302a35;margin:0 0 9px}
.app-how li p{font-size:16px;line-height:1.5;color:#625866;margin:0}
body[data-page=app] .explorer-heading>p:not(.eyebrow){max-width:46ch}
body[data-page=app] .explorer-preview-guide{padding:12px 16px;box-shadow:none;font-size:13px;max-width:620px}
body[data-page=app] .explorer-preview-guide>a{display:none}
.app-alongside{padding-block:48px 30px}
.app-alongside-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.app-alongside-grid article{border-top:2px solid #c5b6cf;padding:22px 0}
.app-alongside-grid h3{font-size:22px;letter-spacing:-.025em;color:#302a35;margin:0 0 12px}
.app-alongside-grid p{font-size:16px;line-height:1.6;color:#625866;max-width:34ch}
.app-alongside-grid a{display:inline-flex;min-height:44px;align-items:center;color:#73569b;font-size:14px;font-weight:700}
body[data-page=app] .explore-basics{padding-block:35px 45px}
@media(max-width:1000px){body[data-page=app] .app-intro-art{min-height:520px}body[data-page=app] .app-intro-phone{width:245px;left:18%;top:25px}.app-foundations .foundations-wrap{gap:16px 25px}.app-foundations .foundation-panel{padding:25px;grid-template-columns:1.3fr 1fr}.app-foundations .foundation-panel h3{font-size:30px}.app-foundations .foundation-piece>span{display:none}}
@media(max-width:800px){body[data-page=app] .explore-hero{grid-template-columns:1fr;padding-top:26px;gap:0}body[data-page=app] .explore-hero h1{font-size:clamp(37px,7vw,54px);max-width:18ch}body[data-page=app] .explore-hero-bottom p{font-size:17px}body[data-page=app] .app-intro-art{min-height:520px;margin-top:10px}body[data-page=app] .app-intro-phone{left:27%;width:255px;max-width:47%}.app-intro-mark{bottom:70px;right:8%;width:15%}.app-foundations .foundations-wrap{grid-template-columns:1fr;max-width:720px;padding-top:32px;gap:12px}.app-foundations .foundations-main h2{grid-column:1;grid-row:1;font-size:37px}.app-foundations .foundation-sculpture{grid-column:1;grid-row:2;margin:-20px 0 -35px}.app-foundations .foundation-panel{grid-column:1;grid-row:3;width:100%;box-sizing:border-box;min-height:365px;padding:28px;grid-template-columns:1.1fr 1fr}.app-foundations .foundation-instruction{grid-row:4;font-size:12px}.app-foundations .foundation-tools{align-items:flex-start;justify-content:flex-start}.app-foundations .foundation-explore{align-self:end}.app-how ol{gap:15px}.app-how li{padding:22px 18px}.app-how h3{font-size:20px}.app-alongside-grid{gap:18px}.app-alongside-grid h3{font-size:21px}}
@media(max-width:540px){body[data-page=app] .explore-hero h1{font-size:38px}body[data-page=app] .app-intro-art{min-height:410px}body[data-page=app] .app-intro-phone{left:20%;width:215px;max-width:53%;top:0}.app-intro-mark{bottom:48px;right:4%;width:18%}.app-foundations .foundations-main h2{font-size:32px}.app-foundations .foundation-panel{padding:24px;grid-template-columns:1.25fr 1fr;min-height:380px}.app-foundations .foundation-panel h3{font-size:29px}.app-foundations #foundation-description{font-size:15px}.app-foundations .foundation-example{width:48%;opacity:.7}.app-foundations .foundation-explore{font-size:13px}.app-active-detail>summary{font-size:14px;padding:14px 18px}.app-how ol,.app-alongside-grid{grid-template-columns:1fr;gap:15px}.app-how{padding-block:25px 35px}.app-how li{display:grid;grid-template-columns:35px 1fr;gap:0 12px;padding:21px}.app-how li>span{grid-row:1/3;margin:4px 0 0}.app-how li h3,.app-how li p{grid-column:2}.app-how li p{font-size:15px}.app-alongside{padding-block:35px 10px}.app-alongside h2{font-size:32px}.app-alongside-grid article{padding-block:18px 0}.app-alongside-grid p{max-width:40ch}.app-alongside-grid a{min-height:44px}}
/* Match the approved reference: one generous stone composition, not a small image card. */
.app-foundations .foundations-wrap{grid-template-columns:minmax(270px,.7fr) minmax(0,1.7fr);gap:24px;max-width:1540px}
.app-foundations .foundation-panel{container-type:inline-size;box-sizing:border-box;min-height:560px;aspect-ratio:3/2;padding:5%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;border:1px solid #dfd0bb;border-radius:30px;background-color:#f4e9d9;background-image:var(--foundation-art);background-size:cover;background-position:center;box-shadow:inset 0 2px 0 #fffdf5,inset 0 -3px 4px #9e866b22,0 5px 0 #c7b49b,0 18px 28px #47372d25;isolation:isolate}
.app-foundations .foundation-panel-label{width:52%;font-size:clamp(10px,1.5cqw,14px);line-height:1.5;letter-spacing:.25em;font-weight:800;margin:0 0 22px;color:var(--foundation-accent)}
.app-foundations .foundation-panel h3{width:52%;font-size:clamp(32px,5.6cqw,52px);line-height:1.06;letter-spacing:-.045em;font-weight:800;margin:0 0 22px;color:#262326}
.app-foundations #foundation-description{width:52%;font-size:clamp(15px,2cqw,19px);line-height:1.5;margin:0 0 22px;color:#393234}
.app-foundations .foundation-example{display:none}
.app-foundations .foundation-tools{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:52%;margin:0 0 24px;padding:0}
.app-foundations .foundation-tools li{display:flex;align-items:center;gap:16px;border:0;padding:0;min-height:48px;font-size:clamp(15px,2.2cqw,21px);font-weight:600;line-height:1.3;color:#332c2c;text-shadow:0 1px #fff7}
.app-foundations .foundation-tools svg{width:25px;height:25px;padding:12px;border:1px solid #c4ad8e;border-radius:50%;flex:none;background:linear-gradient(145deg,#d6c5ad66,#fbefdd66);box-shadow:inset 1px 2px 3px #8e735c55,inset -1px -1px 2px #fffbeb,0 1px 1px #fff;color:#72604b;box-sizing:content-box}
.app-foundations .foundation-explore{align-self:flex-start;margin-top:auto;max-width:53%;background:none;border:0;border-bottom:1px solid #79695b;border-radius:0;padding:7px 0 8px;box-shadow:none;min-height:44px;font-size:clamp(13px,1.8cqw,17px);line-height:1.45;color:#42373c;justify-content:flex-start}
.app-foundations .foundation-piece>span{display:none}
.app-foundations .foundation-piece strong{font-size:clamp(11px,1vw,15px)}
.app-foundations .foundation-sculpture{align-self:center;margin:0;max-width:480px;justify-self:center}
.app-foundations .foundation-piece{min-height:62px;gap:5px}.app-foundations .foundation-piece svg{width:23px;height:23px}
@media(max-width:1150px){.app-foundations .foundations-wrap{grid-template-columns:minmax(230px,.65fr) minmax(0,1.7fr);gap:20px}.app-foundations .foundation-panel{min-height:535px;padding:5%;border-radius:25px}.app-foundations .foundation-panel-label{margin-bottom:18px}.app-foundations .foundation-panel h3{font-size:clamp(30px,5.8cqw,43px);margin-bottom:18px}.app-foundations #foundation-description{margin-bottom:18px}.app-foundations .foundation-tools{gap:10px}.app-foundations .foundation-tools svg{width:22px;height:22px;padding:10px}.app-foundations .foundation-tools li{gap:12px}}
@media(max-width:1150px){.app-foundations .foundations-wrap{grid-template-columns:1fr;max-width:860px}.app-foundations .foundations-main h2{grid-column:1;grid-row:1}.app-foundations .foundation-sculpture{grid-column:1;grid-row:2;max-width:420px;margin:-20px 0 -30px}.app-foundations .foundation-panel{grid-column:1;grid-row:3;width:100%;min-height:535px;padding:6%;aspect-ratio:3/2}.app-foundations .foundation-instruction{grid-column:1;grid-row:4}.app-foundations .foundation-panel h3{font-size:clamp(32px,5.6cqw,44px)}.app-foundations .foundation-piece strong{font-size:14px}}
@media(max-width:760px){.app-foundations .foundation-panel{aspect-ratio:auto;min-height:0;padding:28px 25px 30px;background-image:radial-gradient(ellipse at top left,#fff9ef,#f0e3d0);border-radius:24px}.app-foundations .foundation-panel-label,.app-foundations .foundation-panel h3,.app-foundations #foundation-description,.app-foundations .foundation-tools{width:100%}.app-foundations .foundation-panel-label{font-size:11px;margin-bottom:18px}.app-foundations .foundation-panel h3{font-size:36px;max-width:15ch;margin-bottom:17px}.app-foundations #foundation-description{font-size:17px;max-width:33ch;margin-bottom:5px}.app-foundations .foundation-example{display:block;position:relative;inset:auto;width:100%;height:310px;max-width:320px;aspect-ratio:auto;margin:0 auto 18px;align-self:center;order:0;z-index:1;mask-image:none;-webkit-mask-image:none;mix-blend-mode:multiply;background:none;box-shadow:none;border:0;border-radius:0;transform:none}.app-foundations .foundation-example>img{position:static;display:block;width:100%;height:100%;object-fit:contain;object-position:center;opacity:1}.app-foundations .foundation-example-title,.app-foundations .foundation-example:after{display:none}.app-foundations .foundation-tools{gap:12px;margin-bottom:22px}.app-foundations .foundation-tools li{font-size:18px;gap:16px}.app-foundations .foundation-tools svg{width:25px;height:25px;padding:12px}.app-foundations .foundation-explore{max-width:100%;font-size:15px;margin-top:0}.app-foundations .foundation-sculpture{width:100%;max-width:390px}.app-foundations .foundation-piece strong{font-size:12px}}
/* Active uses the actual branded app guide, preserving the original clothing and R marks. */
.app-foundations .foundation-panel[data-foundation-key=active]{background-image:linear-gradient(125deg,#fff7e9,#f0e2cb)}
.app-foundations .foundation-panel[data-foundation-key=active]::before{content:'';position:absolute;inset:0;z-index:-1;opacity:.13;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}
.app-foundations .foundation-panel[data-foundation-key=active] .foundation-example{display:block;position:absolute;inset:4% 0 auto auto;width:48%;height:90%;max-width:none;aspect-ratio:auto;margin:0;z-index:1;background:transparent;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mix-blend-mode:multiply;box-shadow:none;border:0;border-radius:0;transform:none}
.app-foundations .foundation-panel[data-foundation-key=active] .foundation-example>img{display:block;position:static;width:100%;height:100%;object-fit:contain;object-position:center;opacity:1}
@media(max-width:760px){.app-foundations .foundation-panel[data-foundation-key=active] .foundation-example{position:relative;inset:auto;width:100%;height:340px;max-width:340px;margin:0 auto 18px;align-self:center;mask-image:none;-webkit-mask-image:none}}
/* Balanced two-part composition: the selector and selected area share the same stone setting. */
.app-foundations .foundations-wrap{max-width:1440px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding-top:40px;padding-bottom:35px}
.app-foundations .foundation-sculpture{grid-column:1;grid-row:2;align-self:stretch;justify-self:stretch;width:100%;max-width:none;aspect-ratio:1.1;margin:0;box-sizing:border-box;border:1px solid #dfd0bb;border-radius:25px;background:linear-gradient(125deg,#fff7e9,#f0e2cb);box-shadow:inset 0 2px 0 #fffdf5,inset 0 -3px 4px #9e866b22,0 5px 0 #c7b49b,0 16px 25px #47372d18;overflow:hidden}
.app-foundations .foundation-sculpture:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.13;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}
.app-foundations .foundation-stone{object-fit:fill}
.app-foundations .foundation-panel{grid-column:2;grid-row:2;align-self:stretch;aspect-ratio:auto;min-height:510px;padding:32px 29px;border-radius:25px;background-size:100% auto;background-repeat:no-repeat;background-position:center bottom;background-color:#f5e8d5}
.app-foundations .foundation-panel-label{font-size:11px;letter-spacing:.18em;margin-bottom:18px}
.app-foundations .foundation-panel h3{font-size:clamp(29px,5.8cqw,39px);margin-bottom:17px}
.app-foundations #foundation-description{font-size:15px;line-height:1.5;margin-bottom:18px}
.app-foundations .foundation-tools{gap:10px;margin-bottom:18px}
.app-foundations .foundation-tools li{font-size:15px;gap:10px;min-height:41px}
.app-foundations .foundation-tools svg{width:21px;height:21px;padding:9px}
.app-foundations .foundation-explore{font-size:13px;max-width:54%}
.app-foundations .foundation-piece strong{font-size:clamp(12px,1.25vw,17px)}
.app-foundations .foundation-piece svg{width:27px;height:27px}
.app-foundations .foundation-instruction{grid-column:1/-1;grid-row:3;margin-top:10px}
@media(min-width:761px) and (max-width:1050px){.app-foundations .foundations-wrap{max-width:1440px;gap:18px}.app-foundations .foundation-panel{min-height:490px;padding:27px 22px}.app-foundations .foundation-panel h3{font-size:29px}.app-foundations #foundation-description{font-size:14px}.app-foundations .foundation-tools li{font-size:14px;gap:8px}.app-foundations .foundation-tools svg{width:18px;height:18px;padding:7px}.app-foundations .foundation-explore{font-size:12px}.app-foundations .foundation-piece strong{font-size:12px}.app-foundations .foundation-piece svg{width:23px;height:23px}}
@media(max-width:760px){.app-foundations .foundations-wrap{grid-template-columns:1fr;gap:22px;max-width:680px}.app-foundations .foundation-sculpture{grid-column:1;grid-row:2;aspect-ratio:1.1;min-height:0;max-width:none;margin:0}.app-foundations .foundation-panel{grid-column:1;grid-row:3;min-height:0;padding:28px 25px 30px;background-image:radial-gradient(ellipse at top left,#fff9ef,#f0e3d0)}.app-foundations .foundation-instruction{grid-column:1;grid-row:4}.app-foundations .foundation-panel h3{font-size:36px}.app-foundations #foundation-description{font-size:17px}.app-foundations .foundation-tools li{font-size:18px;gap:16px}.app-foundations .foundation-tools svg{width:25px;height:25px;padding:12px}.app-foundations .foundation-explore{font-size:15px;max-width:100%}.app-foundations .foundation-piece strong{font-size:clamp(12px,3vw,17px)}}
.app-foundations .foundation-sculpture{aspect-ratio:1;align-self:center}
.app-foundations .foundation-stone{object-fit:contain}
/* Keep the branded guide in the scene, and give the three movement choices a full row. */
.app-foundations .foundation-panel[data-foundation-key=active] .foundation-example{inset:4% 0 auto auto;width:48%;height:65%;mask-image:none;-webkit-mask-image:none;mix-blend-mode:normal;overflow:visible;filter:drop-shadow(0 10px 7px #34261c22)}
.app-foundations .foundation-panel[data-foundation-key=active] .foundation-tools{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:auto;margin-bottom:16px;padding-top:20px}
.app-foundations .foundation-panel[data-foundation-key=active] .foundation-tools li{flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:8px;min-width:0;font-size:15px;min-height:76px}
.app-foundations .foundation-panel[data-foundation-key=active] .foundation-explore{margin-top:0;align-self:center;max-width:100%;text-align:center}
.app-foundations .foundation-piece-recovery{left:50%;top:23.5%}
.app-foundations .foundation-piece-today{left:22%;top:37.5%}
@media(max-width:1050px) and (min-width:761px){.app-foundations .foundation-panel[data-foundation-key=active] .foundation-tools li{font-size:13px}.app-foundations .foundation-panel[data-foundation-key=active] .foundation-tools{gap:7px}.app-foundations .foundation-panel[data-foundation-key=active] h3{font-size:29px}}
@media(max-width:760px){.app-foundations .foundation-panel[data-foundation-key=active] .foundation-example{position:relative;inset:auto;width:100%;max-width:360px;height:340px;margin:3px auto 12px}.app-foundations .foundation-panel[data-foundation-key=active] .foundation-tools{margin-top:0;padding-top:10px}.app-foundations .foundation-panel[data-foundation-key=active] .foundation-tools li{font-size:14px}.app-foundations .foundation-panel[data-foundation-key=active] .foundation-tools svg{width:23px;height:23px;padding:10px}}

.app-foundations .foundation-panel[data-foundation-key=active] .foundation-example:before{content:"";position:absolute;inset:10% 5% 5%;z-index:-1;background:radial-gradient(ellipse,#7767ac20,transparent 68%);pointer-events:none}
/* The branded guide belongs to a complete sculptural scene, matching the other areas. */
.app-foundations .foundation-panel[data-foundation-key=active]{background-color:#f5e8d5;background-image:var(--foundation-art);background-size:100% auto;background-position:center top;background-repeat:no-repeat}
.app-foundations .foundation-panel[data-foundation-key=active]::before{display:none}
.app-foundations .foundation-panel[data-foundation-key=active] .foundation-example{display:none}
.app-foundations .foundation-piece-recovery{left:46.5%;top:23.5%}
@media(max-width:760px){.app-foundations .foundation-panel[data-foundation-key=active]{background-image:radial-gradient(ellipse at top left,#fff9ef,#f0e3d0)}.app-foundations .foundation-panel[data-foundation-key=active] .foundation-example{display:block;position:relative;inset:auto;width:100%;max-width:none;height:330px;margin:0 auto 14px;filter:none;mix-blend-mode:multiply;mask-image:linear-gradient(180deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 5%,#000 95%,transparent)}.app-foundations .foundation-panel[data-foundation-key=active] .foundation-example>img{object-fit:cover;object-position:right center}.app-foundations .foundation-panel[data-foundation-key=active] .foundation-example::before{display:none}}
/* Screenshot alignment pass: visible hierarchy, one seamless scene, and a distinct selector setting. */
.app-foundations .foundation-sculpture{background:radial-gradient(ellipse at 50% 39%,#d9cde6 0%,#e7deeb 46%,#eee1d0 100%);border-color:#c1afca;box-shadow:inset 0 2px 0 #fff9ff,0 5px 0 #baabc2,0 16px 28px #4d366820}
.app-foundations .foundation-piece-recovery{left:50.5%;top:20.5%}
.app-foundations .foundation-piece-today{left:20.8%;top:33.8%}
.app-foundations .foundation-piece strong{font-size:clamp(14px,1.4vw,20px);letter-spacing:.045em}
.app-foundations .foundation-piece{gap:8px}
.app-foundations .foundation-panel,.app-foundations .foundation-panel[data-foundation-key=active]{background-size:cover;background-position:center;background-repeat:no-repeat;min-height:0;aspect-ratio:1;padding:36px 32px;justify-content:flex-start}
.app-foundations .foundation-panel h3{font-size:clamp(30px,5.9cqw,42px);width:53%;margin-bottom:21px}
.app-foundations #foundation-description{font-size:clamp(15px,2.55cqw,18px);line-height:1.55;width:53%;margin-bottom:24px}
.app-foundations .foundation-tools{gap:16px;width:54%;margin-top:12px;margin-bottom:18px}
.app-foundations .foundation-tools li{font-size:clamp(15px,2.7cqw,19px);gap:13px;min-height:48px}
.app-foundations .foundation-tools svg{width:23px;height:23px;padding:10px}
.app-foundations .foundation-explore{margin-top:20px;max-width:55%;font-size:clamp(13px,2.15cqw,16px)}
.app-foundations .foundation-panel[data-foundation-key=active] .foundation-tools{width:100%;margin-top:auto;gap:12px;padding-top:25px}
.app-foundations .foundation-panel[data-foundation-key=active] .foundation-explore{margin-top:0;max-width:100%}
@media(min-width:761px) and (max-width:1050px){.app-foundations .foundation-panel,.app-foundations .foundation-panel[data-foundation-key=active]{aspect-ratio:auto;min-height:500px;padding:27px 22px}.app-foundations .foundation-tools{gap:12px}.app-foundations .foundation-tools li{font-size:14px;gap:8px}.app-foundations .foundation-tools svg{width:18px;height:18px;padding:8px}.app-foundations .foundation-panel h3{font-size:29px}.app-foundations .foundation-explore{margin-top:12px}.app-foundations .foundation-piece strong{font-size:13px}}
@media(max-width:760px){.app-foundations .foundation-panel,.app-foundations .foundation-panel[data-foundation-key=active]{aspect-ratio:auto;min-height:0;padding:28px 25px 30px;background-image:radial-gradient(ellipse at top left,#fff9ef,#f0e3d0)}.app-foundations .foundation-panel h3,.app-foundations #foundation-description,.app-foundations .foundation-tools{width:100%}.app-foundations .foundation-panel h3{font-size:36px}.app-foundations #foundation-description{font-size:17px}.app-foundations .foundation-explore{max-width:100%;font-size:15px;margin-top:5px}.app-foundations .foundation-tools li{font-size:18px}.app-foundations .foundation-piece strong{font-size:clamp(13px,3.1vw,19px)}.app-foundations .foundation-panel[data-foundation-key=active] .foundation-tools{margin-top:0}}
.app-foundations .foundation-panel[data-foundation-key=active] .foundation-tools{width:54%;display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:12px;margin-bottom:18px;padding-top:0}
.app-foundations .foundation-panel[data-foundation-key=active] .foundation-tools li{flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;min-height:48px;gap:13px;font-size:clamp(15px,2.7cqw,19px)}
.app-foundations .foundation-panel[data-foundation-key=active] .foundation-explore{align-self:flex-start;max-width:55%;margin-top:20px;text-align:left}
@media(min-width:761px) and (max-width:1050px){.app-foundations .foundation-panel,.app-foundations .foundation-panel[data-foundation-key=active]{min-height:540px}.app-foundations .foundation-panel[data-foundation-key=active] .foundation-tools li{font-size:14px}}
@media(max-width:760px){.app-foundations .foundation-panel[data-foundation-key=active] .foundation-tools{width:100%;gap:16px;margin-top:12px}.app-foundations .foundation-panel[data-foundation-key=active] .foundation-tools li{font-size:18px}.app-foundations .foundation-panel[data-foundation-key=active] .foundation-explore{max-width:100%;margin-top:5px}}