
.package-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}.package-pillar{border:1px solid var(--line);border-radius:10px;padding:28px;background:#fff;min-width:0}.package-pillar>header{border-bottom:1px solid var(--line);margin-bottom:28px;padding-bottom:24px}.package-pillar>header .eyebrow{display:block;margin-bottom:13px}.package-pillar>header h3{font-size:39px;margin-bottom:15px}.package-pillar>header p{font-size:14px;color:var(--muted);min-height:48px;margin:0}.shop-pillar{background:#f9fcfa}.animated-preview{margin:0 0 27px;padding:24px 15px 12px;background:#e3eee7;border-radius:6px;position:relative}.shop-example{background:#ece5df}.straight-laptop{position:relative;background:#202625;border:1px solid #5f6965;border-radius:10px 10px 4px 4px;padding:9px 8px 8px;box-shadow:0 9px 18px #20382a25;transform:none}.straight-camera{position:absolute;left:calc(50% - 1px);top:3px;width:3px;height:3px;border-radius:50%;background:#73847b}.animated-screen{aspect-ratio:16/10;overflow:hidden;background:#fff;container-type:inline-size}.straight-base{height:10px;width:calc(100% + 16px);margin-left:-8px;background:linear-gradient(#d8dfdb,#a6b1ab);border-radius:0 0 45% 45%;position:relative;box-shadow:0 10px 10px #20382a15;transform:none}.straight-base:before{content:"";position:absolute;top:0;left:40%;width:20%;height:3px;border-radius:0 0 5px 5px;background:#a0ada6}.animated-preview figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;line-height:1.5;margin-top:18px;color:#526057}.animated-preview button{padding:0;background:none;border:0;border-bottom:1px solid currentColor;color:inherit;font-size:9px}.example-page{font-size:clamp(8px,2.2cqw,12px);line-height:1.5;animation:example-scroll 16s ease-in-out infinite;will-change:transform;background:#fff;color:#21392e}.shop-example .example-page{animation-duration:19s;color:#4b3225}.example-nav{padding:4% 5%;display:flex;align-items:center;justify-content:space-between;font-size:clamp(6px,1.6cqw,9px);line-height:1.2;background:#fff}.example-nav b{font-size:clamp(8px,2.2cqw,12px);letter-spacing:.08em}.example-nav span{font-size:inherit}.example-web-hero{position:relative;padding:8% 6%;min-height:220px;background:#e7efde;overflow:hidden}.example-web-hero>span,.example-shop-hero>span{font-size:clamp(5px,1.3cqw,8px);letter-spacing:.1em;display:block;margin-bottom:4%}.example-web-hero>strong,.example-shop-hero>strong{position:relative;display:block;font-size:clamp(17px,6cqw,32px);letter-spacing:-.055em;line-height:1.05;max-width:78%;z-index:1}.example-web-hero>p{position:relative;max-width:60%;font-size:inherit;margin:5% 0;z-index:1}.example-action{display:inline-block;font-style:normal;background:#244737;color:#fff;padding:2% 4%;font-size:clamp(6px,1.7cqw,10px);position:relative;z-index:1}.example-arch{position:absolute;width:25%;height:65%;bottom:-10%;right:4%;background:#9dbb7d;border-radius:100px 100px 0 0}.example-arch:before{content:"";position:absolute;width:70%;height:48%;bottom:10%;left:-32%;background:#5c9278;border-radius:50%}.example-section{padding:7% 6%;background:#fff}.example-section>small{font-size:clamp(5px,1.4cqw,9px);letter-spacing:.1em}.example-section h4{font-size:clamp(13px,4cqw,24px);letter-spacing:-.04em;line-height:1.1;margin:4% 0 5%}.example-tiles{display:flex;gap:4%;height:85px}.example-tiles i{flex:1;background:#e5eddf;border-radius:20px 0 0 0}.example-tiles i:nth-child(2){background:#c5d8c8;border-radius:0 20px 0 0}.example-tiles i:nth-child(3){background:#d6cbbb;border-radius:0 0 20px 0}.example-bottom{padding:8% 6%;display:flex;justify-content:space-between;background:#244737;color:white;font-size:clamp(8px,2.5cqw,14px)}.example-bottom>span{font-size:clamp(6px,1.7cqw,10px)}.example-shop-hero{padding:7% 6%;background:#ede0d3;min-height:175px}.example-shop-hero .example-action{margin-top:6%;background:#74523b}.example-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%;padding-top:5%}.example-products>div{display:flex;flex-direction:column;font-size:clamp(6px,1.8cqw,10px)}.sample-product{display:block;position:relative;height:95px;background:#eee8e0;margin-bottom:8px}.sample-product:before{content:"";position:absolute;background:#b58361;left:24%;top:20%;width:52%;height:65%;border-radius:35% 35% 30% 30%}.sample-product.vase:after{content:"";position:absolute;left:37%;top:10%;width:26%;height:25%;background:#b58361}.sample-product.lamp{background:#e8eddf}.sample-product.lamp:before{background:#879d69;border-radius:50% 50% 0 0;top:15%;height:40%;width:68%;left:16%}.sample-product.lamp:after{content:"";position:absolute;width:9%;height:34%;background:#6a765d;left:46%;top:55%;border-bottom:5px solid #6a765d}.sample-product.bowl{background:#e6e9ed}.sample-product.bowl:before{background:#9eaab5;border-radius:0 0 50% 50%;height:30%;width:70%;left:15%;top:42%}.is-paused .example-page{animation-play-state:paused}.webdesign-hero-demo{min-width:0;padding:45px 15px;background:#21f1a8;border-radius:80px 6px 6px 6px;align-self:center}.webdesign-hero-demo .animated-preview{margin:0;background:transparent;padding-top:25px}.webdesign-hero-demo .animated-preview figcaption{color:#173729}.offer-details{border-top:1px solid var(--line)}.offer-details:last-child{border-bottom:1px solid var(--line)}.offer-details summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:18px;align-items:start;padding:25px 0}.offer-details summary::-webkit-details-marker{display:none}.offer-title b{font-size:20px;line-height:1.2;letter-spacing:-.035em;display:block;margin-bottom:12px}.offer-title>span{font-size:12px;line-height:1.6;color:var(--muted);display:block;max-width:230px}.offer-cost{text-align:right;line-height:1.4;white-space:nowrap}.offer-cost>strong{display:block;font-size:25px;letter-spacing:-.04em}.offer-cost>span{font-size:10px;display:block}.offer-cost>small{display:block;font-size:11px;margin-top:9px}.offer-expand{font-size:25px;line-height:1;font-weight:400;transition:transform .2s}.offer-details[open] .offer-expand{transform:rotate(45deg)}.offer-body{padding:0 0 28px}.offer-body ul{list-style:none;padding:0;margin:0 0 23px;font-size:13px}.offer-body li{position:relative;padding:7px 0 7px 23px;line-height:1.6}.offer-body li:before{content:"✓";position:absolute;left:0;color:#276749;font-weight:700}.offer-body .button{width:100%}.commerce-upgrade{margin-top:35px;padding:30px;background:#fbe4e9;border-left:4px solid #fd1843;display:flex;align-items:center;gap:40px;border-radius:0 5px 5px 0}.commerce-upgrade>div{flex:1}.commerce-upgrade .eyebrow{margin-bottom:13px}.commerce-upgrade h3{font-size:29px;max-width:700px}.commerce-upgrade p:last-child{font-size:14px;margin:0;max-width:800px}.commerce-upgrade .button{white-space:nowrap}.scope-table.package-scope{min-width:840px}.scope-table.package-scope thead th:first-child{width:36%}.scope-table.package-scope thead th:not(:first-child),.scope-table.package-scope td{width:16%}
@keyframes example-scroll{0%,18%{transform:translateY(0)}58%,78%{transform:translateY(-39%)}100%{transform:translateY(0)}}
@media(max-width:1100px){.package-pillar{padding:23px}.offer-details summary{gap:12px}.offer-title b{font-size:18px}.offer-cost>strong{font-size:23px}.offer-cost>small{font-size:10px}.commerce-upgrade{display:block}.commerce-upgrade .button{margin-top:24px}}
@media(max-width:850px){.package-columns{gap:18px}.package-pillar{padding:20px}.package-pillar>header h3{font-size:34px}.package-pillar>header p{font-size:13px;min-height:65px}.animated-preview{padding:18px 10px 10px}.offer-details summary{grid-template-columns:minmax(0,1fr) auto 15px;gap:9px}.offer-title>span{font-size:11px}.offer-cost>strong{font-size:21px}.offer-cost>small{font-size:9px}.offer-title b{font-size:17px}.offer-body ul{font-size:12px}.animated-preview figcaption{font-size:8px}.animated-preview button{font-size:8px}.example-web-hero{min-height:170px}.example-shop-hero{min-height:145px}.example-tiles{height:65px}.sample-product{height:70px}}
@media(max-width:600px){.package-columns{grid-template-columns:1fr;gap:28px}.package-pillar{padding:24px 20px}.package-pillar>header p{min-height:0;font-size:14px}.package-pillar>header h3{font-size:37px}.animated-preview{padding:22px 12px 12px}.animated-preview figcaption{font-size:8px;gap:8px}.offer-title b{font-size:19px}.offer-title>span{font-size:12px}.offer-details summary{gap:12px;padding-block:23px}.offer-cost>strong{font-size:24px}.offer-cost>small{font-size:10px}.offer-body ul{font-size:13px}.offer-body .button{font-size:12px}.commerce-upgrade{padding:26px 22px}.commerce-upgrade h3{font-size:28px}.commerce-upgrade .button{white-space:normal}.webdesign-hero-demo{padding:30px 8px;border-top-left-radius:55px}.scope-table.package-scope thead th:first-child{width:28%}.scope-table.package-scope thead th:not(:first-child),.scope-table.package-scope td{width:18%}}
@media(prefers-reduced-motion:reduce){.example-page{animation:none;will-change:auto}.animated-preview button{display:none}.offer-expand{transition:none}}

.package-scope{min-width:1050px}.package-scope th:first-child{width:29%}
