/* Websites & WooCommerce projects page */
.projects-page-main{overflow:hidden;background:var(--paper)}
.projects-hero{position:relative;padding:clamp(130px,14vw,188px) 0 clamp(80px,9vw,122px);border-bottom:1px solid var(--line);overflow:hidden}
.projects-hero-grid{background-color:var(--ice);background-image:linear-gradient(rgba(7,24,44,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(7,24,44,.045) 1px,transparent 1px);background-size:44px 44px}
.projects-hero-paper{background:var(--paper)}
.projects-hero-dark{background:linear-gradient(135deg,#06192c 0%,#07243b 64%,#15334b 100%);color:#fff}
.projects-hero-glow{position:absolute;border-radius:50%;filter:blur(50px);pointer-events:none;opacity:.42}
.projects-hero-glow-one{width:390px;height:390px;left:-180px;top:110px;background:#39c0ce}
.projects-hero-glow-two{width:380px;height:380px;right:-190px;bottom:-210px;background:#ffb546}
.projects-hero-paper .projects-hero-glow{display:none}
.projects-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:clamp(48px,7vw,96px);align-items:center;max-width:1120px}
.projects-hero-copy{min-width:0}
.projects-hero .page-breadcrumbs{margin:0 0 34px}
.projects-hero-dark .page-breadcrumbs,.projects-hero-dark .page-breadcrumbs a{color:rgba(255,255,255,.76)}
.projects-hero-dark .section-kicker{color:#ff9e95}
.projects-title{font-size:clamp(3.7rem,7vw,6.65rem);line-height:.89;letter-spacing:-.065em;max-width:790px;margin:.23em 0 .28em;font-weight:800}
.projects-title .accent{display:inline-block;font-family:var(--coral-font);font-weight:400;font-style:italic;color:var(--accent-text);letter-spacing:-.035em;padding:0 .035em}
.projects-hero-dark .projects-title .accent{color:#ff9e95}
.projects-hero-intro{font-size:clamp(1.05rem,1.65vw,1.28rem);line-height:1.65;max-width:690px;color:var(--ink-soft);margin:0}
.projects-hero-dark .projects-hero-intro{color:rgba(255,255,255,.78)}
.projects-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.projects-hero-dark .button-dark{background:#fff;color:#07182c}
.projects-hero-dark .button-light{color:#fff;border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.06)}
.projects-hero-preview{position:relative;background:rgba(255,255,255,.87);border:1px solid rgba(7,24,44,.12);border-radius:30px;padding:14px;box-shadow:0 28px 70px rgba(7,24,44,.13);backdrop-filter:blur(14px);transform:rotate(1deg)}
.projects-hero-dark .projects-hero-preview{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18)}
.browser-chrome{height:44px;display:flex;align-items:center;gap:7px;padding:0 10px;border-bottom:1px solid rgba(7,24,44,.09)}
.browser-chrome>span{display:block;width:9px;height:9px;border-radius:50%;background:#ff6b61}.browser-chrome>span:nth-child(2){background:#f7b928}.browser-chrome>span:nth-child(3){background:#35a8b6}.browser-chrome small{margin-left:auto;color:#607084;font-weight:700;font-size:.72rem}
.projects-hero-dark .browser-chrome small{color:rgba(255,255,255,.7)}
.browser-canvas{height:300px;display:grid;grid-template-columns:23% 1fr;gap:16px;padding:24px 18px;background:linear-gradient(145deg,#f6fbfd,#f9f4ea);border-radius:0 0 19px 19px}
.browser-sidebar{border-radius:12px;background:linear-gradient(#072039 0 18%,#e3eef3 18% 28%,#e3eef3 32% 42%,#e3eef3 46% 56%,transparent 56%)}
.browser-main{padding:16px 10px}.browser-main>span{display:block;width:30%;height:9px;border-radius:99px;background:#ff675a;margin-bottom:15px}.browser-main>strong{display:block;width:82%;height:34px;border-radius:8px;background:#07182c;margin-bottom:14px}.browser-main>em{display:block;width:66%;height:10px;border-radius:99px;background:#cbd9df;margin-bottom:30px}.browser-main>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.browser-main i{height:92px;border-radius:12px;background:#fff;border:1px solid #dae4e8;box-shadow:0 8px 24px rgba(7,24,44,.05)}
.projects-capabilities{position:absolute;left:24px;right:24px;bottom:-23px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.projects-capabilities span{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;background:#fff;border:1px solid rgba(7,24,44,.11);box-shadow:0 8px 22px rgba(7,24,44,.07);font-size:.76rem;font-weight:750;color:#33465b}.projects-capabilities b{color:#057d8b}
.projects-section-heading{max-width:780px;margin-bottom:42px}.projects-section-heading h2,.projects-included-copy h2,.faq-heading h2,.care-panel h2,.projects-cta-panel h2{font-size:clamp(2.25rem,4.6vw,4rem);line-height:1.02;letter-spacing:-.052em;margin:.22em 0}.projects-section-heading>p:last-child,.projects-section-heading-wide>p,.projects-included-copy>p:last-child,.care-panel>div>p:last-of-type,.projects-cta-panel p{color:var(--ink-soft);font-size:1.05rem;line-height:1.7}.projects-section-heading-wide{max-width:none;display:grid;grid-template-columns:1fr minmax(280px,.7fr);gap:64px;align-items:end}
.projects-portfolio{padding:clamp(88px,10vw,136px) 0}.project-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-showcase-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 18px 46px rgba(7,24,44,.07);min-width:0}.project-showcase-card-wide{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(300px,.78fr)}
.project-showcase-media{min-height:285px;background:#eaf2f5;overflow:hidden}.project-showcase-card-wide .project-showcase-media{min-height:420px}.project-showcase-media img{width:100%;height:100%;min-height:inherit;object-fit:cover;display:block}.project-placeholder{height:100%;min-height:inherit;padding:44px;background:linear-gradient(145deg,#e5f5f8,#fbf5e7);display:flex;flex-direction:column;justify-content:center}.project-placeholder>span{width:24%;height:10px;border-radius:99px;background:var(--coral);margin-bottom:18px}.project-placeholder>strong{width:64%;height:34px;border-radius:8px;background:#07182c;margin-bottom:30px}.project-placeholder>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.project-placeholder i{height:100px;border-radius:12px;background:#fff;border:1px solid #dce5e9}
.project-showcase-body{padding:clamp(25px,4vw,42px)}.project-meta-line{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:17px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--ink-soft)}.project-meta-line strong{color:var(--accent-text);text-align:right}.project-showcase-body h3{font-size:clamp(1.55rem,2.8vw,2.2rem);letter-spacing:-.035em;margin:0 0 13px}.project-showcase-body p{color:var(--ink-soft);line-height:1.65;margin:0 0 23px}.project-link{display:inline-flex;align-items:center;gap:8px;font-weight:800;text-decoration:none;color:var(--ink)}.project-link:hover{color:var(--accent-text)}
.projects-included{padding:0 0 clamp(88px,10vw,132px)}.projects-included-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);gap:60px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(34px,6vw,66px);box-shadow:0 18px 48px rgba(7,24,44,.06)}.check-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.check-grid li,.care-panel li,.pricing-features li{display:flex;gap:11px;align-items:flex-start;color:#33465b;line-height:1.5}.check-grid span,.care-panel li span,.pricing-features li span{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:#dff4f2;color:#076c76;font-size:.73rem;font-weight:900;margin-top:1px}
.projects-pricing{padding:clamp(90px,10vw,140px) 0;background:#f1f7f9;border-block:1px solid var(--line)}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.pricing-card{position:relative;background:#fff;border:1px solid rgba(7,24,44,.12);border-radius:var(--radius-lg);padding:clamp(28px,3.4vw,42px);display:flex;flex-direction:column;box-shadow:0 14px 36px rgba(7,24,44,.055)}.pricing-card.is-featured{background:#07182c;color:#fff;transform:translateY(-12px);box-shadow:0 30px 70px rgba(7,24,44,.18)}.pricing-label{margin:0 0 11px;text-transform:uppercase;letter-spacing:.1em;font-size:.73rem;font-weight:850;color:var(--accent-text)}.pricing-card.is-featured .pricing-label{color:#ff9e95}.pricing-card h3{font-size:1.62rem;margin:0 0 11px;letter-spacing:-.03em}.pricing-price{font-size:clamp(1.75rem,3vw,2.55rem);font-weight:850;letter-spacing:-.045em;margin:4px 0 16px}.pricing-copy{color:var(--ink-soft);line-height:1.6;min-height:78px}.pricing-card.is-featured .pricing-copy,.pricing-card.is-featured .pricing-features li{color:rgba(255,255,255,.76)}.pricing-features{list-style:none;padding:22px 0 26px;margin:0 0 auto;border-top:1px solid var(--line);display:grid;gap:11px}.pricing-card.is-featured .pricing-features{border-color:rgba(255,255,255,.13)}.pricing-card.is-featured .pricing-features li span{background:rgba(255,255,255,.12);color:#fff}.pricing-card .button{margin-top:8px;width:100%;justify-content:center}.pricing-featured-label{position:absolute;top:18px;right:18px;padding:6px 9px;border-radius:999px;background:#f7b928;color:#382b00;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.pricing-note{max-width:900px;margin:28px auto 0;text-align:center;color:var(--ink-soft);font-size:.88rem;line-height:1.6}
.projects-factors{padding:clamp(88px,10vw,136px) 0}.factor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.factor-card{position:relative;padding:34px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);min-height:250px}.factor-number{position:absolute;right:25px;top:24px;font-size:.71rem;color:var(--ink-soft);font-weight:800}.factor-card h3{font-size:1.5rem;margin:38px 0 13px;letter-spacing:-.025em}.factor-card p{color:var(--ink-soft);line-height:1.65;margin:0}
.projects-process{padding:clamp(88px,10vw,136px) 0;background:#fff;border-block:1px solid var(--line)}.timeline-note{background:#f7fafb;border:1px solid var(--line);border-radius:18px;padding:19px 22px}.timeline-note span{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:850;color:var(--accent-text)}.timeline-note p{margin:7px 0 0;color:var(--ink-soft);line-height:1.55;font-size:.92rem}.process-grid{counter-reset:process;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.process-grid li{padding:34px 28px;min-height:280px;border-right:1px solid var(--line)}.process-grid li:last-child{border-right:0}.process-number{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#07182c;color:#fff;font-size:.8rem;font-weight:850;margin-bottom:32px}.process-grid li:nth-child(2) .process-number{background:#087e8b}.process-grid li:nth-child(3) .process-number{background:#a77400}.process-grid li:nth-child(4) .process-number{background:#b23a31}.process-grid h3{font-size:1.25rem;margin:0 0 12px}.process-grid p{color:var(--ink-soft);line-height:1.62;margin:0;font-size:.93rem}
.projects-care{padding:clamp(88px,10vw,128px) 0}.care-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:70px;align-items:center;padding:clamp(38px,6vw,70px);border-radius:var(--radius-lg);background:linear-gradient(135deg,#06192c,#073447);color:#fff;box-shadow:0 28px 70px rgba(7,24,44,.14)}.care-panel .section-kicker{color:#ff9e95}.care-panel>div>p:last-of-type{color:rgba(255,255,255,.72)}.care-price{display:inline-block;margin-top:13px;font-size:1.18rem}.care-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}.care-panel li{color:rgba(255,255,255,.83)}.care-panel li span{background:rgba(255,255,255,.11);color:#fff}
.projects-faq{padding:clamp(88px,10vw,136px) 0;background:#f3f8fa;border-block:1px solid var(--line)}.faq-layout{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:80px;align-items:start}.faq-heading{position:sticky;top:110px}.faq-list{border-top:1px solid rgba(7,24,44,.16)}.faq-list details{border-bottom:1px solid rgba(7,24,44,.16)}.faq-list summary{list-style:none;cursor:pointer;padding:23px 2px;display:flex;justify-content:space-between;gap:22px;font-weight:800;font-size:1.04rem}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:1.45rem;line-height:1;transition:transform .2s ease}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details>div{padding:0 44px 24px 2px}.faq-list p{margin:0;color:var(--ink-soft);line-height:1.7}
.projects-editor-section{padding:80px 0}.projects-editor-content{max-width:900px}.projects-cta{padding:clamp(90px,10vw,138px) 0}.projects-cta-panel{display:flex;align-items:center;justify-content:space-between;gap:60px;padding:clamp(40px,6vw,68px);border-radius:var(--radius-lg);background:linear-gradient(115deg,#061a2e 0%,#062a3b 58%,#713934 135%);color:#fff;box-shadow:0 28px 76px rgba(7,24,44,.15)}.projects-cta-panel>div{max-width:720px}.projects-cta-panel .section-kicker{color:#f7b928}.projects-cta-panel p{color:rgba(255,255,255,.72)}.projects-cta-panel .button{flex:0 0 auto}
.projects-hero-dark+.projects-portfolio{background:var(--paper)}
@media (max-width:980px){.projects-hero-inner{grid-template-columns:1fr}.projects-hero-preview{max-width:680px}.projects-section-heading-wide,.projects-included-panel,.care-panel,.faq-layout{grid-template-columns:1fr;gap:34px}.faq-heading{position:static}.pricing-grid{grid-template-columns:1fr}.pricing-card.is-featured{transform:none}.factor-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,1fr)}.process-grid li:nth-child(2){border-right:0}.process-grid li:nth-child(-n+2){border-bottom:1px solid var(--line)}.project-showcase-card-wide{grid-template-columns:1fr}.project-showcase-card-wide .project-showcase-media{min-height:330px}}
@media (max-width:700px){.projects-hero{padding-top:112px}.projects-title{font-size:clamp(3.1rem,16vw,4.6rem)}.projects-hero-preview{margin:6px 6px 24px}.browser-canvas{height:230px;padding:18px 13px}.projects-capabilities{left:10px;right:10px;bottom:-31px}.projects-portfolio,.projects-factors,.projects-process,.projects-care,.projects-faq,.projects-cta{padding-block:74px}.projects-section-heading-wide{display:block}.projects-section-heading-wide>p{margin-top:20px}.project-showcase-grid{grid-template-columns:1fr}.project-showcase-card-wide{grid-column:auto}.project-showcase-media,.project-showcase-card-wide .project-showcase-media{min-height:255px}.projects-included-panel{padding:30px 24px}.check-grid{grid-template-columns:1fr}.pricing-card{padding:29px 24px}.process-grid{grid-template-columns:1fr}.process-grid li{border-right:0;border-bottom:1px solid var(--line);min-height:0}.process-grid li:last-child{border-bottom:0}.care-panel,.projects-cta-panel{padding:34px 25px}.projects-cta-panel{align-items:flex-start;flex-direction:column}.faq-layout{gap:24px}}
@media (prefers-reduced-motion:reduce){.faq-list summary span{transition:none}}