/* Homepage composition, separate from individual invitation artwork. */
.oc-home26{margin:0}.oc-home26 main{overflow:clip}.home-wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}
.home-hero{background:var(--oc-deep);color:var(--oc-paper)}.home-hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center;min-height:660px;padding-block:55px 66px}
.home-hero-copy{max-width:660px}.home-hero .oc-kicker{color:#d5c29b;margin:0 0 24px}.home-hero h1{font-size:clamp(52px,5.3vw,80px);line-height:1.01;letter-spacing:-.03em;margin:0 0 28px;max-width:13.5ch;font-weight:400;text-wrap:initial}.home-hero-copy>p:not(.oc-kicker){font-size:17px;line-height:1.7;color:#d3dfd0;max-width:40ch;margin:0 0 29px}.home-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.home-hero .home-actions .oc-textlink{color:#e9ecdf}.home-hero .oc-button.light{color:var(--oc-deep)}
.home-invitation{margin:0;max-width:410px;width:100%;justify-self:center}.home-invitation>a{display:block;position:relative;background:#d4e0df;box-shadow:0 28px 55px #041d1770;overflow:hidden;border-radius:2px}.home-invitation img{display:block;width:100%;height:520px;object-fit:cover;object-position:50% 51%;transition:transform .6s cubic-bezier(.22,.7,.2,1)}.home-invitation>a:hover img{transform:scale(1.025)}.home-invitation figcaption{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;font-size:12px;line-height:1.6;color:#dae2d4}.home-invitation figcaption a{text-underline-offset:5px;min-height:44px;display:flex;align-items:center}.home-invitation figcaption strong{display:block;font-weight:500}.home-invitation figcaption span{font-size:11px;color:#c3d1c0}
.home-pricing-intro{background:#e9ede2;border-bottom:1px solid var(--oc-line)}.home-pricing-intro>.home-wrap{display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:40px;padding-block:27px}.home-pricing-intro p{margin:0;font-size:13px;color:var(--oc-muted);max-width:32ch}.home-price{display:flex;align-items:center;justify-content:space-between;gap:20px;text-decoration:none;min-height:52px;padding:0 25px;border-left:1px solid #bbc8b4}.home-price span{font-size:16px}.home-price strong{font:500 31px/1 var(--oc-serif);font-variant-numeric:tabular-nums}.home-price:hover{text-decoration:underline;text-underline-offset:7px}
.home-section{padding-block:100px}.home-section-heading{margin-bottom:40px;max-width:730px}.home-section-heading .oc-kicker{margin:0 0 16px}.home-section-heading h2{font-size:clamp(42px,4.1vw,60px);line-height:1.05;letter-spacing:-.025em;margin:0 0 20px}.home-section-heading>p:last-child{font-size:16px;line-height:1.7;max-width:58ch;color:var(--oc-muted)}
.home-included{display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;padding:25px 0;border-block:1px solid var(--oc-line);margin-top:40px;font-size:13px;color:var(--oc-muted)}.home-included strong{color:var(--oc-ink)}.home-compare{margin-top:14px}
.home-studio{background:#edf0e7;border-block:1px solid var(--oc-line)}.home-studio-layout{display:grid;grid-template-columns:.85fr 1.3fr;gap:70px;align-items:center}.home-studio-copy h2{font-size:clamp(43px,4.4vw,60px);line-height:1.08;letter-spacing:-.025em;margin:18px 0 24px}.home-studio-copy>p{font-size:16px;color:var(--oc-muted);line-height:1.75}.home-tools{list-style:none;padding:0;margin:26px 0}.home-tools li{font-size:15px;padding-block:11px;display:flex;gap:15px;align-items:baseline;border-bottom:1px solid #d3dccb}.home-tools li::before{content:'✓';font-size:12px;color:#55754b}.home-tool-preview{margin:0;min-width:0}.home-tool-preview img{display:block;width:100%;height:auto;border:1px solid #cbd7c5;box-shadow:0 18px 55px #16392b0d;border-radius:7px}.home-tool-preview figcaption{font-size:12px;color:var(--oc-muted);margin-top:15px;line-height:1.6}
.home-steps{display:grid;grid-template-columns:.7fr 1.3fr;gap:110px;padding-block:80px}.home-steps h2{font-size:47px;line-height:1.07;margin:16px 0 24px}.home-steps ol{list-style:none;margin:0;padding:0;counter-reset:begin}.home-steps li{display:grid;grid-template-columns:46px 1fr;gap:22px;padding-block:24px;border-bottom:1px solid var(--oc-line);counter-increment:begin}.home-steps li:first-child{padding-top:0}.home-steps li::before{content:counter(begin,decimal-leading-zero);font:400 26px/1.2 var(--oc-serif);color:var(--oc-gold)}.home-steps h3{font-size:27px;line-height:1.2;margin:0 0 8px;letter-spacing:-.01em}.home-steps li p{font-size:15px;color:var(--oc-muted);margin:0;line-height:1.7}
.home-pro{background:var(--oc-deep);color:var(--oc-paper)}.home-pro>.home-wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:75px;align-items:center}.home-pro .oc-kicker{color:#d5c29b}.home-pro h2{font-size:clamp(45px,4.5vw,63px);line-height:1.07;margin:17px 0 24px}.home-pro p{font-size:16px;line-height:1.7;color:#d0dfcc;max-width:42ch}.home-pro .home-actions{margin-top:28px;gap:22px}.home-pro-preview{margin:0;min-width:0}.home-pro-preview img{width:100%;height:auto;display:block;border-radius:5px;box-shadow:0 18px 50px #061d1870}.home-pro-preview figcaption{font-size:12px;color:#c4d1c0;line-height:1.7;margin-top:17px}
.home-story{display:grid;grid-template-columns:1.15fr 1fr;gap:105px}.home-story h2{font-size:53px;line-height:1.08;letter-spacing:-.025em;margin:17px 0 24px}.home-story p{font-size:16px;color:var(--oc-muted);line-height:1.8;max-width:44ch}.home-affiliate{border-left:1px solid #c7d1bd;padding-left:65px}.home-affiliate h3{font-size:39px;line-height:1.08;margin:18px 0 22px}.home-affiliate .home-rate{font:500 68px/1 var(--oc-serif);color:var(--oc-ink);margin:0 0 20px}.home-affiliate .home-rate span{display:block;font:13px/1.7 var(--oc-sans);margin-top:12px;color:var(--oc-muted)}
.home-faq{border-top:1px solid var(--oc-line);display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;padding-block:55px 90px}.home-faq h2{font-size:45px;line-height:1.1;margin:16px 0 0}.home-faq .public-faq{min-width:0}.home-end{background:#e8ede1;text-align:center;padding:75px 24px 85px}.home-end h2{font-size:clamp(43px,4.5vw,65px);line-height:1.05;margin:15px auto 27px;max-width:15ch}.home-end p:last-child{font-size:14px;color:var(--oc-muted);margin:20px 0 0}
@media(min-width:1500px){.home-hero-grid{padding-block:66px 80px}.home-invitation{max-width:435px}.home-invitation img{height:560px}}
@media(max-width:1180px){.home-wrap{width:calc(100% - 64px)}.home-hero-grid{gap:45px;min-height:590px;padding-block:42px}.home-hero h1{font-size:64px}.home-invitation{max-width:340px}.home-invitation img{height:445px}.home-actions{gap:14px}.home-studio-layout,.home-pro>.home-wrap{gap:40px}.home-steps,.home-story,.home-faq{gap:60px}.home-pricing-intro>.home-wrap{gap:15px}.home-affiliate{padding-left:40px}}
@media(max-width:760px){.home-wrap{width:calc(100% - 44px)}.home-hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:32px;padding-block:37px 30px;min-height:0}.home-hero-copy{max-width:500px}.home-hero .oc-kicker{font-size:10px;margin-bottom:18px}.home-hero h1{font-size:clamp(43px,11.4vw,58px);line-height:1.04;max-width:13ch;margin-bottom:21px;letter-spacing:-.025em}.home-hero-copy>p:not(.oc-kicker){font-size:15px;line-height:1.7;max-width:34ch;margin-bottom:22px}.home-hero .home-actions{gap:6px 23px}.home-hero .home-actions .oc-button{font-size:13px;padding:14px 20px}.home-hero .home-actions .oc-textlink{font-size:12px}.home-invitation{max-width:380px;align-self:center}.home-invitation img{height:auto;max-height:475px;object-fit:cover;aspect-ratio:.82;object-position:50% 48%}.home-invitation figcaption{margin-top:13px;font-size:12px}.home-pricing-intro>.home-wrap{grid-template-columns:1fr 1fr;gap:12px;padding-block:21px}.home-pricing-intro p{grid-column:1/-1;max-width:none;font-size:12px;text-align:center;margin-bottom:5px}.home-price{padding:8px 0;display:grid;gap:5px;text-align:center;min-height:70px;border:0}.home-price+.home-price{border-left:1px solid #bbc8b4}.home-price span{font-size:13px}.home-price strong{font-size:30px}.home-section{padding-block:58px}.home-section-heading{margin-bottom:28px}.home-section-heading h2{font-size:43px;max-width:13ch}.home-section-heading>p:last-child{font-size:15px}.home-included{margin-top:25px;gap:11px 24px;font-size:12px}.home-included strong{width:100%}.home-studio-layout{grid-template-columns:1fr;gap:32px}.home-studio-copy h2{font-size:43px;max-width:13ch}.home-studio-copy>p{font-size:15px}.home-tools{margin:20px 0}.home-tools li{font-size:14px}.home-steps{grid-template-columns:1fr;gap:30px;padding-block:55px}.home-steps h2{font-size:42px;max-width:12ch;margin:16px 0}.home-steps li{gap:12px;grid-template-columns:38px 1fr}.home-steps h3{font-size:26px}.home-pro>.home-wrap{grid-template-columns:1fr;gap:32px}.home-pro h2{font-size:46px;max-width:13ch}.home-pro p{font-size:15px}.home-pro .home-actions{margin-top:23px}.home-story{grid-template-columns:1fr;gap:35px}.home-story h2{font-size:44px;max-width:13ch}.home-story p{font-size:15px}.home-affiliate{border-left:0;border-top:1px solid var(--oc-line);padding:34px 0 0}.home-affiliate .home-rate{font-size:58px}.home-affiliate h3{font-size:37px}.home-faq{grid-template-columns:1fr;gap:21px;padding-block:34px 55px}.home-faq h2{font-size:40px}.home-end{padding-block:54px}.home-end h2{font-size:45px}.home-end p:last-child{font-size:13px}}
/* Homepage hero (v161, owner 7 Oct 2026): the page opens straight on the looping wedding scene (js/occasi-home-hero.js);
   the champagne scroll intro is retired (archive/home-intro-2026-10-06). Wide screens: the landscape film fills the hero,
   the copy on the left, the bottle and both glasses clear on the right. Upright screens (phones and upright tablets): the
   portrait film sits at the foot of the hero with its top feathered into the green, and the copy sits above the bottle,
   so both glasses always show. */
.home-scene-hero{position:relative;isolation:isolate;overflow:hidden;--scene-w:100vw;--scene-h:calc(var(--scene-w) * 1916 / 1080)}
.home-wedding-scene{position:absolute;inset:0;z-index:-2}
.home-wedding-scene picture{display:block;width:100%;height:100%}
.home-wedding-scene img,.home-hero-film{display:block;width:100%;height:100%;object-fit:cover;object-position:68% 70%}
.home-hero-film{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;pointer-events:none;background:transparent}
.home-hero-film.is-playing{opacity:1}
.home-scene-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#102a21 0,#102a21e0 24%,#102a2170 44%,#102a2100 62%),linear-gradient(180deg,#102a2159,#102a2100 24%)}
.home-scene-hero .home-hero-grid{display:flex;align-items:center;min-height:max(600px,calc(100svh - var(--oc-nav)));padding-block:56px}
.home-scene-hero .home-hero-copy{max-width:560px}
.home-scene-hero h1{max-width:12ch;font-size:clamp(50px,5vw,76px);line-height:1.03;text-wrap:balance}
.home-scene-hero h1 em{color:#e3cc9f}
.home-scene-hero .home-hero-copy>p:not(.oc-kicker){max-width:36ch;color:#f0ede2;margin-bottom:30px}
@media(min-width:1500px){.home-wedding-scene img,.home-hero-film{object-position:center 70%}}
@media(max-width:1180px){.home-scene-hero .home-hero-copy{max-width:440px}.home-scene-hero h1{font-size:clamp(46px,5.4vw,58px)}.home-wedding-scene img,.home-hero-film{object-position:78% 70%}}
@media(max-aspect-ratio:1/1){
 .home-scene-hero .home-hero-grid{display:block;min-height:0;padding-block:clamp(26px,6vw,52px) calc(var(--scene-h) * .66)}
 .home-scene-hero .home-hero-copy{max-width:520px}
 .home-scene-hero .oc-kicker{font-size:10px;letter-spacing:.16em;margin-bottom:16px}
 .home-scene-hero h1{font-size:clamp(36px,10.4vw,58px);line-height:1.05;max-width:13ch;margin-bottom:18px}
 .home-scene-hero .home-hero-copy>p:not(.oc-kicker){font-size:clamp(15px,3.9vw,17px);line-height:1.6;margin-bottom:22px}
 .home-wedding-scene{inset:auto 0 0 0;aspect-ratio:1080/1916;-webkit-mask:linear-gradient(180deg,transparent 0,#000 26%);mask:linear-gradient(180deg,transparent 0,#000 26%)}
 .home-wedding-scene img,.home-hero-film{object-position:center bottom}
 .home-scene-hero::after{background:linear-gradient(180deg,#102a21 0,#102a21f2 calc(100% - var(--scene-h) * .7),#102a2100 calc(100% - var(--scene-h) * .56))}
}
/* Phones turned sideways: a compact hero so the button is on the first screen. */
@media(min-aspect-ratio:1/1) and (max-height:520px){
 .home-scene-hero .home-hero-grid{min-height:calc(100svh - var(--oc-nav));padding-block:18px}
 .home-scene-hero .oc-kicker{font-size:9.5px;margin-bottom:10px}
 .home-scene-hero h1{font-size:clamp(30px,8.2svh,40px);max-width:14ch;margin-bottom:10px}
 .home-scene-hero .home-hero-copy>p:not(.oc-kicker){font-size:14px;line-height:1.5;margin-bottom:14px}
 .home-scene-hero .home-actions .oc-button{min-height:44px;padding:12px 20px}
}
/* Upright tablets: full width, the film would push the glasses below the first screen. Scale it to fit the screen's
   height instead, centred, its sides feathered into the green as well as its top. */
@media(max-aspect-ratio:1/1) and (min-width:600px){
 .home-scene-hero{--scene-w:min(100vw,calc((100svh - var(--oc-nav)) * .6))}
 .home-wedding-scene{left:50%;right:auto;width:var(--scene-w);transform:translateX(-50%);
  -webkit-mask:linear-gradient(180deg,transparent 0,#000 26%),linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent);-webkit-mask-composite:source-in;
  mask:linear-gradient(180deg,transparent 0,#000 26%),linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent);mask-composite:intersect}
 .home-scene-hero .home-hero-copy{margin-inline:auto;text-align:center}
 .home-scene-hero h1,.home-scene-hero .home-hero-copy>p:not(.oc-kicker){margin-inline:auto}
 .home-scene-hero .home-actions{justify-content:center}
}
.home-scene-hero .home-hero-copy{animation:none}
@media(prefers-reduced-motion:reduce){.home-hero-film{display:none}}

/* Standard / Signature (10 Oct 2026, owner: "sort out the home page"). Option B, the default: one real scene per
   collection (the captured Monogram opening, sealed envelope; the Pearl Lake hero film poster), a floating ivory card with the price and
   three real guest-view screens in slim light phones, in the same family as the invitations page worlds (cw-world).
   Options A and C are drawn by js/occasi-home-cards-preview.js on the dev server only (?cards=a|c). */
.home-tiers{display:grid;gap:28px;--tier-gold:#806437;--tier-ease:cubic-bezier(.22,.7,.2,1)}
.home-tier{position:relative;isolation:isolate;overflow:hidden;min-width:0;border-radius:6px;background:#efe9dc;color:var(--oc-ink);scroll-margin-top:96px}
.home-tier.is-signature{background:#e4e9f1}
.home-tier-scene{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.home-tier[data-scene=pearl-lake] .home-tier-scene{object-position:50% 60%}
.home-tier::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(255,253,248,.72),rgba(255,253,248,.18) 30%,transparent 46%)}

.home-tier-inner{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,64px);min-height:clamp(560px,46vw,640px);padding:clamp(28px,4vw,52px) clamp(28px,4.5vw,60px)}
.home-tier.is-flipped .home-tier-inner{grid-template-columns:minmax(0,1fr) minmax(300px,390px)}
.home-tier.is-flipped .home-tier-card{order:2}
.home-tier-card{position:relative;padding:38px 34px 34px;border-radius:16px;background:#fffdf8;box-shadow:0 30px 70px rgba(6,18,13,.26)}
.home-tier-card::before{content:'';position:absolute;inset:9px;border:1px solid rgba(128,100,55,.32);border-radius:10px;pointer-events:none}
.home-tier h3{margin:0;font:400 clamp(42px,3.7vw,56px)/1 var(--oc-serif);letter-spacing:-.015em;color:var(--oc-ink)}
.home-tier-line{margin:10px 0 0;font:italic 400 clamp(20px,1.6vw,23px)/1.3 var(--oc-serif);color:var(--tier-gold)}
.home-tier-price{display:flex;align-items:baseline;gap:8px;margin:24px 0 0;padding-top:20px;border-top:1px solid var(--oc-line)}
.home-tier-price strong{font:500 40px/1 var(--oc-serif);font-variant-numeric:lining-nums tabular-nums;color:var(--oc-ink)}
.home-tier-price span{font:500 13px/1 var(--oc-sans);letter-spacing:.04em;color:var(--oc-muted)}
.home-tier-copy{margin:16px 0 0;font-size:15px;line-height:1.65;color:var(--oc-muted);max-width:34ch;text-wrap:pretty}
.home-tier-card .home-tier-link{margin-top:24px}
.home-tier-phones{display:flex;align-items:flex-end;justify-content:center;margin:0;padding:0 0 4px;list-style:none}
.home-tier-phones li{position:relative;flex:none;margin-inline:clamp(-18px,-1.2vw,-8px)}
.home-tier-phones li:nth-child(1){rotate:-4deg;translate:0 20px}
.home-tier-phones li:nth-child(3){rotate:4deg;translate:0 20px}
.home-tier-phones li:nth-child(2){z-index:1}
.home-tier-phones li:hover,.home-tier-phones li:focus-within{z-index:2}
.home-phone{display:block;width:clamp(150px,15vw,210px);color:var(--oc-ink);text-decoration:none;transition:transform .5s var(--tier-ease)}
.home-phone-screen{display:block;aspect-ratio:400/866;padding:5px;border-radius:30px;background:#fbf9f3;box-shadow:0 24px 50px rgba(6,18,13,.3),0 2px 6px rgba(6,18,13,.12),inset 0 0 0 1px rgba(23,57,44,.1)}
.home-phone-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:25px;background:#ebe7dd}
.home-tier .home-phone-label{display:block;margin-top:14px;text-align:center;color:var(--oc-ink);text-shadow:0 0 10px rgba(255,253,248,.95),0 0 3px rgba(255,253,248,.9)}
.home-phone-label strong{display:block;font:500 15px/1.3 var(--oc-sans)}
.home-phone-label small{display:block;margin-top:3px;font:500 12.5px/1.3 var(--oc-sans);letter-spacing:.04em;opacity:.9}
.home-phone:hover,.home-phone:focus-visible{transform:translateY(-14px)}
.home-phone:focus-visible,.home-tier-link:focus-visible{outline:3px solid #a67b36;outline-offset:4px;border-radius:8px}
@media(max-width:900px){
 .home-tier-inner,.home-tier.is-flipped .home-tier-inner{grid-template-columns:1fr;min-height:0;gap:28px;padding:32px 24px 26px}
 .home-tier.is-flipped .home-tier-card{order:0}
 .home-tier-phones{order:-1}

 .home-phone{width:clamp(104px,28vw,190px)}
 .home-phone-label{margin-top:10px}
 .home-tier-copy{max-width:52ch}
}
@media(max-width:760px){
 .home-tiers{gap:20px;margin-inline:-6px}
 .home-tier-inner,.home-tier.is-flipped .home-tier-inner{padding:26px 14px 14px;gap:22px}
 .home-tier-card{padding:30px 24px 26px}
 .home-tier h3{font-size:42px}
 .home-tier-price strong{font-size:36px}
 .home-tier-phones li{margin-inline:-6px}
 .home-phone{width:calc((100vw - 60px) / 3 + 6px)}
 .home-tier-phones li:nth-child(1),.home-tier-phones li:nth-child(3){translate:0 12px}
 .home-phone-label strong{font-size:13px}
 .home-phone-label small{font-size:11.5px}
 .home-tier-card .home-tier-link{display:flex;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.home-phone{transition:none}.home-phone:hover,.home-phone:focus-visible{transform:none}}

/* Option A (?cards=a, dev only): three large phones per collection on a quiet panel, no scene. */
.home-tiers[data-cards=a]{grid-template-columns:1fr 1fr;gap:32px}
.home-tiers[data-cards=a] .home-tier{overflow:visible;border-radius:0;background:none;border-top:1px solid #aabbab;padding-top:24px}
.home-tiers[data-cards=a] .home-tier::before{content:none}
.home-tiers[data-cards=a] .home-tier-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.home-tiers[data-cards=a] .home-tier h3{font-size:clamp(36px,3vw,46px)}
.home-tiers[data-cards=a] .home-tier-line{margin-top:6px;font-size:19px}
.home-tiers[data-cards=a] .home-tier-price{margin:0;padding:0;border:0}
.home-tiers[data-cards=a] .home-tier-panel{display:grid;place-items:end center;padding:46px 12px 44px;border-radius:6px;background:linear-gradient(180deg,#f1eee5,#e6e9df)}
.home-tiers[data-cards=a] .is-signature .home-tier-panel{background:linear-gradient(180deg,#eef0f4,#dfe4ec)}
.home-tiers[data-cards=a] .home-phone{width:clamp(120px,12.6vw,176px);color:var(--oc-ink)}
.home-tiers[data-cards=a] .home-phone-label{color:var(--oc-ink);text-shadow:none}
.home-tiers[data-cards=a] .home-tier-foot{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-top:22px}
.home-tiers[data-cards=a] .home-tier-copy{margin:0}
.home-tiers[data-cards=a] .home-tier-foot .oc-textlink{flex:none;padding-block:0;font-size:13px}
@media(max-width:900px){.home-tiers[data-cards=a]{grid-template-columns:1fr}.home-tiers[data-cards=a] .home-phone{width:clamp(100px,27vw,180px)}}
@media(max-width:760px){.home-tiers[data-cards=a]{margin-inline:0}.home-tiers[data-cards=a] .home-tier-foot{display:block}.home-tiers[data-cards=a] .home-tier-foot .oc-textlink{margin-top:14px}}

/* Option C (?cards=c, dev only): an editorial split, what each collection includes, and a strip of real screens. */
.home-tiers[data-cards=c]{grid-template-columns:1fr 1fr;gap:0;border-block:1px solid var(--oc-line)}
.home-tiers[data-cards=c] .home-tier{overflow:visible;border-radius:0;background:none;padding:44px clamp(24px,3.4vw,52px) 48px 0}
.home-tiers[data-cards=c] .home-tier.is-signature{padding:44px 0 48px clamp(24px,3.4vw,52px);border-left:1px solid var(--oc-line)}
.home-tiers[data-cards=c] .home-tier::before{content:none}
.home-tiers[data-cards=c] .home-tier-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px}
.home-tiers[data-cards=c] .home-tier h3{font-size:clamp(48px,4.4vw,64px)}
.home-tiers[data-cards=c] .home-tier-price{margin:0;padding:0;border:0}
.home-tiers[data-cards=c] .home-tier-price strong{font-size:clamp(38px,3.2vw,46px)}
.home-tiers[data-cards=c] .home-tier-includes{margin:26px 0 30px;padding:0;list-style:none;font-size:15px;line-height:1.5;color:var(--oc-ink)}
.home-tiers[data-cards=c] .home-tier-includes li{display:flex;gap:14px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--oc-line)}
.home-tiers[data-cards=c] .home-tier-includes li::before{content:'';flex:none;width:14px;height:1px;background:var(--tier-gold);translate:0 -4px}
.home-tiers[data-cards=c] .home-tier-phones{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0;justify-content:stretch}
.home-tiers[data-cards=c] .home-tier-phones li{margin:0;rotate:none;translate:none}
.home-tiers[data-cards=c] .home-phone{width:auto;color:var(--oc-ink)}
.home-tiers[data-cards=c] .home-phone-screen{aspect-ratio:3/4;padding:0;border-radius:8px;overflow:hidden;background:#ebe7dd;box-shadow:0 1px 0 rgba(23,57,44,.06),0 14px 30px rgba(6,18,13,.12)}
.home-tiers[data-cards=c] .home-phone-screen img{border-radius:0}
.home-tiers[data-cards=c] .home-phone-label{color:var(--oc-ink);text-align:left;text-shadow:none}
.home-tiers[data-cards=c] .home-phone:hover,.home-tiers[data-cards=c] .home-phone:focus-visible{transform:translateY(-6px)}
.home-tiers[data-cards=c] .home-tier>.home-tier-link{margin-top:30px}
@media(max-width:900px){.home-tiers[data-cards=c]{grid-template-columns:1fr}.home-tiers[data-cards=c] .home-tier,.home-tiers[data-cards=c] .home-tier.is-signature{padding:36px 0;border-left:0}.home-tiers[data-cards=c] .home-tier.is-signature{border-top:1px solid var(--oc-line)}}
@media(max-width:760px){.home-tiers[data-cards=c]{margin-inline:0}.home-tiers[data-cards=c] .home-tier-phones{gap:8px}.home-tiers[data-cards=c] .home-tier>.home-tier-link{display:flex;justify-content:center}}
/* Fit fixes (10 Oct 2026): keep labels apart on narrow screens; let the extra options head rows wrap. */

@media(max-width:1180px){.home-tier .home-phone-label strong{font-size:13px}.home-tier .home-phone-label small{font-size:11.5px}}
.home-tiers[data-cards=a] .home-tier-head,.home-tiers[data-cards=c] .home-tier-head{flex-wrap:wrap}
@media(max-width:560px){.home-tiers[data-cards=a] .home-tier-head{display:block}.home-tiers[data-cards=a] .home-tier-price{margin-top:14px}}