/* Hafnak three-pillar services 2026 — all declarations scoped to .hf-sv */
.hf-sv{--sv-ink:#211b21;--sv-red:#f31a42;--sv-burg:#a80f35;--sv-muted:#726971;--sv-line:#ede7eb;direction:rtl;background:#fff;color:var(--sv-ink);overflow:hidden}
.hf-sv *,.hf-sv *:before,.hf-sv *:after{box-sizing:border-box}
.hf-sv .hf-sv-wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.hf-sv a{text-decoration:none}.hf-sv a:focus-visible{outline:3px solid #fb7992;outline-offset:4px}
.hf-sv h1,.hf-sv h2,.hf-sv h3,.hf-sv p{margin-top:0}
.hf-sv h2{font-size:clamp(28px,3.4vw,42px);line-height:1.55;letter-spacing:-.025em;font-weight:900}
.hf-sv p{line-height:2.1}
.hf-sv .hf-sv-hero{position:relative;isolation:isolate;background:radial-gradient(circle at 24% 39%,rgba(150,39,73,.3) 0,transparent 38%),linear-gradient(135deg,#18161c 0%,#21161e 60%,#351723 100%);color:#fff;padding:25px 0 72px}
.hf-sv .hf-sv-breadcrumb{display:flex;align-items:center;gap:10px;color:#a99ba5;font-size:12px;margin-bottom:44px}
.hf-sv .hf-sv-breadcrumb a{color:#f1e5eb}
.hf-sv .hf-sv-breadcrumb a:hover{color:#fff}
.hf-sv .hf-sv-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:64px}
.hf-sv .hf-sv-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#b51940;font-size:12px;line-height:1.7;font-weight:900}
.hf-sv .hf-sv-eyebrow:before{content:"";width:22px;height:2px;background:currentColor;border-radius:4px}
.hf-sv .hf-sv-eyebrow--light{color:#ff9caf}
.hf-sv .hf-sv-hero-copy h1{font-size:clamp(41px,4.5vw,67px);line-height:1.47;letter-spacing:-.039em;font-weight:950;color:#fff;margin:19px 0 22px;max-width:670px}
.hf-sv .hf-sv-hero-copy h1 span{display:block;color:#ff8ca2}
.hf-sv .hf-sv-hero-copy p{color:#e4dbe0;max-width:600px;font-size:15px;line-height:2.2;margin:0 0 29px}
.hf-sv .hf-sv-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}
.hf-sv .hf-sv-btn{display:inline-flex;justify-content:center;align-items:center;gap:22px;border:0;border-radius:13px;padding:13px 23px;min-height:52px;font-size:14px;font-weight:900;transition:transform .2s,box-shadow .2s,background-color .2s;white-space:nowrap}
.hf-sv .hf-sv-btn:hover{transform:translateY(-3px)}
.hf-sv .hf-sv-btn span{font-size:19px;line-height:1}
.hf-sv .hf-sv-btn--white{color:#281c24;background:#fff;box-shadow:0 12px 29px rgba(0,0,0,.12)}
.hf-sv .hf-sv-btn--white:hover{color:#9b1737;background:#fff5f7}
.hf-sv .hf-sv-link--light{color:#faf0f2;font-size:13px;font-weight:750}
.hf-sv .hf-sv-link--light:hover{color:#ffb4c4}
.hf-sv .hf-sv-hero-footer{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#dbced5;font-size:11px;margin-top:35px}
.hf-sv .hf-sv-hero-footer i{display:block;background:#fb627e;width:5px;height:5px;border-radius:50%}
.hf-sv .hf-sv-hero-art{position:relative;min-height:445px;display:grid;place-items:center}
.hf-sv .hf-sv-art-frame{position:relative;z-index:2;width:min(100%,410px);border:1px solid rgba(255,255,255,.29);border-radius:28px;background:linear-gradient(155deg,rgba(255,255,255,.13),rgba(255,255,255,.05));box-shadow:0 32px 60px rgba(0,0,0,.16);padding:25px;backdrop-filter:blur(14px)}
.hf-sv .hf-sv-art-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.12em;color:#c3aab6;direction:ltr}
.hf-sv .hf-sv-art-header b{font-size:18px;color:#ffa0b4;letter-spacing:0}
.hf-sv .hf-sv-art-center{padding:38px 7px 29px;text-align:right}
.hf-sv .hf-sv-art-caption{font-size:12px;color:#ead2da}
.hf-sv .hf-sv-art-center strong{display:block;color:#fff;font-size:clamp(24px,2.6vw,34px);font-weight:900;line-height:1.65;margin-top:6px}
.hf-sv .hf-sv-art-center em{font-style:normal;color:#ff90a7}
.hf-sv .hf-sv-art-line{width:50px;height:3px;background:#ff7894;border-radius:3px;margin-top:17px}
.hf-sv .hf-sv-art-tracks{display:grid;gap:9px}
.hf-sv .hf-sv-art-tracks>div{display:flex;align-items:center;gap:13px;padding:15px 16px;background:rgba(255,255,255,.105);border:1px solid rgba(255,255,255,.12);border-radius:13px}
.hf-sv .hf-sv-art-num{color:#ffb6c6;font-weight:900;font-size:12px}
.hf-sv .hf-sv-art-tracks strong{font-size:13px;font-weight:800;color:#fff;flex:1}
.hf-sv .hf-sv-art-tracks b{font-size:18px;color:#e8c7d1}
.hf-sv .hf-sv-art-ring{position:absolute;z-index:-1;width:490px;height:490px;border:1px solid rgba(255,255,255,.095);border-radius:50%}
.hf-sv .hf-sv-art-ring:after{content:"";position:absolute;inset:45px;border:1px dashed rgba(255,255,255,.095);border-radius:50%}
.hf-sv .hf-sv-art-spark{position:absolute;z-index:2;top:0;left:0;color:#ff7797;font-size:42px}
.hf-sv .hf-sv-section{padding:92px 0}
.hf-sv .hf-sv-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:39px}
.hf-sv .hf-sv-heading>div{max-width:680px}
.hf-sv .hf-sv-heading h2{margin:10px 0 0}
.hf-sv .hf-sv-heading>p{max-width:355px;color:#726b74;font-size:14px;line-height:2.1;margin:0}
.hf-sv .hf-sv-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.hf-sv .hf-sv-pillar{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:382px;overflow:hidden;padding:27px 27px 25px;border-radius:23px;border:1px solid #eee7ea;color:#261f26;background:#fbf8fa;transition:transform .24s,box-shadow .24s,border-color .24s}
.hf-sv .hf-sv-pillar:hover{transform:translateY(-6px);box-shadow:0 21px 49px rgba(36,22,31,.1)}
.hf-sv .hf-sv-pillar--consult{background:linear-gradient(145deg,#8c1130,#3c1c2a);color:#fff;border-color:#67142e}
.hf-sv .hf-sv-pillar--sepidar{background:linear-gradient(155deg,#fff7f8,#fff 85%);border-color:#f2e3e7}
.hf-sv .hf-sv-pillar--dasht{background:linear-gradient(155deg,#f7f5f4,#fff 85%);border-color:#ece8e8}
.hf-sv .hf-sv-pillar-top{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#9c697a;font-weight:800}
.hf-sv .hf-sv-pillar--consult .hf-sv-pillar-top{color:#ffd2dc}
.hf-sv .hf-sv-pillar-top i{font-style:normal;font-size:20px;line-height:1}
.hf-sv .hf-sv-pillar-symbol{font-size:44px;display:block;line-height:1;color:#ed2d55;margin-top:42px}
.hf-sv .hf-sv-pillar--consult .hf-sv-pillar-symbol{color:#ff9db4}
.hf-sv .hf-sv-pillar--dasht .hf-sv-pillar-symbol{color:#836875}
.hf-sv .hf-sv-pillar h3{font-size:26px;line-height:1.52;margin:14px 0 12px;font-weight:900;color:inherit}
.hf-sv .hf-sv-pillar p{font-size:13px;line-height:2.1;color:#6c626b;margin-bottom:24px}
.hf-sv .hf-sv-pillar--consult p{color:#f1dbe2}
.hf-sv .hf-sv-pillar-cta{margin-top:auto;display:inline-flex;align-items:center;gap:10px;color:#b61a3e;font-size:13px;font-weight:900}
.hf-sv .hf-sv-pillar--consult .hf-sv-pillar-cta{color:#fff}
.hf-sv .hf-sv-pillar-cta b{font-size:20px;line-height:1}
.hf-sv .hf-sv-consulting{background:linear-gradient(130deg,#fff3f6 0,#fffbfc 55%,#f9f6f8 100%)}
.hf-sv .hf-sv-consult-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:75px;align-items:center}
.hf-sv .hf-sv-consult-copy h2{margin:14px 0 19px;max-width:620px}
.hf-sv .hf-sv-consult-copy h2 span{color:#b7163b}
.hf-sv .hf-sv-consult-copy>p{color:#68616a;line-height:2.2;font-size:14px;max-width:590px}
.hf-sv .hf-sv-consult-points{margin:27px 0 28px;display:grid;gap:12px}
.hf-sv .hf-sv-consult-points>div{display:flex;align-items:center;gap:14px;font-size:13px;color:#42333c;font-weight:750}
.hf-sv .hf-sv-consult-points b{font-size:11px;width:31px;height:31px;flex:0 0 31px;border-radius:9px;background:#fff;border:1px solid #f5cfd8;color:#c82148;display:grid;place-items:center}
.hf-sv .hf-sv-links{display:flex;align-items:center;flex-wrap:wrap;gap:23px}
.hf-sv .hf-sv-btn--red{background:#e91b45;color:#fff}
.hf-sv .hf-sv-btn--red:hover{color:#fff;background:#b90f35;box-shadow:0 12px 29px rgba(185,15,53,.15)}
.hf-sv .hf-sv-secondary{font-size:13px;color:#97203e;font-weight:850}
.hf-sv .hf-sv-secondary:hover{color:#e91b45}
.hf-sv .hf-sv-consult-visual{position:relative;min-height:490px;display:grid;place-items:center}
.hf-sv .hf-sv-insight{width:min(100%,430px);position:relative;z-index:2;background:#fff;border:1px solid #f3e2e7;border-radius:25px;box-shadow:0 33px 65px rgba(77,38,53,.105);padding:28px}
.hf-sv .hf-sv-insight-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#5e4a55;font-weight:900;border-bottom:1px solid #f0e7eb;padding-bottom:17px}
.hf-sv .hf-sv-insight-dots{font-size:11px;letter-spacing:5px;color:#f2a4b5}
.hf-sv .hf-sv-insight-center{padding:22px 0 16px}
.hf-sv .hf-sv-insight-center small{color:#91818a;font-size:12px}
.hf-sv .hf-sv-insight-bridge{display:flex;align-items:center;gap:13px;margin:6px 0;color:#a51c40;font-size:14px;font-weight:800}
.hf-sv .hf-sv-insight-flow{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#fff0f4;color:#d31948;font-size:21px}
.hf-sv .hf-sv-insight-center strong{display:block;font-weight:900;font-size:24px;color:#261d25}
.hf-sv .hf-sv-insight-diagram{height:136px;display:flex;align-items:end;justify-content:space-around;gap:12px;padding:0 7px 1px;border-bottom:1px dashed #ead6dc}
.hf-sv .hf-sv-insight-diagram i{display:block;flex:1;max-width:43px;height:var(--v);border-radius:9px 9px 0 0;background:linear-gradient(0deg,#ffd8e0,#ed345a)}
.hf-sv .hf-sv-insight-diagram i:nth-child(2n){background:linear-gradient(0deg,#eee9ed,#beaeb7)}
.hf-sv .hf-sv-insight-bottom{display:flex;justify-content:space-between;gap:10px;padding-top:14px;color:#9d8794;font-size:11px}
.hf-sv .hf-sv-insight-label{position:absolute;bottom:9px;right:4px;z-index:3;display:flex;gap:10px;align-items:center;padding:15px 19px;border:1px solid #f2d5dd;border-radius:14px;background:#fff;box-shadow:0 13px 30px rgba(61,29,45,.1);font-size:13px;color:#37212c}
.hf-sv .hf-sv-insight-label>span{color:#e72d54;font-size:22px}
.hf-sv .hf-sv-products{background:#fff}
.hf-sv .hf-sv-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px}
.hf-sv .hf-sv-product{display:flex;flex-direction:column;align-items:flex-start;min-height:489px;padding:37px 38px 33px;border-radius:25px;border:1px solid #efebee;position:relative;overflow:hidden}
.hf-sv .hf-sv-product:before{content:"";position:absolute;top:-76px;left:-69px;width:210px;height:210px;border:1px solid rgba(197,79,112,.18);border-radius:50%}
.hf-sv .hf-sv-product--company{background:linear-gradient(155deg,#fbf8fa 0%,#fff 85%)}
.hf-sv .hf-sv-product--shop{background:linear-gradient(155deg,#f9f7f6 0%,#fff 85%)}
.hf-sv .hf-sv-product-head{width:100%;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}
.hf-sv .hf-sv-product-index{color:#b01d40;border:1px solid #f2d9e1;border-radius:999px;background:#fff;padding:7px 12px;font-size:11px;font-weight:900}
.hf-sv .hf-sv-product-mark{font-size:40px;line-height:1;color:#c8274c}
.hf-sv .hf-sv-product--shop .hf-sv-product-mark{color:#8e6271}
.hf-sv .hf-sv-product-title{margin:33px 0 11px}
.hf-sv .hf-sv-product-title span{display:block;color:#86747f;font-size:13px;font-weight:700}
.hf-sv .hf-sv-product-title h3{font-size:44px;line-height:1.4;font-weight:900;letter-spacing:-.035em;margin:5px 0 0;color:#211920}
.hf-sv .hf-sv-product>p{color:#645d65;font-size:14px;line-height:2.1;max-width:500px}
.hf-sv .hf-sv-product ul{list-style:none;padding:0;margin:6px 0 32px;display:grid;gap:9px}
.hf-sv .hf-sv-product li{font-size:13px;line-height:1.9;color:#49414a;display:flex;align-items:baseline;gap:11px}
.hf-sv .hf-sv-product li:before{content:"✓";flex:none;color:#ca1b43;font-weight:900}
.hf-sv .hf-sv-product-actions{margin-top:auto;display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.hf-sv .hf-sv-btn--dark{background:#2b2029;color:#fff}
.hf-sv .hf-sv-btn--dark:hover{background:#a6193d;color:#fff}
.hf-sv .hf-sv-product-more{color:#a11c3c;font-size:13px;font-weight:850}
.hf-sv .hf-sv-product-more:hover{color:#e71e49}
.hf-sv .hf-sv-method{background:#f9f8fa}
.hf-sv .hf-sv-method-intro{text-align:center;max-width:770px;margin:0 auto 45px}
.hf-sv .hf-sv-method-intro h2{margin:11px 0 0}
.hf-sv .hf-sv-method-intro h2 span{color:#ba1f42}
.hf-sv .hf-sv-method-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hf-sv .hf-sv-method-steps>div{padding:27px 22px 25px;border:1px solid #eee8ed;border-radius:19px;background:#fff}
.hf-sv .hf-sv-method-steps>div>span{display:grid;place-items:center;width:45px;height:45px;background:#fff0f4;color:#bc1740;border-radius:13px;font-size:18px;font-weight:900;margin-bottom:17px}
.hf-sv .hf-sv-method-steps h3{font-size:18px;line-height:1.8;font-weight:900;margin:0 0 8px}
.hf-sv .hf-sv-method-steps p{font-size:12px;line-height:2.1;color:#746c74;margin:0}
.hf-sv .hf-sv-bottom{background:#fff;padding:78px 0 93px}
.hf-sv .hf-sv-bottom-inner{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:55px;border-radius:27px;padding:50px 55px;background:radial-gradient(circle at 8% 60%,rgba(177,58,88,.22),transparent 35%),linear-gradient(130deg,#21171f,#351a25);color:#fff}
.hf-sv .hf-sv-bottom-inner:before{content:"";position:absolute;bottom:-144px;left:23%;border:1px solid rgba(255,255,255,.08);width:300px;height:300px;border-radius:50%;pointer-events:none}
.hf-sv .hf-sv-bottom-inner>div{position:relative;z-index:1}
.hf-sv .hf-sv-bottom h2{font-size:clamp(28px,3vw,39px);color:#fff;margin:12px 0 13px}
.hf-sv .hf-sv-bottom h2 span{color:#ff91a8}
.hf-sv .hf-sv-bottom p{font-size:14px;max-width:630px;color:#eddee4;line-height:2.1;margin:0}
.hf-sv .hf-sv-bottom-actions{display:flex;flex-direction:column;align-items:center;gap:16px;flex:none}
.hf-sv .hf-sv-bottom-phone{color:#fff;font-size:16px;font-weight:900}
.hf-sv .hf-sv-bottom-phone:hover{color:#ffb1c5}
@media(max-width:1050px){
 .hf-sv .hf-sv-hero-grid{gap:25px}
 .hf-sv .hf-sv-hero-copy h1{font-size:clamp(39px,4.3vw,55px)}
 .hf-sv .hf-sv-consult-grid{gap:35px}
 .hf-sv .hf-sv-pillar{padding:23px;min-height:380px}
 .hf-sv .hf-sv-pillar h3{font-size:23px}
 .hf-sv .hf-sv-product{padding:31px 28px}
}
@media(max-width:800px){
 .hf-sv .hf-sv-wrap{width:min(100% - 34px,1180px)}
 .hf-sv .hf-sv-hero{padding:25px 0 54px}
 .hf-sv .hf-sv-breadcrumb{margin-bottom:30px}
 .hf-sv .hf-sv-hero-grid{grid-template-columns:1fr;gap:24px}
 .hf-sv .hf-sv-hero-copy h1{max-width:720px}
 .hf-sv .hf-sv-hero-art{min-height:370px}
 .hf-sv .hf-sv-art-frame{max-width:400px}
 .hf-sv .hf-sv-art-ring{width:420px;height:420px}
 .hf-sv .hf-sv-section{padding:68px 0}
 .hf-sv .hf-sv-heading{display:block;margin-bottom:29px}
 .hf-sv .hf-sv-heading>p{max-width:670px;margin-top:14px}
 .hf-sv .hf-sv-three{gap:12px}
 .hf-sv .hf-sv-pillar{padding:19px;min-height:340px}
 .hf-sv .hf-sv-pillar h3{font-size:21px}
 .hf-sv .hf-sv-pillar-symbol{margin-top:26px}
 .hf-sv .hf-sv-consult-grid{grid-template-columns:1fr;gap:22px}
 .hf-sv .hf-sv-consult-visual{min-height:415px}
 .hf-sv .hf-sv-product-grid{gap:12px}
 .hf-sv .hf-sv-product{padding:25px 21px}
 .hf-sv .hf-sv-bottom-inner{padding:40px 35px;gap:22px}
}
@media(max-width:640px){
 .hf-sv .hf-sv-wrap{width:min(100% - 28px,1180px)}
 .hf-sv .hf-sv-hero-copy h1{font-size:36px}
 .hf-sv .hf-sv-hero-copy p{font-size:14px}
 .hf-sv .hf-sv-btn{width:100%;white-space:normal}
 .hf-sv .hf-sv-hero-actions{gap:15px}
 .hf-sv .hf-sv-hero-footer{gap:9px;font-size:10px}
 .hf-sv .hf-sv-hero-art{min-height:345px}
 .hf-sv .hf-sv-art-frame{width:min(92%,380px);padding:18px;border-radius:20px}
 .hf-sv .hf-sv-art-center{padding:21px 4px 17px}
 .hf-sv .hf-sv-art-center strong{font-size:26px}
 .hf-sv .hf-sv-art-tracks>div{padding:12px}
 .hf-sv .hf-sv-art-ring{width:320px;height:320px}
 .hf-sv .hf-sv-art-spark{left:0;top:9px}
 .hf-sv .hf-sv-section{padding:55px 0}
 .hf-sv .hf-sv-three{grid-template-columns:1fr;gap:12px}
 .hf-sv .hf-sv-pillar{min-height:0;padding:23px}
 .hf-sv .hf-sv-pillar-symbol{margin-top:26px;font-size:38px}
 .hf-sv .hf-sv-pillar h3{margin-top:13px;font-size:25px}
 .hf-sv .hf-sv-pillar h3 br{display:none}
 .hf-sv .hf-sv-pillar p{margin-bottom:21px}
 .hf-sv .hf-sv-links{gap:15px}
 .hf-sv .hf-sv-consult-visual{min-height:388px}
 .hf-sv .hf-sv-insight{padding:18px}
 .hf-sv .hf-sv-insight-label{font-size:11px}
 .hf-sv .hf-sv-product-grid{grid-template-columns:1fr}
 .hf-sv .hf-sv-product{min-height:0;padding:27px 24px}
 .hf-sv .hf-sv-product-title{margin-top:24px}
 .hf-sv .hf-sv-product-title h3{font-size:40px}
 .hf-sv .hf-sv-product-actions{width:100%;gap:18px}
 .hf-sv .hf-sv-method-steps{grid-template-columns:1fr;gap:12px}
 .hf-sv .hf-sv-method-steps>div{padding:23px}
 .hf-sv .hf-sv-method-intro{margin-bottom:28px}
 .hf-sv .hf-sv-bottom{padding:43px 0 57px}
 .hf-sv .hf-sv-bottom-inner{display:block;padding:31px 25px;border-radius:23px}
 .hf-sv .hf-sv-bottom-actions{margin-top:26px;align-items:stretch}
 .hf-sv .hf-sv-bottom-phone{text-align:center}
}
@media(prefers-reduced-motion:reduce){
 .hf-sv .hf-sv-btn,.hf-sv .hf-sv-pillar{transition:none}
 .hf-sv .hf-sv-btn:hover,.hf-sv .hf-sv-pillar:hover{transform:none}
}