bolt___style_reference:
  info: "> Electric lavender at dawn. A hushed lilac canvas wakes up to a single jolt of vivid blue — the rest of the world stays cool gray, letting the brand mark and its lightning typography do the talking."

  theme: "mixed"

  info: "Bolt's design language pairs a quiet lavender-tinted canvas with an electric blue accent, creating a fintech super-app that feels calm yet charged. A custom display face (agrandir-bolt) carries the brand voice with bold geometric character forms — note the lightning-bolt cutouts in the B — while Inter handles all functional UI text at tight tracking. Sections alternate between airy light surfaces and deep midnight-navy blocks, with the brand blue reserved exclusively for action surfaces, active states, and key word emphasis within headlines. Components are minimal: pill-shaped buttons, hairline borders, no shadows, and generous whitespace that lets photography and oversized brand typography breathe."

  tokens___colors:

    info: "| Name | Value | Token | Role |"
    info: "|------|-------|-------|------|"
    info: "| Lilac Mist | `#f8f6fe` | `--color-lilac-mist` | Page canvas and hero backgrounds — a barely-there lavender tint keeps the light theme from feeling sterile and gives Bolt its signature pastel warmth |"
    info: "| Midnight Ink | `#04091a` | `--color-midnight-ink` | Dark borders and separators for elevated surfaces and inverted UI. Do not promote it to the primary CTA color |"
    info: "| Deep Navy | `#111426` | `--color-deep-navy` | Dark section backgrounds (centered statement block, footer) and dark badge fills — slightly lighter than Midnight Ink to create a two-tone dark system |"
    info: "| Slate | `#454a66` | `--color-slate` | Secondary text and icon strokes — cool mid-gray for descriptions, helper text, and inactive iconography |"
    info: "| Fog | `#8e92af` | `--color-fog` | Gray accent for outlined action borders, linked labels, and lightweight interactive emphasis. |"
    info: "| Periwinkle | `#d3d7ed` | `--color-periwinkle` | Hairline borders, subtle dividers, and soft surface tints on the light canvas — barely visible structural lines |"
    info: "| Pure White | `#ffffff` | `--color-pure-white` | Card surfaces, input fields, and inverse text on dark backgrounds |"
    info: "| Bolt Blue | `#006cff` | `--color-bolt-blue` | Primary action fill, active nav state, brand word emphasis inside headlines, and the lightning-bolt icon mark — a saturated electric blue that carries the entire brand identity |"
    info: "| Steel Border | `#262a42` | `--color-steel-border` | Input and form field borders — a darker neutral that defines interactive containers without competing with the brand blue |"

  tokens___typography:

    agrandir_bolt___brand_display_face___used_for_the_bolt_wordmark__hero_headlines__and_footer_masthead__a_custom_geometric_sans_with_lightning_bolt_cutouts_in_the_b_character__this_is_the_brand_s_voice_at_all_display_scales__at_70px_hero_size_it_commands_attention_without_feeling_heavy__at_10px_nav_size_it_acts_as_a_compact_brand_mark__letter_spacing_stays_uniformly__0_020em_regardless_of_size__keeping_the_geometric_forms_optically_tight_____font_agrandir_bolt:
      - "**Substitute:** Sora or General Sans Bold"
      - "**Weights:** 700"
      - "**Sizes:** 10px, 32px, 64px, 70px"
      - "**Line height:** 1.00-1.30"
      - "**Letter spacing:** -0.020em (all sizes)"
      - "**Role:** Brand display face — used for the BOLT wordmark, hero headlines, and footer masthead. A custom geometric sans with lightning-bolt cutouts in the B character; this is the brand's voice at all display scales. At 70px hero size it commands attention without feeling heavy; at 10px nav size it acts as a compact brand mark. Letter-spacing stays uniformly -0.020em regardless of size, keeping the geometric forms optically tight."

    inter___functional_ui_typeface___all_body_text__nav_links__button_labels__form_fields__footer_links__and_secondary_headings__inter_s_geometric_neutrality_lets_agrandir_bolt_own_the_brand_voice__weight_500_is_the_default_for_nav_and_buttons__400_for_body_copy__600_700_for_emphasis__the_negative_letter_spacing_tightens_at_larger_sizes__keeping_even_20px_subheadings_feeling_compact_and_intentional_rather_than_airy_____font_inter:
      - "**Substitute:** Inter (already available on Google Fonts)"
      - "**Weights:** 400, 500, 600, 700"
      - "**Sizes:** 9px, 11px, 12px, 13px, 14px, 15px, 16px, 18px, 20px"
      - "**Line height:** 1.20-1.89"
      - "**Letter spacing:** -0.029em (larger), -0.020em (mid), -0.010em (body)"
      - "**Role:** Functional UI typeface — all body text, nav links, button labels, form fields, footer links, and secondary headings. Inter's geometric neutrality lets agrandir-bolt own the brand voice. Weight 500 is the default for nav and buttons; 400 for body copy; 600-700 for emphasis. The negative letter-spacing tightens at larger sizes, keeping even 20px subheadings feeling compact and intentional rather than airy."

    google_sans___micro_label_and_small_caps_utility_text___appears_sparingly_for_tracking_labels_and_metadata____font_google_sans:
      - "**Substitute:** Inter Medium"
      - "**Weights:** 500"
      - "**Sizes:** 11px"
      - "**Line height:** 1.89"
      - "**Letter spacing:** -0.029em"
      - "**Role:** Micro-label and small-caps utility text — appears sparingly for tracking labels and metadata"

    type_scale:

      info: "| Role | Size | Line Height | Letter Spacing | Token |"
      info: "|------|------|-------------|----------------|-------|"
      info: "| caption | 11px | 1.89 | -0.029px | `--text-caption` |"
      info: "| body | 14px | 1.5 | -0.01px | `--text-body` |"
      info: "| subheading | 18px | 1.3 | -0.02px | `--text-subheading` |"
      info: "| heading-sm | 20px | 1.3 | -0.02px | `--text-heading-sm` |"
      info: "| heading | 32px | 1.1 | -0.02px | `--text-heading` |"
      info: "| heading-lg | 64px | 1 | -0.02px | `--text-heading-lg` |"
      info: "| display | 70px | 1 | -0.02px | `--text-display` |"

  tokens___spacing___shapes:

    density: "comfortable"

    spacing_scale:

      info: "| Name | Value | Token |"
      info: "|------|-------|-------|"
      info: "| 6 | 6px | `--spacing-6` |"
      info: "| 9 | 9px | `--spacing-9` |"
      info: "| 10 | 10px | `--spacing-10` |"
      info: "| 14 | 14px | `--spacing-14` |"
      info: "| 15 | 15px | `--spacing-15` |"
      info: "| 16 | 16px | `--spacing-16` |"
      info: "| 18 | 18px | `--spacing-18` |"
      info: "| 19 | 19px | `--spacing-19` |"
      info: "| 22 | 22px | `--spacing-22` |"
      info: "| 30 | 30px | `--spacing-30` |"
      info: "| 50 | 50px | `--spacing-50` |"
      info: "| 55 | 55px | `--spacing-55` |"
      info: "| 71 | 71px | `--spacing-71` |"
      info: "| 73 | 73px | `--spacing-73` |"
      info: "| 75 | 75px | `--spacing-75` |"
      info: "| 108 | 108px | `--spacing-108` |"

    border_radius:

      info: "| Element | Value |"
      info: "|---------|-------|"
      info: "| cards | 5px |"
      info: "| badges | 5px |"
      info: "| images | 12px |"
      info: "| inputs | 5px |"
      info: "| buttons | 9999px |"

    layout:

      - "**Page max-width:** 1200px"
      - "**Section gap:** 80-120px"
      - "**Card padding:** 24px"
      - "**Element gap:** 8-12px"

  components:

    primary_pill_button:
      role: "Main call-to-action (Download, Get Started)"

      info: "Dark pill button with Midnight Ink (#04091a) background, white text in Inter 500 at 14px, horizontal padding 20-24px, vertical padding 10-12px, fully rounded (9999px radius). No shadow. Hovers maintain the dark fill — this is a quiet, confident CTA, not a loud one."

    ghost_text_link:
      role: "Secondary action (Shopper login)"

      info: "Plain text in Midnight Ink (#04091a), Inter 500 at 14px, no background, no border. Sits beside pill buttons in the nav as a low-emphasis alternative. The visual hierarchy: pill = commit, text link = explore."

    top_navigation_bar:
      role: "Primary site navigation"

      info: "Light Lilac Mist (#f8f6fe) background with a 1px Periwinkle (#d3d7ed) or Fog (#8e92af) hairline bottom border. Left: BOLT wordmark in agrandir-bolt 700 at 32px. Center: nav links (Pay, Rewards, Shop) in Inter 500 at 14px in Midnight Ink. Right: Shopper login text link + Download pill button. Above the main nav: a secondary utility bar with 'For Users / For Businesses' toggles in a very light tint."

    hero_section:
      role: "Above-the-fold brand statement"

      info: "Full-width Lilac Mist background. Two-column layout: left column holds the headline and CTA badges, right column holds the product photography. No border or background card — the hero breathes directly on the canvas. The headline uses agrandir-bolt 700 at 64-70px in Midnight Ink, with the key brand word highlighted in Bolt Blue (#006cff). Subhead in Inter 400 at 18px in Slate (#454a66). Section padding: 80-120px vertical."

    app_store_download_badge:
      role: "Mobile app download CTA"

      info: "Dark pill-shaped badge with Midnight Ink background, white text and icon. Contains two lines: 'Download on the' (11px) and 'App Store' (14px bold) in Inter. Rounded pill (9999px). Appears in pairs (App Store + Google Play) below the hero subhead."

    dark_statement_section:
      role: "Section-level brand messaging on dark background"

      info: "Full-width Deep Navy (#111426) background, centered content with 120px vertical padding. Headline in agrandir-bolt 700 at 32-64px in Pure White. Body text in Inter 400 at 14-16px in Fog (#8e92af). Generous whitespace — no cards or dividers, just text floating on dark. Used to create dramatic rhythm breaks between light content sections."

    feature_card_grid:
      role: "Product feature showcase (Crypto, Transfer, Pay, Track)"

      info: "Four-column grid on Lilac Mist background. Each card is a Pure White (#ffffff) surface with 5px radius, 24px padding, 1px Periwinkle border. Icon at top in Bolt Blue (#006cff), feature name in Inter 600 at 16-18px in Midnight Ink. No shadow — cards sit flat on the canvas, separated only by hairline borders."

    footer:
      role: "Site footer with mega-wordmark"

      info: "Deep Navy (#111426) background, full-width. Top half: four-column link grid (Company, Resources, Support, Custom Solutions) in Inter 400 at 14px in Fog, with section headers in Inter 600 in Pure White. 'Careers' link includes a small Bolt Blue 'WE'RE HIRING' badge. Bottom half: massive BOLT wordmark in agrandir-bolt 700 at 300-400px+ in Light Gray/White, stretching nearly full viewport width — a brand stamp, not just a logo."

    info_badge:
      role: "Inline status or label (e.g. We're Hiring)"

      info: "Bolt Blue (#006cff) background, Pure White text in Inter 600 at 10-11px, 5px radius, 4-6px vertical and 8-10px horizontal padding. Sits inline next to a link, drawing the eye without breaking the line."

    nav_link_item:
      role: "Navigation menu items (Pay, Rewards, Shop)"

      info: "Inter 500 at 14px in Midnight Ink, 10-12px horizontal padding. Active or hover state shifts to Bolt Blue (#006cff) or maintains dark with a subtle underline. No background fill on default state — links float on the Lilac canvas."

    input_field:
      role: "Form inputs (email, search)"

      info: "Pure White (#ffffff) background, Steel Border (#262a42) 1px border, 5px radius, 12px horizontal padding, Inter 400 at 14px placeholder text in Fog. Focus state shifts border to Bolt Blue."

    lightning_bolt_icon:
      role: "Brand identity mark, decorative accents"

      info: "Single-color Bolt Blue (#006cff) lightning bolt shape, used as the favicon, nav accent next to 'Soundtrack' link, and decorative motif. Geometric and angular — a literal lightning bolt, not stylized."

  do_s_and_don_ts:

    do:
      - "Use agrandir-bolt 700 at 64-70px for hero headlines and brand statements; use Inter 400-500 at 14-16px for all body and UI text"
      - "Set the primary action fill to Bolt Blue (#006cff) for filled buttons; use Midnight Ink (#04091a) for the Download-style dark pill button"
      - "Apply 9999px border-radius to all buttons and tags; use 5px for cards, inputs, and badges; 12px for images"
      - "Use Lilac Mist (#f8f6fe) as the page canvas; reserve Deep Navy (#111426) for full-width dark statement sections and the footer"
      - "Apply negative letter-spacing of -0.020em to all agrandir-bolt text and -0.010em to Inter body text to keep type optically tight"
      - "Highlight a single keyword in hero headlines using Bolt Blue while keeping the rest in Midnight Ink — e.g. 'One SuperApp to rule them all'"
      - "Alternate between Lilac Mist light sections and Deep Navy dark sections to create dramatic rhythm; never mix both backgrounds within a single section"

    don_t:
      - "Don't use Bolt Blue for decorative non-action elements — it should signal action, active state, or brand emphasis only"
      - "Don't add drop shadows to cards or buttons — Bolt uses hairline borders and flat surfaces, never elevation"
      - "Don't use a third typeface — agrandir-bolt owns display, Inter owns everything else; Google Sans is only for tracking labels"
      - "Don't use warm-toned neutrals or pure #000000 for text — Midnight Ink (#04091a) carries a cool blue undertone that ties to the brand"
      - "Don't break the pill button pattern with squared corners or slight rounding — buttons are either fully pill (9999px) or fully square, never in between"
      - "Don't use Periwinkle (#d3d7ed) as a text color — it's a border/divider only; use Slate (#454a66) or Fog (#8e92af) for muted text instead"
      - "Don't place content directly on Pure White (#ffffff) page backgrounds — always use Lilac Mist (#f8f6fe) as the canvas so white cards and inputs have a surface to sit on"

  surfaces:

    info: "| Level | Name | Value | Purpose |"
    info: "|-------|------|-------|---------|"
    info: "| 1 | Lilac Canvas | `#f8f6fe` | Primary page background and hero wash |"
    info: "| 2 | Pure Card | `#ffffff` | Elevated cards, input fields, and content blocks |"
    info: "| 3 | Periwinkle Tint | `#d3d7ed` | Subtle hover states and decorative washes |"
    info: "| 4 | Deep Navy Block | `#111426` | Dark content sections and footer |"
    info: "| 5 | Midnight Surface | `#04091a` | Highest-elevation dark surface, pill buttons |"

  elevation:

    info: "Bolt deliberately avoids drop shadows. All depth is created through surface color contrast (Lilac Mist canvas vs Pure White cards vs Deep Navy dark sections) and hairline borders in Periwinkle (#d3d7ed). This keeps the interface feeling flat, modern, and immediate — no element is ever 'floating,' everything is placed on a surface."

  imagery:

    info: "Photography is product-centric and tightly cropped: the hero shows a hand holding a blue-cased phone displaying the Bolt app, shot at close range with the product as the sole subject. Hands have bold styling (silver nail polish, metallic bangles, purple sleeve) adding personality without lifestyle context. No full-bleed environmental photography — images are always contained within rounded frames (12px radius) or float on the Lilac canvas. The visual identity leans on the custom typography (agrandir-bolt's lightning-bolt B) and the electric blue color as the primary graphic elements rather than illustration or icon systems."

  layout:

    info: "The page uses a max-width 1200px centered content column with generous outer padding. The hero is a two-column split: left holds text/CTA, right holds the product photo. Below the hero, sections alternate between light (Lilac Mist) and dark (Deep Navy) full-bleed bands, each centered with 80-120px vertical padding. Feature sections use a four-column card grid. The footer is a full-width dark band with a four-column link grid above a massive BOLT wordmark that stretches nearly edge-to-edge. Navigation is a single sticky top bar with utility links above and primary nav below."

  agent_prompt_guide:

    quick_color_reference:
    - "text: #04091a (primary), #454a66 (secondary), #8e92af (tertiary)"
    - "background: #f8f6fe (canvas), #ffffff (card), #111426 (dark section)"
    - "border: #d3d7ed (hairline), #262a42 (input)"
    - "accent: #006cff (brand blue)"
    - "primary action: #006cff (filled action)"

    3_5_example_component_prompts:

    - "**Hero section**: Lilac Mist (#f8f6fe) full-width background, 100px vertical padding. Left column: headline in agrandir-bolt 700 at 70px, line-height 1.0, letter-spacing -0.020em, color Midnight Ink (#04091a), with 'SuperApp' colored Bolt Blue (#006cff). Subhead in Inter 400 at 18px, color Slate (#454a66), max-width 420px. Below: two dark pill download badges side by side, Midnight Ink (#04091a) background, white text, 9999px radius, 20px horizontal padding. Right column: product photo of phone in blue case held by hand, 12px radius."

    - "Create a Primary Action Button: #006cff background, #ffffff text, 9999px radius, compact pill padding. Use this filled treatment for the main CTA."

    - "**Top navigation bar**: Lilac Mist (#f8f6fe) background, 1px bottom border in Periwinkle (#d3d7ed), horizontal padding 40px, height 64px. Left: BOLT wordmark in agrandir-bolt 700 at 32px, color Midnight Ink. Center: three nav links in Inter 500 at 14px Midnight Ink, 12px gap between. Right: 'Shopper login' text link + dark pill Download button."

    - "**Dark statement section**: Deep Navy (#111426) full-width background, 120px vertical padding, centered content. Headline in agrandir-bolt 700 at 48-64px Pure White, letter-spacing -0.020em. Body in Inter 400 at 16px Fog (#8e92af), max-width 560px."

    - "**Feature card**: Pure White (#ffffff) background, 5px border-radius, 24px padding, 1px Periwinkle (#d3d7ed) border. Icon in Bolt Blue (#006cff) at 24px. Title in Inter 600 at 16px Midnight Ink. No shadow."

  typographic_system_logic:

    the_design_runs_a_two_font_system: "agrandir-bolt for brand display at sizes 10-70px, Inter for all functional UI at 9-20px. The display face's lightning-bolt cutouts in the B character are the brand's signature mark, so it appears in the nav lockup, hero headlines, and the massive footer wordmark. Letter-spacing is uniformly -0.020em across all agrandir-bolt sizes, creating a tight geometric feel even at display scale. Inter tightens progressively — -0.010em at body sizes, scaling up to -0.029em at larger sizes. Never use display weight (700) Inter for headlines; that's agrandir-bolt's role."

  similar_brands:

    - "**Cash App** — Same bold single-word brand lockup in a custom display face, light canvas with one vivid accent color, and dark statement sections for rhythm"
    - "**Revolut** — Same fintech super-app positioning with a quiet neutral palette and a single saturated accent for action surfaces"
    - "**Robinhood** — Same flat-surface, no-shadow philosophy and pill-shaped button language, with a light pastel canvas"
    - "**Stripe** — Same lavender-tinted off-white canvas and tight Inter-based UI typography with a single blue action accent"
    - "**Mercury** — Same custom display wordmark treatment and clean light/dark section alternation for fintech brand presence"

  quick_start:

    css_custom_properties:

      css: |
        :root {
          /* Colors */
          --color-lilac-mist: #f8f6fe;
          --color-midnight-ink: #04091a;
          --color-deep-navy: #111426;
          --color-slate: #454a66;
          --color-fog: #8e92af;
          --color-periwinkle: #d3d7ed;
          --color-pure-white: #ffffff;
          --color-bolt-blue: #006cff;
          --color-steel-border: #262a42;
        
          /* Typography — Font Families */
          --font-agrandir-bolt: 'agrandir-bolt', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
          --font-inter: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
          --font-google-sans: 'Google Sans', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        
          /* Typography — Scale */
          --text-caption: 11px;
          --leading-caption: 1.89;
          --tracking-caption: -0.029px;
          --text-body: 14px;
          --leading-body: 1.5;
          --tracking-body: -0.01px;
          --text-subheading: 18px;
          --leading-subheading: 1.3;
          --tracking-subheading: -0.02px;
          --text-heading-sm: 20px;
          --leading-heading-sm: 1.3;
          --tracking-heading-sm: -0.02px;
          --text-heading: 32px;
          --leading-heading: 1.1;
          --tracking-heading: -0.02px;
          --text-heading-lg: 64px;
          --leading-heading-lg: 1;
          --tracking-heading-lg: -0.02px;
          --text-display: 70px;
          --leading-display: 1;
          --tracking-display: -0.02px;
        
          /* Typography — Weights */
          --font-weight-regular: 400;
          --font-weight-medium: 500;
          --font-weight-semibold: 600;
          --font-weight-bold: 700;
        
          /* Spacing */
          --spacing-6: 6px;
          --spacing-9: 9px;
          --spacing-10: 10px;
          --spacing-14: 14px;
          --spacing-15: 15px;
          --spacing-16: 16px;
          --spacing-18: 18px;
          --spacing-19: 19px;
          --spacing-22: 22px;
          --spacing-30: 30px;
          --spacing-50: 50px;
          --spacing-55: 55px;
          --spacing-71: 71px;
          --spacing-73: 73px;
          --spacing-75: 75px;
          --spacing-108: 108px;
        
          /* Layout */
          --page-max-width: 1200px;
          --section-gap: 80-120px;
          --card-padding: 24px;
          --element-gap: 8-12px;
        
          /* Border Radius */
          --radius-md: 5px;
          --radius-lg: 8px;
          --radius-xl: 12px;
          --radius-3xl: 30px;
          --radius-full: 100px;
          --radius-full-2: 1280px;
        
          /* Named Radii */
          --radius-cards: 5px;
          --radius-badges: 5px;
          --radius-images: 12px;
          --radius-inputs: 5px;
          --radius-buttons: 9999px;
        
          /* Surfaces */
          --surface-lilac-canvas: #f8f6fe;
          --surface-pure-card: #ffffff;
          --surface-periwinkle-tint: #d3d7ed;
          --surface-deep-navy-block: #111426;
          --surface-midnight-surface: #04091a;
        }

    tailwind_v4:

      css: |
        @theme {
          /* Colors */
          --color-lilac-mist: #f8f6fe;
          --color-midnight-ink: #04091a;
          --color-deep-navy: #111426;
          --color-slate: #454a66;
          --color-fog: #8e92af;
          --color-periwinkle: #d3d7ed;
          --color-pure-white: #ffffff;
          --color-bolt-blue: #006cff;
          --color-steel-border: #262a42;
        
          /* Typography */
          --font-agrandir-bolt: 'agrandir-bolt', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
          --font-inter: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
          --font-google-sans: 'Google Sans', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        
          /* Typography — Scale */
          --text-caption: 11px;
          --leading-caption: 1.89;
          --tracking-caption: -0.029px;
          --text-body: 14px;
          --leading-body: 1.5;
          --tracking-body: -0.01px;
          --text-subheading: 18px;
          --leading-subheading: 1.3;
          --tracking-subheading: -0.02px;
          --text-heading-sm: 20px;
          --leading-heading-sm: 1.3;
          --tracking-heading-sm: -0.02px;
          --text-heading: 32px;
          --leading-heading: 1.1;
          --tracking-heading: -0.02px;
          --text-heading-lg: 64px;
          --leading-heading-lg: 1;
          --tracking-heading-lg: -0.02px;
          --text-display: 70px;
          --leading-display: 1;
          --tracking-display: -0.02px;
        
          /* Spacing */
          --spacing-6: 6px;
          --spacing-9: 9px;
          --spacing-10: 10px;
          --spacing-14: 14px;
          --spacing-15: 15px;
          --spacing-16: 16px;
          --spacing-18: 18px;
          --spacing-19: 19px;
          --spacing-22: 22px;
          --spacing-30: 30px;
          --spacing-50: 50px;
          --spacing-55: 55px;
          --spacing-71: 71px;
          --spacing-73: 73px;
          --spacing-75: 75px;
          --spacing-108: 108px;
        
          /* Border Radius */
          --radius-md: 5px;
          --radius-lg: 8px;
          --radius-xl: 12px;
          --radius-3xl: 30px;
          --radius-full: 100px;
          --radius-full-2: 1280px;
        }