@charset "UTF-8";
:root{--pink:#c4258a;--ink:#181618;--paper:#fafaf8;--muted:#655e64;--line:#d9d3d7;--display:"Arial Narrow","Helvetica Neue",Arial,sans-serif;--body:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:var(--ink);background:var(--paper);font-family:var(--body);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:112px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,summary{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:6px}::selection{color:white;background:var(--pink)}.wrap{width:min(1120px,calc(100% - 112px));margin-inline:auto}.narrow{max-width:880px}.skip{position:fixed;left:16px;top:-80px;z-index:100;background:white;padding:16px}.skip:focus{top:12px}.site-header{height:96px;background:rgba(250,250,248,.97);border-bottom:1px solid #1816180f;display:flex;justify-content:space-between;align-items:center;padding:0 48px;position:sticky;top:0;z-index:20}.brand img{width:140px;height:76px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.nav-feature,.nav-data{padding-block:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:14px 24px;background:var(--ink);color:white;border:1px solid transparent;border-radius:6px;font-size:16px;font-weight:700;white-space:nowrap;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:var(--pink)}.nav-download{font-size:14px}.languages{position:relative}.languages summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:48px;white-space:nowrap}.languages summary::-webkit-details-marker{display:none}.language-menu{position:absolute;right:0;top:56px;background:var(--paper);padding:12px;box-shadow:0 16px 40px #18161824;border:1px solid var(--line);width:232px;max-height:70vh;overflow:auto;border-radius:6px}.language-menu a{display:block;padding:12px 16px;font-size:16px;font-weight:500}.language-menu a:hover,.language-menu [aria-current]{background:#f6e5f0;color:#86165d}.hero{background:var(--pink);color:white;padding-top:72px;padding-bottom:0;overflow:clip;position:relative}.hero-text{position:relative;z-index:2;padding-bottom:64px}.hero h1{font-size:clamp(64px,7.3vw,104px);font-weight:850;letter-spacing:-.065em;line-height:1.03;font-family:var(--display);max-width:100%;text-wrap:balance}.hero h1 span{display:block}.hero-intro{font-size:19px;line-height:1.65;max-width:610px;margin-top:24px;margin-bottom:28px}.button-white{background:white;color:var(--ink)}.button-white:hover{background:var(--ink);color:white}.hero-screen{position:relative;z-index:1;transform-origin:50% 80%;will-change:transform}.screen-edge{border:8px solid var(--ink);border-bottom:0;border-radius:12px 12px 0 0;overflow:hidden;background:white;box-shadow:0 28px 72px #54103c40}.screen-edge img{width:100%;height:auto}.hero-caption{display:flex;align-items:center;justify-content:space-between;background:var(--ink);font-size:15px;font-weight:600;padding:16px 24px}.hero-caption span{font-size:24px}.section{padding-block:144px}h2{font-family:var(--display);font-size:clamp(44px,5.4vw,76px);font-weight:800;letter-spacing:-.05em;line-height:1.09;text-wrap:balance}h2 span{display:block}.lead{font-size:20px;line-height:1.7;max-width:700px;margin-top:28px;color:var(--muted)}.explore{background:var(--paper)}.view-controls{display:flex;gap:8px;margin-top:40px;margin-bottom:24px}.view-button{border:1px solid var(--line);border-radius:6px;padding:12px 24px;min-height:48px;background:transparent;color:var(--ink);font-weight:700;font-size:16px;transition:background .2s,color .2s}.view-button.active{background:var(--ink);border-color:var(--ink);color:white}.view-button:hover{border-color:var(--pink)}.product-stage{margin-top:24px}.product-clip{border:1px solid #dad4d8;background:white;border-radius:12px;aspect-ratio:2.22;overflow:hidden;box-shadow:0 20px 48px #1816180c}.product-clip img{width:100%;height:auto;object-position:top;transition:opacity .15s}.product-clip img.table-view{margin-top:6%}.product-stage figcaption{font-size:14px;color:var(--muted);margin-top:16px}.flow{background:#efe9ed}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:80px}.step{border-top:2px solid var(--ink);padding-top:24px}.step-num{font-family:var(--display);font-size:96px;letter-spacing:-.08em;line-height:1;color:var(--pink);font-weight:800;display:block;margin-bottom:24px}.step h3{font-size:27px;font-weight:750;margin-bottom:12px}.step p{font-size:18px;line-height:1.7;max-width:290px}.data-section{background:var(--ink);color:var(--paper);position:relative}.data-type{font-family:var(--display);font-size:clamp(56px,11vw,144px);font-weight:800;letter-spacing:-.07em;color:#ff7bc7;border-bottom:1px solid #ffffff35;padding-bottom:48px;margin-bottom:64px}.data-type span{font-weight:300;color:#fafaf870;margin-inline:24px}.data-section .lead{color:#ede4eb}.data-note{color:#bfb5bd;font-size:16px;line-height:1.75;max-width:700px;margin-top:32px}.download-section{background:var(--paper)}.download-icon{border-radius:16px;margin-bottom:40px}.release{margin-top:24px;font-size:14px;color:var(--muted)}.conditions{border-left:3px solid var(--pink);padding-left:24px;max-width:800px;margin-top:40px}.conditions h3{font-size:18px;margin-bottom:8px}.conditions p{font-size:16px;line-height:1.8;color:#51484f}.download-options{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:880px;margin-top:40px}.download-link{background:var(--pink);color:white;border-radius:8px;padding:28px 32px;display:flex;flex-direction:column;gap:20px;transition:transform .2s,background .2s}.download-link>span{font-size:20px;font-weight:650}.download-link strong{display:flex;justify-content:space-between;font-size:32px;line-height:1;font-weight:700}.download-link:hover{background:#991968;transform:translateY(-4px)}.chip-note{font-size:14px;color:var(--muted);line-height:1.6;margin-top:24px}.faq-section{padding-top:96px;background:#efe9ed}.faq-section h2{font-size:48px;margin-bottom:48px}.faq-item{border-top:1px solid #bdb2ba}.faq-item:last-child{border-bottom:1px solid #bdb2ba}.faq-item summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:32px;list-style:none;min-height:80px;padding:24px 0;font-size:20px;font-weight:650;line-height:1.5}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{font-size:28px;line-height:1;flex:none;transition:transform .2s}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item p{padding-bottom:28px;font-size:17px;line-height:1.8;max-width:730px;color:#554a52}.footer{display:flex;align-items:center;gap:32px;padding-block:40px;flex-wrap:wrap;font-size:14px}.footer img{width:160px}.footer p{margin-bottom:8px}.footer small{color:var(--muted)}.motion-toggle{background:none;border:0;border-bottom:1px solid var(--line);padding:12px 0;color:var(--muted);font-size:14px;min-height:44px;margin-left:auto}.footer>a:last-child{padding:12px 0}.reduced-motion{scroll-behavior:auto}.reduced-motion *{animation:none!important;transition:none!important}.reduced-motion .hero-screen{transform:none!important}
:lang(ja),:lang(zh-Hans),:lang(zh-Hant){--display:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}:lang(ja) h1,:lang(ja) h2,:lang(zh-Hans) h1,:lang(zh-Hant) h1,:lang(zh-Hans) h2,:lang(zh-Hant) h2{letter-spacing:0;font-feature-settings:"palt";line-height:1.2}:lang(ko){--display:"Apple SD Gothic Neo","Malgun Gothic",sans-serif;--body:"Apple SD Gothic Neo","Malgun Gothic",sans-serif}:lang(ko) h1,:lang(ko) h2{letter-spacing:-.025em;word-break:keep-all;line-height:1.2}:lang(th){--display:"Thonburi","Noto Sans Thai",Tahoma,sans-serif;--body:"Thonburi","Noto Sans Thai",Tahoma,sans-serif}:lang(th) h1,:lang(th) h2{letter-spacing:0;line-height:1.4;font-size:clamp(44px,5.7vw,78px)}:lang(de) h1{font-size:clamp(60px,6.5vw,92px)}:lang(ja) .hero h1,:lang(zh-Hans) .hero h1,:lang(zh-Hant) .hero h1{font-size:clamp(56px,6.8vw,96px)}
@media(min-width:1500px){.wrap{width:min(1200px,calc(100% - 144px))}}
@media(max-width:1100px){.site-header{padding-inline:32px}.site-header nav{gap:20px}.nav-data{display:none}.wrap{width:calc(100% - 80px)}.steps{gap:32px}}
@media(max-width:760px){:root{scroll-padding-top:92px}.site-header{height:80px;padding-inline:20px}.brand img{width:120px;height:68px}.site-header nav{gap:12px}.nav-feature,.nav-download{display:none}.languages summary{font-size:14px}.wrap{width:calc(100% - 40px)}.hero{padding-top:56px}.hero-text{padding-bottom:48px}.hero h1{font-size:clamp(48px,11.4vw,80px);letter-spacing:-.05em;line-height:1.08}.hero-intro{font-size:17px;line-height:1.7;margin-top:24px;margin-bottom:28px}.hero .button{font-size:16px;padding-inline:20px}.hero-screen{width:calc(100% - 24px)}.screen-edge{border-width:4px;border-radius:8px 8px 0 0}.screen-edge img{min-height:150px;object-fit:cover;object-position:left top}.hero-caption{font-size:14px;padding:12px 16px}.section{padding-block:80px}h2{font-size:clamp(32px,8.4vw,48px);line-height:1.18;letter-spacing:-.04em}.lead{font-size:17px;line-height:1.75;margin-top:24px}.view-controls{margin-top:32px}.view-button{padding-inline:20px}.product-clip{aspect-ratio:1.22}.product-clip img{max-width:none;width:155%;transform:translateX(-4%)}.product-clip img.table-view{width:160%;margin-top:12%;transform:translateX(0)}.product-stage figcaption{font-size:13px}.steps{grid-template-columns:1fr;gap:32px;margin-top:48px}.step{display:grid;grid-template-columns:80px 1fr;gap:8px 24px;padding-top:24px}.step-num{font-size:64px;grid-row:1/3;margin:0}.step h3{font-size:25px;margin:0}.step p{font-size:16px;max-width:none}.data-type{font-size:clamp(50px,14vw,96px);letter-spacing:-.075em;margin-bottom:40px;padding-bottom:32px;white-space:nowrap}.data-type span{margin-inline:8px}.data-note{font-size:15px}.download-icon{width:64px;height:64px;margin-bottom:32px}.conditions{padding-left:16px;margin-top:32px}.conditions p{font-size:15px}.download-options{grid-template-columns:1fr;gap:16px;margin-top:32px}.download-link{padding:24px;gap:16px}.download-link>span{font-size:18px}.download-link strong{font-size:28px}.faq-section h2{font-size:34px;margin-bottom:32px}.faq-item summary{font-size:18px;gap:20px}.faq-item p{font-size:16px}.footer{gap:24px;padding-block:32px}.footer>div{width:100%}.motion-toggle{margin-left:0}.footer>a:last-child{margin-left:auto}:lang(ja) .hero h1,:lang(zh-Hans) .hero h1,:lang(zh-Hant) .hero h1{font-size:clamp(43px,11.5vw,72px)}:lang(th) .hero h1{font-size:clamp(30px,7.7vw,54px)}:lang(th) h2{font-size:clamp(29px,7.4vw,48px)}:lang(de) .hero h1{font-size:clamp(38px,10vw,64px)}:lang(ko) .hero h1{font-size:clamp(40px,10vw,64px)}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-screen{transform:none!important}}

/* The hero pairs a bold poster headline with the software itself. */
@media(min-width:1000px){.hero{min-height:760px;padding-top:96px}.hero-text{padding-bottom:144px}.hero h1{max-width:55%;font-weight:700}.hero-intro{max-width:46%;font-size:18px}.hero-screen{position:absolute;width:720px;max-width:none;right:-160px;top:176px;margin:0}.screen-edge{border-width:6px;height:412px}.screen-edge img{width:100%;height:auto}.hero-caption{padding:16px 24px}.hero h1{font-size:clamp(68px,6.4vw,92px)}:lang(ja) .hero h1,:lang(zh-Hans) .hero h1,:lang(zh-Hant) .hero h1{font-size:clamp(64px,6.3vw,88px)}:lang(de) .hero h1{font-size:clamp(56px,5.1vw,76px)}:lang(th) .hero h1{font-size:clamp(44px,4.6vw,64px)}}
@media(min-width:1440px){.hero-screen{right:-64px;width:760px;top:168px}.screen-edge{height:432px}}
@media(min-width:1700px){.hero-screen{right:calc((100vw - 1560px)/2);width:800px}}
@media(prefers-reduced-motion:no-preference){.hero-text h1{animation:title-in .9s cubic-bezier(.16,1,.3,1) both}.hero-text .hero-intro{animation:title-in .9s .08s cubic-bezier(.16,1,.3,1) both}}
@keyframes title-in{from{clip-path:inset(0 0 100% 0);transform:translateY(20px)}to{clip-path:inset(0);transform:none}}

@media(min-width:1000px){.screen-edge{height:320px}.screen-edge img{width:1100px;max-width:none;transform:translateX(-175px)}.hero-screen{top:208px}}
