@import url('examples.css?v=2');
html{scroll-behavior:smooth;scroll-padding-top:105px}body{background:#f5f6f4;font-family:Ex,Tahoma,sans-serif;padding-bottom:115px;color:#24352c}.ex-header{max-width:none;padding:10px 4%;background:#fff}.ex-header img{width:110px;height:44px}.ex-main{max-width:1480px;padding:24px 3% 20px}.ex-heading{text-align:center}.ex-heading>span{font-size:10px;color:#799080;letter-spacing:1.3px}.ex-heading h1{font-size:31px;margin:4px 0;letter-spacing:-.5px}.ex-heading p{font-size:13px;color:#829184;margin:3px 0}.ex-heading em{color:#34775b}.ex-controls{position:sticky;top:0;z-index:10;background:#f5f6f4f0;backdrop-filter:blur(15px);padding:12px 0;margin:20px 0 8px;justify-content:center;gap:20px}.ex-tabs{border-radius:50px;padding:4px;background:#e7ebe5;border:1px solid #dce3d9;gap:2px}.ex-tabs button{padding:8px 28px;border-radius:40px;font-size:14px;color:#6e7c6f;transition:color .2s,background .2s,box-shadow .2s}.ex-tabs button[aria-pressed=true]{background:linear-gradient(120deg,#224f3b,#3c7255);color:white;box-shadow:0 5px 12px #2a4f3820}.tiers button[aria-pressed=true]{background:#fff;color:#31563c}.ex-layout{display:block}.ex-preview{border:1px solid #dce2d7;border-radius:18px;background:radial-gradient(ellipse at center,#e9ece5,#d9dfd4);box-shadow:0 15px 55px #263a2010}.ex-browser{background:#fff;padding:9px 18px;border-bottom:1px solid #e4e7df}.ex-browser small{font-size:10px}.preview-actions{font-size:11px;gap:18px}.ex-browser button{padding:7px 13px;border-radius:25px}.ex-browser i{background:#d2dbcd}iframe{height:820px;max-height:none;transition:opacity .2s ease,width .3s ease;opacity:1}iframe.ex-switching{opacity:.3}.phone-width{width:390px;max-width:100%}.ex-summary{display:grid;grid-template-columns:1.1fr 1.3fr .9fr;gap:35px;position:static;top:auto;margin:30px 0 0;border-radius:22px;padding:30px;background:linear-gradient(125deg,#fff,#f1f5ed);border:1px solid #dce5d8}.ex-summary h2{font-size:28px}.ex-summary .ex-price{border:0;border-inline-start:1px solid #dce6d5;margin:0;padding:5px 30px 5px 0}.ex-price strong{font-size:33px}.ex-price small{font-size:11px}.ex-summary h3{font-size:16px;margin:0 0 12px}.ex-summary ul{font-size:13px;line-height:2.2;margin:0}.ex-summary .ex-note{border:0;padding:0;margin:12px 0 0;font-size:10px;color:#8a9586}.ex-about-design p{font-size:14px}.ex-demo-note{grid-column:1/-1;border-top:1px solid #dce5d8;margin:0!important;padding-top:17px;font-size:11px!important}.ex-book{background:linear-gradient(120deg,#255940,#3b7958);border-radius:50px;font-size:13px;padding:11px;margin-top:20px}.ex-booking-dock{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:min(850px,94%);z-index:20;display:flex;align-items:center;gap:30px;padding:14px 17px 14px 23px;background:#ffffffef;backdrop-filter:blur(20px);border:1px solid #dbe4d6;border-radius:23px;box-shadow:0 12px 55px #14271c25}.ex-booking-dock>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 14px;flex:1;min-width:0}.ex-booking-dock strong{font-size:25px;grid-column:2;grid-row:1/3;color:#2d6849;white-space:nowrap}.ex-booking-dock>div>span{font-size:13px;font-weight:700}.ex-booking-dock small{font-size:9px;color:#95a18e}.ex-details-link{font-size:11px;border-bottom:1px solid #a6b39b;white-space:nowrap}#dock-book{display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(120deg,#285d42,#3a7d59);color:white;font-size:14px;font-weight:700;padding:13px 23px;border-radius:40px;white-space:nowrap;transition:transform .2s,box-shadow .2s}#dock-book:hover{transform:translateY(-2px);box-shadow:0 7px 20px #244b3a25}#dock-book:active{transform:scale(.97)}
@media(max-width:850px){.ex-header{padding-inline:4%}.ex-main{padding:18px 2.5%}.ex-heading h1{font-size:27px}.ex-heading p{font-size:12px}.ex-controls{flex-direction:row;gap:10px;justify-content:space-between;margin-top:14px}.ex-tabs{width:auto;flex:1}.ex-tabs button{padding:8px 15px;font-size:12px;flex:1}.ex-summary{grid-template-columns:1fr 1fr;gap:22px;padding:25px}.ex-about-design{grid-column:1/-1}.ex-summary .ex-price{padding-right:22px}.ex-booking-dock{gap:20px}.ex-details-link{display:none}iframe{height:800px}}
@media(max-width:580px){body{padding-bottom:100px}.ex-heading h1{font-size:25px}.ex-heading p{font-size:11px}.ex-heading>span{font-size:9px}.ex-header img{width:93px;height:37px}.ex-header>a:last-child{font-size:11px}.ex-controls{flex-direction:column;gap:7px;padding:8px 0;margin-top:12px}.ex-tabs{width:100%}.ex-tabs button{padding:7px 12px;font-size:13px}.ex-tabs.tiers{background:#eff1ed;border-color:#e0e5dc}.tiers button[aria-pressed=true]{box-shadow:0 3px 10px #26362013}.ex-browser{padding:8px 11px;gap:10px}.preview-actions{gap:12px;font-size:10px}.ex-browser small{font-size:9px}.ex-browser button{padding:6px 10px;font-size:10px}.ex-preview{border-radius:13px}iframe{height:740px}.ex-summary{grid-template-columns:1fr;gap:22px;padding:22px;margin-top:20px}.ex-summary .ex-price{border:0;border-top:1px solid #dce5d8;padding:20px 0 0}.ex-summary h2{font-size:25px}.ex-demo-note{grid-column:1}.ex-booking-dock{bottom:10px;gap:13px;width:95%;padding:10px 12px;border-radius:19px}.ex-booking-dock>div{display:flex;flex-direction:column;align-items:start;gap:0}.ex-booking-dock>div>span{font-size:10px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ex-booking-dock strong{font-size:23px;line-height:1.4}.ex-booking-dock small{font-size:8px}#dock-book{padding:12px 18px;font-size:13px;gap:18px;min-height:47px}.ex-price strong{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}iframe,.ex-tabs button,#dock-book{transition:none}#dock-book:hover{transform:none}}