:root {
  color-scheme: light;
  font-family: system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  font-synthesis: none;
  text-size-adjust: 100%;
  --canvas: #e0ebf5;
  --surface: #f8fbff;
  --surface-blue: #d7e7f4;
  --line: #c0d1e1;
  --ink: #0d2948;
  --deep: #123c66;
  --muted: #415f78;
  --blue: #1765a9;
  --orange: #e86a29;
  --orange-dark: #c54d14;
  --orange-light: #fff0df;
  --navy: #0a3054;
  --shadow: 0 15px 42px rgba(13, 45, 75, .09);
}
*,*::before,*::after { box-sizing: border-box; }
html { scroll-behavior:smooth; }
body { min-width:320px; margin:0; color:var(--ink); background:var(--canvas); -webkit-font-smoothing:antialiased; }
h1,h2,h3,p,figure,blockquote { margin:0; }
img { display:block; max-width:100%; height:auto; }
a { color:inherit; }
a:focus-visible { outline:3px solid #f47b34; outline-offset:4px; }
.page { overflow:clip; }
.container { width:min(1200px,calc(100% - 80px)); margin-inline:auto; }
.skip-link { position:absolute; top:-110px; left:18px; z-index:100; padding:11px 16px; background:#fff; border:2px solid var(--blue); color:var(--ink); border-radius:10px; font-weight:800; }
.skip-link:focus { top:12px; }
.kicker { display:inline-block; color:var(--blue); font-weight:850; font-size:12px; letter-spacing:.13em; line-height:1.6; }
header { display:flex; align-items:center; justify-content:space-between; gap:22px; padding:8px 0 1px; min-height:88px; }
.widebrand { width:285px; height:auto; flex:0 1 auto; }
.status { display:inline-flex; align-items:center; gap:10px; white-space:nowrap; padding:11px 15px; border-radius:30px; border:1px solid #bad1e7; color:var(--deep); background:rgba(255,255,255,.74); font-size:11px; font-weight:850; letter-spacing:.075em; box-shadow:0 5px 17px #1f639214; }
.led { display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 5px #f2772d21; animation:beacon 3.4s ease-in-out infinite; }
.hero { display:grid; grid-template-columns:1.06fr .94fr; align-items:center; gap:46px; padding:8px 0 40px; }
.herotext { padding-bottom:2px; }
.hero h1 { margin:14px 0 16px; font-size:clamp(38px,3.7vw,53px); line-height:1.14; font-weight:860; letter-spacing:-.052em; text-wrap:balance; }
.hero h1 span { color:var(--orange-dark); }
.subtitle { margin-bottom:18px; color:var(--deep); font-size:clamp(20px,2.15vw,27px); line-height:1.32; font-weight:720; letter-spacing:-.025em; }
.subtitle strong { color:var(--blue); }
.intro { max-width:555px; color:var(--muted); font-size:15px; line-height:1.74; }
.soon { display:inline-flex; align-items:center; gap:10px; margin-top:23px; padding:15px 22px; color:#fff; background:linear-gradient(105deg,#db5b1f,#f58b38); box-shadow:0 12px 25px #c45d2c35; border-radius:11px; font-size:18px; font-weight:820; letter-spacing:.005em; }
.soon span { font-size:20px; }
.micro { margin-top:15px; color:var(--muted); font-size:13px; font-weight:600; line-height:1.5; }
.micro strong { display:inline-block; color:var(--blue); }
.art { position:relative; min-height:445px; overflow:hidden; isolation:isolate; border:1px solid #87accd; border-radius:28px; background:radial-gradient(ellipse at 72% 30%,#376f9b 0%,transparent 56%),linear-gradient(142deg,#296d9f 0%,#0a345d 72%,#072946 100%); box-shadow:0 22px 42px #0d35553d; }
.art::before { content:""; position:absolute; width:450px; aspect-ratio:1; border-radius:50%; top:2%; left:5%; background:radial-gradient(circle,#4a91c24b,transparent 68%); animation:slowGlow 9s ease-in-out infinite alternate; }
.art::after { content:""; position:absolute; width:380px; height:380px; border-radius:50%; border:1px solid #ffffff26; right:-180px; bottom:-150px; }
.art .line { position:absolute; inset:18px; border:1px solid #ffffff35; border-radius:20px; }
.maincart { position:absolute; width:71%; height:70%; left:14.5%; top:16%; object-fit:contain; filter:drop-shadow(0 18px 17px #00203978); animation:gentleFloat 7s ease-in-out infinite; z-index:2; }
.art .badge,.art .stamp { position:absolute; z-index:4; display:block; max-width:62%; background:rgba(255,250,246,.97); box-shadow:0 8px 26px #071f3829; color:var(--deep); border-radius:11px; padding:11px 14px; font-size:12px; line-height:1.3; font-weight:830; }
.art .badge { top:22px; left:22px; border-left:4px solid #f48f3d; color:#ae4c18; }
.art .stamp { bottom:21px; left:22px; border-left:4px solid #6eb1e5; }
.outline-heart { position:absolute; display:block; width:136px; height:136px; right:3%; top:10%; color:#ffb160; transform:rotate(-9deg); opacity:.95; filter:drop-shadow(0 0 12px #fcb66c77); z-index:1; animation:softHeartbeat 7s ease-in-out infinite; }
.outline-heart svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.35; }
.sparkle { position:absolute; z-index:1; color:#ffc476; text-shadow:0 0 17px #ff9e507f; }
.sparkle-one { left:13%; top:30%; font-size:37px; }
.sparkle-two { right:11%; bottom:21%; font-size:19px; }
.benefit { padding:43px 0 50px; background:linear-gradient(180deg,#d9e9f5,#e6eff8); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.sectionintro { display:flex; align-items:end; justify-content:space-between; gap:26px; margin-bottom:24px; }
.sectionintro h2,.sectionhead h2 { font-size:clamp(27px,3.0vw,37px); line-height:1.18; font-weight:810; letter-spacing:-.037em; }
.sectionintro h2 { margin-top:7px; }
.sectionintro h2 span { color:var(--blue); }
.sectionintro p,.sectionhead>p { flex:0 1 375px; font-size:14px; line-height:1.65; color:var(--muted); }
.benefit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.benefitcard { display:flex; gap:16px; align-items:flex-start; min-height:156px; padding:23px 22px; border:1px solid #bad0e1; border-top:3px solid #4586b7; border-radius:16px; background:#f8fbff; box-shadow:var(--shadow); transition:transform .25s ease,box-shadow .25s ease; }
.benefitcard:nth-child(2) { border-top-color:#f0924d; }
.benefitcard:nth-child(3) { border-top-color:#6b9fbf; }
.benefitcard:hover { transform:translateY(-4px); box-shadow:0 17px 35px #164a7229; }
.benefitcard svg { flex:0 0 41px; width:41px; height:41px; color:var(--blue); }
.benefitcard:nth-child(2) svg { color:var(--orange); }
.benefitcard small { color:var(--blue); font-size:10px; font-weight:820; letter-spacing:.09em; }
.benefitcard h3 { margin:7px 0 8px; color:var(--ink); font-size:17px; letter-spacing:-.02em; }
.benefitcard p { color:var(--muted); font-size:13px; line-height:1.65; }
.quote-ribbon { position:relative; margin:0; padding:33px 24px 30px; text-align:center; background:linear-gradient(110deg,#0f406b,#153758 58%,#164e79); overflow:hidden; color:white; }
.quote-ribbon:after { content:""; position:absolute; right:-25px; top:-50px; width:240px; height:240px; border:1px solid #ffffff25; border-radius:50%; }
.quote-ribbon .quote-mark { display:block; height:25px; color:#ffa15d; font-size:57px; font-family:Georgia,serif; line-height:.8; }
.quote-ribbon p { max-width:920px; margin:10px auto; font-size:clamp(20px,2.2vw,29px); line-height:1.4; font-weight:720; letter-spacing:-.03em; }
.quote-emphasis { display:block; margin-top:9px; color:#fbd3af; font-size:12px; font-weight:700; letter-spacing:.05em; }
.explainer { padding:62px max(40px,calc((100vw - 1200px)/2)) 65px; background:#e6f0f8; }
.sectionhead { display:flex; align-items:end; justify-content:space-between; gap:36px; margin-bottom:25px; }
.sectionhead h2 { max-width:730px; margin-top:10px; }
.explainer-grid { display:grid; grid-template-columns:1.03fr .97fr; align-items:stretch; gap:20px; }
.explainer-grid article { min-width:0; padding:31px 30px; border:1px solid #c0d3e3; border-radius:19px; background:#f8fbff; box-shadow:0 9px 24px #0b3c620a; }
.explainer h3 { font-size:23px; letter-spacing:-.025em; line-height:1.25; margin-bottom:18px; }
.explainer p { margin:12px 0; color:var(--muted); font-size:14px; line-height:1.79; }
.explainer-prose blockquote { margin:23px 0 0; padding:16px 21px; border-left:4px solid var(--orange); background:#fff0e2; border-radius:3px 11px 11px 3px; color:var(--deep); font-size:16px; font-weight:760; line-height:1.6; }
.goals { display:flex; flex-direction:column; }
.goals ul { list-style:none; margin:2px 0 20px; padding:0; }
.goals li { position:relative; padding-left:29px; margin-bottom:16px; font-size:14px; line-height:1.64; color:var(--muted); }
.goals li::before { content:'✓'; display:grid; place-items:center; position:absolute; left:0; top:2px; width:19px; height:19px; border-radius:50%; background:#d1e7f8; color:#1261a9; font-size:12px; font-weight:900; }
.goals-visual { position:relative; margin-top:auto; min-height:215px; background:#0a3254; border-radius:16px; overflow:hidden; isolation:isolate; }
.goals-visual img { width:100%; height:auto; min-height:225px; object-fit:cover; }
.goals-visual::after { content:""; position:absolute; inset:42% 0 0; background:linear-gradient(transparent,#071f38d9); pointer-events:none; }
.goals-visual figcaption { position:absolute; z-index:2; left:25px; bottom:22px; max-width:86%; color:#fff; font-size:17px; line-height:1.38; font-weight:550; text-shadow:0 2px 9px #0a2840; }
.goals-visual figcaption strong { color:#ffd1a7; font-weight:800; }
.join { margin-top:20px; padding:25px 30px; background:linear-gradient(120deg,#d5e7f5,#e2eef8); border:1px solid #bfd4e6; border-radius:17px; }
.join h3 { font-size:21px; margin-bottom:16px; }
.join-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.join-grid p { margin:0; padding-right:17px; border-right:1px solid #bfd0df; font-size:13px; }
.join-grid p:last-child { border-right:0; }
.join-grid b { color:var(--deep); font-size:14px; }
.lastwords { position:relative; overflow:hidden; padding:42px 25px 45px; text-align:center; background:linear-gradient(115deg,#14385a,#234f76,#14385a); color:white; }
.lastwords::before { content:"♡"; position:absolute; right:8%; top:-21px; color:#ffac6d4b; font-size:185px; line-height:1; transform:rotate(-12deg); }
.lastwords span { position:relative; display:block; color:#ffd0a1; letter-spacing:.15em; font-size:11px; font-weight:820; }
.lastwords h2 { position:relative; margin:12px 0; color:#fff; font-size:clamp(24px,2.6vw,33px); line-height:1.28; font-weight:820; letter-spacing:-.03em; }
.lastwords p { position:relative; color:#d9e9f5; font-size:13px; line-height:1.7; }
.lastwords em { position:relative; display:block; color:#ffcc9a; margin-top:13px; font-size:15px; font-style:normal; font-weight:760; }
footer { padding:31px max(40px,calc((100vw - 1200px)/2)) 18px; background:#d5e4f1; color:#36516c; }
.socialbar { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-bottom:28px; border-bottom:1px solid #bdcfde; }
.socialbar small { display:block; font-size:10px; letter-spacing:.12em; font-weight:820; opacity:.85; }
.socialbar strong { display:block; font-size:20px; margin-top:7px; color:var(--deep); }
.socials { display:flex; flex-wrap:wrap; gap:7px; justify-content:flex-end; }
.social { display:inline-flex; gap:7px; align-items:center; min-height:39px; padding:5px 8px; border-radius:9px; border:1px solid #bcd0e0; background:#f9fcff; color:#173c60; font-size:11px; font-weight:750; text-decoration:none; transition:transform .22s ease,box-shadow .22s ease; }
.social:hover { transform:translateY(-3px); box-shadow:0 8px 15px #143e631f; }
.social-symbol { display:grid; place-items:center; width:24px; height:24px; flex:0 0 24px; border-radius:6px; background:#1877f2; }
.social-symbol img { width:16px; height:16px; filter:brightness(0) invert(1); }
.social-ig .social-symbol { background:linear-gradient(40deg,#ffc23b,#f04479,#713ccc); }
.social-x .social-symbol,.social-tt .social-symbol { background:#171b22; }
.social-yt .social-symbol { background:#f21325; }
.social-in .social-symbol { background:#0a66c2; }
.foot-brand { display:flex; align-items:center; justify-content:center; gap:49px; margin:22px auto 12px; }
.foot-brand .evlogo { width:118px; height:auto; }
.foot-brand .akalogo { width:153px; height:auto; }
.footnote { max-width:870px; margin:0 auto; text-align:center; color:#3b5471; font-size:12px; line-height:1.65; }
.footnote-line { display:block; }
.footnote-line + .footnote-line { margin-top:5px; }
.copyright { margin-top:20px; padding-top:15px; border-top:1px solid #bbcfdf; color:#526983; text-align:center; font-size:11px; }
.js-motion .reveal { opacity:0; transform:translateY(17px); transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1); }
.js-motion .reveal.is-visible { opacity:1; transform:translateY(0); }
.js-motion .benefitcard:nth-child(2) { transition-delay:.075s; }
.js-motion .benefitcard:nth-child(3) { transition-delay:.15s; }
@keyframes gentleFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-7px); } }
@keyframes softHeartbeat { 0%,25%,100% { transform:rotate(-9deg) scale(1); } 30% { transform:rotate(-9deg) scale(1.045); } 36% { transform:rotate(-9deg) scale(1); } 42% { transform:rotate(-9deg) scale(1.035); } }
@keyframes slowGlow { from { transform:translate(-10px,8px); opacity:.66; } to { transform:translate(30px,-10px); opacity:1; } }
@keyframes beacon { 0%,100% { box-shadow:0 0 0 5px #f2772d21; } 50% { box-shadow:0 0 0 8px #f2772d12; } }
@media (max-width:1100px) {
  .container { width:calc(100% - 62px); }
  .hero { gap:27px; }
  .hero h1 { font-size:clamp(35px,4.1vw,48px); }
  .art { min-height:385px; }
  .explainer { padding-left:31px; padding-right:31px; }
  footer { padding-left:31px; padding-right:31px; }
  .socialbar { align-items:flex-start; }
  .socials { max-width:550px; }
}
@media (max-width:760px) {
  .container { width:calc(100% - 38px); }
  header { min-height:70px; padding:8px 0 0; gap:8px; }
  .widebrand { width:min(225px,57vw); }
  .status { padding:8px 10px; gap:6px; font-size:8px; letter-spacing:0; }
  .led { width:6px; height:6px; }
  .hero { grid-template-columns:1fr; gap:25px; padding:13px 0 34px; }
  .hero h1 { margin:11px 0 12px; font-size:clamp(33px,8.3vw,49px); line-height:1.13; }
  .kicker { font-size:10px; letter-spacing:.09em; }
  .subtitle { font-size:clamp(20px,5vw,25px); margin-bottom:13px; }
  .intro { font-size:14px; line-height:1.66; }
  .soon { margin-top:19px; padding:13px 16px; font-size:15px; }
  .micro { margin-top:12px; font-size:12px; }
  .art { min-height:345px; border-radius:21px; }
  .maincart { width:65%; height:70%; left:17.5%; top:16%; }
  .art .badge,.art .stamp { font-size:10px; max-width:72%; padding:10px 11px; }
  .art .badge { top:16px; left:16px; }
  .art .stamp { bottom:16px; left:16px; }
  .outline-heart { width:92px; height:92px; right:4%; top:12%; }
  .benefit { padding:34px 0 39px; }
  .sectionintro,.sectionhead { display:block; margin-bottom:21px; }
  .sectionintro h2,.sectionhead h2 { font-size:clamp(27px,7vw,34px); }
  .sectionintro p,.sectionhead>p { margin-top:11px; max-width:none; font-size:13px; }
  .benefit-grid { grid-template-columns:1fr; gap:11px; }
  .benefitcard { min-height:0; padding:17px; }
  .benefitcard svg { width:35px; height:35px; flex-basis:35px; }
  .benefitcard h3 { font-size:16px; }
  .quote-ribbon { padding:30px 19px; }
  .quote-ribbon p { font-size:21px; }
  .quote-emphasis { font-size:10px; letter-spacing:0; }
  .explainer { padding:44px 19px 47px; }
  .explainer-grid { grid-template-columns:1fr; gap:14px; }
  .explainer-grid article { padding:23px 20px; }
  .explainer h3 { font-size:21px; }
  .explainer p,.goals li { font-size:13px; }
  .goals-visual { margin-top:7px; }
  .join { padding:22px 19px; }
  .join-grid { grid-template-columns:1fr; gap:13px; }
  .join-grid p { padding-right:0; padding-bottom:13px; border-right:0; border-bottom:1px solid #bfd0df; }
  .join-grid p:last-child { border-bottom:0; padding-bottom:0; }
  .lastwords { padding:38px 19px; }
  footer { padding:27px 19px 18px; }
  .socialbar { display:block; }
  .socialbar strong { font-size:18px; }
  .socials { justify-content:flex-start; margin-top:17px; }
  .social { min-height:41px; font-size:10px; }
  .foot-brand { gap:30px; }
  .foot-brand .evlogo { width:99px; }
  .foot-brand .akalogo { width:138px; }
  .footnote { font-size:11px; }
}
@media (max-width:370px) {
  .widebrand { width:187px; }
  .status { font-size:7px; }
  .hero h1 { font-size:32px; }
  .art { min-height:295px; }
  .maincart { width:69%; height:72%; left:15.5%; top:14%; }
  .art .badge,.art .stamp { max-width:82%; font-size:9px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none !important; transition:none !important; }
  .js-motion .reveal { opacity:1; transform:none; }
}
.hero h1{font-size:clamp(32px,3.12vw,45px);line-height:1.20;letter-spacing:-.043em;max-width:670px}
.subtitle{font-size:clamp(19px,1.85vw,24px)}
.sectionintro h2,.sectionhead h2{font-size:clamp(25px,2.45vw,32px);line-height:1.23;letter-spacing:-.032em}
.explainer-prose blockquote{border-left-color:#3d83b9;background:linear-gradient(125deg,#d9eafb,#e6f2fd);color:#133b62}
.quote-nextline{display:block;margin-top:4px}
.craft-story{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);min-height:180px;margin:22px 0 0;overflow:hidden;border:1px solid #bad0e1;border-radius:18px;background:linear-gradient(112deg,#f8fbff,#dfedf8);box-shadow:0 12px 28px #0a395410}
.craft-story-media{min-height:182px;border-right:1px solid #bdd1df}
.craft-story-text{align-self:center;padding:24px clamp(24px,3.2vw,46px)}
.craft-story-text h3{font-size:clamp(19px,2vw,26px);line-height:1.23;letter-spacing:-.03em;margin:8px 0 9px;color:var(--ink)}
.craft-story-text p{font-size:13px;line-height:1.68;color:var(--muted);max-width:54ch}
.stock-photo{position:relative;isolation:isolate;overflow:hidden;background-color:#a7c7df}
.stock-photo::before{content:'';position:absolute;inset:0;background:url('../images/emek-ve-umut.svg') center/cover no-repeat;z-index:0;opacity:.67}
.stock-photo::after{content:'';position:absolute;inset:0;z-index:1;transition:transform 1.1s cubic-bezier(.22,1,.36,1),filter 1s ease;background-repeat:no-repeat;background-position:center;background-size:cover}
.craft-story:hover .craft-story-media::after,.goals-stock:hover::after{transform:scale(1.055)}
.goals-stock{flex:none;margin:7px 0 12px;border-radius:15px;min-height:190px;display:flex;align-items:flex-end}
.goals-stock figcaption{position:relative;z-index:2;padding:0 20px 17px;color:white;text-shadow:0 2px 5px #092844;font-size:16px;font-weight:780;line-height:1.35}
.goals-visual{min-height:150px}
.goals-visual img{min-height:150px;max-height:185px;object-fit:cover}
.goals-visual figcaption{font-size:15px}
.js-motion .reveal{opacity:0;transform:translate3d(0,31px,0) scale(.986);transition:opacity .80s ease,transform .82s cubic-bezier(.2,.8,.25,1)}
.js-motion .reveal.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
.js-motion .benefitcard:nth-child(1){transition-delay:0s}
.js-motion .benefitcard:nth-child(2){transition-delay:.10s}
.js-motion .benefitcard:nth-child(3){transition-delay:.20s}
.js-motion .benefitcard.reveal-card:not(.is-visible){transform:translate3d(0,43px,0) scale(.970)}
.js-motion .benefitcard.reveal-card.is-visible{transform:translate3d(0,0,0) scale(1)}
.benefitcard{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease}
.benefitcard:hover,.js-motion .benefitcard.reveal-card.is-visible:hover{transform:translate3d(0,-8px,0) scale(1.008);box-shadow:0 20px 36px #164a7233}
.benefitcard svg{transition:transform .4s cubic-bezier(.22,1,.36,1)}
.benefitcard:hover svg{transform:translateY(-3px) rotate(-3deg)}
@media(max-width:1100px){.hero h1{font-size:clamp(32px,3.25vw,41px)}.sectionintro h2,.sectionhead h2{font-size:clamp(25px,2.7vw,31px)}}
@media(max-width:760px){.hero h1{font-size:clamp(29px,7.2vw,38px);line-height:1.18}.subtitle{font-size:clamp(19px,4.7vw,23px)}.sectionintro h2,.sectionhead h2{font-size:clamp(25px,5.8vw,31px)}.craft-story{grid-template-columns:1fr}.craft-story-media{min-height:162px;border-right:0;border-bottom:1px solid #bdd1df}.craft-story-text{padding:19px 21px 23px}.goals-stock{min-height:180px}.js-motion .benefitcard.reveal-card:not(.is-visible){transform:translate3d(0,28px,0) scale(.98)}}
@media(max-width:370px){.hero h1{font-size:29px}.sectionintro h2,.sectionhead h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.js-motion .reveal,.js-motion .benefitcard.reveal-card:not(.is-visible),.js-motion .benefitcard.reveal-card.is-visible{opacity:1;transform:none;transition:none}.benefitcard:hover,.js-motion .benefitcard.reveal-card.is-visible:hover,.benefitcard:hover svg{transform:none}.stock-photo::after{transition:none}.stock-photo:hover::after{transform:none}}
.stock-photo>.stock-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75;z-index:0;pointer-events:none}
header{align-items:flex-start;padding:12px 0 4px;min-height:auto}.headmeta{display:flex;flex-direction:column;align-items:flex-end;gap:10px;padding-top:6px}.project-kicker{max-width:340px;text-align:right;color:var(--blue);font-weight:850;font-size:12px;letter-spacing:.13em;line-height:1.55}.hero{padding:12px 0 42px}.hero h1{font-size:clamp(34px,3.45vw,50px);line-height:1.12;max-width:690px;margin:6px 0 14px}.hero h1 .line2{color:var(--orange-dark)}.hero h1 .line3{color:var(--deep)}.subtitle{margin-bottom:14px}.status{align-self:flex-end}.social-follow{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px;padding:18px 22px;border:1px solid #bfd2e2;border-radius:16px;background:linear-gradient(110deg,rgba(255,255,255,.78),rgba(247,251,255,.98));box-shadow:0 10px 28px rgba(12,56,95,.08)}.social-follow-copy{max-width:470px}.social-follow-copy small{display:block;color:var(--blue);font-size:11px;font-weight:840;letter-spacing:.12em;margin-bottom:8px}.social-follow-copy strong{display:block;color:var(--ink);font-size:19px;line-height:1.45;letter-spacing:-.02em}.social-follow .socials{justify-content:flex-end;max-width:610px}.art{min-height:460px}.maincart{animation:heroFloat 5.2s ease-in-out infinite}.outline-heart{animation:heroHeartbeat 3.2s ease-in-out infinite}.sparkle{animation:sparkleTwinkle 2.9s ease-in-out infinite}.sparkle-two{animation-delay:.8s}.craft-story{grid-template-columns:minmax(320px,1.02fr) minmax(0,.98fr)}.craft-story-media{position:relative;min-height:290px;background:linear-gradient(140deg,#c7dff0,#8fb4d3);overflow:hidden}.story-photo{display:block;position:absolute;object-fit:cover;box-shadow:0 14px 30px rgba(8,37,63,.16)}.story-photo.primary{inset:0;width:100%;height:100%;box-shadow:none}.story-photo.inset{width:42%;right:16px;bottom:16px;aspect-ratio:4/3;height:auto;border:4px solid rgba(255,255,255,.95);border-radius:18px;transform:rotate(-4deg);z-index:2}.craft-story-media::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(7,34,59,.08) 100%);pointer-events:none;z-index:1}.stock-photo,.craft-story-media,.goals-stock{background-image:none!important}.stock-photo::before,.stock-photo::after,.craft-story-media::after{opacity:1}.stock-fallback{display:none!important}.goals-stock,.goals-visual{position:relative;overflow:hidden;border-radius:16px;background:#0a3254}.goals-stock img,.goals-visual img{width:100%;height:100%;object-fit:cover;display:block}.goals-stock{min-height:225px}.goals-stock::after,.goals-visual::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(7,31,56,.86));pointer-events:none}.goals-stock figcaption,.goals-visual figcaption{position:absolute;left:24px;bottom:20px;z-index:2;padding:0;max-width:86%;font-size:16px;line-height:1.36;text-shadow:0 2px 10px rgba(5,27,46,.62)}.goals-stock figcaption strong,.goals-visual figcaption strong{color:#ffd1a7}.goals-visual{min-height:230px;margin-top:0}.goals-visual img{min-height:230px;max-height:none}.socialbar{display:none}.benefitcard{border-top-width:4px}.benefitcard:hover,.js-motion .benefitcard.reveal-card.is-visible:hover{transform:translate3d(0,-10px,0) scale(1.012)}@keyframes heroFloat{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(.7deg)}50%{transform:translateY(-14px) rotate(0)}75%{transform:translateY(-6px) rotate(-.7deg)}}@keyframes heroHeartbeat{0%,100%{transform:rotate(-9deg) scale(1)}22%{transform:rotate(-8deg) scale(1.06)}42%{transform:rotate(-9deg) scale(1)}55%{transform:rotate(-8deg) scale(1.09)}72%{transform:rotate(-9deg) scale(1.02)}}@keyframes sparkleTwinkle{0%,100%{opacity:.52;transform:scale(.95)}50%{opacity:1;transform:scale(1.22)}}@media (max-width:1100px){.hero h1{font-size:clamp(32px,4vw,45px)}.social-follow{display:block}.social-follow .socials{justify-content:flex-start;margin-top:14px;max-width:none}}@media (max-width:760px){header{align-items:flex-start}.headmeta{gap:8px;padding-top:0}.project-kicker{max-width:200px;font-size:10px;letter-spacing:.09em}.hero h1{font-size:clamp(30px,7.6vw,40px);line-height:1.13;max-width:none}.social-follow{padding:16px 16px 18px;margin-bottom:20px}.social-follow-copy strong{font-size:16px}.social-follow .socials{margin-top:13px}.craft-story{grid-template-columns:1fr}.craft-story-media{min-height:260px;border-right:0;border-bottom:1px solid #bdd1df}.story-photo.inset{width:43%;right:10px;bottom:10px;border-radius:14px}.goals-stock,.goals-visual{min-height:210px}.goals-stock img,.goals-visual img{min-height:210px}.goals-stock figcaption,.goals-visual figcaption{left:18px;bottom:16px;font-size:15px}}@media (max-width:370px){.project-kicker{font-size:9px}.hero h1{font-size:28px}.social-follow-copy strong{font-size:15px}}@media (prefers-reduced-motion:reduce){.maincart,.outline-heart,.sparkle{animation:none!important}}
/* v5 targeted updates */
.project-kicker{max-width:none;width:auto;white-space:nowrap;font-size:10px;letter-spacing:.09em;line-height:1.2}.hero h1{max-width:760px}.hero h1 .line1{color:var(--orange-dark)}.hero h1 .line2{color:var(--deep)}.hero h1 .line3{color:var(--orange-dark)}.social-follow{display:block;padding:18px 20px}.social-follow-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.social-follow-copy{max-width:none}.social-follow-copy small{margin-bottom:0;text-align:left}.social-follow-note{margin:14px 0 0;text-align:center;color:var(--ink);font-size:14px;line-height:1.55}.sectionintro h2{margin-top:0}.craft-story{grid-template-columns:minmax(320px,1fr) minmax(0,.9fr)}.craft-story-media{min-height:315px}.craft-story-side{margin:20px 0 0;border-radius:18px;overflow:hidden;background:#0e3252;box-shadow:0 14px 28px rgba(8,37,63,.12)}.craft-story-side img{display:block;width:100%;height:240px;object-fit:cover}.craft-story-side figcaption{padding:14px 18px;color:#f6fbff;font-size:15px;font-weight:700;letter-spacing:-.01em}.inclusive-showcase{padding:10px 0 12px}.inclusive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.inclusive-card{background:rgba(255,255,255,.84);border:1px solid #bfd2e2;border-radius:18px;overflow:hidden;box-shadow:0 12px 28px rgba(9,41,69,.08);transition:transform .35s ease,box-shadow .35s ease}.inclusive-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.inclusive-card-text{padding:16px 16px 18px}.inclusive-card h3{margin:0 0 8px;color:var(--deep);font-size:20px;line-height:1.25}.inclusive-card p{margin:0;color:#35536f;font-size:14px;line-height:1.62}.inclusive-card:hover,.js-motion .inclusive-card.reveal-card.is-visible:hover{transform:translateY(-10px);box-shadow:0 18px 34px rgba(9,41,69,.14)}.goals-stock figcaption{font-size:19px;font-weight:800}.goals-stock figcaption strong,.goals-visual figcaption strong{color:#ffd1a7}.socialbar{display:flex}.socialbar .socials{justify-content:flex-end}.socialbar strong{color:var(--deep)}@media (max-width:1160px){.inclusive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1100px){.social-follow-top{display:block}.social-follow .socials{margin-top:14px;justify-content:flex-start}.social-follow-note{text-align:left}}@media (max-width:760px){.project-kicker{font-size:8px;letter-spacing:.04em}.social-follow{padding:16px}.social-follow-note{font-size:13px;text-align:left}.inclusive-grid{grid-template-columns:1fr;gap:14px}.inclusive-card h3{font-size:18px}.craft-story{grid-template-columns:1fr}.craft-story-media{min-height:250px}.craft-story-side img{height:210px}.socialbar{display:block}}.craft-story-stack{display:flex;flex-direction:column;gap:20px}.craft-story-stack .craft-story-text{margin:0}.craft-story-stack .craft-story-side{margin:0}@media (max-width:760px){.craft-story-stack{gap:16px}}
/* v5 layout corrections: same V4 frame; original V3 footer social position */
.inclusive-showcase{width:min(1200px,calc(100% - 80px));margin-inline:auto;padding:42px 0 48px}.inclusive-showcase .sectionhead{margin-bottom:24px}.social-follow-top{align-items:center}.social-follow-note{max-width:none;text-align:center}.project-kicker{font-size:9px;letter-spacing:.04em}@media(max-width:1100px){.inclusive-showcase{width:calc(100% - 62px)}.social-follow-note{text-align:center}}@media(max-width:760px){.inclusive-showcase{width:calc(100% - 38px);padding:34px 0 40px}.social-follow-note{text-align:center}.project-kicker{font-size:7px;letter-spacing:0;white-space:normal;text-wrap:balance;max-width:170px}}@media(max-width:370px){.project-kicker{font-size:7px;max-width:155px}}

/* V6 — requested focused refinements; all other V5 styling retained. */
.social-follow{display:flex;flex-direction:column;align-items:stretch;gap:0}.social-follow-top{display:block}.social-follow-note{order:2;margin:10px 0 15px;text-align:center;color:var(--ink);font-size:14px;font-weight:800;line-height:1.55}.social-follow>.socials{order:3;justify-content:center;max-width:none;margin-top:0}.social-follow-copy small{margin:0;text-align:left}.craft-story-stack{align-items:flex-start}.craft-story-stack .craft-story-side{position:relative;align-self:flex-start;width:min(100%,380px);margin:0 0 16px;border:1px solid #bad0e1;border-radius:18px;overflow:hidden;background:transparent;box-shadow:0 12px 26px rgba(10,45,78,.13)}.craft-story-side img{display:block;width:100%;height:225px;object-fit:cover}.craft-story-side::after{content:"";position:absolute;inset:40% 0 0;pointer-events:none;background:linear-gradient(transparent,rgba(0,24,48,.62))}.craft-story-side figcaption{position:absolute;z-index:1;bottom:17px;left:18px;right:18px;padding:0;background:transparent;border:0;border-radius:0;color:white;font-size:15px;font-weight:800;line-height:1.35;text-shadow:0 2px 7px rgba(0,15,35,.88);box-shadow:none}.quote-ribbon p{max-width:none;white-space:nowrap;font-size:clamp(16px,1.65vw,23px);letter-spacing:-.025em}.goals-stock{margin-bottom:0}.inclusive-grid>.inclusive-card{min-width:0}
@media(max-width:1100px){.social-follow>.socials{justify-content:center;margin-top:0}}
@media(max-width:760px){.social-follow-note{font-size:13px;text-align:center;margin:10px 0 14px}.social-follow>.socials{justify-content:center;margin-top:0}.craft-story-stack .craft-story-side{width:min(100%,390px);margin:0 auto 16px}.quote-ribbon p{white-space:normal;font-size:clamp(17px,5vw,21px)}}
@media(prefers-reduced-motion:reduce){.craft-story-side,.craft-story-side img{animation:none!important}}

/* v7 — only requested alignment, contrast accents, icons and scroll-to-top. */
.brand-link { display: inline-flex; align-items: center; flex: 0 1 auto; border-radius: 12px; text-decoration: none; }
.brand-link .widebrand { flex-shrink: 1; }
.social-follow-copy small { text-align: center; }
.social-follow-note { font-weight: 600; }
.craft-story-stack { align-items: center; }
.craft-story-stack .craft-story-side { align-self: center; margin-left: auto; margin-right: auto; }
.benefitcard:nth-child(1) { border-top-color: var(--orange); }
.benefitcard:nth-child(2) { border-top-color: #4586b7; }
.benefitcard:nth-child(3) { border-top-color: var(--orange); }
.benefitcard:nth-child(1) svg { color: var(--orange); }
.benefitcard:nth-child(2) svg { color: var(--blue); }
.benefitcard:nth-child(3) svg { color: var(--orange); }
.join-grid .join-icon { display: inline-grid; place-items: center; width: 36px; height: 36px; vertical-align: middle; margin-right: 9px; margin-bottom: 8px; border: 1px solid #bcd3e6; border-radius: 11px; background: #ecf5fd; color: var(--blue); }
.join-grid .join-icon svg { width: 26px; height: 26px; }
.join-grid .join-icon-2 { background: #fff0e4; color: var(--orange-dark); border-color: #f1d4bc; }
.join-grid .join-item b { vertical-align: middle; }
.back-to-top { position: fixed; z-index: 50; right: clamp(14px, 2.6vw, 34px); bottom: clamp(14px, 2.6vw, 30px); display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 16px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; color: #fff; background: linear-gradient(130deg,#1765a9,#0c355a); box-shadow: 0 10px 28px rgba(9,43,76,.3); font: 750 13px/1.2 system-ui,-apple-system,'Segoe UI',Arial,sans-serif; cursor: pointer; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(18px); transition: opacity .3s ease, transform .3s ease, visibility .3s ease, box-shadow .2s ease; }
.back-to-top svg { display: block; width: 19px; height: 19px; }
.back-to-top.is-visible { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
.back-to-top.is-visible:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(9,43,76,.36); }
.back-to-top:focus-visible { outline: 3px solid #f47b34; outline-offset: 3px; }
@media (max-width: 760px) { .back-to-top { padding: 12px; width: 48px; height: 48px; } .back-to-top span { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; white-space: nowrap; } .craft-story-stack .craft-story-side { margin-left:auto; margin-right:auto; } }
@media (prefers-reduced-motion: reduce) { .back-to-top { transition: none; } .back-to-top.is-visible:hover { transform: none; } }