/* V02: scoped corrections from WC/Coordinator and owner-selected nine-card reference.
Original raster files and logo remain byte-identical; these are display regions only. */
.hero-art{mask-image:linear-gradient(to right,transparent,#000 4% 97%,transparent),linear-gradient(to bottom,transparent,#000 5% 94%,transparent);mask-composite:intersect;max-height:none}
.art-hero-home,.art-hero-pricing{clip-path:polygon(16% 0,100% 0,100% 100%,0 100%,0 62%,16% 62%);mask-image:linear-gradient(to right,transparent,#000 3% 97%,transparent),linear-gradient(to bottom,transparent,#000 4% 94%,transparent);mask-composite:intersect}
.hero .hero-art{width:47%;top:-22px}
.hero-features .hero-art{width:48%;top:-25px}
.hero-home .hero-copy p{max-width:660px}
.art-hero-features{clip-path:polygon(12% 0,100% 0,100% 100%,0 100%,0 55%,12% 55%)}
.art-hero-how{mask-image:linear-gradient(to right,transparent,#000 4% 98%,transparent),linear-gradient(to bottom,transparent,#000 3% 96%,transparent);mask-composite:intersect}
.benefit-art,.step-art{mask-image:radial-gradient(ellipse 70% 67% at 50% 50%,#000 50%,transparent 78%)}
.feature-card .art{border-radius:15%;overflow:hidden}
.nav-art{mask-image:radial-gradient(ellipse 56% 60% at 50% 50%,#000 67%,transparent 88%)}
.nav-link[aria-current=page] .nav-art{filter:brightness(1.35) saturate(1.35) drop-shadow(0 0 5px #00ccff)}
.step-card:not(:last-child):after{content:"";width:20px;height:20px;border-top:4px solid #7399ff;border-right:4px solid #7399ff;transform:rotate(45deg);right:-19px;top:37%;background:none;font-size:0}
.faq-item summary:after{content:"";display:block;width:18px;height:18px;border-right:5px solid #00b9f7;border-bottom:5px solid #00b9f7;transform:rotate(45deg);margin:0 5px 8px auto;flex:0 0 18px}
.faq-item[open] summary:after{transform:rotate(225deg);margin-top:8px;margin-bottom:0}
.contact-composition{max-width:1000px;margin:0 auto}
.contact-hero-art{width:100%;max-width:750px;margin:0 auto 0;mask-image:linear-gradient(to right,transparent,#000 5% 95%,transparent),linear-gradient(to bottom,transparent,#000 5% 92%,transparent);mask-composite:intersect}
.contact-card{margin-top:-10px}
.contact-card h1{font-size:34px;letter-spacing:0;line-height:1.2;margin-bottom:17px}
.contact-envelope{mask-image:radial-gradient(ellipse 70% 65% at 50% 50%,#000 55%,transparent 86%);top:10px;width:29%}
.contact-card .intro{max-width:65%}
.features-nine .feature-card{min-height:162px}
.features-nine .feature-card .art{width:105px;max-width:29%}
.features-nine .feature-card h2{font-size:clamp(18px,1.25vw,23px)}
.features-nine .feature-card p{font-size:clamp(15px,1.06vw,18px)}
.flag-eur{position:relative;color:transparent;font-size:0}
.flag-eur i{position:absolute;width:2.6px;height:2.6px;left:50%;top:50%;background:#ffdf09;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 71%,21% 94%,32% 57%,2% 35%,39% 35%)}
.flag-usd:before{content:none}
.flag-usd b{position:absolute;left:0;top:0;width:12px;height:12px;background:#1554c2;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:1px}
.flag-usd i{display:block;width:2px;height:2px;background:white;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 71%,21% 94%,32% 57%,2% 35%,39% 35%)}
@media(min-width:1001px){.hero-features{min-height:345px}.hero-download{min-height:340px}.hero-how{min-height:300px}.hero-faq{min-height:320px}.hero-pricing{min-height:390px}.hero-features .hero-copy{max-width:790px}.hero-features .hero-copy p{max-width:730px}}
@media(max-width:1000px){.hero .hero-art{width:65%;top:-12px}.hero-home .hero-copy p{width:100%}.hero-features .hero-art{top:-10px}.contact-composition{max-width:850px}.contact-hero-art{width:90%}.contact-card .intro{font-size:20px}.features-nine .feature-card{min-height:160px}}
@media(max-width:650px){.hero .hero-art{width:100%;top:0}.hero-features .hero-art{width:100%}.contact-hero-art{width:100%;margin-bottom:0}.contact-card{padding:20px 16px;margin-top:0}.contact-card h1{font-size:29px}.contact-card .intro{max-width:100%;font-size:18px}.contact-envelope{position:relative;top:auto;right:auto;width:62%;margin:0 auto 10px}.contact-card .support-copy{max-width:100%;font-size:18px}.email-box{font-size:21px;padding:10px;gap:10px}.contact-note{font-size:15px}.features-nine .feature-card .art{width:86px;max-width:28%}.features-nine .feature-card h2{font-size:20px}.features-nine .feature-card p{font-size:16px}.step-card:not(:last-child):after{display:none}.faq-item summary:after{width:15px;height:15px;border-width:4px;flex-basis:15px;margin-right:4px}.faq-item summary{gap:12px}}
.flag-eur i:nth-child(1){transform:translate(-50%,-50%) translate(0.00px,-5.60px)}
.flag-eur i:nth-child(2){transform:translate(-50%,-50%) translate(2.80px,-4.85px)}
.flag-eur i:nth-child(3){transform:translate(-50%,-50%) translate(4.85px,-2.80px)}
.flag-eur i:nth-child(4){transform:translate(-50%,-50%) translate(5.60px,-0.00px)}
.flag-eur i:nth-child(5){transform:translate(-50%,-50%) translate(4.85px,2.80px)}
.flag-eur i:nth-child(6){transform:translate(-50%,-50%) translate(2.80px,4.85px)}
.flag-eur i:nth-child(7){transform:translate(-50%,-50%) translate(0.00px,5.60px)}
.flag-eur i:nth-child(8){transform:translate(-50%,-50%) translate(-2.80px,4.85px)}
.flag-eur i:nth-child(9){transform:translate(-50%,-50%) translate(-4.85px,2.80px)}
.flag-eur i:nth-child(10){transform:translate(-50%,-50%) translate(-5.60px,0.00px)}
.flag-eur i:nth-child(11){transform:translate(-50%,-50%) translate(-4.85px,-2.80px)}
.flag-eur i:nth-child(12){transform:translate(-50%,-50%) translate(-2.80px,-4.85px)}
.art-hero-home{background-image:url("assets/reference-original/home.png");background-size:264.55696% 213.86364%;background-position:100.00000% 0.00000%;aspect-ratio:632/440;}
.art-hero-pricing{background-image:url("assets/reference-original/pricing.png");background-size:264.55696% 208.18584%;background-position:100.00000% 0.00000%;aspect-ratio:632/452;}
.art-hero-features{background-image:url("assets/reference-original/features-detail.png");background-size:211.88811% 269.61039%;background-position:100.00000% 0.00000%;aspect-ratio:715/385;}
.art-hero-how{background-image:url("assets/reference-original/how.png");background-size:277.74086% 265.81921%;background-position:100.00000% 0.00000%;aspect-ratio:602/354;}
.art-step-review{background-image:url("assets/reference-original/how.png");background-size:658.26772% 662.67606%;background-position:75.45839% 51.68961%;aspect-ratio:254/142;}
.art-feature-zip{background-image:url("assets/reference-original/features-detail.png");background-size:1044.82759% 715.86207%;background-position:3.35766% 45.91265%;aspect-ratio:145/145;}
.art-feature-json{background-image:url("assets/reference-original/features-detail.png");background-size:1037.67123% 715.86207%;background-position:40.02922% 45.91265%;aspect-ratio:146/145;}
.art-feature-screens{background-image:url("assets/reference-original/features-detail.png");background-size:1052.08333% 715.86207%;background-position:75.12764% 45.91265%;aspect-ratio:144/145;}
.art-feature-duplicates{background-image:url("assets/reference-original/features-detail.png");background-size:1052.08333% 725.87413%;background-position:3.42815% 69.38547%;aspect-ratio:144/143;}
.art-feature-date{background-image:url("assets/reference-original/features-detail.png");background-size:1059.44056% 725.87413%;background-position:39.94169% 69.38547%;aspect-ratio:143/143;}
.art-feature-reports{background-image:url("assets/reference-original/features-detail.png");background-size:1074.46809% 725.87413%;background-position:75.18195% 69.38547%;aspect-ratio:141/143;}
.art-feature-versions{background-image:url("assets/reference-original/features-detail.png");background-size:1389.90826% 998.07692%;background-position:2.70270% 88.86510%;aspect-ratio:109/104;}
.art-feature-computer{background-image:url("assets/reference-original/features-detail.png");background-size:1429.24528% 998.07692%;background-position:38.82186% 88.86510%;aspect-ratio:106/104;}
.art-feature-shield{background-image:url("assets/reference-original/features-detail.png");background-size:1389.90826% 998.07692%;background-position:72.26174% 88.86510%;aspect-ratio:109/104;}

/* Continuous masks preserve the complete official mark without rectangular cut-outs. */
.art-hero-home,.art-hero-pricing{clip-path:none;mask-image:linear-gradient(to right,transparent 0 15%,#000 23% 96%,transparent),linear-gradient(to bottom,transparent 0 60%,#000 68% 91%,transparent);mask-composite:add}
.art-hero-features{clip-path:none;mask-image:linear-gradient(to right,transparent,#000 3% 97%,transparent),linear-gradient(to bottom,transparent,#000 4% 92%,transparent);mask-composite:intersect;background-image:url("assets/reference-original/features-detail.png");background-size:219.56522% 269.61039%;background-position:100% 0%;aspect-ratio:690/385}

/* Outer feathering is separate from the source-text exclusion mask. */
.hero-art-frame{position:absolute;right:0;top:-22px;width:47%;z-index:0;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 4% 96%,transparent),linear-gradient(to bottom,transparent,#000 4% 93%,transparent);mask-composite:intersect}
.hero-features .hero-art-frame{width:48%;top:-25px}
.hero-art-frame>.hero-art{position:static;width:100%;max-height:none;top:auto;right:auto}
@media(min-width:1001px){.hero-features{min-height:320px}.features-nine .feature-card{padding:16px;gap:16px;min-height:166px}.features-nine .feature-card h2{font-size:clamp(18px,1.15vw,20px);margin:3px 0 10px}.features-nine .feature-card p{font-size:clamp(15px,0.94vw,16px);line-height:1.4}.features-nine .feature-card .art{width:100px}}
@media(max-width:1000px){.hero-art-frame,.hero-features .hero-art-frame{width:65%;top:-12px}}
@media(max-width:650px){.hero-art-frame,.hero-features .hero-art-frame{position:relative;top:auto;right:auto;order:2;width:100%;margin:15px 0 0}.hero-art-frame>.hero-art{margin:0;position:static;top:auto;width:100%}}
.art-hero-home,.art-hero-pricing{mask-image:linear-gradient(to right,transparent 0 25%,#000 32% 96%,transparent),linear-gradient(to bottom,transparent 0 60%,#000 68% 91%,transparent);mask-composite:add}
.art-step-review{clip-path:polygon(18% 0,100% 0,100% 100%,0 100%,0 25%,18% 25%)}
@media(min-width:1001px){.hero.hero-how{min-height:330px}.hero.hero-download{min-height:350px}.hero.hero-faq{min-height:360px}.hero-faq .hero-art-frame{width:40%;top:-22px}}