/* Platform-specific visual structure within the existing tPanel design system. */
.website-development .hero .glow,.website-development .hero .glow:before,.website-development .hero .glow:after{animation:none}
.website-development .hero .inner{padding:85px 0}
.website-development .hero-art.wd-hero-stage{width:470px;height:430px;flex:0 0 470px;animation:none;isolation:isolate}
.website-development .wd-hero-stage figure{margin:0;position:absolute}
.website-development .wd-hero-desktop{left:0;top:68px;width:89%;border:7px solid #fff;border-radius:17px;box-shadow:0 27px 50px -20px #28244875;transform:rotate(-5deg);z-index:1}
.website-development .wd-hero-mobile{right:0;top:137px;width:25%;border:5px solid #fff;border-radius:17px;box-shadow:0 22px 40px -12px #27213980;transform:rotate(5deg);z-index:2}
.website-development .wd-hero-stage figure img{border:0;box-shadow:none;border-radius:10px;display:block;width:100%;height:auto}
.website-development .wd-orbit{position:absolute;inset:10px 0 24px 14px;border:1px solid #aaa5d347;border-radius:50%;transform:rotate(-25deg)}
.website-development .wd-orbit:before,.website-development .wd-orbit:after{content:'';position:absolute;inset:25px -24px;border:1px solid #b2aad540;border-radius:50%;transform:rotate(30deg)}
.website-development .wd-orbit:after{inset:57px -45px;transform:rotate(65deg)}
.website-development .wd-intro{padding:55px 0 42px}
.website-development .wd-platform-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:100%;margin-top:30px}
.website-development .wd-platform-nav a{display:flex;align-items:center;gap:15px;padding:19px 24px;border:1px solid #c8c5e2;border-radius:13px;color:var(--deep);font-weight:700;background:#fff;font-size:19px;transition:box-shadow .2s,border-color .2s}
.website-development .wd-platform-nav a>img{object-fit:contain}
.website-development .wd-platform-nav a>span{font-weight:400;font-size:13px;margin-left:auto;color:var(--sub)}
.website-development .wd-platform-nav a:hover{border-color:#7c75b3;box-shadow:0 8px 22px #49406612}
.website-development .wd-platform-nav a:focus-visible,.website-development .wd-case a:focus-visible{outline:3px solid var(--deep);outline-offset:5px}
.website-development .wd-platform{position:relative;isolation:isolate;overflow:hidden;scroll-margin-top:68px;padding:80px 0}
.website-development .wd-platform>.wrap{position:relative;z-index:1}
.website-development .wd-wordpress{background:radial-gradient(ellipse at 8% 5%,#dce5f6 0,transparent 56%),linear-gradient(140deg,#f1f5fb,#e9edf9 70%,#e4e2f4)}
.website-development .wd-wordpress:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#8698c014 1px,transparent 1px),linear-gradient(90deg,#8698c014 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(115deg,transparent 25%,#000)}
.website-development .wd-wordpress:after{content:'';position:absolute;width:780px;height:780px;right:-360px;top:-190px;border-radius:50%;border:1px solid #a7b4d84d;box-shadow:0 0 0 70px #a7b4d810,0 0 0 140px #a7b4d808;pointer-events:none}
.website-development .wd-platform-heading{max-width:900px;margin-bottom:38px}
.website-development .wd-platform-name{display:flex;align-items:center;gap:19px}
.website-development .wd-platform-name>img{object-fit:contain}
.website-development .wd-platform-name h2{font-family:'Schibsted Grotesk',sans-serif;font-size:46px;line-height:1.12;letter-spacing:-.045em;margin:0}
.website-development .wd-platform-tagline{font-size:25px;font-weight:600;letter-spacing:-.025em;line-height:1.4;margin:22px 0 16px;color:#34364f}
.website-development .wd-platform-summary{font-size:17px;line-height:1.8;color:var(--sub);max-width:80ch;margin:0}
.website-development .wd-wp-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.website-development .wd-service-panel{background:#ffffffeb;border:1px solid #d5dcea;border-radius:21px;overflow:hidden;box-shadow:0 22px 48px -35px #344b7c66;min-width:0}
.website-development .wd-theme-image{margin:0;padding:26px 26px 12px;background:linear-gradient(150deg,#cddcea,#e3e7f2 62%,#dae1ef);height:334px;overflow:hidden}
.website-development .wd-theme-image img{display:block;width:100%;height:263px;object-fit:contain;background:#f7f5ef;object-position:center;border:5px solid #fff;border-radius:9px;box-shadow:0 13px 25px -10px #2e40504d;transform:rotate(-2deg)}
.website-development .wd-theme-image figcaption{font-size:11px;color:#48556e;margin:17px 0 0;text-align:center}
.website-development .wd-vector-art{margin:0;height:334px;display:flex;align-items:center;background:radial-gradient(ellipse at 70% 30%,#e4dbf4,transparent 65%),linear-gradient(135deg,#eef0f9,#dfe6f4);padding:12px}
.website-development .wd-vector-art svg{width:100%;height:auto;display:block;overflow:visible}
.website-development .wd-service-copy{padding:28px 30px 32px}
.website-development .wd-service-copy h3{font-size:28px;line-height:1.3;letter-spacing:-.035em;margin:0 0 17px}
.website-development .wd-service-copy>p{font-size:16px;line-height:1.8;color:var(--sub);margin:0 0 22px}
.website-development .checklist{display:block;list-style:disc;padding-left:18px}
.website-development .wd-service-copy .checklist{margin:0}
.website-development .checklist li{font-size:15px;line-height:1.7;margin:10px 0;padding-left:3px}
.website-development .checklist li::marker{color:#788397;font-size:10px}
.website-development .checklist li::before,.website-development .checklist li::after{content:none}
.website-development .wd-platform-foot{margin:29px 0 0;font-size:15px;color:#5a5d74;line-height:1.75;max-width:84ch}
.website-development .wd-wix{background:radial-gradient(ellipse at 90% 8%,#eddcce9e 0,transparent 50%),linear-gradient(160deg,#fcfaf7 0%,#f4f0f7 70%,#edeff8);border-top:1px solid #fff}
.website-development .wd-wix:before{content:'';position:absolute;width:1050px;height:1050px;right:-370px;top:30px;border:1px solid #b49aa329;border-radius:50%;box-shadow:0 0 0 65px #b49aa308,0 0 0 130px #b49aa306;pointer-events:none}
.website-development .wd-wix-build{display:grid;grid-template-columns:1fr 1.05fr;gap:45px;align-items:center;margin:35px 0 58px}
.website-development .wd-wix-capabilities article{padding:22px 0;border-top:1px solid #d8d0dd}
.website-development .wd-wix-capabilities h3{font-size:21px;line-height:1.35;letter-spacing:-.02em;margin:0 0 10px}
.website-development .wd-wix-capabilities p{font-size:16px;line-height:1.75;color:var(--sub);margin:0}
.website-development .wd-wix-art{margin:0;padding:22px 0 18px;border:1px solid #e2d9e4;border-radius:24px;background:radial-gradient(ellipse at 35% 20%,#fff,transparent 65%),linear-gradient(145deg,#e8dfe9,#e8e7ef);box-shadow:0 25px 50px -35px #62556566;min-width:0}
.website-development .wd-wix-svg{display:block;width:100%;height:auto;overflow:visible}
.website-development .wd-wix-art figcaption{text-align:center;padding:5px 18px;color:#625874;font-size:12px}
.website-development .wd-case{border:1px solid #dcd5e3;border-radius:22px;padding:34px;background:#ffffffd9;box-shadow:0 20px 50px -35px #473c5a40}
.website-development .wd-case-heading{max-width:780px}
.website-development .wd-case-label{font-size:12px;font-weight:650;color:var(--deep)}
.website-development .wd-case h3{font-size:34px;line-height:1.2;letter-spacing:-.035em;margin:12px 0 18px}
.website-development .wd-case-heading p{font-size:17px;color:var(--sub);line-height:1.75;margin:0 0 28px}
.website-development .wd-case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.website-development .wd-case-gallery figure{margin:0;min-width:0}
.website-development .wd-case-gallery img{display:block;width:100%;height:auto;aspect-ratio:1.44;object-fit:cover;object-position:top;border-radius:11px;border:1px solid #ded9e2;box-shadow:0 15px 24px -15px #362d4c44}
.website-development .wd-case-gallery figcaption{font-size:12px;color:#615c70;margin:13px 0 0}
.website-development .wd-case-footer{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:28px;border-top:1px solid #e4dfe8;padding-top:23px}
.website-development .wd-case-footer p{font-size:15px;color:var(--sub);line-height:1.7;margin:0;max-width:64ch}
.website-development .wd-case .lnk{color:var(--deep);text-decoration:underline;text-underline-offset:4px;font-weight:650;white-space:nowrap}
.website-development .wd-delivery{grid-template-columns:1fr 1fr}
.website-development #integrations{background:radial-gradient(ellipse at 100% 100%,#e5eaf54f,transparent 60%),#fff}
.website-development #costs{background:linear-gradient(130deg,#f0f1fa,#f7f5fb)}
@media(prefers-reduced-motion:no-preference){
 .website-development [data-wd-motion].is-ready .wd-hero-desktop{animation:wd-desktop-drift 7s ease-in-out infinite;animation-play-state:paused}
 .website-development [data-wd-motion].is-ready .wd-hero-mobile{animation:wd-mobile-drift 6s ease-in-out infinite;animation-play-state:paused}
 .website-development [data-wd-motion].is-ready .wd-flow-lines{animation:wd-data-flow 6s linear infinite;animation-play-state:paused}
 .website-development [data-wd-motion].is-ready .wd-node{animation:wd-node-pulse 3s ease-in-out infinite;animation-play-state:paused;transform-box:fill-box;transform-origin:center}
 .website-development [data-wd-motion].is-ready .wd-delay{animation-delay:1.5s}
 .website-development [data-wd-motion].is-ready .wd-site-back{animation:wd-layer-back 7s ease-in-out infinite;animation-play-state:paused}
 .website-development [data-wd-motion].is-ready .wd-site-front{animation:wd-layer-front 7s ease-in-out infinite;animation-play-state:paused}
 .website-development [data-wd-motion].is-ready .wd-site-phone{animation:wd-layer-phone 6s ease-in-out infinite;animation-play-state:paused}
 .website-development [data-wd-motion].is-running .wd-hero-desktop,.website-development [data-wd-motion].is-running .wd-hero-mobile,.website-development [data-wd-motion].is-running .wd-flow-lines,.website-development [data-wd-motion].is-running .wd-node,.website-development [data-wd-motion].is-running .wd-site-back,.website-development [data-wd-motion].is-running .wd-site-front,.website-development [data-wd-motion].is-running .wd-site-phone{animation-play-state:running}
}
@keyframes wd-desktop-drift{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(-4deg)}}
@keyframes wd-mobile-drift{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(9px) rotate(3deg)}}
@keyframes wd-data-flow{to{stroke-dashoffset:-88}}
@keyframes wd-node-pulse{0%,100%{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}}
@keyframes wd-layer-back{0%,100%{transform:translate(0,0)}50%{transform:translate(-5px,-7px)}}
@keyframes wd-layer-front{0%,100%{transform:translate(0,0)}50%{transform:translate(2px,5px)}}
@keyframes wd-layer-phone{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:1100px) and (min-width:1025px){.website-development .hero-art.wd-hero-stage{width:400px;flex-basis:400px;height:405px}}
@media(max-width:1024px){.website-development .hero .inner{padding:60px 0 5px}.website-development .hero-art.wd-hero-stage{width:min(100%,500px);flex:0 0 auto;margin:0 auto 24px;height:415px}.website-development .wd-wix-build{gap:26px}.website-development .wd-platform-name h2{font-size:40px}}
@media(max-width:760px){
 .website-development .wd-platform{padding:52px 0}
 .website-development .wd-platform-heading{margin-bottom:26px}
 .website-development .wd-platform-name{gap:14px}
 .website-development .wd-platform-name h2{font-size:37px}
 .website-development .wd-platform-name>img{max-height:42px;width:auto}
 .website-development .wd-platform-tagline{font-size:22px;margin:18px 0 14px}
 .website-development .wd-platform-summary{font-size:16px}
 .website-development .wd-wp-grid,.website-development .wd-wix-build,.website-development .wd-case-gallery,.website-development .wd-delivery{grid-template-columns:1fr}
 .website-development .wd-wp-grid{gap:24px}
 .website-development .wd-theme-image{padding:23px 23px 20px;height:auto}
 .website-development .wd-theme-image img{height:auto;aspect-ratio:5/3}
 .website-development .wd-vector-art{height:250px}
 .website-development .wd-service-copy{padding:25px}
 .website-development .wd-service-copy h3{font-size:26px}
 .website-development .wd-wix-build{gap:24px;margin:22px 0 38px}
 .website-development .wd-wix-art{padding:12px 0 20px}
 .website-development .wd-case{padding:24px}
 .website-development .wd-case h3{font-size:28px}
 .website-development .wd-case-heading p{font-size:16px}
 .website-development .wd-case-footer{display:block;margin-top:24px}
 .website-development .wd-case-footer .lnk{display:inline-block;margin-top:16px;white-space:normal}
 .website-development .wd-platform-nav{gap:12px}
 .website-development .wd-platform-nav a{padding:16px 14px;font-size:17px;flex-wrap:wrap;gap:10px}
 .website-development .wd-platform-nav a>span{display:block;width:100%;margin:0;font-size:12px}
}
@media(max-width:480px){
 .website-development .hero .inner{padding-top:48px}
 .website-development .hero-art.wd-hero-stage{height:325px;margin-top:0}
 .website-development .wd-hero-desktop{top:56px;border-width:5px}
 .website-development .wd-hero-mobile{top:109px;width:27%;border-width:4px}
 .website-development .wd-intro{padding:38px 0 28px}
 .website-development .wd-case{padding:20px}
}

/* Standalone website projects have their own editorial layout. */
.website-development .wd-custom{background:radial-gradient(ellipse at 8% 0%,#e4ece7,transparent 65%),linear-gradient(140deg,#f7faf8,#f0f4f6)}
.website-development .wd-custom-project{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:center;gap:42px}
.website-development .wd-custom-project figure{margin:0;min-width:0}
.website-development .wd-custom-project img{display:block;width:100%;height:auto;border:1px solid #d5ddd7;border-radius:14px;box-shadow:0 24px 46px -28px #30473d66}
.website-development .wd-custom-project figcaption{font-size:12px;color:#5c6b63;margin-top:14px}
.website-development .wd-custom-copy h3{font-size:36px;letter-spacing:-.035em;margin:12px 0 20px;line-height:1.2}
.website-development .wd-custom-copy p{font-size:17px;line-height:1.8;color:var(--sub)}
.website-development .wd-custom-copy .checklist{font-size:15px;line-height:1.7;margin:24px 0}
.website-development .wd-custom-copy .lnk{color:var(--deep);text-decoration:underline;text-underline-offset:4px;font-weight:650}
.website-development .wd-custom-copy .lnk:focus-visible{outline:3px solid var(--deep);outline-offset:5px}
@media(min-width:761px) and (max-width:1100px){.website-development .wd-platform-nav a{flex-wrap:wrap}.website-development .wd-platform-nav a>span{width:100%;margin:0}}
@media(max-width:760px){.website-development .wd-platform-nav{grid-template-columns:1fr}.website-development .wd-platform-nav a>span{width:auto;margin-left:auto}.website-development .wd-custom-project{grid-template-columns:1fr;gap:24px}.website-development .wd-custom-copy h3{font-size:30px}}