/* SYNTH Preview v5 — FROST x ORBIT x NOVA: Projects and AI */
.v5-projects,.v5-ai{position:relative;color:#f5f6ff;isolation:isolate;padding-bottom:8px}
.v5-projects:before,.v5-ai:before{content:"";position:absolute;inset:-12px -16px auto;height:385px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 10%,rgba(104,68,221,.26),transparent 52%),radial-gradient(ellipse at 2% 66%,rgba(32,128,223,.14),transparent 51%)}
.v5-kicker{display:flex;align-items:center;gap:7px;color:#d8deff;font-size:9px;letter-spacing:.11em;font-weight:750;margin:6px 1px 13px;white-space:nowrap}
.v5-kicker>span:last-child{margin-left:auto;color:#9ec3e6;font-size:8px;letter-spacing:.07em}
.v5-kicker-dot,.v5-status-dot{width:6px;height:6px;display:inline-block;flex:0 0 6px;border-radius:50%;background:#70eaf4;box-shadow:0 0 10px #6bdafa}
.v5-p-hero{height:247px;position:relative;overflow:hidden;border-radius:25px;border:1px solid rgba(192,206,255,.71);background:linear-gradient(130deg,#111c47,#261446);box-shadow:inset 0 1px 0 rgba(255,255,255,.39),inset 0 0 23px rgba(161,146,249,.18),0 13px 36px rgba(4,7,32,.56)}
.v5-p-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(126deg,rgba(250,255,255,.18),transparent 27%,transparent 74%,rgba(166,116,255,.16));box-shadow:inset 0 1px 0 rgba(235,244,255,.23)}
.v5-p-hero-art{position:absolute;inset:0 0 0 auto;width:72%;height:100%;object-fit:cover;object-position:57% center;filter:saturate(1.19);-webkit-mask-image:linear-gradient(90deg,transparent,#000 33%);mask-image:linear-gradient(90deg,transparent,#000 33%)}
.v5-p-hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,#080e2be8 0%,rgba(8,12,36,.89) 42%,rgba(8,12,37,.13) 100%)}
.v5-p-hero-copy{position:relative;z-index:2;max-width:274px;padding:25px 15px}
.v5-eyebrow{display:block;color:#c4dcff;font-size:9px;letter-spacing:.15em;font-weight:800}
.v5-p-hero h1,.v5-ai-hero h1{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(27px,7.5vw,36px);line-height:1.08;letter-spacing:-.05em;font-weight:800;margin:13px 0 9px}
.v5-p-hero h1 em,.v5-ai-hero h1 em{font-style:normal;color:transparent;background:linear-gradient(100deg,#bcf3ff 0%,#76a9ff 42%,#dda1ff 95%);-webkit-background-clip:text;background-clip:text}
.v5-p-hero p,.v5-ai-hero p{max-width:227px;color:#e0e5f8;font-size:11px;line-height:1.48;margin:0 0 14px}
.v5-gradient-button{min-height:42px;border:1px solid #c3b3ff;border-radius:25px;padding:9px 16px;display:inline-flex;justify-content:center;align-items:center;gap:7px;color:#fff;font-size:11px;font-weight:760;letter-spacing:.01em;background:linear-gradient(108deg,#9957ea,#6175f8 56%,#4ab9ff);box-shadow:inset 0 1px 0 rgba(255,255,255,.64),0 0 17px rgba(91,114,255,.58),0 12px 27px rgba(39,34,107,.59);text-shadow:0 1px 8px #30237e;transition:filter .18s,transform .18s}
.v5-gradient-button:active{transform:scale(.97)}.v5-gradient-button:hover{filter:brightness(1.1)}
.v5-gradient-button svg,.v5-card-action svg,.v5-filters svg{width:16px;height:16px}
.v5-title-row{display:flex;justify-content:space-between;align-items:center;margin:23px 2px 13px;gap:6px}
.v5-title-row h2{font-size:20px;line-height:1.18;letter-spacing:-.045em;font-weight:760;color:#f6f7ff}
.v5-title-row small{font-size:9px;color:#bac9ef;letter-spacing:.11em;white-space:nowrap}
.v5-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 11px}
.v5-filters::-webkit-scrollbar{display:none}
.v5-filters button{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;flex-shrink:0;min-height:38px;padding:8px 13px;border-radius:22px;border:1px solid rgba(137,159,227,.49);background:linear-gradient(140deg,rgba(28,39,82,.77),rgba(26,24,62,.82));color:#ccd7f3;font-size:11px;font-weight:650;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.v5-filters button.active{background:linear-gradient(110deg,#b5eaff,#b9b0ff);border-color:#ddedff;color:#08112d;box-shadow:0 0 20px #8497fa52}
.v5-project-gallery{display:grid;gap:16px}
.v5-feature-card{border-radius:24px;overflow:hidden;border:1px solid rgba(162,198,255,.7);background:linear-gradient(138deg,rgba(28,40,82,.89),rgba(14,20,53,.96));box-shadow:inset 0 1px 0 #dceaff61,0 12px 35px #050922a1}
.v5-feature-card.purple{border-color:rgba(202,154,255,.72);background:linear-gradient(130deg,rgba(42,31,87,.94),rgba(17,19,52,.98))}
.v5-card-visual{position:relative;height:169px;overflow:hidden;background:linear-gradient(130deg,#111947,#221451)}
.v5-card-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 52%,rgba(13,16,48,.68))}
.v5-card-visual img{width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:saturate(1.17) contrast(1.08)}
.v5-feature-card.purple .v5-card-visual img{object-position:center 32%}
.v5-number{position:absolute;z-index:2;top:13px;left:14px;border:1px solid rgba(213,222,255,.59);background:rgba(15,22,60,.59);color:#ecf2ff;letter-spacing:.15em;font-size:9px;font-weight:750;padding:7px 11px;border-radius:30px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.v5-card-info{padding:15px 16px 16px}
.v5-card-label{display:flex;justify-content:space-between;align-items:center;gap:9px;font-size:9px;letter-spacing:.12em;font-weight:700;color:#99d5ff}
.v5-card-glow{font-size:8px;color:#d0b5ff;white-space:nowrap}
.v5-card-info h3{font-size:23px;font-weight:730;letter-spacing:-.04em;margin:11px 0 6px}
.v5-card-info p{font-size:12px;line-height:1.6;color:#bdccee;max-width:345px}
.v5-tags{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}
.v5-tags span{padding:6px 9px;background:rgba(61,76,146,.35);border:1px solid #a0b6f15c;border-radius:15px;color:#dbe5ff;font-size:10px;letter-spacing:.01em}
.v5-card-action{border:1px solid #879ded76;border-radius:14px;background:linear-gradient(130deg,rgba(92,102,197,.26),rgba(81,64,140,.25));color:#e9edff;width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:12px;font-weight:700;padding:9px 14px;box-shadow:inset 0 1px 0 #ffffff18}
.v5-ai-next{display:flex;align-items:center;width:100%;gap:12px;padding:15px 12px;margin-top:16px;border:1px solid #a68fff8a;border-radius:22px;background:radial-gradient(circle at 8% 48%,rgba(63,117,226,.36),transparent 52%),linear-gradient(120deg,#171f52,#271646);color:white;text-align:left}
.v5-ai-next-orb{display:grid;place-items:center;flex:0 0 47px;width:47px;height:47px;border:1px solid #cfc1ff;border-radius:50%;font-size:25px;background:radial-gradient(circle at 28% 21%,#bafcff,#4c9dff 32%,#8436d5 72%,#2a1048 92%);box-shadow:0 0 21px #6b71ff96}
.v5-ai-next strong{font-size:13px}.v5-ai-next small{display:block;color:#c1c9e8;margin-top:4px;line-height:1.43;font-size:10px}
.v5-next-arrow{margin-left:auto;color:#cad1ff;font-size:18px}

/* AI Studio */
.v5-ai-hero{position:relative;min-height:259px;overflow:hidden;border:1px solid rgba(189,202,255,.75);border-radius:26px;background:radial-gradient(ellipse at 81% 32%,rgba(125,46,237,.44),transparent 57%),linear-gradient(134deg,#0e1a43,#181442 71%,#321b67);box-shadow:inset 0 1px 0 #dce5ff68,0 12px 35px rgba(8,10,40,.6)}
.v5-ai-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(236,252,255,.16),transparent 26%,transparent 76%,rgba(154,116,255,.18));border-radius:inherit}
.v5-ai-stardust{position:absolute;inset:0;pointer-events:none;opacity:.7;background-image:radial-gradient(circle at 9% 20%,#adcbff 1px,transparent 2px),radial-gradient(circle at 79% 14%,#d8acff 1px,transparent 2px),radial-gradient(circle at 56% 45%,#b2ddff 1px,transparent 2px),radial-gradient(circle at 94% 73%,#c8bbff 1px,transparent 2px),radial-gradient(circle at 40% 80%,#67c8ff 1px,transparent 2px)}
.v5-ai-core{position:absolute;right:-31px;top:11px;width:207px;height:207px;border:1px solid rgba(160,191,255,.64);border-radius:50%;background:radial-gradient(circle at 31% 27%,rgba(199,245,255,.98),rgba(64,161,254,.73) 12%,rgba(71,64,194,.88) 36%,rgba(143,45,211,.85) 61%,rgba(13,18,59,.85) 78%);box-shadow:0 0 55px rgba(120,59,237,.43),inset -17px -10px 35px rgba(6,9,34,.64),0 0 12px rgba(98,207,255,.5);opacity:.92;animation:v5Pulse 8s ease-in-out infinite}
.v5-ai-core-ring{position:absolute;inset:52px -30px;border:3px solid rgba(206,155,255,.88);border-radius:50%;transform:rotate(-27deg) scaleY(.52);box-shadow:0 0 16px rgba(184,104,255,.85),inset 0 0 12px rgba(100,183,255,.35)}
.v5-ai-core-star{display:grid;place-items:center;width:100%;height:100%;font-size:77px;color:#e5ffff;filter:drop-shadow(0 0 19px #f2ceff)}
.v5-ai-hero-content{position:relative;z-index:1;padding:22px 15px;max-width:275px}
.v5-ai-hero h1{max-width:249px;font-size:clamp(27px,7.7vw,35px);margin:19px 0 12px}
.v5-ai-hero p{max-width:217px;margin-bottom:0;color:#dce4ff}
.v5-examples{display:flex;gap:8px;overflow:auto;padding:1px 0 7px;scrollbar-width:none}
.v5-examples::-webkit-scrollbar{display:none}
.v5-examples button{display:flex;align-items:center;gap:6px;flex-shrink:0;min-height:37px;padding:8px 12px;border-radius:18px;border:1px solid rgba(159,168,244,.63);background:linear-gradient(130deg,rgba(40,51,109,.81),rgba(48,27,89,.79));color:#e7e7ff;font-size:10px;font-weight:660}
.v5-examples svg{width:15px;height:15px;color:#9edaff}
.v5-ai-console{margin-top:13px;padding:17px 16px 18px;border:1px solid rgba(167,195,255,.72);border-radius:25px;background:radial-gradient(circle at 100% 0%,rgba(120,74,220,.2),transparent 49%),linear-gradient(135deg,rgba(23,37,81,.91),rgba(20,21,55,.97));box-shadow:inset 0 1px 0 #d0ddff4e,0 14px 35px #060b278a}
.v5-console-header{display:flex;align-items:center;gap:11px;margin-bottom:23px}
.v5-console-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid #9acfffab;border-radius:14px;background:radial-gradient(circle at 30% 20%,#6beaff,#5656d5 51%,#39105b);color:#fff;font-size:24px;box-shadow:0 0 19px #7865df8c}
.v5-console-header strong{font-size:15px;color:#fff}.v5-console-header small{display:block;font-size:9px;color:#c0d9ff;margin-top:5px;letter-spacing:.05em}
.v5-ai-console label{display:block;color:#b7d9ff;font-weight:770;letter-spacing:.1em;font-size:10px;margin:16px 0 9px}
.v5-ai-console select,.v5-ai-console textarea{font-family:inherit;width:100%;border:1px solid rgba(148,172,246,.52);border-radius:15px;background:rgba(8,17,45,.8);color:#f2f3ff;font-size:12px;box-shadow:inset 0 1px 0 rgba(206,221,255,.08)}
.v5-ai-console select{padding:13px;min-height:45px;appearance:auto}
.v5-ai-console textarea{padding:13px;line-height:1.65;min-height:135px;resize:vertical}
.v5-ai-console textarea::placeholder{color:#8798be;opacity:1}
.v5-ai-hint{font-size:10px;color:#a9bde1;line-height:1.5;margin:8px 0 15px}
.v5-build{width:100%;border-radius:15px;min-height:46px;font-size:12px}
.v5-ai-output{margin-top:17px;padding:15px 13px;border:1px solid #94baf466;border-radius:18px;background:rgba(5,14,38,.73)}
.v5-output-head{display:flex;justify-content:space-between;gap:5px;color:#a0e6ff;font-size:9px;letter-spacing:.06em}
.v5-output-head>span:last-child{color:#c3aaff;font-size:8px}
.v5-ai-output .draft-result{margin:11px 0;padding:13px;font-size:12px;background:rgba(9,21,54,.76);border-color:#9aaff45e;color:#dbe7ff}
.v5-ai-trust{display:flex;gap:10px;padding:12px 13px;margin-top:14px;border:1px solid #7185be3a;border-radius:17px;background:rgba(16,28,62,.42)}
.v5-ai-trust>span{color:#86e4ff;font-size:21px}.v5-ai-trust p{font-size:10px;line-height:1.56;color:#b7c5e7}.v5-ai-trust strong{color:#d9e8ff}
.v5-projects .legal,.v5-ai .legal{margin-top:17px}
@keyframes v5Pulse{0%,100%{filter:saturate(1)}50%{filter:saturate(1.13) brightness(1.06)}}
@media(max-width:375px){
.v5-kicker{font-size:8px}.v5-kicker>span:last-child{font-size:7px}
.v5-p-hero{height:232px}.v5-p-hero-copy{padding:19px 13px;max-width:240px}
.v5-p-hero h1,.v5-ai-hero h1{font-size:27px}
.v5-p-hero p{max-width:198px;font-size:10.5px}
.v5-title-row h2{font-size:18px}.v5-title-row small{font-size:8px}
.v5-card-visual{height:157px}.v5-card-info h3{font-size:21px}
.v5-ai-hero{min-height:242px}.v5-ai-hero-content{padding:18px 12px}
.v5-ai-core{width:178px;height:178px;right:-47px;top:14px}
.v5-ai-hero p{max-width:192px;font-size:10.4px}
.v5-ai-console{padding:14px 12px}.v5-ai-console textarea{font-size:12px}
}
@media(min-width:500px){
.v5-p-hero{height:280px}.v5-p-hero-copy{padding:29px 24px}.v5-p-hero h1{font-size:38px}
.v5-ai-hero{min-height:282px}.v5-ai-hero-content{padding:27px 22px}
.v5-ai-core{width:225px;height:225px;right:1px;top:9px}
}
.v5-modal-art{position:relative;overflow:hidden;height:172px;margin:0 -3px 15px;border-radius:19px;border:1px solid #b4bbff72;background:#10163e}.v5-modal-art img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:saturate(1.17)}.v5-modal-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(5,9,32,.82))}.v5-modal-art span{position:absolute;bottom:13px;left:15px;z-index:2;font-size:9px;letter-spacing:.16em;font-weight:800;color:#e6e8ff}.v5-modal-body h3{font-size:24px;margin:10px 0;color:#fff;line-height:1.18}.v5-modal-body p{font-size:12px;color:#c0cdec;line-height:1.62}.v5-modal-features{font-size:11px;line-height:1.6;margin:15px 0;padding:11px 12px;border:1px solid #a3b8ff4f;border-radius:12px;background:#181e4488;color:#dce7ff}.v5-modal-cta{width:100%}
@media(prefers-reduced-motion:reduce){.v5-ai-core{animation:none!important}.v5-gradient-button{transition:none!important}}