.navbar-container{width:100%;padding:.2vw 2vw;border-bottom:.2vw solid #e5e5e5;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box}.navbar{display:flex;align-items:center;justify-content:flex-start;width:auto}.logo{width:6vw;height:auto;transform:scale(5);transform-origin:center;overflow:hidden;margin-right:5vw;pointer-events:none}.nav-buttons{display:flex;align-items:center}.nav-button{font-weight:700;color:#000;padding:.8vw 1.2vw;border:none;cursor:pointer;font-size:1.2vw;margin-right:1vw;background-color:transparent}.nav-button:last-child{margin-right:0}.nav-button:hover{text-decoration:underline #545bf2;text-decoration-thickness:.3vw;text-underline-offset:.32em;animation:underline-animation .5s forwards}@keyframes underline-animation{0%{text-decoration-color:#545bf2;text-decoration-thickness:0}to{text-decoration-color:#545bf2;text-decoration-thickness:.3vw}}.footer{width:100%;text-align:center;padding:1rem;font-size:.8vw;color:#00000080;background-color:transparent}.footer p{margin:0;color:#0006}body{margin:0;padding:0;font-family:Inter,sans-serif;min-width:320px;min-height:100vh;color:#333;background-color:#f9fafb}.page-container{width:90vw;max-width:1400px;padding:0;box-sizing:border-box}.home-container{display:flex;padding:40px;width:100%;background:linear-gradient(120deg,#0070f3,#00356b);color:#fff;text-align:center}.hero-content{max-width:600px}.hero-content p{font-size:1.2em;line-height:1.5;margin-bottom:2rem}.home-image{width:300px;margin-right:20px;object-fit:contain;transform-origin:center;transition:transform .3s ease-in-out}.home-text{font-size:1.5em;line-height:1.4;padding-left:10px;flex-grow:1}.navbar-container{width:100%;padding:.5vw 0;border-bottom:.2vw solid #e5e5e5;position:relative;z-index:10}.navbar{width:90vw;max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:flex-start}.nav-buttons{display:flex;gap:1.5vw}.home-page{overflow:hidden;width:100%;margin:0}.triangle-background{position:absolute;top:30%;left:0;width:100%;height:100vh;background:linear-gradient(270deg,#b9bcfd,#535bf2,#545bf2,#b9bcfd);background-size:300% 300%;clip-path:polygon(0 0,100% 20%,100% 100%,0 80%);z-index:-1}.lower-triangle-background{position:absolute;top:150%;left:0;width:100%;height:100vh;background:linear-gradient(270deg,#b9bcfd,#535bf2,#545bf2,#b9bcfd);background-size:600% 600%;clip-path:polygon(0 0,100% 20%,100% 100%,0 80%);z-index:-1}.home-content{display:grid;gap:40px;max-width:1200px;margin:0 auto;position:relative;z-index:1}.info-section{color:#fff;text-align:left}.info-section h2{font-size:1.8em;font-weight:700;margin-bottom:10px;color:#fff}.info-section p{font-size:1em;line-height:1.6;color:#e0e0e0}.sticky-container{position:relative;z-index:2}.typing-text{position:fixed;top:50%;left:50px;font-size:2em;font-weight:700;color:#3a2e8c!important;max-width:90vw;white-space:normal;overflow:hidden;max-width:40%;z-index:2;background-color:transparent;opacity:1;transition:opacity .5s ease-in;font-family:Consolas,sans-serif}.typing-text.visible{opacity:1}.typing-text-wrapper{white-space:pre-wrap}@keyframes typing{0%{width:0}to{width:100%}}.highlight{color:#535bf2;font-weight:700}.info-card{display:flex;align-items:center;justify-content:center;width:450px;height:250px;padding:50px;background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;font-size:2em;font-weight:700;color:#333;margin-left:auto;opacity:0;transition:opacity .3s ease,transform .3s ease}.landing-image{width:500px;height:auto;margin-right:20px;margin-top:-1000px}.image-container{display:flex;align-items:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.info-card.visible{animation:fadeIn .8s forwards}.parent-container{display:flex;justify-content:space-between;width:90vw;max-width:1400px;padding:2vw;gap:3vw;box-sizing:border-box;height:calc(100vh - 150px)}.input-container{flex:1;max-width:60vw;display:flex;flex-direction:column}.directions-card{background-color:#fff;width:100%;box-shadow:0 4px 12px #0000001a;border-radius:16px;padding:20px;font-size:1em;color:#333;line-height:1.5;font-family:Inter,sans-serif}.directions-card p{margin:0}.text-input{width:100%;padding:20px;font-size:1.2em;border:none;background-color:#fff;box-shadow:0 4px 12px #0000001a;outline:none;resize:none;line-height:1.5;color:#333;border-radius:16px;height:70%;margin-right:20px;font-family:Inter,sans-serif;font-weight:700;transition:box-shadow .3s ease}.text-input:focus{box-shadow:0 6px 15px #0003}.submit-button{margin-top:15px;padding:12px 20px;font-weight:700;background-color:#646cff;color:#fff;border:none;font-size:1em;cursor:pointer;transition:background-color .3s,transform .3s;border-radius:16px;box-shadow:0 4px 12px #0000001a}.submit-button:hover{background-color:#535bf2;transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}.history-container{flex:1;max-width:35vw;display:flex;flex-direction:column;background-color:#b9bcfd;border-radius:10px;padding:1rem;height:100%;margin-left:5%;box-shadow:0 4px 6px #0000001a}.history-box{flex-grow:1;display:flex;flex-direction:column;gap:1vw;overflow-y:auto}.history-entry{background-color:#535bf2;color:#fff;padding:1vw;border-radius:5px;display:flex;justify-content:space-between;align-items:center}.result-div{width:80%;overflow-x:auto}.result-image{filter:invert(1);height:70px}.copy-button{background:none;border:none;cursor:pointer;padding:0;margin-left:1vw;transform:scale(7);display:flex;align-items:center}.copy-image{width:20px;height:auto}.loading-text{font-size:18px;margin:0}.pricing-page{text-align:center;padding:4vw;font-family:Inter,sans-serif}.pricing-title{font-size:3em;color:#3a2e8c;margin-bottom:2vw;font-weight:700;text-decoration:none}.triangle-background{top:30%;left:0;width:100%;height:100vh;background:linear-gradient(270deg,#b9bcfd,#535bf2,#545bf2,#b9bcfd);background-size:300% 300%;clip-path:polygon(0 0,100% 20%,100% 100%,0 80%);z-index:-1}.pricing-cards-container{display:flex;gap:3vw;justify-content:center;align-items:stretch;max-width:100%;margin:0 auto}.pricing-card{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;padding:2vw;width:40%;height:60vh;text-align:left;transition:transform .3s ease,box-shadow .3s ease,border .3s ease;border:2px solid transparent;display:flex;flex-direction:column}.pricing-card .plan-header{background-color:#535bf2;border-top-left-radius:14px;border-top-right-radius:14px;padding:1.5vw;margin:-2vw -2vw 1vw}.plan-title{font-size:2em;color:#fff;margin:0;text-decoration:none!important;text-align:center}.pricing-card:hover{transform:translateY(-10px);box-shadow:0 8px 16px #0003;border:2px solid #535bf2}.plan-description{font-size:1.2em;color:#333;margin-bottom:1.5vw}.plan-features{list-style-type:none;font-style:bold;padding:0;font-size:1em;color:#666;margin-bottom:.8vw}@media (max-width: 768px){.pricing-cards-container{flex-direction:column;gap:2vw}.pricing-card{width:90%;margin:0 auto;height:auto}}body{background-color:#f1f1f1;color:#333;font-family:Inter,sans-serif;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;min-height:100vh;box-sizing:border-box}h1{font-weight:700;text-align:left;padding-top:20px;padding-left:0;font-size:3em;color:#535bf2;text-decoration:underline;text-decoration-color:#000;text-decoration-thickness:7px;text-underline-offset:7px;text-decoration-skip-ink:none}h2{font-weight:700;text-align:right;padding-top:20px;padding-left:20px;font-size:3em;color:#535bf2;text-decoration:underline;text-decoration-color:#000;text-decoration-thickness:7px;text-underline-offset:7px;text-decoration-skip-ink:none}p{font-size:1em}