@property --angle{syntax:'<angle>';initial-value:0deg;inherits:false}@keyframes GradientSpin{100%{--angle:360deg}}@media only screen and (max-width:500px){body{padding:0!important}}body:has(#hero) #hero{order:1}body:has(#hero) #logipass{order:2;background:0 0}body:has(#hero) #benefits{order:3;background:var(--color-light-200)}main{display:flex;flex-direction:column}main>section{padding:6rem 4rem;scroll-margin-block:0;order:999}@media only screen and (max-width:500px){main>section{padding:4rem 1rem}}main>section:has(> [tagline]) [space]~[h1]~p{font-size:1.33rem}[tagline-wrapper][tagline-wrapper=center]{text-align:center}[tagline]{display:inline-block;margin-inline-end:auto;font-weight:700;border:2px solid #000;padding:.33rem 1rem;border-radius:2rem}[devices]{position:relative;display:flex;justify-content:center;align-items:flex-start}[device-component]{display:flex;justify-content:center;align-items:center;box-shadow:0 1rem 2rem -1.25rem var(--color-light-700);border-radius:1.5rem;transition:all .17s ease-in-out;border:9px solid #000;overflow:hidden;outline:4px solid var(--color-mono-500);background:#000;user-select:none!important}@media (hover:hover) and (pointer:fine){[device-component]:hover{--y:-1rem}}@media only screen and (max-width:500px){[device-component]{--size:2px}}[device-component]>img{width:100%;border:3px solid #fff}[device-component][device-component=mobile]{display:flex;flex-direction:column}[device-component][device-component=mobile] [status-bar]{display:flex;align-items:center;justify-content:flex-end;background:var(--color-mono-900);width:100%;height:1rem;color:var(--color-mono-400);font-size:9px;padding-inline:0.5rem}[device-component][device-component=mobile]::after{position:absolute;content:'';width:30%;height:4px;background:#000;border-radius:1rem;bottom:.25rem}[profession]{display:flex;gap:.33rem;border-radius:.67rem;cursor:pointer}[profession][animated]{animation:Appear .17s ease-in-out var(--animation-delay,0) forwards;opacity:0}[profession]:not(.Open) p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media only screen and (max-width:500px){[profession]{padding:.67rem}[profession]:nth-child(n+7){display:none}}[profession] label,[profession] p{cursor:pointer}[profession] label{display:block;color:var(--color-primary-700)}[profession] svg{fill:var(--color-primary-200)}[profession] [logi]{display:flex;align-items:center}[profession] img{background:var(--color-primary-100);border-radius:50%;width:1.5rem;height:1.5rem;margin-inline-end:.33rem}[profession] span{display:flex;gap:.25rem;font-size:16px;font-weight:700;color:var(--color-primary-700);cursor:pointer}[profession] span::after{content:'\279C'}[dir=rtl] [profession] span::after{transform:rotate(180deg)}[profession] span:hover{color:var(--color-primary-400)}[profession] label{font-weight:700;color:var(--color-primary-400)}[profession] p{font-size:14px}[profession] svg{fill:var(--color-primary-300)}@media only screen and (min-width:501px){#domains{text-align:center}}#domains [tagline-wrapper]{display:flex}@media only screen and (min-width:501px){#domains [tagline-wrapper]{justify-content:center}}#domains [tagline-wrapper]>div{padding:.33rem;animation:3s GradientSpin linear infinite;border-radius:4rem;background-image:conic-gradient(from var(--angle),transparent 70%,var(--color-primary-300),var(--color-primary-300),var(--color-purple-300),transparent)}#domains [tagline]{background:#fff;outline:2px solid white}#domains [h1]+p u{font-weight:700;text-decoration-color:var(--color-light-700)}@media only screen and (min-width:501px){#domains [h1]+p{font-size:1.25rem}}#domains [domains-wrapper]{display:flex;flex-direction:column;background:#fff;max-width:1280px;margin:auto}#domains [domains-wrapper] [domain]{display:flex;flex-direction:column;justify-content:flex-end;height:4.5rem;width:100%}@media only screen and (min-width:501px){#domains [domains-wrapper] [domain]{border-radius:.5rem;padding:.25rem 1rem}}@media only screen and (max-width:500px){#domains [domains-wrapper] [domain]{height:4.75rem}}@media (hover:hover) and (pointer:fine){#domains [domains-wrapper] [domain]:hover{background:var(--color-mono-010)}}#domains [domains-wrapper] [compatibility]{position:relative;width:100%}#domains [domains-wrapper] [compatibility]::after{position:absolute;content:'';inset-inline-start:var(--score);height:calc(100% - 4px);width:calc(1rem - 4px);background:var(--color);border-radius:50%;bottom:-2px;transform:translateX(calc(50% * var(--direction-multi)));border:4px solid #fff}#domains [domains-wrapper] [compatibility] label{position:absolute;display:flex;flex-wrap:nowrap;align-items:center;font-weight:700;bottom:100%;width:max-content;inset-inline-start:clamp(calc(var(--width,0)/ 2),var(--score),calc(100% - var(--width,0)/ 2));transform:translateX(calc(50% * var(--direction-multi)));pointer-events:none;opacity:0;transition:all .17s ease-in-out}#domains [domains-wrapper] [compatibility] label.Ready{opacity:1}@media only screen and (max-width:500px){#domains [domains-wrapper] [compatibility] label{font-size:14px}}#domains [domains-wrapper] [compatibility] label svg{fill:var(--color-mono-400);opacity:.67;transform:scaleX(var(--direction-multi))}@media only screen and (max-width:500px){#domains [domains-wrapper] [compatibility] label svg{width:16px;height:16px}}#domains [domains-wrapper] [compatibility] [bar]{width:100%;height:1rem;background:rgb(from var(--color) r g b / 15%);border-radius:.5rem;overflow:hidden}#domains [domains-wrapper] [compatibility] [bar] div{width:var(--score);height:100%;background:var(--color);border-radius:.5rem}#domains [domains-wrapper] [polars]{display:flex;justify-content:space-between;font-size:14px;color:var(--color-mono-400)}#domains [domains-wrapper] [polars] span.Bold{font-weight:700;color:#000}#professions{background-image:url(https://logipass.net/content/img/bg/geometry2.webp)}#professions [real-professions]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:flex-start}@media only screen and (max-width:500px){#professions [real-professions]{grid-template-columns:1fr}}#professions [real-professions] [profession]{padding:1rem;background:#fff}@media only screen and (min-width:501px){#professions [real-professions] [profession] label{font-size:1.5rem}}#professions [real-professions] [profession] svg{transform:translateY(var(--y,5px))}@media only screen and (max-width:500px){#professions [real-professions] [profession] svg{--y:3px}}@media (hover:hover) and (pointer:fine){#professions [real-professions] [profession]:hover{outline:.25rem solid var(--color-light-400)}}#professions [simulator]{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;border:1px dashed var(--color-light-600);font-weight:700;padding-block:2rem;margin-block:2rem;border-radius:.5rem;background:var(--color-light-000)}#professions [simulator] div{max-width:18rem;text-align:center;margin:auto}#professions [simulator] p button{display:flex;justify-content:center;gap:.33rem;padding:.25rem .67rem;color:var(--color-primary-700)}#professions [simulator] p button::after{content:'\279C'}[dir=rtl] #professions [simulator] p button::after{transform:rotate(180deg)}@media (hover:hover) and (pointer:fine){#professions [simulator] p button:hover{color:var(--color-primary-400)}}#professions [locked-content]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;filter:blur(4px);user-select:none;pointer-events:none}#professions [locked-content] [profession]{background:var(--color-light-000);padding:1rem}@media only screen and (max-width:500px){#professions [locked-content]{grid-template-columns:1fr}}#professions [locked-container]{position:relative;display:flex;justify-content:center;align-items:center}#professions [locked-container] [locked-content]{opacity:.67;pointer-events:none;user-select:none}#professions [locked-container] [unlock-prompt]{position:absolute;background:#fff;padding:2rem 4rem;border-radius:1rem;border:1px solid var(--color-mono-100);outline:.5rem solid white;display:flex;flex-direction:column;align-items:center;max-width:min(48rem,85vh);box-shadow:0 0 2rem var(--color-mono-100)}@media only screen and (max-width:500px){#professions [locked-container] [unlock-prompt]{padding:1rem 2rem}}#professions [locked-container] [unlock-prompt] div{font-weight:700;text-align:center}#professions [locked-container] [unlock-prompt] p{font-size:16px;text-align:center}#professions [locked-container] [unlock-prompt] a[button]{gap:.5rem;margin-top:1.5rem}#professions [locked-container] [unlock-prompt] a[button]::after{display:none}#professions [locked-container] [unlock-prompt] a[button] svg{fill:white;height:18px;width:18px}#hero{position:relative;display:flex;flex-direction:column;background:var(--color-light-200);overflow:hidden;max-height:100dvh;padding-block:12rem}@media only screen and (max-width:500px){#hero{height:calc(100dvh - 40px)}}#hero #banner{display:flex;flex-direction:column;align-items:center;text-align:center;font-weight:700;z-index:1}#hero #banner h1,#hero #banner p{display:inline-block}#hero #banner h1{font-size:4rem}@media only screen and (max-width:500px){#hero #banner h1{font-size:3.5rem}}#hero #banner p{font-size:1.5rem}#hero #banner p span{text-decoration:solid underline 3px var(--color-primary-200)}#hero #banner a[button]{font-size:1.5rem}#hero [video]{position:absolute;left:0;top:0;width:100%;display:flex;justify-content:center;pointer-events:none;filter:blur(3px);opacity:.5}#hero [video] video{min-width:1000px;width:200%}@media only screen and (min-width:501px){#hero [video] video{transform:translateY(-15%)}}#hero #monitor-preview{max-width:90%;margin:auto}@media only screen and (max-width:500px){#hero #monitor-preview{max-width:100%}}#hero #monitor-preview>div{position:relative;display:flex;align-items:flex-end;justify-content:center;border-radius:1rem 1rem 0 0;aspect-ratio:16/7;background-image:url(https://logipass.net/content/img/bg/backscreen.webp?v2);background-size:cover;background-position:center;border:2px solid var(--color-mono-200);box-shadow:inset 0 2px #fff,inset 2px 0 #fff,inset -2px 0 #fff,0 -.5rem 1rem -1rem var(--color-light-700);border-bottom:0;overflow:hidden}#hero #monitor-preview [monitor]{position:absolute;top:15%;max-width:80%;border-radius:1rem 1rem 0 0;overflow:hidden;border:2px solid var(--color-mono-350);outline:6px solid white;border-bottom:0;animation:Appear .67s ease-in-out forwards}#hero #monitor-preview [monitor] img,#hero #monitor-preview [monitor] video{width:100%}#benefits [grid]{display:grid;grid-template-columns:repeat(4,1fr);gap:4rem}@media only screen and (max-width:500px){#benefits [grid]{display:flex;overflow:scroll;scroll-snap-type:x mandatory}}@media only screen and (max-width:500px){#benefits [closer],#benefits [item]{scroll-snap-align:start;scroll-snap-stop:always}}#benefits [item]{display:flex;flex-direction:column;gap:1rem}@media only screen and (max-width:500px){#benefits [item]{min-width:55vw}}#benefits [item] svg{background:var(--color-primary-100);border-radius:50%;fill:var(--color-primary-700);width:var(--size,3.5rem);height:var(--size,3.5rem);padding:.5rem}#benefits [closer]{font-weight:700;padding:1rem;border-radius:1rem;font-size:1.5rem;cursor:pointer}@media only screen and (max-width:500px){#benefits [closer]{min-width:100%}}@media (hover:hover) and (pointer:fine){#benefits [closer]:hover{outline:.25rem solid var(--color-light-400);outline-offset:0.25rem}}#benefits [closer]:active{transform:translateY(1px)}#benefits [closer]::after{content:'\279C'}[dir=rtl] #benefits [closer]::after{transform:rotate(180deg)}#benefits [closer]::after{display:inline-flex;margin-inline-start:.5rem;font-size:.85em}#audience{background:var(--color-light-200)}#audience [grid]{display:grid;grid-template-columns:repeat(17,1fr);gap:2rem}@media only screen and (max-width:500px){#audience [grid]{display:flex;flex-direction:column;gap:1rem}}#audience [item]{display:flex;justify-content:space-between;gap:8rem;border-radius:2rem;padding:3rem;background:var(--bg,#fff);cursor:pointer;color:#000}@media (hover:hover) and (pointer:fine){#audience [item]:hover{outline:.25rem solid var(--color-light-400);outline-offset:0.25rem}}#audience [item]:active{transform:translateY(1px)}#audience [item]>div:first-child{display:flex;flex-direction:column}#audience [item] p[bold]{display:flex;gap:.5rem;align-items:center;font-weight:700;margin-top:auto;color:var(--color-primary-700)}#audience [item] p[bold]::after{content:'\279C'}[dir=rtl] #audience [item] p[bold]::after{transform:rotate(180deg)}#audience [item] p[bold]::after{font-size:.85em}@media only screen and (min-width:501px){#audience [item] p{font-size:1.25rem}}@media only screen and (max-width:500px){#audience [item]{gap:1.5rem;padding:1.5rem;border-radius:1rem}#audience [item] [h2]{font-size:24px}#audience [item] p{font-size:16px}}#audience [item=goal-focus]{grid-column:1/span 8;--bg:var(--color-purple-000)}#audience [item=security]{grid-column:9/span 9}#audience [item=long-term]{grid-column:1/span 9}#audience [item=starting-point]{grid-column:10/span 8;--bg:var(--color-green-000)}#audience [item=career-guidance]{grid-column:1/span 8;--bg:var(--color-primary-000)}#audience [item=career-change]{grid-column:9/span 9}#audience svg{width:var(--size,10rem);height:var(--size,10rem);flex-shrink:0}@media only screen and (max-width:500px){#audience svg{--size:4rem}}#logipass{background:var(--color-light-200);overflow:hidden}@media only screen and (min-width:501px){#logipass{padding-inline:0}}#logipass [h1]{text-align:center}#logipass [textual]{flex:4;font-size:1.25rem}@media only screen and (min-width:501px){#logipass [textual]{padding-inline-start:4rem}}#logipass [textual]>p{font-size:1.5rem}#logipass [textual] [points]{display:flex;flex-direction:column;gap:1rem;font-weight:700}#logipass [textual] [points] div{display:flex;gap:1rem}#logipass [textual] [points] svg{--size:2.5rem;background:var(--color-primary-100);border-radius:50%;fill:var(--color-primary-700);width:var(--size);height:var(--size);padding:.5rem;min-width:var(--size)}#logipass [content]{display:flex;align-items:flex-start;gap:6rem}@media only screen and (max-width:900px){#logipass [content]{flex-direction:column;gap:3rem}}#logipass [content]>div{flex-shrink:0}#logipass [devices]{flex:6}#logipass [device-component=desktop]{width:100%;z-index:1}@media only screen and (min-width:501px){#logipass [device-component=desktop]{transform:translate(calc(var(--direction-multi) * -4rem),var(--y,0))}}#logipass [device-component=mobile]{position:absolute;width:22%;z-index:2;bottom:-2rem;transform:translate(0,var(--y))}@media only screen and (max-width:900px){#logipass [device-component=mobile]{inset-inline-start:4%}}@media only screen and (min-width:501px){#logipass [device-component=mobile]{inset-inline-start:-4%}}#plan>div{display:grid;grid-template-columns:4fr 3fr;width:100%;border-radius:2rem;overflow:hidden;outline:2px solid var(--color-light-400);outline-offset:0.25rem}@media only screen and (max-width:500px){#plan>div{display:flex;flex-direction:column}}#plan [inline=start]{padding:4rem 8rem;background:var(--color-light-100)}@media only screen and (max-width:500px){#plan [inline=start]{padding:2rem}}#plan [inline=end]{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background-image:url(https://logipass.net/content/img/bg/backscreen.webp?v2)}#plan [inline=end] video{position:absolute;width:120%}@media only screen and (max-width:500px){#plan [inline=end]{min-height:10rem}}@media only screen and (max-width:500px){#plan [h1]{text-align:center}}#plan [list]{display:flex;flex-direction:column;gap:.5rem}#plan [list] [item]{display:flex;gap:.5rem}#plan [list] svg{flex-shrink:0;fill:var(--color-primary-700)}#plan [refund]{font-weight:700}@media only screen and (max-width:500px){#plan [refund]{text-align:center}}#plan a[button]{font-size:1.5rem}@media only screen and (max-width:500px){#plan a[button]{width:100%;justify-content:center}}#pricing{padding:6rem 10rem;display:grid;grid-template-columns:7fr 5fr;grid-template-areas:"left right" "full full";gap:0 6rem;font-size:1.25rem}@media only screen and (max-width:500px){#pricing{padding:6rem 1rem!important}}@media only screen and (max-width:1280px){#pricing{grid-template-columns:none;gap:2rem;padding:6rem 4rem;grid-template-areas:"top" "middle" "bottom"}}#pricing [textual]{display:flex;flex-direction:column;gap:.67rem;grid-area:left;margin-bottom:4rem}@media only screen and (max-width:1280px){#pricing [textual]{grid-area:top}}#pricing [textual] [discount],#pricing [textual] [original]{margin-block:1rem;display:inline-flex;gap:.25rem}#pricing [textual] [discount]{font-size:1.75em}#pricing [textual] [original]{position:relative;align-items:center;justify-content:center;color:var(--color-mono-600)}#pricing [textual] [original]::after{position:absolute;content:'';width:110%;height:2px;top:9px;background:var(--color-primary-700);transform:rotate(15deg)}#pricing [textual] [h1]+p{font-size:1.5rem}#pricing [devices]{grid-area:right}@media only screen and (max-width:1280px){#pricing [devices]{grid-area:bottom}}@media only screen and (max-width:500px){#pricing [devices]{max-width:80vw;margin:2rem auto 0}}#pricing [device-component]{position:relative}#pricing [device-component]>img{height:100%}#pricing [screen="1"]{z-index:2}#pricing [screen="2"]{transform:translate3d(calc(var(--direction-multi) * 1rem),0,0) rotate(calc(var(--direction-multi) * -6deg)) scale(.9);z-index:1}#pricing [screen="2"]::after{content:none}#pricing [logi]{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(45deg,var(--color-light-400),var(--color-purple-000))}#pricing [logi] img{width:65%;border-radius:50%;background:var(--color-mono-010);border:1rem solid #fff;box-shadow:inset 0 .67rem .5rem -.5rem var(--color-mono-150)}@media only screen and (max-width:500px){#pricing [logi]{font-size:14px!important}#pricing [logi] *{font-size:16px}#pricing [logi] button{padding:.25rem .5rem}}#pricing [banner]{grid-area:full;text-align:center;padding:6rem;background:linear-gradient(-45deg,var(--color-light-400),var(--color-purple-000));transform:translateY(-2.5rem);border-radius:2rem}@media only screen and (max-width:1280px){#pricing [banner]{transform:none;grid-area:middle}}@media only screen and (max-width:500px){#pricing [banner]{padding:2rem}}#purchase{background:var(--color-light-200)}#purchase [h1]{margin:0}#purchase [h1]+p{font-weight:700}#purchase>div{display:flex;align-items:flex-start;gap:10rem}@media only screen and (max-width:1280px){#purchase>div{flex-direction:column-reverse;gap:4rem}}#purchase [features]{display:flex;flex-direction:column;flex:5}#purchase [item]{display:flex;gap:1rem;width:100%;padding-block:1rem;border-bottom:1px solid var(--color-mono-100);cursor:pointer}#purchase [item]:hover [icon] svg{fill:var(--color-mono-750)}#purchase [item].OpenFeature [text] p{height:var(--h)}#purchase [item].OpenFeature [icon] svg{fill:var(--color-primary-700)}#purchase [item].OpenFeature [toggler] svg{transform:rotate(180deg)}#purchase [item] [text] div{font-weight:700}#purchase [item] [text] p{height:0;overflow:hidden;transition:all .17s ease-in-out;color:var(--color-mono-750)}#purchase [item] svg{transform:translateY(3px)}#purchase [item] [icon] svg{--size:24x;width:var(--size);height:var(--size);min-width:var(--size);min-height:var(--size);fill:var(--color-mono-500)}#purchase [item] [toggler]{margin-inline-start:auto}#purchase [item] [toggler] svg{transition:all .17s ease-in-out;fill:black;width:24px;height:24px}#purchase #start-now{flex:4;padding:.25rem;animation:5s GradientSpin linear infinite;border-radius:4rem;background-image:conic-gradient(from var(--angle),transparent 70%,var(--color-primary-300),var(--color-primary-300),var(--color-purple-300),transparent)}#purchase [action]{color:#fff;font-weight:700;padding:2rem;min-height:20rem;border:.25rem solid var(--color-light-200);background:linear-gradient(calc(var(--direction-multi) * 15deg),var(--color-purple-500) 5%,var(--color-primary-600) 50%,var(--color-primary-500));border-radius:4rem}@media only screen and (max-width:500px){#purchase [action]{text-align:center}}#purchase [action] [labels]{display:flex;gap:.33rem}@media only screen and (max-width:500px){#purchase [action] [labels]{justify-content:center}}#purchase [action] [labels]>div{font-size:14px;display:inline-flex;align-items:center;padding:2px .67rem;background:var(--color-primary-400);border-radius:2rem;margin-bottom:.67rem}#purchase [action] [labels]>div svg{fill:white;width:18px;height:18px}@media only screen and (max-width:1280px){#purchase [action]{width:100%}}#purchase [action] [price]>span{display:inline-flex;gap:.25rem}#purchase [action] [price=discount]{font-size:3rem}#purchase [action] [price=original] [original]{position:relative;align-items:center}#purchase [action] [price=original] [original]::after{position:absolute;content:'';width:110%;height:2px;background:rgba(255,255,255,.75);transform:rotate(6deg)}#purchase [action] [price=original] [percent]{background:var(--color-primary-400);padding:1px .33rem;font-size:14px;border-radius:.5rem}#purchase [action] button{width:100%;justify-content:center;background:#fff;outline:0;border:none;gap:1rem;color:var(--color-primary-700);box-shadow:none}@media only screen and (max-width:1280px){#purchase [action] button{font-size:1.5rem}}@media only screen and (min-width:501px){#purchase [action] button{font-size:2rem}#purchase [action] button::after{content:'\279C'}[dir=rtl] #purchase [action] button::after{transform:rotate(180deg)}}#purchase [action] [trust]{font-size:14px;color:var(--color-mono-100);text-align:center}#testimonials [testimonials]{display:flex;gap:2rem}@media only screen and (max-width:500px){#testimonials [testimonials]{flex-direction:column}}#testimonials [testimonials] [testimonial]{display:flex;flex-direction:column;align-items:flex-start;gap:2rem;flex:1;background:var(--color-light-100);border-radius:1rem;padding:1rem}@media only screen and (max-width:500px){#testimonials [testimonials] [testimonial]{gap:1rem}}#testimonials [testimonials] p{font-weight:700}@media only screen and (min-width:501px){#testimonials [testimonials] p{font-size:1.5em}}#testimonials [testimonials] p::after,#testimonials [testimonials] p::before{color:var(--color-mono-400)}#testimonials [testimonials] p::before{content:'“';margin-inline-end:.25rem}#testimonials [testimonials] p::after{content:'”';margin-inline-start:.25rem}#testimonials [testimonials] [date]{font-size:12px;font-weight:700;margin-top:auto;color:var(--color-mono-400)}#testimonials [stars]{display:inline-flex;position:relative}#testimonials [stars]::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,transparent 0,transparent var(--rating),rgba(248,250,254,.6) var(--rating),rgba(248,250,254,.6) 100%);pointer-events:none;z-index:1}#testimonials [stars] svg{fill:var(--color-green-700);width:24px;height:24px}#testimonials [total-rating] [stars]+div{margin-top:.25rem;font-size:14px}#testimonials [total-rating] [stars]+div b{color:var(--color-primary-700)}#ai{background:linear-gradient(calc(var(--direction-multi) * 45deg),var(--color-purple-000),var(--color-light-300))}#ai [h1],#ai [h1]+p{text-align:center}#ai [h1]+p{margin:auto;max-width:65rem;font-size:1.5rem}#ai [flex]{display:flex;justify-content:center;align-items:center;gap:8rem;margin:auto;max-width:min(100%,1200px)}@media only screen and (max-width:1280px){#ai [flex]{flex-direction:column-reverse;align-items:center;gap:4rem}}#ai [device-component]{position:relative;aspect-ratio:9/16;height:72dvh;background:linear-gradient(calc(var(--direction-multi) * 45deg),var(--color-light-400),var(--color-purple-000));overflow:visible;max-width:400px;padding:1rem}@media only screen and (max-width:1280px){#ai [device-component]{width:75dvw}}#ai [device-component] [messages]{display:flex;flex-direction:column;gap:2rem;flex:1;padding-block:4rem}@media only screen and (max-width:500px){#ai [device-component] [messages]{gap:1rem}}#ai [device-component] [message]{padding:2rem;background:var(--bg);color:#fff;font-weight:700;border-radius:2rem;outline:3px solid var(--color-light-200)}@media only screen and (max-width:500px){#ai [device-component] [message]{padding:1.5rem;font-size:16px}}#ai [device-component] [message=user]{--bg:var(--color-primary-600)}@media only screen and (min-width:501px){#ai [device-component] [message=user]{transform:translateX(calc(var(--direction-multi) * 15% + 2rem))}}#ai [device-component] [message=logi]{--bg:var(--color-purple-500)}@media only screen and (min-width:501px){#ai [device-component] [message=logi]{transform:translateX(calc(var(--direction-multi) * -15% - 2rem))}}#ai [device-component] [message=logi] img{background:#fff;border-radius:50%;height:4rem;border:3px solid #fff;margin-bottom:.5rem}@media only screen and (max-width:500px){#ai [device-component] [message=logi] img{height:3rem}}#ai [device-component] [input]{display:flex;justify-content:space-between;align-items:center;background:#fff;width:100%;border-radius:1rem;padding:1rem}@media only screen and (max-width:500px){#ai [device-component] [input]{padding:.5rem;font-size:16px}}#ai [device-component] [input] span{color:var(--color-mono-300)}#ai [device-component] [input] [send]{display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:var(--color-primary-700);width:1.75rem;aspect-ratio:1/1}#ai [device-component] [input] [send]::after{content:'\279C'}[dir=rtl] #ai [device-component] [input] [send]::after{transform:rotate(180deg)}#ai [textual]{flex:1;background:#fff;padding:2rem;border-radius:2rem}@media only screen and (max-width:500px){#ai [textual]{padding:1.5rem}#ai [textual] [h2]{text-align:center}}#ai [textual] [list]{display:flex;flex-direction:column;gap:1.5rem}@media only screen and (max-width:500px){#ai [textual] [list]{font-size:16px;gap:1rem}}#ai [textual] [list] div{display:flex;gap:.5rem}#ai [textual] [list] div svg{flex-shrink:0;fill:var(--color-primary-700)}#ai a[button]{font-size:1.5rem}@media only screen and (max-width:500px){#ai a[button]{width:100%;justify-content:center}}#why [flex]{display:grid;grid-auto-flow:column;grid-template-columns:repeat(5,1fr);grid-template-rows:auto auto;gap:1rem 4rem}@media only screen and (max-width:500px){#why [flex]{overflow:scroll;scroll-snap-type:x mandatory}}#why [item]{display:flex;flex:1;flex-direction:column;gap:1rem}@media only screen and (max-width:500px){#why [item]{min-width:55vw;scroll-snap-align:start;scroll-snap-stop:always}}#why [item] svg{background:var(--color-primary-100);border-radius:50%;fill:var(--color-primary-700);width:var(--size,3.5rem);height:var(--size,3.5rem);padding:.5rem}#faq{background:var(--color-light-200)}#faq #logi{display:flex;gap:2rem;align-items:center;padding:2rem 4rem;background:linear-gradient(to left,var(--color-light-400),var(--color-purple-000));border-radius:2rem}@media only screen and (max-width:500px){#faq #logi{flex-direction:column;padding:2rem 3rem;text-align:center}}#faq #logi img{height:10rem;width:10rem;border-radius:50%;background:var(--color-mono-010);border:.5rem solid #fff;box-shadow:inset 0 .67rem .5rem -.5rem var(--color-mono-150)}@media only screen and (min-width:501px){#faq #logi a[button],#faq #logi button{font-size:1.5rem;margin-inline-start:auto}}#faq [faq]{display:flex;flex-direction:column;gap:1rem}#faq [entry]{background:#fff;box-shadow:0 1rem 1rem -1rem var(--color-light-300);padding:1rem;border-radius:1rem}#faq [entry][value=on] [question]{color:var(--color-primary-700)}#faq [entry][value=on] [answer]{display:block;animation:Appear .17s ease-in-out forwards}#faq [entry] [question]{font-weight:700}@media only screen and (min-width:501px){#faq [entry] [question]{font-size:1.25rem}}#faq [entry] [answer]{display:none;margin-top:1rem}@media (hover:hover) and (pointer:fine){#faq [entry]:hover{outline:.25rem solid var(--color-light-400);outline-offset:0.25rem}}#contact{display:flex;flex-direction:column;background:var(--color-primary-700);color:#fff;align-items:center}#contact:has(.Sending) [form]{opacity:.33;pointer-events:none}#contact:has(.Sent) [form]{display:none}#contact:has(.Sent) [sent]{display:block}#contact>*{max-width:1000px}#contact [h2]{font-size:2.25rem;text-align:center}@media only screen and (max-width:500px){#contact [h2]{font-size:2rem}}#contact p{text-align:center}@media only screen and (min-width:501px){#contact p{font-size:1.5rem}}#contact a{color:#fff}#contact [form]{display:flex;flex-direction:column;gap:1rem;width:100%}#contact [form] [contact]{display:flex;gap:1rem;width:100%}@media only screen and (max-width:500px){#contact [form] [contact]{flex-direction:column}}#contact [form] [contact] [input-box]{display:flex;flex-direction:column;gap:.33rem;flex:1}#contact [form] [contact] input{width:100%}#contact [form] span{display:none}#contact [form] button{gap:1rem;color:var(--color-primary-700);outline:0;border:none;box-shadow:none}#contact [form] button::after{content:'\279C'}[dir=rtl] #contact [form] button::after{transform:rotate(180deg)}@media only screen and (min-width:501px){#contact [form] button{font-size:1.5rem}}#contact [form].NoContact [error]{display:block}#contact [error]{display:none;background:var(--color-red-700);padding:.33rem;border-radius:.33rem;font-size:14px}#contact [sent]{display:none;padding:1rem 2rem;background:var(--color-primary-500);border-radius:2rem;font-weight:700}#contact [media]{display:flex;flex-direction:column;gap:1rem;border-top:1px solid #fff;padding-top:2rem;width:100%}#contact [media]>div{display:flex;justify-content:center;align-items:center}#contact [media] a{display:flex;padding-inline:1rem}#contact [media] a:hover svg{fill:var(--color-light-400)}#contact [media] svg{width:2.75rem;height:2.75rem;fill:white}div[drawer=payment][post-payment]{--pre:none;--post:flex}div[drawer=payment] [state]{display:none;flex-direction:column}div[drawer=payment] [state=pre]{display:var(--pre,flex)}div[drawer=payment] [state=post]{display:var(--post,none)}div[drawer=payment] [invoice]{border:1px solid var(--color-mono-100);width:100%;border-radius:.5rem}div[drawer=payment] [invoice] div:has(b){border-radius:.5rem .5rem 0 0;padding:.67rem;border-bottom:1px solid var(--color-mono-100);color:var(--color-primary-700)}div[drawer=payment] [invoice] [details]{display:flex;flex-direction:column;font-size:14px}div[drawer=payment] [invoice] [details]>div{padding:.5rem .67rem}div[drawer=payment] [invoice] [details]>div:not(:last-child){border-bottom:1px dashed var(--color-mono-100)}div[drawer=payment] [invoice] [details] [title]{color:var(--color-mono-500)}div[drawer=payment] [invoice] [details] [value]{font-weight:700}div[drawer*=domain-]{--max-height:90vh}div[drawer*=domain-] [type]{padding:1.5rem}div[drawer*=domain-] [type]:not(:last-child){border-bottom:1px solid var(--color-mono-150)}div[drawer*=domain-] [type]:nth-child(n+4){animation:Appear .17s ease-in-out}div[drawer*=domain-] [type=more]{animation:none!important;display:flex!important;justify-content:center;background:var(--color-mono-010);padding-block:0.67rem;gap:.33rem;font-size:14px;font-weight:700}div[drawer*=domain-] [type=more]::after{content:'\279C'}[dir=rtl] div[drawer*=domain-] [type=more]::after{transform:rotate(180deg)}div[drawer*=domain-] [type=more]:hover{background:var(--color-mono-025)}div[drawer*=domain-] h5{display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width:500px){div[drawer*=domain-] h5 [start-guidance-now]{display:none}}div[drawer*=domain-] blockquote{display:inline-flex;gap:.5rem;padding:.33rem .5rem;font-size:14px;font-weight:700;font-style:italic;border-radius:.33rem;background:var(--color-light-200);color:var(--color-mono-600);margin-inline:0}div[drawer*=domain-] blockquote svg{trasnform:translateY(3px)}div[drawer*=domain-] p{font-size:16px}div[drawer*=domain-] svg{width:18px;height:18px}div[drawer*=domain-] [subtitle]{display:block;font-size:12px;font-weight:700;color:var(--color-mono-500);margin-block:1rem 0.25rem}div[drawer*=domain-] [keywords] div{display:flex;flex-wrap:wrap;gap:.33rem}div[drawer*=domain-] [keywords] label{font-size:12px;font-weight:700;color:var(--color-mono-600);padding:2px .5rem;border-radius:.33rem;background:var(--color-mono-025)}div[drawer*=domain-] [professions] div{font-size:16px;display:flex;flex-direction:column;align-items:flex-start;gap:.33rem}div[drawer*=domain-] [professions] svg{fill:white}@media only screen and (min-width:501px){div[drawer*=domain-] [professions] [start-guidance-now]{display:none}}div[drawer*=domain-] [compatibility] [score]{display:inline-flex;align-items:center;border-radius:.67rem;border:1px solid var(--color-mono-100);overflow:hidden}@media only screen and (max-width:500px){div[drawer*=domain-] [compatibility] [score]{width:100%}}div[drawer*=domain-] [compatibility] [score]>div{width:250px;align-items:center;justify-content:flex-start;height:1.5rem;display:flex;background:repeating-linear-gradient(to right,var(--color-mono-025),var(--color-mono-025) calc(1 / 10 * 100% - 1px),var(--color-mono-100) calc(1 / 10 * 100% - 1px),var(--color-mono-100) calc(1 / 10 * 100%));padding:3px}@media only screen and (max-width:500px){div[drawer*=domain-] [compatibility] [score]>div{width:100%}}div[drawer*=domain-] [compatibility] [score]>div>div{width:calc(var(--score) * 1%);background:var(--color);border-radius:.5rem;height:.75rem;z-index:2;outline:2px solid white}div[drawer*=domain-] [compatibility] [score] span{display:flex;align-items:center;background:var(--color-mono-000);padding-inline:0.5rem;font-size:14px;font-weight:700}div[drawer*=domain-] [start-guidance-now]{display:inline-flex;align-items:center;font-weight:700;gap:.33rem;color:var(--color-primary-700);padding:2px .5rem;border:1px solid var(--color-primary-200);border-radius:.33rem;cursor:pointer;font-size:14px}@media only screen and (max-width:500px){div[drawer*=domain-] [start-guidance-now]{justify-content:center;width:100%;padding:.5rem}}div[drawer*=domain-] [start-guidance-now] svg{fill:currentColor}div[drawer*=domain-] [start-guidance-now]:hover{color:var(--color-primary-500)}div[drawer=simulator]{--max-height:100dvh}@media only screen and (max-width:500px){div[drawer=simulator] [content-wrapper]{border-radius:0!important}}div[drawer=simulator] [explanation]{background:var(--color-mono-010);padding:.5rem;border-radius:.33rem;font-size:14px}div[drawer=simulator] [options]{display:flex;flex-direction:column;border:1px solid var(--color-mono-100);background:#fff;border-radius:.33rem;overflow:hidden}div[drawer=simulator] [options]>div{padding:.33rem}div[drawer=simulator] [options]>div:not(:last-of-type){border-bottom:1px solid var(--color-mono-100)}div[drawer=simulator] [options] [netiot]{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--color,var(--color-mono-400));cursor:pointer}div[drawer=simulator] [options] [netiot].On{--inline:0;--background:var(--color-primary-700);--color:black}div[drawer=simulator] [options] [netiot].On [toggler]>span{transform:none}@media (hover:hover) and (pointer:fine){div[drawer=simulator] [options] [netiot]:hover{background:var(--color-mono-010)}}div[drawer=simulator] [options] [netiot] [toggler]{display:inline-flex;align-items:center;width:3rem;height:1rem;background:var(--color-mono-100);border-radius:1rem}div[drawer=simulator] [options] [netiot] [toggler]>span{height:1.25rem;aspect-ratio:1/1;background:var(--background,var(--color-mono-200));border-radius:50%;margin-inline-start:var(--inline,100%);transition:all .17s ease-in-out;outline:3px solid white;transform:translateX(calc(var(--direction-multi) * 100%))}div[drawer=simulator] [professions]{display:flex;flex-direction:column;gap:.67rem;border:1px solid var(--color-mono-100);border-radius:1rem}div[drawer=simulator] [chevron]{margin-block:0.5rem;text-align:center}div[drawer=simulator] [chevron] svg{fill:var(--color-primary-400)}div[drawer=simulator] [profession]{border-radius:0;padding:.5rem}div[drawer=simulator] [profession]:not(:last-of-type){border-bottom:1px solid var(--color-mono-100)}div[drawer=simulator] [profession] p+[space]{display:none}div[drawer=simulator] [profession] [logi]{display:none}div[drawer=simulator] [button-wrapper]{text-align:end}@media only screen and (max-width:500px){div[drawer=simulator] [button-wrapper] button{width:100%;justify-content:center}}