:root{
    --pine:#12372a;
    --pine-light:#1f5844;
    --mist:#eef7f2;
    --paper:#fbfdfc;
    --white:#ffffff;
    --text:#183127;
    --muted:#64746d;
    --line:#d6e3dc;
    --mint:#50c878;
    --sun:#f4c95d;
    --ice:#dff4ee;
    --shadow:0 26px 70px rgba(18,55,42,.13);
    --radius:25px
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    background:var(--paper);
    color:var(--text);
    font-family:Arial,"Helvetica Neue",sans-serif;
    line-height:1.65
}
button,input,textarea{font:inherit}
button{cursor:pointer}
.aika-wrap{width:min(1180px,calc(100% - 36px));margin:auto}
.aika-skip{
    position:fixed;
    top:-70px;
    left:18px;
    z-index:99999;
    padding:10px 14px;
    border-radius:8px;
    background:var(--white);
    color:var(--pine)
}
.aika-skip:focus{top:18px}

/* Header */
.aika-header{
    position:sticky;
    top:0;
    z-index:90;
    border-bottom:1px solid var(--line);
    background:rgba(251,253,252,.95);
    backdrop-filter:blur(14px)
}
.aika-header__row{
    min-height:72px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px
}
.aika-brand{
    display:inline-flex;
    align-items:center;
    gap:11px;
    color:var(--pine);
    text-decoration:none;
    font-weight:900
}
.aika-brand__badge{
    position:relative;
    width:38px;
    height:38px;
    display:block;
    border-radius:12px;
    background:var(--pine)
}
.aika-brand__badge i,
.aika-brand__badge b{
    position:absolute;
    left:50%;
    bottom:50%;
    width:2px;
    border-radius:99px;
    background:var(--white);
    transform-origin:bottom
}
.aika-brand__badge i{height:10px;transform:translateX(-50%) rotate(18deg)}
.aika-brand__badge b{height:13px;transform:translateX(-50%) rotate(118deg)}
.aika-brand__badge em{
    position:absolute;
    top:50%;
    left:50%;
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--sun);
    transform:translate(-50%,-50%)
}
.aika-nav{display:flex;align-items:center;gap:25px}
.aika-nav a{color:#51645b;text-decoration:none;font-weight:750}
.aika-nav a:hover{color:var(--pine)}
.aika-menu{display:none;border:0;background:transparent}
.aika-menu span{display:block;width:25px;height:2px;margin:6px 0;background:var(--pine)}

/* Intro */
.aika-intro{
    padding:76px 0 56px;
    background:
        radial-gradient(circle at 82% 5%,rgba(80,200,120,.16),transparent 29%),
        linear-gradient(180deg,var(--mist),var(--paper))
}
.aika-intro__layout{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(285px,.5fr);
    gap:68px;
    align-items:end
}
.aika-eyebrow,
.aika-heading p{
    margin:0;
    color:var(--mint);
    font-size:.76rem;
    font-weight:900;
    letter-spacing:.16em
}
.aika-intro h1{
    margin:12px 0 22px;
    color:var(--pine);
    font-size:clamp(3.8rem,9vw,7.5rem);
    line-height:.9;
    letter-spacing:-.073em
}
.aika-intro__copy>p:last-child{
    max-width:710px;
    margin:0;
    color:var(--muted);
    font-size:1.17rem
}
.aika-current{
    padding:24px;
    border-radius:19px;
    background:var(--pine);
    color:var(--white);
    box-shadow:var(--shadow)
}
.aika-current span,
.aika-current small{display:block;color:#c9ddd4}
.aika-current span{
    margin-bottom:5px;
    font-size:.75rem;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase
}
.aika-current strong{
    display:block;
    font-size:clamp(2.3rem,5vw,3.8rem);
    line-height:1.05;
    font-variant-numeric:tabular-nums
}

/* Clock */
.aika-tool{padding:22px 0 84px}
.aika-clock{
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:var(--radius);
    background:var(--white);
    box-shadow:var(--shadow)
}
.aika-clock__toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:16px 18px;
    border-bottom:1px solid var(--line);
    background:#f7fbf9
}
.aika-view-tabs{
    display:flex;
    align-items:center;
    gap:4px;
    padding:4px;
    border-radius:13px;
    background:#e6f0eb
}
.aika-view-tabs button{
    border:0;
    border-radius:10px;
    padding:10px 18px;
    background:transparent;
    color:var(--muted);
    font-weight:850
}
.aika-view-tabs button.is-active{
    background:var(--white);
    color:var(--pine);
    box-shadow:0 4px 12px rgba(18,55,42,.08)
}
.aika-format{
    display:flex;
    align-items:center;
    gap:8px;
    margin-left:auto;
    color:#51645b;
    font-size:.88rem;
    font-weight:800;
    white-space:nowrap
}
.aika-format input{position:absolute;opacity:0;pointer-events:none}
.aika-format>span{
    position:relative;
    width:44px;
    height:25px;
    border-radius:99px;
    background:#cbd7d1;
    transition:.2s
}
.aika-format>span i{
    position:absolute;
    top:3px;
    left:3px;
    width:19px;
    height:19px;
    border-radius:50%;
    background:var(--white);
    transition:.2s
}
.aika-format input:checked+span{background:var(--mint)}
.aika-format input:checked+span i{transform:translateX(19px)}
.aika-fullscreen{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    flex:0 0 42px;
    border:1px solid var(--line);
    border-radius:11px;
    background:var(--white);
    color:var(--pine)
}
.aika-fullscreen svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.9}
.aika-clock__display{
    min-height:510px;
    display:grid;
    place-items:center;
    padding:48px
}
.aika-panel{width:100%}
.aika-panel[hidden]{display:none!important}
.aika-digital{text-align:center}
.aika-digital time{
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:.15em;
    white-space:nowrap
}
.aika-digital time span{
    color:var(--pine);
    font-size:clamp(4.8rem,11vw,10.4rem);
    line-height:.88;
    font-weight:800;
    letter-spacing:-.07em;
    font-variant-numeric:tabular-nums
}
.aika-digital time em{
    padding-bottom:.25em;
    color:var(--mint);
    font-size:1.4rem;
    font-style:normal;
    font-weight:900
}
.aika-digital>p{
    margin:25px 0 14px;
    color:var(--pine-light);
    font-size:1.24rem;
    font-weight:700
}
.aika-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.aika-tags span{
    padding:7px 11px;
    border-radius:99px;
    background:var(--ice);
    color:#2a6550;
    font-size:.84rem
}

/* Analog */
.aika-analog{text-align:center}
.aika-face{
    position:relative;
    width:min(390px,76vw);
    aspect-ratio:1;
    margin:auto;
    border:4px solid var(--pine);
    border-radius:50%;
    background:radial-gradient(circle at center,#fff 0 68%,#eef7f2 69% 100%);
    box-shadow:inset 0 0 0 10px #f8fbf9,0 20px 45px rgba(18,55,42,.13)
}
.aika-hour{
    position:absolute;
    top:50%;
    left:50%;
    width:30px;
    height:30px;
    margin:-15px;
    display:grid;
    place-items:center;
    color:var(--pine);
    font-size:1rem;
    font-weight:900
}
.aika-hour--1{transform:rotate(30deg) translateY(-163px) rotate(-30deg)}
.aika-hour--2{transform:rotate(60deg) translateY(-163px) rotate(-60deg)}
.aika-hour--3{transform:rotate(90deg) translateY(-163px) rotate(-90deg)}
.aika-hour--4{transform:rotate(120deg) translateY(-163px) rotate(-120deg)}
.aika-hour--5{transform:rotate(150deg) translateY(-163px) rotate(-150deg)}
.aika-hour--6{transform:rotate(180deg) translateY(-163px) rotate(-180deg)}
.aika-hour--7{transform:rotate(210deg) translateY(-163px) rotate(-210deg)}
.aika-hour--8{transform:rotate(240deg) translateY(-163px) rotate(-240deg)}
.aika-hour--9{transform:rotate(270deg) translateY(-163px) rotate(-270deg)}
.aika-hour--10{transform:rotate(300deg) translateY(-163px) rotate(-300deg)}
.aika-hour--11{transform:rotate(330deg) translateY(-163px) rotate(-330deg)}
.aika-hour--12{transform:rotate(0deg) translateY(-163px) rotate(0deg)}
.aika-hand{position:absolute;left:50%;bottom:50%;border-radius:99px;transform-origin:bottom}
.aika-hand--hour{width:7px;height:25%;background:var(--pine)}
.aika-hand--minute{width:5px;height:34%;background:var(--mint)}
.aika-hand--second{width:2px;height:40%;background:var(--sun)}
.aika-center{
    position:absolute;
    top:50%;
    left:50%;
    width:16px;
    height:16px;
    border-radius:50%;
    background:var(--sun);
    box-shadow:0 0 0 4px var(--pine);
    transform:translate(-50%,-50%)
}
.aika-analog__info{margin-top:22px}
.aika-analog__info strong{display:block;font-size:1.45rem;font-variant-numeric:tabular-nums}
.aika-analog__info span{color:var(--muted)}
.aika-clock__status{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:14px 20px;
    border-top:1px solid var(--line);
    color:var(--muted);
    font-size:.88rem
}
.aika-clock__status span{display:flex;align-items:center;gap:8px}
.aika-clock__status span i{width:8px;height:8px;border-radius:50%;background:var(--mint)}
.aika-clock__status button{border:0;background:transparent;color:var(--pine);font-weight:850}

/* Lower homepage */
.aika-features,.aika-content,.aika-faq{padding:72px 0}
.aika-heading{max-width:760px;margin-bottom:28px}
.aika-heading h2{
    margin:7px 0;
    color:var(--pine);
    font-size:clamp(2.1rem,4.7vw,3.8rem);
    line-height:1.05;
    letter-spacing:-.05em
}
.aika-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.aika-feature-grid article{
    min-height:205px;
    padding:23px;
    border:1px solid var(--line);
    border-radius:18px;
    background:var(--white)
}
.aika-feature-grid article:nth-child(2),
.aika-feature-grid article:nth-child(4){
    background:var(--pine);
    color:var(--white)
}
.aika-feature-grid span{color:var(--mint);font-weight:900}
.aika-feature-grid h3{margin:28px 0 7px}
.aika-feature-grid p{margin:0;color:var(--muted)}
.aika-feature-grid article:nth-child(2) p,
.aika-feature-grid article:nth-child(4) p{color:#c9ddd4}
.aika-prose{
    max-width:930px;
    margin:auto;
    padding:clamp(28px,5vw,56px);
    border:1px solid var(--line);
    border-radius:22px;
    background:var(--white)
}
.aika-prose h2{
    margin:1.65em 0 .5em;
    color:var(--pine);
    font-size:2rem;
    line-height:1.2;
    letter-spacing:-.025em
}
.aika-prose h2:first-child{margin-top:0}
.aika-prose p,.aika-prose li{color:#51645b}
.aika-prose a{color:var(--pine-light)}
.aika-faq__list{max-width:930px}
.aika-faq details,.aika-side-faq details{
    margin:10px 0;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--white);
    padding:17px 19px
}
.aika-faq summary,.aika-side-faq summary{
    display:flex;
    justify-content:space-between;
    gap:15px;
    cursor:pointer;
    font-weight:850
}
.aika-faq details p,.aika-side-faq details p{color:var(--muted)}

/* Static pages */
.aika-page-hero{padding:64px 0 32px;color:var(--white);background:var(--pine)}
.aika-breadcrumbs{display:flex;gap:8px;margin-bottom:25px;color:#bdd1c8}
.aika-breadcrumbs a{color:var(--sun);text-decoration:none}
.aika-page-hero h1{
    margin:10px 0 16px;
    max-width:900px;
    font-size:clamp(3rem,7vw,5.6rem);
    line-height:.94;
    letter-spacing:-.06em
}
.aika-page-hero__intro{max-width:760px;color:#d4e5dd;font-size:1.08rem}
.aika-document{padding:48px 0 88px}
.aika-document__grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}
.aika-side-faq{position:sticky;top:95px}
.aika-contact{display:grid;gap:16px;margin-top:28px}
.aika-contact__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.aika-contact label{display:grid;gap:7px;font-weight:800}
.aika-contact input,.aika-contact textarea{
    width:100%;
    border:1px solid var(--line);
    border-radius:10px;
    background:#f9fcfa;
    padding:12px
}
.aika-primary{
    justify-self:start;
    border:0;
    border-radius:10px;
    background:var(--pine);
    color:var(--white);
    padding:12px 17px;
    font-weight:850
}
.hp-field{position:absolute;left:-9999px}
.aika-alert{padding:13px;border-radius:10px}
.aika-alert.is-success{background:#dcfae6;color:#05603a}
.aika-alert.is-error{background:#fee4e2;color:#912018}

/* Footer */
.aika-footer{padding:52px 0;background:var(--pine);color:var(--white)}
.aika-brand--footer{color:var(--white)}
.aika-footer__grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:36px}
.aika-footer p{color:#bdd1c8}
.aika-footer__links{display:grid;gap:8px}
.aika-footer__links a{color:#eef7f2;text-decoration:none}
.aika-footer__note{text-align:right}

/* Fullscreen */
.aika-clock:fullscreen,.aika-clock.is-screen-mode{
    width:100vw;
    height:100dvh;
    border:0;
    border-radius:0;
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto;
    background:var(--white)
}
.aika-clock.is-screen-mode{position:fixed;inset:0;z-index:99999}
.aika-lock{overflow:hidden!important}
.aika-clock:fullscreen .aika-clock__display,
.aika-clock.is-screen-mode .aika-clock__display{min-height:0}
.aika-clock:fullscreen .aika-digital time span,
.aika-clock.is-screen-mode .aika-digital time span{font-size:clamp(7rem,17vw,16rem)}
.aika-clock:fullscreen .aika-face,
.aika-clock.is-screen-mode .aika-face{width:min(68vh,68vw,720px)}

/* Responsive */
@media(max-width:920px){
    .aika-intro__layout,.aika-document__grid,.aika-footer__grid{grid-template-columns:1fr}
    .aika-current{max-width:430px}
    .aika-feature-grid{grid-template-columns:repeat(2,1fr)}
    .aika-side-faq{position:static}
    .aika-footer__note{text-align:left}
}
@media(max-width:720px){
    .aika-menu{display:block}
    .aika-nav{
        display:none;
        position:absolute;
        top:72px;
        left:18px;
        right:18px;
        flex-direction:column;
        align-items:stretch;
        padding:16px;
        border:1px solid var(--line);
        border-radius:14px;
        background:var(--white);
        box-shadow:var(--shadow)
    }
    .aika-nav.is-open{display:flex}
    .aika-clock__toolbar{gap:9px;padding:12px}
    .aika-view-tabs{flex:1;min-width:0}
    .aika-view-tabs button{flex:1;min-width:0;padding:10px 8px;font-size:.84rem}
    .aika-format{gap:6px;font-size:.78rem}
    .aika-fullscreen{width:40px;height:40px;flex-basis:40px}
    .aika-clock__display{padding:38px 18px}
    .aika-contact__row{grid-template-columns:1fr}
}
@media(max-width:520px){
    .aika-wrap{width:min(100% - 20px,1180px)}
    .aika-intro{padding:52px 0 40px}
    .aika-intro h1{font-size:clamp(3.2rem,18vw,5rem)}
    .aika-format b{display:none}
    .aika-format>span{width:38px;height:22px}
    .aika-format>span i{width:16px;height:16px}
    .aika-format input:checked+span i{transform:translateX(16px)}
    .aika-fullscreen{width:38px;height:38px;flex-basis:38px}
    .aika-digital time span{font-size:clamp(3.3rem,18vw,5.2rem)}
    .aika-digital time em{font-size:1rem}
    .aika-feature-grid{grid-template-columns:1fr}
    .aika-clock__status{align-items:flex-start;flex-direction:column}
    .aika-face{width:min(310px,82vw)}
    .aika-hour--1{transform:rotate(30deg) translateY(-128px) rotate(-30deg)}
    .aika-hour--2{transform:rotate(60deg) translateY(-128px) rotate(-60deg)}
    .aika-hour--3{transform:rotate(90deg) translateY(-128px) rotate(-90deg)}
    .aika-hour--4{transform:rotate(120deg) translateY(-128px) rotate(-120deg)}
    .aika-hour--5{transform:rotate(150deg) translateY(-128px) rotate(-150deg)}
    .aika-hour--6{transform:rotate(180deg) translateY(-128px) rotate(-180deg)}
    .aika-hour--7{transform:rotate(210deg) translateY(-128px) rotate(-210deg)}
    .aika-hour--8{transform:rotate(240deg) translateY(-128px) rotate(-240deg)}
    .aika-hour--9{transform:rotate(270deg) translateY(-128px) rotate(-270deg)}
    .aika-hour--10{transform:rotate(300deg) translateY(-128px) rotate(-300deg)}
    .aika-hour--11{transform:rotate(330deg) translateY(-128px) rotate(-330deg)}
    .aika-hour--12{transform:rotate(0deg) translateY(-128px) rotate(0deg)}
    .aika-clock.is-screen-mode .aika-clock__status,
    .aika-clock:fullscreen .aika-clock__status{display:none}
}
@supports(padding:max(0px)){
    .aika-clock.is-screen-mode{
        padding-top:env(safe-area-inset-top);
        padding-right:env(safe-area-inset-right);
        padding-bottom:env(safe-area-inset-bottom);
        padding-left:env(safe-area-inset-left)
    }
}