/* HELFANO shared editorial system. Assistant styling remains in its own scope. */
body.site-editorial[data-site-layout="light-1"] {
 --site-ink:#17243d;--site-copy:#536177;--site-line:#dbe4f0;--site-accent:#385dc1;
 --site-gradient:linear-gradient(110deg,#66e4de,#76bafd 60%,#b09afa);
 .site-header{inset:0 0 auto;width:100%;max-width:none;min-height:78px;padding:14px max(24px,calc((100vw - 1152px)/2));border:0;border-bottom:1px solid #dbe4f0;border-radius:0;background:#fffffff5;box-shadow:0 2px 18px #29436c08;backdrop-filter:blur(18px)}
 .site-header{transform:none}
 .brand{flex:0 0 auto;width:fit-content;margin-inline-end:auto;background:#17233c;padding:4px 10px;border-radius:7px}
 .brand-logo{width:139px;height:auto}
 .desktop-nav{gap:25px}
 .desktop-nav>a,.desktop-nav>.nav-dropdown>button{color:#24344e;font-size:13px;font-weight:650;text-transform:none;letter-spacing:0}
 .desktop-nav>a:hover,.desktop-nav>.nav-dropdown>button:hover{color:#385dc1}
 .header-cta{font-size:13px;min-height:48px;min-width:0;padding:13px 23px;background:linear-gradient(110deg,#35e8e2,#49a9ff 48%,#7a52ff);color:#102944;border:0;border-radius:5px;white-space:normal;line-height:1.5;font-weight:650;text-transform:none}
 .menu-toggle{color:#24344e;border-color:#dbe4f0;background:#f4f7fc}
 .menu-toggle span,.menu-toggle::before,.menu-toggle::after{background:#24344e}
 .hl-language>summary{background:#edf2fb;color:#3e557b;border-color:#d6e2f3}
 .hl-language-panel{background:#fff;border-color:#dbe4f0;box-shadow:0 20px 50px #1c366325}
 .hl-language-panel a{color:#3d5478}
 .hl-language-panel a:hover,.hl-language-panel a[aria-current]{background:#e9effc;color:#345abb}
 .mega-menu{background:#fff;border-color:#dbe4f0;box-shadow:0 20px 50px #23457220}
 .mega-group{background:#f5f8fe;border-color:#e0e8f5;border-radius:8px}
 .mega-group strong{color:#385dc1}
 .mega-group span,.mega-group a{color:#526784}
 .mega-group a:hover{color:#254db0}
 .mobile-drawer-panel{background:#f9fbff;border-color:#d9e3f1}
 .mobile-nav a,.mobile-nav button,.mobile-nav span{color:#243a5c}
 .mobile-nav strong,.hl-mobile-languages>span{color:#496dbb}
 .mobile-nav-group,.mobile-nav>a,.mobile-group-panel{border-color:#dbe4f0}
 .hl-mobile-languages a{color:#3d5783;background:#edf2fc;border-color:#d6e1f4}
 .hl-mobile-languages a[aria-current]{color:#fff;background:#496dbe}
 .mobile-drawer .mobile-drawer-cta{color:#183451;background:var(--site-gradient)}
 .site-footer{background:#f8faff;border-top:1px solid #dce5f4;color:#5b6b84}
 .site-footer :is(p,a,span,li,address){color:#5b6b84}
 .site-footer :is(strong,h2,h3,h4){color:#273b5c}
 .footer-main,.footer-bottom{width:min(1152px,calc(100% - 64px));margin-inline:auto}
 .footer-bottom{border-color:#dce5f4}
 .closing-cta{padding:72px 0;background:#edf5fd;border:0}
 .closing-cta::before{display:none}
 .site-closing-portrait{position:relative;width:min(100%,340px);justify-self:end;border-radius:10px;overflow:hidden;background:#e1e8f3}
 .site-closing-portrait img{display:block;width:100%;height:360px;object-fit:cover;object-position:50% 28%}
 .site-closing-portrait span{display:block;padding:16px 20px;color:#405b82;font-size:12px;background:#fff}
 .closing-grid{width:min(1152px,calc(100% - 64px));grid-template-columns:1fr;gap:24px;align-items:center}
 .closing-copy h2{font:650 clamp(28px,3.1vw,40px)/1.2 Manrope,sans-serif;letter-spacing:-.025em;max-width:25ch;text-wrap:balance}
 .closing-copy p{color:#536780;line-height:1.65;font-size:16px;max-width:60ch}
 .closing-portrait{border:0;box-shadow:none;border-radius:12px;background:#dde7f4}
 .closing-meta{background:#f5f8fff5;color:#3b5174;border-color:#d6e1f3}
 .closing-meta :is(strong,span){color:#3b5174}
 .site-footer .button{color:#142d54;background:var(--site-gradient);border-radius:6px}
 .site-footer .button-secondary{color:#385cab;background:#fff;border:1px solid #b8cbed;border-radius:6px}
 .site-footer .reveal{opacity:1;transform:none}
 [data-site-shine]{position:relative;isolation:isolate;overflow:hidden}
 [data-site-shine]::after{content:'';position:absolute;pointer-events:none;inset:-50% auto -50% -70%;width:45%;background:linear-gradient(90deg,transparent,#ffffff85,transparent);transform:translateX(0) rotate(18deg);opacity:0;z-index:1}
 [data-site-shine].site-cta-lit::after{animation:site-cta-shine 1300ms cubic-bezier(.25,.5,.3,1) both}
 [data-site-shine].site-cta-lit{box-shadow:0 0 0 3px #698ce219,0 12px 28px #618dd42c}
 @media(max-width:1200px){.site-header{padding-inline:24px}.header-cta{padding-inline:16px;font-size:13px;font-weight:650;text-transform:none}.desktop-nav{gap:18px}}
 @media(max-width:700px){
  .site-header{min-height:74px;padding:12px 20px;gap:18px}
  .brand-logo{width:115px}.brand{padding:3px 8px}
  .footer-main,.footer-bottom,.closing-grid{width:calc(100% - 40px)}
  .closing-grid{grid-template-columns:1fr;gap:24px}
  .site-closing-portrait{justify-self:start;width:min(100%,340px)}
  .closing-cta{padding:72px 0;background:#edf5fd}
  .closing-copy h2{font-size:32px;font:650 clamp(28px,3.1vw,40px)/1.2 Manrope,sans-serif;letter-spacing:-.025em;text-wrap:balance;max-width:25ch}
 }
 @media(prefers-reduced-motion:reduce){[data-site-shine]::after{animation:none!important;display:none}}
 --type-title:clamp(2.25rem,4.15vw,3.5rem);
 --type-section:clamp(1.8rem,3vw,2.4rem);
 --type-copy:1rem;
 --type-label:.8125rem
}
@media(max-width:700px){
 body.site-editorial[data-site-layout="light-1"]{min-width:0;--type-title:27px;--type-section:25px;--type-copy:15px}
}
@keyframes site-cta-shine{0%{transform:translateX(0) rotate(18deg);opacity:0}15%{opacity:.8}75%{opacity:.65}100%{transform:translateX(470%) rotate(18deg);opacity:0}}

body.site-subpage[data-site-layout="light-1"] {
 background:#fff;color:var(--site-ink);
 &::before,&::after{display:none}
 .site-shell{background:#fff}
 main{--text:#17243d;--muted:#536177;--muted-2:#6a7890;--bg:#fff;--surface:#f5f8fe;--surface-2:#edf3fc;--surface-3:#e4ecf9;--line:#dbe4f0;--line-strong:#bbccec;--shadow:0 20px 50px #213b6210;color-scheme:light;color:#17243d;background:#fff;overflow:clip}
 main{--cyan:#27748c;--blue:#426abc;--success:#27755b;--danger:#ae3453;--v3-mint:#4769b7}
 main :is(h1,h2,h3,h4,h5){color:#17243d;font-family:Manrope,sans-serif;letter-spacing:-.025em}
 main :is(h1,h2,h3,h4,p,li){overflow-wrap:break-word;hyphens:none}
 main h1{font-size:var(--type-title);font-weight:650;line-height:1.14;letter-spacing:-.035em;max-width:23ch;text-wrap:balance}
 main h2{font-size:var(--type-section);font-weight:650;line-height:1.23;max-width:30ch;text-wrap:balance}
 main h3{font-size:22px;line-height:1.35;font-weight:620}
 main :is(p,li,dd){color:#536177;line-height:1.65;font-size:var(--type-copy)}
 main :is(.eyebrow,.v3-kicker,.legal-kicker){color:#385dc1;font-size:12px;line-height:1.7;letter-spacing:.07em;font-weight:600}
 main a{color:#385dc1}
 main :is(.container,.v3-container){width:min(1152px,calc(100% - 64px));margin-inline:auto}
 main .reveal{opacity:1;transform:none;transition:none}
 main [hidden]{display:none!important}
 main :is(.page-hero,.ai-hero,.legal-hero){padding:140px 0 85px;min-height:0;background:radial-gradient(ellipse at 85% 25%,#e5eaff,transparent 55%),linear-gradient(115deg,#effbfb,#f7faff);border:0}
 main :is(.page-hero,.ai-hero,.legal-hero)::before,main :is(.page-hero,.ai-hero,.legal-hero)::after{display:none}
 main .breadcrumb{margin-bottom:32px;color:#6b7891;font-size:12px;flex-wrap:wrap}
 main .breadcrumb a{color:#526888}
 main .page-hero p,main .v3-lead{font-size:17px;line-height:1.65;max-width:58ch;color:#536177}
 .page-hero h1 span,.ai-hero h1 span,.ai-section-head h2 span{color:#4668b7}
 .page-hero-grid,.ai-hero-grid{gap:65px;align-items:center;grid-template-columns:1.1fr .9fr}
 .page-hero-copy{min-width:0;max-width:none}
 main :is(.section,.ai-section,.case-feature,.case-library,.pricing-package-stage,.pricing-compare,.pricing-costs,.pricing-process,.pricing-other,.pricing-faq,.about-portrait-story,.about-focus,.about-journey-section,.about-location,.contact-premium-section){padding:90px 0;background:#fff;border-color:#dbe4f0}
 main :is(.section-soft,.ai-section-soft,.pricing-compare,.pricing-process,.about-portrait-story){background:#f4f8fe}
 main :is(.section-grid,.ai-section-dark,.about-focus,.about-location){background:#edf5fd}
 main :is(.section-grid,.ai-section-dark)::before,main :is(.section-grid,.ai-section-dark)::after{display:none}
 main :is(.section-heading,.ai-section-head,.pricing-editorial-head,.case-library-head){margin-bottom:45px;max-width:none}
 main :is(.section-heading,.ai-section-head) p{max-width:65ch}
 main :is(.content-grid,.ai-split){gap:60px;align-items:start}
 .site-section-action{display:flex;justify-content:center;margin:38px auto 0;padding-inline:24px}
 main .site-section-action .button{font-size:14px;background:transparent;border:0;border-bottom:1px solid #a8b9d8;border-radius:0;box-shadow:none;color:var(--site-accent);padding:12px 0;min-height:48px}
 main :is(.button,.v3-button-primary,.form-submit),.closing-cta .button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:16px 24px;background:var(--site-gradient);color:#142d54;border:1px solid #88b0f1;border-radius:4px;box-shadow:none;font-size:14px;font-weight:650;line-height:1.5;text-align:center;text-decoration:none;white-space:normal;text-transform:none;letter-spacing:0;transition:box-shadow .25s,background .25s}
 main :is(.button-secondary,.v3-button-secondary){display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:15px 22px;background:#fff;color:#385cab;border:1px solid #b8cbed;border-radius:4px;font-size:14px;line-height:1.5;text-decoration:none;text-transform:none;font-weight:650;letter-spacing:0}
 main .button-link{color:#385dc1;font-size:14px;text-transform:none;letter-spacing:0;text-underline-offset:5px}
 main .button:hover{box-shadow:0 12px 30px #426bb12c}
 main :is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #496ed0;outline-offset:4px}
 main :is(.service-grid,.process-grid){gap:28px}
 .process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 main :is(.check-card,.package-card,.teaser-panel,.individual-offer,.ai-limit-good,.ai-limit-caution){padding:32px;background:#fff;border:1px solid #dbe4f0;border-radius:6px;box-shadow:none;transform:none}
 main :is(.service-card,.process-card,.ai-card) {
  padding:28px 0;
  min-height:0;
  background:transparent;
  border:0;
  border-top:1px solid var(--site-line);
  border-radius:0;
  box-shadow:none;
  transform:none
 }
 .service-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:56px;
  row-gap:8px
 }
 main :is(.service-card,.process-card,.check-card,.package-card,.teaser-panel,.individual-offer,.ai-card)::before,main :is(.service-card,.check-card,.package-card,.teaser-panel,.individual-offer,.ai-card)::after{display:none}
 main .process-card::before{color:#5476bd}
 main :is(.service-card,.process-card,.check-card,.package-card,.individual-offer,.ai-card,.teaser-panel) :is(h2,h3,strong){color:#253c60;font-size:23px;line-height:1.35;font-weight:620}
 main :is(.service-card,.check-card,.package-card) :is(small,p,li){color:#5a6a83}
 main :is(.service-card,.check-card,.package-card,.ai-card) p{font-size:16px;line-height:1.65}
 main :is(.package-card.featured,.check-card.quick){background:#edf5ff;border-color:#a9c5ef}
 .package-card .package-price{font-size:40px;color:#3d61b6}
 .package-card .package-label{color:#4968ac;border-color:#bbceec;background:#e8f1ff}
 .feature-list li::before{color:#4a82c5}
 main :is(.tax-note,.scope-note,.seo-context-links){color:var(--site-copy);line-height:1.6;font-size:14px}
 .context-path,.case-link-grid a{background:#f4f7fe;border-color:#d7e2f3;color:#365988;border-radius:7px}
 .context-path :is(strong,span){color:#385b91}
 .context-paths{margin-block:25px 50px}
 .seo-audit,.app-dashboard{background:#fff;border:1px solid #d2e0f3;border-radius:6px;box-shadow:none;transform:none;animation:none}
 .seo-audit::before,.app-dashboard::before{display:none}
 .seo-audit :is(strong,span,small,p),.app-dashboard :is(strong,span,small,p){color:#496184}
 .audit-title,.dashboard-top{color:#2f4a72;border-color:#dde6f3}
 .audit-status,.dashboard-status{background:#e7f8f3;color:#277261;border-color:#b9e1d6}
 .audit-h1,.audit-technical,.audit-priorities,.dashboard-metrics article,.dashboard-list>div{background:transparent;border-color:#dbe5f5;color:#4e668a;border-radius:0}
 .audit-h1 strong,.dashboard-metrics strong{color:#365eb4}
 .app-flow{background:#eef5ff;border-color:#c4d6f2}
 .app-flow span{color:#3e629b}
 .app-flow article,.dashboard-list,.audit-status article{background:transparent;border:0;box-shadow:none;border-top:1px solid var(--site-line);border-radius:0}
 .app-flow :is(strong,small),.dashboard-list>span{color:#42618e}
 .app-flow article::before,.app-flow article::after{display:none}
 .app-flow>b{color:#5880c4}
 .check-report-mockup,.founder-roadmap{background:#fff;border:1px solid #d0ddf1;border-radius:6px;box-shadow:none;transform:none}
 .check-report-mockup::before,.check-report-mockup::after,.founder-roadmap::before,.founder-roadmap::after{display:none}
 .check-report-mockup :is(strong,span,small,p,i),.founder-roadmap :is(strong,span,small,b){color:#4a658b}
 .report-head,.report-subject,.report-checkpoints li,.founder-roadmap li{border-color:#dbe5f3}
 .report-checkpoints i{background:#eaf1fd;border-color:#c8d9f1}
 .founder-roadmap li b{background:#e4edfb;border-color:#bdd0ef}
 .check-detail{background:#fff;border:1px solid #d3e1f2;border-radius:9px;padding:32px;box-shadow:none}
 .check-detail.quick,.check-detail.pro{background:#edf5ff}
 .check-detail::before,.check-detail::after{display:none}
 .check-detail h2{font-size:28px;line-height:1.25}
 .check-detail :is(.check-kind,.check-meta,.check-action-label){color:#5872a0}
 .check-detail .check-price{color:#385db6;font-size:42px}
 .reference-card{background:#fff;border:1px solid #d4e0f3;border-radius:9px;box-shadow:0 15px 40px #2a487912;overflow:hidden}
 .reference-card>div{background:#fff;padding:26px}
 .reference-card p{font-size:14px}
 .reference-card h3{font-size:24px}
 .reference-card img{aspect-ratio:1.8;object-fit:cover;object-position:top}
 .ai-process-map{background:linear-gradient(135deg,#dff6f5,#e9eeff);border-color:#cbddf3;box-shadow:none}
 .ai-map-card{background:#fff;border-color:#ccdbf1;color:#2a456c;box-shadow:0 12px 30px #34528513}
 .ai-map-card :is(strong,span,small){color:#34527b}
 .ai-map-line{background:transparent}
 .ai-map-line path{stroke:#7ba8da}
 .ai-split{grid-template-columns:.8fr 1.2fr}
 .ai-split .ai-card-grid{grid-template-columns:1fr}
 .ai-split .ai-card h3{font-size:23px}
 .ai-card-grid{gap:22px}
 .ai-card>span,.ai-process-steps>article>span{color:#5271b0}
 .ai-process-steps{border-color:#d1deef}
 .ai-process-steps>article{border-color:#d1deef}
 .ai-limit-grid article{background:#fff;border-color:#d6e2f2}
 .ai-limit-grid h3{color:#385985}
 main :is(.faq-item,.ai-faq details,.pricing-faq details){background:transparent;border:0;border-radius:0;box-shadow:none;overflow:hidden;border-top:1px solid var(--site-line)}
 main :is(.faq-trigger,.ai-faq summary,.pricing-faq summary){color:#304d78;padding:22px 0;font-size:16px;line-height:1.55;gap:22px;font-weight:600}
 .faq-trigger span{color:#486cbd}
 .faq-trigger strong{min-width:0;overflow-wrap:anywhere;font:inherit}
 main .faq-panel{padding:0 0 24px;color:var(--site-copy);font-size:16px;line-height:1.65}
 main .ai-faq details p,.pricing-faq details p{color:var(--site-copy);padding-inline:0;font-size:16px}
 .pricing-package-grid{gap:24px;align-items:stretch}
 .pricing-package,.pricing-package--plus,.pricing-package--pro{display:flex;flex-direction:column;padding:32px;background:#fff;border:1px solid #d7e2f4;border-radius:6px;color:#233956;box-shadow:none}
 .pricing-package--plus{background:#eef6ff;border-color:#a8c6f3}
 .pricing-package::before,.pricing-package::after{display:none}
 .pricing-package :is(h3,strong,p,li){color:#334d73}
 .pricing-package header>span,.pricing-package .pricing-package-badge{color:#44679f;font-size:12px;line-height:1.5;letter-spacing:.04em}
 .pricing-package .pricing-package-label{color:#4168b4;background:#e7efff;border-color:#cbdcf5}
 .pricing-package .button{margin-top:auto}
 .pricing-package ul{margin-block:22px 30px}
 .pricing-package>strong{color:#3c60bb;font-size:42px;font-weight:650;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
 .pricing-compare-table{background:#fff;border-color:#d5e1f3;border-radius:8px;overflow:auto;scrollbar-color:#b5c9eb #f1f5fc}
 .pricing-compare-table :is(th,td){border-color:#e0e7f3;color:#435d80;background:transparent}
 .pricing-compare-table th{color:#2e4d78;background:#edf3fd}
 .pricing-cost-ledger article,.pricing-process-path li,.price-row{border-color:#d5e1f3;background:transparent}
 .pricing-cost-ledger :is(strong,h3),.price-row strong{color:#305183}
 .pricing-process-path strong{color:#375ca4}
 .price-table{border-color:#d9e3f3;background:#fff}
 .price-row>span,.price-row p{color:#5c6d87}
 .interactive-offer{background:linear-gradient(115deg,#e1f7f7,#e7eefe 55%,#efebfd);color:#294267;padding:85px 0}
 .interactive-offer-copy :is(h2,p,li),.interactive-offer-reference :is(strong,span){color:#2e496c}
 .interactive-offer-copy .interactive-offer-price{font-size:43px;color:#3b59af}
 .interactive-offer-reference{background:#fff;border:1px solid #d2def1;border-radius:9px;overflow:hidden;box-shadow:0 22px 60px #3750801a}
 .interactive-offer-reference img{border:0}
 .about-portrait-frame{border-radius:10px;box-shadow:none;background:#e4ebf6}
 .about-portrait-frame img{filter:none}
 .about-portrait-glow{display:none}
 .about-manifest blockquote{color:#3d60a5;border-color:#78a5df}
 .about-manifest .principle-list{color:#4f678a}
 .about-portrait-grid,.about-focus-grid,.about-location-grid{gap:65px}
 .about-journey{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
 .about-journey::before{display:none}
 .about-journey li{padding:24px 0;background:transparent;border:0;border-radius:0;border-top:1px solid var(--site-line)}
 .about-journey li::before{display:none}
 .about-journey strong{color:#345682}
 .about-journey span{color:#5d708a;font-size:16px;line-height:1.65}
 .about-location address{border-color:#c4d5ed;background:#fff;padding:30px;border:1px solid #d7e2f2;border-radius:9px}
 .about-location address :is(strong,span,a){color:#3f5c86}
 .contact-premium-section .contact-layout{gap:60px}
 .contact-channel{background:transparent!important!important;border-color:#d5e2f4!important;box-shadow:none}
 .contact-channel :is(span,strong){color:#3a5983!important}
 .contact-location,.contact-after-submit{background:transparent;border-color:#d5e1f2;border-radius:0}
 .contact-location :is(strong,span,p),.contact-after-submit :is(strong,p){color:#4c6484}
 .contact-form{background:#fff;border:1px solid #d2dff1;border-radius:6px;box-shadow:none;padding:34px;min-width:0}
 .contact-form h2,.contact-form label>span,.contact-form summary span{color:#324e76;font-size:14px;font-weight:600}
 .contact-form h2 {
  font-size:28px;
  font-weight:650;
  line-height:1.25;
  margin-bottom:20px
 }
 .contact-form :is(input:not([type=checkbox]),select,textarea){color:#253b5a;background:#f7f9ff;border:1px solid #cddbee;border-radius:4px;font-size:16px;font-weight:400;line-height:1.5}
 .contact-form :is(input,textarea)::placeholder{color:#71809a}
 .contact-form :is(.form-contact-hint,.form-note,.form-legal-note,.form-consent){color:var(--site-copy);font-size:14px;line-height:1.6}
 .contact-form .form-more{background:#f5f8fd;border-color:#d6e2f4;color:#48638a}
 .selected-product{background:#eaf2ff;border-color:#b6ceef;color:#345791}
 .selected-product :is(strong,span){color:#365eaa}
 .inquiry-section{padding-top:130px;background:linear-gradient(120deg,#edfafa,#f4f5ff)}
 .inquiry-intro h1{font-size:clamp(34px,4vw,54px)}
 .inquiry-intro p,.inquiry-points li{color:#546983}
 .legal-hero h1{font-size:clamp(36px,4vw,60px)}
 .legal-section{padding:70px 0 90px;background:#fff}
 .legal-layout{grid-template-columns:230px minmax(0,1fr);gap:65px}
 .legal-layout-single{grid-template-columns:minmax(0,1fr);max-width:950px}
 .legal-content{min-width:0;max-width:78ch}
 .legal-content h2{font-size:28px;max-width:none;line-height:1.35;margin:40px 0 18px;letter-spacing:-.015em}
 .legal-content h3{font-size:21px}
 .legal-content :is(p,li){font-size:16px;line-height:1.75;color:#536177}
 .legal-toc{background:#f4f7fd;border:1px solid #dbe5f4;border-radius:8px;padding:24px}
 .legal-toc :is(strong,a){color:#456393}
 .legal-notice,.legal-lead,.hl-legal-note{background:#ecf4ff;border-color:#c8daf3;color:#496284}
 .legal-notice strong{color:#395988}
 .error-hero{min-height:0}
 /* Real websites are the main visual, with legible browser edges. */
 .site-portfolio-hero-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}
 .site-portfolio-intro{min-width:0;position:relative;z-index:1}
 .site-portfolio-intro .site-section-action{justify-content:flex-start;padding:0;margin-top:28px}
 .case-index-hero h1{font-size:var(--type-title)}
 .case-index-marquee{display:flex;flex-wrap:wrap;gap:8px 16px;max-width:100%;overflow:visible;margin-top:26px;color:#57719a;background:none;animation:none}
 .case-index-marquee span{font-size:11px;color:#627797;letter-spacing:0}
 .case-index-marquee::before,.case-index-marquee::after{display:none}
 .site-project-stage{position:relative;min-width:0;height:440px;direction:ltr;isolation:isolate}
 .site-browser-preview{overflow:hidden;border:1px solid #cddbf1;border-radius:9px;background:#fff;box-shadow:0 22px 60px #273e6920;min-width:0}
 .site-browser-top{height:31px;background:#edf2fb;display:flex;align-items:center;gap:25px;padding:0 13px;color:#657796;direction:ltr;font-size:10px;border-bottom:1px solid #d6e1f2}
 .site-browser-top i{width:5px;height:5px;border-radius:50%;background:#8da2c6;box-shadow:8px 0 #adbbd4,16px 0 #c4cde1;flex:0 0 5px;margin-right:12px}
 .site-browser-top span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .site-browser-preview img{display:block;width:100%;height:auto;object-position:top}
 .site-project-stage .site-browser-preview{position:absolute;width:80%;max-width:540px}
 .site-stage-1{left:0;top:15px;transform:rotate(-4deg);z-index:1}
 .site-stage-2{right:-2%;top:102px;transform:rotate(3deg);z-index:2}
 .site-stage-3{left:7%;top:205px;transform:rotate(-2deg);z-index:3}
 .site-project-stage .site-browser-preview img{aspect-ratio:1.96;object-fit:cover}
 .websites-hero--copy-only .page-hero-grid{grid-template-columns:1.1fr .9fr;max-width:none}
 .websites-hero--copy-only .page-hero-copy{max-width:none}
 .websites-hero--copy-only .site-project-stage{display:block}
 .project-tabs{display:flex;gap:15px;flex-wrap:wrap;padding-block:32px;margin-block:0;background:#fff;border:0;position:relative;z-index:2}
 .project-tabs a{padding:14px 25px;background:#f1f5fe;color:#506b98;border:1px solid #d8e4f4;border-radius:6px;font-size:14px}
 .project-tabs a[aria-selected=true]{background:#e4edff;border-color:#799ae3;color:#3157af;box-shadow:0 0 0 1px #799ae3}
 .interactive-projects{padding:45px 0 80px;background:#f4f8fe;color:#233c5e}
 .interactive-projects-head{padding-block:0 30px}
 .interactive-projects-head h2{color:#213653;font-size:36px}
 .interactive-projects-head p{color:#5b6e88}
 .interactive-project-grid{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding:8px 0 22px;scrollbar-width:thin;scrollbar-color:#aac0e6 #e9eff9;direction:ltr;overscroll-behavior-x:contain}
 .interactive-project-card{flex:0 0 92%;max-width:100%;display:grid;grid-template-columns:1.65fr 1fr;grid-template-rows:31px 1fr;gap:0;border:1px solid #cfddf1;border-radius:10px;background:#fff;box-shadow:0 14px 35px #27477710;scroll-snap-align:start;scroll-snap-stop:always;direction:ltr}
 .interactive-project-card>.site-browser-top{grid-column:1;grid-row:1}
 .interactive-project-media{grid-column:1;grid-row:2;align-self:center;aspect-ratio:16/10;max-height:440px;background:#edf3fd}
 .interactive-project-media img{object-fit:contain;background:#edf3fd}
 .interactive-project-copy{grid-column:2;grid-row:1/3;align-self:center;padding:34px;text-align:start}
 .interactive-project-copy>span{color:#5574a9;font-size:11px;line-height:1.6}
 .interactive-project-copy h3{color:#233b61;font-size:29px;margin:17px 0}
 .interactive-project-copy p{color:#61718a;font-size:14px;line-height:1.8}
 .interactive-project-copy a{color:#355eb8;font-size:13px;line-height:1.7;border-bottom:1px solid #b8caec;padding-bottom:5px}
 .site-gallery-controls{display:flex;align-items:center;justify-content:space-between;margin-top:20px;color:#5873a2}
 .site-gallery-controls[hidden]{display:none}
 .site-gallery-controls>div{display:flex;gap:10px}
 .site-gallery-controls button,.case-carousel-buttons button{width:48px;height:45px;border-radius:6px;background:#fff;color:#4165b5;border:1px solid #bfcfee;font-size:20px}
 .site-gallery-controls button:disabled{opacity:.35;cursor:default}
 .site-gallery-position{font-size:12px;font-variant-numeric:tabular-nums}
 .case-feature-grid{grid-template-columns:1fr;gap:40px}
 .case-feature-media{width:100%;max-width:none;border:1px solid #cbdcf0;border-radius:10px;box-shadow:0 22px 60px #27416a15;background:#e9eff9;transform:none}
 .case-feature-media img{width:100%;max-height:620px;height:auto;object-fit:cover;object-position:top}
 .studio-browser-bar{background:#e6edf9;color:#6a7d9d}
 .studio-browser-bar small{color:#6a7d9d}
 .case-feature-copy{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px 50px}
 .case-feature-copy>.eyebrow{grid-column:1/-1}
 .case-feature-copy h2{font-size:36px;margin:0;max-width:none}
 .case-feature-copy dl{grid-column:2;grid-row:2/4;margin:0}
 .case-feature-copy .button-row{align-items:start}
 .case-feature-copy dt{color:#4169ad}
 .case-feature-copy dd{color:#60718b}
 .case-filter{gap:8px;flex-wrap:wrap}
 .case-filter button{background:#fff;border:1px solid #d4e0f3;color:#597298;border-radius:5px;padding:10px 14px}
 .case-filter button.is-active{background:#e6eeff;border-color:#8aa8e5;color:#355bb0}
 .case-carousel-viewport{border-radius:10px;padding:0;transition:height 450ms cubic-bezier(.2,.7,.25,1)}
 .case-carousel-track{align-items:flex-start}
 .case-carousel .case-editorial-card{height:auto;min-height:490px;grid-template-columns:1.65fr 1fr;border:1px solid #d3e0f3;border-radius:10px;background:#fff;box-shadow:none;align-items:center}
 .case-carousel .case-editorial-card::after,.case-carousel .case-editorial-card>div::before{display:none}
 .case-carousel .case-editorial-card>.site-browser-preview{padding:0;grid-column:1;grid-row:1;background:#edf3fd;align-self:stretch;border:0;border-radius:9px 0 0 9px;display:flex;flex-direction:column;justify-content:center;box-shadow:none}
 .case-carousel .site-browser-preview .site-browser-top{position:absolute;top:0;left:0;right:0;z-index:1}
 .case-carousel .site-browser-preview img{position:static;width:100%;height:auto;aspect-ratio:1.6;object-fit:contain;transform:none;filter:none;background:transparent;margin-top:31px}
 .case-carousel .case-editorial-card>div:not(.site-browser-preview){grid-column:2;grid-row:1;padding:35px;background:#fff;min-height:0;color:#2f4c78}
 .case-carousel .case-editorial-card h3{color:#243e65;font-size:31px;line-height:1.18;hyphens:none;max-width:none}
 .case-carousel .case-editorial-card p{color:#60718a;font-size:14px;line-height:1.8}
 .case-carousel .case-editorial-card>div>span{color:#5576ad;font-size:11px}
 .case-carousel .case-editorial-card a:not(.reference-preview-hit){color:#3b62b6;background:#edf3ff;border:1px solid #bfd0ee;border-radius:6px;font-size:12px}
 .case-carousel .case-editorial-card>.reference-preview-hit{inset:0 38% 0 0;background:transparent;border-radius:8px 0 0 8px}
 .case-carousel-meta{color:#5c759d}
 .case-carousel-progress{background:#dae5f6}.case-carousel-progress span{background:linear-gradient(90deg,#35d9d3,#7995f2)}
 .case-visual img{max-width:none;max-height:none;width:100%;height:auto;border-radius:0;box-shadow:none}
 .case-visual .site-browser-preview{width:100%;box-shadow:0 24px 70px #2e4e751a}
 .case-meta{gap:15px;color:#5a7195;border-color:#d6e2f4}
 .case-meta span{color:#5a7195}
 .project-carousel{background:#eff4fd;border-color:#d9e4f5;border-radius:12px}
 .project-slide{background:#edf4fe;border-color:#d6e2f5}
 .project-caption{background:#fff;color:#304c75;border:1px solid #d9e5f5;box-shadow:0 15px 35px #2a447a16;border-radius:8px}
 .project-caption :is(h3,p,span){color:#365680}
 .project-caption .button{background:var(--site-gradient);color:#163354}
 .project-proof{color:#536f9b;border-color:#d6e2f4;background:#fff}
 .project-controls{background:#f7faff;border-color:#d7e3f5}
 .project-controls button{color:#3f64b5;border-color:#b4caeb;background:#fff}
 @media(max-width:1100px){
  .page-hero-grid,.ai-hero-grid{gap:35px}
  .site-portfolio-hero-grid{grid-template-columns:1fr 1fr;gap:30px}
  .site-project-stage{height:370px}.site-stage-2{top:95px}.site-stage-3{top:190px}
  .service-grid,.process-grid,.pricing-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pricing-package:last-child{grid-column:1/-1}
  .interactive-project-card{flex-basis:96%;grid-template-columns:1.2fr 1fr}
  .interactive-project-copy{padding:25px}.interactive-project-copy h3{font-size:25px}
 }
 @media(max-width:760px){
  main :is(.container,.v3-container){width:calc(100% - 40px)}
  main :is(.page-hero,.ai-hero,.legal-hero){padding:calc(var(--helfano-header-height,78px) + 24px) 0 38px}
  main h1{font-size:var(--type-title);max-width:23ch;line-height:1.14;font-weight:650;letter-spacing:-.035em}
  main h2{font-size:var(--type-section);line-height:1.23;max-width:30ch;font-weight:650}
  main h3{font-size:22px;font-weight:620;line-height:1.35}
  main .breadcrumb{margin-bottom:20px;font-size:11px}
  main .page-hero p,main .v3-lead{font-size:15px;line-height:1.55;max-width:58ch}
  main :is(.section,.ai-section,.case-feature,.case-library,.pricing-package-stage,.pricing-compare,.pricing-costs,.pricing-process,.pricing-other,.pricing-faq,.about-portrait-story,.about-focus,.about-journey-section,.about-location,.contact-premium-section){padding:44px 0}
  .page-hero-grid,.ai-hero-grid,.site-portfolio-hero-grid,.websites-hero--copy-only .page-hero-grid{grid-template-columns:1fr;gap:35px}
  .page-hero-grid>*,.ai-hero-grid>*{min-width:0}
  .site-project-stage{height:330px;max-width:440px;width:100%;margin:auto}
  .site-stage-1{top:0;left:0}.site-stage-2{top:85px;right:0}.site-stage-3{top:168px}
  .site-portfolio-intro h1{font-size:var(--type-title)}
  .service-grid,.process-grid,.package-grid,.pricing-package-grid,.ai-card-grid,.ai-limit-grid,.about-journey{grid-template-columns:1fr}
  .pricing-package:last-child{grid-column:auto}
  main :is(.service-card,.process-card,.package-card,.check-card,.individual-offer,.ai-card,.teaser-panel){padding:26px;min-height:0}
  main :is(.content-grid,.ai-split){gap:28px;grid-template-columns:1fr}
  .pricing-cost-grid,.contact-premium-section .contact-layout,.inquiry-layout{grid-template-columns:1fr;gap:35px}
  .pricing-package{padding:29px}
  .pricing-compare-table th,.pricing-compare-table td{padding:13px;font-size:12px}
  .pricing-process-path{grid-template-columns:1fr}
  .interactive-offer{padding:65px 0}
  .interactive-offer-grid{grid-template-columns:1fr;gap:30px}
  .about-portrait-grid,.about-focus-grid,.about-location-grid{grid-template-columns:1fr;gap:35px}
  .contact-form{padding:25px 20px;box-shadow:none;border-radius:6px}
  .inquiry-section{padding-top:110px!important}
  .legal-layout{grid-template-columns:1fr;gap:30px}
  .legal-toc{position:static}.legal-section{padding:40px 0 65px}
  .legal-content h2{font-size:24px;letter-spacing:-.015em}.legal-content :is(p,li){font-size:16px;overflow-wrap:anywhere;line-height:1.75}
  .project-tabs{gap:9px;padding-block:22px}
  .project-tabs a{flex:1 1 130px;text-align:center;font-size:12px;padding:12px}
  .interactive-projects{padding:32px 0 60px}
  .interactive-projects-head{display:block;padding-bottom:25px}
  .interactive-projects-head h2{font-size:29px}
  .interactive-projects-head .button-secondary{margin-top:20px}
  .interactive-project-card{grid-template-columns:1fr;grid-template-rows:31px auto 1fr;flex-basis:94%}
  .interactive-project-card>.site-browser-top{grid-column:1;grid-row:1}
  .interactive-project-media{grid-column:1;grid-row:2;aspect-ratio:16/10;width:100%}
  .interactive-project-copy{grid-column:1;grid-row:3;padding:25px}
  .interactive-project-copy h3{font-size:25px}
  .site-gallery-controls{margin-top:5px}
  .case-feature-copy{display:block}.case-feature-copy h2{font-size:29px;margin:18px 0 26px}
  .case-feature-copy .button-row{margin-top:25px}
  .case-carousel .case-editorial-card{grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:0;height:auto}
  .case-carousel .case-editorial-card>.site-browser-preview{grid-column:1;grid-row:1;border-radius:9px 9px 0 0}
  .case-carousel .site-browser-preview img{aspect-ratio:1.75}
  .case-carousel .case-editorial-card>div:not(.site-browser-preview){grid-column:1;grid-row:2;padding:25px}
  .case-carousel .case-editorial-card h3{font-size:27px}
  .case-carousel .case-editorial-card>.reference-preview-hit{inset:0 0 auto;height:200px}
  .case-carousel-controls{grid-template-columns:1fr auto;gap:18px}
  .case-carousel-progress{display:none}
  .project-caption h3{font-size:24px}.project-caption p{font-size:16px;line-height:1.65}
 }
 @media(max-width:370px){.site-project-stage{height:295px}.site-stage-2{top:75px}.site-stage-3{top:150px}.site-portfolio-intro h1{font-size:var(--type-title)}.interactive-project-copy{padding:21px}.interactive-project-copy h3{font-size:23px}}
 @media(prefers-reduced-motion:reduce){
  .case-carousel-viewport{transition:none}
  .site-project-stage .site-browser-preview{animation:none!important}
  .interactive-project-grid{scroll-behavior:auto}
 }
}
html[dir=rtl] body.site-subpage[data-site-layout="light-1"] .interactive-project-copy{direction:rtl}
html[dir=rtl] body.site-subpage[data-site-layout="light-1"] .case-carousel-track{direction:ltr}
html[dir=rtl] body.site-subpage[data-site-layout="light-1"] .case-editorial-card>div:not(.site-browser-preview){direction:rtl}