/* Source device photography supplies silhouette, glass, apertures and side rails. */
.hero-devices{height:706px;perspective:none}
.photo-phone{position:absolute;left:50%;width:294px;height:699px;transform:rotate(-7deg);margin-left:-225px;top:0;z-index:3;filter:drop-shadow(6px 14px 18px #44394520)}
.photo-phone.secondary{width:264px;height:628px;margin-left:23px;top:37px;transform:rotate(8deg);z-index:2}
.hero-devices .photo-phone.primary{width:294px;height:699px;margin-left:-282px;top:0;transform:rotate(-7deg)}
.hero-devices .photo-phone.secondary{width:264px;height:628px;margin-left:55px;top:37px;transform:rotate(8deg)}
.composed-device{display:block;width:100%;height:auto;max-width:none}
.product-hero:not([data-background="none"]) .hero-material{background:radial-gradient(ellipse at 54% 80%,#c3b4cb26,transparent 54%)}
@media(min-width:761px){.hero-life img{transform:translateX(90px);mask-image:linear-gradient(90deg,transparent,#000 9%,#000),linear-gradient(transparent,#000 18%,#000 80%,transparent);mask-composite:intersect}.note-learn{color:#302637;text-shadow:0 1px 8px #fff}.note-learn span{color:#594562}}
.photo-phone-stage{position:absolute;width:1299px;height:3086px;transform-origin:0 0}
.photographic-body{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.screen-mask{position:absolute;inset:0;mask:url('assets/four-physical/device-0-mask.svg') 0 0/100% 100% no-repeat}
[data-frame="1"] .screen-mask{mask-image:url('assets/four-physical/device-1-mask.svg')}
.screen-design{width:393px;height:854px;position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;background:radial-gradient(ellipse at 0 88%,#e9ddfc80,transparent 48%),linear-gradient(155deg,#fff7f0,#fffaf8 35%,#f1e8fc);font:15px/1.35 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#2b263b}
.screen-design svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8}
.screen-status{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 26px;font-size:14px}.screen-status svg{width:57px;height:17px;stroke:none}
.screen-live-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 17px 21px}.screen-live-head>span{background:#eee6fc;color:#714bd0;padding:11px;border-radius:24px;font-size:12px}.screen-live-head>span:last-child{background:#fbe6e8;color:#d45770}.screen-live-head b{text-align:center;font-size:16px;line-height:1.2}.screen-live-head small{display:block;font-size:11px;font-weight:400;color:#97859f;margin-top:6px}
.screen-language{width:max-content;margin:0 auto 24px;padding:8px 18px;border:1px solid #fff;border-radius:24px;background:#fff9;color:#776685;font-size:13px}
.screen-card{padding:26px 25px 16px;margin:0 17px;border-radius:34px;border:1px solid #fff;border-right-color:#d7c9ed;background:linear-gradient(120deg,#fffffff0,#f3eff9ae 56%,#efedf7e0);box-shadow:inset 0 1px 1px #fff,0 8px 32px #805caf14}
.screen-card small{display:block;font-size:12px;color:#7856b5;font-weight:600;margin-bottom:9px}.screen-original{font-size:26px;line-height:1.2;font-weight:600;margin:0 0 23px;letter-spacing:-.6px}.screen-target{font:500 34px/1.19 Georgia,serif;letter-spacing:-.9px;margin:0 0 19px;color:#2b243b}.screen-meaning{font-size:18px;line-height:1.45;color:#7d728b;margin:18px 0 9px}
.screen-tools{display:flex;justify-content:space-around;gap:10px;padding:17px 0 2px;border-top:1px solid #d7c9ea;font-size:11px;color:#7451bc}.screen-tools span{display:flex;align-items:center;flex-direction:column;gap:7px}
.screen-followup{margin:16px 17px;padding:19px 24px;background:#fffc;border:1px solid #e9dff4;border-radius:28px}.screen-followup p{font-size:18px;font-weight:600;margin:0 0 8px}.screen-followup span{font-size:16px;color:#887696}
.screen-tabs{position:absolute;left:17px;right:17px;bottom:37px;height:68px;display:flex;align-items:center;justify-content:space-around;border:1px solid #fff;border-radius:32px;background:#fff8;box-shadow:0 5px 20px #8f69b514}.screen-tabs span{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;color:#86778e}.screen-tabs span:first-child{color:#7451c9}.screen-home{position:absolute;width:130px;height:5px;background:#51475a;border-radius:9px;left:50%;bottom:12px;transform:translateX(-50%)}
.screen-practice-head{display:flex;justify-content:space-between;align-items:center;color:#857095;font-size:14px;padding:12px 27px 23px}.screen-practice-head>span:first-child{font-size:25px}.screen-heading{text-align:center;font:700 26px/1.16 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.7px;margin:0 24px 30px}.secondary .screen-card{padding:25px}.secondary .screen-target{font-size:36px;margin-top:12px}
.screen-model{display:flex;justify-content:center;gap:14px;margin:26px 15px 22px}.screen-model span{display:flex;align-items:center;gap:9px;padding:13px 23px;border:1px solid #fff;border-radius:32px;background:#fff9;color:#7752c9;font-size:15px}.screen-primary{display:flex;gap:12px;justify-content:center;align-items:center;padding:18px;margin:0 21px;border-radius:30px;color:#fff;background:linear-gradient(#b399f3,#8b64de 58%,#8c62d8);box-shadow:inset 0 1px 1px #efe0ff,0 7px 20px #926fbb25;font-size:18px;font-weight:600}.screen-context{margin:30px 34px;color:#7c6d88;font-size:14px}.screen-context b{font-weight:600}.screen-context p{margin:7px 0}
/* The scene photograph owns the whole phone. This plane replaces its display only. */
.table-stage{height:auto;aspect-ratio:3/2;perspective:none;overflow:hidden;background:#d8cfc4}
.table-canvas{position:absolute;width:1536px;height:1024px;left:0;top:0;transform-origin:0 0}
.table-canvas .table-photo{width:1536px!important;height:1024px!important;object-fit:fill;object-position:center;filter:none}
.table-screen-plane{position:absolute;inset:0;pointer-events:none;clip-path:path(evenodd,'M 684 716 Q 665 716 662 735 L 626 917 Q 622 940 646 943 L 851 943 Q 874 940 871 917 L 834 735 Q 831 716 811 716 Z M 728 718 L 771 718 Q 780 722 771 726 L 728 726 Q 718 722 728 718 Z')}
.table-screen-reflection{position:absolute;inset:0;width:1536px;height:1024px;mix-blend-mode:soft-light;opacity:.35;pointer-events:none}
.table-screen-content{width:393px;height:854px;position:absolute;transform-origin:0 0;background:linear-gradient(140deg,#d8d5cf,#c1bec4 70%,#dad1c1);color:#393242;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,sans-serif;filter:contrast(.92);isolation:isolate}
.table-screen-content:after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#ddd5c429,transparent 30%,#d8cec32b 52%,transparent 68%);pointer-events:none}
.table-screen-content header{display:flex;align-items:center;justify-content:space-between;padding:45px 24px 28px;font-size:18px}.table-screen-content header b{text-align:center;font-size:30px}.table-screen-content header small{display:block;font-size:17px;font-weight:400;color:#80738c}.table-screen-content header>span{color:#6e5095}.table-screen-language{font-size:22px;text-align:center;padding:6px;margin:0 0 28px;color:#6e5a7e}
.table-screen-content .table-current{background:#e0dce2ba;border:1px solid #efe8ebbb;border-radius:30px;margin:0 15px;padding:27px 25px}.table-screen-content .table-current small{display:block;font-size:19px;color:#786984;margin-bottom:12px}.table-screen-content #table-en{font-size:39px;line-height:1.18;font-weight:600;margin:0 0 24px}.table-screen-content #table-es{font-size:46px;line-height:1.18;font-weight:600;margin:0}
.table-screen-content .table-next{margin:20px 15px;padding:22px 25px;background:#ddd7dfcc;border-radius:25px}.table-screen-content .table-next p{font-size:34px;font-weight:600;line-height:1.2;margin:0 0 14px}.table-screen-content .table-next span{font-size:39px;line-height:1.2;color:#695770}
.table-screen-content footer{position:absolute;bottom:38px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:17px;padding:18px;background:#dbd7e08f;border-radius:25px;border:0;color:#6d5a7e}
.table-stage[data-scene-state="5"] .table-current,.table-stage[data-scene-state="6"] .table-current{opacity:.52;padding:18px 22px}.table-stage[data-scene-state="5"] #table-en,.table-stage[data-scene-state="6"] #table-en{font-size:25px;margin-bottom:8px}.table-stage[data-scene-state="5"] #table-es,.table-stage[data-scene-state="6"] #table-es{font-size:29px}.table-stage[data-scene-state="5"] .table-current small,.table-stage[data-scene-state="6"] .table-current small{font-size:14px;margin-bottom:5px}
.friend-subtitle{top:24%;left:6%;max-width:27%;color:#fffcf2;text-shadow:0 2px 12px #473c3188}.friend-subtitle>span{font-size:11px}.friend-subtitle #friend-line{font-size:38px;line-height:1.12;letter-spacing:-1px}
.sentence-closeup{right:5%;bottom:5%;width:27%;padding:20px 23px;max-width:340px;background:linear-gradient(130deg,#fff8e2d9,#e9dde6ba);backdrop-filter:blur(3px);border:1px solid #fff6;box-shadow:0 4px 14px #3e2f2520}.sentence-closeup:before{content:none}.sentence-closeup #closeup-es{font-size:32px}.sentence-closeup #closeup-en{font-size:13px}.table-label{left:6%;top:7%;color:#fff8ee;text-shadow:0 1px 8px #352b2777}
@media(max-width:760px){
 .hero-devices .photo-phone.primary{width:194px;height:461px;margin:0;left:calc(50% - 171px);top:0;transform:rotate(-5deg)}
 .hero-devices .photo-phone.secondary{width:167px;height:397px;margin:0;left:calc(50% + 7px);top:30px;transform:rotate(7deg)}
 .hero-devices{height:509px;max-width:430px;margin-top:38px}.photo-phone{width:211px;height:502px;margin:0;left:calc(50% - 157px);top:0;transform:rotate(-6deg)}.photo-phone.secondary{width:181px;height:430px;left:calc(50% - 8px);margin:0;top:42px;transform:rotate(8deg)}
 .table-stage{height:555px;aspect-ratio:auto}.friend-subtitle{top:40%;left:6%;max-width:44%}.friend-subtitle #friend-line{font-size:23px;letter-spacing:-.5px}.friend-subtitle>span{font-size:8px}.table-label{top:6%;left:6%;font-size:8px;max-width:90px;line-height:1.5}
 .sentence-closeup{right:4%;bottom:32%;width:43%;padding:11px 13px;border-radius:15px;backdrop-filter:none}.sentence-closeup #closeup-es{font-size:23px;letter-spacing:-.5px}.sentence-closeup #closeup-en{font-size:9px;margin-bottom:8px}.closeup-caption{font-size:7px;margin-bottom:8px}
}
@media(max-width:370px){.photo-phone{width:201px;height:478px;left:calc(50% - 146px)}.photo-phone.secondary{width:171px;height:407px;left:calc(50% - 7px);top:41px}.hero-devices{height:483px}.table-stage{height:525px}.sentence-closeup #closeup-es{font-size:22px}}
@media(max-width:370px){.hero-devices .photo-phone.primary{width:181px;height:430px;left:calc(50% - 159px)}.hero-devices .photo-phone.secondary{width:155px;height:369px;left:calc(50% + 6px)}}
html:not(.js) .table-canvas{width:100%;height:100%;transform:none}
html:not(.js) .table-canvas .table-photo{width:100%!important;height:100%!important;object-fit:cover}
html:not(.js) .table-screen-plane,html:not(.js) .scene-controls,html:not(.js) .learning-shell button,html:not(.js) [data-global-motion],html:not(.js) [data-early],html:not(.js) [data-menu]{display:none}