.trait-showcase{max-width:1320px;margin-inline:auto;padding:100px 28px;color:#f5f1fc;scroll-margin-top:120px}.trait-showcase-heading{max-width:850px;margin-bottom:38px}.trait-showcase-heading .section-title{font-family:'IDN Urbanist',Urbanist,sans-serif;font-weight:600;letter-spacing:-.055em;font-size:clamp(34px,4.8vw,64px);line-height:1.05;margin:20px 0}.trait-showcase-heading>p{max-width:650px;color:#aaa6b7;font-size:16px;line-height:1.7}.trait-showcase-card{position:relative;isolation:isolate;display:grid;grid-template-columns:1.08fr 1fr;gap:42px;padding:38px;border:1px solid #65516d;border-radius:30px;background:radial-gradient(ellipse at 0 0,#40234d63,transparent 62%),radial-gradient(ellipse at 100% 100%,#06343a57,transparent 65%),linear-gradient(140deg,#191522eb,#0c1017ef);box-shadow:inset 0 1px 0 #ffffff12,0 30px 90px #0005;overflow:hidden;transition:border-color .25s,box-shadow .4s}.trait-showcase-card:focus-within,.trait-showcase-card:hover{border-color:#a477ca;box-shadow:inset 0 1px 0 #ffffff18,0 30px 90px #0005,0 0 50px #9255b51a}.trait-card-light{position:absolute;bottom:0;left:-60%;height:2px;width:70%;background:linear-gradient(90deg,transparent,#eb42b5,#8d5cff,#00b9d4,transparent);animation:trait-light-travel 7.5s linear infinite;animation-play-state:paused;pointer-events:none}.trait-showcase-card.is-trait-visible .trait-card-light{animation-play-state:running}@keyframes trait-light-travel{to{transform:translateX(240%)}}.trait-showcase-media{align-self:center;min-width:0}.trait-browser{border:1px solid #ffffff24;border-radius:18px;overflow:hidden;background:#f0eee6;box-shadow:0 25px 55px #0005;transform:perspective(1200px) rotateY(3deg);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.trait-showcase-card:hover .trait-browser{transform:perspective(1200px) rotateY(0deg) translateY(-3px)}.trait-browser-bar{height:38px;display:flex;align-items:center;gap:12px;padding:0 14px;color:#aaa4b6;background:#16141e;font:10px 'IDN Inter',Inter,sans-serif;letter-spacing:.04em}.trait-browser-dots{display:flex;gap:4px}.trait-browser-dots i{width:5px;height:5px;border-radius:50%;background:#776c85}.trait-browser-label{margin-left:auto;opacity:.65;font-size:9px}.trait-preview-scene{position:relative;aspect-ratio:1.32;overflow:hidden;background:#d3ccbc}.trait-preview-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s ease;transform:none!important;filter:none!important}.trait-preview-scene img.is-active{opacity:1}.trait-wordmark{position:absolute;top:26px;left:26px;font:600 54px 'IDN Inter',Inter,sans-serif;letter-spacing:-.09em;color:#26332f;text-shadow:0 1px 20px #f2e6ce66;line-height:1}.trait-wordmark>span{color:#b67c38}.trait-scene-tag{position:absolute;left:28px;top:88px;color:#26332f;font:500 9px 'IDN Inter',Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase}.trait-preview-controls{padding:17px 18px 20px;color:#26332f}.trait-preview-controls>span{display:block;font:500 12px 'IDN Inter',Inter,sans-serif;margin-bottom:12px}.trait-preview-controls>div{display:flex;gap:7px;flex-wrap:wrap}.trait-preview-controls button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #26332f2b;border-radius:30px;padding:8px 12px;background:transparent;color:#26332f;font:500 10px 'IDN Inter',Inter,sans-serif;cursor:pointer;transition:background .16s,border-color .16s}.trait-preview-controls button[aria-pressed=true]{background:#fff9;border-color:#26332f96}.trait-preview-controls button i{width:10px;height:10px;border-radius:50%;background:#cbb99a}.trait-preview-controls [data-trait-tone=argile] i{background:#ba8070}.trait-preview-controls [data-trait-tone=sauge] i{background:#a7b19a}.trait-preview-controls button:focus-visible,.trait-showcase a:focus-visible{outline:2px solid #b88aeb;outline-offset:4px}.trait-media-caption{display:flex;justify-content:space-between;gap:15px;margin-top:19px;font:9px 'IDN Inter',Inter,sans-serif;letter-spacing:.1em;color:#9a91ab}.trait-showcase-copy{align-self:center;min-width:0}.trait-demo-badge{display:inline-flex;align-items:center;gap:7px;font:500 9px 'IDN Inter',Inter,sans-serif;letter-spacing:.12em;color:#bea4d9}.trait-demo-badge i{width:5px;height:5px;border-radius:50%;background:#be8bf1;box-shadow:0 0 12px #be8bf155}.trait-showcase-copy h3{font-family:'IDN Urbanist',Urbanist,sans-serif;font-size:clamp(31px,3.3vw,47px);letter-spacing:-.05em;font-weight:600;line-height:1.05;margin:23px 0 21px}.trait-showcase-copy h3>span{background:linear-gradient(100deg,#ed4ebc,#a47cf7 50%,#17b9d1);background-clip:text;-webkit-background-clip:text;color:transparent}.trait-showcase-copy>p:not(.trait-showcase-disclaimer){color:#b7b1c3;font:400 14px/1.8 'IDN Inter',Inter,sans-serif}.trait-feature-list{list-style:none;padding:0;margin:25px 0;display:grid;gap:15px}.trait-feature-list li{display:flex;align-items:flex-start;gap:13px}.trait-feature-list li>span{font:500 12px 'IDN Inter',Inter,sans-serif;color:#b384e5;width:26px;height:28px;display:grid;place-items:center;border:1px solid #ac81d336;border-radius:8px;background:#8250a316}.trait-feature-list strong{display:block;color:#e6dfef;font:500 12px 'IDN Inter',Inter,sans-serif;margin:0 0 4px}.trait-feature-list small{display:block;color:#9e96ad;font:400 10px/1.6 'IDN Inter',Inter,sans-serif}.trait-showcase-actions{display:grid;gap:10px;margin-top:30px}.trait-cta-primary,.trait-cta-secondary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 20px;min-height:48px;text-decoration:none;border-radius:30px;font:600 12px/1.5 'IDN Inter',Inter,sans-serif;transition:transform .16s,background .2s;cursor:pointer}.trait-cta-primary{background:linear-gradient(115deg,#9a42d7,#3a6ed8);color:#fff;border:1px solid #b581e966}.trait-cta-secondary{background:#ffffff03;color:#dbd1e9;border:1px solid #b49ac033}.trait-cta-primary:hover,.trait-cta-secondary:hover{transform:translateY(-2px)}.trait-cta-primary svg,.trait-cta-secondary svg,.trait-project-link svg{flex-shrink:0;width:18px;height:18px}.trait-showcase-disclaimer{font:400 10px/1.8 'IDN Inter',Inter,sans-serif;color:#9991a7;margin:18px 0 0}.trait-project-link{display:inline-flex;align-items:center;gap:12px;font:500 12px/1.8 'IDN Inter',Inter,sans-serif;color:#c5b0e2;text-decoration:none;margin-top:25px}.trait-project-link:hover{color:#eee0ff}.trait-visually-hidden{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.idn-project-preview{margin:0;background:radial-gradient(ellipse at 0 0,#3b195b69,transparent 60%),radial-gradient(ellipse at 100% 100%,#003b454a,transparent 60%),#08070c;color:#f3eff9;min-height:100vh;font-family:'IDN Inter',Inter,sans-serif}.idn-project-preview *{box-sizing:border-box}.idn-preview-nav{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 5vw;border-bottom:1px solid #ffffff12}.idn-preview-nav>a:first-child{width:180px;height:65px;display:flex;align-items:center}.idn-preview-nav img{width:180px;height:auto;display:block}.idn-preview-nav>a:last-child{display:flex;align-items:center;gap:10px;color:#c1b5d0;text-decoration:none;font-size:12px}.idn-preview-nav svg{width:16px;height:16px}.idn-project-main{max-width:1160px;padding:75px 28px 100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px}.idn-project-intro h1{font:600 clamp(35px,4.3vw,58px)/1.05 'IDN Urbanist',Urbanist,sans-serif;letter-spacing:-.045em;margin:24px 0}.idn-project-intro h1>span{color:#bb92e7}.idn-project-intro>p{font-size:14px;line-height:1.9;color:#aea6bc}.idn-preview-callout{padding:23px;border:1px solid #a27ac24d;background:#8250b616;border-radius:18px;margin:32px 0}.idn-preview-callout strong{font-size:13px;color:#d5b5f3}.idn-preview-callout p{font-size:12px;line-height:1.8;color:#aaa1b7;margin-bottom:0}.idn-project-form{border:1px solid #82659575;border-radius:25px;padding:33px;background:linear-gradient(150deg,#37224050,#071c2350);box-shadow:inset 0 1px 0 #ffffff0d}.idn-project-form .section-eyebrow{font-size:10px;letter-spacing:.15em;color:#bc98df}.idn-project-form h2{font:600 34px/1.1 'IDN Urbanist',Urbanist,sans-serif;letter-spacing:-.04em;margin:17px 0 27px}.idn-project-form label{display:block;font-size:11px;color:#c8bdd8;margin:18px 0}.idn-project-form label small{font-size:10px;color:#8f819f;margin-left:5px}.idn-project-form input,.idn-project-form textarea{display:block;margin-top:9px;padding:13px;width:100%;min-width:0;border:1px solid #65546e73;border-radius:11px;background:#09080e;color:#eee7f7;font:400 13px/1.5 'IDN Inter',Inter,sans-serif}.idn-project-form textarea{resize:vertical}.idn-project-form input:focus,.idn-project-form textarea:focus{outline:2px solid #a379c777;outline-offset:2px}.idn-project-form input[readonly]{color:#a99ab9}.idn-project-form .trait-cta-primary{width:100%;margin-top:25px;text-align:left}.idn-preview-form-status{color:#beaad2;font-size:11px;line-height:1.7}.idn-preview-footer{max-width:1160px;margin:auto;padding:28px;display:flex;justify-content:space-between;gap:20px;color:#81758e;font-size:10px}.idn-preview-footer a{color:#b8a2cb}@font-face{font-family:'IDN Urbanist';src:url('/assets/urbanist.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:'IDN Inter';src:url('/assets/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
@media(max-width:1050px){.trait-showcase-card{padding:28px;gap:30px}.trait-showcase-copy h3{font-size:36px}.trait-browser-label{display:none}.idn-project-main{gap:40px}.trait-feature-list small{font-size:11px}}
@media(max-width:760px){.trait-showcase{padding:70px 20px}.trait-showcase-heading{margin-bottom:27px}.trait-showcase-heading .section-title{font-size:38px}.trait-showcase-heading>p{font-size:14px}.trait-showcase-card{grid-template-columns:1fr;gap:30px;padding:23px;border-radius:24px}.trait-browser{transform:none}.trait-showcase-card:hover .trait-browser{transform:none}.trait-preview-scene{aspect-ratio:1.45}.trait-preview-controls{padding:15px}.trait-preview-controls>span{font-size:11px}.trait-preview-controls button{padding:9px 12px}.trait-showcase-copy h3{font-size:38px}.trait-showcase-copy>p:not(.trait-showcase-disclaimer){font-size:14px}.trait-feature-list strong{font-size:12px}.trait-feature-list small{font-size:11px}.trait-media-caption{font-size:8px}.trait-cta-primary,.trait-cta-secondary{font-size:11px;padding:14px 16px}.trait-showcase-disclaimer{font-size:10px}.trait-showcase-copy h3 br:nth-of-type(2){display:none}.idn-project-main{grid-template-columns:1fr;gap:28px;padding:45px 20px 65px}.idn-project-intro h1{font-size:43px}.idn-preview-nav{padding:12px 20px}.idn-preview-nav>a:first-child,.idn-preview-nav img{width:145px}.idn-preview-nav>a:last-child{font-size:10px;gap:6px}.idn-project-form{padding:25px}.idn-preview-footer{padding:25px 20px;flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){.trait-showcase *, .trait-showcase *::before{animation:none!important;transition:none!important}}

@media(max-width:760px){.trait-preview-controls button{min-height:44px}}