@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{font-family:'DM Sans',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#19152d;background:#fbfaff;font-synthesis:none;text-rendering:optimizeLegibility;font-smooth:always;--ink:#19152d;--muted:#6f6b80;--purple:#6537e8;--pink:#db43a9;--line:#e9e5f2;--surface:#fff;--soft:#f5f1ff;--green:#38a85a;--yellow:#f5bb28}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 78% 0%,#f0e9ff 0,transparent 32rem),#fbfaff}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;width:min(1280px,calc(100% - 64px));margin:auto}.brand{display:inline-flex;align-items:center;gap:10px;font:800 22px Manrope,sans-serif;letter-spacing:-1px;color:var(--ink)}.brand img{width:36px;height:36px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:34px;color:#5e596e;font-size:13px;font-weight:600}.site-header nav>a:not(.nav-cta):hover,.site-footer>a:hover{color:var(--purple)}.nav-cta{padding:11px 16px;border-radius:12px;background:#fff;border:1px solid var(--line);color:var(--ink);box-shadow:0 4px 16px #34255b0a}.nav-cta span,.button span{margin-left:10px;color:var(--purple)}.hero{min-height:545px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:20px;padding:30px 0 65px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.35px;color:#7b6aaf}.eyebrow-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#6c39ec,#ef51b5);margin:0 7px 1px 0}.hero h1,.section-heading h2,.feature-copy h2,.closing h2{font:800 clamp(46px,6.3vw,76px)/1.05 Manrope,sans-serif;letter-spacing:-4px;margin:19px 0 18px}.hero h1 span,.section-heading h2 span,.feature-copy h2 span,.closing h2 span{background:linear-gradient(95deg,#6036e7 5%,#b742d5 56%,#e54b9c);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-lede{font-size:17px;line-height:1.7;color:#6e6a7d;max-width:510px;margin:0}.hero-actions{display:flex;gap:13px;align-items:center;margin-top:28px}.button{min-height:49px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;font-size:13px;font-weight:700}.button.primary{background:linear-gradient(105deg,#6238e8,#8c38da 55%,#c13cc0);color:white;box-shadow:0 8px 19px #7445df32}.button.primary span{color:#f3d7ff}.button.quiet{color:#625d74;background:#fff;border:1px solid var(--line)}.hero-note{margin-top:24px;color:#898397;font-size:11px}.sparkle{font-size:15px;color:#db45a5;margin-right:5px}.hero-mascot{height:450px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-mascot img{height:95%;width:96%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 22px 22px #5e3aba20)}.halo{position:absolute;border-radius:50%;filter:blur(2px);z-index:-1}.halo-one{width:320px;height:320px;background:radial-gradient(circle,#e9d8ff 0,#f3ebff99 54%,transparent 72%);top:16%;left:18%}.halo-two{width:105px;height:105px;background:#ffefc766;right:10%;bottom:16%;filter:blur(20px)}.float-tag{position:absolute;z-index:2;background:white;border:1px solid #eee8f8;box-shadow:0 10px 28px #34255b12;border-radius:11px;padding:10px 13px;font-size:11px;font-weight:700;color:#4c415f}.tag-one{top:20%;left:7%;transform:rotate(-4deg)}.tag-two{right:1%;bottom:20%;transform:rotate(3deg)}.float-star{position:absolute;top:13%;right:15%;font-size:22px;color:#e9a928}.preview{background:#fff;border:1px solid #ece8f4;border-radius:24px;padding:14px;box-shadow:0 22px 55px #39276712}.preview-top{height:34px;display:flex;justify-content:space-between;align-items:flex-start;padding:0 7px;color:#9791a6;font-size:10px}.preview-label{font-weight:700;color:#5a536a}.preview-label i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4dbc70;margin-right:6px}.preview img{width:100%;height:auto;border-radius:15px;display:block}.how{padding:124px 0 130px}.section-heading{text-align:center;max-width:570px;margin:0 auto 55px}.section-heading h2,.feature-copy h2,.closing h2{font-size:50px;letter-spacing:-2.8px}.section-heading p,.feature-copy>p,.closing>p{color:var(--muted);font-size:15px;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{position:relative;background:#fff;border:1px solid var(--line);border-radius:19px;padding:26px 24px 27px;min-height:232px;box-shadow:0 8px 28px #34255b07}.step-number{position:absolute;right:21px;top:20px;font:700 11px Manrope,sans-serif;letter-spacing:.8px;color:#c8c2d3}.step-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;font-size:20px;margin-bottom:21px}.icon-purple{color:#633ee2;background:#f0eaff}.icon-yellow{color:#b88100;background:#fff3cf}.icon-green{color:#258448;background:#e4f6e8}.step h3{font:700 17px Manrope,sans-serif;margin:0 0 8px;letter-spacing:-.3px}.step p{font-size:12px;color:#797486;line-height:1.65;margin:0;max-width:290px}.feature-band{background:linear-gradient(115deg,#f0eaff,#f8f3ff 54%,#fff0f7);border-block:1px solid #eee6fb;padding:90px 0}.feature-content{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:70px}.feature-copy h2{margin:18px 0}.feature-copy>p{max-width:430px}.feature-list{list-style:none;padding:0;margin:27px 0 0;display:grid;gap:12px}.feature-list li{font-size:12px;color:#5e596e}.feature-list span{color:#41a85d;font-weight:800;margin-right:8px}.feature-card{padding:11px;background:#fff;border:1px solid #e9e3f1;border-radius:18px;box-shadow:0 23px 65px #44335d18;transform:rotate(1deg)}.feature-card-top{height:24px;display:flex;align-items:flex-start;gap:5px;padding:0 5px}.mini-dot{width:6px;height:6px;background:#e7e2ee;border-radius:50%}.file-name{font-size:8px;color:#9690a4;margin-left:8px}.mini-screen{height:240px;position:relative;border:1px solid #eeeaf4;border-radius:10px;overflow:hidden;background:#fcfbff;padding:14px}.mini-nav{display:flex;align-items:center;gap:24px;font-size:8px;color:#858093}.mini-nav b{font-size:9px;color:#302b41}.mini-avatar{margin-left:auto;width:16px;height:16px;border-radius:50%;background:linear-gradient(140deg,#ecc5a4,#805d9c)}.mini-hero{height:117px;margin-top:14px;border-radius:9px;background:linear-gradient(100deg,#ece5ff,#f6eeff 64%,#f8e9f6);padding:15px;position:relative}.mini-hero small{display:block;color:#7054c4;font-size:7px;font-weight:700;letter-spacing:.7px}.mini-hero strong{display:block;font:800 17px/1.1 Manrope,sans-serif;margin-top:6px;color:#292342}.mini-hero button{position:absolute;right:15px;bottom:14px;border:0;border-radius:6px;background:#673fe0;color:white;font-size:7px;padding:7px 10px}.mini-courses{display:flex;gap:9px;margin-top:12px}.mini-courses div{flex:1;height:53px;border:1px solid #eeeaf4;border-radius:7px;background:#fff;position:relative;padding:12px 7px 4px 36px}.mini-courses i{position:absolute;left:7px;top:9px;width:22px;height:27px;border-radius:5px;background:linear-gradient(135deg,#d9caff,#8e77e8)}.mini-courses div:nth-child(2) i{background:linear-gradient(135deg,#ffe8be,#ed9e49)}.mini-courses div:nth-child(3) i{background:linear-gradient(135deg,#d7f4df,#5db982)}.mini-courses b,.mini-courses small{display:block;font-size:7px}.mini-courses small{color:#9993a7;margin-top:4px}.mini-target{position:absolute;z-index:2;width:22px;height:22px;border:2px solid #fff;border-radius:50%;background:#282334;color:#fff;display:grid;place-items:center;font-size:7px;font-weight:700;box-shadow:0 2px 5px #0002}.target-a{top:70px;left:235px}.target-b{top:135px;right:93px}.mini-annotations{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px 2px 0}.mini-annotations>div{border:1px solid #ebe7f1;border-radius:8px;padding:8px;background:#fff}.mini-annotations b{display:block;font-size:8px;color:#302b41}.mini-annotations b span{display:inline-grid;place-items:center;background:#292633;color:#fff;width:15px;height:15px;border-radius:50%;font-size:7px;margin-right:4px}.mini-annotations small{display:block;margin:6px 0 0 20px;font-size:7px;line-height:1.35;color:#858092}.editable-label{padding:11px 4px 2px;text-align:center;color:#8a829a;font-size:8px}.privacy-strip{margin-top:70px;margin-bottom:60px;padding:27px 32px;display:flex;gap:20px;align-items:flex-start;border:1px solid #e9e4f1;background:#fff;border-radius:18px}.privacy-mark{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;background:#f0eaff;color:#6b42dc;font-size:21px}.privacy-strip h2{font:700 16px Manrope,sans-serif;margin:2px 0 7px}.privacy-strip p{font-size:11px;line-height:1.65;color:#7c7789;margin:0;max-width:900px}.closing{text-align:center;padding:65px 0 100px}.closing-mark{width:56px;height:56px;object-fit:contain}.closing h2{margin:17px 0 10px}.closing>p{margin:0 auto 20px;max-width:460px;font-size:13px}.site-footer{border-top:1px solid var(--line);min-height:82px;display:flex;align-items:center;gap:25px;color:#8c8798;font-size:10px}.footer-brand{font-size:15px;color:var(--ink);margin-right:auto}.footer-brand img{width:25px;height:25px}.site-footer small{font-size:10px}

@media(max-width:850px){.wrap{width:min(100% - 36px,680px)}.site-header{width:calc(100% - 36px);height:70px}.site-header nav{gap:15px}.site-header nav>a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;gap:0;padding:53px 0 45px;text-align:center}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(48px,10vw,68px);letter-spacing:-3px}.hero-lede{margin:auto;max-width:560px;font-size:15px}.hero-actions{justify-content:center}.hero-note{font-size:10px}.hero-mascot{height:380px;margin-top:7px}.hero-mascot img{height:100%;width:85%}.tag-one{left:7%;top:14%}.tag-two{right:5%;bottom:15%}.preview{padding:9px;border-radius:17px}.preview-caption{font-size:9px}.how{padding:88px 0}.steps{gap:11px}.step{padding:21px 17px;min-height:230px}.feature-content{grid-template-columns:1fr;gap:35px}.feature-copy{text-align:center}.feature-copy>p{margin-inline:auto}.feature-list{width:max-content;margin:22px auto 0;text-align:left}.feature-card{max-width:620px;width:100%;margin:auto}.feature-band{padding:72px 0}.privacy-strip{margin-top:40px}.section-heading h2,.feature-copy h2,.closing h2{font-size:44px}}
@media(max-width:560px){.wrap{width:calc(100% - 30px)}.site-header{width:calc(100% - 30px)}.brand{font-size:19px}.brand img{width:31px;height:31px}.nav-cta{font-size:10px;padding:10px 11px}.hero{padding-top:45px}.hero h1{font-size:47px}.hero-mascot{height:300px}.float-tag{font-size:9px;padding:8px 10px}.preview-top{height:32px}.preview-caption{max-width:125px;text-align:right;line-height:1.25}.section-heading h2,.feature-copy h2,.closing h2{font-size:37px;letter-spacing:-2px}.section-heading{margin-bottom:33px}.steps{grid-template-columns:1fr;gap:10px}.step{min-height:0;padding:20px;display:grid;grid-template-columns:42px 1fr;column-gap:14px;align-items:center}.step-number{right:19px;top:19px}.step-icon{grid-row:span 2;margin:0}.step h3{font-size:15px;margin:0 0 4px}.step p{grid-column:2;font-size:11px}.feature-band{padding:57px 0}.feature-list{width:100%;max-width:290px}.mini-screen{height:205px;padding:10px}.mini-hero{height:97px}.mini-hero strong{font-size:14px}.mini-courses div{padding-left:28px}.mini-courses i{width:16px;height:23px}.mini-target.target-a{left:150px;top:60px}.mini-target.target-b{right:67px;top:120px}.mini-annotations{gap:5px}.mini-annotations>div{padding:6px}.mini-annotations b{font-size:7px}.privacy-strip{padding:21px 18px;gap:13px}.privacy-mark{flex-basis:35px;height:35px}.privacy-strip p{font-size:10px}.closing{padding:48px 0 70px}.site-footer{flex-wrap:wrap;gap:12px;padding:18px 0;min-height:0}.site-footer>span{order:3;width:100%}.site-footer small{margin-left:auto}}

/* Interactive visual directions for the Fignotate landing page. */
body{--theme-page:#f7f6fc;--theme-ink:#242344;--theme-muted:#68677d;--theme-accent:#2c2a72;--theme-accent-2:#8c7ae6;--theme-soft:#eeecf7;--theme-line:#d9dce3;--theme-surface:#fff;--theme-feature:#efedf8;--theme-cta-text:#fff;color:var(--theme-ink);background:radial-gradient(ellipse at 78% 0%,color-mix(in srgb,var(--theme-soft) 86%,transparent) 0,transparent 32rem),var(--theme-page);transition:background-color .35s ease,color .3s ease}
body[data-theme="safety"]{--theme-page:#f7f7f5;--theme-ink:#111;--theme-muted:#565656;--theme-accent:#ff4f00;--theme-accent-2:#ffd400;--theme-soft:#fff0e8;--theme-line:#dededb;--theme-surface:#fff;--theme-feature:#171717;--theme-cta-text:#111}
body[data-theme] .site-header,body[data-theme] .site-footer{color:var(--theme-muted)}
body[data-theme] .brand,body[data-theme] .footer-brand{color:var(--theme-ink)}
body[data-theme] .nav-cta,body[data-theme] .button.quiet,body[data-theme] .preview,body[data-theme] .step,body[data-theme] .feature-card,body[data-theme] .privacy-strip{background-color:var(--theme-surface);border-color:var(--theme-line)}
body[data-theme] .hero h1 span,body[data-theme] .section-heading h2 span,body[data-theme] .feature-copy h2 span,body[data-theme] .closing h2 span{background-image:linear-gradient(95deg,var(--theme-accent),var(--theme-accent-2));background-clip:text;-webkit-background-clip:text}
body[data-theme] .eyebrow,body[data-theme] .nav-cta span,body[data-theme] .button span{color:var(--theme-accent)}
body[data-theme] .eyebrow-dot,body[data-theme] .sparkle{background:var(--theme-accent)}
body[data-theme] .button.primary{background:linear-gradient(105deg,var(--theme-accent),var(--theme-accent-2));color:var(--theme-cta-text);box-shadow:0 9px 24px color-mix(in srgb,var(--theme-accent) 20%,transparent)}
body[data-theme] .button.primary span{color:var(--theme-cta-text)}
body[data-theme] .feature-band{background:linear-gradient(115deg,var(--theme-feature),var(--theme-page));border-color:var(--theme-line)}
body[data-theme="safety"] .feature-band{color:#fff}
body[data-theme="safety"] .feature-copy>p,body[data-theme="safety"] .feature-list li{color:#dededb}
body[data-theme="safety"] .feature-card{color:#111}
body[data-theme] .privacy-mark{background:var(--theme-soft);color:var(--theme-accent)}
body[data-theme] .step-icon{background:var(--theme-soft);color:var(--theme-accent)}
body[data-theme] .tag-one,body[data-theme] .tag-two{border-color:var(--theme-line);color:var(--theme-ink)}
.hero-copy{animation:rise-in .65s both}.hero-mascot{animation:rise-in .8s .08s both}.hero-mascot img{animation:mascot-drift 7s ease-in-out 1s infinite}.step,.feature-card,.preview{transition:transform .25s ease,box-shadow .25s ease}.step:hover{transform:translateY(-4px);box-shadow:0 14px 32px #34255b12}.feature-card:hover{transform:rotate(0) translateY(-3px);box-shadow:0 27px 72px #44335d22}.preview:hover{box-shadow:0 26px 62px #39276719}
@keyframes rise-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes mascot-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}