.ii-brand {
    font-family:Inter,Arial,sans-serif;
    color:#142134;
}

.ii-brand * {
    box-sizing:border-box;
}

.ii-brand .ii-page {
    --gold:#d8b66c;
    --navy:#091524;
    background:#f7f8fa;
    min-height:1780px;
}

.ii-brand h1,
.ii-brand h2,
.ii-brand h3,
.ii-brand p {
    margin:0;
}

.ii-brand button,
.ii-brand a {
    font:inherit;
}

.ii-brand button {
    cursor:inherit;
}

.ii-brand .ii-logo {
    width:164px;
    height:45px;
    object-fit:contain;
    object-position:left;
}

.ii-brand nav {
    display:flex;
    gap:24px;
    align-items:center;
}

.ii-brand nav button {
    border:0;
    background:none;
    color:inherit;
    font-size:12px;
    padding:10px 0;
}

.ii-brand .ii-action {
    display:inline-flex;
    gap:22px;
    align-items:center;
    justify-content:center;
    border:1px solid transparent;
    border-radius:5px;
    padding:15px 20px;
    background:var(--gold);
    color:#0b1725;
    text-decoration:none;
    font-size:13px;
    font-weight:500;
}

.ii-brand nav .ii-action {
    background:var(--gold);
    color:#0b1725;
    padding:13px 17px;
}

.ii-brand .ii-outline {
    border-color:#566172;
    background:transparent;
    color:#fff;
}

.ii-brand .ii-hero {
    background:var(--navy);
    color:#f8fafc;
    padding:64px 5% 58px;
    position:relative;
    overflow:hidden;
}

.ii-brand h1 {
    font-size:clamp(38px,5.6vw,61px);
    line-height:1.05;
    letter-spacing:-2.6px;
    font-weight:500;
    margin:25px 0 24px;
    max-width:580px;
}

.ii-brand h1 em {
    color:var(--gold);
    font-style:normal;
}

.ii-brand .ii-intro {
    font-size:14px;
    line-height:1.8;
    color:#b7c1cd;
    max-width:410px;
}

.ii-brand .ii-hero-actions {
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin:30px 0 23px;
}

.ii-brand .ii-section {
    padding:64px 5%;
}

.ii-brand .ii-section-head {
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:25px;
    margin-bottom:30px;
}

.ii-brand .ii-eyebrow {
    font-size:10px;
    letter-spacing:1.8px;
    text-transform:uppercase;
    color:#7d6330;
    margin-bottom:13px;
}

.ii-brand h2 {
    font-size:33px;
    line-height:1.15;
    letter-spacing:-1.1px;
    font-weight:500;
    max-width:550px;
}

.ii-brand .ii-section-head p {
    font-size:12px;
    line-height:1.8;
    max-width:260px;
    color:#5a6675;
}

.ii-brand blockquote {
    margin:0;
    max-width:650px;
    font-size:24px;
    line-height:1.4;
    letter-spacing:-.5px;
}

.ii-brand cite {
    font-size:11px;
    font-style:normal;
    color:#657181;
    display:block;
    margin-top:17px;
}

.ii-brand [hidden] {
    display:none!important;
}

@media(max-width:680px) {
.ii-brand .ii-logo {
    width:142px;
}

.ii-brand nav {
    gap:16px;
    flex-wrap:wrap;
}

.ii-brand nav button {
    font-size:11px;
}

.ii-brand .ii-hero {
    padding:40px 6%;
}

.ii-brand h1 {
    letter-spacing:-1.7px;
}

.ii-brand .ii-section {
    padding:44px 6%;
}

.ii-brand .ii-section-head {
    align-items:start;
    flex-direction:column;
    gap:15px;
}

.ii-brand h2 {
    font-size:28px;
}

.ii-brand blockquote {
    font-size:21px;
}

.ii-brand .ii-page {
    min-height:2380px;
}
}

.ii-brand .ii-page {
    min-height:0;
    background:#fff;
}

.ii-brand .ii-hero {
    padding:76px 6% 70px;
    text-align:center;
    background-color:#0a1525;
    background-image:linear-gradient(90deg,#071421e8,#071421b8,#071421e8),var(--ii-existing-hero);
    background-position:center;
    background-size:cover;
}

.ii-brand h1 {
    max-width:800px;
    margin:23px auto;
    font-size:clamp(35px,5.2vw,56px);
    letter-spacing:-1.8px;
    line-height:1.13;
}

.ii-brand h1 em {
    font-style:normal;
    color:#fff;
}

.ii-brand .ii-intro {
    max-width:590px;
    margin:0 auto;
    color:#d0d8e3;
    font-size:15px;
    line-height:1.8;
}

.ii-brand .ii-hero-actions {
    justify-content:center;
    margin:27px 0 0;
}

.ii-brand .ii-action {
    border-radius:4px;
    padding:14px 23px;
    min-height:44px;
}

.ii-brand .ii-section {
    padding:62px 5%;
}

.ii-brand .ii-section-head {
    display:block;
    text-align:center;
    margin-bottom:32px;
}

.ii-brand .ii-section-head h2 {
    max-width:700px;
    margin:auto;
    font-size:32px;
}

.ii-brand .ii-section-head p {
    max-width:610px;
    margin:15px auto 0;
    font-size:13px;
}

@media(max-width:680px) {
.ii-brand .ii-hero {
    padding:52px 6%;
}

.ii-brand .ii-section {
    padding:43px 6%;
}
}

.ii-brand .ii-template-hero {
    padding:120px 6% 125px;
    background-image:linear-gradient(#06111b46,#06111b70),var(--ii-existing-hero);
    background-position:center;
}

.ii-brand .ii-template-hero h1 {
    font-size:clamp(42px,6.7vw,72px);
    font-weight:600;
    letter-spacing:-1.5px;
    line-height:1.12;
    max-width:850px;
    margin:0 auto 27px;
}

.ii-brand .ii-template-hero .ii-intro {
    max-width:720px;
    font-size:16px;
    color:#fff;
    line-height:1.7;
}

.ii-brand .ii-template-hero .ii-action {
    min-width:90px;
    border-radius:0;
    padding:12px 20px;
    font-size:15px;
}

.ii-brand .ii-template-hero .ii-template-explore {
    background:#fff;
    border-color:#cbd1d7;
    color:#071421;
}

.ii-brand .ii-template-hero .ii-outline {
    border-color:#a2b1c0;
}

.ii-brand .ii-full-services {
    background:#f6f8fb;
    padding:68px 5.5% 74px;
}

.ii-brand .ii-full-services .ii-section-head {
    text-align:left;
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:30px;
    margin-bottom:34px;
}

.ii-brand .ii-full-services .ii-section-head h2 {
    font-size:36px;
    letter-spacing:-1px;
    margin:0;
    line-height:1.15;
}

.ii-brand .ii-full-services .ii-section-head p {
    max-width:345px;
    margin:0;
    font-size:13px;
    line-height:1.75;
    color:#546273;
}

.ii-brand .ii-full-services .ii-eyebrow {
    color:#8b6c34;
    font-size:11px;
    letter-spacing:1.7px;
    margin-bottom:14px;
}

.ii-brand .ii-full-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
}

.ii-brand .ii-full-service {
    border:1px solid #dce3eb;
    border-radius:7px;
    background:#fff;
    padding:30px;
    display:grid;
    grid-template-columns:42px 1fr;
    gap:20px;
    box-shadow:0 5px 14px #10223804;
    color:#122538;
}

.ii-brand .ii-full-icon {
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border:1px solid #e9dfca;
    background:#f8f4eb;
    border-radius:7px;
    color:#967436;
}

.ii-brand .ii-full-icon svg {
    width:22px;
    height:22px;
}

.ii-brand .ii-full-content {
    display:flex;
    flex-direction:column;
    min-width:0;
}

.ii-brand .ii-full-category {
    font-size:10px;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#876b35;
    margin:3px 0 14px;
    line-height:1.6;
}

.ii-brand .ii-full-service h3 {
    font-size:24px;
    letter-spacing:-.6px;
    line-height:1.22;
    font-weight:500;
    margin:0 0 17px;
}

.ii-brand .ii-full-service p {
    font-size:13px;
    line-height:1.8;
    color:#566477;
    margin:0 0 17px;
}

.ii-brand .ii-full-service ul {
    padding:0;
    margin:0 0 25px;
    list-style:none;
    display:grid;
    gap:9px;
    color:#344b61;
    font-size:12px;
    line-height:1.5;
}

.ii-brand .ii-full-service li:before {
    content:'✓';
    color:#967436;
    margin-right:9px;
}

.ii-brand .ii-full-actions {
    margin-top:auto;
    padding-top:20px;
    border-top:1px solid #e3e8ee;
    display:flex;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
}

.ii-brand .ii-full-button {
    display:flex;
    align-items:center;
    gap:20px;
    min-height:43px;
    padding:11px 14px;
    border:1px solid #c7d0da;
    border-radius:3px;
    background:#fff;
    color:#13283d;
    font-size:12px;
}

.ii-brand .ii-full-link {
    border:0;
    background:transparent;
    color:#203a50;
    display:flex;
    align-items:center;
    gap:10px;
    padding:11px 0;
    min-height:43px;
    font-size:12px;
}

.ii-brand .ii-featured-service {
    background:#0d223a;
    border-color:#0d223a;
    color:#fff;
}

.ii-brand .ii-featured-service p {
    color:#bdcbd9;
}

.ii-brand .ii-featured-service ul {
    color:#e0e8f1;
}

.ii-brand .ii-featured-service .ii-full-category,
.ii-brand .ii-featured-service li:before {
    color:#d8b66c;
}

.ii-brand .ii-featured-service .ii-full-icon {
    background:#d8b66c12;
    color:#d8b66c;
    border-color:#d8b66c55;
}

.ii-brand .ii-featured-service .ii-full-actions {
    border-color:#ffffff24;
}

.ii-brand .ii-featured-service .ii-full-button {
    background:#d8b66c;
    border-color:#d8b66c;
    color:#0a1c2d;
}

.ii-brand .ii-featured-service .ii-full-link {
    color:#fff;
}

@media(max-width:800px) {
.ii-brand .ii-full-service {
    padding:24px;
    grid-template-columns:1fr;
    gap:15px;
}

.ii-brand .ii-full-service h3 {
    font-size:23px;
}

.ii-brand .ii-full-services .ii-section-head {
    flex-direction:column;
    align-items:start;
    gap:18px;
}

.ii-brand .ii-full-services .ii-section-head p {
    max-width:580px;
}
}

@media(max-width:530px) {
.ii-brand .ii-full-grid {
    grid-template-columns:1fr;
}

.ii-brand .ii-full-service {
    padding:25px;
}

.ii-brand .ii-full-services {
    padding:45px 6%;
}

.ii-brand .ii-full-services .ii-section-head h2 {
    font-size:30px;
}

.ii-brand .ii-template-hero {
    padding:85px 6%;
}

.ii-brand .ii-template-hero h1 {
    font-size:41px;
}

.ii-brand .ii-template-hero .ii-intro {
    font-size:14px;
}
}

.ii-brand .ii-template-hero {
    background-image:linear-gradient(90deg,#071421e6,#071421b8,#071421e6),var(--ii-existing-hero);
    border-bottom:2px solid #d8b66c70;
    padding-top:90px;
    padding-bottom:95px;
}

.ii-brand .ii-template-hero .ii-hero-brandline {
    color:#e2c27e;
    font-size:11px;
    line-height:1.6;
    letter-spacing:1.8px;
    text-transform:uppercase;
    margin:0 0 23px;
}

.ii-brand .ii-template-hero h1 {
    color:#fff;
    font-size:clamp(42px,6vw,65px);
    font-weight:600;
    text-shadow:0 2px 16px #0005;
}

.ii-brand .ii-template-hero .ii-template-explore {
    background:#d8b66c;
    border-color:#d8b66c;
    color:#0a1525;
    border-radius:3px;
}

.ii-brand .ii-template-hero .ii-outline {
    border-color:#d8b66c80;
    background:#0a15252e;
    border-radius:3px;
}

.ii-brand .ii-template-hero .ii-intro {
    color:#e2e8ee;
    font-size:15px;
    max-width:650px;
}

@media(max-width:530px) {
.ii-brand .ii-template-hero {
    padding-top:73px;
    padding-bottom:78px;
}

.ii-brand .ii-template-hero .ii-hero-brandline {
    font-size:10px;
    letter-spacing:1.1px;
}

.ii-brand .ii-template-hero .ii-intro {
    font-size:14px;
}
}

.ii-brand .ii-figma-empower.ii-purpose-section {
    display:grid;
    grid-template-columns:1.12fr 1fr;
    align-items:center;
    gap:65px;
    padding:76px 6%;
    text-align:left;
    background-color:#0a1b2e;
    background-image:linear-gradient(90deg,#08192dec 0%,#08192de3 48%,#08192dd6 100%),var(--ii-existing-hero);
    background-size:cover;
    background-position:center 48%;
    border-top:1px solid #243c51;
    border-bottom:1px solid #243c51;
    color:#fff;
}

.ii-brand .ii-figma-empower.ii-purpose-section .ii-purpose-label {
    display:inline-flex;
    align-items:center;
    gap:12px;
    font-size:11px;
    letter-spacing:1.8px;
    text-transform:uppercase;
    color:#e2c27e;
    margin-bottom:24px;
}

.ii-brand .ii-figma-empower.ii-purpose-section .ii-purpose-label:before {
    content:'';
    width:28px;
    height:2px;
    background:#b38c45;
}

.ii-brand .ii-figma-empower.ii-purpose-section h2 {
    font-size:34px;
    font-weight:500;
    line-height:1.22;
    letter-spacing:-1px;
    max-width:490px;
    color:#fff;
    margin:0;
}

.ii-brand .ii-purpose-copy {
    border-left:1px solid #c2d2e03d;
    padding:8px 0 8px 35px;
}

.ii-brand .ii-figma-empower.ii-purpose-section .ii-purpose-copy p {
    font-size:14px;
    line-height:1.95;
    color:#dce5ee;
    margin:0;
    max-width:450px;
}

.ii-brand .ii-purpose-rule {
    display:block;
    width:38px;
    height:3px;
    background:#c2a15e;
    margin-bottom:22px;
}

.ii-brand .ii-purpose-signature {
    font-size:13px;
    color:#f1f5f9;
    line-height:1.65;
    margin-top:24px;
    letter-spacing:.1px;
}

.ii-brand .ii-purpose-signature span {
    color:#e2c27e;
}

@media(max-width:680px) {
.ii-brand .ii-figma-empower.ii-purpose-section {
    grid-template-columns:1fr;
    gap:29px;
    padding:48px 6%;
}

.ii-brand .ii-figma-empower.ii-purpose-section h2 {
    font-size:30px;
}

.ii-brand .ii-purpose-copy {
    padding:0;
    border:0;
}

.ii-brand .ii-purpose-rule {
    margin-bottom:18px;
}

.ii-brand .ii-figma-empower.ii-purpose-section .ii-purpose-label {
    margin-bottom:18px;
}
}

.ii-brand .ii-figma-cta {
    background:#d0e3fb;
    padding-top:68px;
    padding-bottom:68px;
    gap:55px;
}

.ii-brand .ii-figma-cta .ii-cta-eyebrow {
    font-size:10px;
    letter-spacing:1.8px;
    text-transform:uppercase;
    color:#6b542a;
    margin-bottom:17px;
}

.ii-brand .ii-figma-cta h2 {
    font-size:39px;
    max-width:460px;
}

.ii-brand .ii-figma-cta .ii-cta-body {
    max-width:450px;
    color:#2e445a;
    line-height:1.85;
    margin-bottom:25px;
}

.ii-brand .ii-figma-cta .ii-figma-dark {
    background:#d8b66c;
    border-color:#c5a35d;
    color:#0a1c2e;
    border-radius:3px;
}

.ii-brand .ii-figma-cta .ii-figma-button {
    font-size:12px;
    min-height:45px;
    padding:13px 17px;
}

.ii-brand .ii-figma-cta img {
    aspect-ratio:1.27;
    object-fit:cover;
    border-radius:5px;
}

.ii-brand .ii-complete-footer {
    padding:58px 5.5% 24px;
    background:#071321;
    color:#e3eaf2;
}

.ii-brand .ii-footer-grid {
    display:grid;
    grid-template-columns:1.1fr 1fr .8fr 1.3fr;
    gap:36px;
    padding-bottom:43px;
}

.ii-brand .ii-complete-footer .ii-logo {
    width:170px;
    height:48px;
    margin-bottom:22px;
}

.ii-brand .ii-footer-brand p {
    font-size:13px;
    line-height:1.7;
    color:#d4deea;
}

.ii-brand .ii-footer-brand .ii-footer-location {
    font-size:11px;
    color:#98aabd;
    margin-top:18px;
    line-height:1.8;
}

.ii-brand .ii-complete-footer h3 {
    font-size:12px;
    font-weight:500;
    color:#e6c47f;
    letter-spacing:.2px;
    margin:0 0 20px;
}

.ii-brand .ii-complete-footer nav {
    display:flex;
    flex-direction:column;
    align-items:start;
    gap:0;
}

.ii-brand .ii-complete-footer nav button {
    font-size:12px;
    line-height:1.6;
    padding:0;
    margin-bottom:14px;
    text-align:left;
    color:#bdcad9;
    background:transparent;
    border:0;
    min-height:22px;
}

.ii-brand .ii-complete-footer nav .ii-footer-blog {
    font-size:12px;
    line-height:1.6;
    margin-bottom:14px;
    color:#bdcad9;
    text-decoration:none;
}

.ii-brand .ii-footer-contact p {
    font-size:12px;
    line-height:1.85;
    color:#bdcad9;
    margin-bottom:14px;
}

.ii-brand .ii-footer-contact a {
    font-size:12px;
    color:#f4f7fb;
    text-decoration:none;
    word-break:break-word;
}

.ii-brand .ii-footer-contact .ii-footer-book {
    display:flex;
    gap:16px;
    align-items:center;
    justify-content:space-between;
    padding:12px 14px;
    min-height:44px;
    border:1px solid #8c7547;
    border-radius:3px;
    color:#e6c47f;
    background:transparent;
    font-size:12px;
    margin-top:21px;
}

.ii-brand .ii-footer-bottom {
    border-top:1px solid #28394c;
    display:flex;
    gap:20px;
    flex-wrap:wrap;
    justify-content:space-between;
    padding-top:24px;
    font-size:10px;
    line-height:1.8;
    color:#a9b8c8;
}

.ii-brand .ii-footer-bottom a {
    color:#c8d4e2;
    text-decoration:none;
}

.ii-brand .ii-footer-bottom-note {
    color:#8499ad;
}

@media(max-width:800px) {
.ii-brand .ii-footer-grid {
    grid-template-columns:1fr 1fr;
    gap:35px;
}

.ii-brand .ii-footer-brand {
    grid-column:auto;
}

.ii-brand .ii-complete-footer nav button {
    min-height:30px;
}
}

@media(max-width:530px) {
.ii-brand .ii-footer-grid {
    grid-template-columns:1fr 1fr;
    gap:30px 20px;
}

.ii-brand .ii-footer-brand,
.ii-brand .ii-footer-contact {
    grid-column:1/-1;
}

.ii-brand .ii-complete-footer {
    padding:43px 6% 22px;
}

.ii-brand .ii-figma-cta h2 {
    font-size:31px;
}

.ii-brand .ii-figma-cta {
    padding:48px 6%;
    gap:29px;
}

.ii-brand .ii-footer-bottom {
    flex-direction:column;
    gap:12px;
}

.ii-brand .ii-complete-footer nav button {
    min-height:34px;
}
}

.ii-brand .ii-figma-empower {
    padding:75px 8%;
    background:#d0e3fb;
    text-align:center;
    color:#07100e;
}

.ii-brand .ii-figma-empower h2 {
    font-size:34px;
    line-height:1.2;
    letter-spacing:-.9px;
    max-width:720px;
    margin:0 auto 24px;
    font-weight:600;
}

.ii-brand .ii-figma-empower p {
    max-width:740px;
    margin:auto;
    font-size:15px;
    line-height:1.65;
    color:#07100e;
}

.ii-brand .ii-figma-trust,
.ii-brand .ii-figma-cta {
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:50px;
    padding:80px 5.5%;
    color:#07100e;
    background:#fff;
}

.ii-brand .ii-figma-label {
    font-size:12px!important;
    margin-bottom:17px!important;
}

.ii-brand .ii-figma-trust h2,
.ii-brand .ii-figma-cta h2 {
    font-size:38px;
    line-height:1.23;
    letter-spacing:-1px;
    font-weight:600;
    margin-bottom:22px;
}

.ii-brand .ii-figma-trust p,
.ii-brand .ii-figma-cta p {
    font-size:14px;
    line-height:1.7;
    margin-bottom:24px;
}

.ii-brand .ii-figma-trust>img {
    width:100%;
    height:470px;
    object-fit:cover;
    border-radius:0;
}

.ii-brand .ii-figma-features {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    margin-top:31px;
}

.ii-brand .ii-figma-features svg {
    width:29px;
    height:29px;
    margin-bottom:15px;
}

.ii-brand .ii-figma-features h3 {
    font-size:18px;
    font-weight:600;
    margin-bottom:13px;
    line-height:1.2;
}

.ii-brand .ii-figma-features p {
    font-size:13px;
    line-height:1.7;
    margin-bottom:25px;
}

.ii-brand .ii-figma-actions {
    display:flex;
    gap:16px;
    flex-wrap:wrap;
    align-items:center;
}

.ii-brand .ii-figma-button {
    padding:11px 18px;
    min-height:42px;
    background:transparent;
    border:1px solid #bac4cc;
    color:#07100e;
    font-size:13px;
    border-radius:0;
}

.ii-brand .ii-figma-link {
    display:inline-flex;
    gap:17px;
    background:none;
    border:0;
    color:#07100e;
    padding:12px 0;
    font-size:13px;
}

.ii-brand .ii-figma-dark {
    background:#0a213b;
    border-color:#0a213b;
    color:#fff;
}

.ii-brand .ii-figma-cta {
    background:#d0e3fb;
    padding-top:76px;
    padding-bottom:76px;
}

.ii-brand .ii-figma-cta img {
    width:100%;
    aspect-ratio:1.5;
    object-fit:cover;
    border-radius:0;
}

@media(max-width:680px) {
.ii-brand .ii-figma-empower {
    padding:50px 6%;
}

.ii-brand .ii-figma-empower h2 {
    font-size:27px;
}

.ii-brand .ii-figma-empower p {
    font-size:14px;
}

.ii-brand .ii-figma-trust,
.ii-brand .ii-figma-cta {
    grid-template-columns:1fr;
    gap:30px;
    padding:48px 6%;
}

.ii-brand .ii-figma-trust h2,
.ii-brand .ii-figma-cta h2 {
    font-size:31px;
}

.ii-brand .ii-figma-trust>img {
    height:auto;
    aspect-ratio:1;
}

.ii-brand .ii-figma-features {
    gap:17px;
}

.ii-brand .ii-figma-features h3 {
    font-size:17px;
}
}

.ii-brand .ii-figma-empower.ii-purpose-section {
    display:block;
    text-align:center;
    padding:70px 8% 66px;
    background-image:linear-gradient(#08192de6,#08192de6),var(--ii-existing-hero);
}

.ii-brand .ii-figma-empower.ii-purpose-section h2 {
    max-width:810px;
    margin:0 auto;
    font-size:36px;
    line-height:1.22;
}

.ii-brand .ii-figma-empower.ii-purpose-section .ii-purpose-label {
    margin-bottom:23px;
    justify-content:center;
}

.ii-brand .ii-figma-empower.ii-purpose-section .ii-purpose-label:after {
    content:'';
    width:28px;
    height:2px;
    background:#b38c45;
}

.ii-brand .ii-figma-empower.ii-purpose-section .ii-purpose-copy {
    border:0;
    padding:0;
    max-width:760px;
    margin:24px auto 0;
}

.ii-brand .ii-figma-empower.ii-purpose-section .ii-purpose-copy p {
    max-width:none;
    font-size:14px;
    line-height:1.9;
}

.ii-brand .ii-figma-empower.ii-purpose-section .ii-purpose-rule {
    display:none;
}

.ii-brand .ii-purpose-signature {
    margin-top:23px;
}

.ii-brand .ii-figma-trust .ii-trust-icon {
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    border-radius:11px;
    margin-bottom:19px;
    box-shadow:0 3px 0 #0a203817,0 7px 15px #0a20380a;
    border:1px solid #c7d7e4;
}

.ii-brand .ii-figma-trust .ii-trust-icon svg {
    width:27px;
    height:27px;
    margin:0;
}

.ii-brand .ii-figma-trust .ii-trust-gold {
    background:linear-gradient(145deg,#faf3df,#ead3a0);
    color:#765321;
    border-color:#dac18d;
}

.ii-brand .ii-figma-trust .ii-trust-blue {
    background:linear-gradient(145deg,#eff5fc,#d1e2f2);
    color:#234c75;
    border-color:#bacfe1;
}

.ii-brand .ii-figma-trust .ii-figma-button {
    background:linear-gradient(#e5c985,#d1ad60);
    color:#14283c;
    border:1px solid #bf9b51;
    border-bottom:3px solid #a48039;
    border-radius:5px;
    box-shadow:0 4px 10px #9b77351c;
    font-weight:500;
    min-height:46px;
    padding:12px 22px;
}

.ii-brand .ii-figma-trust .ii-figma-link {
    background:linear-gradient(#183752,#10283e);
    color:#fff;
    border:1px solid #294960;
    border-bottom:3px solid #071b2d;
    border-radius:5px;
    box-shadow:0 4px 10px #0a203819;
    min-height:46px;
    padding:12px 20px;
    align-items:center;
}

.ii-brand .ii-action,
.ii-brand .ii-full-button,
.ii-brand .ii-full-link,
.ii-brand .ii-figma-button,
.ii-brand .ii-figma-link,
.ii-brand .ii-footer-book {
    box-shadow:0 3px 0 #081b2e28,0 6px 12px #081b2e12;
    transition:transform .15s ease,box-shadow .15s ease;
    border-radius:5px;
}

.ii-brand .ii-full-link {
    padding:11px 14px;
    border:1px solid #c9d3dd;
    background:linear-gradient(#fff,#edf2f7);
}

.ii-brand .ii-featured-service .ii-full-link {
    background:linear-gradient(#1d3b55,#153047);
    border-color:#52677b;
    color:#fff;
}

.ii-brand .ii-full-button {
    background:linear-gradient(#fff,#f1f5f9);
    border-bottom:3px solid #b8c6d3;
}

.ii-brand .ii-featured-service .ii-full-button,
.ii-brand .ii-template-hero .ii-template-explore,
.ii-brand .ii-figma-cta .ii-figma-dark {
    background:linear-gradient(#e6ca86,#d3ae61);
    border:1px solid #c29e54;
    border-bottom:3px solid #a5813e;
}

.ii-brand .ii-template-hero .ii-outline {
    background:linear-gradient(#16314be8,#0e2237ed);
    border:1px solid #8292a2;
    border-bottom:3px solid #334d64;
    color:#fff;
}

.ii-brand .ii-figma-cta .ii-figma-button:not(.ii-figma-dark) {
    background:linear-gradient(#f8fbff,#e4edf6);
    border:1px solid #aebfd0;
    border-bottom:3px solid #92a8bf;
    color:#18354f;
}

.ii-brand .ii-footer-contact .ii-footer-book {
    background:linear-gradient(#e6ca86,#d3ae61);
    color:#0a1525;
    border:1px solid #c29e54;
    border-bottom:3px solid #a5813e;
}

.ii-brand .ii-action:hover,
.ii-brand .ii-full-button:hover,
.ii-brand .ii-full-link:hover,
.ii-brand .ii-figma-button:hover,
.ii-brand .ii-figma-link:hover,
.ii-brand .ii-footer-book:hover {
    transform:translateY(-1px);
    box-shadow:0 4px 0 #081b2e28,0 8px 15px #081b2e19;
}

.ii-brand .ii-action:active,
.ii-brand .ii-full-button:active,
.ii-brand .ii-full-link:active,
.ii-brand .ii-figma-button:active,
.ii-brand .ii-figma-link:active,
.ii-brand .ii-footer-book:active {
    transform:translateY(2px);
    box-shadow:0 1px 0 #081b2e28;
}

@media(max-width:680px) {
.ii-brand .ii-figma-empower.ii-purpose-section {
    padding:48px 6%;
}

.ii-brand .ii-figma-empower.ii-purpose-section h2 {
    font-size:29px;
}

.ii-brand .ii-full-actions {
    gap:12px;
}
}

.ii-brand .ii-figma-cta .ii-figma-actions {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:12px;
    max-width:430px;
    align-items:stretch;
}

.ii-brand .ii-figma-cta .ii-figma-actions .ii-figma-button {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:100%;
    min-width:0;
    padding:13px 10px;
    line-height:1.5;
    white-space:normal;
}

@media(prefers-reduced-motion:reduce) {
.ii-brand .ii-action,
.ii-brand .ii-full-button,
.ii-brand .ii-full-link,
.ii-brand .ii-figma-button,
.ii-brand .ii-figma-link,
.ii-brand .ii-footer-book {
    transition:none;
}
}

.ii-brand a { text-decoration: none; }
.ii-brand .ii-full-actions a { font-size: 12px; }
.ii-brand .ii-figma-cta .ii-figma-button { display: inline-flex; }
.ii-brand .ii-footer-book { text-decoration: none; }
.ii-brand .ii-image-placeholder { min-height: 320px; display: grid; place-items: center; background: #e5eaf0; color: #526273; }
.ii-brand .ii-complete-footer { margin-top: 0; }
.ii-brand .ii-complete-footer nav a { display: block; font-size: 12px; line-height: 1.6; margin-bottom: 14px; color: #bdcad9; }
.ii-brand .ii-complete-footer nav a:hover { color: #e6c47f; }
.ii-brand .ii-figma-trust .ii-figma-button, .ii-brand .ii-figma-trust .ii-figma-link { display: inline-flex; align-items: center; }
.ii-brand .ii-footer-contact .ii-footer-book { display: flex; }
.ii-brand a:focus-visible { outline: 3px solid #b38c45; outline-offset: 4px; }
.ii-brand .ii-page > section { margin: 0; width: 100%; }
.ii-brand .ii-template-hero .ii-outline { color: #fff !important; }
.ii-header .ii-action { background: linear-gradient(#e6ca86, #d3ae61); border: 1px solid #c29e54; border-bottom: 3px solid #a5813e; box-shadow: 0 3px 0 #081b2e28, 0 6px 12px #081b2e12; }
@media (max-width: 680px) { .ii-brand .ii-complete-footer nav a { min-height: 34px; } }