body.page { overflow-x: hidden; }
#izsca-page, #izsca-page * { box-sizing: border-box; }
#izsca-page {
–iz-navy: #152238;
–iz-cream: #f7f2ea;
–iz-paper: #fffdf8;
–iz-teal: #2c7a7b;
–iz-orange: #e59658;
–iz-line: rgba(21,34,56,.16);
–iz-muted: #66717d;
–iz-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, “Segoe UI”, sans-serif;
–iz-serif: “Iowan Old Style”, “Palatino Linotype”, “Book Antiqua”, Georgia, serif;
background: var(–iz-cream);
color: var(–iz-navy);
font-family: var(–iz-sans);
line-height: 1.55;
margin-left: 0;
max-width: 100vw;
overflow: hidden;
position: relative;
left: 50%;
transform: translateX(-50%);
width: 100vw;
}
#izsca-page h1, #izsca-page h2, #izsca-page h3, #izsca-page p { margin: 0; }
#izsca-page h1, #izsca-page h2 { font-family: var(–iz-serif); font-weight: 500; letter-spacing: -.055em; }
#izsca-page h3 { font-weight: 700; letter-spacing: -.03em; }
#izsca-page a { color: inherit; text-decoration: none; }
#izsca-page .izp-container { margin-inline: auto; width: min(1120px, calc(100% – 48px)); }
#izsca-page .izp-hero {
background: radial-gradient(circle at 78% 20%, rgba(44,122,123,.36), transparent 28%), radial-gradient(circle at 88% 88%, rgba(229,150,88,.18), transparent 25%), var(–iz-navy);
color: var(–iz-cream);
overflow: hidden;
padding: clamp(74px, 10vw, 138px) 0 64px;
position: relative;
}
#izsca-page .izp-hero:before {
border: 1px solid rgba(247,242,234,.15);
border-radius: 50%;
content: “”;
height: min(48vw, 620px);
position: absolute;
right: -13vw;
top: -17vw;
width: min(48vw, 620px);
}
#izsca-page .izp-back {
color: rgba(247,242,234,.66);
display: inline-flex;
font-size: .76rem;
letter-spacing: .12em;
margin-bottom: 42px;
text-transform: uppercase;
}
#izsca-page .izp-kicker {
color: var(–iz-orange);
font-size: .75rem;
font-weight: 700;
letter-spacing: .16em;
margin-bottom: 18px;
text-transform: uppercase;
}
#izsca-page .izp-hero h1 {
font-size: clamp(3.2rem, 7.5vw, 7rem);
line-height: .91;
max-width: 900px;
position: relative;
z-index: 1;
}
#izsca-page .izp-hero__intro {
color: rgba(247,242,234,.76);
font-size: clamp(1rem, 1.8vw, 1.22rem);
line-height: 1.55;
margin-top: 30px;
max-width: 600px;
position: relative;
z-index: 1;
}
#izsca-page .izp-hero-meta {
border-top: 1px solid rgba(247,242,234,.2);
color: rgba(247,242,234,.66);
display: flex;
flex-wrap: wrap;
font-size: .72rem;
gap: 12px 34px;
letter-spacing: .12em;
margin-top: 64px;
padding-top: 17px;
position: relative;
text-transform: uppercase;
z-index: 1;
}
#izsca-page .izp-chip-nav {
background: var(–iz-paper);
border-bottom: 1px solid var(–iz-line);
display: flex;
gap: 9px;
overflow-x: auto;
padding: 14px max(24px, calc((100vw – 1120px) / 2));
scrollbar-width: none;
}
#izsca-page .izp-chip-nav::-webkit-scrollbar { display: none; }
#izsca-page .izp-chip {
border: 1px solid var(–iz-line);
border-radius: 999px;
color: var(–iz-muted);
flex: 0 0 auto;
font-size: .76rem;
font-weight: 700;
letter-spacing: .03em;
padding: 10px 15px;
transition: background 180ms ease, border-color 180ms ease, color 180ms ease;
}
#izsca-page .izp-chip:hover, #izsca-page .izp-chip.is-active {
background: var(–iz-teal);
border-color: var(–iz-teal);
color: var(–iz-paper);
}
#izsca-page .izp-section { padding: clamp(72px, 9vw, 124px) 0; }
#izsca-page .izp-section–paper { background: var(–iz-paper); }
#izsca-page .izp-section-head {
align-items: end;
border-bottom: 1px solid var(–iz-line);
display: flex;
gap: 28px;
justify-content: space-between;
margin-bottom: 42px;
padding-bottom: 20px;
}
#izsca-page .izp-section-kicker {
color: var(–iz-teal);
font-size: .75rem;
font-weight: 700;
letter-spacing: .15em;
margin-bottom: 14px;
text-transform: uppercase;
}
#izsca-page .izp-section h2 { font-size: clamp(2.5rem, 5vw, 4.8rem); line-height: .96; }
#izsca-page .izp-section-note { color: var(–iz-muted); font-size: .88rem; max-width: 270px; }
#izsca-page .izp-post-grid { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
#izsca-page .izp-post-card {
background: var(–iz-cream);
border: 1px solid var(–iz-line);
display: flex;
flex-direction: column;
min-height: 350px;
overflow: hidden;
transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}
#izsca-page .izp-post-card:hover {
border-color: var(–iz-teal);
box-shadow: 0 18px 36px rgba(21,34,56,.1);
transform: translateY(-5px);
}
#izsca-page .izp-post-visual {
align-items: flex-start;
background: linear-gradient(135deg, rgba(44,122,123,.88), rgba(21,34,56,.34)), repeating-linear-gradient(135deg, rgba(247,242,234,.14) 0 1px, transparent 1px 14px);
display: flex;
height: 122px;
justify-content: space-between;
padding: 18px;
position: relative;
}
#izsca-page .izp-post-card:nth-child(2n) .izp-post-visual {
background: linear-gradient(135deg, rgba(229,150,88,.9), rgba(21,34,56,.34)), repeating-linear-gradient(45deg, rgba(247,242,234,.14) 0 1px, transparent 1px 14px);
}
#izsca-page .izp-post-card:nth-child(3n) .izp-post-visual {
background: linear-gradient(135deg, rgba(21,34,56,.94), rgba(44,122,123,.52)), repeating-linear-gradient(135deg, rgba(247,242,234,.14) 0 1px, transparent 1px 14px);
}
#izsca-page .izp-post-visual:after {
border: 1px solid rgba(247,242,234,.36);
border-radius: 50%;
content: “”;
height: 88px;
position: absolute;
right: 19px;
top: 17px;
width: 88px;
}
#izsca-page .izp-post-number { color: var(–iz-paper); font-family: var(–iz-serif); font-size: 2rem; line-height: 1; position: relative; z-index: 1; }
#izsca-page .izp-post-kind { color: rgba(247,242,234,.78); font-size: .66rem; letter-spacing: .13em; position: relative; text-transform: uppercase; z-index: 1; }
#izsca-page .izp-post-body { display: flex; flex: 1; flex-direction: column; padding: 21px 21px 19px; }
#izsca-page .izp-post-meta { color: var(–iz-teal); font-size: .68rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
#izsca-page .izp-post-card h3 { font-family: var(–iz-serif); font-size: clamp(1.45rem, 2.5vw, 1.95rem); line-height: 1; margin-top: 14px; }
#izsca-page .izp-post-card p { color: var(–iz-muted); font-size: .88rem; margin-top: 13px; }
#izsca-page .izp-post-link {
color: var(–iz-teal);
font-size: .75rem;
font-weight: 700;
letter-spacing: .05em;
margin-top: auto;
padding-top: 24px;
text-transform: uppercase;
}
#izsca-page .izp-callout {
background: var(–iz-navy);
color: var(–iz-cream);
padding: clamp(62px, 8vw, 100px) 0;
}
#izsca-page .izp-callout-grid { align-items: end; display: grid; gap: 34px; grid-template-columns: minmax(0, 1.25fr) minmax(240px, .75fr); }
#izsca-page .izp-callout .izp-section-kicker { color: var(–iz-orange); }
#izsca-page .izp-callout h2 { font-size: clamp(2.4rem, 5vw, 4.7rem); line-height: .95; }
#izsca-page .izp-callout p { color: rgba(247,242,234,.7); font-size: .95rem; margin-top: 20px; max-width: 520px; }
#izsca-page .izp-callout-note { border-left: 1px solid rgba(247,242,234,.24); color: rgba(247,242,234,.72); font-size: .9rem; padding-left: 22px; }
#izsca-page .izp-button {
background: var(–iz-orange);
border-radius: 999px;
color: var(–iz-navy);
display: inline-flex;
font-size: .78rem;
font-weight: 800;
gap: 9px;
margin-top: 22px;
padding: 13px 18px;
}
#izsca-page .izp-about-panel { background: var(–iz-paper); }
#izsca-page .izp-about-grid { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
#izsca-page .izp-about-card { border-top: 2px solid var(–iz-teal); padding: 21px 10px 0 0; }
#izsca-page .izp-about-card:nth-child(2) { border-top-color: var(–iz-orange); }
#izsca-page .izp-about-card:nth-child(3) { border-top-color: var(–iz-navy); }
#izsca-page .izp-about-card h3 { font-family: var(–iz-serif); font-size: 2rem; font-weight: 500; margin-top: 55px; }
#izsca-page .izp-about-card p { color: var(–iz-muted); font-size: .92rem; margin-top: 13px; }
#izsca-page .izp-rich-copy { color: var(–iz-muted); font-size: 1.03rem; max-width: 700px; }
#izsca-page .izp-rich-copy p + p { margin-top: 18px; }
#izsca-page .izp-list { display: grid; gap: 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 35px; }
#izsca-page .izp-list-item { border-top: 1px solid var(–iz-line); padding-top: 17px; }
#izsca-page .izp-list-item strong { display: block; font-family: var(–iz-serif); font-size: 1.35rem; font-weight: 500; margin-bottom: 7px; }
#izsca-page .izp-list-item span { color: var(–iz-muted); font-size: .9rem; }
@media (max-width: 850px) {
#izsca-page .izp-post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#izsca-page .izp-callout-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
#izsca-page .izp-container { width: min(100% – 32px, 1120px); }
#izsca-page .izp-hero { padding-top: 62px; }
#izsca-page .izp-hero h1 { font-size: clamp(3.1rem, 15vw, 5.1rem); }
#izsca-page .izp-chip-nav { padding-inline: 16px; }
#izsca-page .izp-section-head { align-items: flex-start; flex-direction: column; }
#izsca-page .izp-post-grid, #izsca-page .izp-about-grid, #izsca-page .izp-list { grid-template-columns: 1fr; }
#izsca-page .izp-post-card { min-height: 325px; }
#izsca-page .izp-about-card h3 { margin-top: 38px; }
#izsca-page .izp-callout-note { border-left: 0; border-top: 1px solid rgba(247,242,234,.24); padding-left: 0; padding-top: 20px; }
}
← All guidesValue over hype
Buying Smarter
Decision-making articles for the moment before you click buy — with a focus on value, ownership and the details that are easy to miss.
IZSCA / 02Practical buying decisions
Choose with context
See the trade-offs before you decide.
A focused stream of articles for turning a long shortlist into a confident decision.
01Loading guide
WordPress post feedArticle cards will appear here.
This area is connected to the site’s native Posts feed and will update as new guides are published.
Browse all guides ↗ 02Placeholder
Editorial frameworkClear explanations, useful trade-offs.
Use this card grid for the next group of practical articles.
See the framework ↗ 03Placeholder
More to comeNew research will land here.
A flexible space for future posts, comparisons and buying notes.
Explore IZSCA ↗ Make the decision yours
The best option is the one that fits your actual life.
Look beyond headline features and weigh price, reliability, repairability, support and everyday friction.
Keep moving
Find your next useful question.
Use the guide map above to move between explanations, decisions and everyday technology.