:root{--paper:#f8f4ec;--ink:#302d27;--muted:#686458;--rust:#a34e2d;--rust-dark:#843a20;--line:#ddd6ca;--cream:#eee6da;--green:#354a3e;--serif:'Newsreader',Georgia,serif;--sans:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}img{display:block;max-width:100%;height:auto}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--rust);outline-offset:6px}::selection{background:#dbbfaa}.container{width:min(1216px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;z-index:100;left:16px;top:-100px;background:var(--ink);color:white;padding:12px 20px}.skip-link:focus{top:12px}.site-header{background:rgba(248,244,236,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.wordmark{font:500 2rem/1 var(--serif);display:inline-flex;gap:10px;align-items:center;letter-spacing:-.04em;text-decoration:none}.wordmark img{border-radius:10px}.beta-badge{font:600 .75rem/1 var(--sans);letter-spacing:.11em;margin-left:3px;padding:5px 6px;border:1px solid #c7bfaf;border-radius:4px;color:var(--muted)}nav{display:flex;gap:30px;align-items:center}nav>a{font-size:.875rem;font-weight:550;text-decoration:none}nav>a:not(.button):hover{color:var(--rust)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--rust);color:#fff;padding:17px 25px;border:1px solid transparent;border-radius:7px;text-decoration:none;font:550 .9375rem/1.4 var(--sans);transition:background .2s,transform .2s;min-height:52px}.button:hover{background:var(--rust-dark);transform:translateY(-2px)}.button>span{font-size:1.25rem;line-height:1}.button-small{padding:10px 17px;min-height:44px;font-size:.875rem;gap:16px}.hero{padding-block:76px 95px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:40px}.eyebrow{font-size:.75rem;line-height:1.5;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--rust);margin:0 0 26px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--rust);border-radius:50%;vertical-align:2px;margin-right:8px}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.02;letter-spacing:-.047em}h1{font-size:clamp(3.6rem,6.2vw,5.65rem)}h1 em,h2 em{font-weight:400;color:var(--rust)}.hero-description{max-width:420px;color:var(--muted);font-size:1.0625rem;line-height:1.75;margin-top:24px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}.text-link{font-size:.875rem;text-decoration:none;display:inline-flex;gap:14px;align-items:center;min-height:44px;font-weight:550}.text-link:hover{text-decoration:underline}.small-note{font-size:.8125rem;color:var(--muted);margin-top:17px;max-width:380px}.hero-art{position:relative;margin:18px 0 24px 22px;isolation:isolate}.hero-cup{width:100%;aspect-ratio:1/1.08;object-fit:cover;border-radius:170px 170px 10px 10px}.photo-memory{position:absolute;width:35%;left:-8%;bottom:2%;padding:9px 9px 12px;background:#fffdfa;transform:rotate(-9deg);box-shadow:0 8px 30px #34261a20;z-index:2}.photo-memory img{width:100%;aspect-ratio:1;object-fit:cover}.photo-memory span{font:italic 1.125rem var(--serif);display:block;text-align:center;margin-top:11px}.hero-caption{position:absolute;bottom:-25px;right:0;display:flex;gap:12px;align-items:center;background:#fffdfa;padding:17px 22px;box-shadow:0 8px 30px #34261a14;border:1px solid #e9e1d6;border-radius:9px}.hero-caption strong{font-size:.875rem;font-weight:550;display:block}.hero-caption div>span{font-size:.8125rem;color:var(--muted)}.checkmark{font-size:1.2rem;border:1px solid #7f987e;width:30px;height:30px;display:grid;place-items:center;color:var(--green);border-radius:50%}.margin-note{position:absolute;top:50%;right:-31px;writing-mode:vertical-rl;font-size:.75rem;letter-spacing:.06em;color:var(--muted)}.intro-strip{border-block:1px solid var(--line);padding-block:24px}.intro-strip>.container{display:flex;gap:32px;align-items:baseline}.intro-strip span{font:400 1.65rem var(--serif);letter-spacing:-.025em}.intro-strip span:nth-child(2){font-style:italic;color:var(--rust)}.intro-strip .strip-detail{font:.8125rem var(--sans);margin-left:auto;letter-spacing:0;color:var(--muted)}.site-footer{display:flex;align-items:center;gap:30px;padding-block:35px;border-top:1px solid var(--line)}.site-footer .wordmark{font-size:1.5rem}.site-footer p,.site-footer>span{color:var(--muted);font-size:.8125rem}.site-footer>span{margin-left:auto}
@media(min-width:1440px){.hero{padding-block:100px 120px;gap:70px}}
@media(max-width:1000px){.container{width:calc(100% - 64px)}.hero{gap:25px}.hero-actions{gap:12px}.margin-note{right:-22px}.hero-caption{padding:12px 14px}.hero-caption strong{font-size:.8125rem}}
@media(max-width:760px){html{scroll-padding-top:90px}.container{width:calc(100% - 40px)}.header-inner{height:74px;gap:12px}.wordmark{font-size:1.65rem}.wordmark img{width:32px;height:32px}nav{gap:12px}nav>a:not(.button){display:none}.beta-badge{display:none}.button-small{font-size:.8125rem;padding:10px 12px;gap:12px}.hero{grid-template-columns:1fr;padding-block:44px 62px;gap:36px}.eyebrow{font-size:.75rem;margin-bottom:20px}h1{font-size:clamp(3.65rem,13vw,5.3rem)}.hero-description{font-size:1rem;max-width:470px}.hero-art{width:min(430px,90%);margin:0 auto 25px}.hero-cup{aspect-ratio:1/1}.photo-memory{left:-3%;bottom:0}.hero-caption{right:-1%;bottom:-28px}.intro-strip>.container{flex-wrap:wrap;gap:3px 12px}.intro-strip span{font-size:1.5rem}.intro-strip .strip-detail{width:100%;margin:6px 0 0;font-size:.75rem}.site-footer{flex-wrap:wrap;gap:15px}.site-footer p{width:100%;order:2}.site-footer>span{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.feature-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-block:110px}.feature-copy h2,.section-heading h2,.sync-inner h2,.faq-section h2{font-size:clamp(2.7rem,4.1vw,3.75rem)}.feature-copy>p:not(.eyebrow){margin-top:24px;color:var(--muted);line-height:1.8;max-width:475px}.feature-list{padding:0;list-style:none;margin:26px 0 0;display:grid;gap:13px}.feature-list li{position:relative;padding-left:22px;font-size:.9375rem;line-height:1.6}.feature-list li::before{content:'↳';position:absolute;left:0;color:var(--rust)}.journey-art{background:var(--cream);padding:28px;border-radius:12px}.journey-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px;font:400 1.3rem var(--serif)}.art-label{font:550 .75rem var(--sans);letter-spacing:.1em;color:var(--muted)}.journey-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px}.journey-photos>div:last-child{grid-column:1/-1;width:62%;justify-self:center;margin-top:-28px;background:var(--cream);padding:10px 10px 0;transform:rotate(-3deg)}.journey-photos img{width:100%;aspect-ratio:1.05;object-fit:cover;border-radius:5px}.journey-photos span{display:flex;align-items:center;gap:7px;font-size:.75rem;margin-top:8px}.journey-photos i{width:6px;height:6px;border-radius:50%;background:#ad7659}.journey-photos>div:last-child i{background:#627a55}.journey-art figcaption{font:italic 1.1rem var(--serif);color:var(--muted);text-align:center;margin-top:26px}.glaze-section{background:var(--green);color:var(--paper);padding-block:100px}.glaze-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.glaze-section .eyebrow,.glaze-section h2 em{color:#edbe9d}.glaze-section .feature-copy>p:not(.eyebrow){color:#dedfd4}.glaze-section .feature-list li::before{color:#edbe9d}.glaze-section .feature-aside{font-size:.8125rem!important;border-top:1px solid #ffffff29;padding-top:19px}.shelf-label{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #f8f4ec3b;padding-bottom:20px;font:400 1.6rem var(--serif)}.shelf-label>span+span{font:550 .75rem var(--sans);letter-spacing:.12em;max-width:90px;line-height:1.6}.glaze-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 25px;margin-top:25px}.glaze-grid img{width:100%;aspect-ratio:1.2;object-fit:cover;border-radius:5px}.glaze-grid span{display:block;font:400 1.25rem var(--serif);margin-top:12px}.glaze-art figcaption{font-size:.8125rem;color:#d7d9cf;margin-top:30px}.ideas-section{border-bottom:1px solid var(--line)}.idea-board{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#f1ede5}.notebook-header{border-bottom:1px solid var(--line);background:#fcfaf6;padding:18px 22px;display:flex;gap:16px;justify-content:space-between;align-items:center;font:400 1.125rem var(--serif)}.board-content{padding:40px 28px 26px;display:grid;grid-template-columns:1.15fr 1fr;gap:20px;align-items:start;background-image:radial-gradient(#c4bdad 1px,transparent 1px);background-size:17px 17px}.board-photo{background:#fffdf8;padding:9px 9px 17px;transform:rotate(-5deg);box-shadow:0 3px 9px #2e29130f}.board-photo img{aspect-ratio:.85;object-fit:cover}.board-photo span{font:italic 1.125rem var(--serif);display:block;margin-top:13px;text-align:center}.board-note{background:#edcfb4;padding:23px 17px;transform:rotate(4deg);margin-top:25px;box-shadow:0 4px 10px #2e29130d}.board-note>span{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#71452f}.board-note p{font:400 1.25rem/1.45 var(--serif);margin-top:16px}.board-glaze{grid-column:2;display:flex;gap:10px;align-items:center;background:#fffdf8;padding:9px;transform:rotate(-3deg);margin-top:-4px}.board-glaze img{width:46px;height:52px;object-fit:cover}.board-glaze span{font-size:.75rem;color:var(--muted)}.idea-board figcaption{font-size:.75rem;padding:16px 22px;color:var(--muted);border-top:1px solid var(--line);background:#fcfaf6}.studio-section{padding-block:100px}.section-heading{display:flex;gap:50px;align-items:end;justify-content:space-between;margin-bottom:54px}.section-heading>p{max-width:335px;color:var(--muted);margin-bottom:6px}.tools-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:80px}.tools-grid article{display:flex;gap:20px;border-top:1px solid var(--line);padding:30px 0}.tool-number{font-size:.75rem;color:var(--rust);letter-spacing:.04em;padding-top:5px}.tools-grid h3{font:500 1.125rem var(--sans);letter-spacing:-.025em;margin-bottom:12px}.tools-grid p{font-size:.9375rem;line-height:1.75;color:var(--muted);max-width:440px}.sync-section{background:var(--cream);padding-block:65px}.sync-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.sync-inner .eyebrow{font-size:.75rem}.sync-inner>div>p:not(.eyebrow){font-size:1.0625rem;line-height:1.8}.sync-inner .sync-detail{font-size:.8125rem!important;color:var(--muted);margin-top:20px}.faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;padding-block:100px}.faq-list details{border-top:1px solid var(--line);padding:0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;gap:20px;justify-content:space-between;cursor:pointer;list-style:none;font-weight:500;font-size:.9375rem;padding-block:22px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:var(--rust);font-size:1.3rem;line-height:1}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:.9375rem;color:var(--muted);margin:-3px 0 23px;line-height:1.8}.faq-list a{color:var(--rust)}.join-section{margin-bottom:85px}.join-inner{background:#e9dccb;border-radius:12px;text-align:center;padding:64px 25px 56px}.join-topline{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:28px}.join-topline img{border-radius:12px}.join-topline span{font-size:.75rem;letter-spacing:.12em}.join-inner h2{font-size:clamp(3.25rem,6vw,5.25rem)}.join-inner>p{max-width:360px;margin:24px auto;color:#615849}.join-inner .button{margin-top:5px}.join-note{display:block;font-size:.75rem;color:#615849;margin-top:17px}
@media(max-width:1000px){.feature-section{gap:40px;padding-block:80px}.glaze-inner{gap:45px}.journey-art{padding:20px}.journey-heading{flex-wrap:wrap;gap:8px}.board-content{padding:30px 18px 25px;gap:13px}.board-note{padding:15px 12px}.board-note p{font-size:1.05rem}.board-photo span{font-size:.875rem}.notebook-header .art-label{display:none}.tools-grid{column-gap:40px}.sync-inner,.faq-section{gap:40px}.shelf-label{font-size:1.3rem}.shelf-label>span+span{font-size:.75rem}.glaze-grid{gap:22px 18px}}
@media(max-width:760px){.feature-section{grid-template-columns:1fr;gap:35px;padding-block:66px}.feature-copy h2,.section-heading h2,.sync-inner h2,.faq-section h2{font-size:2.8rem}.feature-copy>p:not(.eyebrow){margin-top:20px}.journey-art{padding:23px}.journey-heading{font-size:1.3rem;justify-content:space-between}.journey-heading .art-label{font-size:.75rem}.journey-photos>div:last-child{width:60%}.journey-art figcaption{font-size:1.05rem}.glaze-section{padding-block:64px}.glaze-inner{grid-template-columns:1fr;gap:40px}.glaze-art{order:2}.shelf-label{font-size:1.5rem}.glaze-grid{grid-template-columns:repeat(4,1fr);gap:12px}.glaze-grid img{aspect-ratio:.8}.glaze-grid span{font-size:.9rem;line-height:1.2}.glaze-art figcaption{font-size:.75rem;margin-top:22px}.board-content{padding:35px 24px 28px;gap:18px}.board-note{padding:20px 15px}.board-note p{font-size:1.2rem}.board-photo span{font-size:1rem}.board-glaze span{font-size:.75rem}.studio-section{padding-block:65px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:22px;max-width:450px}.tools-grid{grid-template-columns:1fr}.tools-grid article{padding-block:24px}.tools-grid h3{font-size:1.0625rem}.tools-grid p{font-size:.9375rem}.sync-section{padding-block:55px}.sync-inner{grid-template-columns:1fr;gap:26px}.sync-inner>div>p:not(.eyebrow){font-size:1rem}.faq-section{grid-template-columns:1fr;gap:32px;padding-block:65px}.faq-section h2 br{display:none}.faq-list summary{font-size:.9375rem}.join-section{margin-bottom:45px}.join-inner{padding:44px 20px}.join-inner>p{font-size:.9375rem}.join-note{font-size:.75rem}.join-topline{margin-bottom:24px}}
@media(max-width:370px){.button{padding-inline:18px;gap:15px}.hero-caption{right:-3%;padding:10px}.hero-caption strong{font-size:.75rem}.hero-caption div>span{font-size:.75rem}.photo-memory span{font-size:.875rem}.board-content{padding-inline:15px;gap:12px}.board-note p{font-size:1.0625rem}.board-glaze img{width:33px;height:43px}.glaze-grid{grid-template-columns:1fr 1fr}.glaze-grid img{aspect-ratio:1.15}}
.footer-contact{font-size:.8125rem;color:var(--muted);text-decoration:none}.footer-contact:hover{color:var(--rust);text-decoration:underline}@media(max-width:760px){.footer-contact{margin-left:auto}.site-footer>span{margin-left:0}.site-footer p{width:auto;flex:1 1 200px}}
/* Product tour */
.capture-section,.ideas-tour{padding-block:95px}.capture-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:center}.tracking-preview,.pencil-preview{margin:0}.capture-photo{border-radius:12px;overflow:hidden}.capture-photo img{width:100%;object-fit:cover;max-height:550px}.tracking-preview figcaption,.pencil-preview figcaption{font-size:.75rem;line-height:1.6;color:var(--muted);text-align:center;margin-top:17px}.capture-steps{list-style:none;padding:0;margin:0}.capture-steps li{display:flex;gap:20px;padding-block:29px;border-top:1px solid var(--line)}.capture-steps li:last-child{padding-bottom:0}.capture-steps li>span{font:400 1.7rem var(--serif);color:var(--rust);padding-top:3px}.capture-steps h3{font-size:1.1875rem;font-weight:550;letter-spacing:-.035em;margin-bottom:11px}.capture-steps p{font-size:1rem;color:var(--muted);line-height:1.75}.stages-section{background:#eee6d9;padding-block:85px}.stage-explorer{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.stage-photo-wrap{position:relative;overflow:hidden;border-radius:12px;background:#e0d5c4}.stage-photo-wrap>img{width:100%;height:100%;min-height:570px;object-fit:cover}.stage-photo-caption{position:absolute;bottom:24px;left:24px;right:24px;background:#fffaf1ee;border:1px solid #ffffff70;padding:18px 22px;border-radius:9px;display:flex;justify-content:space-between;align-items:center;gap:20px;backdrop-filter:blur(10px)}.stage-photo-caption strong{font:400 1.6rem var(--serif)}.stage-photo-caption>span{font-size:.75rem;color:var(--muted)}.stage-demo{background:#fcfaf6;border-radius:12px;padding:28px 32px;border:1px solid #e1d8cb}.stage-demo-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:19px}.stage-demo-header h3{font-size:1.3rem;font-weight:550;letter-spacing:-.035em}.stage-demo-header>span{font-size:.75rem;letter-spacing:.06em;color:var(--rust)}.stage-options{position:relative;display:grid;gap:5px}.stage-options::before{content:'';position:absolute;width:1px;background:#d9d2c7;top:18px;bottom:18px;left:26px}.stage-option{position:relative;display:flex;gap:13px;align-items:center;width:100%;padding:11px 13px;background:transparent;border:1px dashed #dfd9ce;border-radius:8px;font:400 .9375rem var(--sans);text-align:left;color:var(--muted);cursor:pointer;min-height:50px;transition:background .15s,border-color .15s}.stage-option:hover{background:#f2eadd;border-color:#b38a70}.stage-option:focus-visible{outline:3px solid var(--rust);outline-offset:2px;z-index:2}.stage-option.is-past{border-color:transparent;border-style:solid;color:var(--ink)}.stage-option.is-current{background:#f4e4d6;border:1px solid #dcbba3;color:#7d3d23;font-weight:600}.stage-node{position:relative;display:grid;place-items:center;width:24px;height:24px;background:#fcfaf6;border:1px solid #c9c3b9;border-radius:50%;font-size:.75rem;flex-shrink:0;z-index:1}.is-past .stage-node{background:#7e9b87;border-color:#7e9b87;color:white}.is-current .stage-node{background:var(--rust);border-color:var(--rust);color:white;font-size:1.25rem}.stage-status{margin-left:auto;font-size:.75rem;font-weight:400}.is-current .stage-status{background:#a34e2d;color:white;padding:2px 8px;border-radius:12px;text-transform:uppercase;font-size:.75rem}.stage-detail{border-top:1px solid var(--line);margin-top:20px;padding-top:17px}.stage-detail>span{font-size:.75rem;letter-spacing:.07em;color:var(--rust);font-weight:550}.stage-detail p{font-size:.9375rem;color:var(--muted);line-height:1.7;margin-top:8px;min-height:76px}.stage-record{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.stage-record span{background:#eee8de;padding:5px 9px;border-radius:5px;font-size:.75rem;color:var(--muted)}.demo-caption{font-size:.8125rem;text-align:center;color:var(--muted);margin-top:24px}.ideas-tour{border-bottom:1px solid var(--line)}.pencil-preview>.idea-board{max-width:700px;margin:auto}.idea-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:42px}.idea-capabilities article{border-top:1px solid var(--line);padding-top:20px}.idea-capabilities article>span{font-size:.75rem;color:var(--rust);letter-spacing:.1em;font-weight:550}.idea-capabilities h3{font:400 1.8rem var(--serif);letter-spacing:-.02em;margin-top:16px}.idea-capabilities p{color:var(--muted);font-size:1rem;line-height:1.7;margin-top:12px}nav{gap:24px}.join-inner>p{max-width:460px}
@media(max-width:1000px){.capture-layout{gap:35px;grid-template-columns:1.1fr 1fr}.stage-demo{padding:24px}.stage-photo-caption{flex-direction:column;align-items:start;gap:5px}.stage-detail p{min-height:96px}.idea-capabilities{gap:25px}}
@media(max-width:760px){.capture-section,.ideas-tour{padding-block:62px}.capture-layout{grid-template-columns:1fr;gap:30px}.capture-steps li{padding-block:22px}.capture-steps li:last-child{padding-bottom:0}.capture-steps h3{font-size:1.125rem}.capture-steps p{font-size:1rem}.stages-section{padding-block:62px}.stage-explorer{grid-template-columns:1fr;gap:15px}.stage-photo-wrap>img{min-height:0;height:auto;aspect-ratio:1.25;object-fit:cover}.stage-photo-caption{bottom:15px;left:15px;right:15px;padding:13px 16px;flex-direction:row;align-items:center;gap:12px}.stage-photo-caption strong{font-size:1.3rem}.stage-photo-caption>span{max-width:125px}.stage-demo{padding:22px 18px}.stage-detail p{min-height:76px}.stage-option{min-height:52px}.stage-demo-header>span{font-size:.75rem}.idea-capabilities{grid-template-columns:1fr;gap:25px;margin-top:30px}.idea-capabilities h3{font-size:1.7rem;margin-top:10px}.idea-capabilities p{margin-top:8px}.demo-caption{font-size:.75rem}.join-note{line-height:1.8}}
.sync-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.sync-points span{font-size:.8125rem;padding:7px 10px;background:#f8f4ec;border:1px solid #ddd3c5;border-radius:6px}.sync-detail{border-left:2px solid #b37953;padding-left:15px}
/* Device previews */
.motion-preview{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--paper);border:1px solid var(--line);border-radius:12px}.motion-preview:focus-visible{outline:3px solid var(--rust);outline-offset:6px}.motion-caption a{white-space:nowrap;color:var(--rust)}.motion-caption>span{display:block;margin-bottom:4px}
.motion-player{position:relative}.motion-play{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);min-height:48px;padding:12px 20px;border:1px solid #ffffff66;border-radius:30px;background:#302d27ed;color:#fff;font:550 .875rem/1.4 var(--sans);cursor:pointer;white-space:nowrap;box-shadow:0 4px 18px #302d2733}.motion-play:hover{background:var(--rust)}.motion-play:focus-visible{outline:3px solid var(--rust);outline-offset:4px}.motion-play:disabled{cursor:wait}.motion-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero{grid-template-columns:.8fr 1.35fr;gap:30px;padding-block:67px 62px}.hero h1{font-size:clamp(3.3rem,5.6vw,5rem)}.hero-description{max-width:390px}.hero-actions{gap:12px 22px}.hero-devices{align-self:center;min-width:0;margin:0 -24px 0 0}.hero-devices img{width:100%;height:auto}.mockup-link{display:block;text-decoration:none;border-radius:12px;overflow:hidden;cursor:zoom-in}.mockup-link img{width:100%;height:auto;display:block}.mockup-link:focus-visible{outline:3px solid var(--rust);outline-offset:6px}.device-labels{display:flex;justify-content:center;gap:22px;margin-top:8px;font:italic 1.2rem var(--serif);color:var(--ink)}.device-labels span+span{color:var(--rust)}.hero-devices figcaption{font-size:.75rem;line-height:1.6;color:var(--muted);text-align:center;max-width:430px;margin:15px auto 0}.tracking-preview .mockup-link{background:#f2ebe1;border:1px solid var(--line)}.capture-layout{grid-template-columns:1.35fr 1fr;gap:50px}.pencil-preview .mockup-link{border:1px solid var(--line);border-radius:12px}.pencil-preview figcaption{margin-top:18px}
@media(min-width:1440px){.hero{padding-block:90px 80px;gap:35px}.hero-devices{margin-right:-40px}.hero h1{font-size:5.35rem}}
@media(max-width:1000px){.hero{gap:20px;grid-template-columns:.85fr 1.2fr}.hero-devices{margin-right:-14px}.hero h1{font-size:3.65rem}.hero .eyebrow{font-size:.75rem}.device-labels{gap:15px;font-size:1rem}.capture-layout{gap:30px}.capture-steps li{padding-block:20px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:36px;padding-block:42px 48px}.hero h1{font-size:clamp(3.5rem,13vw,5rem)}.hero-description{max-width:460px}.hero-devices{width:calc(100% + 24px);margin:0 -12px}.device-labels{font-size:1.125rem;margin-top:10px;gap:18px}.hero-devices figcaption{max-width:290px;font-size:.75rem;margin-top:12px}.capture-layout{grid-template-columns:1fr;gap:28px}.tracking-preview{width:calc(100% + 16px);margin-inline:-8px}.tracking-preview figcaption{max-width:300px;margin-inline:auto}.pencil-preview{width:calc(100% + 20px);margin-inline:-10px}.pencil-preview figcaption{padding-inline:20px}.pencil-preview .mockup-link{border-radius:8px}}

/* Studio footage adds quiet atmosphere behind the product. */
.hero,.ideas-tour{position:relative;isolation:isolate}.ambient-backdrop{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;border-radius:16px}.ambient-backdrop video{width:100%;height:100%;object-fit:cover;opacity:.2}.hero-backdrop{inset:18px -24px}.hero-backdrop:after,.ideas-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f8f4ec 5%,#f8f4ece6 35%,#f8f4ec66 100%)}.ideas-backdrop video{opacity:.12}.ideas-backdrop:after{background:linear-gradient(180deg,#f8f4ec 0%,#f8f4ec66 35%,#f8f4ec 100%)}@media(prefers-reduced-motion:reduce){.ambient-backdrop video{opacity:.1}}@media(max-width:760px){.hero-backdrop{inset:0 -10px}.hero-backdrop:after{background:linear-gradient(180deg,#f8f4ecf5 0%,#f8f4ecaa 100%)}}