.ainote-compare-section{margin:0;min-width:0}.ac-hero,.ac-intro,.ac-features{display:block;color:#1a1847;font-family:var(--text-font-family);letter-spacing:0}.ac-wrap{width:min(var(--container-max-width, 1200px),83.333333%);margin-inline:auto}.ac-hero h1,.ac-heading h2,.ac-feature h2{margin:0;font-family:var(--heading-font-family);font-weight:600;letter-spacing:0;text-transform:none}.ac-heading{text-align:center}.ac-heading h2{font-size:calc(58px * var(--ac-type-heading, 1));line-height:1.21}.ac-heading p,.ac-feature__copy p{color:#666;font-size:calc(16px * var(--ac-type-description, 1));line-height:calc(24px * var(--ac-type-description, 1));font-weight:400;margin:24px 0 0}.ac-mobile{display:none}.ac-hero{position:relative;isolation:isolate;overflow:hidden;background:#f5f6f9}#main>.shopify-section:first-child>.ac-hero[allow-transparent-header]{margin-top:calc(-1 * var(--header-height, 80px))}body:has(#main>.shopify-section:first-child>.ac-hero[data-hide-announcement]) .shopify-section--announcement-bar{display:none}body:has(#main>.shopify-section:first-child>.ac-hero) .shopify-section--header{top:0!important}body:has(#main>.shopify-section:first-child>.ac-hero) .header.ainote-header{--header-transparent-text-color: 26 24 71;--text-color: 26 24 71;--header-logo-opacity: 1;--ainote-header-light-opacity: 0;--ainote-header-dark-opacity: 1}.ac-hero__background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ac-hero__background img{width:100%;height:100%;object-fit:cover}.ac-hero__stage{position:relative;width:100%;aspect-ratio:1440 / 1014;container-type:inline-size}.ac-hero__copy{position:absolute;top:17.75148%;left:8.333333%;width:83.333333%;text-align:center;z-index:3}.ac-hero h1{font-size:calc(clamp(48px,6.11111vw,100px) * var(--ac-type-heading, 1));font-size:calc(6.11111cqw * var(--ac-type-heading, 1));line-height:1.21}.ac-hero__copy p{font-size:calc(clamp(14px,1.1111vw,20px) * var(--ac-type-description, 1));line-height:1.5;font-weight:400;color:#666;margin:1.66667cqw 0 0}.ac-hero__art,.ac-hero__masked-art{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ac-hero__masked-art{-webkit-mask-image:linear-gradient(#000 0%,#000 84.75%,transparent 100%);mask-image:linear-gradient(#000 0%,#000 84.75%,transparent 100%)}.ac-hero__device{position:absolute;width:95.97222%;left:2.986111%;top:34.51677%}.ac-hero__device img{width:100%;height:auto;clip-path:inset(0 35% 0 0)}.ac-hero__screens{position:absolute;left:38.333333%;top:41.49832%;width:24.170464%;aspect-ratio:348.0547 / 465}.ac-hero__screen{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .28s ease;background:#f8f8f8}.ac-hero__screen.is-active{opacity:1}.ac-hero__screen picture,.ac-hero__screen img{display:block;width:100%;height:100%;object-fit:fill}.ac-hero__screen:not([data-screen=default]) img{filter:brightness(.92)}.ac-hero__hand{position:absolute;z-index:1;display:block;left:59.791667%;top:61.04536%;width:39.166667%}.ac-hero__hand img{display:block;width:100%;height:auto;max-height:none}.ac-hero__feature{position:absolute;z-index:4;width:20.833333%;padding:.958333cqw;border:1px solid #fff;border-radius:2.083333cqw;background:#fff9;text-align:left;color:#1a1847;cursor:pointer;transition:transform .28s ease,box-shadow .28s ease,background-color .28s ease}.ac-hero__feature>span{display:block;margin-bottom:.8cqw;font-size:calc(1cqw * var(--ac-type-feature, 1));line-height:1.55;font-weight:600}.ac-hero__feature picture{display:block;overflow:hidden;border-radius:.625cqw}.ac-hero__feature img{width:100%;height:auto}.ac-hero__feature:is(:hover,:focus-visible),.ac-hero__feature.is-active{transform:scale(1.1);background:#ffffffb8;box-shadow:0 12px 24px #1e3d6b1f}.ac-hero__feature:focus-visible,.ac-hero__dots button:focus-visible,.ac-intro__hotspot:focus-visible{outline:2px solid #0c73ff;outline-offset:4px}.ac-hero__feature--record{left:6.25%;top:34.51677%;transform-origin:right top}.ac-hero__feature--handwriting{left:71.319444%;top:39.053254%;transform-origin:left bottom}.ac-hero__feature--planner{left:7.777778%;top:60.453649%;transform-origin:right top}.ac-hero__feature--todo{left:75.833333%;top:64.102564%;transform-origin:right top}.ac-hero__arrow{position:absolute;pointer-events:none;z-index:2;height:auto}.ac-hero__arrow--record{left:29.029479%;top:40.433876%;width:5.977521%}.ac-hero__arrow--handwriting{left:65.946%;top:45.364694%;width:4.26146%}.ac-hero__arrow--planner{left:29.375%;top:55.325444%;width:5.585%}.ac-hero__arrow--todo{left:71.1105%;top:56.109%;width:7.165%}.ac-intro{padding:120px 0 60px;background:#e1e3e8 url(ainote-grain-texture.png) center/cover no-repeat}.ac-intro .ac-heading{margin-bottom:60px}.ac-intro__scene{position:relative;aspect-ratio:1200 / 675;border-radius:12px;overflow:hidden;container-type:inline-size}.ac-intro__scene>picture,.ac-intro__scene>picture>img{display:block;width:100%;height:100%;object-fit:cover}.ac-intro__hotspot{position:absolute;width:29.083333%;height:19.111111%;font-family:var(--text-font-family);font-size:calc(1.666667cqw * var(--ac-type-button, 1));line-height:1.21;font-weight:400;color:#fff}.ac-intro__hotspot--1{left:var(--ac-hotspot-x, 29.166667%);top:var(--ac-hotspot-y, 74.666667%)}.ac-intro__hotspot--2{left:var(--ac-hotspot-x, 55.083333%);top:var(--ac-hotspot-y, 64.592593%);width:31.75%}.ac-intro__hotspot span{position:relative;z-index:1;display:inline-flex;min-height:4.666667cqw;align-items:center;justify-content:center;padding:1cqw 3.333333cqw;white-space:nowrap;border:.5px solid rgb(255 255 255 / .8);border-radius:.333333cqw;background:#0000004d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s ease}.ac-intro__hotspot i{position:absolute;right:0;bottom:0;width:6.083333cqw;aspect-ratio:1;background:url(ainote-compare-hotspot.svg) center / contain no-repeat;pointer-events:none}.ac-intro__hotspot i:before,.ac-intro__hotspot i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgb(225 227 232 / .8);border-radius:50%;background:#e1e3e81f;opacity:0;animation:ac-hotspot-ripple 4s ease-out infinite}.ac-intro__hotspot i:after{animation-delay:-2s}@keyframes ac-hotspot-ripple{0%{transform:scale(.3);opacity:.8}80%,to{transform:scale(1.2);opacity:0}}.ac-intro__hotspot:after{content:"";position:absolute;right:3cqw;bottom:3cqw;width:8.47225cqw;height:5.555567cqw;background:url(ainote-compare-hotspot-line.svg) center / 100% 100% no-repeat;transform:rotate(180deg);pointer-events:none}.ac-intro__hotspot:is(:hover,:focus-visible) span{background:#0c73ff}.ac-intro__benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:32px;padding:60px 0}.ac-intro__benefit{min-width:0;text-align:center;padding:0 24px}.ac-intro__benefit:not(:nth-child(3n+1)){border-left:1px solid rgb(26 24 71 / .2)}.ac-intro__custom-icon{display:block;width:60px;height:60px;margin-inline:auto}.ac-intro__custom-icon svg{display:block;width:100%;height:100%}.ac-intro__benefit picture,.ac-intro__benefit img{display:block;width:60px;height:60px;object-fit:contain;margin-inline:auto}.ac-intro__benefit .ac-intro__benefit-description{max-width:240px;margin:24px auto 0;font:400 calc(24px * var(--ac-type-benefit, 1))/calc(34px * var(--ac-type-benefit, 1)) var(--text-font-family);letter-spacing:0;text-transform:none;white-space:nowrap}.ac-features{padding:120px 0;background:#f5f6f9}.ac-feature{display:grid;grid-template-columns:minmax(0,496fr) minmax(0,624fr);gap:80px;align-items:center}.ac-feature+.ac-feature{margin-top:80px}.ac-feature:nth-child(2n){grid-template-columns:minmax(0,624fr) minmax(0,496fr)}.ac-feature:nth-child(2n) .ac-feature__copy{order:2}.ac-feature h2{font-size:calc(58px * var(--ac-type-heading, 1));line-height:calc(62px * var(--ac-type-heading, 1))}.ac-feature--writing h2{text-transform:none}.ac-feature__copy p{margin-top:22px}.ac-feature__description-list{margin:22px 0 0;padding:0 0 0 24px;list-style:disc outside;text-align:left;color:#666;font-family:var(--text-font-family);font-size:calc(16px * var(--ac-type-description, 1));line-height:calc(24px * var(--ac-type-description, 1));font-weight:400;overflow-wrap:break-word}.ac-feature__description-list li{margin:0;padding:0}.ac-feature__image{aspect-ratio:1;overflow:hidden;border-radius:8px;background:#e1e3e8}.ac-feature__image picture,.ac-feature__image img{display:block;width:100%;height:100%;object-fit:cover}@media(min-width:750px)and (max-width:1199px){.ac-heading h2{font-size:calc(42px * var(--ac-type-heading, 1))}.ac-intro,.ac-features{padding-block:80px}.ac-feature{gap:40px}.ac-feature h2{font-size:calc(40px * var(--ac-type-heading, 1));line-height:1.1}.ac-intro__benefit .ac-intro__benefit-description{font-size:calc(18px * var(--ac-type-benefit, 1))}}@media(max-width:749px){.ac-wrap{width:calc(100% - 32px)}.ac-mobile{display:block}.ac-desktop{display:none}.ac-hero{height:auto}.ac-hero__stage{height:auto;aspect-ratio:auto}.ac-hero__background{left:-60.58%;right:-60.58%}.ac-hero__copy{position:relative;inset:auto;width:calc(100% - 32px);margin-inline:auto;padding-top:calc(var(--header-height, 44px) + 28px)}.ac-hero h1{font-size:calc(32px * var(--ac-type-heading, 1));line-height:calc(39px * var(--ac-type-heading, 1))}.ac-hero__copy p{max-width:390px;margin:8px auto 0;font-size:calc(14px * var(--ac-type-description, 1));line-height:calc(24px * var(--ac-type-description, 1))}.ac-hero__art{position:relative;inset:auto;left:calc(50% - 353.83px);margin-top:-11.48px;width:703.689px;height:324.478px;pointer-events:auto;touch-action:pan-y}.ac-hero__masked-art{-webkit-mask-image:linear-gradient(#000 0%,#000 76.73%,transparent 100%);mask-image:linear-gradient(#000 0%,#000 76.73%,transparent 100%)}.ac-hero__device{top:0}.ac-hero__screens{top:34.595px}.ac-hero__hand{top:131.453px}.ac-hero__feature,.ac-hero__arrow{display:none}.ac-hero__mobile-controls{position:relative;margin-top:-42px;width:100%;z-index:4;text-align:center}.ac-hero__mobile-controls p{margin:0 0 12px;min-height:24px;font-size:calc(14px * var(--ac-type-feature, 1));line-height:calc(24px * var(--ac-type-feature, 1));color:#1a1847}.ac-hero__dots{display:flex;justify-content:center;gap:8px}.ac-hero__dots button{width:20px;height:27px;position:relative;cursor:pointer}.ac-hero__dots button:after{content:"";position:absolute;top:12px;left:0;width:20px;height:3px;border-radius:4px;background:#0508361f;transition:background .2s}.ac-hero__dots button[aria-pressed=true]:after{background:#0c73ff}.ac-heading h2{font-size:calc(24px * var(--ac-type-heading, 1));line-height:calc(29px * var(--ac-type-heading, 1))}.ac-heading p{font-size:calc(14px * var(--ac-type-description, 1));line-height:calc(21px * var(--ac-type-description, 1));margin-top:12px}.ac-heading p br{display:none}.ac-intro{padding:32px 0}.ac-intro .ac-heading{margin-bottom:24px}.ac-intro__scene{border-radius:8px;aspect-ratio:343 / 192}.ac-intro__hotspot{font-size:calc(3.498542cqw * var(--ac-type-button, 1))}.ac-intro__hotspot--1{left:var(--ac-hotspot-mobile-x, 10.495627%);top:var(--ac-hotspot-mobile-y, 72.916667%);width:43.148688%;height:21.875%}.ac-intro__hotspot--2{left:var(--ac-hotspot-mobile-x, 40.233236%);top:var(--ac-hotspot-mobile-y, 58.854167%);width:48.688047%;height:27.083333%}.ac-intro__hotspot span{min-height:7.989865cqw;padding:1.749271cqw 2.332362cqw;border-width:.203px;border-radius:.472595cqw;-webkit-backdrop-filter:blur(2.431px);backdrop-filter:blur(2.431px)}.ac-intro__hotspot i{width:6.997085cqw}.ac-intro__hotspot:after{right:3.35277cqw;bottom:3.35277cqw;width:12.585044cqw;height:5.296414cqw;background-image:url(ainote-compare-hotspot-line-mobile-1.svg)}.ac-intro__hotspot--2:after{width:12.560525cqw;height:8.425452cqw;background-image:url(ainote-compare-hotspot-line-mobile-2.svg)}.ac-intro__benefits{padding:16px 0 0}.ac-intro__benefit{padding:0 10px}.ac-intro__benefit picture,.ac-intro__benefit img{width:30px;height:30px}.ac-intro__custom-icon{width:30px;height:30px}.ac-intro__benefit .ac-intro__benefit-description{font-size:calc(10px * var(--ac-type-benefit, 1));line-height:calc(14px * var(--ac-type-benefit, 1));margin:8px auto 0;max-width:76px;white-space:normal}.ac-intro__benefit .ac-intro__benefit-description--summary{width:min-content}.ac-intro__benefit:not(:nth-child(3n+1)){border:none}.ac-features{padding:32px 0}.ac-feature,.ac-feature:nth-child(2n){grid-template-columns:minmax(0,1fr);gap:24px}.ac-feature:nth-child(2n) .ac-feature__copy{order:0}.ac-feature+.ac-feature{margin-top:32px}.ac-feature__copy{text-align:center}.ac-feature h2{font-size:calc(24px * var(--ac-type-heading, 1));line-height:calc(29px * var(--ac-type-heading, 1))}.ac-feature__copy p{font-size:calc(14px * var(--ac-type-description, 1));line-height:calc(24px * var(--ac-type-description, 1));margin-top:12px}.ac-feature__description-list{margin-top:12px;font-size:calc(14px * var(--ac-type-description, 1))}.ac-feature--planner .ac-feature__copy p{font-size:calc(16px * var(--ac-type-description, 1))}.ac-feature__image{border-radius:4px}}@media(prefers-reduced-motion:reduce){.ac-hero__screen,.ac-hero__feature,.ac-hero__dots button:after,.ac-intro__hotspot span{transition:none}.ac-intro__hotspot i:before,.ac-intro__hotspot i:after{animation:none}}.ac-intro__icon{position:relative;display:block;width:60px;height:60px;margin-inline:auto}.ac-intro__icon>span{position:absolute}.ac-intro__icon--writing>span{top:6.14%;right:13.95%;bottom:10.94%;left:14.06%}.ac-intro__icon--record>span{top:10.94%;right:14.06%;bottom:14.06%;left:15.63%}.ac-intro__icon--summary>span{top:6.25%;right:7.81%;bottom:10.94%;left:14.06%}.ac-intro__benefit .ac-intro__icon picture{position:absolute;width:auto;height:auto}.ac-intro__icon--writing picture{top:-2.51%;right:-2.89%;bottom:-2.51%;left:-2.89%}.ac-intro__icon--record picture{top:-2.78%;right:-2.96%;bottom:-2.78%;left:-2.96%}.ac-intro__icon--summary picture{top:-2.52%;right:-2.67%;bottom:-2.52%;left:-2.67%}.ac-intro__benefit .ac-intro__icon img{width:100%;height:100%}@media(max-width:749px){.ac-intro__icon{width:24px;height:24px}.ac-intro__icon--writing picture{top:-1.88%;right:-2.17%;bottom:-1.88%;left:-2.17%}.ac-intro__icon--record picture{top:-2.08%;right:-2.22%;bottom:-2.08%;left:-2.22%}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/ainote-compare-page.css.map */