:root {
  --home-ink:#12213d;
  --home-muted:#627189;
  --home-line:#dfe7f1;
  --home-blue:#315ed3;
  --home-green:#2da77b;
  --home-soft:#f5f8fc;
  --home-white:#fff;
  --home-container:1220px;
  --home-radius:24px;
  --home-shadow:0 20px 60px rgb(30 55 105 / 9%);
}
.page-home-commercial-v2{overflow-x:hidden;background:#fff}
.home-symbols{position:absolute;overflow:hidden}
.home-v2,.home-v2 *{box-sizing:border-box}
.home-v2{color:var(--home-ink)}
.home-v2 svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-container{width:min(var(--home-container),calc(100% - 32px));margin-inline:auto}
.home-section{padding:clamp(72px,8vw,112px) 0}
.home-section-head{max-width:790px;margin:0 auto 44px;text-align:center}
.home-section-head>span,.home-network__content>span,.home-final-cta>span{display:inline-flex;border:1px solid rgb(49 94 211 / 15%);border-radius:999px;padding:7px 12px;color:var(--home-blue);background:rgb(49 94 211 / 5%);font-size:11px;font-weight:950}
.home-section-head h2,.home-network__content h2{margin:16px 0 0;color:var(--home-ink);font-size:clamp(30px,4.5vw,50px);line-height:1.4;letter-spacing:-.04em;font-weight:950}
.home-section-head p,.home-network__content p{max-width:700px;margin:14px auto 0;color:var(--home-muted);font-size:14px;line-height:2}
.home-section-head--light h2{color:#fff}
.home-section-head--light>span{color:#9ab7ff;border-color:rgb(154 183 255 / 24%);background:rgb(154 183 255 / 8%)}
.home-eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgb(49 94 211 / 15%);border-radius:999px;padding:8px 13px;color:var(--home-blue);background:rgb(49 94 211 / 5%);font-size:11px;font-weight:950}
.home-eyebrow svg{width:16px;height:16px}
.home-button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:14px;padding:0 20px;font-size:13px;font-weight:950;transition:.2s ease}
.home-button:hover{transform:translateY(-2px)}
.home-button--primary{color:#fff;background:linear-gradient(135deg,var(--home-blue),#5f82ef);box-shadow:0 16px 35px rgb(49 94 211 / 22%)}
.home-button--secondary{color:#263a61;border-color:#dce5f0;background:#fff}
.home-button--dark{color:#fff;background:#14274f}
.home-button--light{color:#2148b4;background:#fff}
.home-button--ghost{color:#fff;border-color:rgb(255 255 255 / 30%);background:rgb(255 255 255 / 7%)}

/* Hero */
.home-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(74px,10vw,126px) 0 72px;background:radial-gradient(circle at 15% 15%,rgb(45 167 123 / 14%),transparent 30%),radial-gradient(circle at 85% 10%,rgb(49 94 211 / 18%),transparent 32%),linear-gradient(180deg,#f8fbff,#fff)}
.home-hero::before{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgb(34 63 116 / 4%) 1px,transparent 1px),linear-gradient(90deg,rgb(34 63 116 / 4%) 1px,transparent 1px);background-size:34px 34px;content:"";mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.home-hero__inner{max-width:990px;text-align:center}
.home-hero h1{max-width:930px;margin:23px auto 0;color:var(--home-ink);font-size:clamp(43px,7vw,78px);line-height:1.23;letter-spacing:-.065em;font-weight:950}
.home-hero h1 span{display:block;color:var(--home-blue)}
.home-hero__lead{max-width:780px;margin:22px auto 0;color:var(--home-muted);font-size:clamp(15px,2vw,18px);line-height:2.05;font-weight:700}
.home-hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}
.home-domain{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:820px;margin:34px auto 0;border:1px solid #dce6f1;border-radius:20px;padding:9px;background:rgb(255 255 255 / 92%);box-shadow:var(--home-shadow);backdrop-filter:blur(12px)}
.home-domain label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-height:58px;border:1px solid #e5ebf3;border-radius:14px;padding:0 15px;background:#fff}
.home-domain label span{color:#7a879a;font-size:11px;font-weight:900}
.home-domain input{width:100%;min-width:0;border:0;outline:0;color:#192a48;background:transparent;text-align:left;font-size:15px;font-weight:900}
.home-domain button{min-width:150px;border:0;border-radius:14px;padding:0 20px;color:#fff;background:linear-gradient(135deg,var(--home-blue),#2aa889);cursor:pointer;font-size:13px;font-weight:950}
.home-domain-tlds{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:14px}
.home-domain-tlds a{border:1px solid #dce5f0;border-radius:999px;padding:6px 11px;color:#315ed3;background:#fff;direction:ltr;font-size:11px;font-weight:950}
.home-domain-tlds span{color:#7a879a;font-size:11px}
.home-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:800px;margin:34px auto 0}
.home-pillars span{display:flex;min-height:54px;align-items:center;justify-content:center;gap:10px;border:1px solid rgb(49 94 211 / 10%);border-radius:15px;color:#41516d;background:rgb(255 255 255 / 72%);font-size:11px;font-weight:900}
.home-pillars b{color:var(--home-blue)}

/* Services */
.home-service-groups{display:grid;gap:22px}
.home-service-group{border:1px solid var(--home-line);border-radius:28px;padding:clamp(20px,3vw,30px);background:#fff;box-shadow:0 10px 38px rgb(30 55 105 / 5%)}
.home-service-group>header{display:grid;grid-template-columns:50px minmax(0,1fr);gap:14px;align-items:start;margin-bottom:20px}
.home-service-group>header>span{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;color:#fff;background:var(--home-blue);font-size:12px;font-weight:950}
.home-service-group>header h3{margin:0;font-size:20px;font-weight:950}
.home-service-group>header p{margin:5px 0 0;color:var(--home-muted);font-size:12px;line-height:1.9}
.home-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.home-service-card{display:flex;min-height:270px;flex-direction:column;border:1px solid #e6ecf3;border-radius:20px;padding:20px;background:#f9fbfe;transition:.2s ease}
.home-service-card:hover{border-color:#b8c8f8;box-shadow:0 18px 40px rgb(49 94 211 / 10%);transform:translateY(-4px)}
.home-service-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;color:var(--home-blue);background:rgb(49 94 211 / 8%)}
.home-service-card h4{margin:18px 0 0;font-size:16px;font-weight:950}
.home-service-card p{margin:9px 0 0;color:var(--home-muted);font-size:12px;line-height:1.95}
.home-service-links{display:grid;gap:8px;margin-top:auto;padding-top:18px}
.home-service-links a{color:#65748b;font-size:10px;font-weight:900}
.home-service-links .home-service-primary{display:flex;align-items:center;gap:7px;color:var(--home-blue);font-size:11px}
.home-service-links svg{width:15px;height:15px}

/* Selector */
.home-selector-section{background:linear-gradient(180deg,#f6f9fd,#fff)}
.home-selector-shell{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(30px,5vw,60px);align-items:center;border:1px solid var(--home-line);border-radius:32px;padding:clamp(24px,5vw,48px);background:#fff;box-shadow:var(--home-shadow)}
.home-selector-copy h2{margin:16px 0 0;font-size:clamp(30px,4.4vw,48px);line-height:1.45;letter-spacing:-.04em;font-weight:950}
.home-selector-copy>p{margin:14px 0 0;color:var(--home-muted);font-size:13px;line-height:2}
.home-selector-question{margin:24px 0 0;border:0;padding:0}
.home-selector-question legend{margin-bottom:10px;color:#31415f;font-size:11px;font-weight:950}
.home-selector-question>div{display:flex;flex-wrap:wrap;gap:8px}
.home-selector-question button{border:1px solid #dfe7f1;border-radius:12px;padding:9px 12px;color:#56657c;background:#fff;cursor:pointer;font-size:10px;font-weight:900}
.home-selector-question button[aria-pressed="true"]{color:#244dbd;border-color:#9eb4f5;background:#f2f5ff;box-shadow:0 7px 20px rgb(49 94 211 / 8%)}
.home-selector-result{border-radius:26px;padding:clamp(22px,4vw,34px);color:#fff;background:radial-gradient(circle at 100% 0,rgb(64 194 151 / 20%),transparent 34%),linear-gradient(145deg,#11244c,#1b3b76);box-shadow:0 26px 65px rgb(19 42 87 / 25%)}
.home-selector-result.is-switching{animation:home-result-switch .32s ease}
@keyframes home-result-switch{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:none}}
.home-selector-result__top{display:flex;align-items:center;gap:14px}
.home-selector-result__icon{display:grid;width:58px;height:58px;flex:0 0 auto;place-items:center;border:1px solid rgb(255 255 255 / 16%);border-radius:17px;color:#91b0ff;background:rgb(255 255 255 / 8%)}
.home-selector-result__icon svg{width:30px;height:30px}
.home-selector-badge{display:inline-flex;border-radius:999px;padding:5px 9px;color:#b8caff;background:rgb(134 164 255 / 12%);font-size:9px;font-weight:950}
.home-selector-result h3{margin:7px 0 0;font-size:20px;font-weight:950}
.home-selector-result>p{margin:18px 0 0;color:#bcc9dc;font-size:12px;line-height:2}
.home-selector-price{display:grid;gap:4px;margin-top:22px;border:1px solid rgb(255 255 255 / 10%);border-radius:17px;padding:15px;background:rgb(255 255 255 / 6%)}
.home-selector-price span,.home-selector-price small{color:#9fb0c9;font-size:9px}
.home-selector-price strong{font-size:16px;font-weight:950}
.home-selector-result ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:20px 0 0;padding:0;list-style:none}
.home-selector-result li{display:flex;gap:7px;color:#c3cede;font-size:10px;line-height:1.8}
.home-selector-result li svg{width:16px;height:16px;flex:0 0 auto;margin-top:2px;color:#62ddb0}
.home-selector-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:22px}
.home-selector-actions>a:last-child{color:#a9c0ff;font-size:10px;font-weight:900}
.home-selector-note{margin-top:12px!important;color:#8fa2bd!important;font-size:9px!important}

/* Network */
.home-network{position:relative;isolation:isolate;min-height:690px;overflow:hidden;padding:clamp(80px,9vw,120px) 0;background:linear-gradient(180deg,#fff,#f7faff,#fff)}
.home-network__visual{position:absolute;inset:auto 0 0;z-index:-1}
.home-network__visual::before{position:absolute;inset:0 0 auto;height:38%;background:linear-gradient(180deg,#fff,transparent);content:""}
.home-network__visual img{display:block;width:100%;height:540px;object-fit:cover;object-position:center bottom;opacity:.9}
.home-network__content{max-width:900px;text-align:center}
.home-network__facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:32px}
.home-network__facts a{display:grid;min-height:112px;align-content:center;gap:5px;border:1px solid rgb(193 211 239 / 80%);border-radius:20px;background:rgb(255 255 255 / 82%);box-shadow:0 16px 40px rgb(30 55 105 / 6%);backdrop-filter:blur(8px)}
.home-network__facts strong{color:var(--home-blue);font-size:26px;font-weight:950}
.home-network__facts span{color:#3d4d68;font-size:11px;font-weight:900}

/* Build, lifecycle, guides, trust, process */
.home-build-paths,.home-lifecycle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.home-build-card{min-height:270px;border:1px solid var(--home-line);border-radius:24px;padding:26px;background:#fff;box-shadow:0 14px 40px rgb(30 55 105 / 6%)}
.home-build-card--featured{color:#fff;border-color:transparent;background:radial-gradient(circle at 100% 0,rgb(53 206 157 / 20%),transparent 40%),linear-gradient(145deg,#142850,#21458c)}
.home-build-card>span,.home-lifecycle-card>span{color:var(--home-blue);font-size:10px;font-weight:950}
.home-build-card--featured>span{color:#90b2ff}
.home-build-card h3,.home-lifecycle-card h3{margin:13px 0 0;font-size:21px;font-weight:950}
.home-build-card p,.home-lifecycle-card p{margin:10px 0 0;color:var(--home-muted);font-size:12px;line-height:2}
.home-build-card--featured p{color:#b9c8dc}
.home-build-card a{display:inline-flex;margin-top:23px;color:var(--home-blue);font-size:11px;font-weight:950}
.home-build-card--featured a{color:#fff}
.home-lifecycle{background:radial-gradient(circle at 10% 10%,rgb(49 94 211 / 20%),transparent 30%),linear-gradient(145deg,#0d1d3c,#132b58)}
.home-lifecycle-card{border:1px solid rgb(255 255 255 / 10%);border-radius:23px;padding:25px;background:rgb(255 255 255 / 6%)}
.home-lifecycle-card>span{color:#79a3ff}
.home-lifecycle-card h3{color:#fff}
.home-lifecycle-card p{min-height:72px;color:#b7c4d7}
.home-lifecycle-card nav{display:grid;gap:7px;margin-top:18px}
.home-lifecycle-card a{border-top:1px solid rgb(255 255 255 / 8%);padding-top:8px;color:#a9c1ff;font-size:10px;font-weight:900}
.home-guides-grid,.home-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.home-guide-card{display:flex;min-height:240px;flex-direction:column;border:1px solid var(--home-line);border-radius:22px;padding:22px;background:#fff;transition:.2s ease}
.home-guide-card:hover{border-color:#aebff0;box-shadow:0 18px 42px rgb(49 94 211 / 9%);transform:translateY(-4px)}
.home-guide-card>span{color:var(--home-blue);font-size:11px;font-weight:950}
.home-guide-card h3{margin:14px 0 0;font-size:17px;font-weight:950}
.home-guide-card p{margin:9px 0 0;color:var(--home-muted);font-size:11px;line-height:1.95}
.home-guide-card b{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:18px;color:var(--home-blue);font-size:10px}
.home-guide-card b svg{width:15px;height:15px}
.home-guides-action{margin-top:26px;text-align:center}
.home-guides-action a{display:inline-flex;border:1px solid #cfd9e8;border-radius:13px;padding:10px 15px;color:#354767;font-size:11px;font-weight:950}
.home-trust{background:#f6f9fd}
.home-trust-card{min-height:220px;border:1px solid #e2e9f2;border-radius:21px;padding:22px;background:#fff}
.home-trust-card>svg{width:32px;height:32px;color:var(--home-blue)}
.home-trust-card h3{margin:16px 0 0;font-size:15px;font-weight:950}
.home-trust-card p{margin:8px 0 0;color:var(--home-muted);font-size:11px;line-height:1.95}
.home-trust-card a{display:inline-flex;margin-top:12px;color:var(--home-blue);font-size:10px;font-weight:950}
.home-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.home-process-card{min-height:210px;border:1px solid var(--home-line);border-radius:22px;padding:24px;background:#fff}
.home-process-card span{color:var(--home-blue);font-size:12px;font-weight:950}
.home-process-card h3{margin:18px 0 0;font-size:16px;font-weight:950}
.home-process-card p{margin:9px 0 0;color:var(--home-muted);font-size:11px;line-height:1.95}
.home-final-cta{overflow:hidden;border-radius:30px;padding:clamp(38px,6vw,68px) 24px;color:#fff;background:radial-gradient(circle at 100% 0,rgb(78 218 168 / 22%),transparent 35%),linear-gradient(135deg,#173572,#315ed3);text-align:center;box-shadow:0 30px 70px rgb(49 94 211 / 24%)}
.home-final-cta>span{color:#dbe6ff;border-color:rgb(255 255 255 / 20%);background:rgb(255 255 255 / 8%)}
.home-final-cta h2{max-width:820px;margin:17px auto 0;color:#fff;font-size:clamp(30px,4.5vw,52px);line-height:1.45;font-weight:950}
.home-final-cta p{margin:13px 0 0;color:#d4e0f4;font-size:13px}
.home-final-cta>div{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:25px}
.home-reveal{opacity:0;transform:translateY(18px);transition:opacity .62s ease,transform .62s ease}
.home-reveal.is-visible{opacity:1;transform:none}
.home-v2 :focus-visible{outline:3px solid rgb(49 94 211 / 32%);outline-offset:3px}

@media(max-width:1040px){
  .home-service-grid,.home-guides-grid,.home-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-selector-shell{grid-template-columns:1fr}
  .home-build-paths,.home-lifecycle-grid{grid-template-columns:1fr}
  .home-lifecycle-card p{min-height:0}
  .home-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .home-container{width:min(100% - 20px,var(--home-container))}
  .home-section{padding:64px 0}
  .home-hero{padding-top:62px}
  .home-hero h1{font-size:42px;letter-spacing:-.05em}
  .home-hero__actions,.home-final-cta>div{display:grid}
  .home-button{width:100%}
  .home-domain{grid-template-columns:1fr}
  .home-domain label{grid-template-columns:1fr;gap:2px;padding-block:10px}
  .home-domain button{min-height:52px}
  .home-domain-tlds a{display:none}
  .home-pillars,.home-network__facts{grid-template-columns:1fr}
  .home-service-grid,.home-guides-grid,.home-trust-grid,.home-process-grid,.home-selector-result ul{grid-template-columns:1fr}
  .home-selector-actions{grid-template-columns:1fr}
  .home-selector-actions>a:last-child{text-align:center}
  .home-network{min-height:860px}
  .home-network__visual img{height:360px}
}
@media(prefers-reduced-motion:reduce){
  .home-reveal{opacity:1;transform:none;transition:none}
  .home-selector-result.is-switching{animation:none}
}


/* =========================================================
   IRANNET HOME COMMERCIAL V2.1
   ========================================================= */

.page-home-commercial-v2-1 {
    overflow-x: hidden;
    background: #fff;
}

.home-v21,
.home-v21 * {
    box-sizing: border-box;
}

.home-v21 {
    color: var(--home-ink);
}

.home-v21 svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Important service keywords are H3, group labels are not headings. */

.home-service-cluster {
    border: 1px solid var(--home-line);
    border-radius: 30px;
    padding: clamp(20px, 3vw, 32px);
    background:
        radial-gradient(circle at 100% 0, rgb(49 94 211 / 6%), transparent 32%),
        #fff;
    box-shadow: 0 14px 48px rgb(30 55 105 / 6%);
}

.home-service-cluster + .home-service-cluster {
    margin-top: 22px;
}

.home-cluster-label {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.home-cluster-label > span {
    color: #152746;
    font-size: 18px;
    font-weight: 950;
}

.home-cluster-label p {
    margin: 0;
    color: var(--home-muted);
    font-size: 11px;
}

.home-service-grid--six {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-service-label {
    position: absolute;
    top: 18px;
    left: 18px;
    border: 1px solid rgb(49 94 211 / 12%);
    border-radius: 999px;
    padding: 5px 9px;
    color: #58709a;
    background: rgb(255 255 255 / 85%);
    font-size: 8px;
    font-weight: 950;
}

.home-service-card h3 {
    margin: 18px 0 0;
    color: var(--home-ink);
    font-size: 16px;
    line-height: 1.65;
    font-weight: 950;
}

.home-service-primary {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: auto;
    padding-top: 18px;
    color: var(--home-blue);
    font-size: 11px;
    font-weight: 950;
}

.home-service-primary svg {
    width: 15px;
    height: 15px;
}

.home-selector-main-action {
    width: 100%;
    margin-top: 22px;
}

/* Network section: heading is outside the image and no giant blank area. */

.home-network-v21 {
    padding: clamp(72px, 8vw, 106px) 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 10%, rgb(45 167 123 / 10%), transparent 27%),
        linear-gradient(180deg, #fff, #f6f9ff 55%, #fff);
}

.home-network-v21__head {
    max-width: 900px;
    margin: 0 auto 28px;
    text-align: center;
}

.home-network-v21__head > span {
    display: inline-flex;
    border: 1px solid rgb(49 94 211 / 15%);
    border-radius: 999px;
    padding: 7px 12px;
    color: var(--home-blue);
    background: rgb(49 94 211 / 5%);
    font-size: 11px;
    font-weight: 950;
}

.home-network-v21__head h2 {
    margin: 16px 0 0;
    color: var(--home-ink);
    font-size: clamp(30px, 4.5vw, 50px);
    line-height: 1.42;
    letter-spacing: -.04em;
    font-weight: 950;
}

.home-network-v21__head p {
    margin: 12px 0 0;
    color: var(--home-muted);
    font-size: 13px;
}

.home-network-v21__stage {
    position: relative;
    min-height: 520px;
    border: 1px solid rgb(189 207 235 / 78%);
    border-radius: 30px;
    overflow: hidden;
    background: #edf5ff;
    box-shadow: 0 22px 70px rgb(30 55 105 / 11%);
    transform: perspective(1200px)
        rotateX(calc(var(--network-y, 0) * 1deg))
        rotateY(calc(var(--network-x, 0) * 1deg));
    transition: transform .18s ease;
}

.home-network-v21__map {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.home-network-v21__map::before {
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
        linear-gradient(180deg, rgb(255 255 255 / 28%), transparent 35%),
        linear-gradient(0deg, rgb(240 247 255 / 82%), transparent 45%);
    content: "";
    pointer-events: none;
}

.home-network-v21__map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1.03);
    filter: saturate(.92) contrast(.96);
}

.home-network-node,
.home-network-orbit {
    position: absolute;
    z-index: 3;
    border-radius: 50%;
    pointer-events: none;
}

.home-network-node {
    width: 15px;
    height: 15px;
    background: #2f69e8;
    box-shadow:
        0 0 0 9px rgb(47 105 232 / 14%),
        0 0 32px rgb(47 105 232 / 60%);
    animation: network-node-pulse 2.7s ease-in-out infinite;
}

.home-network-node--1 { top: 31%; left: 18%; }
.home-network-node--2 { top: 27%; left: 47%; animation-delay: -.8s; }
.home-network-node--3 { top: 42%; right: 23%; animation-delay: -1.5s; }
.home-network-node--4 { bottom: 25%; right: 12%; animation-delay: -.3s; }

.home-network-orbit {
    width: 90px;
    height: 90px;
    border: 1px solid rgb(47 105 232 / 30%);
    animation: network-orbit 7s linear infinite;
}

.home-network-orbit::after {
    position: absolute;
    top: -4px;
    left: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #35c99b;
    box-shadow: 0 0 18px rgb(53 201 155 / 80%);
    content: "";
}

.home-network-orbit--1 { top: 22%; left: 42%; }
.home-network-orbit--2 { right: 18%; bottom: 18%; animation-direction: reverse; animation-duration: 9s; }

.home-network-beam {
    position: absolute;
    z-index: 3;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgb(47 105 232 / 75%), transparent);
    filter: drop-shadow(0 0 8px rgb(47 105 232 / 55%));
    pointer-events: none;
    animation: network-beam 4.8s ease-in-out infinite;
}

.home-network-beam--1 {
    top: 36%;
    left: 18%;
    width: 45%;
    transform: rotate(5deg);
}

.home-network-beam--2 {
    top: 48%;
    right: 12%;
    width: 38%;
    transform: rotate(-11deg);
    animation-delay: -2.1s;
}

.home-network-v21__facts {
    position: absolute;
    right: clamp(18px, 3vw, 34px);
    bottom: clamp(18px, 3vw, 34px);
    left: clamp(18px, 3vw, 34px);
    z-index: 5;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.home-network-v21__facts a {
    display: grid;
    min-height: 110px;
    align-content: center;
    gap: 6px;
    border: 1px solid rgb(255 255 255 / 65%);
    border-radius: 20px;
    color: #172947;
    background: rgb(255 255 255 / 82%);
    box-shadow: 0 16px 38px rgb(30 55 105 / 9%);
    backdrop-filter: blur(12px);
    text-align: center;
    transition: transform .2s ease, background .2s ease;
}

.home-network-v21__facts a:hover {
    transform: translateY(-5px);
    background: #fff;
}

.home-network-v21__facts strong {
    color: var(--home-blue);
    font-size: 27px;
    font-weight: 950;
}

.home-network-v21__facts span {
    font-size: 10px;
    font-weight: 900;
}

@keyframes network-node-pulse {
    0%, 100% { transform: scale(.84); opacity: .68; }
    50% { transform: scale(1.18); opacity: 1; }
}

@keyframes network-orbit {
    to { transform: rotate(360deg); }
}

@keyframes network-beam {
    0%, 100% { opacity: .18; transform: translateX(-5%) scaleX(.75); }
    50% { opacity: .88; transform: translateX(5%) scaleX(1); }
}

/* Interactive lifecycle */

.home-lifecycle-v21 {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 15% 12%, rgb(49 94 211 / 24%), transparent 28%),
        radial-gradient(circle at 82% 85%, rgb(45 167 123 / 18%), transparent 30%),
        linear-gradient(145deg, #0d1d3c, #132b58);
}

.home-lifecycle-v21__shell {
    position: relative;
    display: grid;
    grid-template-columns: minmax(290px, .78fr) minmax(0, 1.22fr);
    gap: 26px;
    border: 1px solid rgb(255 255 255 / 11%);
    border-radius: 30px;
    padding: clamp(18px, 3vw, 28px);
    background: rgb(255 255 255 / 5%);
    box-shadow: 0 26px 70px rgb(4 15 36 / 30%);
    backdrop-filter: blur(14px);
}

.home-lifecycle-v21__rail {
    position: relative;
    display: grid;
    gap: 10px;
    align-content: center;
}

.home-lifecycle-v21__line {
    position: absolute;
    top: 44px;
    bottom: 44px;
    right: 28px;
    width: 2px;
    background: linear-gradient(#6e93ff, #4bd7a7);
    box-shadow: 0 0 20px rgb(91 135 255 / 48%);
}

.home-lifecycle-v21__rail button {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 18px;
    padding: 14px;
    color: #aebdd2;
    background: transparent;
    cursor: pointer;
    text-align: right;
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.home-lifecycle-v21__rail button:hover,
.home-lifecycle-v21__rail button[aria-selected="true"] {
    border-color: rgb(135 166 255 / 28%);
    background: rgb(255 255 255 / 8%);
    transform: translateX(-4px);
}

.home-lifecycle-v21__rail button b {
    grid-row: 1 / 3;
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid rgb(255 255 255 / 15%);
    border-radius: 14px;
    color: #8fafef;
    background: #11264d;
    box-shadow: 0 0 0 7px #132b58;
    font-size: 11px;
}

.home-lifecycle-v21__rail button[aria-selected="true"] b {
    color: #fff;
    background: linear-gradient(135deg, #4774ef, #2fb18a);
    box-shadow: 0 0 0 7px #132b58, 0 0 28px rgb(69 112 239 / 35%);
}

.home-lifecycle-v21__rail button span {
    color: #fff;
    font-size: 13px;
    font-weight: 950;
}

.home-lifecycle-v21__rail button small {
    margin-top: 3px;
    color: #8fa0b8;
    font-size: 9px;
}

.home-lifecycle-v21__panels {
    min-width: 0;
}

.home-lifecycle-v21__panels article {
    min-height: 360px;
    border: 1px solid rgb(255 255 255 / 11%);
    border-radius: 24px;
    padding: clamp(24px, 4vw, 36px);
    color: #fff;
    background:
        radial-gradient(circle at 100% 0, rgb(72 204 160 / 18%), transparent 35%),
        linear-gradient(145deg, rgb(255 255 255 / 8%), rgb(255 255 255 / 3%));
    animation: lifecycle-panel-in .3s ease;
}

.home-lifecycle-v21__icon {
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    border: 1px solid rgb(255 255 255 / 14%);
    border-radius: 17px;
    color: #91b0ff;
    background: rgb(255 255 255 / 7%);
}

.home-lifecycle-v21__icon svg {
    width: 29px;
    height: 29px;
}

.home-lifecycle-v21__panels article > span {
    display: inline-flex;
    margin-top: 20px;
    color: #8faef8;
    font-size: 9px;
    font-weight: 950;
}

.home-lifecycle-v21__panels h3 {
    margin: 9px 0 0;
    font-size: clamp(24px, 3.2vw, 36px);
    line-height: 1.5;
    font-weight: 950;
}

.home-lifecycle-v21__panels p {
    max-width: 720px;
    margin: 12px 0 0;
    color: #b7c4d8;
    font-size: 12px;
    line-height: 2;
}

.home-lifecycle-v21__panels nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 26px;
}

.home-lifecycle-v21__panels nav a {
    border: 1px solid rgb(255 255 255 / 14%);
    border-radius: 12px;
    padding: 9px 12px;
    color: #dce6f8;
    background: rgb(255 255 255 / 6%);
    font-size: 10px;
    font-weight: 900;
    transition: transform .2s ease, background .2s ease;
}

.home-lifecycle-v21__panels nav a:hover {
    background: rgb(255 255 255 / 11%);
    transform: translateY(-2px);
}

.home-lifecycle-v21__decor span {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgb(112 151 255 / 22%);
    pointer-events: none;
    animation: lifecycle-float 8s ease-in-out infinite;
}

.home-lifecycle-v21__decor span:nth-child(1) {
    width: 85px;
    height: 85px;
    top: -22px;
    left: 24%;
}

.home-lifecycle-v21__decor span:nth-child(2) {
    width: 42px;
    height: 42px;
    right: -10px;
    bottom: 26%;
    animation-delay: -2.4s;
}

.home-lifecycle-v21__decor span:nth-child(3) {
    width: 22px;
    height: 22px;
    left: 47%;
    bottom: 12px;
    background: rgb(69 215 169 / 14%);
    animation-delay: -4.1s;
}

@keyframes lifecycle-panel-in {
    from { opacity: .25; transform: translateY(8px); }
    to { opacity: 1; transform: none; }
}

@keyframes lifecycle-float {
    0%, 100% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(0, -14px, 0); }
}

/* The removed trust and old process blocks are intentionally not rendered. */

@media (max-width: 1040px) {
    .home-service-grid--six {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-lifecycle-v21__shell {
        grid-template-columns: 1fr;
    }

    .home-lifecycle-v21__rail {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .home-lifecycle-v21__line {
        top: 28px;
        right: 12%;
        bottom: auto;
        left: 12%;
        width: auto;
        height: 2px;
    }

    .home-lifecycle-v21__rail button {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        justify-items: center;
        text-align: center;
    }

    .home-lifecycle-v21__rail button b {
        grid-row: auto;
    }
}

@media (max-width: 720px) {
    .home-cluster-label {
        display: grid;
    }

    .home-service-grid--six {
        grid-template-columns: 1fr;
    }

    .home-network-v21__stage {
        min-height: 760px;
    }

    .home-network-v21__facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-network-v21__facts a {
        min-height: 96px;
    }

    .home-lifecycle-v21__rail {
        grid-template-columns: 1fr;
    }

    .home-lifecycle-v21__line {
        top: 44px;
        right: 28px;
        bottom: 44px;
        left: auto;
        width: 2px;
        height: auto;
    }

    .home-lifecycle-v21__rail button {
        grid-template-columns: 58px minmax(0, 1fr);
        grid-template-rows: auto auto;
        justify-items: stretch;
        text-align: right;
    }

    .home-lifecycle-v21__rail button b {
        grid-row: 1 / 3;
    }

    .home-lifecycle-v21__panels article {
        min-height: 430px;
    }

    .home-lifecycle-v21__panels nav {
        display: grid;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-network-node,
    .home-network-orbit,
    .home-network-beam,
    .home-lifecycle-v21__decor span {
        animation: none !important;
    }

    .home-network-v21__stage {
        transform: none !important;
    }
}


/* =========================================================
   IRANNET HOME COMMERCIAL V2.2
   ========================================================= */

.page-home-commercial-v2-2 {
    overflow-x: hidden;
    background: #fff;
}

.home-v22,
.home-v22 * {
    box-sizing: border-box;
}

.home-v22 {
    color: var(--home-ink);
}

.home-v22 svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Disable the V2.1 experimental network component. */
.home-network-v21 {
    display: none !important;
}

/* Ensure restored original network keeps its original visual system. */
.home-v22 .global-network-section {
    padding-top: 0;
    padding-bottom: 0;
}

/* Site Builder flagship */

.home-builder-spotlight {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 12%, rgb(48 104 232 / 11%), transparent 29%),
        radial-gradient(circle at 88% 85%, rgb(45 167 123 / 10%), transparent 30%),
        linear-gradient(180deg, #fff, #f5f9ff 62%, #fff);
}

.home-builder-spotlight__shell {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(500px, 1.1fr);
    gap: clamp(34px, 6vw, 72px);
    align-items: center;
    border: 1px solid #dce6f2;
    border-radius: 34px;
    padding: clamp(28px, 5vw, 56px);
    background: rgb(255 255 255 / 88%);
    box-shadow: 0 28px 80px rgb(30 55 105 / 10%);
    backdrop-filter: blur(12px);
}

.home-builder-spotlight__copy h2 {
    margin: 16px 0 0;
    color: var(--home-ink);
    font-size: clamp(34px, 5vw, 58px);
    line-height: 1.4;
    letter-spacing: -.05em;
    font-weight: 950;
}

.home-builder-spotlight__copy > p {
    margin: 16px 0 0;
    color: var(--home-muted);
    font-size: 14px;
    line-height: 2.1;
}

.home-builder-benefits {
    display: grid;
    gap: 10px;
    margin-top: 24px;
}

.home-builder-benefits span {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #40506b;
    font-size: 11px;
    font-weight: 900;
}

.home-builder-benefits svg {
    width: 17px;
    height: 17px;
    color: #2da77b;
}

.home-builder-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.home-builder-demo {
    position: relative;
    min-width: 0;
}

.home-builder-demo__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0 22px 12px;
}

.home-builder-demo__tabs button {
    border: 1px solid #dbe4f1;
    border-radius: 999px;
    padding: 7px 11px;
    color: #607089;
    background: #fff;
    cursor: pointer;
    font-size: 9px;
    font-weight: 950;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.home-builder-demo__tabs button[aria-selected="true"] {
    color: #fff;
    border-color: #315ed3;
    background: #315ed3;
    box-shadow: 0 9px 22px rgb(49 94 211 / 22%);
}

.home-builder-browser {
    overflow: hidden;
    border: 1px solid #ccd9ea;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 28px 65px rgb(25 52 99 / 18%);
    transform: perspective(1200px) rotateY(-4deg) rotateX(1.8deg);
    transition: transform .25s ease;
}

.home-builder-demo:hover .home-builder-browser {
    transform: perspective(1200px) rotateY(-1.5deg) rotateX(.5deg) translateY(-4px);
}

.home-builder-browser__bar {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 42px;
    padding: 0 14px;
    border-bottom: 1px solid #e5ebf3;
    background: #f8fafe;
}

.home-builder-browser__bar > span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c8d3e2;
}

.home-builder-browser__bar > span:first-child {
    background: #ff8f8f;
}

.home-builder-browser__bar > span:nth-child(2) {
    background: #f6c75b;
}

.home-builder-browser__bar > span:nth-child(3) {
    background: #65d0a9;
}

.home-builder-browser__bar small {
    margin-right: auto;
    direction: ltr;
    color: #8190a5;
    font-size: 8px;
}

.home-builder-browser__body {
    display: grid;
    grid-template-columns: 116px minmax(0, 1fr);
    min-height: 385px;
}

.home-builder-browser__body aside {
    display: grid;
    align-content: start;
    gap: 7px;
    padding: 20px 13px;
    color: #718098;
    background: #f4f7fc;
}

.home-builder-browser__body aside strong {
    margin-bottom: 14px;
    color: #315ed3;
    font-size: 11px;
}

.home-builder-browser__body aside span {
    border-radius: 8px;
    padding: 6px 7px;
    font-size: 8px;
    font-weight: 850;
}

.home-builder-browser__body aside span.is-active {
    color: #315ed3;
    background: #e8efff;
}

.home-builder-browser__body > section {
    position: relative;
    overflow: hidden;
    padding: clamp(24px, 4vw, 42px);
    background:
        radial-gradient(circle at 100% 0, rgb(45 167 123 / 11%), transparent 36%),
        linear-gradient(145deg, #fff, #f7faff);
}

.home-builder-browser__body > section::after {
    position: absolute;
    top: -60px;
    left: -50px;
    width: 190px;
    height: 190px;
    border: 1px solid rgb(49 94 211 / 12%);
    border-radius: 50%;
    content: "";
}

.home-builder-preview-tag {
    display: inline-flex;
    border-radius: 999px;
    padding: 6px 10px;
    color: #315ed3;
    background: #eaf0ff;
    font-size: 8px;
    font-weight: 950;
}

.home-builder-browser h3 {
    max-width: 430px;
    margin: 18px 0 0;
    color: #142544;
    font-size: clamp(22px, 3vw, 36px);
    line-height: 1.45;
    font-weight: 950;
}

.home-builder-browser p {
    max-width: 440px;
    margin: 12px 0 0;
    color: #66758b;
    font-size: 10px;
    line-height: 2;
}

.home-builder-preview-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 24px;
}

.home-builder-preview-cards span {
    display: grid;
    min-height: 68px;
    place-items: center;
    border: 1px solid #dce5f0;
    border-radius: 13px;
    color: #44546d;
    background: rgb(255 255 255 / 82%);
    font-size: 8px;
    font-weight: 900;
    box-shadow: 0 10px 22px rgb(30 55 105 / 5%);
}

.home-builder-preview-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
}

.home-builder-preview-actions b {
    border-radius: 10px;
    padding: 8px 13px;
    color: #fff;
    background: #315ed3;
    font-size: 8px;
}

.home-builder-preview-actions i {
    width: 100px;
    height: 7px;
    border-radius: 999px;
    background: #dce5f1;
}

.home-builder-floating {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 7px;
    border: 1px solid rgb(255 255 255 / 75%);
    border-radius: 13px;
    padding: 9px 11px;
    color: #365073;
    background: rgb(255 255 255 / 88%);
    box-shadow: 0 14px 35px rgb(30 55 105 / 14%);
    backdrop-filter: blur(10px);
    font-size: 8px;
    font-weight: 950;
    animation: builder-float 4.8s ease-in-out infinite;
}

.home-builder-floating svg {
    width: 17px;
    height: 17px;
    color: #315ed3;
}

.home-builder-floating--top {
    top: 38px;
    left: -22px;
}

.home-builder-floating--bottom {
    right: -20px;
    bottom: 28px;
    animation-delay: -2.4s;
}

@keyframes builder-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

/* Business services under Website Builder */

.home-business-services {
    padding-top: 20px;
    background: linear-gradient(180deg, #fff, #f7faff 50%, #fff);
}

/* Design types */

.home-design-types {
    padding-top: 30px;
}

.home-design-types__shell {
    display: grid;
    grid-template-columns: minmax(270px, .72fr) minmax(0, 1.28fr);
    gap: clamp(26px, 5vw, 54px);
    align-items: center;
    border: 1px solid #dfe7f1;
    border-radius: 30px;
    padding: clamp(26px, 5vw, 48px);
    color: #fff;
    background:
        radial-gradient(circle at 90% 10%, rgb(74 205 161 / 20%), transparent 32%),
        linear-gradient(145deg, #11244a, #1d3c78);
    box-shadow: 0 25px 70px rgb(18 42 89 / 20%);
}

.home-design-types__head > span {
    color: #93b1fb;
    font-size: 10px;
    font-weight: 950;
}

.home-design-types__head h2 {
    margin: 14px 0 0;
    color: #fff;
    font-size: clamp(28px, 4vw, 44px);
    line-height: 1.5;
    font-weight: 950;
}

.home-design-types__head p {
    margin: 13px 0 0;
    color: #b8c5d8;
    font-size: 11px;
    line-height: 2;
}

.home-design-types__head a {
    display: inline-flex;
    margin-top: 22px;
    border: 1px solid rgb(255 255 255 / 18%);
    border-radius: 12px;
    padding: 9px 13px;
    color: #fff;
    background: rgb(255 255 255 / 7%);
    font-size: 10px;
    font-weight: 950;
}

.home-design-types__grid {
    display: grid;
    gap: 11px;
}

.home-design-types__grid article {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
    border: 1px solid rgb(255 255 255 / 10%);
    border-radius: 18px;
    padding: 16px;
    background: rgb(255 255 255 / 6%);
    transition: transform .2s ease, background .2s ease;
}

.home-design-types__grid article:hover {
    background: rgb(255 255 255 / 10%);
    transform: translateX(-5px);
}

.home-design-types__grid article > div {
    grid-row: 1 / 3;
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 14px;
    color: #90b2ff;
    background: rgb(255 255 255 / 8%);
}

.home-design-types__grid h3 {
    margin: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 950;
}

.home-design-types__grid p {
    margin: 4px 0 0;
    color: #afbdd1;
    font-size: 9px;
    line-height: 1.9;
}

/* Lifecycle generalised beyond WordPress */

.home-lifecycle-v22 {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 15% 12%, rgb(49 94 211 / 24%), transparent 28%),
        radial-gradient(circle at 82% 85%, rgb(45 167 123 / 18%), transparent 30%),
        linear-gradient(145deg, #0d1d3c, #132b58);
}

/* Single Guides CTA */

.home-guides-cta {
    background: linear-gradient(180deg, #fff, #f6f9fd, #fff);
}

.home-guides-cta__shell {
    position: relative;
    display: grid;
    grid-template-columns: minmax(220px, .55fr) minmax(0, 1.45fr);
    gap: clamp(24px, 5vw, 54px);
    align-items: center;
    overflow: hidden;
    border: 1px solid #dce6f2;
    border-radius: 30px;
    padding: clamp(28px, 5vw, 54px);
    background: #fff;
    box-shadow: 0 22px 65px rgb(30 55 105 / 9%);
}

.home-guides-cta__visual {
    position: relative;
    display: grid;
    min-height: 230px;
    place-items: center;
}

.home-guides-cta__book {
    position: relative;
    width: 160px;
    height: 125px;
    transform: perspective(700px) rotateX(12deg) rotateY(-9deg);
}

.home-guides-cta__book i {
    position: absolute;
    inset: 0;
    border: 1px solid #cbd8eb;
    border-radius: 16px 28px 28px 16px;
    background:
        linear-gradient(90deg, #eaf0ff 0 50%, #f8fbff 50%);
    box-shadow: 0 22px 45px rgb(49 94 211 / 16%);
}

.home-guides-cta__book i:nth-child(2) {
    transform: translate(-8px, 8px);
    z-index: -1;
    opacity: .65;
}

.home-guides-cta__book i:nth-child(3) {
    transform: translate(-16px, 16px);
    z-index: -2;
    opacity: .35;
}

.home-guides-cta__book::before {
    position: absolute;
    top: 23px;
    right: 25px;
    z-index: 3;
    width: 45px;
    height: 7px;
    border-radius: 999px;
    background: #315ed3;
    box-shadow: 0 16px 0 #b9c9ed, 0 32px 0 #d2dcf0;
    content: "";
}

.home-guides-cta__book::after {
    position: absolute;
    top: 23px;
    left: 25px;
    z-index: 3;
    width: 45px;
    height: 7px;
    border-radius: 999px;
    background: #2da77b;
    box-shadow: 0 16px 0 #b9dcca, 0 32px 0 #d4e9df;
    content: "";
}

.home-guides-cta__spark {
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #315ed3;
    box-shadow: 0 0 0 8px rgb(49 94 211 / 10%), 0 0 25px rgb(49 94 211 / 45%);
    animation: guide-spark 4s ease-in-out infinite;
}

.home-guides-cta__spark--1 {
    top: 28px;
    right: 25%;
}

.home-guides-cta__spark--2 {
    bottom: 28px;
    left: 23%;
    background: #2da77b;
    animation-delay: -2s;
}

.home-guides-cta__copy > span {
    color: #315ed3;
    font-size: 10px;
    font-weight: 950;
}

.home-guides-cta__copy h2 {
    margin: 13px 0 0;
    color: var(--home-ink);
    font-size: clamp(30px, 4.4vw, 50px);
    line-height: 1.48;
    font-weight: 950;
}

.home-guides-cta__copy p {
    max-width: 720px;
    margin: 13px 0 0;
    color: var(--home-muted);
    font-size: 12px;
    line-height: 2;
}

.home-guides-cta__copy .home-button {
    margin-top: 24px;
}

@keyframes guide-spark {
    0%, 100% { transform: translateY(0) scale(.85); opacity: .65; }
    50% { transform: translateY(-12px) scale(1.1); opacity: 1; }
}

/* Final CTA uses a strong visual title, not another H2. */

.home-final-cta__title {
    display: block;
    max-width: 820px;
    margin: 17px auto 0;
    color: #fff;
    font-size: clamp(30px, 4.5vw, 52px);
    line-height: 1.45;
    font-weight: 950;
}

/* Remove V2.1 sections no longer used. */

.home-build-paths,
.home-guides-grid,
.home-network-v21,
.home-trust,
.home-process {
    display: none;
}

@media (max-width: 1040px) {
    .home-builder-spotlight__shell,
    .home-design-types__shell,
    .home-guides-cta__shell {
        grid-template-columns: 1fr;
    }

    .home-builder-demo {
        max-width: 720px;
        width: 100%;
        margin-inline: auto;
    }

    .home-guides-cta__visual {
        min-height: 170px;
    }
}

@media (max-width: 720px) {
    .home-builder-actions {
        display: grid;
    }

    .home-builder-browser {
        transform: none;
    }

    .home-builder-browser__body {
        grid-template-columns: 76px minmax(0, 1fr);
        min-height: 420px;
    }

    .home-builder-browser__body aside {
        padding-inline: 8px;
    }

    .home-builder-browser__body > section {
        padding: 22px 14px;
    }

    .home-builder-preview-cards {
        grid-template-columns: 1fr;
    }

    .home-builder-floating {
        display: none;
    }

    .home-design-types__grid article {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .home-guides-cta__visual {
        min-height: 145px;
    }

    .home-guides-cta__book {
        width: 132px;
        height: 104px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-builder-floating,
    .home-guides-cta__spark {
        animation: none !important;
    }

    .home-builder-browser {
        transform: none !important;
    }
}