.twothirty-hero {
    position: relative;
    overflow: hidden;
    background-image: url('../images/hero-lighting.jpg');
    background-size: 110%;
    background-repeat: no-repeat;
    background-position: 82% center;
    font-family: 'Manrope', sans-serif;
    padding: 0;
    min-height: 680px;
}

.twothirty-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: inherit;
    filter: brightness(0.82);
    z-index: 1;
}

/* ==========================================================
   GLOW CIRCLES
   ========================================================== */

.twothirty-glow {
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    filter: blur(140px);
    pointer-events: none;
    z-index: 1;
}

.glow-right {
    top: -220px;
    right: -220px;
    background: rgba(255, 137, 0, 0.16);
}

.glow-left {
    bottom: -220px;
    left: -220px;
    background: rgba(255, 137, 0, 0.08);
}

.twothirty-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
        linear-gradient(
            90deg,
            rgba(0, 7, 98, 0.72) 0%,
            rgba(0, 7, 98, 0.50) 100%
        ),
        linear-gradient(
            90deg,
            rgba(0, 7, 98, 0.92) 0%,
            rgba(0, 7, 98, 0.25) 65%,
            rgba(0, 7, 98, 0) 100%
        );
}

.twothirty-hero-container {
    position: relative;
    z-index: 3;
    max-width: 1280px;
    margin: 0 auto;
    padding: 48px 24px 64px;
    display: grid;
    grid-template-columns: 520px 570px;
    justify-content: space-between;
    align-items: center;
    column-gap: 40px;
    min-height: 620px;
}

/* ==========================================================
   CONTENT
   ========================================================== */

.twothirty-hero-content {
    width: 520px;
    flex-shrink: 0;
    color: #fff;

    opacity: 0;
    animation: heroFadeRight 1800ms ease-out forwards;
    will-change: transform, opacity;
}

/* ==========================================================
   BADGE
   ========================================================== */

.twothirty-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 7px 15px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #FF8900;
    margin-bottom: 28px;
}

/* ==========================================================
   HEADLINE
   ========================================================== */

.twothirty-hero h1 {
    margin: 0;
    font-size: 56px;
    line-height: 1.05;
    letter-spacing: -2px;
    font-weight: 800;
    max-width: 500px;
    color: #fff;
}

.twothirty-hero h1 .accent {
    color: #FF8900;
    display: inline;
    margin-left: -4px;
}

@keyframes heroFadeRight {

    from {
        opacity: 0;
        transform: translate3d(-40px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

}

/* ==========================================================
   PARAGRAPH
   ========================================================== */

.twothirty-hero-content p {
    margin: 26px 0;
    max-width: 500px;
    font-size: 16px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.84);
}

/* ==========================================================
   HERO BUTTONS
   ========================================================== */

.twothirty-hero-buttons {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 28px;
    flex-wrap: wrap;
}

.hero-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0;

    color: #fff;
    text-decoration: none;

    font-size: 16px;
    font-weight: 700;
    line-height: 1;

    transition: .25s;
}

.hero-link svg {
    width: 16px;
    height: 16px;
    transition: .25s;
}

.hero-link:hover {
    color: #FF8900;
}

.hero-link:hover svg {
    transform: translateX(4px);
}

.hero-phone {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 28px;
    border-radius: 999px;
    border: 2px solid rgba(255, 255, 255, 0.7);
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    transition: 0.25s;
}

.hero-phone:hover {
    background: #fff;
    color: #000762;
}

/* ==========================================================
   FORM WRAPPER
   ========================================================== */

.twothirty-form-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    padding-top: 8px;
    margin-left: 35px;
}

.twothirty-enquiry-card {
    background: #fff;
    border-radius: 24px;
    padding: 24px 28px;
    width: 520px;
    max-width: 100%;
    min-height: 590px;
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.20);
    margin-top: 0;
}

/* ==========================================================
   FORM
   ========================================================== */

.twothirty-form-header h3 {
    margin: 0;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    color: #000762;
    font-family: 'Manrope', sans-serif;
}

.twothirty-form-header p {
    margin: 6px 0 22px;
    color: #70768a;
    font-size: 14px;
    font-family: 'Manrope', sans-serif;
}

.twothirty-form-note {
    margin-top: 22px;
    text-align: center;
    font-size: 13px;
    color: #7B8095;
    line-height: 1.5;
    font-family: 'Manrope', sans-serif;
}

.twothirty-form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.twothirty-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.twothirty-field {
    display: flex;
    flex-direction: column;
}

.twothirty-field label {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #000762;
    font-family: 'Manrope', sans-serif;
}

.twothirty-field input,
.twothirty-field select {
    height: 44px;
    padding: 0 16px;
    width: 100%;
    border-radius: 14px;
    border: 1px solid #d9dce7;
    font-size: 15px;
    background: #fff;
    outline: none;
    transition: 0.25s;
    box-sizing: border-box;
    font-family: 'Manrope', sans-serif;
}

.twothirty-field select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 42px 0 16px;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20'%3E%3Cpath fill='%23000762' d='M5 7l5 6 5-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    line-height: 44px;
}

.twothirty-field textarea {
    width: 100%;
    min-height: 95px;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid #d9dce7;
    font-size: 15px;
    background: #fff;
    outline: none;
    transition: 0.25s;
    box-sizing: border-box;
    font-family: 'Manrope', sans-serif;
    resize: vertical;
}

.twothirty-field input:focus,
.twothirty-field textarea:focus,
.twothirty-field select:focus {
    border-color: #FF8900;
    box-shadow: 0 0 0 3px rgba(255, 137, 0, 0.18);
}

.twothirty-radio-group {
    border: 0;
    padding: 0;
    margin: 0;
}

.twothirty-radio-group legend {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 600;
    color: #000762;
    font-family: 'Manrope', sans-serif;
}

.twothirty-radio-group label {
    margin-right: 20px;
    font-size: 15px;
    color: #000762;
    font-family: 'Manrope', sans-serif;
}

.twothirty-submit {
    width: 100%;
    padding: 13px;
    border: none;
    border-radius: 999px;
    background: #FF8900;
    color: #000762;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    transition: 0.25s;
    font-family: 'Manrope', sans-serif;
}

.twothirty-submit:hover {
    filter: brightness(0.95);
}

.twothirty-small {
    margin: 0;
    text-align: center;
    font-size: 13px;
    color: #7f879c;
    font-family: 'Manrope', sans-serif;
}

/* ==========================================================
   WHAT WE DO WRAPPER
========================================================== */

.what-we-do-wrapper{
    max-width:1140px!important;
    width:calc(100% - 64px)!important;
    margin:0 auto!important;
    padding:52px 0 72px!important;
}

/* ==========================================================
   WHAT WE DO
========================================================== */

.what-we-do{
    color:#FF8900!important;
    font-size:14px!important;
    font-weight:700!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    margin:0 0 6px!important;
}

.one-licensed-team{
    color:#000762!important;
    font-size:28px!important;
    font-weight:800!important;
    line-height:1.12!important;
    letter-spacing:-0.5px!important;
    max-width:380px!important;
    margin:0 0 16px!important;
}

/* ==========================================================
   ACTUAL GRID - SPECTRA
========================================================== */

.what-we-do-wrapper > .is-layout-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    column-gap:48px!important;
    row-gap:32px!important;
    align-items:start!important;
}

/* ==========================================================
   SERVICE CARD
========================================================== */

.service-card{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    background:#fff!important;
    padding:20px 24px!important;
    border:1px solid #E4E7EF!important;
    border-radius:20px!important;
    box-shadow:
        0 2px 10px rgba(15,23,42,.05),
        0 1px 2px rgba(15,23,42,.04)!important;
    transition:
        transform .25s ease,
        box-shadow .25s ease!important;
    overflow:hidden!important;
    min-height:290px!important;
}

.service-card:hover{
    transform:translateY(-4px)!important;
    box-shadow:
        0 18px 38px rgba(0,7,98,.10)!important;
}

/* ==========================================================
   ICON
========================================================== */

.service-card > div:first-child{
    width:40px!important;
    height:40px!important;
    margin-bottom:6px!important;
    flex:none!important;
}

/* ==========================================================
   TITLE
========================================================== */

.service-card-title{
    color:#000762!important;
    font-size:22px!important;
    font-weight:800!important;
    line-height:1.2!important;
    margin:2px 0 8px!important;
    padding:0!important;
}

/* ==========================================================
   LIST - CORRECT SELECTORS
========================================================== */

.service-card-list{
    margin:8px 0 0 !important;
    padding:0 !important;
}

.service-card-list > .spectra-list-item{
    display:flex !important;
    align-items:flex-start !important;
    gap:8px !important;

    margin:0 !important;
    padding:0 !important;

    list-style:none !important;
}

.service-card-list > .spectra-list-item + .spectra-list-item{
    margin-top:8px !important;
}

.service-card-list .wp-block-spectra-container{
    display:block !important;

    margin:0 !important;
    padding:0 !important;

    gap:0 !important;
    row-gap:0 !important;
    --wp--style--block-gap:0 !important;
}

.service-card-list .bullet-text{
    margin:0 !important;
    padding:0 !important;

    font-size:16px !important;
    line-height:1.45 !important;
    font-weight:500 !important;

    color:#4F567A !important;
}

.service-card-list .bullet-text p{
    margin:0 !important;
}

.service-card-list .spectra-list-item,
.service-card-list .wp-block-spectra-list-child-item{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

.service-card-list{
    --wp--style--block-gap:6px !important;
}
/* ==========================================================
   LEARN MORE
========================================================== */

.learn{
    margin-top:12px!important;
}

.learn p{
    margin:0!important;
}

.learn a{
    display:inline-flex!important;
    align-items:center!important;
    gap:4px!important;
    color:#FF8900!important;
    font-size:13px!important;
    font-weight:700!important;
    text-decoration:none!important;
}

.learn a:hover{
    text-decoration:underline!important;
}

/* ==========================================================
   FLATTEN SPECTRA WRAPPERS
========================================================== */

.service-card .spectra-list-icon{
    width:13px!important;
    height:13px!important;
    margin-top:1px!important;
    margin-right:5px!important;
    flex:0 0 13px!important;
}

.service-card .spectra-list-icon svg{
    width:13px!important;
    height:13px!important;
    display:block!important;
}

.service-card .spectra-list-icon + .wp-block-spectra-container{
    flex:1;
}

/* ==========================================================
   LICENSE INFO BOX
========================================================== */

/* Grey section */
.main-grey{
    background:#f6f6f4!important;
    padding:32px 24px!important;

    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
}

/* UL */
.main-grey > .wp-block-spectra-list{
    width:100%!important;
    max-width:1140px!important;

    margin:0!important;
    padding:0!important;

    list-style:none!important;
}

/* White card */
.main-grey .grey-list{
    display:flex!important;
    align-items:flex-start!important;
    gap:16px!important;

    width:100%!important;

    background:#fff!important;
    border:1px solid #e6e6e0!important;
    border-radius:24px!important;
    padding:20px 24px!important;

    box-shadow:
        0 2px 10px rgba(15,23,42,.05),
        0 1px 2px rgba(15,23,42,.04)!important;
}

/* remove Spectra default list spacing */
.main-grey ul{
    padding:0!important;
    margin:0!important;
}

/* icon */
.main-grey .icon2{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
}

.main-grey .icon2 svg{
    width:40px!important;
    height:40px!important;
}

/* text area */
.main-grey .grey-text-row{
    flex:1!important;
    margin:0!important;
    padding:0!important;
}

/* text */
.main-grey .grey-text{
    margin:0!important;
    padding:0!important;

    color:#000762!important;

    font-size:15px!important;
    line-height:1.65!important;
    font-weight:500!important;
}

/* ==========================================================
   WHO WE ARE SECTION
========================================================== */

/* Main wrapper */
.who-we-are-section{
    max-width:1280px !important;
    width:calc(100% - 48px) !important;
    margin:0 auto !important;
    padding:64px 0 96px !important;
}

/* Two column grid - equal width */
.who-we-are-section > .wp-block-group{
    display:grid!important;
    grid-template-columns:48% 52%!important;
    gap:48px!important;
    align-items:start!important;
}

/* Left column - image */
.who-we-are-image{
    width:100% !important;
}

/* Team photo */
.team-photo{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    border-radius:24px !important;
    overflow:hidden;
}

.team-photo img{
    width:100% !important;
    height:auto !important;
    display:block;
    border-radius:24px;
    border:2px dashed #E7E6DF;
}

/* Right column - content */
.who-we-are-content{
    padding-top:8px !important;
    padding-left:0 !important;
}

/* "Who we are" label */
.licence-header-who{
    margin:0 0 2px !important;
    line-height:1 !important;

    font-family:Poppins,sans-serif !important;
    font-size:12px !important;
    font-weight:700 !important;

    letter-spacing:.08em !important;
    text-transform:uppercase !important;

    color:#FF8900 !important;
}

/* Main heading */
.licence-header-genuinely{
    margin:0 0 12px !important;

    font-family:Poppins,sans-serif !important;
    font-size:36px !important;
    font-weight:700 !important;

    line-height:1.08 !important;
    letter-spacing:-1.4px !important;

    color:#000762 !important;

    max-width:480px !important;
}

/* Paragraph */
.who-we-are-section .wp-block-paragraph{
    margin:0 0 16px !important;
    font-family:Inter,sans-serif !important;
    font-size:15px !important;
    line-height:1.5 !important;
    color:#55597A !important;
    max-width:580px !important;
}

/* Licence cards */
.licence-cards{
    display:grid;
    grid-template-columns:repeat(4,minmax(138px,1fr));
    gap:14px;
    margin-top:18px;
    align-items:stretch;
}

/* Cards */
.licence-card{
    width:146px !important;
    max-width:146px !important;
    min-height:86px !important;

    padding:10px 12px !important;

    background:#fff;
    border:1px solid #E6E6E0;
    border-radius:14px;

    display:flex;
    flex-direction:column;
    justify-content:flex-start;

    box-shadow:0 4px 14px rgba(0,0,0,.06)!important;

    transition:none!important;
}

.licence-card:hover{
    transform:none!important;
    translate:none!important;
    box-shadow:0 4px 14px rgba(0,0,0,.06)!important;
}

/* Card header - icon and label */
.licence-header{
    gap:4px !important;
    margin-bottom:3px !important;
}

.licence-header svg{
    width:16px !important;
    height:16px !important;
}

.licence-header span{
    font-size:10px !important;
    letter-spacing:.07em !important;
}

/* ==========================================================
   LICENCE CARD CLASS NAMES
========================================================== */

.licence-icon{
    width:13px !important;
    height:13px !important;
    flex:0 0 13px !important;
}

.licence-label{
    color:#FF8900;
    font-family:Poppins,sans-serif;
    font-size:8px !important;
    font-weight:700;
    letter-spacing:.08em !important;
    text-transform:uppercase;
}

.licence-title{
    color:#000762;
    font-family:Poppins,sans-serif;

    font-size:9px !important;
    font-weight:700 !important;
    line-height:1.18 !important;

    margin:4px 0 3px !important;

    letter-spacing:-0.1px !important;
}

.licence-number{
    color:#5B6285;
    font-family:Inter,sans-serif;

    font-size:8px !important;
    line-height:1.2 !important;

    margin:0 !important;
}

/* ==========================================================
   WHY CHOOSE US - WRAPPER
========================================================== */

.why-choose-wrapper{
    background:#F7F7F5;
    padding:72px 0;
}

/* ==========================================================
   WHY CHOOSE US - SECTION
========================================================== */

.why-choose-section{
    max-width:1280px!important;
    width:calc(100% - 48px)!important;
    margin:0 auto!important;

    display:grid!important;
    grid-template-columns:1fr 1fr!important;

    align-items:center!important;
    gap:56px!important;

    padding:0!important;
}

/* Left column */
.why-choose-content{
    max-width:540px!important;
}

/* Orange label */
.why-choose-label{
    margin:0 0 8px!important;

    font-family:Poppins,sans-serif!important;
    font-size:12px!important;
    font-weight:700!important;

    text-transform:uppercase!important;
    letter-spacing:.08em!important;

    color:#FF8900!important;
}

/* Main heading */
.why-choose-title{
    margin:0!important;

    font-family:Poppins,sans-serif!important;
    font-size:29px!important;
    font-weight:700!important;

    line-height:1.08!important;
    letter-spacing:-1.1px!important;

    color:#000762!important;

    max-width:390px!important;
}

/* Entire list */
.why-choose-list{
    margin-top:20px!important;
}

/* One row */
.why-choose-item{
    display:flex!important;
    align-items:flex-start!important;
    gap:14px!important;

    margin-bottom:14px!important;
}

/* Icon */
.why-choose-icon{
    width:44px!important;
    height:44px!important;

    flex:0 0 44px!important;
}

.why-choose-icon svg{
    width:44px!important;
    height:44px!important;
    display:block;
}

/* Text wrapper */
.why-choose-item .wp-block-spectra-container{
    display:flex!important;
    flex-direction:column!important;
    gap:3px!important;
}

/* Heading */
.why-choose-item-title{
    margin:0!important;

    font-family:Poppins,sans-serif!important;
    font-size:16px!important;
    font-weight:600!important;
    line-height:1.35!important;

    color:#000762!important;
}

/* Description */
.why-choose-item-description{
    margin:0!important;

    font-family:Inter,sans-serif!important;
    font-size:13px!important;
    line-height:1.65!important;

    color:#55597A!important;

    max-width:470px!important;
}

/* Right image */
.why-choose-image{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
}

.why-choose-image figure{
    margin:0!important;

    width:100%!important;
    max-width:540px!important;

    overflow:hidden!important;
    border-radius:24px!important;
}

.why-choose-image img{
    display:block!important;

    width:100%!important;
    aspect-ratio:4 / 5!important;

    object-fit:cover!important;

    border-radius:24px!important;
}

/* ==========================================================
   SOCIAL PROOF
========================================================== */

.social-proof-container{
    background:#fff;
    padding:64px 0 96px;
}

.social-proof{
    max-width:1280px;
    width:calc(100% - 48px);
    margin:0 auto;
}

/* Header */

.social-proof-header{
    margin-bottom:34px;
}

.social-proof-label{
    display:block;
    margin:0 0 8px;

    color:#FF8900;

    font-family:Poppins,sans-serif;
    font-size:12px;
    font-weight:700;

    text-transform:uppercase;
    letter-spacing:.08em;
}

.social-proof-title{
    margin:0;

    color:#000762;

    font-family:Poppins,sans-serif;
    font-size:30px;
    font-weight:700;
    line-height:1.08;
    letter-spacing:-1px;

    max-width:520px;
}

/* Top Row */

.social-proof-top{
    display:grid;
    grid-template-columns:370px 1fr;
    gap:20px;
    align-items:stretch;
}

/* Rating Card */

.rating-card{
    background:#000762;
    color:#fff;

    border-radius:24px;

    padding:28px;

    min-height:170px;

    display:flex;
    flex-direction:column;
    justify-content:center;
}

.rating-stars{
    color:#FF8900;
    font-size:17px;
    letter-spacing:2px;
}

.rating-score{
    font-family:Poppins,sans-serif;
    font-size:58px;
    font-weight:700;
    line-height:1;

    margin:10px 0 6px;
}

.rating-count{
    font-size:14px;
    font-weight:600;

    margin-bottom:14px;
}

.rating-description{
    margin:0;

    max-width:235px;

    color:#AEB6D3;

    font-size:13px;
    line-height:1.5;
}

/* Right Cards */

.info-cards{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}

.info-card{
    background:#fff;

    border:1px solid #E6E6E0;
    border-radius:22px;

    min-height:170px;

    padding:18px;

    display:flex;
    flex-direction:column;
}

.info-icon{
    width:22px;
    height:22px;
    margin-bottom:auto;
}

.info-icon svg{
    width:22px;
    height:22px;
}

.info-content{
    margin-top:auto;
}

.info-title{
    margin:0 0 4px;

    color:#000762;

    font-family:Poppins,sans-serif;
    font-size:12px;
    font-weight:700;
    line-height:1.3;
}

.info-text{
    margin:0;

    color:#7B8095;

    font-size:11px;
    line-height:1.4;
}

/* Testimonials */

.testimonial-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin-top:24px;
    width:100%;
}

.testimonial-card{
    position:relative;
    background:#F8F8F6;
    border:1px dashed #E6E6E0;
    border-radius:22px;
    padding:22px 24px;
    min-height:170px;
}

.testimonial-stars{
    color:#FF8900;
    font-size:16px;
    letter-spacing:2px;
    margin-bottom:14px;
}

.testimonial-tag{
    position:absolute;
    top:16px;
    right:18px;

    background:#FFE8D1;
    color:#FF8900;

    padding:4px 10px;
    border-radius:999px;

    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
}

.testimonial-text{
    margin:0 0 22px;

    color:#000762;

    font-size:15px;
    line-height:1.6;
    font-style:italic;
}

.testimonial-author{
    color:#6F7894;
    font-size:13px;
}

/* ==========================================================
   HOW IT WORKS
========================================================== */

/* Full-width grey section */
.how-it-works-wrapper{
    background:#F5F5F3;
    padding:96px 0;
}

/* Inner content container */
.how-it-works-section{
    max-width:1140px;
    width:calc(100% - 64px);
    margin:0 auto;
}

.how-it-works-section .how-it-works-label{
    color:#FF8900;
    font-family:Poppins,sans-serif;
    font-size:12px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    margin:0 0 8px;
}

.how-it-works-section .how-it-works-title{
    color:#000762;
    font-family:Poppins,sans-serif;
    font-size:30px;
    line-height:1.08;
    letter-spacing:-1px;
    font-weight:700;
    max-width:560px;
    margin:0 0 40px;
}

.how-it-works-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    align-items:stretch;
}

.how-it-works-card{
    background:#fff;
    border:1px solid #E6E6E0;
    border-radius:24px;
    padding:24px;
    min-height:278px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:0 !important;
    box-shadow:
        0 2px 8px rgba(15,23,42,.04),
        0 8px 24px rgba(15,23,42,.05);
    transition:none !important;
}

.how-it-works-card:hover{
    transform:none !important;
    translate:none !important;
    box-shadow:
        0 2px 8px rgba(15,23,42,.04),
        0 8px 24px rgba(15,23,42,.05) !important;
}

.how-it-works-number{
    width:44px;
    height:44px;
    flex:0 0 44px;
    margin:0 !important;
    display:flex !important;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#FF8900;
    color:#000762;
    font-family:Poppins,sans-serif;
    font-size:20px;
    font-weight:700;
}

.how-it-works-card-title{
    margin:20px 0 8px !important;
    min-height:0 !important;
    display:block !important;
    color:#000762;
    font-family:Poppins,sans-serif;
    font-size:18px;
    font-weight:600;
    line-height:1.35;
}

.how-it-works-card-text{
    margin:0 !important;
    color:#55597A;
    font-size:15px;
    line-height:1.65;
}

/* ==========================================================
   FAQ
========================================================== */

.faq-wrapper{
    background:#fff;
    padding:64px 0 96px;
}

.faq-section{
    max-width:820px;
    width:calc(100% - 48px);
    margin:0 auto;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:0 !important;
    row-gap:0 !important;
}

.faq-section.wp-block-spectra-container{
    gap:0 !important;
}

.faq-section.is-layout-flex{
    gap:0 !important;
}

.faq-section.wp-block-spectra-container-is-layout-flex{
    gap:0 !important;
}

.faq-label{
    display:flex;
    justify-content:center;
    width:100%;
    margin:0 !important;
    padding:0 !important;
    line-height:1 !important;
    color:#FF8900;
    font-family:Poppins,sans-serif;
    font-size:12px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.faq-title{
    margin:4px 0 0 !important;
    padding:0 !important;
    text-align:center !important;
    width:100%;
    max-width:none !important;
    color:#000762;
    font-family:Poppins,sans-serif;
    font-size:30px;
    font-weight:700;
    line-height:1.05 !important;
    letter-spacing:-1px;
}

.faq-list{
    list-style:none !important;
    margin:22px 0 0 !important;
    padding:0 !important;
}

.faq-list .spectra-list-item{
    margin:0 0 18px !important;
    padding:0 !important;
    list-style:none !important;
}

.faq-item{
    background:#fff;
    border:1px solid #E6E6E0;
    border-radius:24px;
    padding:24px;
    box-shadow:
        0 2px 8px rgba(15,23,42,.04),
        0 8px 24px rgba(15,23,42,.05);
}

/* Remove Spectra flex gap from FAQ items */
.faq-item.is-layout-flex{
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    row-gap:0 !important;
}

.faq-item.wp-block-spectra-container{
    --wp--style--block-gap:0 !important;
    gap:0 !important;
}

/* Remove paragraph margins inside FAQ items */
.faq-item > p{
    margin:0 !important;
    padding:0 !important;
}

.faq-item-title{
    margin:0 0 6px !important;
    color:#000762;
    font-family:Poppins,sans-serif;
    font-size:18px;
    font-weight:600;
    line-height:1.25 !important;
}

.faq-item-text{
    margin:0 !important;
    color:#55597A;
    font-family:Inter,sans-serif;
    font-size:15px;
    line-height:1.55 !important;
}

/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:768px){

    .what-we-do-wrapper{
        width:calc(100% - 32px)!important;
        padding:40px 0 56px!important;
        max-width:100%!important;
    }

    .one-licensed-team{
        font-size:22px!important;
        letter-spacing:-0.5px!important;
        margin-bottom:14px!important;
        max-width:100%!important;
    }

    .what-we-do-wrapper > .is-layout-grid{
        grid-template-columns:1fr!important;
        column-gap:0!important;
        row-gap:16px!important;
        justify-content:center!important;
    }

    .service-card{
        padding:16px 18px!important;
        min-height:auto!important;
        width:100%!important;
    }

    .service-card-title{
        font-size:14px!important;
    }

    .service-card-list > .spectra-list-item{
        gap:6px !important;
    }

    .service-card-list > .spectra-list-item + .spectra-list-item{
        margin-top:6px !important;
    }

    .service-card-list .bullet-text{
        font-size:12px !important;
        line-height:1.4 !important;
    }

    .service-card > div:first-child{
        width:36px!important;
        height:36px!important;
        margin-bottom:6px!important;
    }

    .learn a{
        font-size:12px!important;
    }

    .main-grey .grey-list{
        padding:18px!important;
        border-radius:18px!important;
    }

    .main-grey .grey-text{
        font-size:14px!important;
    }

    /* Who We Are mobile */
    .who-we-are-section{
        width:calc(100% - 32px)!important;
        padding:56px 0!important;
    }

    .who-we-are-section > .wp-block-group{
        grid-template-columns:1fr!important;
        gap:32px!important;
    }

    .licence-header-genuinely{
        font-size:32px!important;
        max-width:100%!important;
    }

    .team-photo{
        max-width:100%!important;
        margin:0!important;
    }

    .who-we-are-content{
        padding-top:0!important;
        padding-left:0!important;
    }

    .licence-cards{
        grid-template-columns:repeat(2,1fr)!important;
        gap:12px!important;
        max-width:100%!important;
    }

    .who-we-are-section .wp-block-paragraph{
        font-size:15px!important;
        max-width:100%!important;
        margin:0 0 14px!important;
    }

    .licence-card{
        width:100% !important;
        max-width:100% !important;
        min-height:80px!important;
        padding:8px 10px!important;
    }

    .licence-title{
        font-size:9px!important;
    }

    .licence-number{
        font-size:8px!important;
    }

    .licence-icon{
        width:12px !important;
        height:12px !important;
        flex:0 0 12px !important;
    }

    .licence-label{
        font-size:7px !important;
    }

    /* Why Choose Us mobile */
    .why-choose-wrapper{
        padding:48px 0!important;
    }

    .why-choose-section{
        grid-template-columns:1fr!important;
        gap:40px!important;
        padding:0!important;
        width:calc(100% - 32px)!important;
    }

    .why-choose-content{
        max-width:100%!important;
    }

    .why-choose-title{
        font-size:32px!important;
        max-width:100%!important;
    }

    .why-choose-image figure{
        max-width:100%!important;
    }

    .why-choose-image img{
        aspect-ratio:3 / 4!important;
    }

    .why-choose-item-description{
        max-width:100%!important;
    }

    .why-choose-item{
        gap:12px!important;
        margin-bottom:12px!important;
    }

    .why-choose-item .wp-block-spectra-container{
        gap:2px!important;
    }

    .why-choose-list{
        margin-top:16px!important;
    }

    /* Social Proof mobile */
    .social-proof-container{
        padding:48px 0 64px;
    }

    .social-proof{
        width:calc(100% - 32px);
    }

    .social-proof-header{
        margin-bottom:28px;
    }

    .social-proof-title{
        font-size:28px;
        max-width:100%;
    }

    .social-proof-top{
        grid-template-columns:1fr;
        gap:20px;
    }

    .info-cards{
        grid-template-columns:repeat(2,1fr);
        gap:12px;
    }

    .rating-card{
        padding:24px;
        min-height:150px;
    }

    .rating-score{
        font-size:48px;
    }

    .testimonial-grid{
        grid-template-columns:1fr;
        gap:16px;
        margin-top:24px;
    }

    .testimonial-card{
        padding:18px;
        min-height:auto;
    }

    .info-card{
        min-height:150px;
        padding:16px;
    }

    .testimonial-tag{
        position:static;
        display:inline-block;
        margin-top:10px;
    }

    /* How It Works mobile */
    .how-it-works-wrapper{
        padding:64px 0;
    }

    .how-it-works-section{
        width:calc(100% - 32px);
    }

    .how-it-works-grid{
        grid-template-columns:1fr;
        gap:16px;
    }

    .how-it-works-section .how-it-works-title{
        font-size:26px;
        margin-bottom:32px;
        max-width:100%;
    }

    .how-it-works-card{
        min-height:auto;
        padding:20px;
    }

    .how-it-works-card-title{
        font-size:16px;
        margin:16px 0 6px !important;
    }

    .how-it-works-card-text{
        font-size:14px;
    }

    .how-it-works-number{
        width:40px;
        height:40px;
        flex:0 0 40px;
        font-size:18px;
    }

    /* FAQ mobile */
    .faq-wrapper{
        padding:48px 0 64px;
    }

    .faq-section{
        width:calc(100% - 32px);
    }

    .faq-title{
        font-size:26px;
    }

    .faq-item{
        padding:20px;
        border-radius:20px;
    }

    .faq-item-title{
        font-size:16px;
        margin:0 0 4px !important;
    }

    .faq-item-text{
        font-size:14px;
    }

    .faq-list{
        margin-top:18px !important;
    }

    .faq-list .spectra-list-item{
        margin-bottom:16px !important;
    }
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1024px) {
    .twothirty-hero-container {
        grid-template-columns: 1fr 1fr;
        max-width: 900px;
        gap: 40px;
        column-gap: 40px;
        padding: 40px 24px 56px;
        min-height: auto;
    }

    .twothirty-hero h1 {
        font-size: 48px;
        max-width: 100%;
    }

    .twothirty-hero-content {
        width: 100%;
        flex-shrink: 1;
        max-width: 100%;
    }

    .twothirty-hero {
        min-height: auto;
    }

    .twothirty-hero {
        background-size: cover;
        background-position: 70% center;
    }

    .twothirty-enquiry-card {
        width: 100%;
    }

    .twothirty-form-wrap {
        margin-left: 0;
    }
}

@media (max-width: 820px) {
    .twothirty-hero {
        padding: 0;
        min-height: auto;
    }

    .twothirty-hero-container {
        grid-template-columns: 1fr;
        max-width: 640px;
        gap: 32px;
        justify-content: center;
        padding: 32px 24px 48px;
        min-height: auto;
    }

    .twothirty-hero-content {
        width: 100%;
        flex-shrink: 1;
        max-width: 100%;
    }

    .twothirty-hero h1 {
        font-size: 42px;
        max-width: 100%;
    }

    .twothirty-hero-content p {
        max-width: 100%;
        font-size: 16px;
        margin: 16px 0 24px;
    }

    .twothirty-form-wrap {
        justify-content: center;
        padding-top: 0;
        margin-left: 0;
    }

    .twothirty-enquiry-card {
        width: 100%;
        max-width: 520px;
        margin-top: 0;
        min-height: auto;
    }

    .twothirty-hero-buttons {
        margin-top: 24px;
        gap: 14px;
    }

    .twothirty-hero {
        background-size: cover;
        background-position: 70% center;
    }
}

@media (max-width: 640px) {
    .twothirty-hero-container {
        padding: 24px 16px 40px;
        gap: 24px;
    }

    .twothirty-hero h1 {
        font-size: 32px;
        letter-spacing: -1px;
    }

    .twothirty-hero-content p {
        font-size: 15px;
        margin: 14px 0 20px;
        line-height: 1.55;
    }

    .twothirty-hero-buttons {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-top: 20px;
    }

    .hero-link {
        justify-content: center;
        padding: 12px 22px;
        font-size: 15px;
    }

    .hero-phone {
        justify-content: center;
        padding: 12px 22px;
        font-size: 13px;
    }

    .twothirty-form-row {
        grid-template-columns: 1fr;
    }

    .twothirty-enquiry-card {
        padding: 18px;
        border-radius: 18px;
        width: 100%;
    }

    .twothirty-badge {
        font-size: 10px;
        padding: 6px 12px;
        gap: 6px;
        margin-bottom: 20px;
    }

    .twothirty-form-header h3 {
        font-size: 18px;
    }

    .twothirty-form-header p {
        font-size: 14px;
        margin: 6px 0 20px;
    }

    .twothirty-form {
        gap: 14px;
    }

    .twothirty-field input,
    .twothirty-field select {
        height: 40px;
        padding: 0 14px;
        font-size: 14px;
    }

    .twothirty-field textarea {
        min-height: 70px;
        padding: 12px 14px;
        font-size: 14px;
    }

    .twothirty-field select {
        padding: 0 36px 0 14px;
        background-position: right 12px center;
    }

    .twothirty-submit {
        padding: 12px;
        font-size: 15px;
    }

    .twothirty-hero {
        background-size: cover;
        background-position: 60% center;
    }

    /* Who We Are mobile extra small */
    .licence-header-genuinely{
        font-size:28px!important;
    }

    .licence-cards{
        grid-template-columns:1fr 1fr!important;
        gap:10px!important;
        max-width:100%!important;
    }

    .who-we-are-section{
        padding:40px 0!important;
    }

    .licence-card{
        width:100% !important;
        max-width:100% !important;
        min-height:72px!important;
        padding:6px 8px!important;
        border-radius:12px!important;
    }

    .licence-title{
        font-size:8px !important;
        margin:2px 0 2px !important;
        line-height:1.1 !important;
    }

    .licence-number{
        font-size:7px !important;
        line-height:1.1 !important;
    }

    .licence-icon{
        width:10px !important;
        height:10px !important;
        flex:0 0 10px !important;
    }

    .licence-label{
        font-size:6px !important;
        letter-spacing:.06em !important;
    }

    .licence-header{
        gap:3px !important;
        margin-bottom:2px !important;
    }

    /* Why Choose Us mobile extra small */
    .why-choose-wrapper{
        padding:32px 0!important;
    }

    .why-choose-section{
        gap:32px!important;
        width:calc(100% - 32px)!important;
    }

    .why-choose-title{
        font-size:28px!important;
    }

    .why-choose-item{
        gap:10px!important;
        margin-bottom:10px!important;
    }

    .why-choose-icon{
        width:36px!important;
        height:36px!important;
        flex:0 0 36px!important;
    }

    .why-choose-icon svg{
        width:36px!important;
        height:36px!important;
    }

    .why-choose-item-title{
        font-size:15px!important;
    }

    .why-choose-item-description{
        font-size:14px!important;
    }

    .why-choose-image img{
        aspect-ratio:4 / 5!important;
    }

    .why-choose-item .wp-block-spectra-container{
        gap:2px!important;
    }

    .why-choose-list{
        margin-top:14px!important;
    }

    /* Social Proof mobile extra small */
    .social-proof-container{
        padding:32px 0 48px;
    }

    .social-proof{
        width:calc(100% - 32px);
    }

    .social-proof-header{
        margin-bottom:20px;
    }

    .social-proof-title{
        font-size:24px;
    }

    .social-proof-top{
        gap:16px;
    }

    .info-cards{
        grid-template-columns:1fr 1fr;
        gap:10px;
    }

    .info-card{
        padding:14px;
        min-height:130px;
    }

    .rating-card{
        padding:18px;
        min-height:130px;
    }

    .rating-score{
        font-size:40px;
    }

    .rating-stars{
        font-size:16px;
    }

    .rating-description{
        max-width:100%;
    }

    .testimonial-grid{
        gap:12px;
        margin-top:20px;
    }

    .testimonial-card{
        padding:14px;
    }

    .info-title{
        font-size:11px;
    }

    .info-text{
        font-size:10px;
    }

    .testimonial-text{
        font-size:14px;
    }

    .testimonial-author{
        font-size:12px;
    }

    .testimonial-tag{
        font-size:9px;
        padding:3px 8px;
    }

    /* How It Works mobile extra small */
    .how-it-works-wrapper{
        padding:48px 0;
    }

    .how-it-works-section{
        width:calc(100% - 32px);
    }

    .how-it-works-grid{
        gap:14px;
    }

    .how-it-works-section .how-it-works-title{
        font-size:22px;
        margin-bottom:24px;
    }

    .how-it-works-card{
        padding:16px;
        min-height:auto;
    }

    .how-it-works-number{
        width:36px;
        height:36px;
        flex:0 0 36px;
        font-size:16px;
    }

    .how-it-works-card-title{
        font-size:15px;
        margin:14px 0 6px !important;
    }

    .how-it-works-card-text{
        font-size:13px;
    }

    /* FAQ mobile extra small */
    .faq-wrapper{
        padding:32px 0 48px;
    }

    .faq-section{
        width:calc(100% - 32px);
    }

    .faq-title{
        font-size:22px;
    }

    .faq-item{
        padding:16px;
        border-radius:18px;
    }

    .faq-item-title{
        font-size:15px;
        margin:0 0 4px !important;
    }

    .faq-item-text{
        font-size:13px;
    }

    .faq-list{
        margin-top:16px !important;
    }

    .faq-list .spectra-list-item{
        margin-bottom:14px !important;
    }
}