.rokn-pe-family-landing, .rokn-home-tail, .rokn-project, .rokn-engineering-spotlight { --re-ink:#2B2B2B; --re-muted:#666666; --re-orange:#F47A20; --re-line:#E1E1E1; font-family: inherit; color:var(--re-ink); box-sizing:border-box; }
.rokn-pe-family-landing *, .rokn-home-tail *, .rokn-project * { box-sizing: border-box; }
.rokn-pe-family-landing [hidden], .rokn-home-tail [hidden], .rokn-project [hidden] { display: none !important; }
.rokn-family-eyebrow { display:block; color:#B9520C; font-size:12px; font-weight:700; line-height:1.8; margin-bottom:12px; }
.rokn-experience-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.rokn-experience-button { display:inline-flex !important; justify-content:center; align-items:center; gap:22px; min-height:50px; padding:13px 23px !important; border:1px solid var(--re-orange,#F47A20) !important; border-radius:8px !important; background:var(--re-orange,#F47A20) !important; color:#2B2B2B !important; font-family:inherit !important; font-size:14px !important; font-weight:700 !important; line-height:1.7 !important; text-decoration:none !important; box-shadow:none; cursor:pointer; transition:background .18s ease,transform .18s ease; }
.rokn-experience-button:hover { background:#FF8A36 !important; transform:translateY(-2px); }
.rokn-experience-button:disabled { opacity:.65; cursor:wait; transform:none; }
.rokn-experience-button--ghost { background:transparent !important; color:inherit !important; border-color:#ffffff65 !important; }
.rokn-experience-button--ghost:hover { background:#ffffff12 !important; }
.rokn-pe-family-landing :focus-visible, .rokn-project :focus-visible, .rokn-engineering-spotlight :focus-visible { outline:3px solid #F47A20 !important; outline-offset:4px; }
.rokn-home-tail { width:min(1320px,calc(100% - 48px)); margin:70px auto 80px; display:grid; gap:32px; }
.rokn-project { position:relative; overflow:hidden; display:grid; grid-template-columns:1.3fr 1fr; gap:40px; align-items:center; padding:clamp(28px,4vw,58px); border-radius:18px; background:#2B2B2B; color:#FFFFFF; isolation:isolate; }
.rokn-project::before { content:""; position:absolute; width:350px; height:350px; border:1px solid #ffffff0d; border-radius:50%; inset-inline-end:-180px; top:-160px; z-index:-1; box-shadow:0 0 0 65px #ffffff03,0 0 0 130px #ffffff02; }
.rokn-project .rokn-family-eyebrow { color:#F47A20; }
.rokn-project h2 { font-family:inherit; font-size:clamp(24px,2.3vw,34px); font-weight:800; line-height:1.65; color:#fff; margin:0 0 14px; letter-spacing:-.5px; }
.rokn-project__copy>p { font-size:15px; line-height:2; color:#DDDDDD; margin:0; max-width:620px; }
.rokn-project__action .rokn-experience-actions { justify-content:flex-start; }
.rokn-project__action>p { margin:16px 0 0; color:#CFCFCF; font-size:12px; }
.rokn-engineering-spotlight { position:relative; display:grid; grid-template-columns:1.2fr 1fr; gap:clamp(28px,6vw,90px); padding:clamp(28px,5vw,68px); border:1px solid #E5E5E5; background:#F4F4F4; border-radius:18px; overflow:hidden; }
.rokn-engineering-spotlight__copy h2 { color:#2B2B2B; font-size:clamp(28px,3.2vw,44px); font-weight:800; line-height:1.5; margin:0 0 18px; letter-spacing:-.7px; }
.rokn-engineering-spotlight__copy p { color:#666666; font-size:15px; line-height:2; margin:0 0 25px; max-width:550px; }
.rokn-engineering-spotlight__numbers { display:flex; flex-direction:column; justify-content:center; gap:28px; padding-inline-start:36px; border-inline-start:1px solid #D8D8D8; }
.rokn-engineering-spotlight__numbers>div { display:flex; align-items:baseline; gap:22px; }
.rokn-engineering-spotlight__numbers strong { font-size:clamp(58px,7vw,96px); font-weight:800; line-height:1.2; color:#2B2B2B; letter-spacing:-3px; }
.rokn-engineering-spotlight__numbers span { color:#666666; font-size:15px; }
.rokn-engineering-wordmark { flex-direction:column; font:700 68px/1.3 sans-serif; color:#2B2B2B; }
.rokn-engineering-wordmark span { letter-spacing:4px; }
.rokn-engineering-unavailable { padding:15px; background:#fff; border-inline-start:3px solid #F47A20; }
.rokn-pe-home-experience .rokn-pe-calculator-hub__head { background:#2B2B2B; padding:clamp(24px,4vw,50px); border-radius:18px; gap:32px; }
.rokn-pe-home-experience .rokn-pe-calculator-hub__heading h2 { color:white; font-size:clamp(28px,3.2vw,42px); }
.rokn-pe-home-experience .rokn-pe-calculator-hub__heading p { color:#DDDDDD; }
.rokn-pe-home-experience .rokn-pe-calculator-hub__metric strong { font-size:clamp(34px,4vw,56px); color:#F47A20; }
.rokn-pe-home-experience .rokn-pe-calculator-hub__metric span { color:#E1E1E1; }
.rokn-project-open { overflow:hidden; }
.rokn-project-dialog { width:min(700px,calc(100vw - 32px)); max-width:700px; max-height:calc(100dvh - 40px); margin:auto; padding:28px; border:0; border-radius:18px; color:#2B2B2B; background:#fff; box-shadow:0 24px 100px #0005; overflow:auto; text-align:right; direction:rtl; }
.rokn-project-dialog:not([open]) { display:none; }
.rokn-project-dialog::backdrop { background:#000000B8; backdrop-filter:blur(5px); }
.rokn-project-dialog__head { position:relative; padding-inline-end:28px; }
.rokn-project-dialog .rokn-family-eyebrow { color:#B9520C; margin-bottom:8px; }
.rokn-project-dialog h2 { color:#2B2B2B; font-size:26px; margin:0 0 8px; }
.rokn-project-dialog__head p { color:#666666; font-size:13px; line-height:1.9; margin:0 0 22px; }
.rokn-project-close { position:absolute; inset-inline-end:-8px; top:-8px; width:38px; height:38px; padding:0 !important; border:1px solid #E0E0E0 !important; border-radius:50%; background:#F5F5F5 !important; color:#3B3B3B !important; font-size:25px; cursor:pointer; }
.rokn-project-fields { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.rokn-project-fields label { display:block; color:#3B3B3B; font-size:12px; font-weight:700; line-height:1.8; }
.rokn-project-fields input, .rokn-project-fields textarea, .rokn-project-fields select { display:block; width:100%; max-width:100%; margin:6px 0 0; padding:11px 12px !important; height:auto; min-height:46px; border:1px solid #D6D6D6; border-radius:7px; box-shadow:none; color:#333333; background:#fff; font-weight:400; line-height:1.6; font-family:inherit; font-size:14px; }
.rokn-project-fields input::placeholder, .rokn-project-fields textarea::placeholder { color:#777777; opacity:1; }
.rokn-project-fields textarea { resize:vertical; }
.rokn-project-wide { grid-column:1/-1; }
.rokn-project-trap { position:absolute !important; width:1px !important; height:1px !important; overflow:hidden; clip-path:inset(50%); }
.rokn-project-submit { margin-top:20px; display:flex; gap:18px; align-items:center; }
.rokn-project-submit span { font-size:11px; color:#666666; }
.rokn-project-status { font-size:14px; line-height:2; color:#9c3423; margin-top:15px; overflow-wrap:anywhere; }
.rokn-project-status:empty { display:none; }
.rokn-project-status.is-success { color:#146346; padding:22px; background:#edf8f1; border-radius:10px; font-size:17px; }
.rokn-project-another { margin-top:18px; background:#fff !important; color:#3F3F3F !important; border:1px solid #D4D4D4 !important; border-radius:6px; padding:10px 16px; font:inherit; cursor:pointer; }
@media(max-width:1024px) { .rokn-project { grid-template-columns:1fr; gap:26px; } .rokn-engineering-spotlight { gap:28px; } .rokn-engineering-spotlight__numbers { padding-inline-start:24px; } .rokn-engineering-spotlight__numbers>div { flex-wrap:wrap; gap:4px 16px; } }
@media(max-width:767px) { .rokn-home-tail { width:calc(100% - 32px); margin:40px auto; gap:22px; } .rokn-engineering-spotlight { grid-template-columns:1fr; } .rokn-engineering-spotlight__numbers { flex-direction:row; border-inline-start:0; border-top:1px solid #D8D8D8; padding:24px 0 0; gap:26px; justify-content:space-between; } .rokn-engineering-spotlight__numbers>div { flex-direction:column; gap:8px; } .rokn-engineering-spotlight__numbers strong { font-size:56px; } .rokn-engineering-spotlight__numbers span { font-size:12px; } .rokn-project .rokn-experience-actions { align-items:stretch; } .rokn-project .rokn-experience-button { flex:1 1 100%; } .rokn-project-dialog { padding:22px 18px; max-height:calc(100dvh - 24px); } .rokn-project-dialog h2 { font-size:23px; } .rokn-project-fields { gap:13px; } .rokn-project-fields input, .rokn-project-fields textarea, .rokn-project-fields select { font-size:16px; } }
@media(max-width:420px) { .rokn-project-fields { grid-template-columns:1fr; } .rokn-project-submit { flex-direction:column; align-items:stretch; gap:10px; } .rokn-engineering-spotlight__numbers strong { font-size:47px; letter-spacing:-2px; } }
@media(prefers-reduced-motion:reduce) { .rokn-experience-button, .rokn-sticky-header { transition:none; } .rokn-experience-button:hover { transform:none; } }
@media print { .rokn-sticky-header { position:static !important; } .rokn-sticky-spacer, .rokn-project-dialog, .rokn-project { display:none !important; } }
/* Shortcodes also remain readable inside a boxed Elementor/theme container. */
.rokn-home-tail, .rokn-family-project { container-type:inline-size; }
.rokn-engineering-spotlight { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); }
.rokn-engineering-spotlight__copy, .rokn-engineering-spotlight__numbers, .rokn-project__copy, .rokn-project__action { min-width:0; }
@container (max-width:880px) {
  .rokn-engineering-spotlight { grid-template-columns:1fr; padding:32px; }
  .rokn-engineering-spotlight__numbers { flex-direction:row; justify-content:space-between; border-inline-start:0; border-top:1px solid #D8D8D8; padding:24px 0 0; gap:26px; }
  .rokn-engineering-spotlight__numbers>div { flex-direction:column; gap:8px; }
  .rokn-engineering-spotlight__numbers strong { font-size:clamp(42px,10cqi,76px); }
  .rokn-project { grid-template-columns:1fr; gap:26px; }
}
@container (max-width:480px) {
  .rokn-engineering-spotlight, .rokn-project { padding:26px; }
  .rokn-engineering-spotlight__copy h2 { font-size:28px; }
  .rokn-project .rokn-experience-actions { flex-direction:column; align-items:stretch; }
  .rokn-project .rokn-experience-button { width:100%; }
}

.rokn-pe-tracking-link{display:inline-block;padding-block:6px;font-weight:700;text-decoration:underline;color:inherit}

/* PE 1.6.0 — homepage completion */
.rokn-home-section{width:100%;position:relative;direction:rtl}
.rokn-home-section__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:40px;align-items:end;margin:0 0 26px}
.rokn-home-section__head h2{margin:0;color:#2B2B2B;font-family:inherit;font-size:clamp(27px,3vw,42px);font-weight:850;line-height:1.55;letter-spacing:-.6px}
.rokn-home-section__head>p{margin:0;color:#666666;font-size:14px;line-height:2;max-width:620px}
.rokn-home-family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.rokn-home-family-card,.rokn-home-project-card{min-width:0;border:1px solid #E1E1E1;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 12px 34px rgba(17,34,45,.055);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.rokn-home-family-card:hover,.rokn-home-project-card:hover{transform:translateY(-4px);border-color:#F5A36A;box-shadow:0 18px 40px rgba(17,34,45,.09)}
.rokn-home-family-card__link,.rokn-home-project-card__link{display:block;height:100%;color:inherit!important;text-decoration:none!important}
.rokn-home-family-card__media,.rokn-home-project-card__media{position:relative;aspect-ratio:16/10;background:#F1F1F1;overflow:hidden}
.rokn-home-family-card__media img,.rokn-home-project-card__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.rokn-home-family-card__media--symbol,.rokn-home-project-card__media--symbol{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#2B2B2B,#3A3A3A);color:#F47A20}
.rokn-home-family-card__media--symbol svg,.rokn-home-project-card__media--symbol svg{width:64px;height:64px;fill:none;stroke:currentColor;stroke-width:1.5}
.rokn-home-card-chip{position:absolute;inset-inline-start:12px;bottom:12px;display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;background:rgba(19,31,39,.88);color:#fff;font-size:11px;font-weight:750;backdrop-filter:blur(6px)}
.rokn-home-family-card__body,.rokn-home-project-card__body{padding:19px 18px 20px}
.rokn-home-family-card__body h3,.rokn-home-project-card__body h3{margin:0 0 9px;color:#2B2B2B;font-size:18px;font-weight:800;line-height:1.65}
.rokn-home-family-card__body p,.rokn-home-project-card__body p{margin:0;color:#666666;font-size:12.5px;line-height:1.95;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rokn-home-family-card__body>span,.rokn-home-project-card__more{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:15px;color:#A94B0A;font-size:12px;font-weight:750}
.rokn-home-project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.rokn-home-project-card__meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:8px}
.rokn-home-project-card__meta span{display:inline-flex;padding:3px 8px;border-radius:999px;background:#F4F4F4;color:#666666;font-size:10px;font-weight:700}
.rokn-home-quality{padding:clamp(26px,4vw,48px);border-radius:18px;background:#2B2B2B;color:#fff;overflow:hidden}
.rokn-home-quality .rokn-home-section__head h2{color:#fff}
.rokn-home-quality .rokn-home-section__head>p{color:#D7D7D7}
.rokn-home-quality-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.11);border-radius:14px;overflow:hidden}
.rokn-home-quality-grid article{min-width:0;padding:24px;background:#333333}
.rokn-home-quality__icon{display:flex;width:42px;height:42px;align-items:center;justify-content:center;margin-bottom:16px;border:1px solid rgba(244,122,32,.5);border-radius:10px;color:#F47A20;background:rgba(244,122,32,.08)}
.rokn-home-quality__icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.rokn-home-quality-grid h3{margin:0 0 9px;color:#fff;font-size:16px;font-weight:800;line-height:1.7}
.rokn-home-quality-grid p{margin:0;color:#D7D7D7;font-size:12.5px;line-height:1.95}
.rokn-home-quality__note{margin:18px 0 0;color:#BDBDBD;font-size:10.5px;line-height:1.9}
.rokn-home-tail>.rokn-home-section,.rokn-home-tail>.rokn-engineering-spotlight,.rokn-home-tail>.rokn-project{margin:0}
.rokn-home-section :focus-visible{outline:3px solid #F47A20!important;outline-offset:4px}
@media(max-width:1100px){.rokn-home-family-grid,.rokn-home-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rokn-home-quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.rokn-home-section__head{grid-template-columns:1fr;gap:12px;align-items:start}.rokn-home-section__head>p{max-width:none}.rokn-home-quality{padding:28px 22px}}
@media(max-width:560px){.rokn-home-family-grid,.rokn-home-project-grid,.rokn-home-quality-grid{grid-template-columns:1fr}.rokn-home-family-card__media,.rokn-home-project-card__media{aspect-ratio:3/2}.rokn-home-family-card:hover,.rokn-home-project-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.rokn-home-family-card,.rokn-home-project-card{transition:none}.rokn-home-family-card:hover,.rokn-home-project-card:hover{transform:none}}
@media print{.rokn-home-family-card,.rokn-home-project-card,.rokn-home-quality{box-shadow:none;break-inside:avoid}.rokn-home-family-grid,.rokn-home-project-grid,.rokn-home-quality-grid{grid-template-columns:repeat(2,1fr)}}

/* PE 1.6.8 — application bridge: exact per-family links + ROKN brand palette. */
.rokn-home-applications{padding:clamp(34px,5vw,66px) 0;background:linear-gradient(180deg,#F5F5F5 0,#F0F0F0 100%);border-top:1px solid #E3E3E3;border-bottom:1px solid #E3E3E3}
.rokn-home-applications .rokn-home-section__head{max-width:1320px;margin-inline:auto;padding-inline:clamp(18px,4vw,54px)}
.rokn-home-application-grid{max-width:1320px;margin-inline:auto;padding-inline:clamp(18px,4vw,54px);grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rokn-home-application-card{position:relative;border-radius:18px;border:1px solid #E0E0E0;box-shadow:none;background:rgba(255,255,255,.9);overflow:hidden}
.rokn-home-application-card::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:#F47A20;transform:scaleY(.28);transform-origin:center;transition:transform .22s ease}
.rokn-home-application-card:hover{transform:translateY(-3px);border-color:#F2B589;box-shadow:0 15px 34px rgba(23,35,44,.08)}
.rokn-home-application-card:hover::before{transform:scaleY(1)}
.rokn-home-application-card__top{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0}
.rokn-home-application-card__index{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding-inline:8px;border-radius:10px;background:#2B2B2B;color:#fff;font-size:12px;font-weight:850}
.rokn-home-application-card__icon{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:13px;background:#FFF3EA;color:#F47A20;border:1px solid #FFD7BB}
.rokn-home-application-card__icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.rokn-home-application-card .rokn-home-project-card__body{padding-top:15px}
.rokn-home-application-card .rokn-home-project-card__body h3{font-size:17px;line-height:1.8;margin-bottom:7px}
.rokn-home-application-card .rokn-home-project-card__body p{-webkit-line-clamp:4;color:#666666;font-size:12.4px;line-height:2}
.rokn-home-application-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:11px}
.rokn-home-application-card__tags a{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid #E1E1E1;border-radius:999px;background:#F4F4F4;color:#2B2B2B!important;font-size:9.8px;font-weight:760;line-height:1.5;text-decoration:none!important;transition:background .18s ease,border-color .18s ease,color .18s ease}.rokn-home-application-card__tags a:hover,.rokn-home-application-card__tags a:focus-visible{background:#FFF3EA;border-color:#F47A20;color:#A94B0A!important}
.rokn-home-application-card .rokn-home-project-card__more{padding-top:13px;border-top:1px solid #EDEDED;color:#A94B0A}
.rokn-home-application-card__hint{display:block;margin-top:13px;padding-top:12px;border-top:1px solid #EDEDED;color:#777777;font-size:10.5px;font-weight:650}
@media(max-width:980px){.rokn-home-application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.rokn-home-application-grid{grid-template-columns:1fr}.rokn-home-applications{padding-block:30px}.rokn-home-application-card:hover{transform:none}}