/* Website and ecommerce service pages, sharing the approved Vertygo palette. */
.vg-package-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:14px}
.vg-package-actions .vg51-btn{min-width:120px}
.vg51 .vg-available-label{color:#e6f1eb;font-weight:600;margin-top:20px}
body.vg-service-page{background:#0c1210;background-image:radial-gradient(ellipse at 75% 0,rgba(99,210,157,.12),transparent 35%);background-repeat:no-repeat}
.vg-service-main{padding-top:26px}
.vg-breadcrumb{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;color:#a8b6ae;font-size:.8rem;margin:8px 0 24px}
.vg-breadcrumb a:hover{color:var(--accent)}
.vg-service-tabs{display:flex;justify-content:center;gap:6px;width:fit-content;max-width:100%;margin:auto;border:1px solid #324039;padding:5px;border-radius:999px;background:#121c17}
.vg-service-tabs a{padding:8px 24px;border-radius:999px;font-size:.85rem;color:#c5d4cb}
.vg-service-tabs a[aria-current=page]{background:#294334;color:#eaf7ef}
.vg-service-hero{padding:55px 0 26px;text-align:center}
.vg-service-hero h1{font:800 clamp(2.8rem,5.8vw,5.5rem)/1.06 Manrope,system-ui,sans-serif;letter-spacing:-.055em;max-width:1050px;margin:0 auto 26px;text-wrap:balance}
.vg-service-hero p{max-width:710px;margin:0 auto;font-size:1.12rem;line-height:1.75}
.vg-service-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:0 auto 20px;padding:0 20px}
.vg-service-section{padding:80px 0;scroll-margin-top:95px}
.vg-service-heading{text-align:center;max-width:850px;margin:0 auto 40px}
.vg-service-heading h2{font:700 clamp(2rem,3.8vw,3.5rem)/1.13 Manrope,system-ui,sans-serif;letter-spacing:-.045em;margin:0;text-wrap:balance}
.vg-service-heading>p{max-width:680px;margin:18px auto 0}
.vg-service-grid{display:grid;gap:20px}
.vg-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.vg-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.vg-service-main .vg-card{text-align:left}
.vg-service-main .vg-cols-4 .vg-card{padding:27px}
.vg-service-main .vg-cols-4 h3{font-size:1.15rem}
.vg-service-project{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:40px;background:#17211c;padding:28px;border:1px solid #314036;border-radius:24px;text-align:left}
.vg-service-project img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:15px}
.vg-service-project h3{font:700 2rem/1.2 Manrope,system-ui,sans-serif;letter-spacing:-.035em;margin:0 0 16px}
.vg-service-price-signpost{text-align:center;padding:36px 24px}
.vg-service-price-signpost>strong{display:block;font:800 clamp(3rem,5.2vw,4.6rem)/1.1 Manrope,system-ui,sans-serif;letter-spacing:-.055em;color:var(--accent)}
.vg-service-price-signpost .vg51-btn{margin-top:15px}
.vg-spell-example{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;background:linear-gradient(120deg,#19271f,#171f25);border:1px solid #3b4a40;border-radius:24px;padding:42px;text-align:left}
.vg-spell-example h3{font:700 2rem/1.2 Manrope,system-ui,sans-serif;letter-spacing:-.035em;margin:20px 0}
.vg-workflow-example{display:flex;flex-direction:column;justify-content:center;gap:12px}
.vg-workflow-example span{padding:18px 22px;background:#25372d;border:1px solid #3d5446;border-radius:12px;color:#d7eadf}
.vg-tier-section{padding-top:40px}
.vg-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.vg-tier-card{padding:34px 28px;border-radius:24px;border:1px solid #35443b;background:#18211d;display:flex;flex-direction:column;text-align:left;min-width:0}
.vg-tier-card.vg-tier-1{background:#213c2d;border-color:#79e6b3;box-shadow:0 20px 65px #0002;position:relative;top:-12px}
.vg-tier-card.vg-tier-2{background:#151e24;border-color:#34424e}
.vg-tier-card h2{font:700 clamp(1.6rem,2.4vw,2.2rem)/1.2 Manrope,system-ui,sans-serif;letter-spacing:-.035em;margin:0 0 18px}
.vg-tier-description{min-height:78px;line-height:1.65;margin:0}
.vg-tier-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:9px;margin:26px 0;min-height:60px}
.vg-tier-price strong{font:800 3.6rem/1.1 Manrope,system-ui,sans-serif;letter-spacing:-.05em;color:var(--accent)}
.vg-tier-price strong.vg-price-request{font-size:1.8rem;letter-spacing:-.035em;line-height:1.2;max-width:200px}
.vg-tier-from{font-size:.9rem;color:#bbcec2}
.vg-tier-card>.vg51-btn{width:100%;white-space:normal;line-height:1.3;padding:14px 12px}
.vg-tier-compare{font-size:.9rem;text-align:center;text-decoration:underline!important;text-underline-offset:5px;padding:18px 0 24px;color:#d5e9dd!important}
.vg-tier-card ul{list-style:none;border-top:1px solid #ffffff20;margin:0;padding:22px 0 0}
.vg-tier-card li{position:relative;padding:8px 0 8px 24px;font-size:.92rem;line-height:1.6;color:#d3e1d8}
.vg-tier-card li:before{content:'✓';position:absolute;left:0;color:var(--accent)}
.vg-tier-footnote{max-width:700px;text-align:center;margin:28px auto 0;font-size:.86rem}
.vg-comparison-wrap{border:1px solid #354139;border-radius:22px;scroll-margin-top:100px}
.vg-comparison-wrap:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.vg-plan-comparison{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;text-align:center}
.vg-plan-comparison .vg-feature-col{width:31%}
.vg-plan-comparison th,.vg-plan-comparison td{padding:16px 20px;border-bottom:1px solid #ffffff0c;font-size:.9rem;font-weight:400;line-height:1.55;overflow-wrap:anywhere}
.vg-plan-comparison thead th{position:sticky;top:76px;z-index:4;background:#0f1813;padding:28px 18px;vertical-align:top}
.vg-plan-comparison thead th:first-child{text-align:left;vertical-align:bottom;font-weight:700;font-size:1.4rem;border-top-left-radius:22px}
.vg-plan-comparison thead th:last-child{border-top-right-radius:22px}
.vg-plan-comparison thead th>span{font:700 1.1rem/1.3 Manrope,system-ui,sans-serif}
.vg-plan-comparison .vg-compare-plan-0{background:#18211d}
.vg-plan-comparison .vg-compare-plan-1{background:#213c2d}
.vg-plan-comparison .vg-compare-plan-2{background:#151e24}
.vg-plan-comparison tbody tr>th[scope=row]{text-align:left;color:#c8d5cc;background:#101914}
.vg-plan-comparison .vg-comparison-group th{text-align:left;font:700 1.2rem/1.4 Manrope,system-ui,sans-serif;background:#17251c;padding:30px 20px 18px;color:#e8f4ec}
.vg-table-price{margin:14px 0 18px;min-height:52px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}
.vg-table-price strong{font:800 2.7rem/1.1 Manrope,system-ui,sans-serif;letter-spacing:-.055em;color:var(--accent)}
.vg-table-price .vg-price-request{font-size:1.35rem;line-height:1.25;letter-spacing:-.03em;max-width:130px}
.vg-plan-comparison .vg51-btn{font-size:.79rem;padding:10px;min-height:42px;width:100%;line-height:1.35}
.vg-compare-yes{color:#91edb5;font-weight:700;font-size:1.2rem}
.vg-compare-no{color:#8d9d93}
.vg-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.vg-comparison-help{font-size:.82rem;text-align:center;margin:24px auto 0;max-width:800px}
.vg-service-smallprint{max-width:820px;margin:auto;text-align:center}
.vg-service-smallprint p{line-height:1.85}
.vg-faq-list{max-width:960px;margin:auto;text-align:left;border-top:1px solid #36443b}
.vg-faq-list details{border-bottom:1px solid #36443b}
.vg-faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:24px;list-style:none;cursor:pointer;padding:24px 6px;font:600 1.1rem/1.5 Manrope,system-ui,sans-serif;color:#edf5f0}
.vg-faq-list summary::-webkit-details-marker{display:none}
.vg-faq-list summary>span{width:27px;height:27px;flex:0 0 27px;border:1px solid #7f9d8b;border-radius:50%;position:relative}
.vg-faq-list summary>span:before,.vg-faq-list summary>span:after{content:'';position:absolute;width:11px;height:1px;background:var(--accent);left:7px;top:12px}
.vg-faq-list summary>span:after{transform:rotate(90deg)}
.vg-faq-list details[open] summary>span:after{transform:none}
.vg-faq-list details>div{padding:0 45px 22px 6px;max-width:850px}
.vg-faq-list details p{margin:0;line-height:1.85}
.vg-service-final{padding:64px 30px;border-radius:26px;border:1px solid #385743;background:radial-gradient(ellipse at 50% 0,rgba(121,230,179,.11),transparent 70%),#14231a;text-align:center}
.vg-service-final h2{font:700 clamp(2rem,4.5vw,4rem)/1.1 Manrope,system-ui,sans-serif;letter-spacing:-.05em;margin:0 0 20px}
.vg-service-final p{max-width:620px;margin:0 auto 28px}
.vg-service-page .vg51-footer{text-align:center;background:#0b100e}
.vg-service-page .vg51-footer-main,.vg-service-page .vg51-footer-bottom{flex-direction:column;justify-content:center;align-items:center;gap:20px}
.vg-service-page .vg51-footer-bottom nav{justify-content:center}
@media(max-width:1100px){.vg-tier-card{padding:30px 23px}.vg-tier-description{min-height:95px}.vg-plan-comparison th,.vg-plan-comparison td{padding:14px}.vg-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.vg-comparison-wrap{overflow:auto;max-height:78vh}.vg-plan-comparison{min-width:800px}.vg-plan-comparison thead th{top:0}.vg-service-project,.vg-spell-example{gap:28px}.vg-tier-card h2{font-size:1.7rem}}
@media(max-width:850px){.vg-tier-grid{grid-template-columns:1fr;max-width:600px;margin:auto}.vg-tier-card.vg-tier-1{top:0}.vg-tier-description{min-height:0}.vg-tier-price{min-height:0}.vg-tier-price strong.vg-price-request{max-width:none}.vg-cols-3{grid-template-columns:1fr}.vg-service-project,.vg-spell-example{grid-template-columns:1fr}.vg-service-project img{aspect-ratio:16/9}}
@media(max-width:600px){.vg-service-main{padding-top:18px}.vg-service-hero{padding:38px 0 20px}.vg-service-hero h1{font-size:2.65rem}.vg-service-hero p{font-size:1rem}.vg-service-section{padding:55px 0}.vg-service-heading{margin-bottom:28px}.vg-cols-4{grid-template-columns:1fr}.vg-tier-section{padding-top:30px}.vg-spell-example{padding:28px}.vg-service-project{padding:22px}.vg-faq-list summary{font-size:1rem;padding:20px 3px}.vg-service-final{padding:45px 24px}.vg-package-actions .vg51-btn{flex:1;min-width:0}.vg-table-price strong{font-size:2.2rem}.vg-service-tabs a{padding-inline:22px}}

/* Services overview: two build paths, one custom panel, practical support. */
.vg-services-hub-hero{padding-top:55px;padding-bottom:25px}
.vg-services-hub-hero .vg51-label{margin-bottom:22px}
.vg-services-hub-hero h1{max-width:900px}
.vg-services-hub-hero .vg-service-actions{margin-top:30px}
.vg-services-builds{padding-top:58px}
.vg-services-build-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:stretch}
.vg-services-build-card{min-width:0;overflow:hidden;border:1px solid #3b5143;border-radius:25px;background:#18291f;text-align:left;display:flex;flex-direction:column}
.vg-services-store-card{background:#19262f;border-color:#3b4c58}
.vg-services-card-visual{margin:22px 22px 0;border-radius:14px;overflow:hidden;background:#101b15;border:1px solid #ffffff14;height:275px;position:relative}
.vg-browser-bar{height:32px;display:flex;gap:5px;align-items:center;padding:0 13px;background:#0d1511;color:#9cb0a3;font-size:.55rem;letter-spacing:.1em}
.vg-browser-bar i{display:block;width:5px;height:5px;background:#5b7967;border-radius:50%}
.vg-browser-bar span{margin-left:10px}
.vg-services-web-visual img{width:100%;height:calc(100% - 32px);object-fit:cover;object-position:top}
.vg-services-card-copy{padding:34px;display:flex;flex-direction:column;flex:1}
.vg-services-card-copy>.vg51-label{font-size:.65rem;letter-spacing:.12em}
.vg-services-card-copy h3{font:700 clamp(1.8rem,3vw,2.4rem)/1.15 Manrope,system-ui,sans-serif;letter-spacing:-.04em;margin:18px 0}
.vg-services-card-copy>p{margin:0 0 12px;line-height:1.8}
.vg-services-card-copy ul{list-style:none;padding:14px 0 0;margin:0 0 20px}
.vg-services-card-copy li{position:relative;padding:7px 0 7px 22px;font-size:.93rem;color:#d4e4da}
.vg-services-card-copy li:before{content:'✓';position:absolute;left:0;color:var(--accent)}
.vg-services-card-price{display:flex;align-items:baseline;gap:10px;margin-top:auto;margin-bottom:22px}
.vg-services-card-price span{color:#afc5b6;font-size:.9rem}
.vg-services-card-price strong{font:800 3.5rem/1.1 Manrope,system-ui,sans-serif;letter-spacing:-.055em;color:var(--accent)}
.vg-services-card-copy .vg-package-actions{margin-top:0;padding-top:0}
.vg-services-build-note{font-size:.84rem;text-align:center;max-width:750px;margin:25px auto 0}
.vg-shop-illustration{padding:20px;background:linear-gradient(125deg,#c4d8cc,#dce8df);height:calc(100% - 32px);color:#163125}
.vg-shop-illustration-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}
.vg-shop-illustration-head b{font:700 1.15rem/1.1 Manrope,sans-serif;color:#163125}
.vg-shop-illustration-head>span{font-size:.53rem;white-space:nowrap}
.vg-shop-illustration-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.vg-shop-illustration-products>div{background:#f0f5f0;border-radius:8px;padding:12px}
.vg-product-shape{display:block;position:relative;max-width:65px;width:70%;height:65px;margin:0 auto 10px;background:#729f7a;border-radius:8px 8px 16px 16px;box-shadow:5px 7px 0 #0b352213}
.vg-product-one:before{content:'';position:absolute;left:10%;right:10%;height:8px;top:-4px;background:#426750;border-radius:4px}
.vg-product-two{background:#cfb28d;border-radius:3px 3px 12px 12px;width:56%}
.vg-product-two:after{content:'';position:absolute;right:-12px;top:10px;width:15px;height:25px;border:5px solid #b19777;border-radius:0 14px 14px 0}
.vg-product-three{background:#e4cbb4;border-radius:6px;width:50%}
.vg-product-three:before{content:'';position:absolute;left:calc(50% - 1px);top:-6px;width:2px;height:7px;background:#6b5340}
.vg-shop-illustration-products i{display:block;width:80%;height:4px;background:#bdcfc2;border-radius:3px;margin-top:6px}
.vg-shop-illustration-products i:last-child{width:40%;background:#88a592}
.vg-shop-illustration-checkout{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;font-size:.6rem}
.vg-shop-illustration-checkout b{color:#163125;font-size:.6rem;padding:7px 12px;border-radius:5px;background:#a7c7ae}
.vg-illustration-label{position:absolute;bottom:5px;right:10px;font-size:.5rem;color:#294d39}
.vg-services-custom{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px;background:linear-gradient(120deg,#1c2e23,#1b252b);border:1px solid #3d5043;border-radius:25px;text-align:left}
.vg-services-custom-copy h3{font:700 clamp(1.7rem,2.8vw,2.4rem)/1.2 Manrope,system-ui,sans-serif;letter-spacing:-.04em;margin:20px 0}
.vg-services-custom-copy p{font-size:.96rem;line-height:1.85}
.vg-services-custom-copy .vg51-btn{margin-top:16px}
.vg-services-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-self:center}
.vg-services-capabilities>div{background:#10201866;border:1px solid #405344;border-radius:15px;padding:23px 18px}
.vg-services-capabilities>div>span{font-size:1.3rem;color:var(--accent)}
.vg-services-capabilities h4{font:700 1rem/1.4 Manrope,system-ui,sans-serif;margin:13px 0 8px}
.vg-services-capabilities p{font-size:.8rem;line-height:1.7;margin:0}
.vg-services-support{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.vg-services-support .vg-card{display:flex;flex-direction:column}
.vg-services-support .vg51-inline-link{font-size:.85rem;margin-top:auto;padding-top:26px}
.vg-services-promises{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;text-align:center;border-top:1px solid #3b4c40;border-bottom:1px solid #3b4c40;padding:35px 0}
.vg-services-promises h3{font:700 1.25rem/1.3 Manrope,system-ui,sans-serif;margin:0 0 14px}
.vg-services-promises p{margin:0;font-size:.92rem;line-height:1.8}
.vg-services-hub .vg-testimonials{background:transparent}
.vg-services-hub .vg51-contact{background:transparent}
.vg-services-hub .vg-service-final .vg-service-actions{margin-bottom:0}
@media(max-width:1000px){.vg-services-card-copy{padding:28px}.vg-services-card-visual{height:245px}.vg-services-custom{gap:26px;padding:30px}.vg-services-capabilities{grid-template-columns:1fr}.vg-services-support{gap:14px}.vg-services-support .vg-card{padding:25px}}
@media(max-width:800px){.vg-services-build-grid,.vg-services-custom{grid-template-columns:1fr}.vg-services-build-grid{max-width:620px;margin-inline:auto}.vg-services-card-visual{height:290px}.vg-services-capabilities{grid-template-columns:1fr 1fr}.vg-services-support,.vg-services-promises{grid-template-columns:1fr}.vg-services-promises{gap:30px}.vg-services-promises>div{max-width:500px;margin:auto}.vg-services-support{max-width:620px;margin:auto}}
@media(max-width:480px){.vg-services-hub-hero h1{font-size:2.65rem}.vg-services-card-visual{margin:16px 16px 0;height:235px}.vg-services-card-copy{padding:26px}.vg-services-custom{padding:26px}.vg-services-capabilities{grid-template-columns:1fr}.vg-shop-illustration{padding:16px 12px}.vg-shop-illustration-products{gap:10px}.vg-shop-illustration-products>div{padding:10px}.vg-shop-illustration-head>span{font-size:.45rem}.vg-shop-illustration-head b{font-size:.95rem}.vg-product-shape{height:55px}.vg-shop-illustration-head{margin-bottom:16px}.vg-shop-illustration-checkout{margin-top:12px}}