:root{--paper:#f6f5f1;--ink:#23251f;--muted:#777a70;--accent:#def582;--ease:cubic-bezier(.22,.68,0,1.01)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,input{outline-offset:5px}button{color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}button{border:0}em{font-weight:450;font-family:Georgia,serif}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.06em}p{line-height:1.6}.navigation{height:105px;padding:0 5.3%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;border-bottom:1px solid #23251f12}.brand{display:flex;align-items:center;gap:9px;font-size:30px;font-weight:650;letter-spacing:-1.7px}.brand svg{width:32px;height:29px;fill:none;stroke:currentColor;stroke-width:2.3}.brand-dot{align-self:flex-start;font-size:11px;letter-spacing:0;margin-top:6px}.navigation nav{display:flex;align-items:center;gap:38px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--ink);color:white;padding:20px 24px;border-radius:8px;font-size:14px;transition:transform .2s,background .2s}.button:hover{background:#414639;transform:translateY(-2px)}.button:active{transform:scale(.98)}.button span{font-size:20px;line-height:1}.button.small{padding:14px 18px;gap:25px;font-size:12px}.hero{padding:64px 5.3% 0}.hero-copy{text-align:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.9px;display:block}.tiny-frames{margin-right:8px;font-size:16px;vertical-align:middle}h1{font-size:clamp(58px,6.9vw,108px);line-height:1.02;margin-top:24px;letter-spacing:-.065em}h1 em{position:relative}h1 em:after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:5px;border-radius:50%;background:var(--accent);z-index:-1}.hero-copy p{font-size:15px;color:#72756b;margin:24px 0}.hero-note{display:block;margin-top:15px;font-size:10px;color:var(--muted)}.hero-stage{position:relative;margin-top:63px;height:540px}.frame{overflow:hidden;border-radius:12px;background:#a4b7b2;position:absolute}.hero-main{width:70%;height:445px;left:0;top:0;transform:rotate(-2deg);animation:enter-left 1.1s var(--ease) both}.hero-main img{object-position:center 55%}.hero-self{width:29%;height:355px;right:0;top:73px;transform:rotate(4deg);animation:enter-right 1.1s .2s var(--ease) both}.hero-self img{object-position:50% 43%}.view-label{position:absolute;left:22px;top:22px;color:white;font-size:9px;letter-spacing:1.6px;display:flex;align-items:center;gap:8px;text-shadow:0 1px 10px #0006}.live-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block}.frame-bottom{position:absolute;left:22px;right:22px;bottom:22px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:white}.frame:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0002,transparent 30%,transparent 75%,#0004)}.connection-mark{position:absolute;left:69.5%;top:190px;transform:translateX(-50%);width:55px;height:55px;border-radius:50%;background:var(--accent);display:grid;place-items:center;font-size:28px;font-weight:400;z-index:2}.stage-caption{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.stage-caption span:last-child{font-size:9px;letter-spacing:1.5px}.camera-corner{position:absolute;width:22px;height:22px;border-color:#fff8;border-style:solid}.tl{top:58px;left:24px;border-width:1px 0 0 1px}.br{bottom:58px;right:24px;border-width:0 1px 1px 0}.experience{padding:100px 8.8% 110px}.section-intro{text-align:center}.section-intro h2,.edit-intro h2{font-size:clamp(42px,5.2vw,76px);line-height:1.06;margin:25px 0}.section-intro h2 span,.edit-intro h2 span{color:#8b8e82}.section-intro p{font-size:15px;color:var(--muted)}.demo-shell{margin:55px auto 0;border-radius:13px;background:#20231e;color:white;padding:14px;max-width:1100px;box-shadow:0 25px 70px #23251f12}.demo-top{display:flex;justify-content:space-between;padding:8px 10px 20px;font-size:9px;letter-spacing:1.2px}.demo-status{display:flex;gap:8px;align-items:center}.demo-status i{background:var(--accent);width:5px;height:5px;border-radius:50%}.demo-caption{color:#b8bbae}.composition{position:relative;height:510px;border-radius:5px;overflow:hidden;isolation:isolate;background:#545f58}.perspective{position:absolute;overflow:hidden;transition:width .85s var(--ease),height .85s var(--ease),left .85s var(--ease),top .85s var(--ease),border-radius .85s var(--ease),transform .85s var(--ease)}.primary{inset:0;width:100%;height:100%}.secondary{left:72%;top:9%;width:24%;height:53%;z-index:3;border:3px solid #ffffffdc;border-radius:14px;box-shadow:0 8px 25px #0003;cursor:grab;touch-action:none}.secondary:active{cursor:grabbing}.secondary img{object-position:50% 40%}.drag-hint{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:1.5px;color:white;text-shadow:0 1px 8px #000}.composition[data-layout=split] .primary{width:50%}.composition[data-layout=split] .secondary{left:50%!important;top:0!important;width:50%!important;height:100%;border:0;border-left:3px solid #20231e;border-radius:0}.composition[data-shape=circle][data-layout=pip] .secondary{aspect-ratio:1;height:auto;border-radius:50%}.composition[data-shape=square][data-layout=pip] .secondary{aspect-ratio:1;height:auto;border-radius:4px}.composition.swapped .primary img{object-position:center}.camera-ui{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;color:white;font-size:11px;z-index:4}.camera-ui b{background:#20231e99;color:var(--accent);border:1px solid #ffffff66;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.rec-indicator{position:absolute;top:23px;left:25px;font-size:9px;letter-spacing:2px;color:white;z-index:4;display:flex;gap:8px;align-items:center}.rec-indicator i{width:6px;height:6px;border-radius:50%;background:#fb5e4a}.demo-controls{display:flex;justify-content:center;gap:7px;padding-top:14px}.demo-controls button{background:transparent;color:#b9bdb1;font-size:10px;padding:13px 17px;border-radius:5px;transition:background .2s,color .2s}.demo-controls button span{font-size:17px;margin-right:6px;vertical-align:middle}.demo-controls button:hover{background:#ffffff12}.demo-controls button.active{background:var(--accent);color:#23251f}.composition-caption{display:flex;justify-content:space-between;margin:19px 2px;align-items:center}.composition-caption p{font-size:12px}.composition-caption>span{font-size:8px;letter-spacing:1px;color:var(--muted)}.editorial-line{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:110px;align-items:center}.editorial-line h3{font-size:clamp(42px,5vw,70px);line-height:1.05}.editorial-line p{font-size:16px;max-width:350px;color:var(--muted)}.size-control{max-width:350px;display:flex;align-items:center;gap:25px;margin-top:28px}.size-control label{font-size:10px;white-space:nowrap}input[type=range]{width:100%;accent-color:#323a25;cursor:pointer}.create-section{padding:95px 8.8%;background:#eaece4;display:grid;grid-template-columns:1fr 1fr;gap:10%}.create-heading h2{font-size:clamp(52px,6vw,85px);line-height:1.04;margin-top:27px}.create-detail{padding-top:28px}.mode-tabs button{padding:18px 0;display:flex;width:100%;justify-content:space-between;background:none;border-bottom:1px solid #23251f25;font-size:21px;letter-spacing:-.6px;color:#898c81;text-align:left}.mode-tabs button.active{color:var(--ink)}.mode-tabs button.active span{background:var(--accent)}.mode-tabs button span{border-radius:50%;height:28px;width:28px;display:grid;place-items:center;font-size:16px}.create-detail>p{margin-top:25px;max-width:380px;color:#74796b;font-size:14px}.text-link{display:inline-block;border-bottom:1px solid;margin-top:25px;font-size:12px;padding-bottom:4px}.teleprompter{display:none;position:absolute;inset:0 15% 0 12%;z-index:2;padding:110px 0 0;background:linear-gradient(transparent,#0007 45%,#0005);overflow:hidden;pointer-events:none}.teleprompter p{font-size:clamp(20px,3.1vw,42px);line-height:1.6;color:#ffffff85;animation:script 16s linear infinite}.teleprompter strong{color:white;font-weight:500}.composition.mode-teleprompter .teleprompter{display:block}.screen-content{display:none;position:absolute;inset:0;background:#e6ddd0;padding:35px 8%;color:#373c31;overflow:hidden}.screen-content>span{font-size:8px;letter-spacing:2px}.screen-content h3{font-family:Georgia,serif;font-size:54px;line-height:1.1;margin:25px 0}.screen-photo{height:170px;background:url('/assets/coast.jpg') center/cover}.screen-content p{font-size:10px;margin-top:15px}.composition.mode-screen .screen-content{display:block}.edit-section{background:#22251f;color:#f6f5f1;padding:110px 8.8% 90px}.edit-intro{text-align:center}.edit-intro .eyebrow{color:#b7bdac}.edit-intro p{font-size:15px;color:#acb1a3}.editor{max-width:850px;margin:55px auto 0;background:#151812;border:1px solid #ffffff15;border-radius:13px;padding:19px 24px 10px;box-shadow:0 30px 80px #0003}.editor-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:8px;letter-spacing:1.5px;color:#c2c7b8}.editor-bar button{background:var(--accent);color:#20231e;border-radius:5px;font-size:10px;padding:10px 15px}.editor-bar button span{margin-left:20px}.edit-preview{position:relative;height:335px;max-width:650px;margin:auto;overflow:hidden;border-radius:4px}.edit-pip{position:absolute;right:5%;top:9%;width:24%;height:65%;border:2px solid white;border-radius:12px;overflow:hidden;transition:all .6s var(--ease)}.play{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);height:35px;width:35px;border-radius:50%;background:#ffffffeb;font-size:11px;padding-left:9px}.timeline-heading{display:flex;justify-content:space-between;margin:23px 0 15px;font-size:8px;letter-spacing:1px;color:#b9bfaf}.timeline{height:88px;position:relative;padding:3px 12%}.track{height:35px;border-radius:3px;background-size:70px auto;background-repeat:repeat-x;position:relative}.scenery{background-image:url('/assets/coast.jpg');border:2px solid var(--accent)}.face{background-image:url('/assets/creator.jpg');margin-top:5px;height:28px;opacity:.65;background-position:0 40%}.trim-handle{position:absolute;top:-2px;bottom:-2px;width:9px;background:var(--accent);cursor:ew-resize;touch-action:none}.trim-handle:after{content:'';position:absolute;top:10px;bottom:10px;left:4px;border-left:1px solid #20231f}.trim-handle.left{left:-3px;border-radius:3px 0 0 3px}.trim-handle.right{right:-3px;border-radius:0 3px 3px 0}.playhead{position:absolute;left:38%;top:-5px;bottom:0;border-left:1px solid #fff;pointer-events:none}.playhead:before{content:'';position:absolute;left:-3px;top:0;width:5px;height:6px;background:white}.edit-tools{display:flex;justify-content:center;gap:50px;padding-top:17px;border-top:1px solid #ffffff12}.edit-tools button{background:transparent;color:#8e9784;font-size:20px;min-width:35px}.edit-tools button span{display:block;font-size:9px;margin-top:5px}.edit-tools button.active{color:var(--accent)}.edit-feedback{font-size:10px;color:#9fa794;text-align:center;margin:15px 0 5px;min-height:17px}.illustration-label{text-align:center;font-size:8px;letter-spacing:1.5px;color:#8e9784;margin-top:23px}.details{padding:110px 8.8%}.details h2{font-size:clamp(36px,4vw,58px);line-height:1.1;margin-bottom:60px}.detail-row{display:grid;grid-template-columns:50px 1fr 1fr;align-items:center;gap:25px;padding:30px 0;border-top:1px solid #23251f25}.detail-row>span{color:#93978a;font-size:10px}.detail-row h3{font-size:25px;letter-spacing:-1px}.detail-row p{color:var(--muted);font-size:13px;max-width:300px}.closing{padding:80px 5% 95px;background:#e8ecdf;text-align:center;position:relative;overflow:hidden}.closing-images{position:relative;height:170px;width:250px;margin:0 auto 42px}.closing-images img{position:absolute;width:160px;height:150px;border-radius:7px;transform:rotate(-9deg);left:0}.closing-images img:last-child{left:100px;top:25px;width:120px;transform:rotate(9deg);border:3px solid #e8ecdf}.closing h2{font-size:clamp(65px,8vw,110px);line-height:1.02;margin:25px 0 33px}.closing>p{font-size:12px;color:var(--muted);margin-top:17px}footer{padding:60px 5.3% 25px;display:grid;grid-template-columns:1fr 1fr;gap:25px}footer .brand{font-size:28px}footer>p{font-size:12px;color:var(--muted);justify-self:end;align-self:center}footer>div{display:flex;gap:25px;font-size:10px;margin-top:20px}footer>span{font-size:10px;color:var(--muted);justify-self:end;margin-top:20px}footer a:hover{opacity:.65}.skip{position:fixed;top:-60px;left:15px;z-index:30;background:white;padding:10px}.skip:focus{top:10px}dialog{border:1px solid #ddd;border-radius:15px;background:var(--paper);padding:50px;max-width:510px;width:calc(100% - 32px);color:var(--ink)}dialog::backdrop{background:#15181280;backdrop-filter:blur(4px)}dialog h2{font-size:38px;line-height:1.1;margin:20px 0}dialog p{font-size:14px;color:var(--muted);margin-bottom:25px}.dialog-close{position:absolute;right:17px;top:12px;font-size:25px;background:none}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--accent);color:var(--ink);padding:16px 25px;border-radius:8px;font-size:12px;z-index:20;pointer-events:none;transition:.3s}.toast.visible{opacity:1;transform:translate(-50%,0)}.legal-main{max-width:760px;margin:85px auto 110px;padding:0 25px}.legal-main h1{font-size:clamp(48px,6vw,76px);margin-bottom:25px}.legal-main .legal-date{font-size:12px;color:var(--muted);margin-bottom:45px}.legal-main h2{font-size:25px;letter-spacing:-1px;margin:35px 0 14px}.legal-main p{font-size:15px;color:#666e5e}.legal-notice{border-left:3px solid #a8bd5e;background:#e8ecdf;padding:22px;margin-bottom:40px}.legal-notice strong{display:block;margin-bottom:9px;font-size:14px}.legal-main a{text-decoration:underline}.legal-main .eyebrow{margin-bottom:25px}@keyframes enter-left{from{opacity:0;transform:translate(-25px,20px) rotate(-4deg)}to{opacity:1;transform:rotate(-2deg)}}@keyframes enter-right{from{opacity:0;transform:translate(25px,20px) rotate(7deg)}to{opacity:1;transform:rotate(4deg)}}@keyframes script{from{transform:translateY(20px)}to{transform:translateY(-130px)}}@media(min-width:1600px){.hero,.navigation,footer{padding-left:max(5.3%,calc((100vw - 1450px)/2));padding-right:max(5.3%,calc((100vw - 1450px)/2))}.experience,.create-section,.edit-section,.details{padding-left:max(8.8%,calc((100vw - 1200px)/2));padding-right:max(8.8%,calc((100vw - 1200px)/2))}}@media(max-width:800px){.navigation{height:83px}.brand{font-size:26px}.navigation nav{gap:20px}.hero{padding-top:50px}.hero-stage{height:430px;margin-top:50px}.hero-main{height:330px;width:73%}.hero-self{height:260px;width:32%;top:65px;right:0}.connection-mark{left:70%;top:150px;width:42px;height:42px}.view-label,.frame-bottom{font-size:7px;left:14px;right:14px}.stage-caption{bottom:30px}.experience{padding:70px 5.3%}.composition{height:400px}.demo-controls button{padding:12px 9px;font-size:9px}.demo-controls button span{margin-right:3px}.editorial-line{gap:6%;margin-top:70px}.editorial-line p{font-size:14px}.create-section{padding:70px 5.3%;gap:6%}.create-heading h2{font-size:60px}.edit-section,.details{padding:80px 5.3%}.detail-row{grid-template-columns:25px 1fr 1fr;gap:15px}.detail-row h3{font-size:21px}footer>div{gap:18px}.demo-caption{display:none}}@media(max-width:560px){.navigation{height:78px;padding:0 6%}.brand{font-size:25px}.brand svg{width:27px}.navigation .nav-feature{display:none}.button.small{font-size:10px;gap:15px;padding:12px 14px}.hero{padding:44px 6% 0}.eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:clamp(45px,11.2vw,63px);letter-spacing:-.065em;line-height:1.07;margin-top:24px}.hero-copy p{font-size:13px;margin:22px 0}.desktop{display:none}.button{font-size:12px;padding:18px 21px}.hero-note{font-size:8px}.hero-stage{height:390px;margin-top:44px}.hero-main{width:87%;height:278px;top:0;left:0;transform:rotate(-2deg)}.hero-self{width:43%;height:200px;top:110px;right:-1%}.hero-self .view-label{font-size:6px;letter-spacing:.8px;top:13px}.hero-self .frame-bottom{font-size:6px;letter-spacing:.6px;bottom:13px}.connection-mark{top:124px;left:59%;width:32px;height:32px;font-size:20px}.stage-caption{bottom:17px;align-items:flex-start;gap:35px}.stage-caption>span:first-child{font-size:10px;max-width:135px}.stage-caption>span:last-child{font-size:7px;max-width:105px;text-align:right;line-height:1.6}.experience{padding:55px 5% 65px}.section-intro h2,.edit-intro h2{font-size:40px;letter-spacing:-2.5px}.section-intro p,.edit-intro p{font-size:13px}.demo-shell{margin-top:35px;padding:8px;border-radius:10px}.demo-top{font-size:7px;padding:8px 6px 14px}.composition{height:420px}.primary img{object-position:42%}.secondary{width:33%;height:38%;left:62%;top:8%;border-width:2px;border-radius:10px}.demo-controls{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding-top:8px}.demo-controls button{font-size:9px;padding:12px 5px}.composition-caption{display:block;margin:17px 2px}.composition-caption>span{display:block;margin-top:8px;font-size:6px}.composition-caption p{font-size:11px}.editorial-line{grid-template-columns:1fr;gap:28px;margin-top:60px;padding:0 4%}.editorial-line h3{font-size:47px}.editorial-line p{font-size:14px;max-width:310px}.size-control{margin-top:20px}.create-section{padding:60px 8%;grid-template-columns:1fr;gap:15px}.create-heading h2{font-size:57px}.create-detail{padding-top:15px}.mode-tabs button{font-size:20px}.create-detail>p{font-size:13px}.edit-section{padding:65px 5%}.edit-intro h2{font-size:38px}.editor{padding:13px 10px 10px;margin-top:35px}.editor-bar{font-size:6px;margin-bottom:15px}.edit-preview{height:300px}.edit-pip{width:30%;height:50%}.timeline-heading{font-size:7px}.timeline-heading span:nth-child(2){display:none}.edit-tools{gap:32px}.edit-feedback{font-size:8px}.illustration-label{font-size:6px}.details{padding:70px 8%}.details h2{font-size:35px;margin-bottom:35px}.detail-row{grid-template-columns:20px 1fr;gap:8px 15px;padding:24px 0}.detail-row h3{font-size:23px}.detail-row p{grid-column:2;font-size:12px;max-width:240px}.closing{padding:60px 6%}.closing h2{font-size:76px}.closing-images{transform:scale(.85);margin-bottom:20px}footer{padding:40px 6% 25px;grid-template-columns:1fr;gap:18px}footer>p,footer>span{justify-self:start}footer>div{flex-wrap:wrap;gap:15px 22px;margin-top:10px}footer>span{margin-top:12px}.teleprompter{inset:0 6%;padding-top:180px}.teleprompter p{font-size:22px}.screen-content{padding:30px 7%}.screen-content h3{font-size:42px}.legal-main{margin-top:50px}.legal-main h1{font-size:49px}dialog{padding:40px 25px}dialog h2{font-size:33px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:801px) and (prefers-reduced-motion:no-preference){.scene-runway{height:135vh;min-height:950px;margin-top:55px}.scene-runway .demo-shell{position:sticky;top:22px;margin-top:0}.composition{height:min(48vh,510px)}}.hero-copy>*{animation:copy-in .75s var(--ease) both}.hero-copy h1{animation-delay:.08s}.hero-copy p{animation-delay:.16s}.hero-copy .button{animation-delay:.24s}.hero-copy .hero-note{animation-delay:.3s}@keyframes copy-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(max-width:350px){.navigation .brand{font-size:22px}.navigation .button.small{padding:12px 13px;white-space:nowrap;gap:12px}.navigation{padding:0 5%}.brand{gap:6px}.hero h1{font-size:43px}.hero-copy .button{white-space:nowrap}}
/* Product demonstrations are portrait phone interfaces. */
.demo-shell,.editor{width:min(100%,390px);max-width:390px;border:6px solid #10130f;border-radius:42px;padding:24px 12px 20px;position:relative;box-shadow:0 28px 65px #15181222}
.demo-shell:before,.editor:before{content:'';display:block;position:absolute;width:82px;height:19px;background:#10130f;border-radius:0 0 13px 13px;left:50%;top:0;transform:translateX(-50%);z-index:8}
.demo-shell:after,.editor:after{content:'';display:block;width:100px;height:4px;border-radius:4px;background:#e9eddf;position:absolute;bottom:7px;left:50%;transform:translateX(-50%)}
.demo-top{padding:11px 6px 18px;font-size:8px}.demo-caption{display:none}.composition{height:auto!important;aspect-ratio:9/14;border-radius:16px}
.secondary{left:65%;top:8%;width:29%;height:32%;border-width:2px;border-radius:12px}.drag-hint{font-size:7px;letter-spacing:1px}.rec-indicator{top:18px;left:17px;font-size:8px}.camera-ui{bottom:18px;gap:15px}
.demo-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-top:13px}.demo-controls button{padding:12px 5px;font-size:9px;min-height:44px}.demo-controls button span{font-size:15px;margin-right:4px}
.composition-caption{max-width:390px;margin:20px auto 0;display:block;text-align:center}.composition-caption>span{display:block;margin-top:8px;font-size:7px;letter-spacing:.7px}.composition-caption p{font-size:12px}
.editor{padding:31px 12px 27px;margin-top:55px;background:#151812}.editor-bar{margin:0 3px 18px;font-size:7px;letter-spacing:1px}.editor-bar button{font-size:10px;padding:10px 12px;min-height:36px}.editor-bar button span{margin-left:12px}
.edit-preview{height:auto;aspect-ratio:9/12;width:100%;border-radius:13px}.edit-pip{width:29%;height:38%;right:5%;top:8%;border-radius:10px}.play{width:38px;height:38px;bottom:15px}.timeline-heading{font-size:8px;margin:22px 3px 15px}.timeline-heading span:nth-child(2){display:none}.timeline{height:82px;padding:3px 5%}.track{background-size:52px auto}.edit-tools{gap:0;justify-content:space-around;padding-top:15px}.edit-tools button{font-size:21px;width:55px;min-height:48px}.edit-tools button span{font-size:10px}.edit-feedback{font-size:9px;line-height:1.5;min-height:27px;margin:12px 2px 0}.teleprompter{inset:0 6%;padding-top:190px}.teleprompter p{font-size:23px}.screen-content{padding:35px 8%}.screen-content h3{font-size:43px}.screen-photo{height:190px}
@media(min-width:801px) and (prefers-reduced-motion:no-preference){.scene-runway{height:1100px;min-height:0}.scene-runway .demo-shell{top:25px}.composition{height:auto!important}}
@media(max-width:560px){.demo-shell,.editor{width:min(100%,350px);border-width:5px;border-radius:36px;padding-left:10px;padding-right:10px}.demo-shell{margin-top:35px}.editor{margin-top:35px}.composition{aspect-ratio:9/14}.edit-preview{aspect-ratio:9/12}.composition-caption>span{font-size:6px}.editorial-line{margin-top:60px}}
/* The opening camera perspectives use the same portrait language as the app. */
.hero-stage{height:650px;max-width:940px;margin:63px auto 0}
.hero-main{width:350px;height:540px;left:calc(50% - 360px);top:0;border-radius:27px;border:5px solid #23251f;background:#23251f}
.hero-self{width:290px;height:450px;right:calc(50% - 340px);top:66px;border-radius:25px;border:5px solid #23251f;background:#23251f}
.hero-main img{object-position:48% center}.hero-self img{object-position:50% 40%}
.hero-stage .connection-mark{left:50%;top:237px;width:48px;height:48px;font-size:25px}
.hero-stage .view-label{font-size:8px;letter-spacing:1.1px;left:17px;top:20px}.hero-stage .frame-bottom{left:17px;right:17px;bottom:21px;font-size:8px;letter-spacing:1px}
.hero-stage .stage-caption{bottom:26px}.hero-stage .camera-corner{width:17px;height:17px}
@media(max-width:800px){.hero-stage{height:580px;max-width:650px}.hero-main{width:290px;height:450px;left:calc(50% - 280px)}.hero-self{width:240px;height:375px;right:calc(50% - 265px);top:61px}.hero-stage .connection-mark{top:207px;width:40px;height:40px}.hero-stage .view-label{font-size:7px;letter-spacing:.8px}}
@media(max-width:560px){.hero-stage{height:465px;margin-top:45px;max-width:380px}.hero-main{width:59%;height:auto;aspect-ratio:9/15;left:1%;top:0;border-width:3px;border-radius:20px}.hero-self{width:47%;height:auto;aspect-ratio:9/15;right:0;top:62px;border-width:3px;border-radius:18px}.hero-stage .connection-mark{left:56%;top:170px;width:32px;height:32px;font-size:20px}.hero-stage .view-label{font-size:5.5px;letter-spacing:.5px;left:10px;top:15px;gap:5px}.hero-stage .frame-bottom{font-size:5.5px;letter-spacing:.5px;left:10px;right:10px;bottom:14px}.hero-stage .stage-caption{bottom:25px}.hero-stage .live-dot{width:4px;height:4px}.hero-stage .camera-corner{width:12px;height:12px}.hero-stage .tl{left:12px;top:39px}.hero-stage .br{right:12px;bottom:38px}}
@media(max-width:380px){.hero-stage{height:410px}.hero-stage .connection-mark{top:145px}}
/* A restrained, editorial home: one message and one live product composition. */
body{background:#f7f6f2}.navigation{height:90px;border:0;padding:0 4%}.navigation .brand{font-size:27px}.navigation nav{gap:28px}.navigation .button{background:transparent;color:var(--ink);border:1px solid #23251f33;border-radius:5px}.simple-home{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:0 4%;min-height:calc(100svh - 185px);align-items:center}.simple-message{max-width:590px;padding:65px 0}.simple-message .eyebrow{font-size:9px;letter-spacing:1.8px;color:#777a70}.simple-message h1{font-size:clamp(52px,5.3vw,86px);font-weight:450;line-height:1.05;letter-spacing:-.06em;margin:28px 0 30px}.simple-message h1 em:after{display:none}.simple-message p{font-size:17px;line-height:1.6;color:#6d7067;max-width:400px;margin-bottom:23px}.simple-message .button{margin-top:10px;border-radius:5px;padding:17px 22px;font-size:13px}.simple-explore{display:block;font-size:10px;color:#818477;margin-top:25px}.simple-product{background:#e5e8de;border-radius:18px;padding:23px 28px 20px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0}.simple-product-caption{display:flex;justify-content:space-between;width:100%;font-size:8px;letter-spacing:1.3px;color:#727969;margin-bottom:20px}.simple-product .demo-shell{margin:0;width:min(100%,315px);border-width:5px;border-radius:34px;padding:21px 10px 21px;box-shadow:0 18px 45px #333b2720}.simple-product .composition{aspect-ratio:9/12!important;border-radius:12px}.simple-product .demo-top{font-size:7px;padding:8px 4px 14px}.simple-product .demo-controls{gap:4px;padding-top:10px}.simple-product .demo-controls button{font-size:8px;padding:8px 3px;min-height:35px}.simple-product .demo-controls button span{font-size:13px;margin-right:2px}.simple-product .secondary{height:34%}.simple-product .composition-caption{margin:17px 0 0}.simple-product .composition-caption p{font-size:10px}.simple-product .composition-caption>span{font-size:6px;margin-top:6px}footer{display:flex;align-items:center;justify-content:space-between;padding:28px 4% 25px;gap:20px}footer>.brand,footer>p{display:none}footer>div{margin:0;gap:23px;font-size:10px}footer>span{margin:0;font-size:9px}.legal-main~footer{border-top:1px solid #23251f15}
@media(min-width:1600px){.simple-home{gap:10%;padding-left:8%;padding-right:8%}.simple-product .demo-shell{width:350px}.navigation,footer{padding-left:8%;padding-right:8%}}
@media(max-width:900px){.simple-home{gap:4%}.simple-message h1{font-size:55px}.simple-message p{font-size:14px;max-width:310px}.simple-product{padding:18px 17px}.simple-product-caption{font-size:6px}.simple-product .demo-shell{width:280px}.simple-product .demo-controls button{font-size:7px}}
@media(max-width:600px){.navigation{height:78px;padding:0 6%}.simple-home{grid-template-columns:1fr;padding:0 6%;gap:22px;min-height:0}.simple-message{padding:40px 0 15px;max-width:100%}.simple-message h1{font-size:clamp(47px,10.8vw,64px);margin:22px 0}.simple-message p{font-size:14px;max-width:330px;margin-bottom:17px}.simple-message .eyebrow{font-size:7px}.simple-explore{margin-top:20px;font-size:9px}.simple-product{padding:20px 20px 23px;border-radius:13px}.simple-product .demo-shell{width:min(100%,295px)}.simple-product-caption{font-size:6px;margin-bottom:21px}.simple-product .demo-controls button{font-size:8px}footer{padding:30px 6%;display:flex;flex-wrap:wrap;gap:22px}footer>div{gap:20px;font-size:9px}footer>span{font-size:8px}}
/* Black homepage palette; legal documents retain their reading surface. */
body:has(.simple-home){background:#080908;color:#f4f4ef;--ink:#f4f4ef;--muted:#a2a69a}
body:has(.simple-home) .navigation .button{color:#f4f4ef;border-color:#ffffff40}
body:has(.simple-home) .navigation .button:hover{background:#ffffff10}
body:has(.simple-home) .simple-message .eyebrow{color:#a4aa9b}
body:has(.simple-home) .simple-message p{color:#b4b8ae}
body:has(.simple-home) .simple-message .button{background:#f1f2e9;color:#171a14}
body:has(.simple-home) .simple-message .button:hover{background:#def582}
body:has(.simple-home) .simple-explore{color:#a7ae9c}
body:has(.simple-home) .simple-product{background:#171b15}
body:has(.simple-home) .simple-product-caption{color:#a1aa95}
body:has(.simple-home) .composition-caption p{color:#e0e5d6}
body:has(.simple-home) .composition-caption>span{color:#8e9982}
body:has(.simple-home) footer{color:#b5bcab}
body:has(.simple-home) dialog{background:#171b15;color:#f4f4ef;border-color:#ffffff25}
body:has(.simple-home) dialog p{color:#b4b8ae}
body:has(.simple-home) dialog .button{background:#def582;color:#171a14}
body:has(.simple-home) .toast{color:#171a14}
body:has(.simple-home) .skip{background:#def582;color:#171a14}
.legal-main>p{margin-bottom:20px}.legal-main ul{padding-left:24px;margin:17px 0 25px;color:#666e5e;font-size:15px;line-height:1.8}.legal-main li{padding-left:4px;margin-bottom:5px}.legal-main h3{font-size:19px;letter-spacing:-.4px;margin:25px 0 12px}.legal-main h2{margin-top:45px;line-height:1.3}.legal-main .legal-date{margin-bottom:40px}