*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { –ink: #080808; –deep: #0D0D0D; –surface: #141414; –surface-2: #1A1A1A; –rule: rgba(255,255,255,0.07); –rule-warm: rgba(232,101,10,0.18); –ember: #E8650A; –ember-dim: rgba(232,101,10,0.10); –snow: #F2F2F2; –silver: #A8ADB5; –mist: #525459; –gold-line: rgba(232,101,10,0.4); } html { scroll-behavior: smooth; } body { background: var(–ink); color: var(–snow); font-family: ‘Inter’, sans-serif; font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: hidden; } /* ── SCROLLBAR ── */ ::-webkit-scrollbar { width: 2px; } ::-webkit-scrollbar-track { background: var(–ink); } ::-webkit-scrollbar-thumb { background: var(–ember); } /* ── NAV ── */ nav { position: fixed; top: 0; left: 0; right: 0; z-index: 200; height: 68px; display: flex; align-items: center; justify-content: space-between; padding: 0 48px; background: rgba(8,8,8,0.82); backdrop-filter: blur(24px); border-bottom: 1px solid var(–rule); } .nav-left { display: flex; flex-direction: column; gap: 2px; } .nav-name { font-family: ‘Playfair Display’, serif; font-size: 16px; font-weight: 500; letter-spacing: 0.02em; color: var(–snow); } .nav-sub { font-size: 9px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(–mist); } .nav-right { display: flex; align-items: center; gap: 32px; } .nav-link { font-size: 11px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(–silver); text-decoration: none; transition: color 0.2s; } .nav-link:hover { color: var(–snow); } .nav-cta { font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(–snow); text-decoration: none; padding: 10px 24px; border: 1px solid var(–ember); transition: background 0.25s, color 0.25s; } .nav-cta:hover { background: var(–ember); color: #fff; } /* ── HERO ── */ .hero { min-height: 100vh; display: grid; place-items: center; text-align: center; padding: 130px 24px 100px; position: relative; overflow: hidden; } .hero-noise { position: absolute; inset: 0; background-image: url(“data:image/svg+xml,%3Csvg viewBox=’0 0 512 512′ xmlns=’http://www.w3.org/2000/svg’%3E%3Cfilter id=’n’%3E%3CfeTurbulence type=’fractalNoise’ baseFrequency=’0.75′ numOctaves=’4′ stitchTiles=’stitch’/%3E%3C/filter%3E%3Crect width=’100%25′ height=’100%25′ filter=’url(%23n)’ opacity=’0.03’/%3E%3C/svg%3E”); opacity: 0.4; pointer-events: none; } .hero-line-v { position: absolute; top: 0; bottom: 0; width: 1px; background: linear-gradient(to bottom, transparent 0%, var(–rule-warm) 30%, var(–rule-warm) 70%, transparent 100%); } .hero-line-v.l { left: 15%; } .hero-line-v.r { right: 15%; } .hero-glow { position: absolute; width: 800px; height: 500px; border-radius: 50%; background: radial-gradient(ellipse, rgba(232,101,10,0.07) 0%, transparent 65%); top: 20%; left: 50%; transform: translateX(-50%); pointer-events: none; } .hero-content { position: relative; max-width: 860px; } .hero-kicker { display: inline-flex; align-items: center; gap: 12px; font-size: 10px; font-weight: 600; letter-spacing: 0.25em; text-transform: uppercase; color: var(–ember); margin-bottom: 36px; } .hero-kicker::before, .hero-kicker::after { content: ”; display: block; width: 32px; height: 1px; background: var(–ember); opacity: 0.6; } .hero-headline { font-family: ‘Playfair Display’, serif; font-weight: 500; font-size: clamp(48px, 7vw, 96px); line-height: 1.05; letter-spacing: -0.01em; color: var(–snow); margin-bottom: 32px; } .hero-headline em { font-style: italic; color: var(–ember); } .hero-rule { width: 48px; height: 1px; background: var(–ember); margin: 0 auto 28px; opacity: 0.7; } .hero-sub { font-size: 17px; font-weight: 300; color: var(–silver); max-width: 520px; margin: 0 auto 48px; line-height: 1.8; letter-spacing: 0.01em; } .hero-actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; } .btn-primary { display: inline-block; padding: 15px 40px; background: var(–ember); color: #fff; font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; text-decoration: none; border: 1px solid var(–ember); transition: background 0.25s, box-shadow 0.25s, transform 0.2s; } .btn-primary:hover { background: #FF7218; box-shadow: 0 12px 40px rgba(232,101,10,0.35); transform: translateY(-1px); } .btn-outline { display: inline-block; padding: 15px 40px; background: transparent; color: var(–silver); font-size: 11px; font-weight: 500; letter-spacing: 0.15em; text-transform: uppercase; text-decoration: none; border: 1px solid var(–rule); transition: border-color 0.25s, color 0.25s; } .btn-outline:hover { border-color: var(–silver); color: var(–snow); } /* ── SPEC SHEET DOWNLOAD ── */ .spec-dl { background: var(–surface); border-top: 1px solid var(–rule); border-bottom: 1px solid var(–rule); padding: 84px 24px; } .spec-dl-inner { max-width: 900px; margin: 0 auto; display: flex; align-items: center; gap: 56px; } .spec-dl-thumb { flex-shrink: 0; } .spec-dl-thumb img { display: block; width: 200px; height: auto; border: 1px solid var(–rule); box-shadow: 0 24px 60px rgba(0,0,0,0.5); } .spec-dl-body { flex: 1; } .spec-dl-eyebrow { font-size: 11px; font-weight: 600; letter-spacing: 0.25em; text-transform: uppercase; color: var(–ember); margin-bottom: 16px; } .spec-dl-title { font-family: ‘Playfair Display’, serif; font-size: 34px; font-weight: 500; color: var(–snow); line-height: 1.1; margin-bottom: 16px; } .spec-dl-text { font-size: 14px; font-weight: 300; line-height: 1.7; color: var(–silver); margin-bottom: 28px; max-width: 420px; } .spec-dl-meta { margin-top: 18px; font-size: 10px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: var(–mist); } .spec-dl-btn svg { vertical-align: middle; margin-right: 10px; } @media (max-width: 860px) { .spec-dl-inner { flex-direction: column; gap: 32px; text-align: center; } .spec-dl-text { margin-left: auto; margin-right: auto; } } /* ── METRICS STRIP ── */ .metrics { background: var(–surface); border-top: 1px solid var(–rule); border-bottom: 1px solid var(–rule); } .metrics-inner { max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); } .metric { padding: 44px 32px; border-right: 1px solid var(–rule); text-align: center; } .metric:last-child { border-right: none; } .metric-num { font-family: ‘Playfair Display’, serif; font-size: 52px; font-weight: 400; color: var(–snow); line-height: 1; margin-bottom: 8px; letter-spacing: -0.02em; } .metric-num sup { font-family: ‘Inter’, sans-serif; font-size: 18px; font-weight: 300; vertical-align: super; color: var(–ember); } .metric-num sub { font-family: ‘Inter’, sans-serif; font-size: 20px; font-weight: 300; vertical-align: baseline; color: var(–silver); } .metric-label { font-size: 9px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(–mist); } /* ── VIDEO SECTION ── */ .video-wrap { background: var(–deep); padding: 96px 24px; border-bottom: 1px solid var(–rule); } .section-tag { font-size: 9px; font-weight: 600; letter-spacing: 0.25em; text-transform: uppercase; color: var(–ember); text-align: center; margin-bottom: 48px; display: flex; align-items: center; justify-content: center; gap: 16px; } .section-tag::before, .section-tag::after { content: ”; display: block; width: 40px; height: 1px; background: var(–ember); opacity: 0.4; } .video-container { max-width: 900px; margin: 0 auto; } /* FACADE */ #vimeo-facade { position: relative; padding: 56.25% 0 0 0; border: 1px solid var(–rule); overflow: hidden; cursor: pointer; background: var(–surface); } #vimeo-facade img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease, opacity 0.3s; } #vimeo-facade:hover img { transform: scale(1.02); } .facade-overlay { position: absolute; inset: 0; background: rgba(8,8,8,0.45); transition: background 0.3s; } #vimeo-facade:hover .facade-overlay { background: rgba(8,8,8,0.25); } .play-ring { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 88px; height: 88px; border: 1px solid rgba(255,255,255,0.3); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: border-color 0.3s, transform 0.3s; } #vimeo-facade:hover .play-ring { border-color: var(–ember); transform: translate(-50%,-50%) scale(1.08); } .play-ring-inner { width: 60px; height: 60px; border-radius: 50%; background: var(–ember); display: flex; align-items: center; justify-content: center; } .facade-caption { position: absolute; bottom: 24px; left: 0; right: 0; text-align: center; font-size: 10px; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255,255,255,0.5); } /* EMBED */ #vimeo-embed { display: block; position: relative; padding: 56.25% 0 0 0; border: 1px solid var(–rule); overflow: hidden; } #vimeo-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; } .vid-embed { display: block; position: relative; padding: 56.25% 0 0 0; border: 1px solid var(–rule); overflow: hidden; } .vid-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; } .video-caption { text-align: center; margin-top: 22px; font-size: 11px; font-weight: 300; letter-spacing: 0.04em; color: var(–silver); } /* ── SPLIT SECTION ── */ .split { max-width: 1080px; margin: 0 auto; padding: 110px 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; border-bottom: 1px solid var(–rule); } .split-label { font-size: 9px; font-weight: 600; letter-spacing: 0.25em; text-transform: uppercase; color: var(–ember); margin-bottom: 20px; } .split-title { font-family: ‘Playfair Display’, serif; font-size: clamp(32px, 4vw, 52px); font-weight: 500; line-height: 1.1; letter-spacing: -0.01em; color: var(–snow); margin-bottom: 24px; } .split-body { font-size: 15px; font-weight: 300; color: var(–silver); line-height: 1.9; margin-bottom: 32px; } /* PILLARS */ .pillars { display: flex; flex-direction: column; gap: 0; border: 1px solid var(–rule); } .pillar { display: flex; gap: 20px; padding: 24px 28px; border-bottom: 1px solid var(–rule); transition: background 0.2s; align-items: flex-start; } .pillar:last-child { border-bottom: none; } .pillar:hover { background: var(–surface-2); } .pillar-num { font-family: ‘Playfair Display’, serif; font-size: 13px; color: var(–ember); opacity: 0.7; flex-shrink: 0; padding-top: 2px; width: 20px; } .pillar-content {} .pillar-title { font-size: 13px; font-weight: 600; letter-spacing: 0.05em; color: var(–snow); margin-bottom: 5px; } .pillar-text { font-size: 13px; font-weight: 300; color: var(–silver); line-height: 1.7; } /* ── STRAPPING HEAD ── */ .strap { max-width: 1080px; margin: 0 auto; padding: 110px 24px; display: grid; grid-template-columns: 0.82fr 1fr; gap: 72px; align-items: center; border-bottom: 1px solid var(–rule); } .strap-figure { position: relative; border: 1px solid var(–rule); overflow: hidden; background: var(–deep); } .strap-figure img, .strap-figure video { display: block; width: 100%; height: auto; } .strap-figure::after { content: “”; position: absolute; left: 0; bottom: 0; width: 52px; height: 2px; background: var(–ember); } .strap-figcaption { position: absolute; left: 14px; bottom: 14px; font-size: 8.5px; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; color: var(–silver); background: rgba(8,8,8,0.55); padding: 6px 10px; backdrop-filter: blur(4px); } .strap-feats { margin-top: 34px; border-top: 1px solid var(–rule); } .strap-feat { display: flex; gap: 18px; padding: 20px 0; border-bottom: 1px solid var(–rule); align-items: flex-start; } .strap-feat:last-child { border-bottom: none; } .strap-feat-mark { color: var(–ember); flex-shrink: 0; width: 14px; padding-top: 2px; font-size: 12px; } .strap-feat-title { font-size: 13px; font-weight: 600; letter-spacing: 0.05em; color: var(–snow); margin-bottom: 5px; } .strap-feat-text { font-size: 13px; font-weight: 300; color: var(–silver); line-height: 1.7; } /* HMI variant: reversed columns, sized for landscape media */ .strap–rev { grid-template-columns: 1fr 1.05fr; } .strap–rev .strap-copy { order: 1; } .strap–rev .strap-figure { order: 2; } /* ── SPECS ── */ .specs-section { background: var(–surface); border-bottom: 1px solid var(–rule); padding: 110px 24px; } .specs-inner { max-width: 1080px; margin: 0 auto; } .specs-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 56px; padding-bottom: 24px; border-bottom: 1px solid var(–rule); } .specs-title { font-family: ‘Playfair Display’, serif; font-size: clamp(28px, 3vw, 44px); font-weight: 500; color: var(–snow); } .specs-aside { font-size: 11px; color: var(–mist); letter-spacing: 0.08em; text-align: right; line-height: 1.6; } .specs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 60px; } .spec-row { display: flex; justify-content: space-between; align-items: center; padding: 14px 0; border-bottom: 1px solid var(–rule); } .spec-key { font-size: 12px; font-weight: 400; color: var(–mist); letter-spacing: 0.04em; } .spec-val { font-size: 13px; font-weight: 500; color: var(–snow); text-align: right; } .features-col { margin-top: 48px; } .features-col-title { font-size: 9px; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; color: var(–ember); margin-bottom: 20px; } .feat-tags { display: flex; flex-wrap: wrap; gap: 8px; } .feat-tag { font-size: 11px; font-weight: 400; color: var(–silver); padding: 7px 14px; border: 1px solid var(–rule); letter-spacing: 0.04em; transition: border-color 0.2s, color 0.2s; } .feat-tag:hover { border-color: var(–ember); color: var(–snow); } /* ── WARRANTY ── */ .warranty-section { padding: 110px 24px; border-bottom: 1px solid var(–rule); background: var(–ink); } .warranty-inner { max-width: 1080px; margin: 0 auto; } .warranty-intro { display: grid; grid-template-columns: 1fr 2fr; gap: 60px; margin-bottom: 60px; align-items: end; } .warranty-title-block .split-label { margin-bottom: 16px; } .warranty-main-title { font-family: ‘Playfair Display’, serif; font-size: clamp(32px, 4vw, 52px); font-weight: 500; line-height: 1.1; color: var(–snow); } .warranty-desc-text { font-size: 15px; font-weight: 300; color: var(–silver); line-height: 1.9; padding-top: 20px; border-top: 1px solid var(–rule); } .warranty-tiers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border: 1px solid var(–rule); } .tier { padding: 40px 32px; border-right: 1px solid var(–rule); position: relative; overflow: hidden; transition: background 0.25s; } .tier:last-child { border-right: none; } .tier:hover { background: var(–surface-2); } .tier.featured { background: var(–ember-dim); border-color: var(–rule-warm); } .tier.featured:hover { background: rgba(232,101,10,0.14); } .tier-num { font-family: ‘Playfair Display’, serif; font-size: 72px; font-weight: 400; line-height: 1; color: var(–snow); margin-bottom: 4px; letter-spacing: -0.03em; } .tier.featured .tier-num { color: var(–ember); } .tier-unit { font-size: 10px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(–mist); margin-bottom: 24px; } .tier-title { font-family: ‘Barlow Condensed’, sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(–snow); margin-bottom: 10px; } .tier-desc { font-size: 13px; font-weight: 300; color: var(–silver); line-height: 1.7; } .warranty-footer { margin-top: 32px; padding: 24px 32px; border: 1px solid var(–rule); display: flex; align-items: center; justify-content: space-between; gap: 24px; background: var(–surface); } .warranty-footer-text { font-size: 13px; font-weight: 300; color: var(–silver); line-height: 1.6; } .warranty-footer-text strong { color: var(–snow); font-weight: 500; } .warranty-footer-contact { display: flex; flex-direction: column; gap: 4px; text-align: right; flex-shrink: 0; } .warranty-footer-contact a { font-size: 13px; font-weight: 500; color: var(–ember); text-decoration: none; letter-spacing: 0.03em; } .warranty-footer-contact a:hover { color: var(–snow); } /* ── PRICING ── */ .pricing-section { background: var(–surface); padding: 110px 24px; border-bottom: 1px solid var(–rule); } .pricing-inner { max-width: 800px; margin: 0 auto; text-align: center; } .pricing-eyebrow { font-size: 9px; font-weight: 600; letter-spacing: 0.25em; text-transform: uppercase; color: var(–ember); margin-bottom: 20px; display: flex; align-items: center; justify-content: center; gap: 14px; } .pricing-eyebrow::before, .pricing-eyebrow::after { content: ”; width: 32px; height: 1px; background: var(–ember); opacity: 0.4; } .pricing-big-title { font-family: ‘Playfair Display’, serif; font-size: clamp(32px, 4vw, 52px); font-weight: 500; color: var(–snow); margin-bottom: 48px; } .pricing-card { border: 1px solid var(–rule); background: var(–ink); text-align: left; } .pricing-top { padding: 48px 56px; border-bottom: 1px solid var(–rule); display: flex; justify-content: space-between; align-items: flex-end; } .pricing-amount-block {} .pricing-small-label { font-size: 9px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(–mist); margin-bottom: 12px; } .pricing-big-num { font-family: ‘Playfair Display’, serif; font-size: 72px; font-weight: 400; line-height: 1; color: var(–snow); letter-spacing: -0.02em; } .pricing-installed-tag { font-size: 12px; color: var(–ember); font-weight: 400; letter-spacing: 0.06em; margin-top: 10px; } .pricing-availability { text-align: right; } .avail-indicator { display: flex; align-items: center; gap: 8px; justify-content: flex-end; margin-bottom: 6px; } .avail-dot { width: 7px; height: 7px; border-radius: 50%; background: #22C55E; box-shadow: 0 0 8px rgba(34,197,94,0.5); } .avail-text { font-size: 13px; font-weight: 500; color: var(–snow); } .avail-sub { font-size: 11px; color: var(–mist); letter-spacing: 0.05em; } .pricing-bottom { padding: 40px 56px; } .pricing-includes-label { font-size: 9px; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; color: var(–mist); margin-bottom: 20px; } .pricing-checks { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 32px; margin-bottom: 40px; } .pricing-check { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 300; color: var(–silver); } .pricing-check::before { content: ”; width: 14px; height: 1px; background: var(–ember); flex-shrink: 0; } .pricing-cta { display: block; width: 100%; padding: 18px; background: var(–ember); color: #fff; text-align: center; font-size: 11px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; text-decoration: none; border: none; cursor: pointer; transition: background 0.25s, box-shadow 0.25s; } .pricing-cta:hover { background: #FF7218; box-shadow: 0 8px 40px rgba(232,101,10,0.3); } /* ── CONTACT ── */ .contact-section { padding: 110px 24px; background: var(–ink); } .contact-inner { max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; } .contact-left {} .contact-info-list { display: flex; flex-direction: column; gap: 0; margin-top: 40px; border: 1px solid var(–rule); } .contact-info-row { display: flex; flex-direction: column; gap: 4px; padding: 20px 24px; border-bottom: 1px solid var(–rule); } .contact-info-row:last-child { border-bottom: none; } .contact-info-label { font-size: 9px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(–mist); } .contact-info-val { font-size: 15px; font-weight: 400; color: var(–snow); text-decoration: none; transition: color 0.2s; } a.contact-info-val:hover { color: var(–ember); } .contact-info-note { font-size: 12px; color: var(–mist); letter-spacing: 0.03em; } /* FORM */ .form-card { border: 1px solid var(–rule); background: var(–surface); padding: 40px 36px; } .form-card-title { font-family: ‘Playfair Display’, serif; font-size: 26px; font-weight: 500; color: var(–snow); margin-bottom: 6px; } .form-card-sub { font-size: 13px; font-weight: 300; color: var(–mist); margin-bottom: 32px; line-height: 1.6; } .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .form-field { margin-bottom: 14px; } .form-field label { display: block; font-size: 9px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(–mist); margin-bottom: 7px; } .form-field input, .form-field select, .form-field textarea { width: 100%; background: var(–surface-2); border: 1px solid var(–rule); color: var(–snow); padding: 13px 16px; font-family: ‘Inter’, sans-serif; font-size: 13px; font-weight: 300; outline: none; border-radius: 0; transition: border-color 0.2s; -webkit-appearance: none; appearance: none; } .form-field input::placeholder, .form-field textarea::placeholder { color: var(–mist); } .form-field input:focus, .form-field select:focus, .form-field textarea:focus { border-color: rgba(232,101,10,0.5); } .form-field select option { background: var(–surface-2); } .form-field textarea { resize: vertical; min-height: 80px; } .form-submit { width: 100%; padding: 15px; background: var(–ember); color: #fff; border: none; font-family: ‘Inter’, sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; cursor: pointer; margin-top: 8px; transition: background 0.25s, box-shadow 0.25s; } .form-submit:hover { background: #FF7218; box-shadow: 0 6px 32px rgba(232,101,10,0.3); } .form-open-link { display: inline-block; margin-top: 18px; font-size: 11px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(–silver); text-decoration: none; transition: color 0.2s; } .form-open-link:hover { color: var(–ember); } /* ── FOOTER ── */ footer { background: var(–surface); border-top: 1px solid var(–rule); padding: 28px 48px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; } .footer-copy { font-size: 11px; color: var(–mist); letter-spacing: 0.05em; } .footer-links { display: flex; gap: 28px; } .footer-links a { font-size: 11px; color: var(–mist); text-decoration: none; letter-spacing: 0.06em; transition: color 0.2s; } .footer-links a:hover { color: var(–ember); } /* ── FADE IN ── */ .reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.7s ease, transform 0.7s ease; } .reveal.visible { opacity: 1; transform: translateY(0); } /* ── RESPONSIVE ── */ @media (max-width: 860px) { nav { padding: 0 20px; } .nav-right .nav-link { display: none; } .metrics-inner { grid-template-columns: repeat(2, 1fr); } .metric:nth-child(2) { border-right: none; } .metric:nth-child(3) { border-top: 1px solid var(–rule); } .split { grid-template-columns: 1fr; gap: 40px; padding: 60px 24px; } .strap { grid-template-columns: 1fr; gap: 36px; padding: 60px 24px; } .specs-grid { grid-template-columns: 1fr; gap: 0; } .warranty-intro { grid-template-columns: 1fr; gap: 24px; } .warranty-tiers { grid-template-columns: 1fr; } .tier { border-right: none; border-bottom: 1px solid var(–rule); } .tier:last-child { border-bottom: none; } .pricing-top { flex-direction: column; gap: 28px; align-items: flex-start; } .pricing-availability { text-align: left; } .avail-indicator { justify-content: flex-start; } .pricing-checks { grid-template-columns: 1fr; } .pricing-top, .pricing-bottom { padding: 32px 28px; } .contact-inner { grid-template-columns: 1fr; gap: 48px; } .form-row { grid-template-columns: 1fr; } .hero-line-v { display: none; } footer { padding: 24px 20px; flex-direction: column; align-items: flex-start; } .warranty-footer { flex-direction: column; align-items: flex-start; } .warranty-footer-contact { text-align: left; } .specs-header { flex-direction: column; align-items: flex-start; gap: 16px; } } @media (prefers-reduced-motion: reduce) { .reveal { opacity: 1; transform: none; transition: none; } }
T-SA w/ Scale
Transformer Packaging Systems
The Machine Features Specifications Spec Sheet Contact Request a Quote
Low-Profile Stretch Wrapper · With Integrated Scale

Wrap It.
Weigh It.
Ship It.

The Transformer T-SA w/ Scale is a heavy-duty, low-profile turntable stretch wrapper with an integrated scale — weigh every load on the fly while you wrap, all from one color touch-screen.

Request a Quote See the Machine
5,000 lb
Turntable Capacity
0 / hr
Loads Per Hour
300%
Film Pre-Stretch
Scale
Integrated · Weigh On The Fly
Transformer T-SA low-profile stretch wrapper with integrated scale
T-SA w/ Scale · Low-Profile Stretch Wrapper

The Machine

Built Heavy. Weighs Precise.

Reinforced solid-steel construction, a low-profile driven-roller turntable, and a powered pre-stretch film carriage — with a digital scale and readout built right in. Load, wrap, and capture weight in a single pass.

■
Integrated Scale
Digital readout with printer port — weigh loads on the fly as you wrap.
■
Powered Pre-Stretch
Powered chain carriage delivers 250–300% pre-stretch with variable force to load.
■
Color Touch-Screen Control
10 custom wrap presets, custom top/middle/bottom wrap, and PLC diagnostics.
■
Low-Profile & Forklift Portable
Reinforced steel base moves easily — up to 5,000 lb turntable capacity.

Why the T-SA

One Pass, Wrapped and Weighed

Skip the separate weigh station. The T-SA w/ Scale captures load weight while it wraps — fewer touches, faster throughput, and accurate shipping data straight off the floor.

Up to 40 loads per hour, a 15 RPM turntable, and a threadless film system engineered for uptime and easy operation.

01
Weigh On The Fly
Integrated digital scale with printer port — no second station.
02
TPS Threadless System
Fast, tool-free film loading on a powered chain pre-stretch carriage.
03
Safety-First Build
Tower, carriage-door, and bottom-contact E-Stops standard.
04
5-Year Structure
5-year structural warranty, lifetime rollers, and a 24/7 service hotline.

Technical Data

Specifications

Manufacturer: Transformer Packaging Systems
7259 Rankin Rd Ste 200, Humble TX 77396
Max Production SpeedUp to 40 loads / hr
Turntable Speed15 RPM
Turntable Drive1.06 HP · Slow Start/Stop
Load Weight Capacity5,000 lbs
Turntable Diameter71″
Max Wrap Height83″ (opt. 104″ / 120″)
Max Wrap Diagonal90″
Film DeliveryPowered Chain Pre-Stretch
Standard Pre-Stretch250% – 300%
Film Roll Length20″ Standard (opt. 30″)
Film DiameterMax 10.63″
Photo EyeMulti-Color Film
Integrated ScaleDigital Readout + Printer Port
Dimensions110.2″ L × 70.87″ W × 94.49″ H
Weight1,543 lbs
ConstructionReinforced Solid Steel · Powder Coat
Power Supply110V · 10 Amp
Warranty · Service5-Yr Structure · 24/7 Hotline
Included Features
Color Touch-Screen Panel Premium Photo Eye Corner Compensation No-Lace Powered Carriage Automatic Puncture Cut Plug & Play Connections Heavy-Duty Dual Chain Drive Dual-Chain Carriage Forklift Portable Tower E-Stop Carriage-Door E-Stop Bottom-Contact E-Stop 10 Custom Wrap Presets Parameter Password Lockout
Optional Features
Pallet-Jack Ramp Remote Fully Automatic (Cut, Clamp & Wipe) 30″ Carriage Extended Wrap Height 104″ / 120″ Extended Base · 160″ Diagonal Ring-Gear High Profile · 10,000 lb Dual Turntable Separated Base
T-SA w/ Scale specification sheet preview
Documentation
Download the Specification Sheet

Full technical specifications, features, options, and warranty coverage for the Transformer T-SA w/ Scale — a two-page PDF you can share or print.

Download PDF
PDF · 2 Pages · Letter
See the T-SA in Action
TPS Semi-Automatic Stretch Wrapping Machines

Get in Touch

Ready to See It?

Talk to a packaging specialist, request a demo, or get a formal quote. We respond within one business day.

Phone
404-344-4444
Email
info@gap-co.com
Manufacturer
Transformer Packaging Systems
7259 Rankin Rd Ste 200, Humble, TX 77396
Distributor
GAPCO
Industrial Packaging & Strapping Supply
Request a Quote

Tell us about your application and we’ll get back to you within one business day.

Open the form in a new tab →
// ── Counter animation ── function animateCounters() { document.querySelectorAll(‘.count’).forEach(el => { const target = parseInt(el.dataset.target, 10); const duration = 1600; const start = performance.now(); const update = (now) => { const p = Math.min((now – start) / duration, 1); const ease = 1 – Math.pow(1 – p, 4); el.textContent = Math.round(ease * target); if (p { if (e[0].isIntersecting) { animateCounters(); metricObs.disconnect(); } }, { threshold: 0.3 }); metricObs.observe(metricsEl); // ── Scroll reveal ── const revealEls = document.querySelectorAll(‘.reveal’); const revealObs = new IntersectionObserver(entries => { entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add(‘visible’); revealObs.unobserve(e.target); } }); }, { threshold: 0.08 }); revealEls.forEach(el => revealObs.observe(el)); // ── Jotform iframe auto-resize handler ── var jfIfr = document.getElementById(“JotFormIFrame-261815616097059”); if (jfIfr) { var jfSrc = jfIfr.src; var iframeParams = []; if (window.location.href && window.location.href.indexOf(“?”) > -1) { iframeParams = iframeParams.concat(window.location.href.substr(window.location.href.indexOf(“?”) + 1).split(‘&’)); } if (jfSrc && jfSrc.indexOf(“?”) > -1) { iframeParams = iframeParams.concat(jfSrc.substr(jfSrc.indexOf(“?”) + 1).split(“&”)); jfSrc = jfSrc.substr(0, jfSrc.indexOf(“?”)); } iframeParams.push(“isIframeEmbed=1”); jfIfr.src = jfSrc + “?” + iframeParams.join(‘&’); } window.handleIFrameMessage = function(e) { if (typeof e.data === ‘object’) { return; } var args = e.data.split(“:”); var jfTarget; if (args.length > 2) { jfTarget = document.getElementById(“JotFormIFrame-” + args[(args.length – 1)]); } else { jfTarget = document.getElementById(“JotFormIFrame”); } if (!jfTarget) { return; } switch (args[0]) { case “scrollIntoView”: jfTarget.scrollIntoView(); break; case “setHeight”: jfTarget.style.height = args[1] + “px”; break; case “collapseErrorPage”: if (jfTarget.clientHeight > window.innerHeight) { jfTarget.style.height = window.innerHeight + “px”; } break; case “reloadPage”: window.location.reload(); break; } var isJotForm = (e.origin.indexOf(“jotform”) > -1) ? true : false; if (isJotForm && “contentWindow” in jfTarget && “postMessage” in jfTarget.contentWindow) { var urls = { “docurl”: encodeURIComponent(document.URL), “referrer”: encodeURIComponent(document.referrer) }; jfTarget.contentWindow.postMessage(JSON.stringify({ “type”: “urls”, “value”: urls }), “*”); } }; if (window.addEventListener) { window.addEventListener(“message”, handleIFrameMessage, false); } else if (window.attachEvent) { window.attachEvent(“onmessage”, handleIFrameMessage); }