.frame-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding-top:32px;padding-bottom:36px}.frame-hero h1{font-size:clamp(34px,3.6vw,54px);line-height:1.1;letter-spacing:-1.7px;margin:18px 0}.frame-hero h1 em,.frame-customize h2 em,.frame-support h2 em,.frame-delivery h2 em,.frame-trust h2 em{font-family:Georgia,serif;font-weight:400;color:var(--violet)}.frame-product-name{font-size:14px;font-weight:600;line-height:1.5}.frame-lead{font-size:18px;color:var(--muted)}.frame-hero-facts{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.frame-hero-facts span{font-size:11px;background:#f3eef9;border-radius:5px;padding:7px 9px}.frame-hero figure{margin:0;background:#f5f1e9;border-radius:20px;overflow:hidden}.frame-hero img{width:100%;height:auto;display:block}.frame-hero figcaption,.frame-examples figcaption{font-size:9px;letter-spacing:.8px;padding:11px 14px;color:#70687e}.frame-story{display:grid;grid-template-columns:1fr 1.3fr;gap:48px}.frame-story p,.frame-support p,.frame-trust p,.frame-delivery p{color:var(--muted);font-size:15px;line-height:1.8}.frame-examples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.frame-example{display:block;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:white;transition:transform .3s,box-shadow .3s}.frame-example:hover{transform:translateY(-4px);box-shadow:0 12px 30px #34235c10}.frame-example figure{margin:0;background:#f7f3ef}.frame-example img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}.frame-example>div{padding:14px 16px}.frame-example h3{font-size:17px;margin:0 0 8px}.frame-example p{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 10px}.frame-example>div>span{font-size:11px;color:var(--violet)}.frame-occasion-list{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.frame-occasion-list a{font-size:12px;padding:8px 11px;border:1px solid var(--line);border-radius:30px;transition:background .2s}.frame-occasion-list a:hover{background:#f2ebff}.frame-customize{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;padding-top:48px;padding-bottom:32px;scroll-margin-top:100px}.frame-custom-intro h2,.frame-support h2,.frame-delivery h2,.frame-trust h2{font-size:34px;line-height:1.15;letter-spacing:-1px}.frame-custom-intro>p{font-size:15px;color:var(--muted);line-height:1.7;max-width:380px}.frame-summary{border:1px solid var(--line);border-radius:16px;padding:12px;background:#faf8fd;max-width:420px}.frame-summary img{display:block;width:100%;height:auto;border-radius:9px}.frame-summary>span{font-size:8px;letter-spacing:.7px;display:block;padding-top:12px;color:var(--muted)}.frame-summary h3{font-size:17px;margin:15px 0 9px}.frame-summary p{margin:0 0 7px;font-size:19px;font-weight:600}.frame-summary small{font-size:11px;font-weight:400;color:var(--muted)}.frame-form{padding:25px;border:1px solid #dfd7ed;border-radius:18px;background:white;box-shadow:0 15px 45px #39215e08}.frame-form fieldset{border:0;padding:0;margin:0 0 23px;min-width:0}.frame-form legend{font-size:17px;font-weight:600;margin-bottom:12px;line-height:1.4}.frame-form legend>span{font-size:11px;color:var(--violet);margin-right:9px}.frame-form select,.frame-form input:not([type=radio]),.frame-form textarea{width:100%;min-height:44px;border:1px solid #ded9e5;border-radius:7px;padding:10px 12px;background:#fff;color:var(--ink);font:inherit;font-size:14px;box-sizing:border-box}.frame-form textarea{resize:vertical}.frame-form :is(input,select,textarea):focus-visible{outline:2px solid var(--violet);outline-offset:2px}.frame-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.frame-fields label{font-size:12px;font-weight:500;display:grid;gap:7px}.frame-fields small{font-weight:400;color:var(--muted)}.frame-field-wide{grid-column:1/-1}.frame-sizes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.frame-size{position:relative;cursor:pointer;display:flex}.frame-size input{position:absolute;left:12px;top:14px;accent-color:var(--violet)}.frame-size>span{display:flex;flex-direction:column;border:1px solid #ddd7e6;border-radius:10px;padding:13px 14px 13px 35px;width:100%;gap:6px;min-height:109px}.frame-size input:checked+span{border-color:var(--violet);background:#f6f1ff;box-shadow:inset 0 0 0 1px var(--violet)}.frame-size input:focus-visible+span{outline:2px solid var(--violet);outline-offset:3px}.frame-size strong{font-size:18px}.frame-size .price{font-size:21px}.frame-size small{font-size:10px;color:var(--muted)}.frame-size .frame-popular{color:#62428f;font-size:8px;letter-spacing:.7px}.frame-hint{font-size:12px!important;color:var(--muted);line-height:1.7;margin:12px 0 0}.frame-support{display:grid;grid-template-columns:1fr 1fr;gap:44px}.frame-preview-note{padding:27px;background:#f1f4ea;border-radius:18px}.frame-preview-note ul{padding-left:20px;color:#54564d;font-size:14px;line-height:1.8}.frame-preview-note>strong{font-size:13px}.frame-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.frame-steps article{border-top:1px solid var(--line);padding-top:20px}.frame-steps span{font-size:11px;color:var(--violet)}.frame-steps h3{font-size:21px;margin:13px 0}.frame-steps p{font-size:14px;line-height:1.8;color:var(--muted)}.frame-trust{display:grid;grid-template-columns:1fr 1.4fr;gap:44px}.frame-trust ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;list-style:none;padding:0;margin:0;font-size:14px;line-height:1.6}.frame-trust li:before{content:'✓';color:var(--violet);margin-right:8px}.frame-delivery{display:flex;align-items:center;gap:32px;padding:30px;border:1px solid var(--line);border-radius:18px;background:#faf8fd}.frame-delivery>div{flex:1}.frame-delivery .button{flex-shrink:0}.frame-delivery h2{margin:15px 0}.frame-home .section-head>div:last-child{max-width:420px}.frame-home .section-note{margin-bottom:18px}.frame-home-note{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);padding-top:20px}.frame-home-note .price{font-weight:600;color:var(--ink)}.frame-home .frame-example{opacity:1}.frame-hero figure{animation:frame-enter .7s ease both}@keyframes frame-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1024px){.frame-hero{gap:28px}.frame-customize,.frame-support{gap:25px}.frame-examples{gap:12px}.frame-example>div{padding:12px}.frame-delivery{align-items:start;flex-direction:column}.frame-steps{gap:16px}}
@media(max-width:768px){.frame-hero{grid-template-columns:1fr 1fr;gap:20px}.frame-hero h1{font-size:34px}.frame-examples{grid-template-columns:1fr 1fr}.frame-customize{grid-template-columns:1fr}.frame-custom-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.frame-custom-intro>span,.frame-custom-intro>h2,.frame-custom-intro>p{grid-column:1}.frame-summary{grid-column:2;grid-row:1/4}.frame-story,.frame-support,.frame-trust{gap:25px}.frame-steps{grid-template-columns:1fr 1fr}.frame-trust ul{grid-template-columns:1fr}.frame-form{padding:22px}}
@media(max-width:580px){.frame-hero{grid-template-columns:1fr;padding-top:20px;gap:20px}.frame-hero h1{font-size:35px}.frame-hero figure{max-width:450px}.frame-hero-facts{margin:17px 0}.frame-lead{font-size:16px}.frame-story,.frame-support,.frame-trust{grid-template-columns:1fr;gap:16px}.frame-custom-intro{display:block}.frame-summary{max-width:none;margin-top:20px}.frame-customize{padding-top:32px}.frame-fields{gap:12px}.frame-form{padding:18px}.frame-form select,.frame-form input:not([type=radio]),.frame-form textarea{font-size:16px}.frame-size>span{padding-left:28px;padding-right:7px}.frame-size input{left:7px}.frame-size .price{font-size:19px}.frame-example h3{font-size:15px}.frame-example>div>span{font-size:10px}.frame-examples figcaption{font-size:7px;letter-spacing:.2px;padding:8px}.frame-preview-note{padding:22px}.frame-delivery{padding:24px 20px}.frame-delivery .button{font-size:12px;white-space:normal;text-align:center}.frame-home-note{flex-direction:column;gap:8px}.frame-custom-intro h2,.frame-support h2,.frame-delivery h2,.frame-trust h2{font-size:29px}.frame-occasion-list a{font-size:11px}.frame-home .section-head{align-items:start}.frame-home .button{margin-top:0}}
@media(prefers-reduced-motion:reduce){.frame-hero figure{animation:none}.frame-example{transition:none}.frame-example:hover{transform:none}}