@charset "UTF-8";
:root{--cream:#f7f4ec;--paper:#efebe2;--green:#153f35;--ink:#19382f;--muted:#66746b;--line:#d7dacf;--gold:#c7aa76;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.055em;line-height:1.02}h1{font-size:clamp(64px,6.4vw,103px)}h2{font-size:clamp(45px,4.2vw,68px)}h3{font-size:20px;font-weight:550;letter-spacing:-.03em}em{font-weight:400}p{color:var(--muted)}a,button,input,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a66a2c;outline-offset:5px}button:disabled{cursor:wait}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section{padding-block:112px}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:650;color:var(--green);margin-bottom:24px}.small-star{font-size:23px;vertical-align:middle;line-height:1;margin-right:8px}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-inline:56px;border-bottom:1px solid var(--line);background:var(--cream);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:8px;font-size:32px;font-weight:650;letter-spacing:-.08em}.brand img{border-radius:10px}.site-header nav{display:flex;gap:36px;font-size:13px}.site-header nav a:hover,.site-footer a:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:14px 24px;border-radius:5px;border:1px solid var(--green);font-size:13px;font-weight:600;line-height:1.4;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-green{background:var(--green);color:var(--cream)}.button-green:hover{background:#205548}.nav-cta{min-height:43px;padding:10px 17px;font-size:12px}.hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:52px;padding-top:70px;padding-bottom:82px;align-items:center}.hero-copy{padding-bottom:12px}.hero .eyebrow{letter-spacing:.075em;font-size:10px}.intro{color:var(--green);font-size:20px;line-height:1.5;margin-top:30px;letter-spacing:-.025em}.hero-description{max-width:410px;font-size:15px;line-height:1.75;margin-top:14px}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:30px}.film-link{display:flex;align-items:center;gap:9px;font-size:12px;white-space:nowrap}.play-circle{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:34px;height:34px;font-size:10px;padding-left:2px}.availability{font-size:11px;margin-top:15px;color:#718076}.hero-visual{position:relative;padding:0 0 46px 18px}.hero-image{position:relative;height:526px;border-radius:120px 10px 10px 10px;overflow:hidden}.hero-image>img{width:100%;height:100%;object-fit:cover;object-position:40% center}.image-tag{position:absolute;left:24px;bottom:31px;color:white;z-index:1;font-size:12px;background:#18382bd9;padding:7px 13px;border-radius:3px}.image-credit{position:absolute;bottom:10px;right:14px;font-size:9px;color:white;text-shadow:0 1px 5px #000}.before-inset{position:absolute;width:173px;left:-25px;top:50px;padding:7px 7px 0;background:var(--cream);box-shadow:0 12px 28px #19382f20;transform:rotate(-5deg)}.before-inset img{height:119px;width:100%;object-fit:cover}.before-inset span{display:block;text-align:center;font-size:8px;letter-spacing:.12em;font-weight:600;padding:8px 0}.prompt-note{position:absolute;left:56px;right:-10px;bottom:16px;display:flex;align-items:center;gap:15px;border:1px solid #e7e4da;background:var(--cream);padding:19px 23px;border-radius:5px;box-shadow:0 8px 28px #19382f09;font-size:14px}.prompt-note small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.prompt-note .small-star{font-size:31px;color:#748765}.idea-strip{display:flex;align-items:center;justify-content:center;gap:55px;padding:23px 56px;border-block:1px solid var(--line);font-family:var(--serif);font-size:22px}.idea-strip>span+span:before{content:'✳';font-size:11px;font-family:var(--sans);color:#85977e;margin-right:50px}.idea-strip .strip-note{font-family:var(--sans);font-size:10px;color:var(--muted);letter-spacing:.06em}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:42px}.section-heading>p{max-width:360px;font-size:15px;line-height:1.8}.case-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.case-tab{background:transparent;border:1px solid var(--line);padding:10px 20px;border-radius:30px;color:var(--green);font-size:12px;transition:background .15s}.case-tab:hover{background:#e6eadf}.case-tab.active{background:var(--green);color:var(--cream);border-color:var(--green)}.comparison{position:relative;aspect-ratio:2/1;overflow:hidden;border-radius:8px;background:var(--paper);isolation:isolate}.comparison>img,.comparison-before,.comparison-before>img{width:100%;height:100%;object-fit:cover}.comparison>img{position:absolute;inset:0}.comparison-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--position)) 0 0)}.comparison-before img{object-fit:cover}.compare-label{position:absolute;top:24px;z-index:2;font-size:11px;padding:7px 13px;border-radius:3px;background:#f7f4eceb;color:var(--green);pointer-events:none}.label-before{left:24px}.label-after{right:24px;background:#153f35eb;color:var(--cream)}.compare-divider{position:absolute;left:var(--position);top:0;bottom:0;width:2px;background:white;pointer-events:none}.compare-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--cream);width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:var(--green);box-shadow:0 2px 9px #0002;font-size:18px;white-space:pre}.comparison input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:4}.comparison:focus-within{outline:3px solid #a66a2c;outline-offset:5px}.drag-hint{position:absolute;bottom:21px;left:50%;transform:translateX(-50%);background:#153f35cc;color:white;font-size:8px;padding:6px 12px;border-radius:20px;letter-spacing:.14em;pointer-events:none}.case-caption{display:flex;justify-content:space-between;gap:40px;padding-top:24px}.case-caption p{font-size:13px;margin-top:5px}.caption-note{font-size:10px;color:var(--muted);text-align:right;padding-top:4px;white-space:nowrap}.film-section{background:var(--green);color:var(--cream)}.film-section .eyebrow{color:var(--gold)}.film-section p{color:#c0cec6}.video-shell{border:1px solid #49665b;overflow:hidden;border-radius:7px;background:#102c24;aspect-ratio:16/9}.video-shell video{display:block;width:100%;height:100%}.chapter-list{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:20px;border:1px solid #466257;border-radius:5px;overflow:hidden}.chapter-list button{background:transparent;border:0;border-right:1px solid #466257;color:var(--gold);text-align:left;padding:17px 15px;font-size:10px}.chapter-list button:last-child{border-right:0}.chapter-list button span{display:block;color:var(--cream);font-size:12px;margin:4px 0}.chapter-list button small{font-size:10px;color:#b4c5ba}.chapter-list button:hover,.chapter-list button.active{background:#285043}.film-footnote{display:flex;justify-content:space-between;gap:28px;margin-top:22px}.film-footnote p{font-size:10px;max-width:740px;line-height:1.7;color:#9eb5a9}.film-footnote a{font-size:11px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}.how-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.steps{list-style:none;padding:0;margin:40px 0 0}.steps li{display:flex;gap:23px;padding:24px 0;border-top:1px solid var(--line)}.steps li>span{font-size:11px;color:#71866d;padding-top:5px}.steps p{font-size:13px;line-height:1.8;margin-top:7px;max-width:370px}.app-preview{background:#e9ecdf;display:flex;align-items:center;gap:25px;padding:44px 25px 44px 38px;position:relative;border-radius:8px;min-height:570px;overflow:hidden}.app-screenshot{width:245px;flex-shrink:0;transform:rotate(-5deg);box-shadow:6px 10px 28px #18382f28;border-radius:14px;overflow:hidden;border:5px solid #23382b}.app-screenshot img{width:100%;height:auto}.app-preview-caption>span{font-size:36px}.app-preview-caption p{font-family:var(--serif);font-size:25px;line-height:1.15;letter-spacing:-.04em;color:var(--green);margin:15px 0}.app-preview-caption small{font-size:9px;line-height:1.4;display:block;color:var(--muted)}.questions{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.35fr;gap:80px;padding-top:80px}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{display:flex;justify-content:space-between;gap:30px;cursor:pointer;list-style:none;font-size:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:22px;line-height:1}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;line-height:1.85;padding:15px 25px 0 0}.android-section{display:grid;grid-template-columns:1.25fr 1fr;background:var(--green);color:var(--cream);border-radius:8px;overflow:hidden;margin-bottom:70px}.android-section>div:first-child{padding:67px 70px}.android-section .eyebrow{color:var(--gold)}.android-section h2{font-size:64px}.android-section p:not(.eyebrow){font-size:14px;color:#c0cec6;margin-top:22px}.button-cream{background:var(--cream);color:var(--green);margin-top:28px;gap:15px}.android-section small{display:block;font-size:10px;color:#b6c9bc;margin-top:13px}.android-art{position:relative;min-height:480px}.android-art img{height:100%;width:100%;object-fit:cover;object-position:60% center}.android-art span{position:absolute;left:25px;bottom:28px;font-family:var(--serif);font-size:29px;color:white;text-shadow:0 2px 8px #0008}.site-footer{padding-bottom:25px}.footer-top{display:flex;align-items:center;gap:28px;padding-bottom:29px}.footer-top p{font-size:12px}.footer-top>a:last-child{margin-left:auto;font-size:12px}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;padding-top:22px;font-size:10px;color:var(--muted)}.footer-bottom nav{display:flex;gap:24px}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:10px;left:10px;z-index:100;background:white;padding:12px}
@media(min-width:1500px){.site-header{padding-inline:calc((100vw - 1280px)/2)}.hero{padding-top:90px;padding-bottom:100px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.site-header{padding-inline:32px}.hero{gap:35px}.hero-visual{padding-left:0}.hero-image{height:480px}.hero-actions{gap:15px;flex-wrap:wrap}.hero .eyebrow{font-size:9px}.prompt-note{left:10px;right:-8px;padding:15px}.before-inset{width:145px;left:-15px;top:42px}.before-inset img{height:100px}.idea-strip{gap:24px}.idea-strip>span+span:before{margin-right:24px}.how-section{gap:50px}.app-preview{padding:28px 18px;gap:18px}.app-screenshot{width:205px}.app-preview-caption p{font-size:23px}.android-section>div:first-child{padding:55px 40px}.chapter-list button{padding:15px 11px}}
@media(max-width:850px){.site-header nav{gap:22px;font-size:12px}.site-header nav a:first-child{display:none}.hero{grid-template-columns:1fr 1fr;gap:27px}.hero h1{font-size:66px}.hero-image{height:445px}.hero .eyebrow{max-width:280px}.hero-description{font-size:14px}.intro{font-size:18px}.before-inset{width:125px}.before-inset img{height:86px}.prompt-note{font-size:11px;gap:7px}.idea-strip{gap:22px;font-size:20px;padding-inline:20px}.idea-strip .strip-note{display:none}.section{padding-block:80px}.section-heading{gap:40px}.section-heading>p{max-width:280px;font-size:13px}.how-section{gap:32px}.app-preview{padding:24px 10px;justify-content:center;min-height:500px}.app-preview-caption{display:none}.app-screenshot{width:235px}.questions{gap:40px}.android-section h2{font-size:52px}.android-section>div:first-child{padding:45px 30px}.chapter-list{grid-template-columns:repeat(3,1fr)}.chapter-list button:nth-child(3){border-right:0}.chapter-list button:nth-child(-n+3){border-bottom:1px solid #466257}}
@media(max-width:650px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.site-header{height:75px;padding-inline:20px;gap:10px}.brand{font-size:28px}.brand img{width:33px;height:33px}.site-header nav{display:none}.nav-cta{font-size:10px;gap:12px;padding:9px 12px;min-height:38px}.hero{display:flex;flex-direction:column;gap:32px;padding-top:44px;padding-bottom:33px;align-items:stretch}.hero-copy{padding:0}.hero .eyebrow{font-size:9px;max-width:none;margin-bottom:22px;letter-spacing:.04em}.hero h1{font-size:clamp(63px,15.3vw,92px);letter-spacing:-.055em}.intro{margin-top:22px;font-size:18px}.hero-description{font-size:14px;max-width:420px}.hero-actions{gap:19px;margin-top:24px;flex-wrap:wrap}.hero-actions .button{padding:14px 18px;font-size:12px}.film-link{font-size:11px;gap:7px}.availability{font-size:10px;margin-top:12px}.hero-visual{padding-left:16px;padding-bottom:47px;margin-top:8px}.hero-image{height:380px;border-top-left-radius:88px}.before-inset{width:131px;left:0;top:33px}.before-inset img{height:89px}.before-inset span{font-size:7px}.prompt-note{left:37px;right:0;bottom:17px;font-size:12px;padding:16px 13px}.prompt-note .small-star{font-size:28px}.image-tag{font-size:10px;left:15px;bottom:30px}.image-credit{font-size:8px}.idea-strip{padding:19px 14px;gap:12px;font-size:16px;white-space:nowrap}.idea-strip>span+span:before{font-size:8px;margin-right:12px}.section{padding-block:63px}.section-heading{display:block;margin-bottom:29px}.section-heading>p{margin-top:23px;max-width:400px;font-size:14px}.eyebrow{font-size:10px;margin-bottom:19px}h2{font-size:47px}.case-tabs{gap:7px;margin-bottom:18px}.case-tab{padding:8px 12px;font-size:10px}.comparison{aspect-ratio:1.2/1}.compare-label{top:13px;font-size:9px;padding:5px 9px}.label-before{left:13px}.label-after{right:13px}.compare-divider span{width:39px;height:39px}.drag-hint{bottom:13px;font-size:7px}.case-caption{display:block;padding-top:20px}.case-caption h3{font-size:19px}.case-caption p{font-size:12px}.caption-note{display:block;text-align:left;font-size:9px;margin-top:12px}.caption-note br{display:none}.video-shell{border-radius:4px}.chapter-list{margin-top:13px}.chapter-list button{padding:13px 12px;font-size:9px}.chapter-list button span{font-size:11px}.chapter-list button small{font-size:9px}.film-footnote{display:block;margin-top:17px}.film-footnote p{font-size:9px}.film-footnote a{display:inline-block;margin-top:12px;font-size:10px}.how-section{display:flex;flex-direction:column;gap:30px;align-items:stretch}.steps{margin-top:28px}.steps li{padding:21px 0}.steps p{font-size:13px;max-width:none}.app-preview{padding:35px;min-height:unset;justify-content:center;gap:27px}.app-screenshot{width:190px}.app-preview-caption{display:block;max-width:130px}.app-preview-caption p{font-size:23px}.questions{display:block}.faq-list{margin-top:35px}.faq-list summary{font-size:14px}.faq-list details{padding:19px 0}.android-section{display:flex;flex-direction:column;margin-bottom:43px}.android-section>div:first-child{padding:40px 27px}.android-section h2{font-size:53px}.android-section p:not(.eyebrow){font-size:13px}.android-art{height:290px;min-height:0}.android-art img{object-position:center 48%}.android-art span{font-size:29px;left:26px;bottom:23px}.footer-top{gap:20px;flex-wrap:wrap;padding-bottom:22px}.footer-top p{display:none}.footer-top>a:last-child{font-size:11px}.footer-bottom{flex-direction:column;gap:17px;padding-top:20px;font-size:9px}.footer-bottom nav{gap:22px}.footer-bottom>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}