@font-face{font-family:GCMHebrew;src:url(assets/hebrew-regular.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:GCMHebrew;src:url(assets/hebrew-bold.woff) format("woff");font-weight:700;font-display:swap}
:root{color-scheme:dark;--ink:#101715;--green:#193026;--paper:#f6f3e8;--mint:#d6f5a4;--light:#f4f1e6;--muted:#b8c8bc;--edge:#344940;font:16px/1.55 GCMHebrew,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--light)}
body:has(dialog[open]){overflow:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--mint);outline-offset:4px}
h1,h2,h3,p,figure{margin:0}
.shell{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.skip{position:absolute;inset-inline-start:20px;top:0;transform:translateY(-120%);z-index:3;background:var(--mint);color:var(--ink);padding:8px}
.skip:focus{transform:none}
.masthead{min-height:73px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--edge)}
.brand{display:inline-flex;align-items:center;gap:8px;font:700 .79rem/1.1 Arial,sans-serif;letter-spacing:.105em;white-space:nowrap}
.brand small{display:block;color:#a7b8a8;letter-spacing:.22em;font-size:.58rem;margin-top:4px}
nav{display:flex;align-items:center;gap:clamp(12px,2.2vw,30px);font-size:.9rem}
nav a:hover,.text-link:hover{color:var(--mint)}
.nav-buy{padding:8px 13px;border:1px solid #53765f;border-radius:6px;white-space:nowrap}
.hero{display:grid;grid-template-columns:.94fr 1.06fr;gap:clamp(28px,5vw,76px);align-items:center;padding-block:clamp(48px,6.6vw,95px)}
.eyebrow{display:flex;gap:8px;align-items:center;color:var(--mint);font-size:.84rem;font-weight:700}
.eyebrow>span{display:block;width:17px;height:2px;background:currentColor}
.eyebrow bdi{font:700 .66rem/1 Arial,sans-serif;color:#aab9ac;letter-spacing:.12em;margin-inline-start:6px}
.hero h1{font-size:clamp(3.1rem,5.25vw,5.35rem);line-height:1.045;letter-spacing:-.046em;margin:13px 0 19px}
.hero h1 em{font-style:normal;color:var(--mint)}
.lede{font-size:clamp(1rem,1.5vw,1.17rem);color:var(--muted);max-width:490px}
.hero-actions{display:flex;align-items:center;gap:19px;flex-wrap:wrap;margin-top:23px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:9px 14px;border-radius:7px;font-weight:700}
.primary{background:var(--mint);color:#11261a}
.primary:hover,.pay:hover{filter:brightness(1.12)}
.text-link{font-size:.94rem;text-decoration:underline;text-underline-offset:5px}
.hero-price{margin-top:12px;color:#bbc7ba;font-size:.82rem}
.hero-showcase{padding:9px;background:#192621;border:1px solid #3f5348;border-radius:14px;box-shadow:0 26px 58px #0005;min-width:0}
.hero-preview,.portfolio-video{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:#101d16}
.hero-preview{border-radius:8px}
.hero-preview img,.portfolio-video img{width:100%;height:100%;object-fit:cover;transition:filter .2s ease}
.hero-preview:hover img,.portfolio-video:hover img{filter:brightness(.81)}
.hero-preview:focus-visible,.portfolio-video:focus-visible{outline-offset:-5px}
.play{position:absolute;display:grid;place-items:center;width:61px;height:61px;border-radius:50%;background:#10261de5;border:1px solid #def6ce;color:#efffdf;box-shadow:0 4px 20px #0006;transition:transform .2s ease}
.play::after{content:"";width:0;height:0;margin-left:4px;border-block:9px solid transparent;border-left:14px solid currentColor}
a:hover .play{transform:scale(1.07)}
.hero-showcase figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 4px 0;color:#d6dfd5;font-size:.82rem}
.hero-showcase figcaption i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a5dd8b;margin-inline-end:4px}
.section{padding-block:clamp(40px,6.8vw,84px)}
h2{font-size:clamp(2.3rem,4.15vw,4.05rem);line-height:1.07;letter-spacing:-.035em}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px}
.section-head h2,.production h2{margin-top:7px}
.section-head>p{max-width:318px;font-size:1rem}
.work-section,.offers{color:#172a20;background:var(--paper);color-scheme:light}
.work-section :focus-visible,.offers :focus-visible{outline-color:#196c49}
.work-section .eyebrow,.offers .eyebrow{color:#32634c}
.work-section .section-head>p,.offers .section-head>p{color:#476256}
.portfolio{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:13px;align-items:start}
.portfolio-feature{min-width:0;overflow:hidden;border:1px solid #c4cec3;border-radius:10px;background:#fffdf5}
.portfolio-feature figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px}
.portfolio-feature figcaption div{display:grid;gap:1px;min-width:0}
.portfolio-feature figcaption span{font-size:.8rem;color:#4c695b}
.portfolio-feature figcaption a{font-size:.82rem;color:#275e45;text-decoration:underline;text-underline-offset:3px}
.portfolio-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.portfolio-picker button{display:flex;align-items:center;gap:7px;text-align:start;min-height:54px;min-width:0;padding:5px;border:1px solid #d3d8cb;border-radius:6px;background:#fffdf5;font-size:.81rem;font-weight:700}
.portfolio-picker img{width:42%;min-width:0;aspect-ratio:1.4;object-fit:cover;border-radius:3px}
.portfolio-picker [aria-pressed="true"],.portfolio-picker button:hover{border-color:#39775b;background:#e4eedf}
.production-section{background:#182c24;border-block:1px solid #385145}
.production{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(24px,7vw,90px)}
.production>div>p:not(.eyebrow){margin:13px 0 14px;color:var(--muted);max-width:420px}
.production-steps{margin:0;padding:0;list-style:none;border-top:1px solid #496153}
.production-steps li{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #496153}
.production-steps li>bdi{color:var(--mint);font-size:.91rem;font-weight:700;align-self:start;padding-top:3px}
.production-steps h3{font-size:1.22rem;line-height:1.15}
.production-steps p{color:var(--muted);font-size:.9rem;margin-top:3px}
.offers{background:radial-gradient(ellipse at 80% 0,#dcece3 0,transparent 53%),#edf6ef}
.purchase-setting{display:grid;justify-items:start;gap:5px}
.currency-picker{display:flex;align-items:center;gap:9px;border:0;padding:0;margin:0;min-inline-size:0}
.currency-picker legend{padding:0;margin-bottom:4px;color:#38584b;font-size:.82rem;font-weight:700}
.currency-options{display:flex;gap:3px;padding:3px;border:1px solid #a7c4b5;border-radius:10px;background:#e3eee7}
.currency-options label{position:relative;cursor:pointer}
.currency-options input{position:absolute;opacity:0;inline-size:100%;block-size:100%;margin:0;inset:0;cursor:pointer}
.currency-options span{display:flex;align-items:center;justify-content:center;gap:4px;min-width:72px;min-height:34px;padding:4px 8px;border-radius:6px;font-size:.87rem;font-weight:700;color:#325345}
.currency-options input:checked+span{background:#174c38;color:white;box-shadow:0 1px 4px #17382b22}
.currency-options input:focus-visible+span{outline:2px solid #196c49;outline-offset:2px}
#currency-note{color:#476256;font-size:.84rem}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.card{display:flex;flex-direction:column;min-width:0;border:1px solid #b6d6c5;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 10px 26px #10372a0c}
.card.featured{border-color:#58a78b}
.card-cover{position:relative;isolation:isolate;container-type:inline-size;aspect-ratio:1.5;display:flex;align-items:center;overflow:hidden;color:#fff;background:#0b1b14}
.cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.card-cover::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#080e0cb5 0%,#080e0c77 34%,transparent 61%)}
.cover-one{--cover-accent:#cafa93}
.cover-four{--cover-accent:#becaff;background:#101631}
.cover-ten{--cover-accent:#ffd790;background:#2b2019}
.cover-copy{width:54%;padding:4cqi 4.3cqi 4cqi 0}
.cover-copy h3{line-height:1.05;text-shadow:0 2px 6px #0005}
.cover-title,.cover-subtitle{display:block}
.cover-title{font-size:clamp(1.28rem,7.8cqi,2.55rem);letter-spacing:-.045em}
.cover-subtitle{font-size:clamp(.85rem,4.5cqi,1.42rem);color:var(--cover-accent);margin-top:.26em}
.cover-copy .cover-features{margin:.78em 0 0;gap:.3em;color:#fff;font-size:clamp(.7rem,3.37cqi,1rem);font-weight:700;line-height:1.25}
.cover-copy .cover-features li{display:flex;align-items:center;gap:.42em;padding:0}
.cover-copy .cover-features li::before{content:none}
.cover-icon{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:1.25em;height:1.25em;border:1px solid var(--cover-accent);border-radius:.28em;color:var(--cover-accent)}
.cover-icon::before,.cover-icon::after{content:"";display:block}
.icon-script::before{width:52%;height:32%;border-block:1px solid currentColor}
.icon-play::before{border-block:.24em solid transparent;border-left:.37em solid currentColor;margin-left:.1em}
.icon-profile::before{width:.27em;height:.27em;border-radius:50%;background:currentColor;position:absolute;top:.17em}
.icon-profile::after{width:.48em;height:.26em;border-radius:.25em .25em .08em .08em;background:currentColor;position:absolute;bottom:.16em}
.icon-board::before{width:60%;height:43%;border:1px solid currentColor;border-radius:.06em}
.icon-board::after{position:absolute;bottom:.13em;width:.34em;height:1px;background:currentColor}
.icon-spark::before{width:.54em;height:.54em;background:currentColor;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}
.card-content{padding:14px 15px}
.card-content>p{color:#45645a;font-size:.9rem}
.card ul{display:grid;gap:5px;list-style:none;padding:0;margin:9px 0 0;color:#1e4032;font-size:.9rem}
.card li{position:relative;padding-inline-start:18px}
.card li::before{content:"✓";color:#16714e;position:absolute;inset-inline-start:0;font-weight:700}
.card-buy{margin:auto 14px 14px;border-top:1px solid #d0e2d8;padding-top:10px}
.price{text-align:center;color:#123d2d;font-size:clamp(1.2rem,2vw,1.47rem);font-weight:700;line-height:1.2;white-space:nowrap}
.price span{font-size:.78rem;font-weight:400;color:#426459}
.buy-incentive{width:max-content;max-width:100%;margin:7px auto 1px;padding:2px 9px;border-radius:4px;background:#f9ecaa;color:#473b15;font-size:.78rem;font-weight:700}
.buy-arrow{width:59px;height:59px;object-fit:contain;mix-blend-mode:multiply;margin:5px auto 2px;transition:transform .2s ease}
.card-buy:hover .buy-arrow{transform:translateY(2px)}
.pay{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:6px 7px;border:1px solid #1846ad;border-radius:8px;background:#2459cc;color:#fff;white-space:nowrap;font-size:.86rem;font-weight:700}
.pay:hover{background:#1845ad;filter:none}
.faq{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:20px}
.faq h2{font-size:clamp(2rem,3.4vw,3.05rem);margin-bottom:10px}
.faq details{border-bottom:1px solid #3d5448}
.faq details:first-child{border-top:1px solid #3d5448}
.faq summary{cursor:pointer;padding:11px 0;font-weight:700}
.faq details p{color:var(--muted);font-size:.91rem;padding:0 0 12px}
.foot{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--edge);padding-block:18px;color:var(--muted);font-size:.82rem}
.foot a:hover{text-decoration:underline}
dialog{width:min(880px,calc(100% - 22px));max-height:calc(100dvh - 22px);padding:9px 12px 13px;border:1px solid #648773;border-radius:12px;background:#10231a;color:var(--light)}
dialog::backdrop{background:#07140ce9}
.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:7px}
.dialog-head h2{font-size:1.12rem;letter-spacing:0;overflow-wrap:anywhere}
.close{border:1px solid #769986;background:#19392b;border-radius:50%;font-size:1.4rem;width:36px;height:36px;line-height:1}
iframe{display:block;width:100%;border:0;aspect-ratio:16/9;max-height:74dvh;background:#000}
#dialog-youtube{display:inline-block;margin-top:7px;text-decoration:underline;font-size:.85rem}
@media(max-width:960px){.shell{width:calc(100% - 42px)}.portfolio-picker img{display:none}.portfolio-picker button{min-height:46px;padding-inline:8px}.hero{gap:24px}.price{white-space:normal}}
@media(max-width:720px){.masthead{min-height:61px}.hero{grid-template-columns:1fr;padding-block:35px 38px;gap:23px}.hero h1{font-size:clamp(2.9rem,10vw,4.2rem)}.hero-copy{max-width:590px}.section-head{display:block}.section-head>p{margin:10px 0 0;max-width:430px}.desktop-break{display:none}.portfolio,.production,.faq{grid-template-columns:1fr}.portfolio-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.portfolio-picker button{display:grid;grid-template-rows:auto 1fr;gap:4px;min-height:0;padding:4px;font-size:.75rem}.portfolio-picker img{display:block;width:100%;aspect-ratio:1.72}.cards{grid-template-columns:1fr;gap:12px}.card-buy{margin-inline:15px}.faq{gap:13px}.price{white-space:nowrap}}
@media(max-width:380px){.shell{width:calc(100% - 28px)}nav{gap:7px;font-size:.82rem}nav a:nth-child(2){display:none}.hero-actions{gap:10px}.hero-showcase figcaption,.portfolio-feature figcaption{font-size:.76rem}.play{width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:720px){.purchase-setting{margin-top:13px}.currency-options span{min-height:44px}}

.hero-showcase .hero-video-caption{flex-wrap:wrap;justify-content:space-between}

.hero-video-stage{position:relative;min-height:200px}
.hero-video-trigger,.hero-video-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.hero-video-trigger{display:grid;place-items:center}
.hero-video-trigger img{width:100%;height:100%;object-fit:contain;background:#0c1510}
.hero-video-trigger:focus-visible{outline-offset:-4px}
.hero-video-caption a{text-decoration:underline;text-underline-offset:3px;white-space:nowrap}