
/*
Theme Name: AI-Tools.world v5.1
Author: AI-Tools.world
Description: Premium responsive AI SaaS theme optimized for MacBook Pro, Windows laptops, tablets and mobile.
Version: 5.1.0
*/
:root{--bg:#050712;--bg2:#090d1c;--card:rgba(255,255,255,.045);--line:rgba(255,255,255,.1);--text:#f7f9ff;--muted:#9ba8c0;--blue:#5d8cff;--violet:#8a5cff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#111c3b 0,#050712 38%,#050712 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}img,video,iframe{max-width:100%;height:auto}a{color:inherit;text-decoration:none}.aitw-wrap{width:min(1200px,calc(100% - 48px));margin:auto}.aitw-nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);position:relative;z-index:20}.aitw-brand{display:flex;align-items:center;gap:12px;font-weight:800;white-space:nowrap}.aitw-brand-mark{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle,#7e9cff,#202c62 55%,#0a0e20);box-shadow:0 0 28px rgba(91,130,255,.35);position:relative;overflow:hidden}.aitw-brand-mark:before,.aitw-brand-mark:after{content:"";position:absolute;border:1px solid rgba(130,190,255,.65);border-radius:50%;inset:8px;animation:spin 5s linear infinite}.aitw-brand-mark:after{inset:5px 11px;transform:rotate(60deg);animation-direction:reverse}.aitw-brand-mark span{z-index:2}.aitw-navlinks{display:flex;gap:26px;color:#c5cde0;font-size:14px;align-items:center}.aitw-navlinks ul{display:flex;gap:26px;margin:0;padding:0;list-style:none}.aitw-nav-actions{display:flex;gap:10px;align-items:center}.aitw-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border-radius:11px;border:1px solid var(--line);font-weight:750;font-size:14px;transition:.25s;cursor:pointer;text-align:center}.aitw-btn:hover{transform:translateY(-2px)}.aitw-btn-ghost{background:rgba(255,255,255,.035)}.aitw-btn-primary{border:0;background:linear-gradient(100deg,var(--blue),var(--violet));box-shadow:0 10px 35px rgba(98,89,255,.22)}
.aitw-hero{min-height:720px;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;padding:80px 0 100px}.aitw-hero:before{content:"";position:absolute;width:min(700px,80vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(77,117,255,.17),rgba(125,80,255,.08) 35%,transparent 70%);filter:blur(10px);animation:breathe 5s ease-in-out infinite}.aitw-particles{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(130,170,255,.6) 1px,transparent 1.5px);background-size:95px 95px;opacity:.1;animation:drift 18s linear infinite}.aitw-core{width:min(220px,42vw);aspect-ratio:1;border-radius:50%;position:relative;margin:0 auto 38px;background:radial-gradient(circle at 50% 48%,#dce8ff 0 2%,#6c94ff 4%,#263c85 22%,#101a40 50%,transparent 70%);filter:drop-shadow(0 0 45px rgba(84,126,255,.35));display:grid;place-items:center}.aitw-core:before,.aitw-core:after{content:"";position:absolute;border:1px solid rgba(108,171,255,.65);border-radius:50%;inset:6%;animation:spin 8s linear infinite}.aitw-core:after{inset:14% -5%;transform:rotate(65deg);border-color:rgba(156,108,255,.55);animation:spinR 6s linear infinite}.aitw-core-inner{font-size:clamp(28px,4vw,38px);text-shadow:0 0 25px #fff;animation:pulse 2.5s ease-in-out infinite}.aitw-hero h1{font-size:clamp(44px,6.5vw,82px);line-height:1.02;letter-spacing:-.055em;margin:0 auto 20px;max-width:900px}.aitw-gradient{background:linear-gradient(100deg,#fff,#9fc3ff 42%,#b88cff);-webkit-background-clip:text;background-clip:text;color:transparent}.aitw-hero p{max-width:690px;margin:0 auto 30px;color:#aeb9ce;font-size:clamp(16px,2vw,18px)}.aitw-hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.aitw-trust{margin-top:26px;color:#71809b;font-size:12px}
.aitw-section{padding:clamp(65px,8vw,95px) 0}.aitw-center{text-align:center}.aitw-eyebrow{font-size:12px;letter-spacing:.18em;color:#83a9ff;font-weight:800}.aitw-section h2{font-size:clamp(34px,4vw,52px);line-height:1.1;letter-spacing:-.04em;margin:10px 0 14px}.aitw-section-lead{max-width:650px;margin:0 auto;color:var(--muted)}
.aitw-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:44px}.aitw-tool{min-width:0;padding:23px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));transition:.3s;position:relative;overflow:hidden}.aitw-tool:hover{transform:translateY(-6px);border-color:rgba(115,150,255,.35);box-shadow:0 20px 50px rgba(0,0,0,.25)}.aitw-tool-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(92,135,255,.22),rgba(142,91,255,.15));border:1px solid rgba(130,160,255,.18);font-size:21px;margin-bottom:18px}.aitw-tool h3{margin:0 0 7px;font-size:18px}.aitw-tool p{margin:0;color:#8f9bb2;font-size:13px}
.aitw-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:42px}.aitw-step{min-width:0;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--card)}.aitw-step-num{font-size:13px;color:#88aaff;font-weight:800}.aitw-step h3{margin:8px 0}.aitw-step p{color:var(--muted);font-size:14px}
.aitw-pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:42px}.aitw-price{min-width:0;padding:30px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.035);position:relative}.aitw-price.featured{border-color:rgba(106,133,255,.5);box-shadow:0 0 50px rgba(74,100,255,.12)}.aitw-price h3{font-size:21px;margin:0}.aitw-price .cost{font-size:clamp(34px,4vw,42px);font-weight:850;letter-spacing:-.04em;margin:12px 0}.aitw-price .cost small{font-size:14px;color:var(--muted);font-weight:500}.aitw-price ul{padding:0;margin:22px 0;list-style:none;color:#aab5c9}.aitw-price li{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05)}.aitw-price .aitw-btn{width:100%}
.aitw-cta{margin:40px 0 90px;padding:clamp(42px,7vw,65px) 30px;text-align:center;border-radius:28px;border:1px solid rgba(120,150,255,.18);background:radial-gradient(circle at 50% 0,rgba(88,119,255,.16),rgba(255,255,255,.025) 55%)}.aitw-cta h2{margin-top:0}.aitw-footer{border-top:1px solid rgba(255,255,255,.07);padding:45px 0;color:#7f8ba1}.aitw-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.aitw-footer h4{color:#dfe6f5;margin:0 0 12px}.aitw-footer a{display:block;margin:7px 0;font-size:13px}.aitw-copy{border-top:1px solid rgba(255,255,255,.06);margin-top:30px;padding-top:20px;font-size:12px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinR{to{transform:rotate(-360deg)}}@keyframes pulse{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.14);opacity:1}}@keyframes breathe{0%,100%{transform:scale(.9);opacity:.7}50%{transform:scale(1.08);opacity:1}}@keyframes drift{to{background-position:95px 95px}}
@media(max-width:1100px){.aitw-wrap{width:min(1100px,calc(100% - 40px))}.aitw-navlinks{gap:16px}.aitw-navlinks ul{gap:16px}.aitw-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.aitw-footer-grid{grid-template-columns:2fr 1fr 1fr}}
@media(max-width:820px){.aitw-navlinks{display:none}.aitw-nav{min-height:68px}.aitw-hero{min-height:650px;padding:60px 0 80px}.aitw-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.aitw-steps{grid-template-columns:1fr}.aitw-pricing{grid-template-columns:1fr;max-width:620px;margin-left:auto;margin-right:auto}.aitw-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.aitw-wrap{width:calc(100% - 28px)}.aitw-nav-actions .aitw-btn-ghost{display:none}.aitw-brand{font-size:15px}.aitw-hero{padding-top:45px}.aitw-core{width:170px;margin-bottom:30px}.aitw-hero h1{font-size:clamp(39px,12vw,52px)}.aitw-hero-actions{flex-direction:column;max-width:360px;margin:auto}.aitw-hero-actions .aitw-btn{width:100%}.aitw-tools-grid{grid-template-columns:1fr}.aitw-tool{padding:20px}.aitw-footer-grid{grid-template-columns:1fr}.aitw-cta{margin-bottom:45px}.aitw-section h2{font-size:34px}}
@media(min-width:1400px){.aitw-wrap{max-width:1280px}.aitw-hero{min-height:780px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}
