.hero-visual{min-width:0;container-type:inline-size}.canvas{--u:min(1px, calc(100cqw / 641));width:calc(641 * var(--u));height:calc(555 * var(--u));margin-inline:auto;position:relative}.glow{pointer-events:none;border-radius:50%;position:absolute}.glow-lavender{left:calc(-12 * var(--u));top:calc(50 * var(--u));width:calc(520 * var(--u));height:calc(520 * var(--u));opacity:.85;background:radial-gradient(circle at 42% 38%,#e9defc 0%,#dccbf9 55%,#d3bff6 100%)}.glow-pink{left:calc(118 * var(--u));top:calc(96 * var(--u));width:calc(470 * var(--u));height:calc(470 * var(--u));opacity:.8;background:linear-gradient(160deg,#f3dcfa 0%,#fad2ea 55%,#f8c3e0 100%)}.dash-path{left:calc(486 * var(--u));top:calc(348 * var(--u));width:calc(122 * var(--u));height:calc(152 * var(--u));position:absolute}.float-heart{left:calc(572 * var(--u));top:calc(288 * var(--u));width:calc(60 * var(--u));height:calc(60 * var(--u));filter:drop-shadow(0 calc(8 * var(--u)) calc(10 * var(--u)) #e6208a47);position:absolute;transform:rotate(8deg)}.phone-figure{left:calc(134 * var(--u));top:calc(-30 * var(--u));width:calc(352 * var(--u));height:calc(736 * var(--u));perspective:calc(1700 * var(--u));margin:0;position:absolute}.phone{width:100%;height:100%;padding:calc(4 * var(--u));border-radius:calc(58 * var(--u));box-shadow:0 calc(34 * var(--u)) calc(60 * var(--u)) #4c208247;transform-origin:50% 40%;background:linear-gradient(90deg,#3d2c33 0%,#6e5559 38%,#c39a90 74%,#efd5ca 100%);transform:rotateX(4deg)rotateY(9deg)rotate(-3deg)}.phone-bezel{width:100%;height:100%;padding:calc(8 * var(--u));border-radius:calc(54 * var(--u));background:#120c1b}.phone-screen{width:100%;height:100%;padding:0 calc(16 * var(--u));border-radius:calc(45 * var(--u));color:var(--ink);font-size:calc(12 * var(--u));background:linear-gradient(#fff 0%,#fbf8ff 100%);line-height:1.25;position:relative;overflow:hidden}.ph-ico{width:calc(14 * var(--u));height:calc(14 * var(--u));flex:none;display:block}.ph-status{height:calc(46 * var(--u));padding:calc(6 * var(--u)) calc(10 * var(--u)) 0;justify-content:space-between;align-items:center;display:flex;position:relative}.ph-time{font-size:calc(13 * var(--u));font-weight:700}.ph-island{left:50%;top:calc(9 * var(--u));width:calc(104 * var(--u));height:calc(30 * var(--u));background:#0a0710;border-radius:999px;position:absolute;transform:translate(-50%)}.ph-status-icons{align-items:center;gap:calc(4 * var(--u));display:flex}.ph-status-icons svg{width:calc(16 * var(--u));height:calc(11 * var(--u))}.ph-battery{width:calc(24 * var(--u));height:calc(12 * var(--u));border-radius:calc(4 * var(--u));color:#fff;font-size:calc(8 * var(--u));background:#1c0273;place-items:center;font-weight:700;display:grid}.ph-header{align-items:center;gap:calc(10 * var(--u));margin-top:calc(10 * var(--u));display:flex}.ph-logo{width:calc(112 * var(--u));height:auto;margin-right:auto}.ph-ask{align-items:center;gap:calc(5 * var(--u));height:calc(28 * var(--u));padding:0 calc(13 * var(--u));color:#fff;font-size:calc(12 * var(--u));background:linear-gradient(90deg,#5b2be8,#d62a85);border-radius:999px;font-weight:700;display:inline-flex}.ph-ask .ph-ico{width:calc(13 * var(--u));height:calc(13 * var(--u))}.ph-bag{width:calc(28 * var(--u));height:calc(28 * var(--u));border-radius:calc(9 * var(--u));color:var(--violet-deep);background:#f1eaff;place-items:center;display:grid;position:relative}.ph-bag .ph-ico{width:calc(18 * var(--u));height:calc(18 * var(--u))}.ph-badge{right:calc(-5 * var(--u));top:calc(-6 * var(--u));min-width:calc(15 * var(--u));height:calc(15 * var(--u));color:#fff;font-size:calc(9 * var(--u));background:#4a35e8;border-radius:999px;place-items:center;font-weight:700;display:grid;position:absolute}.ph-greet{margin-top:calc(12 * var(--u));justify-content:space-between;align-items:flex-start;display:flex}.ph-title{font-size:calc(21 * var(--u));letter-spacing:-.01em;font-weight:700;display:block}.ph-hello{align-items:center;gap:calc(4 * var(--u));margin-top:calc(1 * var(--u));font-size:calc(15 * var(--u));color:#2b1d70;display:flex}.ph-hello b{font-weight:700}.ph-ico-heart{width:calc(16 * var(--u));height:calc(16 * var(--u));color:var(--pink)}.ph-bell{width:calc(20 * var(--u));height:calc(20 * var(--u));margin-top:calc(6 * var(--u));color:var(--violet-deep)}.ph-welcome{align-items:flex-start;gap:calc(6 * var(--u));margin-top:calc(10 * var(--u));padding:calc(15 * var(--u)) calc(16 * var(--u)) calc(14 * var(--u));border-radius:calc(18 * var(--u));color:#fff;box-shadow:0 calc(10 * var(--u)) calc(20 * var(--u)) #6f2aea38;background:linear-gradient(135deg,#6a26e6 0%,#a72cd8 55%,#d42e93 100%);flex-direction:column;display:flex}.ph-welcome-heart{width:calc(21 * var(--u));height:calc(21 * var(--u))}.ph-welcome-title{font-size:calc(19 * var(--u));letter-spacing:-.01em;font-weight:700}.ph-welcome-body{font-size:calc(12.5 * var(--u));color:#fffffff0;line-height:1.42}.ph-welcome-cta{align-items:center;gap:calc(7 * var(--u));margin-top:calc(4 * var(--u));padding:calc(8 * var(--u)) calc(15 * var(--u));color:var(--violet-deep);font-size:calc(12.5 * var(--u));background:#fff;border-radius:999px;font-weight:700;display:inline-flex}.ph-tiles{gap:calc(9 * var(--u));margin-top:calc(10 * var(--u));grid-template-columns:1fr 1fr;display:grid}.ph-tile{align-items:center;gap:calc(9 * var(--u));min-height:calc(64 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u));border-radius:calc(14 * var(--u));background:#fff;border:1px solid #ebe5f6;display:flex}.ph-tile-ico{width:calc(28 * var(--u));height:calc(28 * var(--u));color:var(--violet-deep)}.ph-tile-star{color:var(--violet-deep)}.ph-tile-label{font-size:calc(12 * var(--u));flex-direction:column;align-items:flex-start;font-weight:600;line-height:1.2;display:flex}.ph-points{margin-top:calc(4 * var(--u));padding:calc(2 * var(--u)) calc(7 * var(--u));color:var(--pink-text);font-size:calc(9 * var(--u));background:#fbe0ee;border-radius:999px;font-weight:700}.ph-row{gap:calc(8 * var(--u));margin-top:calc(10 * var(--u));grid-template-columns:1.1fr 1fr;display:grid}.ph-post{height:calc(180 * var(--u));border-radius:calc(14 * var(--u));background:#e9f0f7;overflow:hidden}.ph-post img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;display:block}.ph-product{height:calc(180 * var(--u));padding:calc(8 * var(--u)) calc(9 * var(--u));border-radius:calc(14 * var(--u));background:#fff;border:1px solid #ebe5f6;flex-direction:column;display:flex}.ph-product-head{font-size:calc(9.5 * var(--u));color:#4a4470;font-weight:600;line-height:1.2}.ph-tee{width:100%;height:calc(92 * var(--u));margin-top:calc(4 * var(--u));object-fit:cover;object-position:50% 28%;display:block}.ph-product-name{margin-top:calc(6 * var(--u));font-size:calc(10 * var(--u));font-weight:600;line-height:1.25}@media (width<=960px){.hero-visual{margin-top:12px}}@media (width<=560px){.hero-visual{margin-inline:calc(-1 * var(--gutter))}.canvas{--u:min(1px, calc(100cqw / 520));left:calc(-70 * var(--u));margin-inline:auto}}.features{padding-top:0}.cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:24px;flex-direction:column;min-width:0;padding:18px 18px 16px;scroll-margin-top:20px;display:flex;box-shadow:0 12px 30px #5a36b40f}.card-top{align-items:center;gap:10px;min-height:66px;display:flex}.card-icon{color:#fff;border-radius:50%;flex:none;place-items:center;width:66px;height:66px;display:grid}.card-icon svg{width:34px;height:34px}.card-icon-violet{background:linear-gradient(140deg,#7a3af0,#5b21d6);box-shadow:0 8px 16px #6f2aea38}.card-icon-pink{background:linear-gradient(140deg,#f5509f,#e0247f);box-shadow:0 8px 16px #ec369038}.card-art{min-width:0;height:66px;color:var(--ink);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.card h2{letter-spacing:-.015em;margin-top:16px;font-size:1.28rem;font-weight:700;line-height:1.2}.card p{color:var(--muted);margin-top:6px;font-size:1.0125rem;line-height:1.32}.more{color:var(--violet-deep);align-self:flex-start;align-items:center;gap:9px;margin-top:auto;padding-top:8px;font-size:1.0625rem;font-weight:600;display:inline-flex;position:relative}.more:before{content:"";position:absolute;inset:0 -10px -12px -6px}.more:hover{text-underline-offset:4px;text-decoration:underline}.art-feed{justify-content:flex-start}.art-feed-back,.art-feed-front{display:block;position:absolute}.art-feed-back{background:linear-gradient(160deg,#ffd3e6,#f9a9cd);border-radius:8px;width:52px;height:58px;padding:8px 6px;top:3px;right:0;transform:rotate(9deg);box-shadow:0 6px 12px #ec369029}.art-feed-back svg{color:#ec3690;width:20px;height:20px;margin-left:auto}.art-feed-front{letter-spacing:-.01em;background:#fff;border:1px solid #efe9f8;border-radius:8px;width:98px;padding:8px 10px 7px;font-size:.78rem;font-weight:700;line-height:1.22;top:5px;left:0;transform:rotate(-6deg);box-shadow:0 8px 16px #5032a024}.art-feed-front svg{vertical-align:-.12em;color:#e6382f;width:.95em;height:.95em;display:inline-block}.art-mug{background:linear-gradient(#f6f3f1,#ece7e3);border-radius:14px}.art-mug svg{width:100%;height:100%}.art-points span{border:1px solid var(--line);color:var(--violet-deep);white-space:nowrap;background:#fff;border-radius:14px;padding:13px 20px;font-size:1.1rem;font-weight:600;box-shadow:0 6px 14px #5a36b412}.art-ask{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:flex-start;gap:8px;padding:0 9px;box-shadow:0 6px 14px #5a36b412}.art-ask-ico{width:26px;height:26px;color:var(--violet-deep);background:#efe8ff;border-radius:8px;flex:none;place-items:center;display:grid}.art-ask-ico svg{width:18px;height:18px}.art-ask-text{color:var(--body);font-size:.7rem;line-height:1.25}.art-ask-text b{color:var(--ink);font-size:.74rem;font-weight:700;display:block}.art-order span{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:13px 12px;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:0 6px 14px #5a36b412}.art-order svg{width:22px;height:22px}.strip{padding:17px 0 28px}.strip-panel{text-align:center;background:linear-gradient(90deg,#eee6fb 0%,#f6eafa 50%,#fbe9f3 100%);border-radius:26px;padding:14px 24px 16px}.strip h2{letter-spacing:-.01em;font-size:1.3rem;font-weight:700;line-height:1.25}.strip-items{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px clamp(40px,8.4vw,121px);margin-top:9px;display:flex}.strip-items li{color:var(--violet-deep);align-items:center;gap:18px;font-size:1.1rem;font-weight:500;display:inline-flex}.strip-icon{width:32px;height:32px}.strip-icon-heart,.strip-icon-gift{color:var(--pink)}@media (width<=1240px){.card{padding-inline:14px}.card-icon{width:58px;height:58px}.card-icon svg{width:30px;height:30px}.card-top,.card-art{height:58px;min-height:58px}.art-feed-front{width:84px;font-size:.7rem}.art-feed-back{width:42px}.art-points span{padding-inline:12px;font-size:.98rem}.art-ask-text{font-size:.64rem}.art-order span{padding-inline:8px;font-size:.8rem}.art-order svg{width:18px;height:18px}}@media (width<=1080px){.cards{grid-template-columns:repeat(6,minmax(0,1fr))}.card{grid-column:span 2;padding-inline:18px}.card:nth-child(n+4){grid-column:span 3}.card-icon{width:64px;height:64px}.card-top,.card-art{height:66px;min-height:66px}.art-feed-front{width:96px;font-size:.76rem}.art-feed-back{width:50px}.art-points span{padding-inline:18px;font-size:1.1rem}.art-ask-text{font-size:.7rem}.art-order span{padding-inline:12px;font-size:.9rem}}@media (width<=800px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.card:nth-child(n+4){grid-column:auto}.card:last-child{grid-column:1/-1}}@media (width<=640px){.cards{grid-template-columns:minmax(0,1fr)}.card:last-child{grid-column:auto}.card{padding:18px}.strip-items{flex-direction:column;align-items:flex-start;gap:14px;width:max-content;max-width:100%;margin-inline:auto}.strip h2{font-size:1.2rem}}