.visual-mockup{color:#003b69;background:#dce5e9;border-radius:14px;min-width:0;margin:0;position:relative;overflow:hidden}.mock-scene{aspect-ratio:4/3;isolation:isolate;background:#dce5e9;position:relative;overflow:hidden}.visual-mockup figcaption{color:#294759;text-align:left;background:#edf1f3;margin:0;padding:10px 14px;font-size:11px;line-height:1.5}.mock-scene small{letter-spacing:.1em;font-family:Arial,sans-serif;font-size:clamp(7px,.7vw,11px)}.mock-scene b{font-size:clamp(18px,3.2vw,45px);font-weight:650;line-height:1.2;display:block}.mock-scene i{display:block}.mock-shape{background:#00467c;border-radius:50% 50% 0 0;position:relative;overflow:hidden}.mock-shape:after{content:"";background:#dccfc0;border-radius:50%;width:68%;height:68%;position:absolute;bottom:-15%;right:-12%}.mock-lines{opacity:.65;background:repeating-linear-gradient(#91a7b8 0 2px,#0000 2px 8px);width:75%;height:25px}.mock-browser{background:#fff;border-radius:8px;width:76%;position:absolute;top:13%;left:6%;overflow:hidden;transform:rotate(-3deg);box-shadow:8px 16px 28px #00375020}.browser-bar{background:#eef2f3;align-items:center;gap:4px;height:24px;padding:0 10px;display:flex}.browser-bar i{background:#b0c0c8;border-radius:50%;width:4px;height:4px}.browser-bar span{color:#678090;margin-left:10px;font-family:Arial;font-size:8px}.browser-page{min-height:230px;padding:8% 7%;position:relative}.browser-page b{z-index:1;margin-top:18px;position:relative}.browser-page>.mock-shape{width:38%;height:72%;position:absolute;top:18%;right:5%}.browser-page>.mock-lines{width:42%;margin-top:22px}.mock-phone,.social-phone{background:#fff;border:5px solid #224e6b;border-radius:19px;width:20%;height:65%;padding:15px 8px;position:absolute;bottom:9%;right:9%;overflow:hidden;transform:rotate(6deg);box-shadow:8px 15px 20px #00375020}.phone-top{background:#224e6b;border-radius:5px;width:35%;height:4px;margin:0 auto 20px}.mock-phone small{display:block}.mock-phone>.mock-shape{width:100%;height:50%;margin:16px 0}.mock-phone>.mock-lines{height:25px}.mock-brand .mock-scene{background:#c6d5dc}.brand-poster{color:#fff;background:#00467c;width:52%;height:80%;padding:8%;position:absolute;top:8%;left:10%;overflow:hidden;transform:rotate(-6deg);box-shadow:5px 12px 15px #00375020}.brand-poster b{margin-top:18px}.brand-poster .mock-shape{background:#88a4b7;width:90%;height:60%;position:absolute;bottom:-15%;left:30%}.brand-card{background:#eee5db;width:48%;height:40%;padding:8%;position:absolute;bottom:13%;right:5%;transform:rotate(9deg);box-shadow:4px 8px 18px #00375020}.brand-card .mock-shape{width:60%;height:85%;position:absolute;top:8%;right:7%}.brand-card small{position:absolute;bottom:12%;left:8%}.mock-social .mock-scene{background:#e2ddd6}.social-post{background:#fff;width:58%;height:76%;padding:7%;position:absolute;top:9%;left:8%;transform:rotate(-5deg);box-shadow:5px 10px 20px #00375015}.social-post .mock-shape{width:100%;height:47%;margin:15px 0}.social-post b{font-size:clamp(16px,2vw,25px)}.social-phone{color:#fff;background:#00467c;width:29%;height:74%;bottom:8%;right:9%}.social-phone .phone-top{background:#ccdce6}.social-phone .mock-shape{background:#88a4b7;height:65%;margin-bottom:12px}.mock-publication .mock-scene{background:#cbd9df}.mock-book{background:#fff;width:78%;height:70%;display:flex;position:absolute;top:12%;left:7%;transform:rotate(-7deg);box-shadow:6px 15px 20px #00375020}.book-left,.book-right{width:50%;padding:7%;position:relative;overflow:hidden}.book-left{border-right:1px solid #c5cbcf}.book-left b{margin:22px 0;font-size:clamp(18px,2vw,28px)}.book-right{background:#eee5db}.book-right .mock-shape{height:72%;margin-bottom:18px}.book-cover{color:#fff;background:#00467c;width:28%;height:62%;padding:5%;position:absolute;bottom:8%;right:7%;transform:rotate(9deg);box-shadow:4px 8px 15px #00375020}.book-cover .mock-shape{background:#88a4b7;height:72%;margin-top:22px}.mock-community .mock-scene{aspect-ratio:5/4;background:#e0e5e3}.photo-box{background:#b7c9d2;border:10px solid #fff;border-bottom-width:35px;position:absolute;overflow:hidden;box-shadow:5px 10px 20px #1d425219}.photo-a{width:62%;height:63%;top:9%;left:6%;transform:rotate(-5deg)}.photo-b{background:#d5c9b9;width:45%;height:57%;bottom:6%;right:5%;transform:rotate(8deg)}.photo-box>span{z-index:1;font-size:16px;position:absolute;top:13%;left:10%}.photo-box i{background:#7592a3;border-radius:45% 45% 0 0;width:26%;height:54%;position:absolute;bottom:0;left:10%}.photo-box i:before{content:"";aspect-ratio:1;background:#e5e0d8;border-radius:50%;width:65%;display:block;position:absolute;top:-28%;left:17%}.photo-box i:nth-of-type(2){background:#486d87;height:46%;left:40%}.photo-box i:nth-of-type(3){background:#93acb8;height:61%;left:72%}.photo-stamp{letter-spacing:.13em;color:#365767;font-family:Arial;font-size:12px;position:absolute;bottom:8%;left:7%}.mock-integrated .mock-scene{aspect-ratio:2.3;background:#cad8df}.mock-integrated .mock-browser{width:53%;top:13%;left:5%}.mock-integrated .browser-page{min-height:300px}.mock-integrated .mock-phone{z-index:3;width:13%;height:70%;bottom:6%;right:32%}.integrated-poster{color:#fff;background:#00467c;width:25%;height:72%;padding:4%;position:absolute;top:10%;right:5%;overflow:hidden;transform:rotate(6deg);box-shadow:4px 12px 25px #00375025}.integrated-poster b{margin-top:25px}.integrated-poster .mock-shape{background:#88a4b7;width:75%;height:55%;position:absolute;bottom:-5%;right:-5%}.integrated-book{background:#f2e9de;width:22%;height:32%;padding:2%;position:absolute;bottom:7%;right:16%;transform:rotate(-8deg);box-shadow:4px 10px 20px #00375025}.integrated-book .mock-shape{width:40%;height:78%;position:absolute;top:10%;right:7%}.cover-placeholder[data-astro-cid-s7eqs2vh]{aspect-ratio:4/3;isolation:isolate;background:#e9ede9;border:1px dashed #a9b9bb;border-radius:12px;place-items:center;max-width:100%;min-height:220px;display:grid;overflow:clip}.cover-placeholder[data-astro-cid-s7eqs2vh] figcaption[data-astro-cid-s7eqs2vh]{color:#526c7b;text-align:center;letter-spacing:.04em;margin:0;padding:24px;font-size:14px;line-height:1.6}@media (width<=700px){.cover-placeholder[data-astro-cid-s7eqs2vh]{min-height:180px}}
