.sf-trial-preparation-options { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; margin-bottom:32px; }
.sf-trial-preparation-options article { padding:28px; border:2px solid #10213f; border-radius:20px; background:#eaf7ff; box-shadow:5px 6px 0 #10213f; }
.sf-trial-preparation-options article:last-child { background:#fff9e7; }
.sf-trial-preparation-options .sf-trial-preparation-tag { display:inline-block; margin:0 0 14px; padding:6px 12px; border-radius:999px; background:#10213f; color:#fff; font-size:13px; font-weight:800; }
.sf-trial-preparation-options h3 { margin:0 0 14px; color:#10213f; font-size:22.4px; line-height:1.5; }
.sf-trial-preparation-options p { margin:0; color:#10213f; font-size:16px; line-height:1.8; }
.sf-trial-prepare .sf-trial-preparation-common { margin:40px 0 28px; color:#10213f; font-size:24px; font-weight:900; line-height:1.7; text-align:center; }
.sf-trial-preparation-common::after { content:''; display:block; width:12px; height:12px; margin:14px auto 0; border-right:3px solid #0878b2; border-bottom:3px solid #0878b2; transform:rotate(45deg); }
@media(max-width:760px){.sf-trial-prepare .sf-trial-preparation-common{font-size:20px;margin:32px 0 24px;text-align:center}}
@media(max-width:760px){.sf-trial-preparation-options{grid-template-columns:1fr;gap:20px}.sf-trial-preparation-options article{padding:24px 20px}.sf-trial-preparation-options h3{font-size:20px}.sf-trial-preparation-common{text-align:left}}

:root {
  --sf-trial-ink: #202020;
  --sf-trial-navy: #1f2d44;
  --sf-trial-blue: #0878b2;
  --sf-trial-sky: #59b7e8;
  --sf-trial-yellow: #ffe600;
  --sf-trial-ivory: #fffaf1;
  --sf-trial-coral: #ff675f;
  --sf-trial-line: 3px solid var(--sf-trial-ink);
}

.sf-trial-page,
.sf-trial-page button,
.sf-trial-page a { font-family: "Noto Sans JP", sans-serif; }
.sf-trial-page { margin: 0; color: var(--sf-trial-ink); background: var(--sf-trial-ivory); }
.sf-trial-main { overflow: hidden; }
.sf-trial-main *, .sf-trial-main *::before, .sf-trial-main *::after { box-sizing: border-box; }
.sf-trial-main img { display: block; max-width: 100%; height: auto; }
.sf-trial-main p, .sf-trial-main li { font-size: 16px; line-height: 1.8; }
.sf-trial-main h1, .sf-trial-main h2, .sf-trial-main h3, .sf-trial-main p, .sf-trial-main figure { margin-top: 0; }
.sf-trial-kicker { margin: 0 0 18px; color: var(--sf-trial-sky); font-size: 12px !important; font-weight: 900; line-height: 1.4 !important; letter-spacing: .18em; }

.sf-trial-hero { position: relative; padding: 92px 0 88px; overflow: hidden; border-bottom: var(--sf-trial-line); background: var(--sf-trial-ink); color: #fff; text-align: center; }
.sf-trial-hero::before, .sf-trial-hero::after { content: ""; position: absolute; border: 3px solid rgba(255,255,255,.2); border-radius: 50%; pointer-events: none; }
.sf-trial-hero::before { width: 310px; height: 310px; top: -180px; left: -70px; background: var(--sf-trial-blue); }
.sf-trial-hero::after { width: 210px; height: 210px; right: -55px; bottom: -115px; background: var(--sf-trial-coral); }
.sf-trial-hero-inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; }
.sf-trial-hero h1 { margin: 0; color: #fff; font-size: clamp(48px,5vw,64px); font-weight: 900; line-height: 1.16; letter-spacing: -.055em; }
.sf-trial-hero h1 span { color: var(--sf-trial-coral); }
.sf-trial-hero-copy { margin: 24px 0 0; color: #e8eaed; font-weight: 700; }
.sf-trial-hero-copy strong { color: var(--sf-trial-yellow); font-size: 1.15em; font-weight: 900; }
.sf-trial-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 28px; }
.sf-trial-tags span { min-width: 118px; padding: 9px 15px 10px; border: 2px solid #686868; border-radius: 999px; color: #fff; font-size: 14px; font-weight: 900; line-height: 1; }
.sf-trial-tags span:last-child { min-width: 238px; }

.sf-trial-button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 64px; padding: 16px 30px; border: var(--sf-trial-line); border-radius: 999px; font-size: 16px; font-weight: 900; line-height: 1.25; text-align: center; text-decoration: none; transition: transform .2s, background .2s, color .2s, filter .2s, box-shadow .2s; }
.sf-trial-button span { font-size: 1.25em; }
.sf-trial-button-primary { min-width: 350px; margin-top: 34px; background: var(--sf-trial-blue); box-shadow: 0 8px 0 #0e1728; color: #fff !important; }
.sf-trial-button:hover, .sf-trial-button:focus-visible { background: var(--sf-trial-yellow); color: var(--sf-trial-ink) !important; transform: translateY(-3px); filter: drop-shadow(0 0 11px rgba(255,230,0,.8)); outline: none; }

.sf-trial-intro { padding: 92px 0 104px; border-bottom: var(--sf-trial-line); background: var(--sf-trial-coral); }
.sf-trial-section-head { max-width: 900px; margin: 0 auto 52px; text-align: center; }
.sf-trial-section-head h2, .sf-trial-cta h2 { margin: 0; font-size: clamp(42px,5vw,64px); font-weight: 900; line-height: 1.16; letter-spacing: -.055em; }
.sf-trial-section-head > p:last-child { max-width: 760px; margin: 22px auto 0; color: #3f3f3f; font-weight: 700; }
.sf-trial-intro .sf-trial-kicker { color: #10213f; }
.sf-trial-intro-grid { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); gap: 38px; align-items: stretch; }
.sf-trial-video-wrap, .sf-trial-intro-copy { min-width: 0; }
.sf-trial-video-wrap { display: flex; align-items: center; }
.sf-trial-video, .sf-trial-video-wrap iframe { display: block; width: 100%; aspect-ratio: 16/9; border: var(--sf-trial-line); border-radius: 24px; background: #000; box-shadow: 8px 9px 0 var(--sf-trial-ink); }
.sf-trial-video { position: relative; padding: 0; overflow: hidden; cursor: pointer; }
.sf-trial-video img { width: 100%; height: 100%; object-fit: cover; }
.sf-trial-video b { position: absolute; right: 13px; bottom: 13px; padding: 7px 12px; border-radius: 999px; background: rgba(32,32,32,.9); color: #fff; font-size: 12px; }
.sf-trial-play { position: absolute; inset: 50% auto auto 50%; display: grid; place-items: center; width: 68px; height: 68px; border: 3px solid #fff; border-radius: 50%; background: var(--sf-trial-ink); color: #fff; font-size: 23px; transform: translate(-50%,-50%); box-shadow: 0 6px 0 rgba(0,0,0,.45); }
.sf-trial-video:hover, .sf-trial-video:focus-visible { filter: drop-shadow(0 0 10px rgba(255,230,0,.85)); outline: 4px solid var(--sf-trial-yellow); outline-offset: -4px; }
.sf-trial-intro-copy { padding: 30px 32px; border: var(--sf-trial-line); border-radius: 24px; background: #fff; box-shadow: 8px 9px 0 var(--sf-trial-ink); }
.sf-trial-copy-lead { margin-bottom: 18px; font-weight: 900; }
.sf-trial-check-list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.sf-trial-check-list li { position: relative; margin: 0; padding: 14px 0 14px 40px; border-top: 2px solid #d7d7d7; font-weight: 800; }
.sf-trial-check-list li::before { content: "✓"; position: absolute; left: 0; top: 14px; display: grid; place-items: center; width: 26px; height: 26px; border: 2px solid var(--sf-trial-ink); border-radius: 7px; background: var(--sf-trial-yellow); font-size: 17px; font-weight: 900; line-height: 1; }
.sf-trial-highlight { margin-top: 20px; padding: 19px 21px; border: 2px solid var(--sf-trial-ink); border-radius: 16px; background: #fff8c7; }
.sf-trial-highlight strong { display: block; margin-bottom: 7px; font-size: 18px; font-weight: 900; }
.sf-trial-highlight p { margin: 0; font-size: 14px; }

.sf-trial-curriculum { position: relative; isolation: isolate; padding: 92px 0 102px; overflow: hidden; border-bottom: var(--sf-trial-line); background-color: #9bdcf3; background-image: linear-gradient(rgba(255,255,255,.19) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.19) 1px,transparent 1px); background-size: 42px 42px; }
.sf-trial-curriculum::after { content: ""; position: absolute; z-index: 0; inset: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 760' preserveAspectRatio='xMidYMid slice'%3E%3Cpath d='M0 470 L250 315 L430 385 L800 120 L1080 355 L1285 250 L1600 455 V760 H0 Z' fill='%23ffffff' fill-opacity='.18'/%3E%3Cpath d='M0 570 L330 405 L505 455 L800 170 L1060 445 L1240 360 L1600 550 V760 H0 Z' fill='%230878b2' fill-opacity='.09'/%3E%3Cpath d='M160 760 L758 158 L842 158 L1440 760 Z' fill='%231f2d44' fill-opacity='.17'/%3E%3Cpath d='M160 760 L758 158 M1440 760 L842 158' fill='none' stroke='%23ffffff' stroke-opacity='.46' stroke-width='5'/%3E%3Cpath d='M800 716 L800 638 M800 574 L800 512 M800 458 L800 412 M800 372 L800 338 M800 307 L800 282 M800 260 L800 241 M800 224 L800 210' fill='none' stroke='%23ffffff' stroke-opacity='.62' stroke-width='13' stroke-linecap='round'/%3E%3Cpath d='M800 158 V92' fill='none' stroke='%231f2d44' stroke-opacity='.5' stroke-width='5'/%3E%3Cpath d='M804 94 L866 112 L804 132 Z' fill='%23ffe600' fill-opacity='.78'/%3E%3Ccircle cx='800' cy='158' r='13' fill='%23ffe600' fill-opacity='.58'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: cover; pointer-events: none; }
.sf-trial-curriculum-inner { position: relative; z-index: 1; display: grid; gap: 28px; }
.sf-trial-curriculum-head { text-align: center; }
.sf-trial-curriculum-head .sf-trial-kicker { color: #10213f; }
.sf-trial-curriculum-head h2 { margin: 0; font-size: clamp(42px,5vw,64px); font-weight: 900; line-height: 1.16; letter-spacing: -.055em; }
.sf-trial-curriculum-head h2 span { display: block; }
.sf-trial-curriculum-body { display: grid; grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr); gap: 42px; align-items: stretch; min-width: 0; }
.sf-trial-curriculum-left { min-width: 0; }
.sf-trial-curriculum-copy { height: 100%; min-width: 0; padding: 24px 28px 28px; border: 2px solid var(--sf-trial-ink); border-radius: 18px; background: rgba(255,255,255,.94); box-shadow: 6px 7px 0 var(--sf-trial-ink); text-align: left; }
.sf-trial-curriculum-copy p { margin: 0; color: #26323d; font-weight: 700; }
.sf-trial-curriculum-copy p + p { margin-top: 14px; padding-top: 14px; border-top: 2px solid #d9d9d9; }
.sf-trial-curriculum-label { display: table; margin-bottom: 14px; padding: 5px 9px 6px; border-radius: 5px; background: var(--sf-trial-ink); color: #fff; font-family: Arial, sans-serif; font-size: 11px; font-weight: 900; line-height: 1; letter-spacing: .12em; }
.sf-trial-curriculum-copy strong { padding: 0 .06em; background: linear-gradient(transparent 58%,rgba(255,230,0,.82) 58%); -webkit-box-decoration-break: clone; box-decoration-break: clone; font-weight: 900; }
.sf-trial-curriculum-examples { display: grid; grid-template-rows: auto repeat(3,1fr); gap: 0; min-width: 0; padding: 20px 22px 18px; overflow: hidden; border: 2px solid var(--sf-trial-ink); border-radius: 18px; background: var(--sf-trial-coral); box-shadow: 6px 7px 0 var(--sf-trial-ink); color: #fff; }
.sf-trial-curriculum-examples h3 { position: relative; isolation: isolate; margin: 0 0 10px; color: #fff; font-size: 18px; font-weight: 900; line-height: 1.4; }
.sf-trial-curriculum-examples h3::before { content: ""; position: absolute; z-index: -1; top: -20px; right: -22px; bottom: -10px; left: -22px; border-bottom: 2px solid rgba(32,32,32,.45); background: #d94e48; }
.sf-trial-curriculum-examples a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 0; padding: 10px 6px; border: 0; border-top: 1px solid rgba(255,255,255,.28); border-radius: 0; background: transparent; color: #fff !important; font-size: 14px; font-weight: 900; line-height: 1.5; text-decoration: none; transition: background .2s,color .2s,filter .2s; }
.sf-trial-curriculum-examples a b { flex: 0 0 auto; color: var(--sf-trial-yellow); font-size: 18px; line-height: 1; }
.sf-trial-curriculum-examples a:hover, .sf-trial-curriculum-examples a:focus-visible { border-radius: 8px; background: var(--sf-trial-yellow); color: var(--sf-trial-ink) !important; filter: drop-shadow(0 0 9px rgba(255,230,0,.78)); outline: none; }
.sf-trial-curriculum-examples a:hover b, .sf-trial-curriculum-examples a:focus-visible b { color: var(--sf-trial-ink); }

.sf-trial-confirm { padding: 90px 0 100px; border-bottom: var(--sf-trial-line); background: var(--sf-trial-navy); color: #fff; }
.sf-trial-confirm .sf-trial-section-head h2 { color: #fff; }
.sf-trial-confirm-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.sf-trial-confirm-card { padding: 30px 28px 32px; border: var(--sf-trial-line); border-radius: 24px; background: #fff; box-shadow: 8px 9px 0 #0e1728; color: var(--sf-trial-ink); }
.sf-trial-card-heading { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; padding-bottom: 18px; border-bottom: 2px solid #d7d7d7; }
.sf-trial-card-heading span { color: var(--sf-trial-coral); font-family: Arial, sans-serif; font-size: 48px; font-weight: 900; line-height: .9; letter-spacing: -.08em; }
.sf-trial-card-heading h3 { margin: 0; font-size: 22.4px; font-weight: 900; line-height: 1.4; }
.sf-trial-confirm-card p { margin: 0; color: #4a4a4a; }

.sf-trial-prepare { padding: 92px 0 106px; border-bottom: var(--sf-trial-line); background: var(--sf-trial-ivory); }
.sf-trial-prepare-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
.sf-trial-prepare-card { position: relative; padding: 34px 36px 38px; overflow: hidden; border: var(--sf-trial-line); border-radius: 28px; background: #fff; box-shadow: 9px 10px 0 var(--sf-trial-ink); }
.sf-trial-prepare-card > figure { width: 188px; margin: 0 auto 22px; }
.sf-trial-prepare-card figure img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.sf-trial-prepare-card h3 { margin: 0 0 16px; font-size: 22.4px; font-weight: 900; line-height: 1.4; text-align: center; }
.sf-trial-prepare-card p { margin-bottom: 12px; color: #474747; }
.sf-trial-prepare-card p:last-child { margin-bottom: 0; }
.sf-trial-note { display: inline-block; padding: 5px 10px; border-radius: 6px; background: #fff4b0; font-size: 14px !important; font-weight: 800; }
.sf-trial-prepare-check-list { margin: 20px 0 0; padding: 0; list-style: none; }
.sf-trial-prepare-check-list li { position: relative; padding-left: 40px; font-weight: 800; }
.sf-trial-prepare-check-list li + li { margin-top: 12px; }
.sf-trial-prepare-check-list li::before { content: "✓"; position: absolute; left: 0; top: .1em; display: grid; place-items: center; width: 26px; height: 26px; border: 2px solid var(--sf-trial-ink); border-radius: 6px; background: #fff !important; color: var(--sf-trial-ink); font-size: 17px; font-weight: 900; line-height: 1; }
.sf-trial-teams-card { grid-column: 1 / -1; }
.sf-trial-teams-intro { display: grid; grid-template-columns: 190px minmax(0,1fr); gap: 30px; align-items: center; max-width: 880px; margin: 0 auto 34px; }
.sf-trial-teams-intro figure { margin: 0; overflow: hidden; border: var(--sf-trial-line); border-radius: 22px; }
.sf-trial-teams-intro h3 { text-align: left; }
.sf-trial-setup-videos { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; padding-top: 30px; border-top: 2px solid #dedede; }
.sf-trial-setup-videos > article { padding: 22px; border: 2px solid var(--sf-trial-ink); border-radius: 22px; background: #f5f8fb; }
.sf-trial-setup-videos h4 { margin: 0 0 16px; font-size: 20px; font-weight: 900; }
.sf-trial-mini-video { border-radius: 16px; box-shadow: 6px 7px 0 var(--sf-trial-ink); }
.sf-trial-setup-poster, .sf-trial-mini-video iframe { display: block; width: 100%; aspect-ratio: 4/3; margin: 0; padding: 0; overflow: hidden; border: 0; border-radius: 16px; background: #000; cursor: pointer; }
.sf-trial-setup-poster { position: relative; }
.sf-trial-setup-poster img { width: 100%; height: 100%; object-fit: cover; }
.sf-trial-setup-poster .sf-trial-play { width: 64px; height: 64px; font-size: 21px; }
.sf-trial-download { display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 52px; margin-top: 20px; padding: 12px 20px; border: var(--sf-trial-line); border-radius: 999px; background: var(--sf-trial-blue); box-shadow: 0 6px 0 var(--sf-trial-ink); color: #fff !important; font-size: 15px; font-weight: 900; text-decoration: none; transition: transform .2s, background .2s, color .2s, box-shadow .2s, filter .2s; }
.sf-trial-download:hover, .sf-trial-download:focus-visible { background: var(--sf-trial-yellow); color: var(--sf-trial-ink) !important; transform: translateY(-3px); filter: drop-shadow(0 0 10px rgba(255,230,0,.75)); outline: none; }

.sf-trial-cta { padding: 82px 0 96px; background: var(--sf-trial-yellow); }
.sf-trial-cta-inner { display: block; max-width: 1000px; text-align: center; }
.sf-trial-cta .sf-trial-kicker { color: #10213f; }
.sf-trial-cta h2 { font-size: clamp(36px,4vw,54px); }
.sf-trial-cta p:last-child { max-width: 720px; margin: 20px auto 0; color: #414141; font-weight: 700; }
.sf-trial-cta-action { margin-top: 42px; padding: 28px; border: var(--sf-trial-line); border-radius: 28px; background: #fff; box-shadow: 10px 11px 0 var(--sf-trial-ink); }
.sf-trial-button-dark { width: 100%; min-height: 112px; padding: 24px 38px; border-radius: 20px; background: var(--sf-trial-navy); box-shadow: 0 8px 0 #0e1728; color: #fff !important; font-size: clamp(22px,2.4vw,30px); }
.sf-trial-cta-icon { display: grid; flex: 0 0 48px; place-items: center; width: 48px; height: 48px; border: 3px solid #fff; border-radius: 14px; font-family: Arial, sans-serif; font-size: 27px !important; font-weight: 900; line-height: 1; }
.sf-trial-cta-label { font-size: 1em !important; }
.sf-trial-cta-arrow { margin-left: 6px; font-family: Arial, sans-serif; font-size: 1.35em !important; line-height: 1; }
.sf-trial-button-dark:hover, .sf-trial-button-dark:focus-visible { background: var(--sf-trial-coral); color: #fff !important; filter: drop-shadow(0 0 10px rgba(255,103,95,.78)); }

@media (max-width: 1040px) {
  .sf-trial-intro-grid { grid-template-columns: 1fr; }
  .sf-trial-video-wrap { max-width: 760px; margin: 0 auto; width: 100%; }
  .sf-trial-curriculum-body { grid-template-columns: 1fr; gap: 28px; }
  .sf-trial-curriculum-copy { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 30px; }
  .sf-trial-curriculum-copy p + p { margin-top: 0; padding-top: 0; padding-left: 30px; border-top: 0; border-left: 2px solid #d9d9d9; }
  .sf-trial-curriculum-label { grid-column: 1 / -1; }
  .sf-trial-curriculum-examples { grid-template-columns: 1fr; }
  .sf-trial-curriculum-examples a { min-height: 56px; padding: 11px 8px; font-size: 13px; }
  .sf-trial-confirm-grid { grid-template-columns: 1fr; }
  .sf-trial-prepare-grid { grid-template-columns: 1fr; }
  .sf-trial-cta-inner { text-align: center; }
}

@media (max-width: 760px) {
  .sf-trial-hero { padding: 58px 0 58px; }
  .sf-trial-hero::before { width: 190px; height: 190px; top: -130px; left: -80px; }
  .sf-trial-hero::after { width: 140px; height: 140px; right: -55px; bottom: -80px; }
  .sf-trial-hero h1 { font-size: 32px; line-height: 1.22; }
  .sf-trial-hero-copy { margin-top: 18px; }
  .sf-trial-tags { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: 100%; gap: 7px; margin-top: 23px; }
  .sf-trial-tags span, .sf-trial-tags span:last-child { min-width: 0; padding: 8px 4px 9px; font-size: 11px; }
  .sf-trial-button-primary { min-width: 0; width: 100%; margin-top: 28px; }
  .sf-trial-kicker { margin-bottom: 13px; }
  .sf-trial-intro, .sf-trial-confirm, .sf-trial-curriculum, .sf-trial-prepare { padding: 62px 0 72px; }
  .sf-trial-section-head { margin-bottom: 36px; text-align: left; }
  .sf-trial-section-head h2, .sf-trial-cta h2 { font-size: 32px; line-height: 1.22; letter-spacing: -.045em; }
  .sf-trial-section-head > p:last-child { margin-top: 18px; }
  .sf-trial-intro-grid { gap: 25px; }
  .sf-trial-video, .sf-trial-video-wrap iframe { border-radius: 16px; box-shadow: 6px 7px 0 var(--sf-trial-ink); }
  .sf-trial-play { width: 58px; height: 58px; font-size: 19px; }
  .sf-trial-intro-copy { padding: 24px 20px 25px; border-radius: 20px; box-shadow: 6px 7px 0 var(--sf-trial-ink); }
  .sf-trial-check-list li { padding-left: 37px; }
  .sf-trial-curriculum-inner { gap: 22px; }
  .sf-trial-curriculum-head h2 { font-size: clamp(22px,6.2vw,25px); line-height: 1.25; letter-spacing: -.075em; }
  .sf-trial-curriculum-copy { display: block; padding: 20px 18px 22px; border-radius: 16px; box-shadow: 5px 6px 0 var(--sf-trial-ink); }
  .sf-trial-curriculum-copy p + p { margin-top: 14px; padding-top: 14px; padding-left: 0; border-top: 2px solid #d9d9d9; border-left: 0; }
  .sf-trial-curriculum-examples { grid-template-columns: 1fr; gap: 0; padding: 18px 16px 16px; border-radius: 16px; box-shadow: 5px 6px 0 var(--sf-trial-ink); }
  .sf-trial-curriculum-examples h3::before { top: -18px; right: -16px; left: -16px; }
  .sf-trial-curriculum-examples a { min-height: 52px; padding: 10px 5px; font-size: 12px; }
  .sf-trial-confirm-grid, .sf-trial-prepare-grid { gap: 22px; }
  .sf-trial-confirm-card { padding: 24px 20px 26px; border-radius: 20px; box-shadow: 6px 7px 0 #0e1728; }
  .sf-trial-card-heading { gap: 12px; margin-bottom: 16px; padding-bottom: 15px; }
  .sf-trial-card-heading span { font-size: 42px; }
  .sf-trial-card-heading h3, .sf-trial-prepare-card h3 { font-size: 20px; line-height: 1.42; }
  .sf-trial-prepare h2 { font-size: 30px; letter-spacing: -.065em; }
  .sf-trial-prepare-card { padding: 28px 22px 30px; border-radius: 22px; box-shadow: 7px 8px 0 var(--sf-trial-ink); }
  .sf-trial-prepare-card > figure { width: 142px; }
  .sf-trial-teams-card { grid-column: auto; }
  .sf-trial-teams-intro { grid-template-columns: 92px minmax(0,1fr); gap: 18px; margin-bottom: 28px; }
  .sf-trial-teams-intro h3 { margin-bottom: 10px; }
  .sf-trial-teams-intro p { grid-column: 1 / -1; }
  .sf-trial-teams-intro > div { display: contents; }
  .sf-trial-setup-videos { grid-template-columns: 1fr; gap: 22px; padding-top: 24px; }
  .sf-trial-setup-videos > article { padding: 17px; }
  .sf-trial-download { min-height: 50px; }
  .sf-trial-cta { padding: 62px 0 74px; }
  .sf-trial-cta-action { margin-top: 30px; padding: 14px; border-radius: 20px; box-shadow: 6px 7px 0 var(--sf-trial-ink); }
  .sf-trial-button-dark { min-width: 0; width: 100%; min-height: 86px; padding: 16px 18px; border-radius: 15px; font-size: 16px; }
  .sf-trial-cta-icon { display: none; }
  .sf-trial-cta-arrow { margin-left: 0; font-size: 1.25em !important; }
}

@media (prefers-reduced-motion: reduce) {
  .sf-trial-page *, .sf-trial-page *::before, .sf-trial-page *::after { scroll-behavior: auto !important; transition: none !important; }
}