<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DEWACAIR - The Deviant Investor | Sebuah Perspektif Non-Tradisional</title>
    <meta name="description" content="Sebuah Perspektif Non-Tradisional.">
    <meta name="keywords" content="momo99">

    <meta name="publisher" content="momo99"/>

    <link rel="canonical" href="https://deviantinvestor.com/">

    <link rel="amphtml" href="https://dewacaircyu1.nl/investor/" />
    <link rel="alternate" hreflang="id-id" href="https://dewacaircyu1.nl/investor/"/>
    <link rel="alternate" hreflang="id-id" href="https://dewacaircyu1.nl/investor/"/>
    <link rel="alternate" href="https://dewacaircyu1.nl/investor/"/>
    <link rel="alternate" hreflang="id" href="https://dewacaircyu1.nl/investor/"/>
    <link rel="alternate" hreflang="en" href="https://dewacaircyu1.nl/investor/"/>
    <link rel="alternate" hreflang="x-default" href="https://dewacaircyu1.nl/investor/"/>

    <meta name="robots" content="index, follow">
    <style>

        :root {
            --bg: #090909;
            --bg-soft: #111111;
            --card: #151515;
            --gold: #d9a441;
            --gold-light: #f2c66d;
            --white: #f5f3ee;
            --muted: #9d9d9d;
            --line: rgba(255,255,255,.09);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            background: var(--bg);
            color: var(--white);
            font-family:
                Inter,
                Arial,
                Helvetica,
                sans-serif;
            line-height: 1.7;
        }

        a {
            color: inherit;
            text-decoration: none;
        }

        .container {
            width: min(1180px, 92%);
            margin: auto;
        }

        /* ================= HEADER ================= */

        header {
            position: sticky;
            top: 0;
            z-index: 99;

            background:
                rgba(9,9,9,.88);

            backdrop-filter: blur(15px);

            border-bottom:
                1px solid var(--line);
        }

        .nav {
            min-height: 76px;

            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .logo {
            display: flex;
            align-items: center;
            gap: 12px;

            font-weight: 900;
            letter-spacing: 1px;
        }

        .logo-mark {
            width: 42px;
            height: 42px;

            display: grid;
            place-items: center;

            border-radius: 10px;

            color: #111;

            background:
                linear-gradient(
                    135deg,
                    var(--gold-light),
                    var(--gold)
                );

            box-shadow:
                0 0 30px
                rgba(217,164,65,.2);
        }

        nav {
            display: flex;
            gap: 28px;
        }

        nav a {
            color: #bdbdbd;
            font-size: 14px;
            transition: .25s;
        }

        nav a:hover {
            color: var(--gold-light);
        }

        /* ================= HERO ================= */

        .hero {
            min-height: 700px;

            display: flex;
            align-items: center;

            position: relative;
            overflow: hidden;

            background:
                radial-gradient(
                    circle at 80% 25%,
                    rgba(217,164,65,.13),
                    transparent 30%
                ),
                linear-gradient(
                    135deg,
                    #090909,
                    #101010
                );
        }

        /*
        Decorative market lines
        */

        .hero::after {
            content: "";

            position: absolute;

            right: -100px;
            top: 80px;

            width: 600px;
            height: 600px;

            border-radius: 50%;

            border:
                1px solid
                rgba(217,164,65,.12);

            box-shadow:
                0 0 0 70px
                rgba(217,164,65,.025),
                0 0 0 140px
                rgba(217,164,65,.018);
        }

        .hero-grid {
            position: relative;
            z-index: 2;

            display: grid;
            grid-template-columns:
                1.15fr .85fr;

            gap: 70px;
            align-items: center;
        }

        .eyebrow {
            display: inline-block;

            color: var(--gold-light);

            font-size: 12px;
            font-weight: 800;

            letter-spacing: 3px;

            text-transform: uppercase;

            margin-bottom: 22px;
        }

        h1 {
            max-width: 850px;

            font-family:
                Georgia,
                "Times New Roman",
                serif;

            font-size:
                clamp(48px, 7vw, 88px);

            line-height: .98;

            letter-spacing: -4px;

            margin-bottom: 30px;
        }

        .gold {
            color: var(--gold-light);
        }

        .hero-description {
            max-width: 650px;

            color: var(--muted);

            font-size: 18px;

            margin-bottom: 35px;
        }

        .buttons {
            display: flex;
            gap: 13px;
            flex-wrap: wrap;
        }

        .btn {
            display: inline-flex;

            padding: 13px 22px;

            border-radius: 5px;

            font-size: 14px;
            font-weight: 800;

            transition: .25s;
        }

        .btn-primary {
            background: var(--gold);
            color: #111;
        }

        .btn-primary:hover {
            background: var(--gold-light);
            transform: translateY(-2px);
        }

        .btn-outline {
            border: 1px solid var(--line);
            color: #ddd;
        }

        .btn-outline:hover {
            border-color: var(--gold);
            color: var(--gold-light);
        }

        /* ================= HERO CARD ================= */

        .market-card {
            padding: 28px;

            border:
                1px solid
                var(--line);

            background:
                rgba(255,255,255,.025);

            border-radius: 18px;

            box-shadow:
                0 30px 80px
                rgba(0,0,0,.4);
        }

        .market-top {
            display: flex;
            justify-content: space-between;

            color: var(--muted);

            font-size: 12px;

            margin-bottom: 25px;
        }

        .market-value {
            font-family: Georgia, serif;

            font-size: 44px;

            margin-bottom: 5px;
        }

        .market-change {
            color: var(--gold-light);
            font-size: 14px;
        }

        .chart {
            height: 190px;

            margin-top: 30px;

            position: relative;

            overflow: hidden;

            border-bottom:
                1px solid var(--line);
        }

        .chart svg {
            width: 100%;
            height: 100%;
        }

        /* ================= INTRO ================= */

        section {
            padding: 100px 0;
        }

        .section-label {
            color: var(--gold-light);

            text-transform: uppercase;

            letter-spacing: 3px;

            font-size: 11px;

            font-weight: 800;
        }

        .section-title {
            max-width: 720px;

            margin-top: 12px;
            margin-bottom: 45px;

            font-family: Georgia, serif;

            font-size: 46px;

            line-height: 1.15;
        }

        .section-description {
            max-width: 720px;

            color: var(--muted);

            margin-bottom: 45px;
        }

        /* ================= CARDS ================= */

        .cards {
            display: grid;

            grid-template-columns:
                repeat(3, 1fr);

            gap: 18px;
        }

        .card {
            padding: 30px;

            background: var(--card);

            border:
                1px solid var(--line);

            border-radius: 14px;

            transition: .3s;
        }

        .card:hover {
            transform: translateY(-6px);

            border-color:
                rgba(217,164,65,.35);
        }

        .number {
            color: var(--gold);

            font-family: Georgia, serif;

            font-size: 14px;

            margin-bottom: 35px;
        }

        .card h3 {
            font-family: Georgia, serif;

            font-size: 25px;

            margin-bottom: 12px;
        }

        .card p {
            color: var(--muted);

            font-size: 14px;
        }

        /* ================= FEATURE ================= */

        .feature {
            background:
                #0e0e0e;

            border-top:
                1px solid var(--line);

            border-bottom:
                1px solid var(--line);
        }

        .feature-grid {
            display: grid;

            grid-template-columns:
                .8fr 1.2fr;

            gap: 70px;

            align-items: center;
        }

        .quote {
            font-family: Georgia, serif;

            font-size: 40px;

            line-height: 1.25;
        }

        .quote span {
            color: var(--gold-light);
        }

        .feature-text p {
            color: var(--muted);

            margin-bottom: 20px;
        }

        /* ================= TOPICS ================= */

        .topics {
            display: grid;

            grid-template-columns:
                repeat(2, 1fr);

            gap: 15px;
        }

        .topic {
            padding: 25px;

            border:
                1px solid var(--line);

            background:
                linear-gradient(
                    135deg,
                    #151515,
                    #0e0e0e
                );

            border-radius: 12px;
        }

        .topic small {
            color: var(--gold);

            font-weight: 800;

            letter-spacing: 1px;
        }

        .topic h3 {
            font-family: Georgia, serif;

            font-size: 24px;

            margin: 8px 0;
        }

        .topic p {
            color: var(--muted);

            font-size: 14px;
        }

        /* ================= DISCLAIMER ================= */

        .notice {
            padding: 25px;

            border-left:
                3px solid var(--gold);

            background:
                rgba(217,164,65,.05);

            color: #b7b7b7;

            font-size: 13px;
        }

        .notice strong {
            color: white;
        }

        /* ================= FOOTER ================= */

        footer {
            padding: 65px 0 30px;

            border-top:
                1px solid var(--line);

            background: #050505;
        }

        .footer-grid {
            display: grid;

            grid-template-columns:
                1.5fr .8fr .8fr;

            gap: 50px;
        }

        footer p,
        footer a {
            color: var(--muted);

            font-size: 14px;
        }

        footer h4 {
            margin-bottom: 15px;
        }

        .links {
            display: grid;
            gap: 8px;
        }

        .copyright {
            padding-top: 25px;

            margin-top: 45px;

            border-top:
                1px solid var(--line);

            color: #666;

            font-size: 12px;
        }

        /* ================= RESPONSIVE ================= */

        @media(max-width: 850px) {

            nav {
                display: none;
            }

            .hero-grid,
            .feature-grid {
                grid-template-columns: 1fr;
            }

            .cards {
                grid-template-columns: 1fr;
            }

            .topics {
                grid-template-columns: 1fr;
            }

            .footer-grid {
                grid-template-columns: 1fr;
            }

            .hero {
                min-height: auto;
                padding: 90px 0;
            }

            h1 {
                letter-spacing: -2px;
            }
        }

        @media(max-width: 500px) {

            section {
                padding: 70px 0;
            }

            .section-title {
                font-size: 34px;
            }

            .quote {
                font-size: 30px;
            }

            .market-value {
                font-size: 36px;
            }
        }

    </style>
</head>


<body>

<header>

    <div class="container nav">

        <a href="/" class="logo">

            <div class="logo-mark">
                D
            </div>

            <span>DEWACAIR</span>

        </a>

        <nav>
            <a href="#perspective">Perspective</a>
            <a href="#ideas">Ideas</a>
            <a href="#research">Research</a>
            <a href="#about">About</a>
        </nav>

    </div>

</header>


<main>

    <!-- HERO -->

    <section class="hero">

        <div class="container hero-grid">

            <div>

                <div class="eyebrow">
                    The Deviant Investor
                </div>

                <h1>
                    Think
                    <span class="gold">Different.</span>
                    Invest
                    Differently.
                </h1>

                <p class="hero-description">
                    Sebuah Perspektif Non-Tradisional.
                    Melihat pasar dari sudut yang berbeda,
                    mempertanyakan asumsi yang sudah dianggap
                    biasa, dan memahami bagaimana perspektif
                    dapat memengaruhi keputusan investasi.
                </p>

                <div class="buttons">

                    <a href="#perspective"
                       class="btn btn-primary">
                        Explore Perspective
                    </a>

                    <a href="#ideas"
                       class="btn btn-outline">
                        Discover Ideas
                    </a>

                </div>

            </div>


            <div class="market-card">

                <div class="market-top">

                    <span>
                        DEVIANT INDEX
                    </span>

                    <span>
                        NON-CONSENSUS
                    </span>

                </div>

                <div class="market-value">
                    Think Beyond
                </div>

                <div class="market-change">
                    Perspective → Analysis → Context
                </div>


                <div class="chart">

                    <svg viewBox="0 0 500 190"
                         preserveAspectRatio="none">

                        <polyline
                            points="
                            0,160
                            40,145
                            80,152
                            120,105
                            160,125
                            200,80
                            240,100
                            280,62
                            320,82
                            360,40
                            400,55
                            450,20
                            500,35
                            "
                            fill="none"
                            stroke="#d9a441"
                            stroke-width="3"
                        />

                    </svg>

                </div>

            </div>

        </div>

    </section>


    <!-- PERSPECTIVE -->

    <section id="perspective">

        <div class="container">

            <div class="section-label">
                The Perspective
            </div>

            <h2 class="section-title">
                Bagaimana jika cara melihat pasar
                sama pentingnya dengan datanya?
            </h2>

            <p class="section-description">
                DEWACAIR mengeksplorasi pemikiran investasi
                non-tradisional melalui perspektif, perilaku
                investor, valuasi, narasi pasar, serta berbagai
                pertanyaan yang mungkin terlewat ketika semua
                orang melihat arah yang sama.
            </p>


            <div class="cards">

                <article class="card">

                    <div class="number">
                        01 / PERSPECTIVE
                    </div>

                    <h3>
                        Challenge Assumptions
                    </h3>

                    <p>
                        Menguji kembali asumsi yang sering dianggap
                        sebagai kebenaran dalam dunia investasi.
                    </p>

                </article>


                <article class="card">

                    <div class="number">
                        02 / BEHAVIOR
                    </div>

                    <h3>
                        Understand Behavior
                    </h3>

                    <p>
                        Memahami bagaimana bias, sentimen, dan
                        perilaku manusia dapat memengaruhi pasar.
                    </p>

                </article>


                <article class="card">

                    <div class="number">
                        03 / RESEARCH
                    </div>

                    <h3>
                        Follow The Evidence
                    </h3>

                    <p>
                        Perspektif berbeda tetap membutuhkan
                        penelitian, konteks, dan bukti yang dapat
                        diuji.
                    </p>

                </article>

            </div>

        </div>

    </section>


    <!-- FEATURE -->

    <section class="feature">

        <div class="container feature-grid">

            <div class="quote">
                "The crowd sees
                <span>the obvious.</span>
                The curious investor
                asks what it missed."
            </div>

            <div class="feature-text">

                <p>
                    Pendekatan non-tradisional bukan berarti
                    mengabaikan prinsip dasar investasi.
                    Justru sebaliknya: ia dapat menjadi cara
                    untuk melihat data, risiko, ekspektasi,
                    dan narasi pasar dari perspektif lain.
                </p>

                <p>
                    Literatur mengenai non-consensus investing
                    juga menekankan bahwa pemikiran berbeda
                    perlu disertai penilaian, disiplin,
                    dan pemahaman terhadap risiko.
                </p>

                <a href="#research"
                   class="btn btn-outline">
                    Read The Research
                </a>

            </div>

        </div>

    </section>


    <!-- IDEAS -->

    <section id="ideas">

        <div class="container">

            <div class="section-label">
                Explore
            </div>

            <h2 class="section-title">
                Ide yang berada di luar arus utama.
            </h2>


            <div class="topics">

                <article class="topic">

                    <small>01 — MARKET</small>

                    <h3>
                        Market Narratives
                    </h3>

                    <p>
                        Bagaimana cerita dan ekspektasi pasar
                        dapat membentuk cara investor melihat
                        sebuah aset.
                    </p>

                </article>


                <article class="topic">

                    <small>02 — VALUE</small>

                    <h3>
                        Value & Expectations
                    </h3>

                    <p>
                        Membahas hubungan antara harga,
                        ekspektasi pertumbuhan, dan nilai
                        fundamental.
                    </p>

                </article>


                <article class="topic">

                    <small>03 — BEHAVIOR</small>

                    <h3>
                        Investor Psychology
                    </h3>

                    <p>
                        Mengeksplorasi bias kognitif dan
                        perilaku yang dapat memengaruhi
                        keputusan investasi.
                    </p>

                </article>


                <article class="topic">

                    <small>04 — ALTERNATIVE</small>

                    <h3>
                        Alternative Views
                    </h3>

                    <p>
                        Perspektif terhadap aset, strategi,
                        dan pendekatan yang tidak selalu
                        mengikuti pola konvensional.
                    </p>

                </article>

            </div>

        </div>

    </section>


    <!-- RESEARCH -->

    <section id="research">

        <div class="container">

            <div class="section-label">
                Research Notes
            </div>

            <h2 class="section-title">
                Data memberi informasi.
                Perspektif memberi konteks.
            </h2>

            <p class="section-description">
                Perbedaan perspektif dapat membantu investor
                mengajukan pertanyaan yang berbeda. Namun,
                setiap tesis tetap perlu diuji melalui data,
                asumsi yang transparan, dan pemahaman terhadap
                risiko.
            </p>


            <div class="notice">

                <strong>Disclaimer:</strong>

                Konten di website ini ditujukan untuk informasi
                dan edukasi umum, bukan merupakan nasihat keuangan,
                rekomendasi pembelian atau penjualan aset, maupun
                jaminan hasil investasi. Setiap keputusan investasi
                memiliki risiko dan perlu disesuaikan dengan kondisi
                serta tujuan masing-masing individu.

            </div>

        </div>

    </section>


    <!-- ABOUT -->

    <section id="about">

        <div class="container">

            <div class="section-label">
                About DEWACAIR
            </div>

            <h2 class="section-title">
                The Deviant Investor.
                Sebuah Perspektif Non-Tradisional.
            </h2>

            <p class="section-description">
                DEWACAIR adalah ruang editorial untuk membahas
                investasi melalui perspektif yang berbeda:
                tidak sekadar mengikuti apa yang sedang populer,
                tetapi mengeksplorasi pertanyaan, asumsi,
                perilaku, dan data yang membentuk cara kita
                memahami pasar.
            </p>

        </div>

    </section>

</main>


<footer>

    <div class="container">

        <div class="footer-grid">

            <div>

                <div class="logo">

                    <div class="logo-mark">
                        D
                    </div>

                    DEWACAIR

                </div>

                <br>

                <p>
                    The Deviant Investor —
                    Sebuah Perspektif Non-Tradisional.
                </p>

            </div>


            <div>

                <h4>Explore</h4>

                <div class="links">
                    <a href="#perspective">
                        Perspective
                    </a>

                    <a href="#ideas">
                        Ideas
                    </a>

                    <a href="#research">
                        Research
                    </a>
                </div>

            </div>


            <div>

                <h4>Website</h4>

                <div class="links">
                    <a href="/">
                        deviantinvestor.com
                    </a>

                    <a href="#about">
                        About
                    </a>
                </div>

            </div>

        </div>


        <div class="copyright">

            © 2026 DEWACAIR — deviantinvestor.com.
            Informational & educational content.

        </div>

    </div>

</footer>

</body>
</html>