:root{--bg:#0a0c10;--surface:#111318;--surface2:#181c24;--border:hsla(0,0%,100%,.07);--accent:#4fd1c5;--accent2:#7c6ef7;--accent3:#f6ad55;--text:#e8eaf0;--muted:#7a8099;--tag-bg:rgba(79,209,197,.1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:16px;line-height:1.65;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.4}nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.5rem,5vw,4rem);height:64px;background:rgba(10,12,16,.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.hero{position:relative;padding:clamp(5rem,12vw,9rem) clamp(1.5rem,5vw,4rem) clamp(4rem,8vw,6rem)}.hero,section{max-width:1100px;margin:0 auto}section{padding:clamp(3rem,6vw,5rem) clamp(1.5rem,5vw,4rem)}.section-label{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem}.section-label,.section-title{font-family:Syne,sans-serif;font-weight:700}.section-title{font-size:clamp(1.6rem,3.5vw,2.2rem);letter-spacing:-.025em;margin-bottom:.5rem}.section-desc{color:var(--muted);font-weight:300;max-width:560px;margin-bottom:2.5rem;font-size:1rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.2rem;gap:1.2rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.8rem;transition:border-color .2s cubic-bezier(.23,1,.32,1),transform .2s cubic-bezier(.23,1,.32,1),box-shadow .2s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.card:hover{border-color:rgba(79,209,197,.3);transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.4)}}.card:active{transform:translateY(-1px) scale(.99);box-shadow:0 4px 16px rgba(0,0,0,.3);transition-duration:80ms}.cards-grid .card{animation:cardIn .4s cubic-bezier(.23,1,.32,1) both}.cards-grid .card:first-child{animation-delay:0ms}.cards-grid .card:nth-child(2){animation-delay:50ms}.cards-grid .card:nth-child(3){animation-delay:.1s}.cards-grid .card:nth-child(4){animation-delay:.15s}.card-icon{font-size:1.8rem;margin-bottom:1rem;display:block}.card-status{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:100px;margin-bottom:.9rem}.status-live{background:rgba(72,187,120,.12);color:#68d391}.status-dev{background:rgba(246,173,85,.12);color:var(--accent3)}.status-platform{background:rgba(122,128,153,.12);color:var(--muted)}.status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.card h3{font-family:Syne,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.01em}.card p{font-size:.9rem;color:var(--muted);font-weight:300;line-height:1.6}.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:1.2rem}.tag{font-size:.7rem;font-weight:500;letter-spacing:.04em;background:var(--tag-bg);color:var(--accent);border:1px solid rgba(79,209,197,.15);padding:3px 10px;border-radius:100px}.tag.purple{background:rgba(124,110,247,.1);color:#a78bfa;border-color:rgba(124,110,247,.2)}.tag.orange{background:rgba(246,173,85,.1);color:var(--accent3);border-color:rgba(246,173,85,.2)}.card-wide{grid-column:1/-1;display:flex;gap:2rem;align-items:flex-start;background:linear-gradient(135deg,var(--surface) 60%,var(--surface2));flex-wrap:wrap}.card-wide .card-content{flex:1 1;min-width:240px}.card-wide .card-visual{flex:0 0 200px;display:flex;align-items:center;justify-content:center;font-size:5rem;opacity:.15;line-height:1}.divider{max-width:1100px;margin:0 auto;padding:0 clamp(1.5rem,5vw,4rem)}.divider hr{border:none;border-top:1px solid var(--border)}.coming-soon-banner{background:linear-gradient(135deg,rgba(124,110,247,.1),rgba(79,209,197,.07));border:1px solid rgba(124,110,247,.25);border-radius:16px;padding:2rem 2.2rem;display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.coming-soon-banner .banner-icon{font-size:2.5rem}.coming-soon-banner h3{font-family:Syne,sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:.3rem}.coming-soon-banner p{font-size:.9rem;color:var(--muted);font-weight:300}.contact-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin-top:2rem}@media (max-width:560px){.contact-grid{grid-template-columns:1fr}}.contact-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem 1.5rem;border-radius:12px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:500;text-decoration:none;cursor:pointer;border:none;transition:transform .2s cubic-bezier(.23,1,.32,1),box-shadow .2s cubic-bezier(.23,1,.32,1),background .2s ease-out}.contact-btn:active{transform:scale(.97);transition-duration:80ms}.contact-btn-primary{background:var(--accent);color:var(--bg)}@media (hover:hover) and (pointer:fine){.contact-btn-primary:hover{background:#6ee7e0;transform:translateY(-2px);box-shadow:0 8px 24px rgba(79,209,197,.3)}}.contact-btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}@media (hover:hover) and (pointer:fine){.contact-btn-secondary:hover{border-color:hsla(0,0%,100%,.15);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}}footer{border-top:1px solid var(--border);margin-top:4rem;padding:2.5rem clamp(1.5rem,5vw,4rem);max-width:1100px;margin-left:auto;margin-right:auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;color:var(--muted);font-size:.85rem}footer a{color:var(--accent);text-decoration:none}footer a:hover{text-decoration:underline}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.nav-logo{height:52px;width:auto;mix-blend-mode:screen;display:block}.nav-lang-btn{background:none;border:1px solid transparent;color:var(--muted);font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:500;padding:4px 10px;border-radius:6px;cursor:pointer;letter-spacing:.04em;transition:color .15s ease-out,border-color .15s ease-out,background .15s ease-out}.nav-lang-btn:active{transform:scale(.95);transition-duration:80ms}.nav-lang-btn.active{border-color:var(--accent);color:var(--accent);background:rgba(79,209,197,.08)}.content-fade{transition:opacity 80ms ease-out}.content-fade.fading{opacity:0}[dir=rtl] nav{flex-direction:row-reverse}@media (max-width:640px){.card-wide{flex-direction:column}.card-wide .card-visual{display:none}nav{padding:0 1.2rem}}.ikigai-page{--ik-coral:#e8805a;--ik-blue:#5ba8d4;--ik-teal:#4fd1c5;--ik-amber:#f6ad55;--ik-violet:#a78bfa;background:var(--bg);color:var(--text);font-family:DM Sans,system-ui,sans-serif;font-size:16px;line-height:1.65;min-height:100vh}.ikigai-page .ik-nav-logo{height:52px;width:auto;display:block;mix-blend-mode:screen}.ikigai-page .ik-nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(10,12,16,.85);border-bottom:1px solid var(--border);padding:.75rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:auto}.ikigai-page .ik-lang-bar{display:flex;gap:.25rem}.ikigai-page .ik-lang-btn{font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.25rem .6rem;border-radius:4px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;transition:color .15s ease-out,border-color .15s ease-out,background .15s ease-out}@media (hover:hover) and (pointer:fine){.ikigai-page .ik-lang-btn:hover{color:var(--text);border-color:var(--border)}}.ikigai-page .ik-lang-btn:active{transform:scale(.95);transition-duration:80ms}.ikigai-page .ik-lang-btn.active{border-color:var(--text);background:var(--text);color:var(--bg)}.ikigai-page .ik-hero{max-width:760px;margin:0 auto;padding:5rem 2rem 3.5rem;text-align:center}.ikigai-page .ik-hero-eyebrow{font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:1.5rem;animation:ikFadeUp .5s cubic-bezier(.23,1,.32,1) both}.ikigai-page .ik-hero h1{font-family:Syne,sans-serif;font-size:clamp(2.6rem,6.5vw,4.5rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-bottom:1.75rem;color:var(--text);animation:ikFadeUp .5s cubic-bezier(.23,1,.32,1) .08s both}.ikigai-page .ik-hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--ik-coral) 0,var(--ik-violet) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ikigai-page .ik-hero-lead{font-size:1.05rem;color:var(--muted);max-width:520px;margin:0 auto;line-height:1.8;font-weight:300;animation:ikFadeUp .5s cubic-bezier(.23,1,.32,1) .16s both}.ikigai-page .ik-hero-lead em{font-style:italic;color:var(--accent)}@keyframes ikFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ikigai-page .ik-divider{border:none;border-top:1px solid var(--border);margin:3rem auto;max-width:900px;padding:0 2rem}.ikigai-page .diagram-wrap{max-width:900px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;align-items:center}@media (max-width:640px){.ikigai-page .diagram-wrap{grid-template-columns:1fr}}.ikigai-page .diagram-svg-wrap{position:relative;width:100%;max-width:360px;margin:0 auto}.ikigai-page .diagram-svg-wrap svg{width:100%;height:auto}.ikigai-page .legend-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem}.ikigai-page .legend-dot{flex-shrink:0;width:14px;height:14px;border-radius:50%;margin-top:4px}.ikigai-page .legend-dot.love{background:var(--ik-coral)}.ikigai-page .legend-dot.good{background:var(--ik-blue)}.ikigai-page .legend-dot.paid{background:var(--ik-amber)}.ikigai-page .legend-dot.needs{background:var(--ik-teal)}.ikigai-page .legend-dot.ikigai-dot{background:var(--ik-violet)}.ikigai-page .legend-label{font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.15rem}.ikigai-page .legend-desc{font-family:Syne,sans-serif;font-size:1rem;font-weight:600;color:var(--text);line-height:1.3}.ikigai-page .quadrants{max-width:900px;margin:3rem auto 0;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem}@media (max-width:640px){.ikigai-page .quadrants{grid-template-columns:1fr}}.ikigai-page .q-card{border:1px solid var(--border);border-radius:16px;padding:1.75rem;position:relative;overflow:hidden;background:var(--surface);transition:transform .2s cubic-bezier(.23,1,.32,1),box-shadow .2s cubic-bezier(.23,1,.32,1),border-color .2s cubic-bezier(.23,1,.32,1);animation:ikFadeUp .45s cubic-bezier(.23,1,.32,1) both}.ikigai-page .quadrants .q-card:first-child{animation-delay:0ms}.ikigai-page .quadrants .q-card:nth-child(2){animation-delay:60ms}.ikigai-page .quadrants .q-card:nth-child(3){animation-delay:.12s}.ikigai-page .quadrants .q-card:nth-child(4){animation-delay:.18s}@media (hover:hover) and (pointer:fine){.ikigai-page .q-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.3);border-color:hsla(0,0%,100%,.12)}}.ikigai-page .q-card:active{transform:scale(.99);transition-duration:80ms}.ikigai-page .q-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:16px 16px 0 0}.ikigai-page .q-card.love:before{background:var(--ik-coral)}.ikigai-page .q-card.good:before{background:var(--ik-blue)}.ikigai-page .q-card.needs:before{background:var(--ik-teal)}.ikigai-page .q-card.paid:before{background:var(--ik-amber)}.ikigai-page .q-tag{display:inline-block;font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .6rem;border-radius:100px;margin-bottom:.75rem}.ikigai-page .q-tag.love{background:rgba(232,128,90,.15);color:var(--ik-coral)}.ikigai-page .q-tag.good{background:rgba(91,168,212,.15);color:var(--ik-blue)}.ikigai-page .q-tag.needs{background:rgba(79,209,197,.15);color:var(--ik-teal)}.ikigai-page .q-tag.paid{background:rgba(246,173,85,.15);color:var(--ik-amber)}.ikigai-page .q-title{font-family:Syne,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.2;margin-bottom:.75rem;color:var(--text)}.ikigai-page .q-desc{font-size:.88rem;color:var(--muted);margin-bottom:1.25rem;line-height:1.65}.ikigai-page .q-projects{display:flex;flex-direction:column;gap:.6rem}.ikigai-page .q-project{display:flex;align-items:flex-start;gap:.65rem;font-size:.88rem;line-height:1.5}.ikigai-page .q-project-dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;margin-top:7px}.ikigai-page .q-project-dot.love{background:var(--ik-coral)}.ikigai-page .q-project-dot.good{background:var(--ik-blue)}.ikigai-page .q-project-dot.needs{background:var(--ik-teal)}.ikigai-page .q-project-dot.paid{background:var(--ik-amber)}.ikigai-page .q-project-name{font-weight:500;color:var(--text)}.ikigai-page .q-project-note{color:var(--muted)}.ikigai-page .ikigai-statement{max-width:760px;margin:3rem auto;padding:3rem 2.5rem;text-align:center;background:var(--surface);border-radius:16px;border:1px solid var(--border)}.ikigai-page .ikigai-pill{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ik-violet);background:rgba(167,139,250,.12);padding:.3rem .85rem;border-radius:100px;border:1px solid rgba(167,139,250,.2);margin-bottom:1.5rem}.ikigai-page .ik-dot{width:6px;height:6px;border-radius:50%;background:var(--ik-violet)}.ikigai-page .ikigai-statement blockquote{font-family:Syne,sans-serif;font-size:clamp(1.3rem,3.5vw,1.9rem);font-weight:700;font-style:normal;line-height:1.3;color:var(--text);margin-bottom:1.25rem}.ikigai-page .ikigai-statement p{font-size:.9rem;color:var(--muted);max-width:500px;margin:0 auto;font-weight:300}.ikigai-page .overlaps{max-width:900px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem}@media (max-width:640px){.ikigai-page .overlaps{grid-template-columns:1fr 1fr}}.ikigai-page .overlap-card{padding:1rem;border-radius:12px;border:1px solid var(--border);text-align:center;background:var(--surface);transition:border-color .2s ease-out,background .2s ease-out,transform .2s cubic-bezier(.23,1,.32,1)}@media (hover:hover) and (pointer:fine){.ikigai-page .overlap-card:hover{border-color:hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.04);transform:translateY(-1px)}}.ikigai-page .overlap-name{font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem}.ikigai-page .overlap-def{font-family:Syne,sans-serif;font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:.35rem}.ikigai-page .overlap-sectors{font-size:.75rem;color:var(--muted);opacity:.6}.ikigai-page .projects-section{max-width:900px;margin:3rem auto;padding:0 2rem}.ikigai-page .ik-section-header{margin-bottom:1.75rem}.ikigai-page .ik-section-header h2{font-family:Syne,sans-serif;font-size:1.8rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.4rem;color:var(--text)}.ikigai-page .ik-section-header p{font-size:.88rem;color:var(--muted)}.ikigai-page .projects-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}@media (max-width:720px){.ikigai-page .projects-grid{grid-template-columns:1fr 1fr}}@media (max-width:440px){.ikigai-page .projects-grid{grid-template-columns:1fr}}.ikigai-page .project-card{border:1px solid var(--border);border-radius:16px;padding:1.25rem;background:var(--surface);transition:border-color .2s cubic-bezier(.23,1,.32,1),transform .2s cubic-bezier(.23,1,.32,1),box-shadow .2s cubic-bezier(.23,1,.32,1);animation:ikFadeUp .4s cubic-bezier(.23,1,.32,1) both}.ikigai-page .projects-grid .project-card:first-child{animation-delay:0ms}.ikigai-page .projects-grid .project-card:nth-child(2){animation-delay:40ms}.ikigai-page .projects-grid .project-card:nth-child(3){animation-delay:80ms}.ikigai-page .projects-grid .project-card:nth-child(4){animation-delay:.12s}.ikigai-page .projects-grid .project-card:nth-child(5){animation-delay:.16s}.ikigai-page .projects-grid .project-card:nth-child(6){animation-delay:.2s}.ikigai-page .projects-grid .project-card:nth-child(7){animation-delay:.24s}.ikigai-page .projects-grid .project-card:nth-child(8){animation-delay:.28s}.ikigai-page .projects-grid .project-card:nth-child(9){animation-delay:.32s}@media (hover:hover) and (pointer:fine){.ikigai-page .project-card:hover{border-color:hsla(0,0%,100%,.12);transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.3)}}.ikigai-page .project-card:active{transform:scale(.99);transition-duration:80ms}.ikigai-page .project-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.6rem}.ikigai-page .project-name{font-weight:500;font-size:.9rem;color:var(--text);line-height:1.35}.ikigai-page .project-url{font-size:.72rem;color:var(--muted);opacity:.6;font-family:monospace;white-space:nowrap}.ikigai-page .project-desc{font-size:.82rem;color:var(--muted);line-height:1.6;margin-bottom:.75rem}.ikigai-page .project-tags{display:flex;flex-wrap:wrap;gap:.3rem}.ikigai-page .ptag{font-size:.67rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase;padding:.15rem .5rem;border-radius:100px}.ikigai-page .ptag.love{background:rgba(232,128,90,.15);color:var(--ik-coral)}.ikigai-page .ptag.good{background:rgba(91,168,212,.15);color:var(--ik-blue)}.ikigai-page .ptag.needs{background:rgba(79,209,197,.15);color:var(--ik-teal)}.ikigai-page .ptag.paid{background:rgba(246,173,85,.15);color:var(--ik-amber)}.ikigai-page .ik-footer{border-top:1px solid var(--border);padding:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.82rem;color:var(--muted);max-width:900px;margin:3rem auto 0}.ikigai-page .ik-footer a{color:var(--muted);text-decoration:none;transition:color .15s ease-out}@media (hover:hover) and (pointer:fine){.ikigai-page .ik-footer a:hover{color:var(--text)}}