/* MORFYRA responsive landing page */
:root{--navy:#101d63;--ink:#14215f;--muted:#536080;--purple:#673cff;--blue:#08a9f4;--line:#e2e8ff;--soft:#f6f8ff;--white:#fff;--shadow:0 22px 60px rgba(54,66,160,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1240px,calc(100% - 64px));margin:auto}
.site-header{height:76px;background:rgba(255,255,255,.94);border-bottom:1px solid #edf0ff;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img{width:178px;height:58px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:42px;font-size:14px;color:#263568}.main-nav a{height:76px;display:flex;align-items:center;position:relative}.main-nav a:hover,.main-nav a.active{color:#164dff}.main-nav a.active:after{content:"";height:2px;width:24px;position:absolute;bottom:18px;left:0;background:#4a4dff;border-radius:3px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:14px 25px;border-radius:999px;font-weight:700;font-size:14px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #4c52dd35}.button-small{padding:10px 20px;font-size:13px}.button-gradient{color:white;background:linear-gradient(105deg,#3d43ff 0%,#7133ff 58%,#04b5ed 120%);box-shadow:0 8px 20px #5944ff2c}.button-outline{border:1px solid #7d8cff;color:#263dce;background:#ffffffb8}.button-white{background:white;color:#4735d6}.play{font-size:11px;border:1px solid #6c70ff;width:19px;height:19px;border-radius:50%;display:grid;place-items:center}.menu-toggle{display:none}
.hero{position:relative;overflow:hidden;background:linear-gradient(112deg,#f4f8ff 0%,#fff 43%,#f2f0ff 72%,#eaf6ff 100%);padding:64px 0 58px;min-height:500px}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#a9b8ff 1px,transparent 1px);background-size:24px 24px;opacity:.18;mask-image:linear-gradient(90deg,transparent,black 55%,transparent)}.hero-glow{position:absolute;border-radius:50%;filter:blur(4px);pointer-events:none}.glow-one{width:430px;height:430px;background:#d9d7ff77;right:5%;top:-220px}.glow-two{width:360px;height:360px;background:#bfeeff55;right:38%;bottom:-260px}.hero-grid{position:relative;display:grid;grid-template-columns:.94fr 1.16fr;align-items:center;gap:30px}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#e6efff;color:#184bdb;border-radius:99px;padding:6px 14px;font-size:12px;font-weight:700;letter-spacing:.01em}.eyebrow i{font-style:normal;color:#8ba4ff}.spark{font-size:17px;color:#6844ff}.hero h1{font-size:clamp(36px,3.5vw,52px);line-height:1.12;letter-spacing:-1.8px;color:#101d63;margin:18px 0 20px;font-weight:800}.hero h1 span{background:linear-gradient(95deg,#7b32ef,#3c55f5 55%,#08a9ed);background-clip:text;-webkit-background-clip:text;color:transparent}.hero h2{font-size:18px;line-height:1.35;margin:0 0 10px;color:#101d63}.hero-copy>p{font-size:15.5px;line-height:1.72;color:#34436c;max-width:510px;margin:0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.trust-note{margin-top:22px;color:#68769c;font-size:12px}.trust-check{display:inline-grid;place-items:center;width:18px;height:18px;background:#e2f8f0;color:#0b9b69;border-radius:50%;font-weight:800;margin-right:6px}
.hero-visual{height:390px;position:relative;display:flex;align-items:center;justify-content:center}.paper-stack{position:absolute;left:0;top:82px;width:43%;height:245px;transform:rotate(-7deg);z-index:2}.paper{position:absolute;inset:0;background:white;border:1px solid #dce4ff;border-radius:14px;box-shadow:0 18px 40px #354a9d25}.paper-back{transform:rotate(9deg) translate(14px,8px);background:#f7f9ff}.paper-front{padding:15px 13px;overflow:hidden}.sheet-top{display:flex;align-items:center;gap:5px;color:#7580a2;font-size:8px;border-bottom:1px solid #e8edff;padding-bottom:10px}.sheet-top b{margin-left:8px;font-weight:600}.sheet-dot{width:6px;height:6px;border-radius:50%;background:#a9b8e7}.sheet-dot:first-child{background:#ff8e9c}.sheet-grid{margin-top:12px}.sheet-row{display:grid;grid-template-columns:1fr 1.1fr 1fr .75fr;gap:5px;padding:8px 2px;border-bottom:1px solid #eef1fa;font-size:7px;color:#596786;white-space:nowrap}.sheet-head{font-weight:800;color:#263568;background:#f5f7ff}.sheet-row em{font-style:normal;color:#f06d58}.messy-stamp{position:absolute;bottom:13px;left:15px;font-size:8px;letter-spacing:1px;color:#e47c7c;font-weight:800;transform:rotate(-3deg)}.float-file{position:absolute;z-index:4;width:38px;height:44px;border-radius:8px;display:grid;place-items:center;color:white;font-weight:800;font-size:11px;box-shadow:0 9px 18px #253c7c35}.file-pdf{background:#f04455;top:28px;left:17%;transform:rotate(-14deg)}.file-xls{background:#159c69;top:47px;left:34%;transform:rotate(9deg)}.file-doc{background:#2777e9;top:64px;left:48%;transform:rotate(13deg)}.transform-arrow{position:absolute;left:40%;top:47%;z-index:5;font-size:50px;color:#6647ff;text-shadow:0 5px 14px #7564ff55}.dashboard-card{position:absolute;right:0;top:62px;width:57%;height:275px;background:#fff;border:2px solid #8a8bff;border-radius:17px;box-shadow:0 20px 50px #3f4fa73b;display:flex;overflow:hidden;z-index:3}.dash-sidebar{width:39px;background:linear-gradient(#24218e,#303cce);color:white;display:flex;align-items:center;flex-direction:column;gap:20px;padding:12px 0;font-size:13px}.dash-sidebar b{font-size:17px;color:#a9c5ff}.dash-main{padding:12px;flex:1;min-width:0}.dash-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0fa;padding-bottom:8px}.dash-header img{width:82px;height:25px;object-fit:contain}.dash-status{font-size:7px;color:#159b72}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.stat-grid div{padding:8px 7px;border-radius:7px;background:#f0f4ff}.stat-grid div:nth-child(2){background:#eafaf3}.stat-grid div:nth-child(3){background:#fff2ed}.stat-grid small{display:block;font-size:7px;color:#637195}.stat-grid strong{font-size:14px;color:#172b75}.dash-content{display:grid;grid-template-columns:1.2fr .8fr;gap:8px}.mini-table,.chart-box{border:1px solid #edf0fa;border-radius:7px;padding:8px;min-height:112px}.mini-table b,.chart-box b{font-size:8px}.mini-line{height:5px;background:#e9edfa;border-radius:4px;margin-top:11px;width:100%}.mini-line:nth-of-type(3n){background:#d8e4ff;width:85%}.mini-line.short{width:66%}.bars{height:46px;display:flex;align-items:end;gap:5px;border-bottom:1px solid #e7eafa;padding:0 5px}.bars i{display:block;flex:1;background:linear-gradient(#19c4ee,#5b49f5);border-radius:3px 3px 0 0;height:35%}.bars i:nth-child(2){height:52%}.bars i:nth-child(3){height:45%}.bars i:nth-child(4){height:76%}.bars i:nth-child(5){height:62%}.bars i:nth-child(6){height:92%}.dash-footer{display:flex;justify-content:space-between;margin-top:10px;font-size:7px;color:#6b7a9f}.dash-footer span:first-child{color:#0a9d72}.sparkle{position:absolute;color:#08b9ed;font-size:34px}.sparkle-a{right:4%;top:10px}.sparkle-b{left:49%;bottom:10px;color:#9746f5}
.feature-strip{background:#fff;padding:30px 0 34px;border-bottom:1px solid #f1f3ff}.feature-grid{display:grid;grid-template-columns:repeat(6,1fr)}.feature{text-align:center;padding:4px 18px;position:relative}.feature:not(:last-child):after{content:"";position:absolute;right:0;top:25px;height:75px;width:1px;background:#e0e6fa}.feature img{width:39px;height:39px;object-fit:contain;margin-bottom:8px}.feature h3{font-size:15px;margin:0 0 6px;color:#101d63}.feature p{font-size:12px;line-height:1.55;color:#586789;margin:0}
.process-section{padding:66px 0 75px;background:linear-gradient(120deg,#fff 0%,#f8faff 55%,#f2f1ff 100%);overflow:hidden}.process-layout{display:grid;grid-template-columns:.75fr 1.45fr;gap:55px;align-items:center}.process-copy h2{font-size:34px;line-height:1.16;letter-spacing:-1px;margin:15px 0;color:#101d63}.process-copy p{font-size:14px;line-height:1.75;color:#4e5d80;margin:0 0 18px}.text-link{font-weight:700;font-size:13px;color:#4b43e8}.text-link span{margin-left:8px}.process-flow{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative}.process-flow:before{content:"";position:absolute;inset:30px -40px;background:linear-gradient(120deg,#e8f4ff,#e8ddff);filter:blur(20px);border-radius:50%;z-index:0}.process-card{position:relative;z-index:1;flex:1;min-width:0;min-height:190px;background:#ffffffd9;border:1px solid #edf0ff;border-radius:22px;box-shadow:var(--shadow);padding:22px 12px;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center}.process-highlight{border-color:#dedaff;box-shadow:0 22px 55px #7055ff28}.file-icons{height:56px;display:flex;align-items:center;gap:8px;margin-bottom:8px}.file-icons img{width:34px;height:38px;object-fit:contain}.file-icons span{font-size:9px;font-weight:800;background:#f34b59;color:#fff;border-radius:5px;padding:6px}.process-card h3{font-size:14px;margin:5px 0;color:#172565}.process-card p{font-size:11px;line-height:1.5;color:#536080;margin:0}.flow-arrow{position:relative;z-index:2;color:#594dff;font-size:28px;flex:0 0 auto}.m-mark{width:60px;height:60px;border-radius:17px;display:grid;place-items:center;color:white;font-size:39px;font-weight:800;font-style:italic;background:linear-gradient(140deg,#18b9f2,#4b3bff 60%,#9a36ec);box-shadow:0 8px 18px #5a50e94a;margin-bottom:8px}.result-visual{height:58px;width:115px;background:#f6f8ff;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:8px}.result-bars{height:36px;display:flex;align-items:end;gap:4px}.result-bars i{width:8px;border-radius:3px 3px 0 0;background:linear-gradient(#1bbdf0,#6445f6);height:40%}.result-bars i:nth-child(2){height:70%}.result-bars i:nth-child(3){height:55%}.result-bars i:nth-child(4){height:100%}.result-ring{width:32px;height:32px;border:7px solid #6947f5;border-right-color:#15b7ec;border-bottom-color:#a28cff;border-radius:50%}
.cta-section{padding:45px 0}.cta-panel{border-radius:24px;padding:36px 48px;background:linear-gradient(110deg,#2925a9,#5838e9 58%,#168fe8);color:white;display:flex;align-items:center;justify-content:space-between;gap:25px;box-shadow:0 20px 45px #5142c52c}.cta-panel .eyebrow{background:#ffffff20;color:#e6e9ff}.cta-panel h2{font-size:28px;line-height:1.2;margin:10px 0}.cta-panel p{margin:0;color:#e3e6ff;font-size:14px}.about-section{padding:42px 0;background:#fafbff}.about-inner{display:flex;align-items:center;gap:25px;max-width:850px}.about-mark{flex:0 0 74px;height:74px;border-radius:22px;display:grid;place-items:center;font-size:45px;font-weight:800;font-style:italic;color:white;background:linear-gradient(140deg,#16b9ef,#4c39ef 65%,#a439ed);box-shadow:0 10px 25px #5645e52d}.about-inner h2{font-size:22px;margin:0 0 5px}.about-inner p{font-size:14px;color:#5a6686;margin:0}.contact-section{padding:58px 0}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-inner h2{font-size:30px;line-height:1.2;margin:10px 0}.contact-inner p{font-size:14px;color:#5a6686;margin:0}.site-footer{border-top:1px solid #edf0fa;padding:20px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;color:#75809d;font-size:12px}.footer-inner img{width:130px;height:42px;object-fit:contain}.footer-inner a{color:#5144dc;font-weight:700}
@media(max-width:1050px){.main-nav{gap:22px}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:42px}.feature{padding-inline:10px}.process-layout{gap:28px;grid-template-columns:.7fr 1.3fr}.process-flow{gap:7px}.process-card{padding:17px 8px}.flow-arrow{font-size:21px}}
@media(max-width:760px){.container{width:min(100% - 38px,560px)}.site-header{height:68px}.brand img{width:148px;height:52px}.menu-toggle{display:flex;border:0;background:#f0f2ff;border-radius:10px;width:42px;height:40px;align-items:center;justify-content:center;flex-direction:column;gap:5px;margin-left:auto;margin-right:12px}.menu-toggle span{width:18px;height:2px;background:#302d9b;border-radius:2px}.main-nav{display:none;position:absolute;left:0;right:0;top:68px;background:white;padding:12px 22px 20px;box-shadow:0 15px 25px #202c6318;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{height:auto;padding:12px 0}.main-nav a.active:after{bottom:5px}.nav-cta{padding:10px 13px;font-size:11px}.hero{padding:43px 0 35px}.hero-grid{grid-template-columns:1fr;gap:12px}.hero h1{font-size:clamp(35px,9vw,48px);letter-spacing:-1.3px;margin:15px 0}.hero h2{font-size:17px}.hero-copy>p{font-size:14px}.hero-actions{gap:10px}.button{padding:12px 18px;font-size:12px}.hero-visual{height:310px;margin:0 -6px;transform:scale(.95);transform-origin:top center}.paper-stack{top:65px;width:43%;height:205px}.dashboard-card{top:75px;width:57%;height:230px}.dash-main{padding:8px}.dash-sidebar{width:30px;gap:16px}.sheet-row{font-size:6px;padding:6px 1px}.sheet-top{font-size:6px}.stat-grid{margin:8px 0}.stat-grid div{padding:6px 4px}.stat-grid small{font-size:6px}.stat-grid strong{font-size:11px}.mini-table,.chart-box{min-height:90px;padding:6px}.dash-footer{font-size:6px}.feature-strip{padding:25px 0}.feature-grid{grid-template-columns:repeat(2,1fr);row-gap:24px}.feature{padding:5px 15px}.feature:nth-child(2n):after{display:none}.feature:not(:last-child):after{top:20px;height:70px}.feature h3{font-size:14px}.feature p{font-size:11px}.process-section{padding:48px 0}.process-layout{grid-template-columns:1fr;gap:25px}.process-copy h2{font-size:30px}.process-flow{gap:5px}.process-card{min-height:155px;padding:13px 5px;border-radius:16px}.process-card h3{font-size:11px}.process-card p{font-size:9px}.flow-arrow{font-size:17px}.file-icons{height:42px;gap:4px}.file-icons img{width:25px;height:30px}.file-icons span{font-size:7px;padding:4px}.m-mark{width:46px;height:46px;font-size:30px;border-radius:13px}.result-visual{width:86px;height:45px;gap:9px}.result-ring{width:25px;height:25px;border-width:5px}.result-bars{height:28px}.result-bars i{width:6px}.cta-panel{padding:27px 23px;align-items:flex-start;flex-direction:column;border-radius:18px}.cta-panel h2{font-size:23px}.contact-inner{align-items:flex-start;flex-direction:column}.contact-inner h2{font-size:26px}.about-inner{align-items:flex-start}.about-mark{flex-basis:56px;height:56px;font-size:35px;border-radius:16px}.about-inner h2{font-size:19px}.about-inner p{font-size:13px}.footer-inner{flex-wrap:wrap;gap:10px}.footer-inner img{width:105px}.footer-inner span{order:3;width:100%}}
@media(max-width:390px){.container{width:calc(100% - 28px)}.nav-cta{font-size:10px;padding:9px 10px}.brand img{width:125px}.hero-visual{transform:scale(.86);margin-bottom:-25px;margin-left:-22px;margin-right:-22px}.hero-actions .button{padding:11px 13px}.process-flow{gap:2px}.flow-arrow{font-size:14px}.process-card{min-height:145px}}