/* /it-company-franchise — AISHTMLNEWDESIGN-448
Page-owned styles. EVERY selector is scoped to #page-it-company-franchise or a
icf- prefixed class: this sheet must never style body, a bare
element, #ais-header or #ais-footer. The document reset
(html,body{margin:0}) is owned by the shared layout sheet.
Font is Inter; no body/UI text below 16px.
VISUAL DIRECTION — TERRITORY GRANT
This is a franchise prospectus, not a product page: the reader is buying a
territory, a playbook and the right to display a brand mark. So the page is
built like a grant document — an engraved plate with a double hairline
border for the offer, a wax-seal square opening every article, the record's
own clause numbering (01–04) set as articles, a vertical spine joining
pre-sale to post-sale support, and a band of chartered regions at the foot.
Ink navy, warm parchment, seal-wax sienna. No ledgers, no chips, no table
felt — none of the gambling vocabulary the rest of this batch uses.
Everything is painted and static; nothing moves on its own (rule 26). */
#page-it-company-franchise{
--icf-ink:#12233b;
--icf-ink-2:#1b3252;
--icf-ink-3:#0d1a2c;
--icf-paper:#f6f2ea;
--icf-paper-2:#ece5d8;
--icf-white:#ffffff;
--icf-seal:#a8461b;
--icf-seal-2:#c8642c;
--icf-seal-3:#e6924f;
--icf-text:#1a2735;
--icf-text-2:#3b4a5c;
--icf-line:#d8cdba;
--icf-line-2:#c4b8a2;
--icf-line-dk:rgba(246,242,234,.18);
--icf-on-dark:#f6f2ea;
--icf-on-dark-2:#c5d2e0;
--icf-shell:min(1200px,100% - 48px);
font-family:"Inter",system-ui,sans-serif;
font-size:16px;
line-height:1.6;
color:var(--icf-text);
background:var(--icf-paper);
overflow-x:hidden;
}
#page-it-company-franchise *,
#page-it-company-franchise *::before,
#page-it-company-franchise *::after{box-sizing:border-box;}
#page-it-company-franchise .icf-shell{
width:var(--icf-shell);margin-inline:auto;
}
/* ── type scale ────────────────────────────────────────────────────── */
#page-it-company-franchise .icf-h2{
font-size:clamp(30px,3.4vw,46px);line-height:1.12;letter-spacing:-.015em;
font-weight:800;color:var(--icf-ink);margin:0 0 18px;
}
#page-it-company-franchise .icf-h2--light{color:var(--icf-on-dark);}
#page-it-company-franchise .icf-h3{
font-size:clamp(21px,1.7vw,26px);line-height:1.25;font-weight:700;
color:var(--icf-ink);margin:0 0 8px;letter-spacing:-.01em;
}
#page-it-company-franchise .icf-h4{
font-size:19px;line-height:1.3;font-weight:700;color:var(--icf-ink);margin:0 0 10px;
}
#page-it-company-franchise .icf-h4--light{color:var(--icf-on-dark);}
#page-it-company-franchise p{margin:0 0 16px;font-size:17px;color:var(--icf-text-2);}
#page-it-company-franchise p:last-child{margin-bottom:0;}
/* the wax seal that opens every article */
#page-it-company-franchise .icf-seal{
display:block;width:34px;height:34px;margin:0 0 18px;
background:var(--icf-seal);
border-radius:4px;
box-shadow:inset 0 0 0 3px var(--icf-paper),inset 0 0 0 5px var(--icf-seal);
transform:rotate(45deg);
}
#page-it-company-franchise .icf-seal--light{
box-shadow:inset 0 0 0 3px var(--icf-ink),inset 0 0 0 5px var(--icf-seal-2);
background:var(--icf-seal-2);
}
/* ── bands ─────────────────────────────────────────────────────────── */
#page-it-company-franchise .icf-band{
width:100%;padding:clamp(56px,6.5vw,104px) 0;
}
#page-it-company-franchise .icf-band--paper{background:var(--icf-paper);}
#page-it-company-franchise .icf-band--tint{background:var(--icf-paper-2);}
#page-it-company-franchise .icf-band--white{background:var(--icf-white);}
#page-it-company-franchise .icf-band--ink{
background:linear-gradient(180deg,var(--icf-ink) 0%,var(--icf-ink-3) 100%);
color:var(--icf-on-dark);
}
#page-it-company-franchise .icf-band--ink p{color:var(--icf-on-dark-2);}
#page-it-company-franchise .icf-head{margin:0 0 40px;max-width:900px;}
/* ── hero (rule 24: full-bleed, static gradient, no media) ─────────── */
#page-it-company-franchise .icf-hero{
width:100%;
padding:clamp(72px,9vw,132px) 24px clamp(64px,7vw,108px);
background:linear-gradient(160deg,#12233b 0%,#16304f 46%,#0d1a2c 100%);
border-bottom:6px solid var(--icf-seal);
}
#page-it-company-franchise .icf-hero__inner{
max-width:900px;margin-inline:auto;text-align:center;
}
#page-it-company-franchise .icf-hero__h1{
font-size:clamp(38px,5vw,66px);line-height:1.04;letter-spacing:-.025em;
font-weight:900;color:var(--icf-on-dark);margin:0 0 24px;
}
#page-it-company-franchise .icf-hero__lead{
font-size:clamp(18px,1.5vw,21px);line-height:1.55;color:#e5ecf4;
margin:0 auto 16px;max-width:780px;
}
#page-it-company-franchise .icf-hero__sub{
font-size:17px;color:var(--icf-on-dark-2);margin:0 auto 34px;max-width:720px;
}
/* ── buttons ───────────────────────────────────────────────────────── */
#page-it-company-franchise .icf-btn{
display:inline-flex;align-items:center;justify-content:center;
min-height:52px;padding:14px 34px;border:0;cursor:pointer;
font-family:inherit;font-size:17px;font-weight:700;letter-spacing:.01em;
border-radius:3px;
transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
#page-it-company-franchise .icf-btn--seal{
background:var(--icf-seal);color:#fff;
box-shadow:0 8px 22px -10px rgba(168,70,27,.85);
}
#page-it-company-franchise .icf-btn--seal:hover{background:var(--icf-seal-2);transform:translateY(-2px);}
#page-it-company-franchise .icf-btn--ink{background:var(--icf-ink);color:var(--icf-paper);}
#page-it-company-franchise .icf-btn--ink:hover{background:var(--icf-ink-2);transform:translateY(-2px);}
#page-it-company-franchise .icf-btn:active{transform:translateY(0);}
#page-it-company-franchise .icf-btn:focus-visible{
outline:3px solid var(--icf-seal-2);outline-offset:3px;
}
/* ── benefit spine ─────────────────────────────────────────────────── */
#page-it-company-franchise .icf-benefit{
display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);
gap:clamp(32px,5vw,72px);align-items:start;
}
#page-it-company-franchise .icf-benefit__title{position:sticky;top:96px;}
#page-it-company-franchise .icf-spine{
list-style:none;margin:0;padding:0 0 0 clamp(20px,3vw,40px);
border-left:1px solid var(--icf-line-2);
}
#page-it-company-franchise .icf-spine__item{
display:grid;grid-template-columns:64px minmax(0,1fr);gap:22px;
align-items:start;padding:26px 0;border-bottom:1px solid var(--icf-line);
position:relative;
}
#page-it-company-franchise .icf-spine__item:first-child{padding-top:0;}
#page-it-company-franchise .icf-spine__item:last-child{border-bottom:0;padding-bottom:0;}
#page-it-company-franchise .icf-spine__item::before{
content:"";position:absolute;left:calc(-1 * clamp(20px,3vw,40px) - 4px);top:34px;
width:7px;height:7px;background:var(--icf-seal);transform:rotate(45deg);
}
#page-it-company-franchise .icf-spine__item:first-child::before{top:8px;}
#page-it-company-franchise .icf-spine__ico{
width:56px;height:55px;display:block;
}
#page-it-company-franchise .icf-spine__body p{margin:0;font-size:17px;}
/* ── about / power: plate figures ──────────────────────────────────── */
#page-it-company-franchise .icf-about,
#page-it-company-franchise .icf-power{
display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
gap:clamp(32px,5vw,72px);align-items:center;
}
#page-it-company-franchise .icf-plate{
margin:0;padding:14px;background:var(--icf-white);
border:1px solid var(--icf-line-2);
box-shadow:0 0 0 6px var(--icf-white),0 0 0 7px var(--icf-line);
}
#page-it-company-franchise .icf-plate img{
display:block;width:100%;height:auto;
}
#page-it-company-franchise .icf-plate--dark{
background:var(--icf-ink-2);border-color:rgba(246,242,234,.28);
box-shadow:0 0 0 6px var(--icf-ink-2),0 0 0 7px rgba(246,242,234,.22);
}
#page-it-company-franchise .icf-plate--square{max-width:420px;justify-self:end;width:100%;}
/* ── our services tiles ────────────────────────────────────────────── */
#page-it-company-franchise .icf-cat{
font-size:20px;font-weight:800;color:var(--icf-seal);margin:0 0 20px;
letter-spacing:.06em;text-transform:uppercase;
display:flex;align-items:center;gap:16px;
}
#page-it-company-franchise .icf-cat::after{
content:"";flex:1;height:1px;background:var(--icf-line-2);
}
#page-it-company-franchise .icf-tiles{
list-style:none;margin:0 0 52px;padding:0;
display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;
}
#page-it-company-franchise .icf-tiles--game{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:0;}
#page-it-company-franchise a.icf-tile{
display:flex;flex-direction:column;align-items:center;gap:14px;height:100%;
padding:26px 16px;text-align:center;color:var(--icf-ink);
background:var(--icf-paper);border:1px solid var(--icf-line);
transition:border-color .18s ease,background-color .18s ease,transform .18s ease;
}
#page-it-company-franchise a.icf-tile span{font-size:16px;font-weight:600;line-height:1.35;}
#page-it-company-franchise .icf-tile img{width:72px;height:72px;display:block;}
#page-it-company-franchise a.icf-tile:hover{
border-color:var(--icf-seal);background:var(--icf-white);transform:translateY(-3px);
color:var(--icf-seal);
}
#page-it-company-franchise a.icf-tile:focus-visible{outline:3px solid var(--icf-seal);outline-offset:2px;}
/* ── all-in-one model: clause articles ─────────────────────────────── */
#page-it-company-franchise .icf-model__top{
display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
gap:clamp(32px,5vw,72px);align-items:center;margin:0 0 clamp(40px,5vw,64px);
}
#page-it-company-franchise .icf-clauses{
display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;
background:var(--icf-line-2);border:1px solid var(--icf-line-2);
}
#page-it-company-franchise .icf-clause{background:var(--icf-paper);padding:30px 26px;}
#page-it-company-franchise .icf-clause__h{
font-size:19px;font-weight:800;color:var(--icf-ink);line-height:1.3;
margin:0 0 18px;padding:0 0 14px;border-bottom:2px solid var(--icf-seal);
}
#page-it-company-franchise .icf-rule-list{list-style:none;margin:0;padding:0;}
#page-it-company-franchise .icf-rule-list li{
font-size:16px;color:var(--icf-text-2);padding:9px 0;
border-bottom:1px dotted var(--icf-line-2);
}
#page-it-company-franchise .icf-rule-list li:last-child{border-bottom:0;padding-bottom:0;}
/* ── perks plates ──────────────────────────────────────────────────── */
#page-it-company-franchise .icf-perks{
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;
}
#page-it-company-franchise .icf-perk{
padding:30px 26px;background:var(--icf-paper);
border:1px solid var(--icf-line);border-top:3px solid var(--icf-ink);
transition:border-top-color .18s ease,transform .18s ease;
}
#page-it-company-franchise .icf-perk:hover{border-top-color:var(--icf-seal);transform:translateY(-3px);}
#page-it-company-franchise .icf-perk img{display:block;height:44px;width:auto;margin:0 0 18px;}
#page-it-company-franchise .icf-dash-list{list-style:none;margin:0;padding:0;}
#page-it-company-franchise .icf-dash-list li{
position:relative;padding:0 0 0 22px;margin:0 0 9px;
font-size:16px;color:var(--icf-text-2);line-height:1.5;
}
#page-it-company-franchise .icf-dash-list li:last-child{margin-bottom:0;}
#page-it-company-franchise .icf-dash-list li::before{
content:"";position:absolute;left:0;top:10px;width:12px;height:2px;background:var(--icf-seal);
}
/* ── support spine ─────────────────────────────────────────────────── */
#page-it-company-franchise .icf-support{
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
gap:clamp(32px,5vw,64px);position:relative;
}
#page-it-company-franchise .icf-support::before{
content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;
background:var(--icf-line-2);
}
#page-it-company-franchise .icf-support__head{
display:flex;align-items:center;gap:16px;margin:0 0 24px;
padding:0 0 18px;border-bottom:2px solid var(--icf-ink);
}
#page-it-company-franchise .icf-support__head img{display:block;height:34px;width:auto;}
#page-it-company-franchise .icf-support__head .icf-h3{margin:0;}
#page-it-company-franchise .icf-step-list{
list-style:none;margin:0;padding:0;counter-reset:icfstep;
}
#page-it-company-franchise .icf-step-list li{
counter-increment:icfstep;position:relative;
padding:11px 0 11px 42px;font-size:16px;color:var(--icf-text);
border-bottom:1px solid var(--icf-line);
}
#page-it-company-franchise .icf-step-list li:last-child{border-bottom:0;}
#page-it-company-franchise .icf-step-list li::before{
content:counter(icfstep,decimal-leading-zero);
position:absolute;left:0;top:11px;
font-size:14px;font-weight:700;letter-spacing:.04em;color:var(--icf-seal);
}
/* ── learning and development ──────────────────────────────────────── */
#page-it-company-franchise .icf-growth__intro{max-width:820px;margin:0 0 clamp(36px,4vw,56px);}
#page-it-company-franchise .icf-courses{
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;
}
#page-it-company-franchise .icf-course{
padding:32px 28px;background:rgba(246,242,234,.06);
border:1px solid var(--icf-line-dk);border-left:3px solid var(--icf-seal-2);
}
#page-it-company-franchise .icf-course img{display:block;width:60px;height:60px;margin:0 0 20px;}
#page-it-company-franchise .icf-course p{margin:0;font-size:16px;}
/* ── the grant plate ───────────────────────────────────────────────── */
#page-it-company-franchise .icf-join{display:block;}
#page-it-company-franchise .icf-banner{
margin:0 0 -70px;padding:0;line-height:0;
border:1px solid var(--icf-line-2);
}
#page-it-company-franchise .icf-banner img{display:block;width:100%;height:auto;}
#page-it-company-franchise .icf-join__grant{
position:relative;width:min(920px,100%);margin-inline:auto;
background:var(--icf-white);
padding:clamp(34px,4vw,54px);
border:1px solid var(--icf-line-2);
box-shadow:0 0 0 1px var(--icf-white),0 0 0 5px var(--icf-paper-2),
0 0 0 6px var(--icf-line-2),0 26px 60px -34px rgba(18,35,59,.55);
}
#page-it-company-franchise .icf-join__line{
font-size:20px;font-weight:700;color:var(--icf-ink);
margin:26px 0 24px;padding:18px 0 0;border-top:1px solid var(--icf-line);
}
/* ── news marker ───────────────────────────────────────────────────── */
#page-it-company-franchise .icf-marker{
width:100%;background:var(--icf-paper-2);padding:34px 0;
}
#page-it-company-franchise .icf-marker__inner{
display:flex;align-items:center;gap:22px;
}
#page-it-company-franchise .icf-marker__rule{flex:1;height:1px;background:var(--icf-line-2);}
#page-it-company-franchise .icf-marker__h{
margin:0;font-size:20px;font-weight:800;letter-spacing:.22em;
text-transform:uppercase;color:var(--icf-ink);
}
/* ── FAQ ───────────────────────────────────────────────────────────── */
#page-it-company-franchise .icf-faq{
display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);
gap:clamp(32px,5vw,72px);align-items:start;
}
#page-it-company-franchise .icf-faq__aside{position:sticky;top:96px;}
#page-it-company-franchise .icf-faq__aside p{font-size:17px;}
#page-it-company-franchise .icf-faq__aside .icf-btn{margin-top:12px;}
#page-it-company-franchise a.icf-mail{
color:var(--icf-seal);font-weight:600;
border-bottom:1px solid rgba(168,70,27,.45);
}
#page-it-company-franchise a.icf-mail:hover{color:var(--icf-ink);border-bottom-color:var(--icf-ink);}
#page-it-company-franchise a.icf-mail:focus-visible{outline:2px solid var(--icf-seal);outline-offset:2px;}
#page-it-company-franchise .icf-faq__item{
border:1px solid var(--icf-line);background:var(--icf-paper);
margin:0 0 12px;
}
#page-it-company-franchise .icf-faq__item[open]{border-color:var(--icf-line-2);background:var(--icf-white);}
#page-it-company-franchise .icf-faq__item summary{
list-style:none;cursor:pointer;padding:20px 56px 20px 24px;position:relative;
}
#page-it-company-franchise .icf-faq__item summary::-webkit-details-marker{display:none;}
#page-it-company-franchise .icf-faq__item summary:focus-visible{outline:3px solid var(--icf-seal);outline-offset:-3px;}
#page-it-company-franchise .icf-faq__q{
display:inline;font-size:18px;font-weight:700;line-height:1.4;color:var(--icf-ink);margin:0;
}
#page-it-company-franchise .icf-faq__item summary::after{
content:"";position:absolute;right:24px;top:50%;
width:13px;height:13px;margin-top:-8px;
border-right:2px solid var(--icf-seal);border-bottom:2px solid var(--icf-seal);
transform:rotate(45deg);transition:transform .2s ease;
}
#page-it-company-franchise .icf-faq__item[open] summary::after{transform:rotate(-135deg);margin-top:-3px;}
#page-it-company-franchise .icf-faq__a{padding:0 24px 24px;border-top:1px solid var(--icf-line);padding-top:20px;}
#page-it-company-franchise .icf-faq__a p{font-size:16px;}
/* ── territory band ────────────────────────────────────────────────── */
#page-it-company-franchise .icf-territory__grid{
display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;
background:var(--icf-line-dk);border:1px solid var(--icf-line-dk);
}
#page-it-company-franchise .icf-desk{background:var(--icf-ink-3);padding:28px 24px;}
#page-it-company-franchise .icf-desk__h{
font-size:16px;font-weight:800;letter-spacing:.14em;color:var(--icf-seal-3);
margin:0 0 14px;
}
#page-it-company-franchise a.icf-desk__tel{
display:inline-block;font-size:18px;font-weight:700;color:var(--icf-on-dark);
margin:0 0 14px;
}
#page-it-company-franchise a.icf-desk__tel:hover{color:var(--icf-seal-3);}
#page-it-company-franchise a.icf-desk__tel:focus-visible{outline:2px solid var(--icf-seal-3);outline-offset:2px;}
#page-it-company-franchise .icf-desk__addr{display:flex;gap:11px;align-items:flex-start;}
#page-it-company-franchise .icf-desk__addr img{width:14px;height:20px;flex:0 0 14px;margin-top:4px;}
#page-it-company-franchise .icf-desk__addr p{font-size:16px;color:var(--icf-on-dark-2);margin:0;}
/* ── CTA modal ─────────────────────────────────────────────────────── */
#page-it-company-franchise .icf-modal{
display:none;position:fixed;inset:0;z-index:9999;
background:rgba(13,26,44,.74);padding: 100px 24px 24px 24px;overflow-y:auto;
}
#page-it-company-franchise .icf-modal.is-open{display:flex;align-items:flex-start;justify-content:center;}
#page-it-company-franchise .icf-modal__box{
position:relative;width:100%;max-width:640px;margin:auto;
background:var(--icf-paper);border-radius:6px;overflow:hidden;
box-shadow:0 30px 70px -20px rgba(0,0,0,.6);
}
#page-it-company-franchise .icf-modal__x{
position:absolute;top:12px;right:12px;z-index:2;
width:40px;height:40px;min-height:40px;
display:flex;align-items:center;justify-content:center;
border:0;border-radius:50%;cursor:pointer;
background:var(--icf-ink);color:var(--icf-paper);
transition:background-color .16s ease;
}
#page-it-company-franchise .icf-modal__x:hover{background:var(--icf-seal);}
#page-it-company-franchise .icf-modal__x:focus-visible{outline:3px solid var(--icf-seal-2);outline-offset:2px;}
#page-it-company-franchise .icf-modal iframe{
display:block;width:100%;min-height:860px;border:0;background:var(--icf-paper);
}
/* ── responsive ────────────────────────────────────────────────────── */
@media (max-width:1080px){
#page-it-company-franchise .icf-tiles{grid-template-columns:repeat(3,minmax(0,1fr));}
#page-it-company-franchise .icf-tiles--game{grid-template-columns:repeat(2,minmax(0,1fr));}
#page-it-company-franchise .icf-clauses{grid-template-columns:repeat(2,minmax(0,1fr));}
#page-it-company-franchise .icf-perks{grid-template-columns:repeat(2,minmax(0,1fr));}
#page-it-company-franchise .icf-territory__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:880px){
#page-it-company-franchise{--icf-shell:min(1200px,100% - 32px);}
#page-it-company-franchise .icf-benefit,
#page-it-company-franchise .icf-about,
#page-it-company-franchise .icf-power,
#page-it-company-franchise .icf-model__top,
#page-it-company-franchise .icf-faq{grid-template-columns:minmax(0,1fr);}
#page-it-company-franchise .icf-benefit__title,
#page-it-company-franchise .icf-faq__aside{position:static;}
#page-it-company-franchise .icf-plate--square{justify-self:start;max-width:100%;}
#page-it-company-franchise .icf-power .icf-plate--dark{order:2;}
#page-it-company-franchise .icf-support{grid-template-columns:minmax(0,1fr);}
#page-it-company-franchise .icf-support::before{display:none;}
#page-it-company-franchise .icf-courses{grid-template-columns:minmax(0,1fr);}
#page-it-company-franchise .icf-banner{margin-bottom:-40px;}
}
@media (max-width:640px){
#page-it-company-franchise .icf-tiles,
#page-it-company-franchise .icf-tiles--game{grid-template-columns:repeat(2,minmax(0,1fr));}
#page-it-company-franchise .icf-clauses,
#page-it-company-franchise .icf-perks,
#page-it-company-franchise .icf-territory__grid{grid-template-columns:minmax(0,1fr);}
#page-it-company-franchise .icf-btn{width:100%;}
#page-it-company-franchise .icf-spine__item{grid-template-columns:minmax(0,1fr);gap:14px;}
#page-it-company-franchise .icf-banner{margin-bottom:24px;border:1px solid var(--icf-line-2);}
#page-it-company-franchise .icf-marker__inner{gap:14px;}
#page-it-company-franchise .icf-marker__h{font-size:18px;letter-spacing:.16em;}
#page-it-company-franchise .icf-modal{padding: 100px 12px 12px 12px;}
}
@media (max-width:400px){
#page-it-company-franchise .icf-tiles,
#page-it-company-franchise .icf-tiles--game{grid-template-columns:minmax(0,1fr);}
}
@media (prefers-reduced-motion:reduce){
#page-it-company-franchise *,
#page-it-company-franchise *::before,
#page-it-company-franchise *::after{transition-duration:.01ms !important;}
}