:root{--paper:#f0f0ef;--ink:#116588;--pink:#f35d7a;--body:#3e3e40}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--body);font-family:Assistant,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b72f56;outline-offset:5px}
.canvas-wrap{position:relative;width:100%;height:1240px;overflow:hidden}.page-stage{position:relative;width:1440px;height:1240px;margin:auto;background:var(--paper);isolation:isolate}.hero{position:relative;width:1440px;height:920px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 67% 32%,#e8edef 0,transparent 46%),var(--paper)}
.masthead{position:absolute;top:40px;left:80px;right:90px;z-index:8;display:flex;justify-content:space-between;align-items:center}.brand{font:600 34px/1 Rubik,Arial;letter-spacing:-1px;color:var(--ink)}.page-nav{display:flex;align-items:center;gap:32px;font-size:18px}.page-nav a{position:relative;padding:9px 0;color:#46616d;text-decoration:none}.page-nav a:after{position:absolute;content:'';right:0;left:0;bottom:0;height:2px;transform:scaleX(0);transform-origin:right;background:var(--pink);transition:transform .25s}.page-nav a[aria-current]:after,.page-nav a:hover:after{transform:scaleX(1)}
.portrait-enter{position:absolute;right:-32px;top:55px;width:900px;height:610px;z-index:1;pointer-events:none}.portrait{width:100%;height:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 24%,#000 81%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 76%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%,#000 81%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 76%,transparent 100%);-webkit-mask-composite:source-in}.portrait img{display:block;width:100%;height:auto;margin-top:-15px}
.title-block{position:absolute;left:80px;top:158px;width:720px;z-index:3}.title-block h1{margin:0;color:var(--ink);font:700 69px/1.16 Heebo,Arial,sans-serif;letter-spacing:-2px}.question{display:block;font:400 28px/1.4 Assistant,Arial;letter-spacing:0;margin-bottom:18px;color:var(--body)}.title-line{display:block;white-space:nowrap}.title-line.last{display:flex;align-items:baseline;justify-content:flex-start;gap:13px;line-height:1.23}.title-line em{font:500 111px/1.17 'Frank Ruhl Libre',serif;letter-spacing:-3px;font-style:normal;color:var(--ink)}
.offer{position:absolute;left:193px;top:454px;width:607px;z-index:4}.offer p{font:400 28px/1.5 Assistant,Arial;margin:0;letter-spacing:-.2px}.offer strong{font-weight:600}
.wordmark{position:absolute;left:28px;top:603px;width:866px;z-index:3;color:#116588;opacity:.12;pointer-events:none}.wordmark span{display:block;font:600 224px/.8 Rubik,Arial;letter-spacing:-10px;white-space:nowrap}
.portrait-credit{position:absolute;right:108px;top:669px;width:450px;z-index:4;text-align:right}.portrait-credit .name{font:500 44px/1.15 'Frank Ruhl Libre',serif;color:var(--ink);letter-spacing:-.5px}
.depth-field{position:absolute;left:0;right:0;top:676px;height:290px;z-index:2;pointer-events:none;filter:drop-shadow(0 -7px 15px #30546d0b)}.depth-field svg{display:block;width:100%;height:100%}.rear-fold{fill:#d0dfe1}.paper-fold{fill:url(#paper-edge)}.desk-front{fill:url(#desk-color)}
.booking-ticket{position:absolute;top:800px;left:357px;z-index:6;display:flex;align-items:stretch;width:443px;height:86px;border:0;padding:0;background:#fbfcf8;color:#114b67;border-radius:8px;box-shadow:0 12px 30px #073c5626;transition:transform .25s,box-shadow .25s;mask-image:radial-gradient(circle 7px at 86px 0,transparent 6px,#000 7px),radial-gradient(circle 7px at 86px 100%,transparent 6px,#000 7px);mask-composite:intersect;-webkit-mask-image:radial-gradient(circle 7px at 86px 0,transparent 6px,#000 7px),radial-gradient(circle 7px at 86px 100%,transparent 6px,#000 7px);-webkit-mask-composite:source-in}.booking-ticket:after{content:'';position:absolute;left:85px;top:12px;bottom:12px;border-left:1px dashed #114b6740}.cta-copy{display:flex;align-items:center;justify-content:center;flex:1;padding:16px 20px}.cta-title{font:600 27px/1.25 Assistant,Arial;white-space:nowrap}.calendar-panel{width:86px;display:grid;place-items:center;background:var(--pink);transition:background .25s}.calendar-panel svg{width:36px;height:40px;fill:none;stroke:#163f53;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}.calendar-tick{stroke-width:2.5}.booking-ticket:hover{transform:translateY(-4px);box-shadow:0 18px 35px #073c563b}.booking-ticket:hover .calendar-panel{background:#ff7d96}.booking-ticket:hover svg{transform:rotate(-6deg)}.booking-ticket:focus-visible{outline:0;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 6px #b72f56}
.process-demo{position:absolute;right:88px;top:749px;width:470px;z-index:5;isolation:isolate;padding:14px 20px 12px;background:#f8f9f5;border:1px solid #fff;border-radius:5px;color:#31556a;box-shadow:0 14px 28px #06394e2e;transform-origin:center bottom}.process-demo:before,.process-demo:after{content:'';position:absolute;inset:0;border-radius:5px;z-index:-1;pointer-events:none}.process-demo:before{background:#bbd1d5;transform:translate(-10px,14px) rotate(-1.6deg);box-shadow:0 8px 12px #083e5020}.process-demo:after{background:#dce8e7;transform:translate(-5px,7px) rotate(-.8deg)}.process-demo>*{position:relative;z-index:1}.process-demo{background:transparent}.process-demo .process-heading:before{content:'';position:absolute;inset:-15px -21px auto;height:153px;border-radius:5px;background:linear-gradient(120deg,#fff,#f1f6f3);z-index:-1;border:1px solid #fff;pointer-events:none}
.process-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;font:400 17px/1.2 Assistant;color:#536a73}.process-heading button{border:0;background:none;font:400 23px/1 Assistant;padding:0 4px;color:var(--ink)}.process-heading button:hover{color:#b72f56}.process-steps{display:flex;justify-content:space-between;align-items:center;gap:0;position:relative}.process-step{padding:0;border:0;background:none;color:#54707c;display:flex;align-items:center;gap:9px;min-width:102px;justify-content:center;transition:color .25s}.step-icon{display:grid;place-items:center;width:37px;height:39px;position:relative}.step-icon svg{display:block;width:31px;height:31px;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;fill:none}.step-label{font:600 20px/1.25 Assistant}.process-step[aria-selected=true]{color:var(--ink)}.process-step[aria-selected=true] .step-icon{color:var(--ink);background:#e1ecec;border-radius:5px}.process-step[aria-selected=true] .step-icon:after{content:'';position:absolute;top:0;right:0;width:6px;height:6px;background:var(--pink);border-radius:50%;box-shadow:0 0 0 2px #f5f8f5}.process-step.done{color:#347a8d}.process-step.done .step-icon{opacity:.75}.process-step:focus-visible{outline:2px solid #b62f52;border-radius:3px;outline-offset:4px}.transfer{height:35px;display:flex;gap:4px;align-items:center;direction:rtl;opacity:.3}.transfer i{display:block;width:3px;height:3px;border-radius:50%;background:var(--ink)}.transfer.passed{opacity:.9}.process-description{font:400 19px/1.3 Assistant;text-align:center;color:#3e3e40;margin:12px 0 0;min-height:25px;padding-top:8px;border-top:1px solid #cddbdc}
.next-section{position:relative;z-index:3;height:320px;background:#084963;display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center;padding:48px 108px 55px 175px;color:#f4f6f1}.next-section:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#1b779580,transparent 70%);pointer-events:none}.section-title,.next-section>p{position:relative}.next-section h2{font:500 43px/1.2 'Frank Ruhl Libre',serif;letter-spacing:-.4px;margin:0}.next-section>p{font:400 25px/1.5 Assistant;margin:25px 0 0;color:#dce9ea}.process-mark{position:relative;width:38px;height:30px;margin:0 0 18px}.process-mark i{position:absolute;right:0;top:0;width:28px;height:24px;border:1px solid #d2e5e3;border-radius:3px;background:#20768a;transform:translate(-8px,6px) rotate(-5deg);transition:transform .7s,background .7s}.process-mark i:nth-child(2){transform:translate(-4px,3px) rotate(-3deg);background:#77acb6}.process-mark i:nth-child(3){transform:none;background:#f1f4ed}.next-section.in-view .process-mark i:first-child{transform:translate(-14px,6px) rotate(-9deg)}.next-section.in-view .process-mark i:nth-child(2){transform:translate(-7px,3px) rotate(-5deg)}
.enter .question,.enter .title-line,.enter .offer{animation:rise .75s both}.enter .title-line{animation-delay:.08s}.enter .title-line.last{animation-delay:.14s}.enter .offer{animation-delay:.22s}.enter .portrait-enter{animation:photo-in .95s both}.enter .wordmark span{animation:word-in 1s both}.enter .depth-field{animation:surface-in 1s both}.enter .booking-ticket{animation:rise .8s .3s backwards}.enter .process-demo{animation:surface-in .85s .25s both}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes photo-in{from{opacity:.2;transform:translateX(18px)}to{opacity:1;transform:none}}@keyframes word-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes surface-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
.studio{position:relative;z-index:7;background:#fcfcfa;border-top:1px solid #dee2e0;color:#45555c;font:400 14px/1.6 Assistant,Arial}.studio-bar{max-width:1440px;margin:auto;padding:15px 35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.edition{color:#65727a;font-size:13px}.studio-actions{display:flex;gap:24px;align-items:center}.studio button{border:0;background:none;padding:6px 0;font-size:14px;color:#315568}.studio button:hover{text-decoration:underline}.notes-grid{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:40px;max-width:1370px;padding:25px 30px;margin:auto}.notes-grid h2{font-size:20px;margin:0 0 12px;font-weight:600}.notes-grid p{font-size:17px;line-height:1.7;margin:0 0 12px}.notes-grid a,.studio-foot a{color:#116588}.studio-foot{padding:15px 30px 25px;display:flex;justify-content:space-between;max-width:1370px;margin:auto;border-top:1px solid #dee2e0;font-size:13px}
dialog{max-width:470px;padding:37px;border:1px solid #ddd;border-radius:5px;color:#344e59;background:#fcfcfa;font:400 22px/1.6 Assistant,Arial;box-shadow:0 20px 100px #0002}dialog::backdrop{background:#203f537a}dialog h2{font-weight:600;font-size:28px;margin:12px 0}dialog p{margin:0}.close{float:left;background:none;border:none;font-size:28px}.dialog-back{background:#116588;color:white;border:none;padding:12px 24px;font-size:19px;margin-top:24px}.purchase-steps{font-size:20px;padding-right:25px;margin:10px 0 22px}.purchase-steps li{padding:5px 0}
.motion-off *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:900px){.studio-bar{padding:12px 18px;align-items:flex-start;flex-direction:column;gap:5px}.studio-actions{gap:18px;flex-wrap:wrap}.notes-grid{grid-template-columns:1fr;padding:20px}.studio-foot{flex-direction:column;gap:15px}}

/* Refine the approved composition; the foreground carries the motion. */
.title-block h1{font-family:'IBM Plex Sans Hebrew',Heebo,Arial,sans-serif;font-size:76px;font-weight:600;line-height:1.12;letter-spacing:-1.8px}.title-line.last{font-size:70px;gap:13px;line-height:1.18}.title-line em{font-family:'IBM Plex Sans Hebrew',Heebo,Arial,sans-serif;font-size:104px;line-height:1.18;font-weight:700;letter-spacing:-2.7px}.portrait-credit .name{font-family:'IBM Plex Sans Hebrew',Heebo,Arial,sans-serif;font-size:42px;font-weight:500;letter-spacing:-1px}.wordmark{opacity:1;color:#d4e0e3;transform:translate3d(var(--word-x,0px),var(--word-y,0px),0);text-shadow:1px 1px 0 #fff9,-1px -1px 0 #a8bcc522}.wordmark span{letter-spacing:-10px}
.fold-0{fill:#c6d8dc}.fold-1{fill:#e7eeec}.fold-2{fill:#aecbd1}.fold-3{fill:#f8faf5;stroke:#fff;stroke-width:.7}.fold-4{fill:url(#desk-color)}.surface-light{fill:url(#surface-light);pointer-events:none}.depth-field{filter:drop-shadow(0 -7px 16px #294e6713)}
.process-demo{border:0;padding:0;background:transparent;box-shadow:none;perspective:900px;isolation:isolate;transform:none}.process-face{position:relative;z-index:1;border:1px solid #fff;border-radius:6px;padding:14px 20px 12px;background:#f8faf6;box-shadow:0 10px 24px #043e553b;transform:rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));transform-origin:center 85%;overflow:hidden}.process-face:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--light-x,70%) 0%,#fff,transparent 72%);opacity:.65}.process-face>*{position:relative}.process-demo .process-heading:before{content:none}.process-demo:before,.process-demo:after{z-index:0;border:1px solid #f5faf577;transition:transform .6s cubic-bezier(.2,.75,.25,1)}.process-demo:before{background:#a8cbd2;transform:translate(-11px,13px) rotate(-1.6deg)}.process-demo:after{background:#d9e7e6;transform:translate(-5px,7px) rotate(-.8deg)}.process-demo[data-step="1"]:before{transform:translate(-15px,14px) rotate(-2deg)}.process-demo[data-step="1"]:after{transform:translate(-7px,7px) rotate(-1deg)}.process-demo[data-step="2"]:before{transform:translate(-18px,14px) rotate(-2.3deg)}.process-demo[data-step="2"]:after{transform:translate(-9px,7px) rotate(-1.2deg)}
.process-heading{margin-bottom:10px}.process-heading button{width:27px;height:27px;border:1px solid #cfdddd;border-radius:50%;font-size:21px;line-height:1;color:#276a81;display:grid;place-items:center;padding:0;transition:background .2s,transform .3s}.process-heading button:hover{background:#e4eeee;transform:rotate(-25deg)}.process-heading button:disabled{opacity:.4;cursor:default}.process-steps{min-height:39px}.process-step{min-width:106px;transition:color .3s}.step-icon{border-radius:5px;transition:background .3s,box-shadow .3s}.process-step[aria-selected=true] .step-icon{background:#116588;color:white;box-shadow:0 2px 8px #11658824}.process-step[aria-selected=true] .step-icon:after{right:-2px;top:-2px;background:#f35d7a}.process-step.done .step-icon{opacity:1;color:#116588;background:#e5efed}.process-step:hover .step-label{color:#116588}.transfer{width:27px;height:28px;display:block;opacity:1;position:relative;flex-shrink:0}.transfer:before{content:'';position:absolute;left:0;right:0;top:13px;height:1px;background:repeating-linear-gradient(90deg,#a3b9bf 0 2px,transparent 2px 5px)}.transfer .data-packet{position:absolute;right:-2px;top:8px;width:8px;height:11px;border:1px solid #116588;background:#f9fbf8;border-radius:2px;opacity:0;box-shadow:1px 2px 0 #d0e4e6}.transfer.travelling .data-packet{animation:packet-travel .66s cubic-bezier(.33,.1,.34,1) both}.transfer.passed:before{background:#79a4af}.process-description{margin-top:10px;padding-top:9px;font-size:19px;line-height:1.3;min-height:35px;color:#344a55}.process-description.changed{animation:caption-in .35s ease-out}.process-step[aria-selected=true] .icon-line{stroke-dasharray:60;stroke-dashoffset:0;animation:icon-draw .85s ease-out backwards}.process-step[aria-selected=true] .icon-line-1{animation-delay:.08s}.process-step[aria-selected=true] .icon-line-2{animation-delay:.16s}@keyframes packet-travel{0%{opacity:0;transform:translateX(4px)}15%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translateX(-27px)}}@keyframes icon-draw{from{stroke-dashoffset:60}to{stroke-dashoffset:0}}@keyframes caption-in{from{opacity:.3;transform:translateY(3px)}to{opacity:1;transform:none}}
.booking-ticket{box-shadow:0 14px 28px #00384a33,inset 0 1px 0 #fff;transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s}.calendar-panel{transition:background .3s,transform .35s;transform-origin:center}.booking-ticket:hover,.booking-ticket:focus-visible{transform:translateY(-4px);box-shadow:0 19px 34px #00384a45,inset 0 1px 0 #fff}.booking-ticket:hover .calendar-panel{transform:translateX(-2px)}.booking-ticket:hover .calendar-tick{stroke-dasharray:26;animation:tick-in .5s ease-out both}.booking-ticket:active{transform:translateY(-1px)}@keyframes tick-in{from{stroke-dashoffset:26}to{stroke-dashoffset:0}}
.process-mark{height:34px;width:50px}.process-mark i{transition:transform .8s cubic-bezier(.16,.7,.3,1);width:30px;height:24px;border-radius:3px}.process-mark i:nth-child(1){transform:translate(-12px,8px) rotate(-8deg);background:#377e92}.process-mark i:nth-child(2){transform:translate(-9px,6px) rotate(-6deg);background:#80acb7}.process-mark i:nth-child(3){transform:translate(-6px,4px) rotate(-4deg);background:#b7d0d4}.process-mark i:nth-child(4){transform:translate(-3px,2px) rotate(-2deg);background:#dce8e6}.process-mark i:nth-child(5){transform:none;background:#f1f4ed}.next-section.in-view .process-mark i:nth-child(1){transform:translate(-28px,8px) rotate(-13deg)}.next-section.in-view .process-mark i:nth-child(2){transform:translate(-21px,6px) rotate(-10deg)}.next-section.in-view .process-mark i:nth-child(3){transform:translate(-14px,4px) rotate(-7deg)}.next-section.in-view .process-mark i:nth-child(4){transform:translate(-7px,2px) rotate(-3deg)}
/* Reading stays stable while the surfaces establish depth. */
.enter .question,.enter .title-line,.enter .offer{animation:none}.enter .wordmark span{animation:word-in .85s both}.enter .depth-field{animation:surface-in 1s cubic-bezier(.2,.7,.3,1) backwards}.enter .process-demo{animation:surface-in .9s .1s backwards}.enter .portrait-enter{animation:photo-in .85s backwards}.enter .booking-ticket{animation:rise .75s .18s backwards}.motion-off .wordmark,.motion-off .process-face{transform:none!important}.motion-off .transfer .data-packet{display:none}
@media(prefers-reduced-motion:reduce){.wordmark,.process-face{transform:none!important}.transfer .data-packet{display:none}}